@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'),url(/font/MaterialIcons-Regular.woff2) format('woff2'),url(/font/MaterialIcons-Regular.woff) format('woff'),url(/font/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons', serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.top-photo {
    height:40px;
    margin-bottom:-40px;
    z-index:21;
    position:fixed;
    top:0;
}
.materialboxed.active {
    width:auto!important;
    padding:0!important;
}
header {
}
#wt_sb {
    display:none;
}
main {
    margin-top:6rem;
}
header nav {
    height: 3rem;
    position: fixed;
    padding-left: 1rem;
    z-index: 20;
    top:0;
    width:100%;
}
.header-with-nav {
    max-width: calc(100% - 240px)!important;
}
nav#sidebar {
    padding-left:0!important;
    overflow:visible;
}
nav#sidebar.hidden {
    margin-left:-240px;
}
nav#sidebar.visible {
    margin-left:0;
    overflow-y: auto!important;
}
.nav-wrapper, .nav-select-wrapper, .nav-select-wrapper select, #sidebar button, td .select-wrapper, td .select-wrapper select, .record_photo_box, .record_photo, .material-placeholder,#sidebar li.sidebar-second .sn-wrapper {
    width: 100%;
    max-width:100%;
    min-width:100%;
}
#nav_toggle {
    width:2rem;
    height: 2rem;
    z-index:99;
    padding:0;
    position:fixed;
    margin-left: 98%;
    margin-top:3.5rem;
}
#nav_toggle i {
    height:2rem;
    line-height:2rem;
    width:2rem;
    color:#fff;
}

#top-nav {

}
.switch.archived-lever label input[type=checkbox]:checked+.lever:after {
    background-color:red;
}
.btn, .btn-large, .btn-flat {
    padding: 0 1rem;
}
.btn-block {

}
.btn-block .btn {
    width:100%;
    display:block;
    margin-top: .1rem;
}

.btn-block .select2-container {
    width:100%;
    display:block;
    margin-top: .1rem;
}
.modal .card .card-content {
    overflow-y: scroll;
    max-height:70%;
}
#toast-container {
    z-index:1010;
}
#top-nav input {
    line-height: 2rem;
    height:2rem;
}
#sidebar li {
    padding: .2rem .5rem 0 .5rem;
    text-align:center;
    line-height:.1rem;
}
#sidebar li:last-of-type {
    padding-bottom: .5rem;
}
#sidebar li ul {
    /*padding: 1rem;*/
}
header div {
    display: inline-block;
}
header .top-select {
    margin: 0 .5rem 0 .5rem;
    width:10rem;
}
#loading {
    position: absolute;
    display: none;
    left: 50%;
    z-index:9999;
}
#app-badge {
    width: 8rem;
}
.highlight {
    background-color:yellow;
    color:black;
}
.scroll-y{
    overflow-y:scroll!important;
}
.scroll-x{
    overflow-x:scroll!important;
}
.s-info {
    max-height:10rem;
}
.inline {
    display:inline;
}
[type="radio"]:not(:checked), [type="radio"]:checked {
    visibility:visible!important;
}
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    padding-left: 25px;
    padding-right: 10px;

}
[type="radio"]:checked + label:after {
    border: 2px solid #000;
    background-color: #000;
}

[type="checkbox"]:checked + label:before {
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}

[type="checkbox"]:checked:disabled + label:before {
    border-right: 2px solid rgba(0, 0, 0, 0.56);
    border-bottom: 2px solid rgba(0, 0, 0, 0.56);
}

.login #phoenix-icon {
    height:3rem;
    margin-right:1rem;
}
header, main, footer {

}
nav .progress {
    left: -20px;
    width:calc(100% + 20px);
    background: transparent;
    display:none;
    height: 1px;
}
nav .progress .indeterminate {
    background-color: #cccccc;
}
#sidebar li.sidebar-second {
    padding: 0 .5rem 0 .5rem!important;
}


#sidebar li.sidebar-second .sn-wrapper a {
    color:black;
}

#sidebar li.hide-on-large-only {
}
.side-nav {
    z-index:59!important;
    padding-bottom:0;
    height: 100%!important;
}
.side-nav li .record_photo {
    max-width: 100%;
    margin-top: 1rem;
}

#p-options-mobile {
    display:inline-flex;
    padding:0!important;
}
#p-options-mobile li {
    padding:0!important;
}
#p-options-mobile li a {
    height:2rem;
    line-height:2rem;
}
.small-text {
    font-size: .7rem;
}
h1 {
    font-size: 2rem;
}
h2 {
    font-size: 1.9rem;
}
h3 {
    font-size: 1.8rem;
}
h4 {
    font-size: 1.7rem;
}
h5 {
    font-size: 1.6rem;
}
h6 {
    font-size: 1.5rem;
}
.upper {
    text-transform: uppercase;
}
.b {
    font-weight: bold;
}
.u {
    text-decoration: underline;
}
.card h4{
    margin: .5rem;
}
.btn {
    height: 30px;
    line-height: 30px;
}
.click {
    cursor:pointer;
}
.side-nav .select2-container a,  .select2-container a {
    color:white;
    margin-left:.5rem;
}
.reports .btn:not(i),.admin .btn:not(i), .reports .btn:not(i) {
    display: block;
    margin-top: .5rem;
}
.reports .btn:not(i) {
    margin-bottom:.5rem;
    width:15rem;
}
.card{
    max-height:100%;
}
#add_record_container {
    max-height: 100%;
}
.v-max {
    height:100%;
    min-height:100%;
}

.pager div .btn {
    margin-left: 2px;
}
#add_record_container #close_button {
    float:right;
}
#add_record_container .card .card-content {
    overflow-y:scroll;
}
body .card .select2-container {
    /*max-width: 11rem;*/
}
body .card .card {
    display:inline-table;
}
body .card .card-action {
    z-index: 0;
}
body .waves-effect {
    z-index: 0;
}
.side-nav li:hover{
    background:none;
}
.unwrapped-th tr th {
    white-space: nowrap;
}
.unwrapped-td tr td {
    white-space: nowrap;
}
th .hov{
    display:none;
}
div[class*='rctt']  {
    width: 50%;
}
.ctt-btn {
    margin-right:1rem;
}
th, td {
    padding: 5px 5px 0 5px;
}
.exec main {
    padding:0;
}
.picker {
    z-index:1;
}
#sidenav-overlay {
    z-index:58;
}
.padded-sm {
    padding:.5rem;
}
.padded-med {
    padding:1rem;
}
.padded-lg {
    padding:1.5rem;
}
.select2-container .select2-choice, .select2-container .select2-choice .select2-chosen {
    color: white;
}
.select2-container.white .select2-choice, .select2-container.white .select2-choice .select2-chosen {
    color: black;
}
table tr td .select2-container {
    margin-bottom: .2rem;
}
.brown b::before,.green b::before,.purple b::before,.blue-grey b::before,.deep-purple b::before,.indigo b::before,.red b::before {
    color: white!important;
}
.brown .striped b::before,.green .striped b::before,.purple .striped b::before,.blue-grey .striped b::before,.deep-purple .striped b::before,.indigo .striped b::before,.red .striped b::before, .brown .striped .select2-container .select2-choice,.green .striped .select2-container .select2-choice,.purple .striped .select2-container .select2-choice,.blue-grey .striped .select2-container .select2-choice,.deep-purple .striped .select2-container .select2-choice,.indigo .striped .select2-container .select2-choice,.red .striped .select2-container .select2-choice {
    color: #606060!important;
}
.scrollit.v {
    overflow-y: scroll;
}
.scrollit.h {
    overflow-x: scroll;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
#message_wrap {
    width:90%;
}
.navbar-hidden {
    margin-left: -240px;
}
#sb {
    position:fixed;
    background:rgba(0,0,0,.5);
    width:100%;
    height:100%;
    z-index:60;
    display:none;
    top:0;
}
.soft-hide {
    display:none;
}
.top-most {
    z-index:10000000;
}

.italics {
    font-style: italic;
}

.material-glass {
    background-color:rgba(0,0,0,.5);
}
#add_record_container {
    min-width:25%;
}
#s2id_round_up {
    display: inline-block;
    min-width: 11rem;
}
.attention_icon {
    height: 1rem;
    margin-left: .5rem;
    cursor:pointer;
}
#output_clerkship_grading_scale_form_contents table tr td {
    vertical-align: bottom;
    padding: 0 .5rem 0 .5rem;
}
#output_clerkship_grading_scale_form_contents table tr td input {
    width:100%;
    display:block;
}
.valign-bottom {
    vertical-align: bottom;
}
.full-height {
    height:100%;
}
div[id^='clg'] {
    padding-bottom: 1.4rem;
}
.archived{
    text-decoration-line: line-through!important;
}
.col br { clear: both; }
table .row .col { float: none; }
.nav-padding {
    padding-left:240px;
}

.no-nav-padding {
    padding-left:0!important;
}

@media only screen and (max-width: 2000px) {
    .modal .card .card-content {
        overflow-y: scroll;
        max-height:360px;
    }
    .drag-target {
        display:none;
    }
}
@media only screen and (max-width: 1440px) {
    .modal .card .card-content {
        overflow-y: scroll;
        max-height:360px;
    }
}
@media only screen and (max-width: 1920px) {
    .rctt-dynamic.report  {
        width: 50%;
    }
}
@media only screen and (max-width: 1024px) {
    .modal .card .card-content {
        overflow-y: scroll;
        max-height:175px;
    }

}
@media only screen and (max-width: 992px) {
    #top_bar {
        max-width:calc(100%)!important;
    }
    header, main, footer{
        padding-left: 0!important;
    }

    #add_record_container {
        min-width:100%;
    }
    div[class*='rctt']  {
        width: 100%;
    }
    .modal .card .card-content {
        overflow-y: scroll;
        max-height:175px;
    }
    .bodytable div table.body tbody tr td {
        max-width:100%!important;
        width:auto;
        text-align: left;
    }
}
@media only screen and (min-width: 601px) {
    #add_record_container {
        min-width:25%;
    }
    div[class*='rctt']  {
        width: 100%;
    }
}
@media only screen and (max-width: 360px) {
    .modal .card .card-content {
        overflow-y: scroll;
        max-height:225px;
    }
    .side-nav {
        height: calc(100% + 60px)!important;
    }
    .header-with-nav {
        width: 100%!important;
        max-width: 100%!important;
    }
}
@media only screen and (max-width: 320px) {
    .modal .card .card-content {
        overflow-y: scroll;
        max-height:175px;
    }
    .side-nav {
        height: calc(100% + 60px)!important;
    }
    .header-with-nav {
        width: 100%!important;
        max-width: 100%!important;
    }
}
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i, .side-nav li.grey {
    height: 40px !important;
    line-height: 40px !important;
}

.rotate90{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    white-space: nowrap;
    padding:0;
    max-width:2rem;
}
.rotate180 {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
    white-space: nowrap;
}
th.rotate90 > div {
    transform: translate(-12.5rem,0);
    width: 28rem;
}
th.rotate90 > div > div > span {
    padding: .9rem 10px;
}

.rotate {
    -moz-animation: spin .4s 120 linear;
    -o-animation: spin .4s 120 linear;
    -webkit-animation: spin .4s 120 linear;
    animation: spin .4s 120 linear;cursor:pointer;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); }
}

@-moz-keyframes spin {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(359deg); }
}

@-o-keyframes spin {
    0% { -o-transform: rotate(0deg); }
    100% { -o-transform: rotate(359deg); }
}

@-ms-keyframes spin {
    0% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(359deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(359deg); }
}

.ACGME { background-color: #99CC00; }
.AOA { background-color: yellow; }
.SMUApproved { background-color: #99CCFF; }
.NA { background-color: grey; }

.scheduler tr td{
    border: 1px solid black;
    cursor:pointer;
}
.scheduler tr th,.scheduler tr td{
    border-radius: 0;
}
.scheduler tr td:hover{
    background-color: lightslategray;
} 
.scheduler-active-row {
    background-color: lightslategray;
}
.scheduler .inactive-cell {
    background-color: lightgray;
}
.no_raf_issued {background-color:#800080;}
.coordinator_submitted {background-color:#b7d0ff;}
.student_submitted_elective {background-color:#006699;}
.coordinator_accepted_elective {background-color:#ffa500;}
.dean_accepted {background-color:#ffa500;}
.student_accepted {background-color:#00ff00;}
.coord_accepted {background-color:#ff0000;}
.registrar_accepted {background-color:#ffff00;}
.student_accounts_processed {background-color:#9c6704;}
.drop_requested {background-color:#00ffff;}
.drop_accepted {background-color:#ff00ff;}
@keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
.flicker {
    -webkit-animation: flickerAnimation 1s infinite;
    -moz-animation: flickerAnimation 1s infinite;
    -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}
.busy {
    background: url(/graphics/spinner.gif) no-repeat center right;
    background-size:1rem;
}
#main-loader {
    width:100px;
    height:100px;
    top:50%;
    left:-50%;
}
.sk-fading-circle {
    width: 40px;
    height: 40px;
    position: relative;
    float:right;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}
@keyframes sk-circleFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; } 
}
/* fixes header padding */
div .card .card-title {
    padding: 0 1rem;
}
/* fixes list padding in some pages */
ul.collapsible li:only-child .card {
    margin: 0.1rem 0 0;
}
.page-break-after {
    page-break-after: always;
}
.page-break-before {
    page-break-before: always;
}