body{
    font-family:calibri!important;
}
.login-box {
    padding: 5%;
    font-size: 14px;
}
.footer-background {
    background: #333333;
}
.circ-login {
border:none;
    width:50px;
}
.circ-login-name {
    margin-right: 55px;
}
.circ-logout-btn div {
    margin-right: 12px;
}
#slide {
    margin-top: -210px;
}
.header-background {
    background: #4c2582;
}
h1.two+p {
    margin-right: 56px;
}
h1.two span img {
    width: 190px;
    margin-top: -4px;
    image-rendering: auto;
}
h1.two span {
    margin-left: -40px!important;
}
footer .two.margin-left-content span {
    margin-left: -155px !important;
}
footer h1.two span img {
    width: 490px;
    image-rendering: auto;
    position: absolute;
    margin-top: 0.113em;
}
#slide .text_slide {
    margin-top: -350px;
    margin-left: 0px;
    color:#4c2582;
}
#slide .text_slide h1 {
    color: #4c2582;
    background: #ffffffc4;
    width: 550px;
    padding-left: 8%;
    margin-bottom: 0px;
}
#slide .text_slide h2 {
    color: #666666;
    margin-left: 0px;
    margin-top: 0px;
    font-size: 25px;
    /*background: #ffffffc4;*/
    width: 550px;
    padding-left: 8%;
    padding-bottom: 15px;
    font-weight: 700;
}
.circ-login-profile {
    width: 32px;
    height: 32px;
}
.index-menu
{
    border: 1px solid #dee2e6!important;
    width: 100%;
    text-align: center;
}
.menu-text p{
    padding-left: 10%;
    padding-right: 10%;
}
.index-menu img
{
    margin-top: -30px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background: #333333;
    border-color: #333333;
}
.list-group-item {
    padding: .227rem 1.25rem!important;
    
}
.lightgrey
{
    background-color:#cccccc;
}
.darkgrey
{
    background-color:#b3b2b2;
}

.btn-darkblue, .btn-darkblue.disabled {
    background: #4c2582!important;
    border: 1px solid#4c2582!important;
}
.panel .panel-heading.home {
    padding: .227rem 1.25rem!important;
    background: #333333!important;
    border-color: #333333!important;
}
.homescore
{
    font-size: 50px;
    color: #4c2582;
    font-weight:700;
}
.btn.btn-login {
    background: #4c2582;
    border: 1px solid #4c2582;
    color: white;
    border-radius: 0px;
}
.login-logo {
    text-align: center;
}
.card .card-header.notifications.mylearning {
    background:none;
    background-color:#2e5c52;
}
.card .card-header.notifications.courses {
    background:none;
    /*background-color:#ededed;*/
    background-color:#c1b7b7;
    

}
.card .card-header.notifications.courses a,.card .card-header.notifications.courses h4
{
    /*color:black!important;*/
}
.header-background
{
    background:none!important;
    background-color:#4c2582!important;
}
.overlay div{
    background-color: #00625c!important;
}
.assess_caption td {
    background-color: #6286a5!important;
    color:white!important;
}
#frmComp strong{
    color:#6d6b6b;
}

.backblue {
    background-color: 
    #66696c !important;
}

#search_txt {
    padding: 6px 10px;
    width: 100%;
}
.search_div {
    position: relative;
}
.search_btn {
    position: absolute;
    right: 0;
    background-color: #333;
    color: #fff;
    padding: 10px;
    font-size: 13px;
    cursor: pointer;
    margin-top: -41px;
    border: 1px solid #333;
}
.search_btn:hover {
    opacity: 0.8;
}
.notice-border
{
    border-style: dashed;
    border-width:2px;
    border-color: #4c2582;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 15px;
}
.notice-border p{
    font-size: 16px;
    color: #6d6969;
    margin-bottom: 0px;
}
.notice-border img,.notice-border .num{
    margin-right:10px;
}
.notice-border .txt{
    width:100%;
}


/* appraisal objetives */

.appraisal_objectives {
    width: 100%;
    float: left;
}
.appraisal_objectives .obj_item {
    width: 100%;
    float: left;
}
.appraisal_objectives .obj_item .caption {
    float: left;
    font-weight: bold;
}
.appraisal_objectives .obj_item .field {
    float: left;    
}
.appraisal_objectives .obj_item .field textarea {
    font-family: Calibri !important;
    width: 80%;
    height: 80px;
    border: 1px solid #ccc;
}
.appraisal_objectives .obj_item .field input {      
    font-family: Calibri !important;
    border: 1px solid #ccc;
}
.appraisal_objectives .add_objective {
    cursor: pointer;
    color: #4c2582;
    display: inline-block;
    margin-top: 20px;
}
.appraisal_objectives .delete_objective {
    background-image: url(../img/log-no.gif);
    background-position: center center;
    background-repeat: no-repeat;    
    background-size: cover;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.appraisal_objectives .add_objective:hover {
    color: #000;
}
#slide img.main {
     /*width: auto!important;*/
}

#slide img.main.mobile
{
    display:none;
}

@media (max-width: 876px)
{
    #slide img.main.mobile
    {
        display:block;
    }
    #slide img.main.desktop
{
    display:none;
}
}
#quiz
{
text-align: center;
margin-top:0px;
width: 100%;
height: 100%;
background: rgba(255,255,255,1);
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
/*overflow: hidden;*/
background: url("../img/v20_174.png");
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding-right:30px;
padding-left:25px;
}
#quiz .question {
    /*margin-left: 50px;*/
    margin-top: 30px;
    display: block;
    /*position: absolute;*/
    width: 100%;
    height: auto;
    border-radius: 4px;
    background: rgba(113,83,149,1);
    float:none;
    max-width:785px;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;

  }
  #quiz .text {
    width: 90%;
    color: rgba(255,255,255,1);
    font-family: Roboto;
    font-weight: SemiBold;
    font-size: 20px;
    opacity: 1;
    text-align: left;
  }
  #quiz .letter {
    /*width: 67px;*/
    color: rgba(255,255,255,1);
    text-shadow: 5px 3px 4px rgba(0, 0, 0, 0.25);
    font-family: Roboto;
    font-weight: SemiBold;
    font-size: 80px;
    opacity: 1;
    text-align: left;
    font-weight:unset;
    margin-top: 0px;
  }
  #quiz .answer {
    /*margin-left: 50px;*/
    margin-top: 10px;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
    overflow: hidden;
    background: rgba(65,127,133,1);
    float:none;
    max-width:785px;
    clear:both;
    display: flex!important;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
  #quiz .option {
    width: 68px;
    height: 63px;
    background: rgba(24,98,105,1);
    opacity: 1;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    /*overflow: hidden;*/
    margin: 11px 10px 0 0;
    color: white;
    /*padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;*/
    padding:0px!important;
  }
  .quiz-pagefooter
  {
    clear:both;
    color:white;
    width: 100%;
    max-width: 785px;
    padding-bottom: 10px!important;
    margin-top: 0px!important;
    margin-left: auto!important;
    margin-right: auto!important;
    display:flex;
  }
  #quiz .clickable:hover {
    background-color: #2499BE;
  }
  #quiz .results {
    background: none;
  }
  #quiz .results .title {
    width: 172px;
    color: rgba(255,255,255,1);
    font-family: Roboto;
    font-weight: Regular;
    font-size: 26px;
    opacity: 1;
    width: 100%;
    text-align: center;
    margin-top: 45px;
  }
  #quiz .results .points {
    padding-top: 20px;
    font-size: 40px;
    text-align: center;
    width: 78px;
    color: rgba(255,255,255,1);
 
    font-family: Roboto;
    font-weight: Bold;
    font-size: 40px;
    opacity: 1;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
#quiz .results .feedback
  {
    width: 100%;
color: rgba(255,255,255,1);
font-family: Roboto;
font-weight: Regular;
font-size: 24px !important;
opacity: 1;
text-align: center;
margin-top: 40px!important;

  }
  .btn-darkblue.quiz{
    width: 190px!important;
height: 49px;
background: rgba(24,98,105,1)!important;
padding: 10px 20px;
margin: 10px;
opacity: 1;
overflow: hidden;
margin-top: 40px;
font-size: 19px;
border: none !important;
font-weight: bold;
  }
  .btn-darkblue.quiz:hover
  {
    background: #7236BB!important;
  }
  #quiz .selected {
    background-color: #2499BE !important;
    cursor: default;
  }
  .stats-color
  {
    height: 95px;
    width: 70px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-top: 30px;
  }
  .stats-color.first
  {
    background-color:#8a4ec6;
  }
  .stats-container
  {
    margin-top:40px;
  }
  .stats-color.second
  {
    background-color:#4cc1bd;
  }
  .stats-color.third
  {
    background-color:#37c9ef;
  }
  .stats-color.fourth
  {
    background-color:#ff914d;
  }
  .stats-icon img{
    width:90px;
  }
  .stats-text
  {
    font-size: 14px;
    margin: auto;
    text-align: center;
    padding-right: 20px;
  }
  .stats-container .stats-group
  {
    background-color:#f6f6f6;
    display: flex;
    min-width: 300px;
    max-width: 300px;
  }
  .stats-icon
  {
    padding-left: 10px;
    padding-right: 10px;
  }
  .stats-container a:hover
  {
    opacity:1;
  }
  .stats-container a
  {
    color:#212529;
  }
  @media (max-width: 576px)
{
  #quiz .letter {
    font-size: 80px!important;
    font-weight:400!important;
    margin-right: 20px!important;
  }
  #quiz .text{
    padding-left: 0px!important;
  }
}
.close_cont
{
  width: 100%;
  text-align: right;
  max-width: 785px;
  margin-left: auto;
  margin-right: auto;
}
#quiz .results {
  margin-left: auto;
  margin-right: auto;
  max-width:735px;
}
.option div
{
  text-align: center;
  width: 100%;
}
#quiz .option
{
  display: flex;
  align-items: center;
}
.logo-img
{
  width:190px;
}
.circ-login {
  margin-top: -76px;
}
html{
background-image: url(../img/loginBackground.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #464646;
position: relative;
min-height: 100%;
}