:root{
  --color-logo:#07447a!important;/* == logo bg color */
  --color-add:#01BC8C!important;/* == btn-success */
  --color-update:#418BCA!important;/* == btn-primary */
  --color-back:#ec971f!important;/* == btn-warning */
  --color-active:#67C5DF!important;/* == btn-info */
  --color-gray:#e5e5e5!important; /* bg color common */
  --color-progress:#9cdeb5!important;
}

/* robert's styles placed in this file */
.shadow-sm {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; margin-bottom: 10px !important; border: none !important; border-radius: 3px !important; padding: 10px !important; margin:15px !important; background: white !important;}
.shadow {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; margin-bottom: 10px !important; border: none !important; border-radius: 3px !important; padding: 10px !important; margin:15px !important; background: white !important;}
.shadow-lg {box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; margin-bottom: 10px !important; border: none !important; border-radius: 3px !important; padding: 10px !important; margin:15px !important; background: white !important;}
.btn {border-radius: 4px !important; color: #fff; padding: 3px 4px; font-size: 15px; font-weight: 300; letter-spacing: 2px;}
.btn-secondary {color: #fff; background-color: #6c757d; border-color: #6c757d;}
.btn-secondary:hover {color: #fff; background-color: #5a6268; border-color: #545b62;}
.shadow-sm .panel,.panel,.panel.shadow-sm {border: none !important; box-shadow: none !important;}

.mb-0 {margin-bottom: 0!important;}
.mb-1 {margin-bottom: 1rem!important;}
.mb-2 {margin-bottom: 2rem;}
.mb-3 {margin-bottom: 3rem;}
.mb-4 {margin-bottom: 4rem;}
.mb-5 {margin-bottom: 5rem;}
.mr-1 {margin-right: 1rem;}
.mr-2 {margin-right: 2rem;}
.mr-3 {margin-right: 3rem;}
.mr-4 {margin-right: 4rem;}
.mr-5 {margin-right: 5rem;}
.mt-0 {margin-top: 0!important;}
.mt-1 {margin-top: 1rem;}
.mt-2 {margin-top: 2rem;}
.mt-3 {margin-top: 3rem;}
.mt-4 {margin-top: 4rem;}
.mt-5 {margin-top: 5rem;}
.p-0 {padding: 0!important;}
.p-1 {padding: 1rem!important;}
.p-2 {padding: 2rem;}
.p-3 {padding: 3rem;}
.p-4 {padding: 4rem;}
.p-5 {padding: 5rem;}
.gs .fs15 {font-size:1.5rem;}
.gs .fs20 {font-size:2rem;}
.gs .fs25 {font-size:2.5rem;}
.gs .fs30 {font-size:3rem;}

/**Buttons**/
.save_btn{ text-align:center;background-color: var(--color-update) !important;  font-weight: 400!important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; color:white !important; }
.cancel_btn{ text-align:center; background-color: var(--color-back) !important;  font-weight: 400!important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;  margin-right: 10px; }

/** General Styles **/
.gs {font-weight:300;color:#2b2b2b;}
.gs #search_name{}
.gs p.expl {font-size:1.5rem;color:#7b93a5;}
.gs input#search_name{background: #f1f1f4; text-align: left; font-weight: 500; border-radius: 50px; border: none; width: 75%; margin: 0 auto;}
.gs #searchNameBtn{border-color:#565656; background: var(--color-logo);border-radius:50px !important;outline:none !important; color: #fff; margin-left: 5px;}
.gs #searchBNameBtn{border-color:#565656; background: var(--color-logo);border-radius:50px !important;outline:none !important; color: #fff; margin-left: 5px;}
.gs input#search_b_name{background: #e5e5e5; text-align: left; font-weight: 500; border-radius: 50px; border: none; width: 75%; margin: 0 auto;}
.gs .search_b_name{background: #e5e5e5; text-align: left; font-weight: 500; border-radius: 50px; border: none; width: 75%; margin: 0 auto;}
.gs .title { padding-left: 15px; padding-right: 15px;}
.gs .panel-heading {border-bottom: 2px solid #eaedef !important; height: inherit; margin: 0 0 20px; padding: 0px 15px 10px;}
.gs .panel-heading h3 {font-size: 2.3rem;font-weight: 500; margin: 0px;}
.gs .panel-heading h3 span, .gs .panel-heading h3 p {padding: 2px 6px; font-size: 13px; color: white;border-radius: 2px;text-align: center;background: #9b9b9b; display: inline-block;font-weight: 500; margin: 3px 12px 5px 0px;}
.gs .panel-heading h3 i	{font-size: 35px;margin-top:-6px;}
.gs .panel-body input:not(.updatebtn):not(.save_btn):not([type="checkbox"]),.gs .panel-body select {
background:#fffff1; padding: 12px 15px; font-size: 16px; display: block; width: 100%; line-height: 1.42857143; color: #555; border: 1px solid #ececf3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.045); box-shadow: inset 0 1px 1px rgba(0,0,0,.045); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; text-align:center; margin-bottom:0.5rem;}
select,input,button{margin-bottom:2rem;}
span.select2-container{margin-bottom:2rem}
select,input:not([type="checkbox"]){height: 3em !important;}
select{-webkit-appearance: menulist-button;}
.gs .panel-body input.search:focus {outline:none;}
.gs .panel-body #div_default button:active {outline:none;}
.gs .panel-body input.search::placeholder {color:#ccc;font-style:inherit;text-align:left;}
.gs .panel-body input::placeholder {color: #deb1b2;font-style: italic;text-align:center;}
.gs .panel-body .regsrh {margin:40px 0 30px 45px; }
.gs .panel-body p.text-style{ padding: 5px; background: #777777; color: #ffffff; text-align: center; border-radius: 3px !important; }
.gs .panel-body .devbtnset span {font-weight:500;font-size:16px;color:#0d7b5f;cursor: pointer;padding: 4px 15px;}
.gs .panel-body .devbtnset span i {font-size:24px;color:#24ab88;cursor: pointer;}
.gs .panel-body .devbtnset span.dlt {color:#902929;}
.gs .panel-body .devbtnset span i.dlt {font-size:24px;color:#902929;cursor: pointer;}
.gs .panel-body #addaccountbtn, #addcustomerbtn, #assignCustomer,#assigned_btn{ margin:25px; color: #fff; background-color:var(--color-logo); font-size:2.4rem; font-weight:400; border-radius:4px !important; -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15); box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15); }
.gs .panel-body #addBNameBtn{border-color: var(--color-add); background: var(--color-add); border-radius: 50px !important; outline: none !important; color: #fff; margin-left: 5px; }
.gs .panel-body #addcontractbtn,.addcontractbtn{ margin:25px; color: #fff; background-color:var(--color-logo)!important; font-size:2.4rem!important; font-weight:400; border-radius:4px !important; -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15); box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15); }
.gs .panel-body textarea::placeholder{color:#deb1b2;font-style: italic; font-size:1.2em}
.updatebtn{background-color:#418BCA}
.updatebtn_transparent{background: rgba(42,111,221,.65); }
.gs .addordeletebtn {text-align:center;cursor: pointer; font-size:1.5rem; display: flex;}
.gs .addordeletebtn i {font-size:18px;padding:0px 2px;}
.navbar_fixed_top .navbtn span {padding: 2px 6px; line-height:1; font-size: 13px; color: white;border-radius: 2px;text-align: center;background: #9b9b9b; display: inline-block;font-weight: 500; margin: 3px 2px 5px 0px; white-space: nowrap; }
.btnstyle1 button {color: #111; padding: 2px 10px !important; font-size: 12px !important; margin: 0 !important;}
.btnstyle1 button:hover, .btnstyle1 button:focus{outline: none;}
.btnstyle1 input + button{border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.btnstyle1 input + button + button{border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important;}
.gs .btnstyle1 button.btnactive {color: #fff; background-color: var(--color-active); color:#fff!important; border-color: #418BC1;font-weight:800;}
.gs #employee_id {background-color:rgb(215,243,255);}
.gs .vd {border-right: 3px solid #f9f9f9; margin: 10px 5px;}
.margin-0 {margin: 0 !important;}
.navbar_fixed_top span.project-id{background:#e5e5e5!important; color:#333;}


.blue-btn {padding: 1px 4px !important; font-size: 10px !important; line-height: normal !important; height: auto !important;}

/**Not sure if we need below Moto**/
.gs .panel-heading h3.panel-title a.b1	{padding:3px;margin-top: -5px;margin-right: 20px; background: #00429c;min-width: 100px;color: white;}
.gs .panel-heading h3.panel-title a.b1 i {font-size: 20px;vertical-align: sub;}
.gs input.is01 {padding: 10px !important; border-radius: 5px;font-size: 1.6rem;}
.gs select.is01 {padding: 10px !important; border-radius: 5px;font-size: 1.6rem;}
.gs .panel-body .row {padding: 5px 0px !important;}
.gs input.adjustment1{margin-left: 15px;}
.gs .panel-body .row input.width100 {width:100%;}
.gs .panel-body .deviceinfo {margin-top:20px;border-radius: 40px; background: #c4d2de;}
.gs .panel-body .deviceinfo .dibody {/*background:#c9d3dc !important;*/}
.gs .panel-body .deviceinfo .title {font-size: 30px;background: #324454;color: #fff;text-align: center;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.gs .panel-body .deviceinfo .cat1 {background: #fff; padding: 10px 25px; border-radius: 40px;margin:20px 0;-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);}
.gs .panel-body .deviceinfo .cat2 {background: #f3f7fb; padding: 10px 25px; border-radius: 40px;margin:20px 0;-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);}
/**Not sure if we need until here Moto**/

/** PIC task page**/
.taskbox {}
.taskbox .tb {}
.taskbox .tb h3 span.lbl{font-size: 1.65rem; border-radius: 3px !important; padding: 4px 8px; margin-left: -22px;}
.taskbox .tb h3 span.kana{font-size:1.3rem;background:initial;color:#888;margin: 3px 8px 5px 0px; }
.taskbox .tb .passtime{color:#c76666;font-size:1.4rem; margin-top: -13px; text-align: right;}
.taskbox .tb .dothistask {margin: 3px 0px 0 18px;; background: #b00; color: #fff; font-weight: 500; letter-spacing: 1.2px;}
.taskbox ul.brief1 {list-style:none;margin-left: -20px;margin-top:-10px;}
.taskbox ul.brief1 li {margin:5px 0; font-size:1.5rem;}
.taskbox div.brief2 {padding: 6px 20px; margin: 10px 15px 0 10px; width: 80%; background: #e5ffeb; color: #17881b; font-size: 1.4rem;}
.taskbox div.brief2 p {padding:0;margin:1px;}
.taskbox .apomemo {padding:10px 0 10px 0;background-color:rgb(255,254,226);}
.taskbox .apomemo p.title {font-size: 1.5rem; padding: 0 10px 5px 10px; font-weight: 500; margin: 0 15px 5px 10px; border-bottom: 2px solid #f7f6db;}
.taskbox .apomemo span.apm {font-size:1.2rem;background:#f3e3a9;padding:3px 7px; margin:3px 7px; border-radius: 3px;color: #a78507;display: inline-block;}
.taskbox .apomemo div.scrl {min-height:130px;max-height:180px; overflow-y: scroll;margin:0 15px;}
.taskbox div.searchttl {font-size:1.5rem;padding:0 0 10px; margin-top:-10px;}
.taskbox .search-form input {border-radius:50px !important;outline:none;}
.taskbox .search-form input::placeholder {color: #a5a5a5;font-style: italic;text-align:left;}

/**Contract Detail (cd) Page**/
.cd .topsumbox{border:solid !important; border-width:thick;border-color: #5e5e5e;background: #f0fff6 !important;font-size:1.5rem;background-repeat: no-repeat;background-size: 50px 50px;}
.cd .topsumbox h2 .circle {text-align:center;border-radius: 50px !important; width: 50px;height: 50px; padding:5px; font-size: 15px;  background-size: cover;border:3px solid #dff5e8; margin-top: -8px;}
.cd .topsumbox .staff {}
.cd .topsumbox h2 span#contract_id1, .cd .topsumbox h2 span#contract_id2,.cd .topsumbox h2 span#project_id1, .cd .topsumbox h2 span#project_id2 {padding: 3px 8px; background: #e2f1e2; font-size: 2.3rem; border-radius: 4px;}
.cd .topsumbox h2 {margin: 4px 0 15px 0; padding-bottom: 15px; border-bottom: 2px solid #cccecd;}
.cd .topsumbox h3 {margin:0;}
.cd .topsumbox h2 .update {font-size:1.8rem;padding-top:8px;}
.cd .topsumbox h2 span#contract_status,.cd .topsumbox h2 span#project_status  {font-size: 1.8rem; padding: 3px 8px; color: #fff; background: #118420; border-radius: 3px;    margin-left: 15px;}
.gs h3 span#notecount {border-radius: 50px !important; padding: 7px 12px; margin: 0 10px 0 10px;color: #a8aeb3; background: #f4f5f7; font-size: 1.4rem;}
.gs table .memostaff {cursor: default;font-size: 12px !important;border-radius: 50px !important; padding: 6px; margin: 0 10px 0 10px; color: #8e8a2c; background: #f5f4e6; font-size: 1.4rem;white-space:initial; display: inherit; float: right;}
.gs table#notetable tr:hover{background:#fffef6;}
.cd .fv div.view {text-align: center; align-items: center; padding: 15px; background: #e5e5e5; border-radius: 3px !important;margin: -5px 0 15px 0; cursor:not-allowed}
.cd .fv .callschedule {
/*
    background:#c8d6e4;
    padding:8px 4px 12px;
    margin:10px 0;
*/
}
.gs #dynamic_field {}
.gs .dynamic_field_box{background: #fcfcfc; border:solid 1px #ddd; padding:0 0 15px 0}
.gs #dynamic_field .inner-section-wrapper {padding:0 15px !important;}
.gs #dynamic_field .innerstyle1 {background: #fff; border: solid 1px #eee; padding: 15px;margin:5px 0px; border-radius:10px}
.gs #dynamic_field .innerstyle1 h4{margin-top:0; margin-bottom:0; font-size:1.1em; font-weight:bold;}
.gs #dynamic_field .innerstyle2 {background: #fff; border: solid 1px #eee; padding: 15px;margin:5px 0px; border-radius:10px;}
.gs span.p-display1 {padding: 12px 11px; text-align: center; margin:10px; font-size: 2rem; color: #333; background: #cecece; border-radius: 50px; font-weight: 500;}
.gs span.p-display2 {padding: 12px 11px; text-align: center; margin:10px; font-size: 2rem; color: #333; background: #f1eded; border-radius: 50px; font-weight: 500;}
.gs span.p-display3 {padding: 12px 11px; text-align: center; margin:10px; font-size: 2rem; color: #333; background: #b2e4ff; border-radius: 50px; font-weight: 500;}
.gs span.p-display4 {padding: 12px 11px; text-align: center; margin:10px; font-size: 2rem; color: #333; background: #e1f3fd; border-radius: 50px; font-weight: 500;}
.gs .calbox {border-bottom: 3px solid #eaeaea; padding: 0 0 35px 0; margin-bottom: 20px;}
.gs .notebox {padding:10px 0 10px 0;background-color:rgb(255,254,226);}
.gs .notebox p.title {font-size: 1.5rem; padding: 0 10px 5px 10px; font-weight: 500; margin: 0 15px 5px 10px; border-bottom: 2px solid #f7f6db;}
.gs .notebox span.date {font-size:1.4rem;padding:3px 7px; margin:3px 7px; border-radius: 3px;color: #ada483;display: inline-block;}
.gs .notebox span.apm {font-size:1.2rem;background:#f3e3a9;padding:3px 7px; margin:3px 7px; border-radius: 3px;color: #a78507;display: inline-block;}
.gs .notebox div.scrl {min-height:130px;max-height:180px; overflow-y: scroll;margin:0 15px;}
.gs .notebox textarea {padding:20px;background-color:rgb(255,254,226);border:none;}
.gs .panel-body button.topbarbtn01 {background: #2d8474;  font-size: 1.4rem; letter-spacing: 1.4px; font-weight: 500;color:#fff!important;}

/**Dark Green Button**/
.gs .pt .uchiwake{background: #ecf4ff; border: 1px solid #07447a; padding: 2px 7px; color: #07447a; border-radius: 5px !important;}
.gs .panel-body input:not(.updatebtn):not(.save_btn):not([type="checkbox"]), .gs .panel-body button:not(.updatebtn):not(.save_btn) { padding: 12px 15px; font-size: 16px; display: block; line-height: 1.42857143; color: #555; border: 1px solid #ececf3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.045); box-shadow: inset 0 1px 1px rgba(0,0,0,.045); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; text-align:center; margin-bottom:0.5rem;}
.gs .panel-body span.readonly{cursor:not-allowed; padding: 15px; background: #e5e5e5; border-radius: 3px !important;}
.gs .panel-body input:disabled, .gs .panel-body select:disabled, .gs .panel-body input:read-only{ box-shadow:unset; border-radius:0!important; background:#e5e5e5!important; color:#999; cursor:not-allowed}
.gs .panel-body input[type="checkbox"]{box-shadow: unset; cursor:pointer;}
.gs .panel-body .input-group-addon{border: 1px solid #ececf3;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;box-shadow: inset 0 1px 1px rgba(0,0,0,.045);}

/**Support Page**/
.gs .title span.sptstatus {margin: 5px; border: solid 2px #b4eadd; border-radius: 50px; padding: 4px 10px; background: #cffff3; color: #216f5b; font-weight: 500;}
.gs .title span.sptlbl {padding:0; margin-right:25px;}
.gs .panel-heading .copy-to-in-address,.gs .copy-to-in-address,.gs .panel-body button.copy-to-in-address {cursor: pointer;border-radius: 3px !important;background: #45841f!important; text-align: center; font-size: 14px;color: white!important; padding: .3em 1em; margin-left: 15px; line-height: 1; vertical-align:middle}
.device_div .copy-to-in-address{font-size:11px!important; margin-left: 3px!important}
.p-0{padding: 0px !important;}
.w-90{width: 90% !important; float:left;}
.txtArea{border:none; background-color:rgb(255,254,226);}
.reproposal_span{margin-right:0px; padding-top: 0px; padding-right: 10px !important; text-align:right;}
.reproposal_calender{padding-top:15px; padding-right:0px; font-size: 20px;}
.addcustomerbtn{color: #fff !important; font-size: 2.4rem!important;}
.m-0{margin: 0px !important;}
.mt-25{margin-top:25px !important;}
.pt-0{padding-top:0px !important;}
.pt-20{padding-top:20px!important;}
.pl-0{padding-left:0px !important;}
.pr-0{padding-right:0px !important;}
.title_box{display: inline-block !important;font-size: 25px !important;font-weight: 500;}
.subtitle_box{display: inline-block !important; font-size: 15px !important;}
.caller_note{font-weight: 500 !important; font-size: 18px !important;}
.note_text{text-align:left;font-size:15px;font-weight:400;background-color:rgb(255, 255, 231);display: inline-block;width:100%;}
.NavFixedTopBar{position:fixed; z-index:9999; top: 0px; display:none; background: white; border-radius: 0px !important; margin-left: -20px; margin-right: -60px; box-shadow: 0 4px 12px -2px grey !important;}
.NavFixedTopBar .bb-0{border-bottom: 0px !important;}
.navList{display: inline-flex;}
.back-trans{background: transparent;}
.mtp-5{margin-top: 5px !important;}
.navbtn, .navbtn>label{cursor: pointer;}
.padding-remove{padding:0!important}
.navbar_fixed_top .padding-remove{padding:0!important}
.navbar_fixed_top label,.navbar_fixed_top span{font-size:13px;}
.navbar_fixed_top label{margin-bottom: 3px;}
.cname_color{color: #922936;font-weight:bold;}
.cid_font_ttl{display: inline-block;}
.navbtn{padding-right:8px;}
.navbtn_wrap{ display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; justify-content:space-between;}
.navbtn_wrap.flex_start{justify-content:flex-start;}
.navbtn_wrap.flex_start .navbtn{margin-right:5px;}
.navbar_fixed_top .contract-id,.navbar_fixed_top .proje-id{color:#333; background: #f0f4f7!important; width: auto; min-width: inherit !important; min-height: inherit !important; padding: 2px 6px!important; display: inline-block; font-size: 13px;}
.gs .panel-body .label-btn{padding: 2px !important; display: inline !important; font-size: 10px; line-height: 1;}
.customerButton{color: rgb(17, 66, 27) ; background: #e5e5e5; box-shadow: rgb(218, 250, 224) 0px 0px 5px 0px inset; padding: 12px 15px; font-size: 16px; display: block; line-height: 1.42857143; color: #555; border: 1px solid #ececf3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; text-align: center; cursor:not-allowed;}
.product_img{width:100%; border-radius: 50% !important; border:none;}
.circle_extended{border: none; text-align:center; background: white !important; border-radius: 50px !important; width: 90px; height: 90px; padding:1px; font-size: 15px; float: right;}
.fb{cursor:pointer; padding:0px !important; color:#00429c;}
.cellphone-progress{position: absolute; border: #33a568; border-style: solid; display:inline-block;}
.tooltip_progress{background: #9cdeb5; padding: 0px;}
.label_txt{text-align: center; font-size: 15px}
.cellphone-progress .label_txt{text-align: center; font-size: 14px}
.cellphone-tip{padding: 5px; text-align: center; z-index: 1000;}
.lbl_cinfo{text-align: center; font-size: 18px;}
.p-10{padding: 10px;}
.p-1rem{padding: 1rem;}
.pb-10{padding-bottom: 10px;}
.arrow{background: #9cdeb5; color: #33a568;}
.d1{background:  #9cdeb5; font-size:10px;}
.progress2{background: #ffffff;color: #33a568;}
.bg-f{background: #ffffff !important;}
.w-9{width:9% !important;}
.w-11{width:11% !important;}
.w-13{width:13% !important;}
.btn-change-pw{font-size: 16px !important; border: 1px solid #ececf3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; text-align:center;}
.navbar_fixed_top .navbtn_wrap{padding-top:1px !important;}
#summerybox .urgent_level {border-radius: 3px !important; background: #e4004f; text-align: center; font-size: 18px; color: white; padding-left: 17px !important; padding-right: 17px !important; padding-top: 5px !important; padding-bottom: 5px !important; margin: 0px 10px 0 0;}
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}
.col-xs-15 {width: 20%; float: left;}
#individual-name-wrapper{display: none;}
.panel-body #section2 .toggle-name-type, #section1 .panel-body .toggle-name-type{padding: 7px 10px; font-size: 13px; font-weight: 300; border-radius: 3px; background: var(--color-logo); color: white;}
.bg_transparent{background:transparent!important}
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;}
.bg_calendar{width:100%!important; position: relative;}
.bg_calendar::after{content:"\f133";font-family: "Font Awesome 5 Free"; position:absolute; right:13px; top:1em; pointer-events: none;}
.bg_calendar input{width:100%!important; padding-right:1.6em!important; float:none!important;}
.bg_calendar_landline{width:100%!important; position: relative;}
.bg_calendar_landline::after{content:"\f133";font-family: "Font Awesome 5 Free"; position:absolute; right:13px; top:1em; pointer-events: none;}
.bg_calendar_landline input{width:100%; padding-right:1.6em!important; float:none!important;}
.bg_clock{width:100%!important; position: relative;}
.bg_clock:after{content:"\f017";font-family: "Font Awesome 5 Free"; position:absolute; right:13px; top:1em;
  pointer-events: none;}
.bg_clock input{width:100%!important; padding-right:1.6em!important; float:none!important;}
.bg_phone{width:100%!important; position: relative;}
.bg_phone:after{content:"\f095";font-family: "Font Awesome 5 Free"; position:absolute; right:13px; top:1em; font-size:1.2em; pointer-events: none;}
.bg_phone input{width:100%!important; padding-right:1.6em!important; float:none!important;}
.bg_mr{width:100%!important; position: relative;}
.bg_mr::after{content:"様"; position:absolute; right:13px; top:1em; pointer-events: none;}
.bg_mr input{width:100%!important; padding-right:1.6em!important; float:none!important;}

/* product common */
#sidebar.panel.panel-default,#landline.panel.panel-default{padding-top:20px}
#customtable_paginate{text-align: center}
.bg_search{ position: relative;}
.bg_search:after{content:"\f002 "; font-family: "Font Awesome 5 Free"; position:absolute; right:9px; top:20%; pointer-events: none;}
.bg_search input{width:100%!important; padding-right:1.6em!important}
#tablesearchinput{padding:5px; margin:0px;}
.btn_active{background:var(--color-active); color:#fff!important; font-weight:bold!important}
span.gray_label{padding:.5em 3em; background:var(--color-gray); border-radius: 3px}
.custom-loader {background: #fff url(../img/loader.gif) no-repeat scroll center center; cursor: wait;display: none;height: 100%;opacity: 0.4;position: absolute;width: 100%;z-index: 1001;background-color: #000;left: 0;top: 0;}
.clickable.fa-angle-down.pull-right{text-align: right;}
.gs-forproduct .panel-body input,.gs-forproduct .panel-body select{padding: 12px 15px; font-size: 16px; line-height: 1.42857143; border: 1px solid #ececf3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.045); box-shadow: inset 0 1px 1px rgba(0,0,0,.045); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; text-align: center; margin-bottom:2rem;}
.gs-forproduct .panel-body input::placeholder {color: #deb1b2;font-style: italic;text-align:center;}
.panel-body label{text-align: left; padding-top: 15px; padding-right: 10px; padding-bottom: 10px; padding-left: 5px; font-size:14px;}
.store_btn{background:var(--color-add)!important; color:#fff!important;}
.remove_ellipsis{white-space: unset; overflow: visible; text-overflow: unset;}
.remove_border{border:0!important;}
input.appearance_text::-webkit-outer-spin-button,input.appearance_text::-webkit-inner-spin-button{-webkit-appearance: none;}
input.appearance_text{ -moz-appearance:textfield;}
input.autokana_input{height: 1.8em!important; padding: 6px 15px 3px!important;}
.timepicker-picker .glyphicon-chevron-up:before,.timepicker-picker .glyphicon-chevron-down:before{color:blue;}
.progressbar{display: table-cell!important; height: 100%!important; float: none; background:var(--color-progress);}
.progress_parent{display: table!important;height:100%!important; background:var(--color-progress)}
span.status_label{color: #fff; border-radius: 3px !important; padding: .2em .2em; text-align: center; width: 6em; font-size: 12px; display: block;}
table.dataTable thead tr th{position:relative; padding-right: 8px!important; font-size:12px;}
table.dataTable thead tr th i.fa-sort{position:absolute; right:5px; font-size:12px;}
ul#subtabsID{border-bottom:0}
ul#subtabsID.nav-tabs>li.active>a{border:0; margin-right:0}
ul#subtabsID.nav-tabs>li>a:hover{border-color: #bfbfbf}
.individual.point_summary .col-sm-2{width:20%; padding:0}
.individual.point_summary .col-sm-2 p{font-size:16px; }
.individual.point_summary .col-sm-2 p:first-child{display:inline-block; padding:.2em 1em; font-size:14px; background:#fbfbfb; border: solid 1px #bbb;}
.individual.point_summary{padding: .5em; background: #bce0d5!important;  border-radius: 5px; border-top: solid 2px #79988f}
.individual.point_summary .col-sm-12{margin-bottom: 1em!important; border-bottom:1px solid #666;}
.table-no-border td, .table-no-border th{border:none!important;}

@media (min-width: 768px) {
    .col-sm-15 {width: 20%; float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%; float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%; float: left;}
}
.span-search{
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  background-color: #0356d6;
  color: rgb(255, 255, 255);
  border-radius: 4px;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ccc;
  font-size: 15px;
  transition: all 0.2s;
}
.span-search i {
  padding: 0 8px 0 0;
}
.span-search:hover, .span-search:focus {
  background-color: #A9B6B1;
  border-color: #A9B6B1;
  color: #fff;
}

/* new scheduler */
.none-pro{display: block; text-align: center; margin: 10px 14px; padding: 10px; border-radius: 6px; }
#section_id{height: 2.5em !important;}
.btn-group {position: relative !important;display: inline-flex !important;vertical-align: middle !important;  padding-left: 10px !important;}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}
.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle {color: #fff !important;background-color: #545b62 !important;border-color: #4e555b !important;}
.date-bar > .btn-default {border: none !important;}
.btn-calendar {border-radius: 4px !important; background: #d6d6d6;}
.btn-date{background: #d6d6d6 !important;}
.btn-month{background: #d6d6d6 !important;margin-left:auto !important;margin-right:auto !important;}
.pre-btn{border: none !important;background: #d6d6d6 !important;}
.pre-btn>.btn:not(:first-child){border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.main-date{color: black !important;font-weight: 900 !important;font-size: 14px !important;}
.p-0{padding: 0px;}
.calendar-icon {position: absolute;right: 5px;font-size: 25px;cursor: pointer;}
.date-bar > .btn {padding: 6px !important;}
.table-head{font-size:18px;text-align:center;font-weight: 500;padding-left:5px;color:#fff;background-color:#00337f;}
.indiv-project-blue{background: blue;border-radius: 5px;display: flex;margin: 3px;}
.indiv-project{border-radius: 5px;display: flex;margin: 3px;}
.pro-head{ text-align: center; display: block !important; width: 30% !important; color: white; font-size: 13px; font-weight: 700; padding: 2px !important; cursor: pointer; }
.pro-content{float: right; display: block !important; margin: 2px; background: white; padding: 1px 11px; border-radius: 0px 3px 3px 0px; width: 69% !important;}
.visit-time-big{display: block;text-align: center;}
.moving-time-big{display: block;text-align: center; font-size: 8pt; font-weight: 500;}
.contract-name-big{ display: block;white-space: nowrap;overflow: hidden;cursor: pointer; font-size: 10pt; font-weight: 500; }
.contract-address{ display: block; white-space: nowrap; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: 500; }
.visit-time-small{ font-size: 13px; }
.moving-time-small{margin-left: 4px; font-size: 10px;}
.contract-name-small{ display: none;}
.moving-time-title-small{display:none;}
.sale_detail_item{display: block;}
.user-detail-small{display:none;}
table#project_scheduler_table, table#past_project_table { table-layout: fixed; }
table#project_scheduler_table thead tr th, table#past_project_table thead tr th { white-space: nowrap; }
table#project_scheduler_table thead tr th:not(:first-child), table#past_project_table thead tr th:not(:first-child){border-left: solid 1px #DDD; text-align: center;};
table#project_scheduler_table tbody tr td{vertical-align: middle !important;}
table#project_scheduler_table tbody tr td:not(:first-child), table#past_project_table tbody tr td:not(:first-child){border-left:solid 1px #DDD;}
table#project_scheduler_table{border-bottom:solid 1px #DDD;}
#project_scheduler{margin-bottom: 25px;}
.d-block > i, .contract-address > i {color: red; margin-right: 5px !important;}
.pro-content .contract-address > i{color: #aaaaaa;}
.past-content .contract-address > i{color: #aaaaaa;}
.pro-content .contract-address{color: #000;}
.past-content .contract-address{color: #aaaaaa;}
.un-assigned-part{background: #ccfbd9; margin-top: 6px;border-radius: 4px; box-shadow: 0px 4px 7px 0px rgba(0,0,0,.2);}
.unassigned-title{ background: #599d6c; font-size: 14px; font-weight: 500; color: white; text-align: center; border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; padding: 5px !important; }
.d-block{display: block; white-space: nowrap; overflow: hidden;}
.pl-10{padding-left: 10px;}
.pl-14{padding-left: 14px;}
.pl-15{padding-left: 15px;}
#unassigned_project_part{ max-height: calc(100vh - 250px);box-sizing: border-box;overflow: auto; padding: 8px 12px; }
.btn input{height:1em !important;}
#unassigned_project_part .assigned-item{ background: #fff; border-radius: 4px; box-shadow: 0px 4px 7px 0px rgba(0,0,0,.2); padding: 10px 8px; }
#unassigned_project_part .assigned-item .name { font-weight: 600; font-size: 14px; padding-left: 14px; }
#unassigned_project_part .assigned-item .address { font-weight: 400; font-size: 13px; display: table-row; }
#unassigned_project_part .assigned-item .address i.fa-map-marker-alt { color: red; display: table-cell; }
#unassigned_project_part .assigned-item .address span { display: table-cell; padding-left: 5px; }
.fs-13{font-size: 13px !important;}
.fs-17{font-size: 17px !important;}

.sched_is_sb{background: #d24c45;border-radius: 5px;padding: 0px 5px; color: white; font-size: 10pt;}
.sched-time{padding: 0px 5px; font-size: 10pt;}
.et-cetra-info{font-size: 8pt !important;}
.sched_revisit{padding: 0px 5px; font-size: 8pt}


/*=========Salesman Schedule Page CSS=========*/
.project-schedule-top{padding: 10px;}
.project-schedule-top .row{padding: 0px;}
.project-schedule-top .small-big .btn-group{box-shadow: 0px 4px 7px 0px rgba(0,0,0,.2); padding: 0 !important;}
.project-schedule-top .small-big .btn-group .btn{padding: 6px 12px;}
.project-schedule{}
.project-schedule .table-head{background-color: #00427c;}
.project-schedule table{}
.project-schedule table.data-table thead tr th{border-bottom: none; padding: 14px; font-size: 14px;}
.project-schedule table thead th { min-width: 50px; }
.project-schedule table thead th:first-child{width: 120px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.project-schedule table thead th:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.project-schedule table tbody tr td:first-child { white-space: nowrap; }
.project-schedule table tbody tr td:first-child label{ font-size: 14px !important; }
.project-schedule table tbody tr td:first-child label.sale_detail_item { font-size: 12px !important; }
.btn-calendar { width: 100%; }
.btn-calendar .pre-btn{padding: 6px 8px; display: inline-block; cursor: pointer;}
.btn-calendar .pre-btn i{background-color: #525051; color: #fff; padding: 4px 8px; border-radius: 4px;}
.btn-calendar .return-btn{padding: 6px 8px; display: inline-block; cursor: pointer; float: right;}
.btn-calendar .return-btn i{background-color: #525051; color: #fff; padding: 4px 8px; border-radius: 4px;}
/* #past-part{overflow: hidden; overflow-x: auto; max-height: 600px; overflow-y: auto;} */
@media all and (min-width:1600px) {
    #past-part{max-height: 700px;}    
}
@media all and (min-width:2000px) {
    #past-part{max-height: 810px;}    
}
@media all and (min-width:2700px) {
    #past-part{max-height: 1140px;}    
}
#past-part .project-schedule table tbody tr td { max-width: 200px; }
#current-part .project-schedule table tbody tr td { width: calc((100% - 150px) / 3); }
.project-schedule table thead tr th { min-width: 90px; }
.past-content{float: right;display: block !important;margin: 2px;background: white;padding: 4px 11px;border-radius:0px 3px 3px 0px; overflow: hidden; width: 100%;}
.past-project{border-radius: 5px;display: flex;margin: 3px; max-width: 100%;}
.project-schedule .table>tbody>tr>td, .project-schedule .table>tbody>tr>th, .project-schedule .table>tfoot>tr>td, .project-schedule .table>tfoot>tr>th, .project-schedule .table>thead>tr>td, .project-schedule .table>thead>tr>th { padding: 2px 8px !important; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; }
.project-schedule .table>thead>tr>th { padding: 6px 8px !important; }
.d-flex { display: flex; }
.settle-section{margin: 0px 10%;background: #e4ffeb;padding: 1em;}
.settle-section #d_notetable{color: #00429c;padding-top:1em;}
.settle-section .btn{margin-bottom:1em;}
.settle-section #d_notetable td{padding:0px;}
.settle-section #d_notetable .note{width:75%;}
.settle-section #d_notetable .date{width:10%;text-align:right;}
.settle-section #d_notetable .name{width:15%;text-align:right;}

.dataTables_scrollHeadInner > table > thead > tr > th{border:1px solid white; z-index: 1; text-align: center;}
.dataTables_scrollBody > table > thead > tr > th {background: white;}
.DTFC_LeftBodyWrapper{top:0px !important;}
.DTFC_LeftHeadWrapper > table > thead > tr > th {text-align: center; z-index: 1; background: #00427c;}
.DTFC_LeftBodyLiner > table > thead > tr > th {display: none;}
.DTFC_LeftBodyLiner > table > tbody > tr > td {background: white; z-index: 1; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; border-top: none !important;}

/*.dataTables_scrollBody{    overflow-x: scroll !important;     overflow-y: hidden !important;}*/

.app-prohibition {
  border: 2px solid red;
  color: red;
  padding: 3px 0;
  margin-top: 5px;
  width: 70px;
  text-align: center;
}