:root {
    --el-color-primary: #343a40 !important;
}

body{
    margin: 0px !important;
    font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.el-menu--horizontal {
    padding: 7px !important;
    background-color: #343a40 !important;
}
.fwww{
    width: 100%;
}
.white-bn{
    background-color: white !important;
    color: #343a40 !important;
    font-weight: 700;
}


.red-bn{
    background-color: #dc3545!important;
    color: white !important;
    font-weight: 700;
}

.warning-bn{
    background-color: #ffc107!important;
    color: white !important;
    font-weight: 700;
}

.success-bn{
    background-color: #28a745!important;
    color: white !important;
    font-weight: 700;
}

.info-bn{
    background-color: #17a2b8!important;
    color: white !important;
    font-weight: 700;
}
.grey-bn{
    background-color: #464849 !important;
    color: white !important;
    font-weight: 700;
}
.grey-bn .el-dropdown{
    color: white !important;
}
.el-timeline {

    padding-inline-start: 0px !important;
}

.assigned-box .el-card__body{
    display: flex;
}

.assigned-box .el-avatar ,.assigned-box .el-avatar img {
    height: 70px;
    width: 70px;
}

.assigned-box .details{
    padding: 0px 10px;
}
.assigned-box .details h6{
    font-size: 17px;
    font-weight: 700;
    color: #343a40;
    line-height: 17px;
    margin-bottom: 5px;
}
.assigned-box .details p{
    font-size: 12px;
    color: #343a40;
    line-height: 12px;
    margin-bottom: 2px;
}


.grey-bn .el-dropdown span:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.el-menu--horizontal>.el-menu-item {

    line-height: 40px !important;
    align-content: center !important;
    display: flow !important;
    vertical-align: middle !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.el-menu--horizontal>.el-sub-menu .el-sub-menu__title {
    line-height: 40px !important;
    align-content: center !important;
    display: flow !important;
    vertical-align: middle !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.qtn-tabs .el-tabs__item{
    height: auto !important;
}

.qtn-tabs{
    padding: 10px 0px !important;
}

.qtn-tabs .el-tabs__item{
    padding: 0px !important;
    padding-bottom: 3px !important;
}

.el-button--danger {
    background-color:#f56c6c !important;
    border-color:#f56c6c !important;
}

.qtn-tabs .el-tabs__item .qtnno{
    padding: 0px 15px;
    font-size: 15px;
    color: #343a40;
    align-items: center;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    margin-top: 5px;
}

.qtn-tabs .el-tabs__item .price{
    margin-bottom: 0px;
    margin: 0px 15px;
}

.qtn-tabs .el-tabs__item .detail{
    margin-bottom: 0px;
    color: #9e9e9e;
    font-size: 11px;
    line-height: 12px;
    margin: 0px 15px;
}

.qtn-tabs .el-tabs__item .qtnno .el-tag{
    margin-left: 15px;
}

.qtn-tabs .is-active{
    border-top: 4px solid #343a40 !important;
}

.enqdetcard .el-card__body {
    padding: 5px 15px;
    display: flex;
    justify-content: space-between;
}

.el-menu--horizontal>.el-menu-item *{


    vertical-align: middle !important;
}

.el-header {

    padding: 0px !important;
}
.flex-grow {
    flex-grow: 1;
}
.user-card{
    text-align:left;
    margin-bottom:5px;
}

.user-card .el-card__body {
    padding: 10px !important;
    display: flex;
}

.user-card .el-card__body .details {
    display: grid;
    padding: 0px 10px;
    width: 80%;
}
.baseinput-core{
    width: 100%;
    padding: 0px 10px !important;
}

.mini-box-card .el-card__header {
    padding: 5px 10px !important;
    color:white !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mini-box-card .el-card__body{
    padding:10px 15px !important;
}

.mini-box-card .el-card__header .el-button{
    background-color: white !important;
}
.user-card .el-card__body .details .el-text{
    font-size: 11px !important;
    line-height: 11px !important;
}

::-moz-placeholder {
    text-align: left !important;
    font-weight:100 !important;
}

::placeholder {
    text-align: left !important;
    font-weight:100 !important;
}


.service-header {
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    z-index: auto;
    padding: 4px 100px !important;
    height: auto !important;
}

.box-d-card .el-card__header {

    background-color: #343a40;
}

.text-center{
    text-align:center;
}

.otp-input {
    width: 40px;
    height: 40px;
    padding: 5px;
    margin: 0 10px;
    font-size: 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-align: center;
}
/* Background colour of an input field with value */
.otp-input.is-complete {
    background-color: #e4e4e4;
}
.otp-input::-webkit-inner-spin-button,
.otp-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input::-moz-placeholder {
    font-size: 15px;
    text-align: center;
    font-weight: 600;
}
input::placeholder {
    font-size: 15px;
    text-align: center;
    font-weight: 600;
}

.users-list .el-tree-node__content {

    height: -moz-fit-content;

    height: fit-content;
    width:100%
}

.users-list .el-text--small {

    font-size: 10px !important;
}

.users-list  .el-card {
    width: 100%;
}

.navbar-primary{
    background-color: #343a40 !important;
    color: #fff;
}

.pagedetails ul {
    margin-block-start: 0px !important;
    margin-block-end: 0px !important;
    padding-inline-start: 0px !important;
}

.pagedetails .el-card__header {
    padding:0px !important;
}

.el-popper{
    z-index: 9999 !important;
}
.el-button--primary {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}
.page-title .title{
    background-color: #343a40;
    color: white;
    padding: 10px;
    margin-top: 6px;
    display: flex;
}



.page-title .title .actions{

    right: 30px;
    position: absolute;
}

.white-btn {
    background-color: white !important;
    color: #343a40 !important;
}

.white-btn:focus, .white-btn:hover {
    color: #343a40 !important;
}

.page-title .filters{
    background-color: white;
    padding: 10px;
}

.page-title .filters .el-form--default.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 6px;
    line-height: 12px;
    color: var(--el-text-color-regular);
    font-weight: 600;
    font-size: 11px;
}

.booking-list-box .el-card__body{
    padding: 10px;
}

.booking-list-box .el-card__header {
    padding: 5px;
}

.booking-list-box .el-card__header .bdark{
    background-color: #343a40;
    border-color:#343a40;

}

.booking-list-box .el-card__header .right{


    right: 14px;
}
.booking-list-box .el-card__header .bstage{

    color: white;
    padding: 4px 5px;
    font-size: 11px;
    line-height: 11px;
}

.booking-list-box .el-card__header .el-tag__content {
    vertical-align: middle;
    display: contents;
}

.booking-list-box .booking-contents .lbl{
    margin-bottom: 0px;
    font-size: 13px;
    color: grey;
}

.booking-list-box .booking-contents .vlv{
    margin-bottom: 0px;
    font-weight: 600;
    color: #565656;
    font-size: 14px;
}

.booking-list-box .booking-contents {
    display: flex;
}

.booking-list-box .booking-contents .el-divider--vertical {

    height: 2em;
    margin: 4px 15px;

}

.booking-list-box .booking-contents .remark-box {

    margin: 9px 0px;

}
.booking-list-box .bottom button{
    color:white
}

.select-option-user{
    vertical-align: middle;
    display: contents;
}
.el-drawer__header {
    margin-bottom: 0px !important;
    background-color: #343a40;
    color: white !important;
    padding: 10px 20px !important;
}
.el-drawer__header h4 {
    margin-bottom: 0px !important;
    font-size: 22px !important;
}
.el-drawer__footer {
    padding: 10px 20px !important;
    text-align: right !important;
    background-color: #e9e9e9 !important;
}
.el-drawer .el-form-item {
    margin-bottom: 10px !important;
}
.el-drawer .el-form--default.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 8px !important;
    line-height: 15px !important;
}

.booking-details-box .el-card__header {
    padding: 10px;
    background-color: #343a40;
}
.booking-details-box  .el-tag--light .el-tag__content {
    color: #343a40;
    font-weight: bold;
}
.booking-details-box .el-card__header .el-tag__content {
    vertical-align: middle;
    display: contents;
}
.booking-details-box  .card-header-actions{
    display: flex;
}

.booking-details-box  .card-header-actions .title{
    font-size: 20px;
    font-weight: bold;
    color: #343a40;
}

.booking-details-box  .card-header-actions .actions{
    right: 30px;
    position: absolute;
}
.booking-details-box  .card-header-actions .actions .el-button{
    color: white;
}

.ticket-log-box .el-card__header{
    background-color: #343a40;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
}
.enquiryactiongroup .el-radio-button {
    width: 100%;
}
.enquiryactiongroup .el-radio-button .el-radio-button__inner{
    width: 100%;
    text-align: left;
    border: var(--el-border);
}

.enquiryaction{
    font-weight: bold;
}

.enquiryaction .el-radio-group{
    margin-left: 0px !important;
}

.enquiryaction .el-form-item {
    margin-bottom: 25px !important;
}
.booking-list-box .el-checkbox.el-checkbox--small .el-checkbox__inner {
    width: 20px;
    height: 20px;

}
.booking-list-box .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #343a40;
    border-color: #b9b9b9;
}

.booking-list-box  .el-checkbox.el-checkbox--small .el-checkbox__inner::after {
    width: 6px;
    height: 10px;
}

.booking-list-box   .el-checkbox.el-checkbox--small {
    height: 10px;
}
.select2-container {

    z-index: 9991;
}

.el-card.is-always-shadow.box-card.mt-2.booking-list-box.warning-card {
    background-color: #d88a8a99;
    border: 2px solid #e08888;
}


.el-card.is-always-shadow.box-card.mt-2.booking-list-box.warning-card .warning-content {
    background-color: #c14e4e;
    padding: 0px 10px;
    color: white;
}

.card-box .title{
    background-color: #343a40;
    color: white;
    padding: 10px;
    margin-top: 6px;
    display: flex;
}



.card-box .title .actions{

    right: 30px;
    position: absolute;
}



.card-box .body{
    background-color: white;
    padding: 10px;
}

.card-box .footer{
    padding: 20px;
    background-color: #ededed;
    text-align: right;
}

.el-form--default.el-form--label-top .el-form-item .el-form-item__label {

    font-weight: bold;
}

.el-card__header_b{
    background-color: #343a40;
    color: white;
}

.handover-box .el-card__body{
    display: flex;
    padding: 5px !important;
}

.handover-box .el-avatar ,.handover-box .el-avatar img {
    height: 70px;
    width: 70px;
}

.handover-box .details{
    padding: 0px 10px;
    width:100%
}
.handover-box .details h6{
    font-size: 13px;
    font-weight: 700;
    color: #343a40;
    line-height: 17px;
    margin-bottom: 5px;
}
.handover-box .details p{
    font-size: 12px;
    color: #343a40;
    line-height: 12px;
    margin-bottom: 2px;
}

.handover-box .actions{
    display: flex;
    align-items: end;
}

.handover-box  .icon-box{
    padding: 10px;
    display: flex;
    align-items: center;
    background-color: #4f4f4f;
    color: white;
    vertical-align: middle;
    font-size: 30px;
    text-align: -webkit-center;
    justify-content: center;
    border-radius: 3px;
}

.header-search-bar{

}


.flex {
    display: flex;
}

.add-quotation-container p{
    margin-bottom: 0px !important;
}

.add-quotation-container .card-header{
    padding: 0px;
    border-bottom: 0px;
}

.add-quotation-container .el-tag{
    background-color: #343a40 !important;
    color: white !important;
}