/*************************************************************/
/* Bootstrap fix for Popover
/*************************************************************/
/*.popover {
    max-width: none;
}*/

/*************************************************************/
/* Bootstrap fix for RadioButtonList layout, including disabled items, horizontal/vertial direction, table/flow layout*/
/*************************************************************/
/*span.radio > input[type="radio"], span.radio > span > input[type="radio"], table.radio > tbody > tr > td > input[type="radio"], table.radio > tbody > tr > td > span > input[type="radio"] {
    margin-left: 0px;
}
span.radio > label, span.radio > span >label, table.radio > tbody > tr > td > label, table.radio > tbody > tr > td > span >label {
    padding-right: 20px;
}*/

/*************************************************************/
/* Bootstrap fix for CheckboxList layout */
/*************************************************************/
/* Vertical align checkbox and label */
/*.checkboxlist-fix input {
    float: left;
    clear: both;
}*/
/* Spacing between checkbox and label */
/*.checkboxlist-fix label { 
    margin-left: 10px; 
}*/

/*************************************************************/
/* Bootstrap fix for Checkbox layout */
/*************************************************************/
/* Spacing between checkbox and label */
/*.checkbox-fix label {
    margin-left: 5px;
}*/

/*************************************************************/
/* Convert radio buttons to buttons for message template selection */
/*************************************************************/
/* Make text in link buttons white */
/*a.btn {
    color: white;
}*/

/* Button-like radio buttons  for template selection */
/*.radiobutton input[type=radio] {
    display:none;
}
 
.radiobutton input[type=radio] + label {
    display:inline-block;
    margin:-2px;*/
    /*padding: 4px 12px;*/
    /*padding: 25px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: justify;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
 
.radiobutton input[type=radio]:checked + label {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);*/
    /*background-color:#e0e0e0;*/
    /*background-color: #0094ff;
}*/

/*************************************************************/
/* Custom styles */
/*************************************************************/
/*a.dropdown-toggle.preserve-style {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 15px;
}

#myNavbar img {
    border-width: 0px;
}

#modal-page-loading .modal-dialog {
    padding-top: 15%;
}

#modal-page-loading .progress-bar.progress-bar-striped.active {
    width: 100%;
}

#modal-page-notice .rightcol {
    padding-left: 30px;
}*/

/* Override paddings for accounts dropdown in menu */
a#nav-accounts-toggle {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1em;
}

/* Override default 100% because alignment will run when validation label appear */
.iti {
    width: 100%;
}

.iti__selected-flag {
    height: 35px;
}

.iti__flag {
    background-image: url("../img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("../img/flags@2x.png");
    }
}

/* Links in data tables */
th a {
    text-decoration-line: none;
}

td a {
    text-decoration-line: none;
}

/* Bootstrap 5 popover custom style for status and error */
.wide-popover {
    max-width: 100%;
}

/* Bootstrap 5 card for nav tab to remove top round edges */
.card-navtab {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/*************************************************************/
/* Bootstrap fix for RadioButtonList/CheckButtonList layout */
/*************************************************************/
table.form-check td input[type="radio"] + label {
    margin-left: 0.5em;
}

table.form-check td input[type="checkbox"] + label {
    margin-left: 0.5em;
}

/* Table sort indicators */
/*th.sortable {
    position: relative;
    cursor: pointer;
}

th.sortable a::after {
    font-family: bootstrap-icons;
    content: "\F283";
    position: absolute;
    right: 8px;
    color: #999;
}

th.sortable.asc a::after {
    content: "\F286";
}

th.sortable.desc a::after {
    content: "\F282";
}

th.sortable:hover a::after {
    color: #333;
}*/

/*************************************************************/
/* Hide honeypot signup field to trap bot signup
/*************************************************************/
.honeypot {
    position: absolute !important;
    height: 0;
    width: 0;
    overflow: hidden;
    opacity: 0;
}

/*************************************************************/
/* Make inputs disabled visually but still enabled for postback
/*************************************************************/
.disabled-look {
    background-color: #f0f0f0;
    color: #999;
    pointer-events: none;
    opacity: 0.7;
    cursor: not-allowed;
}