@CHARSET "UTF-8";

html, body { margin-top: 0px; }

/***
Fix link outlines after click
***/
* { outline: none !important; -moz-outline: none !important; -moz-user-focus: none !important; }
*:active,
*,:focus,
*:hover {
    outline: none !important;
}
a, a:focus, a:hover, a:active {
  outline: 0;
}

.coda-slider-wrapper.arrows { width: 100% !important; }
.coda-slider-wrapper { overflow: hidden; }

/*===== Select Boxes =====*/
.searchbar .selectBoxes,
.searchbar .selectBoxes:hover,
.searchbar .selectBoxes:active,
.searchbar .selectBoxes:focus
{
    outline: 0px !important;
    -webkit-appearance: none !important;
}

.small_select-100 {
    width: 100px;
}
.small_select-100 .sbOptions{
    width: 100%;
}


.searchbar .sbOptions, .home_empresa_form .sbOptions, .search_filter .sbOptions, .form_input .sbOptions {
    border-color: #e8e8e8;
    z-index: 10;
}

/*
.form_input .sbOptions {
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    top: 43px !important;
    width: 100%;
}
*/

/* ---- Breadcrumbs ---- */
.kt-subheader__breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0 0;
    padding: 0;
    font-size: 11px;
}

.kt-subheader__breadcrumbs a {
    padding: 0 0.35rem 0 0;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.kt-subheader__breadcrumbs a:hover {
    text-decoration: none !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
}

.kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-home {
    padding: 0px 0.65rem 0px 0px;
}

.kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link {
}

.kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-pack: content;*/
    /*-ms-flex-pack: content;*/
    /*justify-content: content;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.35rem 0 0;
}
/**, *::before, *::after {*/
    /*-webkit-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
/*}*/
.kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-separator:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    content: " ";
    background: rgba(255, 255, 255, 0.6);
}

/* ---- Backgrounds ---- */
.bg-grey-trans    { background: url("/img/popover_background.png") repeat transparent !important; }
.bg-grey-trans-x2 { background: url("/img/popover_background.png") repeat transparent !important; }


/*===== Banners =====*/
.banner.center div {
    margin: 0 auto;
}

/*===== Page =====*/
.page-subtitle {
    font-weight: normal;
}


/*===== form-group =====*/
.form-group, .form-group *, .form-group *::after, .form-group *::before {
    box-sizing: border-box;
}
.form-group .form-control,
.form-group .form-control::after,
.form-group .form-control::before {
    box-sizing: border-box;
}
.form-group label {
    margin: 0;
    font-size: 13px;
}
.form-group label:not(.help-block) {
    font-family: "allerregular";
}
.form-group .form-control {
    margin: 0;
    background-color: #ffffff;
    /*border: 1px solid #c2cad8;*/
    border: 1px solid #e8e8e8;
    /*border-radius: 4px;*/
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/
    height: 34px;
    padding: 6px 12px;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    width: 100% !important;
    font-family: inherit;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.form-group .form-control:focus {
    border-color: #93a1bb;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(147, 161, 187, 0.6);*/
    outline: 0 none;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.form-group .form-control::-moz-placeholder {
    color: #999999;
    opacity: 1;
}
.form-group .form-control input,
.form-group .select2 input {
    margin: 0;
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback,
.has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label,
.has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #27a4b0;
}
.form-group .form-control[disabled],
.form-group .form-control[readonly],
fieldset[disabled] .form-group .form-control {
    background-color: #eef1f5;
    opacity: 1;
}
.form-group .form-control[disabled], fieldset[disabled] .form-group .form-control {
    cursor: not-allowed;
}
.form-group textarea.form-control {
    height: auto;
}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn,
.input-sm {
    /*border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
    /*font-size: 12px;*/
    font-size: 14px;
    height: 30px;
    line-height: 1.5;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}
.input-group-sm > .form-control *,
.input-group-sm > .input-group-addon *,
.input-group-sm > .input-group-btn > .btn *,
.input-sm *,
.input-group-sm .select2-container--bootstrap .select2-selection--single {
    font-size: 14px;
    line-height: 1.3;
}
.select2-container {
    /*z-index: 987;*/
}
.select2-dropdown {
    z-index: 3 !important;
}
.knowledge_tag_autosize_tester {

}
.select2-container--bootstrap.input-sm .select2-selection--multiple .select2-search--inline .select2-search__field,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    font-size: 14px;
}
.select_filter .borderGradientBlueFocus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

@media not all {
    .form-group input.form-control[type="date"],
    .form-group input.form-control[type="time"],
    .form-group input.form-control[type="datetime-local"],
    .form-group input.form-control[type="month"] {
        line-height: 34px;
    }
    .form-group .input-group-sm input[type="date"],
    .form-group .input-group-sm input[type="time"],
    .form-group .input-group-sm input[type="datetime-local"],
    .form-group .input-group-sm input[type="month"],
    .form-group .input-group-sm > .input-group-btn > input.btn[type="date"],
    .form-group .input-group-sm > .input-group-btn > input.btn[type="time"],
    .form-group .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
    .form-group .input-group-sm > .input-group-btn > input.btn[type="month"],
    .form-group .input-group-sm > input.form-control[type="date"],
    .form-group .input-group-sm > input.input-group-addon[type="date"],
    .form-group .input-group-sm > input.form-control[type="time"],
    .form-group .input-group-sm > input.input-group-addon[type="time"],
    .form-group .input-group-sm > input.form-control[type="datetime-local"],
    .form-group .input-group-sm > input.input-group-addon[type="datetime-local"],
    .form-group .input-group-sm > input.form-control[type="month"],
    .form-group .input-group-sm > input.input-group-addon[type="month"],
    .form-group input.input-sm[type="date"],
    .form-group input.input-sm[type="time"],
    .form-group input.input-sm[type="datetime-local"],
    .form-group input.input-sm[type="month"] {
        line-height: 30px;
    }
    .form-group .input-group-lg input[type="date"],
    .form-group .input-group-lg input[type="time"],
    .form-group .input-group-lg input[type="datetime-local"],
    .form-group .input-group-lg input[type="month"],
    .form-group .input-group-lg > .input-group-btn > input.btn[type="date"],
    .form-group .input-group-lg > .input-group-btn > input.btn[type="time"],
    .form-group .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
    .form-group .input-group-lg > .input-group-btn > input.btn[type="month"],
    .form-group .input-group-lg > input.form-control[type="date"],
    .form-group .input-group-lg > input.input-group-addon[type="date"],
    .form-group .input-group-lg > input.form-control[type="time"],
    .form-group .input-group-lg > input.input-group-addon[type="time"],
    .form-group .input-group-lg > input.form-control[type="datetime-local"],
    .form-group .input-group-lg > input.input-group-addon[type="datetime-local"],
    .form-group .input-group-lg > input.form-control[type="month"],
    .form-group .input-group-lg > input.input-group-addon[type="month"],
    .form-group input.input-lg[type="date"],
    .form-group input.input-lg[type="time"],
    .form-group input.input-lg[type="datetime-local"],
    .form-group input.input-lg[type="month"] {
        line-height: 46px;
    }
}

/*===== input-group =====*/
.input-group {
    border-collapse: separate;
    display: table;
}
.input-group, .input-group-btn, .input-group-btn > .btn {
    position: relative;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.input-group-addon, .input-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}
.input-group-addon {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f4f4f4;
    border-bottom-color: #e8e8e8;
    /*border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;*/
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #e8e8e8;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #e8e8e8;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #e8e8e8;
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
    border-top-style: solid;
    border-top-width: 1px;
    color: #555555;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    text-align: center;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group-addon:first-child {
    border-right-color: -moz-use-text-color;
    border-right-style: none;
    border-right-width: 0;
}
.input-group .form-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon > i {
    color: #c5cdda;
}
.input-icon.input-icon-sm > i {
    font-size: 13px;
    margin-top: 8px;
}

.input-group input {
    width: 100% !important;
}


/*===== Select2 =====*/
.select2 *, .select2 *::after, .select2 *::before {
    box-sizing: border-box;
}
.select2-container--bootstrap .select2-selection {
    font-family: inherit;
}
.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection,
.select2-container--bootstrap.input-sm .select2-selection--single,
.input-group-sm .select2-container--bootstrap .select2-selection--single,
.form-group-sm .select2-container--bootstrap .select2-selection--single,
.select2-container--bootstrap.input-lg .select2-selection--single,
.input-group-lg .select2-container--bootstrap .select2-selection--single,
.form-group-lg .select2-container--bootstrap .select2-selection--single {
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}/*
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    -o-transition: color 0 ease-in;
    -webkit-transition: none;
       -moz-transition: none;
            transition: none;
}*/
.has-error .select2-container--bootstrap .select2-selection,
.has-error .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    border-color: #b94a48;
}
.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
    border-color: #93a1bb;
    border-bottom: none;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #888;
    min-height: 20px;
}
.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    border: 1px solid #e8e8e8;
    height: inherit;
    margin-bottom: inherit;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.select2-container--bootstrap .select2-dropdown {
    /*margin-top: -2px;*/
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

/*.searchbar .selectBoxes, */
/*.home_empresa_form .selectBoxes, */
/*.search_filter .selectBoxes, */
.form_input .selectBoxes {
    position: relative;
}
a.btn_try span, button.btn_try span {
    display: initial;
}

/*-------------+
| Fancy Button |
+-------------*/
.fancy-button {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    /*transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
    transition: all 0.3s ease;
    text-decoration: none;
    padding: 0;
    font-size: 1.2rem;
    cursor: pointer;
    color: #555;
    border-radius: 60px;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    border-width: 2px !important;
    border-style: solid;
    border-color: #e8e8e8;
    line-height: 0;
    background: transparent;
    font-weight: normal;
    font-family: "allerregular";
}
.fancy-button:disabled,
.fancy-button.focus,
.fancy-button:focus,
.fancy-button:hover {
    background: #e8e8e8;
    color: #111;
}
.fancy-button.fb-success {
    border-color: #d6e9c6;
    color: #468847;
}
.fancy-button.fb-success:disabled,
.fancy-button.fb-success:focus,
.fancy-button.fb-success:hover {
    /*background-color: #dff0d8;*/
    background-color: #d6e9c6;
}
.fancy-button.fb-info {
    border-color: #1E88B6;
    color: #1E88B6;
}
.fancy-button.fb-info:disabled,
.fancy-button.fb-info:focus,
.fancy-button.fb-info:hover {
    background-color: #1E88B6;
    color: #fff;
}
.fancy-button.fb-warning {
    /*border-color: #ffb822;*/
    border-color: #fbeed5;
    /*color: #ffb822;*/
    color: #EDA61A;
}
.fancy-button.fb-warning:disabled,
.fancy-button.fb-warning:focus,
.fancy-button.fb-warning:hover {
    /*background: #FCF8E3;*/
    /*background: #ffb822;*/
    background: #fbeed5;
    /*color: #8c5f00;*/
}
.fancy-button.fb-error {
    border-color: #eed3d7;
    color: #b94a48;
}
.fancy-button.fb-error:disabled,
.fancy-button.fb-error:focus,
.fancy-button.fb-error:hover {
    /*background-color: #f2dede;*/
    background-color: #eed3d7;
}
.fancy-button:disabled {
    opacity: 0.5;
    cursor: no-drop;
}
.fancy-button.fb-submit {
    width: 272px;
    height: 53px;
}

/*---------------------------------------+
| Fancy Spin Button                      |
| https://codepen.io/sfaisal/pen/rVWBXp/ |
+---------------------------------------*/
/*@import url(https://fonts.googleapis.com/css?family=Raleway:100,600,400);*/
.fancy-spin-button {
    transition: all 0.3s ease !important;
    /*font-family: 'Raleway', sans-serif;*/
}
.fancy-spin-button.loading {
    font-size:0;
    border-radius:50%;
    padding:0 !important;
    border:5px solid #1e88b6;
    border-bottom-color:rgba(0,3,51,0.0) !important;
    border-left:rgba(0,3,51,0.0) !important;
    background-color:transparent !important;
    animation-name: rotateAnimation;
    -webkit-animation-name: wk-rotateAnimation;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.fancy-spin-button.loading.bgwhite {
    background: #fff !important;
}
@keyframes rotateAnimation {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes wk-rotateAnimation {
    0%   {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}








/*===== otros =====*/
.required { color: #BB0000; }

.help-block {
    /*margin-top: -10px;*/
    color: #888888;
    font-size: 13px;
    margin-bottom: 0;
}
.zferrors .help-block {
    font-size: 12px;
}

.search_filter {
    /*margin-bottom: 10px;*/
}

.select-center .selectBoxes {
    position: relative;
    margin: 0 auto;
    width: 300px;
}

.formDefault .selectBoxes { position: relative; }

.formDefault .customInput130 .selectBoxes,
.formDefault .customInput130 .select2-container {
    position: relative;
    width: 130px;
}
.formDefault .customInput134 .selectBoxes,
.formDefault .customInput134 .select2-container {
    position: relative;
    width: 134px;
}
.formDefault .customInput140 .selectBoxes,
.formDefault .customInput140 .select2-container {
    position: relative;
    width: 140px;
}
.formDefault .customInput170 .selectBoxes,
.formDefault .customInput170 .select2-container {
    position: relative;
    width: 170px;
}
.formDefault .smallInput .selectBoxes,
.formDefault .smallInput .select2-container {
    position: relative;
    width: 100px;
}
.formDefault .mediumInput .selectBoxes,
.formDefault .mediumInput .select2-container {
    position: relative;
    width: 200px;
}
.formDefault .bigInput .selectBoxes,
.formDefault .bigInput .select2-container {
    position: relative;
    width: 300px;
}


/* SELECTBOX */





.formDefault .title {
    font-family: "allerregular";
    /*padding-left: 20px;
    padding-top: 10px;
    width: 200px;*/
}

.form_section .form_input {
    width: inherit;
}


.hiddenSearch {
    display: none;
}

/*===== has-error =====*/

.zferrors, .zferrors:before, .zferrors:after { display: inherit !important; }
.zferrors ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.has-error * {
    color: #B94A48;
}

.errorWrapper {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}
.errorWrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.errorWrapper, .errorWrapper:before, .errorWrapper:after { display: inherit !important; }

.errorWrapper .subcomment {
    font-size: 12px;
    font-style: italic;
    line-height: 15px;
    margin-top: 10px;
}

.errorContent, .errorContent:before, .errorContent:after { display: inherit !important; }
.errorContent ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.has-error .select_filter .selectBoxes,
.has-error input[type="text"],
.has-error input[type="password"] {
    border: 1px solid #B94A48;
}

/* ---- Modal Default ---- */
#modal_default{ width: 600px; }
#modal_default .modal-body{
    padding-top: 0px;
}
#modal_default .modal-footer{
    background: #FFF;
}


/*===== Modal =====*/
.modal-backdrop, .modal-backdrop.fade.in {
    background: #000;
}
.alert .alert-link, .close {
    font-weight: 700;
}
.close {
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}
.close {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    width: 9px;
    height: 9px;
    text-indent: -10000px;
    outline: 0;
    background: url(/img/remove-icon-small.png) no-repeat !important;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
.modal .modal-header .close {
    margin-top: 0 !important;
}
.custom_modal .modal-header, .modal-header {
    padding: 15px;
}




/*===== Alert =====*/
.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/*.close {
    background-image: url("/img/remove-icon-small.png") !important;
    background-repeat: no-repeat !important;
    display: inline-block;
    height: 9px;
    margin-right: 5px;
    margin-top: 10px !important;
    outline: medium none;
    text-indent: -10000px;
    width: 9px;
}*/

/*===== Sweet Alert =====*/
.swal2-popup a,
.swal2-modal a,
.swal2-popup .link,
.swal2-modal .link {
    text-decoration: none;
    color: #2196f3;
    font-weight: 600;
    cursor: pointer;
}
.swal2-popup .loginErrors {
    width: 100%;
    display: flex;
    text-align: center;
}

/*===== Progress bar percent =====*/
.progress .percent { position:absolute; display:inline-block; left:48%; }

/*===== Alpha =====*/
.alpha60 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

/*===== Tabs =====*/
.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}
.nav-tabs > .ui-state-active > a, .nav-tabs > .ui-state-active > a:hover, .nav-tabs > .ui-state-active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555555;
    cursor: default;
}

/*===== Buttons =====*/
#modal_login form input[type="text"],
#modal_login form input[type="password"] {
    border: 1px solid #1e88b6;
    height: 40px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*width: 220px;*/
    /*width: 286px;*/
    width: 260px;
    padding-left: 28px;
}


/*===== Buttons =====*/
div.bttn-my-profile { font-size: 20px; text-align: center; padding: 18px 0px; }

/*.bttn_green_large,
.bttn_green_large:hover {
    color: #555555;
    text-decoration: none;
    display: block;
}*/
.bttn_green_large {
    display: inline-block;
    width: 272px;
    border: none;
    height: 53px;
    background-color: transparent;
    background-position: 0 0;
    background-image: url(/img/btn_try.png);
    color: white;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #555555;
}
.bttn_green_large:hover {
    text-decoration: none;
    background-position: 0 -63px;
    color: #FFF;
}
.bttn_green_large:hover {
    background-image: url(/img/btn_try.png);
    color: white;
}

.bttn_red_large {
    display: inline-block;
    width: 272px;
    border: none;
    height: 53px;
    background-color: transparent;
    background-position: 0 0;
    background-image: url(/img/ficha_btn_red.png);
    color: white;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: white;
    margin-left: 17%;
}
.bttn_red_large span{
    display: none
}
.bttn_red_large:hover{
    text-decoration: none;
    background-position: 0 -63px;
}

.btn_offer{
    display: block;
    width: 220px;
    border: none;
    height: 53px;
    background-color: transparent;
    background-position: 0 0;
    background-image: url(/img/btn_oferta.png);
    background-repeat: no-repeat;
    color: white;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}
.btn_offer:hover {
    background-position: 0 -63px;
    text-decoration: none;
}

.bttn_action {
    padding: 5px;
    border: solid 1px #666;
    background: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 2px;
    min-width: 15px;
    text-align: center;
}

.btn-action {
    color: #a9a9a9;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    padding: 4px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    /*-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
       -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);*/
    -webkit-transition: all 0.15s ease-in-out;
       -moz-transition: all 0.15s ease-in-out;
         -o-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out;
}
.btn-action:hover,
.btn-action:focus {
    color: #1e88b6;
    background: #F5F4FC;
    border: 1px solid #0088cc;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
       -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
            box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.btn-action-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
.btn-action-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.btn-action-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}
.btn-action-warning {
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    color: #c09853;
}
.btn-action-default {
    color: #333;
    background-color: #eee;
    border-color: #ccc;
}
.btn-action-blue-corp {
    background-color: #e9edf1;
    border-color: #85B1D2;
    color: #3a87ad;
}
.btn-action-prev {
    padding: 9px 11px 6px 8px;
}
.btn-action-next {
    padding: 9px 8px 6px 11px;
}
.btn-action.btn-action-disabled,
.btn-action.btn-action-disabled:hover,
.btn-action.btn-action-disabled:focus,
.btn-action.btn-action-disabled:active {
    cursor: default;
    background: none;
    color: #e2e2e2;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
       -moz-transition: none;
         -o-transition: all 0 none;
            transition: none;
}
.btn-action-gost {
    color: #a9a9a9;
    display: inline-block;
    text-decoration: none !important;
    padding: 4px;
    line-height: 20px;
    border: 1px solid transparent;
}


.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dropdown-menu > li > a, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after {
    clear: both;
}
.btn-group, .btn-group-vertical {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.btn, .btn *, .btn::after, .btn *::after, .btn::before, .btn *::before {
    box-sizing: border-box;
}
.btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover, .form-control, .navbar-toggle, .open > .btn-danger.dropdown-toggle, .open > .btn-default.dropdown-toggle, .open > .btn-info.dropdown-toggle, .open > .btn-primary.dropdown-toggle, .open > .btn-warning.dropdown-toggle {
    background-image: none;
}
.btn {
    -moz-user-select: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn-group .btn {
    padding: 9px 12px;
    text-align: center;
    overflow: hidden;
}
.btn-group.wrap .btn {
    white-space: normal;
    padding: 9px 5px;
}
.btn-group.mini .btn {
    font-size: 12px;
    padding: 4px 4px;
}
.btn-group.flex {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: stretch;
    align-content: stretch;
    justify-content: center;
}
.btn-group.flex .btn {
    position: relative;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.btn-default {
    background-color: #ffffff;
    border-color: #cccccc;
    color: #333333;
}
.btn, .form-control {
    box-shadow: none !important;
}
.btn {
    outline: 0 none !important;
}
.btn-group-vertical > .btn, .btn-group > .btn {
    float: left;
    position: relative;
}
.util-btn-group-margin-bottom-5 .btn-group, .util-btn-margin-bottom-5 .btn {
    margin-bottom: 5px !important;
}
.btn .caret, .btn-group > .btn:first-child {
    margin-left: 0;
}
.btn-group .btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle, .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
[data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"] {
    clip: rect(0px, 0px, 0px, 0px);
    pointer-events: none;
    position: absolute;
}


/**
 * Degraded button
 */
.degraded-button, .degraded-button:visited { /* botones genéricos */
    /*background: #222 url("/img/overlay.png") repeat-x !important;*/
    /*background-color: transparent !important;*/
    background-image: url("/img/overlay.png") !important;
    background-repeat: repeat-x !important;
    display: inline-block !important;
    padding: 5px 10px 6px !important;
    color: #FFF !important;
    text-decoration: none !important;

    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;

    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) !important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) !important;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25) !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.25) !important;
    position: relative !important;
    cursor:pointer !important;
    font-family: "allerregular" !important;
    font-weight: normal !important;
}
.degraded-button.noShadow, .degraded-button.noShadow:visited {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
}
.degraded-button:hover { /* el efecto hover */
    /*background-color: #111 !important;*/
    background-color: #111;
    color: #FFF !important;
}
.degraded-button:active{  /* el efecto click */
    top: 1px !important;
}
/* botones pequeños */
.small.degraded-button, .small.degraded-button:visited {
    font-size: 11px !important;
}
/* botones medianos */
/*.degraded-button, .degraded-button:visited,*/
.medium.degraded-button, .medium.degraded-button:visited {
    font-size: 13px !important;
    /*font-weight: bold !important;*/
    line-height: 1 !important;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25) !important;
}
/* botones grandes */
.large.degraded-button, .large.degraded-button:visited {
    font-size:14px !important;
    padding: 8px 14px 9px !important;
}
/* botones extra grandes */
.super.degraded-button, .super.degraded-button:visited {
    font-size: 34px !important;
    padding: 8px 14px 9px !important;
}
/* botones cuadrados grandes */
.degraded-button-square-big.large {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 11px 14px !important;
}
.degraded-button.degraded-button-min-radius {
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}
/* colores */
.grey.degraded-button { background-color: #8d9295 !important; }
.grey.degraded-button:hover{ background-color: #707375 !important; }

.pink.degraded-button { background-color: #E22092 !important; }
.pink.degraded-button:hover{ background-color: #C81E82 !important; }

.green.degraded-button, .green.degraded-button:visited { background-color: #91BD09 !important; }
.green.degraded-button:hover{ background-color: #749A02 !important; }

.red.degraded-button, .red.degraded-button:visited { background-color: #E62727 !important; }
.red.degraded-button:hover{ background-color: #CF2525 !important; }

.orange.degraded-button, .orange.degraded-button:visited { background-color: #FF5C00 !important; }
.orange.degraded-button:hover{ background-color: #D45500 !important; }

.blue.degraded-button, .blue.degraded-button:visited { background-color: #2981E4 !important; }
.blue.degraded-button:hover{ background-color: #2575CF !important; }

.yellow.degraded-button, .yellow.degraded-button:visited { background-color: #FFB515 !important; }
.yellow.degraded-button:hover{ background-color: #FC9200 !important; }



/*===== Sellos =====*/
.seal_top10 { background: url(/img/seals/sello_top10_BN.png) no-repeat; }
.seal_top10 a { display:block; width: 52px; height: 52px; }
.seal_top10:hover { background: url(/img/seals/sello_top10_C.png) no-repeat; }

.seal_confianzaonline { background: url(/img/seals/sello-confianza-grises-50.png) no-repeat; }
.seal_confianzaonline a { display:block; width: 52px; height: 52px; }
.seal_confianzaonline:hover { background: url(/img/seals/sello-confianza-50.png) no-repeat; }

.seal_websitedelanyo2008 { background: url(/img/seals/sello_websitedelanyo2008_BN.png) no-repeat; }
.seal_websitedelanyo2008 a { display:block; width: 52px; height: 52px; }
.seal_websitedelanyo2008:hover { background: url(/img/seals/sello_websitedelanyo2008_C.png) no-repeat; }

.seal_websitedelanyo2016 { background: url(/img/seals/websitedelanyo2016_BN2.png) no-repeat; }
.seal_websitedelanyo2016 a { display:block; width: 52px; height: 52px; }
.seal_websitedelanyo2016:hover { background: url(/img/seals/websitedelanyo2016_C2.png) no-repeat; }

.seal_websitedelanyo2016_Org { background: url(/img/seals/websitedelanyo2016_BN.png) no-repeat; }
.seal_websitedelanyo2016_Org a { display:block; width: 52px; height: 52px; }
.seal_websitedelanyo2016_Org:hover { background: url(/img/seals/websitedelanyo2016_C.png) no-repeat; }

.stamp_websitedelanyo2016 { background: url(/img/seals/websitedelanyo2016.png) no-repeat; width: 120px; height: 120px; }
.stamp_websitedelanyo2016 a { display:block; }
/*.stamp_websitedelanyo2016:hover { background: url(/img/seals/websitedelanyo2016.png) no-repeat; }*/
.stamp_websitedelanyo2016.stamp-home-guest { position: absolute; top: 260px; right: 503px; width: 120px; height:120px; z-index: 1; }
.stamp_websitedelanyo2016.stamp-home-user { position: absolute; bottom: 4px; right: 410px; width: 120px; height:120px; z-index: 1; }
.stamp_websitedelanyo2016.stamp-header { position: absolute; top: 12px; right: -9px; width: 120px; height:120px; z-index: 1; }

.seal_sodeint_gold { background: url(/img/seals/sello_sodeint_oro_BN.png) no-repeat; }
.seal_sodeint_gold a { display:block; width: 52px; height: 52px; }
.seal_sodeint_gold:hover { background: url(/img/seals/sello_sodeint_oro_C.png) no-repeat; }

.seal_ecommerce { background: url(/img/seals/sello_confianza_ecommerce_BN.png) no-repeat; }
.seal_ecommerce a { display:block; width: 52px; height: 52px; }
.seal_ecommerce:hover { background: url(/img/seals/sello_confianza_ecommerce_C.png) no-repeat; }



/*===== Tipos de cuenta =====*/
span.labeled{
    display: inline-block;
    width: 91px;
    height: 16px;
    background: url(/img/premium_label.png) top left no-repeat;
    text-indent: -999999px;
}
span.labeled.basic{
    background: url(/img/basic_label.png) top left no-repeat;
}
span.labeled.premium{
    background: url(/img/premium_label.png) top left no-repeat;
}
span.labeled.professional{
    background: url(/img/profesional_label.png) top left no-repeat;
}

/**
 * Modal Selects
 */
.registerModalSelects {
    border: 1px solid #1e88b6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
    width: 257px;
    color: #888;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*===== Formularios =====*/
.radio { margin-right: 5px; margin-bottom: 2px; }
.radio-list > label { display: block; }
.radio-list > label.radio-inline { display: inline-block;  margin-left: 30px; vertical-align: middle; }
.radio-list > label.max-radio-inline { display: inline-block;  margin-left: 50px; vertical-align: middle; }
.radio-list > label.radio-inline:first-child, .radio-list > label.max-radio-inline:first-child { margin-left: 0; }

.error_element:empty {
    display: none;
}


/*===== Thumbnails =====*/
.avatar-circle {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    border: solid 3px #DDD;
    background: #DDD;
}
.avatar-circle-transparent {
     -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
             border-radius: 100px;
    border: solid 3px transparent;
    background: transparent;
}
/*.avatar-circle-0 { border-color: !*#66c1e8*! #4BA2C8; background: #4BA2C8; }*/
/*.avatar-circle-1 { border-color: !*#ffba27*! #8AE2B5; background: #8AE2B5; }*/
/*.avatar-circle-2 { border-color: #CCE865; background: #CCE865; }*/
.avatar-circle-0 { border-color: #4BA2C8; background: #4BA2C8; }
.avatar-circle-1 { border-color: #CCE865; background: #CCE865; }
.avatar-circle-2 { border-color: #daa520; background: #daa520; }

/*===== Tooltips =====*/
.popover {
    z-index: 998;
}
.popover.right {
    text-align: left !important;
}
.tooltip {
    z-index: 998;
    /*text-shadow: initial;*/
    /*font-weight: bold;*/
    text-shadow: none;
    font-weight: normal;
    /*white-space: pre-line !important;*/
}
.tooltipPreLine .tooltip-inner {
    white-space: pre-line;
}

.slider-tooltip {
    position: absolute;
    z-index: 990;
    display: block;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

.slider-tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.slider-tooltip.top {
    padding: 5px 0;
    /*margin-top: -3px;*/
    bottom: 24px;
    left: 4px;
}

.slider-tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.slider-tooltip.bottom {
    padding: 5px 0;
    /*margin-top: 3px;*/
    top: 24px;
    left: 4px;
}

.slider-tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}

.slider-tooltip-inner {
    max-width: 200px;
    padding: 2px 5px;/*8px;*/
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.slider-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.slider-tooltip.top .slider-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.slider-tooltip.right .slider-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
}

.slider-tooltip.left .slider-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}

.slider-tooltip.bottom .slider-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

/*===== List TABLE =====*/
.listtable,
.listtable::before,
.listtable::after,
.listtable *,
.listtable *::before,
.listtable *::after {
    box-sizing: border-box;
}

table.listtable {
    font-size: 13px;
}
.table.listtable th,
.table.listtable td {
    padding: 8px 8px 8px 0;
}
.table.listtable th:first-child,
.table.listtable td:first-child,
.table.listtable th.first-child,
.table.listtable td.first-child {
    padding: 8px 8px 8px 3px;
}
.table.listtable th:last-child,
.table.listtable td:last-child,
.table.listtable th.last-child,
.table.listtable td.last-child {
    padding: 8px 3px 8px 0;
}
table.listtable th {
    font-family: 'allerregular';
    border-top: none;
    vertical-align: bottom;
}
table.listtable tr:not(:first-child):not(.first-child) {
    border-top: 1px solid #ddd;
}
table.listtable td {
    color: #999999;
    border-top: none;
}
table.listtable td.actions a {
    display: none
}
table.listtable tr:hover td.actions a {
    display: block;
}
table.listtable tr:hover td,
table.listtable tr.active td {
    background-color: #F8F8F8;
    color: #333333;
}
table.listtable tr.active {
    box-shadow: 0px 1px 8px -1px #ccc;
}
table.listtable tr.active td,
table.listtable tr.active td a {
/*table.listtable tr.active td span {*/
    /*color: #333333;*/
    font-family: "allerregular";
}
/*table.listtable tr.active td a:hover {*/
    /*color: #a8c834;*/
/*}*/
table.listtable tr.active td a:focus {
    text-decoration: none;
}

/**
 * Arrow Box
 */
table.listtable.arrow-box-right tr.active {
    box-shadow: 0px 1px 8px -1px #ccc;
}
table.listtable.arrow-box-right tr.active td:last-child,
table.listtable.arrow-box-right tr.active td.last-child {
    position: relative;
    border-right: 1px solid #ddd;
}
table.listtable.arrow-box-right tr.active td:last-child:after,
table.listtable.arrow-box-right tr.active td:last-child:before,
table.listtable.arrow-box-right tr.active td.last-child:after,
table.listtable.arrow-box-right tr.active td.last-child:before {
    border-style: solid;
    top: 50%;
    /*border: solid transparent;*/
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*border-color: rgba(136, 183, 213, 0);*/
    /*border-left-color: #88b7d5;*/
    /*border-width: 27px;*/
}
table.listtable.arrow-box-right tr.active td:last-child:after,
table.listtable.arrow-box-right tr.active td.last-child:after {
    left: 100%;
    margin-top: -27px;
    /*border-width: 27.5px 0 27.5px 13px;*/
    border-width: 26.5px 0 27.99px 12.8px;
    border-color: transparent transparent transparent #F8F8F8;
}
table.listtable.arrow-box-right tr.active td:last-child:before,
table.listtable.arrow-box-right tr.active td.last-child:before {
    left: calc(100% + 1px);
    border-color: transparent transparent transparent #ddd;
    /*border-width: 28.5px 0 28.5px 13px;*/
    border-width: 27.5px 0px 28.5px 13.2px;
    margin-top: -28.5px;
    /*margin-top: calc(100% - 170px);*/
}
table.listtable.arrow-box-right tr.active.thinTr td:last-child:after,
table.listtable.arrow-box-right tr.active.thinTr td.last-child:after {
    left: 100%;
    margin-top: -19.8px;
    border-width: 19.5px 0 19.8px 12.8px;
    border-color: transparent transparent transparent #F8F8F8;
}
table.listtable.arrow-box-right tr.active.thinTr td:last-child:before,
table.listtable.arrow-box-right tr.active.thinTr td.last-child:before {
    left: calc(100% + 1px);
    border-color: transparent transparent transparent #ddd;
    border-width: 20.5px 0px 20.5px 13.2px;
    margin-top: -20.5px;
}
/*table.listtable.arrow-box-right tr:hover td:last-child:after {*/
    /*border-color: transparent transparent transparent #F8F8F8;*/
/*}*/


/*===== List UL =====*/
ul.listable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.listable li {
    border-top: 1px solid #dddddd;
    line-height: 20px;
    padding: 7px 0px;
    text-align: left;
    vertical-align: top;
}
ul.listable li:first-child {
    border-top: none;
}
ul.listable li[data-read="0"] {
    background-color: #EDEFF5;
}
ul.listable li:hover, ul.listable li:active {
    background-color: #F8F8F8;
    color: #333;
}

/**/
ul.dropdown-menu-list li[data-read="0"] {
    background-color: #0081c2;
}

/*===== Gradients =====*/
.gradient-grey {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(251,251,251,1) 64%, rgba(248,248,248,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(64%,rgba(251,251,251,1)), color-stop(100%,rgba(248,248,248,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(251,251,251,1) 64%,rgba(248,248,248,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(251,251,251,1) 64%,rgba(248,248,248,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(251,251,251,1) 64%,rgba(248,248,248,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(251,251,251,1) 64%,rgba(248,248,248,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-8 */
}
.gradient-grey.gradient-right {

}


/*===== Select & SpanX =====*/
.select_boxes { width: inherit; }
.sb120,
.sb120 .selectBoxes,
.sb120 .sbSelector,
.sb120 .sbOptions { width: 120px !important; }

/*[class*="span"] .selectBoxes { width: inherit; }*/
[class*="span"] {
    position: relative;
}

.span .selectBoxes  { width: inherit; }
.span12 .selectBoxes { width: 940px; }
.span11 .selectBoxes { width: 860px; }
.span10 .selectBoxes { width: 780px; }
.span9 .selectBoxes  { width: 700px; }
.span8 .selectBoxes  { width: 620px; }
.span7 .selectBoxes  { width: 540px; }
.span6 .selectBoxes  { width: 460px; }
.span5 .selectBoxes  { width: 380px; }
.span4 .selectBoxes  { width: 300px; }
.span3 .selectBoxes  { width: 218px; }
.span2 .selectBoxes  { width: 140px; }
.span1 .selectBoxes  { width:  60px; }

.span  input:not([type=radio]):not([type=checkbox]),  .span  textarea,  .span  .uneditable-input  { width: inherit; }
.span12 input:not([type=radio]):not([type=checkbox]), .span12 textarea, .span12 .uneditable-input { width: 926px; }
.span11 input:not([type=radio]):not([type=checkbox]), .span11 textarea, .span11 .uneditable-input { width: 846px; }
.span10 input:not([type=radio]):not([type=checkbox]), .span10 textarea, .span10 .uneditable-input { width: 766px; }
.span9 input:not([type=radio]):not([type=checkbox]),  .span9 textarea,  .span9 .uneditable-input  { width: 686px; }
.span8 input:not([type=radio]):not([type=checkbox]),  .span8 textarea,  .span8 .uneditable-input  { width: 606px; }
.span7 input:not([type=radio]):not([type=checkbox]),  .span7 textarea,  .span7 .uneditable-input  { width: 526px; }
.span6 input:not([type=radio]):not([type=checkbox]),  .span6 textarea,  .span6 .uneditable-input  { width: 446px; }
.span5 input:not([type=radio]):not([type=checkbox]),  .span5 textarea,  .span5 .uneditable-input  { width: 366px; }
.span4 input:not([type=radio]):not([type=checkbox]),  .span4 textarea,  .span4 .uneditable-input  { width: 286px; }
.span3 input:not([type=radio]):not([type=checkbox]),  .span3 textarea,  .span3 .uneditable-input  { width: 206px; }
.span2 input:not([type=radio]):not([type=checkbox]),  .span2 textarea,  .span2 .uneditable-input  { width: 126px; }
.span1 input:not([type=radio]):not([type=checkbox]),  .span1 textarea,  .span1 .uneditable-input  { width:  46px; }

.w-150 .selectBoxes { width: 150px; }

/* Error pages */
.error404 {
    color: #7bbbd6;
    display: inline-block;
    font-size: 128px;
    font-weight: 300;
    letter-spacing: -10px;
    line-height: 128px;
    margin-bottom: 10px;
    margin-top: 0;
    position: relative;
    text-align: right;
    /*top: 35px;*/
}
.error500 {
    color: #ec8c8c;
    display: inline-block;
    font-size: 128px;
    font-weight: 300;
    letter-spacing: -10px;
    line-height: 128px;
    margin-bottom: 10px;
    margin-top: 0;
    position: relative;
    text-align: right;
    /*top: 35px;*/
}



#cursos #wid-cursos {
    margin: 0;
    padding: 0;
    /*height: 260px !important;*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

}
#cursos #wid-cursos h3 {
    font-size: 24.5px;
    line-height: 40px;
    color: inherit;
    font-family: inherit;
    font-weight: bold;
    margin: 10px 0;
    text-rendering: optimizelegibility;
    padding: 0;
}
#cursos #wid-cursos ul {
    margin-bottom: 20px;
    width: 100%;
}
#cursos #wid-cursos ul li {
    border-top: 1px solid #ffffff;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-top: 15px;
    background: transparent;
}
#cursos #wid-cursos ul li:last-child {
    border-bottom: 1px solid #ffffff;
}
#cursos #wid-cursos ul li:hover {
    background-color: white;
}
#cursos #wid-cursos ul li a:hover, a:focus {
    text-decoration: underline;
}





.borderGradientBlueFocus {
  background-color: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/

  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s !important;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s !important;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s !important;
          transition: border linear 0.2s, box-shadow linear 0.2s !important;
}

.borderGradientBlueFocus {
  border-color: rgba(82, 168, 236, 0.8) !important;
  outline: 0 !important;
  outline: thin dotted \9 !important;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
}

.selectBoxes ul {
    border-top: none !important;
}




/**
 * Índice (leaders)
 */
ul.leaders {
    margin: 0px;
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
}
ul.leaders li:after {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . ";
}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white;
}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white;
    position: relative;
    z-index: 1;
}







/*==== Text Transform ====*/
.select_boxes.uppercase-first a {
    display: block;
}
.select_boxes.uppercase-first a:first-letter {
    text-transform: uppercase;
}









.note {
    border-left: 5px solid #eee;
    border-radius: 0 4px 4px 0;
    margin: 0 0 20px;
    padding: 15px 30px 15px 15px;
}
.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
    margin-top: 0;
}
.note h1 .close, .note h2 .close, .note h3 .close, .note h4 .close, .note h5 .close, .note h6 .close {
    margin-right: -10px;
}
.note p {
    font-size: 13px;
}
.note p:last-child {
    margin-bottom: 0;
}
.note code, .note .highlight {
    background-color: #fff;
}
.note.note-default {
    background-color: lightgray;
    border-color: #adadad;
    color: #333333;
}
.note.note-default.note-bordered {
    background-color: #c3c3c3;
    border-color: #a0a0a0;
}
.note.note-default.note-shadow {
    background-color: #c6c6c6;
    border-color: #a0a0a0;
    box-shadow: 5px 5px rgba(162, 162, 162, 0.2);
}
.note.note-primary {
    background-color: #5697d0;
    border-color: #3085a9;
    color: #d8e3f2;
}
.note.note-primary.note-bordered {
    background-color: #3e89c9;
    border-color: #2a7696;
}
.note.note-primary.note-shadow {
    background-color: #428bca;
    border-color: #2a7696;
    box-shadow: 5px 5px rgba(43, 121, 154, 0.2);
}
.note.note-success {
    background-color: #eef7ea;
    border-color: #c9e2b3;
    color: #3c763d;
}
.note.note-success.note-bordered {
    background-color: #dcefd4;
    border-color: #bbdba1;
}
.note.note-success.note-shadow {
    background-color: #dff0d8;
    border-color: #bbdba1;
    box-shadow: 5px 5px rgba(190, 220, 164, 0.2);
}
.note.note-info {
    background-color: #eef7fb;
    border-color: #a6e1ec;
    color: #31708f;
}
.note.note-info.note-bordered {
    background-color: #d5ebf6;
    border-color: #91d9e8;
}
.note.note-info.note-shadow {
    background-color: #d9edf7;
    border-color: #91d9e8;
    box-shadow: 5px 5px rgba(150, 219, 233, 0.2);
}
.note.note-warning {
    background-color: #fcf8e3;
    border-color: #f5d89e;
    color: #8a6d3b;
}
.note.note-warning.note-bordered {
    background-color: #f9f1c7;
    border-color: #f2cf87;
}
.note.note-warning.note-shadow {
    background-color: #faf2cc;
    border-color: #f2cf87;
    box-shadow: 5px 5px rgba(243, 209, 139, 0.2);
}
.note.note-danger {
    background-color: #f9f0f0;
    border-color: #e4b9c0;
    color: #a94442;
}
.note.note-danger.note-bordered {
    background-color: #f1dada;
    border-color: #dca7b0;
}
.note.note-danger.note-shadow {
    background-color: #f2dede;
    border-color: #dca7b0;
    box-shadow: 5px 5px rgba(222, 171, 179, 0.2);
}


/* CHARTS */
.easy-pie-chart .epc90 {
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 90px;
  height: 90px;
  line-height: 90px;
}
.easy-pie-chart .epc canvas {
  position: absolute;
  top: 0;
  left: 0;
}

/***/
.disclaimer {
    color: #93b1d3;
    font-family: "aller_lightregular" !important;
    font-size: 14px;
}
/***/




/**** Typeahead ****/
.twitter-typeahead {
  width: 100%;
  display: table !important;
}
.twitter-typeahead .form-control {
  margin: 0 !important;
}
/*
.tt-hint,
.tt-input {
  color: #999;
  font-size: 14px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*/
.tt-hint[disabled] {
    background-color: #fff !important;
}
.tt-dropdown-menu {
    min-width: 250px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ebebeb;
    -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
    width: 100%;
    overflow-y: auto;
    max-height: 250px;
}
.tt-dropdown-menu * {
    float: none !important;
}
.tt-dropdown-menu h3 {
    margin: 5px 0;
    padding: 6px 12px;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #eee;
}
.modal-open .tt-dropdown-menu {
    z-index: 10055 !important;
}
.tt-suggestion {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 16px;
}
.tt-suggestion.tt-cursor {
    cursor: pointer;
    background-color: #eee;

}
.tt-suggestion p {
    margin: 0;
}


/**** Tags input ****/
div.tagsinput {
    height: auto !important;
    min-height: 32px !important;
    margin: 0;
    /*overflow: auto;*/
    overflow: visible !important;
    padding: 5px 5px 0;
    border: 1px solid #e8e8e8;
}
div.tagsinput::before, div.tagsinput::after {
    content: "";
    display: table;
    line-height: 0;
}
div.tagsinput::after {
    clear: both;
}
div.tagsinput div {
    margin-bottom: 2px;
}
div.tagsinput span.tag {
    background: #aaa none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    margin-bottom: 2px;
    margin-top: 0;
    padding: 3px 6px;
    z-index: 2;
}
div.tagsinput input {
    padding: 3px 6px;
    width: 75px !important;
}
div.tagsinput span.tag a {
    color: #fff;
    font-size: 14px;
}
div.tagsinput .not_valid {
    background-color: #e02222;
    color: #fff;
    padding: 3px 6px;
}


/**** Tags level (readonly) ****/
.tag-level {
    height: 26px;
    line-height: 23px;
    padding: 0 9px 0 8px;
    /*font-size: 12px;*/
    color: #555;
    text-decoration: none;
    text-shadow: 0 1px white;
    background: #fafafa;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #dadada #d2d2d2 #c5c5c5;
    border-radius: 3px 0 0 3px;
    background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
    background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);
    background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
    background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);

    float: left;
    margin: 0 0 8px 12px;
    position: relative;
}
.tag-level span {
    position: absolute;
    top: 0.5px;
    left: 100%;
    z-index: 2;
    overflow: hidden;
    max-width: 0;
    height: 23.5px;
    line-height: 20px;
    padding: 0 0 0 2px;
    color: white;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    background: #eb6b22;
    border: 1px solid;
    border-color: #d15813 #c85412 #bf5011;
    border-radius: 0 2px 2px 0;
    opacity: .95;
    background-image: -webkit-linear-gradient(top, #ed7b39, #df5e14);
    background-image: -moz-linear-gradient(top, #ed7b39, #df5e14);
    background-image: -o-linear-gradient(top, #ed7b39, #df5e14);
    background-image: linear-gradient(to bottom, #ed7b39, #df5e14);
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transition-property: padding, max-width, z-index;
    -moz-transition-property: padding, max-width, z-index;
    -o-transition-property: padding, max-width, z-index;
    transition-property: padding, max-width, z-index;

    white-space: nowrap;
}
.tag-level, .tag-level span {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tag-level.low span {
    background: #42ccff;
    border-color: #2c929c #298b94 #27848c;
    /*background-image: -webkit-linear-gradient(top, #3ebec9, #2e9ca6);
    background-image: -moz-linear-gradient(top, #3ebec9, #2e9ca6);
    background-image: -o-linear-gradient(top, #3ebec9, #2e9ca6);
    background-image: linear-gradient(to bottom, #3ebec9, #2e9ca6);*/
}
.tag-level.medium span {
    background: #ffba27;
    border-color: #9c802c #947929 #8c7327;
    /*background-image: -webkit-linear-gradient(top, #3ebec9, #2e9ca6);
    background-image: -moz-linear-gradient(top, #3ebec9, #2e9ca6);
    background-image: -o-linear-gradient(top, #3ebec9, #2e9ca6);
    background-image: linear-gradient(to bottom, #3ebec9, #2e9ca6);*/
}
.tag-level.high span {
    background: #badb46;
    border-color: #839c2c #7d9429 #768c27;
    /*background-image: -webkit-linear-gradient(top, #3ebec9, #2e9ca6);
    background-image: -moz-linear-gradient(top, #3ebec9, #2e9ca6);
    background-image: -o-linear-gradient(top, #3ebec9, #2e9ca6);
    background-image: linear-gradient(to bottom, #3ebec9, #2e9ca6);*/
}


/**** Simple Tags (no level, readonly) ****/
.simple-tag {
    background: #F8F8F8;
    display: inline-block;
    color: #666;
    position: relative;
    padding: 0 5px 0 5px;
    margin: 0 5px 5px 0;
    border: 1px solid #DDD;
}
.simple-tag .fa {
    color: #999;
}
.simple-tag:hover {
    background: #ededed;
}
/*.simple-tag {
    background: #1E88B6;
    display: inline-block;
    color: #fff;
    position: relative;
    padding: 0 0 0 5px;
    margin: 0 15px 5px 0;
    text-decoration: none;
}
.simple-tag:hover {
    background-color: #739fe4;
}
.simple-tag:after {
    display: inline-block;
    border: 10px solid;
    border-color: transparent transparent transparent #1E88B6;
    height: 0;
    width: 0;
    position: absolute;
    right: -20px;
    top: 0;
    content: "";
    display: inline-block;
}
.simple-tag:hover:after {
    border-color: transparent transparent transparent #739fe4;
}*/

.nowrap .tooltip { white-space: normal; }

.ribbon-left {
    font-size: 12px;
    position: relative;
    left: -15px;
    background: #ddd;
    padding: 3px;
    color: #333;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

    -webkit-box-shadow: 3px 3px 4px -2px #666;
    box-shadow: 3px 3px 4px -2px #666;
}
.ribbon-dash { padding: 3px;
}
.ribbon-dash::after {
    border: 1px dashed #bbb;
    bottom: 3px;
    content: "";
    left: 3px;
    position: absolute;
    right: 3px;
    top: 3px;
}
.ribbon-left .ribbon-sub.ribbon-clip::after, .ribbon-left .ribbon-sub.ribbon-clip::before {
    border-color: rgba(0, 0, 0, 0) !important;
    border-style: solid;
    bottom: -10px;
    content: "";
    position: absolute;
}
.ribbon-left .ribbon-sub::after {
    border-color: #62748f #bac3d0;
}
.ribbon-left .ribbon-sub {
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.ribbon-left .ribbon-sub.ribbon-clip::before {
    border-right-color: #333 !important;
    border-width: 0 10px 10px 0;
    left: 0;
}
.ribbon-left.color-default { background-color: #bac3d0; color: #384353; }
.ribbon-left.color-default .ribbon-dash::after { border-color: #9ca8bb; }
.ribbon-left.color-danger { background-color: #ed6b75; color: #ffffff; }
.ribbon-left.color-danger .ribbon-dash::after { border-color: #e73d4a; }
.ribbon-left.color-warning { background-color: #f1c40f; color: #333333; }
.ribbon-left.color-warning .ribbon-dash::after { border-color: #c29d0b; }
.ribbon-left.color-success { background-color: #36c6d3; color: #ffffff; }
.ribbon-left.color-success .ribbon-dash::after { border-color: #27a4b0; }
.ribbon-left.color-info { background-color: #659be0; color: #ffffff; }
.ribbon-left.color-info .ribbon-dash::after { border-color: #3a80d7; }
.ribbon-left.color-primary { background-color: #337ab7; color: #ffffff; }
.ribbon-left.color-primary .ribbon-dash::after { border-color: #286090; }


/**
 * Block UI
 */
.loading-message {
    color: #000000 !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
}
.loading-message.loading-message-boxed {
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.loading-message > span {
    line-height: 20px;
    vertical-align: middle;
}



.fake-tabs {

}


/**
 * Popovers
 */
.popover { max-width: none; }
.custom-popover-title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
}

/**
 * Top menu
 */
.menu_top .nav-pills .dropdown-menu {
    background-color: #07435d;
    border-color: #07435d;
    border-radius: 2px;
    margin-top: -3px;
}
.menu_top .nav-pills > li > a {
    border-radius: 0;
    /*margin-bottom: 2px;*/
    /*margin-top: 2px;*/
    /*padding-bottom: 8px;*/
    /*padding-right: 32px;*/
    /*padding-top: 20px;*/
}
.menu_top .nav-tabs .open .dropdown-toggle,
.menu_top .nav-pills .open .dropdown-toggle,
.menu_top .nav > li.dropdown.open.active > a:hover,
.menu_top .nav > li.dropdown.open.active > a:focus {
    background-color: #07435d;
    border-color: #07435d;
    color: #a9a9a9;
}
.menu_top .dropdown-menu > li > a {
    clear: both;
    color: #c5e7f3;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 3px 20px;
    white-space: nowrap;
}
.menu_top .dropdown-menu > li > a:hover,
.menu_top .dropdown-menu > li > a:focus,
.menu_top .dropdown-submenu:hover > a,
.menu_top .dropdown-submenu:focus > a {
    background-color: #6998ac;
    background-image: linear-gradient(to bottom, #6998ac, #6998ac);
    background-repeat: repeat-x;
    color: #ffffff;
    text-decoration: none;
}

/**
 * Date range picker
 */
.reportrange,
.reportrange *::after,
.reportrange *::before {
    box-sizing: border-box;
}
.reportrange {
    display: inline-block;
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
}
.reportrange span {
    margin-left: 5px;
}
.reportrange .caret {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}
.reportrange .glyphicon {
    position: relative;
    top: 1px;
}
.daterangepicker *::after,
.daterangepicker *::before {
    box-sizing: border-box;
}
.daterangepicker, .daterangepicker *,
.graph-chart, .graph-chart * {
    box-sizing: border-box;
}
.daterangepicker .ranges li {
    padding: 2px 12px;
}


/***
UI Loading
***/
.loading-message {
    display: inline-block;
    min-width: 125px;
    margin-left: -60px;
    padding: 10px;
    margin: 0 auto;
    color: #000 !important;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
}
.loading-message.loading-message-boxed {
    border: 1px solid #ddd;
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.loading-message > span {
    line-height: 20px;
    vertical-align: middle;
}

.page-loading {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 125px;
    margin-left: -60px;
    margin-top: -30px;
    padding: 7px;
    text-align: center;
    color: #333;
    font-size: 13px;
    border: 1px solid #ddd;
    background-color: #eee;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.page-loading > span {
    line-height: 20px;
    vertical-align: middle;
}

.page-spinner-bar {
    position: fixed;
    z-index: 10051;
    width: 100px;
    top: 40%;
    left: 50%;
    margin-left: -55px;
    text-align: center;
}
.page-spinner-bar > div {
    margin: 0 5px;
    width: 18px;
    height: 18px;
    background: #eee;
    border-radius: 100% !important;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.page-spinner-bar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.page-spinner-bar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.block-spinner-bar {
    display: inline-block;
    width: 80px;
    text-align: center;
}
.block-spinner-bar > div {
    margin: 0 2px;
    width: 15px;
    height: 15px;
    background: #eee;
    border-radius: 100% !important;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.block-spinner-bar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.block-spinner-bar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}



/**
 * Stats table
 */
/*
.stats-table table {
    width: 100%;
}
.stats-table tr {
    border-bottom: solid 1px #ccc;
}
.stats-table tr:hover {
    background-color: #f4f4f4;
}*/
.stats-table th {
    cursor: pointer;
    text-decoration: underline;
}
.stats-table tr:hover td,
.stats-table tr:hover td * {
    color: #000;
}
/*.stats-table th,
.stats-table td {
    padding: 5px 2px;
    font-size: 13px;
}
.stats-table th {
}*/
.stats-table td {
    color: #777777;
}
.stats-table td .high {
    color: #000000;
}
.stats-table td .low {
    color: #cccccc;
}
.stats-table td .oneLine {
    height: 22px;
    overflow: hidden;
    position: relative;
}
.stats-table td .oneLine * {
    white-space: nowrap;
}
.stats-table td .oneLine .endLine {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 -2px 0 0;
    padding: 0 2px;
    background: #ffffff none repeat scroll 0 0;
    box-shadow: -4px 0 3px #ffffff, 0 -3px 3px #ffffff;
    box-sizing: unset;
    height: 100%;
}
.stats-table tr:hover td .oneLine .endLine {
    background-color: #f8f8f8;
    box-shadow: -4px 0 3px #f8f8f8, 0 -3px 3px #f8f8f8;
}




/**
 * Form
 */
.mt-radio,
.mt-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.mt-radio.mt-radio-disabled, .mt-radio.mt-checkbox-disabled,
.mt-checkbox.mt-radio-disabled,
.mt-checkbox.mt-checkbox-disabled {
    opacity: 0.8 ;
    filter: alpha(opacity=80) ;
    cursor: not-allowed; }
.mt-radio > input,
.mt-checkbox > input {
    position: absolute;
    z-index: -1;
    opacity: 0 ;
    filter: alpha(opacity=0) ; }
.mt-radio > span,
.mt-checkbox > span {
    border: 1px solid transparent;
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px;
    background: #E6E6E6; }
.mt-radio > span:after,
.mt-checkbox > span:after {
    content: '';
    position: absolute;
    display: none; }
.mt-radio:hover > input:not([disabled]) ~ span,
.mt-radio > input:focus ~ span,
.mt-checkbox:hover > input:not([disabled]) ~ span,
.mt-checkbox > input:focus ~ span {
    background: #d9d9d9;
    webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.mt-radio > input:checked ~ span,
.mt-checkbox > input:checked ~ span {
    webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #d9d9d9; }
.mt-radio > input:checked ~ span:after,
.mt-checkbox > input:checked ~ span:after {
    display: block; }
.mt-radio:hover > input:not([disabled]):checked ~ span,
.mt-radio > input:checked ~ span,
.mt-checkbox:hover > input:not([disabled]):checked ~ span,
.mt-checkbox > input:checked ~ span {
    webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #d9d9d9; }
.mt-radio > input:disabled ~ span,
.mt-checkbox > input:disabled ~ span {
    opacity: 0.6 ;
    filter: alpha(opacity=60) ;
    pointer-events: none; }
.mt-radio.mt-radio-outline > span, .mt-radio.mt-checkbox-outline > span,
.mt-checkbox.mt-radio-outline > span,
.mt-checkbox.mt-checkbox-outline > span {
    border: 1px solid #d9d9d9;
    background: none; }
.mt-radio.mt-radio-outline:hover > input:not([disabled]) ~ span,
.mt-radio.mt-radio-outline > input:focus ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
.mt-radio.mt-checkbox-outline > input:focus ~ span,
.mt-checkbox.mt-radio-outline:hover > input:not([disabled]) ~ span,
.mt-checkbox.mt-radio-outline > input:focus ~ span,
.mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
.mt-checkbox.mt-checkbox-outline > input:focus ~ span {
    border: 1px solid #d9d9d9;
    background: none; }
.mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline > input:checked ~ span,
.mt-checkbox.mt-radio-outline > input:checked ~ span,
.mt-checkbox.mt-checkbox-outline > input:checked ~ span {
    border: 1px solid #d9d9d9;
    background: none; }
.mt-radio.mt-radio-outline:hover > input:not([disabled]):checked ~ span,
.mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
.mt-radio.mt-checkbox-outline > input:checked ~ span,
.mt-checkbox.mt-radio-outline:hover > input:not([disabled]):checked ~ span,
.mt-checkbox.mt-radio-outline > input:checked ~ span,
.mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
.mt-checkbox.mt-checkbox-outline > input:checked ~ span {
    border: 1px solid #d9d9d9;
    background: none; }

.mt-radio > span {
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    -ms-border-radius: 50%!important;
    -o-border-radius: 50%!important;
    border-radius: 50%!important; }
.mt-radio > span:after {
    left: 5px;
    top: 5px;
    height: 6px;
    width: 6px;
    border-radius: 100% !important;
    background: #888888; }

.mt-radio > input:disabled ~ span:after {
    background: #888888; }

th > .mt-radio.mt-radio-single,
td > .mt-radio.mt-radio-single {
    right: -5px; }

.mt-checkbox > span:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #888888;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg); }

.mt-checkbox > input:disabled ~ span:after {
    border-color: #888888; }

.form-inline .mt-checkbox {
    margin-left: 15px;
    margin-right: 15px; }

th > .mt-checkbox.mt-checkbox-single,
td > .mt-checkbox.mt-checkbox-single {
    right: -5px; }

.mt-checkbox-list,
.mt-radio-list {
    /*padding: 10px 0; */
    padding: 0 0 10px;
}
.form-horizontal .form-group .mt-checkbox-list, .form-horizontal .form-group
.mt-radio-list {
    padding-top: 0; }
.mt-checkbox-list .mt-checkbox,
.mt-checkbox-list .mt-radio,
.mt-radio-list .mt-checkbox,
.mt-radio-list .mt-radio {
    display: block; }

.mt-checkbox-inline,
.mt-radio-inline {
    padding: 10px 0; }
.form-horizontal .form-group .mt-checkbox-inline, .form-horizontal .form-group
.mt-radio-inline {
    padding-top: 8px; }
.mt-checkbox-inline .mt-checkbox,
.mt-checkbox-inline .mt-radio,
.mt-radio-inline .mt-checkbox,
.mt-radio-inline .mt-radio {
    display: inline-block;
    margin-right: 15px; }
.mt-checkbox-inline .mt-checkbox:last-child,
.mt-checkbox-inline .mt-radio:last-child,
.mt-radio-inline .mt-checkbox:last-child,
.mt-radio-inline .mt-radio:last-child {
    margin-right: 0; }

.noUi-horizontal .noUi-handle.noUi-handle-lower,
.noUi-horizontal .noUi-handle.noUi-handle-upper {
    width: 14px;
    left: -7px;
    height: 24px;
    top: -4px;
    /*-webkit-border-radius: 50%;*/
    /*-moz-border-radius: 50%;*/
    /*border-radius: 50%;*/
}
.noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle:before {
    left: 4px;
    height: 10px;
    top: 6px;
}
.noUi-horizontal .noUi-handle:after {
    left: 7px;
}



/**
 * Form Slider
 */
/*.greenForm .isMultivalue .select2-selection__choice:hover {*/
    /*background: #b4d052;*/
    /*cursor: pointer;*/
/*}*/

.customForm .simple-input {
    padding: 0 12px;
    height: 32px;
    line-height: 20px;
    min-width: 5em;
    box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    background-color: #ffffff;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: border linear 0.1s, box-shadow linear 0.1s;
    -moz-transition: border linear 0.1s, box-shadow linear 0.1s;
    -o-transition: border linear 0.1s, box-shadow linear 0.1s;
    transition: border linear 0.1s, box-shadow linear 0.1s;
}

.customForm .isMultivalue .degraded-button {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    color: #333 !important;
    text-shadow: none !important;
    font-size: 14px !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
    -webkit-box-shadow: -1px 0px 2px -1px rgba(0,0,0,0.6) !important;
    -moz-box-shadow: -1px 0px 2px -1px rgba(0,0,0,0.6) !important;
    box-shadow: -1px 0px 2px -1px rgba(0,0,0,0.6) !important;
    border-left: 1px solid #999 !important;
    line-height: 1 !important;
    font-family: "allerregular" !important;
    font-weight: normal !important;
}
.customForm .isMultivalue .degraded-button:active {
    top: 0 !important;
}

.customForm .noUi-target {
    box-shadow: none;
}
.customForm .mt-radio.mt-radio-outline:hover > input:checked:not([disabled]) ~ span,
.customForm .mt-radio.mt-radio-outline > input:checked ~ span,
.customForm .mt-radio.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span,
.customForm .mt-radio.mt-checkbox-outline > input:checked ~ span,
.customForm .mt-checkbox.mt-radio-outline:hover > input:checked:not([disabled]) ~ span,
.customForm .mt-checkbox.mt-radio-outline > input:checked ~ span,
.customForm .mt-checkbox.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span,
.customForm .mt-checkbox.mt-checkbox-outline > input:checked ~ span {
    box-shadow: inset 0 0 3px rgba(51,51,51,.45);
}
.customForm .mt-checkbox > span::after,
.customForm .mt-radio > span::after {
    border-color: #333333;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
.customForm .mt-radio > span::after {
    background: #333333;
}
.customForm .btn.active {
    box-shadow: inset 0 0 3px rgba(51,51,51,.45) !important;
}
/*.customForm .select2-results__option--highlighted[aria-selected] {*/
.customForm .select2-results__option.select2-results__option--highlighted {
    box-shadow: inset 0 0 3px rgba(51,51,51,.45);
    color: #333;
}
.customForm .select2-selection--multiple .select2-selection__choice {
    box-shadow: inset 0 0 3px rgba(51,51,51,.45);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    max-width: calc(100% - 12px);
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5;
}
.customForm .select2-selection.select2-selection--single.select2HasBeenSelected .select2-selection__rendered,
.customForm .select2-selection--multiple .select2-selection__choice {
    margin-top: 3px;
    line-height: 1.7;
}
.customForm .select2-selection--multiple .select2-selection__choice__remove {
    color: #333;
}
.customForm .select2-selection__choice__remove {
    margin-right: 5px !important;
}
.customForm .select2-search--dropdown .select2-search__field {
    color: #333;
}
.customForm .select2-selection--single.select2HasBeenSelected {
    padding: 1px 24px 3px 12px;
}
.customForm .select2-selection--single.select2HasBeenSelected .select2-selection__rendered {
    box-shadow: inset 0 0 3px rgba(51,51,51,.45);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: default;
    padding: 0 6px;
    line-height: 1.7;
}
.customForm .select2-selection--single.select2HasBeenSelected .select2-selection__rendered .select2-selection__clear {
    float: left;
    margin-right: 3px;
    color: #333;
}
.customForm .tagsinput {
    padding: 0;
    cursor: pointer;
}
.customForm .tagsinput .tag {
    box-shadow: inset 0 0 3px rgba(51,51,51,.45);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    padding: 0 6px 0 18px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 20px;
    font-size: 14px;
    font-family: inherit;
    margin: 5px 0 0 6px;
    max-width: calc(100% - 12px);
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: relative;
}
.customForm .tagsinput .tag:hover {
    overflow: visible;
    max-width: inherit;
}
.customForm .tagsinput .tag a {
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    /*-webkit-box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    position: absolute;
    left: 6px;
    top: 0;
}
.customForm .tagsinput [id*="_addTag"] {
    margin: 5px 6px 0 6px;
    width: calc(100% - 12px);
}
.customForm .tagsinput [id*="_tag"] {
    padding: 0;
    margin: 0;
    width: 100% !important;
}
.customForm .tt-suggestion.tt-cursor {
    box-shadow: inset 0 0 3px rgba(51,51,51,.45);
    color: #333;
}
.customForm .tt-dropdown-menu {
    left: -7px !important;
    min-width: 140px;
    width: calc(100% + 14px);
}
.customForm .btn-submit {

}

/* No Shadow */
.customForm.noShadow .noUi-handle {
    box-shadow: none;
}
.customForm.noShadow .noUi-connect {
    box-shadow: none;
}
.customForm.noShadow .noUi-target {
    box-shadow: none;
}
.customForm.noShadow .btn.active {
    box-shadow: none !important;
}
.customForm.noShadow .select2-results__option--highlighted[aria-selected] {
    box-shadow: none;
}
.customForm.noShadow .select2-selection--multiple .select2-selection__choice {
    box-shadow: none;
}
.customForm.noShadow .select2-selection--single.select2HasBeenSelected .select2-selection__rendered {
    box-shadow: none;
}
.customForm.noShadow .mt-radio.mt-radio-outline:hover > input:checked:not([disabled]) ~ span,
.customForm.noShadow .mt-radio.mt-radio-outline > input:checked ~ span,
.customForm.noShadow .mt-radio.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span,
.customForm.noShadow .mt-radio.mt-checkbox-outline > input:checked ~ span,
.customForm.noShadow .mt-checkbox.mt-radio-outline:hover > input:checked:not([disabled]) ~ span,
.customForm.noShadow .mt-checkbox.mt-radio-outline > input:checked ~ span,
.customForm.noShadow .mt-checkbox.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span,
.customForm.noShadow .mt-checkbox.mt-checkbox-outline > input:checked ~ span {
    box-shadow: none;
}
.customForm.noShadow .tagsinput .tag {
    box-shadow: none;
}
.customForm.noShadow .select2-results__option.select2-results__option--highlighted {
    box-shadow: none;
}
.customForm.noShadow .tt-suggestion.tt-cursor {
    box-shadow: none;
}

/* Default Form */
.customForm .noUi-connect { background: #e6e6e6; }
.customForm .mt-radio.mt-radio-outline:hover > input:checked:not([disabled]) ~ span,
.customForm .mt-radio.mt-radio-outline > input:checked ~ span,
.customForm .mt-radio.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span,
.customForm .mt-radio.mt-checkbox-outline > input:checked ~ span,
.customForm .mt-checkbox.mt-radio-outline:hover > input:checked:not([disabled]) ~ span,
.customForm .mt-checkbox.mt-radio-outline > input:checked ~ span,
.customForm .mt-checkbox.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span,
.customForm .mt-checkbox.mt-checkbox-outline > input:checked ~ span { background-color: #e6e6e6; }
.customForm .btn.active { background-color: #e6e6e6; }
.customForm .select2-results__option.select2-results__option--highlighted { background-color: #e6e6e6; }
.customForm .select2-selection--multiple .select2-selection__choice { background-color: #e6e6e6; }
.customForm .select2-selection--single.select2HasBeenSelected .select2-selection__rendered { background-color: #e6e6e6; }
.customForm .tagsinput .tag { background-color: #e6e6e6; }
.customForm .tt-suggestion.tt-cursor { background-color: #e6e6e6; }
.customForm .select2-selection--single .select2-selection__rendered { color: #939393; }
.customForm .select2-selection .degraded-button,
.customForm .select2-selection .degraded-button:visited { background-color: #bcbcbc; }
.customForm .select2-selection .degraded-button:hover{ background-color: #999999; }

/* Green Form (B9DB3F) */
.greenForm .noUi-connect { background: #dcefa9; }
.greenForm .mt-radio.mt-radio-outline:hover > input:checked:not([disabled]) ~ span,
.greenForm .mt-radio.mt-radio-outline > input:checked ~ span,
.greenForm .mt-radio.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span,
.greenForm .mt-radio.mt-checkbox-outline > input:checked ~ span,
.greenForm .mt-checkbox.mt-radio-outline:hover > input:checked:not([disabled]) ~ span,
.greenForm .mt-checkbox.mt-radio-outline > input:checked ~ span,
.greenForm .mt-checkbox.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span,
.greenForm .mt-checkbox.mt-checkbox-outline > input:checked ~ span { background-color: #dcefa9; }
.greenForm .btn.active { background-color: #dcefa9; }
.greenForm .select2-results__option.select2-results__option--highlighted { background-color: #dcefa9; }
.greenForm .select2-selection--multiple .select2-selection__choice { background-color: #dcefa9; }
.greenForm .select2-selection--single.select2HasBeenSelected .select2-selection__rendered { background-color: #dcefa9; }
.greenForm .tagsinput .tag { background-color: #dcefa9; }
.greenForm .tt-suggestion.tt-cursor { background-color: #dcefa9; }
.greenForm .select2-selection--single .select2-selection__rendered { color: #759509; }
.greenForm .degraded-button, .greenForm .degraded-button:visited { background-color: #99b935; }
.greenForm .degraded-button:hover{ background-color: #89a533; }
.greenForm .select2-selection .degraded-button,
.greenForm .select2-selection .degraded-button:visited { background-color: #afcc64; }
.greenForm .select2-selection .degraded-button:hover{ background-color: #a2bd5b; }

/* Blue Form */ /*caebf3, 8de4f9, c7f4ff, a9d5ef */
.blueForm .noUi-connect { background: #cde6f7; }
.blueForm .mt-radio.mt-radio-outline:hover > input:checked:not([disabled]) ~ span,
.blueForm .mt-radio.mt-radio-outline > input:checked ~ span,
.blueForm .mt-radio.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span,
.blueForm .mt-radio.mt-checkbox-outline > input:checked ~ span,
.blueForm .mt-checkbox.mt-radio-outline:hover > input:checked:not([disabled]) ~ span,
.blueForm .mt-checkbox.mt-radio-outline > input:checked ~ span,
.blueForm .mt-checkbox.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span,
.blueForm .mt-checkbox.mt-checkbox-outline > input:checked ~ span { background-color: #cde6f7; }
.blueForm .btn.active { background-color: #cde6f7; }
.blueForm .select2-results__option.select2-results__option--highlighted { background-color: #cde6f7; }
.blueForm .select2-selection--multiple .select2-selection__choice { background-color: #cde6f7; }
.blueForm .select2-selection--single.select2HasBeenSelected .select2-selection__rendered { background-color: #cde6f7; }
.blueForm .tagsinput .tag { background-color: #cde6f7; }
.blueForm .tt-suggestion.tt-cursor { background-color: #cde6f7; }
.blueForm .select2-selection--single .select2-selection__rendered { color: #09818e; }
.blueForm .degraded-button, .blueForm .degraded-button:visited { background-color: #40638b; }
.blueForm .degraded-button:hover{ background-color: #2f4661; }
.blueForm .select2-selection .degraded-button,
.blueForm .select2-selection .degraded-button:visited { background-color: #40638b; }
.blueForm .select2-selection .degraded-button:hover{ background-color: #2f4661; }


.es_list_languages .simple-tag {
    margin: 0 4px 3px 0;
}

.toolbar .btn {
    font-size: 12px;
    min-width: 30px;
    max-height: 25px;
    padding: 3px 6px;
}

.btn-disabled-dark {
    background: #bbb !important;
    color: #999 !important;
    text-shadow: none;
    cursor: not-allowed;
}



/**
 * Well
 */
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f1f4f7;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.well {
    border: 0;
    padding: 20px;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
.well-sm {
    padding: 10px;
}

/**
 * Saved Searches
 */
.svd_search_box {
    border: none;
    background-color: #ffffff;
    color: #555555;
    box-sizing: border-box;
    min-height: 101px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin-top: 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.svd_search_box .svd_subinfo {
    font-size: 10px;
    margin-top: 10px;
    margin-left: -5px;
    margin-right: -5px;
}
.svd_search_box_empty {
    border: 1px dashed #555555;
    /*background-color: rgba(109, 109, 109, 0.18);*/
    /*background-color: rgba(255, 255, 255, 0.5);*/
    /*background-color: rgba(246, 255, 114, 0.4);*/
    /*background-color: rgba(255, 212, 114, 0.5);*/
    /*background-color: rgba(255, 223, 79, 0.5);*/
    /*background-color: #fffbe6;*/
    background-color: #fff5c2;
    padding: 9px;
}
.svd_search_box .svd_delete {
    display: none !important;
}
.svd_search_box:hover:not(.svd_search_box_empty) .svd_delete {
    display: block !important;
}


#tab_candidate_list.span4 .pagination ul > li > a,
#tab_candidate_list.span4 .pagination ul > li > span {
    padding: 4px;
    min-width: 26px;
    box-sizing: border-box;
    text-align: center;
}


.banned-icon {
    color: rgba(217, 83, 79, 0.60);
}


/* Icon states */
.icon-state-default {
  color: #bac3d0; }

.icon-state-success {
  color: #36c6d3; }

.icon-state-info {
  color: #659be0; }

.icon-state-warning {
  color: #F1C40F; }

.icon-state-danger {
  color: #ed6b75; }


#sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; }
#sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; }


/***
Jstree
***/
.jstree-default .jstree-clicked {
  border: 0;
  background-color: #E0E8EC;
  box-shadow: none; }

.jstree-default .jstree-hovered {
  border: 0;
  /*background-color: #eee;*/
  box-shadow: none; }

.jstree-default .jstree-wholerow-clicked,
.jstree-wholerow .jstree-wholerow-clicked {
  background: none;
  border: 0;
  background-color: #E0E8EC;
  box-shadow: none; }

.jstree-default .jstree-wholerow-hovered,
.jstree-wholerow .jstree-wholerow-hovered {
  border: 0;
  /*background-color: #eee;*/
  box-shadow: none; }

.jstree-icon.icon-lg {
  margin-top: 1px; }

.jstree-open > .jstree-anchor > .fa-folder:before {
  margin-left: 2px;
  content: "\f07c"; }

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
  background-repeat: no-repeat; }

/*.vakata-context,*/
/*.vakata-context ul {*/
  /*padding: 0;*/
  /*min-width: 125px;*/
  /*background-color: #ffffff;*/
  /*font-size: 14px;*/
  /*font-family: "Segoe UI",Helvetica, Arial, sans-serif;*/
  /*box-shadow: 5px 5px rgba(102, 102, 102, 0.1);*/
  /*border: 1px solid #efefef; }*/

/*.vakata-context li {*/
  /*border: 0; }*/
  /*.vakata-context li a {*/
    /*padding: 0 10px;*/
    /*border: 0; }*/
    /*.vakata-context li a i {*/
      /*display: none; }*/
    /*.vakata-context li a .vakata-contextmenu-sep {*/
      /*display: none; }*/

/*.vakata-context .vakata-context-hover > a,*/
/*.vakata-context li a:hover {*/
  /*background-color: #eee;*/
  /*color: #333;*/
  /*box-shadow: none;*/
  /*margin: 0; }*/
  /*.vakata-context .vakata-context-hover > a .span,*/
  /*.vakata-context .vakata-context-hover > a .ins,*/
  /*.vakata-context li a:hover .span,*/
  /*.vakata-context li a:hover .ins {*/
    /*border: 0 !important; }*/

/*.vakata-context li a span,*/
/*.vakata-context li a ins {*/
  /*display: none;*/
  /*border: 0 !important; }*/

/*.vakata-context .vakata-context-separator a,*/
/*.vakata-context-rtl .vakata-context-separator a {*/
  /*margin: 0;*/
  /*border: 0; }*/

.jstree-rename-input {
  background-color: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  outline: none !important;
  padding: 2px 6px !important;
  margin-right: -4px !important;
}

.jstree-anchor input {
    float: left;
    max-width: calc(100% - 26px) !important;
    box-sizing: border-box;
}

.jstree-action-btns {
    background-color: #E0E8EC;
    text-shadow: none;
    font-weight: normal;
}
.jstree-action-btns:hover {
    background-color: #afc5d0;
    text-shadow: none;
    font-weight: normal;
}
.jstree-action-btns[disabled] {
    background-color: #f4f4f4;
    color: #999999;
}

.favorite_status_button.btn:hover,
.favorite_status_button.btn:focus,
.favorite_status_button.btn:active,
.favorite_status_button.btn.active,
.favorite_status_button.btn.disabled,
.favorite_status_button.btn[disabled] {
    /*background-color: #e0e8ec;*/
    background-color: #e0e0e0;
    /*background-color: #f1f1f1;*/
    z-index: auto;
}
.favorite_status_button.btn:hover {
    background-color: #e0e0e0;
}
.favtree_help {
    /*background: #ffffda;*/
    background-color: #fffbe6;
    color: #5c3b00;
    padding: 15px 10px 5px;
    font-size: 13px;
    border: 1px solid #e8d8bb;
}
.favtree_help .close {
    margin: -10px 7px 0 0;
}
.favtree_help li + li {
    border-top: 1px solid #e8d8bb;
}
.favtree_help ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.favtree_help li {
    color: #5c3b00;
    padding: 5px 0;
    /*font-family: allerregular;*/
}
.favtree_help li > i {
    margin-top: 6px;
    float: left;
    /*color: #f5bd00;*/
    color: #1e88b6;
}
.favtree_help li > div {
    margin-left: 20px;
}










.modal_window .flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.modal_window .flex-item:nth-child {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}







/* =========== MODAL WINDOWS ===========*/
/*.modal_window .flex-container-stretch-column,*/
/*.modal_window .unslider {*/
    /*min-height: 100%;*/
    /*max-height: 100%;*/
    /*display: -webkit-box;*/
    /*display: -moz-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-flex-direction: column;*/
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/

    /*-webkit-box-direction: normal;*/
    /*-moz-box-direction: normal;*/
    /*-webkit-box-orient: vertical;*/
    /*-moz-box-orient: vertical;*/
/*}*/
.modal_window .unslider {
    height: 100%;
    min-height: 100%;
}
.modal_window .flex-container-stretch-column,
.modal_window .unslider {
    /*min-height: 100%;*/
    max-height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    /*-webkit-flex-wrap: nowrap;*/
    /*-ms-flex-wrap: nowrap;*/
    /*flex-wrap: nowrap;*/
    /*-webkit-justify-content: space-between;*/
    /*-ms-flex-pack: justify;*/
    /*justify-content: space-between;*/
    /*-webkit-align-content: stretch;*/
    /*-ms-flex-line-pack: stretch;*/
    /*align-content: stretch;*/
    /*-webkit-align-items: stretch;*/
    /*-ms-flex-align: stretch;*/
    /*align-items: stretch;*/
}
/*.modal_window .flex-container-stretch-column > .flex-item-stretch-column,*/
/*.modal_window .unslider > .flex-item-stretch-column {*/
    /*-webkit-order: 0;*/
    /*-ms-flex-order: 0;*/
    /*order: 0;*/
    /*-webkit-flex: 1 1 auto;*/
    /*-ms-flex: 1 1 auto;*/
    /*flex: 1 1 auto;*/
    /*-webkit-align-self: auto;*/
    /*-ms-flex-item-align: auto;*/
    /*align-self: auto;*/

    /*display: -webkit-box;*/
    /*display: -moz-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-box-direction: normal;*/
    /*-moz-box-direction: normal;*/
    /*-webkit-box-orient: horizontal;*/
    /*-moz-box-orient: horizontal;*/
    /*-webkit-flex-direction: row;*/
    /*-ms-flex-direction: row;*/
    /*flex-direction: row;*/
    /*-webkit-flex-wrap: nowrap;*/
    /*-ms-flex-wrap: nowrap;*/
    /*flex-wrap: nowrap;*/
    /*-webkit-box-ordinal-group: 1;*/
    /*-moz-box-ordinal-group: 1;*/
    /*-webkit-box-flex: 1;*/
    /*-moz-box-flex: 1;*/
/*}*/
.modal_window .flex-container-stretch-column > .flex-item-stretch-column,
.modal_window .unslider > .flex-item-stretch-column,

.modal_window .flex-container-stretch-column .inherited-flex-item-stretch-column,
.modal_window .unslider .inherited-flex-item-stretch-column {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
/*@-moz-document url-prefix() {*/
    /*.modal_window .flex-container-stretch-column,*/
    /*.modal_window .unslider {*/
        /*width: 100%;*/
        /*-moz-box-sizing: border-box;*/
    /*}*/
/*}*/










/*.modal_window .flex-container-center-row,*/
/*.modal_window .flex-item-stretch-column.flex-container-center-row {*/
    /*display: -webkit-box;*/
    /*display: -moz-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-box-direction: normal;*/
    /*-moz-box-direction: normal;*/
    /*-webkit-box-orient: horizontal;*/
    /*-moz-box-orient: horizontal;*/
    /*-webkit-flex-direction: row;*/
    /*-ms-flex-direction: row;*/
    /*flex-direction: row;*/
    /*-webkit-flex-wrap: nowrap;*/
    /*-ms-flex-wrap: nowrap;*/
    /*flex-wrap: nowrap;*/
    /*-webkit-box-pack: center;*/
    /*-moz-box-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
    /*-webkit-align-content: stretch;*/
    /*-ms-flex-line-pack: stretch;*/
    /*align-content: stretch;*/
    /*-webkit-box-align: stretch;*/
    /*-moz-box-align: stretch;*/
    /*-webkit-align-items: stretch;*/
    /*-ms-flex-align: stretch;*/
    /*align-items: stretch;*/
/*}*/
.modal_window .flex-container-center-row,
.modal_window .flex-item-stretch-column.flex-container-center-row,

.modal_window .inherited-flex-item-stretch-column.flex-container-center-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/*.modal_window .flex-container-center-row > .flex-item-center-row {*/
    /*-webkit-box-ordinal-group: 1;*/
    /*-moz-box-ordinal-group: 1;*/
    /*-webkit-order: 0;*/
    /*-ms-flex-order: 0;*/
    /*order: 0;*/
    /*-webkit-box-flex: 1;*/
    /*-moz-box-flex: 1;*/
    /*-webkit-flex: 1 1 auto;*/
    /*-ms-flex: 1 1 auto;*/
    /*flex: 1 1 auto;*/
    /*-webkit-align-self: center;*/
    /*-ms-flex-item-align: center;*/
    /*align-self: center;*/
/*}*/
.modal_window .flex-container-center-row > .flex-item-center-row,
.modal_window .flex-container-center-row .inherited-flex-item-center-row {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
/*@-moz-document url-prefix() {*/
    /*.modal_window .flex-container-center-row,*/
    /*.modal_window .flex-item-stretch-column.flex-container-center-row{*/
        /*width: 100%;*/
        /*-moz-box-sizing: border-box;*/
    /*}*/
/*}*/













.modal_window .output-field:empty { display: none !important; }

.modal_window .unslider-nav ol li {
    width: 8px;
    height: 8px;
    background: #ccc;
    border: none;
}
.modal_window .unslider-nav ol li.unslider-active {
    background: #333;
}
.modal_window .unslider-arrow {
    display: block;
    width: 32px;
    height: 32px;

    top: 50%;
    right: -50px;
    left: auto;
    margin-top: -16px;

    overflow: hidden;

    background: rgba(0,0,0,.2) no-repeat 50% 50%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==');
    background-size: 7px 11px;

    border-radius: 32px;
    text-indent: -999em;

    opacity: .6;
    transition: opacity .2s;
}
.modal_window .unslider-arrow:hover {
    opacity: 1;
}
.modal_window .unslider-arrow.prev {
    left: -50px;
    right: auto;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.modal_window .unslider-arrow {
    right: 40px;
    right: 10px;
}
.modal_window .unslider-arrow.prev {
    left: 40px;
    left: 10px;
}
.modal_window .unslider {
    min-width: 100%;
}
.modal_window,
.modal_window *,
.modal_window::before,
.modal_window::after,
.modal_window *::before,
.modal_window *::after {
    box-sizing: border-box;
}


.swal-help-error {
    color: #bb0000;
    margin-top: -10px;
    text-align: right;
    font-size: 0.9rem;
}
.swal2-popup .swal2-validationerror::before {
    min-width: 1.5em;
}

.swal2-popup .swal2-input-wrapper {
    margin-bottom: 20px;
}
.swal2-popup .swal2-input-wrapper input {
    margin: 0;
}
.swal2-popup .swal2-input-wrapper .swal-help-error {
    margin: 0;
}


/*-------------------+
| fancy-screen-alert |
+-------------------*/
.fancy-screen-alert:empty {
    display: none;
}
.fancy-screen-alert {
    text-align: center;
    padding: 15px;
    margin-bottom: 20px;
    /*-webkit-border-radius: 4px;*/
    /*-moz-border-radius: 4px;*/
    /*border-radius: 4px;*/
    /*border: 1px solid #aaaaaa;*/
    /*background: #ccc;*/
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
}
.fancy-screen-alert.fsa-warning {
    /*color: #c09853;*/
    /*color: #FFB822;*/
    color: #eda61a;
    /*background-color: #fcf8e3;*/
    /*border-color: #fbeed5;*/
}
.fancy-screen-alert.fsa-error {
    color: #b94a48;
    /*background-color: #f2dede;*/
    /*border-color: #eed3d7;*/
}
.fancy-screen-alert.fsa-info {
    color: #3a87ad;
    /*background-color: #d9edf7;*/
    /*border-color: #bce8f1;*/
}
.fancy-screen-alert.fsa-success {
    color: #468847;
    /*background-color: #dff0d8;*/
    /*border-color: #d6e9c6;*/
}
.fancy-screen-alert.fsa-question {
    color: #3a87ad;
    /*background-color: #d9edf7;*/
    /*border-color: #bce8f1;*/
}
.fancy-screen-alert .fsa-icon {
    font-size: 4rem;
}
.fancy-screen-alert .fsa-title {
    font-weight: bold;
    font-size: 2rem;
    display: block;
    line-height: 2.5rem;
    margin-top: 10px;
}
.fancy-screen-alert .fsa-message {
    font-size: 1.2rem;
    /*max-width: 500px;*/
    margin: 20px auto 0;
    color: #333;
}
.fancy-screen-alert .fsa-description {
    margin-top: 15px;
    color: #777;
    font-size: 1rem;
}
.fancy-screen-alert .fsa-action {
    margin-top: 30px;
    font-weight: 500;
}
.fancy-screen-alert .fsa-button {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    /*transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
    transition: all 0.3s ease;
    text-decoration: none;
    padding: 1rem 2.5rem;
    font-size: 1.2rem;
    cursor: pointer;
    color: #ffb822;
    font-weight: 400;
    border-radius: 60px;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    border: 2px solid #cccccc;
    line-height: 1.5;
    background: transparent;
}
.fancy-screen-alert .fsa-button.focus,
.fancy-screen-alert .fsa-button:focus,
.fancy-screen-alert .fsa-button:hover {
    border-color: #ffb822;
    background: #ffb822;
    color: #111;
}
.fancy-screen-alert.fsa-success .fsa-button {
    border-color: #d6e9c6;
    color: #468847;
}
.fancy-screen-alert.fsa-success .fsa-button.focus,
.fancy-screen-alert.fsa-success .fsa-button:focus,
.fancy-screen-alert.fsa-success .fsa-button:hover {
    /*background-color: #dff0d8;*/
    background-color: #d6e9c6;
}
.fancy-screen-alert.fsa-info .fsa-button {
    border-color: #bce8f1;
    color: #3a87ad;
}
.fancy-screen-alert.fsa-info .fsa-button.focus,
.fancy-screen-alert.fsa-info .fsa-button:focus,
.fancy-screen-alert.fsa-info .fsa-button:hover {
    /*background-color: #d9edf7;*/
    background-color: #bce8f1;
}
.fancy-screen-alert.fsa-warning .fsa-button {
    /*border-color: #ffb822;*/
    border-color: #fbeed5;
    /*color: #ffb822;*/
    color: #EDA61A;
}
.fancy-screen-alert.fsa-warning .fsa-button.focus,
.fancy-screen-alert.fsa-warning .fsa-button:focus,
.fancy-screen-alert.fsa-warning .fsa-button:hover {
    /*background: #FCF8E3;*/
    /*background: #ffb822;*/
    background: #fbeed5;
    /*color: #8c5f00;*/
}
.fancy-screen-alert.fsa-error .fsa-button {
    border-color: #eed3d7;
    color: #b94a48;
}
.fancy-screen-alert.fsa-error .fsa-button.focus,
.fancy-screen-alert.fsa-error .fsa-button:focus,
.fancy-screen-alert.fsa-error .fsa-button:hover {
    /*background-color: #f2dede;*/
    background-color: #eed3d7;
}
.fancy-screen-alert.fsa-question .fsa-button {
    border-color: #bce8f1;
    color: #3a87ad;
}
.fancy-screen-alert.fsa-question .fsa-button.focus,
.fancy-screen-alert.fsa-question .fsa-button:focus,
.fancy-screen-alert.fsa-question .fsa-button:hover {
    /*background-color: #d9edf7;*/
    background-color: #bce8f1;
}


/*-----+
| FLEX |
+-----*/
.flex-centered-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-centered-content .flex-item {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
@-moz-document url-prefix() {
    .flex-centered-content .flex-container {
        width: 100%;
        -moz-box-sizing: border-box;
    }
}

