/* Extins de la min-width:992px la 768px: sub 992px (interval tableta, 768-991px),
   .col-md-* isi pierdea float:left, iar coloanele Bootstrap 5 imbricate fara un
   .row flex-parent propriu (ex. emails.php: col-md-2/col-md-10 in interiorul unui
   col-md-12 fara clasa row) nu se mai asezau side-by-side, ci deveneau cutii mici
   stivuite vertical cu goluri uriase intre ele (raportat 2026-08-21 pe /emails si
   pe taburile de actiuni comanda). */
@media (min-width: 768px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }
}

@media (max-width: 650px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.modal-header {
	display: block !important;
}

.modal-header .btn-close {
    float: right;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

#tot {
	width: 0 !important;
	height: 0 !important;
}

#custom_modal_hover.show, #custom_modal_lg_hover.show {
	z-index: 1060 !important;
}

#tot3 {
	z-index: 1056 !important;
}

.select2-container.select2-container--open {
    z-index: 99999 !important;
}

.login-box {
    width: 400px !important;
    margin: 50px auto !important;
}

.admin-logo {
    margin-top: 50px !important;
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.float-start-phone, .pull-left {
    float: left;
}

.float-end-phone, .pull-right {
    float: right;
}

table.dataTable tbody tr.selected td {
    background-color: #5DA0A1 !important;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}

.label-default {
    background-color: #777
}

.label-default[href]:focus,.label-default[href]:hover {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:focus,.label-primary[href]:hover {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:focus,.label-success[href]:hover {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:focus,.label-info[href]:hover {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:focus,.label-warning[href]:hover {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:focus,.label-danger[href]:hover {
    background-color: #c9302c
}

.btn-task-color {
    color: white !important;
}

.btn-refresh-todos {
    padding-top: 2px !important;
}

.btn-add-comm {
    float: left;
    width: 18% !important;
}

.required-product-field:not(.without-star) input, .required-product-field:not(.without-star) select, .required-product-field:not(.without-star) textarea {
    border: 1px solid red !important;
}

.btn-generate-awb-barcode.custom-position {
    width: 35px !important;
}

.btn-edit-awbs-barcode.custom-position {
    width: 35px !important;
    right: 130px !important;
}

.btn-back-comenzi-pregatire.custom-position {
    right: inherit !important;
    left: 85px !important;
}

.btn-reset-next-process-order.custom-position {
    transform: none !important;
    left: 45px !important;
}

.login-box .input-icon {
    top: 0 !important;
    right: 0 !important;
}

.login-box .icon-reload-captcha {
    top: 0 !important;
    right: 50px !important;
}

.login-box .capcha-code {
    margin-top: 0 !important;
    padding-top: 10px !important;
}

.ul-sidebar-menu {
    height: 95vh !important;
}

.form-group {
    margin-bottom: 10px;
}

.modal-header button.close {
    display: none !important;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 900px;
    }
}

#custom_modal_lg .modal-dialog {
    height: auto !important;
}

.clearfix:before, .clearfix:after {
    display: table !important;
    line-height: 0 !important;
    content: "" !important;
}

.page-content {
    margin: 10px auto !important;
}

.available-credit {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    float: left;
    margin-right: 25px;
}

.available-credit i {
    margin-right: 8px;
}

.available-credit span {
    color: #5da0a1;
}

.upload-credit {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 20px;
}

.upload-credit:before {
    content: "";
    width: 50px;
    height: 3px;
    background-color: #5da0a1;
    position: absolute;
    margin-top: 30px;
    margin-left: 31px;
}

.upload-credit-long:before {
    content: "";
    width: 150px;
    height: 3px;
    background-color: #5da0a1;
    position: absolute;
    margin-top: 30px;
    margin-left: 60px;
}

.input-upload-credit {
    float: left;
    width: 50%;
    margin-right: 10px;
    padding-left: 45px !important;
}

.add-to-account {
    margin-top: 20px;
    position: relative;
}

.input-number-i {
    position: absolute;
    margin-left: 15px;
    font-size: 18px;
    padding-top: 12px;
    left: 0;
    top: 0;
    z-index: 9;
}

.payment-methods {
    margin: 10px;
    border: 1px solid #E6E6E6;
    padding: 20px;
    border-bottom: 3px solid lightgrey;
    border-radius: 3px;
}

.price {
    width: 100%;
    text-align: center;
    font-size: 28px;
    color: #5da0a1;
    font-weight: bold;
    margin-bottom: 10px;
}

.payment-options {
    list-style: none;
}

.payment-options li {
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #FAFAFA;
    color: #444;
    font-size: 15px;
}

.payment-options li.last {
    border-bottom: 0;
}

.payment-options li i {
    margin-right: 8px;
}

.tips {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: grey;
}

.tips i {
    margin-right: 8px;
    color: black;
}

.btn-red {
	padding: 12px 35px 15px 35px;
    border: none;
    background-color: #5da0a1;
    color: white;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.btn-red:hover {
	background-color: #4e8485;
}

.btn-manual {
	float: left;
    padding: 9px 30px 9px 30px;
}

.btn-red-sm {
	padding: 8px 13px 8px 13px;
    border: none;
    background-color: #5da0a1;
    color: white;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.btn-red-sm:hover {
	background-color: #4e8485;
}