body { width: 100%; }

textarea { resize: vertical; }

.datepicker { z-index: 1400 !important; }

.splash { z-index: 3000; }

.sweet-overlay { z-index: 1040; }

.administration-page { margin-top: 80px; }

.editableform .control-group {
    margin-left: 0;
    margin-right: 0;
}

div.container-fluid.body-content { margin-top: 90px; }

.navbar.navbar-default.navbar-fixed-top {
    -webkit-box-shadow: 0px 5px 10px -9px rgba(0, 0, 0, 0.76);
    -moz-box-shadow: 0px 5px 10px -9px rgba(0, 0, 0, 0.76);
    box-shadow: 0px 5px 10px -9px rgba(0, 0, 0, 0.76);
}

@media (max-width: 767px) {
    .navbar-form-custom,
    .navbar-right,
    #logo { display: block; }

    #bs-example-navbar-collapse-1 { text-align: center; }

    ul.dropdown-menu {
        text-align: center;
        position: relative;
        top: 0;
    }

    .navbar-nav .open .dropdown-menu { position: relative; }

    li.dropdown.open + li.dropdown.above-0 { top: 10px; }

    li.dropdown.open + li.dropdown.above-1 { top: 40px; }

    li.dropdown.open + li.dropdown.above-2 { top: 70px; }

    li.dropdown.open + li.dropdown.above-3 { top: 100px; }

    li.dropdown.open + li.dropdown.above-4 { top: 130px; }

    li.dropdown.open + li.dropdown.above-5 { top: 180px; }

    li.dropdown.open + li.dropdown.above-6 { top: 210px; }
}

@media (min-width: 768px) {
    .menu-item-right {
        position: absolute !important;
        right: 0;
    }
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #595959;
    text-decoration: none;
    background-color: #e4e4e4;
    outline: 0;
}

.menu-subitem-icon { margin-right: 10px; }

.menu-item-anchor { padding-right: 40px !important; }

.navbar-nav > li:last-child > a { padding-right: 20px !important; }

.menu-item-icon { font-size: 24px; }

.menu-item-wording {
    position: relative;
    left: 10px;
    top: -5px;
}

span.caret { margin-left: 7px; }

div.dz-size { display: none; }

div.dz-filename { margin-top: 20px; }

.logo-image {
    width: 100%;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 20px;
}

.item-underlined {
    border-bottom: 2px solid;
    border-radius: 3px;
    padding-bottom: 2px;
}

.item-underlined-primary { border-color: #34495e; }

.item-underlined-primary2 { border-color: #9b59b6; }

.item-underlined-info { border-color: #3498db; }

.item-underlined-success { border-color: #62cb31; }

.item-underlined-warning { border-color: #ffb606; }

.item-underlined-warning2 { border-color: #e67e22; }

.item-underlined-danger { border-color: #e74c3c; }

.item-underlined-danger2 { border-color: #c0392b; }

.primary { color: #34495e; }

.primary2 { color: #9b59b6; }

.info { color: #3498db; }

.success { color: #62cb31; }

.warning { color: #ffb606; }

.warning2 { color: #e67e22; }

.danger { color: #e74c3c; }

.danger2 { color: #c0392b; }

.bg-primary { background-color: #34495e; }

.bg-primary2 { background-color: #9b59b6; }

.bg-info { background-color: #3498db; }

.bg-success { background-color: #62cb31; }

.bg-warning { background-color: #ffb606; }

.bg-warning2 { background-color: #e67e22; }

.bg-danger { background-color: #e74c3c; }

.bg-danger2 { background-color: #c0392b; }

.active-historical-record { background-color: rgb(218, 234, 218); }

.form-group-no-bottom-margin { margin-bottom: 0px; }

.centerTextAlign { text-align: center; }

.btn-data-grid {
    margin: 1px;
    width: 34px;
}

.cursor-pointer { cursor: pointer !important; }

.cursor-default { cursor: default !important; }

.rightTextAlign { text-align: right; }

span.vertical-line {
    width: 1px; /* Line width */
    background-color: black; /* Line color */
    height: 100%; /* Override in-line if you want specific height. */
    float: left; /* Causes the line to float to left of content. 
    You can instead use position:absolute or display:inline-block
    if this fits better with your design */
}

.panel-heading h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    width: 100%;
    padding-top: 8px;
}

.panel-heading h3 a { vertical-align: top; }

.fa-arrow-circle-right {
    font-size: x-large;
    cursor: pointer;
    color: #34495e;
}

.fa-arrow-circle-down {
    font-size: x-large;
    cursor: pointer;
    color: #34495e;
}

.fa-arrow-circle-up {
    font-size: x-large;
    cursor: pointer;
    color: #34495e;
}

.fa-minus-circle {
    font-size: x-large;
    cursor: pointer;
    color: red;
}

.error-custom { border: solid 1px #e74c3c; }

.hide-this { display: none !important; }

.header-margins {
    margin-top: 16px;
    margin-bottom: 16px;
}

.bs-wizard { margin-top: 0; }

h5 > span > input[type="checkbox"] { margin-top: 0; }

.icon-edit-screen {
    font-size: 70px;
    margin-top: 10px;
    margin-bottom: 40px;
}

.edit-screen-container {
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 25px;
}

.checkbox-topoffset-correction { top: -4px; }

.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

.bs-wizard > .bs-wizard-step {
    padding: 0;
    position: relative;
}

.bs-wizard > .bs-wizard-step + .bs-wizard-step { }

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    color: #595959;
    font-size: 16px;
    margin-bottom: 5px;
}

.bs-wizard > .bs-wizard-step .bs-wizard-info {
    color: #999;
    font-size: 14px;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background: #95ccdc;
    top: 45px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #31b0d5;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.bs-wizard > .bs-wizard-step > .progress {
    position: relative;
    border-radius: 0px;
    height: 8px;
    box-shadow: none;
    margin: 20px 0;
    background-color: #BFC5CE;
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
    width: 0px;
    box-shadow: none;
    background: #95ccdc;
    padding-right: 0px;
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar { width: 100%; }

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar { width: 50%; }

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar { width: 0%; }

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar { width: 100%; }

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot { background-color: #BFC5CE; }

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after { opacity: 0; }

.bs-wizard > .bs-wizard-step:first-child > .progress {
    left: 50%;
    width: 50%;
}

.bs-wizard > .bs-wizard-step:last-child > .progress { width: 50%; }

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot { pointer-events: none; }

div.btn-group.group-conditions > label.btn.active { background-color: #3498db !important;border-color: #3498db !important; }

.app-filters {
    padding: 10px;
    cursor: pointer;
}

.app-filters > li > div > label {
    margin-left: 26px;
    margin-top: 2px;
}

.app-filters-check {
    display: inline-block;
}

.app-filters span {
    font-weight: normal;
}