/*
* 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("/javax.faces.resource/fonts/titilliumweb-regular-webfont.eot.xhtml?ln=sentinel-layout");
    src: url("/javax.faces.resource/fonts/titilliumweb-regular-webfont.eot.xhtml?ln=sentinel-layout#iefix") format('embedded-opentype'),
         url("/javax.faces.resource/fonts/titilliumweb-regular-webfont.woff.xhtml?ln=sentinel-layout") format('woff'),
         url("/javax.faces.resource/fonts/titilliumweb-regular-webfont.ttf.xhtml?ln=sentinel-layout") format('truetype'),
         url("/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("/javax.faces.resource/fonts/titilliumweb-semibold-webfont.eot.xhtml?ln=sentinel-layout");
    src: url("/javax.faces.resource/fonts/titilliumweb-semibold-webfont.eot.xhtml?ln=sentinel-layout#iefix") format('embedded-opentype'),
         url("/javax.faces.resource/fonts/titilliumweb-semibold-webfont.woff.xhtml?ln=sentinel-layout") format('woff'),
         url("/javax.faces.resource/fonts/titilliumweb-semibold-webfont.ttf.xhtml?ln=sentinel-layout") format('truetype'),
         url("/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("/javax.faces.resource/fonts/titilliumweb-bold-webfont.eot.xhtml?ln=sentinel-layout");
    src: url("/javax.faces.resource/fonts/titilliumweb-bold-webfont.eot.xhtml?ln=sentinel-layout#iefix") format('embedded-opentype'),
         url("/javax.faces.resource/fonts/titilliumweb-bold-webfont.woff.xhtml?ln=sentinel-layout") format('woff'),
         url("/javax.faces.resource/fonts/titilliumweb-bold-webfont.ttf.xhtml?ln=sentinel-layout") format('truetype'),
         url("/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("/javax.faces.resource/fonts/titilliumweb-bolditalic-webfont.eot.xhtml?ln=sentinel-layout");
    src: url("/javax.faces.resource/fonts/titilliumweb-bolditalic-webfont.eot.xhtml?ln=sentinel-layout#iefix") format('embedded-opentype'),
         url("/javax.faces.resource/fonts/titilliumweb-bolditalic-webfont.woff.xhtml?ln=sentinel-layout") format('woff'),
         url("/javax.faces.resource/fonts/titilliumweb-bolditalic-webfont.ttf.xhtml?ln=sentinel-layout") format('truetype'),
         url("/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("/javax.faces.resource/fonts/titilliumweb-semibolditalic-webfont.eot.xhtml?ln=sentinel-layout");
    src: url("/javax.faces.resource/fonts/titilliumweb-semibolditalic-webfont.eot.xhtml?ln=sentinel-layout#iefix") format('embedded-opentype'),
         url("/javax.faces.resource/fonts/titilliumweb-semibolditalic-webfont.woff.xhtml?ln=sentinel-layout") format('woff'),
         url("/javax.faces.resource/fonts/titilliumweb-semibolditalic-webfont.ttf.xhtml?ln=sentinel-layout") format('truetype'),
         url("/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{background-color: #F6F8F8; margin:0px;}
.GRAYback{background-color:#F7F7F7;}

/* LOGIN PAGE */
.login-back{background-image:url("/javax.faces.resource/images/fundo-tela.jpg.xhtml?ln=sentinel-layout"); background-position:bottom left; background-repeat:no-repeat; min-height: 100vh; background-size: cover}
.error-back{background-image:url("/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:0px; padding:0px; margin:15px; line-height: 30px; display:inline-block;}
        #login-logo img{height:56px}
                    
    #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:#3D3D3C;}
        .TabBtnActiveLeft{ background-color: #ffffff; cursor:auto; border-bottom:solid 1px #E6E8E8; color:#3D3D3C; border-right:solid 1px #E6E8E8;}
        .TabBtnActiveRight{ background-color: #ffffff; cursor:auto; border-bottom:solid 1px #E6E8E8; color:#3D3D3C; border-left:solid 1px #E6E8E8;}
        
        #login-box{font-size: 14px;}
            #login-box input[type="text"],#login-box input[type="password"]{border: solid 1px #C0C5C7; padding: 10px !important; box-shadow: none; color:#3D3D3C; 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 #3D3D3C;}
            #login-box .ui-button{border:none; box-shadow: none; width:85%;}
                #login-box .ui-button .ui-button-text{padding:16px !important; font-size: 18px !important;}
            #login-box .ui-inputfield.ui-state-hover, #login-box .ui-inputfield.ui-state-focus{border:solid 1px #3D3D3C;color:#3D3D3C !important;}


    /* HEADER BAR */
    #layout-header{width:100%; display:block; position:fixed; z-index:1000; box-sizing:content-box;
                    border-bottom:solid 1px #2c2c2c; border-top:solid 1px #2c2c2c;
                    background: #525252;
                    background: -moz-linear-gradient(top, #525252 0%, #525252 100%);
                    background: -webkit-gradient(left top, left bottom, color-stop(0%, #525252), color-stop(100%, #525252));
                    background: -webkit-linear-gradient(top, #525252 0%, #525252 100%);
                    background: -o-linear-gradient(top, #525252 0%, #525252 100%);
                    background: -ms-linear-gradient(top, #525252 0%, #525252 100%);
                    background: linear-gradient(to bottom, #525252 0%, #525252 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; padding:0px; margin:12px; float:left; line-height: 16px;}
                    #layout-logo img{margin-left:4px;height:28px;}
                    
        .layout-header-widgets{margin:0px; padding:0px; position:static; right:10px; top:6px; float: right; margin-top:6px; margin-bottom:0px; margin-right:10px;}
            .layout-header-widgets li{background-color:#2C2C2C; 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:#4c4c4c;}
                .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: 400px;
                                               background-image:url("/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 #B9B9B9; width:100% !important; height:auto !important; 
                                                    display:block; background-color:#353535;}
                        .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: 999 !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:#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%;}

.GrayCombo .ui-selectonemenu-trigger, .GrayCombo .ui-selectcheckboxmenu-trigger{padding: 0 5px !important; font-size: 16px !important; font-size:16px; border:solid 1px #6B6B6B !important; color:#ffffff !important;
                    -webkit-box-shadow:inset 0 0 0 1px #808080 !important; -moz-box-shadow:inset 0 0 0 1px #808080 !important; box-shadow:inset 0 0 0 1px #a5a5a5 !important;
                    text-shadow: 0 -1px 0 #343434; z-index:100; border-bottom-right-radius: 5px !important; border-top-right-radius: 5px !important; margin:-1px -1px -1px 0px !important;
                    background: #7c7c7c !important;
                    background: -moz-linear-gradient(top, #7c7c7c 0%, #848484 100%) !important;
                    background: -webkit-gradient(left top, left bottom, color-stop(0%, #7c7c7c), color-stop(100%, #848484)) !important;
                    background: -webkit-linear-gradient(top, #7c7c7c 0%, #848484 100%) !important;
                    background: -o-linear-gradient(top, #7c7c7c 0%, #848484 100%) !important;
                    background: -ms-linear-gradient(top, #7c7c7c 0%, #848484 100%) !important;
                    background: linear-gradient(to bottom, #7c7c7c 0%, #848484 100%) !important;
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#848484', GradientType=0 ) !important; font-family: 'titillium_webregular' !important;}

/* 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;}
.lightgray{color: #c2c2c2;}
.softgray{color:#909090;}
.darkgray{color:#373435;}
.yellow{color:#FFD100;}
.darkYellow{color: #d3ab0f;}
.black{color:#000000;}
.white, .white.ui-inputfield.ui-state-hover, .white.ui-inputfield.ui-state-focus{ color:#ffffff !important;}

.red{color:#CF0000;}
.orange{color:#F15A29;}
.softblue{color:#C1E1F4;}
.hardblue{color:#27AAE1;}
.leaden{color:#72828B;}
.green{color:#90bf21;}

/* 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: #d7d7d7;}
.leaden-back{background-color: #FBFCFD;}
.orange-back{ background-color:#F15A29;}
.green-back{ background-color:#90BF21;}
.black-back{ background-color:#000000;}

/* background colors */
.softBrownBack{background-color:#DBD0BD;}
.softGreenBack{background-color:#c7df90;}
.softOrangeBack{background-color:#F9BB70;}
.softYellowBack{background-color:#FFE771;}
.lightYellowBack{background-color:#ffffe0;}
.softRedBack{background-color:#EF7F88;}
.softBlueBack{background-color:#6BCCED;}
.softGrayBack{background-color:#F2F2F2;}
.softBlackBack{background-color:#414141;}

/* 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 */
.fontRegular{font-family: 'titillium_webregular' !important;}
.fontItalic{font-style:italic;}

.fontSemibold{font-family: 'titillium_websemibold';}
.fontSemiboldItalic{font-family: 'titillium_websemibold_italic';}

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

.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;
}

#sm-topmenu>li:focus,
#sm-topmenu a:focus{background-color: #2e7d32 !important;}

#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 .slimmenu #layout-menubar-resize {float: right;}
.ui-sentinel-rtl .slimmenu .slimsearch {padding-right: 3px;}
.ui-sentinel-rtl .slimmenu .layout-menubar-container li a .i {padding-left: 15px !important; margin-right: 0.2em !important;}

.ui-sentinel-rtl .layout-header-widgets {right: 0px; left: 10px; direction: rtl;}
.ui-sentinel-rtl .layout-header-widgets-submenu {margin-left: 0px; margin-right: -180px; background-position: left 13px top;}
.ui-sentinel-rtl #layout-logo {float: right;}
.ui-sentinel-rtl .DisplayOnResponsive {float: left;}
.ui-sentinel-rtl #sm-topmenu {background-position: left 13px top;}
.ui-sentinel-rtl .layout-header-widgets-submenu li i {float: right;}
.ui-sentinel-rtl .layout-header-widgets-submenu li a {text-align: right;}

/* New style onsafety */

.ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus {
    color: #90bf2130 !important;
    border-color: #90bf21 !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    box-shadow: inset 0 0 0 1px #90bf21 !important;
    text-shadow: 0 -1px 0 #90bf21 !important;
    background: #90bf21 !important;
    border-color: #90bf21 !important;
}

.ui-selectonemenu-panel .ui-state-highlight, .ui-selectcheckboxmenu-panel .ui-state-highlight {
    color: #90bf21 !important;
}

.ui-selectonemenu-panel {
    border-color: #90bf21 !important;
}

.ui-selectonemenu-trigger.ui-state-focus, ui-state-default.ui-state-focus, ui-corner-right.ui-state-focus, ui-selectonemenu.ui-state-focus, .ui-widget.ui-state-focus, ui-corner-all.ui-state-focus{
    color: #78848B !important;
    border-color: #90bf21 !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    box-shadow: inset 0 0 0 1px #90bf21 !important;
}

.ui-selectonemenu-trigger.ui-state-hover, ui-state-default.ui-state-hover, ui-corner-right.ui-state-hover, ui-selectonemenu.ui-state-hover, .ui-widget.ui-state-hover, ui-corner-all.ui-state-hover {
    color: #78848B !important;
    border-color: #78848B !important;
}

.ui-datatable .ui-paginator .ui-state-hover {
    background-color: #90bf21 !important;
    border-color: #90bf21 !important;
}

.yellow {
    color: #90bf21 !important;
}

.ui-datatable .ui-paginator .ui-state-active, .ui-datatable .ui-paginator .ui-paginator-pages .ui-state-active {
    background-color: #90bf21 !important;
    border-color: #90bf21 !important;
}

.ui-datatable.ui-state-hover .ui-paginator.ui-state-hover .ui-paginator-rpp-options.ui-state-hover {
    color: white !important;
    background-color: #90bf21 !important;
}

.ui-paginator .ui-paginator-jtp-select option, .ui-paginator .ui-paginator-rpp-options option {
    background-color: white !important;
    color: #90bf21 !important;
}

.ui-datatable.ui-state-focus, .ui-paginator.ui-state-focus, .ui-paginator-page.ui-state-focus {
    border-color: #90bf21 !important;
}

.ui-datatable.ui-state-hover, .ui-paginator.ui-state-hover, .ui-paginator-page.ui-state-hover, .ui-state-default.ui-state-hover {
    border-color: #90bf21 !important;
    color: #78848B !important;
}

.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
    background-color: #e2f3ba !important;
}

.ui-datatable .ui-paginator .ui-state-active, .ui-datatable .ui-paginator .ui-paginator-pages .ui-state-active {
    color: white !important;
    border-color: #90bf21 !important;
}

.ui-paginator-next.ui-state-focus, .ui-paginator-next.ui-state-hover, .ui-paginator-last.ui-state-focus, .ui-paginator-last.ui-state-hover {
    background-color: #90bf21 !important;
    border-color: #90bf21 !important;
}

.ui-paginator-page.ui-state-hover {
    background-color: #90bf21 !important;
    border-color: #90bf21 !important;
}

.ui-datatable .ui-paginator .ui-paginator-rpp-options {
    color: white !important;
    background-color: #90bf21 !important;
    border: none;
}

.ui-datatable .ui-paginator .ui-paginator-rpp-options option {
    background-color: white !important;
    color: #90bf21 !important;
}

.ui-datatable .ui-paginator .ui-paginator-rpp-options option:hover {
    background-color: #90bf21 !important;
    color: white !important;
}

.ui-datatable .ui-datatable-tablewrapper table thead tr th.ui-state-hover {
    background-color: #90bf21 !important;
}

.ui-commandlink {
    color: #90bf21;
}

.ui-radiobutton .ui-state-active .ui-icon-bullet,
.ui-radiobutton .ui-state-focus .ui-icon-bullet {
    background-image: none !important;
    background-color: #90bf21 !important;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: auto;
    position: relative;
    top: 0;
    left: 0;
}

.ui-radiobutton-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-chkbox-box .ui-icon-check {
    background-image: url("https://i.imgur.com/L6ncRgS.png") !important;
}

.ui-datatable .ui-datatable-tablewrapper table thead tr th {
    color: #3C3C3B !important;
    background-color: #F3F5F7 !important;
}

#formNorma\:listaNormas\:j_idt160\:filter {
    color: #333;
    border: 1px solid #C0C5C7;
    border-radius: 5px;
    padding: 5.5px;
    background-color: white !important;
    outline: none;
}

#formNorma\:listaNormas\:j_idt160\:filter:focus {
    border-color: #90bf21;
    outline: none;
}

.ui-menuitem .ui-widget .ui-corner-all .ui-state-hover {
    color: #90bf21 !important;
}

.ui-menu .ui-state-hover .ui-menuitem-link {
    color: #90bf21 !important;
}

.ui-menu.ui-state-hover .ui-menuitem.ui-state-hover .ui-menuitem-link.ui-state-hover {
    color: #90bf21 !important;
}

.ui-tabs-top .ui-tabs-nav {
    background: linear-gradient(to bottom, #90bf21 0%, #90bf21 100%) !important;
    border-color: #90bf21 !important;
}

.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a {
    color: #90bf21 !important;
}

.ui-tabs-top .ui-tabs-nav li.ui-state-hover a{
    color: #90bf21 !important;
    background-color: white !important;
}

.ui-tabs .ui-widget .ui-widget-content .ui-corner-all .ui-hidden-container .ui-tabs-top .ui-state-hover{
    border-color: #90bf21 !important;
}

.ui-picklist .ui-picklist-list .ui-state-highlight {
    color: #90bf21 !important;
}

.ui-picklist .ui-picklist-list .ui-state-hover {
    color: #90bf21 !important;
}

.ui-picklist:hover .ui-picklist-caption {
    border-color: #90bf21 !important;
}

.ui-picklist .ui-picklist-list:hover, .ui-picklist .ui-picklist-list:focus {
    border-color: #90bf21 !important;
}

.ui-picklist:hover .ui-picklist-list, .ui-picklist:hover .ui-picklist-caption {
    border-color: #90bf21 !important;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
    background: #90bf21 !important;
    border: #90bf21 !important;
}

.ui-datatable:hover, .ui-datagrid:focus {
    border-color: #90bf21 !important;
}

.ui-datatable .ui-datatable-scrollable-header table thead tr th.ui-state-hover {
    background-color: #90bf21 !important;
}

.ui-autocomplete-panel .ui-autocomplete-items .ui-state-highlight {
    color: #90bf21 !important;
}

.ui-autocomplete-panel, .ui-fieldset:hover {
    border-color: #90bf21 !important;
}

.ui-fieldset-legend, .ui-datepicker-header, .ui-datagrid .ui-paginator .ui-state-active, .ui-datagrid .ui-paginator .ui-paginator-pages .ui-state-active {
    background: #90bf21 !important;
    border: #90bf21 !important;
}

.ui-datepicker-trigger .ui-button .ui-widget .ui-corner-all .ui-button-icon-only .ui-state-active {
    background-color: #90bf21 !important;
}

.ui-tabs-left .ui-tabs-nav {
    background: #90bf21 !important;
}

.ui-tabs-left:hover {
    border-color: #90bf21 !important;
}

.ui-spinner-button .ui-spinner-up .ui-corner-tr .ui-button .ui-widget .ui-state-default .ui-button-text-only .ui-state-active{
    background: #90bf21 !important;
}

.ui-button-text:active {
    background: #90bf21 !important;
}

.ui-tabs-left .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-left .ui-tabs-nav li.ui-tabs-active a, .ui-tabs-left .ui-tabs-nav li.ui-state-hover a{
    color: #2B2B2B;
}

.ui-widget.ui-state-focus, .ui-widget.ui-state-hover {
    box-shadow: none !important;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-checked {
    color: #90bf21 !important;
}

.ui-datatable .ui-datatable-tablewrapper table thead tr th.ui-state-active {
    background-color: #90bf21 !important;
}

.ui-scrollpanel:hover {
    border-color: #90bf21 !important;
}

.CyanButton .ui-button-text {
    background: #90bf21 !important;
}

.ui-datatable .ui-datatable-header {
    background: #90bf21 !important;
    border: #90bf21 !important;
}

.ui-slider-handle {
    border-color: #90bf21 !important;
    -webkit-box-shadow: inset 0 0 0 1px #90bf21;
    -moz-box-shadow: inset 0 0 0 1px #90bf21;
    box-shadow: inset 0 0 0 1px #90bf21;
    background: #90bf21;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-current-day a {
    color: #90bf21 !important;
}

.ui-selectcheckboxmenu-multiple-container {
    height: 30px !important;
}

.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon {
    top: 0 !important;
}

.ui-fluid .ui-button {
    margin-left: 1px !important;
}

/* 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:999 !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;}
                                
    /* RTL */
    .ui-sentinel-rtl .layout-menubar-container li a .i {padding-left: 15px !important; margin-right: 0.2em !important;}
    .ui-sentinel-rtl #searchArea{padding-right: 8%;}
}
  
/* 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:999;}
        .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("/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 #B9B9B9; 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: 200%;}
        #login-logo{ line-height: 26px;}
        #login-logo span{font-size: 26px !important;}
        #login-logo img{ height:60px;}
        .TabBtn{ font-size: 16px;}
        #login-box input[type="text"]{border: solid 1px #C0C5C7; padding: 10px !important; box-shadow: none; color:#3D3D3C; 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;}
    
    /* 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) {
    #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:999;}
        .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%;}
        #login-logo{ line-height: 20px;}
        #login-logo span{font-size: 20px !important;}
        #login-logo img{ height:60px;}
        .TabBtn{ font-size: 12px;}
        #login-box input[type="text"]{border: solid 1px #C0C5C7; padding: 10px !important; box-shadow: none; color:#3D3D3C; text-align: center; font-size: 14px;}
        #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;}
            
    /* RTL */
    .ui-sentinel-rtl #buttonArea {float: left; padding-left: 4%;}
    .ui-sentinel-rtl #searchArea{float:right !important; padding-right: 3% !important;}
}

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

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

.ui-button.ui-state-active .ui-button-text, .ui-buttonset .ui-state-active .ui-button-text {
    background-color: #3c3c3b !important;
}

.ui-button.ui-state-active .ui-button-text, .ui-buttonset .ui-state-active .ui-button-text {
    background: #3c3c3b !important;
    background: -moz-linear-gradient(top, #3c3c3b 0%, #3c3c3b 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #3c3c3b), color-stop(100%, #3c3c3b)) !important;
    background: -webkit-linear-gradient(top, #3c3c3b 0%, #3c3c3b 100%) !important;
    background: -o-linear-gradient(top, #3c3c3b 0%, #3c3c3b 100%) !important;
    background: -ms-linear-gradient(top, #3c3c3b 0%, #3c3c3b 100%) !important;
    background: linear-gradient(to bottom, #3c3c3b 0%, #3c3c3b 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3b', endColorstr='#3c3c3b', GradientType=0 ) !important;
    background-repeat: no-repeat !important;
    color: white !important;
}

.fc-center {
    color: #3c3c3b !important;
}

.fc:hover, .fc:focus {
    border: solid 1px #90bf21;
}

.optionList {
    display: flex !important;
    width: 50% !important;
    border: none !important;
}

@media (max-width: 1343px) {
    .optionList {
        display: block !important;
        width: auto !important;
    }
}