﻿

/* datatable */
table.dataTableCustom
{
    width: 100%;
    border: solid 1px #cccccc;
    border-width: 0 1px;
    margin-top: 3px;
    border-spacing: 0;
}
.dataTableCustom td, th
{
    margin: 0;
}
.dataTableCustom th
{
    background-color: #6B82B2;
    color: #ffffff;
    padding: 8px;
    border-width: 0px;
    background: #ABBCE2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ABBCE2), to(#174EA1));
    background: -webkit-linear-gradient(#ABBCE2, #174EA1);
    background: -moz-linear-gradient(#ABBCE2, #174EA1);
    background: -ms-linear-gradient(#ABBCE2, #174EA1);
    background: -o-linear-gradient(#ABBCE2, #174EA1);
    background: linear-gradient(#ABBCE2, #174EA1);
}
.dataTableCustom th a
{
    color: #ffffff;
}
.dataTableCustom td
{
    padding: 8px;
    border-width: 0;
    border-bottom: solid 1px #cccccc;
}
.dataTableCustom .subHeading
{
    background-color: #E4EFFE;
}

.dataTableCustom tr.override td
{
    background-color: #F4F4F4;
}

.dataTableCustom .sectionStart
{
    border-left: solid 1px #cccccc;
}
.dataTableCustom tbody tr:hover
{
    background-color: #FFFF99;
}


.actions > a
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4effe), color-stop(1, #bbd3f2) );
    background: -moz-linear-gradient( center top, #e4effe 5%, #bbd3f2 100% );
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #11459f;
    font-weight: bold;
    border: 1px solid #bfdbff;
    display: inline-block;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4effe', endColorstr='#bbd3f2');
    background-color: #e4effe;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 3px;
}




.trHover:hover
{
    background-color: #FFFF99;
    cursor: pointer;
}

.trHoverHighlight:hover
{
    background-color: #FFFF99;
}

.alt
{
    background-color: #dddddd;
}

.alt:hover
{
    background-color: #f9f9a0;
}

/* forms */
.frmCt
{
    border: solid 1px #cccccc;
    padding: 10px 20px;
    position: relative;
    overflow: hidden;
}
.frmCt .fldCt
{
    overflow: visible;
    clear: both;
    margin-top: 5px;
    position: relative;
}
.frmCt .fldCt .requiredIcon
{
    position: absolute;
    left: -10px;
    color: Red;
}
.frmCt .fldCt .field
{
    display: block;
}
.frmCt .btnCt
{
    margin-top: 10px;
}
.frmCt .errorMessages
{
    position: relative;
}
.frmCt .checkBoxList input
{
    display: inline;
}
.frmCt .btnCt
{
    clear: both;
    margin-top: 10px;
}

#FilterForm #LastLine
{
    clear: both;
}
#FilterForm
{
    overflow: hidden;
}
#FilterForm .fldCt
{
    float: left;
    margin-right: 5px;
    width: 20%;
    clear: none;
}
#FilterForm .fldCt label
{
    display: block;
}
#FilterForm .btnCt
{
    float: left;
    clear: none;
}

.required
{
}

.breadCrumbs
{
    position: relative;
    top: -5px;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #666666;
    display: none;
}
.breadCrumbs a
{
    color: #7598C4;
}


.detailView
{
    border: solid 1px #cccccc;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.detailView .section
{
    overflow: hidden;
}
.detailView .sectionHdr
{
    background-color: #6B82B2;
    color: #ffffff;
    padding: 5px;
}
.detailView .sectionHdr a.cmd
{
    float: right;
    color: #ffffff;
    text-decoration: none;
}
.detailView .sectionBody
{
    clear: both;
    overflow: hidden;
    padding: 10px;
}
.detailView .sectionCol
{
    width: 48%;
    float: left;
    margin-right: 10px;
}
.detailView .item
{
    overflow: hidden;
    clear: both;
}
.detailView .item label
{
    float: left;
    width: 100px;
    text-align: right;
}
.detailView .item .value
{
    float: left;
    margin-left: 5px;
    color: #666666;
}

.userMessage
{
    padding: 5px;
    font-size: 16px;
    color: Red;
}

.topRow td {
    border-bottom: none;
}

.pageCode {
    padding-left: 30px;
}
.subPageCode {
    padding-left: 60px;
}

.subPageRow {
    display: none;
    background-color: rgb(231, 231, 231);
}

.locationsWarning {
    color:rgb(217, 70, 70); 
    width: 100px;
}

.payoutInvoiceLabel {
    font-style: italic;
    color: #cccccc;
}

.payoutMissing {
    color: red;
}

/* BEGIN - Boostap Form CSS */
.bsPanel .btn-default:hover {
    background-color: #337ab7;
    color: white;
}

.bsPanel .btn.green:hover {
    background-color: #5cb85c;
    color: white;
}

.bsPanel .btn.blue:hover {
    background-color: #337ab7;
    color: white;
}

.bsPanel .btn.red:hover {
    background-color: #d9534f;
    color: white;
}
/* END - Boostap Form CSS */

/* BEGIN - DTM Dropdown Menu CSS */
.dropdown-menu {
    white-space: nowrap;
}

.dropdown-menu > li:not(.dropdown-header):not(.separator):not(.divider):not(.buttonItem) 
{
    padding-left: 15px;
}

.dropdown-menu > li:not(.dropdown-header):not(.separator):not(.divider):not(.buttonItem):hover {
    border-style: solid;
    border-width: 1px;
    border-left-width: 10px;
    border-color: #337ab7;
    left: 0px;
    background-color: #DEF7FF ; /*#f5f5f5;*/
    margin: -1px;
}

.dropdown-menu > li:not(.dropdown-header):not(.separator):not(.divider):not(.buttonItem) > div {
    width: 100%;
}

.dropdown-menu > li:not(.dropdown-header):not(.separator):not(.divider):not(.buttonItem):hover > div,
.dropdown-menu > li:not(.dropdown-header):not(.separator):not(.divider):not(.buttonItem):hover > a {
    margin-left: -9px;    
}

.dropdown-menu > li:hover > i,
.dropdown-menu > li:hover > div > i,
.dropdown-menu > li:hover > a > i {
    color: #01799f;
}

.dropdown-menu > li .iconGroup i {
    color: #333;
}

.dropdown-menu > li .iconGroup i:hover {
    color: #01799f;
}

.dropdown-menu > li a:hover, 
.dropdown-menu > li a:focus {
    text-decoration: none;
    color: inherit;
    background-color: inherit !important;
}

.dropdown-menu .dropdown-header {
    font-size: 14px;
    color: #337ab7;
    font-weight: bold;
}
/* END - DTM Dropdown Menu CSS */

/* BEGIN - DTM Modal CSS */
.modal-title {
    background-color:#2e6da4; 
    color:white; 
    text-align: center; 
    border: 1px solid transparent; 
    border-radius: 50px; 
    padding:1px;
}
/* END - DTM Modal CSS */


body {background: #fff url('/Content/images/bg.png') top right no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}

.inline-block { display:inline-block; }

.ui-autocomplete
{
    z-index:2000 !important;
}

.margin-top-sm { margin-top: 0.5em; }
.margin-top-md { margin-top: 1.0em; }
.margin-top-lg { margin-top: 1.5em; }

.margin-right-sm { margin-right: 0.5em; }
.margin-right-md { margin-right: 1.0em; }
.margin-right-lg { margin-right: 1.5em; }

.form-group-bold, .form-group-bold .checkbox label {
    font-weight:bold;
}

.field-validation-error {
    color: #b10000;
}