.noti-icon .badge {
    right: 0;
}

.pointer{cursor: pointer}

/** NOTIFY */
/** NOTIFY */
#notify{
    border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;color: white;cursor: default;
    font-size: 14px;line-height: 14px;
    padding: 8px 16px 8px 32px;top: -160px;z-index: 99999;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    min-width: 300px;
    max-width: 80vw;
    width: fit-content;
    max-height: fit-content;
}
#notify .msg{border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;position: relative;z-index: 10;}
#notify .bg{border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;height: 100%;left: 0;opacity: 0.9; -moz-opacity: 0.9;position: absolute;top: 0;width: 100%;z-index: 0;}
#notify.success .bg{background-color: #2ac14e;box-shadow: rgba(42, 193, 78, 0.7) 0 0 30px 0;}
#notify.fail .bg{background-color: red;box-shadow: rgba(128, 0, 12, 0.7) 0 0 30px 0;}
#notify i{background-position: center center;background-repeat: no-repeat;background-size: cover;height: 18px;left: 8px;position: absolute;top: 6px;width: 18px;z-index: 10;}
#notify.success i{background-image: url('/cabinet/img/icon_notify_success.png');}
#notify.fail i{background-image: url('/cabinet/img/icon_notify_fail.png');}

/** Элемент SWITCHER 2 */
.switcher {display: inline-block; position: relative; cursor: pointer; padding: 0; margin: 0;height: 16px;width: 32px;}
.switcher input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.switcher span {position: absolute; top: 0;left: 0;height: 100%;width: 100%;background: url('/cabinet/img/switcher.png') center top no-repeat;background-size: 100% 200%;cursor: pointer;}
.switcher input:checked ~ span {background-position: center top;}
.switcher input:not(:checked) ~ span {background-position: center bottom;}

/** таблицы списков */
.listing {margin-bottom: 30px;}
.listing th{text-align: center;}
.listing .operations{text-align: center; vertical-align: middle; width: 70px;}
.listing .operations div{display: block; margin: 0 auto;}
.listing .operations i{cursor: pointer; font-size: 16px; margin: 4px;}
.listing .operations .badge{vertical-align: middle}
.listing .operations .badge i{font-size: 10px; margin: 0 2px;}
.listing .label_status {width: 8px; padding: 0 !important;}
.listing .label_status.status_active,
.listing .label_status.status_success,
.listing .label_status.status_paid,
.listing .label_status.status_accepted,
.listing .label_status.status_confirmed {background-color: #2ac14e !important;}
.listing .label_status.status_hidden,
.listing .label_status.status_blocked,
.listing .label_status.status_fail,
.listing .label_status.status_error,
.listing .label_status.status_rejected {background-color: #df3554 !important;}
.listing .label_status.status_new,
.listing .label_status.status_moderation {background-color: #0000cc !important;}
.listing .sort_handle{width: 30px; padding: 0 !important; vertical-align: middle; text-align: center;}
.listing .sort_handle i{cursor: pointer; font-size: 24px; line-height: 20px;}

/** Плашка LOADING */
#ajaxLoader {
    display: none;
    background: url('../img/loading.gif') center center no-repeat;
    background-size: 80%;
    border-radius: 25px 0 0 25px;
    border-top: 1px solid #bfc8d1;
    border-left: 1px solid #bfc8d1;
    border-bottom: 1px solid #bfc8d1;
    height: 50px;
    position: fixed;
    right: 0;
    top: 70px;
    width: 50px;
    z-index: 9999;
}

/** Фильтр на страницах списков */
.filter_form{font-size: 12px;margin: 0 !important;padding: 0 !important;}
.filter_form .row{margin: 0; padding: 0;}
.filter_form .row>div{margin: 0; padding: 0;}
.filter_form label{margin: 0; padding: 0; display: block;}
.filter_form button{margin: 0; padding: 1px 3px; display: inline-block;}
.filter_form .form-control{height: 22px;margin: 0;padding: 0 2px;width: calc(100% - 5px);}
.filter_form input[type=checkbox]{vertical-align: sub;}
.filter_form .period label{display: inline-block; margin-right: 10px;}
.filter_form .period .erase{color: blue; cursor: pointer; display: inline-block;}
.filter_form .period input{font-size: 1em; text-align: center; width: calc(50% - 5px);}
.filter_form .period input[readonly],
.filter_form .period input[disabled]{background-color: white; cursor: pointer;}
.filter_form .period .min{float: left; margin-right: 5px;}
.filter_form .period .max{float: left;}
.filter_form .amount label{display: inline-block; margin-right: 10px;}
.filter_form .amount .erase{color: blue; cursor: pointer; display: inline-block;}
.filter_form .amount input{font-size: 1em; text-align: center; width: calc(50% - 5px);}
.filter_form .amount input[readonly],
.filter_form .amount input[disabled]{background-color: white; cursor: pointer;}
.filter_form .amount .min{float: left; margin-right: 5px;}
.filter_form .amount .max{float: left;}
.filter_form .range{}
.filter_form .range label{display: block;}
.filter_form .range input{display: inline-block;}
.filter_form .range .min{width: calc(50% - 5px); margin-right: 2px;}
.filter_form .range .max{width: calc(50% - 5px);}

.w-25px{width: 25px;}
.w-50px{width: 50px;}
.w-100px{width: 100px;}
.w-150px{width: 150px;}
.w-250px{width: 250px;}