/**COLOR SETTINGS**/
:root {
    --primary: #63BEAD;
    --primary-hover: #51a091;
    --primary-light: #b2ddd5;
    --primary-light-hover: #63BEAD;
    --primary-rgb: 99, 190, 173;
}
/**COLOR SETTINGS**/


/* SET COLORS FOR BOOTSTRAP */
a {color: var(--primary);}
a:focus, a:hover {color: var(--primary-hover);}

.table-primary, .table-primary>td, .table-primary>th {background-color: var(--primary-light);}
.table-primary tbody+tbody, .table-primary td, 
.table-primary th, .table-primary thead th {border-color: var(--primary);}
.table-hover .table-primary:hover {background-color: var(--primary-light-hover);}
.table-hover .table-primary:hover>td, 
.table-hover .table-primary:hover>th {background-color: var(--primary-light-hover);}

.btn.btn-primary {color: #fff; background-color: var(--primary);border-color: var(--primary);}
.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover {color: #fff; background-color: var(--primary-hover);border-color: var(--primary-hover);box-shadow: 0 14px 26px -12px rgba(var(--primary-rgb), 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--primary-rgb), 0.2);}
.btn.btn-primary:not(:disabled):not(.disabled).active, 
.btn.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn.btn-primary.dropdown-toggle {color: #fff; background-color: var(--primary-hover);border-color: var(--primary-hover);}
.btn.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn.btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), 0.2);}
.btn.btn-outline-primary {color: var(--primary);border-color: var(--primary);}
.btn.btn-outline-primary:hover {color: #fff; background-color: var(--primary);border-color: var(--primary);}
.btn.btn-outline-primary.focus, .btn.btn-outline-primary:focus {box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), 0.2);}
.btn.btn-outline-primary:not(:disabled):not(.disabled).active, 
.btn.btn-outline-primary:not(:disabled):not(.disabled):active, 
.show>.btn.btn-outline-primary.dropdown-toggle {background-color: var(--primary);border-color: var(--primary);}
.btn.btn-outline-primary:not(:disabled):not(.disabled).active:focus, 
.btn.btn-outline-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn.btn-outline-primary.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), 0.2);}
.btn.btn-link {color: var(--primary);}
.btn.btn-link:hover {color: var(--primary-hover);}
.btn.btn.btn-primary.btn.btn-link {background-color: transparent;color: var(--primary);box-shadow: none;}
.btn.btn.btn-primary.btn.btn-link:hover, .btn.btn.btn-primary.btn.btn-link:focus, .btn.btn.btn-primary.btn.btn-link:active {background-color: transparent;color: var(--primary);}

.btn.btn-primary-light {color: var(--primary); background-color: var(--primary-light);border-color: var(--primary-light);}
.btn.btn-primary-light:active,.btn.btn-primary-light:focus,.btn.btn-primary-light:hover {color: #fff; background-color: var(--primary-light-hover);border-color: var(--primary-light-hover);box-shadow: 0 14px 26px -12px rgba(var(--primary-rgb), 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--primary-rgb), 0.2);}
.btn.btn-primary-light:not(:disabled):not(.disabled).active, 
.btn.btn-primary-light:not(:disabled):not(.disabled):active, 
.show>.btn.btn-primary-light.dropdown-toggle {color: #fff; background-color: var(--primary-light-hover);border-color: var(--primary-light-hover);}
.btn.btn-primary-light:not(:disabled):not(.disabled).active:focus, 
.btn.btn-primary-light:not(:disabled):not(.disabled):active:focus, 
.show>.btn.btn-primary-light.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), 0.2);}


.bg-primary {background-color: var(--primary)!important;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, 
button.bg-primary:hover {background-color: var(--primary-hover)!important;}

.border-primary {border-color: var(--primary)!important;}
.text-primary {color: var(--primary)!important;}
a.text-primary:focus, a.text-primary:hover {color: var(--primary-hover)!important;}

.alert.alert-primary {background-color: var(--primary);border-color: var(--primary-light);}
.alert.alert-primary hr {border-top-color: var(--primary-light-hover);}
.alert.alert-primary .alert-link {color: var(--primary-hover);}

.badge-primary {background-color: var(--primary);}
a.badge-primary:focus, a.badge-primary:hover {background-color: var(--primary-hover);}

.dropdown-menu .dropdown-item.active, 
.dropdown-menu .dropdown-item:active
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu a:active {background-color: var(--primary); color: #fff;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: var(--primary);}

.page-link {color: var(--primary);}
.page-link:hover {color: var(--primary-hover);}
.page-item.active .page-link {background-color: var(--primary);border-color: var(--primary);}

.progress-bar {background-color: var(--primary);}

.togglebutton label input[type=checkbox]:checked+.toggle:after {border-color:var(--primary);}

.card .card-header-primary .card-icon, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), 
.card .card-header-primary .card-text {box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(var(--primary-rgb), 0.2);}
.card .card-header-primary .card-icon, .card .card-header-primary .card-text, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), 
.card.bg-primary, .card.card-rotate.bg-primary .front, .card.card-rotate.bg-primary .back {background: var(--primary); background: linear-gradient(60deg, var(--primary), var(--secondary));}

.list-group-item.active {background-color: var(--primary);border-color: var(--primary);}
.list-group-item-primary {color: var(--primary);background-color: var(--primary-light);}
.list-group-item-primary.list-group-item-action:focus, 
.list-group-item-primary.list-group-item-action:hover {color: var(--primary);background-color: var(--primary-light-hover);}
.list-group-item-primary.list-group-item-action.active {background-color: var(--primary);border-color: var(--primary);}

.custom-control-input:checked~.custom-control-label::before {background-color: var(--primary);}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {background-color: var(--primary);}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {background-color: var(--primary);}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {background-color: var(--primary);}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {background-color: var(--primary);}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {background-color: var(--primary);}
.custom-range::-webkit-slider-thumb {background-color: var(--primary);}
.custom-range::-moz-range-thumb {background-color: var(--primary);}
.custom-range::-ms-thumb {background-color: var(--primary);}

/* SET COLORS FOR BOOTSTRAP */

html,body{width:100%; height:100%; background: #ffffff; font-family: 'Roboto Mono', monospace; font-weight: 400; font-size: 18px;}
 
img {max-width: 100%; height: auto;}

h1 {margin-bottom: 3rem;}
p,ul {margin-bottom: 1.5rem;}

#header{ background: #000;}

#content {background: url('/assets/images/investor_insight_large_logo.png') no-repeat top -85px left; position: relative;}

#footer .footer-top {background: #000 url('/assets/images/investor_grid.png') no-repeat center right / contain; color: #fff;}
#footer .footer-bottom {background: var(--primary); color: #fff;}
#footer .footer-bottom a {color: #fff;}

.font-weight-600 {font-weight: 600;}
.font-weight-500 {font-weight: 500;}

.logo-wrapper {position: relative; border: 20px solid #BABABA; border-bottom: none; }
.logo-wrapper img {position:relative; top: 20px;}