:root{--color-additionalarea:#f0fafa;}
h2 {font-size:22px; font-weight:500; margin:10px;}
div.menu-left div.list-group {font-size:15px; font-weight:500; color:333;}
label.submenu {font-size:13px; font-weight:300; color:#777;}
.mt-1{margin-top: 1em;}
.mt-2{margin-top: 2em;}
.mt-3{margin-top: 3em;}
.mt-4{margin-bottom: 4em;}
.mb-0{margin-bottom: 0em !important;}
.mb-1{margin-bottom: 1em;}
.mb-2{margin-bottom: 2em;}
.mb-3{margin-bottom: 3em;}
.mb-4{margin-bottom: 4em;}
.mb-10{margin-bottom:10px !important;}
.ml-1{margin-left: 1em;}
.ml-2{margin-left: 2em;}
.ml-3{margin-left: 3em;}
.ml-4{margin-left: 4em;}
.p28{padding-left:28px;}
.mr_1 { margin-right: 1em;} 

.full-width {width: 100%;}

.user-avatar-nav {background: url(../images/userimage.png) 50% 50% no-repeat; background-size: auto 100%;}
.user-avatar-nav {margin-top: -3px; margin-right: .4em; float: left; width: 30px; height: 30px; border-radius: 50%; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
ul.navbar-top-links.navbar-right li a{font-size:13px!important;}
.usermenu{display:none !important;}
.admintitle11{font-size: 20px; font-weight: 700;}
.admintitle12{font-size: 18px; font-weight: 500;}
.admintitle13{font-size: 15px; font-weight: 500;}
.bigusermenu{display:block !important;}
.agetitle1{font-size:7px;margin-left:-5px;}
.agetitle2{font-size:8px;margin-left:-5px;}
.agetitle3{font-size:9px;margin-left:-6px;}
.agetitle4{font-size:10px;margin-left:-6px;}
.agetitle5{font-size:11px;margin-left:-7px;}
.smalltitle{font-weight: 200; font-size: 15px;}
.inactivetitle1{border-radius: 4px; border: 2px solid #fe7a7a; padding: 5px; background: #ffebeb; color: #da4949; margin-bottom: 5px; font-size: 17px; font-weight: 500;}
.activetitle1{border-radius: 4px; border: 2px solid #4cc4ac; padding: 5px; background: #cffdf4; color: #258e3c; margin-bottom: 5px; font-size: 19px; font-weight: 500;}
body{color: #212121 !important; font-family: "Noto Sans Japanese" !important;}
body input:disabled {color: #212121 !important; font-family: "Noto Sans Japanese" !important; font-weight: 200; -webkit-text-fill-color: #212121; opacity: 1;}
.adminpagetitle{font-size: 30px;color: black;font-weight: 500;}
.adminnavbar > ul > li > a{font-size:15px !important; font-weight: 500 !important; margin: 0 5px !important;}
.waitingtitle1{background: #fffbdc; border: #cc9900 2px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: 400; font-size: 14px; color: #222; margin:0px;margin-bottom:20px;}
.waitingtitle2{padding:0px 10px;width:5%;float:left;text-align: center;margin: 0px;margin-top:70px;}
.waitingtitle3{color:#000; font-weight:800; font-size: 40px;}
.waitingtitle4{margin: 0px;width:95%;float:right;margin:5px 0px;border-left:2px #b3b233 solid;}
.waitingtitle5{font-size:23px; font-weight:700;}
.waitingtitle6{font-size: 20px; font-weight:500}
.hideShowPassword-toggle-hide {background-position: -44px center;}
.dropdown-menu{padding-bottom:10px;}
.top-navigation .navbar-nav li a{padding:17px 10px;}
.top-navigation .navbar-nav .open .dropdown-menu > li > a,.top-navigation .navbar-top-links .open .dropdown-menu > li > a{ padding:10px 10px 10px 10px;padding-top:1.3em; line-height:0;}
.top-navigation .navbar-top-links .open .dropdown-menu{background:#fff;}
.top-navigation .navbar-nav .open .dropdown-menu > li > a:after{position:absolute; right:15px; bottom:5px;}
.navbar-top-links li a{padding:17px 10px 16px;}
.plr5{padding-left:5px; padding-right:5px;}
.search_plan_wrap .form-control{font-size:12px; padding-left:3px; padding-right:3px;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color: #1ab394; text-decoration: none; background-color: #f3f3f4; outline: 0;}
.admintabtitle1{padding-left:0;color:#555;}
.admintabtitle4{background:#f3f3f4; display: inline-block; padding-left:30px; padding-right:20px; padding-top:10px; border:1px #aaa solid; background: #f3f3f4;}
.admintabtitle5{background:#fff;}
.admintabtitle3{color:#555 !important;}
.admintabtitle2{color:#000 !important;}
.admintabtitle2:focus{color:#555 !important;}
.admintabtitle2:hover{color:#555 !important;}
.admintabtitle3:focus{color:#000 !important;}
.admintabtitle3:hover{color:#000 !important;}
form .active {color: green;}
form.form-inline {display: inline-block;}
.switch {cursor: pointer;}
.switch .fa {vertical-align: -5px; margin-right: .25em;}
.switch .active {display: none;}
.switch input[type="radio"] {position: relative; z-index: -1;}
.switch.checked .active {display: inline-block;}
.switch.checked .inactive {display: none;}
.disabled {color: #dcdbdb; pointer-events: none; cursor: not-allowed;}
.disabled .switch span.active {color: #dcdbdb; pointer-events: none; cursor: not-allowed;}
.panel,.shadow-box{background: #fff; border-top: 4px #ddd solid; padding:10px 15px; border-radius: 0px!important; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important;}
h3{ font-weight:500; color:#000; position:relative; margin-left:50px;}
.btn-s1{background-color: #3bb3e0; display:inline-block; vertical-align:middle; padding:4px 4px 3px 4px; vertical-align:middle; position:absolute;left: -56px; top: -4px; font-weight:500; font-family: 'Open Sans', sans-serif; font-size: 12px; text-decoration: none; color: #fff; border: solid 1px #186f8f;
background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px; border-radius: 5px;}
.btn-primary {background-color: #5bc0de; border-color: #5bc0de; color: #fff;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {background-color: #5bc0de; border-color: #5bc0de; color: #fff;}
.top-navigation .adminnav .navbar-brand{ color:#333;}
/* home */
.block-a1-1{padding:0px;padding-top:5px;border-top:1px #aaa solid;}
.block-a1-2{padding:0px;padding-top:5px;border-top:1px #aaa solid;}
.block-a1-2 .sec1{display: inline-block;width:35%;text-align: right;}
.block-a1-2 .sec2{width:40%;display: inline-block;}
.block-a1-2 .sec3{display: inline-block;width:20%;text-align: left;}
.block-a1-3 .sec1{display: inline-block;width:35%;text-align: right}
.block-a1-3 .sec2{width:40%;display: inline-block;}
.block-a1-3 .sec3{display: inline-block;width:20%;text-align: left;}

/* Admin */
.downloaduser{Cursor: pointer; padding: 3px 10px; background: rgba(255, 165, 0, 0.46); border-radius: 2px; color: #333; font-weight: 400; font-size: 14px; border: 0;}
.unapprovaluserlist {Cursor: pointer; padding: 3px 10px; background: #ffc0b2; border-radius: 2px; color: #333; font-weight: 400; font-size: 14px; border: 0;}

/*switch checkbox*/
.switch {position: relative; display: inline-block; width: 60px; height: 28px;}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}

/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

/**booking today**/
#todayModal{color: #000000 !important; font-size:12px; font-family: 'Noto Sans Japanese', 'Roboto', sans-serif; font-weight:500;}
.tr_head {background-color: #cecece; font-family: "Noto Sans Japanese", 'Roboto', sans-serif;}
.table-pdf thead tr th {background-color: #bfbfbf; font-style: normal !important; text-align: center; color: #000000;}
.table-pdf tbody tr td{text-align: center; color:#000000 !important;}
.cell{padding: 0px 8px 0px 8px !important; vertical-align: middle !important;}
.today_deaprt_1 {background-color: #fff;}
.today_depart_2{background-color: #daeef3;}
.today_return_1 {background-color: #fff;}
.today_return_2{background-color: #fde9d9;}
.fa-btn {margin-right: 6px;}
.btn-empty{background:#ddd; color:#333;}
#info_content,#info-title{text-align:center;}
#info_content .seedetail:hover,#info_content .seedetail:visited{color:#fff;}

/** SMP top page, common styles **/
.smptop .visithour{font-weight: 600; color: #064756; position: relative;}
.visit-block{ width: 90%;}
.visit-block i{ vertical-align: middle; padding-right: 2px; font-size: 17px;}
.visit-block span{ display: inline-block; vertical-align: middle; font-size: 17px;}
.smptop .boxcolor {background:#e8f2f5; -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);}
.smptop .visithour .visitstatus {margin:0 4px 0 0; padding:2px 8px; color:#fff; border-radius:4px; font-weight: 600; font-size: 1.2rem; display: inline-block;}
.callicon{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.callicon a i{ font-size: 16px;}
.smptop .travelhour {color: #60adaa; padding-left: 30px; padding: 5px 25px 5px; font-weight: 400; font-size: 1.6rem;}
.smptop hr.boxdivider {margin: 10px 0 8px 0; border: 1px solid #d1e3e8;}
.smptop .callicon a {color:#02c700;}
.smptop ul.smptaskbox {list-style-type:none; padding: 0 15px; font-size:1.4rem; font-weight:400;}
.smptop ul.smptaskbox span.customername {font-size:20px; font-weight:500;}
.smptop ul.smptaskbox div.viewdetail {color:#fff; background:#292929; font-weight:400; padding:1px 6px; border-radius:4px; font-size: 10px; margin-left: 10px;}
.panel{border:none; padding:0px; background: #fafeff; margin-bottom: 0px;}
.panel-body span{font-size: 16px; min-height: 40px; text-align: center; padding:10px; background: #ffffff; border-radius: 3px !important;}
.panel-body select{font-size: 18px; border:none; align-items: center; padding:10px; background: #ffffff; border-radius: 3px !important;}
.panel-body label{font-size: 18px; text-align: left; padding: 10px; padding-left:0px;}
.panel-body input{font-size: 16px; text-align: center; padding:10px; background: #ffffff; border-radius: 3px !important; border:none;}
.project-detail textarea{font-size: 16px; padding:10px; background: #fefefe; border-radius: 3px !important; border:none; border: 1px solid #e1e5e8; color: #212121 !important; -webkit-text-fill-color: #212121 !important;}
.project-detail textarea:disabled{font-size: 18px; padding:10px; background: #fefefe; border-radius: 3px !important; border:none; border: 1px solid #e1e5e8; color: #212121 !important; -webkit-text-fill-color: #212121 !important;}
.project-detail textarea::-webkit-input-placeholder {color: #212121 !important; -webkit-text-fill-color: #212121 !important;}
.panel-body{background: #fafeff; padding: 20px 8px 10px 8px;}
.panel-heading{height: 40px; margin-bottom: 15px; border-radius: 0px; background: #42636b !important; color: #fff !important; margin-right: -15px; margin-left: -15px;}
.padding-remove{padding-left: 0px; padding-right:0px;}
.wrapper.wrapper-content.row {padding: 0px; margin: 0px;}
.col-xs-12 {margin-bottom: 10px;}
/** contract dtail page in smp **/
.panel{border:none; padding:0px; margin-bottom: 0px;}
.panel-body span{font-size: 16px; min-height: 40px; text-align: center; padding:10px; border-radius: 3px !important; border: 1px solid #e1e5e8;}
.panel-body select{font-size: 16px; font-weight: 300; border:none; align-items: center; padding:10px; border-radius: 3px !important; border: 1px solid #e1e5e8;}
.panel-body label{font-weight: 300; font-size: 15px; text-align: left; padding: 5px;}
.panel-body input{font-size: 16px; font-weight: 300; text-align: center; padding:10px; background: #fefefe; border-radius: 3px !important; border:none; border: 1px solid #e1e5e8;}
.padding-remove{padding-left: 0px; padding-right:0px;}
.wrapper.wrapper-content.row {padding: 0px; margin: 0px;}
.col-xs-12 {margin-bottom: 10px;}

/*--------Button CSS----By Vishal-----*/
.btn2 {border-radius: 4px; background-color: #9fc5ce; box-shadow: 0 4px 0 #42636b; color: #05181d !important; font-weight: 700 !important; padding: 5px 0px !important; font-size: 2rem; display: block; margin: 30px 0;}
.btn2:hover {margin-top: 4px; background-color: #9fc5ce; box-shadow: 0 4px 0 #42636b; color: #05181d;}
.btn2:active {margin-top: 8px; box-shadow: none;}
.txt_28{font-size: 28px !important;}
.txt_24{font-size: 24px !important;}
.txt_20{font-size: 20px !important;}
.txt_18{font-size: 17px !important;}
.txt_15{font-size: 15px !important;}
.txt_12{font-size: 13px !important;}
.font_noto{ font-family: "Noto Sans Japanese";}
.weight-1000{font-weight: 1000 !important;}
.weight-600{font-weight: 600 !important;}
.weight-500{font-weight: 500 !important;}
.no_padd{padding: 0px !important;}
.txt_color{color:#676B6E !important;}
/*--------END Button CSS---------*/

.contractdetail .menu, .cnsl .menu{ width: 100%; height: auto; background-color: rgba(0, 0, 0, 1); position: fixed;	top:0; left: 0px; text-align: center; background-color:rgba(255, 255, 255, 0.6); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;    -o-transition: all 0.4s ease; transition: all 0.4s ease; border-bottom:1px solid #cecece; z-index:500;}
.light-menu { width: 100%; height: 25px; background-color: rgba(255, 255, 255, 1); position: fixed;	z-index:500; background-color:rgba(255, 255, 255, 0.6); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
#menu-center { width: 100%; height: auto; margin: 0 auto;}
#menu-center ul {padding-left: 0; margin: 0 0 0 0;}
#menu-center ul li a.fixedmenu{ padding:2px 10px; font-weight:400;}
#menu-center ul li { list-style: none; margin: 0 0 0 -4px; display: inline;}
.contractdetail .active, .cnsl .active, #menu-center ul li a.fixedmenu:hover  {font-size: 14px; font-weight:400; color: #fff; text-decoration: none; line-height: 5px; background-color: rgba(67, 146, 165, 0.74);	padding: 2px 10px;}
.contractdetail a.fixedmenu, .cnsl a.fixedmenu {font-size: 12px; color: black; text-decoration: none; line-height: 25px;}
.cnsl .marginadjustment1 {margin-left:-20px}
.contractdetail .back{font-size:2rem;padding:0 30px;}
.contractdetail .compact{font-size:1.6rem;padding:0 30px; font-weight: 500;}
.contractdetail .compact a {color:#ccc;}
.contractdetail .maintitle{}
.contractdetail .maintitle h1 {position: relative; padding: 0.4em; background: #cfe7ec; border-radius: 4px; text-align: center; font-weight: 500; margin-left: 20px; margin-right: 20px; font-size:2.5rem;}
.contractdetail .maintitle h1:after {position: absolute; content: ''; top: 100%; left: 30px; border: 15px solid transparent; border-top: 15px solid #cfe7ec; width: 0; height: 0;}
.maintitle h1 button{}
.contractdetail .maintitle h1.color { background: #8af789; color: #0a480a;}
.contractdetail .maintitle h1.color:after {  border-top: 15px solid #8af789;}
.contractdetail .basic ul {list-style:none; margin: 15px 0px 15px -30px}
.contractdetail .basic ul li{border-bottom:3px solid #d9ebef; padding:8px 0 5px; font-size:1.8rem; font-weight:500; color: #305761;}
.contractdetail .basic ul li span.sm1{background: inherit; padding: inherit; border:none;}
.contractdetail .basic ul li span.sm2{font-size:1.5rem; background: inherit; padding: inherit; border:none;}
.contractdetail .basic ul li span.sm3{font-size:1.3rem; background: inherit; padding: 5px 20px 2px; font-style: italic; min-height:20px !important; color: #a2a2a2; font-weight: 300; border:none;}
.contractdetail .basic ul li i{color:#90b9c3;}
.contractdetail .basic ul li span.callbutton{background: #4392a5; color: white; font-size: 13px; border-radius: 4px; padding: 2px 5px; margin-left: 8px; border: none;}
.contractdetail .basic ul li span.callbutton i{color: white;}
.contractdetail .basic h2 {color: #1b515f; padding-bottom: 5px; border-bottom: dashed 2px #1b515f;}
.contractdetail .basic ul li span.team {color:white; background:#1b515f; padding:2px 8px; margin:5px 10px 5px 0; font-size: 1.2rem; border: none;}
.contractdetail .basic ul li.customermemo {color: #a54721; font-size: 1.5rem;}
.contractdetail .cnt-detail {}
.contractdetail .cnt-detail h2 {font-size:2rem;font-weight:500;color:#fff;text-align:center;margin:0px !important;padding:0px !important;}
.cnt-detail p {font-size: 1.6rem; font-weight: 400; margin-bottom: 4px; letter-spacing: 1.2px; color: #30525a;}

/** LANDLINE CONSULTING SHEET **/
.landlineconsultingsheet {}
.landlineconsultingsheet h4 {margin-top: 20px;}
.landlineconsultingsheet p {margin: 20px 20px 13px; font-size: 18px; font-weight: 200; text-align: center;}
.bg_calendar{position: relative;}
.bg_calendar::after{content: "\f133"; font-family: 'FontAwesome'; position: absolute; right: 13px; top: 1em; pointer-events: none;}
.bg_clock{width:100%!important; position: relative; max-width:400px}
.bg_clock:after{content:"\f017";font-family: 'FontAwesome'; position:absolute; right:13px; top:1em; pointer-events: none;}
.bg_clock input{width:100%!important; padding-right:1.6em!important; float:none!important;}
.bg_number{position: relative;}
.bg_number::after{content: "件"; position: absolute; right: 13px; top: .7em; font-size:1.3em; pointer-events: none;}
.input-percent{position: relative;}
.input-month{position: relative;}
.input-month::after{content: "月"; position: absolute; right: 13px; top: 1em; pointer-events: none;}
.input-point{position: relative;}
.input-point::after{content: "P"; position: absolute; right: 13px; top: .7em; font-size:1.3em; pointer-events: none;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type="number"] {-moz-appearance: textfield;}
.landlineconsultingsheet input::placeholder {color: #bd7b7b; font-size: 1em; font-style: italic;}
.btn-wrapper{margin-top: 10px;}
.btn-wrapper button{width: 150px; height: 35px;}
#field-style{padding: 10px; border-radius: 3px !important; margin-bottom: 15px; color: #0a0a0a; font-size: 15px; font-weight: 300; border: 1px solid #e8e8e8;}
.input-style{height: 45px;}
#main-title{}
#title-heading{}
.margin-top{margin-top: 0;}
.mobile-col1{display: inline-block; width: 33%; padding-left: 1%;}
.mobile-col2{display: inline-block; width: 33%; padding: 0;}
.mobile-col3{display: inline-block; width: 32%; padding: 0;}
.w-100{width:100%;}
.pr-0{padding-right: 0px;}
.pl-0{padding-left: 0px;}
.consultbuttonbutton1 {background: #eff9ff; border: none; border-top: 2px solid #8ec8ea; color: #1e6a98; font-size: 1.5rem; font-weight: 300;}
.consultbuttonbutton2 {background: #f2fff4; border: none; border-top: 2px solid #829485; color: #38503c; font-size: 1.5rem; font-weight: 300;}
/* toggle notes */
.collapsed_memo{display:none;}
#toggleMemo{padding:.5em; text-align:center;}
#memo_text{min-height:unset; font-size: 14px; text-align: center; padding: 0px; background: transparent; border-radius: 0 !important; border: 0; display:inline}
.notes-section{background: #fff; padding-bottom: 0;}
.notes-section label{font-size: 1.5rem; padding: 0px; margin: 0;}
.notes-section-row{margin-bottom: 12px;}
input.input_fillin, select.input_fillin {background: #f2fff5!important; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(218,250,224,1)!important; -moz-box-shadow: inset 0px 0px 5px 0px rgba(218,250,224,1)!important; box-shadow: inset 0px 0px 5px 0px rgba(218,250,224,1)!important;}
.contractdetail h2.border_dashed{color: #1b515f; padding-bottom: 5px!important; border-bottom: dashed 2px #1b515f; text-align:left;}
.additional_box{background:var(--color-additionalarea); padding:0px 20px;}
input::placeholder,textarea::placeholder{color: #deb1b2;font-style: italic;}
.op_box{background:#fcfcfc; padding:.7em}
.panel-heading h2.clickable{margin:0;font-size: 2rem; font-weight: 500; color: #fff; text-align: center; margin: 0px !important; padding: 0px !important;}
.border_dashed{color: #1b515f; padding-bottom: 5px!important; border-bottom: dashed 2px #1b515f; text-align: left; margin-left:0; margin-right:0;}
.panel-body span.memostaff {border-radius: 50px !important; padding: 4px 6px; margin: 0 6px 0 6px; color: #8e8a2c; background: #f5f4e6; font-size: 1rem;white-space:initial; display: inherit; float: right; min-height:auto}
.panel-body span.bg_calendar,.panel-body span.bg_clock{padding:0; background:unset; display: inline-block; border: navajowhite;}
.bg_calendar.top-7:after, .bg_clock.top-7:after{top:.7em;}
.memo_box{padding:10px; background:#fff}

/*==Checkbox CSS Start==*/
.custom-checkbox{ display: inline-block; width: 100%;}
.custom-checkbox input{display: none;}
.custom-checkbox label{ position: relative; padding: 0 0 0 22px;}
.custom-checkbox label:before{content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 10px; position: absolute; left: 0; bottom: auto; background-color: #fff; border: 1px solid #ccc; border-radius: 2px; top: 4px;}
.custom-checkbox input:checked + label:before{content: "\2713"; font-size: 11px; color: #fff; text-align: center; line-height: 13px; background-color: #3081ea; border-color: #3081ea;}
.custom-radiobox{display: inline-block; width: 100%;}
.custom-radiobox input{display: none;}
.custom-radiobox label{position: relative; padding: 0 0 0 22px;}
.custom-radiobox label:before{content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 10px; position: absolute; left: 0; bottom: auto; background-color: #fff; border: 1px solid #ccc; border-radius: 2px; top: 4px; border-radius: 8px;}
.custom-radiobox input:checked + label:before{content: "\2022"; font-size: 19px; color: #fff; text-align: center; line-height: 8px; background-color: #3081ea; border-color: #3081ea;}
select:disabled{cursor:not-allowed!important; -webkit-appearance: none;}

/*==Responsive CSS Start==*/
@media only screen and (min-device-width : 250px) and (max-device-width : 390px){
    .txt_28{font-size: 24px !important;}
    .txt_24{font-size: 22px !important;}
    .txt_20{font-size: 16px !important;}
    .txt_18{font-size: 13px !important;}
    .txt_15{font-size: 12px !important;}
    .txt_12{font-size: 11px !important;}
}
@media only screen and (min-device-width : 389px) and (max-device-width : 568px) {
    .txt_28{font-size: 28px !important;}
    .txt_24{font-size: 24px !important;}
    .txt_20{font-size: 20px !important;}
    .txt_18{font-size: 17px !important;}
    .txt_15{font-size: 15px !important;}
    .txt_12{font-size: 13px !important;}
}
@media (max-width: 1200px) {
    .p28{padding-left:1px;}
    .user-avatar-nav {width: 20px; height: 20px; margin-top:1px;}
    .adminnavbar > ul > li > a{font-size:14px !important;}
    .top-navigation .navbar-nav li a{padding:17px 3px;}
    .navbar-top-links li a{padding:17px 5px 16px;}
}
@media (max-width: 820px) {
    .usermenu {display: block !important;}
    .bigusermenu{display:none !important;}
}
@media screen and (max-width:767px) {
    .maintitle h1 button{padding: 4px 10px;}
    .contractdetail .basic ul li{ font-size: 16px;}
}
@media (max-width:480px){
    .btn-wrapper{position: fixed; bottom: 0; width: 100%;}
    .btn-wrapper button{width: 100%; padding: 0; height: 30px;}
    .btn-wrapper .temp-btn{padding-right: 0;}
    .btn-wrapper .save-btn{padding-left: 0;}
}
.error{
    color:red !important;
  }
.last-panel {
    margin-bottom: 50px;
}
.disapproval-section{margin: 0px 2%;background: #e4ffeb;padding: 0.5em;}
.disapproval-section .dnote_item{margin-bottom:0.3em;color: #00429c;border-bottom: 1px solid #dcdcdc;}
.disapproval-section .dnote_item .note{font-weight: 400;}
.disapproval-section .dnote_item .second-line{text-align:right;}
.disapproval-section .dnote_item .second-line .date{font-weight: 400;margin-right:1em;}
.disapproval-section .dnote_item .second-line .date{font-weight: 400;}

.edit-note-btn { color: red !important; border: 1px solid red !important; padding: 1px 5px !important; cursor: pointer;font-size: 12px !important;}
.save-note-btn{ color: #fff !important; background-color: #418BC1 !important; border-color: #418BC1; padding: 3px 10px !important; cursor: pointer;font-size: 12px !important;}



@media only screen and (max-width: 450px) {
    .fields-mobile {width: 100%;}
    .label-mobile {width: 100%;}

    .mt-xs-10 {margin-top: 10px;}
    .ml-xs-0{margin-left: 0;}
    .ml-xs-1{margin-left: 1em;}
    .ml-xs-2{margin-left: 2em;}
    .ml-xs-3{margin-left: 3em;}
    .ml-xs-4{margin-left: 4em;}
}