﻿html {overflow-y: scroll; overflow-x: scroll; -webkit-text-size-adjust: none;}
body {
    padding-top: 50px;
    padding-bottom: 20px;

}

.container {
  max-width: 1280px;
}

* {
	margin: 0;
}
html, body {
	height: 100%;
}

.page-wrap {
    min-height: 100%;
    /* equal to footer height */
	margin-bottom: -128px; 
}
.page-wrap:after {
    content: "";
    display: block;
}
.site-footer, .page-wrap:after {
    /* .push must be the same height as footer */
	height: 128px; 
}
.site-footer {}
    /* Set padding to keep content from hitting the edges */

@media only screen and (min-width: 975px) {

    .page-wrap {
        min-height: 100%;
        /* equal to footer height */
	    margin-bottom: -66px; 
    }
    .page-wrap:after {
        content: "";
        display: block;
    }
    .site-footer, .page-wrap:after {
        /* .push must be the same height as footer */
	    height: 66px; 
    }
    .site-footer {}
        /* Set padding to keep content from hitting the edges */
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* 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;
}
h4, .h4 {
    background: #d9e9fa none repeat scroll 0 0;
    color: #1f4f82;
    padding: 3px 5px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    font-weight: 100;
}
h5 {
  border-bottom: 1px dotted silver;
  color: #1f4f82;
  font-weight: bold;
  padding-bottom: 5px;
}
/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/
a, a:link, a:visited {
    color: #1f4f82;
    text-decoration: none !important;
}
.form-group {
  margin-bottom: 8px;
}
.bagde-container {
    margin:5px 0;
    border-radius:3px;
    background:#f8f8f8;
    border:1px solid #dadada;
}
.log-icons {
  border: 1px solid silver;
  height: 70px;
  margin: 5px;
  padding: 10px;
  transition: padding-left 0.2s ease 0s;
}
.log-icons:hover {
    padding-left:5px;
    background:#f7f7f7

}
/*.side-menu-bar ul {
  font-size: 12px;
  list-style-type: none;
  text-align: left !important;
  padding: 0px;
}
.side-menu-bar ul li {
  background: #f4f4f4 none repeat scroll 0 0;
  border-bottom: 1px solid white;
  padding: 5px;
}*/
.menu-header ul {
    font-size: 12px;
    font-style: normal;
    text-transform: none;
    list-style-type: none;
    text-align: left !important;
    padding: 0px;
}
.menu-header ul li {
    list-style-type: none;
    background: #f4f4f4 none repeat scroll 0 0;
    border-bottom: 1px solid white;
    padding: 5px;
    margin: 0;
}

.menu-header {
    background: #0068c1;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 160px;
    border-right: 1px dotted #4a9ce2;
    text-transform: uppercase;
    font-weight: 100;
}

.menu-header:first-of-type {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.menu-header:last-of-type {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.side-menu-bar-navigation ul {
    font-size: 12px;
    list-style-type: none;
    text-align: left !important;
    padding: 0px;
}

.side-menu-bar-navigation ul li {
    background: #f4f4f4 none repeat scroll 0 0;
    border-bottom: 1px solid white;
    padding: 5px;
}

.new-notification {
    background: red;
    border-radius: 10px;
    color: white;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: 100;
    margin-left: 30px;
}

.notification-alert {
    position: relative;
    top: -18px;
    right: 20px;
    padding-top: 0px;
    padding-left: 8px;
    padding-bottom: 0px;
    padding-right: 8px;
    background: red;
    border-radius: 100px;
    color: white;
    box-shadow: 0 0 4px red;
}


.navbar-iota {
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
    border-bottom: 1px solid #dadada;
    box-shadow: 0 0 5px silver;
    font-family: 'Poppins', sans-serif;
    max-height: 80px;
}

.dashboard li {
  
  font-weight: bold;
  list-style: outside none none;
  padding: 5px 0;
  text-align: left;
}
.footer-row h2 {
  color: white;
  font-size: 15px;
  font-weight: bold;
}
.footer-row ul {
    font-size: 12px;
    padding: 0;
}
.footer-row ul li {
    list-style:none
}
.footer-row {
    background: #0068c1 none repeat scroll 0 0;
    padding: 10px 0;
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox,
.form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 4px;
    font-size: 12px !important;
    font-weight: normal;
}
.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #f6f6f6;
  border: 0 none;
  border-radius: 0;
  cursor: not-allowed;
}

.control-label {
    font-family: 'Poppins', sans-serif;
}

button {
    font-family: 'Poppins', sans-serif;
}

.nameheader[disabled],
.nameheader[readonly]{
  border: 0 none;
  color: #0068c1;
  font-size: 22px;
  margin-top: 10px;
  padding: 0 6px;

}
label {
    color:#4c4c4c
}
.btn-primary {
    color:rgba(255,255,255,1) !important
}
.btn-transparent, .btn-transparent:hover {
    background-color: transparent !important;
    border-color: transparent !important;
    -ms-border-radius: 50%;
    border-radius: 50%;
    outline: none !important;
}

.form-control {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555555;
  display: block;
  font-size: 14px;
  color:#0068c1;
  font-weight:bold;
  height: 24px;
  line-height: 1.42857;
  padding: 2px 5px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  vertical-align: middle;
  width: 100%;
}

.form-group .col-xs-1,
.form-group .col-xs-2,
.form-group .col-xs-3,
.form-group .col-xs-4,
.form-group .col-xs-5,
.form-group .col-xs-6,
.form-group .col-xs-7,
.form-group .col-xs-8,
.form-group .col-xs-9,
.form-group .col-xs-10,
.form-group .col-xs-11,
.form-group .col-xs-12,
.form-group .col-sm-1,
.form-group .col-sm-2,
.form-group .col-sm-3,
.form-group .col-sm-4,
.form-group .col-sm-5,
.form-group .col-sm-6,
.form-group .col-sm-7,
.form-group .col-sm-8,
.form-group .col-sm-9,
.form-group .col-sm-10,
.form-group .col-sm-11,
.form-group .col-sm-12,
.form-group .col-md-1,
.form-group .col-md-2,
.form-group .col-md-3,
.form-group .col-md-4,
.form-group .col-md-5,
.form-group .col-md-6,
.form-group .col-md-7,
.form-group .col-md-8,
.form-group .col-md-9,
.form-group .col-md-10,
.form-group .col-md-11,
.form-group .col-md-12,
.form-group .col-lg-1,
.form-group .col-lg-2,
.form-group .col-lg-3,
.form-group .col-lg-4,
.form-group .col-lg-5,
.form-group .col-lg-6,
.form-group .col-lg-7,
.form-group .col-lg-8,
.form-group .col-lg-9,
.form-group .col-lg-10,
.form-group .col-lg-11,
.form-group .col-lg-12 {
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}

.days-of-week.btn-group .btn-default.active {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}

.modal-header .close {
  color: white !important;
  margin: 4px 8px !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

a.table-link {
    text-decoration:underline !important;
    color:#179dd5 !important
}

.list-group-item.header-category {
  background: #efefef none repeat scroll 0 0;
  font-weight: bold;
}

.list-group-item.header-subcategory {
  background: #ded5d5 none repeat scroll 0 0;
  font-weight: normal;
}

.dataTables_filter input {
    background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #0068c1;
display: block;
font-size: 14px;
font-weight: bold;
height: 24px;
line-height: 1.42857;
padding: 2px 5px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
vertical-align: middle;
width: 100%;
}

.label-success {
  font-size: 9px !important;
  font-weight: normal !important;
}

.datatable-hidden-sorting-helper {
    display: none;
    font-family: monospace;
    color: transparent;
    font-size: 1px;
}

table.dataTable td.dataTables_empty,
tfoot td.tfoot-bold {
  font-weight: bold;
}

.tbl-disabled-row {
  background: #e6e6e6 none repeat scroll 0 0 !important;
  color: #767676;
  text-shadow: 1px 1px 1px white;
}
    .tbl-disabled-row .label-success {
        text-shadow:none !important
    }

/*--------------------------------------------------------------------*/
.checkbox {
  padding-left: 20px;
  margin-top:-5px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
}

#library-content #upload-new-file .checkbox input[type="checkbox"] {
    opacity: 1 !important;
    margin-top: 3px !important;
    zoom: 1.3;
}


.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::before,
.checkbox input[type="radio"]:checked + label::before {
  font-family: "FontAwesome";
  content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}

.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-style: italic;
}

::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
}

:-ms-input-placeholder { /* IE 10+ */
    font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

/* datepicker fix, so it can be above a bootstrap modal */
.datepicker.dropdown-menu {
    z-index: 1050 !important;
}
/* /datepicker fix */

/* bootstrap fix, scrolling the modal with the body for the announement editor */
body.modal-open .modal {
    position: absolute;
    overflow: visible;
}
/* /bootstrap fix */

.modal.large {
    width: 800px;
}

.default-hidden {
    display: none;
}

h3.page-content-heading,
img.page-content-heading {
    margin-top: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 100;
    text-transform: uppercase;
}

#announcement-modal .form-control {
    padding-top: 4px;
    color: #4c4c4c;
}

pre.big-text {
    background-color: transparent;
    margin-bottom: 0;
}

#trouble-ticket-table .status-open {
    font-size:22px;
    color: #5eb654;
}

#trouble-ticket-table .status-new {
    font-size:22px;
    color: #d9534f;
}

table.small-table-font {
    font-size: 12px;
}

table.narrow-datatable {
    font-size: 11.5px;
}

table.narrow-datatable th{
    padding: 5px 0px 5px 30px !important;
    font-size: 11px;
}

.table.table-vertically-centered > tbody > tr > td {
     vertical-align: middle;
}

.silver-small {
    font-size: 10px;
    color: silver;
}

#library-content button.btn.btn-success.btn-xs {
    margin-top: -2px;
}

#library-content button.btn.btn-danger.btn-xs {
    margin-top: -2px;
}

.category-cell {
    background: #cccccc none repeat scroll 0 0;
    color: black;
    padding: 3px 5px;
    text-align: center;
    font-size: 11px;
}

/* file upload style*/
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/* loading spinner */
.glyphicon.spinning {
    -moz-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
    animation: spin 1s infinite linear;
    -webkit-transform-origin: 49% 57%;
    -moz-transform-origin: 49% 57%;
    -ms-transform-origin: 49% 57%;
    -o-transform-origin: 49% 57%;
    transform-origin: 49% 57%;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}


/* data-tables */
.data-left{ text-align:left;}
.data-center{ text-align:center;}
.data-right{ text-align:right;}
td.data-left{ text-align:left;}
td.data-center{ text-align:center;}
td.data-right{ text-align:right;}

/* tinymce fullscreen conflicts with bootstrap navbar*/
/* increasing the tinymce editor z-index fixes this*/
div.mce-fullscreen {
    z-index: 1050;
}

.downloadicon {
    cursor:pointer;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding:0px;
    padding-left:5px;
}

.select2-container-multi .select2-choices .select2-search-choice{
    background-color:white;
    border:none;
    background-image:none;
}

.faculty-select2-dropdown {
    width: 30%;
}

.input-validation-error {
    border-color:red;
}

.longname {width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname30 {width:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname40 {width:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname50 {width:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname60 {width:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname70 {width:70px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname80 {width:80px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname100 {width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname110 {width:110px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname120 {width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname130 {width:130px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname140 {width:140px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname150 {width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname180 {width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname250 {width:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname300 {width:300px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname400 {width:400px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname500 {width:500px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
 .longname740 {width:740px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

 .width30{width:30px !important}
.width35{width:35px !important}
.width40{width:40px !important}
.width45{width:45px !important}
.width50{width:50px !important}
.width53{width:53px !important}
.width55{width:55px !important}
.width60{width:60px !important}
.width65{width:65px !important}
.width70{width:70px !important}
.width75{width:75px !important}
.width80{width:80px !important}
.width85{width:85px !important}
.width90{width:90px !important}
.width100{width:100px !important}
.width103{width:103px !important}
.width105{width:105px !important}
.width110{width:110px !important}
.width120{width:120px !important}
.width125{width:125px !important}
.width130{width:130px !important}
.width135{width:135px !important}
.width140{width:140px !important}
.width143{width:143px !important}
.width145{width:145px !important}
.width150{width:150px !important}
.width155{width:155px !important}
.width160{width:160px !important}
.width165{width:165px !important}
.width170{width:170px !important}
.width175{width:175px !important}
.width180{width:175px !important}
.width190{width:190px !important}
.width195{width:195px !important}
.width200{width:200px !important}
.width205{width:205px !important}
.width210{width:210px !important}
.width215{width:215px !important}
.width220{width:220px !important}
.width230{width:230px !important}
.width240{width:240px !important}
.width250{width:250px !important}
.width260{width:260px !important}
.width270{width:270px !important}
.width280{width:280px !important}
.width290{width:290px !important}
.width300{width:300px !important}
.width305{width:305px !important}
.width310{width:310px !important}
.width325{width:325px !important}
.width380{width:380px !important}
.width400{width:400px !important}
.width410{width:410px !important}
.width495{width:495px !important}
.width500{width:500px !important}

.footer-row a {
  color: white;
}

.sidebar-navigation {
    padding-top: 15px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0px;
    display: none;
    z-index: 99999 !important;
    border-right: 1px solid gray;
    height: 100%;
    background: linear-gradient(to right, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
}
.sidebar-navigation-container {
    width: 210px;
}

/*
 * Half width of the col-xs-1 bootstrap class
 */
.col-xs-half {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 4.166666666666665%;
}
/*
 * Faculty Image (in the faculty index/details page)
 */
.FacultyImageContainer {
    margin: 0 0 0 0;
    cursor: pointer !important;
    position: relative;
    max-height: 7.75em!important;
}
#FacultyImage {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index:1;
    max-width:128px;
    max-height:108px;
    margin: auto;
}


/*
 * Full calendar mods
 */

.fc-head {
    font-size: 9px;
}

.fc-axis {
    font-size: 9px;
}

[readonly] {
    cursor: not-allowed;
}