/* CUSTOM MSB COLORS 

                      base      5%          10%         20%
    MSB-BLUE        = #2F7EC2   #2271B5     #1665A9     #004B8F
    MSB-BLUE-LIGHT  = #94BDE5   #87B0D8     #7BA4CC     #618AB2
    MSB-ORANGE      = #FD8A33   #F07D26     #E4711A     #CA5700
    MSB-GREEN       = #66BC45   #59AF38     #4DA32C     #338912
    MSB-RED         = #EF3921   #E22C14     #D62008     #BC0600
    MSB-GRAY-LIGHT  = #F5F5F5   #E8E8E8     #DCDCDC     #C2C2C2
    MSB-GRAY-MED    = #A7A9AC   #9A9C9F     #8E9093     #747679
    MSB-GRAY-DARK   = #4A4A4A   #4A4A4A     #313131     #171717
*/



/*********************************************************************/
/*** BEGIN BUTTON COLORS ***/

/* msb-blue */
.btn.msb-blue:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #2F7EC2;
    border-color: #2F7EC2;
}
.btn.msb-blue:not(.btn-outline):focus, .btn.msb-blue:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #2271B5; /* 5% darker */
    border-color: #004B8F; /* 20% darker */
}
.btn.msb-blue:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #2271B5; /* 5% darker */
    border-color: #1665A9; /* 10% darker */
}
.btn.msb-blue:not(.btn-outline):active, .btn.msb-blue:not(.btn-outline).active,
.open > .btn.msb-blue:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #2271B5; /* 5% darker */
    border-color: #1665A9; /* 10% darker */
}
.btn.msb-blue:not(.btn-outline):active:hover, .btn.msb-blue:not(.btn-outline):active:focus, .btn.msb-blue:not(.btn-outline):active.focus, .btn.msb-blue:not(.btn-outline).active:hover, .btn.msb-blue:not(.btn-outline).active:focus, .btn.msb-blue:not(.btn-outline).active.focus,
.open > .btn.msb-blue:not(.btn-outline).dropdown-toggle:hover,
.open > .btn.msb-blue:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.msb-blue:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #1665A9; /* 10% darker */
    border-color: #09589C; /* 20% darker */
}
.btn.msb-blue:not(.btn-outline):active, .btn.msb-blue:not(.btn-outline).active,
.open > .btn.msb-blue:not(.btn-outline).dropdown-toggle {
    background-image: none;
}
.btn.msb-blue:not(.btn-outline).disabled:hover, .btn.msb-blue:not(.btn-outline).disabled:focus, .btn.msb-blue:not(.btn-outline).disabled.focus, .btn.msb-blue:not(.btn-outline)[disabled]:hover, .btn.msb-blue:not(.btn-outline)[disabled]:focus, .btn.msb-blue:not(.btn-outline)[disabled].focus,
fieldset[disabled] .btn.msb-blue:not(.btn-outline):hover,
fieldset[disabled] .btn.msb-blue:not(.btn-outline):focus,
fieldset[disabled] .btn.msb-blue:not(.btn-outline).focus {
    background-color: #2F7EC2;
    border-color: #2F7EC2;
}
.btn.msb-blue:not(.btn-outline) .badge {
    color: #2F7EC2;
    background-color: #FFFFFF;
}
.btn.btn-outline.msb-blue {
    border-color: #2F7EC2;
    color: #2F7EC2;
    background: none;
}
.btn.btn-outline.msb-blue:hover, .btn.btn-outline.msb-blue:active, .btn.btn-outline.msb-blue:active:hover, .btn.btn-outline.msb-blue:active:focus, .btn.btn-outline.msb-blue:focus, .btn.btn-outline.msb-blue.active {
    border-color: #2F7EC2;
    color: #FFFFFF;
    background-color: #2F7EC2;
}
.btn.msb-blue-stripe {
    border-left: 4px solid #2F7EC2 !important;
}
.btn.msb-blue.btn-no-border:not(.active) {
    border-color: transparent;
}

/* msb-blue-light */
.btn.msb-blue-light:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #94BDE5;
    border-color: #94BDE5;
}
.btn.msb-blue-light:not(.btn-outline):focus, .btn.msb-blue-light:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #87B0D8; /* 5% darker */
    border-color: #618AB2; /* 20% darker */
}
.btn.msb-blue-light:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #87B0D8; /* 5% darker */
    border-color: #7BA4CC; /* 10% darker */
}
.btn.msb-blue-light:not(.btn-outline):active, .btn.msb-blue-light:not(.btn-outline).active,
.open > .btn.msb-blue-light:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #87B0D8; /* 5% darker */
    border-color: #7BA4CC; /* 10% darker */
}
.btn.msb-blue-light:not(.btn-outline):active:hover, .btn.msb-blue-light:not(.btn-outline):active:focus, .btn.msb-blue-light:not(.btn-outline):active.focus, .btn.msb-blue-light:not(.btn-outline).active:hover, .btn.msb-blue-light:not(.btn-outline).active:focus, .btn.msb-blue-light:not(.btn-outline).active.focus,
.open > .btn.msb-blue-light:not(.btn-outline).dropdown-toggle:hover,
.open > .btn.msb-blue-light:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.msb-blue-light:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #7BA4CC; /* 10% darker */
    border-color: #618AB2; /* 20% darker */
}
.btn.msb-blue-light:not(.btn-outline):active, .btn.msb-blue-light:not(.btn-outline).active,
.open > .btn.msb-blue-light:not(.btn-outline).dropdown-toggle {
    background-image: none;
}
.btn.msb-blue-light:not(.btn-outline).disabled:hover, .btn.msb-blue-light:not(.btn-outline).disabled:focus, .btn.msb-blue-light:not(.btn-outline).disabled.focus, .btn.msb-blue-light:not(.btn-outline)[disabled]:hover, .btn.msb-blue-light:not(.btn-outline)[disabled]:focus, .btn.msb-blue-light:not(.btn-outline)[disabled].focus,
fieldset[disabled] .btn.msb-blue-light:not(.btn-outline):hover,
fieldset[disabled] .btn.msb-blue-light:not(.btn-outline):focus,
fieldset[disabled] .btn.msb-blue-light:not(.btn-outline).focus {
    background-color: #94BDE5;
    border-color: #94BDE5;
}
.btn.msb-blue-light:not(.btn-outline) .badge {
    color: #2f353b;
    background-color: #FFFFFF;
}
.btn.btn-outline.msb-blue-light {
    border-color: #94BDE5;
    color: #94BDE5;
    background: none;
}
.btn.btn-outline.msb-blue-light:hover, .btn.btn-outline.msb-blue-light:active, .btn.btn-outline.msb-blue-light:active:hover, .btn.btn-outline.msb-blue-light:active:focus, .btn.btn-outline.msb-blue-light:focus, .btn.btn-outline.msb-blue-light.active {
    border-color: #94BDE5;
    color: #FFFFFF;
    background-color: #94BDE5;
}
.btn.msb-blue-light-stripe {
    border-left: 4px solid #94BDE5 !important;
}
.btn.msb-blue-light.btn-no-border:not(.active) {
    border-color: transparent;
}

/* msb-orange */
.btn.msb-orange:not(.btn-outline) {
	color: #FFFFFF;
	background-color: #337ab7;
	border-color: #337ab7;
}
.btn.msb-orange:not(.btn-outline):focus, .btn.msb-orange:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #F07D26; /* 5% darker */
    border-color: #CA5700; /* 20% darker */
}
.btn.msb-orange:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #F07D26; /* 5% darker */
    border-color: #E4711A; /* 10% darker */
}
.btn.msb-orange:not(.btn-outline):active, .btn.msb-orange:not(.btn-outline).active,
.open > .btn.msb-orange:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #F07D26; /* 5% darker */
    border-color: #E4711A; /* 10% darker */
}
.btn.msb-orange:not(.btn-outline):active:hover, .btn.msb-orange:not(.btn-outline):active:focus, .btn.msb-orange:not(.btn-outline):active.focus, .btn.msb-orange:not(.btn-outline).active:hover, .btn.msb-orange:not(.btn-outline).active:focus, .btn.msb-orange:not(.btn-outline).active.focus,
.open > .btn.msb-orange:not(.btn-outline).dropdown-toggle:hover,
.open > .btn.msb-orange:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.msb-orange:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #E4711A; /* 10% darker */
    border-color: #CA5700; /* 20% darker */
}
.btn.msb-orange:not(.btn-outline):active, .btn.msb-orange:not(.btn-outline).active,
.open > .btn.msb-orange:not(.btn-outline).dropdown-toggle {
    background-image: none;
}
.btn.msb-orange:not(.btn-outline).disabled:hover, .btn.msb-orange:not(.btn-outline).disabled:focus, .btn.msb-orange:not(.btn-outline).disabled.focus, .btn.msb-orange:not(.btn-outline)[disabled]:hover, .btn.msb-orange:not(.btn-outline)[disabled]:focus, .btn.msb-orange:not(.btn-outline)[disabled].focus,
fieldset[disabled] .btn.msb-orange:not(.btn-outline):hover,
fieldset[disabled] .btn.msb-orange:not(.btn-outline):focus,
fieldset[disabled] .btn.msb-orange:not(.btn-outline).focus {
    background-color: #FD8A33;
    border-color: #FD8A33;
}
.btn.msb-orange:not(.btn-outline) .badge {
    color: #FD8A33;
    background-color: #FFFFFF;
}
.btn.btn-outline.msb-orange {
    border-color: #FD8A33;
    color: #FD8A33;
    background: none;
}
.btn.btn-outline.msb-orange:hover, .btn.btn-outline.msb-orange:active, .btn.btn-outline.msb-orange:active:hover, .btn.btn-outline.msb-orange:active:focus, .btn.btn-outline.msb-orange:focus, .btn.btn-outline.msb-orange.active {
    border-color: #FD8A33;
    color: #FFFFFF;
    background-color: #FD8A33;
}
.btn.msb-orange-stripe {
    border-left: 4px solid #FD8A33 !important;
}
.btn.msb-orange.btn-no-border:not(.active) {
    border-color: transparent;
}

/* msb-green */
.btn.msb-green:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #66BC45;
    border-color: #66BC45;
}
.btn.msb-green:not(.btn-outline):focus, .btn.msb-green:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #59AF38; /* 5% darker */
    border-color: #338912; /* 20% darker */
}
.btn.msb-green:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #59AF38; /* 5% darker */
    border-color: #4DA32C; /* 10% darker */
}
.btn.msb-green:not(.btn-outline):active, .btn.msb-green:not(.btn-outline).active,
.open > .btn.msb-green:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #59AF38; /* 5% darker */
    border-color: #4DA32C; /* 10% darker */
}
.btn.msb-green:not(.btn-outline):active:hover, .btn.msb-green:not(.btn-outline):active:focus, .btn.msb-green:not(.btn-outline):active.focus, .btn.msb-green:not(.btn-outline).active:hover, .btn.msb-green:not(.btn-outline).active:focus, .btn.msb-green:not(.btn-outline).active.focus,
.open > .btn.msb-green:not(.btn-outline).dropdown-toggle:hover,
.open > .btn.msb-green:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.msb-green:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #4DA32C; /* 10% darker */
    border-color: #338912; /* 20% darker */
}
.btn.msb-green:not(.btn-outline):active, .btn.msb-green:not(.btn-outline).active,
.open > .btn.msb-green:not(.btn-outline).dropdown-toggle {
    background-image: none;
}
.btn.msb-green:not(.btn-outline).disabled:hover, .btn.msb-green:not(.btn-outline).disabled:focus, .btn.msb-green:not(.btn-outline).disabled.focus, .btn.msb-green:not(.btn-outline)[disabled]:hover, .btn.msb-green:not(.btn-outline)[disabled]:focus, .btn.msb-green:not(.btn-outline)[disabled].focus,
fieldset[disabled] .btn.msb-green:not(.btn-outline):hover,
fieldset[disabled] .btn.msb-green:not(.btn-outline):focus,
fieldset[disabled] .btn.msb-green:not(.btn-outline).focus {
    background-color: #66BC45;
    border-color: #66BC45;
}
.btn.msb-green:not(.btn-outline) .badge {
    color: #66BC45;
    background-color: #FFFFFF;
}
.btn.btn-outline.msb-green {
    border-color: #66BC45;
    color: #66BC45;
    background: none;
}
.btn.btn-outline.msb-green:hover, .btn.btn-outline.msb-green:active, .btn.btn-outline.msb-green:active:hover, .btn.btn-outline.msb-green:active:focus, .btn.btn-outline.msb-green:focus, .btn.btn-outline.msb-green.active {
    border-color: #66BC45;
    color: #FFFFFF;
    background-color: #66BC45;
}
.btn.msb-green-stripe {
    border-left: 4px solid #66BC45 !important;
}
.btn.msb-green.btn-no-border:not(.active) {
    border-color: transparent;
}

/* msb-red */
.btn.msb-red:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #EF3921;
    border-color: #EF3921;
}
.btn.msb-red:not(.btn-outline):focus, .btn.msb-red:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #E22C14; /* 5% darker */
    border-color: #BC0600; /* 20% darker */
}
.btn.msb-red:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #E22C14; /* 5% darker */
    border-color: #D62008; /* 10% darker */
}
.btn.msb-red:not(.btn-outline):active, .btn.msb-red:not(.btn-outline).active,
.open > .btn.msb-red:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #E22C14; /* 5% darker */
    border-color: #D62008; /* 10% darker */
}
.btn.msb-red:not(.btn-outline):active:hover, .btn.msb-red:not(.btn-outline):active:focus, .btn.msb-red:not(.btn-outline):active.focus, .btn.msb-red:not(.btn-outline).active:hover, .btn.msb-red:not(.btn-outline).active:focus, .btn.msb-red:not(.btn-outline).active.focus,
.open > .btn.msb-red:not(.btn-outline).dropdown-toggle:hover,
.open > .btn.msb-red:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.msb-red:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #D62008; /* 10% darker */
    border-color: #BC0600; /* 20% darker */
}
.btn.msb-red:not(.btn-outline):active, .btn.msb-red:not(.btn-outline).active,
.open > .btn.msb-red:not(.btn-outline).dropdown-toggle {
    background-image: none;
}
.btn.msb-red:not(.btn-outline).disabled:hover, .btn.msb-red:not(.btn-outline).disabled:focus, .btn.msb-red:not(.btn-outline).disabled.focus, .btn.msb-red:not(.btn-outline)[disabled]:hover, .btn.msb-red:not(.btn-outline)[disabled]:focus, .btn.msb-red:not(.btn-outline)[disabled].focus,
fieldset[disabled] .btn.msb-red:not(.btn-outline):hover,
fieldset[disabled] .btn.msb-red:not(.btn-outline):focus,
fieldset[disabled] .btn.msb-red:not(.btn-outline).focus {
    background-color: #EF3921;
    border-color: #EF3921;
}
.btn.msb-red:not(.btn-outline) .badge {
    color: #EF3921;
    background-color: #FFFFFF;
}
.btn.btn-outline.msb-red {
    border-color: #EF3921;
    color: #EF3921;
    background: none;
}
.btn.btn-outline.msb-red:hover, .btn.btn-outline.msb-red:active, .btn.btn-outline.msb-red:active:hover, .btn.btn-outline.msb-red:active:focus, .btn.btn-outline.msb-red:focus, .btn.btn-outline.msb-red.active {
    border-color: #EF3921;
    color: #FFFFFF;
    background-color: #EF3921;
}
.btn.msb-red-stripe {
    border-left: 4px solid #EF3921 !important;
}
.btn.msb-red.btn-no-border:not(.active) {
    border-color: transparent;
}

/* msb-gray-light */
.btn.msb-gray-light:not(.btn-outline) {
    color: #666;
    background-color: #F5F5F5;
    border-color: #F5F5F5;
}
.btn.msb-gray-light:not(.btn-outline):focus, .btn.msb-gray-light:not(.btn-outline).focus {
    color: #666;
    background-color: #E8E8E8; /* 5% darker */
    border-color: #C2C2C2; /* 20% darker */
}
.btn.msb-gray-light:not(.btn-outline):hover {
    color: #666;
    background-color: #E8E8E8; /* 5% darker */
    border-color: #DCDCDC; /* 10% darker */
}
.btn.msb-gray-light:not(.btn-outline):active, .btn.msb-gray-light:not(.btn-outline).active,
.open > .btn.msb-gray-light:not(.btn-outline).dropdown-toggle {
    color: #666;
    background-color: #E8E8E8; /* 5% darker */
    border-color: #DCDCDC; /* 10% darker */
}
.btn.msb-gray-light:not(.btn-outline):active:hover, .btn.msb-gray-light:not(.btn-outline):active:focus, .btn.msb-gray-light:not(.btn-outline):active.focus, .btn.msb-gray-light:not(.btn-outline).active:hover, .btn.msb-gray-light:not(.btn-outline).active:focus, .btn.msb-gray-light:not(.btn-outline).active.focus,
.open > .btn.msb-gray-light:not(.btn-outline).dropdown-toggle:hover,
.open > .btn.msb-gray-light:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.msb-gray-light:not(.btn-outline).dropdown-toggle.focus {
    color: #666;
    background-color: #DCDCDC; /* 10% darker */
    border-color: #C2C2C2; /* 20% darker */
}
.btn.msb-gray-light:not(.btn-outline):active, .btn.msb-gray-light:not(.btn-outline).active,
.open > .btn.msb-gray-light:not(.btn-outline).dropdown-toggle {
    background-image: none;
}
.btn.msb-gray-light:not(.btn-outline).disabled:hover, .btn.msb-gray-light:not(.btn-outline).disabled:focus, .btn.msb-gray-light:not(.btn-outline).disabled.focus, .btn.msb-gray-light:not(.btn-outline)[disabled]:hover, .btn.msb-gray-light:not(.btn-outline)[disabled]:focus, .btn.msb-gray-light:not(.btn-outline)[disabled].focus,
fieldset[disabled] .btn.msb-gray-light:not(.btn-outline):hover,
fieldset[disabled] .btn.msb-gray-light:not(.btn-outline):focus,
fieldset[disabled] .btn.msb-gray-light:not(.btn-outline).focus {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
}
.btn.msb-gray-light:not(.btn-outline) .badge {
    color: #F5F5F5;
    background-color: #666;
}
.btn.btn-outline.msb-gray-light {
    border-color: #F5F5F5;
    color: #F5F5F5;
    background: none;
}
.btn.btn-outline.msb-gray-light:hover, .btn.btn-outline.msb-gray-light:active, .btn.btn-outline.msb-gray-light:active:hover, .btn.btn-outline.msb-gray-light:active:focus, .btn.btn-outline.msb-gray-light:focus, .btn.btn-outline.msb-gray-light.active {
    border-color: #F5F5F5;
    color: #666;
    background-color: #F5F5F5;
}
.btn.msb-gray-light-stripe {
    border-left: 4px solid #F5F5F5 !important;
}
.btn.msb-gray-light.btn-no-border:not(.active) {
    border-color: transparent;
}

/* msb-gray-med */
.btn.msb-gray-med:not(.btn-outline) {
    color: #FFF;
    background-color: #A7A9AC;
    border-color: #A7A9AC;
}
.btn.msb-gray-med:not(.btn-outline):focus, .btn.msb-gray-med:not(.btn-outline).focus {
    color: #FFF;
    background-color: #9A9C9F; /* 5% darker */
    border-color: #747679; /* 20% darker */
}
.btn.msb-gray-med:not(.btn-outline):hover {
    color: #FFF;
    background-color: #9A9C9F; /* 5% darker */
    border-color: #8E9093; /* 10% darker */
}
.btn.msb-gray-med:not(.btn-outline):active, .btn.msb-gray-med:not(.btn-outline).active,
.open > .btn.msb-gray-med:not(.btn-outline).dropdown-toggle {
    color: #FFF;
    background-color: #9A9C9F; /* 5% darker */
    border-color: #8E9093; /* 10% darker */
}
.btn.msb-gray-med:not(.btn-outline):active:hover, .btn.msb-gray-med:not(.btn-outline):active:focus, .btn.msb-gray-med:not(.btn-outline):active.focus, .btn.msb-gray-med:not(.btn-outline).active:hover, .btn.msb-gray-med:not(.btn-outline).active:focus, .btn.msb-gray-med:not(.btn-outline).active.focus,
.open > .btn.msb-gray-med:not(.btn-outline).dropdown-toggle:hover,
.open > .btn.msb-gray-med:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.msb-gray-med:not(.btn-outline).dropdown-toggle.focus {
    color: #FFF;
    background-color: #8E9093; /* 10% darker */
    border-color: #747679; /* 20% darker */
}
.btn.msb-gray-med:not(.btn-outline):active, .btn.msb-gray-med:not(.btn-outline).active,
.open > .btn.msb-gray-med:not(.btn-outline).dropdown-toggle {
    background-image: none;
}
.btn.msb-gray-med:not(.btn-outline).disabled:hover, .btn.msb-gray-med:not(.btn-outline).disabled:focus, .btn.msb-gray-med:not(.btn-outline).disabled.focus, .btn.msb-gray-med:not(.btn-outline)[disabled]:hover, .btn.msb-gray-med:not(.btn-outline)[disabled]:focus, .btn.msb-gray-med:not(.btn-outline)[disabled].focus,
fieldset[disabled] .btn.msb-gray-med:not(.btn-outline):hover,
fieldset[disabled] .btn.msb-gray-med:not(.btn-outline):focus,
fieldset[disabled] .btn.msb-gray-med:not(.btn-outline).focus {
    background-color: #A7A9AC;
    border-color: #A7A9AC;
}
.btn.msb-gray-med:not(.btn-outline) .badge {
    color: #A7A9AC;
    background-color: #FFF;
}
.btn.btn-outline.msb-gray-med {
    border-color: #A7A9AC;
    color: #A7A9AC;
    background: none;
}
.btn.btn-outline.msb-gray-med:hover, .btn.btn-outline.msb-gray-med:active, .btn.btn-outline.msb-gray-med:active:hover, .btn.btn-outline.msb-gray-med:active:focus, .btn.btn-outline.msb-gray-med:focus, .btn.btn-outline.msb-gray-med.active {
    border-color: #A7A9AC;
    color: #FFF;
    background-color: #A7A9AC;
}
.btn.msb-gray-med-stripe {
    border-left: 4px solid #A7A9AC !important;
}
.btn.msb-gray-med.btn-no-border:not(.active) {
    border-color: transparent;
}

/* msb-gray-dark */
.btn.msb-gray-dark:not(.btn-outline) {
    color: #FFF;
    background-color: #4A4A4A;
    border-color: #4A4A4A;
}
.btn.msb-gray-dark:not(.btn-outline):focus, .btn.msb-gray-dark:not(.btn-outline).focus {
    color: #FFF;
    background-color: #4A4A4A; /* 5% darker */
    border-color: #171717; /* 20% darker */
}
.btn.msb-gray-dark:not(.btn-outline):hover {
    color: #FFF;
    background-color: #4A4A4A; /* 5% darker */
    border-color: #313131; /* 10% darker */
}
.btn.msb-gray-dark:not(.btn-outline):active, .btn.msb-gray-dark:not(.btn-outline).active,
.open > .btn.msb-gray-dark:not(.btn-outline).dropdown-toggle {
    color: #FFF;
    background-color: #4A4A4A; /* 5% darker */
    border-color: #313131; /* 10% darker */
}
.btn.msb-gray-dark:not(.btn-outline):active:hover, .btn.msb-gray-dark:not(.btn-outline):active:focus, .btn.msb-gray-dark:not(.btn-outline):active.focus, .btn.msb-gray-dark:not(.btn-outline).active:hover, .btn.msb-gray-dark:not(.btn-outline).active:focus, .btn.msb-gray-dark:not(.btn-outline).active.focus,
.open > .btn.msb-gray-dark:not(.btn-outline).dropdown-toggle:hover,
.open > .btn.msb-gray-dark:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.msb-gray-dark:not(.btn-outline).dropdown-toggle.focus {
    color: #FFF;
    background-color: #313131; /* 10% darker */
    border-color: #171717; /* 20% darker */
}
.btn.msb-gray-dark:not(.btn-outline):active, .btn.msb-gray-dark:not(.btn-outline).active,
.open > .btn.msb-gray-dark:not(.btn-outline).dropdown-toggle {
    background-image: none;
}
.btn.msb-gray-dark:not(.btn-outline).disabled:hover, .btn.msb-gray-dark:not(.btn-outline).disabled:focus, .btn.msb-gray-dark:not(.btn-outline).disabled.focus, .btn.msb-gray-dark:not(.btn-outline)[disabled]:hover, .btn.msb-gray-dark:not(.btn-outline)[disabled]:focus, .btn.msb-gray-dark:not(.btn-outline)[disabled].focus,
fieldset[disabled] .btn.msb-gray-dark:not(.btn-outline):hover,
fieldset[disabled] .btn.msb-gray-dark:not(.btn-outline):focus,
fieldset[disabled] .btn.msb-gray-dark:not(.btn-outline).focus {
    background-color: #4A4A4A;
    border-color: #4A4A4A;
}
.btn.msb-gray-dark:not(.btn-outline) .badge {
    color: #4A4A4A;
    background-color: #FFF;
}
.btn.btn-outline.msb-gray-dark {
    border-color: #4A4A4A;
    color: #4A4A4A;
    background: none;
}
.btn.btn-outline.msb-gray-dark:hover, .btn.btn-outline.msb-gray-dark:active, .btn.btn-outline.msb-gray-dark:active:hover, .btn.btn-outline.msb-gray-dark:active:focus, .btn.btn-outline.msb-gray-dark:focus, .btn.btn-outline.msb-gray-dark.active {
    border-color: #4A4A4A;
    color: #FFF;
    background-color: #4A4A4A;
}
.btn.msb-gray-dark-stripe {
    border-left: 4px solid #4A4A4A !important;
}
.btn.msb-gray-dark.btn-no-border:not(.active) {
    border-color: transparent;
}

/* outline buttons on colored backgrounds */
/* white to blue */
.btn.btn-outline.msb-white-blue {
    border-color: #FFF;
    color: #FFF;
    background: none;
}
.btn.btn-outline.msb-white-blue:hover, .btn.btn-outline.msb-white-blue:active, .btn.btn-outline.msb-white-blue:active:hover, .btn.btn-outline.msb-white-blue:active:focus, .btn.btn-outline.msb-white-blue:focus, .btn.btn-outline.msb-white-blue.active {
    border-color: #FFF;
    color: #2F7EC2;
    background-color: #FFF;
}
/* white to green */
.btn.btn-outline.msb-white-green {
    border-color: #FFF;
    color: #FFF;
    background: none;
}
.btn.btn-outline.msb-white-green:hover, .btn.btn-outline.msb-white-green:active, .btn.btn-outline.msb-white-green:active:hover, .btn.btn-outline.msb-white-green:active:focus, .btn.btn-outline.msb-white-green:focus, .btn.btn-outline.msb-white-green.active {
    border-color: #FFF;
    color: #66BC45;
    background-color: #FFF;
}
/* white to orange */
.btn.btn-outline.msb-white-orange {
    border-color: #FFF;
    color: #FFF;
    background: none;
}
.btn.btn-outline.msb-white-orange:hover, .btn.btn-outline.msb-white-orange:active, .btn.btn-outline.msb-white-orange:active:hover, .btn.btn-outline.msb-white-orange:active:focus, .btn.btn-outline.msb-white-orange:focus, .btn.btn-outline.msb-white-orange.active {
    border-color: #FFF;
    color: #FD8A33;
    background-color: #FFF;
}
/* white to red */
.btn.btn-outline.msb-white-red {
    border-color: #FFF;
    color: #FFF;
    background: none;
}
.btn.btn-outline.msb-white-red:hover, .btn.btn-outline.msb-white-red:active, .btn.btn-outline.msb-white-red:active:hover, .btn.btn-outline.msb-white-red:active:focus, .btn.btn-outline.msb-white-red:focus, .btn.btn-outline.msb-white-red.active {
    border-color: #FFF;
    color: #EF3921;
    background-color: #FFF;
}

/*** END BUTTON COLORS ***/
/*********************************************************************/

/*********************************************************************/
/*** BEGIN FORM COLORS ***/

/* msb-blue */
.form-control.msb-blue {
    border-color: #2F7EC2;
}
.form-control.msb-blue:focus {
    border-color: #526781; /* 5% darker */
}
.form-control.focus-msb-blue:focus {
    border-color: #2F7EC2;
}

/* msb-blue-light */
.form-control.msb-blue-light {
    border-color: #94BDE5;
}
.form-control.msb-blue-light:focus {
    border-color: #87B0D8; /* 5% darker */
}
.form-control.focus-msb-blue-light:focus {
    border-color: #94BDE5;
}

/* msb-orange */
.form-control.msb-orange {
    border-color: #2F7EC2;
}
.form-control.msb-orange:focus {
    border-color: #F07D26; /* 5% darker */
}
.form-control.focus-msb-orange:focus {
    border-color: #2F7EC2;
}

/* msb-green */
.form-control.msb-green {
    border-color: #66BC45;
}
.form-control.msb-green:focus {
    border-color: #59AF38; /* 5% darker */
}
.form-control.focus-msb-green:focus {
    border-color: #66BC45;
}

/* msb-red */
.form-control.msb-red {
    border-color: #EF3921;
}
.form-control.msb-red:focus {
    border-color: #E22C14; /* 5% darker */
}
.form-control.focus-msb-red:focus {
    border-color: #EF3921;
}

/* msb-gray-light */
.form-control.msb-gray-light {
    border-color: #F5F5F5;
}
.form-control.msb-gray-light:focus {
    border-color: #E8E8E8; /* 5% darker */
}
.form-control.focus-msb-gray-light:focus {
    border-color: #F5F5F5;
}

/* msb-gray-med */
.form-control.msb-gray-med {
    border-color: #A7A9AC;
}
.form-control.msb-gray-med:focus {
    border-color: #9A9C9F; /* 5% darker */
}
.form-control.focus-msb-gray-med:focus {
    border-color: #A7A9AC;
}

/* msb-gray-dark */
.form-control.msb-gray-dark {
    border-color: #4A4A4A;
}
.form-control.msb-gray-dark:focus {
    border-color: #4A4A4A; /* 5% darker */
}
.form-control.focus-msb-gray-dark:focus {
    border-color: #4A4A4A;
}

/*** END FORM COLORS ***/
/*********************************************************************/


/*********************************************************************/
/*** BEGIN PORTLET COLORS ***/

/* msb-blue */
.portlet > .portlet-body.msb-blue,
.portlet.msb-blue {
    background-color: #2F7EC2;
}
.portlet.solid.msb-blue > .portlet-title,
.portlet.solid.msb-blue > .portlet-body {
    border: 0;
    color: #FFFFFF;
}
.portlet.solid.msb-blue > .portlet-title > .caption {
    font-weight: 400;
}
.portlet.solid.msb-blue > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.solid.msb-blue > .portlet-title > .tools > a.remove {
    background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.msb-blue > .portlet-title > .tools > a.config {
    background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.msb-blue > .portlet-title > .tools > a.reload {
    background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.msb-blue > .portlet-title > .tools > a.expand {
    background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.msb-blue > .portlet-title > .tools > a.collapse {
    background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.msb-blue > .portlet-title > .tools > a.fullscreen {
    color: #fdfdfd;
}
.portlet.box.msb-blue {
    border: 1px solid #2F7EC2;
    border-top: 0;
}
.portlet.box.msb-blue > .portlet-title {
    background-color: #2F7EC2;
}
.portlet.box.msb-blue > .portlet-title > .caption {
    color: #FFFFFF;
}
.portlet.box.msb-blue > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.box.msb-blue > .portlet-title > .actions .btn-default {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #acb9ca;
    color: #bbc7d4;
}
.portlet.box.msb-blue > .portlet-title > .actions .btn-default > i {
    color: #bbc7d4;
}
.portlet.box.msb-blue > .portlet-title > .actions .btn-default:hover, .portlet.box.msb-blue > .portlet-title > .actions .btn-default:focus, .portlet.box.msb-blue > .portlet-title > .actions .btn-default:active, .portlet.box.msb-blue > .portlet-title > .actions .btn-default.active {
    border: 1px solid #fdfdfd;
    color: #fdfdfd;
}

/* msb-blue-light */
.portlet > .portlet-body.msb-blue-light,
.portlet.msb-blue-light {
    background-color: #94BDE5;
}
.portlet.solid.msb-blue-light > .portlet-title,
.portlet.solid.msb-blue-light > .portlet-body {
    border: 0;
    color: #FFFFFF;
}
.portlet.solid.msb-blue-light > .portlet-title > .caption {
    font-weight: 400;
}
.portlet.solid.msb-blue-light > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.solid.msb-blue-light > .portlet-title > .tools > a.remove {
    background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.msb-blue-light > .portlet-title > .tools > a.config {
    background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.msb-blue-light > .portlet-title > .tools > a.reload {
    background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.msb-blue-light > .portlet-title > .tools > a.expand {
    background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.msb-blue-light > .portlet-title > .tools > a.collapse {
    background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.msb-blue-light > .portlet-title > .tools > a.fullscreen {
    color: #fdfdfd;
}
.portlet.box.msb-blue-light {
    border: 1px solid #94BDE5;
    border-top: 0;
}
.portlet.box.msb-blue-light > .portlet-title {
    background-color: #94BDE5;
}
.portlet.box.msb-blue-light > .portlet-title > .caption {
    color: #FFFFFF;
}
.portlet.box.msb-blue-light > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.box.msb-blue-light > .portlet-title > .actions .btn-default {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #eaeaea;
    color: #eaeaea;
}
.portlet.box.msb-blue-light > .portlet-title > .actions .btn-default > i {
    color: #eaeaea;
}
.portlet.box.msb-blue-light > .portlet-title > .actions .btn-default:hover, .portlet.box.msb-blue-light > .portlet-title > .actions .btn-default:focus, .portlet.box.msb-blue-light > .portlet-title > .actions .btn-default:active, .portlet.box.msb-blue-light > .portlet-title > .actions .btn-default.active {
    border: 1px solid #fdfdfd;
    color: #fdfdfd;
}

/* msb-orange */
.portlet > .portlet-body.msb-orange,
.portlet.msb-orange {
    background-color: #FD8A33;
}
.portlet.solid.msb-orange > .portlet-title,
.portlet.solid.msb-orange > .portlet-body {
    border: 0;
    color: #FFFFFF;
}
.portlet.solid.msb-orange > .portlet-title > .caption {
    font-weight: 400;
}
.portlet.solid.msb-orange > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.solid.msb-orange > .portlet-title > .tools > a.remove {
    background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.msb-orange > .portlet-title > .tools > a.config {
    background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.msb-orange > .portlet-title > .tools > a.reload {
    background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.msb-orange > .portlet-title > .tools > a.expand {
    background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.msb-orange > .portlet-title > .tools > a.collapse {
    background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.msb-orange > .portlet-title > .tools > a.fullscreen {
    color: #fdfdfd;
}
.portlet.box.msb-orange {
    border: 1px solid #FD8A33;
    border-top: 0;
}
.portlet.box.msb-orange > .portlet-title {
    background-color: #FD8A33;
}
.portlet.box.msb-orange > .portlet-title > .caption {
    color: #FFFFFF;
}
.portlet.box.msb-orange > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.box.msb-orange > .portlet-title > .actions .btn-default {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #eaeaea;
    color: #eaeaea;
}
.portlet.box.msb-orange > .portlet-title > .actions .btn-default > i {
    color: #eaeaea;
}
.portlet.box.msb-orange > .portlet-title > .actions .btn-default:hover, .portlet.box.msb-orange > .portlet-title > .actions .btn-default:focus, .portlet.box.msb-orange > .portlet-title > .actions .btn-default:active, .portlet.box.msb-orange > .portlet-title > .actions .btn-default.active {
    border: 1px solid #fdfdfd;
    color: #fdfdfd;
}

/* msb-green */
.portlet > .portlet-body.msb-green,
.portlet.msb-green {
    background-color: #66BC45;
}
.portlet.solid.msb-green > .portlet-title,
.portlet.solid.msb-green > .portlet-body {
    border: 0;
    color: #FFFFFF;
}
.portlet.solid.msb-green > .portlet-title > .caption {
    font-weight: 400;
}
.portlet.solid.msb-green > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.solid.msb-green > .portlet-title > .tools > a.remove {
    background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.msb-green > .portlet-title > .tools > a.config {
    background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.msb-green > .portlet-title > .tools > a.reload {
    background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.msb-green > .portlet-title > .tools > a.expand {
    background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.msb-green > .portlet-title > .tools > a.collapse {
    background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.msb-green > .portlet-title > .tools > a.fullscreen {
    color: #fdfdfd;
}
.portlet.box.msb-green {
    border: 1px solid #66BC45;
    border-top: 0;
}
.portlet.box.msb-green > .portlet-title {
    background-color: #66BC45;
}
.portlet.box.msb-green > .portlet-title > .caption {
    color: #FFFFFF;
}
.portlet.box.msb-green > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.box.msb-green > .portlet-title > .actions .btn-default {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #eaeaea;
    color: #eaeaea;
}
.portlet.box.msb-green > .portlet-title > .actions .btn-default > i {
    color: #eaeaea;
}
.portlet.box.msb-green > .portlet-title > .actions .btn-default:hover, .portlet.box.msb-green > .portlet-title > .actions .btn-default:focus, .portlet.box.msb-green > .portlet-title > .actions .btn-default:active, .portlet.box.msb-green > .portlet-title > .actions .btn-default.active {
    border: 1px solid #fdfdfd;
    color: #fdfdfd;
}

/* msb-red */
.portlet > .portlet-body.msb-red,
.portlet.msb-red {
    background-color: #EF3921;
}
.portlet.solid.msb-red > .portlet-title,
.portlet.solid.msb-red > .portlet-body {
    border: 0;
    color: #FFFFFF;
}
.portlet.solid.msb-red > .portlet-title > .caption {
    font-weight: 400;
}
.portlet.solid.msb-red > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.solid.msb-red > .portlet-title > .tools > a.remove {
    background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.msb-red > .portlet-title > .tools > a.config {
    background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.msb-red > .portlet-title > .tools > a.reload {
    background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.msb-red > .portlet-title > .tools > a.expand {
    background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.msb-red > .portlet-title > .tools > a.collapse {
    background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.msb-red > .portlet-title > .tools > a.fullscreen {
    color: #fdfdfd;
}
.portlet.box.msb-red {
    border: 1px solid #EF3921;
    border-top: 0;
}
.portlet.box.msb-red > .portlet-title {
    background-color: #EF3921;
}
.portlet.box.msb-red > .portlet-title > .caption {
    color: #FFFFFF;
}
.portlet.box.msb-red > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.box.msb-red > .portlet-title > .actions .btn-default {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #eaeaea;
    color: #eaeaea;
}
.portlet.box.msb-red > .portlet-title > .actions .btn-default > i {
    color: #eaeaea;
}
.portlet.box.msb-red > .portlet-title > .actions .btn-default:hover, .portlet.box.msb-red > .portlet-title > .actions .btn-default:focus, .portlet.box.msb-red > .portlet-title > .actions .btn-default:active, .portlet.box.msb-red > .portlet-title > .actions .btn-default.active {
    border: 1px solid #fdfdfd;
    color: #fdfdfd;
}

/* msb-gray-light */
.portlet > .portlet-body.msb-gray-light,
.portlet.msb-gray-light {
    background-color: #F5F5F5;
}
.portlet.solid.msb-gray-light > .portlet-title,
.portlet.solid.msb-gray-light > .portlet-body {
    border: 0;
    color: #666;
}
.portlet.solid.msb-gray-light > .portlet-title > .caption {
    font-weight: 400;
}
.portlet.solid.msb-gray-light > .portlet-title > .caption > i {
    color: #666;
}
.portlet.msb-gray-light > .portlet-title > .tools > a.remove {
    background-image: url(../img/portlet-remove-icon.png);
}
.portlet.msb-gray-light > .portlet-title > .tools > a.config {
    background-image: url(../img/portlet-config-icon.png);
}
.portlet.msb-gray-light > .portlet-title > .tools > a.reload {
    background-image: url(../img/portlet-reload-icon.png);
}
.portlet.msb-gray-light > .portlet-title > .tools > a.expand {
    background-image: url(../img/portlet-expand-icon.png);
}
.portlet.msb-gray-light > .portlet-title > .tools > a.collapse {
    background-image: url(../img/portlet-collapse-icon.png);
}
.portlet.msb-gray-light > .portlet-title > .tools > a.fullscreen {
    color: #666;
}
.portlet.box.msb-gray-light {
    border: 1px solid #F5F5F5;
    border-top: 0;
}
.portlet.box.msb-gray-light > .portlet-title {
    background-color: #F5F5F5;
}
.portlet.box.msb-gray-light > .portlet-title > .caption {
    color: #666;
}
.portlet.box.msb-gray-light > .portlet-title > .caption > i {
    color: #666;
}
.portlet.box.msb-gray-light > .portlet-title > .actions .btn-default {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #9a9a9a;
    color: #9a9a9a;
}
.portlet.box.msb-gray-light > .portlet-title > .actions .btn-default > i {
    color: #9a9a9a;
}
.portlet.box.msb-gray-light > .portlet-title > .actions .btn-default:hover, .portlet.box.msb-gray-light > .portlet-title > .actions .btn-default:focus, .portlet.box.msb-gray-light > .portlet-title > .actions .btn-default:active, .portlet.box.msb-gray-light > .portlet-title > .actions .btn-default.active {
    border: 1px solid #666;
    color: #666;
}

/* msb-gray-med */
.portlet > .portlet-body.msb-gray-med,
.portlet.msb-gray-med {
    background-color: #A7A9AC;
}
.portlet.solid.msb-gray-med > .portlet-title,
.portlet.solid.msb-gray-med > .portlet-body {
    border: 0;
    color: #FFFFFF;
}
.portlet.solid.msb-gray-med > .portlet-title > .caption {
    font-weight: 400;
}
.portlet.solid.msb-gray-med > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.solid.msb-gray-med > .portlet-title > .tools > a.remove {
    background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.msb-gray-med > .portlet-title > .tools > a.config {
    background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.msb-gray-med > .portlet-title > .tools > a.reload {
    background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.msb-gray-med > .portlet-title > .tools > a.expand {
    background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.msb-gray-med > .portlet-title > .tools > a.collapse {
    background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.msb-gray-med > .portlet-title > .tools > a.fullscreen {
    color: #fdfdfd;
}
.portlet.box.msb-gray-med {
    border: 1px solid #A7A9AC;
    border-top: 0;
}
.portlet.box.msb-gray-med > .portlet-title {
    background-color: #A7A9AC;
}
.portlet.box.msb-gray-med > .portlet-title > .caption {
    color: #FFFFFF;
}
.portlet.box.msb-gray-med > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.box.msb-gray-med > .portlet-title > .actions .btn-default {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #eaeaea;
    color: #eaeaea;
}
.portlet.box.msb-gray-med > .portlet-title > .actions .btn-default > i {
    color: #eaeaea;
}
.portlet.box.msb-gray-med > .portlet-title > .actions .btn-default:hover, .portlet.box.msb-gray-med > .portlet-title > .actions .btn-default:focus, .portlet.box.msb-gray-med > .portlet-title > .actions .btn-default:active, .portlet.box.msb-gray-med > .portlet-title > .actions .btn-default.active {
    border: 1px solid #fdfdfd;
    color: #fdfdfd;
}

/* msb-gray-dark */
.portlet > .portlet-body.msb-gray-dark,
.portlet.msb-gray-dark {
    background-color: #4A4A4A;
}
.portlet.solid.msb-gray-dark > .portlet-title,
.portlet.solid.msb-gray-dark > .portlet-body {
    border: 0;
    color: #FFFFFF;
}
.portlet.solid.msb-gray-dark > .portlet-title > .caption {
    font-weight: 400;
}
.portlet.solid.msb-gray-dark > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.solid.msb-gray-dark > .portlet-title > .tools > a.remove {
    background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.msb-gray-dark > .portlet-title > .tools > a.config {
    background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.msb-gray-dark > .portlet-title > .tools > a.reload {
    background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.msb-gray-dark > .portlet-title > .tools > a.expand {
    background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.msb-gray-dark > .portlet-title > .tools > a.collapse {
    background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.msb-gray-dark > .portlet-title > .tools > a.fullscreen {
    color: #fdfdfd;
}
.portlet.box.msb-gray-dark {
    border: 1px solid #4A4A4A;
    border-top: 0;
}
.portlet.box.msb-gray-dark > .portlet-title {
    background-color: #4A4A4A;
}
.portlet.box.msb-gray-dark > .portlet-title > .caption {
    color: #FFFFFF;
}
.portlet.box.msb-gray-dark > .portlet-title > .caption > i {
    color: #FFFFFF;
}
.portlet.box.msb-gray-dark > .portlet-title > .actions .btn-default {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #eaeaea;
    color: #eaeaea;
}
.portlet.box.msb-gray-dark > .portlet-title > .actions .btn-default > i {
    color: #eaeaea;
}
.portlet.box.msb-gray-dark > .portlet-title > .actions .btn-default:hover, .portlet.box.msb-gray-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.msb-gray-dark > .portlet-title > .actions .btn-default:active, .portlet.box.msb-gray-dark > .portlet-title > .actions .btn-default.active {
    border: 1px solid #fdfdfd;
    color: #fdfdfd;
}
/*** END PORTLET COLORS ***/
/*********************************************************************/


/*********************************************************************/
/*** BEGIN PROGRESS BAR COLORS ***/
.progress-bar.msb-blue {
  background: #2F7EC2 !important;
  color: #FFFFFF !important;
}
.progress-bar.msb-blue-light {
  background: #94BDE5 !important;
  color: #FFFFFF !important;
}
.progress-bar.msb-orange {
  background: #FD8A33 !important;
  color: #FFFFFF !important;
}
.progress-bar.msb-green {
  background: #66BC45 !important;
  color: #FFFFFF !important;
}
.progress-bar.msb-red {
  background: #EF3921 !important;
  color: #FFFFFF !important;
}
.progress-bar.msb-gray-light {
  background: #F5F5F5 !important;
  color: #666 !important;
}
.progress-bar.msb-gray-med {
  background: #A7A9AC !important;
  color: #FFFFFF !important;
}
.progress-bar.msb-gray-dark {
  background: #4A4A4A !important;
  color: #FFFFFF !important;
}
/*** END PROGRESS BAR COLORS ***/
/*********************************************************************/


/*********************************************************************/
/*** BEGIN BACKGROUND, FONTS & BORDER COLORS ***/

/* msb-blue */
.bg-msb-blue {
    background: #2F7EC2 !important;
}
.bg-msb-blue-opacity {
    background: rgba(47, 126, 194, 0.8) !important;
}
.bg-hover-msb-blue:hover {
    background: #2F7EC2 !important;
}
.font-msb-blue {
    color: #2F7EC2 !important;
}
.bg-font-msb-blue {
    color: #FFFFFF !important;
}
.border-msb-blue {
    border-color: #2F7EC2 !important;
}
.border-top-msb-blue {
    border-top-color: #2F7EC2 !important;
}
.border-bottom-msb-blue {
    border-bottom-color: #2F7EC2 !important;
}
.border-left-msb-blue {
    border-left-color: #2F7EC2 !important;
}
.border-right-msb-blue {
    border-right-color: #2F7EC2 !important;
}
.bg-before-msb-blue:before,
.bg-after-msb-blue:after {
    background: #2F7EC2 !important;
}
.border-before-msb-blue:before,
.border-after-msb-blue:after {
    border-color: #2F7EC2 !important;
}
.border-top-before-msb-blue:before,
.border-top-after-msb-blue:after {
    border-top-color: #2F7EC2 !important;
}
.border-bottom-before-msb-blue:before,
.border-bottom-after-msb-blue:after {
    border-bottom-color: #2F7EC2 !important;
}
.border-left-before-msb-blue:before,
.border-left-after-msb-blue:after {
    border-left-color: #2F7EC2 !important;
}
.border-right-before-msb-blue:before,
.border-right-after-msb-blue:after {
    border-right-color: #2F7EC2 !important;
}

/* msb-blue-light */
.bg-msb-blue-light {
    background: #94BDE5 !important;
}
.bg-msb-blue-light-opacity {
    background: rgba(148, 1898, 229, 0.8) !important;
}
.bg-hover-msb-blue-light:hover {
    background: #94BDE5 !important;
}
.font-msb-blue-light {
    color: #94BDE5 !important;
}
.bg-font-msb-blue-light {
    color: #FFFFFF !important;
}
.border-msb-blue-light {
    border-color: #94BDE5 !important;
}
.border-top-msb-blue-light {
    border-top-color: #94BDE5 !important;
}
.border-bottom-msb-blue-light {
    border-bottom-color: #94BDE5 !important;
}
.border-left-msb-blue-light {
    border-left-color: #94BDE5 !important;
}
.border-right-msb-blue-light {
    border-right-color: #94BDE5 !important;
}
.bg-before-msb-blue-light:before,
.bg-after-msb-blue-light:after {
    background: #94BDE5 !important;
}
.border-before-msb-blue-light:before,
.border-after-msb-blue-light:after {
    border-color: #94BDE5 !important;
}
.border-top-before-msb-blue-light:before,
.border-top-after-msb-blue-light:after {
    border-top-color: #94BDE5 !important;
}
.border-bottom-before-msb-blue-light:before,
.border-bottom-after-msb-blue-light:after {
    border-bottom-color: #94BDE5 !important;
}
.border-left-before-msb-blue-light:before,
.border-left-after-msb-blue-light:after {
    border-left-color: #94BDE5 !important;
}
.border-right-before-msb-blue-light:before,
.border-right-after-msb-blue-light:after {
    border-right-color: #94BDE5 !important;
}

/* msb-orange */
.bg-msb-orange {
    background: #FD8A33 !important;
}
.bg-msb-orange-opacity {
    background: rgba(253, 138, 51, 0.8) !important;
}
.bg-hover-msb-orange:hover {
    background: #FD8A33 !important;
}
.font-msb-orange {
    color: #FD8A33 !important;
}
.bg-font-msb-orange {
    color: #FFFFFF !important;
}
.border-msb-orange {
    border-color: #FD8A33 !important;
}
.border-top-msb-orange {
    border-top-color: #FD8A33 !important;
}
.border-bottom-msb-orange {
    border-bottom-color: #FD8A33 !important;
}
.border-left-msb-orange {
    border-left-color: #FD8A33 !important;
}
.border-right-msb-orange {
    border-right-color: #94BDE5 !important;
}
.bg-before-msb-orange:before,
.bg-after-msb-orange:after {
    background: #FD8A33 !important;
}
.border-before-msb-orange:before,
.border-after-msb-orange:after {
    border-color: #FD8A33 !important;
}
.border-top-before-msb-orange:before,
.border-top-after-msb-orange:after {
    border-top-color: #FD8A33 !important;
}
.border-bottom-before-msb-orange:before,
.border-bottom-after-msb-orange:after {
    border-bottom-color: #FD8A33 !important;
}
.border-left-before-msb-orange:before,
.border-left-after-msb-orange:after {
    border-left-color: #FD8A33 !important;
}
.border-right-before-msb-orange:before,
.border-right-after-msb-orange:after {
    border-right-color: #FD8A33 !important;
}

/* msb-green */
.bg-msb-green {
    background: #66BC45 !important;
}
.bg-msb-green-opacity {
    background: rgba(102, 188, 69, 0.8) !important;
}
.bg-hover-msb-green:hover {
    background: #66BC45 !important;
}
.font-msb-green {
    color: #66BC45 !important;
}
.bg-font-msb-green {
    color: #FFFFFF !important;
}
.border-msb-green {
    border-color: #66BC45 !important;
}
.border-top-msb-green {
    border-top-color: #66BC45 !important;
}
.border-bottom-msb-green {
    border-bottom-color: #66BC45 !important;
}
.border-left-msb-green {
    border-left-color: #66BC45 !important;
}
.border-right-msb-green {
    border-right-color: #66BC45 !important;
}
.bg-before-msb-green:before,
.bg-after-msb-green:after {
    background: #66BC45 !important;
}
.border-before-msb-green:before,
.border-after-msb-green:after {
    border-color: #66BC45 !important;
}
.border-top-before-msb-green:before,
.border-top-after-msb-green:after {
    border-top-color: #66BC45 !important;
}
.border-bottom-before-msb-green:before,
.border-bottom-after-msb-green:after {
    border-bottom-color: #66BC45 !important;
}
.border-left-before-msb-green:before,
.border-left-after-msb-green:after {
    border-left-color: #66BC45 !important;
}
.border-right-before-msb-green:before,
.border-right-after-msb-green:after {
    border-right-color: #66BC45 !important;
}

/* msb-red */
.bg-msb-red {
    background: #EF3921 !important;
}
.bg-msb-red-opacity {
    background: rgba(239, 57, 33, 0.8) !important;
}
.bg-hover-msb-red:hover {
    background: #EF3921 !important;
}
.font-msb-red {
    color: #EF3921 !important;
}
.bg-font-msb-red {
    color: #FFFFFF !important;
}
.border-msb-red {
    border-color: #EF3921 !important;
}
.border-top-msb-red {
    border-top-color: #EF3921 !important;
}
.border-bottom-msb-red {
    border-bottom-color: #EF3921 !important;
}
.border-left-msb-red {
    border-left-color: #EF3921 !important;
}
.border-right-msb-red {
    border-right-color: #EF3921 !important;
}
.bg-before-msb-red:before,
.bg-after-msb-red:after {
    background: #EF3921 !important;
}
.border-before-msb-red:before,
.border-after-msb-red:after {
    border-color: #EF3921 !important;
}
.border-top-before-msb-red:before,
.border-top-after-msb-red:after {
    border-top-color: #EF3921 !important;
}
.border-bottom-before-msb-red:before,
.border-bottom-after-msb-red:after {
    border-bottom-color: #EF3921 !important;
}
.border-left-before-msb-red:before,
.border-left-after-msb-red:after {
    border-left-color: #EF3921 !important;
}
.border-right-before-msb-red:before,
.border-right-after-msb-red:after {
    border-right-color: #EF3921 !important;
}

/* msb-gray-light */
.bg-msb-gray-light {
    background: #F5F5F5 !important;
}
.bg-msb-gray-light-opacity {
    background: rgba(245, 245, 245, 0.8) !important;
}
.bg-hover-msb-gray-light:hover {
    background: #F5F5F5 !important;
}
.font-msb-gray-light {
    color: #F5F5F5 !important;
}
.bg-font-msb-gray-light {
    color: #666 !important;
}
.border-msb-gray-light {
    border-color: #F5F5F5 !important;
}
.border-top-msb-gray-light {
    border-top-color: #F5F5F5 !important;
}
.border-bottom-msb-gray-light {
    border-bottom-color: #F5F5F5 !important;
}
.border-left-msb-gray-light {
    border-left-color: #F5F5F5 !important;
}
.border-right-msb-gray-light {
    border-right-color: #F5F5F5 !important;
}
.bg-before-msb-gray-light:before,
.bg-after-msb-gray-light:after {
    background: #F5F5F5 !important;
}
.border-before-msb-gray-light:before,
.border-after-msb-gray-light:after {
    border-color: #F5F5F5 !important;
}
.border-top-before-msb-gray-light:before,
.border-top-after-msb-gray-light:after {
    border-top-color: #F5F5F5 !important;
}
.border-bottom-before-msb-gray-light:before,
.border-bottom-after-msb-gray-light:after {
    border-bottom-color: #F5F5F5 !important;
}
.border-left-before-msb-gray-light:before,
.border-left-after-msb-gray-light:after {
    border-left-color: #F5F5F5 !important;
}
.border-right-before-msb-gray-light:before,
.border-right-after-msb-gray-light:after {
    border-right-color: #F5F5F5 !important;
}

/* msb-gray-med */
.bg-msb-gray-med {
    background: #A7A9AC !important;
}
.bg-msb-gray-med-opacity {
    background: rgba(167, 169, 172, 0.8) !important;
}
.bg-hover-msb-gray-med:hover {
    background: #A7A9AC !important;
}
.font-msb-gray-med {
    color: #A7A9AC !important;
}
.bg-font-msb-gray-med {
    color: #FFF !important;
}
.border-msb-gray-med {
    border-color: #A7A9AC !important;
}
.border-top-msb-gray-med {
    border-top-color: #A7A9AC !important;
}
.border-bottom-msb-gray-med {
    border-bottom-color: #A7A9AC !important;
}
.border-left-msb-gray-med {
    border-left-color: #A7A9AC !important;
}
.border-right-msb-gray-med {
    border-right-color: #A7A9AC !important;
}
.bg-before-msb-gray-med:before,
.bg-after-msb-gray-med:after {
    background: #A7A9AC !important;
}
.border-before-msb-gray-med:before,
.border-after-msb-gray-med:after {
    border-color: #A7A9AC !important;
}
.border-top-before-msb-gray-med:before,
.border-top-after-msb-gray-med:after {
    border-top-color: #A7A9AC !important;
}
.border-bottom-before-msb-gray-med:before,
.border-bottom-after-msb-gray-med:after {
    border-bottom-color: #A7A9AC !important;
}
.border-left-before-msb-gray-med:before,
.border-left-after-msb-gray-med:after {
    border-left-color: #A7A9AC !important;
}
.border-right-before-msb-gray-med:before,
.border-right-after-msb-gray-med:after {
    border-right-color: #A7A9AC !important;
}

/* msb-gray-dark */
.bg-msb-gray-dark {
    background: #4A4A4A !important;
}
.bg-msb-gray-dark-opacity {
    background: rgba(74, 74, 74, 0.8) !important;
}
.bg-hover-msb-gray-dark:hover {
    background: #4A4A4A !important;
}
.font-msb-gray-dark {
    color: #4A4A4A !important;
}
.bg-font-msb-gray-dark {
    color: #FFF !important;
}
.border-msb-gray-dark {
    border-color: #4A4A4A !important;
}
.border-top-msb-gray-dark {
    border-top-color: #4A4A4A !important;
}
.border-bottom-msb-gray-dark {
    border-bottom-color: #4A4A4A !important;
}
.border-left-msb-gray-dark {
    border-left-color: #4A4A4A !important;
}
.border-right-msb-gray-dark {
    border-right-color: #4A4A4A !important;
}
.bg-before-msb-gray-dark:before,
.bg-after-msb-gray-dark:after {
    background: #4A4A4A !important;
}
.border-before-msb-gray-dark:before,
.border-after-msb-gray-dark:after {
    border-color: #4A4A4A !important;
}
.border-top-before-msb-gray-dark:before,
.border-top-after-msb-gray-dark:after {
    border-top-color: #4A4A4A !important;
}
.border-bottom-before-msb-gray-dark:before,
.border-bottom-after-msb-gray-dark:after {
    border-bottom-color: #4A4A4A !important;
}
.border-left-before-msb-gray-dark:before,
.border-left-after-msb-gray-dark:after {
    border-left-color: #4A4A4A !important;
}
.border-right-before-msb-gray-dark:before,
.border-right-after-msb-gray-dark:after {
    border-right-color: #4A4A4A !important;
}

/*** END BACKGROUND, FONTS & BORDER COLORS ***/
/*********************************************************************/


/* CUSTOM MSB COLORS 

                      base      5%          10%         20%
    MSB-BLUE        = #2F7EC2   #2271B5     #1665A9     #004B8F
    MSB-BLUE-LIGHT  = #94BDE5   #87B0D8     #7BA4CC     #618AB2
    MSB-ORANGE      = #FD8A33   #F07D26     #E4711A     #CA5700
    MSB-GREEN       = #66BC45   #59AF38     #4DA32C     #338912
    MSB-RED         = #EF3921   #E22C14     #D62008     #BC0600
    MSB-GRAY-LIGHT  = #F5F5F5   #E8E8E8     #DCDCDC     #C2C2C2
    MSB-GRAY-MED    = #A7A9AC   #9A9C9F     #8E9093     #747679
    MSB-GRAY-DARK   = #4A4A4A   #4A4A4A     #313131     #171717
*/