@charset "UTF-8";
/* CSS Document */


/*html { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;}*/

body{
    height:100%;
    width:100%;
}


/* CORE LAYOUT STANDART STYLES ********************************************************************************************************** */

a, div, span, input, textarea, li, strong, button{
    outline:none;
    text-decoration:none;
}
img{
    border:none;
    border:0px;
}

/* for responsive mode - if you want any element has a responsive fluid abilities with media queries you must add this class to your element*/
.Responsive{
}

/* Text Decoration */
.Underline{
    text-decoration:underline;
}

/* Making Unselectable Contents */
.Unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*.NoDisplay{display:none;}
.OnDisplay{display:block;}*/

/* Display */
.DispBlock{
    display:block;
}
.DispTable{
    display:table;
    vertical-align:middle;
}
.DispTableCell{
    display:table-cell;
    vertical-align:middle;
}
.DispNone{
    display:none;
}
.DispInlBlock{
    display:inline-block;
}

.NoDisplay{
    display:none;
}

/* Position */
.PosFixed{
    position:fixed;
}
.PosAbsolute{
    position:absolute;
}
.PosRelative{
    position:relative;
}
.PosStatic{
    position:static;
}

/* Floating */
.Fleft{
    float:left;
}
.Fright{
    float:right;
}
.Fnone{
    float:none !important;
}

/* Overflows */
.OvHidden{
    overflow:hidden;
}
.OvScroll{
    overflow:scroll;
}
.OvAuto{
    overflow:auto;
}
.OvVisible{
    overflow:visible;
}
.OvXScroll{
    overflow-x:scroll;
}
.OvYScroll{
    overflow-y:scroll;
}
.OvXHidden{
    overflow-x:hidden;
}
.OvYHidden{
    overflow-y:hidden;
}

/* Empty Boxes */
.EmptyBox5{
    display:block;
    width:100%;
    height:5px;
    overflow:hidden;
}
.EmptyBox10{
    display:block;
    width:100%;
    height:10px;
    overflow:hidden;
}
.EmptyBox20{
    display:block;
    width:100%;
    height:20px;
    overflow:hidden;
}
.EmptyBox30{
    display:block;
    width:100%;
    height:30px;
    overflow:hidden;
}
.EmptyBox40{
    display:block;
    width:100%;
    height:40px;
    overflow:hidden;
}
.EmptyBox50{
    display:block;
    width:100%;
    height:50px;
    overflow:hidden;
}
.EmptyBox60{
    display:block;
    width:100%;
    height:60px;
    overflow:hidden;
}
.EmptyBox70{
    display:block;
    width:100%;
    height:70px;
    overflow:hidden;
}
.EmptyBox80{
    display:block;
    width:100%;
    height:80px;
    overflow:hidden;
}
.EmptyBox90{
    display:block;
    width:100%;
    height:90px;
    overflow:hidden;
}
.EmptyBox100{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox110{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox120{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox130{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox140{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox150{
    display: block;
    width: 100%;
    height:150px;
    overflow:hidden;
}

/* Opacity */
.Opac100{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
}
.Opac95{
    opacity:0.95;
    -webkit-opacity:0.95;
    -moz-opacity:0.95;
}
.Opac90{
    opacity:0.9;
    -webkit-opacity:0.9;
    -moz-opacity:0.9;
}
.Opac80{
    opacity:0.8;
    -webkit-opacity:0.8;
    -moz-opacity:0.8;
}
.Opac70{
    opacity:0.7;
    -webkit-opacity:0.7;
    -moz-opacity:0.7;
}
.Opac60{
    opacity:0.6;
    -webkit-opacity:0.6;
    -moz-opacity:0.6;
}
.Opac50{
    opacity:0.5;
    -webkit-opacity:0.5;
    -moz-opacity:0.5;
}
.Opac40{
    opacity:0.4;
    -webkit-opacity:0.4;
    -moz-opacity:0.4;
}
.Opac30{
    opacity:0.3;
    -webkit-opacity:0.3;
    -moz-opacity:0.3;
}
.Opac20{
    opacity:0.2;
    -webkit-opacity:0.2;
    -moz-opacity:0.2;
}
.Opac10{
    opacity:0.1;
    -webkit-opacity:0.1;
    -moz-opacity:0.1;
}
.OpacZero{
    opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
}

/* Border Radius */
.BordRad3{
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
.BordRad4{
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.BordRad5{
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.BordRad10{
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.BordRad15{
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
}
.BordRadHalf{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
}

.BordRight{
    border-right:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.BordLeft{
    border-left:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.BordTop{
    border-top:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.BordBottom{
    border-top:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.BordAll{
    border:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

/* Width */
.Wid100{
    width:100%;
}
.Wid90{
    width:90%;
}
.Wid80{
    width:80%;
}
.Wid70{
    width:70%;
}
.Wid60{
    width:60%;
}
.Wid50{
    width:50%;
}
.Wid45{
    width:45%;
}
.Wid40{
    width:40%;
}
.Wid30{
    width:30%;
}

/* Width Special Values */
.Wid33{
    width:33.3%;
}
.Wid25{
    width:25%;
}
.Wid20{
    width:20%;
}
.Wid10{
    width:10%;
}

.MaxWid500{
    max-width:500px;
}

/* Height */
.Hei100{
    height:100%;
}
.Hei90{
    height:90%;
}
.Hei80{
    height:80%;
}
.Hei70{
    height:70%;
}
.Hei60{
    height:60%;
}
.Hei40{
    height:40%;
}
.Hei50{
    height:50%;
}
.Hei30{
    height:30%;
}
.Hei20{
    height:20%;
}
.Hei10{
    height:10%;
}

/* Margins */
.MarTopPerc5{
    margin-top:5%;
}
.MarTopPerc10{
    margin-top:10%;
}
.MarTopPerc20{
    margin-top:20%;
}
.MarTopPerc30{
    margin-top:30%;
}
.MarTopPerc40{
    margin-top:40%;
}
.MarTopPerc50{
    margin-top:50%;
}

.MarAuto{
    margin-left:auto;
    margin-right:auto;
}

.MarTop5{
    margin-top:5px;
}
.MarTop10{
    margin-top:10px;
}
.MarTop20{
    margin-top:20px;
}
.MarTop30{
    margin-top:30px;
}
.MarTop40{
    margin-top:40px;
}
.MarTop50{
    margin-top:50px;
}

.MarTopQuarter{
    margin-top:25%;
}
.MarTopHalf{
    margin-top:50%;
}

.MarBot10{
    margin-bottom:10px;
}
.MarRight10{
    margin-right:10px;
}
.MarRight20{
    margin-right:20px;
}


/* Paddings */
.PaddingTopPercent10{
    padding-top: 10%;
}
/* Containers */
.Container100{
    width:100%;
    overflow:hidden;
    float:left;
}
.Container96{
    width:96%;
    overflow:hidden;
    float:left;
}
.Container90{
    width:90%;
    overflow:hidden;
    float:left;
}
.Container85{
    width:85%;
    overflow:hidden;
    float:left;
}
.Container80{
    width:80%;
    overflow:hidden;
    float:left;
}
.Container75{
    width:75%;
    overflow:hidden;
    float:left;
}
.Container70{
    width:70%;
    overflow:hidden;
    float:left;
}
.Container60{
    width:60%;
    overflow:hidden;
    float:left;
}
.Container50{
    width:50%;
    overflow:hidden;
    float:left;
}
.Container40{
    width:40%;
    overflow:hidden;
    float:left;
}
.Container33{
    width:33.3%;
    overflow:hidden;
    float:left;
}
.Container30{
    width:30%;
    overflow:hidden;
    float:left;
}
.Container25{
    width:25%;
    overflow:hidden;
    float:left;
}
.Container20{
    width:20%;
    overflow:hidden;
    float:left;
}
.Container10{
    width:10%;
    overflow:hidden;
    float:left;
}
.Container5{
    width:5%;
    overflow:hidden;
    float:left;
}

.ContainerIndent{
    width:auto;
    overflow:hidden;
    display:block;
}

/* Text Aligns */
.TexAlCenter{
    text-align:center;
}
.TexAlLeft{
    text-align:left;
}
.TexAlRight{
    text-align:right !important;
}

/* Padding With Transparent Border*/
.PadWithBorder1{
    border:solid 1px transparent;
}
.PadWithBorder2{
    border:solid 2px transparent;
}
.PadWithBorder3{
    border:solid 3px transparent;
}
.PadWithBorder4{
    border:solid 4px transparent;
}
.PadWithBorder5{
    border:solid 5px transparent;
}
.PadWithBorder10{
    border:solid 10px transparent;
}

/* Box Sizing */
.BoxSizeContent{
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
}
.BoxSizeBorder{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

/* Font Sizes */
.Fs9{
    font-size:9px !important;
}
.Fs10{
    font-size:10px !important;
}
.Fs11{
    font-size:11px !important;
}
.Fs12{
    font-size:12px !important;
}
.Fs13{
    font-size:13px !important;
}
.Fs14{
    font-size:14px !important;
}
.Fs15{
    font-size:15px !important;
}
.Fs16{
    font-size:16px !important;
}
.Fs17{
    font-size:17px !important;
}
.Fs18{
    font-size:18px !important;
}
.Fs19{
    font-size:19px !important;
}
.Fs20{
    font-size:20px !important;
}
.Fs21{
    font-size:21px !important;
}
.Fs22{
    font-size:22px !important;
}
.Fs23{
    font-size:23px !important;
}
.Fs24{
    font-size:24px !important;
}
.Fs25{
    font-size:25px !important;
}
.Fs26{
    font-size:26px !important;
}
.Fs27{
    font-size:27px !important;
}
.Fs28{
    font-size:28px !important;
}
.Fs29{
    font-size:29px !important;
}
.Fs30{
    font-size:30px !important;
}
.Fs40{
    font-size:40px !important;
}
.Fs50{
    font-size:50px !important;
}
.Fs60{
    font-size:60px !important;
}
.Fs100{
    font-size:100px !important;
}
.Fs130{
    font-size:130px !important;
}

/* Font Type */
.FontBold{
    font-weight:bold;
}
.FontLight{
    font-weight:lighter;
}
.FontNormal{
    font-weight:normal;
}

/* Animated */
.Animated05{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.Animated1{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


.changecolor:hover{
    background-color:yellowgreen;
    padding: 20px;
}
/******************************************************************************************************************************** */

/* MEDIA QUERIES **************************************************************************************************************** */


/* Large desktop */
@media (min-width: 960px){
    #layout-portlets-cover{
        padding-top:55px;
    }
    .ContainerIndent{
        margin:8px 10px;
    }
    body{
        overflow: visible !important
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 640px) and (max-width: 960px) {
    #layout-portlets-cover{
        padding-top:60px;
    }

    .span3 {
        width: 45%;
    }
    .ContainerIndent{
        margin:6px 8px;
    }
    .Responsive{
        width:50%
    }
    body{
        overflow: visible !important
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 640px) {
    #layout-logo{
        margin:15px 2%;
    }
    #layout-menubar, .slimmenu{
        position:fixed;
        background-color: #3D3D3D;
        width:100%;
        min-height:50px !important;
        max-height:50px;
        overflow:hidden;
        z-index:99999999;
    }
    .layout-menubar-container{
        width:100%;
    }
    #layout-menubar-resize{
        display:none;
    }
    #layout-menubar-resize2{
        display:inline-block;
    }
    #buttonArea{
        width:16%;
        padding:1% 2%;
        float:right;
    }
    #searchArea{
        width:76%;
        padding:2%;
        float:left;
    }
    .layout-menubar-container{
        margin-top: 55px;
    }
    .layout-menubar-search{
        border-bottom:none;
    }
    .span3 {
        width: 45%;
    }

    .DisplayOnResponsive{
        display:block;
        float:right;
    }
    .MustResponsive{
        padding:0px;
        width:50%;
        max-height:80%;
        position:fixed;
        overflow-y:scroll;
        right:-100%;
        top:50px;
        padding:14px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        background-image:url("/iclient/javax.faces.resource/images/popupBlueArrow.png.xhtml?ln=sentinel-layout");
        background-repeat:no-repeat;
        background-position:right top;
    }
    .MustResponsive>li{
        width:100%;
        border-radius:0px;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        margin:0px;
        border-bottom:solid 1px #083359;
        min-height:47px;
        height:47px;
        font-size:11px;
        overflow:hidden;
    }
    .MustResponsive>li>i{
        font-size:20px;
        overflow:hidden;
        margin:10px 0px;
        display:block;
    }
    .MustResponsive>li .alertBubble{
        margin:-20px 0px 0px 10px;
        right: 52%;
    }

    .MustResponsive>li ul{
        width:auto;
        position: static;
        display: block;
        height: auto;
        margin: 0px;
        padding: 0px;
        webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        top:0;
        right:0;
        border-radius:0px;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
    }

    #layout-portlets-cover{
        padding-top:110px;
    }

    /* LOGIN */
    .login-back{
        background-size: 100%;
        background-position: center;
    }
    #login-logo{
        line-height: 26px;
    }
    #login-logo span{
        font-size: 26px !important;
    }
    #login-logo img{
        height:26px;
    }
    .TabBtn{
        font-size: 16px;
    }
    #login-box input[type="text"]{
        border: solid 1px #D1D3D4;
        padding: 10px !important;
        box-shadow: none;
        color:#00AEEF !important;
        text-align: center;
        font-size: 16px;
    }
    #login-box .ui-button{
        border:none !important;
        box-shadow: none;
        width:90%;
    }
    #login-box .ui-button .ui-button-text{
        padding:12px !important;
        font-size: 16px !important;
    }

    .ContainerIndent{
        margin:6px 8px;
    }
    .Responsive{
        width:100%
    }

}

/* Portrait phones and down */
@media (min-width:320px) and (max-width: 480px) {
    #layout-logo{
        margin:15px 2%;
    }
    #layout-menubar, .slimmenu{
        position:fixed;
        background-color: #3D3D3D;
        width:100%;
        min-height:50px !important;
        max-height:50px;
        overflow:hidden;
        z-index:99999999;
    }
    .layout-menubar-container{
        width:100%;
    }
    #layout-menubar-resize{
        display:none;
    }
    #layout-menubar-resize2{
        display:inline-block;
    }
    #buttonArea{
        width:16%;
        padding:1.5% 2%;
        float:right;
    }
    #searchArea{
        width:76%;
        padding:2.5% 2% 2.5% 2%;
        float:right;
    }
    .layout-menubar-container{
        margin-top: 55px;
    }
    .layout-menubar-search{
        border-bottom:none;
    }
    .span3 {
        width: 90%;
    }

    #layout-portlets-cover{
        padding-top:100px;
    }

    /* LOGIN */
    .login-back{
        background-size: 300%;
        background-position: -300px;
    }
    #login-logo{
        line-height: 20px;
    }
    #login-logo span{
        font-size: 20px !important;
    }
    #login-logo img{
        height:20px;
    }
    .TabBtn{
        font-size: 12px;
    }
    #login-box input[type="text"]{
        border: solid 1px #D1D3D4 !important;
        padding: 10px !important;
        box-shadow: none;
        color:#00AEEF !important;
        text-align: center;
        font-size: 14px !important;
    }
    #login-box .ui-button{
        border:none !important;
        box-shadow: none;
        width:90%;
    }
    #login-box .ui-button .ui-button-text{
        padding:12px !important;
        font-size: 14px !important;
    }

    .ContainerIndent{
        margin:16px 8px 0px 8px;
    }
    .Responsive{
        width:100%
    }
}

/* Landscape phones */
@media (min-height:200px) and (max-height:500px) and (max-width:960px){

}