.modal-header.login-info a span {
    text-transform: capitalize;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/*#region DHTMLX */

.magnum-light .dhx_cal_light select {
    width: auto !important;
    min-width: 70px !important;
}

/*.magnum-light.red .dhx_cal_event_line {
    background-color: #cc0000 !important;
}

.magnum-light.blue .dhx_cal_event_line {
    background-color: #53affc !important;
}

.magnum-light.gray .dhx_cal_event_line {
    background-color: #708293 !important;
}*/

.dhx_cal_event_line {
    background-color: #757575 !important;
}

.dhx_cal_custom {
    border: 0;
    font-size: 14px;
    font-weight: normal;
    font-family: arial;
    width: 100%;
    top: 14px;
    text-align: left;
    position: absolute;
    left: 0;
    z-index: -1;
}

    .dhx_cal_custom table td:first-child {
        width: 120px;
    }

    .dhx_cal_custom .btn-group {
        position: relative;
        top: -2px;
    }

.dhx_cal_search input {
    position: absolute;
    top: 63px;
    left: 10px;
    width: 175px;
    font-size: 14px;
}

.dhx_cal_event_line span {
    position: relative;
}

.dhx_cal_event_line .dhx_event_resize.dhx_event_resize_start.progress {
    background-color: #207cca;
    width: 69px;
}

.dhx_event_line .dhx_event_progress_drag {
    bottom: -4px;
    height: 16px;
    margin-left: -8px;
    width: 16px;
}

.dhx_event_data_area div, .dhx_event_grid div {
    -ms-touch-action: none;
    -webkit-tap-highlight-color: transparent;
}

.dhx_event_progress_drag {
    height: 8px;
    width: 8px;
    bottom: -4px;
    margin-left: -4px;
    background-position: bottom;
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAGXRFW…U9b2maPqzWa/grKtpE93D5zoZtkiRnyhv4Py6E3ZcAAwDb89Sl5rtPtAAAAABJRU5ErkJggg==);*/
    background-repeat: no-repeat;
    z-index: 2;
}

.dhx_event_drag, .dhx_event_progress_drag {
    cursor: w-resize;
    height: 100%;
    display: none;
    position: absolute;
}

.dhx_event_progress {
    text-align: center;
    z-index: 0;
    background: #a7d991;
    position: absolute;
    left: 0;
}

    .dhx_event_progress.setup {
        background-color: #9ab9f1;
    }

    .dhx_event_progress.run {
        background-color: #9ab9f1;
    }

    .dhx_event_progress.stop {
        background-color: #9ab9f1;
    }

    .dhx_event_progress.error {
        background-color: #9ab9f1;
    }

.dhx_event_side_content, .dhx_event_content, .dhx_event_progress {
    line-height: inherit;
    overflow: hidden;
    height: 100%;
}

.dhx_event_content {
    font-size: 11px;
    /* color: #fff; */
    /* width: 100%; */
    /* top: 0; */
    position: relative;
    white-space: nowrap;
    text-align: center;
    top: 70%;
    transform: translateY(-50%);
}

/*#endregion DHTMLX */

/*#region Magnum Red */

.magnum-red #shortcut ul li .jarvismetro-tile {
    background: #8f261c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOGYyNjFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzYlIiBzdG9wLWNvbG9yPSIjZTAzNzI4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjYjIyMzIzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwMzcyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,#8f261c 0%,#e03728 36%,#b22323 70%,#e03728 100%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#8f261c),color-stop(36%,#e03728),color-stop(70%,#b22323),color-stop(100%,#e03728));
    background: -webkit-linear-gradient(-45deg,#8f261c 0%,#e03728 36%,#b22323 70%,#e03728 100%);
    background: -o-linear-gradient(-45deg,#8f261c 0%,#e03728 36%,#b22323 70%,#e03728 100%);
    background: -ms-linear-gradient(-45deg,#8f261c 0%,#e03728 36%,#b22323 70%,#e03728 100%);
    background: linear-gradient(135deg,#8f261c 0%,#e03728 36%,#b22323 70%,#e03728 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f261c',endColorstr='#e03728',GradientType=1);
}

.magnum-red .lockscreen .logo;background-image: url(/content/img/logoMagnum_red.png);background-repeat: no-repeat;.magnum-red a {
    transition: color .1s linear 0s,background-color .1s linear 0s !important;
}

.magnum-red body.container {
    border-left: 1px solid rgba(34,38,46,.4);
    border-right: 1px solid rgba(34,38,46,.4);
}

.magnum-red #header {
    background-image: none;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top,#8f261c,#e03728);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#8f261c),to(#e03728));
    background-image: -webkit-linear-gradient(top,#8f261c,#e03728);
    background-image: -o-linear-gradient(top,#8f261c,#e03728);
    background-image: linear-gradient(to bottom,#8f261c,#e03728);
}

.magnum-red #logo img[src*="/content/img/logoMagnum_white.png"] {
    background-image: url("/content/img/logoMagnum_red.png");
    background-repeat: no-repeat;
    background-size: 95%;
    display: inline-block;
    padding: 49px 0 0 0;
    height: 0 !important;
}

.magnum-red .project-context > :first-child {
    color: #fff;
    text-shadow: 0 0 1px #777;
}

.magnum-red #ribbon {
    background: #e03728;
    background-image: -moz-linear-gradient(top,#e03728,#8f261c);
    background-image: -webkit-linear-gradient(top,#e03728,#8f261c);
    background-image: -o-linear-gradient(top,#e03728,#8f261c);
    background-image: linear-gradient(to bottom,#e03728,#8f261c);
    background-repeat: repeat-x;
    border-top: 1px solid #333;
}

.magnum-red .breadcrumb > li + li:before {
    color: #eee;
}

.magnum-red .project-selector {
    color: #fff;
}

.magnum-red #logo-group span#activity {
    color: #ccc;
    cursor: pointer;
}

.magnum-red #logo-group > span .badge {
    background: #0aa699;
}

.magnum-red .btn-header > :first-child > a {
    background: #fff;
    cursor: pointer !important;
}

    .magnum-red .btn-header > :first-child > a:hover {
        opacity: .9;
    }

.magnum-red #cancel-search-js {
    background: #fb3c4a;
    line-height: 29px !important;
}

.magnum-red .MsgTitle .txt-color-orangeDark {
    color: #fb3c4a !important;
}

.magnum-red .minifyme {
    background: #434953;
}

    .magnum-red .minifyme:hover {
        background: #5c6c86;
        color: #e1e8f3;
    }

.magnum-red #show-shortcut:hover > i {
    color: #fff;
}

.magnum-red .superbox-list.active:before {
    color: #1b1e24;
}

.magnum-red nav ul b {
    font-size: 14px;
    margin-top: 0;
}

    .magnum-red nav ul b .fa-plus-square-o:before {
        content: "";
    }

    .magnum-red nav ul b .fa-minus-square-o:before {
        content: "";
    }

.magnum-red nav ul ul {
    background: #22262e;
}

    .magnum-red nav ul ul li > a {
        text-shadow: 0 1px 1px #000;
        font-size: 13px;
        padding-left: 43px;
        color: #e1eaf1;
        display: block;
        font-weight: 300;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        overflow: hidden;
    }

        .magnum-red nav ul ul li > a:hover {
            background: #1b1e24 !important;
        }

    .magnum-red nav ul ul ul li a {
        padding: 8px 17px 8px 54px !important;
    }

    .magnum-red nav ul ul ul ul li a {
        padding-left: 72px !important;
    }

    .magnum-red nav ul ul ul ul ul li a {
        padding-left: 90px !important;
    }

    .magnum-red nav ul ul ul ul ul ul li a {
        padding-left: 108px !important;
    }

.magnum-red nav ul li a:active {
    background: 0 0;
}

.magnum-red nav ul li a:hover {
    color: #e1eaf1;
}

.magnum-red nav > ul > li > a > i {
    font-size: 17px;
    vertical-align: 0;
}

.magnum-red nav > ul > li > a b {
    right: 17px;
    top: 5px;
}

.magnum-red nav > ul > li > a > i:after {
    border: 1px solid #fff;
}

.magnum-red nav > ul > li > a:hover i {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
}

.magnum-red .header-search > input[type=text] {
    border-color: #fff !important;
    border-radius: 2px;
}

.magnum-red .header-dropdown-list a.dropdown-toggle {
    color: #fff;
    text-decoration: none;
}

.magnum-red #activity.active .badge {
    background: #0aa699 !important;
}

.magnum-red .ajax-dropdown {
    background: #e2e8f1;
}

.magnum-red .ajax-notifications {
    background: #fff;
}

.magnum-red .onoffswitch-inner:before {
    background-color: #36aecc !important;
}

.magnum-red .bg-color-red {
    background-color: #fb3c4a !important;
}

.magnum-red .ui-chatbox-titlebar {
    background: #3e4553 !important;
}

    .magnum-red .ui-chatbox-titlebar.ui-state-focus {
        background: #1b1f27 !important;
    }

.magnum-red .dropdown-menu, .magnum-red .open > .dropdown-menu {
    padding: 4px;
    overflow-y: auto;
}

    .magnum-red .dropdown-menu > li > a {
        border-radius: 4px;
        margin: 3px 0;
    }

.magnum-red .page-footer, .magnum-red .superbox-show, .magnum-red aside {
    background: #1b1e24;
}

.magnum-red .pagination > .active > a, .magnum-red .pagination > .active > a:focus, .magnum-red .pagination > .active > a:hover, .magnum-red .pagination > .active > span, .magnum-red .pagination > .active > span:focus, .magnum-red .pagination > .active > span:hover {
    background-color: #36aecc;
    border-color: #36aecc;
}

.magnum-red.minified .login-info a {
    margin-top: 2px;
}

.magnum-red.minified .login-info span {
    padding: 0 5px !important;
}

.magnum-red .login-info {
    background-image: -moz-linear-gradient(top,#e03728,#8f261c);
    background-image: -webkit-linear-gradient(top,#e03728,#8f261c);
    background-image: -o-linear-gradient(top,#e03728,#8f261c);
    background-image: linear-gradient(to bottom,#e03728,#8f261c);
    background-repeat: repeat-x;
}

    .magnum-red .login-info a {
        background-image: -moz-linear-gradient(top,#8f261c,#e03728);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#8f261c),to(#e03728));
        background-image: -webkit-linear-gradient(top,#8f261c,#e03728);
        background-image: -o-linear-gradient(top,#8f261c,#e03728);
        background-image: linear-gradient(to bottom,#8f261c,#e03728);
    }

.magnum-red.minified nav ul li a {
    padding: 12px 17px 12px 14px;
}

.magnum-red.minified nav ul ul li > a:hover {
    background: #30343d !important;
}

.magnum-red.minified nav ul ul li > a {
    padding-left: 13px;
    padding-right: 13px !important;
}

.magnum-red.minified nav ul ul ul li a {
    padding-left: 33px !important;
    padding-right: 13px !important;
}

.magnum-red.minified nav ul ul ul ul li a {
    padding-left: 43px !important;
    padding-right: 13px !important;
}

.magnum-red.minified nav ul ul ul ul ul li a {
    padding-left: 53px !important;
    padding-right: 13px !important;
}

.magnum-red.minified nav ul ul ul ul ul ul li a {
    padding-left: 63px !important;
    padding-right: 13px !important;
}

.magnum-red.minified nav ul > li > ul > li > ul {
    background: #1b1e24;
}

.magnum-red.minified nav > ul > li {
    border-bottom: 1px solid #131416;
    border-top: 1px solid #303031;
}

    .magnum-red.minified nav > ul > li > a > i {
        font-size: 18px;
    }

    .magnum-red.minified nav > ul > li > ul {
        background: #1b1e24;
    }

        .magnum-red.minified nav > ul > li > ul > li {
            background: #22262e;
        }

            .magnum-red.minified nav > ul > li > ul > li > ul > li {
                background: #1b1e24;
            }

.magnum-red .jarviswidget .bg-color-greenLight, .magnum-red .jarviswidget-color-greenLight > header {
    border-color: #96b447 !important;
    background: #96b447 !important;
}

.magnum-red .jarviswidget .bg-color-yellow, .magnum-red .jarviswidget-color-yellow > header {
    border-color: #dbb727 !important;
    background: #fdd01c !important;
    color: #25241f;
}

.magnum-red .jarviswidget .bg-color-pink, .magnum-red .jarviswidget-color-pink > header {
    background: #db8ebb !important;
}

.magnum-red.menu-on-top nav ul ul li > a {
    text-shadow: none !important;
    color: #646e75;
}

.magnum-red.menu-on-top nav ul ul li a {
    padding-left: 10px !important;
    font-size: 13px;
}

.magnum-red.menu-on-top nav ul ul li:hover > a {
    color: #fff;
    background-color: #1b1e24;
}

.magnum-red.menu-on-top nav ul ul .active > a {
    color: #fff !important;
}

.magnum-red.menu-on-top nav > ul ul ul {
    border-top: 1px solid #c7c7c7 !important;
}

.magnum-red.menu-on-top nav > ul ul li:hover > ul {
    background: #333;
}

.magnum-red.menu-on-top nav > ul > li > a:after {
    color: #8aa1b3 !important;
}

.magnum-red.menu-on-top aside {
    background: #14161b;
}

    .magnum-red.menu-on-top aside#left-panel {
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
        border-bottom: 1px solid #222;
        border-top: 1px solid #333;
    }

        .magnum-red.menu-on-top aside#left-panel nav > ul > li {
            border-right: 1px solid transparent;
            border-left: 1px solid transparent;
        }

            .magnum-red.menu-on-top aside#left-panel nav > ul > li > a {
                text-shadow: none !important;
                font-size: 13px;
                padding: 10px 9px !important;
            }

            .magnum-red.menu-on-top aside#left-panel nav > ul > li > ul {
                background: #3a3633;
            }

            .magnum-red.menu-on-top aside#left-panel nav > ul > li:hover {
                border-right-color: #333;
                border-left-color: #333;
                background: #fff;
                background: -moz-linear-gradient(top,#04070c 0,#2e3e57 66%);
                background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cfcfcf),color-stop(66%,#2e3e57));
                background: -webkit-linear-gradient(top,#04070c 0,#2e3e57 66%);
                background: -o-linear-gradient(top,#04070c 0,#2e3e57 66%);
                background: -ms-linear-gradient(top,#04070c 0,#2e3e57 66%);
                background: linear-gradient(to bottom,#04070c,#2e3e57 66%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04070C',endColorstr='#2E3E57',GradientType=0);
            }

                .magnum-red.menu-on-top aside#left-panel nav > ul > li:hover > a {
                    color: #f1f1f1 !important;
                    border-left: 1px solid #000;
                    border-right: 1px solid #000;
                    padding-left: 8px !important;
                    padding-right: 8px !important;
                }

.magnum-red.menu-on-top nav ul ul li a, .magnum-red.menu-on-top nav ul ul ul li a {
    color: #d8dee5;
}

    .magnum-red.menu-on-top nav ul ul li a:hover, .magnum-red.menu-on-top nav ul ul ul li a:hover {
        color: #fff;
        background-color: #1b1e24 !important;
    }

.magnum-red.menu-on-top nav ul ul, .magnum-red.menu-on-top nav ul ul ul {
    background: #2e3e57 !important;
    border: 1px solid transparent;
    padding: 0;
}

    .magnum-red.menu-on-top nav ul ul li:hover > a:after, .magnum-red.menu-on-top nav > ul ul > li a:after, .magnum-red.menu-on-top nav > ul ul > li a:hover:after, .magnum-red.menu-on-top nav > ul > li > a:after {
        color: #d5d5d5;
    }

    .magnum-red.menu-on-top nav ul ul li:hover > a:after, .magnum-red.menu-on-top nav > ul ul > li a:hover:after {
        color: #fff;
    }

.magnum-red.menu-on-top nav > ul ul > li a:only-child:after, .magnum-red.menu-on-top nav > ul > li > a:only-child:after {
    content: "" !important;
}

.magnum-red.menu-on-top nav ul ul li.active:hover > a, .magnum-red.menu-on-top nav ul ul li.active > a:hover {
    color: #fff !important;
}

@media(max-width:979px) and (min-width:768px) {
    .magnum-red #hide-menu i {
        color: #6d6a69 !important;
    }
}

@media(max-width:767px) {
    .magnum-red #hide-menu i {
        color: #6d6a69 !important;
    }
}

@media only screen and (max-width:679px) and (min-width:0) {
    .magnum-red #hide-menu i {
        color: #6d6a69 !important;
    }
}

@media only screen and (max-width:479px) and (min-width:320px) {
    .magnum-red #sparks {
        background: transparent;
    }

    .magnum-red #cancel-search-js, .magnum-red .search-mobile .header-search > button {
        border-radius: 3px;
    }
}


/*#endregion */

/*#region Magnum Blue */


.magnum-blue #shortcut ul li .jarvismetro-tile {
    background: #0c57a6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGM1N2E2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzYlIiBzdG9wLWNvbG9yPSIjMDA4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNiYTBkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,#0c57a6 0%,#0089d8 36%,#207cca 70%,#3ba0d6 100%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#0c57a6),color-stop(36%,#0089d8),color-stop(70%,#207cca),color-stop(100%,#3ba0d6));
    background: -webkit-linear-gradient(-45deg,#0c57a6 0%,#0089d8 36%,#207cca 70%,#3ba0d6 100%);
    background: -o-linear-gradient(-45deg,#0c57a6 0%,#0089d8 36%,#207cca 70%,#3ba0d6 100%);
    background: -ms-linear-gradient(-45deg,#0c57a6 0%,#0089d8 36%,#207cca 70%,#3ba0d6 100%);
    background: linear-gradient(135deg,#0c57a6 0%,#0089d8 36%,#207cca 70%,#3ba0d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c57a6',endColorstr='#3ba0d6',GradientType=1);
}

.magnum-blue .lockscreen .logo {
    background-image: url(/content/img/logoMagnum_blue.png);
    background-repeat: no-repeat;
}

.magnum-blue a {
    transition: color .1s linear 0s,background-color .1s linear 0s !important;
}

.magnum-blue body.container {
    border-left: 1px solid rgba(34,38,46,.4);
    border-right: 1px solid rgba(34,38,46,.4);
}

.magnum-blue #header {
    background-image: none;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top,#0c57a6,#0089d8);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#0c57a6),to(#0089d8));
    background-image: -webkit-linear-gradient(top,#0c57a6,#0089d8);
    background-image: -o-linear-gradient(top,#0c57a6,#0089d8);
    background-image: linear-gradient(to bottom,#0c57a6,#0089d8);
}

.magnum-blue #logo img[src*="/content/img/logoMagnum_white.png"] {
    background-image: url("/content/img/logoMagnum_blue.png");
    background-repeat: no-repeat;
    background-size: 95%;
    display: inline-block;
    padding: 49px 0 0 0;
    height: 0 !important;
}

.magnum-blue .project-context > :first-child {
    color: #fff;
    text-shadow: 0 0 1px #777;
}

.magnum-blue #ribbon {
    background: #0089d8;
    background-image: -moz-linear-gradient(top,#0089d8,#0c57a6);
    background-image: -webkit-linear-gradient(top,#0089d8,#0c57a6);
    background-image: -o-linear-gradient(top,#0089d8,#0c57a6);
    background-image: linear-gradient(to bottom,#0089d8,#0c57a6);
    background-repeat: repeat-x;
    border-top: 1px solid #333;
}

.magnum-blue .breadcrumb > li + li:before {
    color: #eee;
}

.magnum-blue .project-selector {
    color: #fff;
}

.magnum-blue #logo-group span#activity {
    color: #ccc;
    cursor: pointer;
}

.magnum-blue #logo-group > span .badge {
    background: #0aa699;
}

.magnum-blue .btn-header > :first-child > a {
    background: #fff;
    cursor: pointer !important;
}

    .magnum-blue .btn-header > :first-child > a:hover {
        opacity: .9;
    }

.magnum-blue #cancel-search-js {
    background: #fb3c4a;
    line-height: 29px !important;
}

.magnum-blue .MsgTitle .txt-color-orangeDark {
    color: #fb3c4a !important;
}

.magnum-blue .minifyme {
    background: #434953;
}

    .magnum-blue .minifyme:hover {
        background: #5c6c86;
        color: #e1e8f3;
    }

.magnum-blue #show-shortcut:hover > i {
    color: #fff;
}

.magnum-blue .superbox-list.active:before {
    color: #1b1e24;
}

.magnum-blue nav ul b {
    font-size: 14px;
    margin-top: 0;
}

    .magnum-blue nav ul b .fa-plus-square-o:before {
        content: "";
    }

    .magnum-blue nav ul b .fa-minus-square-o:before {
        content: "";
    }

.magnum-blue nav ul ul {
    background: #22262e;
}

    .magnum-blue nav ul ul li > a {
        text-shadow: 0 1px 1px #000;
        font-size: 13px;
        padding-left: 43px;
        color: #e1eaf1;
        display: block;
        font-weight: 300;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        overflow: hidden;
    }

        .magnum-blue nav ul ul li > a:hover {
            background: #1b1e24 !important;
        }

    .magnum-blue nav ul ul ul li a {
        padding: 8px 17px 8px 54px !important;
    }

    .magnum-blue nav ul ul ul ul li a {
        padding-left: 72px !important;
    }

    .magnum-blue nav ul ul ul ul ul li a {
        padding-left: 90px !important;
    }

    .magnum-blue nav ul ul ul ul ul ul li a {
        padding-left: 108px !important;
    }

.magnum-blue nav ul li a:active {
    background: 0 0;
}

.magnum-blue nav ul li a:hover {
    color: #e1eaf1;
}

.magnum-blue nav > ul > li > a > i {
    font-size: 17px;
    vertical-align: 0;
}

.magnum-blue nav > ul > li > a b {
    right: 17px;
    top: 5px;
}

.magnum-blue nav > ul > li > a > i:after {
    border: 1px solid #fff;
}

.magnum-blue nav > ul > li > a:hover i {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
}

.magnum-blue .header-search > input[type=text] {
    border-color: #fff !important;
    border-radius: 2px;
}

.magnum-blue .header-dropdown-list a.dropdown-toggle {
    color: #fff;
    text-decoration: none;
}

.magnum-blue #activity.active .badge {
    background: #0aa699 !important;
}

.magnum-blue .ajax-dropdown {
    background: #e2e8f1;
}

.magnum-blue .ajax-notifications {
    background: #fff;
}

.magnum-blue .onoffswitch-inner:before {
    background-color: #36aecc !important;
}

.magnum-blue .bg-color-blue {
    background-color: #fb3c4a !important;
}

.magnum-blue .ui-chatbox-titlebar {
    background: #3e4553 !important;
}

    .magnum-blue .ui-chatbox-titlebar.ui-state-focus {
        background: #1b1f27 !important;
    }

.magnum-blue .dropdown-menu, .magnum-blue .open > .dropdown-menu {
    padding: 4px;
    overflow-y: auto;
}

    .magnum-blue .dropdown-menu > li > a {
        border-radius: 4px;
        margin: 3px 0;
    }

.magnum-blue .page-footer, .magnum-blue .superbox-show, .magnum-blue aside {
    background: #1b1e24;
}

.magnum-blue .pagination > .active > a, .magnum-blue .pagination > .active > a:focus, .magnum-blue .pagination > .active > a:hover, .magnum-blue .pagination > .active > span, .magnum-blue .pagination > .active > span:focus, .magnum-blue .pagination > .active > span:hover {
    background-color: #36aecc;
    border-color: #36aecc;
}

.magnum-blue .login-info {
    background-image: -moz-linear-gradient(top,#0089d8,#0c57a6);
    background-image: -webkit-linear-gradient(top,#0089d8,#0c57a6);
    background-image: -o-linear-gradient(top,#0089d8,#0c57a6);
    background-image: linear-gradient(to bottom,#0089d8,#0c57a6);
    background-repeat: repeat-x;
}

    .magnum-blue .login-info a {
        background-image: -moz-linear-gradient(top,#0c57a6,#0089d8);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#0c57a6),to(#0089d8));
        background-image: -webkit-linear-gradient(top,#0c57a6,#0089d8);
        background-image: -o-linear-gradient(top,#0c57a6,#0089d8);
        background-image: linear-gradient(to bottom,#0c57a6,#0089d8);
    }

.magnum-blue.minified .login-info a {
    margin-top: 2px;
}

.magnum-blue.minified .login-info span {
    padding: 0 5px !important;
}

.magnum-blue.minified nav ul li a {
    padding: 12px 17px 12px 14px;
}

.magnum-blue.minified nav ul ul li > a:hover {
    background: #30343d !important;
}

.magnum-blue.minified nav ul ul li > a {
    padding-left: 13px;
    padding-right: 13px !important;
}

.magnum-blue.minified nav ul ul ul li a {
    padding-left: 33px !important;
    padding-right: 13px !important;
}

.magnum-blue.minified nav ul ul ul ul li a {
    padding-left: 43px !important;
    padding-right: 13px !important;
}

.magnum-blue.minified nav ul ul ul ul ul li a {
    padding-left: 53px !important;
    padding-right: 13px !important;
}

.magnum-blue.minified nav ul ul ul ul ul ul li a {
    padding-left: 63px !important;
    padding-right: 13px !important;
}

.magnum-blue.minified nav ul > li > ul > li > ul {
    background: #1b1e24;
}

.magnum-blue.minified nav > ul > li {
    border-bottom: 1px solid #131416;
    border-top: 1px solid #303031;
}

    .magnum-blue.minified nav > ul > li > a > i {
        font-size: 18px;
    }

    .magnum-blue.minified nav > ul > li > ul {
        background: #1b1e24;
    }

        .magnum-blue.minified nav > ul > li > ul > li {
            background: #22262e;
        }

            .magnum-blue.minified nav > ul > li > ul > li > ul > li {
                background: #1b1e24;
            }

.magnum-blue .jarviswidget .bg-color-greenLight, .magnum-blue .jarviswidget-color-greenLight > header {
    border-color: #96b447 !important;
    background: #96b447 !important;
}

.magnum-blue .jarviswidget .bg-color-yellow, .magnum-blue .jarviswidget-color-yellow > header {
    border-color: #dbb727 !important;
    background: #fdd01c !important;
    color: #25241f;
}

.magnum-blue .jarviswidget .bg-color-pink, .magnum-blue .jarviswidget-color-pink > header {
    background: #db8ebb !important;
}

.magnum-blue.menu-on-top nav ul ul li > a {
    text-shadow: none !important;
    color: #646e75;
}

.magnum-blue.menu-on-top nav ul ul li a {
    padding-left: 10px !important;
    font-size: 13px;
}

.magnum-blue.menu-on-top nav ul ul li:hover > a {
    color: #fff;
    background-color: #1b1e24;
}

.magnum-blue.menu-on-top nav ul ul .active > a {
    color: #fff !important;
}

.magnum-blue.menu-on-top nav > ul ul ul {
    border-top: 1px solid #c7c7c7 !important;
}

.magnum-blue.menu-on-top nav > ul ul li:hover > ul {
    background: #333;
}

.magnum-blue.menu-on-top nav > ul > li > a:after {
    color: #8aa1b3 !important;
}

.magnum-blue.menu-on-top aside {
    background: #14161b;
}

    .magnum-blue.menu-on-top aside#left-panel {
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
        border-bottom: 1px solid #222;
        border-top: 1px solid #333;
    }

        .magnum-blue.menu-on-top aside#left-panel nav > ul > li {
            border-right: 1px solid transparent;
            border-left: 1px solid transparent;
        }

            .magnum-blue.menu-on-top aside#left-panel nav > ul > li > a {
                text-shadow: none !important;
                font-size: 13px;
                padding: 10px 9px !important;
            }

            .magnum-blue.menu-on-top aside#left-panel nav > ul > li > ul {
                background: #3a3633;
            }

            .magnum-blue.menu-on-top aside#left-panel nav > ul > li:hover {
                border-right-color: #333;
                border-left-color: #333;
                background: #fff;
                background: -moz-linear-gradient(top,#04070c 0,#2e3e57 66%);
                background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cfcfcf),color-stop(66%,#2e3e57));
                background: -webkit-linear-gradient(top,#04070c 0,#2e3e57 66%);
                background: -o-linear-gradient(top,#04070c 0,#2e3e57 66%);
                background: -ms-linear-gradient(top,#04070c 0,#2e3e57 66%);
                background: linear-gradient(to bottom,#04070c,#2e3e57 66%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04070C',endColorstr='#2E3E57',GradientType=0);
            }

                .magnum-blue.menu-on-top aside#left-panel nav > ul > li:hover > a {
                    color: #f1f1f1 !important;
                    border-left: 1px solid #000;
                    border-right: 1px solid #000;
                    padding-left: 8px !important;
                    padding-right: 8px !important;
                }

.magnum-blue.menu-on-top nav ul ul li a, .magnum-blue.menu-on-top nav ul ul ul li a {
    color: #d8dee5;
}

    .magnum-blue.menu-on-top nav ul ul li a:hover, .magnum-blue.menu-on-top nav ul ul ul li a:hover {
        color: #fff;
        background-color: #1b1e24 !important;
    }

.magnum-blue.menu-on-top nav ul ul, .magnum-blue.menu-on-top nav ul ul ul {
    background: #2e3e57 !important;
    border: 1px solid transparent;
    padding: 0;
}

    .magnum-blue.menu-on-top nav ul ul li:hover > a:after, .magnum-blue.menu-on-top nav > ul ul > li a:after, .magnum-blue.menu-on-top nav > ul ul > li a:hover:after, .magnum-blue.menu-on-top nav > ul > li > a:after {
        color: #d5d5d5;
    }

    .magnum-blue.menu-on-top nav ul ul li:hover > a:after, .magnum-blue.menu-on-top nav > ul ul > li a:hover:after {
        color: #fff;
    }

.magnum-blue.menu-on-top nav > ul ul > li a:only-child:after, .magnum-blue.menu-on-top nav > ul > li > a:only-child:after {
    content: "" !important;
}

.magnum-blue.menu-on-top nav ul ul li.active:hover > a, .magnum-blue.menu-on-top nav ul ul li.active > a:hover {
    color: #fff !important;
}

@media(max-width:979px) and (min-width:768px) {
    .magnum-blue #hide-menu i {
        color: #6d6a69 !important;
    }
}

@media(max-width:767px) {
    .magnum-blue #hide-menu i {
        color: #6d6a69 !important;
    }
}

@media only screen and (max-width:679px) and (min-width:0) {
    .magnum-blue #hide-menu i {
        color: #6d6a69 !important;
    }
}

@media only screen and (max-width:479px) and (min-width:320px) {
    .magnum-blue #sparks {
        background: transparent;
    }

    .magnum-blue #cancel-search-js, .magnum-blue .search-mobile .header-search > button {
        border-radius: 3px;
    }
}


/*#endregion */

/*#region Magnum Gray */


.magnum-gray #shortcut ul li .jarvismetro-tile {
    background: #4f5c68;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGY1YzY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzYlIiBzdG9wLWNvbG9yPSIjOGRhNmI3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjNzA4MjkzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlkYjhjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,#4f5c68 0%,#8da6b7 36%,#708293 70%,#9db8c9 100%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#4f5c68),color-stop(36%,#8da6b7),color-stop(70%,#708293),color-stop(100%,#9db8c9));
    background: -webkit-linear-gradient(-45deg,#4f5c68 0%,#8da6b7 36%,#708293 70%,#9db8c9 100%);
    background: -o-linear-gradient(-45deg,#4f5c68 0%,#8da6b7 36%,#708293 70%,#9db8c9 100%);
    background: -ms-linear-gradient(-45deg,#4f5c68 0%,#8da6b7 36%,#708293 70%,#9db8c9 100%);
    background: linear-gradient(135deg,#4f5c68 0%,#8da6b7 36%,#708293 70%,#9db8c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5c68',endColorstr='#9db8c9',GradientType=1);
}

.magnum-gray .lockscreen .logo {
    background-image: url(/content/img/logoMagnum_gray.png);
    background-repeat: no-repeat;
}

.magnum-gray a {
    transition: color .1s linear 0s,background-color .1s linear 0s !important;
}

.magnum-gray body.container {
    border-left: 1px solid rgba(34,38,46,.4);
    border-right: 1px solid rgba(34,38,46,.4);
}

.magnum-gray #header {
    background-image: none;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top,#4f5c68,#8da6b7);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#4f5c68),to(#8da6b7));
    background-image: -webkit-linear-gradient(top,#4f5c68,#8da6b7);
    background-image: -o-linear-gradient(top,#4f5c68,#8da6b7);
    background-image: linear-gradient(to bottom,#4f5c68,#8da6b7);
}

.magnum-gray #logo img[src*="/content/img/logoMagnum_white.png"] {
    background-image: url("/content/img/logoMagnum_gray.png");
    background-repeat: no-repeat;
    background-size: 95%;
    display: inline-block;
    padding: 49px 0 0 0;
    height: 0 !important;
}

.magnum-gray .project-context > :first-child {
    color: #fff;
    text-shadow: 0 0 1px #777;
}

.magnum-gray #ribbon {
    background: #8da6b7;
    background-image: -moz-linear-gradient(top,#8da6b7,#4f5c68);
    background-image: -webkit-linear-gradient(top,#8da6b7,#4f5c68);
    background-image: -o-linear-gradient(top,#8da6b7,#4f5c68);
    background-image: linear-gradient(to bottom,#8da6b7,#4f5c68);
    background-repeat: repeat-x;
    border-top: 1px solid #333;
}

.magnum-gray .breadcrumb > li + li:before {
    color: #eee;
}

.magnum-gray .project-selector {
    color: #fff;
}

.magnum-gray #logo-group span#activity {
    color: #ccc;
    cursor: pointer;
}

.magnum-gray #logo-group > span .badge {
    background: #0aa699;
}

.magnum-gray .btn-header > :first-child > a {
    background: #fff;
    cursor: pointer !important;
}

    .magnum-gray .btn-header > :first-child > a:hover {
        opacity: .9;
    }

.magnum-gray #cancel-search-js {
    background: #fb3c4a;
    line-height: 29px !important;
}

.magnum-gray .MsgTitle .txt-color-orangeDark {
    color: #fb3c4a !important;
}

.magnum-gray .minifyme {
    background: #434953;
}

    .magnum-gray .minifyme:hover {
        background: #5c6c86;
        color: #e1e8f3;
    }

.magnum-gray #show-shortcut:hover > i {
    color: #fff;
}

.magnum-gray .superbox-list.active:before {
    color: #1b1e24;
}

.magnum-gray nav ul b {
    font-size: 14px;
    margin-top: 0;
}

    .magnum-gray nav ul b .fa-plus-square-o:before {
        content: "";
    }

    .magnum-gray nav ul b .fa-minus-square-o:before {
        content: "";
    }

.magnum-gray nav ul ul {
    background: #22262e;
}

    .magnum-gray nav ul ul li > a {
        text-shadow: 0 1px 1px #000;
        font-size: 13px;
        padding-left: 43px;
        color: #e1eaf1;
        display: block;
        font-weight: 300;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        overflow: hidden;
    }

        .magnum-gray nav ul ul li > a:hover {
            background: #1b1e24 !important;
        }

    .magnum-gray nav ul ul ul li a {
        padding: 8px 17px 8px 54px !important;
    }

    .magnum-gray nav ul ul ul ul li a {
        padding-left: 72px !important;
    }

    .magnum-gray nav ul ul ul ul ul li a {
        padding-left: 90px !important;
    }

    .magnum-gray nav ul ul ul ul ul ul li a {
        padding-left: 108px !important;
    }

.magnum-gray nav ul li a:active {
    background: 0 0;
}

.magnum-gray nav ul li a:hover {
    color: #e1eaf1;
}

.magnum-gray nav > ul > li > a > i {
    font-size: 17px;
    vertical-align: 0;
}

.magnum-gray nav > ul > li > a b {
    right: 17px;
    top: 5px;
}

.magnum-gray nav > ul > li > a > i:after {
    border: 1px solid #fff;
}

.magnum-gray nav > ul > li > a:hover i {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
}

.magnum-gray .header-search > input[type=text] {
    border-color: #fff !important;
    border-radius: 2px;
}

.magnum-gray .header-dropdown-list a.dropdown-toggle {
    color: #fff;
    text-decoration: none;
}

.magnum-gray #activity.active .badge {
    background: #0aa699 !important;
}

.magnum-gray .ajax-dropdown {
    background: #e2e8f1;
}

.magnum-gray .ajax-notifications {
    background: #fff;
}

.magnum-gray .onoffswitch-inner:before {
    background-color: #36aecc !important;
}

.magnum-gray .bg-color-gray {
    background-color: #fb3c4a !important;
}

.magnum-gray .ui-chatbox-titlebar {
    background: #3e4553 !important;
}

    .magnum-gray .ui-chatbox-titlebar.ui-state-focus {
        background: #1b1f27 !important;
    }

.magnum-gray .dropdown-menu, .magnum-gray .open > .dropdown-menu {
    padding: 4px;
    overflow-y: auto;
}

    .magnum-gray .dropdown-menu > li > a {
        border-radius: 4px;
        margin: 3px 0;
    }

.magnum-gray .page-footer, .magnum-gray .superbox-show, .magnum-gray aside {
    background: #1b1e24;
}

.magnum-gray .pagination > .active > a, .magnum-gray .pagination > .active > a:focus, .magnum-gray .pagination > .active > a:hover, .magnum-gray .pagination > .active > span, .magnum-gray .pagination > .active > span:focus, .magnum-gray .pagination > .active > span:hover {
    background-color: #36aecc;
    border-color: #36aecc;
}

.magnum-gray .login-info {
    background-image: -moz-linear-gradient(top,#8da6b7,#4f5c68);
    background-image: -webkit-linear-gradient(top,#8da6b7,#4f5c68);
    background-image: -o-linear-gradient(top,#8da6b7,#4f5c68);
    background-image: linear-gradient(to bottom,#8da6b7,#4f5c68);
    background-repeat: repeat-x;
}

    .magnum-gray .login-info a {
        background-image: -moz-linear-gradient(top,#4f5c68,#8da6b7);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#4f5c68),to(#8da6b7));
        background-image: -webkit-linear-gradient(top,#4f5c68,#8da6b7);
        background-image: -o-linear-gradient(top,#4f5c68,#8da6b7);
        background-image: linear-gradient(to bottom,#4f5c68,#8da6b7);
    }

.magnum-gray.minified .login-info a {
    margin-top: 2px;
}

.magnum-gray.minified .login-info span {
    padding: 0 5px !important;
}

.magnum-gray.minified nav ul li a {
    padding: 12px 17px 12px 14px;
}

.magnum-gray.minified nav ul ul li > a:hover {
    background: #30343d !important;
}

.magnum-gray.minified nav ul ul li > a {
    padding-left: 13px;
    padding-right: 13px !important;
}

.magnum-gray.minified nav ul ul ul li a {
    padding-left: 33px !important;
    padding-right: 13px !important;
}

.magnum-gray.minified nav ul ul ul ul li a {
    padding-left: 43px !important;
    padding-right: 13px !important;
}

.magnum-gray.minified nav ul ul ul ul ul li a {
    padding-left: 53px !important;
    padding-right: 13px !important;
}

.magnum-gray.minified nav ul ul ul ul ul ul li a {
    padding-left: 63px !important;
    padding-right: 13px !important;
}

.magnum-gray.minified nav ul > li > ul > li > ul {
    background: #1b1e24;
}

.magnum-gray.minified nav > ul > li {
    border-bottom: 1px solid #131416;
    border-top: 1px solid #303031;
}

    .magnum-gray.minified nav > ul > li > a > i {
        font-size: 18px;
    }

    .magnum-gray.minified nav > ul > li > ul {
        background: #1b1e24;
    }

        .magnum-gray.minified nav > ul > li > ul > li {
            background: #22262e;
        }

            .magnum-gray.minified nav > ul > li > ul > li > ul > li {
                background: #1b1e24;
            }

.magnum-gray .jarviswidget .bg-color-greenLight, .magnum-gray .jarviswidget-color-greenLight > header {
    border-color: #96b447 !important;
    background: #96b447 !important;
}

.magnum-gray .jarviswidget .bg-color-yellow, .magnum-gray .jarviswidget-color-yellow > header {
    border-color: #dbb727 !important;
    background: #fdd01c !important;
    color: #25241f;
}

.magnum-gray .jarviswidget .bg-color-pink, .magnum-gray .jarviswidget-color-pink > header {
    background: #db8ebb !important;
}

.magnum-gray.menu-on-top nav ul ul li > a {
    text-shadow: none !important;
    color: #646e75;
}

.magnum-gray.menu-on-top nav ul ul li a {
    padding-left: 10px !important;
    font-size: 13px;
}

.magnum-gray.menu-on-top nav ul ul li:hover > a {
    color: #fff;
    background-color: #1b1e24;
}

.magnum-gray.menu-on-top nav ul ul .active > a {
    color: #fff !important;
}

.magnum-gray.menu-on-top nav > ul ul ul {
    border-top: 1px solid #c7c7c7 !important;
}

.magnum-gray.menu-on-top nav > ul ul li:hover > ul {
    background: #333;
}

.magnum-gray.menu-on-top nav > ul > li > a:after {
    color: #8aa1b3 !important;
}

.magnum-gray.menu-on-top aside {
    background: #14161b;
}

    .magnum-gray.menu-on-top aside#left-panel {
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
        border-bottom: 1px solid #222;
        border-top: 1px solid #333;
    }

        .magnum-gray.menu-on-top aside#left-panel nav > ul > li {
            border-right: 1px solid transparent;
            border-left: 1px solid transparent;
        }

            .magnum-gray.menu-on-top aside#left-panel nav > ul > li > a {
                text-shadow: none !important;
                font-size: 13px;
                padding: 10px 9px !important;
            }

            .magnum-gray.menu-on-top aside#left-panel nav > ul > li > ul {
                background: #3a3633;
            }

            .magnum-gray.menu-on-top aside#left-panel nav > ul > li:hover {
                border-right-color: #333;
                border-left-color: #333;
                background: #fff;
                background: -moz-linear-gradient(top,#04070c 0,#2e3e57 66%);
                background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cfcfcf),color-stop(66%,#2e3e57));
                background: -webkit-linear-gradient(top,#04070c 0,#2e3e57 66%);
                background: -o-linear-gradient(top,#04070c 0,#2e3e57 66%);
                background: -ms-linear-gradient(top,#04070c 0,#2e3e57 66%);
                background: linear-gradient(to bottom,#04070c,#2e3e57 66%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04070C',endColorstr='#2E3E57',GradientType=0);
            }

                .magnum-gray.menu-on-top aside#left-panel nav > ul > li:hover > a {
                    color: #f1f1f1 !important;
                    border-left: 1px solid #000;
                    border-right: 1px solid #000;
                    padding-left: 8px !important;
                    padding-right: 8px !important;
                }

.magnum-gray.menu-on-top nav ul ul li a, .magnum-gray.menu-on-top nav ul ul ul li a {
    color: #d8dee5;
}

    .magnum-gray.menu-on-top nav ul ul li a:hover, .magnum-gray.menu-on-top nav ul ul ul li a:hover {
        color: #fff;
        background-color: #1b1e24 !important;
    }

.magnum-gray.menu-on-top nav ul ul, .magnum-gray.menu-on-top nav ul ul ul {
    background: #2e3e57 !important;
    border: 1px solid transparent;
    padding: 0;
}

    .magnum-gray.menu-on-top nav ul ul li:hover > a:after, .magnum-gray.menu-on-top nav > ul ul > li a:after, .magnum-gray.menu-on-top nav > ul ul > li a:hover:after, .magnum-gray.menu-on-top nav > ul > li > a:after {
        color: #d5d5d5;
    }

    .magnum-gray.menu-on-top nav ul ul li:hover > a:after, .magnum-gray.menu-on-top nav > ul ul > li a:hover:after {
        color: #fff;
    }

.magnum-gray.menu-on-top nav > ul ul > li a:only-child:after, .magnum-gray.menu-on-top nav > ul > li > a:only-child:after {
    content: "" !important;
}

.magnum-gray.menu-on-top nav ul ul li.active:hover > a, .magnum-gray.menu-on-top nav ul ul li.active > a:hover {
    color: #fff !important;
}

@media(max-width:979px) and (min-width:768px) {
    .magnum-gray #hide-menu i {
        color: #6d6a69 !important;
    }
}

@media(max-width:767px) {
    .magnum-gray #hide-menu i {
        color: #6d6a69 !important;
    }
}

@media only screen and (max-width:679px) and (min-width:0) {
    .magnum-gray #hide-menu i {
        color: #6d6a69 !important;
    }
}

@media only screen and (max-width:479px) and (min-width:320px) {
    .magnum-gray #sparks {
        background: transparent;
    }

    .magnum-gray #cancel-search-js, .magnum-gray .search-mobile .header-search > button {
        border-radius: 3px;
    }
}


/*#endregion */

/*#region body.magnum-light */

body.magnum-light .widget-panel > span {
    border: 1px solid #ccc;
}

body.magnum-light .widget-panel.activate {
    border: 1px solid #ccc;
}

body.magnum-light .btn.btn-ribbon {
    color: #777;
    padding: 0 5px;
}

body.magnum-light .ribbon-button-alignment {
    padding-top: 8px;
}

body.magnum-light .MessageBoxMiddle {
    position: relative;
    left: 10%;
    width: 90%;
}

    body.magnum-light .MessageBoxMiddle .MessageBoxContainer input, .MessageBoxContainer select {
        padding: 7px;
    }

body.magnum-light .group-sort label span {
    font-size: larger;
    font-weight: bold;
}

/*#region MTX */

body.magnum-light.red .group-sort {
    /*background-color: rgba(210,0,0,.3) !important;*/
}

body.magnum-light.red #header {
    background-image: none;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top,#8f261c,#e03728);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#8f261c),to(#e03728));
    background-image: -webkit-linear-gradient(top,#8f261c,#e03728);
    background-image: -o-linear-gradient(top,#8f261c,#e03728);
    background-image: linear-gradient(to bottom,#8f261c,#e03728);
}

body.magnum-light.red #shortcut ul li .jarvismetro-tile {
    background: #8f261c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,#8f261c 0%,#e03728 36%,#b22323 70%,#e03728 100%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#8f261c),color-stop(36%,#e03728),color-stop(70%,#b22323),color-stop(100%,#e03728));
    background: -webkit-linear-gradient(-45deg,#8f261c 0%,#e03728 36%,#b22323 70%,#e03728 100%);
    background: -o-linear-gradient(-45deg,#8f261c 0%,#e03728 36%,#b22323 70%,#e03728 100%);
    background: -ms-linear-gradient(-45deg,#8f261c 0%,#e03728 36%,#b22323 70%,#e03728 100%);
    background: linear-gradient(135deg,#8f261c 0%,#e03728 36%,#b22323 70%,#e03728 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f261c',endColorstr='#e03728',GradientType=1);
}

body.magnum-light.red .nav-pills > li.active > a,
body.magnum-light.red .nav-pills > li.active > a:focus,
body.magnum-light.red .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #cc0000;
}

body.magnum-light.red .nav-tabs > li.active > a {
    -webkit-box-shadow: 0 -2px 0 #cc0000;
    -moz-box-shadow: 0 -2px 0 #cc0000;
    box-shadow: 0 -2px 0 #cc0000;
    z-index: 10;
}

body.magnum-light.red .minifyme {
    background: #cc0000;
    color: #FFF;
    position: absolute;
    width: 29px;
    border-radius: 50%;
    z-index: 999;
    right: -12px;
    padding: 1px 3px;
    border-bottom: 1px solid #cc1010;
}

/*#endregion */

/*#region Atlas */

body.magnum-light.blue #header {
    background: #2196F3;
    background-image: -moz-linear-gradient(top,#0c57a6,#0089d8);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#0c57a6),to(#0089d8));
    background-image: -webkit-linear-gradient(top,#0c57a6,#0089d8);
    background-image: -o-linear-gradient(top,#0c57a6,#0089d8);
    background-image: linear-gradient(to bottom,#0c57a6,#0089d8);
}

body.magnum-light.blue #shortcut ul li .jarvismetro-tile {
    background: #0c57a6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,#0c57a6 0%,#0089d8 36%,#207cca 70%,#3ba0d6 100%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#0c57a6),color-stop(36%,#0089d8),color-stop(70%,#207cca),color-stop(100%,#3ba0d6));
    background: -webkit-linear-gradient(-45deg,#0c57a6 0%,#0089d8 36%,#207cca 70%,#3ba0d6 100%);
    background: -o-linear-gradient(-45deg,#0c57a6 0%,#0089d8 36%,#207cca 70%,#3ba0d6 100%);
    background: -ms-linear-gradient(-45deg,#0c57a6 0%,#0089d8 36%,#207cca 70%,#3ba0d6 100%);
    background: linear-gradient(135deg,#0c57a6 0%,#0089d8 36%,#207cca 70%,#3ba0d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c57a6',endColorstr='#3ba0d6',GradientType=1);
}

body.magnum-light.blue .nav-pills > li.active > a,
body.magnum-light.blue .nav-pills > li.active > a:focus,
body.magnum-light.blue .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #207cca;
}

body.magnum-light.blue .nav-tabs > li.active > a {
    -webkit-box-shadow: 0 -2px 0 #207cca;
    -moz-box-shadow: 0 -2px 0 #207cca;
    box-shadow: 0 -2px 0 #207cca;
    z-index: 10;
}

body.magnum-light.blue .minifyme {
    background: #207cca;
    color: #FFF;
    position: absolute;
    width: 29px;
    border-radius: 50%;
    z-index: 999;
    right: -12px;
    padding: 1px 3px;
    border-bottom: 1px solid #0c57a6;
}

/*#endregion */

/*#region IED */

body.magnum-light.gray #header {
    background-image: none;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top,#4f5c68,#8da6b7);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#4f5c68),to(#8da6b7));
    background-image: -webkit-linear-gradient(top,#4f5c68,#8da6b7);
    background-image: -o-linear-gradient(top,#4f5c68,#8da6b7);
    background-image: linear-gradient(to bottom,#4f5c68,#8da6b7);
}

body.magnum-light.gray #shortcut ul li .jarvismetro-tile {
    background: #4f5c68;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,#4f5c68 0%,#8da6b7 36%,#708293 70%,#9db8c9 100%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#4f5c68),color-stop(36%,#8da6b7),color-stop(70%,#708293),color-stop(100%,#9db8c9));
    background: -webkit-linear-gradient(-45deg,#4f5c68 0%,#8da6b7 36%,#708293 70%,#9db8c9 100%);
    background: -o-linear-gradient(-45deg,#4f5c68 0%,#8da6b7 36%,#708293 70%,#9db8c9 100%);
    background: -ms-linear-gradient(-45deg,#4f5c68 0%,#8da6b7 36%,#708293 70%,#9db8c9 100%);
    background: linear-gradient(135deg,#4f5c68 0%,#8da6b7 36%,#708293 70%,#9db8c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5c68',endColorstr='#9db8c9',GradientType=1);
}

body.magnum-light.gray .nav-pills > li.active > a,
body.magnum-light.gray .nav-pills > li.active > a:focus,
body.magnum-light.gray .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #708293;
}

body.magnum-light.gray .nav-tabs > li.active > a {
    -webkit-box-shadow: 0 -2px 0 #708293;
    -moz-box-shadow: 0 -2px 0 #708293;
    box-shadow: 0 -2px 0 #708293;
    z-index: 10;
}

body.magnum-light.gray .minifyme {
    background: #708293;
    color: #FFF;
    position: absolute;
    width: 29px;
    border-radius: 50%;
    z-index: 999;
    right: -12px;
    padding: 1px 3px;
    border-bottom: 1px solid #4f5c68;
}

/*#endregion */

body.magnum-light .h1, body.magnum-light .h2, body.magnum-light .h3, body.magnum-light .h4, body.magnum-light .h5, body.magnum-light .h6, body.magnum-light h1, body.magnum-light h2, body.magnum-light h3, body.magnum-light h4, body.magnum-light h5, body.magnum-light h6 {
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
}

body.magnum-light {
    background: #edecec;
    /*font-family: RobotoDraft,Roboto,sans-serif;*/
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    -webkit-font-smoothing: antialiased;
}

    body.magnum-light #shortcut {
        background-color: rgba(200,200,200,.85);
    }

    body.magnum-light .txt-color-green {
        color: #4CAF50 !important;
    }

    body.magnum-light .bg-color-greenDark {
        background: #2E7D32 !important;
    }

    body.magnum-light .txt-color-greenDark {
        color: #2E7D32 !important;
    }

    body.magnum-light .bg-color-greenLight {
        background: #43A047 !important;
    }

    body.magnum-light .txt-color-greenLight {
        color: #43A047 !important;
    }

    body.magnum-light .bg-color-purple {
        background: #9C27B0 !important;
    }

    body.magnum-light .txt-color-purple {
        color: #9C27B0 !important;
    }

    body.magnum-light .bg-color-magenta, body.magnum-light .jarviswidget-color-magenta > header {
        background: #A0F !important;
    }

    body.magnum-light .jarviswidget-color-magenta > header {
        border-color: #A0F !important;
    }

    body.magnum-light .txt-color-magenta, body.magnum-light nav ul li.active > a:before {
        color: #aaa !important;
    }

    body.magnum-light .bg-color-pink {
        background: #E91E63 !important;
    }

    body.magnum-light .txt-color-pink {
        color: #E91E63 !important;
    }

    body.magnum-light .bg-color-pinkDark {
        background: #AD1457 !important;
    }

    body.magnum-light .txt-color-pinkDark {
        color: #AD1457 !important;
    }

    /*body.magnum-light .bg-color-blue, body.magnum-light .bootstrap-tagsinput > span, body.magnum-light .onoffswitch-inner:before, body.magnum-light .open > .dropdown-toggle.btn-primary, body.magnum-light .select2-container-multi .select2-choices .select2-search-choice {
        background: #2196F3 !important;
    }*/

    body.magnum-light .txt-color-blue {
        color: #2196F3 !important;
    }

    body.magnum-light .bg-color-blueLight, body.magnum-light .label-primary, body.magnum-light .noUi-connect, body.magnum-light .pagination > .active > a, body.magnum-light .pagination > .active > a:focus, body.magnum-light .pagination > .active > a:hover, body.magnum-light .pagination > .active > span, body.magnum-light .pagination > .active > span:focus, body.magnum-light .pagination > .active > span:hover, body.magnum-light .slider-selection {
        background: #03A9F4 !important;
    }

    body.magnum-light .btn-primary {
        background: #2196F3;
        border-color: #0c7cd5 !important;
    }

        body.magnum-light .btn-primary:active, body.magnum-light .btn-primary:focus, body.magnum-light .btn-primary:hover {
            background: #0c7cd5 !important;
        }

        body.magnum-light .btn-primary.active, body.magnum-light .btn-primary:active, body.magnum-light .btn-primary:hover, body.magnum-light .open > .dropdown-toggle.btn-primary {
            border-color: #0c7cd5 !important;
        }

            body.magnum-light .btn-primary.active.focus, body.magnum-light .btn-primary.active:focus, body.magnum-light .btn-primary.active:hover, body.magnum-light .btn-primary:active.focus, body.magnum-light .btn-primary:active:focus, body.magnum-light .btn-primary:active:hover, body.magnum-light .open > .dropdown-toggle.btn-primary.focus, body.magnum-light .open > .dropdown-toggle.btn-primary:focus, body.magnum-light .open > .dropdown-toggle.btn-primary:hover {
                background: #0c7cd5 !important;
                border-color: #0c7cd5 !important;
            }

    body.magnum-light .btn-warning {
        background: #FF9800;
        border-color: #cc7a00 !important;
    }

        body.magnum-light .btn-warning:active, body.magnum-light .btn-warning:focus, body.magnum-light .btn-warning:hover {
            background: #cc7a00 !important;
        }

        body.magnum-light .btn-warning.active, body.magnum-light .btn-warning:active, body.magnum-light .btn-warning:hover, body.magnum-light .open > .dropdown-toggle.btn-warning {
            border-color: #cc7a00 !important;
        }

            body.magnum-light .btn-warning.active.focus, body.magnum-light .btn-warning.active:focus, body.magnum-light .btn-warning.active:hover, body.magnum-light .btn-warning:active.focus, body.magnum-light .btn-warning:active:focus, body.magnum-light .btn-warning:active:hover, body.magnum-light .open > .dropdown-toggle.btn-warning.focus, body.magnum-light .open > .dropdown-toggle.btn-warning:focus, body.magnum-light .open > .dropdown-toggle.btn-warning:hover {
                background: #cc7a00 !important;
                border-color: #cc7a00 !important;
            }

    body.magnum-light .pagination > li > a, body.magnum-light .pagination > li > span {
        color: #03A9F4;
    }

    body.magnum-light .pagination > .active > a, body.magnum-light .pagination > .active > a:focus, body.magnum-light .pagination > .active > a:hover, body.magnum-light .pagination > .active > span, body.magnum-light .pagination > .active > span:focus, body.magnum-light .pagination > .active > span:hover {
        color: #fff;
        border-color: #0398db;
    }

    body.magnum-light .btn-danger {
        color: #fff;
        background-color: #F44336;
        border-color: #f32c1e;
    }

        body.magnum-light .btn-danger:active, body.magnum-light .btn-danger:focus, body.magnum-light .btn-danger:hover {
            background-color: #ba160a;
        }

        body.magnum-light .btn-danger.active, body.magnum-light .btn-danger:active, body.magnum-light .btn-danger:hover, body.magnum-light .open > .dropdown-toggle.btn-warning {
            border-color: #ea1c0d !important;
        }

            body.magnum-light .btn-danger.active.focus, body.magnum-light .btn-danger.active:focus, body.magnum-light .btn-danger.active:hover, body.magnum-light .btn-danger:active.focus, body.magnum-light .btn-danger:active:focus, body.magnum-light .btn-danger:active:hover, body.magnum-light .open > .dropdown-toggle.btn-danger.focus, body.magnum-light .open > .dropdown-toggle.btn-danger:focus, body.magnum-light .open > .dropdown-toggle.btn-danger:hover {
                background: #ea1c0d !important;
                border-color: #ea1c0d !important;
            }

    body.magnum-light .label-danger {
        background-color: #F44336;
    }

    body.magnum-light .alert-success, body.magnum-light .btn-success {
        border-color: #388E3C;
        color: #FFF;
        background-color: #4CAF50;
    }

    body.magnum-light .label-success {
        background-color: #4CAF50;
    }

    body.magnum-light .btn-success:active, body.magnum-light .btn-success:focus, body.magnum-light .btn-success:hover {
        background: #3d8b40;
        border-color: #388E3C;
    }

        body.magnum-light .btn-success.active.focus, body.magnum-light .btn-success.active:focus, body.magnum-light .btn-success.active:hover, body.magnum-light .btn-success:active.focus, body.magnum-light .btn-success:active:focus, body.magnum-light .btn-success:active:hover, body.magnum-light .open > .dropdown-toggle.btn-success.focus, body.magnum-light .open > .dropdown-toggle.btn-success:focus, body.magnum-light .open > .dropdown-toggle.btn-success:hover {
            border-color: #388E3C;
            background: #3d8b40;
        }

    body.magnum-light .txt-color-blueLight {
        color: #03A9F4 !important;
    }

    body.magnum-light .bg-color-blueDark {
        background: #1565C0 !important;
    }

    body.magnum-light .alert-info, body.magnum-light .btn-info {
        border-color: #03A9F4;
        color: #01579B;
        background-color: #B3E5FC;
    }

    body.magnum-light .label-info {
        background-color: #B3E5FC;
    }

    body.magnum-light .btn-info.active, body.magnum-light .btn-info:active, body.magnum-light .btn-info:focus, body.magnum-light .btn-info:hover, body.magnum-light .open > .dropdown-toggle.btn-info {
        background: #82d4fa;
        border-color: #03A9F4;
    }

    body.magnum-light .slider-info + .slider-track > .slider-selection {
        background-color: #B3E5FC;
    }

    body.magnum-light .txt-color-blueDark {
        color: #1565C0 !important;
    }

    body.magnum-light .bg-color-teal {
        background: #009688 !important;
    }

    body.magnum-light .txt-color-teal {
        color: #009688 !important;
    }

    body.magnum-light .bg-color-yellow, body.magnum-light .slider-warning + .slider-track > .slider-selection {
        background: #FFEB3B !important;
    }

    body.magnum-light .alert-warning {
        border-color: #F9A825;
        color: #5A4E3F;
        background-color: #FFEB3B;
    }

    body.magnum-light .label-warning {
        background-color: #FFEB3B;
        color: #333;
    }

    body.magnum-light .txt-color-yellow {
        color: #FFEB3B !important;
    }

    body.magnum-light .bg-color-orange {
        background: #FF9800 !important;
    }

    body.magnum-light .txt-color-orange {
        color: #FF9800 !important;
    }

    body.magnum-light .bg-color-orangeDark {
        background: #E65100 !important;
    }

    body.magnum-light .txt-color-orangeDark {
        color: #E65100 !important;
    }

    body.magnum-light .alert-danger, body.magnum-light .bg-color-red, body.magnum-light .slider-danger + .slider-track > .slider-selection {
        background: #F44336 !important;
    }

    body.magnum-light .txt-color-red {
        color: #F44336 !important;
    }

    body.magnum-light .bg-color-redLight {
        background: #FF5252 !important;
    }

    body.magnum-light .alert-danger {
        border-color: #B71C1C;
    }

    body.magnum-light .txt-color-redLight {
        color: #FF5252 !important;
    }

    body.magnum-light .text-primary {
        color: #3F51B5 !important;
    }

    body.magnum-light .text-success {
        color: #00C853 !important;
    }

    body.magnum-light .text-danger {
        color: #C62828 !important;
    }

    body.magnum-light .text-warning {
        color: #FF5722 !important;
    }

    body.magnum-light .text-info {
        color: #607D8B !important;
    }

    body.magnum-light .ajax-notifications {
        background: #D8F4FF;
    }

        body.magnum-light .ajax-notifications .fa-4x.fa-border {
            color: #2196F3;
            border-color: #2196F3;
        }

    body.magnum-light aside, body.magnum-light nav ul ul {
        background: #fff;
    }

    body.magnum-light .nav-tabs > li.active > a {
        -webkit-box-shadow: 0 2px 0 #E91E63;
        -moz-box-shadow: 0 2px 0 #E91E63;
        box-shadow: 0 2px 0 #E91E63;
        z-index: 10;
    }

    body.magnum-light #header, body.magnum-light .dropdown-menu > .active > a, body.magnum-light .dropdown-menu > .active > a:focus, body.magnum-light .dropdown-menu > .active > a:hover, body.magnum-light .dropdown-menu > li > a:focus, body.magnum-light .dropdown-menu > li > a:hover {
        background: #2196F3;
    }

    body.magnum-light #content {
        padding-top: 34px;
    }

        body.magnum-light #content > .row {
            /*margin-bottom: 20px;*/
        }

    body.magnum-light .page-title {
        text-transform: uppercase;
        font-size: 19px;
        margin-bottom: 10px;
        margin-top: 15px;
        letter-spacing: normal;
    }

        body.magnum-light .page-title > .fa {
            display: none;
        }

        body.magnum-light .page-title span {
            font-style: italic;
        }

    body.magnum-light .page-footer {
        background: #455A64;
    }

    body.magnum-light #updating-chart.txt-color-blue {
        color: #4d7686 !important;
    }

    body.magnum-light .ribbon-button-alignment {
        /*display: none;*/
    }

    body.magnum-light #ribbon {
        max-height: 38px;
        min-height: 38px;
        background: rgba(255,255,255,.8);
        border-bottom: 1px solid rgba(0,0,0,.2);
    }

        body.magnum-light #ribbon .breadcrumb {
            font-size: 15px;
        }

    body.magnum-light #logo-group span#activity, body.magnum-light .btn-header > :first-child > a {
        background: 0 0;
        border: none;
        color: #fff;
        border-radius: 50%;
    }

    #project-context body.magnum-light > :first-child, body.magnum-light #project-selector, body.magnum-light .header-dropdown-list > li > .dropdown-toggle, body.magnum-light .project-context > :first-child, body.magnum-light .project-selector {
        color: #fff !important;
        text-shadow: none;
    }

    body.magnum-light .open > .dropdown-menu {
        -webkit-animation-name: none;
        -moz-animation-name: none;
        -o-animation-name: none;
        animation-name: none;
        -webkit-animation-duration: .4s;
        -moz-animation-duration: .4s;
        -o-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-animation-fill-mode: none;
        -moz-animation-fill-mode: none;
        -o-animation-fill-mode: none;
        animation-fill-mode: none;
    }

    body.magnum-light .bootstrap-select .dropdown-menu.dropdown-menu-right, body.magnum-light .bootstrap-select .dropdown-menu.pull-right, body.magnum-light .btn-group .dropdown-menu.dropdown-menu-right, body.magnum-light .btn-group .dropdown-menu.pull-right, body.magnum-light .date-picker .dropdown-menu.dropdown-menu-right, body.magnum-light .date-picker .dropdown-menu.pull-right, body.magnum-light .dropdown .dropdown-menu.dropdown-menu-right, body.magnum-light .dropdown .dropdown-menu.pull-right, body.magnum-light .dropdown-menu.pull-right {
        -webkit-transform-origin: top right !important;
        -moz-transform-origin: top right !important;
        -ms-transform-origin: top right !important;
        transform-origin: top right !important;
    }

    body.magnum-light .bootstrap-select .dropdown-menu.dropdown-menu-left, body.magnum-light .bootstrap-select .dropdown-menu.pull-left, body.magnum-light .btn-group .dropdown-menu.dropdown-menu-left, body.magnum-light .btn-group .dropdown-menu.pull-left, body.magnum-light .date-picker .dropdown-menu.dropdown-menu-left, body.magnum-light .date-picker .dropdown-menu.pull-left, body.magnum-light .dropdown .dropdown-menu.dropdown-menu-left, body.magnum-light .dropdown .dropdown-menu.pull-left, body.magnum-light .dropdown-menu.pull-left, body.magnum-light .project-selector + .dropdown-menu {
        -webkit-transform-origin: top left !important;
        -moz-transform-origin: top left !important;
        -ms-transform-origin: top left !important;
        transform-origin: top left !important;
    }

    body.magnum-light .btn-group .dropdown-menu, body.magnum-light .date-picker .dropdown-menu, body.magnum-light .dropdown, body.magnum-light .dropdown-menu {
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha(opacity=0);
        display: block;
    }

    body.magnum-light .project-selector + .dropdown-menu {
        margin-top: -27px;
    }

    body.magnum-light .header-dropdown-list .dropdown-menu {
        margin-top: -20px;
    }

    body.magnum-light .bootstrap-select.open .dropdown-menu, body.magnum-light .btn-group.open .dropdown-menu, body.magnum-light .dropdown.open .dropdown-menu, body.magnum-light .dropup.open .dropdown-menu, body.magnum-light .open > .dropdown-menu {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    body.magnum-light .login-info {
        height: 40px;
        background: url(/content/img/cover.png) no-repeat center center;
        margin-top: -1px !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        border: 0;
    }

        body.magnum-light .login-info > span {
            height: 38px;
            border: 0;
            padding: 0;
            background: rgba(0,0,0,.2);
            border-bottom: 1px solid rgba(0,0,0,.1) !important;
        }

        body.magnum-light .login-info a {
            display: block;
            margin: 0;
            padding: 1px 3px;
        }

            body.magnum-light .login-info a span {
                display: inline-block;
                color: #555;
                width: 220px;
                max-width: 165px;
                margin-left: -10px;
                padding: 7px 5px 6px;
                border-radius: 4px;
                background: rgba(255,255,255,.8);
                border: 2px solid rgba(0,0,0,.1);
                text-overflow: ellipsis;
                white-space: nowrap;
                text-transform: capitalize !important;
            }

        body.magnum-light .login-info img {
            width: 33px;
            margin-top: 0;
            border-radius: 6px;
            border: 2px solid rgba(0,0,0,.14);
            box-sizing: content-box;
        }

    body.magnum-light #logo img {
        /*display: none;*/
    }

    body.magnum-light #activity b.badge {
        padding: 4px;
    }

    body.magnum-light #logo-group {
        background: transparent;
    }

    /*body.magnum-light #logo-group > span#logo:before {
        content: "Magnum Rocks";
        font-size: 17px;
        color: #fff;
        font-weight: 300;
        margin-top: 1px;
        display: block;
    }*/

    body.magnum-light .header-search > input[type=text] {
        background: 0 0;
        border-right-width: 0;
        border-left-width: 0;
        border-top-width: 0;
        border-bottom-color: #fff;
        color: #fff;
        padding: 0;
    }

    body.magnum-light .header-search > button {
        color: #fff;
    }

    body.magnum-light .header-search input[type=text]::-webkit-input-placeholder {
        color: rgba(255,255,255,.7);
    }

    body.magnum-light .header-search input[type=text]:-moz-placeholder {
        color: rgba(255,255,255,.7);
    }

    body.magnum-light .header-search input[type=text]::-moz-placeholder {
        color: rgba(255,255,255,.7);
    }

    body.magnum-light .header-search input[type=text]:-ms-input-placeholder {
        color: rgba(255,255,255,.7);
    }

    body.magnum-light nav {
        border-right: 1px solid rgba(0,0,0,.2);
    }

        body.magnum-light nav > ul > li {
            background: #fafafa;
            border-bottom: 1px solid #ccc;
        }

        body.magnum-light nav ul b .fa-plus-square-o:before {
            /*content: "";*/
        }

        body.magnum-light nav ul b .fa-minus-square-o:before {
            /*content: "";*/
        }

        body.magnum-light nav ul li a, body.magnum-light nav ul li.open > a, body.magnum-light nav ul li.open > a b {
            color: #4C4C4C !important;
        }

        body.magnum-light nav ul .active body.magnum-light nav ul > a, nav ul li.open body.magnum-light nav ul > a {
            color: #3C3C3C !important;
        }

        body.magnum-light nav ul li a:hover, ul li body.magnum-light nav ul > a:hover {
            background-color: rgba(69,69,69,.05);
        }

        body.magnum-light nav ul li.active > a:before {
            right: -15px;
            line-height: 15px;
        }

        body.magnum-light nav ul li a {
            font-size: 13px;
        }

        body.magnum-light nav > ul > li > a {
            font-weight: 400;
            /*text-transform: uppercase;*/
            padding: 10px 10px 10px 11px;
        }

            body.magnum-light nav > ul > li > a b {
                margin-top: 1px;
                right: 20px !important;
            }

        body.magnum-light nav ul li a:active {
            background: 0 0;
        }

    body.magnum-light .login-info a {
        width: 220px;
    }

        body.magnum-light .login-info a span + i {
            display: none;
        }

    #ribbon .breadcrumb body.magnum-light > .active,
    .breadcrumb body.magnum-light > li + li:before,
    body.magnum-light #ribbon .breadcrumb,
    body.magnum-light #ribbon .breadcrumb a,
    body.magnum-light #ribbon .breadcrumb li:last-child {
        color: #374850 !important;
    }

    #speech-btn body.magnum-light > :first-child body.magnum-light > a + .popover, body.magnum-light .ajax-dropdown {
        -webkit-box-shadow: 0 0 30px rgba(30,30,100,.75);
        -moz-box-shadow: 0 0 30px rgba(30,30,100,.75);
        box-shadow: 0 0 30px rgba(30,30,100,.75);
    }

    body.magnum-light nav > ul ul li::before, body.magnum-light nav > ul > li > ul::before {
        /*border: none;*/
    }

    body.magnum-light .minifyme {
        background: #2196F3;
        color: #FFF;
        position: absolute;
        width: 29px;
        border-radius: 50%;
        z-index: 999;
        right: -12px;
        padding: 1px 3px;
        border-bottom: 1px solid #3D6A8A;
    }

    body.magnum-light nav li a {
        position: relative;
        overflow: hidden;
    }

        body.magnum-light nav li a:after {
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            width: 300px;
            height: 300px;
            margin-left: -120px;
            margin-top: -150px;
            background: #455A64;
            border-radius: 100%;
            opacity: .3;
            transform: scale(0);
        }

@keyframes ripple {
    0% {
        transform: scale(0);
    }

    20% {
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

body.magnum-light nav li a:not(:active):after {
    animation: ripple 1.5s ease-in-out;
}

body.magnum-light nav li a:after {
    visibility: hidden;
}

body.magnum-light nav li a:focus:after {
    visibility: visible;
}

body.magnum-light nav li a:active {
    background-color: transparent !important;
}

body.magnum-light .checkbox label > input[type=checkbox]:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    margin-left: -18px;
    margin-top: -18px;
    background: #3f51b5;
    border-radius: 100%;
    opacity: .6;
    transform: scale(0);
}

@keyframes rippleDuplicate {
    0% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

body.magnum-light .checkbox label > input[type=checkbox]:focus:after {
    animation: rippleDuplicate .5s ease-out;
}

body.magnum-light .checkbox label > input[type=checkbox]:checked {
    animation-name: rippleDuplicate;
}

body.magnum-light .checkbox label > input[type=checkbox]:focus:after {
    visibility: visible;
}

body.magnum-light .smart-form .checkbox input:focus + i, body.magnum-light .smart-form .input input:focus, body.magnum-light .smart-form .radio input:focus + i, body.magnum-light .smart-form .select select:focus, body.magnum-light .smart-form .textarea textarea:focus, body.magnum-light .smart-form .toggle input:focus + i {
    border-color: #2196F3;
}

body.magnum-light .smart-form .checkbox input + i:after, body.magnum-light .smart-form .rating input:checked ~ label {
    color: #2196F3;
}

body.magnum-light .fieldset[disabled] .form-control, body.magnum-light .form-control[disabled], body.magnum-light .form-control[readonly], body.magnum-light .smart-form .select select, body.magnum-light .smart-form .textarea textarea {
    border-bottom: 1px dashed #E0E0E0;
}

body.magnum-light .form-control-feedback {
    width: auto;
    height: auto;
}

body.magnum-light .smart-form .checkbox input:checked + i, body.magnum-light .smart-form .radio input:checked + i, body.magnum-light .smart-form .toggle input:checked + i {
    /*border-color: transparent;*/
}

body.magnum-light .form-control,
body.magnum-light .smart-form .input input,
body.magnum-light .smart-form .select select,
body.magnum-light .smart-form .textarea textarea {
    /*border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;*/
}

body.magnum-light .smart-form .icon-append,
body.magnum-light .smart-form .icon-prepend {
    border-right-width: 1px;
}

body.magnum-light .smart-form .form-control,
body.magnum-light .smart-form .input input,
body.magnum-light .smart-form .select select,
body.magnum-light .smart-form .textarea textarea {
    border: 1px solid #ccc;
}

    body.magnum-light .smart-form .checkbox input:focus + i,
    body.magnum-light .smart-form .input input:focus,
    body.magnum-light .smart-form .radio input:focus + i,
    body.magnum-light .smart-form .select select:focus,
    body.magnum-light .smart-form .textarea textarea:focus,
    body.magnum-light .smart-form .toggle input:focus + i {
        border: 1px solid #5D98CC !important;
        outline: 0;
    }

body.magnum-light .form-control, body.magnum-light .smart-form .icon-append, body.magnum-light .smart-form .icon-prepend, body.magnum-light .smart-form .select select, body.magnum-light .smart-form .textarea textarea {
    /*padding-left: 0;*/
}

    body.magnum-light .form-control:not(.ui-autocomplete-loading) {
        /*background: 0 0;
        border: 1px solid #ccc;*/
        padding: 3px 0 2px 10px;
        min-height: 33px;
    }

body.magnum-light .icon-addon > input[type=text], body.magnum-light .input-icon-left input[type=text].form-control {
    padding-left: 32px;
}

body.magnum-light input[type=checkbox], body.magnum-light input[type=radio] {
    margin-top: 5px;
    line-height: normal;
    -ms-transform: scale(1.35); /* IE */
    -moz-transform: scale(1.35); /* FF */
    /*-webkit-transform: scale(1.35);  Safari and Chrome */
    -o-transform: scale(1.35); /* Opera */
    padding: 10px;
}

body.magnum-light .dataTables_filter > label:focus .input-group-addon {
    border-bottom-color: #2196F3;
}

body.magnum-light .dataTables_filter .input-group-addon {
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    background: 0 0;
}

    body.magnum-light .dataTables_filter .input-group-addon + .form-control {
        background: 0 0;
    }

body.magnum-light .input-group-addon:first-child, body.magnum-light .input-group-addon:last-child {
    border: 1px solid inherit;
}

body.magnum-light .input-group .form-control:first-child {
    /*border-right: 0 !important;*/
}

body.magnum-light .input-group-addon + .form-control[type=text] {
    padding-left: 10px;
    padding-right: 10px;
}

body.magnum-light .ui-sortable .jarviswidget-sortable > header {
    box-shadow: none !important;
}

body.magnum-light .jarviswidget > header {
    /*border-bottom: 0;*/
}

body.magnum-light .jarviswidget-ctrls .button-icon, body.magnum-light .widget-toolbar {
    border: 0;
}

    body.magnum-light .widget-toolbar > .color-box {
        outline: 0 !important;
        border-radius: 30%;
        box-shadow: 0 0 1px 1px rgba(56,56,56,.3);
    }

body.magnum-light .color-box, body.magnum-light .color-select li span {
    border-radius: 30%;
}

body.magnum-light .jarviswidget header .nav-tabs > li.active > a, body.magnum-light .jarviswidget header .nav-tabs > li.active > a:focus, body.magnum-light .jarviswidget header .nav-tabs > li.active > a:hover {
    /*border: 0 !important;*/
}

body.magnum-light .jarviswidget-sortable.ui-sortable-helper {
    box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);
}

body.magnum-light .jarviswidget-placeholder {
    /*background: linear-gradient(90deg,#00f 50%,transparent 50%),linear-gradient(90deg,#00f 50%,transparent 50%),linear-gradient(0deg,#00f 50%,transparent 50%),linear-gradient(0deg,#00f 50%,transparent 50%);
    background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
    background-size: 10px 2px,10px 2px,2px 10px,2px 10px;
    background-position: 0 0,100% 100%,0 100%,100% 0;
    animation: border-dance 4s infinite linear;*/
    width: 100%;
    height: 100%;
    padding: 10px;
}

@keyframes border-dance {
    0% {
        background-position: 0 0,300px 116px,0 150px,216px 0;
    }

    100% {
        background-position: 300px 0,0 116px,0 0,216px 150px;
    }
}

body.magnum-light .MessageBoxContainer {
    border-radius: 4px;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);
    background: #fff;
    color: #333;
}

body.magnum-light .table > tbody > tr > td, body.magnum-light .table > tbody > tr > th, body.magnum-light .table > tfoot > tr > td, body.magnum-light .table > tfoot > tr > th, body.magnum-light .table > thead > tr > td, body.magnum-light .table > thead > tr > th {
    /*padding: 16px 10px;*/
}

body.magnum-light .dt-toolbar {
    padding: 14px 20px 11px;
}

body.magnum-light .inbox-compose-footer {
    border-bottom-width: 0;
    padding-left: 0;
    padding-right: 0;
}

body.magnum-light .inbox-body {
    box-shadow: -11px 12px 23px rgba(0,0,0,.1);
}

body.magnum-light .inbox-download, body.magnum-light .inbox-message {
    border-bottom: 0;
}

body.magnum-light .bg-color-blue, body.magnum-light .bootstrap-tagsinput > span, body.magnum-light .onoffswitch-inner:before, body.magnum-light .open > .dropdown-toggle.btn-primary, body.magnum-light .select2-container-multi .select2-choices .select2-search-choice {
    background: #2196F3 !important;
}


/*
body.magnum-light .inbox-body .table-wrap,body.magnum-light .inbox-compose-footer,body.magnum-light .inbox-info-bar .form-group input,body.magnum-light .inbox-info-bar .select2-container-multi .select2-choices,body.magnum-light .inbox-nav-bar,body.magnum-light .inbox-side-bar {
    background: #fff
}

body.magnum-light .inbox-info-bar .form-group input,body.magnum-light .inbox-info-bar .select2-container-multi .select2-choices {
    border-color: transparent!important
}*/

/*body.magnum-light .inbox-body .table-wrap, body.magnum-light .inbox-compose-footer, body.magnum-light .inbox-info-bar .form-group input, body.magnum-light .inbox-info-bar .select2-container-multi .select2-choices, body.magnum-light .inbox-nav-bar, body.magnum-light .inbox-side-bar {
    background: #fff;
}*/

body.magnum-light .inbox-info-bar .form-group input, body.magnum-light .inbox-info-bar .select2-container-multi .select2-choices {
    border-color: transparent !important;
}

body.magnum-light .select2-container .select2-choice, body.magnum-light .select2-selection {
    border-radius: 3px !important;
}

    body.magnum-light .select2-container .select2-choice .select2-arrow, body.magnum-light .select2-selection__arrow {
        border-left: none;
        background: transparent;
    }

body.magnum-light .select2-container .select2-choice, body.magnum-light .select2-selection {
    height: 30px;
    line-height: 30px;
}

body.magnum-light .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

body.magnum-light #inbox-content {
    margin-bottom: 30px !important;
}

body.magnum-light.desktop-detected .inbox-compose-footer, body.magnum-light.desktop-detected .inbox-download {
    padding-bottom: 56px;
}


/* Scrollbar Styles */

body.magnum-light ::-webkit-scrollbar {
    -webkit-overflow-scrolling: touch;
    height: 10px;
    width: 10px
}

body.magnum-light ::-webkit-scrollbar:hover {
    background-color: #E9E9E9;
    border: 1px solid #dbdbdb
}

body.magnum-light ::-webkit-scrollbar-button:end:increment,body.magnum-light ::-webkit-scrollbar-button:start:decrement {
    background: 0 0;
    display: block;
    height: 0
}

body.magnum-light ::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent
}

body.magnum-light ::-webkit-scrollbar-track-piece {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: transparent;
    border-radius: 0
}

body.magnum-light ::-webkit-scrollbar-thumb {
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    background-clip: padding-box;
    background-color: rgba(0,0,0,.2);
    border: none;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07)
}

body.magnum-light ::-webkit-scrollbar-thumb:horizontal,body.magnum-light ::-webkit-scrollbar-thumb:vertical {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #bfbfbf;
    border-radius: 0
}

body.magnum-light ::-webkit-scrollbar-thumb:active {
    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.33);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.33);
    background-color: rgba(0,0,0,.44);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.33)
}

body.magnum-light ::-webkit-scrollbar-thumb:hover {
    background-color: #959595
}

/* Scrollbar Styles */

body.magnum-light .inbox-message {
    background: #fff;
}

body.magnum-light .note-editor .note-editable {
    background-color: rgba(33,150,243,.15);
}

    body.magnum-light .note-editor .note-editable:focus {
        background: #fff;
    }

body.magnum-light .inbox-nav-bar {
    height: auto !important;
}

body.magnum-light .superbox-show {
    background-color: #37474F;
}

body.magnum-light .superbox-list.active:before {
    color: #37474F;
}

body.magnum-light .superbox-imageinfo span {
    color: rgba(255,255,255,.5);
}

body.magnum-light #sparks {
    /*display: none;*/
}

body.magnum-light .page-footer .txt-color-blueLight {
    color: #fff !important;
}

body.magnum-light.minified .login-info {
    /* height: 55px; */
}

    body.magnum-light.minified .login-info img {
        width: 34px;
    }

    body.magnum-light.minified .login-info a {
        padding: 4px 0;
        width: 45px;
    }

        body.magnum-light.minified .login-info a span {
            display: none;
        }

body.magnum-light.minified .minifyme {
    border-radius: 0;
    left: 0;
    width: 45px;
    border: 0;
}

body.magnum-light.minified nav > ul > li > a > .menu-item-parent, body.magnum-light.minified nav > ul > li > ul {
    left: 45px;
}

body.magnum-light.minified nav > ul > li > a > .menu-item-parent {
    /*padding-top: 4px;*/
    top: -4px;
}

body.magnum-light.minified nav > ul > li ul li {
    background: #fff;
    overflow: hidden;
}

body.magnum-light.minified nav li a {
    overflow: visible;
    border: 0;
}

body.magnum-light.minified nav > ul > li {
    border-bottom: 0 !important;
    border-top: 0 !important;
}

    body.magnum-light.minified nav > ul > li > ul {
        padding-top: 0;
        border: 0;
        background: #f5f5f5;
        border-left: 1px solid #CACACA;
    }

body.magnum-light.menu-on-top aside#left-panel, body.magnum-light.menu-on-top aside#left-panel nav > ul > li {
    border: 0;
}

    body.magnum-light.menu-on-top aside#left-panel nav > ul > li:hover {
        background: #fff;
    }

        body.magnum-light.menu-on-top aside#left-panel nav > ul > li:hover > a, body.magnum-light.menu-on-top nav ul li a:hover, body.magnum-light.menu-on-top nav ul ul li a:hover, body.magnum-light.menu-on-top nav ul ul li:hover > a, body.magnum-light.menu-on-top nav ul ul ul li a:hover, body.magnum-light.menu-on-top nav ul > a:hover {
            color: #fff !important;
            background-color: #2196F3;
        }

@media (max-width: 979px) and (min-width:768px) {
    body.magnum-light #hide-menu i {
        color: #fff;
    }
}

@media (max-width: 767px) {
    body.magnum-light #content {
        margin-left: 0;
        margin-right: 0;
    }

    body.magnum-light #hide-menu > :first-child > a {
        width: 40px !important;
    }

    body.magnum-light #hide-menu i {
        color: #fff;
    }
}

@media only screen and (max-width: 479px) and (min-width:320px) {
    body.magnum-light #hide-menu i {
        color: #fff;
    }
}


/*#endregion */