@font-face
{
    font-family: Lustria;
    src: url("fonts/Lustria-Regular.ttf");
}
html
{
    /*font-family: Verdana, Geneva, sans-serif;*/
    font-family: Lustria !important;
}
body
{
    margin: 0px;
    padding: 0px;
    font-family: Lustria !important;
}
.clear
{
    clear: both;
}
div, .displayBlock
{
    display: block;
}
.displayInlineBlock
{
    display: inline-block;
}
.displayTable
{
    display: table;
}
.displayCell
{
    display: table-cell;
}
.displayNone
{
    display: none;
}
.displayNonei
{
    display: none !important;
}
.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}
.clear
{
    clear: both;
}
.maxWidth100
{
    max-width: 100%;
}
.width100
{
    width: 100%;
}
.width50
{
    width: 50%;
}
.width98
{
    width: 98%;
}

.width80
{
    width: 80%;
}
.width45
{
    width: 45%;
}
.width35
{
    width: 35%;
}
.width10
{
    width: 10%;
}
.width125p
{
    width:125px;
}
.width350p
{
    width: 350px;
}
.width300p
{
    width: 300px;
}
.width400p
{
    width: 400px;
}
.width150p
{
    width: 150px;
}
.width270p
{
    width: 270px;
}
.width230p
{
    width: 230px;
}
.width50p
{
    width: 50px;
}
.width50pi
{
    width: 50px !important;
}
.height100
{
    height:100%;
}
.height2p
{
    height: 2px;
}
.height5p
{
    height: 5px;
}
.height10p
{
    height: 10px;
}
.height20p
{
    height: 20px;
}
.height40p
{
    height: 40px;
}
.height50p
{
    height: 50px;
}
.height150p
{
    height: 150px;
}
.height300p
{
    height: 300px;
}
.mheight0p
{
    min-height: 0px;
}
.mheight100
{
    min-height: 100%;
}
.mheight80
{
    min-height: 80%;
}
.mheight420p
{
    min-height: 420px;
}
.cursorPointer
{
    cursor: pointer;
}
.ScrollHoriX
{
    overflow-x: scroll;
}
.margin0
{
    margin:0px;
}
.margin10
{
    margin:10px;
}
.marginTB10
{
    margin: 10px 0;
}
.marginTL5_15
{
    margin:5px 0 0 15px;
}
.marginT20
{
    margin-top:20px;
}
.marginT10
{
    margin-top:10px;
}
.marginLeft5
{
    margin-left: 5px;
}
.marginLeft10
{
    margin-left: 10px;
}
.marginLeft15
{
    margin-left: 15px;
}
.marginRight10
{
    margin-right: 10px;
}
.marginLeft100p
{
    margin-left: 100px;
}
.marginLeft32p
{
    margin-left: 32px;
}
.marginLeft40p
{
    margin-left: 40px;
}
.borderBottomSignUp
{
    border-bottom: 1px solid rgba(128, 128, 128, 0.36);
}
.borderBottomHistory
{
    border-bottom: 1px solid #428bca;
}
select option:empty
{
    display: none;
}
.border1sd, #divObservationDetails fieldset
{
    border: 1px solid #428bca;
    -moz-border: 1px solid #428bca;
    -webkit-border: 1px solid #428bca;
}
.errordisplay, .star, .color_red
{
    color: Red;
}
.color_white
{
    color: #ffffff;
}
.color_black
{
    color: #000000;
}
.fontSize14
{
    font-size: 14px;
}
.fontSize1p6em
{
    font-size: 1.6em;
}
.fontSize1p6emi
{
    font-size: 1.6em !important;
}
.txtDecorULine
{
    text-decoration: underline;
}
div, td, table, select, input, span, .ddlFilters
{
    font-size: 11px;
    color: #4d4d4d;
    vertical-align: middle;
    line-height: 14px;
    min-height: 3px;
    font-family: Lustria !important;
}
input[type="file" i]::-webkit-file-upload-button
{
    font-family: Lustria !important;
    background-color: #4ba1e3;
    text-align: center;
    border: 1px solid;
    font-size: 14px;
    color: White;
    width: auto;
    padding: 3px 5px;
    margin: 0px;
    cursor: pointer;
    transition: background-color .2s ease-out;
}
input[type="submit"], input[type="button"]
{
    font-family: Lustria !important;
    background-color: #4ba1e3;
    text-align: center;
    border: 1px solid;
    font-size: 20px;
    color: White;
    width: auto;
    padding: 10px 15px;
    margin: 0px 15px;
    cursor: pointer;
    transition: background-color .2s ease-out;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="file" i]::-webkit-file-upload-button:hover
{
    background-color: #fff;
    color: #4ba1e3;
    border-color: #4ba1e3;
}
input[type="checkbox"]
{
    cursor:pointer;
}
h2
{
    font-family: Lustria !important;
    font-size: 15px;
    vertical-align: top;
    color: #093F89;
    font-weight: bolder;
    height: 31px;
    line-height: 16px;
    text-align: center;
}
ul
{
    font-family: Lustria !important;
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
#Progress
{
    font-size: small;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
}
#Progress b
{
    color: Black;
    vertical-align:middle;
    font-size:8px;
}
.filters
{
    width: 100%;
    border-bottom: 1px solid #ddd;
    min-height: 30px;
    margin-top: 10px;
    overflow: auto;
}
.filters span
{
    padding: 0px 20px;
}
.filters select, .filters span, .filters input, .ddlFilters
{
    /*   margin: 0px 20px;*/
    font-family: Lustria !important;
    width: 110px;
    display: table-cell; /*  height: 30px;*/
    font-size: 12px;
    vertical-align: middle;
}
.filtersDiv
{
    display: table-cell;
    float: left; /*  margin: 5px 0 5px 0;*/
}
.ddl_filters, .filters select, .ddlFilters
{
    background: url(../images/expand.jpg) no-repeat 200px center; /*  border: 1px solid #ddd; */
    padding: 7px 5px;
    cursor: pointer;
    -webkit-appearance: none;
    text-indent: 0.01px; /*In Firefox*/
    text-overflow: ''; /*In Firefox*/
}
.filters option
{
    padding: 7px 5px;
    cursor: pointer;
    font-size: 11px;
}
.ui-datepicker
{
    background-color: White;
}
#divUserRegistration ul, #divAdmin ul, #divUserDL ul
{
    width: 100%;
    display: block;
}
#divUserRegistration ul li, #divUserProfile ul li, #divChangePassword ul li, #divUserDocument ul li, #divUserDocUpload ul li, 
#divAdmin ul li, divUserDL ul li, #divUserDocDelete ul li, #divUserEditAdmin ul li
{
    display: table;
    width: 100%;
    height: 45px;
}
#divChangePassword ul li
{
    height:25px !important;
}
.liRegistrationCtrlBorder, .liMasterCtrlBorder
{
    border-bottom: 1px solid rgba(128, 128, 128, 0.36);
    margin-bottom:15px;
}
#divUserRegistration .userCellContainer, #divAdmin .userCellContainer, #divUserDL .userCellContainer
{
    height:15px;
}
#divUserProfile .userCellContainer, #divUserDocument .userCellContainer, #divreUploadDoc .userCellContainer
{
    height: 40px;
}
#divUserRegistration .userCellContainer, #divUserProfile .userCellContainer,#divUserDocument .userCellContainer,#divreUploadDoc .userCellContainer,#divUserDocUpload .userCellContainer,
#divAdmin .userCellContainer, #divUserDL .userCellContainer, #divUserDocDelete .userCellContainer, #divUserEditAdmin .userCellContainer
{
    display: table;
    width: 45%;
    float: left;
}
#divUserRegistration .userCtrlsContainer, #divUserProfile .userCtrlsContainer,#divUserDocument .userCtrlsContainer, #divreUploadDoc .userCtrlsContainer,#divUserDocUpload .userCtrlsContainer,
#divAdmin .userCtrlsContainer, #divUserDL .userCtrlsContainer, #divUserDocDelete .userCtrlsContainer, #divUserEditAdmin .userCtrlsContainer
{ 
    display: table;
    float: left;
    min-width: 238px;
}
#divUserRegistration input[type="submit"]
{
    float: right;
}
#divUserRegistration input[type="text"], #divUserRegistration span, #divUserRegistration select, 
#divUserProfile span, #divChangePassword input[type="password"], 
#divAdmin select, #divAdmin span, #divAdmin input[type="text"], #divAdmin input[type="password"],
#divUserDL select, #divUserDL span, #divContentUserMaster select, #divContentUserMaster span, #divContentUserMaster input[type="text"]
{
    float: left;
    text-indent: 5px;
    font-family: Lustria;
}
#divUserRegistration input[type="text"], #divUserRegistration select, #divAdmin select, 
#divAdmin input[type="text"], #divAdmin input[type="password"], #divUserDL select,
#divContentUserMaster input[type="text"], #divContentUserMaster select
{
    width: 220px;
    height: 25px;
    font-size: 14px;
    margin: 2px 1px 2px 15px;
    border-bottom: 1px solid gainsboro;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
}
#divUserRegistration .loginLinkTxt,.loginLinkTxt
{
    font-size: 15px;
    height: 20px;
}
#divUserRegistration .regConfirmInfo, #divGVUserHistory .divTotalHours, #divCourseDetails .courseInfo
{
    display: table-cell;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    background: #87c7ec;
    color: White;
    vertical-align: middle;
    height: 20px;
    padding: 5px;
}
.btnDownload
{
    display: inline-block;
    background-color: #093F89;
    border-width: 0px;
    font-size: 12px;
    color: White;
    width: auto;
    padding: 3px;
    cursor: pointer;
}
.ui-dialog-title
{
    color: White;
}
.ui-button-text
{
    color: White;
    background-color: #428bca;
}
#dialog
{
    background-color: floralwhite;
}
.ui-widget-overlay
{
    opacity: 0.7 !important;
    background-color: Black !important;
}
#WelcomeWindowDiv ul li span
{
    font-size: 16px;
    line-height: 25px;
    word-spacing: 5px;
}
#WelcomeWindowDiv ul
{
    list-style-image: url(../images/Blue_pin.png);
    display: inline-block;
    vertical-align: middle;
}
.redOption
{
    color: Red;
}
.greenOption
{
    color: Green !important;
}

/* For desktop: */
.col-1
{
    width: 8.33%;
}
.col-2
{
    width: 16.66%;
}
.col-3
{
    width: 25%;
}
.col-4
{
    width: 33.33%;
}
.col-5
{
    width: 41.66%;
}
.col-6
{
    width: 50%;
}
.col-7
{
    width: 58.33%;
}
.col-8
{
    width: 66.66%;
}
.col-9
{
    width: 75%;
}
.col-10
{
    width: 83.33%;
}
.col-11
{
    width: 91.66%;
}
.col-12
{
    width: 100%;
}
.row
{
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    *zoom: 1;
}
.Paddingtop
{
    padding-top: 10px;
}
.column, .columns
{
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
}
.justified
{
    text-align: justify;
}
.tAlignLeft
{
    text-align:left;
}
.tAlignCenter
{
    text-align:center;
}
.tAlignRight
{
    text-align:right;
}

.buttonLogin
{
    display: inline-block;
    color: #4ba1e3;
    border-radius: 4px;
    border: none;
    text-align: center;
    font-size: 28px;
    padding: 10px;
    width: 200px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    vertical-align: middle;
    float: right;
}
.buttonLogin span
{
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    color: inherit;
}
.buttonLogin span:after
{
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}
.buttonLogin:hover span
{
    padding-right: 25px;
}
.buttonLogin:hover span:after
{
    opacity: 1;
    right: 0;
}

input[type=checkbox] + label
{
    color: #ccc;
    font-style: italic;
}
input[type=checkbox]:checked + label
{
    color: #090808;
    font-style: normal;
}


/* Home page course names alignment Start */
 
li::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

li::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

li::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}

#divCourseViewModal
{
    overflow:hidden;
    height:495px !important;
}
#divCourseViewModal .ui-dialog-content
{
    
}
#divELearningPortal
{
    height:460px;
}
#divELearningPortal .jcarousel-clip-horizontal
{
    width: 885px !important;
    height: 457px !important;
}
#divELearningPortal .jcarousel-item
{
    width: 885px !important;
    height: 460px !important;
}
#divELearningPortal .jcarousel-item span
{
    font-size: 1.4em !important;
    line-height: 1.5em !important;
    word-spacing: 3px !important;
}
.courseInfo span
{
    font-size:1em;
    color:#000000;
}
#divCourseDetails .alignCourse, #divMainExamDetails .alignCourse, #divMainExamDetailsLIC .alignCourse, #divCertificateDetails .alignCourse,
#divMockTest .alignCourse, #divMockTestMain .alignCourse, #divAppointmentLetter .alignCourse, #divAppointmentLetterLIC .alignCourse, #divMainTestMain .alignCourse
{
    font-size: 19px;
    font-weight: bold;
    line-height: 40px;
    word-spacing: 3px;
    text-decoration: none;
    color: #093F89;
    float: left;
    min-width:310px;
    width: 45%;
    margin-right: 10px;
    word-wrap: break-word;
}
#divCourseDetails A:hover, #divMainExamDetails A:hover, #divMainExamDetailsLIC A:hover, #divCertificateDetails A:hover, 
#divAppointmentLetter A:hover, #divAppointmentLetterLIC A:hover, #divMockTest A:hover
{
    color: #890909;
}
#divCourseDetails .courseTickBG
{
    background: url(../images/Tick.png) no-repeat center center;
}
#divCourseDetails .courseTick, #divMainExamDetails .courseTick, #divMainExamDetailsLIC .courseTick, #divCertificateDetails .courseTick, 
#divAppointmentLetter .courseTick, #divMockTest .courseTick, #divAppointmentLetterLIC .courseTick
{
    width: 20px;
    height: 35px;
    display: inline-block;
    float: left;
}
#divCourseDetails .alignTest
{
    color: #1b29ed;
    float: left;
    height: 25px;
    margin-top: 10px;
    font-size:1.3em;
    width: 45%;
    word-wrap: break-word;
}
#divMainExamDetails .courseTickBG
{
    background: url(../images/Tick.png) no-repeat center center;
}
#divELearningPortal .jcarousel-prev-horizontal, #divELearningPortal .jcarousel-next-horizontal
{
    top: 460px !important;
}
#divELearningPortal .jcarousel-prev-horizontal
{
    left: 655px !important;
}
#divELearningPortal .jcarousel-next-horizontal
{
    left: 765px !important;
}
#divELearningPortal .jcarousel-container-horizontal
{
    width: 794px !important;
    height: 460px !important;
    padding: 0px;
    background: none;
    border: none;
}
#WelcomeWindowDiv
{
    line-height: 31px;
    word-spacing: 3px;
    margin-left:20px;
}
/* Home page course names alignment End */
/* start Sample Test Slider Buttons */
.jcarousel-prev-horizontal, .jcarousel-next-horizontal
{
    background-color: #4ba1e3 !important;
    color: #ffffff;
    border: 1px solid #77d5f7;
    width: 100px !important;
    border-radius: 0px;
    padding: 1px;
    cursor:pointer !important;
    text-align: center;
    font-size: 20px;
    
    padding-top: 9px;
    height: 23px !important;
}
.jcarousel-prev-horizontal:hover, .jcarousel-next-horizontal:hover
{
    background-color: #fff !important;
    color: #4ba1e3;
}
#divSampleTestPortal .jcarousel-prev-horizontal, #divSampleTestPortal .jcarousel-next-horizontal,
#divMockTestMain .jcarousel-prev-horizontal, #divMockTestMain .jcarousel-next-horizontal,
#divMainTestMain .jcarousel-prev-horizontal, #divMainTestMain .jcarousel-next-horizontal
{
    top: 320px !important;
}
#divSampleTestPortal .jcarousel-prev-horizontal, #divMockTestMain .jcarousel-prev-horizontal, #divMainTestMain .jcarousel-prev-horizontal
{
    left: 815px !important;
}
#divSampleTestPortal .jcarousel-next-horizontal, #divMockTestMain .jcarousel-next-horizontal, #divMainTestMain .jcarousel-next-horizontal
{
    left: 925px !important;
}

#divSampleTestPortal .jcarousel-container-horizontal, #divMockTestMain .jcarousel-container-horizontal, #divMainTestMain .jcarousel-container-horizontal
{
    width:980px;
}
#divSampleTestPortal .jcarousel-clip-horizontal, #divMockTestMain .jcarousel-clip-horizontal, #divMainTestMain .jcarousel-clip-horizontal
{
    width:960px;
    border: 1px solid #e4dede;
}
#divSampleTestPortal .jcarousel-item, #divMockTestMain .jcarousel-item, #divMainTestMain .jcarousel-item
{
    width:960px !important;
    height: 300px !important;
    overflow-y: auto;
}
#divSampleTestPortal .jcarousel-pagination, #divMockTestMain .jcarousel-pagination, #divMainTestMain .jcarousel-pagination
{
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}
#divSampleTestPortal input[type="button"], #divSampleTestPortal input[type="submit"],
#divMockTestMain input[type="button"], #divMockTestMain input[type="submit"],
#divMainTestMain input[type="button"], #divMainTestMain input[type="submit"]
{
    margin:0px !important;
}
/* end Sample Test Slider Buttons*/
/* start Mock Test Slider Buttons*/
.mockTestTime, .MainTestTime
{
    display:table;
    width:980px;
}
.mockTestTime span, .MainTestTime span
{
    font-size:1.5em;
    text-align:left;
    width: 320px;
    display: table-cell;
}
.mockTestTime .runningTimer, .MainTestTime .runningTimer
{
    text-align:right;
    float:left;
}
.runningTimerIcon
{
    float:right;
    background: url(../images/stopwatch.png) no-repeat center center;
    width:20px !important;
    height:20px;
}
/* end Mock Test Slider Buttons*/

.ImageResponsive
{
    margin: 0 auto;
    height: auto;
    max-width: 100%;
    border: none;
    display: block;
}

.lblScoredPoints
{
    font-size: 2em;
    color: #093f89;
}
.testQuestion
{
    background-color: #f5f5f5;
    border: 1px solid #c6c6c6;
    padding: 10px 5px;
}
.testQuestion, .testQuestion span
{
    font-size: 20px;
    font-weight: bold;
    word-spacing: 5px;
    line-height: 1.2em;
}
.testOption, .testOption span
{
    font-size: 18px;
    font-weight: bold;
    line-height: 2em;
}
.testOption
{
    /*border:1px solid #c6c6c6; */
}
.testOption .testOptionCont1, .testOption .testOptionCont2
{
    display:table;
    width: 100%;
}
.testOption .testOptionCont1
{
    background-color: #e4e2e2;
}
.testOption .testOptionCont2
{
    background-color: #f5f5f5;
}
.testOption .testOptionCtrlInp
{
    display:table-cell;
    float:left;
    margin: 8px 5px 0px 0px;
    width:25px;
    height:100%;
}
.testOptionCtrlInp input
{
    cursor:pointer;
}
.testOption .testOptionCtrlSpan
{
    display:table-cell;
    float:left;
    width:95%;
    border-left: 1px solid #b1a9a9;
    padding-left: 10px;
}
.testQuestionDesc
{
    font-size: 16px;
    word-spacing: 3px;
    line-height: 1.4em;
    height: auto;
    padding-bottom: 25px;
}
.jcarousel-item-horizontal
{
    /*     overflow-x: hidden;     overflow-y: scroll; */
}
#divSampleTestPortal .jcarousel-container, #divMockTestMain .jcarousel-container, #divMainTestMain .jcarousel-container{
     background: none;
    border: none;
    /*background: #f5f5f5;
    border: 1px solid #c6c6c6;*/
}
/* forget password */
.loginDiv h1, .divForgetPassword h1
{
    border-bottom: 1px solid #428bca;
    padding: 5px 0 5px 0;
    display: block;
    text-align: left;
    margin: 5px 0px 5px 20px;
    cursor: pointer;
    color: White;
}
.loginDiv, .divForgetPassword
{
    width:250px;
    height:300px;
    display:block;
    float:left;
}
.loginContainer, .fpContainer {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height:60px;
    margin-left:10px;
}
.loginDiv a, .fpContainer a
{
    display:block;
    float:right;
    margin-right: 15px;
    font-size: 1.4em;
}

.loginDiv .txtUserName, .loginDiv .txtPassword {
    border-bottom: 1px solid #ccc;
    height: 30px;
    width: 250px;
    display: block;
    font-size:16px;
    border-top:none;
    border-left:none;
    border-right:none;
    text-align:left;
}

#loginDiv panel, #divForgetPassword panel
{
    width: 100%;
    display: table;
    border: 1px solid #428bca;
    border-radius: 5px;
    min-height: 10px;
}
#loginDiv .panelHead, #divForgetPassword .panelHead {
    border-bottom: 1px solid #428bca;
    width: 100%;
    display: table;
    background-color: #428bca;
    border-top-radius: 5px;
}

/* we put label on top of the input*/
.txtUserName:focus ~ label, .txtUserName:valid ~label,
.txtPassword:focus ~ label, .txtPassword:valid ~label,
.loginContainer input[type=password]:-webkit-autofill ~ label {
    font-size:12px;
    font-weight:bold;
    left:5px;
    top:-30px;
}

.loginContainer input[type=password]:-webkit-autofill ~ label:after{
    color:green;
}
.txtUserName:valid ~label, .txtPassword:valid ~label,
.loginContainer input[type=password]:-webkit-autofill ~ label{
    color:green;
}
.txtUserName:focus:invalid ~label, .txtPassword:focus:invalid ~label {
    color:red;
}
.txtUserName:required ~label::after, .txtPassword:required ~label::after{
    content:"*";
    color:red;
}
.txtUserName:required:valid ~label::after, .txtPassword:required:valid ~label::after,
.loginContainer input[type=password]:-webkit-autofill ~ label
 {
    color:green;
}

.divForgetPassword strong
{
    font-size:1.2em;
}
.divForgetPassword input[type="text"]
{
    font-size:1.2em !important;
    height:30px !important;
    width:210px !important;
}
.divForgetPassword .buttonLogin
{
    padding: 0px;
    margin: 0px;
}
.divForgetPassword .loginLinkTxt
{
    color: Blue;
}

/* Start User Profile Page */
#divTabsUser
{
    border: 1px solid #428bca;
    background-color: #428bca;
    color:White;
    float: left;
    width: 100%;
}
#divTabsUser a:hover
{
    background-color: #275a86;
}
#divTabsUser li.active
{
    background-color: #275a86;
}
#divTabsUser ul
{
    width: 100%;
    float: left;
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
#divTabsUser ul li
{
    width: auto;
    cursor: pointer;
    list-style-type: none;
    float: left;
}
#divTabsUser a
{
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 16px;
    list-style-type: none;
}
.tabContent
{
    display: none;
    border-top: none;
}
#divContentUserMaster .tabContent
{
    margin-left:10px;
}
#divContentUser, #divContentUserMaster
{
    border: 1px solid #428bca;
    float: left;
    width: 100%;
}
#divContentUser h1, , #divContentUserMaster h1
{
    -webkit-margin-after: 1.5em;
}
#divreUploadDoc h1 {
    -webkit-margin-after: 0em ;
}
#divChangePassword span
{
    float:left;
    height: 15px;
    font-size: 12px;
    margin: 2px 1px 2px 2px;
    border: none;
    background-color: transparent;
}
#divChangePassword .userCellContainer
{
    display: table;
    width: 100%;
    float: left;
    height: 40px;
}
#divUserProfile .userCtrlsContainer, #divChangePassword .userCtrlsContainer,#divUserDocument .userCtrlsContainer
{
    display: table-cell;
    float: left;
    min-width: 228px;
}
#divUserProfile ul, #divChangePassword ul,#divUserDocument ul
{
    width: 95%;
    margin-left: 20px;
}
#divUserProfile ul li span, #divUserProfile ul li strong, #divChangePassword ul li span, #divChangePassword ul li strong,
#divUserDocument ul li span,#divUserDocument ul li strong
{
    font-size: 14px;
    vertical-align:middle;
}
#divChangePassword input[type="password"], .divForgetPassword input[type="text"]
{
    float:left;
    width:180px;
    height: 25px;
    font-size: 14px;
    margin: 2px 1px 2px 15px;
    border-bottom: 1px solid gainsboro;
    border-top: 1px solid gainsboro;
    border-left: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    background-color: transparent;
}
#divGVUserHistory .divTotalHours, #divCourseDetails .courseInfo
{
    color:#000000 !important;
    font-size:1.6em !important;
    padding-right: 10px;
}
/* End User Profile Page */

/* User View Registration by sundar */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #4d4d4d;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #4d4d4d;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #4d4d4d;
}
:-moz-placeholder { /* Firefox 18- */
  color: #4d4d4d;
}
#RegisterView .title_border_line
{
    width:100%;
    height:10px;
    display:block;
    border-top: 1px solid rgba(128, 128, 128, 0.36);
}
#RegisterView ul
{
    width:100%;
    display:block;
}
#RegisterView ul li
{
    display:table;
    width:100%;
    height:45px;
}
#RegisterView .userCellContainer
{
    display:table;
    width:45%;
    float:left;
    height:40px;
}
#RegisterView .userCtrlsContainer
{
    display:table;
    float:left;
    min-width:115px;
}
#RegisterView input[type="text"], #RegisterView input[type="submit"]
{
    float:right;
}
#RegisterView input[type="text"],   #RegisterView select
{
    float:left;
    text-indent: 5px;
    font-family: Lustria;
}
#RegisterView input[type="text"], #RegisterView select
{
    width: 220px;
    height: 25px;
    font-size: 14px;
    margin: 2px 1px 2px 15px;
    border-bottom: 1px solid gainsboro;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
}
#RegisterView .loginLinkTxt{
    font-size: 15px;
    height:20px;
}
#RegisterView .regConfirmInfo
{
    display: table-cell;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    background: #eaf5f7;
    color: White;
    vertical-align: middle;
    height:20px;
    padding:5px;
}

 #RegisterView span
 {
        font-size: 16px;
    color: #4d4d4d;
    vertical-align: top;
    line-height: 14px;
    min-height: 3px;
     
 }
#RegisterView strong
{
    font-size: 1.2em;
    min-width: 125px;
    display: block;
}

#RegisterView .AadharApproved,#RegisterView .AadharRejected
 {
            height:80px; left:60px; position:absolute; top:470px;  
       }
  #RegisterView .PANApproved,#RegisterView .PANRejected
       {
            height:80px; left:480px; position:absolute; top:470px;  
       }
          #RegisterView .ECApproved,#RegisterView .ECRejected
       {
            height:80px; left:60px; position:absolute; top:800px;  
       }
           #RegisterView .DDApproved,#RegisterView .DDRejected
       {
            height:80px; left:450px; position:absolute; top:800px;  
       }
       #RegisterView .PPApproved,#RegisterView .PPRejected
     {
         height:80px; left:40px; position:absolute; top:1100px;  
     }
      
         

.simplePopup {
/*display:none;*/
position:fixed;
border:ipx solid #808080;
background:#fff;
z-index:3;
padding:12px;
width:70%;
min-width:70%;
height: 1400px;
}

.simplePopupClose {
float:right;
cursor:pointer;
margin-left:10px;
margin-bottom:10px;
}

.simplePopupBackground {
display:none;
background:#000;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index:1;
}
/* End user view registration by sundar */

#divContentUser .userCellContainer,#divUserDocUploadContent .userCellContainer, #divContentUserMaster .userCellContainer
{
    display:table;
  /*  width:75%;*/
    height:40px;
}
#divContentUser .userCtrlsContainer,#divUserDocUploadContent .userCtrlsContainer, #divContentUserMaster .userCtrlsContainer
{
    display:table;
    float:left;
    min-width:200px;
}
#divContentUserMaster .userCtrlsContainer
{
    min-width:230px !important;
}

#divBranchMaster .buttonLogin
{
    display: inline-block;
    color: #4ba1e3;
    border-radius: 4px;
    border: none;
    text-align: center;
    font-size: 28px;
     
    width: 200px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    vertical-align: middle;
    float: right;
}
 #divUserResults h1, #divGVUserHistory h1, #divUserMainResults h1{
     -webkit-margin-before: 0em !important;
 }
#divUserProfile .panelHead, #divUserDocument .panelHead, #divSelectedserResults .panelHead, #divSelectedUserMainResults .panelHead,
#divCourseMaster .panelHead, #divUserReports .panelHead, #divUserDocUpload .panelHead, #divUserDL .panelHead, 
#divMockTest .panelHead, #divMainTest .panelHead, #divUserDocDelete .panelHead, #divUserEditAdmin .panelHead
{
    border-bottom:1px solid #428bca;
    -moz-border-bottom: 1px solid #428bca;
    -webkit-border-bottom: 1px solid #428bca;
    width:100%;
    display:table;
    background-color:#428bca;
    font-size:15px;
    color:White;
    cursor:pointer;
}
.panelHead a:hover
{
    color:White !important;
}
#divUserProfile #divUserProfileContent, #divUserDocument #divUserDocumentContent, #divSelectedserResults #divUserResultsContent, #divSelectedUserMainResults #divUserMainResultsContent,  
#divUserReports #divUserReportsBtns,  #divUserDocUpload #divUserDocUploadContent, #divUserDL #divUserDLBtns, #divUserDocDelete #divUserDocDeleteContent, #divUserEditAdmin #divUserEditAdminContent
{
    border:1px solid #428bca;
}

#divAppointmentLetter
{
    float:left;
}
#divAppointmentLetterLIC
{
    float:left;
    height:80px;
}
p {
  margin:0px;
  padding:0px;
}
#divUserDocumentContent p
{
    margin:0px 0px 0px 45px;
    padding:0px;
}
 
#idAadhartoggle .wrapper,#idPANtoggle .wrapper,#idECtoggle  .wrapper,#idDDtoggle  .wrapper,#idPPtoggle  .wrapper,#idCCtoggle  .wrapper {
  margin: 100px 0;
}
#idAadhartoggle .toggle_radio,#idPANtoggle .toggle_radio,#idECtoggle .toggle_radio,#idDDtoggle  .toggle_radio,#idPPtoggle  .toggle_radio,#idCCtoggle  .toggle_radio {
  position: relative;  
  
  margin: 4px auto;
  overflow: hidden;
  padding: 0 !important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
   height: 26px;
  width: 318px;
}
#idAadhartoggle .toggle_radio > *,#idPANtoggle .toggle_radio > *,#idECtoggle .toggle_radio > *,#idDDtoggle .toggle_radio > *,
#idPPtoggle .toggle_radio > *,#idCCtoggle .toggle_radio > *  {
  float: left;
}
#idAadhartoggle .toggle_radio input[type=radio],#idPANtoggle .toggle_radio input[type=radio],#idECtoggle .toggle_radio input[type=radio],
#idDDtoggle .toggle_radio input[type=radio],#idPPtoggle .toggle_radio input[type=radio],#idCCtoggle .toggle_radio input[type=radio]{
display: none;

}
#idAadhartoggle .toggle_radio label,#idPANtoggle .toggle_radio label,#idECtoggle .toggle_radio label
,#idDDtoggle .toggle_radio label,#idPPtoggle .toggle_radio label,#idCCtoggle .toggle_radio label{
 font-weight:bold;
 font-size:1.1em ;
   z-index: 0;
  display: block;
  width: 100px;
  height: 20px;
  margin: 3px 3px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  cursor: pointer;
  z-index: 1;

  text-align: center;
 
}
#idAadhartoggle .toggle_option_slider,#idPANtoggle .toggle_option_slider,#idECtoggle .toggle_option_slider,
#idDDtoggle .toggle_option_slider,#idPPtoggle .toggle_option_slider,#idCCtoggle .toggle_option_slider{

  width: 60px;
  height: 20px;
  position: absolute;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
}

  
  #CPHAdmin_Aadhar_second_toggle:checked ~ .toggle_option_slider, #CPHAdmin_PAN_second_toggle:checked ~ .toggle_option_slider,
  #CPHAdmin_EC_second_toggle:checked ~ .toggle_option_slider,  #CPHAdmin_DD_second_toggle:checked ~ .toggle_option_slider,
  #CPHAdmin_PP_second_toggle:checked ~ .toggle_option_slider, #CPHAdmin_CC_second_toggle:checked ~ .toggle_option_slider{
  background: rgba(65,156,234, 0.58);
  left: 45px;
}
  #CPHAdmin_Aadhar_third_toggle:checked ~ .toggle_option_slider,#CPHAdmin_PAN_third_toggle:checked ~ .toggle_option_slider,
   #CPHAdmin_EC_third_toggle:checked ~ .toggle_option_slider,#CPHAdmin_DD_third_toggle:checked ~ .toggle_option_slider,
   #CPHAdmin_PP_third_toggle:checked ~ .toggle_option_slider,#CPHAdmin_CC_third_toggle:checked ~ .toggle_option_slider{
  background: rgba(65,156,234, 0.58);
  left: 149px;
}
 #UserProfileDocView ul
{
    width:100%;
    display:block;
}
#UserProfileDocView ul li
{
    display:table;
    width:100%;
    height:45px;
}
#UserProfileDocView .userCellContainer
{
    display:table;
    width:45%;
    float:left;
    height:40px;
}
#UserProfileDocView .userCtrlsContainer
{
    display:table;
    float:left;
    min-width:115px;
}
#UserProfileDocView input[type="text"], #UserProfileDocView input[type="submit"]
{
    float:right;
}
#UserProfileDocView input[type="text"],   #UserProfileDocView select
{
    float:left;
    text-indent: 5px;
    font-family: Lustria;
}
#UserProfileDocView input[type="text"], #UserProfileDocView select
{
    width: 220px;
    height: 25px;
    font-size: 14px;
    margin: 2px 1px 2px 15px;
    border-bottom: 1px solid gainsboro;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
}
#UserProfileDocView .loginLinkTxt{
    font-size: 15px;
    height:20px;
}
#UserProfileDocView .regConfirmInfo
{
    display: table-cell;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    background: #eaf5f7;
    color: White;
    vertical-align: middle;
    height:20px;
    padding:5px;
}

 #UserProfileDocView span
 {
    font-size: 16px;
    color: #4d4d4d;
    vertical-align: top;
    line-height: 14px;
    min-height: 3px;
     
 }
#UserProfileDocView strong
{
    font-size: 1.2em;
    min-width: 125px;
    display: block;
}

.simplePopupUser  {
    /*display:none;*/
    position:fixed;
    border:ipx solid #808080;
    background:#fff;
    z-index:3;
    padding:12px;
    width:70%;
    min-width:70%;
    height:650px;
}
#UserProfileDocView .AadharApproved,#UserProfileDocView .AadharRejected
{
    height:80px; left:50px; position:absolute; top:70px;  
}
#UserProfileDocView .PANApproved,#UserProfileDocView .PANRejected
{
    height:80px; left:460px; position:absolute; top:70px;  
}
#UserProfileDocView .ECApproved,#UserProfileDocView .ECRejected
{
    height:80px; left:50px; position:absolute; top:280px;  
}
#UserProfileDocView .DDApproved,#UserProfileDocView .DDRejected
{
    height:80px; left:460px; position:absolute; top:280px;  
}
#UserProfileDocView .PPApproved,#UserProfileDocView .PPRejected
{
    height:80px; left:40px; position:absolute; top:500px;  
}
#UserProfileDocView .CCApproved,#UserProfileDocView .CCRejected
{
    height:80px; left:460px; position:absolute; top:500px;  
}
.UserDetsimplePopup {
    /*display:none;*/
    position:fixed;
    border:ipx solid #808080;
    background:#fff;
    z-index:3;
    padding:12px;
    width:70%;
    min-width:70%;
    height:  950px;
    top:800px !important;
}
.dialogMsg
{
    color:#093F89;
    font-size:14px;
    margin:10px;
}