/***
User Profile Sidebar by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/
html{overflow-y: scroll;}
body {background: #fefaf1; font-family: 'Open Sans', sans-serif;}
body.modal-open {
    overflow: visible;
}

html,body{height: 100%}
.page-container{min-height:100%;position:relative; padding-bottom: 10px;}
#footer{position:absolute;bottom:0;width:100%;height:40px;}

.header-logo{height: 40px; margin: 5px 56px 0 0;}
a{color:#009ed8;}
a:hover{color:#286090; text-decoration: none;}

h1{margin-top: 0px; font-size: 28px;}
h2{font-size: 20px;}
.noselect { -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* Profile container */
.profile {
  margin: 80px 0;
}
.form-control{min-height: 30px !important; height: inherit !important;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover{background: #009cd9; color:white;}
.navbar-default .navbar-nav>li>a{color:#009cd9;}
.navbar-default .navbar-nav>li>a:hover{background: #e6ebed; color:#009cd9;}

.navbar-default .navbar-nav>li.selected>a{background: #009cd9 !important; color: white !important;}

.dropdown-menu li.selected a{background: #009cd9 !important; color: white !important;}

.access-button{text-align: center; margin: auto; display:block; width: 50%; background: #418bca;}
.register-button{text-align: center; margin: auto; display:block; width: 90%; height: 40px; background: #418bca;}
.register-form-button{text-align: center; margin: auto; padding:10px 40px; display:block; background: #418bca;}

.login-form{margin: 14px;}
.login-form h1{text-align: center; font-size: 24px; margin: 12px 0}
.login-form h2{text-align: center; font-size: 20px; margin: 12px 0}
.login-form .input-group-addon,.login-form .form-control[type=text],.login-form .form-control[type=password]{height: 34px !important;}
.login-form .input-group-addon{min-width: 40px;}
.login-form .input-group-sm,.register-form .input-group-sm{margin-bottom:8px;}
.login-form p{font-size: 12px; margin-top: 10px;}
.register-form .input-group-addon{min-width: 100px; text-align: left;}
.check-user{min-width: 20px !important;}
.input-group-sm.error .input-group-addon{background: #d42027 !important;color:white;}

.correct{background: #20d45b !important; color:white;}
.wrong{background: #d42027 !important; color:white;}

.course-menu{list-style: none; padding: 0; margin: 0 0 10px 0;}
.course-menu li{border:none !important;}
.course-menu li a{display:block; width:90%; margin:0 auto 2px auto; border-radius:5px;  padding-left: 16px; color:#009cd9 !important;}
.course-menu li.selected a,.course-menu li.selected a:hover{background: #009cd9 !important; color: white !important;}
.course-menu li.unreadPM a,.course-menu li.unreadPM a:hover,.dropdown-menu li.unreadPM a, .dropdown a.unreadPM{background: #d9534f !important; color: white !important; border-radius:6px;}
.course-menu li a:hover{background:#e6ebed !important; }
.box-shadow{-webkit-box-shadow: 3px 3px 11px 3px rgba(50, 50, 50, 0.5);-moz-box-shadow:3px 3px 11px 3px rgba(50, 50, 50, 0.5);box-shadow:3px 3px 11px 3px rgba(50, 50, 50, 0.5);}
.box-shadow-no-top{-webkit-box-shadow: 0px 8px 8px 3px rgba(50, 50, 50, 0.3);-moz-box-shadow:0px 8px 8px 3px rgba(50, 50, 50, 0.3);box-shadow:0px 8px 8px 3px rgba(50, 50, 50, 0.3);}
.panel-desafio{border:1px solid #dddddd;}
.panel-user .panel-body{padding-bottom: 0px; margin-bottom: 10px;}
.panel-user{margin-bottom: 6px;}
.panel-desafio .panel-heading{background: #009cd9; color:white; font-size: 18px; padding: 4px 0 4px 16px;}
.selected-avatar{padding: 0 !important;}
.avatar-select{border:1px solid #dddddd; border-radius:5px; padding: 4px}
.selected-avatar img{margin: 10px 0 0 15px; border-radius:100px; width: 100px;}
.avatar-list{height: 180px; overflow-y: scroll;}
.avatar-list img{width: 54px; float:left; cursor: pointer;}
.avatar-list:after{clear: both;}

.panel-course{border:1px solid #009cd9;}
.panel-course .panel-heading{background: #009cd9; color:white;padding: 4px 0 4px 16px; position: relative; height: 30px;}
.panel-course .panel-heading img{position: absolute; left: 50%; margin-left: -27px; top: -12px;}
.panel-course .panel-heading .admin-course, .panel-desafio .panel-heading .admin-course{position: absolute; right: -6px; top:-6px; background: #f2dede; padding: 3px; border:1px solid #ebccd1; border-radius:6px;}
.panel-course .panel-heading .admin-course a, .panel-desafio .panel-heading .admin-course a{color: #a94442; margin-right: 4px; font-size: 11px;}
.panel-course .panel-footer{padding: 4px;}
.panel-course .alert{margin-bottom: 0;}
.panel-course .panel-body{padding: 6px 0;}
.panel-course .panel-body h1{text-align: center; font-size: 24px; margin-top: 24px; min-height: 78px;}
.panel-course .panel-body h3{text-align: center; font-size: 24px; margin: 6px; font-weight: bold; color:#009cd9;}
.panel-course .panel-body p{padding: 6px 10px; font-size: 13px;}

.admin-button{background: #f2dede; padding: 2px; border:1px solid #ebccd1; border-radius:6px; color: #a94442; margin: 0 8px; font-size: 11px;color: #a94442; font-size: 10px;}

.progress{position: relative; margin: 0;}
.progress span{color:black; padding:0 10px;position:absolute; left: 6px; font-size: 12px; line-height: 20px;}
.btn-user{background: #009cd9; color:white; border:1px solid #0084b8;}
.btn-user:hover{background: #77b5dc; color:white; border:1px solid #518eb5;}
.panel-user{border:1px solid #77b5dc; margin-top: 10px;}
.panel-user .panel-heading{color:white; font-size: 16px; padding: 4px 16px 4px 16px;position: relative; background: #009cd9;}
.panel-desafio .panel-heading{position: relative; }
.panel-user .panel-footer{font-size: 12px; padding: 4px; min-height: 30px;}
.panel-user.admin, .panel-desafio.admin{border:1px solid #6bbf71; margin-top: 10px;}
.panel-user.admin .panel-heading,.panel-desafio.admin .panel-heading{background:#6bbf71;}
.panel-user.user, .panel-desafio.user{border:1px solid #77b5dc; margin-top: 10px;}
.panel-user.user .panel-heading,.panel-desafio.user .panel-heading{background:#77b5dc;}
.board-conversation{position: relative;}
.board-conversation .panel::before {
    position: absolute;
    display: block;
    left: -7px;
    content: '';
    width: 0px;
    height: 0px;
    border: inherit;
    border-width: 12px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.board-conversation .panel.answer{margin-left: 5%;}
.board-conversation .panel.answer .panel-heading,.board-conversation .panel.user .panel-heading{font-size: 12px;}
.board-conversation .panel.answer::before {
    position: absolute;
    display: block;
    left: inherit;
    right: -7px;
    content: '';
    width: 0px;
    height: 0px;
    border: inherit;
    border-width: 12px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color:  transparent;
}
.pagination-content{text-align: center;}
.pagination i{padding: 3px 0}

.resource-content .panel-body{height: 400px; overflow-y:scroll;}

.private-message-table .limit-height{height: 40px !important; overflow: hidden;}
.private-message-table tr{cursor: pointer;}
.pm-counter{font-size: 12px;}

.time-select{height: auto; padding: 0 10px;}
.exam-button{padding: 2px 10px;}

.list-group-item.question{min-height: 50px;}
.list-group-item.answer{padding: 0;}
.list-group-item.answer .radio{margin: 0;}
.list-group-item.answer .radio label{display:block; padding:10px 30px;}
.test-image{max-height: 90px;}

.time-counter{position: fixed; left: 50%;top:50px; margin-left:-90px; width: 180px; z-index: 9999999; background: #f8f8f8; padding: 8px; border-radius:4px;border-top-left-radius:0;border-top-rigth-radius:0;}
.time-counter #counter{display: block; width: 100%;}


.competition-counter{position: fixed; left: 50%;top:50px; margin-left:-140px; width: 280px; z-index: 9999999; background: #f8f8f8; padding: 8px; border-radius:4px;border-top-left-radius:0;border-top-rigth-radius:0;}
.competition-counter #counter{display: block; width: 100%;}
.competition-counter .player{display: inline-block; width: 115px;}
.competition-counter .player.opponent{text-align: right;}
.competition-counter .vs{display: inline-block; width: 20px;}
.competition-counter .score{display: inline-block; width: 135px; padding-left: 10px; font-size: 26px;}
.competition-counter .score.opponent{text-align: right;width: 115px; padding-right: 10px;}

.info-help{font-size: 12px; vertical-align: top; padding-left: 4px; color:#009cd9; cursor: help;}

.btn-notification{background:#deeaf2;}
.btn-notification .badge{background: #009cd9;}


.admin-form .input-group-addon{min-width: 120px; text-align: left;}
.admin-form .input-group-sm,.register-form .input-group-sm{margin-bottom:8px;}

.questionStyle{font-family:arial,helvetica,sans-serif; font-size:14px; font-weight: bold;}
.questionWordStyle{font-family:arial,helvetica,sans-serif; font-size:16px;}

.cke_editable{border:1px solid #ccc; min-height: inherit; background: white; width: 95%; display: inline-block; padding-top:8px;}
.inline-editor{min-height: 70px !important;}

.answer-checkbox{display: inline-block; padding-left: 10px;}

#new-folder-content,#new-resource-content{display: none;}
.resource-list{list-style: none;}

.protected-file img{border:1px solid #ccc; margin: 0 auto 10px auto;}

.static-block{height: 106px; border-radius:4px; padding: 6px; margin-bottom: 10px;}
.static-block:hover{background: #e6ebed;}

.static-block p{overflow: hidden; font-size: 12px; text-align: center; width: 100%;}
.static-block h2{margin: 4px 0 6px 0;}
.static-block h2,.static-block a{text-align: center; text-transform: uppercase; font-size: 16px !important; color: #418bca; font-weight: bold;}

.twitter-block{border-top:1px solid #7f7f7f; padding: 6px;}

.exam-correct-sign{margin-right: 12px; margin-left: 6px;}

.question-fix{min-height: 70px !important; height: auto !important;}

.recommended{color:red; margin-left: 10px;}
.ui-datepicker{z-index: 9999999999 !important;}

.correct-full-question{border:1px solid #009cd9; border-radius:4px; margin-bottom: 40px;}
.correct-full-question .tooltip-inner{background-color: white; border:1px solid black; color: black;}


.correct-solution{background:#d0eaf4;}

.page-image{margin: 10px auto; border:1px solid #ccc;}

.btn-option{opacity:0; padding: 3px; background: #ed8683; border-color: #e17b78;}

.board-title{width: 90%; height: 100%;}
.board-favourite{ padding: 10px; color: #d52027; cursor: pointer;}
.board-favourite-loading{padding: 10px; color: #d52027}

.alert-block{text-align: center;}
.alert-block h3{margin: 0 0 15px 0 !important; padding: 0 !important; font-size: 18px;}
.alert-block p{font-size: 14px;}

.ranking{ padding: 6px 0 6px 10px; margin: 0 auto; text-align: center;}
.ranking img{max-width: 20px;}
.ranking div{width: 20px; display: inline-block; vertical-align: text-top; text-align: center; margin: 0 auto;}
.ranking span{background: #d52027; border-radius:10px;  display: inline-block; text-align: center; padding: 0 4px; color: white; font-size: 10px; margin: 0 auto;}
.btn-soft-success{background: #c1e1ca; color: grey;}
.btn-soft-danger{background: #f6b7b7; color: grey;}
.badge-ranking .ranking-title{line-height: 30px !important; display: inline-block; height: 100%; float: left; margin-right: 10px;}
.badge-ranking div{ display: inline-block;text-align: center;float: left; margin-right: 8px;}
.badge-ranking div img{max-width: 20px;}
.badge-ranking div span{background: #d52027; border-radius:10px;  display: inline-block; text-align: center; padding: 0 4px; color: white; font-size: 10px; margin: 0 auto;}

.admin-course-list{margin-right: 6px; cursor: pointer;}
.acl-false{color: red;}
.acl-true{color: green;}
.fav-question{color:#c9302c; cursor: pointer;}
.list-group-item.question h3{ margin: 0 0 8px 0; font-size: 16px; color: #009cd9;}
.list-group-item.question h3 span{color: black; padding-right: 8px; cursor: pointer;}
/* Profile sidebar */
.profile-sidebar {
  padding: 20px 0 0 0;
  background: #fff;
}

.fa-15x{font-size:1.4em;}


.left-column{margin-right: 0 !important; padding-right: 0 !important; z-index:20;}

.content-column{margin-left: 0 !important; padding-left: 0 !important;}

.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 50%;
  height: 50%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;

}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}

.profile-usertitle-name {
  color: #5a7391;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}

.profile-usertitle-job {
  color: #5b9bd1;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}

.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}
    
.profile-usermenu {
  margin: 30px 6px 0 6px;
}

.profile-usermenu ul li {
  border-bottom: 1px solid #7f7f7f;
}

.profile-usermenu ul li.select{background: #54bbe3;}

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li:first-child {
  border-top: 1px solid #7f7f7f;
}
.profile-usermenu ul li span{display: block;position: relative;}

.profile-usermenu ul li a,.profile-usermenu ul li span {
  color: #313131;
  font-size: 14px;
  font-weight: 400;
  padding:3px 0 3px 16px;
}
.course-menu li a{padding:0 0 0 16px !important;}
.profile-usermenu ul li a i,.profile-usermenu ul li span i {
  margin-right: 8px;
  font-size: 14px;
}

.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}

.profile-usermenu ul li.active {
  border-bottom: none;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}

/* Profile Content */
.profile-content {
  padding: 20px;
  background: #fff;
  min-height: 460px;
}

#searchOpponent{
    padding: 10px 40px 40px 40px;
    text-align: center;
}
#searchOpponent h3{
    font-size: 30px;
    text-align: center;
}

.competition-search-modal p{
    margin: 30px 0;
}
.competition-search-modal i{
    color: #009cd9;
}

#acceptCompetition .user-name{
    color: #009cd9;
    font-weight: bold;
}

#acceptCompetition h1 {
    font-size: 40px;
}
.competition-podium {
    text-align: center;
    color: #009cd9;
}
.competition-podium img{
    max-width: 200px;
}

.competition-user-pic.p1{
    text-align: left;
    padding-left: 30px;
}
.competition-user-pic.p2{
    text-align: right;
    padding-right: 30px;
}
.competition-user-pic img{
    border: 8px solid #009cd9;
    border-radius: 300px;
    display: inline-block;
}

.competition-vs{
    position: relative;
}

.competition-vs .logo{
    text-align: center;
    background: white;
    width: 52px;
    height: 60px;
    z-index: 99;
    position: absolute;
    left: 50%;
    margin-left: -26px;
}
.competition-vs .logo img{
    width: 44px;
    padding-top: 10px;
}

.competition-p1, .competition-p2{
    background: #009cd9;
    color: white;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    padding: 0 30px;
    font-size: 16px;
    font-weight: bold;
    background-repeat: no-repeat;
}

.competition-p1{
    margin-left: 20%;
    text-align: left;
}
.competition-p2{
    margin-right: 20%;
    text-align: right;
    background-position: right;
}

.mb-sm{
    margin-bottom: 10px;
}
.size-sm{
    min-width: 60px;
}
.size-md{
    min-width: 120px;
}



@media (max-width: 1200px) {
    .competition-p1, .competition-p2{
        font-size: 14px;
    }
    .competition-p1{
        margin-left: 6%;
    }
    .competition-p2{
        margin-right: 6%;
    }
    .competition-user-pic img{
        border-width: 3px;
    }
    #userStatus, #opponentStatus{
        font-size: 18px;
    }
    #acceptCompetition h1{
        font-size: 18px;
        text-align: center;
    }
}

@media (max-width: 768px) {
	.content-column{padding-right: 0 !important;}
	
}

@media (min-width: 768px) {
	/*.profile{margin: 80px 40px;}*/
	.profile-content{padding: 40px;}
}

@media (min-width: 768px) and (max-width: 992px) {
	.profile{margin:80px 0;}
}

@media (min-width: 992px) {
	.ranking{ padding: 6px 0 6px 10px;}
	.ranking img{max-width: 20px;}
	.ranking div{width: 20px; display: inline-block; vertical-align: text-top; text-align: center;}
}

@media (min-width: 1200px) {
.ranking{ padding: 6px 0 6px 0px; width: 100px;}
	.ranking img{max-width: 24px;}
	.ranking div{width: 24px; display: inline-block; vertical-align: text-top; text-align: center;}
}

@media print {
    .content-column {
        display:none;
    }
}