/*common page css starts*/

span.fa.customfa.fa-info { border-radius: 50%; border: 1px solid #007bff; padding: 3px 6px; font-size: 10px; margin-right: 8px; color: #007bff;}

.btn.customBtnTooltip {padding: 0;font-size: 12px;background: 0;font-weight: normal;}

.containerField.margin-top-30 {margin-top: 20px;}
.successMsg .alert.alert-success {margin-bottom: 0;}


/*!
 * used in inspection.php for tooltip
 */
.tooltip-custom .tooltip-inner {
  background-color: #f2653c;
  color: #ffffff;
}
.tooltip-custom.top .tooltip-arrow {
  border-top-color: #f2653c;
}
.tooltip-custom.right .tooltip-arrow {
  border-right-color: #f2653c;
}
.tooltip-custom.left .tooltip-arrow {
  border-left-color: #f2653c;
}
.tooltip-custom.bottom .tooltip-arrow {
  border-bottom-color: #f2653c;
}

.tooltip-custom-alt .tooltip-inner {
  background-color: #5b2da3;
  color: #ffffff;
}
.tooltip-custom-alt.top .tooltip-arrow {
  border-top-color: #5b2da3;
}
.tooltip-custom-alt.right .tooltip-arrow {
  border-right-color: #5b2da3;
}
.tooltip-custom-alt.left .tooltip-arrow {
  border-left-color: #5b2da3;
}
.tooltip-custom-alt.bottom .tooltip-arrow {
  border-bottom-color: #5b2da3;
}

.popover-custom .popover-title {
  background: #f2653c;
  color: #ffffff;
}

.popover-custom-alt .popover-title {
  background: #5b2da3;
  color: #ffffff;
}

/*!
 * End
 * used in inspection.php for tooltip
 */
.customTbleBg.showDynamicData.table tr td, .customTbleBg.showDynamicData.table tr th {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.insReport p {
    color: #fff;
    font-size: 20px;
}

.page-title.paddMin {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 0 20px;
}

.nameHeading {
    color: #666;
    padding: 10px 10px 10px 10px;
    border-bottom: 2px solid #04ade5;
    margin-bottom: 15px;
    text-align: center !important;
    font-size: 20px



}

.techReviewDiv .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 33px;
}

.techReviewDiv .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px;
}

.techReviewDiv .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 37px;
    line-height: 40px !important;
    user-select: none;
    -webkit-user-select: none;
}

.bindDiv {
    border: 1px solid #ced4da;
    padding: 0px 10px 10px 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.marginTop20 {
    margin-top: 20px;
}

.select2-container {
    height: calc(1.5em + 0.75rem + 2px) !important;
    line-height: 1.5 !important;
}

    h6.nameOfHeading {
        font-family: sans-serif;
        margin: 0px auto;
        text-align: center;
        color: black;
        font-size: 20px;
        width: 1172px;
        position: relative;
      }
      h6.nameOfHeading:before {
        content: "";
        display: block;
        width: 550px;
        height: 1px;
        background: #ced4da;
        left: 0;
        top: 50%;
        position: absolute;
      }
      h6.nameOfHeading:after {
        content: "";
        display: block;
        width: 550px;
        height: 1px;
        background: #ced4da;
        right: 0;
        top: 50%;
        position: absolute;
      }


      .cusomEmpError .btn-group  {
    width: 100% !important;
}

.cusomEmpError button.multiselect.dropdown-toggle {
    display: block;
    width: 100% !important;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.mgtop{ margin-top:20px; border: 1px solid #ced4da; padding-top: 20px;margin-bottom: 20px;}
.mgbot{ margin-bottom: 20px !important; }
.paddlr{ padding-left: 15px; padding-right: 15px; }

.cusomEmpError .dropdown-menu {
    width: 100%;
}
.techReviewDiv {
    margin-top: 20px;
}



.mapCustom {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}


.mapCustom iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}

.lead_box_custom{width: 100%;height: auto;}
.topMarginN{ margin-top: 20px; }
 button.roundedBut {
    display: inline-block;
    font-size: 14px !important;
    padding: 10px 30px !important;
    font-weight: normal;
}


.selectEmailCust.cutomFormSelct .select2-container {

    height: auto;
}


.topBotStnBtn {
    display: inline-block;
}

.col-md-2.padNon {
    padding-left: 2px;
}

.modelCustomNu .modal-content{border: solid 5px #fff;
    max-width: 50%;
    margin: 0 auto;}

.topBotStnBtn .btn {
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 20px;
    margin-left: 7px;
    height: 40px;
    font-weight: normal;
    background: #04ade5;
    color: #fff !important;
}
.filteWorkday {
    font-size: 16px;
    font-weight: 600;
}

.topBotStn .btn {
    font-size: 14px !important;
    color: #1b1b1b;
    font-weight: normal;
    font-family: inherit;
}

.topBotStn .multiselect {
    padding: 10px 15px;
}

.topBotStn {
    padding-left: 30px !important;
}

.topBotStn .multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 5px;
    margin-right: 2px;
}

.topBotStn ul.multiselect-container.dropdown-menu.show {
    padding: 8px 1px;
}

.topBotStn .multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px 3px 26px;
}


#meilage_photos_div .mileage_start_image_error1 span {
    font-size: 11px;
}


#meilage_photos_div .mileage_end_image_error1 span {
    font-size: 11px;
}

#meilage_photos_div .mileage_start_image_error1 {
    font-size: 13px;
}

#meilage_photos_div .mileage_end_image_error1 {
    font-size: 13px;
}
#meilage_photos_div {
    margin-bottom: 30px;
}














.chooseFileTxt {
    display: inline-block;
    background-color: #04ade5;
    color: #fff !important;
    padding: 0.5rem;
    border-radius: 0.3rem;
    cursor: pointer;
    margin-top: 1rem;
    border: none;
}

.chooseFileTxt .fa-paperclip:before {
    content: "\f0c6";
}
.mileage_startimg:hover {
  background-color: #00b28f;
}

#custom-text {
    margin-left: 6px;
    color: #555;
    font-size: 14px !important;
}

#custom-text_n{ margin-left: 6px;
    color: #555;
    font-size: 14px !important;}

.mileage_startimg {
    padding: 7px 7px;
    border: 1px solid #04ade5;
    border-radius: 5px;
    background-color: #04ade5;
    color: #fff !important;
    border-radius: 0.3rem;
    cursor: pointer;
    cursor: pointer;
    height: 30px;
    margin-top: 10px;
}

.redColorup{color: #ff0000;font-size: 12px;}
#meilage_photos_div .mileage_startimg.form-control {
    background: #e3eff3;
    border: none;
   padding-left: 0px;
    padding-top: 3px;
    display: none;
}





.uploadedDocsClass {
    background: #ededed;
    display: block;
    position: relative;
    padding: 7px 15px 7px 15px;
    margin-bottom: 10px;

}

/*.uploadedDocsClass:after {
    position: absolute;
    top: 7px;
    left: 8px;
    content: "\f00c";
    font-family: "FontAwesome";
}*/

.textTophead {
    margin-bottom: 10px;
}

.workdaysPage #scheduling_section .form-control.changeTime_non_lead_tech {
width: 103px;
padding-top: 0px;
padding: 1px 6px 1px;
height: 33px;
margin-left: auto;
margin-right: auto;
}

.workDayType {
    height: 34px !important;
}

.agreement_message{
        word-break:break-all;
}

.credit_card_table_class{
    table-layout: fixed;
    width: 100%;
}








#fileList input[type=file] {
    display: none;
}

#fileList > div:last-child > label {
    display: inline-block;
    width: 23px;
    height: 23px;
    font: 16px/22px Tahoma;
    color: orange;
    text-align: center;
    border: 2px solid orange;
    border-radius: 50%;
}

.chooseFileText{
  display: inline-block;
  background-color: #04ade5;
  color: #fff !important;
  padding: 0.3rem;
  font-family: sans-serif;
  border-radius: 0.3rem;
  cursor: pointer;
  margin-top: 10px;
  font-size: 14px;
}

.chooseFileContain .btn.btn-primary {
    padding: 10px 30px;
    font-size: 16px;
    font-weight: normal;
}

.containerField {
    width: 60%;
    margin: 0 auto;
    background: #e3eff3;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
}

.innerField {
    padding: 30px 20px;
}
.containerField h4 {
    padding-top: 10px;
    background: #04ade5;
    color: #fff;
    padding-bottom: 10px;
        border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.commentBoxContain .noComment {
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
    background: #ddae29;
    padding-left: 15px;
    color: #fff;
}


.noReply{color: #e1a805;}
.container-fluid.ticketViewPage {
    margin-left: 6px;
}

 .text-white a {
     color: #fff!important;
}
 .text-primary {
     color: #fff !important;
}
 #cal-bttn-custom {
     border-radius: 20px;
     padding: 5px 25px;
}
 .commonButAll {
     background: #04ade5 !important;
     border: 1px solid #04ade5 !important;
     border-radius: 50px !important;
     color: #fff !important;
}
 .marginleftHome{
     margin-left:40px;
}
 .ti-plus.text-primary,.ti-minus.text-primary{
     color: #555 !important;
}
 .mt-5.mt-lg-0.text-center.text-md-left {
     margin-left: 40px;
}
 .questionPage input::placeholder {
     color: #555;
}
 .questionPage input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #555;
}
 .questionPage input::-moz-placeholder {
    /* Firefox 19+ */
     color: #555;
}
 .questionPage input::-ms-input-placeholder {
    /* IE 10+ */
     color: #555;
}
 .questionPage input::-moz-placeholder {
    /* Firefox 18- */
     color: #555;
}
 .questionPage .select2-container--default .select2-selection--single .select2-selection__rendered{
     color: #555 !important;
}
/* .letsConnect {
     border-radius: 100px;
     padding: 10px 30px;
     font-size: 16px;
     font-weight: 600;
}
 .hero-content .btn.btn-secondary {
     border: none;
     border-radius: 100px;
     padding: 10px 30px;
}
 .bookAppointmentHm{
    padding-left: 30px!important;
    padding-right: 30px!important;
    background: #04ade5 !important;
     border: none;
    border-radius: 100px;
}
 */
/*common page css end*/


.projectName ul {
    margin: 0;
    padding: 0;
}

.projectName {
    margin-top: 20px;
}

.projectName ul li {
    list-style: none;
    padding-top: 6px;
    background: #00aadf;
    margin-bottom: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    border-radius: 5px;
}

.projectName ul li a{ color:#fff; }
div.photosInlineClass:last-child {
    display: block;
    width: 100%;
    text-align: center;
     margin-left: 0px;
       padding: 0.5rem;

}
.photosInlineClass {
    margin-left: 5px;
}
#fileList1 {
    padding-left: 15px;
    padding-right: 15px;
}
#fileList1_utility {
    padding-left: 15px;
    padding-right: 15px;
}

#show_message {
    line-height: 22px;
}
.modal-confirm-cus .textCutm {
   background: #fff;
    color: #ff0000;
    border: 1px solid #ff0000;
    font-size: 13px;
    line-height: 21px;
    padding: 7px 10px;
}

.modal-confirm-cus #show_message {
    height: 100px;
    padding-top: 10px;
}

.btn.notifyCustomer {
    padding: 10px;
    width: 100px;
    font-size: 12px;
    font-weight: normal;
}

button.close.clseCut span {
    font-size: 20px;
}

 /*popup code for alert msg in myproject.php starts*/ 
.modal-confirm-cus {    
  color: #636363;
  width: 400px;
  font-size: 14px;
}
.modal-confirm-cus .modal-content {
  padding: 20px;
  border: none;
  border-radius: 20px;
}
.modal-confirm-cus .modal-header {
  border-bottom: none;   
  position: relative;
}
.modal-confirm-cus h4 {
  text-align: center;
  font-size: 26px;
  margin: 30px 0 -15px;
}
.modal-confirm-cus .form-control, .modal-confirm-cus .btn {
  min-height: 40px;
  border-radius: 3px; 
}
.modal-confirm-cus .close {
  position: absolute;
  top: -5px;
  right: -5px;
} 
.modal-confirm-cus .modal-footer {
  border: none;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
} 
.modal-confirm-cus .icon-box {
  color: #fff;    
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -70px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  z-index: 9;
  background: #04ade5;
  padding: 15px;
  text-align: center;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-confirm-cus .icon-box i {
  font-size: 44px;
  position: relative;
  top: 9px;
  left: 2px;
}
.modal-confirm-cus.modal-dialog {
  margin-top: 80px;
}
.modal-confirm-cus .btn {
  color: #fff;
  border-radius: 4px;
  background: #04ade5;
  text-decoration: none;
  transition: all 0.4s;
  line-height: normal;
  border: none;
}
.modal-confirm-cus .btn:hover, .modal-confirm-cus .btn:focus {
  background:#04ade5;
  outline: none;
}
.trigger-btn {
  display: inline-block;
  margin: 100px auto;
}
.cusBlockBut.btn-block {
  margin: 7px 0;
}
.modal-dialog.modal-confirm-cus {
    width: 420px !important;
    max-width: 420px !important;
}





.modal-warning-cus {    
  color: #636363;
  width: 400px;
  font-size: 14px;
}
.modal-warning-cus .modal-content {
  padding: 20px;
  border-radius: 20px;
  border: none;
}
.modal-warning-cus .modal-header {
  border-bottom: none;   
  position: relative;
}
.modal-warning-cus h4 {
  text-align: center;
  font-size: 26px;
  margin: 30px 0 -15px;
}
.modal-warning-cus .form-control, .modal-warning-cus .btn {
  min-height: 40px;
  border-radius: 3px; 
}
.modal-warning-cus .close {
  position: absolute;
  top: -5px;
  right: -5px;
} 
.modal-warning-cus .modal-footer {
  border: none;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
} 
.modal-warning-cus .icon-box {
  color: #fff;    
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -70px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  z-index: 9;
  background: #f7170c;
  padding: 15px;
  text-align: center;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.modal-warning-cus .icon-box .fa.fa-times.customCheck {
    font-size: 44px;
    position: relative;
    top: 9px;
    left: 0px;
}



.modal-warning-cus.modal-dialog {
  margin-top: 80px;
}
.modal-warning-cus .btn {
  color: #fff;
  border-radius: 4px;
  background: #f7170c;
  text-decoration: none;
  transition: all 0.4s;
  line-height: normal;
  border: none;
}
.modal-warning-cus .btn:hover, .modal-warning-cus .btn:focus {
  background:#f7170c;
  outline: none;
}
.trigger-btn {
  display: inline-block;
  margin: 100px auto;
}
.cusBlockBut.btn-block {
  margin: 7px 0;
}
.modal-dialog.modal-warning-cus {
    width: 420px !important;
    max-width: 420px !important;
}








 /*popup code for alert msg in myproject.php end*/ 




.ticketViewPage #shareCommentFormProject .shareCommentRg {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    text-align: right;
}

#shareCommentFormProject #fileListP {
    display: inline-block;
    width: 50%;
}

#shareCommentFormProject {
    background: #ededed;
    padding: 5px 15px 0px 15px;
}








/*ticket.php page css starts*/

.cardHeadNew {
    padding-left: 30px;
    
}

.caseHeading{ font-size: 24px;
    font-weight: 700!important;} 

 .ticketViewPage .inside-comment-head {
    display: inline-block;
    vertical-align: top;
    padding-left: 0px;
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
}

.customDivBut {
    display: inline-block;
}

.imgLeft img {
    width: 25px;
    height: 25px;
    padding-top: 1px;
}

.imgLeft{ display: inline-block; vertical-align: top; width: 7%; }
.rightDivIm{display: inline-block; vertical-align: top;width: 92%;}

 .ticketViewPage .comment-head span {
     font-size: 13px;
     color: #04ade5;
     padding-left: 25px;
}
 .ticketViewPage #shareCommentForm {
    background: #f1f1f1;
    padding: 5px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.cstmCmmt:before {
    position:absolute;
    left: 0;
    top: 0;
    font-family: 'Font Awesome 5 Free';
    content: "\f086";
    padding-right: 10px;
    color: #04ade5;
}

.cstmCmmt {
    position: relative;
    font-size: 26px;
    padding-left: 35px;
}

.casePriority {
    font-size: 16px;
    text-align: right;
    color: #04ade5;
    font-weight: 500;
}





.ticketViewPage #fileList .fa-paperclip:before {
    color: #04ade5;
}

.contaInfo {
    background: #04ade5;
    color: #fff;
    padding: 12px 10px;
    margin-top: 10px;
}
.cardHeadN {
    margin-bottom: 20px;
}

.mobileDeviceTable {
    display: none;
}
.gridTable {
    display: block;
}

.gridTable {
position: relative;
border: 1px solid #ddd;

width:100%;
}
.gridTable-container {
overflow-y: auto;
height: 275px;
}
.gridTable table {
border-spacing: 0;
width:100%;
}
.gridTable td + td {
border-left:1px solid #ddd;
}
.gridTable td, .gridTable th {
border-bottom:1px solid #ddd;
background: #fff;
color: #000;
padding: 10px 25px;

}

.gridTable td{ font-size: 14px; }
.gridTable th {
color: #000;
background: #f1f1f1;
font-size: 15px;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.gridTable th div{
position: absolute;
background: transparent;
color: #000;
padding: 9px 25px;
top: 0;
margin-left: -25px;
line-height: normal;
border-left: 1px solid #800;
}

/*ticket.php page css end*/









#users_list th{ text-align: left; }

/*Customize the datepicker. Highlight selected weeks when opens calender.*/
.forCustomDatePicker .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom{
  top: 207px !important;
}


.forCustomDatePicker.userTopH .datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom{
  top: 199.975px !important;
}

.forCustomDatePicker.topspace .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    top: 150px !important;
}

.forCustomDatePicker .table-condensed>tbody>tr {
  border: 1px solid white;
}

.forCustomDatePicker .table-condensed>tbody>tr:hover td a:not(.ui-state-highlight) {
  
  font-weight: normal;
  color: #555555;
  border: 1px solid #999999;
}

.forCustomDatePicker .table-condensed>tbody>tr:hover td {
  border-top: 1px solid #04ade5;
  border-bottom: 1px solid #04ade5;
}

.forCustomDatePicker .table-condensed>tbody>tr:selected td {
  border-top: 1px solid #04ade5;
  border-bottom: 1px solid #04ade5;
}

.forCustomDatePicker .table-condensed>tbody>tr:hover td:first-child {
  border-left: 1px solid #04ade5;
}

.forCustomDatePicker .table-condensed>tbody>tr:hover td:last-child {
  border-right: 1px solid #04ade5;
}
/*Customize the datepicker. Highlight selected weeks when opens calender.*/






/*worklist page css starts*/

.selectEmailCust .select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
}

.selectEmailCust .select2-container .select2-selection--single {
    height: 37px;
}

.selectEmailCust .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    height: 40px;
}
#emailfilterbutton {
      margin-bottom: 6px;
    margin-left: 23px;
}

.scheduleSpan {
    margin-right: 20px;
}

.selectEmailCust .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #495057;
}

.selectEmailCust .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 33px;
}


.newTopPad .form-group.toogle-left-menu {
    margin-bottom: 0px;
}

section.section.sectonWork {
    margin-top: 0px;
}

.containerField label {
    color: #666;
}
#workdayModalUpdate .modal-header .close {
    padding: 0;
    margin: 0;
}
.modal-header.paddNew {
    padding-left: 0px;
}
.newBotMar{ margin-top: 20px; }
.workdayWeekly .scheduleSpan {
    padding-left: 28px;
}
.botBor {
    padding-right: 10px;
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
    line-height: 30px;
    margin-top: 10px;
}

.btn.btn-danger.btnCustBlu {
    background: #04ade5;
    padding: 10px 30px;
    font-size: 15px;
    font-weight: normal;
}

.btn.btn-primary.btnCutNu {
    font-size: 15px;
    font-weight: normal;
    padding: 10px 20px;
    color: #fff !important;
    background: #04ade5;
}

.btn.btn-primary.btnCutNu: hover{
    font-size: 15px;
    font-weight: normal;
    padding: 10px 20px;
    color: #fff !important;
    background: #04ade5;
}

.btn.btn-primary.btnCutNu a{
    color: #fff;
}

#project_details_data tr td:nth-child(3) {
    text-align: center !important;
}


/*worklist page css end*/




/*workdatweekly page css starts*/

.modelFullWidth .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.modelFullWidth #fileList {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 81%;
    padding-top: 0px;
}
.modelFullWidth #fileList > div:last-child > label {
    display: inline-block;
    width: 23px;
    height: 23px;
    font: 16px/22px Tahoma;
    color: #000;
    text-align: center;
    border: none;
    /* border-radius: 50%; */
}
.modelFullWidth .shareCommentRg {
    display: inline-block;
    vertical-align: top;
}
.modelFullWidth button.btn.btn-primary.shareComment {
 background-color: #04ade5;
    border-color: #04ade5;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: normal;
    border-radius: 5px;
}

.modelFullWidth .comment-section {
    border-bottom: 1px solid #ced4da;
    padding: 6px;
}

.modelFullWidth #comment_text {
    margin-top: 35px;
}

.modelFullWidth textarea.form-control {
    height: auto;
      padding-top: 10px;
}



.modelFullWidth .comment-body {
    padding-left: 8px;
}
.modelFullWidth .inside-comment {
    border: 1px solid #e1e1e1;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 5px;
}

.modelFullWidth .customDivShow {
    background: #f7f7f7;
    padding: 10px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.modelFullWidth .modal-header.paddNew {
    border-bottom: none;
}

.modal-dialog.modelFullWidth {
    max-width: 100%;
}

.modelFullWidth .replyClipLeft {
    width: 79%;
    padding-left: 10px;
}

.modelFullWidth .btn.btn-primary.replyBoxMsg {
    background-color: #04ade5;
    border-color: #04ade5;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: normal;
    border-radius: 5px;
}




.page-title.overlay.workdayWeekly {
    padding: 0px;
    background-color: none !important;
    background-image: none !important;
}

button.textCustomers.btn.btn-primary,button#add-project {
    font-size: 12px;
    padding: 10px 10px;
    font-weight: normal;
    margin-bottom: 10px
}
#textAllCrewa {
    margin-bottom: 10px;
}


.page-title.workdayWeekly.overlay::before{ background: none !important;}

.overflowXauto{overflow-x: auto;overflow-y: hidden; }
.borderWidthTable.table-bordered tr th {
    border: 1px solid #dee2e6; 
    white-space: nowrap !important;   
}
.getWorkDayWeeklyModal {
    padding: 3px;
    line-height: 20px;
}

.getWorkDayWeeklyModal .table td,.getWorkDayWeeklyModal .table th{padding: 5px;}

/*workdatweekly page css end*/

/*submitreview.php css starts*/

.greenColor{ color: #05a76c; }
.yellowColor{color: #FFD700;}
.redColor{color: #ef3409;}

.reviewStarRating h3 {
    color: #fff;
}
.reviewStarRating {
    text-align: center;
    border: 1px solid #d1d1d1;
    padding: 80px 30px 80px 30px;
    background: #04ade5;
    border-radius: 8px;
}

.star-rating {
  display: inline-block;
  padding: 20px;
  cursor: default;
  direction: rtl;
  moz-direction: rtl;
  -o-direction: rtl;
  -webkit-direction:rtl;
  margin-bottom: 15px;
  margin-top: 10px;

}
.star-rating input[type=radio] {
  display: none;
}

#ratingvalidation {
    color: #d30707;
    font-size: 20px;
}

.star-rating label:hover {
    border: 2px solid #FFD700;
   

}

.star-rating label {
    border: 2px solid #fff;
    font-size: 25px;
    padding: 0px 12px 0 12px;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 48px;
}
/*.star-rating label:hover,
.star-rating label:hover ~ label{

  color:#c3bfbf;
}*/


/*.star-rating input[type=radio]:checked ~ label i {
  color: #f2b600;
    direction: rtl;
  moz-direction: rtl;
  -o-direction: rtl;
  -webkit-direction: rtl;
}*/



.star-rating label i {
    font-style: normal;
}

.nextReview {
    background: #fff;
    padding: 10px 41px;
    margin-top: 20px;
    color: #04ade5;
    border-radius: 50px;
    font-size: 20px;
}






hr.topYellowReview {
    border-top: 15px solid #ffc00e;
}

.textTop{ margin-bottom: 35px; }

#success_msg {
    padding-left: 15px;
    margin-bottom: 18px;
}

.submitReviewContiner .form-control {
    margin-top: 10px;
}

.submitReviewContiner{ margin-top:20px; margin-bottom: 20px; clear:both; }





.section.reviewsectionLanding {
   width: 100%;
   margin-bottom: 30px;

}
.reviewSectionPage p {
        font-size: 32px;
    line-height: 35px;
    font-family: "Open Sans", sans-serif;
    color: #fff;
}
.reviewSectionPage {
       text-align: center;
    border: 1px solid #d1d1d1;
    padding: 80px 30px 80px 30px;
    background: #04ade5;
    border-radius: 8px;
}

.smilyCust{ font-size: 60px; margin-right: 15px; margin-top:10px;color: #04ade5; }


/*submitreview.php  css end*/



/*truck_report.php css starts*/
.marBotT{ margin-bottom: 15px; }
#Repairs_Cost__c.form-control {
    padding: 0 20px 2px !important;
}
#Miscellaneous_Notes__c {
    padding: 12px;
}

.marginLabTop {
    margin-bottom: 23px;
}
.truckReportConatiner {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #cbcbcb;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.truckReportConatiner .currency-wrap{position:relative;}
.truckReportConatiner .currency-code{ position: absolute;left: 7px;top:9px;}



.truckReportConatiner .truckReport.btn{
    padding: 10px 30px !important;
    font-size: 16px;
    font-weight: normal;
}
.icFIeldLabel {
    display: block;
}

/*truck_report.php  css end*/

/*wholeHomeSolar.php page css starts*/

.customTabsCent {
    align-items: center;
    justify-content: center;
}
/*wholeHomeSolar.php page css end*/

/*index page css starts*/

.imgHeightMission{
    height: 450px !important;
    width: 540px !important;
    background-image: url(https://www.goldrushenergy.com/images/mission.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
     }

#pgemodal .close span{
  margin :-12px 0px 8px -6px;
}


.scheduleSpan button.filter-weekview {
    display: inline-block;
    font-size: 14px;
    padding: 10px 30px;
    font-weight: normal;

}

.scheduleSpan span.icon-block {
    display: inline-block;
}

.borderWidthTable.table-bordered tr th, .borderWidthTable.table-bordered tr td {
    font-size: 13px;
    position: relative;
}

/*
.borderWidthTable th:before {
    content: "\f0de";
    padding-left: 10px;
    font-size: 13px;
        font-family: "Font Awesome 5 Free";
    position: absolute;
    bottom: 0.5em;
    display: block;
    opacity: .3;
    top: 17px;
    right: 3px;
  
}

.borderWidthTable th:after {
    content: "\f0dd";
    padding-left: 10px;
    font-size: 13px;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    bottom: 0.5em;
    display: block;
    opacity: .3;
    top: 16px;
    right: 3px;
   
}
*/


.borderWidthTable.table tr th{padding: 13px 14px 20px 10px !important;}





/*index page css end*/



/*myproject1.php css starts*/

.myProjectPage .fileListBox .fileProject_show_div, .myProjectPage .fileListBox .fileUtility_show_div {
    font-size: 15px;
    margin-bottom: 5px;
}

#utilityfileList {
    margin-top: 20px;
    margin-bottom: 20px;
}


.orangeBg{background: #e9b013 !important;
    color: #fff !important; 
    border: 1px solid #e9b013  !important; width: 140px;}

.submit_utility_poroject{ margin-bottom: 20px !important; }
.btn-primary.submit_utility_poroject:hover,.btn-primary.submit_utility_poroject:focus{background: #04ade5; border: 1px solid #04ade5;}
.smaleImg{ display: block; font-size: 20px; margin-bottom: 15px; }
.imgCustBox {
    display: inline-block;
    width: 47%;
    vertical-align: top;
    border: 1px solid #cfcbcb;
}

.myProjectPage .btn.submit_fast_track_project {
    background: #fff !important;
    color: #555 !important;
    margin-bottom: 3px !important;
    margin-top: 15px;
    width: 210px;
}

.myProjectPage .btn.submit_fast_track_project.project_upload {
   background: #e9b013 !important;
    color: #fff !important;
    border: 1px solid #e9b013;
    width: 140px;
}

.myProjectPage .btn.submit_fast_track_project.project_upload:hover {
    background: #e9b013 !important;
    color: #fff !important;
    border: 1px solid #e9b013;
}

.uploadDocs .attachDiv {
    font-size: 14px;
}

.fileListBox {
    display: block;
    padding-top: 10px;
    padding-left: 8px;
    text-align: center;
}

.fileListBox input[type=file] {
    display: none;
}

.fileListBox > div:last-child > label {
    display: inline-block;
    width: 23px;
    height: 23px;
    font: 16px/22px Tahoma;
    color: orange;
    text-align: center;
    border: 2px solid orange;
    border-radius: 50%;
}


.myProjectPage .split-document-section .document-box h3 {
    font-size: 17px;
    color: #fff;
    position: relative;
    margin: 0px 0 15px;
    font-weight: 600;
    text-align: justify;
    padding-right: 20px;
    letter-spacing: normal;
}

.myProjectPage .btn.submit_fast_track_project:hover,.myProjectPage .btn.submit_fast_track_project:focus {
    background: #fff;
    color: #555;
}


/*myproject1.php page css end*/





/*reset password page css starts*/
 .signup-form.resetPassw i#btn1 {
     position: absolute;
     right: 25px;
    /*top: -44px;
    */
     margin-top: -45px;
}
 .signup-form.resetPassw i#btn2 {
     position: absolute;
     right: 25px;
     top: 10px;
    /*top: -44px;
    */
}
 .signup-form .loginPaws a {
     padding-left: 10px !important;
}
 .signup-form.resetPassw .newPasswordInput{
    font-size: 16px !important;
    padding: 10px 20px !important;
    margin: 15px 0px !important;
}
/*reset password page css end*/
/*forgot password page css starts*/
 .forgotPassWrap .errorMsgGroup {
     margin-top: 40px;
     clear: both;
     padding-left: 18px;
     padding-bottom: 10px;
}
 .forgotPassWrap .forgotPas a{
    padding-left: 25px !important;
}
 .forgotPassWrap .signup-form .forgotPas a {
     padding-left: 30px !important;
}
 .forgotPassWrap .signup-form.forgotPassNe #forgotpassword{
    font-size: 16px !important;
    padding: 10px 20px !important;
    margin: 15px 0px !important;
}
/*forgot password page css end*/
/*login page css starts*/
 .loginSectionHg i#btn {
     position: absolute;
     right: 25px;
     top: 10px;
}
 .container.loginSectionHg {
     padding-top: 40px;
     padding-bottom: 40px;
    /*height: 100%;
    */
}
/*.container.loginSectionHg .row {
     height: 100%;
}
 .container.loginSectionHg .signup {
     height: 100%;
}
*/
/*login page css end*/
/*global_search_form_new.php page css starts*/
 .globalSearchPage #table_list button.btn.btn-primary.btn-sm.review_proposal {
     padding-left: 15px!important;
     padding-right: 15px!important;
     font-size: 14px!important;
     background: #04ade5 !important;
     border: none;
     border-radius: 100px;
}
 #project_table_list button.btn.btn-primary.btn-sm.review_project {
     padding-left: 15px!important;
     padding-right: 15px!important;
     font-size: 14px!important;
     background: #04ade5 !important;
     border: none;
     border-radius: 100px;
}
.globalSearchPage #table_list button.btn.btn-primary.btn-sm.show_update_lead_modal{
    padding-left: 15px!important;
    padding-right: 15px!important;
    font-size: 14px!important;
    background: #04ade5 !important;
    border: none;
    border-radius: 100px
}
 .btn.fast_track_project {
     padding-left: 15px!important;
     padding-right: 15px!important;
     font-size: 14px!important;
     background: #04ade5 !important;
     border: none;
     border-radius: 100px;
}
 .globalSearchPage .newleadbtn {
     background: #fabe1a;
     font-size: 15px;
     padding: 8px 30px;
     border: none;
     border-radius: 100px;
}
 .globalSearchPage .modal {
     z-index: 9999 !important;
}
 .menucontainer .left-menu {
     position: relative;
     display: inline-block;
     left: 0;
     top: -20px;
}
 .globalSearchPage .threeButtons {
     display: block !important;
}
 .globalSearchPage .lead-btn {
     display: block;
}
 .globalSearchPage .btn-sm.fast_track_lead {
     font-size: 12px;
}
 .globalSearchPage .coBorrower{
    display: inline-block;
     padding-left: 10px;
}
 .globalSearchPage #requestDocusignForm label {
     display: block;
     margin-bottom: .5rem;
}
 .globalSearchPage .dollar{
     display:block;
     position: relative;
}
 .globalSearchPage .dollar input{
     padding-left:23px;
}
 .globalSearchPage .dollar:before {
     position: absolute;
     content:"$";
     left:8px;
     top:9px;
}
 .globalSearchPage .section.topSectionPadding{
    padding-bottom: 30px !important;
}
 button.btn.btn-primary.btn-sm.fast_track_lead {
     padding-left: 15px!important;
     padding-right: 15px!important;
     font-size: 12px!important;
     background: #04ade5 !important;
     border: none;
     border-radius: 100px;
}
 .uploadDocs{
     text-align: center;
     font-size: 18px;
     margin-bottom: 10px;
    margin-top: 20px;
}
 #fastTrackLeadForm #fileList > div:last-child > label {
     font: 17px/20px Tahoma;
}
 #fileList {
     display: block;
     padding-top: 10px;
     padding-left: 8px;
     text-align: center;
}
 #fastTrackLeadForm #fileList > div:last-child > label {
     margin-left: 8px;
}
 .globalSearchPage .textLeftC{
     padding-right: 20px;
}
 #fastTrackModal .modal-dialog {
     max-width: 60%;
     margin: 30px auto;
}
 #fastTrackLeadModal .modal-dialog {
     max-width: 90%;
     margin: 30px auto;
}
 .globalSearchPage .prjectHead {
     margin-top: 20px;
}
 .globalSearchPage .prjectHead p{
     margin-bottom: 0px;
}
 .globalSearchPage .prList ul{
     margin:0px;
     padding: 0px;
     margin-bottom: 20px;
}
 .globalSearchPage .prList ul li{
     list-style-type: disc;
}

.modelBoxFast .document-box-outer {

    padding: 65px;
    margin: 35px auto 10px;
}

.modelBoxFast .document-box {
    background: #007ab3;
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    text-align: left;
    border-radius: 10px;
    position: relative;
    padding: 110px 50px 15px;
    border: solid 1px #fff;
    -webkit-box-shadow: 5px 5px 0px 0px rgb(206 205 205);
    -moz-box-shadow: 5px 5px 0px 0px rgba(206, 205, 205, 1);
    box-shadow: 5px 5px 0px 0px rgb(206 205 205);
}

.modelBoxFast .document-box img {
    position: absolute;
    top: -82px;
    left: 50%;
    margin-left: -76px;
}

.modelBoxFast .document-box h3 {
    font-size: 17px;
    color: #fff;
    position: relative;
    margin: 0px 0 15px;
    font-weight: 600;
    text-align: justify;
    padding-right: 20px;
    letter-spacing: normal;
}

.modelBoxFast .custom-upload-button-section {
    width: 100%;

}
.modelBoxFast div#project-doc {
    white-space: normal;
    word-break: break-all;
}

.modelBoxFast .btn.submit_fast_track_project {
    background: #fff !important;
    color: #555 !important;
    margin-bottom: 3px !important;
    margin-top: 15px;
    width: 210px;
}

.btn.btn-primary.btnCustb{
    padding-left: 25px!important;
    padding-right: 25px!important;
    font-size: 16px!important;
    background:#04ade5 !important;
    border: none;
    border-radius: 20px;
}


/*global_search_form_new.php page css end*/
/*viewTicket.php page css starts*/

 .ticketViewPage .close_case.commonButAll {
    padding: 4px 15px;
    line-height: 20px;
    font-size: 14px !important;
    font-family:"Poppins-Regular", sans-serif;
}

#case_attachments p {
background: #eeedef;
    padding: 1px 5px;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    border-radius: 5px;
}

#case_attachments p a{
    color: #000;
    position: relative;
    padding-left: 23px;
}

#case_attachments p a:after {
    position: absolute;
    left: 0;
    top: -5px;
    font-family: 'Font Awesome 5 Free';
    color: #04ade5;
    content: "\f03e";
    padding-right: 10px;

}


.shareFileLf .fileupload{
    display: none;
}
 .ticketViewPage .commentBoxContain .card {
     margin-bottom: 50px;
}
}
 .ticketViewPage .replyBoxMsg {
     vertical-align: top;
     margin-left: 25px;
}
 .ticketViewPage .comment_file_name {
     word-break: break-all;
     padding-left: 10px;
     vertical-align: top;
     font-size: 14px;
}
 .ticketViewPage .shareFileLf span {
     word-break: break-all;
}
 .close_case{
     padding-top: 7px;
}
 .fileupload.inside_fileupload {
     width: 80%;
     display: none;
}
 .ticketViewPage .comment-body {
     padding-left: 8px;
         font-size: 15px;
    padding-top: 3px;
}
 .ticketViewPage #fileList > div > label > span:last-child {
     color: red;
     display: inline-block;
     margin-left: 7px;
     cursor: pointer;
     border-radius: 100px;
     width: 15px;
     border: 1px solid red;
     height: 15px;
     line-height: 15px;
     text-align: center;
     padding-left: 1px;
     vertical-align: middle;
}
 .ticketViewPage .inside-comment-body p {
     margin-bottom: 2px;
}
 .ticketViewPage .replyBoxMsg {
     background: #04ade5;
     border-color: #04ade5;
}
 .ticketViewPage .replyClipLeft {
     width: 79%;
     padding-left: 10px;
}
 .ticketViewPage .customCommt .comment-body p {
     margin-bottom: 0px;
}
 .ticketViewPage button.btn.btn-primary.shareComment {
     background-color: #04ade5;
     border-color: #04ade5;
}
 .ticketViewPage .comment-body a{
    color: #04ade5;
}
 .ticketViewPage .shareCommentRg {
     display: inline-block;
     vertical-align: top;
}
 .ticketViewPage #fileList {
     display: inline-block;
     vertical-align: top;
     text-align: left;
     width: 81%;
     padding-top: 0px;
}
 .comment-head.inlineForComment{
     display: inline-block;
     vertical-align: top;
     padding-left: 0px;
     font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
}
 .showhidecomment {
     display: inline-block;
     vertical-align: top;
     padding-top: 1px;
     padding-right: 3px;
}
 .commentCse .comment-section.customCommt {
     border-top: 1px solid #ced4da;
     padding: 15px 5px;
}
 .ticketViewPage #fileList > div:last-child > label {
     display: inline-block;
     width: 23px;
     height: 23px;
     font: 16px/22px Tahoma;
     color:#000;
     text-align: center;
     border:none;
    /* border-radius: 50%;
     */
}
 .ticketViewPage .customDivShow {
     background: #f7f7f7;
    padding: 15px 15px 0px 15px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
    border-radius: 5px;
}
 .ticketViewPage .inside-comment {
     border: 1px solid #e1e1e1;
     padding: 10px;
     margin-top: 10px;
     margin-bottom: 10px;
     margin-left: 0px;
     margin-right: 0px;
     border-radius: 5px;
         background: #eeedef;
}
 .viewCtTicket:hover {
     color: #fff;
}
 .viewCtTicket{
    color: #fff;
     background: #04ade5;
     border-radius: 100px;
        padding: 6px 15px;
    line-height: 20px;
        font-size: 14px;
}
 .viewbut {
     margin-bottom: 10px;
}
 .ticketViewPage input#addComment {
     background: #04ade5;
     border: 1px solid #04ade5;
     border-radius: 50px;
}
 .ticketViewPage #comment_text {
     margin-top: 35px;
}
 .ticketViewPage .comment-section {
     border-bottom: 1px solid #ced4da;
     padding: 6px;
}
 .ticketViewPage .commentCse {
     width: 100%;
}
 .ticketViewPage .inside-comment-head span {
       font-size: 13px;
    color: #04ade5;
    padding-left: 25px;
}
 .ticketViewPage .topHeadCard {
     font-size: 20px;
     text-transform: capitalize;
}
/*viewTicket.php page css end*/
/*workday_list.php page css starts*/
 .workdayLstPage .techHeader img {
     width: 240px;
}
 .workdayLstPage .navigation .navbar.techHeader .nav-item:last-child .nav-link {
     color: #000;
}
 section.schedulingdate.workdayLstPage {
     padding-top: 50px;
}
/*workday_list.php page css end*/
/*ticketPage.php page css start*/
 .createTicket.customCrete{
     position: absolute;
     top:5px;
     right: 5px;
}
 .ticketPage .tab-content {
     padding: 20px;
     background: #fff;
     border-bottom: 1px solid transparent;
     border-top: 1px solid transparent;
     border-left: 1px solid #e5e5e5;
     border-right: 1px solid #e5e5e5;
     border-bottom: 1px solid #e5e5e5;
}
 .ticketPage ul.nav.nav-tabs {
     padding: 10px 10px 0px 10px;
}
 .ticketPage ul.nav.nav-tabs li a {
     color: #000;
}
 .ticketPage ul.nav.nav-tabs {
     border-bottom: 1px solid #dee2e6;
}
 .ticketPage ul.nav.nav-tabs li.selected_tab a {
     color: #fff;
}
 .tabsCustomNu li.selected_tab {
     background: #04ade5 !important;
     color: #fff;
     border: 1px solid #04ade5 !important;
}
 .ticketPage ul.nav.nav-tabs li {
     background-color: #f1f1f1;
    margin-right: 20px;
     border-top: 1px solid #ddd;
     padding-top: 7px;
     padding-right: 7px;
     padding-left: 7px;
     border-right: 1px solid #ddd;
     border-left: 1px solid #ddd;
     padding-bottom: 7px;
     border-bottom: 1px solid transparent;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
 .ticketPage .btn a {
     color: #fff;
}
 .ticketPage .card-header:first-child {
     border-radius: 0px;
     position: relative;
}
 .ticketPage .btn {
     font-size: 16px;
     font-family: "Open Sans", sans-serif;
    text-transform: capitalize;
     padding: 7px 30px;
     border-radius: 35px;
     font-weight: 400;
     border: 0;
     position: relative;
     z-index: 1;
     transition: .2s ease;
}
 .ticketPage .table thead th:nth-child(1),.ticketPage .table thead th:nth-child(2){
     width:15%;
}
 .ticketPage .table thead th:nth-child(3){
     width:20%;
}
 .ticketPage .table thead th:nth-child(4){
    width:30%;
}
 .ticketPage .table thead th:nth-child(5),.ticketPage .table thead th:nth-child(6){
     width:15%;
}
 .createTicket{
    color: #fff;
     background: #04ade5;
    border-radius: 100px;
    padding: 6px 13px;
    margin-left: 16px;
}
 .createTicket:hover,.createTicket:active{
    color: #fff;
    background: #04ade5;
    border-radius: 100px;
    padding: 6px 13px;
    margin-left: 16px;
}
/*ticketPage.php page css end*/
/*customerQuery.php page css start*/
 .createbut.text-right {
     margin-top: 0px;
     margin-bottom: 20px;
}
 .customQuerySign{
     padding: 0px;
     box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    border: 1px solid #ebebeb;
}
 #case_msg {
     padding-left: 30px;
     padding-top: 20px;
     color: #4F8A10;
     text-align: center;
}
 .paddingforForm{
     padding :30px;
}
 .customQuerySign .card-header:first-child {
     border-radius: 0;
     margin-left: 0px;
     background: #04ade5;
     color: #fff;
     font-size: 20px;
     padding-left: 30px;
}
 .customQuerySign .signup-form .btn {
     margin-top: 20px;
}
 .btn-sm.btnCustomQuery {
     padding: 10px 39px !important;
     font-size: 16px;
    font-weight: normal;
     background: #04ade5;
     border-radius: 100px;
     margin-top: 30px;
}
/*customerQuery.php page css end*/
/*question.php page css starts*/
 .questionPage input.form-control {
     width: 500px;
     font-weight: 400;
}
 .questionMidBox .position-vertical-center {
     position: relative;
    top: 46%;
}
 body.questionCls {
     overflow: hidden;
}
 .progress__container {
     width: 30rem;
     max-width: 100%;
     position: relative;
     margin-bottom: 5rem;
     display: flex;
     justify-content: space-between;
     margin: 0 auto;
}
 .progress__container::before {
     content: "";
     width: 100%;
     height: 0.2rem;
     background-color: #ced6d5;
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
     z-index: 99;
}
 .progress__bar {
     width: 0%;
    height: 0.2rem;
     background-color: #04ade5;
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
     z-index: 99;
     transition: 0.4s ease;
}
 .progress__circle {
     width: 1rem;
     weight: 1rem;
     color: #2f2e41;
     background-color: #ced6d5;
     border: 0.2rem solid #ced6d5;
     border-radius: 50%;
     font-size: 4rem;
     display: flex;
     justify-content: center;
     transition: 0.4s ease;
     z-index: 999;
}
 .progress__circle.active {
     color: #04ade5;
     border: 0.2rem solid #04ade5;
     background-color: #04ade5;
    box-shadow: none;
}
 .progress__btn {
     width: 15rem;
     color: #333;
     background-color: #04ade5;
     font-family: monospace;
     border: 0;
     border-radius: 0.5rem;
     text-transform: uppercase;
     padding: 1rem;
     transition: all 0.3s ease;
}
 .progress__btn {
     width: 12rem;
     background-color: #04ade5;
     border: 0;
     text-transform: capitalize;
     color: #fff;
     padding: 12px 25px;
     border: 0px;
     font-size: 16px;
     font-weight: 600;
     border-radius: 100px;
     font-family: 'Open Sans', sans-serif;
}
 .progress__btn:hover {
     cursor: pointer;
     background-color: #04ade5;
}
 .progress__btn:disabled {
     cursor: not-allowed;
    background-color: #e0e0e0;
}
 .progress__wrapper {
     position: absolute;
     bottom: -20% left: 50%;
     transform: translate(-50%, -50%);
}
 .questionPage .formGroupCNew .select2-container .select2-selection--single {
     height: 40px;
}
 .questionPage .formGroupCNew .select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 35px;
     font-size: 16px;
}
 .questionPage .formGroupCNew .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 35px;
}
 .questionPage .select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 40px;
}
 .questionPage .select2-container .select2-selection--single {
     height: 40px;
     border-radius: 5px;
     border: 1px solid #cccccc;
     margin-bottom: 5px;
}
 .questionPage .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}
 .errortext2{
     font-size: 18px;
     display: block;
    color: #f00;
     margin-top: -20px;
}
 .questionPage .table_preview td{
     font-size: 13px;
     border: none !important;
     padding: 2px;
}
 .questionPage .table_preview td: second-child{
     color: red;
}
 .questionPage .table_preview th{
     font-size: 16px;
     padding: 0.4rem;
     border: none !important;
}
 .questionPage .hide{
     display: none;
}
 .questionPage .custom_label_question{
     font-size: 16px;
}
 .questionPage .form-check-input{
     position: absolute;
     top: 0px;
     line-height: 22px;
     height: 25px;
     width: 19px;
}
 .questionPage .drag-area{
     border: 2px dashed #000;
     height: auto;
     width: 75%;
     border-radius: 5px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     margin: auto;
     padding: 10px;
}
 .questionPage .drag-area.active{
     border: 2px solid #fff;
}
 .questionPage .drag-area .icon{
     font-size: 60px;
     color: #000;
}
 .questionPage .drag-area header{
     font-size: 18px;
     font-weight: 500;
     color: #000;
}
 .questionPage .drag-area span{
     font-size: 18px;
     font-weight: 500;
     color: #000;
     margin: 7px 0 4px 0;
}
 .questionPage .drag-area button{
     padding: 7px 25px;
     font-size: 20px;
     font-weight: 500;
     border: none;
     outline: none;
     background: #3db63d;
     color: #fff;
     border-radius: 5px;
     cursor: pointer;
}
 .questionMidBox .form-group label {
     display: inline-block;
     margin-bottom: 2px;
     font-size: 16px;
     text-transform: capitalize;
}
 .questionPage .drag-area img{
     height: 100%;
     width: 100%;
     object-fit: cover;
     border-radius: 5px;
}
 .questionPage .form-check-label{
    padding-left: 10px;
    padding-bottom: 8px;
}
 .formGroupCust{
    margin: 0px 15%;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 24px;
    text-align: left;
    margin-bottom: 10px;
}
 .formGroupCu{
    width: 30%;
    height: 40px;
    border: 1px solid #cccccc;
    text-align: center;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
     font-weight: normal;
    display: block;
    margin: 10px auto;
}
 .selctCust{
    color: #555;
    width: 500px;
    height: 40px !important;
    border: 1px solid #cccccc;
    text-align: center;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
     font-weight: normal;
    display: block;
    margin: 10px auto;
    border-radius:7px !important;
}
 .formGroupC{
     background: #fff;
    margin: 0px 10%;
    padding: 0px 10px;
    border-radius: 4px;
    font-size: 20px;
     text-align: left;
    margin-bottom: 15px;
    
}
 .questionPage .formGroupCWidth{
     background: white;
    margin: 0px;
    padding:0px 20px 0px 20px;
    border-radius: 4px;
    font-size: 17px;
     text-align: left;
     margin-bottom: 10px;     
   
}
 .questionPage h2.title-heading{
     font-size: 25px;
     padding: 14px 0px 15px 0;
     letter-spacing: 1px;
     font-weight: 600;
     width: 80%;
     margin-left: 10%;
     line-height: 1.0;
     color: #000;
    margin-bottom: 2px;
}
 .para-intro {
     max-width: 650px;
     font-size: 18px;
     margin-bottom: 15px;
     color: #000;
}
 .questionPage .errortext{
     font-size: 22px;
}
 .questionPage .table_preview td:first-child {
     width: 60%;
}
 .questionPage .form-group.company_select_div {
     width: 500px;
}
 .questionPage .form-group.roof_details_div {
     width: 500px;
}
 .questionPage .form-group.specialins_div {
     width: 500px;
}
 .questionPage .icon-phone {
     width: 57px;
     height: 57px;
     margin: 0 auto;
     background-image: url(../images/phone.png);
     background-repeat: no-repeat;
     background-size: cover;
     margin-bottom: 20px;
     display: inline-block;
     vertical-align: middle;
}
 .questionPage .errortext2{
    margin-top: -10px;
}
 .questionPage input.text-field {
    border-radius: 5px;
     width: 500px;
     height: 40px;
     color: #444;
     border: 1px solid #cccccc;
     text-align: center;
     font-size: 18px;
     font-family: 'Open Sans', sans-serif;
     font-weight: normal;
     display: inline-block;
     margin: 10px auto;
}
 .questionPage .icon-email {
     margin: 0 auto;
     width: 53px;
     height: 35px;
     background-image: url(../images/envalope.png);
     background-size: cover;
     background-repeat: no-repeat;
     margin-bottom: 20px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 8px !important;
}
 .questionCls .top-header {
     display: none;
}
 .questionCls #navbarSupportedContent {
     display: none !important;
}
 .questionCls .wrapper-bg-fixed.questionPage {
     background-color: #f5f5f2;
     background-image: none;
}
 .questionPage .progress-number{
     display: none;
}
 .questionCls .navigation .navbar {
     background: #f5f5f2 !important;
}
 .questionCls .swiper-vertical>.swiper-scrollbar{
     display: none;
}
 .questionCls .navigation {
     background: #f5f5f2;
}
 .questionMidBox {
     box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
     background: #fff;
     width: 700px;
     height: 520px !important;
     position: absolute;
     left: 50%;
     top: 44%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     border-radius: 0.5rem;
}
 .questionCls footer.bg-secondary {
     display: none;
}
 .questionCls .questionPage .btn-large {
     max-width: 250px;
     min-width: 140px;
     text-transform: capitalize;
}
 .questionCls .questionPage .select2-container {
     width:500px!important;
}
 .questionCls .questionPage .second-button-prev ,.questionCls .questionPage .third-button-prev, .questionCls .questionPage .fourth-button-prev,.questionCls .questionPage .eleven-button-prev, .questionCls .questionPage .twelve-button-prev,.questionCls .questionPage .seventh-button-prev, .questionCls .questionPage .eighth-button-prev,.questionCls .questionPage .fifth-button-prev, .questionCls .questionPage .sixth-button-prev{
     background: #fff;
     border: 1px solid #04ade5;
     color: #04ade5 !important;
}
 .questionPage input.form-check-input {
     padding: 0;
     height: initial;
     width: initial;
     margin-bottom: 0;
     display: none;
     cursor: pointer;
}
 .swiper-slide {
     padding: 0px 25px;
}
/*checkbox code starts*/
 .questionPage .customRadio{
     padding-left: 0px;
}
 .customRadio [type="checkbox"]:checked, .customRadio [type="checkbox"]:not(:checked) {
     position: absolute;
     left: -9999px;
}
 .customRadio [type="checkbox"]:checked + label, .customRadio [type="checkbox"]:not(:checked) + label {
     position: relative;
     padding-left: 30px;
     cursor: pointer;
     line-height: 20px;
     display: inline-block;
     color: #555;
}
 .customRadio [type="checkbox"]:checked + label:before, .customRadio [type="checkbox"]:not(:checked) + label:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 20px;
     height: 20px;
     border: 1px solid #ddd;
     border-radius: 100%;
     background: #fff;
}
 .customRadio [type="checkbox"]:checked + label:after, .customRadio [type="checkbox"]:not(:checked) + label:after {
     content: '';
     width: 20px;
     height: 20px;
     background: #48BBE1;
     position: absolute;
     top: 0px;
     left: 0px;
     border-radius: 100%;
     -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
 .customRadio [type="checkbox"]:not(:checked) + label:after {
     opacity: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
}
 .customRadio [type="checkbox"]:checked + label:after {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
}
/*checkbox code end*/
 .questionPage .select2-container--default .select2-selection--single .select2-selection__arrow b {
     border-color: #000 transparent transparent transparent;
     border-style: solid;
     border-width: 8px 4px 0 4px;
     height: 0;
     left: 50%;
     margin-left: -8px;
     margin-top: -5px;
     position: absolute;
     top: 50%;
     width: 0;
}
 .questionPage .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
     border-color: #000 transparent transparent transparent;
     border-style: solid;
     border-width: 8px 4px 0 4px 
}
 .questionPage .imgeTextCentr{
     text-align: left;
     margin-bottom: 35px;
    margin-top: 20px;
}
 .questionPage input.form-control {
     width: 500px;
}
 .chooseFileCutm {
     border: 0;
     color: #555;
     font-size: 16px;
     background: #fff;
     border: 1px solid #555;
     margin-left: 21px !important;
}
 .questionCls a.sitelogo {
     display: table;
     width: 200px;
     margin: 0 auto;
     margin-bottom: 8px;
}
/*question.php page css end*/
/*weeklist.php page css starts*/
 .cusWorkli {
     padding-left: 17px;
}
 .weeklistPage .projectdata {
     padding: 0% 1% 0 1%;
}
 .weeklistPage .schedulingdate {
     padding: 30px 15px 0 15px !important;
}
 .weeklistPage .colorTxt {
     padding-top: 0px;
}
 .weeklistPage .checkSpace {
     pointer-events: none;
}
 .weeklistPage .tdval {
     padding-left: 10px;
}
 .weeklistPage input[type="checkbox"]:disabled+label {
     color:#ccc;
}
 .weeklistPage input[type="text"]:disabled {
     background: #000;
}
 .weeklistPage .form-group1 label{
    display:inline-block;
}
 .weeklistPage .form-group1 input{
     display: inline-block;
    margin-left: 20px;
}
 .weeklistPage .form-group1 {
     display: block;
     margin-bottom: 20px;
}
 .weeklistPage .table>tbody>tr>td,.weeklistPage .table>tbody>tr>th, .weeklistPage .table>tfoot>tr>td, .weeklistPage .table>tfoot>tr>th, .weeklistPage .table>thead>tr>td, .weeklistPage .table>thead>tr>th {
     padding: 8px;
     line-height: 1.42857143;
     vertical-align: middle !important;
     border-top: 1px solid #ddd;
     text-align: center !important;
}
 #smallloader{
    margin: 0px;
     padding: 0px;
     position: fixed;
     right: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 30001;
     justify-content: center;
     align-items: center;
     background: rgba(255,255,255,0.5);
     vertical-align: middle;
     text-align: center;
     display: flex;
}
 .weeklistPage #project_details_data .form-group {
     display: block;
     margin-bottom: 0px;
}
 .weeklistPage #project_details_data .form-group input {
     padding: 0;
     height: initial;
     width: initial;
     margin-bottom: 0;
     display: none;
}
 .weeklistPage #project_details_data .form-group label {
     position: relative;
}
 .weeklistPage #project_details_data .form-group label:before {
     content: '';
     -webkit-appearance: none;
     background-color: transparent;
     border: 1px solid #0079bf;
     position: relative;
     vertical-align: middle;
     box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
     padding: 7px;
     display: inline-block;
     margin-right: 5px;
}
 .weeklistPage #project_details_data .form-group input:checked + label:after {
     content: '';
     display: block;
     position: absolute;
     top: 2px;
     left: 7px;
     width: 3px;
     height: 9px;
     border: solid #0079bf;
     border-width: 0 1px 1px 0;
     transform: rotate(45deg);
}
 .weeklistPage #financeModal .form-group {
     display: block;
     margin-bottom: 15px;
}
 .weeklistPage #financeModal .form-group input {
     padding: 0;
     height: initial;
     width: initial;
     margin-bottom: 0;
     display: none;
     cursor: pointer;
}
 .weeklistPage #financeModal .form-group label {
     position: relative;
     cursor: pointer;
}
 .weeklistPage #financeModal .form-group label:before {
     content:'';
     -webkit-appearance: none;
     background-color: transparent;
     border: 2px solid #0079bf;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
     padding: 10px;
     display: inline-block;
     position: relative;
     vertical-align: middle;
     cursor: pointer;
     margin-right: 5px;
}
 .weeklistPage .lead_box .form-group input:checked + label:after {
     content: '';
     display: block;
     position: absolute;
     top: 3px;
     left: 9px;
     width: 6px;
     height: 14px;
     border: solid #0079bf;
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
}
 .weeklistPage .midText{
     vertical-align: middle;
    width: 50%;
     height: 56px;
     margin-left: 20px;
}
 .weeklistPage #success_msg{
    text-align: center;
}
 .weeklistPage #financeModal .close {
     position: absolute;
     top: 6px;
     right: -35px;
     right: 3px;
     opacity: 1;
     border-radius: 30px;
     width: 30px;
     height: 30px;
     color: #fff;
     z-index: 999;
     font-size: 2rem;
    font-weight: normal;
     opacity: 1;
}
 section.schedulingdate.workdayLstPage {
     padding:0px;
}
 .section.topSectionPadding {
     padding-bottom: 10px !important;
}
/*weeklist.php page css end*/
/*techWorkDay.php page css starts*/
 .filterTypeBut {
     border: 1px solid #04ade5;
     border-radius: 3px;
     padding: 8px !important;
     background-color: #04ade5;
     padding: 2px;
     height: 40px;
     color: #fff;
}
 .workdaysPage.techWorkDayPage .table_header.borderNoneTop .table_cell {
     border-top: 1px solid #000;
     border-left: 1px solid #000;
     border-right: 0;
}
 .filterTypeSelect {
     border: 1px solid #e5e5e5;
     border-radius: 3px;
     padding: 5px;
     background-color: transparent;
     padding: 2px;
     height: 40px;
     margin-right: 10px;
     margin-left: 20px;
}
/*techWorkDay.php page css end*/
/*userList.php page css starts*/
 .centerSelectBox select {
     width: 200px;
}
 .centerSelectBox{
     text-align: center;
}
 table.dataTable.userListTble thead th, table.dataTable.userListTble thead td{
     text-align: left;
}
 table.dataTable.userListTble thead th:nth-child(1){
     width:65% 
}
 table.dataTable.userListTble thead th:nth-child(2){
     width:35% 
}
/*userList.php page css end*/
/*workday.php page css starts*/
.fontButSm {
    font-size: 18px;
    font-weight: normal;
}

.lead_box.boxTbleLead{margin: 15px;}

.workdaysInput {
    color: #666;
    margin-bottom: 20px;
}

.workdaysName {
    font-weight: bold;
    padding-bottom: 5px;
}

#smsModal .modal-header .close {
    padding: 0px;
    margin: 0px;
}

#myModal .modal-header .close {
    padding: 0px;
    margin: 0px;
}
.tableborder.projectTable button.getWorkDayModal {
    font-size: 12px;
    text-transform: capitalize;
    padding: 8px 12px;
    margin-left: 7px;
    height: 36px;
    line-height: 8px;
    margin-bottom: 8px;
    width: 150px;
    font-weight: 400;
    background: #04ade5;
    border-radius: 35px;
    color: #fff;
    position: inherit;
    border: 0;
    white-space: normal;
    line-height: 12px;
}

.smsModal{  font-size: 12px;
    text-transform: capitalize;
    padding: 10px 16px;
    margin-left: 7px;
    height: 30px;
    line-height: 8px;
    margin-bottom: 8px;
    width: 120px;
    font-weight: 400;
    background: #04ade5;
    border-radius: 35px;
    color: #fff;
    position: inherit;
    border: 0;}
.schedulinglabelNu.form-group{padding-left: 0px;}
.listMarg {
    margin-left: 10px;
}
.selectNoMarg{margin-left: 0px;}

 .workdaysPage #create-event {
     margin-right: 5px;
}
 #workdayModal .secondform .col-sm-12 {
     padding: 0px;
}
 #workdayModal .modal-body {
     padding-top: 20px;
     padding-left: 15px;
    padding-right: 15px;
}
 #workdayModal .modal-header {
     padding-left: 0px;
}
 #workdayModal .modal-header .close {
     padding:0px;
     margin:0px;
}
 a.btn.btn-primary.php_link_button {
     font-size: 12px;
     text-transform: capitalize;
     padding: 10px 16px;
     margin-left: 7px;
     height: 30px;
     line-height: 8px;
     margin-bottom: 8px;
     width: 120px;
     font-weight: 400;
     position: inherit;
}

.p-sm-5.px-3.py-5.dark-gray.customForGray {
    padding-bottom: 75px !important;
}

#getworkdaydata .strong {
    font-weight: bold;
}

#getworkdaydata td {
    min-width: 250px;
 }

 .modelFullWidth .modal-content {
    padding: 10px 20px 20px 20px;
}


 .workdaysPage section.schedulingdate {
     padding: 0px 0px 0 0px !important;
}
 .workdaysPage .schedulinglabel.form-group {
     margin-left: 11px;
     padding-left: 0px;
}
 .workdaysPage .table_header.borderNoneTop.table_row {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 999;
     background: #fff;
}
 .workdaysPage .table_header:nth-child(1) .fixed_row {
     border-top: 0;
     border-left: 0;
     border-right: 0;
}
 .workdaysPage .table_header.borderNoneTop .table_cell {
     border-top: 0;
     border-left: 0;
     border-right: 0;
}
 .workdaysPage .projecttable .table_cell_2 {
     text-align: center;
}
 .workdaysPage .textCrewaBrowen {
     font-size: 12px;
     text-transform: uppercase;
     padding: 10px 4px;
     margin-left: 7px;
     margin-bottom: 10px;
     border-radius: inherit;
     width: 185px;
     height: 40px;
     background-color:#c7b299;
     border: 1px solid #000;
}
 .workdaysPage .textCrewaWhite {
     font-size: 12px;
    text-transform: uppercase;
    padding: 10px 4px;
    margin-left: 7px;
    margin-bottom: 10px;
     border-radius: inherit;
     width: 185px;
     height: 40px;
     color: #000000;
     background-color:#ffffff;
     border: 1px solid #000;
}
 .workdaysPage .textCrewablack {
     font-size: 12px;
     text-transform: uppercase;
     padding: 10px 4px;
     margin-left: 7px;
     border-radius: inherit;
     margin-bottom: 10px;
     width: 185px;
     height: 40px;
     background-color:#474747;
     border: 1px solid #000;
}
 .workdaysPage .textCustomers{
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 8px !important;
    margin-left: 7px;
    border-radius: inherit;
    height: 38px;
}
 .workdaysPage .textCrewaBrowen:hover,.workdaysPage .textCrewaBrowen:focus,.workdaysPage .textCrewaBrowen:active{
    background-color: #c7b299 !important;
    border: 1px solid #000;
}
 .workdaysPage .textCrewablack:hover,.workdaysPage .textCrewablack:focus,.workdaysPage .textCrewablack:active{
    background-color: #474747 !important;
    border: 1px solid #000;
}
 .workdaysPage .textCrewa:hover,.workdaysPage .textCrewa:focus{
    background-color: #c7b299 !important;
    border: 1px solid #000;
}
 .workdaysPage .textCustomers:hover,.workdaysPage .textCustomers :focus{
    background-color: #474747 !important;
    border: 1px solid #000;
}
 .workdaysPage .table_header:nth-child(0) .fixed_row {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 99;
}
 .workdaysPage .workdayPageClass .navigation {
    display: none;
}
 .workdaysPage .workdayPageClass .schedulinglabel.form-group {
    margin-bottom: 0;
}
 .workdaysPage .sendSmsNone{
     display: none;
}
 .workdaysPage .textCrewa{
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 8px;
    margin-left: 3px;
    border-radius: inherit;
    height: 38px;
    font-weight: normal;
}
 .workdaysPage span.scheduleSpan {
     display: inherit;
}
 .workdaysPage .colorTxt{
    color:#555 !important;
     padding-top: 25px;
}
 .workdaysPage .page-title.overlay.workdayBanner {
     padding: 0px;
     background-color: none !important;
    background-image: none !important;
     margin-top: 0px;
}
 .workdaysPage .page-title.workdayBanner.overlay:before {
     background: none !important;
}
 .workdaysPage .modal .modal-header .close {
     padding: 0px;
     margin: 0px;
}
 #ui-datepicker-div{
     z-index: 9999 !important;
}
 .workdaysPage .select2-selection{
     height: 39px !important;
}
 .hide{
    display: none;
}
 .workdaysPage .projectdata {
     padding: 1% 1% 0 1%;
}

.alert.alert-success.customMrg {
    margin-left: 28px;
    margin-right: 30px;
}

 .workdaysPage .projectdata .table thead td, .workdaysPage .projectdata .table thead th {
     padding: .75rem;
     vertical-align: middle;
     text-align: center;
     background: #efefef;
     border: 1px solid #808080;
}
 .workdaysPage .projectdata tbody tr td {
     padding-top: 0px!important;
     padding-bottom: 0!important;
     min-height: 50px;
     height: 60px;
     word-break: break-word;
     white-space: inherit;
    border: 1px solid;
     padding-left: 0;
     padding-right: 0;
}
 .workdaysPage .projectdata tbody tr td table tbody tr td {
    border: 0;
     border-bottom: 1px solid;
     text-align: center;
     padding: 0 20px;
    vertical-align: middle;
     word-break: break-word;
     width: 30%;
}
 .workdaysPage .schedulingdate {
     padding: 50px 0 0 0;
}
 .workdaysPage .schedulinglabel.form-group.col-md-12 {
     display: flex;
}
 .workdaysPage .schedulinglabel .addprojectbtn, .workdaysPage .schedulinglabel .googleeventbtn, .workdaysPage .schedulinglabel .addworkdaybtn {
     font-size: 14px;
     text-transform: uppercase;
     padding: 10px 16px;
     margin-left: 7px;
     height: 40px;
     font-weight: normal;
}
 .workdaysPage .sendsmabtn {
     font-size: 14px;
     text-transform: uppercase;
     padding: 10px 16px;
     margin-left: 7px;
     height: 40px;
}
 .workdaysPage .btnsmall{
     font-size: 14px;
    text-transform: uppercase;
     padding: 10px 16px;
     margin-left: 7px;
     height: 40px;
}
 .workdaysPage .schedulinglabel input#scheduling_date {
     max-width: 120px;
    margin-right: 10px;
}
 .workdaysPage .schedulinglabel label {
  padding: 9px 9px 10px 3px;
    font-size: 14px;
}
 .workdaysPage tbody tr:first-child td table {
     background: #efefef;
}
 .workdaysPage tbody tr td:nth-child(1) table tbody tr td {
     color: #04ade5;
     font-weight: bold;
}
 .workdaysPage thead tr td:nth-child(1) {
     color: #04ade5;
     font-weight: bold;
}
 .workdaysPage .table {
     display: table;
     font-size: 16px;
}
 .workdaysPage .table_row {
     display: table-row-group;
    /* removing this, it works but table off kilter */
}
 .workdaysPage .table_cell {
     display: table-cell;
     border-bottom: 1px solid black;
     border-right: 1px solid black;
     padding: 2px;
}
 .workdaysPage .table_header:nth-child(1) .fixed_row {
     background-color: #efefef;
     font-weight: bold;
}
 .workdaysPage .table_header:nth-child(1) .table_cell a {
     font-weight: bold;
}
 .workdaysPage .table_cell:nth-child(1) {
     border-left: 1px solid black;
     background: #efefef;
     font-weight: bold;
    color: #04ade5;
     width: 15% !important;
}
 .workdaysPage .projecttable .table_cell .table_inner {
     padding: 0 5px;
     flex: 1;
}
 .workdaysPage .projecttable .table_cell_2 {
     display:block;
}
 .workdaysPage .projecttable #scheduling_section {
     border: 1px solid #e5e5e5;
}
 .workdaysPage .projecttable #scheduling_section .no_results {
     margin: auto;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     font-size: 18px;
     font-weight: 600;
}
 .workdaysPage .fixed_column {
     position: sticky;
     left: 0;
     padding: 20px;
}
 .workdaysPage div#scheduling_section {
     height: 83vh;
     overflow: scroll;
}
 .workdaysPage .navigation img {
    /*width: 240px;
    */
     display: table;
}
 .workdaysPage section.schedulingdate {
    padding-top: 0px;
}
 .workdaysPage .schedulinglabel.form-group.col-md-12 {
     display: flex;
}
 .workdaysPage .top-header .row {
     display: inherit;
}
/* Loader */
 .workdaysPage #loading-div {
     width: 300px;
     height: 150px;
     background-color: #fff;
     border: 5px solid #1468b3;
     text-align: center;
     color: #202020;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -150px;
     margin-top: -100px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     behavior: url(/css/pie/PIE.htc);
     z-index: 3;
}
 #loading-div-background {
     margin: 0px;
     padding: 0px;
     position: fixed;
     right: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 30001;
     justify-content: center;
     align-items: center;
     background: rgba(255,255,255,0.8);
     vertical-align: middle;
     text-align: center;
     display: flex;
}
 #loading-div-background:before {
     content: '';
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0, 0.5);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
     opacity: 1;
}
 .workdaysPage .project_cell {
     z-index: 2 
}
 .workdaysPage .table {
     display: table;
     font-size: 12px;
}
 .workdaysPage #scheduling_section .form-control{
    font-size:12px;
}
 .workdaysPage #scheduling_section .table_inner input {
     margin-top: 10px;
}
 .workdaysPage #scheduling_section .form-control.changeTime {
     width: 103px;
     padding-top: 0px;
     padding: 1px 6px 1px;
     height: 33px;
     margin-left: auto;
     margin-right: auto;
}
 .workdaysPage #scheduling_section .table_inner a.tdval {
     padding-left: 10px;
}
 .workdaysPage #scheduling_section .select2 .select2-selection {
     height: auto !important;
    margin-top: 5px;
}

.workdaysPage #scheduling_section .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: baseline !important;
}


 .bodyscrollfix .bodyoverlay {
     z-index: 9999 ;
}
/*workday.php page css end*/
/*airslatePage.php page css starts*/
 .airslatePage #airslatesubmit {
     border-radius: 0;
}
 .airslatePage .techHeader img {
     width: 240px;
}
 .airslatePage .navigation .navbar.techHeader .nav-item:last-child .nav-link {
     color: #000;
}
/*airslatePage.php page css end*/
/*login.php page css starts*/
 .signup-form .error-msg {
     margin: 0;
     text-align: justify;
     padding-bottom: 10px;
}
 .signup-form h4 {
     margin-bottom: 30px;
}
 .signup-form .error-msg {
     color: red;
}
 .signup-form .warning-msg{
     background: #f5e412;
     padding: 6px;
     border: 1px solid #ff0000;
}
 .signup-form .warning-msg p{
     color: #000;
}
 .errorMsgGroup {
     margin-bottom: 20px;
}
 .signup-form .btn-sm {
     padding: 6px 30px 10px 30px !important;
     font-size: 20px;
}
 .forgot-password{
     padding-left: 20px;
}
/*login.php page css end*/
/*myproject.php page css strats*/
 .myProjectPage .icons-section.desktop {
    display: block;
}
 .myProjectPage .icons-section.mobileview {
     display: none;
}
 .myProjectPage .project-sub-menu ul {
     margin: 0px;
     padding: 0px;
     padding-left: 15px;
}
 .myProjectPage .project-sub-menu ul li {
     list-style: none;
     display: inline-block;
     border-radius: 100px;
     margin-right: 10px;
     padding: 8px 30px;
     background: #04ade5;
}
 .myProjectPage .project-sub-menu ul li a {
     font-size: 16px;
     font-weight: normal;
     color: #fff;
}
 .myProjectPage .project-sub-menu ul li:last-child {
     background: transparent;
}
 .myProjectPage .btn {
     color:#fff;
     background: #04ade5;
     margin-bottom: 0;
     border: solid 1px #04ade5;
     padding: 8px 25px;
     font-size: 14px;
}

button.btn.btn-primary.submit_utility_poroject.utility_upload_button {
    background: #e9b013;
    border: 1px solid #e9b013;
    margin-top: 5px;
    width: 140px;
}

button.btn.btn-primary.submit_utility_poroject.utility_upload_button:hover,button.btn.btn-primary.submit_utility_poroject.utility_upload_button:focus{background: #e9b013;
    border: 1px solid #e9b013;}

 .myProjectPage .has-error{
    color:red;
     margin:0;
}
 .myProjectPage .modal{
    z-index:9999;
}
 .myProjectPage .welcome-menu .row.menucontainer{
     padding-left: 45px !important;
     margin-top: 20px !important;
}
 .myProjectPage .customheadProject .navigation .navbar .nav-item {
     padding: 0px 0;
}
 .myProjectPage .customheadProject .custom-nav li:last-child {
     padding: 0px 0 !important;
}
 .myProjectPage header.customheadProject {
     vertical-align: top;
     display: inline-block;
}
 .myProjectPage .dropdownXCust {
     vertical-align: top;
     display: inline-block;
}
/*myproject.php page css end*/
/*welcome.php page css starts*/
 .boxwelcome {
    display: table;
     width: 100%;
     border: 1px solid #ddd;
     margin-bottom: 15px;
     box-shadow: 7px 8px 8px 0px #00aadf;
     cursor: pointer;
     padding:50px;
}
 .iconsForWel img {
     width: 150px;
     margin-bottom: 20px;
}
 .marginTopBox{
     margin-top: 30px;
}
/*Responsive css starts*/
 @media (min-width: 1366px) and (max-width: 1900px){
     .workdaysPage div#scheduling_section {
         height:80vh;
        overflow: scroll;
    }
}
/*@media (min-width: 1600px) and (max-width: 2200px){
     .container.loginSectionHg{
         max-width:1400px;
        padding-top: 200px;
         padding-bottom: 200px;
    }
}
*/
/*weeklist.php responsive page css starts*/
 @media only screen and (max-width: 1331px) {
    .rightDivIm {
    width: 85%;
}

.imgLeft {
    width: 10%;
}
     .weeklistPage table#week_table_list.dataTable>tbody>tr.child ul.dtr-details {
         display: block;
    }
     .weeklistPage table#week_table_list.dataTable>tbody>tr.child ul.dtr-details>li {
         text-align: left;
    }
     .weeklistPage #project_details_data ul.dtr-details .form-group {
         display: inline-block;
         margin-bottom: 0px;
         padding-top: 15px;
         padding-left: 20px;
    }
}
/*weeklist.php responsive page css end*/
/*myproject.php responsive css strats*/
 @media only screen and (min-width: 1280px) {
     .myProjectPage .container {
         max-width: 100%;
    }
    
}
/*myproject.php responsive css end*/
 @media (min-width: 768px) and (max-width: 992px){
.rightDivIm {
    width: 85%;
}
    .containerField {
        width: 100%;
    }
.ticketViewPage .inside-comment-head span {
    padding-left: 10px;
}
.imgLeft {
    width: 10%;
}
.gridTable td, .gridTable th {
    padding: 5px 5px;
    font-size: 13px;
}
    footer .text-md-left {
    margin-top: 0 !important;
}
     .questionCls a.sitelogo {
         width: 210px;
    }
     .marginleftHome {
         margin-left: 0px;
    }
     .questionMidBox {
         top: 48%;
    }
     .workdaysPage .textCrewa {
         margin-left: 11px;
    }
     .globalSearchPage .threeButtons {
         display: block !important;
         margin-left: -60px !important;
    }
     .weeklistPage .colorTxt {
         padding-top: 10px;
         font-size: 21px;
    }
     .workdaysPage .schedulinglabel label {
         font-size: 14px;
    }
}
 @media only screen and (max-width: 767px) {

/*ticket.php page css starts*/
.boxTb{ margin-bottom: 10px; }
.viewbut.text-right {
    text-align: center !important;
}
.containerField {
        width: 100%;
    }
.rightDivIm {
    width: 84%;
}
.imgLeft {
    width: 11%;
}

.casePriority {
    font-size: 15px;
    
}
.mobileDeviceTable {
    display: block;
}
.gridTable {
    display: none;
}
.caseNameDate {
    display: block;
    width: 100%;
}
.caseNumbr {
    display: inline-block;
    width: 82%;
    font-size: 14px;
}
.caseNumberContainer {
    padding-bottom: 5px;
}

.caseStatus {
    display: inline-block;
    font-size: 14px;
}
.customrName {
    display: inline-block;
    width: 50%;
}

.boxTb {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 15px;
}
.caseHeading h6 {
    color: #04ade5;
    font-size: 16px;
    padding-bottom: 10px;
}
.customrName p {
    padding-top: 0px;
    margin-bottom: 0px;
}   
.customrName p {
    padding-top: 0px;
    margin-bottom: 0px;
        line-height: 20px;
}

.customerNameHed,.customerDateHed {
    color: #a59e9e;
    font-size: 13px;
}

.customrDate {
    display: inline-block;
}
.customrDate p,.customrDate p {
    margin-bottom: 0px;
    line-height: 20px;
}


/*ticket.php page css end*/




    .mt-5.mt-lg-0.text-center.text-md-left {margin-left: 0px;}
    .marginleftHome.homeHead{ margin-left:0px !important; }
.marginleftHome.homeHead center,.marginleftHome.homeHead {text-align: center !important; }
.p-sm-5.px-3.py-5.dark-gray.customForGray {
    padding-top: 33px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 60px !important;
}
    .imgHeightMission {
    height: auto !important;
}

     .slick-slide {height: auto!important;}
     .questionMidBox #gate_code {
         width: 226px !important;
    }
     .questionMidBox #instructions_property {
         width: 230px !important;
    }
     .questionMidBox .customRadio [type="checkbox"]:checked + label:after, .questionMidBox .customRadio [type="checkbox"]:not(:checked) + label:after, .questionMidBox .customRadio [type="checkbox"]:checked + label:before, .questionMidBox .customRadio [type="checkbox"]:not(:checked) + label:before {
         width: 13px;
         height: 13px;
         left: 8px;
         top: 3px;
    }
     .questionMidBox .swiper-slide {
         padding: 0px 6px;
    }
     .questionMidBox .position-vertical-center {
         top: 50%;
         min-height: auto;
    }
     .commentBoxContain {
         margin-top: 20px;
    }
     .ticketPage ul.nav.nav-tabs li {
         margin-right: 1px;
    }
     .ticketPage ul.nav.nav-tabs li a {
         font-size: 14px;
    }
     .logosectionhome a img {
         width: 150px;
    }
     .questionPage .chooseFileCutm {
         margin-left: 0px !important;
    }
     .createTicket {
         right: 36px;
         top: 67px;
    }
     .customQuerySign {
         margin-bottom: 30px;
    }
     .questionPage .form-control {
         height: 40px !important;
    }
     .questionPage textarea.form-control {
         padding: 0 15px 2px;
         height: 50px !important;
         margin-bottom: 15px;
         font-size: 13px;
         width: 80%;
    }
     .questionPage .errortext2 {
         margin-top: 0px;
    }
     .customRadio [type="checkbox"]:checked + label, .customRadio [type="checkbox"]:not(:checked) + label {
         font-size: 12px;
    }
     .questionMidBox {
         top: 48%;
    }
     .para-intro {
         margin-bottom: 6px;
    }
     .progress__container {
         max-width: 80%;
    }
     .questionCls a.sitelogo {
         width: 110px;
         margin-bottom: 30px;
    }
     .questionCls a.sitelogo {
         width: inherit;
         margin-bottom: 0px;
         padding: 10px 0 0 0;
    }
     .signup-form .responsive-img img {
         width: 200px;
    }
     .signup-form .forgotPas a,.forgotPassWrap .signup-form .forgotPas a {
         padding-left: 0px !important;
    }
     .heightForSection {
         height: inherit;
    }
     .myProjectPage .project-sub-menu ul {
         text-align: center;
    }
     .myProjectPage .project-sub-menu ul li {
         padding: 5px 15px;
         margin-bottom: 10px;
    }
     .myProjectPage .project-sub-menu ul li a {
         font-size: 14px;
    }
     .myProjectPage .icons-section.desktop {
         display: none;
    }
     .myProjectPage .icons-section.mobileview {
         display: block;
    }
     .myProjectPage .iconSpanDiv {
         position: absolute;
         top: 36%;
         width: 30px;
         height: 30px;
         left: 40%;
         transform: translate(-50%, -50%);
    }
     .myProjectPage .icon-align {
         position: relative;
    }
     .myProjectPage .icons-section ul li span {
         margin-right: 0px !important;
    }
     .icons-section ul li .check svg {
         width: 17px;
         height: 17px;
         top: 35% !important;
         left: 49%;
    }
     .myProjectPage .show-your-friends-inner .heading-section .left-section{
         font-size: 18px;
    }
     .myProjectPage .show-your-friends-inner .heading-section .right-section span:first-of-type {
         font-size: 16px;
    }
     .myProjectPage .show-your-friends-inner .heading-section .right-section{
         font-size: 14px;
    }
     .myProjectPage .share-icon-btn img {
         width: 80px;
    }
     .myProjectPage .show-your-friends-inner .share-icon-btn {
         top: -58px;
        left: 53%;
        margin-left: -80px;
    }
     .myProjectPage .show-your-friends-inner{
         padding: 80px 15px 15px;
    }
     .myProjectPage .show-your-friends-inner a {
         padding: 4px 30px;
         font-size: 14px;
         text-transform: capitalize;
         margin: 10px auto;
    }
     .myProjectPage .btn-aj-orange {
         top: 0;
    }
     .myProjectPage .project-status-section .inside-padding {
         padding: 10px;
    }
     .myProjectPage .icons-section ul li h3 {
         font-size: 11px !important;
    }
     .myProjectPage .project-status-section-outer h2 {
         font-size: 24px;
    }
     .myProjectPage .icons-section ul li h3 {
         width: 90px;
         left: 0px;
         margin-left: 0px;
         padding-top: 18px;
         display: block;
    }
     .myProjectPage .split-document-section .document-box img {
         position: absolute;
         top: -40px;
         left: 50%;
         margin-left: -40px;
         width: 80px;
    }
     .myProjectPage .split-document-section .document-box {
         padding: 42px 11px 7px;
    }
     .myProjectPage .split-document-section .document-box h3 {
         font-size: 16px;
    }
     .myProjectPage .custom-upload-button-section .inputfile+label .btn-inputfile {
         font-size: 12px;
    }
     .myProjectPage .split-document-section h2 {
         font-size: 24px;
    }
     .myProjectPage .split-document-section .document-box-outer {
         padding: 15px;
         margin: 35px auto 10px;
    }
     .myProjectPage .custom-upload-button-section .inputfile+label .archive-name {
         padding: 8px 10px 0;
         height: 35px !important;
         font-size: 14px;
    }
     .myProjectPage .custom-upload-button-section .inputfile+label .btn-inputfile {
         height: 35px;
         padding: 9px 10px 0;
    }
     .questionCls .questionPage .select2-container ,.questionPage input.text-field {
         width: 290px!important;
    }
     .questionCls button.navbar-toggler {
         display: none;
    }
     .questionMidBox{
         width: 80%;
    }
     .tpWelContain {
         position: relative;
    }
     .weeklistPage .colorTxt {
         padding-top: 10px;
         font-size: 21px;
    }
     .textCustcenter{
         text-align: center;
    }
     .myProjectPage header.customheadProject {
         margin-bottom: 10px;
    }
     .textCrewa {
         margin-bottom: 10px;
    }
     .globalSearchPage .threeButtons button {
         margin-bottom: 10px;
         width: 130px;
    }
     .globalSearchPage .newleadbtn {
         font-size: 12px;
         padding: 6px 17px;
    }
     .globalSearchPage .selectPipeline {
         margin: 0 auto;
    }
     .questionPage .formGroupCust {
         margin: 0px 1%;
    }
     .questionPage .swipe-slide{
         font-size:14px;
    }
     .questionPage .table.table_preview{
         margin-bottom: 0px;
    }
     .questionPage .btn-large{
         font-size:14px;
        padding: 6px 14px;
    }
     .questionCls .questionPage .btn-large {
         max-width: 200px;
         min-width: 100px;
    }
     .questionPage .formGroupCNew .select2-container--default .select2-selection--single .select2-selection__rendered {
         font-size: 14px;
    }
     .questionCls .questionPage .alert {
         margin-right: 15px;
         margin-left: 15px;
    }
     .questionPage .table_preview td {
         font-size: 9px;
         padding: 0px;
         padding-right: 10px;
    }
     .questionPage .form-check label:before {
         padding: 7px;
    }
     .questionPage input.form-control {
         width: 290px;
         margin-bottom: 8px;
    }
     .questionPage .form-check input:checked + label:after {
         top: 3px;
         left: 10px;
         width: 16px;
         height: 16px;
    }
     .errortext {
         margin-top: -10px;
    }
     .questionPage .errortext2 {
         font-size: 12px;
    }
     .questionPage .form-check-label {
         padding-bottom: 5px;
    }
     .questionPage .formGroupCNew .select2-container .select2-selection--single {
         height: 35px;
    }
     .questionPage input.text-field{
         font-size:14px;
        border-radius: 5px;
    }
     .questionPage .formGroupCWidth {
         font-size: 14px;
         padding: 5px 12px;
    }
     .questionPage .form-check-input {
         line-height: 17px;
         height: 16px;
         width: 17px;
    }
     .questionPage .drag-area{
         height: 160px;
    }
     .questionPage .form-control {
         padding: 0 15px 2px;
         height: 32px !important;
         margin-bottom: 15px;
         font-size: 13px;
         width: 290px;
    }
     .questionPage .formGroupC {
         font-size: 14px;
    }
     .questionPage .form-group.company_select_div {
         width: 290px;
    }
     .questionPage .form-group.roof_details_div {
         width: 290px;
    }
     .questionPage .formGroupCu,.questionPage .selctCust {
         width: 290px;
         height: 40px !important;
         font-size: 14px;
    }
     .questionPage .formGroupC {
         margin: 0 auto;
         width: 320px;
    }
     .questionPage .custom_label_question {
         font-size: 13px;
    }
     .questionPage .drag-area button {
         padding: 4px 11px;
         font-size: 12px;
    }
     .questionPage .drag-area .icon {
         font-size: 26px;
    }
     .questionPage .drag-area header {
         font-size: 12px;
         padding-left: 4px;
         padding-right: 4px;
    }
     .questionPage .drag-area span {
         font-size: 12px;
         word-break: break-all;
         margin: 2px 0 4px 0;
    }
     .questionPage .para-intro {
         font-size: 14px;
    }
     .questionPage h2.title-heading{
        font-size: 16px;
        margin-bottom: 0px;
         padding-bottom: 8px;
        padding-top: 0px;
    }
     .questionPage a.sitelogo {
         width: 130px;
         padding: 5px 0;
    }
     .questionPage .top-header .list-inline {
         display: flex;
    }
     .questionPage .top-header .list-inline li a {
         padding: 0 5px;
    }
     .questionPage .label-question-check label,.questionMidBox .form-group label {
         font-size: 14px;
         width: 230px;
    }
    /*global_search_form_new.php responsive css starts*/
     .globalSearchPage select.selectPipelineOption {
         width: 100%;
         text-indent: calc(50% - 16px);
    }
     .globalSearchPage .select2-container--open .select2-dropdown {
         top: 30px !important;
    }
    /*global_search_form_new.php responsive css end*/
    /* workdays.php responsive css starts*/
     .workdaysPage span.scheduleSpan {
         display: block;
    }
     .workdaysPage section.schedulingdate {
         padding-top: 20px;
    }
     .workdaysPage .colorTxt{
        font-size:24px;
    }
     .workdaysPage .schedulinglabel label {
         padding: 10px 7px;
         font-size: 14px;
         display: inline-block;
    }
     .workdaysPage .schedulinglabel input#scheduling_date {
         margin-left: 7px;
         margin-bottom: 20px;
         display: inline-block;
         max-width: 145px;
    }
     .workdaysPage .schedulinglabel .addprojectbtn, .workdaysPage .schedulinglabel .googleeventbtn, .workdaysPage .schedulinglabel .addworkdaybtn {
         font-size: 11px;
         padding: 2px 9px;
         margin-left: 3px;
         height: 35px;
         margin-bottom: 10px;
    }
     .workdaysPage .sendsmabtn {
         font-size: 11px;
         padding: 10px 10px;
         margin-left: 3px;
         height: 35px;
         margin-bottom: 10px;
    }
     .workdaysPage .schedulinglabel.form-group.col-md-12 {
         display: block !important;
    }
     .globalSearchPage .threeButtons {
         padding: 0px !important;
         margin-left: -36px !important;
    }
    /*workdays.php responsive css end*/
}
 @media (max-width:580px){
    #case_attachments p {
    display: block;
}
    .casePriority {
    font-size: 14px;
    text-align: left;
}
     .globalSearchPage .threeButtons {
         padding: 0px !important;
         margin-left: 0px !important;
    }
     .topWelcomeText {
         position: absolute;
         width: 90px;
         right: 0px;
         top: 0px;
         text-align: center;
    }
}
 @media (max-width:480px){
    #case_attachments p a {
    word-break: break-all;
}

/*ticket.php page css starts*/
.casePriority {
    font-size: 14px;
    text-align: left;
}
.caseNumbr {
    width: 62% !important;
}
.caseHeading h6 {
    font-size: 14px;
}
.boxTb {
    padding: 8px;
}
.customrDate {
    width: 100%;
    vertical-align: top;
}
.customrName {
    width: 100%;
    vertical-align: top;
    padding-bottom: 7px;
}
.customrName p, .customrDate p {
    font-size: 13px;
}

.customerNameHed, .customerDateHed {
    font-size: 12px;
}


/*ticket.php page css end*/




     .workdaysPage .schedulinglabel label {
         font-size: 13px;
    }
     .workdaysPage .schedulinglabel input#scheduling_date {
         margin-left: 7px;
         margin-bottom: 20px;
         display: inline-block;
         max-width: 100px;
         font-size: 13px;
    }
     .icons-section ul li {
         width: 80px !important;
         height: 80px !important;
    }
     .questionMidBox{
         width:310px;
         height: 490px !important;
    }
     .questionCls .questionPage .select2-container, .questionPage .selctCust, .questionPage input.text-field {
         width: 80% !important;
    }
     .questionCls .questionPage .select2-container, .questionPage input.text-field {
         width: 80% !important;
    }
     .questionCls .questionPage .select2-container, .questionPage input.form-control {
         width: 80% !important;
    }
     .form-group.formGroupC.formGroupCNew,.form-group.formGroupC {
         padding-left: 35px;
    }
}
/*Responsive css end*/