/*
1. GENERAL
2. SIDEBAR
3. POPOVER
4. DATA INPUT
5. LOGIN
6. LOGS
7. DASHBOARD
8. TIMECARD
9. MEDICAL VISITS
10. HEADING TOGGLE
11. BILLING
12. REPORTS
13. PROFILE PDF
14. CLIENTS
15. TOGGLE SWITCH
-------------------------------------------------- */


/* GENERAL
-------------------------------------------------- */

body {
    font-family: 'Lato', sans-serif;
}

legend, table tr th, button, h3, .button {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
}


/* extends sidebar to bottom of the page */

.container {
    min-height: 100%;
}

button, .button {
    background: rgba(8, 77, 140, .9);
    border-radius: 8px;
}

.form button:hover, .form button:focus, .form .button:hover, .form .button:focus {
    background: rgba(8, 77, 140, .8);
}

a.button.view {
    width: 120px;
}

legend, table tr th, a, .content h3, .vertical-table th {
    color: rgb(8, 77, 140);
}

table tr th {
    padding-top: 1.5rem;
    font-size: 1rem;
}

a:hover, .view h2 {
    color: #ea803f;
}

fieldset legend, table tr th, table thead tr {
    border-color: rgba(234, 128, 63, 1);
}

table tr {
    border-color: rgba(234, 128, 63, .3);
}

table td {
    word-break: normal;
}

a.ti-help-alt:hover {
    text-decoration: none;
}

div.message.error {
    background-color: rgba(234, 128, 63, .9);
    font-size: 1rem;
    height: 80px;
}

div.message.hidden {
    height: 0;
}

h5 {
    color: rgb(234, 128, 63);
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
}

.indent {
    margin-left: 1rem;
}

span.headings-minus {
    display: none;
}

h3 {
    font-size: 1.375rem;
}

ul.pagination li.active a {
    background-color: rgb(234, 128, 63);
}


/* to add padding to the bottom of the page */


/* create a div with the class of bottom-padding */

.bottom-padding {
    height: 100px;
}


/* SIDEBAR
-------------------------------------------------- */

nav img.logo {
    height: 140px;
    margin-bottom: 2rem;
    margin-top: .5rem;
}

.side-nav li.logo-container {
    text-align: center;
}

.side-nav li {
    margin: 0 0 0 0;
}

.side-nav {
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    height: 100%
}

.side-nav li a:not(.button) {
    color: #fff;
    font-size: 18px;
}

#actions-sidebar li a.active, #actions-sidebar li a:focus {
    color: #fff;
    background: rgba(234, 128, 63, .9);
    border-radius: 20px;
    text-decoration: none;
    box-shadow: 2px 2px 2px rgba(3, 46, 84, .5);
}

#actions-sidebar li a:hover {
    color: #fff;
    background: rgba(234, 128, 63, .9);
    border-radius: 20px;
    text-decoration: none;
    box-shadow: 2px 2px 2px rgba(3, 46, 84, .5);
    cursor: pointer;
    -webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
}

#actions-sidebar {
    height: 100%;
    background: rgba(8, 77, 140, .9);
}

[class^="ti-"], [class*=" ti-"] {
    font-weight: bold;
}


/* sidebar links */

.side-nav li a.side {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}


/* DATA INPUT
-------------------------------------------------- */

.start-time, .end-time, .date, .overnight {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.date select, select {
    margin-right: 0;
}

.date select{
   width: 30%;
}

select[name="start_time[hour]"], select[name="start_time[minute]"], select[name="start_time[meridian]"], select[name="start_time[year]"], select[name="start_time[month]"], select[name="start_time[day]"], select[name="end_time[hour]"], select[name="end_time[minute]"], select[name="end_time[meridian]"], select[name="end_time[year]"], select[name="end_time[month]"], select[name="end_time[day]"], select[name="date[year]"], select[name="date[month]"], select[name="date[day]"] {
    width: 30%;
}


/*  obscure the password input  */

input[type="password_help" i] {
    -webkit-text-security: disc;
}


/* LOGIN
-------------------------------------------------- */

.login {
    max-width: 600px;
    margin: auto;
}


/* LOGS
-------------------------------------------------- */

table.logs-table {
    table-layout: auto;
}

span.logs-top {
    display: block;
    margin-bottom: .5rem;
}

span.logs-client {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    color: rgb(8, 77, 140);
}

.logs-hidden {
    visibility: hidden;
}

span.logs-options {
    float: right;
}

a.logs-edit {
    padding-right: .5rem;
}

.logs.billing h2 {
    color: rgb(234, 128, 63);
}

.logs.billing select[name="date[month]"], .logs.billing select[name="date[year]"] {
    width: 48%;
}

.logs.billing fieldset {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.logs.view h5 {
    border-bottom: 2px solid;
}

.overnight {
    width: 100%;
}

.logs.index .top-options {
    float: right;
}

.logs.index input[type="submit"] {
    float: right;
}

.logs.index .top-options span {
    display: inline-block;
    vertical-align: middle;
}

.logs.index .top-options>a {
    padding-right: 1.5rem;
    width: 50px;
}

.logs.index label.big-label {
    color: rgb(8, 77, 140);
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: .875rem;
}

.logs.index .date-range {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.logs.index .date-range select {
    width: 30%;
}

.logs .searchbox {
    visibility: hidden;
    opacity: 0;
    height: 0px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
}

.logs .search-button.squished {
    height: 0px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
}

.logs .search-button {
    height: 65px;
    -webkit-transition: height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
}

.logs .searchbox.fade {
    visibility: visible;
    opacity: 1;
    height: 325px;
    -webkit-transition: height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
}


/* DASHBOARD
-------------------------------------------------- */

.content h3.users-headings {
    padding-top: .75rem;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 2px solid rgb(8, 77, 140);
}

.user-logs,
.user-access-levels,
.user-users,
.user-timecards,
.user-recycle,
.user-active-users,
.user-inactive-users,
.user-tc-current,
.user-clients,
.user-reports {
    display: none;
}

table tr td.right {
    text-align: right;
}

.user-tc-nowrap {
    white-space: nowrap;
}

.user-users a.ti-help-alt {
    padding-left: .25rem;
}

.headings-plus {
    float: right;
}

a.pad-right {
    padding-right: 1rem;
}


/* TIMECARD
-------------------------------------------------- */

.tc-info, .tc-time {
    display: none;
}

tr.tc-color-bg, table tr.tc-color-bg:nth-of-type(even) {
    background: rgba(234, 128, 63, .05);
}

.timecards-plus, .timecards-minus {
    color: rgb(8, 77, 140);
    font-family: 'Rubik', sans-serif;
    padding-left: 1.25rem;
    font-size: 1.25rem;
}

.timecards-pin {
    padding-left: .5rem;
}

.timecards-plus, .timecards-pin {
    display: inline-block;
}

td.tc-shrink, th.tc-shrink {
    width: 3%
}

th.tc-expand, td.tc-expand {
    width: 48.5%;
}

a.ti-pin-alt:hover {
    text-decoration: none;
}

tr.tc-color-bg th {
    font-weight: 500;
}

th.timecard-date.tc-expand {
    font-size: .9rem;
}

tr.tc-date, table tr.tc-date:nth-of-type(even) {
    background: rgba(8, 77, 140, .05);
}

tr.tc-date, tr.tc-total, tr.tc-previous, tr.tc-total, tr.tc-subtotal {
    border-top: 2px solid rgb(234, 128, 63);
}

.tc-subtotal .tc-shrink, .tc-time th, .tc-previous th {
    white-space: nowrap;
}

button.tc-button {
    float: right;
}


/* hides plus signs in date row */


/* plus signs keep the spacing on the right side consistent */

.tc-hidden {
    visibility: hidden;
}

td.text-left {
    text-align: left;
}

.accessLevels.view .vertical-table th {
    border-bottom: 2px solid rgb(234, 128, 63);
}


/* double border on toggle fix */

tr.tc-time, tr.tc-date {
    height: 40px;
}

.timecards h2 {
    color: rgb(234, 128, 63);
}

tr.tc-previous, table tr.tc-previous:nth-of-type(even), .tc-blue, table tr.tc-blue:nth-of-type(even) {
    background: rgba(8, 77, 140, .05);
}

.tc-orange, table tr.tc-orange:nth-of-type(even) {
    background: rgba(234, 128, 63, .1);
}

.tc-top-border {
    border-top: 1px solid rgba(234, 128, 63, .3);
}

span.timecards-plus {
    width: 33px;
}

.timecards .overnight {
    width: 100%;
}

.timecards .input.datetime, .timecards .input.datetime .overnight, .logs .input.datetime {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.timecards .input.datetime label, .logs .input.datetime label {
    width: 100%;
}

.timecards .input.datetime span.help, .logs .input.datetime span.help {
    width: 100%;
}

.timecards .input.datetime select, .timecards .input.datetime .overnight select, .logs .input.datetime select {
    margin-right: 0;
    width: 30%;
}

.minus-hide, .plus-hide {
    display: none;
}

.timecards .search-dropdown {
    opacity: 1;
    -webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -ms-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -o-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
}

.timecards .search-dropdown.squished {
    height: 0px;
    width: 100%;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -ms-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -o-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
}


/* USERS
-------------------------------------------------- */

span.users-logs-top {
    display: block;
    margin-bottom: .5rem;
    width: 100%;
}

span.users-logs-options {
    float: right;
}

span.users-log {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    color: rgb(8, 77, 140);
}

a.users-logs-edit {
    padding-right: .5rem;
}

.dashboard th.underline, .dashboard td.underline {
    border-bottom: 2px solid #ea803f;     padding-top: 15px;
}

.dashboard th.underline {
    font-size: .95rem;     color: #D5753A;
}


/* MEDICAL VISITS
-------------------------------------------------- */


/*table.mv-table {
    table-layout: auto;
}*/

span.mv-top {
    display: block;
    margin-bottom: .5rem;
}

span.mv-client {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    color: rgb(8, 77, 140);
}

.mv-hidden {
    visibility: hidden;
}

span.mv-options {
    float: right;
}

a.mv-edit {
    padding-right: .5rem;
}

span.mv-purpose, span.mv-outcome {
    display: block;
}

.medicalVisits a.filter {
    float: right;
}

.medicalVisits.index .top-options {
    float: right;
}

.medicalVisits.index input[type="submit"] {
    float: right;
}

.medicalVisits.index .top-options span {
    display: inline-block;
    vertical-align: middle;
}

.medicalVisits.index .top-options>a {
    padding-right: 1.5rem;
    width: 50px;
}

.medicalVisits.index label.big-label {
    color: rgb(8, 77, 140);
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: .875rem;
}

.medicalVisits.index .date-range {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.medicalVisits.index .date-range select {
    width: 30%;
}

.medicalVisits .searchbox {
    visibility: hidden;
    opacity: 0;
    height: 0px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
}

.medicalVisits .search-button.squished {
    height: 0px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
}

.medicalVisits .search-button {
    height: 65px;
    -webkit-transition: height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
}

.medicalVisits .searchbox.fade {
    visibility: visible;
    opacity: 1;
    height: 475px;
    -webkit-transition: height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
}


/* HEADING TOGGLE
-------------------------------------------------- */

.plus-minus {
    float: right;
}

.plus-minus-hide {
    display: none;
}


/* BILLING
-------------------------------------------------- */

.timecards.billing .bottom-padding {
    text-align: center;
}

.timecards.billing a.billing-links {
    padding-left: 1rem;
    padding-right: 1rem;
}

.billing-info {
    display: none;
}

.drop-down {
    display: table-row;
}

.plus-hide {
    float: right;
    visibility: hidden;
}

.billing .plus-minus, .plus-hide {
    width: 30px;
    font-size: 1.375rem;
    padding-left: 1rem;
}

table tr.billing-orange {
    background: rgba(234, 128, 63, .05);
}

table tr.billing-blue {
    background: rgba(8, 77, 140, .03);
}

.billing table tbody, table tr.billing-double {
    border-top: 2px solid rgba(234, 128, 63, 1);
}

.billing table tr.billing-info th {
    padding-left: 1rem;
}

.dashboard table tr.db-button td a.button {
    margin-bottom: 0;
}

table tr.db-button {
    border-bottom-width: 2px;
    border-bottom-color: rgba(234, 128, 63, 1);
}
/*
table tr.db-button td {
    padding-left: 0;
    padding-right: 0;
}
*/
.clients-pad-r {
    padding-right: .75rem;
}

.logs select {
    margin-bottom: 1rem;
}


/* Reports
-------------------------------------------------- */

.reporthead {
    border-bottom: 8px solid;
}

.reporthead h1 {
    font-weight: bold;
}

.reports select[name="date[hour]"], .reports select[name="date[minute]"], .reports select[name="end[day]"], .reports select[name="begin[day]"] {
    display: none;
}

.left td, .left th {
    text-align: left;
}

.buffer {
    padding-top: 20px;
}

.buffer h4 {
    border-bottom: 2px solid #ea803f;
}

td.reports-options {
    float: right;
}

.situation h4 {
    color: #084D8C;
}

.reports .period {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.reports .period select {
    width: 47.5%;
}

.reports.view .text-right {
    text-align: right;
}

.reports.view .float-right {
    float: right;
}

.reports.view .ti-trash {
    padding-left: .5rem;
}

.reports.view .cur-situation {
    padding-left: .5rem;
    font-size: 14px;
}

.reports .date {
    flex-wrap:wrap;
    width:100%
}

.reports span.help {
    display:none;
}

/* PROFILE PDF
-------------------------------------------------- */

.clients.profile-pdf h6 {
    border-bottom: 6px solid black;
}


/* remove quill clipboard input from reports view page */

.reports.view .ql-clipboard {
    display: none;
}

.timecards.index .ti-download {
    padding-left: 1rem;
}


/* CLIENTS
-------------------------------------------------- */

.clients.profile .medications,
.clients.profile .providers,
.clients.profile .housing,
.clients.profile .routine,
.clients.profile .contacts,
.clients.profile .finance,
.clients.profile .medical-info,
.clients.profile .med-visits,
.clients.profile .gen-info,
.clients.profile .logs,
.clients.profile .idTeam,
.clients.profile .reports {
    display: none;
}

.clients.profile .medications.drop-down,
.clients.profile .providers.drop-down,
.clients.profile .housing.drop-down,
.clients.profile .routine.drop-down,
.clients.profile .contacts.drop-down,
.clients.profile .finance.drop-down,
.clients.profile .medical-info.drop-down,
.clients.profile .med-visits.drop-down,
.clients.profile .gen-info.drop-down,
.clients.profile .logs.drop-down,
.clients.profile .idTeam.drop-down,
.clients.profile .reports.drop-down {
    display: table-row;
}

.clients.profile .headings {
    padding-top: .75rem;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 2px solid rgb(8, 77, 140);
}

.clients.profile h2 {
    color: #ea803f;
}

.clients.profile span.logs-top {
    display: block;
    margin-bottom: .5rem;
    width: 100%;
}

.clients.profile span.logs-name {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    color: rgb(8, 77, 140);
}

.clients.profile span.logs-options {
    float: right;
}

.clients.profile th.underline, .clients.profile td.underline, .user-reports th.underline, .user-reports td.underline {
    border-bottom: 2px solid #ea803f;
    padding-top: 15px;
}

.clients.profile th.underline, .user-reports th.underline{
    font-size: .95rem;
    color: #D5753A;
}

.clients.profile img, .clients.photo img {
    max-height: 300px;
    border-radius: 50%;
}



.employeeLogs .input.datetime {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.employeeLogs .datetime select {
    margin-right: 0;
}

.employeeLogs label,
.employeeLogs span.help {
    width: 100%;
}

/*.employeeLogs .employeeLogs-search {
    height: 0;
    visibility: hidden;
}*/

.employeeLogs .employeeLogs-search {
    height: 220px;
    opacity: 1;
    -webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -ms-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -o-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
}

.employeeLogs .employeeLogs-search.shut {
    height: 0px;
    opacity: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -ms-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -o-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
}

.employeeLogs .elogs-date {
    border-bottom-width: 2px;
    border-color: #ea803f;

}

table tr.elogs-options {
    border-bottom: none;
}

.logs .med-visit {
    height: 320px;
    opacity: 1;
    -webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -ms-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -o-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
}
.logs .overnight {
    height: 55px;
    opacity: 1;
    -webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -ms-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -o-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
}

.logs .med-visit.squished,
.logs .overnight.squished {
    height: 0px;
    opacity: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -ms-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    -o-transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
    transition: height 0.3s ease-out, opacity 0.3s ease 0.3s;
}

.switch input:checked+label {
    background: rgba(8, 77, 140, .9);
}

div.message {
    min-height:50px;
    height: auto;
}