﻿
/* override anchor links to black in menu....*/
html body a {
    color: #000;
    text-decoration: none;
}

    /* screen.css (1131, 21) */
    a:hover, a:focus {
        text-decoration: underline;
    }



/* tighten table layout was removed padding: 0 6px 12px 6px;*/
form#maineditform > fieldset > table.table > thead > tr > td, form#maineditform > .table > thead > tr > th {
    font-weight: 400;
    font-size: 12px;
}

form#maineditform > fieldset > table.table > tbody > tr > td {
    font-size: 12px;
}

.table > thead > tr > td, .table > thead > tr > th {
    font-weight: 400;
    font-size: 16px;
    padding: 0;
}


form#maineditform > fieldset.ISTSOnlyBorder {
    border: medium solid #999999;
}
/* Override to make rich text bullets to display  */
form#maineditform > fieldset ul > li, .alert > ul > li, div.comcastpublicedittext ul > li {
    list-style-type: disc;
}


form#maineditform > fieldset ul, .alert > ul, div.comcastpublicedittext ul {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 40px;
}

form#maineditform .input-group-addon {
    color: #999999;
}

.pager li a {
    background-color: transparent;
    border: 1px solid #D2D7D6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.pager li a, .pagination a {
    text-transform: uppercase;
}

a.addrowlink.btn-link {
    float: left;
}

a.forgot-password-link, #birthdayWhyHelp {
    cursor: pointer;
}
/*@media all and (min-width:1100px)*/
body div.container {
    width: 90%;
    max-width: 90%;
}

@media (min-width: 1100px) {
    body div .container {
        width: 90%;
        max-width: 90%;
    }
}

/*@media all and (min-width:1100px)*/
/*.jumbotron {
    width: 90%;
}*/
@media (min-width: 768px) {
    body div.jumbotron {
        width: 750px;
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    body div.jumbotron {
        width: 920px;
        max-width: 920px;
    }
}
@media (min-width: 1100px) {
    body div.jumbotron {
        width: 90%;
        max-width: 90%;
    }
}
@media (min-width: 1400px) {
    body div.jumbotron {
        width: 90%;
        max-width: 90%;
    }
}

div.suprequest .modal-dialog {
    max-width: 95% !important;
    margin: auto;
    height: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}


.input-group-addon {
    color: none;
}

div.modal.suprequest {
    height: auto;
    max-width: 95% !important;
    margin: auto;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: auto;
}


/* Show links on home page */

a.formlinkcss, a.view-details-link, a.tuitionassistancelink {
    text-decoration: underline;
}
/* make link in status button clickable and not show hyperlink underline*/
div.application-item div.content-area div.row.form-item div.status a {
    margin: 0;
    display: block;
    text-decoration: none !important;
}

.childindent, .subtitle.childindent-1 {
    padding-left: 30px;
}

    .childindent.childindent-1 {
        padding-left: 45px;
    }

div.modal.comcastedit {
    height: 90%;
    max-width: 97% !important;
    margin: auto;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: auto;
}

    div.modal.comcastedit .modal-content, div.modal.comcastedit .modal-dialog {
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }


/* Set height of Checkboxes to 24 */
input[type="checkbox"] {
    height: 24px !important;
    width: 24px !important;
    border-radius: 2px !important;
}

.form-check-input:checked {
    background-color: #767676;
    border-color: #767676;
}

input[type="radio"],
{
    height: 15px !important;
    width: 15px !important;
}

/* Make TA link green. */
.application-item .content-area div.row.form-item.tuitionassistancelink a:link, .application-item .content-area div.row.form-item.tuitionassistancelink a:hover, .application-item .content-area div.row.form-item.tuitionassistancelink a:focus, .application-item .content-area div.row.form-item.tuitionassistancelink a:active {
    text-decoration: underline;
    color: #5fa35b;
}

.language-btn {
    float: none;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-right: 5px;
}

legend {
    margin-top: 10px;
}

.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 35px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    margin-left: 10px;
}

.radio input[type='radio'], .radio-inline input[type='radio'], .checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'] {
    position: absolute;
    margin-left: -35px;
    margin-top: 4px;
}

.navbar-collapse {
    z-index: 1050;
}

body.mobile-menu-active {
    z-index: 1050;
}
/* float left on small devices...*/
@media (max-width:767px) {
    .home-cta {
        float: left;
    }
}
/* override supplemet style*/
#identifySupplementSubmit {
    float: none;
}

body.login .browserlanguageheadermenu {
    float: none !important;
    margin: 0 auto;
    display: block;
    width: 190px;
    margin-top: 20px;
}

body.login a.btn.languagesettingshelp {
    margin-top: 5px;
}

body.login .container.languagecontainer {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
}

.browserlanguageheadermenu li {
    float: left;
    padding: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #808080;
    margin-top: 10px;
}

ul.browsersettingshelplink li {
    list-style-type: disc;
    margin-left: 30px;
}

    ul.browsersettingshelplink li a {
        text-decoration: underline;
    }

body.login a.powered-by img.btn {
    float: none;
    margin-top: 0;
    display: block;
    margin: auto;
}

body .powered-by img {
    float: none;
    width: auto;
    height: auto;
    margin-left: auto;
}

body.login .powered-by {
    background: none;
}


body.home .powered-by img {
    float: left;
}

body.home .powered-by {
    padding: 5px 10px;
}

/* make max size on logos on form pages*/
/*.navbar .navbar-brand {
    max-width: 375px;
    max-height: 215px;
    width: auto;
    height: auto;
}*/

/* make responsive logos on form pages*/
.logoholder {
    max-width: 100% !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}

.navbar .navbar-brand {
    max-height: 215px;
    max-width: 100% !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}
    /* make responsive logos on form pages ended */
    .navbar .navbar-brand img {
        max-width: 375px;
        max-height: 200px;
    }
/* Add padding to item in item in data summary*/
div.summary ul.list-group li.list-group-item .col-md-8 {
    padding-bottom: 10px;
}

.fundavailnegative {
    color: red;
}

#popupApply .modal-body, #popupSupplement .modal-body {
    flex: unset;
}

.modal-dialog {
    max-width: unset;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px !important;
    font-size: 12px;
    height: 30px;
    min-width: 100px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

table+.dt-buttons .btn.btn-secondary {
    color: #333;
    background-color: #fff;
}

.text-primary {
    color: #749A4B !important;
}

.modal.in.DTED .modal-dialog div.DTE_Header, .modal.in.DTED .modal-dialog .DTE_Header.modal-header {
    position: unset;
    height: auto;
    width: 100%;
    background-color: unset;
    border-bottom: 0;
    padding: 0;
    display: block;
    padding-top: 3rem;
}

    .modal.in.DTED .modal-dialog div.DTE_Header .modal-title {
        border-bottom: 3px solid #D2D7D6;
    }

.modal.in.DTED .modal-dialog div.DTE_Footer, .modal.in.DTED .modal-dialog .DTE_Footer.modal-footer {
    position: unset;
    height: auto;
    display: block;
    background: transparent;
}

    .modal.in.DTED .modal-dialog .DTE_Footer.modal-footer button.btn {
        color: #333;
        background: #fff;
        border: 0;
        box-shadow: none;
    }

        .modal.in.DTED .modal-dialog div.DTE_Footer button.btn.btn-primary, .modal.in.DTED .modal-dialog .DTE_Footer.modal-footer button.btn.btn-primary {
            color: #fff;
            background: #749A4B;
            border: 0;
        }
.modal.in.DTED .modal-dialog div.DTE div.DTE_Form_Content,
.modal.in.DTED .modal-dialog div.DTE div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    padding: 0;
}

.modal.in.DTED .modal-dialog div.DTE_Body.modal-body, .modal.in.DTED .modal-dialog .DTE_Body.modal-body {
    flex: unset;
    margin: 2rem 0;
}

.modal.in.DTED .modal-dialog div.DTE_Header .btn-close {
    font-weight: 300;
    position: absolute;
    right: 20px;
    top: 10px;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
}

.modal.in.DTED .modal-dialog div.DTE_Body.modal-body textarea.form-control {
    height: auto;
}

.modal.in.DTED .modal-dialog div.DTE_Body.modal-body .form-control {
    padding: 6px 12px;
}

.modal.in.DTED .modal-dialog div.DTE_Body.modal-body .form-group {
    margin-bottom: 5px;
}

select.form-control {
    appearance: auto;
}

.form-control:focus {
    outline: 0 !important;
}

.modal.DTED .form-check .form-check-input {
    appearance: unset;
}

.modal.DTED .form-check .form-check-input:checked[type=checkbox] {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e);
}

.modal.DTED .form-check .form-check-input:checked {
    background-color: #767676;
    border-color: #767676;
}

.alert.fade {
    opacity: 1 !important;
}

#createSupplementRequestDialogModal .modal-body {
    flex: unset;
}



.tooltip.show {
    opacity: .9;
}

.bs-tooltip-auto[data-popper-placement^=top], .bs-tooltip-top {
    padding: .4rem 0;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
    bottom: 0;
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: .4rem .4rem 0;
    border-top-color: #4a4a4a;
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.popover.show {
    opacity:1;
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
    bottom: calc(-0.5rem - 1px);
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.popover .popover-arrow::after, .popover .popover-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0,0,0,.25);
}

.popover .popover-arrow::after, .popover .popover-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.popover-header {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-body {
    padding: 9px 14px;
}

.nav nav-justified dropdown-toggle bg-primary {
    color: chartreuse !important;
    background-color: chartreuse;
}

.bg-primary {
    background-color: #749A4B !important;
}