/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 5, 2019, 2:22:44 PM
    Author     : Kingorav
*/

@font-face {
    font-family: 'Londrina_Solid';
    src: url('./fonts/Londrina_Solid/LondrinaSolid-Regular.ttf')  format('truetype');
}

@font-face {
    font-family: 'Londrina_Solid_Black';
    src: url('./fonts/Londrina_Solid/LondrinaSolid-Black.ttf')  format('truetype');
}

@font-face {
    font-family: 'Londrina_Solid_Light';
    src: url('./fonts/Londrina_Solid/LondrinaSolid-Light.ttf')  format('truetype');
}

@font-face {
    font-family: 'Londrina_Solid_Thin';
    src: url('./fonts/Londrina_Solid/LondrinaSolid-Thin.ttf')  format('truetype');
}

@font-face {
    font-family: 'Qwipstik';
    src: url('./fonts/Qwipstik.ttf')  format('truetype');
}

body {
    font-family: "Londrina_Solid_Light";
    background-color: #FCF6BE;
    margin-top: 0px;
    letter-spacing: 1.2px;
    color: #1F1B1B;
}

h3 {
    color: #1F1B1B;
}

.questions-row {
    border: solid 0.2px #FCF6BE;
}

.questions-row:hover {
    border: solid 0.2px #20969A;
}
            
.yellow {
    color: #20969A;
}

a.session-code {
    color: #ff9999;
}

.login-title {
    color: #20969A;
}

.login-sub-title {
    color: #20969A;
}

.login-red-line {
    background-color: #20969A;
}

.login-sub-title-small {
    color: #20969A;
}
            
input[type=button].session-button,
input[type=image].session-button {

    background-color: #20969A;
    color: #C7F9FA;
    border: solid 1px #20969A;
}

input[type=button].session-button-disabled {
    border: solid 1px #9F9B9B;
    background-color: #9F9B9B;
    color: #6F6B6B;
}
            
.btn {
    background-color: #20969A;
    border: 1px #20969A solid;
    color: #C7F9FA;
}

input[type=button].senior-button,
input[type=image].senior-button {

    background-color: #20969A;
    color: #C7F9FA;
    border: solid 1px #20969A;
}

input[type=button].senior-button:disabled, 
input[type=button].senior-button[disabled] {
    border: solid 1px #9F9B9B;
    background-color: #9F9B9B;
    color: #6F6B6B;
}

.nav-bar a.selected {
    background-color: #20969A;
    color: #C7F9FA;
}

.nav-bar a:hover {
    background-color: #20969A;
    color: #C7F9FA;
    text-decoration: none;
}

.form-control {
    background-color: #C7F9FA;
    color: #20969A;
}

input[type=text]:read-only, 
input[type=tel]:read-only, 
input[type=email]:read-only, 
input[type=password]:read-only {
    background-color: #C7F9FA;
    border: solid 1px #C7F9FA;
    color: #20969A;
}

input[type=text].login-input, 
input[type=tel].login-input, 
input[type=email].login-input, 
input[type=password].login-input {
    color: #20969A;
}

input[type=button].login-button {
    background-color: #20969A;
    color: #C7F9FA;
    border: solid 1px #20969A;
}

label {
    font-weight: 400;
}

.statistics-row {
    margin: 0px; 
    margin-bottom: 15px;                 
    background-color: #C7F9FA; 
    border-radius: 10px; 
    padding-top: 10px; 
    padding-bottom: 10px;
    color: #20969A;
}

.line-div {
    height : 1px;
    background-color: #20969A;
}

.logo-div {
    background-color: rgb(207, 47, 51);
}

.checkmark {
    /*background-color: #C7F9FA;*/
    /*background-color: #20969A;*/
    background-color: #FDF7CD;
    border: solid #20969A;
    border-width: 1px;
}

.check-container:hover input ~ .checkmark {
    /*background-color: #C7F9FA;*/
    background-color: #20969A;
}

.check-container input:checked ~ .checkmark {
    background-color: #20969A;
}

.check-container .checkmark:after {
    border: solid #C7F9FA;
    border-width: 0 3px 3px 0;
}

.table > thead > tr > th {
    border-bottom: 1px solid #20969A !important;
}

.page-link {
    background-color: #20969A;
}

.page-link:hover {
    color: #20969A;
    background-color: #C7F9FA;
}

.dropdown-menu {
    background: rgb(255, 204, 77);;
    color: #3d405c;
    border: 1px solid #e6e6f2;
}

.dropdown-item {
    color: #20969A;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #20969A;
    color: #C7F9FA;
    text-decoration: none;
}

.dropdown-item:hover {
    background-color: #20969A;
    color: #C7F9FA;
    text-decoration: none;
}

.pagination>li>a, .pagination>li>span {

    color: #C7F9FA;
    background-color: #20969A;
    border: 1px #C7F9FA solid;
}

.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover {

    border: 1px #20969A solid;
    color: #20969A;
    background-color: #C7F9FA;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {

    border: 1px #C7F9FA solid;
    color: #C7F9FA;
    background-color: #20969A;
}

.pagination>.disabled>a, 
.pagination>.disabled>a:focus, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>span, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>span:hover {
    color: #AAA;
    background-color: #20969A;
    border: 1px #C7F9FA solid;
}

.page-item.active .page-link {
    border: 1px #20969A solid;
    color: #20969A;
    background-color: #C7F9FA;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 60px #fafafa inset !important;
    background-color: #fafafa !important;
    background-clip: content-box !important;
}