/*================================================================================
  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;
    font-family: "Montserrat", serif;
}

.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: #efb11d ;
    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: #efb11d ;
    /* 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: #efb11d ;
    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: #efb11d ;
    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: #efb11d ;
}

.sml-txt {
    font-size: 12px;
    color: #efb11d ;
}

.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: #efb11d ;
    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: #efb11d  !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: #efb11d  !important;
    background-color: #efb11d  !important;
}

.sidebar-events::-moz-scrollbar-thumb {
    border-radius: 5px;
    -moz-background-color: #efb11d  !important;
    background-color: #efb11d  !important;
}

.sidebar-events::-o-scrollbar-thumb {
    border-radius: 5px;
    -o-background-color: #efb11d  !important;
    background-color: #efb11d  !important;
}

.sidebar-events::-ms-scrollbar-thumb {
    border-radius: 5px;
    -ms-background-color: #efb11d  !important;
    background-color: #efb11d  !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: #efb11d ;
    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: #efb11d  !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: #efb11d ;
    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: #efb11d ;
    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 #efb11d ;
    text-align: left;
    position: relative;
}

.id-upload .inputfile+label .btn-inputfile {
    color: #fff;
    display: inline-block;
    /* position: absolute; */
    width: 20%;
    right: 0;
    background: #efb11d ;
}

.thankyoumsg2 h3 span {
    color: #efb11d ;
}

.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: #efb11d ;
    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: #efb11d ;
    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: #efb11d  !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;
}

.navbar-dark {
    background: #F9F9F9 ;
}

.header-navbar .navbar-container ul.navbar-nav li>a.nav-link {
    color: white;
}

.main-menu .main-menu-content {
    padding-top: 50px;
}

.expanded .main-menu-content {
    padding-top: 95px;
}

.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: #efb11d ;
}

.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: #efb11d  !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 #efb11d ;
    position: absolute;
}

.bdr-tit1:before {
    content: '';
    width: 50%;
    bottom: 10;
    border-bottom: 2px solid #efb11d ;
    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: #efb11d ;
    background-color: #efb11d ;
}

.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: #efb11d  !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: #efb11d ;
    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-image: url(../images/overlay-01.png);
    background-repeat: repeat; */
    background: #0f0f0f;
    box-shadow: 0 0px 70px 0 rgba(255, 255, 255, 0.267);
    padding: 25px 20px;
    /* position: relative; */
    border-radius: 15px;
}

.login-logo-center {
    display: grid;
    justify-content: center;
    text-align: center;
}

.login-p-color {
    /* color: #ccc; */
    color: black;
    
}

.login-theme-color {
    color: #efb11d ;
}

.pa-back h2 {
    color: #c6ae81;
}

.pa-top {
    margin-top: -15px;
    /* text-align: center; */
}

.pa-bg {
    background: url(../images/bg-3.jpg)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: #efb11d ;
}

.pa-size {
    font-size: 18px;
}

label {
    cursor: pointer;
}

.btn-file {
    background: #efb11d ;
    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: #efb11d ;
}

.invoice td {
    direction: rtl;
}

.invoice span {
    /* display: grid; */
    color: #ef4949;
}

.invoice tr {
    /* display: grid; */
    color: #efb11d ;
}

.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: #F8F8F8;
    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: #efb11d  !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 25px;
    margin-top: 0px;
    position: fixed;
}

.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: #efb11d ;
    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: #efb11d ;
}

.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: #efb11d ;
    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: #efb11d ;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.swal2-confirm {
    border-color: #efb11d  !important;
    background-color: #efb11d  !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: -4rem;
}

.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: #efb11d ;
}


/* .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: 11px !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 #efb11d ; */
    /* padding: 30px 20px 65px; */
    /* background: #f1f1f1; */
}

.carousel-control-prev,
.carousel-control-next {
    color: #efb11d  !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: #efb11d  !important;
}

.card-body1 svg {
    color: #efb11d ;
    font-weight: bold !important;
}

.card-body svg {
    color: #efb11d ;
    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: #efb11d  !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: #efb11d ;
    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 (min-width: 350px) and (max-width: 767.98px) {
    #mob-header{
        display: none !important;
    }
    .mob-dashboard-container{
        margin-left: auto;
        margin-right: auto;
    }
    .d-sm-inline-block{
        display: block !important;
    }
    .main-menu{
        overflow-y: auto !important;
        touch-action: auto !important;
        user-select: auto !important;
        -webkit-user-drag: auto !important;
    }
  }
@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: 120px;
    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: #efb11d ;
}

.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;
}

.table .thead-light th {
    background-color: #f9f9f9 !important;
    color: #5e5873;
}

.table thead th {
    background-color: #000000 !important;
    color: #ffffff;
}

/* .card .table {
    border: solid 1px black;
} */

/* .table th,
.table td {
    border-top: 1px solid #000000;
} */

.table-bordered th,
.table-bordered td {
    border: 1px solid #000000;
}

.header-ul {
    padding: 23px 0px;
    font-size: 15px;
    font-weight: 500;
    color: white;
    justify-content: center;
    width: 100%;
}

.header-main-li {
    padding: 0px 20px;
}

.header-main-li a {
    color: white;
}

.header-main-li .dropdown-menu {
    background-color: #000;
}

.header-main-li .dropdown-menu li {
    padding: 10px 20px;
    border-bottom: 1px solid #515151;
}

.header-main-li .dropdown-menu li a:hover {
    /* color: #c6af81; */
    color: #efb11d ;
}

.header-icon-main {
    flex-direction: row-reverse !important;
    width: 100%;
}

.app-content.content {
    background: #F9F9F9;
}

.pa-table .pa-cardhead {
    background-color: #F9F9F9  !important;
}

.dashboard-pa .card {
    background-image: linear-gradient(to bottom, #ffe5b3a6, white);
}

.home-dash .container {
    max-width: 100%!important;
}

.home-calander {
    padding: 29px 25px;
}

.home-open-card {
    background-image: linear-gradient(to bottom, #ffe5b3a6, white);
    padding: 26px !important;
}

.content-header {
    margin-top: 2rem;
}

.user-info h4 {
    color: #6d5b5b;
}

.user-info span {
    color: #6d5b5b;
}

.job-info-wrapper span {
    color: #6d5b5b;
}
footer.footer{
    margin-bottom: 20px;
    
}
footer.footer p{
font-size:15px!important;}

#abn_search{display: none;}
.sidebar {
    width: 250px;
    transition: all 0.3s ease;
    min-height: 100vh;
}

.sidebar.collapsed {
    width: 60px;
}

#mainContent {
    transition: all 0.3s ease;
    margin-left: 18.8%;
}

.sidebar.collapsed + #mainContent {
    margin-left: 60px;
}

/* Optional: Sidebar icon adjustments */
.sidebarIcons {
    transition: left 0.3s ease;
}

svg.font-medium-4 {
                height: 14px !important;
     width: 14px !important;
        }
        #dropdown-user{
		    font-size: 12px;
	}

    .topTitleContainer{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
     .form-select{
    width: 100%;
    background-color: #d8d6de;
    height: 40px;
    border-radius: 5px;
    padding: 4px;
}