.menubar{
    position: absolute;
}
/* Help Box */
.help-input{
    max-width: 280px;
}
.help-input-2{
    max-width: 240px;
}
.help-input-3{
    max-width: 190px;
padding-right: 10px;
}
.help-box {
    position:relative;
    width: 300px;
    height:100px;
    box-sizing:border-box;
    text-align:center;
    margin:0 10px;
    background:#00171d;
    overflow:hidden;
    border-radius:4px;
    box-shadow:0 0 0 2px rgba(0,7,10,1);
}
.help-box .icon {
    width:100%;
    height:100%;
    background:#00171d;
    transition: 0.5s;
}
.help-box .icon .fa {
    font-size: 4em;
    line-height:100px;
    color: #0ff;
}
.help-box:hover .icon {
    transform:scale(0);
}
.help-box .details {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#03a9f4;
    transition:0.5s;
    transform:scale(2);
    opacity:0;
}
.help-box:hover .details {
    transform:scale(1);
    opacity:1;
}
.help-box .details h3 {
    margin:0;
    padding:0;
    line-height:100px;
    font-size:24px;
    color:#fff;
}
.help-box .details:nth-child(2) .details {
    background:#e91e63;
}
.help-box .details:nth-child(2) .details {
    background:#607d8b;
}
/* Main help container */
#main-help-container {
    background-color: rgb(117, 173, 56);
    position: fixed;
    width: 600px;
    height: 600px;
    right: -200px;
    top: -200px;
    z-index: 999;
    border-radius: 50%;
}

.close-help-container {
    z-index: 9999;
    position: fixed;
    top: 10px;
    right: 20px;
}
#panel-soporte{
    position: fixed;
top: 0;
width: 390px;
}
/* SKELETON LOADER */
#skeleton-content {
    position: absolute;
    width: 250px;
    height: 100%;
}

/* SKELETON LOADER */
#skeleton-content-2 {
    top: 28px;
    position: absolute;
    width: calc(100% - 320px);
    height: 100%;
    margin-left: 300px;
}

.skeleton-wrapper {
    background: #fff;
}

.skeleton-wrapper-inner {
    padding: 15px;
    position: relative;
}

.skeleton-wrapper-body div {
    background: #f6f7f8;
    background-image: -webkit-gradient(linear, left center, right center, from(#f6f7f8), color-stop(.2, #edeef1), color-stop(.4, #f6f7f8), to(#f6f7f8));
    background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: cover;
    height: 104px;
    position: relative;
}

.skeleton-wrapper-body {
}

.skeleton-wrapper-body div {
    position: absolute;
    right: 15px;
    left: 15px;
    top: 15px;
}

div.skeleton-avatar {
    height: 60px;
    width: 60px;
    border-radius: 60px;
    right: auto;
}

div.skeleton-author {
    top: 20px;
    height: 20px;
    left: 95px;
}

div.skeleton-title {
    top: -10px;
    height: 50px;
}

div.skeleton-label {
    left: 95px;
    top: 50px;
    height: 10px;
    width: 100px;
}

div.skeleton-content-1 {
    left: 15px;
    right: 15px;
    height: calc(100vh - 120px);
    top: 100px;
}

div.skeleton-table-content-1 {
    margin-top: 250px;
    height: 30px;
    top: 60px;
}

div.skeleton-table-content-2 {
    height: 30px;
    top: 120px;
}

div.skeleton-table-content-3 {
    height: 30px;
    top: 180px;
}

div.skeleton-table-content-4 {
    height: 30px;
    top: 260px;
}

div.skeleton-table-content-5 {
    height: 30px;
    top: 320px;
}

div.skeleton-table-content-6 {
    height: 30px;
    top: 380px;
}

div.skeleton-table-content-7 {
    height: 30px;
    top: 460px;
}

div.skeleton-table-content-8 {
    height: 30px;
    top: 520px;
}

div.skeleton-table-content-9 {
    height: 30px;
    top: 580px;
}

div.skeleton-table-content-10 {
    height: 30px;
    position: fixed;
    position: relative;
    top: calc(100vh - 95px);
}

@-webkit-keyframes placeholderSkeleton {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }

}

@-webkit-keyframes skeletonAnimate {
    from {
        background-position: top left;
    }

    to {
        background-position: top right;
    }

}

/* LOADER */
.lds-facebook {
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div.lds-1 {
    background: rgb(0, 56, 100);
}

.lds-facebook div.lds-2 {
    background: rgb(0, 75, 133);
}

.lds-facebook div.lds-3 {
    background: rgb(117, 173, 56);
}

.lds-facebook div.lds-4 {
    background: rgb(155, 205, 101);
}

.lds-facebook div:nth-child(1) {
    left: 6px;
    animation-delay: -0.36s;
}

.lds-facebook div:nth-child(2) {
    left: 26px;
    animation-delay: -0.24s;
}

.lds-facebook div:nth-child(3) {
    left: 45px;
    animation-delay: -0.12s;
}

.lds-facebook div:nth-child(4) {
    left: 64px;
    animation-delay: 0;
}

@keyframes lds-facebook {
    0% {
        top: 6px;
        height: 51px;
    }

    50%,
    100% {
        top: 19px;
        height: 26px;
    }

}

/**/
.small-menu-container {
    bottom: 0;
    position: fixed;
    margin-right: 1em;
    right: 0px;
}

.small-menu-container .buttons {
    box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    display: block;
    width: 56px;
    height: 56px;
    margin: 20px auto 0;
    position: relative;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

.small-menu-container .buttons:active,
.small-menu-container .buttons:focus,
.small-menu-container .buttons:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}

.small-menu-container .buttons:not(:last-child) {
    width: 40px;
    height: 40px;
    margin: 20px auto 0;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

.small-menu-container:hover 
.buttons:not(:last-child) {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 15px auto 0;
}

/* Unessential styling for sliding up buttons at differnt speeds */
.small-menu-container .buttons:nth-last-child(1) {
    -webkit-transition-delay: 25ms;
    transition-delay: 25ms;
    /*background-image: url('../../images/icon-menu-bottom.png');
    background-size: contain;*/
    background: white;
    border: 2px solid #003864;
}

.small-menu-container .buttons:not(:last-child):nth-last-child(2) {
    -webkit-transition-delay: 50ms;
    transition-delay: 20ms;
    /*background-image: url('../../images/icon-menu-signout.png');
    background-size: contain;*/
    background: white;
    border: 2px solid #003864;
}

.small-menu-container .buttons:not(:last-child):nth-last-child(4) {
    -webkit-transition-delay: 75ms;
    transition-delay: 40ms;
    background-image: url('https://cbwconline.com/IMG/Twitter-Flat.png');
    background-size: contain;
}

.small-menu-container .buttons:not(:last-child):nth-last-child(3) {
    -webkit-transition-delay: 100ms;
    transition-delay: 60ms;
    /*background-image: url('../../images/icon-menu-help.png');
    background-size: contain;*/
        background: white;
    border: 2px solid #003864;
}

/* Show tooltip content on hover */
.small-menu-container > [tooltip]:before {
    bottom: 25%;
    border-radius: 2px;
    background: rgb(0, 56, 100);
    color: #fff;
    content: attr(tooltip);
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    padding: 5px 7px;
    margin-right: 12px;
    position: absolute;
    right: 100%;
    white-space: nowrap;
}

.small-menu-container > [tooltip]:hover:before,
.small-menu-container > [tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}

/***/
#dvLoading {
    height: 100px;
    width: 100px;
    position: fixed;
    z-index: 1000;
    left: 48%;
    top: 40%;
    margin: -25px 0 0 -25px;
}

.form-control:focus {
    border-color: rgba(155, 205, 101);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px rgba(155, 205, 101);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px rgba(155, 205, 101);
}

.concepto-pedido {
    background-color: rgb(200, 150, 0) !important;
    color: white !important;
    padding: 3px;
}

.concepto-rechazado {
    background-color: rgb(196, 66, 30) !important;
    color: white !important;
    padding: 3px;
}

.concepto-ofertado {
    background-color: rgb(117, 173, 56) !important;
    color: white !important;
    padding: 3px;
}

.concepto-confirmado {
    background-color: rgb(124, 124, 124) !important;
    color: white !important;
    padding: 3px;
}

.concepto-modificado {
    background-color: rgb(13, 118, 123) !important;
    color: white !important;
    padding: 3px;
}

body {
    position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
    font-size: 12px;
}

.btn {
    border-radius: 0 !important;
}

.avoid-event {
    pointer-events: none;
}

.DTE_Field_InputControl>div {
    /*display: inline-flex !important;*/
}

.dt-buttons .btn {
    margin-right: 2.5px;
}

.dt-button {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: linear;
}

.dt-button:focus,
.btn.btn-default:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14) inset;
}

.dt-button {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: linear;
}

.button .dt-button,
div.dt-button,
a.dt-button,
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-user-select: none;
    background-image: none;
    border-bottom-color: transparent;
    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: transparent;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    cursor: pointer;    /*display: inline-block;*/
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;    /*margin-bottom: 0;*/
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.dt-button:focus,
.dt-button:active:focus,
.dt-button.active:focus {
    outline-color: -moz-use-text-color;
    outline-offset: -2px;
    outline-style: dotted;
    outline-width: thin;
}

.button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled):hover,
.button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled):focus {
    background-color: #ebebeb;
    border-bottom-color: #adadad;
    border-left-color: #adadad;
    border-right-color: #adadad;
    border-top-color: #adadad;
    color: #333;
}

.dt-button:active,
.dt-button.active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
}

.dt-button.disabled,
.dt-button[disabled],
fieldset[disabled] .dt-button {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}

.btn-default,
.btn-default:focus {
    background-color: #fff;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    color: #333;
}

.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: #ebebeb;
    border-bottom-color: #adadad;
    border-left-color: #adadad;
    border-right-color: #adadad;
    border-top-color: #adadad;
    color: #333;
}

button.dt-button,
div.dt-button,
a.dt-button {
    background-color: #fff;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    color: #333;
}

.dt-button {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: linear;
}

/*Estilos jQuery UI*/
.ui-widget-header {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #505a60;    /*background-image: url("images/ui-bg_gloss-wave_35_f6a828_500x100.png");*/
    background-origin: padding-box;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: repeat-x;
    background-size: auto auto;
    border-bottom-color: #505a60;
    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: #505a60;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #505a60;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #505a60;
    border-top-style: solid;
    border-top-width: 1px;
    color: #505a60;
    font-weight: bold;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #77c4d4;    /*background-image: url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png");*/
    background-origin: padding-box;
    background-position-x: 50%;
    background-position-y: top;
    background-repeat: repeat-x;
    background-size: auto auto;
    border-bottom-color: #77c4d4;
    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: #77c4d4;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #77c4d4;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #77c4d4;
    border-top-style: solid;
    border-top-width: 1px;
    color: #363636;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(0, 75, 133);    /*background-image: url("images/ui-bg_glass_100_fdf5ce_1x400.png");*/
    background-origin: padding-box;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: repeat-x;
    background-size: auto auto;
    border-bottom-color: #505a60;
    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: #505a60;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #505a60;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #505a60;
    border-top-style: solid;
    border-top-width: 1px;
    color: #ffffff;
    font-weight: bold;
}

.pagination > li > a,
.pagination > li > span {
    color: #505a60 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: white !important;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    max-width: none !important;
    width: 95%;
}

.modal::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.ui-widget {
    font-family: Source Sans Pro, Helvetica Neue, Arial !important;
    font-size: 1.1em;
}

/*UI Datepicker*/
.ui-datepicker {
    position: relative;
}

.ui-datepicker .ui-datepicker-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding-bottom: 5px;
    margin-bottom: 4px;
}

.datetimepicker table td:last-child,
.datetimepicker table thead th:last-child {
    border-right: 0;
}

.ui-datepicker .ui-datepicker-title {
    cursor: default;
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    height: 1.8em;
    position: absolute;
    top: 7px;
    width: 1.8em;
    color: #FFF;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    overflow: hidden;
    display: block;
    text-indent: -99999px;
}

.ui-datepicker .ui-datepicker-prev span:after,
.ui-datepicker .ui-datepicker-next span:after {
    cursor: pointer;    /* content: "?";*/
    font-family: FontAwesome;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    text-indent: 0;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e {
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-next span:after {

    /*content: "?";*/
    right: 0;
}

.ui-datepicker table th {
    border: 0;
    padding: 3px;
}

.ui-datepicker table th span {
    font-size: 14px;
    color: #FFF;
}

.ui-datepicker table tr {
    background: transparent !important;
}

.ui-datepicker table td {
    border: 0;
    padding: 3px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
    color: #FFF;
}

.ui-widget-content {
    background: #FFF !important;
}

.ui-datepicker-calendar table,
.ui-datepicker-calendar td,
.ui-datepicker-calendar tr {
    font-size: 10px;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 11px;
}

.ui-datepicker table td {
    padding: 0px;    /*background-color:#eee !important;*/
}

.ui-datepicker table th span {
    font-size: 10px !important;
}

.ui-datepicker table td:last-child {
    border-right: 0px solid black;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3 !important;
    font-weight: normal !important;
}

.ui-corner-all {
    border-radius: 0px !important;
}

.ui-widget:not(button) {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

/*.ui-state-active:not(.ui-state-hover) {
color:#505a60 !important;
}
*/
.ui-state-hover {
    color: #FFFFFF !important;
}

.ui-datepicker-today a,
.ui-widget-content a:hover {
    color: #FFFFFF !important;
}

.ui-datepicker-today a {
    background-color: #505a60 !important;
}

.hasDatepicker {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.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:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-radius: 0;
}

.bold {
    font-weight: bold;
}

.DTE_Form_Error {
    text-align: center;
}

div.ekko-lightbox-container select.form-control,
div.ekko-lightbox-container input.form-control,
#div_lightbox_avanzada input.form-control,
#div_lightbox_avanzada_calibracion input.form-control {
    width: 100%;
    height: 35px;
}

div.dt-button-collection a.dt-button:empty {
    display: none;
}

#wizard .header {
    background-color: #505a60 !important;
}

#wizard .header .steps .step::after,
#wizard .header .steps .step.active span {
    background: #77c4d4 !important;
    border: 2px solid #77c4d4;
}

#wizard .header .steps .step span {
    background: #505a60 !important;
    border: 2px solid #009cb7;
}

.button span {
    background: #FFF !important;
}

#wizard .form-wizard {
    width: 80%;
}

#wizard .form-wizard .step {
    position: relative !important;
}
@media (max-width:985px){
    .bottom-menu-2{
        display: none !important;
    }
}
@media (max-width:767px) {
    .open-sidebar div div.main-sidebar {
        display: block;
    }

    body div div.main-sidebar {
        display: none;
    }

}

.footer {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #002850;
    color: white !important;
    z-index: 99 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0 !important;
    left: 0px;
}

.footer a {
    color: white !important;
}

.pointer {
    cursor: pointer;
}

@media (max-width:767px) {
    .modal-backdrop {
        z-index: 0;
    }

    .footer {
        width: 100%;
        margin-left: 0px;
    }

}

.btn-primary,
.btn-primary:focus,
.btn-primary[disabled] {
    background-color: #003864;
    border-color: #003864;
    color: white;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #77c4d4;
    border-color: #505a60;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 4px;
}

.ui-datepicker .ui-datepicker-title select {
    margin: 1px 3px;
}

div.dt-button-collection {
    z-index: 99990 !important;
}

.input-group input {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

.input-group input.form-not-radius {
    border: 1px solid #ccc !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.jstree-contextmenu {
    z-index: 99200;
}

.pointer {
    cursor: pointer;
}

form label.error {
    background-color: #A8C855 !important
}

form label.error::after {
    border-bottom-color: #A8C855 !important
}

#wizard .form-wizard .step .success {
    text-align: left !important;
}

form label.error {
    z-index: 55;
}

form:not(.feedback) label.error {
    position: absolute !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    background-color: #505a60;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
    background-color: #77c4d4;
}

.content-wrapper {

    /* min-height: 850px;*/
}

@media (max-width:540px) {
    .content-wrapper {
        min-height: 650px !important;
    }

    .content {
        min-height: 700px !important;
    }

    .modal-dialog {
        width: 94%;
    }

}

.clearable {
    background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;    /*/ border: 1px solid #999;*/
    padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
    border-radius: 3px;
    transition: background 0.4s;
}

.clearable.x {
    background-position: right 35px center;
}

.clearable.onX {
    cursor: pointer;
}

.clearable::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.dataTables_paginate a.disabled {
    color: #888 !important;
    cursor: default;
}

.dataTables_paginate a.disabled:hover {
    background-color: #fff;
}

.dataTables_paginate a:hover {
    background-color: #eee;
    text-decoration: none !important;
}

.dataTables_paginate a.current {
    background-color: #505a60;
    border-color: #505a60;
    color: #fff !important;
}

.dataTables_paginate a.current:hover {
    background-color: #77c4d4;
    border-color: #77c4d4;
    color: #fff !important;
}

.dataTables_scrollHeadInner .dataTable {
    margin-bottom: 0px !important;
}

.dataTables_paginate {

    /* margin: 0px 0px 75px 0px !important;*/
}

table.table-list thead .sorting:after,
table.table-list thead .sorting_asc:after,
table.table-list thead .sorting_desc:after,
table.table-list thead .sorting_asc_disabled:after,
table.table-list thead .sorting_desc_disabled:after {
    position: absolute !important;
    bottom: 30% !important;
    right: 0px !important;
    display: block !important;
    font-family: 'Glyphicons Halflings' !important;
    opacity: 0.5 !important;
}

/*table.table-list thead .sorting:after {
 opacity: 0.2;
 content: "\e150" !important;   */

/* sort */

/*}

table.dataTable thead .sorting_asc:after {
content: "\e155" !important;   */

/* sort-by-attributes */

/*}

table.dataTable thead .sorting_desc:after {
content: "\e156" !important;   */

/* sort-by-attributes-alt */

/*}*/

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #eee;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    width: 50%;
    padding: 5px 20px;
    box-sizing: border-box;
}

div.DTE_Body div.DTE_Form_Content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.results thead th {
    background: rgba(0, 0, 0, 0.02) !important;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.04) !important;
}

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

.ml-1 {
    margin-left: 7.00px !important;
}

.vertical-middle {
    vertical-align: middle;
}

.search .content-wrapper .results h3 {
    padding: 0 20px;
    margin: -10px 0;
    font-size: 17px;
    margin-bottom: 25px;
    text-align: left;
}

@media (max-width:767px) {
    .search .content-wrapper .results form {
        padding: 25px !important;
    }

}

.form-control-feedback {
    z-index: 3;
}

.searched {
    background: #ff0;
    color: #000;
}

div.search span,
div.search input[name="keyword"] {

    /*display: block;*/
}

div.search input[name="keyword"] {
    margin-top: 4px;
}

.panel-heading .panel-tool-options {
    float: right;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    margin-right: -0.5em;
}

.panel-heading .panel-tool-options > li > a {
    color: #434343;
}

.panel-success .panel-tool-options > li > a,
.panel-primary .panel-tool-options > li > a,
.panel-danger .panel-tool-options > li > a,
.panel-warning .panel-tool-options > li > a,
.panel-info .panel-tool-options > li > a {
    color: inherit;
}

.panel-heading .panel-tool-options > li {
    display: inline-block;
    vertical-align: middle;
}

.panel-heading .panel-tool-options .dropdown-menu > li > a {
    padding: 5px 12px;
}

.fa-question-circle {
    color: rgb(127, 127, 127);
    cursor: help;
}

.tooltip {
    cursor: help;
    z-index: 99999 !important;
    position: absolute !important;
}

#latest-activity .moment .icon .fa,
#activity .moment .icon .fa {
    left: 11px;
    top: 10px;
}

#activity {
    width: 98%;
}

#activity .content-wrapper {
    margin-bottom: 40px;
}

#activity .filter-user {
    float: right;
}

@media (max-width:767px) {
    #activity .filter-user {
        float: right;
    }

}

#activity .filter-user .dropdown-menu {
    right: 0;
    left: auto;
}

@media (max-width:767px) {
    #activity .filter-user .dropdown-menu {
        left: 0;
        right: auto;
    }

}

#activity h3 {
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 22px;
}

#activity h3 small {
    margin-left: 15px;
}

#activity .moment.first {
    margin-top: 60px !important;
}

#activity .moment {
    width: 100%;
    padding-bottom: 50px;
    position: relative;
}

#activity .moment.first:before {
    height: 130%;
    top: -20px;
}

#activity .moment.first:after {
    content: '';
    position: absolute;
    left: 23px;
    top: -20px;
    width: 7px;
    height: 7px;
    background: #eee;
    border-radius: 50%;
}

@media (max-width:991px) {
    #activity .moment.first:after {
        left: 16px;
    }

}

@media (max-width:991px) {
    #activity .moment.first:after {

        /*display: none;*/
    }

}

#activity .moment.last:before {
    background: #fff;
}

#activity .moment:before {
    content: '';
    position: absolute;
    left: 25px;
    top: 5px;
    width: 3px;
    height: 100%;
    background: #eee;
}

@media (max-width:991px) {
    #activity .moment:before {
        left: 18px;
    }

}

@media (max-width:991px) {
    #activity .moment:before {

        /*display: none;*/
    }

}

#activity .moment .icon {

    /* background: #90C7EC;*/
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    left: 24px;
    top: 4px;
}

@media (max-width:991px) {
    #activity .moment .icon {
        left: 17px;
    }

}

#activity .moment .icon.violet {
    background: #E25495;
}

#activity .moment .icon.yellow {
    background: #EBC77B;
}

#activity .moment .icon.dark {
    background: #515C6E;
}

#activity .moment .icon.purple {
    background: #816DB4;
}

#activity .moment .icon .fa {
    color: #fff;
    position: absolute;
}

#activity .moment .icon .fa.fa-comment {
    top: 10px;
    left: 11px;
}

#activity .moment .icon .fa.fa-upload {
    left: 11px;
    top: 10px;
}

#activity .moment .icon .fa.fa-check {
    top: 10px;
    left: 10px;
}

#activity .moment .icon .fa.fa-files-o {
    top: 10px;
    left: 9px;
    font-size: 17px;
}

#activity .moment .icon .fa.fa-quote-left {
    top: 10px;
    left: 11px;
}

.avatar {
    max-width: 53px;
    border-radius: 5px;
    float: left;
    margin-right: 25px;
}

@media (max-width:767px) {
    .avatar {
        margin-bottom: 10px;
    }

}

#activity .moment .message .content {
    float: left;
    width: 80%;
}

@media (max-width:767px) {
    #activity .moment .message .content {
        width: 100%;
    }

}

#activity .moment .message .content p {
    margin-top: 15px;
    color: #555;
}

#activity .moment .message .content p.border-bottom {
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 20px;
}

#activity .moment .message .content p .date {
    display: block;
    color: #8F8F8F;
    margin-bottom: 6px;
    font-size: 13px;
}

#activity .moment .message .content .files {
    margin-top: 20px;
    display: table;
}

#activity .moment .message .content .files .file {
    display: table-cell;
    padding-right: 25px;
    max-width: 190px;
    vertical-align: top;
    text-align: center;
}

#activity .moment .message .content .files .file img {
    border-radius: 3px;
}

#activity .moment .message .content .files .file .name {
    display: inline-block;
    margin-top: 11px;
    line-height: 17px;
    font-size: 13px;
}

#activity .moment .message .content .big-file {
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #ECECEC;
    border-radius: 4px;
}

#activity .moment .message .content .big-file img {
    float: left;
    max-width: 50px;
    margin-right: 20px;
    border: 1px solid #ECECEC;
    padding: 5px;
    border-radius: 4px;
}

#activity .moment .message .content .big-file .name {
    display: inline-block;
    font-weight: 600;
    margin-top: 5px;
    color: #333;
}

#activity .moment .message .content .big-file .size {
    color: #A7A7A7;
}

.bg-success {
    background-color: rgb(117, 173, 56) !important;
}

.bg-warning {
    background-color: #EBC77B !important;
}

.bg-danger {
    background-color: rgb(196, 66, 30) !important;
}

.btn-danger {
    background-color: rgb(196, 66, 30) !important;
}

.btn-danger:hover {
    background-color: transparent !important;
    color: rgb(196, 66, 30) !important;
}

.bg-info {
    background-color: #90C7EC !important;
}

.bg-primary {
    background-color: rgb(117, 173, 56) !important;
}

.bg-secondary {
    background-color: #003864 !important;
}

.btn-link {
    color: rgb(127, 127, 127) !important;
    padding: 0 !important;
}

.btn-link:hover {
    color: #003864 !important;
}

.bg-terciary {
    background-color: #003864 !important;
}

.sr-only {
    position: inherit !important;
    margin-left: 3px !important;
}

.title-logo > img {
    display: none;
}

.title-logo::before {

    /*content: url(../../../resources/images/logo_mave2.png);
        display: block;
        width: 20px;
        height: 10px;*/
    background-image: url('../../../resources/images/logo_mave2.png');
    background-size: 100% 100%;
    display: inline-block;
    height: 44px;
    width: 200px;
    position: relative;
    content: "";
}

.page-title {
    max-width: 60%;
    white-space: nowrap;
    overflow: hidden;
}

@media (max-width:820px) {
    .page-title {
        max-width: 35%;
        white-space: nowrap;
        overflow: hidden;
    }

}

@media (max-width:720px) {
    .page-title {
        max-width: 25%;
        white-space: nowrap;
        overflow: hidden;
    }

}

@media (max-width:500px) {
    .title-logo::before {
        background-image: url('../../../resources/images/logo_mave_mini.png');
        width: 45px;
    }

    .bottom-menu {
        margin-right: 85px;
    }

    .page-title {
        width: 200px !important;
        overflow: hidden !important;
    }

}

.period-select {
    margin-top: -10px
}

table.checkeable.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
table.checkeable.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    top: 30% !important;
    left: 30% !important;
}

table.checkeable.dataTable:not(.dtr-inline) > tbody > tr > td:first-child,
table.checkeable.dataTable:not(.dtr-inline)  > thead > tr > th:first-child {
    padding: 0px !important;
    width: 0px !important;
}

div.DTE_Field_Type_radiobutton div.controls label {
    margin-right: 1em;
    font-weight: normal;
    vertical-align: middle;
}

div.DTE_Field_Type_radiobutton div.controls input {
    margin-right: 0.25em;
}

.form-horizontal .form-group {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.dataTables_scrollBody {
    position: inherit !important;
}

.form-control-feedback {
    cursor: pointer;
}

input:disabled+label.todo {
    color: #888;
    font-style: italic;
}

.even-md {
    background-color: #f9f9f9;
    margin-left: 10px;
    margin-right: 10px;
}

.odd-md {
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
}

.even-sm {
    background-color: #f9f9f9;
}

.odd-sm {
    background-color: white;
}

div.h_info {
    padding-left: 15px;
    padding-right: 15px;
}

@media(min-width:992px) {
    .even-sm {
        background-color: transparent;
    }

    .odd-sm {
        background-color: transparent;
    }

    .even-md {
        background-color: #f9f9f9 !important;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .odd-md {
        background-color: white !important;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .even-md:first-child {
        border-top: 1px solid #ddd;
    }

}

@media (max-width:480px) {
    .col-xs-7,
    .col-xs-5 {
        min-height: 35px !important;
    }

}

@media(max-width:992px) {
    .col-xs-5.even-sm,
    .col-xs-5.odd-sm {
        clear: both;
    }

}

@media (min-width:992px) {
    .col-md-1_5 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 11.5%;
    }

    .col-md-2_5 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 21.5%;
    }

}

@media (min-width:768px) {
    .col-sm-2_5 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 21.5%;
    }

}

.select2-dropdown-open [class^="select2-choice"] {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.select2-drop,
.select2-container {
    z-index: 999999 !important;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background-color: #77c4d4;
    color: #505a60;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container-multi .select2-choices .select2-search-choice {
    border-color: #505a60;
}

.select2-container-active,
.select2-choices:focus {
    border-color: #77c4d4;
}

.display_none {
    display: none;
}

.select2-search__field {
    width: auto !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc;
}

.search .content-wrapper .results .bulk-actions {
    position: relative;
    left: 0;
}

.search .content-wrapper .results {
    padding-bottom: 10px !important;
}

.search span.caret {
    display: inline-block;
}

#signin {
}

select.form-control:focus {
    border-color: #a6ca56;
    outline: none;
}

.widget .widget-header [class^="fa-"],
.widget .widget-header [class*=" fa-"] {
    color: #555;
    display: inline-block;
    font-size: 16px;
    margin-left: 3px;
    margin-right: 10px;
    margin-top: 0px;
    vertical-align: middle;
    float: left;
}

.stacked h3 {
    font-size: 15px;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #505a60;
}

.cursor {
    cursor: pointer;
}

select:focus,
.fake-select-wrap > .fake-select.focus {
    border-color: #009cb7 !important;
}

.feed_right {
    right: 25px !important;
}

#sidebar #content #app-message section .message .attachments .attachment a .file-type.file {
    background-color: #505a60;
}

#sidebar #content #app-message section .message .attachments .attachment a .file-type.application\/pdf {
    background-color: #e84e4e;
}

#sidebar #content #app-message section .message .attachments .attachment a .file-type.application\/zip {
    background-color: #009cb7;
}

#sidebar #content #app-message section .message .attachments .attachment a .file-type.image\/jpeg,
#sidebar #content #app-message section .message .attachments .attachment a .file-type.image\/png,
#sidebar #content #app-message section .message .attachments .attachment a .file-type.image\/bmp {
    background-color: #77c4d4;
}

#sidebar #content #app-message section .message .attachments .attachment a .file-type.application\/vnd\.openxmlformats-officedocument\.spreadsheetml\.sheet {
    background-color: #27b15e;
}

#sidebar #content #app-message section .message .attachments .attachment a .file-type.application\/vnd\.openxmlformats-officedocument\.wordprocessingml\.document {
    background-color: #002850;
}

#sidebar #content #app-message section .message .attachments .attachment a .file-type.application\/vnd\.ms-excel\.sheet\.macroEnabled\.12 {
    background-color: #27b15e;
}

.fa-1 {
    font-size: 12px !important;
}

td.legendLabel {
    padding: 5px !important;
}

#sidebar-default.menu_resize {
    width: 80px;
}

#content.menu_resize {
    margin-left: 80px;
}

#sidebar-default.menu_resize .current-user .name span {
    display: none;
}

#sidebar-default .current-user .menu {
    left: 80px;    /*top: 10px;*/
    -webkit-transform-origin: 0 15px;
    -moz-transform-origin: 0 15px;
    -o-transform-origin: 0 15px;
    -ms-transform-origin: 0 15px;
    transform-origin: 0 15px;
}

#sidebar-default.menu_resize .current-user .menu:before {
    top: 16px;
    left: -5px;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

#sidebar-default.menu_resize .menu-section h3 {
    display: none;
}

#sidebar-default.menu_resize .menu-section ul li {
    margin-bottom: 7px;
    position: relative;
}

#sidebar-default.menu_resize #sidebar #content #app-sidebar {
    width: 50% !important;
}

#sidebar-default.menu_resize #sidebar #content #app-message {
    width: 50% !important;
    margin-left: 50% !important;
}

#sidebar-default.menu_resize .bottom-menu {
    display: none;
}

#sidebar-default.menu_resize .menu-section ul li a {
    position: relative;
    padding-left: 10px;
    text-align: center;
}

#sidebar-default.menu_resize .menu-section ul li a:hover+.submenu {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

#sidebar-default.menu_resize .menu-section ul li a i {
    font-size: 23px;
    margin: 0;
}

#sidebar-default.menu_resize .menu-section ul li a i.fa-chevron-down {
    display: none;
}

#sidebar-default.menu_resize .menu-section ul li a span {
    display: none;
}

#sidebar-default.menu_resize .menu-section ul li a .counter {
    display: none;
}

#sidebar-default.menu_resize .menu-section ul li>.submenu {
    background: #003864;
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    border-radius: 0 4px 4px 0;
    min-width: 250px;
    top: 0px;
    left: 79px;
    padding-bottom: 0px;
    box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -ms-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

#sidebar-default.menu_resize .menu-section ul li>.submenu:hover {
    opacity: 1;
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;
}

#sidebar-default.menu_resize .menu-section ul li>.submenu li a {
    padding-left: 10px;
    text-align: left;
}

#sidebar-default.menu_resize .menu-section ul li>.submenu li>.submenu {
    display: block;
    position: absolute;
    top: 0px;
    left: 170px;
}

#sidebar-default.menu_resize .menu-section ul li>.submenu li>.submenu li a {
    padding-left: 10px;
}

#sidebar-default.menu_resize #sidebar .main-sidebar {
    overflow: visible;
    height: auto;
}

#sidebar-default.menu_resize #sidebar .main-sidebar .scroll-wrapper {
    overflow-y: initial;
    right: auto;
    left: auto;
    padding: 0;
    position: relative;
}

#sidebar-default.menu_resize .current-user .name .avatar {
    margin-left: 10px;
}

/*#wrapper .footer{
margin-left:-40px;
}*/
#sidebar #content #app-sidebar .messages .message.noleida {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #e0e0e0;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
}

#activity .footer {
    margin-left: -40px !important;
}

.DTE_Body_Content form .has-feedback label.error {
    margin-top: 40px !important;
}

.DTE_Field {
    clear: both;
}

.DTE_Field_InputControl input.select2-input {
    background: none !important;
}
label{
    text-align: left !important;
}
.DTE_Field_col12{
    width: 100% !important;
}