/* Minification failed. Returning unminified contents.
(106,1): run-time error CSS1019: Unexpected token, found '@import'
(106,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800')'
(175,82): run-time error CSS1030: Expected identifier, found 'input'
(175,98): run-time error CSS1031: Expected selector, found ')'
(175,98): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*
*
*
*   GENERAL
*
*
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

.container {
    width: 1080px;
    max-width: 100%;
}

.container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    background-color: #eee;
}

a {
    color: #008080;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}

a:hover, a:focus {
    color: #008080;
    text-decoration: none;
}

.form-group label {
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 10px;
}

.form-group label.checkbox-label {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

input:focus, 
button:focus, 
select:focus, 
textarea:focus {
    outline: none;
    border-color: #008080!important;
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]),
select,
textarea {
    border: 1px solid #ccc;
    min-height: 40px;
    box-shadow: inset rgba(0,0,0,0.1) 3px 3px 10px;
    padding: 8px 12px;
    color: #666;
}

.input-sm {
    min-height: 30px !important;
    height: 30px !important;
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not(.input-group input[type=text]),
select,
textarea {
    border-radius: 5px;
}

input[type=radio], 
input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    /*margin-top: 0;*/
    margin-right: 5px;
}

button
, html input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.btn,
.btn-default {
    min-height: 40px;
    border: 1px solid #008080;
    background-color: #008080;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 6px 15px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}

button:hover, 
html input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover,
.btn-primary:hover,
.btn:hover,
button:focus, 
html input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus,
.btn:focus,
.btn-primary:focus {
    border: 1px solid #026767;
    background-color: #026767;
    color: #fff;
    outline: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-lg, 
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm, 
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    min-height: auto;
}

.btn-xs, 
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    min-height: auto;
}

button i, 
html input[type="button"] i, 
input[type="reset"] i, 
input[type="submit"] i, 
.btn i, 
.btn-default i {
    margin-right: 6px;
}

img {
    max-width: 100%;
    height: auto;
}

.table {
    box-shadow: rgba(0,0,0,0.1) 0px 0px 15px;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    height: 38px;
}

.table > caption + thead > tr:first-child > th, 
.table > colgroup + thead > tr:first-child > th, 
.table > thead:first-child > tr:first-child > th, 
.table > caption + thead > tr:first-child > td, 
.table > colgroup + thead > tr:first-child > td, 
.table > thead:first-child > tr:first-child > td {
    color: #333;
    font-weight: bold;
    background-color: #fff;
}

.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td {
    border: 1px solid #ccc;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #eeeeee;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fff;
}

.table-hover > tbody > tr:hover {
    background-color: #dddddd;
}

.btn-group > .btn, 
.btn-group-vertical > .btn {
    font-weight: normal;
    text-transform: none;
    font-size: 20px;
    line-height: 26px;
    min-height: auto;
    padding: 3px 15px;
    background-color: #dddddd;
    color: #666;
    border: 1px solid #ccc;
}

.btn-group > .btn:hover, 
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus, 
.btn-group-vertical > .btn:focus {
    background-color: #ccc;
}

.with-sidebar #page-contents {
    overflow-x: hidden;
}

.page-title-section {
    margin-bottom: 30px;
}

.page-title-section .page-title {
    margin: 0;
    color: #333;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
}

.modal {
    z-index: 2147483647 !important /*always on top*/
}

.modal-content {
    padding: 30px;
}

.modal-header {
    padding: 0;
    border-bottom: 0;
    margin-bottom: 15px;
}

.modal-header .close {
    float: none;
    position: absolute;
    width: 25px;
    min-height: auto;
    height: 25px;
    border-radius: 100%;
    background-color: #000;
    top: -12px;
    right: -12px;
    opacity: 1;
    color: #fff;
    text-shadow: none;
}

.modal-header .close:hover, 
.modal-header .closefocus {
    border-color: #000;
    filter: none;
    opacity: 1;
}

.modal-title {
    font-size: 16px;
    color: #333;
    line-height: 1;
}

.modal-body {
    padding: 0;
}

.modal-footer {
    border-top: 0;
    padding: 0;
    margin-top: 25px;
}

.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn.active.focus {
    outline: none;
    outline-offset: unset;
}

.input-group > label {
    display: inline-block;
    margin: 0;
    font-weight: 400;
}











/*
*
*
* HEADER
*
*
*/

header {
    box-shadow: rgba(0,0,0,0.25) 0px 0px 10px;
    -webkit-box-shadow: rgba(0,0,0,0.25) 0px 0px 10px;
    -moz-box-shadow: rgba(0,0,0,0.25) 0px 0px 10px;
    -ms-box-shadow: rgba(0,0,0,0.25) 0px 0px 10px;
    -o-box-shadow: rgba(0,0,0,0.25) 0px 0px 10px;
    position: fixed;
    z-index: 2147483646 !important; /*always on top than body but not in modal*/
    width: 100%;
    top: 0;
}

.header-top-contents {
    background-color: #431f4b;
    padding: 20px 0;
}

.header-top-contents * {
    color: #fff;
}

.header-top-contents .header-top-contents-left a.logo-link {
    display: inline-block;
}

.header-contact-links-container {
    display: inline-block;
    padding-top: 5px;
}

.header-top-contents a.header-contact-link {
    background-color: #fff;
    padding: 0 13px 0 0;
    border-radius: 13px;
    overflow: hidden;
    display: inline-block;
}

.header-top-contents a.header-contact-link:first-of-type {
    margin-right: 20px;
}

.header-top-contents a.header-contact-link * {
    color: #431f4b;
}

.header-top-contents a.header-contact-link span {
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline-block;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}

.header-top-contents a.header-contact-link i {
    padding: 6px 6px;
    background-color: #eee;
    border-radius: 100%;
    text-align: center;
    width: 26px;
    height: 26px;
    box-shadow: rgba(0,0,0,.4) 0px 0px 5px;
    margin-right: 5px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}

.header-top-contents a.header-contact-link:hover,
.header-top-contents a.header-contact-link:focus {
    background-color: #008080;
}

.header-top-contents a.header-contact-link:hover i,
.header-top-contents a.header-contact-link:focus i {
    color: #008080;
}

.header-top-contents a.header-contact-link:hover span, 
.header-top-contents a.header-contact-link:focus span {
    color: #fff;
}

.header-bottom-contents .header-bottom-contents-left .page-title {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    line-height: 28px;
}

.notifications-dropdown.has-notifications button.dropdown-toggle i:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #c71717;
    bottom: 0px;
    right: -3px;
}

.header-bottom-contents {
    background-color: #008080;
    min-height: 40px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.notifications-dropdown {
    margin-right: 30px;
}

.notifications-dropdown .dropdown-menu {
    right: 0;
    left: auto;
    width: 200px;
    margin-top: 6px;
    border-radius: 0 0 5px 5px;
    border: 0;
}

.notifications-dropdown .dropdown-menu .dropdown-header, 
.user-menu-dropdown ul.dropdown-menu .dropdown-header {
    white-space: normal;
    text-align: center;
    color: #888888;
    font-size: 12px;
    padding: 10px;
}

.notifications-dropdown .dropdown-menu .dropdown-header span.dropdown-close,
.user-menu-dropdown ul.dropdown-menu .dropdown-header span.dropdown-close {
    float: right;
    cursor: pointer;
    color: #c71717;
}

.notifications-dropdown .dropdown-menu .divider, 
.user-menu-dropdown ul.dropdown-menu .divider {
    margin: 5px 10px;
}

.notifications-dropdown .dropdown-menu .notification-entry a {
    white-space: normal;
    font-size: 12px;
    color: #666;
    position: relative;
    padding: 10px 10px 10px 30px;
}

.notifications-dropdown .dropdown-menu .notification-entry a:before {
    content: "\f017";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: 10px;
    top: 13px;
    position: absolute;
}

.notifications-dropdown .dropdown-menu .notification-entry a:hover, 
.notifications-dropdown .dropdown-menu .notification-entry a:focus {
    background-color: #eee;
}

.notifications-dropdown button.dropdown-toggle {
    color: #fff;
    padding: 0;
    border: 1px solid transparent;
    background-color: transparent;
    font-size: 20px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    min-height: auto;
    padding: 0 8px;
    font-weight: 400;
}

.notifications-dropdown.open button.dropdown-toggle,
.notifications-dropdown button.dropdown-toggle:hover,
.notifications-dropdown button.dropdown-toggle:focus,
.user-menu-dropdown.open button.dropdown-toggle,
.user-menu-dropdown button.dropdown-toggle:hover,
.user-menu-dropdown button.dropdown-toggle:focus {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -ms-box-shadow: none!important;
    -o-box-shadow: none!important;
    background-color: transparent!important;
    color: #fff!important;
    border: 1px solid #026767!important;
    background-color: #026767!important;
}

.notifications-dropdown button.dropdown-toggle i {
    margin-right: 5px;
    position: relative;
}

.user-menu-dropdown button.dropdown-toggle {
    color: #fff;
    padding: 0;
    background-color: transparent;
    font-size: 16px;
    text-transform: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    min-height: auto;
    line-height: 28px;
    padding: 0 8px;
    border: 1px solid transparent;
    font-weight: 400;
}

.user-menu-dropdown button.dropdown-toggle span.welcome {
    margin-right: 5px;
}

.user-menu-dropdown ul.dropdown-menu {
    border: 0;
    border-radius: 0 0 5px 5px;
    margin-top: 6px;
    right: 0;
    left: auto;
    width: 170px;
}

.user-menu-dropdown ul.dropdown-menu .user-menu-entry a {
    color: #431f4b;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 10px;
}

.user-menu-dropdown ul.dropdown-menu .user-menu-entry.active a,
.user-menu-dropdown ul.dropdown-menu .user-menu-entry a:hover, 
.user-menu-dropdown ul.dropdown-menu .user-menu-entry a:focus {
    background-color: #008080;
    color: #fff;
}

.user-menu-dropdown ul.dropdown-menu .user-menu-entry a.logout {
    text-transform: none;
    color: #c71717;
}

.user-menu-dropdown ul.dropdown-menu .user-menu-entry a.logout:hover, 
.user-menu-dropdown ul.dropdown-menu .user-menu-entry a.logout:focus {
    background-color: transparent;
    color: #c71717;
}

#sidebar-menu-toggle button.sidebar-menu-toggle-button {
    padding: 0 8px;
    min-height: auto;
}

#sidebar-menu-toggle button.sidebar-menu-toggle-button span:before {
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 30px;
}

#sidebar-menu-toggle button.sidebar-menu-toggle-button span.button-open:before {
    content: "\f0c9";
}

#sidebar-menu-toggle button.sidebar-menu-toggle-button span.button-close:before {
    content: "\f00D";
}











/*
*
*
* SIDEBAR MENU
*
*
*/

#sidebar-menu .menu-container .menu-entry a {
    padding: 15px;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    border-right: 5px solid transparent;
}

#sidebar-menu .menu-container .menu-entry a:before {
    content: "\f0da";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 8px;
    opacity: 0;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}

#sidebar-menu .menu-container .menu-entry.logout a {
    color: #c71717;
    background-color: #333;
}

#sidebar-menu .menu-container .menu-entry.logout a:hover, 
#sidebar-menu .menu-container .menu-entry.logout a:focus {
    background-color: #333;
    border: 0;
}

#sidebar-menu .menu-container .menu-entry.logout a:hover:before, 
#sidebar-menu .menu-container .menu-entry.logout a:focus:before {
    opacity: 0;
}


#sidebar-main-menu .menu-container .menu-entry a:hover, 
#sidebar-main-menu .menu-container .menu-entry a:focus, 
#sidebar-main-menu .menu-container .menu-entry.active a,
#sidebar-user-menu .menu-container li.menu-entry.active a, 
#sidebar-user-menu .menu-container li.menu-entry a:hover, 
#sidebar-user-menu .menu-container li.menu-entry a:focus {
    background-color: rgba(0, 128, 128, 0.3);
    border-right-color: #008080;
}

#sidebar-main-menu .menu-container .menu-entry a:hover:before, 
#sidebar-main-menu .menu-container .menu-entry a:focus:before, 
#sidebar-main-menu .menu-container .menu-entry.active a:before,
#sidebar-user-menu .menu-container li.menu-entry.active a:before, 
#sidebar-user-menu .menu-container li.menu-entry a:hover:before, 
#sidebar-user-menu .menu-container li.menu-entry a:focus:before {
    opacity: 1;
}

#sidebar-system-menu .menu-container .menu-entry a:hover, 
#sidebar-system-menu .menu-container .menu-entry a:focus, 
#sidebar-system-menu .menu-container .menu-entry.active a {
    background-color: rgba(67, 31, 75, 0.6);
    border-right-color: #431f4b;
}

#sidebar-system-menu .menu-container .menu-entry a:hover:before, 
#sidebar-system-menu .menu-container .menu-entry a:focus:before, 
#sidebar-system-menu .menu-container .menu-entry.active a:before {
    opacity: 1;
}











/*
*
*
* FOOTER
*
*
*/

.with-sidebar footer,
.with-sidebar #main-contents {
    margin-left: 240px;
}

footer .footer-contents {
    padding: 15px 0;
}

footer .copyright {
    font-size: 12px;
}

ul.footer-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.footer-links li {
    display: inline-block;
    padding-right: 5px;
    margin-right: 1px;
    border-right: 1px solid #666;
    line-height: 1;
}

ul.footer-links li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

ul.footer-links li a {
    font-size: 12px;
    font-weight: bold;
}










/*
*
*
* MAIN CONTENTS
*
*
*/

.with-sidebar #main-contents {
    padding-top: 10px;
    padding-bottom: 30px;
    /*height: 100vh;*/
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 980px) {
    .table.mobile-first {
        display: block;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        border: 0;
    }

        .table.mobile-first tbody {
            display: block;
        }

    table.mobile-first thead {
        display: none;
    }

    table.mobile-first tr {
        display: block;
        margin-bottom: 20px;
        box-shadow: rgba(0,0,0,0.1) 0 0 15px;
        -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 15px;
        -moz-box-shadow: rgba(0,0,0,0.1) 0 0 15px;
        -ms-box-shadow: rgba(0,0,0,0.1) 0 0 15px;
        -o-box-shadow: rgba(0,0,0,0.1) 0 0 15px;
        border-radius: 5px;
    }

        table.mobile-first tr td {
            display: block;
            border-bottom: 0 !important;
            position: relative;
            height: auto !important;
        }

            table.mobile-first tr td:first-child {
                border-radius: 5px 5px 0px 0px;
            }

            table.mobile-first tr td:last-child {
                border-bottom: 1px solid #ccc !important;
                border-radius: 0px 0px 5px 5px;
            }

            table.mobile-first tr td:before {
                content: "";
                font-weight: bold;
                width: 50%;
                min-width: 170px;
                display: inline-block;
                text-align: right;
                padding-right: 20px;
            }
}

@media only screen and  (max-width: 767px) {
    .notifications-dropdown {
        margin-right: 15px;
    }

    #sidebar-menu .menu-container .menu-entry a {
        border-right: 0;
    }
}

@media only screen and (max-width: 480px) {
    #modal-and-search-section .modal-button-column {
        width: 100%;
        margin-bottom: 20px;
    }

    #modal-and-search-section .search-column {
        width: 100%;
    }

    #modal-and-search-section .modal-button-column button {
        width: 100%;
    }

    #modal-and-search-section .search-column input {
        width: 100%;
    }

    .client-admin-table-column .table-page-section {
        float: left!important;
        width: 100%;
        text-align: center;
    }

    table tr td {
        text-align: center;
    }

    table tr td:before {
        display: block;
        width: 100%;
        padding-right: 0;
        text-align: center;
        margin-bottom: 5px;
    }
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.menu-entry a:hover {
    background-color: #008080 !important;
}

.toggle-password-visibility {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

/*
 * Tabs (nav-pills nav-tab)
 */

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


/*
 * Panels
 */

.panel-primary2 {
    border-color: #008080;
}

    .panel-primary2 > .panel-heading {
        color: #fff;
        background-color: #008080;
        border-color: #008080;
    }

        .panel-primary2 > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #008080;
        }

        .panel-primary2 > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .panel-primary2 > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #008080;
    }
/** The Magic **/
.btn-breadcrumb {
    margin-bottom: 20px
}

    .btn-breadcrumb .btn:not(:last-child):after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 10px solid white;
        position: absolute;
        top: 50%;
        margin-top: -17px;
        left: 100%;
        z-index: 1;
    }

    .btn-breadcrumb .btn:not(:last-child):before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 10px solid rgb(173, 173, 173);
        position: absolute;
        top: 50%;
        margin-top: -17px;
        margin-left: 1px;
        left: 100%;
        z-index: 1;
    }

.btn-group.btn-breadcrumb > .btn {
    color: white;
    border: none;
    font-size: small;
    line-height: 22px
}

    .btn-group.btn-breadcrumb > .btn:hover {
        border: none;
    }

.btn-group.btn-breadcrumb .btn + .btn {
    margin-left: 0;
}

/** The Spacing **/
.btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
}

    .btn-breadcrumb .btn:first-child {
        padding: 6px 6px 6px 10px;
    }

    .btn-breadcrumb .btn:last-child {
        padding: 6px 18px 6px 24px;
    }



.btn-group.btn-breadcrumb > .btn {
    background-color: #008080;
}

    .btn-group.btn-breadcrumb > .btn:hover {
        background-color: #004d4d;
        transition: all .4s ease;
    }

    .btn-group.btn-breadcrumb > .btn.disabled {
        background-color: #009a9a;
    }

.btn-group.btn-breadcrumb .btn:not(:last-child):after {
    border-left: 10px solid #008080;
    transition: all .4s ease;
}

.btn-breadcrumb .btn:not(:last-child):before {
    border-left: 10px solid #006767;
    transition: all .4s ease;
}

.btn-breadcrumb .btn:hover:not(:last-child):after {
    border-left: 10px solid #004d4d;
    transition: all .4s ease;
}

.btn-breadcrumb .btn:hover:not(:last-child):before {
    border-left: 10px solid #003434;
    transition: all .4s ease;
}