html {
    background-image: url(../img/6.0/internal-min.svg), radial-gradient(at top right, #D8D8D8 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,
h3,
h4 {
    display: inline-block;
    width: 70%;
}

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

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;
    word-wrap: break-word;
}

strong {
    font-weight: 700;
}

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

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

input[readonly=readonly],
select[disabled=disabled],
textarea[readonly=readonly] {
    background: #f3f3f3;
    color: #333;
    cursor: not-allowed;
}

input[type=file] {
    margin: 10px 0;
}

input[type=checkbox] {
    float: left;
}

label.checkbox {
    display: inline-block;
    line-height: 20px;
    margin: 5px 0;
}

.checkbox label {
    display: flex;
    align-items: baseline;
}

input[type="checkbox"] {
    position: relative;
    top: 2px !important;
}

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

.overflow-hidden {
    overflow: hidden;
}

.flex-columns {
    display: flex;
    flex-direction: column;
}

.checkbox {
    top: 30px;
    position: relative;
}

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;
}

.fields-by-search {
    width: 19%;
    float: left;
    padding-left: 5px;
}

.submit {
    text-align: right;
}

input[type=submit],
button[type=submit],
.submit-file,
.preview-button,
.schedule-a-meeting {
    background: #3C3C3B;
    border: #242423 solid 1px;
    border-bottom: #242423 solid 3px;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    padding: 7px;
    margin: 10px 0 0 0;
    width: 125px;
}

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

header h1 {
    cursor: default;
    display: inline-block;
    height: 10px;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

header h1 {
    background: url('../img/guardian.png') no-repeat center;
}

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

#container {
    overflow: hidden;
}

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

.min-height-500 {
    min-height: 500px;
}

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

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

.wrap {
    position: relative;
}

.both {
    clear: both;
}

.page {
    padding: 20px;
    background: #fff;
    border: #dcdcdc solid 1px;
}

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

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

.info {
    display: inline-block;
    font-size: 10px;
    float: left;
    line-height: 12px;
    margin: 20px 0;
    width: 82%;
}

.hint {
    display: inline-block;
    font-size: 10px;
    float: left;
    line-height: 12px;
    width: 82%;
}

/* 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%;
}

/* Menu */

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

#menu ul {
    height: 50%;
    margin: 250px auto 0;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 200px;
}

#menu li {
    border-radius: 3px;
    margin: 0 15px 0 0;
    transition: 0.3s;
}

#menu hr {
    border: none;
    border-top: #fff dotted 1px;
    margin: 5px 0;
    width: 92%;
}

#menu li:hover {
    background: #CABB0D;
}

#menu li a:hover {
    color: #000000;
}

#menu div.fade {
    box-shadow: 0 0 20px 15px rgba(239, 65, 48, 1);
    height: 1px;
    position: absolute;
    width: 72%;
    -webkit-box-shadow: 0 0 20px 15px rgba(239, 65, 48, 1);
}

#menu div.fade-bottom {
    top: 517px;
}

#menu div.fade-top {
    top: 230px;
}

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

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

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

#menu a {
    color: #fff;
    display: block;
    font-weight: 300;
    padding: 10px 0 10px 35px;
}

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

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

.advertisement {
    width: 350px !important;
    height: 320px !important;
    margin: 0 auto;
}

.advertisement-h2 {
    width: 50%;
    float: right;
    text-align: center;
}

.width-50-percent {
    width: 50%;
}

.padding-top-8 {
    padding-top: 8px !important;
}

.padding-top-0 {
    padding-top: 0;
}

.opportunities {
    width: 100%;
    float: left;
}

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

.h-small {
    width: 25%;
}

.h-large {
    width: 50%;
}

.h-avatar {
    background: #454545;
    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);
    z-index: 6;
}

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

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

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

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

.h-avatar-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 {
    display: block;
    font-size: 10px;
    padding: 7px 15px;
    text-transform: uppercase;
}

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

.h-user {
    float: right;
    margin: 12px 0;
    text-align: right;
}

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

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

#h-logo {
    background: url('../img/beecrowd-guardian.png') no-repeat center;
}

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

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

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

/* Breadcumb */
#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: 4;
}

#breadcrumb a {
    margin: 0 3px;
}

#breadcrumb p {
    color: #7b7d82;
    padding: 0 10px 0;
    line-height: 20px;
}

#breadcrumb .content {
    display: flex;
}

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

/* Boxes */
.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-space-right {
    padding: 0 0 20px 0;
}

.cb-10 {
    width: 10%;
}

.cb-20 {
    width: 20%;
}

.cb-40 {
    width: 40%;
}

.cb-49 {
    width: 49%;
}

.cb-50 {
    width: 50%;
}

.cb-60 {
    width: 60%;
}

.cb-80 {
    width: 80%;
}

.cb-100 {
    width: 100%;
}

.cb-login {
    margin: 0 auto 20px;
    width: 350px;
}

/* Form */

.column-100 {
    width: 100%;
}

.column-95 {
    width: 95%;
}

.column-65 {
    width: 65%;
}

.column-60 {
    width: 60%;
}

.column-50 {
    width: 50%;
}

.column-48 {
    width: 48%;
}

.column-46 {
    width: 46%;
}

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

.column-32 {
    width: 32.6%;
}

.column-24 {
    width: 24.9%;
}

.column-23 {
    width: 23.9%;
}

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

.column-20 {
    width: 20%;
}

.column-19 {
    width: 19%;
}

.column-17 {
    width: 17%;
}

.column-15 {
    width: 15.3%;
}

.column-10 {
    width: 10%;
}

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

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

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

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

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

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

.padding-10 {
    padding: 10px;
}

.font-weight-100 {
    font-weight: 100;
}

/* .submit{
    display: inline-block;
} */

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

.display-none {
    display: none;
}

.visibility-hidden {
    visibility: hidden;
}

.z-index-100 {
    z-index: 100;
}

.z-index-101 {
    z-index: 101;
}

.z-index-102 {
    z-index: 102;
}

.z-index-103 {
    z-index: 103;
}

.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;
}

/* Statistics Box */

.statistics li {
    padding: 25px 15px 25px;
    text-align: center;
}

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

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

.statistics strong {
    font-size: 18px;
}

.statistics-bar ul {
    display: flex;
    justify-content: space-between;
}

.statistics-bar ul li {
    flex-basis: calc(20% - 20px);
}

/* 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;
}

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

/* Profile Pic */

#profile-pic-box {
    border-radius: 3px;
    overflow: hidden;
    height: 200px;
    border: #dcdcdc solid 1px;
    background: #fff;
}

#profile-pic-box img {
    display: block;
    height: 178px;
    width: 178px;
}

#profile-pic-box p {
    text-align: center;
    font-size: 8px;
    border-top: #dcdcdc solid 1px;
    display: block;
    margin: 0;
    padding: 0;
}

/* Bagdes */

#badges {
    display: inline-block;
}

#badges li {
    background-image: url('https://resources.beecrowd.com/judge/img/5.1/badges.png');
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    height: 53px;
    margin: 5px;
    position: relative;
    width: 53px;
}

#badges li a {
    display: inline-block;
    height: 53px;
    width: 53px;
}

#badges li span {
    display: none;
}

.bg-a {
    opacity: 1;
}

.bg-i {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    /* IE 6-9 */
    opacity: 0.3;
}

.badge-0 {
    background-position: 0 0;
}

.badge-1 {
    background-position: 0 -53px;
}

.badge-2 {
    background-position: 0 -106px;
}

.badge-3 {
    background-position: 0 -159px;
}

.badge-4 {
    background-position: -318px 0;
}

.badge-5 {
    background-position: -106px 0;
}

.badge-6 {
    background-position: -53px 0;
}

.badge-7 {
    background-position: -371px 0;
}

.badge-8 {
    background-position: -265px -212px;
}

.badge-9 {
    background-position: -265px -159px;
}

.badge-10 {
    background-position: -53px -53px;
}

.badge-11 {
    background-position: -53px -106px;
}

.badge-12 {
    background-position: -53px -159px;
}

.badge-13 {
    background-position: -106px -53px;
}

.badge-14 {
    background-position: -106px -106px;
}

.badge-15 {
    background-position: -106px -159px;
}

.badge-16 {
    background-position: -371px -53px;
}

.badge-17 {
    background-position: -371px -106px;
}

.badge-18 {
    background-position: -371px -212px;
}

.badge-19 {
    background-position: -371px -159px;
}

.badge-20 {
    background-position: -212px -212px;
}

.badge-21 {
    background-position: 0 -212px;
}

.badge-22 {
    background-position: -265px -53px;
}

.badge-23 {
    background-position: -318px -53px;
}

.badge-24 {
    background-position: -212px -53px;
}

.badge-25 {
    background-position: -212px -106px;
}

.badge-26 {
    background-position: -212px -159px;
}

.badge-27 {
    background-position: -212px 0;
}

.badge-28 {
    background-position: -318px -159px;
}

.badge-29 {
    background-position: -265px -106px;
}

.badge-30 {
    background-position: -318px -212px;
}

.badge-31 {
    background-position: -106px -212px;
}

.badge-32 {
    background-position: -53px -212px;
}

.badge-33 {
    background-position: -159px 0;
}

.badge-34 {
    background-position: -159px -53px;
}

.badge-35 {
    background-position: -159px -106px;
}

.badge-36 {
    background-position: -159px -159px;
}

.badge-37 {
    background-position: -159px -212px;
}

.badge-38 {
    background-position: -265px 0;
}

.badge-39 {
    background-position: -318px -106px;
}

.badge-40 {
    background-position: -424px 0;
}

.badge-41 {
    background-position: -424px -53px;
}

.badge-42 {
    background-position: -424px -159px;
}

.badge-43 {
    background-position: -424px -212px;
}

.badge-44 {
    background-position: -477px 0px;
}

.badge-45 {
    background-position: -477px -53px;
}

.badge-46 {
    background-position: -424px -106px;
}

.badge-47 {
    background-position: -477px -106px;
}

.badge-48 {
    background-position: -477px -212px;
}

.badge-49 {
    background-position: -530px 0;
}

.badge-50 {
    background-position: -477px -159px;
}

.badge-51 {
    background-position: -530px -53px;
}

.badge-52 {
    background-position: -530px -106px;
}

.badge-53 {
    background-position: -530px -159px;
}

.badge-54 {
    background-position: -530px -212px;
}

.badge-55 {
    background-position: -371px -371px;
}

.badge-56 {
    background-position: -318px -371px;
}

.badge-57 {
    background-position: -265px -371px;
}

.badge-58 {
    background-position: -212px -371px;
}

.badge-59 {
    background-position: -159px -371px;
}

.badge-60 {
    background-position: -106px -371px;
}

.badge-61 {
    background-position: 0px -371px;
}

.badge-62 {
    background-position: -53px -371px;
}

.badge-63 {
    background-position: -318px -318px;
}

.badge-64 {
    background-position: -371px -318px;
}

.badge-65 {
    background-position: -212px -318px;
}

.badge-66 {
    background-position: -265px -318px;
}

.badge-67 {
    background-position: -106px -318px;
}

.badge-68 {
    background-position: -159px -318px;
}

.badge-69 {
    background-position: 0px -318px;
}

.badge-70 {
    background-position: -53px -318px;
}

.badge-71 {
    background-position: -318px -265px;
}

.badge-72 {
    background-position: -371px -265px;
}

.badge-73 {
    background-position: -212px -265px;
}

.badge-74 {
    background-position: -265px -265px;
}

.badge-75 {
    background-position: -106px -265px;
}

.badge-76 {
    background-position: -159px -265px;
}

.badge-77 {
    background-position: 0px -265px;
}

.badge-78 {
    background-position: -53px -265px;
}

.badge-79 {
    background-position: -424px -265px;
}

.badge-80 {
    background-position: -477px -265px;
}

.badge-81 {
    background-position: -530px -265px;
}

.badge-82 {
    background-position: -424px -318px;
}

.badge-83 {
    background-position: -477px -318px;
}

.badge-84 {
    background-position: -530px -318px;
}

.badge-85 {
    background-position: -424px -371px;
}

.badge-86 {
    background-position: -477px -371px;
}

.badge-87 {
    background-position: -530px -371px;
}

.badge-88 {
    background-position: -53px -424px;
}

.badge-89 {
    background-position: 0px -424px;
}

.badge-90 {
    background-position: -159px -424px;
}

.badge-91 {
    background-position: -265px -424px;
}

.badge-92 {
    background-position: -212px -424px;
}

.badge-93 {
    background-position: -318px -424px;
}

.badge-94 {
    background-position: -371px -424px;
}

.badge-95 {
    background-position: -477px -424px;
}

.badge-96 {
    background-position: -106px -424px;
}

.badge-97 {
    background-position: -530px -424px;
}

.badge-98 {
    background-position: -424px -424px;
}

.badge-99 {
    background-position: 0px -477px;
}

.badge-100 {
    background-position: -53px -477px;
}

.badge-101 {
    background-position: -106px -477px;
}

.badge-102 {
    background-position: -159px -477px;
}

.badge-103 {
    background-position: -212px -477px;
}

.badge-104 {
    background-position: -265px -477px;
}

.badge-105 {
    background-position: -318px -477px;
}

.badge-106 {
    background-position: -371px -477px;
}

.badge-107 {
    background-position: -424px -477px;
}

.badge-108 {
    background-position: -477px -477px;
}

.badge-109 {
    background-position: -530px -477px;
}

.badge-110 {
    background-position: 0px -530px;
}

.badge-111 {
    background-position: -53px -530px;
}

.badge-112 {
    background-position: -106px -530px;
}

.badge-113 {
    background-position: -159px -530px;
}

.badge-114 {
    background-position: -212px -530px;
}

.badge-115 {
    background-position: -265px -530px;
}

.badge-116 {
    background-position: -318px -530px;
}

.badge-117 {
    background-position: -371px -530px;
}

.badge-118 {
    background-position: -424px -530px;
}

.badge-119 {
    background-position: -477px -530px;
}

.badge-120 {
    background-position: -530px -530px;
}

.badge-121 {
    background-position: -583px -53px;
}

.badge-122 {
    background-position: -583px 0;
}

/* Contest Dates */

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

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

.edit-small-right {
    margin-top: 0px;
    float: right;
    width: 23%;
}

.edit-small-center {
    margin: 0px 0 0 20px;
    float: left;
    width: 24%;
}

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

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

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

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

/**/

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


/* Tables */

table {
    width: 100%;
}

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

.tb th {
    text-align: left;
}

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

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

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

.tb .tb-answers {
    text-align: center;
    width: 14%;
}

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

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

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

.tb .tb-datetime {
    width: 13%;
    text-align: center;
}

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

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

.tb .tb-acronym {
    width: 16%;
}

.tb .tb-uuid {
    width: 28%;
    text-align: center;
}

.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%;
}

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

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

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

.tb td.categories p {
    border-radius: 20px;
    width: 15px;
    color: #fff;
    display: inline-block;
    height: 15px;
    padding: 0;
    margin: 0;
    font-size: 10px;
    line-height: 16px;
    font-weight: bold;
    text-align: center;
}


.tb td.category-1 p {
    background: #1abc9c;
    border: 1px solid #12948b;
}

.tb td.category-2 p {
    background: #f39c12;
    border: 1px solid #ea7c30;
}

.tb td.category-3 p {
    background: #52af18;
    border: 1px solid #52af18;
}

.tb td.category-4 p {
    background: #e74c3c;
    border: 1px solid #d11d26;
}

.tb td.category-5 p {
    background: #8d816f;
    border: 1px solid #8d816f;
}

.tb td.category-6 p {
    background: #9b59b6;
    border: 1px solid #96C;
}

.tb td.category-7 p {
    background: #ef6ea3;
    border: 1px solid #d21151;
}

.tb td.category-8 p {
    background: #34495e;
    border: 1px solid #31271f;
}

.tb td.category-9 p {
    background: #1f78a2;
    border: 1px solid #12948b;
}

.special {
    padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
    background-color: #000;
    font-size: 8px;
    font-weight: bold;
    float: right;
    margin: 0 10px 0 0;
}

/* Options */

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

.options-profile {
    float: right;
    position: absolute;
    right: 52px;
    top: 205px;
}

.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 {
    border-left: none;
}

.options button {
    border: 0px;
    border-left: #bbb solid 1px;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    background-color: inherit;
    color: #454545;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
}

.options button:first-child {
    border-left: none;
}

/* Pagination */
.paging {
    width: 75%;
    text-align: right;
    border: #dcdcdc solid 1px;
}

.pages {
    text-align: center;
    padding: 18px;
}

.pages strong {
    font-size: 24px;
}

.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;
}

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

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

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

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

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

/* 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;
}

/*
 * 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;
}

/* 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 {
    height: 55px;
    line-height: 18px;
}

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

.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 */
}

/* Source Code */

.answer {
    font-weight: bold;
}


.a-1,
.a-1 a {
    color: #27AE60;
}

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

.a-3,
.a-3 a {
    color: #00AAAA;
}

.a-4,
.a-4 a {
    color: #2980B9;
}

.a-5,
.a-5 a {
    color: #9fae27;
}

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

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

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

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

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

.f-0 {
    color: #e5af25;
}

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

.f-3 {
    color: #F00;
}

#compilation {
    font-family: 'Ubuntu Mono';
    white-space: pre-wrap;
    line-height: 14px;
    background: #444;
    color: #fff;
    padding: 20px;
    border-radius: 3px;
}

#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;
}

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

#code {
    height: 480px;
    opacity: 0;
    border: #dcdcdc solid 1px;
}

#code-h-ce {
    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;
}

/* Academic */

.academic-agree {
    font-weight: bold;
    color: #0A0;
}

.academic-notagree {
    font-weight: bold;
    color: #F00;
}

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

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

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

/* 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;
    line-height: 15px;
}

.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 {
    background: #a3da68;
    border: #8AA969 solid 1px;
    border-radius: 2px;
}

.presentation {
    background: #ffe39b;
    border: #ecbf49 solid 1px;
    border-radius: 2px;
}

.tried {
    background: #f1736a;
    border: #B0504A solid 1px;
    border-radius: 2px;
}

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


.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;
}

/* Blocks */
#text-blocks {
    height: 400px;
}

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

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

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

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

h5 {
    color: #999;
    font-size: 10px;
    padding: 0 5px;
}

/* Tournaments 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-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;
}

.search-id {
    float: left;
    width: 125px;
}

.search-type {
    float: left;
    margin: 0 0 0 15px;
    width: 32%;
}

.search-button {
    margin: 0 0 0 0 !important;
    width: 175px !important;
    height: 33px;
}

.tag {
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin: 0 7px;
    padding: 3px 5px;
    text-transform: uppercase;
    vertical-align: middle;
}

.tag-1 {}

.tag-2 {
    background: #c0392b;
}

.tag-3 {
    background: #e74c3c;
}

.tag-4 {
    background: #f1c40f;
}

.tag-5 {
    background: #16a085;
}

.tag-6 {
    background: #1abc9c;
}

.tag-7 {
    background: #2ecc71;
}

.tag-8 {
    background: #e67e22;
}

.tag-9 {
    background: #d35400;
}

.tag-10 {
    background: #f39c12;
}

.tag-11 {
    background: #9b59b6;
}

.tag-12 {
    background: #27ae60;
}

.tag-13 {
    background: #34495e;
}

.tag-14 {
    background: #2980b9;
}

/* Feedback */

.fb-level,
.pb-category {
    border-radius: 3px;
    font-weight: bold;
    font-size: 10px;
    padding: 3px;
}

.fb-level {
    color: #fff;
}

.fb-l-1 {
    background: #979797;
}

.fb-l-2 {
    background: #ff8933;
}

.fb-l-3 {
    background: #ef4130;
    -webkit-animation-name: glow-red;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
}

.fb-l-4 {
    background: #202020;
    -webkit-animation-name: glow-black;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
}

.fb-reply table {
    display: none;
}

.fb-text {
    line-height: 20px;
    white-space: pre-line;
}

.fb-text-no-padding-bottom {
    padding-bottom: 0;
}

.fb-text-no-line-height {
    line-height: inherit;
}

/* Forum */
.marked {
    font-size: 12px;
    padding: 10px;
    line-height: 18px;
    word-wrap: break-word;
}

.marked blockquote,
.item-text blockquote {
    background-color: #f3f3f3;
    border-radius: 3px;
    padding: 5px;
}

.marked a {
    text-decoration: underline;
}

.marked strong {
    font-weight: bold;
}

.marked em {
    font-style: italic;
}

.tags-forum {
    line-height: 18px;
}

.tags-forum span {
    border-radius: 3px;
    font-size: 10px;
    padding: 2px 5px;
    margin: 0 4px 8px 0;
    text-transform: uppercase;
    border: #bbb solid 1px;
    border-radius: 3px;
    background: #fff;
}

/* Suspects */

.status {
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    padding: 2px 5px;
    margin: 0 5px 0 0;
}

.s-pending {
    background: #F6C362;
}

.s-released {
    background: #91C854;
}

.s-blocked {
    background: #C3272B;
}

/* 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;
}

.status-server {
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    padding: 3px 5px;
}

.status-online {
    background: #afd56d;
}

.status-offline {
    background: #d56d7b;
}

/* Universities Duplicate */

.university-inline {
    float: left;
}

.university {
    display: inline-block;
    width: 100%;
}


pre.log {
    background: whitesmoke;
    font-family: 'Ubuntu Mono';
    padding: 10px;
    overflow-x: auto;
    margin: 10px 0;
    border-top: #bbb solid 1px;
    border-bottom: #bbb solid 1px;
}

p.diff-info,
p.diff-more {
    font-family: inherit;
    font-size: 10px;
    margin: 0;
    white-space: normal;
}

p.diff-info {
    padding: 10px 20px 0px;
}

p.diff-more {
    padding: 0px 20px 10px;
}

p.diff-info strong,
p.diff-more strong {
    font-weight: bold;
}

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

.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;
}

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

.hint-academic {
    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;
}

.hint-warning {
    background: #ffb50026;
    border: #ffb500 solid 1px;
    border-radius: 3px;
    color: #454545;
    padding: 5px 10px;
}

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

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

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

.margin-center {
    margin: 0 auto;
}

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

.ql-container sup {
    vertical-align: super;
    font-size: smaller;
}

.ql-container sub {
    vertical-align: sub;
    font-size: smaller;
}

.hidden {
    display: none;
}

.lti-box {
    margin-top: 50px;
}

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

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

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

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

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

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

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

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

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

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

.plans-small-left {
    float: left;
    margin-top: 30px;
    width: 25%;
}

.plans-small-center {
    float: left;
    margin-top: 30px;
    width: 24%;
}

.margin-academic-plans {
    margin: -30px 0 10px 0;
}

.ace_layer .ace_gutter-layer .ace_folding-enabled {
    height: 511.99px;
    width: 47px;
    top: 0;
    bottom: 0;
    z-index: 1 !important;
}

.ace_scrollbar {
    right: 0;
    bottom: 0;
    z-index: 1 !important;
}

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

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

.sort {
    cursor: ns-resize;
}

#work-oppties-form a {
    text-decoration: underline;
}

#view-user textarea {
    resize: none !important;
    overflow-y: auto !important;
    height: 100px !important;
}

#work-oppties-status {
    margin: 0;
}

#work-oppties-form .base-label {
    vertical-align: top;
}

#work-oppties-form .schedule-a-meeting {
    text-decoration: none;
    margin-right: 5px;
}

#work-oppties-form .schedule-a-meeting-again {
    background: #e74c3c;
    border: #d11d26 solid 1px;
    border-bottom: #d11d26 solid 3px;
}

#opportunities .tb .tb-id {
    text-align: center;
    width: inherit;
}

#opportunities .width-90px {
    width: 90px;
}

#view-user {
    .tb-h-label {
        width: 150px;
    }
}

#highlight-files h3 {
    padding-bottom: 0;
}

.highlights-size {
    width: 680px;
    height: 216px;
}

.quill-description .ql-editor {
    width: 100%;
    overflow-y: auto !important;
}

#editor_desc_pt .ql-toolbar,
#editor_notes_pt .ql-toolbar,
#editor_desc_en .ql-toolbar,
#editor_notes_en .ql-toolbar,
#editor_desc_es .ql-toolbar,
#editor_notes_es .ql-toolbar {
    width: 946px;
}

.tb-h-value .ql-container.ql-snow {
    border: none;
}

.aligned-checkbox {
    display: flex;
    align-items: center;
}

.aligned-checkbox input[type="checkbox"] {
    margin-right: 10px;
}

#currencies {
    margin-top: 20px;
}

#titles {
    display: flex;
}

#currency-fields img {
    padding: 5px 0;
    cursor: pointer;
}

.currencies-data {
    display: flex;
    flex-direction: column;
}

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

.plagium-head {
    display: flex;
}

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

.moss a {
    margin-left: 7px;
}

.prompt-textarea,
.instruction-textarea {
    height: 250px;
}

.view-header-prompt {
    display: flex;
    justify-content: space-between;

    & h2 {
        padding-top: 0px;
    }
}

.prompt-name {
    font-size: 14px;
}

.prompt-view,
.instruction-view {
    background-color: #fefefe;
    border: 1px solid #e0e0e0;
    padding: 8px !important;
    border-radius: 8px !important;
    font-size: 14px;
    color: #333;
    max-width: 600px;
    word-wrap: break-word;
    text-align: left;
    white-space: pre-wrap
}

.disabled-alias[disabled=disabled] {
    background: #f6f6f6;
    border-color: #cfcfcf;
    color: #6f6f6f;
    cursor: not-allowed;
}

.add-prompt-end {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.tr-prompt-ins {
    height: 10px;
}

.logs-dropdown:hover, .logs-dropdown a:hover, .academic-dropdown:hover, .academic-dropdown a:hover {
    background-color: transparent !important;
    color: #FFF;
    cursor: pointer;
}

.dropdown-toggle, .academic-dropdown-toggle {
    color: #FFF;
}

.logs-dropdown .logs-submenu, .academic-dropdown .academic-submenu {
    width: auto !important;
    padding-left: 20px;
    margin-top: 0px !important;
    overflow-y: hidden !important;
}

.logs-dropdown .logs-submenu li, .academic-dropdown .academic-submenu li {
    margin-top: 4px;
}

.logs-hover:hover, .academic-hover:hover {
    background: #CABB0D !important;
}

.tb-logs-actions {
    width: 10%;
}

.tb-log-log {
    width: 20%;
    text-align: center;
}

.tb-logs-stripe-table tr .tb-h-label {
    width: 140px !important;
}
.link-opptie-line {
    display: flex;
    align-items: center;
    gap: 5px;
}

.link-opptie-line img {
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.link-opptie {
    text-decoration: underline;
    font-weight: 600;
}

.prompt-view strong, .instruction-view strong,
.prompt-view span, .instruction-view span,
.prompt-view p, .instruction-view p,
.prompt-view h3, .instruction-view h3,
.prompt-view h3, .instruction-view h3,
.prompt-view h3,.instruction-view h4,
.prompt-view h1, .instruction-view h1,
.prompt-view h2, .instruction-view h2 {
    color: #454545;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.prompt-view, .instruction-view {
    word-wrap: break-word;
    white-space: pre-wrap
}

.cp-panels{
    background: #fffffff6;
    padding: 20px 20px 0 20px;
    margin-bottom: 20px;
    top: -1px;
    position: relative;
}

#cp-tab-portuguese{
    padding-bottom: 20px;
}

#cp-tab-english{
    padding-bottom: 20px !important;
}

#cp-tab-spanish{
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

.youtube-link {
    font-weight: bold;
    text-decoration: underline;
}

.release-button {
    cursor: pointer;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    top: 3px;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    width: 300px;
    line-height: 12px;
    left: 50%;
    bottom: 120%;
    margin-left: -155px;
    /* Use half of the width (120/2 = 60), to center the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    cursor: default;
    text-transform: none;
    padding: 7px !important;
    z-index: 10;
    font-weight: 100;
    font-size: 10px;
}

.question {
    margin-left: 8px;
    width: 15px;
}

.checkbox-special-judge, .checkbox-visible {
    margin-bottom: 30px;
}

.body-default {
    font-size: 12px !important;
    padding: 0 !important;
    text-align: left !important;
    background-color: transparent !important; 
}