@font-face {
    font-family: 'HeliosThin';
    font-style: normal;
    font-weight: normal;
    src: local('HeliosThin'), url(../fonts/HeliosThin.otf);
}

h1,h2,h3,h4, legend, .h1,.h2,.h3,.h4 {
    font-family: 'HeliosThin', "Helvetica Neue",Helvetica,Arial,sans-serif;
}

body.modal-open > .pane {
    filter: blur(3px);
}

body > .pane {
    transition: filter 0.5s ease 0s;
}

body {
    font-family: /*"open sans",*/"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #676a6c;
    font-size: 13px;
}

.modal-backdrop {
    background-color: #293846;
}

#main-backdrop {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*background: #fff url("../img/loading.gif") no-repeat center center;*/
    opacity: 1;
    height: 100%;
    width: 100%;
    filter: alpha(opacity=80);
    z-index: 20140628;
    background-color: #fff;
}

#main-backdrop div {
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;

    height:50px;
    width:50px;

    color: #3c5261;
    opacity: 0.2;
}

.bootstrap-select .dropdown-menu .fa.sp-icon {
    margin-left:-16px;
}

/*.bootstrap-select.btn-group .dropdown-menu.inner {
    max-width: 400px;
}

.select-ellipsis.bootstrap-select.btn-group .dropdown-menu.inner  li  {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/

.bootstrap-select .dropdown-menu .select-only {
    display: none;
}

.bootstrap-select.btn-group .btn.dropdown-toggle > .filter-option .dropdown-only {
    display: none;
}

.bootstrap-select.btn-group .btn .filter-option {
    text-overflow: ellipsis;
}

.input-group .bootstrap-select.form-control {
    z-index: inherit;
}

.progress {
    background-color: gray;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset;
    border-radius: 0;
    margin: 5px;
}
.progress-bar[aria-valuenow="0"],
.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"],
.progress-bar[aria-valuenow="3"],
.progress-bar[aria-valuenow="4"],
.progress-bar[aria-valuenow="5"],
.progress-bar[aria-valuenow="6"],
.progress-bar[aria-valuenow="7"],
.progress-bar[aria-valuenow="8"],
.progress-bar[aria-valuenow="9"],
.progress-bar[aria-valuenow="10"] {
    min-width: 10%;
}

.progress-bar[aria-valuenow="0"] {
    background: transparent;
    box-shadow: none;
    color: #333;
}

/*.selectpicker.dropdown-menu .fa {
    width:16px;
}*/

svg.peity {
}

.fc-toolbar h2 {
    font-size: 20px;
}

/*.tableFloatingHeaderOriginal th, .tableFloatingHeaderOriginal td {
    background-color: #fff;
}*/

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #29d;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}


.ui-layout-pane {
    background:	#FFF;
    /*border:		1px solid #BBB;*/
    border:0;
    padding:	0;
    overflow:	auto;
}

.overflow-hidden {
    overflow: hidden;
}

.pane-content {
    padding-top:15px;
    padding-bottom:15px;
}

.pane-content-xs {
    padding-top:5px;
    padding-bottom:5px;
}

.pane-content-sm {
    padding-top:10px;
    padding-bottom:10px;
}

#main-sidebar, #main-sidebar .ui-layout-pane {
    background-color: #2f4050;
    border:0;
}

.preview-table-catch table tbody tr td, .table-select tbody tr td {
    cursor: pointer;
}

.border-bottom {
    border-bottom: 1px solid #e7eaec !important;
}

.bg-white {
    background-color: #ffffff;
}

.bg-muted {
    background: rgba(33,33,33,0.11);
}

.bg-light-muted {
    background: rgba(33,33,33,0.05); /*0.3*/
}

.bg-gray {
    background-color: #f3f3f4;
}

.full-width {
    width: 100% !important;
}

/*#companies-table a.title:visited {
    color: #ccc;
}*/

hr.dashed {
background-color: #ffffff;
border-top: 1px dashed #e7eaec;
color: #ffffff;
height: 1px;
margin: 20px 0;
}

.page-heading {
    border: 0 none;
    margin-top:15px;
    margin-bottom:10px;
}

.page-heading .title {
    font-size:24px;
    /*text-transform: uppercase;*/
    color: #2F4050;
    font-family: 'HeliosThin', "Helvetica Neue",Helvetica,Arial,sans-serif;

}

.page-heading .title .small {
    color: #999;
    font-size:50%;

}

.pager {
    margin: 10px;
}

.space {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 7px 0;
}

.required-asterisk {
    color: #f0ad4e;
    font-size: 10px;
}

.required-addon {
    padding:7px 2px;
    font-size: 10px;
    background-color: transparent;
}

.space-sm {
    margin: 5px 0;
}

.space-xs {
    margin: 2px 0;
}

.left-space {
    margin-left: 7px;
}

.right-space {
    margin-right: 7px;
}

.clamped {
    margin:0 !important;
    padding:0 !important;
}

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

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

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

.v-margin {
    margin-left:15px;
    margin-right:15px;
}

.h-margin {
    margin-top:15px;
    margin-bottom:15px;
}

.separate-block::before {
    background-color: #fff;
    color: #7b7b7b;
    content: attr(data-content);
    display: inline-block;
    padding: 3px;
    position: relative;
    top: -10px;
}
.separate-block {
    border-top: 1px solid #e5e6e7;
    text-align: center;
    width: 100%;
    line-height: 13px;
    margin-top: 3px;
}

.i-checks label {
    padding-left:0;
}

.radio label, .checkbox label {
    margin-bottom: 5px;
    line-height: 20px;
}

legend {
    color: #999;
    font-size: 18px;
    margin-bottom: 15px;
    padding: 6px 6px 7px;
}

legend.legend-sm {
    font-size: 13px;
    padding: 10px 10px 11px;
}

/*legend {
    color: #676a6c;
}*/

.modal .hidden-modal {
    display:none !important;
}

.modal-dialog.modal-fluid {
    width: 90%;
    height: 100%;
    margin:auto;
    padding: 20px;
    min-height: 400px;
}

.modal-dialog.modal-fluid .modal-content {
    margin: auto;
    height:100%;
}

.modal-dialog.modal-fluid .modal-content .modal-header {
    height: 50px;
    position: absolute;
    display: block;
    width:100%;
    top:0;
    left:0;
    z-index: 1;
}

.modal-dialog.modal-fluid .modal-content .modal-body {
    height: 100%;
    width:100%;
    padding-top: 60px;
    position: absolute;
    top:0;
    left:0;
}

.layout-preview {
    box-shadow: 30px 0 30px -35px rgba(0, 0, 0, 0.2) inset;
}

.preview-container {
    width:100%;
}

.cm-container {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;

    position:absolute; left:0; right:0; top:0
}

.cm-container > div {
    display: table-cell;
    vertical-align: middle;
    /*font-size:24px;*/
}

.muted-container {
    /*box-shadow: 30px 0 30px -35px rgba(0, 0, 0, 0.176) inset;*/
    /*background: #dddddd;*/
    background: rgba(0,0,0,0.11);
}

.loading-container {
}

.table-prefab table.table-prefab .etalon>td {
    border-top: none;
    padding-top: 0;
}

.table-prefab table.table-prefab {
    margin-bottom: 0;
}

/*
.table > thead > tr > th {
    border-bottom-width: 1px; !important;
}*/

.table.table-valign-middle tr[data-id] td,
.table tr td.valign-middle {
    vertical-align: middle;
}

.table.table-hover tbody tr td .btn-group-actions:not(.open),
.dd-content .btn-group-actions:not(.open) {
    opacity: 0.3;
    border-color: transparent;
}
.table.table-hover tbody tr.selected td .btn-group-actions,
.table.table-hover tbody tr:hover td .btn-group-actions,
.dd-content.selected .btn-group-actions,
.dd-content:hover .btn-group-actions {
    opacity: 1;
    border-color: #e5e6e7;
}

.table.table-hover tbody tr.selected .fa-mng-status {
    color: #fff;
}

a.title {
    /*font-size: 14px;*/
    color: #676A6C;
    /*font-weight: 600;*/
}

/* BS */

/* MODAL */

.modal-header .breadcrumb {
    margin-bottom: 0;
}

.modal-header .action-block {
    position: absolute;
    right:15px;
    top:15px;
}

.modal-content {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    outline: 0 none;
    position: relative;
}
.modal-dialog {
    z-index: 1200;
}
.modal-body {
    padding: 20px 10px 30px 10px;
}
.inmodal .modal-body {
    background: #f8fafb;
}
.inmodal .modal-header {
    padding: 10px 15px;
    text-align: center;
}
.animated.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.inmodal .modal-title {
    font-size: 26px;
    margin: auto;
    max-width: 75%;
}
.inmodal .modal-icon {
    font-size: 84px;
    color: #e2e3e3;
}
.modal-footer {
    margin-top: 0;
    padding: 10px 15px;
}

.label {
    /*font-size:10px;*/
    border-radius: 0;
    padding: 0.2em 0.6em;
}

a.label-group:hover,
a.label-group:focus{
    cursor: pointer;
    text-decoration: none;
}

.label-group>.label:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0;
}

.label-group>.label:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.badge {
    font-weight: normal
}

.bg-primary,.label-primary, .badge-primary {
    background-color: #1ab394;
    color: #ffffff;
}
.bg-success,.label-success, .badge-success {
    background-color: #1c84c6;
    color: #ffffff;
}
.bg-warning,.label-warning, .badge-warning {
    background-color: #F89406;
    color: #ffffff;
}
.bg-warning-light,.label-warning-light, .badge-warning-light {
    background-color: #F89406;
    color: #ffffff;
}
.bg-danger,.label-danger, .badge-danger {
    background-color: #ed5565;
    color: #ffffff;
}
.bg-info {
    background-color: #d9edf7!important;
}
.label-info, .badge-info {
    background-color: #23c6c8;
    color: #ffffff;
}
.label-inverse, .badge-inverse {
    /*background-color: #262626;*/
    background-color: #293846;
    color: #ffffff;
}
.label-white, .badge-white {
    background-color: #ffffff;
    color: #5e5e5e;
}

a.badge.badge-white {
    color: #428bca;
}

a.badge.badge-white:hover, a.badge.badge-white:focus {
    /*background-color: #f1f1f1;*/
    color: #2a6496;
}

h1 .badge, h2 .badge, h3 .badge,
.h1 .badge, .h2 .badge, .h3 .badge {
    font-size: inherit;
}

.label-disable, .badge-disable {
    background-color: #2a2e36;
    color: #8b91a0;
}

.text-primary {
    color: inherit;
}
.text-success {
    color: #1c84c6;
}
.text-info {
    color: #23c6c8;
}
.text-warning {
    color: #F89406;
}

.text-white {
    color: #fff;
}

.text-yellow {
    color: yellow;
}

.bootbox .bootbox-body,
.bootbox .modal-footer {
    text-align: center;
}

.text-danger {
    color: #ed5565;
}
.label.label-default {
    background-color: #e9e9e9;
    border: 1px solid #e7e7e7;
    color: #676a6c;
}
.label.label-tag {
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    color: #777;
    /*display: inline-block;*/
    font-weight: normal;
}

a.label.label-tag:hover, a.label.label-tag:focus {
    background-color: #f1f1f1;
    color: #777;
}

.label i.fa {
    transform: none;
}
.btn i.fa {
    line-height: inherit;
}

.fa.fa-lg {
    line-height: inherit;
    font-size:1.444em;
}


.table > thead > tr > th {
    border-bottom-width: 1px;
    /*background-color: #fdfdfd;*/
    background-color: #fff;
}

.form-horizontal.form-actions-fixed {
    padding-bottom: 80px;
}

.form-inline .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-group.form-actions {
    margin-bottom: 0;
    z-index: 100;
}

.form-base64 {
    font-size:12px !important;
    font-family: Courier, monospace, serif !important;
}

.form-actions {
    padding: 19px 0 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #F5F5F5;
    border-top: 1px solid #E5E5E5;
}

.modal .form-actions {
    background-color: #fff;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 0;
    position: relative;
    bottom: -30px;
}

.form-actions {
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

.form-actions.form-actions-fixed {
    /*width:100%;*/
    position: fixed;
    bottom:0;
    opacity: 0.5;
}

.form-actions.form-actions-fixed:hover {
    opacity: 1;
    transition-delay: 0s;
}

.form-control[readonly] {
    background-color: inherit;
    cursor: not-allowed;
    opacity: 1;
}

.alert {
    border-radius: 0;
    border-width: 0 0 0 5px;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 10px;
    font-family: "Input Mono Condensed", Consolas, "Courier New";
}

.alert-default {
    background-color: transparent;
    border-color: #e7e7e7;
    color: #777;
}

.alert-inside {
    margin-left:-15px;
}

.alert .h4 {
    color: inherit;
    margin-top: 0;
}

.text-muted {
    color: #ccc;
}

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

.nav-tabs {
    margin-bottom: 10px;
}

.breadcrumb {
    /*background-color: #f5f5f5*/;
    background-color: transparent;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 15px;
    padding: 8px 15px;
}

.breadcrumb > li {
    display: inline;
}

/*#navbar-top.navbar {
    background: none repeat scroll 0 0 #f3f3f4;
}*/

/*
.navbar-nav > li > a {
    line-height: 1px;
}*/

.navbar .navbar-brand {
    padding:14px;

}

.navbar-brand-version {
    color: #aaa;
    font-size: .9rem;
    position: absolute;
    top: 38px;
    left: 108px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top:0;
    /*margin-top:-1px;
    border-top:1px solid #e7eaec;*/
    /*margin-top:px;
    border-top:1px solid #e7eaec;*/

}

.navbar-nav li a.clamped-nav {
    padding-bottom: 9px;
    padding-top: 9px;
    vertical-align: middle;
}

.navbar-default {
    background: none repeat scroll 0 0 #f3f3f4;
    border:0;
}

.navbar-inverse {
    background: none repeat scroll 0 0 #293846;
    border:0;
}


/*.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}*/
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #2f4050;
    color: #fff;
}

.navbar-inside {
    background: none repeat scroll 0 0 #F2F1EF;
    border:0;
}

.navbar-inside .navbar-nav > li > a,
.navbar-inside .navbar-nav > li > .navbar-text {
    /*color: #ECF0F1;*/
    /*color: #a7b1c2;*/
    color: #fff;
}

.navbar-inside .navbar-nav > li > a:hover,
.navbar-inside .navbar-nav > li > a:focus {
    color: #fff;
    background-color: rgba(33, 33, 33, 0.08);
    /*background-color: inherit;*/
}

.navbar-inside .navbar-nav > .active > a,
.navbar-inside .navbar-nav > .active > a:hover,
.navbar-inside .navbar-nav > .open > a,
.navbar-inside .navbar-nav > .active > a:focus {
    /*background-color: #D91E18;*/
    /*background-color: #293846;*/
    background-color: rgba(33, 33, 33, 0.08);
    color: #fff;
}

.note-editor .note-dialog { z-index:1050; }

#navbar-top.navbar .toggle-sidebar {
    float: left;
    font-size: 14px;
    margin: 11px 5px 5px 0px;
    padding: 4px 12px;
}

.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover/*, .progress*/, .progress-bar, .well {
    box-shadow: none;
}


.form-group.form-group-general .form-control{
    font-size:130%;
    height: auto;
}

.form-group.form-group-general .control-label{
    /*font-size:130%;
    height: auto;
    font-weight: normal;
    color: #2F4050;*/
}

.navbar, /*.input-group-addon,*/ .well {
    border-radius: 0;
}

.btn-default, .input-group-addon {
    border: 1px solid #e5e6e7;
    color: #676a6c;
}

.input-group-btn > .btn {
    background-color:#eeeeee;
    border: 1px solid #e5e6e7;
}

div.checkbox_button > a {
    border: 0;
    border-radius: 0;
}

.input-group .bootstrap-select > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

/*
.btn-group .dropdown-menu {
    background: rgba(51,70,90,0.95);
}

.btn-group .dropdown-menu > li > a {
    color: #a7b1c2;
}

.btn-group .dropdown-menu > .active > a {
    color: #fff;
    background-color: transparent;
}


.btn-group .dropdown-menu > li > a:focus,
.btn-group .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #428bca;
}*/


.dropdown-menu > li > a {
    color: #676a6c;
}

.dropdown-menu > li.add-action {
    position: relative;
}

.dropdown-menu > li.add-action > a:nth-child(1) {
    margin-right: 30px;
}
.dropdown-menu > li.add-action > a:nth-child(2) {
    padding: 5px 10px;
    position:absolute;
    top:0;
    right:0;
    font-size:11px;
}

.dropdown-menu {
    min-width: 225px;
    /*border: none;*/
    top:102%;
}

.dropdown-menu.dropdown-menu-wauto {
    min-width: 0;
    width: auto;
}

.timeline-item .date i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    width: 25px;
    text-align: center;
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    border-left: 1px solid #e7eaec;
    /*background: #f8f8f8;*/
}
.timeline-item .date {
    text-align: right;
    /*width: 110px;*/
    position: relative;
    padding-top: 30px;
}
.timeline-item .content {
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    min-height: 100px;
}
.timeline-item .content:hover {
    background: #f6f6f6;
}


.well {
    margin-bottom:15px;
}

.c-hand:hover {
    cursor: pointer;
}

.btn-white {
    background: none repeat scroll 0 0 white;
    border: 1px solid #e7eaec;
    color: inherit;
}

.tooltip-inner {
    background-color: #293846;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #293846;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #293846;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #293846;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #293846;
}


.form-clamped .form-group,.form-clamped .form-control, .form-clamped .form-control-static, .form-clamped .control-label {
    margin-top :0;
    margin-bottom :0;
    padding-top:0;
    padding-bottom:0;
}

.form-clamped .form-group .form-control-static {
    min-height: 22px;
}

.form-group {
    margin-bottom: 10px;
}

.form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e5e6e7;
    /*border-radius: 1px;*/
    color: inherit;
    display: block;
    font-size: 14px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.form-control:focus, .single-line:focus {
    border-color: #1ab394;
}

.float-right {
    position: relative;
    float: right;
}

.linked {
    background-color: #d9edf7!important;
}

.import {
    cursor: copy!important;
}

.input-group.radio-group {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 8px;
    height: 34px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

span.radio-group {
    border-left: 0px;
    padding: 6px 4px 11px 0px;
}
span.radio-group:last-of-type {
    padding: 6px 10px 11px 4px;
}

span.radio-group .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 32px;
    padding-bottom: 6px;
    width: 40%;
}
span.radio-group .radio-inline input[type="radio"] {
    margin-top: 2px;
    height: 1.4rem;
    width: 1.4rem;
}

.input-group.flex {
    display: flex;
    width: calc(100% - 40px);
}

.input-group.flex span.input-group-addon {
    width: 34px;
    padding-top: 9px;
}

.form-control.narrow {
    width: 4em;
}

ul.under_checkbox-list {
    margin-bottom: 0;
    list-style: none;
    padding-left: 1rem;
}
ul.directions-search-list {
    margin-bottom: 0;
    list-style: none;
    padding-left: 1rem;
}

.modal-body .__scrolled-height {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}

.modal-fullsize {
    width: calc(100% - 100px);
}


.input-group-btn .btn-group-label {
    font-size: 12px;
    line-height: 20px;
    padding: 6px;
    border: 1px solid #e5e6e7;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px;
    cursor: pointer;
}
.input-group-btn .btn-group-label.is-full {
    width: 100%;
    text-align: center;
    border-radius: 4px;
}
.input-group-btn .btn-group-label:hover {
    background-color: #eee;
}
.input-group-btn .btn-group-checkbox:checked + .btn-group-label {
    background-color: #1ab394;
    color: #fff;
    border-color: #1ab394;
}
.btn-group-input.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nowrap {
    white-space: nowrap;
}
.btn.disabled.pe-auto {
    pointer-events: auto;
}
body .pane.filter-none {
    filter: none;
}

.modal-body span.input-group-addon.pointer{
    cursor: pointer;
}
.bottom-button {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 200;
    right: 0;
    padding: 5px;
    cursor: pointer;
}
.hideModal {
    padding: 2px 5px 0 0;
    font-weight: bold;
    font-size: 21px;
}

.tray-danger {
    background-color: rgba(255,0,0,.55);
    padding: 6px 16px 6px 16px;
    border: solid 1px red;
}
.tray-danger > span.fa.fa-angle-up {
    color: white;
    margin-right: 10px;
    font-size: 1.5rem;
    font-weight: bolder;
}
.tray-danger > span.title {
    color: white;
}