/* 
    Created on : May 15, 2019, 11:04:23 PM
    Author     : Anel
*/

/** tabs **/
.ui-tabs.ui-tabs-left > .ui-tabs-nav {
    width: 15%;
}
/** panels **/
.ui-tabs.ui-tabs-left > .ui-tabs-panels {
    width: 85%;
}

.colored td{
    background-color: activeborder;
    color: white;
}

.coloredCF td{
    background-color: #A9C5DF;
    color: white;
}

.ui-datatable table, .ui-datatable-resizable table {
    table-layout: auto !important;
}

.ui-datatable-scrollable table {
    table-layout: fixed !important;
}

.coloredGrid .ui-panelgrid-cell {
    background-color: #A9C5DF !important;
}

.noTopBottomPaddingGrid.ui-panelgrid>*>tr,
.noTopBottomPaddingGrid.ui-panelgrid .ui-panelgrid-cell {
    padding-top: 0px;
    padding-bottom: 0px;
    border: none;
}

.smallVerPaddingGrid.ui-panelgrid>*>tr,
.smallVerPaddingGrid.ui-panelgrid .ui-panelgrid-cell {
    padding: 0.5em 1em;    
}

.semaphore .switchpanel {
    border-left: 6px solid #44f702; 
}
.semaphore .switchpanel .switch-name {
    color: #616161;
    margin-bottom: .25em; 
}
.semaphore .switchpanel .switch-status {
    color: #0c6108;
    letter-spacing: 0.4px;
    display: block;
    margin-bottom: .5em; 
}

.semaphore .switchpanel.switchpanel-off {
    border-left: 6px solid #e61010; 
}
.semaphore .switchpanel.switchpanel-off .switch-status {
    color: #e61010; 
}

.semaphore .switchpanel.switchpanel-db {
    border-left: 6px solid #e0c707; 
}
.semaphore .switchpanel.switchpanel-db .switch-status {
    color: #e0c707; 
}

.semaphore .switchpanel .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
    background-color: #0c6108 ; 
}

.semaphore .switchpanel.switchpanel-db .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
    background-color: #e0c707; 
}

.semaphore .switchpanel.switchpanel-off .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
    background-color: #850909; 
}

.semaphore .switchpanel .ui-inputswitch.ui-inputswitch-checked {
    background-color: #44f702;
    border-color: #44f702; 
}

.semaphore .switchpanel.switchpanel-db .ui-inputswitch.ui-inputswitch-checked {
    background-color: #e6d810;
    border-color: #e6d810; 
}

.semaphore .switchpanel.switchpanel-off .ui-inputswitch.ui-inputswitch-checked {
    background-color: #e61010;
    border-color: #e61010; 
}

/*.layout-lang-button {
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-color: #fafafa;
  opacity: 0.7; 
  text-align: center;
  top: 19px;
  right: 29px;
  z-index: 1000000;            
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
}

.layout-lang-button i {
  font-size: 32px;
  color: #00bcd4;
  line-height: inherit;
}

.layout-lang-button:hover {
  background-color: #e0e0e0;
  opacity: 1; 
}*/

.landing-lang-button {
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-color: #fafafa;
    opacity: 0.7; 
    text-align: center;
    top: 32px;
    right: 32px;
    z-index: 1000000;            
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
}
.landing-lang-button {
    background-color: #e0e0e0;
    opacity: 1;     
}

.ui-rating a {
    color: goldenrod !important;
}

.layout-footer {
    background-color: white !important;
}

#tcViewDlg {
    top: 40px;
}

#abAdvancedForm\:btnYesNo {
    width: 60px !important;
}

#abAdvancedForm\:btnYesNo .ui-button-text {    
    line-height: 0px;    
}

#flagsform .ui-orderlist-item .active {
    background-color: #566d81 !important;
}


#publicForm  .md-inputfield {
    padding-left: 0px;
    padding-bottom: 0px;    
}
#publicForm .ui-inputfield.ui-state-focus {        
    min-height: 38px;    
    background: white !important;    
}

#demo {
    border-color: #3EB51F!important;
    background-color: #3EB51F!important;
    padding: 10px 22px !important;
    border-radius: 40px !important;
    width: 110px;
    min-height: 40px;            
}

#demo:hover {
    border-color: #31821b!important;
    background-color: #31821b!important;
}