/* Pt-serif */
/*
$fontserif-bold:           'PT Serif', serif;
$fontserif-bold-italic:    'PT Serif', serif;
$fontserif-italic:         'PT Serif', serif;
$fontserif:        'PT Serif', serif;
$fontserif-c-italic:       'PT Serif', serif;
$fontserif-c-regular:      'PT Serif', serif;
*/
/* proxima-nova */
/*
$fontproxi-bold:           'Montserrat', sans-serif;
$fontproxi-bold-italic:    'Montserrat', sans-serif;
$fontproxi-light:          'Montserrat', sans-serif;
$fontproxi-light-italic:   'Montserrat', sans-serif;
$fontproxi:        'Montserrat', sans-serif;
$fontproxi-regular-italic: 'Montserrat', sans-serif;
*/
/*===================================
=              $Objects             =
===================================*/
/*==========  $UI Alerts/Messages  ==========*/
.alert, .error, .guidelines, .info, .ok, .notice, .warning, .status, .success { background-color: #f5f5f5; background-repeat: no-repeat; background-position: 4px 1em; border: 1px solid #e5e5e5; color: #888888; margin-bottom: 15px; padding: 9px; }

.alert a, .alert a:link, .error a, .error a:link, .guidelines a, .guidelines a:link, .info a, .info a:link, .ok a, .ok a:link, .notice a, .notice a:link, .warning a, .warning a:link, .status a, .status a:link, .success a, .success a:link { background: none; margin: 0; padding: 0; }

.alert .alert-icon, .alert .alert-icon ~ *, .error .alert-icon, .error .alert-icon ~ *, .guidelines .alert-icon, .guidelines .alert-icon ~ *, .info .alert-icon, .info .alert-icon ~ *, .ok .alert-icon, .ok .alert-icon ~ *, .notice .alert-icon, .notice .alert-icon ~ *, .warning .alert-icon, .warning .alert-icon ~ *, .status .alert-icon, .status .alert-icon ~ *, .success .alert-icon, .success .alert-icon ~ * { display: table-cell; vertical-align: middle; }

.alert .alert-icon ~ *, .error .alert-icon ~ *, .guidelines .alert-icon ~ *, .info .alert-icon ~ *, .ok .alert-icon ~ *, .notice .alert-icon ~ *, .warning .alert-icon ~ *, .status .alert-icon ~ *, .success .alert-icon ~ * { padding-left: 1em; }

.error { background-color: #FFF0F5; border-color: #FFC0CB; color: #e14049; }

.error a, .error a:link { color: #e14049; }

.info, .status { background-color: #d9e8ff; border-color: #82d2df; color: #4682B4; }

.info a, .info a:link, .status a, .status a:link { color: #4682B4; }

.notice, .warning { background-color: #FFFACD; border-color: #FFD700; color: #DAA520; }

.notice a, .notice a:link, .warning a, .warning a:link { color: #DAA520; }

.success, .ok { background-color: #edf2c4; border-color: #becf59; color: #7b9712; }

.success a, .success a:link, .ok a, .ok a:link { color: #7b9712; }

.guidelines { background-color: #FFFFF0; border-color: #fff6cc; color: #555555; }

.guidelines a, .guidelines a:link { color: #555555; }

.guidelines { line-height: 130%; margin-top: 6px; padding: 9px 6px; }

.dropdown > a:after, .flyout > a:after, .dropdown > a:link:after, .flyout > a:link:after { /* Arrow for dropdown link */ border: 4px solid transparent; border-top-color: #212121; content: ' '; display: inline-block; line-height: 100%; margin-left: 4px; text-align: right; vertical-align: middle; }

.dropdown .drop-content, .flyout .drop-content, .dropdown > ul, .flyout > ul { /* Common styles for submenus */ background: #ffffff; border: 1px solid #dadada; display: none; padding: 3px 0; position: absolute; z-index: 100; }

.dropdown .drop-content, .flyout .drop-content { padding: 9px; width: 230px; }

.dropdown > ul, .flyout > ul { list-style: none; margin: 0; max-width: 180px; min-width: 150px; padding: 0; zoom: 1; }

.dropdown > ul > li, .flyout > ul > li { display: block; float: none; }

.dropdown > ul > li > a, .flyout > ul > li > a, .dropdown > ul > li > a:link, .flyout > ul > li > a:link, .dropdown > ul > li > a:visited, .flyout > ul > li > a:visited { color: #212121; display: block; padding: 6px 9px; font-weight: normal; text-decoration: none; }

.dropdown > ul > li > a:hover, .flyout > ul > li > a:hover, .dropdown > ul > li.active > a, .flyout > ul > li.active > a, .dropdown > ul > li.active > a:link, .flyout > ul > li.active > a:link { background: #eeeeee; }

.dropdown > ul .divider, .flyout > ul .divider { border-bottom: 1px solid #A9A9A9; margin: 6px 0; overflow: hidden; padding: 0 9px; opacity: 0.4; }

.dropdown .dropdown > a:after, .flyout .dropdown > a:after, .dropdown .flyout > a:after, .flyout .flyout > a:after, .dropdown .dropdown > a:link:after, .flyout .dropdown > a:link:after, .dropdown .flyout > a:link:after, .flyout .flyout > a:link:after { /* Arrow for 2nd+ level dropdown links */ border-left-color: #212121; border-top-color: transparent; }

.dropdown .dropdown:hover > a:after, .flyout .dropdown:hover > a:after, .dropdown .flyout:hover > a:after, .flyout .flyout:hover > a:after, .dropdown .dropdown:hover > a:link:after, .flyout .dropdown:hover > a:link:after, .dropdown .flyout:hover > a:link:after, .flyout .flyout:hover > a:link:after, .dropdown .dropdown.active > a:after, .flyout .dropdown.active > a:after, .dropdown .active.flyout > a:after, .flyout .active.flyout > a:after, .dropdown .dropdown.active > a:link:after, .flyout .dropdown.active > a:link:after, .dropdown .active.flyout > a:link:after, .flyout .active.flyout > a:link:after { border-left-color: #212121; border-top-color: transparent; }

.dropdown .dropdown > ul, .flyout .dropdown > ul, .dropdown .flyout > ul, .flyout .flyout > ul { /* 3rd+ Level submenu style */ display: none; left: 100%; position: absolute; top: 6px; width: 100%; }

.dropdown:hover > ul, .flyout:hover > ul, .dropdown:hover .drop-content, .flyout:hover .drop-content { display: block; }

.dropdown ul :hover ul :hover ul, .flyout ul :hover ul :hover ul { display: block; }

.flyout { position: relative; }

.flyout .drop-content, .flyout > ul { left: 100px; top: 0; }

/*==========  $Object - Media  ==========*/
/** Media object as per stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code */
.media { *zoom: 1; display: block; }

.media:before, .media:after { content: ''; display: table; }

.media:after { clear: both; }

.media-img { float: left; margin-right: 1em; }

/* Reversed image location (right instead of left). */
.media-img--rev { float: right; margin-left: 1em; }

.media-img img, .media-img--rev img { display: block; }

.media-body { overflow: hidden; }

.media-body, .media-body > :last-child { margin-bottom: 0; }

/*==========  $Object - Nav  ==========*/
/** nav abstraction object as per http://csswizardry.com/2011/09/the-nav-abstraction/ */
.nav { list-style: none; margin: 0 0 9px 0; }

.nav > li { display: block; float: left; }

.nav > li > a, .nav > li > a:link { display: block; font-weight: normal; text-decoration: none; }

/*==========  Global setup  ==========*/
.tabs, .tabs-vertical, .menu-horizontal, .menu-vertical, .breadcrumb, .pagination, .pagination ul, .nav-direction, .nav-direction ul { list-style: none; margin: 0 0 9px 0; *zoom: 1; }

.tabs:before, .tabs:after, .tabs-vertical:before, .tabs-vertical:after, .menu-horizontal:before, .menu-horizontal:after, .menu-vertical:before, .menu-vertical:after, .breadcrumb:before, .breadcrumb:after, .pagination:before, .pagination:after, .pagination ul:before, .pagination ul:after, .nav-direction:before, .nav-direction:after, .nav-direction ul:before, .nav-direction ul:after { content: ''; display: table; }

.tabs:after, .tabs-vertical:after, .menu-horizontal:after, .menu-vertical:after, .breadcrumb:after, .pagination:after, .pagination ul:after, .nav-direction:after, .nav-direction ul:after { clear: both; }

.tabs > li, .tabs-vertical > li, .menu-horizontal > li, .menu-vertical > li, .breadcrumb > li, .pagination > li, .pagination ul > li, .nav-direction > li, .nav-direction ul > li { display: block; float: left; }

.tabs > li > a, .tabs > li > a:link, .tabs-vertical > li > a, .tabs-vertical > li > a:link, .menu-horizontal > li > a, .menu-horizontal > li > a:link, .menu-vertical > li > a, .menu-vertical > li > a:link, .breadcrumb > li > a, .breadcrumb > li > a:link, .pagination > li > a, .pagination > li > a:link, .pagination ul > li > a, .pagination ul > li > a:link, .nav-direction > li > a, .nav-direction > li > a:link, .nav-direction ul > li > a, .nav-direction ul > li > a:link { display: block; font-weight: normal; text-decoration: none; }

.tabs > li > a:focus, .tabs-vertical > li > a:focus, .menu-horizontal > li > a:focus, .menu-vertical > li > a:focus, .breadcrumb > li > a:focus, .pagination > li > a:focus, .pagination ul > li > a:focus, .nav-direction > li > a:focus, .nav-direction ul > li > a:focus { outline: thin auto #4e9a06; }

/*==========  $Nav Tabs  ==========*/
.tabs, .tabs-vertical { *zoom: 1; overflow: visible; }

.tabs:before, .tabs:after, .tabs-vertical:before, .tabs-vertical:after { content: ''; display: table; }

.tabs:after, .tabs-vertical:after { clear: both; }

.tabs > li, .tabs-vertical > li { position: relative; }

.tabs > li > a, .tabs > li > a:link, .tabs > li > a:visited, .tabs-vertical > li > a, .tabs-vertical > li > a:link, .tabs-vertical > li > a:visited { background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); background: -webkit-linear-gradient(top, #fafafa, #eeeeee); background: -moz-linear-gradient(top, #fafafa, #eeeeee); background: linear-gradient(180deg, #fafafa, #eeeeee); border: 1px solid #e5e5e5; color: #212121; padding: 6px 9px; }

/*==========  Horizontal Tabs  ==========*/
.tabs { border-bottom: 1px solid #dadada; }

.tabs > li { margin-right: 3px; top: 1px; }

.tabs > li > a, .tabs > li > a:link, .tabs > li > a:visited { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }

.tabs > li > a:hover, .tabs > li.active > a, .tabs > li.active > a:link { background: #ffffff; border: 1px solid #e5e5e5; border-bottom-color: transparent; }

/*==========  tabs-Vertical  ==========*/
.tabs-vertical { border-right: 1px solid #dadada; float: left; margin-right: 9px; width: 10em; }

.tabs-vertical > li { float: none; left: 1px; margin-bottom: 3px; padding-left: 1px; }

.tabs-vertical > li > a, .tabs-vertical > li > a:link, .tabs-vertical > li > a:visited { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }

.tabs-vertical > li > a:hover, .tabs-vertical > li.active > a, .tabs-vertical > li.active > a:link { background: #ffffff; border: 1px solid #e5e5e5; border-right-color: transparent; }

/*==========  Tabs content  ==========*/
.tabs-content { *zoom: 1; display: block; margin: 0; }

.tabs-content:before, .tabs-content:after { content: ''; display: table; }

.tabs-content:after { clear: both; }

.tabs-content > li, .tabs-content > div { display: none; height: 1%; overflow: auto; }

.tabs-content > li.active, .tabs-content > div.active { display: block; }

/*==========  $Nav Menus  ==========*/
.menu-horizontal > li > a, .menu-horizontal > li > a:link, .menu-horizontal > li > a:visited, .menu-vertical > li > a, .menu-vertical > li > a:link, .menu-vertical > li > a:visited { background: #f5f5f5; color: #212121; padding: 6px 9px; }

.menu-horizontal > li > a:hover, .menu-horizontal > li.active > a, .menu-horizontal > li.active > a:link, .menu-vertical > li > a:hover, .menu-vertical > li.active > a, .menu-vertical > li.active > a:link { background: #dadada; }

/*==========  menu-Horizontal  ==========*/
.menu-horizontal > li { border-left: 1px solid #e5e5e5; display: inline-block; float: left; }

/*==========  menu-Vertical  ==========*/
.menu-vertical > li { border-bottom: 1px solid #e5e5e5; float: none; }

/*==========  $Nav Pagination  ==========*/
.pagination, .nav-direction { clear: both; }

.pagination ul, .nav-direction ul { clear: both; margin: 0; }

.pagination span, .pagination li span, .pagination a, .pagination a:link, .pagination a:visited, .nav-direction span, .nav-direction li span, .nav-direction a, .nav-direction a:link, .nav-direction a:visited { background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); background: -webkit-linear-gradient(top, #fafafa, #eeeeee); background: -moz-linear-gradient(top, #fafafa, #eeeeee); background: linear-gradient(180deg, #fafafa, #eeeeee); border: 1px solid #dadada; color: #555555; display: inline-block; margin: 0; padding: 3px 9px; text-decoration: none; }

.pagination .current, .pagination .current span, .pagination li.active a, .pagination li.active a:link, .pagination a:hover, .nav-direction .current, .nav-direction .current span, .nav-direction li.active a, .nav-direction li.active a:link, .nav-direction a:hover { background: #e5e5e5; background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#dadada)); background: -webkit-linear-gradient(top, #e5e5e5, #dadada); background: -moz-linear-gradient(top, #e5e5e5, #dadada); background: linear-gradient(180deg, #e5e5e5, #dadada); color: #212121; text-decoration: none; }

/* Full Pagination */
.pagination li { float: left; }

.pagination span, .pagination li span, .pagination a, .pagination a:link, .pagination a:visited { float: left; }

.pagination .disabled, .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:link { background: #f5f5f5; color: #dadada; text-decoration: none; }

.pagination li a, .pagination li a:link, .pagination li a:visited { border-left-width: 0; }

.pagination li:first-child a, .pagination li:first-child a:link, .pagination li:first-child a:visited { border-left-width: 1px; }

.pagination span { background: transparent; border-color: transparent; }

/* nav-direction */
.nav-direction a, .nav-direction a:link, .nav-direction a:visited { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.nav-direction li:first-child, .nav-direction .prev, .nav-direction .prev a, .nav-direction .prev a:link { float: left; }

.nav-direction li:last-child, .nav-direction .next, .nav-direction .next a, .nav-direction .prev a:link { float: right; }

/*==========  $Nav Breadcrumbs  ==========*/
.breadcrumb { background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f5f5f5)); background: -webkit-linear-gradient(top, #fafafa, #f5f5f5); background: -moz-linear-gradient(top, #fafafa, #f5f5f5); background: linear-gradient(180deg, #fafafa, #f5f5f5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #dadada; }

.breadcrumb span { display: block; }

.breadcrumb > a, .breadcrumb > a:link { display: inline-block; }

.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb span { padding-top: 6px; padding-right: 0; padding-bottom: 6px; padding-left: 9px; }

.breadcrumb a:hover, .breadcrumb .active a, .breadcrumb .active a:link { color: #212121; }

.breadcrumb .active a:after, .breadcrumb .active a:link:after { content: ""; }

/*==========  $UI Progressbars  ==========*/
.progressbar, .progressbar-error, .progressbar-info, .progressbar-notice, .progressbar-success { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fafafa; border: 1px solid #dadada; height: 21px; margin: 6px 0; overflow: hidden; position: relative; }

.progressbar .progress-value, .progressbar-error .progress-value, .progressbar-info .progress-value, .progressbar-notice .progress-value, .progressbar-success .progress-value { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dadada)); background: -webkit-linear-gradient(top, #f5f5f5, #dadada); background: -moz-linear-gradient(top, #f5f5f5, #dadada); background: linear-gradient(180deg, #f5f5f5, #dadada); float: left; height: 20px; }

.progressbar .progress-text, .progressbar-error .progress-text, .progressbar-info .progress-text, .progressbar-notice .progress-text, .progressbar-success .progress-text { color: #555555; font-size: 14px; font-weight: bold; left: 0; position: absolute; text-align: center; top: 0; width: 100%; }

.progressbar-error .progress-value { background: #f9dadc; background: -webkit-gradient(linear, left top, left bottom, from(#f9dadc), to(#e14049)); background: -webkit-linear-gradient(top, #f9dadc, #e14049); background: -moz-linear-gradient(top, #f9dadc, #e14049); background: linear-gradient(180deg, #f9dadc, #e14049); }

.progressbar-info .progress-value { background: #e6f2ff; background: -webkit-gradient(linear, left top, left bottom, from(#e6f2ff), to(#3399ff)); background: -webkit-linear-gradient(top, #e6f2ff, #3399ff); background: -moz-linear-gradient(top, #e6f2ff, #3399ff); background: linear-gradient(180deg, #e6f2ff, #3399ff); }

.progressbar-notice .progress-value { background: #ffe766; background: -webkit-gradient(linear, left top, left bottom, from(#ffe766), to(#FFD700)); background: -webkit-linear-gradient(top, #ffe766, #FFD700); background: -moz-linear-gradient(top, #ffe766, #FFD700); background: linear-gradient(180deg, #ffe766, #FFD700); }

.progressbar-success .progress-value { background: #dde6a8; background: -webkit-gradient(linear, left top, left bottom, from(#dde6a8), to(#becf59)); background: -webkit-linear-gradient(top, #dde6a8, #becf59); background: -moz-linear-gradient(top, #dde6a8, #becf59); background: linear-gradient(180deg, #dde6a8, #becf59); }

/*==========  $Object - Stat  ==========*/
.stat-group { *zoom: 1; }

.stat-group:before, .stat-group:after { content: ''; display: table; }

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

.stat { display: inline-block; }

.stat-title, .stat-value { clear: both; display: block; }

/*-------  End of $Objects  -------*/
