input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media (max-width: 768px) {
	input {
		-webkit-appearance: none;
		border-radius: 0;
	}
	input[type="checkbox"] {
		-webkit-appearance: checkbox; 
	}
    .nav-tabs.nav-justified>li.active>a,
    .nav-tabs.nav-justified>li.active>a:hover,
    .nav-tabs.nav-justified>li.active>a:focus {
        border-width: 0 0 0 2px;
        border-left-color: #000 !important;
    }
    .mobile_msg {
        display: none;
    }
    .desk_only {
        display: none !important;
    }
    .cm_calendar_maintbl td.stylist_name {
        min-width: 105px !important;
    }
    .page-container,
    .navbar {
        display: block;
    }
    .navbar .sidebar-control.sidebar-main-toggle,
    .navbar .sidebar-mobile-main-toggle,
    .navbar .navbar-nav {
        display: none !important;
    }
    .bnbtn {
        margin-top: 21px !important;
    }
    .sidebar-xs .content-wrapper {
        padding-left: 0 !important;
    }
    .navbar-header {
        padding: 5px 10px;
    }
    .navbar-text {
        display: inline;
        padding: 0 15px 0 0;
        margin: 0 !important;
    }
    a.navbar-brand {
        width: 100%;
        display: block;
        padding-bottom: 0;
        margin-bottom: 0;
        height: 35px;
    }
    .navbar-collapse#navbar-mobile {
        float: right;
        position: absolute;
        top: 0;
        right: 10px;
        display: block !important;
    }
    .callbuttons {
        min-width: initial !important;
    }
    .customer_mod_menu a {
        width: 16.5% !important;
        font-weight: bold;
        text-transform: uppercase;
    }
    .customer_mod_menu a.cmm_formulas {
        width: 21% !important;
    }
    .customer_mod_menu a.cmm_purch {
        width: 20% !important;
    }
    .customer_mod_menu a.cmm_stats {
        width: 15% !important;
    }
    .modal-dialog {
        margin: 0;
    }
    .appoin .heading-elements-toggle {
        display: none !important;
    }
    .callpickerinput {
        max-width: 133px !important;
    }
    .btn-raised:not(.btn-flat):not(.btn-link) {
        box-shadow: 0px 0px 0px !important;
        background: #eee !important;
        padding: 7px 10px !important;
    }
    .media-left,
    .media>.pull-left {
        padding-right: 5px;
    }
    .appoin.sticky {
        position: fixed !important;
        top: 0px !important;
    }
    .content-wrapper {
        padding-left: 0 !important;
    }
    .row {
        margin: 0 !important;
    }
    .sidebar-category .nav-tabs:before {
        display: none;
    }
    .sidebar-category .nav-tabs>li {
        float: none;
        display: inline-block;
    }
    .sidebar-category .nav-tabs>li.closeli {
        float: right;
        padding-right: 15px;
    }
    .customer_mod_buttons {
        padding: 14px 0 14px 0;
        text-align: center;
        border-top: 1px solid #ddd;
    }
    .customer_mod_buttons a {
        color: #000000;
        display: inline-block;
        width: 19%;
        text-align: center;
        font-size: 12px;
    }
    .customer_mod_buttons a i {
        display: block;
        font-size: 18px;
        margin-bottom: 5px;
        position: relative;
    }
    .customer_mod_buttons a i.icon-check {
        font-size: 28px;
        top: 1px;
    }
    .customer_mod_buttons a i.icon-pencil {
        top: -2px;
    }
    .customer_mod_buttons a i.icon-file-text {
        top: -2px;
    }
    .customer_mod_buttons a i.icon-location4 {
        font-size: 20px;
    }
    .customer_mod_buttons a i.fa-adjust {
        font-size: 20px;
        top: -1px;
    }
    .cust_modal_tab .form-control {
        font-size: 17px;
    }
    .cust_modal_tab h2 {
        font-size: 18px !important;
        font-weight: 500 !important;
    }
    .umodal_services .smlgrey {
        font-size: 14px !important;
    }
    #userinfomodal,
    #userinfomodal .modal-dialog,
    #userinfomodal .modal-content {
        height: 100%;
		overflow:auto;
    }
    #userinfomodal h6.media-heading {
        font-size: 18px;
        font-weight: 500;
    }
    #userinfomodal ul.icons-list {
        display: none;
    }
    #userinfomodal button.close {
        font-size: 33px;
    }
    #userinfomodal .panel.panel-body.pan {
        padding-left: 10px;
    }
    #userinfomodal tbody td,
    th {
        border-right: 0px !important;
    }
    #userinfomodal .mobile-circle {
        margin-right: 5px;
    }
    .text-left.left_link li:first-child img {
        margin-right: 5px !important;
    }
    .ticket_mobile {
        display: inline-block;
        margin-top: -9px !important;
    }
    .icon-diff-ignored {
        font-size: 25px;
        margin-right: 5px;
        color: #ddd !important;
        margin-top: 2px;
    }
    .icon-diff-removed {
        font-size: 25px;
        color: #ddd !important;
        margin-top: 2px;
    }
    #edit_event_form {
        top: 0 !important;
    }
    .modal-title {
        font-weight: 500 !important;
        text-transform: uppercase !important;
    }
    .panel-title #cal_action.show {
        display: none !important;
    }
    .umodal_services {
        font-size: 15px !important;
    }
    .callpanel.panel-body {
        padding: 20px 0 20px 0;
    }
    #custcalldate {
        font-size: 13px !important;
    }
    .nav.nav-tabs .tab-labels.boknwe.legitRipple {
        padding: 13.5px 20px !important;
    }
    .daterangepicker {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: -45px !important;
    }
    .bn_form {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #servtimemodal button.btn-primary,
    #userinfomodal button.btn-primary {
        background: #000000 !important;
        color: #fff !important;
    }
    #servtimemodal .modal-footer {
        padding: 15px;
    }
    .umodal_services strong {
        font-weight: normal;
    }
    .calendar-table .table-condensed thead th.month {
        color: #000 !important;
        font-weight: bold !important;
        text-transform: uppercase;
    }
    #checkoutModal {
        height: 100% !important;
        overflow: auto !important;
    }
    #checkoutModal .left_link .icons-list {
        border: 0 !important;
    }
    #checkoutModal .right_link .icons-list {
        padding-right: 0 !important;
    }
    #checkoutModal .modal-body {
        padding: 0 !important;
    }
    #checkoutModal .icons-list>li {
        margin-left: 3px !important;
    }
    #checkoutModal .modal-header .close {
        font-size: 28px !important;
        top: 29px;
        right: 15px;
    }
    #checkoutModal .modal-header .close i {
        font-size: 20px !important;
    }
    #checkoutModal .text-right.right_link {
        padding: 0 30px 17px 0px;
    }
    #checkoutModal .text-right.right_link.mobile_only {
        text-align: left;
        padding: 0 0 17px 0px;
    }
    #checkoutModal .btn-labeled.btn-xs.send_invoice {
        padding-left: 19px;
    }
    #checkoutModal .editable-field {
        width: 65px !important;
    }
    #checkoutModal .editable-field.perc {
        width: 45px !important;
    }
    #checkoutModal .table tr,
    .table th,
    .table td,
    .htContextMenu td,
    .sidebar-user-material-menu>a,
    .navbar-nav>.active>a:after,
    .ranges ul li {
        height: 42px !important;
    }
    .isDisabled {
        pointer-events: none !important;
    }
    .isDisabled {
        cursor: not-allowed;
        opacity: 1;
    }
    .isDisabled>a {
        color: #000 !important;
        display: inline-block;
        /* For IE11/ MS Edge bug */
        pointer-events: none;
        text-decoration: none;
    }
    #checkoutAddProduct a.addserv {
        color: #fff !important;
        background: #1E88E5 !important;
        display: inline-block;
        padding: 3px 10px;
    }
    #checkoutAddProduct .modal-body {
        padding: 0px !important;
    }
    #checkoutAddProduct td {
        border-top: 0px !important;
    }
    /* #checkoutAddProduct .text-size-base {
       padding-left:20px !important;}
    } */
    #checkoutAddProduct .has-feedback-left .form-control,
    .has-feedback-left.input-group .form-control {
        padding-left: 42px !important;
    }
    #checkoutAddProduct .has-feedback-left .form-control-feedback {
        left: 20px;
    }
    #checkoutAddProduct tbody.follow {
        text-align: left;
    }
    #checkoutAddProduct .follow tr td {
        border-right: 0px solid !important;
    }
    #checkoutAddProduct .table-responsive {
        border: 0px !important;
    }
    .cm_calendar_maintbl {
        border-left: #fff !important;
    }
    li.select2-results__option {
        font-size: 14px;
    }
    .select2-results__group {
        font-size: 14px;
    }
    .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    }
    label.flrbox {
    font-size: 14px;
    }
    .flex-icon {
        flex-direction: row-reverse !important;
        justify-content: flex-end;
    }
    #checkoutModal .table-responsive>.table>tbody>tr>td {
        min-width: 73px !important;
    }
    input.editable-field[readonly] {
        display: block;
        text-align: right;
        float: right;
    }
    #checkoutModal input.editable-field {
        font-size: 14px !important;
    }
	
	.client_form input[type="text"],.client_form input[type="email"]{font-weight:bold;}
	.client_form input[type="text"]::-webkit-input-placeholder,.client_form input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #000;
	}
	.client_form input[type="text"]::-moz-placeholder,.client_form input[type="email"]::-moz-placeholder { /* Firefox 19+ */
	  color: #000;
	}
	.client_form input[type="text"]:-ms-input-placeholder,.client_form input[type="email"]:-ms-input-placeholder { /* IE 10+ */
	  color: #000;
	}
	.client_form input[type="text"]:-moz-placeholder,.client_form input[type="email"]:-moz-placeholder { /* Firefox 18- */
	  color: #000;
	}
	.client_form button.white_btn.bn_add_client{font-weight:bold;color:#fff;background:#000;border-radius:0;font-size:18px;}
	.client_form .col-xs-12{padding:0 !important;}
	.salon_loc_switch{max-width: 100%; min-width: 100%; display: block; margin-left: 0px;  margin-top: 12px;    float: none;}
	.salon_loc_switch>span{max-width:230px;min-width:100px;margin:0 0 5px 0;}
	.salon_loc_switch .select2-selection--single .select2-selection__rendered{ padding-left: 16px; padding-right: 0; }
	.salon_loc_switch .select2-selection--single .select2-selection__arrow:after{left:0;right:initial;}
}

#checkoutAddProduct {
    border: 0px !important;
}

#checkoutAddService a.addserv {
    color: #fff !important;
    background: #1E88E5 !important;
    display: inline-block;
    padding: 3px 10px;
    float: right !important;
}

#checkoutAddService .modal-body {
    padding: 0px;
    border-top: 1px solid #ddd;
    margin-top: 15px;
}

#checkoutAddService .follow tr td {
    border-right: 0px solid #eee;
}

.panel-flat>.panel-heading+.table,
.panel-flat>.panel-heading+.table-responsive {
    border-bottom: 1px solid #ddd;
}

.accor {
    padding-right: 0px !important;
}

.accor>.panel {
    box-shadow: 0px 0px 0px !important;
}

.mobile-email {
    display: none !important;
}

.mobile-circle {
    margin-top: 9px !important;
    width: 45px !important;
    height: 45px !important;
}

#checkoutAddProduct .table-responsive>.table>tbody>tr>td {
    white-space: pre-wrap;
}

#checkoutAddService .table-responsive>.table>tbody>tr>td {
    white-space: pre-wrap;
    text-align: left;
}

#checkoutAddService .head_chart .panel-title {
    font-weight: 500 !important;
}

#checkoutModal .table-responsive>.table>tbody>tr>td {
    white-space: pre-wrap;
    padding: 7px 5px !important;
    font-size: 14px !important;
    color: #000;
}

#checkoutModal thead th {
    color: #000 !important;
}

#checkoutModal input.editable-field {
    font-size: 13px;
}

#checkoutModal .table-responsive>.table>tbody>tr>th {
    white-space: pre-wrap;
    padding: 5px 8px !important;
    color: #000 !important;
}

#checkoutModal .table-responsive>.table>thead>tr>th {
    white-space: pre-wrap;
    padding: 9px 8px !important;
}

.flex-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
}