/*
@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: 'AlHurraTxtBold';
    src: url('../fonts/AlHurraTxtBold/AlHurraTxtBold.ttf');
    src: url('../fonts/AlHurraTxtBold/AlHurraTxtBold.eot');
    src: url('../fonts/AlHurraTxtBold/AlHurraTxtBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AlHurraTxtBold/AlHurraTxtBold.woff2') format('woff2'),
    url('../fonts/AlHurraTxtBold/AlHurraTxtBold.woff') format('woff'),
    url('../fonts/AlHurraTxtBold/AlHurraTxtBold.ttf') format('truetype'),
    url('../fonts/AlHurraTxtBold/AlHurraTxtBold.svg#AlHurraTxtBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*@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: 15px 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
}

.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;
}


.btn {
    /*  color: #000;*/
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 1rem;
    padding: 4px 12px;
    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 rgba(236, 187, 113, 0.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;
    font-weight: normal;
    margin-right: 38px;
    border-radius: 10px;
    font-size: 1.1rem;
    font-family: 'DroidArabicKufi' !important; cursor: pointer;
}

.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;
    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-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: 1.1rem;
    /*color: #c5c5c5;*/
    display: inline-block;
    padding: 3px 5px;
    color: #000;
}

.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 {
    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: 20px 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 {
    -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;
}


.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: 15px auto
}

#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
}

.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
}

.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;
}

.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;
}

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

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

    line-height: 1.5;
    padding-right: 60px;
    color: #3366cc;
    min-height: 74px;  padding-top:22px;white-space: nowrap;
}

#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
}

#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.08rem;

}

.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: flex
}

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

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

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

.create-form-inner .form-control {
    display: inline-block;
    min-width: calc(100% - (145px));
    background-color: #f4f4f4
}

.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
}

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

.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
}


.bg-blue2 .card-title {
    color: #fff;
  /*  font-family: 'Oswald', 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.3rem;;
    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
}

.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
}

.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 0;
    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;
}

.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
}

.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 .DailyReport-btn {
    color: #ff4500
}

.action-btn .DailyReport-btn:hover {
    color: orange
}

.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.6rem;
    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 {
    font-size: 1.6rem;
    /*color: #b7297e;*/
    color: #1e3c93;
    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;*/
    color: #3e39e3;
    text-decoration: none;
}

.info-list-div table td .edit-btn {
    color: #5dbdff
}

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

.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: #ff1c19;
    font-size: 1.4rem;
}

.info-list-div table td .btn.delete-btn {
    /* color: #ff1c19;*/
    /*color: #343a40;*/
    color: #ff1c19;
    font-size: 1.4rem;
}

.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;
}

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

}

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

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

.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 {
    max-width: 210px;
    font-size: 0.9rem;
    min-width: 140px
}


/*------------------------------*/
.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 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;
}

.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: 2.5;
    font-size: 14px
}

.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;
}

#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
}


/*.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 {
    background: #1fa44b;
    border: 1px solid #1fa44b;
    color: #fff;
    border-radius: 5px;
    text-align: center
}

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

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

.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.25rem;

    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;
}

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


/*.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
}

.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;;
    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
}

.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%
}

#sum-table-box {
    border-radius: 13px;
    overflow: hidden;
    border: 1px solid #14661f;;
}

.sum-table {
    width: 100%;
    border-radius: 13px;
    overflow-x: auto;
    background: #fff;
}

.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;
}

.sum-table thead th.Petrol {
    background: #ff0000;
}

.sum-table thead th.White_oil {
    background: #ffbf00;
}

.sum-table thead th.Gas_oil {
    background: #3366cc;
}

.sum-table thead th.Oil {
    background: #4cd2e4;
}

.sum-table thead td {
    text-align: center;
    background: #e7e7e7;
    font-size: 1rem;
    border-left: 1px solid #14661f;
    border-bottom: 1px solid #14661f;
    color: #14661f;
    padding: 5px 3px;
    font-weight: bold;
    width: 8%;
}

.mobile-table-footer .sum-table thead td {
    text-align: center;
    background: #e7e7e7;
    font-size: 0.85rem;
    border-left: 1px solid #14661f;
    border-bottom: 1px solid #14661f;
    color: #14661f;
    padding: 5px;
    font-weight: bold;
    width: auto;
}

.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
}

.sum-table tbody td {
    text-align: center;
    border: 1px solid #14661f;
    padding: 5px 3px;
    background: #ffffff;
    font-weight: bold;
    font-size: 1.3rem;
    width: 8%;
    max-width: 100px;
}

.sum-table tbody td.td-Petrol {
    background: rgba(255, 0, 0, 0.3);
}

.sum-table tbody td.td-White_oil {
    background: rgba(51, 102, 204, 0.3);

}

.sum-table tbody td.td-Gas_oil {
    background: rgba(255, 191, 0, 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 tbody tr:last-child td.td-Petrol {

    background: #ff0000;;
    border-left: 1px solid #efefef;
    color: #fff;
}

#sum-table tbody tr:last-child td.td-White_oil {

    background: #3366cc;

    color: #fff;
}

#sum-table tbody tr:last-child td.td-Gas_oil {

    background: #ffda27;

    color: #000;
}

#sum-table tbody tr:last-child td.td-Oil {

    background: #ec7e25;

    color: #000;
}

.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
}

.mobile-table-footer .sum-table {
    margin: 0 auto 12px
}

.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.totoal-sum-table tbody tr 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 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: 1rem;
    padding: 5px 2px;
}

.mobile-table-footer .sum-table thead td {
    padding: 3px 2px;
}

.mobile-table-footer .sum-table thead th {
    padding: 3px 2px;
    font-size: 0.9rem;
}

.mobile-table-footer .sum-table .sum-name {
    padding: 5px 2px
}

.mobile-table-footer .sum-table tbody th {
    text-align: center;
    background: #e7e7e7;
    font-size: 1rem;
    border-left: 1px solid #14661f;
    border-bottom: 1px solid #14661f;
    color: #14661f;
    padding: 5px 3px;
    font-weight: bold;
    width: 5%;
}

/***************************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.pay-not-fine td, #site-list-item tr.pay-not-fine {
    background-color: #f40707 !important;
}

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


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

#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
}


#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
}

.site-index .action-btn .btn i {
    font-size: 1.3rem;
    padding-left: 2px
}

.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.items-list table tr td {
    text-align: center;
    font-size: 0.85rem  ;background: rgba(247, 247, 247, 0.5)
}

#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
}


/*------------------------*/
.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 25px 12px 20px;
}

.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 ; */   text-align: right;
}

.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 li {
    display: inline-block;
    list-style: none
}

.fine-report-btn-icon ul {
    text-align: right;
    padding: 0;
    margin: 0;
}

.fine-report-btn-icon {
    border-left: 1px solid #ccc;
    text-align: center;
}

.fine-report-btn-icon a {
    font-family: 'DroidArabicKufi', sans-serif !important;
    font-size: 0.95rem;
    font-weight: normal;
    margin: 1px 3px 13px;
    display: inline-block;
    min-width: auto;
}

.fine-report-btn-icon a:before {
    font-family: 'icomoon' !important;
    width: 25px;
    font-size: 25px;
    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: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;
}

.fine-report-btn-icon .btn-report5:before {
    color: #289e17;
}

.fine-report-btn-icon .btn-report5:hover,
.fine-report-btn-icon .btn-report5:focus {

    color: #289e17;
}

.fine-report-btn-icon .btn-report6:before {
    color: #ff3d51;
}

.fine-report-btn-icon .btn-report6:hover,
.fine-report-btn-icon .btn-report6:focus {

    color: #ff3d51;
}

.register-btn-blue .btn, .register-btn-blue a {
    color: #1a9cb3;
    font-size: 1.2rem;
    margin: 0 auto;padding:4px 6px

}

.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
}

.btn-orange, .register-btn-blue .btn-orange {
    color: darkorange
}

.btn-orange:before, .register-btn-blue .btn-orange:before {
    color: darkorange
}

.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
}

.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 {
    text-align: center;
    color: #000;
    background: #eeeeee !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;}
  .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: 0 20px 3px;
    display: list-item;
    float: right;
    margin: 10px 35px;

}

/*-------------------------------------------------------------*/
.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-div table tr.tr-thead1 th.name-product0 {
    text-align: center;
    color: #fff;
    background: #ff0000;
}

.info-list-div table tr.tr-thead1 th.name-product1 {
    text-align: center;
    color: #fff;
    background: #3366cc;
}

.info-list-div table tr.tr-thead1 th.name-product2 {
    text-align: center;
    color: #000;
    background: #ffda27;
}

.info-list-div table tr.tr-thead1 th.name-product3 {
    text-align: center;
    color: #fff;
    background: #ec7e25;
}

.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.85rem;
    border-left: 1px solid #14661f;
    border-bottom: 1px solid #14661f;
    color: #fff000;
    background: #039a7e;
}

.summary table th {
    padding: 3px 5px
}

#penalty-box .summary {
    padding: 10px 10px 5px
}

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

.fine-index .td-action-btns a {
    color: #23b736;
    font-size: 16px
}

.gray-list-info table select.form-control, .gray-list-info table .form-control {

    font-size: 0.9rem;
    min-width: 140px
}

.fine-index .gray-list-info table tr td {
    font-weight: normal;
    padding: 5px
}

.fine-index .gray-list-info table tr td:first-child {
    min-width: 30px
}

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

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: 10px;
}

.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: 15px;
    top: 10px;
}

.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: 26px;
}


.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
}


.info-list-div .td-action .black-btn, .td-action .black-btn, .black-btn {
    color: #080808
}

.info-list-div .td-action .black-btn:hover, .td-action .black-btn:hover, .td-action .black-btn:focus, .black-btn:hover, .black-btn:focus {
    color: #000
}

.info-list-div .td-action .blue-btn, .td-action .blue-btn, .blue-btn {
    color: #2d62ed;
}

.info-list-div .td-action .blue-btn:hover, .td-action .blue-btn:hover, .td-action .blue-btn:focus, .blue-btn:hover, .blue-btn:focus {
    color: #244ebc;
}


.info-list-div .td-action .blue-btn.register_driver_tanker.fa-check-circle,
.td-action .blue-btn.register_driver_tanker.fa-check-circle,
.blue-btn.register_driver_tanker.fa-check-circle {
    color: #269310;
}

/*-----------------------------------------dailyreport-fine--------------------------------------*/
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: 2px;
    display: 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: 15px;
    top: 10px;
}

.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: 26px;
}


.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
}


.info-list-div .td-action .black-btn, .td-action .black-btn, .black-btn {
    color: #080808
}

.info-list-div .td-action .black-btn:hover, .td-action .black-btn:hover, .td-action .black-btn:focus, .black-btn:hover, .black-btn:focus {
    color: #000
}

.info-list-div .td-action .blue-btn, .td-action .blue-btn, .blue-btn {
    color: #2d62ed;
}

.info-list-div .td-action .blue-btn:hover, .td-action .blue-btn:hover, .td-action .blue-btn:focus, .blue-btn:hover, .blue-btn:focus {
    color: #244ebc;
}


.info-list-div .td-action .blue-btn.register_driver_tanker.fa-check-circle,
.td-action .blue-btn.register_driver_tanker.fa-check-circle,
.blue-btn.register_driver_tanker.fa-check-circle {
    color: #269310;
}


.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:5px 7px;
    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
}

.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;     min-width: 37px;
}
 

.table-border-div table.products-inputs-table td.input-td .form-group {
    margin: 0;
    vertical-align: baseline;

    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, sans-serif;
    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: #ffc500;
    color: #fff;
    border-color: #ffc500
}

.table-border-div table.products-inputs-table.White_oil .main-product-name td {
    color: #ffc500;
    border-color: #ffc500
}

.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: #2671c8;
    border-color: #2671c8
}

.table-border-div table.products-inputs-table.Gas_oil .main-product-name td {
    border-color: #2671c8;
    color: #2671c8
}

.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.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;
}

.alarm-cars-info-count{}
.alarm-cars-info-count div{display: inline-block;margin: 2px 3px;}
.alarm-cars-info-count .cars-count{color: #000 ;font-family: "Lato",'DroidArabicKufi', Arial, sans-serif;

    font-size:1.4rem   ;
}
.alarm-cars-info-count span.icon-s {color:#1675d2 ;font-size:1.3rem;padding:0  5px 0 3px;}
.alarm-cars-info-count span  i{display:none;}
.alarm-cars-info-count span.cars-product-name{color:#ffeb00;font-weight: bold;font-family: "Lato",'DroidArabicKufi', Arial, sans-serif;

    font-size:1.1rem   ; }



/*-----------------------------*/
/*---------------------order-status-new-design  -----------------------------------------------*/
.timeline.order-status-new-design {
}

.timeline.order-status-new-design .Machine-div {
    margin-right: 0
}

.timeline.order-status-new-design > div > .timeline-item {
    margin-right: 0;
    margin-left: 0
}

.timeline.order-status-new-design > div > .timeline-item .timeline-body {
    padding: 3px 15px 0;
}

.calculator-div {
    padding: 8px 0 2px;
    background: #ede8e8;
    border: 2px dashed #ccc;
    border-radius: 5px;
    margin: 20px -15px 0;
    vertical-align: top;

}

.calculator-div.total-calc-div {
    padding: 8px 10px 2px;

}

.calculator-inner {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.checkbox-d {
    display: inline-block;
    width: 40px;
    border-left: 1px solid #ccc;
    padding-left: 8px;
    padding-top: 5px;
    position: relative;
}

.calculator-div.total-calc-div .checkbox-d {
    padding-left: 3px;
}

.checkbox-d .checkbox-control {
}

/*.calc-div-2 {
    display: inline-block;
    width: calc(100% - (55px));
    margin-right: 5px;
}*/
.calc-div-1 {
    display: inline-block;
    width: 100%;
    /*    width: calc(100% - (55px));*/
    margin-right: 5px;
}

.calc-div-1 .col {
    padding-right: 5px;
    padding-left: 5px
}

.calculator-div .control-label, .timeline.order-status-new-design .Machine-div .timeline-body .calculator-div .control-label {
    width: 90px;
    display: inline-block;
    white-space: nowrap;
    padding-left: 7px;
    text-align: left;
    min-width: 55px;
}

.timeline.order-status-new-design .Machine-div .timeline-body .calculator-div .Operation-No .control-label {
    width: 55px !important;
    display: inline-block;
    white-space: nowrap;
    padding-left: 7px;
    text-align: left;
}

.timeline.order-status-new-design .Machine-div .timeline-body .calculator-div input,
.calculator-div input,
.calculator-div.total-calc-div input,
.calculator-div input.form-control,
.calculator-div select.form-control, .calculator-div div.form-control, .timeline.order-status-new-design .Machine-div .timeline-body .calculator-div .form-control {
    width: calc(100% - (90px)) !important;
    display: inline-block;
    text-align: center;
    max-width: calc(100% - (95px)) !important;;
    min-width: 60px;
    white-space: nowrap;
}

.timeline.order-status-new-design .Machine-div .timeline-body .calculator-div .Operation-No .form-control {
    width: calc(100% - (60px)) !important;

    max-width: calc(100% - (60px)) !important;;
    min-width: 60px;
}

.timeline.order-status-new-design .Machine-div .timeline-body .calculator-div textarea,
.calculator-div textarea, .calculator-div textarea.form-control, .calculator-div.total-calc-div textarea,
.calc-div-1 textarea.form-control {
    width: calc(100% - (91px)) !important;
    display: inline-block;
    text-align: center;;
    min-height: 30px;
    max-width: unset;
    font-size: 0.85rem;
    float: left;
    line-height: 1.3;
    padding: 3px 5px;
}

.btns-group-center {
    text-align: center
}

.calculator-div .btn-pay {
    margin-top: 7px;
    min-width: auto
}

.calculator-div.total-calc-div .btn-pay {
    margin-top: 0;
    min-width: auto
}

.btn-pay, a.btn-pay {
    padding: 2px 10px;
    margin-top: 5px;
    border-radius: 5px;
    background: rgba(186, 192, 195, 0.5);
    font-size: 14px;
    border: 2px solid #3b51d1;
    color: #3b51d1;
    min-width: auto;
}

.timeline.order-status-new-design .timeline-body .row {
    width: 100%;
    margin: 0
}

.btn-pay:hover, a.btn-pay:hover {
    background: #3b51d1;
    color: #fff;
    border: 1px dashed #3b51d1;
}

.calc-div-1 .form-group {
    display: table;
    margin: 5px auto;
    padding: 0;
}

.calc-div-1 .form-group1 {
    display: block;
    margin: 5px auto;
    padding: 0;
}

.total-calc-div {
    background: #dbf4e8;
    margin-bottom: -15px;
}

.total-calc-div .calculator-inner {
}

.total-calc-div h3 {
    border-bottom: 1px solid #ccc;
    padding: 0 10px 10px;
    margin-top: 0;
    font-size: 1.25rem;
}

.timeline.order-status-new-design .Machine-div .calculator-div .btns-group {
    margin-top: 0
}

.Machine-div {
    overflow-x: hidden
}

.fine-info-with-payment {
}

.fine-info-with-payment .card-footer {
    padding: 0
}

.payment-info-table th {
    text-align: center;
    background: #71e0dd;
    font-size: 0.9rem;
    padding: 4px 1px;
    vertical-align: middle;white-space: nowrap;
}

.payment-info-table td {
    text-align: center;
    background: #71e0dd;
    font-size: 1rem;
    padding: 4px 4px;
    vertical-align: middle;
}
.payment-info-table th.sum-bank-th{width: 50px}

.payment-d #accordionPay .accordion-toggle[aria-expanded="true"]:after {
    /* content: "\ea43";*/
    content: "\eebc";
    font-family: 'icomoon' !important;
    color: #ecbb71;
    vertical-align: baseline;
    position: absolute;
    left: 15px;
    top: 10px;
}

.payment-d #accordionPay .accordion-toggle[aria-expanded="false"]:after {
    /* content: "\ea41";*/
    font-family: 'icomoon' !important;

    content: "\eeb9";
    color: #ecbb71;
    vertical-align: baseline;
    position: absolute;
    left: 15px;
}


.payment-info-sum {
    position: relative;
    background: #71e0dd;
    /* padding-left: 115px;*/
}


.payment-info-sum .receipt-button {
    /* position: absolute;
      left: 0;
      top: 0;*/
    height: 100%;
    align-items: center;
    /* display: flex;*/
    padding-top: 22px;padding-bottom: 15px;
}

.payment-info-sum .receipt-button button {
    background: #c14e8f url("../images/industrial-bank-of-iraq.png") no-repeat 97% center;
    background-size: 30px;
    margin-top: 0;
    color: #fff;
    padding: 2px 35px 2px 7px;
    margin-left: 10px;
    font-size: 1rem;
    border: 2px solid #c13380;

    width:100px;
    white-space: normal;
}

.payment-info-sum .receipt-button button:hover {
    background-color: #c13380;;
    font-size: 1rem;
    border: 2px solid #c13380; box-shadow: 0 0 0 .2rem rgba(193, 51, 128, 0.39);
}

.receipt-description textarea.form-control {
    min-height: 30px;
    display: block;
    line-height: 1.2;
}

.payment-info-table th.sum-fine-th {
    text-align: right;
    padding-left: 0;
    width: 68px
}

.payment-info-table .sum-fine-td {
    display: flex;
    padding-top: 13px
}

.payment-info-table .sum-fine-td strong {
    color: #2d62ed;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: right;
    padding: 0 5px;
}

.payment-info-table .sum-bank-th img {
    width: 40px;
}

.receipt-description .btn-pay, .receipt-description a.btn-pay {
    margin-top: 0
}

.fine-info-with-payment .unconfirmed {
    color: #aba8a8
}

.timeline.order-status-new-design {
    margin: 0
}

.receipt-button img {
    display: block;
    margin: 10px auto;
    max-width: 100%;
    width: 30px
}

.copy-btn {
    border: none;
    background: none;
    color: #08a026;
    font-size: 1.4rem;
}

.copy-btn:hover {
    border: none;
    background: none;
    color: #00A000
}.payment-info-table td.checkbox-fine  {
     width: 45px;
 }.payment-info-table td.checkbox-fuel  {
      width: 45px;
  }

@media (max-width: 980px) {
    /*  .calc-div-1 .form-group {
          display: unset;

      }*/
    .calc-div-1 .col {

        padding: 4px 7px;
    }

    .calc-div-1 .btns-group {

        margin: 0 auto;
        padding: 4px 0;
    }
}

@media (max-width: 768px) {
    .checkbox-d .checkbox-control {
        margin-top: 20px;

    }

    .calc-div-1 .form-group {

        margin-right: 0;
    }
    .payment-info-sum .receipt-button{position: relative;padding: 5px 5px 10px;}
    .payment-info-sum .receipt-button button{  padding: 8px 35px 8px 7px;

        width: auto;
    }

}

@media (max-width: 540px) {

    .fine-info-div.FineListOnIllegalTime .accordion-heading .sum-fine-s {
        display: block;
    }


}

@media (max-width: 480px) {
    .calc-div-1 .form-group {
        display: unset;
    }

    .timeline.order-status-new-design .Machine-div .timeline-body .calculator-div .control-label,
    .calculator-div .calculator-div .control-label,
    .calculator-div.total-calc-div .calculator-div .control-label {
        width: 100%;

        text-align: right;
    }

    .calculator-div input,
    .timeline.order-status-new-design .Machine-div .timeline-body .calculator-div input,
    .calculator-div textarea,
    .timeline.order-status-new-design .Machine-div .timeline-body .calculator-div textarea,
    .timeline.order-status-new-design .Machine-div .timeline-body .calculator-div input, .calculator-div input, .calculator-div.total-calc-div input, .calculator-div .form-control, .calculator-div textarea, .calculator-div select.form-control, .calculator-div.total-calc-div textarea {
        width: 100% !important;
        display: inline-block;
        text-align: center;
        max-width: 100% !important;
        float: none;
    }

    .timeline.order-status-new-design .Machine-div .timeline-body .calculator-div input, .calculator-div input, .calculator-div.total-calc-div input, .calculator-div input.form-control, .calculator-div select.form-control, .calculator-div div.form-control, .timeline.order-status-new-design .Machine-div .timeline-body .calculator-div .form-control, .timeline.order-status-new-design .Machine-div .timeline-body .calculator-div .Operation-No .form-control {
        width: 100% !important;
        max-width: 100% !important;
    }

    .calculator-div input[type="radio"], .calculator-div input[type="checkbox"],
    .calculator-div.total-calc-div .calculator-div input[type="radio"], .calculator-div.total-calc-div input[type="checkbox"] {
        width: 33px !important;
    }

    .checkbox-d {
        padding-left: 2px;
    }

    .calculator-div .btn-pay {

        margin-top: 28px;
    }

    .calculator-div.total-calc-div .btn-pay {
        margin-top: 25px;
    }

    .checkbox-d .checkbox-control {
        margin-top: 50px;

    }

    .calculator-div {
        margin: 10px -10px 0;
    }

    .timeline.order-status-new-design .Machine-div .calculator-div .btns-group {
        margin-top: 25px;
    }
    .payment-info-table  tr{

    }

}
@media (min-width: 981px){.payment-info-table .bill-date-td{}}