html {
    overflow-x: hidden;
    background-image: url(../img/2.0/internal-min.svg), radial-gradient(at top right, #b0d1df 0%, #f3f3f3 50%);
    background-repeat: no-repeat;
    background-size: cover;    
    background-position: top center;
    background-attachment: fixed;
}

body {
    color: #454545;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
}

h2 {
    font-size: 18px;
    padding: 10px 0 20px;
}

h2 > span.information {
    color: #7b7d82;
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0;
}

h3 {
    font-size: 12px;
    font-weight: bold;
    padding: 20px 0;
}

h4 {
    font-size: 14px;
    padding: 5px 0;
}

a {
    color: #454545;
    text-decoration: none;
}

p {
    line-height: 20px;
}

strong {
    font-weight: 700;
}

em {
    color: #7b7d82;
    font-style: italic;
}

label {
    text-align: left;
    color: #454545;
    display: block;
    font-size: 10px;
    margin: 0 0 5px;
    text-indent: 5px;
    text-transform: uppercase;
}

input[type=email], input[type=password], input[type=number], input[type=text], input[type=url], select, textarea {
    background: #fff;
    border: 1px solid #BBB;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    box-sizing: border-box;
    color: #333;
    margin: 0 0 15px;
    min-height: 34px;
    padding: 7px 8px;
    vertical-align: middle;
    width: 100%;
}

select{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABqSURBVEhL7Y1dCoAwDIPng7dVRL2IBxY1kRbGqL8UBOkHoVsbkhQEwffUMs+44zFpoVnmEepp9t9DemiFFqjjooA73uix7pdU0ARZJXk4PfS+wipxC1fKEtdwJS9xD1cYOEKDvIPgH6S0AcpkHoVK/c/IAAAAAElFTkSuQmCC) no-repeat calc(100% - 10px) 50%;
    background-size: auto 60%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

input[readonly=readonly], select[disabled=disabled], textarea[readonly=readonly] {
    background: #f5f5f5;
    color: #808080;
}

input[type=submit], button[type=submit], .high-priority, .submit-file {
    background: #005275;
    border: #003146 solid 1px;
    border-bottom: #003146 solid 3px;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    padding: 7px;
    margin: 10px 0 0 0;
    text-align: center;
    width: 125px;
}

input[type=weight] {
    background: #fff;
    border: 1px solid #BBB;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    box-sizing: border-box;
    color: #333;
    margin: 0 0 5px;
    min-height: 34px;
    padding: 7px 8px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

textarea{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    resize: vertical;
}

hr {
    border-top: #bbb solid 1px;
    border-bottom: none;
    height: 0;
    margin: 5px 0 10px;
}

/* Containers */

.content {
    margin: 0 auto;
    width: 1024px;
}

.content-certificate{
    margin: 0 auto;
    width: 1080px;
}

.content-progress {
    margin: 0 auto;
    width: 1200px;
}

.page {
    padding: 20px;
    background: #fff;
}
.page-code {    
    background: #fff;
}

.title-code {    
    padding: 20px;
}

.main {
    margin: 110px auto 60px;
}

.box{
    background: #fff;
    border: #dcdcdc solid 1px;
    border-radius: 3px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
}

.display-grid {
    display: flow-root;
}

.display-flex {
    display: flex;
}

.both{
    clear: both;
}

.cb {
    box-sizing: border-box;
}

.cb-center{
    margin: 0 auto 20px;
}

.cb-center p {
    margin-bottom: 15px;
}

.cb-right {
    float: right;
}

.cb-left {
    float: left;
}

.cb-space {
    padding: 0 0 0 20px;
}

.cb-16 {
    width: 16.66666%;
}

.cb-20 {
    width: 20%;
}

.cb-25 {
    width: 25%;
}

.cb-40 {
    width: 40%;
}

.cb-50 {
    width: 50%;
}

.cb-60 {
    width: 60%;
}

.cb-80 {
    width: 80%;
}

.cb-100{
    width: 100%;
}

/* Header */

header {
    background: #fff;
    border-bottom: #dcdcdc solid 1px;
    height: 50px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 5;
}

header h1 {
    background: url('../img/2.0/logo.png') no-repeat center;
    cursor: default;
    display: inline-block;
    padding: 19px 22px 19px 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

header h1 strong {
    display: inherit;
    padding: 0 10px 0 100px;
}

.h-large, .h-small, .h-wide {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 50px;
}

.h-wide {
    text-align: right;
    width: 100%;
}

.h-small {
    width: 30%;
}

.h-large {
    width: 40%;
}

.menu-link{
    display: inline-block;
    padding: 20px;
    position: fixed;
}

.h-avatar {
    background: #ffffff;
    border-radius: 50px;
    box-shadow: inset 0 2px 0 rgba(0,0,0,.15);
    float: right;
    height: 32px;
    margin: 10px;
    overflow: hidden;
    width: 32px;
    -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,.15);
}

.h-avatar-menu, .h-sub-menu, .h-language-menu {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px 0 #dbdbdb;
    visibility: hidden;
    min-width: 140px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    transition: .1s ease-in-out 0s;
    -webkit-transition: all .1s ease-in-out;
}

.h-avatar-menu, .h-language-menu {
    top: 45px;
    right: 6px;
}

.h-sub-menu {
    left: 0;
    top: 28px;
}

.h-avatar-menu hr, .h-sub-menu hr {
    margin: 5px;
    border-top: #bbb dotted 1px;
}

.h-avatar:hover > .h-avatar-menu, .h-avatar:hover > .h-avatar-menu:after,
#menu li:hover > .h-sub-menu, #menu li:hover > .h-sub-menu:after,
#menu-contest li:hover > .h-sub-menu, #menu-contest li:hover > .h-sub-menu:after,
.h-flag:hover > .h-language-menu, .h-flag:hover > .h-language-menu:after, .h-flag-menu:hover > .h-language-menu {
    visibility: visible;
    transition: .1s ease-in-out 0s;
}

.h-avatar-menu:after, .h-sub-menu:after, .h-language-menu:after {
    bottom: 100%;
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    content: " ";
    visibility: hidden;
    height: 0;
    right: 15%;
    margin-left: -5px;
    position: absolute;
    pointer-events: none;
    transition: .1s ease-in-out 0s;
    width: 0;
}

.h-avatar-menu li a, .h-sub-menu li a, .h-language-menu li a {
    display: block;
    font-size: 10px;
    padding: 7px 15px;
    text-transform: uppercase;
}

.h-avatar-menu li a:hover, .h-sub-menu li a:hover, .h-language-menu li a:hover {
    background: #f3f3f3;
}

.h-user {
    float: right;
    margin: 12px 0;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%;
}

.h-user strong {
    font-weight: 700;
}

.h-user i {
    color: #bbb;
    display: inline-block;
    font-size: 10px;
    padding: 3px 0 0;
}

.hover:hover {
    cursor: pointer;
}

.h-flag-menu{
    background-image: url('../img/langicon.png');
    border-radius: 50px;
    box-shadow: inset 0 2px 0 rgba(0,0,0,.15);
    float: left;
    height: 25px;
    margin: 0px 12px 0px 12px;
    width: 25px;
}

.h-flag-pt{
    background-position: 0px 0px;
}

.h-flag-en{
    background-position: 0px -26px;
}

.h-language-text{
    font-size: 10px;
    padding: 7px 15px;
    text-transform: uppercase;
    color: #454545;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.h-languages-item{
    padding: 3px 0px 3px 0px;
    transition: background 0.2s;
}

.h-languages-item:hover {
    background: #f3f3f3;
}

.h-language-menu{
    top: 40px !important;
}
/* Footer */

footer {
    background: #fff;
    border-top: #dcdcdc solid 1px;
    bottom: 0px;
    left: 0px;
    font-size: 11px;
    position: fixed;
    width: 100%;
    z-index: 5;
}

footer .site-coyright {
    box-sizing: border-box;
    float: left;
    text-align: left;
    padding: 10px 20px;
    width: 25%;
}

footer .site-information {
    box-sizing: border-box;
    float: left;
    padding: 10px 20px;
    text-align: center;
    width: 50%;
}

footer .site-information li {
    display: inline-block;
    padding: 0 3px;
}

footer .site-information li.division {
    color: #BBB;
}

footer .site-version {
    box-sizing: border-box;
    float: right;
    padding: 10px 20px;
    text-align: right;
    width: 25%;
}

/* Session Flash Messages */

.flash, .auth {
    color: #fff;
    font-weight: 700;
    padding: 7px 10px;
    position: fixed;
    text-align: center;
    transition: 0.5s;
    top: 51px;
    width: 100%;
    z-index: 3;
}

.auth {
    border-radius: 3px;
    width: 50%;
}

.flash-success, .flash-auth-success {
    background: #abcd21;
    border: 1px solid #86a11a;
    border-bottom: #86a11a solid 3px;
}

.flash-failure, .flash-auth-failure {
    background: #f66466;
    border: 1px solid #e14043;
    border-bottom: #e14043 solid 3px;
}

.flash-warning, .flash-auth-warning {
    background: #f1c40f;
    border: 1px solid #f39c12;
    border-bottom: #f39c12 solid 3px;
}

/* Breadcrumb */

#breadcrumb {
    background: #f5f5f5;
    border-bottom: #dcdcdc solid 1px;
    border-top: #dcdcdc solid 1px;
    color: #bbb;
    font-size: 10px;
    margin: 0 0 20px;
    position: fixed;
    padding: 5px 10px;
    top: 50px;
    width: 100%;
    z-index: 3;
}

#breadcrumb a {
    margin: 0 3px;
}

#breadcrumb p{
    color: #7b7d82;
    display: inline-block;
    padding: 0 10px 0;
}

#breadcrumb .content{
    display: flex;
}

#breadcrumb ul{
    padding-top: 5px;
    display: flex;
}

/* Menu */

#menu {
    background: #4b6cb7;
    background: -webkit-linear-gradient(to right, #182848, #4b6cb7);
    background: url("../img/logo-beecrowd.png") center 50px no-repeat, linear-gradient(0deg, #003146, #005275) center no-repeat;
    position: fixed;
    left: -250px;
    min-height: 600px;
    width: 250px;
    z-index: 6;
}

#menu ul {
    height: 45%;
    margin: 250px auto 0;
    overflow-x: hidden;
    width: 150px;
}

#menu ul::-webkit-scrollbar {
    width: 5px;
}

#menu ul::-webkit-scrollbar-track {
    background: #003146;
    border-radius: 10px;
}

#menu ul::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px;
}

#menu a {
    border: rgba(0, 0, 0, 0) solid 1px;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 10px;
    margin: 0 0 5px;
}

#menu a:hover {
    background: #005275;
    border-color: #fff;
}

#menu p {
    bottom: 50px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.wrap {
    position: relative;
}

/* Form */

.column-100 {
    width: 100%;
}

.column-85 {
    width: 85%;
}

.column-80 {
    width: 80%;
}

.column-68 {
    width: 68%;
}

.column-50 {
    width: 50%;
}

.column-48 {
    width: 48%;
}

.column-46 {
    width: 46%;
}

.column-43 {
    width: 43%;
}

.column-40 {
    padding-left: 20px;
    width: 40%;
}

.column-32 {
    width: 32%;
}

.column-25 {
    width: 25%;
}

.column-23 {
    width: 23.9%;
}

.column-23-s {
    width: 23.7%;
}

.column-21 {
    width: 21%;
}

.column-19 {
    width: 19%;
}

.column-15 {
    width: 15.3%;
}

.column-14 {
    padding: 20px;
    width: 14%;
    box-sizing: border-box;
    float: right;
}

.column-11 {
    width: 11.09%;
}

.column-10 {
    width: 10.5%;
    padding: 20px !important;
}

.form-left, .form-right {
    box-sizing: border-box;
}

.form-center {
    float: left;
    padding: 0 10px 0 10px;
}

.form-row {
    float: left;
    padding: 0;
}

.form-left {
    float: left;
    padding: 0 10px 0 0;
}

.form-right {
    float: right;
    padding: 0 0 0 10px;
}

.form-actions {
    text-align: right;
}

.edit-left {
    margin-top: 10px;
    float: left;
    width: 49%;
}

.edit-right {
    margin-top: 10px;
    float: right;
    width: 49%;
}

.left-35px {
    left: 35px;
    position: relative;
}

.pb-level{
    float: left;
    margin: 10px 0 0 20px;
    width: 24%;
}

.pb-timelimit{
    float: right;
    margin-top: 10px;
    width: 23%;
}

/* Challenges status */
/* Status */

#status{
    margin: 20px 0 0 0;
}

#status li{
    margin: 5px 0;
}

.status-ok, .status-error, .status-alert, .r-error{
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    margin: 0 10px 0 0;
}

.status-ok, .status-error, .status-alert{
    padding: 7px 0;
    width: 100px;
}

.status-ok{
    background: #88A62E;
}

.status-error{
    background: #ef4130;
}

.status-alert{
    background: #FFC810;
}

.r-error{
    padding: 7px 0;
    width: 100px;
}

.list-errors li{
    padding: 5px 0 0 0;
}

.e-io-input, .e-io-solution{
    background: #E83E3E;
}

.e-io-mismatch{
    background: #454545;
}

.e-database{
    background: #3498db;
}

.e-author-origin{
    background: #1abc9c;
}

.e-repository{
    background: #e74c3c;
}

.e-toolkit{
    background: #9b59b6;
}

.e-toolkit-found{
    background: #e98b39;
}

.e-type{
    background: #f1c40f;
}

.e-forum{
    background: #34495e;
}

.e-name{
    background: #c0392b;
}

.c-online{
    background: #76B852!important;
    color: #fff;
}

.c-offline{
    background: #ef4130!important;
    color: #fff;
}

/**/

.pb-special{
    float: left;
    margin: 0px;
}

.submit{
    display: inline-block;
    float: right;
}

.low-priority{
    background: #ffffff;
    border: #dadada solid 1px;
    border-bottom: #d8d8d8 solid 3px;
    border-radius: 3px;
    box-sizing: border-box;
    color: #454545;
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-size: 10px;
    margin: 10px 15px 0 0;
    padding: 10px 0 8px;
    text-align: center;
    width: 125px;
}

/* Login */

/* Registration */

.hint {
    color: #888;
    font-size: 10px;
    padding: 5px;
    text-transform: uppercase;
}

.hint-inline {
    float: left;
    margin: 10px 0;
}

.hint-multiple {
    line-height: 14px;
}

.hint-form {
    margin: -10px 0 10px;
    float: left;
}

.request-custom {
    position: relative;
}

.request-custom em{
    color: #aaa;
    left: 0px;
    padding: 0 10px 0;
    position: absolute;
    top: 26px;
    z-index: 1;
}

.r-lattes input{
    padding-left: 91px;
}

.r-research-gate input{
    padding-left: 215px;
}

.r-google-scholar input{
    padding-left: 202px;
}

/*  Tipsy*/

.tipsy {
    font-size: 10px;
    font-weight: 700;
    padding: 5px;
    position: absolute;
    z-index: 100000;
}

.tipsy-inner {
    background-color: #000;
    border-radius: 3px;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center;
}

.tipsy-arrow {
    border: 5px dashed #000;
    height: 0;
    line-height: 0;
    position: absolute;
    width: 0;
}

.tipsy-arrow-n {
    border-bottom-color: #000;
}

.tipsy-arrow-s {
    border-top-color: #000;
}

.tipsy-arrow-e {
    border-left-color: #000;
}

.tipsy-arrow-w {
    border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

/* Header Table */

.tb-header td {
    padding: 5px 0;
}

.tb-h-label {
    color: #777;
    font-size: 10px;
    text-transform: uppercase;
    width: 110px;
}

.key {
    background: whitesmoke;
    border: #dddddd solid 1px;
    border-radius: 3px;
    font-family: 'Ubuntu Mono';
    padding: 3px 5px;
}

/* Statistics Box */

.statistics li, .company li{
    display: inline-block;
    padding: 25px 15px 25px;
    text-align: center;
    width: 100%;
}

.statistics-view li{
    padding: 37px 15px 38px;
    text-align: center;
}

.statistics img {
    padding: 0 10px 0 0;
}

.statistics strong, .box-acronym strong, .company strong {
    font-size: 18px;
}

/* Status */
#status{
    margin: 20px 0 0 0;
}
#status li{
    margin: 5px 0;
}
.status-ok, .status-error, .status-alert, .r-error{
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    margin: 0 10px 0 0;
}
.status-ok, .status-error, .status-alert{
    padding: 7px 0;
    width: 100px;
}
.status-ok{
    background: #88A62E;
}
.status-error{
    background: #ef4130;
}
.status-alert{
    background: #FFC810;
}

/* Premium */

.go-premium {
    background: #ffd76e;
    border: #e1ba53 solid 1px;
    border-radius: 3px;
    padding: 3px 5px;
}

.go-premium-box {
    background: #ffd76e;
    border: #e1ba53 solid 1px;
}

/* General */

.center {
    text-align: center;
}

.line {
    border-bottom: #dcdcdc solid 1px;
    color: #bbb;
    font-size: 10px;
    margin: 0 0 20px;
    padding: 0px 6px;
}

/* Tables */

table {
    width: 100%;
}

.tb th, .pg th {
    color: #7b7d82;
    font-weight: 700;
    padding: 5px 0;
}

.tb th {
    text-align: left;
}

.pg th {
    text-align: center;
    vertical-align: middle;
}

.tb th a {
    color: #7b7d82;
    display: inline-block;
}

.tb .tb-sequence {
    text-align: center;
    width: 6%;
}

.tb .tb-center{
	text-align: center;
}

.tb-left{
	text-align: left;
}

.tb .tb-id {
    text-align: center;
    width: 8%
}

.tb .tb-actions {
    text-align: center;
    width: 16%;
}

.tb .tb-datetime {
    width: 25%;
}

.tb .tb-space {
    width: 1%;
}

.tb .tb-actions a {
    padding: 0 3px;
}

.tb tr {
    border-bottom: 1px solid #ddd;
    border-collapse: collapse;
}

.tb tr.even {
    background: #fff;
}

.tb tr.odd {
    background: #f5f5f5;
}

.tb td, .pg td {
    vertical-align: middle;
}

.tb td, .pg td {
    height: 30px;
}

.tb .score, .pg .score {
    text-align: center;
    width: 5%;
}

.pg .moss {
    text-align: center;
}
/* Contest tags */

.contest-tag {    
    line-height: 10px;
}
.contest-tags span, .contest-tag span {
    font-size: 10px;
    padding: 2px 5px;    
    text-transform: uppercase;
}

.contest-yes{
    border-radius: 3px;
    margin: 0 4px 8px 0;
    background: #f5f5f5; /* permission granted */
    border: #dcdcdc solid 1px;
}
.contest-no{
    border-radius: 3px;
    margin: 0 4px 8px 0;
    background: #e74c3c; ; /* permission denied */
    color: #fff;
}
.contest-tag-public-no{
    background: #e74c3c; ; /* permission denied */
    color: #fff;    
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: #e46d6d  solid 1px;
    margin: 0 0px 8px 0;
}
.contest-tag-password{
    background: #e74c3c; ; /* permission denied */
    color: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;    
    margin: 0 4px 8px 0;
}
.contest-tag-border{
    border: #dcdcdc solid 1px;
    margin: 0 0px 8px 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;    
}
.contest-tag-minutes{
  border-left: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;    
}
/* Permissions Tags */

.permission-tag {    
    line-height: 18px;
}

.permission-tags span, .permission-tag span {
    border-radius: 3px;
    font-size: 9px;
    text-align: center;
    padding: 2px 5px;
    margin: 0 4px 8px 0;
    text-transform: uppercase;
}

.permission-granted{
    background: #3498da; /* permission granted */
    color: #fff;
}

.permission-denied{
    background: #f5f5f5; /* permission denied */
    border: #dcdcdc solid 1px;
}


/* Languages Tags */

.language-tags {
    min-height: 55px;
    line-height: 18px;
}

.language-tags span, .language-tag span {
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    padding: 2px 5px;
    margin: 0 4px 8px 0;
    text-transform: uppercase;
}

.language-1{
    background: #3498db; /* C */
}

.language-2{
    background: #2980b9; /* C++ */
}

.language-3{
    background: #e74c3c; /* Java */
}

.language-4{
    background: #9b59b6; /* Python */
}

.language-5{
    background: #8c59b6; /* Python 3 */
}

.language-6 {
    background: #c0392b; /* Ruby */
}

.language-7 {
    background: #e67e22; /* C# */
}

.language-8 {
    background: #c02b42; /* Scala */
}

.language-9 {
    background: #4a48d6; /* Lua */
}

.language-10 {
    background: #7d9e42; /* JavaScript */
}

.language-11 {
    background: #e73c57; /* Java 8 */
}

.language-12 {
    background: #34d0db; /* Go */
}

.language-13 {
    background: #1a6199; /* SQL */
}

.language-14 {
    background: #34b4db; /* C99 */
}

.language-15 {
    background: #f97603; /* Kotlin */
}

.language-16 {
    background: #2472a4; /* C++17 */
}
.language-17 {		
    background: #4a4996; /* Haskell */		
}
.language-18 {
    background: #b17a4d; /* OCaml */
}
.language-19 {
    background: #ed7084; /* Pascal */
}
.language-20 {
    background: #673e8a; /* Python 3.8 */
}

.language-21 {
    background: #d62839; /* Java 14 */
}

.language-22 {
    background: #4b6cca; /* Dart */
}

.language-23 {
    background: #8697BF; /* R */
}

.language-24 {
    background: #8892BF; /* PHP */
}

.language-25 {
    background: #FA613F; /* Swift */
}

.language-26 {
    background: #91DB47; /* Clojure */
}

.language-27 {
    background: #c0392b; /* Ruby 2.7 */
}

.language-29 {
    background: #2d2bc0; /* Lua 5.4 */
}

.language-30 {
    background: #6f8c3a; /* JavaScript 12.18 */
}

.language-31 {
    background: #505f67; /* Rust */
}

.language-32 {
    background: #3178C6; /* TypeScript 4.1 */
}

.language-33 {
    background: #9ec631; /* Julia */
}

.language-34 {
    background: #8b528c; /* Elixir */
}

.language-35 {
    background: #4d2e67; /* Python 3.9 */
}

.language-36 {
    background: #4d2e67; /* Python 3.9 AI */
}

.language-39 {
    background: #4b6cca; /* Dart, Dart 2.17, Dart 3.0 */
}

.language-40 {
    background: #d62839; /* Java 14, Java 19 */
}

.language-41 {
    background: #3178C6; /* TypeScript 4.1, TypeScript 5.1 */
}

.language-42 {
    background: #2472a4; /* C++17, C++20 */
}

.language-43 {
    background: #4b6cca; /* Dart, Dart 2.17, Dart 3.0 */
}

.language-44 {
    background: #4d2e67; /* Python 3.9 AI */
}

.language-45 {
    background: #8892BF; /* PHP, PHP 8.1 */
}

.language-46 {
    background: #34d0db; /* Go 1.20 */
}

.language-47 {
    background: #FA613F; /* Swift 5.8 */
}

/* Selectsize Languages Tags */

.selectize-control.multi .selectize-input > div.tag-color > a {
    border-left: 1px solid #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-1 {
    background: #3498db;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-2 {
    background: #2980b9;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-3 {
    background: #e74c3c;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-4 {
    background: #9b59b6;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-5 {
    background: #8c59b6;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-6 {
    background: #c0392b;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-7 {
    background: #e67e22;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-8 {
    background: #c02b42;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-9 {
    background: #4a48d6;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-10 {
    background: #7d9e42;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-11 {
    background: #e73c57;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-12,
.selectize-control.multi .selectize-input > div.tag-language-28,
.selectize-control.multi .selectize-input > div.tag-language-46 {
    background: #34d0db;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-13 {
    background: #1a6199;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-14 {
    background: #34b4db;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-15 {
    background: #f97603;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-16,
.selectize-control.multi .selectize-input > div.tag-language-42 {
    background: #2472a4;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-17 {
    background: #4a4996;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-18 {
    background: #b17a4d;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-19 {
    background: #ed7084;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-20 {
    background: #673e8a;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-21,
.selectize-control.multi .selectize-input > div.tag-language-40 {
    background: #d62839;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-22,
.selectize-control.multi .selectize-input > div.tag-language-39,
.selectize-control.multi .selectize-input > div.tag-language-43 {
    background: #4b6cca;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-23 {
    background: #8697BF;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-24,
.selectize-control.multi .selectize-input > div.tag-language-45 {
    background: #8892BF;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-25,
.selectize-control.multi .selectize-input > div.tag-language-47 {
    background: #FA613F;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-26 {
    background: #91DB47;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-27 {
    background: #c0392b;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-29 {
    background: #2d2bc0;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-30 {
    background: #6f8c3a;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-31 {
    background: #505f67;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-32,
.selectize-control.multi .selectize-input > div.tag-language-41 {
    background: #3178C6;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-33 {
    background: #9ec631;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-34 {
    background: #8b528c;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-33 {
    background: #9ec631;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-34 {
    background: #8b528c;
    border: none;
    color: #fff;
}

.selectize-control.multi .selectize-input > div.tag-language-35,
.selectize-control.multi .selectize-input > div.tag-language-36,
.selectize-control.multi .selectize-input > div.tag-language-44 {
    background: #4d2e67;
    border: none;
    color: #fff;
}

.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header > div.selectize-option {
    border-bottom: 1px solid #ddd;
    padding: 10px 8px !important;
}

.selectize-subject {
    color: #7b7d82;
    font-size: 11px;
    padding: 5px 0 0;
}

.selectize-option b{
    font-weight: bold;
}

.selectize-input > div .name + .email {
    margin-left: 5px;
}

.selectize-input > div .email:before {
    content: '<';
}

.selectize-input > div .email:after {
    content: '>';
}

.selectize-input > div .email {
    opacity: 0.8;
}

/* Options */

.options{
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
}

.options span{
    color: #bbb;
    padding: 0 5px;
}

.options a{
    border-left: #bbb solid 1px;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
}

.options a:first-child:not(.white-confetti-button){
    border-left: none;
}

/* Pagination */

.paging {
    text-align: right;
    margin: 20px 0 0;
}

.paging li {
    border: 1px solid #ddd;
    border-radius: 3px;
    display: inline-block;
    margin: 5px 0 5px 10px;
    padding: 7px 8px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    width: 10px;
}

.paging li.prev, .paging li.next {
    font-size: 12px;
    padding: 8px;
    width: 75px;
}

.paging .disabled {
    background-color: #f5f5f5;
}

.paging .disabled a {
    color: #aaa;
}

.paging .active {
    background: #5f5cbd;
    border-color: #5f5cbd;
}

.paging .active a {
    color: #fff;
    font-weight: 700;
}

/* Short Bio */
#short_bio {
  text-align: justify;
}

/* Progress Table */

/* Progress */

.pg{
    
}

.pg-vertical {
    font-size: 10px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

.pg-box {
    background: url('../img/line.png') repeat-x center;
    text-align: center;
    width: 28px;
}

.pg-box a, .pg-box div {
    display: inline-block;
    height: 17px;
    width: 17px;
}

.pg-header {
    height: 40px;
}

.pg-total {
    text-align: right;
    width: 7%;
}

.void{
    background: #f5f5f5;
    border: #ddd solid 1px;
    border-radius: 2px;
}

.solved{
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    background: #a3da68;
    border: #8AA969 solid 1px;
    border-radius: 2px;
    color: #000;
    font-size: 10px;
}

.presentation{
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    background: #ffe39b;
    border: #ecbf49 solid 1px;
    border-radius: 2px;
    color: #000;
    font-size: 10px;
}

.tried{
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    background: #f1736a;
    border: #B0504A solid 1px;
    border-radius: 2px;
    color: #000;
    font-size: 10px;
}


.c-statistics {
    padding: 0 10px;
    text-align: right;
    width: 300px;

}

.c-statistics em {
    display: inline-block;
    font-size: 10px;
    font-style: normal;
}

.c-data sub {
    vertical-align: sub;
    font-size: 8px;
}

.c-data sup {
    vertical-align: super;
    font-size: 8px;
}

.c-data p {
    font-size: 10px;
    line-height: initial;
    text-align: center;
}

.c-data-solved {
    text-align: center;
    background: #f5f5f5;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom: 1px solid #bbb;
}

.c-data-tries {
    text-align: center;
    background: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.solved-tries {
    border-radius: 3px;
    background: #f5f5f5;
    border: 1px solid #bbb;
    text-align: center;
    margin: 3px 2px;
}

.c-data-solved p, .c-data-tries p {
    font-size: 10px;
    padding: 4px 0px;
}

.c-data-summary strong{
    font-weight: bold;
}

/* Configure */

.sort{
    cursor: ns-resize;
}

.highlight-row {
    display: table-row;
    height: 55px;
    width: 100%;
}

.highlight {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQYV2NkQAN37979z4gsBhJQVlZmhAvCBECKwILIAmBBdAGQIADxLROccnJyBgAAAABJRU5ErkJggg==) !important;
    height: 100%;
    width: 100%;
    margin-top: 25px;
}

.c-white {
    background: #fff;
}

.c-select, .c-number {
    margin: 5px;
}

.c-number input {
    text-align: center;
    margin: 0;
}

.c-problem-subject {
    color: #aaa;
    font-size: 10px;
    padding: 5px 0 0;
}

/* Terms of Service */

#terms {

}

#terms ol {
    line-height: 20px;
    list-style: upper-roman;
    padding: 10px 20px;
}

#terms ol li {
    padding: 5px;
}

/* Key */

#show-key {
    padding: 100px 0;
    text-align: center;
}

#show-key h2 {
    font-weight: bold;
    font-size: 16px;
    padding: 10px 0;
}

#show-key em {
    color: #aaa;
    display: block;
    font-style: normal;
}

#show-key strong {
    background: #454545;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 40px;
    padding: 10px 20px;
    margin: 20px;
    width: 50%;
}

#show-key p {
    background: #f5f5f5;
    border: #bbb solid 1px;
    border-radius: 3px;    
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    width: 50%;
    margin: 20px 0 0;
}

#show-key ol {
    border: #bbb solid 1px;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 30px;
    margin: 20px 0 0;
    padding: 20px;
    text-align: left;
    width: 50%;
}

#show-key span {
    background: #005275;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    margin: 0 10px 0 0;
}

.margin-top-18 {
    margin-top: 18px;
}

.margin-top-auto {
    margin: auto;
}

.margin-right-15px {
    margin-right: 15px;
}

/* Comments */

.comment-by {
    color: #aaa;
    font-size: 10px;
    text-transform: uppercase;
}

.comment-text {
    margin: 20px 0 0;
}

/* Blockly */

#blockly {
    height: 500px;
    width: 100%;
}

/* Answers */
.answer {
    font-weight: bold;
}

.a-1, .a-1 a {
    color: #0A0;
}

.a-2, .a-2 a {
    color: #e5af25;
}

.a-3, .a-3 a {
    color: #0AA;
}

.a-4, .a-4 a {
    color: #004fc5;
}

.a-5, .a-5 a {
    color: #660;
}

.a-6, .a-6 a {
    color: #F00;
}

.a-7, .a-7 a {
    color: #992ac9;
}

.a-8, .a-8 a {
    color: #7e00f4;
}

.a-9, .a-9 a {
    color: #274d70;
}

.a-11, .a-11 a {
    color: #ff9800;
}

/* Source Code */
.f-0{
	color: #e5af25;
}

.f-1{
	color: #0A0;
}

.f-3{
	color: #F00;
}

#compilation{
	font-family: 'Ubuntu Mono';
	white-space: pre-wrap;
}

#source-code {
	font-family: 'Ubuntu Mono';
	white-space: pre-wrap;
}

#information-code {
    margin: 0 0 20px;
}

#information-code dl {
    line-height: 20px;
    padding: 18px 20px;
}

#information-code dt {
    font-size: 10px;
    float: left;
    text-transform: uppercase;
    width: 100px;
}

#mailme-recruiter {
    margin-left: 1px;
    margin-top: -2.5px;
    float: left;
}

#source-code, #source-blocks, .detail {
    margin: 0 0 20px;
    width: 100%;
}

#code, #editor{
    height: 480px;
    border:#dcdcdc solid 1px;
    border-radius: 3px;
}

#code-h-ce, #area-io-2, #area-io-3, #validation{
    display: none;
}

#code-c, #code-cpp, #code-java, #code-python, #code-c-sharp, #code-ruby{
    border-bottom: #bbb solid 1px;
    border-top: #bbb solid 1px;
    height: 250px;
    margin: 5px -10px;
    width: 103%;
}

#blockly{
    height: 500px;
    width: 100%;
}

.detail p {
	line-height: 20px;
	padding: 0 20px;
	white-space: pre-wrap;
}

.code-answer-1 .syntaxhighlighter .gutter .line {
	border-right: 3px solid #0a0 !important;
}

.code-answer-2 .syntaxhighlighter .gutter .line {
	border-right: 3px solid #e5af25 !important;
}

.code-answer-2 .syntaxhighlighter .gutter .line.highlighted {
	background-color: #e5af25 !important;
}

.code-answer-3 .syntaxhighlighter .gutter .line {
	border-right: 3px solid #0aa !important;
}

.code-answer-4 .syntaxhighlighter .gutter .line {
	border-right: 3px solid #004fc5 !important;
}

.code-answer-5 .syntaxhighlighter .gutter .line {
	border-right: 3px solid #660 !important;
}

.code-answer-6 .syntaxhighlighter .gutter .line {
	border-right: 3px solid #f00 !important;
}

.code-answer-7 .syntaxhighlighter .gutter .line {
	border-right: 3px solid #992ac9 !important;
}

.code-answer-7 .syntaxhighlighter .gutter .line.highlighted {
	background-color: #992ac9 !important;
}

.code-answer-8 .syntaxhighlighter .gutter .line {
	border-right: 3px solid #7e00f4 !important;
}

.code-answer-9 .syntaxhighlighter .gutter .line {
	border-right: 3px solid #274d70 !important;
}

.code-answer-11 .syntaxhighlighter .gutter .line {
	border-right: 3px solid #ff9800 !important;
}

/* FAQs */

.faq h3 {
    padding: 5px 0 10px 0;
    text-transform: uppercase;
}

.faq-text {
    margin: 10px;
    padding: 0 10px;
    display: none;
}

.faq-text p {
    padding: 5px 0;
}

/* Invited */

.tags-email{
    background: #f2f2f2;
    border: #bbb solid 1px;
    border-radius: 3px;
    box-sizing: border-box;
    color: #303030;
    display: inline-block;
    font-size: 12px;
    padding: 6px;
    margin: 12px 5px 0 0;
}
.tags-remove-email{
    background: #f2f2f2;
    border: #bbb solid 1px;
    border-radius: 0 3px 3px 0;
    box-sizing: border-box;
    color: #303030;
    display: inline-block;
    font-size: 12px;
    padding: 6px;
    margin: 12px 5px 0 -7px;
    font-weight: bold;
    cursor: pointer;
}
.padding-4px {
    padding: 4px;
}
/* Action */

a.confetti-button {
    background: #005275;
    border: #003146 solid 1px;
    border-bottom: #003146 solid 3px;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    padding: 7px;
    position: relative;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
    text-align: center;
    width: 125px
}

a.confetti-button::before, a.confetti-button::after {
    position: absolute;
    content: '';
    display: block;
    width: 130%;
    height: 130%;
    left: -10%;
    z-index: -1000;
    transition: all ease-in-out 0.5s;
    background-repeat: no-repeat;
}

a.confetti-button::before {
    display: none;
    top: -75%;
    background-image: radial-gradient(circle, #5f5cbd 20%, transparent 20%), radial-gradient(circle, transparent 20%, #5f5cbd 20%, transparent 30%), radial-gradient(circle, #5f5cbd 20%, transparent 20%), radial-gradient(circle, #5f5cbd 20%, transparent 20%), radial-gradient(circle, transparent 10%, #5f5cbd 15%, transparent 20%), radial-gradient(circle, #5f5cbd 20%, transparent 20%), radial-gradient(circle, #5f5cbd 20%, transparent 20%), radial-gradient(circle, #5f5cbd 20%, transparent 20%), radial-gradient(circle, #5f5cbd 20%, transparent 20%);
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
    z-index: 2;
}

a.confetti-button::after {
    display: none;
    bottom: -75%;
    background-image: radial-gradient(circle, #5f5cbd 20%, transparent 20%), radial-gradient(circle, #5f5cbd 20%, transparent 20%), radial-gradient(circle, transparent 10%, #5f5cbd 15%, transparent 20%), radial-gradient(circle, #5f5cbd 20%, transparent 20%), radial-gradient(circle, #5f5cbd 20%, transparent 20%), radial-gradient(circle, #5f5cbd 20%, transparent 20%), radial-gradient(circle, #5f5cbd 20%, transparent 20%);
    background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
    z-index: 2;
}

a.confetti-button:active {
    transform: scale(0.97);
    background-color: #005275;
}

a.confetti-button.animate:before {
    display: block;
    animation: topBubbles ease-in-out 0.75s forwards;
}

a.confetti-button.animate::after {
    display: block;
    animation: bottomBubbles ease-in-out 0.75s forwards;
}

a.white-confetti-button {
    background: #fff;
    border: #003146 solid 1px;
    border-bottom: #003146 solid 3px;
    border-radius: 3px;
    box-sizing: border-box;
    color: #003146;
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    padding: 7px;
    position: relative;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
    text-align: center;
    width: 125px
}

@keyframes
topBubbles {
    0% {
        background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
    }
    50% {
        background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
    }
    100% {
        background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}

@keyframes
bottomBubbles {
    0% {
        background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
    }
    50% {
        background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
    }
    100% {
        background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}

/* Flash */

.iziToast.iziURI {
    padding: 2px 45px 2px 0;
    min-height: 30px;
}

.iziToast.iziURI>.iziToast-body .iziToast-message {
    color: #222;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

.iziToast.iziURISuccess {
    background: #c2eb7b;
    min-width: 500px;
}

.iziToast.iziURIWarning {
    background: #f5f79b;
    min-width: 500px;
}

.iziToast.iziURIFailure {
    background: #f29696;
    min-width: 500px;
}

.iziToast-wrapper {
    padding: 55px 0!important;
}

.iziToast>.iziToast-body .iziToast-texts {
    width: 100%;
}

/* Ranking */

.c-contestant {
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
    padding: 0 10px;
    text-align: left;
    width: 200px;
}

.c-contestant em, .c-contestant > em > a, .c-statistics em {
    color: #999;
    display: inline-block;
    font-size: 10px;
}

.c-contestant em {
    padding-top: 4px;
}

.c-box,.c-box-h,.c-box-t, .c-data {
    padding: 0;
    text-align: center;
    width: 50px;
}

.c-box,.c-box-t {
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
    vertical-align: bottom;
}

.c-box p,.c-box-t p {
    border-radius: 30px;
    font-weight: 700;
    margin: 5px auto 0;
    padding: 3px;
    width: 15px;
    line-height: 13px;
}

.c-box-t p {
    border-bottom: #ddd solid 3px;
    color: #454545
}

/* .c-data {
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
} */

.c-data sup {
    vertical-align: super;
    font-size: 8px;
}

.c-data sub {
    vertical-align: sub;
    font-size: 8px;
}

.c-data-summary {
    border-radius: 3px;
    border: #bbb solid 1px;
    margin: 3px 2px;
    height: 46px;
    text-align: center;
    width: 36px;
}

.c-data-summary p {
    padding: 5px 0;
}

.c-data-summary strong{
    font-weight: bold;
}

.first-to-solve, .c-status {
    border-radius: 3px;
    margin: 3px 2px;
}

.first-to-solve {
    background: #efefef;
    border: #bbb solid 1px;
}

.c-status {
    border: #fff solid 1px;
}

.c-yes a {
    color: #fff;
}

.c-yes-a {
    background: #7f98ce;
    border-bottom: #5874B1 solid 3px;
}

.c-yes-b {
    background: #88c425;
    border-bottom: #519548 solid 3px;
}

.c-yes-c {
    background: #00ba9a;
    border-bottom: #00947b solid 3px;
}

.c-yes-d {
    background: #f65a48;
    border-bottom: #be483b solid 3px;
}

.c-yes-e {
    background: #f29a4c;
    border-bottom: #e67e22 solid 3px;
}

.c-yes-f {
    background: #b375cd;
    border-bottom: #8e44ad solid 3px;
}

.c-yes-g {
    background: #5c738a;
    border-bottom: #34495e solid 3px;
}

.c-yes-h {
    background: #fb7696;
    border-bottom: #EF476F solid 3px;
}

.c-yes-i {
    background: #599db5;
    border-bottom: #086788 solid 3px;
}

.c-yes-j {
    background: #bbb;
    border-bottom: #7f8c8d solid 3px;
}

.c-yes-k {
    background: #eed455;
    border-bottom: #d5ba3b solid 3px;
}

.c-yes-l {
    background: #a67b5b;
    border-bottom: #7b3429 solid 3px;
}

.c-yes-m {
    background: #94c8c2;
    border-bottom: #69a09a solid 3px;
}

.c-yes-n {
    background: #EE6C4D;
    border-bottom: #ac4f39 solid 3px;
}

.c-yes-o {
    background: #888888;
    border-bottom: #333333 solid 3px;
}

.c-no {
    border-bottom: #ddd solid 3px;
    color: #454545;
}

.c-box span,.c-box-t span {
    display: block;
    font-size: 10px;
    margin: 3px 0;
    padding: 2px 0;
}

.c-box-h {
    border-bottom: #bbb solid 1px;
    font-size: 18px;
    font-weight: bold;
}

.c-box-null{
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

/* Company logo */
.company-logo {
    height: 105px;
    position: relative;
    margin-bottom: 15px;
}

.company-logo img {
    max-width: 132px;
    max-height: 125px;
    width: auto;
    height: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.filename {
    font-size: 12px;
}

.company-acronym {
    margin: 0 0px 58px 0px;
    display: contents;
}

/* Live */
#node-colour{
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    width: 10px;
}

.node-loading{
    background: #e67e22;
}

.node-reconnect{
    background: #3AD6AE;
}

.node-live{
    background: #9FB336;
}

.node-offline{
    background: #F76B6B;
}

/* Builder */
#validation ul, #generated{
	list-style: square;
	line-height: 20px;
	padding: 0 18px 12px;
}

.ce-block__content{
    max-width: 100%;
    margin-bottom: 0;
    padding: 0 10px;
}
.ce-toolbar__content{
    max-width: 100%;
}
element.style {
    padding-bottom: 0;
}

h2.ce-header{
    font-weight: bold;
}

/* Popup */

#popup {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 600px;
    background-color: #fff;
    padding: 0px 10px 35px 0px;
}

#popup h2 {
    color: #5f5cbd;
    font-size: 18px;
    font-weight: bold;
    padding: 30px 0;
}

#popup p {
    font-size: 12px;
    padding: 0px 30px 20px 30px;
    line-height: 18px;
    word-wrap: break-word;
}

#popup p strong {
    font-weight: bold;
}

/* #popup a {
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    padding: 7px 15px;
    text-transform: uppercase;
    background: #5f5cbd;
    border: #003146 solid 1px;
    border-bottom: #003146 solid 3px;
    border-radius: 3px;
    color: #fff;
    transition: 0.7s;
    position: relative;
    margin: 0px 5px;
}

#popup a:hover {
    background-color: #003146;
} */

#popup img {
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

/* Challenge Suggestion - Popup */

.btn-suggestion {
    text-align: center;
    position: relative;
    width: 700px;
}

#suggestion-popup {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 750px;
    background-color: #fff;
    padding: 0px 10px 35px 0px;
}

#suggestion-popup h2 {
    color: #5f5cbd;
    font-size: 18px;
    font-weight: bold;
    padding: 30px 0;
}

#suggestion-popup table {
    width: 670px;
}

#suggestion-popup table .text-align-end {
    text-align: end;
}

.text-align-end {
    text-align: end;
}

#suggestion-popup table .padding-right-16 {
    padding-right: 16px;
}

#suggestion-popup .title {
    height: 100px;
}

#suggestion-popup .body {
    height: 330px;
    overflow: auto;
    margin-top: 5px;
}

#suggestion-popup .footer {
    height: 30px;
    top: 5px;
}

#suggestion-popup p {
    font-size: 12px;
    padding: 0px 30px 20px 30px;
    line-height: 18px;
    word-wrap: break-word;
}

#suggestion-popup p strong {
    font-weight: bold;
}

#suggestion-popup td.tb {
    text-align: left;
}

#suggestion-popup img {
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

/* popup suggestion */

.popup-frame {
    margin: 30px;
}

.problem-suggestion-button {
    float: right;
    margin-top: 0 !important;
    height: 34px;
    width: 135px !important;
}

.popup-problem-suggestion {
    min-height: 400px;
}

.btn-suggestion {
    text-align: center;
    position: relative;
    width: 700px;
}

#suggestion-popup {
    margin: 0 auto;
    position: relative;
    width: 750px;
    height: 460px;
    background-color: #fff;
    padding: 0px 10px 35px 0px;
}

#suggestion-popup h2 {
    color: #5f5cbd;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding: 30px 0;
}

#suggestion-popup table {
    width: 670px;
}

#suggestion-popup table .text-align-end {
    text-align: end;
}

#suggestion-popup table .padding-right-16 {
    padding-right: 16px;
}

#suggestion-popup .title {
    height: 100px;
}

#suggestion-popup .body {
    height: 330px;
    overflow: auto;
    margin-top: 5px;
}

#suggestion-popup .footer {
    height: 30px;
    top: 5px;
}

#suggestion-popup p {
    font-size: 12px;
    padding: 0px 30px 20px 30px;
    line-height: 18px;
    word-wrap: break-word;
}

#suggestion-popup p strong {
    font-weight: bold;
}

#suggestion-popup td.tb {
    text-align: left;
}

#suggestion-popup img {
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

.moss-plagia {
    background: rgba(255, 50, 50, 0.1);
    position: absolute;
    width: 100% !important;
    left: 0 !important;
}

.full-width {
    width: 100%;
}

.form-h-30, .form-3-columns {
    min-height: 30px !important;
}

.form-3-columns {
    width: 71.7%;
}

#recruiting-contest, #freelancing-contest, #student-contest, #professional-contest, #moss, #horus {
    margin-right: 7px;
    margin-left: -3px;
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
}

.skill-box {
    border: 1px solid #bbb;
    border-radius: 3px;
    padding: 10px;
    display: inline-block;
    margin-bottom: 15px;
    width: 97%;
}

.right-inner-option {
    float: right;
    text-align: right;
}

.left-inner-option {
    float: left;
    text-align: left;
}

.hidden {
    display: none;
}

.table-row {
    display: table-row;
}

.hover:hover {
    cursor: pointer;
}

.list-items {
    padding-left: 2%;
    padding-top: 1%;
    list-style-type: disc;
}

.moss-check {
    width: 28% !important;
}

.horus-check {
    width: 28% !important;
}

.box-challenges {
    background: #fff;
    border: #dcdcdc solid 1px;
    border-radius: 3px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
    height: 325px;
}

.cdx-simple-image__caption {
    display: none;
}

.editor-box {
    border: 1px solid #ccc;
}

.loading-box {
    width: 150px;
    margin:auto;
}

.challenge-suggestion-button {
    float: right;
    margin-top: 0 !important;
    height: 34px;
    width: 135px !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.popup-challenge-suggestion {
    min-height: 400px;
}

.popup-frame {
    margin: 30px;
}

.editor.ql-container.ql-snow .ql-editor {
    min-height: 300px;
    overflow-y: visible;
}

.ql-editor sub, .builder_ckeditor sub {
    vertical-align: sub;
    font-size: smaller;
}

.ql-editor sup, .builder_ckeditor sup {
    vertical-align: super;
    font-size: smaller;
}

.error-message {
    display: none;
}

.informations {
    margin-top: 15px;
}

.item-title {
    display: flex;
    justify-content: flex-start;
    padding: 10px;
    width: 95%;
}

.show-more-icon, .show-less-icon {
    height: 22px;
    width: 22px;
    margin-right: 10px;
}

/* Terms and Policy Popup */

.hover:hover {
    cursor: pointer;
}

#popup a:not(.link), .gotitbutton:not(.link) {
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    padding: 7px 15px;
    text-transform: uppercase;
    background: #5f5cbd;
    border: #003146 solid 1px;
    border-bottom: #003146 solid 3px;
    border-radius: 3px;
    color: #fff;
    transition: 0.7s;
    position: relative;
    margin: 0px 5px;
}

a.link {
    color: #454545;
    text-decoration: underline;
}

#popup a:hover :not(.link) {
    background-color: #003146;
}

#popup img {
    margin: -20px 0 -17px;
}

.width-55 {
    width: 55px !important;
}

.width-25-p {
    width: 25%;
}

.width-73-p {
    width: 73%;
}

.width-170-px {
    width: 170px;
}

.text-align-center {
    text-align: center;
}

.padding-5 {
    padding: 5px;
}

.padding-3 {
    padding: 3px;
}

.height-14px {
    height: 14px;
}

.height-200 {
    height: 200px;
}

.height-323 {
    height: 323px;
}

.submit-clarification {
    height: 250px;
    margin-bottom: 10px;
}

.pointer-events-none {
    pointer-events: none;
}

.search-text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 12px;
}

.search-text .button-by-search {
    grid-column-start: 1;
    grid-column-end: 5;
    text-align: right;
}

/*     CSS CKEDITOR     */

.new-text {
    
    ul  {
        list-style-type: circle;
        line-height: 20px;
        list-style-type: square;
        padding: 5px 0 5px 25px;
    }
    
    ol  {
        list-style-type: decimal !important;
        list-style: decimal !important;
        line-height: 20px;
        list-style-type: square;
        padding: 5px 0 5px 25px;
    }
    
    a {
        color: #0782C1;
        text-decoration: underline;
    }

    table {
        width: auto;
        display: table;
        border-collapse: separate;
        box-sizing: border-box;
        text-indent: initial;
        border-spacing: 2px;
        border-color: gray;
    }
    
    
    tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }
    
    th {
        background-color: #f2f2f2;
        font-weight: bold;
        text-align: left;
        border: 1px solid #000;
    }
    
    td {
        border: 1px solid #000;
        display: table-cell;
        vertical-align: inherit;
    }
    
    em {
        font-style: italic;
    }
    
    sup {
        vertical-align: super;
        font-size: smaller;
    }
    
    sub {
        vertical-align: sub;
        font-size: smaller;
    }
}
    /*     CSS CKEDITOR    */

.plagium-div {
    display: flex;
    justify-content: space-between;
}

.plagium-head {
    display: flex;
}

/*     CSS popup confirm recruiter rejection    */
#confirm_rejection_popup {
    margin: 0 auto;
    position: relative;
    text-align: center;
    background-color: #fff;
    font-family: Ubuntu;
    width: 421px;
}

#confirm_rejection {
    padding: 20px;
}

#company_recruiter_title {
    margin: auto 0;
}

.company_recruiter_title {
    text-align: left;
    font-size: 15px;
    color: #000;
    margin-bottom: 20px;
}

.groups_capabilities_font {
    font-size: 14px;
    color: #454545;
}

.capabilities_total {
    font-size: 14px;
}

.bold {
    font-weight: bold;
}

#confirm_rejection_popup .body_confirm_rejection {
    margin: 0 0 20px 0;
    font-size: 12px;
    color: #454545;
    background-color: #F5F5F5;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

#confirm_rejection_popup .footer_confirm_rejection {
    text-align: right;
}

#confirm_rejection_popup .body_confirm_rejection td {
    height: 34px;
    vertical-align: middle;
}

#confirm_rejection_popup .footer_confirm_rejection button {
    vertical-align: middle;
    margin: 0;
}

/* recruiters add/edit css */

.recruiter-button-back {
    font-size: 15px;
    color: #696969;
    margin-bottom: 20px;
}

.recruiter-button-back a {
    margin-left: -4px;
}

.recruiter-button-back a img {
    width: 24px;
    height: 24px;
    vertical-align: -6px;
    margin-right: 7px;
}

.span-add-recruiter {
    padding-top: 20px;
    width: 100%;
    position: relative;
    display: flex;
}

.flex-row-space-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.margin-left-18px {
    margin-left: 18px;
}

.margin-left-5px {
    margin-left: 5px;
}

.margin-top-bottom-5px {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-bottom-10px {
    margin-bottom: 10px;
}

.margin-top-bottom-20px {
    margin-top: 20px;
    margin-bottom: 20px;
}

.granted-only {
    margin: auto;
}

#header-capabilities {
    height: 69px;
    padding: 0 20px;
    border-bottom: 1px solid #DCDCDC;
}

#header-capabilities label {
    color: #696969;
}

#header-capabilities input {
    color: #696969;
}

#header-capabilities .granted-only label {
    font-size: 14px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

#header-capabilities .granted-only input[type=checkbox] {
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    border-radius: 4px;
    margin-right: 2px;
    border: 1px solid #696969;
}

#header-capabilities .quick-find input[type=text] {
    margin: 0;
}

#capabilities .page {
    padding-top: 0;

}

#capabilities .input {
    font-size: 14px;
    color: #B3B3B3;
}

#capabilities .disabled {
    pointer-events: none;
    opacity: 30%;
}

#header-capabilities .granted-only input[type="checkbox"]:checked  {
    content: url('../img/talents/checkv.svg');
    background-color: #005275;
    border-color: #0e5f81;
}

.quick-find {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    width: calc(100% - 330px);
    justify-content: end;
}

.quick-find label {
    padding-right: 10px;
    margin: 0;
}

.quick-find .text {
    width: calc(100% - 100px);
}

/* toogle switch */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
    color: #B3B3B3;
    font-size: 14px;
}
  
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.width-switches {
    width: calc(100% - 200px);
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    border: 2px solid #D8D8D8;
    -webkit-transition: .4s;
    transition: .4s;
}
  
.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 0;
    bottom: 0;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
  
input:checked + .slider {
    background-color: #005275;
    border: 2px solid #005275;
}
  
input:checked + .slider:before {
    background-color: white;
}
  
input:focus + .slider {
    box-shadow: 0 0 1px #005275;
}
  
input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}
  
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}
  
.slider.round:before {
    border-radius: 50%;
    background-color: #B3B3B3;
}


/* search input*/
.img-search-position {
    position: relative;
}

.img-search-position img {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    z-index: 2;
}

.waiting-approve {
    a {
        color: white;
        text-decoration: underline;
    }
    height: 42px;
    background-color: #005275;
    border: 1px solid #003146;
    color: white;
    position: relative;
    display: flex;
    justify-content: center;
    color: white;
    font-size: 14px;
    border-radius: 3px;
    margin: 100px auto 20px;
}

.tb-duser {
    width: 10%;
    text-align: center;
}

.plagiarism-warning {
    background-color: #fff3cd;
    color: #000000;
    padding: 15px;
    border: 1px solid #ffeeba;
    border-radius: 4px;
    font-family: sans-serif;
    font-size: 14px;
    margin: 10px 0;
}

.h-languages-item{
    height: 25px;
}
#company-informations {
    display: flex;
}

.company {
    height: -webkit-fill-available;
    background-color: white; 
    margin-bottom: 20px;
    border: #dcdcdc solid 1px;
}

.company .box {
    background: #fff;
    border: 0px !important;
    border-radius: 3px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
}

.char-counter-company {
    text-align: right;
    color: #666;
    font-size: 12px;
    margin-top: -35px;
    margin-bottom: 10px;
    padding-right: 5px;
}

.proficiency-selected{
    width: 224px;
}
.positions-open{
    width: 224px;
    margin-right: 28px;
}

#positions-open-and-proficiency{
    display: flex;
}