/*
    Author: Agustin Meriles
    Palette: http://paletton.com/#uid=43i0u0kl1tsbjKogHzFpKqWsmla
*/

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype'), url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: 600;
    font-style: normal;
}

* {
    font-family: "Open Sans", sans-serif;
}

body {
    font-family: "Open Sans", sans-serif;
    background: #eeeeee;
}

.lowercase {
    text-transform: lowercase;
}

.hidden {
    display: none;
}

.no-padding {
    padding: 0;
}

/* Element focused */
button:focus, input:focus, select:focus, a.btn:focus {
    outline: 2px solid #1ab394 !important;
}

/* FORBIDDEN: .loading because has conflicts with selectizejs */

a {
    color: #312c4d;
}

    a:hover,
    a:active,
    a:focus {
        color: #4e477c;
    }

body.login {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9c5073+0,674164+100 */
    /*background: #648c8e; /* Old browsers */
    /*background: -moz-linear-gradient(-45deg, #243338 0%, #648c8e 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(-45deg, #243338 0%,#648c8e 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(135deg, #243338 0%,#648c8e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243338', endColorstr='#648c8e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-color: #ECEDED;
    height: 100vh;
}

    body.login a {
        color: #312c4d;
    }

.login .alert {
    margin: 1em auto 0 auto;
}

.btn-login {
    color: #fff;
    background-color: #8458BB;
    border-color: #8458BB;
}

    .btn-login:focus,
    .btn-login.focus {
        color: #fff;
        background-color: #4C1577;
        border-color: #4C1577;
    }

    .btn-login:hover {
        color: #fff;
        background-color: #4C1577;
        border-color: #4C1577;
    }

.login-box {
    margin: 0 auto;
    margin-top: 3em;
    padding: 6em 3em 3em 3em;
    color: #312c4d;
    background: #AD94CF;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

    .login-box .fa {
        color: #312c4d;
    }

    .login-box .btn .fa {
        color: #fff;
    }

    .login-box hr {
        border: none;
    }

    .login-box input {
        border: none;
        border-bottom: 1px solid #fff;
        background: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        -ms-border-radius: 0;
        border-radius: 0;
        color: #312c4d;
        font-size: 14pt;
    }

    .login-box .form-control:focus {
        border: none;
        border-bottom: 1px solid #fff;
        outline: 0;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }


    .login-box ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #4c1577;
        opacity: 1; /* Firefox */
    }

    .login-box :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #4c1577;
    }

    .login-box :-ms-input-placeholder { /* Microsoft Edge */
        color: #4c1577;
    }

#password-form-group {
    position: relative;
}

#toggle-password {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Button size in input-group*/
.input-group .btn {
    height: 30px;
}

/* PRIMARY */
.btn-primary {
    color: #fff;
    background-color: #49485e;
    border-color: #3e3a50;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #3e3a50;
        border-color: #3a2140;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #3e3a50;
        border-color: #3a2140;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #3e3a50;
        border-color: #3a2140;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #3e3a50;
            border-color: #3a2140;
        }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #69687e;
        border-color: #5e5a70;
    }

/* SUCCESS */
.btn-success {
    color: #fff;
    background-color: #58b094;
    border-color: #389074;
}

    .btn-success:focus,
    .btn-success.focus {
        color: #fff;
        background-color: #389074;
        border-color: #187054;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #389074;
        border-color: #187054;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #389074;
        border-color: #187054;
    }

        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #389074;
            border-color: #187054;
        }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #79c0a9;
        border-color: #58b094;
    }

/* DANGER */
.btn-danger {
    color: #fff;
    background-color: #C24D42;
    border-color: #B23D32;
}

    .btn-danger:focus,
    .btn-danger.focus {
        color: #fff;
        background-color: #B23D32;
        border-color: #A22D22;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #B23D32;
        border-color: #A22D22;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #B23D32;
        border-color: #A22D22;
    }

        .btn-danger:active:hover,
        .btn-danger.active:hover,
        .open > .dropdown-toggle.btn-danger:hover,
        .btn-danger:active:focus,
        .btn-danger.active:focus,
        .open > .dropdown-toggle.btn-danger:focus,
        .btn-danger:active.focus,
        .btn-danger.active.focus,
        .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #B23D32;
            border-color: #A22D22;
        }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #E26D62;
        border-color: #D25D52;
    }

/* LABELS */
.label-primary {
    background-color: #49485e;
}

.label-info {
    background-color: #58a0b0;
}

.label-default {
    background-color: #aaaaaa;
}

.label-success {
    background-color: #58b094;
}

.label-danger {
    background-color: #C24D42;
}


.required:after {
    content: "*";
    font-weight: bold;
    color: #B23D32;
}

h2 {
    margin-top: 0;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 14pt;
}

    h2 small {
        font-size: 10px !important;
    }

.icons-over-card-container {
    right: 40px;
    position: absolute;
    top: -16px;
    z-index: 50;
}

.card-container h3 {
    border-bottom: 1px solid #eee;
    padding-bottom: 4px;
}

h4.underlined {
    margin-top: 0;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-weight: 300;
}

/* PASSWORD STRENGHT*/
.password-verdict {
    color: #fff;
    -ms-text-shadow: 1px 1px #333;
    text-shadow: 1px 1px #333;
    font-weight: bold;
}

.pwstrength_viewport_progress {
    width: 50%;
}

.label-multiline {
    display: flex;
    flex-direction: column;
    line-height: 0.7;
    padding: 4px;
}

/* WIDGETS */
.widget {
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.navy-bg {
    background-color: #1ab394;
    color: #ffffff;
}

.lazur-bg {
    background-color: #23c6c8;
    color: #ffffff;
}

.yellow-bg {
    background-color: #f8ac59;
    color: #ffffff;
}

.red-bg {
    background-color: #ed5565;
    color: #ffffff;
}

.widget h2 {
    border: none;
    font-size: 2em;
    font-weight: bold;
    border: none;
    padding: 0;
}

.widget h3 {
    font-weight: 300;
    font-size: 1.5em;
    margin: 0;
    border: none;
    padding: 0;
}

fieldset legend {
    font-weight: 300;
    font-size: 2.15em;
}

table.table-fixed-row-height td > div {
    overflow: hidden;
    height: 1.25em;
}

table.no-wrap td,
table.no-wrap th {
    white-space: nowrap;
}

tr.no-wrap td,
tr.no-wrap th {
    white-space: nowrap;
}

/* datepicker fix for modals */
.datepicker {
    z-index: 1151 !important;
}

.tag-container .label {
    margin-right: 4px;
}

    .tag-container .label a,
    .tag-container .label a:hover {
        color: #fff;
    }

.modal {
    overflow: auto;
}

/* DROPZONEJS ----------------------------------------------------*/
/* Mimic table appearance */
div.table {
    display: table;
}

    div.table .file-row,
    div.table .header-row {
        display: table-row;
    }

        div.table .file-row > div,
        div.table .header-row > div {
            display: table-cell;
            vertical-align: top;
            border-bottom: 1px solid #ddd;
            padding: 8px;
        }

        div.table .file-row:nth-child(odd) {
            background: #f9f9f9;
        }

    div.table.smaller .file-row > div,
    div.table.smaller .header-row > div {
        padding: 4px;
    }


.row-checkbox input[type=checkbox] {
    display: inline-block;
    height: 12px;
}

/* TABLE INDEX */
.table-index tbody tr td:last-child {
    text-align: right;
}

.table-index tr td,
.table-index tr th {
    white-space: nowrap;
}

.table td.absorbing-column {
    width: 100%;
}

.table thead a {
    color: #fff;
}

/* Corrección para cuando hay un solo elemento en la tabla y es un warning */
.table-index tr.warning td:last-child {
    text-align: left;
}

.dropzoneJs {
    border: none;
    background: #fbf7d8;
    border: solid 1px #f6ea97;
}

    .dropzoneJs .dz-preview.dz-image-preview {
        background: none;
    }
/* SELECTIZEJS MEDIA ITEM */
.selectize-media-item h4.media-heading {
    font-size: 10pt;
    font-weight: bold;
}

.selectize-media-item .media-body p {
    font-size: 9pt;
}

.has-error .selectize-input {
    border-color: #990000;
    box-shadow: 0 0px 3px red;
}

.color-preview {
    height: 30px;
    width: 30px;
    border: .2em solid #eff0f7;
    -webkit-box-shadow: 0 0 2px #888888;
    -ms-box-shadow: 0 0 2px #888888;
    box-shadow: 0 0 2px #888888;
    -ms-border-radius: 6px;
    border-radius: 6px;
    float: left !important;
    cursor: pointer;
    margin-right: 20px;
}

/* PRODUCT TREE */
.product-tree-selector-container #product-tree-list {
    overflow-x: hidden;
    overflow-y: auto;
}

/* SEARCHIFY */
.searchify-toggle-filters {
    color: #fff;
    display: block;
    text-align: center;
}

    .searchify-toggle-filters:hover,
    .searchify-toggle-filters:active,
    .searchify-toggle-filters:focus {
        color: #fff;
    }

.searchify-row {
    background: #bbb;
}

    .searchify-row input,
    .searchify-row select {
        width: 100%;
        color: #333;
        border-radius: 2px;
        border: 1px solid #ddd;
        padding: 2px;
        font-size: .9em;
    }

        .searchify-row input[disabled],
        .searchify-row select[disabled] {
            background: #ddd;
        }

/* TABLE SORTER */
/*************
  Blue Theme
 *************/
/* overall */
.tablesorter-blue {
    width: 100%;
    background-color: #fff;
    text-align: left;
    border-spacing: 0;
}

    .tablesorter-blue tbody td,
    .tablesorter-blue tfoot th,
    .tablesorter-blue tfoot td {
        padding: 4px;
        vertical-align: top;
    }

    .tablesorter-blue .header,
    .tablesorter-blue .tablesorter-header {
        /* black (unsorted) double arrow */
        background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
        /* white (unsorted) double arrow */
        /* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
        /* image */
        /* background-image: url(images/black-unsorted.gif); */
        background-repeat: no-repeat;
        background-position: center right;
        padding: 4px 18px 4px 4px;
        white-space: normal;
        cursor: pointer;
        filter: brightness(7);
    }

    .tablesorter-blue .headerSortUp,
    .tablesorter-blue .tablesorter-headerSortUp,
    .tablesorter-blue .tablesorter-headerAsc {
        /*background-color: #9fbfdf;*/
        /* black asc arrow */
        background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
        /* white asc arrow */
        /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */
        /* image */
        /* background-image: url(images/black-asc.gif); */
    }

    .tablesorter-blue .headerSortDown,
    .tablesorter-blue .tablesorter-headerSortDown,
    .tablesorter-blue .tablesorter-headerDesc {
        /*background-color: #8cb3d9;*/
        /* black desc arrow */
        background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
        /* white desc arrow */
        /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */
        /* image */
        /* background-image: url(images/black-desc.gif); */
    }

    .tablesorter-blue thead .sorter-false {
        background-image: none;
        cursor: default;
        padding: 4px;
    }

    /* tbody */
    .tablesorter-blue td {
        color: #3d3d3d;
        background-color: #fff;
        padding: 4px;
        vertical-align: top;
    }

/* fix tfoot when is applied the order column */
tfoot .tablesorter-headerDesc, tfoot .tablesorter-headerAsc {
    background-image: none !important;
}

.font-sm th {
    font-size: 10px;
}

@media (min-width: 600px) {
    dl.dl-lg dt {
        width: 230px;
    }

    dl.dl-lg dd {
        margin-left: 240px;
    }
}

@media (max-width: 767.98px) {
    .responsive-input {
        width: 80px !important;
    }
}

/* TABLE WITH FORM INPUTS SMALL */
table.table-form-sm tr td .form-control {
    padding: 4px;
    font-size: 8pt;
    height: 30px;
}

table.table-form-sm tr td {
    padding: 2px;
}

    table.table-form-sm tr td .primary-line {
        font-size: 8pt;
        white-space: nowrap;
        width: 100%; /* IE6 needs any width */
        overflow: hidden; /* "overflow" value must be different from  visible"*/
        -o-text-overflow: ellipsis; /* Opera < 11*/
        text-overflow: ellipsis; /* IE, Safari (WebKit), Opera >= 11, FF > 6 */
    }

.calc-popup {
    display: none;
    background: #fff;
    padding: 1em;
    position: absolute;
    border: 1px solid #aaa;
    top: 32px;
    right: 0;
}

    .calc-popup.open {
        display: block;
        z-index: 9999;
    }

.table-cell-popup {
    display: none;
    background: #fff;
    padding: 1em;
    position: absolute;
    border: 1px solid #aaa;
    top: 22px;
    right: 0;
}

    .table-cell-popup.open {
        display: block;
        z-index: 9999;
    }

.data-expander-header {
    display: block;
    padding: 4px;
    margin-bottom: 2px;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
}

/*MOBILE*/
#search-btn-icon {
    position: relative;
    right: 20px;
    z-index: 5;
    top: 7px;
}

/* MESAS */
.table-item {
    position: relative;
    background: #0C6565;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 5px 0 #ccc;
    -ms-box-shadow: 0 0 5px 0 #ccc;
    box-shadow: 0 0 5px 0 #ccc;
    padding: 16px;
    margin-bottom: 8px;
}

    .table-item input {
        background: none;
        border: none;
        color: #fff;
        font-size: 13pt;
        text-align: center;
        width: 100%;
    }

        .table-item input[type=number] {
            font-size: 16pt;
            padding-left: 16px;
        }

        .table-item input:focus {
            outline: none;
        }

    .table-item a.btn-remove-table {
        position: absolute;
        display: inline-block;
        bottom: 0;
        right: 0;
        color: #fff;
        padding: 8px;
    }

/* WIDGETS */
.dashboard-widget.card-container {
    padding: 8px;
    height: 160px;
}

.dashboard-widget-mock {
    height: 160px;
}

    .dashboard-widget-mock .dashboard-widget-head {
        background: #dadada;
        border-radius: 8px;
        height: 24px;
        padding: 8px 0;
        margin: 0 0 8px 0;
    }

    .dashboard-widget-mock .dashboard-widget-body {
        background: #dadada;
        border-radius: 8px;
        height: 32px;
        padding: 8px 0;
        margin: 8px 0;
    }

    .dashboard-widget-mock .dashboard-widget-footer {
        background: #dadada;
        border-radius: 8px;
        height: 24px;
        padding: 8px 0;
        margin: 8px 0 0 0;
    }

.dashboard-widget h3 {
    margin: 0;
    border: 0;
    font-weight: 300;
    font-size: 14pt;
    float: left;
}

.dashboard-widget h4 {
    margin: 0;
    border: 0;
}

.dashboard-widget .period-picker {
    float: right;
    text-align: right;
    font-size: 9pt;
    color: #666;
}

    .dashboard-widget .period-picker a {
        color: #666;
    }

.period-picker-dates {
}

.dashboard-widget .dashboard-widget-head {
    padding: 8px;
    border-bottom: #eaeaea solid 1px;
    margin-bottom: 8px;
}

    .dashboard-widget .dashboard-widget-head:after {
        content: "";
        display: table;
        clear: both;
    }

.dashboard-widget .dashboard-widget-body {
    padding: 8px;
    text-align: center;
}

    .dashboard-widget .dashboard-widget-body a {
        text-decoration: none;
    }

    .dashboard-widget .dashboard-widget-body .primary-value {
        font-size: 20pt;
    }

    .dashboard-widget .dashboard-widget-body .buttons {
        text-align: left;
    }

        .dashboard-widget .dashboard-widget-body .buttons a.btn {
            margin-bottom: 4px;
        }

.dashboard-widget .dashboard-widget-footer {
    padding: 8px;
    border-top: #eaeaea solid 1px;
    margin-top: 8px;
}

.period-picker-dates input[type=text] {
    background: none;
    display: inline;
    outline: none;
    border: none;
    cursor: pointer;
}

    .period-picker-dates input[type=text]:hover {
        text-decoration: underline;
    }

.document-item-concept {
    display: table-row;
}

    .document-item-concept.labels {
        display: table-cell;
    }

    .document-item-concept .btn-edit-document-item {
        display: table-cell;
    }

.document-item-concept-editable {
    display: table-row;
}

.btn-save-document-item,
.btn-cancel-document-item {
    display: table-cell;
}

.big-calendar .datepicker-inline {
    width: 100%;
}

.big-calendar table {
    width: 100%;
}

.big-calendar .datepicker table tr td {
    height: 48px;
    border: 1px solid #999;
}

.big-calendar td.day {
    background-color: lightblue;
    font-weight: bold;
}

    .big-calendar td.day.modified {
        background-color: orange;
    }

table th.header-filter {
    position: relative;
    cursor: pointer;
}

    table th.header-filter .filter {
        position: absolute;
        border: solid 1px #666;
        box-shadow: 0 0 6px #333;
        border-radius: 0 0 3px 3px;
        top: 24px;
        background-color: white;
        color: #333;
        min-width: 150px;
        left: 0;
        display: none;
        padding: 0 8px 8px 8px;
    }

        table th.header-filter .filter hr {
            margin: 8px 0 0 0;
        }

        table th.header-filter .filter .options {
            overflow-y: auto;
            overflow-x: hidden;
            max-height: 320px;
        }

        table th.header-filter .filter .buttons-footer {
            padding: 8px 0 0 0;
        }

table tbody tr.selected {
    border: 2px solid #187054;
}

.window-load {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 3200;
    opacity: 0.65;
    background: #999;
}

.popover-header {
    background-color: #3E3A61;
    color: #FFFFFF;
    padding: 5px;
    font-size: 18px;
    display: block;
}