/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.datepicker td, .datepicker th {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.85rem;
}

.datepicker {
    margin-bottom: 0rem;
}

/*
*
* ==========================================
* Chad additions
* ==========================================
*
*/
.day.dataExists {
    border-radius: 30rem;
    background-color: greenyellow;
    color: black;
}

/*
*
* ==========================================
* FOR DEMO PURPOSES
* ==========================================
*
*/
body {
    min-height: 100vh;
    /*background-color: #E4E4E4;*/
    background: rgb(203,203,203);
    background: linear-gradient(90deg, rgba(203,203,203,1) 0%, rgba(228,228,228,1) 16%, rgba(228,228,228,1) 84%, rgba(203,203,203,1) 100%);
    /*background-image: url("https://www.irserver2.eku.edu/Libraries/Template/tPHzh2.jpg");*/
}

.input-group {
    border-radius: 30rem;
}

input.form-control {
    border-radius: 30rem 0 0 30rem;
    border: none;
}

input.form-control:focus {
    box-shadow: none;
}

input.form-control::placeholder {
    font-style: italic;
}

.input-group-text {
    border-radius: 0 30rem 30rem 0;
    border: none;
}

.datepicker-dropdown {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.fa-calendar {
    font-size: 30px;
    color: 000;
}

.google-visualization-tooltip { 
    /* this is needed to remove corners of rounded edges. */
    border: none !important;

    background-color: transparent !important;
    /*box-shadow: 0 0 0 0;
    padding:10px 10px 10px 10px;*/
    border-radius: 25px !important; 
}

.tooltip_chad {
    padding:10px 10px 10px 10px;
    /*background-color:#303030;*/
    /*background-color: #331220;*/
    background-color: rgb(51,18,32,.90);
    color: rgb(226, 226, 226);
    border-radius: 25px !important; 
    border: 2px solid #686868;
    width: 200px;  
}


.tooltip_chad_category {
    font-weight: bold;
    font-size: 15px;
}

.tooltip_chad_value {
    font-size: 13px;
}

.tooltip_chad_prediction {
    font-size: 10px;
    color: rgb(162, 162, 162);
}

.tooltip_chad_diff {
    font-size: 10px;
    font-style: italic;
}

.tooltip_chad_diff_p {
    font-size: 10px;
    /*font-style: italic;*/
    color: greenyellow;
}

.tooltip_chad_diff_n {
    font-size: 10px;
    /*font-style: italic;*/
    color: #FF6767;
}

.notes-link {
    font-size: 12px;
}


.c-dropdown-menu { 
    background-color: #eeeeee; 
    font-size: 12px;
}

.c-dropdown-btn {
    font-size: 12px;
    margin: 1px;
}


.testCol {
    background-color: #50394c; 
    color: #73AD21;
}

.charts{
box-shadow: 5px 5px 5px 5px grey;
/*border-style: outset;*/
border-radius: 5px !important;
background-color: #ffffff;
}


.dropdown-item.small-item {
    font-size: 13px;
}

.sectionTitle {
    font-size: 25px;
    font-weight: bolder;
}

.page-header.mycss {
    /*background: rgb(50,13,29);
    background: linear-gradient(0deg, rgba(50,13,29,1) 0%, rgba(92,32,58,1) 100%);*/
    
    background: rgb(140,140,140);
background: linear-gradient(0deg, rgba(140,140,140,1) 0%, rgba(51,18,32,1) 5%, rgba(92,32,58,1) 100%);
    color:white;
}

.filters {
    background-color: white;
    border-radius: 15px;
    border: 2px solid whitesmoke;
    box-shadow: 5px 5px 5px grey;
}

.wideHeader{
    /*background-color:#4c151e;*/
    /*background: rgb(50,13,29);
    background: linear-gradient(0deg, rgba(50,13,29,1) 0%, rgba(92,32,58,1) 100%);*/
    background: rgb(140,140,140);
background: linear-gradient(0deg, rgba(140,140,140,1) 0%, rgba(51,18,32,1) 5%, rgba(92,32,58,1) 100%);
}

#notesCard {
    background-color:#ffffff;
}

.note {

    font-size: 13px;
    position: relative;
    width: 60%;
}

.btn-primary {
    background: rgb(50,13,29);
    background: linear-gradient(0deg, rgba(50,13,29,1) 0%, rgba(92,32,58,1) 100%);
}

.btn-success {
    background: rgb(50,13,29);
    background: linear-gradient(0deg, rgba(50,13,29,1) 0%, rgb(178, 255, 181) 100%);
}

.btn-danger {
    background: rgb(50,13,29);
    background: linear-gradient(0deg, rgba(50,13,29,1) 0%, rgba(252,0,0,1) 100%);
}

.btn-secondary {
    background: rgb(38,38,38);
    background: linear-gradient(0deg, rgba(38,38,38,1) 0%, rgba(126,126,126,1) 59%);
    font-size: 12px;
}

.btn-dark {
    font-size: 12px;
}

.errorMessage {
    color: red;
    font-weight: bolder;
    padding: 5px;
}

.dropdown-menu {
    font-size: 13px;
}


.modal-dialog,
.modal-content {
    /* 80% of window height */
    /*height: 80%;*/
}

.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    /*max-height: calc(100% - 150px);/*
    /*overflow-y: scroll;*/
}

.loading {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #000000;
}

.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height:60px;
    width:60px;
    margin:0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left:6px solid rgba(0,174,239,.15);
    border-right:6px solid rgba(0,174,239,.15);
    border-bottom:6px solid rgba(0,174,239,.15);
    border-top:6px solid rgba(0,174,239,.8);
    border-radius:100%;
 }
 
 @-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
 }
 @-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
 }
 @-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
 }
 @keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
 }


 .overlay{
    opacity:0.8;
    background-color:#000;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000; 
}

.spinner-chad{
	top: 50%;
	position: fixed;
	z-index:1001;
}