/*
 * Author: Carlos Alvarez
 * URL: http://alvarez.is
 *
 * Project Name: SPOT - Free Bootstrap 3 Theme
 * Version: 1.0
 * URL: http://blacktie.co
 */

/* FONTS */

@font-face {
    font-family: 'Roboto-Thin';
    src: url('Roboto-Thin.eot');
    src: url('Roboto-Thin.eot?#iefix') format('embedded-opentype');
    src: url('Roboto-Thin.woff') format('woff');
    src: url('Roboto-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('Roboto-Black.eot');
    src: url('Roboto-Black.eot?#iefix') format('embedded-opentype');
    src: url('Roboto-Black.woff') format('woff');
    src: url('Roboto-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url('Roboto-BlackItalic.eot');
    src: url('Roboto-BlackItalic.eot?#iefix') format('embedded-opentype');
    src: url('Roboto-BlackItalic.woff') format('woff');
    src: url('Roboto-BlackItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('Roboto-Bold.eot');
    src: url('Roboto-Bold.eot?#iefix') format('embedded-opentype');
    src: url('Roboto-Bold.woff') format('woff');
    src: url('Roboto-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Condensed';
    src: url('Roboto-Condensed.eot');
    src: url('Roboto-Condensed.eot?#iefix') format('embedded-opentype');
    src: url('Roboto-Condensed.woff') format('woff');
    src: url('Roboto-Condensed.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-CondensedItalic';
    src: url('Roboto-CondensedItalic.eot');
    src: url('Roboto-CondensedItalic.eot?#iefix') format('embedded-opentype');
    src: url('Roboto-CondensedItalic.woff') format('woff');
    src: url('Roboto-CondensedItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('Roboto-Regular.eot');
    src: url('Roboto-Regular.eot?#iefix') format('embedded-opentype');
    src: url('Roboto-Regular.woff') format('woff');
    src: url('Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('Roboto-Light.eot');
    src: url('Roboto-Light.eot?#iefix') format('embedded-opentype');
    src: url('Roboto-Light.woff') format('woff');
    src: url('Roboto-Light.ttf') format('truetype');
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

@-moz-document url-prefix(http://), url-prefix(https://) {
    scrollbar {
        -moz-appearance: none !important;
        background: rgb(0, 255, 0) !important;
    }
    thumb, scrollbarbutton {
        -moz-appearance: none !important;
        background-color: rgb(0, 0, 255) !important;
    }

    thumb:hover, scrollbarbutton:hover {
        -moz-appearance: none !important;
        background-color: rgb(255, 0, 0) !important;
    }

    scrollbarbutton {
        display: none !important;
    }

    scrollbar[orient="vertical"] {
        min-width: 15px !important;
    }
}

/* OVERALL ASPECT */

html {
    /*min-width: 1368px;*/
    /*width: 1380px;*/
}

body {
    /*background-color: #f1f4f7;*/
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 13px;
    line-height: 24px;
    color: #77848f;

    scrollbar-base-color: #C0C0C0;
    scrollbar-base-color: #C0C0C0;
    scrollbar-3dlight-color: #C0C0C0;
    scrollbar-highlight-color: #C0C0C0;
    scrollbar-track-color: #EBEBEB;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #C0C0C0;
    scrollbar-dark-shadow-color: #C0C0C0;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

/* Titles */
h1, h2 {
    font-family: 'Roboto-Light', sans-serif;
    color: #041f2c;
}

h3, h4, h5, h6 {
    font-family: 'Roboto-Light', sans-serif;
    color: #326280;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 24px;
    line-height: 32px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

h1,
h2,
h3 {
    margin-top: 0px;
    margin-bottom: 25px;
}

/* Paragraph & Typographic */
p {
    line-height: 180%;
    margin-bottom: 25px;
}

ul, ol {
    margin-bottom: 25px;
}

.container {
    min-width: 1250px;
    max-width: 1300px;
}

.centered {
    text-align: center;
}

/* Links */
a {
    color: var(--color-button-link);
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: var(--color-button-link);
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

/* SCROLL */
/*::-webkit-scrollbar {*/
/*width: 5px;*/
/*}*/

/*::-webkit-scrollbar-track {*/
/*background-color: #eaeaea;*/
/*border-left: 1px solid #ceced0;*/
/*margin-right: 2px;*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
/*background-color: #ccc;*/
/*}*/

/*::-webkit-scrollbar-thumb:hover {*/
/*background-color: #ceced0;*/
/*}*/

/**********/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.pointer {
    cursor: pointer;
}

.navbar {
    margin-bottom: 0;
    border: 0px solid;
}

.navbar-inverse {
    font-weight: 400;
    font-size: 13px;
    height: initial;
    background-color: var(--color-header-menu);
    border-bottom: 2px solid var(--color-button-link);
}

.navbar-inverse .navbar-header{
    width: 82px;
    float: left;
}

.navbar-header .bct-logo {
    height: 74px;
    padding: 10px;
}

.navbar-header .bct-logo img{
    max-height: 100%;
}

.navbar-inverse .navbar-header.logo-with-text {
    min-width: 82px;
    max-width: 316px;
    width: unset!important;
}
.navbar-header.logo-with-text .navbar-brand {
    font-weight: 400!important;
}
.navbar-header.logo-with-text .navbar-brand:hover {
    color: #999999!important;
}
.navbar-header.logo-with-text .navbar-brand.bct-logo img {
    display: inline-block;
    vertical-align: middle;
}
.navbar-header.logo-with-text .navbar-brand.bct-logo span {
    display: inline-block;
    vertical-align: middle;
}

.navbar-menu {
    /*background: #d2d9dc;*/
    /*border-color: #d2d9dc;*/
    /*margin-top: 76px;*/
    min-height: initial;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-menu .navbar-nav > .active > a {
    background: #fff;
}

.navbar-menu ul li a {
    padding-top: 18px;
    font-size: 16px;
    line-height: 27px;
}

.navbar-inverse .navbar-collapse{
    display: block;
}

.navbar-inverse .navbar-brand {
    color: var(--color-button-link);
    font-weight: bolder;
    font-size: 22px;
    letter-spacing: 1px;
}

.navbar-inverse .navbar-brand i {
    color: #ff7878;
    font-size: 22px;
    letter-spacing: 1px;
}

/*TILT*/
.tilt {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tilt:hover {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

/* ==========================================================================
   Wrap Sections
   ========================================================================== */

#headerwrap {
    /*background: url(./header-bg.jpg) no-repeat center top;*/
    /*background: url(./header-waves-bg.png) no-repeat center top;*/
    background-color: #40a5fc;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    /*min-height: 512px;*/
    /*min-height: 454px;*/
    min-height: 162px;
    width: 100%;
    color: #fff;
    font-size: 40px;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerwrap .line-one-block-left, #headerwrap .line-one-block-right {
    height: 100%;
    /*min-height: 285px;*/
}

#headerwrap .background-opacity {
    background-image: url(/img/pixel-40-black.png);
    background-position: right top;
    background-repeat: repeat;
}

#headerwrap .background-opacity2 {
    background-image: url(/img/pixel-60.png);
    background-position: right top;
    background-repeat: repeat;
}

#headerwrap div.line-one-block-wrapper {
    padding: 0px 25px 0px 0;
    height: 100%;
}

#headerwrap div.line-one-block {
    /*height: 100%;*/
    height: 450px;
    /**/
    /*border-radius: 4px;*/
    border-radius: 7px;
    padding: 21px 30px 30px 30px;
}

#headerwrap div.line-one-block-2 {
    height: 197px;
}

#headerwrap .vl-offering-param {
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    height: 35px;
    line-height: 100px;
}

#headerwrap .vcenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#headerwrap .vl-text {
    font-size: 22px;
    font-weight: 300;
    height: 140px;
    vertical-align: middle;
    text-align: center;
    padding-top: 60px;
}

#headerwrap .countdown-container {
    height: 135px;
    width: 100%;
    text-align: center;
}

#headerwrap .countdown-container .countdown {
    width: 100%;
    text-align: center;
}

#headerwrap .countdown-container .countdown .timeTo {
    font-size: 50px;
    line-height: 108%;
    height: 100px;
    width: 100%;
    text-align: center;
}

#headerwrap .countdown-container .timeTo figure {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 58px !important;
    text-align: center;
    vertical-align: top;
    font-weight: 100;
    color: #3bd3fe;
    margin: 0 -5px;
}

#headerwrap .countdown-container .timeTo figure div {

}

#headerwrap .countdown-container .countdown .timeTo figcaption {
    text-align: center;
    line-height: 80%;
    font-weight: normal;
    color: #ffffff;
    font-size: 15px;
    vertical-align: middle;
    text-transform: uppercase;
}

#headerwrap .countdown-container .countdown .timeTo.timeTo-white div {
    color: #3bd3fe;
    background: none;
}

#headerwrap .action-button-container .action-button {
    font-size: 16px;
    width: 190px;
    cursor: pointer;
    background-color: #d9534f;
}

#headerwrap .vl-info {
    max-height: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
}

#headerwrap .vl-countdown {
    margin: 20px auto;
    text-align: center;
}

#headerwrap .velocity-logo-container {
    text-align: center;
    height: 120px;
}

#headerwrap .velocity-logo-container img {
    height: auto;
    width: 235px;
}

#headerwrap .velocity-logo-container2 {
    text-align: center;
    height: 254px;
    line-height: 304px;
    margin-top: 10px;
}

#headerwrap .velocity-logo-container3 {
    background-position: right top;
    background-repeat: repeat;
    background-color: #fff;
    border-radius: 4px;
    width: 90%;
    margin: 0 auto;
    padding: 10px;
}

#headerwrap .velocity-logo-container2 img {
    height: auto;
    /*width: 155px;*/
    width: 180px;
}

#headerwrap .text {
    height: 310px;
}

#headerwrap .text div.textbox h1 span {
    display: block;
}

#headerwrap .text div.textbox * {
    padding-top: 15px;
    font-family: 'Roboto-Thin', sans-serif;
}

#headerwrap .text div.textbox h1 {
    padding: 10px 20px;
}

#headerwrap .text div.textbox div:nth-child(2) {
    padding-bottom: 0px;
}

#headerwrap .text div.textbox h1 {
    font-size: 45px;
    text-align: center;
    padding: 0px;
    line-height: 81px;
    padding-top: 55px;
    color: #fff;
}

#headerwrap.information {
    background: transparent url(./transparent-dark.png);
    height: 200px;
    /*padding-top: 70px;*/
}

/*#headerwrap */
.information div ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

/*#headerwrap*/
.information div ul li {
    float: left;
    position: relative;
    display: inline;
    width: 25%;
}

#r {
    background: #374249;
    padding-top: 35px;
    padding-bottom: 35px;
}

#r h4 {
    color: white;
    font-weight: 400;
}

#r p {
    color: white;
}

/* Footer Wrap */
#f {
    background-color: #041f2c;
    padding-top: 26px;
    padding-bottom: 26px;
    color: #fff;

}

#f i {
    color: #bdbdbd;
    font-size: 30px;
    padding: 20px;
}

#f i:hover {
    color: #ff7878;
}

/****** SECTIONS *****/
.g {
    background-color: #f1f4f7;
    padding: 35px 0px;
}

.w {
    background-color: #fff;
}

.statistiks {
    height: 312px;
}

.wb {
}

/* ==========================================================================
   Pricing Tables
   ========================================================================== */

.pricing-option {
    padding-bottom: 40px;
}

.pricing-option .pricing-top {
    position: relative;
    background: #222;
    color: white;
    text-align: center;
    font-weight: bold;

    padding: 40px 20px 30px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pricing-option .pricing-top .special-label {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #1abc9c;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 0;
}

.special .pricing-top {
    background: black;
}

.pricing-option .pricing-edition {
    text-transform: uppercase;
    display: block;
    font-size: 25px;
    letter-spacing: 8px;
}

.pricing-option .price {
    display: inline-block;
    position: relative;
}

.pricing-option .price sup {
    position: absolute;
    top: 50px;
    left: -10px;
    font-size: 24px;
}

.pricing-option .price .price-amount {
    font-size: 108px;
    letter-spacing: -4px;
}

.pricing-option .price small {
    position: relative;
    left: -10px;
    font-size: 18px;
}

.pricing-option ul {
    list-style: none;
    margin: 0;
    background: #eee;
    text-align: center;
    padding-left: 0px;
}

.pricing-option ul li {
    border-bottom: solid 1px #e1e1e1;
    padding-top: 20px;
    padding-bottom: 20px;
}

.pricing-option .pricing-signup {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 10px;
    color: white;
    background: #1abc9c;
}

.pricing-option .pricing-signup:hover {
    background: #ff7878;
}

.nav > li > div {
    position: relative;
    display: block;
    line-height: 33px;
    margin: 10px 15px;
}

.nav > li > div.search,
.select-custom {
    border-bottom: 1px #384c56 solid;
}

.nav > li > div.search {
    line-height: normal;
}

.nav > li > div.search input {
    background-color: transparent;
    border: none;
    font-style: italic;
    color: #939aa0;
    width: 250px;
    line-height: 33px;
}

.nav > li > div.search input:focus, .nav > li > div.search button:focus {
    outline: -webkit-focus-ring-color auto 0px;
    outline-offset: 0px;
}

.nav > li > div.search button {
    background-color: transparent;
    border: none;
    position: relative;
}

.select-custom {
    margin: 0px 10px;
    padding: 0px 10px;
    min-width: 130px;
}

.select-custom ul {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    min-width: 200px;
    list-style-type: none;
    top: auto;
    left: auto;
}

.select-custom ul li {
    line-height: normal;
}

.box-secondary .box-secondary-item .box-secondary-item-title .select-custom .glyphicon {
    font-size: 12px;
}

.box-secondary .box-secondary-item .box-secondary-item-title .select-custom ul.dropdown-menu li {
    font-size: 13px;
}

.box-secondary .box-secondary-item .box-secondary-item-title .select-custom .pull-right {
    margin-top: -3px;
}

.box-secondary .box-secondary-item {
    margin-top: 20px;
}

.box-secondary .box-secondary-item .col-lg-12 {
    padding: 0px;
}

.box-secondary .box-secondary-item .col-lg-12 .table > thead > tr > th,
.box-secondary .box-secondary-item .col-lg-12 .table > tbody > tr > td {
    padding: 8px;
}

.profile > li > div {
    line-height: 20px;
    margin: 0;
    /*width: 150px;*/
    text-align: center;
}

.profile > li > div.name {
    color: #dadbdd;
    text-align: right;
}

.profile > li > div.position {
    color: var(--color-button-link);
    text-align: right;
}

.sosial li div {
    color: #d2d9dc;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #40a5fc;
    border-radius: 15px;
}

.information .box-right-icon {
    background-color: #041f2c;
}

.box-right-icon {
    /*width: 268px;*/
    width: 288px;
    height: 74px;
    margin: auto;
}

.box-right-icon > div:first-child {
    /*width: 187px;*/
    width: 214px;
    float: left;
}

.box-right-icon > div:last-child {
    padding: 20px;
}

.box-right-icon > div:last-child {
    width: 74px;
    height: 74px;
    float: right;
    overflow: hidden;
}

.box-right-icon div:first-child div:first-child {
    color: #fff;
    font-size: 16px;
    line-height: 33px;
}

.box-right-icon div:first-child div:last-child {
    color: #68b1de;
    font-size: 24px;
    line-height: 25px;
    font-family: 'Roboto-Light', sans-serif;
}

.box-right-icon-first {
    /*border: 1px #f7c24e solid;*/
    border: none;
}

.box-right-icon-first > div:last-child,
.box-top-icon .box-top-icon-first {
    background-color: #f7c24e;
}

.box-right-icon-first {
    /*border: 1px #f7c24e solid;*/
    border: none;
}

.box-right-icon-second {
    /*border: 1px #7fb9ce solid;*/
    border: none;
}

.box-right-icon-second > div:last-child,
.box-top-icon .box-top-icon-second {
    background-color: #7fb9ce;
}

.box-right-icon-third {
    /*border: 1px #92aab9 solid;*/
    border: none;
}

.box-right-icon-third > div:last-child,
.box-top-icon .box-top-icon-third {
    background-color: #92aab9;
}

.box-right-icon-fourth {
    /*border: 1px #9db8c8 solid;*/
    border: none;
}

.box-right-icon-fourth > div:last-child,
.box-top-icon .box-top-icon-fourth {
    /*background-color: #9db8c8;*/
    border: none;
}

.box-right-icon-first > div:last-child,
.box-top-icon .box-top-icon-first,
.box-right-icon-second > div:last-child,
.box-top-icon .box-top-icon-second,
.box-right-icon-third > div:last-child,
.box-top-icon .box-top-icon-third,
.box-right-icon-fourth > div:last-child,
.box-top-icon .box-top-icon-fourth {
    background-color: #d2d9dc;
}

.box-primary .box-primary-item,
.box-primary-light {
    padding: 0px;
    margin: 0px 15px;
    background-color: #fff;
}

.box-shadow,
.box-primary .box-primary-item,
.box-primary-light {
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
}

.box-primary .padding,
.box-primary-light {
    padding: 15px;
}

.box-primary h3 {
    margin: 10px;
    color: #326280;
}

.box-primary p {
    text-align: justify;
}

.box-primary .icon {
    padding: 15px 0px;
    min-height: 130px;
}

.box-primary .text {
    padding: 15px 0px;
    height: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-primary button.detail {
    margin-bottom: 15px;
}

.box-secondary:first-child {
    margin-top: 0px;
}

.box-secondary:last-child {
    margin-top: 0px;
}

.box-secondary .box-secondary-item .data,
.box-secondary-light {
    background-color: #fff;
    padding: 15px;
}

.box-secondary .box-secondary-item h3 {
    margin-bottom: 0px;
}

.box-secondary .box-secondary-item .data h4 {
    margin-top: 0px;
}

.box-secondary .box-secondary-item h3,
.box-secondary .box-secondary-item .box-secondary-item-title,
.box-secondary .box-secondary-item .box-secondary-item-title .select-custom * {
    font-size: 24px;
}

.box-secondary .box-secondary-item .box-secondary-item-title {
    font-family: 'Roboto-Light', sans-serif;
    margin: 10px 10px;
}

.box-secondary .box-secondary-item .box-secondary-item-title div * {
    font-size: 13px;
}

.box-secondary .news .box-secondary-item-title {
    padding-left: 70px;
    background: url('./icon-news.png') 10px 0px no-repeat;
    line-height: 43px;
}

.box-secondary .box-secondary-item-title .h3 {
    line-height: 43px;
}

.box-secondary .news .data-line div:first-child,
.box-secondary .news .data-line div:last-child {
    padding-right: 3px;
    padding-left: 3px;
}

.box-secondary .symbol .box-secondary-item-title {
    padding-left: 70px;
    background: url('./icon-symbol.png') 10px 0px no-repeat;
    line-height: 43px;
}

.box-secondary .symbol .box-secondary-item-title div:last-child * {
    font-size: 13px;
}

.box-secondary .data .data-line > .datetime {
    color: #858b8f;
}

.box-secondary .new .data .data-line .title {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-secondary .new .data .data-line .title > a {
    color: #40a5fc;
}

.box-secondary .data .data-line > .author .name {
    font-weight: bold;
}

.box-secondary .data .data-line {
    margin: 10px 0px;
    padding-bottom: 10px;
    border-bottom: 1px #e6e6eb solid;
}

.box-secondary .data .data-line:last-child {
    border-bottom: none;
}

.box-secondary .data .buttons {
    text-align: center;
}

.btn-newedit,
.battons_default, /**  need to remove after fix in all used content */
.buttons_forms_default,
button.detail {
    background-color: #40a5fc;
}

.btn-newedit,
.battons_default, /**  need to remove after fix in all used content */
.buttons_forms_default,
button.detail,
.btn-success,
button.detail_secondary {
    /*background-color: #40a5fc;*/
    /*line-height: 40px;*/
    /*padding: 0px 15px;*/
    /*color: #fff;*/
    /*border: none;*/
    /*font-size: 12px;*/
    min-width: 130px;
    border-radius: 10px;
    background: var(--color-button-link);
    box-shadow: 0 0.5px 1px #00000047;
    border: none;
    font-weight: bold;
    font-size: 12px !important;
    text-align: center;
    color: #fff;
    padding: 7px 28px;
    width: initial;
    height: initial;
    line-height: 23px;
}
button.detail.detail-outline {
    background: #fff;
    border: 1px solid var(--color-button-link);
    color: var(--color-button-link);
}

.btn-newedit-narrow {
    min-width: 86px!important;
    padding: 7px 0!important;
}


.climate_compliance_onboarding_btns .buttons_forms_default {
    min-width: 90px;
    width: initial;
}

.buttons_forms_default {
    min-width: 90px;
    width: 129px;
}

button.detail_secondary,
button.detail_secondary:focus,
button.detail_secondary:active:focus {
    background-color: #f7c24e;
    color: #505558;
}

.btn-newedit:hover,
.battons_default:hover, /**  need to remove after fix in all used content */
.buttons_forms_default:hover,
button.detail:hover, button.detail:active, button.detail.active:hover, button.detail.active:focus, button.detail:focus, button.detail.active,
button.detail:active:focus {
    background-color: #153a48;
    color: #fff;
}
button.detail.detail-outline:hover, button.detail.detail-outline:active, button.detail.detail-outline.active:hover,
button.detail.detail-outline.active:focus, button.detail.detail-outline:focus, button.detail.detail-outline.active,
button.detail.detail-outline:active:focus {
    border-color: #153a48;
}

button.detail:disabled, button.detail:disabled:hover {
    background-color: #dddddd;
    color: #505558;
    cursor: not-allowed;
}

button.detail_secondary:hover, button.detail_secondary:focus, button.detail_secondary.active {
    background-color: #fbc85a;
}

.nav > label {
    position: relative;
    display: block;
    padding: 10px 15px;
    float: left;
    margin-bottom: -1px;
    cursor: pointer;
}

.nav > label.active {
    cursor: pointer;
}

/*
.tabs-private {
    height: 56px;
}

.tabs-private .nav-tabs {
    font-size: 24px;
    font-family: 'Roboto-Light', sans-serif;
    margin-bottom: 2px;
}

.tabs-private.normal .nav-tabs {
    font-size: 16px;
}

.tabs-private-extend .nav-tabs {
    font-size: 18px;
}

.tabs-private .nav-tabs > li.active > a {
    background-color: transparent;
}

.tabs-private form#typeform .nav-tabs {
    margin-bottom: 13px;
}

.tabs-private form#typeform .nav-tabs input[type="radio"] {
    display: none;
}

.tabs-private .nav-tabs > li > a,
.tabs-private .nav-tabs label {
    border: 0px solid;
    border-bottom: transparent 2px solid;
    padding-right: 25px;
}

.tabs-private .nav-tabs > li.active > a,
.tabs-private .nav-tabs > li.active > a:hover,
.tabs-private .nav-tabs > li.active > a:focus,
.tabs-private .nav-tabs label.active,
.tabs-private .nav-tabs label.active:hover,
.tabs-private .nav-tabs label.active:focus {
    color: #4c94c1;
    border: 0px solid;
    border-bottom: #f7c24e 2px solid;
    background-color: transparent;
    padding-right: 25px;
}

.tabs-private .nav > li > a:hover,
.tabs-private .nav > li > a:focus,
.tabs-private .nav-tabs label:hover,
.tabs-private .nav-tabs label:focus {
    background-color: transparent;
    border: 0px solid;
    border-bottom: #4c94c1 2px solid;
}
*/

.nav-tabs > li > a:hover {
    border-color: #fff #fff #fff;
}

.symbol .data-line .text {
    padding-top: 20px;
}

.symbol .data-line .detail {
    margin-top: 23px;
}

.symbol #img_small {
    margin-right: 10px;
}

/************************************************************/
/*  bhoechie tab */
div.bhoechie-tab-container {
    padding: 20px;
    height: 312px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 25px;
    border-right: 2px solid #f1f4f7;
    height: 312px;
}

div.bhoechie-tab-menu div.list-group {
    margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group > div {
    margin-bottom: 0;
}

#market_total div.bhoechie-tab-menu div.list-group div.list-group-item {
    padding-left: 35px;
}

div.bhoechie-tab-menu div.list-group div.list-group-item {
    line-height: 45px;
    border: none;
}

#gridster div.bhoechie-tab-menu div.list-group div.list-group-item {
    line-height: 25px;
}

div.bhoechie-tab-menu div.list-group div.list-group-item span {
    line-height: 20px;
}

div.bhoechie-tab-menu div.list-group div.list-group-item {
    cursor: pointer;
    font-size: 15px;
    padding-left: 23px;
}

div.bhoechie-tab-menu .list-group-total {
    margin-bottom: 40px;
    margin-top: 10px;
}

div.bhoechie-tab-menu .list-group-title div,
div.bhoechie-tab-menu div.list-group div.list-group-item div,
div.bhoechie-tab-menu .list-group-total div {
    padding: 3px;
}

div.bhoechie-tab-menu div.list-group > div .glyphicon,
div.bhoechie-tab-menu div.list-group > div .fa {
    color: #306180;
}

div.bhoechie-tab-menu div.list-group > div:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group > div:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group > div.active,
div.bhoechie-tab-menu div.list-group > div.active .glyphicon,
div.bhoechie-tab-menu div.list-group > div.active .fa {
    background-color: #f1f4f7;
    color: #40a5fc;
}

div.bhoechie-tab-menu div.list-group > div.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -37px;
    border-right: 0;
    border-bottom: 37px solid transparent;
    border-top: 37px solid transparent;
    border-left: 17px solid #f1f4f7;
}

div.bhoechie-tab-content h3 {
    padding: 0;
    margin: 0;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}

#gridster div.bhoechie-tab-menu {
    height: auto;
    border: 0;
    padding: 0px 15px;
}

#gridster div.bhoechie-tab-menu div.list-group {
    text-align: center;
}

#gridster div.bhoechie-tab-menu div.list-group div.list-group-item {
    display: inline-block;
    font-size: inherit;
    padding-left: 7px;
    padding-right: 7px;
}

#gridster div.bhoechie-tab-menu div.list-group > div.active:after {
    content: unset;
}

#gridster div.bhoechie-tab-container {
    height: auto;
    padding: 0;
}

#gridster div.bhoechie-tab-content div.dataTables_wrapper {
    padding-right: 15px;
}

/************************************************************/

.collapse > .nav > li > a > .fa:before,
.collapse > .nav > li > div.not-allowed > .fa:before {
    margin-right: 10px;
    font-size: 20px;
}

li.register_login > a,
li.register_login > div.not-allowed {
    line-height: 30px;
}

li.register_login > div.not-allowed {
    cursor: not-allowed;
    margin: 0;
}

li.register_login {
    float: left;
}

ul.profile > li > a {
    padding: 0 0 7px;
}

ul.profile {
    width: 100%;
    cursor: pointer;
    display: flex;
    list-style-type: none;
    padding: 0;
}

ul.profile > li:first-child{
    padding: 0 15px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.navbar-inverse .navbar-right {
    /*margin-right: 0;*/
    float: right;
    margin: 0;
}

.navbar-inverse .navbar-right > li > a,
.navbar-inverse .navbar-right > li > div.not-allowed {
    padding: 22px 13px;
}

.social_link_twitter {
    display: inline-block;
    position: absolute;
    height: 30px;
    width: 30px;
    margin: 0px 0px 0px -22px;
}

/*.box-secondary .symbol_data_block, .box-secondary .edgar_data_block {*/
/*min-height: 620px;*/
/*}*/

.box-secondary .data .datas {
    min-height: 660px;
    overflow: hidden;
}

.box-secondary .edgar_data_block .title {
    height: 50px;
    overflow: hidden;
}

.box-secondary .data .button-back {
    text-align: left;
}

label.radio-inline {
    line-height: 20px;
}

.dropdown-menu {
    margin: 0px;
}

.dropdown-menu {
    top: 61px;
    border: 0px solid;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.34);
}

.nav > li > div.user-menu {
    /*width: 265px;*/
    margin: 17px 0 17px 25px;
}

.header_search_results {
    display: block;
    width: 100%;
}

#wrapper {
    padding-bottom: 76px;
    padding-top: 76px;
    min-height: 100%;
    height: auto !important;
}

table.most_active thead th:nth-child(1),
table.order_totals thead th:nth-child(1),
table.advancers thead th:nth-child(1),
table.decliners thead th:nth-child(1) {
    text-align: left;
}

table.most_active thead th,
table.order_totals thead th,
table.advancers thead th,
table.decliners thead th {
    text-align: center;
}

/*.inner_page {*/
/*    padding-bottom: 40px;*/
/*}*/

/************** FOOTER ALWAYS ON THE BOTTOM **********************/

html {
    height: 100%;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    position: relative;
    margin: 0;
    height: inherit;
}

#f {
    /*position: absolute;*/
    width: 100%;
    bottom: 0;
    background: #333a45;
    margin-top: -76px;
}

/****************************************************************/
.user-menu .dropdown-menu {
    top: 50px;
}

.navbar-right > .sosial > li > div,
.navbar-right > .sosial > li > a {
    margin-top: 13px;
    margin-bottom: 13px;
}

.information_block {
    padding-top: 15px;
}

.box-top-icon ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.box-top-icon ul li {
    float: left;
    position: relative;
    display: inline;
    text-align: center;
}

.box-top-icon img {
    height: 25px;
}

.box-top-icon ul li {
    padding-right: 1px;
}

.box-top-icon ul li div {
    min-width: 57px;
    padding: 0px 3px;
}

.box-top-icon ul li div > div:first-child {
    height: 36px;
    padding: 7px 10px 0px 10px;
}

.box-top-icon .box-top-icon-first {

}

.symbol .data-line p {
    padding-left: 135px;
}

.table > tbody > tr > td:first-child, .table > tbody > tr > td:last-child {
    padding-left: 23px;
    padding-right: 23px;
}

.symbol .readmore {
    min-height: 70px;
    display: flex;
    align-items: flex-end;
    /*padding-bottom: 5px;*/
}

.symbol_item {
    margin-top: 5px;
    margin-bottom: 5px;
    /*line-height: 35px;*/
    display: flex;
    align-items: center;
    line-height: normal;
}

.symbol_item label {
    margin-bottom: 0px;
}

h1 {
    font-size: 40px;
    margin-top: 0px;
    margin-bottom: 35px;
    color: #041f2c;
}

p {
    margin-bottom: 20px;
    text-align: justify;
}

.breadcrumb {
    margin-bottom: 0px;
    padding: 20px 0px;
    background-color: transparent;
}

.inner_page .fa:before {
    color: #579ac5;
}

.contact-page-icons {
    line-height: 30px;
}

.form-control,#wrapper .select2-container .select2-choice {
    /*border-radius: 0px;*/
    /*font-size: 13px;*/
    /*line-height: 17px;*/

    display: block;
    width: 100%;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    color: #212529;
    background-color: #fff;
    border-radius: 6px !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--color-button-link);
    box-shadow: initial;
}
#wrapper .select2-container .select2-choice .select2-chosen{
    line-height: 27px;
    color: #212529;
}

.select2-drop-active {
    border: 1px solid var(--color-button-link) !important;
    border-top: none !important;
    padding-top: 4px !important;
    margin-top: -4px !important;
}

.select2-drop-active.select2-drop-above {
    border-top: 1px solid var(--color-button-link) !important;
    border-bottom: none !important;
    padding-top: 0 !important;
    margin-top: 4px !important;
}
.select2-search input{
    max-height: 26px;
}


/************DELETE*************/
.search .dropdown-menu {
    top: 48px;
}

.contour {
    padding: 1px;
    margin-bottom: 20px;
}

.full_width {
    width: 100%;
}

.contour {
    padding: 1px;
    margin-bottom: 20px;
}

.btn-group-vertical button {
    border-radius: 0 0 0 0;
    padding-left: 0;
    padding-right: 0;
}

.login_form, .change_psss_form, .email_verification_form{
    margin: 25px auto;
    max-width: 450px;
    padding: 15px;
}
.sign_up_form {
    margin: 25px auto;
    max-width: 850px;
    padding: 15px;
}

.login_form .alert, .sign_up_form .alert, .change_psss_form .alert, .email_verification_form .alert{
    border-radius: 6px !important;
    margin-top: 15px !important;
    margin-bottom: 0;
}

#form-login input+input+.alert {
    margin-top: 0 !important;
}

.form-login > p{
    margin-bottom: 0;
}

.g-recaptcha{
    overflow: hidden;
}

.g-recaptcha > div{
    margin: 0 auto;
}

.login_form a:not(.btn-newedit):not(.btn-link):not([data-toggle="tab"]), .sign_up_form a:not(.btn-newedit):not(.btn-link):not([data-toggle="tab"]){
    color: var(--color-button-link);
}

.home-form-title{
    background-color: var(--color-widget-form);
    padding: 10px 20px;
    font-size: 17px;
    color: #fff;
    border-radius: 6px 6px 0 0;
    line-height: 1.2;
}

.newuser .register_flex_row{
    display: flex;
    align-items: flex-end;
}

.newuser .calendar_input{
    border-radius: 6px 0 0 6px !important;
    border-right: initial;
}

.newuser  .input-group-addon{
    border: 1px solid var(--color-button-link);
    border-left: 1px solid #aaa;
    border-radius: 0 6px 6px 0;
    padding: 5px 12px;
}

.newuser .register_flex_row .register_flex_left{

}

.newuser .register_flex_row .register_flex_right{
    padding-left: 0;
}

.sign_up_form .newuser, .login_form .form-login,.change_psss_form .form-change_psss,.email_verification_form .form-email_verification{
    border: 1px solid #707070;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 0 0 6px 6px;
    padding: 20px;
    background: #fff;
}

.email_verification_form #email_verify_resend{
    margin-top: 15px;
    text-align: center;
}

.sign_up_form .newuser .actions.form-group{
    margin-bottom: 0;
    text-align: center;
}


.inner_page .table > tbody > tr > td {
    padding: 9px 4px;
    font-size: 12px;
    vertical-align: middle;
}

#mydoneitersts > tbody > tr > td:nth-child(-n+9) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*border: 1px solid red;*/
    max-width: 75px;
}

.inner_page .table > thead > tr > th {
    text-transform: uppercase;
    padding: 15px 4px 8px 4px;
    font-size: 11px;
}

.inner_page .table > thead > tr > th.font-size-12 {
    text-transform: uppercase;
    padding: 15px 4px 8px 4px;
    font-size: 12px;
}

form .btn-group label, form .btn-group label:focus, form .btn-group label:active, form .btn-group label:hover, form .btn-group label.active, form .btn-group label.active:hover,
form .btn-group .btn-default.active:hover, form .btn-group .btn-default:hover {
    border: none;
    border-radius: 0px;
    color: #fff;
    outline: none;
    box-shadow: none;
}

.buy_btn, .bid_color {
    background-color: #9dcaa1;
    color: #fff;
}

.sell_btn, .ask_color {
    background-color: #ed9488;
    color: #fff;
}

form .form-group label {
    color: #3e3e3e;
}

form .form-group label.btn {
    color: #fff;
    border: none;
    border-radius: 0px;
    touch-action: none;
}

.bids_label, .offers_label {
    line-height: 27px;
}

.title_trading_form {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
}

#change_bids_offers_redis, #change_bids_offers_db {
    width: 47px;
}

.inner_page button#change_bids_offers_redis .fa:before,
.inner_page button#change_bids_offers_db .fa:before {
    color: #dddddd;
}

.inner_page button#change_bids_offers_redis.active .fa:before,
.inner_page button#change_bids_offers_db.active .fa:before {
    color: #579ac5;
}

.chart_linear_container {
    margin-bottom: 15px;
}

a[disabled="disabled"] {
    pointer-events: none;
}

.divider {
    border-bottom: 1px solid #d2d9dc;
}

.inline-flex {
    display: inline-flex;
    align-items: center;
}

.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:active:focus {
    background-color: #5cb85c;
    min-width: 130px;
    line-height: 40px;
    padding: 0px 15px;
    color: #fff;
    border: none;
    font-size: 12px;
}

.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:active:focus {
    background-color: #ed9488;
}

.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:active:focus {
    background-color: #e8c588;
    min-width: 130px;
    line-height: 40px;
    padding: 0px 15px;
    color: #fff;
    border: none;
    font-size: 12px;
}

.inner_page .boxValue .fa:before {
    color: #ffffff;
}

.selected_table_row {
    background-color: #fbefce;
}

.active_tr {
    /*background-color: #e8c588;*/
}

.btn-width-50, .btn-width-50:hover, .btn-width-50:active, .btn-width-50:focus, .btn-width-50:active:focus {
    width: 50%;
    min-width: inherit;
}

.collapse-title {
    cursor: pointer;
    background-color: #fff;
    padding: 15px;
    position: relative;
}

.collapse-title, .collapse-title.active + .collapse-content {
    margin-bottom: 20px;
}

.collapse-title.active, .collapse-title .collapse-content {
    margin-bottom: 0px;
}

.collapse-title:after {
    font-size: 12px;
    content: "\e114";
    right: 15px;
    position: absolute;
    font-family: 'Glyphicons Halflings';
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.collapse-title.active:after {
    content: "\e113";
}

.collapse-title + .collapse-content {
    display: none;
}

.collapse-content {
    padding: 15px;
}

.modal .toogle-title {
    color: #326280;
}

.toogle-title {
    cursor: pointer;
    background-color: #fff;
    /*padding: 15px;*/
    position: relative;
}

.toogle-title:after {
    font-size: 12px;
    content: "\e114";
    right: 15px;
    position: absolute;
    font-family: 'Glyphicons Halflings';
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.toogle-title.active:after {
    content: "\e113";
}

.text-italic {
    font-style: italic;
}

#dbot_market .box-secondary-item .row:nth-of-type(2) > div,
#prime .box-secondary-item .row:nth-of-type(2) > div,
#venture .box-secondary-item .row:nth-of-type(2) > div,
#international .box-secondary-item .row:nth-of-type(2) > div {

    min-height: 430px;
    height: 100%;
}

#dbot_market .box-secondary-item .row .table tr,
#prime .box-secondary-item .row .table tr,
#venture .box-secondary-item .row .table tr,
#international .box-secondary-item .row .table tr {
    height: 37px;
}

ul.file-links {
    list-style: none;
}

ul.file-links li {
    line-height: 40px;
}

ul.file-links > li > a > img {
    width: 26px;
    margin-right: 10px;
}

#market_maker_pannel .row > .btn-group button {
    margin-left: 2px;
    margin-right: 2px;
    display: block;
    text-align: center;
}

#market_maker_pannel .row > .btn-group > .control-label {
    padding-top: 10px;
}

.block_step_range button {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

.block_step_range button, .block_step_range button:hover, .block_step_range button:hover:active,
.block_step_range button:active, .block_step_range button:focus,
.block_step_range button:focus:active, .block_step_range button:active:focus {
    outline: -webkit-focus-ring-color auto 0px;
    outline-offset: 0px;
    border: none;
}

.active_input_step, .active_input_step:disabled {
    width: 82px;
    color: #ed9488;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);

}

.step_ranges {
    position: relative;
}

.step_ranges:after {
    position: absolute;
    bottom: 0px;
    border-bottom: 1px solid #d2d9dc;
    width: 100%;
    line-height: 1px;

}

.profile_page .btn-group-vertical {
    display: block;
}

.profile_page .btn-group-vertical #financials-submenu button {
    background-color: #60a0c8;
}

.profile_page .btn-group-vertical #financials-submenu button:hover {
    background-color: #5ca3d0;
}

.profile_page .container_image {
    background-color: #fff;
}

.form_client_portal div h3 {
    margin-bottom: 10px;
}

/*.form_client_portal .form-group {*/
/*    padding-left: 20px;*/
/*}*/

#markets_totals {
    font-size: 15px;
}

.form_client_portal > .col-lg-12 > div:first-child {
    padding-left: 0px;
}

.order_entry_block > div {
    height: 670px;
}

.order_entry_block #alert-success, .order_entry_block #alert-danger {
    position: absolute;
    z-index: 111;
    right: 25px;
    display: none;
}

.assets_data_chart_linear_linear > div {
    padding: 0px;
}

.extendTabsContainer .tab-content {
    margin-top: 10px;
}

/* recommend to main.css*/
.boxTwoColor {
    line-height: 50px;
}

.boxTwoColor .boxTitle {
    background: #ffffff;
    color: #40a5fc;
    font-size: 14px;
}

.boxTwoColor .boxValue {
    background: #88b3d4;
    color: #ffffff;
    font-size: 18px;
}

/*.boxTwoColor1 .boxValue {*/
/*background: #88b3d4; !*boxLightBlue*!*/
/*}*/

/*.boxTwoColor2 .boxValue {*/
/*background: #e8c588; !*boxLightOrange *!*/
/*}*/

/*.boxTwoColor3 .boxValue {*/
/*background: #a7b6bb; !*boxLightGrey*!*/
/*}*/

/*.boxTwoColor4 .boxValue {*/
/*background: #9dcaa1; !*boxLightGreen*!*/
/*}*/

/*.boxTwoColor5 .boxValue {*/
/*background: #ed9488; !*boxLightRed*!*/
/*}*/

.participateContainerMarginBottom {
    margin-bottom: 40px;
}

/*          ****                */
.containerBoxes {
    padding-bottom: 20px;
}

.boxSymbolTwoColor {
    line-height: 55px;
}

.boxSymbolTwoColor .boxTitle {
    background: #ffffff;
    color: #40a5fc;
    font-size: 14px;
    font-weight: bold;
}

.boxSymbolTwoColor .boxValue {
    background: #88b3d4;
    color: #ffffff;
    font-size: 18px;
}

/*
#d1b192     95b8a0      84a6ae
#d7b97f     a4c494      97b9b5
#dacb8e     bfc99e      aac7b9
*/
/*.boxSymbolTwoColor6 .boxValue {*/
/*background: #d1b192;*/
/*}*/

/*.boxSymbolTwoColor7 .boxValue {*/
/*background: #95b8a0;*/
/*}*/

/*.boxSymbolTwoColor8 .boxValue {*/
/*background: #84a6ae;*/
/*}*/

/*.boxSymbolTwoColor9 .boxValue {*/
/*background: #d7b97f;*/
/*}*/

/*.boxSymbolTwoColor10 .boxValue {*/
/*background: #a4c494;*/
/*}*/

/*.boxSymbolTwoColor11 .boxValue {*/
/*background: #97b9b5;*/
/*}*/

/*.boxSymbolTwoColor12 .boxValue {*/
/*background: #dacb8e;*/
/*}*/

/*.boxSymbolTwoColor13 .boxValue {*/
/*background: #bfc99e;*/
/*}*/

/*.boxSymbolTwoColor14 .boxValue {*/
/*background: #aac7b9;*/
/*}*/

.containerBoxSymbolTwoColor {
    margin-bottom: 20px;
}

.boxWidgetTable {
    margin-bottom: 20px;
}

.boxWidgetTable .boxWidgetTableTitle {
    text-transform: uppercase;
    line-height: 27px;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.boxWidgetTable .boxWidgetTableContent {
    background: #fff;
    height: 284px;
    padding: 0px 10px 0px 10px;
    /*overflow-y:auto;*/
    overflow-y: hidden;
}

.boxWidgetBids .boxWidgetTableTitle {
    background-color: #9dcaa1;
    color: #fff;
}

.boxWidgetBids .boxWidgetTableContent table tbody tr td:nth-child(3) {
    color: #67a16c;
    font-weight: bold;
}

.boxWidgetOffers .boxWidgetTableTitle {
    background-color: #ed9488;
    color: #fff;
}

.boxWidgetOffers .boxWidgetTableContent table tbody tr td:nth-child(1) {
    color: #e37061;
    font-weight: bold;
}

.boxWidgeTrades .boxWidgetTableTitle {
    background: #a7aabf;
    color: #ffffff;
}

.boxWidgeTrades .boxWidgetTableContent table tbody tr td:nth-child(1) {
    color: #73789b;
    font-weight: bold;
}

.btnParticipate {
    display: block;
    background-color: #40a5fc;
    background-image: url("/img/btn_participate.png");
    background-position: 0px 0px;
    text-indent: -9999px;
    width: 155px;
    height: 134px;
}

.btnParticipate.disabled {
    opacity: 0.7;
    cursor: default;
}

.btnParticipate.disabled:hover {
    cursor: default;
}

.symbolTable {
    margin: 0 0 0 15px;
}

.symbolTable td.symbolTableTitle {
    width: 120px;
    font-weight: bold;
    font-size: 12px;
    vertical-align: baseline;
    padding: 10px;
}

.symbolTable td.symbolTableValue {
    font-size: 24px;
    font-weight: normal;
    /*vertical-align: baseline;*/
}

.chartTitle {
    color: #326280;
}

.bids_overlay, .asks_overlay, .matches_overlay {
    overflow: hidden;
    padding-top: 0px;
}

.matches_overlay #matches .trades_table_header > thead > tr > th {
    border: 0px solid;
}

.btn-group-vertical > button.symbolMenuButton,
button.symbolMenuButton {
    background-image: url("/img/symbol_menu_icons.png");
    background-color: #40a5fc;
    border: 1px solid transparent;
    color: #ffffff;
    background-repeat: no-repeat;
    text-indent: 45px;
    width: 190px;
    background-position: -300px 0;
    line-height: 50px;
    font-size: 14px;
    text-align: left;
}

.symbolSubmenuMenu {
    width: 190px;
}

button.symbolMenuButton:hover, button.symbolMenuButton:active, button.symbolMenuButton.active {
    color: #ffffff;
}

.btn-group-vertical > button.symbolMenuButtonBgPosition1 {
    background-position: -3px 0;
}

.btn-group-vertical > button.symbolMenuButtonBgPosition2 {
    background-position: -3px -55px;
}

.btn-group-vertical > button.symbolMenuButtonBgPosition3 {
    background-position: -3px -110px;
}

.btn-group-vertical > button.symbolMenuButtonBgPosition4 {
    background-position: -3px -165px;
}

.btn-group-vertical > button.symbolMenuButtonBgPosition5 {
    background-position: -3px -220px;
}

.btn-group-vertical > button.symbolMenuButtonBgPosition6 {
    background-position: -3px -275px;
}

.btn-group-vertical > button.symbolMenuButtonBgPosition7 {
    background-position: -3px -330px;
}

.btn-group-vertical > button.symbolMenuButtonBgPosition8 {
    background-position: -3px -385px;
}

.btn-group-vertical > button.symbolMenuButtonBgPosition9 {
    background-position: -3px -440px;
}

#edgar_data h3 {
    margin-top: 20px;
    margin-bottom: 10px;

}

.table-title {
    font-weight: bold;
}

/* NO DATA MESSAGES */
.no-data-msg {
    font-weight: normal;
    font-size: 15px;
    color: #777777;
}

/* MARQUEE */
#ticker_tape {
    height: 35px;
    text-align: center;
}

.marquee_component {
    line-height: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #efefef;
    color: #111111;
    font-size: 18px;
    height: 35px;
    overflow: hidden;
}

.js-marquee {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.marquee {
    /*max-width: 1440px;*/
    /*width: 100%;*/
    /*overflow: hidden;*/
}

.js-marquee > span {
    margin-left: 10px;
    margin-right: 10px;
}

.green {
    color: #009800;
}

.red {
    color: #d9534f;
}

.gray {
    color: #888888;
}

.glyphicon {
    width: 24px;
}

.glyphicon-triangle-top:before, .glyphicon-triangle-bottom:before {
    position: absolute;
    /* padding-left: 30px; */
    bottom: 0;
}

.js-marquee > span {
    margin-left: 20px;
    margin-right: 20px;
}

#ticker_tape span.fa {
    position: relative;
}

#ticker_tape span.fa-caret-up:before {
    font-size: 30px;
    position: absolute;
    bottom: -7px;
}

#ticker_tape span.fa-caret-down:before {
    font-size: 30px;
    position: absolute;
    bottom: -9px;
}

div.user-menu i.fa {
    padding: 4px 9px 0 0;
}

.bold {
    font-weight: bold;
}

div#bid-price-format1, div#bid-price-format2 {
    cursor: pointer;
    border-radius: 5px;
    width: 115px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.shadow-highlighted {
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.21);
}

.g-block, .g-block table tbody tr td {
    background-color: #efefef;
    color: #b1b2b4 !important;
}

.w-block, .w-block table tbody tr td {
    background-color: #ffffff;
    color: #000000;
}

.dataTables_empty {
    font-weight: normal;
    font-size: 15px;
    color: #777777;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 0px;
    right: 0px;
    border-top: none !important;
}

.datatable .most_active, .datatable .advancers, .datatable .decliners, .datatable .order_totals {
    /*height: 253px;*/
    min-height: 100px;
}

.data > .datatable .row:nth-of-type(2) {
    min-height: 478px;
}

.box-secondary > .col-lg-6.box-secondary-item > .data.col-lg-12 {
    min-height: 548px;
    max-height: 548px;
}

.error_input:not(.select2-container), .error_input .select2-choice {
    border: 1px solid #f27b81 !important;
}
.error_text {
    color: #f27b81!important;
}
.error-highlight {
    color: red!important;
}

/* Arrows */
#funds-page-slider {
    margin-right: 0;
    margin-left: 0;
}

#slide-buttons .slide-prev,
#slide-buttons .slide-next {
    font-size: 0;
    line-height: 0;
    /*position: absolute;*/
    /*bottom: -30px;*/
    float: right;
    margin-right: 7px;
    margin-left: 7px;
    display: block;
    content: "\f053";
    width: 20px;
    height: 20px;
    padding: 0;
    /*margin-top: -10px \9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #1C1C1C;
    border: none;
    outline: none;
    background: transparent;
}

#slide-buttons .slide-prev:hover,
#slide-buttons .slide-prev:focus,
#slide-buttons .slide-next:hover,
#slide-buttons .slide-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

#slide-buttons .slide-prev:hover:before,
#slide-buttons .slide-prev:focus:before,
#slide-buttons .slide-next:hover:before,
#slide-buttons .slide-next:focus:before {
    opacity: 1;
}

#slide-buttons .slide-prev.slick-disabled:before,
#slide-buttons .slide-next.slick-disabled:before {
    opacity: .25;
}

#slide-buttons .slide-prev:before,
#slide-buttons .slide-next:before {
    font-family: 'FontAwesome';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    line-height: 1;

    /*opacity: .75;*/
    color: #40a5fc;
    content: "\f053";

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#slide-buttons .slide-prev {
    left: 47%;
}

[dir='rtl'] #slide-buttons .slide-prev {
    right: -25px;
    left: auto;
}

#slide-buttons .slide-prev:before {
    content: "\f137";
}

[dir='rtl'] #slide-buttons .slide-prev:before {
    content: "\f138";
}

#slide-buttons .slide-next {
    right: 47%;
}

[dir='rtl'] #slide-buttons .slide-next {
    right: auto;
    left: -25px;
}

#slide-buttons .slide-next:before {
    content: '\f138';
}

[dir='rtl'] #slide-buttons .slide-next:before {
    content: '\f137';
}

.container .navbar-header img {
    margin-top: 4px;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-top-25 {
    margin-bottom: 25px !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-left-0{
    margin-left: 0 !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.padding-bottom-0 {
    padding-bottom: 0px !important;
}

#clock-1 > figure {
    margin: 0 3px;
}

.block-vcenter {
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin: 0 10px;
}

.padding-0 {
    padding: 0px;
}

/*.dataTables_wrapper > .row:nth-of-type(3) {*/
/*    height: 35px;*/
/*}*/

.box-secondary .box-secondary-item .col-lg-12 .table > thead > tr > th, .box-secondary .box-secondary-item .col-lg-12 .table > tbody > tr > td {
    padding: 8px 5px
}

.embed-responsive-extend, .embed-responsive-item-extend {
    border-radius: 7px;
}

.upperLetterButtons,
.upperLetterButtons .btn {
    text-transform: uppercase;
}

/*.jsCustodianTable .btn-newedit {*/
/*    line-height: 35px !important;*/
/*}*/

.investorStatusesContainerWidget .columnType {
    display: none;
}

#user-dashboard-menu .btn-newedit,
.investorStatusesContainerPage .btn-newedit, button.btn-newedit, a.btn-newedit {
    text-transform: uppercase !important;
    min-width: 70px !important;
    /*font-size: 14px!important;*/
}
.investorStatusesContainerWidget .btn-newedit {
    text-transform: uppercase !important;
    min-width: 100px !important;
    font-size: 14px!important;
}

.grecaptcha-badge {
    visibility: hidden !important;
    opacity: 0;
}

input[type=file]:not([disabled])::-webkit-file-upload-button,
input[type=file]:not(:disabled)::-webkit-file-upload-button,
input[type=file]:not(.disabled)::-webkit-file-upload-button {
    cursor: pointer;
}

sup.required_field {
    color: red;
    font-size: 14px !important;
    top: -.5em !important;
}

.input-no-border {
    border: none;
    box-shadow: none;
    outline: none;
}

.framed_group_box {
    border: 2px solid gray;
    margin: auto;
    float: none;
}

.position-relative {
    position: relative !important;
}

.box-secondary .box-secondary-item .col-lg-12 .table > thead > tr > th, .box-secondary .box-secondary-item .col-lg-12 .table > tbody > tr > td {
    padding: 8px 5px
}

.embed-responsive-extend, .embed-responsive-item-extend {
    border-radius: 7px;
}

@media screen and (max-width: 425px) {
    .sign_up_form .newuser, .login_form .form-login, .sign_up_form .home-form-title, .login_form .home-form-title{
        padding: 10px;
    }

    .navbar-inverse .navbar-right > li > a{
        padding: 22px 5px;
    }

    #f > .container-fluid > div {
        width: 100% !important;
    }
    #f > .container-fluid > div > div{
        float: initial !important;
    }
    #f{
        padding-top: 14px;
        padding-bottom: 14px;
    }

}

.no-padding-left {
    padding-left: 0 !important;
}
.no-padding-right {
    padding-right: 0 !important;
}
.no-padding-top {
    padding-top: 0 !important;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}

#wrapper.holding_page_layout { 
    background-image: url("/img/TRI_Join_Background.jpg"); 
    background-size: cover; 
}

.public-modal .modal-content .modal-header {
    background: transparent;
    padding: 11px 15px 8px;
    border-bottom: 1px solid #e5e5e5;
}

.public-modal .modal-content .modal-header h4 {
    color: #555555;
    font-weight: 500;
}

.public-modal .form-control {
    height: 28px!important;
}

.public-modal .select2-container .select2-choice {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 12px;
    height: 28px!important;
}

.public-modal .select2-container .select2-choice .select2-arrow {
    display: none !important;
}

.public-modal form .form-group label {
    font-weight: normal;
    font-size: 12px;
    line-height: 25px;
    text-align: left;
    color: #3e3e3e!important;
    text-transform: uppercase;
    margin-bottom: 0;
}

.public-modal label {
    font-weight: normal;
    font-size: 12px;
    line-height: 25px;
    text-align: left;
    color: #3e3e3e!important;
    text-transform: unset;
    margin-bottom: 0;
}

.public-modal label.label_strong {
    font-weight: 700;
}

.public-modal .modal-header button.close {
    background-color: #ff3000;
    margin-bottom: 0;
    margin-top: 0;
}

.public-modal .modal-content .modal-header button {
    box-shadow: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: 10px;
    float: right;
    color: white;
    text-shadow: none;
    opacity: unset;
}

.public-modal .modal-content .modal-header button i {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.public-modal .modal-content .modal-header button i.fa:before {
    font-size: 10px;
    margin-bottom: 0;
    margin-left: 0;
}

.public-modal .modal-content .modal-footer {
    background: transparent;
}

.public-modal .modal-content {
    width: 100%;
    margin-bottom: 0;
    box-shadow: none;
    border: none;
    border-radius: 6px;
}

.public-modal .table > tbody > tr > td {
    padding: 9px 4px;
    font-size: 12px;
    vertical-align: middle;
    color: black;
}

.public-modal .table > thead > tr > th {
    text-transform: uppercase;
    padding: 15px 4px 8px 4px;
    font-size: 11px;
    color: black;
}

.public-modal .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f2f2f2;
}

.indication_stat{
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    padding: 2px;
    border: 1px solid silver;
    border-radius: 5px;
    font-size: 13px;
    column-gap: 2px;
}

.indication_stat_item {
    flex: auto;
    padding-left: 0;
    padding-right: 0;
}

.indication_stat span{
    color: #3e3e3e!important;
}

.login-form-check-container{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}
.login-form-check-container input[type=checkbox]{
    margin: 0;
}
.login-form-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}

.field_flex_center {
    display: flex;
    align-items: center;
}

.field_flex_center .flex-1 {
    flex: 1;
}

.field_flex_normal {
    display: flex;
    align-items: normal;
}

.field_column_gap {
    column-gap: 10px;
}

.field_column_gap_30 {
    column-gap: 30px;
}

.field_column_gap_15 {
    column-gap: 15px;
}

.viewer_block_o {
    display: flex;
    align-items: center;
}

.viewer_block_o .viewer_block_link {
    max-width: 100%;
    padding: 7px 15px;
}

.viewer_block_o .magnific-link {
    flex: 0 0 40px;
    max-width: 40px;
    text-align: right;
}

.viewer_block_o .btn-link {
    border-radius: 10px;
    background: var(--color-button-link) !important;
    box-shadow: 0 0.5px 1px #00000047;
    border: none;
    font-weight: bold;
    font-size: 12px !important;
    text-align: center;
    color: #fff;
    padding: 7px 28px;
    width: initial;
    height: initial;
    line-height: 20px;
}

.viewer_block_o .btn-link:hover,
.viewer_block_o .btn-link:active,
.viewer_block_o .btn-link:focus,
.viewer_block_o .btn-link:active:hover {
    background-color: #153a48 !important;
}

.viewer_block_o .btn-link.disabled {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.field_column_gap {
    column-gap: 10px;
}

/* Teams of Use - Start */
.custom-popup {
    display: flex;
    width: 100%;
    height: 90vh;
    background: white;
    border-radius: 8px;
    overflow: hidden;
}

.custom-popup-portal {
    width: 55%;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 auto;
}

.content_panel{
    flex: 10;
    height: 100%;
    border: none;
}

.header-panel-portal{
    padding: 11px 15px 8px;
    border-bottom: 1px solid #e5e5e5;
}

.header-panel-portal .mfp-close{
    position: relative;
    background-color: #ff3000!important;
    box-shadow: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: 10px;
    float: right;
    color: white!important;
    text-shadow: none;
    opacity: unset;
    line-height: 20px;
    font-size: 16px;
}

.header-panel-portal .mfp-close:disabled{
    opacity: 0.5;
}

.content-portal-panel{
    height: 400px;
    border: none;
}

.footer-panel-portal{
    padding: 15px;
    border-top: 1px solid #e5e5e5;
}

.side-button-panel-portal{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.side-button-panel-portal button {

}

.alert-magnific{
    margin: 10px!important;
}

.side-button-panel-portal .site-button-magnific-sign,
.side-button-panel-portal .site-button-magnific-next {

}

.pdf-loader{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pdf-viewer {
    flex: 10;
    height: 100%;
    width: 100%;
    border: none;
}

.side-panel {
    flex: 1;
    background: white;
    padding: 20px;
    border-left: 2px solid #ddd;
    display: flex;
    justify-content: center;
    font-size: 14px;
    color: #333;
}

.side-button-panel{
    text-align: center;
}

.side-button-panel button {
    margin-bottom: 15px;
}

.side-button-panel .site-button-magnific-sign,
.side-button-panel .site-button-magnific-next {
    margin-top: 30px;
}

.mfp-custom-fade.mfp-bg {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.mfp-custom-fade.mfp-bg.mfp-ready {
    opacity: 0.5;
}

.mfp-custom-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-custom-fade .mfp-content {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.3s ease-in-out;
}

.mfp-custom-fade.mfp-ready .mfp-content {
    opacity: 1;
    transform: scale(1);
}

.mfp-custom-fade.mfp-removing .mfp-content {
    opacity: 0;
    transform: scale(0.8);
}

/*.site-button-magnific-hide{*/
/*    position: relative;*/
/*    bottom: 65px;*/
/*    text-align: right;*/
/*    margin-right: 30px;*/
/*    display: block;*/
/*}*/
/* Teams of Use - End */

.info-asset-rating-wrapper {
    display: flex;
    gap: 8px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.info-asset-rating-wrapper .label-group {
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info-asset-rating-wrapper .value-group {
    flex: 0 0 auto;
    min-width: 0;
    overflow: hidden;
}
.info-asset-rating-wrapper .score-wrapper {
    display: flex;
    gap: 0.3em;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.horizon-center {
    display: flex;
    align-items: center;
}

.gap-5{
    column-gap: 5px;
}

.sdg_flag_container-viewer {
    height: 55px;
}

.sdg_flag_container-viewer img {
    height: 55px;
}

.small_scroll ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.sdg_rows {
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 5px;
}