@charset "UTF-8";
/* LOGIN PAGE */
/* url("/app.dwr/resources/logon/images/LF/background.gif") */
/* url("") */
/*.login-back{background-image: url("/app.dwr/resources/main/images/LF/background.gif") ; background-position:top left; background-repeat:repeat;}
.error-back{background-image: url(""); background-position:right bottom; background-repeat:repeat; background-size: 900px; background-attachment: fixed;} */

/*BODY*/
body {background-image: url("/javax.faces.resource/lfgsite/logon/images/LF/background.gif.xhtml") ; background-position:top left; background-repeat:repeat; margin:0px;}/*{background-color: #F6F8F8; margin:0px;}*/
.GRAYback{background-color:#F7F7F7;}

#login-logo{width:auto; margin-bottom:-2px; padding:0px;line-height: 30px; /*display:inline-block; margin:18px; */}
#login-logo img{height:30px;}

#login-erplogo img{height:30px;}

.lang-button{ border-radius: 5px; padding: 2px 2px 2px 2px;}

/* LOGIN BOX */
#login-box{min-height: 350px; margin-bottom: 20px; /* -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); */ border: solid 1px #D1D3D4;}
.TabBtn{background-color:#F4F7F9; padding: 20px 0px; cursor:pointer; border-bottom: solid 1px #E6E8E8; color:#96A5AE; font-size: 22px;}
.TabBtn:hover{color:#00AEEF;}
/* 
.TabBtnActiveLeft{ background-color: #ffffff; cursor:auto; border-bottom:solid 1px #E6E8E8; color:#00AEEF; border-right:solid 1px #E6E8E8;}
.TabBtnActiveRight{ background-color: #ffffff; cursor:auto; border-bottom:solid 1px #E6E8E8; color:#00AEEF; border-left:solid 1px #E6E8E8;}
#login-box{font-size: 14px;}
#login-box input[type="text"],#login-box input[type="password"]{border: solid 1px #D1D3D4 !important; padding: 10px !important; box-shadow: none; color:#00AEEF !important; text-align: center;}
#login-box input[type="text"]:hover, #login-box input[type="text"]:focus,
#login-box input[type="password"]:hover, #login-box input[type="password"]:focus{border:solid 1px #00AEEF !important;}
*/
#login-box .ui-button{border:none !important; box-shadow: none; width:85%;}
#login-box .ui-button .ui-button-text{padding:16px !important; font-size: 18px !important;}


/* HEADER BAR */
#layout-header{width:100%; display:block; position:fixed; z-index:999999999; box-sizing:content-box;
               border-bottom:solid 1px #0b4170; border-top:solid 1px #0b4170;
               background: #1578c9;
               background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%);
               background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1));
               background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%);
               background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%);
               background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%);
               background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%);
               -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
               -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
               box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);}
#layout-logo{width:auto; margin-bottom:-2px; padding:0px; margin:18px; float:left; line-height: 16px;}
#layout-logo img{height:16px;}

.layout-header-widgets{margin:0px; padding:0px; position:absolute; right:10px; top:6px;}
.layout-header-widgets li{background-color:#0f446c; width:34px; height:34px; margin-left:10px; /*for background transition overflow problem of safari*/-webkit-backface-visibility: hidden;}
.layout-header-widgets li:hover{background-color:#165686;}
.layout-header-widgets li i{margin-top:7px; display:block;cursor:pointer}
.alertBubble{background-color:#e90c45; color:#ffffff; overflow:hidden; padding:3px 4px; display:inline-block; position:absolute; margin-top:-5px;}

.layout-header-widgets-submenu{width:200px; padding:14px; margin:0px; position:relative; margin-top:8px; margin-left:-180px; overflow:auto; display:none; max-height: 300px;
                               background-image:url("/sentinel/javax.faces.resource/images/popupBlueArrow.png.xhtml?ln=sentinel-layout"); background-repeat:no-repeat; background-position:top right;}
.layout-header-widgets-submenu li{padding:0px; margin:0px; margin-left:0px !important; border-bottom:solid 1px #083359; width:100% !important; height:auto !important; 
                                  display:block; background-color:#0b4170;}
.layout-header-widgets-submenu li i{float:left; margin:0px 10px !important;}
.layout-header-widgets-submenu li a{padding:10px; display:block; text-align:left; overflow:hidden;}

/* MENU BAR */
#layout-menubar{float:left; padding-top:55px; background-color: #3D3D3D; position:relative; z-index: 998;}
.bigmenu{width:260px; border-right: solid 1px #272727;}
.layout-menubarinner-box{width:230px; display:table; padding:10px 15px; overflow: hidden;}
#layout-menubar-resize{display:inline-block; padding:5px; background-color:#2B2B2B; color:#FFD100; float:right;}
#layout-menubar-resize2{display:none; padding:5px; background-color:#2B2B2B; color:#FFD100; float:right;}
.layout-menubar-search{width:200px; padding:0px 0px 3px 0px; border:0px; border:none; background-color:transparent; outline:none; border-bottom:solid 1px #5A5A5A;
                       color:#5A5A5A !important; font-size:14px;}
.layout-menubar-search:focus{color:#939393 !important;}
.layout-menubar-container{width:260px; padding:0px; margin-bottom:60px;}
#layout-menubar li {width:100%; padding:0px; color:#D9D9D9; font-size:14px; cursor:pointer;}
#layout-menubar li:hover{background-color:#303030;}
.layout-menubar-active{background-color:#303030; text-shadow: 0 1px 0 #000000;}
.layout-menubar-active i{}
#layout-menubar li a{color:#D9D9D9; padding:15px; display:block; border-bottom:solid 1px #4D4D4D; -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;}
#layout-menubar li a:hover{color:#FFD100; padding-left:20px;}
.layout-menubar-submenu-container{padding:0px; overflow:hidden;display: none;}
.layout-menubar-submenu-open{background-color:#353333;}

#layout-menubar.layout-menubar-open-fullscr{height:100%; overflow-y:scroll; max-height:100%;}
#layout-menubar.layout-menubar-open-fullscr li{width:100%;}

/* SEARCH AREA */

.slimsearch:hover{position:relative; background-color: #303030; width:280px !important;}
.slimsearch:hover input{display:inline-block !important;}
.slimsearch i{margin-left: 6px; margin-right:13px;}
.slimsearch:hover i{color:#FFD100;}
.slimsearch:hover input{border-bottom:0px !important; margin-bottom: -1px;}

/* MENUBAR SLIM */
.slimmenu{width:50px; z-index: 99999999 !important;}
.slimmenu .layout-menubarinner-box{padding:10px 9px;}
.slimmenu #layout-menubar-resize{float:left;}
.slimmenu .layout-menubar-container{width:48px;}
.slimmenu .layout-menubarinner-box{width:48px;}
.slimmenu .layout-menubarinner-box input{display:none;}
.slimmenu .layout-menubar-container li{height:50px; overflow:hidden;}
#layout-menubar.slimmenu .layout-menubar-container li:hover{position:relative; width:330px; min-height:50px !important; height:auto;}
.slimmenu li a{width:300px; border-bottom: 1px solid #4D4D4D;}
.slimmenu li a:hover{color:#FFD100; padding-left:25px;}
.slimmenu li:hover a{display:block; width:auto;}
.slimmenu .layout-menubar-container li a .i{ margin-right:20px;}

/* PORTLETS COVER */
#layout-portlets-cover{background-color: #ffffff; overflow-y:hidden; padding-top: 55px; color:#9FADB5; overflow-x: hidden;}

#sm-mobiletopmenu {
    display: none;
}

/* OTHERS -----------------------------------------------------------------*/
a{text-decoration:none; outline:none;}
img{outline:none;}
li{list-style:none;}
.showCode{width:98%; max-width:98%; padding:10px; border:0px; overflow-x:hidden; background-color:transparent; min-height:100px;}
.Top20Percent{top:20%;}

/* shadow for elements*/
.shadows{-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);}

/* font colors */
.gray{color:#5A5A5A;}
.softgray{color:#CDCDCD;}
.yellow{color:#FFD100;}
.white{ color:#ffffff;}
.red{color:#e90c45;}
.orange{color:#F15A29;}
.softblue{color:#C1E1F4;}
.hardblue{color:#27AAE1;}
.leaden{color:#9FADB5;}

/* bordered boxes */
.GrayBorderedBox{ border:solid 1px #D1D3D4;}
.BorBotGray{ border-bottom:solid 1px #D1D3D4;}
.BorBotLeaden{border-bottom: solid 1px #E4E9EC;}


/* background colors */
.white-back{ background-color:#ffffff;}
.red-back{ background-color:#EF3C56;}
.gray-back{background-color:#F7F7F7;}
.leaden-back{background-color: #FBFCFD;}
.orange-back{ background-color:#F15A29;}
.lightgray-back{background-color:#eff4f6;}

/* background colors */
.softBrownBack{background-color:#DBD0BD;}
.softGreenBack{background-color:#8BD8B1;}
.softOrangeBack{background-color:#F9BB70;}
.softYellowBack{background-color:#FFE771;}
.softRedBack{background-color:#EF7F88;}
.softBlueBack{background-color:#6BCCED;}
.softGrayBack{background-color:#F2F2F2;}

/* margin for layout menu bar links*/
.marginLevel-1{margin-left:20px;}
.marginLevel-2{margin-left:40px;}
.marginLevel-3{margin-left:60px;}
.marginLevel-4{margin-left:80px;}

/* fonts */
.fontItalic{font-style:italic;}
/*
.fontRegular{font-family: 'titillium_webregular' !important;}
.fontSemibold{font-family: 'titillium_websemibold';}
.fontSemiboldItalic{font-family: 'titillium_websemibold_italic';}

.fontBold{font-family: 'titillium_webbold';}
.fontBoldItalic{font-family: 'titillium_webbold_italic';}
*/


/* Font Icons Page CSS ======================================================================================================== */
.row {
    margin-left: -20px;
    *zoom: 1;
}
.row:before,
.row:after {
    display: table;
    content: "";
    line-height: 0;
}
.row:after {
    clear: both;
}
[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: auto;
}
.span12 {width: 940px;}
.span11 {width: 860px;}
.span10 {width: 780px;}
.span9 {width: 700px;}
.span8 {width: 620px;}
.span7 {width: 540px;}
.span6 {width: 460px;}
.span5 {width: 380px;}
.span4 {width: 300px;}
.span3 {width: 23%;}
.span2 {width: 140px;}
.span1 {width: 60px;}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
    float: right;
}
.container {
    *zoom: 1;
}
.container:before,
.container:after {
    display: table;
    content: "";
    line-height: 0;
}
.container:after {
    clear: both;
}
p {
    margin: 0 0 10px;
}
.lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
}
small {
    font-size: 85%;
}
.the-icons {
    font-size: 20px;
    line-height: 40px;
}
.switch {
    position: absolute;
    right: 0;
    bottom: 10px;
    color: #666;
}
.switch input {
    margin-right: 0.3em;
}
.codesOn .i-name {
    display: none;
}
.codesOn .i-code {
    display: inline;
}
.i-code {
    display: none;
}

#buttonArea {
    display: block;
}
.login-button{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:15px;
    background:#a1d8f0;
    background:-moz-linear-gradient(top, #badff3, #7acbed);
    background:-webkit-gradient(linear, left top, left bottom, from(#badff3), to(#7acbed));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#badff3', EndColorStr='#7acbed')";
    border:1px solid #7db0cc !important;
    cursor: pointer;
    padding:11px 16px;
    font:bold 18px/20px Verdana, Tahomma, Geneva;
    -moz-text-size-adjust: auto;
    -webkit-text-size-adjust: auto;
    -ms-text-size-adjust: auto;
    text-shadow:rgba(0,0,0,0.2) 0 1px 0px;
    color:#fff;
    -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    -webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    margin-left:12px;
    float:right;
    padding:7px 21px;
    width: 70%;
    margin-right: 5%;
}

.login-button:hover,
.login-button:focus,
.login-button:active{
    background:#a1d8f0;
    background:-moz-linear-gradient(top, #7acbed, #badff3);
    background:-webkit-gradient(linear, left top, left bottom, from(#7acbed), to(#badff3));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7acbed', EndColorStr='#badff3')";
}
.login-button:active{
    text-shadow:rgba(0,0,0,0.3) 0 -1px 0px;
}

.login-title{text-align: left;}
.login-warning{text-align: right;color:#e90c45;}

/* MEDIA QUERIES **************************************************************************************************************** */
@media (min-width: 1201px) {
    #layout-menubar {
        width:260px; 
        border-right: solid 1px #272727;
    }

    #layout-menubar.slimmenu {
        width:50px;
    }
}

@media (min-width: 641px) {
    #sm-topmenu li,
    #sm-topmenu li.active-topmenuitem{
        height: 34px;
    }

    #layout-menubar.layout-menubar-open-fullscr{height:auto; overflow-y:visible; max-height:auto;}
    #layout-menubar.layout-menubar-open-fullscr li{width:100%;}

    body.OvHidden {
        overflow: visible;
    }
}

@media (min-width: 641px) and (max-width: 1200px) {
    #buttonArea {
        display: none;
    }

    /* Slim Search */
    #searchArea{width:48px}
    #searchArea:hover{position:relative; background-color: #303030; width:280px !important; }
    #searchArea:hover input{display:inline-block !important;}
    #searchArea i{margin-left: 6px; margin-right:13px;}
    #searchArea:hover i{color:#FFD100;}
    #searchArea:hover input{border-bottom:0px; margin-bottom: -1px;}

    /* Slim Menu */
    #layout-menubar{width:50px; z-index: 99999999 !important;}
    #layout-menubar .layout-menubarinner-box{padding:10px 9px;}
    #layout-menubar #layout-menubar-resize{float:left;}
    #layout-menubar .layout-menubar-container{width:48px;}
    #layout-menubar .layout-menubarinner-box{width:48px;}
    #layout-menubar .layout-menubarinner-box input{display:none;}
    #layout-menubar .layout-menubar-container li{height:50px; overflow:hidden;}
    #layout-menubar .layout-menubar-container li:hover{position:relative; width:330px; min-height:50px !important; height:auto;}
    #layout-menubar li a{width:300px; border-bottom: 1px solid #4D4D4D;}
    #layout-menubar li a:hover{color:#FFD100; padding-left:25px;}
    #layout-menubar li:hover a{display:block; width:auto;}
    #layout-menubar .layout-menubar-container li a .i{ margin-right:20px;}
}

/* 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:auto; padding:1% 2%; float:right;}
    .layout-menubar-container{margin-top: 55px;}
    .layout-menubar-search{border-bottom:none;}

    #sm-topmenu{padding:0px; width:50%; max-height:80%; position:fixed; top:50px; padding:14px; display: none;
                -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("/sentinel/javax.faces.resource/images/popupBlueArrow.png.xhtml?ln=sentinel-layout"); background-repeat:no-repeat; background-position:right top;}
    #sm-topmenu>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;}
    #sm-topmenu>li>i{font-size:20px; overflow:hidden; margin:10px 0px; display:block;}
    #sm-topmenu>li .alertBubble{ margin:-20px 0px 0px 10px; right: 52%;}

    #sm-topmenu>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;}
    #sm-topmenu.DispBlock {
        display: block;
        overflow-y: auto;
    }

    #sm-topmenu li.active-topmenuitem {
        height: auto;
    }  

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

    /* LOGIN */
    /* .login-back{ background-size: 100%; background-position: -200px;}*/
    #login-logo{ line-height: 26px;}
    #login-logo span{font-size: 26px }
    #login-logo img{ height:26px;}
    
    #login-erplogo img{ height:26px;}
    #login-logo span{font-size: 12px}
    
    .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;}

    #sm-mobiletopmenu {
        display: block;
    }	

    #searchArea{width:auto !important; padding:2% !important; float:left !important;}
    .slimmenu #searchArea.layout-menubarinner-box input{display:inline-block;}
    #searchArea.slimsearch:hover{position:relative; background-color: transparent; width: auto;}
    #searchArea.slimsearch:hover input{display:inline-block !important;}
    #searchArea.slimsearch i{margin-left: 0px; margin-right:0px;}
    #searchArea.slimsearch:hover i{color:#5A5A5A;}
}

/* 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:auto; padding:1.5% 2%; float:right;}
    #searchArea{width:auto; padding:2.5% 2% 2.5% 2%; float:right;}
    .layout-menubar-container{margin-top: 55px;}
    .layout-menubar-search{border-bottom:none;}

    /* LOGIN */
    /*.login-back{ background-size: 300%; background-position: -300px;}*/
    #login-logo{ line-height: 20px;}
    #login-logo span{font-size: 20px }
    #login-logo img{ height:20px;}
    
    #login-erplogo img{ height:20px;}
    #login-logo span{font-size: 12px }
    
    .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;}

}