/*
* SENTINEL LAYOUT & THEME
* Designed by Cem ALTUN - jamaltun@gmail.com
* Supported Browsers > Google Chrome 3+ , Mozilla Firefox 3+ , Safari 3+ , Opera 3+ , Yandex Browser , Inernet Explorer 9+
* Copyright 2014 - PrimeFaces Theme Market - PrimeTek */

/* FONT-FACE*/
@font-face {
    font-family: 'titillium_webregular';
    src: url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-regular-webfont.eot.xhtml?ln=sentinel-layout");
    src: url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-regular-webfont.eot.xhtml?ln=sentinel-layout#iefix") format('embedded-opentype'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-regular-webfont.woff.xhtml?ln=sentinel-layout") format('woff'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-regular-webfont.ttf.xhtml?ln=sentinel-layout") format('truetype'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-regular-webfont.svg.xhtml?ln=sentinel-layout#titillium_webregular") format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'titillium_websemibold';
    src: url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-semibold-webfont.eot.xhtml?ln=sentinel-layout");
    src: url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-semibold-webfont.eot.xhtml?ln=sentinel-layout#iefix") format('embedded-opentype'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-semibold-webfont.woff.xhtml?ln=sentinel-layout") format('woff'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-semibold-webfont.ttf.xhtml?ln=sentinel-layout") format('truetype'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-semibold-webfont.svg.xhtml?ln=sentinel-layout#titillium_websemibold") format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'titillium_webbold';
    src: url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-bold-webfont.eot.xhtml?ln=sentinel-layout");
    src: url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-bold-webfont.eot.xhtml?ln=sentinel-layout#iefix") format('embedded-opentype'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-bold-webfont.woff.xhtml?ln=sentinel-layout") format('woff'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-bold-webfont.ttf.xhtml?ln=sentinel-layout") format('truetype'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-bold-webfont.svg.xhtml?ln=sentinel-layout#titillium_webbold") format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'titillium_webbold_italic';
    src: url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-bolditalic-webfont.eot.xhtml?ln=sentinel-layout");
    src: url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-bolditalic-webfont.eot.xhtml?ln=sentinel-layout#iefix") format('embedded-opentype'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-bolditalic-webfont.woff.xhtml?ln=sentinel-layout") format('woff'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-bolditalic-webfont.ttf.xhtml?ln=sentinel-layout") format('truetype'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-bolditalic-webfont.svg.xhtml?ln=sentinel-layout#titillium_webbold_italic") format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'titillium_websemibold_italic';
    src: url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-semibolditalic-webfont.eot.xhtml?ln=sentinel-layout");
    src: url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-semibolditalic-webfont.eot.xhtml?ln=sentinel-layout#iefix") format('embedded-opentype'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-semibolditalic-webfont.woff.xhtml?ln=sentinel-layout") format('woff'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-semibolditalic-webfont.ttf.xhtml?ln=sentinel-layout") format('truetype'),
         url("/fuvsMentorWebG5/javax.faces.resource/fonts/titilliumweb-semibolditalic-webfont.svg.xhtml?ln=sentinel-layout#titillium_websemibold_italic") format('svg');
    font-weight: normal;
    font-style: normal;

}

.FontTitilliumRegular{font-family: 'titillium_webregular';}
.FontTitilliumSemiBold{font-family: 'titillium_websemibold';}
.FontTitilliumBold{font-family: 'titillium_webbold';}
.FontTitilliumBoldItalic{font-family: 'titillium_webbold_italic';}
.FontTitilliumSemiBoldItalic{font-family: 'titillium_websemibold_italic';}


/*BODY*/
body{ margin:0px;}
.GRAYback{background-color:#F7F7F7;}

/* LOGIN PAGE */
/*.login-back{background-image:url("/fuvsMentorWebG5/javax.faces.resource/images/login-back.svg.xhtml?ln=sentinel-layout"); background-position:top left; background-repeat:no-repeat; background-size: 50%;}*/
/*.error-back{background-image:url("/fuvsMentorWebG5/javax.faces.resource/images/error-back.svg.xhtml?ln=sentinel-layout"); background-position:right bottom; background-repeat:no-repeat; background-size: 900px; background-attachment: fixed;}*/

    #login-logo{width:auto; margin-bottom:-2px; padding:0px; margin:18px; line-height: 30px; display:inline-block;}
        #login-logo img{height:30px;}
                    
    #login-box{min-height: 350px; margin-bottom: 20px; overflow: hidden;/* -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 #C0C5C7;}
        .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 #C0C5C7 !important; padding: 10px !important; box-shadow: none; color:#00AEEF; 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; color:#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:1000; 
		box-sizing:content-box;
		border-bottom:solid 1px #3dcc1d; 
		border-top:solid 1px #3dcc1d;
		background: #1578c9;
		background: -moz-linear-gradient(top, #2a9c13 0%, #2a9c13 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #2a9c13), color-stop(100%, #2a9c13));
		background: -webkit-linear-gradient(top, #2a9c13 0%, #2a9c13 100%);
		background: -o-linear-gradient(top, #2a9c13 0%, #2a9c13 100%);
		background: -ms-linear-gradient(top, #2a9c13 0%, #2a9c13 100%);
		
		background: linear-gradient(to bottom, #2a9c13 0%, #2a9c13 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);
		
		height:45px;
	}
	
	#layout-logo{width:auto; margin-bottom:-2px; padding:0px; margin:18px; float:left; line-height: 16px;}
    #layout-logo img{height:16px;}
	.alertBubble{background-color:#e90c45; color:#ffffff; overflow:hidden; padding:3px 4px; display:inline-block; position:absolute; margin-top:-5px;}
	
	/* 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:RED; float:right;}
	#layout-menubar-resize2{display:none; padding:5px; background-color:#2B2B2B; color:RED; 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%;}

	/* PORTLETS COVER */
	#layout-portlets-cover{
		background-color: #ffffff; 
		overflow-y:hidden; 
		color:#72828B; 
		overflow-x:auto;
	}

    /*#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%;}

/* bordered boxes */
.GrayBorderedBox{ border:solid 1px #C0C5C7;}
.BorBotGray{ border-bottom:solid 1px #C0C5C7;}
.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;}
*/

/* 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;}
.Seperator{border-bottom:solid 1px #ccc; overflow:hidden; display:block; width:100%; margin:5px 0px;}
*/
/* 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;
}
.fi-container,
.navbar-static-top .fi-container,
.navbar-fixed-top .fi-container,
.navbar-fixed-bottom .fi-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;
}
.fi-container {
  *zoom: 1;
}
.fi-container:before,
.fi-container:after {
  display: table;
  content: "";
  line-height: 0;
}
.fi-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;
}

#buttonArea > a:focus
{-webkit-box-shadow: inset 0px 0px 0px 1px rgba(100,100,100,1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(100,100,100,1);
box-shadow: inset 0px 0px 0px 1px rgba(100,100,100,1);
}

#layout-menubar .layout-menubar-container li a:focus {color: #FFD100; padding-left: 20px;}

/* RTL */
.ui-sentinel-rtl #layout-menubar {float: right !important; direction: rtl;}
.ui-sentinel-rtl #layout-menubar .icon-angle-down {float: left;}
.ui-sentinel-rtl #layout-menubar-resize {float: left;}
.ui-sentinel-rtl .layout-menubar-container li a .i {padding-left: 8px !important;}

.ui-sentinel-rtl #layout-logo {float: right;}
.ui-sentinel-rtl .DisplayOnResponsive {float: left;}

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

@media (min-width: 641px) {
    #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;
    }
}
  
/* Landscape phone to portrait tablet */
@media (max-width: 640px) {
	#layout-logo{margin:15px 2%;}
	.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-search{border-bottom:none;}
        
     /* LOGIN */
     /*.login-back{ background-size: 100%; background-position: -200px;}*/
     #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 #C0C5C7; 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;}
    
    /* RTL */
    .ui-sentinel-rtl #buttonArea {float: left; padding-left: 4%;}
    .ui-sentinel-rtl #searchArea{float:right !important; padding-right: 3% !important;}
}
 
/* Portrait phones and down */
@media (max-width: 480px) {
	/* 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 #C0C5C7 !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;}
}

#layout-portlets-cover:before,#layout-portlets-cover:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

#layout-portlets-cover:after {
    clear: both; 
}