div.invalid input, select.invalid
{
    border-bottom: 1px solid #F44336;
    box-shadow: 0 1px 0 0 #F44336;
}

.edit_icon_class
{
    width: 16px; height: 16px; cursor:pointer;color: black;
}
.status_change
{
    cursor:pointer;
}

/* Start : Snippet to display in-line notification messages -- PRIYA BHOJANI -- */
.alert-box 
{
        color:#555;
        border-radius:10px;
        font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
        padding:10px 14px;
        
}
.alert-box span {
        font-weight:bold;
        text-transform:uppercase;
}
.error {
        background:#ffecec  no-repeat 10px 50%;
        border:1px solid #f5aca6;
}
.success {
        background:#e9ffd9 no-repeat 10px 50%;
        border:1px solid #a6ca8a;
}
.warning {
        background:#fff8c4 no-repeat 10px 50%;
        border:1px solid #f2c779;
}
.notice {
        background:#e3f7fc no-repeat 10px 50%;
        border:1px solid #8ed9f6;
}

   
/* End : Snippet to display in-line notification messages -- PRIYA BHOJANI -- */


/***  vikram  21-01-2017  ***/
.m-0{margin: 0px;}
.m-t-0{margin-top: 0px;}
.m-t-5{margin-top: 5px;}
.m-t-10{margin-top: 10px;}
.m-t-15{margin-top: 15px;}
.m-t-20{margin-top: 20px;}
.m-b-0{margin-bottom: 0px;}
.m-b-5{margin-bottom: 5px;}
.m-b-10{margin-bottom: 10px;}
.m-b-15{margin-bottom: 15px;}
.m-b-20{margin-bottom: 20px;}
.m-l-0{margin-left: 0px;}
.m-l-5{margin-left: 5px;}
.m-l-10{margin-left: 10px;}
.m-r-0{margin-right: 0px;}
.m-r-5{margin-right: 5px;}
.m-r-10{margin-right: 10px;}
.p-0{padding: 0px;}
.p-10{padding: 10px;}
.p-20{padding: 20px;}
.p-t-0{padding-top: 0px;}
.p-t-5{padding-top:5px;}
.p-t-10{padding-top: 10px;}
.p-t-15{padding-top: 15px;}
.p-t-20{padding-top: 20px;}
.p-b-0{padding-bottom: 0px;}
.p-b-5{padding-bottom: 5px;}
.p-b-10{padding-bottom: 10px;}
.p-b-15{padding-bottom: 15px;}
.p-b-20{padding-bottom: 20px;}
.p-l-0{padding-left: 0px;}
.p-l-5{padding-left: 5px;}
.p-l-10{padding-left: 10px;}
.p-r-0{padding-right: 0px;}
.p-r-5{padding-right: 5px;}
.p-r-10{padding-right: 10px;}

#booking .p-0{padding: 0px}
#booking .collapsible-body p{padding: 0px}
#booking #services .card-panel .p-0{padding: 0 5px;}
/*#booking .list-group-item span.amount{position: absolute;right: 15px;top: 10px;}*/
.package-tab .collapsible-header{position: relative;}
.package-tab .collapsible-header .switch{position: absolute;right: 0px;top: 15px;}
.selected-services-tab p{margin-bottom: 0px}
.selected-services-tab .list-group-item{border: 0px;}
#booking .collapsible{margin-top: 0px}
/*.selected-services-tab ul{background: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);margin-bottom: 0px}*/
/*.selected-services-tab .list-group-item.total-amount{color: #dbab83;font-size: 16px;font-weight: bold;border-top: 1px solid #ccc}*/
/*.tabs .tab a:hover , .picker__day.picker__day--today, .picker__close, .picker__today{color: #dbab83;}*/
/*.tabs .indicator, .picker__date-display, .switch label input[type=checkbox]:checked+.lever:after{background-color: #dbab83}*/
.tabs .tab a{color: #222}
/*input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color: #dbab83;}*/
/*input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {border-bottom: 1px solid #dbab83;box-shadow: 0 1px 0 0 #dbab83;}*/
/*.picker__weekday-display{background-color: #da9e6c;}*/
.switch label input[type=checkbox]:checked+.lever{background-color: #f5dcc7}
.picker__nav--next:hover, .picker__nav--prev:hover{color: #000;background: #ffead8;}
#payment ul {list-style: none;}
#payment ul li {position: relative;}
/*#payment ul li span {font-size: 16px;}*/
#payment ul li span.rs-tag {float: right;padding-right: 5px;}  
#payment ul li span.amount {float: right;}
ul li.total-amount {border-top: 2px solid #ececec !important;padding: 10px 0;border-bottom: 2px solid #ececec !important;}
/*#payment ul li.total-amount p {font-size: 16px;font-weight: bold;margin-bottom: 0px;}*/
/*#payment ul li.total-amount .total-amount ,#payment ul li.total-amount span.rs-tag{color: #dbab83;}*/
#payment .input-field{padding: 0px}
#payment .input-field label{left: 0px}
.admin-coupon-code .waves-effect{position: absolute;top: 0px;right: -90px;background: #dcc0a8;color: #fff;}
.admin-coupon-code .btn-floating-1{right: -290px;}
#payment .btn-floating.btn-floating-1{}
#payment .btn-floating i{color: #fff;}
/*#booking .btn.waves-effect{background-color:#dbab83;color: #fff;border-color: #dbab83}*/
#booking .nav-tabs{border: 0px;background-color: #fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}
#booking .nav-tabs>li.active>a, #booking .nav-tabs>li.active>a:focus, #booking .nav-tabs>li.active>a:hover{border: 0px !important;border-bottom: 4px solid #dbab83 !important;}
#booking .nav-tabs>li{width: 33.33%;text-align: center;}
#booking .nav-tabs>li>a{border: 0px;border-bottom: 2px solid transparent;}
#booking textarea{border: 0px;border-bottom :1px solid #9e9e9e }
#booking textarea:focus{outline: none;}
#booking .search-customer .waves-effect{background-color: #737373 !important;color: #fff;border-color: #737373;}
.selected-services-tab .list-group-item span{position: absolute;right: 40px;top:10px;}
.selected-services-tab .list-group-item .btn-floating{width: 20px;height: 20px;position: absolute;right: 10px;top: 10px;line-height: 24px}
.selected-services-tab .list-group-item .btn-floating i{line-height: 20px;font-size: 1.2rem}
.selected-services-tab .list-group-item.total-amount span{position: static;}
.selected-services-tab .list-group-item.total-amount span.rs-tag{margin-right: 5px} 
.select2-container--default .select2-selection--single{border: 0px;border-bottom: 1px solid #9e9e9e;border-radius: 0px;outline: none;}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border: 1px solid #9e9e9e;border-radius: 0px;}
#booking form p:last-child{margin-bottom: 10px}
th.sorting_disabled {background-color: #000;}
.populate_customer_list li{width: 500px;padding: 0 20px 10px;cursor: pointer;}
li.mobile:before{background-color: #00cc00}
#admin-show-coupon-code .popup-code-block{padding: 30px}
#admin-show-coupon-code .appo-coupon-box-1.clearfix {border-bottom: 1px solid #ccc;padding-bottom: 10px;padding-top: 10px;}
#admin-show-coupon-code .coupon-img {width: 150px;float: left;}
#admin-show-coupon-code .coupon-text-right {float: left;margin-left: 20px;width: calc(100% - 170px);}
#admin-show-coupon-code .coupon-img{position: relative;}
#admin-show-coupon-code .coupon-img-hover{position: absolute;bottom: 0px;background: rgba(0, 0, 0, 0.48);color: #fff;float: left; padding: 0 20px;width: 100%;text-align: center;}
#admin-show-coupon-code .coupon-img-hover h3 {margin-top: 5px;font-size: 13px;margin-bottom: 0;font-weight: bold;padding-bottom: 10px;line-height: 24px;}
#admin-show-coupon-code .bg-color-pimk-hover{background-color: #dc497a !important;color: #fff !important;opacity: 0.8;padding: 10px 15px;text-decoration: none;}
.bg-color-pimk-hover:hover {opacity: 1;color: #fff !important;}
#admin-show-coupon-code .modal-close{float: right;margin: 11px;}
#admin-show-coupon-code .modal-close i{color: #fff}
.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover{background-color: #dbab83;}

.cancel-Coupons-span {position: absolute;right: 0;padding: 4px 10px;top: 0;z-index: 1}
.cancel-Coupons-span a{color: #dbab83;}
#modal-popup-box.modal .modal-footer{display: table;}

.file-field .btn{min-width: auto;left: 10px}
.file-field input.file-path{width:100%;margin-top: 50px;margin-left: 0px;padding:0px;border:0px }
.select2-container--default .select2-selection--single .select2-selection__rendered{color: #222;}
.coupon-package-charts div.section > div{float: left;margin-left: 20px;margin-right: 20px;}
.coupon-package-charts .doughnut-chart-legend{float: left;margin-left: 20px;margin: 0px 0px 0px 20px ;}
.coupon-package-charts .doughnut-chart-legend li{font-size: 1rem}
#booking-order-tab .Order_info .card-panel{}
#booking-order-tab .input-field label.active, #booking-order-tab label{font-size: 1.2rem;color: #000;}
#booking-order-tab input[type=text]{font-size: 1.2rem;}
#booking-order-tab .nav-tabs>li.active>a, #booking-order-tab .nav-tabs>li.active>a:focus, #booking-order-tab .nav-tabs>li.active>a:hover{border: 0px;border-bottom: 2px solid #000}
.services-amount-box{list-style: none;margin: 0px;border:1px solid #ccc;padding: 20px}
.services-amount-total-amount{list-style: none;margin: 0px;border:1px solid #ccc;padding: 20px}
.services-amount-total-amount li p{float: right;margin-right: 110px;}
.services-amount-box ul{list-style: none;}
.services-amount-box ul li{position: relative;width: 100%;display: table;}
.services-amount-box ul li p{margin-bottom: 0px}
.services-amount-box-top{font-weight: bold;border-bottom: 1px solid #ccc;margin-bottom: 10px;font-size: 16px;padding-bottom: 10px}
.services-amount-box ul li span{position: absolute;right: 0;top: 0px}
.services-amount-total-amount-li{font-weight: bold;border-top: 1px solid #ccc;margin-top: 10px;font-size: 16px;padding-top: 10px}
.services-amount-total-amount-li span{top: 10px !important;} 

.page-back-btn{margin-top: 10px; margin-bottom: 10px}
.orderDetails-order-history-top {border-bottom: 1px solid #f1f1f1;font-size: 16px}
.order-history {display: table;width: 100%;}
.order-history label{font-size: 14px;color: #222;}
.order-history .order-div, .order-history .order-div > div{display: table;width: 100%;}
.order-history .order-div label{float: left;}
.order-history .order-div span{float: left;}
#order-details-basic-tabs .nav-tabs { border-bottom: 2px solid #DDD; text-align: center;}
#order-details-basic-tabs .nav-tabs > li{float: initial;display: inline-block;}
#order-details-basic-tabs .nav-tabs > li.active > a, #order-details-basic-tabs .nav-tabs > li.active > a:focus, #order-details-basic-tabs .nav-tabs > li.active > a:hover { border-width: 0; }
#order-details-basic-tabs .nav-tabs > li > a { border: none; color: #666; }
#order-details-basic-tabs .nav-tabs > li.active > a, #order-details-basic-tabs .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
#order-details-basic-tabs .nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
#order-details-basic-tabs .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
#order-details-basic-tabs .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.select2-container--default { padding: 13px 0 0;margin-bottom: 20px}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 10px;}
/*.btn{color: #dbab83;border: 1px solid #dbab83;}*/
[type="checkbox"].filled-in:checked + label:after {border: 2px solid #286090;
    background-color: #286090;}
[type="checkbox"]:checked + label::before {;border-right: 2px solid #dbab83; border-bottom: 2px solid #dbab83; border-color: transparent #dbab83 #dbab83 transparent;}
#order_table_body select, #book_table_body select, #appoint_table_body select{height: 1rem;width: 85%;padding: 2px 5px 5px 5px;border-color: #ccc}
.fixed-action-btn i{height: 42px !important}
/*ul.side-nav.leftside-navigation li a{color: #444444;}*/
/*.side-nav a{line-height: 30px;}*/
#table-datatables .fa{font-size: 14px !important}
td.action.center > a{display: inline-block;}
table.dataTable tbody th, table.dataTable tbody td{padding: 5px 8px;}
table.dataTable thead th, table.dataTable thead td{padding: 10px 5px;}
h4.header{margin:0px 0px 20px 0px;position: relative;}
.card-panel{position: relative;}
.walk-in-booking{/*position: absolute;*/top: 20px;right: 20px}
/*.dropdown-content li>a, .dropdown-content li>span{color: #dbab83;padding: 10px}*/
#table-datatables .search_action .header{margin-top: 0px !important;line-height: 1.508rem;padding-bottom: 10px;border-color: #e0e0e0;margin-bottom: 0px}
#table-datatables .search_action .input-field input{margin-bottom: 0px}
.search_action_right_bottum{margin-top: 20px}
.excel_icon{margin-top: 5px;}
.select2-container--default .select2-selection--single{background-color:transparent!important;}
.masterTooltip{color:black;position: absolute;;top:0px;right:10px;font-size: 16px;}
.input-field-radio > label.input-field-radio-title{display: table;font-size: 16px;font-weight: 300;}
.list-page-right div.row > .col .m6.s12.center.m-t-20 label, .search_label_radio > label{margin-right: 20px;padding-left: 30px !important;}
tr.tr-fill{ background-color: #f1f1f1; }
/*.list-group-item{display: flow-root;width: 100%;}*/
.ui-state-default{border: none; background: none}
.btn{background-color:#3f51b5; padding: 0 16px; }
.btn:hover{background-color: #3f51c5}
.profile-btn{height: 64px;
    display: table-cell;}
.font-10{font-size: 10px;}
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-24{font-size: 24px;}
.font-26{font-size: 26px;}
.font-30{font-size: 30px;}
.font-36{font-size: 36px;}
.d-block{display: block}
.d-none{display: none}