body {background-color:#f2f2f2 !important; color:#000 !important;}
body.printpreview {background-color:#ffffff !important;}
label   {color:#333 !important;}
select {color:#333 !important;}
input  {color:#333 !important;}


#branding {pointer-events: none; cursor:default;}
#content {margin-bottom:30px !important;}
.banner-footer {display:none !important;}

.notification-center-flyout {font-size:100% !important;}
.notification-item-prompts {background-color:inherit !important; border:none !important; padding:0px !important; margin:0px !important;}
.notification-item-prompts button { height:auto !important; padding:5px !important; margin:10px 0px 0px 0px !important; border-radius:2px !important; background-color:#666 !important; font-size:90% !important;}

.pb-block-label {font-size:115%;}
.pb-record-control {margin-top:3px;}

.msu-inner-wrapper-with-border  {border:1px solid #ddd; background-color:#ffffff; margin:10px 10px 0px 10px;}
.msu-inner-wrapper-no-border     {background-color:#ffffff; margin:10px 10px 0px 10px; }
.msu-inner-wrapper-full                  {background-color:#ffffff; width: 100%; height: 100%; overflow: auto;}
.msu-inner-wrapper-fill                    {background-color:#ffffff;}

.msu-breadcrumbs-container {border-bottom:1px solid #ddd; background-color:#fff; margin:-2px -10px 0px -10px; padding:10px;}
.msu-breadcrumb {font-weight:bold; float:left; padding: 0px 10px 0px 25px; background: url( //cdn01.its.msstate.edu/i/img/mybanner/msu-breadcrumb.svg)  no-repeat;  background-size:16px 16px;  background-position: left;}

.msu-chevron-down {background: url(//cdn01.its.msstate.edu/i/img/mybanner/msu-chevron-down.svg) no-repeat;  background-size:18px 18px; padding:0px 0px 0px 30px; }
.msu-chevron-right {background: url(//cdn01.its.msstate.edu/i/img/mybanner/msu-chevron-right.svg) no-repeat;  background-size:18px 18px; padding:0px 0px 0px 30px; }

.msu-person-search {background: url(//cdn01.its.msstate.edu/i/img/mybanner/msu-person-search.png)  no-repeat;  background-size:28px; margin:10px 0px 0px 5px; border:none !important; cursor:pointer;  width:28px; height:28px;}
.xxxmsu-person-search {margin:10px 0px 0px 5px; border:none !important; cursor:pointer;  width:28px; height:28px;}


.msu-btn-toggle {background-color:#ffffff; border:none !important; }
.msu-button {padding:5px; }

.msu-align-left {text-align:left !important;}
.msu-align-center {text-align:center; margin:auto;}
.msu-align-right {text-align:right !important;}

.msu-nowrap {white-space:nowrap;}
.msu-pad-5   {padding:5px;}
.msu-pad-10 {padding:10px;}
.msu-pad-15 {padding:15px;}
.msu-pad-20 {padding:20px;}

.msu-pad-right-5 {padding-right:5px;}
.msu-pad-right-10 {padding-right:10px !important;}
.msu-pad-right-15 {padding-right:15px;}
.msu-pad-right-20 {padding-right:20px !important;}

.msu-pad-left-3   {padding-left:3px;}
.msu-pad-left-5   {padding-left:5px;}
.msu-pad-left-10 {padding-left:10px !important;}
.msu-pad-left-15 {padding-left:15px;}
.msu-pad-left-20 {padding-left:20px;}


.msu-margin-5 {margin:5px;}
.msu-margin-10 {margin:10px;}
.msu-margin-20 {margin:20px;}
.msu-margin-30 {margin:30px;}

.msu-top-margin-5 {margin-top:5px;}
.msu-top-margin-10 {margin-top:10px;}
.msu-top-margin-20 {margin-top:20px;}
.msu-top-margin-30 {margin-top:30px;}

.msu-right-margin-10 {margin-right:10px;}
.msu-right-margin-20 {margin-right:20px;}
.msu-left-margin-10 {margin-left:10px;}
.msu-left-margin-20 {margin-left:20px;}

.msu-bottom-margin-5 {margin-bottom:5px;}
.msu-bottom-margin-10 {margin-bottom:10px;}
.msu-bottom-margin-20 {margin-bottom:20px;}
.msu-bottom-margin-30 {margin-bottom:30px;}

.msu-bold {font-weight:bold;}
.msu-normal{font-weight:normal;}
.msu-red {color:red;}
.msu-maroon {color:#660000 !important;}
.msu-hide {display:none !important;}
.msu-show {}

.msu-fs-80 {font-size:80%;}
.msu-fs-90 {font-size:90%;}
.msu-fs-110 {font-size:110%;}
.msu-fs-120 {font-size:120%;}

.msu-label-50   {font-weight:bold; width:50px; display:inline-block;}
.msu-label-100 {font-weight:bold; width:100px; display:inline-block;}
.msu-label-115 {font-weight:bold; width:115px; display:inline-block;}
.msu-label-125 {font-weight:bold; width:125px; display:inline-block;}
.msu-label-150 {font-weight:bold; width:150px; display:inline-block;}
.msu-label-175 {font-weight:bold; width:175px; display:inline-block;}
.msu-label-200 {font-weight:bold; width:200px; display:inline-block;}

.msu-checkbox {padding:5px;}

.msu-element-line {display: flex;align-items: center;vertical-align: middle;word-wrap: break-word;}

.msu-text {padding:5px !important;}
.hasDatepicker {padding:5px !important; height:auto !important; width:auto !important}
.msu-text-nb {border:none;}
.msu-text-45 {width:45px !important;}
.msu-text-100 {width:100px !important;}
.msu-text-150 {width:150px !important;}
.msu-text-200 {width:200px !important;}
.msu-text-250 {width:250px !important;}
.msu-text-300 {width:300px !important;}
.msu-text-400 {width:400px !important;}
.msu-text-500 {width:500px !important;}

.msu-select {border:1px solid #ddd !important; padding:5px;}
.msu-select-100 {width:100px;}
.msu-select-200 {width:200px;}
.msu-select-300 {width:300px;}
.msu-select-400 {width:400px;}
.msu-select-500 {width:500px;}

.msu-inline-block {display:inline-block;}
.msu-float-left  {float:left !important;}
.msu-float-right {float:right !important;}
.msu-float-clear  {clear:both; height:1px;}

.msu-hand {cursor:pointer;}
.msu-link {color:blue !important; text-decoration:underline !important; cursor:pointer !important;}
.msu-spinner {background: url(//cdn01.its.msstate.edu/i/img/mybanner/msu-spinner-small.gif) no-repeat; padding-left: 30px; }


.msu-info-text {  background: url(//cdn01.its.msstate.edu/i/img/mybanner/msu-info.gif) no-repeat; padding:0px 0px 30px 40px;width:100%; }
.msu-info-text > input {width:100%;}

.msu-info-text-reduce {  background: url(//cdn01.its.msstate.edu/i/img/mybanner/msu-info.gif) no-repeat; padding:0px 0px 0px 40px;width:100%; }
.msu-info-text-reduce > input {width:100%;}

.msu-pre {white-space:pre-wrap; width:100%;}

.msu-table-with-border {border:1px solid #ddd;  border-collapse: collapse; border-spacing:0px; width:100%; font-size:100%;}
.msu-table-with-border  th {border:1px solid #ddd; padding:8px; text-align:center; background-color:#eee;}
.msu-table-with-border  td {border:1px solid #ddd; padding:8px; text-align:center;}
.msu-table-with-border  tr.hilite {background-color:#f5f5f5;}
.msu-table-with-border caption {padding:0px 0px 0px 10px !important; color:#333; background-color:#eee; font-weight:bold; text-align:left;}

.msu-ferpa-table-with-border {border:1px solid #ddd;  border-collapse: collapse; border-spacing:0px; width:50%; font-size:100%;}
.msu-ferpa-table-with-border  th {border:1px solid #ddd; padding:3px; text-align:center; background-color:#eee;}
.msu-ferpa-table-with-border  td {border:1px solid #ddd; padding:3px; text-align:center;}

.msu-bordertable {border-collapse:collapse; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-top: 1px solid;}
.msu-bordertable  th {border:1px solid #ddd; padding:2px; text-align:center; background-color:#eee;}
.msu-bordertable  td {border:1px solid #ddd; padding:2px; text-align:center;}
.msu-bordertable  tr.hilite {background-color:#f5f5f5;}

.msu-table-without-border {border: none !important;  width:100%; font-size:100%;}
.msu-table-without-border  td {border: none; padding:3px; text-align:center;}

.msu-table-emphasize-last-row tr:last-child{font-weight: bold; background-color: #eee}

.msu-top-margin-5 {margin-top:5px;}
.msu-top-margin-10 {margin-top:10px;}
.msu-top-margin-20 {margin-top:20px;}
.msu-top-margin-30 {margin-top:30px;}

.msu-left-margin-10 {margin-left:10px;}
.msu-left-margin-30 {margin-left:30px;}

.msu-bottom-margin-5 {margin-bottom:5px;}
.msu-bottom-margin-10 {margin-bottom:10px;}
.msu-bottom-margin-20 {margin-bottom:20px;}
.msu-bottom-margin-30 {margin-bottom:30px;}

.msu-align-top {vertical-align:top;}
.msu-align-middle {vertical-align:middle;}
.msu-align-bottom {vertical-align:bottom;}

.msu-overflow-auto {overflow: auto;}

.msu-tab-container {position:relative; margin:20px 10px -11px 10px;}
.msu-tab-container span {text-align:center; 
                              padding: 4px 15px; 
                              margin-right:5px;
                              display: inline-table; 
                              vertical-align:middle;
                              text-decoration:none; 
                              height:30px;  
                              border-radius:6px 6px 0 0;
                              -webkit-border-radius: 6px 6px 0 0; 
                              -moz-border-radius: 6px 6px 0 0; 
                              cursor:pointer;
                              color:#fff;
                             }  
  /* msu-tab is Just a placeholder class to be able to loop thru all the elements with this class using javascript */
 .msu-tab-container span.msu-tab {}
 .msu-tab-container span.msu-tab-on {border:1px solid #944D4D; background-color:#944D4D;}  
 .msu-tab-container span.msu-tab-off {border:1px solid #666666; background-color:#666666;}  
 .msu-tab-container span.msu-tab-off:hover {  border: 1px solid #944D4D;  background-color:#944D4D;}

.msu-maroon-border-1{border-style: solid; border-size:1px; border-color: #660000;}

  .msu-tooltip{
       position: relative;
       display: inline-block;
   }

   .msu-tooltip .msu-tooltiptext {
       visibility: hidden;
       width: 120px;
       background-color: #666666 !important;
       color: #fff;
       text-align: center;
       border:2px solid #fff !important;
       border-radius: 6px;
       padding: 5px 0;
       position: absolute;
       z-index: 1;
       bottom: 125%;
       left: 50%;
       margin-left: -60px;
       opacity: 1;
       transition: opacity 0.3s;
       cursor:pointer !important;
   }

   .msu-tooltip .msu-tooltiptext::after {
       content: "";
       position: absolute;
       top: 100%;
       left: 50%;
       margin-left: -5px;
       border-width: 5px;
       border-style: solid;
       border-color: #666666 transparent transparent transparent;
   }

   .msu-tooltip:hover .msu-tooltiptext {
       visibility: visible;
       opacity: 1;
   }

   /* When we upgrade to Banner Extensibility 9.9 (new Page Builder version, alert messages were being underlined. Apparently in the new upgrade, these messages are anchor tags by default, whereas, in previous
       versions, the error messages were just in a span tag. This class will remove the underlining and pointer default behavior of an anchor tag */
   a.notification-message {
                                                text-decoration: none !important; 
                                                cursor: default !important;
                                             }

   /*Banner Extensibility 9.9 changed radio button label functionality to use "legend" tags and the Label Style page builder classes no longer worked to style these labels. The default Bootstrap styling was too big and
      added underlining and padding. Changing this to go along with the style of our pages better.*/
   legend {
       margin-bottom: 0px;
       font-size: 14px;
       font-weight: bold;
       border: none;
   }