/*
 * Ace Web Component v1.9.1 (2017-02-20)
 *
 * Copyright (c) 2012-2015, AGCI (Ace Global Consulting and Integration)
 * All rights reserved. 
 * 
 * This code is licensed under AGCI Commercial License, Version 1.0.
 * 
 * Unless required by applicable law or agreed to in writing, 
 * redistribution and use in source and binary forms, with or without
 * modification, is not permitted.
 * 
 * -----------------
 * 
 * jQuery UI - v1.9.2 - 2014-03-03
 * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT
 */
 
/* Component containers
----------------------------------*/
.ui-widget {font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; font-size: 0.7em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #000000; background: #d4e7fc url("") 50% top repeat-x; color: #000000; }
.ui-widget-content a { color: #000000; }
.ui-widget-header { border: 1px solid #000000; background: #d5c3ed url("") 50% 50% repeat-x; color: #000000; font-weight: bold; }
.ui-widget-header a { color: #000000; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #000000; background: #aacdf2 url("") 50% 50% repeat-x; font-weight: normal; color: #000000; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #000000; background: #90c3f8 url("") 50% 50% repeat-x; font-weight: normal; color: #000000; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #000000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #000000; background: #78b6f7 url("") 50% 50% repeat-x; font-weight: normal; color: #000000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #000000; background: #d4e7fc url("") 50% 50% repeat-x; color: #000000; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #000000; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #d4e7fc url("") 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url("/cms/faces/javax.faces.resource/images/ui-icons_000000_256x240.png?ln=primefaces-SKN"); }
.ui-widget-content .ui-icon {background-image: url("/cms/faces/javax.faces.resource/images/ui-icons_000000_256x240.png?ln=primefaces-SKN"); }
.ui-widget-header .ui-icon {background-image: url("/cms/faces/javax.faces.resource/images/ui-icons_000000_256x240.png?ln=primefaces-SKN"); }
.ui-state-default .ui-icon { background-image: url("/cms/faces/javax.faces.resource/images/ui-icons_000000_256x240.png?ln=primefaces-SKN"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("/cms/faces/javax.faces.resource/images/ui-icons_000000_256x240.png?ln=primefaces-SKN"); }
.ui-state-active .ui-icon {background-image: url("/cms/faces/javax.faces.resource/images/ui-icons_000000_256x240.png?ln=primefaces-SKN"); }
.ui-state-highlight .ui-icon {background-image: url("/cms/faces/javax.faces.resource/images/ui-icons_000000_256x240.png?ln=primefaces-SKN"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("/cms/faces/javax.faces.resource/images/ui-icons_cd0a0a_256x240.png?ln=primefaces-SKN"); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -145px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay { background: #000000 url("") 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("") 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }


/** 
-----------------------------
-- AWC : Ace Web Component -- 
-----------------------------
**/
 
@font-face {font-family: 'amble'; src: url("/cms/faces/javax.faces.resource/font/Amble-Regular-webfont.ttf?ln=primefaces-SKN") format('truetype'); font-weight: normal; font-style: normal;}

/** INITIALIZING **/
.ui-widget {font-family: "amble"; font-size: 12px;}
.ui-widget .ui-widget {font-size: 12px;}
.ui-widget-overlay {background: #000; opacity: 0.4;}
h1, h2, h3, h4, h5, h6 {font-family: "amble";}

/** COMPONENT : PANEL **/
.ui-panel {background: transparent; font-family: "amble"; font-size: 12px !important;}
.ui-panel .ui-panel-titlebar {padding: 0 !important; height: auto !important; color: #000 !important; background: transparent !important; border: none !important;}
.ui-panel .ui-panel-footer {margin: 0 !important; background: transparent;}

.ui-panel.awc-panel {margin: 0 3px 3px 0; background: #E9F1FF !important; border: 1px solid #AFD4EC !important; }
.ui-panel.awc-panel .ui-panel-titlebar {margin: 3px !important; padding: 3px 5px !important; min-height: 18px; height: auto !important; color: #444 !importanta; font-size: 12px !important; font-weight: bold !important; text-transform: uppercase; border: 1px solid #ccc !important; border-radius: 0px; background: #fff !important; background: -moz-linear-gradient(top,  #fff 0%, #e5e5e5 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e5e5e5)) !important; background: -webkit-linear-gradient(top,  #fff 0%,#e5e5e5 100%) !important; background: -o-linear-gradient(top,  #fff 0%,#e5e5e5 100%) !important; background: -ms-linear-gradient(top,  #fff 0%,#e5e5e5 100%) !important; background: linear-gradient(to bottom,  #fff 0%,#e5e5e5 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e5e5e5',GradientType=0 ) !important; }
.ui-panel.awc-panel .ui-panel-titlebar-icon, 
.ui-panel.awc-panel .ui-panel-titlebar-icon:hover, 
.ui-panel.awc-panel .ui-panel-titlebar-icon:focus {margin: 0 0 0 5px !important; border: 1px solid #B1B1B1; background: #fff !important; background: -moz-linear-gradient(top,  #fff 0%, #e5e5e5 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e5e5e5)) !important; background: -webkit-linear-gradient(top,  #fff 0%,#e5e5e5 100%) !important; background: -o-linear-gradient(top,  #fff 0%,#e5e5e5 100%) !important; background: -ms-linear-gradient(top,  #fff 0%,#e5e5e5 100%) !important; background: linear-gradient(to bottom,  #fff 0%,#e5e5e5 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e5e5e5',GradientType=0 ) !important; transition: all 0.3s ease-in;}
.ui-panel.awc-panel .ui-panel-titlebar-icon:hover, 
.ui-panel.awc-panel .ui-panel-titlebar-icon:focus {box-shadow: 0 0 3px 1px #ccc;}
.ui-panel.awc-panel .ui-panel-titlebar-icon .ui-icon {margin: 0 !important; padding: 0 !important; opacity: 0.7;}
.ui-panel.awc-panel .ui-panel-titlebar-icon .ui-icon.ui-icon-gear {background-position: -193px -113px;}
.ui-panel.awc-panel .ui-panel-title {display: inline-block; margin: 2px 0 0 0 !important;}
.ui-panel.awc-panel > .ui-panel-content {padding: 5px 10px 5px 10px !important; }
.ui-panel.awc-panel .ui-panel-footer {margin: 0 !important; padding: 5px 10px !important; background: transparent !important; border-top: 1px solid #AFD4EC !important; border-radius: 0 0 3px 3px;}

/** COMPONENT : PANEL GRID **/
.ui-panelgrid .ui-panelgrid-cell {padding: 5px !important;} 
.ui-panelgrid tr td {border: 0px solid #fff !important; }
.ui-panelgrid tbody tr {background: transparent; border-width: 0px;}
.ui-panelgrid tbody tr td {padding: 5px;  border-width: 0px;}
.ui-panelgrid .ui-panelgrid-footer .ui-widget-header {background: #7ebaf7; /* Old browsers */ background: -moz-linear-gradient(top,  #7ebaf7 0%, #1b89f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ebaf7), color-stop(100%,#1b89f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); /* IE10+ */ background: linear-gradient(to bottom,  #7ebaf7 0%,#1b89f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ebaf7', endColorstr='#1b89f7',GradientType=0 ); /* IE6-9 */ }

.ui-panelgrid.awc-panelgrid-table .ui-panelgrid-header .ui-panelgrid-cell {margin: 0px; padding: 5px !important; font-family: "amble"; font-size: 12px; font-weight: bold; background: steelblue; color: #fff; border: 1px solid #8EC1D5 !important; white-space: nowrap;}
.ui-panelgrid.awc-panelgrid-table tbody tr .ui-panelgrid-cell {margin: 0px; padding: 5px; font-family: "amble"; font-size: 12px; background: white; color: #333; border: 1px solid #8EC1D5 !important; transition: all 0.4s ease;}
.ui-layout-container .ui-panelgrid.awc-panelgrid-table tbody tr .ui-widget-header {margin: 0px; padding: 5px !important; font-family: "amble"; font-size: 12px; font-weight: bold; background: steelblue !important; color: #fff; border: 1px solid #8EC1D5 !important; white-space: nowrap;}
.ui-panelgrid.awc-panelgrid-table tbody tr td.ui-editable-column,
.ui-panelgrid.awc-panelgrid-table tbody tr td.ui-selection-column {transition-property: background;}
.ui-panelgrid.awc-panelgrid-table tbody tr:nth-child(odd) td {background: #E1F8FF;}
.ui-panelgrid.awc-panelgrid-table.no-stripe tbody tr:nth-child(odd) td:not(.ui-widget-header) {background: white;}
.ui-panelgrid.awc-panelgrid-table tbody tr:hover .ui-panelgrid-cell {background: #ADE0F5;}
.ui-layout-container .ui-panelgrid.awc-panelgrid-table tbody tr:hover .ui-panelgrid-cell:not(.ui-widget-header) {background: #ADE0F5;}
.ui-panelgrid.awc-panelgrid-table.no-hover tbody tr:hover .ui-panelgrid-cell:not(.ui-widget-header) {background: white;}
.ui-panelgrid.awc-panelgrid-table.no-hover tbody tr:nth-child(odd):hover .ui-panelgrid-cell:not(.ui-widget-header) {background: #E1F8FF;}
.ui-panelgrid.awc-panelgrid-table.no-hover.no-stripe tbody tr:hover .ui-panelgrid-cell:not(.ui-widget-header) {background: white;}
.ui-panelgrid.awc-panelgrid-table .ui-panelgrid-footer .ui-panelgrid-cell {margin: 0px; padding: 5px !important; font-family: "amble"; font-size: 12px; font-weight: bold; background: steelblue; color: #fff; border: 1px solid #8EC1D5 !important; white-space: nowrap;}


/** COMPONENT : PLACEHOLDER **/
::-moz-placeholder {font-family: "amble"; font-style: italic; color: #666;}
::-webkit-input-placeholder {font-family: "amble"; font-style: italic; color: #666;}
input-placeholder {font-family: "amble"; font-style: italic; color: #666;}

/** COMPONENT : BUTTON **/
.ui-layout-container .ui-inputtextarea {font-family: "amble"; color: #333; font-size: 12px; background: white; border: 1px solid rgb(127, 127, 127); border-radius: 5px; overflow: auto; transition: all 0.3s ease; resize: none;}
.ui-layout-container .ui-inputtextarea.ui-state-focus {border-color: #16b6b6; box-shadow: 0px 0px 5px 3px #bbb; }
.ui-layout-container .ui-inputtextarea.ui-state-disabled {background: #ddd; box-shadow: 0px 0px 0px 0px #bbb;}

.ui-layout-container input[type=text],
.ui-layout-container input[type=password] {padding: 5px; font-family: "amble"; color: #333; background: white; border: 1px solid rgb(127, 127, 127); outline: none; font-size: 14px; border-radius: 4px;  transition: all 0.3s ease;}
.ui-layout-container input[type=text]:focus,
.ui-layout-container input[type=password]:focus {border-color: #16b6b6; color: #333; box-shadow: 0px 0px 5px 3px #bbb;}
.ui-layout-container input[type=text]:hover,
.ui-layout-container input[type=password]:hover {color: #333;}
.ui-layout-container .ui-inputfield[readonly], 
.ui-layout-container .ui-inputfield[readonly]:hover, 
.ui-layout-container .ui-inputfield[readonly]:focus, 
.ui-layout-container .ui-inputfield[readonly].ui-state-focus { background: rgb(217, 217, 217); border-color: #058AFF; color: #000; }
.ui-layout-container .ui-inputfield[disabled], 
.ui-layout-container .ui-inputfield[disabled]:hover, 
.ui-layout-container .ui-inputfield[disabled]:focus, 
.ui-layout-container .ui-inputfield[disabled].ui-state-focus { background: rgb(217, 217, 217); border-color: rgb(127, 127, 127); color: rgb(127, 127, 127); opacity: 1; }

.ui-layout-container label.ui-inputfield {border: 0px solid black !important;}
.ui-inputNum {display: inline-block;}

.ui-layout-container .ui-radiobutton {margin-right: 3px;}
.ui-layout-container .ui-radiobutton .ui-radiobutton-box {background: #fff; border-color: #aaa; transition: all 0.3s ease;} 
.ui-layout-container .ui-radiobutton .ui-radiobutton-box:hover {border-color: #058AFF; cursor: pointer;}
.ui-layout-container .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {margin-top: 4px; margin-left: 4px; padding: 0px; width: 8px; height: 8px; background: #3388CC; border-radius: 10px; transition: all 0.3s ease;}
.ui-layout-container .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon.ui-icon-blank {background: none;}

.ui-layout-container .ui-button,
.ui-layout-container .ui-button:hover,
.ui-layout-container .ui-button:focus {display: inline-block; padding: 1px 0px; width: auto; height: auto; min-width: 28px; min-height: 16px; text-align: center; font-family: "amble"; color: #333; border: 1px solid #777; outline: none; font-size: 12px; font-weight: normal; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; background: #ddd; background: -moz-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ddd), color-stop(70%, #bfbfbf)); background: -webkit-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -o-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -ms-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: linear-gradient(to bottom, #ddd 30%, #bfbfbf 70%); }
.ui-layout-container .ui-button:hover {border: 1px solid #058AFF; box-shadow: 0px 0px 3px 1px #bbb; }
.ui-layout-container .ui-button:focus {border: 1px solid #058AFF; box-shadow: 0px 0px 3px 1px #bbb;}
.ui-layout-container .ui-button.ui-state-disabled {opacity: 1; color: #656565; background: #AAA; border-color: #888;}
.ui-layout-container .ui-button.ui-state-disabled:hover {border: 1px solid #888; box-shadow: none;}
.ui-layout-container .ui-button.ui-state-disabled .ui-icon {opacity: 0.5;}

.ui-layout-container .ui-button .ui-button-text {line-height: 1.3;}

.ui-layout-container .awc-btn,
.ui-layout-container .awc-btn:hover,
.ui-layout-container .awc-btn:focus {display: inline-block; margin-top: 3px; padding: 5px 5px 6px 5px; width: auto; height: auto; text-align: center; font-family: "amble"; color: #333; border: 1px solid #777; outline: none; font-size: 12px; font-weight: normal; border-radius: 4px; cursor: pointer; background: #ddd; /* Old browsers */ background: -moz-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ddd), /* FF3.6+ */ color-stop(70%, #bfbfbf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -o-linear-gradient(top, #ddd 30%, #bfbfbf 70%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #ddd 30%, #bfbfbf 70%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #ddd 30%, #bfbfbf 70%); /* IE10+ */ /* W3C */ }
.ui-layout-container .awc-btn:hover {border: 1px solid #058AFF; box-shadow: 0px 0px 5px 3px #ccc; transition: all 0.3s ease; }
.ui-layout-container .awc-btn:focus {border: 1px solid #058AFF; box-shadow: 0px 0px 5px 3px #ccc;}

.ui-layout-container .ui-button.awc-state-active {border: 1px solid #009CFF; box-shadow: 0px 0px 3px 1px #9EDAFF inset; background: #FFF; background: -moz-linear-gradient(top, #FFF 30%, #DADADA 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #FFF), color-stop(70%, #DADADA)); background: -webkit-linear-gradient(top, #FFF 30%, #DADADA 70%); background: -o-linear-gradient(top, #FFF 30%, #DADADA 70%); background: -ms-linear-gradient(top, #FFF 30%, #DADADA 70%); background: linear-gradient(to bottom, #FFF 30%, #DADADA 70%); }

.ui-selectmanybutton .ui-button {padding: 2px 8px; border: 1px solid #999; border-radius: 0px; background: #eee; background: -moz-linear-gradient(top, #eee 30%, #ccc 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #eee), color-stop(70%, #ccc)); background: -webkit-linear-gradient(top, #eee 30%, #ccc 70%); background: -o-linear-gradient(top, #eee 30%, #ccc 70%); background: -ms-linear-gradient(top, #eee 30%, #ccc 70%); background: linear-gradient(to bottom, #eee 30%, #ccc 70%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ccc',GradientType=0 ); }
.ui-selectmanybutton .ui-button:first-child {border-radius: 3px 0px 0px 3px;}
.ui-selectmanybutton .ui-button:last-child {border-radius: 0px 3px 3px 0px;}
.ui-selectmanybutton .ui-button:hover {padding: 2px 8px; background: #eee; border-color: #999; box-shadow: none; border-radius: 0px;}
.ui-selectmanybutton .ui-button:first-child:hover {border-radius: 3px 0px 0px 3px;}
.ui-selectmanybutton .ui-button:last-child:hover {border-radius: 0px 3px 3px 0px;}
.ui-selectmanybutton .ui-button.ui-state-active {color: #f7f7f7; background: #3388CC; border-color: #106AB3;}
.ui-selectmanybutton .ui-button .ui-button-text {padding: 0px;}

.ui-selectonebutton {padding: 0px !important;}
.ui-selectonebutton .ui-button {padding: 4px 8px; border: 1px solid #999; border-radius: 0px; background: #eee; background: -moz-linear-gradient(top, #eee 30%, #ccc 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #eee), color-stop(70%, #ccc)); background: -webkit-linear-gradient(top, #eee 30%, #ccc 70%); background: -o-linear-gradient(top, #eee 30%, #ccc 70%); background: -ms-linear-gradient(top, #eee 30%, #ccc 70%); background: linear-gradient(to bottom, #eee 30%, #ccc 70%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ccc',GradientType=0 );}
.ui-selectonebutton .ui-button:first-child {border-radius: 3px 0px 0px 3px;}
.ui-selectonebutton .ui-button:last-child {border-radius: 0px 3px 3px 0px;}
.ui-selectonebutton .ui-button:hover {padding: 4px 8px !important; background: #eee; border-color: #999; box-shadow: none;}
.ui-selectonebutton .ui-button:first-child:hover {border-radius: 3px 0px 0px 3px !important;}
.ui-selectonebutton .ui-button:last-child:hover {border-radius: 0px 3px 3px 0px !important;}
.ui-selectonebutton .ui-button.ui-state-active {padding: 4px 8px !important; color: #f7f7f7; background: #3388CC; border-color: #106AB3; box-shadow: none;}
.ui-selectonebutton .ui-button.ui-state-disabled {padding: 4px 8px !important;}
.ui-selectonebutton .ui-button .ui-button-text {padding: 0px;}

.ui-splitbutton .ui-button {border-radius: 4px 0px 0px 4px;}
.ui-splitbutton .ui-button:hover {border-radius: 4px 0px 0px 4px;}
.ui-splitbutton .ui-splitbutton-menubutton {margin-left: -1px !important; padding: 1px 5px !important; min-width: 16px; width: auto !important; border-radius: 0px 4px 4px 0px !important;}
.ui-splitbutton .ui-splitbutton-menubutton:hover {padding: 1px 5px; min-width: 16px;}
.ui-splitbutton .ui-splitbutton-menubutton .ui-button-text {padding: 0.3em 0.1em;}

.ui-inputswitch {width: 52px !important; border: 1px solid #8A8A8A !important;}
.ui-inputswitch .ui-inputswitch-on {font-weight: normal !important; color: #fff !important; background: #38C;}
.ui-inputswitch .ui-inputswitch-off {font-weight: normal !important; color: #555 !important; background: #fafafa;}
.ui-inputswitch .ui-inputswitch-handle {width: 25px !important; border: none !important; background: #ddd; background: -moz-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ddd), color-stop(70%, #bfbfbf)); background: -webkit-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -o-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -ms-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: linear-gradient(to bottom, #ddd 30%, #bfbfbf 70%); }

/** COMPONENT : FORM TEXT-FIELD + DISABLE + FOCUS + EXAMPLE FORMAT **/
.ui-layout-container label { font-family: "amble"; font-size: 12px;}
.ui-layout-container input[type=text], .ui-layout-container input[type=password] { font-family: "amble"; color: #333; background: white; border: 1px solid rgb(127, 127, 127); outline: none; font-size: 12px; border-radius: 4px; }
.ui-layout-container input[type=text]:focus, .ui-layout-container input[type=password]:focus {border-color: #16b6b6; color: #333; }
.ui-layout-container input[type=text]:hover, .ui-layout-container input[type=password]:hover {color: #333;}
.ui-layout-container .ui-inputfield[readonly], .ui-layout-container .ui-inputfield[readonly]:hover, .ui-layout-container .ui-inputfield[readonly]:focus, .ui-layout-container .ui-inputfield[readonly].ui-state-focus { background: #d9d9d9; border-color: rgb(127, 127, 127); color: #333; }
.ui-layout-container .ui-inputfield[disabled], .ui-layout-container .ui-inputfield[disabled]:hover, .ui-layout-container .ui-inputfield[disabled]:focus, .ui-layout-container .ui-inputfield[disabled].ui-state-focus { background: #bbb; border-color: rgb(127, 127, 127); color: rgb(127, 127, 127); opacity: 1; }
.ui-layout-container .mandatory { font-size: 12px; color: red; font-weight: bold; }

/** TOOLTIP **/
.ui-layout-container .ui-tooltip {padding: 3px 8px; font-family: "amble"; font-size: 12px; color: #555; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0px 0px 3px 1px #bbb; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); }
.ui-layout-container .ui-tooltip label.msg-label {display: block; height: 20px; text-align: center;}
.ui-layout-container .ui-tooltip.msg-system {right: 3.3em !important; left: auto !important; padding: 5px 7px 5px 5px;}
.ui-layout-container .ui-tooltip.msg-system .ui-datatable {border: 1px solid #ccc;}
.ui-layout-container .ui-tooltip.msg-system .ui-datatable table thead tr th {color: white; }
.ui-layout-container .ui-tooltip.msg-system .ui-datatable table tbody tr td .ui-commandlink {font-size: 11px; text-decoration: none;}

/** MESSAGE **/
.ui-messages ul {display: inline-block; margin: 0px !important;}
.ui-messages .ui-messages-error {padding: 5px; border: 1px solid #FC8383; border-radius: 5px;}
.ui-messages .ui-messages-error-icon {margin-top: 0px; width: 16px; height: 16px; background-position: 0px -96px; cursor: pointer;}
.ui-messages .ui-messages-error-detail {font: 12px "amble";}
.ui-messages .ui-messages-info {padding: 5px; border: 1px solid #68B2C2; border-radius: 5px;}
.ui-messages .ui-messages-info-icon {margin-top: 0px; width: 16px; height: 16px; background-position: 0px -361px; cursor: pointer;}
.ui-messages .ui-messages-info-summary {font: 12px "amble"; font-weight: bold;}
.ui-messages .ui-messages-info-detail {font: 12px "amble";}

.ui-growl {width: auto !important;}
.ui-growl .ui-growl-item-container {padding: 0px 25px 0px 0px; background: #f5f5f5; border: 2px solid #00A2D7; border-radius: 5px; box-shadow: 0px 0px 3px 3px #AAA, inset 0px 0px 3px 3px lightblue; opacity: 1; }
.ui-growl .ui-growl-item-container:hover {box-shadow: 0px 0px 10px 3px #AAA, inset 0px 0px 3px 3px lightblue;}
.ui-growl .ui-growl-item-container .ui-growl-item {padding: 7px;}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image {display: inline-block; float: left; margin: 3px 0px 0px 2px; width: 24px; height: 24px;background-size: 24px; background-position: 0px -198px; border: 1px solid transparent;}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message {display: inline-block; float: left; margin: 0px 0px 0px 5px; padding: 0px; width: auto;}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message .ui-growl-title {padding: 0px 3px; font-size: 13px; color: #1176AD; border-bottom: 1px solid #50A7D7;}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message p {padding: 0px 3px; font-size: 12px; color: #4F9EC9;}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-icon-close {top: 14px; right: 9px; opacity: 0.65;}

/** DATA LIST **/
.ui-layout-container .ui-datalist .ui-datalist-header.ui-widget-header {font-size: 14px; color: #fff; background: #4682B4; border: 1px solid #8EC1D5; border-width: 0px 1px;}
.ui-layout-container .ui-datalist .ui-datalist-content.ui-widget-content {margin: 0px 0; padding: 5px 5px 1px 5px; background: white; border: 1px solid #8EC1D5;}
.ui-datalist .ui-datalist-content .ui-datalist-data {margin: 0px; padding: 0px;}
.ui-datalist .ui-datalist-content .ui-datalist-data li {margin: 0px 0px 5px 0px; list-style-position: inside;}
.ui-datalist .ui-datalist-empty-message {padding: 0px !important;}

.ui-layout-container .ui-datalist .ui-paginator.ui-widget-header {padding: 5px 3px 1px 3px; height: auto; background: #fff; border: 1px solid #8EC1D5; border-top-width: 0px;}
.ui-layout-container .ui-datalist .ui-paginator-bottom.ui-widget-header {border-top-width: 1px;}

.ui-datalist .ui-paginator .ui-paginator-page, 
.ui-datalist .ui-paginator .ui-paginator-pages, 
.ui-datalist .ui-paginator .ui-paginator-next, 
.ui-datalist .ui-paginator .ui-paginator-last, 
.ui-datalist .ui-paginator .ui-paginator-first, 
.ui-datalist .ui-paginator .ui-paginator-prev, 
.ui-datalist .ui-paginator .ui-paginator-current {margin: -1px 1px 1px; padding: 0px 6px; height: 20px; border-radius: 3px;}

.ui-datalist .ui-paginator .ui-paginator-next, 
.ui-datalist .ui-paginator .ui-paginator-last, 
.ui-datalist .ui-paginator .ui-paginator-first, 
.ui-datalist .ui-paginator .ui-paginator-prev {width: 12px; padding-top: 0px; height: 18px; background: #fff; border: 1px solid #888;}

.ui-datalist .ui-paginator .ui-paginator-next.ui-state-disabled, 
.ui-datalist .ui-paginator .ui-paginator-last.ui-state-disabled, 
.ui-datalist .ui-paginator .ui-paginator-first.ui-state-disabled, 
.ui-datalist .ui-paginator .ui-paginator-prev.ui-state-disabled {opacity: 0.3;}

.ui-datalist .ui-paginator .ui-paginator-pages {padding: 0px;}
.ui-datalist .ui-paginator .ui-paginator-page.ui-state-default {margin-top: -2px; padding: 0px 5px; min-width: 20px; height: auto !important; text-align: center; background: #fff; color: #555; border: 1px solid #888; outline: none; font-weight: normal;}
.ui-datalist .ui-paginator .ui-paginator-page.ui-state-hover {height: 17px; border-color: #555; outline: none;}
.ui-datalist .ui-paginator .ui-paginator-page.ui-state-active {height: auto !important; background: #222; color: #eee; border: 1px solid #111 !important; outline: none;}

.ui-datalist .ui-paginator select {margin-top: -3px; padding: 1px 5px 5px 5px; height: 20px; font-family: "amble"; font-size: 12px; color: #333; background: white; border: 1px solid rgb(127, 127, 127); border-radius: 3px; outline: none; transition: all 0.3s ease;}


/** DATA GRID **/
.ui-layout-container .ui-datagrid .ui-datagrid-header.ui-widget-header {font-size: 14px; color: #fff; background: #4682B4; border: 1px solid #8EC1D5;}
.ui-datagrid .ui-datagrid-data {background: white; border: 1px solid #8EC1D5; border-width: 0 1px;}
.ui-layout-container .ui-datagrid .ui-paginator.ui-widget-header {padding: 5px 3px 1px 3px; height: auto; background: #fff; border: 1px solid #8EC1D5; border-top-width: 0px;}
.ui-layout-container .ui-datagrid .ui-paginator-bottom.ui-widget-header {border-top-width: 1px;}

.ui-datagrid .ui-paginator .ui-paginator-page, 
.ui-datagrid .ui-paginator .ui-paginator-pages, 
.ui-datagrid .ui-paginator .ui-paginator-next, 
.ui-datagrid .ui-paginator .ui-paginator-last, 
.ui-datagrid .ui-paginator .ui-paginator-first, 
.ui-datagrid .ui-paginator .ui-paginator-prev, 
.ui-datagrid .ui-paginator .ui-paginator-current {margin: -1px 1px 1px; padding: 0px 6px; height: 20px; border-radius: 3px;}

.ui-datagrid .ui-paginator .ui-paginator-next, 
.ui-datagrid .ui-paginator .ui-paginator-last, 
.ui-datagrid .ui-paginator .ui-paginator-first, 
.ui-datagrid .ui-paginator .ui-paginator-prev {width: 12px; padding-top: 0px; height: 18px; background: #fff; border: 1px solid #888;}

.ui-datagrid .ui-paginator .ui-paginator-next.ui-state-disabled, 
.ui-datagrid .ui-paginator .ui-paginator-last.ui-state-disabled, 
.ui-datagrid .ui-paginator .ui-paginator-first.ui-state-disabled, 
.ui-datagrid .ui-paginator .ui-paginator-prev.ui-state-disabled {opacity: 0.3;}

.ui-datagrid .ui-paginator .ui-paginator-pages {padding: 0px;}
.ui-datagrid .ui-paginator .ui-paginator-page.ui-state-default {margin-top: -2px; padding: 0px 5px; min-width: 20px; height: auto !important; text-align: center; background: #fff; color: #555; border: 1px solid #888; outline: none; font-weight: normal;}
.ui-datagrid .ui-paginator .ui-paginator-page.ui-state-hover {height: 17px; border-color: #555; outline: none;}
.ui-datagrid .ui-paginator .ui-paginator-page.ui-state-active {height: auto !important; background: #222; color: #eee; border: 1px solid #111 !important; outline: none;}

.ui-datagrid .ui-paginator select {margin-top: -3px; padding: 1px 5px 5px 5px; height: 20px; font-family: "amble"; font-size: 12px; color: #333; background: white; border: 1px solid rgb(127, 127, 127); border-radius: 3px; outline: none; transition: all 0.3s ease;}

.ui-menu-dynamic {padding-top: 3px; background: #f7f7f7; color: #333; font-size: 12px; font-family: "amble"; border: 1px solid #DDDDDD; border-radius: 3px; box-shadow: 0 0 3px 1px #a4a4a4 !important; opacity: 1; }
.ui-menu-dynamic .ui-widget-header {padding: 0 !important; height: auto !important; color: #444 !importanta; font-size: 12px !important; font-weight: bold !important; text-transform: uppercase; border: 1px solid #ccc !important; border-radius: 0px; background: #FEFEFE !important; background: -moz-linear-gradient(top,  #FEFEFE 0%, #C9C9C9 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#C9C9C9)) !important; background: -webkit-linear-gradient(top,  #FEFEFE 0%,#C9C9C9 100%) !important; background: -o-linear-gradient(top,  #FEFEFE 0%,#C9C9C9 100%) !important; background: -ms-linear-gradient(top,  #FEFEFE 0%,#C9C9C9 100%) !important; background: linear-gradient(to bottom,  #FEFEFE 0%,#C9C9C9 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#C9C9C9',GradientType=0 ) !important; }
.ui-menu-dynamic .ui-menuitem.ui-state-hover  {background: #B1DFF0 !important; border-radius: 3px; border-width: 0px;}
.ui-menu-dynamic .ui-menuitem .ui-menuitem-link {color: #333;}
.ui-menu-dynamic .ui-menuitem .ui-menuitem-link.ui-state-hover  {background: #B1DFF0 !important;}
.ui-menu-dynamic .ui-separator {border-color: #cecece;}

.ui-chkbox {margin-top: -3px;}
.ui-chkbox + label {padding-left: 4px; cursor: pointer;}
.ui-chkbox .ui-chkbox-box {margin: 3px 0px -4px; background: #fff; border: 1px solid #aaa; cursor: pointer; transition: all 0.3s ease;}
.ui-chkbox .ui-chkbox-box.ui-state-disabled {opacity: 1; background: #BBB; border-color: #999;}
.ui-chkbox .ui-chkbox-box.ui-state-disabled .ui-icon {opacity: 0.5;}

.ui-selectmanycheckbox {margin-left: -3px;}
.ui-selectmanycheckbox label, .ui-selectoneradio label {margin-top: 0 !important; margin-left: -4px; padding-left: 4px; cursor: pointer;}

/* OVERLAY PANEL */
.ui-overlaypanel {display: inline-block; background: #FFF; border: 5px solid #FFF !important; box-shadow: 1px 1px 2px #777; border-radius: 5px;}
.ui-overlaypanel .ui-outputlabel {padding: 2px; display: block;}

/** POP-UP NOTIFICATION **/
.ui-dialog {height: auto; border-width: 0px; background: #F0F0F0;}
.ui-layout-container .ui-dialog .ui-button {transition: all 0s ease;}
.ui-layout-container .ui-dialog .ui-inputfield {transition: all 0s ease;}
.ui-layout-container .ui-dialog .ui-chkbox-box {transition: all 0s ease;}
.ui-dialog .ui-dialog-titlebar {padding: 5px 5px 5px 10px !important; width: 100%; height: auto !important; color: #222; font-size: 12px; font-weight: normal; border-width: 0px !important; border-bottom: 1px solid #3E92FF !important; background: #7ebaf7; background: -moz-linear-gradient(top,  #7ebaf7 0%, #1b89f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ebaf7), color-stop(100%,#1b89f7)); background: -webkit-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); background: -o-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); background: -ms-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); background: linear-gradient(to bottom,  #7ebaf7 0%,#1b89f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ebaf7', endColorstr='#1b89f7',GradientType=0 );}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {margin: 0px 2px 0px 0px ; padding: 5px 0px 0px 0px; height: 21px; background: transparent 3px 3px no-repeat; background-size: 20px; font-size: 14px; font-family: "amble"; font-weight: bold;}
.ui-layout-container .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {position: relative; top: -3px; right: 12px; margin: 6px 2px 0px 0px; padding: 0px; background: url("/cms/faces/javax.faces.resource/icon/close-g.png?ln=primefaces-SKN") no-repeat center center transparent; background-size: 10px; border: 1px dotted transparent;}
.ui-layout-container .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-minimize {position: relative; top: -3px; right: 12px; margin: 6px 2px 0px 0px; padding: 0px; width: 18px; height: 18px; background-size: 10px; border: 1px dotted transparent;}
.ui-layout-container .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-maximize {position: relative; top: -3px; right: 12px; margin: 6px 2px 0px 0px; padding: 0px; width: 18px; height: 18px; background-size: 10px; border: 1px dotted transparent;}
.ui-layout-container .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover {background-size: 10px; border: 1px dotted rgba(0,0,0, 0.3);}
.ui-layout-container .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-minimize:hover {background: transparent; border: 1px dotted rgba(0,0,0, 0.3);}
.ui-layout-container .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-maximize:hover {background: transparent; border: 1px dotted rgba(0,0,0, 0.3);}
.ui-layout-container .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-minimize .ui-icon {background-position: -47px -128px;}
.ui-layout-container .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-maximize .ui-icon {background-position: -31px -79px;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {margin: 2px 0px 0px 2px; background: transparent; }
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover span {background: transparent;}
.ui-dialog .ui-dialog-content {/** display: table-cell; **/  vertical-align: middle; margin: 0 auto; padding: 10px !important; font-family: "amble"; font-size: 12px;}
.ui-dialog .ui-dialog-content .ui-panel {background: transparent; border: 0px solid transparent;}
.ui-dialog .ui-dialog-content.ui-widget-content {font-family: "amble"; font-size: 12px; background: #D5E7FC;}
.ui-dialog .ui-dialog-content.ui-widget-content table {text-align: left;}
.ui-dialog .ui-dialog-content.ui-widget-content .ui-panel-content.ui-widget-content {font-family: "amble"; display: table-cell; vertical-align: middle; margin: 0px auto; padding: 0px; background: transparent; border: 0px solid transparent;}
.ui-layout-container .ui-dialog button[type=button], .ui-dialog button[type=button]:hover, .ui-dialog button[type=button]:focus {display: block;}

.ui-dialog .ui-dialog-content .ui-inputtextarea {transition: none;}
 
.ui-dialog .ui-dialog-content .ui-messages-info  {background: paleturquoise; border: 1px solid lightskyblue;}
.ui-dialog .ui-dialog-content .ui-messages-warn  {background: peachpuff; border: 1px solid;}
.ui-dialog .ui-dialog-content .ui-messages-error {margin: 5px auto; border: 1px solid;}
.ui-dialog .ui-dialog-content .ui-messages-info .ui-messages-info-summary   {font-family: "amble"; font-weight: normal;}
.ui-dialog .ui-dialog-content .ui-messages-warn .ui-messages-warn-summary   {font-family: "amble"; font-weight: normal; color: peru;}
.ui-dialog .ui-dialog-content .ui-messages-error .ui-messages-error-summary {font-family: "amble"; font-weight: normal;}
.ui-dialog .ui-dialog-content .btn-login.float-right {float: right; margin-right: 0px; font-size: 12px;}
.ui-dialog .ui-dialog-content center {margin-top: 10px;}
.ui-dialog .ui-dialog-content center table tr td {font-family: "amble"; font-size: 12px;}

.ui-dialog .ui-dialog-footer {padding: 5px 5px 2px 5px !important; height: 30px; border-color: transparent; background: #D5E7FC;}
.ui-dialog .ui-dialog-footer .ui-button {margin: 0px; transition: none;}
.ui-dialog .ui-dialog-footer .ui-button:first-child {float: right;}

.ui-dialog .ui-datatable tr td {transition: none !important;}
.ui-dialog .ui-datatable .ui-paginator-bottom {padding-bottom: 0px !important; height: 23px;}
.ui-dialog .ui-datatable .ui-paginator-bottom select {transition: none !important;}

.ui-layout-container .ui-confirm-dialog .ui-dialog-content {display: flex; align-items: center; justify-content: center; min-width: 250px; height: 100px !important; background: rgb(240,240,240);}
.ui-layout-container .ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-severity {display: none;}
.ui-layout-container .ui-confirm-dialog .ui-dialog-buttonpane {margin: 0px; padding: 5px; height: 34px; border-top: 1px solid #ddd; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #d6d6d6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6d6d6)); background: -webkit-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); background: -o-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); background: linear-gradient(to bottom,  #ffffff 0%,#d6d6d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 ); }
.ui-layout-container .ui-confirm-dialog .ui-dialog-buttonpane .ui-button,
.ui-layout-container .ui-confirm-dialog .ui-dialog-buttonpane .ui-button.ui-state-hover,
.ui-layout-container .ui-confirm-dialog .ui-dialog-buttonpane .ui-button.ui-state-focus,
.ui-layout-container .ui-confirm-dialog .ui-dialog-buttonpane .ui-button.ui-state-highlight {float: none; display: block; margin: 0px auto; height: 30px !important; outline: none !important; transition: box-shadow 0.3s ease;}
.ui-layout-container .ui-confirm-dialog .ui-dialog-buttonpane .ui-button.ui-state-hover,
.ui-layout-container .ui-confirm-dialog .ui-dialog-buttonpane .ui-button.ui-state-focus {box-shadow: 0px 0px 3px 3px #a5a5a5;}
.ui-layout-container .ui-confirm-dialog .ui-dialog-buttonpane .ui-button:first-child {float: left;}
.ui-layout-container .ui-confirm-dialog .ui-dialog-buttonpane .ui-button:last-child {float: right;}
.ui-layout-container .ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-severity { width: 16px; height: 16px; background-image: url("/cms/faces/javax.faces.resource/images/ui-icons_f9bd01_256x240.png?ln=primefaces-SKN"); }

/** AWF NOTIFICATION **/
.ui-layout-container .ui-dialog.awf-dlg-info .ui-dialog-titlebar {border-bottom: 1px solid #009CE4 !important; background: #00C3FF !important; background: -moz-linear-gradient(top,  #00C3FF 0%, #0097C5 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00C3FF), color-stop(100%,#0097C5)) !important; background: -webkit-linear-gradient(top,  #00C3FF 0%,#0097C5 100%) !important; background: -o-linear-gradient(top,  #00C3FF 0%,#0097C5 100%) !important; background: -ms-linear-gradient(top,  #00C3FF 0%,#0097C5 100%) !important; background: linear-gradient(to bottom,  #00C3FF 0%,#0097C5 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00C3FF', endColorstr='#0097C5',GradientType=0 ) !important;}
.ui-layout-container .ui-dialog.awf-dlg-info .ui-dialog-titlebar .ui-dialog-title {color: #004C5D;}
.ui-layout-container .ui-dialog.awf-dlg-info .ui-dialog-titlebar .ui-dialog-title:before {display: inline-block; margin-right: 7px; width: 16px; height: 16px; content: "a"; color: transparent; background-size: 16px; background-image: url("/cms/faces/javax.faces.resource/icon/color/logo-dlg-info.png?ln=primefaces-SKN");}
.ui-layout-container .ui-dialog.awf-dlg-info .ui-dialog-titlebar .ui-dialog-titlebar-close {opacity: 0.8;}
.ui-layout-container .ui-dialog.awf-dlg-info .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {background-position: 2px 2px; background-size: 10px; background-repeat: no-repeat; background-image: url("/cms/faces/javax.faces.resource/icon/color/close-dlg-info.png?ln=primefaces-SKN");}
.ui-layout-container .ui-dialog.awf-dlg-info .ui-dialog-content {display: flex; align-items: center; justify-content: center; min-width: 250px; height: 100px !important; text-align: center; color: #1F7883; background: #D1E8FF;}
.ui-layout-container .ui-dialog.awf-dlg-info .ui-dialog-footer {background: #D1E8FF;}

.ui-layout-container .ui-dialog.awf-dlg-warning .ui-dialog-titlebar {border-bottom: 1px solid rgba(210, 104, 0, 1) !important; background: #FFB450 !important; background: -moz-linear-gradient(top,  #FFB450 0%, #CC6603 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFB450), color-stop(100%,#CC6603)) !important; background: -webkit-linear-gradient(top,  #FFB450 0%,#CC6603 100%) !important; background: -o-linear-gradient(top,  #FFB450 0%,#CC6603 100%) !important; background: -ms-linear-gradient(top,  #FFB450 0%,#CC6603 100%) !important; background: linear-gradient(to bottom,  #FFB450 0%,#CC6603 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFB450', endColorstr='#CC6603',GradientType=0 ) !important;}
.ui-layout-container .ui-dialog.awf-dlg-warning .ui-dialog-titlebar .ui-dialog-title {color: rgba(132, 61, 0, 1);}
.ui-layout-container .ui-dialog.awf-dlg-warning .ui-dialog-titlebar .ui-dialog-title:before {display: inline-block; margin-right: 7px; width: 16px; height: 15px; content: "a"; color: transparent; background-size: 16px; background-repeat: none; background-image: url("/cms/faces/javax.faces.resource/icon/color/logo-dlg-warning.png?ln=primefaces-SKN");}
.ui-layout-container .ui-dialog.awf-dlg-warning .ui-dialog-titlebar .ui-dialog-titlebar-close {opacity: 0.8;}
.ui-layout-container .ui-dialog.awf-dlg-warning .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {background-position: 2px 2px; background-size: 10px; background-repeat: no-repeat; background-image: url("/cms/faces/javax.faces.resource/icon/color/close-dlg-warning.png?ln=primefaces-SKN");}
.ui-layout-container .ui-dialog.awf-dlg-warning .ui-dialog-content {display: flex; align-items: center; justify-content: center; min-width: 250px; height: 100px !important; text-align: center; color: #AD5E05; background: #FFF7D4;}
.ui-layout-container .ui-dialog.awf-dlg-warning .ui-dialog-footer {background: #FFF7D4;}

.ui-layout-container .ui-dialog.awf-dlg-error .ui-dialog-titlebar {border-bottom: 1px solid #AB0F0F !important; background: #FF5858 !important; background: -moz-linear-gradient(top,  #FF5858 0%, #DA0000 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF5858), color-stop(100%,#DA0000)) !important; background: -webkit-linear-gradient(top,  #FF5858 0%,#DA0000 100%) !important; background: -o-linear-gradient(top,  #FF5858 0%,#DA0000 100%) !important; background: -ms-linear-gradient(top,  #FF5858 0%,#DA0000 100%) !important; background: linear-gradient(to bottom,  #FF5858 0%,#DA0000 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF5858', endColorstr='#DA0000',GradientType=0 ) !important; }
.ui-layout-container .ui-dialog.awf-dlg-error .ui-dialog-titlebar .ui-dialog-title {color: #710000;}
.ui-layout-container .ui-dialog.awf-dlg-error .ui-dialog-titlebar .ui-dialog-title:before {display: inline-block; margin-right: 7px; width: 16px; height: 16px; content: "a"; color: transparent; background-size: 16px; background-image: url("/cms/faces/javax.faces.resource/icon/color/logo-dlg-error.png?ln=primefaces-SKN");}
.ui-layout-container .ui-dialog.awf-dlg-error .ui-dialog-titlebar .ui-dialog-titlebar-close {opacity: 0.8;} 
.ui-layout-container .ui-dialog.awf-dlg-error .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {background-position: 2px 2px; background-size: 10px; background-repeat: no-repeat; background-image: url("/cms/faces/javax.faces.resource/icon/color/close-dlg-error.png?ln=primefaces-SKN");}
.ui-layout-container .ui-dialog.awf-dlg-error .ui-dialog-content {display: flex; align-items: center; justify-content: center; min-width: 250px; height: 100px !important; text-align: center; color: #B72F2F;background: #FFCFCF;}
.ui-layout-container .ui-dialog.awf-dlg-error .ui-dialog-footer {background: #FFCFCF;}

.ui-layout-container .ui-confirm-dialog.awf-dlg-confirm .ui-dialog-titlebar {border-bottom: 1px solid rgba(174, 0, 174, 1) !important; background: #BF74FF !important; background: -moz-linear-gradient(top,  #BF74FF 0%, #A130FF 85%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BF74FF), color-stop(85%,#A130FF)) !important; background: -webkit-linear-gradient(top,  #BF74FF 0%,#A130FF 85%) !important; background: -o-linear-gradient(top,  #BF74FF 0%,#A130FF 85%) !important; background: -ms-linear-gradient(top,  #BF74FF 0%,#A130FF 85%) !important; background: linear-gradient(to bottom,  #BF74FF 0%,#A130FF 85%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BF74FF', endColorstr='#A130FF',GradientType=0 ) !important;}
.ui-layout-container .ui-confirm-dialog.awf-dlg-confirm .ui-dialog-titlebar .ui-dialog-title {color: #6C006C;}
.ui-layout-container .ui-confirm-dialog.awf-dlg-confirm .ui-dialog-titlebar .ui-dialog-title:before {display: inline-block; margin-right: 7px; width: 16px; height: 16px; content: "a"; color: transparent; background-size: 16px; background-image: url("/cms/faces/javax.faces.resource/icon/color/logo-dlg-confirm.png?ln=primefaces-SKN");}
.ui-layout-container .ui-confirm-dialog.awf-dlg-confirm .ui-dialog-titlebar .ui-dialog-titlebar-close {opacity: 0.8;}
.ui-layout-container .ui-confirm-dialog.awf-dlg-confirm .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {background-position: 2px 2px; background-size: 10px; background-repeat: no-repeat; background-image: url("/cms/faces/javax.faces.resource/icon/color/close-dlg-confirm.png?ln=primefaces-SKN");} 
.ui-layout-container .ui-confirm-dialog.awf-dlg-confirm .ui-dialog-content {text-align: center; color: #600060; background: #F0D2FF;}
.ui-layout-container .ui-confirm-dialog.awf-dlg-confirm .ui-dialog-buttonpane {background: #F0D2FF;}
/* .ui-dialog.awf-dlg-confirm .ui-confirm-dialog-message{margin-top:30px;} */

/** MODAL APP WINDOW **/
.ui-dialog.awf-dlg-qvga .ui-dialog-content {width: 296px; height: 151px !important;}
.ui-dialog.awf-dlg-hvga .ui-dialog-content {width: 456px; height: 231px !important;}
.ui-dialog.awf-dlg-vga  .ui-dialog-content {width: 616px; height: 391px !important;}
.ui-dialog.awf-dlg-svga .ui-dialog-content {width: 776px; height: 511px !important;}

.ui-dialog .ui-fileupload {width: auto !important;}
.ui-dialog .ui-fileupload .ui-button {display: inline-block !important;}
.ui-dialog .ui-fileupload .ui-fileupload-buttonbar {padding: 3px 5px !important; height: 33px !important; text-align: left; border: 1px solid #0072E5; background: #7ebaf7; /* Old browsers */ background: -moz-linear-gradient(top,  #7ebaf7 0%, #1b89f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ebaf7), color-stop(100%,#1b89f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); /* IE10+ */ background: linear-gradient(to bottom,  #7ebaf7 0%,#1b89f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ebaf7', endColorstr='#1b89f7',GradientType=0 ); /* IE6-9 */}
.ui-dialog .ui-fileupload .ui-fileupload-content {width: 99.8% !important; border-color: transparent;}
.ui-dialog .ui-fileupload .ui-fileupload-content .ui-fileupload-files {font-size: 12px !important;}
.ui-dialog .ui-fileupload .ui-fileupload-content table tr td:last-child button {margin-top: 0px;}
.ui-dialog .ui-fileupload .ui-fileupload-content .ui-messages .ui-icon-close {margin-top: -2px;}

.ui-dialog .ui-treetable .ui-chkbox .ui-chkbox-box {transition: all 0s ease;}

/**.ui-layout-container .ui-tabs {background: #B8C7E1;} **/
.ui-layout-container .ui-tabs {background: #EEE;}
.ui-layout-container .ui-tabs .ui-tabs-nav {padding: 3px 3px 3px 0px !important; height: auto !important; background: transparent !important; border: 0px solid transparent !important;}
.ui-layout-container .ui-tabs .ui-tabs-nav .ui-state-default {margin: 0px 1px 0px 0px !important; font-size: 12px; border-color: #c5c5c5; border: 1px solid #aaa; border-bottom-width: 0px; outline: none; background: #dddddd; background: -moz-linear-gradient(top,  #dddddd 0%, #bbbbbb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#bbbbbb)); background: -webkit-linear-gradient(top,  #dddddd 0%,#bbbbbb 100%); background: -o-linear-gradient(top,  #dddddd 0%,#bbbbbb 100%); background: -ms-linear-gradient(top,  #dddddd 0%,#bbbbbb 100%); background: linear-gradient(to bottom,  #dddddd 0%,#bbbbbb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bbbbbb',GradientType=0 ); }
.ui-layout-container .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-disabled {opacity: 1; background: #AAA; border-color: #888;}
.ui-layout-container .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-disabled a {color: #656565;}
.ui-layout-container .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active {border-color: #bbb; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); }
.ui-layout-container .ui-tabs .ui-tabs-nav .ui-state-default a {padding: 7px 10px 6px 10px; line-height: 1.2; outline: none; border-bottom: 1px solid transparent !important; border-top-color: #F0F0F0 !important;}
.ui-layout-container .ui-tabs .ui-tabs-panel {margin-top: -4px; padding: 5px !important; font-size: 12px; background: #fff !important; border: 1px solid #ccc !important;;}
.ui-layout-container .ui-tabs-navscroller-btn {margin-top: 3px; padding: 0px !important; height: 27px !important; border-color: #bbb !important; border-bottom-color: #e7e7e7 !important; border-radius: 0px !important; background: #ffffff !important; background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)) !important; background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%) !important; background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%) !important; background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%) !important; background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ) !important; }
.ui-layout-container .ui-tabs-navscroller-btn-left {left: 0 !important;}
.ui-layout-container .ui-tabs-navscroller-btn-right {right: 0 !important;}
.ui-layout-container .ui-tabs .ui-tabs-panel .ui-tabs .ui-tabs-panel {padding: 5px;}

.ui-tabmenu .ui-tabmenu-nav {padding: 3px 0px 0px 4px !important; height: auto !important; background: #eee !important; border: 1px solid #bbb !important;}
.ui-tabmenu .ui-tabmenuitem {padding: 0; background: transparent; border: none;}
.ui-tabmenu .ui-tabmenuitem .ui-menuitem-icon {margin-top: 2px;}
.ui-tabmenu .ui-tabmenuitem[aria-expanded="true"] .ui-menuitem-link {border-color: #bbb; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); }
.ui-tabmenu .ui-tabmenuitem .ui-menuitem-link.ui-state-disabled {opacity: 1; background: #AAA; border-color: #888;}
.ui-tabmenu .ui-tabmenuitem .ui-menuitem-link.ui-state-disabled .ui-menuitem-text,  
.ui-tabmenu .ui-tabmenuitem .ui-menuitem-link.ui-state-disabled .ui-menuitem-icon {opacity: 0.5;}
.ui-tabmenu .ui-menuitem-link {box-sizing: border-box; padding: 4px 8px 0px 8px !important; height: 30px !important; font-weight: normal; border-radius: 3px 3px 0px 0px; border-color: #c5c5c5; border: 1px solid #aaa; border-bottom-width: 0px; outline: none; background: #dddddd; background: -moz-linear-gradient(top,  #dddddd 0%, #bbbbbb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#bbbbbb)); background: -webkit-linear-gradient(top,  #dddddd 0%,#bbbbbb 100%); background: -o-linear-gradient(top,  #dddddd 0%,#bbbbbb 100%); background: -ms-linear-gradient(top,  #dddddd 0%,#bbbbbb 100%); background: linear-gradient(to bottom,  #dddddd 0%,#bbbbbb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bbbbbb',GradientType=0 );} 
.ui-tabmenu .ui-menuitem-link .ui-menuitem-text {font-size: 12px; font-weight: normal;}

/** COMPONENT : COMBO BOX / VALUE LOOKUP **/
.ui-layout-container select {padding: 5px; height: 30px; font-family: "amble"; font-size: 12px; color: #333; background: white; border: 1px solid rgb(127, 127, 127); border-radius: 5px; outline: none; transition: all 0.3s ease;}
.ui-layout-container select:disabled {background: rgb(217, 217, 217); border-color: rgb(127, 127, 127); color: rgb(127, 127, 127);}
.ui-layout-container select:focus {color: #333; font-weight: normal; border-color: #16b6b6; box-shadow: 0px 0px 5px 3px #bbb; }
.ui-layout-container select:hover, .ui-layout-container select .ui-state-hover {color: #333; font-weight: normal; border-color: #16b6b6; cursor: pointer; }
.ui-layout-container select:disabled:hover{background: rgb(217, 217, 217); border-color: rgb(127, 127, 127); color: rgb(127, 127, 127);}
.ui-layout-container select option {padding: 4px; font-weight: normal; border-right: 2px solid #bbb;}
.ui-layout-container select .ui-state-highlight {font-weight: normal;}

.ui-layout-container .ui-selectonemenu {padding: 0 5px 0 0; color: #333; background: white; border: 1px solid #aaa; border-radius: 3px; opacity: 1; outline: none; }
.ui-layout-container .ui-selectonemenu.ui-state-hover {border-color: #16b6b6; font-weight: normal;}
.ui-layout-container .ui-selectonemenu.ui-state-focus {border-color: #16b6b6; box-shadow: 0px 0px 5px 3px #bbb;}
.ui-layout-container .ui-selectonemenu.ui-state-disabled {background: #BBB; border-color: rgb(127, 127, 127); color: rgb(127, 127, 127); }
.ui-layout-container .ui-selectonemenu.ui-state-disanled:hover {border-color: rgb(127, 127, 127); cursor: default;}
.ui-layout-container .ui-selectonemenu .ui-selectonemenu-label {padding: 5px; overflow: initial;}
.ui-layout-container .ui-selectonemenu input.ui-selectonemenu-label {min-height: 17px;}
.ui-layout-container .ui-selectonemenu .ui-selectonemenu-trigger { border: 0px; background: #ddd; /* Old browsers */ background: -moz-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ddd), /* FF3.6+ */ color-stop(70%, #bfbfbf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -o-linear-gradient(top, #ddd 30%, #bfbfbf 70%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #ddd 30%, #bfbfbf 70%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #ddd 30%, #bfbfbf 70%); /* IE10+ */ /* W3C */ }
.ui-layout-container .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {margin-top: 5px;}
.ui-layout-container .ui-selectonemenu input[type="text"] {padding: 4px 1px 4px 4px; border: none;}
.ui-layout-container .ui-selectonemenu-panel { background: #eee; border-radius: 0px; border: 1px solid #aaa; border-top: 0px; box-shadow: 0px 3px 5px 1px #888; }
.ui-layout-container .ui-selectonemenu-panel .ui-selectonemenu-list-item {white-space: normal;}
.ui-layout-container .ui-selectonemenu-panel .ui-selectonemenu-filter-container {padding: 0px; width: 100%; height: 40px; border-radius: 4px 4px 0px 0px; border-bottom: 1px solid #999; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), /* FF3.6+ */ color-stop(100%, #cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* IE10+ */ /* W3C */ }
.ui-layout-container .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter {margin: 6px; padding: 0px 5px; width: calc(100% - 24px); height: 26px;}
.ui-layout-container .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter .ui-icon-search {top: 12px; right: 12px;}
/**.ui-selectonemenu-items-wrapper {max-height: 120px;}**/
.ui-selectonemenu-items-wrapper {max-height: 120px;}
.ui-selectonemenu-items.ui-selectonemenu-list {padding-top: 3px; background: #f7f7f7; color: #333; font-size: 12px; font-family: "amble"; border: 0px solid transparent; border-radius: 0px; opacity: 1; }
.ui-selectonemenu-items.ui-selectonemenu-list .ui-selectonemenu-item.ui-state-highlight { background: #4682B4; color: #fff; border-radius: 3px; font-weight: normal;}
.ui-selectonemenu-items.ui-selectonemenu-list .ui-selectonemenu-item.ui-state-hover { background: #B1DFF0; border-radius: 3px; border-width: 0px;}

.ui-layout-container .ui-selectcheckboxmenu { padding: 0px; color: #333; background: white; border: 1px solid #aaa; border-radius: 3px; opacity: 1; outline: none; font-weight: normal; }
.ui-layout-container .ui-selectcheckboxmenu.ui-state-disabled {background: #D9D9D9; border-color: #7F7F7F;}
.ui-layout-container .ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-label {color: #7F7F7F;}
.ui-layout-container .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {padding: 5px 26px 5px 5px; color: #333;}
.ui-layout-container .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label.ui-state-hover { background: white; color: #333; font-weight: normal; }
.ui-layout-container .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { border: 0px; background: #ddd; /* Old browsers */ background: -moz-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ddd), /* FF3.6+ */ color-stop(70%, #bfbfbf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -o-linear-gradient(top, #ddd 30%, #bfbfbf 70%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #ddd 30%, #bfbfbf 70%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #ddd 30%, #bfbfbf 70%); /* IE10+ */ /* W3C */ }
.ui-layout-container .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {margin-top: 5px;}
.ui-selectcheckboxmenu-panel {display: absolute; padding: 0px !important; color: #333; font-size: 12px; font-family: "amble"; opacity: 1; border-radius: 5px; border: 2px solid #888; box-shadow: 0px 0px 10px 1px #444; }
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {padding: 5px 9px !important; height: 25px !important; margin-bottom: 0px; border: 0px; border-radius: 4px 4px 0px 0px; border-bottom: 1px solid #999; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), /* FF3.6+ */ color-stop(100%, #cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* IE10+ */ /* W3C */ }
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box {margin-top: 7px;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-inputfield {margin-top: -1px !important; margin-left: 3px !important; padding: 5px; width: calc(100% - 17px) !important; }
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {width: calc(100% - 42px);}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { top: 3px; right: 7px; }
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { margin-right: -4px; margin-top: 3px; padding: 0px; background: transparent; border: 1px solid transparent; outline: none; opacity: 1; }
.ui-selectcheckboxmenu-panel .ui-chkbox .ui-chkbox-box {margin: 0; background: #fff; border: 1px solid #aaa; cursor: pointer; }
.ui-selectcheckboxmenu-panel .ui-chkbox .ui-chkbox-box:hover {border-color: #777;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {overflow: hidden !important; background: #eee; }
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-list {overflow: auto; padding: 0px 21px 0px 4px !important; width: calc(100% - 25px) !important; max-height: 134px;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items {background: #eee;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items li.ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-list-item {padding: 0px 5px; width: calc(100% + 7px) !important; cursor: default; transition: all 0.4s ease;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items li.ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-list-item label { padding: 5px 3px 5px 25px; cursor: pointer; }
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items li.ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-list-item:hover {background: #4682B4;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items li.ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-list-item:hover label {color: white;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item .ui-chkbox {margin-top: -9px !important;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item .ui-chkbox-box .ui-icon-check {background-position: -64px -145px;}
.awc-selectcheckbox-counter {display: inline-block; margin-left: 5px;}
.awc-selectcheckbox-counter:before {content:"(";} 
.awc-selectcheckbox-counter:after {content:")"}

/** COMPONENT : CALENDAR **/
.ui-layout-container span .ui-button.ui-datepicker-trigger {display: inline-block; margin-left: 5px; width: 30px;}
.ui-layout-container span .ui-button.ui-datepicker-trigger .ui-icon-calendar {background: url("/cms/faces/javax.faces.resource/icon/calendar.png?ln=primefaces-SKN") center center no-repeat; background-size: 16px; }
.ui-layout-container span .ui-button.ui-datepicker-trigger.ui-state-hover {box-shadow: none;}
.ui-layout-container span .ui-inputfield.hasDatepicker {text-align: center;}
.ui-datepicker {padding: 0px; width: 250px !important; font-family: "amble"; background: #fff; border: 3px solid #ddd; box-shadow: 0px 0px 5px 1px #444;}
.ui-datepicker .ui-state-disabled {opacity: 0.35;}
.ui-layout-container .hasDatepicker {transition: all 0s ease;}
.ui-datepicker .ui-datepicker-header {padding: 2px 0px !important; width: 100.3%; border: 0px; border-bottom: 1px; border-radius: 0px; background: #eeeeee; background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {margin: 3px 2.3em;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {margin: -1px 4px 0px 4px; width: 80px; height: 27px; font-size: 12px; cursor: pointer;}
.ui-datepicker .ui-datepicker-header .ui-state-hover {background: none; cursor: pointer;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {top: 3px; left: 5px; border: 1px solid rgba(153,153,153, 0.3); border-radius: 3px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover {border: 1px solid rgba(0,0,0, 0.3); background-color: rgba(0,0,0,0.08);}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {top: 3px; right: 5px; border: 1px solid rgba(153,153,153, 0.3); border-radius: 3px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover {border: 1px solid rgba(0,0,0, 0.3); background-color: rgba(0,0,0,0.08);}
.ui-datepicker-calendar {padding: 15px;}
.ui-datepicker-calendar th {min-width: 28px; font-family: "amble"; font-size: 12px;}
.ui-datepicker-calendar tr td .ui-state-default {color: #444; transition: all 0.4s ease;}
.ui-datepicker-calendar tr td:last-child .ui-state-default {color: red; }
.ui-datepicker-calendar tr td:nth-last-child(2) .ui-state-default {color: #3388CC;}
.fdow-sunday .ui-datepicker-calendar tr td .ui-state-default {color: #444; transition: all 0.4s ease; outline: none;}
.fdow-sunday .ui-datepicker-calendar tr td:first-child .ui-state-default {color: red;}
.fdow-sunday .ui-datepicker-calendar tr td:last-child .ui-state-default {color: #3388CC;}
.fdow-sunday .ui-datepicker-calendar tr td:nth-last-child(2) .ui-state-default {color: #444;}
.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default {padding: 5px 5px; font-weight: normal; font-size: 12px; color: #444; background: #eee; border: 1px solid #bbb;}
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar tr td:last-child .ui-state-highlight,
.ui-datepicker-calendar tr td:nth-last-child(2) .ui-state-highlight {font-weight: bold; color: #6F5C0F !important; background: #FBFFDE; border-color: #BFAE6B !important;}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar tr td:last-child .ui-state-active,
.ui-datepicker-calendar tr td:nth-last-child(2) .ui-state-active {background: #fff; border-color: #CFCFCF !important;}
.ui-datepicker-calendar .ui-state-hover {border: 1px solid #888; box-shadow: 0px 0px 3px 1px #ccc;}
.ui-datepicker-calendar .ui-datepicker-other-month .ui-state-default {color: #000 !important; background: #bbb; border-color: #999 !important;}
.ui-datepicker-calendar .ui-datepicker-other-month .ui-state-highlight {color: #555;}
.ui-datepicker .ui-datepicker-buttonpane {margin: 2px 0px !important; padding-top: 3px; width: 98.5%; height: 35px; background: #ddd; border: 0px;}
.ui-datepicker .ui-datepicker-buttonpane button {min-width: 80px !important;}
.ui-datepicker .ui-datepicker-current, 
.ui-datepicker .ui-datepicker-current.ui-state-hover, 
.ui-datepicker .ui-datepicker-current.ui-state-focus, 
.ui-datepicker .ui-datepicker-close, 
.ui-datepicker .ui-datepicker-close.ui-state-hover, 
.ui-datepicker .ui-datepicker-close.ui-state-focus {display: inline-block; margin-top: 6px; padding: 0px !important; height: 25px !important; text-align: center; font-family: "amble"; color: #333; border: 1px solid #777; outline: none; font-size: 12px; font-weight: normal; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; background: #ddd; /* Old browsers */ background: -moz-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ddd), /* FF3.6+ */ color-stop(70%, #bfbfbf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -o-linear-gradient(top, #ddd 30%, #bfbfbf 70%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #ddd 30%, #bfbfbf 70%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #ddd 30%, #bfbfbf 70%); /* IE10+ */ /* W3C */ } 
.ui-datepicker .ui-datepicker-current.ui-state-hover,
.ui-datepicker .ui-datepicker-close.ui-state-hover {height: 25px !important; border: 1px solid #058AFF; box-shadow: 0px 0px 5px 3px #ccc; transition: all 0.3s ease; }
.ui-datepicker .ui-datepicker-current.ui-state-focus,
.ui-datepicker .ui-datepicker-close.ui-state-focus {height: 25px !important; border: 1px solid #058AFF; box-shadow: 0px 0px 5px 3px #ccc;}
.ui-datepicker .ui-timepicker-div {padding: 0px 5px; font-family: "amble"; font-size: 12px; color: #333;}
.ui-datepicker .ui-timepicker-div .ui-widget-header {margin-top: 6px; padding: 3px 8px 21px 8px; height: 7px; color: #222; font-size: 14px; text-transform: uppercase; border: 1px solid #ccc; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */}

.ui-datepicker-inline {padding: 2px 2px 0px 2px !important; width: 250px !important; font-family: "amble"; background: #fff; border: 3px solid #ddd !important; box-shadow: 0px 0px 5px 1px #444;}
.ui-datepicker-inline .ui-datepicker-header {padding: 2px 0px !important; width: 100%; height: 32px !important; border: 0px !important; border-bottom: 1px; border-radius: 0px; background: #eeeeee !important; background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)) !important; background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important; background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important; background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important; background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%) !important;}

.ui-datepicker-multi .ui-datepicker-group {display: inline-block; float: none !important; margin-bottom: 10px; width: auto !important;}
.ui-datepicker-multi .ui-datepicker-group table {margin: 0px 11px 0.4em 11px !important; width: 250px !important;}

/* Reduce Annual Calendar Size */

.ui-datepicker-multi .ui-datepicker-group {margin-bottom: 0px;}
.ui-datepicker-multi .ui-datepicker-header {padding: 3px 0px !important;; height: 20px !important;} 
.ui-datepicker-multi .ui-datepicker-header .ui-datepicker-title {margin: -3px 0px 0px 0px !important;} 
.ui-datepicker-multi .ui-datepicker-header .ui-datepicker-prev {top: 2px; left: 3px; padding: 0px !important; width: 20px !important; height: 20px !important; border: 1px solid rgba(153, 153, 153, 0.8); border-radius: 3px 0px 0px 3px;}
.ui-datepicker-multi .ui-datepicker-header .ui-datepicker-next {top: 2px; left: 24px; padding: 0px !important; width: 20px !important; height: 20px !important; border: 1px solid rgba(153, 153, 153, 0.8); border-radius: 0px 3px 3px 0px;}
.ui-datepicker-multi .ui-datepicker-calendar .ui-state-default,
.ui-datepicker-multi .ui-datepicker-calendar .ui-widget-content .ui-state-default {padding: 2px 4px; width: 23px !important;}
.ui-datepicker-multi .ui-datepicker-calendar th {padding: 2px;}
.ui-datepicker-multi .ui-datepicker-calendar td a {width: 15px;}

/* .ui-datepicker-calendar th {min-width: 28px; font-family: "amble"; font-size: 12px;}
.ui-datepicker-calendar tr td .ui-state-default {color: #444; transition: all 0.4s ease; outline: none;}
.ui-datepicker-calendar tr td:first-child .ui-state-default {color: red; transition: all 0.4s ease;}
.ui-datepicker-calendar tr td:last-child .ui-state-default {color: #3388CC; transition: all 0.4s ease;}
.fdow-monday .ui-datepicker-calendar tr td .ui-state-default {color: #444; transition: all 0.4s ease;}
.fdow-monday .ui-datepicker-calendar tr td:last-child .ui-state-default {color: red; transition: all 0.4s ease;}
.fdow-monday .ui-datepicker-calendar tr td:nth-last-child(2) .ui-state-default {color: #3388CC; transition: all 0.4s ease;}
.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default {padding: 5px 5px; font-weight: normal; font-size: 12px; color: #444; background: #eee; border: 1px solid #bbb;}
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar tr td:last-child .ui-state-highlight,
.ui-datepicker-calendar tr td:nth-last-child(2) .ui-state-highlight {font-weight: bold; color: #6F5C0F !important; background: #FBFFDE; border-color: #BFAE6B !important;}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar tr td:last-child .ui-state-active,
.ui-datepicker-calendar tr td:nth-last-child(2) .ui-state-active {background: #fff; border-color: #CFCFCF !important;}
.ui-datepicker-calendar .ui-state-hover {border: 1px solid #888; box-shadow: 0px 0px 3px 1px #ccc;}
.ui-datepicker-calendar .ui-datepicker-other-month .ui-state-default {color: #000 !important; background: #bbb; border-color: #999 !important;}
.ui-datepicker-calendar .ui-datepicker-other-month .ui-state-highlight {color: #555;}
.ui-datepicker .ui-datepicker-buttonpane {margin: 2px 0px !important; padding-top: 3px; width: 98.5%; height: 35px; background: #ddd; border: 0px;}
.ui-datepicker .ui-datepicker-buttonpane button {min-width: 80px !important;} */

/* END OF Reduce Annual Calendar Size */


.ui-slider { margin: 5px; height: 5px !important; background: white; border: 1px solid #bbb !important; border-radius: 99px; cursor: pointer;}
.ui-slider .ui-slider-handle {top: -5px !important; border-radius: 99px; border: 1px solid #ccc; transition: all 0.4s ease; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */}
.ui-slider .ui-slider-handle:hover, 
.ui-slider .ui-slider-handle:focus {cursor: pointer; border-color: #0072E5; background: #7ebaf7; /* Old browsers */ background: -moz-linear-gradient(top,  #7ebaf7 0%, #1b89f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ebaf7), color-stop(100%,#1b89f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); /* IE10+ */ background: linear-gradient(to bottom,  #7ebaf7 0%,#1b89f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ebaf7', endColorstr='#1b89f7',GradientType=0 ); /* IE6-9 */}

/** 
------------------------------
---------- GENERAL ---------- 
------------------------------
**/

/** INITIALIZE **/
body {background-color: #90c3f8;}
h1, h2, h3, h4, h5, h6 {font-family: "amble";}
code {padding: 0px 3px; font-family:"consolas","courier"; color: white; background: #333; border-radius: 2px;} 
.awc-content {padding: 0px 10px 10px 10px;}

.hidden {display: none !important;}

.awc-link,
.awc-link.ui-state-default,
.awc-link.ui-state-focus {display: inline-block; margin: 0px; padding: 0px 3px !important; min-width: 16px; min-height: 16px; font-size: 12px !important; text-decoration: none !important; font-weight: bold !important; color: #000 !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 3px !important; transition: all 0.3s ease !important; box-shadow: 0px 0px 5px 3px transparent !important;}
.awc-link:hover,
.awc-link.ui-state-hover {margin-top: auto !important; min-width: 16px !important; min-height: 16px !important; color: #fff !important; background: #33A1CC!important; border: 1px solid #008AD5 !important; box-shadow: 0px 0px 3px 1px #ccc !important;}
.awc-link .ui-button-text {padding: 0px !important;}

.bold {font-weight: bold !important;}
.unbold {font-weight: normal !important;}
.italic {font-style: italic !important;}
.underline {text-decoration: underline !important;}

.uppercase {text-transform: uppercase !important;}
.lowercase {text-transform: lowercase !important;}
.capitalize {text-transform: capitalize !important;}

.align-left {text-align: left !important;}
.align-center {text-align: center !important;}
.align-right {text-align: right !important;}
.align-justify {text-align: justify !important;}

.float-left {float:left !important;}
.float-right {float: right !important;}

.grid-on {border-collapse: collapse !important;} 
.grid-on tr th,
.grid-on tr td {border: 1px solid #777 !important;}

.grid5-5 .ui-panelgrid-cell,
.grid5-5 tr th,
.grid5-5 tr td {padding: 5px !important;}
.grid5-10 .ui-panelgrid-cell,
.grid5-10 tr th,
.grid5-10 tr td {padding: 5px 10px !important;}
.grid10-5 .ui-panelgrid-cell,
.grid10-5 tr th,
.grid10-5 tr td {padding: 10px 5px !important;}
.grid10-10 .ui-panelgrid-cell,
.grid10-10 tr th,
.grid10-10 tr td {padding: 10px !important;}

.valign-top {vertical-align: top !important;}
.valign-top tr td {vertical-align: top !important;}
.valign-middle {vertical-align: middle !important;}
.valign-middle tr td {vertical-align: middle !important;}
.valign-bottom {vertical-align: bottom !important;}
.valign-bottom tr td {vertical-align: bottom !important;}

.m-auto {margin: 0 auto !important;}
.m0 {margin: 0px !important;}
.m5 {margin: 5px !important;}
.m-top5 {margin-top: 5px !important;}
.m-right5 {margin-right: 5px !important;}
.m-bottom5 {margin-bottom: 5px !important;}
.m-left5 {margin-left: 5px !important;}
.m10 {margin: 10px !important;}
.m-top10 {margin-top: 10px !important;}
.m-right10 {margin-right: 10px !important;}
.m-bottom10 {margin-bottom: 10px !important;}
.m-left10 {margin-left: 10px !important;}
.p0 {padding: 0px !important;}
.p5 {padding: 5px !important;}
.p-top5 {padding-top: 5px !important;}
.p-right5 {padding-right: 5px !important;}
.p-bottom5 {padding-bottom: 5px !important;}
.p-left5 {padding-left: 5px !important;}
.p10 {padding: 10px !important;}
.p-top10 {padding-top: 10px !important;}
.p-right10 {padding-right: 10px !important;}
.p-bottom10 {padding-bottom: 10px !important;}
.p-left10 {padding-left: 10px !important;}
.caption-top {caption-side: top;}
.caption-bottom {caption-side: bottom;}

.block {display: block !important;}
.inline {display: inline !important;}
.inline-block {display: inline-block !important;}

.ui-layout-container .border0 {border: none !important;}
.ui-layout-container .border-transparent {border-color: transparent !important;}
.csr-help {border-bottom: 1px dotted #555; cursor: help;}

.awc-keyboard {display: inline-block !important; margin: 1px 5px !important; padding: 17px 4px 0px 4px; width: 40px; height: 18px; text-align: right; font-size: 12px; color: #30BDFF !important; text-shadow: none; background: #333; border: 2px solid #005E8A; border-radius: 5px; cursor: default;}
.awc-keyboard::selection {background: transparent; color: #30BDFF;}
.awc-keyboard::-moz-selection {background: transparent; color: #30BDFF; text-shadow: none;}

.table-cell {display: table-cell !important;}
.li-inline-block li {display: inline-block !important;}
.li-no-list-style {list-style: none !important;}
.li-m-v-side5 li {margin: 5px 0px !important; }
.li-m-h-side5 li {margin: 0px 5px !important; }
.li-m-side5 li {margin: 5px !important; }

/** 2 lines below are predecessor of gridX-Y, do not use this ! **/
.table-padding5 tr td {padding: 5px;}
.table-padding0 tr td {padding: 0px;}

.dtbl-wrapper {width: 100%; height: auto; overflow-y: hidden; overflow-x: auto;}
.ttbl-wrapper {width: 100%; overflow-x: auto;}
.ui-widget-overlay {background: #000; opacity: 0.4;}
.ui-overlaypanel {border: 1px solid rgba(0, 119, 167, 1);}
.ui-overlaypanel .ui-overlaypanel-content {padding: 3px;}
.ui-overlaypanel .ui-datatable tbody tr td {transition: all 0s ease !important;}
.ui-outputlabel-rfi {color: red;}
.ui-clock {padding: 0px !important; font-size: 12px !important; background: none !important; border: none !important;} 

.awc-clear-textfield {display: inline-block; position: relative; float: right; top: 5px; right: 26px; margin-right: -16px; width: 16px; height: 16px; background: white; cursor: pointer;}
.awc-clear-textfield::after {content: ""; display: block; width: 16px; height: 16px; background: url("/cms/faces/javax.faces.resource/icon/close-g.png?ln=primefaces-SKN") no-repeat center center; background-size: 8px; opacity: 0.7;}

.awc-row-counter {margin-bottom: -1px; padding: 3px 5px; font-size: 14px; font-weight: bold; color: #fafafa; background: #4682B4; border: 1px solid #8EC1D5;}
.awc-row-counter .awc-row-counter-detail {font-weight: normal; font-size: 14px !important;}
.awc-row-counter .awc-row-counter-measurement-unit {font-weight: normal;}

/* .awc-loading-indicator {background: transparent; border: none; box-shadow: 0 0 9px 2px #555 !important; border-radius: 99px;}
.awc-loading-indicator .ui-dialog-titlebar {display: none;}
.awc-loading-indicator .ui-dialog-content.ui-widget-content {padding: 5px !important; background: #D5E7FC;}
.awc-loading-indicator .ui-resizable-handle {display: none !important;}
.awc-loading-indicator label,
.awc-loading-indicator .ui-output-label {display: inline-block; float: left; width: 100%; margin-top: 4px; text-align: center; font-size: 14px !important; color: #004966;}
.awc-loading-indicator .awc-loading-animation {min-width: 200px; height: 22px; background: url("/cms/faces/javax.faces.resource/images/bar-blue.gif?ln=primefaces-SKN"); background-size: 48px 22px; border: 1px solid #32C8F9; border-radius: 99px; box-shadow: 0 0 3px 2px #888; } */

.awc-loading-indicator {background: transparent; border: none; box-shadow: 0 0 9px 2px #555 !important;}
.awc-loading-indicator .ui-dialog-titlebar {display: none;}
.awc-loading-indicator .ui-dialog-content.ui-widget-content {padding: 8px 7px 7px 7px !important; background: #D5E7FC;}
.awc-loading-indicator .ui-resizable-handle {display: none !important;}
.awc-loading-indicator label,
.awc-loading-indicator .ui-output-label {display: inline-block; width: 100%; margin-bottom: 10px; text-align: center; letter-spacing: 1px; font-size: 14px !important; color: #004966;}
.awc-loading-indicator .awc-loading-animation {min-width: 200px; height: 22px; background: url("/cms/faces/javax.faces.resource/images/bar-blue.gif?ln=primefaces-SKN"); background-size: 48px 22px; border: 1px solid #32C8F9; box-shadow: 0 0 3px 2px #888; }

/** LAYOUT RELATED **/
.ui-layout-unit {border-radius: 0px;}
.ui-layout-unit.ui-widget.ui-widget-content.ui-corner-all.ui-layout-pane {margin: 0px; padding: 0px; border-collapse: collapse; border: 2px solid transparent;}

.ui-layout-container .ui-layout-unit.ui-layout-west {border: 2px solid transparent; border-top: 2px solid lightblue; border-right: 2px solid lightblue;}
.ui-layout-container .ui-layout-unit.ui-layout-west.inactive {display: none !important;}

.ui-layout-container .ui-layout-unit.ui-layout-center {border: 0px !important;}
.ui-layout-container .ui-layout-unit.ui-layout-center .ui-layout-center {border: 2px solid #D4E7FC !important; border-top: 0px !important;}
.ui-layout-container .ui-layout-unit.ui-layout-center .ui-layout-south {border-width: 0px !important;}
.ui-layout-container .ui-layout-unit.ui-layout-center .ui-layout-resizer-north {height: 2px !important; background: transparent; border: 2px solid transparent !important;}
.ui-layout-container .ui-layout-unit.ui-layout-center .ui-layout-resizer-south {height: 2px !important; background: #D5E7FC; border: 2px solid transparent !important;}
.ui-layout-container .ui-layout-resizer-north {height: 2px !important;}

.ui-layout-container .ui-layout-resizer-west {background: #D4E7FC; border-width: 0px !important; border-right: 2px solid #90C3F8 !important; border-radius: 0px; box-sizing: border-box;}
.ui-layout-container .ui-layout-resizer-west.active {left: 0px !important; width: 27px !important;}
.ui-layout-container .ui-layout-resizer-west.active .ui-layout-toggler-west[style] {display: block !important;}
.ui-layout-container .ui-layout-resizer-west.active .ui-layout-toggler-west .content-closed[style] {display: block !important;}

.ui-layout-container .ui-layout-unit .ui-layout-unit-content {padding: 0px;}

/** LEFT MENU **/
.ui-layout-container .skn-menu .ui-panelmenu-header {margin: 0px 0px 1px 0px; font-family: "Amble"; font-size: 12px; border-color: #777; cursor: pointer; background: #ddd; background: -moz-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ddd), color-stop(70%, #bfbfbf)); background: -webkit-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -o-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -ms-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: linear-gradient(to bottom, #ddd 30%, #bfbfbf 70%); }
.ui-layout-container .skn-menu .ui-panelmenu-header .ui-icon {margin-top: -9px; margin-left: -5px; transition: all 0.4s ease;}
.ui-layout-container .skn-menu .ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s {margin-left: -5px; background-position: -32px -16px; transform: rotate(90deg);}
.ui-layout-container .skn-menu .ui-panelmenu-header a {padding-left: 18px;}
.ui-layout-container .skn-menu .ui-panelmenu-content {margin-bottom: 4px; background: #f7f7f7; border-color: #777; border-radius: 0px 0px 5px 5px;}
.ui-layout-container .skn-menu .ui-panelmenu-content .ui-menu-list {padding-left: 1px;}
.ui-layout-container .skn-menu .ui-panelmenu-content .ui-menuitem {margin: 0px; width: 100%;}
.ui-layout-container .skn-menu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link {padding: 3px; width: 95%; background: #f7f7f7; border-radius: 2px; transition: all 0.4s ease;}
.ui-layout-container .skn-menu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link.ui-state-hover {background: #e6e6e6; border: 1px solid #bbb;}
.ui-layout-container .skn-menu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-icon {margin-right: 2px; margin-left: -6px;}
.ui-layout-container .skn-menu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-panelmenu-icon + .ui-menuitem-text {display: inline-block !important; margin-left: 15px;}
.ui-layout-container .skn-menu .ui-panelmenu-content .ui-menuitem .ui-menuitem-icon {margin-top: -1px;}
.ui-layout-container .skn-menu .ui-panelmenu-content .ui-menuitem .ui-menuitem .ui-menuitem-link {width: 94%;}
.ui-layout-container .skn-menu .ui-panelmenu-content .ui-menuitem .ui-menuitem-text {font-family:"amble"; font-size: 12px; float: none; display: table-row;}
.pnl-left-menu .ui-widget-header {margin-bottom: 2px; padding: 7px 8px 17px 8px; height: 7px !important; color: #222; font-size: 14px; text-transform: uppercase; border: 1px solid #0072E5; background: #7ebaf7; background: -moz-linear-gradient(top,  #7ebaf7 0%, #1b89f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ebaf7), color-stop(100%,#1b89f7));  background: -webkit-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); background: -o-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); background: -ms-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); background: linear-gradient(to bottom,  #7ebaf7 0%,#1b89f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ebaf7', endColorstr='#1b89f7',GradientType=0 ); }
.pnl-left-menu .ui-widget-header {padding: 3px 0px 14px 4px !important;}
.pnl-left-menu .ui-widget-header .ui-layout-unit-header-icon {margin-top: 0px; padding: 0px; border: 1px solid rgb(125,125,125); border-radius: 3px; outline: none; background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(187,187,187,1) 77%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(77%,rgba(187,187,187,1))); background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(187,187,187,1) 77%); background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(187,187,187,1) 77%); background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(187,187,187,1) 77%); background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(187,187,187,1) 77%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bbbbbb',GradientType=0 );}
.ui-layout-unit-expand-icon {margin: 1px 0px 0px 0px; padding: 0px !important; width: 16px; height: 16px; border: 1px solid rgb(125,125,125) !important; border-radius: 3px; outline: none !important; background: rgb(238,238,238) !important; background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(187,187,187,1) 77%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(77%,rgba(187,187,187,1))) !important; background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(187,187,187,1) 77%) !important; background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(187,187,187,1) 77%) !important; background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(187,187,187,1) 77%) !important; background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(187,187,187,1) 77%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bbbbbb',GradientType=0 ) !important;}
.ui-layout-unit-expand-icon .ui-icon-arrow-4-diag {display: inline-block; margin-top: -1px;}

.skn-custom-menu {margin: 0px; padding: 0px; font-family: "Amble"; font-size: 12px; }
.skn-custom-menu .ui-icon {float: left; margin: -1px -4px 0px 1px; transition: all 0.4s ease;}
.skn-custom-menu .menu-desc {display: inline-block; margin: 0px 0px 0px 5px;}
.skn-custom-menu .menu-1 > .menu-item {display: block; margin: 0px 0px 1px 0px; padding: 6px 0px; border: 1px solid #777; border-radius: 3px; outline: none; cursor: pointer; background: #ddd; background: -moz-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ddd), color-stop(70%, #bfbfbf)); background: -webkit-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -o-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -ms-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: linear-gradient(to bottom, #ddd 30%, #bfbfbf 70%); }
.skn-custom-menu .menu-1.active > .menu-item {border-radius: 3px 3px 0px 0px !important;}
.skn-custom-menu .menu-1.active > .menu-item > .ui-icon {margin: -2px -4px 0px 1px; background-position: -32px -16px; transform: rotate(90deg);}
.skn-custom-menu .menu-2 {margin: -1px 0px 4px 0px; padding: 2px; background: #f7f7f7; border: 1px solid #777; border-width: 0px 1px 1px 1px; border-radius: 0px 0px 5px 5px;}
.skn-custom-menu .menu-2 > .menu-item {display: block !important; padding: 4px; border: 1px solid transparent; transition: all 0.4s ease;}
.skn-custom-menu .menu-2 > .menu-item:hover {background: #e6e6e6; border: 1px solid #bbb; border-radius: 3px; }
.skn-custom-menu .menu-2 > .menu-item > .ui-icon {margin: -1px -3px 0px -7px;} 

.skn-custom-menu-new {margin: 0px; padding: 0px; font-family: "Amble"; font-size: 12px;}
.skn-custom-menu-new a {text-decoration: none;}
.skn-custom-menu-new .ui-icon {float: left; margin: -1px 1px 0px -5px; transition: all 0.4s ease;}
.skn-custom-menu-new .menu-text a.active {font-weight: bold;}
.skn-custom-menu-new .menu-1-text {margin: 0px 0px 1px 0px; padding: 6px 0px 6px 6px; border: 1px solid #777; border-radius: 3px; outline: none; cursor: pointer; background: #ddd; background: -moz-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ddd), color-stop(70%, #bfbfbf)); background: -webkit-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -o-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -ms-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: linear-gradient(to bottom, #ddd 30%, #bfbfbf 70%); }
.skn-custom-menu-new .menu-1-text.expanded {border-radius: 3px 3px 0px 0px;}
.skn-custom-menu-new .menu-1-text.expanded > .ui-icon {background-position: -32px -16px; transform: rotate(90deg);}
.skn-custom-menu-new .menu-2-container {margin: -1px 0px 4px 0px; padding: 2px; background: #f7f7f7; border: 1px solid #777; border-width: 0px 1px 1px 1px; border-radius: 0px 0px 5px 5px;}
.skn-custom-menu-new .menu-2-container .menu-2-text {padding: 4px 0px 4px 6px; border: 1px solid transparent; cursor: pointer; transition: all 0.4s ease;}
.skn-custom-menu-new .menu-2-container .menu-2-text:hover {background: #e6e6e6; border: 1px solid #bbb; border-radius: 3px;}
.skn-custom-menu-new .menu-2-container .menu-2-text .ui-icon {margin: -1px 1px 0px -5px;}
.skn-custom-menu-new .menu-2-container .menu-2-text.expanded > .ui-icon {background-position: -32px -16px; transform: rotate(90deg);}
.skn-custom-menu-new .menu-3-container {margin: 0px 0px 0px 10px;}
.skn-custom-menu-new .menu-3-container .menu-3-text {padding: 4px 0px 4px 4px; border: 1px solid transparent; cursor: pointer; transition: all 0.4s ease;}
.skn-custom-menu-new .menu-3-container .menu-3-text:hover {background: #e6e6e6; border: 1px solid #bbb; border-radius: 3px;}

/** GENERAL LAYOUT PANE **/
.ui-layout-container .ui-layout-pane-north .ui-layout-unit-content {height: 122px;}
.ui-layout-container .ui-layout-pane-north .ui-layout-unit-content, 
.ui-layout-container .ui-layout-pane-center .ui-layout-unit-content,
.ui-layout-container .ui-layout-pane-south .ui-layout-unit-content {background: #D5E7FC;}

/** TOP LAYOUT **/ 
.ui-layout-container .ui-layout-pane-north {padding: 0px;}

.menu-top-left {position: absolute; top: 3px; left: 3px; width: 166px; padding: 0px; background: transparent;}

.menu-top-center {margin: 0 auto; padding: 0px; width: calc(100% - 430px); height: 70px; }
.menu-top-center textarea {margin-left: -42px; width: calc(100% - 19px); height: 75px !important; background: rgb(215,228,189); border-width: 2px;}
.menu-top-center .system-name {display: block; margin-left: -42px; width: calc(100% - 40px); text-align: center; font-family: "amble"; font-size: 14px; font-weight: bold; background: transparent;}

.ui-layout-container .menu-top-center textarea:focus {border-color: #AFA67E;}
.menu-top-right {position: absolute; top: 0px; right: 0px; padding-top: 5px; width: 260px; height: 75px;}
.menu-top-right img {height: 20px;}
.menu-top-right .btn-msg {width: 20px; height: 15px;}
.menu-top-right .msg-count {position: relative; z-index: 1; float: left; display: block; margin-top: -5px; margin-left: 13px; padding: 0px 2px; font-family: "amble"; font-size: 12px; color: #fff; background: red; border-radius: 3px; }
.menu-top-right .msg-count-help {position: relative; z-index: 1; float: left; display: block; margin-top: -5px; margin-left: 13px; padding: 0px 2px; font-family: "amble"; font-size: 12px; color: #fff; background: red; border-radius: 3px; }
.menu-top-right .text-username{font-weight: bold;}
.menu-top-right .current-time-login{font-weight: bold;}
.menu-top-right .float-left {float: left;  vertical-align: middle; border-spacing: 0px;}
.menu-top-right .float-left tr td {padding: 0px 2px; font-family: "amble"; font-size: 12px;}
/** untuk jboss EAP 6.1.0 
.menu-top-right .float-left tr td {padding: 0px 3px; font-family: "amble"; font-size: 12px;}
**/

.menu-top-right .float-left li  {display: block; padding: 0px; font-family: "amble"; font-size: 12px;}
.menu-top-right .float-right {float: right; vertical-align: middle; width: 30px; border-spacing: 0px;}
.menu-top-right .float-right tr td {padding: 3px 5px; text-align: center; font-family: "amble"; font-size: 12px;}
.menu-top-right .float-right tr td a {display: inline;}
.menu-top-right .float-right li {padding: 0px; display: block; margin: 5px 0px;}

.menu-top-right .float-right .awc-flag-manual-guid:after {}

/** CENTER LAYOUT PANE **/
.ui-layout-container .ui-breadcrumb {padding: 3px 0px 14px 4px !important;}
.ui-layout-container .ui-breadcrumb .ui-menuitem-link {margin-top: 0px; text-decoration: none;}
.ui-layout-container .ui-breadcrumb .ui-menuitem-link:focus {outline: none;}
.ui-layout-container .ui-breadcrumb .ui-menuitem-link span {border-bottom: 1px dotted transparent; transition: all 0.5s ease;}
/* .ui-layout-container .ui-breadcrumb .ui-menuitem-link span:hover {border-bottom: 1px dotted #000;} */
.ui-layout-container .ui-breadcrumb .ui-menuitem-link.ui-icon-home {border-radius: 0px; border-bottom: 1px dotted transparent; transition: all 0.5s ease;}
.ui-layout-container .ui-breadcrumb .ui-menuitem-link.ui-icon-home:hover {border-bottom: 1px dotted transparent;}
.ui-layout-container .ui-breadcrumb .ui-breadcrumb-chevron {margin: 0px;}
.ui-layout-container .ui-breadcrumb ul li {padding-left: 2px;}
.ui-layout-container .ui-breadcrumb ul li:last-child .ui-menuitem-text {font-weight: bold !important;}
.ui-layout-container .ui-breadcrumb ul li a span {color: #222; font-weight: normal; text-transform: capitalize;}

.pnlSearch {margin-top: 2px; padding: 4px 2px 4px 3px; height: 28px; border-radius: 3px;}
.pnlSearch .ui-button {margin: 0px 1px 0px 1px;}
.pnlSearch .ui-button,
.pnlSearch .ui-button:hover,
.pnlSearch .ui-button:focus {margin: 0px 1px 0px 1px;}
.pnlSearch .btn-advanced-search {float:right;}
.ui-layout-container .pnlSearch .txf-simple-search {float: right; margin-right: 5px; padding: 5px 25px 5px 5px !important; width: 118px; background: #fff url("/cms/faces/javax.faces.resource/icon/search.png?ln=primefaces-SKN") right 6px top 6px / 12px no-repeat !important;;}
.pnlSearch .txf-simple-search:after {content: " "; display: block; width: 10px; height: 10px; background: red; border: 1px solid red;}
.pnl-advanced-search {margin: 0px 5px 5px 5px; padding: 0px; background: #f7f7f7; border: 1px solid #ccc; box-shadow: 0px 0px 4px 0px #AAA;}
/* .pnl-advanced-search {margin: 0px 5px 5px 5px; padding: 9px 5px 5px 5px; background: #f3f3f3; border: 1px solid #ccc; box-shadow: 0px 0px 4px 0px #AAA;} */
.pnl-advanced-search h3 {margin: 0px; padding: 3px 3px 2px 3px; text-align: right; font-size: 12px; letter-spacing: 2px; word-spacing: 5px; font-weight: normal; color: #6f6f6f; border-bottom: 1px solid #bbb; background: #f3f3f3; background: -moz-linear-gradient(top,  #f3f3f3 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top,  #f3f3f3 0%,#dddddd 100%); background: -o-linear-gradient(top,  #f3f3f3 0%,#dddddd 100%); background: -ms-linear-gradient(top,  #f3f3f3 0%,#dddddd 100%); background: linear-gradient(to bottom,  #f3f3f3 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#dddddd',GradientType=0 ); }
.pnl-advanced-search label {display: inline-block; margin: 0px 5px;} 
/* .pnl-advanced-search input {margin-bottom: 10px;} */
/* .pnl-advanced-search h3 {margin: -7px 1px 10px 0px; text-align: right; font-size: 14px; color: #555; border-bottom: 1px solid #ccc;} */
.pnl-advanced-search .content-adv-search {overflow-y: auto; padding: 5px; max-height: 132px;}
/* .advanced-search-toggler {margin: -13px auto 15px; width: 25px; height: 3px; background: transparent; background: url("/cms/faces/javax.faces.resource/icon/carat-u-black.png?ln=primefaces-SKN") center 5px no-repeat; background-size: 8px; border-bottom: 10px solid rgba(201, 201, 201, 0.61); border-left: 10px solid transparent; border-right: 10px solid transparent; cursor: pointer;} */
.pnl-advanced-search .pnl-btn-advanced-search {padding: 5px 3px 5px; height: 26px;}
.pnl-advanced-search .pnl-btn-advanced-search .ui-button {float: right; margin-left: 5px;}
.advanced-search-toggler {margin: -22px 0px 10px 10px; width: 16px; height: 16px; cursor: pointer; border-radius: 3px; border: 1px solid #3D98B6; background: #87e0fd; background: -moz-linear-gradient(top,  #87e0fd 0%, #3bb8dd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(100%,#3bb8dd)); background: -webkit-linear-gradient(top,  #87e0fd 0%,#3bb8dd 100%); background: -o-linear-gradient(top,  #87e0fd 0%,#3bb8dd 100%); background: -ms-linear-gradient(top,  #87e0fd 0%,#3bb8dd 100%); background: linear-gradient(to bottom,  #87e0fd 0%,#3bb8dd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#3bb8dd',GradientType=0 );}
.advanced-search-toggler span {display: block; width: 16px; height: 16px; background: url("/cms/faces/javax.faces.resource/icon/carat-u-black.png?ln=primefaces-SKN") center 5px no-repeat; background-size: 8px; opacity: 0.7;}

.pnlButton {padding: 4px 2px 4px 3px; height: 28px; background: #3576AB;}
.pnlButton .ui-button {margin: 0px 1px 0px 1px;}
.pnlButton .ui-button,
.pnlButton .ui-button:hover,
.pnlButton .ui-button:focus {margin: 0px 1px 0px 1px;}

.ui-editor {border: 1px solid #ccc !important;}
.ui-editor body {font-family: "amble";}

.ui-accordion {margin-bottom: 1px;}
.ui-layout-container .ui-accordion-header.ui-state-default,
.ui-layout-container .ui-accordion-header.ui-state-active {padding: 4px 0 0 25px; height: 23px; font-family: "amble"; font-size: 14px; border: 0px; border-radius: 5px;}
.ui-accordion-header {border: 1px solid #999 !important;}
.ui-accordion-header.ui-state-default {background: #ddd; background: -moz-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ddd), color-stop(70%, #bfbfbf)); background: -webkit-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -o-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -ms-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: linear-gradient(to bottom, #ddd 30%, #bfbfbf 70%);}
.ui-accordion-header.ui-state-active {color: #000; border-radius: 5px 5px 0 0 !important; border: 1px solid #0072E5 !important; background: #7ebaf7; background: -moz-linear-gradient(top,  #7ebaf7 0%, #1b89f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ebaf7), color-stop(100%,#1b89f7)); background: -webkit-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); background: -o-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); background: -ms-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); background: linear-gradient(to bottom,  #7ebaf7 0%,#1b89f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ebaf7', endColorstr='#1b89f7',GradientType=0 );}
.ui-accordion-header.ui-tabs-outline {outline: none;}
.ui-layout-container .ui-accordion-content {position: static !important; margin: -1px 0 0 0 !important; background: white; border: 1px solid #999 !important; border-radius: 0 0 5px 5px;}

/** TABLE RELATED **/
.ui-layout-container .ui-widget-header {padding: 5px; height: 30px; font-family: "amble"; font-size: 14px; font-weight: bold;}
.ui-layout-center .ui-layout-unit-content .ui-widget-content {padding: 0px; border: 0px;}
.ui-layout-center .ui-layout-unit-content .ui-widget-header {padding: 7px 8px 17px 8px; height: 7px; color: #222; font-size: 14px; border: 1px solid #0072E5; background: #7ebaf7; background: -moz-linear-gradient(top,  #7ebaf7 0%, #1b89f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ebaf7), color-stop(100%,#1b89f7)); background: -webkit-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); background: -o-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); background: -ms-linear-gradient(top,  #7ebaf7 0%,#1b89f7 100%); background: linear-gradient(to bottom,  #7ebaf7 0%,#1b89f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ebaf7', endColorstr='#1b89f7',GradientType=0 ); }
.ui-layout-container .ui-widget-header .ui-menuitem-link {font-family: "amble"; font-size: 14px; font-weight: bold;}

.ui-layout-container .ui-datatable {margin: 0 auto; padding: 0px; width: 100%; border-collapse: collapse;}
.ui-layout-container .ui-datatable table {table-layout: auto;}
.ui-layout-container .ui-datatable.table-layout-fix table {table-layout: fixed;}
.ui-layout-container .overflow-datatable {margin: 0 auto; margin-bottom: 10px; padding: 0px; width:99%; height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap;}
.ui-layout-container .overflow-datatable .ui-datatable {width: 100%;}

.ui-layout-container .ui-datatable .ui-datatable-header {margin: 0px; padding: 6px 4px 6px; height: auto; background: steelblue; color: #fff; border: 1px solid #8EC1D5; border-bottom-width: 0px;}
.ui-layout-container .ui-datatable .ui-datatable-header .ui-outputpanel {font-family: "amble";}
.ui-layout-container .ui-datatable .ui-datatable-header .ui-outputpanel label {display: inline-block; margin: 0px 0px 2px 0px; font-size: 14px !important; font-weight: bold; color: #fff;}
.ui-layout-container .ui-datatable .ui-datatable-header .ui-outputpanel > label {display: block; text-align: left;}
.ui-layout-container .ui-datatable .ui-datatable-header .ui-outputpanel .ui-inputfield {margin-left: 5px;}
.ui-layout-container .ui-datatable .ui-datatable-header span {float: right; display: block; margin-top: -4px; margin-right: -3px;}
.ui-layout-container .ui-datatable .ui-datatable-header .ui-button {margin: -4px -2px 0px 5px; height: 27px !important;}
.ui-layout-container .ui-datatable .ui-datatable-header .ui-button span {margin-top: 0px;}
.ui-layout-container .ui-datatable .ui-datatable-header .ui-button .ui-icon {margin-top: -8px;}
.ui-layout-container .ui-datatable .ui-datatable-header span .ui-inputfield {margin-left: 7px; font-size: 12px !important;}
.ui-layout-container .ui-datatable .ui-datatable-header .ui-inputtext.global-filter {display: none;} 
.ui-layout-container .ui-datatable.no-dtbl-header .ui-datatable-header {display: none;}

.ui-layout-container .ui-datatable .ui-datatable-footer { background: steelblue; color: #fff; border: 1px solid #8EC1D5; border-bottom-width: 0px;}

.ui-layout-container .ui-datatable .ui-filter-column .ui-buttonset {margin-right: 0px;}
.ui-layout-container .ui-datatable .ui-filter-column .ui-selectonemenu {display: block !important; height: 25px;}
.ui-layout-container .ui-datatable .ui-filter-column .ui-selectonemenu .ui-selectonemenu-label {margin-top: 0px; padding-right: 0;}
.ui-layout-container .ui-datatable .ui-filter-column .ui-selectcheckboxmenu {height: 25px;}
.ui-layout-container .ui-datatable .ui-filter-column .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {padding: 5px 26px 1px 5px;}
.ui-layout-container .ui-datatable .ui-filter-column .ui-spinner .ui-spinner-input {padding-right: 20px;}

.ui-layout-container .ui-datatable thead tr th {margin: 0px; padding: 5px; font-family: "amble"; font-size: 12px; font-weight: bold; background: steelblue; color: #fff; border: 1px solid #8EC1D5; white-space: nowrap;}
.ui-layout-container .ui-datatable .ui-datatable-tablewrapper thead .ui-inputfield {padding: 6px 5px 4px 5px; font-family: "amble"; color: #333; background: white; border: 1px solid rgb(127, 127, 127); outline: none; font-size: 12px !important; border-radius: 4px;  transition: all 0.3s ease;}
.ui-layout-container .ui-datatable .ui-datatable-tablewrapper thead .ui-inputfield.ui-state-focus {border-color: #16b6b6; color: #333; box-shadow: 0px 0px 5px 3px #bbb;}

.ui-layout-container .ui-datatable tbody tr.ui-datatable-empty-message td {text-align: left;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-widget-header {padding: 0px !important; height: auto !important; font-size: auto !important; background: none !important; border: none !important;} 
.ui-layout-container .ui-datatable.ui-datatable-scrollable table {table-layout: fixed;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-header,
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-footer {padding: 0px; height: auto; background: #4682B4 !important; border: 1px solid #8EC1D5 !important; border-width: 1px 0px 1px 1px !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-header tr th,
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-footer tr td {border-width: 0px 1px;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-header tr th:first-child,
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-footer tr td:first-child {border-width: 0px 1px 0px 0px;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-theadclone tr th {padding: 0px !important; visibility: hidden; height: 0px !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-body {width: 100.1%;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable thead tr th {padding: 5px 0px !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable tfoot tr td {padding: 5px 0px !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-left {padding: 0px; border: none; border-right: 1px solid #8EC1D5;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-right {padding: 0px; background: transparent; border: none;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-left tr:nth-child(even) td,
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-right tr:nth-child(even) td {background: #E1F8FF !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable tbody tr:hover td .ui-datatable-scrollable-body tbody td {background: white !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable tbody tr:hover td .ui-datatable-scrollable-body tr:nth-child(even) td {background: #E1F8FF !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable tbody tr:hover td .ui-datatable-scrollable-body tbody tr:hover td {background: #ADE0F5 !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable tbody tr:hover td .ui-datatable-scrollable-body tbody tr.active td {background: #ADE0F5 !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable.no-hover tbody tr:hover td .ui-datatable-scrollable-body tbody td {background: auto !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable.no-hover tbody tr:hover td .ui-datatable-scrollable-body tr:nth-child(even) td {background: auto !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable.no-hover tbody tr:hover td .ui-datatable-scrollable-body tbody tr:hover td {background: auto !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable.no-hover tbody tr:hover td .ui-datatable-scrollable-body tbody tr.active td {background: auto !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-left .ui-datatable-scrollable-body {background: white; border-left: 1px solid #8EC1D5;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-left .ui-datatable-scrollable-body > table {margin-left: -1px;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-left .ui-datatable-scrollable-body tr td:first-child {border-left: none;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-left .ui-datatable-scrollable-header {background: #4682B4 !important; border: 1px solid #8EC1D5 !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-left .ui-datatable-scrollable-footer {background: #4682B4 !important; border: 1px solid #8EC1D5 !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-right .ui-datatable-scrollable-header {background: #4682B4 !important; border: 1px solid #8EC1D5 !important; border-width: 1px 1px 1px 0px !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-right .ui-datatable-scrollable-footer {background: #4682B4 !important; border: 1px solid #8EC1D5 !important; border-width: 1px 1px 1px 0px !important;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-left .ui-datatable-scrollable-header tr th {border-width: 0px;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-left .ui-datatable-scrollable-footer tr td {color: white; background: #4682B4 !important; border-width: 0px;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-right .ui-datatable-scrollable-header tr th {border-width: 0px 1px;}
.ui-layout-container .ui-datatable.ui-datatable-scrollable .ui-datatable-frozenlayout-right .ui-datatable-scrollable-footer tr td {color: white; background: #4682B4 !important; border-width: 0px 1px;}

.ui-layout-container .ui-datatable tbody tr td {margin: 0px; padding: 5px; font-family: "amble"; font-size: 12px; background: #E1F8FF; color: #333; border: 1px solid #8EC1D5 !important; transition: all 0.4s ease;}
.ui-layout-container .ui-datatable tbody tr td.ui-editable-column,
.ui-layout-container .ui-datatable tbody tr td.ui-selection-column {transition-property: background;}
.ui-layout-container .ui-datatable tbody tr:nth-child(odd) td {background: white; color: #333;}
.ui-layout-container .ui-datatable tbody tr:hover td {background: #ADE0F5;}
.ui-layout-container .ui-datatable.no-hover tbody tr:hover td {background: #E1F8FF !important;}
.ui-layout-container .ui-datatable.no-hover tbody tr:hover:nth-child(odd) td {background: white !important;}
.ui-layout-container .ui-datatable tbody tr.ui-state-highlight td {background: #8CE2F9;}
.ui-layout-container .ui-datatable tbody tr td label {display: inline; margin: 0px;} 
.ui-layout-container .ui-datatable tfoot {width: 100%;}
.ui-layout-container .ui-datatable tfoot tr {width: 100%;}
.ui-layout-container .ui-datatable tfoot tr td {margin: 0px; padding: 5px; width: 100%; font-family: "amble"; font-size: 12px; font-weight: bold; color: #fff; background: steelblue; border-color: #8EC1D5;}

.ui-layout-container .ui-datatable th.ui-selection-column .ui-chkbox .ui-chkbox-box {margin: 0;}
.ui-layout-container .ui-datatable .ui-selection-column .ui-chkbox .ui-chkbox-box {margin: 3px 0px -4px; background: #fff; border: 1px solid #aaa; cursor: pointer; }
.ui-layout-container .ui-datatable .ui-selection-column .ui-chkbox .ui-chkbox-box:hover {border-color: #777;}
.ui-layout-container .ui-datatable .ui-sortable-column-icon {margin: 0px 0px -3px 4px; background-image: url(""); border-radius: 3px;}
.ui-layout-container .ui-datatable tbody tr.ui-row-editing td .ui-cell-editor {padding: 1px 2px;}
.ui-layout-container .ui-datatable tbody tr.ui-row-editing td .ui-cell-editor .ui-inputfield {margin: 0px 0px 0px -1px; padding: 5px 0px; width: 100% !important; text-align: center; transition: 0s;}
.ui-layout-container .ui-datatable tbody tr.ui-row-editing td .ui-cell-editor select {padding: 0px; width: 100%; height: auto;}
.ui-layout-container .ui-datatable tbody tr td.ui-cell-editing .ui-cell-editor {padding: 2px;}
.ui-layout-container .ui-datatable tbody tr td.ui-cell-editing .ui-cell-editor input[type=text] {width: 93.5% !important; transition: all 0s ease !important;}
.ui-layout-container .ui-datatable tbody tr td.ui-cell-editing .ui-cell-editor select {width: 99%; height: 28px;}
.ui-layout-container .ui-datatable tbody tr td.ui-cell-editing .ui-cell-editor .ui-selectonemenu {width: 99% !important;}
.ui-layout-container .ui-datatable tbody tr td.ui-cell-editing .ui-cell-editor .ui-selectonemenu-items-wrapper {width: 120px !important;}

.ui-datatable .ui-paginator .ui-paginator-page, 
.ui-datatable .ui-paginator .ui-paginator-pages, 
.ui-datatable .ui-paginator .ui-paginator-next, 
.ui-datatable .ui-paginator .ui-paginator-last, 
.ui-datatable .ui-paginator .ui-paginator-first, 
.ui-datatable .ui-paginator .ui-paginator-prev, 
.ui-datatable .ui-paginator .ui-paginator-current {margin: -1px 1px 1px !important; padding: 0px 6px; height: auto !important; border-radius: 3px;}

.ui-datatable .ui-paginator .ui-paginator-next, 
.ui-datatable .ui-paginator .ui-paginator-last, 
.ui-datatable .ui-paginator .ui-paginator-first, 
.ui-datatable .ui-paginator .ui-paginator-prev {width: 12px; padding-top: 0px; height: 18px; background: #fff; border: 1px solid #888;}

.ui-datatable .ui-paginator .ui-paginator-next.ui-state-disabled, 
.ui-datatable .ui-paginator .ui-paginator-last.ui-state-disabled, 
.ui-datatable .ui-paginator .ui-paginator-first.ui-state-disabled, 
.ui-datatable .ui-paginator .ui-paginator-prev.ui-state-disabled {opacity: 0.3;}

.ui-datatable .ui-paginator .ui-paginator-pages {padding: 0px;}
.ui-datatable .ui-paginator .ui-paginator-page.ui-state-default {margin: -1px 1px 1px; padding: 0px 5px; min-width: 20px; height: auto !important; text-align: center; background: #fff; color: #555; border: 1px solid #888; outline: none; font-weight: normal;}
.ui-datatable .ui-paginator .ui-paginator-page.ui-state-hover {height: 17px; border-color: #555; outline: none;}
.ui-datatable .ui-paginator .ui-paginator-page.ui-state-active {height: auto !important; background: #222; color: #eee; border: 1px solid #111 !important; outline: none;}

.ui-datatable .ui-paginator.ui-paginator-top {display: none; background: #fff; border: 1px solid #e7e7e7; border-top-width: 0px;}
.ui-datatable .ui-paginator.ui-paginator-bottom {padding: 4px 0px 16px 0px; background: #fff; border: 1px solid #8EC1D5; border-top-width: 0px;}
.ui-datatable .ui-paginator.ui-paginator-bottom select {margin-top: -3px; padding: 1px 5px 5px 5px; height: 20px; font-family: "amble"; font-size: 12px; color: #333; background: white; border: 1px solid rgb(127, 127, 127); border-radius: 3px; outline: none; transition: all 0.3s ease;}

.ui-columntoggler {margin-top: 0px; background: #eee; border: 1px solid #bbb;}
.ui-columntoggler .ui-chkbox .ui-chkbox-box {margin: -1px 0 0 0; background: #fff; border: 1px solid #aaa; cursor: pointer; transition: all 0.3s ease;}
.ui-columntoggler .ui-chkbox .ui-chkbox-box:hover {border-color: #777;}
.ui-columntoggler .ui-columntoggler-item {margin: 0px; border-radius: 3px;}
.ui-columntoggler .ui-columntoggler-item:hover {background: #4682B4;}
.ui-columntoggler .ui-columntoggler-item label {padding-top: 3px; padding-left: 2em; cursor: pointer;}
.ui-columntoggler .ui-columntoggler-item:hover label {color: white;}

/** TREE TABLE **/
.ui-layout-container .ui-treetable {margin: 0 auto; padding: 0px; width: 100%;}
.ui-layout-container .ui-treetable table {table-layout: fixed !important;}
.ui-layout-container .ui-treetable.ui-treetable-scrollable table {table-layout: fixed !important;}
.ui-layout-container .ui-treetable.auto-size table {table-layout: auto !important;}
.ui-layout-container .overflow-treetable .ui-treetable {width: 100%;}
.ui-layout-container .ui-treetable .ui-treetable-header {margin: 0px; padding: 3px; height: 18px; background: #4682B4 !important; color: white; border: 1px solid #4682B4; border-radius: 0px}
.ui-layout-container .ui-treetable.ui-treetable-scrollable .ui-treetable-header {padding: 3px; height: 17px; border-bottom: 1px solid #8EC1D5;}
.ui-layout-container .ui-treetable .ui-sortable-column .ui-icon {background-image: url("");}
.ui-layout-container .ui-treetable.ui-treetable-scrollable .ui-treetable-scrollable-header {margin-left: 0px; padding: 0px !important; width: 100%; height: auto !important; background: #4682B4; border: none;}
.ui-layout-container .ui-treetable .ui-treetable-scrollable-footer {margin: 0px; padding: 0px; height: 0px; background: transparent; border: none;}
.ui-layout-container .ui-treetable.ui-treetable-scrollable .ui-treetable-scrollable-body {width: 98.8%;}

.ui-layout-container .ui-treetable thead tr th {margin: 0px; padding: 5px; font-family: "amble"; font-size: 12px; font-weight: bold; background: steelblue; color: #fff; border: 1px solid #8EC1D5;}
.ui-layout-container .ui-treetable thead tr th:first-child {border-left-color: #4682B4;}
.ui-layout-container .ui-treetable thead tr th:last-child {border-right-color: #4682B4;}
.ui-layout-container .ui-treetable.ui-treetable-scrollable thead tr th {border-top-width: 0px;}
.ui-layout-container .ui-treetable.ui-treetable-scrollable thead tr th:last-child {border-right-color: #8EC1D5 !important;}
.ui-layout-container .ui-treetable thead tr th a {color: #e7e7e7; text-decoration: underline;}
.ui-layout-container .ui-treetable tbody tr td {margin: 0px; padding: 5px 5px 5px 5px; font-family: "amble"; font-size: 12px; background: white; color: #222; border: 1px solid #8EC1D5; border-left: 1px solid #8EC1D5; border-collapse: collapse; transition: all 0.4s ease;}
.ui-layout-container .ui-treetable tbody tr:nth-child(even) td {background: #E1F8FF; color: #222; border: 1px solid #8EC1D5;}
.ui-layout-container .ui-treetable tbody tr:nth-child(odd) td:first-child {border-left: 1px solid #8EC1D5 !important;}
.ui-layout-container .ui-treetable tbody tr.ui-state-highlight td {background: #8CE2F9;}
.ui-layout-container .ui-treetable tbody tr.ui-state-hover td {background: #ADE0F5;}
.ui-layout-container .ui-treetable tbody tr td span.ui-treetable-indent {margin-right: 15px;}	
.ui-layout-container .ui-treetable tfoot {width: 100%;}
.ui-layout-container .ui-treetable tfoot tr {width: 100%;}
.ui-layout-container .ui-treetable tfoot tr td:first-child {display: block; width: 555px; text-align: left;}
.ui-layout-container .ui-treetable tfoot tr td {margin: 0px; padding: 5px; min-width: 60px; text-align: right; font-family: "amble"; font-size: 12px; background: steelblue; color: #e7e7e7; border-color: #e7e7e7; text-transform: uppercase;}
.ui-layout-container .ui-treetable tfoot tr td {border-bottom-width: 0px;}

.ui-treetable .ui-chkbox {float: left; margin-top: -2px; margin-right: 4px !important;}
.ui-treetable .ui-chkbox .ui-chkbox-box {margin: 0; background: #fff; border: 1px solid #aaa; cursor: pointer; transition: all 0.3s ease;}
.ui-treetable .ui-chkbox .ui-chkbox-box:hover {border-color: #777;}

.ui-treetable .ui-paginator .ui-paginator-page, 
.ui-treetable .ui-paginator .ui-paginator-pages, 
.ui-treetable .ui-paginator .ui-paginator-next, 
.ui-treetable .ui-paginator .ui-paginator-last, 
.ui-treetable .ui-paginator .ui-paginator-first, 
.ui-treetable .ui-paginator .ui-paginator-prev, 
.ui-treetable .ui-paginator .ui-paginator-current {margin: 1px; margin-top: -2px; padding: 0px 6px; height: 20px; border-radius: 3px;}

.ui-treetable .ui-paginator .ui-paginator-next, 
.ui-treetable .ui-paginator .ui-paginator-last, 
.ui-treetable .ui-paginator .ui-paginator-first, 
.ui-treetable .ui-paginator .ui-paginator-prev {width: 12px; padding-top: 0px; height: 18px; background: white;}

.ui-treetable .ui-paginator .ui-paginator-next.ui-state-disabled, 
.ui-treetable .ui-paginator .ui-paginator-last.ui-state-disabled, 
.ui-treetable .ui-paginator .ui-paginator-first.ui-state-disabled, 
.ui-treetable .ui-paginator .ui-paginator-prev.ui-state-disabled {opacity: 0.7;}

.ui-treetable .ui-paginator .ui-paginator-pages {padding: 0px;}
.ui-treetable .ui-paginator .ui-paginator-page.ui-state-default {margin-top: -2px; padding: 0px; width: 30px; height: 17px; text-align: center; background: #fff; color: #333; border: 2px solid #ddd; outline: none; font-weight: normal;}
.ui-treetable .ui-paginator .ui-paginator-page.ui-state-hover {padding: 0px; height: 17px; border: 2px solid #ccc; outline: none;}
.ui-treetable .ui-paginator .ui-paginator-page.ui-state-active {padding: 0px; height: 17px; background: #222; color: #eee; border: 2px solid #000; outline: none; font-weight: bold;}

.ui-treetable .ui-paginator.ui-paginator-top {display: none; background: #fff; border: 1px solid #e7e7e7; border-top-width: 0px;}
.ui-treetable .ui-paginator.ui-paginator-bottom {background: #fff; border: 1px solid #e7e7e7; border-top-width: 0px;}

.ui-tree {overflow: auto; font-family: "amble" !important; background: #fafafa; border: 1px solid #aaa !important; border-radius: 5px; transition: all 0.4s ease;}
.ui-tree:hover {box-shadow: 0px 0px 5px 3px #bbb;}
.ui-tree .ui-treenode {padding: 2px 0px 2px !important;}
.ui-tree .ui-treenode-content {display: table-cell;}
.ui-tree .ui-treenode-content .ui-treenode-label {padding: auto 3px; transition: all 0.3s ease;}
.ui-tree .ui-treenode-content .ui-treenode-label.ui-state-hover {background: #CAEFFF;}
.ui-tree .ui-treenode-content .ui-treenode-label.ui-state-highlight {color: #eee; background: #3388CC;}
.ui-tree .ui-treenode-content .ui-chkbox .ui-chkbox-box {margin: 3px 0px 0px; background: #fff; border: 1px solid #aaa; cursor: pointer; transition: all 0.3s ease;}
.ui-tree .ui-treenode-content .ui-chkbox .ui-chkbox-box:hover {border-color: #777;}
.ui-tree .ui-treenode-content .ui-chkbox .ui-chkbox-box .ui-icon-minus {background-image: url("/cms/faces/javax.faces.resource/icon/stop.png?ln=primefaces-SKN"); background-size: 15px; background-position: 0px 0px;}

.ui-tree-horizontal {padding: 5px !important;}
.ui-tree-horizontal .ui-treenode-content {display: inline-block;
margin: 0px 10px 0px 10px !important;
padding: 2px 5px !important; width: auto; height: auto; text-align: center; font-family: "amble"; color: #333; border: 1px solid transparent; outline: none; font-size: 12px; font-weight: normal; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; background: #fafafa; }
.ui-tree-horizontal .ui-treenode-parent:first-child .ui-treenode-content {margin: 0px 10px 0px 0px !important;}
.ui-tree-horizontal .ui-treenode-content:hover,
.ui-tree-horizontal .ui-treenode-content:focus {border: 1px solid transparent; box-shadow: 0px 0px 5px 3px #ccc; }

.ui-autocomplete-panel {border: 1px solid #777;}
.ui-autocomplete-panel .ui-autocomplete-list {padding: 5px !important; font-size: 12px; color: #222; background: white;}
.ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-group {padding: 1px 5px; height: auto; color: #003468; background: #71c0ff;}
.ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-item.ui-state-highlight {background: #ADE0F5;}
.ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-item .ui-autocomplete-query {font-weight: normal; border-bottom: 1px solid #333;}
.ui-autocomplete-panel .ui-autocomplete-table tr.ui-state-highlight td {background: #ADE0F5 !important;}
.ui-autocomplete-panel .ui-autocomplete-table tr td {padding: 5px !important; font-size: 12px !important; background: white !important; border-color: #ccc !important; transition: background 0.4s ease;}
.ui-autocomplete-itemtip {background: white; font-family:"amble"; font-size: 12px !important; border: 1px solid #888 !important;}
.ui-autocomplete-dropdown {margin-left: 3px !important; padding: 9px !important;}
.ui-autocomplete-multiple-container {background: #e3e3e3 !important; border: 1px solid #aaa !important;}
.ui-autocomplete-multiple-container .ui-autocomplete-token {border: 1px solid #0079C8; background: #91d4ff; background: -moz-linear-gradient(top,  #91d4ff 0%, #29b2ff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91d4ff), color-stop(100%,#29b2ff)); background: -webkit-linear-gradient(top,  #91d4ff 0%,#29b2ff 100%); background: -o-linear-gradient(top,  #91d4ff 0%,#29b2ff 100%); background: -ms-linear-gradient(top,  #91d4ff 0%,#29b2ff 100%); background: linear-gradient(to bottom,  #91d4ff 0%,#29b2ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91d4ff', endColorstr='#29b2ff',GradientType=0 ); }
.ui-autocomplete-multiple-container .ui-autocomplete-token-label {padding: 0px 15px 0px 0px !important;}

.ui-picklist {font-family: "amble";}
.ui-picklist .ui-picklist-caption {padding: 10px 10px 16px 10px !important; font-size: 12px !important; font-weight: normal !important; border: 1px solid #ccc !important; background: rgb(255,255,255) !important; /* Old browsers */ background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(214,214,214,1))) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(214,214,214,1) 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(214,214,214,1) 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(214,214,214,1) 100%) !important; /* IE10+ */ background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(214,214,214,1) 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 ) !important; /* IE6-9 */}
.ui-picklist .ui-picklist-filter-container .ui-picklist-filter {margin-bottom: 5px;}
.ui-picklist .ui-picklist-filter-container .ui-icon {right: 5px !important;}
.ui-picklist .ui-picklist-list {height: 212px !important; background: white; border: 5px solid #FFF !important; outline: 1px solid #ddd !important; transition: all 0.3s ease;}
.ui-picklist .ui-picklist-list:hover {box-shadow: 0px 0px 5px #aaa;}
.ui-picklist .ui-picklist-list .ui-picklist-item {margin: 2px !important; padding: 5px; transition: all 0.3s ease;}
.ui-picklist .ui-picklist-list .ui-picklist-item .ui-chkbox {float: left; margin-top: -2px; margin-right: 5px;}
.ui-picklist .ui-picklist-list .ui-picklist-item .ui-chkbox .ui-chkbox-box {margin: 0; background: #fff; border: 1px solid #aaa; cursor: pointer; transition: all 0.3s ease;}
.ui-picklist .ui-picklist-list .ui-picklist-item .ui-chkbox .ui-chkbox-box:hover {border-color: #777;}
.ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {color: #2976A1; background: #C9E8FF !important;}
.ui-picklist .ui-picklist-list .ui-picklist-item:hover {color: white; background: #4BA8EF !important;}
/* .ui-picklist .ui-picklist-buttons {padding: 80px 5px 0px !important;} */
.ui-picklist .ui-picklist-buttons .ui-picklist-buttons-cell {margin-top: 32px;}
.ui-picklist .ui-picklist-buttons .ui-button {padding: 3px 13px;}
.ui-picklist .ui-picklist-buttons .ui-button,
.ui-picklist .ui-picklist-buttons .ui-button.ui-state-hover,
.ui-picklist .ui-picklist-buttons .ui-button.ui-state-focus,
.ui-picklist .ui-picklist-buttons .ui-button.ui-state-highlight {float: none; display: block; margin: 5px auto !important; width: 30px !important; height: 30px !important; outline: none !important;}

.ui-fileupload {width: 100%;}
.ui-fileupload .ui-button.ui-state-disabled:hover {box-shadow: none;}
.ui-fileupload .ui-button.ui-state-disabled:focus {border-color: #777; box-shadow: none;}
.ui-fileupload .ui-fileupload-buttonbar {padding: 5px !important; height: 27px !important; border-radius: 0px;}
.ui-fileupload .ui-fileupload-buttonbar .ui-button {margin-top: 0px;}
.ui-fileupload .ui-fileupload-content {padding: 0px; width: 100% !important; min-height: 0em; background: #fff; border: 1px solid #aaa; border-radius: 0 0 0.2em 0.2em;}
.ui-fileupload .ui-fileupload-content .ui-messages .ui-messages-error {margin: 0px;}
.ui-fileupload .ui-fileupload-content .ui-messages .ui-messages-error-summary {display: inline-block; font-size: 11px;}
.ui-fileupload .ui-fileupload-content .ui-messages a {padding: 0px; border: 1px dotted transparent; border-radius: 3px; }
.ui-fileupload .ui-fileupload-content .ui-messages a:hover {border: 1px dotted #FC8383;}
.ui-fileupload .ui-fileupload-content table {margin: 0px; font-family: "amble"; font-size: 12px !important; color: #1E8DC0;}
.ui-fileupload .ui-fileupload-content table tr td {border: 1px solid #eee; border-width: 1px 0px;}
.ui-fileupload .ui-fileupload-content table tr:nth-child(even) td {background: #F2FBFF;}
.ui-fileupload .ui-fileupload-content table tr:hover td {background: #E5F7FF;}
.ui-fileupload .ui-fileupload-content table tr td:first-child {width: auto !important;}
.ui-fileupload .ui-fileupload-content table tr td:nth-child(2) {width: 99% !important; white-space: nowrap;}
.ui-fileupload .ui-fileupload-content table tr td:nth-child(3) {display: table-cell; margin-top: 5px; padding: 2px 10px; min-width: 70px; height: auto; text-align: right;}
.ui-fileupload .ui-fileupload-content table tr td.ui-fileupload-progress .ui-progressbar {padding: 0px 3px 0px 0px; background: #fff; border: 1px solid #6DCCEC !important; box-shadow: inset 0px 0px 5px 2px #ddd; border-radius: 3px;}
.ui-fileupload .ui-fileupload-content table tr td.ui-fileupload-progress .ui-progressbar .ui-progressbar-value {margin-top: 0px; margin-left: -1px; padding: 8px 0px 9px 0px; height: 12px !important; border: 1px solid white; border-radius: 3px; background: url("/cms/faces/javax.faces.resource/images/bar-blue.gif?ln=primefaces-SKN") !important; } 
.ui-fileupload .ui-fileupload-content table tr td:last-child {padding: 0px 5px 4px 0px !important;}
.ui-fileupload .ui-fileupload-content table tr td:last-child button {margin-top: 3px !important; padding: 0px 7px; height: 23px;}
.ui-fileupload .ui-fileupload-content table tr td:last-child button .ui-icon {top: 48% !important;}

/* .ui-progressbar {margin-bottom: 8px; padding: 0px 3px 0px 1px; border: 2px solid white !important; border-radius: 3px; box-shadow: -1px 0px 1px 1px #EFEFEF inset, 0px 0px 3px 1px #BBB; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 50%, #dddddd 51%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#eeeeee), color-stop(51%,#dddddd), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 50%,#dddddd 51%,#dddddd 100%); background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 50%,#dddddd 51%,#dddddd 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 50%,#dddddd 51%,#dddddd 100%); background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 50%,#dddddd 51%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );} */ 
.ui-progressbar {display: block; margin: 10px 0px; padding: 0px 3px 0px 1px; background: #fff; border: 2px solid white !important; box-shadow: 0px 0px 5px 3px #ddd inset, 0px 0px 3px 1px #BBB; border-radius: 3px;} 
.ui-progressbar .ui-progressbar-value {margin: 0px !important; padding: 4px 0px !important; height: 7px !important; border: 0px solid lightblue !important; background: #6BD2F7 !important; transition: all 0.4s ease;}
/* .ui-progressbar .ui-progressbar-value {margin: 0px !important; padding: 4px 0px !important; height: 6px !important; border: 0px solid lightblue !important; background: #bdedd4 !important; background: -moz-linear-gradient(top,  #bdedd4 0%, #45c986 50%, #2dab6b 51%, #45c986 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdedd4), color-stop(50%,#45c986), color-stop(51%,#2dab6b), color-stop(100%,#45c986)) !important; background: -webkit-linear-gradient(top,  #bdedd4 0%,#45c986 50%,#2dab6b 51%,#45c986 100%) !important; background: -o-linear-gradient(top,  #bdedd4 0%,#45c986 50%,#2dab6b 51%,#45c986 100%) !important; background: -ms-linear-gradient(top,  #bdedd4 0%,#45c986 50%,#2dab6b 51%,#45c986 100%) !important; background: linear-gradient(to bottom,  #bdedd4 0%,#45c986 50%,#2dab6b 51%,#45c986 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdedd4', endColorstr='#45c986',GradientType=0 ) !important;} */
/* .ui-progressbar .ui-progressbar-value {margin: 0px !important; padding: 4px 0px !important; border: 0px solid lightblue !important; background: #b3dced !important; background: -moz-linear-gradient(top,  #b3dced 0%, #29b8e5 50%, #bce0ee 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#bce0ee)) !important; background: -webkit-linear-gradient(top,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%) !important; background: -o-linear-gradient(top,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%) !important; background: -ms-linear-gradient(top,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%) !important; background: linear-gradient(to bottom,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ) !important;} */
.ui-progressbar .ui-progressbar-label {font-weight: normal !important; color: #636363 !important;}
/* .ui-progressbar.dual {background: #F7B56B;} */

.dual-progress .ui-outputlabel {margin: 0px;}
.dual-progress .ui-outputlabel:last-child {float: right;}
.ui-progressbar.dual {box-shadow: 0px 0px 3px 1px #BBB; background: #EFAD63;}
/* .ui-progressbar.dual {box-shadow: 0px 0px 3px 1px #BBB; background: #edbdbd; background: -moz-linear-gradient(top,  #edbdbd 0%, #c94545 50%, #ab2d2d 51%, #c94545 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edbdbd), color-stop(50%,#c94545), color-stop(51%,#ab2d2d), color-stop(100%,#c94545)); background: -webkit-linear-gradient(top,  #edbdbd 0%,#c94545 50%,#ab2d2d 51%,#c94545 100%); background: -o-linear-gradient(top,  #edbdbd 0%,#c94545 50%,#ab2d2d 51%,#c94545 100%); background: -ms-linear-gradient(top,  #edbdbd 0%,#c94545 50%,#ab2d2d 51%,#c94545 100%); background: linear-gradient(to bottom,  #edbdbd 0%,#c94545 50%,#ab2d2d 51%,#c94545 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edbdbd', endColorstr='#c94545',GradientType=0 );} */
.ui-progressbar.animate .ui-progressbar-value {background: url("/cms/faces/javax.faces.resource/images/bar-blue.gif?ln=primefaces-SKN") !important;}
.ui-progressbar.animate.dual {background: url("/cms/faces/javax.faces.resource/images/bar-orange.gif?ln=primefaces-SKN") !important;} 
.ui-progressbar.animate.dual .ui-progressbar-value {background: url("/cms/faces/javax.faces.resource/images/bar-blue.gif?ln=primefaces-SKN") !important;}

.ui-layout-container .ui-spinner .ui-spinner-input {padding-right: 20px;}
.ui-layout-container .ui-spinner .ui-spinner-button {margin: 0px 0px 0px 10px !important; padding: 2px; min-width: 1px; min-height: 1px; width: 10px; height: 8px; border-radius: 0px;}
.ui-layout-container .ui-spinner .ui-spinner-button.ui-spinner-up {border-radius: 0px 3px 0px 0px;}
.ui-layout-container .ui-spinner .ui-spinner-button.ui-spinner-down {border-radius: 0px 0px 3px 0px;}
.ui-layout-container .ui-spinner .ui-spinner-button.ui-state-hover {padding: 2px; width: 10px; border-radius: auto; box-shadow: none;}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left {top: calc(50% - 8px); margin-left: 5px; border: 1px solid #999; border-radius: 3px; box-shadow: 0 0 3px 1px #555;}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left .ui-icon {background-color: white;} 
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {top: calc(50% - 8px); margin-right: 5px; border: 1px solid #999; border-radius: 3px; box-shadow: 0 0 3px 1px #555;}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right .ui-icon {background-color: white;} 
.ui-lightbox .ui-lightbox-caption {height: auto; border: 1px solid #aaa; border-width: 1px 0 0 0; border-radius: 0 0 3px 3px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); }
.ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {float: none;}
.ui-lightbox .ui-lightbox-close {margin: -1px 0 0 0; padding: 0; background: white; border: 1px solid #999;}

.ui-layout-container .fc .fc-header .fc-button {border: 1px solid #999; outline: none; font-size: 12px; cursor: pointer; transition: all 0.3s ease; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%); background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); }
.ui-layout-container .fc .fc-header .fc-button.ui-state-hover {box-shadow: 0px 0px 3px 3px #ccc;}
.ui-layout-container .fc .fc-header .fc-button.ui-state-active:hover {box-shadow: 0px 0px 3px 3px #ccc !important;}
.ui-layout-container .fc .fc-header .fc-header-right .fc-button {color: #333; text-transform: capitalize; opacity: 0.85;}
.ui-layout-container .fc .fc-header .fc-header-right .fc-button.ui-state-active {color: #555; opacity: 1; background: #cccccc; background: -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 100%); background: -o-linear-gradient(top,  #cccccc 0%,#eeeeee 100%); background: -ms-linear-gradient(top,  #cccccc 0%,#eeeeee 100%); background: linear-gradient(to bottom,  #cccccc 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); }
.ui-layout-container .fc .fc-header .fc-header-center h2 {border-bottom-width: 0px !important;}
.ui-layout-container .fc .ui-widget-header {font-size: 12px; font-weight: normal; color: #444; border: 1px solid #ccc; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%); background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); }
.ui-layout-container .fc .fc-border-separate {border-collapse: collapse;}
.ui-layout-container .fc .fc-border-separate tr th {padding: 5px; border: 1px solid #bbb;}
/* .ui-layout-container .fc .fc-content .ui-widget-content {color: #555; background: #fafafa; border: 1px solid #ddd;} */
.ui-layout-container .fc .fc-content .fc-day {color: #555; background: #fafafa; border: 1px solid #ddd;}
.ui-layout-container .fc .fc-content .fc-agenda-slots td {border: 1px solid #ccc !important;}
.ui-layout-container .fc .fc-content .fc-agenda-divider {padding: 1px; height: 1px;}
.ui-layout-container .fc .fc-content .fc-agenda-days tbody tr td {border-right: 1px solid #ccc;}
.ui-layout-container .fc .fc-content .fc-today {background: #FFFECE;}
.ui-layout-container .fc .fc-content .fc-event {font-size: 1em; color: #fff; background: #2499E4; border: 1px solid #1D85BA; }
.ui-layout-container .fc .fc-content .fc-view-month .fc-other-month {background: #eee;}
.ui-layout-container .fc .fc-content .fc-view-month .fc-day-number {margin: 0px; padding: 3px 0px 1px 0px; width: 20px; height: 15px; text-align: center; font-size: 11px !important; color: #959595; background: rgba(216, 216, 216, 0.52); border: 1px solid #BCBCBC; border-width: 0px 0px 1px 1px;border-radius: 3px; border-radius: 0px 0px 0px 5px; transition: all 0.4s ease;}  
.ui-layout-container .fc .fc-content .fc-view-month .fc-today .fc-day-number {color: #9B9831; background: rgba(255,255,255,0.5); border-color: #E7E58C;}
.ui-layout-container .fc .fc-content .fc-view-month .fc-day:hover .fc-day-number {color: #555; background: #fff; border-color: #ddd;}
.ui-layout-container .fc .fc-content .fc-view-month .fc-other-month .fc-day-number {color: white; background: #777; border-color: #545454;}
.ui-layout-container .fc .fc-content .fc-view-month .fc-event-time {margin-right: 3px;}
.ui-layout-container .fc .fc-content .fc-view-agendaWeek .fc-agenda-days tr td {background: white;}
.ui-layout-container .fc .fc-content .fc-view-agendaWeek .fc-agenda-days tr td.fc-today {background: #FFFECE;}
.ui-layout-container .fc .fc-content .fc-view-agendaWeek .fc-event {width: 123px !important;}
.ui-layout-container .fc .fc-content .fc-view-agendaWeek .fc-event-time {padding: 0px 1px; font-size: 12px; font-weight: bold;}
.ui-layout-container .fc .fc-content .fc-view-agendaWeek .fc-event-bg {background: none;}
.ui-layout-container .fc .fc-content .fc-view-agendaWeek .fc-agenda-gutter {padding: 6px; border-left-width: 0px !important;}
.ui-layout-container .fc .fc-content .fc-view-agendaWeek .fc-agenda-allday .fc-agenda-axis {padding-right: 9px !important; border-right-width: 0px;}
.ui-layout-container .fc .fc-content .fc-view-agendaWeek .fc-agenda-slots tr th.ui-widget-header {padding: 0px 8px;}
.ui-layout-container .fc .fc-content .fc-view-agendaDay .fc-event {width: 9999px !important;}
.ui-layout-container .fc .fc-content .fc-view-agendaDay .fc-agenda-gutter {padding: 6px; border-left-width: 0px !important;}
.ui-layout-container .fc .fc-content .fc-view-agendaDay .fc-agenda-allday .fc-agenda-axis {padding-right: 9px !important; border-right-width: 0px;}
.ui-layout-container .fc .fc-content .fc-view-agendaDay .fc-agenda-slots tr th.ui-widget-header {padding: 0px 8px;}
.ui-layout-container .fc .fc-content .fc-view-agendaDay .fc-agenda-days tbody tr td {background: #fff;}
.ui-layout-container .fc .fc-content .fc-view-agendaDay .fc-agenda-days tbody tr td.fc-today {background: #FFFECE;}

table caption {font-size: 12px; font-style: italic;}

input[type=file],
input[type=file]:hover,
input[type=file]:focus {display: inline-block; margin: 0px 5px 5px 0px; padding: 2px 3px 2px 2px; width: auto; height: auto; text-align: center; font-family: "amble"; color: #333; border: 1px solid #777; outline: none; font-size: 12px; font-weight: normal; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; background: #ddd; /* Old browsers */ background: -moz-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ddd), /* FF3.6+ */ color-stop(70%, #bfbfbf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ddd 30%, #bfbfbf 70%); background: -o-linear-gradient(top, #ddd 30%, #bfbfbf 70%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #ddd 30%, #bfbfbf 70%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #ddd 30%, #bfbfbf 70%); /* IE10+ */ /* W3C */ }
input[type=file]:hover {border: 1px solid #058AFF; box-shadow: 0px 0px 5px 3px #ccc; transition: all 0.3s ease; }
input[type=file]:focus {border: 1px solid #058AFF; box-shadow: 0px 0px 5px 3px #ccc;}

@media screen and (min-width:960px)  { .ui-datepicker.ui-datepicker-multi {width: 544px !important;} }
@media screen and (min-width:1096px) { .ui-datepicker.ui-datepicker-multi {width: 816px !important;} }
@media screen and (min-width:1366px) { .ui-datepicker.ui-datepicker-multi {width: auto !important;} }

/**
@media screen and (min-width: 1024px) { .menu-top-left {width: 275px;} }
@media screen and (min-width: 1074px) { .menu-top-left {width: 27.5%;} }
@media screen and (min-width: 1124px) { .menu-top-left {width: 28.5%;} }
@media screen and (min-width: 1224px) { .menu-top-left {width: 29.5%;} }
@media screen and (min-width: 1280px) { .menu-top-left {width: 31%;} }
@media screen and (min-width: 1366px) { .menu-top-left {width: 32.5%;} }
**/