.menu .ui-menubar{
    background: #509E2F !important;
    padding: 0px !important;
    border: 0px !important;
}

.menu .ui-menu-list{
    background-color: #509E2F !important;
}

.menu .ui-submenu .ui-menu-list{
    background: #3ab54a !important;
    border: 0px !important;
    padding: 0px !important;
    width: 230px;
    margin-left: -5px;
}

.menu .ui-menuitem{
    border-radius: 0px;
    margin: 0px;
}

.menu .ui-menuitem-text{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.0em;
}

.menu .ui-submenu-icon{
    display: none;
}

.ui-menuitem-icon{
    width: 35px;
    height: 35px;
    margin-top: 3px;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.ui-menuitem-text{
    margin-top: 12px;
}

.menu .ui-menuitem-link{
    height: 54px;
}

.menu .ui-menuitem-active, .menu .ui-state-hover{
  background-color: #3ab54a !important;
}

.ui-submenu .ui-menuitem-active, .ui-submenu .ui-state-hover{
  background-color: #509E2F !important;
}

button.ui-button.ui-state-default.ui-state-hover{
  background: #3ab54a !important;
  border-color: #3ab54a !important;
}
button.ui-button.ui-state-default.ui-state-disabled{
  background: #707070 !important;
  border-color: #707070 !important;
  box-shadow: 0px 0px 0px #707070 !important;
}

button.ui-button span{
  font-weight: normal !important;
  text-shadow: 0px 0px 0px !important;
}

.button{
  height: 32px;
  padding: 0px 9px 0px 9px;
} 

.button .ui-button-icon-left{
  font-size: 20px;
  margin: -10px 0px 0px -8px;
}

#logout-button span{
  margin: -10px -13px;
}

.ng-valid[required] {
  border-left: 10px solid #3ab54a !important; /* green */
}

.ng-invalid[required], .ng-invalid {
  border-left: 10px solid #af272f !important; /* red */
  border-radius: 6px !important;
}

.ui-dropdown, .required-selector .ui-dropdown{
  height: 100%;
  width: 100%;
  border: 0px !important;
  border-radius: 6px;
  padding: 0px 0px 0px 0px !important;
}

.settings-bottom-selector .ui-dropdown{
  margin-right: 27px;
}

.settings-bottom-selector .ui-dropdown, .settings-bottom-selector .ui-dropdown-label{
  border-radius: 6px;
}

.selector .ui-dropdown-label, .required-selector .ui-dropdown-label{
  height: 100%;
  border-radius: 6px;
}

.required-selector .ui-dropdown-label, .required-role-selector .ui-dropdown-label{
  border-left: 10px solid #3ab54a;
}

.required-selector.invalid .ui-dropdown-label, .required-role-selector.invalid .ui-dropdown-label{
  border-left: 10px solid #af272f;
}

.selector .ui-dropdown-trigger, .required-selector .ui-dropdown-trigger, .required-role-selector .ui-dropdown-trigger, .settings-bottom-selector .ui-dropdown-trigger, .ui-dropdown .ui-dropdown-trigger {
  padding: 0px;
}

.ui-dropdown .ui-dropdown-trigger .fa {
    margin-top: 6px;
}

.required-role-selector .ui-dropdown{
  height: 32px;
  border: 0px;
  border-radius: 6px;
}

.required-role-selector .ui-dropdown-label{
  height: 32px;
  border-radius: 6px;
}

.ui-inputswitch{
  border: 0px;
}

.ui-inputswitch .ui-inputswitch-on{
  height: 100%;
  background: #3ab54a !important;
}

.ui-listbox{
    width: 100% !important;
}

.gender-chooser .ui-inputswitch .ui-inputswitch-on, .ui-togglebutton.ui-button.ui-state-active {
    color: #000000 !important;
    background: #ffffff !important;
    border: initial !important;
}

.toggle-down-button.ui-button span{
  padding-left: 0px !important;
  margin-left: -9px !important;
}

.datepicker input {
  height: 100%;
  width: 100%;
  border: 0px !important;
  border-radius: 6px;
  padding: 0px 15px;
}

.datepicker-withicon input{
  height: 100%;
  width: 100%;
  border: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  padding: 0px 15px;
}

.required-datepicker input{
  height: 100%;
  width: 100%;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border: 0px !important;
  padding: 0px 15px;
}

.legend-panel .ui-datepicker{
  width: auto;
}

.legend-panel .ui-datepicker td a{
  line-height: 20px;
}

.ui-datepicker-year, .ui-datepicker-month{
  background: #474a4b;
  border: 0px;
  width: 50% !important;
}

.ui-spinner-input{
  height: 32px;
  border: 0px !important;
  padding: 0px 20px 0px 0px !important;
}

.role-column-tiny {
  width: 100px;
}

.role-column-small {
  width: 150px;
}

.role-column-medium {
  width: 250px;
}

.role-column-dynamic {
  word-wrap: break-word;
}

.role-column-tiny, .role-column-small, .role-column-medium, .role-column-dynamic {
  text-align: center;
}

.ui-dialog-buttonpane{
  padding: 0px 50px !important;
}

.data-table-with-gfilter .ui-datatable .ui-column-filter{
  display: none;
}

input.ui-state-disabled, textarea.ui-state-disabled{
  background: #bfbfbf !important;
}

input.ui-spinner-input.ui-state-disabled{
  background: #FFFFFF !important;
  opacity: 1;
}

.warning-dialog .ui-dialog .ui-dialog-titlebar {
    padding: 4px 0px 4px 10px;
    margin: 0px 0px 0px 0px;
    background: red !important;
    color: white;
}

.warning-dialog .ui-dialog .ui-dialog-title {
    color: white;
    margin: 0px;
    font-size: 17px !important;
    font-weight: lighter;
}

.warning-dialog .ui-dialog .ui-dialog-content {
    font-size: 22px;
    padding: 25px 0px 0px 20px;
}

.ui-tabview.ui-widget-content{
    background: #e1e1e1;
}

/** This is a soulition to inputSwitch size is bad on dialog + tab view **/
#allDay.unselected .ui-inputswitch, #allDay.selected .ui-inputswitch{
  width: 118px !important;
}
#allDay.unselected .ui-inputswitch-off{
  width: 118px !important;
}
#allDay.unselected .ui-inputswitch-offlabel{
}
#allDay.unselected .ui-inputswitch-on{
  width: 0px !important;
}
#allDay.unselected .ui-inputswitch-onlabel{
  margin-left: -47px !important;
}
#allDay.unselected .ui-inputswitch-handle{
  width: 59px !important;
}

#allDay.selected .ui-inputswitch-off{
  width: 75px !important;
}
#allDay.selected .ui-inputswitch-offlabel{
  margin-right: -47px !important;
}
#allDay.selected .ui-inputswitch-on{
  width: 59px !important;
}
#allDay.selected .ui-inputswitch-onlabel{
  margin-left: 0px !important;
}
#allDay.selected .ui-inputswitch-handle{
  width: 59px !important;
  left: 59px !important;
}

/* Schedulder styles */
.calendar .fc{
    height: 100%;
}

.calendar .fc-view-container{
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 30px);
}

.print-calendar .fc-view-container{
    overflow-x: hidden;
}

.print-calendar .fc-scroller.fc-time-grid-container{
    height: 1155px !important;
}

.fc-today.ui-state-highlight{
    background: none;
}

.fc-time-grid-event{
    border-width: 3px !important;
}

/* MenuItem styles */
.calendar-menuItem {
    background-image: url('images/icons/menu/calendar_icon.png');
}

.training-menuItem {
    background-image: url('images/icons/menu/training_icon.png');
}

.survey-menuItem {
    background-image: url('images/icons/menu/survey_icon.png');
}

.match-menuItem {
    background-image: url('images/icons/menu/match_icon.png');
}

.health-menuItem {
    background-image: url('images/icons/menu/health_icon.png');
}

.nurture-menuItem {
    background-image: url('images/icons/menu/nurture_icon.png');
}

.mentalHealth-menuItem {
    background-image: url('images/icons/menu/mental_health_icon.png');
}

.library-menuItem {
    background-image: url('images/icons/menu/library_icon.png');
}

.settings-menuItem {
    background-image: url('images/icons/menu/settings_icon.png');
}

.system-settings-submenuItem {
    background-image: url('images/icons/menu/system_settings_icon.png');
}

.role-submenuItem {
    background-image: url('images/icons/menu/roles_icon.png');
}

.user-submenuItem {
    background-image: url('images/icons/menu/users_icon.png');
}

.building-submenuItem {
    background-image: url('images/icons/menu/buildings_icon.png');
}

.tool-submenuItem {
    background-image: url('images/icons/menu/tools_icon.png');
}

.profile-submenuItem {
    background-image: url('images/icons/menu/my_profile_icon.png');
}

/* Grid */
.ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12{
    padding: 0px !important;
}

/* PickList */
.ui-picklist-source-controls, .ui-picklist-target-controls{
    display: none !important;
    width: 0px !important;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper{
    width: 45% !important;
    height: 100% !important;
}
.ui-picklist-item.ui-state-highlight{
    background: #b4ff00 !important;
}

.ui-picklist .ui-picklist-list{
    /*Firefox hates it...*/
    /*height: 100% !important;*/
}

.ui-picklist.ui-picklist-responsive{
    height: 100% !important;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons{
    height: 100% !important;
}

.disabledPickList .ui-picklist-buttons .ui-button{
    display: none;
}

.ui-selectbutton.ui-buttonset {
    margin: 0px !important;
    padding: 0px 0px 0px 12px !important;
}
.ui-multiselect-filter-container > .ui-inputtext {
  padding-left: 22px!important;
}

.fc-content {
    color: #333 !important;
}

.sub-menulist {
  display: inline-block;
  width: 65%;
  height: 65%;
}

.sub-menulist-element {  
  padding-top: 100px;
}

.sub-menulist-element > button {
  min-height: 50px;
}

.sub-menulist-element > button > span {
  min-width: 500px;
}

/* CalendarEvent overlay panel */
.ui-overlaypanel, .ui-overlaypanel-content{
    padding: 0px;
    border: 0px;
}


/* Calendar event which duration less than 30 minute*/
.fc-event{
    min-height: 21px;
}

.fc-time-grid-event.fc-short .fc-time span{
    display: inline-block;
}

.fc-time-grid-event.fc-short .fc-time{
    display:block;
}

.fc-time-grid-event.fc-short .fc-time::before, .fc-time-grid-event.fc-short .fc-time::after{
    display: none;
}