/* ============================================================  
   ---------------------- Instruction -------------------------
   ============================================================ */
/* v.1. */

/*Classes start with:*/

/*.aa-.. - aaDialog classes */
/* aam-.. - Master Page */

/*.aap-.. - AppShell */
/*.aao-.. - Output */
/*.aad-.. - Design Elements */

/*.aai-.. - icon class (aaDialog) */

/* Block - Element - Modificator naming */

/* Block
    name dosn't contain "--" and "__" 
    example: .page-header 
    can be used as individual in other places 

   Element 
    starts from block name, then '__' and element name
    example: .page-header__logo
    can't be used as individual, only as a part of block (page-header in example)

   Modificator
    starts from block or element name, then '--' and modificator name
    examples: .page-header--secondary  
              .page-header__logo--top
    can be used together with the block or element class (page-header page-header--secondary or page-header__logo page-header__logo--top)
 */

/*Space system: 
    2 -     /secondary 2
    4 - XS  /secondary 1
   !8 - S 
    12 - M  /secondary 1
   !16 - L 
    20 - XL /secondary 1
   !24  
    28  -   /secondary 1
   !32 
*/


/* ============================================================  
   --------------------- BASIC ELEMENTS -----------------------
   ============================================================ */
 
/*     html  {
    filter: invert(1) hue-rotate(180deg);
  }   */

/*   html  {
    filter: invert(100%);
  }
  
    html  img, html  a{
    filter: invert(100%);
  } */


html{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body{
    font-family: 'open sans';
    font-size: 13px;    
    line-height: normal;
    color: #333333;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

/* --------- scrolling { ---------- */
body::-webkit-scrollbar {
    width: 10px;
    height: 10px; 
}
  
body::-webkit-scrollbar-track {
    background: #e3e3e3;
    border-radius: 10px;
}
  
body::-webkit-scrollbar-thumb {
    background: #bdbdbd;
    border-radius: 10px;
}
/* --------- } scrolling ----------- */

input{
    font-family: 'open sans';
    font-size: inherit;
    border: #e5e5e5 1px solid;
    margin: 0;
    padding: 0 4px;
}

    input[type="radio"] {
        border-width: 0px;
        border-style: none;
        margin: 0;
        padding: 0px; /* workaround for FF-mobile browser which renders very small check boxes and radio buttons and prevents click to take effect (most probbaly by reducing clickable area together with margin settings) */
    }

    input[type="checkbox"] {
        border-width: 0px;
        border-style: none;
        margin: 0;
        padding: 0px; /* workaround for FF-mobile browser which renders very small check boxes and radio buttons and prevents click to take effect (most probbaly by reducing clickable area together with margin settings) */
    }

    input:invalid{
        border: 1px solid #E53935;
    }

textarea{
    border-color: #e5e5e5;
    border-width: 1px;
    border-style: solid;
    padding-left:5px;
}

select{
    font-family: 'open sans';
    font-size: inherit;
    border: #e5e5e5 1px solid;
}

button{
    font-family: 'open sans';
    font-size: 13px;
    padding: 0;
}

    button:hover{
        cursor: pointer;
    }

 form{
    margin: 0px;
}

ul, ol {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    list-style-position: inside;  /* defaul: outside - markers are placed outside the list item box */    
}

p{
    line-height: 1.6;
    margin: 0.7em 0;
    padding: 0;
    font-weight: normal;
}

img{
    border-style: none;
}

h1{
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin: 0; 
    padding: 0;
    margin-top: 20px;
    margin-bottom: 16px;
}

h2{
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    margin: 0; 
    padding: 0;
    margin-top: 16px;
    margin-bottom: 14px;
}

h3{
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    margin: 0; 
    padding: 0;
    margin-top: 15px;
    margin-bottom: 13px;
}

h4{
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin: 0; 
    padding: 0;
    margin-top: 14px;
    margin-bottom: 12px;
}

h5{
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    margin: 0; 
    padding: 0;
    margin-top: 12px;
    margin-bottom: 10px;
}

h6{
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    margin: 0; 
    padding: 0;
    margin-top: 12px;
    margin-bottom: 10px;
}

a{
    color: #0288d1;
    font-family: 'open sans';
    font-size: 13px;
    text-decoration: none;
}

    a:hover{
        text-decoration: underline;
    }

table{
    border-collapse: collapse;
    border-spacing: 0px;
    font-family: 'open sans';
    page-break-inside: auto;
    page-break-after: auto;
}

tr{
    page-break-inside: avoid;
    page-break-after: auto;
    padding: 0;
}

input:focus, textarea:focus, select:focus{
    outline-color: #E0E0E0;
}

/* ============================================================  
   ------------------------- TITLES ---------------------------
   ============================================================ */

   .aa-h1{
        font-size: 32px;
        font-weight: normal;
        line-height: 44px;
        margin: 0; 
        padding: 20px 0 16px 0;
   }

   .aa-h2{
        font-size: 24px;
        font-weight: normal;
        line-height: 40px;
        margin: 0;
        padding: 12px 0 8px 0;
   }

   .aa-h3{
        font-size: 19px;
        font-weight: 600;
        line-height: 36px;
        margin: 0;
        padding: 16px 0 8px 0;
        padding: 12px 0 8px 0;
   } 
   
   .aa-h4{
        font-size: 16px;
        font-weight: 600;
        line-height: 32px;
        margin: 0;
        padding: 10px 0 4px 0;
   }

   .aa-h5{
        font-size: 15px;
        font-weight: 600;
        line-height: 28px;
        margin: 0;
        padding: 10px 0 4px 0;
   }
   
   .aa-h6{
        font-size: 13px;
        font-weight: 600;
        line-height: 24px;
        margin: 0;
        padding: 8px 0 4px 0;
   }


/* ============================================================  
   ------------------------- LINKS ---------------------------
   ============================================================ */



.aa-link, .aa-link:link, .aa-link:visited {
    display: inline-block;
    font-size: 13px;
    line-height: 24px;
    color: #0288d1;
    font-weight: 600;
}

.aa-link:hover{
    text-decoration: none;
    color: #01579B;
    cursor: pointer;
}

.aa-link--sm{
   /* the same as aa-link (standard) */
}

.aa-link--xs, .aa-link--xs:link, .aa-link--xs:visited {
    font-size: 12px;
    line-height: 22px;
}

.aa-link--lg, .aa-link--lg:link, .aa-link--lg:visited {
    font-size: 14px;
    line-height: 28px;
}

.aa-link--dark-grey, .aa-link--dark-grey:link, .aa-link--dark-grey:visited {
    color: #333333;
}

.aa-link--dark-grey:hover{
    color: #0288d1;
}

.aa-link--grey, .aa-link--grey:link, .aa-link--grey:visited {
    color: #333333;
    font-weight: 500;
}

.aa-link--grey:hover{
    color: #0288d1;
}

.aa-link--simple, .aa-link--simple:link, .aa-link--simple:visited {
    font-weight: 500;
}

.aa-link--folder, .aa-link--folder:link, .aa-link--folder:visited {
    color: #666666;
}

.aa-link--folder:hover{
    color: #0288d1;
}

.aa-link--disabled, .aa-link--disabled:link, .aa-link--disabled:visited {
    cursor: not-allowed;
    opacity: 0.5;
}

.aa-links__items{
    padding: 2px 10px;
}

.aa-link-i--home {
    position: relative;
}

.aa-link-i--home:before{
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url('../images/appshell/home.svg');
    background-size: 15px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 15px;
    left: -18px;
    top: 4px;
    transition: all 0.3s;
}

.aa-link-i--home:hover:before{
transform: scale(1.1);
}

/* ============================================================  
   ------------------------- BUTTONS --------------------------
   ============================================================ */
   .aa-btn {
    padding: 5px 16px;
    cursor: pointer;
    min-height: 30px;
    min-width: 88px;
    line-height: 18px;
    vertical-align: middle; 
    display: inline-block; 
    text-align: center; 
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid transparent;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;    
}

.aa-btn:hover{
    text-decoration: none;
}

    .aa-btn:focus {
        outline: none;
    }

/* ==================== BUTTON STYLES =================== */

.aa-btn--primary {
    color: #fff;
    background-color: #0288D1;
    border-color: #0288D1;
}

.aa-btn--primary:hover, .aa-btn--primary:focus {
        background-color: #0277BD;
        border-color: #0277BD;
    }

.aa-btn--primary2 {
    color: #fff;
    background-color: #4CAF50;
    border-color: #4CAF50;
}

    .aa-btn--primary2:hover, .aa-btn--primary2:focus {
        background-color: #43A047;
        border-color: #43A047;
    }

.aa-btn--basic {
    background-color: #eeeeee;
    border-color: #E0E0E0;
    color: #34495e;
}

    .aa-btn--basic:hover, .aa-btn--basic:focus {
        background-color: #e0e0e0;
        border-color: #e0e0e0;
    }

.aa-btn--special {
    color: #fff;
    background-color: #607D8B;
    border-color: #607D8B;
}

    .aa-btn--special:hover, .aa-btn--special:focus {
        background-color: #546E7A;
        border-color: #546E7A;
    }

.aa-btn--critical {
    color: #fff;
    background-color: #E53935;
    border-color: #E53935;
}

    .aa-btn--critical:hover, .aa-btn--critical:focus{
        background-color: #D32F2F;
        border-color: #D32F2F;
    }

.aa-btn--warning {
    color: #fff;
    background-color: #FF9800;
    border-color: #FF9800;
}

    .aa-btn--warning:hover, .aa-btn--warning:focus {
        background-color: #fb8c00;
        border-color: #fb8c00;
    }


.aa-btn--white {
    background-color: #fff;
    border-color: #fff;
    color: #464646;
    font-weight:600;
}

    .aa-btn--white:hover, .aa-btn--white:focus {
        background-color: #e0e0e0;
        border-color: #e0e0e0;
    }

/* ====================== Small Button Size =================== */
.aa-btn--sm {
    min-height: 24px;
    min-width: 88px;
    padding: 2px 12px;
    line-height: 18px;
    font-size: 12px;
}

.aa-btn--lg {
    min-height: 34px;
    min-width: 88px;
    padding: 5px 16px;
    line-height: 20px;
    font-size: 15px;
}

/* ====================== Air Buttons ==================== */
 .aa-btn--air-basic {
    color: #616161;
    font-weight: 600;
    background: none;
    border: 1px solid #616161;
}

    .aa-btn--air-basic:hover {
        background: #eeeeee;
        border: #616161 1px solid;
    }

.aa-btn--air-primary {
    color: #0277BD;
    font-weight: 600;
    background: none;
    border: 1px solid #0277BD;
}

    .aa-btn--air-primary:hover {
        background: #e8f7ff;
        border: #0277BD 1px solid;
    }

.aa-btn--air-primary2 {
    color: #43A047;
    font-weight: 600;
    background: none;
    border: 1px solid #43A047;
}

    .aa-btn--air-primary2:hover {
        background: #E8F5E9;
        border: #43A047 1px solid;
    }

.aa-btn--air-special {
    color: #546E7A;
    font-weight: 600;
    background: none;
    border: 1px solid #546E7A;
}

     .aa-btn--air-special:hover {
        background: #ECEFF1;
        border: #546E7A 1px solid;
    }

.aa-btn--air-warning {
    color: #fb8c00;
    font-weight: 600;
    background: none;
    border: 1px solid #fb8c00;
}

    .aa-btn--air-warning:hover, .aa-btn--air-warning:focus{
        background: #fff8e1;
        border: #fb8c00 1px solid;
    }

.aa-btn--air-critical {
    color: #E53935;
    font-weight: 600;
    background: none;
    border: 1px solid #E53935;
}

    .aa-btn--air-critical:hover {
        background: #fff5f5;
        border: #E53935 1px solid;
    }

 .aa-btn--air-white {
    color: #fff;
    font-weight: 600;
    background: none;
    border: 1px solid #fff;
}

     .aa-btn--air-white:hover {
        background: #fff;
        border: #fff 1px solid;
        color: #474747;
    }

.aa-btn--disabled, .aa-btn--disabled:hover {
    cursor: not-allowed;
    opacity: 0.5;
}

.aa-btn-group{
    display: flex;
}

.aa-btn-group .aa-btn{
    margin-right: 4px;
}

.aa-btn-group--right{
    width: 100%;
    justify-content: flex-end;
}

.aa-btn-group--center{
    justify-content: center;
}

.aa-btn--help{
    min-width: 30px;
    font-weight: 800;
    font-size: 15px;
}

/* ============================================================  
   ------------------------- STATUSES ----------------------------
   ============================================================ */
   
.aa-status{
	padding: 1px 4px;
    font-weight: 600;
	font-size: 13px;
    line-height: 15px;
    vertical-align: middle;
	border-radius: 4px;
} 
   
.aa-status--open{
    background: #cbecfd;
	color: #1565c0;
} 


/* ============================================================  
   ------------------------- NOTES ----------------------------
   ============================================================ */

.aa-note {
    padding: 8px 12px;
    border-left-width: 3px;
    border-left-style: solid;
    font-size: 12px;
    font-weight:600;
    line-height: 18px;
    display: block;
}

.aa-note--info {
    border-color: #0277BD;
    background: #e8f7ff;
}

.aa-note--success {
    border-color: #43A047;
    background: #E8F5E9;
}

.aa-note--error {
    border-color: #E53935;
    background: #fff5f5;
    color: #E53935
}

.aa-note--warning {
    border-color: #ffeb3b;
    background: #fff9db;
}

.aa-note--warning {
    border-color: #ffeb3b;
    background: #fff9db;
}

.aa-note--hidden {
    display: none;
}

/* ============================================================  
   ------------------------ MESSAGES --------------------------
   ============================================================ */

.aa-msg{
    font-size: 13px;
    padding: 12px;
    border-left-width: 3px;
    border-left-style: solid;
    display: inline-block;
    text-align: left;
    width: 100%;
    font-weight: 500;
    transition: all 0.7s;
}

.aa-msg--info {
    border-color: #0277BD;
    background: #e8f7ff;
}

.aa-msg--success {
    border-color: #43A047;
    background: #E8F5E9;
}

.aa-msg--error {
    border-color: #E53935;
    background: #fff5f5;
    color: #E53935
}

.aa-msg--warning {
    border-color: #ffeb3b;
    background: #fff9db;
}

.aa-msg--hidden{
    display: none;
}

/* ============================================================  
   ------------------------- LABEL ----------------------------
   ============================================================ */

.aa-hint{
    display: block;
    font-weight: 600;
    padding-left: 6px;
    line-height: 24px;
    text-align: left;
    margin: 4px 0;
}

.aa-hint--info {
    color: #0277BD;
}

.aa-hint--success {
    color: #43A047;
}

.aa-hint--error {
    color: #E53935;
}

.aa-hint--warning {
    color:#FF6F00;
}

.aa-hint--hidden{
    display: none;
}

.aa-hint.aa--inline{
    display: inline;
}

/* ============================================================  
   ------------------------ CHECKBOXES ------------------------
   ============================================================ */

   .aa-chk {
    display: block;
    position: relative;
    padding-left: 22px;
    padding-right: 10px;
    cursor: pointer;
    user-select: none;
    line-height: 24px;
    width: fit-content;
    vertical-align: middle;
    font-size: 13px;
}

.aa-tbl .aa-chk{
    padding-right: 0;
    line-height: 18px;
    margin-bottom: 2px;
}

.aa-tbl .aa-chk__mark{
    top: 2px;
}

    .aa-chk__input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.aa-chk__mark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #bbb;
    background: #fff;
}

.aa-chk:hover .aa-chk__input ~ .aa-chk__mark {
    background-color: #eee;
    border: 1px solid #bbb;
}

.aa-chk__input:checked ~ .aa-chk__mark {
    background-color: #fff;
    border: 1px solid #bbb;
}

.aa-chk__mark:after {
    content: "";
    position: absolute;
    display: none;
}

.aa-chk__input:checked ~ .aa-chk__mark:after {
    display: block;
}

.aa-chk .aa-chk__mark:after {
    left: 4px;
    top: 0px;
    width: 7px;
    height: 11px;
    border: solid #0277BD;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.aa-chk--inline {
    display: inline-block;
}

/* ========================= Disabled ========================= */
.aa-chk--disabled .aa-chk__mark {
    background-color: #eee;
}

    .aa-chk--disabled .aa-chk__mark:hover {
        background-color: #eee;
    }

.aa-chk--disabled:hover, .aa-chk--readonly:hover {
    cursor: not-allowed;
}

/* ======================== Read only ========================= */
.aa-chk--readonly{
    pointer-events:none;
}

.aa-chk--readonly .aa-chk__mark {
    background-color: #fff;
}

    .aa-chk--readonly .aa-chk__mark:hover {
        cursor: default;
    }

.aa-chk--readonly:hover input ~ .aa-chk__mark {
    background-color: #fff;
}


/* ======================== Checkbox group ========================= */

.aa-chk-group--inline{
    display: flex;
}

   
/* ===========================================================================  
   ------------------------------ COLLAPSE -----------------------------------
   =========================================================================== */

.aa-chk--partial .aa-chk__mark:after {
    display: block;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    background: #0277BD;
    border: none;
    transform: none;
}

.aa-chk-groups__parent > .aa-chk {
    font-weight: 600;
    display: inline-block;
    margin-left: -5px;
}

.aa-chk-groups .aa-collapse__btn::before {
    height: 17px;
}

.aa-chk-groups__child, .aa-collapse__area {
    padding-left: 25px;
}

    .aa-chk-groups__child > * {
        display: block;
    }

.aa-chk-groups__group.aa-collapse .aa-collapse__area {
    padding-left: 50px;
}

    .aa-chk-groups__group.aa-collapse .aa-collapse__area .aa-collapse__area {
        padding-left: 25px;
    }

.aa-collapse__area .aa-collapse__btn {
    margin-left: -23px;
}

.aa-collapse--collapsed .aa-collapse__area {
    display: none;
}

.aa-collapse__control{
    height: 22px;
}

.aa-collapse__btn{
    display: inline-block;
    color: #222222;
    font-weight: 600;

}

.aa-collapse__btn::before {
    content: "";
    background-image: url('../images/common/angle2_down.svg');
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 11px 9px;
    background-position-x: left;
    background-position-y: center;
    height:  9px;
    width: 21px;
    margin-left: 8px;
    transition: all 0.3s;
}

.aa-collapse__btn + a {
    margin-left: -4px;
}

.aa-collapse__btn:hover {
    cursor: pointer;
    text-decoration: none;
}

    .aa-collapse__btn:hover:before {
        background-image: url('../images/common/angle2_down_hover.svg');
        transform: scale(1.1);
    }

.aa-collapse--collapsed .aa-collapse__btn::before {
    content: "";
    background-image: url('../images/common/angle2_right.svg');
    background-size: 9px 11px;
    height: 11px;
    width: 21px;
}

.aa-collapse--collapsed .aa-collapse__btn:hover:before {
    background-image: url('../images/common/angle2_right_hover.svg');
    transform: scale(1.1);
}

.aa-collapse__item-link{
    font-size: 15px;
	line-height: 36px;
    padding-left: 30px;
    font-weight: 600;
}

.aa-collapse__item-link:hover{
    text-decoration: none;
    color: #01579B;
}

/* ------------------------ Collapse Menu ---------------------- */

.aa-menu-collapse{
    height: 100%;
/*     border: 1px solid rgb(231, 231, 231); */
}

.aa-menu-collapse--collapsed.aa-menu-collapse{
    border: 1px solid rgb(231, 231, 231);
    height: 40px;
    width: 42px;
}

.aa-menu-collapse--collapsed .aa-menu-collapse__collapse_area, 
.aa-menu-collapse--collapsed .aa-menu-collapse__body{
    display: none;
}

.aa-menu-collapse__body-header{
    font-size: 15px;
    padding: 4px 8px 16px;
    font-weight: 600;
}

.aa-menu-collapse--collapsed .aa-menu-collapse__header{
    border: none;
    height: 40px;
}

   .aa-menu-collapse__header{
    height: 44px;
    border-bottom: 1px solid rgb(231, 231, 231);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 12px;
}

.aa-menu-collapse__toggle{
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 14px 21px;
    width: 14px;
    height: 21px;
    transition: ease-out 0.3s;
    transition: left 0.3s ease;
}

.aa-menu-collapse__toggle--close{
    background-image: url(../images/appshell/inactive.svg);
}

.aa-menu-collapse__toggle--close:hover{
    background-image: url(../images/appshell/inactive_hover.svg);
    cursor: pointer;
}

.aa-menu-collapse__toggle--open{
    background-image: url(../images/appshell/plus_gray.svg);
}

.aa-menu-collapse__toggle--open:hover{
    background-image: url(../images/appshell/plus.svg);
    cursor: pointer;
}

.aa-menu-collapse__all{
    content: "";
    height: 14px;
    width: 16px;
    transition: all ease-out 0.3s;
    margin: 6px 2px 0px 2px;
    border: none;
    outline: none;
    background: none;
    background-repeat: no-repeat;
    background-size: auto 14px;
}

.aa-menu-collapse__all--open{
    background-image: url(../images/common/expand.svg);
}
.aa-menu-collapse__all--open:hover{
    background-image: url(../images/common/expand_hover.svg);
    transform: scale(1.1);
}

.aa-menu-collapse__all--close{
    background-image: url(../images/common/collapse.svg);
}
.aa-menu-collapse__all--close:hover{
    background-image: url(../images/common/collapse_hover.svg);
    transform: scale(1.1);
}

.aa-menu-collapse__body{
    padding:  12px 0px 20px 0px;
    overflow-y: auto;
    height: calc(100% - 44px);
}

.aa-menu-collapse__body::-webkit-scrollbar {
    width: 6px;
}

.aa-menu-collapse__body::-webkit-scrollbar-track {
    background: #e3e3e3;
    border-radius: 10px;
}

.aa-menu-collapse__body::-webkit-scrollbar-thumb {
    background: #bdbdbd;
    border-radius: 10px;
}


.aa-collapse__link{
    padding-left: 4px;
    font-size: 13px;
    display: block;
    word-break: break-word;
    line-height: 20px;
    color: #444444;
}

.aa-collapse__link:hover{
    text-decoration: none;
    color: #0288d1;
}

.aa-collapse__link::before{
    content: '\2212';
    color: #222222;
    font-weight: 800;
    padding-right: 8px;
    display: inline-block;
}

.aa-collapse__link--active{
    font-weight: 600;
    color: #222222;
}


/* ------------------------ Collapse Area ---------------------- */

.aa-collapse--area{
    padding-bottom: 12px;
}

.aa-collapse--area>.aa-collapse__ctrl>.aa-collapse__btn::before{
    content: none;
}

.aa-collapse--area>.aa-collapse__ctrl{
    background-color: #f8f8f8;
    position: relative;
    border-radius: 10px;
}

.aa-collapse--area>.aa-collapse__ctrl>.aa-collapse__btn{
    width: 100%;
    font-size: 14px;
    line-height: 42px;
    padding-left: 20px;
    font-weight: 500;
}

.aa-collapse--area>.aa-collapse__ctrl>.aa-collapse__btn::after{
    content: "+";
    position: absolute;
    right: 0;    
    font-size: 26px;
    color: #444444;
    padding-right: 20px;
    font-weight: 400;
}

.aa-collapse--area>.aa-collapse__ctrl:hover{
    cursor: pointer;
}

.aa-collapse--area>.aa-collapse__area{
    line-height: 1.7;
    font-weight: 400;
    padding: 9px 15px 12px 15px;
}



/* ============================================================  
   ---------------------- RADIO BUTTONS -----------------------
   ============================================================ */

   .aa-radio {
    display: block;
    position: relative;
    padding-left: 22px;
    padding-right: 8px;
    cursor: pointer;
    user-select: none;
    line-height: 24px;
    width: fit-content;
    font-size: 13px;
    vertical-align: middle;
}

.aa--inline-block .aa-radio{
    display: inline-block;
}

    .aa-radio__input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.aa-radio__mark {
    position: absolute;
	top: 4px;
    left: 1px; /* left: 0; */
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 50%;
}

.aa-radio__input ~ .aa-radi__mark {
    background-color: #eee;
}

.aa-radio__input:checked ~ .aa-radio__mark {
    background-color: #fff;
}

.aa-radio__mark:after {
    content: "";
    position: absolute;
    display: none;
}

.aa-radio__input:checked ~ .aa-radio__mark:after {
    display: block;
}

.aa-radio .aa-radio__mark:after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0277BD;
}

.aa-radio--inline {
    display: inline-block;
}

.aa-radio:hover .aa-radio__input ~ .aa-radio__mark{
    background-color: #eee;
    border: 1px solid #bbb;
}


/* ========================= Disabled ========================= */
.aa-radio--disabled:hover {
    cursor: not-allowed;
}

.aa-radio--disabled .aa-radio__mark {
    background-color: #eee;
}

/* ======================== Read only ========================= */

.aa-radio--readonly{
    pointer-events:none;
}

.aa-radio--readonly:hover {
    cursor: not-allowed;
}

.aa-radio--readonly:hover input ~ .aa-radio__mark {
    background-color: #fff;
}

/* ======================== Rudio button group ========================= */
.aa-radio-group--inline{
    display: flex;
    flex-wrap: wrap;
}
.aa-radio-group--inline .aa-icon-help{
    padding-left: 0;
}

/* ============================================================  
   ------------------------ DROPDOWNS -------------------------
   ============================================================ */
   .aa-ddl {
    height: 28px;
    background: url(../images/common/baseline_expand_more.svg) no-repeat right;
    background-size: 20px 20px;
    padding: 0px 20px 0px 4px;
    width: 100%;
    text-indent: 0.01px;
    margin: 0;
    -webkit-appearance: none;
    background-color: #fff;
}

    .aa-ddl:focus {
        outline: none;
        border-bottom: 1px solid #0288D1;
        outline-offset: 0;
    }

.aa-input-mix__ddl.aa-ddl:focus{
        border-bottom: none;
    }

.aa-ddl__optgroup {
    color: #333333;
}

.aa-ddl__option{
    min-height: 16px;
}

.aa-ddl--ctr-date-range{
    width: 256px;
}

/* ============================================================  
   -------------------------- INPUTS --------------------------
   ============================================================ */

.aa-input{
    width: 100%;
    line-height: 24px;
    padding: 1px 4px;
}

.aa-input:focus,
.aa-input:invalid:focus{
    border: #E0E0E0 1px solid;
    border-bottom: 1px solid #0288D1;
    outline: 0;
    outline-offset: 0;
}

.aa-input--error{
    border: 1px solid #E53935;
    border-left: 4px solid #E53935;
}

.aa-input[data-validation="failed"]{
    border: 1px solid #E53935 !important;
    border-left: 4px solid #E53935 !important;
}

.aa-textarea[data-validation="failed"]{
    border: 1px solid #E53935;
    border-left: 4px solid #E53935;
}

.aa-radio[data-validation="failed"] .aa-radio__mark{
    border: 1px solid #E53935;
}

.aa-chk[data-validation="failed"] .aa-chk__mark{
    border: 1px solid #E53935;
}

.aa-ddl[data-validation="failed"]{
    border: 1px solid #E53935;
    border-left: 4px solid #E53935;
}

.aa-input--search{
    display: inline-block;
    width: 150px;
    min-width: 80px;
    margin-right: 4px;
}

/*  ------------------------------ Input MIX -------------------------------- */

.aa-input-mix {
    border: #E0E0E0 1px solid;
    line-height: 24px;
    height: 28px;
    display: flex;
    width:100%;
    padding: 0;
    flex: 0 0 100%;
    align-items: center;
}

.aa-input-mix > *:not(:last-child){
    border-right: #E0E0E0 1px solid;
}

.aa-input-mix:focus-within {
    border: #E0E0E0 1px solid;
    border-bottom: 1px solid #0288D1;
}

.aa-input-mix--error{
    border: 1px solid #E53935;
    border-left: 4px solid #E53935;
}

.aa-input-mix--tel>*:nth-child(1){
    border-right: none;
}

.aa-input-mix--tel>*:nth-child(2){
    border-right: none;
    width: 30px;
}

.aa-input-mix--tel>*:nth-child(3){
    border-right: none;
}

.aa-input-mix > .aa-input-mix__lbl, .aa-input-mix > span{
    border-right:none;
    padding-left: 4px;
    padding-right: 4px;
}


.aa-input-mix__input, .aa-input-mix > input{
    line-height: 24px;
    flex: 1 1 auto;
    border: none;
    outline: 0;
    width: 80px;
}

.aa-input-mix__input:focus, .aa-input-mix > input:focus{
    border-bottom: none;
    outline: 0;
}

.aa-input-mix__input--gray{
    background:#dddddd;
}

.aa-input-mix__img{
    padding: 0 10px;
    background-color: #f7f9fa;
    line-height: inherit;
    color: #222;
    height: 100%;
    width: 28px;
    background-repeat:  no-repeat;
    background-position: center;
    border: none;
}

.aa-input-mix__img--user{
    background-image: url(../images/common/user.svg);
    background-size: 15px 15px;   
}

.aa-input-mix__img--lock{
    background-image: url(../images/common/lock.svg);
    background-size: 18px 18px;
}

.aa-input-mix__img--token{
    background-image: url(../images/common/token.svg);
    background-size: 18px 18px;
}

.aa-input-mix__img--evaluated{
    background-image: url(../images/common/evaluated.svg);
    background-size: 14px 14px;
}

.aa-input-mix__img--inherited{
    background-image: url(../images/common/inherited.svg);
    background-size: 16px 16px;
}

.aa-input-mix__img--linescript{
    background-image: url(../images/common/expression.svg);
    background-size: 16px 16px;
}

.aa-input-mix__img--personalized{
    background-image: url(../images/common/personalized.svg);
    background-size: 16px 16px;
}

.aa-input-mix__img--edit{
    background-image: url(../images/common/edit.svg);
    background-size: 15px 15px;
    transition: all 0.3s;
}

.aa-input-mix__img--edit:hover{
    background-image: url(../images/common/edit_hover.svg);
}

.aa-input-mix__img--view{
    background-image: url(../images/common/view.svg);
    background-size: 16px 16px;
}

.aa-input-mix__img--find{
    background-image: url(../images/common/find.svg);
    background-size: 16px 16px;
}
button.aa-input-mix__img--find:hover{
    background-image: url(../images/common/find_hover.svg);
}

.aa-input-mix__reset{
    text-align: center;
    width: 26px;
    height: 100%;
	background-color: #f7f9fa;
}

.aa-input-mix__reset:before{
    content: '\2716';
    color: #444444;
    display: inline-block;
    line-height: 26px;
    font-size: 18px;
    transition: all 0.3s;
}

.aa-form--md .aa-input-mix__reset:before{
    line-height: 28px;
}

.aa-input-mix__reset:hover{
    cursor: pointer;
}

.aa-input-mix__reset:hover::before{
    color: #0288d1;
}

.aa-input-mix__img--cancel{
    background-image: url(../images/common/cancel.svg);
    background-size: 13px 13px;
    background-color: #fff;
}

.aa-input-mix__img--cancel:hover{
    cursor: pointer;
    background-image: url(../images/common/cancel_hover.svg);
}

.aa-input-mix__img--save{
    background-image: url(../images/common/save.svg);
    background-size: 15px 15px;
    background-color: #fff;
}

.aa-input-mix__img--save:hover{
    cursor: pointer;
    background-image: url(../images/common/save_hover.svg);
}

/* ---- Color picker ---- */
   .aa-input-mix__color-picker--img{
    background-image: url('../images/common/select_color.svg');
    background-repeat: no-repeat;
	background-size: 18px 18px;
    height: 18px;
    width: 18px;
    display: inline-block;
    transition: ease-out 0.3s;
    margin-right: 4px;
    margin-left: 4px;
}

.aa-input-mix__color-picker--img:hover{
    cursor: pointer;
    transform: scale(1.1);
}

.aa-input-mix__color-picker--img-selected {
	border-radius: 50%;
    height: 18px;
    width: 18px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
}

.aa-input-mix__color-picker--img-selected:hover{
    cursor: pointer;
	transform: scale(1.1);
}

.aa-input-mix__txt { 
    flex: 0 0 auto;
    padding: 0 10px;
    background-color: #e9ecef;
    line-height: inherit;
    color: #222;
    line-height: 24px;
    height: 100%;
}

.aa-input-mix__btn{
    margin: 0;
    flex: 0 0 auto;
    height: calc(100% + 2px);
    min-height: calc(100% + 2px);
    line-height: inherit;
    font-size: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aa-input-mix__chk{
    border-right: #e5e5e5 1px solid;
    background-color: #e9ecef;
    height: 100%;
    padding-left: 28px;
    padding-right: 6px;
    line-height: 26px;
}

.aa-input-mix__chk-mark{
    top: 5px;
    left: 6px;
}

.aa-input-mix__radio{
    border-right: #e5e5e5 1px solid;
    background-color: #e9ecef;
    height: 100%;
    padding-left: 28px;
    padding-right: 6px;
    line-height: 26px;
}

.aa-input-mix__radio-mark{
    top: 5px;
    left: 6px;
}

.aa-input-mix__ddl{
    border: none;
    border-right: #e5e5e5 1px solid;
    width: 150px;
    height: 100%;
    line-height: inherit;
    font-size: inherit;
}

/* Disable */

.aa-input--disabled {
    background-color: #E0E0E0;
}

.aa-input-mix--disabled {
    background-color: #E0E0E0;
}

.aa-input-mix--disabled .aai-input-clear{
    display: none;
}

.aa-input-mix.aa-input-mix-disabled input[type=text]:disabled,
.aa-input-mix.aa-input-mix-disabled input[type=password]:disabled{
    background-color: unset;
}

 .aa-input-mix--disabled:focus-within {
    border-bottom: #E0E0E0 1px solid;
} 
 
.aa-input-mix__input--disabled{
    background-color: #E0E0E0;
}

/* Read only */

.aa-input--readonly{
    background-color: #f5f5f5;
}

.aa-input--readonly:focus{
    border-bottom: #E0E0E0 1px solid;
}

.aa-input-mix--readonly{
    background-color: #f5f5f5;
}

.aa-input-mix--readonly:focus-within {
    border-bottom: #E0E0E0 1px solid;
} 

.aa-input-mix__input--readonly{
    background-color: #f5f5f5;
}

.aa-input-mix--readonly .aa-input-mix__reset{
    display: none;
}

/* ===========================================================================  
  - ----------------------------- Text area --------------------------------
   =========================================================================== */

.aa-textarea{
    width: 100%;
    line-height: 18px;
    padding: 4px 4px 2px 4px;
}

.aa-textarea:focus{
    border-bottom: 1px solid #0288D1;
    outline: 0;
    outline-offset: 0;
}

.aa-textarea--readonly{
    background-color: #f5f5f5;
}

.aa-textarea--readonly:focus{
    border-bottom: none;
}

.aa-textarea--disabled{
    background-color: #f5f5f5;
}

.aa-textarea--disabled:focus{
    border-bottom: none;
}

.aa-textarea::-webkit-scrollbar {
    width: 6px;
    height: 6px; 
}
  
.aa-textarea::-webkit-scrollbar-track {
    background: #e3e3e3;
    border-radius: 10px;
}
  
.aa-textarea::-webkit-scrollbar-thumb {
    background: #bdbdbd;
    border-radius: 10px;
}

/* ===========================================================================  
   --------------------------------- Lists -----------------------------------
   =========================================================================== */

.aa-list{
    margin: 0; 
    padding: 0 20px;
    line-height: 22px;
}

.aa-list--type-none{
    list-style-type: none;
}

.aa-list--type-disc{
    list-style-type: disc;
}

.aa-list--dash{
    list-style: none;
}

.aa-list--dash .aa-list__item::before{
    content: "–"; 
    margin-right: 2px;
}

/* ===========================================================================  
   ------------------------------ List group ---------------------------------
   =========================================================================== */
.aa-list-group{
    text-align: left;
}

.aa-list-group__caption{
    padding-bottom: 16px;
}

.aa-list-group__item{
    padding-top: 6px;
    padding-bottom: 4px;
    display: flex;
    border-bottom: #E0E0E0 1px solid;
}

.aa-list-group__item:first-child{
    border-top: #E0E0E0 1px solid;
}

.aa-list-group__item-icon{
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    padding-top: 6px;
}

.aa-list-group__item-info{
    display: inline-block;
    vertical-align: top;
    padding-left: 16px;
}

.aa-list-group__item-description{
    font-size: 13px;
    font-style: italic;
}

/* ============================================================  
   ------------------------- CONTAINERS -----------------------
   ============================================================ */

.aa-container{
    width: 100%;
}

.aa-container-flex{
    display: flex;
}

/* ============================================================  
   ------------------------- PORTLETS -------------------------
   ============================================================ */

.aa-portlet--std{
    background:#fff;
    border: 1px #e1e4e8 solid;
}

.aa-portlet--std .aa-portlet__header{
    border-bottom: 1px solid #e7e7e7;
}

.aa-portlet__header{
    padding: 8px 12px;
    font-size:15px;
    font-weight:600;
    display: flex;
    justify-content: space-between;
}

.aa-portlet__title{
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
}

.aa-portlet--std .aa-portlet__body{
    padding: 8px 12px 16px 12px;
}

.aa-portlet--std .aa-portlet__footer{
    border-top: 1px solid #e7e7e7;
    padding: 8px 12px;
}

.aa-portlet--std-border{
    background: #fff;
    border: 1px #e1e4e8 solid;
}

.aa-portlet--std-lines .aa-portlet__body{
    padding-top: 4px;
}

.aa-portlet--std-lines .aa-portlet__header{
    border-bottom: 1px solid #e7e7e7;
}

.aa-portlet--std-lines .aa-portlet__footer{
    border-top: 1px solid #e7e7e7;
}

.aa-portlet--std-padding .aa-portlet__header{
    padding: 8px 12px;
}

.aa-portlet--std-padding .aa-portlet__body{
    padding: 8px 12px 16px 12px;
}

.aa-portlet--std-padding .aa-portlet__footer{
    padding: 8px 12px;
}

.aa-portlet--std-shadow{
    box-shadow: 0 0px 3px rgba(0,0,0,.25);
}

/* ------------------------- Portal container /portal containers part ------------------------- */

.aa-portal-part--h{
    display: flex;
}

.aa-portal-part--h .aa-portlet-container{
    flex:1 1 100%;
}

.aa-portal-part .aa-ctr--move-left{
    display: none;
}

.aa-portal-part--h .aa-ctr--move-left{
    display: inline-block;
}

.aa-portal-part .aa-ctr--move-right{
    display: none;
}

.aa-portal-part--h .aa-ctr--move-right{
    display: inline-block;
}

.aa-portal-part .aa-ctr--move-up{
    display: inline-block;
}

.aa-portal-part--h .aa-ctr--move-up{
    display: none;
}

.aa-portal-part .aa-ctr--move-down{
    display: inline-block;
}

.aa-portal-part--h .aa-ctr--move-down{
    display: none;
}

.aa-toolbar--compact .aa-toolbar__list-container:not(:last-child){
    padding-right: 0;
}

.aa-portal-part .aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__list .aa-ctr.aa-ctr--move-left{
    display: none;
}

.aa-portal-part--h .aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__list .aa-ctr.aa-ctr--move-left{
    display: inline-block;
}

.aa-portal-part .aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__list .aa-ctr.aa-ctr--move-right{
    display: none;
}

.aa-portal-part--h .aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__list .aa-ctr.aa-ctr--move-right{
    display: inline-block;
}

.aa-portal-part .aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__list .aa-ctr.aa-ctr--move-up{
    display: inline-block;
}

.aa-portal-part--h .aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__list .aa-ctr.aa-ctr--move-up{
    display: none;
}

.aa-portal-part .aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__list .aa-ctr.aa-ctr--move-down{
    display: inline-block;
}

.aa-portal-part--h .aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__list .aa-ctr.aa-ctr--move-down{
    display: none;
}



/* ============================================================  
   --------------------------- TABLE --------------------------
   ============================================================ */

.aa-tbl {
    font-size: 13px;
    color: #333333;
    border-collapse: collapse;
}
.aa-tbl--report {
	font-size: 13px;
	background-color: #fff;
}

.aa-tbl__cell--center{
	text-align: center;
}

.aa-tbl__cell--left{
	text-align: left;
}

.aa-tbl__cell--right{
    text-align: right;
}

.aa-tbl__cell.aa-tbl__cell--middle{
	vertical-align: middle;
}

.aa-tbl--compact .aa-tbl__theader .aa-tbl__cell{
	padding: 2px 4px;
	font-size: 12px;        
}

.aa-tbl--compact .aa-tbl__cell{
	padding: 3px 4px;
	font-size: 12px;        
}

.aa-tbl--compact .aa-tbl__theader .aa-tbl__header{
	padding: 3px 4px;
	font-size: 12px;
}

.aa-tbl--compact.aa-tbl--noclass td{
	padding: 2px 4px;
	font-size: 12px;      
}    

.aa-tbl--compact.aa-tbl--noclass th{
	padding: 2px 4px;
	font-size: 12px;       
}

.aa-tbl--compact.aa-tbl--noclass thead th{
	padding: 2px 4px;
	line-height: 26px;
	font-size: 12px;     
}

.aa-tbl__theader {
    border-top: #9E9E9E 1px solid;
}

.aa-tbl__header{
    vertical-align: top;
}

.aa-tbl__theader .aa-tbl__header{
    color: #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    position: relative;
    vertical-align: top;   
}

.aa-tbl__theader .aa-tbl__row--header:last-child .aa-tbl__header{
    border-bottom: #9E9E9E 1px solid;
}

.aa-tbl__header{
    text-align: left;
    padding: 4px 12px;
}

.aa-tbl__header .aa-tbl__header-name{
    vertical-align: middle;
    display: inline-block;
	font-weight: 600;
	color: #000;
}

.aa-tbl__tfooter{
    border-top: #9E9E9E 1px solid;
    border-bottom: #9E9E9E 1px solid;
}

.aa-tbl__body .aa-tbl__header{
    color: #000;
    font-size: 13px;
    font-weight: 600;
}

.aa-tbl__header--sort .aa-tbl__header-name:hover{
    color: #0288d1;
    cursor: pointer;
}

.aao-report .aa-tbl--pivot .aa-tbl__theader .aa-tbl__header{
    padding: 4px 8px 4px 9px;
}

.aao-report .aa-tbl__theader .aa-tbl__header.aa-tbl__header--sorted-asc{
    padding: 4px 10px 4px 4px;
}

.aa-tbl__header--sorted-asc:after{
    content: '';
    height: 15px;
    width: 12px;
    padding: 0 2px;
    margin-bottom: 1px;
    display: inline-block;
    transition: all ease-out 0.3s;
    background: url(../images/common/sorted_down.svg) no-repeat;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: -11px;
}

.aao-report .aa-tbl__theader .aa-tbl__header.aa-tbl__header--sorted-desc{
    padding: 4px 10px 4px 4px;
}

.aa-tbl__header--sorted-desc:after{
    content: '';
    height: 15px;
    width: 12px;
    padding: 0 2px;
    margin-bottom: 1px;
    display: inline-block;
    transition: all ease-out 0.3s;
    background: url(../images/common/sorted_up.svg) no-repeat;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: -11px;
}

.aa-tbl__grouped-up{
    position: absolute;
    top: 0;
    left: 0;    
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #666666 transparent transparent transparent;
}

.aa-tbl__grouped-down{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #666666;   
}

.aa-tbl__sorted-down{
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent #0288d1 transparent transparent;
    position: absolute;
}

.aa-tbl__sorted-up{
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #0288d1 transparent transparent;
    position: absolute;
}

.aa-tbl__row{
    line-height: 20px;
    vertical-align: baseline;
}

.aa-tbl__body .aa-tbl__row:hover {
    background: #f3f7fa;
}

.aa-tbl__row--header:not(:last-child){
    border-bottom: #E0E0E0 1px solid;
}

.aa-tbl__row--header:hover{
    background: none;
}

.aa-tbl__cell {
    padding: 4px 12px;
    vertical-align: top;
}

.aa-tbl__cell .aa-link{
    line-height: 20px;
}

.aa-tbl__row--selected {
    background: #FFFDE7;
    color: #424242;
}

.aa-tbl__header--sorted{
    background: #f6f8f8;
}

.aa-tbl__cell--sorted{
    background-color: rgb(189 222 250 / 29%);;
}

.aa-tbl__ctr-cell-toolbar:hover{
    cursor: pointer;
}

.aa-tbl__row--group{
    padding: 4px 12px;
    line-height: 20px;
    vertical-align: baseline;
    font-weight: 600;
}

.aa-tbl__cell--group{
    color: #00629f;
    padding: 4px 12px;
    line-height: 20px;
    vertical-align: baseline;
}

.aa-tbl__cell-edit{
    position: relative;
    padding-right: 19px;
}

.aa-tbl__cell-edit .aa-edit{
    position: absolute;
    right: 2px;
    top: 2px;
}

.aa-tbl__row--group-total{
    color: #000;
    padding: 4px 12px;
    line-height: 20px;
    vertical-align: baseline;
    border-bottom: #E0E0E0 1px solid;
    font-weight: 600;
}

.aa-tbl__row--group-total td{
    padding: 4px 12px;
}
   
.aa-tbl--compact.aa-tbl--noclass td{
    padding: 4px 12px;
}

.aa-tbl__row--group-total .aa-tbl__cell--group-total{
    padding: 4px 12px 8px 12px;
    line-height: 20px;
    vertical-align: baseline;
}

.aa-tbl__row--group-footer{
    padding: 4px 12px;
    line-height: 20px;
    vertical-align: baseline;
    border-top: #E0E0E0 1px solid;
}

.aa-tbl__cell--group-footer{
    color: #000;
    font-weight: 600;
    padding: 4px 12px;
    line-height: 20px;
    vertical-align: baseline;
    text-align: left;
}

.aa-tbl__row--grand-footer {
    border-top: #E0E0E0 1px solid;
	border-bottom: #E0E0E0 1px solid;
}

.aa-tbl__cell--grand-footer{
    color: #000;
    padding: 4px 12px;
    line-height: 20px;
    vertical-align: baseline;
    text-align: left;
    font-weight: 600;
}

.aa-tbl__cell--grand-total{
    padding: 4px 12px;
    line-height: 20px;
    vertical-align: baseline;
    font-weight: 600;
}

.aa-tbl__header:first-child .aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__container{
    left: 0;
}

.aa-tbl__sorted-asc{
    background-color: #f6f8f8;
}

.aa-tbl__sorted-asc .aa-tbl__header--sort-down{
    display: inline-block;
}

.aa-tbl__sorted-desc{
    background-color: #f6f8f8;
}

.aa-tbl__sorted-desc .aa-tbl__header--sort-up{
    display: inline-block;
}

.aa-tbl__row--v-a-middle .aa-tbl__cell{
    vertical-align: middle;
}

.aa-tbl__row--v-a-middle .aa-tbl__header{
    vertical-align: middle;
}


.aa-tbl__row--v-a-middle .aa-chk{
    display: initial;
    top: 0;
}


/* ---- Sort ---- */
.aa-tbl__header--sorted-up{
    height: 15px;
    width: 12px;
    padding: 0 2px;
    margin-bottom: 1px;
    display: inline-block;
    transition: all ease-out 0.3s;
    background: url(../images/common/sorted_up.svg) no-repeat;
    vertical-align: middle;
}

.aa-tbl__header--sorted-down{
    height: 15px;
    width: 12px;
    padding: 0 2px;
    margin-bottom: 1px;
    display: inline-block;
    transition: all ease-out 0.3s;
    background: url(../images/common/sorted_down.svg) no-repeat;
    vertical-align: middle;
}

.aa-tbl__header--sort-up{
    height: 14px;
    width: 10px;
    margin-left: 2px;
    margin-bottom: 2px;
    transition: ease-out 0.3s;
    background: url(../images/common/sort_up_2.svg) no-repeat;
    vertical-align: middle;
    display: none;   
}

.aa-tbl__header--sort-down{
    height: 14px;
    width: 10px;
    margin-left: 3px;
    margin-bottom: 2px;
    transition: ease-out 0.3s;
    background: url(../images/common/sort_down_2.svg) no-repeat;
    vertical-align: middle;
    display: none;   
}

.aa-tbl__link-sort{
	display:inline-block;
	position: relative;
	font-weight:500;
	padding-left: 11px;
	transition: ease-out 0.3s;
}

.aa-tbl__link-sort:not(:last-child){
	padding-right: 3px;
}

.aa-tbl__link-sort:hover{
	text-decoration:none;
}

.aa-tbl__link-sort:hover::before{
	transform: scale(1.1);
}

.aa-tbl__link-sort:before{
	display: block;
    content: ' ';
    background-repeat: no-repeat;
    background-size: 13px 13px;
    height: 14px;
    width: 14px;
    position: absolute;
    top: 3px;
    left: -1px;
    transition: ease-out 0.3s;
    background-image: url(../images/common/sort.svg);
}

.aa-tbl__download{
    display: inline-block;
    background-image: url('../images/common/download_2.svg');
    background-repeat: no-repeat;
    margin-left: -3px;
    margin-top: 5px;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
}

.aa-tbl__download.aa-tlp-top[data-tooltip]:after{
    width: 73px;
    margin-left: -37px;
}

.aa-tbl__rename{
    display: inline-block;
    background-image: url('../images/output/rename_2.svg');
    background-repeat: no-repeat;
    margin-left: -3px;
    margin-top: 4px;
    background-size: 17px 17px;
    height: 17px;
    width: 17px;
}

.aa-tbl__rename.aa-tlp-top[data-tooltip]:after{
    width: 73px;
    margin-left: -37px;
}

.aa-move{
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: -3px;
    margin-bottom: -5px;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    transition: ease-out 0.3s;
}

.aa-move:hover{
    text-decoration: none;
    transform: scale(1.15);
}

.aa-move.aa-tlp-top.aa-tlp-top:after{
    margin-left: -43px;
}

.aa-move.aa-tlp-top[data-tooltip]:after{
    width: 86px;
    font-size: 11px;
}

.aa-move--bottom.aa-tlp-top.aa-tlp-top:after{
    margin-left: -58px;
}

.aa-move--bottom.aa-tlp-top[data-tooltip]:after{
    width: 116px;
}

.aa-move--up{
    background-image: url('../images/common/move__up.svg');
}

.aa-move--down{
    background-image: url('../images/common/move__down.svg');
}

.aa-move--top{
    background-image: url('../images/common/move__top.svg');
}

.aa-move--bottom{
    background-image: url('../images/common/move__bottom.svg');
}

.aa-conditional-display{
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 19px 11px;
    height: 11px;
    width: 19px;
    transition: ease-out 0.3s;
    background-image: url('../images/common/conditional_display.svg');
}

.aa-tbl__cell .aa-conditional-display{
    margin-bottom: -2px;
}

.aa-tbl_link-sort{
    font-weight: 500;
    position: relative;
    padding-left: 4px;
    margin-right: 2px;
    margin-left: 2px;
}

.aa-tbl_link-sort:not(:last-child){
    padding-right: 8px;
}

.aa-tbl_link-sort:hover{
    text-decoration: none;
}

.aa-tbl_link-sort:before{
    display: block;
    content: ' ';
    background-repeat: no-repeat;
    background-size: 11px 11px;
    height: 12px;
    width: 12px;
    position: absolute;
    top: 3px;
    left: -6px;
    transition: ease-out 0.3s;
    background-image: url(../images/common/sort.svg);
}

.aa-tbl_link-sort:hover:before {
    transform: scale(1.15);
}

.aa-conditional-display:hover{
    cursor: default;
}

.aa-conditional-display.aa-tlp-top[data-tooltip]:after{
    width: 90px;
    margin-left: -45px;
}

.aa-note .aa-conditional-display{
    padding-right: 24px;
}


/* - ---------------------------- With h-borders ---------------------------- */
.aa-tbl--border-h .aa-tbl__row:not(:last-child){
    border-bottom: #E0E0E0 1px solid;
}

/* - ---------------------------- With v-borders ---------------------------- */
.aa-tbl--border-v .aa-tbl__cell:not(:first-child){
    border-left: #E0E0E0 1px solid;
    border-top: none;
    border-bottom: none;
}

.aa-tbl--border-v .aa-tbl__header:not(:first-child){
    border-left: #E0E0E0 1px solid;
}

.aa-tbl--border-v .aa-tbl__cell.aa-tbl__cell--group, 
.aa-tbl--border-v .aa-tbl__cell.aa-tbl__cell--group-footer,
.aa-tbl--border-v .aa-tbl__cell.aa-tbl__row--group-total,
.aa-tbl--border-v .aa-tbl__cell.aa-tbl__cell--grand-footer{
    border-left:none;
}

.aa-tbl--border-v .aa-tbl__cell--grand-total,
.aa-tbl--border-v .aa-tbl__row--grand-footer,
.aa-tbl--border-v .aa-tbl__cell--grand-footer,
.aa-tbl--border-v .aa-tbl__row--group-total,
.aa-tbl--border-v .aa-tbl__cell--group-total,
.aa-tbl--border-v .aa-tbl__row--group-footer {
    border-left:none;
}

.aa-tbl--border-v .aa-tbl__row--group-footer,
.aa-tbl--border-v .aa-tbl__row--grand-footer{
    border-top: none;
}

.aa-tbl--border-v .aa-tbl__row--group-total{
    border-bottom: none;
}

/* ------------------------------- Borders 1 ------------------------------ */

.aa-tbl--border-v.aa-tbl--border-h .aa-tbl__row--group-total{
    border-bottom: #E0E0E0 1px solid;
}

.aa-tbl--border-v.aa-tbl--border-h .aa-tbl__row:not(:first-child):not(:last-child){
    border-top: #E0E0E0 1px solid;
}

.aa-tbl--border-v.aa-tbl--border-h .aa-tbl__row--grand-total{
    border-top: #E0E0E0 1px solid;
    border-bottom: #E0E0E0 1px solid;
}

/* ------------------------------- Borders 2 ------------------------------ */
.aa-tbl--border {
    border: #9E9E9E 1px solid;
}

    .aa-tbl--border .aa-tbl__row,
    .aa-tbl--border .aa-tbl__cell{
        border: #E0E0E0 1px solid;
    }

    .aa-tbl--border .aa-tbl__row,
    .aa-tbl--border .aa-tbl__cell{
        border: #E0E0E0 1px solid;
    }

    .aa-tbl--border .aa-tbl__row.aa-tbl__row--header{
        border:none;
        border-left: #E0E0E0 1px solid;
    }

    .aa-tbl--border .aa-tbl__row--header .aa-tbl__header{
        border-right: #E0E0E0 1px solid;
    }

    .aa-tbl--border .aa-tbl__row--header:last-child .aa-tbl__header{
        border-bottom: #9E9E9E 1px solid;
    }

    .aa-tbl--border .aa-tbl__row--header:not(:last-child){
        border-bottom: #E0E0E0 1px solid;
    }

    .aa-tbl__row.aa-tbl__row--total{
        border-top: #9E9E9E 1px solid;
    }

    .aa-tbl--border .aa-tbl__header:not(:first-child){
        border-left: #E0E0E0 1px solid;
    }

/* ------------------------------- Ext ------------------------------ */
    .aa-tbl--border-ext{
        border-left: #E0E0E0 1px solid;
        border-right: #E0E0E0 1px solid;
        border-top: #E0E0E0 1px solid;
        border-bottom: #E0E0E0 1px solid;
    }

/*     .aa-tbl--border-ext .aa-tbl__header{
        border-right: #E0E0E0 1px solid;
    }
 */
/* ------------------------------- Ext - H ------------------------------ */
    .aa-tbl--border-ext-h{
        border-top: #E0E0E0 1px solid;
        border-bottom: #E0E0E0 1px solid;
    }

/* ------------------------------- Ext - V  ------------------------------ */
    .aa-tbl--border-ext-v{
        border-left: #E0E0E0 1px solid;
        border-right: #E0E0E0 1px solid;
    }

/* ------------------------------- Striped ------------------------------ */
.aa-tbl--stripe .aa-tbl__row:nth-child(2n+1){
    background: #F5F5F5;
}
.aa-tbl--stripe .aa-tbl__row:nth-child(2n+1):hover{
    background: #eff5fa;
}
.aa-tbl--stripe .aa-tbl__row.aa-tbl__row--header:hover{
    background: none;
}

.aa-tbl--stripe .aa-tbl__row.aa-tbl__row--header,
.aa-tbl--stripe .aa-tbl__row.aa-tbl__row--group,
.aa-tbl--stripe .aa-tbl__row.aa-tbl__row--group-total, 
.aa-tbl--stripe .aa-tbl__row.aa-tbl__row--group-footer, 
.aa-tbl--stripe .aa-tbl__row.aa-tbl__row--grand-footer{
    background: none;
} 

.aa-tbl__row--stripe {
    background: #F5F5F5;
}

.aa-tbl--vstripe tbody td:nth-of-type(odd):not(.aa-tbl__cell--group):not(.aa-tbl__cell--group-footer):not(.aa-tbl__cell--group-total),
.aa-tbl--vstripe thead th:nth-of-type(odd){
	background:#F5F5F5;
}

/* ------------------------------- Striped X2------------------------------ */

.aa-tbl--stripe-x2 .aa-tbl__row:nth-child(4n-1), .aa-tbl--stripe-x2 .aa-tbl__row:nth-child(4n){
    background: #F5F5F5;
}

.aa-tbl--stripe-x2 .aa-tbl__row:nth-child(4n-1):hover, .aa-tbl--stripe-x2 .aa-tbl__row:nth-child(4n):hover{
    background: #eff5fa;
}


.aa-tbl--stripe-x2 .aa-tbl__row.aa-tbl__row--header,
.aa-tbl--stripe-x2 .aa-tbl__row.aa-tbl__row--group,
.aa-tbl--stripe-x2 .aa-tbl__row.aa-tbl__row--group-total, 
.aa-tbl--stripe-x2 .aa-tbl__row.aa-tbl__row--group-footer, 
.aa-tbl--stripe-x2 .aa-tbl__row.aa-tbl__row--grand-footer{
    background: none;
} 

/* ------------------------------- Middle align ------------------------------ */
.aa-tbl--middle{
    margin: auto;
}

/* - ---------------------------- Vertical Layout ---------------------------- */
.aa-tbl--v{
    border-top: #E0E0E0 1px solid;
    border-right: #E0E0E0 1px solid;
}

.aa-tbl--v .aa-tbl__header{
    text-align: left;
    border-left: #9E9E9E 1px solid;
    border-right: #9E9E9E 1px solid;
    padding: 6px 34px 6px 6px;
    position: relative;
    vertical-align: top;
}

.aa-tbl--v .aa-tbl__row{
    border-bottom: #E0E0E0 1px solid;
}

.aa-tbl--v .aa-toolbar--compact {
    vertical-align: middle;
    position: absolute;
    right: 2px;
    top: 3px;
}

/* - ---------------------------- Pivot table ---------------------------- */
.aa-tbl--pivot {
    overflow: hidden;
}

.aa-tbl--pivot .aa-tbl__body .aa-tbl__row{
    border-bottom: #E0E0E0 1px solid;
}

.aa-tbl--pivot .aa-tbl__body{
    border-right: #E0E0E0 1px solid;
}

.aa-tbl--pivot .aa-tbl__theader .aa-tbl__header{
    border-left: #E0E0E0 1px solid; 
    border-top: #9E9E9E 1px solid; 
    border-bottom: #9E9E9E 1px solid;
}

.aa-tbl--pivot .aa-tbl__theader .aa-tbl__header:last-child{
    border-right: #E0E0E0 1px solid;
}

.aa-tbl--pivot .aa-tbl__theader .aa-tbl__row:hover{
    background:none;
}

.aa-tbl--pivot .aa-tbl__theader .aa-tbl__header.aa-tbl__header--total{
/*     border-top: none; */
    border-left: #9E9E9E 1px solid;
} 

.aa-tbl--pivot .aa-tbl__body .aa-tbl__header{
    border-left: #E0E0E0 1px solid;
}

.aa-tbl--pivot .aa-tbl__cell{
    border-left: #E0E0E0 1px solid;
}

.aa-tbl--pivot .aa-tbl__theader{
    border-top: none;
}

.aa-tbl--pivot .aa-tbl__tfooter .aa-tbl__cell.aa-tbl__cell--total{
    border-left: #E0E0E0 1px solid;
    border-top: #9E9E9E 1px solid; 
    border-bottom: #9E9E9E 1px solid;
}

.aa-tbl--pivot .aa-tbl__tfooter .aa-tbl__cell .aa-tbl__cell--total:last-child{
    border-bottom:none;
    border-right: none;
}

.aa-tbl--pivot .aa-tbl__tfooter .aa-tbl__cell.aa-tbl__cell--total:first-child{
    border-bottom:#fff 1px solid;;
    border-left: none; 
    border-right: #9E9E9E 1px solid;
}

.aa-tbl--pivot .aa-tbl__tfooter .aa-tbl__cell.aa-tbl__cell--total:last-child{
    border-right: #E0E0E0 1px solid;
}

.aa-tbl--pivot .aa-tbl__tfooter .aa-tbl__cell.aa-tbl__cell--total:first-child{
    background-color: #fff;
}

.aa-tbl--pivot td, .aa-tbl--pivot th {
    position: relative;
}

.aa-tbl--pivot th {
    background-color:#fff;
  }

/* Row */
.aa-tbl--pivot td:hover::before { 
    background-color: #f3f7fa;
    content: '';  
    height: 100%;
    left: -5000px;
    position: absolute;  
    top: 0;
    width: 10000px;   
    z-index: -2;        
}

/* Column */
.aa-tbl--pivot td:hover::after { 
    background-color: #f3f7fa;
    content: '';  
    height: 10000px;    
    left: 0;
    position: absolute;  
    top: -5000px;
    width: 100%;
    z-index: -1;        
}

.aa-tbl--pivot .aa-tbl__header--sort:hover{
    cursor: pointer;
}

.aa-tbl--pivot .aa-tbl__header--sorted-asc:hover{
    cursor: pointer;
}

.aa-tbl--pivot .aa-tbl__header--sorted-desc:hover{
    cursor: pointer;
}

/* ------------------------------- No border ------------------------------ */
.aa-tbl.aa-tbl--noborder .aa-tbl__row, 
.aa-tbl.aa-tbl--noborder .aa-tbl__cell{
    border: none;
}

/* ------------------------------- No class ------------------------------ */
.aa-tbl--noclass{
    border-top: #9E9E9E 1px solid;
}  

.aa-tbl--noclass thead{
    border-bottom: #9E9E9E 1px solid;
}

.aa-tbl--noclass tfoot{
    border-bottom: #E0E0E0 1px solid;
}

.aa-tbl--noclass th, .aa-md-html .aa-tbl--noclass th{
    color: #000;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 12px;
    line-height: 18px;
    vertical-align: baseline;
    text-align: left;
}

.aa-tbl--noclass>thead>tr:not(:last-child){
    line-height: 18px;
    padding: 4px 14px;
    border-bottom: #E0E0E0 1px solid;
}

.aa-tbl--noclass thead tr:hover{
    background: none;
}

.aa-tbl--noclass>thead>th{
    line-height: 18px;
    position: relative;
    vertical-align: top;   
}

.aa-tbl--noclass tr{
    line-height: 20px;
    vertical-align: baseline;
}

.aa-tbl--noclass tbody tr:hover{
    background: #f3f7fa;
}

.aa-tbl--noclass tr:hover {
    background: #f3f7fa;
}

.aa-tbl--noclass td{
    padding: 4px 12px;
    line-height: 20px;
}

.aa-tbl__row--group td{
    color: #00629f;
    padding: 4px 12px;
    line-height: 20px;
    vertical-align: baseline;
}

.aa-tbl__row--group-total td{
    padding: 4px 12px;
    line-height: 20px;
    vertical-align: baseline;
}

.aa-tbl__row--group-footer td{
    color: #000;
    font-weight: 600;
    padding: 4px 12px;
    line-height: 20px;
    vertical-align: baseline;
    text-align: left;
}

.aa-tbl__row--grand-footer td{
    color: #000;
    padding: 4px 12px;
    line-height: 20px;
    vertical-align: baseline;
    text-align: left;
    font-weight: 600;
}

.aa-tbl__row--grand-total td{
    padding: 4px 12px;
    line-height: 20px;
    vertical-align: baseline;
    font-weight: 600;
}

.aa-tbl__link-complex{
    display: flex;
    color: #333333;
}

.aa-tbl__link-complex:hover{
    text-decoration: none;
    color: #0288d1;
}

.aa-tbl__link-complex:hover .aa-tbl__icon:before {
    transform: scale(1.15);
}

.aa-tbl__link-complex:hover .aa-tbl__description{
    color: #0288d1;  
}

.aa-tbl__link-part-inline{
    display: flex;
}

.aa-tbl__name{
    font-weight: 600;
    line-height: 24px;  
}

.aa-tbl__code{
    line-height: 24px;
    margin-left: 8px;
}

.aa-tbl__description{
    color:#888888;
}

/* - ---------------------------- No class With h-borders ---------------------------- */
.aa-tbl--noclass.aa-tbl--border-h tbody tr:not(:last-child){
    border-bottom: #E0E0E0 1px solid;
}

/* - ---------------------------- No class With v-borders ---------------------------- */
.aa-tbl--noclass.aa-tbl--border-v tbody td {
    border-left: #E0E0E0 1px solid;
    border-top: none;
    border-bottom: none;
}

.aa-tbl--noclass.aa-tbl--border-v td:first-child, 
.aa-tbl--noclass.aa-tbl--border-v .aa-tbl__row--group:first-child, 
.aa-tbl--noclass.aa-tbl--border-v .aa-tbl__row--grand-total td:first-child, 
.aa-tbl__row--group td{
    border-left: none;
}

.aa-tbl--border-v .aa-tbl__row--group-total{
    border-bottom: none;
}

.aa-tbl--noclass.aa-tbl--border-v thead th:not(:first-child){
    border-left: #E0E0E0 1px solid;
}

.aa-tbl--noclass.aa-tbl--border-v thead th{
    border-bottom: #9E9E9E 1px solid;
}

/* ------------------------------- No class Borders 2 ------------------------------ */
.aa-tbl--noclass.aa-tbl--border {
    border: #9E9E9E 1px solid;
}

    .aa-tbl--noclass.aa-tbl--border tr,
    .aa-tbl--noclass.aa-tbl--border td,
    .aa-tbl--noclass.aa-tbl--border th{
        border: #E0E0E0 1px solid;
    }

    .aa-tbl--noclass.aa-tbl--border thead th{
        border-bottom: #9E9E9E 1px solid;
        border-top: #9E9E9E 1px solid;
    }

/* ------------------------------- No class Striped ------------------------------ */

.aa-tbl--noclass.aa-tbl--stripe tbody tr:nth-child(2n+1):not(.aa-tbl__row--group):not(.aa-tbl__row--group-total):not(.aa-tbl__row--grand-footer):not(.aa-tbl__row--grand-total):not(.aa-tbl__row--group-total):not(.aa-tbl__row--group-footer) {
    background: #F5F5F5;
}

.aa-tbl--noclass.aa-tbl--stripe-x2 tbody tr:nth-child(4n-1):not(.aa-tbl__row--group):not(.aa-tbl__row--group-total):not(.aa-tbl__row--grand-footer):not(.aa-tbl__row--grand-total):not(.aa-tbl__row--group-total):not(.aa-tbl__row--group-footer) {
    background: #F5F5F5;
}

.aa-tbl--noclass.aa-tbl--stripe-x2 tbody tr:nth-child(4n):not(.aa-tbl__row--group):not(.aa-tbl__row--group-total):not(.aa-tbl__row--grand-footer):not(.aa-tbl__row--grand-total):not(.aa-tbl__row--group-total):not(.aa-tbl__row--group-footer) {
    background: #F5F5F5;
}

/* ------------------------------- Table icons ------------------------------ */

.aa-tbl__icon {
    position: relative;
    padding-top: 24px;
    display: inline-block;
}

.aa-tbl__icon:hover {
    text-decoration: none;
}

.aa-tbl__icon:before {
    display: inline-block;
    content: ' ';
    background-repeat: no-repeat;
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 50%;
    top: 4px;
    transition: ease-out 0.3s;
}

.aa-tbl__icon:after {
    font-size: 12px;
    display: inline-block;
}

.aa-tbl__icon:hover:before {
    transform: scale(1.15);
}

.aa-tbl__icon--edit:before {
    background-image: url('../images/appshell/edit_blue.svg');
    margin-left: -5px;
    background-size: 15px 16px;
    height: 19px;
    width: 15px;
}

.aa-tbl__icon--edit:after {
    content: "Edit";
    color: #0277BD;
}

.aa-tbl__icon--edit-sm{
    width: 14px;
}

.aa-tbl__icon--edit-sm:before {
    background-image: url('../images/appshell/edit_blue.svg');
    background-size: 14px 14px;
    height: 14px;
    width: 14px;
    left: 4px;
    top: 4px;
}

.aa-tbl__icon--preview:before {
    background-image: url('../images/appshell/play.svg');
    margin-left: -11px;
}

.aa-tbl__icon--preview:after {
    color: #43A047;
    content: "Preview";
}

.aa-tbl__icon--execute:before{
    background-image: url('../images/appshell/play.svg');
    margin-left: -11px;
}

.aa-tbl__icon--execute:after{
    color: #43A047;
    content: "Execute";
}

.aa-tbl__icon--run:before {
    background-image: url('../images/appshell/play.svg');
    margin-left: -11px;
}

.aa-tbl__icon--run:after {
    color: #43A047;
    content: "Run";
    padding-left: 6px;
}


/* ============================================================  
   --------------------------- TABS ---------------------------
   ============================================================ */

.aa-tabs__list{
    display: flex;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #607D8B;
}

.aa-tabs__list-item{
    display: block;
    list-style-type: none;
    margin-bottom: -1px;
}

.aa-tabs__lbl {
    display: block;
    color: #607D8B;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #CFD8DC;
    border-bottom: none;
    -webkit-transition: background-color .17s linear;  
    padding: 6px 8px;
}

.aa-tabs__lbl:hover {
    cursor: pointer;    
    color: #37474F;
    border: 1px solid #607D8B;
    border-bottom: none;
}

.aa-tabs__list-item--selected .aa-tabs__lbl {
    color: #37474F;
    border: 1px solid #607D8B;
    border-bottom: 1px solid white;
}

.aa-tabs__content{
    padding-top: 20px;
}

.aa-tabs__content-item{
    display: none;
}

.aa-tabs__content-item--selected{
    display: block;
}


/*  ------------------------------ Square -------------------------------- */

.aa-tab--square .aa-tabs__lbl {
    padding: 0 16px;
    cursor: pointer;
    min-height: 32px;
    min-width: 88px;
    line-height: 32px;
    vertical-align: middle;
    display: inline-block;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    text-decoration: none;
    color: #607D8B;
    font-weight: 600;
    background: none;
    border: 1px solid #CFD8DC;
    border-radius: 0;
    margin: 0 4px 0 10px;
    -webkit-transition: background-color .17s linear;
    border-bottom: 1px solid #607D8B;
}

.aa-tab--square .aa-tabs__lbl:hover{
    color: #37474F;
    border: 1px solid #607D8B
}

.aa-tab--square .aa-tabs__list-item--selected .aa-tabs__lbl {
    color: #37474F;
    border: 1px solid #607D8B;
    border-bottom: 1px solid #ffffff;
}

/*  ------------------------------ Buttons -------------------------------- */

.aa-tab--btn .aa-tabs__content{
    border-top: 1px solid #CFD8DC;
    padding-top: 4px;
    margin-top: 16px;
}

.aa-tab--btn .aa-tabs__list{
    border-bottom: none;
}

.aa-tab--btn .aa-tabs__lbl {
    padding: 0 16px;
    cursor: pointer;
    min-height: 32px;
    min-width: 88px;
    line-height: 32px;
    vertical-align: middle;
    display: inline-block;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    text-decoration: none;
    color: #607D8B;
    font-weight: 600;
    background: none;
    border: 1px solid #CFD8DC;
    border-radius: 0;
    margin: 0 4px 0 10px;
    -webkit-transition: background-color .17s linear;
}

.aa-tab--btn .aa-tabs__lbl:hover{
    color: #37474F;
    border: 1px solid #607D8B;
}

.aa-tab--btn .aa-tabs__list-item--selected .aa-tabs__lbl{
    color: #fff;
    background-color: #607D8B;
    border: 1px solid #607D8B;
}


/* ============================================================  
   ------------------------- TOOLTIPS -------------------------
   ============================================================ */

.aa-tlp-top, .aa-tlp-right,
.aa-tlp-bottom, .aa-tlp-left {
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
}
   
[data-tooltip] {
    position: relative;
    cursor: pointer;
    text-align:left;
}
   
[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transform: translate3d(0, 0, 0);
    pointer-events: none;
    font-weight: 400;
}
   
[data-tooltip]:before {
    z-index: 8;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}
   
[data-tooltip]:after {
    z-index: 8;
    padding: 2px 8px;
    width: 160px;
    background-color: #e3f2fd;
    border: #b3e5fc 1px solid;
    color: #000;
    content: attr(data-tooltip);
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
}
   
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
    -webkit-animation: tooltip 12s ease; /* 3s */
    animation: tooltip 12s ease; /* 3s */
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
}

@keyframes tooltip{
    10% {
        visibility: visible;
        opacity: 1;      
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }

    100%{
        visibility: hidden;  
        opacity: 0;
    }
}


/*  ------------------------------ Top (default) -------------------------------- */      

.aa-tlp-top:hover:before,
.aa-tlp-top:hover:after,
.aa-tlp-top:focus:before,
.aa-tlp-top:focus:after {
    transform: translateY(-12px);
} 
   
.aa-tlp-top:before {
    border-top-color: #333333;    
    bottom: 0;
    left: 50%;
    margin-left: -6px;
}

.aa-tlp-top:after {
    bottom: 11px;
    left: 50%;
    margin-left: -78px;
    text-align: center;
}

.aa-tlp-top--w-auto[data-tooltip]:after{
    width: auto;
}

 /* ------------------------------ Bottom  -------------------------------- */    
 
 .aa-tlp-bottom:hover:before,
 .aa-tlp-bottom:hover:after,
 .aa-tlp-bottom:focus:before,
 .aa-tlp-bottom:focus:after {
     transform: translateY(12px);
 }

 .aa-tlp-bottom:before {
    border-bottom-color: #333333;
    bottom: 4px;
    left: 50%;
    margin-left: -6px;
 }

 .aa-tlp-bottom:after {
    bottom: -22px;
    left: 50%;
    margin-left: -73px;
    text-align: center;
 }
 
/* ------------------------------ Left  -------------------------------- */  

.aa-tlp-left:hover:before,
.aa-tlp-left:hover:after,
.aa-tlp-left:focus:before,
.aa-tlp-left:focus:after {
    transform: translateX(-12px);
}

.aa-tlp-left:before {
    border-left-color: #333333;
    margin-bottom: -6px;
    bottom: 50%;
    left: 0;
}

.aa-tlp-left:after {
    right: 100%;
    bottom: 50%;
    margin-bottom: -12px;
}  

  /* ------------------------------ Right -------------------------------- */     
  .aa-tlp-right:hover:before,
  .aa-tlp-right:hover:after,
  .aa-tlp-right:focus:before,
  .aa-tlp-right:focus:after {
       transform: translateX(12px);
  }

.aa-tlp-right:before {
    border-right-color: #333333;   
    right: 0;
    bottom: 50%;
    margin-bottom: -7px;
}


.aa-tlp-right:after {
    margin-bottom: -14px;
    bottom: 50%;
    left: 100%;
}
    
/* ------------------------------ Light -------------------------------- */       

[data-tooltip].aa-tlp-top--dark:after,
   [data-tooltip].aa-tlp-bottom--dark:after,
   [data-tooltip].aa-tlp-left--dark:after,
   [data-tooltip].aa-tlp-right--dark:after{
       background-color: #000;
       background-color: hsla(0, 0%, 20%, 0.9);
       color: #fff;
   }

/* ============================================================  
   --------------------------- FORM ---------------------------
   ============================================================ */

   .aa-form{
       font-size: 13px;
       text-align: left;
       padding-bottom: 4px;
   }

/*------------------------------ Form Standard (the same as small) --------------------------------*/

.aa-form--h {
    display: flex;
    flex-wrap: wrap;
}

.aa-form--h > .aa-form__part {
/*     flex: 1 1 auto; */
    flex: 1 1;
}

.aa-form--h .aa-form__header{
    flex: 1 1 100%;
}

.aa-form--h .aa-form__state{
    flex: 1 1 100%;
}

.aa-form--h .aa-form__footer{
    flex: 1 1 100%;
}

.aa-form__part--h{
    display: flex;
    flex-wrap: wrap;
}

.aa-form__part--h > .aa-form-item{
    flex: 0 0 auto;
}

.aa-form--border {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    border: 1px solid #e7e7e7;
}

.aa-form__part-header{
    padding: 4px 10px 4px 24px;
    font-weight: 600;
    font-size: 16px;
}

.aa-form--md .aa-form__part{
    margin: 8px;
}

.aa-form__part-footer {
    padding: 8px 4px 8px 0px;
    font-weight: 600;
    color: #777777;
}

.aa-form__part-content--inline{
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.aa-form__part-content--inline .aa-form__item-group-name {
    flex: 1 1 100%;
}

.aa-form__part-content--inline .aa-form__item-subgroup {
    flex: 1 1 100%;
}

.aa-form__part-content--inline .aa-form-item{
    padding: 8px 20px 8px 0;
}

.aa-form__part-content--inline .aa-form-item__caption{
    text-align: left;
    flex: 0 0 auto;
    padding-left: 0;
    padding-top: 4px;
    padding-right: 16px;
}

.aa-form__part-content--inline .aa-form-item__value{
    text-align: left;
    flex: 0 0 auto;
    padding: 0;
}

.aa-form__part-content--inline .aa-btn{
    min-height: 26px;
    line-height: 26px;
    min-width: 60px;
    margin: 0 16px;
}

.aa-form__item-group-name {
    font-size: 15px;
    padding: 6px 24px;
    font-weight: 600;
	background-color: #ECEFF1;
    color: #333;
    border-bottom: 1px solid #CFD8DC;
    border-top: 1px solid #CFD8DC;
    margin-bottom: 8px;
    margin-top: 4px;
}

.aa-form__item-subgroup {
    font-size: 14px;
    padding: 12px 20px 4px 22px;
    font-weight: 600;
}

.aa-form__fieldset {
    border: 1px solid #e0e0e0;
    margin: 4px 8px 16px;
    padding: 2px 0 10px 0;
}

.aa-form__legend {
    font-size: 13px;
    font-weight: 600;
    padding-left: 4px;
    padding-right: 4px;
    color: #757575;
    margin-left: 8px;
}

.aa-form-item{
    display: flex;
    padding: 6px 0px;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.aa-form-item--selected{
    background: #f7f9fa;
}

.aa-form-item--selected-info{
    border-left: 3px solid #0277BD;
    background: #e8f7ff;
}

.aa-form-item--selected-success{
    border-left: 3px solid #43A047;
    background: #E8F5E9;
}

.aa-form-item--selected-warning{
    border-left: 3px solid #ffeb3b;
    background: #fff9db;
}

.aa-form-item--selected-error{
    border-left: 3px solid #E53935;
    background: #fff5f5;
    color: #E53935;
}

.aa-form-item--right{
    justify-content: flex-end;
}

.aa-form-item__caption{
    flex: 0 0 180px;
    color: #333333;
    font-weight: 600;
    line-height: 24px;
    padding: 2px 10px 2px 8px;   
    text-align: right;     
    align-self: flex-start;
}

.aa-form-item__caption--auto{
    flex: 0 0 auto;
}

.aa-form-item__value{
    flex-grow: 1;
    flex-shrink: 1;
    line-height: 24px;   
    padding: 2px 8px 0px 8px;
    align-items: center;
    text-align: left;
}

.aa-form-item__value>.aa-input:first-child{
    margin-top: -2px;
}

.aa-form-item__value>.aa-input-mix:first-child{
    margin-top: -2px;
}

.aa-form-item__value>.aa-date{
    margin-top: -2px;
}

.aa-form-item__value>.aa-time{
    margin-top: -2px;
}

.aa-form-item__value>.aa-ddl:first-child{
    margin-top: -2px;
}

.aa-form-item__value>.aa-textarea:first-child{
    margin-top: -2px;
}

.aa-form-item__value>.aa-ctr--box{
    margin-top: -2px;
}

.aa-form-item__value>.aa-btn--sm:first-child{
    margin-top: -1px;
}

.aa-form-item__value> *:not(:last-child){
    margin-right: 6px;
}

.aa-form-item__value> *:not(:first-child):not(.aa-date):not(.aa-note){
    margin-left: 2px;
}

.aa-form-item__value .aa-hint{
	font-weight: 400;
	margin: 0;
}

.aa-form-item__value .aa-note{
    margin-left: 0;
}

.aa-form-item__value--w-auto{
    flex: 0 1 276px;
}

.aa-form--responsive .aa-form-item {
    flex-wrap: wrap;
}

.aa-form__header{
    padding: 8px;
    font-weight: 600;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
}

.aa-form__header-left{
    align-self: center;
}

.aa-form__footer{
    text-align: center;
    padding-top: 12px;
    font-weight: 600;
}

.aa-form__value-lbl{
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
    user-select: none;
    line-height: 24px;
    width: fit-content;
    font-size: 13px;
    vertical-align: middle;
}



/*  ------------------ Small - the same as aa-form (standard) ------------------- */

.aa-form--sm{
    /* the same as aa-form (standard) */
 }



/*  ------------------------------ XSmall -------------------------------- */
.aa-form--xs{
    font-size: 12px;
    line-height: 22px;
}

.aa-form--xs .aa-form__header{
    font-size: 17px;
}

.aa-form--xs .aa-form__part-header{
    font-size: 15px;
}

.aa-form--xs .aa-form__item-group-name{
    font-size: 14px;
}

.aa-form--xs .aa-form__item-subgroup{
    font-size: 13px;
}

.aa-form--xs .aa-form-item__caption{
    line-height: 22px;
}

.aa-form--xs .aa-form-item__value{
    line-height: 22px;
}

.aa-form--xs .aa-input{
    line-height: 22px; 
}

.aa-form--xs .aa-chk{
    font-size: 12px;
    line-height: 22px;
}

.aa-form--xs .aa-chk__mark{
    top: 3px;
} 

.aa-form--xs .aa-radio{
    font-size: 12px;
    line-height: 22px;
}

.aa-form--xs .aa-radio__mark{
    top: 3px;
}

.aa-form--xs .aa-input-mix{
    height: 26px;
    line-height: 22px;   
}

.aa-form--xs .aa-input-mix__chk-mark{
    top: 4px;
}

.aa-form--xs .aa-input-mix__radio-mark{
    top: 4px;
}

.aa-form--xs .aa-input-mix__input{
    line-height: 22px;
}

.aa-form--xs .aa-input-mix__reset:before{
    line-height: 24px;
}

.aa-form--xs .aa-ddl{
    height: 26px;
    line-height: 22px;
}

.aa-form--xs .aa-input-mix__chk{
    line-height: 25px;
}

.aa-form--xs .aa-input-mix__radio{
    line-height: 25px;
}

.aa-form--xs .aa-input-mix__ddl{
    line-height: 22px;
    height: 22px;
}

.aa-form--xs .aa-link{
    font-size: 12px;
    line-height: 22px;
}

.aa-form--xs .aa-form-item__caption--top{
    padding-top: 3px;
}

.aa-form--xs .aa-date{
    height: 26px;
    line-height: 22px;   
}

.aa-form--xs .aa-date__input{
    line-height: 22px;     
}

.aa-form--xs .aa-date__icon{
    height: 24px;
}

.aa-form--xs .aa-time{
    height: 26px;
    line-height: 22px;   
}

.aa-form--xs .aa-time__input{
    line-height: 22px;     
}

.aa-form--xs .aa-time__picker{
    line-height: 22px;     
}

.aa-form--xs .aa-time__input--h24{
    line-height: 22px;     
}

.aa-form--xs .aa-time__icon{
    height: 24px;
}

.aa-form--xs .aa-date-lbl{
    line-height: 22px;     
}

/*  ------------------------------ Middle -------------------------------- */

.aa-form--md{
    font-size: 14px;
    line-height: 26px;
}

.aa-form--md .aa-form__legend{
    font-size: 14px;
}

.aa-form--md .aa-form__part-footer {
    font-size: 14px;
}

.aa-form--md .aa-form__part-header,
.aa-form--md .aa-form__item-group-name {
    font-size: 17px;
}

.aa-form--md .aa-form__part-header, 
.aa-form--md .aa-form__part-footer {
    padding: 8px 8px 12px 28px;
}

.aa-form--md .aa-form__item-group-name {
    padding: 8px 28px;
}

.aa-form--md .aa-form__item-subgroup {
    font-size: 16px;
    padding: 20px 20px 8px 44px;
}

.aa-form--md .aa-form-item__value {
    line-height: 26px;
    font-size: 14px;
    padding-left: 8px;
}
 
.aa-form--md .aa-form-item__caption{
    line-height: 26px;
} 

.aa-form--md .aa-form-item__lbl{
    padding-top: 4px;
    padding-left: 10px;
}

.aa-form--md .aa-form-item{
    padding: 8px 0px;
}

.aa-form--md .aa-input{
    line-height: 26px;
    font-size: 14px;
    padding: 1px 6px;
}

.aa-form--md .aa-textarea {
    line-height: 22px;
    font-size: 14px;
    padding-left: 6px;
    padding-right: 6px;
}

.aa-form--md .aa-input-mix{
    height: 30px;
    line-height: 26px;
}

.aa-form--md .aa-input-mix__input{
    line-height: 26px;
    font-size: 14px;
    padding: 1px 6px;
}
 
.aa-form--md .aa-chk__mark.aa-input-mix__chk-mark{
    top: 7px;
    left: 7px;
} 

.aa-form--md .aa-radio__mark.aa-input-mix__radio-mark{
    top: 7px;
    left: 7px;
} 

.aa-form--md .aa-input-mix__ddl {
    padding-left: 8px;
}

.aa-form--md .aa-input-mix__img{
    width: 34px;
}

.aa-form--md .aa-input-mix__reset{
    width: 32px;
}

.aa-form--md .aa-input-mix__reset:before{
    font-size: 15px;
}

.aa-form--md .aa-input-mix__color-picker--img,
.aa-form--md .aa-input-mix__color-picker--img-selected{
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin-right: 6px;
    margin-left: 6px;
}

.aa-form--md .aa-radio{
    font-size: 14px;
    padding-right: 12px;
    line-height: 26px;
}

.aa-form--md .aa-radio__mark{
    top: 5px;
}

.aa-form--md .aa-chk{
    font-size: 14px;
    padding-right: 12px;
    line-height: 26px;
}

.aa-form--md .aa-chk__mark{
    top: 5px;
}

.aa-form--md .aa-input-mix__chk{
    line-height: 30px;
    padding-left: 30px;
    padding-right: 6px;
}

.aa-form--md .aa-input-mix__radio{
    line-height: 30px;
    padding-left: 30px;
    padding-right: 6px;
}

.aa-form--md .aa-ddl{
    line-height: 26px;
    padding-left: 8px;
}

.aa-form--md .aa-link{
    font-size: 14px;
    line-height: 26px;
}

.aa-form--md .aa-form-item__caption--top{
    padding-top: 4px;
}

.aa-form--md .aa-date{
	height: 30px;
    line-height: 26px;
}

.aa-form--md .aa-date__input{
    line-height: 26px;   
    width: 96px;      
}

.aa-form--md .aa-date__icon{
    height: 28px;
}

.aa-form--md .aa-time{
    height: 30px;
    line-height: 26px;   
}

.aa-form--md .aa-time__input{
    line-height: 26px;     
}

.aa-form--md .aa-time__picker{
    line-height: 26px;     
}

.aa-form--md .aa-time__input--h24{
    line-height: 26px;     
}

.aa-form--md .aa-time__icon{
    height: 28px;
}

.aa-form--md .aa-date-lbl{
    line-height: 26px;     
}


/*  ------------------------------ Large -------------------------------- */
.aa-form--lg{
    font-size: 15px;
    line-height: 28px;
}

.aa-form--lg .aa-form__legend{
    font-size: 15px;
}

.aa-form--lg .aa-form__part-footer {
    font-size: 15px;
}

.aa-form--lg .aa-form__part-header,
.aa-form--lg .aa-form__item-group-name {
    font-size: 18px;
}

.aa-form--lg .aa-form__part-header, 
.aa-form--lg .aa-form__part-footer {
    padding: 10px 12px 16px 32px;
}

.aa-form--lg .aa-form__header{
    padding: 10px;
    font-size: 20px;
}

.aa-form--lg .aa-form__part{
    margin: 8px; 
}

.aa-form--lg .aa-form__item-group-name {
    padding: 16px 32px;
}

.aa-form--lg .aa-form__item-subgroup {
    font-size: 17px;
    padding: 24px 20px 8px 48px;
}

.aa-form--lg .aa-form-item__value{
    line-height: 28px;
    font-size: 15px;
}

.aa-form--lg .aa-form-item{
    padding: 9px 0px;
}

.aa-form--compact.aa-form--lg .aa-form-item{
    padding: 5px 0px;
}

.aa-form--lg .aa-input-mix__input{
    line-height: 28px;
    font-size: 15px;
    padding-left: 12px;
}

.aa-form--lg .aa-input{
    line-height: 28px;
    font-size: 15px;
    padding-left: 12px;
}

.aa-form--lg .aa-radio{
    line-height: 28px;
    font-size: 15px;
}

.aa-form--lg .aa-radio__mark{
    top: 6px;
}

.aa-form--lg .aa-chk{
    line-height: 28px;
    font-size: 15px;
}

.aa-form--lg .aa-chk__mark{
    top: 7px;
}

.aa-form--lg .aa-textarea{
    line-height: 22px;
    font-size: 15px;
}

.aa-form--lg .aa-input-mix {
    height: 32px;
    line-height: 28px;
}
    
.aa-form--lg .aa-input-mix__chk-mark{
    top: 8px;
    left: 10px;
} 

.aa-form--lg .aa-input-mix__chk{
    line-height: 30px;
    padding-left: 32px;
    padding-right: 7px;
}

.aa-form--lg .aa-input-mix__radio-mark {
    top: 8px;
    left: 10px;
} 

.aa-form--lg .aa-input-mix__radio{
    line-height: 30px;
    padding-left: 32px;
    padding-right: 7px;
}

.aa-form--lg .aa-input-mix__ddl {
    padding-left: 8px;
}

.aa-form--lg .aa-input-mix__img{
    width: 36px;
}

.aa-form--lg .aa-input-mix__reset{
    width: 36px;
}

.aa-form--lg .aa-input-mix__reset:before{
    font-size: 18px;
    line-height: 30px;
}

.aa-form--lg .aa-input-mix__color-picker--img,
.aa-form--lg .aa-input-mix__color-picker--img-selected{
    background-size: 22px 22px;
    height: 22px;
    width: 22px;
    margin-right: 7px;
    margin-left: 7px;
}

.aa-form--lg .aa-form-item__caption{
    line-height: 28px;
}

.aa-form--lg .aa-link{
    font-size: 15px;
    line-height: 28px;
}

.aa-form--lg .aa-form-item__caption--top{
    padding-top: 3px;
}

.aa-form--lg .aa-date{
    height: 32px;
    line-height: 28px;
    width: 132px;
}

.aa-form--lg .aa-date__input{
    line-height: 28px;  
    width: 104px;
}

.aa-form--lg .aa-date__icon{
    height: 30px;
}

.aa-form--lg .aa-time{
    height: 32px;
    line-height: 28px; 
    width: 140px;
}

.aa-form--lg .aa-time__input{
    line-height: 28px; 
    width: 60px;
}

.aa-form--lg .aa-time__picker{
    line-height: 28px;  
}

.aa-form--lg .aa-time__input--h24{
    line-height: 28px;     
}

.aa-form--lg .aa-time__icon{
    height: 30px;
}

.aa-form--lg .aa-date-lbl{
    line-height: 28px;
}


/*  --------------------------- Compact SM ------------------------------ */

.aa-form--compact .aa-form-item {
    padding: 4px 0px;
}


/*  --------------------------- Compact XS ------------------------------ */

.aa-form--xs .aa-form-item {
    padding: 4px 0px;
}

.aa-form--compact.aa-form--xs .aa-form-item {
    padding: 2px 0px;
}

/*  --------------------------- Extra Compact SM ------------------------------ */

.aa-form--xcompact .aa-form-item {
    padding: 1px 0px;
}

/*  --------------------------- Extra Compact XS ------------------------------ */

.aa-form--xcompact.aa-form--xs .aa-form-item {
    padding: 1px 0px;
}

/*  --------------------------- Extra Compact MD ------------------------------ */

.aa-form--xcompact.aa-form--md .aa-form-item {
    padding: 2px 0px;
}

/*  --------------------------- Extra Compact LG ------------------------------ */

.aa-form--xcompact.aa-form--lg .aa-form-item {
    padding: 3px 0px;
}


/*  ------------------------------ Block Items -------------------------------- */

.aa-form--block-item .aa-form-item{
    flex-direction: column;
    padding: 4px 8px;
}

.aa-form--block-item .aa-form-item__caption{
    flex:auto;
    padding: 0;
}

.aa-form--block-item .aa-form-item__value{
    flex:auto;
    width: 100%;
    padding: 0;    
}

.aa-form__part--block-item .aa-form-item{
    flex-direction: column;
}

.aa-form__part--block-item .aa-form-item__caption{
    flex:auto;
    padding: 4px 10px;
}

.aa-form__part--block-item .aa-form-item__value{
    flex:auto;
    width: 100%;
}

.aa-form-item--block{
    flex-direction: column;
}

.aa-form-item--block .aa-form-item__caption{
    flex:auto;
    padding: 4px 10px;
}

.aa-form-item--block .aa-form-item__value{
    flex:auto;
    width: 100%;
}



/* ===========================================================================  
  - ----------------------------- Breadcrumbs --------------------------------
   =========================================================================== */

    .aa-breadcrumbs{
        vertical-align: middle;
    }

   .aa-breadcrumbs__list{
       display: flex;
       flex: 0 1 auto;
       align-items: center;
       list-style: none;
       padding: 0;
       margin: 0;
   }

   .aa-breadcrumbs__list-link{
       display: inline-block;
       font-size: 18px;
       font-weight: 600;
       color: #333333;
       vertical-align: middle;
   }

   .aa-breadcrumbs__list-link:hover{
       text-decoration: none;
       color:#0288d1;
   }

   .aa-breadcrumbs__list-link:focus{
        outline: none;
   }

   .aa-breadcrumbs__list-link--product{
    font-size: 16px;
    font-weight: 600;
    margin-top: -3px;
   }

   .aa-breadcrumbs__list-item{
        vertical-align: middle;
        font-size: 16px;
        font-weight: 600;
        white-space: nowrap;
   }

   .aa-breadcrumbs__list-item a:hover{
        text-decoration: none;
   }

   .aa-breadcrumbs__list-item:focus{
       outline: none;
   }

   .aa-breadcrumbs__list-item:not(:last-child):after{
        display: inline-block;
        content: ' ';
        background-image: url(../images/common/angle_right.svg);
        background-repeat: no-repeat;
        background-size: 10px 12px;
        height: 10px;
        width: 12px;
        margin-right: 2px;
   }
   
   .aa-breadcrumbs__list-item--active{
	   color: #0288d1;
   }

   .aa-breadcrumbs__home{
        font-size: 14px;
        font-weight: 600;
        color: #0288d1;
        display: inline-block;
        text-transform:uppercase;
   }

   .aa-breadcrumbs__home:hover{
        text-decoration: none;
        color: #01579B;
   }

   .aa-breadcrumbs--main .aa-breadcrumbs__list-item{
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
   }

   .aa-breadcrumbs--main .aa-breadcrumbs__list-link.aa-breadcrumbs__list-link--product{
        text-decoration: none;
        color: #0288d1;
        font-size: 14px;
        font-weight: 600;
        margin-top: 0px;
   }

   .aa-breadcrumbs--main .aa-breadcrumbs__list-link.aa-breadcrumbs__list-link--product:hover{
        text-decoration: none;
        color: #01579B;
   }

/* ============================================================  
   -------------------------- DIALOGS -------------------------
   ============================================================ */
.aa-dialog-area {
    position: fixed;
    z-index: 11; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    font-weight: 500;
    color: rgba(0, 0, 0, 0.54);
    display: flex;
    align-items: center;
    justify-content: center;
}

.aa-dialog-area--progress {
    background-color: rgba(0,0,0,0.2);
    z-index: 20;
}

.aa-dialog-area--transparent {
    background-color: rgba(0,0,0,0);
}

.aa-dialog-area--top{
    align-items: flex-start;
}

.aa-dialog-area--top .aa-dialog{
    animation-name: animatetop2;
    animation-duration: 0.4s; 
}

.aa-dialog-area--left{
    justify-content: left;
}

.aa-dialog-area--right{
    justify-content: right;
}

.aa-dialog-area--bottom{
    align-items: flex-end;
}

.aa-dialog-area--bottom .aa-dialog{
    animation-name: animatebottom2;
    animation-duration: 0.4s; 
}

.aa-dialog {
    position: relative; 
    background-color: #fefefe;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-top: 4px solid #757575;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.68);
    font-size: 14px;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

.aa-dialog__content{
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 14px 24px 20px 24px;
}

.aa-dialog__body {
    text-align: center;
    background-color: #fff;
    word-break: break-word;
    overflow: auto;
    flex: 1 1 auto;
}

.aa-dialog .aa-btn{
    margin-right: 4px;
}

.aa-dialog-help {
    position: absolute;
    background-color: #fefefe;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-top: 4px solid #757575;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.68);
    font-size: 14px;
    animation-name: animatehelp;
}

    .aa-dialog-help.aa-dialog--sm {
        margin-top: 0;
    }

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes animatetop2{
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes animatetop2{
    from {
        top: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes animatebottom2{
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes animatebottom2{
    from {
        bottom: 0;
    }

    to {
        opacity: 1;
    }
}


/* @keyframes animateleft {
    from {
        opacity: 0; 
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
} */


@-webkit-keyframes animatehelp{
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes animatehelp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.aa-dialog__close {
    color: rgba(0, 0, 0, 0.988);
    line-height: 0.8;
    font-size: 22px;
    font-weight: 500;
    padding: 2px 5px 10px 10px;
    position: absolute;
    right: 2px;
}

    .aa-dialog__close:hover,
    .aa-dialog__close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        font-weight: 800;
    }

.aa-dialog__header {
    text-align: center;
    font-weight: 600;
    Color: #000000;
    font-size: 16px;
    padding: 12px;
}

    .aa-dialog__header h2 {
        font-weight: 600;
        Color: #000000;
        font-size: 16px;
    }


.aa-dialog__footer {
    text-align: center;
    color: #000000;
    background-color: #fff;
}

.aa-dialog--md .aa-dialog__footer,
.aa-dialog--lg .aa-dialog__footer,
.aa-dialog--xl .aa-dialog__footer {
    text-align: center;
    padding-top: 16px;
}

.aa-dialog__footer h3 {
    font-weight: 500;
}

/* ======================= Dialog Sizes ======================= */
/* -------------------------- Small --------------------------- */
.aa-dialog--sm {
    width: 400px;
}

.aa-dialog--sm .aa-dialog__footer {
    padding: 12px 0 0;
}

.aa-dialog--sm .aa-dialog__body {
    padding: 12px 0;
}

/* ------------------------- Medium --------------------------- */
.aa-dialog--md {
    width: 600px;
    height: 360px;
}

.aa-dialog--md .aa-dialog__footer {
    padding: 8px 0;
    }

/* -------------------------- Large --------------------------- */
.aa-dialog--lg {
    width: 760px;
    height: 440px;
}


/* -------------------------- XLarge -------------------------- */
.aa-dialog--xl {
    width: 920px; 
    height: 85%;
}

/* ====================== Dialog Styles ======================= */
.aa-dialog--info {
    border-top: 4px solid #0288D1;
}

.aa-dialog--success {
    border-top: 4px solid #4CAF50;
}

.aa-dialog--warning {
    border-top: 4px solid #FF9800;
}

.aa-dialog--error {
    border-top: 4px solid #E53935;
}


/* =========================== Help =========================== */

.aa-dialog-help-area {
    background-color: rgb(255 255 255 / 10%);
}

.aa-dialog-help--light{
    border: 1px solid #d0e1ee;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.19);
}

.aa-dialog-help--light, .aa-dialog-help--dark {
    line-height: 1.3;
    font-weight:500;
    font-family: 'open sans';
    font-size: 13px;
}

.aa-dialog-help--dark{
    border: none;
}


    .aa-dialog-help--light, 
    .aa-dialog-help--light .aa-dialog__footer, 
    .aa-dialog-help--light .aa-dialog__body {
        background-color: #e3f2fd;
        color: #333;
    }

    .aa-dialog-help--dark {
        background-color: hsla(0, 0%, 20%, 0.9);
        color: #fff;
    }

        .aa-dialog-help--dark .aa-dialog__footer, .aa-dialog-help--dark .aa-dialog__body {
            background-color: #474747;
        }

.aa-dialog-help--light a.aa-airbtn-special:hover,
.aa-dialog-help--light a.aa-airbtn-special:link:hover,
.aa-dialog-help--light .aa-airbtn-special:hover {
    background: #fff;   
}

.aa-dialog-help-area:before {
    position: absolute;
    content: '';
    border: 6px solid transparent;
    border-top-color: transparent;
    width: 0;
    height: 0;
}


.aa-dialog-help-area--left:before {
    left: -12px;
    top: 5px;
    border-right-color: #000;
    border-right-color: hsla(0, 0%, 20%, 0.9);
}

.aa-before-top:before {
    border-bottom-color: #000;
    border-bottom-color: hsla(0, 0%, 20%, 0.9);
    top: -12px;
    left:0;
}

.aa-dialog-help--light .aa-dialog__content,
.aa-dialog-help--dark .aa-dialog__content {
    padding: 12px 4px 8px 4px;
}

.aa-dialog-help--light .aa-dialog__header,
.aa-dialog-help--dark .aa-dialog__header {
    text-align: left;
    font-size: 14px;
    padding: 2px 2px 5px;
    margin: 0 1px;
}

.aa-dialog-help--light .aa-dialog__header {
    border-bottom: 1px solid #333;
}

.aa-dialog-help--dark .aa-dialog__header {
    border-bottom: 1px solid #fff;
}

.aa-dialog-help--light .aa-dialog__header {
    color: #333;
}

.aa-dialog-help--dark .aa-dialog__header {
    color: #fff;
}

.aa-dialog-help--light .aa-dialog__body,
.aa-dialog-help--dark .aa-dialog__body{
    padding: 5px;
}

.aa-dialog-help--light .aa-dialog__close,
.aa-dialog-help--dark .aa-dialog__close {
    font-size: 21px;
    padding-right: 4px;
    padding-top: 2px;
}

.aa-dialog-help--dark .aa-dialog__close {
    color:#fff;
}

.aa-dialog-help--light .aa-dialog__footer,
.aa-dialog-help--dark .aa-dialog__footer {
    padding-bottom: 5px;
}

.aa-icon-help {
    cursor: pointer;
    display: inline-block;
    width: 13px;
    height: 13px;
    padding: 0px 4px 0px 4px;
    position: relative;
}

    .aa-icon-help:after {
        content: '\003F';
        border-radius: 50%;
        background-color: #bcdbea;
        height: 14px;
        width: 14px;
        color: #fff;
        font-weight: 800;
        font-size: 11px;
        line-height: 15px;
        text-align: center;
        display: block;
        position: absolute;
    }

    .aa-icon-help:hover:after {
        background-color: #0288d1;
    }

/* ====================== Tooltip dialog ====================== */
.aa-tlp-dialog {
    font-weight: bold;
}

    .aa-tlp-dialog:hover {
        cursor: pointer;
    }

/* ======================== Processing ======================== */
/* -------------------------- cubes --------------------------- */

.aa-progress-cubes {
    text-align: center;
    margin-top: -100px;
    background-color: #FFF;
    box-shadow: 0 0px 3px rgba(0,0,0,.25);
    padding: 14px 48px 8px;
    border-radius: 2px;
    min-width: 190px;
}

.aa-progress-message {
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 10px;
    color: #202020
}

.aa-progress-cubes span {
    display: block;
    margin: 0 auto;
}

    .aa-progress-cubes span[class*="l-"] {
        height: 6px;
        width: 6px;
        background: #000;
        display: inline-block;
        margin: 12px 2px;
        -moz-border-radius: 100%;
        animation: loader 4s infinite;
        animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
        animation-fill-mode: both;
    }

    .aa-progress-cubes span.l-1 {
        animation-delay: 1s;
    }

    .aa-progress-cubes span.l-2 {
        animation-delay: 0.8s;
    }

    .aa-progress-cubes span.l-3 {
        animation-delay: 0.6s;
    }

    .aa-progress-cubes span.l-4 {
        animation-delay: 0.4s;
    }

    .aa-progress-cubes span.l-5 {
        animation-delay: 0.2s;
    }

    .aa-progress-cubes span.l-6 {
        animation-delay: 0s;
    }

@-webkit-keyframes loader {
    0% {
        -webkit-transform: translateX(-30px);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        -webkit-transform: translateX(30px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes loader {
    0% {
        -moz-transform: translateX(-30px);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        -moz-transform: translateX(30px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-keyframes loader {
    0% {
        -transform: translateX(-30px);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        -transform: translateX(30px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes loader {
    0% {
        -ms-transform: translateX(-30px);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        -ms-transform: translateX(30px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* ============================================================  
   ------------------------- CONTROLS -------------------------
   ============================================================ */

.aa-ctr{
    width: 15px;
    height: 13px;
    background-size: 13px 13px;   
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px 10px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: 0;
    border: none;
    vertical-align: top;
    text-decoration: none;
    zoom: 1;
    position: relative;
    color: #333333;
}

.aa-ctr:hover{
    cursor: pointer;
    text-decoration: none; 
}

.aa-ctr[data-tooltip]:after {
    line-height: 18px;
    font-size: 13px;
    padding: 3px 4px;
    width: 120px;
} 

.aa-ctr--lg{
    height: 15px;
    background-size: 15px 15px;
    margin: 2px;
}

.aa-ctr--box{
    border-radius: 2px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 22%);
    border-top: #EEEEEE 1px solid;
    height: 26px;
    width: 32px;
    background-color: #fff;
}

.aa-ctr.aa-ctr--box.aa-tlp-top:hover:before,
.aa-ctr.aa-ctr--box.aa-tlp-top:hover:after{
    transform: translateY(-22px);
}

.aa-ctr.aa-ctr--box.aa-ctr--lg.aa-tlp-top:hover:before,
.aa-ctr.aa-ctr--box.aa-ctr--lg.aa-tlp-top:hover:after{
 	transform: translateY(-28px); 
}
 
.aa-ctr.aa-ctr--box.aa-ctr--lg{
    height: 32px;
    width: 38px;
    background-size: 15px 14px;
}

.aa-ctr.aa-tlp-left:before {
    margin-bottom: -4px;
}

.aa-ctr.aa-tlp-left:hover:before, 
.aa-ctr.aa-tlp-left:hover:after, 
.aa-ctr.aa-tlp-left:focus:before, 
.aa-ctr.aa-tlp-left:focus:after {
    transform: translateX(-8px);
}

.aa-ctr.aa-tlp-top:after {
    margin-left: -56px;
}

.aa-ctr.aa-tlp-bottom:after {
    margin-left: -56px;
}

.aa-toolbar--ctr-box .aa-ctr.aa-tlp-top:hover:before, 
.aa-toolbar--ctr-box .aa-ctr.aa-tlp-top:hover:after, 
.aa-toolbar--ctr-box .aa-ctr.aa-tlp-top:focus:before, 
.aa-toolbar--ctr-box .aa-ctr.aa-tlp-left:focus:after {
    transform: translateY(-22px);
}

.aa-toolbar--ctr-box.aa-toolbar--lg .aa-ctr.aa-tlp-top:hover:before, 
.aa-toolbar--ctr-box.aa-toolbar--lg .aa-ctr.aa-tlp-top:hover:after, 
.aa-toolbar--ctr-box.aa-toolbar--lg .aa-ctr.aa-tlp-top:focus:before, 
.aa-toolbar--ctr-box.aa-toolbar--lg .aa-ctr.aa-tlp-left:focus:after {
    transform: translateY(-28px);
}

.aa-toolbar--lg .aa-ctr{
    height: 15px;
    background-size: 15px 15px;
}

.aa-toolbar--lg.aa-toolbar--compact .aa-ctr, 
.aa-toolbar--lg .aa-toolbar__list-container--compact .aa-ctr{
    height: 13px;
    background-size: 13px 13px;
    margin: 2px;
}

.aa-toolbar--ctr-box .aa-ctr{
    border-radius: 2px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 22%);
    border-top: #EEEEEE 1px solid;
    height: 26px;
    width: 32px;
    background-color: #fff;
}

.aa-toolbar--lg.aa-toolbar--ctr-box .aa-ctr{
    height: 32px;
    width: 38px;
    background-size: 15px 14px;
}

.aa-toolbar--compact.aa-toolbar--opened.aa-toolbar--ctr-box .aa-toolbar__list .aa-ctr ,
.aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-toolbar__list .aa-ctr {
    height: 13px;
}

.aa-toolbar--compact.aa-toolbar--opened.aa-toolbar--ctr-box .aa-toolbar__container, 
.aa-toolbar--ctr-box .aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-toolbar__list{
    top: 29px;
    right: -1px;
}

.aa-toolbar--lg.aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__container{
    top: 28px;
    right: 0;
 }

 .aa-toolbar--ctr-box.aa-toolbar--lg.aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__container{
    top: 36px;
    right: 0;
 }

.aa-ctr--help{
    background-image: url(../images/common/help.svg);
}
.aa-ctr--help:hover{
    background-image: url(../images/common/help_hover.svg);
}

.aa-ctr--help.aa-tlp-left:after{
    width: 54px;
}

.aa-toolbar__item--help{
    position: relative;
}

.aa-toolbar__item.aa-toolbar__item--help .aa-ctr--help .aa-edit-light{
    background: none;
    width: 100%;
    top: -6px;
    position: absolute;
    left: 0;
    height: 25px;
}

.aa-ctr--edit{
    background-image: url(../images/common/edit.svg);
}

.aa-ctr--edit:hover{
    background-image: url(../images/common/edit_hover.svg);
}
.aa-ctr--edit.aa-tlp-left:after{
    width: 42px;
}

.aa-ctr--move-down{
    background-image: url(../images/common/move_down.svg);
}
.aa-toolbar--lg .aa-ctr--move-down{
    background-size: 17px 17px;
}

.aa-ctr--move-down:hover{
    background-image: url(../images/common/move_down_hover.svg);
}
.aa-ctr--move-down.aa-tlp-left:after{
    width: 110px;
}

.aa-ctr--move-up{
    background-image: url(../images/common/move_up.svg);
}
.aa-toolbar--lg .aa-ctr--move-up{
    background-size: 17px 17px;
}

.aa-ctr--move-up:hover{
    background-image: url(../images/common/move_up_hover.svg);
}
.aa-ctr--move-up.aa-tlp-left:after{
    width: 110px;
}

.aa-ctr--direct-access{
    background-image: url(../images/common/direct-access.svg);
}
.aa-ctr--direct-access:hover{
    background-image: url(../images/common/direct-access-hover.svg);
}

.aa-ctr--reload{
    background-image: url(../images/common/refresh.svg);
}
.aa-ctr--reload:hover{
    background-image: url(../images/common/refresh_hover.svg);
}
.aa-ctr--reload.aa-tlp-left:after{
    width: 70px;
}

.aa-ctr--collapse{
    background-image: url(../images/common/arrow_up-2.svg);
}
.aa-ctr--collapse:hover{
    background-image: url(../images/common/arrow_up_hover-2.svg);
}
.aa-ctr--collapse.aa-tlp-left:after{
    width: 70px;
}

.aa-ctr--expand{
    background-image: url(../images/common/arrow_down-2.svg);
}
.aa-ctr--expand:hover{
    background-image: url(../images/common/arrow_down_hover-2.svg);
}
.aa-ctr--expand.aa-tlp-left:after{
    width: 70px;
}

.aa-ctr--full-screen{
    background-image: url(../images/common/fullscreen.svg);
}
.aa-ctr--full-screen:hover{
    background-image:url(../images/common/fullscreen_hover.svg);
}
.aa-ctr--full-screen.aa-tlp-left:after{
    width: 94px;
}
.aa-toolbar--compact.aa-toolbar--opened .aa-ctr--full-screen{
    vertical-align: middle;
}

.aa-ctr--full-screen-exit{
    background-image: url(../images/common/fullscreen_exit.svg);
}
.aa-ctr--full-screen-exit:hover{
    background-image:url(../images/common/fullscreen_exit_hover.svg);
}

.aa-ctr--close{
    background-image: url(../images/common/close.svg);
}
.aa-ctr--close:hover{
    background-image: url(../images/common/close_hover.svg);
}
.aa-ctr--close.aa-tlp-left:after{
    width: 80px;
}

.aa-ctr--reset{
    background-image: url(../images/common/close.svg);
}
.aa-ctr--reset:hover{
    background-image: url(../images/common/close_hover.svg);
}
.aa-ctr--reset.aa-tlp-left:after{
    width: 80px;
}

.aa-ctr--previous-page{
    background-image: url('../images/common/previous_page.svg');
    background-size: 13px 12px;
}
.aa-ctr--previous-page:hover{
    background-image: url('../images/common/previous_page_hover.svg');
}
.aa-ctr--previous-page.aa-ctr--inactive{
    background-image: url('../images/common/previous_page_inactive.svg');
}

.aa-ctr--next-page{
    background-image: url('../images/common/next_page.svg');
    background-size: 13px 12px;
}
.aa-ctr--next-page:hover{
    background-image: url('../images/common/next_page_hover.svg');
}
.aa-ctr--next-page.aa-ctr--inactive{
    background-image: url('../images/common/next_page_inactive.svg');
}

.aa-ctr--first-page{
    background-image: url('../images/common/first_page.svg');
    background-size: 13px 12px;
}
.aa-ctr--first-page:hover{
    background-image: url('../images/common/first_page_hover.svg');
}
.aa-ctr--first-page.aa-ctr--inactive{
    background-image: url('../images/common/first_page_inactive.svg');
}

.aa-ctr--last-page{
    background-image: url('../images/common/last_page.svg');
    background-size: 13px 12px;
}
.aa-ctr--last-page:hover{
    background-image: url('../images/common/last_page_hover.svg');
}
.aa-ctr--last-page.aa-ctr--inactive{
    background-image: url('../images/common/last_page_inactive.svg');
}

.aa-ctr--report-properties{
    background-image: url('../images/common/report-properties.svg');
}

.aa-ctr--report-properties.aa-ctr[data-tooltip]:after{
	width: 138px;
}

.aa-ctr--report-properties.aa-ctr.aa-tlp-top:after{
	margin-left: -68px;
}

.aa-toolbar--lg .aa-ctr--report-properties{
    background-size: 20px 18px;
}

.aa-ctr--charts{
    background-image: url('../images/common/charts.svg');
    background-repeat: no-repeat;
    background-size: 15px 16px;
}

.aa-ctr--pivot-table{
    background-image: url('../images/common/pivot-table.svg');
    background-repeat: no-repeat;
}
.aa-toolbar--lg .aa-ctr--pivot-table{
    background-size: 18px 18px;
}

.aa-ctr--pivot-table{
    height: 19px;
    width: 18px;
    transition: 0.3s;
}

.aa-ctr--print{
    background-image: url('../images/common/print.svg');
}
.aa-ctr--print:hover{
    background-image: url('../images/common/print_hover.svg');
}
.aa-toolbar--lg .aa-ctr--print{
    background-size: 18px 17px;
}

.aa-ctr--properties{
    background-image: url('../images/common/info.svg');
}
.aa-ctr--properties:hover{
    background-image: url('../images/common/info_hover.svg');
}

.aa-ctr--actions{
    background-image: url('../images/common/actions.svg');
}
.aa-ctr--actions:hover{
    background-image: url('../images/common/actions_hover.svg');
}

.aa-ctr--config{
    background-image: url('../images/common/report_properties.svg');
    background-size: 14px 14px;
}
.aa-ctr--config:hover{
    background-image: url('../images/common/report_properties_hover.svg');
}

.aa-ctr--find{
    background-image: url('../images/common/find.svg');
    background-size: 15px 15px;
}
.aa-ctr--find:hover{
    background-image: url('../images/common/find_hover.svg');
}

.aa-ctr--download{
    background-image: url('../images/common/download.svg');
} 
.aa-ctr--download:hover{
    background-image: url('../images/common/download_hover.svg');
 } 

.aa-ctr--email{
    background-image: url('../images/common/email.svg');
}
.aa-ctr--email:hover{
    background-image: url('../images/common/email_hover.svg');
}
.aa-toolbar--lg .aa-ctr--email{
    background-size: 15px 15px;
}

.aa-ctr--select-at-page{
    background-image: url('../images/common/select_page.svg');
}
.aa-ctr--select-at-page:hover{
    background-image: url('../images/common/select_page_hover.svg');
}

.aa-ctr--unselect-at-page{
    background-image: url('../images/common/unselect_page.svg');
}
.aa-ctr--unselect-at-page:hover{
    background-image: url('../images/common/unselect_page_hover.svg');
}
.aa-toolbar--lg .aa-ctr--unselect-at-page{
    background-size: 15px 13px;
}

.aa-ctr--select-all{
    background-image: url('../images/common/select_all_table.svg');
}
.aa-ctr--select-all:hover{
    background-image: url('../images/common/select_all_table_hover.svg');
}

.aa-ctr--unselect-all{
    background-image: url('../images/common/unselect_all_table.svg');
}
.aa-ctr--unselect-all:hover{
    background-image: url('../images/common/unselect_all_table_hover.svg');
}
.aa-toolbar--lg .aa-ctr--unselect-all{
    background-size: 15px 15px;
}

.aa-ctr--find-next{
    background-image: url('../images/common/find_next.svg');
}
.aa-ctr--find-next:hover{
    background-image: url('../images/common/find_next_hover.svg');
}
.aa-toolbar--lg .aa-ctr--find-next{
    background-size: 16px 16px;
}
.aa-ctr--find-next.aa-ctr--inactive{
    background-image: url('../images/common/find_next_inactive.svg');
}

.aa-ctr--find-previous{
    background-image: url('../images/common/find_previous.svg');
}
.aa-ctr--find-previous:hover{
    background-image: url('../images/common/find_previous_hover.svg');
}
.aa-toolbar--lg .aa-ctr--find-previous{
    background-size: 16px 16px;
}
.aa-ctr--find-previous.aa-ctr--inactive{
    background-image: url('../images/common/find_previous_inactive.svg');
}

.aa-ctr--history{
    background-image: url('../images/common/history.svg');
    background-size: 15px 15px;
}

.aa-toolbar--lg .aa-ctr--history{
    background-size: 18px 17px;
}

.aa-ctr--select{
	background-image: url('../images/common/edit.svg');
}

.aa-ctr--clear {
    background-image: url('../images/common/close.svg');
}

.aa-ctr--view {
    background-image: url('../images/common/view.svg');
}

.aa-ctr--triangle{
    background-image: url('../images/common/triangle.svg');
    background-color: unset;
    margin: 4px 0;
    width: 14px;
    padding: 0px 8px;
}
.aa-ctr--triangle:hover{
    background-image: url('../images/common/triangle_hover.svg');
}

.aa-ctr--configuration{
    background-image: url(../images/common/configuration.svg);
}

.aa-ctr--configuration:hover{
    background-image: url(../images/common/configuration_hover.svg);
}

.aa-ddl--toolbar{
    display: inline-block;
    text-align: left;
    cursor: pointer;
    outline: 0;
    border: none;
    text-decoration: none;
    zoom: 1;
    position: relative;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.22);
    border-top: #EEEEEE 1px solid;
    border-bottom: #fff 1px solid;
    width: 120px;
    vertical-align: middle;
    padding: 0 0 0 5px;
    font-weight: 600;
    color: #333333;
    margin-top: 0px; /* margin-top: 1px; */
    height: 26px;
    font-size: 13px;
}

/* .aa-portlet--body-full-screen .aa-ctr--full-screen-exit-2{
    position: fixed;
    right: 16px;
    top: 8px;
    display: block;
    background-image: url(../images/common/fullscreen_exit.svg);
    background-size: 18px 18px;
    padding: 7px 15px 2px 15px;
    height: 27px;
    width: 32px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 22%);
    margin-right: 5px;
    margin-bottom: 7px;
    margin-top: -1px;
    border-top: #EEEEEE 1px solid;
} */

/* .body--full-screen-mode .aa-ctr--full-screen-exit-2{ */
.body--full-screen-mode .aa-portlet--body-full-screen .aa-ctr--full-screen-exit-2,
.aa-portlet--full-screen .aa-ctr--full-screen-exit-2{    
    position: fixed;
    right: 16px;
    top: 4px; 
    z-index: 100;
    display: block;
    background-image: url(../images/common/fullscreen_exit.svg);
    background-size: 18px 18px;
    padding: 7px 15px 2px 15px;
    height: 27px;
    width: 32px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 22%);
    margin-right: 5px;
    margin-bottom: 7px;
    margin-top: -1px;
    border-top: #EEEEEE 1px solid;
}

.aa-portlet--full-screen .aa-portlet__header>.aa-toolbar{
    display: none;
}


/* ============================================================  
   ----------------------- TOOLBARS { -------------------------
   ============================================================ */

.aa-toolbar{
    position: relative;
    display: inline-block;
}

.aa-toolbar__container{
  gap: 12px;
}

.aa-toolbar__list-container{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 4px 2px;
/*     box-shadow: 0 0px 2px rgb(0 0 0 / 17%); */
}

.aa-portlet .aa-toolbar__list-container{
    box-shadow: none;
    padding: 2px;
}

.aa-toolbar__list{
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    gap: 4px;
}

.aa-toolbar__list-container--compact .aa-toolbar__list{
    display:none;
}

.aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-toolbar__list{
    position: absolute;
    top: 24px;
    right: 0px;
    display: flex;
    flex-direction: column;
    list-style: none;
    border: #cfe7fc 1px solid;
    border-top: #0288d1 2px solid;
    background-color: #f1f8fe;
    text-align: left;
    margin: 0;
    padding: 6px 0;
    z-index: 1; 
}

.aa-toolbar--lg .aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-toolbar__list{
    top: 28px;
}

.aa-toolbar--lg.aa-toolbar--ctr-box .aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-toolbar__list{
    top: 36px
}

.aa-toolbar__list-container--compact-right.aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-toolbar__list{
    width: 200px;
}

.aa-toolbar__list-container--compact-right.aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-toolbar__list{
    left: 0px;
    right: auto;
}

.aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-toolbar__list{
    width: 200px;
}

.aa-toolbar__list-container--compact-w-250.aa-toolbar__list-container--opened .aa-toolbar__list{
    width: 250px;
}

.aa-toolbar__list-container--compact-w-300.aa-toolbar__list-container--opened .aa-toolbar__list{
    width: 300px;
}

.aa-toolbar--compact{
    vertical-align: middle;
}

.aa-toolbar--compact.aa-toolbar--compact-right.aa-toolbar--opened .aa-toolbar__container,
.aa-toolbar--lg.aa-toolbar--compact.aa-toolbar--compact-right.aa-toolbar--opened .aa-toolbar__container{
    left: 0;
    right: auto;
}

.aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__item,
.aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-toolbar__item{
    margin: 0;
}

.aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__item:hover,
.aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-toolbar__item:hover{
    background-color: #d4e9fc;
    cursor: pointer;
 }

.aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-toolbar__list .aa-ctr{
    border: none;
    box-shadow:none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: 20px;
}

.aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__list .aa-ctr, 
.aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-toolbar__list .aa-ctr{
    border: none;
    box-shadow:none;
    background-color: transparent;
    background-position-x: left;
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 22px;
}

.aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-ctr.aa-tlp-top:before{
    display: none;
}

.aa-toolbar--compact.aa-toolbar--opened .aa-ctr.aa-tlp-top:before{
    display: none;
} 

.aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-ctr.aa-tlp-top:hover:after, 
.aa-toolbar__list-container--compact.aa-toolbar__list-container--opened .aa-ctr.aa-tlp-top:focus:after{
    transform:none;
}

.aa-toolbar--compact.aa-toolbar--opened .aa-ctr.aa-tlp-top:hover:after{
    transform:none;
    animation:none;
}

.aa-toolbar__container{
    display: flex;
    flex-wrap: wrap;
}

.aa-toolbar--compact .aa-toolbar__container{
    display: none;
}

.aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__container{
    display: block;
    position: absolute;
    top: 24px;
    right: -11px;
    z-index: 10;
    background-color: #f1f8fe;
    border-top: #0288d1 2px solid;
    display: flex;
    flex-direction: column;
    gap: 2px;
 }

.aa-toolbar--compact.aa-toolbar--opened .aa-toolbar__container .aa-toolbar__list-container{
    box-shadow:none;
}
 
.aa-toolbar--compact .aa-toolbar__list{
    list-style: none;
    top: 24px;
    right: -1px;
    text-align: left;
    margin: 0;
    flex-direction: column;
    width: 200px;
}

.aa-toolbar--lg.aa-toolbar--compact .aa-toolbar__list{
    top: 28px;
}

.aa-toolbar--lg.aa-toolbar--compact .aa-toolbar__list{
    top: 36px;
}

.aa-toolbar--compact-w-250 .aa-toolbar__list{
    width: 250px;
}
.aa-toolbar--compact-w-300 .aa-toolbar__list{
    width: 300px;
}

.aa-toolbar--compact [data-tooltip]:hover:before{
    display: none;
}


.aa-toolbar--opened .aa-toolbar__container{
    display: block;
}

.aa-toolbar--opened .aa-ctr.aa-tlp-left:before{
    display: none;
}

.aa-toolbar--opened .aa-ctr.aa-tlp-left:after{
    display: block;
    visibility: visible;
    opacity: 1;
    background: none;
    border: none;
    text-align: left;
    margin-left: 16px;
    right: unset;
    font-weight: 500;
}

.aa-toolbar--opened .aa-ctr.aa-tlp-left:hover:after, 
.aa-toolbar--opened .aa-ctr.aa-tlp-left:focus:after{
    transform:none;
    animation:none;
}

.aa-toolbar--opened .aa-ctr.aa-tlp-top:after,
.aa-toolbar__list-container--opened .aa-ctr.aa-tlp-top:after{
    display: block;
    visibility: visible;
    opacity: 1;
    background: none;
    border: none;
    text-align: left;
    margin-left: 20px;
    right: unset;
    font-weight: 500;
    left:unset;
    bottom: 50%;
    margin-bottom: -12px;
    width: calc(100% - 5px);
    transition: none;
    transform: none;
}

.aa-toolbar--lg.aa-toolbar--opened .aa-ctr.aa-tlp-top::after
.aa-toolbar--lg.aa-toolbar__list-container--opened .aa-ctr.aa-tlp-top::after{
    display: block;
    visibility: visible;
    opacity: 1;
    text-align: left;
    margin-left: 14px;
    right: unset;
    background: none;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    bottom: 0;
    top: -2px;
    font-size: 14px;
    line-height: 20px;
}

.aa-tbl__theader .aa-tbl__header.aa-tbl__header--popup-menu{
    position: relative;
    padding-right: 29px;
}

.aa-toolbar__ctr{
    display:none;
    cursor: pointer;
    outline: 0;
    vertical-align: middle;
    color: #333333;
    box-shadow: 0 1px 2px transparent;
    border-top: transparent 1px solid; 
    height: 26px;
    width: 20px;
    background: url(../images/common/more.svg) no-repeat;
    background-size: 20px 25px;
}

.aa-toolbar__ctr:hover{
    background-color: #f0f3f5;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,.22);
    border-top: #EEEEEE 1px solid;
    height: 26px;
    width: 20px;
    background: url(../images/common/more_hover.svg) no-repeat;
    background-size: 20px 25px;
}

.aa-toolbar--opened .aa-toolbar__ctr{
    background-color: #f0f3f5;
    box-shadow: 0 1px 2px rgba(0,0,0,.22);
    border-top: #EEEEEE 1px solid;
}

.aa-toolbar__item{
    display: flex;
    align-items: center;
    gap: 4px;
}

.aa-toolbar__item--mix .aa-ctr{
    margin-top: -2px;
    margin-left: 4px;
}

.aa-toolbar--compact .aa-toolbar__item, 
.aa-toolbar__list-container--compact .aa-toolbar__item{
    padding: 0px 10px;
}

.aa-toolbar--compact .aa-toolbar__item:hover{
    background-color: #d4e9fc;
    cursor: pointer;
}

.aa-ctr.aa-ctr--toolbar-list{
    display: none;  
}

.aa-toolbar--compact .aa-ctr:hover{
    cursor: pointer;
    text-decoration: none;
    transform: none;
}


/* --- Toolbar BOX --- */

.aa-ctr.aa-ctr--inactive.aa-tlp-top::before{
    content: none;
}

.aa-ctr.aa-ctr--inactive.aa-tlp-top::after{
    content: none;
}

.aa-ctr-mix{
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    line-height: 18px;
    font-size: 12px;
}

.aa-toolbar--lg .aa-ctr-mix{
    height: 15px;
    line-height: 15px;
    font-size: 13px;
}

.aa-toolbar--ctr-box .aa-ctr-mix{
    box-shadow: 0 1px 2px rgb(0 0 0 / 22%);
    border-top: #EEEEEE 1px solid;
    border-bottom: #ffffff 1px solid;
    height: 26px;
}

.aa-toolbar--ctr-box.aa-toolbar--lg .aa-ctr-mix{
    height: 32px;
    background-color: #fff;
    color: #333333;
}

.aa-ctr-mix--noborder{
    box-shadow: none;
    border: none;
}

.aa-ctr-mix .aa-ctr{
    margin-top: 5px;
}

.aa-ctr-mix:not(.aa-ctr-mix--noborder) > *:not(:last-child):not(.aa-ctr){
    border: none;
    border-right: #e5e5e5 1px solid;
}

.aa-ctr-mix:not(.aa-ctr-mix--noborder):focus, .aa-ctr-mix:not(.aa-ctr-mix--noborder):focus-within{
    border-bottom: 1px solid #0288D1;
    outline: 0;
    outline-offset: 0;
}

.aa-ctr-mix__ddl{
    width: auto;
    max-width: 250px;
}

.aa-ctr-mix__label{
    padding-right: 6px;
    padding-left: 6px;
    width: auto;
    min-width: 46px;
}

.aa-ctr-mix__input{
    padding-right: 4px;
    padding-left: 4px;
    border-top: none;
    border-bottom: none;
    outline: 0;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: 600;
    width:34px;
	text-align:center;
}

.aa-ctr-mix .aa-ctr{
    margin-top: -1px;
}

.aa-toolbar--lg .aa-ctr-mix__input{
    width:50px
}

.aa-ctr--text{
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    width: auto;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0px 6px;
}

.aa-ctr--text:hover{
    text-decoration: none;
    color: #0288D1;
}

.aa-toolbar--ctr-box .aa-ctr--text{
    line-height: 25px;
    width: auto;
}
.aa-toolbar--ctr-box .aa-ctr--text:hover{
    columns: unset;
}

.aa-ctr--text.aa-tlp-top::after,
.aa-ctr--text.aa-tlp-left::after,
.aa-ctr--text.aa-tlp-right::after,
.aa-ctr--text.aa-tlp-bottom::after{
    text-transform: none;
    letter-spacing: normal;
} 

.aa-toolbar--lg .aa-ctr--text{
    vertical-align: middle;
    height: 15px;
    line-height: 15px;
}

.aa-toolbar--ctr-box.aa-toolbar--lg .aa-ctr--text{
    padding: 8px 10px 11px 10px;
    width: auto;
}

.aa-toolbar--ctr-box.aa-toolbar--lg .aa-ctr--text.aa-ctr--go{
    margin-top: -1px;
}

.aa-ctr--more-v{
    background: url(../images/common/more_v.svg) no-repeat center;
    background-size: 18px 15px;
    display: none;
    margin: 0;
}
.aa-toolbar--lg .aa-ctr--more-v{
    background: url(../images/common/more_v.svg) no-repeat center;
    height: 18px;
    background-size: 18px 25px;
}

.aa-ctr--more-h{
    background: url(../images/common/more_h.svg) no-repeat center;
    background-size: 18px 15px;
    display: none;
    margin: 0;
}
.aa-toolbar--lg .aa-ctr--more-h{
    background: url(../images/common/more_h.svg) no-repeat center;
    background-size: 18px 25px;
    height: 18px;
}

.aa-ctr--more-v-dark{
    background: url(../images/common/more_v_dark.svg) no-repeat center;
    background-size: 18px 15px;
}

.aa-toolbar--lg .aa-ctr--more-v-dark{
    background: url(../images/common/more_v_dark.svg) no-repeat center;
    background-size: 20px 25px;
    display: none;
}

.aa-toolbar__list-container--compact .aa-ctr--toolbar-list{
    display: inline-block;
}

.aa-ctr.aa-ctr--toolbar{
    display:none;
}

.aa-toolbar--compact .aa-ctr--toolbar{
    display: block;
}

/* --------- Popup menu --------- */

.aa-ctr--sort-up{
    background-image: url(../images/common/sort_up.svg);
}
.aa-ctr--sort-up:hover{
    background-image: url(../images/common/sort_up_hover.svg);
}

.aa-ctr--sort-down{
    background-image: url(../images/common/sort_down.svg);
}
.aa-ctr--sort-down:hover{
    background-image: url(../images/common/sort_down_hover.svg);
}

.aa-ctr--group-down{
    background-image: url(../images/common/group_down.svg);
    background-size: 18px 13px;
}
.aa-ctr--group-down:hover{
    background-image: url(../images/common/group_down_hover.svg);
}

.aa-ctr--group-up{
    background-image: url(../images/common/group_up.svg);
    background-size: 18px 13px;
}
.aa-ctr--group-up:hover{
    background-image: url(../images/common/group_up_hover.svg);
}

.aa-ctr--move-left{
    background-image: url(../images/common/move_left.svg);
}

.aa-ctr--sm.aa-ctr--move-left{
    background-size: 17px 17px;
}

.aa-ctr--sm.aa-ctr--move-left:hover{
    background-image: url(../images/common/move_left_hover.svg);
}

.aa-ctr--move-left.aa-tlp-left:after{
    width: 110px;
    text-align: center;
}
.aa-ctr--move-right{
    background: url(../images/common/move_right.svg) no-repeat;
    background-size: 21px 21px;
    margin-left: -2px;
    margin-right: 2px;
}

.aa-ctr--sm.aa-ctr--move-right{
    background-size: 17px 17px;
    margin-top: 3px;
    margin-left: 4px;
    margin-right: 2px;
}

.aa-ctr--sm.aa-ctr--move-right:hover{
    background-image: url(../images/common/move_right_hover.svg);
}

.aa-ctr--move-right.aa-tlp-left:after{
    width: 110px;
    text-align: center;
}



   /* ============================================================  
   ------------------------- Datepicker -------------------------
   ============================================================ */

.aa-dp-container {
    border-collapse: collapse;
}

.aa-dp-header, .aa-dp-footer-table {
    border-spacing: 0px;
    padding: 0px;
    width: 100%;
}

.aa-dp-header {
    border-bottom: 1px solid #e8e8e8;
    padding: 0 15px;
}

.aa-dp-container tr:hover {
    background: none;
}

.aa-dp-footer-table {
    border-top: 1px solid #e8e8e8;
}

    .aa-dp-footer-table:hover {
        background: none !important;
    }

.aa-dp-footer{
    width: 70px;
    text-align: center;
}

.aa-dp-footer a {
    display: inline-block;
    color: #0288d1;
    font-size: 13px;
    line-height: 37px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    width: 50px;
    font-weight: 600;
}

.aa-dp-footer a:hover{
    text-decoration: none;
}
    .aa-dp-footer a:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 1px solid;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        transform: scale(0,1);
    }

    .aa-dp-footer a:hover:after {
        opacity: 1;
        transform: scale(1);
    }

.aa-dp-footer--clear{
    text-align: right;
}

.aa-dp-footer--clear a{
    color: #607d8b;
    width: 34px;
}  

.aa-dp-footer--clear a:hover{
    border-color: #607d8b;
}

.aa-do-current-month {
    background-color: #ffffff;
    width: auto;
    text-align: center;
    font-weight: 600;
    font-family: 'open sans';
    line-height: 40px;
    font-size: 14px;
}

.aa-dp-navigation {
    width: 20px;
    transition: 0.3s;
}

    .aa-dp-navigation .aa-icon-md:hover {
        transform: scale(1.25);
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.5s ease-out;
        cursor: pointer;
    }

.aa-dp-caption {
    font-size: 8pt;
    color: #333333;
    font-weight: bold;
    height: 18px;
    text-align: center;
    font-family: 'open sans';
}

.aa-dp-othermonth, .aa-dp-weekday, .aa-dp-weekend, .aa-dp-currentday, .aa-dp-currentweekendday, .aa-dp-caption {
    background-color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    font-family: 'open sans';
    font-size: 14px;
    height: 26px;
    padding: 2px;
    transition: 0.3s;
    font-weight: normal;
    line-height: 18px;
    width: 14.3%;
}

.aa-dp-othermonth {
    color: #C0C0C0;
}

    .aa-dp-othermonth:hover {
        background-color: #eeeeee;
        color: #666666;
    }

.aa-dp-weekday:hover {
    background-color: #eeeeee;
}

.aa-dp-weekend {
    color: #FF0000;
}

    .aa-dp-weekend:hover {
        background-color: #eeeeee
    }

.aa-dp-currentday {
    font-weight: bold;
    background: #0288d1;
    color: #fff;
    border-radius: 2px;
}

    .aa-dp-currentday:hover {
        background-color: #0288d1;
        color: #fff;
    }

.aa-dp-currentweekendday {
    font-weight: bold;
    background: #ccc;
    border-radius: 2px;
    color: #FF0000;
}

    .aa-dp-currentweekendday:hover {
        background-color: #ccc;
        color: #FF0000;
    }

.aa-dp-container .aa-dp-weekday:hover,
.aa-dp-container .aa-dp-othermonth:hover {
    background: #e6f7ff;
    border-radius: 2px;
}

.aa-dp-container .aa-dp-weekend:hover {
    background: #eee;
    border-radius: 2px;
}

.aa-dp-container .aa-dp-othermonth:hover {
    color: #C0C0C0;
}

.aa-date{
    border: #E0E0E0 1px solid;
    line-height: 24px;
    height: 28px;
    width: 124px;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    background-color: #fff;
}

.aa-date--error{
    border: 1px solid #E53935;
    border-left: 4px solid #E53935;
    position: relative;
}

.aa-err{
    display: none; 
    position: absolute;      
    left: -15px;
    bottom: 34px;
    min-width: 100%;
    background: #fff5f5;
    border: 1px solid #ffcdd2;
    color:#E53935;
    padding: 0 4px;
    font-size: 13px;
    line-height: 25px;
}

.aa-time--error-msg{
    position: relative;
}

.aa-time--error-msg::before{
    content: "";
    position: absolute;
    z-index: 8;
    border: 6px solid transparent;
    border-top-color: #E53935;
    bottom: 22px;
    left: 11px;
}

.aa-err--date{
    min-width: 150%;
}

.aa-time--error-msg .aa-err{
    display: block;
}

.aa-date:focus-within{
    border: #e5e5e5 1px solid;
    border-bottom: 1px solid #0288D1;
}

.aa-date__input{
    width: 92px;
    color: #333333;
    line-height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    outline: 0;
}

.aa-date__input:focus{
    border: none;
    outline: 0;
}

.aa-date__icon{
    background: url(../images/common/calendar_alt.svg) no-repeat center;
    background-size:16px 16px;
    width: 18px;
    height: 26px;
    margin-right: 2px;
    margin-left:2px;
}

.aa-date__icon:hover{
    transform: scale(1.05);
    cursor: pointer;
}

.aai-angle-double-right {
    width: 18px;
    height: 17px;
    margin-right: 2px;
    margin-left: 2px;
    background: url(../images/common/angle_double_right.svg) no-repeat center;
}
    .aai-angle-double-right:hover {
        transform: scale(1.25);
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        cursor: pointer;
        background: url(../images/common/angle_double_right_hover.svg) no-repeat center;
    }

.aai-angle-double-left {
    width: 18px;
    height: 17px;
    margin-right: 2px;
    margin-left: 2px;
    background: url(../images/common/angle_double_left.svg) no-repeat center;
}
    .aai-angle-double-left:hover {
        transform: scale(1.25);
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        cursor: pointer;
        background: url(../images/common/angle_double_left_hover.svg) no-repeat center;
    }

.aai-angle-right {
    background: url(../images/common/angle_right.svg) no-repeat center;
    width: 18px;
    height: 17px;
    margin-right: 2px;
    margin-left: 2px;
}
.aai-angle-right:hover {
    transform: scale(1.25);
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.5s ease-out;
    cursor: pointer;
    background: url(../images/common/angle_right_hover.svg) no-repeat center;
}

.aai-angle-left {
    width: 18px;
    height: 17px;
    margin-right: 2px;
    margin-left: 2px;
    background: url(../images/common/angle_left.svg) no-repeat center;
}
.aai-angle-left:hover {
    transform: scale(1.25);
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.5s ease-out;
    cursor: pointer;
    background: url(../images/common/angle_left_hover.svg) no-repeat center;
}

.aai-open-in-new{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    background: url(../images/common/open_in_new.svg) no-repeat;
}
.aai-open-in-new:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease-out, -webkit-transform 0.5s ease-out;
    cursor: pointer;
    background: url(../images/common/open_in_new_hover.svg) no-repeat center;
}

/* Time */
.aa-time{
    border: #E0E0E0 1px solid;
    line-height: 24px;
    height: 28px;
    width: 124px;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    background-color: #fff;
}

.aa-time:focus-within {
    border: #e5e5e5 1px solid;
    border-bottom: 1px solid #0288D1;
}

.aa-time--error{
    border: 1px solid #E53935;
    border-left: 4px solid #E53935;
}


.aa-time__input:focus{
    border: none;
    outline: 0;
}

.aa-time__input{
    width: 56px;
    color: #333333;
    border: none;
    outline: 0;    
    line-height: 24px;
}

.aa-time__picker{
    border: none;
    line-height: 24px;
}

.aa-time__picker:focus{
    border: none;
    outline: 0;
}

.aa-time__icon{
    background: url(../images/common/clock.svg) no-repeat center;
    background-size:16px 16px;
    width: 18px;
    height: 26px;
    margin-right: 2px;
    margin-left:2px; 
}

.aa-time__input--h24{
    color: #333333;
    line-height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    width: 92px;
}

.aa-date-lbl{
    padding-right: 2px;
    font-style: italic;
    line-height: 24px;
    padding-right: 4px;
}

.aa-date-lbl:not(:first-child){
    padding: 0 4px 0 6px;
}

/* Date time rnge */
.aa-datetime-range{
    background: rgba(255,255,255,.97);
    display: flex;
    flex-wrap: wrap;
    width: 504px;
}

.aa-datetime-range__item {
    display: inline-block;
    width: 94px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #0277BD;
    font-weight: 600;
    padding: 1px 2px;
    border: #0277BD 1px solid;
    margin: 0px 4px 4px 0;
}

    .aa-datetime-range__item:hover {
        background: #e8f7ff;
        border: #0277BD 1px solid;
        text-decoration:none;
    }


.aa-datepicker-dialog .aa-dialog--md{
    margin-top: 0;
}

.aa-datepicker-dialog .aa-dialog__content{
    padding: 28px 24px 12px 24px;
}

.aa-edit-mode-datetime{
    display: flex;
}

.aa-edit-mode-datetime .aa-input-mix{
    height: 28px;
    width: auto;
    flex: 0 0 auto;
}

.aa-edit-mode-datetime .aa-input-mix__img{
    width:26px;
    height:26px;
}

.aa-edit-mode-datetime .aa-date{
    width: 112px;
}

.aa-edit-mode-datetime .aa-date__input{
    width: 80px;
}

.aa-edit-mode-datetime .aa-time__input--h24{
    width: 42px;
}

.aa-edit-mode-datetime .aa-time{
    width: 70px;
}

/* 
.aa-dialog-help-area.aa-datepicker-dialog {
    width: 260px;
    height: 304px !important;
}

.aa-datepicker-dialog .aa-dialog-help {
    box-shadow: 0 4px 6px 0 hsla(0,0%,0%,0.2);
    border: 1px solid #e7e7e7;
    color: #424242;
    line-height: 1.2;
    font-size: 13px;
    padding: 0px 8px;
}

.aa-datepicker-dialog .aa-dialog__body {
    background-color: #fff;
}

.aa-datepicker-dialog .aa-dialog-help .aa-dialog__body {
    padding: 0;
}

.aa-dialog-help .aa-btn{
    margin-right: 4px;
}
 */


/* ======================== Color picker ======================== */

.aa-cp-color-item{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 5px;
    border-radius: 10%;
    transition: ease-out 0.3s;
}
.aa-cp-color-item:hover{
    border-radius: 50%;
    transform: scale(1.1);
    cursor:pointer;
}

.aa-dialog--sm.aa-dialog-color-picker .aa-dialog__header{
    text-align: left;
    padding: 10px 20px;
}

.aa-dialog--sm.aa-dialog-color-picker .aa-dialog__body{
    text-align: left;
    padding: 0px 16px 14px;
}

.aa-dialog-color-picker .aa-dialog__content{
    padding: 0;
}

/* ============================================================  
   ---------------------- Drag and Drop -----------------------
   ============================================================ */

.aa-ddrop {
    display: block;
    list-style: none;
    background: #e0e0e0;
    margin: 20px 0;
    padding: 1px;
    position: static;
}

.aa-ddrop__item {
    display: block;
    margin: 1px;
    padding: 4px 8px;
    font-size: 13px;
    cursor: move;
    background: #fff;
}

.aa-ddrop__item:hover {
    background: #f3f7fa;
}

.aa-ddrop__item.dragging {
    background: rgba(96, 125, 139, 0.5);
    box-shadow: 0 0px 3px rgba(0,0,0,.25);
    opacity: 0.5;
    cursor: move;
}

/* ============================================================  
   ------------------- Vertical Icon Menu ---------------------
   ============================================================ */

   .aa-menu-admin{
    padding: 0;
    text-align: center;
    list-style: none;
    margin-top: 0;
   }

   .aa-menu-admin__item{
    cursor: pointer;
    background-color: #fff;
   }

   .aa-menu-admin__item--selected{
    background-color: rgb(243, 243, 243);
   }

   .aa-menu-admin__link{
    font-size: 12px;
    min-height: 65px;
    width: 89px;
    display: block;
    border-bottom: #EBEDF8 1px solid;
    padding: 0 6px 0 4px;
    color: #333333;
    position: relative;
   }

   .aa-menu-admin__link:hover {
    text-decoration: none;
}
  
   .aa-menu-admin__link::before{
    position: absolute;
    content: '';
    transition: all 0.3s ease;
    opacity: 0;
    right: 0px;
    top: 0;
    bottom: 0;
    border-right: 3px solid #0288d1;
   }

.aa-menu-admin__link:hover:before {
    opacity: 1;
    left: 0;
}

.aa-menu-admin__icon{
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: 25px 23px;
    height: 40px;
    width: 25px;
    margin-left: calc(50% - 12px);
    top: 10px;
    transition: ease-out 0.3s;
}

.aa-menu-admin__link:hover .aa-menu-admin__icon{
    transform: scale(1.1);
}

.aa-menu{
        text-align: right;
        flex: 1 1 600px;
        min-width: 600px;
    }

.aa-menu__list {
    list-style: none;
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    flex-grow: 1;
    padding-left: 4px;
}

.aa-menu__list-item{
    float: left;
    display: inline-block;
    position: relative;
    transition: 0.3s;
    padding: 0 14px;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
    z-index: 1;
}

.aa-menu__list-item:hover{
    cursor: pointer;
}

.aa-menu__list-item:after{
    content: '';
    display: block;
    width: 100%;
    transition: opacity 0.3s, transform 0.3s;
    transform: scale(0,1);
    border-bottom: 2px solid #0288d1;
}

    .aa-menu__list-item:hover:after{
        opacity: 1;
        transform: scale(1);
    }

    .aa-menu__link--parent:after{
        display: inline;
        content: '▼'; 
        font-size: 10px;
        margin-left: 5px;
        line-height: 10px;
    }

.aa-menu__link{
    font-weight: 600;
    font-size: 14px;
    line-height: 56px;
    text-decoration: none;
    display: inline-block;
    color: #333333;
    position: relative;
}

.aa-menu__link:hover{
    color: #0288d1;
    text-decoration: none;
}

.aa-menu-icon{
    list-style: none;
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    flex-grow: 1;
    padding-left: 4px;
}

.aa-menu-icon__item{
    float: left;
    display: inline-block;
    position: relative;
    transition: 0.3s;
    padding: 0 4px;
    line-height: normal;
    padding-top: 24px;
}

.aa-menu-icon__link{
    text-align: center;
    width: 46px;
    display: block;
}

.aa-menu-icon__link:before {
    display: inline-block;
    content: ' ';
    background-repeat: no-repeat;
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 50%;
    top: 4px;
    transition: ease-out 0.3s;
}

.aa-menu-icon__link:after {
    font-size: 12px;
    display: inline-block;
}

.aa-menu-icon__link:hover:before {
    transform: scale(1.15);
}

.aa-menu-icon__link--refresh:before {
    background-image: url(../images/appshell/refresh.svg);
    margin-left: -12px;
}

.aa-menu-icon__link--refresh:after {
    content: "Refresh";
    color: #333333;
}

.aa-menu-icon__link--run:before{
    background-image: url(../images/appshell/play.svg);
    margin-left: -11px;
}

.aa-menu-icon__link--run:after {
    color: #43A047;
    content: "Run";
    padding-left: 6px;
}

.aa-menu-icon__link--list:before {
    background-image: url(../images/appshell/list.svg);
	margin-left: -8px;
    background-size: 18px 17px;
    height: 19px;
    width: 18px;
    top: 7px;
}

.aa-menu-icon__link--list:after {
    content: "List";
    color: #0277BD;
}

.aa-menu-icon__link--new:before {
    background-image: url(../images/appshell/plus.svg);
    margin-left: -8px;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
	top: 9px;
}

.aa-menu-icon__link--new:after {
    content: "New";
    color: #0277BD;
}

.aa-menu-icon__link--find:before {
    background-image: url(../images/appshell/find.svg);
    margin-left: -11px;
    top: 5px;
    background-size: 23px 24px;
}

.aa-menu-icon__link--find:after{
    content: "Find";
    color: #0277BD;
}

.aa-menu-icon__link--back:before {
    background-image: url('../images/appshell/arrow_back.svg');
    margin-left: -10px;
    background-size: 20px 22px;
    height: 20px;
    width: 20px;
}

.aa-menu-icon__link--back:after {
    content: "Back";
    color: #333333;
}

.aa-menu-icon__link--execute:before{
    background-image: url('../images/appshell/play.svg');
    margin-left: -11px;
}

.aa-menu-icon__link--execute:after {
    color: #43A047;
    content: "Execute";
}

.aa-menu-icon__link--preview:before {
    background-image: url('../images/appshell/play.svg');
    margin-left: -11px;
}

.aa-menu-icon__link--preview:after {
    color: #43A047;
    content: "Preview";
}

.aa-menu-icon__link--permissions{
    width: 63px;
}

.aa-menu-icon__link--permissions:before {
    content: '';
    background-image: url(../images/appshell/permissions.svg);
    margin-left: -8px;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    top: 6px;
}

.aa-menu-icon__link--permissions:after {
    content: "Permissions";
    color: #0277BD;
}

.aa-menu-icon__link--pdf:before {
    content: '';
    background-image: url(../images/appshell/pdf.svg);
    margin-left: -8px;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    top: 6px;
}

.aa-menu-icon__link--pdf:after {
    content: "PDF";
    color: #0277BD;
}


.aa-menu-btn{
    list-style: none;
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    flex-grow: 1;
    padding-left: 4px;
}

.aa-menu-btn__item{
    padding: 4px;
}

.aa-menu__submenu{
    visibility: hidden;
    width: 250%;
    padding: 5px 0;
    position: absolute;
    top: calc(100%);
    left: 0px;
    z-index: -1;
    opacity: 0;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
    background-color: #fff;
    transform: translateY(-2em);
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    border: 1px solid #eee;
}

.aa-menu__submenu .aa-menu__link--parent:after{
   content: none;
}

.aa-menu__submenu .aa-menu__link--parent:before{
    content: '◂';
 }

.aa-menu__submenu .aa-menu__submenu {
    left: -250px;
    top: 0;
 }


.aa-menu__list-item:hover>.aa-menu__submenu{
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.aa-menu__submenu-item:hover>.aa-menu__submenu{
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.aa-menu__submenu-item{
    list-style: none;
    display: block;
    font-size: 15px;
    position: relative;
}

.aa-menu__submenu-link{
    font-size: 12px;
    line-height: 26px;
    font-weight: 600;
    padding: 5px 10px;
    display: block;
    border-bottom: #fff 1px solid;
    border-top: #fff 1px solid;
    color: #333333;
    text-decoration: none;
    text-align: left;
}

.aa-menu__submenu-link:hover{
    color: #0288d1;
    background: #F3F3F3;
    border-bottom: #EBEDF8 1px solid;
    border-top: #EBEDF8 1px solid;
    text-decoration: none;
}

/* ============================================================  
   ---------------------- AUTOCOMPLETE ------------------------
   ============================================================ */


.aa-autocomplete {
    background: #fff;
    border: #e5e5e5 1px solid;
    z-index: 10;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .aa-autocomplete__item {
        line-height: 22px;
        padding: 4px 6px;
    }

        .aa-autocomplete__item:hover {
            background: #f8f8f8;
            cursor: pointer;
        }

.aa-autocomplete__found {
    font-weight:bold;
    color: #0288d1;
}

/* --------------------- Full screen mode ----------------------- */

.body--full-screen-mode{
    overflow: hidden;
}

.body--full-screen-mode .aam-header{
    z-index: 5;
}

.body--full-screen-mode{

}

.aa-portlet--full-screen{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; /* overflow: auto; */
    z-index: 20;
    background: #ffffff;
    margin: 0 !important;
    padding: 0 !important;
}

.aa-portlet--full-screen iframe{
    height: calc(100vh - 53px) !important;
}

.aa-portlet__body-full-screen{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; /* overflow: auto; */
    z-index: 20;
    background: #fff;
}


/* ============================================================  
   --------------------- ICONS/CONTROLS -----------------------
   ============================================================ */

    .aai{
        display: inline-block;
        content: ' ';
        background-repeat: no-repeat;
        background-size: auto 13px;
        height: 13px;
        width: 13px;
        transition: ease-out 0.3s;  
    }

   .aai--user-blue{
        background-image: url('../images/common/user_2.svg');  
   }

    .aa-edit{
        display: inline-block;
        content: ' ';
        background-repeat: no-repeat;
        background-size: auto 13px;
        height: 13px;
        width: 13px;
        transition: ease-out 0.3s;
        background-image: url('../images/common/edit.svg');  
    }

    .aa-edit:hover{
        transform: scale(1.1);
        cursor: pointer;
        background-image: url('../images/common/edit_hover.svg');
    }

    .aa-edit-light{
        display: inline-block;
        content: ' ';
        background-repeat: no-repeat;
        background-size: auto 13px;
        height: 13px;
        width: 13px;
        transition: ease-out 0.3s;
        background-image: url('../images/common/edit_light.svg');  
    }

    .aa-edit-light:hover{
        transform: scale(1.1);
        cursor: pointer;
        background-image: url('../images/common/edit_light_hover.svg');
    }

    .aa-tbl__cell-edit .aa-edit-light{
        position: absolute;
        right: 2px;
        top: 4px;
    }

    .aa-clear{
        display: inline-block;
        content: ' ';
        background-repeat: no-repeat;
        background-size: auto 13px;
        height: 13px;
        width: 13px;
        transition: ease-out 0.3s;
        background-image: url('../images/common/clear.svg');
    }

    .aa-clear:hover{
        transform: scale(1.1);
        cursor: pointer;
        background-image: url('../images/common/clear_hover.svg');
    }

    .aa-clear{
        display: inline-block;
        content: ' ';
        background-repeat: no-repeat;
        background-size: auto 13px;
        height: 13px;
        width: 13px;
        transition: ease-out 0.3s;
        background-image: url('../images/common/clear.svg');
    }

    .aa-clear:hover{
        transform: scale(1.1);
        cursor: pointer;
        background-image: url('../images/common/clear_hover.svg');
    }

    .aa-delete{
        display: inline-block;
        content: ' ';
        background-repeat: no-repeat;
        background-size: 14px 17px;
        height: 17px;
        width: 14px;
        transition: ease-out 0.3s;
        margin-bottom: -3px;
        margin-top: -4px;
        background-image: url('../images/common/delete.svg');
    }

    .aa-delete:hover{
        transform: scale(1.1);
        cursor: pointer;
    }

    .aa-icon-folder{
        background-image: url(../images/common/folder.svg);
        background-repeat: no-repeat;
        background-size: 20px 17px;
        height: 23px;
        width: 22px;
        margin-left: 4px;
        transition: all 0.3s;
        vertical-align: middle;
        display: inline-block;
    }

    .aa-icon-folder:hover{
        display: inline-block;
        background-image: url('../images/common/folder_hover.svg');
        cursor: pointer;
    }

    /*----------------------- Uploads -----------------------*/

    .aa-upload__input{
        display:none;
    }

    .aa-upload__ctr{

    }


   /*----------------------- File extentions -----------------------*/
    .aa-file-ext{
        display: inline-block;
        font-size: 12px;
        line-height: 15px;
        font-weight: 700;
        height: 20px;
        padding: 0px 4px 2px 4px;
        text-align: center;
        word-break: normal;
        min-width: 9px;
        color: #455A64;
        border: 1px solid #90A4AE; 
        text-transform: lowercase;
        transition: ease-out 0.3s;
        margin-top: 3px;
    }

    .aa-file-ext:hover{
        text-decoration:none;
        border: 1px solid #455A64;
    }

    .aa-file-ext--jpg{
        color: #E91E63;
    }

    .aa-file-ext--gif {
        color: #3F51B5;
    }

    .aa-file-ext--dll {
        color: #000000;
        padding: 1px 4px 0px 4px;
    }

    .aa-file-ext--png {
        color: #FF9800;
    }

    .aa-file-ext--ini {
        color: #E65100;
        padding: 1px 4px 2px 4px;
    }

    .aa-file-ext--rtf {
        color: #01579b;
    }

    .aa-file-ext--exe {
        color: #1976D2;
    }

    .aa-file-ext--pdf {
        color: #3f51b5;
    }

    .aa-file-ext--xls {
        color: #4caf50;
    }

    .aa-file-ext--manifest{
        font-weight: 600;
        color: #424242;
    }

    .aa-file-ext--xls {
        color: #558B2F;
    }

    .aa-file-ext--zip{
        color: #0097A7;
    }


.aa-icon-select-all{
    display: inline-block;
    height: 19px;
    width: 19px;
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-image: url(../images/common/select_all.svg);
    transition: ease-out 0.3s;
}

.aa-icon-select-all:hover{
    background-image: url(../images/common/select_all_hover.svg);
    transform: scale(1.1);
}

.aa-icon-select-all.aa-tlp-top:after{
    margin-left: -42px;
    padding: 4px 8px;
    width: 88px;
    text-align: center;
}

.aa-icon-deselect-all{
    display: inline-block;
    height: 19px;
    width: 19px;
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-image: url(../images/common/deselect_all.svg);
    transition: ease-out 0.3s;
}

.aa-icon-deselect-all.aa-tlp-top:after{
    margin-left: -42px;
    padding: 4px 8px;
    width: 88px;
    text-align: center;
}

.aa-icon-deselect-all:hover{
    background-image: url(../images/common/deselect_all_hover.svg);
    transform: scale(1.1);
}

.aa-icon-show{
    display: inline-block;
    color: #333333;
    font-weight: 600;
    height: 20px;
}

.aa-icon-show::before {
    content: "";
    background-image: url(../images/common/arrow_right.svg);
    display: inline-block;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-size: 10px 12px;
    height: 12px;
    width: 22px;
    transition: all 0.3s;
    margin-top: 1px;
    margin-bottom: -1px;
}

.aa-icon-show:hover::before {
    background-image: url(../images/common/arrow_right_hover.svg);
    transform: scale(1.1);
}

.aa-icon-close{
    display: inline-block;
    color: #333333;
    font-weight: 600;
    height: 20px;
}

.aa-icon-close::before {
    content: "";
    background-image: url(../images/common/arrow_down.svg);  
    display: inline-block;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-size: 14px 10px;
    height: 10px;
    width: 22px;
    transition: all 0.3s;
}

.aa-icon-close:hover::before {
    background-image: url(../images/common/arrow_down_hover.svg);
    transform: scale(1.1);
}


/* ------------------------- Markdown ------------------------ */

.aa-md-html{
    font-size: 14px;
    line-height: 22px;
    color: #222222;
	padding: 4px;
}

.aa-md-html h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    margin: 0;
    padding: 0;
    margin-top: 16px;
    margin-bottom: 14px;
    color: #333333;
}

.aa-md-html h3{
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    padding: 0;
    margin-bottom: 13px;
    margin-top: 24px;   
}

.aa-md-html h4{
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
    padding: 0;
    margin-top: 14px;
    margin-bottom: 12px;
}

.aa-md-html h4{
    margin-top: 20px;
}

.aa-md-html h3+h4{
    margin-top: 12px;
}

.aa-md-html h6{
    font-size: 14px;
}

.aa-md-html p{
    line-height: 20px;
    margin: 0px;
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.aa-md-html blockquote{
    border-left: 6px solid #d3d7db;
    margin: 10px 0;
    padding: 7px 20px;
    font-weight: 600;
    color: #757575;
}

.aap-page .aa-md-html input:not(.aa-input-mix input):not(.aa-input--search):not(.aa-chk__input){
    width: auto;
}

.aa-md-html blockquote>p{
    margin: 0;
}

.aa-md-html table{
    display: block;
    width: max-content;
    max-width: 100%;
    overflow: auto;
    margin-top: 0;
    margin-bottom: 16px;
    border-spacing: 0;
    border-collapse: collapse;
}

.aa-md-html table tr{
    border-top: 1px solid #d8dee4;
}

.aa-md-html table tr:hover{
    background: #f3f7fa;
}

.aa-md-html table tr:hover{
    background: #f3f7fa;
}

.aa-md-html table th{
    padding: 6px 13px;
    border: 1px solid #d0d7de;
}

.aa-md-html table td{
    padding: 6px 13px;
    border: 1px solid #d0d7de;
}

.aa-md-html td strong{
    font-weight: 600;
}

.aa-md-html pre{
    padding: 12px;
    border-radius: 5px;
}

.aa-md-html :not(pre)>code {
    font-family: 'open sans';
    background-color: #afb8c133;
    border-radius: 4px;
    padding: 1px 6px 1px 6px;
    line-height: 30px;
    color: #0277BD;
    font-weight: 600;
    font-size: 13px;
}

.aa-md-html ul:has(li>label.aa-md-taskitem){
	list-style-type:none;
	padding-left: 26px;
	line-height: 22px;
	font-weight:500;
}

.aa-md-html dt{
    color: #111;
    margin-top: 8px;
    margin-bottom: 4px;
}

.aa-md-html dd{
    margin-left: 16px;
    margin-bottom: 4px;
}

.aa-md-html li{
    line-height: 22px;
}

.aa-md-taskitem{
    display: inline-block;
    height: 14px;
    width: 14px;
    border: 2px solid #E0E0E0;
    background: #eee;
    margin-right: 6px;
    margin-bottom: -2px;
    position: relative;
    border-radius: 1px;
}

.aa-md-taskitem--checked{
	background: #0277BD;
    border: 2px solid #0277BD;
}

.aa-md-taskitem--checked:after{
    content: "";
    left: 3px;
    top: -1px;
    width: 6px;
    height: 9px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    position: absolute;
}

.btn:has(.icon) {
  padding: 0.25rem 0.5rem;
}

.aa-md-alert{
	padding: 8px 16px;
	margin: 10px 0;
    font-size: 14px;
	font-weight: 500;
	border-left: 4px solid #bec5cc;
    background-color: #f2f5f8;
}

.aa-md-alert__header{
    padding-top: 12px;
	font-weight: 700;
}

.aa-md-alert--note{
	border-color: #0277BD;
	background: #e8f7ff;
}

.aa-md-alert--note .aa-md-alert__header{
	color: #0277BD;	
}

.aa-md-alert--note .aa-md-alert__header:before{
	content: "";
	background-image: url(../images/output/md/alert_note.svg);
    background-repeat: no-repeat;
    background-size: 17px 17px;
	padding-left: 21px;
}

.aa-md-alert--tip{
	border-color: #43A047;
    background: #E8F5E9;
}

.aa-md-alert--tip .aa-md-alert__header{
	color: #43A047;	
}

.aa-md-alert--tip .aa-md-alert__header:before{
	content: "";
	background-image: url(../images/output/md/alert_tip.svg);
    background-repeat: no-repeat;
    background-size: 17px 18px;
	padding-left: 19px;	
}

.aa-md-alert--important{
    border-color: #673AB7;
    background: #E8EAF6;
}

.aa-md-alert--important .aa-md-alert__header{
	color: #673AB7;
}

.aa-md-alert--important .aa-md-alert__header:before{
	content: "";
	background-image: url(../images/output/md/alert_important.svg);
    background-repeat: no-repeat;
    background-size: 17px 18px;
	padding-left: 21px;
}

.aa-md-alert--warning{
    border-color: #ffeb3b;
    background: #fff9db;
}

.aa-md-alert--warning .aa-md-alert__header{
	color: #9a6700;
}

.aa-md-alert--warning .aa-md-alert__header:before{
	content: "";
	background-image: url(../images/output/md/alert_warning.svg);
    background-repeat: no-repeat;
    background-size: 17px 17px;
	padding-left: 20px;
}

.aa-md-alert--caution{
	border-color: #E53935;
    background: #fff5f5;
}

.aa-md-alert--caution .aa-md-alert__header{
	color: #E53935;
}

.aa-md-alert--caution .aa-md-alert__header:before{
	content: "";
	background-image: url(../images/output/md/alert_caution.svg);
    background-repeat: no-repeat;
    background-size: 17px 18px;
	padding-left: 21px;
}

.aa-md-color-blue{
    color: #0277BD;
}

.aa-md-color-green{
    color: #43A047;
}

.aa-md-color-red{
    color: #E53935;
}

.aa-md-color-yellow{
    color: #ffeb3b;
}

.aa-md-color-black{
    color: #000000;
}


.aa-md-bg-color-blue{
    background-color: #e8f7ff;
}

.aa-md-bg-color-green{
    background-color: #E8F5E9;
}

.aa-md-bg-color-red{
    background-color: #fff5f5;
}

.aa-md-bg-color-yellow{
    background-color: #fff9db;
}

.aa-md-bg-color-grey{
    background-color: #f4f5f6;
}


.aa-md-hl-yellow{
    background-color: #fff7af;
}

.aa-md-html mark{
    background-color: #fff7af;
}

.aa-md-hl-pink{
    background-color: #ffbfce;
}

.aa-md-hl-blue{
    background-color: #b2cdfb;
}

.aa-md-hl-orange{
    background-color: #ffd7ae;
}


.aa-md-left{
    text-align: left;
}

.aa-md-center{
    text-align: center;
}

.aa-md-right{
    text-align: right;
}


.aa-md-v-a-top{
    vertical-align: top;
}

.aa-md-v-a-middle{
    vertical-align: middle;
}

.aa-md-v-a-bottom{
    vertical-align: bottom;
}


.aa-md-border{
    border: 1px #e1e4e8 solid;
}

.aa-md-border-top{
    border-top: 1px #e1e4e8 solid;
}

.aa-md-border-right{
    border-right: 1px #e1e4e8 solid;
}

.aa-md-border-bottom{
    border-bottom: 1px #e1e4e8 solid;
}

.aa-md-border-left{
    border-left: 1px #e1e4e8 solid;
}

.aa-md-shade{
    background-color: #f7f9fa;
    padding: 4px 8px;
}

.aa-md-indent{
    margin-left: 12px;
}

.aa-md-ins{
    color: #43A047;
    background-color: #E8F5E9;
    text-decoration: none;
}

.aa-md-del{
    color: #E53935;
    background-color: #fff5f5;
}

.aa-md-del-s{
    color: #E53935;
    background-color: #fff5f5;
    text-decoration: line-through;
}

.aa-md-box{
    box-shadow: 0 0px 2px rgb(0 0 0 / 17%);
    padding: 8px 12px;
}

.aa-md-box-primary{
    border-top: 3px solid #0288D1;
    box-shadow: 0 0px 2px rgb(0 0 0 / 17%);
    padding: 8px 12px;
}

.aa-md-box-secondary{
    border-top: 3px solid #8E8E8E;
    box-shadow: 0 0px 2px rgb(0 0 0 / 17%);
    padding: 8px 12px;
}

.aa-md-dl-params{

}

.aa-md-dl-values :not(pre)>code{
    color: #bd4147;
}

/* Badges */
.aa-md-badge-dark{
    background-color: #666666;
    font-size: 13px;
    color: #ffffff;
    font-weight: 600;
    line-height: 18px;
    padding: 2px 6px 2px 6px;
}

.aa-md-badge-grey{
    background-color: #eeeeee;
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    line-height: 18px;
    padding: 2px 6px 2px 6px;
}

.aa-md-badge-red{
    background-color: #E53935;
    font-size: 13px;
    color: #ffffff;
    font-weight: 600;
    line-height: 18px;
    padding: 2px 6px 2px 6px;
}

.aa-md-badge-blue{
    background-color: #0288D1;
    font-size: 13px;
    color: #ffffff;
    font-weight: 600;
    line-height: 18px;
    padding: 2px 6px 2px 6px;
}

.aa-md-badge-green{
    background-color: #4CAF50;
    font-size: 13px;
    color: #ffffff;
    font-weight: 600;
    line-height: 18px;
    padding: 2px 6px 2px 6px;
}

.aa-md-badge-purple{
    background-color: #673AB7;
    font-size: 13px;
    color: #ffffff;
    font-weight: 600;
    line-height: 18px;
    padding: 2px 6px 2px 6px;  
}


/* Icons */

.aa-md-i-warning{
    background-image: url(../images/output/md/md-i-warning.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    margin-bottom: -2px;
    margin-right: 4px;
}

.aa-md-i-success{
    background-image: url(../images/output/md/md-i-success.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    margin-bottom: -2px;
    margin-right: 4px;
}

.aa-md-i-error{
    background-image: url(../images/output/md/md-i-error.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    margin-bottom: -2px;
    margin-right: 4px;
}

.aa-md-i-important{
    background-image: url(../images/output/md/md-i-important.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    margin-bottom: -2px;
    margin-right: 4px;
}


/* Icon list */
.aa-md-li-warning{
    list-style-type: none;
}

.aa-md-li-warning:before{
    content:"";
    background-image: url(../images/output/md/md-i-warning.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 16px auto;
    height: 16px;
    width: 16px;
    margin-bottom: -2px;
    margin-right: 4px;
    margin-left: -22px
}

.aa-md-li-success{
    list-style-type: none;
}
.aa-md-li-success:before{
    content:"";
    background-image: url(../images/output/md/md-i-success.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 16px auto;
    height: 16px;
    width: 16px;
    margin-bottom: -2px;
    margin-right: 4px;
    margin-left: -22px
}

.aa-md-li-error{
    list-style-type: none;
}
.aa-md-li-error:before{
    content:"";
    background-image: url(../images/output/md/md-i-error.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 16px auto;
    height: 16px;
    width: 16px;
    margin-bottom: -2px;
    margin-right: 4px;
    margin-left: -22px
}

.aa-md-li-important{
    list-style-type: none;
}
.aa-md-li-important:before{
    content:"";
    background-image: url(../images/output/md/md-i-important.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 16px auto;
    height: 16px;
    width: 16px;
    margin-bottom: -2px;
    margin-right: 4px;
    margin-left: -22px
}


/* Table */

.aa-md-html .aa-md-no-border table tr{
    border: none;
}

.aa-md-html .aa-md-no-border table th{
    border: none;
}

.aa-md-html .aa-md-no-border table tr{
    border: none;
}

.aa-md-html .aa-md-no-border table td{
    border: none;
}

.aa-md-no-head thead{
    display: none;
}

.aa-md-striped tr:nth-child(2n){
    background: #F5F5F5;
}

/* Padding */

.aa-md-p-0{
    padding: 0;
}

.aa-md-p-t-0{
    padding-top: 0;
}

.aa-md-p-r-0{
    padding-right: 0;
}

.aa-md-p-b-0{
    padding-bottom: 0;
}

.aa-md-p-l-0{
    padding-left: 0;
}

.aa-md-p-4{
    padding: 4px;
}

.aa-md-p-t-4{
    padding-top: 4px;
}

.aa-md-p-r-4{
    padding-right: 4px;
}

.aa-md-p-b-4{
    padding-bottom: 4px;
}

.aa-md-p-l-4{
    padding-left: 4px;
}

.aa-md-p-8{
    padding: 8px;
}

.aa-md-p-t-8{
    padding-top: 8px;
}

.aa-md-p-r-8{
    padding-right: 8px;
}

.aa-md-p-b-8{
    padding-bottom: 8px;
}

.aa-md-p-l-8{
    padding-left: 8px;
}

.aa-md-p-12{
    padding: 12px;
}

.aa-md-p-t-12{
    padding-top: 12px;
}

.aa-md-p-r-12{
    padding-right: 12px;
}

.aa-md-p-b-12{
    padding-bottom: 12px;
}

.aa-md-p-l-12{
    padding-left: 12px;
}

.aa-md-p-16{
    padding: 16px;
}

.aa-md-p-t-16{
    padding-top: 16px;
}

.aa-md-p-r-16{
    padding-right: 16px;
}

.aa-md-p-b-16{
    padding-bottom: 16px;
}

.aa-md-p-l-16{
    padding-left: 16px;
}


/* Margin */

.aa-md-m-0{
    margin: 0;
}

.aa-md-m-t-0{
    margin-top: 0;
}

.aa-md-m-r-0{
    margin-right: 0;
}

.aa-md-m-b-0{
    margin-bottom: 0;
}

.aa-md-m-l-0{
    margin-left: 0;
}

.aa-md-m-4{
    margin: 4px;
}

.aa-md-m-t-4{
    margin-top: 4px;
}

.aa-md-m-r-4{
    margin-right: 4px;
}

.aa-md-m-b-4{
    margin-bottom: 4px;
}

.aa-md-m-l-4{
    margin-left: 4px;
}

.aa-md-m-8{
    margin: 8px;
}

.aa-md-m-t-8{
    margin-top: 8px;
}

.aa-md-m-r-8{
    margin-right: 8px;
}

.aa-md-m-b-8{
    margin-bottom: 8px;
}

.aa-md-m-l-8{
    margin-left: 8px;
}

.aa-md-m-12{
    margin: 12px;
}

.aa-md-m-t-12{
    margin-top: 12px;
}

.aa-md-m-r-12{
    margin-right: 12px;
}

.aa-md-m-b-12{
    margin-bottom: 12px;
}

.aa-md-m-l-12{
    margin-left: 12px;
}

.aa-md-m-16{
    margin: 16px;
}

.aa-md-m-t-16{
    margin-top: 16px;
}

.aa-md-m-r-16{
    margin-right: 16px;
}

.aa-md-m-b-16{
    margin-bottom: 16px;
}

.aa-md-m-l-16{
    margin-left: 16px;
}




/* ============================================================  
   ------------------------ IMAGES { --------------------------
   ============================================================ */
/* Preview image */
[data-preview="image"]{
	cursor: zoom-in;
	transition: transform .2s ease;
	border-radius: 10px;
}

/* Wrapper added by JS */
.aa-preview-wrap{
	position: relative;
	display: inline-block;
}

/* Hover effect */
.aa-preview-wrap:hover [data-preview="image"]{
	transform: scale(1.01);
}

/* Show magnifier */
.aa-preview-wrap:hover::after{
	opacity: 1;
}

/* Modal */
.aa-preview-modal{
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
    background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	visibility: hidden;
	transition: .2s ease;
	z-index: 9999;
}

/* Active modal */
.aa-preview-modal.aa--is-active{
	opacity: 1;
	visibility: visible;
}

/* Preview image */
.aa-preview-modal__img{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0,0,0,.4);
	animation: aaPreviewZoom .2s ease;
    background-color: #fff;
}

/* Close button */
.aa-preview-modal__close{
	position: absolute;
	top: 20px;
	right: 25px;
	border: none;
	background: transparent;
	font-size: 42px;
	line-height: 1;
	color: #fff;
	cursor: pointer;
}

/* Animation */
@keyframes aaPreviewZoom{

	from{
		transform: scale(.92);
		opacity: 0;
	}

	to{
		transform: scale(1);
		opacity: 1;
	}
}

/* ============================================================  
   ------------------------ } IMAGES --------------------------
   ============================================================ */


   /* ============================================================  
   ------------------------- MODIFIERS ------------------------
   ============================================================ */

.aa--left-auto{
    left: auto;
}

.aa--right-auto{
    right: auto;
}

.aa--left{
    text-align: left;
}

.aa--right{
    text-align: right;
}

.aa-tbl__theader .aa-tbl__header.aa--right{
    text-align: right;
}

.aa--center {
    text-align: center !important;
}

.aa--uppercase{
    text-transform: uppercase;
}

.aa--block{
    display: block;
}

.aa--inline{
    display: inline;
}

.aa--inline-block{
    display:inline-block;
}

.aa--display-none{
    display: none !important;
}

iframe.aa--display-none{
    display: none;
}

.aa--semibold{
    font-weight: 600;
}

.aa--bold{
    font-weight: bold;
}

.aa--noborder{
    box-shadow: none;
    border: none;
}

.aa--nopadding{
    padding: 0;
}

.aa--nopadding.aa-form__part-header{
    padding: 0;
}

.aa--nomargin{
    margin: 0;
}

.aa--break-word{
    word-break: break-word;
}

.aa--break-space{
    white-space: break-spaces;
}

.aa--break-all{
    word-break: break-all;
}

.aa--disabled{
	color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
	pointer-events: none;
	cursor: default;
}

.aa--noscroll{
    overflow: hidden;
}

.aa--width-max-content {
    width: max-content;
}

.aa--nowrap{
    white-space: nowrap;
    width: max-content;
}

[aria-hidden="false"] {
    transition: opacity 1s;
    width: 100%;
    z-index: 1;
    opacity: 1;
}

.aa--v-a-top{
    vertical-align: top;
}

.aa--v-a-middle{
    vertical-align: middle;
}

.aa--v-a-bottom{
    vertical-align: bottom;
}

.aa--ins{
    font-size: inherit;
    font-family: 'open sans';
    color: #43A047;
    background-color: #E8F5E9;
    text-decoration: none;   
} 

.aa--del{
    font-size: inherit;
    font-family: 'open sans';
    color: #E53935;
    background-color: #fff5f5;   
}

.aa--del-s{
    font-size: inherit;
    font-family: 'open sans';
    color: #E53935;
    background-color: #fff5f5;
    text-decoration: line-through;   
}

.aa--highlight{
    font-size: inherit;
    font-family: 'open sans';
    background-color: #fff7af;
    text-decoration: none;
}


/* flex */
/* .aa--flex */
.aa--d-flex{
    display: flex;
}

.aa--jc-center{
    justify-content: center;
}

.aa--jc-space-between{
    justify-content: space-between;
}
.aa--jc-end{
     justify-content: end;   
}

.aa--f-b-auto{
    flex-basis: auto;
}

.aa--f-shrink-0{
    flex-shrink: 0;
}

.aa--f-wrap-wrap{
    flex-wrap: wrap;
}

.aa--align-self-end{
    align-self: self-end;
}

.aa--align-self{
    align-self: self-end;
}

.aa--align-items-center{
    align-items: center;
}

.aa--f-direction-column{
	flex-direction: column;
}


/* font-size */

.aa--f-s-12{
    font-size: 12px;
}
.aa--f-s-13{
    font-size: 13px;
}
.aa--f-s-14{
    font-size: 14px;
}
.aa--f-s-15{
    font-size: 15px;
}
.aa--f-s-16{
    font-size: 16px;
}
.aa--f-s-18{
    font-size: 18px;
}
.aa--f-s-20{
    font-size: 20px;
}
.aa--f-s-22{
    font-size: 22px;
}
.aa--f-s-44{
    font-size: 44px;
}

/* font-weight */

.aa--f-w-300{
    font-weight: 300;
}

.aa--f-w-400{
    font-weight: 400;
}

.aa--f-w-500{
    font-weight: 500;
}

.aa--f-w-600{
    font-weight: 600;
}

.aa--f-w-700{
    font-weight: 700;
}

.aa--f-w-800{
    font-weight: 800;
}

.aa--f-w-900{
    font-weight: 900;
}

/* line-height */
.aa--l-h-18{
    line-height: 18px;
}
.aa--l-h-20{
    line-height: 20px;
}
.aa--l-h-22{
    line-height: 22px;
}
.aa--l-h-24{
    line-height: 24px;
}

/* paddings */
.aa--p-sm{
    padding:4px;
}
.aa--p-md{
    padding:8px;
}
.aa--p-lg{
    padding:12px;
}
.aa--p-xl{
    padding:16px;
}

.aa--p-0{
    padding: 0px !important;
}
.aa--p-l-0{
    padding-left: 0px;
}
.aa--p-r-0{
    padding-right: 0px !important;
}
.aa--p-t-0{
    padding-top: 0px;
}
.aa--p-b-0{
    padding-bottom: 0px;
}

.aa--p-1{
    padding: 1px;
}
.aa--p-l-1{
    padding-left: 1px;
}
.aa--p-r-1{
    padding-right: 1px;
}
.aa--p-t-1{
    padding-top: 1px;
}
.aa--p-b-1{
    padding-bottom: 1px;
}

.aa--p-0{
    padding: 0px;
}
.aa--p-l-2{
    padding-left: 2px;
}
.aa--p-r-2{
    padding-right: 2px;
}
.aa--p-t-2{
    padding-top: 2px;
}
.aa--p-b-2{
    padding-bottom: 2px;
}

.aa--p-4{
    padding: 4px;
}
.aa--p-l-4{
    padding-left: 4px;
}
.aa--p-r-4{
    padding-right: 4px;
}
.aa--p-t-4{
    padding-top: 4px;
}
.aa--p-b-4{
    padding-bottom: 4px;
}

.aa--p-v-4{
    padding-top: 4px;
    padding-bottom: 4px;
}
.aa--p-h-4{
    padding-left: 4px;
    padding-right: 4px;
}

.aa--p-8{
    padding: 8px;
}
.aa--p-l-8{
    padding-left: 8px;
}
.aa--p-r-8{
    padding-right: 8px;
}
.aa--p-t-8{
    padding-top: 8px;
}
.aa--p-b-8{
    padding-bottom: 8px;
}
.aa--p-v-8{
    padding-top: 8px;
    padding-bottom: 8px;
}
.aa--p-h-8{
    padding-left: 8px;
    padding-right: 8px;
}

.aa--p-10{
    padding: 10px;
}
.aa--p-l-10{
    padding-left: 10px;
}
.aa--p-r-10{
    padding-right: 10px;
}
.aa--p-t-10{
    padding-top: 10px;
}
.aa--p-b-10{
    padding-bottom: 10px;
}
.aa--p-v-10{
    padding-top: 10px;
    padding-bottom: 10px;
}
.aa--p-h-10{
    padding-left: 10px;
    padding-right: 10px;
}

.aa--p-12{
    padding: 12px;
}
.aa--p-l-12{
    padding-left: 12px;
}
.aa--p-r-12{
    padding-right: 12px;
}
.aa--p-t-12{
    padding-top: 12px;
}
.aa--p-b-12{
    padding-bottom: 12px;
}
.aa--p-v-12{
    padding-top: 12px;
    padding-bottom: 12px;
}
.aa--p-h-12{
    padding-left: 12px;
    padding-right: 12px;
}

.aa--p-16{
    padding: 16px;
}
.aa--p-l-16{
    padding-left: 16px;
}
.aa--p-r-16{
    padding-right: 16px;
}
.aa--p-t-16{
    padding-top: 16px;
}
.aa--p-b-16{
    padding-bottom: 16px;
}
.aa--p-v-16{
    padding-top: 16px;
    padding-bottom: 16px;
}
.aa--p-h-16{
    padding-left: 16px;
    padding-right: 16px;
}


.aa--p-20{
    padding: 20px;
}
.aa--p-l-20{
    padding-left: 20px;
}
.aa--p-r-20{
    padding-right: 20px;
}
.aa--p-t-20{
    padding-top: 20px;
}
.aa--p-b-20{
    padding-bottom: 20px;
}
.aa--p-v-20{
    padding-top: 20px;
    padding-bottom: 20px;
}
.aa--p-h-20{
    padding-left: 20px;
    padding-right: 20px;
}


.aa--p-30{
    padding: 30px;
}
.aa--p-l-30{
    padding-left: 30px;
}
.aa--p-r-30{
    padding-right: 30px;
}
.aa--p-t-30{
    padding-top: 30px;
}
.aa--p-b-30{
    padding-bottom: 30px;
}
.aa--p-v-30{
    padding-top: 30px;
    padding-bottom: 30px;
}
.aa--p-h-30{
    padding-left: 30px;
    padding-right: 30px;
}

.aa--p-40{
    padding: 40px;
}
.aa--p-l-40{
    padding-left: 40px;
}
.aa--p-r-40{
    padding-right: 40px;
}
.aa--p-t-40{
    padding-top: 40px;
}
.aa--p-b-40{
    padding-bottom: 40px;
}
.aa--p-v-40{
    padding-top: 40px;
    padding-bottom: 40px;
}
.aa--p-h-40{
    padding-left: 40px;
    padding-right: 40px;
}


/* margins */
.aa--m-auto{
    margin: auto;	
}

.aa--m-t-m2{    
    margin-top: -2px;
}

.aa--m-0{
    margin: 0px;
}
.aa--m-l-0{
    margin-left: 0px;
}
.aa--m-r-0{
    margin-right: 0px;
}
.aa--m-t-0{
    margin-top: 0px !important;
}
.aa--m-b-0{
    margin-bottom: 0px;
}

.aa--m-1{
    margin: 1px;
}
.aa--m-l-1{
    margin-left: 1px;
}
.aa--m-r-1{
    margin-right: 1px;
}
.aa--m-t-1{
    margin-top: 1px;
}
.aa--m-b-1{
    margin-bottom: 1px;
}

.aa--m-2{
    margin: 2px;
}
.aa--m-l-2{
    margin-left: 2px;
}
.aa--m-r-2{
    margin-right: 2px;
}
.aa--m-t-2{
    margin-top: 2px;
}
.aa--m-b-2{
    margin-bottom: 2px;
}

.aa--m-4{
    margin: 4px;
}
.aa--m-l-4{
    margin-left: 4px;
}
.aa--m-r-4{
    margin-right: 4px;
}
.aa--m-t-4{
    margin-top: 4px;
}
.aa--m-b-4{
    margin-bottom: 4px;
}
.aa--m-v-4{
    margin-top: 4px;
    margin-bottom: 4px;
}
.aa--m-h-4{
    margin-left: 4px;
    margin-right: 4px;
}

.aa--m-8{
    margin: 8px;
}
.aa--m-l-8{
    margin-left: 8px;
}
.aa--m-r-8{
    margin-right: 8px;
}
.aa--m-t-8{
    margin-top: 8px;
}
.aa--m-b-8{
    margin-bottom: 8px;
}
.aa--m-v-8{
    margin-top: 8px;
    margin-bottom: 8px;
}
.aa--m-h-8{
    margin-left: 8px;
    margin-right: 8px;
}

.aa--m-10{
    margin: 10px;
}
.aa--m-l-10{
    margin-left: 10px;
}
.aa--m-r-10{
    margin-right: 10px;
}
.aa--m-t-10{
    margin-top: 10px;
}
.aa--m-b-10{
    margin-bottom: 10px;
}
.aa--m-v-10{
    margin-top: 10px;
    margin-bottom: 10px;
}
.aa--m-h-10{
    margin-left: 10px;
    margin-right: 10px;
}

.aa--m-12{
    margin: 12px;
}
.aa--m-l-12{
    margin-left: 12px;
}
.aa--m-r-12{
    margin-right: 12px;
}
.aa--m-t-12{
    margin-top: 12px;
}
.aa--m-b-12{
    margin-bottom: 12px;
}
.aa--m-v-12{
    margin-top: 12px;
    margin-bottom: 12px;
}
.aa--m-h-12{
    margin-left: 12px;
    margin-right: 12px;
}

.aa--m-16{
    margin: 16px;
}
.aa--m-l-16{
    margin-left: 16px;
}
.aa--m-r-16{
    margin-right: 16px;
}
.aa--m-t-16{
    margin-top: 16px;
}
.aa--m-b-16{
    margin-bottom: 16px;
}
.aa--m-v-16{
    margin-top: 16px;
    margin-bottom: 16px;
}
.aa--m-h-16{
    margin-left: 16px;
    margin-right: 16px;
}

.aa--m-20{
    margin: 20px;
}
.aa--m-l-20{
    margin-left: 20px;
}
.aa--m-r-20{
    margin-right: 20px;
}
.aa--m-t-20{
    margin-top: 20px;
}
.aa--m-b-20{
    margin-bottom: 20px;
}
.aa--m-v-20{
    margin-top: 20px;
    margin-bottom: 20px;
}
.aa--m-h-20{
    margin-left: 20px;
    margin-right: 20px;
}

.aa--m-30{
    margin: 30px;
}
.aa--m-l-30{
    margin-left: 30px;
}
.aa--m-r-30{
    margin-right: 30px;
}
.aa--m-t-30{
    margin-top: 30px;
}
.aa--m-b-30{
    margin-bottom: 30px;
}
.aa--m-v-30{
    margin-top: 30px;
    margin-bottom: 30px;
}
.aa--m-h-30{
    margin-left: 30px;
    margin-right: 30px;
}

.aa--m-40{
    margin: 40px;
}
.aa--m-l-40{
    margin-left: 40px;
}
.aa--m-r-40{
    margin-right: 40px;
}
.aa--m-t-40{
    margin-top: 40px;
}
.aa--m-b-40{
    margin-bottom: 40px;
}
.aa--m-v-40{
    margin-top: 40px;
    margin-bottom: 40px;
}
.aa--m-h-40{
    margin-left: 40px;
    margin-right: 40px;
}


/* border */

.aa--border{
    border: #E0E0E0 1px solid; 
}

.aa--border-top{
    border-top: #E0E0E0 1px solid;
}

.aa--border-top-none{
    border-top:none;
}

.aa--border-right{
    border-right: #E0E0E0 1px solid;
}

.aa--border-right-none{
    border-right:none;
}

.aa--border-bottom{
    border-bottom: #E0E0E0 1px solid;
}

.aa--border-bottom-none{
    border-bottom:none;
}

.aa--border-left{
    border-left: #E0E0E0 1px solid;
}

.aa--border-left-none{
    border-left:none;
}

.aa--opacity-0{
    opacity: 0;
}

.aa--background-none{
    background: none;
}

.aa--w-100pc{
    width:100%;
}

.aa--h-100pc{
    height:100%;
}

.aa--w-100{
	width:100px;
}

.aa--h-100{
	height:100px;
}

.aa--h-50{
	height:50px;
}

.aa--max-w-700{
	max-width:700px;
}

.aa--min-w-700{
	min-width:700px;
}

.aa--max-w-750{
	max-width:750px;
}

.aa--max-w-1000{
	max-width:1000px;
}

.aa--max-w-1200{
	max-width:1200px;
}

.aa--float-right{
    float: right;
}

.aa--float-left{
    float: left;
}

.aa--hidden-soft{
/*     opacity: 0; */
    visibility: hidden;
    height: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.aa--overflow-hidden{
    overflow: hidden;
}

/* ============================================================  
   -------------------------- MEDIA ---------------------------
   ============================================================ */
   @media (max-width: 576px) {
    .aa-form--responsive .aa-form-item__caption {
        text-align: left;
    }
}