#impulse_img{max-width:50px!important;max-height:50px!important;
    /* float:right!important; */
}

/* Fix sub-nav-item position start */
.sidebar .sidebar-wrapper .user .user-info [data-toggle=collapse]~div>ul>li>a i,
.sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a i {
    line-height: 30px;
}

/* Fix sub-nav-item position end */

/*Scrollable div start*/
.table-overflow-y-80-percent {
    height: calc(80vh);
    overflow-y: auto;
}

.table-overflow-y-80-percent thead th {
    position: sticky;
    top: 0;
    background-color: white;
}

/*Scrollable div end*/

/* Sidebar start */
.sidebar .nav li .dropdown-menu a,
.sidebar .nav li a {
    text-transform: unset;
}

.sidebar .nav .f-12 {
    font-size: 12px;
}

.sidebar .nav {
    margin-top: 0.3rem;
    display: block;
}

.sidebar .nav hr {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.input-group {
    width: 80%;
}

.sidebar .nav li .dropdown-menu a,
.sidebar .nav li a {
    margin-top: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 1em;
}

/* Sidebar end */

/* Fixing sidebar for small screen(whithout image background dark)*/
@media (max-width: 991px) {

    .off-canvas-sidebar nav .navbar-collapse:before,
    .sidebar:before {
        background-color: white;
    }
}

/*Fixing sidebar for small screen end*/

/* navbar fix start */
#navbarDropdownMenuLink p {
    display: block;
    margin-bottom: 0;
}

#navbarDropdownMenuLink p .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu a:active,
.dropdown-menu a:focus,
.dropdown-menu a:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 172, 193, .4);
    background-color: #00acc1;
    color: #fff;
}

/* navbar fix end */

/* content start */
.main-panel>.content {
    padding-top: 0;
}

.cursor_load:hover {
    cursor: wait;
}

a.disabled {
    cursor: not-allowed;
}

/* content end */


/* styles start */
.red_text,
.red_text:hover {
    color: red;
}

.small_text {
    font-size: 0.75rem;
}

.hide-me {
    display: none;
}

.overflow-x-auto {
    overflow-x: auto;
}

.black-text {
    color: #0d0e11;
}

.card-description,
.description,
.footer-big p {
    color: #0d0e11;
}

a,
a:hover,
a:visited {
    color: #3d7996;
}

.card {
    color: #0d0e11;
}

.subsection-tr {
    background-color: rgba(0, 0, 0, .05);
}

.overflow-y-auto {
    overflow-y: auto;
}

.calc-90 {
    height: calc(90vh);
}

.calc-80 {
    height: calc(80vh);
}

.card .card-body+.card-footer .stats,
.card .card-footer .stats {
    font-size: 1rem;
}

/*start search input*/
.form-control,
.is-focused .form-control {
    background-image: linear-gradient(0deg, #00acc1 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #00acc1 2px, rgba(156, 39, 176, 0) 0);
}

.bmd-form-group.is-focused .form-control,
.form-control:focus {
    background-size: 0 100%, 100% 100%;
}

/*end search input*/

.deleted {
    text-decoration: line-through;
}

/* styles end */

h1 {
    font-size: 1.2rem;
}

/* Исправление длинных h1, которые смещают кнопки справа в navbar */
.navbar-brand h1 {
    white-space: nowrap;
    /* Запрещаем перенос строк */
    overflow: hidden;
    /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis;
    /* Добавляем многоточие */
    margin-bottom: unset;

}

.navbar-wrapper {
    width: 60%;
}

.navbar-brand {
    width: 100%;
}

/* Исправление end */

/*прилипание кнопки-бургера на мобилах start*/
.navbar-toggler {
    position: fixed;
    right: 1rem;
    top: 1rem;
}

/*end*/

/*warning block start*/
.warning-block {
    border: 1px solid transparent;
    font-size: 1rem;
    text-align: center;
    background-color: #ce332f;
    border-color: #c87000;
    color: #fff;
    position: sticky;
    top: 0;
    z-index: 4;
    font-weight: bold;

}

.warning-block a {
    color: #1a0dab;
    font-weight: normal;
}

/*Исправление прилипания важного сообщения на мобилах*/
@media (max-width: 991px) {

    body,
    html {
        overflow-x: unset;
    }
}

/*end*/
.green {
    color: #2A884A;
}

.red {
    color: red;
}

.nav-link {
    font-weight: 700;
}

.nav-link.disabled {
    font-weight: normal;
}

/*Table with fix head start*/
.table-fix-head {
    overflow-y: auto;
    height: 100px;
}

.table-fix-head th {
    position: sticky;
    top: 0;
    background: #eee;
    border-collapse: collapse;
    width: 100%;
}

/*Table with fix head end*/


.bell {
    -webkit-animation: ring 4s .7s ease-in-out 1;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out 1;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out 1;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }

    1% {
        -webkit-transform: rotateZ(30deg);
    }

    3% {
        -webkit-transform: rotateZ(-28deg);
    }

    5% {
        -webkit-transform: rotateZ(34deg);
    }

    7% {
        -webkit-transform: rotateZ(-32deg);
    }

    9% {
        -webkit-transform: rotateZ(30deg);
    }

    11% {
        -webkit-transform: rotateZ(-28deg);
    }

    13% {
        -webkit-transform: rotateZ(26deg);
    }

    15% {
        -webkit-transform: rotateZ(-24deg);
    }

    17% {
        -webkit-transform: rotateZ(22deg);
    }

    19% {
        -webkit-transform: rotateZ(-20deg);
    }

    21% {
        -webkit-transform: rotateZ(18deg);
    }

    23% {
        -webkit-transform: rotateZ(-16deg);
    }

    25% {
        -webkit-transform: rotateZ(14deg);
    }

    27% {
        -webkit-transform: rotateZ(-12deg);
    }

    29% {
        -webkit-transform: rotateZ(10deg);
    }

    31% {
        -webkit-transform: rotateZ(-8deg);
    }

    33% {
        -webkit-transform: rotateZ(6deg);
    }

    35% {
        -webkit-transform: rotateZ(-4deg);
    }

    37% {
        -webkit-transform: rotateZ(2deg);
    }

    39% {
        -webkit-transform: rotateZ(-1deg);
    }

    41% {
        -webkit-transform: rotateZ(1deg);
    }

    43% {
        -webkit-transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0);
    }

    1% {
        -moz-transform: rotate(30deg);
    }

    3% {
        -moz-transform: rotate(-28deg);
    }

    5% {
        -moz-transform: rotate(34deg);
    }

    7% {
        -moz-transform: rotate(-32deg);
    }

    9% {
        -moz-transform: rotate(30deg);
    }

    11% {
        -moz-transform: rotate(-28deg);
    }

    13% {
        -moz-transform: rotate(26deg);
    }

    15% {
        -moz-transform: rotate(-24deg);
    }

    17% {
        -moz-transform: rotate(22deg);
    }

    19% {
        -moz-transform: rotate(-20deg);
    }

    21% {
        -moz-transform: rotate(18deg);
    }

    23% {
        -moz-transform: rotate(-16deg);
    }

    25% {
        -moz-transform: rotate(14deg);
    }

    27% {
        -moz-transform: rotate(-12deg);
    }

    29% {
        -moz-transform: rotate(10deg);
    }

    31% {
        -moz-transform: rotate(-8deg);
    }

    33% {
        -moz-transform: rotate(6deg);
    }

    35% {
        -moz-transform: rotate(-4deg);
    }

    37% {
        -moz-transform: rotate(2deg);
    }

    39% {
        -moz-transform: rotate(-1deg);
    }

    41% {
        -moz-transform: rotate(1deg);
    }

    43% {
        -moz-transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

/* spinner start */
.loader {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #555;

    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  /* spinner end */

.url-block {
    background-color: #e6e6e6;
    border-radius: 5px;
    font-size: 1.2em;
    padding: 1%;
}
.example-response-block {
    background-color: #e6e6e6;
    border-radius: 5px;
    font-size: 0.8em;
    padding: 1%;
    line-height: normal;
}