/*************************** HTML5 RESET CSS ***************************/
 html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
}
 :root {
     font-size: 16px;
}
 html,body{
     height: 100%;
}
 ul,li{
    list-style:none
}
 a{
    margin:0;
    padding:0;
     font-size:100%;
     vertical-align:baseline;
    background:transparent;
     text-decoration:none;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     color: white;
}
 input{
    box-shadow: none;
}
 textarea:focus, input:focus{
     outline: none;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 textarea {
     resize: none;
     padding: 0;
     margin: 0;
    box-shadow: none
}
 .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{
     color: #fff;
     outline: none;
     outline-offset: 0px;
     box-shadow: none;
}
/*************************** END OF HTML5 RESET CSS ***************************/
 body{
     margin: 0px;
     padding: 0px;
     top: 0;
     width: 100%;
     display: inline-block;
     float: left;
     font-family: 'Muli', sans-serif;
}
 .jumbotron{
     background-color: transparent;
}
 .header{
     padding: 10px 0px;
     border-bottom: none;
     margin-bottom: 0px;
}
 .header .navbar-toggle {
     border-color: transparent;
     color: #fff !important;
     margin: 5px 0;
     padding: 9px 0;
}
 .header .navbar-toggle>span{
     font-size: 30px;
}
 .active-bg{
    /*background-image: linear-gradient(to right bottom, #033581, #13418d, #1f4997, #365eac, #4e78c7) !important;
    */
     background-color: #022559;
}
 .bg-aliceblue{
     background-color: #f4f9ff;
}
 .header-box{
     width: 100%;
     display: inline-block;
     float: left;
     padding: 63px 25px 88px 25px;
}
 .header-text{
     width: 800px;
     text-align: center;
     display: inline-block;
}
 .section-title{
     background-image:linear-gradient(to right bottom, #022B68, #165EA0) !important
}
 .header-box h1{
     padding: 25px 0px;
     font-size: 2.8125rem;
     color: #fff;
     font-family: 'Muli',Light;
     line-height: 55px;
}
 .header-box p{
     font-size: 1rem;
     color: #fff;
     font-family: 'Muli',Regular;
     opacity: 0.8;
     margin-bottom: 30px;
     line-height: 25px;
     font-weight: 500;
}
 .navbar-nav>li.login_btn, .navbar-nav>li.register_btn{
     padding: 12px 15px;
}
 .navbar-nav>li.login_btn>a {
     border: 1px solid #ffffff;
     padding: 7px 26px!important;
     border-radius: 5px;
     opacity: 10;
     background: transparent;
     text-align: center;
    /*background-color: #446dbc;
    */
}
 .navbar-nav>li.login_btn>a:hover{
     background-color: #2CE05E;
     border: 1px solid #2CE05E;
}
 .navbar-nav>li.register_btn>a{
     background-color: #2CE05E;
     color: #fff;
     border: 1px solid #2CE05E;
     padding: 7px 24px!important;
     border-radius: 5px;
     opacity: 10;
}
 .navbar-nav>li.register_btn>a:hover, .navbar-nav>li.register_btn>a:focus{
     background-color: #29c856;
     border: 1px solid #29c856;
}
 .navbar-nav>li:hover{
     background-color: transparent;
}
 .navbar-nav li a {
     font-size: 0.9375rem;
     font-family: 'Muli',Semi-Bold;
     opacity: 0.8;
     padding: 20px 13px;
}
 .navbar-nav li a:hover,.navbar-nav li a:focus{
     background-color: transparent;
     color: #fff;
}
 .section-head{
     font-size: 2.5rem;
     font-family: 'Muli',Light;
     color: #000000;
     padding-bottom: 20px;
}
 .inner-head{
     padding: 15px 0px;
     font-size: 1.0625rem;
     font-family: 'Muli',Semi-Bold;
     color: #000000;
     font-weight: 600;
}
 .inner-text{
     font-size: 0.9375rem;
     font-family: 'Muli',Regular;
     color: #808080;
     line-height: 25px;
     text-align: center;
}
 .section{
     display: inline-block;
     width: 100%;
     float: left;
     padding: 52px 0px 30px 0px;
}
 .section-works{
     background-color: #fff;
}
 .section-about{
     background-color: #F4F9FF;
     border-top: 1px solid rgba(0, 0, 0, 0.2);
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     padding-bottom: 50px;
}
 .section-about p{
     font-size: 1.125rem;
     font-family: 'Muli',Extra-Light !important;
     color: #333333;
     line-height: 30px;
     text-align: center;
     width: 80%;
     margin: 0 auto;
     float: none;
     font-weight: 300;
}
 .email-box{
     position: relative;
     display: inline-block;
}
 .form-input{
     border-radius: 4px !important;
     font-size: 1.125rem;
     font-family: 'Muli',Light;
     color: #333333;
     padding: 0px 15px;
     height: 50px;
     border: 1px solid rgba(0, 0, 0, 0.2);
     box-shadow: none;
    /*color: #999999;
    */
}
 .form-textarea{
     padding: 12px 12px;
}
 .email-field{
     height: 50px;
     padding-right: 165px;
     padding-left: 15px;
     border: none;
}
 .form-btn{
     background-color: #165EA0;
     font-size: 1.0625rem;
     font-family: 'Muli',Bold;
     color: #fff;
     padding: 12px 35px;
     font-weight: 700;
     border-radius: 5px;
}
 .form-btn:hover{
     background-color: #add8e6;
     border: 1px solid #add8e6;
     color: #fff;
     transition-duration: 0.6s;
}
 .search-btn{
     margin: 4px;
     position: absolute;
     padding: 9px 25px;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 99;
     height: 42px;
}
 #change-password-form{
     display: none;
}
 .work-block{
     display: inline-block;
     float: none;
}
 .work-circle{
     width: 80px;
     height: 80px;
     background-image: linear-gradient(to right bottom, #033581, #2a519f, #466fbe, #618fdd, #7caffc) !important;
     border-radius: 50%;
     display: inline-block;
     margin-bottom: 10px;
     border: 2px solid #fff;
     box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.2);
}
 .work-circle > .circle-icn{
     color: #fff;
     font-size: 2.5rem;
     line-height: 77px;
     vertical-align: middle;
     height: 80px;
     width: 75px;
     display: inline-block;
}
 .work-circle > .circle-icn >.la-calculator{
     width: 78px;
}
 .form-block{
     text-align: center;
     max-width: 600px;
     display: inline-block;
     float: none;
}
 .contact-block{
     width: 100%;
     display: inline-block;
     padding: 0px 20px 17px 20px;
}
 .form-field{
     display: inline-block;
     width: 100%;
     padding: 10px 0px;
     float: left;
}
 .work-content{
     padding-bottom: 25px;
}
 .section-footer{
     background-color: #03204B;
}
 .section-footer .footer-box{
     display: inline-block;
     max-width: 500px;
     padding: 0px 10px;
}
 .section-footer li{
     vertical-align: middle;
     color: #fff;
     font-size: 1rem;
     line-height: 30px;
     opacity: 0.6;
}
 .section-footer .site-copy{
     opacity: 0.3;
     color: #fff;
}
 #message_send{
     width: 220px;
}
 .section-footer a:hover,.section-footer a:focus{
     text-decoration: none;
     opacity: 1;
     color: #fff;
}
 #frm_email #email{
     box-shadow: 0px 2px 10px 0px #29519f;
}
 #frm_email .input-group label.error {
     text-align: center;
     padding: 10px 20px;
     background: #FA2934;
     border-radius: 3px;
     margin-top: 10px;
     color: white;
     border: 1px solid rgba(255,255,255,0.5);
}
 .form-group label.error{
     width: 100%;
     text-align: left;
     color: #fb5c64;
     font-weight: 400;
}
 #frm_email .form-control.error{
     border: none;
}
 .email-err-msg{
     margin-top: 60px;
     text-align: center;
     padding: 8px 20px;
     background: #FA2934;
     border-radius: 3px;
     color: white;
     border: 1px solid rgba(255,255,255,0.5);
}
 .email-err-msg>p{
     margin-bottom: 0px;
     font-size: 14px;
     opacity: 1;
}
 .account-prof .msg-success,.account-prof .msg-error, .wrap-m-history .msg-success, .wrap-m-history .msg-error, .wrap-m-calculator .msg-success, .wrap-m-calculator .msg-error{
     margin-top: 15px;
}
/*.register-form .msg-error{
     padding: 10px;
}
*/
/******************* REGISTER-LOGIN-FORGOT FORM *******************/
 .main-wrapper{
     height: 100%;
     width: 100%;
     float: left;
}
 .outer-wrapper{
     display:table;
     height:100%;
     margin: 0 auto;
}
 .content-wrapper{
     background-color: #f4f9ff;
     height: 100%;
     width: 100%;
}
 .login-wrapper{
     display:table-cell;
     vertical-align:middle;
     text-align: center;
    /*max-width: 500px;
    */
     max-width: 520px;
}
 .register-header{
     text-align: left;
     letter-spacing: normal;
}
 .register-header h1{
     font-family: 'Muli',Bold;
     font-size: 30px;
     padding-bottom: 10px;
     font-weight: 600;
}
 .register-header p{
     font-family: 'Muli',Light;
     font-size: 1rem;
     color: #808080;
     line-height: 22px;
     font-weight: 300;
     padding-bottom: 4px;
}
 .logo-wrapper{
     display: inline-block;
     text-align: center;
     margin-bottom: 50px;
}
 .half-form-field{
     display: inline-block;
     width: 47%;
     padding: 10px 0px;
     float: left;
}
 .half-input{
    /*width: 200px !important;
    */
     width: 211px !important;
     float: left;
}
 .register-form{
     padding: 40px;
     display: inline-block;
     background-color: #fff;
    /*box-shadow: 0px 0px 5px 1px rgba(82, 114, 153, 0.22)*/
     box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
}
 .mar-r-23{
     margin-right: 23px;
}
 .btn-full{
     width: 100%;
}
 .checkbox {
     float: left;
     vertical-align: middle;
     font-family: 'Muli',Regular;
     font-size: 1rem;
     display: inline-block;
     line-height: 25px;
}
 .register-form a{
     color: #165EA0;
}
 .register-form-links a{
     display: inline-block;
     float: none;
     font-family: 'Muli',Regular;
     font-size: 0.9375rem;
     color: #165EA0;
     border-bottom: 1px solid #fff;
     padding-top: 5px;
     margin-top: 20px;
     line-height: 0px;
}
 .register-form-links a:hover{
    /*border-bottom: 1px solid #345c98;
    */
}
 input[type=checkbox] {
     display: none;
}
 .checkbox input[type=checkbox] {
     width: 25px;
     height: 25px;
     background: #fff;
     margin: 2px 0px 0px -20px;
}
 input[type=checkbox] + label:before {
     display: inline-block;
}
 input[type=checkbox] + label:before {
     content: "";
     width: 25px;
     height: 25px;
     border: 1px solid #cccccc;
     border-radius: 4px;
     display: inline-block;
     margin-right: 10px;
     float: left;
     cursor: pointer;
}
 input[type=checkbox]:checked + label:before {
     font-family: "LineAwesome";
     content: "\f17b";
     width: 25px;
     height: 25px;
     border: 1px solid #2CE05E;
     color: #2CE05E;
     font-size: 18px;
     font-weight: 600;
     float: left;
     text-align: center;
}
 .checkbox-inline{
     padding-left: 0px !important;
     text-align: left;
     cursor: default !important;
     color: #333333;
}
 .register-form .col-md-12.input-group.form-field{
     padding-bottom: 0px;
}
 .register-form .form-btn{
     box-shadow: 0 8px 6px -7px rgba(0, 0, 0, 0.15);
}
 .login-width{
     max-width: 450px;
}
 .register-form-links{
     padding-top: 10px;
     display: inline-block;
     width: 100%;
}
 #terms_page .header-box{
     padding: 15px 25px 0px 25px;
}
 #terms_page .header{
     padding: 0px 0px;
}
 #terms_page .section-title{
     padding: 45px 0px 0px 0px;
}
 #terms_page .section-about {
     background-color: #ffffff;
     border:none;
     padding-bottom: 50px;
     border-bottom: 2px solid #e1e1e1;
}
 #terms_page .page-margin{
     margin: 0px 53px;
}
 #terms_page .section-about-title{
     padding: 30px 0px;
     background-color: #f4f9ff;
     border-bottom: 1px solid #e1e1e1;
}
 #terms_page .section-about-title .section-head{
     padding-bottom: 0px;
     text-align: left;
     font-weight: 300;
}
 #terms_page .section-about p{
     width: 100%;
     text-align: left;
     font-size: 15px;
     line-height: 25px;
}
 #terms_page .jumbotron{
     margin-bottom: 0px !important;
}
 #terms_page .container{
    /*margin: 0px 15px;
    */
     margin-left: 15px ;
     width: 95%;
}
 #terms_page .main-head h1{
     text-align: left;
}
/******************* REST OF REGISTER-LOGIN-FORGOT FORM *******************/
/******************* LEFT-SIDE BAR *******************/
 .left-sidebar {
     padding: 35px 25px;
     display: inline-block;
     position: fixed;
     height: 100%;
     width: 240px;
     min-width: 240px;
     min-height: 100%;
     overflow: hidden;
     top: 0;
     border: 0;
     background-color: #f4f9ff;
     float: left;
     border-right: 1px solid #e1e1e1;
}
 .sidebar-logo{
     display: inline-block;
     width: 100%;
     height: auto;
     margin: 0px;
     margin-bottom: 30px;
     padding: 0px 12px;
}
 .sidebar-nav li{
     padding: 2px 0px;
     width: 100%;
     list-style-type: none;
}
 .sidebar-nav li a{
     border-radius: 5px;
     display: block;
     padding: 6px;
     font-size: 15px;
     font-family: 'Muli',Semi-Bold;
     color: #666666;
     font-weight: 600;
}
 .sidebar-nav li a:hover, .sidebar-nav li a:focus, .sidebar-nav li.active a{
     text-decoration: none;
     background-color: #ffffff;
     color: #165EA0;
     box-shadow: 0px 2px 3px 1px rgba(165, 169, 173, 0.22);
}
 .sidebar-nav li a span{
     display: inline-block;
     vertical-align: middle;
}
 .left-sidebar .la{
     padding-right: 10px;
     float: left;
     font-size: 24px;
     color: #2CE05E;
}
 .sidebar-nav a span.la-envelope-o{
     margin-top: -1px;
}
 .separator{
     width: 180px;
     height: 1px;
     background: #e1e1e1;
     margin: 15px auto;
     display: block;
}
/******************* REST OF LEFT-SIDE BAR *******************/
/******************* RIGHT-SIDE BAR *******************/
 .dash-main-content{
     z-index: 1;
     display:block;
     margin-left:240px;
     height:100%;
}
 .dash-content-wrapper {
     width: 100%;
     display: inline-block;
     padding: 32px 40px;
}
 .dashboard-title h1{
     font-weight: 400;
     font-size: 1.5625rem;
     color:#000000;
}
 .dashboard-content{
     padding-top: 33px;
     font-weight: 700;
     font-size: 0.8125rem;
     color: #333333;
     display: inline-block;
     width: 100%;
}
 .dashboard-counter{
     display: inline-block;
     float: left;
     width: 35px;
     height: 35px;
     border-radius: 50%;
     background-color: #fff;
     border: 1px solid #e1e1e1;
     margin-right: 10px;
}
 .dashboard-counter p{
     display: block;
     text-align: center;
     line-height: 35px;
}
 .dashboard-subtitle{
     line-height: 35px;
     font-family: 'Muli',Bold;
     font-weight: 700;
     font-size: 0.8125rem;
}
 .dashboard-subtitle>span{
     font-size: 13px;
     color: #808080;
     font-weight: 400;
}
 .dashboard-content>.form-horizontal .form-group{
     padding-left: 30px;
     margin-bottom: 18px;
}
/*.dashboard-content-row{
     padding-left: 30px;
     margin-bottom: 18px;
}
*/
 .dashboard-content>.form-horizontal .form-group span a{
     line-height: 40px;
     margin-left: 15px;
     color: #165EA0;
     font-weight: 600;
     text-decoration: none;
     display: inline-flex;
}
 .dashboard-content>.form-horizontal .form-group span a:hover{
     text-decoration: underline;
}
 .control-label {
     color: #808080;
     font-size: 1rem;
     text-align: left !important;
     font-weight: 400;
}
/************ CSS FOR DROPDOWN ************/
 .select-wrapper{
     float: left;
     display: inline-block;
     border: 1px solid #cccccc;
     border-radius: 3px;
     cursor: pointer;
}
 .select-wrapper:after{
     display: inline-block;
     float: left;
     font-family: "LineAwesome";
     content: "\f110";
     position: absolute;
     top: 3px;
     left: 193px;
     color: #9E9E9E;
}
 .select-wrapper, .select-wrapper select{
     width: 210px;
     height: 40px;
     line-height: 36px;
     padding: 0px 15px;
     font-size: 16px;
     font-weight: 600;
}
 .select-wrapper .holder{
     display: block;
    /*margin: 0 35px 0 5px;
    */
     white-space: nowrap;
     overflow: hidden;
     cursor: pointer;
     position: relative;
     z-index: -1;
}
 .select-wrapper select{
     left: 15px;
     top: 0;
     margin: 0;
     position: absolute;
     z-index: 2;
     cursor: pointer;
     outline: none;
     opacity: 0;
     _noFocusLine: expression(this.hideFocus=true);
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     -khtml-opacity: 0;
     -moz-opacity: 0;
}
 .pad-t-15{
     padding-top: 15px;
}
 .dashboard-btn{
     width: 210px;
     padding: 7px 0px;
     box-shadow: 0 8px 6px -7px rgba(0, 0, 0, 0.15);
}
/************ CSS FOR BROWSE FILE ************/
 .file-input-wrapper {
     width: 210px;
     overflow: hidden;
     position: relative;
     float: left;
}
/*.file-input-wrapper:hover{
     border: 1px solid #033581;
}
*/
 .file-input-wrapper > input[type="file"] {
     position: absolute;
     top: 10px;
     right: 10px;
     opacity: 0;
     visibility: hidden;
}
 .file-input-wrapper > .btn-file-input {
     display: inline-block;
     width: 210px;
     background-color: #f4f9ff;
     border: 1px solid #ccc;
     border-radius: 3px;
     color: #165EA0;
     cursor: pointer;
     font-weight: 400;
     font-size: 16px;
     padding: 7.5px 0px;
     text-align: center;
}
 .file-input-wrapper > .btn-file-input>i{
     font-size: 21px;
     color: #67e98b;
     font-weight: 400;
     padding: 0px 5px;
     vertical-align: middle;
}
/******************* FOR HISTORY-TABLE *******************/
 .tbl-history .form-btn {
     font-size: 15px;
     width: 170px;
     padding: 4px 0px;
     box-shadow: 0 8px 6px -7px rgba(0, 0, 0, 0.15);
     font-weight: 600;
}
 .tbl-history .form-btn i.la{
     font-size: 21px;
     font-weight: 400;
     padding-right: 5px;
     vertical-align: middle;
}
 .table-listing {
     width: 100%;
     float: left;
     margin-bottom: 25px;
}
 .table-listing table {
     width: 100%;
}
 .tbl-history thead tr{
     background-color: #f4f9ff;
     border-top: 1px solid #e1e1e1;
}
 .tbl-history thead tr,.tbl-history tbody tr{
     border-bottom: 1px solid #e1e1e1;
}
 .tbl-history th {
     font-size: 0.8125rem;
     line-height: 0.75rem;
     color: #808080;
     font-weight: 700;
     padding: 15px 10px;
     vertical-align: middle;
}
 .tbl-history td{
     padding: 8px 10px;
     vertical-align: middle;
}
 .tbl-history td{
     color: #333333;
     font-size: 15px;
     font-weight: 400;
}
/******************* FOR REST TABLE-HISTORY *******************/
/******************* FOR MY-ACOOUNT *******************/
 .nav-tabs-custom li{
     padding: 0px 20px;
}
 .nav-tabs-custom li:first-child,.nav-tabs-custom li>a:first-child{
     padding-left: 0px;
}
 .nav-tabs-custom li>a{
     display: block;
     padding: 0px 0px 15px;
     font-size: 15px;
     font-family: 'Muli',Semi-Bold;
     color: #808080;
     font-weight: 600;
}
 .nav-tabs-custom li>a:hover, .nav-tabs-custom li>a:focus, .nav-tabs-custom li.active a, .nav-tabs-custom li.active a:hover, .nav-tabs-custom li.active a:focus{
     border: 1px solid #fff;
     border-bottom: 1px solid #165EA0;
     color: #165EA0;
     background-color: #fff;
     cursor: pointer;
}
 .dashboard-content .form-account{
     padding: 30px 0px;
}
 .form-account .form-control{
     max-width: 250px;
     border-radius: 4px !important;
     font-family: 'Muli',Light;
     padding: 0px 15px;
     height: 40px;
     border: 1px solid rgba(0, 0, 0, 0.2);
     box-shadow: none;
     color: #000;
     font-weight: 400;
     font-size: 1.0625rem;
}
 .form-account .dashboard-btn{
     width: 250px;
}
/******************* FOR REST MY-ACOOUNT *******************/
/******************* FOR MODEL-pop-up *******************/
 .modal-content{
     border-radius: 0px;
}
 #emailverify .modal-sm, .notification-popup .modal-sm{
     width: 400px;
     margin-top: 172px;
}
 #emailverify .modal-header, .notification-popup .modal-header{
     border-bottom: none;
     padding: 20px 20px 0px;
}
 #emailverify .modal-header .close, .notification-popup .modal-header .close{
     font-size: 28px;
     font-weight: 400;
     outline: none;
}
 #emailverify .modal-dialog-centered, .notification-popup .modal-dialog-centered{
     min-height: 90%;
}
 .modal-dialog-centered {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     min-height: calc(100% - (0.5rem * 6));
}
 #emailverify .modal-body, .notification-popup .modal-body{
     padding: 0px 15px;
     text-align: center;
}
 #emailverify .modal-body h4, .notification-popup .modal-body h4{
     padding: 15px 0px;
     font-weight: 600;
     color: #000;
}
 #emailverify .modal-body p, .notification-popup .modal-body p{
     font-weight: 400;
     color: #808080;
     font-size: 1rem;
     line-height: 25px;
}
 #emailverify .modal-footer, .notification-popup .modal-footer{
     border-top: none;
     text-align: center;
}
 #emailverify .modal-body a, .notification-popup .modal-body a{
     color: #244d9b;
     font-size: 16px;
     padding-top: 15px;
     display: block;
}
/******************* FOR REST MODEL-pop-up *******************/
 .input-group label.error, .input-group label.error {
     width: 100%;
     text-align: left;
     color: #fb5c64;
     font-weight: 400;
}
 .form-control.error {
     border: 1px solid #fb5c64;
     box-shadow: none;
}
 .msg{
    /*padding: 10px 0px;
    */
     padding-top: 10px;
}
 .msg-error{
     font-size: 16px;
     background-color: #ffeaeb;
     border: 1px solid #FB5C64;
     color: #FB5C64;
     border-radius: 4px;
     padding: 8px 12px;
}
 .msg-success{
     font-size: 16px;
     background-color: rgba(248, 255, 240, 0.63);
     border: 1px solid #2ce05e;
     color: #2ce05e;
     border-radius: 4px;
     padding: 8px 12px;
}
 .terms-cond{
     width: 100%;
     color: #fb5c64;
     font-weight: 400;
}
/****VISHAL***/
 #privacy-policy, #terms-and-conditions{
     display: none;
}
 .error-border{
    border: 1px solid red !important;
}
 .company-page-content{
    padding: 30px 0px;
}
 .reget_update_records{
    margin-left: 10px;
    vertical-align: middle;
    font-size: 22px;
    color: #2CE05E;
    cursor: pointer;
}
 .reget_update_records.process-ged{
    -webkit-animation: spin1 2s infinite ease-out;
    -moz-animation: spin1 2s infinite ease-out;
    -o-animation: spin1 2s infinite ease-out;
    -ms-animation: spin1 2s infinite ease-out;
    animation: spin1 2s infinite ease-out;
}
 @-webkit-keyframes spin1 {
    0% {
         -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
 @-moz-keyframes spin1 {
    0% {
         -moz-transform: rotate(0deg);
    }
    100% {
         -moz-transform:rotate(360deg);
    }
}
 @-o-keyframes spin1 {
    0% {
         -o-transform: rotate(0deg);
    }
    100% {
         -o-transform: rotate(360deg)
    }
}
 @-ms-keyframes spin1 {
    0% {
         -ms-transform: rotate(0deg);
    }
     100% {
         -ms-transform: rotate(360deg);
    }
}
 @-keyframes spin1 {
    0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 .p-uploading{
    text-align: center;
     padding: 4px 0px;
     font-size: 13px;
     color: #808080;
     font-weight: 500;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .home_u_profile_btn i{
    font-size: 20px;
     vertical-align: middle;
     margin-right: 5px;
}
 header .navbar-brand{
    padding: 10px 15px !important;
}
.navbar-brand img{
    max-height: 50px;
}
 .down-samp-template{
    color: #165EA0;
    text-decoration: none;
}
/******************* REST OF RIGHT-SIDE BAR *******************/
 @media only screen and (max-width: 576px) {
     .header-box h1{
         font-size: 2.5rem;
         color: #fff;
         line-height: 50px;
    }
     .search-btn{
         position: static;
    }
     .email-field {
         padding-right: 12px;
    }
     .email-box{
         width: 100%;
    }
     .search-btn{
         margin: 15px 0px;
         width: 100%;
         padding: 12px 25px;
    }
     .section-about p {
         font-size: 1rem;
         line-height: 25px;
    }
     .form-block .contact-block{
         padding: 0px;
    }
     .form-block .form-btn{
         width: 100%;
    }
    /*.form-block .form-field {
         padding: 5px 0px;
    }
    */
     .header-box{
         padding: 35px 25px 0px 25px;
         padding-bottom: 20px;
    }
     .navbar-brand{
         padding: 18px 0px;
         width: 50%;
         height: 100%;
    }
     .main-header{
         padding: 0px;
    }
     .section-title{
         padding: 60px 0px 5px 0px;
    }
     .section-works{
         padding: 32px 0px 10px 0px;
    }
     .section-about{
         padding: 32px 0px 33px 0px;
    }
     .section-contact{
         padding: 32px 0px 35px 0px;
    }
     .section-head{
         font-size: 2.1875rem
    }
     .container.header-text{
         display: none;
    }
     .register-form .half-form-field{
         width: 100%;
    }
     .register-form .mar-r-23 {
         margin-right: 0px;
    }
     .register-form .half-input{
         width: inherit !important;
    }
     .checkbox-inline{
         font-size: 14px;
    }
     .login-wrapper{
         max-width: 350px;
    }
     .logo-wrapper{
         margin-bottom: 10px;
    }
     .register-form {
         padding: 15px;
    }
     .dash-content-wrapper{
         padding: 20px !important;
    }
}
/******************* FOR PAGINATION *******************/
 .pagination-left{
     margin-left: -15px;
     display: inline-block;
     width: 100%;
     float: left;
     text-align: left;
}
 .pagination-left>p{
     line-height: 36px;
     vertical-align: middle;
     color: #808080;
     font-weight: 400;
}
 .right-pagination-link{
     text-align:right ;
     margin-right: -15px;
}
 .pagination {
     display: inline-block;
     padding-left: 0;
     border-radius: 4px;
}
 .pagination > li {
     display: inline;
}
 .pagination > li > a, .pagination > li > span {
     position: relative;
     float: left;
     padding: 6px 12px;
     line-height: 1.42857143;
     text-decoration: none;
     color: #666;
     font-weight: 400;
     background-color:#f4f9ff;
     border: 1px solid #ddd;
     margin-left: -1px;
}
 .pagination > li:first-child > a, .pagination > li:first-child > span {
     margin-left: 0;
     border-bottom-left-radius: 4px;
     border-top-left-radius: 4px;
}
 .pagination > li:last-child > a, .pagination > li:last-child > span {
     border-bottom-right-radius: 4px;
     border-top-right-radius: 4px;
}
 .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
     z-index: 2;
     color: #000;
     background-color: #fff;
     border-color: #ddd;
}
 .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
     z-index: 3;
     color: #000;
     background-color: #fff;
     border-color: #ddd;
     cursor: default;
}
 .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
     color: #666;
     background-color: #f4f9ff;
     border-color: #ddd;
     cursor: not-allowed;
}
/******************* REST OF PAGINATION *******************/
/******************* MODEL CSS *******************/
 .model-content{
     display: inline-block;
     text-align: center;
     width: 100%;
}
 @media only screen and (min-width: 1200px) {
     .email-box{
         width: 550px;
    }
}
 @media only screen and (max-width: 767px) {
     .header{
         background-color: #033581;
    }
     .section-about p{
         width:100%;
    }
     .navbar-nav li {
         border-bottom: 1px solid #395fa6;
    }
     .navbar-nav li:last-child{
         border-bottom: none;
    }
     .navbar-nav li {
         display: inline-block;
         border-bottom: none;
    }
     .navbar-nav li a{
         padding: 10px 20px;
    }
     .navbar-nav>li.login_btn>a, .navbar-nav>li.register_btn>a{
         padding: 7px 27px!important;
    }
     .inner-head{
         font-size: 1.25rem;
    }
     .navbar-nav>li.login_btn, .navbar-nav>li.register_btn{
         padding: 12px 15px;
    }
     .left-sidebar{
         margin-top: 55px;
         padding: 10px;
         width: 215px;
         min-width: 215px;
         overflow-y: auto;
         display: none;
    }
     .left-sidebar .sidebar-logo{
         margin: 10px 0px;
    }
     .dash-main-content{
         margin-left: 0px;
    }
     .header{
         display: block !important;
    }
     .dash-header .navbar-header{
         width: 100%;
         text-align: center;
    }
     .dash-header{
         background-color: #033581;
         z-index: 999;
    }
     .dash-header .navbar-toggle>span{
         cursor: pointer;
         color: #fff;
    }
     .dash-navbar{
         float: left;
    }
     .dash-navbar-brand{
         float: none;
         display: inline-block;
         height: 0;
    }
     .left-parent-style{
         position: fixed;
         width: 100%;
         height: 100%;
         z-index: 99;
         background-color: rgba(0,0,0,0.6);
    }
     .dash-content-wrapper{
         padding: 20px 35px;
         margin-top: 55px;
         z-index: 1;
    }
     .dashboard-counter{
         width: 30px;
         height: 30px;
    }
     .dashboard-counter p{
         line-height: 30px;
    }
     .dashboard-content>.form-horizontal .form-group{
         padding-left: 26px;
    }
     .form-group .control-label{
         padding-bottom: 5px;
         padding-right: 0px;
    }
     .form-group .select-wrapper{
         width: 100%;
    }
     .form-group .select-wrapper select{
         width: 95%;
    }
     .form-group .select-wrapper:after{
         left: 90%;
    }
     .form-group .file-input-wrapper, .form-group .file-input-wrapper > .btn-file-input{
         width: 100%;
    }
     .dashboard-content>.form-horizontal .form-group span a{
         margin-left:0px;
         line-height: 15px;
         margin-top: 10px;
    }
     .form-group .dashboard-btn{
         width: 100%;
    }
     .form-group>.col-md-8.col-sm-12{
         padding-right: 0px;
    }
     .dashboard-content{
         padding-top: 0px;
    }
     .dashboard-subtitle span.import-dtls{
         display: none;
    }
     .dashboard-title h1{
         padding-bottom: 6px;
    }
     .tbl-history .form-btn{
         width: 155px;
    }
    /*******************************************************************************************/
     #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
        display: block;
    }
    /* Hide table headers (but not display: none;
    , for accessibility) */
     #no-more-tables thead tr {
         position: absolute;
         top: -9999px;
         left: -9999px;
    }
     #no-more-tables tr.border-0 {
        border: 0px;
    }
     #no-more-tables td {
        /* Behave like a "row" */
         border: none;
         border-bottom: 0px;
         position: relative;
         padding-left: 50% !important;
         white-space: normal;
         text-align: left;
         padding-top: 15px !important;
         padding-bottom: 0px !important;
         padding-right: 15px !important;
         font-weight: 600;
        /*line-height: 14px;
        */
         vertical-align: middle;
         color: #333333;
         font-size: 15px;
         font-weight: 400;
    }
     #no-more-tables td:last-child {
         padding-bottom: 15px !important;
    }
     #no-more-tables td:before {
        /* Now like a table header */
         position: absolute;
        /* Top/left values mimic padding */
         top: 18px;
         left: 0;
         width: 38%;
         padding-right: 10px;
         white-space: nowrap;
         text-align: left;
         font-size: 11px;
         vertical-align: middle;
         line-height: 17px;
         color: #808080;
         font-weight: 700;
    }
     #no-more-tables .computation:before{
         line-height: 25px;
    }
    /* Label the data */
     #no-more-tables td:before {
         content: attr(data-title);
         white-space: pre;
    }
     .form-account .form-control{
         width: 100%;
         max-width: 100%;
    }
     .dashboard-content .nav-tabs-custom li:first-child{
         float: left;
         width: 50%;
         padding: 0;
         text-align: center;
    }
     .dashboard-content .nav-tabs-custom li:last-child{
         float: right;
         padding: 0;
         width: 50%;
         text-align: center;
    }
     .nav-tabs-custom li>a{
         padding: 12px 0;
    }
     .pagination-left{
         text-align: center;
         margin-left: 0px;
    }
     .right-pagination-link{
         text-align: center;
         margin-right: 0px;
    }
     .dashboard-title{
         display: none;
    }
     .navbar-title{
         display: block;
         padding: 14px 0px;
    }
     .navbar-title>h1{
         color: #fff;
         font-size: 26px;
         font-weight: 600;
         line-height: 27px;
         vertical-align: middle;
         text-align: center;
         margin: 0px 32px;
    }
     .dash-header .dash-navbar{
         margin: 2px 0;
    }
     .dashboard-content .nav-tabs-custom {
         margin-top: -20px;
    }
}
 @media only screen and (width: 768px) {
     .navbar-nav>li.login_btn>a,.navbar-nav>li.register_btn>a{
         padding: 7px 22px !important;
    }
     .navbar-nav li a{
         padding: 20px 10px;
    }
     .navbar-nav>li.login_btn, .navbar-nav>li.register_btn {
         padding: 12px 10px;
    }
     .form-inline>.email-box{
         width: 60%;
    }
     .left-sidebar{
         z-index: 3;
    }
     .pagination > .active > a{
         z-index: 1;
    }
     .right-pagination-link, .pagination-left{
         text-align: center;
    }
}

#beta-warning{
     color: red;
     text-align: center;
     font-size: 18px;
     padding: 3px;
     padding-top: 10px;
}

#confirmation-msg{
     color: green;
     text-align: center;
     font-size: 18px;
     padding: 3px;
     padding-top: 10px;
     margin-top: 10px;
}

.login-logo img{
     min-height: 75px;
}
.white-background a{
     color: #165EA0;
}