/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 25, 2015, 9:59:54 PM
    Author     : jayson
*/

.login-background {
    background-image: url('../img/bg-login.jpg');    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#page_loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding: 20% 0 0 45%;
    background-color: rgba(130, 0, 0, 0.1);
    /*background-color: rgba(0,30,70,0.4);*/
    /*background-color: rgba(230,230,230,0.4);*/
}

#loader_spinner {
    font-size: 90pt; color: white;
}
                        
                        
.hidden {
    display: none;
}

.margin_top_neg20px {
    margin-top: -20px;
}

.margin_top_neg10px {
    margin-top: -10px;
}

.margin_top_10px {
    margin-top: 10px;
}

.margin_top_15px {
    margin-top: 15px;
}

.margin_left_3em {
    margin-left: 3em;
}

.margin_left_10px {
    margin-left: 10px;
}

.margin_right_5px {
    margin-right: 5px;
}

.margin_right_10px {
    margin-right: 10px;
}

.margin_bot_neg10px {
    margin-bottom: -20px;
}

.width_5pct { width: 5%; }
.width_10pct { width: 10%; }
.width_18pct { width: 18%; }
.width_20pct { width: 20%; }
.width_25pct { width: 25%; }
.width_30pct { width: 30%; }
.width_40pct { width: 40%; }
.width_45pct { width: 45%; }
.width_50pct { width: 50%; }


.bg-success {
    
    background: #44ba57;
    color: whitesmoke;
    
}

.bg-empty {
    
    background: #ff5849;
    color: whitesmoke;
    
}

.bg-empty:hover {
    
    color: black;
    
}

.bg-low-stock {
    
    background-color: #f2bf70;
    color: whitesmoke;
    
}

.bg-low-stock:hover {
    
    color: black;
    
}

.required {
    color: red;
}

.text-white {
    color: white;
}

.dataTables_filter {
    float: right;
    width: 30%;
}

.dataTables_filter label {
    width: 100%;
}

.font-weight-bold {
    font-weight: bold;
}

.font-size-18pt {
    font-size: 18pt;
}

.cursor-pointer {
    cursor: pointer;
}


/**
* CUSTOM JQUERY UI DIALOG
*/
.ui-widget-header {
    background: #EF5350;
    color: white;
}
.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, .ui-button:hover, .ui-button:focus{
    border: 1px solid #EF5350;
    /*background: #26c6da;*/
    color: white;
    background: rgba(239,83,80, 0.4);

}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #EF5350;
    background: #EF5350;
    color: white;
}
.ui-widget.ui-widget-content {
    border: 1px solid rgba(239,83,80, 0.4);
}

.ui-widget-header {
    border: 1px solid rgba(239,83,80, 0.4);
}

.ui-widget-header .ui-icon {
    /*background-image: url("images/ui-icons_bbbbbb_256x240.png") !important;*/
    /*background: white;*/
}