/*//@import url(fontfamily.css);
* {
    margin: 0;
    padding: 0;
}*/
.jReports-panel{
    background-color: #fff !important;
    margin: 0px;
    padding: 10px;
}
.jsBackground{
    background-color: #fff !important;
}

.custom-input-ui2{
    background-color: #fff !important;
    border-top: 1px solid transparent !important;
    border-right: solid 1px transparent !important;
    border-bottom: 1px solid #aeafae !important;
    border-left: 1px solid transparent !important;
    border-radius: 10px !important;
    -webkit-box-shadow: 0 16px 10px -10px #ccc !important;
    -moz-box-shadow: 0 16px 10px -10px #ccc !important;
    box-shadow: 0 16px 10px -10px #ccc !important;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 34px;
    line-height: 34px;
    width: 100%;
}
.jsSelect2EditNormal span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
.jsSelect2Edit span.select2.select2-container.select2-container--default {
    position: absolute;
    top: 26px;
    left: 72px;
    z-index: 1020;
    border-radius: 50px !important;
    border: none;
    height: 34px !important;
    text-indent: 19px;
    width: 80% !important;
    -webkit-box-shadow: 0px 0px 24px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 24px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 24px 1px rgba(0, 0, 0, 0.75);
}
.jsSelect2Edit2 span.select2.select2-container.select2-container--default {
    position: absolute;
    top: 26px;
    left: 12px;
    z-index: 1020;
    border-radius: 50px !important;
    border: none;
    height: 34px !important;
    text-indent: 0px;
    width: 80% !important;
}
.custom-input-ui{
    background-color: #fff !important;
    border-top: 1px solid transparent !important;
    border-right: solid 1px transparent !important;
    border-bottom: 1px solid #aeafae !important;
    border-left: 1px solid transparent !important;
    border-radius: 10px !important;
    -webkit-box-shadow: 0 16px 10px -10px #ccc !important;
    -moz-box-shadow: 0 16px 10px -10px #ccc !important;
    box-shadow: 0 16px 10px -10px #ccc !important;
}
.custom-date {
    width: 100%;
    height: 26px;
    background-color: #fff;
}

.manageSelect2 span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.manageSelect2 span.select2-selection.select2-selection--multiple {
    border-radius: 0px !important;
    width: 100%;
    margin-left: 0px;
    position: static;
    border-radius: 4px !important;
    border: 1px solid #ccc;
    box-shadow: none !important;
}

.manageSelect2 .select2-container--default .select2-selection--single {
    box-shadow: rgb(204, 204, 204) 0px 16px 10px -10px !important;
    border-top: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-bottom: 1px solid rgb(174, 175, 174) !important;
    border-left: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
}

.manageSelect2 .select2-container--default .select2-selection--single:focus {
    outline: none !important;
}

.badge-primary{
    background-color: #6a66fb !important;
}
.badge-secondary{
    background-color: #6c757d !important;
}
.badge-success{
    background-color: #28a745 !important;
}
.badge-danger{
    background-color: #dc3545 !important;
}
.badge-warning{
    background-color: #ffc107 !important;
}
.badge-info{
    background-color: #17a2b8 !important;
}
.badge-light{
    background-color: #f8f9fa !important;
}
.badge-dark{
    background-color: #343a40 !important;
}

/*----- Manage Purchase css starts here*/
.cursor{
	cursor:pointer !important;
}

.manage_purchase label {
    margin: 8px;
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
  }
  
  .manage_purchase input {
    height: 1px;
    width: 1px;
    opacity: 0;
  }
  
  .manage_purchase .outside {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border: 2px solid #15b796;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: none;
  }
  
  .manage_purchase .inside {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: inline-block;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #15b796;
    left: 3px;
    top: 3px;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  .manage_purchase{padding:0px !important; margin:0px !important;}
  .manage_purchase .no-transforms .inside {
    left: auto;
    top: auto;
    width: 0;
    height: 0;
  }
  
  .manage_purchase input:checked + .outside .inside {
    -webkit-animation: radio-select 0.1s linear;
            animation: radio-select 0.1s linear;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  .manage_purchase .no-transforms input:checked + .outside .inside {
    width: 10px;
    height: 10px;
  }
  

.combine{ background-color:#f3f7fb; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.10) !important; margin-bottom:10px !important; margin-top:10px !important;}
.purchase_num{ background:#15b796; width:18px; height:18px; border-radius:50%; color:#fff; text-align:center;}

.custom-form select.form-control{
	    box-shadow: rgb(204, 204, 204) 0px 16px 10px -10px !important;
    border-top: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-bottom: 1px solid rgb(174, 175, 174) !important;
    border-left: 1px solid transparent !important;
    border-radius: 10px !important;
	background:transparent !important;
}

.custom-form input.form-control{
	    box-shadow: rgb(204, 204, 204) 0px 16px 10px -10px !important;
    border-top: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-bottom: 1px solid rgb(174, 175, 174) !important;
    border-left: 1px solid transparent !important;
    border-radius: 10px !important;
	background:transparent !important;
}

.combine1{
	background: #fff;
    padding: 5px 0px;
}
.combine2{
	background: #fff;
    padding: 5px 0px;
}
.combine3{background: #fff;
    padding: 5px 0px; margin:5px 0px;}
.displayMainData{ background:#e3e3e3; padding:5px; text-align:center; font-weight:bold; font-style:italic;}
.top_combine{ background:#eef5ff; padding:10px 0px;}


/*--End/--------*/
.btn-bg-red {background: red !important;border-color: red !important;}
.btn-bg-blue {background: blue !important;border-color: blue !important;}
.btn-bg-green {background: green !important;border-color: green !important;}
html, body {
    height: 100%;
    margin: 0;
}
body {
    background: #999999;
    font-family: 'Open Sans', sans-serif;
}
#wrap {
    width: 100%;
    height: auto;
    min-height: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0px;
    overflow:hidden;
}
#content {
    padding-bottom: 40px;
    /* Height of the footer element */
    min-height: 100%;
}
.topHeading {
    width: 100%;
    min-height: 20px;
    padding: 5px !important;
    background: #e9f9e9 !important;
    border-radius: 0px !important;
    line-height: 4px !important;
}
.main-site {
    width: 1200px;
    height: auto;
    background: #e7eaee;
    margin: 0 auto;
    border: 1px solid #52606f;
    border-radius: 4px;
    padding: 20px;
}
.header {
    width: 100%;
    min-height: 51px;
    background-color: #312f31;
    margin-bottom: 5px;
    text-align: center;
    color: #FFF;

}
.noborder-radius {
    border: none !important;
    margin-top: 6px !important;
    min-height: 34px !important;
    border-radius: 0px !important;
}
ul.dropdown-menu {
    background: #fff !important;
}
ul.dropdown-menu li a{ color: #444546 !important;}
input#re_new_password {
    border-radius: 0px;
}
input#new_password {
    border-radius: 0px;
}
input#oldpassword {
    border-radius: 0px;
}
input#userId {
    border-radius: 0px;
}
.changepasswordform {
    background: #6D4894 !important;
    padding: 5% 3% 3% !important;
    border: 4px solid #C598F3 !important;
}
ul .dropdown-menu li:last-child {
    border-bottom: none!important;
}
.container {
    width: 100%;
    height: auto;
    clear:both;
}
.container h1 {
    text-align: center;
    padding-top: 10px;
}
.main_formlable {
    float: left;
    margin: 0px 10px;
}
/*input[type="text"]{ width:220px; height:26px;}*/

.date {
    width: 230px;
    height: 26px;
}
.button_submit {
    width: 80px;
    height: 30px;
}
.search {
    float: left;
    width: 94%;
    height: 50px;
    text-align: right;
    background: #f0f0f0;
    padding-left: 40px;
    margin-top: -60px;
}
.tablediv {
    margin: 0 auto;
    width: 95%;
    height: auto;
}
.footer{
    width: 100%;
    /* height: 40px; */
    color: #fff;
    background-color: #090907;
    border-top: 1px solid #2c2c2d;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    text-align: center;
    line-height: 40px;
    clear: both;
    position: fixed;
    margin-top: -40px;
    bottom: 0px;
    z-index: 99999;
}

.button {
    width: 100px;
    background: #8638B1;
    display: block;
    margin: 0 auto;
    margin-top: 6.2%;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    transition: background .3s;
    -webkit-transition: background .3s;
}
.button:hover {
    background: #2288bb;
}
#login {
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 2%;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
    margin-bottom: 90px;
}
#triangle {
    width: 0;
    border-top: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #8638B1;
    border-left: 12px solid transparent;
    margin: 0 auto;
}
#login h1 {
    background: #8638B1;
    padding: 20px 0;
    font-size: 140%;
    font-weight: 300;
    text-align: center;
    color: #fff;
}
form {
    /*background: #f0f0f0;*/
}

.white-background{
    background-color: #fff !important;
    border: 3px solid #fff !important;
}
/*#passwordLogin {
    width: 100%;
    background: #fff;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    padding: 4%;
    font-family: 'Open Sans', sans-serif;
    font-size: 95%;
    color: #555;
}
#loginForm #submit {
    width: 100%;
    background: #8638B1;
    border: 0;
    padding: 4%;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    color: #fff;
    cursor: pointer;
    transition: background .3s;
    -webkit-transition: background .3s;
}
input#edit_Date {
    width: 100%;
}
#loginForm #submit:hover {
    background: #443266;
}*/
.dataTables_wrapper {
    color: #000;
	clear:both;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    margin: 15px;
    border-radius: 5px;
}
.dataTables_wrapper .dataTables_filter input {
    width: 230px;
    height: 26px;
}
input#sendTotalAmount {
    width: 100%;
}
textarea#sms {
    width: 100%;
    background: #F1F0FF;
}
input#d {
    width: 100%;
}
.edit-button {
    width: 80px !important;
    height: 26px !important;
    padding-top: 5px !important;
    border: none !important;
    margin-top: 0px !important;
}
.editTotal {
    width: 80px !important;
    height: 26px !important;
    color: white !important;
    text-align: center;
}
.dataTables_length select {
    width: 60px;
    height: 26px;
}
table#cus_tbl {
    font-size: 12px !important;
}
table.dataTable>tbody>tr.child {
    text-align: left !important;
}
.deactivate_button {
    width: 80px;
    height: 26px;
    background-color: green;
    border: 1px solid green;
    border-radius: 0px;
    color: #fff;
}
.sendtotal-button {
    width: 80px;
    height: 26px;
    background-color: #3399cc;
    border: 1px solid green;
    border-radius: 0px;
    color: #fff;
}
.card-button {
    width: 80px;
    height: 26px;
    border-radius: 0px !important;
    color: #fff;
    padding-top: 2px !important;
}
.emp-text {
    height: 26px;
    border-radius: 0px !important;
    color: #fff;
    padding: 0px !important;
    word-break: break-all !important;
}
.print-button {
    width: 80px;
    height: 26px;
    border-radius: 0px !important;
    color: #fff;
    padding-top: 3px !important;
}
span.dtr-title {
    width: 145px !important;
    float: left !important;
}
ul.dropdown-menu li {
    border-bottom: 1px solid #ccc !important;
    padding: 5px 0px !important;
}
.navbar-nav>li>a:hover {
    background-color: #22c679 !important;
}
.editDate {
    width: 60px;
    height: 26px;
    background-color: #3399cc;
    border: 1px solid #049ae5;
    border-radius: 3px;
    color: #fff;
    margin: 0px 10px;
}
#saveEditDate {
    width: 60px;
    height: 26px;
    background-color: #008000;
    border: 1px solid #049ae5;
    border-radius: 3px;
    color: #fff;
    margin: 0px 5px;
}
.no-button-radius {
    border-radius: 0px !important;
}
#customer_details {
    background-color: #fff !important;
    border-radius: 0px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    height: 100%;
    /*overflow: auto;*/
}
span.textbox.numberbox {
    height: 34px !important;
    width: 100% !important;
    border-radius: 0px !important;
}
span.textbox {
    height: 34px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border-color: #ccc !important;
    margin-bottom: 10px;
}


.easytextbox span.textbox {
    height: 34px;
    position: absolute;
    top: 26px;
    left: 72px;
    z-index: 9990;
    border-radius: 50px !important;
    border: none;
    text-indent: 19px;
    width: 80% !important;

    -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
}

#dueDate {
    height: 34px !important;
    min-width: 170px !important;
    max-width: 100% !important;
    border: 1px solid #95b8e7 !important;
}
.costom-form {
    padding: 2% 4% 1% !important;
}
tr.odd.parent td {
    padding-top: 8px !important;
}
tr.odd td {
    padding-top: 8px !important;
}
tr.even td {
    padding-top: 8px !important;
}
.cleardiv {
    border-radius: 0px !important;
    color: #000;
    padding-top: 3px !important;
    text-align:left !important;
}
table.dataTable>tbody>tr.child ul li {
    padding-top: 6px !important;
    padding-left: 6px !important;
    margin-top: 0px !important;
}
/*-----------------media screens start here---------------*/

td.child ul li {
    width: 25%;
    float: left;
    font-size: 12px;
    background: #fefefe;
    margin-bottom: 2px;
    border-bottom: 1px solid #fff !important;
}

td.child {
    background: #fefefe;
}
span.dtr-title {
    padding-top: 5px !important;
    color: #000 !important;
    text-align: left !important;
}
@media only screen and (max-width: 480px) {
    td.child ul li {
        width: 100% !important;
        float: left;
        font-size: 12px;
    }
    .emp-text {
        height: 26px;
        width: 80px !important;
    }
    .header{ height:150px; background:#19b16a;}
}

@media only screen and (max-width: 768px) {
    .header{ height:150px; background:#19b16a;}
}

@media only screen and (max-width: 991px) {
    td.child ul li {
        width: 50%;
        float: left;
        font-size: 12px;
    }

}

@media only screen and (max-width: 991px) {
    .header{ height:150px; background:#19b16a;}
}
@media only screen and (max-width: 640px) {
    .header{ height:120px; background:#312f31;}
}
/*-----------------media screens end here-----------------*/
table#tableDiv ul li{height:42px;}
.noborderradius{ border-radius:0px !important;}
.span.dtr-data{text-align:center !important; width:145px !important; float:left !important;}

span.glyphicon.btn-glyphicon.glyphicon-trash.img-circle{background:#f95959 !important; color:#fff !important; padding-left:3px; padding-right:6px;}
span.glyphicon.btn-glyphicon.glyphicon-edit.img-circle.text-muted{background:#f0ad4e !important; color:#fff !important; padding-left:4px; padding-right:4px;}
span.glyphicon.btn-glyphicon.glyphicon-eye-open.img-circle.text-info{background:#337ab7 !important; color:#fff !important; padding-left:4px; padding-right:4px;}
span.glyphicon.btn-glyphicon.glyphicon-search.img-circle.text-muted{background:#58b957 !important; color:#fff !important; padding-left:4px; padding-right:4px;}
span.glyphicon.btn-glyphicon.glyphicon-plus.img-circle.text-muted{background:#e0e0e0 !important; color:#5cb85c !important; padding-left:4px; padding-right:4px;}
.searchand-reset-background{ background-color:#444546 !important; border:1px solid #000 !important; }
.no-button-background{background-color:#444546 !important; border:none !important;}
.miniheader-background{background-color:#444546 !important; padding-top:0px !important; }
.top-header-background { background: #efeeee !important;}
.custom-button{background:#444546 !important; color:#fff !important;}
.btn-glyphicon { padding:4px; background:#ffffff; margin-right:4px; }
.well{padding:5px !important; background:#fff !important;}
.well.container-fluid.top-header-background{ background: #fff !important;}

/* new added */
button.btn.btn-primary.noborder-radius.form-control{ margin:0px !important; padding:0px !important;}
button.btn.btn-info.noborder-radius.form-control{ margin:0px !important; padding:0px !important;}
.btn-group.btn-toggle.topHeading{ padding:0px !important;}
button.btn.btn-xs.btn-danger.noborder-radius.pull-right{ margin-top:0px !important;}
button.btn.btn-xs.btn-success.active.noborder-radius.pull-right{ margin-top:0px !important;}
.textbox{border:1px solid #cdd2d0 !important;}
.combo-arrow { background-color: #ccc !important;}
   

.group-buttons{ padding-top: 25px !important;}
 
 

@media screen and (min-width: 480px) {
    .nav>li>a{
        padding: 2px 12px;}
    .header{ line-height:24px;}
}


/*Srnivass styles*/
table.table.table-mobile tr th {
    background:#444546 !important;
    color: #fff !important;
}

.modal-header{
    background-color: #fff  !important;
    color: #fff !important;
    border-radius:10px !important;
    margin-bottom: 2px !important;
    text-align: center !important;
    color: #337ab7 !important;
    padding: 5px !important;
}
.modal-header h4{
    font-weight: bold !important;
	margin-top:5px;
    text-transform: uppercase;
}
.modal-content{
    border-radius:15px !important;
}
#paymentDetailsCustomer{
    background-color: #e9f9e9;
    border-top:0px !important;
}

.modal-body form{padding:0px !important;}
form#editCustomerForm label{
    font-weight: normal;
    background:#444546;
    color: #fff;
    padding: 5px;
    border-radius: 50px 20px 0px 50px;
    width:275px;
    height:60px;
    text-align: left;
    text-indent: 60px;
}
form#formVehiclesInfo label{
    font-weight: normal;
    background:#444546;
    color: #fff;
    padding: 5px;
    border-radius: 50px 20px 0px 50px;
    width:275px;
    height:60px;
    text-align: left;
    text-indent: 60px;
}
form#insuranceDetailsForm label{
    font-weight: normal;
    background:#444546;
    color: #fff;
    padding: 5px;
    border-radius: 50px 20px 0px 50px;
    width:275px;
    height:60px;
    text-align: left;
    text-indent: 60px;
}
.feedback_newform{
    color:#fff; text-align:right; background-color: #444546; padding:6px; 
}
.feedback_starrating{
    background-color: #e9f9e9;
    padding: 10px;
}

.form-group span.textbox {
    margin-bottom: 0px;
}

/*8newform css*/
.white_circle{
    position: absolute;
    width: 60px;
    height: 60px;
    background: white;
    border-radius: 50%;
    z-index: 99999;
    border: 3px solid #444546;
    font-size: 10px;
    color: red;
    display: flex;
    align-items: center;
    justify-content: center;
}

.white_circle span{
    color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-top: 8px;
}

.white_label{
    position: absolute;
    width: 46px;
    height: 18px;
    background: #fff !important;
    /* border-radius: 50%; */
    top: 42px;
    z-index: 9999;
    left: 44px;
    border: 3px solid #ffffff;
}
.custom_control{
    height: 34px;
    position: absolute;
    top: 26px;
    left: 73px;
    z-index: 999;
    border-radius: 50px !important;
    border: none;
    text-indent: 19px;
    width: 80% !important;

    -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
}

.easytextbox  .white_label{

}

.easytextbox span.textbox.combo {
    border: 0px !important;
}
.easytextbox span.textbox {
    border: 0px !important;
}
.popup-custom-background {
    background: rgba(0, 0, 0, 0.69);
}

#insuranceDetails .white_label{
    background: #b4b4b5;
    border-color:#b4b4b5;
}

.daybookcontainer {
    background: none !important;
    border: 0px !important;
}
.custom-modal-footer{
    background-color: #f34840 !important;
    color: #fff;
    padding: 0px !important;
}

.white-text{
    color:#fff !important;
    text-decoration:none !important;
    border-right:1px solid #fff;
}
.white-text-right{
    color:#fff !important;
    text-decoration:none !important;
}

.white-text div{
    padding: 10px 0px !important;
}
.pop-up-footer-btn{
    padding: 15px 0px;
    cursor: pointer !important;
}
.insurance-form-group{
    margin-bottom: 15px;
}

.stock-crumbs{ background:#f5fbf5; padding: 5px; margin-bottom: 20px;}
.stock-crumbs span{ color:#ff0000;}
td:focus{
    outline: none !important;
}
.amount-section{
    background-color: #f6f6f6;
    color: #444546;
    padding: 5px;
    border: 1px solid #eae8e8;
    border-radius: 0px;
    overflow: hidden;
    margin-top: 20px;
	margin-bottom: 20px;
}

.custom-popup-label{
    font-weight: normal;
    background: #444546;
    color: #fff;
    padding: 5px;
    border-radius: 50px 20px 0px 50px;
    width: 275px;
    height: 60px;
    text-align: left;
    text-indent: 60px;
}

span.textbox.textbox-invalid.combo{
    height: 34px;
    position: absolute;
    top: 26px;
    left: 72px;
    z-index: 9990;
    border-radius: 50px !important;
    border: none;
    text-indent: 19px;
    width: 80% !important;
    -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    border: none !important;
}
.vehicle_brand_label{
    position: absolute;width: 46px;height: 18px;background: #fff;/* border-radius: 50%; */top: 42px;z-index: 9999;left: 44px;border: 3px solid #fff;
}

.yellow_label{
    position: absolute;width: 46px;height: 18px;background: #faffbd;/* border-radius: 50%; */top: 42px;z-index: 9999;left: 44px;border: 3px solid #faffbd;
}

input.custom_control.easyui-textbox.textbox-f{
    height: 34px;
    position: absolute;
    top: 26px;
    left: 73px;
    z-index: 9990;
    border-radius: 50px !important;
    border: none;
    text-indent: 19px;
    width: 80% !important;
    -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
}

.daybook-report span.textbox.textbox-invalid.combo{
    height: 34px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border:1px solid #ccc !important;
    box-shadow: none !important;
    position: sticky;
}
span.glyphicon.btn-glyphicon.glyphicon-search.img-circle.text-muted{
    margin-right: 0px;
}
.daybook-search{width:100%; }
.daybook-reset{width:100%;}
.breadcrumbs span{color: #ff0000;}
.breadcrumbs span:last-child{color: #58b957 !important;}
.breadcrumbs{border-radius:0px !important;}
.paymentdetails span.textbox.textbox-invalid.combo{
    height: 34px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border:1px solid #ccc !important;
    box-shadow: none !important;
    position: sticky;
}

.reportbyinvoice span.textbox.textbox-invalid.combo{
    height: 34px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border:1px solid #ccc !important;
    box-shadow: none !important;
    position: sticky;
    z-index: 99;
}

.reportsmy-customer-name span.textbox.textbox-invalid.combo{
    height: 34px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border:1px solid #ccc !important;
    box-shadow: none !important;
    position: sticky;
}

.spare-parts ul li input[type="checkbox"]{
    float: left;
    margin: 0px 5px 10px 0px;
}

.spare-parts li{ width: 50%; padding-left: 15px; float: left;}
.spare-parts ul{padding-left: 0px; margin-bottom: 30px;}
.start-date-bottom-margin{ margin: 30px 0px;}

#categoryId  ul li input[type="checkbox"]{
    float: left;
    margin: 0px 5px 10px 0px;
}
#categoryId li{ width: 50%; padding-left: 15px; float: left;}
#categoryId ul{padding-left: 0px; margin-bottom: 30px;}

.dropdown-menu {
    z-index: 10001 !important;
}

.manage-customer-source span.textbox.textbox-invalid.combo{
    height: 34px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border:1px solid #ccc !important;
    box-shadow: none !important;
    position: sticky;
}

.vehicle-details-list{
    background-color: #eef4ff;
    margin-bottom: 20px;
    padding: 5px;
    border-radius: 0px;
    margin-top: 5px;
    color: #444546;
}
.custom-form-sectionl{
    padding: 15px 0px !important;
    margin: 15px 0px !important;
    overflow: hidden !important;
    background-color: #f6f6f6;
}
.custom-form-sectionl form{
    padding: 0px !important;
}
.include-btn-pagination{
    padding:0px !important; margin-top: 5px;
}

.top-main-pagination-section{
    width:100%;
    padding: 5px 10px;
    background:#f7f7f7;
    height: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}
.no-padd{
    padding: 0px !important;
}
.no-left-padd{
    padding-left: 0px !important;
}
.no-right-padd{
    padding-right: 0px !important;
}
span.page-path-activepageheadingcolor a {
    color: #58b957;
}

input.custom_control.easyui-textbox.textbox-f{
    height: 34px;
    position: absolute;
    top: 26px;
    left: 73px;
    z-index: 9990;
    border-radius: 50px !important;
    border: none;
    text-indent: 19px;
    width: 80% !important;
    -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
}
.view-stock-category-code span.textbox.textbox-invalid.combo{
    height: 34px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border:1px solid #ccc !important;
    box-shadow: none !important;
    position: sticky;
    z-index: 9;
}
.manageTechnicianAsgmInfo span.textbox.textbox-invalid.combo{
    height: 34px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border:1px solid #ccc !important;
    box-shadow: none !important;
    position: sticky;
    z-index: 999;
}

.getdaybook-reports span.textbox.textbox-invalid.combo{
    height: 34px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border:1px solid #ccc !important;
    box-shadow: none !important;
    position: sticky;
    z-index: 999;
}

.overflow{
    overflow: hidden;
    background: #f7f7f7 !important;
}

.search-bottom-margin{
    margin-bottom: 5px !important;
}

.modal-header .close {
    margin-top: 9px !important;;
    margin-right: 10px !important;;
}

.close{
    color: #ce0c0c !important;
    opacity: .8 !important;
}
button.btn.icon-btn.custom-button {
    border-radius: 20px !important;
    margin-bottom: 5px;
}

button:focus{ 
    outline: none !important;
}

input:focus{
    outline: none !important;
}
textarea:focus{
    outline: none !important;

}
select:focus{
    outline: none !important;
	box-shadow:none !important;
}

form#paymentDetailsForm button, input, select, textarea{
    border-radius:0px !important;
}
.vendor-details{ padding: 5px; color: #444546; background: #e9f9e9 ; text-align: center;}

#vehicleHistoryBody thead{
    background-color: #444546;
}

#vehicleHistoryBody thead th{
    color: #fff !important;
}

/**btn-breadcrumb css start here**/

@media (max-width: 767px) {
    .btn-breadcrumb { margin-left: 10px; margin-right: 10px; width: calc(100% - 20px) !important; }
    .workshopDetails {top:10px !important;}
}

.btn-breadcrumb{
    width: 100%;
    /*background-color: #fff;*/
    background: none;
    border-radius: 0px;
    /*border: solid 1px #ccc;*/
    border:none !important;
	margin-top: 20px;
}
.btn-breadcrumb .btn{
    border-color: transparent; border: 0px solid transparent;
    border-right: 1px solid transparent !important; 
    font-size: 12px;
}
.breadcrumb-default{ background-color: #fff; }
.btn-primary,.breadcrumb-primary{ background-color: #337ab7; }
.btn-primary:hover{background-color: #286090;}

.breadcrumb-success{ background-color: #5cb85c; }
.breadcrumb-info{/* background-color: #f5f5f5; margin-bottom: 15px;*/}
.breadcrumb-warning{ background-color: #f0ad4e; }
.breadcrumb-danger{ background-color: #d9534f; }
.breadcrumb-negro{ background-color: #d4d4d4; }

.btn-breadcrumb .btn:last-child {font-weight: bold; text-decoration: underline;}
.btn-breadcrumb .btn:last-child:after{margin-left: -2px;}
.btn-breadcrumb .btn:last-child:before{margin-left: -1px;}

.btn-breadcrumb .btn-derecha{
    float: right;
    margin-right: 0px;
    padding: 6px 10px 6px 10px !important;
    margin-left: 0px !important;
    border-radius: 0px !important; 
}
.btn-breadcrumb .btn-derecha:first-child { 
    border-top-right-radius: 2px !important; 
    border-bottom-right-radius: 2px !important; 
}

.btn-breadcrumb .btn-derecha:after, .btn-breadcrumb .btn-derecha:before{
    content: none !important;
}

.btn-breadcrumb .btn:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    margin-left: 0px;
    left: 100%;
    z-index: 3;
}
.btn-breadcrumb .btn:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -14px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {padding:6px 12px 6px 24px;}
.btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;}
.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}

/** Default button **/
.btn-breadcrumb .btn.btn-default:after { border-left: 10px solid #fff;}
.btn-breadcrumb .btn.btn-default:hover:after {border-left: 10px solid #e6e6e6;}
.btn-breadcrumb .btn.btn-default:hover:before, .btn-breadcrumb .btn.btn-default:before {border-left: 10px solid #adadad;}
.breadcrumb-default{ border: solid 1px #adadad; }

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:after {border-left: 10px solid #337ab7;}
.btn-breadcrumb .btn.btn-primary:hover:after {border-left: 10px solid #286090;}
.btn-breadcrumb .btn.btn-primary:hover:before, .btn-breadcrumb .btn.btn-primary:before {border-left: 10px solid #204d74;}
.breadcrumb-primary{ border: solid 1px #204d74; }

/** Success button **/
.btn-breadcrumb .btn.btn-success:after {border-left: 10px solid #5cb85c;}
.btn-breadcrumb .btn.btn-success:hover:after {border-left: 10px solid #449d44;}
.btn-breadcrumb .btn.btn-success:hover:before, .btn-breadcrumb .btn.btn-success:before {border-left: 10px solid #398439;}
.breadcrumb-success{ border: solid 1px #398439; }

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:after {border-left: 10px solid #d9534f;}
.btn-breadcrumb .btn.btn-danger:hover:after {border-left: 10px solid #c9302c;}
.btn-breadcrumb .btn.btn-danger:hover:before, .btn-breadcrumb .btn.btn-danger:before {border-left: 10px solid #ac2925;}
.breadcrumb-danger{ border: solid 1px #ac2925; }

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:after {border-left: 10px solid #f0ad4e;}
.btn-breadcrumb .btn.btn-warning:hover:after {border-left: 10px solid #ec971f;}
.btn-breadcrumb .btn.btn-warning:hover:before, .btn-breadcrumb .btn.btn-warning:before {border-left: 10px solid #d58512;}
.breadcrumb-warning{ border: solid 1px #d58512; }

/** Info button **/
.btn-breadcrumb .btn.btn-info:after {border-left: 10px solid #5bc0de;}
.btn-breadcrumb .btn.btn-info:hover:after {border-left: 10px solid #31b0d5;}
.btn-breadcrumb .btn.btn-info:hover:before, .btn-breadcrumb .btn.btn-info:before {border-left: 10px solid #269abc;}
.breadcrumb-info{ border: solid 1px #eae9e9; }
.breadcrumb-main-section{
    /*border: solid 1px #eae9e9;*/
    /*background-color: #f5f5f5;*/
    margin-bottom: 8px;
    border-radius:0px;
    overflow: hidden;
    clear: both;
}
/**btn-breadcrumb css end here**/
.easyui-custom-texxtfeiled span.textbox.textbox-invalid.combo{
    height: 34px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border:1px solid #ccc !important;
    box-shadow: none !important;
    position: sticky;
    z-index: 999;
}

.cuponcode_effectivedate span.textbox.textbox-invalid.combo{
    height: 34px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border:1px solid #ccc !important;
    box-shadow: none !important;
    position: sticky;
    z-index: 999;
}

table {
    border-collapse: collapse;
    border-color: #e2e2e257;
}
.tobe-paid-section{
    margin:15px 0px 0px 0px;
}

.select2-container--default .select2-selection--multiple{
    background-color: #ffffff;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding-left:13px;
    border-radius: 50px !important;
    cursor: text;
    position: absolute;
    /* top: -49px; */
    /* overflow-y: scroll; */
    height: 34px;
    width: 87%;
    /* margin-left: 57px; */
    /* -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75); */
    -moz-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 6px -5px rgb(0 0 0 / 75%);
}
.displayNoneSpares .select2-container--default .select2-selection--multiple {
    background-color: #ffffff;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding-left:12px;
    border-radius: 50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    cursor: text;
    position: absolute;
    top: -49px;
    height: 34px;
    width: 87%;
    margin-left: 57px;
    -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
    overflow-y:scroll;
}
.select2-container--default .select2-selection--multiple{width: 231px;/* border:1px solid #fff !important; */border-top: 1px solid transparent !important;border-right: solid 1px transparent !important;border-bottom: 1px solid #aeafae !important;border-left: 1px solid transparent !important;}

.custom_stocksummary span.select2.select2-container.select2-container--default span.selection span.select2-selection.select2-selection--multiple{
    height: 34px;
    background-color: fff;
    border:1px solid #ccc;
    box-shadow: none;
    position: sticky;
    z-index: 999;
    margin: 0px;
    width: 100%;
	border-bottom: 1px solid #aeafae !important;
    border-top: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
    border-radius: 10px !important;
    -webkit-box-shadow: 0 16px 10px -10px #ccc !important;
    -moz-box-shadow: 0 16px 10px -10px #ccc !important;
    box-shadow: 0 16px 10px -10px #ccc !important;
}


.displayNoneSpares .select2-container--default .select2-selection--multiple::-webkit-scrollbar {
    width: 10px;
}

.displayNoneSpares .select2-container--default .select2-selection--multiple::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    border-radius: 10px;
}

.displayNoneSpares .select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
}


.select2-container--default .select2-selection--multiple::-webkit-scrollbar {
    width: 10px;
}

.select2-container--default .select2-selection--multiple::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    border-radius: 10px;
}

.select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
    border:none !important;
}
.summary_section{
    padding:10px;
    text-align:center;
    background:#444546;
    color:#fff;
    margin:5px 0px 10px 0px;
}

.ledgerDiv {
    background-color: #337ab7;
    color: #ffffff;
    padding: 5px !important;
    border-radius: 0px;
    margin-bottom: 12px;
}

.feedback_form{ margin-bottom: 15px;}

.modal-body .form-horizontal .form-group{ margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;}
.modal-body .container-fluid{padding:0px;}
.breadcrumb_indication{ width: 50%; float: left;}
.information_buttons{ width: 50%; float: left; text-align: right;}
.icon-btn { padding: 0px 12px 1px 2px !important; border-radius:50px;}
#formComplexSearch{padding-top:0.5% !important; padding-bottom:39px !important;}
.group-buttons{ padding-top: 25px !important;} 
.mob_search{float: left; text-align: center; margin-right: 10px;}
.mob_reset{ float: left; text-align: center; }
.selected{
    background-color: #ecebeb !important;
} 

.custom_modal{
    width:80% !Important;
}

.estimation_button_{ margin-left: 10px;}
.custom_tabs_estimation_btn{ float: right; position: relative; top:0px; right:0px; width:450px;text-align:right;}
.custom_tabs_estimation_btn .tooltip{ background: none !important; border:0px !important;}
.topHeading center{ margin-top: -15px;}
.alert_instructions{ width: 60%; float: left;}
.qr_section{ width: 40%; float: left;}
.steps_section{ background: #f7f3f3; padding: 10px; margin-bottom: 15px;}
.steps_section1{ background: #f5f9f5; padding: 10px; margin-bottom: 15px;}
.applaunched{ float: right;}
.new_customer_service_screen{
    font-size: 14px;
    color: #000;
    font-weight: bold;
    position: absolute;
    left:0;
	right:0;
	margin:0 auto;
    top: 42%;
	width:235px;
	text-align:center;
}
.new_header{ background: #312f31 !important; border-radius: 0px !important; border: 0px !important;}
.new_header li a{ color: #fff !important;}
.navbar-header a{ color: #fff !important;}
.desk_marginfor_Consumable{ margin-bottom:15px !important;}
.top_section_buttons{
	background-image: linear-gradient(to left, #e7eced , #fff);
    box-shadow: 0 1px 2px #727272;
    color: #312f31;
    border: 1px transparent;
	padding: 15px 10px;
	margin:0px 5px;
	cursor:pointer;
    border-radius: 12px !important;}
.top_section_buttons:hover{background-image: linear-gradient(to left, #fff , #e7eced);}
.hide_button{border-top-left-radius:15px !important; border-bottom-left-radius:15px !important; font-size:10px !important;}
.show_button{border-top-right-radius:15px !important; border-bottom-right-radius:15px !important; font-size:10px !important;}
.custom_design_form span.textbox{ border-top:1px solid transparent !important; border-right:solid 1px transparent !important; border-bottom: 1px solid #aeafae !important; border-left:1px solid transparent !important;border-radius: 10px !important;
    -webkit-box-shadow: 0 16px 10px -10px #ccc !important;
    -moz-box-shadow: 0 16px 10px -10px #ccc !important;
    box-shadow: 0 16px 10px -10px #ccc !important; }
.custom_design_form label{font-weight:normal !important;}
.custom_design_form span.textbox.textbox-invalid.combo{border-top:1px solid transparent !important; border-right:solid 1px transparent !important; border-bottom: 1px solid #aeafae !important; border-left:1px solid transparent !important;     border-radius: 10px !important;
    -webkit-box-shadow: 0 16px 10px -10px #ccc !important;
    -moz-box-shadow: 0 16px 10px -10px #ccc !important;
    box-shadow: 0 16px 10px -10px #ccc !important;}
.custom_design_form .form-control{border-top:1px solid transparent !important; border-right:solid 1px transparent !important; border-bottom: 1px solid #aeafae !important; border-left:1px solid transparent !important; border-radius: 10px !important;
    -webkit-box-shadow: 0 16px 10px -10px #ccc !important;
    -moz-box-shadow: 0 16px 10px -10px #ccc !important;
    box-shadow: 0 16px 10px -10px #ccc !important;}
.add_newbtn{
	cursor: pointer;
    float: right;
    background-image: linear-gradient(to top, #51b351 , #10c7c9);
    color: #fff;
    border-radius: 12px;
    padding: 2px 5px 2px 2px;
    font-size: 10px;
    display: flex;
    font-weight: bold;
    align-items: center;}
.details_strip .fa{
    color: #5cb85c !important;
    margin-right: 8px;
}
.dataTable{font-size:12px !important;}
.dataTable thead{ background:#444546 !important; color:#fff !important; vertical-align: middle !important;}
.dataTable thead th{ height:40px !important; vertical-align: middle !important;}
.dataTable tbody td{ vertical-align:middle !important;}
.toolbar button{ 
background: #444546 !important;
    box-shadow: 0 1px 2px #727272;
    color: #fff !important;
	border-radius:15px !important;}
.dt-buttons a{
	 background: #444546 !important;
    box-shadow: 0 1px 2px #727272;
    color: #fff !important ;
	border-radius:15px !important;
}

.custom_button_info{
	width:80px;
    background-image: linear-gradient(to left, #c4dcec , #fff);
    text-align: center;
    position: relative;
    color: #000;
    box-shadow: 0 1px 2px #727272;
    border: 1px solid #5da9dc;
	border-radius: 15px !important;
}
.custom_button_info:hover{
    background-image: linear-gradient(to left, #fff , #c4dcec);
}
.custom_button_danger{
	width:80px;
    background-image: linear-gradient(to left, #f3b4b4 , #fff);
    text-align: center;
    position: relative;
    color: #000;
    box-shadow: 0 1px 2px #727272;
    border: 1px solid #ff0000;
	border-radius: 15px !important;
}
.custom_button_danger:hover{
	background-image: linear-gradient(to left, #fff , #f3b4b4);
}
.custom_button_success{
	width:80px;
    background-image: linear-gradient(to left, #cde8cd , #fff);
    text-align: center;
    position: relative;
    color: #000;
    box-shadow: 0 1px 2px #727272;
    border: 1px solid #4cae4c;
	border-radius: 15px !important;
}
.custom_button_success:hover{
    background-image: linear-gradient(to left, #fff , #cde8cd);
}
.dataTable i.fa {
    font-size: 14px !important;
}
.dataTable.glyphicon {
    font-size: 14px !important;
}
.custom_button_success .fa{position:relative; top:2px;}
.custom_button_success .glyphicon{position:relative; top:2px;}
.custom_button_danger .glyphicon{position:relative; top:3px;}
.custom_submit_btn{
	display:inline-block;padding:8px 30px;text-decoration:none;background:#5cb85c;color:#fff;width:100%;text-align:center;border-radius:4px;box-shadow:0 0 0 5px #5cb85c;border:1px dashed #fff !important; margin-top:1%;
}
.crm_info_btn{
	 background:transparent;
	 border:transparent;
	 color:#5cb85c;
}
.crm_info_btn:hover{
	 background-image: linear-gradient(to left, #fff , #e7eced);
}
.transparent_crm_info_button{
    color: #5da9dc;
    background-color: transparent;
    border: none;
	padding:3px;
}
.transparent_crm_danger_button{
    color: #ff0000;
    background-color: transparent;
    border: none;
	padding:3px;
}
.transparent_crm_primary_button{
    color: #2072a9;
    background-color: transparent;
    border: none;
	padding:3px;
}
.insurance_renewal{
    background-image: linear-gradient(to left, #e7eced , #fff);
    text-align: center;
    position: relative;
    color: #000;
    box-shadow: 0 1px 2px #727272;
    border: 1px solid #4cae4c;
	border-radius: 15px !important;
}
.insurance_renewal:hover{
    background-image: linear-gradient(to left, #fff , #e7eced);
}


@media(min-width : 320px) and (max-width : 479px) {
    .nav-tabs>li>a { padding: 10px 12px !important;}
    .modal-footer button{ margin-bottom: 15px;}
    /*.modal-body form div:nth-child(1) {
    padding-left: 0px;
}*/
    .modal-body form div {
        padding-left: 0px;
        padding-right: 0px;
    }

    .modal-body form .col-sm-12{
        padding-left: 0px;
    }
    .easytextbox span.textbox{
        left:58px;
        width:79% !important;
    }
    span.textbox.easyui-fluid.combo {
        width: 79% !important;
        left: 58px;
    }

    span.textbox.textbox-invalid.combo{
        width: 79% !important;
        left:58px;
    }
    .white_label{ left: 28px;}
    .vehicle_brand_label{ left: 28px;}
    .custom_control{left: 58px;   width:79% !important;}
    .yellow_label{ left: 28px;}
    .modal-header h4 {
        font-size: 18px !important;
    }
    .modal-header .close{ margin-top: 0px !important;}
    .main-border{ padding: 5px !important;}
    .feedback_newform{
        padding: 2px !important;
        text-align: center !important;
    }
    .breadcrumb_indication{ width: 100%}
    .information_buttons{ width: 100%; text-align: left; margin: 5px 0px;}
    .icon-btn { padding:0px 8px 1px 1px !important; border-radius:50px;}
    .breadcrumb_mob{ margin-left: 0px;}
    button.btn.icon-btn.custom-button{
        margin: 5px 0px;
    }

    .daybook-search{width:50%; float: left; }
    .daybook-reset{width:50%; float: left;}
    .start-date-bottom-margin {
        margin: 0px;
    }
    .mob_search{ width: 47%; text-align: center; float: left;}
    .mob_reset{ width: 47%; text-align: center; float: left;}

    .custom_modal {
        width: 100% !important;
        margin: 0px !important;
    }

    .edititem_buttons{ width: 100% !important;}

    .estimation_button_{ margin-left:0px;}
    .custom_tabs_estimation_btn{ top: -39px; position: absolute;}
    .custom_tabs_estimation_section{ margin-top: 50px;}
    .custom_tabs_estimation_btn a button{ padding: 10px 1px !important;}
    .topHeading center {
        margin-top: 15px;
        margin-bottom: 15px;
    }
	.topHeading{ background:transparent !important;}
    .alert_instructions{ width: 100%;}
    .qr_section{ width: 100%;}

    .mobile_business{
        margin: 10px 0px !important;
		box-shadow: 0 1px 2px #727272 !important;
		border-radius: 12px !important;
		width:100%;	
    }

    .applaunched{ float: left;}
    ul.dropdown-menu{ background:#444546 !important;}
    ul.dropdown-menu li a{ color: #fff !important;}
    .custom_toggle{ border-color: #5cb85c !important; position: absolute !important; right: 10px !important; z-index: 999!important; top: 8px;}
    .custom_iconbar{background-color: #5cb85c !important;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #fff0 !important;
    }
    .est_send_sms_btn{ padding-right: 0px !important;}
    .dt-buttons{ float: right !important;}
    .button-apply-loan{width:100%;}
    .mob_insurance{width: 48%; float: left;}
    .mob_upcoming_services{width: 50%; float: right;}
    .toolbar button {
        z-index: 999;
    }
    .toolbar{ float: left !important;}
    div.dt-buttons{ float: right !important;}

    .select2-container--default .select2-selection--multiple{
        width: 80%;
    }
    .displayNoneSpares .select2-container--default .select2-selection--multiple {
        width: 80%;
    }
    .mobile_margin{
        margin-bottom:15px;
    }	
    .start-date-bottom-margin .white_label{
        left:38px;
    }
    .new_header .tooltip{display:none !important;}	
	.top_section_buttons{margin:0px;}
	.show_button{width:50%; float:left;}
	.hide_button{width:50%; float:left;}
	.new_customer_service_screen {
    top: -10px;
}
	.tablinks{ margin:30px 0px;}
	.serviceQueue{height:100% !important;}
	.dashboard{height:100% !important;}
	.shortcuts{height:100% !important;}
	.sercicequee_mob{margin-top:60px;}
	.workshopDetails{width:100% !important;}
	.logo-section{left:0; right:0; background:transparent !important; color:#fff !important;}
	.logo-section a span{color:#fff !important;}
	.brocode_section{left:0; right:0;}
	
}

@media(min-width : 480px) and (max-width : 767px) {
    span.textbox.easyui-fluid.combo {
        width:80% !important;
    }
    span.textbox.easyui-fluid{
        width: 80% !important;
    }
    .modal-footer button{ margin-bottom: 15px;}
    .modal-header .close{ margin-top: 0px !important;}
    .main-border{ padding: 5px !important;}
    .feedback_newform{
        padding: 2px !important;
        text-align: center !important;
    }
    .breadcrumb_indication{ width: 40%; float: left;}
    .information_buttons{ width: 60%; float: left; text-align: right;}
    .icon-btn { padding:0px 8px 1px 1px !important; border-radius:50px;}
    .breadcrumb_mob{ margin-left: 0px !important;}
    button.btn.icon-btn.custom-button{
        margin: 5px 0px;
    }
    .daybook-search{width:50%; float: left; }
    .daybook-reset{width:50%; float: left;}
    .start-date-bottom-margin {
        margin: 0px;
    }
    .mob_search{ width: 47%; text-align: center; float: left;}
    .mob_reset{ width: 47%; text-align: center; float: left;}

    .btn-breadcrumb .btn:last-child {
        padding: 6px 10px 6px 15px !important;
    }

    .custom_modal {
        width: 100% !important;
        margin: 0px !important;
    }

    .edititem_buttons{ width: 100% !important;}
    .estimation_button_{ margin-left:0px;}
    .custom_tabs_estimation_btn a button{ padding: 10px 3px !important;}
    .no-mob-padd{ padding: 0px !important;}
    .alert_instructions{ width: 100%;}
    .qr_section{width: 100%;}
    .applaunched{ float: left;}
    .applaunched{ margin-left: 0px !important;}
    .new_customer_service_screen{top: 100%; padding-top: 20px;}
    .topHeading button{ font-size: 12px;}
    ul.dropdown-menu{ background:#444546 !important;}
    ul.dropdown-menu{ background:#444546 !important;}
    ul.dropdown-menu li a{ color: #fff !important;}
    .custom_toggle{ border-color: #5cb85c !important; cursor: pointer !important;}
    .background-color{border-color: #5cb85c !important;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #fff0 !important;
    }
    .est_send_sms_btn{ padding-right: 0px !important;}
    .dt-buttons{ float: right !important;}
    .button-apply-loan {padding:14px 10px;}
    .mobile_margin{
        margin-bottom:15px;
    }
    .select2-container--default .select2-selection--multiple{
        width: 85%;
    }
    .displayNoneSpares .select2-container--default .select2-selection--multiple {
        width: 85%;
    }
    .new_header .tooltip{ display:none !important;}
	.tablinks{ margin:30px 0px;}
	.serviceQueue{height:100% !important;}
	.dashboard{height:100% !important;}
	.shortcuts{height:100% !important;}
	.sercicequee_mob{margin-top:60px;}
	.workshopDetails{width:100% !important;}
	.logo-section{left:0; right:0;}
	.brocode_section{left:0; right:0;}
}

@media(min-width : 768px) and (max-width : 991px) {
    .modal-footer button{ margin-bottom: 15px;}
    .modal-header .close{ margin-top: 0px !important;}
    span.textbox.easyui-fluid.combo {
        width: 84.4% !important;
    }
    span.textbox.easyui-fluid{
        width: 84.4% !important;
    }
    .daybook-search{width:50%; float: left; }
    .daybook-reset{width:50%; float: right;}
    .mob_search{ width: 47%; text-align: center; float: left;}
    .mob_reset{ width: 47%; text-align: center; float: left;}
    button.btn.icon-btn.custom-button {
        margin-bottom: 5px !important;
    }

    .custom_modal {
        width: 100% !important;
        margin: 0px !important;
    }

    .alert_instructions{ width: 100%;}
    .qr_section{ width: 100%;}
    .topHeading button{ font-size: 10px;}
    .button-apply-loan{ padding:12px 10px !important;}
    .mobileappLunched{padding: 4px 10px !important;}
    .new_customer_service_screen{ top: 100%; padding-top: 20px;}
    .custom_toggle{ border-color: #5cb85c !important; cursor: pointer !important;}
    .background-color{border-color: #5cb85c !important;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #fff0 !important;
    }
    .nav>li>a{
        padding: 14px 10px !important;}
    .no-mob-padd{ padding-left: 0px !important;}
    .add_internalnote_tab{width: 98% !important;}
	
	.tablinks{margin:5px; width:31% !important; font-size:10px !important; float:left !important;}
	.serviceQueue{height:100% !important;}
	.dashboard{height:100% !important;}
	.shortcuts{height:100% !important;}
	.sercicequee_mob{margin-top:60px;}
	.workshopDetails{width:100% !important;}
	.logo-section{left:0; right:0;}
	.brocode_section{left:0; right:0;}
	.workshopDetails {top:13px !important;}
	body {background:#fff !important;}
}
.editmanagePurchasesheading{width: 98.9% !important;padding: 5px 15px !important;margin: 0 0 5px 0 !important;}
.editmanagePurchasesheading h4{margin:0 !important;}

@media(min-width : 992px) and (max-width:1199px){
    #formData label{ font-size: 12px;}
    .modal-header .close{ margin-top: 0px !important;}
    .daybook-search{width:50%; float:left;}
	.daybook-reset{width:50%; float: right;}
                    .mob_search{ width: 40%; text-align: left; float: left;}
                    .mob_reset{ width: 40%; text-align: left; float: left;}
                    button.btn.icon-btn.custom-button {
                        margin-bottom: 5px !important;
                    }
                    .custom_modal {
                        width: 100% !important;
                        margin: 0px !important;
                    }
                    .topHeading center {
                        margin-bottom: 10px;
                        margin-top: 15px;
                    }

                    .alert_instructions{ width: 100%;}
                    .qr_section{ width: 100%;}
                    .topHeading{ font-size: 10px;}
                    .new_customer_service_screen{ left: 45%; top: 100%; padding-top: 10px;}
    }

    @media screen and (min-width: 1366px) {
        .mob_search{ width: 50%;float: left; text-align: left;}
        .mob_reset{ width: 50%; float: left; text-align: left;}
        button.btn.icon-btn.custom-button {
            margin-bottom: 5px !important;
        }
		.tablinks{font-size:10px !important;}
}

    @media screen and (min-width: 1400px) {

    }
    @media screen and (min-width: 1600px) {
    }
    @media screen and (min-width: 1900px) {
        .mob_search{ width: 50% !important; float: left; text-align: center;}
        .mob_reset{ width: 50% !important; float: left; text-align: center;}
	
    }
    @media (min-width: 991px) and (max-width: 1199px){
        .new_customer_service_screen{top: 100%; padding-top: 15px; margin-bottom:20px;}
        form#customer_details label { font-size: 10px;}
		.service_entry_screen{font-size: 12px;}
		.tablinks{letter-spacing:0px !important;}
		.logo-section{width:120% !important;}
		.brocode_section{width:120% !important;}
		body {
    background-size: cover !important;
    background-position: top right !important;
    }
    .panel.window.panel-htop.easyui-fluid {
        z-index: 9999913;
    }

}
.btn-primary_customised{background:#5a7ce2;background:-moz-linear-gradient(-45deg,#5a7ce2 0,#8283e8 50%,#5c5de8 51%,#565bd8 71%,#575cdb 100%);background:-webkit-linear-gradient(-45deg,#5a7ce2 0,#8283e8 50%,#5c5de8 51%,#565bd8 71%,#575cdb 100%);background:linear-gradient(135deg,#5a7ce2 0,#8283e8 50%,#5c5de8 51%,#565bd8 71%,#575cdb 100%);background-size:400% 400%;-webkit-animation:AnimationName 3s ease infinite;-moz-animation:AnimationName 3s ease infinite;animation:AnimationName 3s ease infinite;-webkit-animation:AnimationName 3s ease infinite;-moz-animation:AnimationName 3s ease infinite;animation:AnimationName 3s ease infinite;border:medium none}
.btn_customised{font-size:11px;font-weight:700;letter-spacing:1px;border-radius:2px;margin:7px;width:93%;padding:8px 4px;text-shadow:1px 1px 1px rgba(0,0,0,.14);text-transform:uppercase;color:#fff;box-shadow:0 4px 9px 0 rgba(0,0,0,.2);border-radius:100px!important}
.btn_shortcut{width:100%;font-size:11px;text-align:center;font-weight:700;letter-spacing:1px;border-radius:25px;margin:6px 4px;padding:5px 11px 3px 11px;text-shadow:1px 1px 1px rgba(0,0,0,.14);text-transform:uppercase;color:#fff;box-shadow:0 4px 9px 0 rgba(0,0,0,.2);border-radius:100px!important}
.btn-secondary_customised{background:#797b7f;background:-moz-linear-gradient(-45deg,#797b7f 0,#b5b8bf 50%,#8e9397 51%,#8e9397 71%,#828589 100%);background:-webkit-linear-gradient(-45deg,#797b7f 0,#b5b8bf 50%,#8e9397 51%,#8e9397 71%,#828589 100%);background:linear-gradient(135deg,#797b7f 0,#b5b8bf 50%,#8e9397 51%,#8e9397 71%,#828589 100%);background-size:400% 400%;-webkit-animation:AnimationName 3s ease infinite;-moz-animation:AnimationName 3s ease infinite;animation:AnimationName 3s ease infinite;-webkit-animation:AnimationName 3s ease infinite;-moz-animation:AnimationName 3s ease infinite;animation:AnimationName 3s ease infinite;border:medium none}
.btn-primart_customised{background:#05ac50;background:-moz-linear-gradient(-45deg,#05ac50 0,#21dd72 50%,#05c44e 51%,#05ac50 71%,#05ac50 100%);background:-webkit-linear-gradient(-45deg,#05ac50 0,#21dd72 50%,#05c44e 51%,#05ac50 71%,#05ac50 100%);background:linear-gradient(135deg,#05ac50 0,#21dd72 50%,#05c44e 51%,#05ac50 71%,#05ac50 100%);background-size:400% 400%;-webkit-animation:AnimationName 3s ease infinite;-moz-animation:AnimationName 3s ease infinite;animation:AnimationName 3s ease infinite;-webkit-animation:AnimationName 3s ease infinite;-moz-animation:AnimationName 3s ease infinite;animation:AnimationName 3s ease infinite;border:medium none}
.btn-danger_customised{background:#e81216;background:-moz-linear-gradient(-45deg,#e81216 0,#f45355 50%,#f6290c 51%,#ed0e11 71%,#fc1b21 100%);background:-webkit-linear-gradient(-45deg,#e81216 0,#f45355 50%,#f6290c 51%,#ed0e11 71%,#fc1b21 100%);background:linear-gradient(135deg,#e81216 0,#f45355 50%,#f6290c 51%,#ed0e11 71%,#fc1b21 100%);background-size:400% 400%;-webkit-animation:AnimationName 3s ease infinite;-moz-animation:AnimationName 3s ease infinite;animation:AnimationName 3s ease infinite;-webkit-animation:AnimationName 3s ease infinite;-moz-animation:AnimationName 3s ease infinite;animation:AnimationName 3s ease infinite;border:medium none}
.btn-warning_customised{background:#e5ae09;background:-moz-linear-gradient(-45deg,#e5ae09 0,#ffd044 50%,#ffc107 51%,#fc9014 71%,#f1890b 100%);background:-webkit-linear-gradient(-45deg,#e5ae09 0,#ffd044 50%,#ffc107 51%,#fc9014 71%,#f1890b 100%);background:linear-gradient(135deg,#e5ae09 0,#ffd044 50%,#ffc107 51%,#fc9014 71%,#f1890b 100%);background-size:400% 400%;-webkit-animation:AnimationName 3s ease infinite;-moz-animation:AnimationName 3s ease infinite;animation:AnimationName 3s ease infinite;-webkit-animation:AnimationName 3s ease infinite;-moz-animation:AnimationName 3s ease infinite;animation:AnimationName 3s ease infinite;border:medium none;color:#fff!important}
.btn-info_customised{background:#01a8c1;background:-moz-linear-gradient(-45deg,#01a8c1 0,#2adbf7 50%,#00b5d1 51%,#0aafc9 71%,#0599b1 100%);background:-webkit-linear-gradient(-45deg,#01a8c1 0,#2adbf7 50%,#00b5d1 51%,#0aafc9 71%,#0599b1 100%);background:linear-gradient(135deg,#01a8c1 0,#2adbf7 50%,#00b5d1 51%,#0aafc9 71%,#0599b1 100%);background-size:400% 400%;-webkit-animation:AnimationName 3s ease infinite;-moz-animation:AnimationName 3s ease infinite;animation:AnimationName 3s ease infinite;-webkit-animation:AnimationName 3s ease infinite;-moz-animation:AnimationName 3s ease infinite;animation:AnimationName 3s ease infinite;border:medium none}
.half_width_btn{width:46%;float:left;margin:6px 2px}
@-webkit-keyframes AnimationName{
    0%{background-position:0 31%}
    50%{background-position:100% 70%}
    100%{background-position:0 31%}
}
@-moz-keyframes AnimationName{
    0%{background-position:0 31%}
    50%{background-position:100% 70%}
    100%{background-position:0 31%}
}
@keyframes AnimationName{
    0%{background-position:0 31%}
    50%{background-position:100% 70%}
    100%{background-position:0 31%}
}		


#servicesButtons, #sparesButtons, #complaintsButtons, #jobCardList {margin: 30px 0px;}
#servicesButtons button, #servicesButtons input, #sparesButtons button, #sparesButtons input, #complaintsButtons button, #complaintsButtons input, #jobCardList button, #jobCardList input {width: 14%;margin: 0 5px !important;float: left;}
div#loadDataSpares span.select2.select2-container, #loadDataServices span.select2.select2-container {width: 100% !important;}
#displayCounterSalesData table.table.table-mobile tr td span.select2-selection.select2-selection--single, #showhideSalesDiv table.table.table-mobile tr td span.select2-selection.select2-selection--single {border-radius: 0px !important;}
#displayCounterSalesData table.table.table-mobile tr td input, #showhideSalesDiv table.table.table-mobile tr td input {border-color: #aaa !important;}
div#cntrSalesPopupButtons button {min-width: 19% !important;}
div#modalPrintOrderEstimationCounterSales .modal-header {box-shadow: 0px 0px 10px #555;}
form#customer_details span.select2-selection.select2-selection--single {background: #fff;}
form#checlistCatDetailsForm {margin-bottom: 15px !important;clear: both;padding-bottom: 20px !important;border-bottom: 1px solid #eee;}
.select2_readonly+span.select2-container--default:before {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;cursor: text;}
@media(min-width : 768px) and (max-width : 991px) { 
	#wrap {margin-bottom: 120px;}
	.footer .col-xs-12 {padding: 0;}
}
@media only screen and (max-width : 767px) { 
	#wrap {margin-bottom: 50px;}
}