/*
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 : 13-Dec-2017, 19:34:54
    Author     : Angelo
*/

/** popover**/

/*.popover {background-color: transparent; border:0px; z-index: auto;}
.popover .arrow{display: none;}*/

.popover{
    border-radius: .3rem;
    border: 1px solid rgba(0,0,0,.2);
    background-color: rgba(255,255,255,1);
}

.popover-header{
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: rgba(247,247,247,1);
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}

.popover-body{
    padding: .5rem .75rem;
    color: rgba(33,37,41,1);
}

.popover .arrow{display: block!important;}


#inner-message { margin: 0 auto; position: fixed; top: 0; left: 30%; width: 40%;}


.head-search{ border-top-right-radius: 0px !important;
              border-bottom-right-radius: 0px !important;}

.modal{overflow-y: auto !important;}

#loginform-modal-fixed .modal{position: relative; display: block; top: 50px;}
#verify-modal-fixed .modal{position: relative; display: block; top: 50px;}
#password-change-form-modal-fixed{position: relative; display: block; top: 20px !important;}
.fixed-form .modal{position: relative; display: block; top: 50px;}

.dropdown-menu-right { 
    right: 0; 
    left: auto; 
}

.password-progress {
    /*    margin-top: 10px;
        margin-bottom: 0;*/
}

.thumbs > .btn-success.active{
    box-shadow: 0 0 0 0.2rem rgba(40,167,60,.5); 
}

.thumbs > .btn-danger.active{
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.5);
}

.compact-feedback{
    display: none;
}


.w-70 {width: 70%!important;}
.w-60 {width: 60%!important;}
.w-35 {width: 35%!important;}
.w-30 {width: 30%!important;}
.w-20 {width: 20%!important;}
.w-15 {width: 15%!important;}
.w-10 {width: 10%!important;}

table th, table td { 
    overflow: hidden;
    vertical-align:middle !important;
}

.vote-vals{
    height: 35px !important;
    padding-top: 10px;
    width: 70px;
}

.jumbotron-fluid{
    margin-bottom: 0px;
}

.color-1{
    background-color: #e9ecef;
}
.color-2{
    background-color: #e0ded9;
    /*//#d8e1e8;//#dee8f6;*/
}
.color-3{
    background-color: #d9e1e8;
    /*//e7e6ef;//#dee8f6;*/
}
.color-4{
    background-color: #c3d1da; 
    /*//eff1eb;*/
}
.color-5{
    background-color: #b5c5ce;
    /*//f9fde4;*/
}
.color-6{
    background-color: white;
    /*//#dee2e6;*/
}

.color-11{
    background-color: #588c7e;
}
.color-12{
    background-color: #f2e394;
    /*//#d8e1e8;//#dee8f6;*/
}
.color-13{
    background-color: #f2ae72;
    /*//e7e6ef;//#dee8f6;*/
}
.color-14{
    background-color: #d96459; 
    /*//eff1eb;*/
}
.color-15{
    background-color: #8c4646;
    /*//f9fde4;*/
}
.color-16{
    background-color: white;
    /*//#dee2e6;*/
}

.bg-dark2 {
    background-color: #003d4c!important;
}

#topic-summary {
    /*//height: 140px !important;*/
    overflow: hidden;
}



input[type=radio]#tp-good.with-font:checked ~ label:before  {
    content: "\f118";
    color: darkgreen;
}

input[type=radio]#tp-bad.with-font:checked ~ label:before  {
    content: "\f119";
    color: darkred;
}

input[type=radio]#tp-meh.with-font:checked ~ label:before  {
    content: "\f11a";
    color: darkorange;
}

input[type=radio]#rl-good.with-font:checked ~ label:before  {
    content: "\f118";
    color: darkgreen;
}

input[type=radio]#rl-bad.with-font:checked ~ label:before  {
    content: "\f119";
    color: darkred;
}

input[type=radio]#rl-meh.with-font:checked ~ label:before  {
    content: "\f11a";
    color: darkorange;
}

.display-5 {
    font-size: 2.8rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-6 {
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-7 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

.card-height{
    height: 120px !important;
}


.dashboard-table{
    border-top: 0px !important;
}

.dashboard-table-mvrs{
    border-top: 0px !important;
    margin-bottom: 0rem !important;
    width: 90%;
}

.dashboard-table-mvrs.table td{
    border-top: 0px !important;
}

.text-dark2{
    color: #5c6167!important;
}

.gif-pic{
    width: 700px;
}


#cookie-banner{
    border-radius: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    margin-bottom: 0rem;
    background-color: #f2ae72!important;
}

#accordion .card{
    border: 0px solid;
    border-radius: 0;
}

.central-loading{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    margin-top: -50px;
}

.list-items{
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
}



#goup-button {
    display: inline-block;
    background-color: #167096;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    margin: 30px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    color:white;
    transition: background-color .3s;
    display:none;
}
#goup-button:hover {
    cursor: pointer;
    background-color: #333;
}
#goup-button:active {
    background-color: #555;
}

.chevron-button{
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}


.mb-10{
    margin-bottom: 10rem!important;
}


#people img {
    width: 100%;
    margin: 0 10px;
}

#people h2 {
    margin: 20px 10px 5px 10px;
    font-size: 20px;
    font-size: 25px;
    color: #fff;
}

#people p {
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0;
    margin: 10px 10px 12px 10px;
    font-family: 'Arimo', sans-serif;
}

#people a:hover,
a:focus{text-decoration:none;color:#000;outline:none !important;}