body {}

div {
    border: 0px solid #dfdfdf;
    padding: 0px;
}


/* -------------------------------- Login Form ------------------------------- */
.custom-login.llayout3 .pagelayout-b {
    /* box-shadow: 0 0 5px rgb(0 0 0 / .15); */
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;

    opacity: 0; /* начальное значение непрозрачности */  
    animation: fadeIn ease-in 1; /* добавляем анимацию fadeIn */  
    animation-fill-mode: forwards; /* будет видимым после завершения анимации */  
    animation-duration: 1s; /* длительность анимации в 1 секунду */  
}

@keyframes fadeIn {  
    0% { opacity: 0; }  
    100% { opacity: 1; }  
}

.loginform {}

.loginform .login-form-wrap {
    padding: 0px;
}

.custom-login .loginleft, .custom-login .loginright {
    padding-top: 1rem;
}

.main-logo .logo-light.no_svg, .main-logo .logo-dark.no_svg {
    /* height: auto!important; */
}

.custom-login .login-footer .footer-inner {
    padding-top: 0.5rem;
    border-top: solid 1px rgb(0 0 0 / .1);
}

.modal-header .modal-title, .modal-header h1, .modal-header .h1, .modal-header h2, .modal-header .h2, .modal-header h3, .modal-header .h3, .modal-header h4, .modal-header .h4, .modal-header h5, .modal-header .h5, .modal-header h6, .modal-header .h6 {
    font-size: 1.16rem;
    margin: 0;
    color: #FFFFFF;
}

/* -------------------------------- Modal Content ----------------------------- */
.modal-content {
    border-radius: 5px;
}

.modal-content  .modal-body {
    text-align: left!important;
    line-height: 1.15em; 
    font-size: 0.95em;
}


.modal-content .modal-header {
    border-top-left-radius: 5px; border-top-right-radius: 5px;
    padding-top: 5px; padding-bottom: 5px;
    background-color: #1a5c8c;
}


.modal-content .modal-header h3 {
    margin-top: 10px; margin-bottom: 10px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}


.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
    border-radius: 20px!important;
}

/*--------------------------------- Modal Button ---------------------------------- */
.modal-footer .btn, .modal-footer .button, .modal-footer button, .modal-footer input[type="submit"], .modal-footer input[type="button"], .modal-footer button[type="submit"] {
    padding: var(--mb2-btn-sm-py) var(--mb2-btn-sm-px);
    font-size: .85rem;
    border-radius: var(--mb2-btn-radius);
    padding: 10px 20px 10px 20px;
}

/* --------------------------------- Tables ---------------------------------- */

/* --------------------------------- Course Description ----------------- */
.prog_descr {

}

.prog_descr h4 {
    color: #182b3ae1;
    letter-spacing: -0.025em;
}

.prog_descr p {
    font-size: 0.95em!important;
    color: #182b3ae1;
    line-height: 1.35em;
    font-weight: 300;
    /*letter-spacing: 0.05em; */  
}

.prog_descr table tbody {
    border: 0px;
    font-size: 0.95em!important;
    /*letter-spacing: 0.05em; */  
}

.prog_descr .tbody { 
    font-size: 0.95em!important;  
    /*letter-spacing: 0.05em; */  
}

.prog_descr td {
    font-size: 0.95em!important;
    color: #182b3ae1;
    line-height: 1.35em;
    font-weight: 300;
    padding: 10px;
    border: 0px;
}

.prog_descr img {
    border-radius: 25%;
}

.prog_descr strong {
    font-size: 1.25em!important;
    color: #ee1d1de7;
    font-weight: 500;
}

/*------------------------------ Mobile App Cards ------------------------- */
.card-app {
    border: 1px solid #dddddd!important;
    border-radius: 5px;
    width: 300px; 
    height: fit-content;
    margin-left: auto;
    margin-right: auto;
    
    -webkit-box-shadow: 0px 12px 11px -12px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 12px 11px -12px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 12px 11px -12px rgba(34, 60, 80, 0.2);
}

.card-app .card-header {
}

.card-app .card-body {
    color: #182b3ae1;
}

.card-app .card-body .card-title {
    color: #d81010;
}

.card-app .card-body .card-text {
    font-size: 0.85em!important;
    line-height: 1.15em;
    letter-spacing: 0.015em;
    
}

.card-app .card-body .copy-field {
    width: 100%;
    border-radius: 0px;
    font-size: 0.85em;
    padding: 5px;
}

.card-app .card-body .copy-item .copy-btn {
    border-radius: 0px;
    width: 30px; height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}



.copy-btn svg{ width: 18px; height: 18px; }

.card-app .card-footer .btn-to {
    color: #ffffff;
    background-color: #2d83c5fb;
}

.card-app .card-footer .btn-to:hover {
    background-color: #124d7a;
}



/* ------------------------------ Accordion --------------------------------- */
.mb2-accordion  {
    color: #354c5c;
    font-weight: 300;

}