/*Two Contents Div For Master Pages*/
.ui-one {
    width: 30%;
    margin-left: -.6%;
}

.ui-two {
    width: 94%;
    margin-left: 4%;
    padding-top: 50px;
}

/*Form */
.main-content-form {
    width: 90%;
    height: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 80px auto 0;
    background-color: #ffffff;
    padding: 8px;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    margin-top: 5%;
}

.form-bg {
    width: 40%;
    height: 310px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    margin: 100px auto 0;
    border: 1px solid;
    border-color: #000000;
    background-color: #ffffff;
    padding: 8px 0 0 8px;
    margin-top: 7%;
}
    /*Login Form*/
    .form-bg form {
        width: 35%;
        height: 239px;
        background: #fff url(../img/bg_form.jpg) repeat-x top left;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);
        box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);
    }

/* Change Password Class*/
.changepassword-form-bg {
    width: 41%;
    height: 200px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 auto 2%;
    background-color: #ffffff;
    padding: 8px 0 0 8px;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

    .changepassword-form-bg span {
        width: 48%;
        font-size: 17px;
        font-weight: 700;
        font-family: Calibri, Arial, 'Times New Roman';
        display: inline-block;
        vertical-align: middle;
        margin-left: 24px;
    }

    .changepassword-form-bg input[type="text"] .changepassword-form-bg input[type="password"] {
        width: 55%;
        display: inline-block;
        margin-bottom: 1px;
        font-weight: 700;
    }

.form-bg form h2 {
    font-size: 14px;
    font-weight: bold;
    color: #555555;
    font-family: Calibri, Arial, 'Times New Roman';
    text-shadow: 0 1px 0 #fff;
    filter: dropshadow(color=#fff, offx=0, offy=1);
    line-height: 45px;
    margin-bottom: 24px;
    margin-left: 25px;
}
/*Content Inner Form*/

.content-footer-form-bg {
    width: 100%;
    height: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 auto 2%;
    margin-top: 20px;
    background-color: #ffffff;
    padding: 8px 0 0 8px;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

    .content-footer-form-bg form h2 {
        font-size: 14px;
        font-weight: bold;
        color: #555555;
        font-family: Calibri, Arial, 'Times New Roman';
        text-shadow: 0 1px 0 #fff;
        filter: dropshadow(color=#fff, offx=0, offy=1);
        line-height: 45px;
        margin-bottom: 24px;
        margin-left: 25px;
    }

.content-form-bg {
    width: 100%;
    height: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 auto 1%;
    background-color: #ffffff;
    padding: 8px;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

    .content-form-bg form h2 {
        font-size: 14px;
        font-weight: bold;
        color: #555555;
        font-family: Calibri, Arial, 'Times New Roman';
        text-shadow: 0 1px 0 #fff;
        filter: dropshadow(color=#fff, offx=0, offy=1);
        line-height: 45px;
        margin-bottom: 24px;
        margin-left: 25px;
    }

.btn_groupclass {
    min-width: 82px;
    width: auto;
    height: 32px;
    margin-bottom: 1%;
}

.ui-grid-a span {
    width: 12.4%;
    font-size: 17px;
    font-weight: 700;
    font-family: Calibri, Arial, 'Times New Roman';
    display: inline-block;
    margin-top: 3.5%;
}

.label_chkbx {
    width: 11.2%;
    font-size: 17px;
    font-weight: 500;
    font-family: Calibri, Arial, 'Times New Roman';
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
}

.ui-block-m textarea, .ui-block-m input[type="text"], .ui-block-m select, .ui-block-m input[type="password"], .ui-block-m input[type="email"] {
    width: 77.5%;
    display: inline-block;
    margin-bottom: 1px;
    font-weight: 700;
}

.ui-block-m table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 80%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
    display: inline-block;
}

    .ui-block-m table td {
        line-height: 2em;
        text-align: center;
        padding: .2em 0em;
        vertical-align: top;
        -webkit-box-shadow: 0px 0px 0px 0px #888;
        box-shadow: 0px 0px 0px 0px #888;
        -moz-box-shadow: 0px 0px 0px 0px #888;
    }

        .ui-block-m table td input[type=checkbox] {
            display: none;
        }

            .ui-block-m table td input[type=checkbox] + label {
                border-left: 1px solid #e6e6e6;
                border-right: 1px solid #e6e6e6;
                border-top: 1px solid #e6e6e6;
                border-bottom: 1px solid #b3b3b3;
                display: inline-block;
                padding: 4px 12px;
                margin-bottom: 0;
                font-size: 14px;
                line-height: 20px;
                color: #333;
                text-align: center;
                text-shadow: 0 1px 1px rgba(255,255,255,0.75);
                vertical-align: middle;
                cursor: pointer;
                background-color: #f5f5f5;
                background-repeat: repeat-x;
                -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                background-image: linear-gradient(to bottom,#fff,#e6e6e6);
                position: relative;
            }

            .ui-block-m table td input[type=checkbox]:checked + label {
                background-image: none;
                outline: 0;
                -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
                -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
                box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
                background-color: #6B6B6B;
                position: relative;
                color: white;
                text-shadow: 0 0px 0px rgba(255,255,255,0.75);
            }



.ChekCamp {
    border-collapse: collapse;
    border-spacing: 0;
    width: 55%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
    display: inline-block;
}

    .ChekCamp td {
        width: auto;
        line-height: 2em;
        text-align: center;
        padding: .2em 0em;
        vertical-align: top;
        -webkit-box-shadow: 0px 0px 0px 0px #888;
        box-shadow: 0px 0px 0px 0px #888;
        -moz-box-shadow: 0px 0px 0px 0px #888;
    }

        .ChekCamp td input[type=checkbox] {
            display: none;
        }

            .ChekCamp td input[type=checkbox] + label {
                border-left: 1px solid #e6e6e6;
                border-right: 1px solid #e6e6e6;
                border-top: 1px solid #e6e6e6;
                border-bottom: 1px solid #b3b3b3;
                display: inline-block;
                padding: 4px 4px;
                margin-bottom: 0;
                font-size: 14px;
                line-height: 20px;
                color: #333;
                text-align: center;
                text-shadow: 0 1px 1px rgba(255,255,255,0.75);
                vertical-align: middle;
                cursor: pointer;
                background-color: #f5f5f5;
                background-repeat: repeat-x;
                -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                background-image: linear-gradient(to bottom,#fff,#e6e6e6);
                position: relative;
            }

            .ChekCamp td input[type=checkbox]:checked + label {
                background-image: none;
                outline: 0;
                -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
                -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
                box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
                background-color: #6B6B6B;
                position: relative;
                color: white;
                text-shadow: 0 0px 0px rgba(255,255,255,0.75);
            }

.ui-block-a span, .ui-block-b span, .ui-block-c span {
    width: 25%;
    font-size: 17px;
    font-weight: 700;
    font-family: Calibri, Arial, 'Times New Roman';
    display: inline-block;
    vertical-align: middle;
}

.ui-block-f span {
    width: 25%;
    font-size: 17px;
    font-weight: 700;
    font-family: Calibri, Arial, 'Times New Roman';
    display: inline-block;
}

.ui-block-a input[type="text"], .ui-block-b input[type="text"], .ui-block-c input[type="text"], .ui-block-a textarea, .ui-block-b textarea, .ui-block-a input[type="password"], .ui-block-b input[type="password"] {
    width: 55%;
    display: inline-block;
    margin-bottom: 2px;
    font-weight: 700;
}

.ui-block-a input[type="file"], .ui-block-b input[type="file"], .ui-block-c input[type="file"] {
    width: 55%;
    display: inline-block;
    margin-bottom: 1px;
    margin-top: -3%;
}

.ui-block-a select, .ui-block-b select {
    width: 56.5%;
    display: inline-block;
    margin-bottom: 0.4%;
}

.ui-block-a a, .ui-block-b a, .ui-block-c a, .ui-block-d a, .ui-block-e a, .ui-block-f a, .ui-block-g a {
    display: inline-block;
    margin-top: 20px;
    width: 55%;
    margin-left: 22px;
}

.ui-block-f input[type="text"], .ui-block-f input[type="password"] {
    width: 26.5%;
    display: inline-block;
    margin-right: -3.5%;
    margin-bottom: 2px;
    font-weight: 700;
}

.ui-block-f .aspNetDisabled {
    width: 9%;
}

.ui-block-f input[type="submit"], .ui-block-f input[type="submit"]:hover {
    width: 26.5%;
    display: inline-block;
    margin-left: 5%;
}

.ui-block-f select {
    width: 27.5%;
    display: inline-block;
    margin-right: -3.5%;
}

.ui-block-g span {
    width: 25%;
    font-size: 17px;
    font-weight: 700;
    font-family: Calibri, Arial, 'Times New Roman';
    display: inline-block;
    vertical-align: middle;
}

.ui-block-g div {
    width: 38%;
    display: inline-block;
}

.ui-block-g .ui-block-g-label {
    width: 10%;
    font-size: 17px;
    font-weight: 500;
    font-family: Calibri, Arial, 'Times New Roman';
    display: inline-block;
    vertical-align: bottom;
    margin-left: 21px;
    margin-bottom: 5px;
}

.ui-block-a .ui-block-a-label {
    width: 55%;
    font-size: 17px;
    font-weight: 500;
    font-family: Calibri, Arial, 'Times New Roman';
    display: inline-block;
    vertical-align: bottom;
    margin-left: 21px;
    margin-top: 20px;
}

.ui-block-b .ui-block-b-label {
    width: 55%;
    font-size: 17px;
    font-weight: 500;
    font-family: Calibri, Arial, 'Times New Roman';
    display: inline-block;
    vertical-align: inherit;
    margin-left: 21px;
    margin-top: 20px;
}

.ui-block-g input[type="text"], .ui-block-g input[type="password"], .ui-block-g input[type="checkbox"] {
    width: 17%;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 2px;
    margin-right: -3.5%;
    font-weight: 700;
}

.lbl_desc {
    vertical-align: top;
    margin-top: 22px;
}

input[type="text"], input[type="password"], textarea {
    box-shadow: 0px 0px 0px 2px #E3E3E6;
    width: 10%;
    height: 15px;
    padding: 0 10px 0 10px;
    margin: 0 auto;
    /*color: #aeaeae;*/
    border: 1px solid #bec2c4;
    font-weight: 700;
}

select {
    box-shadow: 0px 0px 0px 2px #E3E3E6;
    width: 10%;
    height: 27px;
    padding: 0 10px 0 10px;
    margin: 0 auto;
    color: #aeaeae;
    border: 1px solid #bec2c4;
}

table td select {
    box-shadow: 0px 0px 0px 2px #f2f5f7;
    width: 10%;
    height: 29px;
    padding: 0 10px 0 10px;
    margin: 0 auto;
    color: #aeaeae;
    border: 1px solid #bec2c4;
}

.ui-block-a input[type="checkbox"], .ui-block-b input[type="checkbox"], .ui-block-c input[type="checkbox"], .ui-block-d input[type="checkbox"], .ui-block-e input[type="checkbox"], .ui-block-f input[type="checkbox"], .ui-block-g input[type="checkbox"] {
    box-shadow: 0px 0px 0px 2px #f2f5f7;
    width: 3%;
    height: 20px;
    padding: 0 10px 0 10px;
    margin: 0 auto;
    color: #aeaeae;
    border: 1px solid #bec2c4;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    box-shadow: 0px 0px 0px 2px #e0f1fc;
    border: 1px solid #7dc6dd;
    border-radius: 2px;
    font-weight: 700;
    background: #CEE3F6;
}



input[type="submit"] {
    /*background: #eeeeee*/ /*{a-bhover-background-color}*/
    border: 1px solid #cccccc;
    font-weight: bold;
    border-radius: 5px;
    color: #f4f5f6 /*{a-bhover-color}*/;
    text-shadow: 0 /*{a-bhover-shadow-x}*/ 0 /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #2f6fb0 /*{a-bhover-background-start}*/ ), to( #2f6fb0 /*{a-bhover-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #2f6fb0 /*{a-bhover-background-start}*/, #2f6fb0 /*{a-bhover-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #2f6fb0 /*{a-bhover-background-start}*/, #2f6fb0 /*{a-bhover-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #2f6fb0 /*{a-bhover-background-start}*/, #2f6fb0 /*{a-bhover-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #2f6fb0 /*{a-bhover-background-start}*/, #2f6fb0 /*{a-bhover-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #2f6fb0 /*{a-bhover-background-start}*/, #2f6fb0 /*{a-bhover-background-end}*/ );
}

    input[type="submit"]:hover {
        border: 1px solid #cccccc /*{a-bup-border}*/;
        /*background: #eeeeee*/ /*{a-bup-background-color}*/
        font-weight: bold;
        border-radius: 5px;
        color: #2e2e2e /*{a-bup-color}*/;
        text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;
        background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{a-bup-background-start}*/ ), to( #f1f1f1 /*{a-bup-background-end}*/ )); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
        background-image: -moz-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* FF3.6 */
        background-image: -ms-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* IE10 */
        background-image: -o-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* Opera 11.10+ */
        background-image: linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ );
    }

    input[type="submit"]:active {
        /*width: 100px;*/
        height: 32px;
        border: 1px solid #cccccc;
        color: #2e2e2e /*{a-bup-color}*/;
        text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;
        background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{a-bup-background-start}*/ ), to( #f1f1f1 /*{a-bup-background-end}*/ )); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
        background-image: -moz-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* FF3.6 */
        background-image: -ms-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* IE10 */
        background-image: -o-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* Opera 11.10+ */
        background-image: linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ );
    }


label {
    display: inline;
    margin-left: 24px;
    vertical-align: middle;
}

    label span {
        color: 555555;
        font-size: 12px;
        font-weight: 700;
    }

p.forgot {
    text-align: center;
    margin-top: 10px;
    margin-left: -55px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

    p.forgot a {
        color: #cbebf6;
        text-decoration: none;
        transition: color 0.5s linear;
        -moz-transition: color 0.5s linear;
        -webkit-transition: color 0.5s linear;
        -o-transition: color 0.5s linear;
    }

        p.forgot a:hover {
            color: #65c4e5;
        }



/* #Media Queries
================================================== */

/* iPad Portrait/Browser */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

/* Mobile/Browser */
@media only screen and (max-width: 767px) {
}

/* Mobile Landscape/Browser */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Anything smaller than standard 960 */
@media only screen and (max-width: 959px) {
}

/* iPad Portrait Only */
@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {
}

/* Mobile Only */
@media only screen and (max-width: 767px) and (max-device-width: 1000px) {
}

/* Mobile Landscape Only */
@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {
}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file 
		Just create a "fonts" folder at the root, 
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/




/*Header Login Page Left Right Images Class */
.img_left_header_lgn {
    float: left;
    width: 50px;
    margin-top: -0.5%;
}

.img_right_header_lgn {
    float: right;
    width: 50px;
    margin-top: -0.5%;
    margin-right: 1%;
}

/*Right Panel Login Page Css */
.right_panel {
    width: 5%;
    float: right;
    height: 210px;
    background: #d9dada;
    position: fixed;
    right: -5%;
    margin-top: 89px;
    border-bottom-left-radius: 10px;
    background-color: #6E0163;
}

.slider-arrow {
    padding: 8px;
    width: 24px;
    float: right;
    background: #d9dada;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    font: 400 12px Calibri, Arial, 'Times New Roman';
    color: #000;
    text-decoration: none;
    position: fixed;
    right: 0px;
    background-color: #6E0163;
    right: 0;
    top: 110px;
}

    .slider-arrow img {
        width: 25px;
        height: 25px;
    }

/* Right Panel Home Icon Css Class*/
.right_panel a .home_icon {
    /*float: right;
    margin-right: 10px;*/
    width: 40px;
    margin-top: 1px;
    margin-left: 10%;
}
/* Right Panel about Icon Css Class*/
.right_panel a .about_icon {
    /*float: right;
    margin-right: 2px;*/
    width: 55px;
    margin-top: 8px;
    padding: -1px;
    margin-left: 7%;
}
/* Right Panel FAQ Icon Css Class*/
.right_panel a .faq_icon {
    /*float: right;
    margin-right: 10px;*/
    width: 37px;
    margin-top: 15px;
    margin-left: 17%;
}
/* Right Panel Contact Us Icon Css Class*/
.right_panel a .contact_icon {
    /*float: right;
    margin-right: 14px;*/
    width: 32px;
    margin-top: 15px;
    margin-left: 20%;
}
/*Left Panels All Page*/
.left_panel {
    width: 28%;
    float: left;
    height: 100%;
    background-color: #2C2361;
    position: fixed;
    margin-top: 0%;
    z-index: 9998;
    display: none;
    display: block;
    margin-left: -28%;
}
/*Left Panels Arrow All Pages*/
.left-slider-arrow {
    padding: 10px;
    width: 25px;
    float: left;
    background-color: #2C2361;
    font: 400 12px Calibri, Arial, 'Times New Roman';
    color: #000;
    text-decoration: none;
    position: fixed;
    margin-top: 0%;
    margin-left: 0.6%;
    border-bottom-right-radius: 10px;
    z-index: 9998;
    display: none;
    display: block;
}
    /*Left Panels Arrow Images*/
    .left-slider-arrow img {
        width: 25px;
        height: 25px;
    }
/*Header Css Panel*/
#main-slideheaderpanel {
    margin-bottom: 30px;
    margin-top: 15px;
    height: 5%;
}
/*Header Text Css Class*/
#main-headername a {
    font-family: Calibri, Arial, 'Times New Roman';
    color: #fff;
    /*margin-left: 33px;*/
    font-size: 40px;
    cursor: pointer;
    text-decoration: inherit;
    vertical-align: super;
}
/*Left Panel Footer Css*/
#mp-footerpanel {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    width: 22.5%;
    height: 5%;
    padding: 25px;
    color: #ffffff;
}

.logout_cls input[type="image"] {
    width: 35px;
    height: 32px;
}

.reminder_class input[type="image"] {
    width: 35px;
    height: 32px;
    float: right;
}

.mp-menus, .mp-submenus, .mp-recentitemholder {
    margin: 0px;
    padding: 0;
    list-style: none; /*	overflow:hidden;*/
    position: relative;
    height: 70%;
    border-top: 1px solid;
    border-top-color: White;
    width: 100%;
    margin-top: 5%;
    overflow-y: auto;
    overflow-x: hidden;
}

    .mp-menus li {
        padding: 0px;
        margin: 0px;
        position: relative;
        z-index: 9998;
        width: 27.9vw;
        height: 40px;
        /*line-height: 14px;
        padding-bottom: 16px;
        margin-top: 16px;*/
        border-bottom: 1px solid;
        border-bottom-color: white;
    }

        .mp-menus li:hover {
            padding: 0px;
            margin: 0px;
            position: relative;
            z-index: 9998;
            width: 27.9vw;
            /*line-height: 14px;
            padding-bottom: 16px;
            padding-top: 16px;*/
            border-bottom: 1px solid;
            border-bottom-color: white;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); /* For IE 5.5 - 7*/
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; /* For IE 8*/
            background: rgba(0,0,0,0.2); /* Modern browser */
        }

    .mp-menus ul {
        width: 100%;
    }

    .mp-menus li a, .mp-submenu li a, .mp-recentitem li a {
        display: block;
        float: left;
        width: 100%;
        margin-left: 30px;
        margin-right: 5px;
        font-size: 17px;
        line-height: 40px;
        font-family: Calibri, Arial, 'Times New Roman';
        color: #fff;
        text-decoration: inherit;
    }

.mp-icons {
    width: 15px;
    height: 15px;
    padding: 10px;
    display: block;
    float: right;
}

.mp-menu span, .mp-submenu span, .mp-recentitem span {
}


/*Login Page Css */
/*Header Css Class Login Page*/
.notice-inner-header {
    width: auto;
    background: #fff;
    border-bottom: 1px solid #eaeff3;
    color: #ffffff;
    position: fixed;
    top: 0;
    font-size: 17px;
    font-weight: 600;
    height: 45px;
    -moz-border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #6E0163;
    right: 0;
    z-index: 9;
}

    .notice-inner-header p.warn-header {
        text-align: center;
        line-height: 10px;
        padding: 15px;
        -moz-border-bottom-left-radius: 1px;
        -webkit-border-bottom-left-radius: 1px;
        border-bottom-left-radius: 1px;
    }

        .notice-inner-header p.warn-header a {
            color: white;
            text-decoration: none;
        }

.notice {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eaeff3;
    color: #ffffff;
    position: fixed;
    top: 0;
    font-size: 26px;
    font-weight: 600;
    height: 45px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
       background-color: #2f6fb0;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    padding: 8px 0 0 8px;
}
    /*Header Text Css Class Login Page*/
    .notice p.warn {
        text-align: center;
        line-height: 35px;
    }

/*Footer Css Class Login Page*/
.notice_bottom {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eaeff3;
    color: #ffffff;
    position: fixed;
    bottom: 0;
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 1px;
     background-color: #2f6fb0;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    padding: 8px 0 0 8px;
}
    /*Footer Text Css Class Login Page*/
    .notice_bottom p.warn_bottom {
        text-align: center;
        line-height: 25px;
    }
/*Error Label Login Page*/
.lbl_Error {
    color: red;
    font-size: 14px;
    float: right;
    margin-right: 7%;
    font-family: Calibri, Arial, 'Times New Roman';
}
/*Login Button CSS class Login Page */
.btn_css {
    min-width: 100px;
    width: auto;
    height: 32px;
    border: 0px;
    float: right;
    margin-right: 32px;
}

    .btn_css:hover {
        width: 100px;
        height: 32px;
        border: 0px;
    }

/*Home Page Css Class*/

.sales_icon_one {
    height: 80%;
    width: 100%;
    margin-left: 0%;
    border: 1px;
    border-color: #000000;
    margin-top: 2%;
}

.images_icons_sales {
    height: 32%;
    width: 18%;
    margin-left: 1.5%;
    margin-bottom: 1.5%;
}

.solid-blue {
    background: #00BBE2;
}

.solid-darkblue {
    background: #044E94;
}

.solid-violetred {
    background: #781766;
}

.solid-red {
    background: #E51400;
}

.solid-purple {
    background: #D02090;
}

.solid-orange {
    background: #FB8F02;
}

.solid-orange-2 {
    background: #FF6600;
}

.solid-coral {
    background: #CD5B45;
}

.solid-green {
    background: #67B239;
}

.solid-olive {
    background: #999900;
}

.solid-grass {
    background: #CDCD00;
}

.solid-darkred {
    background: #5F0000;
}

.solid-gold {
    background: #FEE9AE;
}

.solid-black {
    background: #000;
}

.solid-smoke {
    background: #F5F5F5;
}

.solid-yellow {
    background: #D3BD1D;
}

.header_main img {
    float: right;
    width: 100px;
    height: 100px;
    background: #555;
}

.header_main h1 {
    width: auto;
    position: relative;
    color: #FFFFFF;
    left: 10px;
    font-size: 28px;
    font-family: Calibri, Arial, 'Times New Roman';
    font-weight: normal;
}

#mp-menus_header, #mp-submenus, #mp-recentitemholder {
    margin: 0px;
    padding: 0;
    list-style: none; /*	overflow:hidden;*/
    position: relative;
    float: right;
    margin-right: 1.5%;
}

.mp-menu_header, .mp-submenu, .mp-recentitem {
    padding: 0px;
    margin: 0px;
    position: relative;
    z-index: 9998;
    width: 100%;
    margin-right: 25%;
}

.d:hover {
    background-color: #044E94;
}

.mp-menu_header a, .mp-submenu a, .mp-recentitem a {
    padding: 10px 15px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    margin-top: -9px;
}

    .mp-menu_header a:hover, a:focus, .mp-submenu a:hover, a:focus, .mp-recentitem a:hover, a:focus {
        text-decoration: underline;
    }

.mp-icons_header {
    width: 60px;
    height: 60px;
    padding: 8px;
    display: block;
    /*float: left;*/
    margin-left: 10px;
}

.mp-menu_header span {
    display: block;
    float: left;
    width: auto;
    margin-left: 39px;
    margin-right: 10px;
    font-size: 20px;
    line-height: 27px;
    font-family: "Century Gothic";
    color: #000000;
    font-weight: 700;
}



#mp-headerpanel_header {
    margin-bottom: 2.5%;
    float: right;
    width: 100%;
    height: 20%;
}

.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: 100%;
}

.About_Container {
    width: 80%;
    height: 75%;
    margin: 150px auto 0;
    background-color: #ffffff;
}

.ui-block-a .label_infolabel {
    width: 60%;
    font-size: 17px;
    font-weight: 500;
    font-family: Calibri, Arial, 'Times New Roman';
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 4px;
    margin: 22px;
    display: inline-block;
    margin-bottom: 5px;
}

.ui-block-three span {
    font-size: 17px;
    display: inline-block;
    width: 12.5%;
    font-weight: 700;
}

.ui-block-three input[type="text"] {
    display: inline-block;
    width: 22%;
    margin-right: 1%;
    margin-bottom: 1px;
    font-weight: 700;
}

.ui-block-three select {
    display: inline-block;
    width: 16%;
    margin-right: 1%;
    margin-bottom: 0%;
}

.ui-block-three input[type="checkbox"] {
    display: inline-block;
    width: 20px;
    height:20px;
    vertical-align: middle;
}

.ui-block-a .leftside_dd_route, .ui-block-b .leftside_dd_route {
    width: 24.8%;
}

.ui-block-a .leftside_lb_route, .ui-block-b .leftside_lb_route {
    width: 5%;
    font-size: 17px;
    font-weight: 700;
    font-family: Calibri, Arial, 'Times New Roman';
    display: inline-block;
    vertical-align: middle;
    /*margin-left: 62%;*/
}
/*.ui-block-a input[type="checkbox"]
{
    display:inline-block;
    margin-bottom:5px;
}
.ui-block-b input[type="checkbox"]
{
    display:inline-block;
    margin-bottom:5px;
}*/

/* Class For File Uploder */
.file_uploader {
    display: inline-block;
    margin-left: 3.5%;
    margin-top: 4%;
    width: 55%;
}

.imageUploaderField input {
    width: 70% !important;
}

.ModalPopupBG {
    width: auto;
    height: 400px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 auto 2%;
    overflow-y: scroll;
    /*background-color: #ffffff;*/
    padding: 8px 0 0 8px;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

    .ModalPopupBG span {
        width: 100%;
        font-size: 17px;
        color: #888;
    }

    .ModalPopupBG table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0px 0px 0px 0px #888;
        box-shadow: 0px 0px 0px 0px #888;
        -moz-box-shadow: 0px 0px 0px 0px #888;
    }

        .ModalPopupBG table th, .ModalPopupBG table td {
            line-height: 2em;
            text-align: left;
            padding: .4em .5em;
            vertical-align: top;
            -webkit-box-shadow: 0px 0px 0px 0px #888;
            box-shadow: 0px 0px 0px 0px #888;
            -moz-box-shadow: 0px 0px 0px 0px #888;
        }

        .ModalPopupBG table tr {
            width: 10px;
        }

        .ModalPopupBG table thead th {
            border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
            border-bottom: 1px solid rgba(0, 0, 0, .1);
        }


input[type="text"]:disabled, select:disabled, textarea:disabled {
    background: #F1F1F1;
    /*font-weight:700;*/
}

table tr td input[type="text"]:disabled, table tr td select:disabled, table tr td textarea:disabled {
    background: #fff;
    /*font-weight:700;*/
    color: black;
}

.ui-block-a .three_checkbox, .ui-block-b .three_checkbox {
    width: 60%;
    display: inline-block;
}

    .ui-block-a .three_checkbox span, .ui-block-b .three_checkbox span {
        width: 27%;
        display: inline-block;
        margin-right: -33px;
        vertical-align: super;
        font-weight: 700;
    }

    .ui-block-a .three_checkbox input[type="checkbox"], .ui-block-b .three_checkbox input[type="checkbox"] {
        display: inline-block;
        margin-right: 0px;
    }

.check:hover {
    background: red;
}

.textarea_label_in_one_side {
    margin-top: -16%;
}

.left_to_right_direction {
    direction: ltr;
}

.table_for_popup, .table_for_popup tr td {
    -webkit-box-shadow: .0px 0px 0px .0px #888;
    box-shadow: .0px 0px 0px .0px #888;
    -moz-box-shadow: .0px 0px 0px .0px #888;
    text-align: left;
}

.blink_me {
    margin-left: 5px;
    padding-left: 0px;
    display: inline-block;
    vertical-align: text-bottom;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}


.blink_me img {
    float: left;
}