body {
  padding-top: 50px;
}

.asterisk {
    color: red;
}

.opted-in {
   color: green;
}

.opted-out {
    color: red;
}

.not-opted {
    color: #FF6600;
}

.incomplete-auth {
    color: #FFCC00;
}

#DisclosureMessage {
    height:280px;
    margin-bottom: 10px;
    overflow-y: auto; /*Makes the Disclosure popup scrolls*/
}

.field-validation-error {
    color: red; /*Color of PDF password error*/
}

.alert {
    display: inline-block; /*Make alerts take the width of its content*/
    padding: 5px;
    max-width: 90%;  /* prevent alert from extending past parent element*/
}

.btn {
    padding: 5px;
    min-width: 70px;
    border-radius: 4px; /*added this to override bootstrap pager style*/
}

.round-border {
    padding: 12px 18px 12px 18px;
    border: 1px solid #b5b5b5;
    border-radius: 20px;
}

#dg-wel-msg{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 11pt !important;
}

#dg-wel-msg p{
    font-size: 11pt !important;
}

#divSettings {
    display:none; 
    margin-top:30px; 
    font-size:11pt;
}

input {
    border: 1px solid #ccc;
}

.dx-datagrid .dx-row-alt > td {
    background-color: #efefef !important;
}

.dx-datagrid-headers .dx-row,
.dx-datagrid .dx-state-hover > td {
    background-color: #c9c9c9 !important;
}

.no-bold {
    font-weight: normal !important;
}

.validation-summary-errors {
    color: #ff0000;
}

.colon-suffix:after{

   content:":";
}

.H3 {  /*This class is needed because page header should start with <h1>, not <h3> for screen reader compatible*/
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.H4 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.navbar-nav > li {
    color: #333333;
    font-weight: bold;
}

.navbar-default .navbar-nav > li > a {
    color: #333333 !important;
    font-weight: bold;
}

.navbar-brand {
    color: #333333 !important;
    font-weight: bold;
}

.previous {
    background-color: GrayText;
    width: 100px;
    color: black;
}

previous:hover, previous:focus {
    color: White;
    text-decoration: underline;
}

a {
    color: #333333;
}

a:hover {
    cursor: pointer;
}
.footer-text {
    color: blue !important;
    font-size: .75em;
}
.copywrite-text{
    font-size: .75em;
}

.a-default {
   
    color: #3399f3 !important;
    text-decoration: underline !important;
}

.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid #000000;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid #000000;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.active {
    color: #555;
    background-color: #A8A8A8 !important;
}

/* ------------- Sticky footer begins ---------------- */
.content {
    min-height: calc(100vh - 70px);
}

footer {
    height: 50px;
    text-align: center;
    margin-top:20px;
}
/* ------------- Sticky footer ends ---------------- */

/* ------------- Mobile vs Non-Mobile begins ---------------- */
@media (max-width: 767px) {     /*mobile*/
    .dss-non-mobile {
        display: none !important;
    }
    .navbar-header {
        min-height: 110px; /*Minimum height to prevent company name from wrapping in mobile view*/
    }
    .navbar {
        background-image: linear-gradient(to right, white 85%, #E8E8E8); /*To support non-transparent logo*/
    }

    #divEmail {
        width: 95% !important;
    }
}

@media (min-width: 767px) {     /*non-mobile*/
    .dss-mobile {
        display: none !important;
    }
    .navbar {
        background-image: linear-gradient(to right, white 60%, #E8E8E8); /*To support non-transparent logo*/
    }
}
/* ------------- Mobile vs Non-Mobile ends ---------------- */

.dx-treeview .dx-treeview-item {    
    max-width: 190px;  /* Width of 'Web Delivery' setting (in blue). This width prevents overlapping with My Delivery Setting Instructions*/
}

/*Dummy classes to make Resharper happy with the files that use Font Awesome*/
.fas .fa-chevron-up .fa-chevron-down .fa-sign-out-alt {
    cursor: pointer;
}
.spacer15 {
    height: 15px;
}

.fade {
    opacity: 1;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-backdrop.in {
    opacity: 0.5;
}
.modal-backdrop.fade {
    opacity: 0.5 !important;
}