/*region color */
.dark {
    color: #333 !important;
}

.white {
    color: #FFF !important;
}

.red {
    color: #DD5A43 !important;
}

.red2 {
    color: #E08374 !important;
}

.light-red {
    color: #FF7777 !important;
}

.blue {
    color: #478FCA !important;
}

.light-blue {
    color: #93CBF9 !important;
}

.green {
    color: #69AA46 !important;
}

.light-green {
    color: #B0D877 !important;
}

.orange {
    color: #FF892A !important;
}

.orange2 {
    color: #FEB902 !important;
}

.light-orange {
    color: #FCAC6F !important;
}

.purple {
    color: #A069C3 !important;
}

.pink {
    color: #C6699F !important;
}

.pink2 {
    color: #D6487E !important;
}

.brown {
    color: brown !important;
}

.grey {
    color: #777 !important;
}

.light-grey {
    color: #BBB !important;
}

/*endregion */
/*region font-size */
.bigger-110 {
    font-size: 110% !important;
}

.bigger-120 {
    font-size: 120% !important;
}

.bigger-130 {
    font-size: 130% !important;
}

.bigger-140 {
    font-size: 140% !important;
}

.bigger-150 {
    font-size: 150% !important;
}

.bigger-160 {
    font-size: 160% !important;
}

.bigger-170 {
    font-size: 170% !important;
}

.bigger-180 {
    font-size: 180% !important;
}

.bigger-190 {
    font-size: 190% !important;
}

.bigger-200 {
    font-size: 200% !important;
}

.bigger-210 {
    font-size: 210% !important;
}

.bigger-220 {
    font-size: 220% !important;
}

.bigger-230 {
    font-size: 230% !important;
}

.bigger-240 {
    font-size: 240% !important;
}

.bigger-250 {
    font-size: 250% !important;
}

.bigger-260 {
    font-size: 260% !important;
}

.bigger-270 {
    font-size: 270% !important;
}

.bigger-280 {
    font-size: 280% !important;
}

.bigger-290 {
    font-size: 290% !important;
}

.bigger-300 {
    font-size: 300% !important;
}

.bigger-115 {
    font-size: 115% !important;
}

.bigger-125 {
    font-size: 125% !important;
}

.bigger-175 {
    font-size: 175% !important;
}

.bigger-225 {
    font-size: 225% !important;
}

.bigger-275 {
    font-size: 275% !important;
}

.smaller-90 {
    font-size: 90% !important;
}

.smaller-80 {
    font-size: 80% !important;
}

.smaller-70 {
    font-size: 70% !important;
}

.smaller-60 {
    font-size: 60% !important;
}

.smaller-50 {
    font-size: 50% !important;
}

.smaller-40 {
    font-size: 40% !important;
}

.smaller-30 {
    font-size: 30% !important;
}

.smaller-20 {
    font-size: 20% !important;
}

.smaller-75 {
    font-size: 75% !important;
}

/*endregion*/
/*region width */
.width-20 {
    width: 20% !important;
}

.width-25 {
    width: 25% !important;
}

.width-30 {
    width: 30% !important;
}

.width-35 {
    width: 35% !important;
}

.width-40 {
    width: 40% !important;
}

.width-45 {
    width: 45% !important;
}

.width-50 {
    width: 50% !important;
}

.width-55 {
    width: 55% !important;
}

.width-60 {
    width: 60% !important;
}

.width-65 {
    width: 65% !important;
}

.width-70 {
    width: 70% !important;
}

.width-75 {
    width: 75% !important;
}

.width-80 {
    width: 80% !important;
}

.width-85 {
    width: 85% !important;
}

.width-90 {
    width: 90% !important;
}

.width-95 {
    width: 95% !important;
}

.width-100 {
    width: 100% !important;
}

.width-75 {
    width: 75% !important;
}

.width-25 {
    width: 25% !important;
}

.width-30px {
    width: 30px !important;
}

.width-120px {
    width: 120px !important;
}

.width-150px {
    width: 150px !important;
}

.width-160px {
    width: 160px !important;
}

.width-180px {
    width: 180px !important;
}

.width-200px {
    width: 200px !important;
}

/*endregion*/
/*region margin */

.list-margin-16 li {
    margin-top: 16px;
}
/*endregion*/

/*region Разное 1*/
.center {
    text-align: center;
}

.overflow-auto {
    overflow: auto;
}
/*endregion*/

/*region sweetalert */
.swal2-container .btn {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    padding: 5px 16px 6px;
    text-align: center;
    touch-action: manipulation;
    white-space: nowrap;
    user-select: none;
    margin: 5px;
    color: #FFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-image: none !important;
    border: 5px solid #FFF;
    border-radius: 0;
    box-shadow: none !important;
    -webkit-transition: background-color .15s, border-color .15s, opacity .15s;
    -o-transition: background-color .15s, border-color .15s, opacity .15s;
    transition: background-color .15s, border-color .15s, opacity .15s;
    vertical-align: middle;
    position: relative;
}

.swal2-container .btn,
.swal2-container .btn-default,
.swal2-container .btn:focus,
.swal2-container .btn-default:focus,
.swal2-container .btn.focus,
.swal2-container .btn-default.focus {
    background-color: #ABBAC3 !important;
    border-color: #ABBAC3;
}

.swal2-container .btn:hover,
.swal2-container .btn-default:hover,
.swal2-container .btn:focus:hover,
.swal2-container .btn-default:focus:hover,
.swal2-container .btn.focus:hover,
.swal2-container .btn-default.focus:hover,
.swal2-container .btn:active:hover,
.swal2-container .btn-default:active:hover,
.swal2-container .btn:focus:active,
.swal2-container .btn-default:focus:active {
    background-color: #8B9AA3 !important;
    border-color: #ABBAC3;
}

.swal2-container .btn-success,
.swal2-container .btn-success:focus,
.swal2-container .btn-success.focus {
    background-color: #87B87F !important;
    border-color: #87B87F;
}

.swal2-container .btn-success:hover,
.swal2-container .btn-success:focus:hover,
.swal2-container .btn-success.focus:hover,
.swal2-container .btn-success:active:hover,
.swal2-container .btn-success:focus:active {
    background-color: #629B58 !important;
    border-color: #87B87F;
}

.swal2-container .btn-warning,
.swal2-container .btn-warning.focus,
.swal2-container .btn-warning:focus {
    background-color: #FFB752 !important;
    border-color: #FFB752;
}

.swal2-container .btn-warning:hover,
.swal2-container .btn-warning:focus:hover,
.swal2-container .btn-warning.focus:hover,
.swal2-container .btn-warning:active:hover,
.swal2-container .btn-warning:focus:active {
    background-color: #E59729 !important;
    border-color: #FFB752;
}

.swal2-container .btn-danger,
.swal2-container .btn-danger:focus,
.swal2-container .btn-danger.focus {
    background-color: #D15B47 !important;
    border-color: #D15B47;
}

.swal2-container .btn-danger:hover,
.swal2-container .btn-danger:focus:hover,
.swal2-container .btn-danger.focus:hover,
.swal2-container .btn-danger:active:hover,
.swal2-container .btn-danger:focus:active {
    background-color: #B74635 !important;
    border-color: #D15B47;
}

/*endregion*/


/*region onScrollPanel onScrollButton */

.onScrollPanel {
    display: none;
    position: fixed;
    z-index: 150;
    top: 50%;
    margin-top: -24px;
    right: 10px;
    width: 38px;
    height: auto;
    -moz-transition: background-color .3s linear;
    -webkit-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
}

.onScrollButton {
    display: block;
    width: 38px;
    height: 38px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#gotoTop {
    text-indent: -9999px;
    /*background: var(--bs-primary) url("../images/go-to-top.png") center no-repeat;*/
    background: var(--bs-primary) url("../images/arrow-up-bold.svg") center no-repeat;
}

#gotoEdit {
    text-indent: -9999px;
    /* background: var(--bs-primary) url("../images/go-to-edit.png") center no-repeat;*/
    background: var(--bs-primary) url("../images/settings.svg") center no-repeat;
    margin-top: 2px;
}

#gotoTop:hover, #gotoEdit:hover, #gotoAdmin:hover {
    background-color: #444;
    cursor: pointer;
}

#gotoAdmin {
    all: unset;
    text-indent: -9999px;
    background: var(--bs-primary) url("../images/account.svg") center no-repeat;
    text-align: center;
    display: block;
    margin-top: 2px;
    width: 38px;
    height: 38px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*endregion*/


/*region  Стили для страницы онлайн-лекций, нужны только для этого. По окончании удалить!!! */

.onlinelectures {
    font-size: 16px;
}

.onlinelectures h1 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    margin-top: 50px;
}

.onlinelectures h2 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

.onlinelectures table {
    width: 90%;
}

.onlinelectures td:first-child {
    width: 70px;
}


/*endregion*/

/*region Разное 2 */
.itemprop-purposeCab {
    line-height: normal;
}

.itemprop-purposeCab tr {
    vertical-align: top;
}

.lic-def {
    font-size: 60%;
}


.counteredTable table {
    counter-reset: trNum;
}

.counteredTable tr {
    counter-increment: trNum;
}

.counteredTable tr td:first-child:before {
    content: counter(trNum);
    /*counter-increment: trNum;*/
}

.cover {
    background-repeat: round;
    -webkit-background-size: cover;
    background-size: cover;
}

.carousel-inner > .item > .cover {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}


/* Банеры */
.event img {
    margin-top: 10px;
    width: 100%;
    max-width: 200px;
    box-shadow: none;
}
/*endregion*/

/*region Кнопки */
.btn-elsu {
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    font-weight: 300;
    border-radius: 0;
    width: 100%;
    padding: 13px 0;
}

.btn-l {
    padding: 5px 0;
}
/*endregion*/

/*region Разное 3 */
.modal.fade {
    display: none;
}

.highslide img {
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 50%);
}
/*endregion*/

/*region Стили для таблиц*/

/*endregion*/

/*region стили из bootstrap 4.6 */
.pr-2 {
    padding-right: 0.5rem !important;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-info {
    color: #17a2b8 !important;
}
.text-left {
    text-align: left !important;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    width: 400px;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-size: 80%;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    /*font-size: 0.875rem;*/
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.tooltip-inner {
    max-width: 300px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

/*endregion*/


/*region b46 (bootstrap 4.6) */
.b46 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}
/*endregion*/


/*region SVEDEN*/

/*Иконка ЭЦП в подразделе Образование*/
.sveden-edu .sig-icon {
    padding-right: 0.5rem !important;
    text-decoration: none !important;
    color: #17a2b8 !important;
}

.sveden-edu table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse !important;
}

.sveden-edu  th,
.sveden-edu  td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.sveden-edu th {
    text-align: center;
    font-size: 80%;
    vertical-align: middle;
    line-height: normal;
    border-bottom: 2px solid #dee2e6;
}

.sveden-edu tbody > tr:nth-child(odd) > td {
    background-color: #f9f9f9;
}

.sveden-edu tr {
    border: 1px solid #dee2e6;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.sveden-edu tbody tr:hover > td {
    background-color: #dee2e6;
    border-top: 1px solid #3172a1;
    border-bottom: 1px solid #3172a1;
}

.sveden-edu tbody tr:hover {
    border-left: 4px solid #3172a1;
    transition: 0.4s;
}


/*endregion SVEDEN*/