/*
// Copyright (c) 2015, Planet Innovation
// 436 Elgar Road, Box Hill VIC 3128 Australia
// Phone: +61 3 9945 7510
//
// The copyright to the computer program(s) herein is the property of
// Planet Innovation, Australia.
// The program(s) may be used and/or copied only with the written permission
// of Planet Innovation or in accordance with the terms and conditions
// stipulated in the agreement/contract under which the program(s) have been
// supplied.
//
*/


/*
Colour Scheme Generation
https://color.adobe.com/create/color-wheel/?base=2&rule=Monochromatic&selected=0&name=My%20Color%20Theme&mode=rgb&rgbvalues=0.17511312217196548,0.2647058823529412,0.08823529411764706,0.6542684766214508,0.8039215686274509,0.5091503267973856,0.5058823529411764,0.7647058823529411,0.2549019607843137,0.21542986425340455,0.2647058823529412,0.1676470588235294,0.37357466063352635,0.5647058823529412,0.18823529411764708&swatchOrder=0,1,2,3,4
*/

@font-face {
    font-family: 'Source Sans Pro Light';
    src: url('/candle/static/fonts/sourcesanspro/SourceSansPro-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro Bold';
    src: url('/candle/static/fonts/sourcesanspro/SourceSansPro-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro Semibold';
    src: url('/candle/static/fonts/sourcesanspro/SourceSansPro-Semibold.ttf') format('truetype');
}

html {
    font-family: Source Sans Pro light !important;
}

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

/* stacked notices at top of content area */

/* default layout is for patient edit page */
notice-list {
    font-size: 18px;
    line-height: 2em;
    text-align: center;
    top: -92px;
    position: absolute;
    left: 95px;
    right: 95px;
}

/* also displayed on patient list and information page */
.information-page notice-list,
.Patient_Details notice-list {
    top: -24px;
    position: relative;
    left: 0;
}

.notice {
    margin-bottom: 0.2em;
    border-radius: 7px;
}

.notice:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.notice--warning {
    background-color: #fdd900;
}

.notice--warning span {
    background-image: url(/static/img/icons/dana/warning.svg);
    background-size: 38px 38px;
    background-position: left;
    padding-left: 44px;
    background-repeat: no-repeat;
}

.icon-52 {
    width: 52px;
    height: 52px;
}

.btn-control.icon-44,
.icon-44 {
    width: 44px;
    height: 44px;
}

.cnd-logo {
    margin-left: 3px;
}

.icon-36 {
    width: 36px;
    height: 36px;
}

button.icon {
    margin: 0px;
    padding: 0px;
}

button.icon img {
    margin: 0px;
    padding: 0px;
    width: 75%;
    height: 75%;
}

.vertical-center {
    min-height: 100%;
    /*NB: It's valid to have max-height < min-height, so you can still control the height of a block*/
    display: flex;
    align-items: center;
}

.User_Menu {
    background: #58a528;
}

.User_Menu a {
    font-family: Source Sans Pro Light !important;
    color: white;
    font-size: 18px;
}

.User_Menu a.light {
    font-family: Source Sans Pro Light !important;
    color: white;
    font-size: 18px;
}

.User_Menu a.top_admin_border {
    border-top: 1px solid #ffffff;
    margin-top: 8px;
}

.User_Menu a.bottom_admin_border {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 8px;
}

.User_Menu a.light:hover {
    background-color: #B3D787;
}

.User_Menu a.dark {
    background-color: #5F9030;
}

.User_Menu a.dark:hover {
    background-color: #2D4316;
}

.User_Menu a.version span {
    display: none;
}

.User_Menu a.version:hover span {
    display: inline-block;
}

.User_Menu a.version:after {
    content: "About";
}

.User_Menu a.version:hover:after {
    content: "";
}

.User_Menu li {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.User_Menu .assess_icon img {
    margin-left: -4px;
    margin-top: -5px;
    margin-right: 6px;
    height: 35px;
    width: 35px;
}

.cnd-user-table tr td.cnd-row-selected-left:nth-child(5) {
    padding-left: 6px !important;
}

.cnd-user-table tr td:nth-child(5) {
    background: rgba(39, 89, 133, 0.3);
    padding-left: 0px;
    padding-right: 0px;
}

.horizontal-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.cnd-right-align {
    display: block;
    margin-left: auto;
    padding-right: 20px;
}

.cnd-left-align {
    display: block;
    margin-right: auto;
    padding-left: 20px;
}

.cnd-center-align {
    display: block;
    text-align: center;
    align: center;
    margin-right: auto;
    margin-left: auto;
}

.cnd-right-title-align {
    display: block;
    margin-left: auto;
    text-align: right;
    padding-right: 16px;
}

.cnd-left-title-align {
    display: block;
    margin-right: auto;
    text-align: left;
    padding-left: 8px;
}

.cnd-center-title-align {
    display: block;
    text-align: center;
}

#Navigation_Bar {
    top: 52px;
    height: 68px;
    max-height: 68px;
    margin-bottom: 0px;
}

.cnd-table-cell #Navigate_Back {
    position: relative;
    margin: 4px;
    cursor: pointer;
    z-index: 99;
}

#Header_Block {
    margin-top: 144px;
}

.content-header,
.eeva-content-header,
.table-licenses th,
.modal-license-import h3,
.content-section .notice--dana,
.content-section .notice--eeva,
.content-section .box--attention,
.content-section .input-label {
    font-family: 'Source Sans Pro Semibold';
}

.content-header,
.eeva-content-header {
    margin-left: 94px;
    font-size: 22px;
    border-bottom: 1px solid #333;
    margin-right: 94px;
    margin-bottom: 30px;
}

.content-header {
    padding-bottom: 10px;
}

.eeva-content-header {
    padding-bottom: 20px;
}

.content-header-first {
    padding-top: 20px;
    padding-bottom: 20px;
}

.table-licenses th,
.content-section .notice--dana,
.content-section .notice--eeva,
.content-section .input-label {
    font-size: 18px;
}

.content-header-label {
    margin-left: 40px;
}

.content-section,
.content-table {
    margin-left: 94px;
    margin-right: 94px;
}

.content-section {
    display: flex;
    margin-bottom: 40px;
    margin-top: 50px;
}

.content-section .box {
    width: 300px;
    height: 100px;
}

.content-section .box--left {
    float: right;
}

.content-section .box--attention {
    background-color: #ddd;
    border-radius: 3px;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    line-height: 100px;
}

.content-section .box--inputs {
    text-align: right;
    line-height: 40px;
    width: 440px;
}

.content-section .icon {
    width: 60px;
    height: 60px;
}

.inline-input {
    white-space: nowrap;
    text-align: right;
}

.inline-input input {
    border-radius: 7px;
    margin-top: 8px;
    height: 2.5em;
    width: 200px;
    background-color: inherit;
    border: 1px solid #ddd;
    margin-left: 5px;
    padding-left: 8px;
}

.content-section .notice--dana {
    background-image: url(/static/img/icons/Classify.svg);
    background-size: 35px 35px;
    background-repeat: no-repeat;
    height: 35px;
    line-height: 35px;
    margin-left: 45px;
    padding-left: 50px;
    font-weight: bold;
    float: right;
    margin-right: 20px;
}

.content-section .icon--warning {
    display: block;
    float: right;
    clear: both;
}

#Geri_Bar {
    height: 52px;
    max-height: 52px;
}

#user_menu #Username,
#Geri_Bar #Username {
    font-family: "Source Sans Pro Light";
    font-size: 25px;
    color: white;
    margin-top: -3px;
    white-space: nowrap;
}

#Username > img {
    width: 32px;
    margin-left: 5px;
    margin-right: 5px;
}

.Div_Horizontal {
    width: 100%;
    height: 1px;
    background-color: #285884;
}

.Div_Vertical {
    margin-top: 24px;
    top: 10%;
    height: 80%;
    width: 1px;
    background-color: #285884;
}

div.row .Group {
    margin-top: 1em;
    margin-bottom: 1em;
}


/**
  Table page headers
**/

.ng-table th.sortable div:after {
    content: "____";
    color: transparent;
    background-image: url('/static/img/icons/sort_line.svg');
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    background-size: 36px 24px;
    background-repeat: no-repeat;
    position: absolute;
}

.ng-table th.sortable.sort-asc div:after {
    background-image: url('/static/img/icons/sort_arrow_up.svg');
}

.ng-table th.sortable.sort-desc div:after {
    background-image: url('/static/img/icons/sort_arrow_down.svg');
}

.table-summary .sort-indicator {
    content: "";
    position: absolute;
    bottom: 10px;
    margin-left: 73px;
    height: 15px;
    width: 15px;
    cursor: pointer;
}

.sort-indicator.not-current-sorting{
    background-image: url('/static/img/icons/sort_line.svg');
}

.sort-indicator.is-ascending{
    background-image: url('/static/img/icons/sort_arrow_up.svg');
}

.sort-indicator.is-decending{
    background-image: url('/static/img/icons/sort_arrow_down.svg');
}

tr .panel {
    border: 2px solid transparent;
    border-radius: 10px !important;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

tr .panel-selected {
    border: 2px solid rgb(129, 195, 65);
}

.table-default {
    table-layout: fixed;
    border-collapse: collapse;
}

/* FIXME: */
/* these 'tr' and 'td' rules are terrible and results in a whole lot of overriding */
.table-default th,
tr,
td {
    display: flex;
    min-height: 2em;
    align-items: center;
    vertical-align: middle !important;
}

/* rules to get around the truly terrible { display: flex;} in candle.css:378 */
.table-licenses tr {
    display: block; /* for tbody scrolling overflow */
}

.table-licenses th,
.table-licenses td {
    display: inline-block;
}

.table-licenses th:first-child,
.table-licenses td:first-child {
    padding-left: 40px;
}

.table-licenses th:last-child,
.table-licenses td:last-child {
    padding-right: 100px;
}

.table-licenses {
    width: 100%;
}

.table-licenses-body {
    height: 400px; /* also set dynamically in controller */
}

.table-licenses tbody {
    display: block;
    width: 100%;
    overflow-y: auto;
}

.table-licenses td,
.table-licenses th {
    width: 20%;
}

.table-licenses td {
    line-height: 58px;
}

.table-licenses th {
    margin-bottom: 15px;
    align-items: center;
}

.table-licenses th.sortable {
    cursor: pointer;
}

.table-default thead tr {
    border-bottom: 1px solid #0f3551;
}

.table-default thead tr th {
    border-bottom: none;
    text-align: left;
    font-size: 18px;
}

.table-default thead tr th.sortable {
    font-family: "Source Sans Pro Semibold" !important;
    color: #0e3451;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}

.table-default thead {
    padding-left: 0px;
    padding-right: 0px;
    color: #0e3451;
    font-weight: normal;
    font-size: 18px;
}

.table-default tbody {
    height: 790px;
    display: block;
    overflow-y: auto;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

/* FIXME: */
/* this 'td' rule is also terrible */
.table-default tbody tr,
td {
    max-height: 58px;
    height: 58px;
}

.table-default tbody tr:nth-of-type(odd) td.td-primary {
    background-color: #3F658F;
    color: white;
}

.table-default tbody tr:nth-of-type(even) td.td-primary {
    background-color: #245B87;
    color: white;
}


/**
  New/Edit form input sizes
**/

.Sub-Lg {
    display: inline;
    width: 80px !important;
}

.Sub-Sm {
    display: inline;
    width: 60px !important;
}

.menu-grey .dropdown-menu {
    background: #E6E7E8;
}

.menu-grey .dropdown-menu > li > a {
    color: inherit;
}

.menu-grey .dropdown-menu > li > a:hover,
.menu-grey .dropdown-menu > li > a:focus {
    background: #285884;
    color: white;
}

.menu-grey .dropdown-menu .disabled-link > a:hover,
.menu-grey .dropdown-menu .disabled-link > a:focus {
    background: #ffffff;
    color: #333333;
}

.btn-control {
    color: white;
    background-color: #285884;
    border-color: #285884;
    min-height: inherit;
    padding: 3px;
    margin: 5px;
    border-width: 2px;
    border-radius: 7px;
    border-style: none;
    cursor: pointer;
    width: 36px;
    height: 36px;
}

.btn-control:hover,
.btn-control:focus {
    border-color: transparent;
    box-shadow: none;
    outline: 0 none;
}

.btn-control:active,
.btn-control.active,
.open > .dropdown-toggle.btn-control {
    background-color: #0e3451;
    border-color: #0e3451;
}

.btn-control:active,
.btn-control.active,
.open > .dropdown-toggle.btn-control {
    color: white;
    background-color: white;
    border-color: #0e3451;
    border-width: 2px;
}

.btn-control .badge {
    color: transparent;
    background-color: transparent;
}

.btn-import-license {
    float: right;
    background-image: url(/static/img/icons/button_zstop_up.svg);
    background-position: center center;
    margin-right: 10px;
}

.btn-control--close,
.btn-control--cancel {
    background-image: url(/static/img/icons/white_cross.svg);
    background-position: center center;
}

.btn-control--save {
    background-image: url(/static/img/icons/save_icon.svg);
    background-position: center center;
}

.btn-control--export,
.btn-control--confirm {
    background-image: url(/static/img/icons/white_tick.svg);
    background-position: center center;
}

.btn-control--hidden {
    visibility: hidden;
}

.outer {
    position: absolute;
    z-index: 10;
}

.outer:focus {
    color: white;
    background-color: white;
    border-color: #285884;
    border-right-color: transparent;
    border-width: 2px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.inner {
    position: relative;
    background-color: white;
    left: 0px;
    padding: 0px;
    transition: all 1s ease !important;
    z-index: 9;
}

.outer + .inner {
    left: 0px;
    width: 44px;
    text-align: left;
}

.outer:focus + .inner {
    left: 0px;
    width: 112px;
    text-align: right;
    color: white;
    background-color: white;
    border-color: #285884;
    border-width: 2px;
}


/**
Style colour filters
**/

img.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.annotation-active.annotation-negative {
    color: red;
}

.observation-active,
.event-active,
.annotation-active {
    color: #0E3451;
}


/**
  Popover styles
**/

div.popover-comments-wrapper {
    position: relative;
    left: -310px;
    top: -100px;
}

div.popover-comments {
    background-color: none;
    position: absolute;
    height: 150px;
    width: 300px;
}

.popover-comments-textbox {
    width: 95%;
    margin: 6px;
    resize: none;
}

.popover-comments-textbox:focus {
    border-color: #285884 !important;
}

div.popover-history-outer {
    position: absolute;
    height: 200px;
    width: 390px;
    z-index: 99;
    left: -400px;
    top: -120px;
}

div.popover-history {
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 385px;
    height: 100%;
}

/**
Boxes with arrows at the bottom
*/

.arrow-down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #bdbdbd;
}

.arrow_box_top {
    position: relative;
    border-radius: 6px;
    padding: 12px;
}

.arrow_box {
    position: relative;
    border-radius: 6px;
}

.arrow_box-custom {
    position: relative;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.arrow_box-light {
    border: 1px solid #bdbdbd;
    background: #f6f6f7;
}

.arrow_box-dark {
    border: 3px solid #bdbdbd;
    background-color: #285884;
}

.arrow_box-dark-custom {
    background-color: #bdbdbd;
    width: 15px;
    height: 25px;
    margin-top: 18px;
}

.arrow_box:after,
.arrow_box:before {
    top: 100%;
    left: 50%;
    width: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(189, 189, 189, 0);
    border-top-color: #bdbdbd;
    border-width: 10px;
    margin-left: -10px;
}

.arrow_box-dark:after {
    border-top-color: #bdbdbd;
}

.arrow_box-light:after {
    border-top-color: #f6f6f7;
}

.arrow_box:before {
    border-color: rgba(189, 189, 189, 0);
    border-top-color: #bdbdbd;
    border-width: 11px;
    margin-left: -11px;
}

.form-control {
    font-weight: normal;
}

.form-control:focus {
    border-color: #58a528;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.alert-candle {
    font-family: Source Sans Pro SemiBold !important;
    max-height: 30px;
    width: auto;
    color: white;
    background-color: #B3D787;
    border-color: #B3D787;
    padding: 3px;
    padding-right: 20px;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 16px;
    white-space: nowrap;
}

.alert-candle hr {
    border-top-color: #B3D787;
}

.alert-candle .alert-link {
    color: #2b542c;
}

.alert-candle .close {
    top: 0px;
    right: -15px;
}

#fate-popups-wrapper {
    position: absolute;
    z-index: 999;
    top: 0px;
    left: -988px;
}

.review_open #fate-popups-wrapper {
    top: -5px;
    left: -1270px;
}

p.selected {
    background: #D4D6DE;
    border-radius: 12px;
}

.blue-icon-36 {
    background: #285984;
    border-radius: 6px;
}


/** list styles **/

.cnd-dropdown {
    width: 240px;
    background: white !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.cnd-dropdown li a {
    color: #3B566F;
    cursor: pointer;
}

.cnd-dropdown li a:hover {
    background: #CDCDCF;
    color: #3B566F;
}

.cnd-dropdown li a:hover img.menu-icon {
    filter: grayscale(100%) contrast(200%) invert(1);
}

.cnd-dropdown.arrow_box {
    background: #fff;
    bottom: 227px;
    left: -101px;
    border-radius: 3px;
}
.cnd-dropdown.arrow_box:after {
    top: 97%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #fff;
    border-width: 20px;
    margin-left: -20px;
}

li.disabled-link a:hover {
    background: transparent;
    color: #3B566F;
    cursor: default;
}

.disabled-mm-link a:hover {
    background: transparent;
    cursor: default;
}

.user-menu-icon {
    width: 35px !important;
    height: 35px !important;
    margin-left: -4px;
    margin-right: 6px !important;
}

.pdf-menu-icon {
    width: 29px !important;
    height: 29px !important;
    margin-left: -1px;
    margin-right: 9px !important;
}

.cnd-dropdown-submenu {
    color: #3B566F;
    width: 100%;
}

.cnd-dropdown-submenu li {
    line-height: 2em;
}

.cnd-dropdown-submenu li a:before {
    background-image: url('../../img/icons/status_not_alloc_blue_icon.svg');
    background-repeat: no-repeat;
    background-size: 6px 6px;
    background-position: right center;
    content: "________";
    margin-right: 12px;
    color: transparent;
}

.cnd-dropdown-submenu li a:hover {
    display: block;
    background: #e6e7e8;
    color: #3B566F;
    cursor: pointer;
}

.menu-icon {
    height: 24px;
    width: 24px;
    margin-right: 12px;
}

.cnd-main-menu-icon {
    height: 25px;
    width: 25px;
    margin-right: 12px;
}

.cnd-main-dropdown-menu {
    width: 250px;
    border: 0px solid black !important;
    margin-top: 11px;
}

.cnd-main-dropdown-submenu li a:before {
    background-repeat: no-repeat;
    background-size: 6px 6px;
    background-position: right center;
    content: "___.._";
    margin-right: 12px;
    color: transparent;
}

ul.cnd-main-dropdown-submenu li a:hover {
    display: block;
    background: #B3D787;
    color: #FFFFFF;
    cursor: pointer;
}

.dropdown-menu > li > a {
    line-height: 28px !important;
}

.cnd-submenu-item {
    color: white;
    line-height: 34px !important;
}

.cnd-small-icon > img {
    width: 20% !important;
}

.btn-fullsize {
    height: 100% !important;
    width: 100% !important;
    max-height: 44px;
    max-width: 44px;
}

.navbar-brand {
    padding: 8px 6px 0px 8px !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4em;
}


/** Disabled buttons + Candle buttons styling ... **/

.input-group > input.form-control[type="password"],
.input-group > input.form-control[type="number"],
.input-group > input.form-control[type="text"] {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.input-group > div > img {
    padding-left: 2px;
}

select.form-control,
input.form-control[type="password"],
input.form-control[type="number"],
input.form-control[type="text"] {
    border-width: 1px !important;
    border-radius: 6px !important;
    color: #285884;
}

input.form-control[type="password"]:focus,
input.form-control[type="number"]:focus,
input.form-control[type="text"]:focus {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
}

select.form-control:disabled,
input.form-control[type="text"]:disabled {
    border-color: rgba(60, 60, 60, 0.1) !important;
    color: rgba(100, 100, 100, 0.5) !important;
    background: transparent !important;
}

.tooltip-inner {
    background: #ededed;
    color: #285884;
}

.tooltip,
.tooltip-inner {
    pointer-events: none !important;
}

.cnd-comments-layout:before {
    top: 58px;
}

.cnd-comments-layout:after {
    top: 63px;
}

.dropdown-menu > li.cnd-disabled-mm-link > a:hover {
    background: transparent;
    cursor: default;
}


/** Patients table **/

.cnd-row-selected-left {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.cnd-row-selected {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.cnd-row-selected-right {
    padding-left: 0px !important;
    padding-right: 20px !important;
}

.cnd-row-selected-left > div {
    background: rgba(215, 222, 227, 0.5) !important;
    width: 100%;
    border: 2px solid transparent;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-left: 6px;
}

.cnd-row-selected > div {
    background: rgba(215, 222, 227, 0.5);
    width: 100%;
    padding-left: 8px;
}

.cnd-row-selected-right > div {
    background: rgba(215, 222, 227, 0.5);
    width: 100%;
    border: 2px solid transparent;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-left: 6px;
}

table > tbody > tr > td {
    color: #265985;
}

.table-default td.secondary {
    background: rgba(39, 89, 133, 0.3);
}


/** User management **/


/*Toggly switch style for checkboxes*/

.candle-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

.candle-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
    margin: 0 auto
}

input.candle-toggle-square-flat + label {
    padding: 2px;
    width: 40px;
    height: 20px;
    background-color: #949494;
    border-radius: 4px;
    transition: background 0.4s;
}

input.candle-toggle-square-flat:disabled + label {
    background-color: #d6d6d6;
}

.eeva_toggle input.candle-toggle-square-flat + label {
    background-color: #f193bd;
}

input.candle-toggle-square-flat + label:before,
input.candle-toggle-square-flat + label:after {
    display: block;
    position: absolute;
    content: "";
}

input.candle-toggle-square-flat + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #949494;
    border-radius: 4px;
    transition: background 0.4s;
}

input.candle-toggle-square-flat:checked + label:before {
    background-color: #0e3451;
    transition: background 0.4s;
}

.eeva_toggle input.candle-toggle-square-flat:checked + label:before {
    background-color: #f193bd;
}

input.candle-toggle-square-flat + label:after {
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 20px;
    background-color: #fff;
    border: solid 2px #949494;
    border-radius: 4px;
    transition: margin 0.4s, background 0.4s;
}

input.candle-toggle-square-flat:checked + label:after {
    border: solid 2px #0e3451;
}

.eeva_toggle input.candle-toggle-square-flat + label:after {
    border: solid 2px #f193bd;
}

input.candle-toggle-square-flat:disabled + label:before {
    cursor: not-allowed;
    background-color: #d6d6d6;
    border: solid 2px #d6d6d6;
}

input.candle-toggle-square-flat:checked:disabled + label:before {
    cursor: not-allowed;
    background-color: #b0bcc5;
    border: solid 2px #b0bcc5;
}

input.candle-toggle-square-flat:disabled + label:after {
    cursor: not-allowed;
    background-color: #ffffff;
    border: solid 2px #d6d6d6;
}

input.candle-toggle-square-flat:checked:disabled + label:after {
    cursor: not-allowed;
    background-color: #ffffff;
    border: solid 2px #b0bcc5;
}

input.candle-toggle-square-flat:checked + label {
    background-color: #0e3451;
}

input.candle-toggle-square-flat:checked:disabled + label {
    background-color: #b0bcc5;
}

.eeva_toggle input.candle-toggle-square-flat:checked + label {
    background-color: #f193bd;
}

input.candle-toggle-square-flat:checked + label:after {
    margin-left: 20px;
    background-color: #fff;
}

.cnd-top-buttons col-md-6 {
    padding: 0px;
}

.cnd-stylish-checkbox {
    display: none;
}

.cnd-stylish-checkbox + label {
    display: block;
    height: 18px;
    width: 18px;
    position: relative;
    margin: 0px auto;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #285884;
    -webkit-transition: background-color .1s ease-in;
    transition: background-color .1s ease-in;
    cursor: pointer;
}

.cnd-stylish-checkbox:checked + label {
    background-color: #285884;
    border: 1px solid #285884;
    background-image: url('../../../candle/static/img/icons/white_tick.svg');
    cursor: pointer;
}

.cnd-not-editable {
    background: rgba(38, 89, 133, 0.2);
    border: 2px solid transparent !important;
    cursor: not-allowed;
}

.cnd-not-editable img {
    opacity: 0.8;
}

.cnd-not-editable:active {
    background: rgba(38, 89, 133, 0.2);
    border: 2px solid transparent !important;
    cursor: not-allowed;
}

.cnd-user-edit-style > div {
    background: #ffffff !important;
    border-top-color: #285884 !important;
    border-bottom-color: #285884 !important;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    width: 100%;
    padding-left: 0px;
}

.cnd-user-edit-left-style div {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-left-color: #285884;
    border-left-width: 2px;
    border-right-width: 0px;
    padding-left: 4.9px;
    margin-left: 0px;
    margin-top: 0px;
    width: 102%;
}

.cnd-user-edit-right-style {
    padding-right: 4px !important;
}

.cnd-user-edit-right-style div {
    width: 102%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-right-color: #285884;
    border-right-width: 2px;
    border-left-width: 0px;
    margin-top: 0px;
}

.cnd-user-edit-style .cnd-stylish-checkbox + label {
    height: 28px;
    width: 28px;
    position: relative;
    left: 1px;
    cursor: pointer;
}

.cnd-fade-shown {
    visibility: visible !important;
}

.cnd-hidden {
    display: none;
}

.cnd-confirm-btn {
    width: 50%;
    cursor: pointer;
    text-align: right !important;
}

.cnd-cancel-btn {
    width: 50%;
    cursor: pointer;
    text-align: left !important;
}

.cnd-user-edited div {
    border-color: #90C761 !important;
}

.cnd-hoverable {
    cursor: pointer;
}

.cnd-default-cursor {
    cursor: initial;
}

.cnd-blue-btn-icon {
    background: #285884;
    border-radius: 5px;
    width: 24px;
    height: 24px;
}

.cnd-active {
    border-color: #58a528;
}

.cnd-btn-large {
    padding: 0px;
}

.btn.disabled,
.btn[disabled] {
    opacity: 0.2 !important;
}

.no-background {
    background: none !important;
}

.chapter-background {
    background: #f5f5f5 !important;
    border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.event-background {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.cnd-hoverable:hover > .cnd-hoverable-left {
    padding-left: 0px;
    padding-right: 0px;
}

.cnd-hoverable:hover > .cnd-hoverable-left > div {
    background: rgba(215, 222, 227, 0.5);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-left: 8px;
}

.cnd-hoverable:hover > .cnd-hoverable-right {
    padding-left: 0px;
    padding-right: 20px;
}

.cnd-hoverable:hover > .cnd-hoverable-mid {
    padding-left: 0px;
    padding-right: 0px;
}

.cnd-hoverable:hover > .cnd-hoverable-mid > div {
    background: rgba(215, 222, 227, 0.5);
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
}

.cnd-hoverable:hover > .cnd-hoverable-right > div {
    background: rgba(215, 222, 227, 0.5);
    width: 100%;
    border: 2px solid transparent;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-right: 14px;
    padding-left: 6px;
}

.cnd-hoverable > td {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cnd-freesearchtext-partition {
    display: inline;
    float: right;
    margin-top: -10px;
    margin-right: 243px;
}

input[type="text"].cnd-freesearchtext {
    color: #285884;
    border-width: 4px;
    border-radius: 6px !important;
    border: 1px solid #285884;
    width: 501px;
    height: 38px;
}

.cnd-free-search-label {
    font-family: "Source Sans Pro Semibold" !important;
    color: #2f5387;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    max-height: 30px;
    width: 270px;
}

.cnd-dob-partition {
    display: table;
}

input[type="number"].cnd-dob-year {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-left-width: 0px !important;
}

input[type="number"].cnd-dob-month {
    border-radius: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    width: 67px !important;
    color: transparent;
}

input[type="number"].cnd-dob-day {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right-width: 0px !important;
}

.cnd-review-action {
    left: 0px !important;
    margin-right: 12px !important;
}

.no-video .disable-overlay {
    background-color: #333;
    opacity: 0.5;
    position: absolute;
    left: 195px;
    right: 0;
    top: 0px;
    z-index: 100;
    height: 100%;
    overflow: hidden;
    cursor: not-allowed;
}

b {
    color: #2f5387;
}

.cnd-hoverable:hover > .cnd-hoverable-right > div.status-icon-parent {
    /* layout fix for patients list hover/select with eeva status icon in right column */
    padding-right: 0px;
}

.cnd-row-selected-right#eeva_assess,
.cnd-hoverable-right#eeva_assess {
    /* layout fix to give eeva icon in patient list more breathing room */
    padding-right: 10px !important;
}

.status-icon {
    display: block;
    width: 12px;
    height: 12px;
    margin-left: 16px;
    fill: none;
    stroke-width: 1.2px;
    stroke: black;
}

.status-icon--eeva {
    stroke: #cc0057;
}

.status-icon--dana {
    stroke: #0077AF;
}

.status-icon--enabled.status-icon--eeva {
    fill: #cc0057;
}

.status-icon--enabled.status-icon--dana {
    fill: #0077AF;
}

.eeva-disabled .eeva_color {
    display: none !important;
}

.eeva_input {
    text-align: center;
    width: 65px;
}

.eeva-disabled #eeva_assess {
    display: none !important;
}

.eeva-disabled #geri_assess {
    width: 8% !important;
}

.header-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: auto;
}

.toggle_icon {
    width: 50px;
    height: 50px;
    margin-left: 5px;
}

.force_hide .cnd-stylish-popup-box {
    display: none !important;
}

.clickable {
    cursor: pointer;
}

.not-clickable {
    cursor: default;
}

.pan-cursor {
    cursor: all-scroll;
}

.disabled-button {
    cursor: not-allowed !important;
    opacity: 0.4;
}

.disabled-eeva, .disabled-dana {
    cursor: not-allowed !important;
    opacity: 0.2 !important;
}

.hover-bold:hover {
    font-weight: bold;
}

.logoutput {
    font-size: 12px;
    font-family: monospace;
    width: 100%;
    min-height: 300px;
}

input.invalid {
    background-image: url('/static/img/icons/warning_red.svg');
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 24px;
}

/* Licenses tab*/
.licenses-border {
    border-bottom: 1px solid #265a86;
    margin-top: 20px;
    margin-bottom: 40px;
}

.content-section .notice--eeva {
    background-image: url(/static/img/eeva_circle_active.svg);
    background-size: 35px 35px;
    background-repeat: no-repeat;
    height: 35px;
    line-height: 35px;
    margin-left: 45px;
    padding-left: 50px;
    font-weight: bold;
    float: right;
    margin-right: 20px;
}

.licenses_tab {
    height: 45px;
    width: 162px;
    background-color: #265a86;
    border: 1px solid #265a86;
    border-radius: 6px 6px 0 0;
    margin-left: 15px;
    cursor: pointer;
    border-bottom: none;
    font-family: "Source Sans Pro Semibold" !important;
    font-size: 17px;
    color: #ffffff;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.eeva_tab {
    margin-right: 140px;
}

.licenses_tab_selected {
    background-color: #ffffff;
    color: #265a86;
    margin-bottom: -5px;
    height: 50px;
    cursor: default;
}

.eeva-disabled,
.dana-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.eeva-mac-address {
    text-align: center;
    padding-left: 0px !important;
    font-weight: 600;
}