.sidebar img.menu_icons {width: 25px;padding-right: 4px;}
.sidebar-menu>li>a {font-size: 16px;color: #fff!important;}
span.display_username {
    margin-left: 20px;display: inline-block;position: absolute;top: 12px;font-size: 16px;
    color: #000;text-transform: uppercase;border-bottom: 1px solid #000;font-weight: 600;}
h3.customer_style {color: #000;font-size: 16px;font-weight: 600 !important;margin: 10px 0 15px;font-family: 'Roboto', sans-serif;}
select.customer_select {margin-top: 10px;padding: 4px 15px;font-size: 15px;}
span.select2.select2-container.select2-container--default {margin-top: 10px;}
.main-header .logo{font-family: 'Roboto', sans-serif;}
table.table.table-hover i {font-size: 24px;color: #9b9b9b;margin-right: 15px;}
table.table.table-hover a {display: inline-block;}
label, .table>tbody>tr>th{font-weight: 500 !important;}
hr { border-top: 1px solid #ccc !important;}
.content-header h1 {margin: 0;font-size: 24px !important;font-family: 'Roboto', sans-serif !important;font-weight: 400 !important;text-transform: uppercase;}
.form-control {height: 45px !important;background-color: #f5f5f5 !important;}
ul.buttons_list {margin: 0;padding: 0;list-style: none;text-align: right;}
ul.buttons_list li {display: inline-block;padding-left: 10px;}
ul.buttons_list li a {color: #000;font-size: 15px;text-transform: uppercase;}
ul.buttons_list li a i {color: #12B13B;padding-right: 5px;font-size: 15px;}
.lubriserv_skin .navbar-static-top {
    background: linear-gradient(45deg, #A3E316 15%,#12B13B 100%);}
.lubriserv_skin a.logo {background-color: #A3E316 !important;}
.sidebar .sidebar-menu>li.active>a {
    border-left-color: #12B13B !important;}
.lubriserv_skin .box.box-primary { border-top-color: #12B13B !important;}
.lubriserv_skin .btn.btn-primary {background-color: #12B13B !important;
    padding: 4px !important;}
.lubriserv_skin .main-header li.user-header {
    background: linear-gradient(45deg, #A3E316 25%,#12B13B 100%) !important;}

.login-box-msg, .register-box-msg {font-size: 30px;
    color: #fff;font-weight: 700;}


.box-footer {
    border: none;
}
.box-footer button.btn.btn-primary {
    width: 35%;
    padding: 10px;
    font-size: 24px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.pagination_main {
    float: left;
    padding: 30px 15px;
    width: 100%;
    text-align: right;
}
table#table {border: 1px solid #ccc;}

.form-group .required:after { content: " * "; color: red;}
.error_display {color: red;padding-top: 10px;clear: both;}
.field_wrapper {float: left;width: 100%;}
table#table td {padding: 10px;border: 1px solid #ccc;}
.imagePreview { background-size: contain; background-repeat: no-repeat;padding: 18px; }
.field_wrapper > .row, .field_wrapper_option > .row {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    padding: 0 15px;
}
.success-msg {
    background: #57b846;
    color: #fff;
    border-left: 5px solid #57b846;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
}
.field_wrapper > .row
{
    border: 1px solid #ccc;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    padding: 10px 15px;
    background: #eee;
}

.field_wrapper_option {
   clear: both;
   padding: 15px 15px 0px;
   width: 100%;
   float: left;
   border: 1px solid #23395675;
   margin: 10px 0px;
   background: #ecf0f5d6;
}
.field_wrapper .col-md-9, .field_wrapper_option .col-md-9 {
    padding: 0;
}
.add_button_option > span, .add_button > span {
    color: #303030;
    border: 1px solid #303030;
    padding: 3px 10px;
}
.remove_button > span, .remove_button_option > span {
    color: #fff;
    border: 1px solid red;
    background: red;
    padding: 3px 10px;
}
.field_wrapper_option > .first_row {
    margin-bottom: 15px;
}

#main_loader{
    position: absolute;
    width: 100%;
    z-index: 10000;
    text-align: center;
    padding-top: 35vh;
    background: #0000006e;
    height: 100vh;

}

@media only screen and (max-width: 767px){

}