/* Inheriting Parent CSS */
@import "bootstrap-uh.min.css";
@import "bootstrap-theme-uh.min.css";

html { height: 100%; }
* html body { height: 100%; }
body {
    font-size: 12px;
    min-height: 100%;
    margin: 0;
    padding: 0;
    color: #333333;
    position: relative;
    background-color: #e1e1d9;
}


/* ==========  Typo  ========== */
h1, h2, h3, h4, h5, h6, ul.tabs li a, .navigation > li > a, .leftNav ul li a, .stats ul li span, .userLink, .errorPage p, .ui-dialog .ui-dialog-title { font-family: 'Arial', sans-serif; font-weight: normal; }
.raquo { font-family: 'trebuchet ms',Verdana,Arial,Helvetica,sans-serif; font-size: 120%; }
.raquo:before { content: '» '; }
.text-notice { color: #FF7F2A; }
.text-standard { color: #000000; }
a { cursor: pointer; }
a:hover, a:focus { text-decoration: none; }
a:focus { outline: 1px dotted #245886; }
/* remove outline for mouse navigation (switch to pseudo-class ":focus-visible" when browsers catch up) */
.mouse-nav a:focus { outline: none; }
a.link-primary { color: #0253c2; }
a.link-body-color { color: #333333; }
label { font-weight: 500; }
h1, .h1 { font-size: 24px; }
h2, .h2 { font-size: 22px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 14px; }
.h1 .label, .h2 .label, .h3 .label, .h4 .label, .h5 .label, .h6 .label, h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label { vertical-align: middle; }
.label {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    padding: 3px 7px 4px;
}
.badge {
    background: none repeat scroll 0 0 #40484C;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.badge-success {
    background-color: #5cb85c;
}
.badge-primary {
    background-color: #2b69a0;
}
.badge-warning {
    background-color: #f0ad4e;
}
.badge-danger {
    background-color: #d9534f;
}
.badge-special {
    background-color: #7A94A1;
}
.badge.badge-sm {
    font-size: 10px;
    padding: 2px 4px;
}
span.underline {
    text-decoration: underline;
}

@font-face {
    font-family: 'OfficinaSansBook';
    src: url('../../../fonts/officinasansitcbook-webfont.eot');
    src: url('../../../fonts/officinasansitcbook-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/officinasansitcbook-webfont.woff') format('woff'),
         url('../../../fonts/officinasansitcbook-webfont.ttf') format('truetype'),
         url('../../../fonts/officinasansitcbook-webfont.svg#webfont') format('svg');
}
.font-officinasansbook {
    font-family: 'OfficinaSansBook';
}

@media (max-width: 767px) {
    .text-left-xs {
        text-align: left;
    }
}

.blink_me {
    animation: blinker 1.5s linear infinite;
}
  
@keyframes blinker {
    50% {
        opacity: 0;
    }
}


/* ==== General Site Style ==== */
.cursor {
    cursor: pointer;
}


/* ==========  Headings ==========  */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
    color: #333333;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: underline;
}


/* ==========  Additional reset classes  ========== */
.p10 { padding: 10px; }
.p12 { padding: 12px; }
.pt0 { padding-top: 0px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt12 { padding-top: 12px; }
.pt20 { padding-top: 20px; }
.pt24 { padding-top: 24px; }
.pt30 { padding-top: 30px; }
.pl0 { padding-left: 0px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl16 { padding-left: 16px; }
.pb0 { padding-bottom: 0px; }
.pb5 { padding-bottom: 5px; }
.mt40 { margin-top: 40px; }
.mt20 { margin-top: 20px; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mr5 { margin-right: 5px; }
.mr60 { margin-right: 60px; }
.mb0 { margin-bottom: 0; }
.nomargin { margin: 0!important; }
.nopadding { padding: 0!important; }
.noborder { border: none!important; }
.nobg { background: none!important; }
.floatleft { display: block; float: left; }
.floatright { display: block; float: right; }
.aligncenter { text-align: center; }
.fix { clear: both; }
/* .first { margin-top: 22px!important; } */ /* Removed this to fix the datatables footer toolbar receiving 22px of top margin. I don't think this effected anything else... */
.inactive { margin-top: 0px; color: #2B6893; }

a { cursor: pointer; }


/* ===== Header ===== */
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}
.page-container {
    padding-top: 15px;
    position: relative;
}
.page-container:before, .page-container:after {
    content: " ";
    display: table;
}
.iframe.page-container {
    padding-top: 0;
}
.page-container > .container {
    display: block;
    padding: 0;
}
.page-container > .container > .row {
    width: auto;
}
.page-login.page-container > .container {
    display: block;
}
.page-login.page-container > .container > .row {
    width: auto;
}
@media (min-width: 768px) {
    .container-fluid {
        padding: 0 30px;
    }
    .page-container > .container {
        display: flex;
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-container > .container > .row {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .page-container {
        padding-top: 30px;
    }
    .iframe.page-container {
        padding-top: 0;
    }
}
.navbar {
    border-radius: 0;
    font-size: 11px;
    margin-bottom: 0;
    min-height: 36px;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: 0;
    margin-right: 0;
}
.navbar-toggle {
    border: 0 none;
    border-radius: 0;
    display: block;
    float: right;
    line-height: 1;
    margin: 0;
    padding: 11px;
}
.navbar-default .navbar-toggle {
    background-color: #EEEEEE;
    color: #333333;
}
.page-header {
    background: linear-gradient(to top, #aab8c5 0%, #c0ccd7 30%, #dce3e9 70%, #e7ecf1 100%);
    background-color: #C6D0D9;
    border-bottom: 1px solid #9FA8B0;
    border-top: 1px solid #FEFEFE;
    margin: 0;
    padding: 8px 0;
}
.page-header:after {
    clear: both;
    content: "";
    display: table;
}
.page-header > .container {
    align-items: center;
    display: flex;
}
.page-header .header-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.page-header .header-wrapper .header-left {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.page-header .header-wrapper .header-right {
    align-items: center;
    display: flex;
    width: 100%;
}
.page-header .logo {
    align-items: center;
    display: flex;
    margin: 0 auto;
    padding: 0;
    width: auto;
}
.page-header .logo img {
    height: auto;
    width: 143px;
}
.page-header .header-wrapper.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
.page-header .header-wrapper.center-block .logo {
    margin-left: auto;
    margin-right: auto;
}
.page-header .header-title {
    margin: 10px auto 0 auto;
    padding: 0;
    width: 100%;
}
.page-header .header-wrapper.center-block .header-title {
    margin-top: 15px;
    margin-left: 0;
    padding-left: 0;
    text-align: center;
}
.page-header .header-title h4, .page-header .header-title h3 {
    font-size: 16px;
    margin: 0;
}
.page-header .header-wrapper.center-block .header-title h4, .page-header .header-title h3 {
    font-size: 16px;
    margin: 0;
}
.page-header .header-title h5 {
    margin: 10px 0 0;
}
.page-header .header-title h6 {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.3;
    text-align: left;
}
.page-header .header-title h6.heading-name {
    float: left;
}
.page-header .header-title h6.heading-number {
    float: right;
}
.page-header .header-details {
    display: flex;
    margin: auto 0 auto auto;
}
.page-header .header-details .well {
    background-color: rgba(245, 245, 245, 0.4);
    background-image: none;
    border: 1px solid #E3E3E3;
    padding: 0 10px;
    margin-bottom: 0;
}
.page-header .header-details .well h6 {
    margin-bottom: 4px;
    margin-top: 4px;
}
.page-header .header-details .well h6.small {
    font-size: 12px;
    line-height: 1;
}
.page-header .header-tools {
    align-items: center;
    /* display: flex; */
    display: none;
    margin: 10px auto 0;
    padding: 0;
}
.page-header .header-tools > li {
    display: block;
    list-style: outside none none;
    margin-bottom: auto;
    margin-top: auto;
    position: relative;
    text-align: center;
}
.page-header .header-tools > li + li {
    margin-left: 20px;
}
.page-header .header-tools > li > .label {
    position: absolute;
    right: -7px;
    top: -7px;
}
.page-header .header-tools > li > a {
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: inherit;
    margin-bottom: 0;
    padding: 8px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    white-space: nowrap;
}
.page-header .header-tools > li > a:hover {
    background-color: #e0e0e0;
    background-position: 0 -15px;
    color: #092e7e;
}
.page-header .header-tools > li.active > a {
    background-color: #fad761;
    background-image: none;
    border-color: #adadad;
}
.page-header .header-tools > li.disabled > a {
    color: #777;
    cursor: not-allowed;
}
.page-header .header-tools > li > a > .glyphicon {
    display: inline-block;
    float: none;
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
.page-header .header-tools > li > a > .title {
    display: none;
}
.page-header .header-tools > li > .dropdown-menu {
    left: auto;
    right: 0;
}
.page-header .header-tools > li:first-child > .dropdown-menu {
    left: 0;
    right: auto;
}
.page-header .header-tools > li > .dropdown-menu > li > a:hover,
.page-header .header-tools > li > .dropdown-menu > li.active > a:hover {
    background-color: #239169;
}
.page-header .header-tools .caret {
    border-bottom: 4px solid transparent;
    border-left: 4px dashed;
    border-right: 4px solid transparent;
    border-top: 4px solid transparent;
    margin: 0 0 0 4px;
}
.page-header .header-tools .open .caret {
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px dashed;
    margin: 4px 3px 0 1px;
}
@media (min-width: 481px) {
    .page-header .header-wrapper .header-left {
        flex-wrap: nowrap;
    }
    .page-header .logo {
        padding: 0 15px;
        margin: 0;
    }
    .page-header .logo img {
        
    }
    .page-header .header-title {
        margin: 0 auto;
        width: auto;
    }
    .page-header .header-title h6.heading-name {
        float: none;
    }
    .page-header .header-title h6.heading-number {
        float: none;
    }
}
@media (min-width: 768px) {
    .page-header {
        
    }
    .page-header .header-wrapper {
        flex-wrap: nowrap;
    }
    .page-header .header-wrapper .header-left {
        margin: 0 auto 0 0;
        width: auto;
    }
    .page-header .header-wrapper .header-right {
        margin: 0 0 0 auto;
        width: auto;
    }
    .page-header .logo {
        
    }
    .page-header .logo img {
        
    }
    .page-header .header-wrapper.center-block .logo {
        float: none;
    }
    .page-header .header-title {
        margin: auto 0 auto 10px;
    }
    .page-header .header-wrapper.center-block .header-title {
        margin-top: 20px;
    }
    .page-header .header-title h4, .page-header .header-title h3 {
        font-size: 20px;
    }
    .page-header .header-wrapper.center-block .header-title h4, .page-header .header-wrapper.center-block .header-title h3 {
        font-size: 18px;
    }
    .page-header .header-tools {
        display: flex;
        margin: auto 0 auto auto;
    }
    .page-header .header-tools > li > a {
        border-radius: 4px;
        padding: 7px;
    }
    .page-header .header-tools > li > a > .glyphicon {
        display: block;
        font-size: 22px;
        margin-bottom: 4px;
    }
    .page-header .header-tools > li > a > .title {
        display: inline-block;
    }
    .page-header .header-tools > li:first-child > .dropdown-menu {
        left: auto;
        right: 0;
    }
}
@media (min-width: 992px) {
    .page-header .logo {
        width: 200px;
    }
    .page-header .logo img {
        
    }
    .page-header .header-title {
        margin: auto 0 auto 32px;
    }
    .page-header .header-tools > li > a {
        border-radius: 6px;
        padding: 10px 8px;
    }
}

.page-title.navbar-default {
    background: #2a4785 linear-gradient(to top, #253e74 0%, #305194 80%) no-repeat;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.page-title.navbar-default .navbar-header {
    padding: 0 15px;
}
.page-title.navbar-default .navbar-right {
    padding: 0;
}
.page-title.navbar-default .navbar-header h4 {
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 8px;
}
.page-title.navbar-default .navbar-header h4 small {
    color: #dddddd;
}
.page-title.navbar-default .navbar-nav > li {
    border-right: 1px solid #385ba3;
}
.page-title.navbar-default .navbar-right .navbar-nav > li:last-child {
    border-right: 0 none;
}
.page-title.navbar-default .navbar-nav > li:first-child {
    border-left: 1px solid #385ba3;
}
.page-title.navbar-default .navbar-left .navbar-nav > li:first-child {
    border-left: 0 none;
}
.page-title.navbar-default .navbar-nav > li.dropdown {
    border-right: 0 none;
}
.page-title.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
}
.page-title.navbar-default .navbar-nav > li > a.dropdown-toggle {
    background-color: rgba(0, 0, 0, 0.2);
}
.page-title.navbar-default .navbar-nav > li > a.dropdown-toggle .glyphicon {
    margin-right: 0;
    line-height: 1.8;
}
.page-title.navbar-default .navbar-nav > li > a:hover, .page-title.navbar-default .navbar-nav > li > a:focus {
    background-color: #3C9AC9;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #DDDDDD;
}
.navbar-custom {
    background: #2a4785 linear-gradient(to top, #253e74 0%, #305194 80%) no-repeat;
    border-color: rgba(0, 0, 0, 0);
}
.navbar-custom .container {
    align-items: center;
    display: flex;
}
.navbar-custom .nav-toggle-left {
    margin: auto 0;
}
.navbar-custom .navbar-toggle {
    background-color: rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
}
.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
    background-color: #3C9AC9;
    color: #FFFFFF;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
    width: 15px;
}
.navbar-custom .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 3px;
}
.navbar-custom .navbar-header {
    align-items: center;
    display: flex;
    margin: auto auto auto 0;
    width: 200px;
}
.navbar-custom .navbar-header:after {
    clear: both;
    content: "";
    display: table;
}
.navbar-custom .navbar-brand {
    color: #EEEEEE;
    height: auto;
    margin: auto;
    padding: 0;
}
.navbar-custom .navbar-nav.navbar-right {
    margin: auto 0 auto 15px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin: auto;
}
.navbar .btn {
    font-size: 11px;
    padding: 5px 12px 6px;
}
.navbar-btn {
    margin: 4px 15px;
}
.navbar-custom .navbar-text {
    font-size: 11px;
    margin: 0;
}
.navbar-form {
    margin: 4px 0;
    padding: 0 12px;
}
.navbar-form .form-control {
    font-size: 11px;
    height: auto;
    padding: 6px 8px 5px;
}
.panel .navbar .form-group:first-child, .well .navbar .form-group:first-child {
    margin-top: 0;
}
.navbar-form, .navbar-btn {
    margin: 5px 0;
}
.navbar-custom .navbar-nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #192f5f;
    border-color: #428BCA;
}
.navbar-custom .navbar-nav > li {
    border-right: 1px solid #385ba3;
}
.navbar-custom .navbar-nav > li:first-child {
    border-left: 1px solid #385ba3;
}
.navbar-custom .navbar-nav > li > a {
    color: #FFFFFF;
}
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
    background-color: #192f5f;
}
.navbar-custom .navbar-nav > li > a > span {
    margin: 8px 0 8px 8px;
}
.navbar-custom .navbar-nav > li > a > span.badge {
    margin: 0;
}
.navbar-custom .navbar-nav > li > a > span.badge, .off-canvas-list > li a .badge {
    background-color: #e06c5f;
    font-size: 11px;
    margin-left: 3px;
}
.navbar-custom .navbar-nav > li > .dropdown-menu > li > a > .badge {
    background-color: #999;
    font-size: 11px;
    margin-left: 3px;
}
.navbar-custom .navbar-nav > li > .dropdown-menu > li > a > .badge-danger {
    background-color: #e06c5f;
}
.navbar-custom .form-control, .navbar-custom .btn {
    border: 0 none;
}
.navbar-custom .btn-xs {
    margin-bottom: 0;
    margin-top: 0;
    padding: 1px 5px;
}
.navbar-custom .navbar-text, .navbar-custom .navbar-link {
    color: #FFFFFF;
}
.navbar-default {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #E7E7E7;
}
.navbar-default .navbar-nav > li {
    border-right: 1px solid #E5E5E5;
}
.navbar-default .navbar-nav > li:first-child {
    border-left: 1px solid #E5E5E5;
}
.navbar-default .navbar-nav > li > a {
    color: #333333;
}
.navbar-default .navbar-text, .navbar-default .navbar-link {
    color: #333333;
}
.navbar-nav {
    margin: 0;
}
.navbar-nav > li {
    font-size: 11px;
}
.navbar-nav > li > a {
    padding: 8px 12px;
    line-height: 18px;
}
.navbar-nav > li > a .glyphicon {
    margin-right: 6px;
}
.navbar-custom .navbar-nav > li > a > i {
    /* margin-right: 0; */
}
.navbar-nav > li > a .label {
    margin-left: 6px;
}
.navbar-nav > li > a .caret {
    border-bottom: 4px solid transparent;
    border-left: 4px dashed;
    border-right: 4px solid transparent;
    border-top: 4px solid transparent;
    margin: 0 0 0 4px;
}
.navbar-nav > li.open > a .caret {
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px dashed;
    margin: 4px 3px 0 1px;
}
.navbar-nav > li > a .fa {
    top: 1px;
}
.navbar-nav .nav-icon .fa {
    margin-right: 0;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 2px;
}
.navbar-nav > li.dropdown.search > ul.dropdown-menu {
    min-width: 220px;
}
.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}
.navbar-control {
    padding: 0 30px;
    width: 100%;
}
.navbar-control:after {
    clear: both;
    content: "";
    display: table;
}
.navbar-left-custom, .navbar-nav.navbar-left-custom > li {
    float: left;
}
@media (max-width: 991px) {
    .navbar {
        padding: 0;
    }
    .navbar .container-fluid {
        padding: 0;
    }
    .nav .sidebar-toggle {
        display: none;
    }
    .navbar-header {
        float: none;
        width: 100%;
    }
    .container-fluid .navbar-header {
        padding: 0 30px;
    }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 15px;
    }
    .navbar-form {
        border-bottom: 0 none;
        margin: 0;
        text-align: center;
        width: 100%;
    }
    .navbar-custom .navbar-form {
        background: none repeat scroll 0 0 #2A2A2A;
        border-top: 1px solid #444444;
    }
    .navbar-default .navbar-form {
        background-color: #F5F5F5;
        border-top: 1px solid #DDDDDD;
    }
    .navbar-form .form-group {
        display: block;
    }
    .navbar-form .form-control {
        margin: 12px 0;
        width: 100%;
    }
    .navbar-form .btn {
        margin-bottom: 12px;
    }
    .navbar-btn {
        margin: 12px 0;
    }
    .navbar-text {
        margin-bottom: 12px;
        margin-top: 12px;
    }
    .navbar-left, .navbar-right {
        float: none;
        font-size: 0;
        text-align: center;
    }
    .navbar-custom .navbar-left, .navbar-custom .navbar-right {
        background-color: rgba(0,0,0,0.1);
        border-top: 1px solid #192f5f;
    }
    .navbar-default .navbar-left, .navbar-default .navbar-right {
        background: none repeat scroll 0 0 #F5F5F5;
        border-top: 1px solid #DDDDDD;
    }
    .navbar-custom .navbar-right .navbar-btn {
        margin-right: 10px;
    }
    .page-title.navbar-default {
        margin-bottom: 15px;
    }
    .page-title.navbar-default .navbar-header {
        float: left;
        padding: 0 10px;
        width: auto;
    }
    .page-title.navbar-default .navbar-right, .page-title.navbar-default .navbar-left {
        background-color: rgba(0,0,0,0);
        border-top: 0 none;
        float: right;
        padding: 0;
        width: auto;
    }
    .page-title.navbar-default .navbar-left { float:left; }
    .page-title.navbar-default .navbar-nav > .active > a {
        background-image: none;
        background-repeat: repeat-x;
    }
    .navbar-nav > li {
        display: inline-block;
        float: none;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        float: left;
        margin-top: 2px;
        position: absolute;
        text-align: left;
    }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 10px 10px 9px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 1.42857;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #333333;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #239169;
    }
}
@media (max-width: 480px) {
    .navbar-nav > li > a > span {
        /* display: none; */
    }
    .page-title.navbar-default .navbar-right .navbar-nav > li > a > span {
        display: block;
    }
    .navbar-nav > li > a > i {
        margin-right: 0;
    }
}
@media (max-width: 767px) {
    .navbar-custom > .container {
        padding-left: 0;
        padding-right: 0;
    }
    .container-fluid .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.user.dropdown {
    vertical-align: top;
}
.user.dropdown > a {
    padding-bottom: 0;
    padding-top: 0;
}
.user.dropdown > a > img {
    /*
    float: left;
    margin: 6px 0;
    */
    max-height: 24px;
}
.user.dropdown > a > span {
    display: inline-block;
    margin: 8px 0 8px 8px;
}
.navbar-custom .user.dropdown > a {
    color: #FFFFFF;
}
@media (max-width: 480px) {
    .user.dropdown > a > span, .user.dropdown > a > .caret {
        display: none;
    }
}
@media (min-width: 992px) {
    .navbar-form, .navbar-text, .navbar-nav, .navbar-button, .sidebar {
        display: block;
    }
    .navbar-toggle {
        display: none;
    }
}


/* ==========  Off Canvas menu  ========== */
.off-canvas-wrap, .inner-wrap, nav.tab-bar, .left-off-canvas-menu, .left-off-canvas-menu *, .right-off-canvas-menu, .move-right a.exit-off-canvas, .move-left a.exit-off-canvas {
}
.off-canvas-wrap, .inner-wrap {
    position: relative;
    width: 100%;
}
.left-off-canvas-menu, .right-off-canvas-menu,
.left-off-canvas-sub-menu, .right-off-canvas-sub-menu {
    background-color: #444;
    bottom: 0;
    height: 100%;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 252px;
    z-index: 1001;
}
.left-off-canvas-sub-menu, .right-off-canvas-sub-menu {
    z-index: 1002;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}
.ie-legacy .left-off-canvas-menu { left: -100%; }
.ie-legacy .right-off-canvas-menu { right: 100%; }
.ie-legacy .left-off-canvas-sub-menu { left: -100%; }
.ie-legacy .right-off-canvas-sub-menu { right: 100%; }
section.left-small, section.right-small {
    height: 2.8125rem;
    position: absolute;
    top: 0;
    width: 2.8125rem;
}
.off-canvas-wrap {
    overflow: hidden;
}
.inner-wrap {
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}
.inner-wrap:before, .inner-wrap:after, .off-canvas-wrap:before, .off-canvas-wrap:after {
    content: " ";
    display: table;
}
.inner-wrap:after {
    clear: both;
}
.left-off-canvas-menu, .left-off-canvas-sub-menu {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.right-off-canvas-menu, .right-off-canvas-sub-menu {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.off-canvas-list, .off-canvas-sub-list  {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
}
.off-canvas-list > li, .off-canvas-sub-list > li {
    background-color: #444;
}
.off-canvas-list > li.active, .off-canvas-sub-list > li.active {
    background-color: #333;
    box-shadow: 0 -1px rgba(0, 0, 0, 0) inset, 0 1px rgba(0, 0, 0, 0) inset;
    position: relative;
}
.off-canvas-list > li.active:after, .off-canvas-sub-list > li.active:after {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #555;
    border-top: 8px solid transparent;
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
}
.off-canvas-list > li > label, .off-canvas-sub-list > li > label {
    background-color: #3b3b3b;
    border-bottom: 1px solid #262626;
    border-top: 1px solid #5e5e5e;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    margin: 0;
    padding: 8px 12px;
}
.off-canvas-list > li > label.menu-title, .off-canvas-sub-list > li > label.menu-title {
    background-color: #3a3a3a;
    border-top: 1px solid #5e5e5e;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    font-family: "Arial",sans-serif;
    font-size: 28px;
    font-weight: 100;
    padding: 16px 24px 8px 15px;
}
.off-canvas-list > li > a, .off-canvas-sub-list > li > a {
    align-items: center;
    border-bottom: 1px solid #262626;
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    padding: 8px 12px 8px 12px;
    position: relative;
    transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s;
}
.off-canvas-list > li > a:hover, .off-canvas-sub-list > li > a:hover {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    box-shadow: 0 -1px rgba(0, 0, 0, 0) inset, 0 1px rgba(0, 0, 0, 0) inset;
}
.off-canvas-list > li.disabled > a, .off-canvas-sub-list > li.disabled > a {
    color: rgba(255, 255, 255, 0.35);
    cursor: not-allowed;
}
.off-canvas-list > li > a .badge, .off-canvas-sub-list > li > a .badge {
    margin: auto 0 auto auto;
}
.off-canvas-list > li > ul > li > a .badge, .off-canvas-sub-list > li > ul > li > a .badge {
    margin-left: 5px;
}
.off-canvas-list > li > a .glyphicon-exclamation-sign, .off-canvas-sub-list > li > a .glyphicon-exclamation-sign {
    margin: auto 0 auto auto;
}
.off-canvas-list > li > ul > li > a .glyphicon-exclamation-sign, .off-canvas-sub-list > li > ul > li > a .glyphicon-exclamation-sign {
    margin: 0 0 0 5px;
}
.off-canvas-list > li > ul, .off-canvas-sub-list > li > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
}
.off-canvas-list > li > ul > li, .off-canvas-sub-list > li > ul > li {
    background-color: #444;
    position: relative;
}
.off-canvas-list > li > ul > li.active, .off-canvas-sub-list > li > ul > li.active {
    background-color: #3a3a3a;
}
.off-canvas-list > li > ul > li a, .off-canvas-sub-list > li > ul > li a {
    border-bottom: 1px solid #262626;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    font-size: 14px;
    padding: 6px 6px 6px 35px;
}
.off-canvas-list > li > ul > li a:hover, .off-canvas-sub-list > li > ul > li a:hover {
    /* background-color: #666666; */
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    box-shadow: 0 -1px rgba(0, 0, 0, 0) inset, 0 1px rgba(0, 0, 0, 0) inset;
}
.off-canvas-list > li > ul > li.active a:after, .off-canvas-sub-list > li > ul > li.active a:after {
    border-bottom: 6px solid transparent;
    border-right: 6px solid #555;
    border-top: 6px solid transparent;
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
}
.off-canvas-list > li > ul > li.disabled a, .off-canvas-sub-list > li > ul > li.disabled a {
    color: rgba(255, 255, 255, 0.35);
    cursor: not-allowed;
}
.off-canvas-list .arrow-left, .off-canvas-sub-list .arrow-left {
	float: right;
    margin-right: -12px;
    width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid rgba(255, 255, 255, 0.7);
}
.off-canvas-sub-list > li .menu-title {
    background-color: #3a3a3a;
    border-top: 1px solid #5e5e5e;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    font-family: "Arial",sans-serif;
    font-size: 28px;
    font-weight: 100;
    padding: 16px 24px 8px 15px;
}
.off-canvas-sub-list > li .menu-title:hover {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
}
.off-canvas-list .caret {
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px dashed;
    color: #666;
    margin: 10px auto auto 6px;
}
.off-canvas-list .collapsed .caret {
    border-bottom: 4px solid transparent;
    border-left: 4px dashed;
    border-right: 4px solid transparent;
    border-top: 4px solid transparent;
    margin: 7px auto auto 8px;
}
.left-off-canvas-menu .glyphicon {
    font-size: 12px;
}
.left-off-canvas-menu .sub-menu > .sub-menu-toggle > .glyphicon-menu-left {
    color: #666;
    font-size: 14px;
}
.left-off-canvas-menu .sub-menu .menu-title > .glyphicon {
    font-size: 20px;
}
.left-off-canvas-menu .sub-menu .menu-title > .glyphicon-menu-right {
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    margin: 0;
    position: absolute;
    right: 8px;
    top: 28px;
}
.move-right > .inner-wrap {
    -webkit-transform: translate3d(250px, 0, 0);
    -moz-transform: translate3d(250px, 0, 0);
    -ms-transform: translate3d(250px, 0, 0);
    -o-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}
.move-right > .left-off-canvas-sub-menu {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.move-right a.exit-off-canvas {
    background-color: rgba(255, 255, 255, 0.2);
    bottom: 0;
    /* box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); */
    cursor: pointer;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 300ms ease 0s;
    z-index: 1000;
}
@media only screen and (min-width: 992px) {
    .move-right a.exit-off-canvas:hover {
        background-color: rgba(255, 255, 255, 0.05);
    }
}
.move-left > .inner-wrap {
    -webkit-transform: translate3d(-250px, 0, 0);
    -moz-transform: translate3d(-250px, 0, 0);
    -ms-transform: translate3d(-250px, 0, 0);
    -o-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}
.move-left > .right-off-canvas-sub-menu {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.move-left a.exit-off-canvas {
    background-color: rgba(255, 255, 255, 0.2);
    bottom: 0;
    /* box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); */
    cursor: pointer;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 300ms ease 0s;
    z-index: 1000;
}
@media only screen and (min-width: 992px) {
    .move-left a.exit-off-canvas:hover {
        background-color: rgba(255, 255, 255, 0.05);
    }
}


/* ===== Button Toolbar Sub Navigation ===== */
.btn-nav-toolbar {
    width: 100%;
    margin-bottom: 15px;
}
.btn-nav-toolbar-justified > div {
    width: 100%;
    display: block;
}
.btn-nav-toolbar-justified .btn {
    width: 100%;
}
@media (min-width: 768px) {
    .btn-nav-toolbar-justified > div {
        width: 1%;
        display: table-cell;
        float: none;
    }
    .btn-nav-toolbar-justified div .btn {
        width: 98%;
    }
}

.btn-group .btn-default:active, .btn-group .btn-default.active {
    border-color: #ccc;
}


/* ===== Middle Nav ===== */
.middle-nav {
    float: right;
    margin: 0;
    padding: 0;
}
.middle-nav > li {
    display: block;
    float: left;
    margin-left: 20px;
    position: relative;
    text-align: center;
}
.middle-nav > li:first-child {
    margin: 0;
}
.middle-nav > li > a {
    display: block;
    font-weight: normal;
    padding: 8px 12px 3px;
}
.middle-nav > li > a:hover {
    background: none repeat scroll 0 0 #F6F6F6;
}
.middle-nav > li > a:active {
    background: none repeat scroll 0 0 #F1F1F1;
}
.middle-nav > li > a > i {
    display: block;
    float: none;
    font-size: 28px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
}
.middle-nav .label {
    position: absolute;
    right: -7px;
    top: -7px;
}
@media (max-width: 767px) {
    .middle-nav {
        float: none;
        font-size: 0;
        margin-top: 15px;
        text-align: center;
    }
    .middle-nav > li {
        display: inline-block;
        float: none;
        margin: 0 5px;
    }
    .middle-nav > li:first-child {
        margin: 0 5px;
    }
    .middle-nav > li span {
        display: none;
    }
}
.sidebar {
    margin: 0 auto 0 0;
    width: 200px;
}
.sidebar h5 {
    margin-left: 3px;
    margin-bottom: 4px;
}
.navigation {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.navigation ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.navigation > li {
    display: block;
    margin-top: 2px;
    position: relative;
}
.navigation li:first-child {
    margin-top: 0;
}
.navigation > li > a {
    align-items: center;
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    color: #333333;
    display: flex;
    font-size: 15px;
    padding: 9px 9px 8px;
}
.navigation > li > a > .glyphicon {
    font-size: 12px;
    margin: 4px 8px auto 0;
    top: 0;
}
.navigation > li > a.level-opened, .navigation > li > a:hover, .navigation > li > a:focus {
    background: none repeat scroll 0 0 #239169;
    border-color: #239169;
    color: #FFFFFF;
}
.navigation > li.active > a, .navigation > li.active > a.level-opened {
    background: #2a4785 linear-gradient(to top, #253e74 0%, #305194 80%) no-repeat;
    border-color: #40484C;
    color: #FFFFFF;
}
.navigation > li > a .badge {
    background-color: #e06c5f;
    line-height: normal;
    margin: auto 0 auto auto;
}
.navigation > li > ul > li > a .badge {
    background-color: #999;
    font-size: 11px;
    margin-left: 5px;
}
.navigation > li > a .glyphicon-exclamation-sign {
    margin: auto 0 auto auto;
}
.navigation > li > ul > li > a .glyphicon-exclamation-sign {
    margin: 0 0 0 5px;
}
.navigation > li > a .label {
    float: right;
}
.navigation .caret {
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px dashed;
    margin: 10px auto auto 5px;
}
.navigation .collapsed .caret {
    border-bottom: 4px solid transparent;
    border-left: 4px dashed;
    border-right: 4px solid transparent;
    border-top: 4px solid transparent;
    margin: 7px auto auto 8px;
}
.navigation > li > ul .label {
    float: right;
    margin-top: -2px;
}
.navigation > li > ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FCFCFC;
    border-color: transparent #999999 #999999;
    border-image: none;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-style: none solid solid;
    border-width: 0 1px 1px;
}
.navigation > li > ul > li {
    border-top: 1px solid #EEEEEE;
    position: relative;
}
.navigation > li > ul > li:first-child {
    border-top: 0 none;
}
.navigation > li > ul > li > a {
    display: block;
    font-size: 11px;
    padding: 11px 12px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.navigation > li > ul > li a:hover, .navigation > li > ul > li a:focus {
    background-color: #FAFAFA;
}
.navigation > li > ul > li.active > a {
    background: none repeat scroll 0 0 #eee;
}
.navigation > li > ul > li.active > a:after {
    border-bottom: 6px solid transparent;
    border-right: 6px solid #ccc;
    border-top: 6px solid transparent;
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
}
.navigation > li > ul > li.disabled > a {
    color: #777;
    cursor: not-allowed;
}
.hidden-sidebar .sidebar {
    opacity: 0;
}
.page-content {
    display: block;
    float: right;
    margin: 0 0 0 auto;
    width: 910px;
}
@media (max-width: 1199px) {
    .page-content {
        width: 710px;
    }
}
@media (max-width: 991px) {
    .page-content {
        width: 720px;
    }
}
@media (max-width: 767px) {
    .page-content {
        width: 100%;
    }
}

/*==== Buttons ==== */
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.42;
    border-radius: 15px;
}


/* ===== Footer ===== */
footer {
    background: #C5C5B9 linear-gradient(to bottom, #C5C5B9 10%, #E1E1D9 90%) no-repeat;
    border-top: 1px solid #AAAA9C;
    color: #777777;
    margin-top: 80px;
    padding-bottom: 40px;
    padding-top: 40px;
}
footer.footer-login {
    text-align: center;
}
@media (max-width: 991px) {
    footer {
        margin-top: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: center;
    }
}
.navbar-fixed-bottom { position: absolute; bottom: 0; padding: 15px 0; }
.social-icons { float:left; width:180px; text-align: center; }
.social-icons-login { margin-left: auto; margin-right: auto; width:180px; text-align: center; }
.social-icons ul li { list-style: none; }
.footer-content { margin-left: 210px; }
.footer-nav { font-size: 14px; }
.footer-nav span { padding: 5px; font-size: 12px; }
.footer-info { margin-top: 20px; }
@media (max-width: 991px) {
    .social-icons { float: none; margin: 0 auto; }
    .footer-content { margin-left: 0; }
    .footer-nav { margin-top: 20px; }
}



/* ==========  Login page  ========== */
.login-panel, .group-select-panel, .agent-select-panel { max-width: 320px; margin-right: auto; margin-left: auto; }
.login-panel .panel-heading { display: table; width: 100%; }
.login-panel .panel-body .form-group:last-child { margin-bottom: 0; }
.login-panel .panel + .alert ul { padding-left: 15px; }
.login-panel .panel + .alert ul > li > a { white-space: nowrap; }


/* ===== Main page content ===== */
.glyphicon { margin-right: 8px; }
.glyphicon-single { margin-right: 0; }
.glyphicon-right { margin-right: 0; margin-left: 8px;}
.glyphicon-users:before{
    content:"\e008";
    margin-left: -5px;
    position: relative;
    z-index: 1;
}
.glyphicon-users:after{
    bottom: 0;
    content:"\e008";
    font-size: 90%;
    left: 50%;
    margin-left: -3px;
    opacity: 0.6;
    position: absolute;
}
.panel-title .glyphicon { font-size: 14px; }
.tooltip.in { opacity: 0.95; }
.tooltip-inner { background: #333; border: solid 1px #333; }
.tooltip-inner-lg { max-width: 300px; }
.tooltip.top .tooltip-arrow { border-top-color: #333; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #333; }
.tooltip.left .tooltip-arrow { border-left-color: #333; }
.tooltip.right .tooltip-arrow { border-right-color: #333; }

.loader {
    position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../../../images/loaders/loader8.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.8);
}
.loader .loader-text {
    color: #333;
    font-family: "Arial",sans-serif;
    font-size: 14px;
    left: 50%;
    margin-left: -25px;
    margin-top: 25px;
    position: absolute;
    top: 50%;
}
.panel-group .panel-title > a:hover {
    text-decoration: none;
}
.panel-group .panel + .panel {
    /* margin-top: 0; */
}
.panel-heading .panel-title .caret {
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px dashed;
    margin: 4px 0 0 2px;
}
.panel-heading .collapsed .panel-title .caret, .panel-heading .collapsed.panel-title .caret {
    border-bottom: 4px solid transparent;
    border-left: 4px dashed;
    border-right: 4px solid transparent;
    border-top: 4px solid transparent;
    margin: 0 0 0 4px;
}
.panel-sq {
    border-radius: 0;
}
.form-group {
    margin-bottom: 20px;
}
.form-group.form-group-sm {
    margin-bottom: 15px;
}
.form-group.form-group-bottom {
    margin-bottom: 0;
}
.panel .form-group:first-child, .well .form-group:first-child {
    margin-top: 5px;
}
.alert.alert-sm {
    padding: 10px;
}
.rtl-inputs [class*="col-"], .rtl-inputs [class^="col-"] {
    float: right !important;
}
.form-control {
    border-color: #D5D5D5;
    border-radius: 0;
    box-shadow: none;
    font-size: 12px;
    padding: 8px 9px 7px;
}
.form-control:focus {
    border-color: rgb(77, 144, 254);
    box-shadow: none;
}
.mouse-nav .form-control:focus {
    outline: none;
}
.form-control + .form-control, .input-group + .input-group {
    margin-top: 20px;
}
form.app-form .form-control + .form-control, form.app-form .input-group + .input-group {
    margin-top: 10px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #FAFAFA;
}
.form-actions {
    margin-bottom: 5px;
}
.form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
}
.input-sm, .form-group-sm .form-control {
    border-radius: 0;
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    padding: 5px 9px;
}
.form-group-sm textarea.form-control {
    height: auto;
}
.form-group-sm .radio, .form-group-sm .checkbox {
    margin-bottom: 7px;
    margin-top: 7px;
}
.input-lg, .form-group-lg .form-control {
    border-radius: 0;
    font-size: 18px;
    height: 46px;
    line-height: 1.33;
    padding: 10px 16px;
}
.form-group-lg textarea.form-control {
    height: auto;
}
.help-block {
    color: #999999;
    font-size: 11px;
    margin-bottom: 12px;
    margin-top: 7px;
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    /* margin-bottom: 5px; */
}
.radio-inline > input {
    position: relative;
}
.form-horizontal .control-label i {
    margin-right: 2px;
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        /* text-align: left; */
    }
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
    }
    .form-horizontal .control-label.text-left {
        text-align: left;
    }
    .form-horizontal .control-label.text-right {
        text-align: right;
    }
    .navbar .navbar-right {
        margin-right: 0px;
    }
}
@media (max-width: 767px) {
    .form-group .control-label.sub-label {
        margin-top: 20px;
    }
    .form-group-sm .control-label.sub-label {
        margin-top: 15px;
    }
    .form-group .form-control.sub-input {
        margin-top: 8px;
    }
    .form-group-sm .form-control.sub-input {
        margin-top: 5px;
    }
}
.form-bordered .form-group {
    border-top: 1px solid #EEEEEE;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
}
.form-bordered .panel .form-group:first-child {
    border-top: 0 none;
    margin-top: 5px;
    padding-top: 0;
}
.panel-body .form-bordered .form-group:first-child {
    border-top: 0 none;
    margin-top: 0;
    padding-top: 0;
}
.form-group .btn-single-xs {
    padding: 8px;
}
.has-feedback .form-control-feedback {
    top: 22px;
}
.has-feedback-no-label .form-control-feedback {
    top: 0;
}
.has-feedback-left .form-control {
    padding-left: 32px;
    padding-right: 0;
}
.has-feedback-left .form-control-feedback {
    left: 0;
    right: auto;
}
.form-horizontal .has-feedback-left .form-control-feedback {
    left: 15px;
    right: 0;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error .form-control-feedback {
    color: #D65C4F;
}
.has-error .form-control, .has-error .form-control:focus {
    border-color: #D65C4F;
    box-shadow: none;
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success .form-control-feedback {
    color: #239169;
}
.has-success .form-control, .has-success .form-control:focus {
    border-color: #239169;
    box-shadow: none;
}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning .form-control-feedback {
    color: #CC6E30;
}
.has-warning .form-control, .has-warning .form-control:focus {
    border-color: #CC6E30;
    box-shadow: none;
}
.dl-horizontal.dl-sm {
    margin-bottom: 0;
}
.dl-horizontal.dl-sm dt {
    width: 60px;
}
.dl-horizontal.dl-sm dd {
    margin-left: 70px;
}
.dl-horizontal.dl-md {
    margin-bottom: 0;
}
.dl-horizontal.dl-md dt {
    width: 80px;
}
.dl-horizontal.dl-md dd {
    margin-left: 100px;
}
.dl-horizontal dt.normal {
    font-weight: normal;
}
.dl-horizontal dt.text-left {
    text-align: left;
}
@media (max-width: 767px) {
    .dl-horizontal.dl-sm dd {
        margin-left: 0;
    }
    .dl-horizontal.dl-md dd {
        margin-left: 0;
        margin-bottom: 12px;
    }
}
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    border-radius: 2px;
    font-size: 14px;
    height: 40px;
    padding: 7px 12px;
}
select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 40px;
    line-height: 40px;
}
.input-group-addon {
    background-color: #F5F5F5;
    border-color: #D5D5D5;
    border-radius: 2px;
    font-size: 12px;
}
.input-group-addon > i {
    display: block;
}
.input-group-addon > label {
    margin: 0;
}
.input-group-addon .checker, .input-group-addon .choice {
    margin: 0;
}
input[type="radio"], input[type="checkbox"] {
    margin: 3px 0 0;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-left: 10px;
    margin-top: 0;
}
.hidden.radio-inline + .radio-inline, .hidden.checkbox-inline + .checkbox-inline {
    margin-left: 0;
}
select[multiple] {
    height: 250px;
}
.radio, .checkbox {
    padding-left: 0;
    cursor: pointer;
    vertical-align: middle;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: -20px;
    margin-top: 1px;
    position: absolute;
}
.remember input[type="checkbox"] {
    margin-left: 0px;
}
@media (max-width: 480px) {
    .radio-inline, .checkbox-inline {
        display: block;
    }
    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-left: 0;
        margin-top: 9px;
    }
    .radio-inline.inline-xs, .checkbox-inline.inline-xs {
        display: inline-block;
    }
    .radio-inline.inline-xs + .radio-inline.inline-xs, .checkbox-inline.inline-xs + .checkbox-inline.inline-xs {
        margin-left: 10px;
        margin-top: 0;
    }
}
.page-tabs > .nav-tabs, .page-tabs > .nav-pills {
    margin-bottom: 0;
}
.page-tabs > .tab-content {
}
.page-tabs {
    margin-bottom: 30px;
}
.tab-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border-image: none;
    border: 1px solid #CCCCCC;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    padding: 15px;
    margin-bottom: 20px;
}
.panel > .tabbable > .tab-content {
    border: 0 none;
}
.modal .tab-content {
    border: 0 none;
    padding-top: 20px;
}
.pill-content {
    border: 0 none;
    margin-top: 16px;
}
.pill-content > .pill-pane {
    display: none;
}
.pill-content > .active {
    display: block;
}
.nav-tabs {
    border-bottom: 1px solid #CCCCCC;
}
.nav-tabs > li > a {
    background-color: #F5F5F5;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD #DDDDDD #CCCCCC;
    border-radius: 4px 4px 0 0;
    color: #444444;
    font-weight: bold;
    margin-right: -1px;
    padding: 8px 12px 9px;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #EEEEEE;
    border-color: #CCCCCC;
    box-shadow: none;
    color: #676767;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #FFFFFF;
    border-color: #CCCCCC #CCCCCC transparent;
    border-radius: 4px 4px 0 0;
    color: #428BCA;
}
.nav-tabs > li > a > i {
    float: left;
    margin: 2px 6px 0 0;
}
.nav-tabs > li > a .label {
    margin: 0 -5px 0 5px;
}
.nav-tabs > li > a .label-text {
    font-size: 11px;
    font-weight: 700;
    margin-left: 4px;
}
.nav-tabs .open > a, .nav-tabs .open > a:hover, .nav-tabs .open > a:focus {
    background-color: #FCFCFC;
    border-color: #CCCCCC;
    color: #428BCA;
}
.nav-tabs .dropdown-menu {
    margin-top: 10px;
}
.nav-tabs.toolbar-tabs {
    margin: -1px -1px 0;
}
.nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0;
    margin-bottom: 0;
    margin-left: -1px;
    margin-right: 0;
}
.nav-tabs.nav-justified > li:first-child > a {
    margin-left: 0;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #FFFFFF;
    border-top-color: #E42C19;
    border-radius: 0;
}
@media (max-width: 767px) {
    .nav-tabs.nav-justified > li > a {
        border: 1px solid #DDDDDD;
        margin-left: 0;
    }
    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #DDDDDD;
    }
}
@media (max-width: 480px) {
    .nav-tabs > li {
        float: none;
    }
    .nav-tabs > li.pull-right {
        float: none !important;
    }
    .nav-tabs > li > a {
        border-radius: 0;
        margin-right: 0;
    }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border-radius: 0;
        border-bottom-color: #CCCCCC;
    }
}
.abbreviatedTabs > li:not(.active) > a {
    /*max-width: 24ch;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.abbreviatedTabs > li:not(.active) > a:hover {
    text-overflow: initial !important;
    max-width: initial !important;
}
/*
@media (max-width: 1199px) {
    .abbreviatedTabs > li:not(.active) > a {
        max-width: 20ch;
    }
}
*/
.nav-pills > li > a {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    color: #333333;
    font-weight: bold;
    padding: 8px 12px 9px;
}
.nav-pills > li > a:hover, .nav-pills > li > a:focus {
    background-color: #FCFCFC;
    box-shadow: none;
}
.nav-pills > li > a > i {
    float: left;
    margin: 2px 6px 0 0;
}
.nav-pills > li > a > i.pull-right {
    margin: 0 -6px 0 0;
}
.nav-pills > li > a .label {
    margin-left: 6px;
    margin-right: -4px;
}
.nav-pills > li.active > a .label {
    background-color: #444444;
}
.nav-pills.nav-justified > li > a .label {
    float: right;
    margin: -1px -6px 0 6px;
}
.nav-pills .open > a, .nav-pills .open > a:hover, .nav-pills .open > a:focus {
    background-color: #3C9AC9;
    border-color: #3C9AC9;
    color: #FFFFFF;
}
.nav-pills .open a .caret, .nav-pills .open a:hover .caret, .nav-pills > li.active .caret {
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #3C9AC9;
    border-color: #3C9AC9;
}
.nav-pills.nav-justified > li > a {
    margin-left: 4px;
    text-align: left;
}
.nav-pills.nav-justified > li:first-child > a {
    margin-left: 0;
}
.nav-pills.nav-justified > li > a:after, .nav-pills.nav-justified > li.active > a:after {
    left: 15px;
    margin-left: 0;
}
.nav-pills.nav-justified .dropdown-menu {
    margin-left: 4px;
}
.nav-pills.nav-justified .dropdown-menu.dropdown-menu-right {
    margin-right: 4px;
}
.nav-pills.nav-stacked > li.active > a:after {
    border: 0 none;
}
@media (max-width: 767px) {
    .nav-pills.nav-justified > li + li {
        margin-left: 0;
        margin-top: 2px;
    }
    .nav-pills.nav-justified > li > a {
        margin-left: 0;
    }
    .nav-pills.nav-justified > li.active > a:after {
        border: 0 none;
        content: "";
    }
    .nav-pills.nav-justified .dropdown-menu {
        margin-left: 0;
    }
}
@media (max-width: 480px) {
    .nav-pills > li {
        float: none;
    }
    .nav-pills > li + li {
        margin-left: 0;
        margin-top: 2px;
    }
    .nav-pills > li.active > a:after {
        border: 0 none;
        content: "";
    }
}
.list-group {
    margin-bottom: 0;
}
.list-group-item {
    padding: 9px 12px 8px;
}
.list-group-item-heading {
    margin-bottom: 3px;
}
.list-group-item i {
    float: left;
    margin-right: 8px;
}
.list-group-item .btn {
    position: absolute;
    right: 3px;
    top: 3px;
}
.list-group-item.has-button {
    padding-right: 36px;
}
.list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.list-group-item:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-bottom: 0;
}
.list-group-item > .badge, .list-group-item > .label {
    float: right;
    margin-top: -2px;
}
.list-group-item > .label + .label {
    margin-right: 5px;
}
a.list-group-item:hover, a.list-group-item:focus {
    background-color: #FAFAFA;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #3C9AC9;
    border-color: #3C9AC9;
}
.list-group-item-success {
    background-color: #F5FAF4;
    color: #2D552D;
}
a.list-group-item-success {
    color: #2D552D;
}
a.list-group-item-success:hover, a.list-group-item-success:focus {
    background-color: #ECF6EA;
    color: #2D552D;
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
    background-color: #65B688;
    border-color: #65B688;
}
.list-group-item-danger {
    background-color: #FDF5F5;
    color: #923E3C;
}
a.list-group-item-danger {
    color: #923E3C;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus {
    background-color: #F8EFEF;
    color: #923E3C;
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
    background-color: #D65C4F;
    border-color: #D65C4F;
}
.list-group-item-warning {
    background-color: #FFFDF0;
    color: #725A32;
}
a.list-group-item-warning {
    color: #725A32;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus {
    background-color: #FAF8E9;
    color: #725A32;
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
    background-color: #EE8366;
    border-color: #EE8366;
}
.list-group-item-info {
    background-color: #F5FBFD;
    color: #426A7E;
}
a.list-group-item-info {
    color: #426A7E;
}
a.list-group-item-info:hover, a.list-group-item-info:focus {
    background-color: #ECF6FA;
    color: #426A7E;
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
    background-color: #3C9AC9;
    border-color: #3C9AC9;
}
.nav-list {
    background-color: #FCFCFC;
    border-bottom: 1px solid #E5E5E5;
    border-radius: 0 0 2px 2px;
}
.nav-list > li {
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
}
.nav-list > li > a {
    padding: 10px 12px 9px;
}
.nav-list > li.nav-header {
    background-color: #40484C;
    border-color: #40484C;
    border-radius: 2px 2px 0 0;
    color: #FFFFFF;
    padding: 10px 14px 9px;
}
.nav-list + .nav-list {
    margin-top: 35px;
}
.nav-list > li .label {
    float: right;
    margin: -3px -4px -3px 0;
}
.nav-list > li > i, .nav-list > li > a > i {
    float: left;
    margin-right: 6px;
}
.nav-list > li > a > i {
    color: #333333;
}
.nav-list > li.nav-header i {
    float: right;
    margin-right: 0;
}
.list-sm {
    padding-left: 15px;
}
.list-sm > li {
    margin-bottom: 5px;
}
.table {
    margin-bottom: 0;
}
.table > thead > tr > th {
    border-bottom-width: 1px;
    outline: 0 none;
}
table th.auto-width, .table th.auto-width {
    width: 1px;
    white-space: nowrap;
}
table td.auto-width, .table td.auto-width {
    width: 1px;
    white-space: normal;
}
table thead th.head-left, .table thead th.head-left {
    text-align: left;
}
@media (min-width: 481px) {
    table td.auto-width, .table td.auto-width {
        white-space: nowrap;
    }
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 10px 12px;
    vertical-align: middle;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 8px 10px;
}
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #FDF5F5;
}
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #F5FAF4;
}
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #FFFDF0;
}
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #F5FBFD;
}
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #FAFAFA;
}
.table-striped.dark > tbody > tr:nth-child(2n+1) > td, .table-striped.dark > tbody > tr:nth-child(2n+1) > th, .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #DFDFDF;
}
.table-striped.dark > tbody > tr:nth-child(2n) > td, .table-striped.dark > tbody > tr:nth-child(2n) > th {
    background-color: #F9F9F9;
}
.table-bordered.dark>thead>tr>th, .table-bordered.dark>tbody>tr>th, .table-bordered.dark>tfoot>tr>th, .table-bordered.dark>thead>tr>td, .table-bordered.dark>tbody>tr>td, .table-bordered.dark>tfoot>tr>td {
    border: 1px solid #aaaaaa;
}
.panel .panel-body .table-bordered.dark {
    border: 1px solid #aaaaaa;
}
.table-bordered tr.top-bold > th, .table-bordered tr.top-bold > td {
    border-top-width: 2px;
}
.table-striped-column th.stripe, .table-striped-column td.stripe {
    background-color: #E8E8E8 !important;
}
.table tr.super-heading th {
    font-weight: normal;
}
.panel .panel-heading-nav {
    align-items: center;
    display: flex;
    width: 100%;
    padding: 0 15px;
}
.panel .panel-heading-nav .heading-left {
    margin: auto auto auto 0;
    padding: 10px 0;
}
.panel .panel-heading-nav .heading-right {
    margin: auto 0 auto auto;
}
.panel .panel-heading-nav .heading-right-lg {
    margin: auto -12px auto auto;
    padding: 3px 0;
}
.panel .panel-heading-nav-fixed {
    display: table;
    width: 100%;
    height: 39px;
    padding: 0;
}
.panel .panel-heading-nav-fixed .panel-title {
    float: left;
    margin-left: 15px;
    padding: 10px 0;
}
.panel .panel-heading-nav-fixed .btn-group { padding: 4px; }
.panel .panel-heading-nav-fixed .btn-single-xs { padding: 8px; }
.panel .table-bordered,
.panel .table-responsive > .table-bordered {
    border: 0 none;
}
.panel .table-bordered.dataTable {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
}
.panel .panel-body .table-bordered {
    border: 1px solid #DDDDDD;
}
.panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #DDDDDD;
}
.panel-body.invertBoldingHeaderCell .contentRow:first-child {
    margin-top: 0px;
}
.panel-body.invertBoldingHeaderCell .contentRow {
    margin-top: 30px;
}
.panel-body.invertBoldingHeaderCell .contentRow div.pill-content {
    margin-top: 0px;
}
.panel-body.invertBoldingHeaderCell table th {
    font-weight: normal;
}
.panel-body.invertBoldingHeaderCell table td {
    font-weight: bold;
}
.panel .table:first-child, .panel .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.panel .table:first-child > thead:first-child > tr:first-child td:first-child, .panel .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 0;
}
.panel .table:first-child > thead:first-child > tr:first-child td:last-child, .panel .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 0;
}
.panel .table:last-child, .panel .table-responsive:last-child > .table:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.panel .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 0;
}
.panel .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 0;
}
.panel .table-bordered > thead > tr > th:first-child, .panel .table-bordered > thead > tr > td:first-child,
.panel .table-bordered > tbody > tr > th:first-child, .panel .table-bordered > tbody > tr > td:first-child,
.panel .table-bordered > tfoot > tr > th:first-child, .panel .table-bordered > tfoot > tr > td:first-child,
.panel .table-responsive > .table-bordered > thead > tr > th:first-child, .panel .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0 none;
}
.panel .table-bordered > thead > tr > th.border-left:first-child, .panel .table-bordered > thead > tr > td.border-left:first-child,
.panel .table-bordered > tbody > tr > th.border-left:first-child, .panel .table-bordered > tbody > tr > td.border-left:first-child,
.panel .table-responsive > .table-bordered > thead > tr > th.border-left:first-child, .panel .table-responsive > .table-bordered > thead > tr > td.border-left:first-child,
.panel .table-responsive > .table-bordered > tbody > tr > th.border-left:first-child, .panel .table-responsive > .table-bordered > tbody > tr > td.border-left:first-child {
    border-left: 1px solid #DDDDDD;
}
.panel .table-bordered > thead > tr > th:last-child, .panel .table-bordered > thead > tr > td:last-child,
.panel .table-bordered > tbody > tr > th:last-child, .panel .table-bordered > tbody > tr > td:last-child,
.panel .table-bordered > tfoot > tr > th:last-child, .panel .table-bordered > tfoot > tr > td:last-child,
.panel .table-responsive > .table-bordered > thead > tr > th:last-child, .panel .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0 none;
}
.panel .table-bordered > thead > tr > th.border-right:last-child, .panel .table-bordered > thead > tr > td.border-right:last-child,
.panel .table-bordered > tbody > tr > th.border-right:last-child, .panel .table-bordered > tbody > tr > td.border-right:last-child,
.panel .table-responsive > .table-bordered > thead > tr > th.border-right:last-child, .panel .table-responsive > .table-bordered > thead > tr > td.border-right:last-child,
.panel .table-responsive > .table-bordered > tbody > tr > th.border-right:last-child, .panel .table-responsive > .table-bordered > tbody > tr > td.border-right:last-child {
    border-right: 1px solid #DDDDDD;
}
.panel .table-bordered > thead > tr:first-child > td, .panel .table-bordered > thead > tr:first-child > th,
.panel .table-bordered > tbody > tr:first-child > td, .panel .table-bordered > tbody > tr:first-child > th,
.panel .table-responsive > .table-bordered > thead > tr:first-child > td, .panel .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0 none;
}
.panel .table-bordered > thead > tr:last-child > td, .panel .table-bordered > thead > tr:last-child > th,
.panel .table-bordered > tbody > tr:last-child > td, .panel .table-bordered > tbody > tr:last-child > th,
.panel .table-bordered > tfoot > tr:last-child > td, .panel .table-bordered > tfoot > tr:last-child > th,
.panel .table-responsive > .table-bordered > thead > tr:last-child > td, .panel .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0 none;
}
.panel .table-bordered > tbody > tr:last-child > td.border-bottom, .panel .table-bordered > tbody > tr:last-child > th.border-bottom,
.panel .table-responsive > .table-bordered > tbody > tr:last-child > td.border-bottom, .panel .table-responsive > .table-bordered > tbody > tr:last-child > th.border-bottom {
    border-bottom: 1px solid #DDDDDD;
}
.panel-body-dark {
    background-color: #f7f7f7;
}
.panel-body-sm {
    padding: 10px;
}
.panel-body-sm .alert {
    margin-bottom: 0px;
}
.panel-body-sm legend {
    margin-bottom: 6px;
}
.panel-body-sm ul {
    margin-bottom: 0px;
}
.panel-body-sm ul h5 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.panel.panel-sm .panel-body {
    padding: 10px;
}
.panel.panel-sm .panel-title {
    padding-bottom: 10px;
}
.panel.panel-sm .panel-heading {
    padding: 4px 6px;
}
.panel.panel-sm .panel-heading h6 {
    font-size: 12px;
}
@media (max-width: 767px) {
    .table-responsive {
        margin: 0;
    }
}
.dropdown-menu {
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    margin: 2px 0 0;
    padding: 0;
    text-align: left;
}
.dropdown-menu > li {
    position: relative;
}
.dropdown-menu > li:first-child {
    margin-top: -1px;
}
.dropdown-menu > li:last-child {
    margin-bottom: -1px;
}
.dropdown-menu > li > a {
    padding: 10px 10px 9px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #239169;
    background-image: none;
    box-shadow: 1px 0 0 #239169, -1px 0 0 #239169;
    color: #FFFFFF;
}
.dropdown-menu > li:first-child > a {
    border-radius: 2px 2px 0 0;
}
.dropdown-menu > li:last-child > a {
    border-radius: 0 0 2px 2px;
}
.dropdown-menu .divider {
    margin: 1px 0;
}
/* Dropdown with filter input */
.dropdown .dropdown-wrapper {
    display: none;
    left: 0;
    position: absolute;
    right: auto;
    z-index: 1000;
}
.navbar-right .dropdown .dropdown-wrapper {
    left: auto;
    right: 0;
}
.open .dropdown-wrapper, .open .dropdown-wrapper .dropdown-menu {
    display: block;
}
.open .dropdown-wrapper .dropdown-menu {
    position: relative;
    margin-top: 0;
    min-width: 200px;
}
.dropdown .dropdown-search {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-top: 2px;
}
.dropdown-header {
    color: #333333;
    font-weight: 500;
    padding: 9px 10px 8px;
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-bottom-width: 3px;
}
.dropleft .caret {
    border-right-width: 3px;
}
.dropright .caret {
    border-left-width: 3px;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    box-shadow: none;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #3c9ac9;
    background-image: none;
    box-shadow: 1px 0 0 #3c9ac9, -1px 0 0 #3c9ac9;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #3c9ac9;
    background-image: none;
    color: #FFFFFF;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #239169;
    background-image: none;
    box-shadow: 1px 0 0 #239169, -1px 0 0 #239169;
    color: #FFFFFF;
}

.dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background-color: #239169;
    box-shadow: 1px 0 0 #239169, -1px 0 0 #239169;
    color: #FFFFFF;
    text-decoration: none;
}
.dropdown-submenu > .dropdown-menu {
    border-radius: 0 2px 2px;
    left: 100%;
    margin-left: 0;
    margin-top: 0;
    top: 0;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
    border-radius: 2px 2px 2px 0;
    bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
    top: auto;
}
.dropdown-submenu > a:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999999;
    border-style: solid;
    border-width: 3px 0 3px 3px;
    content: "";
    display: block;
    float: right;
    height: 0;
    margin-right: -2px;
    margin-top: 5px;
    width: 0;
}
.dropdown-submenu:hover > a:after {
    border-left-color: #FFFFFF;
}
.dropdown-submenu.pull-left {
    float: none !important;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    border-radius: 2px 0 2px 2px;
    left: -100%;
    margin-left: -2px;
}
.dropdown-submenu .dropdown-menu > li:first-child:before, .dropdown-submenu .dropdown-menu > li:first-child:after, .dropup .dropdown-submenu .dropdown-menu > li:last-child:before, .dropup .dropdown-submenu .dropdown-menu > li:last-child:after {
    border: 0 none;
}

.navbar-nav .dropdown .dropdown-toggle .submenu-title {
    display: none;
}
.navbar-nav .dropdown .dropdown-toggle .subitem-selected {
    
}
@media (min-width: 481px) {
    .navbar-nav .dropdown .dropdown-toggle .submenu-title {
        display: inline-block;
    }
    .navbar-nav .dropdown .dropdown-toggle .subitem-selected {
        
    }
}

.num { float: right; display: inline-block; text-align: center; margin: 9px 12px 0 0; font-size: 11px; }
.num span { margin-right: 10px; }
.num a { background: url(../../../images/ui/numDataBg.png) repeat-x; height: 19px; padding: 2px 5px; color: #fefefe; }

.num a.blueNum { background-position: 0 0; border: 1px solid #224778; }
.num a.blueNum:hover { background-position: 0 -19px; }
.num a.blueNum:active { background-position: 0 -38px; }

span.greyNum {
    background: url(../../../images/ui/numDataBg.png) repeat-x; height: 19px; padding: 2px 5px; color: #fefefe;
    background-position: 0 0; border: 1px solid #606873;
    font-size: 11px;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
}
span.greyNum:hover { background-position: 0 -19px; }
span.greyNum:active { background-position: 0 -38px; }

.num a.redNum { background-position: 0 -57px; border: 1px solid #9d382f; }
.num a.redNum:hover { background-position: 0 -76px; }
.num a.redNum:active { background-position: 0 -95px; }

.num a.greyNum { background-position: 0 -171px; border: 1px solid #606873; }
.num a.greyNum:hover { background-position: 0 -190px; }
.num a.greyNum:active { background-position: 0 -209px; }

.num a.greenNum { background-position: 0 -114px; border: 1px solid #218516; }
.num a.greenNum:hover { background-position: 0 -133px; }
.num a.greenNum:active { background-position: 0 -152px; }


/* ==========  Classes for collapsing  ========== */
.normal, .inactive { cursor: pointer; }
.normal, .accordion-close { border-bottom: none; }

.standalone { float: left; width: 300px; margin-left: 40px; }
.standalone:first-child { margin-left: 0; }


/* ===== Statistics ===== */
.stats { margin-top: 22px; }
.stats ul {  }
.stats ul li { display: block; float: left; margin-left: 40px; vertical-align: middle; }
.stats ul li:first-child { margin: 0; }
.stats ul li span { color: #424242; font-size: 16px; display: block; vertical-align: middle; white-space: normal; float: left; }
.count { font-size: 26px; height: 40px; display: inline-block; float: left; line-height: 41px; padding: 0 10px; margin-right: 10px;}

.stats a.blue {
    background: url(../../../images/count/blue2.png) repeat-x 0 0;
    border: 1px solid #2e6590;
    color: #f7f7f7;
}
.stats a.blue:hover { background-position: 0 -41px; }
.stats a.blue:active { background-position: 0 -82px; }

.stats a.grey { background: #efefef url(../../../images/leftNavBg.png) repeat-x; border-top: 1px solid #aaaaaa; border: 1px solid #aaaaaa; color: #b55d5c; }
.stats a.grey:hover { background: #f6f6f6; }
.stats a.grey:active { background: #f1f1f1; }

.stats a.green { background: url(../../../images/count/green2.png) repeat-x; border: 1px solid #19710e; color: #f7f7f7; }
.stats a.green:hover { background-position: 0 -41px; }
.stats a.green:active { background-position: 0 -82px; }

.stats a.red { background: #efefef url(../../../images/count/red2.png) repeat-x; border: 1px solid #7b2f2f; color: #f7f7f7; }
.stats a.red:hover { background-position: 0 -41px; }
.stats a.red:active { background-position: 0 -82px; }


/* ===== Notification messages ===== */
.nNote { cursor: pointer; clear: both; margin: 20px 0px 20px 0px; width: 100%; }
.nNote strong { margin-right: 5px; }
.nNote p { font-size: 11px; padding: 10px 25px 10px 54px; margin: 0px; color: #565656; }
.nMessage p { font-size: 11px; }
.nWarning { background: #ffe9ad url(../../../images/icons/notifications/error.png) no-repeat 15px center; border: 1px solid #eac572; color: #826200; }
.nSuccess { background: #effeb9 url(../../../images/icons/notifications/accept.png) no-repeat 15px center; border: 1px solid #c1d779; color: #3C5A01; }
.nFailure { background: #fccac1 url(../../../images/icons/notifications/exclamation.png) no-repeat 15px center; border: 1px solid #e18b7c; color: #AC260F; }
.nInformation { background: #d1e4f3 url(../../../images/icons/notifications/information.png) no-repeat 15px center; border: 1px solid #99c4ea; color: #235685; }
.nLightbulb { background: #FEF0CB url(../../../images/icons/notifications/lightbulb.png) no-repeat 15px center; border: 1px solid #D3A350; color: #835F21; }
.nMessages { background: #9DDFFF url(../../../images/icons/notifications/email.png) no-repeat 15px center; border: 1px solid #42B4FF; color: #835F21; }


/* ===== Reminder Messages ===== */
.message_reminder {
    background-image: url("../../../images/icons/notifications/tick-circle.png");
    background-position: 0.68em 0.68em;
    background-repeat: no-repeat;
    background-color: #DDEBDF;
    padding: 0.4em 1em 0.5em 2.6em;
    margin-top: 1.6em;
    border: 1px solid #339933;
    color: #194A19;
    border-radius: 0.333em 0.333em 0.333em 0.333em;
    box-shadow: 2px 2px 4px 1px rgba(10,10,10,0.6);
    -moz-box-shadow: 2px 2px 4px 1px rgba(10,10,10,0.6);
    -webkit-box-shadow: 2px 2px 4px 1px rgba(10,10,10,0.6);
}

.message_reminder span {
    font-style: italic;
    font-size: 0.8em;
}
.message_reminder p {
    padding: 0px;
    margin: 0px;
    line-height: 1.3em;
}


/* ===== Spinner ===== */
.ui-spinner { width: 10em; display: block; position: relative; overflow: hidden; border: 1px solid #D5D5D5; background: url(../../../images/forms/spinnerBg.png) repeat-x top left!important; height: 25px; padding: 0 6px; }
.ui-spinner-disabled { background: #F4F4F4; color: #CCC; }
.ui-spinner input.ui-spinner-box { border: none!important; background: none!important; padding: 6px 0; }
.ui-spinner-up, .ui-spinner-down { width: 18px; padding: 0; margin: 0; z-index: 100; position: absolute; right: 0; cursor: default; border: none; }
.ui-spinner-up { background: url(../../../images/forms/spinnerTop.png) no-repeat; height: 13px; top: 0; }
.ui-spinner-down { height: 12px; bottom: 0px; background: url(../../../images/forms/spinnerBottom.png) no-repeat; }
.ui-spinner-pressed {  }
.ui-spinner-list, .ui-spinner-listitem { margin: 0; padding: 0; font-size: 11px; }
.ui-spinner ul li, .ui-spinner-data { line-height: 25px; height: 25px; }


/* ===== Page scrolling ===== */
#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:21px; height:21px; border:none; text-indent:-999px; background:url(../../../images/ui.totop.png) no-repeat left top; }
#toTopHover { background:url(../../../images/ui.totop.png) no-repeat left -22px; width:21px; height:21px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }


/* ===== PRE tag styles ===== */
.SRC_Wrap { height:auto; font-size:12px; }
.SRC_Title {  text-align:center; color:#555; border-bottom:2px solid #999; font-size:14px; font-family:Verdana, Geneva, sans-serif; padding:5px; font-weight:700; }
.SRC_Line { width:100%; background-color:#fafafa; min-height:28px; line-height: 28px; }
.SRC_Line:nth-child(even) { background-color:#f5f5f5; }
.SRC_NumBox { width:5%; float:left; }
.SRC_Num { font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-align:right; color:#555; font-weight:500; padding-right:2px; width:100%; height:auto; min-height:28px; line-height:28px; }
.SRC_CodeContent { white-space: pre-wrap; border-left:1px solid #d5d5d5; font-size:12px; padding-left:6px; font-family:"Courier New", Courier, monospace; margin:0px; min-height:28px; line-height:28px; }
.SRC_NumContent { text-align:right; margin-right:4px; color:#555; }
.SRC_CodeBox { float:left; width:95%; }

.SC_blue { color: blue; }
.SC_grey { color: grey; }
.SC_navy { color: navy; }
.SC_green { color: green; }
.SC_orange { color: #930; }
.SC_red { color: #F00; }
.SC_teal { color: teal; }
.SC_gold { color: #FC0; }
.SC_pink { color: #ff68a4; }
.SC_bold { font-weight: 700; }


/* ===== Color picker ===== */
.colorpicker { 	width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(../../../images/colorPicker/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none; }
.colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; }
.colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(../../../images/colorPicker/colorpicker_overlay.png); }
.colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(../../../images/colorPicker/colorpicker_select.gif); margin: -5px 0 0 -5px; }
.colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px;	height: 150px; cursor: n-resize; }
.colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(../../../images/colorPicker/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; }
.colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; }
.colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; }
.colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px; }
.colorpicker_hex { position: absolute;  width: 72px; height: 22px; background: url(../../../images/colorPicker/colorpicker_hex.png) top; left: 212px; top: 142px; }
.colorpicker_hex input { right: 6px; }

.colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; }
.colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; }

.colorpicker_rgb_r { background-image: url(../../../images/colorPicker/colorpicker_rgb_r.png); top: 52px; left: 212px; }
.colorpicker_rgb_g { background-image: url(../../../images/colorPicker/colorpicker_rgb_g.png); top: 82px; left: 212px; }
.colorpicker_rgb_b { background-image: url(../../../images/colorPicker/colorpicker_rgb_b.png); top: 112px; left: 212px; }

.colorpicker_hsb_h { background-image: url(../../../images/colorPicker/colorpicker_hsb_h.png); top: 52px; left: 282px; }
.colorpicker_hsb_s { background-image: url(../../../images/colorPicker/colorpicker_hsb_s.png); top: 82px; left: 282px; }
.colorpicker_hsb_b { background-image: url(../../../images/colorPicker/colorpicker_hsb_b.png); top: 112px; left: 282px; }

.colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(../../../images/colorPicker/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden; }
.colorpicker_focus { background-position: center; }
.colorpicker_hex.colorpicker_focus { background-position: bottom; }
.colorpicker_submit.colorpicker_focus { background-position: bottom; }
.colorpicker_slider { background-position: bottom; }

#colorSelector { position: relative; width: 36px; height: 36px; background: url(../../../images/colorPicker/select.png); }
#colorSelector div { position: absolute; top: 3px; left: 3px; width: 30px; height: 30px; background: url(../../../images/colorPicker/select.png) center; }
#colorSelector2 { position: absolute; top: 0; left: 0; width: 36px; height: 36px; background: url(../../../images/colorPicker/select2.png); }
#colorSelector2 div { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: url(../../../images/colorPicker/select2.png) center; }
#colorpickerHolder2 { top: 32px; left: 0; width: 356px; height: 0; overflow: hidden; position: absolute; }
#colorpickerHolder2 .colorpicker { background-image: url(../../../images/colorPicker/custom_background.png); position: absolute; bottom: 0; left: 0; }
#colorpickerHolder2 .colorpicker_hue div { background-image: url(../../../images/colorPicker/custom_indic.gif); }
#colorpickerHolder2 .colorpicker_hex { background-image: url(../../../images/colorPicker/custom_hex.png); }
#colorpickerHolder2 .colorpicker_rgb_r { background-image: url(../../../images/colorPicker/custom_rgb_r.png); }
#colorpickerHolder2 .colorpicker_rgb_g { background-image: url(../../../images/colorPicker/custom_rgb_g.png); }
#colorpickerHolder2 .colorpicker_rgb_b { background-image: url(../../../images/colorPicker/custom_rgb_b.png); }
#colorpickerHolder2 .colorpicker_hsb_s { background-image: url(../../../images/colorPicker/custom_hsb_s.png); display: none; }
#colorpickerHolder2 .colorpicker_hsb_h { background-image: url(../../../images/colorPicker/custom_hsb_h.png); display: none; }
#colorpickerHolder2 .colorpicker_hsb_b { background-image: url(../../../images/colorPicker/custom_hsb_b.png); display: none; }
#colorpickerHolder2 .colorpicker_submit { background-image: url(../../../images/colorPicker/custom_submit.png); }
#colorpickerHolder2 .colorpicker input { color: #778398; }
#customWidget { position: relative; height: 36px; }

#popup_container { min-width: 300px; max-width: 600px; background: url(../../../images/alertOpacityOverlay.png) repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#popup_title { text-align: center; background: url(../../../images/leftNavBg.png) repeat-x; border-bottom: 1px solid #d5d5d5; cursor: default; padding: 9px 0 9px 0px; margin: 0em; height: 20px; }
#popup_content { background: #fafafa; padding: 1em 1.75em; margin: 0em; }
#popup_message { text-align: center; }
#popup_panel { text-align: center; margin: 1em 0em 0em 0em; }
#popup_message input[type=text] { background: #FCFCFC; border: 1px solid #D1D1D1; padding: 5px; width: 258px; }
#popup_prompt { margin: .5em 0em; }


/* === Collapsables === */
h4[data-toggle=collapse] {
    cursor: pointer;
}

/* Policy Details */
#policyDetailsPanel .message-box {
    padding: 10px 15px 10px 15px;
    display: flex;
    flex-wrap: wrap;
}
#policyDetailsPanel .message-box span {
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.5em;
}
#policyDetailsPanel .message-box a {
    text-decoration: underline;
    color: #2458D4;
    margin: auto 0 auto auto;
    padding-left:10px;
}

@media (max-width: 460px) {
    #policyDetailsPanel .message-box span {
        margin: auto;
    }
    #policyDetailsPanel .message-box a {
        margin: auto;
    }
}

/* Policy Details */
/*#policyDetailsPanel .message-box {
    padding: 10px 15px 10px 15px;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.5em;
}
#policyDetailsPanel .message-box a {
    font-weight: normal;
    font-size: .68em;
    text-decoration: underline;
    color: #2458D4;
}*/

/* Policy Riders */
.table tbody tr.table-info > td {
    background-color: #d9edf7 !important;
}