.front-header {background: #000; padding: 10px 0;}
.front-header img {height: 80px;}
.login-register {background: #425656; height: 100vh; padding-top: 7%;}
.help-block-error{color:#fc4b6c;font-size:13px;font-style:italic}
.select2-container--open .select2-dropdown{z-index: 5000;}
.topbar .top-navbar{background: #455a64;}
.mini-sidebar .navbar-brand .dark-logo{display: none;} 
.sidebar-nav{height: 100%;}
.table th, .table thead th{vertical-align: middle;}
.btn-outline-info{background: transparent!important;color: #1e88e5 !important;}
.btn-outline-success{background: transparent!important; color: #26c6da!important}
form label{margin-top: .5rem;}
.site-alert .alert.in{margin-bottom:0}
#main_content .card-body h4.card-title{margin-bottom:35px;font-size:30px; line-height: 35px;}
label.radio-inline input [type= "radio " ]:not(:checked),label.radio-inline input [type= "radio " ]:checked{position:relative;opacity:1;left:0}
label.radio-inline{margin-right:15px;margin-top:7px}
@media only screen and (max-width:768px){#accountForm .text-right, .form-horizontal label.text-right{text-align:left!important}}
.select2-container{width:100%!important}
.logo-thumb{max-width:50px}
.answer-item .small-input{max-width:50px;display:inline-block}
.answer-item .checkbox{position:relative;display:inline-block}
.answer-item textarea{min-height:70px}
label.error{color:red;font-size:14px}
.tab-pane table.dataTable{width:99%!important}
.mt-50{margin-top:50px}
.mb-50{margin-bottom:50px}
.login-box{width:350px}
.login-box .form-horizontal .form-control{font-size:19px}
.asColorPicker-wrap input{height:0;width:0;visibility:hidden}
table.dataTable{max-width:99.5%;width:100%!important}
.topbar{z-index:5000!important}
h3{line-height:30px;font-size:26px}
.form-control, [type= "checkbox " ]+ label,body{font-size:14px}
.mini-sidebar .navbar-brand img{width:60px}
h4{font-size:22px}
.table td,.table th{font-size:14px;padding:.20rem .75rem;vertical-align:middle}
.dataTables_info,.dataTables_length,.dataTables_filter label{font-size:14px}
.table td label{margin-bottom:0}
.dataTables_wrapper .dataTables_paginate .paginate_button{font-size:0.8rem;padding:3px 5px} [type= "checkbox " ].filled-in + label::before, [type= "checkbox " ].filled-in + label::after{top:8px!important}
.has-success .col-form-label{color:#67757c}
.font-weight-semi{font-weight:600}
input.positions{font-weight:600;background:#003366;color:#fff;text-align:center}
.btn{font-size:15px;margin-bottom:10px}
table.dataTable.responsive >tbody >tr.child ul{width:100%}
@media only screen and (max-width:480px){.form .buttons-control .btn{margin-bottom:10px!important}
.login-box .pwd label,.login-box .pwd .text-muted{font-size:13px}
.form .buttons-control .text-right,.buttons-control .col-12 .text-right{text-align:left!important}
.buttons-control .col-12{margin-bottom:5px}
.form-horizontal label.text-right{text-align:left!important}
#marTable_length,#marTable_info,#marTable_paginate,#empTable_length,#empTable_info,#empTable_paginate,#extraTable_length,#extraTable_info,#extraTable_paginate{display:none}
.btn{font-size:13px;padding:5px 10px!important}
.login-register .img-fluid{width:100%}
.login-box{width:90%;max-width:420px}}
/* #main_content input[type="radio"] { -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); margin-right: 5px; } */
.iradio_flat-green{width:22px!important;height:22px!important;background-size:177px 22px}
.sidebar-nav ul li a{font-size:17px}
.multi-groups .form-group,#mul_answer .form-group{margin-bottom:5px}
.note-editor.card{margin-bottom:0}
.note-editor .btn{font-size:13px}
.note-toolbar.card-header{z-index:1}
.dropdown-menu.note-check{z-index:5000}
#main_content .form-group{margin-bottom:15px}
#loginform .text-muted{font-size:14px}
.account_filter .select2-selection__rendered{font-size:14px!important}
#select2-created_by-results .select2-results__option{font-size:13px!important}
.form-horizontal label,.form-horizontal .form-control{font-size:14px}
#main_content .select2-container .select2-selection--single{height:38px!important;padding-left:8px}
#main_content .select2-container--default .select2-selection--single .select2-selection__arrow{height:36px!important}
#main_content .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px!important}
#main_content .select2-container--default .select2-selection--single{border:1px solid #ced4da}
.fileinput.input-group >.btn-file{background:#00897b;color:#fff;margin-left:10px;border-color:#00897b}
.btn-default2{background:#00897b;color:#fff;border-color:#00897b}
.btn-default2:hover{color:#fff}
.dataTables_length{float:right;margin-right:18px!important}
.dataTables_filter{float:left!important}
.table-responsive{position:relative;z-index:10;padding-bottom:15px}
.table-responsive.m-t-40{margin-top:25px}
.sidebar-nav ul li a{padding-top:5px;padding-bottom:5px}
.mini-sidebar .navbar-brand .mini-logo{display:block!important;width:40px;position:relative;top:12px}
.mini-sidebar .navbar-brand .light-logo{display:none!important}
.btn-green{background:#00897b!important;border-color:#00897b!important}
.bg-green{background:#00897b!important}
button.disabled,a.disabled{cursor:not-allowed!important}
.decimal-inputmask{text-align:left!important}
.form h5{font-size:18px}
.card-body .form input [type= 'text ' ],.card-body .form input [type= 'email ' ],.card-body .form input [type= 'number ' ],.card-body .form textarea,.card-body .form .select2-selection__rendered{font-weight:600}
.fc-day-number,.fc th.fc-widget-header{font-weight:600!important}
span.jstatus-1,span.qstatus-1{-webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.75);box-shadow:0px 0px 2px 1px rgba(0,0,0,0.75)}
.font16{font-size:16px}
/*.daterangepicker .cancelBtn,.daterangepicker .applyBtn{display: none;}*/
.summary table tr th{text-align:right;font-weight:600;padding-right:12px;padding-left:0;padding-bottom:10px}
.summary table tr th:first-child{text-align:left;border-right:0}
.summary table tr th:last-child{border-right:0}
.summary table tr:last-child th{border-right:0;border-top:2px solid #999;padding-top:10px}
.summary table tr:last-child th:first-child{border-top:0}
.summary table tr th.border-right{border-color:#999!important}
.summary table tr.last th{padding-bottom:5px}
td.details-control i::before{height:14px;width:14px;display:block;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family: 'Courier New ',Courier,monospace;line-height:14px;content: '+ ';background-color:#31b131;cursor:pointer;font-style:normal}
tr.shown td.details-control i::before{content: '- ';background-color:#d33333}
#frmPassword label.error{display:none!important}
#frmPassword input.error{border-color:red}
.dashboard .ct-series-a .ct-bar{stroke:#999}
.circle{width:13px;height:13px;border-radius:50%;margin-right:10px;display:inline-block}
.dashboard .ct-chart-bar{position:relative}
.red{color:#ff0000}
#vendor-form.form-horizontal .form-control,#client-form.form-horizontal .form-control{font-size:14px}
.orange label{color:#ff5a00}
.orange input{color:#ff5a00}
.select2-container--default .select2-results >.select2-results__options{max-height:300px}
.field-quotes-quote_expiry_date,.field-job-deadline_date,.field-quotes-deadline_date,.field-quotes-quote_job_duration{display:none}
.modal form label.error{display:none!important}
.modal form input.error,.modal form textarea.error{border:1px solid #dc3545}
.has-error .select2-container--default .select2-selection--single{border-color:#dc3545!important}
.modal .open .ti-angle-up::before{content: " \e64b "}
.modal .ti-angle-up::before{content: " \e648 "}
.modal .editor-wrapper{display:none}
.modal .open .editor-wrapper{display:block}
.update_editor{float:right}
.chart-control.open .fa-angle-up::before{content: ' \f107 '}
.btn-light-green{color:#fff;background-color:#109d6d;border-color:#109d6d;box-shadow:0 1px 0 rgba(16,157,109,0.15)}
.btn-light-green:hover{color:#fff;box-shadow:0 8px 15px rgba(16,157,109,0.3);background-color:#109d6d;border-color:#109d6d}
#extra_data .item div{display:inline-block}
#main_content .form-group.required label::after{content: '* ';color:red}
.modal{z-index:7000}
.daterangepicker{z-index:8000}
.summary table th:last-child,.summary table td:last-child{padding-right:0}
.multiple_emails-container{border:1px #ced4da solid;border-radius:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);padding:0;margin:0;cursor:text;width:100%}
.multiple_emails-container input{width:100%;border:0;outline:none;margin-bottom:30px;padding-left:5px}
.multiple_emails-container input{border:0 !important;margin-bottom:10px}
.multiple_emails-container input.multiple_emails-error{box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px red !important;outline:thin auto red !important}
.multiple_emails-container ul{list-style-type:none;padding-left:0}
.multiple_emails-email{display:inline-block;margin:3px 5px 3px 5px;padding:3px 5px 3px 5px;border:1px #BBD8FB solid;border-radius:3px;background:#F3F7FD}
.multiple_emails-close{float:left;margin:0 3px}
#charts-list .card-body h4.card-title{margin-bottom: 5px;}
.btn-green{background: #008000!important;border-color: #008000!important;}
.radios-group label{margin-right: 25px;}
.btn-gray{background:rgb(238, 238, 238)!important;border-color:#ddd}
.btn-gray:hover{background: #999!important;}
[type="checkbox"].filled-in + label::after, [type="checkbox"].filled-in + label::before {margin-top: 7px;}
.bold input, .bold .select2-selection__rendered {font-weight: 600;}
table .item-name{padding-left: 0;}
table.dataTable .item-name{padding-left: 0;}
table.dataTable .details-control {padding-left: 5px; padding-right: 0px;}
.alert {margin-bottom: 5px!important;}
.btn-secondary:hover{background:#109d6d!important;border-color:#109d6d!important}
h5.card-title{line-height: 25px;}
.form-horizontal a:not(.collapsed) .rotate-icon, .accordion a:not(.collapsed) .rotate-icon{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
button:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}
.supports .card-no-border .card{border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #fff;border-radius: 0!important;box-shadow: none;}
.supports .card-body{padding: 15px 0 10px 35px;}
.supports .card .card-header{background: #eef5f9; padding: .5rem 1.25rem;}
.supports .card .card-header button{margin-bottom: 0; padding-left: 0;}
.supports .card-body .child.collapsed{text-decoration: underline;}

@media only screen and (max-width:680px){
    .dataTables_length, .dataTables_filter{display: none!important;}
    .fc-toolbar.fc-header-toolbar{margin-top:0; padding-top: 0}
    .chart-quote-mr{margin-top: 0!important;}
    #charts-1 .row.dashboard{display:none}
    .page-titles .align-self-center{padding-left: 0;padding-right: 0;}
    .row.page-titles {margin-bottom: 20px;}
    #main_content{padding-left: 20px; padding-right: 20px;}
    html body .m-t-40{margin-top: 25px!important;}
}    
@media only screen and (max-width:575px){
    .buttons-control .text-right{text-align:left!important}    
    #calendar .fc-right{display: block; position: absolute; width: 100%; top: 75px;}
    
}

/* overwrite css */
.btn{border-radius: 0!important;box-shadow: none!important;}




/*404*/
:root {
  --main-color: white;
  --stroke-color: #5d862e;
  --link-color: #29abe2;
}
/**/
.gears {
  position: relative;
  margin: 0 auto;
  width: auto; height: 0;
}
.gear {
  position: relative;
  z-index: 0;
  width: 120px; height: 120px;
  margin: 0 auto;
  border-radius: 50%;
  background: var(--stroke-color);
}
.gear:before{
  position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px;
  z-index: 2;
  content: "";
  border-radius: 50%;
  background: var(--main-color);
}
.gear:after {
  position: absolute; left: 25px; top: 25px;
  z-index: 3;
  content: "";
  width: 70px; height: 70px;
  border-radius: 50%;
  border: 5px solid var(--stroke-color);
  box-sizing: border-box;
  background: var(--main-color);
}
.gear.one {
  left: -130px;
}
.gear.two {
  top: -75px;
}
.gear.three {
  top: -235px;
  left: 130px;
}
.gear .bar {
  position: absolute; left: -15px; top: 50%;
  z-index: 0;
  width: 150px; height: 30px;
  margin-top: -15px;
  border-radius: 5px;
  background: var(--stroke-color);
}
.gear .bar:before {
  position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px;
  z-index: 1;
  content: "";
  border-radius: 2px;
  background: var(--main-color);
}
.gear .bar:nth-child(2) {
  transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
}
.gear .bar:nth-child(3) {
  transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
}
@-webkit-keyframes clockwise {
  0% { -webkit-transform: rotate(0deg);}
  100% { -webkit-transform: rotate(360deg);}
}
@-webkit-keyframes anticlockwise {
  0% { -webkit-transform: rotate(360deg);}
  100% { -webkit-transform: rotate(0deg);}
}
@-webkit-keyframes clockwiseError {
  0% { -webkit-transform: rotate(0deg);}
  20% { -webkit-transform: rotate(30deg);}
  40% { -webkit-transform: rotate(25deg);}
  60% { -webkit-transform: rotate(30deg);}
  100% { -webkit-transform: rotate(0deg);}
}
@-webkit-keyframes anticlockwiseErrorStop {
  0% { -webkit-transform: rotate(0deg);}
  20% { -webkit-transform: rotate(-30deg);}
  60% { -webkit-transform: rotate(-30deg);}
  100% { -webkit-transform: rotate(0deg);}
}
@-webkit-keyframes anticlockwiseError {
  0% { -webkit-transform: rotate(0deg);}
  20% { -webkit-transform: rotate(-30deg);}
  40% { -webkit-transform: rotate(-25deg);}
  60% { -webkit-transform: rotate(-30deg);}
  100% { -webkit-transform: rotate(0deg);}
}
.gear.one {
  -webkit-animation: anticlockwiseErrorStop 2s linear infinite;
}
.gear.two {
  -webkit-animation: anticlockwiseError 2s linear infinite;
}
.gear.three {
  -webkit-animation: clockwiseError 2s linear infinite;
}
.loading .gear.one, .loading .gear.three {
  -webkit-animation: clockwise 3s linear infinite;
}
.loading .gear.two {
  -webkit-animation: anticlockwise 3s linear infinite;
}
@media only screen and (max-width:480px){
.gear {
  width: 80px; height: 80px;
}
.gear:after {
  width: 30px; height: 30px;
}
.gear.one {
  left: -90px;
}
.gear.two {
  top: -45px;
}
.gear.three {
  top: -185px;
  left: 90px;
}
.gear .bar {
  width: 110px; height: 30px;
}
}