/*-----FONTS-----*/
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,300i,400,400i,500,500i,700,700i&display=swap');

/*-----MAIN VARIABLES-----*/
:root {
    /*-----default colors-----*/
    --black-color: #000000;
    --white-color: #ffffff;
    /*-----brand colors-----*/
    --main-color: #2b68a6;
    /*-----typography-----*/
    --font: 'IBM Plex Sans', Arial, sans-serif;
    --font-weight-bold: 700;
    --main-text-color: #666666;
    --title-color: var(--black-color);
    --link-color: var(--main-color);
    --error-color: #ff0000;
    --success-color: #008000;
    /*-----backgrounds-----*/
    --main-bg-color: #F0F0F0; /*main wrapper bg color*/
    --additional-bg-color: #f8f8f8; /*toolbars/containers bg color*/
    --loader-bg: #afd0ef;
    --loader-slider-bg: var(--main-color);
    /*-----decor elements-----*/
    --border-color: #ccc;
    --box-shadow: 1px 6px 10px rgba(0, 0, 0, 0.3);
    /*-----forms-----*/
    --form-border-radius: 0;
    --input-bg-sprite: url(../Images/grey_aanyc.png);
    --input-2xbg-sprite: url(../Images/grey@2x_aanyc.png);
    --input-checked-color: var(--main-color);
    --label-color: #666666;
    --label-active-color: var(--main-color);
    --input-hover-label-color: var(--label-color);
    --form-bg-color: #F3F7FF;
    --form-disabled-bg-color: #f0f0f0;
    --form-border-color: var(--border-color);
    --form-active-border-color: var(--main-color);
    --form-placeholder-color: var(--main-text-color);
    --form-text-color: var(--main-text-color);
    --required-field-color: transparent;
    /*-----buttons-----*/
    --btn-border-radius: 0;
    --primary-btn-color: var(--white-color);
    --primary-btn-hover-color: var(--primary-btn-color);
    --primary-btn-bg-color: var(--main-color);
    --primary-btn-hover-bg-color: #5586b7;
    --primary-btn-disabled-bg-color: var(--white-color);
    --primary-btn-disabled-color: var(--main-color);
    --secondary-btn-border-color: var(--main-color);
    --secondary-btn-color: var(--main-color);
    --secondary-btn-bg-color: var(--white-color);
    --secondary-btn-hover-color: var(--secondary-btn-color);
    --secondary-btn-disabled-color: var(--secondary-btn-color);
    --secondary-btn-hover-bg-color: #f2f2f2;
    --secondary-btn-disabled-bg-color: var(--white-color);
    /*-----tabs-----*/
    --tabs-border-radius: 0;
    --tabs-box-shadow: 0 -2px 2px 0 rgba(0,0,0,.16), 0 0 0px 0 rgba(0,0,0,.12);
    --tabs-text-color: var(--main-text-color);
    --tabs-bg-color: var(--white-color);
    --tabs-active-text-color: var(--white-color);
    --tabs-active-bg-color: var(--main-color);
    --tabs-hover-bg-color: #ccc;
    --tabs-text-hover-color: var(--main-text-color);
    --subtabs-bg-color: #666;
    --subtabs-text-color: var(--white-color);
    --subtabs-active-bg-color: var(--main-color);
    --subtabs-active-text-color: var(--subtabs-text-color);
    --subtabs-hover-bg-color: #ccc;
    --subtabs-hover-text-color: var(--white-color);
    /*-----dropdowns-----*/
    --dropdown-link-hover-bg-color: var(--main-color);
    /*-----aside-----*/
    --aside-bg-color: var(--white-color);
    --aside-menu-link-text-color: var(--main-text-color);
    --aside-menu-link-text-hover-color: var(--white-color);
    --aside-menu-link-bg-color: transparent;
    --aside-menu-link-bg-hover-color: var(--main-color);
    --aside-treeview-menu-bg-color: var(--main-color);
    /*-----tables-----*/
    --table-tr-hover-bg-color: var(--main-color);
}