body{float:left;width:100%;height:100%;padding-right: 0px !important; background: #fff /*url(../img/darkgrain.png) repeat scroll 0 0*/;font-family:montserratlight;} 
html{float:left;width:100%;height:100%;} 
button{outline:none !important;} 
a{outline:none !important;}
li{outline:none !important;}
*{margin:0px;padding:0px;} 
.wrapper {float: left;width: 100%;height: 100%;} 
.btn{outline:none !important;} a{outline:none !important;} 
#ascrail2000-hr {display: none !important;} 
.btn{position:relative;overflow:hidden;z-index:99;border:0px;font-family: 'montserratregular';} 
/* .btn:hover{color:#fff;} 
.btn:hover::after{transform: translatex(0); transition:.6s; }  */
/* .btn::after {content: ""; position: absolute; height: 100%; width: 100%; background-color: #283951; left: 0; top: 0; transform: translateX(100%); transition:.6s; z-index:-9; } 
 */.project_menu {position: relative; top: 61px; float: right; width: 15px; height: 216px; background-color: rgb(149, 160, 171);
background-clip: padding-box; border-radius: 5px; z-index: -1; } 
.ui-widget-header .ui-icon {background-image: url("../img/ui-icons_555555_256x240.png")!important; } 
.ui-widget.ui-widget-content {border: 2px solid #0f5ed4 !important; border-radius: 0px; } 
.padding_set {padding: 20px 15px; } 
.custom_row{margin-right: 2px; margin-left: -2px; } 
.Subsc-btn{
	padding: 5px 13px !important;
	font-size: 11px !important;
	text-transform: uppercase;
}
/* header section css start here */ 
.header_section_here {
    float: left;
    width: 100%;
    position: fixed;
    z-index: 999;
    background-color: #293952;
}
.header_section_new_here{
	margin-top: 26px;
}
.header_section_here .navbar-default{background: none; border: none; border-radius:0px; min-height:auto;margin: 0;} 
.header_section_here.navbar-fixed-top {background: #f1f1f1; } 
.header_info {float: left; width: 100%; /*background-image: linear-gradient(120deg, rgba(255, 255, 255, 0.9) 25% , rgba(15, 94, 212, 1) 85% );*/ padding:10px 10px; } 
.header_logo {float: left; width: auto; padding:0px 0; } 
.header_logo a img {    width: 130px; } 
.profile_veiw_info {float: right; width:auto; } 
.drop_profile {float: right; width: auto; padding: 0px 0px 0 20px; cursor:pointer;} 
.drop_profile a{text-decoration:none; color:#fff; } 
.drop_profile a:hover{color:#fff; } 
.drop_profile a:active{color:#fff; } 
.drop_profile a:focus{color:#fff; } 
.profile_img { float: left; width: auto; margin-right: 0; margin-top: 8px; } 
.profile_name {float: left; width: auto; } 
.profile_name h4 {font-size: 14px; margin-top: 25px; font-family: montserratregular; color: #fff; } 
.dropdown-toggle::before{display: none !important; } 
.pr_img {padding: 2px !important; width:45px; height: 45px;object-fit: cover; object-position: center;word-break: break-all;} 
.caret_here {float: left; width: auto;  padding: 18px 0px 0 10px; } 
.caret_here i{font-size: 18px; color: #fff } 
.profile_menu {min-width: 170px !important; border-radius: 0px !important; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.2) !important; 
box-shadow: 0 6px 12px rgba(0,0,0,0.2) !important; left: auto; border-bottom: 2px solid #939394 !important; margin: 10px 0 0 !important; padding: 0px 5px; right: 0; top: 51px; }
.profile_menu li a { font-size: 13px; padding: 6px 10px; cursor: pointer; }
.profile_menu li a:hover{background-color:#939394; color:#fff; } 
/* header section css end here */ /* dashboard section css start here */
.dashboard_section_here {float: left; width: 100%; margin-top:100px; position:relative; } 
#toggle{height:auto; width:75px; } 
.sidemenu_bar {float: left; width: auto; height: 100%; padding: 10px 0; box-shadow: 6px 3px 10px #C2CEDC; background-color:#fff; position: absolute; top: 0; bottom: 0; } 
.toogle_btn {float: none; width: 100%; text-align: right; padding: 0px 10px; } 
.toogle_btn a{float:right;cursor:pointer;} 
.sid_menu_here {float: left; } 
.menu_dashboard {float: left; width: 100%; padding-top: 10px; } 
.side_nav {float: left; width: 100%; } 
.selected_nav_li{background-color: #0f5ed4; color: #fff !important; } 
.side_nav li a::before {content: ""; position: absolute; background-color: #283951; border-left: 3px solid #ff4800; color: #fff; left: 0; right: 0;
height: 100%; width: 100%; z-index: -9; transition: .6s; transform: translatex(100%); top: 0; } 
.side_nav li a:hover{color:#fff; background-color:#fff; } 
.side_nav li a:hover::before {transform: translatex(0); transition: .6s; } 
.side_nav li a:focus{background-color: #0f5ed4; color: #fff !important; } 
.side_nav li a{padding: 20px 20px !important; color: #0f5ed4; display:flex; position:relative; z-index:99; overflow:hidden;font-size: 14px; } 
.side_nav li:first-child{border-top: 1px solid #0f5ed4;} 
.side_nav li{border-bottom: 1px solid #0f5ed4;}
.dash_icon{font-size: 26px !important; width: 100%; float: left; text-align: center; margin: 0 auto; } 
.dash_side_text {float: left; width: 85%; display:none; font-family:montserratregular; padding: 3px 0; } 
.sidemenu_content {/*padding-left: 110px; padding-top: 10px; transition:all .5s; background-color:#DDEAFB; height:1000px; padding-right:35px;*/ float: left; width: 100%; }
.sidebar-padding{padding-left:270px; transition:all .5s; } 
.sidebar-text-hides{display:block; } 
.big-icon{font-size:26px !important; text-align: center; display: inline-block !important; float: left; width: 25%; } 
.dashboard_title {float: left; width: 100%; } 
.dashboard_title .link_crumbs{padding-bottom: 10px; display: block; margin-bottom:0px; background:none; padding-left: 0px; } 
.dashboard_demo {float: left; width: 100%; height:100%; background-color: #fff; } 
.dashboard_demo_title {float: left; width: 100%; border-bottom: 1px solid #0f5ed4; position: relative; } 
.dashboard_demo_title h4{color:#0f5ed4; font-family:montserratregular; } 
.dashboard_demo_title h4::after {content: ""; border-bottom: 5px solid #0f5ed4; position: absolute; height: 5px; width: 120px; bottom: 0; left: 0; } 
.dash_bord_loader {float: left; width: 100%; padding: 15px 15px; padding-bottom:0px; } 
.project_percentage_circle {float: left; width: 100%; background-color: #f2f7fd; padding:15px 0; } 
.project_percentage_circle } .project_list_here {float: left; width: 100%; } 
.percent_img_here img{margin:0 auto; width:160px; } 
.project_menu_content {float: left; width: 100%; padding: 0px; } 
.percent_img_here {float: left; width: 100%; height:165px; } 
.project_title{float:left;width:100%;position:relative;border-bottom: 1px solid #0f5ed4;} 
.project_title h4 { float: left; width: auto; color: #0f5ed4; font-size: 16px; font-family: 'montserratsemi_bold'; } 
.project_title h4::after {content: ""; border-bottom: 3px solid #0f5ed4; position: absolute; width: 135px; bottom: 0; left: 0; } 
.project_content_table {float: left; width: 100%; padding-top: 15px; }
#project_menu { /*height: 350px; overflow: auto;*/ width: 100%;  margin-bottom:20px; } 
.approv_color{color:#2aa127;} .view_color{color:#2767a1;} 
.disapp_color{color:#fe0f0f;} 
.not_view_color{color:#fc6602;} 
.percent_img_here img{margin:0 auto;} 
.project_detalis thead tr th{background-color:#748291;color:#fff; border-bottom: none !important; border-right: 1px solid #d9e1e9; text-transform: uppercase; font-size: 12px; font-weight: normal !important;} 
.project_detalis thead tr th:last-child{border-right:0px;} 
.project_detalis tr td {font-size: 12px; border:0px;border-top: 0px !important;border-right: 1px solid #d9e1e9;} 
.project_detalis tr td:last-child{border-right:0px;} .project_detalis tr:nth-child(even) {background: #ebf1f7} 
.project_detalis tr:nth-child(odd) {background: #FFF} 
.nicescroll-cursors{right:-1px;border-radius:0px !important;background-color:#748291 !important;} 
.progress_text {float: left; width: 100%; } .progress_text h4{text-align: center; margin-top: 25px; font-family:montserratregular; } 
.nicescroll-rails.nicescroll-rails-vr{height:350px;} #ascrail2001{background-color:#cfdae4;left: 1858px !important; width:4px !important; } 
.project_list_here {float: left; width: 100%; margin-top: 15px; } 
/* dashboard section css end here */ 

/* my profile page css start here  */ 
.profile_info_title {float: left; width: 100%; border-bottom: 1px solid #0f5ed4; position: relative; }
.profile_info_title h4{color:#0f5ed4; font-family:montserratregular; } 
.profile_info_title h4::after {content: ""; border-bottom: 5px solid #0f5ed4; position: absolute; height: 5px; width: 110px; bottom: 0; left: 0; }
.profile_info {float: left; width: 100%; padding: 0px 0px 50px 0px; position: relative; z-index: 9; } 
.profile_info::after {content: ""; position: absolute; height: 190px; width: 100%; background-color: #eeeeee; top: 0%; left: 0; z-index: -9; }
.profile_img_info_here {float: left; width: 20%; margin-right: 3%;}
.main_profile_div_here {float: left; width: 100%; padding: 30px 0; }
.profile_img_div {float: left; width: 100%; text-align:center; position: relative; } 
.img_info_pro{margin:0 auto; display:block; border-radius: 0px; border: 0px; } 
.profile_all_taext_info {float: left; width: 100%; } 
.profile_all_taext_info h1{font-family:aktuelleregular; font-size: 60px; margin:0px; margin-top:5px; } 
.profile_all_taext_info h2{margin-top: 12px; font-size: 34px; font-family: 'montserratlight'; margin-bottom: 0px; } 
.profile_all_taext_info span{font-family: 'montserratregular'; } 
.btn_profile {width: 190px; text-align: center; display: inline-grid; height: 40px; background-color: #0f5ed4; color: #fff; 
border-radius: 0px; margin-top: 15px; padding:9px 0; transition: .6s; } 
.btn_profile:hover{color:#fff; } .btn_profile:focus{color:#fff;} 
.profile_info_content {
    float: left;
    width: 100%;
    background: #eee;
    padding: 20px;
} 
.profile_info_content ul{margin-bottom:0;} 
.profile_info_content li{list-style: none; font-size: 16px; padding: 10px 0; border-bottom: 1px solid #cccc;} 
.profile_info_content li:last-child{border-bottom:none; } 
.profile_info_content li span{float: left; width: 50%; font-family: montserratregular; text-align:left;} 
/* my profile page css end here  */

/* DISAPPROVED PROOFS page css start here */ 
.disapproved_demo_title {float: left; width: 100%; border-bottom: 1px solid #0f5ed4; position: relative; } 
.disapproved_demo_title h4{color:#0f5ed4; font-family:montserratregular; } 
.disapproved_demo_title h4::after {content: ""; border-bottom: 5px solid #0f5ed4; position: absolute; height: 5px; width: 215px; bottom: 0; left: 0; } 
.disapproved_form {float: left; width: 100%; padding: 15px 0; } .form_set {margin: 0; } .form_set span{font-size: 16px; padding-bottom: 5px; display: block; } 
.form_input_proof {border-radius: 0px; height: 40px; } 
.form_input_proof:focus{box-shadow:none !important; border-color:#CCCCCC; } 
.proof_date {border-radius: 0px; height: 40px; border-right: 0px; } 
.proof_date:focus{box-shadow:none !important; border-color:#CCCCCC; } 
.prrof_dat_btn {border-radius: 0px; background: none; } 
.prrof_dat_btn i{color:#0f5ed4;} 
.btn_proof_main {height: 40px; border-radius: 0px; width: 120px; font-size: 16px; color: #fff; background-color: #0f5ed4; margin-top: 28px; transition:.6s; } 
.btn_proof_main:hover{color:#fff; } .btn_proof_main:focus{color:#fff; } 
.btn_view_details {border-radius: 0px; height: 34px; width: 125px; font-size: 14px; background-color: #0f5ed4; color: #fff; transition: .6s; } 
.btn_view_details:hover{color:#fff; } 
.btn_view_details:focus{color:#fff; } 
.proof_project_here tr td{padding: 7px 15px !important; } 
/* DISAPPROVED PROOFS page css end here */ 

/* View details page css start here */ 
.veiw_details_demo_title {float: left; width: 100%; border-bottom: 1px solid #0f5ed4; position: relative; } 
.veiw_details_demo_title h4{color:#0f5ed4; font-family:montserratregular; } 
.veiw_details_demo_title h4::after {content: ""; border-bottom: 5px solid #0f5ed4; position: absolute; height: 5px; width: 128px; bottom: 0; left: 0; } 
.client_details_demo_title {float: left; width: 100%; border-bottom: 1px solid #0f5ed4; position: relative; } 
.client_details_demo_title h4{color:#0f5ed4; font-family:montserratregular; } 
.client_details_demo_title h4::after {content: ""; border-bottom: 5px solid #0f5ed4; position: absolute; height: 5px; width: 300px; bottom: 0; left: 0; } 
.client_details_slider {float: left; width: 100%; padding-top: 25px; } .slider_arrow_effects{background-image:none !important; position:relative; opacity:1; } 
.slid_img{width:100%; } .slider_img_hover {position: relative; display: inline-block; overflow: hidden; width: 100%; height: auto; } 
.bottom_main_hover{opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: #fff; padding: 15px; 
transform: translatex(100%); -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; background: rgba(0, 0, 0, 0.5); } 
.slider_img_hover:hover .bottom_main_hover, .slider_img_hover.active .bottom_main_hover {opacity: 1;transform: translatex(0); } 
.img_content {float: left; width: 100%; } 
.img_content i{font-size: 85px; text-align: center; float: left; width: 100%; position: absolute; left: 0px; right: 0; top: 40%; } 
.slider_text {float: left; width: 100%; padding-bottom: 25px; padding-left: 10px; } 
.slider_text span{font-family:montserratregular; font-size:17px; } 
.client_information {float: left; width: 100%; padding: 45px 0px; } 
.client_head_name {float: left; width: 100%; } 
.client_det_here {float: left; width: 40%; font-size: 16px; padding-bottom: 15px; } 
.client_det_here span{float: left; width: 25%; font-family:montserratregular; } 
.client_about {float: left; width: 100%; } 
.client_about h4{color: #0f5ed4; margin-bottom: 17px; font-family:montserratregular; } 
.client_about p{font-size:16px; } .slider_arrow_effects.right{left: 25%; } 
.arrow_btn{width: 60px; height: 55px; background-color: #0f5ed4; color: #fff; border-radius: 0px; margin-top: 2%; transition: .6s; } 
.arrow_btn:hover{color: #fff; } .arrow_btn:focus{background-color: #0f5ed4; color: #fff; } 
.arrow_slider_here {float: left; width: 100%; } 
.view_slider_btn {width: 135px; background-color: #0f5ed4; color: #fff; border-radius: 0px; margin-top: 2%; font-size: 20px; text-align: center; line-height: 40px;
position: absolute; left: 12%; transition: .6s; padding:8px 0; } 
.view_slider_btn:hover{color:#fff; } 
.view_slider_btn:focus{background-color: #0f5ed4; color: #fff; } 
/* View details page css end here */ 

/* profile apdate page css start here */ 
.profile_content_info li span{float: left; width: 15%; padding-top: 10px; } 
.updat_profile {height: 50px; border-radius: 0px; width: 60%; } 
.update_sve_btn {float: left; width: 75%; text-align:right; } 
.update_sve_btn .btn{border-radius: 0px; line-height: 20px; height: 32px; width: 100px; font-size: 14px; background-color: #0f5ed4; color: #fff; margin-left: 15px; transition: .6s; } 
.update_sve_btn .btn:hover{color: #fff; background-color: #00438A; transition: .6s; } 
/* profile apdate page css end here */ /* proofchamp login page css start here */
.background_img {float: left; width: 100%; background-image: url(../img/login_bg.jpg); background-repeat:no-repeat; } 
.back_overlay {float: left; width: 100%; height: 100%; position: absolute; display: none; /* 
background-image: linear-gradient(180deg, rgba(15, 94, 212, 0.8) 40%, rgba(255, 72, 0, 0.8) 60%);*/ } 
.tax_login_pop {float: left; width: 100%; height: 100%; } 
.login_page_here {
    display: table;
    width: 100%;
    max-width: 360px;
    margin: 10% auto 0 auto;
} 
.web_info_co {float: left; width: 100%; background-image: url(../img/login_bg2.jpg); padding: 50px 0; position:relative; z-index:9; background-size: cover;
background-position: bottom; background-repeat:no-repeat; } 
.blue_overlay{float: left; width: 100%; height: 100%; position: absolute; background:rgba(0, 0, 0, 0.4); top:0; z-index:-9; display: none; } 
.logo_here {float: left; width: 100%;margin: 0px 0px 10px 0px; } .logo_here img{margin:0 auto; } 
.web_text {float: left; width: 100%; text-align: center; color: #fff; padding-top: 30px; padding-left: 20px; padding-right: 20px; } 
.web_text span {font-size: 22px; padding-bottom: 10px; display: block; font-family:montserratregular; } 
.web_text p{font-size: 16px; } 
.login_here {float: left; width: 100%; background-color: #fff; padding: 20px 20px; } 
.padding_zero{padding:0px;} 
.login_here h3 {color: #0f5ed4; font-size: 19px; margin-top: 0; font-family:montserratregular; margin-bottom: 20px; } 
.login_here h4{font-size: 17px; margin-bottom: 30px; margin-top: 0px; } .login_padding_zero {float: left; width: 100%; } 
.login_padding_zero_sec {float: left; width: 100%; } 
.form_here_login {float: left; width: 100%; } 
#signup_sect{padding-bottom: 12px;} 
.form_log_div {padding-bottom: 20px; } 
.form_input {border-bottom: 1px solid #cccccc; border-top: 0px; border-left: 0px; border-right: 0px; border-radius: 0px; box-shadow: none; font-size: 16px; } 
.form_input:focus{box-shadow:none;border-color:#cccccc;} 
.lgin_grp {border-radius: 0px; background: none; border-left: 0; border-right: 0; border-top: 0px; border-bottom: 1px solid #cccccc; font-size: 18px; color: #ff4800; padding: 6px 5px; } 
.button_login {float: left; width: 100%; text-align: right;    margin: 0px 0 3px 0; } 
.signlog {float: left; width: 100%; margin: 13px 0 0 0; text-align: center; } .loglink{text-decoration: none;} 
.button_login .btn{background-color: #0f5ed4; color: #fff; border-radius: 0px; font-size: 17px; width: 120px; height: 40px; transition: .6s; } 
.button_login .btn:hover {color: #fff; background-color: #283951; transition: .6s; } 
.button_req{float:left; width:100%; padding-top: 10px; text-align:right; padding-bottom: 30px;outline: none; } 
.button_req .btn{background-color: #0f5ed4; color: #fff; border-radius: 0px; font-size: 17px; transition: .6s; } 
.button_req .btn:hover {color: #fff; background-color: #283951; transition: .6s; } 
.forgot_p {float: left; width: 100%; padding: 15px 0px 0 0px; text-align:center; } 
.forgot_p a{text-decoration: none; color: #0f5ed4; font-size: 17px; } 
.return_arrow {float: left; width: 100%; padding-top:0px; } 
.return_arrow a{float:right; } 
/* proofchamp login page css end here */ 

/* project page css start here */ 
.client_demo_title {float: left; width: 100%; border-bottom: 1px solid #0f5ed4; position: relative; } 
.client_demo_title h4{color:#0f5ed4; font-family:montserratregular; } .client_demo_title h4::after {content: ""; border-bottom: 5px solid #0f5ed4;
position: absolute; height: 5px; width: 67px; bottom: 0; left: 0; } 
.tables_pagination {float: left; width: 100%; text-align: right; } .pagin_projects {margin: 0px; } 
.pagin_projects li {display: inherit; margin-left: 10px; background-color:#EBF1F7; } 
.pagin_projects li a{height: 35px; background-color:#EBF1F7; } 
.pagin_projects a:first-child{border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important;} 
.pag_arrow {font-size: 23px !important; }
/* project page css end here */

/* client proof page css start here */ 
.client_proof_btn {float: left; width: 100%; padding-top: 20px; } 
.approv_btn {width: 200px; background-color: #12ba3d; border-radius: 0px; color: #fff; height: 40px; padding: 9px 0; margin-right: 35px; font-size:16px; position:relative; z-index:99; } 
.approv_btn::after{content:""; position: absolute; height: 100%; width: 100%; background-color: #057d05; left: 0; top: 0; transform: translatex(100%); transition:.6s; z-index:-9; } 
.approv_btn:hover::after{color:#fff; transform: translatex(0); } } .approv_btn:hover{color: #fff; } .approv_btn:focus{background-color: #01c801; color: #fff; } 
.desapprove_btn {width: 200px; background-color: #f61c1c; border-radius: 0px; color: #fff; height: 40px; padding: 9px 0; margin-right: 35px; font-size:16px; 
position:relative; z-index:99; } 
.desapprove_btn::after{content:""; position: absolute; height: 100%; width: 100%; background-color: #870303; left: 0; top: 0; transform: translatex(100%); transition:.6s; z-index:-9; } 
.desapprove_btn:hover::after{color:#fff; transform: translatex(0); } } .desapprove_btn:hover{color: #fff; } .desapprove_btn:focus{background-color: #01c801; color: #fff; } 
.client_error_note {float: left; width: 100%; text-align: center; padding-top: 40px; } .client_error_note p{font-size: 19px; color: red; } 
/* client proof page css start here */ 

/* proof popup css start here */ 
.madel_approved_popup {top: 30%; } 
.mode_cont_here {border-radius: 0px; background-image: url(../img/popup_back_img.png); background-repeat: no-repeat; background-position: 137% 313%; } 
.mode_cont_here_third{border-radius: 0px; background-image: url(../img/back_disapprov.png); background-repeat: no-repeat; background-position: 110% 110%; } 
.mode_cont_here_sec{border-radius: 0px; } 
.model_header {border: 0px; position: absolute; right: 0; z-index: 9; } 
.mode_body_here {text-align: center; padding-top:25px; } 
.mode_body_here img{margin:0 auto; } 
.mode_body_here h3{color: #0f5ed4; font-size: 20px; margin-bottom: 5px; font-size: 17px; font-family: montserratregular; } 
.mode_body_here_not h3{color: #0f5ed4; font-size: 20px; margin-bottom: 5px; font-size: 17px; font-family: montserratregular; } 
.mode_body_here_not span{font-size: 16px; padding-bottom: 10px; display: block; } 
.not_popup{border-radius:0px;height:125px;} 
.mode_body_here p{font-size:16px; } 
.popup_btn_foot {border: 0px; padding-top: 0px; text-align:center; padding-bottom:25px; } 
.BTN_POPUP {border-radius: 0px; width: 100px; height: 40px; background-color:#0f5ed4; color:#fff; font-size: 18px; } 
.BTN_POPUP:hover{background-color:#0f5ed4; color:#fff; } 
.BTN_POPUP:focus{background-color:#0f5ed4; color:#fff; } 
.model_width{width: 400px; } 
.model_width_not {width: 700px; } 
.btn_close{opacity:1;} 
.popup_btn_foot_not {border: 0px; } 
/* proof popup css end here */ 

/* pending proof page css start here */ 
.pending_proof_demo_title {float: left; width: 100%; border-bottom: 1px solid #0f5ed4; position: relative; } 
.pending_proof_demo_title h4{color:#0f5ed4; font-family:montserratregular; } 
.pending_proof_demo_title h4::after {content: ""; border-bottom: 5px solid #0f5ed4; position: absolute; height: 5px; width: 167px; bottom: 0; left: 0; } 
.pending_btn {border-radius: 0pc; height: 45px; width: 180px; font-size: 16px; background-color: #0f5ed4; color: #fff; margin-right: 20px; transition:.6s;
margin-bottom:20px; padding:10px 0; } 
.pending_btn:hover{color: #fff; } 
.pending_btn:focus{background-color: #0f5ed4; color: #fff; } 
.client_about_sec{float:left; width:100%padding-top:25px; } 
/* pending proof page css end here */ 

/* client details page css start here */
.client_details_demo_title_info {float: left; width: 100%; border-bottom: 1px solid #0f5ed4; position: relative; } 
.client_details_demo_title_info h4{color:#0f5ed4; font-family:montserratregular; } 
.client_details_demo_title_info h4::after {content: ""; border-bottom: 5px solid #0f5ed4; position: absolute; height: 5px; width: 155px; bottom: 0; left: 0; } 
/* client details page css start here */ 

/* virson proof details page css start here */ 
.version_details_demo_title {float: left; width: 100%; border-bottom: 1px solid #0f5ed4; position: relative; } 
.version_details_demo_title h4{color:#0f5ed4; font-family:montserratregular; }
.version_details_demo_title h4::after {content: ""; border-bottom: 5px solid #0f5ed4; position: absolute; height: 5px; width: 230px; bottom: 0; left: 0; } 
/* virson proof details page css start here */ 

/* tooltip css start here */ 
.tooltip {position: relative; display: inline-block; border-bottom: 1px dotted #283951; opacity:1; } 
.tooltip .tooltiptext {visibility: hidden; width: 170px; background-color: #283951; color: #fff; text-align: center; border-radius: 2px; padding: 9px 0; font-family: montserratlight; 
position: absolute; z-index: 1; top: 19px; left: 105%; } 
.tooltip:hover .tooltiptext {visibility: visible; } 
.tooltiptext::after {content: "\f0d9"; font-family: fontawesome; position: absolute; left: -4px; color: #283951; } 
.tooltip_sec {position: relative; display: inline-block; border-bottom: 1px dotted #283951; opacity:1; } 
.tooltip_sec .tooltiptext_sec {visibility: hidden; width: 150px; background-color: #283951; color: #fff; text-align: center; 
border-radius: 2px; padding: 9px 0; font-family: montserratlight; /* Position the tooltip */ position: absolute; z-index: 99; top: 19px; left: 105%; } 
.tooltip_sec:hover .tooltiptext_sec {visibility: visible; } .tooltiptext_sec::after {content: "\f0d9"; font-family: fontawesome; position: absolute; left: -4px; color: #283951; } 
.tooltip_third {position: relative; display: inline-block; border-bottom: 1px dotted #283951; opacity:1; } 
.tooltip_third .tooltiptext_third {visibility: hidden; width: 165px; background-color: #283951; color: #fff; text-align: center; 
border-radius: 2px; padding: 9px 0; font-family: montserratlight; /* Position the tooltip */ position: absolute; z-index: 99; top: 19px; left: 105%; } 
.tooltip_third:hover .tooltiptext_third {visibility: visible; } 
.tooltiptext_third::after {content: "\f0d9"; font-family: fontawesome; position: absolute; left: -4px; color: #283951; } 
/* tooltip css end here */ 
/* respnsive togle menu css start here */ 
.pen .navbar-toggle {border: none; background: transparent !important; } 
.pen .navbar-toggle:hover {background: transparent !important; } 
.pen .navbar-toggle .icon-bar {width: 22px; -webkit-transition: all 0.2s; transition: all 0.2s; } 
/* ANIMATED X */ 
.navbar-toggle.x .icon-bar:nth-of-type(1) {
-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);
transform: rotate(45deg); -webkit-transform-origin: 10% 10%; 
-ms-transform-origin: 10% 10%; transform-origin: 10% 10%; } 
.navbar-toggle.x .icon-bar:nth-of-type(2) {opacity: 0; filter: alpha(opacity=0); } 
.navbar-toggle.x .icon-bar:nth-of-type(3) {-webkit-transform: rotate(-45deg); 
-ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; 
-ms-transform-origin: 10% 90%; transform-origin: 10% 90%; }
/* ANIMATED X COLLAPSED */ 
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {opacity: 1; filter: alpha(opacity=100); } 
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 
/* END ANIMATED X */ 

/* ANIMATED RIGHT ARROW */ 
.navbar-toggle.rarr.collapsed .icon-bar:nth-of-type(1) {transform: translate3d(0,0,0) rotate(0deg); transform-origin: right top; width: 22px; } 
.navbar-toggle.rarr.collapsed .icon-bar:nth-of-type(2) {transform: translate3d(0,0,0) rotate(0deg); } 
.navbar-toggle.rarr.collapsed .icon-bar:nth-of-type(3) {transform: translate3d(0,0,0) rotate(0deg); transform-origin: right bottom; width: 22px; } 
.navbar-toggle.rarr .icon-bar:nth-of-type(1) {transform: translate3d(11px,6px,0) rotate(45deg); transform-origin: right top; width: 11px; } 
.navbar-toggle.rarr .icon-bar:nth-of-type(2) {/* transform: scale(0.75); */; } 
.navbar-toggle.rarr .icon-bar:nth-of-type(3) {transform: translate3d(11px,-6px,0) rotate(-45deg); transform-origin: right bottom; width: 11px; } 
/* END ANIMATED RIGHT ARROW */ 

/* ANIMATED LEFT ARROW */ 
.navbar-toggle.larr.collapsed .icon-bar:nth-of-type(1) {transform: translate3d(0,0,0) rotate(0deg); width: 22px; } 
.navbar-toggle.larr.collapsed .icon-bar:nth-of-type(2) {transform: translate3d(0,0,0) rotate(0deg); } 
.navbar-toggle.larr.collapsed .icon-bar:nth-of-type(3) {transform: translate3d(0,0,0) rotate(0deg); width: 22px; } 
.navbar-toggle.larr .icon-bar:nth-of-type(1) {transform: translate3d(0px,6px,0) rotate(45deg); transform-origin: left top; width: 11px; } 
.navbar-toggle.larr .icon-bar:nth-of-type(3) {transform: translate3d(0px,-6px,0) rotate(-45deg); transform-origin: left bottom; width: 11px; } 
/* END ANIMATED LEFT ARROW */ 

/* ANIMATED UP ARROW */ 
.navbar-toggle.uarr.collapsed .icon-bar:nth-of-type(1) {transform: translate3d(0,0,0) rotate(0deg); width: 22px; } 
.navbar-toggle.uarr.collapsed .icon-bar:nth-of-type(2) {transform: translate3d(0,0,0) rotate(0deg); } 
.navbar-toggle.uarr.collapsed .icon-bar:nth-of-type(3) {transform: translate3d(0,0,0) rotate(0deg); width: 22px; } 
.navbar-toggle.uarr .icon-bar:nth-of-type(1) {transform: translate3d(1px,0,0) rotate(-45deg); transform-origin: center center; width: 11px; } 
.navbar-toggle.uarr .icon-bar:nth-of-type(2) {transform: rotate(-90deg); transform-origin: center center; } 
.navbar-toggle.uarr .icon-bar:nth-of-type(3) {transform: translate3d(0px,-14px,0) rotate(-135deg); transform-origin: right top; width: 11px; } 
/* END ANIMATED UP ARROW */ 

/* ANIMATED PLUS */ 
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(1) {transform: translate3d(0,0,0) rotate(0deg); } 
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(2) {transform: translate3d(0,0,0) rotate(0deg); } 
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(3) {transform: translate3d(0,0,0) rotate(0deg); } 
.navbar-toggle.plus .icon-bar:nth-of-type(1) {transform: translate3d(0px,6px,0) rotate(90deg); transform-origin: center center; } 
.navbar-toggle.plus .icon-bar:nth-of-type(3) {transform: translate3d(0px,-6px,0) rotate(-90deg); transform-origin: center center; } 
/* END ANIMATED PLUS */ 

/* ANIMATED MINUS */ 
.navbar-toggle.minus.collapsed .icon-bar:nth-of-type(1) {transform: translate3d(0,0,0) rotate(0deg); } 
.navbar-toggle.minus.collapsed .icon-bar:nth-of-type(2) {transform: translate3d(0,0,0) rotate(0deg); } 
.navbar-toggle.minus.collapsed .icon-bar:nth-of-type(3) {transform: translate3d(0,0,0) rotate(0deg); } 
.navbar-toggle.minus .icon-bar:nth-of-type(1) {transform: translate3d(0,6px,0); } 
.navbar-toggle.minus .icon-bar:nth-of-type(3) {transform: translate3d(0,-6px,0); } 
/* END ANIMATED MINUS */ 

/* FORCE NAVBAR-TOGGLE */ 
.pen .navbar-header {float: none; } .pen .navbar-toggle {display: block; } 
.pen .navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } 
.pen .navbar-collapse.collapse {display: none !important; } 
.pen .navbar-nav {float: none !important; margin: 7.5px -15px; } 
.pen .navbar-nav > li {float: none; } 
.pen .navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px; } 
.pen .navbar-collapse.collapse.in {display: block !important; } 
.pen .navbar-brand {font-size:14px; } 
/* respnsive togle menu css end here */ 

/* Harshad Css starts here */ 
.update_profile{width:100%;float:left;} 
.update_profile form{width:100%;float:left;padding:20px;background-color:#eee;} 
.update_profile form .form-group label {width: 100%;} 
.update_profile form .form-group input {border-radius: 0;height:30px} 
.update_profile form .form-group select {border-radius: 0;height:30px} 
.update_profile form .form-group input:focus ,.update_profile form .form-group select:focus {border:1px solid #333333;box-shadow: none;} 
.update_profile form .form-group input {width: 100%; float: right;} 
.update_profile form .form-group select {width: 100%; float: right;} 
.update_profile form .form-group button.edit_btn {position: absolute; right: 0; top: 0; background: #eee; border: none; padding: 6px; z-index: 9; width: 32px;
height: 32px; text-align: center; border-radius: 100%; font-size: 14px; box-shadow: 0 1px 0px 0px #ccc; } 
button.edit_btn {display: none; } 
.Profile-input-file{height:180px;width:180px;left:33%; position: absolute; top: 0px; z-index: 99; opacity: 0 !important;cursor: pointer; } 
.propic {position: relative; float: none; width: auto; margin: 0 auto; display: table; } 
.form-style-base {position: absolute; top: 0px; z-index: 99;padding:4px; height: auto; opacity: 0;cursor: pointer; } 
.edit-pic {position: absolute; top: 5px; right: 8px; width: auto;height: auto; line-height: normal; } 
.fake-styled-btn {overflow: hidden; padding: 4px; color: #000; margin-top: 0; margin: 0px; } 
.update_profile form .form-group label span {color: #ff0000; } 
.map_sec {background: url(../img/map.jpg); height: auto; width: 100%; float: left; background-size: cover; position: relative; margin:25px 0; padding: 30px 0 } 
.map_sec:before {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); } 
.contact_form .form-group label {color: #FFF; font-weight: normal; } 
.contact_form .form-group input, .contact_form .form-group textarea {background: none; border: 1px solid #FFF; border-radius: 0; color: #FFF; } 
.contact_form .form-group textarea {width: 100% !important; height: 100px !important; min-height: 100px !important; overflow: auto; } 
.update_sve_btn.form-group {text-align: center; width: 100%; margin-bottom: 0; } 
.contact_form p {color: #FFF; font-weight: normal; padding-bottom: 5px; } 
.contact_form .form-group label span{color:#ff0000} .block{width: 100%;float: left;padding: 15px 5px 15px 20px;} 
.block span{color:#FFF;float: left; width: calc( 100% - 50px);} 
.block span.icon-left {float: left; width: 20px; height: auto; margin-right: 15px; } 
.contact_form {padding: 15px 40px 15px 5px; } 
.about_content{float: left;    padding: 0px 15px; text-align: justify; } 
.mainwrap{float: left; width: 100%; padding: 60px 0;} 
.mainwrap .about_pic img{border: 1px solid #666; padding: 4px; width: 100%; } 
/*  Harshad Css ends here */ 

/*Check Compliance page css here*/ 
.compliancecheck{float: left; width: 100%;} 
.compliancecheck h3{margin: 30px 0px; text-align: center; float: left; width: 100%; color: #283951; font-size: 22px; line-height: 30px;} 
.dynmicsect.padd_none{float: left; width: 100%; padding: 0px; margin: 15px 0px;} 
.padd_none{padding: 0px;} 
.alig_right{float: right;} 
.file {visibility: hidden; position: absolute; } 
.btn-bs-file input[type="file"] {position: absolute; top: -9999999; filter: alpha(opacity=0); opacity: 0; width: 0; height: 0; outline: none; cursor: inherit; } 
.padd_none.alig_right .btn-bs-file {background: none; color: #000; border: 1px solid #ccc; border-radius: 2px; display: block; } 
.padd_none.alig_right .btn-bs-file:hover {color: #fff; } 
.padd_none.alig_right .form-group {margin: 0; } 
.dashmain-sect {float: left; margin: 15px 0 40px 0; width: 100%; background: #fff; display: block; padding: 15px 10px;box-shadow: 0px 0px 2px 13px #eee; } 
.dashmain-sect label {font-size: 15px; font-weight: normal; line-height: normal; margin: 10px 0 0 0px; padding: 0; } 
.dashmain-sect .checkgroup label {line-height:34px;} 
.dashmain-sect .input-group-addon {border: 1px solid #333; box-shadow: none; background-color: #fff; } 
.dashmain-sect .form-control {border: 1px solid #333; height: 46px; box-shadow: none; background: #fff; font-size: 16px; } 
.dashmain-sect .form-control.input-lg {border-left: 0; padding: 10px 7px; } 
.form-control.input-lg::placeholder {font-size: 14px; } 
.dashmain-sect .alig_right {padding-right: 0; } 
.addmore{text-align: center;} 
.dashmain-sect .addmore .fa {float: none; width: auto; padding: 6px 8px; margin: 0px auto; font-size: 33px !important; color: #0871DB; } 
.dashmain-sect .addmore .fa.add-more:hover {color: #fff; } 
.dashmain-sect .addmore .fa.remove-btn:hover {color: #ff0000; } 
#myCarousel{float: left; width: 100%; position: relative;} 
#myCarousel .item{float: left; width: 100%; } 
#myCarousel .item.active{float: left; width: 100%; } 
#myCarousel .item.left{float: left; width: 100%; } 
#myCarousel .item.right{float: left; width: 100%; } 
#myCarousel .item.active.left{float: left; width: 100%; } 
#myCarousel .item.active.right{float: left; width: 100%; } 
#myCarousel .carousel-control {background: none; box-shadow: none; top: 40%; bottom: auto; left: 5%; width: auto; opacity: 1; background-image: none; text-shadow: none; } 
#myCarousel .carousel-control.right {left: auto; right: 5%; } #myCarousel .carousel-control .fa{font-size: 42px; color: #000;} 
.checkgroup .compa{width: 14%;} .checkgroup .cutfild-list-item label.btn span {font-size: 1.5em ; } 
.checkgroup .cutfild-list-item label input[type="radio"] ~ i.fa.fa-circle-o{color: #444;    display: inline; } 
.checkgroup .cutfild-list-item label input[type="radio"] ~ i.fa.fa-dot-circle-o{display: none; } 
.checkgroup .cutfild-list-item label input[type="radio"]:checked ~ i.fa.fa-circle-o{display: none; } 
.checkgroup .cutfild-list-item label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{color: #0871DB;display: inline; } 
.checkgroup .cutfild-list-item label:hover input[type="radio"] ~ i.fa {color: #ff4800; } 
.checkgroup .cutfild-list-item label.active input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {color: #ff4800; display: inline; } 
.checkgroup .cutfild-list-item label input[type="checkbox"] ~ i.fa.fa-square-o{color: #0871DB;display: inline; } 
.checkgroup .cutfild-list-item label input[type="checkbox"] ~ i.fa.fa-check-square-o{display: none; } 
.checkgroup .cutfild-list-item label input[type="checkbox"]:checked ~ i.fa.fa-square-o{display: none; } 
.checkgroup .cutfild-list-item label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{color: #5cb85c;display: inline; } 
.checkgroup .cutfild-list-item label:hover input[type="checkbox"] ~ i.fa {color: #5cb85c; } 
.checkgroup .cutfild-list-item div[data-toggle="buttons"] label.active{color: #ff4800; } 
.checkgroup .cutfild-list-item div[data-toggle="buttons"] label {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; 
line-height: 2em; text-align: left; white-space: nowrap; vertical-align: top; cursor: pointer; background-color: none; 
border: 0px solid #0871DB; border-radius: 3px; color: #0871DB; -webkit-user-select: none; -moz-user-select: none; 
-ms-user-select: none; -o-user-select: none; user-select: none; } 
.checkgroup .cutfild-list-item div[data-toggle="buttons"] label:hover {color: #7AA3CC; } 
.checkgroup .cutfild-list-item div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {-webkit-box-shadow: none; box-shadow: none; } 
select::-ms-expand {display: none; } select {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } input::-ms-clear {display: none; } 
.dashmain-sect select{background:#fff url(../img/arrow-down.png) no-repeat !important; background-position: 97% 12px !important;} 
.update_profile .form-group select{ background:#fff url(../img/arrow-down.png)!important; background-repeat:no-repeat !important; background-position: 97% center !important; background-size: 10px !important;} 
.cutfild-list-item.padd_none .btn-group {float: left; width: 100%; } 
.cutfild-list-item.padd_none .btn-group label.btn {float: left; width: 25%; margin: 0; padding: 0; font-weight: normal; white-space: normal; 
border: none; line-height: normal; display: block; font-size: 16px; } 
.cutfild-list-item.padd_none .btn-group label.btn span {font-weight: normal; font-size: 16px; color: #000; margin: 7px 5px 0 10px; float: left; } 
.cutfild-list-item.padd_none .btn-group label.btn.active span {color: #ff4800;} 
.cutfild-list-item.padd_none .btn-group label.btn::after {background: none !important; } 
.cutfild-list-item.padd_none .btn-group label.btn .fa {font-size: 32px; margin: 0 0 0 2px; float: left; } 
.checkgroup {float: left; width: 100%; margin: 30px 0 30px 0; } 
.dashboard_section_here.comm-sect.checkgroup {margin: 0; } 
.mainwrap.checkgroup.cutfild-list-item {margin: 0; } 
.nextstep.update_sve_btn {float: left; width: 100%; text-align: center; margin: 15px 0; } 
.nextstep.update_sve_btn .btn{padding: 10px 40px; width: auto; font-size: 18px; height: auto; line-height: normal;} 
.mainwrap .bs-example .width-cust {width: 10%; text-align: center; } 
.mainwrap .bs-example td {border-color: #0871DB; padding: 6px 10px; font-size: 16px; vertical-align: middle; } 
.mainwrap .bs-example th {border:1px solid #0871DB; border-bottom: 0px !important; border-top:1px solid #0871DB !important; } 
.checkgroup.cutfild-list-item .btn {padding: 0px !important; margin: 0px !important; line-height: normal !important; } 
.mainwrap.checkgroup .btn::after {background: none !important; } 
.checkgroup.cutfild-list-item .table td .btn-group .fa{} 
.checkgroup.cutfild-list-item .table td .btn-group .fa {font-size: 30px; } 
.checkgroup.cutfild-list-item .nextstep.update_sve_btn .btn {padding: 10px 40px !important; } 
.Vatdata.addmore button.add-more {padding: 10px 8px; width: 100%; font-size: 16px; height: auto; line-height: normal; 
border-radius: 0px; background-color: #0f5ed4; color: #fff;transition: .6s; font-weight: normal; } 
.Vatdata.addmore button.add-more:hover {color: #fff; background-color: #00438A; transition: .6s; } 
.vatdatapopup .modal-dialog{margin: 7% auto; max-width: 60%; width: 35%; } 
.vatdatapopup .modal-dialog .modal-content {display:table; width: 100%; box-shadow: none; border: none; text-align: center; border-radius: 0px; } 
.vatdatapopup .modal-header {float: left; width: 100%; } 
.vatdatapopup .modal-body {float: left; width: 100%; } 
.vatdatapopup .modal-footer {float: left; width: 100%; } 
.vatdatapopup .modal-body label {font-weight: normal; text-align: left; font-size: 16px;padding-bottom: 5px;} 
.vatdatapopup .modal-body .form-control {box-shadow: none; border: 1px solid #ccc; border-radius: 0; height: auto; line-height: normal; padding: 11px 6px; outline: none; } 
.modal-header .close {margin-top: -2px; color: #283951; opacity: 1; font-size: 0; position: absolute; right: 0px; top: 1px; } 
.modal-header .close span {background: #283951; padding: 0px 6px; border-radius: 0; line-height: normal; font-size: 37px; color: #fff; text-shadow: none; box-shadow: none; } 
.vatdatapopup .modal-footer .btn.btn-primary{padding: 8px 30px; width: auto; font-size: 17px; height: auto; line-height: normal; border-radius: 0px; 
background-color: #0f5ed4;font-weight: normal; color: #fff;transition: .6s; } 
.vatdatapopup .modal-footer .btn.btn-primary:hover {color: #fff; background-color: #00438A; transition: .6s; } 
.vatdatapopup .modal-footer .btn.btn-default{padding: 8px 30px; width: auto; font-size: 17px; font-weight: normal; height: auto; 
line-height: normal; border-radius: 0px; background-color:#283951; color: #fff;transition: .6s; } 
.vatdatapopup .modal-footer .btn.btn-default:hover {color: #fff; background-color: #0f5ed4; transition: .6s; } 
/*Check Compliance page css here*/
#bs-example-navbar-collapse-1{float: right;} 
.main-menu-area {position: relative; float: right; } 
.main-menu-area ul {text-align: right; } 
.main-menu-area ul li {display: inline-block; position: relative; margin: 0 12px; padding: 20px 0px; } 
.main-menu-area ul li.current a {color: #ff4800 !important; } 
.main-menu-area ul li a:hover {color: #ff4800 !important; } 
.main-menu-area ul li a {cursor: pointer;display: block; text-transform: uppercase; text-decoration: none; color: #ffffff !important; -webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 0px; } 
.header_section_here.navbar-fixed-top .main-menu-area ul li a{color: #000 !important;} 
.header_section_here.navbar-fixed-top  .main-menu-area ul li.current a {color: #0f5ed4 !important; } 
.header_section_here.navbar-fixed-top .profile_name h4{color: #000 !important;} 
.header_section_here.navbar-fixed-top .caret_here i {color: #333 !important; } 
ul {list-style: outside none none; margin: 0; padding: 0; } footer {float: left; width: 100%; margin: 0px 0 0 0; } 
.footer-widget {    background: #2a3953; color: #fff; font-size: 14px; line-height: 1.75; padding-top: 50px; padding-bottom: 50px; } 
.footer-widget .wgs-title {font-size: 16px; color: #ff4800; font-weight: 600; text-transform: uppercase; margin: 0 0 12px; } 
.footer-widget .wgs-menu .menu li {padding-left: 12px; position: relative; } 
.footer-widget .wgs-content ul li {padding-bottom: 8px; } 
.footer-widget a {color: inherit; text-decoration: none; } 
.footer-widget a:hover{color:#ff4800 } 
.footer-widget .wgs-menu .menu li a:before {font-family: 'FontAwesome'; content: "\f105"; position: absolute; left: 0; margin-top: 2px; line-height: 16px; 
font-size: 16px; color: #fff; display: inline-block; transition: left .3s; } 
.footer-widget .wgs-menu .menu li:hover a:before {left: 3px; } 
.copyright {background: #1e2228; padding: 25px 0; color: #fff; font-size: 13px; line-height: 1.4; float: left; width: 100%; text-align: center; } 
.copyright .sep {color: inherit; padding: 0 5px; } .copyright a {color: inherit; text-decoration: none; } 
.footer-widget .wgs-content ul.social li:first-child {margin-left: 0; } 
.footer-widget .wgs-content ul.social li {display: inline-block; margin: 0 10px 0 10px; } 

/*Contact us page*/ 
.contatsect{float: left; width: 100%;background: #fff;} 
.banner-static {min-height: 320px; } .banner-static {position: relative; width: 100%; padding: 15px 0; min-height: 280px; } 
.banner-static .banner-cpn {padding-top: 67.5px; padding-bottom: 67.5px; position: absolute; width: 100%; left: 0; top: 50%; z-index: 5; transform: translateY(-50%); } 
.banner-static .banner-cpn .content {position: relative; } 
.banner-text {color: #fff; position: relative; width: 100%; padding-top: 0; padding-bottom: 0; z-index: 1; font-size: 16px;    float: left;    max-width: 550px; }
.banner-text .page-title {color: inherit; font-size: 2em; font-weight: 400; margin-bottom: 10px; } 
.banner-static .imagebg {position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; -ms-border-radius: 0; border-radius: 0; } 
.imagebg {position: absolute; height: 100%; right: 0; top: 0; left: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; z-index: 0; 
opacity: 0; transition: opacity .4s; } 
.bg-image-loaded {opacity: 1; } 
.has-bg.bg-secondary:after{background-color: #0871DB; } 
.bg-secondary{background: #0871DB; } 
.has-bg:after {position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: #000; opacity: 0.8; z-index: 1; } 
.contatsect .heading-section { display: inline-block;  width: 100%; font-size: 1.875em; line-height: 1.1; text-transform: uppercase; color: #373e45; font-weight: 600; margin-bottom: 20px;} 
.form-message {margin-top: 30px; } 
.form-message .form-control {height: 50px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #e1e1e1; background-color: #f4f8f8; box-shadow: none; } 
.form-message .form-control.txtarea {height: 150px !important; min-height: 150px !important; overflow: auto; width: 100% !important; } 
.form-message .btn {text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } 
.contact-list li {margin-bottom: 20px; padding-bottom: 0; } 
.contact-list li .fa {color: #283951; font-size: 24px; display: block; width: 30px; float: left; } 
.contact-list li span {margin-left: 40px; display: block; line-height: 1.4; } 
.contact-content {padding: 50px 0; } 
.form-message .update_sve_btn button{float: left;} 
.comm-sect{float: left; width: 100%;}
/*My report page css here*/ 
#myreport .group-sect{padding: 40px 0px 20px 0px;margin: 0px 0px 30px 0px;} 
#myreport .group-sect .btn {padding: 14px 30px !important; line-height: normal; border: none; box-shadow: none; font-size: 16px; background: #0f5ed4; border-radius: 0; 
width: 100%; float: left; } 
.reportmain.mainwrap .table th {padding: 20px 6px; } 
.reportmain.mainwrap .table td {padding: 20px 6px; font-size: 15px; } 
#myreport .score-sect{padding:0px 0px 0px 0px;margin: 0px 0px 20px 0px;} 
#myreport .score-sect .btn {padding: 18px 30px !important; line-height: normal; border: none; box-shadow: none; font-size: 20px; border-radius: 0; width: 100%; float: left; } 
.rightsect .comclass{float: left; width: 100%; margin: 0 0 30px 0px;} 
.rightsect .comclass .img-responsive {width: 350px; height: 250px; margin: 0 auto; } 
.reportmain.mainwrap {margin: 30px 0 30px 0; }
/**********************************31 jan 2018*********************************/
.main-menu-area ul li.active a{
	color: #ff4800 !important;
	background: transparent !important;
}
.loginbg{
    position: fixed;
    top: 0;
    background-size: cover;
    height: 100%;
}
.signuppage .login_page_here {
    margin: 3% auto 0 auto;
}
.errormsg {
    font-size: 12px;
    color:red;  
    z-index: 99;
}

.signuppage .form_log_div, .loginpage .form_log_div, .forgotpage .form_log_div{
    padding-bottom: 0;
}
.signuppage .form_here_login .form-group, .loginpage .form_here_login .form-group, .forgotpage .form_here_login .form-group{
    margin-bottom: 20px;
}
.site-copy p{
    margin-bottom:0;
}
.btn-primary {
    background-color: #0f5ed4;
    border-color: #0f5ed4;
    border-radius:0;
}
.btn-danger {
    border-radius:0;
}
.downloadbtn a{
    float: right;
    background-color: #005ed9;
    color: #fff;
    padding: 6px 12px;
    border-radius: 0;
	text-decoration: none;
}
.editbtn{
    position: absolute;
    right: 34px;
    bottom: 61px;
}
.btn-bs-file {
    position: relative;
    padding: 5px 10px;
}
.btn-bs-file input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width:0;
    height:0;
    outline: none;
    cursor: inherit;
}

/* harshad css 5-2-2018*/
.top_formu_sec { float: left; width: 100%; padding: 20px 20px; background-color: #ececec; margin-bottom: 20px; }
.upl_for_file i { font-size: 18px; color: #4e4747; margin-right:10px; }
.ad_save_btn { margin-top: 10px; }
.AD_for_wrapp { float: left; width: 100%;}
.AD_head_nme { float: left; width: 100%; border-bottom: 1px dashed #0f5ed4; padding-bottom: 2px; margin-bottom: 20px;  font-family: 'montserratsemi_bold'; font-weight: normal; text-transform: uppercase; font-size: 16px; color: #0f5ed4; }
.comm_ipt input { border-radius: 0; height: 32px;  box-shadow:none !important;}
.comm_ipt .form-control:focus {border: 1px solid #333333; box-shadow: none !important; }
.comm_ipt label { font-weight: normal; font-size: 14px; text-transform: none; color: #6f6a6a; font-family: 'montserratregular'; }
.comm_ipt select{ box-shadow:none; border-radius: 0; height: 32px; background: #fff url(../img/arrow-down.png); background-repeat:no-repeat; background-size: 12px auto; background-position: 97% center; }
.add_btn { float: right; width: 100%; text-align: right; }
.add_btn button { padding: 5px 16px !important; }
.project_detalis td button{font-size: 10px; border-radius: 3px;}
.about_pic { float: left; width: 300px; margin-right: 12px; margin-bottom: 3px;max-width: 100%;}
.comm_ipt span { font-size: 16px;color: #e10b0b;margin-left: 2px;}
.comm_ipt .form-group { margin-bottom: 20px; }
.edit_update .form-group label span {margin: 0 2px;}
.update_pwd .form-group label span {margin: 0 2px;}
.downloadbtn label {
    width: 100%;
    float: right;
    text-align: right;
}
.downloadbtn label i {
    font-size: 18px;
    margin-right: 8px;
}
.serc_wrapp {
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 100%;
    max-width: 585px;
}
.serc_wrapp select {
    border: 1px solid #0f5ed4;
    box-shadow: none;
    border-radius: 0px;
    width: 142px;
    padding: 6px 35px 6px 6px;
    float: right;
    font-size: 13px;
    background: #fff url(../img/arrow-down.png);
    background-repeat:no-repeat; 
    background-size: 10px auto; 
    background-position: 93% center;
    color:#999999;
}
.ipt_searc {
    float: right;
    width: 100%;
    margin-left: -1px;
    max-width: 340px;
    position: relative;
}
.ipt_searc input {
    border: 1px solid #0f5ed4;
    box-shadow: none;
    border-radius: 0 !important;
    font-size: 13px;
    padding-left: 30px;
}
.ipt_searc span {
    position: absolute;
    left: 10px;
    top: 7px;
    color: #999;
}
.US_search {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 0px 10px;
    border: 1px solid #777;
    margin: 5px 0;
}
.US_search span{position:absolute; left:8px; top:6px; }
.US_search input {
    width: 100%;
    border: none;    
    padding-left:22px;
    color: #000;
    z-index: 999;
    height: 32px;
	outline: none !important;
}
.US_search input:focus{
	box-shadow: none;
}
.US_comm_class{float:left; width:100%; padding: 30px 0;}
.US_back_btn {
    float: right;
    width: 100%;
    text-align: right;
    margin-bottom: 14px;
    overflow: hidden;
}
.US_back_btn  a {
    background-color: #005ed9;
    color: #fff;
    padding: 6px 20px;
    border-radius: 0;
    position: relative; 
    z-index: 99;
    display: inline-block;
    text-decoration:none;
}
.US_back_btn  a:hover::after {
    transform: translatex(0);
    transition: .6s;
}
.US_back_btn  a::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #283951;
    left: 0;
    top: 0;
    transform: translateX(100%);
    transition: .6s;
    z-index: -9;
}
.US_prof_wrapp {
    float: left;
    width: 100%;
    position: relative;
}
.profile_img_info_here {
    float: left;
    width: 100%;
    background-color: #ececec;
}
.cir_img {
display: inline-block;
width: 120px;
height: 120px;
border-radius: 50%;
background-color: #ccc;
overflow: hidden;
line-height: normal;
position: relative;
margin: 20px 0;
border: 4px solid #fff;
}
.heading_prodile_set li{
	font-family: montserratregular;
margin-bottom: 15px;
}
.art_img {
    height: auto;
    position: relative;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.US_prof_wrapp .profile_about_text {float: left; width: 100%; margin-top: 45px; margin-bottom: 40px;} 
.US_prof_wrapp .profile_info_content li span.left_text{float: left; font-size: 16px; width: 50%; font-family: montserratregular;text-align: left;} 
.US_prof_wrapp .profile_info_content li{display: inline-block; width: 100%; font-size: 14px; padding: 10px 0; border-bottom: 1px solid #ccc; } 
.US_btn{margin-top:30px; text-align: center;}
.comp_btn { margin-top: 15px; float: right; text-align: right; }

/* admin left menu fixed css*/
.Ad_main_wrapp {float: left; width: 100%;}
.admin_rt_sec {
    float: right;
    width: calc(100% - 210px);
    padding-right: 20px;
    padding-left:20px;   
    margin-top: 130px;   
}
.lt_sidebar{float: left; width: auto; position:relative;}
.FT_lt_box {
    position: fixed;
    left: 0;
    top: 108px;
    width: 210px;
    background:#2d3f5c;
    height: 100%;   
}
.FT_lt_box ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.FT_lt_box ul li {
    border-bottom: 1px solid #545050;
}
.modal-body{
    float: left;
    width: 100%;
    display: table;
}
.md-sidemenu-content{
    overflow: inherit !important;
}
.FT_lt_box ul li a {
    padding: 12px 8px 12px 32px;
    display: inline-block;
    width: 100%;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    position:relative;
}
.FT_lt_box ul li a:hover {
    background-color: #fe4800;
}
.FT_lt_box ul li a.act_sidebar {
    background-color: #fe4800;
}
.FT_lt_box ul li a img {
    width: 18px;
    left: 6px;
    position: absolute;
}
.cropArea {
    float: left;
    width: 100%;
    position: relative;
}
.cropArea canvas {
   /* width: 100% !important;
    height: 100%;*/
    margin-top: 0px !important;
    margin-left: 0px !important;
}
.sub_menu li {
    border-bottom: none;
}
.sub_menu li a{padding: 10px 5px 10px 32px !important; font-size: 11px !important; background-color: #394c6e !important;}



/*check compliance tabs css*/
.tab_sectin {
    float: left;
    width: 100%;
    
}
.tab_link_main{
    border-bottom: 1px solid #4280db;
}
.tab_link_main .active a {
    background-color: #4280db !important;
    border: 0px solid #4280db !important;
    color: #fff !important;  
}
.tab_link_main li a{
    border:0px;
    border-radius:0px;
    font-size: 16px;
    padding: 6px 16px;
    font-family: 'montserratsemi_bold';
    cursor:pointer;
}
.tab_link_main li a:hover{border: 0px solid #4280db !important; background-color: #4280db !important; color: #fff !important;  }
.dashmain-sect .tab-content {
    float: left;
    width: 100%;
    padding: 15px;
}
.first_tab_de .radio_label h5{margin: 0;}
.comp-sect {
    float: left;
    margin: 35px 0;
    width: 100%;
    background: #fff;
    display: block;
    padding: 15px 20px;
    box-shadow: 0px 0px 10px 6px #eee;
}
.month_tabs_inner {
    float: left;
    width: 100%;
    
}
.month_tabs_inner select {
    box-shadow: none;
    border-radius: 0;
    height: 32px;
    background: #fff url(../img/arrow-down.png);
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 96% center;
}
.sel_drop_comm {
    box-shadow: none;
    border-radius: 0;
    height: 32px;
    background: #fff url(../img/arrow-down.png);
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 96% center;
    min-width: 120px;
}
.year_box {
    float: left;
    width: auto;
    margin: 7px 5px 0 0;
    cursor:pointer;
}
.table_set button{font-size: 12px !important;}
.table_set tbody tr td{vertical-align: middle; border-bottom: 1px solid #ddd; border-top:none;}
.only_table {margin-top: 15px;}
.compliance_btn{float: left; width: 100%; text-align: center;}
.compliance_btn .btn{padding: 6px 22px; font-family: 'montserratsemi_bold';}

label.btn span {font-size: 1.5em ;}
label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #eb2020;    display: inline;
    font-size: 18px;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #eb2020;    display: inline; font-size: 18px;
}
label:hover input[type="radio"] ~ i.fa {
color: #4280db;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline; font-size: 18px;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #4280db;    display: inline; font-size: 18px;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #7AA3CC;
}
div[data-toggle="buttons"] label.active{
    color: #7AA3CC;
}
div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid 
#c8c8c8;
border-radius: 3px;
color: #c8c8c8;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
div[data-toggle="buttons"] label:hover {
color: #7AA3CC;
}
div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}

.btn_hover_none{display: -webkit-inline-flex !important; cursor: pointer;}
.btn_hover_none:hover::after{background:none !important;}
.btn_hover_none input[type="checkbox"], input[type="radio"]{display: contents;}
.input_cheak input[type="checkbox"], input[type="radio"]{display: none;}
.input_cheak:hover::after{background:none !important;}
.table_content {float: left; width: 100%;}
.input_cheak{margin:3px 0px 0!important;}
.first_tab_de { float: left; width: 100%; margin: 15px 0; }
.select_her { float: left; width: 200px;}
.select_here_menu { height: 36px !important; }
.q1_sec { border: 1px solid #333; height: 35px; width: 90px; display: block; padding: 5px 20px; font-size: 17px; border-radius: 6px; text-align: center; float: right; }
.reset_btn {text-align: right; margin-bottom: 5px;}
.comp_submit{text-align:center;}
.comp_submit button{padding:6px 22px; }
.pop_eroor { float: left; width: 100%; text-align: left; }


/*file upload css here*/
.file{visibility: inherit;}
.in_p_set {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}
.input_upload {
    padding: 6px 5px;
    font-size: 17px;
    background-color: #4280db;
    width: 75px;
    position: relative;
    cursor:pointer;
}
.input_upload_sec{
    padding: 6px 5px;
    font-size: 17px;
    background-color: #eb2020;
    width: 85px;
    position:relative;
    cursor:pointer;
}
.radio_label {
    font-size: 18px !important;
    color: #4280db;
    margin-left: 5px;
    display: inline-block;
    float: left;
}
.border_right {
    border-right: 1px solid #cccccc;
}
.tab_table_first_content {
    float: left;
    width: 100%;
}
.radio_btn{cursor:pointer;}
.radio_btn .radio_label{float: none;}
.radio-group {display: inline-block; margin-right: 10px; }
.radio-group .radio_btn i{font-size:18px;}
.prof_center_sec {float: left; width: 100%; }
.form-control{box-shadow:none !important;}
.US_btn button {margin-right: 15px; }
.US_back_btn i {margin-right: 5px;}

.dash_top {float: left; width: 100%; }
.dash_user_wrapp {float: left; width: 100%; text-align: center; margin-bottom: 15px;}
.dash_inner{background-color: #ececec; padding: 10px 20px;}
.dash_user_wrapp h4 {font-size: 14px; font-family: 'montserratsemi_bold';}
.das_user_cnt {width: 30px; height: 30px; text-align: center; display: inline-block; background-color: #969696; color: #fff; border-radius: 50%; line-height: 29px; font-weight: bold; }
.canvas_wrapp {float: left; width: 500px;max-width:90%;margin-bottom: 15px;}
.dash_map_wrapp {float: left; width: 100%; margin-bottom: 15px;}
.comm_slect label{ font-weight: normal; font-size: 14px; text-transform: none; color: #6f6a6a; font-family: 'montserratregular'; }
.comm_slect .dropdown-multiselect {width: 159px;}
.comm_slect .dropdown-multiselect .dropdown-toggle{ width: 100%; padding: 3px 8px; height: 30px; position: relative; font-size: 14px; text-align: left; color: #555; border: 1px solid #ccc !important; background-color: #fff; box-shadow:none !important; }
.comm_slect .dropdown-multiselect .dropdown-toggle:hover{background-color: none !important; border-color: none; color:#555;}
.comm_slect .dropdown-multiselect .dropdown-toggle .caret{float: right; margin-top: 8px;}
.comm_slect .dropdown-multiselect .dropdown-menu-form li a{cursor:pointer; padding: 3px 8px;}
.comm_slect .dropdown-multiselect .dropdown-menu-form .glyphicon { background-color: #dadada; padding: 4px 4px; font-size: 12px; }
.tp_sel {
    box-shadow: none;
    border-radius: 0;
    height: 32px;
    background: #fff url(../img/arrow-down.png);
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 97% center;
    padding: 4px 4px;
}
.FT_add_wrapp{position:relative;}
.FT_add_btn { position: absolute; right: 0; top:-4px; }
.FT_add_btn .btn.btn-primary { padding: 1px 5px;
font-size: 25px;
line-height: 20px;}
.contact-content .txtarea{resize:none;}

.gw-nav .md-sidemenu .md-button{height: auto; background-color: #2d3f5c; border-bottom: 1px solid #545050; color: #fff; text-transform: uppercase; font-size: 12px; padding: 0 6px;}
.gw-nav .md-sidemenu-toggle md-icon{ color: #fff;}
.gw-nav .md-sidemenu-toggle md-icon:first-child{margin-right: 8px;}
.gw-nav .md-sidemenu .md-button:hover {background-color: #fe4800;}
.gw-nav .md-sidemenu .md-button .flex{white-space: normal; line-height: 20px;}
.gw-nav .md-sidemenu-wrapper .md-button{background-color: #364b6d; padding-left:10px !important; min-height: 36px; white-space: normal; line-height: 20px; font-size: 11px;}
.gw-nav .md-sidemenu .leftmenuactive .md-button{background-color: #fe4800;}




/* dattatray added css here  31-05-2018 */

.name_com {
    font-size: 14px;
    text-transform: uppercase;
    color: #0E63B9;
    padding: 0 0 5px;
    text-align: center;
    width: auto;
    float: none;
    margin: 0 auto;
    display: table;
    border-bottom: 2px solid #0E63B9;
    font-weight:800; 
}
.btn_hed{
    padding: 18px 30px !important;
    line-height: normal;
    border: none;
    box-shadow: none;
    font-size: 20px;
    border-radius: 0;
    width: 100%;
    float: left;
    background: #449d44;
    color:#fff;
    text-align: center;
}

#line {margin: 30px auto;
border: 1px solid #378BE0;
padding: 10px;
width: 100%;}

/* date 4 june 2018 */
.vatdatapopup.double_col .modal-dialog {
    width: 80%;
    max-width: 90%;
    height: 85%;
    margin: 5% auto;
    overflow-y: auto;
}
.modal-open .modal.double_col {
    overflow-x: hidden;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.double_col .form-horizontal .form-group {
    float: left;
    width: 25%;
    padding: 0 10px 5px;
    margin: 10px 0;
}
.double_col .pop_eroor{
position: absolute;left: 0;bottom:-20px; 
}
.double_col .form-horizontal .form-group label.col-sm-4 {
    padding: 0 0 5px;
    width: 100%;
    float: left;
}
.double_col .form-horizontal .form-group .col-sm-8 {
    padding: 0;
    width: 100%;
}

/* date 13 june 2018 */

.project_detalis td button.btn-update, .project_detalis td button.btn-danger {font-size: 0;}
.project_detalis td button.btn-danger::before {content: "\f1f8"; font-size: 14px; font-family: fontawesome;}

.project_detalis td button.btn-update::before {content: "\f044"; font-size: 14px; font-family: fontawesome;}



/* dattatray added css here  26-06-2018 */
.form-group .cropArea{overflow:hidden;max-width:100%; }
#myreport .scroller {max-height: 500px; overflow: auto; border-top: 1px solid #0871DB; margin: -1px; margin-bottom: -1px; margin-bottom: 20px; border-bottom: 1px solid #0871DB;}
#myreport{padding-bottom:20px;}
#myreport .group-sect .col-md-3.padd_none{margin-bottom:20px;}
.update_profile form.update_pwd {width: 400px; float: none; margin: 0 auto; background: #eee; display: table; padding: 20px; max-width: 100%;}
form.edit_update .col-md-6.form-group{float:left;width: 50%;}
.update_profile form .form-group{float: left;}
.US_back_btn a{overflow:hidden;margin-right:10px;}
.compliancecheck .select_her select.form-control{margin-bottom:10px;}
select.form-control {box-shadow: none; border-radius: 0; height: 32px; background: #fff url(../img/arrow-down.png); background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto auto; background-repeat: no-repeat; background-size: 12px auto; background-position: 96% center; min-width: 120px; }
input.form-control {border-radius:0;}
.project_title .serc_wrapp select.form-control {height: 34px;}

/* dattatray added css here  27-06-2018 */
#formConfirmation{margin:0px;}
.spinner {position: fixed; background: rgba(255, 255, 255, 0.7); width: 100%; height: 100%; z-index: 1045; left: 0; top: 0;}
.spinner img {position: absolute; top: 50%; bottom: 50%; left: 50%; right: 50%; transform: translate(-50%,-50%);}


.manage_wrapp label {
    display: inline-block;
    width: 100%;
    font-weight: 400;
    margin: 0;
    font-size: 13px;
    color: #4a4a4a;
    padding-bottom: 5px;
}
.manage_wrapp .form-control {
    box-shadow: none!important;
    border-radius: 0!important;
    font-size: 12px;
    color: #999;
}
.com_btn {
    cursor: pointer;
    padding: 7px 16px;
    border: none;
    background: #37475a;
    border-radius: 0;
    color: #fff!important;
    font-size: 13px;
    display: inline-block;
    margin-right: 10px;
}
.xzxcz {
    display: inline-block;
    width: 100%;
	padding-top:15px;	
}

/*faq css start here*/
.section_details_se_new {
    float: left;
    width: 100%;
    padding: 25px 0;
}
.faq_panels_set {float: left; width: 100%; }
.faq_panels_set .panel{ float: left; width: 100%; }
.faq_panels_set .panel-group{ margin:0px; }
.faq_panels_set .panel .panel-heading{ background-color: #eaeaea; float: left; width: 100%; padding: 0px; border-color:#e4eff1; border-radius:0px !important; }
.faq_panels_set .panel .panel-heading .panel-title a{ padding: 15px 10px;color: #000;}
.faq_panels_set .panel-collapse{ float:left; width:100%; }
.faq_panels_set .panel-group .panel { border-radius: 0; box-shadow: none; border-color: #EEEEEE; }
.faq_panels_set .panel-default > .panel-heading { padding: 0; border-radius: 0; color: #212121; background-color: #FAFAFA; border-color: #EEEEEE; }
.faq_panels_set .panel-title { font-size: 14px; }
.faq_panels_set .panel-title > a { display: block; padding: 15px; text-decoration: none; }
.faq_panels_set .more-less {
    float: right;
    color: #fff;
    background-color: #3275da;
    padding: 9px 6px;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    font-size: 17px;
    line-height: 11px;
    margin-top: -9px;
    font-weight: normal;
}
.faq_panels_set .panel-title div .glyphicon-plus{
    padding: 9px 7px;
}
.faq_panels_set .panel-title div .glyphicon-minus{
    padding: 9px 6px;
}
.faq_panels_set .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #EEEEEE; }

.faq_panels_set .panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEEEEE;
}

.faq_panels_set .panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #FAFAFA;
	border-color: #EEEEEE;
}
.faq_panels_set .stron_list{
	color: #363636;
font-weight: bold;
}

.faq_panels_set .panel-title {
	font-size: 14px;
}

.faq_panels_set .panel-title > div {
	display: block;
	padding: 15px;
	text-decoration: none;
}

.faq_panels_set .more-less {
	float: right;

}
.faq_panels_set .faq-pne-list {
    float: left;
    width: 100%;
}
.faq-pne-list ul li{
	list-style: none;
	padding-bottom: 4px;
}

.faq_panels_set .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #EEEEEE;
}
.about_us {
    float: left;
    width: 100%;
    height: 250px;
    background-position: center;
    background-size: cover;
    position: relative;
    margin-bottom: 15px;
}
/*faq us css end here*/

/*privacy policy css start here*/
.privacy_policy_content_heading {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.our_strory_list_sec li {
    padding-bottom: 5px;
    float: left;
    width: 100%;
}
.privacy_policy_content_heading h4 {
    float: left;
	width: 100%;
	color: #3275da;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	margin-top: 0px;
	position: relative;
	margin-bottom: 10px;
	border-bottom: 1px dashed #3275da;
	padding-bottom: 10px;
}
.privacy_policy_content_heading p {
    float: left;
    width: 100%;
    font-size: 14px;
}
.privacy_policy_main_group {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.privacy_policy_content {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.privacy_policy_content h4 {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-top: 0px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 8px;
    color: #363636;
    font-weight: bold;
}
.privacy_policy_content p {
    font-size: 14px;
    margin-bottom: 0px;
}
.privacy_policy_content_sec {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 20px;
}
.privacy_policy_content_sec h4 {
    float: left;
    width: 100%;
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.privacy_policy_content_sec_new li {
    list-style: disc;
    padding-bottom: 2px;
}
/*privacy policy css end here*/

/*boosting plans css start here*/

.common_section_deta {
    float: left;
    width: 100%;
    padding: 30px 0;
    background-color: #e4eff1;
}
.common_section_content_div {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.avail_brainwave_cols {
    float: left;
    width: 100%;
	margin-bottom: 35px;
}
.boosting_plan_first {
    float: left;
    width: 100%;
    background-color: #2eb04e;
    border-radius: 4px;
    text-align: center;
    padding: 12px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 130px;
}
.avail_brainwave_cols_new {
    float: left;
    width: 100%;
}
.boosting_plan_sec {
    float: left;
    width: 100%;
    background-color: #b57954;
    border-radius: 4px;
    text-align: center;
    padding: 12px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 130px;
}
.boosting_plan_third {
    float: left;
    width: 100%;
    background-color: #96a9b7;
    border-radius: 4px;
    text-align: center;
    padding: 12px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 130px;
}
.boosting_plan_four {
    float: left;
    width: 100%;
    background-color: #efb52d;
    border-radius: 4px;
    text-align: center;
    padding: 12px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 130px;
}
.boosting_plan_five {
    float: left;
    width: 100%;
    background-color: #3c3c3c;
    border-radius: 4px;
    text-align: center;
    padding: 12px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 130px;
}
.boosting_plan_six {
    float: left;
    width: 100%;
    background-color: #59b5c0;
    border-radius: 4px;
    text-align: center;
    padding: 12px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 130px;
}
.boostin_pla_head {
    float: left;
    width: 100%;
    margin-bottom: 40px;
	min-height: 108px;
}
.boostin_pla_head h4{
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 17px;
	color: #fff;
	line-height: 24px;
}
.boostin_pla_head h4 i{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 34px;
	margin-bottom: 6px;
}
.boostin_pla_first_content {
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
	padding: 15px;
	margin-bottom: -120px;
	box-shadow: 0px 6px 15px 0px #6f6f6f;
}
.boosting_plan_first .boosting_price {
    float: none;
	width: 80px;
	height: 80px;
	background-color: #fff;
	border-radius: 100%;
	margin: 0 auto;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: -50px;
}
.boosting_plan_first  .boosting_price span{
	float: left;
	width: 100%;
	height: 100%;
	background-color: #13b13a;
	border-radius: 100%;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 21px 5px;
}
.boosting_plan_sec .boosting_price {
    float: none;
	width: 80px;
	height: 80px;
	background-color: #fff;
	border-radius: 100%;
	margin: 0 auto;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: -50px;
}
.boosting_plan_sec  .boosting_price span{
	float: left;
	width: 100%;
	height: 100%;
	background-color: #ab683b;
	border-radius: 100%;
	text-align: center;
	font-family: 'open_sanssemibold';
	font-size: 18px;
	color: #fff;
	padding: 21px 5px;
}
.boosting_plan_third .boosting_price {
    float: none;
	width: 80px;
	height: 80px;
	background-color: #fff;
	border-radius: 100%;
	margin: 0 auto;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: -50px;
}
.boosting_plan_third .boosting_price span{
	float: left;
	width: 100%;
	height: 100%;
	background-color: #9aadbb;
	border-radius: 100%;
	text-align: center;
	font-family: 'open_sanssemibold';
	font-size: 18px;
	color: #fff;
	padding: 21px 5px;
}
.boosting_plan_four .boosting_price {
    float: none;
	width: 80px;
	height: 80px;
	background-color: #fff;
	border-radius: 100%;
	margin: 0 auto;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: -50px;
}
.boosting_plan_four .boosting_price span{
	float: left;
	width: 100%;
	height: 100%;
	background-color: #eeac0f;
	border-radius: 100%;
	text-align: center;
	font-family: 'open_sanssemibold';
	font-size: 18px;
	color: #fff;
	padding: 21px 5px;
}
.boosting_plan_five .boosting_price {
    float: none;
	width: 80px;
	height: 80px;
	background-color: #fff;
	border-radius: 100%;
	margin: 0 auto;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: -50px;
}
.boosting_plan_five .boosting_price span{
	float: left;
	width: 100%;
	height: 100%;
	background-color: #3c3c3c;
	border-radius: 100%;
	text-align: center;
	font-family: 'open_sanssemibold';
	font-size: 18px;
	color: #fff;
	padding: 21px 5px;
}
.boosting_plan_six .boosting_price {
    float: none;
	width: 80px;
	height: 80px;
	background-color: #fff;
	border-radius: 100%;
	margin: 0 auto;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: -50px;
}
.boosting_plan_six .boosting_price span{
	float: left;
	width: 100%;
	height: 100%;
	background-color: #59b5c0;
	border-radius: 100%;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 21px 5px;
} 
.boosting_price span{
	float: left;
	width: 100%;
	height: 100%;
	background-color: #eeac0f;
	border-radius: 100%;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 21px 5px;
} 
.boosting_price {
    float: none;
	width: 80px;
	height: 80px;
	background-color: #fff;
	border-radius: 100%;
	margin: 0 auto;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: -50px;
}
.featurs_content_details {
    float: left;
    width: 100%;
}
.featurs_content_heading {
    float: left;
    width: 100%;
    font-size: 15px;
    margin-bottom: 30px;
}
.feturers_cont_hrs {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.feturers_cont_hrs h4{
	float: left;
	width: 100%;
	font-size: 15px;
	margin-top: 0px;
}
.feturers_cont_hrs h4:first-child{
	margin-bottom: 35px;
	position:relative;
}
.feturers_cont_hrs h4:first-child::after{
	content: "";
	right: 0px;
	height: 1px;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#6e6e6e), to(transparent));
	background-image: -webkit-linear-gradient(left, #6e6e6e, transparent);
	background-image: -moz-linear-gradient(left, #6e6e6e, transparent);
	background-image: -o-linear-gradient(left, #6e6e6e, transparent);
	position: absolute;
	right: 0;
	width: 50%;
	bottom: -16px;
}
.feturers_cont_hrs h4:first-child::before{
	content: "";
	right: 0px;
	height: 1px;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#6e6e6e), to(transparent));
	background-image: -webkit-linear-gradient(right, #6e6e6e, transparent);
	background-image: -moz-linear-gradient(right, #6e6e6e, transparent);
	background-image: -o-linear-gradient(right, #6e6e6e, transparent);
	position: absolute;
	left: 0;
	width: 50%;
	bottom: -16px;
}
.feturers_cont_hrs li{
	font-size: 14px;
	font-family: 'open_sanssemibold';
	padding-bottom: 10px;
	float: left;
	width: 100%;
	position:relative;
}
.feturers_cont_hrs li::after {
	content: "";
	right: 0px;
	height: 1px;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#6e6e6e), to(transparent));
	background-image: -webkit-linear-gradient(left, #6e6e6e, transparent);
	background-image: -moz-linear-gradient(left, #6e6e6e, transparent);
	background-image: -o-linear-gradient(left, #6e6e6e, transparent);
	position: absolute;
	right: 0;
	width: 50%;
	bottom: 6px;
}
.feturers_cont_hrs li::before {
    content: "";
    right: 0px;
    height: 1px;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#6e6e6e), to(transparent));
    background-image: -webkit-linear-gradient(right, #6e6e6e, transparent);
    background-image: -moz-linear-gradient(right, #6e6e6e, transparent);
    background-image: -o-linear-gradient(right, #6e6e6e, transparent);
    position: absolute;
    left: 0;
    width: 50%;
    bottom: 6px;
}
.brainwav_plns_btn {
    float: left;
    width: 100%;
    margin-top: 5px;
	margin-bottom: 25px;
}
.plans_btn {
    padding: 8px 20px;
    background-color: #1691e1;
    color: #fff;
    border-radius: 30px;
    font-size: 15px;
    border: 0px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.plans_btn::after{
    display: none;
}
.plans_btn:hover,.plans_btn:focus{
    border: 0px;
	background-color: #2470ce;
	color: #fff;
	outline: none;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.plans_btn_sec {    
    padding: 8px 20px;
    background-color: #1691e1;
    color: #fff;
	width: 140px;
    border-radius: 30px;
    font-size: 15px;
    border:0px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.plans_btn_sec::after{
    display: none;
}
.plans_btn_sec:hover,.plans_btn_sec:focus{
	background-color: #2470ce;
    border: 1px solid #2470ce;
    border:0px;
	color: #fff;
	outline: none;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.feturers_cont_hrs_sec {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.feturers_cont_hrs_sec h4{
	float: left;
	width: 100%;
	font-family: 'open_sanssemibold';
	font-size: 15px;
	margin-top: 0px;
}
.feturers_cont_hrs_sec h4:first-child{
	margin-bottom: 35px;
	position:relative;
}
.current_blog_icon {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}
.current_blog_icon img{
	margin:0 auto;
}
.feturers_cont_hrs_sec h4:first-child::after{
	content: "";
	right: 0px;
	height: 1px;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#6e6e6e), to(transparent));
	background-image: -webkit-linear-gradient(left, #6e6e6e, transparent);
	background-image: -moz-linear-gradient(left, #6e6e6e, transparent);
	background-image: -o-linear-gradient(left, #6e6e6e, transparent);
	position: absolute;
	right: 0;
	width: 50%;
	bottom: -16px;
}
.feturers_cont_hrs_sec h4:first-child::before{
	content: "";
	right: 0px;
	height: 1px;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#6e6e6e), to(transparent));
	background-image: -webkit-linear-gradient(right, #6e6e6e, transparent);
	background-image: -moz-linear-gradient(right, #6e6e6e, transparent);
	background-image: -o-linear-gradient(right, #6e6e6e, transparent);
	position: absolute;
	left: 0;
	width: 50%;
	bottom: -16px;
}

/*boosting plans css end here*/





.form-field .form-control{
		border-radius: 0px;
}
.form-m-bttm .form-control:focus{
	border-color: #333;
}
.form-field .form-control:focus{
	border-color: #333;

}
.no-record_found {
    float: left;
    width: 100%;
    padding: 20px;
    text-align: center;
}
.no-record_found img{
	width: 80px;
	margin: 0 auto;
}
.no-record_found h4{
	font-size: 19px;
	font-family: 'montserratsemi_bold';
	color: #293952;
}
.modal-header{
	font-family: 'montserratsemi_bold';
}
.modal-header h4{
	margin: 0px;
}

.modal-body .add_btn{
	text-align: center;
}
.ng-pristine.ng-untouched.ng-isolate-scope.ta-root.ng-empty.ng-invalid.ng-invalid-required {
    float: left;
    width: 100%;
    border: 1px solid #222;
    margin-bottom: 10px;
}
.heading_prodile li {
	border-bottom: 1px dashed #0f5ed4 !important;
	padding: 10px 0 5px !important;
}
.heading_prodile li .left_text{
	font-size: 20px !important;
	color: #0f5ed4;
}

#google_translate_element {
    float: right;
	width: 110px;
	color: #fff;
	text-align: center;
	height: auto;
	overflow: hidden;
	position: relative;
}
#google_translate_element div{
    color:#293952;
	display: flex;
}
#google_translate_element span{
    display: none;
}
#google_translate_element select{
    color: #333;
	font-size: 11px;
	background: #fff url(../img/arrow-down.png);
	padding: 1px 13px 1px 1px;
	background-size: 7px;
	background-repeat: no-repeat;
	cursor: pointer;
	border: 0px !important;
	background-position: 93% center;
	margin-top: 1px;
	width: 110px;
}
.header_lang {
    float: left;
    width: 100%;
    background-color: #1e2228;
    position: fixed;
    z-index: 999;
	padding: 2px 10px;
	overflow: hidden;
	top: 0px;
}
.admin_lang {
    float: left;
    width: 100%;
    padding: 3px 10px;
    background-color: #1e2228;
	z-index: 9;
	position: relative;
}
.header_lang_none{
	display: none;
}
.header_margin_zero{
	margin-top: 0px;
}

/* aniket addes css start here */

.cmm-popups .modal-content{
	border-radius: 0px;
}
.cmm-popups .modal-header{
	background-color: #293952;
	color: #fff;
	padding: 10px 15px;
}
.cmm-popups .modal-header .modal-title{
	font-size: 17px;
}
.cmm-popups .modal-header .close{
	right: 15px;
	top: 12px;
}
.cmm-popups .modal-header .fa-times-circle{
	font-size: 25px;
	opacity: 1 !important;
	color: #fff;
}
.cmm-popups .modal-footer{
	padding: 8px !important;
}
#user_blling_sect_popups .modal-dialog{
	width: 900px;
}
#subscribe .modal-footer{
	padding: 12px !important;
	float: left;
	width: 100%;
	text-align: center;
}
.suscribe_btn {
    padding: 8px 18px;
    font-size: 15px;
    text-transform: uppercase;
}

.togl_custom_btn .switch-field {
	display: flex;
	overflow: hidden;
}

.togl_custom_btn .switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.togl_custom_btn .switch-field label {
	color: rgba(0, 0, 0, 0.6);
	font-size: 12px;
	line-height: 1;
	text-align: center;
	padding: 7px 7px;
	margin-right: -1px;
	border: 1px solid #468966;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
	font-family: montserratlight;
	font-weight: normal;
}

.togl_custom_btn .switch-field label:hover {
	cursor: pointer;
}

.togl_custom_btn .switch-field input:checked + label {
	background-color: #468966;
	box-shadow: none;
	color: #fff;
}

.togl_custom_btn .switch-field lab1el:first-of-type {
	border-radius:0px;
}

.togl_custom_btn1 {
    background-color: #468966;
    box-shadow: none;
    color: #fff !important;
}

.togl_custom_btn .switch-field label:last-of-type {
	border-radius:0px;
	border-right: 2px solid #468966;
}
.text-center{
	text-align: center !important;
}
#confirmation_popups .modal-dialog{
	width: 385px;
}
.model_content {
    float: left;
    width: 100%;
    display: contents;
}
.model_sussc_data {
    float: left;
    width: 100%;
    display: contents;
    text-align: center;
}
.model_sussc_data span img{
	margin: 0 auto;
}
.model_sussc_data h4{
	font-family: 'montserratsemi_bold';
	margin-top: 19px;
	font-size: 17px;
}
#confirmation_popups .model_content .close{
	color: #333 !important;
	opacity: 1 !important;
	font-size: 26px;
	position: absolute;
	right: 10px;
	top: 10px;
}
.subplan_data {
    float: left;
    width: 100%;
    margin-bottom: 6px;
	font-size: 13px;
}
.subplan_data label{
	float: left;
	width: 100%;
	margin-right: 14px;
	color: #444;
}
.subplan_data .sub_pla_deta_set{
	float: left;
	width: 100%;
}
.subplan_data .sub_descr_pla_deta_set{
	float: left;
	width: 100%;
	word-break: break-all;
}
#uview_subscr_pln_popups .modal-body{
	display: table;
}
#uview_subscr_pln_popups .modal-dialog {
    width: 500px;
}
.modal-dialog{
    display: -webkit-box;
}

}
#accoun_deta_popups .modal-body{
	display: table;
}
#accoun_deta_popups .modal-dialog {
	width: 500px;
}
#subscribe .modal-dialog {
    width: 55%;
}
.allpopcomm .modal-dialog .modal-content {
    float: left;
    padding: 15px;
    width: 100%;
}
.allpopcomm .modal-dialog .modal-header {
    float: left;
    width: 100%;
    padding: 8px 0px 8px 0;
}
.allpopcomm .modal-dialog .modal-title {
    text-align: center;
    color: #00a0ff;
    font-size: 22px;
    font-family: 'montserratmedium';
    margin: 10px 0px 10px 0px;
}
.allpopcomm .modal-dialog .modal-body {
    float: left;
    width: 100%;
    padding: 10px 0px 0 0;
}
#subscribe .subsctitle {
	float: left;
	width: 100%;
    text-align: center;
    background: #eb9586;
    padding: 12px;
    border-radius: 4px;
    color: #4a4a4a;
    font-size: 16px;
    font-family: 'montserratregular';
    margin: 0px 0px 20px 0px;
}
.subsctitle .fa{
	font-size: 20px;
	margin-right: 7px;
}
.setting_plan_details {
    float: left;
    width: 100%;
}
.setting_pln_blog {
    float: left;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
}
.seting_plan_heading {
    float: left;
    width: 100%;
    padding: 15px 0px;
    background-color: #303e56;
}
.seting_plan_heading h4 {
    float: left;
    width: 100%;
    color: #fff;
    margin: 0px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
	font-family: 'montserratregular';
}
.setting_plan_set {
    float: left;
    width: 100%;
    padding: 15px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.setting_blog {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
}
.setting_blog_radio_btn {
    float: left;
    width: 100%;
}
#subscribe .mainsect.btm {
    text-align: center;
    padding: 20px 0px 0 0px;
    float: left;
    width: 100%;
}
#subscribe .modal-dialog{
	display: flex;
}
#maintenance_subscribe .mainsect.btm {
    text-align: center;
    padding: 20px 0px 0 0px;
    float: left;
    width: 100%;
}
#maintenance_subscribe .modal-dialog{
	display: flex;
}

#maintenance_subscribe .modal-footer{
	padding: 12px !important;
	float: left;
	width: 100%;
	text-align: center;
}
.setting_blog_head {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background-color: #ccc;
    padding: 10px;
    border-radius: 3px;
}
.commbtn {
    padding: 8px 20px 8px 20px;
    background: #058ade;
    border: none;
    display: inline-block;
    font-family: 'montserratlight';
    margin: 0px 5px 8px 0px;
    font-size: 18px;
    color: #fff !important;
    font-weight: normal;
    text-transform: normal;
    line-height: 24px;
    border-radius: 2px;
    text-decoration: none !important;
}

.not_subscr_pln {
    float: left;
    width: 100%;
    text-align: center;
	border-bottom: 1px dashed #808080cc;
	margin-bottom: 15px;
}
.not_subscr_pln p{
	font-size: 15px;
}
.not_subscr_pln_sec {
    float: left;
    width: 100%;
    text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
}
.not_subscr_pln_sec p{
	font-size: 15px;
	margin-bottom: 0px;
}



.setting_blog_radio_btn [type="radio"]:checked,
.setting_blog_radio_btn [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.setting_blog_radio_btn [type="radio"]:checked + label,
.setting_blog_radio_btn [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.setting_blog_radio_btn [type="radio"]:checked + label:before,
.setting_blog_radio_btn [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 23px;
    border: 1px solid #0f5ed4;
    border-radius: 100%;
    background: #fff;
}
.setting_blog_radio_btn [type="radio"]:checked + label:after,
.setting_blog_radio_btn [type="radio"]:not(:checked) + label:after {
    content: '\f00c';
    width: 23px;
    height: 23px;
    background: #0f5ed4;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
	font-family: fontawesome;
    color: #fff;
    padding: 2px 5px;
}
.setting_blog_radio_btn [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.setting_blog_radio_btn [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#free_trail_popup .modal-dialog{display: flex;}
.free_trail_list {
    float: none;
    width: 100%;
    max-width: 370px;
    margin-bottom: 15px;
    display: table;
    margin: 0 auto;
}
#free_trail_popup .modal-footer{
	float: left;
    width: 100%;
	text-align: center;
}
.free_trail_list h4{
	font-family: 'montserratsemi_bold';
    text-align: center;
    font-size: 18px;
    margin-top: 0px;
    color: #333;
    margin-bottom: 13px;
}
.free_trail_list ul {
	float: left;
    width: 100%;
}
.free_trail_list ul li{
	float: left;
    width: 100%;
    font-size: 14px;
    position: relative;
	padding-bottom: 10px;
}
.free_trail_list ul li::after{
	content: '\f00c';
    font-family: fontawesome;
    float: left;
    background-color: #009a00;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    margin-right: 9px;
    line-height: 21px;
    font-size: 11px;
}
.md-sidemenu-content{ min-height: 38px !important;}
.md-sidemenu .md-button{
    min-height: 38px !important;}
.modal.fade.in {
    padding: 0px !important;
}
.md-sidemenu-content{min-height: 32px !important;}
.md-sidemenu .md-button{min-height: 32px !important;}
.gw-nav .md-sidemenu-toggle md-icon:first-child {
    margin-right: 6px;
    margin-top: 6px;
    font-size: 17px;
}

.md-sidemenu-wrapper{
}
.md-sidemenu-button{

}
.md-sidemenu-wrapper.layout-column.md-sidemenu-wrapper-icons{
    margin-top: 0px !important;
    float: left;
    width: 100%;
    display: contents;
    margin-top: -192px;
    display: none;
}
.md-sidemenu-wrapper.layout-column.md-sidemenu-wrapper-icons.md-active {
    display: block;
}