@font-face {
    font-family: "NunitoSans-Black";
    src: url("/ContentLib/fonts/NunitoSans-Black.ttf");
}

@font-face {
    font-family: "NunitoSans-BlackItalic";
    src: url("/ContentLib/fonts/NunitoSans-BlackItalic.ttf");
}

@font-face {
    font-family: "NunitoSans-Bold";
    src: url("/ContentLib/fonts/NunitoSans-Bold.ttf");
}

@font-face {
    font-family: "NunitoSans-BoldItalic";
    src: url("/ContentLib/fonts/NunitoSans-BoldItalic.ttf");
}

@font-face {
    font-family: "NunitoSans-ExtraBold";
    src: url("/ContentLib/fonts/NunitoSans-ExtraBold.ttf");
}

@font-face {
    font-family: "NunitoSans-ExtraBoldItalic";
    src: url("/ContentLib/fonts/NunitoSans-ExtraBoldItalic.ttf");
}

@font-face {
    font-family: "NunitoSans-ExtraLight";
    src: url("/ContentLib/fonts/NunitoSans-ExtraLight.ttf");
}

@font-face {
    font-family: "NunitoSans-ExtraLightItalic";
    src: url("/ContentLib/fonts/NunitoSans-ExtraLightItalic.ttf");
}

@font-face {
    font-family: "NunitoSans-Italic";
    src: url("/ContentLib/fonts/NunitoSans-Italic.ttf");
}

@font-face {
    font-family: "NunitoSans-Light";
    src: url("/ContentLib/fonts/NunitoSans-Light.ttf");
}

@font-face {
    font-family: "NunitoSans-Regular";
    src: url("/ContentLib/fonts/NunitoSans-Regular.ttf");
}

@font-face {
    font-family: "NunitoSans-SemiBold";
    src: url("/ContentLib/fonts/NunitoSans-SemiBold.ttf");
}

@font-face {
    font-family: "NunitoSans-SemiBoldItalic";
    src: url("/ContentLib/fonts/NunitoSans-SemiBoldItalic.ttf");
}



@font-face {
    font-family: "Nebulosa-Regular";
    src: url("/ContentLib/fonts/Nebulosa-Regular.otf");
}


@font-face {
    font-family: "Nebulosa-Regular-Italic";
    src: url("/ContentLib/fonts/Nebulosa-Regular-Italic.otf");
}


@font-face {
    font-family: "Nebulosa-Light";
    src: url("/ContentLib/fonts/Nebulosa-Light.otf");
}


@font-face {
    font-family: "Nebulosa-Light-Italic";
    src: url("/ContentLib/fonts/Nebulosa-Light-Italic.otf");
}

@font-face {
    font-family: "Nebulosa-Bold";
    src: url("/ContentLib/fonts/Nebulosa-Bold.otf");
}


@font-face {
    font-family: "Nebulosa-Bold-Italic";
    src: url("/ContentLib/fonts/Nebulosa-Bold-Italic.otf");
}


@font-face {
    font-family: "Nebulosa-Black";
    src: url("/ContentLib/fonts/Nebulosa-Black.otf");
}


@font-face {
    font-family: "Nebulosa-Black-Italic";
    src: url("/ContentLib/fonts/Nebulosa-Black-Italic.otf");
}


.alathahtest {
    font-family: Nebulosa-Regular;
}


.blinkingitem {
    -webkit-animation: blinking 1.5s infinite;
}

@-webkit-keyframes blinking {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

.ui-button.cancelButton {
    background-color: #c73b3b !important;
    color: white !important;
}

.ui-button.okButton {
    background-color: #018801 !important;
    color: white !important;
}

.ui-button.closeButton {
    background-color: #1a73f0 !important;
    color: white !important;
}


.hollow-dots-spinner, .hollow-dots-spinner * {
    box-sizing: border-box !important;
    margin: auto;
}

.hollow-dots-spinner {
    height: 20px;
    width: calc(60px * 3);
}

    .hollow-dots-spinner .dot {
        width: 20px;
        height: 20px;
        margin: 0 calc(20px / 2);
        border: calc(20px / 5) solid #ff1d5e;
        border-radius: 50%;
        float: left;
        transform: scale(0);
        animation: hollow-dots-spinner-animation 1300ms ease infinite 0ms;
    }

        .hollow-dots-spinner .dot:nth-child(1) {
            animation-delay: calc(300ms * 1);
            border: calc(20px / 5) solid red;
        }

        .hollow-dots-spinner .dot:nth-child(2) {
            animation-delay: calc(300ms * 2);
            border: calc(20px / 5) solid blue;
        }

        .hollow-dots-spinner .dot:nth-child(3) {
            animation-delay: calc(300ms * 3);
            border: calc(20px / 5) solid green;
        }

        .hollow-dots-spinner .dot:nth-child(4) {
            animation-delay: calc(300ms * 4);
            border: calc(20px / 5) solid orange;
        }

@keyframes hollow-dots-spinner-animation {
    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fa-disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.danpdfsvg {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxNzAiIGhlaWdodD0iMTcwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTcwIiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik02My43OTgsMTIxSDU5djIyaDUuNDIyYzMuNzA5LDAsNi41Ni0xLjAyMyw4LjU1NC0yLjg5NmMxLjk5My0xLjg3MSwyLjk5LTQuNjM3LDIuOTktOC4yMDcgICBzLTAuOTk3LTYuMjAyLTIuOTktOC4xMjdDNzAuOTgxLDEyMS44NDYsNjcuOTIzLDEyMSw2My43OTgsMTIxeiIgZmlsbD0iIzIzMUYyMCIvPjxwYXRoIGQ9Ik0zNy43MjEsMTIyLjEzNmMtMS4yNjctMC44ODQtMy4yMzMtMS4xMzYtNS45MDItMS4xMzZIMjd2MTJoNS42NWMyLjcwNCwwLDQuNTQxLTAuNjI2LDUuNTEyLTEuNzE4ICAgYzAuOTcxLTEuMDkzLDEuNDU2LTIuNjMxLDEuNDU2LTQuNzI5QzM5LjYxOCwxMjQuNDU2LDM4Ljk4NSwxMjMuMDIsMzcuNzIxLDEyMi4xMzZ6IiBmaWxsPSIjMjMxRjIwIi8+PHBhdGggZD0iTTEyNy42MTMsMjlsMC4wMDQtMC4wMDRMOTksMC4zNzlWMGgtMC4zNzlsLTAuMTE3LTAuMTE3TDk4LjM4NywwSDEwQzQuNDc4LDAsMCw0LjQ3NywwLDEwdjE1MCAgIGMwLDUuNTIzLDQuNDc4LDEwLDEwLDEwaDEwOGM1LjUyMiwwLDEwLTQuNDc3LDEwLTEwVjI5SDEyNy42MTN6IE00NC4wMTMsMTM2LjgxMUM0MS4zOTUsMTM4Ljg5LDM3LjM5OSwxNDAsMzIuMDI2LDE0MEgyN3YxMGgtOCAgIHYtMzZoMTIuOTIzYzUuNTgxLDAsOS42NDYsMC45MSwxMi4xOTMsMy4wNzZjMi41NDgsMi4xNjcsMy44MjIsNS40NDMsMy44MjIsOS45MzJDNDcuOTM4LDEzMS40OTgsNDYuNjMsMTM0LjczLDQ0LjAxMywxMzYuODExeiAgICBNNzkuMDYsMTQ1LjA2MUM3NS42OCwxNDguMzU0LDcwLjUyMiwxNTAsNjMuNTksMTUwSDUxdi0zNmgxMy4wMDZjNi40ODEsMCwxMS40NTcsMS40MTIsMTQuOTI0LDQuNTg0ICAgYzMuNDY2LDMuMTcyLDUuMiw3LjQ5Niw1LjIsMTMuMTQ2Qzg0LjEzLDEzNy4zODIsODIuNDM5LDE0MS43NjgsNzkuMDYsMTQ1LjA2MXogTTExMywxMjFIOTZ2OGgxNnY3SDk2djE0aC04di0zNmgyNVYxMjF6IE0xMDksMjkgICBjLTUuNTIyLDAtMTAtNC40NzctMTAtMTBWNC42MjJMMTIzLjM3OSwyOUgxMDl6IiBmaWxsPSIjMjMxRjIwIi8+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
}

.dsmallcaps {
    font-variant: small-caps;
}

#transoverlay {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
}

.trash-fvh:hover {
    font-size: 14px !important;
    display: block;
}

.k-button.k-state-hover, .k-button:hover {
    color: #333;
    border-color: #bfbfbf;
    background-color: #eaeaea;
    box-shadow: 0 0 4px #1dbcf1;
}

.dantoolbar {
    background-color: #e8f1f7 !important;
}

.native-toolbar.dantoolbar {
    background-color: #e8f1f7 !important;
}

.ui-dialog-titlebar-close {
    border-radius: 10px !important;
}

.k-tabstrip .k-tabstrip-items {
    padding: 0;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: lightblue;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#leftappsidebarpin:hover {
    font-size: 1.5em !important;
    transition: 0.1s ease-out;
}

.badgeunread {
    position: absolute;
    bottom: 22px;
    left: 12px;
    color: white;
    background: green;
}

.chatContainer {
    left: calc(100% - 153px);
    padding: 6px 0px 6px 6px;
    position: absolute;
    height: 450px;
    width: 411px;
    z-index: 300;
    top: 28px;
    background-color: white;
    border: 1px solid #00205b;
    border-radius: 4px;
    box-shadow: 1px 1px 6px 2px lightgrey;
    list-style-type: none;
}

.hoverwhite:hover {
    color: white !important;
}

.dan-inpt-group-addon {
    padding: 0px 7px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
}

    .dan-inpt-group-addon:hover > i {
        color: yellow;
    }


.k-resize-handle, .k-resize-hint {
    z-index: 99 !important;
}

.chatContainer .teamMate {
    position: relative;
}

    .chatContainer .teamMate .option-remove,
    .contact .wrap .option-remove {
        display: none;
        cursor: pointer;
        color: darkred;
        position: absolute;
        right: 4px;
        top: 5px;
    }

    .chatContainer .teamMate:hover .option-remove,
    .contact .wrap:hover .option-remove {
        display: block;
    }

    .chatContainer .teamMate .option-remove:hover,
    .contact .wrap .option-remove:hover {
        font-weight: bold;
        font-size: 14px;
    }

.chatContainer .favStartBtn {
    padding-top: 5px;
    border-top: solid 1px lightgrey;
    padding-right: 5px;
}

.chatContainer .favouriteStartupCaret {
    position: absolute;
    left: 116px;
    font-size: 25px;
    top: -21px;
    color: #00205b;
}

.chatContainer .sortableOptions {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .chatContainer .sortableOptions li {
        border-bottom: 1px solid lightgray;
        line-height: 35px;
        color: #8aa4af;
        background-color: white;
    }

button.btn:focus {
    outline: none !important;
}

.blank-slate-readme::before {
    background-image: url(/Images/emptystate.svg) !important;
}

.blank-slate-subtle::before {
    background: center center no-repeat;
    background-size: 50px;
    content: '';
    display: block;
    margin: 0 auto;
    height: 50px;
    width: 50px;
}

.btn-primary {
    color: #f5f5f5;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0099FF', endColorstr='#FF0070BB', GradientType=0);
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
        color: #f5f5f5;
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0099FF', endColorstr='#FF0070BB', GradientType=0);
    }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

#todo-add:hover {
    color: dodgerblue;
    font: bold;
}

.cke_dialog_container {
    z-index: 99000 !important;
}

#dantodo .timeline {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 1em 0;
    list-style-type: none;
    border-top-color: lightgray;
    border-top-style: dotted;
    border-top-width: 1px;
}

    #dantodo .timeline:before {
        position: absolute;
        left: 50px;
        top: 0;
        content: ' ';
        display: block;
        width: 4px;
        height: 100%;
        margin-left: 7px;
        background: rgb(80,80,80);
        background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
        background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
        background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
        background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
        background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
    }

    #dantodo .timeline li {
        padding: 6px 0;
    }

        #dantodo .timeline li:after {
            content: "";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

#dantodo .direction-r {
    position: relative;
    width: 300px;
    padding-bottom: 5px;
    float: none;
    padding-left: 52px;
}

#dantodo .flag-wrapper {
    position: relative;
    display: inline-flex;
    text-align: center;
}

#dantodo .flag {
    position: relative;
    display: inline;
    background: rgb(255,255,255);
    padding: 6px 5px;
    border-radius: 5px;
    font-weight: 600;
    text-align: left;
    margin-left: 32px;
}

#frmhistory.selected {
    color: yellow !important;
}

.opnewtab:hover {
    color: yellow !important;
}


#frmfavs.selected {
    color: yellow !important;
}

#dantodo .direction-r .flag {
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.62), 0 0 1px rgba(0, 0, 0, 0.64);
}

    #dantodo .direction-r .flag:before {
        position: absolute;
        top: 50%;
        content: ' ';
        display: block;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        background: #fff;
        border-radius: 10px;
        border: 4px solid rgb(255,80,80);
        left: -30px;
    }

    #dantodo .direction-r .flag:after {
        content: "";
        position: absolute;
        right: 100%;
        top: 50%;
        height: 0;
        width: 0;
        margin-top: -8px;
        border: solid transparent;
        border-right-color: #bfbfbf;
        border-width: 8px;
        pointer-events: none;
    }

#dantodo .time-wrapper {
    font-size: 12px;
    color: rgb(250,80,80);
    margin-left: 10px;
    font-weight: bold;
    align-self: center;
}

#dantodo .direction-r .time-wrapper {
    float: left;
    margin-left: -48px;
}

#dantodo .time {
    padding: 2px 8px;
    background: #f2f2f2;
    border-radius: 10px;
}

#dantodo .flag-wrapper {
    text-align: center;
    color: black;
}

#dantodo .todo-list li > .todo-remove {
    display: none;
    cursor: pointer;
}

#dantodo .todo-list li:hover .todo-remove {
    display: block;
    font-weight: bold;
    font-size: 14px;
}

#dantodo .todo-input {
    margin-bottom: 4px;
    width: 270px;
    white-space: pre-line;
    word-break: break-all;
    margin-left: 10px;
    display: block;
    transition: color 0.4s;
    border: 0;
    border: none;
    background: rgba(0, 0, 0, 0.003);
    position: relative;
    font-size: 14px;
    font-family: inherit;
    font-weight: inherit;
    line-height: 1.4em;
    outline: none;
    color: black;
    -webkit-font-smoothing: antialiased;
}

#dantodo .todo-list label {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

#dantodo .todo-list input[type=checkbox] {
    display: none;
}

    #dantodo .todo-list input[type=checkbox]:checked + .toggle:after {
        opacity: 1;
    }

#dantodo .todo {
    position: relative;
    width: calc(100% - 5px);
    min-width: 353px;
    margin: 0 auto;
    padding: 7px 0;
    background: #fff;
    border: 1px solid;
    border-color: #dfdcdc #d9d6d6 #ccc;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

    #dantodo .todo:before, .todo:after {
        content: '';
        position: absolute;
        z-index: -1;
        height: 4px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 2px;
    }

    #dantodo .todo:after {
        left: 0;
        right: 0;
        bottom: -3px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    #dantodo .todo:before {
        left: 2px;
        right: 2px;
        bottom: -5px;
        border-color: #c4c4c4;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    }

#dantodo .lt-ie9 .todo:before, .lt-ie9 .todo:after {
    height: 1px;
    border-top: 0;
}

#dantodo .todo-list {
    border-top: 1px solid #e6ebed
}

    #dantodo .todo-list:before {
        content: '';
        width: 3px;
        z-index: 2;
        border: 1px solid #f2e3df;
        border-width: 0 1px;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 35px;
    }

    #dantodo .todo-list li {
        position: relative;
        padding: 7px 15px 7px 50px;
        line-height: 21px;
        font-size: 1.1em;
        color: #8b8f97;
        border-bottom: 1px solid #e6ebed;
        list-style: none;
    }

    #dantodo .todo-list .toggle {
        display: block;
        height: 35px;
        width: 35px;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        text-indent: 100%;
        overflow: hidden;
        cursor: pointer;
    }

#dantodo .toggle:after {
    content: '';
    position: absolute;
    position: absolute;
    width: 7px;
    height: 3px;
    background: transparent;
    top: 14px;
    left: 13px;
    border: 2px solid #aaa;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
}

#dantodo .todo-list .toggle:before {
    content: '';
    width: 15px;
    height: 15px;
    background: #faf9f9;
    border: 1px solid #6bb3ca;
    border-radius: 2px;
    position: absolute;
    top: 9px;
    left: 9px;
    -webkit-box-shadow: 0 1px 1px #dfecf4;
    -moz-box-shadow: 0 1px 1px #dfecf4;
    box-shadow: 0 1px 1px #dfecf4;
}

#dantodo .todo-list .toggle:hover:before {
    -webkit-box-shadow: 0 0 3px #6bb3ca;
    -moz-box-shadow: 0 0 3px #6bb3ca;
    box-shadow: 0 0 3px #6bb3ca;
}

#dantodo .todo-list .done .toggle:before, .todo-list .toggle:active:before {
    border-color: #c0c0c0 #ccc #d8d8d8;
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 5px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 5px 5px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 5px 5px rgba(0, 0, 0, 0.05);
}

#dantodo .todo-controls {
    height: 12px;
    width: 100%;
    padding-bottom: 18px;
}

    #dantodo .todo-controls li {
        float: left
    }

        #dantodo .todo-controls li + li {
            margin-left: 10px
        }

    #dantodo .todo-controls .right {
        float: right
    }

    #dantodo .todo-controls a {
        display: block;
        margin: 0;
        opacity: .6;
    }

        #dantodo .todo-controls a:hover {
            opacity: 1
        }

#dantodo .filters {
    margin: 0 60px 0;
    list-style: none;
}

    #dantodo .filters li {
        display: inline;
    }

        #dantodo .filters li a {
            color: inherit;
            margin: 3px;
            padding: 3px 7px;
            text-decoration: none;
            border: 1px solid transparent;
            border-radius: 3px;
        }

            #dantodo .filters li a:hover,
            #dantodo .filters .selected {
                border-color: rgba(175, 47, 47, 0.1);
            }

            #dantodo .filters li a.selected {
                border-color: rgba(175, 47, 47, 0.2);
            }

.modal-title {
    color: snow !important;
}

.bootbox-close-button {
    color: snow !important;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.1;
}

#main-content .icon-circle::before {
    content: "\f111";
    font-size: 5px;
    vertical-align: middle;
    padding-bottom: 3px;
    padding-right: 2px;
    color: white;
}

.zulback {
    background-image: linear-gradient(0deg,transparent 49%,rgb(173 171 171 / 8%) 50%,rgba(89,89,89,.08) 51%,transparent 52%,transparent),linear-gradient(90deg,transparent 49%,rgb(206 198 198 / 8%) 50%,rgba(89,89,89,.08) 51%,transparent 52%,transparent);
    background-size: 19px 19px;
}

.zulback2 {
    background: center / cover url(/Images/waves.svg);
}

.grayback {
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABVAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM5RDRDOEYzQ0QzNjExRTFBRTIwRkUzMzM4MTZCOEQzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM5RDRDOEY0Q0QzNjExRTFBRTIwRkUzMzM4MTZCOEQzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzlENEM4RjFDRDM2MTFFMUFFMjBGRTMzMzgxNkI4RDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzlENEM4RjJDRDM2MTFFMUFFMjBGRTMzMzgxNkI4RDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAQEBAQECAQECAwIBAgMDAgICAgMDAwMDAwMDBQMEBAQEAwUFBQYGBgUFBwcICAcHCgoKCgoMDAwMDAwMDAwMAQICAgQDBAcFBQcKCAcICgwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAkACADAREAAhEBAxEB/8QAYwABAQEBAAAAAAAAAAAAAAAAAAECCQEBAAAAAAAAAAAAAAAAAAAAABABAAEDAgUDAwUAAAAAAAAAAREhAhIAMfBBYSIyUaETsfFiccFCggMRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AO7clpAhbVm52g330EItG1cY2PRd3f25aCN6DyBneh1WePoFvcWRxibt5x3Jo1H04AXXBbyMav49YmpoDfbatygWmRWIGksJOgJbOUtpbNyz4+q1roF1y0tO47pOSi5RPN5cAR/0ttEUyt7m6dq71emgo3TksJ3JK4k7+VR9NBcriniFd9q7oPtoM8isNvd3MxMzc1J/TQLh/wAysW2i3TPi1J326aCyQj2x7MzO+gWsXYzEBcfjNDnz46AVtFaB4k+LUlh9uADnT49pccs4y+2gM/w8o7fKc6z+0fbQZPlxcfCH45zjOXj6aDT8s2/HM/2jLrFNB//Z) !important
}

.stripesback {
    background: #f7f7f7 url(/Images/AM/stripes.jpg);
}

/*loading icon*/
@keyframes lds-double-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes lds-double-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes lds-double-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes lds-double-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.lds-double-ring {
    position: relative;
}

    .lds-double-ring div {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 10px solid #000;
        -webkit-animation: lds-double-ring 1s linear infinite;
        animation: lds-double-ring 1s linear infinite;
    }

        .lds-double-ring div:nth-child(2) {
            width: 70%;
            height: 70%;
            top: 15%;
            left: 15%;
            -webkit-animation: lds-double-ring_reverse 1s linear infinite;
            animation: lds-double-ring_reverse 1s linear infinite;
        }

.lds-double-ring {
    width: 8vw;
    height: 8vw;
    -webkit-transform: translate(-45px, -45px) scale(0.45) translate(45px, 45px);
    transform: translate(-45px, -45px) scale(0.45) translate(45px, 45px);
}

.danaos-back,
.danaos-back2,
.danaos_blue .sb-slidebar,
.danaos_blue .modal-header,
.danaos_blue .ui-dialog-titlebar {
    background-color: #00205B !important;
    background-image: linear-gradient(to bottom,#00205B 0,#00205B 100%) !important;
    background-image: -webkit-linear-gradient(top,#00205B 0,#00205B 100%) !important;
    stroke: #00205B;
}

.danaos_blue .danaos-back2,
.danaos_blue .modal-header,
.danaos_blue .ui-dialog-titlebar,
.danaos_blue .k-window-titlebar {
    background-color: #002466 !important;
    background-image: linear-gradient(to bottom,#002466 0,#002466 100%) !important;
    background-image: -webkit-linear-gradient(top,#002466 0,#002466 100%) !important;
    stroke: #0d56dc;
}

.danaos_blue .danaos-text-color {
    color: white !important;
}

.danaos_blue .lds-double-ring .lds-double-ring-outer {
    border-color: #00205B transparent #00205B transparent;
}

.danaos_blue .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #d1d122 !important;
    padding: 0 !important;
}

.danaos_blue .lds-double-ring .lds-double-ring-inner {
    border-color: #0d56dc transparent #0d56dc transparent;
}

/* Danaos Clean Theme*/

.danaos_clean .danaos-back {
    background-color: #3591d1 !important;
    background-image: linear-gradient(to bottom,#3591d1 0,#3591d1 100%) !important;
    background-image: -webkit-linear-gradient(top,#3591d1 0,#3591d1 100%) !important;
    stroke: #3591d1;
}

.danaos_clean .danaos-back2,
.danaos_clean .modal-header,
.danaos_clean .ui-dialog-titlebar,
.danaos_clean .k-window-titlebar {
    background-color: #3591d1 !important;
    background-image: linear-gradient(to bottom,#3591d1 0,#3591d1 100%) !important;
    background-image: -webkit-linear-gradient(top,#3591d1 0,#3591d1 100%) !important;
    stroke: #3591d1;
}

.danaos_clean .danaos-text-color {
    color: white !important;
}

.danaos_clean .danaosSideBarController .appHeaderMainIcon:hover {
    color: #af5f41;
}

.danaos_clean .lds-double-ring .lds-double-ring-outer {
    border-color: cornflowerblue transparent cornflowerblue transparent;
}

.danaos_clean .lds-double-ring .lds-double-ring-inner {
    border-color: #4267b2 transparent #4267b2 transparent;
}

.danaos_clean .danaosSideBarControllerCollapsed .appMain .mainTree {
    color: #00205B !important;
    font-weight: 600 !important;
    font-size: 15px;
    text-align: center;
    border-right: 0;
}

.danaos_clean .danaosSideBarController {
    background: #eaf0f5;
}

    .danaos_clean .danaosSideBarController .appMain .appChild {
        background-color: #f5f9fc;
    }

.danaos_clean .danaosSideBarControllerCollapsed .appMain .appChild {
    background-color: #eaf0f5;
}

.danaos_clean .danaosSideBarController .appMain .appHeaderMain:hover {
    color: black !important;
    font-weight: bold;
}

.danaos_clean .leftappsidebarMain {
    background: #eaf0f5;
}

.danaos_clean #leftappsidebar {
    color: gray !important;
}

    .danaos_clean #leftappsidebar:hover {
        color: #13ff00 !important;
    }

.danaos_clean .alertSelected {
    background-color: #48aef5 !important;
    color: white;
    font-weight: bold;
}

.danaos_clean .slideLeftSearch {
    background-color: #eaf0f5
}

.danaos_clean .danaosSideBarController .appMain .appHeaderMain:hover {
    color: #af5f41 !important;
    font-weight: bold;
}

.danaos_clean .danaosSideBarControllerCollapsed .appHeader {
    border-left-color: #fff;
    width: 3px;
    height: 35px;
    text-align: center;
    position: relative;
    right: 0;
    /*   border-right: 1px solid gray; */
    padding-left: 4px;
}

.danaos_clean .danaosSideBarController .appHeader {
    width: 3px;
    height: 35px;
    text-align: center;
    position: relative;
    right: 0;
    border-right: 1px solid gray;
    padding-left: 4px;
}

.danaos_clean .level-item {
    width: 3px;
    /* border-bottom: 1px solid black;*/
    position: absolute;
    left: 6px;
    top: 13px;
    height: 4px;
}

.danaos_clean .menu-header .headerulMenu {
    border-left: solid;
    border-left-width: 1px;
    border-left-color: lightgray;
}



.danaos_clean .sb-slidebar {
    background-color: #3591d1;
}

.danaos_clean #bfix {
    background: #eaf0f5;
}


.tab-handle-list-container > .tab-handle:not(.tab-handle-selected) i {
    background-color: white !important;
}

.danaos_clean .tab-handle-selected {
    background-color: #3591d1;
    color: white;
    border-bottom-color: red;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-right-radius: 11px;
}

.danaos_clean .danaosSideBarController .appHeaderMainIcon {
    width: 51px;
    height: 35px;
    text-align: center;
    position: relative;
    right: 0;
    color: dodgerblue
}

.danaos_clean .danaosSideBarController .appMain .appHeaderMain {
    color: gray;
    font-size: 14px;
    font-weight: bold;
}

.danaos_clean .sb-toggle-left {
    color: gray !important;
}

.danaos_clean .danaosSideBarController .appMain .appSelected .mainTree {
    color: #af5f41 !important;
}

.danaos_clean .danaosSideBarControllerCollapsed .appMain .appHeaderMain:hover {
    color: #af5f41 !important;
    font-weight: bold;
}

.danaos_clean .sb-toggle-left:hover {
    color: black !important;
}

.danaos_clean .danaosSideBarControllerCollapsed .appMain .appHeaderMain {
    color: gray;
}

.danaos_clean .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #ff0000 !important;
    padding: 0 !important;
}

/* Danaos DARK Theme*/

.danaos_dark .danaosSideBarController .appHeaderMainIcon .frwTreeIcon {
    border-style: none !important;
    background-color: #085491 !important;
    border-radius: 3px !important;
}

.danaos_dark .danaos-back {
    background-color: #333 !important;
    background-image: linear-gradient(to bottom,#0b85af,#333 100%) !important;
    background-image: -webkit-linear-gradient(top,#0b85af,#333 100%) !important;
    stroke: #333;
}

.danaos_dark .danaos-back2,
.danaos_dark .modal-header,
.danaos_dark .ui-dialog-titlebar,
.danaos_dark .k-window-titlebar {
    background-color: #3A3F44 !important;
    background-image: linear-gradient(to bottom,#0b85af,#3A3F44 100%) !important;
    background-image: -webkit-linear-gradient(top,#0b85af,#3A3F44 100%) !important;
    stroke: #8e9092;
}

.danaos_dark .danaos-text-color {
    color: white !important;
}

.danaos_dark .lds-double-ring .lds-double-ring-outer {
    border-color: #333 transparent #272B30 transparent;
}

.danaos_dark .lds-double-ring .lds-double-ring-inner {
    border-color: #8e9092 transparent #8e9092 transparent;
}

.danaos_dark .danaosSideBarController {
    background: linear-gradient(#088cb8,#333)
}

.danaos_dark .sb-slidebar {
    background: linear-gradient(#088cb8,#333);
}

.danaos_dark .danaosSideBarController .appMain .appChild {
    background-color: #3A3F44;
}

.danaos_dark .danaosSideBarControllerCollapsed .appMain .appChild {
    background-color: #3A3F44;
}


.danaos_dark .leftappsidebarMain {
    background: linear-gradient(#18aadb,#007da7);
}

.danaos_dark .slideLeftSearch {
    background-color: #333
}

.danaos_dark #bfix {
    background: #333;
}

.danaos_dark .tab-handle-selected {
    background-color: #007da7;
    border-bottom-color: red;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-right-radius: 11px;
}

.danaos_dark .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #d1d122 !important;
    padding: 0 !important;
    color: white !important;
}

.danaos_dark .danaosSideBarController .appMain.notSelected:not(.appSelected) > .appHeaderMain {
    color: #a6b4c5 !important;
}

/* Danaos Purple Theme*/

.danaos_purple .danaos-back {
    background-color: #7d5bbe !important;
    background-image: linear-gradient(to bottom,#7d5bbe 0,#7d5bbe 100%) !important;
    background-image: -webkit-linear-gradient(top,#7d5bbe 0,#7d5bbe 100%) !important;
    stroke: #7d5bbe;
}

.danaos_purple .danaos-back2 {
    background-color: #6441a4 !important;
    background-image: linear-gradient(to bottom,#6441a4 0,#6441a4 100%) !important;
    background-image: -webkit-linear-gradient(top,#6441a4 0,#6441a4 100%) !important;
    stroke: #6441a4;
}

.danaos_purple .danaos-text-color {
    color: white !important;
}

.danaos_purple .modal-header,
.danaos_purple .ui-dialog-titlebar,
.danaos_purple .k-window-titlebar {
    background-color: #7d5bbe !important;
    background-image: linear-gradient(to bottom,#7d5bbe 0,#7d5bbe 100%) !important;
    background-image: -webkit-linear-gradient(top,#7d5bbe 0,#7d5bbe 100%) !important;
    stroke: #7d5bbe;
}

.danaos_purple .lds-double-ring .lds-double-ring-outer {
    border-color: #6441a4 transparent #6441a4 transparent;
}

.danaos_purple .lds-double-ring .lds-double-ring-inner {
    border-color: #7d5bbe transparent #7d5bbe transparent;
}

.danaos_purple .sidepinned {
    color: #FFDA00 !important;
}

.danaos_purple .danaosSideBarController {
    background: linear-gradient(#b99eed,#7d5bbe);
}


    .danaos_purple .danaosSideBarController .appMain .appChild {
        background-color: #6441a4;
    }

.danaos_purple .danaosSideBarControllerCollapsed .appMain .appChild {
    background-color: #6441a4;
}

.danaos_purple .leftappsidebarMain {
    background: linear-gradient(#b99eed,#7961a9);
}

.danaos_purple .slideLeftSearch {
    background-color: #7d5bbe;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

.danaos_purple #viewscheduler,
.danaos_purple #newevent {
    color: #6c7a89 !important;
}

#viewscheduler:hover,
#newevent:hover {
    color: white !important;
}

.danaos_purple .sb-slidebar {
    background: linear-gradient(#b99eed,#7d5bbe);
}

.danaos_purple #bfix {
    background: #7d5bbe;
}

.danaos_purple .tab-handle-selected {
    background-color: #7d5bbe;
    border-bottom-color: yellow;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-right-radius: 11px;
}

.danaos_purple .danaosSideBarController .appMain .appHeaderMain {
    color: #d2cbde;
    font-size: 14px;
    font-weight: bold;
}


.danaos_purple .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #FFDA00 !important;
    padding: 0 !important;
    color: #fff !important;
}

.danaos_purple .danaosSideBarController .appMain.notSelected:hover > .appHeaderMain {
    border-left: 3px solid #FFDA00;
    color: #fff;
}

.danaos_purple .danaosSideBarController .appHeaderMainIcon .frwTreeIcon {
    border-style: none !important;
    background-color: #6c539b !important;
    border-radius: 3px !important;
}

.danaos_purple .slideLeftSearch .input-group #optionsearch {
    color: #fff !important;
    background-color: #6441a4 !important;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 14px !important;
}

.danaos_purple .slideLeftSearch .input-group #frmclear {
    background-color: #6441a4 !important;
    color: #CBD6E2 !important;
}

.danaos_purple .slideLeftSearch .input-group #frmfavs {
    background-color: #6441a4 !important;
    border-left-color: rgba(255,255,255, 0.1) !important;
    border-left-style: solid;
    border-left-width: 1px;
}

.danaos_purple .slideLeftSearch .input-group #frmhistory {
    background-color: #6441a4 !important;
}

.danaos_purple #frmhistory.selected {
    color: #FFDA00 !important;
}

.danaos_purple #frmfavs.selected {
    color: #FFDA00 !important;
}

.danaos_purple .dan-inpt-group-addon:hover > i {
    color: #FFDA00;
}

.danaos_purple .dan-inpt-group-addon:active > i {
    color: #FFDA00;
}

.danaos_purple .sidebarSeparator {
    border-bottom: 1px solid #7d5bbe;
}

.danaos_purple .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #FFDA00 !important;
    padding: 0 !important;
    color: #FFDA00 !important
}


    .danaos_purple .danaosSideBarController .appMain .appSelected .appTitle {
        color: #fff !important
    }

.danaosSideBarController .appMain .appHeaderMain:hover:not(.appSelected) {
    color: white !important;
    font-weight: bold;
}

.danaos_purple .danaosSideBarControllerCollapsed .appMain .mainTree {
    background-color: #7d5bbe;
    color: #fff !important;
}

.danaos_purple .appChildMainScroll {
    border-top: 0;
}

.danaos_purple .header-icons-table {
    background-color: #fff !important;
}

.danaos_purple .danaosSideBarControllerCollapsed {
    border: none !important;
}


/* Notifications & ALerts Sidebar */

.danaos_purple .choiceNotifications > div:first-of-type {
    width: 100% !important;
}

.danaos_purple .dsegmented-control__item {
    display: block !important;
    width: 50% !important;
    float: left;
}

/* .danaos_purple .dsegmented-control {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    clear:both;
} */

.danaos_purple .choiceNotifications {
    border-bottom-width: 0 !important;
}

.danaos_purple .dsegmented-control__label {
    display: block;
    margin: 0 -1px -1px 0;
    padding: 2px;
    border-bottom: 4px solid rgba(255, 255,255,0.3);
    font: 14px/1.5 segoe ui;
    text-align: center;
    cursor: pointer;
    color: rgba(255,255,255,0.3);
    border-radius: 0 !important;
    width: 100% !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.danaos_purple .dsegmented-control__input:checked + .dsegmented-control__label {
    color: #ffffff;
    border-bottom: 4px #FFDA00 solid !important;
    background-color: transparent !important;
}

/* Danaos Terminal Theme*/

.danaos_term .danaos-back {
    background-color: #000 !important;
    background-image: linear-gradient(to bottom,#000 0,#000 100%) !important;
    background-image: -webkit-linear-gradient(top,#000 0,#000 100%) !important;
    stroke: #000;
}

.danaos_term .danaos-back2 {
    background-color: #262626 !important;
    background-image: linear-gradient(to bottom,#262626 0,#262626 100%) !important;
    background-image: -webkit-linear-gradient(top,#262626 0,#262626 100%) !important;
    stroke: #262626;
}

.danaos_term .danaos-text-color {
    color: white !important;
}

.danaos_term .modal-header,
.danaos_term .ui-dialog-titlebar,
.danaos_term .k-window-titlebar {
    background-color: #000 !important;
    background-image: linear-gradient(to bottom,#000 0,#000 100%) !important;
    background-image: -webkit-linear-gradient(top,#000 0,#000 100%) !important;
    stroke: #000;
}

.danaos_term .lds-double-ring .lds-double-ring-outer {
    border-color: #262626 transparent #262626 transparent;
}

.danaos_term .lds-double-ring .lds-double-ring-inner {
    border-color: #000 transparent #000 transparent;
}

.danaos_term .sidepinned {
    color: #00ff00 !important;
}

.danaos_term .danaosSideBarController {
    background: linear-gradient(#686565,#282222);
}

    .danaos_term .danaosSideBarController .appMain .appChild {
        background-color: #161414;
    }

.danaos_term .danaosSideBarControllerCollapsed .appMain .appChild {
    background-color: #514848;
}

.danaos_term .leftappsidebarMain {
    background: linear-gradient(#534b4b,#625252);
}

.danaos_term #leftappsidebar {
    color: #00ff00 !important;
}

    .danaos_term #leftappsidebar:hover {
        color: #13ff00 !important;
    }

.danaos_term .slideLeftSearch {
    background-color: #000;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

.danaos_term .sb-slidebar {
    background-color: #000000;
}

.danaos_term #bfix {
    background: #000;
}

.danaos_term .tab-handle-selected {
    background-color: #000;
    border-bottom-color: red;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-right-radius: 11px;
}

.danaos_term .danaosSideBarController .appMain .appHeaderMain {
    color: #2c932c;
    font-size: 14px;
    font-weight: bold;
}


.danaos_term .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #00ff00 !important;
    padding: 0 !important;
    color: #fff !important;
}

.danaos_term .danaosSideBarController .appMain.notSelected:hover > .appHeaderMain {
    border-left: 3px solid #00ff00;
    color: #00ff00;
}

.danaos_term .danaosSideBarController .appHeaderMainIcon .frwTreeIcon {
    border-style: none !important;
    background-color: #423131 !important;
    border-radius: 3px !important;
}

.danaos_term .slideLeftSearch .input-group #optionsearch {
    color: #00ff00 !important;
    background-color: #262626 !important;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 14px !important;
}

.danaos_term .slideLeftSearch .input-group #frmclear {
    background-color: #262626 !important;
    color: #006600 !important;
}

.danaos_term .slideLeftSearch .input-group #frmfavs {
    background-color: #262626 !important;
    border-left-color: #000000 !important;
    border-left-style: solid;
    border-left-width: 1px;
    color: #006600 !important;
}

.danaos_term .slideLeftSearch .input-group #frmhistory {
    background-color: #262626 !important;
    color: #006600 !important;
}


    .danaos_term .slideLeftSearch .input-group #frmhistory.selected {
        color: #00ff00 !important;
    }

.danaos_term .slideLeftSearch .input-group #frmfavs.selected {
    color: #00ff00 !important;
}

.danaos_term .dan-inpt-group-addon {
    color: #5A6574;
}

    .danaos_term .dan-inpt-group-addon:hover > i {
        color: #00ff00;
    }

    .danaos_term .dan-inpt-group-addon:active > i {
        color: #006600;
    }

.danaos_term .sidebarSeparator {
    border-bottom: 1px solid #b1abab;
}

.danaos_term .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #00ff00 !important;
    padding: 0 !important;
    color: #00ff00 !important;
}

.danaos_term .danaosSideBarController .appMain .appHeaderMain:hover:not(.appSelected) {
    color: #72f672 !important;
    font-weight: bold;
}

.danaos_term .sb-toggle-left {
    color: #006600 !important;
}

.danaos_term .fa-thumbtack {
    color: #006600 !important;
}


.danaosSideBarController .appMain .appHeaderMain:hover:not(.appSelected) {
    color: #00ff00 !important;
    font-weight: bold;
}

.danaos_term .tab-handle-list-container > .tab-handle.tab-handle-selected {
    color: #29f129;
}

.danaos_term .danaosSideBarControllerCollapsed {
    border: 0;
}

    .danaos_term .danaosSideBarControllerCollapsed .appMain .mainTree {
        background-color: #000;
        color: #00ff00 !important;
    }

.danaos_term .slideMainCollapsed .appHeaderMain .appHeaderTitle {
    color: #00ff00 !important;
}

.danaos_term .appHeaderMain .appHeaderFolder {
    color: #00ff00 !important;
}

.danaos_term .danaosSideBarControllerCollapsed .appMain .appExpandIcon {
    color: #006600 !important;
}

.danaos_term .slideMainCollapsed .appHeaderMain .appHeaderTitle:hover {
    color: #00ff00 !important;
}

.danaos_term .appChildMainScroll {
    border-top: 0;
}


/* Notifications & ALerts Sidebar */

.danaos_term .choskyNotifications > div:first-of-type {
    width: 100% !important;
}

.danaos_term .dsegmented-control__item {
    display: block !important;
    width: 50% !important;
    float: left;
}

.danaos_term .choskyNotifications {
    border-bottom-width: 0 !important;
    border-bottom-style: none !important;
}

.danaos_term .dsegmented-control__label {
    display: block;
    margin: 0 -1px -1px 0;
    padding: 2px;
    border-bottom: 4px solid #006600;
    font: 14px/1.5 segoe ui;
    text-align: center;
    cursor: pointer;
    color: #006600;
    border-radius: 0 !important;
    width: 100% !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.danaos_term .dsegmented-control__input:checked + .dsegmented-control__label {
    color: #00ff00;
    border-bottom: 4px #00ff00 solid;
    background-color: transparent;
}

/* Danaos FLG Theme*/

.danaos_flg .danaos-back {
    background-color: #013c21 !important;
    background-image: linear-gradient(to bottom,#013c21 0,#013c21 100%) !important;
    background-image: -webkit-linear-gradient(top,#013c21 0,#013c21 100%) !important;
    stroke: #013c21;
}

.danaos_flg .danaos-back2,
.danaos_flg .modal-header,
.danaos_flg .ui-dialog-titlebar,
.danaos_flg .k-window-titlebar {
    background-color: #002514 !important;
    background-image: linear-gradient(to bottom,#013c21 0,#013c21 100%) !important;
    background-image: -webkit-linear-gradient(top,#013c21 0,#013c21 100%) !important;
    stroke: #53bd9f;
}

.danaos_flg .danaos-text-color {
    color: white !important;
}

.danaos_flg .lds-double-ring .lds-double-ring-outer {
    border-color: #013c21 transparent #013c21 transparent;
}

.danaos_flg .lds-double-ring .lds-double-ring-inner {
    border-color: #53bd9f transparent #53bd9f transparent;
}

.danaos_flg .danaosSideBarController {
    background: #013c21;
}

    .danaos_flg .danaosSideBarController .appMain .appChild {
        background-color: #002514;
    }

.danaos_flg .danaosSideBarControllerCollapsed .appMain .appChild {
    background-color: #002514;
}


.danaos_flg .leftappsidebarMain {
    background: #013c21;
}

.danaos_flg .slideLeftSearch {
    background-color: #013c21
}

.danaos_flg .sb-slidebar {
    background-color: #013c21;
}

.danaos_flg #bfix {
    background: #013c21;
}

.danaos_flg .tab-handle-selected {
    background-color: #013c21;
    border-bottom-color: red;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-right-radius: 11px;
}

.danaos_flg .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #d1d122 !important;
    padding: 0 !important;
}

/* Danaos RED Theme*/

.danaos_red .danaosSideBarController .appHeaderMainIcon .frwTreeIcon {
    border-style: none !important;
    background-color: #a71935 !important;
    border-radius: 3px !important;
}

.danaos_red .danaos-back {
    background-color: rgba(194, 46, 75, 1) !important;
    background-image: linear-gradient(to bottom,rgba(194, 46, 75, 1) 0,rgba(194, 46, 75, 1) 100%) !important;
    background-image: -webkit-linear-gradient(top,rgba(194, 46, 75, 1) 0,rgba(194, 46, 75, 1) 100%) !important;
    stroke: rgba(194, 46, 75, 1);
}

.danaos_red .danaos-back2,
.danaos_red .modal-header,
.danaos_red .ui-dialog-titlebar,
.danaos_red .k-window-titlebar {
    background-color: rgba(179, 61, 85, 1) !important;
    background-image: linear-gradient(to bottom,rgba(179, 61, 85, 1) 0,rgba(179, 61, 85, 1) 100%) !important;
    background-image: -webkit-linear-gradient(top,rgba(179, 61, 85, 1) 0,rgba(179, 61, 85, 1) 100%) !important;
    stroke: #ef4c6d;
}

.danaos_red .danaos-text-color {
    color: white !important;
}

.danaos_red .lds-double-ring .lds-double-ring-outer {
    border-color: rgba(194, 46, 75, 1) transparent rgba(194, 46, 75, 1) transparent;
}

.danaos_red .lds-double-ring .lds-double-ring-inner {
    border-color: #ef4c6d transparent #ef4c6d transparent;
}

.danaos_red .danaosSideBarController {
    background: linear-gradient(rgb(189 77 99),rgb(157 38 61));
}

    .danaos_red .danaosSideBarController .appMain .appChild {
        background-color: rgba(179, 61, 85, 1);
    }

.danaos_red .danaosSideBarControllerCollapsed .appMain .appChild {
    background-color: rgba(179, 61, 85, 1);
}

.danaos_red .leftappsidebarMain {
    background: linear-gradient(rgb(219 107 129),rgb(157 38 61));
}

.danaos_red .slideLeftSearch {
    background-color: rgba(194, 46, 75, 1)
}

.danaos_red .sb-slidebar {
    background-color: rgba(179, 61, 85, 1);
}

.danaos_red #bfix {
    background: rgba(194, 46, 75, 1);
}

.danaos_red .tab-handle-selected {
    background-color: rgba(194, 46, 75, 1);
    border-bottom-color: greenyellow;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-right-radius: 11px;
}

.danaos_red .danaosSideBarController .appMain .appHeaderMain {
    color: lightyellow;
    font-size: 14px;
    font-weight: bold;
}

.danaos_red .danaosSideBarControllerCollapsed .appMain .appHeaderMain {
    color: lightyellow;
}


.danaos_red .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #d1d122 !important;
    padding: 0 !important;
    color: white !important;
}

/* Danaos Sky Theme*/

.danaos_sky .danaos-back {
    background-color: #073464 !important;
    background-image: linear-gradient(to bottom,#073464 0,#073464 100%) !important;
    background-image: -webkit-linear-gradient(top,#073464 0,#073464 100%) !important;
    stroke: #073464;
}

.danaos_sky .danaos-back2 {
    background-color: #092849 !important;
    background-image: linear-gradient(to bottom,#092849 0,#092849 100%) !important;
    background-image: -webkit-linear-gradient(top,#092849 0,#092849 100%) !important;
    stroke: #092849;
}

.danaos_sky .danaos-text-color {
    color: white !important;
}

.danaos_sky .modal-header,
.danaos_sky .ui-dialog-titlebar,
.danaos_sky .k-window-titlebar {
    background: linear-gradient(#155faf,#073464) !important;
    background-image: -webkit-linear-gradient(top,#155faf 0,#073464 100%) !important;
    stroke: #073464;
}

.danaos_sky .lds-double-ring .lds-double-ring-outer {
    border-color: #092849 transparent #092849 transparent;
}

.danaos_sky .lds-double-ring .lds-double-ring-inner {
    border-color: #073464 transparent #073464 transparent;
}

.danaos_sky .sidepinned {
    color: limegreen !important;
}

.danaos_sky .danaosSideBarController {
    background: linear-gradient(#073464,#073464);
}

.danaos_sky .danaosSideBarControllerCollapsed .appMain .appChild {
    background-color: #092849;
}

.danaos_sky .leftappsidebarMain {
    background: linear-gradient(#155faf,#134983);
}

.danaos_sky .slideLeftSearch {
    background-color: #073464;
    border-bottom: 1px solid #654343 !important;
}

.danaos_sky .sb-slidebar {
    background: linear-gradient(#155faf,#073464);
}

.danaos_sky #bfix {
    background: #073464;
}

.danaos_sky .tab-handle-selected {
    background: linear-gradient(#155faf,#073464);
    border-bottom-color: #1a73f0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-right-radius: 11px;
}

.danaos_sky .danaosSideBarController .appMain .appHeaderMain {
    color: #a4bad1 !important;
    font-size: 14px;
    font-weight: bold;
}

.danaos_sky .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #1A73F0 !important;
    padding: 0 !important;
    color: #cbc243 !important;
}

.danaos_sky .danaosSideBarController .appMain.notSelected:hover > .appHeaderMain {
    border-left: 3px solid #1A73F0;
    color: #fff;
}

.danaos_sky .danaosSideBarController .appHeaderMainIcon .frwTreeIcon {
    border-style: none !important;
    background-color: #044891 !important;
    border-radius: 3px !important;
}

.danaos_sky .slideLeftSearch .input-group #optionsearch {
    color: #8399B1 !important;
    background-color: #07223E !important;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 14px !important;
}

.danaos_sky .slideLeftSearch .input-group #frmclear {
    background-color: #07223E !important;
    color: #CBD6E2 !important;
}

.danaos_sky .slideLeftSearch .input-group #frmfavs {
    background-color: #07223E !important;
    border-left-color: rgba(255,255,255, 0.1) !important;
    border-left-style: solid;
    border-left-width: 1px;
}

.danaos_sky .slideLeftSearch .input-group #frmhistory {
    background-color: #07223E !important;
}

.danaos_sky #frmhistory.selected {
    color: limegreen !important;
}

.danaos_sky #frmfavs.selected {
    color: limegreen !important;
}

.danaos_sky .dan-inpt-group-addon:hover > i {
    color: limegreen;
}

.danaos_sky .dan-inpt-group-addon:active > i {
    color: #1A73F0;
}

.danaos_sky .sidebarSeparator {
    border-bottom: 1px solid #044b97;
}


.danaos_sky .danaosSideBarController .appMain .appSelected .appTitle {
    color: #fff !important
}

.danaosSideBarController .appMain .appHeaderMain:hover:not(.appSelected) {
    color: white !important;
    font-weight:bold;
}

.danaos_sky .danaosSideBarControllerCollapsed .appMain .mainTree {
    background-color: #073464;
    color: #fff !important;
}

.danaos_sky .appChildMainScroll {
    border-top: 0;
}

.danaos_sky .header-icons-table {
    background-color: #fff !important;
}


/* Notifications & ALerts Sidebar */

.danaos_sky .choiceNotifications > div:first-of-type {
    width: 100% !important;
}

.danaos_sky .dsegmented-control__item {
    display: block !important;
    width: 50% !important;
    float: left;
}

.danos_sky .dsegmented-control {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    clear: both;
}

.danaos_sky .choiceNotifications {
    border-bottom-width: 0 !important;
}

.danaos_sky .dsegmented-control__label {
    display: block;
    margin: 0 -1px -1px 0;
    padding: 2px;
    border-bottom: 4px solid #39536F;
    font: 14px/1.5 segoe ui;
    text-align: center;
    cursor: pointer;
    color: #95A3B2;
    border-radius: 0 !important;
    width: 100% !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.danaos_sky .dsegmented-control__input:checked + .dsegmented-control__label {
    color: #ffffff;
    border-bottom: 4px #1A73F0 solid;
    background-color: transparent;
}

/* Danaos Dawn Theme*/

.danaos_dawn .danaos-back {
    background-color: #202631 !important;
    background-image: linear-gradient(to bottom,#202631 0,#202631 100%) !important;
    background-image: -webkit-linear-gradient(top,#202631 0,#202631 100%) !important;
    stroke: #202631;
}

.danaos_dawn .danaos-back2 {
    background-color: #151B26 !important;
    background-image: linear-gradient(to bottom,#151B26 0,#151B26 100%) !important;
    background-image: -webkit-linear-gradient(top,#151B26 0,#151B26 100%) !important;
    stroke: #151B26;
}

.danaos_dawn .danaos-text-color {
    color: white !important;
}

.danaos_dawn .modal-header,
.danaos_dawn .ui-dialog-titlebar,
.danaos_dawn .k-window-titlebar {
    background-color: #202631 !important;
    background-image: linear-gradient(to bottom,#202631 0,#202631 100%) !important;
    background-image: -webkit-linear-gradient(top,#202631 0,#202631 100%) !important;
    stroke: #202631;
}

.danaos_dawn .lds-double-ring .lds-double-ring-outer {
    border-color: #151B26 transparent #151B26 transparent;
}

.danaos_dawn .lds-double-ring .lds-double-ring-inner {
    border-color: #202631 transparent #202631 transparent;
}

.danaos_dawn .sidepinned {
    color: #1A73F0 !important;
}

.danaos_dawn .danaosSideBarController {
    background: linear-gradient(#364052,#202631);
}

    .danaos_dawn .danaosSideBarController .appMain .appChild {
        background-color: #151B26;
    }

.danaos_dawn .danaosSideBarControllerCollapsed .appMain .appChild {
    background-color: #151B26;
}

.danaos_dawn .leftappsidebarMain {
    background: linear-gradient(#2e3746,#445066);
}

.danaos_dawn .slideLeftSearch {
    background-color: #202631;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

.danaos_dawn .sb-slidebar {
    background-color: #151B26;
}

.danaos_dawn #bfix {
    background: #202631;
}

.danaos_dawn .tab-handle-selected {
    background-color: #202631;
    border-bottom-color: red;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-right-radius: 11px;
}

.danaos_dawn .danaosSideBarController .appMain .appHeaderMain {
    color: #9199a2;
    font-size: 14px;
    font-weight:bold;
}

.danaos_dawn .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #1A73F0 !important;
    padding: 0 !important;
    color: white !important;
}

.danaos_sky .danaosSideBarController .appMain .appSelected .appTitle,
.danaos_sky .danaosSideBarController .appMain .appSelected .appTitle :hover {
    color: #fff !important;
}


.danaos_dawn .danaosSideBarController .appMain.notSelected:hover > .appHeaderMain {
    border-left: 3px solid #1A73F0;
    color: #fff;
}

.danaos_dawn .danaosSideBarController .appHeaderMainIcon .frwTreeIcon {
    border-style: none !important;
    background-color: #44576d !important;
    border-radius: 3px !important;
}

.danaos_dawn .slideLeftSearch .input-group #optionsearch {
    color: #8399B1 !important;
    background-color: #0F131B !important;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 14px !important;
}

.danaos_dawn .slideLeftSearch .input-group #frmclear {
    background-color: #0F131B !important;
    color: #CBD6E2 !important;
}

.danaos_dawn .slideLeftSearch .input-group #frmfavs {
    background-color: #0F131B !important;
    border-left-color: rgba(255,255,255, 0.1) !important;
    border-left-style: solid;
    border-left-width: 1px;
}

.danaos_dawn .slideLeftSearch .input-group #frmhistory {
    background-color: #0F131B !important;
}

.danaos_dawn #frmhistory.selected {
    color: #1A73F0 !important;
}

.danaos_dawn #frmfavs.selected {
    color: #1A73F0 !important;
}

.danaos_dawn .dan-inpt-group-addon:hover > i {
    color: #1A73F0;
}

.danaos_dawn .dan-inpt-group-addon:active > i {
    color: #1A73F0;
}

.danaos_dawn .sidebarSeparator {
    border-bottom: 1px solid #1b54bb;
}


.danaos_dawn .danaosSideBarController .appMain .appSelected .appTitle {
    color: #fff !important
}

.danaosSideBarController .appMain .appHeaderMain:hover:not(.appSelected) {
    color: white !important;
    font-weight:bold;
}

.danaos_dawn .danaosSideBarControllerCollapsed .appMain .mainTree {
    background-color: #26466c;
    color: #fff !important;
}

.danaos_dawn .appChildMainScroll {
    border-top: 0;
}


/* Notifications & ALerts Sidebar */

.danaos_dawn .choiceNotifications > div:first-of-type {
    width: 100% !important;
}

.danaos_dawn .dsegmented-control__item {
    display: block !important;
    width: 50% !important;
    float: left;
}

.danos_dawn .dsegmented-control {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    clear: both;
}

.danaos_dawn .choiceNotifications {
    border-bottom-width: 0 !important;
}

.danaos_dawn .dsegmented-control__label {
    display: block;
    margin: 0 -1px -1px 0;
    padding: 2px;
    border-bottom: 4px solid #39536F;
    font: 14px/1.5 segoe ui;
    text-align: center;
    cursor: pointer;
    color: #95A3B2;
    border-radius: 0 !important;
    width: 100% !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.danaos_dawn .dsegmented-control__input:checked + .dsegmented-control__label {
    color: #ffffff;
    border-bottom: 4px #1A73F0 solid;
    background-color: transparent;
}

/* Danaos Ice Theme*/
/* Danaos Ice Theme*/

.danaos_ice #viewscheduler,
.danaos_ice #newevent {
    color: #6c7a89 !important;
}

    .danaos_ice #viewscheduler:hover,
    .danaos_ice #newevent:hover {
        color: white !important;
    }

.danaos_ice .danaos-back {
    background-color: #CBD6E2 !important;
    background-image: linear-gradient(to bottom,#CBD6E2 0,#CBD6E2 100%) !important;
    background-image: -webkit-linear-gradient(top,#CBD6E2 0,#CBD6E2 100%) !important;
    stroke: #CBD6E2;
}

.danaos_ice .danaos-back2 {
    background-color: #B2C0CF !important;
    background-image: linear-gradient(to bottom,#B2C0CF 0,#B2C0CF 100%) !important;
    background-image: -webkit-linear-gradient(top,#B2C0CF 0,#B2C0CF 100%) !important;
    stroke: #B2C0CF;
}

.danaos_ice .danaos-text-color {
    color: #333 !important;
}

.danaos_ice .k-button.k-button-icon.k-window-action {
    color: black !important;
}

.danaos_ice .modal-header,
.danaos_ice .ui-dialog-titlebar,
.danaos_ice .k-window-titlebar {
    background-color: #CBD6E2 !important;
    background-image: linear-gradient(to bottom,#CBD6E2 0,#CBD6E2 100%) !important;
    background-image: -webkit-linear-gradient(top,#CBD6E2 0,#CBD6E2 100%) !important;
    stroke: #CBD6E2;
}

.danaos_ice .ui-dialog-title {
    color: black !important;
}

.danaos_ice .modal-title {
    color: black !important;
}

.danaos_ice .k-window-title {
    color: black !important;
}

.danaos_ice .bootbox-close-button {
    color: black !important;
}

.danaos_ice .lds-double-ring .lds-double-ring-outer {
    border-color: #B2C0CF transparent #B2C0CF transparent;
}

.danaos_ice .lds-double-ring .lds-double-ring-inner {
    border-color: #CBD6E2 transparent #CBD6E2 transparent;
}

.danaos_ice .sidepinned {
    color: #1A73F0 !important;
}

.danaos_ice .danaosSideBarController {
    background: linear-gradient(#aeb9c5,#6d757e);
}

    .danaos_ice .danaosSideBarController .appMain .appChild {
        background-color: #B2C0CF;
    }

.danaos_ice .danaosSideBarControllerCollapsed .appMain .appChild {
    background-color: #B2C0CF;
}

.danaos_ice .leftappsidebarMain {
    background: linear-gradient(#9399a1,#9fa9b5);
}

.danaos_ice #leftappsidebar {
    color: #5A6574 !important;
}

    .danaos_ice #leftappsidebar:hover {
        color: #13ff00 !important;
    }

.danaos_ice .slideLeftSearch {
    background-color: #CBD6E2;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

.danaos_ice .sb-slidebar {
    background: linear-gradient(#aeb9c5,#6d757e);
}

.danaos_ice #bfix {
    background: #CBD6E2;
}

.danaos_ice .tab-handle-selected {
    background-color: #CBD6E2;
    border-bottom-color: red;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-right-radius: 11px;
}

.danaos_ice .danaosSideBarController .appMain .appHeaderMain {
    color: #5A6574 !important;
    font-size: 14px;
    font-weight:bold;
}

.danaos_ice .slideMainCollapsed .appHeaderMain .appHeaderTitle:hover {
    color: #67798f !important;
}

.danaos_ice .appSelected .appHeaderMainIcon .frwTreeIcon > i {
    color: #1A73F0 !important;
}

.danaos_dark .appSelected .appHeaderMainIcon .frwTreeIcon > i {
    color: #cbc243 !important;
}

.danaos_ice .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #1A73F0 !important;
    padding: 0 !important;
    color: black !important;
}

.danaos_ice .danaosSideBarController .appMain.notSelected:hover > .appHeaderMain {
    border-left: 3px solid #1A73F0;
    color: #273240;
}

.danaos_ice .danaosSideBarController .appHeaderMainIcon .frwTreeIcon {
    border-style: none !important;
    background-color: #bfc8d2;
    border-radius: 2px !important;
    border-style: none !important;
}

.danaos_ice .slideLeftSearch .input-group #optionsearch {
    color: #37484F !important;
    background-color: #B2C0CF !important;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 14px !important;
}

.danaos_ice .slideLeftSearch .input-group #frmclear {
    background-color: #B2C0CF !important;
    color: #5A6574 !important;
}

.danaos_ice .appHeaderMain .fas.fa-history,
.danaos_ice .appHeaderMain .far.fa-star {
    color: white;
}

.appHeaderMain .fas.fa-history.selected,
.appHeaderMain .far.fa-star.selected {
    color: limegreen;
}

.danaos_ice .appHeaderMain .fas.fa-history.selected,
.danaos_ice .appHeaderMain .far.fa-star.selected {
    color: green !important;
}

.danaos_ice .appHeaderMain .fas.fa-history,
.danaos_ice .appHeaderMain .far.fa-star {
    color: #273240 !important;
}

.danaos_ice .slideLeftSearch .input-group #frmfavs {
    background-color: #B2C0CF !important;
    border-left-color: #A7B5C4 !important;
    border-left-style: solid;
    border-left-width: 1px;
    color: #5A6574 !important;
}

.danaos_ice .slideLeftSearch .input-group #frmhistory {
    background-color: #B2C0CF !important;
    color: #5A6574 !important;
}


    .danaos_ice .slideLeftSearch .input-group #frmhistory.selected {
        color: #1A73F0 !important;
    }

.danaos_ice .slideLeftSearch .input-group #frmfavs.selected {
    color: #1A73F0 !important;
}

.danaos_ice .dan-inpt-group-addon {
    color: #5A6574;
}

    .danaos_ice .dan-inpt-group-addon:hover > i {
        color: #273240;
    }

    .danaos_ice .dan-inpt-group-addon:active > i {
        color: #273240;
    }

.danaos_ice .sidebarSeparator {
    border-bottom: 1px solid #A7B5C4;
}

.danaos_ice .danaosSideBarController .appMain .appHeaderMain:hover:not(.appSelected) {
    color: black !important;
    font-weight:bold;
}

.danos_sky .sb-toggle-left {
    color: #273240 !important;
}

.danaos_ice .fa-thumbtack {
    color: #273240 !important;
}


.danaosSideBarController .appMain .appHeaderMain:hover:not(.appSelected) {
    color: #1A73F0 !important;
    font-weight: bold;
}

.danaos_ice .tab-handle-list-container > .tab-handle.tab-handle-selected {
    color: #273240;
}

.danaos_ice .danaosSideBarControllerCollapsed {
    border: 0;
}

    .danaos_ice .danaosSideBarControllerCollapsed .appMain .mainTree {
        background-color: #CBD6E2;
        color: #273240 !important;
    }

.danaos_ice .slideMainCollapsed .appHeaderMain .appHeaderTitle {
    color: #273240 !important;
}

.danaos_ice .appHeaderMain .appHeaderFolder {
    color: #273240 !important;
}

.danaos_ice .danaosSideBarControllerCollapsed .appMain .appExpandIcon {
    color: #273240 !important;
}

.danaos_ice .appChildMainScroll {
    border-top: 0;
}


/* Notifications & ALerts Sidebar */

.danaos_ice .choiceNotifications > div:first-of-type {
    width: 100% !important;
}

.danaos_ice .dsegmented-control__item {
    display: block !important;
    width: 50% !important;
    float: left;
}

.danos_sky .dsegmented-control {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    clear: both;
}

.danaos_ice .choiceNotifications {
    border-bottom-width: 0 !important;
}

.danaos_ice .dsegmented-control__label {
    display: block;
    margin: 0 -1px -1px 0;
    padding: 2px;
    border-bottom: 4px solid #CBD6E2;
    font: 14px/1.5 segoe ui;
    text-align: center;
    cursor: pointer;
    color: #CBD6E2;
    border-radius: 0 !important;
    width: 100% !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.danaos_ice .dsegmented-control__input:checked + .dsegmented-control__label {
    color: #151B26;
    border-bottom: 4px #1A73F0 solid;
    background-color: transparent;
}

/* Danaos Green Theme*/
.danaos_green .danaos-back {
    background-color: #2D5358 !important;
    background-image: linear-gradient(to bottom,#2D5358 0,#2D5358 100%) !important;
    background-image: -webkit-linear-gradient(top,#2D5358 0,#2D5358 100%) !important;
    stroke: #2D5358;
}

.danaos_green .danaos-back2 {
    background-color: #173438 !important;
    background-image: linear-gradient(to bottom,#173438 0,#173438 100%) !important;
    background-image: -webkit-linear-gradient(top,#173438 0,#173438 100%) !important;
    stroke: #173438;
}

.danaos_green .danaosSideBarController .appMain.notSelected:not(.appSelected) {
    color: #b7c9df !important;
}


.danaos_green .danaos-text-color {
    color: white !important;
}

.danaos_green .modal-header,
.danaos_green .ui-dialog-titlebar,
.danaos_green .k-window-titlebar {
    background-color: #2D5358 !important;
    background-image: linear-gradient(to bottom,#2D5358 0,#2D5358 100%) !important;
    background-image: -webkit-linear-gradient(top,#2D5358 0,#2D5358 100%) !important;
    stroke: #2D5358;
}

.danaos_green .lds-double-ring .lds-double-ring-outer {
    border-color: #173438 transparent #173438 transparent;
}

.danaos_green .lds-double-ring .lds-double-ring-inner {
    border-color: #2D5358 transparent #2D5358 transparent;
}

.danaos_green .sidepinned {
    color: #ECA270 !important;
}

.danaos_green .danaosSideBarController {
    background: linear-gradient(#477f87,#2D5358);
}

    .danaos_green .danaosSideBarController .appMain .appChild {
        background-color: #173438;
    }

.danaos_green .danaosSideBarControllerCollapsed .appMain .appChild {
    background-color: #173438;
}

.danaos_green .leftappsidebarMain {
    background: linear-gradient(#336066,#467f87);
}

.danaos_green .slideLeftSearch {
    background-color: #2D5358;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

.danaos_green .sb-slidebar {
    background: linear-gradient(#477f87,#2D5358);
}

.danaos_green #bfix {
    background: #2D5358;
}

.danaos_green .tab-handle-selected {
    background-color: #2D5358;
    border-bottom-color: yellow;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-right-radius: 11px;
}

.danaos_green .danaosSideBarController .appMain .appHeaderMain {
    color: #CBD6E2;
    font-size: 14px;
    font-weight: bold;
}


.danaos_green .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #ECA270 !important;
    padding: 0 !important;
    color: #fff !important;
}

.danaos_green .danaosSideBarController .appMain.notSelected:hover > .appHeaderMain {
    border-left: 3px solid #ECA270;
    color: #fff;
}

.danaos_green .danaosSideBarController .appHeaderMainIcon .frwTreeIcon {
    border-style: none !important;
    background-color: #355458 !important;
    border-radius: 3px !important;
}

.danaos_green .slideLeftSearch .input-group #optionsearch {
    color: #8399B1 !important;
    background-color: #173438 !important;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 14px !important;
}


.danaos_green .slideLeftSearch .input-group #frmfavs {
    background-color: #173438 !important;
    border-left-color: rgba(255,255,255, 0.1) !important;
    border-left-style: solid;
    border-left-width: 1px;
}

.danaos_green .slideLeftSearch .input-group #frmhistory {
    background-color: #173438 !important;
}

.danaos_green #frmhistory.selected {
    color: #ECA270 !important;
}

.danaos_green #frmfavs.selected {
    color: #ECA270 !important;
}

.danaos_green .dan-inpt-group-addon:hover > i {
    color: #ECA270;
}

.danaos_green .dan-inpt-group-addon:active > i {
    color: #ECA270;
}

.danaos_green .sidebarSeparator {
    border-bottom: 1px solid #2D5358;
}

.danaos_green .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #ECA270 !important;
    padding: 0 !important;
    color: #ECA270 !important
}


    .danaos_green .danaosSideBarController .appMain .appSelected .appTitle {
        color: #fff !important
    }

.danaosSideBarController .appMain .appHeaderMain:hover:not(.appSelected) {
    color: white !important;
    font-weight: bold;
}

.danaos_green .danaosSideBarControllerCollapsed .appMain .mainTree {
    background-color: #2D5358;
    color: #fff !important;
}

.danaos_green .appChildMainScroll {
    border-top: 0;
}

.danaos_green .header-icons-table {
    background-color: #fff !important;
}


/* Notifications & ALerts Sidebar */

.danaos_green .choiceNotifications > div:first-of-type {
    width: 100% !important;
}

.danaos_green .dsegmented-control__item {
    display: block !important;
    width: 50% !important;
    float: left;
}

.danos_sky .dsegmented-control {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    clear: both;
}

.danaos_green .choiceNotifications {
    border-bottom-width: 0 !important;
}

.danaos_green .dsegmented-control__label {
    display: block;
    margin: 0 -1px -1px 0;
    padding: 2px;
    border-bottom: 4px solid #39536F;
    font: 14px/1.5 segoe ui;
    text-align: center;
    cursor: pointer;
    color: #95A3B2;
    border-radius: 0 !important;
    width: 100% !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.danaos_green .dsegmented-control__input:checked + .dsegmented-control__label {
    color: #ffffff;
    border-bottom: 4px #ECA270 solid;
    background-color: transparent;
}

/* Danaos Gray  Theme*/

.danaos_gray .dan-inpt-group-addon:hover > i {
    color: limegreen;
}

.danaos_gray .danaosSideBarControllerCollapsed .appMain .mainTree {
    color: white !important;
    font-weight: 600 !important;
    font-size: 15px;
    text-align: center;
    background: linear-gradient(#3976b7,#29323c);
}

.danaos_gray .danaosSideBarController .appHeaderMainIcon .frwTreeIcon {
    border-style: none !important;
    background-color: #1c518b !important;
    border-radius: 3px !important;
    color: #CBD6E2;
}

    .danaos_gray .danaosSideBarController .appHeaderMainIcon .frwTreeIcon:hover {
        color: white;
    }

.danaos_gray .appTitle.mainTree {
    color: #bfbfbf;
}

.danaos_gray .danaosSideBarController .appMain .appSelected .mainTree .frwTreeIcon {
    color: #d1c522 !important;
}

.danaos_gray .danaosSideBarController .appMain .appSelected .mainTree {
    padding-top: 6px;
    padding-bottom: 6px;
    color: white;
}


.danaos_gray .appTitle.mainTree:hover {
    color: white !important;
}

.danaos_gray .danaos-back {
    background: linear-gradient(#485563,#29323c);
    background-image: linear-gradient(to bottom,#485563 0,#29323c 100%) !important;
    background-image: -webkit-linear-gradient(top,#485563 0,#29323c 100%) !important;
    stroke: #29323c;
}

.danaos_gray .danaos-back2,
.danaos_gray .modal-header,
.danaos_gray .ui-dialog-titlebar,
.danaos_gray .k-window-titlebar {
    background-color: #485563 !important;
    background-image: linear-gradient(top,#668cb3 0,#29323c 100%) !important;
    background-image: -webkit-linear-gradient(top,#668cb3 0,#29323c 100%) !important;
    stroke: #8495a9;
}

.danaos_gray .danaos-text-color {
    color: white !important;
}

.danaos_gray .lds-double-ring .lds-double-ring-outer {
    border-color: #29323c transparent #29323c transparent;
}

.danaos_gray .lds-double-ring .lds-double-ring-inner {
    border-color: #8495a9 transparent #8495a9 transparent;
}

.danaos_gray .danaosSideBarController {
    background: linear-gradient(#485563,#29323c);
}

    .danaos_gray .danaosSideBarController .appMain .appChild {
        background-color: #37404a;
    }


.danaos_gray .danaosSideBarControllerCollapsed .appMain .appChild {
    background-color: #485563;
}

.danaos_gray .leftappsidebarMain {
    background: linear-gradient(#0d3865,#4281c7);
}

.danaos_gray .danaosSideBarControllerCollapsed {
    background: #fffff;
    border: #00205B;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.danaos_gray .slideLeftSearch {
    border-bottom: 1px solid #e46b6b !important;
    background: #52759a;
}

.danaos_gray .sb-slidebar {
    background: linear-gradient(#3976b7,#29323c);
}


.danaos_gray #bfix {
    background: linear-gradient(#485563,#485563);
}

.danaos_gray .tab-handle-selected {
    background: linear-gradient(#3976b7,#29323c);
    color: white !important;
    border-bottom-color: red;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-right-radius: 11px;
}

.danaos_gray .danaosSideBarController {
    background: linear-gradient(#3976b7,#29323c);
}


    .danaos_gray .danaosSideBarController .appMain .appSelected {
        border-left: 3px solid #cbc243 !important;
        padding: 0 !important;
    }


.slideLeftSearch {
    background-color: #00205B;
}

#bfix {
    background: #00205B;
}

.leftappsidebarMain {
    background: #00205B;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 6px;
    font-size: 14px;
    line-height: 1.4285;
    color: black;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.ios-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .ios-switch i {
        position: relative;
        display: inline-block;
        margin-right: .5rem;
        width: 46px;
        height: 26px;
        background-color: #e6e6e6;
        border-radius: 23px;
        vertical-align: text-bottom;
        transition: all 0.3s linear;
    }

        .ios-switch i::before {
            content: "";
            position: absolute;
            left: 0;
            width: 42px;
            height: 22px;
            background-color: whitesmoke;
            border-radius: 11px;
            transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
            transition: all 0.25s linear;
        }

        .ios-switch i::after {
            content: "";
            position: absolute;
            left: 0;
            width: 22px;
            height: 22px;
            margin-top: -1px;
            background-color: #fff;
            border-radius: 11px;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
            transform: translate3d(2px, 2px, 0);
            transition: all 0.2s ease-in-out;
        }

    .ios-switch:active i::after {
        width: 28px;
        transform: translate3d(2px, 2px, 0);
    }

    .ios-switch:active input:checked + i::after {
        transform: translate3d(16px, 2px, 0);
    }

    .ios-switch input {
        display: none;
    }

        .ios-switch input:checked + i {
            background-color: white;
            border-color: lightgray;
            border-width: 1px;
            border-style: solid;
        }

            .ios-switch input:checked + i::before {
                transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
            }

            .ios-switch input:checked + i::after {
                transform: translate3d(22px, 2px, 0);
                background-image: linear-gradient(to right, #1a70ef, #1cd0ec);
            }


/* panel for multiline record inside repeat container */
.row-panel {
    box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.15);
    margin: 10px 15px !important;
    padding: 5px !important;
    border-radius: 4px;
    border-bottom-style: none !important;
}

.tab-handle-list-container > .tab-handle:not(.tab-handle-selected) {
    background-color: #f5f5f5;
    color: gray;
}

.gridster {
    position: relative;
    background-color: white;
}

.arggroup {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

    .arggroup::after {
        display: block;
        top: -6px;
        position: relative;
        height: 1px;
        background-color: #3591d1;
        content: "";
        width: 100%;
        z-index: 0;
    }

    .arggroup > span {
        z-index: 10;
        background-color: white;
        padding-right: 4px;
        position: relative;
        text-transform: uppercase;
        color: #3591d1;
        font-size: 12px;
        font-weight: bold;
    }

.pdfViewer {
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

#main-body button.select2-selection__choice__remove {
    background-color: #476f95;
    border: 1px solid #aaa;
    border-radius: 5px;
    cursor: default;
    float: left;
    margin-right: 5px;
    color: white;
    padding: 0px 4px 0px 4px;
}

#main-body .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #0d77dd;
    border: 1px solid #aaa;
    border-radius: 5px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 3px 8px;
    color: white;
}

.select2-container--default [aria-selected].select2-results__option--highlighted {
    background-color: #80A1D4 !important;
    color: white;
}


@-moz-keyframes throbber-loader {
    0% {
        background: #dde2e7;
    }

    10% {
        background: #6b9dc8;
    }

    40% {
        background: #dde2e7;
    }
}

@-webkit-keyframes throbber-loader {
    0% {
        background: #dde2e7;
    }

    10% {
        background: #6b9dc8;
    }

    40% {
        background: #dde2e7;
    }
}

@keyframes throbber-loader {
    0% {
        background: #dde2e7;
    }

    10% {
        background: #6b9dc8;
    }

    40% {
        background: #dde2e7;
    }
}
/* :not(:required) hides these rules from IE9 and below */
.throbber-loader:not(:required) {
    -moz-animation: throbber-loader 2000ms 300ms infinite ease-out;
    -webkit-animation: throbber-loader 2000ms 300ms infinite ease-out;
    animation: throbber-loader 2000ms 300ms infinite ease-out;
    background: red;
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 0.9em;
    height: 1.5em;
    margin: 0 1.6em;
    text-align: center;
}

    .throbber-loader:not(:required):before, .throbber-loader:not(:required):after {
        background: #dde2e7;
        content: '\x200B';
        display: inline-block;
        width: 0.9em;
        height: 1.5em;
        position: absolute;
        top: 0;
        text-align: center;
    }

    .throbber-loader:not(:required):before {
        -moz-animation: throbber-loader 2000ms 150ms infinite ease-out;
        -webkit-animation: throbber-loader 2000ms 150ms infinite ease-out;
        animation: throbber-loader 2000ms 150ms infinite ease-out;
        left: -1.6em;
    }

    .throbber-loader:not(:required):after {
        -moz-animation: throbber-loader 2000ms 450ms infinite ease-out;
        -webkit-animation: throbber-loader 2000ms 450ms infinite ease-out;
        animation: throbber-loader 2000ms 450ms infinite ease-out;
        right: -1.6em;
    }

.ui-button.ui-state-hover {
    box-shadow: 0 0 3px #04c3eb;
}


.ui-button.ui-widget.ui-corner-all.ui-dialog-titlebar-close {
    border-radius: 10px !important;
}

.ui-button.ui-widget.ui-corner-all {
    outline: none;
    border-width: 1px;
    border-color: #337ab7;
}

.modal-header {
    min-height: 16.43px;
    padding: 7px;
    border-bottom: 1px solid #e5e5e5;
    background-color: whiteSmoke;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    color: gray;
    background-color: red;
}


.ui-button {
    border-radius: 2px !important;
}

.btn {
    border-radius: 2px !important;
}

.arggroup.header > span {
    border-radius: 3px;
    padding-left: 2px;
    padding-right: 2px;
}

.rptargs {
    padding: 10px;
    margin: 5px 5px 10px 5px !important;
    border-radius: 10px !important;
    background: #f7f7f7 url(/Images/AM/stripes.jpg) !important;
    box-shadow: 3px 3px #beb6b6;
    border: solid;
    border-color: rgb(234 231 231);
}

.drow .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 4px !important;
}

.drow .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: inherit !important;
    margin-top: -2px;
}

.drbox-table {
    height: 100%;
    width: 100%;
}

.drbox-td {
    height: 20px;
}

.danaos-cell .select2-container--default .select2-selection--single[aria-expanded="false"] {
    border: none;
    border-radius: 0px;
}

.drow .danaos-cell .select2-container--default .select2-selection--single[aria-expanded="false"] {
    border: none;
    border-radius: 0px;
}

.drow .select2-selection.select2-selection--single {
    height: 26px;
}

span.dynatree-active a {
    background-color: #D8F0FA;
    outline: none;
}

ul.dynatree-container a:focus, span.dynatree-focused a:link {
    outline: none;
}

.fa-danaos {
    background-size: 70%;
    width: 32px;
    height: 32px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAi5QTFRFAAAAKjNpKzNqKi9oKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNpKjNp////D1dtqAAAALh0Uk5TAAAAAAMsfrHV9P7zfT6c4NKicZ09HY3r4YhHFQKPO8bwKQEqjsQ6200ETtbZRNrJMghzmJmMHjTKORzUMxf4STXCixb5SlLuiTzoI5Ts4i0wTFBVpfzdk2r6+y95Sw/F/fJurRlwz6CpYROm14MSl/Z1ku2EGPXMq6is2BtPYtPv5dC7ayWR43gGRUEkGgvfK5XmCSIRDENjlps2BWzD8TeFVqrkWoK9wb9TudEKMdxZW4CKKGjNJ/k0kWkAAAABYktHRLk6uBZgAAAACXBIWXMAAA7DAAAOwwHHb6hkAAACdklEQVQ4y32TeVsSURTG76khGTREQVQciYYMYazQKa2AMkQJIpNSyNSKIlMrsVWjRcw2K22hLMx2Wk0rS5uP1x3WmSfr/WfmnvN7znLvOQilBIRkRY6UlMlypTl5EgKQWECslOeTioK8wsK8AgWZr1SJEIAidXFJqaaMwlagyjSlJcXlRQBZv3aVTr2azhpo/Rpdxdo0AaAxSCuNoqxgNDFV61IEaNdvMKf/q2vkLMtu3FQLdZurtiSssLXCYs1Es0k5Xtu2A9RLd9TyNdF2nSlTDzRYEoCjEQCanDtx1eByl2fzw678NIBb9+xWAaLZ5j34YGzx7jVVeve1tmUABHqfn0J6nx1Hg/3udizHAY4TAMs8zR2ok+zCAQ4eSjpkhwUAgsbAEXSUCUKmNk55zCkEyrqPo+4eggeS3XG9fYwQoE6cRM5TuMd0+1xvv1QAIAgNoPbTfDk2Jh1BDJzhkOO/gJ9DZ8/xKc4vCSyH0AU0OGT8JwDURQsKX7oMS6ToSgA2hRzVkFcEXVztG3ZERgzXRusTgCn3OrpRdZMGaFAM3BrM8dzWj925a7433j/BjyRA6P4DRD98hKclqnE9fhKdtE1WP33WaffEpsw80FGiphE8H4lNg9H1ws72vDQM+V8la/DyL8y6X+MP/SbwFsbecSLFJfiF3+s+0IlLGjVowRr7mNGnz61fCACVYWY8eV3W4a9aoKKz0ZQmZrEbVMOKudQkg8ry7fu0eOynf/gUgsUwjwaULZRgceamAjMt2dVCEJx3x+VNQT40EMGmqbh7PigOSdXbfSQTZmMxNsyQvp911F/7Tf1aYBcjbW2RxdDC76z7Dy/5AJDfchULAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE1LTA0LTMwVDEyOjA1OjUwKzAwOjAw2JhvdAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNS0wNC0zMFQxMjowNTo1MCswMDowMKnF18gAAABGdEVYdHNvZnR3YXJlAEltYWdlTWFnaWNrIDYuNy44LTkgMjAxNC0wNS0xMiBRMTYgaHR0cDovL3d3dy5pbWFnZW1hZ2ljay5vcmfchu0AAAAAGHRFWHRUaHVtYjo6RG9jdW1lbnQ6OlBhZ2VzADGn/7svAAAAGHRFWHRUaHVtYjo6SW1hZ2U6OmhlaWdodAAxOTIPAHKFAAAAF3RFWHRUaHVtYjo6SW1hZ2U6OldpZHRoADE5MtOsIQgAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTQzMDM5NTU1MGWQhkUAAAAPdEVYdFRodW1iOjpTaXplADBCQpSiPuwAAABWdEVYdFRodW1iOjpVUkkAZmlsZTovLy9tbnRsb2cvZmF2aWNvbnMvMjAxNS0wNC0zMC8zZDllNjc3Njk5Y2M1OWM5YThhMDE5NWNiMGY3NWNlOS5pY28ucG5nkeGBlgAAAABJRU5ErkJggg==') 0 0 no-repeat;
}

.ui-widget {
    font-family: Helvetica,"Tahoma";
}

.ui-widget-overlay {
    background: darkgray;
}

.acidjs-ui-ribbon-tab-ribbon-tools {
    margin-bottom: 0px !important;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons > ul > li h6 {
    display: none !important;
}

/* SEGMENTED CONTROL DANAOS*/

.dsegmented-control {
    display: table;
    width: 100%;
    /*margin: 2em 0;*/
    padding: 0;
}

.dsegmented-control__item {
    display: table-cell;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 50%;
}

.dsegmented-control__input {
    position: absolute;
    visibility: hidden;
}

.dsegmented-control > li:first-child label {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.dsegmented-control > li:last-child label {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dsegmented-control__label {
    display: block;
    margin: 0 -1px -1px 0; /* -1px margin removes double-thickness borders between items */
    padding: 2px;
    border: 1px solid #ddd;
    font: 14px/1.5 segoe ui;
    text-align: center;
    cursor: pointer;
    color: white;
    /*background-color: rgb(185, 185, 185); */
}

/*.dsegmented-control__label:hover {
        background: lightgreen;
    }*/

.dsegmented-control__input:checked + .dsegmented-control__label {
    background: rgb(246, 246, 246);
    color: rgb(49, 49, 49);
}
/* NAV TABS DANAOS*/
.nav-tabs-danaos {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

    .nav-tabs-danaos > .nav-tabs {
        margin: 0;
        border-bottom-color: #f4f4f4;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

        .nav-tabs-danaos > .nav-tabs > li {
            border-top: 3px solid transparent;
            margin-bottom: -2px;
            margin-right: 5px;
        }

            .nav-tabs-danaos > .nav-tabs > li > a {
                color: #444;
                border-radius: 0;
            }

                .nav-tabs-danaos > .nav-tabs > li > a.text-muted {
                    color: #999;
                }

                .nav-tabs-danaos > .nav-tabs > li > a,
                .nav-tabs-danaos > .nav-tabs > li > a:hover {
                    background: transparent;
                    margin: 0;
                }

                    .nav-tabs-danaos > .nav-tabs > li > a:hover {
                        color: #999;
                    }

            .nav-tabs-danaos > .nav-tabs > li:not(.active) > a:hover,
            .nav-tabs-danaos > .nav-tabs > li:not(.active) > a:focus,
            .nav-tabs-danaos > .nav-tabs > li:not(.active) > a:active {
                border-color: transparent;
            }

            .nav-tabs-danaos > .nav-tabs > li.active {
                border-top-color: #3c8dbc;
            }

                .nav-tabs-danaos > .nav-tabs > li.active > a,
                .nav-tabs-danaos > .nav-tabs > li.active:hover > a {
                    background-color: #fff;
                    color: #444;
                }

                .nav-tabs-danaos > .nav-tabs > li.active > a {
                    border-top-color: transparent;
                    border-left-color: #f4f4f4;
                    border-right-color: #f4f4f4;
                }

            .nav-tabs-danaos > .nav-tabs > li:first-of-type {
                margin-left: 0;
            }

                .nav-tabs-danaos > .nav-tabs > li:first-of-type.active > a {
                    border-left-color: transparent;
                }

        .nav-tabs-danaos > .nav-tabs.pull-right {
            float: none !important;
        }

            .nav-tabs-danaos > .nav-tabs.pull-right > li {
                float: right;
            }

                .nav-tabs-danaos > .nav-tabs.pull-right > li:first-of-type {
                    margin-right: 0;
                }

                    .nav-tabs-danaos > .nav-tabs.pull-right > li:first-of-type > a {
                        border-left-width: 1px;
                    }

                    .nav-tabs-danaos > .nav-tabs.pull-right > li:first-of-type.active > a {
                        border-left-color: #f4f4f4;
                        border-right-color: transparent;
                    }

        .nav-tabs-danaos > .nav-tabs > li.header {
            line-height: 35px;
            padding: 0 10px;
            font-size: 20px;
            color: #444;
        }

            .nav-tabs-danaos > .nav-tabs > li.header > .fa,
            .nav-tabs-danaos > .nav-tabs > li.header > .glyphicon,
            .nav-tabs-danaos > .nav-tabs > li.header > .ion {
                margin-right: 5px;
            }

    .nav-tabs-danaos > .tab-content {
        background: #fff;
        padding: 5px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .nav-tabs-danaos .dropdown.open > a:active,
    .nav-tabs-danaos .dropdown.open > a:focus {
        background: transparent;
        color: #999;
    }


.repohint {
    font-size: 9px;
    margin-left: 20px;
    color: lightgray;
}

.zoomcircle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.dantab {
    background-color: white;
}

.option-menu {
    margin: 4px;
    min-width: 350px;
    min-height: 100px;
}

    .option-menu td {
        vertical-align: top;
    }

        .option-menu td > a {
            outline: none;
        }

            .option-menu td > a:hover,
            .option-menu td > a:focus {
                color: lightseagreen !important;
                text-decoration: none;
            }

    .option-menu .title {
        color: #323232;
        font-size: 14px;
        text-transform: none;
        font-weight: bold;
        border-bottom: 1px solid #ddd;
        padding-bottom: 4px;
        margin-bottom: 7px;
        width: 100%;
        display: inline-block;
    }

    .option-menu .option {
        display: inline-block;
        color: #8b8b8b;
        font-size: 14px;
        margin: 5px 0;
        white-space: nowrap;
        padding-left: 5px;
    }


#main-body {
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    background-color: white;
}

body {
    font-family: Helvetica,Tahoma;
    color: black;
    /* line-height: 1.42857143; */
}

/*
#sb-site {
    background:#F7F7F7 url("/danaosbackground.jpg") repeat scroll 0% 0%;
}
    */

span.dynatree-node {
    display: inline-block;
    vertical-align: top;
    padding: 2px;
}


.dropdown-menu > li > a {
    line-height: 1.1;
}

#slideLeft .nav > li > a {
    position: relative;
    display: block;
    padding: 6px 9px;
}


#applist {
    margin: 0;
    position: relative;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAATCAYAAABcFRdeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAfSURBVChTY6ANYITScJCWlvYfysQPRnUSAvTXycAAAJ9nEZFArzPGAAAAAElFTkSuQmCC') no-repeat;
    height: 18px;
    padding-left: 10px;
    top: 3px;
}

#menuicon {
    width: 28px;
    height: 16px;
    background: rgba(0, 114, 196, 1) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAATCAYAAABcFRdeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAfSURBVChTY6ANYITScJCWlvYfysQPRnUSAvTXycAAAJ9nEZFArzPGAAAAAElFTkSuQmCC') no-repeat;
    position: relative;
    padding-left: 12px;
    margin-top: -29px;
}

.dropdown:after > .firstlevel {
    display: block;
    margin-top: 0;
}

.dropdown-menu > li > a {
    outline: none;
}

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
    outline: none;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    outline: none;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

.danaos-window {
    background-color: white;
    position: relative;
}

/*
::selection {
    background: #FF6C60;
    color: #fff;
}
    */

::-moz-selection {
    background: #FF6C60;
    color: #fff;
}

.modal-footer {
    text-align: center;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 1px;
    background: none;
    overflow: auto;
}

.ui-dialog-title {
    padding-left: 20px;
}

.ui-dialog-titlebar {
    background-color: rgba(78, 158, 219, 1);
    color: black !important;
    background-image: none;
    color: #000;
    border-style: none;
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header {
    height: 31px;
    font-size: 14px;
    font-family: inherit;
    background-color: lightgray;
    border-radius: 3px;
    font-weight: 700;
    border-bottom-color: lightgray;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    color: white !important;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: -26px;
    margin-top: -1px;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0px;
    padding: .3em 1em .5em .4em;
    background-color: white;
    border-top-color: lightgray;
}

.ui-widget-content {
    background: white;
    color: black;
}

#ui-datepicker-div {
    z-index: 999999 !important;
}

.noselect:not(.protect):not(.protected) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

#appicon {
    background: rgba(0, 114, 196, 1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAATCAYAAABcFRdeAAAEDWlDQ1BJQ0MgUHJvZmlsZQAAOI2NVV1oHFUUPrtzZyMkzlNsNIV0qD8NJQ2TVjShtLp/3d02bpZJNtoi6GT27s6Yyc44M7v9oU9FUHwx6psUxL+3gCAo9Q/bPrQvlQol2tQgKD60+INQ6Ium65k7M5lpurHeZe58853vnnvuuWfvBei5qliWkRQBFpquLRcy4nOHj4g9K5CEh6AXBqFXUR0rXalMAjZPC3e1W99Dwntf2dXd/p+tt0YdFSBxH2Kz5qgLiI8B8KdVy3YBevqRHz/qWh72Yui3MUDEL3q44WPXw3M+fo1pZuQs4tOIBVVTaoiXEI/MxfhGDPsxsNZfoE1q66ro5aJim3XdoLFw72H+n23BaIXzbcOnz5mfPoTvYVz7KzUl5+FRxEuqkp9G/Ajia219thzg25abkRE/BpDc3pqvphHvRFys2weqvp+krbWKIX7nhDbzLOItiM8358pTwdirqpPFnMF2xLc1WvLyOwTAibpbmvHHcvttU57y5+XqNZrLe3lE/Pq8eUj2fXKfOe3pfOjzhJYtB/yll5SDFcSDiH+hRkH25+L+sdxKEAMZahrlSX8ukqMOWy/jXW2m6M9LDBc31B9LFuv6gVKg/0Szi3KAr1kGq1GMjU/aLbnq6/lRxc4XfJ98hTargX++DbMJBSiYMIe9Ck1YAxFkKEAG3xbYaKmDDgYyFK0UGYpfoWYXG+fAPPI6tJnNwb7ClP7IyF+D+bjOtCpkhz6CFrIa/I6sFtNl8auFXGMTP34sNwI/JhkgEtmDz14ySfaRcTIBInmKPE32kxyyE2Tv+thKbEVePDfW/byMM1Kmm0XdObS7oGD/MypMXFPXrCwOtoYjyyn7BV29/MZfsVzpLDdRtuIZnbpXzvlf+ev8MvYr/Gqk4H/kV/G3csdazLuyTMPsbFhzd1UabQbjFvDRmcWJxR3zcfHkVw9GfpbJmeev9F08WW8uDkaslwX6avlWGU6NRKz0g/SHtCy9J30o/ca9zX3Kfc19zn3BXQKRO8ud477hLnAfc1/G9mrzGlrfexZ5GLdn6ZZrrEohI2wVHhZywjbhUWEy8icMCGNCUdiBlq3r+xafL549HQ5jH+an+1y+LlYBifuxAvRN/lVVVOlwlCkdVm9NOL5BE4wkQ2SMlDZU97hX86EilU/lUmkQUztTE6mx1EEPh7OmdqBtAvv8HdWpbrJS6tJj3n0CWdM6busNzRV3S9KTYhqvNiqWmuroiKgYhshMjmhTh9ptWhsF7970j/SbMrsPE1suR5z7DMC+P/Hs+y7ijrQAlhyAgccjbhjPygfeBTjzhNqy28EdkUh8C+DU9+z2v/oyeH791OncxHOs5y2AtTc7nb/f73TWPkD/qwBnjX8BoJ98VVBg/m8AAAAfSURBVCgVY2CgCWBEN/U/EKCLYeWP6sQaLEiCAxFCAD3BH+mFUtScAAAAAElFTkSuQmCC) no-repeat;
    position: absolute;
    top: 0px;
}

#ui-datepicker-div button.ui-datepicker-close {
    display: none;
}

.rptargs-heading {
    padding-left: 6px;
    background: #00205B; /*#5B9BD5;*/
    color: white;
    padding-bottom: 0px;
    padding-top: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-indent: 4px;
    cursor: pointer;
    font-family: "Helvetica",Tahoma;
    font-size: 12px;
    border-top-color: white;
    border-top-style: solid;
    border-top-width: 1px;
}

.headeropt:hover {
    border-style: dotted;
    border-width: 1px;
    border-color: white;
}

.headeropt {
    border-width: 1px;
    border-style: dotted;
    border-color: #3c8dbc;
}

#SiteHeader {
    min-width: 800px;
    height: 38px;
    padding: 0;
    position: relative;
    width: 100%;
}

@media screen and (min-width: 1200px) {
    #SiteHeader {
        min-width: 800px;
        height: 50px;
        padding: 0;
        position: relative;
        width: 100%;
    }
}

.leftappsidebarMain {
    width: 50px;
    height: 38px;
    position: relative;
}

@media screen and (min-width: 1200px) {
    .leftappsidebarMain {
        width: 50px;
        height: 50px;
        position: relative;
    }
}


#container {
    width: 100%;
    height: 100%;
}

.icon-reorder {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
}

.slideshow-pattern {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}

.menu-header {
    background-color: white;
    position: relative;
    top: 0;
    left: 0;
    color: #888;
    width: 100%;
    height: 100%;
}

    .menu-header .headerulMenu {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: lightgray;
    }

.header-line {
    background-color: #0B63C0;
    position: absolute;
    top: 0;
    left: 0;
    color: #0B63C0;
    width: 100%;
    height: 2px;
}

.navbar-right {
    float: right !important;
    margin-right: 40px;
    font: 13px 'Segoe UI',Trebuchet MS,'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
}

#left-sidebar {
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

#dmainribbon {
    position: absolute;
    height: auto;
}

#my_dock_manager {
    background: url(../Images/SeaFaded.jpg) no-repeat center center;
    overflow: hidden;
    right: 0;
    bottom: 0;
    left: 0;
    height: 500px;
    min-width: 1200px;
}


#list {
    background-color: rgba(0, 114, 196, 1);
    color: white;
    padding-right: 4px;
    margin-bottom: 0px;
}

#SiteHeader .horizontal {
    display: inline;
    border-left: 1px solid;
    padding-left: 5px;
    padding-right: 5px;
    /* color: #3c8dbc; */
}

.image {
    display: inline;
    border-left: 1px solid;
    padding-left: 0.1em;
}

.first {
    border-left: none;
    padding-left: 0;
}

.none {
    border-left: none;
    padding-left: 18px;
}


/*#endregion */
.no-pointer-events {
    pointer-events: none;
}


#slideLeft .tab-pane {
    height: 100%;
    overflow: auto;
    background-color: white;
}

/*Spinner css*/
.spinnerStop {
    z-index: 9990010 !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.spinnerStop-background {
    opacity: 0.5;
    background-color: white;
}

.spinnerStop-inner {
    /*border-radius: 3px 3px 0 0;*/
    -webkit-box-shadow: 0 4px 19px rgba(0,0,0,0.4);
    box-shadow: 0 4px 19px rgba(0,0,0,0.4);
    width: 105px;
    /*height: 105px;*/
    background-color: white;
    border: 2px solid darkgrey;
    border-radius: 5px;
    padding: 4px;
}

.spinnerStop-inner-div {
    padding: 3px;
    margin-bottom: 6px;
    display: table-cell;
    vertical-align: middle;
    /*height: 105px;*/
    text-align: center;
    width: 105px;
}

.progressBar {
    position: relative;
    width: 100%;
    height: 21px;
    background-color: #ddd;
    border-radius: 2px;
    margin-bottom: 6px;
}


.myProgress {
    position: relative;
    height: 100%;
}

.myprogressBar {
    position: absolute;
    width: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #337ab7;
    /*-webkit-transition: width .2s;
    transition: width .2s;*/
    border-radius: 2px;
}

.progressBarLabel {
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 21px;
    color: white;
    font-size: 11px;
}

/*Alert Sidebar notification*/
.sb-right {
    width: 484px !important;
}

#danaosAlertsNotifications .notification-div {
    background-color: #1F282E;
    color: snow;
    border-top: 1px solid lightgrey;
    cursor: pointer;
    font-family: Tahoma, Geneva, sans-serif;
}


#danaosAlertsNotifications .notification {
    background-color: #273037;
    padding: 1px 5px;
    margin: 3px;
    border-bottom: 1px dotted lightgrey;
}

#danaosAlertsNotifications .notification-details {
    max-height: 300px;
    overflow-y: auto;
}

.danaos-no-wrap {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.danaos-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.danaos-scrollbar::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.danaos-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.notification-group-header {
    /*background-color: #00205B;*/
    color: snow;
    padding-top: 10px;
    padding-bottom: 3px;
}

.notification-main {
    margin-bottom: 5px;
}

.notification-details-header {
    background-color: rgb(233, 233, 233);
    color: rgb(106, 106, 106);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 0px 4px;
    font-size: 14px;
    height: 30px;
}

    .notification-details-header.notification-action:hover td:nth-child(1) {
        text-decoration: underline;
        /*color:darkred;*/
    }

    .notification-details-header.notification-action:hover td:nth-child(2) {
        text-decoration: underline;
        color: darkred;
    }



.notification-message {
    background-color: white;
    color: rgb(63,63,63);
    /* border-top-left-radius: 7px;
    border-top-right-radius: 7px; */
    padding: 8px;
}

/*@@mixin multiLineEllipsis($lineHeight: 1.2em, $lineCount: 1, $bgColor: white) {
                                                overflow: hidden;
                                                position: relative;
                                                line-height: $lineHeight;
                                                max-height: $lineHeight * $lineCount;
                                                text-align: justify;
                                                margin-right: -1em;
                                                padding-right: 1em;

                                                &:before {
                                                    content: '...';
                                                    position: absolute;
                                                    right: 0;
                                                    bottom: 0;
                                                }

                                                &:after {
                                                    content: '';
                                                    position: absolute;
                                                    right: 0;
                                                    width: 1em;
                                                    height: 1em;
                                                    margin-top: 0.2em;
                                                    background: $bgColor;
                                                }
                                            }

                                            .line-elipsis {
                                                @@include multiLineEllipsis($lineHeight: 1.2em, $lineCount: 3, $bgColor: white);
                                            }*/

.line-elipsis {
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 3.6em;
    text-align: justify;
}

    .line-elipsis:before {
        content: "...";
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 1em;
        height: 1.2em;
        background-color: white;
        color: rgb(63,63,63);
        padding-left: 2px;
    }

    .line-elipsis:after {
        content: "";
        position: absolute;
        right: 0px;
        width: 1em;
        height: 1.2em;
        background-color: white;
        color: rgb(63,63,63);
    }

.choiceNotifications {
    padding-top: 10px;
    padding-right: 27px;
    padding-left: 27px;
    padding-bottom: 2px;
    border-bottom-width: 1px;
    border-bottom-color: whitesmoke;
    border-bottom-style: dotted;
}

.notification-main:hover .dateCreatedFormated {
    display: none !important;
}

.notification-main:hover .alertDeleteSidebar {
    display: block !important;
    cursor: pointer;
}

#danaosAlertsNotificationsrController .alertDeleteSidebar:hover:before {
    color: rgb(230, 45, 13);
    content: "\f057";
}

.notificationSettings {
    font-size: 20px;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
}

.fa-spin-hover:hover {
    -webkit-animation: fa-spin 2s infinite linear;
    /*    animation: fa-spin 2s infinite linear; */
    color: snow !important;
}

/*Left sidebar css*/
.danaosSideBarController {
    background: #00205B;
    cursor: pointer;
}

    .danaosSideBarController.collapsed {
        width: 50px !important;
        overflow-x: hidden;
    }

        .danaosSideBarController.collapsed .slideLeftSearch {
            display: none;
        }

        .danaosSideBarController.collapsed .appChildMain {
            display: none !important;
        }

    .danaosSideBarController .appMain {
        cursor: pointer;
    }

.danaos_dawn .danaosSideBarController .appMain .appSelected {
    border-left: 3px solid transparent;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white !important;
}

.danaosSideBarController .appMain.notSelected:not(.appSelected) > .appHeaderMain {
    border-left: 3px solid transparent;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #a4bad1;
}

.danaosSideBarController .appMain.notSelected:hover > .appHeaderMain {
    border-left: 3px solid white;
}

.danaosSideBarController .appMain .appSelected {
    border-left: 3px solid #3c8dbc !important;
    padding: 0;
}

    .danaosSideBarController .appMain .appSelected .mainTree {
        padding-top: 6px;
        padding-bottom: 6px;
    }

.danaosSideBarController .appMain .appHeaderMain {
    color: #8aa4af;
    font-size: 14px;
}

    .danaosSideBarController .appMain .appHeaderMain:hover:not(.appSelected) {
        color: white !important;
        font-weight: bold;
    }

.danaosSideBarController .appMain .appExpandIcon {
    color: white;
    margin: 0 11px 0 0;
    font-size: 13px;
}

.danaosSideBarController .appHeaderMainIcon {
    /*color:#8aa4af;*/
    /*background: #00205b;*/
    /*border-left-color: #fff;*/
    width: 51px;
    height: 35px;
    /*display: inline-block;*/
    /*line-height: 40px;*/
    text-align: center;
    /*padding-left:3px;*/
    position: relative;
    right: 0;
}

.danaosSideBarController .appHeader {
    /*color:#8aa4af;*/
    /*background: #00205b;*/
    /*border-left-color: #fff;*/
    width: 3px;
    height: 35px;
    /*display: inline-block;*/
    /*line-height: 40px;*/
    text-align: center;
    /*padding-left:3px;*/
    position: relative;
    right: 0;
    /* border-right: 1px solid white; */
    /*background-color: whitesmoke;*/
    padding-left: 4px;
}

    .danaosSideBarController .appHeader i {
        padding-top: 3px;
    }

    .danaosSideBarController .appHeader:hover {
    }

    .danaosSideBarController .appHeader .appHeaderIco {
        /*width: 20px;*/
        height: 20px;
        margin-bottom: 3px;
    }

.level-item {
    width: 3px;
    /* border-bottom: 1px solid white;*/
    position: absolute;
    left: 6px;
    top: 13px;
    height: 4px;
    /* background-color: whitesmoke; */
}

.danaosSideBarController .level-in-top {
    width: 10px;
    border-bottom: 1px dotted white;
    position: absolute;
    left: 3px;
    top: -3px;
    height: 4px;
    /* background-color: whitesmoke; */
    border-bottom-left-radius: 4px;
    display: none;
}

.danaosSideBarController .level-in-bottom {
    width: 10px;
    border-bottom: 1px dotted white;
    position: absolute;
    left: 4px;
    bottom: 0;
    height: 4px;
    /*background-color: whitesmoke;*/
    border-top-left-radius: 4px;
    display: none;
}

.danaosSideBarController .appMain .appChild {
    background-color: #002466;
    color: #8aa4af;
}

.danaosSideBarController.collapsed .appTitle {
    display: none;
}

.danaosSideBarController.collapsed .expandIconClass {
    display: none;
}

.danaosSideBarController.collapsed .appHeaderMain .appHeaderMainHover {
    display: none;
    background-color: white !important;
    color: #00205B !important;
    border: #00205B;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: fixed;
    height: 38px;
    width: 251px;
    font-weight: 600 !important;
    font-size: 15px;
    margin-left: 37px;
    /*margin-top: -3px;*/
    box-shadow: 1px 0px 0px 1px lightgray;
    z-index: 0;
    transition: z-index 0.2s step-end;
}

    .danaosSideBarController.collapsed .appHeaderMain .appHeaderMainHover .appTitleHover {
        padding-left: 22px;
    }

.danaosSideBarController.collapsed .appHeaderMain:hover .appHeaderMainHover {
    z-index: 99;
    /*display: block !important;*/
    transition: z-index 0s;
}

.appHeaderMain .appHeaderTitle {
    padding-left: 8px;
}

.appHeaderMain .appHeaderFolder {
    font-weight: bold;
    padding-left: 8px;
}
/*.danaosSideBarController.collapsed .appHeaderMain:hover {
         z-index:3;
         position:fixed;
        display: block;
        color:black !important;
    }

      .danaosSideBarController.collapsed .appHeaderMain:hover .appTitle {
        display: block;
    }*/
/*------------*/
.danaosSideBarControllerCollapsed {
    background: white;
    border: #00205B;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .danaosSideBarControllerCollapsed.openUpHeader {
        border-bottom-right-radius: 5px;
        border-top-right-radius: 0;
    }

    .danaosSideBarControllerCollapsed .appMain {
        cursor: pointer;
    }

        .danaosSideBarControllerCollapsed .appMain.notSelected > .appHeaderMain {
            /*margin: 4px 0;*/
            border-left: 3px solid transparent;
        }

        .danaosSideBarControllerCollapsed .appMain .mainTree {
            color: #00205B !important;
            font-weight: 600 !important;
            font-size: 15px;
            text-align: center;
        }

        .danaosSideBarControllerCollapsed .appMain .appHeaderMain {
            color: #b8c7ce;
        }

            .danaosSideBarControllerCollapsed .appMain .appHeaderMain:hover {
                color: white !important;
                font-weight:bold;
            }

        .danaosSideBarControllerCollapsed .appMain .appExpandIcon {
            /*color: white;*/
            margin: 0 11px 0 0;
            font-size: 15px;
        }

    .danaosSideBarControllerCollapsed .appHeader {
        /*color:#8aa4af;*/
        /*background: #00205b;*/
        border-left-color: #fff;
        width: 3px;
        height: 35px;
        /*display: inline-block;*/
        /*line-height: 40px;*/
        text-align: center;
        /*padding-left:3px;*/
        position: relative;
        right: 0;
        /*  border-right: 1px solid white;*/
        padding-left: 4px;
    }

        .danaosSideBarControllerCollapsed .appHeader:hover {
        }

        .danaosSideBarControllerCollapsed .appHeader .appHeaderIco {
            /*width: 20px;*/
            height: 20px;
            margin-bottom: 3px;
        }

    .danaosSideBarControllerCollapsed .appMain .appChild {
        background-color: #002466;
    }

    .danaosSideBarControllerCollapsed .appMain .appChildMainScroll.openUp {
        position: absolute;
        display: block !important;
        margin-left: -1px;
        bottom: 100%;
        width: 252px;
    }

    .danaosSideBarControllerCollapsed .appMain .appChildMainScroll .appChild {
        border-bottom-right-radius: 5px;
    }

    .danaosSideBarControllerCollapsed .appMain .appChildMainScroll.openUp .appChild {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 0px;
    }

.sidebarSeparator {
    width: calc(100% - 10px);
    border-bottom: 1px solid #939292;
    margin-left: 4px;
}

.leftappsidebarMain.transitionWidth {
    -webkit-transition: width 400ms ease;
    -moz-transition: width 400ms ease;
    -o-transition: width 400ms ease;
    transition: width 400ms ease;
    -webkit-transition-property: width, left, right; /* Add left/right for Android < 4.4. */
    -webkit-backface-visibility: hidden;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -3px !important;
}

#leftappsidebar:hover {
    color: #13ff00 !important;
}

.favouritesStartupContainer {
    left: calc(100% - 138px);
    padding: 6px;
    position: absolute;
    height: 450px;
    width: 279px;
    z-index: 9999;
    top: 28px;
    background-color: white;
    border: 1px solid #00205b;
    border-radius: 4px;
    box-shadow: 1px 1px 6px 2px lightgray;
    list-style-type: none;
}

    .favouritesStartupContainer .favouriteStartupCaret {
        position: absolute;
        left: 116px;
        font-size: 25px;
        top: -21px;
        color: #00205b;
    }

    .favouritesStartupContainer .sortableOptions {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .favouritesStartupContainer .sortableOptions li {
            border-bottom: 1px solid lightgray;
            line-height: 35px;
            color: #8aa4af;
            background-color: white;
        }

.favoritesDirective > .nav-tabs {
    cursor: pointer;
}
    /*.favoritesDirective > .nav-tabs > li {
        border-bottom: 1px solid #ddd;
          */
    /*height:20px;*/
    /* } */
    .favoritesDirective > .nav-tabs > li > a {
        /*height:20px;*/
        padding: 5px;
    }

.favoritesDirective .tab-content {
    overflow-y: auto;
    height: 372px;
}

td.danaos-sidebar-item:hover {
    background-color: aliceblue;
}

.favouritesStartupContainer .danaos-sidebar-item {
    padding-left: 4px;
    cursor: pointer;
    text-decoration: none;
}

    .favouritesStartupContainer .danaos-sidebar-item > a {
        outline: none;
        width: 100%;
        height: 100%;
        display: block;
        text-decoration: none;
        padding-left: 2px;
    }

.favouritesStartupContainer .danaos-sidebar-icon {
    cursor: move;
    padding-top: 4px;
}

.favouritesStartupContainer .sortableOptionsItem .option-remove {
    display: none;
    cursor: pointer;
}

.favouritesStartupContainer .sortableOptionsItem:hover .option-remove {
    display: block;
}

.favouritesStartupContainer .sortableOptionsItem .option-remove:hover {
    font-weight: bold;
    font-size: 14px;
}

.favouritesStartupContainer .favStartBtn {
    padding-top: 5px;
    border-top: solid 1px lightgrey;
}

.favStartBtn > .btn.disabled, [disabled].btn, fieldset[disabled] .btn {
    opacity: 0.35;
}

.danaosAlertNotifier {
    text-align: left;
}

    .danaosAlertNotifier .header {
        font-size: 15px;
    }

    .danaosAlertNotifier .message {
        font-size: 14px;
    }

.badge-danger {
    color: #fff;
    background-color: #dc3545 !important;
}


.badge-primary {
    color: #fff;
    background-color: #007bff !important;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545 !important;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107 !important;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #f6f6f6 50% 50% repeat-x;
    font-weight: normal;
    color: #1c94c4;
    border-radius: 10px;
}
/*alertify-header css*/
.alertify .ajs-header.danaos-back-alertify {
    color: #fff; /* If there is ever a bright (white-ish) theme this may need refactoring */
}
/*alertify-notice css*/
.ajs-message.ajs-danaos {
    color: #31708f !important;
    background-color: #d9edf7 !important;
    border-color: #31708f !important;
}
/*alertify-danaos-alert css*/
.ajs-message.ajs-danaos-alert {
    /*color: #31708f !important;*/
    background-color: white !important;
    border-color: darkred !important;
    /*background-color: #00205B;*/
    padding: 0px !important;
    border-radius: 5px !important;
}

#main-html {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.nav-tabs-danaos.framewin > .nav-tabs > li.active {
    border-top-color: tomato;
}

.nav-tabs-danaos.framewin > .tab-content {
    padding: 0px;
}

.appChildMainScroll {
    border-top-color: white;
    border-top-style: groove;
    border-top-width: 1px;
}

#main-content {
    -ms-overflow-x: hidden;
}

.alertUser:hover {
    color: red;
}

.danaos-side-bar-list {
}

    .danaos-side-bar-list .danaos-sidebar-item {
        cursor: pointer;
    }

    .danaos-side-bar-list li {
        position: relative;
        background-color: #fff;
        padding: 2px 17px;
    }

        .danaos-side-bar-list li i {
            -webkit-transition: opacity .2s;
            transition: opacity .2s;
            opacity: 0;
            display: block;
            cursor: pointer;
            color: #c00;
            top: 10px;
            font-style: normal;
        }

        .danaos-side-bar-list li:hover i {
            opacity: 1;
        }

.js-remove {
    float: right;
}

.drag-handle {
    margin-right: 4px;
    font: bold 18px Sans-Serif;
    color: lightgray;
    display: inline-block;
    cursor: move;
    cursor: -webkit-grabbing;
}

.dropdown-menu .mdivider {
    overflow: hidden;
    border-bottom-width: 1px;
    border-bottom-color: lightgray;
    border-bottom-style: solid;
    padding: 5px;
}

#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
    clear: none;
}

.badge.bg-primary {
    background: #8075c4;
}

.badge.bg-success {
    background: #a9d86e;
}

.badge.bg-warning {
    background: #FCB322;
}

.badge.bg-important {
    background: #ff6c60;
}

.badge.bg-info {
    background: #41cac0;
}

.badge.bg-inverse {
    background: #2A3542;
}

.danscroll {
    overflow: auto;
}

.sb-slidebar {
    color: #aeb2b7;
}

#menutree .dynatree-container {
    height: 100%;
}

#menutree ul.dynatree-container a {
    border: none;
    outline: none;
}

.dan-label {
    color: black;
    height: 26px;
    line-height: 26px;
    margin-bottom: 0;
    white-space: nowrap;
}

.dan-label-gray {
    color: #808080;
    height: 26px;
    line-height: 26px;
    margin-bottom: 0;
    white-space: nowrap;
}

.k-multiselect.k-input {
    height: auto !important;
}

.k-input.dan-label {
    color: black;
}
/*flig*/
.dan-input {
    padding-left: 3px;
    height: 26px;
    line-height: 26px;
    box-sizing: border-box !important;
}

    .dan-input:not(:focus) {
        border-top-color: transparent !important;
        border-right-color: transparent !important;
        border-bottom-color: lightgray !important;
        border-left-color: transparent !important;
        border-style: solid !important;
        border-width: 1px 1px 1px 1px !important;
    }

    .dan-input:focus {
        border-color: rgba(41, 128, 185, 1) !important;
        border-width: 1px !important;
        border-left-style: solid !important;
        border-top-style: solid !important;
        border-top-color: rgba(41, 128, 185, 1) !important;
        border-bottom-color: rgba(41, 128, 185, 1) !important;
        border-bottom-style: solid !important;
        border-right-style: solid !important;
        border-right-color: rgba(41, 128, 185, 1) !important;
        border-left-width: 1px !important;
        /* box-shadow: 0 0 1px rgba(35, 173, 255, 1) !important; */
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6) !important;
        border-radius: 3px;
    }

    .dan-input:disabled {
        filter: alpha(opacity=50);
        background: white;
    }

.dan-selected-row {
    background-color: rgba(244, 245, 247, 1) !important;
}

.dan-ddw .k-dropdown-wrap:not(.k-state-focused) {
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: lightgray !important;
    border-left-color: transparent !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
}

.dan-ddw .k-dropdown-wrap.k-state-focused {
    border-color: rgba(41, 128, 185, 1) !important;
    border-width: 1px !important;
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-top-color: rgba(41, 128, 185, 1) !important;
    border-bottom-color: rgba(41, 128, 185, 1) !important;
    border-bottom-style: solid !important;
    border-right-style: solid !important;
    border-right-color: rgba(41, 128, 185, 1) !important;
    border-left-width: 1px !important;
    /* box-shadow: 0 0 1px rgba(35, 173, 255, 1) !important; */
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6) !important;
}

.dan-ddw .k-dropdown-wrap.k-state-active {
    padding-top: 0;
    padding-bottom: 0;
}

.dan-ddw .k-dropdown-wrap.k-state-disabled {
    background-color: #f2f2f2;
}

.dan-date .k-picker-wrap:not(.k-state-focused) {
    border-top-color: white !important;
    border-right-color: white !important;
    border-bottom-color: lightgray !important;
    border-left-color: white !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
}

    .dan-date .k-picker-wrap:not(.k-state-focused) .k-select {
        border-left-color: white;
    }

.dan-date.k-widget.k-datetimepicker.k-header.k-input, .dan-date.k-widget.k-datepicker.k-header.k-input {
    width: 100%;
}

.dan-date.k-widget.k-datetimepicker.k-header.k-input {
    width: 100%;
}

.dan-date.k-widget.k-timepicker.k-header.k-input {
    width: 100%;
}

.dan-date .k-picker-wrap.k-state-focused {
    border-color: rgba(41, 128, 185, 1) !important;
    border-width: 1px !important;
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-top-color: rgba(41, 128, 185, 1) !important;
    border-bottom-color: rgba(41, 128, 185, 1) !important;
    border-bottom-style: solid !important;
    border-right-style: solid !important;
    border-right-color: rgba(41, 128, 185, 1) !important;
    border-left-width: 1px !important;
    /* box-shadow: 0 0 1px rgba(35, 173, 255, 1) !important; */
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6) !important;
}

.dan-date .k-picker-wrap .k-input {
    height: 23px;
}

.dan-date:disabled {
    background-color: #f2f2f2;
}

.dan-numeric .k-numeric-wrap:not(.k-state-focused) {
    border-top-color: white !important;
    border-right-color: white !important;
    border-bottom-color: lightgray !important;
    border-left-color: white !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    /*background-color: white !important;*/
}

.dan-numeric .k-numeric-wrap.k-state-focused {
    border-color: rgba(41, 128, 185, 1) !important;
    border-width: 1px !important;
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-top-color: rgba(41, 128, 185, 1) !important;
    border-bottom-color: rgba(41, 128, 185, 1) !important;
    border-bottom-style: solid !important;
    border-right-style: solid !important;
    border-right-color: rgba(41, 128, 185, 1) !important;
    border-left-width: 1px !important;
    /* box-shadow: 0 0 1px rgba(35, 173, 255, 1) !important; */
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6) !important;
}


.vue-danaos.dan-autocomplete.k-widget.k-autocomplete.k-header.k-autocomplete-clearable.k-state-default.k-state-focused {
    border-color: rgba(41, 128, 185, 1) !important;
    border-width: 1px !important;
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-top-color: rgba(41, 128, 185, 1) !important;
    border-bottom-color: rgba(41, 128, 185, 1) !important;
    border-bottom-style: solid !important;
    border-right-style: solid !important;
    border-right-color: rgba(41, 128, 185, 1) !important;
    border-left-width: 1px !important;
    /* box-shadow: 0 0 1px rgba(35, 173, 255, 1) !important; */
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6) !important;
}
/*.dan-numeric[data-role="numerictextbox"]:not(:focus) {
    visibility: hidden;
}*/
.dan-grid-kendo th {
    white-space: normal !important;
    text-align: center !important;
    /*border-right: 1px solid darkgray;*/
    padding: 2px !important;
    color: gray !important;
    vertical-align: middle !important;
    height: 25px !important;
    line-height: 0.8 !important;
}

tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}

.dan-grid-kendo tr td {
    padding: 2px !important;
}

.dan-grid-kendo .k-timepicker > span {
    height: 27px !important;
    border-width: 0 !important;
    padding: 0 !important;
}

.dan-grid-kendo .k-datetimepicker > span, .dan-grid-kendo .k-datepicker > span {
    height: 27px !important;
    border-width: 0 !important;
    padding: 0 !important;
}

.dan-grid-kendo .k-dropdown > span {
    height: 26px !important;
    border-width: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
}

.dan-grid {
    font-size: 12px;
}

.dan-grid-kendo .k-dropdown {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
}

.dan-grid-kendo .k-numerictextbox > span {
    height: 26px !important;
    border-width: 0 !important;
    padding: 0 !important;
}

.dan-grid-kendo .k-numerictextbox .k-select {
    display: none;
}

.dan-grid thead {
    background: #f2f2f2;
}

.dan-grid th {
    white-space: normal !important;
    text-align: center !important;
    border-top: 1px solid darkgray;
    border-bottom: 1px solid darkgray;
    padding: 2px !important;
    color: gray !important;
    vertical-align: middle !important;
    height: 25px !important;
    line-height: 0.8 !important;
}

.dan-grid td {
    border-bottom: 1px solid darkgray;
    padding: 5px;
    text-align: center !important;
}

.dan-grid-kendo .k-picker-wrap input, .dan-grid-kendo .k-numeric-wrap input {
    background-color: transparent !important;
}

    .dan-grid-kendo .k-picker-wrap input:disabled {
        opacity: 0.6;
    }

.dan-grid-kendo .k-picker-wrap:not(.k-state-focused), .dan-grid-kendo .k-picker-wrap:not(.k-state-focused) span, .dan-grid-kendo select.dan-select:not(:focus), .dan-grid-kendo input.tempElement, .dan-grid-kendo input.dan-input:not(:focus), .dan-grid-kendo .k-numeric-wrap:not(.k-state-focused), .dan-grid-kendo .k-dropdown-wrap:not(.k-state-focused) {
    background-color: transparent !important;
    border-color: transparent !important;
}

.dan-grid-kendo select.dan-select {
    height: 26px !important;
}

    .dan-grid-kendo select.dan-select:disabled {
        opacity: 0.4;
    }

select.hidearrow {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
    padding-right: 15px;
    vertical-align: top;
}
    /* For IE10 */
    select.hidearrow::-ms-expand {
        display: none;
    }

.danaosdrop-class * {
    pointer-events: none;
}
/* vue serach box*/
.vueSearchBoxInputAppliedFilters {
    height: 19px;
    border-radius: 10px;
    background-color: #dce3ed;
    font-family: NunitoSans-ExtraBold;
    font-size: 10px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #073464;
    display: inline-block;
    padding: 3px 10px;
    cursor: pointer;
    margin: 5px;
    text-transform: UPPERCASE;
}

.vueSearchBoxInputfilterHeader {
    font-family: NunitoSans-Regular;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--dark);
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.vueSearchBoxInputfilterValueDiv {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.vueSearchBoxInputfilterValue {
    font-family: NunitoSans-Regular;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    width: 100%;
    border: 0;
    border-radius: 2px;
    border-bottom: solid 1px #073464;
}

    .vueSearchBoxInputfilterValue:focus {
        border: 0;
        border-radius: 2px;
        border-bottom: solid 1px #073464;
        outline: none;
    }

.vueSearchBoxInputfilterContainerDivText {
    font-family: NunitoSans-Bold;
    font-size: 12px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2e7ef1;
    cursor: pointer
}

.vueSearchBoxInputfilterContainerDiv {
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
}

.vueSearchBoxInputContainerDiv {
    width: 100%;
    background-color: white;
    border-radius: 2px;
    padding: 10px;
}

.vueSearchBoxsearchIconDiv {
    border: 1px solid rgb(203, 214, 226);
    height: 34px;
    width: 30px;
    background-color: rgb(245, 248, 253);
    padding: 9px 15px 10px 0;
    position: absolute;
    top: 11px;
    right: 10px;
    border-left: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.vueSearchBoxsearchIcon {
    color: rgb(46, 126, 241);
    vueSearchBoxsearchIconDiv font-size: 15px;
    cursor: pointer;
}

.vueSearchBoxinput {
    border: 1px solid rgb(203, 214, 226);
    height: 34px;
    width: calc(100% - 29px);
    background-color: rgb(245, 248, 253);
    border-right: 0;
    padding: 10px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

    .vueSearchBoxinput::placeholder {
        font-family: NunitoSans-Regular;
        font-size: 12px;
        color: rgba(21,27,38,0.4);
    }

    .vueSearchBoxinput:focus {
        border: 1px solid rgb(203, 214, 226);
        border-right: 0;
        outline: none;
    }

.vueSearchBoxDropdownDiv {
    font-family: NunitoSans-Regular;
    font-size: 12px;
    max-height: 500px;
    background-color: white;
    margin: 10px;
    margin-top: 0;
    padding-top: 0;
    overflow: auto;
    color: #161b26;
}

.vueSearchBoxDropdownHeader {
    font-family: NunitoSans-Bold;
    font-size: 12px;
    height: 20px;
    padding-left: 10px;
    background-color: white;
    color: #161b26;
}

.vueSearchBoxDropdownItems {
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

    .vueSearchBoxDropdownItems:hover {
        background-color: #f5f8fd;
    }

.vueSearchBoxContainerDiv {
    width: 100%;
    border-radius: 2px;
    background-color: white;
    box-shadow: 0 0 17px 0 rgba(21, 27, 38, 0.13);
    border: solid 1px #e0e6f1;
}

.vue-danaos-search-box-list {
    border: 0 !important;
}

    .vue-danaos-search-box-list li.k-virtual-item.k-item {
        font-family: NunitoSans-Regular;
        font-size: 12px;
        color: #161b26;
        font-weight: 300;
    }

        .vue-danaos-search-box-list li.k-virtual-item.k-item.k-state-focused {
            background-color: #f5f8fd;
            border: 0;
        }

        .vue-danaos-search-box-list li.k-virtual-item.k-item:hover:not(.k-state-focused) {
            background-color: #f5f8fd;
        }

.vue-danaos.required {
    background-color: lightyellow !important;
}

    .vue-danaos.required .dan-ddw:not(.k-state-focused) {
        background-color: lightyellow !important;
        background-image: inherit !important;
    }

    .vue-danaos.required .dan-ddw.k-state-disabled {
        background-color: #f2f2f2 !important;
        background-image: inherit !important;
    }

    .vue-danaos.required .dan-date {
        background-color: lightyellow !important;
    }

    .vue-danaos.required .dan-numeric.k-input {
        background-color: lightyellow !important;
    }

    .vue-danaos.required .dan-input.tempElement {
        background-color: lightyellow !important;
    }

.vue-danaos .k-datetimepicker .k-state-disabled .dan-date {
    background-color: #f2f2f2;
}

.vue-danaos .k-datepicker .k-state-disabled .dan-date {
    background-color: #f2f2f2;
}

    .vue-danaos .k-datepicker .k-state-disabled .dan-date.k-input {
        background-color: #f2f2f2 !important;
    }

.vue-danaos .k-datepicker .k-state-disabled .k-select {
    background-color: #f2f2f2;
}

.vue-danaos .k-timepicker .k-state-disabled .dan-date {
    background-color: #f2f2f2;
}

.vue-danaos .k-timepicker .k-state-disabled .k-select {
    background-color: #f2f2f2;
}

.vue-danaos.dan-input {
    color: black;
}

    .vue-danaos.dan-input:disabled {
        background-color: #f2f2f2 !important;
    }

    .vue-danaos .dan-input:disabled {
        background-color: #f2f2f2 !important;
        color: black;
    }

.vue-danaos .dan-numeric:disabled {
    background-color: #f2f2f2;
    color: black;
}

.vue-danaos .k-checkbox-label:before {
    width: 19px;
    height: 19px;
    top: 2px;
}

.dan-check-selected.k-checkbox-label:before {
    border-color: #007cc0;
    box-shadow: none;
    background-color: #fff;
    border-color: #bfbfbf;
    color: #007cc0;
    content: "\e118";
}

.dan-check-intermediate.k-checkbox-label:before {
    border-color: #007cc0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #bfbfbf;
    color: #007cc0;
    content: "\e121";
    font-weight: 900;
    font-size: 10px;
}

.vue-danaos.disabled .k-checkbox-label:before {
    background-color: #f2f2f2;
}

.vue-danaos.disabled .k-checkbox-label:hover:before {
    border-color: #bfbfbf;
}

.vue-danaos .k-numerictextbox {
    width: 100%;
}

.vue-danaos .dan-date {
    width: 100% !important;
}
/* Vue compnents remove k-icons*/
.hide-kendo-icons {
}

    .hide-kendo-icons .vue-danaos .k-select .k-icon {
        visibility: hidden;
    }

    .hide-kendo-icons .vue-danaos .k-state-focused .k-select .k-icon {
        visibility: visible;
    }

    .hide-kendo-icons .k-widget.k-datetimepicker span.k-picker-wrap {
        padding-right: 0;
    }

    .hide-kendo-icons .k-widget.k-datetimepicker span.k-state-focused.k-picker-wrap {
        padding-right: 40px;
    }

    .hide-kendo-icons .k-widget.k-datetimepicker span.k-picker-wrap span.k-select {
        display: none;
    }

    .hide-kendo-icons .k-widget.k-datetimepicker span.k-state-focused.k-picker-wrap span.k-select {
        display: initial;
    }

    .hide-kendo-icons select.vue-danaos:not(:focus) {
        -webkit-appearance: none;
        padding-right: 15px;
        vertical-align: top;
    }

.vue-danaos .k-datepicker .k-state-disabled {
    color: black !important;
}

.fin-cont .native-toolbar .toolbar-small .fin-icon-toolbar {
    background-color: white;
}

.native-toolbar .toolbar-item > img,
.native-toolbar .toolbar-item > div > img {
    background-color: white;
}

.native-toolbar {
    /*background-color: #f3f9fd #fbf8f8;*/
    border: 1px solid #e1e1e1;
}

    .native-toolbar ul {
        height: 100%;
        margin-left: 4px;
        padding-inline-start: 0 !important;
        list-style-type: none !important;
        margin-bottom: 0;
    }

    .native-toolbar li {
        float: left;
        position: relative;
    }

    .native-toolbar .has-separator {
        margin-right: 10px;
        position: relative;
        content: " "
    }

    .native-toolbar .toolbar-item {
        display: inline-block;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none;
    }

        .native-toolbar .toolbar-item[disabled] {
            opacity: 0.5;
        }

        .native-toolbar .toolbar-item:hover:not([disabled]) {
            box-shadow: 0 0px 2px #252a69;
            background: #eaf0f9;
            cursor: pointer;
        }

    .native-toolbar .toolbar-separator {
        width: 6px !important;
        border-right: 1px solid #cbcbcb;
        top: 3px;
        position: absolute;
        margin-right: 5px;
        margin-left: -6px;
        right: -6px;
    }

    .native-toolbar .toolbar-title {
        line-height: 100%;
        font-weight: bold;
        display: inline-block;
        padding-left: 3px;
    }

    .native-toolbar .toolbar-large > li:first-of-type {
        padding-left: 4px;
    }

    .native-toolbar .toolbar-large {
        height: 45px;
        padding: 0px 2px 0 4px;
        margin-bottom: 16px;
        border-color: #e1e1e1;
        border-style: outset;
        border-width: 1px;
        background-color: #e8f1f7;
        border-radius: 5px;
        box-shadow: 1px 3px #e6e6e6;
        margin: 2px !important;
    }

        .native-toolbar .toolbar-large img {
            height: 32px;
            width: 32px;
        }

        .native-toolbar .toolbar-large .toolbar-item {
            margin-top: 7px;
            margin-right: 8px;
        }

        .native-toolbar .toolbar-large .toolbar-separator {
            height: 40px;
        }

    .native-toolbar .toolbar-small {
        height: 36px;
    }

        .native-toolbar .toolbar-small img {
            height: 24px;
            width: 24px;
            margin: 2px;
        }

        .native-toolbar .toolbar-small .toolbar-item {
            margin-top: 4px;
            margin-right: 8px;
            padding: 0 4px 0 2px;
        }

        .native-toolbar .toolbar-small .toolbar-separator {
            height: 28px;
        }

    .native-toolbar .tooltip.bottom {
        margin-left: 15px;
    }

    .native-toolbar .tool-disabled {
        cursor: no-drop;
    }

.toolbar-item i.toolbar-arrow {
    padding-left: 5px;
    opacity: 0.5;
}

.toolbar-item:hover:not([disabled]) i.toolbar-arrow {
    opacity: 1;
}

.native-toolbar .toolbar-large div.sub-toolbar-members {
    top: 38px;
}

.native-toolbar .toolbar-small div.sub-toolbar-members {
    top: 32px;
}

.native-toolbar div.sub-toolbar-members {
    position: absolute;
    left: -1px;
    top: 32px;
    z-index: 300;
    padding: 2px;
    border: solid 1px #a7abb0;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s;
}

    .native-toolbar div.sub-toolbar-members ul.sub-toolbar-list {
        padding: 0;
    }

.native-toolbar ul.sub-toolbar-list {
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px;
    list-style: none;
}

.native-toolbar div.sub-toolbar-members li.sub-toolbar-list-item {
    min-width: 200px;
    padding: 2px;
}

.native-toolbar li.sub-toolbar-list-item {
    float: left !important;
    display: block !important;
    padding: 8px 5px;
}

    .native-toolbar li.sub-toolbar-list-item[disabled] {
        opacity: 0.5;
        cursor: default;
    }

.native-toolbar .toolbar-item:hover:not([disabled]) .sub-toolbar-members {
    opacity: 1;
    visibility: visible;
}

.native-toolbar div.sub-toolbar-members li.sub-toolbar-list-item:hover:not([disabled]) {
    background-color: #eaf0f9;
}

.native-toolbar div.sub-toolbar-members li.sub-toolbar-list-item img.sub-toolbar-icon {
    width: 20px;
    height: 20px;
    margin: 0px;
}

.native-toolbar img.sub-toolbar-icon {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
}

.native-toolbar div.sub-toolbar-members span.sub-toolbar-label {
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 25px);
}


.native-toolbar span.sub-toolbar-label {
    display: block;
    float: left;
    padding-left: 5px;
    line-height: 24px;
    font-size: 12px;
}

.select2-container--open {
    z-index: 1005000 !important;
}

.bootbox.modal {
    /*z-index: 99000 !important;*/
}

.mainMenuSpinner {
    z-index: 9990000 !important;
}


.danaosFindPort {
    width: 530px; /*50%;*/
    height: 550px;
    position: fixed;
    top: 0;
    left: 50%;
    margin: 100px 0;
    margin-Left: -25%;
    background-color: #fff;
    border-radius: 2px;
    z-index: 1002;
    box-shadow: 0 0 4px #000000, 0 4px 8px #000000;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}


    .danaosFindPort .popUpButton {
        cursor: pointer;
        position: absolute;
        right: -10px;
        top: 0px;
        font-size: 1.6em;
        margin: -15px 0;
    }

    .danaosFindPort span.k-dropdown-wrap {
        height: 30px !important;
        line-height: 30px !important;
    }

    .danaosFindPort .k-dropdown-wrap .k-input {
        height: 30px !important;
        line-height: 30px !important;
    }

    .danaosFindPort span.k-icon.k-i-arrow-60-down {
        margin-bottom: 0 !important;
    }

    .danaosFindPort .portButton {
        box-shadow: inset 0px 1px 0px 0px #ffffff;
        background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        background-color: #f9f9f9;
        border-radius: 6px;
        border: 1px solid #dcdcdc;
        display: inline-block;
        cursor: pointer;
        color: #666666;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        padding: 6px 24px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #ffffff;
    }

        .danaosFindPort .portButton:hover {
            background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
            background-color: #e9e9e9;
        }

        .danaosFindPort .portButton:active {
            position: relative;
            top: 1px;
        }

/*.mainMenuSpinnerApplication {
    z-index: 9990010 !important;
}*/

.alertify .ajs-dimmer {
    z-index: 100000 !important;
}

.alertify .ajs-modal {
    z-index: 100001 !important;
}


.danrow {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
    flex-wrap: nowrap;
}

.dvertical {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.dhorizontal-center {
    display: flex;
    justify-content: center;
}

.dvertical-center {
    display: flex;
    align-items: center;
}

.dcenter {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.dcol1 {
    flex: 1;
}

.dcol2 {
    flex: 2;
}

.dcol3 {
    flex: 3;
}

.dcol4 {
    flex: 4;
}

.dcol5 {
    flex: 5;
}

.dcol6 {
    flex: 6;
}

.dcol7 {
    flex: 7;
}

.dcol8 {
    flex: 8;
}

.dcol-1 {
    flex: 0 0 5%;
    max-width: 5%;
}

.dcol-2 {
    flex: 0 0 10%;
    max-width: 10%;
}

.dcol-3 {
    flex: 0 0 15%;
    max-width: 15%;
}

.dcol-4 {
    flex: 0 0 20%;
    max-width: 20%;
}

.dcol-5 {
    flex: 0 0 25%;
    max-width: 25%;
}

.dcol-6 {
    flex: 0 0 30%;
    max-width: 30%;
}

.dcol-7 {
    flex: 0 0 35%;
    max-width: 35%;
}

.dcol-8 {
    flex: 0 0 40%;
    max-width: 40%;
}

.dcol-9 {
    flex: 0 0 45%;
    max-width: 45%;
}

.dcol-10 {
    flex: 0 0 50%;
    max-width: 50%;
}

.dcol-11 {
    flex: 0 0 55%;
    max-width: 55%;
}

.dcol-12 {
    flex: 0 0 60%;
    max-width: 60%;
}

.dcol-13 {
    flex: 0 0 65%;
    max-width: 65%;
}

.dcol-14 {
    flex: 0 0 70%;
    max-width: 70%;
}

.dcol-15 {
    flex: 0 0 75%;
    max-width: 75%;
}

.dcol-16 {
    flex: 0 0 80%;
    max-width: 80%;
}

.dcol-17 {
    flex: 0 0 85%;
    max-width: 85%;
}

.dcol-18 {
    flex: 0 0 90%;
    max-width: 90%;
}

.dcol-19 {
    flex: 0 0 95%;
    max-width: 95%;
}

.dcol-20 {
    flex: 0 0 100%;
    max-width: 100%;
}


.screen__action-toolbar {
    background-color: #f5f8fd;
    padding: 8px;
}

.screen__br {
    border-top: solid 1px #cbd6e2;
    margin: 18px 0;
}



.screen__btn-text {
}



.screen__btn-icon {
    font-size: 11px;
    margin-right: 4px;
}


.screen__btn-theme {
    border: solid 1px #1a71ef
}

.screen__btn:disabled, .screen__btn[disabled] {
    border: none;
}

    .screen__btn:disabled .screen__btn-text,
    .screen__btn[disabled] .screen__btn-text {
        color: #8399b1;
    }

.screen__title {
    font-family: NunitoSans-Bold;
    font-size: 13px;
    color: #151b26;
}

.screen__title-header {
    font-size: 14px;
}

.screen__title-sub {
    font-family: NunitoSans-Bold;
    font-size: 11px;
    color: #8399b1;
    text-transform: uppercase;
}

.screen__container-border-plain {
    border-radius: 4px;
    border: solid 1px #cbd6e2;
}

.screen__container-filter {
    border-radius: 2px;
    border: solid 1px #cbd6e2;
    background-color: #f5f8fd;
    padding: 4px;
}

.screen__input-group {
    border-radius: 2px;
    border: solid 1px #e0e6f1;
    background-color: #f5f8fd;
    padding: 4px;
    padding-right: 10px;
    display: flex;
}

.screen__input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    outline: none;
    border: none;
    background-color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    height: 25px;
}

    .screen__input::placeholder {
        opacity: 0.25;
        font-family: NunitoSans-Regular;
        font-size: 12px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #151b26;
    }


.screen__input-group-text {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.screen__filter-clear-btn {
    font-family: NunitoSans-Bold;
    font-size: 10px;
    color: #1a73f0;
    opacity: 1;
    align-items: center;
    height: 100%;
    cursor: pointer;
}

.screen__filter-clear-btn-deact {
    opacity: 0.25;
}


.screen__container-light-font {
    color: #b2c0cf
}

.screen__container-default-font {
    color: #151b26;
}

.screen__container-darker-font {
    color: #1a73f0
}



.alerts-content {
    margin: auto;
    height: calc(100% - 44px);
    padding-top: 23px;
}

    .alerts-content .alerts-content-section {
        padding: 0 10px;
        height: 100%;
    }

.alerts-filter-menu {
    margin-top: 15px;
    padding: 24px 4px 24px 24px;
    height: calc(100% - 75px);
}

.alerts-filter-section {
    margin-top: 18px
}



.alerts-multiselect .screen__btn-icon {
    font-size: 17px;
    color: #1a71ef;
    font-weight: bolder;
}



.alerts-multiselect-view {
    border-radius: 2px;
    border: solid 1px #cbd6e2;
    background-color: #ffffff;
    padding: 4px;
    margin-top: 3px;
}

    .alerts-multiselect-view .delete-icon {
        border-radius: 2px;
        padding: 0px 4px;
        background-color: #f5f8fd;
        color: #8399b1;
        margin-left: 4px;
        cursor: pointer;
    }

.alert-item {
    height: 120px;
    overflow: hidden;
    margin-bottom: 8px;
    padding: 12px 20px;
    background-color: white;
}

    .alert-item .alert-item-header {
    }

        .alert-item .alert-item-header .danrow {
            height: 100%;
        }

        .alert-item .alert-item-header .alert-header-delete-alert:hover {
            color: #bc2006;
        }

    .alert-item .danaosAlertUserImage {
        width: 27px;
        height: 27px;
        border-radius: 13px;
        z-index: 1;
        position: absolute
    }

        .alert-item .danaosAlertUserImage.no-user-alert-image {
            z-index: -1;
        }

    .alert-item .danaosAlertNoUserImage {
        width: 22px;
        height: 22px;
        background-color: #073464;
        border: 1px solid;
        z-index: 0;
        position: absolute;
        top: 0;
        border-radius: 16px;
        line-height: 21px;
        text-align: center;
        color: white;
        font-size: 10px;
        font-family: NunitoSans-Bold;
    }



    .alert-item .alert-message {
        margin-top: 12px;
        height: 39px;
        font-size: 13px;
        font-family: NunitoSans-Regular;
        color: #151b26;
    }

    .alert-item .alert-item-footer {
        padding-top: 0px;
    }

        .alert-item .alert-item-footer .alert-application-content {
            display: inline-block;
            display: inline-block;
            padding: 4px;
            border-radius: 4px;
        }

            .alert-item .alert-item-footer .alert-application-content:hover {
                background-color: #f5f8fd;
            }

        .alert-item .alert-item-footer .alert-application {
            font-family: NunitoSans-Bold;
            color: #151b26;
            text-overflow: ellipsis;
        }



.danaosAlertsNotificationsController .alert-item {
    padding: 5px;
    height: 125px;
    overflow: hidden;
}

.alerts-content .line-elipsis {
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 2.4em;
    white-space: pre-wrap;
    text-align: justify;
    cursor: pointer;
}

.btn-base {
    border-radius: 3px;
    font-family: NunitoSans-Regular;
    display: inline-block;
    font-weight: 800;
    font-size: 10px;
    padding: 4px 9px;
    position: relative;
    cursor: pointer;
    margin-right: 5px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

    .btn-base .btn-icon {
        margin-left: 5px;
        font-size: 11px;
        /* top: -1px; */
        position: relative;
    }

.btn-alert-primary {
    background-color: white;
    color: #1a73f0;
    border: 1px solid #1a73f0;
}

.btn-alert-light {
    background-color: #f5f8fd;
    color: #1a73f0;
}

.btn-alert-disabled {
    background-color: #f5f8fd;
    color: #8399b1;
}

.btn-alert-default {
    background-color: #1a73f0;
    color: white;
}

.btn-alert-success {
    background-color: #f5f8fd;
    color: #57a205;
}


/* buttons */
.screen__btn {
    border-radius: 2px;
    padding: 4px 15px;
    font-size: 10px;
    border: solid 1px #1a71ef;
    color: #1a71ef;
    text-align: center;
    display: inline-block;
    font-family: NunitoSans-Bold;
    cursor: pointer;
    -webkit-transition: color 400ms ease-in-out, border-color 400ms ease-in-out, background-color 400ms ease-in-out;
    transition: color 400ms ease-in-out, border-color 400ms ease-in-out, background-color 400ms ease-in-out;
    opacity: 1;
}

.screen__btn-primary {
    background-color: #1a73f0;
    color: white;
}

.screen__btn:not([disabled]):hover {
    background-color: #1a71ef;
    color: white;
}



.screen__btn-primary:not([disabled]):hover {
    background-color: #1258be;
    border: solid 1px #1258be;
}

/* add class="alt-state" on "mark as done" ctas */
.screen__btn.alt-state {
    background-color: #B2C0CF;
    color: white;
    font-size: 10px;
    border-radius: 3px;
    border: 0;
    padding: 4px 5px;
}

    .screen__btn.alt-state:hover {
        background-color: #4ECC5D !important;
    }
/* end .alt-state */

/* alert box */
.alert-item .alert-read-status {
    font-size: 8px;
    line-height: 8px;
}

.alert-item .alert-item-footer .alert-read-status {
    background-color: #f5f8fd;
    padding: 7px;
    margin-right: 7px;
    float: right;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}


/* multiselect header */
.alerts-multiselect {
    border-radius: 2px;
    background-color: #ffffff;
    color: #1a71ef;
    padding: 4px;
    margin-top: 3px;
    border: 1px solid #1a71ef;
}

    .alerts-multiselect .screen__title-header {
        color: #1a71ef;
        font-family: NunitoSans-SemiBold;
    }

.choiceNotifications {
    padding-top: 10px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 2px;
    border-bottom-width: 1px;
    border-bottom-color: whitesmoke;
    border-bottom-style: dotted;
}

.note-sidebar {
    background-color: #F5F8FD;
    border: 1px solid #CBD6E2;
    font-size: 13px;
    font-family: NunitoSans-SemiBold;
    color: #273240;
    text-align: center;
    padding: 11px;
    border-radius: 2px;
}


.kendo-new
.k-dropdownlist {
    height: 24px !important;
    border-radius: 2px !important;
    border: solid 1px #e0e6f1 !important;
}

.kendo-new .k-i-arrow-60-down:before {
    top: 2px;
    color: #151b26;
    content: "\e015";
}

.kendo-new
.k-select {
    line-height: 24px !important;
    margin: -2px !important;
}

.kendo-new
.k-input {
    color: #151b26 !important;
    font-family: NunitoSans-SemiBold !important;
    font-size: 12px !important;
    height: 24px !important;
    line-height: 24px !important;
    padding: 0px !important;
}

.kendo-new
.k-dropdown .k-dropdown-wrap {
    height: 24px !important;
    border: none !important;
    box-shadow: none !important;
    /* line-height: 41px !important;
  */
}

    .kendo-new
    .k-dropdown .k-dropdown-wrap .k-select {
        width: 30px;
    }

.kendo-new
.k-state-hover {
    background-color: white !important;
    border: none !important;
}

.kendo-new
.k-state-active {
    background-color: white !important;
    border: none !important;
    box-shadow: none !important;
}

.kendo-new
.k-state-focused {
    border: none !important;
    box-shadow: none !important;
    color: white !important;
}

.kendo-new
.k-list-container {
    border-radius: 2px !important;
    box-shadow: 0 -8px 13px 0 rgba(0, 0, 0, 0.07) !important;
    border: solid 1px #cbd6e2 !important;
    background-color: #ffffff !important;
    font-family: NunitoSans-Regular !important;
    font-size: 13px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    color: #073464 !important;
    padding: 20px 0 0 !important;
}

    .kendo-new .k-list-container .k-popup {
        box-shadow: 0 -8px 13px 0 rgba(0, 0, 0, 0.07) !important;
    }

    .kendo-new .k-list-container .k-item {
        padding: 5px 20px !important;
        height: 24px !important;
        border: none !important;
    }

    .kendo-new .k-list-container .k-state-focused {
        background-color: #f5f8fd !important;
        border: none !important;
        box-shadow: none !important;
        color: #151b26 !important;
    }

    .kendo-new .k-list-container .k-state-hover {
        background-color: #f5f8fd !important;
        border: none !important;
        box-shadow: none !important;
        color: #151b26 !important;
    }


.kendo-new .large-dp .k-dropdownlist {
    width: 99% !important;
    background-color: #f5f8fd;
    height: 34px !important;
}

.kendo-new .large-dp .k-input {
    height: 34px !important;
    padding-top: 5px !important;
    background-color: #f5f8fd !important;
}

.kendo-new .large-dp .k-select {
    padding-top: 5px;
}

.kendo-new .large-dp .k-dropdownlist {
    background-color: #f5f8fd !important;
    height: 100% !important;
}

.kendo-new .large-dp .k-state-default, .kendo-new .large-dp .k-state-hover, .kendo-new .large-dp .k-state-active {
    background-color: transparent !important;
}

body.desktop .q-focus-helper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: inherit;
    opacity: 0;
    transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1)
}

.q-focus-helper:after,
.q-focus-helper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: inherit;
    transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.6s cubic-bezier(0.25,0.8,0.5,1)
}

.q-focus-helper:before {
    background: #000
}

.q-focus-helper:after {
    background: #fff
}

.q-focus-helper--rounded {
    border-radius: 4px
}

.q-focus-helper--round {
    border-radius: 50%
}

.q-focusable:focus > .q-focus-helper,
.q-hoverable:hover > .q-focus-helper,
.q-manual-focusable--focused > .q-focus-helper {
    background: currentColor;
    opacity: 0.15
}

    .q-focusable:focus > .q-focus-helper:before,
    .q-hoverable:hover > .q-focus-helper:before,
    .q-manual-focusable--focused > .q-focus-helper:before {
        opacity: 0.1
    }

    .q-focusable:focus > .q-focus-helper:after,
    .q-hoverable:hover > .q-focus-helper:after,
    .q-manual-focusable--focused > .q-focus-helper:after {
        opacity: 0.4
    }

.q-focusable:focus > .q-focus-helper,
.q-manual-focusable--focused > .q-focus-helper {
    opacity: 0.22
}

.q-focus-helper, .q-focusable, .q-hoverable, .q-manual-focusable {
    outline: 0
}

.q-table__container .q-virtual-scroll__padding {
    background: linear-gradient(transparent,transparent 20%,hsla(0,0%,50.2%,0.03) 0,hsla(0,0%,50.2%,0.08) 50%,hsla(0,0%,50.2%,0.03) 80%,transparent 0,transparent);
    background-size: 100% 50px
}

.q-table__container.scroll {
    overflow: auto
}

.q-table__container.scroll, .q-table__container.scroll-x, .q-table__container.scroll-y {
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.q-table__container.scroll-x {
    overflow-x: auto
}

.q-table__container.scroll-y {
    overflow-y: auto
}


.q-list.scroll,
.q-list.scroll-x,
.q-list.scroll-y {
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
}

.q-list:focus {
    outline: none !important;
}

.q-list.scroll {
    overflow: auto;
}

.q-list .q-virtual-scroll__padding {
    background: linear-gradient( transparent, transparent 20%, hsla(0, 0%, 50.2%, 0.03) 0, hsla(0, 0%, 50.2%, 0.08) 50%, hsla(0, 0%, 50.2%, 0.03) 80%, transparent 0, transparent );
    background-size: 100% 100px;
}

.q-list *,
:after,
:before {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
}

.am-footer-data {
    position: absolute !important;
    z-index: 100;
    width: 100%;
}

.page-template-am > * {
    position: absolute;
    left: 60px;
    right: 60px;
    font-size: 99%;
}

.page-template-am .footer {
    bottom: 35px;
}

    .page-template-am .footer .pages {
        right: -20px;
        display: inline-block;
        position: absolute;
    }

    .page-template-am .footer .date {
        left: -20px;
        display: inline-block;
        position: absolute;
    }

    .page-template-am .footer .center {
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

.danaos-v-skeleton-loader__main {
    height: 100%;
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    padding: 15px;
    box-sizing: border-box !important;
}

.danaos-v-skeleton-loader__article {
    padding-top: 15px;
    background: #ffffff;
    margin: auto;
    width: 100%;
    height: 100%;
}

.danaos-v-skeleton-loader__heading {
    margin: 16px 0 8px 16px;
    background: rgba(0, 0, 0, 0.12);
    height: 24px;
    width: 45%;
    position: relative;
    overflow: hidden;
}

.danaos-v-skeleton-loader__paragraph {
    padding: 16px;
}

    .danaos-v-skeleton-loader__paragraph .danaos-v-skeleton-loader__text {
        background: rgba(0, 0, 0, 0.12);
        height: 12px;
        margin-bottom: 6px;
        position: relative;
        overflow: hidden;
    }

        .danaos-v-skeleton-loader__paragraph .danaos-v-skeleton-loader__text:nth-child(1) {
            max-width: 100%;
        }

        .danaos-v-skeleton-loader__paragraph .danaos-v-skeleton-loader__text:nth-child(1) {
            max-width: 50%;
        }

        .danaos-v-skeleton-loader__paragraph .danaos-v-skeleton-loader__text:nth-child(1) {
            max-width: 70%;
        }

.danaos-v-skeleton-loading::after {
    background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.3), transparent );
}

.danaos-v-skeleton-loading::after {
    -webkit-animation: danaos-v-skeleton-loading 0.5s infinite;
    animation: danaos-v-skeleton-loading 0.5s infinite;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%);
    z-index: 1;
}

@-webkit-keyframes danaos-v-skeleton-loading {
    100% {
        transform: translateX(100%);
    }
}

@keyframes danaos-v-skeleton-loading {
    100% {
        transform: translateX(100%);
    }
}

.q-tooltip {
    z-index: 999999999999;
    overflow: hidden;
    padding: 6px 10px;
    position: fixed;
    width: fit-content;
    max-width: 400px;
    min-height: 26px;
    font-size: 11px;
    color: white;
    background-color: #333;
    border-radius: 4px;
    text-transform: none;
    font-weight: 400;
}

.q-tooltip--style {
    font-size: 10px;
    color: #fafafa;
    background: #757575;
    border-radius: 4px;
    text-transform: none;
    font-weight: 400
}

/*@media (max-width: 599px) {
    .q-tooltip {
        font-size: 14px;
        padding: 8px 16px
    }
}*/

.q-transition--fade-leave-active, .q-transition--flip-leave-active, .q-transition--jump-down-leave-active, .q-transition--jump-left-leave-active, .q-transition--jump-right-leave-active, .q-transition--jump-up-leave-active, .q-transition--rotate-leave-active, .q-transition--scale-leave-active, .q-transition--slide-down-leave-active, .q-transition--slide-left-leave-active, .q-transition--slide-right-leave-active, .q-transition--slide-up-leave-active {
    position: absolute
}

.q-transition--slide-down-enter-active, .q-transition--slide-down-leave-active, .q-transition--slide-left-enter-active, .q-transition--slide-left-leave-active, .q-transition--slide-right-enter-active, .q-transition--slide-right-leave-active, .q-transition--slide-up-enter-active, .q-transition--slide-up-leave-active {
    transition: transform 0.3s cubic-bezier(0.215,0.61,0.355,1)
}

.q-transition--slide-right-enter {
    transform: translate3d(-100%,0,0)
}

.q-transition--slide-left-enter, .q-transition--slide-right-leave-to {
    transform: translate3d(100%,0,0)
}

.q-transition--slide-left-leave-to {
    transform: translate3d(-100%,0,0)
}

.q-transition--slide-up-enter {
    transform: translate3d(0,100%,0)
}

.q-transition--slide-down-enter, .q-transition--slide-up-leave-to {
    transform: translate3d(0,-100%,0)
}

.q-transition--slide-down-leave-to {
    transform: translate3d(0,100%,0)
}

.q-transition--jump-down-enter-active, .q-transition--jump-down-leave-active, .q-transition--jump-left-enter-active, .q-transition--jump-left-leave-active, .q-transition--jump-right-enter-active, .q-transition--jump-right-leave-active, .q-transition--jump-up-enter-active, .q-transition--jump-up-leave-active {
    transition: opacity .3s,transform .3s
}

.q-transition--jump-down-enter, .q-transition--jump-down-leave-to, .q-transition--jump-left-enter, .q-transition--jump-left-leave-to, .q-transition--jump-right-enter, .q-transition--jump-right-leave-to, .q-transition--jump-up-enter, .q-transition--jump-up-leave-to {
    opacity: 0
}

.q-transition--jump-right-enter {
    transform: translate3d(-15px,0,0)
}

.q-transition--jump-left-enter, .q-transition--jump-right-leave-to {
    transform: translate3d(15px,0,0)
}

.q-transition--jump-left-leave-to {
    transform: translateX(-15px)
}

.q-transition--jump-up-enter {
    transform: translate3d(0,15px,0)
}

.q-transition--jump-down-enter, .q-transition--jump-up-leave-to {
    transform: translate3d(0,-15px,0)
}

.q-transition--jump-down-leave-to {
    transform: translate3d(0,15px,0)
}

.q-transition--fade-enter-active, .q-transition--fade-leave-active {
    transition: opacity .3s ease-out
}

.q-transition--fade-enter, .q-transition--fade-leave, .q-transition--fade-leave-to {
    opacity: 0
}

.q-transition--scale-enter-active, .q-transition--scale-leave-active {
    transition: opacity 0.3s,transform 0.3s cubic-bezier(0.215,0.61,0.355,1)
}

.q-transition--scale-enter, .q-transition--scale-leave, .q-transition--scale-leave-to {
    opacity: 0;
    transform: scale3d(0,0,1)
}

.q-transition--rotate-enter-active, .q-transition--rotate-leave-active {
    transition: opacity 0.3s,transform 0.3s cubic-bezier(0.215,0.61,0.355,1);
    transform-style: preserve-3d
}

.q-transition--rotate-enter, .q-transition--rotate-leave, .q-transition--rotate-leave-to {
    opacity: 0;
    transform: scale3d(0,0,1) rotate3d(0,0,1,90deg)
}

.q-transition--flip-down-enter-active, .q-transition--flip-down-leave-active, .q-transition--flip-left-enter-active, .q-transition--flip-left-leave-active, .q-transition--flip-right-enter-active, .q-transition--flip-right-leave-active, .q-transition--flip-up-enter-active, .q-transition--flip-up-leave-active {
    transition: transform .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.q-transition--flip-down-enter-to, .q-transition--flip-down-leave, .q-transition--flip-left-enter-to, .q-transition--flip-left-leave, .q-transition--flip-right-enter-to, .q-transition--flip-right-leave, .q-transition--flip-up-enter-to, .q-transition--flip-up-leave {
    transform: perspective(400px) rotate3d(1,1,0,0deg)
}

.q-transition--flip-right-enter {
    transform: perspective(400px) rotate3d(0,1,0,-180deg)
}

.q-transition--flip-left-enter, .q-transition--flip-right-leave-to {
    transform: perspective(400px) rotate3d(0,1,0,180deg)
}

.q-transition--flip-left-leave-to {
    transform: perspective(400px) rotate3d(0,1,0,-180deg)
}

.q-transition--flip-up-enter {
    transform: perspective(400px) rotate3d(1,0,0,-180deg)
}

.q-transition--flip-down-enter, .q-transition--flip-up-leave-to {
    transform: perspective(400px) rotate3d(1,0,0,180deg)
}

.q-transition--flip-down-leave-to {
    transform: perspective(400px) rotate3d(1,0,0,-180deg)
}


/*DO NOT DELETE THOSE TWO ITS A REQUEST FROM CUSTOMER*/
.iw-contextMenu li.iw-mDisable {
    opacity: 0.5 !important;
}

/*DO NOT DELETE THOSE TWO ITS A REQUEST FROM CUSTOMER*/
.iw-mOverlay {
    opacity: 0.1 !important;
    cursor: not-allowed;
}

.enallax-row:nth-child(odd) {
    background-color: rgb(244, 248, 251);
}

.enallax-row:nth-child(even) {
    background-color: rgb(255, 255, 255);
}

.dflex-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
    flex-wrap: nowrap;
}

/* .dflex-row.flex-columns-stretch > [class*=flex-col-] {
    max-width: unset !important;
} */

.flex-col-1 {
    flex: 1 1 1%;
}

.flex-col-2 {
    flex: 1 1 2%;
}

.flex-col-3 {
    flex: 1 1 3%;
}

.flex-col-4 {
    flex: 1 1 4%;
}

.flex-col-5 {
    flex: 1 1 5%;
}

.flex-col-6 {
    flex: 1 1 6%;
}

.flex-col-7 {
    flex: 1 1 7%;
}

.flex-col-8 {
    flex: 1 1 8%;
}

.flex-col-9 {
    flex: 1 1 9%;
}

.flex-col-10 {
    flex: 1 1 10%;
}

.flex-col-11 {
    flex: 1 1 11%;
}

.flex-col-12 {
    flex: 1 1 12%;
}

.flex-col-13 {
    flex: 1 1 13%;
}

.flex-col-14 {
    flex: 1 1 14%;
}

.flex-col-15 {
    flex: 1 1 15%;
}

.flex-col-16 {
    flex: 1 1 16%;
}

.flex-col-17 {
    flex: 1 1 17%;
}

.flex-col-18 {
    flex: 1 1 18%;
}

.flex-col-19 {
    flex: 1 1 19%;
}

.flex-col-20 {
    flex: 1 1 20%;
}

.flex-col-21 {
    flex: 1 1 21%;
}

.flex-col-22 {
    flex: 1 1 22%;
}

.flex-col-23 {
    flex: 1 1 23%;
}

.flex-col-24 {
    flex: 1 1 24%;
}

.flex-col-25 {
    flex: 1 1 25%;
}

.flex-col-26 {
    flex: 1 1 26%;
}

.flex-col-27 {
    flex: 1 1 27%;
}

.flex-col-28 {
    flex: 1 1 28%;
}

.flex-col-29 {
    flex: 1 1 29%;
}

.flex-col-30 {
    flex: 1 1 30%;
}

.flex-col-31 {
    flex: 1 1 31%;
}

.flex-col-32 {
    flex: 1 1 32%;
}

.flex-col-33 {
    flex: 1 1 33%;
}

.flex-col-34 {
    flex: 1 1 34%;
}

.flex-col-35 {
    flex: 1 1 35%;
}

.flex-col-36 {
    flex: 1 1 36%;
}

.flex-col-37 {
    flex: 1 1 37%;
}

.flex-col-38 {
    flex: 1 1 38%;
}

.flex-col-39 {
    flex: 1 1 39%;
}

.flex-col-40 {
    flex: 1 1 40%;
}

.flex-col-41 {
    flex: 1 1 41%;
}

.flex-col-42 {
    flex: 1 1 42%;
}

.flex-col-43 {
    flex: 1 1 43%;
}

.flex-col-44 {
    flex: 1 1 44%;
}

.flex-col-45 {
    flex: 1 1 45%;
}

.flex-col-46 {
    flex: 1 1 46%;
}

.flex-col-47 {
    flex: 1 1 47%;
}

.flex-col-48 {
    flex: 1 1 48%;
}

.flex-col-49 {
    flex: 1 1 49%;
}

.flex-col-50 {
    flex: 1 1 50%;
}

.flex-col-51 {
    flex: 1 1 51%;
}

.flex-col-52 {
    flex: 1 1 52%;
}

.flex-col-53 {
    flex: 1 1 53%;
}

.flex-col-54 {
    flex: 1 1 54%;
}

.flex-col-55 {
    flex: 1 1 55%;
}

.flex-col-56 {
    flex: 1 1 56%;
}

.flex-col-57 {
    flex: 1 1 57%;
}

.flex-col-58 {
    flex: 1 1 58%;
}

.flex-col-59 {
    flex: 1 1 59%;
}

.flex-col-60 {
    flex: 1 1 60%;
}

.flex-col-61 {
    flex: 1 1 61%;
}

.flex-col-62 {
    flex: 1 1 62%;
}

.flex-col-63 {
    flex: 1 1 63%;
}

.flex-col-64 {
    flex: 1 1 64%;
}

.flex-col-65 {
    flex: 1 1 65%;
}

.flex-col-66 {
    flex: 1 1 66%;
}

.flex-col-67 {
    flex: 1 1 67%;
}

.flex-col-68 {
    flex: 1 1 68%;
}

.flex-col-69 {
    flex: 1 1 69%;
}

.flex-col-70 {
    flex: 1 1 70%;
}

.flex-col-71 {
    flex: 1 1 71%;
}

.flex-col-72 {
    flex: 1 1 72%;
}

.flex-col-73 {
    flex: 1 1 73%;
}

.flex-col-74 {
    flex: 1 1 74%;
}

.flex-col-75 {
    flex: 1 1 75%;
}

.flex-col-76 {
    flex: 1 1 76%;
}

.flex-col-77 {
    flex: 1 1 77%;
}

.flex-col-78 {
    flex: 1 1 78%;
}

.flex-col-79 {
    flex: 1 1 79%;
}

.flex-col-80 {
    flex: 1 1 80%;
}

.flex-col-81 {
    flex: 1 1 81%;
}

.flex-col-82 {
    flex: 1 1 82%;
}

.flex-col-83 {
    flex: 1 1 83%;
}

.flex-col-84 {
    flex: 1 1 84%;
}

.flex-col-85 {
    flex: 1 1 85%;
}

.flex-col-86 {
    flex: 1 1 86%;
}

.flex-col-87 {
    flex: 1 1 87%;
}

.flex-col-88 {
    flex: 1 1 88%;
}

.flex-col-89 {
    flex: 1 1 89%;
}

.flex-col-90 {
    flex: 1 1 90%;
}

.flex-col-91 {
    flex: 1 1 91%;
}

.flex-col-92 {
    flex: 1 1 92%;
}

.flex-col-93 {
    flex: 1 1 93%;
}

.flex-col-94 {
    flex: 1 1 94%;
}

.flex-col-95 {
    flex: 1 1 95%;
}

.flex-col-96 {
    flex: 1 1 96%;
}

.flex-col-97 {
    flex: 1 1 97%;
}

.flex-col-98 {
    flex: 1 1 98%;
}

.flex-col-99 {
    flex: 1 1 99%;
}

.flex-col-100 {
    flex: 1 1 100%;
}
/* END OF ALPHA VERSION: DO NOT USE */
.folderTreeFramework .danaosFolderTreeClass .dynatree-checkbox {
    display: none
}

.iw-cm-menu li.iw-cm-menu-no-separator {
    border-bottom: none;
}

.vs__dropdown-menu {
    z-index: 99999 !important;
}

.v-select * {
    background-color: white;
    color: #6d6d6d;
}

.v-select input::-webkit-input-placeholder {
    color: #6d6d6d;
}

.v-select input:-ms-input-placeholder {
    color: #6d6d6d;
}

.v-select input::placeholder {
    color: #6d6d6d;
}

.v-select .vs__dropdown-menu {
    color: white !important;
}

.vs__selected {
    background-color: rgb(117, 199, 145) !important;
    border: 2px solid rgb(117, 199, 145) !important;
    font-weight: 700 !important;
    color: #fff !important;
}

    .vs__selected svg {
        fill: #ba0909 !important;
        background-color: rgb(117, 199, 145) !important;
    }

.vue-treeselect__menu-container ::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    background: rgba(0, 0, 0, 0.014);
}

.vue-treeselect__menu-container ::-webkit-scrollbar-thumb {
    background: #b5b5b5;
    border-radius: 30px;
}

    .vue-treeselect__menu-container ::-webkit-scrollbar-thumb:hover {
        background: #e1e1e1;
    }
/*unicode fonts for kendo print pdf (replacement for Arial on print)*/
@font-face {
    font-family: "arial-unicode";
    src: url("/Font/arial-unicode-ms.ttf");
}

@font-face {
    font-family: "arial-unicode";
    src: url("/Font/arial-unicode-ms.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "arial-unicode";
    src: url("/Font/arial-unicode-ms-bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: "arial-unicode";
    src: url("/Font/arial-unicode-ms-bold.ttf");
    font-weight: 700;
}

@font-face {
    font-family: "arial-unicode";
    src: url("/Font/arial-unicode-ms-bold.ttf");
    font-weight: 800;
}

@font-face {
    font-family: "arial-unicode";
    src: url("/Font/arial-unicode-ms-bold.ttf");
    font-weight: 900;
}

.scroll,
.scroll-x,
.scroll-y {
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
}

.scroll {
    overflow: auto;
}

.q-icon:before, .q-icon:after {
    width: 100%;
    height: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.q-icon > svg, .q-icon > img {
    width: 100%;
    height: 100%
}

.q-icon, .material-icons, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: inherit;
    font-size: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/Content/danaos/material-icons.woff2) format('woff2');
}

.q-icon {
    line-height: 1;
    width: 1em;
    height: 1em;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-align: center;
    position: relative;
    fill: currentColor;
}

    .q-icon:before,
    .q-icon:after {
        width: 100%;
        height: 100%;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .q-icon > svg {
        width: 100%;
        height: 100%;
    }

.q-icon,
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: inherit;
    font-size: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.q-tree {
    position: relative;
    color: #9e9e9e;
}

.q-tree__node {
    padding: 0 0 3px 22px;
}

    .q-tree__node:after {
        content: '';
        position: absolute;
        top: -3px;
        bottom: 0;
        width: 2px;
        right: auto;
        left: -13px;
        border-left: 1px solid currentColor;
    }

    .q-tree__node:last-child:after {
        display: none;
    }

.q-tree__node--disabled {
    pointer-events: none;
}

    .q-tree__node--disabled .disabled {
        opacity: 1 !important;
    }

    .q-tree__node--disabled > div,
    .q-tree__node--disabled > i,
    .q-tree__node--disabled > .disabled {
        opacity: 0.6 !important;
    }

        .q-tree__node--disabled > div .q-tree__node--disabled > div,
        .q-tree__node--disabled > i .q-tree__node--disabled > div,
        .q-tree__node--disabled > .disabled .q-tree__node--disabled > div,
        .q-tree__node--disabled > div .q-tree__node--disabled > i,
        .q-tree__node--disabled > i .q-tree__node--disabled > i,
        .q-tree__node--disabled > .disabled .q-tree__node--disabled > i,
        .q-tree__node--disabled > div .q-tree__node--disabled > .disabled,
        .q-tree__node--disabled > i .q-tree__node--disabled > .disabled,
        .q-tree__node--disabled > .disabled .q-tree__node--disabled > .disabled {
            opacity: 1 !important;
        }

.q-tree__node-header:before {
    content: '';
    position: absolute;
    top: -3px;
    bottom: 50%;
    width: 35px;
    left: -35px;
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
}

.q-tree__children {
    padding-left: 25px;
}

.q-tree__node-body {
    padding: 5px 0 8px 5px;
}

.q-tree__node--parent {
    padding-left: 2px;
}

    .q-tree__node--parent > .q-tree__node-header:before {
        width: 15px;
        left: -15px;
    }

    .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body {
        padding: 5px 0 8px 27px;
    }

        .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after {
            content: '';
            position: absolute;
            top: 0;
            width: 2px;
            height: 100%;
            right: auto;
            left: 12px;
            border-left: 1px solid currentColor;
            bottom: 50px;
        }

.q-tree__node--link {
    cursor: pointer;
}

.q-tree__node-header {
   /* padding: 4px;
    margin-top: 3px;*/
   padding-right:4px;
    border-radius: 4px;
    outline: 0;
    display: flex;
}

.dan-tree-m-top-3 .q-tree__node-header {
    margin-top: 3px;
}

.q-tree__node-header-content {
    color: #000;
    transition: color 0.3s;
}

.q-tree__node--selected .q-tree__node-header-content {
    color: #9e9e9e;
}

.q-tree__icon,
.q-tree__node-header-content .q-icon,
.q-tree__spinner {
    font-size: 21px;
}

.q-tree__img {
    height: 42px;
}

.q-tree__avatar,
.q-tree__node-header-content .q-avatar {
    font-size: 28px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
}

.q-tree__arrow,
.q-tree__spinner {
    font-size: 16px;
}

.q-tree__arrow {
    transition: transform 0.3s;
}

.q-tree__arrow--rotate {
    transform: rotate3d(0, 0, 1, 90deg);
}

.q-tree > .q-tree__node {
    padding: 0;
}

    .q-tree > .q-tree__node:after,
    .q-tree > .q-tree__node > .q-tree__node-header:before {
        display: none;
    }

.q-tree > .q-tree__node--child > .q-tree__node-header {
    padding-left: 24px;
}

.q-tree--dark .q-tree__node-header-content {
    color: #fff;
}

.q-tree--no-connectors .q-tree__node:after,
.q-tree--no-connectors .q-tree__node-header:before,
.q-tree--no-connectors .q-tree__node-body:after {
    display: none !important;
}

[dir=rtl] .q-tree__arrow {
    transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;
}

[dir=rtl] .q-tree__arrow--rotate {
    transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
}

.q-tree .row:after,
.q-tree .row:before {
    display: inherit;
    content: " ";
}

.q-tree .row {
    margin-left: 0;
    margin-right: 0;
}

.q-tree .row,
.q-tree .column,
.q-tree .flex {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}


    .q-tree .row.inline,
    .q-tree .column.inline,
    .q-tree .flex.inline {
        display: inline-flex;
    }

    .q-tree .row.reverse {
        flex-direction: row-reverse;
    }

.q-tree .column {
    flex-direction: column;
}

    .q-tree .column.reverse {
        flex-direction: column-reverse;
    }

.wrap {
    flex-wrap: wrap;
}

.no-wrap {
    flex-wrap: nowrap;
}

.reverse-wrap {
    flex-wrap: wrap-reverse;
}

.order-first {
    order: -10000;
}

.order-last {
    order: 10000;
}

.order-none {
    order: 0;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center,
.flex-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center,
.flex-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}

.content-start {
    align-content: flex-start;
}

.content-end {
    align-content: flex-end;
}

.content-center {
    align-content: center;
}

.content-stretch {
    align-content: stretch;
}

.content-between {
    align-content: space-between;
}

.content-around {
    align-content: space-around;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-center {
    align-self: center;
}

.self-baseline {
    align-self: baseline;
}

.self-stretch {
    align-self: stretch;
}

.rounded-borders {
    border-radius: 4px;
}

.no-transition {
    transition: none !important;
}

.transition-0 {
    transition: 0s !important;
}

.glossy {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0) 50%, rgba(0,0,0,0.12) 51%, rgba(0,0,0,0.04)) !important;
}

.no-pointer-events {
    pointer-events: none !important;
}

.all-pointer-events {
    pointer-events: all !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.cursor-inherit {
    cursor: inherit !important;
}

.cursor-none {
    cursor: none !important;
}

.rotate-45 {
    transform: rotate(45deg) /* rtl:ignore */;
}

.rotate-90 {
    transform: rotate(90deg) /* rtl:ignore */;
}

.rotate-135 {
    transform: rotate(135deg) /* rtl:ignore */;
}

.rotate-180 {
    transform: rotate(180deg) /* rtl:ignore */;
}

.rotate-205 {
    transform: rotate(205deg) /* rtl:ignore */;
}

.rotate-270 {
    transform: rotate(270deg) /* rtl:ignore */;
}

.rotate-315 {
    transform: rotate(315deg) /* rtl:ignore */;
}

.flip-horizontal {
    transform: scaleX(-1);
}

.flip-vertical {
    transform: scaleY(-1);
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.relative-position {
    position: relative;
}

.fixed,
.fixed-full,
.fullscreen,
.fixed-center,
.fixed-bottom,
.fixed-left,
.fixed-right,
.fixed-top,
.fixed-top-left,
.fixed-top-right,
.fixed-bottom-left,
.fixed-bottom-right {
    position: fixed;
}

.absolute,
.absolute-full,
.absolute-center,
.absolute-bottom,
.absolute-left,
.absolute-right,
.absolute-top,
.absolute-top-left,
.absolute-top-right,
.absolute-bottom-left,
.absolute-bottom-right {
    position: absolute;
}

.fixed-top,
.absolute-top {
    top: 0;
    left: 0;
    right: 0;
}

.fixed-right,
.absolute-right {
    top: 0;
    right: 0;
    bottom: 0;
}

.fixed-bottom,
.absolute-bottom {
    right: 0;
    bottom: 0;
    left: 0;
}

.fixed-left,
.absolute-left {
    top: 0;
    bottom: 0;
    left: 0;
}

.fixed-top-left,
.absolute-top-left {
    top: 0;
    left: 0;
}

.fixed-top-right,
.absolute-top-right {
    top: 0;
    right: 0;
}

.fixed-bottom-left,
.absolute-bottom-left {
    bottom: 0;
    left: 0;
}

.fixed-bottom-right,
.absolute-bottom-right {
    bottom: 0;
    right: 0;
}

.p-select-overlay.p-component {
    z-index: 6001 !important;
    margin-top:1px !important;
}

.p-inputtext.p-component.p-select-filter {
    outline: 1px solid #2980b9 !important;
    border: 0;
    border-radius: 0;
}

.fullscreen {
    z-index: 6000;
    border-radius: 0 !important;
    max-width: 100vw;
    max-height: 100vh;
}

.absolute-full,
.fullscreen,
.fixed-full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fixed-center,
.absolute-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vertical-top {
    vertical-align: top !important;
}

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

.vertical-bottom {
    vertical-align: bottom !important;
}

.on-left {
    margin-right: 12px;
}

.on-right {
    margin-left: 12px;
}
/* internal: */
.q-position-engine {
    margin-top: var(--q-pe-top, 0) !important;
    margin-left: var(--q-pe-left, 0) !important;
}

:root {
    --q-size-xs: 0;
    --q-size-sm: 600px;
    --q-size-md: 1024px;
    --q-size-lg: 1440px;
    --q-size-xl: 1920px;
}

.fit {
    width: 100% !important;
    height: 100% !important;
}

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

.full-width {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.window-height {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 100vh !important;
}

.window-width {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100vw !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.q-pa-none {
    padding: 0 0;
}

.q-pl-none,
.q-px-none {
    padding-left: 0;
}

.q-pr-none,
.q-px-none {
    padding-right: 0;
}

.q-pt-none,
.q-py-none {
    padding-top: 0;
}

.q-pb-none,
.q-py-none {
    padding-bottom: 0;
}

.q-ma-none {
    margin: 0 0;
}

.q-ml-none,
.q-mx-none {
    margin-left: 0;
}

.q-mr-none,
.q-mx-none {
    margin-right: 0;
}

.q-mt-none,
.q-my-none {
    margin-top: 0;
}

.q-mb-none,
.q-my-none {
    margin-bottom: 0;
}

.q-pa-xs {
    padding: 4px 4px;
}

.q-pl-xs,
.q-px-xs {
    padding-left: 4px;
}

.q-pr-xs,
.q-px-xs {
    padding-right: 4px;
}

.q-pt-xs,
.q-py-xs {
    padding-top: 4px;
}

.q-pb-xs,
.q-py-xs {
    padding-bottom: 4px;
}

.q-ma-xs {
    margin: 4px 4px;
}

.q-ml-xs,
.q-mx-xs {
    margin-left: 4px;
}

.q-mr-xs,
.q-mx-xs {
    margin-right: 4px;
}

.q-mt-xs,
.q-my-xs {
    margin-top: 4px;
}

.q-mb-xs,
.q-my-xs {
    margin-bottom: 4px;
}

.q-pa-sm {
    padding: 8px 8px;
}

.q-pl-sm,
.q-px-sm {
    padding-left: 8px;
}

.q-pr-sm,
.q-px-sm {
    padding-right: 8px;
}

.q-pt-sm,
.q-py-sm {
    padding-top: 8px;
}

.q-pb-sm,
.q-py-sm {
    padding-bottom: 8px;
}

.q-ma-sm {
    margin: 8px 8px;
}

.q-ml-sm,
.q-mx-sm {
    margin-left: 8px;
}

.q-mr-sm,
.q-mx-sm {
    margin-right: 8px;
}

.q-mt-sm,
.q-my-sm {
    margin-top: 8px;
}

.q-mb-sm,
.q-my-sm {
    margin-bottom: 8px;
}

.q-pa-md {
    padding: 16px 16px;
}

.q-pl-md,
.q-px-md {
    padding-left: 16px;
}

.q-pr-md,
.q-px-md {
    padding-right: 16px;
}

.q-pt-md,
.q-py-md {
    padding-top: 16px;
}

.q-pb-md,
.q-py-md {
    padding-bottom: 16px;
}

.q-ma-md {
    margin: 16px 16px;
}

.q-ml-md,
.q-mx-md {
    margin-left: 16px;
}

.q-mr-md,
.q-mx-md {
    margin-right: 16px;
}

.q-mt-md,
.q-my-md {
    margin-top: 16px;
}

.q-mb-md,
.q-my-md {
    margin-bottom: 16px;
}

.q-pa-lg {
    padding: 24px 24px;
}

.q-pl-lg,
.q-px-lg {
    padding-left: 24px;
}

.q-pr-lg,
.q-px-lg {
    padding-right: 24px;
}

.q-pt-lg,
.q-py-lg {
    padding-top: 24px;
}

.q-pb-lg,
.q-py-lg {
    padding-bottom: 24px;
}

.q-ma-lg {
    margin: 24px 24px;
}

.q-ml-lg,
.q-mx-lg {
    margin-left: 24px;
}

.q-mr-lg,
.q-mx-lg {
    margin-right: 24px;
}

.q-mt-lg,
.q-my-lg {
    margin-top: 24px;
}

.q-mb-lg,
.q-my-lg {
    margin-bottom: 24px;
}

.q-pa-xl {
    padding: 48px 48px;
}

.q-pl-xl,
.q-px-xl {
    padding-left: 48px;
}

.q-pr-xl,
.q-px-xl {
    padding-right: 48px;
}

.q-pt-xl,
.q-py-xl {
    padding-top: 48px;
}

.q-pb-xl,
.q-py-xl {
    padding-bottom: 48px;
}

.q-ma-xl {
    margin: 48px 48px;
}

.q-ml-xl,
.q-mx-xl {
    margin-left: 48px;
}

.q-mr-xl,
.q-mx-xl {
    margin-right: 48px;
}

.q-mt-xl,
.q-my-xl {
    margin-top: 48px;
}

.q-mb-xl,
.q-my-xl {
    margin-bottom: 48px;
}

.q-ml-auto {
    margin-left: auto;
}

.q-mr-auto {
    margin-right: auto;
}

.q-mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.q-touch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-drag: none;
    -khtml-user-drag: none;
    -webkit-user-drag: none;
}

.q-touch-x {
    touch-action: pan-x;
}

.q-touch-y {
    touch-action: pan-y;
}

.q-transition--slide-right-leave-active,
.q-transition--slide-left-leave-active,
.q-transition--slide-up-leave-active,
.q-transition--slide-down-leave-active,
.q-transition--jump-right-leave-active,
.q-transition--jump-left-leave-active,
.q-transition--jump-up-leave-active,
.q-transition--jump-down-leave-active,
.q-transition--fade-leave-active,
.q-transition--scale-leave-active,
.q-transition--rotate-leave-active,
.q-transition--flip-leave-active {
    position: absolute;
}

.q-transition--slide-right-enter-active,
.q-transition--slide-left-enter-active,
.q-transition--slide-up-enter-active,
.q-transition--slide-down-enter-active,
.q-transition--slide-right-leave-active,
.q-transition--slide-left-leave-active,
.q-transition--slide-up-leave-active,
.q-transition--slide-down-leave-active {
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.q-transition--slide-right-enter {
    transform: translate3d(-100%, 0, 0);
}

.q-transition--slide-right-leave-to {
    transform: translate3d(100%, 0, 0);
}

.q-transition--slide-left-enter {
    transform: translate3d(100%, 0, 0);
}

.q-transition--slide-left-leave-to {
    transform: translate3d(-100%, 0, 0);
}

.q-transition--slide-up-enter {
    transform: translate3d(0, 100%, 0);
}

.q-transition--slide-up-leave-to {
    transform: translate3d(0, -100%, 0);
}

.q-transition--slide-down-enter {
    transform: translate3d(0, -100%, 0);
}

.q-transition--slide-down-leave-to {
    transform: translate3d(0, 100%, 0);
}

.q-transition--jump-right-enter-active,
.q-transition--jump-left-enter-active,
.q-transition--jump-up-enter-active,
.q-transition--jump-down-enter-active,
.q-transition--jump-right-leave-active,
.q-transition--jump-left-leave-active,
.q-transition--jump-up-leave-active,
.q-transition--jump-down-leave-active {
    transition: opacity 0.3s, transform 0.3s;
}

.q-transition--jump-right-enter,
.q-transition--jump-left-enter,
.q-transition--jump-up-enter,
.q-transition--jump-down-enter,
.q-transition--jump-right-leave-to,
.q-transition--jump-left-leave-to,
.q-transition--jump-up-leave-to,
.q-transition--jump-down-leave-to {
    opacity: 0;
}

.q-transition--jump-right-enter {
    transform: translate3d(-15px, 0, 0);
}

.q-transition--jump-right-leave-to {
    transform: translate3d(15px, 0, 0);
}

.q-transition--jump-left-enter {
    transform: translate3d(15px, 0, 0);
}

.q-transition--jump-left-leave-to {
    transform: translateX(-15px);
}

.q-transition--jump-up-enter {
    transform: translate3d(0, 15px, 0);
}

.q-transition--jump-up-leave-to {
    transform: translate3d(0, -15px, 0);
}

.q-transition--jump-down-enter {
    transform: translate3d(0, -15px, 0);
}

.q-transition--jump-down-leave-to {
    transform: translate3d(0, 15px, 0);
}

.q-transition--fade-enter-active,
.q-transition--fade-leave-active {
    transition: opacity 0.3s ease-out;
}

.q-transition--fade-enter,
.q-transition--fade-leave,
.q-transition--fade-leave-to {
    opacity: 0;
}

.q-transition--scale-enter-active,
.q-transition--scale-leave-active {
    transition: opacity 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.q-transition--scale-enter,
.q-transition--scale-leave,
.q-transition--scale-leave-to {
    opacity: 0;
    transform: scale3d(0, 0, 1);
}

.q-transition--rotate-enter-active,
.q-transition--rotate-leave-active {
    transition: opacity 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform-style: preserve-3d;
}

.q-transition--rotate-enter,
.q-transition--rotate-leave,
.q-transition--rotate-leave-to {
    opacity: 0;
    transform: scale3d(0, 0, 1) rotate3d(0, 0, 1, 90deg);
}

.q-transition--flip-right-enter-active,
.q-transition--flip-left-enter-active,
.q-transition--flip-up-enter-active,
.q-transition--flip-down-enter-active,
.q-transition--flip-right-leave-active,
.q-transition--flip-left-leave-active,
.q-transition--flip-up-leave-active,
.q-transition--flip-down-leave-active {
    transition: transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.q-transition--flip-right-enter-to,
.q-transition--flip-left-enter-to,
.q-transition--flip-up-enter-to,
.q-transition--flip-down-enter-to,
.q-transition--flip-right-leave,
.q-transition--flip-left-leave,
.q-transition--flip-up-leave,
.q-transition--flip-down-leave {
    transform: perspective(400px) rotate3d(1, 1, 0, 0deg);
}

.q-transition--flip-right-enter {
    transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
}

.q-transition--flip-right-leave-to {
    transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
}

.q-transition--flip-left-enter {
    transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
}

.q-transition--flip-left-leave-to {
    transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
}

.q-transition--flip-up-enter {
    transform: perspective(400px) rotate3d(1, 0, 0, -180deg);
}

.q-transition--flip-up-leave-to {
    transform: perspective(400px) rotate3d(1, 0, 0, 180deg);
}

.q-transition--flip-down-enter {
    transform: perspective(400px) rotate3d(1, 0, 0, 180deg);
}

.q-transition--flip-down-leave-to {
    transform: perspective(400px) rotate3d(1, 0, 0, -180deg);
}

.text-h1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 6rem;
    letter-spacing: -0.01562em;
}

.text-h2 {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 3.75rem;
    letter-spacing: -0.00833em;
}

.text-h3 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 3.125rem;
    letter-spacing: normal;
}

.text-h4 {
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: 0.00735em;
}

.text-h5 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
}

.text-h6 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.0125em;
}

.text-subtitle1 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: 0.00937em;
}

.text-subtitle2 {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.00714em;
}

.text-body1 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.03125em;
}

.text-body2 {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.01786em;
}

.text-overline {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.16667em;
}

.text-caption {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.03333em;
}

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

.text-lowercase {
    text-transform: lowercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.text-italic {
    font-style: italic;
}

.text-bold {
    font-weight: bold;
}

.text-no-wrap {
    white-space: nowrap;
}

.text-strike {
    text-decoration: line-through;
}

.text-weight-thin {
    font-weight: 100;
}

.text-weight-light {
    font-weight: 300;
}

.text-weight-regular {
    font-weight: 400;
}

.text-weight-medium {
    font-weight: 500;
}

.text-weight-bold {
    font-weight: 700;
}

.text-weight-bolder {
    font-weight: 900;
}

small {
    font-size: 80%;
}

big {
    font-size: 170%;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

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

.no-padding {
    padding: 0 !important;
}

.no-border {
    border: 0 !important;
}

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

.no-box-shadow {
    box-shadow: none !important;
}

.no-outline {
    outline: 0 !important;
}

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

.ellipsis-2-lines,
.ellipsis-3-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ellipsis-2-lines {
    -webkit-line-clamp: 2;
}

.ellipsis-3-lines {
    -webkit-line-clamp: 3;
}

.transparent {
    background: transparent !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-hidden-y {
    overflow-y: hidden !important;
}

.hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .hide-scrollbar::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }

.dimmed:after,
.light-dimmed:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.dimmed:after {
    background: rgba(0,0,0,0.4) !important;
}

.light-dimmed:after {
    background: rgba(255,255,255,0.6) !important;
}

.z-top {
    z-index: 7000 !important;
}

.z-max {
    z-index: 9998 !important;
}

@media all and (orientation: portrait) {
    .orientation-landscape {
        display: none !important;
    }
}

@media all and (orientation: landscape) {
    .orientation-portrait {
        display: none !important;
    }
}

@media screen {
    .print-only {
        display: none !important;
    }
}

@media print {
    .print-hide {
        display: none !important;
    }
}

@media (max-width: 599px) {
    .xs-hide,
    .gt-xs,
    .sm,
    .gt-sm,
    .md,
    .gt-md,
    .lg,
    .gt-lg,
    .xl {
        display: none !important;
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .sm-hide,
    .xs,
    .lt-sm,
    .gt-sm,
    .md,
    .gt-md,
    .lg,
    .gt-lg,
    .xl {
        display: none !important;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .md-hide,
    .xs,
    .lt-sm,
    .sm,
    .lt-md,
    .gt-md,
    .lg,
    .gt-lg,
    .xl {
        display: none !important;
    }
}

@media (min-width: 1440px) and (max-width: 1919px) {
    .lg-hide,
    .xs,
    .lt-sm,
    .sm,
    .lt-md,
    .md,
    .lt-lg,
    .gt-lg,
    .xl {
        display: none !important;
    }
}

@media (min-width: 1920px) {
    .xl-hide,
    .xs,
    .lt-sm,
    .sm,
    .lt-md,
    .md,
    .lt-lg,
    .lg,
    .lt-xl {
        display: none !important;
    }
}