/* Overwrite Ace Styles*/

.fa-leaf:before {
    display: inline-block;
    content: "";
    background: url("../Content/ODEIcon.ico") no-repeat 0 0;
    background-size: 100%;
    height: 16px;
    width: 16px;
}

.fa-leaf-login:before {
    display: inline-block;
    content: "";
    background: url("../Content/ODEIcon.ico") no-repeat 0 0;
    background-size: 100%;
    height: 28px;
    width: 28px;
}

@media only screen and (min-width: 992px) {
    .sidebar.h-sidebar {
        margin-top: 1px;
    }

    .sidebar.h-sidebar + .main-content .breadcrumbs{
        margin: 0;
        border: 0;
    }
}

.ace-settings-box.open{
    max-width: 600px;
    padding: 10px;
}

input[type=checkbox].ace.ace-switch + .lbl{
    margin: 4px;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: gainsboro;
}

.widget-header-rating_test{
    min-height: initial;
}

.widget-header > .widget-title-rating_test{
    line-height: initial;
}

.rating-test-customer-title {
    text-align: center;
    font-weight: 300;
    color: #307ecc !important;
    margin-bottom: 15px;
}

.rating-test-cobuyer-title {
    text-align: center;
    font-weight: 300;
    color: #307ecc !important;
    margin-top: 25px;
    margin-bottom: 15px;
}

.pricing-box-btn-small {
    font-size: 10px !important;
}

.pricing-box{
    min-width: 300px;
}

.profile-info-name{
    width: 200px;
}

.chosen-container-single .chosen-single {
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    background: none #fff !important;

}

/* jQuery UI */
#ui-datepicker-div
{
    font-size: 10px;
}

.ui-datepicker td > a, .ui-datepicker td > span
{
    height: initial;
    min-width: initial;
    max-width: initial;
    font-size: 10px;
}

.datepicker{z-index:1151 !important;}

/* Bootstrap-TimePicker */
.bootstrap-timepicker-widget input[type="text"]
{
    font-size: x-small;
}

/* PEN Admin Specific*/

.screen-center{
    left: 0;
    margin: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center;
}

.margin-0{
    margin: 0;
}

.margin-5{
    margin: 5px;
}

.margin-10{
    margin: 10px;
}

.margin-bottom-5{
    margin-bottom: 5px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-top-15{
    margin-top: 15px;
}

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

.margin-top-8{
    margin-top: 8px;
}

.margin-top-5{
    margin-top: 5px;
}

.margin-top-100{
    margin-top: 100px;
}

.background-dark-grey{
    background-color: DarkGray !important;
}

.table-cell-align-top{
    vertical-align: top;
}

.spinner
{
    position:fixed;
    padding:0;
    margin:0;

    width: 100%;
    height: 100%;
    background:rgba(255,255,255,0.5);
}

.catergory-only{
    cursor: context-menu;
}

.shortInput input[type="text"],  .shortInput select{
   height: 24px;
   font-size: 10px;
   line-height: 24px;
   width: 80% !important;
   font-weight: 500;
   color: black;
}

.fullInput input, .fullInput select, .fullInput textarea{
    display: block;
    width: 100%;
}

.shortInput input[type="number"]{
    display: block;
    width: 50px;
}

.full-modal {
    width: 95%;
    min-width: 500px;
    height: 90%;
    overflow: auto;
}

.half-modal {
    width: 50%;
    min-width: 600px;
    height: 90%;
    overflow: auto;
}

.pdf-modal {
    width: 900px;
    min-width: 900px;
    height: 90%;
    overflow: hidden;
}

.mini-modal{
    width: 30%;
    min-width: 100px;
    max-width: 300px;
    height: auto;
    overflow: auto;
}

.no-overflow{
    overflow: hidden;
}

.logos img{
    max-width: 300px;
    height: auto;
    padding: 10px;
}

.rate-test-tags .tags, .rate-test-tags .tags input{
    width: 100% !important;
}

.pager-knob {
    font-family: 'Share Tech Mono';
    font-size: small;
    color: #87B87F;
}

#dealer-modal-body input, #dealer-modal-body select, #dealer-modal-body textarea, #dealer-modal-body a{
    font-size: x-small;
}

#surcharges label, .optional_surcharges label, #dealer-modal-body label{
    font-size: 8pt !important;
}

#surcharges input, .optional_surcharges input{
    vertical-align: bottom;
    position: relative;
    top: -5px;
    *overflow: hidden;
}

.rating-test-request{
    position: absolute;
    right: 10px;
    top: 0;
}

.rateContainer
{
    overflow: auto;
    max-height: 501px !important;
}

/* Rates */
.rateContainer table{
    border-collapse: initial;
    border-spacing: initial;
}

.rateTable
{
    width: 80%;
    border: 1px black solid;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    background-color: #F8F8F8;
    padding: 5px;
}

.rateTable th{
    font-size: 10pt;
    padding: 3px;
}

.rateTable td{
    font-size: 8pt;
    text-align: left;
    padding: 3px;
}

.rateTable label{
    font-size: 8pt;
    text-align: left;
    padding: 3px;
}

.rateTable .title{
    width: 100px;
}

.rateTable .formCell, .coverageCell{
    white-space: nowrap;
}

.preReqRes{
    max-height: 400px;
    overflow: auto;
}

#saveXml{
    margin-bottom: 5px;
}

.ClientProductEditLabel,
.DealerProductEditLabel,
.BillingProductEditLabel,
.ProductEditLabel{
    padding-top: 7px;
}

.form-group-client-product,
.form-group-client-product,
.form-group-billing-product,
.form-group-product
{
    margin-bottom: 5px;
}

#dealer-modal-body,
#product-modal-body,
#agent-modal-body,
#names-modal-body,
#wsm-detail-body,
#redemption-rating-body,
#timestamp-modal-body {
    max-height: 500px;
    overflow: auto;
}

.details .row{
    margin-bottom: 10px;
}

#provider_invoices_search_well{
    margin-bottom: 20px;
}

#pen_service_log_search_well, #pen_service_log_search_id_well, #pen_service_log_search_provider_id_well
{
    margin-bottom: initial;
}

.disabled {background-color: #C8C8C8;}

.bootstrap-tagsinput {
    border:none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.bootstrap-tagsinput > input[readonly] {
    background-color: #FFFFFF !important;
    color : #FFFFFF !important;
}

pre #Description {
    height: 300px;
}

#modal-market-description-table pre {
    white-space: pre-wrap;
}

#simple-market-table .popover {
    width: 400px;
    max-width: 500px;
}

.error-text {
   color: indianred;
}

#provider_invoice_tab_content .label-white.label-warning {
    background-color:white;
}

#vin_decoder_cache_back_link {
    text-decoration: none;
    color: white;
}

/***********Start of Color palettes For Header in DEV*************/
.skin-1 .navbar.PENDev {
    background-color: #862d2d  !important;
}
.skin-1 .navbar.PENDev.navbar-collapse:before, .skin-1 .navbar.PENDev.navbar-collapse .navbar-container {
    background: #862d2d!important;
}
.ace-nav > li.PENDev > a {
    background-color: #b74635;
}
.ace-nav > li.PENDev > a:hover,
.ace-nav > li.PENDev > a:focus,
.ace-nav > li.open.PENDev > a{
    background-color: #a34335;
}
.skin-1.PENDev .table-header {
    background-color: #953232 !important;
}
/***********End of Color palettes For Header in DEV*************/

/***********Start of Color palettes For Header in QA*************/
.skin-1 .navbar.PENQA {
    background-color: #cc7a00 !important;
}
.skin-1 .navbar.PENQA.navbar-collapse:before, .skin-1 .navbar.PENQA.navbar-collapse .navbar-container {
    background: #cc7a00!important;
}
.ace-nav > li.PENQA > a {
    background-color: #ffa31a;
}
.ace-nav > li.PENQA > a:hover,
.ace-nav > li.PENQA > a:focus,
.ace-nav > li.open.PENQA > a {
    background-color: #ff9900;
}
.skin-1.PENQA .table-header {
    background-color: #e08600 !important;
}
/***********End of Color palettes For Header in QA*************/

/***********Start of Color palettes For Header in STAGE*************/
.skin-1 .navbar.PENStg {
    background-color: #3c9e2d !important;
}

    .skin-1 .navbar.PENStg.navbar-collapse:before, .skin-1 .navbar.PENStg.navbar-collapse .navbar-container {
        background: #3c9e2d !important;
    }

.ace-nav > li.PENStg > a {
    background-color: #37c71e;
}

    .ace-nav > li.PENStg > a:hover,
    .ace-nav > li.PENStg > a:focus,
    .ace-nav > li.open.PENStg > a {
        background-color: #32da15;
    }

.skin-1.PENStg .table-header {
    background-color: #28870b !important;
}
/***********End of Color palettes For Header in STAGE*************/

/***********Start of Color palettes For Header in PROD*************/
.skin-1 .navbar.PENProd {
    background-color: #2c6aa0 !important;
}
.skin-1 .navbar.PENProd.navbar-collapse:before, .skin-1 .navbar.PENProd.navbar-collapse .navbar-container {
    background: #2c6aa0!important;
}
.ace-nav > li.PENProd > a {
    background-color: #62a8d1;
}
.ace-nav > li.PENProd > a:hover,
.ace-nav > li.PENProd > a:focus,
.ace-nav > li.open.PENProd > a {
    background-color: #579ec8;
}
.skin-1.PENProd .table-header {
    background-color: #307ecc !important;
}

/***********End of Color palettes For Header in PROD*************/

/***********Start of Color palettes For Header in Post PROD*************/
.skin-1 .navbar.PENPP {
    background-color: #2c7659 !important;
}
.skin-1 .navbar.PENPP.navbar-collapse:before, .skin-1 .navbar.PENPP.navbar-collapse .navbar-container {
    background: #2c7659!important;
}
.ace-nav > li.PENPP > a {
    background-color:#5f9ea0 ;
}
.ace-nav > li.PENPP > a:hover,
.ace-nav > li.PENPP > a:focus,
.ace-nav > li.open.PENPP > a{
    background-color: #568e8f;
}
.skin-1.PENPP .table-header {
    background-color: #318464 !important;
}
/***********End of Color palettes For Header in Post PROD*************/

.rating_result_panel_container {
    display: flex;
    align-content: space-between;
    align-items: center;
    justify-content: space-between;
}

.rating_result_panel_container a {
    margin-right: 5px;
}

.panel-title-rerate {
    padding: 8px;
}

#rerate-panel-title {
    
    color: #478fca;
    font-weight: bold;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.rerate-table-inputs {
    width: 80%;
    border-width: 1px;
}

/* PEN Utility Classes — replaces inline style="" attributes for CSP compliance */

/* Display */
.pen-block      { display: block; }
.pen-hide       { display: none; }
.pen-iblock     { display: inline-block; }
.pen-iblock-bgi { display: inline-block; background-color: inherit; }
.pen-iblock-mt3 { display: inline-block; margin-top: 3px; margin-left: 5px; text-align: center; }
.pen-iblock-mt10 { display: inline-block; margin-top: 10px; }
.pen-block-full { display: block; width: 100%; height: 30px; }
.pen-flex-my15  { display: flex; margin: 15px 0; }
.pen-hide-m20   { display: none; margin: 20px; }
.pen-hide-pt10  { display: none; padding-top: 10px; }
.pen-hide-m10   { display: none; margin: 10px; }

/* Cursor */
.pen-pointer { cursor: pointer; }

/* Clearfix variants */
.pen-clear-both { clear: both; }

/* Overflow / sizing */
.pen-scroll   { max-height: 500px; overflow-y: auto; }
.pen-scroll-h { height: 500px; overflow: auto; }
.pen-fill     { height: 100%; width: 100%; }
.pen-max-w600 { max-width: 600px; }
.pen-w500     { width: 500px; }
.pen-w-80pct  { width: 80%; }
.pen-w-100ch  { width: 100ch; }
.pen-h-100pct { height: 100%; }
.pen-h-500px  { height: 500px; }
.pen-wrap-word { word-wrap: break-word; }

/* Colors */
.pen-white-darkred { color: white; background-color: darkred; }
.pen-goldenrod     { background-color: palegoldenrod; padding: 10px; font-weight: 700; }
.pen-success       { color: green; }
.pen-error         { color: red; }
.pen-warning-color { color: #808000; }

/* Margins */
.pen-mt10        { margin-top: 10px; }
.pen-mt15        { margin-top: 15px; }
.pen-mt20        { margin-top: 20px; }
.pen-mt40        { margin-top: 40px; }
.pen-mr5         { margin-right: 5px; }
.pen-mr10        { margin-right: 10px; }
.pen-mr20        { margin-right: 20px; }
.pen-ml5         { margin-left: 5px; }
.pen-ml10        { margin-left: 10px; }
.pen-ml20        { margin-left: 20px; }
.pen-mb10        { margin-bottom: 10px; }
.pen-m5          { margin: 5px; }
.pen-m-0-0-10    { margin: 0 0 10px 0; }
.pen-m-2-fr      { margin: 2px; float: right; }
.pen-mb3         { margin-bottom: 3px; }
.pen-mr3         { margin-right: 3px; }
.pen-m-15-n10    { margin: 15px 15px -10px 0; }
.pen-m-0-5-n10   { margin: 0 5px -10px 0; }
.pen-ml5-mt5     { margin-left: 5px; margin-top: 5px; }
.pen-mt20-mh10   { margin-top: 20px; margin-left: 10px; margin-right: 10px; }
.pen-fr-mr13     { float: right; margin-right: 13%; }

/* Padding */
.pen-py20  { padding: 20px 0 20px 0; }
.pen-pl5   { padding-left: 5px; }
.pen-pl10  { padding-left: 10px; }
.pen-p10   { padding: 10px; }
.pen-xs-tag { padding-left: 2px !important; font-size: x-small !important; }

/* Text / position */
.pen-tr      { text-align: right; }
.pen-tl-pr0  { text-align: left; padding-right: 0; }
.pen-nowrap  { white-space: nowrap; }
.pen-tr-rel  { text-align: right; position: relative; right: 0; }
.pen-rel-top3 { position: relative; top: 3px; }

/* Font */
.pen-fs-8pt  { font-size: 8pt; }
.pen-fs-10px { font-size: 10px; }
.pen-fs-12px { font-size: 12px; }
.pen-fs-12pt { font-size: 12pt; }
.pen-fs-20pt { font-size: 20pt; }
.pen-fs-sm   { font-size: smaller; }
.pen-fs-xs   { font-size: x-small; }
.pen-fw-bold { font-weight: bold; }
.pen-fw-700  { font-weight: 700; }
.pen-fw-800  { font-weight: 800; }

/* Typeahead (moved from FormMapping/Index.cshtml inline <style> block) */
.twitter-typeahead, .tt-hint, .tt-input, .tt-menu { width: 100% !important; }