/*------------------------------------------------------------------
[R1 RCM - Master Stylesheet - r1-main.css]

Projects Used: R1 Styleguide, R1 HUB, R1 Decision, R1 Link, PAS, VBR
Version: 1.1
Implementation Date: Sept 08, 2016
Last Updated: Jan 18, 2016
Assigned To: User Experience - Mark Coleman, Joseph Sjoblom, Brian Shimkus
Usage: Prototyping and Development

01. FONTS
02. GLOBAL
03. TYPOGRAPHY
04. CONTENT
05. BUTTONS
    05A. BUTTON GROUPS
    05B. BUTTON SWITCH
06. FORM ELEMENTS
07. TABLES
08. LISTS
09. NAVIGATION
    09A. GENERAL NAV
    09B. TOP HEADER
    09C. SIDE NAV
    09D. OFF-CANVAS
10. FOOTER
11. ALERTS
12. ICONS AND BADGES
13. TABS
14. PANELS
15. WELLS
16. JUMBOTRON
17. CAROUSEL
18. BREADCRUMBS
19. POPOVER
20. MODAL
21. TOOLTIP
22. PROGRESS BARS
23. STAT BOX
24. FONT AWESOME
25. R1-PATTERNS
26. COLORS
27. 3RD PARTY
28. HELPERS
29. FEATURE FLIPPER (SCENARIOS)
-------------------------------------------------------------------*/



/*----------------  01. FONTS  ----------------*/

@font-face {font-family: 'Lato-Regular'; src: url('../fonts/Lato-Regular.eot'); src: url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype'), url('../fonts/Lato-Regular.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Lato-Light'; src: url('../fonts/Lato-Light.eot'); src: url('../fonts/Lato-Light.woff') format('woff'), url('../fonts/Lato-Light.ttf') format('truetype'), url('../fonts/Lato-Light.svg') format('svg'); font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'Poppins-Regular';
    font-style: normal;
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Medium';
    font-style: normal;
    src: url('../fonts/Poppins-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Bold';
    font-style: normal;
    src: url('../fonts/Poppins-Bold.ttf') format('truetype');
}

/*----------------  02. GLOBAL  ----------------*/

body {
    font-family: "Lato-Regular", Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

a {
    color: #00aeef;
    text-decoration: none;
    cursor: pointer;
}

a:hover, .a:hover {
    color: #1d4790;
    text-decoration: underline;
}

hr {
    border-top: 1px dashed #ccc;
    margin: 10px 0;
}

p + p,
p + table {
    margin-top: 20px;
}

.container {
    max-width: 1200px;
}

@media screen and (min-width: 992px) {
    .container {
        width: 97.5%;
    }
}

@media screen and (max-width: 1024px) {
    .container {
        width: 97.5%;
    }
}

@media screen and (max-width: 768px) {
    .container {
        width: 96%;
    }
}


/*----------------  02. FONTS  ----------------*/

@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.woff') format('woff'),
    url('../fonts/Lato-Regular.ttf') format('truetype'),
    url('../fonts/Lato-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Light';
    src: url('../fonts/Lato-Light.eot');
    src: url('../fonts/Lato-Light.woff') format('woff'),
    url('../fonts/Lato-Light.ttf') format('truetype'),
    url('../fonts/Lato-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url("../fonts/OpenSans-Light.eot?v=1.1.0");
    src: url("../fonts/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"),
    url("../fonts/OpenSans-Light.woff2?v=1.1.0") format("woff2"),
    url("../fonts/OpenSans-Light.woff?v=1.1.0") format("woff"),
    url("../fonts/OpenSans-Light.ttf?v=1.1.0") format("truetype"),
    url("../fonts/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-Regular.eot?v=1.1.0");
    src: url("../fonts/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"),
    url("../fonts/OpenSans-Regular.woff2?v=1.1.0") format("woff2"),
    url("../fonts/OpenSans-Regular.woff?v=1.1.0") format("woff"),
    url("../fonts/OpenSans-Regular.ttf?v=1.1.0") format("truetype"),
    url("../fonts/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Light';
    src: url('../fonts/SourceSansPro-Light.eot');
    src: url('../fonts/SourceSansPro-Light.woff') format('woff'),
    url('../fonts/SourceSansPro-Light.ttf') format('truetype'),
    url('../fonts/SourceSansPro-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    src: url('../fonts/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro-Regular.woff') format('woff'),
    url('../fonts/SourceSansPro-Regular.ttf') format('truetype'),
    url('../fonts/SourceSansPro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*----------------  03. TYPOGRAPHY  ----------------*/


h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6 {
    color: #333;
    line-height: 1.2;
}

h1, .h1 {
    color: #0057B8;
    font-family: "Poppins-Bold", sans-serif;
}

h2, .h2, h3, .h3 {
    color: #0057B8;
    font-family: "Poppins-Medium", sans-serif;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin: 0 0 20px;
    font-weight: bold;
}

h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Lato-Regular";
}

h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span,
h4 span, .h4 span, h5 span, .h5 span, h6 span, .h6 span {
    color: inherit;
    font-family: inherit;
}

h1 {
    font-size: 3.5em;
}

h2 {
    font-size: 2em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.25em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: .9375em;
}

h1 + p, h2 + p,
h3 + p, h4 + p{
    margin-top: -10px;
}

h1.section-header + p, h2.section-header + p,
h3.section-header + p, h4.section-header + p{
    margin-top: -5px;
}

p {
    line-height: 1.5;
}

.page-header {
    border-bottom: 1px dotted #ccc;
    margin: 30px 0 20px;
    padding: 0 0 10px;
    clear: both;
}

.page-header:first-child {
    margin: 0 0 20px;
}

.page-header .btn {
    position: absolute;
    top: 0;
    right: 25px;
    margin-bottom: 0;
}

.product-title {
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
    padding-top: 5px;
    color:#666;
}
.product-title a{color: #999;font-size:.8em;}
.product-title a:hover {text-decoration:none}
.product-title span {border-left:1px solid #999;margin-left:10px;padding-left:10px;font-style:initial;letter-spacing:0.8px}
.product-title, .product-title a, .product-title span, .product-title strong {
    font-family:"Poppins-Regular", sans-serif;
    text-transform:uppercase;
}

blockquote {
    border-color: #b2b2b3;
}

blockquote footer {
    padding: 10px 0 0;
    border: none;
    margin: 0;
}

blockquote footer, blockquote small, blockquote .small {
    color: #b2b2b3;
}

blockquote.danger {
    border-color: #cc3300;
}

blockquote.warning {
    border-color: #d38a09;
}

blockquote.success {
    border-color: #28862a;
}

blockquote.info {
    border-color: #4c90dd;
}


blockquote.danger footer:before,
blockquote.danger small:before,
blockquote.danger .small:before,
blockquote.warning footer:before,
blockquote.warning small:before,
blockquote.warning .small:before,
blockquote.success footer:before,
blockquote.success small:before,
blockquote.success .small:before,
blockquote.info footer:before,
blockquote.info small:before,
blockquote.info .small:before {
    content: '';
}

/*----------------  05. BUTTONS  ----------------*/

.btn {
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.25);
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #333;
    display: inline-block;
    font-size: 13px;
    line-height: 1.7;
    margin: 0 5px 0 0;
    min-width: 50px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    font-weight: bold;
    padding: 5px 10px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    vertical-align: middle;
    white-space: nowrap;
}

.btn:hover, .btn:focus {
    background: #dfdfdf;
}

.btn:active, .btn:active:focus {
    background:#fff;
}

.btn.active, .btn:active,
.btn:active, .btn:active:focus {
    background-color: #fff;
    background-image: none;
}

.btn + .btn {
    margin-right: 5px;
}

.btn + .btn:last-child {
    margin-right: 0;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 0;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 0;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 0;
}

.btnNeutral, .btn-neutral, .btnNeutral:hover, .btnNeutral:focus, .btn-neutral:hover, .btn-neutral:focus,
.btnPrimary, .btn-primary, .btnPrimary:hover, .btnPrimary:focus, .btn-primary:hover, .btn-primary:focus,
.btnSuccess, .btn-success, .btnSuccess:hover, .btnSuccess:focus, .btn-success:hover, .btn-success:focus,
.btnInfo, .btn-info, .btnInfo:hover, .btnInfo:focus, .btn-info:hover, .btn-info:focus,
.btnWarning, .btn-warning, .btnWarning:hover, .btnWarning:focus, .btn-warning:hover, .btn-warning:focus,
.btnDanger, .btn-danger, .btnDanger:hover, .btnDanger:focus, .btn-danger:hover, .btn-danger:focus{
    border: 1px solid transparent;
}

.btnPrimary, .btn-primary, .btnPrimary:hover, .btnPrimary:focus, .btn-primary:hover, .btn-primary:focus,
.btnSuccess, .btn-success, .btnSuccess:hover, .btnSuccess:focus, .btn-success:hover, .btn-success:focus,
.btnInfo, .btn-info, .btnInfo:hover, .btnInfo:focus, .btn-info:hover, .btn-info:focus,
.btnWarning, .btn-warning, .btnWarning:hover, .btnWarning:focus, .btn-warning:hover, .btn-warning:focus,
.btnDanger, .btn-danger, .btnDanger:hover, .btnDanger:focus, .btn-danger:hover, .btn-danger:focus,
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary,
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success,
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info,
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning,
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger {
    color: #fff;
}

.btnPrimary:hover, .btnPrimary:focus, .btn-primary:hover, .btn-primary:focus,
.btnSuccess:hover, .btnSuccess:focus, .btn-success:hover, .btn-success:focus,
.btnInfo:hover, .btnInfo:focus, .btn-info:hover, .btn-info:focus,
.btnWarning:hover, .btnWarning:focus, .btn-warning:hover, .btn-warning:focus,
.btnDanger:hover, .btnDanger:focus, .btn-danger:hover, .btn-danger:focus {
    background-color: #fff;
}

.btnNeutral, .btn-neutral {
    background-color: #b2b2b3;
}

.btnNeutral:hover, .btnNeutral:focus, .btn-neutral:hover, .btn-neutral:focus  {
    background-color: #bdbdbe;
    background-color: rgb(189, 189, 190);
    background-color: rgba(178, 178, 179, .8);
}

.btnNeutral.active, .btn-neutral.active,
.btnNeutral:active, .btn-neutral:active,
.btnNeutral:active:focus, .btn-neutral:active:focus {
    background-color: #979798;
    background-color: rgb(151, 151, 152);
}

.btnPrimary, .btn-primary {
    background-color: #0057b8;
    background-color: rgb(0, 87, 184);

}

.btnPrimary:hover, .btnPrimary:focus, .btn-primary:hover, .btn-primary:focus  {
    border-color: #0057b8;
    color: #0057b8;
}



.btnPrimary.active, .btn-primary.active,
.btnPrimary:active, .btn-primary:active,
.btnPrimary:active:focus, .btn-primary:active:focus,
.btnSuccess.active, .btn-success.active,
.btnSuccess:active, .btn-success:active,
.btnSuccess:active:focus, .btn-success:active:focus,
.btnInfo.active, .btn-info.active,
.btnInfo:active, .btn-info:active,
.btnInfo:active:focus, .btn-info:active:focus,
.btnWarning.active, .btn-warning.active,
.btnWarning:active, .btn-warning:active,
.btnWarning:active:focus, .btn-warning:active:focus,
.btnDanger.active, .btn-danger.active,
.btnDanger:active, .btn-danger:active,
.btnDanger:active:focus, .btn-danger:active:focus {
    color: #fff;
}

.btnPrimary.active, .btn-primary.active,
.btnPrimary:active, .btn-primary:active,
.btnPrimary:active:focus, .btn-primary:active:focus {
    background-color: #00346e;
    background-color: rgb(0, 52, 110);
}

.btnSuccess, .btn-success {
    background-color: #28862a;
    background-color: rgb(40, 134, 42);
}

.btnSuccess:hover, .btnSuccess:focus,
.btn-success:hover, .btn-success:focus  {
    border-color: #28862a;
    color: #28862a
}

.btnSuccess.active, .btn-success.active,
.btnSuccess:active, .btn-success:active,
.btnSuccess:active:focus, .btn-success:active:focus {
    background-color: #227224;
    background-color: rgb(34, 114, 36);
}

.btnInfo, .btn-info {
    background-color: #4c90dd;
}

.btnInfo:hover, .btnInfo:focus,
.btn-info:hover, .btn-info:focus  {
    border-color: #4c90dd;
    color: #4c90dd;
}

.btnInfo.active, .btn-info.active,
.btnInfo:active, .btn-info:active,
.btnInfo:active:focus, .btn-info:active:focus {
    background-color: #417bbc;
}

.btnWarning, .btn-warning {
    background-color: #d38a09;
}

.btnWarning:hover, .btnWarning:focus,
.btn-warning:hover, .btn-warning:focus  {
    border-color: #d38a09;
    color: #d38a09;
}

.btnWarning.active, .btn-warning.active,
.btnWarning:active, .btn-warning:active,
.btnWarning:active:focus, .btn-warning:active:focus {
    background-color: #b47508;
}

.btnDanger, .btn-danger {
    background-color: #cc3300;
}

.btnDanger:hover, .btnDanger:focus,
.btn-danger:hover, .btn-danger:focus  {
    border-color: #cc3300;
    color: #cc3300;
}

.btnDanger.active, .btn-danger.active,
.btnDanger:active, .btn-danger:active,
.btnDanger:active:focus, .btn-danger:active:focus {
    background: #de3131;
}


.btnLink, .btn-link, .btnLink:hover,
.btnLink:focus, .btn-link:hover, .btn-link:focus,
.btnLink.active, .btn-link.active,
.btnLink:active, .btn-link:active,
.btnLink:active:focus, .btn-link:active:focus{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: none;
    color: #0057b8;
}

/*----------------  05A. BUTTONS - BUTTON GROUP  ----------------*/
.btn-group {
    display: inline-block;
    font-size: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-group > .btn, .btn-group-vertical > .btn {
    float: none;
    border-width: 1px 0px 1px 1px;
}

.btn-group > [class*="btn-"], .btn-group-vertical > [class*="btn-"],
.btn-group > [class*="btn-"]:first-child, .btn-group-vertical > [class*="btn-"]:first-child,
.btn-group > [class*="btn-"]:last-child, .btn-group-vertical > [class*="btn-"]:last-child {
    float: none;
}

.btn-group > .btn:first-child {
    /*border-width: 1px 0 1px 1px;*/
}

.btn-group > .btn:last-child {
    border-width: 1px;
}

.btn-group > .btn-group > .btn, .btn-group > .btn-group-vertical > .btn {
    border-right-width: 0;
}

.btn-group > .btn-group:last-child > .btn, .btn-group > .btn-group-vertical:last-child > .btn {
    border-right-width: 1px;
}


.btn-group .btn, .btn-group .btn + .btn  {
    margin: 0;
}

.btn-group .btn a {
    color: #333;
}

.btn-group:before, .btn-group:after {
    content: "";
    display: table;
}

.btn-group:after {
    clear: both;
}

.btn-group > .btn:first-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*----------------  05B. BUTTONS - BUTTON SWITCH  ----------------*/
.switch {
    position: relative;
    overflow: hidden;
    max-width: 150px;
}

.switch .btn-group {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.25);
    height: 100%;
    border-radius: 0;

}

.switch .btn-group.btn-group-lg {
    border-radius: 0;
}

.switch .btn-group > .btn {
    border-width: 0;
    cursor: pointer;
    height: 100%;
    line-height: normal;
    float: left;
    margin: 0;
    min-width: 25px;
    width: 50%;
    z-index: 1;
}

.switch .btn-group > .btn:first-child {
    /*border-width: 0 1px 0 0;*/
}

.switch .btn-group:before {
    background: #fff;
    border-width: 0 0 0 1px;
    border-color: #ccc;
    border-style: solid;
    height: 100%;
    display: block;
    cursor: pointer;
    content: "";
    top: 0;
    left: 50%;
    position: absolute;
    width: 50%;
    z-index: 20;
    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -ms-transition:all .25s ease-in-out;
    -o-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out;
}

.switch.off-btn .btn-group:before {
    left: 0;
    border-width: 0 1px 0 0;
}

.switch .btn-group > .btn:last-child {
    /*border-width: 0 0 0 1px;*/
}

.switch .btn-group > .btn:hover,
.switch .btn-group > .btn:focus,
.switch .btn-group > .btn:active,
.switch .btn-group > .btn.active {
    border: none;
    /*color: inherit;
    background-color: inherit;
    border-color: inherit;*/
}

.switch .btn-group > .btn-default:hover,
.switch .btn-group > .btn-default:focus,
.switch .btn-group > .btn-default:active,
.switch .btn-group > .btn-default.active {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
}


/*----------------  09C. NAVIGATION - SIDE NAV  ----------------*/

.nav-side-bar {
    /*border: 1px solid #ccc;*/
    overflow: hidden;
    display: inline-block;
    margin: 0 15px;
    position: absolute;
    width: 18.75%;
    top: 70px;
    /*-webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
        -ms-border-radius: 0 4px 4px 0;
         -o-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;*/
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.nav-side-bar.affix {
    position: fixed;
    top: 0;
}

.nav-side-bar .sub-menu {
    background: #F1F1F1;
    font-size: 13px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.nav-side-bar .sub-menu li {
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.nav-side-bar .sub-menu li:first-child {
    background: #1e5799;
    background: rgb(30,87,153);
    background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 96%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(96%,rgba(41,137,216,1)));
    background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 96%);
    background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 96%);
    background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 96%);
    background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 96%);
    border-bottom: 1px solid #ddd;
    color: #fff;
    display: none;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2989d8',GradientType=0 );
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px 20px;
}

.nav-side-bar .sub-menu li a {
    background: #fff;
    border-style: dotted dotted dotted solid;
    border-width: 0 0 1px;
    border-color: #ccc;
    color: #00aeef;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding: 10px 15px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.left-side-collapsed .nav-side-bar .sub-menu li a {
    padding: 10px 0;
    text-align: center;
}

.nav-side-bar .sub-menu li a:hover {
    background: #dadada;
}

.nav-side-bar .sub-menu li:last-child a {
    border: none;
}

.nav-side-bar .sub-menu li.active a,
.nav-side-bar .sub-menu li.active a:hover {
    background: #fff;
    border-left: 2px solid #00aeef;
}

.nav-side-bar .sub-menu li a .fa {
    margin-right: 25px;
    width: 24px;
    text-align: center;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.nav-side-bar .sub-menu li a span {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.left-side-collapsed .nav-side-bar .sub-menu li a .fa {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.left-side-collapsed .nav-side-bar .sub-menu li a span {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.left-side-collapsed .nav-side-bar {
    width: 60px;
}

.left-side-collapsed .content-wrapper {
    margin: 0 0 0 80px;
}

/*----------------  10. FOOTER  ----------------*/

.footer {
    background: #333 none repeat scroll 0 0;
    border-top: 1px solid #ccc;
    color: #fff;
    padding: 25px 10px;
    margin: 50px 0 0;
    min-height: 150px;
    z-index: 110;
}

.footer-inner {
    margin: 0 auto;
}


/*----------------  11. ALERTS  ----------------*/

.alert {
    border: none;
    border-left: 5px solid;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 10px 0 20px;
    overflow: hidden;
    padding: 15px;
    padding-left: 45px;
    position: relative;
    text-shadow: none;
    color: #fff;
}

.alert:first-child {
    margin: 0 0 20px;
}

.alert:last-child {
    margin: 10px 0 0;
}

.alert-lg {
    padding-left: 55px;
}

.alert > strong:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    position: absolute;
    top: 15px;
    left: 15px;
}

.alert strong {
    font-size: 125%;
}

.alert-warning strong:before {
    content: "\f071";
}

.alert-danger strong:before {
    content: "\f05e";
}

.alert-success strong:before {
    content: "\f046";
}

.alert-info strong:before {
    content: "\f05a";
}

.alert > span {
    display: inline-block;
}

.alert-lg > strong {
    display: block;
    font-size: 125%;
    margin-bottom: 5px;
}

.alert-lg > strong:before {
    font-size: 28px;
}

.alert ul,
.patient-details .alert ul {
    margin: 10px 0 15px;
}

.alert ul:last-child {
    margin: 10px 0 0;
}

.alert > ul > li,
.patient-details .alert > ul > li {
    display: block;
    margin: 0 0 10px;
}

.alert > ul > li:last-child,
.patient-details .alert > ul > li:last-child{
    margin: 0;
}

.alert > ul > li strong {
    display: block;
}

.warning, .alert-warning {
    background-color: #d38a09;
    border-color: #d38a09;
}

.danger, .alert-danger {
    background-color: #bc1a17;
    border-color: #bc1a17;
}

.success, .alert-success {
    background-color: #28862a;
    border-color: #28862a;
}

.info, .alert-info {
    background-color: #4c90dd;
    border-color: #4c90dd;
}

.info, .alert-expired {
    background-color: #6633CC;
    border-color: #6633CC;
}

.alert > h4,
.alert > h5 {
    color: inherit;
    margin: 0;
    font-weight: bold;
}

.alert-warning h4 .badge,
.alert-warning h5 .badge {
    background-color: #8A6D3B;
}

.alert-danger h4 .badge,
.alert-danger h5 .badge {
    background-color: #A94442;
}

.alert-success h4 .badge,
.alert-success h5 .badge {
    background-color: #3C763D;
}

.alert-info h4 .badge,
.alert-info h5 .badge {
    background-color: #31708F;
}

.alert h5 {
    margin: 10px 2px 0;
    color: inherit;
    font-weight: bold;
}

.alert h5 .badge {
    background-color: #666;
}

.alert > ul > li > span > span {
    font-size: 12px;
}


/*----------------  12. ICONS AND BADGES  ----------------*/

.badge {
    background-color: #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.bg-primary, .label-primary {
    background-color: #0057b8;
    color: #fff;
}

.bg-info, .label-info {
    background-color: #80c9f7;
    color: #fff;
}

.bg-success, .label-success {
    background-color: #8BBF61;
    color: #fff;
}

.bg-warning, .label-warning  {
    background-color: #d38a09;
    color: #fff;
}

.bg-danger, .label-danger  {
    background-color: #cc3300;
    color: #fff;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #0057b8;
    background-color: #fff;
}

.icon {
    background-size: 17px;
    display: inline-block;
    margin: 0 5px 0 0;
    min-height: 17px;
    vertical-align: top;
    height: 17px;
    width: 17px;
}

section#directional, section#medical, section#web-application,
section#text-editor, section#form-control {
    display: block;
    clear: both;
    padding-top: 20px;
}

section#directional h2, section#medical h2, section#web-application h2,
section#text-editor h2, section#form-control h2 {
    border-bottom: 1px solid #ccc;
}

/*----------------  13. TABS  ----------------*/

.nav-tabs {
    border-bottom: 1px solid #ccc;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs > li {
    display: block;
    position: relative;
    /*margin: 1px 0 0 0;*/
}

.nav-tabs > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-width: 1px 0 1px 1px;
    border-color: #ccc;
    border-style: solid;
    color: #aeaeae;
    margin: 0;
}

.nav-tabs > li > a:hover {
    border-color: #ccc;
    background: #e4e4e4;
    color: #555;
}

.nav-tabs > li:last-child > a,
.nav-tabs>li:last-child.active>a,
.nav-tabs>li:last-child.active>a:hover,
.nav-tabs>li:last-child.active>a:focus{
    border-width: 1px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-color: #ccc #ccc #fff;
    border-width: 1px 0 1px 1px;
    color: #0057b8;
}

.tabs-left > .nav-tabs {
    border-right: 1px solid #ccc;
    margin-right: 19px;
    float: left;
    margin-right: 0px;
}

.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
    float: none;
}

.nav-pills > li > a,
.nav-tabs.nav-justified > li > a{
    border-radius: 0;
    color: #0057b8;
}

.nav-pills > li > a:hover,
.nav-tabs.nav-justified > li > a:hover{
    color:#00aeef;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #0057b8;
}

.tab-pane {
    padding: 15px;
}

.nav-patient-records {
    background: #fff;
}

.nav-patient-records > li {
    max-width: 1200px;
    width: 100%;
}

.nav-tabs.nav-justified.nav-patient-records > li,
.nav-patient-records > li {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    font-size:.85em;
}

.nav-patient-records > li > a {
    text-align: center;
    overflow: hidden;
}

.nav-tabs.nav-justified.nav-patient-records > li > a,
.nav-patient-records > li > a {
    background: #0057b8;
    border-color: rgba(255,255,255,.1);
    border-style: solid;
    border-width: 0 1px 0 0;
    color: #fff;
    padding: 10px 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align:left;
}

.nav-tabs.nav-justified.nav-patient-records > li:last-child > a,
.nav-patient-records > li:last-child > a {
    border-width: 0;
}

.nav-tabs.nav-justified.nav-patient-records > li > a:hover,
.nav-patient-records > li > a:hover {
    background-color: #001c70;
    opacity: 1;
}

.nav-patient-records > li > a .tab-box {
    border:1px solid #fff;
    font-weight: bold;
    opacity:1;
    padding:2px 5px;
}

.nav-patient-records > li.warning > a .tab-box {
    color: #fff;
    background-color: #e0b511;
}

.nav-patient-records > li.danger > a .tab-box,
.nav-patient-records > li > a .tab-box.danger {
    color: #fff;
    background-color: #cc3a3a;
}

.nav-patient-records > li > a > i {
    bottom: -2px;
    left: 5px;
    opacity:.1;
    position:relative;
    margin-right:10px;
}

.nav-patient-records > li > a > span {
    /*display: block;*/
    text-align:center;
}
.nav-tabs.nav-justified.nav-patient-records > li > a > span:first-child,
.nav-patient-records > li > a > span:first-child {margin-left:5px}
.nav-tabs.nav-justified.nav-patient-records > li > a > span:last-child,
.nav-patient-records > li > a > span:last-child {
    bottom: 10px;
    font-weight: bold;
    position: absolute;
    margin-left: 5px;
    opacity:.5;
}

.nav-tabs.nav-justified.nav-patient-records > li > a:hover > span:last-child,
.nav-patient-records > li > a:hover > span:last-child {
    opacity: 1;
}


.affix .patient-header {
    margin-left: -5px;
    padding: 0 25px 0 0;
    top: 0;
    z-index: 2000;
}

.affix .patient-header .nav-patient-records {
    margin-top: -10px;
}

@media screen and (max-width: 1200px) {
    .affix .patient-header {
        margin-left: -5px;
        padding: 0 45px 0 0;
        top: 0;
        z-index: 2000;
    }

}

@media screen and (max-width: 768px) {

    #tab-content {
        background: #f5f6f8 none repeat scroll 0 0;
        float: right;
        width: 75%;
        padding: 0 0 0 10px;
    }

    .nav-tabs.nav-justified,
    .nav-patient-records{
        background-color: #fff;
        display: block;
        float: left;
        margin: 0;
        padding-left: 0;
        width: 25%;
        top: 0;
        left: 0;
    }

    .nav-tabs.nav-justified.nav-patient-records > li > a > span:first-child,
    .nav-patient-records > li > a > span:first-child {
        float: right;
    }

    .nav-tabs.nav-justified.affix,
    .nav-patient-records.affix {
        top: 0;
    }
}

/*----------------  18. BREADCRUMBS  ----------------*/

.breadcrumb {
    padding: 0px 0px;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    margin: 0 0 15px;
}

.breadcrumb > li + li:before {
    content: "\003e \003e";
    padding: 0 5px;
    color: #999;
}

/*----------------  24. FONT AWESOME  ----------------*/

.fontawesome-icon-list {
    margin-top: 22px;
}

.fontawesome-icon-list .fa-hover a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #222;
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}

.fontawesome-icon-list .fa-hover a .fa {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
    width: 32px;
}

.fontawesome-icon-list .fa-hover a:hover {
    background-color: #00aeef;
    color: #FFFFFF;
    text-decoration: none;
}

.fontawesome-icon-list .fa-hover a:hover .fa {
    font-size: 28px;
    vertical-align: -6px;
}

.fontawesome-icon-list .fa-hover a:hover .text-muted {
    color: #BBE2D5;
}

.feature-list .col-md-4 {
    margin-bottom: 22px;
}

.feature-list h4 .fa:before {
    display: inline-block;
    font-size: 28px;
    margin-right: 5px;
    text-align: center;
    vertical-align: -10%;
    width: 1.07143em;
}

.dataTable .fa  {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #00aeef;
    font-size: 18px;
    height: 18px;
    margin-left: 5px;
    padding: 3px;
    text-align: center;
    width: 18px;
}

.dataTable .fa.disabled {
    color: #ccc;
}

.dataTable .fa:hover {
    color: #001c70;
    cursor: pointer;
}

.dataTable .fa.disabled:hover {
    background: transparent;
    color: #ccc;
    cursor: default;
}

.fa-1-5x { font-size: 1.5em;}
.fa-2-5x { font-size: 2.5em;}
.fa-3-5x { font-size: 3.5em;}
.fa-4-5x { font-size: 4.5em;}
.fa-5-5x { font-size: 5.5em;}
.fa-6x { font-size: 6em;}
.fa-6-5x { font-size: 6.5em;}
.fa-7x { font-size: 7em;}
.fa-7-5x { font-size: 7.5em;}
.fa-8x { font-size: 8em;}


/*----------------  26. COLORS  ----------------*/

.color-desc {
    display: inline-block;
    width: 75%;
}

.color-swatch {
    border: 1px solid #ccc;
    float: left;
    display:inline-block;
    margin: 0;
    width: 100%;
    height: 30px;
}

.white {background: #fff;}
.cool-gray-dark { background: #53565a;}
.cool-gray-light { background: #b2b2b3;}
.blue { background: #0057B8;}
.cyan { background: #00aeef;}
.red { color:#CC3A3A; }
.green {background:#28862a;}
.yellow {background:#e0b511;}
.purple {background:#801e5f;}
.gray { background:#666;}
.blue-light {background: #8da4cc;}
.green-light {background:#aabf8d;}
.yellow-light {background:#edd373;}
.purple-light {background:#b47ba1;}
.blue-dark {background: #001c70;}
.green-dark {background:#2d6f00;}
.yellow-dark {background:#807b00;}
.purple-dark {background:#54002a;}

.gray-text { color: #333;}
.blue-text { color: #0057B8;}
.cyan-text { color: #00aeef;}
.red-text, .dataTable .fa.red { color:#CC3A3A; }
.green-text, .dataTable .fa.green {color:#28862a;}

.swatch01 {background: #67b7dc;}
.swatch02 {background: #fdd400;}
.swatch03 {background: #84b761;}
.swatch04 {background: #cc4748;}
.swatch05 {background: #cd82ad;}
.swatch06 {background: #2f4074;}
.swatch07 {background: #448e4d;}
.swatch08 {background: #b7b83f;}
.swatch09 {background: #b9783f;}
.swatch10 {background: #b93e3d;}
.swatch11 {background: #913167;}
.swatch12 {background: #ccc;}