/*Imports*/
@import "../ThemeFiles/Locis8/jquery-ui.min.css";
@import "../ThemeFiles/Locis8/jquery-ui.theme.min.css";


 .mainDiv {
    border-radius: 3px;
/*    background: #FFFFFF url('../ThemeFiles/Locis8/head.png') repeat-x top;
*/    
    padding-right: 13px;
    padding-left: 12px;
}

/*jquery-ui theme override*/
/*Auto Complete Override*/
.ui-autocomplete {
    background: white;
    color: #002b5b;
}

.ui-menu-item:hover {
    border-color: #002b5b;
}

.ui-menu-item-wrapper {
    background: none !important;
    color: #002b5b !important;
    border: none !important;
}

/* the 'body' is for Locis Everying - very useful
----------------------------------------------------------*/
html {
    background: linear-gradient(90deg, white, #002b5b);  
    background: -o-linear-gradient(90deg, white, #002b5b);   
    background: -moz-linear-gradient(90deg, white, #002b5b);  
    background: linear-gradient(90deg, white, #002b5b);   

}

.LocisBodyLabel {
    color: #002b5b;
}

.LocisMain {       
    background: linear-gradient(90deg, white, #002b5b);  
    background: -o-linear-gradient(90deg, white, #002b5b);   
    background: -moz-linear-gradient(90deg, white, #002b5b);   
    background: linear-gradient(90deg, white, #002b5b);   
}

.LocisPnlHead h4 {
    color: white; /* fire and light */
}

.LocisPopHead h3 {
    color: white; /* fire and light */
}

.GridBreak {
    border-top: solid 4px #002b5b;
}


.mGrid th {
    color: white; /* fire and light */
}

    .mGrid th a {
        color: white; /* fire and light */
    }

        .mGrid th a:hover {
            color: #000;
        }

.GB_header {
    background: #FFFFFF url('../ThemeFiles/Locis8/head.png') repeat-x top;
    color: white; /* fire and light */
}

    .GB_header .inner {
        background: #FFFFFF url('../ThemeFiles/Locis8/head.png') repeat-x top;
    }

.GB_Window .content {
    background: #FFFFFF url('../ThemeFiles/Locis8/head.png') repeat-x top;
}

.GB_Window .header {
    background: #FFFFFF url('../ThemeFiles/Locis8/head.png') repeat-x top;
    color: white; /* fire and light */
}

.GB_Window .close span {
    color: white; /* fire and light */
}

.LocCal .ajax__calendar_title, .LocCal .ajax__calendar_next, .LocCal .ajax__calendar_prev {
    color: #002b5b;
}

.LocCal .ajax__calendar_body {
    color: #002b5b;
}

.LocCal .ajax__calendar_hover .ajax__calendar_day,
.LocCal .ajax__calendar_hover .ajax__calendar_month,
.LocCal .ajax__calendar_hover .ajax__calendar_year,
.LocCal .ajax__calendar_active {
    color: #002b5b;
}

.LocCal .ajax__calendar_today {
    color: #002b5b;
}

.LocisAutoCompHLI {
    color: #002b5b;
    border: 4px solid #002b5b;
}

.LocisAutoCompLI {
    color: #002b5b;
}

.LocisPopupPnl {
    border-radius: 4px;
    background-color: whitesmoke;
    border: 4px solid #002b5b;
}

    .LocisPopupPnl legend {
        color: #002b5b;
    }

.LocisMnuPnl {
    border-radius: 3px;
    background: whitesmoke;
}

.LocisPage {
    border: 1px solid #002b5b;
}

.LocHMEhover {
    background: #002b5b;
}

.LocisPnl {
    border-radius: 3px;
    background: #002b5b;
    border: 1px solid #FFFFFF;
}

    .LocisPnl legend {
        color: white;
    }

.LocisAltPnl {
    border-radius: 3px;
    background: white;
    border: 1px solid #002b5b;
}

    .LocisAltPnl legend {
        color: #002b5b;
    }

/* Locis Menu styles used in Site.Master*/
.LocisMenu {
    border: thin solid #002b5b;
}

.LocisZPnl {
    background: whitesmoke;
    border: 1px solid #002b5b;
}

.LocModalBG {
    background-color: Gray;
}

body {
    /*background: linear-gradient(90deg, white, #002b5b);*/ /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(90deg, white, #002b5b);*/ /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(90deg, white, #002b5b);*/ /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(90deg, white, #002b5b);*/ /* Standard syntax (must be last) */
}


.LocTBCurr {
    text-align: right;
    font-size: 11px;
}

.LocTBCurrNB { /*if the onblur is handled elsewhere*/
    text-align: right;
    font-size: 11px;
}


.LocTBDec {
    text-align: right;
    font-size: 11px;
}

.LocTBDecNB { /*if the onblur is handled elsewhere*/
    text-align: right;
    font-size: 11px;
}

.LocTBWN {
    text-align: right;
    font-size: 11px;
}

.LocisBlue {
    background-color: lightsteelblue;
}

.LocisLbl {
    color: #002b5b;
}

.LocisAltLbl {
    color: white; /* fire and light */
}

.LocisPnlHead {
    background: #424242 url('../../_images/Themes/Locis8/head.png') repeat-x top;
}

.LocisPopHead {
    background-image: url('../../_images/Themes/Locis8/head.png');
}

.mCtrl th {
    background-image: url('../../_images/Themes/Locis8/head.png');
}

.mGrid th {
    background: #424242 url('../../_images/Themes/Locis8/head.png') repeat-x top;
    font-size:12px;
    font-weight:100;
}

.mGrid .pgr {
    background: linear-gradient(#002b5b, whitesmoke, white, #002b5b);
}

.mGrid .pgr span {
    font-weight: bolder;
    border: 3px solid #002b5b;
}

.mGrid .ftr {
    background: linear-gradient(white, gray); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, gray); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, gray); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, gray); /* Standard syntax */
}


/* Animations */
@keyframes Pulse {
    from {
        box-shadow: 0 0 0px #002b5b;
    }
   to {
    box-shadow: 0 0 50px #002b5b;
    }
}

@keyframes Shade {
    from {
        /*transform: translateY(0) rotate3d(0,0,0);*/
    }
    to {
        /*transform: translateY(-15px) rotateZ(15deg);*/
        color: #002b5b;
    }
}

/*INFO*/
@keyframes pulse-info {
    from {
        box-shadow: 0 0 0px #002a5bd8 !important;
    }

    to {
        box-shadow: 0 0 50px rgba(0, 41, 91, 0.78431372549019607) !important;
    }
}

@keyframes shade-info {
    from {
        /*transform: translateY(0) rotate3d(0,0,0);*/
    }

    to {
        /*transform: translateY(-15px) rotateZ(15deg);*/
        color: rgba(0, 41, 91, 0.78431372549019607) !important;
    }
}

.animate-info {
    animation-name: pulse-warning, shade-warning;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.glow-info {
    box-shadow: 0 0 25px rgba(0, 41, 91, 0.78431372549019607) !important;
}

.color-info {
    color: rgba(0, 41, 91, 0.78431372549019607) !important;
}

.shade-info {
    background-color: rgba(0, 41, 91, 0.78431372549019607) !important;
}

.alert-info {
    padding: 3px;
    background-color: rgba(0, 41, 91, 0.78431372549019607) !important;
}

.alert-info a:link, .alert-info a:visited {
    color: whitesmoke;
}

.progressbar-info {
    background-color: rgba(0, 41, 91, 0.78431372549019607) !important;

}

.loader-circle {
    border-top-color: rgba(0, 41, 91, 0.78431372549019607) !important;
}

#InactiveOverlay {
    color: whitesmoke !important;
}

a:focus:not(.Data),
Button:focus:not(.Data),
Input[type=button]:focus:not(.Data),
Input[type=submit]:focus:not(.Data),
Input[type=cancel]:focus:not(.Data) {
    animation-name: Pulse, Shade;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

input[type]:not([type=checkbox]):not([type=button]):not([type=submit]):not([type=cancel]):not([type=image]):focus,
input[type]:not([type=checkbox]):not([type=button]):not([type=submit]):not([type=cancel]):not([type=image]):not(disabled):hover,
select:focus,
select:not(:disabled):hover,
textarea:focus,
textarea:not(:disabled):hover {
    box-shadow: 0 0 5px #002b5b !important;
    border: 1px solid #002b5b !important;
}

/*Firefox Specific*/
@-moz-document url-prefix() {
    input[type=checkbox]:focus,
    input[type=checkbox]:not(:disabled):hover {
        box-shadow: 0 0 5px #002b5b !important;
        border: 1px solid #002b5b !important;
    }
}

.iconSymbol {
    background-color: #002b5b;
    box-shadow: 0 0 5px #000000;
}

    .iconSymbol:before {
        color: whitesmoke;
        text-shadow: whitesmoke;
    }

    .iconSymbol:not([static]):hover:before {
        color: #002b5b;
        text-shadow: #002b5b
    }

    .iconSymbol:not([static]):hover {
        color: whitesmoke;
        background-color: whitesmoke;
        box-shadow: 0 0 5px #002b5b;
    }
    
    .iconSymbol[inverted] {
        background-color: whitesmoke;
        box-shadow: 0 0 5px #000000;
    }

    .iconSymbol[inverted]:before {
        color: #002b5b;
        text-shadow: 2px 2px 4px #002b5b;
    }

    .iconSymbol[inverted]:not([static]):hover:before {
        color: whitesmoke;
        text-shadow: whitesmoke;
    }

    .iconSymbol[inverted]:not([static]):hover {
        color: #002b5b;
        background-color: #002b5b;
        box-shadow: 0 0 5px whitesmoke;
    }

/*For Tippy Js Our Tooltips Library*/
.tippy-tooltip.LOCiS-theme {
    background-color: rgba(0, 41, 91, 0.78431372549019607);
    /*    font-weight: bold;*/
    font-size: 12px;
    padding: 1px;
    color: whitesmoke;
}

.tippy-tooltip.LOCiS-theme .tippy-backdrop {
    /* Your styling here. Example: */
    background-color: rgba(0, 41, 91, 0.78431372549019607);
}

.tippy-popper[x-placement^=top] .tippy-tooltip.LOCiS-theme .tippy-arrow {
    /* Your styling here. */
    border-top: 7px solid rgba(0, 41, 91, 0.78431372549019607);
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.LOCiS-theme .tippy-arrow {
    /* Your styling here. */
    border-bottom: 7px solid rgba(0, 41, 91, 0.78431372549019607);
}

.tippy-popper[x-placement^=left] .tippy-tooltip.LOCiS-theme .tippy-arrow {
    /* Your styling here. */
    border-left: 7px solid rgba(0, 41, 91, 0.78431372549019607);
}

.tippy-popper[x-placement^=right] .tippy-tooltip.LOCiS-theme .tippy-arrow {
    /* Your styling here. */
    border-right: 7px solid rgba(0, 41, 91, 0.78431372549019607);
}

.sidemenu {
    color: whitesmoke !important;
    background-color: rgba(0, 41, 91, 0.78431372549019607) !important;
}

.sidemenu {
    color: whitesmoke !important;
    background-color: rgba(0, 41, 91, 0.78431372549019607) !important;
}

    .sidemenu label, .sidemenu span, .sidemenu a {
        color: whitesmoke !important;
    }

    .mGrid a {
        color: inherit !important;
    }