/**
 * Main application CSS
 *
 * See http://cssguidelin.es/ for CSS style guidelines
 *
 */

/*-----------------*\
    #403-404 PAGES
\*-----------------*/

.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }

/*--------------*\
    #NAVBAR
\*--------------*/

.navbar {
    padding: 0.0rem;
}

/* change the background color */
.navbar-custom {
    background-color: #b00 !important;
}

/* change the background color */
.navbar-custom .nav-item .nav-link {
    color: #fff;
}


/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #fff;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #b00;
    background-color: #fff !important;
}

.nav-link:hover {
    text-decoration: underline;
}

/*--------------*\
  # SPONSOR LOGO
\*--------------*/

.aic_spons_logo { 
	display: block; 
	max-width:200px; 
	max-height:49px; 
	width: auto; 
	height: auto;
}

/*--------------*\
  #TYPEAHEAD FIX

    The font is 10px
    by default, which is too small
\*--------------*/

.typeahead__container,
.typeahead__container button,
.typeahead__container input,
.typeahead__container optgroup,
.typeahead__container select,
.typeahead__container textarea {
    font-size: 1.0em;
}






/*----------------*\
       MODAL
\*----------------*/

.modal-header {
    background-color: #b00;
    color: white;
    padding: 1.3rem;
}

.modal-body {
    padding: 1.3rem;
}

.modal-footer {
    background-color: #FFF;
    color: white;
    padding: 1.3rem;
}







/*-------------------*\
    #MODAL SUCCESS
\*-------------------*/

.modal-confirm {
    color: #636363;
    width: 325px;
}
.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
}
.modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
    background-color: white;
}
.modal-confirm h4 {
    text-align: center !important;
    font-size: 26px;
}
.modal-confirm .form-control, .modal-confirm .btn {
    min-height: 40px;
    border-radius: 3px;
}
.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -5px;
}
.modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
}
.modal-confirm .icon-box {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #28a745;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-confirm .icon-box i {
    font-size: 58px;
    position: relative;
    top: 3px;
}
.modal-confirm.modal-confirm {
    margin-top: 80px;
}
.modal-confirm .btn {
    color: #fff;
    border-radius: 4px;
    background: #28a745;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border: none;
}
.modal-confirm .btn:hover, .modal-confirm .btn:focus {
    background: darkgreen;
    outline: none;
}






/*-------------------*\
    #MODAL ERROR
\*-------------------*/

.modal-error {
    color: #636363;
    width: 325px;
}
.modal-error .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
}
.modal-error .modal-header {
    border-bottom: none;
    position: relative;
    background-color: white;
}
.modal-error h4 {
    text-align: center !important;
    font-size: 26px;
}
.modal-error .form-control, .modal-error .btn {
    min-height: 40px;
    border-radius: 3px;
}
.modal-error .close {
    position: absolute;
    top: -5px;
    right: -5px;
}
.modal-error .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
}
.modal-error .icon-box {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #F2453D;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-error .icon-box i {
    font-size: 58px;
    position: relative;
    top: 3px;
}
.modal-error {
    margin-top: 80px;
}
.modal-error .btn {
    color: #fff;
    border-radius: 4px;
    background: #F2453D;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border: none;
}
.modal-error .btn:hover, .modal-error .btn:focus {
    background: #F2453D;
    outline: none;
}







/*---------------------------------*\
    #MODAL INCOMPLETE APPLICATION
\*---------------------------------*/

.modal-incomplete-application {
    color: #636363;
    width: 325px;
    margin-top: 80px;
}
.modal-incomplete-application .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
}
.modal-incomplete-application .modal-header {
    border-bottom: none;
    position: relative;
    background-color: white;
}
.modal-incomplete-application h3 {
    text-align: center !important;
    font-size: 26px;
}
.modal-incomplete-application .form-control, .modal-incomplete-application .btn {
    min-height: 40px;
    border-radius: 3px;
}
.modal-incomplete-application .close {
    position: absolute;
    top: -5px;
    right: -5px;
}
.modal-incomplete-application .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
}
.modal-incomplete-application .icon-box {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #FFCC00;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-incomplete-application .icon-box i {
    font-size: 58px;
    position: relative;
    top: 3px;
}

.modal-incomplete-application .btn {
    color: #fff;
    border-radius: 4px;
    background: #FFCC00;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border: none;
}
.modal-incomplete-application .btn:hover, .modal-incomplete-application .btn:focus {
    background: #FF9900;
    outline: none;
}






/*-----------------*\
    MODAL DELETE
\*-----------------*/

.modal-delete {
    color: #636363;
    width: 400px;
}
.modal-delete .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}
.modal-delete .modal-header {
    border-bottom: none;
    position: relative;
    background-color: white;
}
.modal-delete h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px;
}
.modal-delete .close {
    position: absolute;
    top: -5px;
    right: -2px;
}
.modal-delete .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px;
}
.modal-delete .modal-footer a {
    color: #999;
}
.modal-delete .icon-box {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #F2453D;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-delete .icon-box i {
    font-size: 58px;
    position: relative;
    top: 3px;
}
.modal-delete .btn {
    color: #fff;
    border-radius: 4px;
    background: #60c7c1;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    min-width: 120px;
    border: none;
    min-height: 40px;
    border-radius: 3px;
    margin: 0 5px;
    outline: none !important;
}
.modal-delete .btn-info {
    background: #c1c1c1;
}
.modal-delete .btn-info:hover, .modal-delete .btn-info:focus {
    background: #a8a8a8;
}
.modal-delete .btn-danger {
    background: #f15e5e;
}
.modal-delete .btn-danger:hover, .modal-delete .btn-danger:focus {
    background: #ee3535;
}






/*----------------------*\
    MODAL LOGOUT CHECK
\*----------------------*/

.modal-logout-check {
    color: #636363;
    width: 400px;
}
.modal-logout-check .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}
.modal-logout-check .modal-header {
    border-bottom: none;
    position: relative;
    background-color: white;
}
.modal-logout-check h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px;
}
.modal-logout-check .close {
    position: absolute;
    top: -5px;
    right: -2px;
}
.modal-logout-check .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px;
}
.modal-logout-check .modal-footer a {
    color: #999;
}
.modal-logout-check .icon-box {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #FFCC00;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-logout-check .icon-box i {
    font-size: 58px;
    position: relative;
    top: 3px;
}
.modal-logout-check .btn {
    color: #fff;
    border-radius: 4px;
    background: #60c7c1;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    min-width: 120px;
    border: none;
    min-height: 40px;
    border-radius: 3px;
    margin: 0 5px;
    outline: none !important;
}
.modal-logout-check .btn-info {
    background: #c1c1c1;
}
.modal-logout-check .btn-info:hover, .modal-logout-check .btn-info:focus {
    background: #a8a8a8;
}
.modal-logout-check .btn-primary {
    background: #FFCC00;
}
.modal-logout-check .btn-primary:hover, .modal-logout-check .btn-primary:focus {
    background: #FF9900;
}






/*----------------*\
    # CMU colors
    # CMU web standards https://www.cmu.edu/marcom/brand-standards/web-standards.html#colors
\*----------------*/

.cmu-red {
    color: #b00
}
.cmu-gray {
    color: #e0e0e0
}
.cmu-dark-grey {
    color: #666
}
.cmu-gold {
    color: #a60
}
.cmu-teal {
    color: #067
}
.cmu-blue {
    color: #224477
}
.cmu-green {
    color: #008855
}
.cmu-dark-green {
    color: #243
}






/*--------------*\
    #MISC
\*--------------*/

caption {
    color: #333;
    font-weight: 700;
}

.result-container {
    color: black;
}

.user-profile img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-bottom: 5px;
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

.form-group.submit {
    margin-left: -15px;
}

.form-inline > * {
    margin:15px 3px !important;
}

.clickable {
    cursor: pointer;
}

.underline {
    text-decoration: underline;
    color: #00b3ee;
}

.help-block {
    margin-top: 1.7em;
}

.label-link {
    font-weight: 400;
    margin-left: 2em;
}

.icon {
    text-align: center;
    vertical-align: middle;
}

.green {
    color: green;
}

.red {
    color: red;
}

.blank {
    opacity: 0;
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

.underline {
    text-decoration:underline;
    color: black;
}

.large-cell {
    max-width: 800px;
    word-break: break-all;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.table th {
    background-color: #f5f5f5;
}

button.close {
    color: black;
}

.btn-default.btn-on.active {
    background-color: #5BB75B;
    color: white;
}

.btn-default.btn-off.active {
    background-color: #DA4F49;
    color: white;
}

/* pager wrapper, div */
.tablesorter-pager {
    padding: 5px;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
    background-color: #e6eeee;
    margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.tablesorter-pager img {
    vertical-align: middle;
    margin-right: 2px;
    cursor: pointer;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
    padding: 0 5px 0 5px;
    width: 50px;
    text-align: center;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
    margin: 0;
    padding: 0;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
    display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
    /* visibility: hidden */
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

#container>header.float {
    background-color: rgba(255,255,255,.9);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.header {
    display: block;
    background-color: #fff;
}

.tablesorter-pager .btn-group-sm .btn {
    font-size: 1.2em; /* make pager arrows more visible */
}

.modal-header {
    background-color: #067;
    color: white;
}

button.close {
    color: white;
}

body.container {
    background-color: #e0e0e0;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.text-center {
    justify-content: center !important;
}

.profile-thumbnail img {
    width: 80px;
    height: 80px;
    margin-top: 5px;
    overflow: hidden;
}

table td {
    vertical-align: middle !important;
}





/*----------------*\
       FOOTER
\*----------------*/

footer {
    position: absolute;
    width: 100%;
    display: flex;
    flex-flow: wrap row;
    align-items: stretch;
    align-content: stretch;
    bottom: 0px;
    padding: 1em 2.5em;
    background-color: #333;
    color: rgba(255,255,255,.5);
    font-size: 90%;
    letter-spacing: .05em;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
}

footer a {
    color: rgba(255,255,255,.85);
    border-bottom: 1px solid rgba(255,255,255,.75);
    text-decoration: none;
    border-bottom-color: transparent;
    padding-bottom: 1px;
}

footer a:active, a:focus, a:hover {
    outline: 0;
}

footer a:focus, footer a:hover {
    color: #fff!important;
    text-shadow: 0 0 5px rgba(0,0,0,.5);
}

.legal-info::after {
    content: " | ";
    padding: 0 .5em;
}

footer div ul {
    list-style-position: inside;
}

footer div:first-child ul li {
    display: inline;
    overflow: hidden;
    position: relative;
}

footer div ul li {
    margin: 0;
    padding: 0;
    line-height: 1.65em;
}

footer ul {
    padding: 0;
}





/*----------------*\
       PAGE
\*----------------*/

html {
    position: relative;
    width: 100%
}

body {
    margin-bottom: 120px;
}

body.page {
    min-height: 100vh;
    padding-bottom: 120px;
    background-color: #fff;
    font-size: 1.0em;
}

.page .brand {
    overflow: hidden;
    margin: 40px auto;
    box-shadow: 0 0 40px rgba(0,0,0,.05);
}

.page .brand img {
    width: 100%;
}

.page .card-wrapper {
    width: 400px;
    margin: 0 auto;
    border: 1px black !important;
}

.page .card {
    border-color: transparent;
    box-shadow: 0 0 40px rgba(0,0,0,.05);
}

.page .card.fat {
    border: 1px solid black;
}

.page .card .card-title {
    margin-bottom: 30px;
    text-align: center;
}

.page .form-control {
    border-width: 2.3px;
}

.page .form-group label {
    width: 100%;
}

.page .btn.btn-block {
    padding: 12px 10px;
}

@media screen and (max-width: 425px) {
    .page .card-wrapper {
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 320px) {
    .page .card.fat {
        padding: 0;
    }

    .page .card.fat .card-body {
        padding: 15px;
    }
}







/*----------------*\
        TABS
\*----------------*/

/* not active */
.nav-tabs .nav-link.active {
    color: #000;
}

.nav-tabs .nav-link.active, .nav-tabs .show>.nav-link {
    border-bottom: 3px solid;
    border-bottom-color: #b00;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1.0) !important;
}

.super-tab {
    color: #000;
}

.super-tab:hover {
    text-decoration: none;
    color: #000;
}






/*-----------------------*\
     JQUERY-UI SORTABLE
\*-----------------------*/

.ui-sortable {
    width: 350px;
    margin: 10px auto;
    background-color: #ccc;
    -webkit-box-shadow:  0px 0px 10px 1px rgba(0, 0, 0, .1);
    box-shadow:  0px 0px 10px 1px rgba(0, 0, 0, .1);
    list-style-type: none;
    padding: 0;
}

.ui-sortable li.ui-state-default {
    margin: 0;
    height: 45px;
    line-height: 48px;
    font-size: 1.0em;
    color: #fff;
    outline: 0;
    padding: 5;
    text-indent: 5px;
    background: rgb(78,82,91);
    background: -moz-linear-gradient(top,  rgb(78,82,91) 0%, rgb(57,61,68) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(78,82,91)), color-stop(100%,rgb(57,61,68)));
    background: -webkit-linear-gradient(top,  rgb(78,82,91) 0%,rgb(57,61,68) 100%);
    background: -o-linear-gradient(top,  rgb(78,82,91) 0%,rgb(57,61,68) 100%);
    background: -ms-linear-gradient(top,  rgb(78,82,91) 0%,rgb(57,61,68) 100%);
    background: linear-gradient(to bottom,  rgb(78,82,91) 0%,rgb(57,61,68) 100%);
    border-top: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(0,0,0,.5);
    text-shadow: -1px -1px 0px rgba(0,0,0,.5);
    position: relative;
    cursor: move;
}

.ui-sortable li.ui-state-default:first-child {
    border-top: 0;
}
.ui-sortable li.ui-state-default:last-child {
    border-bottom: 0;
}

.ui-sortable-placeholder {
    border: 3px dashed #aaa;
    height: 45px;
    width: 344px;
    background: #ccc;
}

.remove-position {
    cursor: pointer;
}





/*----------------*\
        SUPER
\*----------------*/

td.super-scholarships {
    width: 25%;
    vertical-align: top !important;
}




/*----------------*\
        MISC
\*----------------*/

.nav-text {
    color: #FFFFFF;
}

.light-background {
    background-color: #f7f9fb;
}

.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

.table {
    background-color: #FFF !important;
}

.bg-header {
    background-color: #f5f5f5 !important;
}

.bg-side-nav {
    background-color: #efefef;
}

.solid-bottom {
    border-bottom: 1px solid ;
}

.completed-check-color {
    color: green;
}

.list-reset {
    list-style: none;
}

.bg-red {
    background-color: darkred;
}

.white {
    color: #fff;
}

.bg-cmu-dark-gray {
    background-color: #666;
}

.text-danger {
    color: #ec1d24 !important;
}

.fa-required {
    position: absolute;
    bottom: 22px;
    right: 3px;
    font-size: 10px; }
@media (min-width: 576px) and (max-width: 767.98px) {
    .fa-required {
        right: -3px; } }
@media (min-width: 768px) {
    .fa-required {
        right: -2px; } }

/** override BS4 default which places caption at the bottom of a table **/
.caption {
    caption-side: top;
}

.form-group.required label::after, .required label::after, .red-asterisk::before {
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
    font-size: .5em;
    color: #d00;
    content: "\f069";
    position: absolute;
    margin-left: 5px;
}

.custom-file {
    width: 50%;
}

#frm-add-publication .input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 80%; !important;
    margin-bottom: 0;
}

.white-background {
    background-color: #fff;
}

.btn-tab-prev {
    margin-right: 5px;
}

.positions-pager {
    padding-top: 100px;

}

.application-content-area {
    border-left: 2px solid black;
}

.custom-select {
    width: 250px !important;
}

.border-3 {
    border-width:3px !important;
}

.border-2 {
    border-width:2px !important;
}

.border-top-solid {
    border-top: 1px solid;
}

.section-header {
    background-color: #efefef;
    border-radius: 8px;
}

.selected-positions {
    width: 360px;
}

.pdf-link a {
   text-decoration: none;
}

.hidden {
    display: none;
}

.adobe-red {
    color: #B1301D;
}

a .fa-edit:hover {
    cursor: pointer;
}

.button-pointer {
    cursor: pointer;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.icon-text {
  color:black;
  font-size:1.0rem;
  padding:5px 0 10px 0;
  display:block;
}