.text_field.error{
	border-bottom:1px solid red!important;
}

.userdetbox{
        background: #fff;
    margin-bottom: 17px;
    border-radius: 5px;
        text-align: center;
}
.userdetbox .nusrbox{
   padding: 14px;
    border-top: 2px solid #0280ba;
    min-height: 235px;
}
.userdetbox .nusrbox .userinfoleft{     margin-bottom: 7px;}
.userdetbox .nusrbox .userinfoleft img{
      width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 3px solid #2fb7f682;
}
.nursfooter .edit{
       background: #3daced;
    color: #fff;
}
.nursfooter .delete{
        background: #d56464;
    color: #fff;
}
.nursfooter a{
        background: #69bd6c;
    color: #fff;
}
.userdetbox .nusrbox .userinforight{
    
}
.userdetbox .nusrbox .userinforight h2{
        font-size: 15px;
    font-weight: 500;
}
.userdetbox .nusrbox .userinforight h2 a{}
.userdetbox .nusrbox .nusrboxFooter{}
.userdetbox .nusrbox .nusrboxFooter ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.userdetbox .nusrbox .nusrboxFooter ul li{
        font-size: 13px;
    font-weight: 400;
    line-height: 22px;
}
.userdetbox .nusrbox .nusrboxFooter ul li i{
        color: #1193cd;
}
.col-fix-5{
        flex: 0 0 auto;
    width: 20%;
}
.userdetbox .nursfooter{
    border-top: 1px solid #80808024;
       padding: 7px 0;
}
.userdetbox .nursfooter a{
    color: #fff;
    padding: 7px 15px;
    display: inline-block;
    border-right: 1px solid #80808024;
    font-size: 11px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    border-radius: 3px;
}
.pagination-large{justify-content: flex-end;}
.newpagination {}
.newpagination ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.newpagination ul li{
        display: inline-block;
    height: 25px;
    background: #cbcbcb9e;
    margin: 0 4px 0 0;
    width: 25px;
    text-align: center;
    font-size: 12px;
    padding: 4px 0;
}
.newpagination li a{    color: #000;}
.newpagination li.active{
    background: #27aeec;
    color: #fff;
}
.nviewform ul{
        margin: 0;
  font-size: 13px;
    list-style: decimal;
    color: #4c4c4c;
}
.nviewform h5{
  font-weight: 500;
    color: #000;
    font-size: 18px;
}
.nviewform h5 span{
       color: #666;
    font-size: 13px;
    font-weight: 400;
}
.nviewform h4{
   font-weight: 500;
    text-transform: uppercase;
    color: #000;
    font-size: 15px;
    border-bottom: 1px solid #80808042;
    padding-bottom: 8px;
}
.nviewform .table.table-simple td{ 
    padding: 3px 10px!important;
    border: 0;
    font-size: 13px;
}
 .nviewform p{
       font-size: 13px;
    margin: 0;
    color: #4c4c4c;
 }
.table.table-simple{padding:0;margin:0;}
.nviewform .viewpic img{
    border: 1px solid #80808024;
    height: 175px;
    width: 100%;
    object-fit: contain;
}
.content h1{
    font-size: 20px;
}

.nsign{
    margin-bottom: 5px;
    font-size: 13px;
    color: #4c4c4c;
}
.signote{
        color: #fb2727;
    font-size: 12px;
}
.mainadminmenu li{    
    margin-right: 10px;
}
.mainadminmenu li a{
        color: #fff;
    padding: 15px 15px;
}
.value-table th{
padding: 8px 10px;
    font-size: 13px;
    border: 1px solid #d5d5d5;
    background: #ededed;
    width: 16%;
}
.value-table td{
    padding: 8px 13px!important;
    font-size: 13px!important;
    border: 1px solid #d5d5d5!important;
    width: 28%!important;
}
.form-material .text_field, .form-material .text_field.focus, .form-material .text_field:focus {
    background-image: linear-gradient(#137eff,#137eff),linear-gradient(#e9ecef,#e9ecef);
    border: 0 none;
    border-radius: 0;
    box-shadow: none!important;
    float: none;
    background-position: bottom;
}
.form-material .text_field {
    background-color: #0000;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 0 2px,100% 1px;
    padding: 0;
    transition: background 0s ease-out 0s;
    height: calc(2.25rem + 2px);
    border-bottom: 1px solid #0000001a;
}
.form-field{
    margin-bottom: 1rem;
}
.text_field {
    display: block;
    width: 100%;
    min-height: 38px;
    padding: 8px 7px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
       color: #6a7a8c;
    background-color: #f1f1f1;
    background-clip: padding-box;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    box-shadow: unset;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.card-box .card .card-body h3{
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 1px solid #00000024;
    padding-bottom: 6px;
}
.card-box .card .card-body li{
    font-size: 12px;
}
.card-box .card .card-body h3 span{
    color: #d94b4b;
    font-size: 11px;
    text-transform: capitalize;
    font-weight: 400;
    display: inline-block;
    padding-left: 12px;
    line-height: 5px;
}

.editformheader img{
        width: 240px;
    height: 82px;
    object-fit: contain;
}
.editformheader h1{
  text-align: right;
    font-weight: 500;
    color: #000;
    font-size: 26px;
    margin-bottom: 7px;
    text-transform: uppercase;
}
.editformheader h2{
     font-size: 22px;
    text-align: right;
    color: #000;
    margin-bottom: 0;
    line-height: 23px;
    font-weight: 500;
}
.editformheader h2 span{
   display: block;
    font-size: 14px;
    color: #4a4a4a;
    margin-top: 3px;
}
.editformheader ul{
        margin: 0;
}
.editformheader h3{
    font-size: 15px;
    color: #2a2a2a;
    font-weight: 500;
}
.editformheader li{
    font-size: 13px;
}
.uploadSignature  img{
  height: 177px;
    width: 177px;
    object-fit: cover;  
}
.uploadSignature  .file-wrapper1{
    position: relative;
}
.uploadSignature  .hide-browse{
        opacity: 0;
    padding: 0px 0;
    position: relative;
    z-index: 2;
}
.form-material .table{margin: 0px;}
.form-material .table th{padding: 5px 6px;
        background-color: #fff;
    color: #383838;
    box-shadow: none!important;
}
.form-material .table td{padding: 5px 6px;}
.uploadSignature  #upload_photo, .uploadSignature #btnCandidateSign, .uploadSignature #btnParentSign{
  background: #0a8ac4;
    border: 0;
    color: #fff;
    padding: 8px 5px;
    position: absolute;
    top: -5px;
    font-size: 12px;
    width: 177px;
}
.impnotes{
    margin: 0;
}
.impnotes li{
   font-size: 13px!important;
}
.uploadSignature h6{
     font-size: 14px;
    font-weight: 500;
    color: #424242;
}
.col-field {
    margin-bottom: 0;
        position: relative;
}

.editformheader .border-bottom{
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 1px solid #0000001a!important;
}
.dateimg input{
    font-size: 12px;
    color: #727272;
}
.gj-datepicker-md [role=right-icon] {
    top: 12px!important;
    font-size: 18px!important;
    color: #0a8ac4;
}
.errormessage{
   color: #f00;
    font-weight: 500;
    background-color: #ffdfdf;
    padding: 10px 6px;
    margin-bottom: 7px;
    border: 1px solid #f00; 
}

.form-material .rnd-all, .form-material .rnd-all.focus, .form-material .rnd-all:focus {
    background-image: linear-gradient(#137eff,#137eff),linear-gradient(#e9ecef,#e9ecef);
    border: 0 none;
    border-radius: 0;
    box-shadow: none!important;
    float: none;
    background-position: bottom;
}
  
.authfy-login .btn.btn-lg{
    border-radius:3px;
    box-shadow:0 2px 3px #9c9c9c
}
.brand-logo{
    margin-top:0;
    margin-bottom:35px
}
.authfy-container{
    margin-top:97px;
    margin-bottom:97px
}
.authfy-panel-left{
    background-color:rgba(38,43,72,.92);
    color:#fff;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    -webkit-box-shadow:0 3px 6px #1d2030;
    box-shadow:0 3px 6px #1d2030
}
.authfy-panel-right{
    background-color:#fff;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    -webkit-box-shadow:0 2px 6px 0 #1d2030;
    box-shadow:0 2px 6px 0 #1d2030
}
.authfy-login,.authfy-panel-left .brand-col{
    height:460px
}
.authfy-panel-left .brand-col{
    display:table;
    width:100%;
    padding:25px
}
.authfy-panel-left .brand-col .headline{
    display:table-cell;
    vertical-align:middle
}
.authfy-panel-left .brand-col .headline h1,.authfy-panel-left .brand-col .headline h2,.authfy-panel-left .brand-col .headline h3{
    color:#fff;
    font-size:48px;
    font-weight:700
}
.authfy-login{
    position:relative;
    top:0;
    left:0;
    overflow:hidden
}
.authfy-panel{
    padding:20px 30px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transition:all .5s ease;
    opacity:0;
    transform:translateX(-100%);
    -webkit-transform:translateX(-100%)
}
.authfy-panel .authfy-heading{
    margin-bottom:30px
}
.authfy-login .auth-title{
    font-weight:700
}
.authfy-login .authfy-panel.active{
    opacity:1;
    transform:translateX(0);
    -webkit-transform:translateX(0)
}
.brand-col .social-buttons a{
    color:#fff;
    margin-top:15px
}
.brand-col .social-buttons a:hover{
    color:#fff;
    opacity:.9
}
.brand-col .social-buttons .btn-facebook{
    background:#3b5998
}
.brand-col .social-buttons .btn-twitter{
    background:#00aced
}
.brand-col .social-buttons .btn-google{
    background:#c32f10
}
.brand-col .social-buttons a>span{
    padding-left:5px
}
.panel-login{
    margin-top:20px
}
.panel-login .remember-row{
    margin-bottom:10px
}
.panel-login .remember-row label{
    font-weight:400;
    position:relative;
    cursor:pointer;
    color:#666;
    padding-left:24px
}
.authfy-login .forgotPwd{
    text-align:right;
    margin-top:10px
}
.panel-login .form-control,.panel-signup .form-control,.panel-forgot .form-control{
    color:#333;
    font-size:16px;
    height:50px;
    padding:12px 0;
    outline:none;
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.panel-login .form-control:focus+.focus-input:before,.panel-signup .form-control:focus+.focus-input:before,.panel-forgot .form-control:focus+.focus-input:before{
    width:100%
}
.wrap-input{
    width:100%;
    position:relative;
    border-bottom:2px solid #d9d9d9
}
.focus-input{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    top:0;
    left:0;
    pointer-events:none
}
.focus-input:before{
    background-color:#4f77ff;
    content:"";
    width:0;
    height:2px;
    display:block;
    position:absolute;
    bottom:-2px;
    left:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
.authfy-panel.panel-forgot{
    padding-top:40px
}
.pwdMask{
    position:relative
}
.pwdMask .pwd-toggle{
    color:#ccc;
    position:absolute;
    z-index:2
}
.panel-login .pwdMask .pwd-toggle,.panel-signup .pwdMask .pwd-toggle{
    top:15px;
    right:15px
}
.pwdMask .pwd-toggle:hover,.pwdMask .pwd-toggle:focus{
    cursor:pointer
}
.pwdMask .pwd-toggle:hover,.pwdMask .pwd-toggle:focus,.pwdMask .pwd-toggle.fa-eye{
    color:#4f77ff
}
.panel-signup .term-policy a{
    text-decoration:underline
}
.checkbox input[type=checkbox]{
    position:absolute;
    right:9000px
}
.authfy-login .checkbox input[type=checkbox]+.label-text:before,.authfy-login .checkbox input[type=checkbox]+.label-text:after{
    font-size:11px;
    display:inline-block;
    width:17px;
    height:17px;
    padding:2px;
    margin-left:0;
    position:absolute;
    top:2px;
    left:0
}
.authfy-login .checkbox input[type=checkbox]+.label-text:before{
    content:"";
    background-color:#fff;
    border:1px solid #ced4da;
    border-radius:3px;
    cursor:pointer;
    -webkit-transition:border .15s ease-in-out,color .15s ease-in-out;
    transition:border .15s ease-in-out,color .15s ease-in-out
}
.authfy-login .checkbox input[type=checkbox]+.label-text:after{
    background-color:#4f77ff;
    color:#fff;
    border-radius:2px;
    border-color:#4f77ff;
    line-height:1.4
}
.authfy-login .checkbox input[type=checkbox]{
    opacity:0;
    z-index:1;
    cursor:pointer
}
.authfy-login .checkbox input[type=checkbox]:focus+.label-text:before{
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.authfy-login .checkbox input[type=checkbox]:checked+.label-text:after{
    font-family:fontawesome;
    content:"\f00c"
}
@media(min-width:768px){
    .authfy-panel{
        padding:20px
    }
}
@media(max-width:767px){
    .col-fix-5 {
    flex: 0 0 auto;
    width: 100%!important;
}
    .page-breadcrumb .col-5, .page-breadcrumb .col-7{width:100%!important;}
    .brand-logo {
    margin-top: 0!important;
}
    .authfy-container {
    margin-top: 0!important;
}
    .authfy-panel-left,.authfy-panel-right{
        box-shadow:none
    }
    .authfy-panel-left{
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0
    }
    .authfy-panel-right{
        border-top-left-radius:0;
        border-top-right-radius:0;
        border-bottom-left-radius:4px;
        border-bottom-right-radius:4px
    }
    .authfy-panel-left .brand-col{
        height:180px;
        text-align:center
    }
    .term-policy{
        font-size:75%
    }
}
@media(min-width:320px) and (max-width:375px){
    .authfy-login .authfy-panel{
        padding:20px
    }
    .panel-login .remember-row{
        margin-bottom:10px;
        font-size:14px
    }
}
@media(max-width:320px){
    .authfy-login{
        height:480px
    }
    .authfy-heading p{
        font-size:14px
    }
    .remember-row .col-sm-6{
        width:100%
    }
    .authfy-login .forgotPwd{
        text-align:left;
        margin-top:0
    }
}
.authfy-login ul{
    padding:0;
    margin:0;
    list-style:none
}
.authfy-login a{
    text-decoration:none;
    color:#2d385e
}
.authfy-login a:focus{
    outline:none;
    text-decoration:none
}

.authfy-login .btn-primary{
    background-color:#4f77ff;
    border-color:#4f77ff
}
.authfy-login .btn-primary:hover,.authfy-login .btn-primary:active:hover,.authfy-login .btn-primary:focus,
.authfy-login .btn-primary:active:focus,.authfy-login .btn-primary:active,.authfy-login .btn-primary.active{
    background-color:#486ff2;
    border-color:#486ff2
}
.gj-textbox-md {
    font-family: 'Rubik'!important;
    font-size: 13px!important;
    color: #000000a8!important;
}

.clickexpend{
     position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    left: 50%;
}
.accordion-button:focus {
    box-shadow: none!important;
}