/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.input-field div.error{ margin-left: 3rem; }
.dataTables_wrapper .dataTables_filter input[type="search"] { height: auto; width: auto;}
.dataTable .btn-floating.btn-flat { 
	margin: 0 5px;
	background: -webkit-linear-gradient(45deg, #0288d1, #26c6da) !important;
	background: -moz- oldlinear-gradient(45deg, #0288d1, #26c6da) !important;
	background: -o-linear-gradient(45deg, #0288d1, #26c6da) !important;
	background: linear-gradient(45deg, #0288d1, #26c6da) !important;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #cfd8dc !important;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #cfd8dc !important;
}
.table-scroll { overflow:auto;}

/*28-05-2019*/
.sidenav > li a.active {background: #3949ab;
background: -webkit-linear-gradient(45deg, #3949ab, #4fc3f7) !important;
background: -moz- oldlinear-gradient(45deg, #3949ab, #4fc3f7) !important;
background: -o-linear-gradient(45deg, #3949ab, #4fc3f7) !important;
background: linear-gradient(45deg, #3949ab, #4fc3f7) !important; box-shadow: 0 6px 20px 0 rgba(38, 198, 218, .3) !important;}


.work-table  {margin-top:35px;}
.skill_div, .work-table { width:100%; float:left; position: relative; border: 1px solid #e0e0e0; margin-bottom:35px;}
.skill_div  .input-field.col.s6,  .work-table .input-field.col.s6 { margin:0px;}
.skill_div  .input-field.col.s6 h2{font-weight: bold;font-size: 20px;margin-top: -22px;background: #fff;margin-left: 10px;text-align: center;color: #6b6f82; padding: 10px 5px; max-width:190px;}
.work-table .input-field.col.s6 h2{font-weight: bold;font-size: 20px;margin-top: -22px;background: #fff;margin-left: 10px;text-align: center;
color: #6b6f82;  padding: 10px 5px; max-width: 70px;}

.work-table table tbody tr:hover , .work-table table tbody tr.odd{background-color: #f6f6f6;}
.work-table .input-field.col.s12, .skill_div .input-field.col.s12 { margin-top:0px;}

#technician_skill { border: 1px solid #e0e0e0;}
.work-table .row::after {  content: inherit;}
.input-field .btn.waves-effect{background: #8e24aa;
background: -webkit-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
background: -moz- oldlinear-gradient(45deg, #8e24aa, #ff6e40) !important;
background: -o-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
background: linear-gradient(45deg, #8e24aa, #ff6e40) !important;
-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2); height: 45px;}
.input-field div.error { margin-left:0px;}
#TechnicianForm select.browser-default {border: 1px solid #e0e0e0;}

#TechnicianForm   .upload-file-box, #techincian-view .upload-file-box {width: 30%;}
.brand-sidebar .logo-wrapper {padding-top: 6px;}
.brand-sidebar .logo-wrapper img {vertical-align: middle; padding-left: 5px;}
.logotxt { font-size:26px; vertical-align: middle; padding-left: 5px;}
#breadcrumbs-wrapper .breadcrumbs .active {color: #d2d2d2;}


.input-field .waves-effect.waves-light .waves-ripple { background-color: transparent;}

#datatable-buttonss1 .btn-floating.btn-flat { /* margin: 3px; */}
table.dataTable.display tbody td:last-child { width:17%; padding: 10px;}
#datatable-buttonss1 table.dataTable tbody th, #datatable-buttonss1 table.dataTable tbody td {padding: 10px;}
/*ps--scrolling-y*/
table.dataTable thead .sorting {font-size: 12px; line-height: normal;}
#datatable-buttonss1 tr th{font-size: 12px; line-height: normal;}



#plannermodal {background-color: #fff;}
#app-calendar .card {
    background: transparent;
    margin: 0px;
    box-shadow: none;
}
#fc-external-drag .fc-toolbar .fc-center {
    display: inline-block;
   width: auto;
    text-align: center;
}

#fc-external-drag .fc-toolbar .fc-center h2 {
    display: inline-block;
    width: 100%;
    font-size: 25px;
    padding:5px 0;
}

#app-calendar .card .card-content { padding:5px 10px; background: #fff; margin-top: 10px;}

#fc-external-drag .card .card-title {
    font-size: 25px;
    text-align: center;
    padding: 10px 0;
}
#app-calendar .card .card-content .card-title {

    line-height: 32px;
    display: block;
    margin-bottom:10px;
    font-size:24px;
    padding: 10px 0;
    text-align: left;
	width:100%;
float: right;

}

#app-calendar .card-content .fc .fc-button {background: #3949ab;
background: -webkit-linear-gradient(45deg, #3949ab, #4fc3f7) !important;
background: -moz- oldlinear-gradient(45deg, #3949ab, #4fc3f7) !important;
background: -o-linear-gradient(45deg, #3949ab, #4fc3f7) !important;
background: linear-gradient(45deg, #3949ab, #4fc3f7) !important;
 box-shadow: none;
border: none;}
#fc-external-drag .fc-view.fc-month-view.fc-basic-view {
    border: 1px solid #ccc;
}
#app-calendar .fc-toolbar.fc-header-toolbar {margin-bottom: 15px;}
#external-events h5 { font-size: 17px; padding: 0px 5px;}
#fc-external-drag .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
    padding: 10px;
    text-align: center;
}

#fc-external-drag .fc-row.fc-widget-header th span{padding: 8px 5px; display: inline-block;}

#fc-external-drag .fc-basic-view .fc-body .fc-row { min-height:3em;}
#app-calendar #external-events { padding-top:40px;}

.user-statistics-container {  position: relative; height: 234px;}
.user-statistics-container > * {  position: absolute; width: 100%; height:250px;bottom: 0;}



#current-balance-donut-chart1, #current-balance-donut-chart-upcoming {
    height: 170px;
	-webkit-filter: drop-shadow(0px 10px 4px rgba(133, 3, 168, .2));
    filter: drop-shadow(0px 10px 4px rgba(133, 3, 168, .2));
}

.subscriber-list-card table th { font-size:12px;}
.subscriber-list-card table td { font-size:13px;}


#current-balance-donut-chart1 .mt-0.mb-0 {
    font-size: 22px;
    vertical-align: top;
    display: inline-flex;
    text-align: center;
}

#TicketTable .card {overflow: visible;}
#chartjs-bar-chart {
    height: 340px;
}
.job-search .float-left.mt-5.mb-5 {  margin-right: 10px;}

.sidenav-main.nav-collapsible.sidenav-light.sidenav-active-square.nav-collapsed .brand-sidebar h1 a .logo-text {
    visibility: hidden;
}

.form-horizontal.form-label-left .input-field.col.s15, #LocationForm  .input-field.col.s15{
    width: 30%;
    margin: 0 auto;
    float: none;
    padding-top: 10px;
}


#roster-datatable {display: block; overflow-x: scroll}

.shifts-th {width: 100px;
display: inline-block;}
#roster-datatable td:first-child{ width:150px; /*display:inline-block;*/}

.gray-color, .blue-color, .green-color, .brown-color, .yellow-color { text-align:center; color:#000; border-radius: 0px;}

.gray-color { background-color:#919891;}
.blue-color { background-color:#02fffd;}
.green-color { background-color:#fdfe02;}
.yellow-color { background-color:#01fe05;}
.brown-color { background-color:#e46e04;}

.bottom-box td {padding: 15px 10px; }
.bottom-box td:first-child{text-align:center;}
.top-title {  text-align: center; font-weight: bold;  font-size: 20px;}
.sub-title {  text-align: center; font-weight: bold;  font-size: 20px;}

 #roster-datatable .bottom-box  th {text-align: center;}


.red-color {
    background: #c54d4e;
    color: #fff;
    border-radius: 0px; text-align:center; 
}

#roster-datatable td, #roster-datatable th { padding:5px; line-height:19px; border-radius:0px;}
#roster-datatable {height: 500px;}

#ReportingMethodForm label {
    float: left;
    width: 100%;
    position: static;
    margin-bottom: 15px; font-size:15px;
}
#ReportingMethodForm .input-field > label {font-size: 20px;}


#top_heading_user {   text-align: center; font-weight: bold;

font-size: 25px;}

.card.card-tabs   #top_heading_user { width:100%;}

.card.card-tabs .card-content.view-main {  width: 100%; margin: 0 auto; text-align: center;}



.view-box {

    max-width: 390px;
    margin: 5px auto;
    text-align: left;
    border: 1px solid #ccc;
    padding: 6px;
    color:#000;
font-weight: bold;
text-align: left;

}

.view-box span {

    color: #a5a5a5;
    font-weight: 300;
    margin-left: 10px;

}
#back {

    display: inline-block;
    border-radius: 3px;
    padding: 9px 30px;
    background: #ff4081;
    margin: 10px 10px 0px 10px;
    color: #fff;
    
    background: -webkit-linear-gradient(45deg, #0288d1, #26c6da) !important;

background: -moz- oldlinear-gradient(45deg, #0288d1, #26c6da) !important;

background: -o-linear-gradient(45deg, #0288d1, #26c6da) !important;

background: linear-gradient(45deg, #0288d1, #26c6da) !important;
box-shadow: 0 6px 20px 0 rgba(38, 198, 218, .3) !important;

}
#user_profile img{   border-radius: 100%;   display: inline-block; width: 200px; border: 2px solid #000; height: 200px;}

#external-events [type="checkbox"] + span:not(.lever) {padding-left: 30px;}

#external-events [type="checkbox"]:checked + span:not(.lever)::before {
    top: 0px;
    left:3px;
    width: 8px;
    height: 17px; border-right: 2px solid #0d0f80;
border-bottom: 2px solid #0d0f80; border-top: 2px solid transparent;
border-left: 2px solid transparent;}
	

#external-events h5 [type="checkbox"] + span:not(.lever){ font-size:25px; color:#000;  width: 100%;}	

/*#validations #TechnicianForm  .upload-file-box {text-align: center; width:100%;}
*/


/*orange */
/*.fc-time-grid .fc-event .fc-bg  {
background: #f28a4e; 
background: -moz-linear-gradient(top,  #f28a4e 0%, #f47926 50%, #e66c18 100%); 
background: -webkit-linear-gradient(top,  #f28a4e 0%,#f47926 50%,#e66c18 100%); 
background: linear-gradient(to bottom,  #f28a4e 0%,#f47926 50%,#e66c18 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28a4e', endColorstr='#e66c18',GradientType=0 ); 
}*/

/*Yellow*/
/*.fc-time-grid .fc-event .fc-bg  {
background: #ffc741; 
background: -moz-linear-gradient(top,  #ffc741 0%, #ffc600 50%, #e7b700 100%); 
background: -webkit-linear-gradient(top,  #ffc741 0%,#ffc600 50%,#e7b700 100%); 
background: linear-gradient(to bottom,  #ffc741 0%,#ffc600 50%,#e7b700 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc741', endColorstr='#e7b700',GradientType=0 );
}*/


/*bule*/
/*.fc-time-grid .fc-event .fc-bg  {
background: #5c81cb;
background: -moz-linear-gradient(top,  #5c81cb 0%, #3c6ec8 50%, #2f62bb 100%); 
background: -webkit-linear-gradient(top,  #5c81cb 0%,#3c6ec8 50%,#2f62bb 100%); 
background: linear-gradient(to bottom,  #5c81cb 0%,#3c6ec8 50%,#2f62bb 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c81cb', endColorstr='#2f62bb',GradientType=0 ); 
}*/

#external-events [type="checkbox"] + span:not(.lever)::before {border: 2px solid #ddd;}


.step1  td{ padding:10px 5px;}
.step2 {background: rgba(242, 242, 242, .5); border: none;}
.step2  td.tech2{  padding:5px 5px 5px 30px;}
.step3 {background: rgba(209, 209, 209, 0.5); border: none;}
.step3  td.tech3{ padding:5px 5px 5px 50px;}
.step2  td, .step3  td{ padding:5px 5px;}

.step2 td:first-child, .step3 td:first-child { opacity: 0;}

.step2 [type="checkbox"]:checked + span:not(.lever)::before, .step3 [type="checkbox"]:checked + span:not(.lever)::before { top:0px;}
.sidenav.sidenav-fixed { top:auto; padding-top:75px;}

.brand-sidebar {z-index: 99999999;}


.swal-overlay--show-modal .swal-modal {padding-bottom: 20px;}

#shift-datatable_wrapper table.dataTable thead th, #roster-datatable_wrapper table.dataTable thead th {font-size:12px;}

.card-content .rate-base-layer span{color: #ccc;}

.card-content .rate2 .rate-hover-layer, .card-content .rate2 .rate-select-layer { color:#fea500;}


#Jobs-page .card .card-content .card-title { margin-bottom:0px;}
#Jobs-page .card {margin: 0rem 0 1rem 0;}

/*.step-actions #nextMove {background: #8e24aa;
background: -webkit-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
background: -moz- oldlinear-gradient(45deg, #8e24aa, #ff6e40) !important;
background: -o-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
background: linear-gradient(45deg, #8e24aa, #ff6e40) !important;
-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);}*/

#SubmitFeedback {
    max-width: 100px;
    margin: 0 auto;
    float: right;
	background: #8e24aa;
background: -webkit-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
background: -moz- oldlinear-gradient(45deg, #8e24aa, #ff6e40) !important;
background: -o-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
background: linear-gradient(45deg, #8e24aa, #ff6e40) !important;
-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
}
/*.swal-title {text-transform: lowercase;}*/
.swal-title::first-letter { text-transform: capitalize;}
.breadcrumbs-title.mt-0.mb-0 .material-icons.dp48, .breadcrumbs-title.mt-0.mb-0 .material-icons {vertical-align: middle; color: #fff;}
.breadcrumbs-title.mt-0.mb-0 .headIcon { vertical-align: middle; }

/*#MainMisCostDiv .work-table .input-field.col.s6 h2 {    font-size:13px; margin-left:0; text-align: left; max-width:120px;  margin-top: -18px;}*/
#MainMisCostDiv .mic_cost-table.work-table .input-field.col.s6 h2 { max-width:70px; }

#linearStepper .step-content   #AddMaterial, #linearStepper .step-content #AddMicCostsss {
    background: #8e24aa;
    background: -webkit-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
    background: -moz- oldlinear-gradient(45deg, #8e24aa, #ff6e40) !important;
    background: -o-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
    background: linear-gradient(45deg, #8e24aa, #ff6e40) !important;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
    height: 45px;
}
.popup-gallery .tooltip a{ display:inline-block;}
.popup-gallery .tooltip { position: relative; display: inline-block;  border-bottom: none; margin-top: 10px;}
.popup-gallery .tooltip .tooltiptext {   visibility: hidden; width: 140px;  background-color: black;  color: #fff; text-align: left;
 border-radius: 6px;   padding: 6px;  position: absolute;   z-index: 1; bottom:165px; left:0%;  margin-left:0px;  font-size: 12px; box-sizing: border-box;}
.popup-gallery .tooltip img.responsive-img {min-height: 100px;}
.popup-gallery .tooltip .tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px;  border-style: solid; border-color: black transparent transparent transparent;}
.popup-gallery .tooltip:hover .tooltiptext { visibility: visible;}
.card { overflow: visible;}

/*#MainWorkDiv .input-field.col.s6 h2 {font-size: 13px;
margin-top: -18px; }*/

.mic_div.work-table {
    padding: 0 10px;
}
.mic_div.work-table .row.work-table {
    border: none;
    margin-top: 0px;
}
.step-actions {
    float: left;
    width: 100%;
}
#AddYourSkill span {  vertical-align: middle;}
#AddYourSkill .material-icons.dp48, #AddMaterial .material-icons.dp48, #AddMicCostsss .material-icons.dp48 {  vertical-align: middle;}
#JobsForm .step-actions #SubmitFirstStepJob, #JobsForm .step-actions #nextMove {width: 100%;}

#app-calendar #external-events {padding-top: 50px; position: relative;}
#app-calendar #external-events .fc-events-container { height: 608px; overflow-y: scroll; padding: 0px 10px;}
#app-calendar #external-events h5 {  position: absolute;  top: 0; width: 100%; padding: 0 10px;}

#techincian-view .dropify-wrapper  img {
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    position: relative;
    max-width: 100%;
    max-height: 100%;
    background-color: #FFF;
    -webkit-transition: border-color .15s linear;
    transition: border-color .15s linear;
}
#manager-view .dropify-wrapper img {
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    position: relative;
    max-width: 100%;
    max-height: 100%;
    background-color: #FFF;
    -webkit-transition: border-color .15s linear;
    transition: border-color .15s linear;
}
#TechnicianForm .upload-file-box, #techincian-view .upload-file-box, #manager-view .upload-file-box {
    width: 30%;
}
#techincian-view .section p {
    text-align: left;
}
#manager-view .section p {
    text-align: left;
}
#techincian-view .text-heading-table h2 {  max-width: 250px;  font-size: 15px;   margin-top: -19px;}

#job-section .input-field.col.s6 h2 {margin-top: -20px; font-size: 16px; max-width: 100px;}

.card-content #job-attachment {  min-height:300px;}
.step-actions .btn.btn-light.previous-step, .step-actions #SubmitSecondStepJobData { width: 100%;}
.red.btn.mr-1.btn-reset, #SubmitJob {
    width: 100%;}
#JobView .work-table .input-field.col.s6 h2 {font-size: 17px; max-width: 90px; margin-top: -21px;}

#JobsForm .step-content .work-table h2{max-width: 190px;}

#JobsForm .work-table .input-field th {
    width: 21%;
}

#job-section .work-table .input-field th, #TablesssMiscCost th, #TablesssMiscCost td, #TablesssInventory th, #TablesssInventory td, #TablesssSubJobs th,
#TablesssSubJobs td   {
    width:28%;
}
.dropdown-content li > a.grey-text.text-darken-2:hover { background-color:transparent;}
#datatable-buttonss-log {

    display: block;
    overflow: scroll;
    width: auto !important;

}
.logo-wrapper .logo_mobile_view { display:none;}


.page-footer.footer.footer-static.footer-dark.gradient-45deg-indigo-light-blue.gradient-shadow.navbar-border.navbar-shadow {
    position: fixed;
    width: 100%;
    bottom: 0; z-index: 99;
}


#notifications-dropdown 
{max-width: 428px;}


#datatable-buttonss1_wrapper, #roster-datatable_wrapper {
    margin-bottom: 20px;
}

#main {
    padding-bottom: 80px;
}




#ReportingMethodTable #roster-datatable {
    height: 500px;
}
#ReportingMethodTable #roster-datatable {
    display: block;
    overflow-x: scroll;
}

#ReportingMethodTable #roster-datatable_wrapper #roster-datatable {display: table;

overflow-x: initial;

width: 100%;

margin-bottom: 10px;  height:inherit;}

@media (max-width:1024px) {
.card .card-content {
    padding: 23px;}
}
@media (max-width:990px) {
#datatable-buttonss1 {  width: auto !important;  display: block; overflow: scroll;}
.brand-sidebar .logo-wrapper {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.logo-wrapper { margin-top: 5px !important;}
.logotxt {  display: none;}

.logo-wrapper .logo_desktop_view { display:none;}
.logo-wrapper .logo_mobile_view { display:block;}
}

@media (max-width:767px) {

.card-content .col.m3, 
#roster-search .col.s4, 
.upload-file-box, 
#job-search  .col.s4, 
.skill_div .input-field.col.s6,
 .work-table .input-field.col.s6  {width: 100%;}


#fc-external-drag .fc-toolbar .fc-left { display: inline-block; float:none;} 
#fc-external-drag .fc-toolbar .fc-right {   display: inline-block;   float:none; width: auto;text-align: center;  margin-top: 10px;}

ul.stepper .step .step-content { margin-left:0px; margin-right:0px;}

#linearStepper .work-table table, #PermissionForm table, #Permission-view table { display: block;  overflow: scroll;}
.work-table .input-field.col.s6 h2, .skill_div .input-field.col.s6 h2 {font-size: 17px;}
#MainWorkDiv .row .col.s2, #MainMisCostDiv .row .col.s2, #MainWorkTable .row .col.s2 {width: 130px;}
#validations ul.stepper .step::before {left: -21px;}
#JobsForm .stepper .step:not(:last-of-type)::after {left: -7.5px;}

#myMap, #map {width: 100% !important;}
.step-actions {text-align: center;}
#JobsForm .step-actions #SubmitFirstStepJob, #JobsForm .step-actions #nextMove, ul.stepper .step .step-content .step-actions .btn, .step-actions .waves-effect .waves-dark.btn.btn-primary, .step-actions .waves-effect.waves.dark.btn.btn-primary.next-step, .red.btn.mr-1.btn-reset, #SubmitJob {
width: 56%;}
#JobsForm .row .col.s6 { width:auto;}
#app-calendar #external-events .fc-events-container { height: 308px; margin-bottom: 10px;} 

#TechnicianForm .upload-file-box, #techincian-view .upload-file-box, #manager-view .upload-file-box {   width: 100%; margin: 10px 0;}
.dataTable .btn-floating.btn-flat { margin:5px;}

#linearStepper .step-actions .mb-1 { margin-bottom: 3% !important;}
.card {z-index: 9;}
.brand-sidebar {
    z-index: 999;
}
#Permission-page .card.card-tabs {overflow: hidden;}


}

@media (max-width:600px) {
.card.subscriber-list-card.animate.fadeRight {
    min-height: auto;
}
}