:root {

    --font-size:11px;

    --focus-border: 1px solid #66afe9;
    --focus-outline: 0;
    --focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);

    --a-color: #337ab7;
    --a-color-hover: #265b88;

    --http-status-error-bg: #ec8989;

    --background:#eeeeee;
    --text-color:black;


    --radius: 4px;

    --text-danger-color: #a12e1e;
    --text-warning-color: #e2730d;
    --text-success-color: green;

    --autocomplete-selected-bg-color: #fffdc7;
    --autocomplete-selected-text-color: black;

    --sidebar-left-bg: #252525;

    --page-title-font-size: 25px;

    --pagination-current-bg: #444444;
    --pagination-current-color: white;
    --pagination-page-bg: #eeeeee;
    --pagination-page-color: black;

    --sort-position-bg: white;
    --sort-position-bg1: white;
    --sort-position-bg2: white;
    --sort-position-bg3: white;
    --sort-position-bg4: white;
    --sort-position-color: #444444;
    --sort-a-color: rgba(0, 0, 0, 0.8);
    --sort-a-bg: #eeeeee;
    --sort-a-bg-hover: #aaaaaa;
    --sort-a-bg-sorted: #666666;
    --sort-a-color-sorted: white;

    --tab-bg-color:#f5f5f5;
    --tab-nav-color: #555555;

    --table-group-checked-true-bg: rgba(255, 243, 163, 0.56);

    --table-td-bg-color: white;
    --table-th-bg-color: white; /*rgba(128,128,128,0.2);*/
    --table-th-border-color: rgba(128,128,128,0.4);
    --table-border-color: rgba(128,128,128,0.3);
    --table-tr-even-bg: rgba(128,128,128,0.07);
    --table-tr-odd-bg: transparent;
    --table-condensed-padding:3px 10px;
    --table-not-found-bg: rgba(128,128,128,0.1);
    --table-not-found-bg-hover: rgba(128,128,128,0.2);
    --table-not-found-border: 1px solid rgba(128,128,128,0.5);
    --table-tr-hover-background: rgba(234, 220, 55, 0.25);
    /*--table-tr-hover-border: transparent;*/

    --modal-new-bg: #aecebb;
    --modal-new-border-color: #92a9a0;
    --modal-new-body-bg: #ecf1ef;
    --modal-new-tab-pane-bg: white;
    --modal-edit-bg: #d6ecf3;
    --modal-edit-border-color: #acd9ea;
    --modal-edit-body-bg: white;
    --modal-edit-tab-pane-bg: #f0f5f7;

    --modal-auth-header-bg: transparent; /* #eeeeee;*/
    --modal-auth-body-bg: white;
    --modal-auth-footer-bg: #eeeeee;

    --btn-new-bg: #76a592;
    --btn-new-border: 1px solid #158056;
    --btn-new-color: white;
    --btn-new-hover-color: white;

    --btn-edit-bg: #188eb3;
    --btn-edit-border: 1px solid #204d74;
    --btn-edit-color: white;
    --btn-edit-hover-color: white;

    --btn-default-bg: linear-gradient(to bottom,#f5f2f2 0,#f1f1f1 100%);

    --margin-1: 7.5px;
    --margin-2: 15px;
    --margin-3: 22.5px;
    --margin-4: 30px;

    --padding-1: 7.5px;
    --padding-2: 15px;
    --padding-3: 22.5px;
    --padding-4: 30px;
    --padding-5: 37.5px;
    --padding-6: 45px;

    --height-xs: 22px;
    --height-sm: 30px;
    --height-md: 33px;
    --height-lg: 46px;

    --splash-loader-bg:#444444;
    --splash-loader-color1: #ffffff;
    --splash-loader-color2: #0170BF;
    --splash-loader-color3: #35b7ff;

    --navbar-left-active-bg: #0170BF;
    --navbar-left-hover-bg: #5A5A5A;
    --navbar-left-color: #DDDDDD;
    --navbar-left-toggle-bg: #303030;

    --navbar-top-active-bg: #e8f0fe;
    --navbar-top-active-color: #4285f4;
    --navbar-top-toggle-bg: #eeeeee;
    --navbar-top-a-color: #333333;
    --navbar-top-a-font-size: 14px;

    --alert-warning-bg: #f5dfc2;
    --alert-warning-color:black;
    --alert-warning-border: 1px solid #efb669;
    --alert-danger-bg: #fbbeb6;
    --alert-danger-color:black;
    --alert-danger-border: 1px solid #ef7865;
    --alert-success-bg: #a4efb2;
    --alert-success-color:black;
    --alert-success-border: 1px solid #86ef99;
    --alert-info-bg: #efeac9;
    --alert-info-color:black;
    --alert-info-border: 1px solid #efe6b9;


    /*--xs-navbar-top-form-border: 1px solid #605c63;*/
    /*--xs-navbar-top-form-bg: white;*/
    --xs-navbar-top-divider-border-color: transparent;
    --xs-navbar-top-li-border-color: transparent;
    /*--xs-navbar-top-bg: #3e3c40;*/
    --xs-navbar-top-level2-bg: #888888;
    --xs-navbar-top-toggle-color: white;
    --xs-navbar-top-a-bg: #eeeeee; /*linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgb(246, 246, 246) 50%, rgb(240, 240, 240) 51%, rgba(254,254,254,1) 100%);*/

    --navbar-mobile-color: black;
    --navbar-mobile-font-size: 13px;
    --navbar-mobile-active-bg: var(--navbar-top-active-bg);
    --navbar-mobile-active-color: var(--navbar-top-active-color);
    --navbar-mobile-form-bg: white;
    --navbar-mobile-menu-bg: white;
    --navbar-mobile-header-bg: white;
    --navbar-mobile-header-border-bottom: 1px solid #eeeeee;
    --navbar-mobile-toggle-color: black;
    --navbar-mobile-toggle-border-color: #dddddd;
    --navbar-mobile-toggle-border: 1px solid var(--navbar-mobile-toggle-border-color);
    --navbar-mobile-toggle-text-bg: white;
    --navbar-mobile-toggle-font-weight: bold;
    /*--navbar-mobile-form-border:1px solid #605c63;*/

    --font-size-h1: 30px;
    --font-size-h2: 22px;
    --font-size-h3: 21x;
    --font-size-h4: 20px;
    --font-size-h5: 19px;
    --font-size-h6: 18px;

    --hr-color: rgba(128,128,128,0.2);

    --form-input-label-font-size: 10px;
    --form-input-label-font-weight: normal;

    --form-control-disabled-bg: #f5f5f5;
    --form-control-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    --form-control-border: 1px solid #cccccc;
    --form-control-font-size: 12px;
    --form-control-color: #555555;

    --form-group-margin-bottom: 3px;
    --form-group-border-bottom: none; /*1px dashed rgba(128,128,128,0.1);*/

    --form-highlight-success-color: #0eb46a;
    --form-highlight-error-color: #801909;

    --select-btn-border-left: 1px solid rgba(128,128,128,0.2);

    --help-popup-color:rgba(128,128,128,0.2);
    --help-popup-hover-color:rgba(128,128,128,0.5);

    --datetimepicker-font-size: 12px;


}


.w-10p { width: 10%; }
.w-20p { width: 20%; }
.w-25p { width: 25%; }
.w-30p { width: 30%; }
.w-33p { width: 33%; }
.w-40p { width: 40%; }
.w-50p { width: 50%; }
.w-60p { width: 60%; }
.w-66p { width: 66%; }
.w-70p { width: 70%; }
.w-75p { width: 75%; }
.w-80p { width: 80%; }
.w-90p { width: 90%; }
.w-100p { width: 100%; }

.ww-10p { width: 10% !important; }
.ww-20p { width: 20% !important; }
.ww-25p { width: 25% !important; }
.ww-30p { width: 30% !important; }
.ww-33p { width: 33% !important; }
.ww-40p { width: 40% !important; }
.ww-50p { width: 50% !important; }
.ww-60p { width: 60% !important; }
.ww-66p { width: 66% !important; }
.ww-70p { width: 70% !important; }
.ww-75p { width: 75% !important; }
.ww-80p { width: 80% !important; }
.ww-90p { width: 90% !important; }
.ww-100p { width: 100% !important; }

.w-10 { width:10px; }
.w-20 { width:20px; }
.w-30 { width:30px; }
.w-40 { width:40px; }
.w-50 { width:50px; }
.w-60 { width:60px; }
.w-70 { width:70px; }
.w-80 { width:80px; }
.w-90 { width:90px; }
.w-100 { width:100px; }
.w-110 { width:110px; }
.w-120 { width:120px; }
.w-130 { width:130px; }
.w-140 { width:140px; }
.w-150 { width:150px; }
.w-160 { width:160px; }
.w-170 { width:170px; }
.w-180 { width:180px; }
.w-190 { width:190px; }
.w-200 { width:200px; }
.w-210 { width:210px; }
.w-220 { width:220px; }
.w-230 { width:230px; }
.w-240 { width:240px; }
.w-250 { width:250px; }
.w-260 { width:260px; }
.w-270 { width:270px; }
.w-280 { width:280px; }
.w-290 { width:290px; }
.w-300 { width:300px; }

.ww-10 { width:10px !important; }
.ww-20 { width:20px !important; }
.ww-30 { width:30px !important; }
.ww-40 { width:40px !important; }
.ww-50 { width:50px !important; }
.ww-60 { width:60px !important; }
.ww-70 { width:70px !important; }
.ww-80 { width:80px !important; }
.ww-90 { width:90px !important; }
.ww-100 { width:100px !important; }
.ww-110 { width:110px !important; }
.ww-120 { width:120px !important; }
.ww-130 { width:130px !important; }
.ww-140 { width:140px !important; }
.ww-150 { width:150px !important; }
.ww-160 { width:160px !important; }
.ww-170 { width:170px !important; }
.ww-180 { width:180px !important; }
.ww-190 { width:190px !important; }
.ww-200 { width:200px !important; }
.ww-210 { width:210px !important; }
.ww-220 { width:220px !important; }
.ww-230 { width:230px !important; }
.ww-240 { width:240px !important; }
.ww-250 { width:250px !important; }
.ww-260 { width:260px !important; }
.ww-270 { width:270px !important; }
.ww-280 { width:280px !important; }
.ww-290 { width:290px !important; }
.ww-300 { width:300px !important; }

.wmax-10 { max-width:10px; }
.wmax-20 { max-width:20px; }
.wmax-30 { max-width:30px; }
.wmax-40 { max-width:40px; }
.wmax-50 { max-width:50px; }
.wmax-60 { max-width:60px; }
.wmax-70 { max-width:70px; }
.wmax-80 { max-width:80px; }
.wmax-90 { max-width:90px; }
.wmax-100 { max-width:100px; }
.wmax-110 { max-width:110px; }
.wmax-120 { max-width:120px; }
.wmax-130 { max-width:130px; }
.wmax-140 { max-width:140px; }
.wmax-150 { max-width:150px; }
.wmax-160 { max-width:160px; }
.wmax-170 { max-width:170px; }
.wmax-180 { max-width:180px; }
.wmax-190 { max-width:190px; }
.wmax-200 { max-width:200px; }
.wmax-210 { max-width:210px; }
.wmax-220 { max-width:220px; }
.wmax-230 { max-width:230px; }
.wmax-240 { max-width:240px; }
.wmax-250 { max-width:250px; }
.wmax-260 { max-width:260px; }
.wmax-270 { max-width:270px; }
.wmax-280 { max-width:280px; }
.wmax-290 { max-width:290px; }
.wmax-300 { max-width:300px; }

.wwmax-10 { max-width:10px !important; }
.wwmax-20 { max-width:20px !important; }
.wwmax-30 { max-width:30px !important; }
.wwmax-40 { max-width:40px !important; }
.wwmax-50 { max-width:50px !important; }
.wwmax-60 { max-width:60px !important; }
.wwmax-70 { max-width:70px !important; }
.wwmax-80 { max-width:80px !important; }
.wwmax-90 { max-width:90px !important; }
.wwmax-100 { max-width:100px !important; }
.wwmax-110 { max-width:110px !important; }
.wwmax-120 { max-width:120px !important; }
.wwmax-130 { max-width:130px !important; }
.wwmax-140 { max-width:140px !important; }
.wwmax-150 { max-width:150px !important; }
.wwmax-160 { max-width:160px !important; }
.wwmax-170 { max-width:170px !important; }
.wwmax-180 { max-width:180px !important; }
.wwmax-190 { max-width:190px !important; }
.wwmax-200 { max-width:200px !important; }
.wwmax-210 { max-width:210px !important; }
.wwmax-220 { max-width:220px !important; }
.wwmax-230 { max-width:230px !important; }
.wwmax-240 { max-width:240px !important; }
.wwmax-250 { max-width:250px !important; }
.wwmax-260 { max-width:260px !important; }
.wwmax-270 { max-width:270px !important; }
.wwmax-280 { max-width:280px !important; }
.wwmax-290 { max-width:290px !important; }
.wwmax-300 { max-width:300px !important; }

.wmin-10 { min-width:10px; }
.wmin-20 { min-width:20px; }
.wmin-30 { min-width:30px; }
.wmin-40 { min-width:40px; }
.wmin-50 { min-width:50px; }
.wmin-60 { min-width:60px; }
.wmin-70 { min-width:70px; }
.wmin-80 { min-width:80px; }
.wmin-90 { min-width:90px; }
.wmin-100 { min-width:100px; }
.wmin-110 { min-width:110px; }
.wmin-120 { min-width:120px; }
.wmin-130 { min-width:130px; }
.wmin-140 { min-width:140px; }
.wmin-150 { min-width:150px; }
.wmin-160 { min-width:160px; }
.wmin-170 { min-width:170px; }
.wmin-180 { min-width:180px; }
.wmin-190 { min-width:190px; }
.wmin-200 { min-width:200px; }
.wmin-210 { min-width:210px; }
.wmin-220 { min-width:220px; }
.wmin-230 { min-width:230px; }
.wmin-240 { min-width:240px; }
.wmin-250 { min-width:250px; }
.wmin-260 { min-width:260px; }
.wmin-270 { min-width:270px; }
.wmin-280 { min-width:280px; }
.wmin-290 { min-width:290px; }
.wmin-300 { min-width:300px; }

.wwmin-10 { min-width:10px !important; }
.wwmin-20 { min-width:20px !important; }
.wwmin-30 { min-width:30px !important; }
.wwmin-40 { min-width:40px !important; }
.wwmin-50 { min-width:50px !important; }
.wwmin-60 { min-width:60px !important; }
.wwmin-70 { min-width:70px !important; }
.wwmin-80 { min-width:80px !important; }
.wwmin-90 { min-width:90px !important; }
.wwmin-100 { min-width:100px !important; }
.wwmin-110 { min-width:110px !important; }
.wwmin-120 { min-width:120px !important; }
.wwmin-130 { min-width:130px !important; }
.wwmin-140 { min-width:140px !important; }
.wwmin-150 { min-width:150px !important; }
.wwmin-160 { min-width:160px !important; }
.wwmin-170 { min-width:170px !important; }
.wwmin-180 { min-width:180px !important; }
.wwmin-190 { min-width:190px !important; }
.wwmin-200 { min-width:200px !important; }
.wwmin-210 { min-width:210px !important; }
.wwmin-220 { min-width:220px !important; }
.wwmin-230 { min-width:230px !important; }
.wwmin-240 { min-width:240px !important; }
.wwmin-250 { min-width:250px !important; }
.wwmin-260 { min-width:260px !important; }
.wwmin-270 { min-width:270px !important; }
.wwmin-280 { min-width:280px !important; }
.wwmin-290 { min-width:290px !important; }
.wwmin-300 { min-width:300px !important; }

.m-b-0 { margin-bottom:0 }
.m-b-1 { margin-bottom:var(--margin-1) }
.m-b-2 { margin-bottom:var(--margin-2) }
.m-b-3 { margin-bottom:var(--margin-3) }
.m-b-4 { margin-bottom:var(--margin-4) }

.m-t-0 { margin-top:0 }
.m-t-1 { margin-top:var(--margin-1) }
.m-t-2 { margin-top:var(--margin-2) }
.m-t-3 { margin-top:var(--margin-3) }
.m-t-4 { margin-top:var(--margin-4) }

.m-l-0 { margin-left:0 }
.m-l-1 { margin-left:var(--margin-1) }
.m-l-2 { margin-left:var(--margin-2) }
.m-l-3 { margin-left:var(--margin-3) }
.m-l-4 { margin-left:var(--margin-4) }

.m-r-0 { margin-right:0 }
.m-r-1 { margin-right:var(--margin-1) }
.m-r-2 { margin-right:var(--margin-2) }
.m-r-3 { margin-right:var(--margin-3) }
.m-r-4 { margin-right:var(--margin-4) }

.m-lr-0 { margin-left:0; margin-right:0 }
.m-lr-1 { margin-left:var(--margin-1); margin-right:var(--margin-1); }
.m-lr-2 { margin-left:var(--margin-2); margin-right:var(--margin-2); }
.m-lr-3 { margin-left:var(--margin-3); margin-right:var(--margin-3); }
.m-lr-4 { margin-left:var(--margin-4); margin-right:var(--margin-4); }

.m-tb-0 { margin-bottom:0; margin-top:0; }
.m-tb-1 { margin-bottom:var(--margin-1); margin-top:var(--margin-1); }
.m-tb-2 { margin-bottom:var(--margin-2); margin-top:var(--margin-2); }
.m-tb-3 { margin-bottom:var(--margin-3); margin-top:var(--margin-3); }
.m-tb-4 { margin-bottom:var(--margin-4); margin-top:var(--margin-4); }

.m-lr-1-neg { margin-left:calc(-1 * var(--margin-1)); margin-right:calc(-1 * var(--margin-1));  }
.m-lr-2-neg { margin-left:calc(-1 * var(--margin-2)); margin-right:calc(-1 * var(--margin-2));  }
.m-lr-3-neg { margin-left:calc(-1 * var(--margin-3)); margin-right:calc(-1 * var(--margin-3));  }
.m-lr-4-neg { margin-left:calc(-1 * var(--margin-4)); margin-right:calc(-1 * var(--margin-3));  }

.m-all-auto { margin:auto; }

.m-all-0 { margin:0; }
.m-all-1 { margin:var(--margin-1); }
.m-all-2 { margin:var(--margin-2); }
.m-all-3 { margin:var(--margin-3); }
.m-all-4 { margin:var(--margin-4); }

.mm-b-0 { margin-bottom:0 !important }
.mm-b-1 { margin-bottom:var(--margin-1) !important }
.mm-b-2 { margin-bottom:var(--margin-2) !important }
.mm-b-3 { margin-bottom:var(--margin-3) !important }
.mm-b-4 { margin-bottom:var(--margin-4) !important }

.mm-t-0 { margin-top:0 !important }
.mm-t-1 { margin-top:var(--margin-1) !important }
.mm-t-2 { margin-top:var(--margin-2) !important }
.mm-t-3 { margin-top:var(--margin-3) !important }
.mm-t-4 { margin-top:var(--margin-4) !important }

.mm-l-0 { margin-left:0 !important }
.mm-l-1 { margin-left:var(--margin-1) !important }
.mm-l-2 { margin-left:var(--margin-2) !important }
.mm-l-3 { margin-left:var(--margin-3) !important }
.mm-l-4 { margin-left:var(--margin-4) !important }

.mm-r-0 { margin-right:0 !important }
.mm-r-1 { margin-right:var(--margin-1) !important }
.mm-r-2 { margin-right:var(--margin-2) !important }
.mm-r-3 { margin-right:var(--margin-3) !important }
.mm-r-4 { margin-right:var(--margin-4) !important }

.mm-lr-0 { margin-left:0 !important; margin-right:0 !important }
.mm-lr-1 { margin-left:var(--margin-1) !important; margin-right:var(--margin-1) !important; }
.mm-lr-2 { margin-left:var(--margin-2) !important; margin-right:var(--margin-2) !important; }
.mm-lr-3 { margin-left:var(--margin-3) !important; margin-right:var(--margin-3) !important; }
.mm-lr-4 { margin-left:var(--margin-4) !important; margin-right:var(--margin-4) !important; }

.mm-tb-0 { margin-bottom:0 !important; margin-top:0 !important; }
.mm-tb-1 { margin-bottom:var(--margin-1) !important; margin-top:var(--margin-1) !important; }
.mm-tb-2 { margin-bottom:var(--margin-2) !important; margin-top:var(--margin-2) !important; }
.mm-tb-3 { margin-bottom:var(--margin-3) !important; margin-top:var(--margin-3) !important; }
.mm-tb-4 { margin-bottom:var(--margin-4) !important; margin-top:var(--margin-4) !important; }

.mm-all-0 { margin:0 !important; }
.mm-all-1 { margin:var(--margin-1) !important; }
.mm-all-2 { margin:var(--margin-2) !important; }
.mm-all-3 { margin:var(--margin-3) !important; }
.mm-all-4 { margin:var(--margin-4) !important; }


.table>tbody>tr>td  { vertical-align:middle; }
.table>tbody>tr>td.va-middle,
.va-middle { vertical-align:middle; }
.table>tbody>tr>td.va-top,
.va-top { vertical-align:top; }
.table>tbody>tr>td.va-bottom,
.va-bottom { vertical-align:bottom; }

.p-b-0 { padding-bottom:0 }
.p-b-1 { padding-bottom:var(--padding-1) }
.p-b-2 { padding-bottom:var(--padding-2) }
.p-b-3 { padding-bottom:var(--padding-3) }
.p-b-4 { padding-bottom:var(--padding-4) }

.p-t-0 { padding-top:0 }
.p-t-1 { padding-top:var(--padding-1) }
.p-t-2 { padding-top:var(--padding-2) }
.p-t-3 { padding-top:var(--padding-3) }
.p-t-4 { padding-top:var(--padding-4) }

.p-l-0 { padding-left:0 }
.p-l-1 { padding-left:var(--padding-1) }
.p-l-2 { padding-left:var(--padding-2) }
.p-l-3 { padding-left:var(--padding-3) }
.p-l-4 { padding-left:var(--padding-4) }

.p-r-0 { padding-right:0 }
.p-r-1 { padding-right:var(--padding-1) }
.p-r-2 { padding-right:var(--padding-2) }
.p-r-3 { padding-right:var(--padding-3) }
.p-r-4 { padding-right:var(--padding-4) }

.p-lr-0 { padding-left:0; padding-right:0 }
.p-lr-1 { padding-left:var(--padding-1); padding-right:var(--padding-1); }
.p-lr-2 { padding-left:var(--padding-2); padding-right:var(--padding-2); }
.p-lr-3 { padding-left:var(--padding-3); padding-right:var(--padding-3); }
.p-lr-4 { padding-left:var(--padding-4); padding-right:var(--padding-4); }

.p-tb-0 { padding-bottom:0; padding-top:0; }
.p-tb-1 { padding-bottom:var(--padding-1); padding-top:var(--padding-1); }
.p-tb-2 { padding-bottom:var(--padding-2); padding-top:var(--padding-2); }
.p-tb-3 { padding-bottom:var(--padding-3); padding-top:var(--padding-3); }
.p-tb-4 { padding-bottom:var(--padding-4); padding-top:var(--padding-4); }

.p-all-0 { padding:0; }
.p-all-1 { padding:var(--padding-1); }
.p-all-2 { padding:var(--padding-2); }
.p-all-3 { padding:var(--padding-3); }
.p-all-4 { padding:var(--padding-4); }

.pp-b-0 { padding-bottom:0 !important }
.pp-b-1 { padding-bottom:var(--padding-1) !important }
.pp-b-2 { padding-bottom:var(--padding-2) !important }
.pp-b-3 { padding-bottom:var(--padding-3) !important }
.pp-b-4 { padding-bottom:var(--padding-4) !important }

.pp-t-0 { padding-top:0 !important }
.pp-t-1 { padding-top:var(--padding-1) !important }
.pp-t-2 { padding-top:var(--padding-2) !important }
.pp-t-3 { padding-top:var(--padding-3) !important }
.pp-t-4 { padding-top:var(--padding-4) !important }

.pp-l-0 { padding-left:0 !important }
.pp-l-1 { padding-left:var(--padding-1) !important }
.pp-l-2 { padding-left:var(--padding-2) !important }
.pp-l-3 { padding-left:var(--padding-3) !important }
.pp-l-4 { padding-left:var(--padding-4) !important }

.pp-r-0 { padding-right:0 !important }
.pp-r-1 { padding-right:var(--padding-1) !important }
.pp-r-2 { padding-right:var(--padding-2) !important }
.pp-r-3 { padding-right:var(--padding-3) !important }
.pp-r-4 { padding-right:var(--padding-4) !important }

.pp-lr-0 { padding-left:0 !important; padding-right:0 !important }
.pp-lr-1 { padding-left:var(--padding-1) !important; padding-right:var(--padding-1) !important; }
.pp-lr-2 { padding-left:var(--padding-2) !important; padding-right:var(--padding-2) !important; }
.pp-lr-3 { padding-left:var(--padding-3) !important; padding-right:var(--padding-3) !important; }
.pp-lr-4 { padding-left:var(--padding-4) !important; padding-right:var(--padding-4) !important; }

.pp-tb-0 { padding-bottom:0 !important; padding-top:0 !important; }
.pp-tb-1 { padding-bottom:var(--padding-1) !important; padding-top:var(--padding-1) !important; }
.pp-tb-2 { padding-bottom:var(--padding-2) !important; padding-top:var(--padding-2) !important; }
.pp-tb-3 { padding-bottom:var(--padding-3) !important; padding-top:var(--padding-3) !important; }
.pp-tb-4 { padding-bottom:var(--padding-4) !important; padding-top:var(--padding-4) !important; }

.pp-all-0 { padding:0 !important; }
.pp-all-1 { padding:var(--padding-1) !important; }
.pp-all-2 { padding:var(--padding-2) !important; }
.pp-all-3 { padding:var(--padding-3) !important; }
.pp-all-4 { padding:var(--padding-4) !important; }

.display-block { display:block !important; }
.display-inline-block { display:inline-block !important; }
.display-inline { display:inline !important; }

.va-bottom { vertical-align:bottom; }
.va-top { vertical-align:top; }
.va-middle { vertical-align:middle; }

.c-danger  { color:var(--text-danger-color); }
.c-success  { color:var(--text-success-color); }
.c-warning  { color:var(--text-warning-color); }

.cc-danger  { color:var(--text-danger-color) !important; }
.cc-success  { color:var(--text-success-color) !important; }
.cc-warning  { color:var(--text-warning-color) !important; }

.bg-gray-10 { background:rgba(128,128,128,0.1)}
.bg-gray-20 { background:rgba(128,128,128,0.2)}

.kr-signed-in .hide-if-signed-in { display:none !important; }
.kr-signed-out .hide-if-signed-out { display:none !important; }

.kr-debug-on .hide-if-debug-on { display:none !important; }
.kr-debug-off .hide-if-debug-off { display:none !important; }

body { background-color:var(--background); font-size:var(--font-size); position:relative; }


a { cursor:pointer; color:var(--a-color) }
a:focus, a:hover { color:var(--a-color-hover) }
hr { border-color:var(--hr-color); }
.popover { z-index:3000; }
.form-horizontal .control-label { font-size:var(--form-input-label-font-size) }

.row-0 { margin:0 calc(var(--margin-2)*-1) !important; }

#t-main {
    overflow: visible;
    min-height: 100%;
}

#t-logo {
    height: 50px;
    display: table;
    line-height: 1.1;
    font-size: 18px;
}

#t-sidebar-left,
#t-content {
    top: 0;
    overflow: hidden;
    z-index: auto;
    background:#eeeeee;
}

#t-content { padding-top:65px; }

#t-sidebar-left { background-color:var(--sidebar-left-bg); padding:0; }

.l-navbar-left { margin: 0; display: block; }
.l-navbar-left ul,
.l-navbar-left li { margin: 0;padding: 0; display: block;}
.l-navbar-left a { display: block; padding: 10px 15px; color: white; text-decoration: none; position: relative; background: #4D4D4D; border-bottom: 1px solid #404040; }
.l-navbar-left a:hover { background: #5A5A5A;}
.l-navbar-left li ul { display: none; }
.l-navbar-left li.open > ul { display: block;}
.l-navbar-left .dropdown > a { pading-right:30px; }
.l-navbar-left .dropdown > a:after { transition:transform 0.5s ease; content:"\f13a"; font-family:"Font Awesome 5 Free"; font-weight:600; position:absolute; right:10px; top:calc(50% - 7.5px); display:inline-block; height:15px; line-height:15px; }
.l-navbar-left .dropdown.open > a:after { transform:scaleY(-1); transition:transform 0.5s ease; }
.l-navbar-left li.dropdown ul a { background: #404040; border-bottom: 1px solid #4D4D4D;}
.l-navbar-left li.toggle > a .pull-right { color: #444444; margin-top: 4px;}
.l-navbar-left li.dropdown li.dropdown > a .pull-right { color: #666666;}
.l-navbar-left li.dropdown.open > a { background: #353535; }
.l-navbar-left li.dropdown.open,
.l-navbar-left li.dropdown.open > a,
.l-navbar-left li.dropdown.active { box-shadow: 0 10px 7px -6px rgba(0, 0, 0, 0.69); }
.l-navbar-left li.active > a { background: var(--navbar-left-active-bg) !important; color: white !important; }
.l-navbar-left li.dropdown > a:hover { background: var(--navbar-left-hover-bg); cursor: pointer; }
.l-navbar-left li.dropdown a:hover { background: var(--navbar-left-hover-bg); color: white; }
.l-navbar-left li li > a { padding-left: 25px; color: var(--navbar-left-color); box-shadow: inset 10px 0px 21px -8px rgba(0, 0, 0, 0.75); }
.l-navbar-left li li li > a { padding-left: 35px; color: var(--navbar-left-color); box-shadow: inset 10px 0px 21px -8px rgba(0, 0, 0, 0.75); }
.l-navbar-left li.dropdown li.dropdown ul a { background: var(--navbar-left-toggle-bg); }
.l-navbar-left li.dropdown > a:hover, .l-navbar-left li.dropdown a:hover { transition: all 0.2s; }
.l-navbar-left .fa { margin-right: 5px; }

#t-navbar-top > .navbar { border-radius:0; }
#t-navbar-top li { list-style:none; margin-top:2px; }
#t-navbar-top li.toggle { margin-top:4px; border-radius:var(--radius)}
#t-navbar-top a { border-radius:var(--radius); }
#t-navbar-top .l-from-left-menu li ul { padding:0; }
#t-navbar-top .l-from-left-menu .dropdown-menu a { white-space:nowrap; padding:4px 4px 4px 15px; display:block; }
#t-navbar-top .l-from-left-menu .dropdown-menu a,
#t-navbar-top .navbar-default .navbar-nav>li>a { color:var(--navbar-top-a-color); font-size:var(--navbar-top-a-font-size);  }
#t-navbar-top .l-from-left-menu .dropdown-menu a:hover { background:#e8e8e8; text-decoration:none; }
#t-navbar-top .l-from-left-menu .dropdown-menu ul a { padding-left:30px; }
#t-navbar-top .l-from-left-menu .dropdown-menu ul ul a { padding-left:45px; }
#t-navbar-top .l-from-left-menu .dropdown-menu ul ul ul a { padding-left:60px }
#t-navbar-top .l-from-left-menu .dropdown-menu .active > a { color:var(--navbar-top-active-color); background:var(--navbar-top-active-bg); margin-right:5px; border-radius:0 10px 10px 0; }
#t-navbar-top .l-from-left-menu > ul { max-height:80vh; overflow-y:auto; max-width:50vw; width:auto; }
#t-navbar-top .l-from-left-menu .toggle > a i { display:none; }
#t-navbar-top .l-from-left-menu .toggle > a { font-weight:bold; font-size:70%; color:black; background:var(--navbar-top-toggle-bg); }
#t-navbar-top .navbar-fixed-bottom .navbar-collapse,
#t-navbar-top .navbar-fixed-top .navbar-collapse { max-height:calc(100vh - 50px)}
#t-navbar-top .navbar-brand { padding:0 15px; line-height:50px; }
#t-navbar-top .input-group-addon { border-top-left-radius: 0; border-bottom-left-radius: 0 }
#t-navbar-top ul ul .dropdown > a .caret { display:none; }
#t-navbar-top ul ul .dropdown > a:after { transition:transform 0.5s ease; content:"\f13a"; font-family:"Font Awesome 5 Free"; font-weight:600; position:absolute; right:10px; top:calc(50% - 7.5px); display:inline-block; height:15px; line-height:15px; }
#t-navbar-top ul ul .dropdown.open > a:after { transform:scaleY(-1); transition:transform 0.5s ease; }
#t-navbar-top .dropdown-menu .dropdown:hover .dropdown-menu { position:absolute; left:100%; top:-4px; display:block; }
#t-navbar-top ul .dropdown-menu .dropdown:hover > a:after { transform:rotate(-90deg) }



.l-page .x-page-title { font-size:var(--page-title-font-size); margin:0 0 15px 0; }

.l-page h1 { font-size:var(--font-size-h1); }
.l-page h2 { font-size:var(--font-size-h2); }
.l-page h3 { font-size:var(--font-size-h3); }
.l-page h4 { font-size:var(--font-size-h4); }
.l-page h5 { font-size:var(--font-size-h5); }
.l-page h6 { font-size:var(--font-size-h6); }

.l-sort { position:relative; }
.l-sort a { color:var(--sort-a-color); display:block; padding:1px 8px; background:var(--sort-a-bg); border-radius:var(--radius); margin-bottom:1px }
.l-sort-slim.l-sort a { padding:1px 2px; }
.l-sort-slim.l-sort .x-sort-icon { margin-right:0; }
.l-sort a:hover { text-decoration:none; }
.l-sort .x-sort-inner { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.l-sort .x-sort-icon { font-family:"Font Awesome 5 Free", serif; font-weight:600; font-style:normal; display:inline-block; margin-right:5px; }
.l-sort .x-sort-icon:before { content:'\f0dc'; opacity:0.3; }
.l-sort.l-sort-asc .x-sort-icon:before { content: '\f063'; opacity:1; color:var(--sort-a-color-sorted); }
.l-sort.l-sort-desc .x-sort-icon:before { content: '\f062'; opacity:1; color:var(--sort-a-color-sorted); }
.l-sort.l-sort-desc a,
.l-sort.l-sort-asc a { background:var(--sort-a-bg-sorted); color:var(--sort-a-color-sorted) }
.l-sort .x-sort-position { background:var(--sort-position-bg); color:var(--sort-position-color); border-radius:5px; display:inline-block; padding:0 5px; font-size:80%; margin-left:-6px; }
.l-sort .x-sort-position:empty { display:none; }
.l-sort .x-sort-position[data-sort-position="1"] { background:var(--sort-position-bg1); }
.l-sort .x-sort-position[data-sort-position="2"] { background:var(--sort-position-bg2); }
.l-sort .x-sort-position[data-sort-position="3"] { background:var(--sort-position-bg3); }
.l-sort .x-sort-position[data-sort-position="4"] { background:var(--sort-position-bg4); }

.l-sort a:hover { background:var(--sort-a-bg-hover);  }
.l-sort a:hover .x-sort-text { text-decoration:underline; }

.l-navbar-show { display:inline-block; }

.tab-content>.tab-pane { border:1px solid #dedede; border-top:none; padding:0 var(--margin-2); border-radius:0 0 var(--radius) var(--radius); }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color:var(--tab-bg-color); }
.tab-content>.tab-pane { background-color:var(--tab-bg-color); }
/*.ui-tabs-scrollable > .spacer > div:first-child > .tab-content > .active { overflow-y:initial; }*/
.nav-tabs>li>a { color:var(--tab-nav-color)}

.l-table-header { margin:0 0 var(--margin-2) 0; }
.l-table-header .x-table-header-title { margin:0; line-height:var(--height-sm); }

.l-table-not-found { text-align:center; background:var(--table-not-found-bg); padding:var(--margin-1); margin:0 0 0 0; border-radius:var(--radius); border:var(--table-not-found-border) }
.l-table-not-found:hover { cursor:pointer; background:var(--table-not-found-bg-hover); }

.l-table.table { table-layout:fixed; border:1px solid var(--table-border-color); background:var(--table-td-bg-color); margin:0 0 0; }
.l-table.table th { vertical-align:middle; font-size:10px; font-weight:normal; background:var(--table-th-bg-color); border-top:1px solid var(--table-th-border-color); border-bottom:1px solid var(--table-th-border-color); }
.l-table.table td { border-top:1px solid  var(--table-border-color); }
.l-table.table .td-group-checkbox { text-align:center; width:40px; }
.l-table.table .td-idx { width:40px; padding-left:0; padding-right:0; text-align:center; }
.l-table.table th.td-idx { padding-left:3px; text-align:left; }
.l-table.table td.td-idx > a { display:inline-block; background:white; color:black; padding:0 5px; border-radius:5px; }
.l-table.table td.td-idx > a:hover { text-decoration: none; background:#dddddd }
.l-table.table td.td-idx { text-align:center; font-size:70%; vertical-align: middle; }
.l-table.table th.td-idx:first-child > .btn { margin-left:4px;}
.l-table.table td.td-updated_at { width:80px; font-size:70%; text-align:center; }
.l-table.table tr:nth-child(even){ background:var(--table-tr-even-bg)}
.l-table.table tr:nth-child(odd){ background:var(--table-tr-odd-bg)}
.l-table.table tr.table-group-checked-true { background:var(--table-group-checked-true-bg) !important; }
.l-table.table tr:hover td { background:var(--table-tr-hover-background) !important; /*border-bottom:var(--table-tr-hover-border); border-top:var(--table-tr-hover-border);*/ /*background:rgba(255,255,255,0.1) !important;*/ }
.l-table.table tr.table-tr-last-updated-3 { box-shadow:inset -100px 0 100px -100px black; }
.l-table.table tr.table-tr-last-updated-2 { box-shadow:inset -100px 0 100px -75px black; }
.l-table.table tr.table-tr-last-updated-1 { box-shadow:inset -100px 0 100px -50px black; }
.l-table.table tr.table-tr-last-created-3 { box-shadow:inset -100px 0 100px -100px lime; }
.l-table.table tr.table-tr-last-created-2 { box-shadow:inset -100px 0 100px -75px lime; }
.l-table.table tr.table-tr-last-created-1 { box-shadow:inset -100px 0 100px -50px lime; }
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th { padding:var(--table-condensed-padding)}

.http-status-error .l-table { border:1px solid var(--http-status-error-bg); }
.http-status-error .l-table th { border-top:none; }
/*.l-table app-table-item-actions { display:none; }*/
/*.l-table tr:hover app-table-item-actions { display:block; }*/
.dropdown-menu>li>a.disabled { opacity:0.2; cursor:default; }

.http-status-error { position:relative; }
.http-status-error:before { content:'Server: error ' attr(data-http-status); position:absolute; font-size:10px; top:-20px; height:20px; left:0px; background:var(--http-status-error-bg); color:white; padding:3px 5px; line-height:15px; font-weight:bold; }
.http-status-error-500:before { content:'Server: HTTP ERROR 500'; }
.http-status-error-401:before { content:'Server: Bark uprawnień'; }
.http-status-error-403:before { content:'Server: Bark uprawnień'; }
.http-status-error .l-table-not-found:hover { cursor:pointer; background:var(--table-not-found-bg-hover); }

.l-show_preview { font-size:11px; padding:var(--padding-1); background: rgba(255,255,255,0.3); border-radius:var(--radius) }

.l-table-group-form > .panel-body { background:var(--table-group-checked-true-bg); }
.l-table-group-form a { cursor:pointer; }
.l-table-group-form > .panel-body { }
.l-table-group-checkbox input[type=checkbox],
.l-table-group-checkbox input[type=checkbox]:hover,
.l-table-group-checkbox label { margin:0; }
.l-table-group-checkbox label:hover { cursor:pointer; }
.l-table-group-form .x-table-group-form-bottom { text-align:left; }

.l-table-filter { padding:10px 40px 0 0; position:relative; }
.l-table-filter .form-group.x-label-top { position:relative; margin-bottom:20px;  }
.l-table-filter .form-inline { margin-bottom:-20px; }
.l-table-filter .form-inline .form-group { vertical-align:top; }
.l-table-filter .form-group.x-label-top > label { position:absolute; top:-14px; left:0; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:15px; font-size:80%; }
.l-table-filter .x-filter-advanced { margin-top:var(--margin-2); background:rgba(0,0,0,0.05); padding:var(--padding-1); border-radius:var(--radius); margin-right:-40px; }
.l-table-filter .x-filter-advanced > .form-inline { padding-top:var(--margin-2); }
.l-table-filter .x-filter-reset { position:absolute; right:15px; top:24px; }
.l-table-filter .btn-toggle i:before { display:inline-block; transition:transform 0.3s ease; }
.l-table-filter.show-advanced-true .btn-toggle i:before { transform:scaleY(-1); transition:transform 0.3s ease; }
.l-table-filter.filter-changed-true { background: #ffecf3; }
.form-group.x-form-group-in-table-group-checkbox { display:none; }

.l-table-group-form .form-group { position:relative; }
.l-table-group-form .form-group.use-in-table-group-form-true {}
.l-table-group-form .form-group.use-in-table-group-form-false:hover { opacity:0.8; }
.l-table-group-form .form-group.use-in-table-group-form-false { opacity:0.2; }
.l-table-group-form .x-form-group-in-table-group-checkbox { position:absolute; left:10px; top:9px; display:inline-block; z-index:2; }
.l-table-group-form .x-form-group-in-table-group-checkbox input:hover { cursor:pointer; }

.table-responsive-wrapper { margin-bottom:var(--margin-2) }
.table-responsive-wrapper + app-table-pagination { display:block; }
.l-pagination { margin-bottom:var(--margin-2)}
.l-pagination .panel-body { padding:var(--margin-1) var(--margin-2)}
.l-pagination .x-pagination-pages { margin:var(--margin-1) 0 0 0; }
.l-pagination .x-pagination-pages .btn { margin-bottom:var(--margin-1); }
.l-pagination .x-pagination-pages .x-pagination-text { display:none; }
.l-pagination .x-pagination-found { display:inline-block; /*margin-left:var(--margin-2);*/ }
.l-pagination .x-pagination-found + div { margin-top:var(--margin-1); }
/*.l-pagination .x-pagination-page { font-size:11px; display:inline-block; border:1px solid #eeeeee; background:var(--pagination-page-background-color); text-decoration:none; height:20px; line-height:20px; color:var(--pagination-page-color);; margin:0 4px 7px 0; border-radius:2px; padding:0 5px; cursor:pointer; }*/
.l-pagination .x-pagination-advanced { background:rgba(0,0,0,0.05); border-top:1px solid rgba(128,128,128,0.3); border-bottom:1px solid rgba(128,128,128,0.3); padding:var(--margin-1) var(--margin-1); margin-top:var(--margin-1); }
.l-pagination .x-pagination-advanced + .x-pagination-pages { margin-top:var(--margin-2);}
.l-pagination .x-pagination-page { margin:0 2px; }
.l-pagination .x-pagination-page-current { background:var(--pagination-current-bg); color:var(--pagination-current-color); }
.l-pagination i.fas { color:#555555; }

.l-ellipsis-inlie-block,
.l-ellipsis-block,
.l-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.l-ellipsis-block { display:block; }
.l-ellipsis-inlie-block { display:inline-block; }

.l-clear { clear:both; }

.l-form-buttons { clear:both; padding:var(--padding-2) 0; border-top:1px solid rgba(0,0,0,0.1); margin-top:10px; }

.l-form .form-group { margin-bottom:var(--form-group-margin-bottom); padding-bottom:var(--form-group-margin-bottom); border-bottom:var(--form-group-border-bottom); }

.l-form .help-block { margin:0; }
.l-form .form-horizontal .control-label { padding-top:0; position:relative; text-align:right; font-weight:var(--form-input-label-font-weight); }
.l-form .form-horizontal .control-label app-help-popup { position:absolute; right:-5px; /*top:11px;*/ z-index:2; }

.l-form .form-gray-wrapper { padding:var(--padding-1) var(--padding-2) 0 var(--padding-2); margin:0 calc(-1 * var(--margin-2)); background:rgba(128,128,128,0.1); }

.highlight { transition:color 0.5s; }
.highlight-success .highlight * { color: var(--form-highlight-success-color) !important; transition:color 0.5s; }
.highlight-error .highlight * { color: var(--form-highlight-error-color) !important; transition:color 0.5s; }

.l-text-xs { line-height:var(--height-xs); }
.l-text-sm { line-height:var(--height-sm); }
.l-text-md { line-height:var(--height-md); }
.l-text-lg { line-height:var(--height-lg); }



.modal-header .close { margin:7px 10px 0 0; }
.x-modal-unsaved_changes { display:inline-block; margin-right:10px; color:var(--text-danger-color); }
.modal-edit .modal-header,
.modal-edit .modal-footer { background:var(--modal-edit-bg); border-color:var(--modal-edit-border-color) }
.modal-edit .modal-footer .btn-primary { background:var(--btn-edit-bg); border:var(--btn-edit-border) }
.modal-edit .modal-body { background:var(--modal-edit-body-bg); }
.modal-edit .tab-pane,
.modal-edit .nav-tabs>li.active>a,
.modal-edit .nav-tabs>li.active>a:focus,
.modal-edit .nav-tabs>li.active>a:hover { background:var(--modal-edit-tab-pane-bg); }
.modal-new .modal-header,
.modal-new .modal-footer { background:var(--modal-new-bg); border-color:var(--modal-new-border-color); }
.modal-new .modal-footer .btn-primary { background:var(--btn-new-bg); border:var(--btn-new-border) }
.modal-new .modal-body { background:var(--modal-new-body-bg); }
.modal-new .tab-pane,
.modal-new .nav-tabs>li.active>a,
.modal-new .nav-tabs>li.active>a:focus,
.modal-new .nav-tabs>li.active>a:hover { background:var(--modal-new-tab-pane-bg); }

.modal-header { border-radius:var(--radius) var(--radius) 0 0; margin-right:-0.5px; }
.modal-footer { border-radius:0 0 var(--radius) var(--radius); margin-right:-0.5px; }
/*.modal-footer .display-block,*/
/*.modal-footer .xs-display-block { margin-left:0 !important; margin-right:0 !important; }*/
.kr-modal-open { max-height: 100%; overflow-y: auto; /*IOS scroll */ }
.kr-modal-open .navbar { right: -15px; }
.body-expanded, .kr-modal-open { overflow-y: hidden; margin-right: 15px; }
.kr-modal-open .modal { overflow-y: auto; }
.modal { background: rgba(0, 0, 0, 0.6); /*overflow:visible;*/}


.kr-modal-open-auth { background:transparent; margin-top:40px; padding-top:50px; }
.kr-modal-open-auth .modal-header { background:var(--modal-auth-header-bg); text-align:center; color:white; text-shadow:1px 1px 10px black; border:none; height:0; overflow:visible; padding:0; }
.kr-modal-open-auth .modal-header .close { display:none; }
.kr-modal-open-auth .modal-title { margin-top:-45px; }
.kr-modal-open-auth .modal-body { background:var(--modal-auth-body-bg); border-radius:var(--radius) var(--radius) 0 0; }
.kr-modal-open-auth .modal-footer { background:var(--modal-auth-footer-bg) }
.kr-modal-open-auth .modal-backdrop { background:#444444 url('../images/auth-bg.jpg') no-repeat center center; background-size:cover; opacity:1;  }
.kr-modal-open-auth .modal-content { background:transparent; border:none; }
.kr-modal-open-auth .modal { padding-top:30px; }

.modal-title .x-custom-content { display:inline-block; }

.l-modal-id { position: absolute; top: -20px; left: 10px; }
/*.btn:not(:empty) .caret { margin-left:5px; }*/
.btn-new { background:var(--btn-new-bg); border:var(--btn-new-border); color:var(--btn-new-color) }
.btn-new.focus, .btn-new:focus, .btn-new:hover { color:var(--btn-new-hover-color) }
.btn-edit { background:var(--btn-edit-bg); border:var(--btn-edit-border); color:var(--btn-edit-color) }
.btn-edit.focus, .btn-edit:focus, .btn-edit:hover { color:var(--btn-edit-hover-color) }
.btn-primary { background:var(--btn-edit-bg); border:var(--btn-edit-border); color:var(--btn-edit-color) }
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover { color:var(--btn-edit-hover-color) }
.btn-default { background:var(--btn-default-bg); }

.btn-toggle { border:var(--form-control-border) }


.bootbox-confirm .close { margin-top:0 !important; }
.bootbox.modal { z-index:2000; }


.alert { position:relative; }
.alert .alert-title { }
.alert > .fas.fa-info-circle { position:absolute; top:-7px; left:6px; }
.alert .alert-detail:not(:empty) { font-style:italic; margin-top:0.5em; }
.alert-xs { padding:var(--margin-1); }
.alert-sm { padding:var(--margin-2); }
.alert-md { padding:var(--margin-3); }

.alert-danger { border:var(--alert-danger-border); background:var(--alert-danger-bg); color:var(--alert-danger-color); }
.alert-success { border:var(--alert-success-border); background:var(--alert-success-bg); color:var(--alert-success-color); }
.alert-info { border:var(--alert-info-border); background:var(--alert-info-bg); color:var(--alert-info-color); }
.alert-warning { border:var(--alert-warning-border); background:var(--alert-warning-bg); color:var(--alert-warning-color); }


.cursor-pointer { cursor:pointer; }

.pending-true .opacity-if-pending-true { opacity:0.8; cursor:progress; }

.dropdown-menu { z-index:9999; }

app-input-radio,
app-input-checkbox { display:inline-block; vertical-align:middle; height:34px; }

.l-va-middle { display:table; }
.l-va-middle > div { display:table-cell; vertical-align:middle; }

.l-radiocheckbox { position:relative; padding-left:26px; padding-right:5px; min-height:34px; display:inline-block; margin:0; font-weight:normal; }
.l-radiocheckbox:hover { cursor:pointer; }
.l-radiocheckbox.disabled-true:hover { cursor:not-allowed; }
.l-radiocheckbox input { display:none; }
.l-radiocheckbox input + i { position:absolute; left:3px; top:calc(50% - 9px); display:inline-block; }
.l-radiocheckbox input + i:after { content:"\f111"; font-family:"Font Awesome 5 Free"; font-weight:normal; font-style:normal; font-size:20px; line-height:20px; }
.l-radiocheckbox.l-checkbox input + i:after { content:"\f0c8";}
.l-radiocheckbox input:disabled { color:red; }
.l-radiocheckbox input:disabled + i { opacity:0.5; }
.l-radiocheckbox input:checked  + i:after { content:"\f192" }
.l-radiocheckbox.l-checkbox input:checked + i:after { content:"\f14a" }
.l-radiocheckbox > span { display:table; min-height:34px; }
.l-radiocheckbox > span > span { display:table-cell; vertical-align:middle; }
.l-radiocheckbox.checked-true > span > span { font-weight:bold; }

.l-form-checkboxes-block app-input-checkbox { display:block; }

.kr-input-sm > .l-radiocheckbox { min-height:var(--height-sm); }
.kr-input-sm > .l-radiocheckbox > span { min-height:var(--height-sm); }

.kr-input-lg > .l-radiocheckbox { min-height:var(--height-lg); }
.kr-input-lg > .l-radiocheckbox > span { min-height:var(--height-lg); }

.has-error .l-radiocheckbox input + i:after { color:var(--text-danger-color); }
.has-error .x-form-error { color:var(--text-danger-color); margin-top:3px; text-align:right; font-style: italic; }
/*.has-error .x-form-error:before { content:"\f071"; font-family:"Font Awesome 5 Free"; font-weight:600; display:inline-block; margin-right:0.5em; }*/
.has-error .x-form-error:empty:after { content:"popraw pole formularza" }

.validation-error .form-control { color:var(--text-warning-color) }
.validation-error .control-label { color:var(--text-warning-color) }

.form-control,
.select2-container-multi .select2-choices,
.select2-container .select2-choice { box-shadow:var(--form-control-box-shadow); border:var(--form-control-border); }
.form-control,
.select2-container-multi .select2-choices,
.select2-container .select2-choice { font-size:var(--form-control-font-size); color:var(--form-control-color) }
.has-error .select2-container-multi .select2-choices,
.has-error .select2-container .select2-choice { border-color:var(--text-danger-color)}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.select2-container.select2-container-disabled .select2-choice { background:var(--form-control-disabled-bg); border:var(--form-control-border) }
.select2-container.select2-container-disabled .select2-choice .select2-arrow { background:transparent; }


.l-datetimepicker.datetimepicker-show .datepickerbutton,
.l-datepicker.datepicker-show .datepickerbutton { color:red; }
.form-control.datepickerinput { border-radius:var(--radius) 0 0 var(--radius) !important; }
input[disabled] + .x-datepicker-reset,
input[disabled] + .x-datetimepicker-reset { display:none; }
/*.bootstrap-datetimepicker-widget.dropdown-menu { z-index: 9999 !important; }*/
.bootstrap-datetimepicker-widget { font-size:var(--datetimepicker-font-size)}
.bootstrap-datetimepicker-widget.dropdown-menu { position:fixed; top:50% !important; left:50%!important; right:auto !important; bottom:auto !important; margin-left:-110px !important; margin-top:-130px !important; width:auto; }
.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { display:none; }


app-help-popup { color:var(--help-popup-color); display:inline-block; }
app-help-popup:hover { cursor:pointer;color:var(--help-popup-hover-color); }


#loading-bar-splash-animationner { top:24px; left:0; }
#loading-bar-spinner { top:19px; left:3px; }
#loading-bar-spinner .spinner-icon { width:10px; height:10px; }


.select2-container-multi .select2-choices,
.select2-container .select2-choice { line-height: var(--height-md); height: var(--height-md); background: white; border-color: #cccccc; border-radius: var(--radius); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.select2-container-multi .select2-choices { height: calc(var(--height-md) - 1px); line-height: calc(var(--height-md) - 1px); width:auto !important; z-index:100; }
.select2-container .select2-choice > .select2-chosen {height: var(--height-md); margin-right: 39px; padding-right: 25px;}
.select2-container .select2-choice > .select2-chosen { position:relative; }
.select2-container .select2-choice .select2-arrow { width: 35px; border-radius: 0; background-image: none; background: #eeeeee; border-left:var(--select-btn-border-left) }
.select2-dropdown-open .select2-choice .select2-arrow { background: transparent; }
.select2-container .select2-choice .select2-arrow b { background: none; background-image: none !important; }
.select2-container .select2-choice .select2-arrow b:before { display: block; font-family: 'Font Awesome 5 Free'; content: '\f078'; font-weight:900; text-align: center; font-size: 10px; line-height: 33px; color: #222222; }
.select2-drop-active { border-color: #cccccc; }
.select2-results .select2-result-label { /*min-height: 28px;*/ }
.select2-results .select2-result-label .level {}
.select2-results .select2-result-label .level-1 { padding-left: 10px; }
.select2-results .select2-result-label .level-2 { padding-left: 20px; }
.select2-results .select2-result-label .level-3 { padding-left: 30px; }
.select2-results .select2-result-label .level-4 { padding-left: 40px; }
.select2-results li { border-top: 1px solid #dddddd; }
.select2-results .select2-disabled .select2-result-label { cursor: default; cursor: not-allowed; }
.select2-result-label small { color: #555555; }

/*.select2-results .select2-highlighted,*/
/*.select2-results .select2-highlighted small { color: white; }*/
/*.select2-results .select2-highlighted:hover,*/
/*.select2-results .select2-highlighted:hover small { background: #1951AB; color: white;}*/

/*.select2-container { border:1px solid transparent; }*/
/*.select2-container { border:1px solid transparent; }*/

.select2-container-multi .select2-choices .select2-search-field input { padding: inherit; margin: inherit; padding-left: 5px; height: calc(var(--height-md) - 1px); line-height: calc(var(--height-md) - 1px); }
.form-group-sm .select2-container-multi .select2-choices,
.form-group-sm .select2-container-multi .select2-choices .select2-search-field input { height: calc(var(--height-md) - 4px); line-height: calc(var(--height-md) - 4px); width:auto !important }
.select2-container-multi .select2-choices .select2-search-choice { margin-top: 5.5px; }
.form-group-sm .select2-container-multi .select2-choices .select2-search-choice { margin-top: 3.5px; }
.select2-search-choice-close { top: 3px; }
/*.l-select2-inlineblock.select2-container { width:auto; }*/
.select2-xs { height:22px; margin:0; }
.select2-xs.select2-container-multi .select2-choices,
.select2-xs.select2-container .select2-choice,
.select2-xs.select2-container .select2-choice > .select2-chosen { height:22px; line-height:20px; }
.select2-xs.select2-container .select2-choice .select2-arrow b:before { line-height:20px; }

.select2-sm,
.form-group-sm .select2 { height:var(--height-sm); margin:0; }
.select2-sm.select2-container-multi .select2-choices,
.form-group-sm .select2-container-multi .select2-choices,
.select2-sm.select2-container .select2-choice,
.form-group-sm .select2-container .select2-choice,
.select2-sm.select2-container .select2-choice > .select2-chosen,
.form-group-sm .select2-container .select2-choice > .select2-chosen{ height:var(--height-sm); line-height:calc(var(--height-sm) - 2px); }
.select2-sm.select2-container .select2-choice .select2-arrow b:before,
.form-group-sm .select2-container .select2-choice .select2-arrow b:before{ line-height:calc(var(--height-sm) - 2px); }
.ui-select-bootstrap .ui-select-toggle { margin-bottom: 0; padding-left: 7px; padding-top: 6px; }
.ui-select-bootstrap .ui-select-choices-row > a { white-space: normal; }
.ui-select-match-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; width: 90%; }
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close { margin-top: 3px;}
body > .ui-select-bootstrap.open { z-index: 3000;}
.select2-search input { width: 100% !important; border-radius: var(--radius); background:none !important; }
.l-autocomplete { display:inline-block; vertical-align:middle; max-width:100%; margin-left:-1px; }

.l-autocomplete .l-ui-select { display:block; }
.l-autocomplete .select2-container { display:block; }


.input-group-addon + .l-autocomplete .select2-container-multi .select2-choices,
.input-group-addon + .l-autocomplete .select2-container .select2-choice { border-radius:0; }

.l-autocomplete .ui-select-placeholder { /*height:33.99px !important;*/ display:block; vertical-align: middle; width:100%; }
.select2 .x-autocomplete-notfound { text-align:center; opacity:0.6; padding-bottom:4px; }
.select2-results .select2-result-label { padding:0; }
.select2-results .select2-result-label > div { padding:8px; }
.select2-results .select2-result-label > div.x-autocomplete-selected { padding-bottom:-7px; }
.select2 .x-autocomplete-selected { margin-bottom:-1px; background: var(--autocomplete-selected-bg-color); color:var(--autocomplete-selected-text-color); }

.select2-container-active { border-radius:var(--radius); }
.l-ui-select .select2-drop { min-width:300px; max-width:100vw; border:1px solid #eeeeee; border-radius:var(--radius); margin-top:3px; }
.l-ui-select .x-autocomplete-reset { position:absolute; right:0; top:0px; }
.select2-container-disabled .x-autocomplete-reset { display:none; }
.l-ui-select .select2-drop,
.bootstrap-datetimepicker-widget.dropdown-menu { box-shadow:1px 1px 100px 5px black; }
.select2.ui-select-multiple { height:auto !important; }

.btn:focus,
.form-control:focus,
.select2-container-active {
    border: var(--focus-border);
    outline: var(--focus-outline);
    box-shadow: var(--focus-box-shadow);

}
.select2.ui-select-multiple.select2-container-active,
.select2-container-active { height:var(--height-md) !important; }
.select2-sm.select2-container-active,
.form-group-sm .select2-container-active { height:var(--height-sm) !important; }
.select2-xs.select2-container-active,
.form-group-xs .select2-container-active { height:var(--height-xs) !important;; }
.select2-container-active.select2-container-multi .select2-choices,
.select2-container-active.select2-container .select2-choice { height:calc(var(--height-md) - 1px); }
.select2-sm.select2-container-active.select2-container-multi .select2-choices,
.form-group-sm .select2-container-active.select2-container-multi .select2-choices,
.select2-sm.select2-container-active.select2-container .select2-choice,
.form-group-sm .select2-container-active.select2-container .select2-choice { height:calc(var(--height-sm) - 1px); }
.select2-xs.select2-container-active.select2-container-multi .select2-choices,
.form-group-xs .select2-container-active.select2-container-multi .select2-choices,
.select2-xs.select2-container-active.select2-container .select2-choice,
.form-group-xs .select2-container-active.select2-container .select2-choice { height:calc(var(--height-xs) - 1px); }
.select2-container-multi .select2-choices .select2-search-field { width:30px; }

.l-select-100p .l-ui-select { width:100%; }

pre { font-size:9px; line-height:1.1; }

.l-upload { padding:var(--padding-1); background:rgba(0,0,0,0.05); border-radius:var(--radius)}
.l-upload .x-upload-thumbnail { height:50px; width:88px; display:inline-block; vertical-align:middle; margin-right:var(--margin-2); background:no-repeat center center #111111; background-size:contain; border:1px solid rgba(128,128,128,0.5); border-radius:var(--radius) }
.l-thumbnail { width:100%; padding-bottom:30%; display:block; vertical-align:middle; background:no-repeat left center; background-size:contain;  }
.l-thumbnail-img img { display:block; max-width:100%; max-height:100px; border:1px solid #cdcdcd; border-radius:var(--radius) }
.l-upload .x-upload-details { display:inline-block; vertical-align:middle; font-size:80%; height:50px; }
.l-upload .x-upload-details .l-va-middle { height:50px; }
.l-upload .x-upload-files { margin-top:var(--margin-2); }
.l-upload .x-upload-file { margin-bottom:5px; background:rgba(255,255,255,0.3); border-radius:var(--radius); padding:var(--padding-1) }
.l-upload .x-upload-checkbox { vertical-align: middle; display:inline-block; padding:0; height:30px; line-height:30px; }
.l-upload .x-upload-checkbox label { font-weight:normal; cursor:pointer; }
.l-upload .x-upload-checkbox input { vertical-align: middle; margin:0 5px 0 10px; }

.l-reset { background: initial; border: none; height: auto;width: auto; color: initial; padding:0; margin:0; height:auto; width:auto }

.l-navbar-show .btn-default { background:transparent; border:1px solid rgba(0,0,0,0.2) }

.l-legend {
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    position: relative;
    margin-top: 25px;
    margin-bottom:var(--margin-2)
}

.l-legend:before {
    content: 'legend';
    position: absolute;
    display: inline-block;
    top: -15px;
    left: 15px;
    padding: 0px 7px;
    color: #aaaaaa;
    background: rgba(0, 0, 0, 0.05);
    font-size: 9px;
    border-radius: 4px 4px 0px 0px;
    height: 15px;
    line-height: 15px;
    text-transform: uppercase;
}

.kr-lang-pl .l-legend:before { content: 'legenda'; }
.kr-lang-en .l-legend:before { content: 'legend'; }
.kr-lang-de .l-legend:before { content: 'legend'; }



/*.l-apploader { position:fixed; z-index:99999; top:0px; right:0px; bottom:0px; left:0px; background:#222222 url('../images/logo.png') center center no-repeat; }*/
/*.l-apploader.apploader-hide { display:none; }*/

/*.kr-ready .l-splash { opacity:0; transition:0.5s opacity;  }*/

.l-splash-forbidden { display:none; }
.kr-forbidden .l-splash-forbidden {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1039;
    background:#444444 url('../images/forbidden-bg.jpg') no-repeat center center;
    background-size:cover;
    display:block;
    color:white;
    text-align:center;
    padding-top:10vh;
}


.kr-ready-step2 .l-splash { display:none; }

.l-splash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background:var(--splash-loader-bg);
}

.l-splash .splash-loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--splash-loader-color2);

    -webkit-animation: splash-animation 2s linear infinite;
    animation: splash-animation 2s linear infinite;
    z-index: 10001;
}

.l-splash .splash-loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--splash-loader-color1);

    -webkit-animation: splash-animation 3s linear infinite;
    animation: splash-animation 3s linear infinite;
}

.l-splash .splash-loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--splash-loader-color3);

    -webkit-animation: splash-animation 1.5s linear infinite;
    animation: splash-animation 1.5s linear infinite;
}

.l-splash .splash-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background:var(--splash-loader-bg);
    z-index: 10000;
}

.l-splash .splash-section.splash-section-left { left: 0; }
.l-splash .splash-section.splash-section-right { right: 0; }

@-webkit-keyframes splash-animation {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes splash-animation {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.cg-notify-message {
    position: fixed;
    top: 0;
    z-index: 99999;
    max-width: 400px;
    text-align: center;

    background-color: #d9edf7;
    color: #31708f;
    padding: 5px 30px 5px 20px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 4px;

    -webkit-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -moz-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -o-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    transition: top 0.5s ease-out, opacity 0.2s ease-out;

    visibility: hidden;

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.cg-notify-message-center {
    left: 50%;
}

.cg-notify-message-left {
    left: 15px;
}

.cg-notify-message-right {
    right: 15px;
}

.cg-notify-message a {
    font-weight: bold;
    color: inherit;
}

.cg-notify-message a:hover {
    color: inherit;
}

.cg-notify-close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;

    position: absolute;
    top: 8px;
    right: 7px;
    line-height: 15px;
}

.cg-notify-close:hover, .cg-notify-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

.cg-notify-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.cg-notify-style-error {
    background: #D9534F;
    color: white;
}

.cg-notify-style-success {
    background: #01A982;
    color: white;
}

.cg-notify-style-info {
    background: #C2E4D8;
    color: black;
}


@media (max-width: 1024px) {
    .l-navbar-left a,
    .l-navbar-left li li > a,
    .l-navbar-left li li li > a { padding-left:var(--margin-1) }
    .l-navbar-left li > a i { display:none; }
    .l-navbar-left li.toggle > a i { display:inline-block; }

    .table-responsive .table { table-layout: auto; }
    .table-responsive { margin: 0; border: none; }
    .table-responsive-wrapper { position: relative; border-radius:var(--radius); overflow:hidden; }
    .table-responsive-wrapper:after { content: ""; z-index:1; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 40px; pointer-events: none; box-shadow: inset -38px 0 27px -32px rgba(0, 0, 0, 0.5); }
    .table-responsive-wrapper:before { content: ""; z-index:1; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 40px; pointer-events: none; box-shadow: inset 38px 0 27px -32px rgba(0, 0, 0, 0.5); }
    .l-table.table .td-idx > a { margin-left:4px; }
}

@media (min-width: 768px) {
    #t-sidebar-left {
        position: fixed;
        left: 0;
        top: 50px;
        bottom: 0;
        overflow-y: auto;
        z-index: 100;
    }

    .l-form .form-group { display:flex; }
    .l-form .form-horizontal .control-label { display:flex; justify-content:flex-end; align-items:center; }
    .l-form .form-horizontal .has-error .control-label { align-items: flex-start; margin-top:10px; }

}


/*@media (min-width: 768px) {*/
/*.form-inline .form-group { display: inline-block; margin-bottom:0;vertical-align: bottom; }*/
/*}*/


@media (max-width: 767px) {

    .xs-w-10p { width: 10%; }
    .xs-w-20p { width: 20%; }
    .xs-w-25p { width: 25%; }
    .xs-w-30p { width: 30%; }
    .xs-w-33p { width: 33%; }
    .xs-w-40p { width: 40%; }
    .xs-w-50p { width: 50%; }
    .xs-w-60p { width: 60%; }
    .xs-w-66p { width: 66%; }
    .xs-w-70p { width: 70%; }
    .xs-w-75p { width: 75%; }
    .xs-w-80p { width: 80%; }
    .xs-w-90p { width: 90%; }
    .xs-w-100p { width: 100%; }

    .xs-w-auto { width:auto }
    .xs-w-10 { width:10px; }
    .xs-w-20 { width:20px; }
    .xs-w-30 { width:30px; }
    .xs-w-40 { width:40px; }
    .xs-w-50 { width:50px; }
    .xs-w-60 { width:60px; }
    .xs-w-70 { width:70px; }
    .xs-w-80 { width:80px; }
    .xs-w-90 { width:90px; }
    .xs-w-100 { width:100px; }
    .xs-w-110 { width:110px; }
    .xs-w-120 { width:120px; }
    .xs-w-130 { width:130px; }
    .xs-w-140 { width:140px; }
    .xs-w-150 { width:150px; }
    .xs-w-160 { width:160px; }
    .xs-w-170 { width:170px; }
    .xs-w-180 { width:180px; }
    .xs-w-190 { width:190px; }
    .xs-w-200 { width:200px; }
    .xs-w-210 { width:210px; }
    .xs-w-220 { width:220px; }
    .xs-w-230 { width:230px; }
    .xs-w-240 { width:240px; }
    .xs-w-250 { width:250px; }
    .xs-w-260 { width:260px; }
    .xs-w-270 { width:270px; }
    .xs-w-280 { width:280px; }
    .xs-w-290 { width:290px; }
    .xs-w-300 { width:300px; }

    .xs-wmax-none { max-width:none; }
    .xs-wmax-10 { max-width:10px; }
    .xs-wmax-20 { max-width:20px; }
    .xs-wmax-30 { max-width:30px; }
    .xs-wmax-40 { max-width:40px; }
    .xs-wmax-50 { max-width:50px; }
    .xs-wmax-60 { max-width:60px; }
    .xs-wmax-70 { max-width:70px; }
    .xs-wmax-80 { max-width:80px; }
    .xs-wmax-90 { max-width:90px; }
    .xs-wmax-100 { max-width:100px; }
    .xs-wmax-110 { max-width:110px; }
    .xs-wmax-120 { max-width:120px; }
    .xs-wmax-130 { max-width:130px; }
    .xs-wmax-140 { max-width:140px; }
    .xs-wmax-150 { max-width:150px; }
    .xs-wmax-160 { max-width:160px; }
    .xs-wmax-170 { max-width:170px; }
    .xs-wmax-180 { max-width:180px; }
    .xs-wmax-190 { max-width:190px; }
    .xs-wmax-200 { max-width:200px; }
    .xs-wmax-210 { max-width:210px; }
    .xs-wmax-220 { max-width:220px; }
    .xs-wmax-230 { max-width:230px; }
    .xs-wmax-240 { max-width:240px; }
    .xs-wmax-250 { max-width:250px; }
    .xs-wmax-260 { max-width:260px; }
    .xs-wmax-270 { max-width:270px; }
    .xs-wmax-280 { max-width:280px; }
    .xs-wmax-290 { max-width:290px; }
    .xs-wmax-300 { max-width:300px; }

    .xs-wwmax-none { max-width:none !important; }
    .xs-wwmax-10 { max-width:10px !important; }
    .xs-wwmax-20 { max-width:20px !important; }
    .xs-wwmax-30 { max-width:30px !important; }
    .xs-wwmax-40 { max-width:40px !important; }
    .xs-wwmax-50 { max-width:50px !important; }
    .xs-wwmax-60 { max-width:60px !important; }
    .xs-wwmax-70 { max-width:70px !important; }
    .xs-wwmax-80 { max-width:80px !important; }
    .xs-wwmax-90 { max-width:90px !important; }
    .xs-wwmax-100 { max-width:100px !important; }
    .xs-wwmax-110 { max-width:110px !important; }
    .xs-wwmax-120 { max-width:120px !important; }
    .xs-wwmax-130 { max-width:130px !important; }
    .xs-wwmax-140 { max-width:140px !important; }
    .xs-wwmax-150 { max-width:150px !important; }
    .xs-wwmax-160 { max-width:160px !important; }
    .xs-wwmax-170 { max-width:170px !important; }
    .xs-wwmax-180 { max-width:180px !important; }
    .xs-wwmax-190 { max-width:190px !important; }
    .xs-wwmax-200 { max-width:200px !important; }
    .xs-wwmax-210 { max-width:210px !important; }
    .xs-wwmax-220 { max-width:220px !important; }
    .xs-wwmax-230 { max-width:230px !important; }
    .xs-wwmax-240 { max-width:240px !important; }
    .xs-wwmax-250 { max-width:250px !important; }
    .xs-wwmax-260 { max-width:260px !important; }
    .xs-wwmax-270 { max-width:270px !important; }
    .xs-wwmax-280 { max-width:280px !important; }
    .xs-wwmax-290 { max-width:290px !important; }
    .xs-wwmax-300 { max-width:300px !important; }
    
    .xs-wmin-0 { min-width:0; }
    .xs-wmin-10 { min-width:10px; }
    .xs-wmin-20 { min-width:20px; }
    .xs-wmin-30 { min-width:30px; }
    .xs-wmin-40 { min-width:40px; }
    .xs-wmin-50 { min-width:50px; }
    .xs-wmin-60 { min-width:60px; }
    .xs-wmin-70 { min-width:70px; }
    .xs-wmin-80 { min-width:80px; }
    .xs-wmin-90 { min-width:90px; }
    .xs-wmin-100 { min-width:100px; }
    .xs-wmin-110 { min-width:110px; }
    .xs-wmin-120 { min-width:120px; }
    .xs-wmin-130 { min-width:130px; }
    .xs-wmin-140 { min-width:140px; }
    .xs-wmin-150 { min-width:150px; }
    .xs-wmin-160 { min-width:160px; }
    .xs-wmin-170 { min-width:170px; }
    .xs-wmin-180 { min-width:180px; }
    .xs-wmin-190 { min-width:190px; }
    .xs-wmin-200 { min-width:200px; }
    .xs-wmin-210 { min-width:210px; }
    .xs-wmin-220 { min-width:220px; }
    .xs-wmin-230 { min-width:230px; }
    .xs-wmin-240 { min-width:240px; }
    .xs-wmin-250 { min-width:250px; }
    .xs-wmin-260 { min-width:260px; }
    .xs-wmin-270 { min-width:270px; }
    .xs-wmin-280 { min-width:280px; }
    .xs-wmin-290 { min-width:290px; }
    .xs-wmin-300 { min-width:300px; }

    .xs-wwmin-0 { min-width:0 !important; }
    .xs-wwmin-10 { min-width:10px !important; }
    .xs-wwmin-20 { min-width:20px !important; }
    .xs-wwmin-30 { min-width:30px !important; }
    .xs-wwmin-40 { min-width:40px !important; }
    .xs-wwmin-50 { min-width:50px !important; }
    .xs-wwmin-60 { min-width:60px !important; }
    .xs-wwmin-70 { min-width:70px !important; }
    .xs-wwmin-80 { min-width:80px !important; }
    .xs-wwmin-90 { min-width:90px !important; }
    .xs-wwmin-100 { min-width:100px !important; }
    .xs-wwmin-110 { min-width:110px !important; }
    .xs-wwmin-120 { min-width:120px !important; }
    .xs-wwmin-130 { min-width:130px !important; }
    .xs-wwmin-140 { min-width:140px !important; }
    .xs-wwmin-150 { min-width:150px !important; }
    .xs-wwmin-160 { min-width:160px !important; }
    .xs-wwmin-170 { min-width:170px !important; }
    .xs-wwmin-180 { min-width:180px !important; }
    .xs-wwmin-190 { min-width:190px !important; }
    .xs-wwmin-200 { min-width:200px !important; }
    .xs-wwmin-210 { min-width:210px !important; }
    .xs-wwmin-220 { min-width:220px !important; }
    .xs-wwmin-230 { min-width:230px !important; }
    .xs-wwmin-240 { min-width:240px !important; }
    .xs-wwmin-250 { min-width:250px !important; }
    .xs-wwmin-260 { min-width:260px !important; }
    .xs-wwmin-270 { min-width:270px !important; }
    .xs-wwmin-280 { min-width:280px !important; }
    .xs-wwmin-290 { min-width:290px !important; }
    .xs-wwmin-300 { min-width:300px !important; }
    
    .xs-m-b-0 { margin-bottom:0 }
    .xs-m-b-1 { margin-bottom:var(--margin-1) }
    .xs-m-b-2 { margin-bottom:var(--margin-2) }
    .xs-m-b-3 { margin-bottom:var(--margin-3) }
    .xs-m-b-4 { margin-bottom:var(--margin-4) }

    .xs-m-t-0 { margin-top:0 }
    .xs-m-t-1 { margin-top:var(--margin-1) }
    .xs-m-t-2 { margin-top:var(--margin-2) }
    .xs-m-t-3 { margin-top:var(--margin-3) }
    .xs-m-t-4 { margin-top:var(--margin-4) }

    .xs-m-l-0 { margin-left:0 }
    .xs-m-l-1 { margin-left:var(--margin-1) }
    .xs-m-l-2 { margin-left:var(--margin-2) }
    .xs-m-l-3 { margin-left:var(--margin-3) }
    .xs-m-l-4 { margin-left:var(--margin-4) }

    .xs-m-r-0 { margin-right:0 }
    .xs-m-r-1 { margin-right:var(--margin-1) }
    .xs-m-r-2 { margin-right:var(--margin-2) }
    .xs-m-r-3 { margin-right:var(--margin-3) }
    .xs-m-r-4 { margin-right:var(--margin-4) }

    .xs-m-lr-0 { margin-left:0; margin-right:0 }
    .xs-m-lr-1 { margin-left:var(--margin-1); margin-right:var(--margin-1); }
    .xs-m-lr-2 { margin-left:var(--margin-2); margin-right:var(--margin-2); }
    .xs-m-lr-3 { margin-left:var(--margin-3); margin-right:var(--margin-3); }
    .xs-m-lr-4 { margin-left:var(--margin-4); margin-right:var(--margin-4); }

    .xs-m-tb-0 { margin-bottom:0; margin-top:0; }
    .xs-m-tb-1 { margin-bottom:var(--margin-1); margin-top:var(--margin-1); }
    .xs-m-tb-2 { margin-bottom:var(--margin-2); margin-top:var(--margin-2); }
    .xs-m-tb-3 { margin-bottom:var(--margin-3); margin-top:var(--margin-3); }
    .xs-m-tb-4 { margin-bottom:var(--margin-4); margin-top:var(--margin-4); }

    .xs-m-all-0 { margin:0; }
    .xs-m-all-1 { margin:var(--margin-1); }
    .xs-m-all-2 { margin:var(--margin-2); }
    .xs-m-all-3 { margin:var(--margin-3); }
    .xs-m-all-4 { margin:var(--margin-4); }

    .xs-mm-b-0 { margin-bottom:0 !important }
    .xs-mm-b-1 { margin-bottom:var(--margin-1) !important }
    .xs-mm-b-2 { margin-bottom:var(--margin-2) !important }
    .xs-mm-b-3 { margin-bottom:var(--margin-3) !important }
    .xs-mm-b-4 { margin-bottom:var(--margin-4) !important }

    .xs-mm-t-0 { margin-top:0 !important }
    .xs-mm-t-1 { margin-top:var(--margin-1) !important }
    .xs-mm-t-2 { margin-top:var(--margin-2) !important }
    .xs-mm-t-3 { margin-top:var(--margin-3) !important }
    .xs-mm-t-4 { margin-top:var(--margin-4) !important }

    .xs-mm-l-0 { margin-left:0 !important }
    .xs-mm-l-1 { margin-left:var(--margin-1) !important }
    .xs-mm-l-2 { margin-left:var(--margin-2) !important }
    .xs-mm-l-3 { margin-left:var(--margin-3) !important }
    .xs-mm-l-4 { margin-left:var(--margin-4) !important }

    .xs-mm-r-0 { margin-right:0 !important }
    .xs-mm-r-1 { margin-right:var(--margin-1) !important }
    .xs-mm-r-2 { margin-right:var(--margin-2) !important }
    .xs-mm-r-3 { margin-right:var(--margin-3) !important }
    .xs-mm-r-4 { margin-right:var(--margin-4) !important }

    .xs-mm-lr-0 { margin-left:0 !important; margin-right:0 !important }
    .xs-mm-lr-1 { margin-left:var(--margin-1) !important; margin-right:var(--margin-1) !important; }
    .xs-mm-lr-2 { margin-left:var(--margin-2) !important; margin-right:var(--margin-2) !important; }
    .xs-mm-lr-3 { margin-left:var(--margin-3) !important; margin-right:var(--margin-3) !important; }
    .xs-mm-lr-4 { margin-left:var(--margin-4) !important; margin-right:var(--margin-4) !important; }

    .xs-mm-tb-0 { margin-bottom:0 !important; margin-top:0 !important; }
    .xs-mm-tb-1 { margin-bottom:var(--margin-1) !important; margin-top:var(--margin-1) !important; }
    .xs-mm-tb-2 { margin-bottom:var(--margin-2) !important; margin-top:var(--margin-2) !important; }
    .xs-mm-tb-3 { margin-bottom:var(--margin-3) !important; margin-top:var(--margin-3) !important; }
    .xs-mm-tb-4 { margin-bottom:var(--margin-4) !important; margin-top:var(--margin-4) !important; }

    .xs-mm-all-0 { margin:0 !important; }
    .xs-mm-all-1 { margin:var(--margin-1) !important; }
    .xs-mm-all-2 { margin:var(--margin-2) !important; }
    .xs-mm-all-3 { margin:var(--margin-3) !important; }
    .xs-mm-all-4 { margin:var(--margin-4) !important; }

    .xs-display-block { display:block !important; }
    .xs-display-inline-block { display:inline-block !important; }
    .xs-display-inline { display:inline !important; }

    .xs-text-center { text-align:center }
    .xs-text-left { text-align:left }
    .xs-text-right { text-align:right }

    .xs-pull-none { float:none !important; }

    #loading-bar-spinner { left:auto; right:75px; top:19px; }

    .modal-dialog { margin:3%; }
    .modal-header,
    .modal-footer { margin-right:0; }
    .modal-content { border-radius:var(--radius) }


    .kr-modal-open-auth { width:80%; margin:0 auto auto auto; }
    .kr-modal-open-auth .modal { padding-top:50px; }
    .kr-modal-open-auth .modal-footer .btn { width:100%; display:block; margin:0 0; }
    .kr-modal-open-auth .modal-footer button.btn { display:inline-block; }
    .kr-modal-open-auth .modal-footer .btn + .btn { margin-top:10px; }
    .kr-modal-open-auth .modal-footer .btn + .btn-send { margin-top:20px; }

    /*.select2-container { width:100% !important; }*/
    /*.select2-container-active { width:auto !important;}*/
    .l-ui-select .select2-drop { max-width:none; }
    .l-ui-select .select2-drop { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; }
    .l-ui-select .select2-drop:after { content:""; display:block; position:absolute; bottom:0; left:0; right:0; height:30px;
        background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(181,181,181,0.5) 100%); pointer-events: none;
    }

    .l-form .form-horizontal .control-label app-help-popup { position:static; }
    .l-form .form-group { margin-bottom:var(--margin-1); }

    .xs-table_responsive {min-height: 0.01px;overflow-x: auto;}
    .xs-table-layout-auto {table-layout: auto;}
    .xs-table-layout-fixed {table-layout: fixed !important;}

    .l-table-header .x-table-header-title { margin-bottom:var(--margin-2); text-align:center; }
    .l-table-filter { padding-top:0; }
    .l-table-filter .form-inline { margin-bottom:0px; position:relative; }
    .l-table-filter .x-filter-reset { position:absolute; left:calc(100% + 10px); right:auto; top:0; }
    .l-table-filter .x-filter-toggle { position:absolute; left:calc(100% + 10px); bottom:0px; margin-bottom:0; }
    .l-table-filter > .panel-body { padding-top:0; }
    .l-table-filter .form-group.x-label-top { margin-top:20px; margin-bottom:10px; }
    .table-responsive > .l-table { margin-bottom:0; }

    .l-pagination { margin-top:var(--margin-2)}

    /*== MENU MOBILE ==*/

    #t-sidebar-left { display:none; }

    #t-navbar-top .dropdown-menu a,
    #t-navbar-top .l-from-left-menu .dropdown-menu a,
    #t-navbar-top .navbar-default .navbar-nav>li>a { padding:var(--padding-2); color:var(--navbar-mobile-color); font-size:var(--navbar-mobile-font-size); line-height:1.5; }
    #t-navbar-top .navbar-toggle { float:left; margin-right:10px; margin-left:10px;}
    #t-navbar-top .navbar-nav .track.open > .dropdown-menu,
    #t-navbar-top .navbar-nav .open-fix > .dropdown-menu,
    #t-navbar-top .navbar-nav .open > .dropdown-menu,
    #t-navbar-top .navbar-nav .mobile-open > .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; display:block; }
    #t-navbar-top .l-from-left-menu > ul { max-width:none; max-height:none; }
    #t-navbar-top .l-from-left-menu .dropdown-menu a,
    #t-navbar-top .l-from-left-menu .dropdown-menu ul a { padding:var(--padding-2)}
    #t-navbar-top .dropdown-menu a i,
    #t-navbar-top .l-from-left-menu .dropdown-menu a i { margin-right:8px; }
    #t-navbar-top .dropdown-menu .active > a,
    #t-navbar-top .l-from-left-menu .dropdown-menu .active > a { color:var(--navbar-mobile-active-color); background:var(--navbar-mobile-active-bg); border-radius:0 20px 20px 0; margin-right:var(--margin-2) }
    #t-navbar-top .navbar-default .navbar-collapse { background:var(--navbar-mobile-menu-bg); /*max-height:calc(100vh - 50px); *//*padding-bottom:150px; *//*padding: chrome fix*/ }
    #t-navbar-top .dropdown-toggle,
    #t-navbar-top .dropdown > a { padding:var(--padding-1)var(--padding-2) !important; text-align:left; position:relative; background:transparent !important; font-size:100%; }
    #t-navbar-top .dropdown-toggle:before,
    #t-navbar-top .dropdown > a:before { content:""; position:absolute; left:0; right:0; top:50%; border-top:var(--navbar-mobile-toggle-border); }
    #t-navbar-top .dropdown-toggle .x-text,
    #t-navbar-top .dropdown > a .x-text { display:inline-block; padding:5px 10px; background:var(--navbar-mobile-toggle-text-bg); font-weight:var(--navbar-mobile-toggle-font-weight); position:relative; }
    #t-navbar-top ul ul ul .dropdown-toggle .x-text,
    #t-navbar-top ul ul ul .dropdown > a .x-text { margin-left:calc(var(--margin-2)) }
    #t-navbar-top ul ul ul ul .dropdown-toggle .x-text,
    #t-navbar-top ul ul ul ul .dropdown > a .x-text { margin-left:calc(var(--margin-2)) }
    #t-navbar-top .l-from-left-menu li.dropdown > a i,
    #t-navbar-top .dropdown-toggle > .caret { display:none; }
    #t-navbar-top .navbar-form { margin:0 -15px;  background:var(--navbar-mobile-form-bg); border:none; }
    #t-navbar-top .navbar-collapse { max-width:300px; box-shadow:3px 13px 15px 0; border:none; }
    #t-navbar-top .navbar-nav { margin:0 -15px; }
    #t-navbar-top .navbar-default .navbar-collapse { position: relative; }
    #t-navbar-top .navbar-fixed-top { background:transparent; }
    #t-navbar-top .navbar-fixed-top .container-fluid > .navbar-header { background: var(--navbar-mobile-header-bg); }
    #t-navbar-top .is-menu-expanded-true.navbar-fixed-top .container-fluid > .navbar-header { border-bottom:var(--navbar-mobile-header-border-bottom); }
    #t-navbar-top .is-menu-expanded-true .x-background { background:var(--navbar-mobile-menu-bg); margin:0 -15px; padding:0 10px 150px 10px; position:relative; max-height:calc(100vh - 50px); overflow-y:scroll; overflow-x:hidden; }
    #t-navbar-top .is-menu-expanded-false .icon-bar { transition:transform 0.5s;}
    #t-navbar-top .is-menu-expanded-true .icon-bar { transition:transform 0.5s;}
    #t-navbar-top .is-menu-expanded-true .bar2 { opacity:0; }
    #t-navbar-top .is-menu-expanded-true .bar1 { transform:rotate(405deg) translateX(4px) translateY(4px);  }
    #t-navbar-top .is-menu-expanded-true .bar3 { transform:rotate(-405deg) translateX(4px) translateY(-4px); }
    #t-navbar-top .is-menu-expanded-true.navbar-fixed-top .x-overlay { position: fixed; top: 51px; left: 0; bottom: 0; width: 100vw; background: rgba(0, 0, 0, 0.5) }
    #t-navbar-top .navbar-fixed-top .dropdown { color: var(--navbar-mobile-toggle-color); }
    #t-navbar-top .navbar-collapse.fadecollapse { left:-300px; opacity: 0; transition: left 0.3s ease, opacity 0.3s ease; height:auto !important;  }
    #t-navbar-top .navbar-collapse.fadecollapse.collapsing { left:-300px; transition: left 0.3s ease, opacity 0.3s ease !important; /*visibility: hidden;*/ }
    #t-navbar-top .navbar-collapse.fadecollapse.in { left:0; opacity: 1; transition: left 0.3s ease, opacity 0.3s ease; }
    #t-navbar-top .navbar-default .navbar-nav>.active>a,
    #t-navbar-top .navbar-default .navbar-nav>.open>a { box-shadow:none }
    #t-navbar-top .l-from-left-menu .dropdown-menu a,
    #t-navbar-top .l-from-left-menu .dropdown-menu ul a,
    #t-navbar-top .dropdown-menu a,
    #t-navbar-top .dropdown-menu ul a { padding-left:calc(var(--padding-2)*3); text-overflow:ellipsis; overflow:hidden; }
    #t-navbar-top .dropdown-menu ul ul a { padding-left:calc(var(--padding-2)*4) }
    #t-navbar-top .dropdown-toggle:after,
    #t-navbar-top .dropdown > a:after { content:"\f13a"; font-family:"Font Awesome 5 Free"; font-weight:600; display:inline-block; position:absolute; right:20px; line-height:20px; padding:0 5px; background:var(--navbar-mobile-toggle-text-bg); height:20px; top:calc(50% - 10px); font-size:18px; transition:all 0.4s ease; }
    #t-navbar-top .dropdown.open:not(.mobile-open) > a:after { transform:scaleY(-1); transition:all 0.4s ease; }
    #t-navbar-top .dropdown.mobile-open > a:after { color:var(--navbar-mobile-toggle-border-color)}
    /*// MENU TOP ==*/

}