/*
@font-face {
    font-family: 'Al-Jazeera-Bold';
    src: url('../fonts/Al-Jazeera/Al-Jazeera-Arabic-Bold.otf');
    src: url('../fonts/Al-Jazeera/Al-Jazeera-Arabic-Bold.eot') format('embedded-opentype'), url('../fonts/Al-Jazeera/Al-Jazeera-Arabic-Bold.woff2') format('woff2'), url('../fonts/Al-Jazeera/Al-Jazeera-Arabic-Bold.woff') format('woff'), url('../fonts/Al-Jazeera/Al-Jazeera-Arabic-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Regular.otf');
    src: url('../fonts/Lato/Lato-Regular.eot') format('embedded-opentype'), url('../fonts/Lato/Lato-Regular.woff') format('woff'), url('../fonts/Lato/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family : 'AdobeArabic';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/AdobeArabic/AdobeArabic-Regular.otf');
    src: url('../fonts/AdobeArabic/AdobeArabic-Bold.otf');
    src: url('../fonts/AdobeArabic/AdobeArabic-BoldItalic.otf');
}*/

@font-face {
    font-family: 'DroidArabicKufi';
    src: url('../fonts/DroidArabicKufi/Droid Arabic Kufi.otf');
    src: url('../fonts/DroidArabicKufi/Droid Arabic Kufi.eot') format('embedded-opentype'), url('../fonts/DroidArabicKufi/Droid Arabic Kufi.woff') format('woff'), url('../fonts/DroidArabicKufi/Droid Arabic Kufi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,400italic,700,700italic,900,900italic,300italic);*/

html {
    font-size: 15px;
    direction: rtl;
    font-family: 'DroidArabicKufi', sans-serif;
}

body {
    font-family: 'DroidArabicKufi', sans-serif;
    text-align: right;
    padding: 0;
    margin: 0;
    font-size: 1rem;
}

a {
    color: #000;
}

table a {
    color: #000;
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'DroidArabicKufi', sans-serif;
    margin-top: 5px;
    margin-bottom: 12px;
    font-size: 1.35rem;
    font-weight: bold;
}


h1 {
    text-align: right;
    font-size: 1.4rem
}

fieldset {
    border: solid 1px #f0f0f0;
    border-radius: 5px;
    margin: 5px 0;
}

.wrap {
    margin: 0;
    padding: 0
}

.pl-50 {
    padding-left: 50px
}

.pl-60 {
    padding-left: 60px
}

.pl-40 {
    padding-left: 50px
}

.pl-70 {
    padding-left: 60px
}

.pr-50 {
    padding-right: 50px
}

.pr-60 {
    padding-right: 60px
}

.pr-40 {
    padding-right: 50px
}

.pr-70 {
    padding-right: 60px
}


/*login---------------------------------------------------------------------------------------------------------------*/

.login-wrapper {
    background-color: #ffbe2e;
    background-image: url("../images/login-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0;
    margin: 0;
    min-height: 100vh;
    display: inline-block;
}

.wrap > .container {
    padding: 0 15px
}


.wrapper {
    min-height: 100vh;
    /*  overflow-x: hidden;*/
}


#user-header {


    display: flex;
    width: 100%;
    height: auto;
}

#user-header h1 {
    text-align: center;
}

.main-header .navbar li {
    text-align: center;
    display: inline-block;
    color: #000;
    margin: 5px 15px;
    float: none;
}

.main-header .navbar li a {
    color: #000;
}

.main-header .social li {
    text-align: center;
    display: inline-block;
    color: #a4a4a4;
    margin: 4px 2px;
    float: none;
}

.main-header .social li a {
    color: #a4a4a4;
    font-size: 1.5rem
}

.main-header .social li a i {
    display: none
}

.social {
    text-align: center;
    display: inline-table;
    width: auto;
    padding: 25px 10px 2px;
    margin: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.social ul {
    padding: 0;

    position: relative;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
}

.main-header {
    border: none;
    background-color: transprant;
}

.header-left {
    /*    background: url("../images/top-bg-opt.jpg") no-repeat top right /cover;
    background-color: #000;
    background-size: auto;*/
    background-color: trensparent
}


.nav-in-header {
    display: none !important
}


.site-login {
    margin: 0 auto;
    text-align: center;
    min-height: 50vh;
}

.site-login-box {
    border: 1px solid #e7e7e7;
    background: #fff;
    float: none;
    margin: 0 auto;
    padding: 10px 30px 10px;
    border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -webkit-border-radius: 0 0 20px 20px;
    max-width: 440px;
}

#signup-box {
    margin: 10px auto 0;
    padding: 5px;
}

.site-signup {
    margin: 10px auto 15px;
    text-align: center;
}

.site-signup-box {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    float: none;
    margin: 0 auto;
    padding: 15px 30px 15px;
}

#login-box {
    margin: 0 auto 0;
    padding: 0;
}

.form-header {
    color: #f1a932;
    margin: 10px auto 18px;
    text-align: center;
}

.site-login-box h1.form-header {
    font-size: 1.3rem
}

.site-login-box h3.shobe {
    font-size: 1.3rem;
    color: #166627;
}

.form-header2 {
    color: #f1a932;
    margin: 10px auto;
    text-align: right;
}

p.help-block,
.help-block {
    color: red;
    margin-bottom: 0;
    font-size: 0.9rem;
    text-align: center;
    width: 100%;
}


.btn {
    /*  color: #000;*/
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 1rem;
    padding: 4px 7px;
    margin: 0 1px;
    min-width: 100px;
    font-weight: bold;
    font-family: "DroidArabicKufi", sans-serif !important;
}

.btn-primary {
    color: #fff;
    border: 1px solid #ff0030;
    background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x;
}

.btn-success {
    color: #ffbe2e;
    border: 1px solid #ffbe2e;
    background: #fff;
}

.btn-default {
    color: #9b9b9b;
    border: 1px solid #ccc;
    background: #fff;
}

.btn-danger {
    background-color: transparent;
    color: #dc3545
}

/*
.btn.disabled,
.btn:disabled,
.btn:not([disabled]):not(.disabled):active,
.btn:not([disabled]):not(.disabled).active,
.show > .btn.dropdown-toggle,
.btn:hover,
.btn:focus {
    background: #ffbe2e;
    box-shadow: 0 0 0 .2rem rgba(236, 187, 113, 0.39);
    border: 1px solid #ffbe2e;
}
*/

.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary:not([disabled]):not(.disabled):active,
.btn-primary:not([disabled]):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:hover,
.btn-primary:focus {
    background: #ff0030;
    box-shadow: 0 0 0 .2rem rgba(255, 83, 122, 0.39);

}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #ffbe2e;
    /*  border: none;*/
}

.btn-success:not([disabled]):not(.disabled):active,
.btn-success:not([disabled]):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #ffbe2e;
    border: none;
    box-shadow: 0 0 0 .2rem rgba(236, 187, 113, 0.39);
}

.btn-success:hover,
.btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(236, 187, 113, 0.39);
    border: none;
    background: #ffbe2e;
}

#login-box .btn-primary {
    border: 1px solid #ecbb71;
    background: #ecbb71;
}

#login-box .btn-primary:hover, #login-box .btn-primary:focus {
    background: #ffbe2e;
    box-shadow: 0 0 0 0.2rem rgb(236 187 113 / 39%);
}

.btn-add-div {

    /*display: inline-block;*/
    margin: 0 auto auto;
    padding: 0 0;
    position: relative;
}

.reload-btn-div {

    max-width: 140px;
    width: 120px;

    float: left;
    margin: 0 auto -50px;
    padding: 0 0;
    position: relative;
}

.reload-btn-div .btn {
    margin: 0;
    min-width: 80px;
    color: #fff;
    font-family: DroidArabicKufi, sans-serif !important
}

.reload-btn-div .btn:before {
    color: #fff
}

.btn-add:before {
    font-family: 'Font Awesome 5 Free';
    margin-right: 7px;
    font-weight: 900;
    position: absolute;
    right: -6px;
    background: #de9f2d;
    padding: 8px 9px;
    font-size: 1.3rem;
    border-radius: 10px;
    top: 0;
}

.btn-add:hover:before {
    background: #b37c17;
}

.btn-add {
    background: #de9f2d;
    padding: 8px 10px;
    box-shadow: none;
    border: 1px solid #dfa131;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    margin-right: 38px;
    border-radius: 10px;
    font-size: 1.1rem;
    cursor: pointer;
    font-family: 'DroidArabicKufi' !important;
}

.btn-add.fa-print.green-btn {
    margin-right: 24px;
}

.btn-add:hover {
    text-decoration: none;
    color: #fff;
    background: #b37c17;
    border: 1px solid #dfa131;
}

.btn-add.green-btn:before {
    background: #2dde94;
}

.btn-add.green-btn:hover:before {
    background: #129c62;
}

.btn-add.green-btn {
    background: #2dde94;
    border: 1px solid #2dde94;
    padding: 8px 15px;
}

.btn-add.green-btn:hover, .btn-add.green-btn:focus {
    background: #129c62;
    border: 1px solid #129c62;
}

.btn-add:not([disabled]):not(.disabled):active,
.btn-add:not([disabled]):not(.disabled).active,
.show > .btn-add.dropdown-toggle,
.btn-add:hover,
.btn-add:focus {
    text-decoration: none;
    color: #fff;
    background: #b37c17;
    border: 1px solid #dfa131;
}

.reload-btn {
    background: #0fa1ad;
    padding: 8px 10px;
    box-shadow: none;
    border: 1px solid #0fa1ad;
    color: #fff;
    font-weight: normal;
    margin-right: 38px;
    border-radius: 10px;
    font-size: 1.1rem;
    font-family: 'DroidArabicKufi' !important;
}

.reload-btn:before {
    background: #0fa1ad;

    font-family: 'Font Awesome 5 Free';
    margin-right: 7px;
    font-weight: 900;
    position: absolute;
    right: -6px;

    padding: 8px 9px;
    font-size: 1.3rem;
    border-radius: 10px;
    top: 0;
}

.reload-btn:hover {
    background: #0fa1ad;
    border: 1px solid #0fa1ad;
}

.btn-search {
    background: #14661f;
    padding: 8px 10px;
    box-shadow: none;
    border: 1px solid #14661f;
    color: #fff !important;
    font-weight: normal;
    margin-left: 40px;
    border-radius: 10px;
    font-size: 1.1rem;
    float: left;
    font-family: "DroidArabicKufi", sans-serif !important
}

.btn-search:hover {
    text-decoration: none;
    color: #fff;
    background: #14661f;
    border: 1px solid #14661f;
}

.btn-search.fa-search:before {
    font-family: 'Font Awesome 5 Free' !important;
    margin-right: 7px;
    font-weight: 900;
    position: absolute;
    left: 0;
    background: #14661f;
    padding: 8px 9px;
    font-size: 1.3rem;
    border-radius: 10px;
    top: 0;
}

.btn-search:hover:before {
    background: #14661f
}


.btn-sort {
    background: #14661f;
    padding: 8px 10px;
    box-shadow: none;
    border: 1px solid #14661f;
    color: #fff !important;
    font-weight: normal;
    margin-left: 40px;
    border-radius: 10px;
    font-size: 1.1rem;
    float: left;
    font-family: "DroidArabicKufi", sans-serif !important
}

.btn-sort:hover {
    text-decoration: none;
    color: #fff;
    background: #14661f;
    border: 1px solid #14661f;
}

.btn-sort.fa-sort:before {
    font-family: 'Font Awesome 5 Free' !important;
    margin-right: 7px;
    font-weight: 900;
    position: absolute;
    left: 0;
    background: #14661f;
    padding: 8px 9px;
    font-size: 1.3rem;
    border-radius: 10px;
    top: 0;
}

.btn-sort:hover:before {
    background: #14661f
}

.btn-icon {
    border-radius: 0;
    background: none;
    color: #c6c6c6;;
    border: none;
    text-align: center;
    font-size: 1.3rem;
    padding: 5px;
    min-width: auto;
}

.btn-icon:hover {
    color: #000
}


.btns-inline {
    margin-top: 28px;
    text-align: center;
}

.btns-inline .btn {
    margin: 6px
}

.form-control {
    font-size: 1rem;
    /*color: #c5c5c5;*/
    display: inline-block;
    padding: 3px 5px;
    color: #000;
}

input.form-control[type="checkbox"] {
    width: auto;
    vertical-align: bottom;
}

.commandDatePicker {
    width: 100% !important
}

select.form-control {
    font-size: 1rem;
}

.form-control.datepicker {
    text-align: center
}

.control-label {
    color: #5a5a5a;
    font-size: 0.9rem;
    display: inline-block;
    margin: 5px auto;

}

.form-group {
    clear: both;
    margin: 8px auto 8px;
    text-align: right;
    padding: 0 5px
}

/*.form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 0.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(../images/icons/select-arrow.png) no-repeat;
    background-position: left;

    text-indent: 0.01px;
    text-overflow: "";
    cursor: pointer;
    height: 26px !important;
    min-width: 33px;
}*/
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single {
    height: 28px;
    padding-right: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: -6px;
    padding-right: 2px;
    font-size: 0.88rem;
}

.form-group .select2-container {
    width: 100% !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: -7px;
    border: none;
    color: #e7e7e7;
}

.btns-group {
    text-align: center;
    /*display: inline-block;*/
    margin: 10px auto 10px;
}

.create-form-inner .form-group.btns-group {
    display: block
}

.btns-group-left {
    text-align: left;
    /*display: inline-block;*/
    margin: 10px auto;
    padding: 5px 20px
}

.btns-group-right {
    text-align: right;
    /*display: inline-block;*/
    margin: 5px auto auto;
    padding: 5px 0
}

.voucher-logic-form .control-label, .voucher-logic-form label {
    width: 100%
}

.voucher-logic-form .form-control, .voucher-logic-form input {
    width: 100%
}

.form-control:focus {
    box-shadow: none;
}

.form-control,
select.form-control:not([size]):not([multiple]) {
    padding-right: 6px;
    height: 28px
}

.form-control[data-provide="datepicker"] {
    font-family: Lato, sans-serif;
    font-size: 1rem;
}

textarea.form-control {
    height: auto;
    min-height: 80px
}

.site-signup-box textarea.form-control {
    height: auto;
    /* min-height: 114px*/
}

select.form-control /*,select.js-example-basic-multiple,
.select2-container--default .select2-selection--single*/
{
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(../images/icons/select-arrow1.png) no-repeat;
    background-position: left;
    width: 100% !important;
    text-indent: 0.01px;
    text-overflow: "";
    cursor: pointer;
    height: 28px;
    min-width: 65px;
}

.has-success .form-control,
.has-success .js-example-basic-multiple {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-control.input-icon {
    padding-right: 28px !important;
}

select.form-control.input-icon {
    padding-right: 28px !important;
}

.form-group.field-loginform-rememberme {
    margin: 20px auto;
}

.field-loginform-rememberme .col-md-6 {
    padding: 2px;
    display: inline-block;
    float: right;
    text-align: center;
}

.field-loginform-rememberme .forget {

    text-align: left
}

.forget a {
    text-align: left;
    font-size: 0.8rem;
    color: #136921;

}

.field-loginform-rememberme label {
    font-size: 0.8rem;
    color: #888;
}

form div.required label.control-label:after {
    content: " * ";
    font-family: Arial, sans-serif;
    color: #000;
}

.password-form-group {
    position: relative
}

.field-icon {
    /*    float: left;*/
    left: 0;
    top: 22px;
    position: absolute;
    z-index: 2;
    color: #ccc;
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    color: #e7e7e7;
    padding-right: 0;
}

.form-box {
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #fff;
    float: none;
    margin: 20px auto;
    padding: 20px 20px 10px;
    display: table
}

.form-centering {


    float: none;
    margin: 0 auto;

    display: table
}

.form-box-inner {
    margin: 10px auto 0;
    padding: 10px 15px;
    width: 100%
}

.card {
    border-radius: 0
}

#agent-dashboard {
    margin: 50px auto;
    padding: 30px
}

#estelam-box {
    margin: 30px auto;
}

.filter-box1 {
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #fff;
    margin: 30px auto;
    padding: 30px 30px 10px;
    min-height: 336px;
    -webkit-box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 1);
    -moz-box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 1);
    box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 1)
}

.filter-box2 {
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #fff;
    margin: 30px auto;
    padding: 30px 15px 30px;
    display: table;
    width: 100%;
    -webkit-box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 1);
    -moz-box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 1);
    box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 1)
}

.filter-box2 textarea.form-control {
    min-height: 80px
}

.filter-box2 textarea.form-control {
    min-height: 80px;
}

.filter-box2 .form-group {
    margin: 6px auto
}

.form-filters {
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #fff;
    float: none;
    margin: 30px auto;
    padding: 30px 15px 10px;
    -webkit-box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 1);
    -moz-box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 1);
    box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 1)
}

.estelam.col-md-7 {
    padding-left: 0;
    padding-right: 4px
}

.estelam.col-md-5 {
    padding-right: 0;
    padding-left: 4px
}

.filter-box1 .btns-group {
    margin-top: 80px
}

.subscriber-receipt .filter-box1 {
    min-height: 384px;
}

#login-box .form-group {

    margin: 12px auto
}

#login-box .form-group.btns-group {

    margin: 8px auto 12px
}

#login-box .control-label {
    width: 35%;
    display: inline-block;
    color: #5a5a5a;
    text-align: left;
    padding-left: 10px
}

#login-box .form-control {
    width: 62%;
    display: inline-block;
}

#login-form input {
    background: #f1f1f1;
    border: 1px solid #d0d0d0;
    font-size: 1.1rem;
    /*    font-weight: bold;*/
}

.field-loginform-rememberme .radio,
.field-loginform-rememberme .checkbox {
    right: 15%
}

/*#main-body-stations {
    background:  url("../images/main-page-top-right.png"),url("../images/main-page-bottom-left.png");
    background-repeat: no-repeat, no-repeat;
    background-position:top right, bottom left;
    width: 100%;
    min-height: 100vh;
    padding-bottom: 1px;
}*/
#main-body-stations {
    background: url("../images/main-page-bottom-left.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 100%;
    min-height: 100vh;
    padding-bottom: 1px;
}

.main-body {
    min-height: 100vh;
    padding: 0;
    margin-top: 0;
    position: relative;
    /*  min-height:91vh;*/
    width: 100%;
    /*overflow-x: hidden;*/
    /* display: block;*/
    display: flow-root;
    background: url("../images/body-bg2.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    /*background: url("../images/body-bg2.png"), url("../images/right-top-bg.png");
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, top right;*/


    padding-bottom: 1px;
    background-size: 100%, 25%;
    /*   padding-top: 100px;
    margin-top: -78px;*/
}

.main-content {
    padding: 10px 40px
}

.header-left {

    width: 100%;
    /* text-align: left;*/
    /*  min-height: 78px;*/
    padding: 0 40px
}


.Breadcrumbs-box {
    margin-top: 15px;
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
    padding: 0 5px 0;
}

.breadcrumb {
    background: #e7e7e7;
    padding: 5px 15px;
    border-radius: 15px;
    margin-bottom: 10px;


}

.breadcrumb li {
    color: #8a8a8a;
    background: url("../images/icons/right-flesh.png") no-repeat left center;
    margin: 2px 5px;
    padding-left: 15px;
    font-size: 1rem;
}

.breadcrumb > li + li::before {
    display: none
}

.breadcrumb .breadcrumb-item:nth-child(2):before {
    display: none
}

.breadcrumb li:last-child {
    color: #14661f;
    background: none;
    font-weight: bold;

}

.breadcrumb a {
    color: rgba(0, 0, 0, .5);
    font-size: 1rem;
    text-decoration: none;

}

.breadcrumb a:hover {
    color: rgba(0, 0, 0, .7);
    font-size: 1rem;
    text-decoration: none;

}


/*--------------------------*/
body:not(.sidebar-mini-md) .content-wrapper,
body:not(.sidebar-mini-md) .main-footer,
body.sidebar-open .main-footer,
body.sidebar-open .content-wrapper {
    transition: margin-right 0.3s ease-in-out;
    margin-right: 250px;
    margin-left: 0 !important;
    background: transparent;
}

body:not(.sidebar-mini-md) .main-header,
body.sidebar-open .main-header {
    transition: margin-right 0.3s ease-in-out;
    margin-right: 0;
    margin-left: 0 !important;
    background: transparent;
}

body.sidebar-open .main-footer,
body.sidebar-open .main-sidebar {
    transition: 0.3s ease-in-out;

}

.warehouse-page .main-header {
    width: 100%
}

.header-right {
    float: right;
    background: #f7d89f;
    /* max-width: 220px;*/
    padding: 2px 1px 3px;
    text-align: center;
    min-height: 78px;
    z-index: 1;
    border-bottom: 1px solid #f7ce83;
    box-shadow: 1px 0 1px #f9e4bc;
}

.header-right .navbar-header {
    text-align: center;
    width: 100%;
}

.header-right a {
    color: #fff;
    font-size: 2.3rem;
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    vert-align: middle;
}


.header-right h1 {
    /* font-size: 1.4rem;*/
    font-size: 1rem;
    text-align: center;
    margin-bottom: 5px;
    line-height: 2;
}

.header-right img {
    margin: 10px auto;
}

.header-right p {
    color: #14661f;
    font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 5px;
}

.header-center {
    font-size: 1.5rem;
    text-align: center;
    margin: 10px auto 35px;
    font-weight: bold;
    line-height: 1.8
}

.top-green {
    background: #14661f;
    min-height: 70px;
    border-radius: 0 0 35px 35px;
    width: 100%;
    padding: 8px 10px 0;
    -webkit-box-shadow: 2px 2px 5px 2px rgba(204, 204, 204, 0.7);
    -moz-box-shadow: 2px 2px 5px 2px rgba(204, 204, 204, 0.7);
    box-shadow: 2px 2px 5px 2px rgba(204, 204, 204, 0.7);
}

.header-left .container {
}

.top-green .send-icon {
    color: #fff;
    text-align: center;
    font-size: 0.75rem;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    font-family: 'DroidArabicKufi', sans-serif;
}

.top-green .exit-icon {
    color: #fff;
    text-align: center;
    font-size: 0.85rem;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    font-family: 'DroidArabicKufi', sans-serif;
}

.top-green .exit-icon:hover,
.top-green .send-icon:hover {
    text-decoration: none;
}

.top-green .exit-icon .icon-top-btn,
.top-green .send-icon .icon-top-btn {
    text-align: center;
    font-size: 2rem;
    font-family: 'icomoon', sans-serif;
}

.send-icon .badge-warning {
    color: #212529;
    background-color: #fff000;
    border-radius: 100%;
    margin-top: 14px;
    line-height: 1.5;

    margin-right: 12px;
}

.top-green.user-info {
    padding: 10px 45px 0 5px;
}

.htop-1 {
    padding-right: 7px;
    padding-left: 7px
}

.htop-2 {
    padding-right: 7px;
    padding-left: 7px;
    text-align: center;
}

#user-info2 {
    color: #fffc00;
    font-size: 1rem;
    background: url("../images/user.png") no-repeat right center;
    padding-right: 50px;
    text-align: right;
    /*  width: 25%;*/
    display: inline-block
}

.site-title {
    /*    width: 55%;*/
    display: inline-block;

}

.site-title h2 {
    color: #f7d89f;
    text-align: center;
    font-size: 1.2rem;
    vertical-align: top;
    line-height: 1.7;
    margin-bottom: 5px;
    margin-top: 0
}

#user-info2 span {
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;

}

.top-clock {
    color: #fffc00;
    text-align: left;
    /* width: 18%;*/
    display: inline-block;
    direction: ltr;
}

.main-sidebar {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
    bottom: 0;
    float: none;
    height: 100vh;
    right: 0;
    position: fixed;
    top: 0;
    background: #f7d89f;
}

.sidebar-mini.sidebar-collapse .header-right h1,
.sidebar-mini.sidebar-collapse .header-right p {
    display: none
}

.sidebar-mini.sidebar-collapse .header-right img {
    max-width: 80%
}

.sidebar.right-panel {
    overflow: hidden;
    background: #f7d89f;
    display: flow-root;
    /*  padding-bottom: 320px;*/
    position: relative;
    padding-right: 5px;
    padding-left: 0
}

.main-sidebar {
    z-index: 1039;
}

.sidebar-open .push-icon {
    position: fixed;
    z-index: 1039;
    right: 250px;
    transition: 0.3s ease-in-out;
}

.menu-right .nav-sidebar {
    padding-right: 0;
    padding-left: 0
}

.menu-right .nav-item.menu-open > .nav-link, .menu-right > .nav-item:hover > .nav-link, .menu-right > .nav-item > .nav-link:focus {

    color: #724900 !important;
}

.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {
    top: 18px;
}

.menu-right .nav-treeview > .nav-item > .nav-link {

    color: #724900 !important;
}

.menu-right .os-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {
    top: 18px
}

/* .sidebar-collapse .has-treeview .right{display: none}*/
/*.scrollbar{height: calc(100vh - (330px));}
.scrollbar {
    height: calc(100vh - (3.5rem + 1px));
}*/
.sidebar-footer {

    padding: 5px 0 5px 3px;
    display: block;
    position: absolute;
    bottom: 3px;
    text-align: center;
    width: 100%;
    height: 250px;
    right: 0;
}

.base-brand {
    text-align: center;
    position: relative;
    min-height: 235px;
    /*min-height: 265px;*/
}

.sidebar-collapse .sidebar-footer {
    height: 50px;
    /*height: 220px;*/
}

.sidebar-collapse .base-brand {
    /*height: 210px;*/
    height: 55px
}

.push-icon {
    position: absolute;
    z-index: 1039;
    right: -4px;
    top: 13px;
    background: #f7d89f;
    padding: 4px;
    border-radius: 10px 0 0 10px;
    vertical-align: top;
}

.sidebar-open .push-icon {
    transition: ease-in 0.330ms
}

.push-icon a {
    padding: 0 4px 0;
    margin-top: 0;
    color: #14661f;
    font-size: 18px;
    height: auto !important;

}

.sidebar-collapse .push-icon .fa-bars:before {
    content: '\f00d'
}

.sidebar-open .push-icon .fa-bars:before {
    content: '\f00d'
}

.sidebar-closed .push-icon .fa-bars:before {
    content: "\f0c9"
}

.sidebar-footer img {
    display: block;
    margin: 10px auto 5px;
    max-width: 66px
}

/*------------------station-dashboard-----------------------------*/
.logo-top {
    text-align: center;
    margin-top: -100px
}

.logo-top h1 {
    text-align: center;
    font-size: 2.3rem;
    font-weight: bold;
    line-height: 1.5;
}

.btn-exit {
    /*float: left;*/
    background: #156621;
    /*  background: #156621 url(../images/lock.png) no-repeat center 5px;*/
    text-align: center;
    color: #fff;
    border-radius: 10px;
    border: none;
    -webkit-box-shadow: 0 2px 14px 0 rgba(138, 138, 138, 1);
    -moz-box-shadow: 0 2px 14px 0 rgba(138, 138, 138, 1);
    box-shadow: 0 2px 14px 0 rgba(138, 138, 138, 1);
    padding: 15px 10px 10px;
    width: 80px;
    font-size: 1.1rem;
    font-family: DroidArabicKufi, sans-serif !important;
    display: inline-block;
    margin: 0 auto 5px;
}

.btn-exit:hover {
    color: #fff;
    text-decoration: none;
    background: #18401c
}

.btn-exit.icon-log-out::before {
    content: "\eb42";
    display: block;
    font-size: 1.5rem;
    font-family: icomoon, sans-serif;
    margin-bottom: 10px;

}

.header-left-station {
    padding-top: 10px;
    margin-top: -100px;
}

.header-right-station {
}

.nav-station {
    position: absolute;
    left: 30px;
    top: 20px;
    max-width: 88px;
}

.top-brand {
    text-align: center
}

.branding {
    margin: 0 auto;
    color: #f7d89f;
    text-align: center;
    display: table;
    width: auto;
    background: #14661f;

    border-radius: 0 0 35px 35px;

    padding: 10px 30px 5px;
    -webkit-box-shadow: 2px 2px 5px 2px rgba(204, 204, 204, 0.7);
    -moz-box-shadow: 2px 2px 5px 2px rgba(204, 204, 204, 0.7);
    box-shadow: 2px 2px 5px 2px rgba(204, 204, 204, 0.7);
}

.top-brand h1 {
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.8
}

.top-brand {
    margin: 0 auto;

    display: table;
    width: auto;
}

.top-bar-station {
    font-size: 1rem;
    color: #000;
    margin: 10px auto;
    width: 100%;
    text-align: right;
}

.alert-green-primary {
    color: #14661f;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center
}

.top-bar-station span.name-span {
    min-width: 100px;
    text-align: left;
    display: inline-block
}

.top-bar-station span.name-span-primary {
    color: #de9f2d;
    font-weight: bold;
    font-size: 1.1rem;
    padding-right: 8px
}

/*#station-top-icon:after{background: #fff;;width: 100%;height: 50pxpx;bottom: -50px;left: 0;display: block;content: "";position: absolute}*/

.clock {
    background: #fff;
    width: 100%;
    min-height: 30px;
    padding: 15px 0;
    margin: 0 auto -20px;
    direction: ltr
}

.clockbox {
    direction: ltr
}

#clockbox {
    color: #fff000;
    display: inline-block;
    font-size: 1rem
}

#clockbox span {
    /*color: #0eecfc;*/
    color: #ecbb71;


}

#clockbox2 {
    display: inline-flex;
    color: #ecbb71;
    width: auto;
}

.clock .clockbox {
    direction: ltr;
    text-align: center;
    font-weight: bold;
    font-family: lato, sans-serif;
    font-size: 1.5rem;
    color: #fff000;
    margin: 0 auto;
}

#clockbox2 div {
    margin: 2px 10px
}

.staition-inputs h4 {
    color: #156621;
    text-align: right;
    margin: 0 auto 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

.staition-inputs h4:after {
    border-bottom: 2px solid #156621;
    width: 70%;
    margin: -10px auto;
    display: block;
    content: "";
    position: absolute;
    left: 6%;
    top: 70%
}

#station-form .form-group {

    margin: 5px auto 8px;
}

.daily-admin-create #station-form .orders-form .form-group {
    margin: 10px auto 8px;
}

#product1 h4, #product-Petrol h4 {
    background: url("../images/benzin-icon.png") no-repeat 100% 10px;
    line-height: 65px;
    padding-right: 60px;
    color: #ff0000;
}

#product36 h4 {
    background: url("../images/benzin-icon-green.png") no-repeat 100% 10px;
    line-height: 65px;
    padding-right: 60px;
    color: #0e8508;
}

#product2 h4, #product-Gas_oil h4 {
    background: url("../images/naft-icon.png") no-repeat 100% 10px;

    line-height: 75px;
    padding-right: 60px;
    color: #3366cc;
}

#product3 h4, #product-White_oil h4 {

    background: url("../images/gaz.png") no-repeat 100% 10px;
    line-height: 75px;
    padding-right: 60px;
    color: #ffbf00;
}

#product4 h4, #product-Oil h4 {

    background: url("../images/icon-p4.png") no-repeat 100% 10px;
    line-height: 75px;
    padding-right: 60px;
    /*color: #03133b;*/
    color: #4cd2e4;
}

#product5 h4, #product-Gasoline_enhancer h4 {

    background: url("../images/icon-p5.png") no-repeat 100% 10px;
    line-height: 75px;
    padding-right: 60px;
    color: #66004a;
}

#product6 h4, #product-Liquid_gas h4 {

    background: url("../images/icon-p6.png") no-repeat 100% 10px;
    line-height: 75px;
    padding-right: 60px;
    color: #31b02e;
}

.staition-inputs #product1 h4:after,
.staition-inputs #product-Petrol h4:after {
    border-color: #ff0000;
}

.staition-inputs #product2 h4:after,
.staition-inputs #product-Gas_oil h4:after {
    border-color: #3366cc;
}

.staition-inputs #product3 h4:after,
.staition-inputs #product-White_oil h4:after {
    border-color: #ffbf00;
}

.staition-inputs #product4 h4:after,
.staition-inputs #product-Oil h4:after {
    /*  border-color: #03133b;*/
    border-color: #4cd2e4;
}

.staition-inputs #product5 h4:after,
.staition-inputs #product-Gasoline_enhancer h4:after {
    border-color: #66004a;
}

.staition-inputs #product6 h4:after,
.staition-inputs #product-Liquid_gas h4:after {
    border-color: #31b02e;
}

#petrol h4 {

    background: url("../images/gaz.png") no-repeat 100% 10px;
    line-height: 75px;
    padding-right: 60px;
    color: #fff000;
}

.text-center .control-label {
    text-align: center;
    width: 100%;
    font-weight: bold
}

.staition-inputs .row {
    margin: 0;
    padding: 0 50px
}

.staition-inputs input {
    background: #f9f9f9;
    border: 1px solid #d0d0d0;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}

.staition-inputs .form-group {
    margin: 10px auto 0;
    font-size: 15px;
    font-weight: bold;
}


#station-box {
    position: relative;
    text-align: center;
    margin: 20px auto 30px;
    padding-top: 10px;
}

#station-form {
    -webkit-box-shadow: 0 10px 34px 0 rgba(138, 138, 138, 1);
    -moz-box-shadow: 0 10px 34px 0 rgba(138, 138, 138, 1);
    box-shadow: 0 10px 34px 0 rgba(138, 138, 138, 1);
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    padding: 0 30px;
    margin-top: -1px
}

.daily-admin-create #station-form {
    padding: 0 20px;
}

.daily-admin-create #station-form .daily-report-form .col-md-3 {
    padding: 0 7px;
}

#station-top-icon {
    padding: 15px 60px 15px;
    -webkit-box-shadow: 0 10px 34px 0 rgba(138, 138, 138, 1);
    -moz-box-shadow: 0 10px 34px 0 rgba(138, 138, 138, 1);
    box-shadow: 0 10px 34px 0 rgba(138, 138, 138, 1);

    display: inline-table;
    margin: 0 auto;
    background: #fff;
    position: relative;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;


}

.daily-admin-create #station-top-icon {

    -webkit-box-shadow: 0 10px 25px 0 rgba(138, 138, 138, 1);
    -moz-box-shadow: 0 10px 25px 0 rgba(138, 138, 138, 1);
    box-shadow: 0 10px 25px 0 rgba(138, 138, 138, 1);

}

.daily-admin-create .clock {
}

/*---------------------------------------------------------------*/
.dashboard-items-info {
    color: #056b96;
}


.dashboard-items-info a {
    color: #056b96;
}


.list-items .edit-btn:hover {
    color: #858585;
}

.list-items .delete-btn:hover {
    color: rgba(235, 45, 39, 1)
}

.list-items-div .edit-btn:hover {
    color: #858585;
}

.list-items-div .delete-btn:hover {
    color: rgba(235, 45, 39, 1)
}

.btns-absolute-right {
    padding-bottom: 10px;
    position: absolute;
    top: 0;
    right: -5px;
    width: 60px;
    height: 100%;
    min-height: 70px
}

.btns-absolute-left {
    padding-bottom: 10px;
    position: absolute;
    top: 12px;
    left: 10px;
    width: 60px;
    height: 100%;
    min-height: 70px;
    text-align: center;
}

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

.h-btn a,
.h-btn .btn {
    text-align: center;
    display: inline-block;
    min-width: auto
}

.dashboard-items-info .col-12 strong {
    min-width: auto;
    line-height: 2
}


.border-box {
    border: 1px solid #e7e7e7;
    margin: 10px auto 5px;
    background: #fff;
    /*   -webkit-box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 0.8);
    -moz-box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 0.8);
    box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 0.8);*/
    padding: 10px 10px;
    width: 100%;
    clear: both;
    border-radius: 10px;
}

.dashboard-items-info {
    color: #056b96;
}

.dashboard-items-info .list-view {
    width: 100%;
    display: flex;
    height: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    color: #6d6d6d; /*color: #e4b256;*/
    font-weight: bold;
}

.dashboard-items-info .list-view strong {

    color: #de9f2d;
    margin-right: 10px;
    text-align: right;
    min-width: 60px;
    display: inline-block;
    line-height: 1.6
}

.dashboard-items-info .list-view .col {
    padding: 5px;
}

.dashboard-items-info a {
    color: #767676; /*   color: #e4b256;*/
    font-weight: bold;
}

.dashboard-items-info .edit-btn {
    position: relative;
    top: auto;
    right: auto;
    color: #ebebeb;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    min-width: 55px;
    padding: 3px 1px 1px;
    line-height: 1.2;
    border: none;
    background: none;
}

.dashboard-items-info .view-btn {
    position: relative;
    top: auto;
    right: auto;
    color: #ffc107;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    min-width: 55px;
    padding: 3px 1px 1px;
    line-height: 1.2;
    border: none;
    background: none;
}

.dashboard-items-info .edit-btn:hover {
    border: none;
    background: none;
}

.dashboard-items-info .view-btn:hover {
    border: none;
    background: none;
    color: #14661f;
}

.dashboard-items-info .delete-btn {
    position: relative;
    top: auto;
    line-height: 1.2;
    right: auto;
    color: rgba(235, 45, 39, 0.5);
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    min-width: 55px;
    padding: 3px 1px 1px
}

.h-btn {
    padding: 0
}

.h-btn a,
.h-btn .btn {
    text-align: center;
    display: inline-block;
    min-width: auto;
    border: none;
    box-shadow: none;
    margin: 2px;
}

.h-btn a:hover,
.h-btn .btn:hover {
    border: none;
    background: none;
    box-shadow: none
}

.dashboard-items-info .list-items {
    box-shadow: none;
    align-self: center;
}

.list-items-div {
    box-shadow: none;
    align-self: center;
}

.item-info {
    align-self: center
}

.table-box2 {
    border: 1px solid #e7e7e7;
    margin: 15px auto 10px;
    background: #fff;
    -webkit-box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 0.8);
    -moz-box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 0.8);
    box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 0.8);

    width: 100%;
    clear: both;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 0;
}

.box-header {
    background: #e7e7e7;
    color: #14661f;
    padding: 10px 20px;
    font-size: 1rem
}

.info-title {
    color: #14661f;
    font-weight: bold;
    font-size: 1.2rem;

}

.info-title h3 {
    margin-bottom: 0
}

.filter-table {
    padding: 10px 20px;
    font-size: 0.9rem
}

.field-search .form-control {
    max-width: 188px
}


.field-select select.form-control,
.field-select select.form-control:not([size]):not([multiple]) {

    background: #fff url(../images/sellect-arrow2.png) no-repeat;

    min-width: 65px;
    max-width: 75px;
    height: 25px;
    padding: 0 10px;
}

.table-header {
    background: #f8f8f8;
    display: table-row
}

.right-header {
    background: #f8f8f8;
    color: #ecbb71;
    font-size: 1.1rem;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    display: table-column;
    align-self: center;
    text-align: center;
    line-height: 3.5;
    font-weight: 600;
}

.left-header {
    display: table-column;
    align-self: center
}

.left-header .list-head {
    background: #e7e7e7;
    color: #9f9f9f;
    font-size: 0.8rem;
    font-weight: bold;
}

.left-header h3 {
    background: #f8f8f8;
    color: #ecbb71;
    font-size: 1.1rem;
    border-left: 1px solid #e7e7e7;
    margin: 0 -15px;
    padding: 5px 10px
}

#management-info .last-col {
    width: 90px;
    padding-right: 5px;
    padding-left: 0
}

.dashboard-info .last-col {
    width: 90px;
    padding-right: 5px;
    padding-left: 0
}


.right-info {
    display: table-column;
    align-self: center;
    text-align: center
}

.right-info {
    display: table-column;
    align-self: center
}

.table-body {
    min-height: 200px;
    border-bottom: 1px solid #e7e7e7
}

.table-body .form-control {
    font-size: 13px;
    height: 22px;
    max-width: 80px;
    margin: 0 auto;
    border-radius: 0;
    background: #f6f6f6
}

.list-head {
    padding: 5px;
    text-align: center
}

.list-body {
    border-right: 1px solid #e7e7e7;


}

.list-body .col-number {

    font-family: Lato, sans-serif;

}

#warehouse-info .list-body .col {

    padding: 5px 3px 3px;
    font-size: 0.8rem;

}

#warehouse-info .list-head .col {

    padding: 5px 3px 3px;
    font-size: 0.8rem;


}

.list-body .row {
    padding: 5px;
    margin: 0;
    text-align: center;

}

.table-list-item {
    border-top: 1px solid #e7e7e7;
    color: #000;
    font-weight: bold;
    font-size: 0.9rem
}

.order-report-list-row {
    border-bottom: 1px solid #e7e7e7;
}

.table-footer {
    background: #14661f;
    color: #fff;
    font-size: 0.9rem;
    padding: 10px 7px;
    border-radius: 15px;
    margin: 10px auto
}

.sum-head {
    display: table-column;
    align-self: center;
    text-align: center;
    font-weight: bold;
    color: #fff000;
    font-size: 1rem;
    padding: 5px 5px 10px;
}

.sum-info {
    display: table-column;
    font-size: 1rem;
    font-weight: bold;
    font-family: lato, sans-serif;
}

.mobile-table-footer {
    padding: 5px 15px;
}

.mobile-table-footer .sum-head { /*padding: 10px 3px;color: #fff000;/*margin-top: 5px;*//*border-bottom: 1px dashed #fff*/
}

.mobile-table-footer .sum-info { /*padding: 5px 5px;margin-top: 5px;*//*border-bottom: 1px dashed #fff*/
}

.sum-col {
    padding: 3px 5px;
    text-align: center
}

/*.mobile-table-footer .total-sum-row .sum-head{border-bottom: none}
.mobile-table-footer .total-sum-row .sum-info{border-bottom: none}*/
.left-info .list-body:last-child {
    padding-left: 0
}

.table-footer .list-body:last-child {
    padding-left: 0
}

#warehouse-info .left-info .list-body:last-child {
    padding-left: 0
}

.info-date .span-time {
    display: none
}

.info-date {
    display: inline-block
}

.summary {
    float: left;
    color: #000;

    font-size: 11px;
    padding: 15px 15px 2px;
}

.list-view .summary {
    float: none;
    text-align: left;
    color: #000;
    width: 100%;
    font-size: 10px;
    padding: 15px 15px 2px;
}

.create-form-box, .create-card, .edit-card {
    -webkit-box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 0.8);
    -moz-box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 0.8);
    box-shadow: 3px 3px 4px 2px rgba(204, 204, 204, 0.8);
    overflow: hidden;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #fff;
    float: none;
    margin: 10px auto;
    padding: 0;

}

.form-head {
    background: #e7e7e7;
    color: #14661f;
    padding: 10px 20px;
    font-size: 1rem;
    margin: 0 0 10px
}

.create-form-inner {
    margin: 10px auto 0;
    padding: 10px 50px 10px;
    width: 100%;

}

#user-create .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.create-form-inner .control-label, .create-form-inner label {
    min-width: 90px;
    display: inline-block;
    text-align: right;
    /*text-align: left;*/
    padding-left: 7px;
    font-size: 0.9rem;
    font-weight: normal !important;
    color: #5a5a5a;
    width: auto;
    white-space: nowrap;

    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

#user-create label, #user-create .control-label {
    min-width: 115px;
    max-width: 115px;
}

#province-create label {
    min-width: auto;
}

.create-form-inner .form-control, .update-form-inner .form-control {
    display: inline-block;
    min-width: calc(100% - (120px));
    background-color: #f4f4f4;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.update-form-inner {
    padding-left: 25px;
    padding-right: 25px
}

.create-form-inner select.form-control {
    /*display: inline-block;width: calc(100% - (130px)) !important;background-color: #f4f4f4*/
}

.public-form-group .form-group label {
    text-align: left;
    width: 100%;
    display: block;
    color: #cfcfcf
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    border-color: #cfcfcf !important;
}

.product-form-group {
    border-radius: 5px;
    border: 4px solid #14661f;
    margin: 15px auto 20px
}

.product-form-group .form-group {
    display: block
}

.product-form-group .form-group label {
    text-align: center;
    color: #000;
    font-weight: bold !important
}

.create-form-inner#termonal-create label {
    text-align: right;
}

.create-form-inner#termonal-create .product-form-group .form-group .control-label,
.product-form-group .form-group .control-label {
    text-align: center;
    width: 150px;
    max-width: 150px;
    display: table;
    background: #fff;
    margin: -20px auto 0;
    font-size: 1.3rem;
    color: #14661f;
    font-weight: bold;
    float: none !important;
}

.col-checkbox-div {
    display: inline-table;
    text-align: center;
    width: 100%
}

.col-checkbox-div .col-checkbox {
    width: auto;
    margin: 3px 5px;
    display: inline-block;
    text-align: center
}

.col-input-div {
    display: inline-table;
    text-align: center;
    width: 100%
}

.col-input-div .col-input {
    width: auto;
    margin: 3px 5px;
    display: inline-block;
    text-align: center
}

.product-form-group #terminallogic-products {
    text-align: center;
    width: 100%;
    margin: 10px auto;
    display: inline-block;
}

.product-form-group #terminallogic-products label {
    margin: 5px 8px 5px
}

.table-body .summary {
    display: none
}

.thead-header {
    margin: 0
}

.dashboard-info .table-header {
    background: #f8f8f8;
    display: table-row;
    text-align: center;
    color: #ecbb71;
    font-size: 1rem;
    font-weight: bold
}

.dashboard-info .table-header .col- *,
.dashboard-info .table-header .col,
.dashboard-info .table-header > div {
    text-align: center;
    color: #ecbb71;
    font-size: 1rem;
    font-weight: bold;
    padding: 5px
}

.dashboard-info .table-body .col- *,
.dashboard-info .table-body .col,
.dashboard-info .table-body > div {
    text-align: center;
    color: #000;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 5px !important
}

.dashboard-info .table-body input {
    font-size: 13px;
    height: 22px;
    max-width: 80px;
    margin: 0 auto;
    border-radius: 0;
    background: #efef3f;
    text-align: center;
    border: 1px solid #efef3f;
    padding: 3px;
    color: #14661f
}

.dashboard-info .table-body .success-btn {
    font-size: 13px;
    margin-right: 5px;
    color: #14661f
}

.order-col {
    display: flex;
    text-align: center;
    align-self: center;
}

.dashboard-info .table-list-item {
    padding: 8px 5px;
    text-align: center
}

.dashboard-info .table-list-item .action-btn .btn,
.dashboard-info .table-list-item .action-btn a {
    color: #d3d3d3
}

.dashboard-info .table-list-item .action-btn .btn:hover,
.dashboard-info .table-list-item .action-btn a:hover {
    color: #a07b37
}

.dashboard-info .thead-left {
    padding-left: 0;
    padding-right: 0
}

#preview-modal .info-title {

    margin-right: 25%;

}

#preview-modal .info-date {
}

.rol-permission-grid {
    margin: 10px 0
}

.rol-permision-items {
    padding: 0 10px;
    border: 1px solid #ccc;
    background: #effdfb;
    height: 100%
}

.rol-permision-items ul {
    padding: 0;
    list-style: none
}

.rol-permision-items .radio label, .checkbox label {
    padding-right: 20px
}

.rol-permision-items h3 {
    text-align: center;
    background: #0a7aa5;
    color: #fff000;
    margin: 0 -10px 10px;
    padding: 5px
}


/*----------------new style for dtation----------------------------------------------*/
.fade.show {
    opacity: 1
}

.alert.fade.in {
    opacity: 1
}

.alert-success.fade.in {
    opacity: 1
}

.alert button.close {
    padding: 0 5px
}

#station-box.tab-design {
    padding: 0
}

.tab-design #station-form {
    padding: 0 20px 20px;
    /* padding: 0 ;box-shadow: none;background: none;*/
}

/*.tab-design .clock{border-radius: 10px}*/
.tab-box {
    margin-top: 68px;
}

.tab-content {

    background: #fff;
    overflow: hidden;
    border: 2px solid #156621;

    min-height: 450px;
    border-radius: 10px 0 40px 10px;
    -moz-border-radius: 10px 0 40px 10px;
    -webkit-border-radius: 10px 0 40px 10px; /*margin-right: -2px;*/


}

.nav-tabs.flex-column.nav-tabs-right {
    border-left: none
}

.nav-tabs.flex-column.nav-tabs-right .nav-link {
    border: 2px solid transparent;
    margin-left: -2px;
    z-index: 1;
    background: #156621;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 26px;
    border-top-left-radius: 0;
    border-top-right-radius: 10px;
    padding: 12px 5px;
}

.nav-tabs.flex-column.nav-tabs-right .nav-link.active, .nav-tabs.flex-column.nav-tabs-right .nav-item.show .nav-link {
    border-color: #156621 #156621 #156621 transparent;
    background: #fff;
    color: #156621;
}

.nav-tabs.flex-column.nav-tabs-right .nav-link:hover, .nav-tabs.flex-column.nav-tabs-right .nav-link:focus {
    border-color: #156621 #156621 #156621 transparent;
    background: #fff;
    color: #156621
}

/**/

.border-blue2 {
    border: 1px solid #1b8ef2
}

.bg-blue2 {
    background: #1b8ef2; /*  background: #1b8ef2*/
}

.text-blue2 {
    color: #067ba9
}

.border-orange2 {
    border: 1px solid #f2a71b
}

.bg-orange2 {
    background: #f2a71b
}

.text-orange2 {
    color: #f2a71b
}

.border-green2 {
    border: 1px solid #71ce5f
}

.bg-green2 {
    background: #71ce5f
}

.text-green2 {
    color: #71ce5f
}


.card {
    border-radius: 10px
}

.card-header {
    border-radius: 10px !important;
}

.card-btn {
    float: right;
    margin-right: 1rem
}

.card-btn .btn {
    padding: 0.25rem 0.5rem 0;
    min-width: 34px;
    margin-left: 16px;
    font-size: 18px;
}


.card-btn .btn {
    padding: 0.25rem 0.5rem 0.1rem
}


.bg-blue2 .card-title {
    color: #fff;
    font-family: DroidArabicKufi, sans-serif;
    /*  font-size: 1.4rem;;
      margin: 0*/
}


.btn-white {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 0;
}

.btn-white:hover {
    border: 1px solid #fff;
    color: #1b8ef2;
    background: #fff
}

.btn-dark-blue {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 0;
    background: #056b96;
    padding: 0.2rem 0.95rem
}

.btn-dark-blue:hover {
    border: 1px solid #fff;
    color: #fff;
    background: #035070
}

.card-title {
    color: #fff;
    /*    font-family: 'Oswald', sans-serif;*/
    font-size: 1.4rem;;
    margin: 0;
    float: right;
    font-weight: bold;
    line-height: 1.8;
}

#station-form .tab-box h4:after {
    left: 15%
}

.staition-inputs .control-label {
    float: right;
    width: 28%;
}

.staition-inputs .form-control {
    float: left;
    width: 72%;
}

.inline-form-inputs .form-group {
    display: flex
}

.date-div {
    max-width: 234px;
    float: left;
    width: 100%;
    margin-left: 7.4%;
}

.station-card .date-div {
    margin-bottom: -15px
}

.inline-form-inputs .control-label, .inline-form-inputs label {
    float: right;
    width: 30%;
    min-width: 60px
}

.inline-form-inputs .form-control, .inline-form-inputs select, .inline-form-inputs input, .inline-form-inputs textarea {
    display: inline-block
}

.timeline-body .control-label {
    float: right;
    width: 30%;
    min-width: 70px
}

.timeline-body .form-control, .timeline-body select, .timeline-body input, .timeline-body textarea {
    float: left;
    width: 67% !important
}

.timeline-body .form-control, .timeline-body select, .timeline-body input {
    white-space: nowrap;
}

.Machine-div .timeline-body .form-control, .Machine-div .timeline-body select, .Machine-div .timeline-body input, .Machine-div .timeline-body textarea {

    width: 100% !important
}

.Machine-div .timeline-body .control-label {
    width: 100%
}

.Machine-div .btns-group {
    margin-top: 10px
}

/*.tanker-driver-div{background:url("../images/100153284.png") no-repeat top right;min-height: 180px;
    margin: 20px auto;padding: 20px 30px 20px 10px}
.tanker-driver-div h4{color: orange;font-size: 1.5rem;text-align: right;}
.tanker-driver-div p{color: #fff;margin-top: 10px;font-size: 1.5rem;text-align: right;font-size: bold;
}*/
.tanker-driver-list {
    background: url("../images/100153284-2.png") repeat-x bottom left;
    padding-bottom: 70px;
}

.tanker-driver-div {
    border: 1px solid #0fbcc6;
    padding: 10px;
    margin: 10px auto;
    border-radius: 10px;
    text-align: right
}

.tanker-driver-div h4 {
    color: #0fbcc6;
    margin: 10px auto 15px
}

.tanker-driver-div span {
    color: #000;
    display: inline-block;
    min-width: 72px;
    text-align: right
}

.tanker-driver-div .fas {
    color: purple;
}

.tab-box .tab-content > .tab-pane {
    padding-top: 10px
}

.box-message {
    text-align: center;
    border-radius: 5px;
    padding: 3px 5px;
    margin: 10px auto
}

.timeline.order-status {
}

.timeline.order-status::before {
    right: 31px;
    left: auto
}

.timeline.order-status > div > .fa, .timeline.order-status > div > .fas, .timeline.order-status > div > .far, .timeline.order-status > div > .fab, .timeline.order-status > div > .glyphicon, .timeline.order-status > div > .ion {
    right: 10px;
    left: auto
}

.timeline.order-status > div > .timeline-item {
    margin-left: 15px;
    margin-right: 60px;
}

.timeline.order-status .time-label {
    text-align: right
}

.timeline.order-status > div > .timeline-item > .timeline-header {
    text-align: right
}

.timeline.order-status > div > .timeline-item {
    /* box-shadow: none;*/
}

.timeline.order-status > div > .timeline-item.DeliverySTATUS {
    box-shadow: none;
}

.getbus-bourger-box {
    background: #fff;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.13), 0 1px 3px rgba(0, 0, 0, 0.13);
    padding-bottom: 1px;
    margin: 30px auto 10px;

}

.getbus-bourger-box .g-icon-checked i {
    color: #72ce5f;
    font-size: 25px
}

.getbus-bourger-box i {
    color: #cbcbcb;
    font-size: 15px
}

.g-icon-checked {
    position: absolute;
    top: -21px;
    background: #f0f0f0;
    padding: 8px 8px 0 8px;
    border-radius: 50% 50% 0 0;
    left: 44%;
}

.get-bus-date {
    color: #585858;
    font-family: lato, sans-serif;
    margin: 5px 10px 3px
}

.get-bus-time {
    color: #585858;
    font-family: lato, sans-serif;
    margin: 5px 10px 3px
}

.get-bus-date {
    color: #585858;
    font-family: lato, sans-serif;
    margin: 5px 10px 3px
}

.get-bus-time {
    color: #585858;
    font-family: lato, sans-serif;
    margin: 5px 10px 3px
}

.timeline > div > .timeline-item .getbus-bourger-box h3, .timeline > div > .timeline-item .getbus-bourger-box a {
    background: #f0f0f0;
    color: #000;
    font-size: 1.5rem;
    text-align: center;
    padding: 15px 7px 10px;
    border: 1px solid #f7f7f7;
}


.gasstation-header.header-design3 {

    background: #f7d89f;
    border-bottom: 2px dashed #0c6a22;
    position: relative;
}

.gasstation-header.header-design3:after {
    background: url(../images/main-page-top-right.png);
    content: "";
    right: -11px;
    top: -5px;
    display: block;
    width: 238px;
    height: 278px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;

}

.branding2 {

    color: #0c6a22;
    text-align: center;
    display: inline-block;
    margin-right: 140px;
    padding: 0 12px 2px;

}

.branding2 h1 {
    line-height: 1.8
}

.brand-logo {
    max-width: 90px;
    float: right
}

.header-station-right {
    padding: 5px 20px 5px;
}

.header-design3 .top-bar-station span.name-span {


    font-weight: bold;
}

.header-design3 .top-bar-station span.name-span-primary {
    color: #269203
}

.header-design3 .btn-exit {
    margin-top: 8px
}

.nav-station-btns {
    text-align: center
}

/*marquee---------------------------------------*/
.alert-scrollable {
    width: 100%;
    margin: 20px auto;
    padding: 0;
    display: block;
    text-align: center;
}

.alert-scrollable li {
    margin-left: 40px;
    display: inline-block;
    list-style: none
}

.alert-scrollable .close {
    float: left
}

.simple-marquee-container {
    width: 84%;
    background: #269203;
    margin: 0 auto 10px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    height: 45px;
    position: relative;
    cursor: pointer;
    border-radius: 15px;
}

.alert-green-primary {
    color: #fff000;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center
}

.simple-marquee-container p {
    color: #fff000;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center
}

/*.simple-marquee-container .marquee-sibling {
    padding: 0;
    background: rgb(61, 61, 61);
    width: 20%;
    height: 45px;
    line-height: 42px;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 2000;
}*/

.simple-marquee-container .marquee, .simple-marquee-container *[class^="marquee"] {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
}

.simple-marquee-container .marquee {
    margin-left: 25%;
}

.simple-marquee-container .marquee-content-items {
    display: inline-block;
    padding: 5px;
    margin: 0;
    height: 45px;
    position: relative;
}

.simple-marquee-container .marquee-content-items li {
    display: inline-block;
    line-height: 35px;
    color: #fff000;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center
}

.simple-marquee-container .marquee-content-items li:after {
    content: "|";
    margin: 0 1em;
    display: inline-block;
}

.message-box {
    width: 84%;
    display: block;
    margin: 0 auto 10px;
    background: #0e84b5;
    border-radius: 15px;
    padding: 7px
}


.message-box p {
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.message-box.alert-red {
    background: #ff0000;
}

.message-box.alert-red2 {
    background: #ff9127;
}

.message-box.alert-green {
    background: #32ce1d;
}

.alert a {
    color: unset
}

.message-box2 {
    width: 100%;
    display: block;
    margin: 0 auto 0;
    background: #97d3ec;
    border-radius: 15px;
    padding: 7px 7px;
    text-align: center;
}

.message-box2 p, .message-box2 * {
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.talabie-report-form .staition-inputs {
    margin: 20px auto 30px;
    width: 100%
}

.talabie-report-form .staition-inputs h4 {
    margin: -15px 0 0;
    width: 178px;
    float: right;
}

.talabie-report-form .staition-inputs h4:after {
    display: none
}

.talabie-report-form .staition-inputs-group1 h4 {
    margin: -15px 0 0;
    width: 178px;
    float: right;
}

.talabie-report-form .staition-inputs-group1 h4:after {
    display: none
}

.staition-inputs-group1 .row {
    margin: -30px 0 0 0
}

#OrderLogic .staition-inputs .control-label {
    float: right;
    width: 100%;
}

#OrderLogic .staition-inputs .form-control {
    float: left;
    width: 100%;
}

#OrderLogic .staition-inputs .row { /*padding: 0 20px 0 0;*/
}

.staition-inputs-group {
    margin-top: 0
}

.right-custom-control.custom-control {
    padding-right: 2rem
}

.right-custom-control .custom-control-input {
    right: 0;
    left: auto;
    z-index: 1
}

/*.right-custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");}*/
.right-custom-control .custom-control-label::after {
    right: -2rem;
    left: auto
}

.right-custom-control .custom-control-label::before {
    right: -2rem;
    left: auto
}

.action-btn {
    text-align: center
}

.action-btn a,
.action-btn .btn {
    font-size: 1.6rem;
    /*    color: #ff4500;*/
    display: inline-block;
    margin: 5px 1px;
    padding: 0;
    min-width: auto;
    color: #07a1ec;
}


.swal2-shown .swal2-title {
    font-size: 1.1rem
}

.action-btn a:hover,
.action-btn .btn:hover {
    /*    color: orange;*/
    color: #403cc6;
}

.action-btn .whatsapp-btn {
    color: #0cc243
}

.action-btn .whatsapp-btn:hover {
    color: #43c265
}

.action-btn .image-btn {
    color: #0cc243
}

.action-btn .image-btn:hover {
    color: #43c265
}

.action-btn .DailyReport-btn {
    color: #1b00ff
}

.action-btn .DailyReport-btn:hover {
    color: #1f1477
}

.action-btn .btn.git-file-btn {
    color: #7aff32
}

.action-btn .btn.borjer-btn {
    color: #4863ff
}

.action-btn .btn.delete-btn {
    color: #ff1c19
}

.action-btn .order-btn {
    color: #b7297e
}

.action-btn .order-btn:hover {
    color: #b71570
}

.action-btn {
    text-align: center
}

.td-action {
    text-align: center
}

.td-action a,
.td-action .btn {
    font-size: 1.5rem;
    color: #ff4500;
    display: inline-block;
    margin: 2px 2px;
    padding: 0;
    min-width: auto;
    border: none;
    text-decoration: none;
    line-height: 1;
    vertical-align: baseline;
}

.info-list-div .td-action a,
.info-list-div .td-action .btn {
    font-size: 1.3rem;
    color: #ff4500;
    display: inline-block;
    margin: 2px 2px;
    padding: 0;
    min-width: auto;
    border: none;
    text-decoration: none;
    line-height: 1;
}


.info-list-div table td .btn:hover {
    color: #b71809;
    text-decoration: none;
}

.td-action .btn.delete-btn {
    /* color: #ff1c19; */
    color: #343a40;
    font-size: 1.38rem;
}

.info-list-div table td .Coupons-btn {
    color: #33ca1d
}

.info-list-div table td .Coupons-btn:hover {
    color: #2ba918
}

.info-list-div table td .edit-btn {
    color: #5dbdff;
    font-size: 18px;
}

.info-list-div table td .edit-btn:hover {
    color: #2431ff
}

.info-list-div table td .btn-edit {
    color: #079d43;
    font-weight: bold;
    text-shadow: 1px 0px #079d43;
}

.info-list-div table td .btn-edi:hover {
    color: #0d8104
}

.info-list-div table td .check-btn {
    color: #7dff7d
}

.info-list-div table td .check-btn:hover {
    color: #59be48
}

.td-action a:hover,
.td-action .btn:hover {
    color: orange;
    text-decoration: none;
}

.td-action .btn.git-file-btn {
    color: #7aff32
}

.td-action .btn.borjer-btn {
    color: #4863ff
}

.td-action .btn.delete-btn {
    /* color: #ff1c19;*/
    /*color: #343a40;*/
    color: #343a40;
    font-size: 1.5rem;
}

.info-list-div table td .btn.delete-btn {
    /* color: #ff1c19;*/
    color: #343a40;

    font-size: 1.25rem;
}

.info-list-div .table {
    margin-bottom: 0
}

.info-list-div table thead th {
    text-align: center;
    color: #fff000;
    background: #039a7e;
    padding: 5px 3px;
    vertical-align: middle;
    font-size: 0.9rem;
}

.info-list-div table thead th a {
    text-align: center;
    color: #fff000;
    text-decoration: none;
    font-size: 0.9rem;

}

.info-list-div table thead th a:before {
    content: "\f0dc";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 12px;
    color: #fff000;
    display: inline-block;
    width: 15px;
}


.info-list-div table th {
    text-align: center;
    color: #fff000;
    background: #039a7e;
}

#management-box .info-list-div table thead .tr-thead1 .action-th {
    min-width: 110px
}

.action-column {
    min-width: 72px
}

#management-box .info-list-div table tr .action-btn .btn i {
    padding-left: 0
}

.info-list-div table tr td {
    text-align: center;
    color: #080808;
    vertical-align: baseline;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 5px 3px;
}

.info-list-div table td.col-number {
    font-family: Lato, sans-serif;
}

.info-list-div table tr:nth-of-type(2n) td {
    text-align: center;
    color: #0b75af;
    background: #fff;
    /* background: #effdfb*/
}

.info-list-div table tr td a {
    text-decoration: none !important
}

.table-inputs .form-control {
    min-width: 70px
}

.info-list-div .form-control {
    min-width: 70px
}

.info-list-div table tr.status-1 td {

    background: rgba(243, 22, 5, 0.3)
}

.info-list-div table tr.status0 td {

    background: rgba(255, 255, 255, 1)
}

.info-list-div table tr.status1 td {

    background: #bdfd83;
}

.info-list-div table tr.status2 td {

    background: #b6fdd2
}

.info-list-div table tr.status3 td {

    background: #fcfdb3
}

.info-list-div table tr.status4 td {

    background: #ddd5fd;
}

.info-list-div table tr.status-cancel td {

    background: rgba(243, 22, 5, 0.5);
}

.info-list-div table tr td.Status {
    color: #059403
}

.info-list-div table select.form-control, .info-list-div table .form-control,
.info-list-div table .select2-container--default .select2-selection--single {
    max-width: 210px;
    font-size: 0.85rem;
    min-width: 90px;
    background-image: none;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;


}

#delivery-table .input-small-size input.form-control,
#delivery-table .input-small-size .form-control, .input-small-size .form-control,
#delivery-table .input-small-size select {
    max-width: 80px;
    min-width: 45px
}

.info-list-div table tr.status-1 td, #warehouse-info.info-list-div table tr.status-1 td {

    background: rgba(243, 22, 5, 0.3)
}

.info-list-div table tr.status0 td, #warehouse-info.info-list-div table tr.status0 td {

    background: rgba(255, 255, 255, 1)
}

.info-list-div table tr.status1 td, #warehouse-info.info-list-div table tr.status1 td {

    background: #bdfd83;
}

.info-list-div table tr.status2 td {

    background: #b6fdd2
}

#delivery-info.delivery-t-div table tr.status2 td {

    background: #7bd98b;
}

#warehouse-info.info-list-div table tr.status2 td.Status,
#delivery-info.info-list-div table tr.status2 td.Status {

    color: #050e4e
}

.info-list-div table tr.status3 td, #warehouse-info.info-list-div table tr.status3 td {

    background: #fcfdb3
}

.info-list-div table tr.status4 td {

    background: #ddd5fd;
}

.info-list-div table tr.status-cancel td, #warehouse-info.info-list-div table tr.status-cancel td {

    background: rgba(243, 22, 5, 0.5);
}

.info-list-div table tr.status8 td, #warehouse-info.info-list-div table tr.status8 td {
    background: #32aa37;
    color: #fff;
}


/*------------------------------*/
.warehouse-dashboard-info {
    border: 1px solid #d2d2d2;
    margin: 10px auto 5px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-shadow: 2px 3px 4px 1px rgba(204, 204, 204, 1);
    -moz-box-shadow: 2px 3px 4px 1px rgba(204, 204, 204, 1);
    box-shadow: 2px 3px 4px 1px rgba(204, 204, 204, 1);
    background: #fff;
}

.warehouse-dashboard-info:hover {
    border: 1px solid #d2d2d2;
}

.warehouse-dashboard-info .code-name { /* margin-left: -15px;margin-right: -10px*/;
    text-align: center;
    padding: 10px 15px;
    color: #000;
    background: #e2e2e2;
    position: relative;
    min-height: 44px;
}

.warehouse-dashboard-info .code-name:hover {
    background: #c5c2c2;
}

.status1 .warehouse-dashboard-info .code-name { /* margin-left: -15px;margin-right: -10px*/;
    text-align: center;
    padding: 10px 15px;
    color: #000;
    background: #a1e27c;
    position: relative;
    min-height: 44px;
}

.status1 .warehouse-dashboard-info .code-name:hover {
    background: #56c558;
}

.status-cancel .warehouse-dashboard-info .code-name { /* margin-left: -15px;margin-right: -10px*/;
    text-align: center;
    padding: 10px 15px;
    color: #000;
    background: rgba(243, 22, 5, 0.3);
    position: relative;
    min-height: 44px;
}

.status-cancel .warehouse-dashboard-info .code-name:hover {
    background: rgba(243, 22, 5, 0.5);
}

.warehouse-dashboard-info .code-name:before {
    width: 56px;
    height: 100%;
    right: 0;
    top: 0;
    content: "";
    position: absolute;
    border-top: 43px solid #1fa44b;
    border-left: 70px solid transparent;
}

.warehouse-dashboard-info .code-name strong {
    color: #000;
}

.warehouse-dashboard-info .code-name a, .warehouse-dashboard-info .code-name h5 {
    color: #000;
    width: 100%;
    margin: 0;
    display: block;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
}

.warehouse-dashboard-info .code-name {
    position: relative
}

.warehouse-dashboard-info .code-name .counter {
    position: absolute;
    top: 0px;
    right: -4px;
    font-size: 1.4rem;
    font-weight: bold;
}

.warehouse-dashboard-info .code-name a:hover {
    text-decoration: none
}

.warehouse-dashboard-info .code-name p {
    color: orange;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: bold;
    font-family: 'DroidArabicKufi', sans-serif !important;
}

/*-----*/
.warehouse-dashboard-info.Petrol .code-name:before {
    border-top-color: #ff0000;

}

.warehouse-dashboard-info.Gas_oil .code-name:before {
    border-top-color: #3366cc;

}

.warehouse-dashboard-info.White_oil .code-name:before {
    border-top-color: #ffbf00;

}

.warehouse-dashboard-info.Gasoline_enhancer .code-name:before {
    border-top-color: #66004a;

}

.warehouse-dashboard-info.Liquid_gas .code-name:before {
    border-top-color: #31b02e;

}

.warehouse-dashboard-info.Oil .code-name:before {
    border-top-color: #4cd2e4;

}

.warehouse-dashboard-info .product-title {
    font-size: 1.5rem;
    font-family: "DroidArabicKufi", sans-serif !important;
}

.warehouse-dashboard-info .product-title:before {
    font-family: 'icomoon', sans-serif !important;
    font-size: 1.5rem;
    color: darkorange;
}

.warehouse-dashboard-info .Petrol,
.warehouse-dashboard-info .product-1 {

    color: #ff0000;

}

.warehouse-dashboard-info .Petrol:before,
.warehouse-dashboard-info .product-1:before {

    color: #ff0000;
    content: "\eb3d";
}

.warehouse-dashboard-info .Gas_oil,
.warehouse-dashboard-info .product-2 {
    color: #3366cc;
    font-weight: bold;


}

.warehouse-dashboard-info .Gas_oil:before, .warehouse-dashboard-info .product-2:before {

    color: #3366cc;
    content: "\eb45";
}

.warehouse-dashboard-info .Gasoline_enhancer, .warehouse-dashboard-info .product-4 {
    color: #66004a;

}

.warehouse-dashboard-info .Gasoline_enhancer:before, .warehouse-dashboard-info .product-4:before {

    color: #66004a;
    content: "\eb46";
}

.warehouse-dashboard-info .White_oil, .warehouse-dashboard-info .product-3 {
    color: #ffbf00;

}

.warehouse-dashboard-info .White_oil:before, .warehouse-dashboard-info .product-3:before {

    color: #ffbf00;
    content: "\eb3a";
}

.warehouse-dashboard-info .Liquid_gas, .warehouse-dashboard-info .product-6 {
    color: #49a1de;

}

.warehouse-dashboard-info .Liquid_gas:before, .warehouse-dashboard-info .product-6:before {

    color: #49a1de;
    content: "\eb3b";
}

.warehouse-dashboard-info .Oil, .warehouse-dashboard-info .product-4 {
    color: #4cd2e4;

}

.warehouse-dashboard-info .Oil :before, .warehouse-dashboard-info .product-4:before {

    color: #4cd2e4;
    content: "\eb3a";
}

.info-warehouse {
    list-style: none;
    padding: 10px 20px;
    margin-bottom: 0;
}

.info-warehouse .col {
    font-size: 1rem;
    color: #1c1a46;
    margin: 5px 0;
}

.info-warehouse .car-status {
    font-size: 1.2rem;
    font-weight: bold;
    color: #056b96;
    margin: 5px 0;
    border-bottom: 2px dashed #dbdbdb;
    padding: 0 0 8px;
}

.info-warehouse .col-items {
    font-size: 1.2rem;
    font-weight: bold;

    margin: 5px 0;
    border-bottom: 2px dashed #dbdbdb;
    padding: 0 0 8px;
}

.info-warehouse .car-status strong {
    font-size: 1.2rem;
    color: #0a9a14;

}

.info-warehouse strong {
    color: #000;
    margin-left: 5px;
    text-align: right;
    font-size: 0.9rem;
    display: inline-block;
}

.ques {
    color: #000;
    font-size: 1.3rem;
    font-weight: 600;
    vertical-align: middle
}

.ques .fa {
    font-size: 1.4rem;
    color: #49a1de
}

.ans {
    color: #49a1de;
    font-size: 1.6rem;
    padding-right: 3px;
    font-weight: 600;
    vertical-align: middle
}

.info-warehouse .col-number {
    color: #8b8b8b;
    font-family: Lato, sans-serif;
    font-size: 1.5rem;
    line-height: 2.4;
    direction: ltr;
}

.info-warehouse .col-number.amount {
    color: #8b8b8b;
    font-family: Lato, sans-serif;
    font-size: 1.65rem;
    line-height: 2.4;
    direction: ltr;
}

.info-warehouse .col, .info-warehouse .col-4 {
    padding: 0 5px;
    white-space: nowrap;
    align-self: center;
}


.items-statuse-botton {
    text-align: center
}

.items-statuse-botton .row div {
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    padding: 0 5px
}

.items-statuse-botton .btn {
    border: 1px solid #49a1de;
    background: #49a1de;
    color: #fff;
    padding: 5px 5px;
    width: 100%;
    font-size: 1.3rem;
    text-align: center;
    min-width: 60px;
    line-height: 1.5;
    min-height: 38px;
}

.items-statuse-botton .btn:hover {
    border: 1px solid #0d78c2;
    background: #0d78c2;
    color: #fff;
}

.btn.fa:before {
    font-family: "Font Awesome 5 Free";
}

.items-statuse-botton .btn.gitbus-btn {
    background: #1fa44b;
    border: 1px solid #1fa44b;
}

.items-statuse-botton .btn.gitbus-btn:hover {
    background: #0f7932;
    border: 1px solid #0f7932;
}

.items-statuse-botton .btn.borjer-btn {
    background: #ecbb71;
    border: 1px solid #ecbb71;
}

.items-statuse-botton .btn.borjer-btn:hover {
    background: #b87c22;
    border: 1px solid #b87c22;
}

.items-statuse-botton .btn.cancel-btn {
    background: rgba(243, 22, 5, 0.8);
    border: 1px solid rgba(243, 22, 5, 0.8);
}

.items-statuse-botton .btn.cancel-btn:hover {
    border: 1px solid rgba(243, 22, 5, 1);
    background: rgba(243, 22, 5, 1);
}

.items-statuse-botton .btn:before {
    color: #ca2f2f;
    font-weight: bold;
    border-radius: 50%;
    border: 2px solid #fff;
    top: -11px;
    right: 8px;
    position: absolute;
    padding: 0;
    background: #fff;
    line-height: 1;
    font-size: 20px
}


.items-statuse-botton .btn.icon-Close:before {

    color: #fff;
    font-weight: normal;
    border-radius: 50%;
    border: none;
    top: auto;
    right: auto;
    position: relative;
    padding: 0;
    background: transparent;
    line-height: 1;

    padding-left: 4px;
    font-size: 20px
}

.items-statuse-botton .btn.fa-check-circle.disabled-link:before {
    color: #ca2f2f;
    font-weight: bold;
    border-radius: 50%;
    border: 2px solid #fff;
    top: -11px;
    right: 8px;
    position: absolute;
    padding: 0;
    background: #fff;
    line-height: 1;
    font-size: 20px;
    content: "\f058";
    font-family: "Font Awesome 5 Free" !important;
}

#delivery-update .form-box-inner {
    padding-top: 0;
    margin-top: 0
}

#delivery-update .date-author-box {
    padding: 0;
    background: #1cb386;
    color: #fff000;
    font-size: 1rem
}

#delivery-update .date-author-box {
    padding: 0;
    background: #1cb386;
    color: #fff000;
    font-size: 1rem;
    margin-bottom: 10px
}

#delivery-update .date-author-box span {
    font-weight: bold;
    color: #e4ff07;
    font-size: 1.2rem
}

.created-author-name, .created-date {
    padding: 8px 10px 5px 10px
}

#delivery-update .form-head {
    margin-bottom: 0
}

.btn-ChooseDriver {
    background-color: #f64c47;
    padding: 5.5px 15px;
    font-size: 1.1rem;
}

.btn-gitbus {
    background-color: #90f681;
    padding: 10px 15px
}

.btn-gitbus:hover {
    background-color: #6bf64a;
}

.btn-ChooseDriver:before {
    color: #e4ff07 !important
}

.btn-ChooseDriver:hover {
    background-color: #f60f19;
    border-color: #f60f19;
}

.btn-clear {
    border: none;
    font-family: 'DroidArabicKufi', sans-serif !important;
    font-size: 15px;
}

.btn-clear:before {
    border: none;
    font-family: 'icomoon', sans-serif !important;
}

.btn-clear:hover {
    border: none
}

.display-none {
    display: none
}

.delivery-form .form-head {
    margin: 0 -15px 10px;
    padding: 8px 7px;
}

.delivery-form .form-head h2 {
    margin-bottom: 0;
}

.delivery-form .form-head .col-4, .delivery-form .form-head .col-8 {
    padding-left: 5px;
    padding-right: 5px;
}

.author-date {
    color: #000
}

.author-date span {
    color: #000;
    font-size: 1.1rem;
    font-weight: bold;
}


.search-check-items {
}

.search-check-items label {
    padding: 2px 5px;
    margin: 3px 6px
}

.ter-row .col {
    vertical-align: baseline;
    align-self: center;
    text-align: center;
}

.ter-row input {
    height: 28px;
    text-align: center;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    min-width: 85%
}

.ter-row .col {
    vertical-align: baseline;
    align-self: center;
}

.ter-row .col-td {
    vertical-align: baseline;
    align-self: center;
    border-right: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    color: #000;
    font-weight: bold;
    font-size: 0.9rem;
    text-align: center;
    padding: 3px;
}

.ter-row input {
    height: 28px;
    text-align: center;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    min-width: 85%
}

.terminal-talabie {
}

.terminal-talabie .list-head {
}


.terminal-talabie .list-head .col {
    color: #000;
    line-height: 1.8;
    font-size: 12px
}

.terminal-talabie .right-info {

    border-left: 1px solid #ccc;
    padding-left: 3px;
    padding-right: 3px
}

.terminal-talabie .left-header h3 {
    padding: 0 5px
}

.terminal-talabie .list-head .col {
    color: #000;
    line-height: 1.5;
    font-size: 0.9rem
}

.terminal-talabie .list-head .col-th {
    color: #000;
    line-height: 1.5;
    font-size: 0.9rem;
    background: #d4d7d4;
    padding: 3px;
    border-top: 2px solid #f8f8f8;
}

.terminal-talabie .table-body .form-control {
    text-align: center;
}

.terminal-talabie .list-head .col-th.right-header {
    background: #f8f8f8;
    color: #ecbb71;
    font-size: 1.1rem;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;

    align-self: center;
    text-align: center;

    font-weight: 600;
}


.terminal-talabie .list-head {
    background: #e7e7e7;
    color: #9f9f9f;
    font-size: 0.8rem;
    font-weight: bold;
}

.terminal-talabie .left-header h3 {
    background: #f8f8f8;
    color: #ecbb71;
    font-size: 1.1rem;
    border-left: 1px solid #e7e7e7;
    margin: 0 -15px;
    padding: 5px 10px
}

.terminal-talabie .right-info {

    border-left: 1px solid #ccc;
    padding-left: 3px;
    padding-right: 3px
}

.terminal-talabie .left-header h3 {
    padding: 0 5px
}

.table-footer.terminal-talabie-footer {

    padding: 10px 0;
}

.terminal-talabie-footer .sum-info1 td {

    font-size: 1rem;
    font-weight: bold;
    font-family: lato, sans-serif;
    border-left: 1px solid #45794c;
    border-bottom: 1px solid #45794c;
    text-align: center;
}

.terminal-talabie-footer .sum-head {
    border-left: 1px solid #45794c;
    border-bottom: 1px solid #45794c;
    align-self: center;
    text-align: center;
    font-weight: bold;
    color: #fff000;
    font-size: 1rem;
    padding: 5px 5px 10px;
}


.table-footer.terminal-talabie-footer {

    padding: 10px 0;
}

#gitbus-page-show {
}

#gitbus-page-show #print-wrapper-content {
    max-width: 100%;
    width: 100%
}

#gitbus-page-show table th.column-w-1, #gitbus-page-show table td.column-w-1 {
    width: auto !important;
    min-width: 70px;
    padding: 3px 3px;
    font-size: 0.8rem;
}

#gitbus-page-show table th.column-w-2, #gitbus-page-show table td.column-w-2 {
    width: auto !important;
    min-width: 70px;
    padding: 3px 3px;
    font-size: 0.8rem;
}

#gitbus-page-show table th.column-w-3, #gitbus-page-show table td.column-w-3 {
    width: auto !important;
    min-width: auto;
    padding: 3px 3px;
    font-size: 0.8rem;
}

#gitbus-page-show table th.column-w-4, #gitbus-page-show table td.column-w-4 {
    width: auto !important;
    min-width: auto;
    padding: 3px 3px;
    font-size: 0.8rem;
}

#gitbus-page-show .table3 th {
    width: auto !important;
    min-width: auto;
    padding: 3px 3px;
    font-size: 0.8rem;
}

#gitbus-page-show .table1 {

    font-size: 0.9rem;
}

#gitbus-page-show .table3 td {
    width: auto !important;
    min-width: auto;
    padding: 3px 3px;
    font-size: 0.8rem;
}

#gitbus-page-show .print-page-title h2 {
    font-size: 0.9rem
}

#gitbus-page-show .title-box {
    font-size: 0.9rem
}

#gitbus-page-show .getbus-information {
    font-size: 1rem;
    margin-top: 10px;
    padding: 5px 0;
}

#gitbus-page-show .alarm-td {
    padding-top: 10px;
    font-size: 0.7rem
}

#gitbus-page-show .sign-td {
    padding-top: 10px;
    font-size: 0.8rem
}

#gitbus-page-show .getbus-info1 table th, #gitbus-page-show .getbus-info2 table th {
    padding: 3px 4px;
    min-width: auto;
    font-size: 0.85rem
}

#gitbus-page-show .getbus-info1 table td, #gitbus-page-show .getbus-info2 table td {
    padding: 3px 4px;
    min-width: auto;
    font-size: 0.8rem
}


.counter-mahate {
    position: absolute;
    top: 3px;
    right: 5px;
    border: 1px solid cornflowerblue;
    /* padding: 1px 5px; */
    border-radius: 50%;
    min-width: 25px;
    min-height: 23px;
    line-height: 23px;
    color: #fff;
    background: #3ed0d0;
}


/*.bg-confirmation-green{background: #44ca5a
}*/

.order-dashboard-info .code-name:before {
    width: 56px;
    height: 100%;
    right: 0;
    top: 0;
    content: "";
    position: absolute;
    border-top: 43px solid #6dc9fd;
    border-left: 70px solid transparent;


}


.order_register {
    background: orange;
    border: 1px solid orange;
    color: #fff;
    border-radius: 5px;
}

.order-dashboard-list #list-inner {
    background: #fff;
    margin: 0
}


.index-report-btn .btn-col {
    padding-left: 8px;
    padding-right: 8px
}

.index-report-btn .btn {
    margin: 0 auto 20px;
    padding: 5px 5px;
    font-size: 1rem;
    width: 100%;
    white-space: normal;
    line-height: 1.5;
    align-items: center;
    vertical-align: middle;
}

.index-report-btn .btn:before {
    margin-left: 4px;
    font-size: 1.2rem;
    color: #e00480
}

.order-report-btn .btn-col {
    padding-left: 8px;
    padding-right: 8px
}

.order-report-btn .btn {
    margin: 0 0 20px 10px;
    padding: 5px 15px;
    font-size: 1rem;
    line-height: 1.5;
    vertical-align: middle;
}

.order-report-btn .btn:before {
    margin-left: 4px;
    font-size: 1.2rem;
    color: #e00480
}

.list-items {
    margin-right: auto;
    margin-left: auto
}

.btn-check, .table .btn-check {

    background: #1fa44b;
    border: 1px solid #1fa44b;
    color: #fff;
    border-radius: 5px;
    text-align: center;

}

.list-head .btn-check {
    background: #1fa44b;
    border: 1px solid #1fa44b;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 0.9rem;
    min-width: auto;
    padding: 5px;
}

.terminal-talabie
.btn-check {
    min-width: auto;
    font-size: 0.85rem;
    padding: 5px;
}

.btn-check:before {
    margin-left: 5px
}

.btn-check:hover {
    background: #46a452;
    border: 1px solid #46a452;
    box-shadow: none
}

.button-sticky, .list-head .button-sticky, .terminal-talabie
.button-sticky {
    position: fixed;
    left: 5px;
    top: 0;
    z-index: 100;
    opacity: 1;
    transform: translateY(50px);
    transition: all .5s ease;
    width: 30px;
    font-size: 0;
    min-width: 30px !important;
    text-align: center;
    border-radius: 50%;
    padding: 3px 5px;
}

.button-sticky:before {
    font-size: 14px;
    margin: 0 auto;
    width: 30px;
    text-align: center;
    min-width: 30px !important;

}

.table-body2 {
    border-bottom: 1px solid #ccc;
    margin: 5px auto
}

.table-head2 {
    border-bottom: 1px solid #ccc;
    color: #fff;
    background: #3ed0d0
}

.info-management .col-3 {
    text-align: center;
    color: #0b75af;
    white-space: nowrap;
    align-self: center;

    font-size: 1.05rem;

    margin: 5px 0;
}

.info-management .table-head2 .col-3 {
    color: #fff;
    font-weight: bold;
}

.info-management .th-product {
    text-align: right;
    font-weight: bold;
}

.info-management .col-number {
    color: #000;
    font-size: 1.4rem;
    font-family: Lato, sans-serif;
}

.desktop-view .ter-row {
    border-bottom: 1px solid #d3d3d3
}

.desktop-view .ter-row.public-not-entry, .desktop-view .ter-row.private-not-entry, .desktop-view .ter-row.distribution-not-entry, .desktop-view .ter-row.bg-unconfirmed {
    background: #f67777;

}

.desktop-view .ter-row.public-not-entry.bg-darkgreen, .desktop-view .ter-row.private-not-entry.bg-darkgreen, .desktop-view .ter-row.distribution-not-entry.bg-darkgreen, .desktop-view .ter-row.bg-unconfirmed.bg-darkgreen {
    background: green;
}

.desktop-view .ter-row.public-entry, .desktop-view .ter-row.private-entry, .desktop-view .ter-row.distribution-entry, .desktop-view .ter-row.bg-confirmation-green {
    background: #8fd19e;
}

.desktop-view .ter-row.bg-confirmation-green.distribution-entry {
    background: #fbb450;
}


.bg-unconfirmed .order-dashboard-info .code-name {
    background: #e2e2e2;
}

#list-inner.bg-unconfirmed {
    background: #fff !important;
}

/*.public-not-entry .order-dashboard-info .code-name,
.private-not-entry .order-dashboard-info .code-name,
.distribution-not-entry .order-dashboard-info .code-name,*/
.bg-unconfirmed .order-dashboard-info .code-name {
    background: #e2e2e2;
    /* background: #f67777;*/
}


.distribution-not-entry.bg-darkgreen .order-dashboard-info .code-name,
.bg-unconfirmed.bg-darkgreen .order-dashboard-info .code-name,
.private-not-entry.bg-darkgreen .order-dashboard-info .code-name,
.public-not-entry.bg-darkgreen .order-dashboard-info .code-name {
    background: green;
}


/*.public-entry .order-dashboard-info .code-name, .private-entry .order-dashboard-info .code-name, .distribution-entry .order-dashboard-info .code-name,*/
.bg-confirmation-green .order-dashboard-info .code-name {
    background: #a1e27c; /*background: #8fd19e;*/
}


.public-not-entry .management-dashboard-info .code-name, .private-not-entry .management-dashboard-info .code-name, .distribution-not-entry .management-dashboard-info .code-name {
    background: #f67777;
}

.public-entry .management-dashboard-info .code-name, .private-entry .management-dashboard-info .code-name, .distribution-entry .management-dashboard-info .code-name {
    background: #8fd19e;
}

.terminallogic-status .management-dashboard-info .code-name, .terminallogic-status .management-dashboard-info .code-name, .terminallogic-status .management-dashboard-info .code-name {
    background: #ff0000;
}

.warehouse-dashboard-info .code-name .counter {
    position: absolute;
    top: -3px;
    right: -3px;
    font-size: 1.4rem;
    font-weight: bold;
}

.site-index #management-info .list-items {
    padding-left: 0;
    padding-right: 0;
}

/*--------------*/


/*.public-not-entry .order-dashboard-info .code-name:before,
.public-entry .order-dashboard-info .code-name:before{
    border-top: 43px solid #fbb450;

}*/
.order-dashboard-info .code-name.product1:before, .public-not-entry .order-dashboard-info .code-name.product1:before,
.public-entry .order-dashboard-info .code-name.product1:before {
    border-top: 43px solid #ff0000;
}

.order-dashboard-info .code-name.product2:before, .public-not-entry .order-dashboard-info .code-name.product2:before,
.public-entry .order-dashboard-info .code-name.product2:before {
    border-top: 43px solid #3366cc;
}

.order-dashboard-info .code-name.product3:before, .public-not-entry .order-dashboard-info .code-name.product3:before,
.public-entry .order-dashboard-info .code-name.product3:before {
    border-top: 43px solid #ffbf00;
}

.order-dashboard-info .code-name.product4:before, .public-not-entry .order-dashboard-info .code-name.product4:before,
.public-entry .order-dashboard-info .code-name.product4:before {
    border-top: 43px solid #4cd2e4;
}

.order-dashboard-info .code-name.product5:before, .public-not-entry .order-dashboard-info .code-name.product5:before,
.public-entry .order-dashboard-info .code-name.product5:before {
    border-top: 43px solid #66004a;
}

.public-not-entry .order-dashboard-info .code-name.product6:before,
.public-entry .order-dashboard-info .code-name.product6:before,
.order-dashboard-info .code-name.product6:before {
    border-top: 43px solid #31b02e;
}


/*--------------*/

.public-not-entry .management-dashboard-info .code-name:before,
.public-entry .management-dashboard-info .code-name:before {
    border-top: 43px solid #fbb450;

}

/*.private-not-entry .order-dashboard-info .code-name:before,
.private-entry .order-dashboard-info .code-name:before,*/
.private-not-entry .management-dashboard-info .code-name:before,
.private-entry .management-dashboard-info .code-name:before {
    border-top: 43px solid #6dc9fd;

}


.distribution-entry .order-dashboard-info .code-name:before, .distribution-not-entry .order-dashboard-info .code-name:before,
.distribution-entry .management-dashboard-info .code-name:before, .distribution-not-entry .management-dashboard-info .code-name:before {
    border-top: 43px solid #fff000;

}

.table-head2 .warehouse-dashboard-info .product-title:before {

    color: #fff000;
}

/*.order-dashboard-list .warehouse-dashboard-info .product-title:before {

    color: #fff000;
}*/
.mobile-view .info-management .action-btn a {

    font-size: 2rem;
    margin: 5px;
}

/*----------------------------------------------------*/
.staition-inputs .box-DistributionCenter {
    background: rgba(217, 217, 172, 0.27);
    margin-top: 20px;
    padding: 20px 5px 7px;
    border-radius: 10px;
}

.official-title {
    background: #34bec6;
    color: #fff;
    padding: 8px 23px;
    margin: 10px -15px;
    text-align: right;
}

.box-DistributionCenter .official-title {
    background: #34bec6;
    color: #fff;
    padding: 8px 23px;

    text-align: right;
    margin: 0 -7px 10px -7px;
    max-width: calc(100% + (15px));
    width: calc(100% + (15px));
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.staition-inputs .box-DistributionCenter h5 {

    color: #2b438c;
    padding: 5px 20px;
    margin: 10px auto;
    text-align: right;
}

.staition-inputs .box-DistributionCenter .row {
    padding: 0
}

.staition-inputs .box-DistributionCenter .control-label {
    width: 38%;
}

.staition-inputs .box-DistributionCenter .form-control {
    width: 60%;
    background: #fff
}

.staition-inputs .box-DistributionCenter-part2 .control-label {
    color: #000;
    text-align: center
}


.terminal_public-group {
    margin-top: 5px;
    padding: 0
}

.staition-inputs .box-DistributionCenter .terminal_public-group .control-label {
}

.staition-inputs .box-DistributionCenter .lable-title {
    color: #2b438c;
    padding: 5px 10px;
    margin: 10px auto 0;
    text-align: right;
    font-size: 1.35rem;
    width: 100%
}

.calculate-div {
    position: relative;
    display: flex;
    max-width: 400px;
    width: 100%;
    margin: 15px auto 15px
}

.btn.calculate_input {
    background: #403cc6;
    color: #fff;
    line-height: 32px;
    padding-right: 45px;;
    min-height: 45px;
    font-size: 18px;
    min-width: 190px;
    margin: 0;
    position: relative;
}

.btn.calculate_input:before {
    color: #fff;
    font-size: 32px;
    padding-left: 5px;
    position: absolute;
    right: 6px;
    font-weight: normal
}

.calculate-div .form-group {
    margin: 0 !important;
    padding: 0
}

.calculate-div .form-control.inputs-input {
    width: 100% !important;
    /*border: 2px solid #403cc6;*/
    background: rgba(1, 1, 17, 0.58);
    min-height: 47px;
    color: #fff000;
    font-size: 20px;
    margin: 0;
}

.DistributionCenter.staition-inputs h4::after {
    width: 79%;
    left: 0
}

.calculater-total {
}

.calculate-div2 {
    position: relative;
    display: flex;
    max-width: 100%;
    width: 100%;
    margin: 15px auto 15px
}

.calculate-div2 input.form-control {
    width: 100%;
    /*border: 2px solid #403cc6;*/
    background: rgba(1, 1, 17, 0.58);
    min-height: 47px;
    color: #fff000;
    font-size: 20px
}

.calculate-div2 .btn.calculate_input {
    background: #403cc6;
    color: #fff;
    line-height: 32px;
    padding-right: 5px;
    min-height: 32px;
    font-size: 18px;
    min-width: auto;
    margin: 0;
    position: relative;
    display: grid;
    height: 100%;
    width: 100%;
    cursor: pointer;
    border-radius: 0;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.calculate-div2 .btn.calculate_input:before {
    color: #fff;
    font-size: 32px;
    padding-left: 0;
    position: relative;
    right: auto;
    font-weight: normal;
    top: 15px;
    left: auto;
    padding-bottom: 10px;
}

.staition-inputs .box-DistributionCenter .calculate-div2 .control-label {
    width: 100%;
    text-align: center;
    color: #fff
}

.staition-inputs .box-DistributionCenter .calculate-div2 .form-control {
    width: 100%;
    text-align: center;
    background: gray;
    min-height: 32px;
}

.input-caculater-box {
    padding: 5px 5px 15px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.calculater-total {
    padding: 5px 10px
}

.quick-create {
    background: #f7d89f;
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
}

.quick-create .col {
    padding: 0 3px
}

.quick-update .col {
    padding: 0 3px
}

.btn-create, a.btn-create {
    padding: 2px 5px;
    margin-top: 36px;
    background: rgba(186, 192, 195, 0.1);
    border-radius: 5px;
    border: 2px solid #c3083c;
    color: #c3083c;
    font-size: 0.85rem;
    display: inline-block;
    min-width: auto
}

.btn-create:hover {
    background: #c3083c;
    color: #fff;
    border: 1px dashed #c3083c
}

.btn-create2, a.btn-create2 {
    padding: 2px 5px;
    background: rgba(186, 192, 195, 0.1);
    border-radius: 5px;
    border: 2px solid #6d6d6d;
    color: #6d6d6d;
    margin-top: 36px;
    min-width: auto;
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
}

.btn-create2:hover {
    background: #6d6d6d;
    color: #fff;
    border: 1px dashed #6d6d6d
}

.table-btn-add, a.table-btn-add {
    padding: 1px 5px;
    background: rgba(186, 192, 195, 0.1);
    border-radius: 5px;
    border: 2px solid #2da0c6;
    color: #2da0c6;

    min-width: auto;
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
}

.btn-create3, a.btn-create3 {
    padding: 5px 10px;
    margin-top: 5px;
    background: rgba(186, 192, 195, 0.0);
    border-radius: 5px;
    border: 2px solid #c3083c;
    color: #c3083c;;
    min-width: auto
}

.btn-create3:hover {
    background: #c3083c;
    color: #fff;
    border: 1px dashed #c3083c
}

.btn-create4, a.btn-create4 {
    padding: 5px 10px;
    margin-top: 5px;
    background: #c3083c;
    border-radius: 5px;
    border: 2px solid #c3083c;
    color: #fff;;
    min-width: auto
}

.btn-create4:hover {
    background: rgba(255, 173, 200, 0.1);
    color: #c3083c;
    border: 1px solid #c3083c
}

.table-btn-add:hover {
    background: #34bec6;
    color: #fff;
    border: 1px solid #34bec6
}

.removeContent, .addContent {
    margin-top: 8px;
    font-size: 0.9rem;
}

.quick-create .control-label {
    width: 100%
}

.quick-create .form-control {
    width: 100%
}

.quick-update .control-label {
    width: 100%
}

.quick-update .form-control {
    width: 100%
}

.modal-title {
    width: 100%
}

.create-modal .modal-header {
    background: #0fbcc6;
    color: #fff;
    text-align: center;
}

.create-modal .modal-footer {
    background: #f7f7f7;
    text-align: center;
    display: block;
}

.modal-backdrop {

    background-color: rgba(0, 0, 0, 0.2);
}

.modal-header {
    padding: 5px 10px
}

/***************************site/index*************************/

.info-list-div table tr.distributed-entry td,
#site-list-item .distributed-entry {
    background-color: #6dc9fd !important;
}

.info-list-div table tr.distributed-not-entry td,
#site-list-item .distributed-not-entry {
    background-color: #f67777 !important;
}

.info-list-div table tr.public-entry td,
#site-list-item .public-entry {
    background-color: #fbb450 !important;
}

.info-list-div table tr.public-not-entry td,
#site-list-item .public-not-entry {
    background-color: #f67777 !important;
}

.info-list-div table tr.private-entry td,
#site-list-item .private-entry {
    background-color: #8fd19e !important;
}

.info-list-div table tr.private-not-entry td,
#site-list-item .private-not-entry {

    background-color: #f67777 !important;
}


/*-------penalty------------------------------------------------------*/
.time-expire {
    color: #ff0000;
    font-weight: bold;
    font-style: italic;
}

.action-btn .penalty-export2-btn {
    color: #ff4500;
}

.action-btn .penalty-export2-btn:hover {
    color: #b71809;
}

.action-btn .penalty-export3-btn {
    color: #4d8ac6;
}

.action-btn .penalty-export3-btn {
    color: #5c5d9c;
}

.action-btn .penalty-export1-btn {
    color: #4fbe5d;
}

.action-btn .penalty-export1-btn:hover {
    color: #4f9d4e;
}

.left-info {
    display: table-cell;
    align-self: center
}

#penalty-info .penalty-row:nth-child(even) {
    background: #fff0f0
}

#penalty-info .action-btn {
    padding-left: 15px;
    padding-right: 5px
}

#penalty-info .action-btn a, #penalty-info .action-btn .btn {
    font-size: 0.95rem;
    margin: 5px 8px
}

#penalty-info .action-btn a i, #penalty-info .action-btn .btn i {
    font-size: 1.3rem;
    padding-left: 5px
}

#penalty-info .col-number {
    font-size: 1.1rem;
    letter-spacing: 1px
}

.item-form {
    border: 1px solid orange;
    margin: 15px auto;
    background: #fff;
    border-radius: 10px;
    padding: 0 0 8px;
}

#item-form-box {
    padding: 0 15px 10px
}

.btn-icon-add {
    background: orange;
    border-radius: 10px 0px 0 10px;
}

.btn-icon-add:hover {
    background: #fd7e14
}

.checkbox-control .form-control {
    min-width: 22px !important;
    height: 22px;
    vertical-align: baseline;
    align-self: center
}

#item-form-box table input {
    text-align: center
}

#item-form-box table tr:nth-child(even) td {
    background: #f5f0f0
}

#item-form-box table tr td {
    text-align: center;
    font-size: 1.1rem
}

#item-form-box table tr td input {
    text-align: center;
    font-size: 1.2rem;
    padding: 4px 7px
}

.total-sum-row {
    margin: 20px auto;
    width: 100%;
    text-align: center;
    background: #1cb386;
    border-radius: 10px;
}

.total-sum-box {
    margin: 10px auto;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    border: 2px dashed #ccc;
}


.info-list-div .total-sum-box table td {
    color: #fff000;
    font-size: 1.5rem;
    padding: 5px 12px
}

.table .table-btn-create {
    border-radius: 5px;
    border: 1px dotted #fd7e14;
    color: #ff0000;
    padding: 5px 8px;
    font-size: 1rem;
    text-decoration: none
}

.table .table-btn-create:hover {
    border-radius: 5px;
    background: #ff6e30;
    color: #fff;
    padding: 5px 8px;
    font-size: 1rem
}

.table .table-btn-create i {
    font-size: 1.3rem
}

.sortable-item {

    padding: 0 10px;
    margin: 10px auto 15px;
    border: 1px solid #ff6e30;
    /*  border-right-width: 1px;*/
    border-right-width: 5px;
    border-radius: 3px;
    width: 100%;
    max-width: 400px;
    background-color: #fff;
    list-style-image: url("../images/move.png");
    cursor: move;
    position: relative;

}

.form-inner {
    width: 100%;
    padding: 10px 30px
}

.sortable-item input, .sortable-item input.form-control {
    border: none;
    background-color: #fff;
    width: auto;
    margin: 0;
    font-weight: bold;
    font-size: 1.1rem;
    display: block;
    padding: 0 5px;
    color: #000;
    position: absolute;
    top: 8px
}

.form-centering #station-form {
    padding: 0 5px
}

.form-centering #station-form .staition-inputs h4:after {
    left: 5%;
    width: 65%
}

.form-centering .daily-admin-create #station-form .staition-inputs h4:after {
    left: 5%;
    width: 70%
}

#sum-table-box {
    border-radius: 13px;
    overflow: hidden;
    border: 1px solid #14661f;;
}

.sum-table {
    width: 100%;
    border-radius: 13px;
    overflow-x: auto;
    background: #fff;
    table-layout: fixed;
}

.sum-table thead th {
    text-align: center;
    background: #14661f;
    color: #fff;
    font-size: 1.3rem;
    border-left: 1px solid #efefef;
    line-height: 1.5;
    padding: 8px 5px;
    font-weight: bold;
}

.mobile-view .sum-table tbody th {
    text-align: center;
    background: #14661f;
    color: #fff;
    font-size: 1rem;
    border-left: 1px solid #efefef;
    line-height: 1.5;
    padding: 8px 2px;
    font-weight: bold;
    min-width: 75px;
}

.sum-table thead th.Petrol,
.sum-table tbody th.Petrol {
    background: #ff0000;
}

.sum-table thead th.White_oil,
.sum-table tbody th.White_oil {
    background: #ffbf00;
}

.sum-table thead th.Gas_oil,
.sum-table tbody th.Gas_oil {
    background: #3366cc;
}

.sum-table thead th.Oil,
.sum-table tbody th.Oil {
    background: #4cd2e4;
}

.sum-table thead th.Gasoline_enhancer,
.sum-table tbody th.Gasoline_enhancer {
    background: #5e1e93;
}

.sum-table thead td {
    text-align: center;
    background: #e7e7e7;
    font-size: 12px;
    border-left: 1px solid #14661f;
    border-bottom: 1px solid #14661f;
    color: #14661f;
    padding: 5px;
    font-weight: bold;
    width: 13%;
}

.accumulative_index .desktop-view .sum-table thead td {
    width: 7%;
}

.sum-table tbody th {
}

.sum-table .sum-name {
    max-width: 98px;
    text-align: center;
    background: #14661f;
    color: #fff000;
    font-size: 1rem;
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 6px 3px;
    min-width: 120px;
    width: 120px;
}

.sum-table tbody td {
    text-align: center;
    border: 1px solid #14661f;
    padding: 5px 2px;
    background: #ffffff;
    font-weight: bold;
    font-size: 1.05rem;
    width: 20%;
    max-width: 120px;
}

.sum-table tbody td.td-Petrol {
    background: rgba(255, 0, 0, 0.3);
}

.sum-table tbody td.td-White_oil {
    background: rgba(255, 191, 0, 0.3);
}

.sum-table tbody td.td-Gas_oil {
    background: rgba(51, 102, 204, 0.3);
}

.sum-table tbody td.td-Gasoline_enhancer {
    background: rgba(10, 223, 255, 0.3);
}

.sum-table tbody tr:nth-child(even) td {
    /* background: #cfffc9;*/
}

#sum-table tbody tr:last-child td {
    /* background: #149c90;*/
    background: #14661f;
    border-left: 1px solid #efefef;
    color: #fff000;
}

.sum-table .product-title:before {
    color: orange;
    font-size: 18px
}

.sum-table tbody td:last-child {
    border-bottom: none !important;
    border-left: none !important
}

.sum-table tr:last-child .sum-name, .sum-table tr:last-child td {
    border-bottom: none !important;
    border-left: none !important
}

#sum-table-box.mobile-table-footer {
    margin-top: 10px;
    border-left: none;
    border-right: none;
    border: none;
}

.mobile-table-footer .sum-table {
    margin: 0 auto 12px;
    border-radius: 10px;
}

.mobile-table-footer .sum-table:last-child {
    margin-bottom: 0
}

.mobile-table-footer .sum-table.totoal-sum-table tbody tr:last-child td {
    /* background: #149c90;*/
    /*background: #14661f; */
    color: #14661f;
    font-size: 1.3rem;
}

.mobile-table-footer .sum-table tbody tr:last-child td {
    /* border-bottom: none;*/
}

.mobile-table-footer .sum-table tbody tr:last-child th:first-child,
.mobile-table-footer .sum-table tbody tr:last-child td:first-child {
    border-radius: 0 0 10px 0;
}

.mobile-table-footer .sum-table tbody tr:last-child td:last-child {
    border-radius: 0 0 0 10px;
}

.mobile-table-footer .sum-table .sum-name {
    border-radius: 10px 10px 0 0;
    border-left: none;

}

.mobile-table-footer .sum-table tbody td {
    font-size: 1.2rem;
    padding: 5px 3px;
}

.mobile-table-footer .sum-table thead td {
    padding: 3px 3px;
}

.mobile-table-footer .sum-table thead th {
    padding: 3px 3px;
    font-size: 1.2rem;
}

.mobile-table-footer .sum-table .sum-name {
    padding: 5px 2px
}

/***************************site/index*************************/
.info-list-div table tr.distributed-entry td,
#site-list-item .distributed-entry {
    background-color: #6dc9fd !important;
}

.info-list-div table tr.distributed-not-entry td,
#site-list-item .distributed-not-entry {
    background-color: #f67777 !important;
}

.info-list-div table tr.public-entry td,
#site-list-item .public-entry {
    background-color: #fbb450 !important;
}

.info-list-div table tr.public-not-entry td,
#site-list-item .public-not-entry {
    background-color: #f67777 !important;
}

.info-list-div table tr.private-entry td,
#site-list-item .private-entry {
    background-color: #8fd19e !important;
}

.info-list-div table tr.private-not-entry td,
#site-list-item .private-not-entry {

    background-color: #f67777 !important;
}

.info-list-div table tr.terminallogic-status td,
#site-list-item .terminallogic-status {

    background-color: #ff0000 !important;
}

.info-list-div table .pay-not-fine td,
#site-list-item .pay-not-fine td,
.info-list-div table tr.pay-not-fine td,
#site-list-item table .pay-not-fine,
#site-list-item .pay-not-fine {
    background-color: red !important;
}

/*-------penalty------------------------------------------------------*/
.time-expire {
    color: #ff0000;
    font-weight: bold;
    font-style: italic;
    background: #ffe7e7;
}

.left-info {
    display: table-cell;
    align-self: center
}

/*-------------------------------------------------------------*/
.info-list-table table thead th {
    text-align: center;
    color: #fff000;
    background: #039a7e;
    padding: 5px 3px;
    vertical-align: middle;
    width: 5%;
}


.info-list-table table tr td {
    text-align: center;
    color: #080808;
    vertical-align: baseline;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 5px 3px;
}

.info-list-table table td.col-number {
    font-family: Lato, sans-serif;
}


.info-list-table .form-control {
    min-width: 70px
}


.info-list-table table select.form-control, .info-list-div table .form-control {
    max-width: 210px;
    font-size: 0.9rem;
    min-width: 140px
}

.info-list-table table thead th {
    text-align: center;
    color: #fff000;
    background: #039a7e;
    padding: 5px 3px;
    vertical-align: middle;
    width: 5%;
}


.info-list-table table tr td {
    text-align: center;
    color: #080808;
    vertical-align: baseline;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 5px 3px;
}

.info-list-table table td.col-number {
    font-family: Lato, sans-serif;
}

.info-list-table table tr:nth-child(even) td {
    text-align: center;
    color: #0b75af;
    background: #fff /* background: #effdfb*/
}

.info-list-table .form-control {
    min-width: 70px
}


.info-list-table table select.form-control, .info-list-div table .form-control {
    max-width: 210px;
    font-size: 0.9rem;
    min-width: 140px
}

.info-list-table table .sum-row th, .info-list-table table .sum-row td {
    text-align: center;
    color: #fff000 !important;
    background: #039a7e !important;
    padding: 5px 3px;
    vertical-align: middle;
    width: 5%;
}

.info-list-table table tr td.mahate-baranch-name {
    background: #0b75af;
    color: #fff
}

.info-list-table table tr .num-t-th {
    width: 1.1%;
    max-width: 35px;
    min-width: 35px
}

.info-list-table table tr .mahate-name-th {
    width: 8.9%;
    max-width: 35px;
    min-width: 35px
}

/*-------------------------------------*/
.info-list-table table#basic-box-table thead th.Petrol {
    background: #ff0000;
    color: #fff
}

.info-list-table table#basic-box-table thead .White_oil {
    background: #ffbf00;
    color: #fff
}

.info-list-table table#basic-box-table thead th.Gas_oil {
    background: #3366cc;
    color: #fff
}

.info-list-table table#basic-box-table thead th.Gasoline_enhancer {
    background: #66004a;;
    color: #fff
}

/*----------------------------------------------------------------------------------------------------*/
.list-item-table .table {
    margin-bottom: 0
}

.list-item-table table thead th {
    text-align: center;
    color: #fff000;
    background: #03859a;
    padding: 5px 3px;
    vertical-align: middle;
}

.list-item-table table thead th a {
    text-align: center;
    color: #fff000;
    text-decoration: none;

}

.list-item-table table th {
    text-align: center;
    color: #fff000;
    background: #039a7e;
}

.list-item-table table tr td {
    text-align: center;
    color: #080808;
    vertical-align: baseline;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 5px 3px;
}

.info-list-div table td.col-number {
    font-family: Lato, sans-serif;
}

.info-list-div table .status-automation-block td, table .status-automation-block td {
    background: #ff9fa0
}

.info-list-divtable .status-automation-confirm td, table .status-automation-confirm td {
    background: #8ed19e
}


.automation-dashboard-info table {
    margin-bottom: 0
}

.automation-dashboard-info table.tbl1 th {
    border: none !important;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    padding: 5px 5px;
    border-bottom: 2px dashed #dbdbdb;

    background: #3dcfcf;
    vertical-align: baseline;

}

.automation-dashboard-info table.tbl1 td {
    border: none !important;
    text-align: center;
    color: #000;
    font-family: Lato, sans-serif;
    font-size: 1.1rem;
    padding: 5px 5px;
    direction: ltr;
    border-bottom: 2px dashed #dbdbdb !important;
    font-weight: bold;
}

.automation-dashboard-info table.tbl2 th {
    border: none !important;
    text-align: right;
    font-size: 1.2rem;
    font-weight: bold;
    color: #3dcfcf;
    padding: 5px 10px 5px 5px;
    border-bottom: 2px dashed #dbdbdb !important;

    background: #ffff;
}

.automation-dashboard-info table.tbl2 td.col-number {
    border: none !important;
    text-align: right;
    color: #000;
    font-family: Lato, sans-serif;
    font-size: 1.1rem;
    border-bottom: 2px dashed #dbdbdb !important;
    direction: ltr;
    padding: 5px 5px;
    font-weight: bold;
}

.automation-dashboard-info table.tbl2 td.col-name {
    border: none !important;
    text-align: right;
    color: #229e5d;

    font-size: 1.1rem;
    border-bottom: 2px dashed #dbdbdb !important;
    direction: ltr;
    padding: 5px 5px;
    font-weight: bold;
}

.automation-dashboard-info .code-name.status-automation-block {
    background: #ff9fa0
}

.automation-dashboard-info .code-name.status-automation-confirm {
    background: #8ed19e
}

.automation-dashboard-info .code-name::before {
    width: 56px;
    height: 100%;
    right: 0;
    top: 0;
    content: "";
    position: absolute;
    border-top: 43px solid #73c7f5;
    border-left: 70px solid transparent;
}

#penalty-info .penalty-row:nth-child(even) {
    background: #f5f5f5
}

#penalty-info .time-expire-row {
    background: #ffe7e7
}

.gray-list-info table td .btn {
    font-size: 1.3rem;
    color: #1ea0b8;
    display: inline-block;
    margin: 2px 3px;
    padding: 0;
    min-width: auto;
    border: none;
    text-decoration: none;
    line-height: 1;
}

.gray-list-info .action-btn a, .gray-list-info .action-btn .btn {
    font-size: 1.3rem;
    color: #1ea0b8;
    display: inline-block;
    margin: 2px 3px;
    padding: 0;
    min-width: auto;
    border: none;
    text-decoration: none;
    line-height: 1;
}

.gray-list-info .action-btn .btn.delete-btn, .gray-list-info .action-btn .delete-btn, .gray-list-info table td .delete-btn {
    color: #ff1c19;
}

.gray-list-info .action-btn .btn.check-btn, .gray-list-info .action-btn .check-btn, .gray-list-info table td .check-btn {
    color: #62b51d;
}

.gray-list-info .action-btn .btn.git-print-btn, .gray-list-info .action-btn .git-print-btn, .gray-list-info table td .git-print-btn {
    color: #f68900;
}

.gray-list-info .action-btn-icons {
    max-width: 60px
}

.gray-list-info table thead th a {
    text-decoration: none
}

.gray-list-info table thead th a:before {
    content: "\f0dc";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 12px;
    color: #000;
    display: inline-block;
    width: 15px;
}

#penalty-info .action-btn {
    padding-left: 15px;
    padding-right: 5px
}

#penalty-info .action-btn a, #penalty-info .action-btn .btn, #penalty-register .action-btn a, #penalty-register .action-btn .btn, .action-btn a,
.action-btn .btn {
    font-size: 0.9rem;
    margin: 5px 1px;
    border: none;
    box-shadow: none;
}


#penalty-info .action-btn a:focus, #penalty-info .action-btn .btn:focus,
#penalty-register .action-btn a:focus, .action-btn .btn:focus {
    border: none;
    box-shadow: none;
}

#penalty-info .action-btn a i, #penalty-info .action-btn .btn i,
#penalty-register .action-btn a i, .action-btn .btn i {
    font-size: 1.3rem;
    padding-left: 5px
}

.gray-list-info .action-btn .penalty-export2-btn,
.action-btn .penalty-export2-btn {
    color: #5eb31a;
}

.gray-list-info
.action-btn .penalty-export2-btn:hover,
.action-btn .penalty-export2-btn:hover {
    color: #509816;
}

.gray-list-info .action-btn .penalty-export3-btn,
.action-btn .penalty-export3-btn {
    color: #ff9b29;
}

.gray-list-info .action-btn .penalty-export3-btn:hover,
.action-btn .penalty-export3-btn:hover {
    color: #c0741f;
}

.gray-list-info .action-btn .penalty-export1-btn,
.action-btn .penalty-export1-btn {
    color: #1a9cb3;
}

.gray-list-info .action-btn .penalty-export1-btn:hover,
.action-btn .penalty-export1-btn:hover {
    color: #168193;
}

#penalty-info .col-number {
    font-size: 1rem;
    letter-spacing: 1px
}

#penalty-row a:hover {
    text-decoration: none
}

.item-form {
    border: 1px solid orange;
    margin: 15px auto;
    background: #fff;
    border-radius: 10px;
    padding: 0 0 8px;
}

#item-form-box {
    padding: 0 15px 10px
}

.btn-icon-add {
    background: orange;
    border-radius: 10px 0 0 10px;
}

.btn-icon-add:hover {
    background: #fd7e14
}

.checkbox-control .form-control {
    min-width: 22px !important;
    height: 22px;
    vertical-align: baseline;
    align-self: center
}

#item-form-box table input {
    text-align: center
}

#item-form-box table tr:nth-child(even) td {
    background: #f5f0f0
}

#item-form-box table tr td {
    text-align: center;
    font-size: 1.1rem
}

#item-form-box table tr td input {
    text-align: center;
    font-size: 1.2rem;
    padding: 4px 7px
}


.fine-form-command-terminal-2 textarea.form-control {
    min-height: 50px
}

.td-num-command {
    max-width: 50px
}

.total-sum-box {
    margin: 10px auto;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    border: 2px dashed #ccc;
    padding: 12px 11px 0;
}

.total-sum-box .form-group {
    margin: 0 auto;
}

.total-sum-row .btns-group .btn {
    margin: 5px 3px
}

.info-list-div .total-sum-box table td {
    color: #fff000;
    font-size: 1.5rem;
    padding: 5px 12px;
}

.info-list-div .total-sum-box table th {
    vertical-align: baseline;
}

.info-list-div .total-sum-box table td {
    vertical-align: baseline;
}

.info-list-div .total-sum-box .lable-th {
    color: #fff;
    text-align: right;
    padding: 3px 2px 3px 5px;
    background: transparent;
    width: 90px;
    vertical-align: middle;
}

.info-list-div .total-sum-box .lable-th label {
    color: #fff;
    text-align: right;
    font-size: 0.9rem;
    white-space: nowrap;
}


.info-list-div .total-sum-box .input-td {
    color: #fff;
    text-align: right;
    font-size: 0.9rem
}

#item-form-box .total-sum-box table tr .input-td input {
    max-width: 100%;
}

.info-list-div .total-sum-box .input-td input {
    color: #000;
    text-align: center;
    font-size: 0.9rem;
    width: 100%
}

#item-form-box .total-sum-box .checkbox-input-td {
    color: #fff;
    text-align: right;
    font-size: 0.9rem;
    width: 60px;
    min-width: 60px !important;
    max-width: 80px;
}

#item-form-box .total-sum-box .checkbox-input-td input {

    width: 30px
}

.total-sum-row label, .total-sum-row label.white-space-nowrap {
    white-space: nowrap;
}

.table .table-btn-create {
    border-radius: 5px;
    border: 1px dotted #fd7e14;
    color: #ff0000;
    padding: 5px 8px;
    font-size: 1rem;
    text-decoration: none
}

.table .table-btn-create:hover {
    border-radius: 5px;
    background: #ff6e30;
    color: #fff;
    padding: 5px 8px;
    font-size: 1rem
}

.table .table-btn-create i {
    font-size: 1.3rem
}

/*------------------------*/
.modal-dialog {
    max-width: 900px;
}

.fine-popup-table {
    text-align: center;
    font-size: 0.9rem;
}

.findsShowBtn {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 20px;
    color: #1a9cb3 !important;
}

#item-form-box .fine-popup table th {
    font-size: 0.9rem;
    text-align: center;
    background: #1cb386;
    padding: 5px;
    color: #fff;
    white-space: nowrap;
}

#item-form-box .fine-popup table td {
    font-size: 0.85rem;
    text-align: center;
    background: rgba(28, 179, 134, 0.02);
    padding: 5px;
    vertical-align: top
}

.fine-popup-table .fineRadioBtn, .fine-popup-table .radio input[type="radio"] {
    margin-left: 0;
    position: relative
}

.fine-popup-table .fine-popup table .radio {
    margin-top: -10px;
    padding: 0 5px
}


/*----------------fine--new--design--------------------------------------------------*/
#fine-index {
    margin-top: 20px
}

.top-blue {
    background: #1a9cb3;
    min-height: 70px;
    /* border-radius: 0 0 35px 35px; */
    width: 100%;
    padding: 8px 10px 0;
    -webkit-box-shadow: 2px 2px 5px 1px rgb(204 204 204 / 70%);
    -moz-box-shadow: 2px 2px 5px 1px rgba(204, 204, 204, 0.7);
    box-shadow: 2px 2px 5px 1px rgb(204 204 204 / 70%);
}

.top-blue .btn-link {
    color: #fff;
    text-decoration: none;
}

.top-blue .top-clock {
    padding-right: 5px;
    padding-left: 5px
}

.top-blue .site-title {
    padding-right: 5px;
    padding-left: 5px
}

.top-blue #clockbox {
    display: inline-flex;
    margin-top: 9px;
    color: #fff
}

.top-blue #clockbox div {
    color: #fff;
    font-size: 1.1rem;
    margin: 5px
}

.top-blue #clockbox .time {
    margin-left: 12px
}

.top-blue #clockbox .date:after {
    font-family: icomoon, sans-serif;
    content: "\eb5d";
    color: #fff000;
    font-size: 15px;
    padding-left: 3px
}

.top-blue #clockbox .time:after {
    font-family: icomoon, sans-serif;
    content: "\eb5b";
    color: #fff000;
    font-size: 15px;
    padding-left: 3px
}


.top-blue .icon-exit1 {
    color: #fff000;
    font-size: 23px;
}

.top-blue .site-title h2 {
    color: #fff;
    font-size: 1.4rem;
    margin-top: 10px;
}

#top-user-info {
    color: #fff000;
    font-size: 1rem;
    background: url(../images/icons/user2.png) no-repeat right center;
    padding-right: 58px;
    text-align: right;
    /* width: 25%; */
    display: inline-block;
    padding-left: 5px;
}

#top-user-info span {
    color: #fff;
    font-size: 1.3rem;

}

.fine-page .Breadcrumbs-box {
    padding-right: 0;
    padding-left: 0;
    border-bottom: 2px solid #c6c6c6;
    border-radius: 0;
    margin-top: 6px;
    margin-bottom: 15px;
}

.fine-page .breadcrumb {
    border-radius: 0;
    background: none;
    margin-bottom: 0;
}

.fine-page .breadcrumb li:last-child {
    color: #1a9cb3;
}

.table-info-box {
    border: 1px solid #c6c6c6;
    border-top: none;
    margin: 10px auto 10px;
    background: #fff;
    -webkit-box-shadow: 2px 3px 4px 1px rgb(204 204 204 / 60%);
    -moz-box-shadow: 2px 3px 4px 1px rgba(204, 204, 204, 0.6);
    box-shadow: 2px 3px 4px 1px rgb(204 204 204 / 60%);
    width: 100%;
    clear: both;
    padding: 0 0;
    border-radius: 0;
}

.blue-box-header {
    background: #1a9cb3;
    color: #fff
}

.blue-box-header .info-title {
    color: #fff
}


.table-info-box .table-header {
    color: #000;
    background: #eeeeee;
}

.table-info-box .left-header {
    color: #000;
    background: #eeeeee;
}

.table-info-box .right-header {
    color: #000;
    background: #eeeeee;
}

.table-info-box .left-header h3 {
    color: #000;
    background: #eeeeee;
    padding: 7px;
    font-size: 1rem;
}

.table-info-box .list-head {
    padding: 0
}

.table-info-box .list-head .col {
    border: 1px solid #ece1e1;
    padding: 8px 5px;
    background: #eeeeee;
    color: #000;
}

.table-info-box .right-header {
    line-height: 2.2;
}

.fine-dashboad-search {
    border: 1px solid #c9c9c9;
    margin-bottom: 20px;
}

.search-inner {
    padding: 5px 30px 12px;
}

.search-heading {
    font-size: 1.4rem;
    color: #000;
    font-weight: bold;
    display: inline-flex;
    padding: 5px 5px;
}

.search-heading .icon {
    font-size: 45px;
    color: #1a9cb3;
    margin-top: -18px;
    display: inline-block;
    margin-right: -9px;
    padding-left: 10px
}

.search-heading .accordion-toggle:after {
    color: #1a9cb3;
}

.fine-dashboad-search label.control-label {
    display: inline-block;
    width: 50px;
    color: #000;
    font-size: 1rem;
    font-weight: normal !important
}

.fine-dashboad-search select.form-control {
    display: inline-block;
    width: calc(100% - (60px)) !important;
}

.fine-dashboad-search .checkbox {
    display: inline-block;
    margin: 3px 1%;
    /* width: 46%;*/
    text-align: right;
}

.search-check-box {
    text-align: center
}

.fine-dashboad-search .control__indicator {
    background: #ede828
}

.fine-dashboad-search .control:hover input:not([disabled]):checked ~ .control__indicator, .fine-dashboad-search .control input:checked:focus ~ .control__indicator {
    background: #ede828
}

.fine-dashboad-search .control input:checked ~ .control__indicator {
    background: #ede828
}

.fine-page .btn-primary {
    color: #fff;
    border: 1px solid #1a9cb3;
    background: #1a9cb3;
    border-radius: 0;
}

.fine-page .btn-primary:hover, .fine-page .btn-primary:focus {
    border: 1px solid #157c8e;
    background: #157c8e;
}

.fine-report-btn {
}

.fine-report-btn .btn {
    border: 1px solid #c9c9c9;
    position: relative;
    width: calc(100% - (70px));
    padding: 12px 10px;

    border-radius: 0;
    font-size: 1.15rem;
    font-weight: normal;
}

.fine-report-btn .btn-col {
    margin-bottom: 35px;
    text-align: left
}

.fine-report-btn .btn-col:last-child {
    margin-bottom: 0
}

.fine-report-btn .btn:before {
    position: absolute;
    right: -43px;
    width: 35px;
    font-size: 39px;
    top: 0;
    text-align: left;
}

.fine-report-btn .btn-success {
    background: #ede828;
    color: #000
}

.fine-report-btn .btn-success:before {
    color: #ede828
}

.fine-report-btn .btn-success:hover,
.fine-report-btn .btn-success:focus {
    background: #ede828;
    color: #000
}

.fine-report-btn .btn-primary {
    background: #1a9cb3;
    color: #fff
}

.fine-report-btn .btn-primary:before {
    color: #1a9cb3
}

.fine-report-btn .btn-primary:hover,
.fine-report-btn .btn-primary:focus {
    background: #1a9cb3;
    color: #fff
}

.fine-report-btn .btn-default {
    background: #ed9728;
    color: #fff
}

.fine-report-btn .btn-default:before {
    color: #ed9728
}

.fine-report-btn .btn-default:hover,
.fine-report-btn .btn-default:focus {
    background: #ed9728;
    color: #fff
}

.fine-report-btn-icon a {
    font-size: 1.15rem;
    font-weight: normal;
    margin: 5px 3px
}

.fine-report-btn-icon {
    border-left: 1px solid #ccc;
    text-align: center;
}

.fine-report-btn-icon a:before {

    width: 28px;
    font-size: 28px;
    top: 0;
    text-align: left;
    color: #1a9cb3;

}

.fine-export-btn a {
    font-size: 1.15rem;
    font-weight: normal;
    margin: 5px 3px;
    text-decoration: none !important;
}

.fine-export-btn a:before {

    width: 28px;
    font-size: 28px;
    top: 0;
    text-align: left;
    color: #000;
    text-decoration: none !important;

}

.fine-report-btn-icon a {
    font-size: 1rem;
    font-weight: normal;
    margin: 5px 2px;
    font-family: 'DroidArabicKufi', 'Al-Jazeera-Bold', 'Tahoma', sans-serif !important;
    display: inline-block;
}

.fine-report-btn-icon li {
    display: inline-block;
    list-style: none;
    margin: 2px 1px;
}

.fine-report-btn-icon {
    border-left: 1px solid #ccc;
    text-align: center;
}

.fine-report-btn-icon a:before {

    width: 26px;
    font-size: 25px;
    top: 0;
    text-align: left;
    display: inline-block;
    color: #1a9cb3;
    font-family: 'icomoon' !important

}

.fine-export-btn a {
    font-size: 1.15rem;
    font-weight: normal;
    margin: 5px 3px;
    text-decoration: none !important;
}

.fine-export-btn a:before {

    width: 28px;
    font-size: 28px;
    top: 0;
    text-align: left;
    color: #000;
    text-decoration: none !important;

}

.fine-report-btn-icon a:hover:before {
    color: #1a9cb3;
    text-decoration: none !important;
}

.fine-report-btn-icon .btn-report1:before {
    color: #ede828
}

.fine-report-btn-icon .btn-report1:hover,
.fine-report-btn-icon .btn-report1:focus {

    color: #ede828;
}

.fine-report-btn-icon .btn-report2:before {
    color: #149fb4
}

.fine-report-btn-icon .btn-report2:hover,
.fine-report-btn-icon .btn-report2:focus {

    color: #128c9e;
}

.fine-report-btn-icon .btn-report3:before {
    color: #ec9828
}

.fine-report-btn-icon .btn-report3:hover,
.fine-report-btn-icon .btn-report3:focus {

    color: #ec7e25;
}

.register-btn-blue .btn, .register-btn-blue .a {
    color: #1a9cb3;
    font-size: 1.3rem;
    margin: 0 auto;

}

.register-btn-blue .btn:before {
    color: #1a9cb3;
    font-size: 1.3rem;
    padding-left: 4px;
}

.register-btn-blue .btn-green {
    color: #62b51d
}

.register-btn-blue .btn-green:before {
    color: #62b51d
}

.command-search #accordion-search {
    border-radius: 0
}

.command-search #accordion-search .accordion-heading {
    border-radius: 0;
    background: #eaeaea;
}

.command-search #accordion-search .accordion-toggle, .command-search #accordion-search .search-headding {
}

.pagin-bottom {
    position: relative;
    padding-bottom: 41px;
    background: #fff;
}

.pagin-bottom .pagination {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0
}

.fine-page .pagination li a {
    color: #1a9cb2
}

.fine-page .pagination li.active a {
    background: #1a9cb2;
    color: #fff
}

.gray-list-info {
}

.gray-list-info table thead th, .gray-list-info table thead td {
    text-align: center;
    color: #000;
    background: #eeeeee;
    padding: 7px 3px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 0.95rem;
}

.gray-list-info table thead th {
    text-align: center;
    color: #000;
    background: #eeeeee !important;
    padding: 7px 5px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 0.95rem;
}

.command-print.gray-list-info table thead th {
    text-align: center;
    color: #000;
    background: #90cfea !important;
    padding: 7px 5px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 0.95rem;
}

.gray-list-info table thead th.th-year-analysis-title {
    padding: 7px 0 0;
}

.gray-list-info table thead th.th-year-analysis-title th {
    background: #bce8f1
}

.gray-list-info .table-striped tbody tr:nth-of-type(2n+1) {
    background: #fff
}

.gray-list-info table tr td {
    text-align: center;
    color: #080808 !important;
    vertical-align: baseline;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 6px 3px;
}

.gray-list-info table tr:nth-child(even) td {
    background: #f5f5f5 !important;
}

.command-print.gray-list-info table tfoot tr td {
    background: #464646 !important;
    color: #fff !important;
    font-size: 0.95rem;
}

.command-print .print-page-title {
    font-size: 12pt;
    margin-bottom: -10px;
    margin-top: 15px;
    text-align: center
}

.gray-list-info table td .edit-btn {
    color: #5dbdff;
}

.fine-page .card {
    border-radius: 0
}

.fine-page .card-header {
    border-radius: 0 !important;
    padding: 8px 1rem
}

.exportModal .modal-content {
    max-width: 600px;
    margin: 0 auto
}

.table-input-no-bordr input {
    border: none;
    background: transparent
}

.mablagh-input {
    max-width: 70px
}

.fine-page .item-form {
    border-radius: 0
}

.fine-page .item-form .btn-icon-add {
    border-radius: 0
}

#description_fine {
    margin-top: 7px;
    min-height: auto
}

#description_fine_price {
    margin-top: 7px;
    min-height: auto
}

.sort-item-div .sorter, .sorter {
    display: inline-table;
    text-align: center;
    width: 100%;
    padding: 5px;
    margin: 5px auto
}

.sort-item-div .sorter li, .sorter li {

    border: 1px solid #ff6e30;
    /* border-right-width: 1px; */
    border-right-width: 5px;
    border-radius: 3px;
    width: auto;
    max-width: 400px;
    background-color: #fff;
    list-style-image: url(../images/arrows-sort.png);
    cursor: move;
    position: relative;
    line-height: 1.5;
    padding: 0px 20px 3px;
    display: list-item;
    float: right;
    margin: 10px 35px;

}

.select2-container--default .select2-results__option {
    font-size: 13px
}

/*-------------------------------------------------------------*/
.info-list-table table thead th {
    text-align: center;
    color: #fff000;
    background: #039a7e;
    padding: 5px 3px;
    vertical-align: middle;
    width: 5%;
}


.info-list-table table tr td {
    text-align: center;
    color: #080808;
    vertical-align: baseline;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 5px 3px;
}

.info-list-table table td.col-number {
    font-family: Lato, sans-serif;
}


.info-list-table .form-control {
    min-width: 70px
}


.info-list-table table select.form-control, .info-list-div table .form-control {
    max-width: 210px;
    font-size: 0.9rem;
    min-width: 140px
}

.info-list-table table thead th {
    text-align: center;
    color: #fff000;
    background: #039a7e;
    padding: 5px 3px;
    vertical-align: middle;
    width: 5%;
}

.info-list-table table#basic-box-table thead th {
    text-align: center;
    color: #fff000;
    background: #039a7e;
    padding: 5px 1px;
    vertical-align: middle;
    /*width: 5%;*/
    font-size: 0.87rem;
}


.info-list-table table tr td {
    text-align: center;
    color: #080808;
    vertical-align: baseline;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 5px 3px;
}

.info-list-table table td.col-number {
    font-family: Lato, sans-serif;
}

.info-list-table table tr:nth-child(even) td {
    text-align: center;
    color: #0b75af;
    background: #fff /* background: #effdfb*/
}

.info-list-table .form-control {
    min-width: 70px
}


.info-list-table table select.form-control, .info-list-div table .form-control {
    max-width: 210px;
    font-size: 0.9rem;
    min-width: 140px
}

.info-list-table table .sum-row th, .info-list-table table .sum-row td {
    text-align: center;
    color: #fff000 !important;
    background: #039a7e !important;
    padding: 5px 3px;
    vertical-align: middle;
    width: 5%;
}

.info-list-table table tr td.mahate-baranch-name {
    background: #0b75af;
    color: #fff
}

.info-list-table table tr .num-t-th {
    width: 1.1%;
    max-width: 35px;
    min-width: 35px
}

.info-list-table table tr .mahate-name-th {
    width: 8.9%;
    max-width: 35px;
    min-width: 35px
}

/*-------------------------------------*/

.info-list-div table tr.tr-thead1 th.name-product-Petrol {
    text-align: center;
    color: #fff;
    background: #ff0000;
}

.info-list-div table tr.tr-thead1 th.name-product-White_oil {
    text-align: center;
    color: #fff;
    background: #3366cc;
}

.info-list-div table tr.tr-thead1 th.name-product-Gas_oil {
    text-align: center;
    color: #000;
    background: #ffda27;
}

.info-list-div table tr.tr-thead1 th.name-product-Gasoline_enhancer {
    text-align: center;
    color: #fff;
    background: #5e1e93;
}

.sum-table tbody td.td-Oil {
    background: rgba(236, 126, 37, 0.3);
}

.divanieh-sum .sum-table thead th.White_oil {
    background: #3366cc;
}

.divanieh-sum .sum-table thead th.Gas_oil {
    background: #ffda27;
    color: #080808;
}

.divanieh-sum .sum-table thead th.Oil {
    background: #ec7e25
}

.info-list-div table tr.tr-thead2 td {
    text-align: center;
    font-size: 0.8rem; /*    font-size: 0.85rem;*/
    border-left: 1px solid #14661f;
    border-bottom: 1px solid #14661f;
    color: #fff000;
    background: #039a7e;
}

#delivery-table {
}

#delivery-table td {
    font-size: 12px;
    padding: 3px
}

.info-list-div table .select2-container--default .select2-selection--single {
    height: 26px;
    padding-right: 5px;
    padding-left: 21px;
}

.info-list-div table .select2-container--default .select2-selection--single {
    font-size: 0.85rem;
    min-width: 80px;
    background-image: none;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}

.info-list-div table .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    height: 0;
    right: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

table .input-small-size {
    min-width: 60px;
    max-width: 80px
}

.info-list-table table .input-small-size select.form-control, .info-list-div table .input-small-size .form-control {
    min-width: 60px;
    max-width: 80px;
    text-align: center
}

.box-header .btn-add-div {
    width: auto;
    float: left
}

.card .card-header > .card-tools {
    float: left;
    margin-left: 5px;
    margin-right: 5px
}

.card .card-header > .card-tools .card-title a {
    text-decoration: none
}

.card .card-header > .card-tools .card-title a:hover {
    text-decoration: none
}


/*----------------------------------*/
/*----------------------------------------------*/
.camera-attach-box {
    width: 100%;
    margin: 15px auto;
    text-align: center;
    padding: 0 10px;
}

.camera-attach-input {
    border: 2px dashed #ccc;
    background: #f1f9ed url("../images/camera.png") no-repeat center;
    max-height: 150px;
    border-radius: 5px;
    min-width: 202px;
    min-height: 150px;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.camera-attach-input .custom-file-input {
    position: absolute;
    z-index: 2;
    width: 98%;
    height: 100%;
    margin: 0;
    opacity: 0;
    right: 0;
    max-height: 200px;
    min-height: 150px;
    cursor: pointer;
}

.camera-attach-box .image-picker-widget .source-chooser-wrapper .btn {
    border: 2px dashed #ccc;
    background: #f1f9ed url("../images/camera.png") no-repeat center;
    max-height: 150px;
    border-radius: 5px;
    min-width: 202px;
    min-height: 150px;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.camera-attach-box .image-picker-widget .source-chooser-wrapper .btn.jsx-start-camera i {
    display: none
}

.camera-attach-box .image-picker-widget .take-photo-box .webcam {
    max-height: 600px;
    height: 500px !important;
    width: 800px !important;
}

.camera-attach-box .image-picker-widget .take-photo-box .seprator {
    display: none
}

.camera-attach-box .image-picker-widget .source-chooser-wrapper {
    margin-bottom: 20px !important;
    margin-top: 10px !important;
}

.camera-attach-box .image-picker-widget .take-photo-box .toolbar-buttons {
    padding-bottom: 10px
}

#div-image-upload {
    text-align: center;
    padding: 1rem;
    margin: 10px auto;
    width: 95%;
    max-width: 450px;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: inline-table;
}

.image-in-title {
    width: auto;
    padding: 5px 30px 5px 20px;
    border-radius: 10px;
    background: #17a400;
    color: #fff;
    position: relative;
    margin: 10px auto 30px;
    display: table;
    font-size: 17px;
}

.image-in-title strong {
    font-size: 16px;
    color: #fff;
    font-weight: bold
}

.image-in-title i {
    color: #fffc00;
    font-size: 44px;
    position: absolute;
    right: -28px;
    top: -12px;

}

.image-in-title .icon-image1 {
    color: #fffc00;
    font-size: 50px;
    position: absolute;
    right: -26px;
    top: -10px;

}

.statopn-image-box {
    padding-top: 30px;
    clear: both;
}

#div-image-view {
    text-align: center;
    padding: 1rem;
    margin: 20px auto;
    width: 100%;

    border: 1px solid #ccc;
    border-radius: 10px;
    display: inline-table;
}

.camera-image-box {
    border: 2px dashed #ccc;
    background: #f1f9ed url("../images/icons/image-file.png") no-repeat center;
    border-radius: 5px;
    min-width: 202px;
    min-height: 150px;
    cursor: pointer;
    width: 98%;
    margin: 0 auto;
    text-align: center;
}


/*----lightbox-------------------------------------*/
.photo-gallery {
    color: #313437;
    background-color: #fff;
}

.photo-gallery p {
    color: #7d8285;
}

.photo-gallery h2 {
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 40px;
    color: inherit;
}

@media (max-width: 767px) {
    .photo-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px;
    }
}

.photo-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px;
}

.photo-gallery .intro p {
    margin-bottom: 0;
}

.photo-gallery .photos {
    padding-bottom: 20px;
}

.photo-gallery .item {
    padding-bottom: 30px;
}

/*-------------------------------------------------------------------------------*/
.Product-Quota
.info-list-div .td-action .edit-btn {
    font-size: 1.5rem;
    color: #4b8ab3;
    vertical-align: baseline;

}

.Product-Quota .info-list-div .td-action .btn.delete-btn {
    color: #c11715;
    vertical-align: top;
    font-size: 1.3rem;
}


/*-station-panel-new-design---------------------------------------------------------------------------*/

.table-border-div {
    border: 1px solid #d9d9d9;
    border-radius: 15px;
    width: 100%;
    padding: 0;
    margin: 30px auto 0px;
    overflow: hidden;
}

.table-border-div table {
    border-radius: 15px;
    width: 100%;
    border-collapse: separate;
}

.table-border-div table tr:first-child th:first-child {
    border-radius: 0 15px 0 0
}

.table-border-div table tr:first-child td:last-child {
    border-radius: 15px 0 0 0;
}

.table-border-div table tr:last-child th:first-child {
    border-radius: 0 15px 0 0
}

.table-border-div table tr:last-child td:last-child {
    border-radius: 0 0 0 15px;
}

.table-border-div table tr:last-child td, .table-border-div table tr:last-child th {
    border-bottom: none
}

.table-border-div table th {
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 7px 7px 5px;
    text-align: center;
    background: #fcfcfc;
}

.table-border-div table td {
    border: 1px solid #d9d9d9;
    border-right: none;
    background: #fcfcfc;
    padding: 5px 7px;
}

.table-border-div table td.label-td {
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    border-left: none;
    min-width: 40%;
    font-family: 'AlHurraTxtBold', sans-serif;
    font-size: 1.1rem;

}

.table-border-div table tr.product-green-row {
}

.table-border-div table tr.product-green-row th {
    color: #dcffba
}

.table-border-div table tr.product-green-row td {
    background: #dcffba
}

.table-border-div table tr.product-green-row th .icon {
    color: #058d05
}

.table-border-div table.products-inputs-table td.input-td {
    text-align: left;
    font-family: Lato, sans-serif !important;
}

.div-flex {
    display: flex;
    display: -ms-flexbox;
    float: left;
    vertical-align: middle;
}

.table-border-div table.products-inputs-table td.input-td .form-radio-input {
    margin: 0 0 0 5px;
}

.table-border-div table.products-inputs-table td.input-td .form-radio-label {
    margin: 0;
    display: inline-block;
    color: #989898;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}

.radio-d {
    display: inline-block;
    width: 40px;
    min-width: 40px;
    margin-left: 7px;
}

.form-radio-check {
    text-align: right;
}

.table-border-div table.products-inputs-table td.input-td .form-group {
    margin: 0;
    vertical-align: baseline;
    font-family: 'Lato', 'DroidArabicKufi', sans-serif !important;
    display: inline-block;

}

.table-border-div table.products-inputs-table td.input-td .form-control {
    border-radius: 5px;
    height: 35px;
    border: 1px solid #b4b4b4;
    font-size: 1.3rem;
    width: 145px;
    font-family: 'Lato', 'DroidArabicKufi', sans-serif !important;
    font-weight: bold;
    -moz-appearance: textfield;
    appearance: textfield;
}


.table-border-div table tr.product-green-row td.input-td .form-control {
    /* border: none;
     background: none;*/
    color: #008b00;
    box-shadow: none;
}

.table-border-div table tr.product-pink-row td.input-td .form-control {
    border: none;
    background: none;
    color: #dc9052;
    box-shadow: none;
    font-style: italic;
    font-size: 1.3rem;
    font-weight: bold;
}


.table-border-div table tr.product-pink-row td {
    background: #ffe2ca
}

.table-border-div table tr.product-pink-row th .icon {
    color: #dc9052
}

.table-border-div table.products-inputs-table th .icon {
    color: #000;
    font-size: 2rem;
    text-align: center
}

.table-border-div table.products-inputs-table th .icon {
    color: #000;
    font-size: 2rem;
    text-align: center
}

.table-border-div table.products-inputs-table .main-product-name th .icon {
    color: #fff;
    font-size: 2.5rem;
    text-align: center
}

.table-border-div table.products-inputs-table .main-product-name th {
    background: #e30024
}

.table-border-div table.products-inputs-table .main-product-name td {
    font-size: 1.5rem;
}

.table-border-div table.products-inputs-table.Petrol .main-product-name th {
    background: #e30024;
    border-color: #e30024
}

.table-border-div table.products-inputs-table.Petrol .main-product-name td {
    color: #e30024;
    border-color: #e30024
}

.table-border-div table.products-inputs-table.Petrol .main-product-name th .icon-Petrol:before {
    content: "\ebb1" !important;
}

.table-border-div table.products-inputs-table.Gasoline_enhancer .main-product-name th {
    background: rgb(189, 26, 168);
    border-color: #bd1aa8
}

.table-border-div table.products-inputs-table.Gasoline_enhancer .main-product-name td {
    color: #bd1aa8;
    border-color: #bd1aa8
}

.table-border-div table.products-inputs-table.Gasoline_enhancer .main-product-name th .icon:before {
    content: "\ebb1" !important;
}

.table-border-div table.products-inputs-table.Oil .main-product-name th {
    background: #ec7e25;
    border-color: #ec7e25;
}

.table-border-div table.products-inputs-table.Oil .main-product-name td {
    border-color: #ec7e25;
    color: #ec7e25;
}

.table-border-div table.products-inputs-table.Oil .main-product-name th .icon:before {
    content: "\ebad" !important;
}


.table-border-div table.products-inputs-table.White_oil .main-product-name th {
    background: #2671c8;
    border-color: #2671c8;
}

.table-border-div table.products-inputs-table.White_oil .main-product-name td {
    border-color: #2671c8;
    color: #2671c8;
}

.table-border-div table.products-inputs-table.White_oil .main-product-name th .icon-White_oil:before {
    content: "\ebb2" !important;
}

.table-border-div table.products-inputs-table.Gas_oil .main-product-name th {


    background: #ffc500;
    color: #fff;
    border-color: #ffc500
}

.table-border-div table.products-inputs-table.Gas_oil .main-product-name td {


    color: #ffc500;
    border-color: #ffc500
}

.table-border-div table.products-inputs-table.Gas_oil .main-product-name th .icon:before {
    content: "\eb45" !important;
}

.table-border-div table.products-inputs-table.Diesel .main-product-name th {
    background: #44c826;
    border-color: #44c826;
}

.table-border-div table.products-inputs-table.Diesel .main-product-name td {
    border-color: #44c826;
    color: #44c826;
}

.table-border-div table.products-inputs-table.Vehicle_gas .main-product-name th {
    background: #1ec5c5;
    border-color: #1ec5c5;
}

.table-border-div table.products-inputs-table.Vehicle_gas .main-product-name td {
    border-color: #1ec5c5;
    color: #1ec5c5;
}

.table-border-div table.products-inputs-table.Agriculture_gas .main-product-name th {
    background: #1ebea1;
    border-color: #1ebea1;
}

.table-border-div table.products-inputs-table.Agriculture_gas .main-product-name td {
    border-color: #1ebea1;
    color: #1ebea1;
}

.table-border-div table.products-inputs-table.Vehicle_gas .main-product-name th .icon:before {
    content: "\ebb1" !important;
}

.table-border-div table.products-inputs-table.Agriculture_gas .main-product-name th .icon:before {
    content: "\eb3b" !important;
}

.table-border-div table.products-inputs-table.Diesel .main-product-name th .icon:before {
    content: "\eba7" !important;
}

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


/*-------------quota-order-----------------------------------------------------*/


.radio-check-items {
    text-align: center;
}

.radio-check-items label {
    text-align: center;
    font-size: 0.9rem;
}

.seprator-col {
    text-align: center;
    margin: 8px auto;
    height: 1px;
    background: url("../images/border-bottom.png") repeat-x top right;
    width: 93%;
    clear: both;
    /*border-block-style: dashed;
    border-block-color: #c7e9d1;*/
}

.check-box-input {
    display: flex;
    float: right;
    padding: 0 5px;
}

.check-box-input label {
    white-space: nowrap;
    font-size: 0.9rem;
}

.check-box-input input[type="text"] {
    max-width: 100px;
    min-width: 75px !important;
}


.qouta-order-table th {
    background-color: #0060df;
    color: #fff;
    font-size: 12px;
    padding: 10px 8px;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    font-weight: bold;
}

.qouta-order-table th.mahate-name-th {
    background: #fff;
    color: #ffa500;
    min-width: 100px;
    font-size: 14px;
}

.order_register.btn-default {
    background: #c9c9c9;
    border: 1px solid #c9c9c9;
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
}

.order_register.success-btn {
    background: #088520;
    border: 1px solid #088520;
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
}

.qouta-order-table th.num-th {
    background: #fff;
    color: #0060df;
    width: 25px;
    font-size: 13px;
}

.qouta-order-table td.num-td {
    font-family: Lato, sans-serif;
    width: 25px;
}

.qouta-order-table .btn-check {
    /*    background: none;
        border: none;*/
    min-width: auto;
    width: auto;
    /* border-radius: 0*/;
    padding: 2px 5px;
    text-align: center;
    color: #fff000;
    font-size: 13px;
}

.qouta-order-table td {
    text-align: center;
    padding: 5px 5px;
    color: #000;
}

.qouta-order-table td.number-td {
    font-family: Lato, sans-serif;
}

.qouta-order-table .public-terminal td {
    /* background: #f5ec6a;*/
    background: #ffd966;
}

.qouta-order-table td a {
    text-decoration: none;
}

.qouta-order-table .effective-terminal td {
    background: #92d050;
}

.qouta-order-table .not-effective-terminal td {
    background: #00b0f0;
}

.qouta-order-table .other-terminal td {
    background: #fff000c4;
}

.qouta-order-table td input, .qouta-order-table td .form-control {
    width: 90px;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    max-width: 90px;
    background: none;
    text-align: center;
    font-family: Lato, sans-serif;
    border: 1px solid #000;
}

.qouta-order-table td select, .qouta-order-table td select.form-control {
    -moz-appearance: checkbox;
    appearance: checkbox;
    -webkit-appearance: checkbox;
    background: none;
    text-align: center;
    font-family: Lato, sans-serif;
}

.qouta-order-table
.sum-table-bottom th {
    background: #14661f;
    color: #fff
}

.qouta-order-table
.sum-table-bottom td {
    background: #14661f;
    color: #fff
}

.footer-bottom-fixed {


}

body.quota-body .main-body {
    padding-bottom: 180px;
}

.footer-container {
    background: #fff;
    border: 2px solid #888888;
    padding: 5px 15px 0;
    border-radius: 15px;
}

.qouta-order-div { /*position:relative;min-height: 100vh*/
}

.sum-item {

    color: #000;
    padding: 8px 15px
}

.sum-item {

}

.sum-item table {
    margin: 0 auto;
    border-radius: 7px;
    overflow: hidden;
    border-collapse: separate;
    border: 1px solid #ffd966;
}

.sum-item table th {
    width: 50%;
    padding: 3px 5px;
    vertical-align: baseline;
    font-size: 1rem;
    text-align: center;
    background: #ffd966;
    border-radius: 0 7px 7px 0;
}

.sum-item.green-sum-item table th,
.sum-item .public-terminal table th {
    background: #f5ec6a;
    border-color: #f5ec6a;
}

.sum-item.green-sum-item table th,
.sum-item.effective-terminal table th {

    /*  background: #92d050; */
    background: #92d050;
    border-color: #92d050;
}

.sum-item.blue-sum-item table th,
.sum-item.not-effective-terminal table th {
    background: #00b0f0;
    border-color: #00b0f0;
}

.sum-item.yellow-sum-item table th,
.sum-item.other-terminal table th {
    background: #fff000c4;
    border-color: #fff000c4;
}

.sum-item table td {
    text-align: center;
    padding: 3px 5px;
    vertical-align: baseline;
}

.sum-item table td.icons-td {
    color: #666dff;
    width: 40px;
    font-size: 22px;
    background: #fff
}

.sum-item table td.number-td {
    color: #000;
    font-weight: bold;
    font-size: 1.1rem;
    font-family: Lato, sans-serif;
    background: #fff;
}


.total-sum-item {
    background: #c75252;
    color: #fff;
    padding: 3px 15px;
    margin-top: 5px;
    border-radius: 0 0 15px 15px;
    border-top: 2px solid #888888;
}

.total-sum-item table {
    width: 50%;
    margin: 0 auto;
}

.total-sum-item table th {
    padding: 5px;
    vertical-align: baseline;
    font-size: 1.2rem;
    text-align: center;
    font-weight: bold;
}

.total-sum-item table td {
    text-align: center;
    padding: 5px;
    vertical-align: baseline
}

.total-sum-item table td.icons-td {
    color: #faff66;
    width: 50px;
    font-size: 1.8rem
}

.total-sum-item table td.number-td {
    color: #fff;
    font-weight: bold;
    font-size: 1.7rem;
    /*  font-family: Lato, sans-serif*/
}

@media all and (max-width: 480px) {
    .daily-report-form-design2 .staition-inputs {
        padding: 0;
    }
}

@media all and (max-width: 380px) {
    .table-border-div table.products-inputs-table td.input-td .form-control {
        width: 80px
    }
}

@media all and (max-width: 365px) {
    .table-border-div table.products-inputs-table td.input-td .form-control {
        width: 60px
    }
}

/*---------------------------------------------------------------------------------------------------*/
.quota-order-managment-info {
}

#quota-order-report-print #management-info-table {
    margin-top: 5px
}

#quota-order-report-print #management-info-table thead th {
    font-size: 8.5pt;

    background: #14661f !important;
    color: #fff000 !important
}

#quota-order-report-print #management-info-table thead th.num-th {
    width: 25px;
    max-width: 25px
}

#quota-order-report-print #management-info-table td.num-td {
    width: 25px;
    max-width: 25px;
    font-weight: bold;
}

/*-------------------------------------------------------------------------------------*/

.desktop-view
.qouta-order-table .public-terminal {
    background: #f5ec6a;
}

.desktop-view
.qouta-order-table .effective-terminal {
    background: #92d050;
}

.desktop-view
.qouta-order-table .not-effective-terminal {
    background: #00b0f0;
}

.desktop-view
.qouta-order-table .other-terminal {
    background: #fff000c4;
}


.desktop-view .qouta-order-table .ter-row.bg-unconfirmed td.tanker-cound-input-td .form-control,
.desktop-view .qouta-order-table .ter-row.bg-unconfirmed td.tanker_count_small-input-td .form-control {
    border: 2px solid #b80909;

}

.desktop-view .qouta-order-table .bg-confirmation-green td.tanker-cound-input-td .form-control,
.desktop-view .qouta-order-table .bg-confirmation-green td.tanker_count_small-input-td .form-control {
    border: 2px solid green;
}

.desktop-view .qouta-order-table .quata-row.terminallogic-status td {
    background: #ff0000 !important;
    color: #fff;

}

.desktop-view .qouta-order-table .quata-row.terminallogic-status td .form-control,
.desktop-view .qouta-order-table .quata-row.terminallogic-status td input {
    color: #fff;
    background: red;
    border-color: orange !important

}

/*
.desktop-view .qouta-order-table .quata-row.bg-darkgreen td  {

    background: #346d0d !important;color: #fff;
}

 */
.desktop-view .qouta-order-table .quata-row.bg-darkgreen td .form-control,
.desktop-view .qouta-order-table .quata-row.bg-darkgreen td input {

    color: #fff;
    background: green;
    border-color: green !important
}


/*--------------------gheramat-----------------------------*/
.fine-info-div {
    margin: 10px auto;
    border: 1px solid #ccc;
}

.fine-info-div .accordion-heading {
    padding: 10px 5px;
    margin: 0;
    color: #fff000;
    background: green;
    font-family: 'DroidArabicKufi', sans-serif;

    font-size: 1.2rem;
    font-weight: bold;
    position: relative;
}

.fine-info-div .accordion-heading a {
    color: #fff000;
    text-decoration: none !important;
}

.fine-info-div .accordion-heading a:hover {
    color: #fff000;
    text-decoration: none !important
}

.fine-info-div.FineListOnIllegalTime .accordion-heading {
    background: #80003b
}

.fine-info-div.FineListOnIllegalTime .accordion-heading .sum-fine-s {
    color: #88f59f
}

.fine-info-div.FineList .accordion-heading {
    color: green;
    background: rgba(234, 237, 33, 0.68);
}

.fine-info-div.FineList .accordion-heading .sum-fine-s {
    color: #2ba918
}

.fine-info-div.FineList .accordion-heading a {
    color: #616261;
    text-decoration: none !important
}

.fine-info-div.FineList .accordion-heading a:hover {
    color: #616261;
    text-decoration: none !important
}

.fine-info-detaile {
    border: 1px solid #ccc;
    margin: 10px auto;
    border-radius: 10px;
    width: 98%;
    overflow: hidden;
}

.fine-info-div1 {
    background: #e0e0e0;
}

.FineList .fine-info-detaile {
}

.fine-info-table1 td {
    text-align: center;
    background: #e0e0e0;
    font-size: 1.1rem;
    padding: 7px 10px
}

.fine-info-div2 h4 {

    text-align: center;
    background: #eeecfa;
    font-size: 1rem;
    padding: 7px;
    margin: 0
}

.fine-info-div2 td {
    text-align: center;
    background: #fff;
    font-size: 0.9rem;
    padding: 5px 7px
}

.fine-info-div3 td {
    text-align: center;

    font-size: 0.9rem;
    padding: 5px 7px
}

.fine-info-table1 {
    margin: 0 auto;

    width: 100%;
}

.fine-info-table1 strong {
    color: #2d62ed
}

.fine-info-table1 strong.commandID {
    color: #bb740a
}

.fine-info-div2 strong {
    color: #2d62ed
}

.fine-info-div2 strong.commandID {
    color: #bb740a
}

.description-d {
    width: 100%;
    text-align: right;
    border-bottom: 3px dotted #e0e0e0;
    padding-bottom: 8px;
    margin-bottom: 1px;
    display: inline-block;
}

.description-t tr:last-child .description-d {
    border-bottom: none
}

.fine-info-div2-descript {
    border-top: 1px solid #ccc
}

.description-t {
    width: 100%;
    text-align: right;
}

.description-d strong {
    color: #616261;
    font-size: 0.75rem;
}

.fine-info-div .accordion-toggle[aria-expanded="true"]:after {
    /* content: "\ea43";*/
    content: "\eebc";
    font-family: 'icomoon' !important;
    color: #ecbb71;
    vertical-align: baseline;
    position: absolute;
    left: 16px;
    top: 33%;
}

.fine-info-div .accordion-toggle[aria-expanded="false"]:after {
    /* content: "\ea41";*/
    font-family: 'icomoon' !important;

    content: "\eeb9";
    color: #ecbb71;
    vertical-align: baseline;
    position: absolute;
    left: 16px;
    top: 33%;
}


.btn-detaile[aria-expanded="true"]:after {

    content: "\ea41";
    /*  content: "\eebc";*/
    font-family: 'icomoon' !important;
    color: #fff;
    vertical-align: baseline;

}

.btn-detaile[aria-expanded="false"]:after {

    font-family: 'icomoon' !important;
    content: "\ea43";
    /*   content: "\eeb9";*/
    color: #2d62ed;
    vertical-align: baseline;

}

.btn-detaile[aria-expanded="true"] {
    background: #2d62ed;
    color: #fff
}

.fine-popup-table{}
.fine-popup-table tbody tr td,.fine-popup-table  tr td{border:none;/*border-bottom: 1px dotted #ccc;*/}
.fine-popup-table tbody tr:last-child td,.fine-popup-table  tr:last-child td  {border:none}
.fine-popup-table td.checked-td{    position: relative;
    padding: 0 10px 5px 13px;
    vertical-align: top;}
.fine-popup-table td.checked-td .checkbox input[type="checkbox"]  {margin: 0  }
.fine-popup-table td.checked-td .form-group{margin:0;padding:0;text-align:center;vertical-align: top}
  #transcript-div1{border:1px dashed #ccc;border-radius: 10px;padding:10px 15px;margin-top:10px}
.transcript-row-d { }
.transcript-row-d input{font-size:0.85rem;padding: 5px 8px }
.add-btn2{
    background: #de9f2d;
    padding: 5px 10px;
    box-shadow: none;
    border: 1px solid #dfa131;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
      display:inline-block;
    border-radius: 10px;
    font-size: 1.1rem; margin-top:4px;
   min-width: auto;margin-right:5px}
.add-btn2:hover{ background: #8d600d;  color: #fff;text-decoration: none}
.transcript-row-d .btn-delete {padding-top: 10px;color:#ff0000;font-size: 1.2rem;display: inline-block }
.th-check-btn{max-width: 80px;width: 77px;}
.td-check-btn{max-width: 80px;}


.info-list-div .transcript-table-d  table .filters .form-control {
    max-width: 210px;
    font-size: 0.9rem;
    min-width: auto;  }