/* ############################
    Form Styles
############################ */

.form {
    padding: 15px 10px;
    background: #eeeeee;
}

.form + * {
    margin-top: 15px;
}

.form * {
    box-sizing: border-box;
}

.form:after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

.row:after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

h3.red-bar {
    background: #C81010;
    color: white;
    padding: 15px 15px;
    text-align: left;
}

h3.darkblue-bar {
    background: #002633;
    color: white;
    padding: 15px 15px;
    text-align: left;
}

h3.red-bar.text-center,h3.darkblue-bar.text-center{
	text-align: center;
}

.input-field {
    position: relative;
    min-height: 48px;
}

.input-field ul {
    background: white;
    
}

.input-field ul li,
.input-field .ui-widget-content a{
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: black;
}

.input-field i.autocomplete-icon,
table.form td i.autocomplete-icon {
    z-index: 500;
    position: absolute;
    right: 10px;
    top: 18px;
    border-top: solid 7px black;
    border-left: solid 3px transparent;
    border-right: solid 3px transparent;
}

table.form td i.autocomplete-icon  {
    right: 15px;
    top: 25px;  
}


.input-field input[type="text"],
.input-field input[type="password"],
.input-field input[type="date"],
.input-field select,
.input-field textarea,
.input-field .form-control-text,
.input-field .EditingFormErrorLabel {
    position: relative;
    width: 70%;
    left: 30%;
}

.input-field .EditingFormErrorLabel,
.ErrorLabel {
    color: red;
    font-size: 80%
}

.ErrorLabel {
    display: block;
    margin-bottom: 5px;
}

.input-field input[type="text"],
.input-field input[type="password"],
.input-field input[type="date"],
.input-field select,
.input-field textarea,
.input-field .form-control-text,
.form-field input[type="text"],
.form-field input[type="password"],
.form-field input[type="date"],
.form-field select,
.form-field textarea,
.form-field .form-control-text{
    padding: 5px;
    background: #ffffff;
    border: solid 1px black;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.input-field input[type="text"],
.input-field input[type="password"],
.input-field input[type="date"],
.input-field select,
.input-field textarea,
.input-field .form-control-text {
    margin: 0.5em auto;
}

.input-field .form-control-text {
    border: none;
    padding: 0;
    position: relative;
    top: 10px;
    background: transparent;
}

.input-field.large input[type="text"],
.input-field.large input[type="password"],
.input-field.large input[type="date"],
.input-field.large select,
.input-field.large textarea,
.input-field .form-control-text {
    width: 70%;
    left: 30%;
}

.input-field input[type="text"]:focus,
.input-field input[type="text"].focus,
.input-field input[type="password"]:focus,
.input-field input[type="password"].focus,
.input-field input[type="date"]:focus,
.input-field input[type="date"].focus,
.input-field select:focus,
.input-field select.focus,
.input-field textarea:focus,
.input-field textarea.focus {
    border-color: #F1D529;
    outline: none;
}
.input-field + .input-field {
    margin-top: 10px;
}
.input-field textarea {
    height: 145px;
}
.input-field.phone select {
    width: 25%;
}
.input-field.phone input[type="text"],
.input-field.phone input[type="password"],
.input-field.phone input[type="date"] {
    width: 45%;
}
.input-field label,
.radio-field label,
.input-field .control-label {
    display: block;
    position: absolute;
    width: 30%;
    padding-right: 10px;
    padding-left: 10px;
    left: 0;
    top: 11px;
    text-align: right;
    color: #000000;
    font-size: 90%;
    text-shadow: 0 0 0 #000000;
    
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.input-field label.required:after,
.radio-field label.required:after {
    content: "*";
    display: inline;
    margin-left: 5px;
    color: #f44336;
}
.input-field label.error,
.radio-field label.error {
    color: #f44336;
}
.radio-field {
    position: relative;
}
.radio-field .radio-group {
    position: relative;
    width: 85%;
    left: 15%;
    bottom: 5px;
}
.radio-field label {
    width: 30%;
    position: relative;
}
.radio-field.large .radio-group {
    position: relative;
    width: 50%;
    left: 50%;
    bottom: 15px;
}
.radio-field.large label {
    width: 49%;
    position: relative;
}
.col.xs6 .input-field input[type="text"],
.col.xs6 .input-field input[type="password"],
.col.xs6 .input-field input[type="date"] {
    width: 70%;
    left: 30%;
}
.col.xs6 .input-field label {
    width: 29%;
}
.disabled,
a.disabled,
.nav ul > li > a.disabled {
    color: #cccccc;
    background: #eeeeee;
    border-color: #dddddd;
}
.disabled:hover,
a.disabled:hover,
.nav ul > li > a.disabled:hover {
    color: #cccccc;
    background: #eeeeee;
    border-color: #cccccc;
    cursor: default;
}
.form.no-label input,
.input-field.no-label input,
.input-field.no-label select {
    width: 100%;
    position: static;
}

.form-head {
    display: block;
    margin-left: 5px;
    padding: 10px 0;
    background: #7777777;
}

.input-field.date input {
    max-width: 150px;
}

.input-field.date button,
.input-field.date a.form-control-text {
    position: relative;
    display: inline-block;
    left: 30%;
    margin-left: 5px;
    padding: 7px 15px;
    color: white;
    background: #F1D529;
    border: none;
}

.input-field.date button i {
    margin-right: 7.5px;
    color: white;
}

a.btn.btn-primary, .FormButton {
    padding: 7px 15px;
    color: black;
    background: #F1D529;
    border: none;
    font-size: 14px;
    line-height: 115%;
    display: inline-block;
    cursor: pointer;
}

.btn + .btn {
    margin-left: 5px;
}

.input-field.date a.form-control-text {
    width: auto;
    top: 1px;
    padding: 4.5px 15px;
    font-size: 14px;

}

@media only screen and (max-width: 639px) {
    .col {
        padding: 0 15px;
    }
    
    .hide-on-mobile {
        display: none !important;
    }
    
    .input-field.large input[type="text"],
    .input-field.large input[type="password"],
    .input-field.large input[type="date"],
    .input-field.large select,
    .input-field input[type="text"],
    .input-field input[type="password"],
    .input-field input[type="date"],
    .input-field select,
    .input-field .form-control-text,
    .input-field .EditingFormErrorLabel {
        width: 100%;
        margin: 1.5em auto 0.5em auto;
        left: 0;
    }
    .input-field .EditingFormErrorLabel {
        margin: 0;
    }
    
    .input-field .form-control-text {
        display: block;
        position: relative;
        top: 20px;
        margin-top: 0;
    }
    
    .input-field {
        padding: 0;
    }
    .input-field label,
    .input-field .control-label {
        width: 100%;
        position: absolute;
        top: 2px;
        text-align: left;
        font-size: 75%;
        margin: 0 auto;
        padding-left: 0;
    }
    .radio-field,
    .radio-field.large {
        position: static;
        padding-top: 15px;
        color: #000000;
    }
    .radio-field label,
    .radio-field.large label {
        position: static;
        width: 100%;
        font-size: 75%;
    }
    .radio-field .radio-group,
    .radio-field.large .radio-group {
        padding: 15px;
        position: static;
    }
}

::-webkit-input-placeholder {
    color: white;
    font-family: Arial, sans-serif;
}

:-moz-placeholder { /* Firefox 18- */
    color: white;
    font-family: Arial, sans-serif;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: white;
    font-family: Arial, sans-serif;
}

:-ms-input-placeholder {  
    color: white;
    font-family: Arial, sans-serif;
}

/* ############################
    Calendar Styles
############################ */
.calendar table td,
.calendar table th {
    border: solid 1px black;
}

.calendar table td.calendar-nextprev:first-child {
    border-right: 0;
}

.calendar table td.calendar-nextprev:first-child + td {
    border-right: 0;
    border-left: 0;
}

.calendar table td.calendar-nextprev:last-child {
    border-left: 0;
}

.calendar table tr:nth-child(1n + 2) td {
    height: 125px;
    vertical-align: top;
    text-align: left;
}

.calendar table tr:nth-child(0n + 1) td {
    height: 0;
    vertical-align: middle;
}

.calendar p + p:before {
    content: "";
    display:  block;
    width: 100%;
    border-bottom: solid 1px #eeeeee;
    margin: 5px auto;
}

/* ############################
    Form Styles
############################ */

table.form {
    background: transparent;
}

.row:after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

table.form td {
    position: relative;
    min-height: 48px;
}

table.form td ul {
    background: white;
    
}

table.form td ul li,
table.form td .ui-widget-content a {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: black;
}

table.form td input[type="text"],
table.form td input[type="password"],
table.form td input[type="date"],
table.form td select,
table.form td textarea,
table.form td .form-control-text,
table.form td .EditingFormErrorLabel {
    position: static;
    width: 100%;
}

table.form.cell-30 td input[type="text"],
table.form.cell-30 td input[type="password"],
table.form.cell-30 td input[type="date"],
table.form.cell-30 td select,
table.form.cell-30 td textarea,
table.form.cell-30 td .form-control-text,
table.form.cell-30 td .EditingFormErrorLabel {
    max-width: 30px;
}

table.form.cell-35 td input[type="text"],
table.form.cell-35 td input[type="password"],
table.form.cell-35 td input[type="date"],
table.form.cell-35 td select,
table.form.cell-35 td textarea,
table.form.cell-35 td .form-control-text,
table.form.cell-35 td .EditingFormErrorLabel {
    max-width: 35px;
}

table.form.cell-40 td input[type="text"],
table.form.cell-40 td input[type="password"],
table.form.cell-40 td input[type="date"],
table.form.cell-40 td select,
table.form.cell-40 td textarea,
table.form.cell-40 td .form-control-text,
table.form.cell-40 td .EditingFormErrorLabel {
    max-width: 40px;
}

table.form.cell-45 td input[type="text"],
table.form.cell-45 td input[type="password"],
table.form.cell-45 td input[type="date"],
table.form.cell-45 td select,
table.form.cell-45 td textarea,
table.form.cell-45 td .form-control-text,
table.form.cell-45 td .EditingFormErrorLabel {
    max-width: 45px;
}

table.form.cell-50 td input[type="text"],
table.form.cell-50 td input[type="password"],
table.form.cell-50 td input[type="date"],
table.form.cell-50 td select,
table.form.cell-50 td textarea,
table.form.cell-50 td .form-control-text,
table.form.cell-50 td .EditingFormErrorLabel {
    max-width: 50px;
}

table.form td .EditingFormErrorLabel {
    color: red;
    font-size: 80%
}

table.form td input[type="text"],
table.form td input[type="password"],
table.form td input[type="date"],
table.form td select,
table.form td textarea,
table.form td .form-control-text {
    padding: 5px;
    margin: 0.5em auto;
    background: #ffffff;
    border: solid 1px #000000;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

table.form td .form-control-text {
    border: none;
    padding: 0;
    position: relative;
    top: 10px;
    background: transparent;
}

table.form td.large input[type="text"],
table.form td.large input[type="password"],
table.form td.large input[type="date"],
table.form td.large select,
table.form td.large textarea,
table.form td .form-control-text {
    width: 100%;
}

table.form td input[type="text"]:focus,
table.form td input[type="text"].focus,
table.form td input[type="password"]:focus,
table.form td input[type="password"].focus,
table.form td input[type="date"]:focus,
table.form td input[type="date"].focus,
table.form td select:focus,
table.form td select.focus,
table.form td textarea:focus,
table.form td textarea.focus {
    border-color: #F1D529;
    outline: none;
}
table.form td + table.form td {
    margin-top: 10px;
}
table.form td textarea {
    height: 145px;
}
table.form td.phone select {
    width: 25%;
}
table.form td.phone input[type="text"],
table.form td.phone input[type="password"],
table.form td.phone input[type="date"] {
    width: 45%;
}
table.form td.date input {
    max-width: 150px;
}

table.form td.date button,
table.form td.date a.form-control-text {
    position: relative;
    display: inline-block;
    left: 30%;
    margin-left: 5px;
    padding: 7px 15px;
    color: white;
    background: #F1D529;
    border: none;
}

table.form td.date button i {
    margin-right: 7.5px;
    color: white;
}

table.form td.date a.form-control-text {
    width: auto;
    top: 1px;
    padding: 4.5px 15px;
    font-size: 14px;

}

input.cell-30 {
    width: 30px !important; 
    max-width: none !important;
}

input.cell-35 {
    width: 35px !important; 
    max-width: none !important;
}

input.cell-40 {
    width: 40px !important; ;
    max-width: none !important;
}

input.cell-45 {
    width: 40px !important; ;
    max-width: none !important;
}

input.cell-50 {
    width: 50px !important; ;
    max-width: none !important;
}

.disabled, .aspNetDisabled, 
table.form td input[type="text"]:disabled, 
table.form td input[type="password"]:disabled, 
table.form td input[type="email"]:disabled, 
table.form td input[type="date"]:disabled, 
table.form td input[disabled="disabled"] {
    border-color: #777777;
    background: #eeeeee;
    cursor: default;
    color: black;
}

.input-field.check label {
    position: static;
    display: inline-block;
    margin-left: 5px;
    width: auto;
    padding: 0;
    text-align: left;
    font-size: 80%;
}

.input-field.check .editing-form-control-nested-control {
    position: relative;
    top: 11px;
    left: 30%;
}

.input-field.check .checkbox + .checkbox {
   margin-left: 5px;
}

.input-field.check input[type="checkbox"] {
    display: inline-block;
    position: relative;
    top: 1px;
}

.max-100 {
    max-width: 100px;
}

.max-200 {
    max-width: 200px;
}

.hide {
    display: none;
}

/* ############################
    Tab Styles
############################ */

.ajax__tab_container.ajax__tab_default {
}

.ajax__tab_xp .ajax__tab_header {
    display: flex;
}

.ajax__tab_xp .ajax__tab_header > span + span {
    margin-left: 5px;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab, 
.ajax__tab_xp .ajax__tab_hover .ajax__tab_header .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_hover .ajax__tab_header .ajax__tab_active .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_header .ajax__tab_inner, 
.ajax__tab_xp .ajax__tab_hover .ajax__tab_header .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_hover .ajax__tab_header .ajax__tab_active .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_header .ajax__tab_outer, 
.ajax__tab_xp .ajax__tab_hover .ajax__tab_header .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_hover .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
    background: none !important;
    border: none;
    color: rgba(255,255,255, 0.9);
    height: auto !important;
    position: relative;
    padding: 0px !important;
    margin: 0px !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    background: #002633 !important;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 16px;
    padding: 7px 15px !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
   background: #C81010 !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0);
    position: absolute;
    top: 0;
    left: 0
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab:hover {
    color: white;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab:hover:before {
    background: rgba(255, 255, 255, 0.33);
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab:hover {
   background: #890000 !important;
   color: white !important;
}
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab:hover:before {
    content: none;
}

.ajax__tab_body.ajax__scroll_auto {
    overflow-x: hidden;
    overflow-y: auto;
}

/* ############################
    No-Content Styles
############################ */

.report-table > tbody > tr {
    background: #F5F5F5
}


.report-table > tbody > tr > td:first-child {
    background: #002633;
    color: white;
    width: 30%;
}

.report-table > thead > tr > th {
    background: #002633;
    color: white;
    text-transform: uppercase;
}

#PipelineReviewTable > tbody > tr:nth-child(1) > td:first-child {
    color: #002633;
}

#PipelineReviewTable > tbody > tr > td {
    padding: 0px;
}

#PipelineReviewTable table {
    border: solid 2px #002633;
}

#PipelineReviewTable table > thead > tr > th {
    background: #002633;
    color: white;
    text-transform: uppercase;
    font-weight: normal;
}

#SalesGoalsTable table.form {
    box-sizing: border-box;
    border: solid 1px #eeeeee;
    border-collapse: separate;
    
    max-width: 700px;
    margin: 0px auto;
}

#SalesGoalsTable table.form td[colspan='2'] {
    padding: 0px;
}

.responsive-table {
    overflow-x: auto;
}

.responsive-table table {
    min-width: 700px;
}

/* ############################
    No-Content Styles
############################ */

.no-content > * {
    display: none;
}

.no-content:before {
    content: "-";
    color: transparent;
}