/* On small screens, set height to 'auto' for the grid */
@media screen and (max-width: 767px) {
    .row.content {height: auto;}
}


.navbar {
    margin-bottom: 0;
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(188, 205, 231, 1), rgba(40, 64, 106, 1));
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
}

.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
    font-size: 12px !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #f4511e !important;
    background: #2B3D5F !important;
}

.nav-tabs > li > a:hover {
    background-color: #35568D;
    color: #f4511e;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
    background-color: #35568D;
    color: #f4511e;
}

.navbar-button-tabs > li {
    float: right;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #35568D !important;
}

.navbar .dropdown-menu {
    background-color: #2B3D5F !important;
}

.bst-main .fyt-main-top {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(211, 203, 194, 1), rgba(125, 121, 116, 1));
}

.glyphicon-blue06 {
    color: #5C82BF;
}

.glyphicon-red {
    color: #9f191f;
}

.glyphicon-green {
    color: #00a157;
}

.text-bold {
    font-weight: bold;
}

.table-responsive {
    overflow-x: unset;
    margin-bottom: 30px;
}

.selectbox:after {
    width: 30px;
}

/*--- login ---*/
/*================= login scss ======================*/
.login-bg {
    background-image: url("../../images/login_bg.jpg");
}

/*--- Drozone ---*/
.dropzone {
    min-height:180px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 20px 20px;
    position:relative;
}


/*--- profile ---*/
/*================= userprofile scss ======================*/
.panel-heading-xs {
    color: #fff ;
    background-color: #5C82BF ;
    padding: 1px;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


/*--- loader ---*/
.bst-loader-wrap {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 60px;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 99999;
}

@keyframes color {
    100%,
    0% {
        stroke: #BCCDE7;
    }
    40% {
        stroke: #5C82BF;
    }
    66% {
        stroke: #28406A;
    }
    80%,
    90% {
        stroke: #d50000;
    }
}