.btn-primary.red.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog {position:relative;width:auto;margin:10px}
.modal-content {position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:none;border-radius:2px;outline:0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.15);box-shadow:0 2px 10px rgba(0,0,0,.15)}
.modal-body {position:relative;padding:30px;min-height:50px;font-size:14px;font-family:'Segoe UI',Calibri,Optima,Candara,Arial}
button.close {-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0}
.close {float: right;font-size: 21px;font-weight: bold;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2}
.modal-footer {padding: 15px;text-align: right;border-top: 1px solid #e5e5e5}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {display:table;content:" "}
.btn-default {position:relative;top:auto;right:auto;height:28px;width:80px;color: #515151;text-align:right;line-height:normal;cursor: pointer;background:#FFF;padding:0 6px;border:1px solid #FFF;border-radius: 2px 2px;text-decoration:none;background:url('../../Style/img/IconButtonsCancel.png') 6px 5px no-repeat}
.btn-default:hover, .btn-default:focus {outline:0 none;border:1px solid #f2f2f2;background-color:#f2f2f2}
.btn-default:active {box-shadow:inset 0 0 1px rgba(0,0,0,.2),inset 0 1px 3px rgba(0,0,0,.2),0 1px rgba(255,255,255,.2);border:1px solid #f2f2f2;background-color:#f2f2f2}
.btn-default:before {content:"";position:absolute;width:100%;height:1px;bottom:-1px;left:0;background-color:#f16621;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0)}
.btn-default:hover:before {visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
input, button, select, textarea {font-size:14px;font-family:'Segoe UI',Calibri,Optima,Candara,Arial}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer}
button, select {text-transform: none}
button {overflow: visible}
.modal-footer .btn + .btn {margin-bottom:0;margin-left: 5px}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer}
.modal-backdrop.in {background:rgba(0,0,0,0.15)}
.modal-backdrop.fade {background:rgba(0,0,0,0.15)}
.modal-backdrop {position:fixed;top:0;right:0;bottom:0;left:0;z-index:30000;background:#515151}
.modal {position:fixed;top:0;right:0;bottom:0;left:0;z-index:31000;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;}
@media (min-width: 100px) and (max-width: 1023px) {.modal-dialog {top:20px;width:400px;margin:0 auto}}
@media (min-width: 1023px) and (max-width: 1279px) {.modal-dialog {top:80px;width:500px;margin:0 auto}}
@media (min-width: 1280px) and (max-width: 1599px) {.modal-dialog {top:80px;width:600px;margin:0 auto}}
@media (min-width: 1600px) {.modal-dialog {top:80px;width:800px;margin:0 auto}}

.popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20500}
.popup-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20500;background:rgba(0,0,0,0.15);}
.popup-content {
    position: absolute;
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    z-index: 21000;
    background: #FFF;
    border-radius: 8px;
    display: flex;	display: -webkit-box; display: -webkit-flex;    display: -ms-flexbox;
    flex-direction: column; -webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;
    max-height:95vh;
}

.popup-header{width:100%;padding:12px 30px;text-align:left;border-bottom:1px solid #e0e0e0;display:block;font-size:16px;color:#818181;
              position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:auto;min-height:44px;z-index:1;line-height:1.4}
.popup-header .search {height:26px;border:none;border-bottom:1px solid #e0e0e0;width:calc(100% - 60px);padding:2px}
.popup-header .search:focus {border-bottom:1px solid #e0e0e0}
.popup-header .search-clear {top:2px;right:20px}
.popup-header .withSearch-btn:before {left:calc(100% - 30px)}
.popup-body {
    height: 100%;
    padding: 20px 30px;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1 1 300px;
}
.popup-body-fix {height:100%;width:100%;box-sizing:content-box;margin:-20px 0 0 -30px;padding:20px 30px}
.popup-body-loading{position:relative}
.popup-body-loading::before{content:"";width:100%;height:100%;background-color:rgba(255,255,255,.6);z-index:75;position:absolute;left:0;right:0;top:0;bottom:0;}

.popup-content-grey .popup-body {background:#f4f6f8;padding:20px}
.popup-content-not-padding .popup-body {padding:0;overflow:hidden}
.overflow-hidden .popup-content {overflow:hidden}

#conFieldBtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}
    #conFieldBtn:has(.btn + .btns) {
        justify-content: space-between;
    }

.popup-footer {
    width: 100%;
    padding: 12px 30px;
    text-align: right;
    border-top: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    height: 56px;
}
#ppBranchSettings .popup-footer {
    min-height: max-content;
    padding: 12px 25px 12px 10px;
}
#ppFieldRulesSettings .popup-footer {
    justify-content: flex-end;
}

.popup-footer:has(.btn + .btns)  {
    justify-content: space-between;
}
.popup-footer div:has(#btnDeleteList + .btn) {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.popup-btn-close {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    z-index: 2
}
.popup-btn-close:hover{background:#f2f2f2;outline:0 none}
.popup-btn-close:active{box-shadow:inset 0 0 1px rgba(0,0,0,.2),inset 0 1px 3px rgba(0,0,0,.2),0 1px rgba(255,255,255,.2);background-color:#f2f2f2}
.popup-separator{height:1px;width:100%;margin:10px 0;border-top:1px solid #f2f2f2}
.popup-func-btns{margin-top:15px;float:right}
.popup-footer-btn-img24{margin:-7px 15px}
.popup-footer-split-left-text {width:100%;text-align:left;overflow:hidden;white-space:nowrap;margin-top:5px}


/*
.content-page{height:100%;width:100%;display: flex;flex-direction:column}
.body-block{height:100%;overflow:hidden;position:relative;flex:1}
.header-block{height:auto;position:relative}
.footer-block{height:auto;position:relative}

*/

/*NEW BTNs*/
.btns{}
.btns .btn{margin-right:5px}
.btns.m-big .btn{margin-right:15px}
.btns .btn:last-child{margin-right:0px}
.btn{width:auto;background:#FFF;cursor:pointer;border:1px solid #FFF;border-radius:4px;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;display:inline-block;color:#515151;position:relative;white-space:nowrap}
/*.btn:not(.no-hover):hover{background:#f2f2f2;outline:0 none;border:1px solid #f2f2f2}*/
.btn:active{box-shadow:inset 0 0 1px rgba(0,0,0,.2),inset 0 1px 3px rgba(0,0,0,.2),0 1px rgba(255,255,255,.2);border:1px solid #f2f2f2;background-color:#f2f2f2}
.btn-content{display:table;height:100%;}
.btn-img{margin:5px 3px;height:16px;display:table-cell}
.btn-only-img {padding:2px}
svg.btn-img {margin:5px}
.btn-txt {position:relative;font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;display:table-cell;vertical-align:middle;padding:4px;line-height:20px}
#ppFooter .btns {width: max-content; display: flex;}
.btn-primary {color:#fff;text-align:center;background:#f16621;border:1px solid #f16621;border-radius:4px}
.btn-primary:hover, .btn-primary:focus {background:#f27233;outline:0 none;border:1px solid #f27233}
.btn-primary:active {box-shadow:inset 0 0 1px rgba(0,0,0,.2),inset 0 1px 3px rgba(0,0,0,.2),0 1px rgba(255,255,255,.2)}
.btn-primary.green {background:#4eae54;border-color:#4eae54}
.btn-primary.green:hover, .btn-primary.green:focus {background:#57bd5d;border-color:#57bd5d}
.btn-primary.blue {background:#03a9f5;border-color:#03a9f5}
.btn-primary.blue:hover, .btn-primary.blue:focus {background:#4FC3F7;border-color:#4FC3F7}
.btn-primary.purpure {background:#673ab9;border-color:#673ab9}
.btn-primary.purpure:hover, .btn-primary.purpure:focus {background:#7E57C2;border-color:#7E57C2}
.btn-primary.red {background:#f34334;border-color:#f34334}
.btn-primary.red:hover, .btn-primary.red:focus {background:#f13434;border-color:#f13434}
.btn-disable{background:#EEEEEE;border:1px solid #EEEEEE;color:#757575}
.btn-disable.dropdown-block .dropdown-menu-item-selected {color:#757575}
.btn-disable:hover{background:#EEEEEE;border:1px solid #EEEEEE}
.btn-disable:active{box-shadow:none;border:1px solid #EEEEEE;background-color:#EEEEEE}
.btn-tooltip {visibility:hidden;opacity:0;position:absolute;top:calc(100% + 5px);border:1px solid #515151;background:rgba(0,0,0,.9);padding:10px;z-index:10;color:#FFF;border-radius:4px}
.btn:hover .btn-content .btn-tooltip {visibility:visible;opacity:1}
.btn-img.only{padding:3px;margin:3px;border-radius:4px;z-index:2}
.btn-img.only:hover{background:#f2f2f2;transform:scale(1.1)}
.btn-only-img .btn-img {margin:3px}
.btn-table-row{cursor:pointer;border-radius:2px;outline:0 none;padding:3px}
.btn-table-row:hover{background:#f2f2f2}
.btn-filter-apply{width:100%;box-sizing:border-box}
.btn-filter-apply .btn-content {width:100%}
.btn-filter-apply .btn-txt{text-align:center;width:100%}
.btn-check{border:1px solid #ff5722;background-color:#f2f2f2}
.btn.isShow{background:#FFF}
.btn.isShow:hover{background:#f2f2f2}
.btn.isShow .svg-icon-grey {fill:#4dad54!important}

.btn.transparent {background:transparent!important;border-color:transparent!important}
.bg-header{background-color:#fafafa;border-color:#fafafa}
/*END NEW BTNs*/

.popup-next-window, .popup-prev-window {position:absolute;right:-80px;top:0;height:100%;width:80px;cursor:pointer}
.popup-prev-window {left:-80px}
.popup-next-window .svg-icon, .popup-prev-window .svg-icon {top:50%;position:absolute;width:80px;transform:translateY(-50%)}
.popup-next-window .svg-icon .svg-icon-data, .popup-prev-window .svg-icon .svg-icon-data {fill:#d1d1d1;transition:all linear .5s}
.popup-next-window:hover .svg-icon .svg-icon-data, .popup-prev-window:hover .svg-icon .svg-icon-data {fill:#939393;transition:all linear .5s}


.pp-left .popup-content, .pp-right .popup-content {top:0!important;right:0!important;left:auto!important;height:100%!important;max-height:100%!important;border-radius:8px 0 0 8px;margin-right:-100%;transition: all 0.35s; overflow:hidden}
.pp-right .popup-content {border-radius:0 8px 8px 0}
.pp-left .popup-bg, .pp-right .popup-bg{opacity:0;transition: all 0.35s}
.pp-left.show .popup-content, .pp-right.show .popup-content {margin-right:0;transition: all 0.35s}
.pp-left.show .popup-bg, .pp-right.show .popup-bg {opacity:1;transition: all 0.35s}
.pp-left .popup-header, .pp-right .popup-header{height:50px}
.pp-left .popup-btn-close, .pp-right .popup-btn-close {top: 11px;}

.pp-right .popup-content {right:auto!important;left:0!important;margin-right:unset!important;margin-left:-100%}
.pp-right.show .popup-content {margin-left:0;margin-right:unset}

.btn-header{height:36px;margin-top:7px}
.btn-header:hover .svg-icon-grey {fill:#ff5722}

.popup-body .column {overflow:hidden;height:auto;}
.popup-body-no-padding .popup-body {padding:0}
.popup-body-no-padding .popup-body .dropdown-list {padding:0 20px}

.bootbox-body {white-space:break-spaces}

@media (min-width: 100px) and (max-width: 1023px) {.popup-content {width:100%}}
@media (min-width: 1023px) and (max-width: 1279px) {.popup-content {width:800px}}
@media (min-width: 1280px) and (max-width: 1599px) {.popup-content {width:800px}}
@media (min-width: 1600px) {.popup-content {width:900px}}
@media (min-width:0px) and (max-width:499px){
    .mobile-set-fullsize .popup-content{width:100%!important;height:100%!important;max-height:100vh!important;top:0px!important;left:0px!important}
    .popup-body{padding:20px}
    .pp-left .popup-content, .pp-right .popup-content{width:100%!important}

}