/* -------------------------------------------------------------------------------
CUSTOMIZE MAIN ELEMENTS:
----------------------------------------------------------------------------------*/

/* 1. body can be either dark or lite color */
body {
    background: #fff;
    color: #2a5663;
}


/* 2. navbar-inverse is the top menu bar. It MUST be a DARK color */
.navbar-inverse {
    background: #21809c;
    color: #fff;
}

.pp-login-panel {
    background: #21809c;
    color: #fff;
}


/* 3. pp-content is the main data section. It can be the same as body, dark, lite, or gradient */
.pp-content {
}


/* 4. pp-panel are the list containers, such as Templates, Orders, etc. */
.pp-panel {
}


/* ---------------------------------------------------
   5. MODIFY BOOTSTRAP BTN COLORS 
-------------------------------------------------------*/

/* set the hover color of all buttons: */
    .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .btn-success:active:focus, .btn-success.active:focus,
    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.active:focus,
    .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .btn-info:active:focus, .btn-info.active:focus,
    .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .btn-warning:active:focus, .btn-warning.active:focus,
    .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .btn-danger:active:focus, .btn-danger.active:focus {
        background-color: #FB6E52;
        border-color: transparent;
        background-image: none;
        color: #fff;
    }

/* ----- (a) make all buttons the same color: ------*/
/*
.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { 
    background-color: #21809c;    
    border-color: transparent;  
    color: #fff;
   }
*/

/* ----- (b) make button different color: ------*/
/*
.btn-primary     { background-color: #337ab7;    border-color: #2e6da4;  color: #fff;}
.btn-success     { background-color: #5cb85c;    border-color: #4cae4c;  color: #fff;}
.btn-info        { background-color: #5bc0de;    border-color: #46b8da;  color: #fff;}
.btn-warning     { background-color: #f0ad4e;    border-color: #eea236;  color: #fff;}
.btn-danger      { background-color: #d9534f;    border-color: #d43f3a;  color: #fff;}
*/

 /* make button corners sharp (not rounded) 
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { 
   border-radius: 0;
}
*/