/* Utility Classes ============================================= */

/* Display */
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-inline-block { display: inline-block !important; }

/* Flex */
.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.justify-content-center {
    -ms-flex-pack: justify!important;
    justify-content: center!important;
}
.justify-content-right {
    -ms-flex-pack: justify!important;
    justify-content: flex-end!important;
}

.align-items-end {
    -ms-flex-align: end!important;
    align-items: flex-end!important;
}

.align-items-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch!important;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.align-self-centre {
    align-self: center!important;
}


/* Width */
.w-100 { width: 100% !important; }
.w-33 { width: 33% !important; }
.w-23 { width: 23% !important; }

/* Height */
.h-100 { height: 100% !important; }
.h-90 { height: 90% !important; }

/* Margin */
.mb-0 { margin-bottom: 0 !important }
.mb-1 { margin-bottom: 0.286em !important } /* 4px */
.mb-2 { margin-bottom: 0.571em !important } /* 4px */
.mb-3 { margin-bottom: 0.714em !important } /* 10px */
.mb-4 { margin-bottom: 1.071em !important } /* 15px */
.mb-5 { margin-bottom: 1.429em !important } /* 20px */
.mb-6 { margin-bottom: 1.786em !important } /* 25px */
.mb-8 { margin-bottom: 2.143em !important } /* 30px */
.mb-10 { margin-bottom: 2.857em !important } /* 40px */

.mt-0 { margin-top: 0 !important }
.mt-3 { margin-top: 0.714em !important }
.mt-4 { margin-top: 1.071em !important }
.mt-5 { margin-top: 1.429em !important }
.mt-8 { margin-top: 2.143em !important }
.mt-10 { margin-top: 2.857em !important }

.ml-auto { margin-left: auto !important }
.ml-1 { margin-left: 0.286em !important }
.ml-2 { margin-left: 0.571em !important }

.mr-1 { margin-right: 0.286em !important }
.mr-2 { margin-right: 0.571em !important }
.mr-3 { margin-right: 0.714em !important }
.mr-4 { margin-right: 1.071em !important }

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.mx-1 {
    margin-left: 0.286em !important;
    margin-right: 0.286em !important;
}
.mx-2 {
    margin-left: 0.571em !important;
    margin-right: 0.571em !important;
}

.my-1 {
    margin-top: 0.286em !important;
    margin-bottom: 0.286em !important;
}
.my-3 {
    margin-top: 0.714em !important;
    margin-bottom: 0.714em !important;
}
.my-4 {
    margin-top: 1.071em !important;
    margin-bottom: 1.071em !important;
}

/* Padding */
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.286em !important; }
.p-4 { padding: 1.071em !important; }

.pb-4 { padding-bottom: 1.071em !important; }

.pt-4 { padding-top: 1.071em !important; }
.pt-8 { padding-top: 2.143em !important; }

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.px-3 {
    padding-left: 0.714em !important;
    padding-right: 0.714em !important;
}
.px-4 {
    padding-left: 1.071em !important;
    padding-right: 1.071em !important;
}
.px-5 {
    padding-left: 1.429em !important;
    padding-right: 1.429em !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-1 {
    padding-top: 0.286em !important;
    padding-bottom: 0.286em !important;
}
.py-3 {
    padding-top: 0.714em !important;
    padding-bottom: 0.714em !important;
}
.py-4 {
    padding-top: 1.071em !important;
    padding-bottom: 1.071em !important;
}
.py-5 {
    padding-top: 1.429em !important;
    padding-bottom: 1.429em !important;
}
.py-8 {
    padding-top: 2.143em !important;
    padding-bottom: 2.143em !important;
}

/* Background Colors */
.bg-grey-lighter { background-color: #eee !important; }
.bg-grey-lightest { background-color: #f9f9f9 !important; }
.bg-grey-lightest-o { background-color: #f9f9f9 !important; background-color: #f9f9f999 !important; }
.bg-white { background-color: #ffffff !important; }

/* Borders */
.border-0 { border: 0 !important; }
.border-b-1 { border-bottom: 1px solid !important; }

/* Border Radius */
.rounded { border-radius: 4px; }
.rounded-t-none { 
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Table */
.table-fixed { table-layout: fixed; }

/* Font size */

.title {
    margin-bottom: 0.571em;
}

.sub-title {
    margin-bottom: 1.429em;
    font-size: 1.25em;
}

.text-base { font-size: 1em !important; }
.text-lg { font-size: 1.125em !important; }
.text-xl { font-size: 1.25em !important; }
.text-2xl { font-size: 1.5em !important; }
.text-3xl { font-size: 2em !important; }

/* Font weight */
.font-normal { font-weight: 400; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }

.flex-grid {
    margin-left: -1%;
    margin-right: -1%;
}
.flex-cell {
    padding-left: 1%;
    padding-right: 1%;
}

.self-center { align-self: center; }

.list-col-1 {
    -moz-column-count: 1 !important;
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
}

@media (min-width: 1199px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .w-md-50 { width: 50% !important; }

    .list-col-md-1 {
        -moz-column-count: 1 !important;
        -webkit-column-count: 1 !important;
        column-count: 1 !important;
    }

    .list-col-md-2 {
        -moz-column-count: 2 !important;
        -webkit-column-count: 2 !important;
        column-count: 2 !important;
    }

    .list-col-md-3 {
        -moz-column-count: 3 !important;
        -webkit-column-count: 3 !important;
        column-count: 3 !important;
    }
}

@media (min-width: 992px) {
    .w-lg-25 { width: 25% !important; }
}



/* UI Styles ============================================= */
.silver { color: #c7c6c6; }
.aqua { color: #3A7E6F; } /* Boostrap Success */
.purple { color: #7c2a83;}
.grey { color: #555555; }
.lightgrey { color: #dadada; }
.red { color: #FF0000 !important; }
.white { color: #FFFFFF !important;}

body {
    width: auto !important;
    min-width: 320px;
    margin: 0;
    line-height: 1.42857143;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    background: url("../images/bg.jpg");
}

#wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

/* ======================================================= */

/* Less overrides ======================================== */
/* Navbar colours ======================================== */
.navbar-inverse {
    background-color: #F8F8F8 !important;
    border-color: #F8F8F8 !important;
}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    background-color: #F8F8F8
}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #F8F8F8
}
.dropdown-menu {
    background-color: #F8F8F8;
    margin-top:8px !important;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #dadada
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #3A7E6F !important;
}
.navbar-inverse {
    background-image: none;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-image: none;
}
.navbar-inverse {
    border-color: #f8f8f8;
}
.navbar-inverse .navbar-brand {
    color: #990811;
}
.navbar-inverse .navbar-brand:hover {
    color: #3A7E6F;
}
.navbar-inverse .navbar-nav>li>a {
    color: #777777;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #3A7E6F !important;;
}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #3A7E6F;
}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #3A7E6F !important;
    background-color: #c8c8c8 !important;
}
.dropdown-menu>li>a {
    color: #333333;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #3A7E6F;
}
.navbar-inverse .navbar-nav>.dropdown>a .caret {
    border-top-color: #999999;
}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
    border-top-color: #3A7E6F;
}
.navbar-inverse .navbar-nav>.dropdown>a .caret {
    border-bottom-color: #999999;
}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
    border-bottom-color: #3A7E6F;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #3A7E6F !important;
    background-color: #F8F8F8 !important;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left !important;
    }
}

.wider-menu {
    width:600px;
    left: -300px !important;
    text-align: left;
}

.dropdown-menu>div>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu>div>li {
    width:280px;
}

.dropdown-menu > div > li > a:hover, .dropdown-menu > div > li > a:focus {
    text-decoration: none;
    color: #3A7E6F;
    background-color: #f5f5f5;
}

.preassessment .btn-group .btn {
	z-index: 1;
}

/* Accessibility skip links ============================== */
.skip-to-content-link {
    left: 50%;
    position: absolute;
    transform: translateY(-100%);
    transition: transform 0.3s;
}
  
.skip-to-content-link:focus {
    transform: translateY(0%);
}

/* ======================================================= */

/* General overrides ===================================== */
#form-button-save,
#save-and-go-next-button {
    background-color: #3A7E6F;
    border-color: #1e7e59;
}
#save-and-go-back-button {
    background-color: #7c2a83;
    border-color: #7c4986;
}
#cancel-button {
    /*background-color: #3A7E6F;*/
}
.graybackground .btn-default {
    background-color: #f3f3f3;
}
.whitebackground .btn-default {
    background-color: #fdfdfd;
}
.delete-selected-button {
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}
.delete-selected-button .text-danger{
    color: #fff !important;
}
.lineheight20 {
    line-height: 20px;
}
/* ======================================================= */

/* Common overrides ====================================== */
.table-label {
    background: #555555 !important;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    border-top-left-radius: 5px;;
    border-top-right-radius: 5px;;
}
.minimize-maximize-container {
    border: none !important;
}
/* .sessionlogs .table-label {
    height: 31px;
}
.sessionlogs .table-label {
    line-height: 31px;
    padding-left: 10px;
} */
/* ======================================================= */

/* Grocery Crud ========================================== */
.container .gc-container {
    max-width: 100%;
}
.gc-container .search-button {
    display:none;
}

.gc-container .header-tools .floatL .btn-default {
    background-color: #3A7E6F;
    color: #fff;
}
.gc-container .header-tools .floatR .btn-default,


.gc-container .appointments .page-title h3 span,
.sessionlogs .page-title h3 span  {
    margin-left: 6px;
}

.gc-container .l5 {
    margin-left: 10px;
}

.gc-container .r5 {
    margin-right: 10px;
}

.gc-container .header-tools,
.gc-container .table-container {
    border: none !important;
}

.gc-container .header-tools {
    background: #fff;
    padding: 10px 10px !important;
}

.gc-container .header-tools .btn {
    margin: 0 !important;
}

.gc-container .header-tools .t5 {
    margin: 0 !important;
}

.gc-container .table-label {
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px;
}

.gc-container .table-label .floatL {
    font-size: 28px;
    font-weight: 300;
    margin: 0 !important;
}

.gc-container .footer-tools {
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fff;
}

.gc-container .minimize-maximize {
    display: none;
}

.gc-container.add-page,
.gc-container .form-container {
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
/* ======================================================= */

/* Bootstrap overrides =================================== */
.full-width-label {
    width: 100%;
    display: block;
    font-size: 100%;
    font-weight: 600;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    background: #fff !important;
    margin-top: 20px !important;
    z-index: 100000 !important;
}

.no-gutter { padding-right: 0 !important; padding-left: 0 !important; }

.btn {
    font-weight: 600;
}
.btn-default {
    background-color: #b3b2b2;
    border-color: #b3b2b2;
}
.btn-default:hover { }
.btn-success {
    background-color: #3A7E6F;
    border-color: #3A7E6F;
}
.btn-success:hover {
    background-color: #209172;
    border-color: #209172;
}
.btn-info {
    background-color: #7c2a83;
    border-color: #7c2a83;
    color:#fff !important;
}
.btn-info:hover {
    background-color: #57275b;
    border-color: #57275b;
}
.btn-info:focus {
    background-color: #57275b!important;
    border-color: #57275b;
}

.btn-danger {
    background-color: #D7332D;
    border-color: #D7332D;
}

.btn-small {
    font-weight: 400;
    font-size: 12px;
    padding: 3px 6px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-hidden {
    display: none !important;
}

.panel-success {
    border-color: #07684e;
}

.panel-success .panel-heading {
    background-color: #3A7E6F;
    border-color: #3A7E6F;
}

.panel-success .panel-heading {
    color: #fff;
}

.panel-heading h2 {
    margin-top: 10px;
}

.panel-primary {
    border-color: #58196a;
}

.panel-primary .panel-heading {
    background-color: #7c2a83;
    border-color: #7c2a83;
}

.panel-primary {
    border-color: #58196a;
}

.panel-primary .panel-heading {
    background-color: #7c2a83;
    border-color: #7c2a83;
}

.panel.panel-main {
    border: 0;
}

.panel-main>.panel-heading {
    color: #fff;
    background-color: #555;
}

.panel-heading.panel-heading-lg {
    font-size: 28px;
    font-weight: 300;
    margin: 0 !important;
}

.extra-padding { padding:40px; }

.header-tools {
    padding: 5px 0px 10px 0px !important;
}
.navbar-toggle {
    margin-top: 12px !important;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #555 !important;
}
.bg-danger {
    background-color: #f2dede;
}
a.bg-danger:hover {
    background-color: #e4b9b9;
}
.jumbotron {
    background-color: rgba(218, 218, 218, 0.7);
    margin-bottom: 0px;
}
.jumbotron p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}

.fa-6 {
    font-size: 7em;
    color: rgba(179, 179, 179, 0.7);
}

label.privacy {
    font-size: 19px;
    line-height: 16px;
}
legend {
    margin-top: 25px;
    margin-bottom: 20px;
}

#agreement .checkbox {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.table-availability-container {
    max-height: 317px;
    margin-bottom: 15px;
    overflow-y: scroll;
}
.table-availability {
    background-color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.8);
    font-size: 13px;
}

#loader {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    display: none;
    z-index: 9999;

}
#loader-content {
    background: url("../images/ajax-loader.gif") 50% 50% no-repeat;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 100%;
}

/* ==== Start - add-new-intake */
#add-new-intake h3 {
    margin: 0;

}
#add-new-intake {
    display:none;
}

#add-new-intake .ajax-row {
    clear: both;
    padding: 10px 0;
}

#add-new-intake .form-control {
    margin-right: 6px;
    font-size: 13px;
}

#add-new-intake strong {
    line-height: 34px;
    font-size: 12px;
}
/* ==== End - add-new-intake */

.date_added_form_group {
    display:none;
}

.reports .panel-primary {
    background: #58196a;
    border-color: #58196a;
    color: #fff;
}

.reports .panel-primary .panel-footer {
    color: #58196a;
}

.reports .panel-info {
    background: #999;
    border-color: #999;
    color: #fff;
}

.reports .panel-info .panel-footer {
    color: #999;
}

.reports .panel-success {
    background: #3A7E6F;
    border-color: #3A7E6F;
    color: #fff;
}

.reports .panel-success .panel-footer {
    color: #3A7E6F;
}

.reports .panel-danger {
    background: #c33b23;
    border-color: #c33b23;
    color: #fff;
}

.reports .panel-danger .panel-footer {
    color: #c33b23;
}

.full-width {
    width:100%;
}

.reduced-text {
    font-size: 11px;
}

.reduced-text th {
    vertical-align: top !important;
}

.alert-info {
    color: #000;
    background-color: #eaeaea;
    border-color: #999;
}

.cudosaquabtn {
    background-color: #3A7E6F !important;
    border-color: #3A7E6F !important;
    margin-right: 20px;
}

.btn-aqua {
    background-color: #3A7E6F !important;
    border-color: #3A7E6F !important;
}

/* ======================================================= */

/* Chosen overrides ====================================== */
.chzn-container {
    width:100%!important;
    /*display: block;*/
    /*width: 100%;*/
    /*height: 34px;*/
    /*padding: 6px 12px;*/
    /*font-size: 14px;*/
    /*line-height: 1.42857143;*/
    /*color: #555;*/
    /*background-color: #fff;*/
    /*background-image: none;*/
    /*border: 1px solid #ccc;*/
    /*border-radius: 4px;*/
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
    /*-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;*/
    /*-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
    /*transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}

.chzn-container-multi .chzn-choices {
    /*border: none !important;*/
    border: 1px solid #ccc !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    /*background: none !important;*/
    /*-webkit-box-shadow: none !important;*/
    /*box-shadow: none !important;*/
}
.chzn-container-multi .chzn-choices .search-field input {
    height: 30px !important;
}
.chzn-container-multi .chzn-choices .search-choice {
    line-height: 18px !important;
}

/* ======================================================= */

/* Role overrides ======================================== */
.student p, .student a, .student table {
    font-size: 18px;
    font-weight: 600 !important;
}

.session-log p, .session-log a, .session-log table {
    font-size: 16px;
    font-weight: 400 !important;
}

/* ======================================================= */
/* Header ================================================ */
.navbar  {
    margin-bottom: 0;
}

.navbar .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.navbar .nav.navbar-nav {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0;
    width: 100%;
}

.navbar-header {
    width: 100%;
    display: flex;
    align-items: center;
}

.page {
    /* display: flex !important; */
    flex: 0 1 auto;
    flex-grow: 1;
    flex-shrink: 0;
    margin-top: 71px; /* .navbar-header height+border */
    padding-top: 30px;
    padding-bottom: 30px;
}

.page-center {
    display: flex !important;
    flex-direction: column;
    flex: 0 1 auto;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-top: 71px; /* .navbar-header height+border */
    padding-top: 30px;
    padding-bottom: 30px;
}

.navbar-header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}

.navbar-header h1.logo {
    max-width: 200px;
    margin: 0;
}

.navbar-header .logo a {
    display: block;
    height: 70px;
    padding: 10px 0;
    white-space: nowrap;
    text-decoration: none;
}

.navbar-header .logo .img-pos {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.navbar-header .logo img {
    display: inline-block;
    max-height: 100%;
    vertical-align: middle;
}

.navbar .navbar-collapse {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border: none;
}

.navbar-toggle {
    margin: 0 0 0 auto !important;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #dcdddb;
}

.navbar-nav li a {
    text-transform: capitalize;
    text-decoration: none;
}

.navbar-fixed-top {
    -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
    .navbar .container {
        flex-direction: row;
    }
    
    .navbar-header {
        width: auto;
    }

    .page {
        margin-top: 101px; /* .navbar-header height+border */
    }

    .navbar-header .logo a {
        display: block;
        height: auto;
        padding: 10px 0;
        height: 100px;
    }

    .navbar .nav.navbar-nav {
        flex-wrap: wrap;
        flex-direction: row;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .dropdown-menu.system {
        left: -350px;
    }
}
/* ======================================================= */



/* Content =============================================== */

#spinner {
    width: 200px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    display:none;
}

#wait {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 120px 0;
    background: #fff;
    text-align: center;
    z-index: 500;
}

#wait-img {
    background-image: url("../images/wait.gif");
    width: 300px;
    height: auto;
}

#wait-msg {
    font-size: 20px;
}

#flash {
    display: none;
    position: absolute;
    top: 62px;
    z-index: 999999;
    width: 40%;
    max-width: 360px;
    min-width: 300px;
    text-align: center;
    overflow: hidden;
    background: #3A7E6F;
    margin: 0 auto;
    left: 0;
    font-size: 20px;
    right: 0;
    line-height: 40px;
    color: #fff;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 4px;
}
.login #flash {
    top: 124px;
    padding: 90px 20px;
    line-height: 28px;
}

.page-title {
    margin:0 0 44px 0;
    text-align: center;
    font-weight: 500;
    font-size: 30px;
}

.page-title-min {
    margin:0;
    text-align: center;
    font-weight: 500;
    font-size: 30px;
}

.float-right {
    float:right;
}

.strapline {
    margin:50px 0 0 0;
}

.jumbotron-white {
    background-color: rgba(255, 255, 255, 1);
}

.jumbotron-white-transparent {
    background-color: rgba(255, 255, 255, 0.4);
}

.jumbotron-transparent {
    background-color: rgba(255, 255, 255, 0);
}

.jumbotron-white .fa, .jumbotron-white-transparent .fa {
    color: #3A7E6F;
}

.jumbotron-detail {
    min-height: 116px;
}

.cuods-responsive-image .img-responsive {
    margin: 0 auto;
}

.img-responsive-center {
    margin: 0 auto;
}

.kpi-right {
    margin-bottom: 20px;
}

.kpi h2 {
    color: #3A7E6F;
}

.kpi h3 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 3px;
    margin-bottom: 3px;
    color: #3A7E6F;
}

.kpi .fa {
    color: #3A7E6F;
}

.kpi img {
    border:1px solid #c7c6c6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

td.td-label {
    padding-top: 17px !important;
}

.student-appointment a {
    font-size: 14px;
    background: #fff;
    padding:5px !important;
    display: block;
    color: #000;
    text-decoration: none;
}

.student-appointment-day {
    margin-bottom: 4px !important;
    margin-top: 5px !important;
}

.student-appointment-day strong {
    font-size: 14px !important;
    color: #000 !important;
}



.cbgroupschedule {
    display: inline-block !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 20px;
}

.cbgroupschedule label {
    padding-left: 0px !important;
    font-size: 12px;
}

#cbgroupschedule {
    /*height: 50px!important;*/
    font-size: 9px;
}

.custom_cb {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    padding:12px !important;
}

.custom_cb:active, .custom_cb:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.custom_cb:checked {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

.custom_cb:checked:after {
    content: '\2714';
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 6px;
    color: #99a1a7;
}

.big-checkbox {
    padding: 12px;
}

.big-checkbox:checked:after {
    font-size: 18px;
    left: 6px;
}

span.checkbox-field {
    font-size: 12px;
    font-weight: 100;
}

.university-student-details {
    padding:15px 0;
}

.university-student-details strong{ font-size: 18px;}

.floatL {
    float: left !important;
}

.floatR {
    float: right !important;
}

.r5 {
    margin-right: 5px;
}

.email-contract td.td-label h5 {
    margin: 0 !important;
}

.email-contract td.td-label {
    padding-top: 0;
}

/* ======================================================= */

/* Support Worker ======================================== */

.support-thumbnail {
    border: none;
    height: 27px;
    margin: 0;
    padding: 0;
}

.table-mydocuments td {
    font-size: 18px;
    vertical-align: middle !important;
}

.my-students a {
    text-decoration: none;
}

/* ======================================================= */

/* Student =============================================== */
.bigger-text {
    font-size: 150%;
}

.student-details .btn-primary {
    color: #fff !important;
    text-decoration: none;
}

.student-details a {
    color: #337BB8 !important;
    text-decoration: underline;
}

/* ======================================================= */

/* Matching ============================================== */
.students .assignment_hours_form_group, .students .date_form_group, .students .start_time_form_group, .students .end_time_form_group {
    display: none;
}
/* ======================================================= */


/* Reports =============================================== */
.btn-report {
    margin-right: 5px !important;
}
#printableArea h3 {
    margin:0 0 10px 0;
}

/* ======================================================= */

/* Forms ================================================= */
.form-submit {
    padding:30px 0;
}

.input-password { max-width: 300px;}

.form-horizontal .control-label{
    /*min-width: 170px;*/
    text-align:left;
}
.form-horizontal h3,
.control-group {
    margin-bottom: 20px;
}

.form-register span.input-group-addon{
    min-width: 143px;
    text-align: left;
}

.input-group-addon-clear {
    background-color: #fff;
    border-right: 0;
}
.register-panel {
    font-size: 20px;
}
.register-panel a {
    color: #000;
    text-decoration: none;
}
.register-panel-icon {
    float: right;
    margin-top: 5px;
}
.regsitercblabel260, .regsitercblabel176 {
    min-width: 260px;
    margin-right: 10px;
}

.regsitercblabel176 {
    min-width: 176px;
}

.documentmenu .navbar-nav {
    background: #dadada;
}
.documentmenu a {
    color: #555555;
    border-left: 1px solid #ccc;
}
.documentmenu a.last {
    border-right: 1px solid #ccc;
}
.documentmenu .active {
    background: #c7c6c6;

}
.textbox {
    background: #e4e5e0;
    padding: 5px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    font-size: 11px;
}

.textbox span {
    font-size: 13px;
}

.green-addon {
    background: #3A7E6F !important;
    border-color: #0b7f60 !important;
    color: #fff !important;
}

.red-addon {
    background: #d6000d !important;
    border-color: #a2040d !important;
    color: #fff !important;
}

.chzn-container:focus-within {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(25, 151, 251, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(25, 151, 251, .6);
}

.chzn-container .chzn-choices .search-field input:focus {
    border: 1px solid #ddd!important;
}

/* ======================================================= */

/* Tables ================================================ */
.grocery-crud-table, .grocery-crud-table .form-control { font-size: 12px; }
.grocery-crud-table .form-control { padding: 3px 6px; height: 28px;}
.grocery-crud-table td { vertical-align: middle !important; padding:4px !important; }

.grocery-crud-table th {
    font-weight: 500;
    white-space: nowrap;
}
.grocery-crud-table tfoot {
    font-weight: 600;
    background: #fff;
}
.grocery-crud-table .btn { font-size: 12px; padding: 4px 6px;}
.whiteBackground { background: #fdfdfd;}
.graybackground { background: #f3f3f3;}

/* ======================================================= */

/* Calendar ============================================== */

.calendar-block {
    position: absolute;
    top: 0;
    cursor: pointer;
    color: #cc053c;
}
.calendar table {
    width:100%;
}

.calendar, .sessionlogs {
    width: 100%;
    /*min-width: 960px;*/
    border-collapse: collapse;
    margin-bottom: 20px;
}

.calendar tbody tr:first-child th {
    color: #505050;
    margin: 0 0 10px 0;
}

.day_header {
    font-weight: normal;
    text-align: center;
    color: #757575;
    font-size: 10px;
}

.calendar td {
    /*width: 14%; *//* Force all cells to be about the same width regardless of content */
    border: 1px solid #CCC;
    height: 100px;
    vertical-align: top;
    font-size: 10px;
    padding: 0 3px;
}

.calendar td:hover {
    background: #F3F3F3;
}

.calendar ul {
    margin: 0 5px;
    padding: 0;
    list-style: none;
}

.calendar li {
    margin: 0;
    padding: 0;
    line-height: 13px;
    text-align: left;
    font-weight: 400;
}

.calendar table tbody tr:nth-child(2){
    background-color: rgba(255, 255, 255, 0.2);
}

.calendar table tbody tr:nth-child(2) td {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 97px;
}

.calendar table tbody tr td:nth-child(1),
.calendar table tbody tr td:nth-child(2),
.calendar table tbody tr td:nth-child(3),
.calendar table tbody tr td:nth-child(4),
.calendar table tbody tr td:nth-child(5){
    width:16%;
    background-color: rgba(247, 247, 247, 0.2);
}

.calendar table tbody tr td:nth-child(6),
.calendar table tbody tr td:nth-child(7){
    width:8%;
    background-color: rgba(215, 215, 215, 0.2);
}

.calendar table tbody tr td:hover {
    background: #f3f3f3;
}

.calendar strong {
    color:#7c2a83;
    font-size: 11px;
    font-weight: 800;
}

.calendar-margin-fix {
    padding-right: 8%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
}

.day-margin-fix {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
}

i.bigger {
    font-size: 32px;
    color: #555555;
}

/* ======================================================= */

/* Crud ================================================== */

#gcrud-search-form > table > thead > tr.crud-table-top > th:nth-child(1) {
    width: 1%;
}
.grocery-crud-table > thead > tr:nth-child(1){
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.filter-row { background: #fff;}

.edit-page .readonly_label {
    margin-top: 7px;
}

.form-group .text-center {
    text-align: left !important;
}

.form-group .text-align-center {
    text-align: center !important;
}

div.floatL.l5 span:before {
    content: "\f105";
    font-family: FontAwesome;
    padding: 0 7px;
}

.crud_nav {
    margin-bottom: 20px;
    background: #fff;
    padding: 5px 5px;
    border-radius: 5px;
    text-align: center;
}

.crud_nav a {
    display: inline-block;
    color: #d7d7d7;
    padding: 0 5px;
    margin: 5px 5px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.crud_nav a.active {
    color: #3A7E6F;
}

.crud_nav a.disabled {
    color: #c7c6c6;
}

.crud_nav .fa { font-size: 18px;}
.crud_nav a {
    color: #555555;
}

.crud_nav a:hover {
    color: #c7c6c6;
}

.gc-full-width {
    z-index: 2;
	display:none;
}

.add-page #start_time, .add-page #end_time, #dna_time_notified, .edit-page #start_time, .edit-page #end_time {
    display: inline-block;
}


.data-extra-table {
    margin-bottom: 50px;
}

/* TimeEntry styles v2.0.0 */
.timeRange, .defaultTimeEntry  {
    display: inline;
    width:86px !important;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.displayInline {
    display: inline !important;
}

.timeEntry-control {
    vertical-align: middle;
    margin-left: 6px;
}

.hasDatepicker {
    max-width:101px;
}
.col-center {
    text-align: center;
    width: 100%;
    display: block;
}

.container .additional {
    padding: 0 !important;
    max-width: 1135px;
}

.tbl-allowances {
    background: #eee;
}
.tbl-allowances th {
    font-weight: 600;
}

/* Timesheets ============================================ */
#dna { display: none; }
/* ======================================================= */

.h4-timesheet-approved {
    margin: 50px 0;
}
/* ======================================================= */

/* Assignments============================================ */
.small-button {
    padding: 0 !important;
}

a.small-button {
    color: #000 !important;
}

.btn-small {
    font-size: 11px !important;
    padding: 3px 6px !important;
    margin-top: 3px;
}
.form-group .smallinput2 {
    width: 45px !important;
}
.form-group .smallinput4 {
    width: 59px !important;
}
.form-group .datepickerinput {
    width: 101px !important;
}

/* ======================================================= */

/* Student Feedback Form ================================= */
.formrow {
    background-color: #fff;
    margin: 0px 0px 10px 0px;
    padding: 15px 15px 0px 15px;
    border: 1px solid #777;
}

.formrow .control-label {
    font-size: 18px;
    font-weight: 600;
}

.formrow .checkbox label {
    font-size: 18px;
}
.formrow .btn, .formrowbtn .btn {
    font-size: 17px;
}
.formrowbtn {
    padding: 20px 0 60px 0;
}
.formrow textarea.form-control,  .formrow input.form-control{
    width: 97%;
}

#checkboxBtn .notActive,
#radioBtn .notActive,
.btn-radio.notActive {
    color: #3A7E6F;
    background-color: #fff;
}

#checkboxBtn .btn {
    text-align: left;
    white-space: normal;
}

.feedback-footer-note p {
    font-size: 18px;
    text-align: center;
    padding:10px 0;
}

.control-label span {
    font-size: 11px;
}

.control-label span.required,
.field-required {
    margin-left: 3px;
    color: #c7254e;
    vertical-align: super;
    font-size: 1em;
    line-height: 0;
}

.additional-top ul {
    padding: 0;
    margin-bottom: 0;
    font-size: 12px;
    list-style: none;
    list-style-type: none;
}
/* ======================================================= */

/* My Account============================================= */

.side-panel-nav .panel-heading {
    border-radius: 3px;
}

.side-panel-nav .panel-heading a, .institution .panel-heading a {
    display: block;
    color: #fff;
}

.side-panel-nav .panel-heading a {
    font-size: 32px !important;
}

.side-panel-nav .panel-heading a i, .institution .panel-heading a i  {
    font-size: 50px !important;
}

.side-panel-nav .panel-heading h4, .institution .panel-heading h4 {
    font-size: 24px !important;
    font-weight: 300;
}

.side-panel-nav .panel.panel-default, .institution .panel .panel-default {
    background-color: #b3b2b2 !important;
}

.side-panel-nav .panel.panel-default .panel-heading, .institution.panel.panel-default .panel-heading {
    background-color: #333 !important;
}

.institution .panel-heading a i  {
    color: #fff;
}

.institution.panel.panel-info {
    border-color: #666;
}
.institution.panel.panel-info .panel-heading {
    background-color: #b2b1b1 !important;
}
.copy_notice {
    display:none;
}

.myphoto-container .photo {
    max-height: 100px;
    max-width: 100px;
    margin: 0 auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.myphoto-container {
    display: inline-block;
    min-height: 100px;
}
.placeholder-photo-container {
    background: #c7c6c6;
    height: 100px;
    width: 77px;
    padding-top: 20px;
    text-align: center;
}
.placeholder-photo-icon {
    font-size: 73px;
    color: #fff;
}

/* ======================================================= */

/* Disputes ============================================== */
.dispute-form {
    padding-top:20px;
}
#dispute-summary {
    font-size: 95%;
}
/* ======================================================= */

/* Google Map ============================================ */

.map-container {
    background-color: rgba(218, 218, 218, 0.7);
    height: 360px;
}

#map-canvas {
    width: 100%;
    height: 360px;
    position: absolute;
    left: 0;
    right: 0;
    top: 332px;
}
#store-location {
    width: 190px;
    height: 256px;
    z-index: 99;
    position: absolute;
    top: 320px;
    background: #fff;
    opacity: 0.9;
}
.store-info { padding: 26px; width: 100%; color: #0b3f7e;}

/* ======================================================= */
/* Referrals ============================================= */
.disability-codes ul {
    margin:0;
    padding:0;
}
.disability-codes ul li {
    margin:0 0 10px 0;
    list-style: none;
}

.disability-steps h4 {
    color: #7c2a83;
    opacity: 0.5;
}

.disability-step-current {
    opacity: 1 !important;
}
.disability-step-done {
    color: #3A7E6F !important;
}

/* ======================================================= */

/* Footer ================================================ */
footer { 
    flex: 0 0 auto;
    background: #333333;
    color: #fff;
    padding: 30px 0;
    box-shadow: 0px 500px 0px 500px #333333;
}

footer ul { list-style: none; padding:0; margin:0; }
footer li { list-style: none; }
footer a {
    color: #fff;
    font-size: 16px;
    padding: 3px 0;
    display: block;
}
footer a:hover {
    color: #fff;
}

.footer-logos {
    text-align: right;
}

.footer-social-logos {
    position: relative;
}
.footer-social-logos ul li {
    list-style: none;
    display: inline-block;
    margin: 0 7px;
}

.copyright {
    font-size: 11px;
}

@media (max-width: 991px) {
    .footer-logos,.footer-row {
        text-align: center;
    }
}
/* ======================================================= */

/* Assessment module ===================================== */
#equipments_costs, #ergo_costs, #nmh_costs, #general_costs, #general_costs, #travel_costs, #nar_costs {
    background: #d0cfcf;
    padding: 5px;
}
.stronger {
    font-weight: 600;
}
.nmh-supplier {
    background: #fff;
}
.normal-link {
    color: #0D0D0D;
}
a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}
.assessments-costs h3 {
    margin-left: 8px;
}

.assessments-review .row {
    background: #d0cfcf;
    margin: 0;
}

.existing-data-selection {
    padding:10px 0px 10px 0px;
    margin-top:10px;
    margin-bottom:0px;
    background:#f1ecd7;
}

.btn-radio.qaYN {
    background-color: #3A7E6F !important;
    border-color: #3A7E6F !important;
}

/* ======================================================= */

.tox.tox-tinymce {
    border-radius: 4px;
}