﻿/* GENERAL CLASSES USED IN ALL PAGES */

/* Pages */
.ep-backend-page {
	min-height: 480px;	
}

/* VERTICAL SPACER */
.ep-spacer-vertical-xs {
    margin-top: 5px;
}

.ep-spacer-vertical-sm {
    margin-top: 10px;
}

.ep-spacer-vertical-md {
    margin-top: 20px;
}

.ep-spacer-vertical-lg {
    margin-top: 40px;
}

.ep-spacer-horizontal-md {
    margin-right: 20px;
}

.ep-spacer-bottom-md {
    margin-bottom: 20px;
}

.ep-spacer-bottom-sm {
    margin-bottom: 10px;
}

/* Backgrounds */
.ep-bg-default {
    background-color: rgba(218, 228, 235, 0.5);
}
.ep-bg-dark {
    /*background-color: #2a2d33;*/
    background-color: #222e44;
    color: #FFFFFF;
}

/* SHADED */
.ep-shaded {
    border-color: #45474b !important;
    background-color: #222e44;
    color: #fff;
    padding: 4px 10px 1px 10px;
    /*border-radius: 4px;*/
}

    .ep-shaded h4, .ep-shaded td {
        color: #fff;
    }

.ep-shaded-only {
    /*background-color: #b5c9de; 
    color: #778E91;
	font-size: 1.15em;
    padding: 5px 10px;
    */
    background-color: #2e3c56; /*4c4f53;  Darker Unify #222e44 */
    color: #fff;
    font-size: 1.15em;
    padding: 5px 10px;
}

.ep-shaded h3 {
    color: #fff;
    margin-top: 2px;
    margin-bottom: 5px;
}

/* GENERAL PRODUCTION */
.ep-fontsize-lg {
    font-size: 12pt !important;
    line-height: 22px;    
}
.ep-fieldpanel {
    padding: 10px 0;
    background-color: #F8F8F8;    
}
.ep-fieldlabel {
    font-size: 1rem;
    margin-bottom: 2px;
    background-color: #f5f9f9;
    border-right: solid 3px white;
    /*border-bottom: solid 1px #D0D0D0;*/
}
.ep-fieldcontrol {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 2px;
    background-color: #f5f9f9;
    border-right: solid 3px white;
    /*border-bottom: solid 1px #D0D0D0;*/
}
.ep-details-panel {
}
    

.ep-Price {
    font-family: 'Courier New', Arial;
    font-size: 12pt;
    color: navy;
}

/* ep title/msg lines */
.ep-line {
    padding: 15px 0 10px 0;
}

/* FONT SIZES */
.ep-font-small {
    font-size: 8pt;
}

/* FORM-CONTROL bootstrap*/
.ep-field-row {
    margin-top: 1px;
}

.ep-addon-control {
    min-width: 250px;
}
.ep-addon-tiny {
    width: 40px;
}

.ep-addon-small {
    width: 80px;
}

.ep-addon-standard {
    width: 150px;
}

.ep-addon-wide {
    width: 200px;
}

.ep-addon-extrawide {
    width: 250px;
}

/* Default */
.ep-danger {
    color: red;
    font-family: 'Courier New';
    font-size: 13pt;
    padding-bottom: 8px;
}

.ep-info {
    color: blue;
    font-size: 11pt;
    padding: 8px 0;
}


/* Epower Global */
/* Used for table like divs for now */

.ep-table {
    padding-top: 5px;
    background-color: #cee8f5;
    border-radius: 5px;
    width: 100%;    
}

.ep-table-Inside {

}
.ep-header {
    background-color: #11b0e4;

}

.ep-label {
    
}

.ep-field {
    
}

.ep-alt {
    
}

.ep-panel {
    /*border: 1px solid lightgray;*/
    padding: 6px;
    /*color: white;
    background-color: #222e44;*/
    /*background-color: #222e44;*/
}
    .ep-panel table td {
        border-width: 0;
    }

ep-panel-title {
    font-weight: bold;
    color: white;
}

.ep-label-lg {
    font-size: 1.1em;  
    min-width: 150px !important; 
    padding: 3px; 
}

.ep-margin-top {
    margin-top: 10px;
}

.ep-span-deepless {
    height: 40px !important;    
}

.ep-span-deep {
    height: 50px !important;
}

.ep-span-deeper {
    height: 75px !important;
}

.ep-span-deepest {
    height: 100px !important;
}

.ep-span-deepest2 {
    height: 160px !important;
}

/* Order Detail - Customer fileds table*/
.ep-table table {    
    width: 100%;
    /*background-color: #E0E0E0;*/
    border-radius: 5px;
}

.ep-table .ep-td-label {
    padding: 4px;    
    width: 40% !important;
    border-bottom: 1px solid #F0F0F0;
}

.ep-table .ep-td-content {
    padding: 4px;
    border: 1px solid rgba(218, 228, 235, 0.5);
    background-color: rgba(218, 228, 235, 0.5);
}

.ep-table .ep-td-item {
}

.ep-table .ep-td-item-alt {
}

/* Company Edit */
.ep-company-tab {
    background-color: #E0E0E0;
    padding-left: 8px;
    padding-top: 4px;
}

    .ep-company-tab .col-md-3 {
        padding-top: 4px;
        font-size: 1.1em !important;
    }

    .ep-company-tab-address .col-md-3 {
        text-align: center;
        /*padding-top: 4px;
        padding-left: 80px;
        font-size: 1.1em !important;*/
    }

    .ep-company-tab input[type="checkbox"] {
        margin-top: 10px;
        margin-left: 10px;
    }

.ep-company-tab-info {
}

/* BACKEND BUTTONS */
/* PRODUCTS */
.ep-product-menu-info {
    padding: 10px 0;
}
.ep-product-menu-name {
    margin-top: 8px;
}
.ep-product-menu-button {
}

.ep-product-menu-image {
    height: 16px;
    vertical-align: top;
}

/* Dirty */

#ep-div-dirty .rgHeader {
    background-color: red !important;
    color: white !important;
}

/* Product Backend */
.ep-radgrid-detail-item {
	background-color: #ccc;
}
.ep-radgrid-detail-item-alt {
	background-color: #ddd;
}

.pull-right a.ep-backend-top-menu {
   cursor: pointer !important;
}

/* Bootstrap Extension */

/* ORDER DETAILS */


.ep-od-page table {
    /*background-color: white;
    padding: 5px;
    border: 5px solid white;*/
}

.ep-od-page table td {    
    padding: 0.1rem;
    /*border-bottom: 1px solid #F1F1F1 !important;*/
}

.ep-od-page-details {
    background-color: rgba(218, 228, 235, 0.5);
    padding: 5px;
}



.ep-od-table {
    width: 100%;
    background-color: white;
    color: dimgrey;
}

    .ep-od-table th,
    .ep-od-table td {
        padding: 2px 0 2px 5px;
    }

    .ep-od-table th {
        background-color: #888;
        color: white;
        font-weight: normal;
    }

a.ep-od-tab-pf {
    /*font-weight: normal !important;*/
    color: white !important;
}

.ep-od-table-order-log th,
.ep-od-table-order-log td {
    font-size: 0.8em;
}

.ep-od-dropdown {
    height: 30px;
}

.ep-od-table-tr-header {
    background-color: rgba(218, 228, 235, 0.5);
    /*border-bottom: 2px solid navy;*/
    font-size: 1.2rem;
}

    .ep-od-table-tr-header table tr td {
        padding: 4px 0;
    }

.ep-producer-note {
	min-height: inherit !important;
	
}
