body.iframe #main{
    margin-top: 0 !important;
}
body.iframe div#cage{
    width: 100% !important;
    min-width: inherit !important;
}

.popover.topRight .arrow:after{
    border-top-color: #F3F4F6 !important;
}
body {
    font-family: Verdana, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #1d2646;
}
.form-control:not(.bootstrap-select),.bootstrap-select button,.inner.selectpicker > li > a:hover, .inner.selectpicker > li > a:focus,
.control-label.text-left, .btn-default:not(.selectpicker), .btn-primary {
    font-family: Verdana, sans-serif;
}
body div#cage {
    width: 100%;
    max-width: 1270px;
}
header {
    background: transparent;
    height: 200px;
}
header .wrapper {
    display: flex;
    justify-items: center;
    position: relative;
    padding: 0 15px;
    align-items: start;
}
header .wrapper #logoLink img#logo {
    margin: 0;
    width: 230px;
}
body #topMenu {
    margin-top: 50px;
}
header .wrapper #logoLink {
    display: inline-flex;
    width: auto;
    box-shadow: 0 4px 15px 4px rgba(0, 0, 0, .24);
    border-radius: 0 0 20px 20px;
    background: #fff;
    padding: 32px 24px;
}
div#menu-bg-line div#header-bg-container {
    background: #313851;
    border-bottom: 0;
    height: 36px;
    width: 100%;
}
div#menu-bg-line {
    background-color: #1d2546;
    border-bottom: 0;
    position: absolute;
    height: 150px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}
div#topMenu .navbar-default .navbar-brand, div#topMenu .navbar-default .navbar-brand:focus, div#topMenu .navbar-default .navbar-brand:hover {
    color: #fff;
    font-weight: 700;
    height: auto !important;
}
div#topMenu .navbar-default .navbar-brand, div#topMenu .navbar-default .navbar-brand:focus, div#topMenu .navbar-default .navbar-brand:hover {
    color: #fff;
    font-weight: 700;
    height: auto !important;
}
.breadcrumb a {
    font-family: Verdana, sans-serif;
    font-size: 28px;
    color: #1d2647;
    font-weight: 600;
}
#main {
    padding-bottom: 41px;
    max-width: 960px;
    float: none;
    margin: 0 auto;
}
.panel-default{
    border: 0;
}
.breadcrumb > li + li:before{
    content: none;
}
.panel-default > .panel-heading{
    background: transparent;
    border: 0;
}
.form-control:not(.bootstrap-select){
    border: 1px solid rgba(51, 51, 51, .12) !important;
    border-radius: 3px;
    color: #495057;
    padding-left: 8px;
    padding-right: 8px;
    box-shadow: none;
}
.input-group-addon{
    border-color: rgba(51, 51, 51, .12) !important;
    color: #1d2646;
}
.bootstrap-select.form-control button{
    border: 1px solid rgba(51, 51, 51, .12) !important;
    box-shadow: none;
}
.form-control:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.datepicker td.today, .datepicker td.today:hover, .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus,
.datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active,
.datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled], .datepicker td span.active:hover,
.datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled],
.datepicker th.prev, .datepicker th.datepicker-switch, .datepicker th.next{
    background: #1d2647;
}
.btn-primary{
    background: #1d2647;
    color: #FFF;
    border: 2px solid #1d2647;
    font-weight: 400;
}
.btn-primary:hover, .btn-primary:focus{
    border: 2px solid #1d2647;
    color: #1d2647;
    background: #FFF;
}
.btn-default:not(.selectpicker) {
    color: #1d2646;
    border-color: #1d2646;
    border-radius: 0;
    border-width: 2px;
    background-color: #fff;
    transition: .25s;
    font-weight: 400;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
    background: transparent;
}
.btn-default:not(.selectpicker):hover,.btn-default:not(.selectpicker):focus {
    background: #1d2647;
    color: #FFF;
    border: 2px solid #1d2647;
}
span.step{
    background: #CCC;
}
span.step.active{
    background: #1d2647;
}
.selectpicker.btn-default,
.bootstrap-select.form-control button span.caret{
    color: #1d2647;
}
.open > .dropdown-menu > li a,.panel-title,
.open > .dropdown-menu{
    border-color: rgba(51, 51, 51, .12);
    color: #1d2646;
}
footer {
    background: #1d2647;
    border: 0;
    box-shadow: -2px 3px 20px 0 rgba(0, 0, 0, .21);
    min-height: 32px;
    padding-bottom: 3px;
    padding-top: 3px;
}
footer .navbar-nav {
    max-width: 1270px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}
footer .navbar-nav>li {
    float: right;
}
footer .navbar-nav>li>a {
    color: #fff;
    font-size: 12px;
}

@media (max-width: 991px) {
    header {
        height: auto;
    }
    body.side-collapse #menu-bg-line {
        height: 120px !important;
    }
    body #topMenu {
        margin-top: 40px;
    }
    #main{
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    header .wrapper #logoLink {
        box-shadow: none;
        height: auto;
        width: 180px;
        overflow: hidden;
        background: #fff;
        border: 1px solid #707070;
        padding: 20px 12px 25px;
        flex-shrink: 0;
    }
    header .wrapper #logoLink img#logo {
        height: 33px;
        width: 155px;
        border-radius: 6px 6px 12px 12px;
    }
    body.side-collapse #menu-bg-line {
        height: 90px !important;
    }
    body #topMenu {
        margin-top: 8px;
    }
    div#header-bg-container {
        display: none;
    }
    .breadcrumb a{
        font-size: 18px;
    }
}
@media (max-width: 499px) {
    div#topMenu .navbar-default{
        display: none;
    }
}