/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top: 80px;
    padding-left: 15px;
    padding-right: 5px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/*h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}*/

h1, .h1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.5rem !important;
    }
}

h2, .h2 {
    font-size: calc(1.325rem + 0.9vw) !important;
}

/*@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 2rem !important;
    }
}

h3, .h3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.75rem !important;
    }
}

h4, .h4 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.5rem !important;
    }
}

h5, .h5 {
    font-size: 1.25rem !important;
}

h6, .h6 {
    font-size: 1rem !important;
}*/

p {
    margin-top: 0;
    margin-bottom: 1rem;
}



/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

    textarea.textarea-full.form-control {
        max-width: 80%;
        width: 100%;
    }

    .panel-row-gutter {
        height: 180px;
    }

    .row-gutter {
        height: 10px;
    }

    .hdr-row {
        background-color: #9dcbed !important;
        height: 20px;
    }

    .hdr-row-bold {
        background-color: #9dcbed;
        font-weight: bold;
        height: 20px;
    }

    .hdr-row-sub {
        background-color: #c7ccd0 !important;
        height: 20px;
        font-weight: bold;
    }

    .hdr-row-right {
        float: right !important;
    }

    .row-current {
        font-weight: bold;
        color: blue
    }

    .row-current-acct {
        font-weight: bold;
        color: green
    }

    .row-eligible-future {
        color: #0705eb
    }

    .fa-spin-custom, .glyphicon-spin, .glyphicon-refresh-animate {
        -webkit-animation: fa-spin 1000ms infinite linear;
        animation: fa-spin 1000ms infinite linear;
    }

    /* Loader */
    .loading-icon {
        display: none;
        position: relative;
        width: 20px;
        height: 20px;
        margin: 50px auto;
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear;
    }

        .loading-icon:before {
            content: "\f110";
            font-family: FontAwesome;
            font-size: 20px;
            position: absolute;
            top: 0;
        }

    .blockMsg {
        border: none;
        padding: 5px;
        background-color: #000;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        opacity: .5;
        color: #fff;
    }

    /* typeahead fields*/
    input .typeahead {
        max-width: 450px;
    }

    #scrollable-dropdown-menu .tt-dropdown-menu {
        max-height: 150px;
        overflow-y: auto;
    }

    #scrollable-dropdown-menu input {
        max-width: 350px;
    }

    /* Toolbar*/
    .toolbar-fixed-top {
        top: 90px;
        width: 66%;
        position: fixed;
        z-index: 1040;
    }

    .toolbar-btn-fixed-top-right {
        float: right !important;
    }

    .StatusColorActive {
        color: green;
        white-space: nowrap;
    }

    .StatusColorInactive {
        color: red;
        white-space: nowrap;
    }

    .StatusColorRetired {
        color: blue;
        white-space: nowrap;
    }

    .StatusColorVoid {
        color: blue;
        white-space: nowrap;
    }

    .StatusColorCOBRA {
        color: brown;
        white-space: nowrap;
    }

    .StatusColorDeleted {
        color: #000000;
        white-space: nowrap;
    }

    .MemberNameHdr {
        color: #08089f;
        font-weight: bold;
        white-space: nowrap;
    }

    .PlanInfoHdr {
        color: #295f86;
        font-size: 12px;
        font-weight: bold;
    }

    .PlanInfoLabel {
        font-weight: bold;
    }

    .PlanInfoVoidDelete {
        color: #9d0505;
        font-weight: bold;
    }

    .SalaryInfoHdr {
        color: #29867b;
        font-size: 12px;
        font-weight: bold;
    }

    .NestedPanelQuestion{
        font-weight: bold;
    }

    .PremiumDisplay {
        background-color: #111168;
        color: #ffffff;
        padding-right: 5px;
        padding-left: 5px;
    }

    .loading-spinner-center {
        display: none;
        position: relative;
        width: 300px;
        height: 20px;
        margin: 50px auto;
    }

    .loading-spinner-overlay {
        display: none;
        background: #ffffff;
        color: #666666;
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 5000;
        top: 0;
        left: 0;
        float: left;
        text-align: center;
        padding-top: 25%;
    }

    .instruction-panel {
        border: 1px solid black;
        background-color: #d5e9f7;
        width: auto;
        padding: 5px 5px 5px 5px;
    }

    /* Select List Items*/
    .style-select {
        select {
    padding: 0;
    option {
      padding: 4px 10px 4px 10px;
    }
    option:hover {
      background: #EEEEEE;
    }
  }
}

.btn-block-40 {
    width: 40%;
}

.add-btns {
  padding: 0;
  input {
    margin-top: 25px;
    width: 100%;
  }
}

.selected-left {
  float: left;
  width: 88%;
}

.selected-right {
  float: left;
  button {
    display: block;
    margin-left: 4px;
    margin-bottom: 2px;
  }
}

@media (max-width:517px) {
  .selected-right {
    button {
      display: inline;
      margin-bottom: 5px;
    }
  }
}

.subject-info-box-1,
.subject-info-box-2 {
  float: left;
  width: 45%;
  select {
    height: 200px;
    padding: 0;
    option {
      padding: 4px 10px 4px 10px;
    }
    option:hover {
      background: #EEEEEE;
    }
  }
}

.subject-info-arrows {
  float: left;
  width: 10%;
  input {
    width: 70%;
    margin-bottom: 5px;
  }
}


.excelbtn:before
{
content: "\f1c3";
font-family: FontAwesome;
}

.pdfbtn:before
{
content: "\f1c1";
font-family: FontAwesome;
}

.printbtn:before{
    content: "\f02f";
    font-family: FontAwesome;
}

.MsgStatusUnread {
    color: #b94a48;
}

.MsgReceived {
    background-color: #c7ccd0;
}

.MsgSent {
    /*background: url('../Scripts/DataTables-1.10.13/images/details_close.png') no-repeat center center;*/
    
}

.affirmButtons {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 20px;
    grid-rows: 2;
    -ms-grid-columns: 33% 5px 33% 5px 33%;
    ;
    -ms-grid-rows: 2;
}

.radioToggleCenter {
    display: flex;
    grid-area: radioToggleCenter;
    -ms-grid-row: 1;
    grid-row: 1;
    grid-column: 2;
    justify-content: center;
}

.buttonRow2Center {
    grid-area: buttonRow2Center;
    display: flex;
    -ms-grid-row: 2;
    grid-row: 2;
    grid-column: 2;
    justify-content: center;
}

.form-label-bold {
    font-weight: bold;
}

.surveyHelpInstructions {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 14px;
    /*background-color:#91f1f1;*/
    border:none;
    /*border-color: red;*/
}