.bg-white {
    background-color: #FFF !important;
 }

.col-white {    
    color: #FFF !important;
}
.bg-orange {
    background-color: #ff6441 !important;
 }

.col-orange {    
    color: #ff6441 !important;
}

.bg-light-blue {
    background-color: #4CBCD2 !important;
 }

.col-light-blue {    
    color: #4CBCD2 !important;
}

.col-light-orange {    
    color: #FF6303 !important;
}

.bg-grey {
    background-color: #666666 !important;
 }

.col-grey {    
    color: #666666 !important;
}

.apm-section-orange {
    border: 1px solid #ff6441;
}

.apm-section-blue {
    /*border: 1px solid #4CBCD2*/
    border: 0px solid #4CBCD2;
}

.apm-section-blue .header {
    border-bottom: 1.4px solid #eee;
    padding-bottom: 7px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 0px;

}

.apm-section-blue .header h2 {
    display: inline;
    border-bottom: 1.4px solid #ff6441;
    padding-bottom: .6em;
    padding-right: 10px;
}

 
.apm-section-blue .header i {
    float: right;
    color:#ff6441;
}

.apm-body {
    padding-left: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
}



.apm-autocomplete {
    border-left: 1px solid #ff6441 !important;
    border-top: 1px solid #ff6441 !important;
    border-bottom: 1px solid #ff6441 !important;
    background: none !important;
    outline: 0 !important;
}


.apm-autocomplete:hover {
    text-decoration: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.apm-autocomplete:focus {
    text-decoration: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.k-autocomplete {
    border: none !important;
}


.k-state-default {
    
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    
}


.apm-aut-icon {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-right: 1px solid #ff6441 !important;
    margin: 0px !important;
    /*height: 36px !important;*/
    border-bottom: 1px solid #ff6441 !important;
    border-top: 1px solid #ff6441 !important;
    padding-right: 4px !important;
    padding-top: 4px !important;
    padding-left: 4px !important;
    
}
.block-header h2 {
    /*font-family: Franklin Gothic Demi Regular;*/
    /*font-family: open sans, Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-family: var(--maersk);
    color: #004165 !important;
    font-size: 18px;
}

.section-header{
    font-family: var(--maersk-light);
    font-weight: normal;
}

.container-fluid {
    padding-top: 5px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.btn, .input-group-btn .btn {
    text-transform: capitalize;
    font-size: 15px !important;
    /*font-family: open sans, Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-family:var(--maersk-bold);
    cursor: pointer;
}

.form-group .form-control {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0 !important;
    height: 33px !important;
    /*font-family: open sans, Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-family: var(--maersk);
}

label {
    margin-bottom: 0 !important;
}

.k-grid-header th.k-header {
    background: #F3F3F3;
    color: #666 !important;
    padding: 11px 5px 11px 9px !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    font-weight: 600;
}

.k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: 9px 5px 9px 8px !important;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis;
    color: #666 !important;
    font-size: 13px !important;
}

.apm-breadcumbs {
    font-size: 13.5px !important;
    padding: 0 !important;
}

h2 {
    margin-bottom: 1px !important;
}


.btn, .input-group-btn .btn {
    margin-top: 10px;
    margin-right: 1px;
    margin-bottom: 10px;
    margin-left: 0px !important;

    padding-top: 9px !important;
    padding-bottom: 9px !important;
}


.k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected>td, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused, .k-grid tr.k-state-selected, .k-listview>.k-state-selected, .k-marquee-color, .k-scheduler .k-today.k-state-selected, .k-scheduler-layout .k-state-selected, .k-state-selected.k-line {
    background: #78909C  !important;
    border-color: #78909C  !important;
    color: white !important;
}

.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover td {
    background-color: #78909C ;
    border-color: #78909C  !important;
    color: white !important;
}

.k-gantt .k-treelist .k-alt.k-state-selected:hover td {
    background-color: #78909C ;
    border-color: #78909C  !important;
    color: white !important;

}

.k-calendar td.k-state-selected.k-state-hover {
    background-color: #78909C ;
    border-color: #78909C  !important;
    color: white !important;
}


.k-grid td.k-state-selected, .k-grid tr.k-state-selected>td {
    border-color: #78909C  !important;
    color: white !important;
}


.toggled {
    background: #e0e0e0 !important;
}


.menu-form-item {
    padding-left: 0 !important;
}

.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {
    background-color: #F3F7F8 !important;
    color: #42526E !important;
}

.btn-success:hover {
    background-color: #B5B6B8 !important;
    color: #2C374A !important;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.05);
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #F3F7F8 !important;
    color: #42526E !important;
}

.btn-primary:hover {
    background-color: #B5B6B8 !important;
    color: #2C374A !important;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.05);
}

.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:focus {
    background-color: #F3F7F8 !important;
    color: #42526E !important;
}

.btn-warning:hover {
    background-color: #B5B6B8 !important;
    color: #2C374A !important;
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    border-color: #ff6441 !important;
}

.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:focus {
    /*background-color: #ff6441 !important;*/
    /*color: white !important;*/

    background-color: white !important;
    color: #ff6441 !important;
    border: 2px solid #ff6441;
}

.btn-danger:hover {
    background-color: #ff6441 !important;
    color: white !important;
}


.hidden {
    visibility: hidden !important;
}

.k-grid-content tr td {
    border-left-width: 1px !important;
}

.form-control {
    font-size: 13px !important;
}

.k-button, .k-input[type=text], .k-input[type=number], .k-picker-wrap .k-input, .k-textbox, .k-textbox>input {
    font-size: 13px !important;
}

/*div.k-window {
    z-index: 10 !important;
}*/

.k-loading-mask {
    z-index: 9999999999 !important;
    height: 105% !important;
}

.k-picker-wrap:before {
    height: 1.9em !important;
}



.form-control-dropdown {
    font-size: 13px !important;
    padding: 0;
    width: 100%;
}

.form-control-inout {
    font-size: 13px !important;
    padding: 0;
    width: 100%;
    height: 33px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important; 
}



.form-control-datepicker {
    font-size: 13px !important;
    padding: 0;
    width: 100%;
}

.form-control-uppercase {
    text-transform: uppercase;
}

a {
    text-decoration: none !important;
    /* color: var(--light-grey); */
}

.header__main-bar {
    display: flex;
    align-items: center;
    height: 90px;
    background: #ffffff;
    box-shadow: 0 0 15px 0 rgb(197 197 197 / 50%);
}

.header--dashboard .header__main-bar {
    flex-flow: row;
}
.header__logo {
    display: flex;
    align-items: center;
    margin: 0 auto 0 30px;
    width: 200px;
}
.header, .header--terminal.header--slim {
    height: 90px;
}
/*.header {*/
/*  */
/*    position: fixed;*/
/*   */
/*    width: 100%;*/
/*    z-index: 4;*/
/*    background: #ffffff;*/
/*    */
/*}*/
/*
.navbar .navbar-nav .dropdown-menu {
    position: absolute;
}

.dropdown-menu.show {
    margin-left: -125px;
}
*/

/*.footer-text {*/
/*    !*height: 33px !important;*!*/
/*    font-family: Maersk Headline;*/
/*}*/

/*.login-welcome {*/
/*    !*height: 33px !important;*!*/
/*    font-family: Maersk Headline;*/
/*}*/

.hidden-loader{
    display: none !important;
    position: fixed;
    right: -100px;
}

.tmp-overlay{
    height: 540px;
    background: #f3f7f8;
    opacity: .5
}

.main-body{
    display: none;
}


.navbar .navbar-nav .dropdown-menu {
    position: absolute;
}

.dropdown-menu.show {
    margin-left: -125px;
}

/*
color1: #ff6441
color2: #3C3C46
color3: #5A6D7D
color4: #A9B6C2
color5: #F3F7F8
color rojo-naranja: #fb483a
*/
.wizard>.steps .current a{
    background: #3C3C46
}

.wizard>.steps .current a:hover, .wizard>.steps .current a:active{
    background: #57575d
}

.wizard>.steps .disabled a{
    background: #A9B6C2;
    color: #f3f1f1;
}

.wizard>.steps .disabled a:hover{
    background: #A9B6C2;
    color: #f3f1f1;
}
.wizard>.actions a{
    background: #5A6D7D;
}

.wizard>.actions a:hover{
    background: #3C3C46;
}

.wizard>.actions a:active{
    background: #3C3C46;
}
.wizard>.steps .done a{
    background: #5A6D7D;
}
.wizard>.steps .done a:hover{
    background: #5A6D7D;
}
.wizard>.steps .error a{
    background: #fb483a !important;
}

.bg-blue{
    background: #ff6441 !important;
}
.bg-blue-grey{
    background: #5A6D7D;
}
.btn-default{
    background: #F3F7F8 !important;
}

.k-upload-button{
    background: #3C3C46 !important;
    border-color: #3C3C46 !important;
    color: #fff !important;
}

.list-group .active{
    background-color: #3C3C46;
    border-color: #3C3C46;
}

.list-group .active:hover, .list-group .active:focus, .list-group .active:active{
    background-color: #A9B6C2;
    border-color: #A9B6C2;
}

.switch label input[type=checkbox]:checked+.lever{
    background-color: #3C3C46;
}
.switch label input[type=checkbox]:checked+.lever.switch-col-red{
    background-color: #fb483a;
}

.copied-background{
    background-color: #f3f7f8;
    margin: 4px;
    padding-top: 1em;
}

.inverted-card{
    background: #f3f7f8 !important;
    box-shadow: none !important;
}

.well{
    border: 1px dotted #999;
    padding-right: 1em;
    padding-left: 1em;
}

.icon-unset{
    vertical-align: unset !important;
}

.archivo_descargar {
    text-decoration: underline !important;
}

.data-grid-no-records{
    text-transform: uppercase;
    color: #ff6441 !important;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.custom-upload-file-icon:before {
    content: "\e13a"; /* Adds a glyph using the Unicode character number */
}

.form-control-custom-file{
    border: 0;
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom,center calc(100% - 1px);
    background-color: transparent;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
    width: 80%;
}
.form-control-custom-file-icon{
    font-size: 18px !important;

}
.k-grid a{
    color: #007bff !important;
}