/*================================================================================
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
  Version: 2.0
  Author: PIXINVENT
  Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

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

@import url(../css/price-tbl/page-pricing.css);
@import url(../css/owl/owl.carousel.min.css);
@import url(../css/owl/owl.theme.default.min.css);
@import url(../css/all.css);
@import url(../css/all.min.css);
@import url(../css/fontawesome.min.css);


body{
   margin: 0;
   padding: 0;
   overflow-x: hidden;
}

.sog-tbl .job-chart{
padding-right: 0px;
}


.owl-carousel .owl-wrapper {
   /* override */
   overflow: initial;
}
.curspointer{
   cursor: pointer;
}

#jobcard .text-center{
  margin-left: 350px;
}
/*comments view*/
.notesview h4 span, .uploadview h4 span {
    float: right;
    font-size: 13px;
    font-weight: 600;
}
.uploadview {
    background-color: #f1f1f1;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0px;
    width: 75%;
    float: left;
    margin-right: 10px;
}
.notesview h4, .uploadview h4 {
    color: #f5821f;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    border-bottom: 1px solid #b2b9c6;
    padding: 0px 0px 5px;
    margin: 0px 0px 5px;
}
.notesview {
    background-color: #f1f1f1;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0px;
    width:75%;
    float: left;
    margin-right: 10px;
}
/*commnets view */

/*file upload*/
.files ul{
   padding-left: 0;
   margin-top: 15px;
}
.files ul li{
   list-style: none;
   padding-bottom: 15px;
}
.file-size{
   color: #f5821f;
   /* padding: 0 30px;   */
   
   padding: 0px 50px 0px 20px;
     
}
/* .pa-file{
   padding: 0px 50px 0px 20px;
} */

.up-del-icn{
   float:right;
   color: red;
}
.nl-files{
   background: #eee;
   padding: 5px 5px;
   border-radius: 10px;
   min-height: 40px;
   margin-bottom: 15px;
   /* margin-left: -35px; */
}
.nl-files ul li{
   padding: 0.5rem;
    /* padding-right: 0px  !important; */
    float: left;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #454545;
    /* margin-left:-20px; */
}
.nl-files ul{
   padding: 0px;
}
.nl-files ul li i{
   cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.newsection1{
   width: 100%;
}
.newsection1 .pagination{
   padding: 10px 0px 0px;
   margin: 0px 0 30px;
   width: 100%;
   justify-content: flex-end;
}
.newsection1 .pagination a{
   width: 30px;
   height: 30px;
   background-color: #fff;
   color: #123b71 !important;
   font-size: 15px;
   font-weight: 500;
   line-height: 29px;
   text-align: center;
   border-top: 1px solid rgb(55 86 106 / 59%);
   border-right: 1px solid rgb(55 86 106 / 59%);
   border-bottom: 1px solid rgb(55 86 106 / 59%);
   padding: 0px;
   margin: 0px;
   cursor: pointer;
}
.newsection1 .pagination a:hover, .newsection1 .pagination a.current:hover{
   color: #fff !important;
   background-color: #00b1e1;
}
.newsection1 .pagination a.current{
   color: #fff !important;
   background-color: #123b71;
}

.newsection1 .pagination a:nth-child(1){
   border-left: 1px solid rgb(55 86 106 / 59%);
}
.newsection1 .pagination a.nav{
   justify-content: center;
}
.newsection1 .pagination a.disabled{
   cursor: not-allowed;
}
.newsection1 .pagination a.disabled:hover{
   color: #123b71 !important;
   background-color: #e8e9eb;
}
.newfileupload11{
   position: relative;
   background-color: #f6f6f6;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   border: 2px dashed rgb(13 55 112 / 25%);
   padding: 17px 0px;
   margin: 0px 0px 20px;
   z-index: 1;
}
.newfileupload11 input[type="file"]{
   position: absolute;
   top: 0px;
   right: 0px;
   left: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
   background-color: transparent !important;
   opacity: 0!important;
   visibility: visible !important;
   z-index: 9 !important;
   cursor: pointer;
}
.newfileupload12{
   text-align: center;
}
.newfileupload12 img{
   display: block;
   width: 50px;
   height: 50px;
   margin: 0px auto;
}
.newfileupload12 h4{
   color: #f5821f;
   font-size: 17px;
   font-weight: 700;
   line-height: 1.3;
   padding: 0px;
   margin: 9px 0px 0px;
}
.newfileupload12 p{
   color: #333;
   font-size: 15px;
   font-weight: 500;
   line-height: 1.3;
   padding: 0px;
   margin: 0px;
   text-align: center !important;
}
.newfileupload12 a{
/*   display: inline-block;
   background-color: #0d3770;
   color: #fff;*/
   font-size: 15px;
   font-weight: 500;
   border-radius: 4px;
   padding: 5px 13px 6px;
   margin: 6px 0px 0px;
}
.newfileupload12 a:hover, .newfileupload12 a:focus{
   color: #fff;
   text-decoration: none;
}
.newfileupload12 span{
   display: block;
   margin: 7px 0px 0px;
}
/*file upload end*/
.sog-tbl td a{
  color: #6e6b7b;
/*  font-size: 14px;*/
}
.check{
   padding: 0px;
}
/*handset page*/
.image-input {
    text-align: center;
}
.image-input label {
    display: block;
    color: #999;
    background: #e7ebf0;
    font-size: 15px;
    cursor: pointer;
    padding: 7px 15px;
    border-radius: 5px;
}
/* .formfield1 input[type="file"] {
    position: absolute;
    right: -9999px;
    visibility: hidden;
    opacity: 0;
} */
.image-input img {
    max-width: 175px;
    display: none;
}
.image-input img {
    margin: 20px auto;
    display: block;
    text-align: center;
}
.image-input span {
    display: none;
    text-align: center;
    cursor: pointer;
    background: #e7ebf0;
    color: #999;
    padding: 6px 15px;
    border-radius: 5px;
}
/*handset page end*/
/*deparment page style*/
.editBlock label{
   font-size: 13px;
   color: var(--txt-clr1);
   line-height: 30px;
}
.hardware .hide, .dept-lst .hide,
.prnt_access .hide, .printer-pg .hide {
  display: none !important;
}
.hardware .editBlock.show,
.dept-lst .editBlock.show,
.prnt_access .editBlock.show,
.printer-pg  .editBlock.show{display: table-row !important;}
.editBlock{
   background: #f6f6f6 !important;
}
.editBlock label{
    text-align:left;
}
.editBlock td{
   text-align: left !important;
   vertical-align: middle !important;
}
.editBlock .form-group{
   margin-bottom: 0 !important;
}
.editBlock label{
   color: #767676 !important;
   font-weight: 600;
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
.editBlock input{
   font-size: 13px;
   color: var(--txt-clr1);
}
.editBlock .c-rdo-btn label{
   font-weight: 400 !important;
}
/*deparment page style ends*/
/*.sog-tbl th{
  text-align: center;
}*/
.p-rt-0{
  padding-right: 0;
}
.p-0{
   padding: 0px;
}
.p-lt-0{
  padding-left: 0;
}
.auth-bg img{
  margin: 0 auto 80px;
  display: block;
}
.second{
  color: #b4b4b4;
   font-size: 12px;
}
.blank-page{
   height: 100vh;
   overflow: hidden;
}
.blank-page footer{
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin-left: 0 !important;
}
.frm-imp{
   color: red;
}
/* .navbar-header{
   margin-bottom: 45px;
} */
.navbar-header.expanded{
   margin-right: 0 !important;
}
.navbar-header.expanded .brand-logo{
    display: none;
}
.navbar-header.expanded .brand-text img{
   margin: 0 auto;
   display: block;
}
/* lead */
.lead-h3{
   color: #f5821f;
   margin: 0 0 20px;
   font-weight: 600;
}
.mt-20{
   margin-top: 20px;
}
.mt-15 > *{
   margin-top: 5px;
}
.owl-wrapper{
   width: 100%;
}
.over-hide{
   overflow: hidden;
}
.data-serv-tbl table td{max-width:250px}
/* end lead */
/* quotation */
#price_scroll .owl-item{
   padding-top: 40px;
}
#price_scroll .owl-controls{
   margin-top: 0;
}
#price_scroll .owl-page span{
   background: #d7d7d7;
}
#price_scroll .owl-page.active span{
   background: var(--drk-blue);
}
.lead-h4{
   font-size: 18px;
}
.top-ln{
   border-top: 1px solid #ebe9f1;
   margin: 50px 0;
}
.serv-lst-view, .serv-lst-view1{
   padding-left: 0;
   margin: 0;
}
.serv-lst-view li{
   list-style: none;
   display: inline-block;
   padding-right: 5px;
}
.serv-lst-view1 li{
   list-style: none;
   padding-bottom: 15px;
}
.serv-lst-view1 li:last-child{
   padding-bottom: 0;
}
.min-ht-209{
   min-height: 209px;
}
.min-ht-270{
   min-height: 270px;
}
.th-center table th{
   text-align: center;
}
.bx-shdw{
   box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
}
.totalmincost{
   color: #f5821f;
}
.sml-txt{
   font-size: 12px;
   color: #f5821f;
}
.user-icn{
   width: 60px;
    height: 60px;
    background: #f0f0f0;
    padding: 10px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.user-icn .feather{
   width: 60px;
   height: 60px;
}
/* owl nav */
/* slider */
.menu-expanded .container{
   max-width:960px;
}
.menu-collapsed .container{
   max-width:1140px;
}
@media(min-width:1250px) and (max-width:1499px){
   .menu-expanded .container{
      max-width:685px !important;
   }
   .menu-collapsed .container{
      max-width:865px !important;
   }
}
/* end slider */
.owl-prev span, .owl-next span {
  color: #FFF;
}
.owl-prev span:hover, 
.owl-next span:hover {
  color: #8199A3;
}
.owl-prev, .owl-next {
  position: absolute;
  top: 0;
  height: 100%;
}
.owl-prev {
  left: 7px;
}
.owl-next {
  right: 7px;
}
/* end */
/* contract */
.badge-div{
   background-color: rgba(130, 134, 139, 0.12);
   padding: 15px 15px;
   border-radius: 5px;
}
.badge-div p{
   color: #82868b !important;
   margin-bottom: 0;
   font-size: 14px;
   font-weight: 500;
}
.total-cost .input-group{
   width: auto !important;
   margin-left: 10px;
}
.mb-30{
   margin-bottom: 30px;
}
.cust-con input{
   width: 20% !important;
    display: inline-block !important;
    background: none !important;
    border-bottom: 1px solid #d7d7d7;
    margin: 0 10px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding: 0px;
    height: 25px;
}
.dat-box input{
   margin: 0 !important;
}
.clr-txt p{
   color: #f5821f;
   font-size: 12px;
}
.p-13{
   font-size: 13px;
}
.cntr-tbl table th{
   text-align: center;
}
.btm-cnt{
   background: #f5f5f5;
   padding: 15px;
   border-radius: 10px;
}
.btm-cnt p{
   font-size: 13px;
}
/* end */
/* Calendar Section */
.calendar-wrapper {
    height: auto;
    max-width: 730px;
    margin: 0 auto;
    background: #fff;
    padding: 15px;
    /* -webkit-box-shadow: 0 0px 6px #ccc;
   -moz-box-shadow:0 0px 6px #ccc;
        box-shadow: 0 0px 6px #ccc; */
    margin-top: 20px;
 }
 .calendar-header {
     background: #fff;  
     position: relative;
     width: 100%;
 }
 .header-title .header-text{
     width: 100%;
     padding: 10px;
     font-weight: 400 !important;
     display: block !important;
 }
 .header-text h3{
     font-size: 15px !important;
     text-align: center !important;
     color: var(--txt-clr1) !important;
     margin: 0 !important;
     text-transform: capitalize;
 }
 .header-text #todayDayName{
     display: none;
 }
 .calendar-content {
    background-color: #fff;
    padding: 20px 10px;
    overflow: hidden;
 }
 .event-mark {
    width: 5px;
    height: 5px;
    background-color: teal;
    border-radius: 100px;
    position: absolute;
    left: 46%;
    top: 70%;
 }
 .calendar-footer {
    width: 100%;
    text-align: center;
    background-color: var(--nav-blue) !important;
    position: absolute;
    overflow: hidden;
    bottom: 20px;
    left: 0;
 }
 .addForm {
    width: 100%;
    height: 100%;
    transition: top 0.5s cubic-bezier(1, 0, 0, 1);
    padding: 0 5px 0 5px;
 }
 .addForm .input-field{
    margin-bottom: 15px;
 }
 .addForm input {
    color: var(--txt-clr1);
    width: 100%;
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid var(--bdr-clr);
 }
 .addForm label{margin-bottom:0;width: 100%; line-height: 35px;color: var(--txt-clr1);}
 .addForm .row {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-bottom: 0;
 }
 /* Modal Style */
 .addEventButtons .btn, .btn-rmv{
    padding: 5px 20px;
    border-radius: 5px;
    border: 2px solid transparent;
 }
 .modal-dialog{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .btn1, .btn-rmv{
    background: var(--drk-blue);
    color: #fff !important;
 }
 .btn1:hover, .btn2:hover, .btn-rmv:hover{
    background: var(--nav-blue);
    transition: all .5s ease;
    color: #fff !important;
 }
 /* .modal-header .close{
    margin: 0px !important;
 } */
 .btn2{
    border: 2px solid #6e6b7b !important;
    color: #6e6b7b !important;
 }
 .btn2:hover{
   border: 2px solid #6e6b7b !important;
   color: #6e6b7b !important;
 }
 /* Modal Style */
 .addForm h4 {
    color: #fff;
    margin-bottom: 1rem;
 }
 .addEventButtons {
    text-align: right;
    padding: 0 0.75rem 0 0.75rem;
 }
 .addEventButtons a {
    color: black;
    font-weight: 300;
 }
 .emptyForm h4 {
    color: #fff;
    margin-bottom: 2rem;
 }
.sidebar-wrapper {
    color: #fff;
    background-color: #f5821f !important;
    padding: 15px 20px;
    position: relative;
    height: 100%;
    -webkit-box-shadow: 0 6px 6px -6px #ccc;
   -moz-box-shadow: 0 6px 6px -6px #ccc;
   box-shadow: 0 6px 6px -6px #ccc;
  /* margin-top: 20px; */
 }
 .cal-evnts{
    margin-right: 0px !important;
    margin-bottom: 0px;
 }
 .cal-evnts li a{
   color: #fff;
   font-size: 12px;
}
 #sidebarEvents .cal-evnts li {
    position: relative;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255,255,255,0.20);
    display: block;
    justify-content: space-between;
    text-align: left;
    /* min-height: 235px; */
    overflow-y: hidden;
}
 .sidebar-title h4 {
    margin-top: 0;
    font-size: 20px;
    color: #fff;
 }
 .sidebar-title h5{
    font-size:18px;
    color: #fff;
 }
 .sidebar-events {
    overflow-x: hidden;
    overflow-y: auto;
    height: 250px;
  /* scrollbar-color: #24cbf8 #F5F5F5; */
  scrollbar-width: thin;
  border-radius: 10px;
}
@media(min-width:1350px) and  (max-width:1400px){
    .sidebar-events {
      height: 244px;
    }
}
 .sidebar-events::-webkit-scrollbar-track
{
   border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(39, 145, 187, 0.3);
   background-color: #F5F5F5;
}
.sidebar-events::-webkit-scrollbar
{
   border-radius: 5px;
  width: 5px;
  background-color: #F5F5F5;
}
.sidebar-events::-webkit-scrollbar-thumb
{
   border-radius: 5px;
   -webkit-background-color: #af5c14 !important;
   background-color: #af5c14 !important;
}

.sidebar-events::-moz-scrollbar-thumb
{
   border-radius: 5px;
   -moz-background-color: #af5c14 !important;
   background-color: #af5c14 !important;
}
.sidebar-events::-o-scrollbar-thumb
{
   border-radius: 5px;
   -o-background-color: #af5c14 !important;
   background-color: #af5c14 !important;
}
.sidebar-events::-ms-scrollbar-thumb
{
   border-radius: 5px;
   -ms-background-color: #af5c14 !important;
   background-color: #af5c14 !important;
}
 .empty-message {
    font-size: 14px;
 }
 .eventCard {
    background-color: #fff;
    color: black;
    padding: 12px 24px 12px 24px;
    border-bottom: 1px solid #E5E5E5;
    white-space: nowrap;
    position: relative;
    animation: slideInDown 0.5s;
 }
 .eventCard-header {
    font-weight: bold;
 }
 .eventCard-description {
    color: #6e6b7b;
 }
 .eventCard-mark-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 60px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);
 }
 .eventCard-mark {
    width: 8px;
    height: 8px;
    background-color: #b39ddb;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    top: 45%;
 }
 .day-mark {
    width: 6px;
    height: 6px;
    background-color: #ffc107;
    border-radius: 100px;
    position: absolute;
    left: 35%;
    top: 77%;
    z-index: 1;
 }
  .day-bmark {
    width: 6px;
    height: 6px;
    background-color: #28C76F;
    border-radius: 100px;
    position: absolute;
    left: 52%;
    top: 77%;
    z-index: 1;
 }
 
 #table-body .col:hover {
    cursor: pointer;
    /*border: 1px solid grey;*/
    background-color: #E0E0E0;
 }
 .empty-day:hover {
    cursor: default !important;
    background-color: #fff !important;
 }
 #table-header .row .col{
   font-size: 14px !important;
   color: #6e6b7b;
   font-weight: 600;
 }
 #table-body .row .col {
    padding: 5px 0 !important;
    margin: 0 8px;
    color: #6e6b7b;
    font-size: 13px;
    border-radius: 5px;
    margin-bottom: 5px;
    position: relative;
    z-index: 2;
 }
 .blue.lighten-3{
   background-color: #f5821f !important;
   color: #fff !important;
 }  
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
 #table-body .col {
    border: 1px solid transparent;
 }
 #table-body .row {
    margin-bottom: 0;
 }
 #calendar-table {
    text-align: center;
 }
 .prev-button {
    position: absolute;
    cursor: pointer;
    left: 10px;
 }
 .prev-button i,
 .next-button i {
    font-size: 15px;
    position: absolute;
    top: 0px;
    font-size: 28px;
    color: var(--txt-clr1) !important;
 }
 .next-button {
    position: absolute;
    cursor: pointer;
    right: 30px;
 }
 .addEvent {
    padding: 6px 15px !important;
    background-color: #fff;
    cursor: pointer;
    font-size: 14px;
    border-radius: 10px !important;
    color: var(--drk-blue) !important;
 }
 .addEvent:hover {
    transition: box-shadow 0.5s;
    box-shadow: 0 4px 25px rgb(57, 168, 228);
 }
 .mobile-header {
    padding: 0;
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed;
    z-index: 99;
    width: 100%;
    background-color: #5a649c !important;
 }
 .mobile-header a i {
    color: #fff;
    font-size: 38px;
 }
 .mobile-header h4 {
    color: #fff;
 }
 .mobile-header .row {
    margin-bottom: 0;
 }
 .mobile-header h4 {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
 }
 .modal-header{
    text-align: center;
 }
 .addevnt-mdl .modal-title{
    text-align: center;
    font-size: 20px;
    color: var(--tit-clr);
    font-weight: 600;
    width: 100%;
 }
 .addevnt-mdl .close{
    position: absolute;
    right: 15px !important;
    opacity: 0.5 !important;
 }

 #sidebarEventjobs .cal-evnts li {
    position: relative;
    padding: 16px 0;
    /* border-bottom: 1px solid rgba(255,255,255,0.20); */
    display: block;
    justify-content: space-between;
    text-align: left;
    /* min-height: 250px; */
    overflow-y: hidden;
}

 #sidebarEventjobs .cal-evnts li {
    position: relative;
    padding: 16px 0;
    /* border-bottom: 1px solid rgba(255,255,255,0.20); */
    display: block;
    justify-content: space-between;
    text-align: left;
    /* min-height: 250px; */
    overflow-y: hidden;
}
 @media (max-width:992px) {
    .content-wrapper {
       margin-left: 0;
    }
    .mobile-header {
       display: block;
    }
    /* .calendar-wrapper {
       margin-top: 80px;
    } */
    .sidebar-wrapper {
       background-color: #EEEEEE !important;
    }
    .sidebar-title {
       background-color: #5A649C !important;
    }
    .empty-message {
       color: black;
    }
 }
 @media (max-width:767px) {
    .content-wrapper .container {
       width: auto;
    }
    .calendar-content {
       padding-left: 5%;
       padding-right: 5%;
    }
   
 }
 @media (max-width:450px) {
    .content-wrapper {
       padding-left: 0;
       padding-right: 0;
    }
    .content-wrapper .container {
       padding-left: 0;
       padding-right: 0;
    }
 }
/* End Calendar Section */
/* Pricing */
.pricing-card .list-group-circle{
height: 265px;
}
.card.standard-pricing h3{
   margin: 30px 0 20px;
}
.card.standard-pricing .list-group.list-group-circle .list-group-item{
   font-size: 13px;
}
.pricing-card .annual-plan .plan-price span{
   font-size: 24px !important;
}
.plan-select{
   margin-top: 20px;
}
/* end */
/* sign page - contract acceptance */
.thankyoumsg2{
   
   /* background: #fff;
   padding: 25px;
   border-radius: 10px; */
}
/* sign */
.sign-pg{
   margin-top: 50px;
}
.sign-pg .card-header{
   background: #f5821f;
   padding: 10px 20px;
}
.sign-pg .card-header .btn-link{
   color: #fff;
   text-decoration: none;
   font-size: 20px;
   width: 100%;
    text-align: left;
}
.sign-pg .card-header h2{
   line-height: normal;
}
.acc-mb input {
   padding: 0;
   height: initial;
   width: initial;
   margin-bottom: 0;
   display: none;
   cursor: pointer;
 }
 .acc-mb label {
   position: relative;
   cursor: pointer;
   margin-bottom: 0;
   font-size: 18px;
 }
 .acc-mb label:before {
   content:'';
   -webkit-appearance: none;
   background-color: transparent;
   border: 2px solid #103b72;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
   padding: 8px;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   cursor: pointer;
   margin-right: 5px;
   top: -3px;
 }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
 .acc-mb input:checked + label:after {
   content: '';
   display: block;
   position: absolute;
   top: 2px;
   left: 9px;
   width: 6px;
   height: 14px;
   border: solid #103b72;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
 }
.no-clr span{
   color: #999 !important;
}
/* end */
/* Contract Sign page */
.sign-logo{
   padding:10px 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.sign-bdr{border-top:1px solid #fff;margin:30px 0;}
.my-h4{
   color: #fff;
   margin: 0 0 25px;
   text-align: center;
}
.switch1 {
   position: absolute;
   display: inline-block;
   opacity: 0;
 }
 .switch1 input { 
   opacity: 0;
   width: 0;
   height: 0;
 }
 .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: .4s;
   transition: .4s;
   width: 60px;
   height: 60px;
 }
 .switch1 input:checked + .slider {
   background-color: #66bb6a;
 }
 .switch1 input:focus + .slider {
   box-shadow: 0 0 1px #66bb6a;
 }
 .switch1 input:checked + .slider:before {
   -webkit-transform: translateX(26px);
   -ms-transform: translateX(26px);
   transform: translateX(26px);
 }
 /* Rounded sliders */
 .slider.round {
   border-radius: 50px;
 }
 .slider.round:before {
   border-radius: 50%;
 }
 .clk-btns{
   position: relative !important;
   margin-bottom: 30px;
}
.clk-btns .button {
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
   background-color: #eeeeee;
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
   background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
   background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
   background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
   background: linear-gradient(top, #fbfbfb, #e1e1e1);
   display: -moz-inline-stack;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   zoom: 1;
   *display: inline;
   border: 1px solid #d4d4d4;
   height: 32px;
   line-height: 32px;
   padding: 0px 25.6px;
   font-weight: 300;
   font-size: 14px;
   color: #666666;
   text-shadow: 0 1px 1px white;
   margin: 0;
   text-decoration: none;
   text-align: center;
 }
.clk-btns .button:hover {
   background-color: #eeeeee;
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
   background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
   background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
   background: -o-linear-gradient(top, #ffffff, #dcdcdc);
   background: linear-gradient(top, #ffffff, #dcdcdc);
 }
.clk-btns .button:active {
   -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
   -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
   box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
   text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
   background: #eeeeee;
   color: #bbbbbb;
 }
.clk-btns .button-circle {
   -webkit-border-radius: 240px;
   -moz-border-radius: 240px;
   -ms-border-radius: 240px;
   -o-border-radius: 240px;
   border-radius: 240px;
   -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
   width: 60px;
   line-height: 55px;
   height: 60px;
   padding: 0px;
   border-width: 4px;
   font-size: 14px;
 }
.clk-btns .button-primary {
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66bb6a), color-stop(100%, #7ee483));
   background: -webkit-linear-gradient(top, #66bb6a, #7ee483);
   background: -moz-linear-gradient(top, #66bb6a, #7ee483);
   background: -o-linear-gradient(top, #66bb6a, #7ee483);
   background: linear-gradient(top, #66bb6a, #7ee483);
   background-color: #66bb6a;
   border-color: #2ab831;
   color: white;
   text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
 }
.clk-btns .button-primary:hover {
   background-color: #00a1cb;
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #7ee483));
   background: -webkit-linear-gradient(top, #00c9fe, #7ee483);
   background: -moz-linear-gradient(top, #00c9fe, #7ee483);
   background: -o-linear-gradient(top, #00c9fe, #7ee483);
   background: linear-gradient(top, #00c9fe, #7ee483);
 }
.clk-btns .button-primary:active {
   background: #1495b7;
   color: #005065;
 }
 @media(min-width:1250px) and (max-width:1499px){
   .sidebar-events{
      height: 246px;
   }
 }
.newfileupload2 {
   margin-bottom: 10px;
   width: 100%;
   display: inline-block;
   }
   .m-signature-pad {
   position: relative;
   font-size: 10px;
   width: 100%;
   height: 150px;
   background-color: #fff;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
   border-radius: 4px;
   }
   .m-signature-pad:before, .m-signature-pad:after {
   position: absolute;
   z-index: -1;
   content: "";
   width: 40%;
   height: 10px;
   left: 20px;
   bottom: 10px;
   background: transparent !important;
   -webkit-transform: skew(-3deg) rotate(-3deg);
   -moz-transform: skew(-3deg) rotate(-3deg);
   -ms-transform: skew(-3deg) rotate(-3deg);
   -o-transform: skew(-3deg) rotate(-3deg);
   transform: skew(-3deg) rotate(-3deg);
   box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
   }
   .m-signature-pad:after {
   left: auto;
   right: 20px;
   -webkit-transform: skew(3deg) rotate(3deg);
   -moz-transform: skew(3deg) rotate(3deg);
   -ms-transform: skew(3deg) rotate(3deg);
   -o-transform: skew(3deg) rotate(3deg);
   transform: skew(3deg) rotate(3deg);
   }
   .m-signature-pad--body {
   position: absolute;
   left: 20px;
   right: 20px;
   top: 20px;
   bottom: 20px;
   background: none;
   }
   .m-signature-pad--body
   canvas {
   position: absolute;
   background: none;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-radius: 4px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
   }
   @media screen and (max-width: 1024px) {
   .m-signature-pad {
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 50%;
   height: auto;
   min-width: 100px;
   min-height: 100px;
   margin: 5%;
   background: none;
   }
   #github {
   display: none;
   }
   }
   @media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
   .m-signature-pad {
   margin: 10%;
   }
   }
   @media screen and (max-height: 320px) {
   .m-signature-pad--body {
   left: 0;
   right: 0;
   top: 0;
   bottom: 0px;
   }
   .m-signature-pad--footer {
   left: 20px;
   right: 20px;
   bottom: 4px;
   height: 28px;
   }
   .m-signature-pad--footer
   .description {
    font-size: 1em;
    margin-top: 1em;
   }
   }
   .id-upload label.myLabel input[type="file"] {
      position:absolute;
      top: -1000px;
   }
   .id-upload input[type="file"] {
      display: none;
   }
   .id-upload .js .inputfile {
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1;
   }
   .id-upload .inputfile + label {
      max-width: 415px;
      width: 100%;
      font-size: 20px;
      /* font-weight: 700; */
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      display: inline-block;
      overflow: hidden;
      padding: 10px 20px;
      position: relative;
   }
   .id-upload .no-js .inputfile + label {
      display: none;
   }
   .id-upload .inputfile:focus + label,
   .id-upload .inputfile.has-focus + label {
      outline: 1px dotted #000;
      outline: -webkit-focus-ring-color auto 5px;
   }
   .id-upload .inputfile + label {
      border: 1px solid darken($cinza-claro-bg, 5%);
      background-color: $cinza-claro-bg;
      padding: 0;
   }
   .id-upload .inputfile + label .archive-name,
   .id-upload .inputfile + label .btn-inputfile {
      padding: 5px 15px;
      height: 40px;
      font-style: normal;
      font-size: 13px;
      line-height: 30px;
   }
   .id-upload p{
      color: #f5821f;
      font-weight: 600;
   }
   .id-upload .inputfile + label .archive-name {
      width: 80% !important;
      max-width:80%;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      vertical-align: top;
      color: #6e6b7b;
      font-size: 14px;
      border: 1px solid #f5821f;
      text-align: left;
      position: relative;
   }
   .id-upload .inputfile + label .btn-inputfile {
      color: #fff;
      display: inline-block;
      /* position: absolute; */
      width: 20%;
      right: 0;
      background: #f5821f;
   }
   .thankyoumsg2 h3 span{
      color: #f5821f;
   }
   .img-sub{
      color: #6e6b7b;
      font-size: 11px;
      text-align: center;
   }
   .id-upload .inputfile:focus + label .btn-inputfile,
   .id-upload .inputfile.has-focus + label .btn-inputfile,
   .id-upload .inputfile + label:hover .btn-inputfile {
      background-color: darken($vermelho, 5%);
   }
   
   .newfileupload11{
      position: relative;
      background-color: #f6f6f6;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      border: 2px dashed rgb(13 55 112 / 25%);
      padding: 17px 0px;
      margin: 0px 0px 20px;
      z-index: 1;
   }
   .newfileupload11 input[type="file"]{
      position: absolute;
      top: 0px;
      right: 0px;
      left: 0px;
      bottom: 0px;
      width: 100%;
      height: 100%;
      background-color: transparent !important;
      opacity: 0;
      visibility: visible;
      z-index: 9;
      cursor: pointer;
   }
   .newfileupload12{
      text-align: center;
   }
   .newfileupload12 img{
      display: block;
      width: 50px;
      height: 50px;
      margin: 0px auto;
   }
   .newfileupload12 h4{
      color: #f5821f;
      font-size: 17px;
      font-weight: 700;
      line-height: 1.3;
      padding: 0px;
      margin: 9px 0px 0px;
   }
   .newfileupload12 p{
      color: #333;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.3;
      padding: 0px;
      margin: 0px;
      text-align: center !important;
   }
   .newfileupload12 a{
      display: inline-block;
      background-color: #f5821f;
      color: #fff;
      font-size: 15px;
      font-weight: 500;
      border-radius: 4px;
      padding: 5px 13px 6px;
      margin: 6px 0px 0px;
   }
   .newfileupload12 a:hover, .newfileupload12 a:focus{
      color: #fff;
      text-decoration: none;
   }
   .newfileupload12 span{
      display: block;
      margin: 7px 0px 0px;
   }
   .alertbtn{
      color: #fff;
      background-color: var(--drk-blue);
   }
   
   @media screen and (max-width: 50em) {
      .inputfile + label .btn-inputfile {
          display: block;
      }
   }

@media(min-width:1250px) and (max-width:1499px){
      .menu-expanded .container{
         max-width:685px !important;
      }
      .menu-collapsed .container{
         max-width:865px !important;
      }
   }
   #seven-chart p{
      text-align: center !important;
      color: #f5821f !important;
      padding: 70px 0 !important;
      font-size: 24px;
      font-weight: 600;
   }
   @media(min-width:320px) and (max-width:479px){
      .sign-logo{
         display: block;
         text-align: center;
      }
     
      .sign-logo1{
         width: 150px !important;
         display: block !important;
         margin: 0 auto 20px !important;
      }
      .sign-logo2{
         width: 255px !important;
         display: block !important;
         margin: 0 auto 20px !important;
      }
      .hidden-xs{
         display: none !important;
      }
      .auth-bg img{
         margin: 0 auto 20px;
      }
      .thankyoumsg2{
         padding:0;
      }
      .mbl-mr-t{
         padding-top: 30px;
      }
      .blank-page .id-footer footer{
         position: inherit !important;
      }
   }
   @media(min-width:768px){
      .hidden-md{
         display: none !important;
      }
   }
.step .feather{
   width: 22px;
   height: 22px;
}
.c-tata-tbl .table th, .odr-prv-tbl .table th{
   padding: 15px 10px !important;
   vertical-align: middle !important;
   font-size: 11px !important;
}
.odr-prv-tbl .table td{
   padding: 10px !important;
}
.contract-pg-view h4, .quote-serveice-pg h4{
   color: #985fff;
   margin: 0 0 20px;
}
.cnt-bdr{
   border-top: 1px solid #ddd;
   margin: 0 0 30px;
}
.cnt-bdr1{
   border-top: 1px solid #ddd;
   margin: 50px 0 30px 0;
}
.main-menu .main-menu-content{
   padding-top: 30px;
}
.work-menu{
   position: relative;
}
.work_logo{
   position: absolute;
   right: -65px;
   top: -22px;
}
.brand-logo1{
   position: absolute;
   right: 0;
}
.login-logo{
   position: absolute;
}
.login-logo ul li{
   display: inline-block;
}
.thankyoumsg2{
   margin-top: 30px;
}
.upload-id-form{
   background: #f4f4f4;
   /* box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); */
   padding: 25px;
   margin-bottom: 50px;
}
.mt-30{
   margin-top: 30px;
}
.login-logo ul li:last-child{
   padding-left: 20px;
}
.tol-txt, .tol-txt1{
   font-size: 13px;
}
.tol-txt1{
   color: #f5821f;
}
.quote-serveice-pg .table th{
   padding: 15px 10px;
   text-align: center;
}
.quote-serveice-pg .table tr td{
   padding: 15px 10px;
}
@media(min-width :768px){
   .logo-sign{
      display: flex;
      justify-content: space-between;
      align-items: center;
   }
}
@media(min-width:1200px){
   .upload-id-form{
      width: 55%;
      margin: 50px auto 0 auto;
   }
   .thankyoumsg2{
      margin-top: 30px;
   }
}
@media(min-width:1200px) and (max-width:1400px){
   .id-upload .inputfile + label .archive-name{
      width: 75% !important;
   }
   .id-upload .inputfile + label .btn-inputfile{
      width: 25% !important;
   }
   body{
      font-size: 11px;
   }.table th, .table td{
      font-size: 10px !important;
   }.table th, .table td{
      padding: 0.72rem 1rem;
   }
}
@media(min-width:1024px) and (max-width:1065px){
   .bs-stepper.vertical .bs-stepper-content{
      width:90%;
   }
}
@media(min-width:1024px) and (max-width:1400px){
   .quote-serveice-pg{
      font-size: 12px;
   }
   .sev-hard-tbl img{
      width: 70px;
   }
}
@media(min-width:1200px) and (max-width:1365px){
   #table-body .row .col, #table-header .row .col, .empty-message{
      font-size: 10px !important;
   }
   #table-header .row .col{
      padding: 0 5px;
   }
   .sidebar-title h5{
      font-size: 14px;
   }
   .calendar-wrapper{
      height: 288px;
   }
   .sidebar-wrapper{
      height: 288px;
   }
}
@media(min-width:1366px) and (max-width:1400px){
   #table-header .row .col{
      font-size: 13px;
      padding: 0 5px;
   }
   .calendar-wrapper, .sidebar-wrapper{
      height: 300px;
   }
}
@media(max-width:767px){
   .logo-sign .brand-logo{
      margin-bottom: 20px;
   }
   .logo-sign .brand-logo img{
      margin: 0 auto 20px;
      display: block;
   }
}
@media(min-width:320px) and (max-width:479px){
  
   .upload-id-form{
      padding: 0;
      background: none;
   }
   .id-upload .inputfile + label .archive-name{
      width: 70% !important;
   }
   .id-upload .inputfile + label .btn-inputfile{
      width: 30% !important;
   }
}
/* end */
/* error page*/
.misc-wrapper {
   display: flex;
   flex-basis: 100%;
   min-height: 100vh;
   width: 100%;
   align-items: center;
   justify-content: center; 
}
 .misc-wrapper .misc-inner {
   position: relative;
   max-width: 700px; 
}
.misc-wrapper .brand-logo {
   display: flex;
   justify-content: center;
   position: absolute;
   top: 2rem;
   left: 2rem;
   margin: 0; 
}
.misc-wrapper .brand-logo .brand-text {
   font-weight: 600; 
}
.error-pg img{
   padding-right: 20px;
}
/* end */
@media(max-width:479px){
   .sign-logo-img {
      margin: 0 auto 20px;
      display: block;
      width: 50px;
   }
   .hidden-xs{
      display: none;
   }
   
}
@media(min-width:480px) and (max-width:540px){
   .sign-logo img{
      padding-right: 10px;
   }
   .sign-logo1{
      width:100px;
   }
   .sign-logo2{
      width:250px;
   }
   .hidden-xs{
      display: none;
   }
  
}

@media(min-width:541px) and (max-width:640px){
   .sign-logo img{
      padding-right: 10px;
   }
   
   .sign-logo2{
      width:300px;
   }
   .hidden-xs{
      display: none;
   }
}
@media(min-width:768px) and (max-width:992px){
   .sign-logo img{
      padding-right: 10px;
   }
   
   .sign-logo2{
      width:350px;
   }
}
@media(max-width:767px){
   .card-header .col-md-6.p-rt-0{
      padding:0px;
   }
   .card-header .col-md-6.p-lt-0{
      padding: 0px;
   }
   .main-wrapper{
      margin-bottom: 20px;
   }
   .visible-xs{
      display: block;
   }
   #table-header .row .col{
      padding: 0 5px;
   }
   #table-body .row .col{
      padding: 2px !important;
      margin: 2px 4px;
   }
   
}
@media(max-width:992px){
   .sidebar-title{
      background: none !important;
   }
   .sidebar-wrapper{
      background: #f5821f !important;
   }
   .empty-message{
      color: #fff;
   }
}
@media (min-width: 768px) {
   .invoice-product-details,
   .invoice-product-details {
      background-color: #fcfcfc;
      padding:30px 0px;
   }
   .invoice-product-details .product-details-border,
   .invoice-product-details .product-details-border {
   border: 1px solid #ebe9f1;
   border-radius: 0.357rem; 
   margin-bottom: 20px;
   }
   .form-control:disabled, .form-control[readonly] {
      background-color: #efefef;
      opacity: 1;
      padding-left: 15px !important;
   }
   .work-menu li:nth-child(1) img{
      width: 300px;
   }
   .calendar-wrapper {
      margin-top:17px;
   }
   .sidebar-wrapper, .calendar-wrapper{
      /* margin-bottom: 20px; */
      min-height: 300px;
   }
   
}
@media(min-width:1024px) and (max-width:1199px){
   #table-header .row .col{
      padding: 0 2px;
   }
   #table-body .row .col{
      padding: 0 !important;
      margin: 6px 4px;
   }
}
@media(min-width:1400px) and (max-width:1470px){
   #table-header .row .col{
      padding: 0 5px;
   }
}
/*customer view page style*/
.bdr-tit, .bdr-tit1{
   position:relative;
}
.bdr-tit:before{
   content: '';
   width: 10%;
   bottom: -5px;
   border-bottom: 2px solid #f5821f;
   position: absolute;
}
.bdr-tit1:before{
   content: '';
   width: 50%;
   bottom: 10;
   border-bottom: 2px solid #f5821f;
   position: absolute;
}
.vew_bdr{
   margin-bottom: 1.6rem;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
 background: none !important;
}
.cust-view .bs-stepper.vertical .bs-stepper-content{
   overflow: hidden;
}
.cust-view .table tr td{
   font-size: 12px;
   padding: 10px;
   vertical-align: middle;
}
.cust-view .table tr td p{
   margin-bottom: 0;
}
.cust-view .table tr td .form-group{
   margin-bottom: 0;
}
.cust-view .table tr th{
   vertical-align: middle;
   text-align: center;
   padding: 10px;
}
.cust-status{
   border-radius: 50%;
    width: 11px;
    height: 11px;
    border: 1px solid #FFFFFF;
    display: inline-block;
}
.c-active{
   background-color: #28C76F;
}
.c-busy{
   background-color: #f7d308;
}
.c-inactive{
   background-color: red;
}
.was-validated .form-control:valid, .form-control.is-valid{
   border-color: #d8d6de !important;
   background-image: none;

}
.form-contract-ipvoice .was-validated .custom-control-input:valid ~ .custom-control-label, 
.form-contract-ipvoice .custom-control-input.is-valid ~ .custom-control-label{
   color: #6e6b7b;
   
}
.form-contract-ipvoice .was-validated .custom-control-input:valid ~ .custom-control-label::before, 
.form-contract-ipvoice .custom-control-input.is-valid ~ .custom-control-label::before{
   border-color: #b8c2cc;
}
.form-contract-ipvoice .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, 
.form-contract-ipvoice .custom-control-input.is-valid:checked ~ .custom-control-label::before{
   border-color: #f5821f; 
     background-color: #f5821f;
}
.form-contract-ipvoice .was-validated .form-control:valid, .form-contract-ipvoice .form-control.is-valid{
   border-color: #8e918f;
   background-image:none;
}
.form-contract-ipvoice .was-validated .form-control:invalid, .form-contract-ipvoice .form-control.is-invalid{
   background-image:none;
}
.form-contract-ipvoice .was-validated .form-control:valid:focus, .form-contract-ipvoice .form-control.is-valid:focus{
   box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
   border-color: #f5821f !important;
}
.m-rt-1{
   margin-right:10px;
}
.to-dat .form-control[readonly]{
   background: none; 
}
.contract-list-table td{
   font-size: 1rem !important;
}
.dwn-pdf .feather-file-text {
   width: 60px;
   height: 60px;
}
.dwn-pdf .feather-download-cloud{
   width: 40px;
   height: 40px;
   margin-left: 30px;
}
.m-rt-1{
   margin-right:10px;
}
.to-dat .form-control[readonly]{
   background: none;
}
.contract-list-table td{
   font-size: 1rem !important;
}
.feedbck-frm{
   padding: 40px;
}
.feedbck-frm label{
   font-size: 11px;
}
.feedbck-lst li{
   padding-bottom: 15px;
}
.feedbck-lst .feather{
   color: #f5821f;
   margin-right: 5px;
}
 .rating-frm  input[type="radio"] {
   visibility: hidden; /* 1 */
   height: 0; /* 2 */
   width: 0; /* 2 */
 }
 
 .rating-frm  label {
   display: flex;
   flex: auto;
   vertical-align: middle;
   align-items: center;
   justify-content: center;
   text-align: center;
   cursor: pointer;
   background-color: #bebebe;
   color: #000;
   font-weight: 600;
   width: 35px;
   height: 35px;
   border-radius: 50px;
   transition: color --transition-fast ease-out;
   background-color --transition-fast ease-in;
   user-select: none;
  margin-right: 8px;
 }
 
 .rating-frm  label:last-of-type {
  margin-right: 0;
 }
 
 /* .rating-frm  input[type="radio"]:checked + label {
   background-color: #28C76F;
   color: #fff;
 }
 
 .rating-frm  input[type="radio"]:hover:not(:checked) + label {
  background-color:#28C76F;
  color: #fff;
 } */
 .rating-frm .custom-control1:nth-child(1) input[type="radio"]:checked + label ,
 .rating-frm .custom-control1:nth-child(2) input[type="radio"]:checked + label,
 .rating-frm .custom-control1:nth-child(3) input[type="radio"]:checked + label {
   background: #c00000;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(4) input[type="radio"]:checked + label,
 .rating-frm .custom-control1:nth-child(5) input[type="radio"]:checked + label,
 .rating-frm .custom-control1:nth-child(6) input[type="radio"]:checked + label{
   background: #ff0000;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(7) input[type="radio"]:checked + label ,
 .rating-frm .custom-control1:nth-child(8) input[type="radio"]:checked + label{
   background: #99d35b;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(9) input[type="radio"]:checked + label,
 .rating-frm .custom-control1:nth-child(10) input[type="radio"]:checked + label{
   background: #00b050;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(1) input[type="radio"]:hover:not(:checked) + label,
 .rating-frm .custom-control1:nth-child(2) input[type="radio"]:hover:not(:checked) + label,
 .rating-frm .custom-control1:nth-child(3) input[type="radio"]:hover:not(:checked) + label{
   background: #c00000;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(4) input[type="radio"]:hover:not(:checked) + label,
 .rating-frm .custom-control1:nth-child(5) input[type="radio"]:hover:not(:checked) + label,
 .rating-frm .custom-control1:nth-child(6) input[type="radio"]:hover:not(:checked) + label{
   background: #ff0000;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(7) input[type="radio"]:hover:not(:checked) + label,
 .rating-frm .custom-control1:nth-child(8) input[type="radio"]:hover:not(:checked) + label{
   background: #99d35b;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(9) input[type="radio"]:hover:not(:checked) + label,
 .rating-frm .custom-control1:nth-child(10) input[type="radio"]:hover:not(:checked) + label{
   background: #00b050;
   color: #fff;
 }
 .rating-frm .demo-inline-spacing > *{
    margin-top: 0;
 }
 .rating-txt{
    display: flex;
 }
 @media(min-width:768px){
   .rating-frm .demo-inline-spacing, .rating-txt{
      width: 80%;
      justify-content: space-between;
   }
 }
 .rating-txt {
    color: #b455fc;
    font-weight: 600;
 }
 .rating-tbl p{
    margin-bottom: 0 !important;
   
 }
 .drk-red, .lit-red, .lit-green, .drk-green{
   color: #fff;
   width: 35px;
    height: 35px;
    border-radius: 50px;
    text-align: center;
    line-height: 35px;
    display: inline-block;
 }
 .drk-red{
   background: #c00000;
   
 }
 .lit-red{
   background: #ff0000;
  
 }
 .lit-green{
   background: #99d35b;
   
 }
 .drk-green{
   background: #00b050;
 }
 .pa-login{
   box-shadow: 1px 1px 1v5px rgb(0 0 0 / 19%);
 }
 .pa-log{
   margin-left: 0px !important;
 }
 .auth-bg img {
   margin: 0 auto 40px !important;
 }
 .loginbg{
   background: url(../images/loginimg2.png)no-repeat center;
   background-size: cover;
 }
 .head{
    color: #f5933e;
 }
 .logback{
    position: relative;
 }
 .logback:before {
   position: absolute;
   z-index: 0;
   background-color: #f5933e;
   content: "";
   min-height: 100%;
   width: 35vw;
   top: 0;
   right: 0;
}
.loginbg img{
   visibility: hidden;
}
.back1{
   background: #fff !important;
   position: relative;
}
.back1:after {
   content: "";
   left: -20px;
   top: 20%;
   position: absolute;
   z-index: 1;
   width: 0;
   height: 0;
   border-top: 15px solid transparent;
   border-left: 20px solid #fff;
   border-bottom: 15px solid transparent;
   transform: rotate(180deg);
}
@media (max-width:768px){
   .pl-2, .px-2 {
      padding-left:0rem !important;
  }.pr-2, .px-2 {
   padding-right: 0rem !important;
}.head{
   font-size: 19px;
}.back1{
   padding: 16px 5px !important;
}
}
.pa-back{
   background: #fff;
   box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
   padding: 25px 20px;
   /* position: relative; */
   border-radius: 15px;
}
.pa-back h2{
   color: #c46b1e;
}
.pa-top{
   margin-top: -15px;
   /* text-align: center; */
}
.pa-bg{
   background: url(../images/back.png)no-repeat;
   background-size: cover;
   margin-left: 0px !important;
}
.pa-bg1{
   background: url(../images/back2.png)no-repeat;
   background-size: cover;
   margin-left: 0px !important;
}
.pa-bg2{
   background: url(../images/back3.png)no-repeat;
   background-size: cover;
   margin-left: 0px !important;
}
/* .pa-back::before{
   position: absolute;
   content: '';
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   background: #f5933e;
   border-radius: 5px;
   z-index: -1;
} */

.align{
   text-align: left !important;
}
.pa-com .workshop-info-title{
   color: #696969 !important;
}

.adduserlist{
   margin-right: 5px;
   border-radius: 5px !important;
}
.adduerrolelist{
   border-radius: 5px !important;
}
.addcustomerlist{
   margin-right: 5px;
   border-radius: 5px !important;
}
.addvehiclelist{
   border-radius: 5px !important;
}

table.dataTable td, table.dataTable th {
   padding: 0.72rem 1rem;
}

.com-body{
   padding: 20px 0px !important;
}
.mb-1, .my-1{
   margin-bottom: 1.5rem;
}
.pa-com p{
   line-height: 2rem;
}
input[type="radio"], input[type="checkbox"]{
   height: 18px;
   /* margin-left: -180px; */
   width: 18px;
   margin-top: 5px;
}
/* @media (max-width:320px){
   input[type="radio"], input[type="checkbox"]{
      margin-left: -110px !important;
   }
}
@media (max-width:425px)and (min-width:321px){
   input[type="radio"], input[type="checkbox"]{
      margin-left: -160px !important;
   }
}
@media (max-width:768px)and (min-width:426px){
   input[type="radio"], input[type="checkbox"]{
      margin-left: -100px !important;
   }
}
@media (max-width:1024px)and (min-width:769px){
   input[type="radio"], input[type="checkbox"]{
      margin-left: -130px !important;
   }
}
@media (max-width:1200px)and (min-width:1025px){
   input[type="radio"], input[type="checkbox"]{
      margin-left: -180px !important;
   }
}
@media (max-width:1500px)and (min-width:1201px){
   input[type="radio"], input[type="checkbox"]{
      margin-left: -180px !important;
   }
} */

.form-control:focus:valid, .form-control:focus.is-valid {
   box-shadow: none;
}

.workshop-info-title{
   margin-bottom: 5px;
   /* color: #2e2e2e; */
}
.vehicle-info-title{
   margin-bottom: 5px;
   /* color: #2e2e2e; */
}
/* .workshop-info-title{
   width: 40%;
   text-align: left;
}
.card-text{
   width:60%;
   text-align: left;
} */
.workshop-info-wrapper{
   margin-top: 30px;
}

.dash-img img{
   position: relative;
}
.img-desc h1{
   position: absolute;
   top: 60%;
   left: 70%;
   transform: translate(-50%,-50%);
   font-weight: bold;
   z-index: 999999;
   font-size:25px;
   color: #c46b1e;
}
.pa-size{
   font-size: 18px;
}

label {
   cursor: pointer;
}
.btn-file{
   background: #F5821F;
   color: #fff;
   padding: 10px 10px;
}
.btn-file:hover{
   color: #fff;
}
.btn-file i{
   font-size: 30px;
}
/* #workshop_logo_file {
   opacity: 0;
   position: absolute;
   z-index: -1;
} */
.logo-img img{
   margin-top: 15px;
}
.logo-img h3{
   color: #c46b1e;
}
.invoice td{
   direction: rtl;
}
.invoice span{
  /* display: grid; */
  color: #ef4949;
}
.invoice tr{
   /* display: grid; */
   color: #c46b1e;
 }
 .service-invoiceitem-list-table .name{
    width: 40%;
 }
 /* .service-invoiceitem-list-table td{
    font-size: 1rem;
 } */

 /* Calendar Section */
.calendar-wrapper {
    height: auto;
    max-width: 730px;
    margin: 0 0;
    background: #fff;
    padding: 15px;
    /* -webkit-box-shadow: 0 0px 6px #ccc;
   -moz-box-shadow:0 0px 6px #ccc;
        box-shadow: 0 0px 6px #ccc; */
        margin-top: 0px;
 }
 .calendar-header {
     background: #fff;  
     position: relative;
     width: 100%;
 }
 .header-title .header-text{
     width: 100%;
     padding: 10px;
     font-weight: 400 !important;
     display: block !important;
 }
 .header-text h3{
     font-size: 15px !important;
     text-align: center !important;
     color: var(--txt-clr1) !important;
     margin: 0 !important;
     text-transform: capitalize;
 }
 .header-text #todayDayName{
     display: none;
 }
 .calendar-content {
    background-color: #fff;
    padding: 20px 10px;
    overflow: hidden;
 }
 .event-mark {
    width: 5px;
    height: 5px;
    background-color: teal;
    border-radius: 100px;
    position: absolute;
    left: 46%;
    top: 70%;
 }
 .calendar-footer {
    width: 100%;
    text-align: center;
    background-color: var(--nav-blue) !important;
    position: absolute;
    overflow: hidden;
    bottom: 20px;
    left: 0;
 }
 .addForm {
    width: 100%;
    height: 100%;
    transition: top 0.5s cubic-bezier(1, 0, 0, 1);
    padding: 0 5px 0 5px;
 }
 .addForm .input-field{
    margin-bottom: 15px;
 }
 .addForm input {
    color: var(--txt-clr1);
    width: 100%;
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid var(--bdr-clr);
 }
 .addForm label{margin-bottom:0;width: 100%; line-height: 35px;color: var(--txt-clr1);}
 .addForm .row {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-bottom: 0;
 }
 /* Modal Style */
 .addEventButtons .btn, .btn-rmv{
    padding: 5px 20px;
    border-radius: 5px;
    border: 2px solid transparent;
 }
 .inv-pay{
    height: auto !important;
 }
 .pa-invo .form-group{
    margin-bottom: 0px !important;
 }
 .modal-dialog{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .btn1, .btn-rmv{
    background: var(--drk-blue);
    color: #fff !important;
 }
 .btn1:hover, .btn2:hover, .btn-rmv:hover{
    background: var(--nav-blue);
    transition: all .5s ease;
    color: #fff !important;
 }
 /* .modal-header .close{
    margin: 0px !important;
 } */
 .btn2{
    border: 2px solid #6e6b7b !important;
    color: #6e6b7b !important;
 }
 .btn2:hover{
   border: 2px solid #6e6b7b !important;
   color: #6e6b7b !important;
 }
 /* Modal Style */
 .addForm h4 {
    color: #fff;
    margin-bottom: 1rem;
 }
 .addEventButtons {
    text-align: right;
    padding: 0 0.75rem 0 0.75rem;
 }
 .addEventButtons a {
    color: black;
    font-weight: 300;
 }
 .emptyForm h4 {
    color: #fff;
    margin-bottom: 2rem;
 }
.sidebar-wrapper {
    color: #fff;
    background-color: #f5821f !important;
    padding: 15px 10px 15px 10px;
    position: relative;
    height: 100%;
    -webkit-box-shadow: 0 6px 6px -6px #ccc;
   -moz-box-shadow: 0 6px 6px -6px #ccc;
   box-shadow: 0 6px 6px -6px #ccc;
    margin-top: 0px;
 }
 .bookingcalender{
   background-color: #28C76F !important;
 }
 /* .cal-evnts{
    margin-right: -10px;
 } */
 .cal-evnts li a{
   color: #fff;
   font-size: 12px;
}
 #sidebarEvents .cal-evnts li {
    position: relative;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255,255,255,0.20);
    display: block;
    justify-content: space-between;
    /* min-height: 250px; */
}
 .sidebar-title h4 {
    margin-top: 0;
    font-size: 20px;
    color: #fff;
 }
 .sidebar-title h5{
    font-size:18px;
    color: #fff;
 }
 .sidebar-events {
   overflow-x: hidden;
    margin-left: 0px;
    overflow-y: auto;
    height: 250px;
  /* scrollbar-color: #1b4e16 #F5F5F5; */
  scrollbar-width: thin;
  border-radius: 10px;
}
.sidebar-events{
   margin-left: 19px;
    margin-right: 5px;
    margin-bottom: 0px !important;
}
.sidebar-events li{
   margin-left: 7px;
}
.sidebar-events h5{
   margin-top: -7px !important;
}
@media (max-width:768px){
   .invoice .gst{
      padding: 0.70rem 2rem !important;
   }
}
.add-btn button{
   border: 1px solid #696969;
}
.btn-space{
   padding: 0px 20px 15px;
    text-align: right;
}
.check-box input{
   margin-top: 15px;
}
.check-box .lab-check{
   float: right;
   margin: 0px 355px 0px 0px;
   margin-top: 2px;
}
.check-box .lab-check1{
   float: right;
   margin: 0px 380px 0px 0px;
   margin-top: 2px;
}
.invoice input{
   margin: 5px 0px;
}
.invoice #overtime{
   margin: 10px 5px;
}
.invoice #internaledit_job{
   margin: 10px 5px;
}
.invoice select{
   margin: 10px 0px;
}
.invoice1 .modal-title{
   color: #c46b1e;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   /* padding: 0px 25px; */
}
.invoice{
   padding: 10px;
   overflow: hidden;
}
.invoice .invoice-in{
   text-align: right;
}
.invoice .invoice-in p{
   padding: 10px 0px;
   margin-bottom: 0px;
   color: #c46b1e;
}
.invoice .gst{
   padding: 0.70rem 8rem;
}
.sheet input{
   margin: 5px 0px;
}
.sheet{
   padding: 0.8rem 0rem;
}
.view-in .gst{
   float:right;
}
.pa-icons .view{
   color: #fff !important;
}
.invoice-total-item{
   display: flex !important;
   align-items: center;
   justify-content: space-between !important;
}
/* .invoice-total-title{
   width: 150% !important;
} */

/* .invoice-preview .invoice-total-wrapper .invoice-total-item, .invoice-edit .invoice-total-wrapper .invoice-total-item, .invoice-add .invoice-total-wrapper .invoice-total-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */

.invoice-preview .invoice-total-wrapper, .invoice-edit .invoice-total-wrapper, .invoice-add .invoice-total-wrapper {
   width: 100%;
   max-width: 15rem;
   justify-content: space-between !important;
}
.invoice-total-amount{
   color: #c46b1e;
   font-weight: bold;
}
.bs-stepper{
   padding: 20px;
   margin: 15px 0px;
}
.bs-stepper-content{
   padding: 0px 0px ;
}
.moredet {
   flex: 0 0 12.66667% !important;
   max-width: 12.66667% !important;
}
.det{
   flex: 0 0 87.33333% !important;
   max-width: 87.33333% !important;
}

@media (max-width:768px){
   .moredet {
      max-width: 100% !important;
      flex: 0 0 100% !important;
   } 
   .det {
      max-width: 100% !important;
      flex: 0 0 100% !important;
   }
}

.pa-table td, .pa-table th{
   font-size: 1rem;
}
.checksheet .desc{
   margin-top: 15px;
}
.checksheet label{
   font-weight: bold;
}
.checksheet h5{
   color: #c46b1e;
    font-size: 20px;
    font-weight: bold;
    text-align: center;          
}

.swal2-confirm{
   border-color: #f5821f !important;
   background-color: #f5821f !important;
   color: #fff !important;
   box-shadow: none;
    font-weight: 500;
    display: inline-block;
    font-weight: 400;
    color: #6e6b7b;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.786rem 1.5rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.358rem;
}
.swal2-cancel{
   border: 1px solid #ea5455 !important;
    background-color: transparent;
    color: #ea5455;
    box-shadow: none;
     font-weight: 500;
     margin-left: 1rem !important;display: inline-block;
     font-weight: 400;
     color: #6e6b7b;
     text-align: center;
     vertical-align: middle;
     user-select: none;
     background-color: transparent;
     border: 1px solid transparent;
     padding: 0.786rem 1.5rem;
     font-size: 1rem;
     line-height: 1;
     border-radius: 0.358rem;
}
.user-avatar-section{
   padding: 20px 20px;
}
.card{
   margin-bottom: 1rem;
   margin-top: 0px !important;
}
.pa-top{
   margin-bottom: 1rem;
   margin-top: 1rem;
}

.custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after, .custom-radio .custom-control-label::before, .custom-radio .custom-control-label::after{
   height: 18px;
   width: 18px;
   top: 5px !important;
   border-color: #888787;
}
/* .vehicle-info-wrapper{
   min-height: 270px;
} */

.pa-vehicle{
   margin: 0 auto;
   text-align: center ;
}
.pa-veh{
   margin: 0 auto  ;
}

.settings .table-striped tbody tr:nth-of-type(odd){
   height: 70px;
}
.settings .table-striped tbody tr:nth-of-type(even){
   height: 70px;
}
.settings .table th, .settings .table td{
   padding: 0.72rem 1rem;
}

.pa-dash tr, .pa-dash td{
   text-align: left;
}
.pa-dash h4{
   margin-bottom: 20px !important;
   color: #f5821f;
}

/* .pa-detail{
   margin: 40px 0px 20px;
} */

.cal-evnts li{
   /* box-shadow: 0 0px 6px #ccc; */
   background: transparent !important;
   color: #fff !important;
   padding: 10px 20px !important ;
   border-radius: 0px !important;
   width: 100% !important;
   margin: 0px auto 0px !important;
}
.cal-evnts li b{
   display: inline-block !important;
}
.cal-evnts li a{
   color: #5e5873 !important;
}
.cal-evnts li{
   border-bottom: 1px solid #cacbcc;
   padding-bottom: 20px !important;
}
.pa-dash{
   padding:15px 0px !important;
}
.pa-table .pa-book{
   margin-bottom: 0px !important;
}
.pa-table .lead-h3{
   text-align: left !important;
   margin-top: 10px !important;
   font-size: 15px;
   color: #fff !important;
}
.pa-table .pa-book{
   text-align: left !important;
   /* padding: 0px !important; */
}
/* .pa-tabs li a{
   font-size: 18px !important;
} */
.pa-tabs{
   padding: 0px !important;
}
.pa-date{
   margin-top: 10px !important;
   overflow: hidden;
   min-height: 315px;
}
.pa-table .card-header{
   padding: 0px 0px !important;
}
.pa-icons{
   text-align: right !important;
   float: right;
   padding: 10px 10px;
   justify-content: end;
}
.dataTables_length{
   text-align: left !important;
}
div.dataTables_wrapper div.dataTables_info{
   text-align: left;
}
@media (max-width:768px){
   .cal-evnts li{
      padding: 10px 10px !important;
      width: 100% !important;
   }
}

.jobbadge{
   margin-top: 20px ;
}
.cusbadge{
   margin-top: 0px !important;
}
 .paid span{
    font-size: 11px !important;
 }
 
 /* .book .book-in {
   width:150px !important;
   margin-top: 15px !important;
 } */
 .pa-check{
    display: contents !important;
    margin-left: 20px;
 }
 .pa-check .form-check-inline .form-check-input{
    margin-top: 10px !important;
    margin-right: 0.5125rem !important;
 }
.pa-lab{
    margin-right: 20px;
 }
 .pa-employee{
    min-height: 300px;
 }
 .pa-more{
    display: contents;
 }
 .pa-gst{
    margin-top: 5px;
 }
 .pa-sheet{
    margin-left: 105px;
    margin-right: 26px;
 }
 .table td{
    font-size: 12px !important;
 }
 .table th{
    font-size: 11px !important;
 }
 .pb-2{
    padding-bottom: 40px !important;
 }
 .pa-inv .pr-1{
    font-weight: bold;
    width: 50% !important;
 }
 @media (max-width:768px){
    .pa-sheet{
      margin-left: 15px !important;
    }
 }

.submit1{
   margin-right: 80px !important;
}
.submit2{
   margin-bottom: 20px;
   margin-top: -10px;
   /* margin-right: 20px; */
}
.pa-del{
   padding: 0.786rem 0.8rem !important;
}
.inv-pad{
   padding: 1.5rem 1.5rem 1.5rem 2rem !important;

}
.inv-pad .table th{
   font-size: 14px !important;
}
.inv-pad .table td {
   font-size: 14px !important;
}
.pa-cardinv{
   padding: 0px !important;
}
.invoice-table th{
   /* font-size: 11px !important; */
   text-align: left;
}
.invoice-table th{
   padding: 0.32rem 1rem !important;
}
.invoice-table td{
   padding: 0.42rem 1rem !important;
   text-align: left;
}
.invoice-table{
   margin-bottom: 25px;
   text-align: left;
}
.table-desc td,.table-desc th{
   padding: 0.4rem 1rem !important;
}
.inv-padd{
   padding: .5rem 1.5rem;
}
.vech-in{
   padding: 10px 0px 20px;
}
.reg{
   width: 55% !important;
   font-weight: bold;
}
.reg1{
   width: 65% !important;
   font-weight: bold;
}
.pa-item1 h3{
   color: #5e5873 !important;
   text-align: left;
   margin-bottom:30px;
}
.veh-head .card-header{
   padding: 15px 1.5rem;
}
.pa-item1{
   padding: 10px 0px 10px;
}
.veh-view{
   float: right;
   padding: 30px 0px 0px;
}
.item3{
   /* border: 1px solid #f5821f; */
   /* padding: 30px 20px 65px; */
   /* background: #f1f1f1; */
}
.carousel-control-prev, .carousel-control-next{
   color: #f5821f !important;
}
/* .carousel-control-prev-icon{
   background: #ccc;
   position: relative;
   left: -40%;
}
.carousel-control-prev-icon:before{
   position: absolute;
   content: '\f104';
   font-family: 'FontAwesome';
   top: 0px;
   left: 0px;
   height: 100%;
   width:100%;
   color: #000;
   font-size: 25px;
}
.carousel-control-next-icon:before{
   position: absolute;
   content: '\f105';
   font-family: 'FontAwesome';
   top: 0px;
   left: 0px;
   height: 100%;
   width:100%;
   color: #000;
} */

.veh-head .vhead{
   margin-bottom: 0px;
}
/* .veh-head .carousel-item{
   min-height: 275px;
} */
.veh-head svg{
   font-weight: bold !important;
   color: #c46b1e !important;
}
.card-body1 svg{
   color: #c46b1e;
   font-weight: bold !important;
}
.card-body svg{
   color: #c46b1e;
   font-weight: bold !important;
}
.pa-space{
   margin-bottom: 7px !important;
}
.custop{
   margin-top: 35px !important;
}
@media (max-width:768px){
   .card-body{
      padding: 0px !important;
   }.pa-top .d-flex{
      display: block !important;
      text-align: center !important;
   }.pa-cardbody{
      padding: 20px !important;
   }.margintop2{
      margin-top: 0px !important;
   }.company-pa{
      padding: 20px !important;
   }
}

.table-desc td{
   word-break: break-all !important;
}
.table-desc .descrip{
   width: 60%;
}

#owl-demo .owl-item div{
   padding:5px;
 }
 #owl-demo .owl-item img{
   display: block;
   width: 100%;
   height: auto;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
 }
 .otoveh{
    padding-top: 20px !important;
 }
 .pa-paid1{
    top: 88px !important;
 }
 .pa-paid1 > *{
    margin-right: 0px !important;
 }
 .pa-paid1 .btn{
   padding: 0.786rem 0.5rem;
 }
 .pa-paid{
    display: block !important;
    margin-bottom: 20px;
    margin-right: 20px;
    text-align: right;
    right: 55px;
    top: -80px;
    position: absolute;
 }
 .pa-paid .badge{
   /* transform: rotatez(-15deg); */
   margin-right: 0px;
   margin-top: 0px;
   cursor: inherit !important;
   text-shadow: 2px 1px;
   letter-spacing: 1.8px;
   /* outline: 1px solid red;
   outline-style: double; */
   padding: 9px;
   border-radius: 10px;
   font-family: Ubuntu, sans-serif;
  font-size: 22px;
  /* font-style: italic; */
   /* background: #fff; */
   font-weight: bold;
 }
 .pa-paid .badge-light-success{
   border: 1px double rgb(172, 236, 172);
   border-width: 4px;
 }
 .pa-paid .badge-light-danger{
   border: 1px double rgb(247, 191, 174);
   border-width: 4px;
 }
 .pa-paid .badge-light-info{
   border: 1px double rgb(174, 239, 247);
   border-width: 4px;
 }
 .pa-paid .badge-light-primary{
   border: 1px double rgb(247, 215, 174);
   border-width: 4px;
 }
 .pa-paid .badge-light-warning{
   border: 1px double rgb(247, 207, 174);
   border-width: 4px;
 }
 .pa-jobtop{
    margin-top: 0px !important;
 }


 
/* pills styling */
 .nav-pills > li > a.job {
     color: #efa147;
     border: none;
     padding: 10px 15px;
 }
 .nav-pills > li.active > a.job {
     background-color: #efa147;
     color: white;
     border: none;
 }z
 .nav-pills > li > a.book {
   color: #28C76F;
   border: none;
   padding: 10px 15px;
 }
 .nav-pills > li.active > a.book {
   background-color: #28C76F !important;
   color: #fff;
   border: none;
 }
 .nav-pills .book.active{
   background-color: #28C76F !important;
   color: #fff;
 }
 .pad-btn .btn{
    padding: 0.6rem .5rem !important;
 }
 .pad-btn > *{
   margin-right: .4rem;
   margin-top: .5rem;
   margin-bottom: 1rem;
 }
 .table-desc tr:nth-child(even) {
   background-color: #f3f2f7 !important;
 }
.pad-gst {
   background-color: #f3f2f7 !important;
 }
 .inv-padd p{
    padding-bottom: 0px !important;
    padding: 10px;
    line-height:1rem !important;
 }
 
 .paymenthist table td, .paymenthist table th{
    padding: 0.425rem 1.5rem !important;
 }
 
 .paymenthist tr:nth-child(even) {
   background-color: #f3f2f7 !important;
 }

 .bookingcalender .lead-h3{ color: #28C76F; }

 .customer-sli li{
   background-color: #f5821f !important;
 }
 .carousel-indicators li{
    height: 12px !important;
    width:12px !important;
 }
 .carousel-indicators{
    top: 100% !important;
    margin-top:25px;
 }
 .contact-pa{
    padding: 10px 1.5rem !important;
 }

 .jobtimesheet .pa-sheet{
    margin-left: 0px !important;
 }
 .jobchecksheet .pa-sheet{
    margin-left: 0px !important;
 }
 .jobinvoiceitem .pa-sheet{
    margin-left: 0px !important;
 }
 .pa-cust{
    text-align: center !important;
 }
 .custop{
    margin-top: 35px !important;
 }
 .cus-blade .card-body{
    padding: 5px 1.5rem !important;
 }
 .pa-item1 .card{
    padding: 5px 0px !important;
 }
 .customer-view{
    margin-top: 0px !important;
    padding: 0px !important;
 }

 .dt-buttons{
    margin-right: -25px !important;
 }

 .tab-content{
    height: 240px !important; 
 }
 .profile-tabcon{
    height:auto !important;
 }

 /* .dataTables_length label{
    margin-left: -10px;
 } */

 .edit-pa{
    float:right; 
    text-align:right;
    padding: 10px 10px 10px 0px; 
    position:absolute;
    width: 100%;
   }
   .customer-view .cardbody{
      padding: 2.5rem 1.5rem 2rem !important;
   }
   .green-bar .sidebar-events::-webkit-scrollbar-thumb{
      -webkit-background-color: #1b4e16 !important;
      background-color: #1b4e16 !important;
   }
   .green-bar .sidebar-events::-o-scrollbar-thumb{
      -moz-background-color: #1b4e16 !important;
      background-color: #1b4e16 !important;
   }
   .green-bar .sidebar-events::-moz-scrollbar-thumb{
      -o-background-color: #1b4e16 !important;
      background-color: #1b4e16 !important;
   }
   .green-bar .sidebar-events::-ms-scrollbar-thumb{
      -ms-background-color: #1b4e16 !important;
      background-color: #1b4e16 !important;
   }
   .quote-pa td, .quote-pa th{
      padding: 0.72rem 1rem;
   }
   .quote-pa1 .card{
      padding: 0px !important;
   }
   .con-pa .card-body{
      padding: 0rem 0rem !important;
   }
   .inv-previ .vehicle-info-wrapper{
      padding: 0px !important;
      margin-bottom: 0px;
      min-height: 0px;
   }
   .quotedetails{
      padding: 0px !important;
   }
   .detail-con {
      padding: 0px !important;
   }
   .invoice-actions .card-body{
      padding: .5rem !important;
   }
   .thankyou p{
      font-size: 18px;
      text-align: center;
      font-weight: bold;
      padding: 20px 0px 0px;
   }

   .pa-table .pa-cardhead{
      background-color: #f8f8f8!important;
      border-bottom: none !important;
   } 
   .job-chart .card .avatar{
      text-align: center;
      margin: auto !important;
   }
   .job-chart .card .font-medium-5{
      font-size: 25px;
   }
   .job-chart .card{
      margin: 15px 0px;
      padding: 23px 15px;
      box-shadow: 0 4px 0px 0 rgb(34 41 47 / 10%);
   }
   .job-chart .card-header{
      margin: 12px 0px;
      padding: 10px 10px;
   }
   .job-chart .invoice-card{
      margin: 15px 0px;
      padding: 13px 15px;
   }
    .job-chart .invoice-emp-card{
      margin: 15px 0px;
      padding: 17px 15px;
   }
   .job-chart .card-text{
      /* font-size: 18px;
      font-weight: bold; */
      margin-top: 10px !important;
   }pk 
   .job-chart .invoice-card .invoice-text{
      /* font-size: 18px;
      font-weight: bold; */
      margin-top: 0px !important;
   }
   .card-congratulations{
      min-height: 205px !important;
   }
   .pa-dash .lead-h3{
      text-align: left;
      margin-bottom: 10px;
   }

   .card-congratulations h2{
      margin-top: 80px !important;
      font-size: 19px !important;
      line-height: 1.5;
   }
   .book .book-in{
      margin-bottom:0px
   }
   .dashboard-pa .media{
      display: block !important;
   }
   .dashboard-pa .avatar{
      margin-bottom: 20px !important;
   }
   .dashboard-pa .media .card-text{
      /* font-weight: bold; */
      margin-top: 10px;
      color: #af5c14;
      font-size: 14px !important;
   }
   .pa-cardhead .card-body{
      padding: 0rem 1.5rem !important;
   }
   .bookingstable .card-body{
      padding:8px 0px !important;
   }
   .dashboard-pa .avatar-icon{
     height: 30px !important;
     width: 30px !important;
   }
   .avatar .avatar-content{
     height: 40px !important;
     width: 40px !important;
   }
   .dashboard-pa .card{
      padding: 3.3rem 1.5rem !important;
   }
   .pa-table .pl-0{
      padding-left: 0px !important;
      padding-right: 0px;
   }
   .pl-0{
      padding-left: 0px;
      padding-right: 0px;
   }
   .book .book-in1{
      margin-bottom: 0px !important;
      /* font-size: 12px; */
   }
   .veh-head1 .veh-customer{
        padding-bottom: 4.5rem !important;
    }
    /* .pa-list h4{
      font-size: 14px !important;
    } */

   .dashboard-pa .col-lg-3{ padding-right: 0px;}
   .dashboard-pa .col-lg-3 .card{box-shadow: 0 4px 0px 0 rgb(34 41 47 / 10%);}
   .sog-tbl .card{box-shadow: 0 4px 0px 0 rgb(34 41 47 / 10%);}

   .cus-body a{
      color: #5e5873 !important;
   }
   .veh-head1 .pa-cardbody{
      padding-bottom: 0rem !important;
   }
   .cus-blade{
      margin-top:10px !important;
      margin-bottom:10px !important;
   }
   .ser-avatar img{
      height: 75px;
      width: auto;
      opacity: .5;
   }
   .ser-avatar .mb-1{
      margin-bottom: 1.5rem !important;
   }
   .ser-avatar .marginleft{
      margin-left: 1rem !important;
   }
   .ser-avatar .ml-1{
    margin-left: .5rem !important;
   }

   .service-modal{
      height: auto !important;
   }
   .modal .returningitem {
max-width: 700px !important;
}

.vertical-wizard .state{
   text-align: right !important;
}
.vertical-wizard .searchbtn{
   text-align: right !important;
   padding-left: 0px;
}
.vertical-wizard .vehicleno{
   /* padding: 15px !important; */
}
.vertical-wizard .vehicleno input{
   /* width: 490px; */
   margin-left: 0px;
}
@media (max-width:500px){
.vertical-wizard .state{
   text-align: left !important;
}
.vertical-wizard .searchbtn{
   text-align: left !important;
}
.vertical-wizard .vehicleno{
   padding: 0px 15px !important;
}
.vertical-wizard .vehicleno input{
   width: 100%;
   margin-left: 0px;
}
.searchbtn button{
   padding: .768rem 1.5rem !important;
   margin-left: 0px;
}
}
.returningitem{
   height: 100% !important;
}
.returningitem1{
   height: 100% !important;
}
.vehiclewidth{
   width: 100% !important;
}
.searchbtn button{
   padding: .768rem .5rem !important;
   margin-left: -10px;
}
.refundamt label{
   margin-top: 10px !important;
}
.user-info h4{
   font-size: 1rem;
   margin-top: 10px;
}
.servicehead{
   font-size: 1.2rem !important;
}


@media (max-width:500px){
   .pad-dashboard{
      display: contents !important;
      overflow: hidden !important;
   }.dashboard-pa .col-lg-3{
      padding-left: 0px !important;
   }.sog-tbl .job-chart{
      padding-left: 0px !important;
   }.user-avatar-section .d-flex{
      display: contents !important;
      text-align: center !important;
   }.user-avatar-section{
      text-align: center !important;
   }.service-card .ser-cardpa{
      padding-left: 8px !important;
   }
   .service-info-wrapper .cardtable{
      padding-left: 0px !important;
   }
   .service-info-wrapper table th{
      padding: 0.72rem 1rem !important;
   }.invoice-total-wrapper p{
      font-size: 11px !important;
   }.customer-view{
      padding: 15px !important;
   }
}
@media (max-width:768px){
   .pad-dashboard{
      display: contents !important;
      overflow: hidden !important;
   }.dashboard-pa .pa-pad{
      padding-left: 0px !important;
   }
}
@media (max-width:992px){
   .pad-dashboard{
      display: contents !important;
      overflow: hidden !important;
   }.dashboard-pa .pa-padtab{
      padding-left: 0px !important;
   }.systemview{
      display: none !important;
   }.mobileview{
      margin-left: 0px !important;
      margin-right: 0px !important;
   }.mobileview .mobilepad{
      padding-left: 0px !important;
   }
}
@media (min-width:993px){
   .systemview{
      display: block !important;
   }.mobileview{
      display: none !important;
   }
}
@media (min-width:1024px)and (max-width:1300px){
   .btn{
      padding: 0.768rem 0.9rem !important;
   }
}
@media (min-width:1200px)and (max-width:1600px){
   .btn{
      padding: 0.768rem 0.9rem !important;
   }
   .app-service-view .serve-pa{
      padding-left: 0px !important;
   }
   .servicedetails .content-header-left{
      padding-left: 20px !important;
   }
}
.contactde{
   padding: 0px 5px !important;
}
.cus-pad{
   justify-content: center;
}
.cus-pad1 img{
   height: 80px;
   width: auto;
}
.brand-text img{
   height:70px;
   width: auto !important;
}

.cus-button{
   margin-top: 20px;
}
.cus-button a{
   width: 100% !important;
   margin-bottom: .5rem !important;
}
.cus-button button{
   width: 100% !important;
}
.customer-blade{
   min-height: 246px !important;
}
.table th, .table td {
   padding: 0.72rem 1rem;
}
.media-body svg{
   color: #fff !important;
}
.custom-checkbox label{
   margin-top: 3px !important;
}
.custom-checkbox {
   margin-top: 5px !important;
}
.stock-body h3{
   position: relative;
   margin: 0px 0px 20px;
}
.stock-body h3::before{
   position: absolute;
   content: '';
   bottom: -5px;
   left: 0px;
   height: 1px;
   width: 50px;
   background: #f5821f ;
}
.pa-tabs .nav-pills .nav-link.active{
   border-color: rgb(40, 199, 111) !important;
  /* box-shadow: 0 4px 18px -4px rgba(40, 199, 111, 0.65); */
}
.check-box .workshop {
   float: left;
   margin: 0px 0px 0px 0px;
   margin-top: 2px;
}
.invoice-date-wrapper{
   display: flex;
}
.martop{
   margin-top: 20px;
}
.pl-0{
   padding-left: 0px;
}

.stocknote h3{
   position: relative;
   margin-bottom: 20px;
   /* color: #fff !important; */
   font-size: 20px;
}
/* .stocknote span{
   background: #fdd5b3;
   padding: 7px 10px;
   border-radius: 5px;
} */
/* .stocknote h3::before{
   position: absolute;
   content: '';
   bottom: -5px;
   left: 0px;
   width: 50px;
   height: 2px;
   background: #efa147;
   border-radius: 50px;
} */
.addnew{
   margin-right: 5px;
   border-radius: 5px !important;
}

.scategory{
   border-radius: 5px !important;
}
.pleft-0{
   padding-left: 0px !important;
}
.supplier-user{
   padding: 0px !important;
}
.supp-tab tr{
   line-height: 1.6 !important;
}

.dropdown-item:hover svg{
   color: #efa147 !important;
}
.dropdown-item:focus svg{
   color: #fff !important;
}
.dropdown-item:focus{
   color: #fff !important;
}