:root {
    --white: #f9f9f9;
    --black: #36383F;
    --grey: #85888C;
    --cyan: #235967;
    --cyan-light: #2F798C;
    --blue-base: #166DA1;
    --blue-light: #008bd1;
    --blue-light-light:  #00b3ff;
    --yellow: yellow;
    --wheat: wheat;
    --gold: gold;
    --red: #D70056;
    --brown: #713800;
    --yellow-light: #FFFFE1;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/


body {
  font-family: "Open Sans", sans-serif;
}

a {
  text-decoration: none;
}

a:hover{
    /*color: #d63384;*/
}

a.disable {
    pointer-events: none;
    color: #6c757d !important;
}


.text-red{
    color: var(--red);
}


.bg-cyan {
    background-color: var(--cyan);
}

.bg-cyan-light {
    background-color: var(--cyan-light);
}

.bg-brown {
    background-color: var(--brown);
}

.bg-yellow-light {
    background-color: var(--yellow-light);
}

.btn-cyan
{
    background-color: var(--cyan-light);
    border: 1px solid;
    border-radius: 6px;
    color: var(--white);
    padding: 0.2em 1em 0.2em 1em;
}

.btn-cyan:hover
{
    background-color: var(--cyan);
}

/* ячейка таблицы, содержащая командные кнопки */
.cell-for-buttons{
    text-align: center;
    vertical-align: middle;
    min-width: 60px;
    max-width: 100px;
}

/* Формы */
.alert-icon{
    font-size: 32px;
}

.alert-body{
    margin: 0.7rem;
}

.form-error, .help-text, .nonfield{
    font-size: small;
}

.form-error{
    color: var(--red);
    /*padding-bottom: 25px;*/
}

.help-text{
    color: var(--grey);
    margin: 0.3rem 0;
}

.errorlist, .form-error ul, .form-error ol, .help-text ul, .help-text ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

.errorlist li, .form-error ul li, .form-error ol li, .help-text ul li, .help-text ul li{
   padding: 0.3rem 0.2rem;
   display: block;
}



/* Сообщения */


.messages  /* класс для списка сообщений: ol, ul */
{
    margin: 1rem 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.messages li{
    margin: 0.5rem 0;
}

.info /* класс для элемента списка li, одноимённый тэгу сообщения info */
{
    color: var(--bs-gray-700);
}
.success /* класс для элемента списка li, одноимённый тэгу сообщения success (успех) */
{
    color: var(--bs-success);
}
.warning /* класс для элемента списка li, одноимённый тэгу сообщения warning (предупреждение) */
{
    color: var(--bs-warning);
}
.error /* класс для элемента списка li, одноимённый тэгу сообщения error */
{
    color: var(--red);
}

.invisible-textbox, .invisible-textbox:focus, .invisible-textbox:active
{
    border: none!important;
}