@charset "utf-8";

html {
    scroll-behavior: smooth;
    background-image: url(../img/7.0/internal-min.svg), radial-gradient(at top right, #e0d3e6 0%, #f3f3f3 50%);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none;
}

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

body {
    color: #454545;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    margin: 0 auto;
    padding: 0;
}

.status,
.alive {
    border-radius: 99px;
    display: inline-block;
    height: 8px;
    margin-right: 5px;
    transition: 0.3s;
    width: 8px;
}

.status.critical,
.alive.no {
    background-color: #e74c3c;
}

.status.major {
    background-color: #e67e22;
}

.status.minor {
    background-color: #f1c40f;
}

.status.maintenance {
    background-color: #3c9adc;
}

.status.none,
.alive.yes {
    background-color: #adce07;
}

i.devicon {
    font-size: 16px;
    opacity: 0.8;
}

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

input,
select,
textarea {
    outline: 0;
}

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

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

table {
    border-collapse: collapse;
    border-spacing: 4px;
    padding: 0;
}

@font-face {
    font-family: 'BryantMedium';
    src: url('https://resources.beecrowd.com/judge/fonts/BryantMedium.eot');
    src: local('BryantMedium'),
        url('https://resources.beecrowd.com/judge/fonts/BryantMedium.eot?#iefix') format('embedded-opentype'),
        url('https://resources.beecrowd.com/judge/fonts/BryantMedium.woff2') format('woff2'),
        url('https://resources.beecrowd.com/judge/fonts/BryantMedium.woff') format('woff'),
        url('https://resources.beecrowd.com/judge/fonts/BryantMedium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SketchRockwell';
    src: url('https://resources.beecrowd.com/judge/fonts/sketchrockwell-uri.eot');
    src: local('SketchRockwell'),
        url('https://resources.beecrowd.com/judge/fonts/sketchrockwell-uri.eot?#iefix') format('embedded-opentype'),
        url('https://resources.beecrowd.com/judge/fonts/sketchrockwell-uri.woff2') format('woff2'),
        url('https://resources.beecrowd.com/judge/fonts/sketchrockwell-uri.woff') format('woff'),
        url('https://resources.beecrowd.com/judge/fonts/sketchrockwell-uri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy'),
        url('https://resources.beecrowd.com/judge/fonts/Gilroy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.both {
    clear: both;
}

#container {
    height: 100%;
    min-width: 1000px;
}

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

.content-big {
    margin: 0 auto;
    width: calc(100% - 80px);
    min-width: 1000px;
    max-width: 1900px;
}

.main-content {
    display: inline-block;
    width: 720px;
}

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

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

.main-content-small {
    display: inline-block;
    width: 500px;
}

.main-content-big {
    margin: 0 20px 20px;
}

.main-content-wide {
    display: inline-block;
    margin: 0 20px;
    width: calc(100% - 40px);
}

.main-api {
    padding: 0 20px;
}

.page {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px 0 #dbdbdb;
    height: auto;
    margin: 25px auto 55px;
}

.page-api {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px 0 #dbdbdb;
    width: 550px;
    margin: 25px auto;
    position: absolute;
    left: 0;
    right: 0;
}

.page-survey {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px 0 #dbdbdb;
    height: 800px;
    width: 500px;
    margin: 25px auto 55px;
}

.ribbon {
    background: #fff;
    box-shadow: 0 0 10px 0 #dbdbdb;
}

.ribbon-contest {
    background: #454545;
    box-shadow: 0 0 10px 0 #dbdbdb;
    color: #fff;
}

.ribbon-contest a {
    color: #fff;
}

#side-bar {
    float: left;
    width: 240px;
    position: relative;
    z-index: 1;
}

#versus-bar {
    float: right;
    width: 240px;
}

#page-name,
#page-name-c,
#page-name-cha {
    background-repeat: no-repeat;
    border: 1px solid #BBB;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 20px 0;
    position: relative;
    width: 100%;
}

#page-name,
#page-name-cha {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/header-set-131221.png');
}

#page-name-c {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/header-icons-categories-080717.png');
}

#page-name h1,
#page-name-c h1,
#page-name-cha h1 {
    font-family: BryantMedium;
    font-size: 22px;
    font-weight: 700;
    padding: 12px 10px 12px 80px;
    text-transform: uppercase;
}

#page-name-c h1 sup,
#page-name-cha h1 sup {
    font-size: 10px;
    vertical-align: super;
}

#page-name p,
#page-name-c p,
#page-name-c ul,
#page-name-cha p,
#page-name-cha ul {
    background: #f3f3f3;
    border-radius: 0 0 5px 5px;
    border-top: #bbb solid 1px;
    font-size: 10px;
    padding: 8px 10px;
    text-transform: uppercase;
}

#page-name-c ul>li,
#page-name-cha ul>li {
    display: inline-block;
}

#page-name-c ul>li.separator,
#page-name-cha ul>li.separator {
    color: #bbb;
    padding: 0 5px;
}

#page-name-c strong,
#page-name-cha strong {
    font-weight: bold;
}

.settings-form {
    border: 1px solid #662483;
    box-sizing: border-box;
    background-color: #fefaff;
    padding: 10px;
    margin-bottom: 20px;
    height: 847.56px;
    background-color: #fefaff;
    border: 1px solid #793197;
    border-radius: 3px;
}

.border-radius-4-side {
    border-radius: 3px 3px 3px 3px;
}

.settings-form input,
.settings-form select,
.skill-box {
    background-color: white;
}

#birthday,
#start-job,
#end-job,
#starts,
#ends {
    background-color: white !important;
}

.header-container {
    display: flex;
    align-items: center;
    width: 100%;
    height: 110px;
    padding: 16px;
    box-sizing: border-box;
}

.text-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#user-profile-header h1 {
    color: #662483;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding-bottom: 0;
    padding-top: 6px;
}

.tab-title {
    display: flex;
    background-image: url(https://resources.beecrowd.com/judge/img/5.0/header-set-131221.png);
    background-repeat: no-repeat;
    background-position: 1px -2547px;
}

.tab-image {
    background-image: url(https://resources.beecrowd.com/judge/img/5.0/header-set-131221.png);
    background-repeat: no-repeat;
    width: 68px;
    height: 59px;
    border: 1px solid #BBB;
}

.v-menu-profile>.active-tab {
    border: 1px solid #793197;
    border-right: none;
    border-radius: 3px 0 0 3px;
    background-color: #FEFAFF;
    margin-right: -1px;
}

#page-name-user-profile,
#page-name-user-profile-c,
#page-name-user-profile-cha {
    /* background-repeat: no-repeat; */
    border: 1px solid #BBB;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 20px 0;
    position: relative;
    width: 100%;
}

#page-name-user-profile-c {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/header-icons-categories-080717.png');
}

#page-name-user-profile h1,
#page-name-user-profile-c h1,
#page-name-user-profile-cha h1 {
    font-family: BryantMedium;
    font-size: 22px;
    font-weight: 700;
    padding: 8px 0px 10px 20px;
    text-transform: uppercase;
}

#page-name-user-profile-c h1 sup,
#page-name-user-profile-cha h1 sup {
    font-size: 10px;
    vertical-align: super;
}

#page-name-user-profile p,
#page-name-user-profile-c p,
#page-name-user-profile-c ul,
#page-name-user-profile-cha p,
#page-name-user-profile-cha ul {
    background: #f3f3f3;
    border-radius: 0 0 5px 5px;
    border-top: #bbb solid 1px;
    font-size: 10px;
    padding: 7px 10px;
    text-transform: uppercase;
}

#page-name-user-profile-c ul>li,
#page-name-user-profile-cha ul>li {
    display: inline-block;
}

#page-name-user-profile-c ul>li.separator,
#page-name-user-profile-cha ul>li.separator {
    color: #bbb;
    padding: 0 5px;
}

#page-name-user-profile-c strong,
#page-name-user-profile-cha strong {
    font-weight: bold;
}

.flash,
.auth {
    border-radius: 3px;
    font-weight: 700;
    padding: 7px 10px;
    margin: 0 0 10px;
    position: fixed;
    text-align: center;
    top: 0px;
    transition: 0.5s;
    width: 100%;
    z-index: 9999;
}

.flash-success,
.flash-auth-success {
    background: #adce07;
    border: 1px solid #8fa813;
    border-bottom: #8fa813 solid 3px;
    color: #FFF;
}

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

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

.flash-beta {
    background: #34495e;
    border: 1px solid #2c3e50;
    border-bottom: #2c3e50 solid 3px;
    color: #FFF;
}

.tag-beta {
    background: #34495e;
    font-weight: 700;
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 3px;
    margin: 0 5px;
}

.tag-new {
    background: #3da993;
    font-weight: 700;
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 3px;
    margin: 0 5px;
}

/* HEADER */

header {
    height: 50px;
    position: sticky;
    top: 0px;
    width: 100%;
    z-index: 1000;
    -webkit-transform: translateZ(0);
}

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

.h-languages-item{
    height: 25px;
}

.h-flag-menu {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABOCAMAAAAJi/YdAAAC9FBMVEX///8AnEH/xADlBRn99vcAmEXUOkzLCSD/yAEAm0PYTV778fH/ywD/xgDMECbjABvuPhHqoqr+/v0An0HNGC3sNhPvtLr/6QDkABr/xwD/3wAVLXI5OG//5AAjIV9SUYEdNHVEQncvLmhAP3VMS30op1ysqsHvvME9PHJIR3paWYcAoUEJnkbqLT8urGKhxximpb7/wgTCwtLo4wXQ4NbrAhgPn0rYkgnt6erv8O8PKHUqKWUzM2voBBldXYlqa5F6eZ47sWtgtoRlu4dzv5LeyxH/zgHn7+r07e4nO2nkDSDPITZiX4vXRFXqYm7heISAvyK3rCHpuQzuoKj64gDw0dQDHHIFInwQJ24bNYQkPHrWDiGtOA7mHS+kRxDkKDkImUQYnz4iozx1d0UypjbdSls9qzVji6VPry7mXGhBsXRftyvmgItsvo7hmCnlqwWx0BS+zxK6tsnJ0w79wiD/zSr32Af/yznMydf13gP8wcTE49H/8AD73rz33+H94OPg8ef97d7z8/OqFzQ2VYveIjjIRQ69VwLcOkwdp1XYTl6IfpvGdEjgYm2FhqmPiaZ1uiPAoip1wVfGk6fTpGnfl57etSKh07Xvrrb9xFSx2MLqx8riy83l5uX66Orq9e4cM3fICyLmDSCGQSTpIjhHZo8HnEGzQFrrNhPyMxG0VA1wc0fpQE7rP05lip/eawXcWmjFbW/IgRPGjQDhfwhNt3h9m6XahSS4kUm9g5lutot+qLDihGfvhGTah5C8sCG5rkis0rzu1An+0QL+2AP+yl39y16+4MzP2eb91Zz20tbQ6dzv5Ob25OX0/fwzRXI9R1ZfPEIxSoCdLQJBTl2sHzytIj7nDB5IVFpKVWBsUGCyQw5xcUX0PA+jazLOZQaVkkWZlULJglCVnVrTij53wFmCsbCQqbrHqjnejZbvqgLItUDNnMbQwDDco6/wvxrdv2HrzQTq0xr8xFP34SHZz9nZ0dn71Zz+1Zrc2+Lc3OHs+PFTAaZEAAAEiUlEQVR42m2SZVxTaxjAX2I6ZAeuG9ddlqxgG9uIJQM2BmN0dxqIGISBoCISkgIXEAQEFLu7u+/V61Vvd3d3xpd7zrs8g//5nfPlf5563wdYaR6NMchkhpjRZuDE/WiBxAVFIoi+jxPN0RKKixkKRRITZzcNMrPw8DBbmcJmul3MhmBxgd0W1yywiEVBQYsIHtAJzDmjYTbCghXyjRvlKxYQoLuCCnIDBYYsXkmNvXkzlrpyMQyUNJBBHBZE8BiQ15Ul0OkJZffkAx5oICU6DowK0JAlq6i/vJybm6vV5r1dR121hECgCG6DGAlhYfp6GvWztv372/zy8/PKqMz16QsJqiqwnLB0DZPG/PVCxYkLX12teDU3IZZKY65ZSlgOtgZlM2k0asYuLZ3u13biy4pdGVQajZkdtNWmUOFHp+cXVlz9gQnVF5aE1NiXCvzohYX0fK3+d5olYZUKa4NJPZpX6IdR8H62uQ0juC2gELDm77yep9XSCwreuQObdxGMg7gYCjrYgXR53VE4cp184AB6HoHozZAVEttBZWTYD0pBBgBcCZx+vBQjwAiTBeIuBUM2BSAKAeowieIC6X4RCswZAnELYLAYmNOootj2RmX8DziiqJKpMKGSVSmAE1PjxvMGw3nj+JSzIWtW9+vF4tOVATud1R89yTwGg/Fme0paDk7E90SwQ3XhEYw3inx8ktI87eafZCGHEyXiCBlD81DGcsKs5l9+eFQoh8VY/WzEAwBp3WEZSszhsPVCkVDPZqxz98Rw17TC3nrCg4O5LPa6ZBaXcbBrFqTrBmb+ZPPEOh6boxfxRYzNRbtnQ7xyyEDTHxrFYllrHSyfA9lSvi0ehOp0Ij6fn8wT83R8tJYVjQb081i2WuHCB8DGE6AXikVstkjM0XHEfMblrLlWAgCbh9ZC5+Jhtbibi7yszALsCL6QyxXyI7hcEQ+vQv2D/VGCsTfY/0fHhGQwM+QnQBPvPiPxYSB+W/mWOThsI5NzvGbPwO5JrNKNrlnT+cZ8KRp3Tyfc3S3d7WgFToRBA93E2DwHxh46/OtZmeRjAbc2kIdpKdAmwWXDszOg8lRKyim4ok5syko9LpUeS527ydkELJuf6IaSOH9ZAE409SUqI90gkZFv9T22mw1SpZsDSumEzZQ4CsyVTFqy7fN+Bo+3sv0RVNcOH3raiUOHr2G32YiQiEQiiUT0JdohIY1k0LKdhPiSSJmZqEPQxxe+vqTtLeDvWsSVWKM+c0ZdQ3S141v7AnguBAlxVb9XWlysdlRIyPOgPoRUc/bbztIPB3866xgXUg/WuiIj3518rXho6OevMxGHuLWocq3+tGPv3svfD/dW41W9K3Kx96PiV949/XnvRVxCtA3f6mF1Z2lp58lhGGVv469a4sgt9ZEjHR3nbo0guOZbfjMNfpypvnTpXOYng0TUIQj2wUYmNxJNJtNd0917JpIDxEZs365/8NR0rgOMR+1Kb2f2NQHIZInSDU/JBmBhQhqJM1JozDzu22OTkYmpTc7Ltge3bPgVPSaVHk/Nsq3o/49zWhP09Y1rAAAAAElFTkSuQmCC');
    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-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: 20%;
}

.h-large {
    width: 60%;
}

.h-avatar {
    background-size: 32px;
    border-radius: 50px;
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .15);
    float: left;
    height: 32px;
    margin: 8px 10px 8px 20px;
    width: 32px;
    -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, .15);
}

.h-avatar-menu,
.h-sub-menu,
.h-sub-submenu,
.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;
}

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

.h-sub-submenu {
    left: 120px;
    top: 28px;
}

.h-avatar-menu hr,
.h-sub-menu hr,
.h-sub-submenu 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,
#menu li:hover>.h-sub-submenu,
#menu li:hover>.h-sub-submenu:after,
#menu-contest li:hover>.h-sub-submenu,
#menu-contest li:hover>.h-sub-submenu: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;
    left: 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-sub-submenu 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-sub-submenu li a:hover,
.h-language-menu li a:hover {
    background: #f3f3f3;
}

.h-bell {
    background-size: 32px;
    float: right;
    position: relative;
    height: 32px;
    margin: 8px 10px 8px 3px;
    width: 32px;
}

.h-bell-visualized {
    background-color: #e0cee6;
    border: 1px solid #e0cee6;
}

.h-bell-not-visualized {
    background-color: white;
    border: 1px solid white;
}

.h-bell-href {
    width: 275px;
    position: relative;
    float: left;
    padding: 0 3px 0 3px;
}

.h-bell-hide-button {
    width: 18px;
    margin-right: inherit;
    bottom: 5px;
    position: absolute;
    right: 2px;
}

.h-bell-hide-button img {
    position: relative !important;
    top: 0 !important;
    float: inherit !important;
}

.h-bell-background {
    background-image: url('../img/notification-bell-svgrepo-com.svg');
}

.h-bell-background-gray {
    background-image: url('../img/notification-bell-svgrepo-com-gray.svg');
}

.h-bell-notification {
    background: #EE6059;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-family: BryantMedium;
    font-size: 10px;
    line-height: 10px;
    min-width: 7px;
    padding: 2px 4px;
    right: -4px;
    top: -4px;
}

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

.h-bell-menu {
    top: 45px;
    right: 0px;
}

.h-bell:hover>.h-bell-menu,
.h-bell:hover>.h-bell-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 {
    visibility: visible;
    transition: .1s ease-in-out 0s;
}

.h-bell-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: 5px;
    margin-right: 5px;
    position: absolute;
    pointer-events: none;
    transition: .1s ease-in-out 0s;
    width: 0;
}

.h-bell-menu li,
.h-bell-menu li a {
    display: block;
    font-size: 10px;
    padding: 3px 0px 3px 0px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    float: left;
}

.h-bell-menu li {
    border-bottom: 1px solid #8f38b4;
}

.h-bel-width-300 {
    width: 300px;
    height: 48px;
}

.h-bell-menu li:hover {
    background: #e0cee6;
    border: 1px solid #e0cee6;
    border-bottom: 1px solid #8f38b4;

}

.h-language {
    font-size: 10px;
    float: left;
    text-align: right;
    margin: 20px 0;
}

.h-uri {
    padding: 0px;
}

.h-uri img {
    position: relative;
    top: 10px;
    float: right;
}

.uri-text-logo {
    background: linear-gradient(90deg, #9d3dc7, #793197, #fff, #9d3dc7, #793197);
    background-size: 1000% 500%;
    cursor: default;
    display: inline-block;
    font-size: 24px;
    font-family: 'Gilroy';
    float: right;
    margin: 13px 12px;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-animation: uri 10s ease infinite;
    -moz-animation: uri 10s ease infinite;
    animation: uri 10s ease infinite;
}

@media screen and (min-width: 0px) and (max-width: 1259px) {
    .h-small {
        width: 16%;
    }

    .h-large {
        width: 68%;
    }

    .uri-text-logo>.h-option,
    .h-user {
        display: none;
    }

    #menu>.h-option {
        display: none;
    }
}

@media screen and (min-width: 1260px) and (max-width: 1340px) {
    #menu>.h-option {
        display: none;
    }
}

@-webkit-keyframes uri {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes uri {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes uri {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

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

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

.h-user i {
    color: #bbb;
    display: inline-block;
    font-size: 10px;
    max-width: 100%;
    overflow: hidden;
    padding: 3px 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#menu li.for-professors a,
#menu li.for-professors a:hover {
    background: #db6b5d;
    border-color: #db6b5d;
    color: #fff;
}

#menu li.for-companies a,
#menu li.for-companies a:hover {
    background: #28708f;
    border-color: #28708f;
    color: white;
}

/* FOOTER */

.footer-content {
    font-size: 11px;
    margin: 0 auto;
    width: calc(100% - 80px);
    min-width: 1000px;
}

footer {
    bottom: 0px;
    position: fixed;
    z-index: 99999;
    width: 100%;
    -webkit-transform: translateZ(0);
}

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

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

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

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

.margem {
    border: 1px solid #bbb;
    border-radius: 3px;
}

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

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

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

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

.padding-right-10 {
    padding-right: 10px;
}

.height-100-percent {
    height: 100%;
}

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

#logo {
    border: 1px solid #BBB;
    border-radius: 3px;
    height: 135px;
    margin: 20px;
}

#logo a {
    display: block;
    text-align: center;
}

#logo img {
    margin: 20px 0;
}

#logo .logo-view img {
    margin: 0;
}

#logo-perfil img {
    margin: 3px 0;
}

#logo img.custom {
    margin: 10px 0;
}

#logo span {
    font-size: 13px;
    font-weight: 700;
    display: block;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
}

#logo .information {
    background: url('https://resources.beecrowd.com/judge/img/4.0/interna-logo-info.091214.png') no-repeat center #f6f6f6;
    border-bottom: #BBB solid 1px;
    border-top: #BBB solid 1px;
    height: 40px;
}

#logo .user-information {
    padding: 10px 13px;
}

#menu,
#menu-contest {
    margin: 14px 0px 14px 0;
    text-align: center;
}

#menu {
    color: #bbb;
}

#menu-contest {
    color: #fff;
}

#menu>li,
#menu-contest>li {
    display: inline-block;
    position: relative;
}

#menu>li>a,
#menu-contest>li>a,
.be-instrutor,
.friend-request,
.friend-request-cancel,
.friend-compare,
.friend-unfriend,
.team-create,
.tournament-create,
.denounce-topic,
.re-submit,
.instructor-request,
.b-subscribe {
    border-radius: 3px;
    display: inline-block;
    font-size: 10px;
    margin: 0 2px;
    padding: 5px 7px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    text-transform: uppercase;
}

.denounce-topic {
    position: absolute;
    top: 12px;
    right: 125px;
}


#menu>li>a {
    background: #f3f3f3;
    border: #bbb solid 1px;
}

#menu-contest>li>a {
    border: #666 solid 1px;
    color: #fff;
}

#menu>li>a:hover,
#menu-contest>li>a:hover {
    background: #662483;
    border-color: #662483;
    color: #fff;
}

.api-permissions {
    padding: 20px 20px 5px;
}

.api-permissions p {
    line-height: 18px;
    padding: 0 0 15px;
}

.api-permissions ul {
    line-height: 20px;
    list-style: square;
    padding: 0 15px 15px;
}

.api-permissions strong {
    font-weight: bold;
}

.permissions {
    margin: 0 0 5px 0;
}

.permissions p {
    color: #777;
    font-size: 11px;
    line-height: 15px;
    margin: 2px 2px 2px 25px;
    padding: 0 0 10px;
}

.permission-notice {
    color: #777;
    font-size: 11px;
    line-height: 15px;
    margin: 15px 0px 0;
}

.be-instrutor {
    background: #f2c266;
    color: #222;
    border: #e6a02c solid 1px;
    border-bottom: #e6a02c solid 3px;
}

.b-subscribe {
    background: #5f5cbd;
    border: #2c1575 solid 1px;
    border-bottom: #2c1575 solid 3px;
    color: #fff;
}

.friend-request {
    background: #adce07;
    border: 1px solid #8fa813;
    border-bottom: #8fa813 solid 3px;
    color: #fff;
}

.friend-request-cancel,
.denounce-topic {
    background: #e9594a;
    border: 1px solid #c0392b;
    border-bottom: #c0392b solid 3px;
    color: #fff;
}

.friend-unfriend {
    background: #e9594a;
    border: 1px solid #c0392b;
    border-bottom: #c0392b solid 3px;
    color: #fff;
}

.friend-compare {
    background: #f39c12;
    border: #d2850c solid 1px;
    border-bottom: #d2850c solid 3px;
    color: #fff;
}

.re-submit {
    background: #7a9eaa;
    border: 1px solid #577580;
    border-bottom: #577580 solid 3px;
    color: #fff;
}

.team-create {
    background: #a957be;
    border: 1px solid #793197;
    border-bottom: #793197 solid 3px;
    color: #fff;
}

.team-restrictions {
    line-height: 20px;
    list-style: square;
    margin: 0 20px;
    padding: 0 20px;
}

.tournament-create {
    background: #662483;
    border: 1px solid #662483;
    border-bottom: #662483 solid 3px;
    color: #fff;
}

.friend-request:hover {
    background: #9EBB0A;
}

.friend-request-cancel:hover,
.denounce-topic:hover {
    background: #ef4130;
}

.friend-compare:hover {
    background: #e67e22;
    border-color: #e67e22;
}

.team-create:hover {
    background: #793197;
}

.tournament-create:hover {
    background: #793197;
}

#menu>li>em,
#menu-contest>li>em,
.problem-actions>a>em {
    background: #EE6059;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-family: BryantMedium;
    font-size: 10px;
    line-height: 10px;
    min-width: 7px;
    padding: 2px 4px;
    position: absolute;
    right: -4px;
    top: -4px;
}

#new-opportunities-notification {
    background: #EE6059;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-family: BryantMedium;
    font-size: 10px;
    line-height: 10px;
    min-width: 7px;
    padding: 2px 4px;
    position: absolute;
    right: -4px;
    top: -4px;
}

.team-absolute,
.tournament-absolute,
.tournament-buttons,
.profile-buttons {
    position: absolute;
    right: 10px;
    top: 12px;
}

#contest-mode {
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    margin: 0 2px;
    padding: 5px 7px;
    transition: all .2s ease;
    text-transform: uppercase;
    -webkit-transition: all .2s ease;
}

.c-mode-online {
    background: #A0CB35;
    border-color: #A0CB35;
}

.c-mode-offline {
    background: #ef4130;
    border-color: #ef4130;
}

#top-rank,
#top-rank-contest {
    border: 1px solid #BBB;
    border-radius: 3px;
    margin: 20px;
    padding: 0 0 15px;
    width: 200px;
}

#top-rank {
    background: url('https://resources.beecrowd.com/judge/img/5.0/trophy.png') center 6px no-repeat #fff;
}

#top-rank-contest {
    background: url('https://resources.beecrowd.com/judge/img/5.0/rank-contest.png') center 6px no-repeat #fff;
}

#top-rank span,
#top-rank-contest span {
    background: #f3f3f3;
    border-bottom: #BBB solid 1px;
    border-top: #BBB solid 1px;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin: 83px 0 15px;
    padding: 9px;
    text-align: center;
}

#top-rank p,
#top-rank-contest p {
    color: #aaa;
    font-size: 10px;
    font-weight: 700;
    padding: 10px 0 0;
    text-align: center;
}

#top-rank li,
#top-rank-contest li {
    border-top: #fff solid 1px;
    border-bottom: #fff solid 1px;
    padding: 4px 20px;
}

#top-rank li:hover,
#top-rank-contest li:hover {
    background: #f3f3f3;
    border-top: #bbb dashed 1px;
    border-bottom: #bbb dashed 1px;
}

.center {
    text-align: center;
}

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=number],
input[type=text],
input[type=url],
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;
    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],
input[readonly=readonly],
select[disabled=disabled],
textarea[readonly=readonly],
textarea[readonly] {
    background: #f3f3f3 !important;
}

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

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

textarea {
    min-height: 50px;
    resize: none;
}

input[type=submit],
.send-link,
.send-link-large {
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0;
    padding: 7px 15px;
    text-transform: uppercase;
}

input[type=submit] {
    color: #fff;
    font-family: BryantMedium;
    height: 33px;
    transition: 0.7s;
    width: 100%;
}

.run-control {
    display: flex;
    justify-content: space-between;
}

#compile-and-test {
    background: #95a7ca;
    border: 1px solid #6c7c9a;
    border-bottom: #6c7c9a solid 3px;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    float: right;
    font-family: BryantMedium;
    font-size: 14px;
    height: 33px;
    margin: 0 0 0 10px;
    padding: 7px 15px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.7s;
    width: 25%;
}

.send-link,
.send-link-large {
    background: #f3f3f3;
    border: #bbb solid 1px;
    color: #454545;
    font-size: 10px;
    text-align: center;
    transition: 0.3s;
}

.send-link {
    width: 30%;
}

.send-link-large {
    width: 46%;
}

form .error-message {
    background: #f66466;
    border: 1px solid #e14043;
    border-bottom: #e14043 solid 3px;
    border-radius: 3px;
    color: #FFF;
    margin: 0 0 10px;
    padding: 5px;
}

#RunSourceCode,
#SubmissionSourceCode {
    height: 443px;
}

.login-left,
.login-right {
    float: left;
    margin: 45px 25px 0;
    width: 300px;
}

.login-left div,
.login-right div {
    height: 265px;
}

.login-left h1,
.login-right h1 {
    border-bottom: #c2c2c2 dotted 1px;
    color: #b0b0b0;
    font-weight: 700;
    font-size: 13px;
    padding: 0 0 5px;
    text-align: center;
    text-transform: uppercase;
}

.login-left p,
.login-right p {
    color: #454545;
    font-size: 12px;
    line-height: 18px;
}

.login-left a,
.login-right a {
    color: #662483;
    display: block;
    font-family: BryantMedium;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 0;
    text-transform: uppercase;
}

.login-left a:hover,
.login-right a:hover {
    color: #793197;
}

.login-left p {
    margin: 40px 0 100px 150px;
}

.login-right p {
    margin: 40px 150px 100px 0;
    text-align: right;
}

.l-space {
    margin: 0 0 50px;
}

.l-icon {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/login-image-set.png');
    background-repeat: no-repeat;
}

#li-about {
    background-position: 0 0;
}

#li-rank {
    background-position: 152px -272px;
}

#li-repository {
    background-position: 0 -539px;
}

#li-academic {
    background-position: 152px -805px;
}

#li-forum {
    background-position: 0 -1080px;
}

#li-contests {
    background-position: 152px -1350px;
}

#sponsors {
    margin: 0 15px;
    padding: 0 0 20px;
    text-align: center;
}

#sponsors-contest {
    margin: 20px 0 0 !important;
}

#sponsors li,
#sponsors-contest li,
#media li {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/sponsors-2020-min.png');
    background-repeat: no-repeat;
    border: 1px solid #bbb;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    height: 80px;
}

#sponsors li,
#sponsors-contest li {
    margin: 0 5px;
    width: 122px;
}

#media li {
    margin: 0 0 15px;
    width: 125px;
}

#sponsors a,
#sponsors-contest a,
#media a {
    display: block;
    height: 100%;
    width: 100%;
}

.sponsor-algar {
    background-position: 0px 0px;
}

.sponsor-upx {
    background-position: 0px -80px;
}

.sponsor-do {
    background-position: 0px -160px;
}

.sponsor-compasso {
    background-position: 0px -240px;
}

.sponsor-wonder {
    background-position: 0px -320px;
}

.sponsor-bugsnagg {
    background-position: 0px -400px;
}

.sponsor-new {
    background-position: 0px -720px;
}

.sponsor-k6 {
    background-position: 0px -720px;
}

.sponsor-programae {
    background-position: 0px -800px;
}

.sponsor-uri {
    background-position: 0px -880px;
}

.sponsor-agro1 {
    background-position: -5px -1040px;
}

.media-info {
    background-position: 0px -480px;
}

.media-g1 {
    background-position: 0px -560px;
}

.media-guia {
    background-position: 0px -640px;
}

.media-icpc {
    background-position: 0px -960px;
}

.sponsor-blank,
.media-blank {
    background-position: 0px 80px;
}

.sp-right {
    float: right;
}

.login-center {
    float: left;
    margin: 25px 0 0;
    width: 270px;
}

.login-center a {
    display: block;
}

.login-center .logo {
    padding: 35px 0 0;
    text-align: center;
}

#UserLoginForm input[type=submit] {
    width: 100px;
}

#users-form-error {
    color: #f0bbd6;
    font-family: BryantMedium;
    height: 20px;
    margin: 0 0 20px;
}

#users-form {
    margin: 20px 0;
}

.remember-me {
    float: left;
    width: 150px;
}

#sponsors span,
#media span,
#users-form span {
    color: #793197;
    display: block;
    font-family: BryantMedium;
    font-size: 14px;
    letter-spacing: 2px;
    margin: 0 0 20px;
    text-align: center;
    text-transform: uppercase;
}

#users-form .submit {
    float: right;
    margin: 0 0 0px;
    width: 30%;

}

#register {
    border: 1px solid #BBB;
    border-radius: 3px;
    cursor: pointer;
    float: left;
    margin: 0 0 20px;
    padding: 15px;
    text-align: left;
}

#register h1 a {
    color: #662483;
    font-family: BryantMedium;
    font-size: 14px;
    letter-spacing: 2px;
    margin: 0 0 5px;
    text-align: left;
}

#register p {
    color: #454545;
    font-size: 12px;
    line-height: 18px;
}

#register strong,
#social-register strong {
    font-weight: 700;
}

#social-register {
    color: #777;
    font-size: 10px;
    line-height: 14px;
    margin: 150px 0 20px;
    text-align: center;
}

#manage-account {
    margin: 0 0 20px 0;
}

.language-id,
.problem-id {
    display: inline-block;
    width: 48%;
}

.language-id {
    float: right;
}

#language-id {
    color: #fff;
}

#language-blockly {
    color: #000;
}

#box-information,
#box-information-big,
#box-information-small,
#box-information-noreply {
    background: #f3f3f3;
    border: 1px solid #BBB;
    border-bottom: #BBB solid 3px;
    border-radius: 3px;
    box-sizing: border-box;
    float: left;
    font-size: 10px;
    margin: 0 0 20px;
    padding: 10px;
    text-transform: uppercase;
}

#box-information strong,
#box-information-big strong,
#box-information-small strong {
    font-weight: bold;
}

#box-information-small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
}

#box-information {
    width: 75%;
}

#box-information-big {
    width: 100%;
}

#tournament-blind {
    background: #95778e;
    border: 1px solid #735a6d;
    border-bottom: #735a6d solid 3px;
    border-radius: 3px;
    box-sizing: border-box;
    color: #FFF;
    float: left;
    font-size: 10px;
    margin: 0 0 20px;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}

#checking-banner {
    background-color: #ffdb72;
    background-position: 17px -73px;
    background-image: url(https://resources.beecrowd.com/judge/img/5.0/problem-status.png);
    background-repeat: no-repeat;
    border: 1px solid #e7ac55;
    border-bottom: #e7ac55 solid 3px;
    border-radius: 3px;
    box-sizing: border-box;
    color: #454545;
    font-size: 10px;
    margin: 0 0 20px;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}

#checking-banner strong {
    font-weight: bold;
}

#table {
    background: #f3f3f3;
    border: 1px solid #BBB;
    border-radius: 3px;
    margin: 0 0 20px;
}

#status-solved {
    background: #8da222;
    color: #fff;
    border-color: #8da222;
}

#status-favorite {
    background: #8da222;
    color: #fff;
    border-color: #8da222;
}

#status-tried {
    background: #e9594a;
    color: #fff;
    border-color: #e9594a;
}

#status-homework {
    background: #5f5cbd;
    color: #fff;
    border-color: #5f5cbd;
}

table {
    width: 100%;
}

table tbody {
    border-top: #BBB solid 1px;
    border-bottom: #BBB solid 1px;
}

table tr {
    height: 24px;
}

table th {
    background: #DDD;
    border-top: #BBB solid 1px;
    color: #4b4b4a;
    font-size: 10px;
    vertical-align: middle;
    padding: 0 5px;
    text-transform: uppercase;
}

table td {
    padding: 0 5px;
    vertical-align: middle;
}

table a {
    color: #4b4b4a;
}

.pg-vertical a,
#contest-rank th a {
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #6f6f6f;
    color: #7f3ca7;
    padding: 3px;
}

#contest-rank th a {
    padding: 6px;
}

#contest-rank tr {
    height: 30px;
}

td.truncate {
    max-width: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 178px;
}

table .today a {
    color: #662483;
    font-weight: 700;
}

table .impar {
    background: #FFF;
}

table .par {
    background: #f3f3f3;
}

table .center {
    text-align: center;
}

table .left {
    text-align: left;
}

table .right {
    text-align: right;
}

table .tiny {
    text-align: center;
    width: 5%;
}

table .id,
table .small {
    text-align: center;
    width: 10%;
}

table .medium {
    text-align: center;
    width: 15%;
}

table .acronym {
    width: 12%;
}

table .semi-wide {
    width: 23%;
}

table .semi-wide-15 {
    width: 15%;
}

table .semi-wide-20 {
    width: 20%;
}

table .semi-wide-19 {
    width: 19%;
}

table .wide {
    width: 26%;
}

table .wide span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
}

table .date {
    width: 25%;
}

table .large {
    width: 35%;
}

table .large-education {
    width: 30%;
}

table .wide-education {
    width: 21%;
}

#page-info,
#table-info {
    background: #FFF;
    border: 1px solid #BBB;
    border-radius: 3px;
    display: inline-block;
    font-size: 10px;
    padding: 6px;
    text-align: center;
    text-transform: uppercase;
    width: 145px;
}

#table-info {
    margin: 6px 5px;
}

#table-space {
    margin: 14px 3px;
}

#table-paging,
#page-paging {
    box-sizing: border-box;
    display: inline-block;
    text-align: right;
    width: 75%;
}

#page-paging {
    float: right;
}

#table-paging {
    margin: 6px 3px;
}

#table-paging a,
#page-paging a {
    background: #FFF;
    border: 1px solid #BBB;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    margin: 0 3px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    width: 70px;
}

#table-paging li,
#page-paging li {
    display: inline-block;
}

#table-paging .disabled,
#page-paging .disabled {
    cursor: default;
    opacity: .5;
}

#table-paging span a,
#page-paging span a {
    color: #454545;
    transition: 0.2s;
}

#table-paging a:hover,
#page-paging a:hover {
    background-color: #DDD;
}

#table-paging .current,
#table-paging .current:hover,
#page-paging .current:hover {
    background-color: #FFF;
}

.pagination-box {
    background: #f3f3f3;
    border: 1px solid #bbb;
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 5px;
}

.list {
    position: relative;
    margin: 25px 0 0;
}

.form-ajax {
    position: relative;
}

#ajax {
    background: url(https://resources.beecrowd.com/judge/img/3.1/ajax-transparent.030914.png);
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10;
}

#ajax div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

#ajax svg {
    color: #f7f7f7;
    height: 80px;
    transition: 1s;
    width: 80px;
}

.pn-rank {
    background-position: 7px 0;
}

.pn-academic {
    background-position: 9px -50px;
}

.pn-university {
    background-position: -2px -54px;
    background-size: 75px;
}

.pn-achievements,
.pn-credits,
.pn-latest {
    background-position: 9px -100px;
}

.pn-help {
    background-position: 9px -151px;
}

.pn-statistics {
    background-position: 8px -202px;
}

.pn-basicinfo {
    background-position: 1px -2547px;
}

.pn-preferences {
    background-position: -2px -285px;
    background-size: 75px;
}

.pn-opportunities {
    background-position: -3px -1843px;
    background-size: 75px;
}

.pn-profile-male {
    background-position: 7px -748px;
}

.pn-profile-female {
    background-position: 7px -800px;
}

.pn-all-problems {
    background-position: 9px -550px;
}

.pn-recommended {
    background-position: 7px -900px;
}

.pn-settings {
    background-position: 6px -251px;
}

.pn-billing {
    background-position: 10px -2451px;
}

.pn-teams {
    background-position: 6px -1852px;
}

.pn-timer {
    background-position: 6px -1900px;
}

.pn-runs {
    background-position: 9px -350px;
}

.pn-submit {
    background-position: 10px -401px;
}

.pn-authors {
    background-position: 8px -1555px;
}

.pn-favorites {
    background-position: 6px -1801px;
}

.pn-origins {
    background-position: 10px -1603px;
}

.pn-category,
.pn-search {
    background-position: 6px -450px;
}

.pn-groups {
    background-position: 9px -500px;
}

.pn-homework {
    background-position: 9px -550px;
}

.pn-news {
    background-position: 9px -700px;
}

.pn-publications {
    background-position: 9px -703px;
}

.pn-feedback {
    background-position: 6px -1707px;
}

.pn-friends {
    background-position: 6px -1752px;
}

.pn-invitations {
    background-position: 6px -1652px;
}

.pn-code {
    background-position: 8px -300px;
}

.pn-live,
.pn-loading,
.pn-offline,
.pn-country {
    background-position: 9px -650px;
}

.pn-dashboard {
    background-position: 8px -1053px;
}

.pn-cookies {
    background-position: 8px -1002px;
}

.pn-privacy {
    background-position: 8px -1201px;
}

.pn-answers,
.pn-terms {
    background-position: 11px -1150px;
}

.pn-tried {
    background-position: 10px -604px;
}

.pn-toolkit {
    background-position: 10px -1252px;
}

.pn-contact {
    background-position: 1px -1693px;
}

.pn-contests {
    background-position: 8px -1300px;
}

.pn-contest {
    background-position: 8px -1352px;
}

.pn-contest-run {
    background-position: 8px -1402px;
}

.pn-challenges {
    background-position: 8px -1452px;
}

.pn-hobbies {
    background-position: 2px -2760px;
}

.pn-submissions {
    background-position: 8px -1500px;
}

.pn-monster {
    background-position: 8px -2152px;
}

.pn-blocks {
    background-position: 10px -2103px;
}

.pn-sun {
    background-position: 5px -2053px;
}

.pn-calendar {
    background-position: 9px -2203px;
}

.pn-deactivate {
    background-position: 9px -2402px;
}

.pn-skills {
    background-position: -3px -1670px;
    background-size: 75px;
}

.pn-dashboard h1,
.pn-toolkit h1 {
    color: #9b59b6;
}

.pn-calendar h1 {
    color: #585858;
}

#user-profile-menu h1 {
    padding: 0px 10px 4px 80px;
}

.pn-contact h1 {
    color: #e76f60;
}

.pn-basicinfo h1 {
    color: #a4cf70;
}

.pn-preferences h1 {
    color: #9b6697;
}

.pn-opportunities h1 {
    color: #74bec4;
}

.pn-live h1,
.pn-country h1 {
    color: #96d434;
}

.pn-offline h1 {
    color: #ef4130;
}

.pn-loading h1 {
    color: #f39c12;
}

.pn-recommended h1 {
    color: #006ca6;
}

.pn-favorites h1 {
    color: #FF4B39;
}

.pn-all-problems h1 {
    color: #d040b0;
}

.pn-feedback h1 {
    color: #ef4500;
}

.pn-friends h1 {
    color: #8cb8be;
}

.pn-invitations h1 {
    color: #a4cc7a;
}

.pn-news h1 {
    color: #9b59b6;
}

.pn-answers h1,
.pn-rank h1,
.pn-billing h1,
.pn-competitions h1 {
    color: #f3bf41;
}

.pn-academic h1,
.pn-university h1 {
    color: #646158;
}

.pn-achievements h1,
.pn-credits h1,
.pn-latest h1 {
    color: #ef4130;
}

.pn-code h1 {
    color: #7a9eaa;
}

.pn-statistics h1 {
    color: #9b59b6;
}

.pn-submit h1 {
    color: #adce07;
}

.pn-authors h1 {
    color: #f39c12;
}

.pn-origins h1 {
    color: #e74c3c;
}

.pn-groups h1 {
    color: #e67e22;
}

.pn-runs h1 {
    color: #4cabb9;
}

.pn-category h1,
.pn-search h1 {
    color: #ef4500;
}

.pn-profile-male h1 {
    color: #21c6d5;
}

.pn-profile-female h1 {
    color: #db4cba;
}

.pn-settings h1,
.pn-friends h1,
.pn-timer h1 {
    color: #9b59b6;
}

.pn-skills h1 {
    color: #7a97bf;
}

.pn-teams h1 {
    color: #f39c12;
}

.pn-tried h1 {
    color: #ef4130;
}

.pn-help h1 {
    color: #a957be;
}

.pn-languages h1 {
    color: #71b4a0;
}

.pn-cookies h1 {
    color: #b07c59;
}

.pn-privacy h1 {
    color: #ba53bf;
}

.pn-terms h1 {
    color: #a57169;
}

.pn-homework h1 {
    color: #e74c3c;
}

.pn-deactivate h1 {
    color: #e9594a;
}

.pn-contests h1 {
    color: #ef4130;
}

.pn-contest h1,
.pn-contest-run h1 {
    color: #456399;
}

.pn-challenges h1 {
    color: #ef4130;
}

.pn-hobbies h1 {
    color: #c4695d;
}

.pn-submissions h1 {
    color: #977873;
}

.pn-monster h1 {
    color: #454f4f;
}

.pn-blocks h1 {
    color: #3da993;
}

.pn-sun h1 {
    color: #f8cb41;
}

.pn-work-experience h1 {
    color: #ab8193;
}

.pn-c-1 {
    background-position: 10px -1px;
}

.pn-c-2 {
    background-position: 10px -53px;
}

.pn-c-3 {
    background-position: 10px -102px;
}

.pn-c-4 {
    background-position: 10px -152px;
}

.pn-c-5 {
    background-position: 10px -203px;
}

.pn-c-6 {
    background-position: 10px -253px;
}

.pn-c-7 {
    background-position: 10px -301px;
}

.pn-c-8 {
    background-position: 10px -352px;
}

.pn-c-9 {
    background-position: 10px -402px;
}

/* .pn-communities {
    background-position: ;
} */

.pn-c-1 h1,
.pn-c-1 strong {
    color: #12a197;
}

.pn-c-2 h1,
.pn-c-2 strong {
    color: #ea7c30;
}

.pn-c-3 h1,
.pn-c-3 strong {
    color: #52af18;
}

.pn-c-4 h1,
.pn-c-4 strong {
    color: #d11d26;
}

.pn-c-5 h1,
.pn-c-5 strong {
    color: #8d816f;
}

.pn-c-6 h1,
.pn-c-6 strong {
    color: #96C;
}

.pn-c-7 h1,
.pn-c-7 strong {
    color: #d21151;
}

.pn-c-8 h1,
.pn-c-8 strong {
    color: #31271f;
}

.pn-c-9 h1,
.pn-c-9 strong {
    color: #1f78a2;
}

.submit {
    float: right;
    width: 22%;
}

.run-control .submit {
    margin: 0 0 0 10px;
    width: 25%;
}

.send-small {
    width: 22%;
}

.send-left {
    float: left;
}

.send-right {
    float: right;
}

.send-purple {
    background: #a957be !important;
    border: 1px solid #793197;
    border-bottom: #793197 solid 3px;
}

.send-gray {
    background: #f3f3f3;
    border: 1px solid #BBB;
    border-bottom: #BBB solid 3px;
    border-radius: 3px;
    box-sizing: border-box;
    float: left;
    margin: 0 0 20px;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
    font-family: BryantMedium;
    height: 33px;
    width: 22%;
}

.send-inactive {
    background: #929292;
    border: 1px solid #5a5a5a;
    border-bottom: #5a5a5a solid 3px;
    width: 120px !important;
    pointer-events: none;
}

.send-purple:hover {
    background: #793197;
}

.send-green {
    background: #adce07;
    border: 1px solid #8fa813;
    border-bottom: #8fa813 solid 3px;
    width: 120px !important;
}

.send-green:hover {
    background: #9EBB0A;
}

.send-red {
    background: #a957be;
    border: 1px solid #793197;
    border-bottom: #793197 solid 3px;
}

.send-red:hover {
    background: #793197;
}

.send-orange {
    background: #662483;
    border: 1px solid #662483;
    border-bottom: #662483 solid 3px;
}

.send-orange:hover {
    background: #793197;
}

.send-black {
    background: #662483;
    border: 1px solid #662483;
    border-bottom: #662483 solid 3px;
}

.send-black:hover {
    background: #793197;
}

.send-blue {
    background: #2980b9;
    border: 1px solid #1A689C;
    border-bottom: #1A689C solid 3px;
}

.send-blue:hover {
    background: #1A689C;
}

.send-white {
    background: #fff;
    border: 1px solid #bbb;
    color: #454545;
}

.signup {
    width: 134px !important;
    margin-left: -125px !important;
    text-align: center;
}

/* Social Sign In */

#social-sign {
    float: left;
    margin: 20px 0 20px;
    width: 100%;
}

.send-google,
.send-twitch {
    margin-left: 15px;
}

.send-bitbucket {
    margin-left: 45px;
}

.send-github,
.send-bitbucket,
.send-twitch {
    margin-top: 15px;
}

.send-github:hover {
    color: #fff;
    background: #524F44;
    border: 1px solid #383732;
}

.send-bitbucket:hover {
    color: #fff;
    background: #205081;
    border: 1px solid #18426d;
}

.send-facebook:hover {
    color: #fff;
    background: #0E517F;
    border: 1px solid #0E517F;
}

.send-google:hover {
    color: #fff;
    background: #ef4130;
    border: 1px solid #c0392b;
}

.send-dropbox:hover {
    color: #fff;
    background: #1081de;
    border: 1px solid #046abd;
}

.send-linkedin:hover {
    color: #454545;
    background: #ffd422;
    border: 1px solid #e8b463;
}

.send-gitlab:hover {
    color: #fff;
    background: #FC6D27;
    border: 1px solid #E2432A;
}

.send-twitch:hover {
    color: #fff;
    background: #6441a5;
    border: 1px solid #4b41a5;
}

/* Answers */

.answer {
    font-weight: 700;
}

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

#big-buttons {
    margin: 20px 0;
}

#big-buttons li {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/button-set-131116.png');
    background-repeat: no-repeat;
}

#big-buttons div {
    float: left;
    margin: 15px 10px 15px 120px;
    width: 200px;
}

.dash-problems a,
.dash-problems b {
    color: #4cabb9;
}

.dash-features a,
.dash-features b {
    color: #96d434;
}

.dash-rank a,
.dash-rank b,
.dash-calendar a,
.dash-calendar b {
    color: #ef4130;
}

.dash-universities a,
.dash-universities b {
    color: #646158;
}

.dash-help a,
.dash-help b {
    color: #a957be;
}

.dash-feedback a,
.dash-feedback b {
    color: #ef4130;
}

.dash-contests a,
.dash-contests b {
    color: #915e45;
}

.dash-news a,
.dash-news b {
    color: #d040b0;
}

.dash-recommended a,
.dash-recommended b {
    color: #006ca6;
}

.dash-problems {
    background-position: -2px -251px;
    margin: 0 20px 0 0;
}

/* .dash-problems:before{
    background: #52cec7;
} */

.dash-features {
    background-position: -1px -362px;
    margin: 0 20px 0 0;
}

.dash-features:before {
    background: #97e030;
}

.dash-calendar {
    background-position: -1px -981px;
    margin: 0 20px 0 0;
}

.dash-calendar:before {
    background: #ef4130;
}

.dash-rank {
    background-position: -2px -492px;
    margin: 0 20px 0 0;
}

.dash-rank:before {
    background: #ef4130;
}

.dash-universities {
    background-position: -6px -613px;
    margin: 0 20px 0 0;
}

.dash-universities:before {
    background: #646158;
}

.dash-help {
    background-position: -3px -860px;
    margin: 0 20px 0 0;
}

.dash-help:before {
    background: #b240e7;
}

.dash-feedback {
    background-position: -1px -732px;
    margin: 0 20px 0 0;
}

.dash-feedback:before {
    background: #ef4130;
}

.dash-contests {
    background-position: -1px -1085px;
    margin: 0 20px 0 0;
}

/* .dash-contests:before{
    background: #c3a08f;
} */

.dash-news {
    background-position: -1px -1215px;
    margin: 0 20px 0 0;
}

.dash-news:before {
    background: #e77fd0;
}

.dash-recommended {
    background-position: 0 0;
}

.dash-recommended:before {
    background: #006ca6;
}

.credit-project a,
.credit-project b {
    color: #a957be;
}

.credit-development a,
.credit-development b {
    color: #f7c600;
}

.credit-team a,
.credit-team b {
    color: #97e030;
}

.credit-icons a,
.credit-icons b {
    color: #52cec7;
}

.credit-special a,
.credit-special b {
    color: #ef4130;
}

.credit-authors a,
.credit-authors b {
    color: #2574A9;
}

.credit-void {
    background-position: 0 120px;
    margin: 0 20px 0 0;
}

.credit-project {
    background-position: 0px -125px;
    margin: 0 20px 0 0;
}

.credit-project:before {
    background: #b240e7;
}

.credit-development {
    background-position: -2px -1342px;
    margin: 0 20px 0 0;
}

.credit-development:before {
    background: #f7c600;
}

.credit-team {
    background-position: -2px -365px;
    margin: 0 20px 0 0;
}

.credit-team:before {
    background: #97e030;
}

.credit-icons {
    background-position: -2px -984px;
    margin: 0 20px 0 0;
}

.credit-icons:before {
    background: #52cec7;
}

.credit-special {
    background-position: -2px -13px;
    margin: 0 20px 0 0;
}

.credit-special:before {
    background: #ef4130;
}

.credit-authors {
    background-position: -2px -1571px;
    margin: 0 20px 0 0;
}

.credit-authors:before {
    background: #2574A9;
}

#facebook {
    height: 60px;
    margin: 0 0 20px;
}

#facebook .fb-like {
    margin: 2% 25%;
}

#fb-like {
    margin-top: -2px;
}

#googleplus {
    float: left;
    height: 60px;
    margin: 0 0 20px 17px;
    width: 165px;
}

#googleplus .plus {
    margin: 6px 45px;
}

.gc-bubbleDefault {
    border-spacing: 0 !important;
}

.gc-bubbleDefault tbody {
    border: none !important;
}

.gc-reset {
    height: 100%;
}

#twitter {
    float: right;
    height: 60px;
    margin: 0 0 20px;
    width: 165px;
}

#twitter a {
    display: block;
    margin: 10px;
    text-align: center;
}

#category-list li,
#big-buttons li {
    background-color: #FFF;
    border-radius: 3px;
    border: 1px solid #BBB;
    /*cursor: pointer;*/
    height: 95px;
    position: relative;
    transform: translateZ(0);
    overflow: hidden;
    width: 48.3%;
    -webkit-transform: translateZ(0);
}

#category-list li:before,
#big-buttons li:before {
    content: "";
    bottom: 0;
    height: 2px;
    left: 50%;
    position: absolute;
    right: 50%;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: -1;
}

#category-list li:hover:before,
#category-list li:focus:before,
#category-list li:active:before,
#big-buttons li:hover:before,
#big-buttons li:focus:before,
#big-buttons li:active:before {
    left: 0;
    right: 0;
}

#category-list li.right,
#big-buttons li.right {
    float: right;
    margin: 0 0 20px;
}

#category-list li.left,
#big-buttons li.left {
    float: left;
    margin: 0 0 20px;
}

#category-list span,
#big-buttons span {
    display: block;
    float: left;
    font-family: SketchRockwell;
    font-size: 100px;
    height: 95px;
    text-align: center;
    width: 115px;
}

#category-list div {
    float: left;
    margin: 15px 0;
    width: 190px;
}

#category-list a,
#big-buttons a {
    display: block;
    font-family: BryantMedium;
    font-size: 16px;
    line-height: 15px;
    text-transform: uppercase;
    margin: 0 0 5px;
}

#category-list b,
#big-buttons b {
    display: inline-block;
    font-family: BryantMedium;
    font-size: 12px;
    padding: 5px 0 0;
    width: 190px;
}

#big-buttons i {
    font-size: 10px;
}

#category-list p,
#big-buttons p {
    line-height: 15px;
}

.category-1 a,
.category-1 b,
.category-1 span {
    color: #1abc9c;
}

.category-2 a,
.category-2 b,
.category-2 span {
    color: #f39c12;
}

.category-3 a,
.category-3 b,
.category-3 span {
    color: #52af18;
}

.category-4 a,
.category-4 b,
.category-4 span,
.category-recents a,
.category-recents b {
    color: #e74c3c;
}

.category-5 a,
.category-5 b,
.category-5 span {
    color: #8d816f;
}

.category-6 a,
.category-6 b,
.category-6 span,
.category-faq a,
.category-faq b {
    color: #9b59b6;
}

.category-7 a,
.category-7 b,
.category-7 span {
    color: #ef6ea3;
}

.category-8 a,
.category-8 b,
.category-8 span {
    color: #34495e;
}

.category-9 a,
.category-9 b,
.category-9 span {
    color: #1f78a2;
}

.category-all a,
.category-all b {
    color: #d040b0;
}

.category-recommended a,
.category-recommended b {
    color: #006ca6;
}

.category-authors a,
.category-authors b {
    color: #f39c12;
}

.category-origins a,
.category-origins b {
    color: #e74c3c;
}

.category-1:before {
    background: #12a197;
}

.category-2:before {
    background: #ea7c30;
}

.category-3:before {
    background: #52af18;
}

.category-4:before,
.category-recents:before {
    background: #d11d26;
}

.category-5:before {
    background: #8d816f;
}

.category-6:before,
.category-faq:before {
    background: #96C;
}

.category-7:before {
    background: #d21151;
}

.category-8:before {
    background: #31271f;
}

.category-9:before {
    background: #0a44a1;
}


.category-all,
.category-recommended,
.category-authors,
.category-origins,
.category-faq,
.category-recents {
    background-image: url('https://resources.beecrowd.com/judge/img/4.0/button-set.100215.jpg');
    background-repeat: no-repeat;
    margin: 0 0 20px;
}

.category-authors {
    background-position: -4px -1337px;
    float: left;
}

.category-authors:before {
    background: #f39c12;
}

.category-faq {
    background-position: -3px -860px;
    float: right;
}

.category-recents {
    background-position: 0px -733px;
    float: right;
}

.category-origins {
    background-position: -3px -1453px;
    float: right;
}

.category-origins:before {
    background: #ef4130;
}

.category-all {
    background-position: -7px -122px;
    float: right;
}

.category-all:before {
    background: #e77fd0;
}

.category-recommended {
    background-position: -2px -8px;
    float: left;
}

.category-recommended:before {
    background: #5e98b7;
}

.p-solved {
    background: #ffffff;
    border-radius: 0 0 3px 3px;
    border-bottom: #bbb solid 1px;
    box-sizing: border-box;
    display: block;
    font-size: 10px;
    padding: 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

#description {
    border: #bbb solid 1px;
    border-radius: 3px;
    padding: 10px;
}

#description-html {
    min-height: 690px;
    width: 100%;
}

.contest-description {
    margin: 20px 0;
}

#editor-description .ce-block__content {
    margin: 0;
    max-width: 100%;
}

#badge-bar,
#challenge-menu,
#place,
#problem-menu,
#rk-language,
.information-box {
    background: #FFF;
    border: 1px solid #BBB;
    border-radius: 3px;
    margin: 0 20px 20px;
    overflow: hidden;
    position: relative;
    width: 200px;
}

#challenge-menu .image,
#problem-menu .image {
    border-radius: 0 0 0 5px;
    left: 0;
    position: absolute;
    top: 32px;
    width: 74px;
}

#challenge-menu .image {
    background: url('https://resources.beecrowd.com/judge/img/4.0/language.051214.gif') -2px center no-repeat;
    height: calc(100% - 52px);
}

#problem-menu .image {
    background: url('https://resources.beecrowd.com/judge/img/4.0/problem.301114.jpg') 3px center no-repeat;
    height: calc(100% - 72px);
}

#problem-menu .points {
    background: #fff;
    border-top: #bbb solid 1px;
    display: inline-block;
    font-size: 10px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}

.red-title {
    color: #ef4130;
}

#rk-language .image {
    background: url('https://resources.beecrowd.com/judge/img/5.0/code-language.png') -2px center no-repeat;
}

#code-language {
    margin: 10px;
    width: 85%;
}

#challenge-menu.information {
    float: right;
    margin: 5px 0;
    width: 125px;
}

#challenge-menu h3,
.information-box h3 {
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #BBB;
    font-weight: 700;
    text-align: center;
    width: 100%;
    color: #FFF;
}

#challenge-menu h3 {
    background: #f3f3f3;
    color: #454545;
    font-size: 22px;
    padding: 4px 0;
}

#challenge-menu span {
    display: none;
}

#challenge-menu li a {
    border-bottom: #FFF dashed 1px;
    border-top: #FFF dashed 1px;
    color: #454545;
    display: block;
    padding: 4px 20px;
}

#challenge-menu a:hover {
    background: #f3f3f3;
    border-color: #BBB;
}

#challenge-menu em {
    background: #fff;
    border: 1px solid #BBB;
    border-radius: 3px;
    font-size: 10px;
    padding: 1px 2px;
    margin: 0 0 0 5px;
}

#place .image {
    background: url('https://resources.beecrowd.com/judge/img/5.0/judge-set.250619.png') -2px -184px no-repeat;
    border-radius: 0 0 0 5px;
    border-right: 1px solid #BBB;
    height: 77px;
    left: 0;
    position: absolute;
    top: 27px;
    width: 75px;
}

#rk-language .image {
    border-radius: 0 0 0 5px;
    border-right: 1px solid #BBB;
    height: 60%;
    left: 0;
    position: absolute;
    top: 27px;
    width: 75px;
}

#challenge-menu .information,
#place .information,
#problem-menu .information,
#rk-language .information {
    float: right;
    width: 125px;
    border-left: 1px solid #BBB;
}

#problem-menu .information {
    padding: 5px 0;
}

#badge-bar h3,
#place h3,
#problem-menu h3,
#rk-language h3,
.information-box h3 {
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #BBB;
    color: #FFF;
    font-weight: 700;
    text-align: center;
    width: 100%;
}

#problem-menu h3 {
    font-size: 20px;
    padding: 5px 0;
}

#problem-menu span {
    display: none;
}

#badge-bar h3,
#place h3,
#rk-language h3,
.information-box h3 {
    background: #f3f3f3;
    color: #454545;
    font-size: 12px;
    padding: 7px 0;
}

#problem-menu li a,
#rk-language li a {
    border-bottom: #FFF dashed 1px;
    border-top: #FFF dashed 1px;
    color: #454545;
    display: block;
    padding: 4px 20px;
    transition: 0.2s;
}

#problem-menu li a:hover,
#rk-language li a:hover {
    background: #f3f3f3;
    border-color: #BBB;
}

#place li {
    padding: 5px 20px;
}

#place li span {
    font-weight: 700;
    padding: 0 5px 0 0;
}

.place-view,
.small-view {
    background: #f3f3f3;
    border-radius: 0 0 3px 3px;
    border-top: #bbb solid 1px;
    border-bottom: #bbb solid 1px;
    box-sizing: border-box;
    display: block;
    font-size: 10px;
    padding: 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.small-view-utc {
    background: #f3f3f3;
    color: #454545 !important;
    box-sizing: border-box;
    display: block;
    font-size: 10px;
    padding: 5px 0px 5px !important;
    position: relative !important;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.logo-view {
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-view>div {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 95px;
}

.place-view {
    float: left;
}

.information-box p {
    display: table-cell;
    line-height: 18px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

.information-box h3.tried,
.information-box h3.checking {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/problem-status.png');
    background-repeat: no-repeat;
}

.information-box h3.tried {
    background-color: #f3f3f3;
    background-position: 8px -7px;
}

.information-box h3.checking {
    background-color: #ffdb72;
    background-position: 10px -73px;
}

.information-box .like {
    line-height: 17px;
    margin: 10px;
    text-align: center;
}

#login-menu {
    background: url('https://resources.beecrowd.com/judge/img/5.0/ballons.jpg') center -20px no-repeat;
    font-size: 18px;
}

#login-menu a {
    background: #f3f3f3;
    border-radius: 0 0 5px 5px;
    border-top: #BBB solid 1px;
    display: block;
    margin: 75px 0 0;
    padding: 7px;
    text-align: center;
}

#logged-out-menu {
    margin: 0 20px 20px;
}

#logged-out-menu li {
    background: url('https://resources.beecrowd.com/judge/img/5.0/judge-set.250619.png') no-repeat #FFF;
    border-radius: 3px;
    border: 1px solid #BBB;
    cursor: pointer;
    height: 50px;
    margin: 0 0 27px;
    padding: 12px 10px 12px 80px;
    width: 98px;
}

#logged-out-menu a {
    font-family: BryantMedium;
    font-size: 14px;
    display: inline-block;
    line-height: 15px;
    text-transform: uppercase;
    margin: 0 0 7px;
}

#logged-out-menu p {
    display: inline-block;
    line-height: 15px;
}

#logged-out-menu .menu-1 {
    background-position: -5px -517px;
    box-shadow: inset 0 0 0 #52cec7;
}

#logged-out-menu .menu-1 a {
    color: #4cabb9;
}

.v-menu-profile li {
    background-image: url('../img/5.0/personal-information-set.250222.png');
    padding: 15px 0px 15px 80px;
}

.v-menu li {
    background-image: url('../img/5.0/judge-set.250619.png');
    padding: 12px 10px 12px 90px;
}

.v-menu li,
.v-menu-profile li {
    background-repeat: no-repeat;
    border-radius: 3px;
    border: 1px solid #BBB;
    margin: 0 20px 20px;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.v-menu li:before,
.v-menu-profile li:before {
    content: "";
    bottom: 0;
    height: 2px;
    left: 50%;
    position: absolute;
    right: 50%;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: -1;
}

.v-menu li:hover:before,
.v-menu li:focus:before,
.v-menu li:active:before,
.v-menu-profile li:hover:before,
.v-menu-profile li:focus:before,
.v-menu-profile li:active:before {
    left: 0;
    right: 0;
}

.v-menu a,
.v-menu-profile a {
    font-family: BryantMedium;
    font-size: 14px;
    display: inline-block;
    line-height: 15px;
    text-transform: uppercase;
}

.v-menu a {
    margin: 0 0 7px;
}

.v-menu p,
.v-menu-profile p {
    display: inline-block;
    line-height: 15px;
}

#logged-out-menu .menu-2,
#rank-menu .menu-1 {
    background-position: -8px -3px;
    box-shadow: inset 0 0 0 #f9cd2e;
}

.m-submissions {
    background-position: -5px -517px;
}

.m-submissions:before {
    background: #52cec7;
}

.m-problems {
    background-position: -5px -771px;
}

.m-problems:before {
    background: #c6733d;
}

.m-drafts {
    background-position: -5px -857px;
}

.m-drafts:before {
    background: #2574A9;
}

.m-live,
.m-country {
    background-position: -5px -599px;
}

.m-live:before,
.m-country:before {
    background: #97e030;
}

.m-company {
    background-position: -10px -3602px;
}

.m-referral {
    background-position: 0px -1537px;
}

.m-referral a {
    color: #D161C7;
}

.m-referral:before {
    background: #D161C7;
}

.m-company:before {
    background: #ab8193;
}

.m-rank {
    background-position: -8px -3px;
}

.m-rank:before {
    background: #f39c12;
}

.m-tour {
    background-position: -13px -942px;
}

.m-tour:before {
    background: #1abc9c;
}

.m-disable {
    background-position: 15px -45px;
}

.m-tried {
    background-position: 0 -685px;
}

.m-find-me,
.m-contests {
    background-position: 0 -184px;
}

.m-tournaments {
    background-position: 0 -1020px;
}

.m-tournaments:before {
    background: #9d4c7b;
}

.m-find-me:before,
.m-contests:before,
.m-tried:before {
    background: #ef4130;
}

.m-disable:before {
    background: #ef4130;
}

.m-answers {
    background-position: -9px -433px;
}

.m-answers {
    background-position: -9px -433px;
}

.m-teams {
    background-position: 1px -1107px;
}

.m-answers:before,
.m-teams:before {
    background: #f9cd2e;
}

.m-university {
    background-position: -7px -90px;
}

.m-university:before {
    background: #646158;
}

.m-forum {
    background-position: -7px -258px;
}

.m-forum:before,
.m-topics:before {
    background: #52cec7;
}

.m-help {
    background-position: -4px -344px;
}

.m-help:before,
.m-faq:before {
    background: #9d4c7b;
}

.m-judge {
    background-position: 0px 0px;
}

.m-judge:before {
    background: #f39c12;
}

.m-faq {
    background-position: 0px -340px;
}

.m-occurrence {
    background-position: 0px -1363px;
}

.m-occurrence:before {
    background: #f0c062;
}

.m-moderator {
    background-position: 2px -1451px;
}

.m-moderator:before {
    background: #945c3c;
}

.m-topics {
    background-position: 0 -260px;
}

.m-occurrence a {
    color: #f0c062;
}

.m-moderator a {
    color: #945c3c;
}

.m-topics a {
    color: #1abc9c;
}

.m-submissions a {
    color: #4cabb9;
}

.m-problems a {
    color: #c6733d;
}

.m-drafts a {
    color: #2574A9;
}

.mreferral {
    color: #D161C7;
}

.m-live a,
.m-country a {
    color: #96d434;
}

.m-company a {
    color: #ab8193;
}

.m-rank a {
    color: #f39c12;
}

.m-tour a {
    color: #1abc9c;
}

.m-find-me a,
.m-contests a,
.m-tried a {
    color: #ef4130;
}

.m-disable a {
    color: #ef4130;
}

.m-answers a,
.m-teams a {
    color: #f39c12;
}

.m-forum a {
    color: #4cabb9;
}

.m-help a,
.m-faq a {
    color: #9d4c7b;
}

.m-tournaments a {
    color: #9d4c7b;
}

.m-profile {
    background-position: 15px -148px;
}

.m-profile:before {
    background: #a4cf70
}

.m-profile a {
    color: #a4cf70;
}

.m-contact {
    background-position: 15px -205px;
}

.pn-languages {
    background-position: 1px -2821px;
}

.tdclass {
    text-align: justify;
}

.m-contact:before {
    background: #e76f60;
}

.m-contact a {
    color: #e76f60;
}

.m-languages {
    background-position: 15px -484px;
}

.m-languages:before {
    background: #71b4a0;
}

.m-languages a {
    color: #71b4a0;
}

.m-education {
    background-position: 15px 0px;
}

.m-education:before {
    background: #4b4945;
}

.m-work {
    background-position: 15px -590px;
}

.m-work:before {
    background: #ab8193;
}

.m-work a {
    color: #ab8193;
}

.m-skills {
    background-position: 15px -543px;
}

.m-skills:before {
    background: #7a97bf;
}

.m-skills a {
    color: #7a97bf;
}

.m-communities {
    background-position: 15px -265px;
}

.m-communities:before {
    background: #434a4a;
}

.m-communities a {
    color: #434a4a;
}

.m-competitions {
    background-position: 15px -95px;
}

.m-competitions:before {
    background: #e3c058;
}

.m-competitions a {
    color: #e3c058;
}

.m-preferences {
    background-position: 15px -635px;
}

.m-preferences:before {
    background: #9b6697;
}

.m-preferences a {
    color: #9b6697
}

.m-opportunities {
    background-position: 15px -325px;
}

.m-opportunities:before {
    background: #74bec4;
}

.m-opportunities a {
    color: #74bec4;
}

.m-devices {
    background-position: 15px -430px;
}

.pn-devices {
    background-position: -3px -2980px;
    background-size: 73px;
}

.pn-devices h1 {
    color: #b77db2;
}

.m-devices:before {
    background: #b77db2;
}

.m-devices a {
    color: #b77db2;
}

.m-hobbies {
    background-position: 15px -380px;
}

.m-hobbies:before {
    background: #c4695d;
}

.m-hobbies a {
    color: #c4695d;
}

.p-level-1,
.p-level-10,
.p-level-2,
.p-level-3,
.p-level-4,
.p-level-5,
.p-level-6,
.p-level-7,
.p-level-8,
.p-level-9 {
    color: #fff;
}

.p-level-1 {
    background: #D2527F;
}

.p-level-2 {
    background: #EB9532;
}

.p-level-3 {
    background: #87D37C;
}

.p-level-4 {
    background: #EF4836;
}

.p-level-5 {
    background: #E29C45;
}

.p-level-6 {
    background: #9B59B6;
}

.p-level-7 {
    background: #5D8CAE;
}

.p-level-8 {
    background: #E2B13C;
}

.p-level-9 {
    background: #95A5A6;
}

.p-level-10 {
    background: #454545;
}

.p-level-cor-1 {
    color: #dd42ac;
}

.p-level-cor-2 {
    color: #cb4c00;
}

.p-level-cor-3 {
    color: #2ba653;
}

.p-level-cor-4 {
    color: #cf0b16;
}

.p-level-cor-5 {
    color: #d08400;
}

.p-level-cor-6 {
    color: #7f3cef;
}

.p-level-cor-7 {
    color: #3674cc;
}

.p-level-cor-8 {
    color: #f7ae00;
}

.p-level-cor-9 {
    color: #525f72;
}

.p-level-cor-10 {
    color: #bfbcbc;
}

#profile-bar,
#versus-profile-bar {
    border: 1px solid #BBB;
    border-radius: 3px;
    margin: 65px 20px 20px 20px;
    position: relative;
    width: 200px;
}

.pb-header,
.pb-footer {
    background: #f3f3f3;
    box-sizing: border-box;
    height: 25px;
}

.pb-header {
    border-radius: 3px 3px 0 0;
    border-bottom: #bbb solid 1px;
}

.pb-footer {
    border-radius: 0 0 3px 3px;
    border-top: #bbb solid 1px;
}

.pb-premium {
    background-color: gold;
    border-radius: 3px;
    display: inline-block;
    font-size: 10px;
    padding: 5px;
    position: absolute;
    right: 0;
    top: -33px;
    z-index: 2;
}

.pb-avatar,
.pb-u-logo,
.pb-c-logo {
    background: #fff;
    border-radius: 3px;
    border: #bbb solid 1px;
    height: 125px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    overflow: hidden;
    width: 125px;
}

.pb-avatar,
.pb-u-logo {
    top: -45px;
}

.pb-u-logo {
    background: #fff url('https://resources.beecrowd.com/judge/img/5.0/university-default.png') no-repeat center;
}

.pb-avatar-0 {
    background: #fff;
}

.pb-avatar-1,
.pb-avatar-2,
.pb-avatar-3,
.pb-avatar-4,
.pb-avatar-5,
.pb-avatar-6,
.pb-avatar-7,
.pb-avatar-8 {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/user-icons.png');
    background-repeat: no-repeat;
}

.pb-avatar-1 {
    background-position: 0px 0px;
}

.pb-avatar-2 {
    background-position: -125px 0px;
}

.pb-avatar-3 {
    background-position: 0px -125px;
}

.pb-avatar-4 {
    background-position: -125px -125px;
}

.pb-avatar-5 {
    background-position: 0px -250px;
}

.pb-avatar-6 {
    background-position: -125px -250px;
}

.pb-avatar-7 {
    background-position: 0px -375px;
}

.pb-avatar-8 {
    background-position: -125px -375px;
}

.pb-username,
.pb-u-name {
    background: #FFF;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
}

.pb-username {
    margin: 55px 0 0;
}

.pb-u-name {
    margin: 55px 0 20px;
}

.pb-username p,
.pb-u-name p {
    display: table-cell;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 180px;
    word-break: break-word;
}

.pb-username p {
    height: 80px;
}

.pb-u-name p {
    height: 60px;
}

.pb-u-name span {
    border-top: #bbb dotted 1px;
    border-bottom: #bbb dotted 1px;
    box-sizing: border-box;
    display: table-cell;
    font-size: 10px;
    font-weight: normal;
    height: 54px;
    line-height: 14px;
    padding: 5px 20px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}

.pb-information {
    margin: 0 0 15px;
}

.pb-information li {
    padding: 5px 10px 5px 20px;
}

.pb-information li span {
    font-weight: 700;
    padding: 0 5px 0 0;
}

.pb-badges,
.pb-friends {
    padding: 10px 0;
    text-align: center;
}

.pb-badges li,
.pb-friends li {
    display: inline-block;
    height: 53px;
    margin: 1px;
    width: 53px;
}

.pb-badges li {
    background-image: url('https://resources.beecrowd.com/judge/img/5.1/badges.png');
    background-repeat: no-repeat;
}

.pb-friends li {
    border: #bbb solid 1px;
    border-radius: 3px;
    overflow: hidden;
}

.pb-friends a {
    display: inline-block;
}

.pb-badges li span,
.pb-friends li span {
    display: none;
}

.pb-all-badges {
    border-top: #BBB solid 1px;
    display: block;
    font-size: 10px;
    padding: 6px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

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

#achievements-list li {
    border-radius: 3px;
    border: 1px solid #BBB;
    height: 75px;
    width: 225px;
}

#users-list li {
    border-radius: 3px;
    border: 1px solid #BBB;
    box-sizing: border-box;
    /*cursor: pointer;*/
    height: 85px;
    width: 48.5%;
}

#achievements-list p {
    display: table-cell;
    font-size: 10px;
    padding: 0 10px 0 0;
    vertical-align: middle;
    height: 75px;
    line-height: 14px;
    position: relative;
}

#achievements-list strong {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

#achievements-list div,
#message .b {
    background-image: url('https://resources.beecrowd.com/judge/img/5.1/badges.png');
    background-repeat: no-repeat;
    float: left;
    height: 53px;
    margin: 10px;
    width: 53px;
}

#achievements-list em {
    bottom: 0;
    color: #aaa;
    font-size: 8px;
    position: absolute;
    right: 5px;
}

.search-user-avatar,
.team-avatar {
    border-radius: 3px;
    box-sizing: border-box;
    float: left;
    height: 65px;
    margin: 10px 20px 10px 10px;
    overflow: hidden;
    width: 65px;
}

.search-user,
.team-judge {
    float: left;
    margin: 18px 0;
    line-height: 16px;
    width: 245px;
}

.search-user p,
.team-judge p,
.providers-list p {
    font-weight: bold;
    text-transform: uppercase;
    word-break: break-word;
}

.search-user em,
.team-judge em {
    font-size: 10px;
    font-weight: normal;
    display: block;
}

.search-user-statistics,
.team-judge-statistics {
    font-size: 10px;
    font-weight: normal;
}

.search-user-link {
    color: #777;
    display: block;
    font-size: 10px;
    padding: 5px 0;
}

.search-user-statistics strong,
.team-judge-statistics strong {
    font-weight: bold;
    text-transform: uppercase;
}

.u-g-female-0,
.u-g-female-1,
.u-g-male-0,
.u-g-male-1,
.u-g-user-0,
.u-g-user-1 {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/profile-icons.121015.png');
    background-repeat: no-repeat;
}

.u-g-male-0 {
    background-position: 0px 0px;
}

.u-g-male-1 {
    background-position: 0px -65px;
}

.u-g-female-0 {
    background-position: 0px -130px;
}

.u-g-female-1 {
    background-position: 0px -195px;
}

.u-g-user-0 {
    background-position: 0px -260px;
}

.u-g-user-1 {
    background-position: 0px -325px;
}

.a-l-item,
.u-l-0 {
    float: left;
    margin: 0 20px 20px 0;
}

.a-l-middle,
.u-l-1 {
    float: left;
    margin: 0 0 20px 0;
}

.a-l-end,
.u-l-2 {
    float: right;
    margin: 0 0 15px;
}

.p-statistics,
.p-forum {
    background: #f3f3f3;
    border: #bbb solid 1px;
    border-radius: 3px;
    display: inline-block;
    font-size: 10px;
    margin: 0 3px;
    padding: 5px 7px;
    transition: all .2s ease;
    text-align: center;
    margin: 0 20px 15px;
    width: 145px;
}

.p-forum {
    margin: -5px 20px 15px;
}

.u-g-female,
.u-g-male {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/user-profile.jpg');
    background-repeat: no-repeat;
}

.u-g-male {
    background-position: -1px -2px;
}

.u-g-female {
    background-position: -2px -57px;
}

.a-l-0 {
    float: left;
    margin: 0 20px 20px 0;
}

.a-l-1 {
    float: left;
    margin: 0 0 20px 0;
}

.a-l-2 {
    float: right;
    margin: 0 0 20px;
}

#badge-bar p {
    display: table-cell;
    height: 135px;
    line-height: 18px;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
}

#message {
    background: url('https://resources.beecrowd.com/judge/img/5.0/achievement.jpg') center 40px no-repeat;
    height: 250px;
    width: 400px;
}

#message h4 {
    background: #f3f3f3;
    border-bottom: #BBB solid 1px;
    border-radius: 3px 5px 0 0;
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
}

#message p {
    font-family: BryantMedium;
    font-size: 14px;
    line-height: 20px;
    margin: 125px 0 0;
    text-align: center;
}

.form-left,
.form-right,
.block-left,
.block-right,
.right-inner-option {
    box-sizing: border-box;
    width: 49%;
}

.form-left-email1 {
    box-sizing: border-box;
    width: 48%;
    float: left;
}

.form-left,
.block-left {
    float: left;
}

.form-right,
.block-right {
    float: right;
}

.form-communities {
    box-sizing: border-box;
    width: 100%;
    float: right;
}

.form-work {
    box-sizing: border-box;
    width: 100%;
    float: right;
}

/* begin custom radio input */
.container-radio-button-fwork,
.container-radio-button-feducation {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 170px;
}

.container-radio-button-fwork div.fwork-container-input-radio,
.container-radio-button-feducation div.feducation-container-input-radio {
    flex-direction: column;
    flex-basis: 500%;
    flex: 1;
    margin-left: 0;
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.container-radio-button-fwork label:first-child,
.container-radio-button-feducation label:first-child {
    display: none;
}

.container-radio-button-fwork div.fwork-container-input-radio label,
.container-radio-button-feducation div.feducation-container-input-radio label {
    margin: 0;
    display: block;
    margin-top: 4px;
    font-size: 9px;
}

.container-radio-button-fwork div.fwork-container-input-radio label span,
.container-radio-button-feducation div.feducation-container-input-radio label span {}

/* end custom radio input */

/* begin radio as checkbox */
.container-radio-button-fwork div.fwork-container-input-radio input {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

.container-radio-button-fwork div.fwork-container-input-radio input+label i {
    width: 14px;
    height: 14px;
    background-color: #fff;
    display: block;
    float: left;
    border: 2px #999 solid;
    margin-left: 5px;
}

.container-radio-button-fwork div.fwork-container-input-radio input+label span {
    margin-top: 5px;
    display: block;
    float: left;
}

.container-radio-button-fwork div.fwork-container-input-radio input:checked+label i {
    /* background-color: #0E517F; */
    background-image: url('../img/checked.png');
    background-size: 12px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.container-radio-button-fwork div.fwork-container-input-radio input:disabled+label i {
    opacity: 0.5;
}

/* end radio as checkbox */

.column-100 {
    width: 100%;
}

.column-85 {
    width: 85%;
}

.column-60 {
    width: 60%;
}

.column-48 {
    width: 48%;
}

.column-46 {
    width: 46%;
}

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

.column-30 {
    width: 30%;
}

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

.form-change,
.form-suggest,
.form-security {
    background: #f3f3f3;
    border: 1px solid #BBB;
    border-bottom: #BBB solid 3px;
    border-radius: 3px;
    display: block;
    font-size: 10px;
    padding: 10px;
    text-transform: uppercase;
}

.form-change,
.form-suggest {
    margin: 0 0 15px;
    width: 45.5%;
}

.form-security {
    margin: 15px 0;
}

.form-change {
    float: right;
}

.configuration,
.form-suggest {
    float: left;
}

.configuration,
.EmailConfig {
    border: 1px solid #BBB;
    border-radius: 3px;
    display: inline-block;
    height: 280px;
    margin: 0 0 20px;
    width: 48%;
}

.configuration h2,
.EmailConfig h2 {
    background: #f3f3f3;
    border-bottom: #BBB solid 1px;
    border-radius: 3px 5px 0 0;
    font-size: 13px;
    font-weight: 700;
    padding: 7px;
    text-align: center;
}

.configuration .workExpTitle {
    background: #f3f3f3;
    border-bottom: #BBB solid 1px;
    border-radius: 3px 5px 0 0;
    font-size: 10px;
    font-weight: 700;
    padding: 7px;
    text-align: left;
}

.configuration p,
.EmailConfig p {
    color: #999;
    font-size: 11px;
    line-height: 15px;
    margin: 2px 10px 10px 25px;
}

.accountc p {
    color: #999;
    font-size: 11px;
    line-height: 15px;
    margin: 0px 10px 10px 0px;
}

.configuration .preferences,
.EmailConfig .preferences {
    margin: 15px;
}

.EmailConfig {
    float: right;
    overflow: hidden;
}

.provider-remove {
    border-radius: 3px;
    font-size: 10px;
    margin-left: 266px;
    margin-top: -32px;
    padding: 5px 6px;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    background: #662483;
    border: 1px solid #662483;
    border-bottom: #662483 solid 3px;
    color: #fff;
    width: 45px;
    height: 11px;
}

#providers li {
    border-radius: 3px;
    border: 1px solid #BBB;
    box-sizing: border-box;
    height: 50px;
    width: 48.5%;
}

.providers-list {
    float: left;
    line-height: 11px;
    width: 245px;
    margin-top: 11px;
    margin-left: 10px;
}

.providers-list-link {
    color: #777;
    display: block;
    font-size: 10px;
    padding: 5px 0;
}

/* Tip */

#tip,
#tip-f {
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}

#tip p {
    line-height: 20px;
    padding: 15px 20px;
}

#tip-f p {
    line-height: 20px;
    padding: 0px 20px 15px 20px;
}

#tip strong {
    font-weight: bold;
}

#tip a {
    color: #ef4310;
    text-decoration: underline;
}

#countdown,
#countdown-top,
#progress {
    background: #FFF;
    text-align: center;
}

#countdown,
#progress {
    border: 1px solid #BBB;
    border-radius: 3px;
    position: relative;
}

#countdown-top {
    border: #BBB solid 1px;
    border-radius: 3px;
}

#countdown p,
#progress p {
    background: #f3f3f3;
    border-bottom: #BBB solid 1px;
    border-radius: 3px 5px 0 0;
    font-size: 13px;
    font-weight: 700;
    padding: 7px;
}

#countdown-top p {
    background: #f3f3f3;
    border-top: #BBB solid 1px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
    padding: 6px;
}

#countdown h2,
#progress h2 {
    cursor: default;
    font-family: SketchRockwell;
    font-size: 100px;
    line-height: 80px;
    padding: 10px 0;
}

#countdown span,
#progress span {
    bottom: 0;
    color: #aaa;
    font-size: 10px;
    padding: 5px;
    position: absolute;
    right: 0;
}

#progress h2 {
    color: #e14043;
}

.c-start {
    color: #ef4130;
}

.c-run {
    color: #454545;
}

.c-blind {
    color: #ef4130;
}

.c-end {
    color: #999;
}

.you-here {
    background: #EDFAAF;
    border-bottom: #D7E884 solid 1px;
    border-top: #D7E884 solid 1px;
    font-weight: 700;
}

.you-own {
    background: #d8d2d7;
    border-bottom: #a2949f solid 1px;
    border-top: #a2949f solid 1px;
    font-weight: 700;
}

.search-box,
.filter-box,
.st-big-box,
.st-box,
.st-half-box,
.st-small-box,
.st-wide-box,
.st-api-box {
    border: 1px solid #BBB;
    border-radius: 3px;
    float: left;
}

.search-box,
.st-big-box,
.st-box,
.st-half-box,
.st-small-box,
.st-wide-box,
.st-api-box {
    overflow: hidden;
}

.st-feature-box {
    border: 1px solid #BBB;
    border-radius: 3px;
    float: left;
}

.st-menu-box {
    border: 1px solid #BBB;
    border-radius: 3px;
    margin: 0 20px 20px;
    width: 200px;
}

.st-wide-box {
    margin: 0 0 20px;
    width: 100%;
}

.st-big-box {
    margin: 0 0 20px;
    width: 73%;
}

.st-box {
    width: 348px;
}

.st-small-box {
    float: right;
    margin: 0 0 20px 0;
    width: 170px;
}

.st-half-box {
    margin: 0 0 20px 0;
    width: 46.5%;
}

.st-left {
    float: left;
}

.st-right {
    float: right;
}

.st-api-box,
.st-feature-box {
    margin: 0 0 20px;
    width: 100%;
}

div.st-information h3 {
    text-align: left;
    padding: 7px 20px;
}

.inner-box {
    line-height: 20px;
    margin: 20px;
}

.inner-box p {
    padding: 0 0 10px;
}

.inner-box strong {
    font-weight: bold;
    text-transform: uppercase;
}

.inner-box em {
    color: #777;
    font-style: italic;
}

.search-box h3,
.filter-box h3,
.st-big-box h3,
.st-box h3,
.st-half-box h3,
.st-small-box h3,
.st-wide-box h3,
.st-api-box h3,
.st-feature-box h3,
.st-menu-box h3 {
    background: #f3f3f3;
    border-bottom: #BBB solid 1px;
    font-size: 13px;
    font-weight: 700;
    margin: 0 auto;
    padding: 7px 0;
    text-align: center;
    text-transform: uppercase;
}

/* Statistics Page */

.st-number {
    font-weight: 700;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
}

.st-compare {
    margin: 20px 20px 0;
}

#progress-chart {
    padding: 12px 0 0 0;
}

#st-answer,
#st-language {
    height: 300px;
}

#st-progress,
#st-category,
#st-answer,
#st-langauge {
    margin: 0 0 20px;
}

#st-progress,
#st-category {
    text-align: center;
    position: relative;
}

#st-category em {
    bottom: 5px;
    color: #777;
    font-size: 10px;
    left: 5px;
    position: absolute;
}

.st-large {
    height: 286px;
}

.st-small {
    height: 204px;
}

#st-progress,
#st-answer {
    float: left;
}

#st-category,
#st-language {
    float: right;
}

#answer-chart-container,
#language-chart-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#answer-chart,
#language-chart {
    float: left;
    margin: 70px 0 0 20px;
    height: 200px;
    width: 200px;
}

#answer-legend,
#language-legend {
    float: right;
    width: 175px;
}

#answer-legend,
#language-legend {
    margin: 0 0 0 0;
}

#category-box {
    margin: 0 0 20px;
}

#answers-box,
#languages-box {
    /*background: url(https://resources.beecrowd.com/judge/img/3.1/loading.030914.gif) no-repeat center;*/
}

#answers-box {
    float: left;
    height: 320px;
    margin: 0 20px 20px 0;
}

#languages-box {
    height: 320px;
    margin: 0 0 20px;
}

#runs-breakdown-box {
    height: 260px;
    margin: 0 0 20px;
    position: relative;
}

#visualization-answers,
#visualization-languages {
    height: 280px;
    margin: 5px auto;
    width: 300px;
}

#visualization-breakdown {
    height: 220px;
}

#visualization-progress {
    height: 205px;
    margin: 15px auto;
    width: 300px;
}

.percentage li {
    border-top: #BBB solid 1px;
    overflow: hidden;
    height: 25px;
}

.percentage li:first-child {
    border: 0;
}

.percentage li span,
.percentage li strong {
    display: block;
    padding: 7px;
}

.percentage li strong {
    background: #f3f3f3;
    border-right: #BBB solid 1px;
    font-weight: 700;
    float: left;
    text-align: right;
    width: 80px;
}

.percentage li span {
    border-left: #BBB solid 1px;
    float: left;
    text-align: right;
    width: 45px;
}

.percentage li b {
    padding: 7px 0;
    display: block;
}

.p-box {
    width: 100px;
    float: left;
}

.p-box div {
    height: 15px;
    float: right;
    margin: 5px 0;
}

.p-box-c-0 {
    background: #BBB;
}

.p-box-c-1 {
    background: #12a197;
}

.p-box-c-2 {
    background: #ea7c30;
}

.p-box-c-3 {
    background: #52af18;
}

.p-box-c-4 {
    background: #d11d26;
}

.p-box-c-5 {
    background: #8d816f;
}

.p-box-c-6 {
    background: #96c;
}

.p-box-c-7 {
    background: #d21151;
}

.p-box-c-8 {
    background: #31271f;
}

#hidden-progress {
    display: none;
}

.no-progress {
    /*background: url(https://resources.beecrowd.com/judge/img/3.1/no-progress.030914.jpg) center 65px no-repeat #FFF;*/
    padding: 180px 0 60px;
    text-align: center;
}

.no-progress h4 {
    font-size: 18px;
}

.no-progress p {
    padding: 5px;
}

.no-disciplines p {
    box-sizing: border-box;
    padding: 35px 5px;
    text-align: center;
    width: 100%;
}

.no-disciplines {
    padding: 75px 0 0;
    text-align: center;
}

#problem-statistics {
    background: url('https://resources.beecrowd.com/judge/img/4.0/judge.051214.gif') center 50px no-repeat;
    height: 260px;
}

#problem-statistics p {
    background: #f3f3f3;
    border-bottom: #BBB solid 1px;
    border-top: #BBB solid 1px;
    font-size: 16px;
    font-weight: bold;
    margin: 95px 0 0;
    padding: 6px;
    text-align: center;
}

#problem-statistics dl {
    line-height: 20px;
    padding: 10px 20px;
}

#problem-statistics dt {
    float: left;
    font-weight: 700;
    width: 85px;
}

#problem-statistics dd {
    float: right;
    text-align: right;
    width: 40px;
}

#chart-info {
    text-align: center;
    position: absolute;
    top: 45%;
    left: 95px;
}

#chart-info h4 {
    color: #aaa;
    font-size: 26px;
    font-weight: bold;
}

#chart-info p {
    color: #777;
    font-weight: bold;
}

#chart-info a {
    color: #aaa;
    font-size: 9px;
}

#radar-chart {
    margin: 0;
}

/* News List */

#list>li a {
    display: inline-block;
}

#list>li.news tbody {
    border: none;
}

#list>li {
    border: 1px solid #BBB;
    border-radius: 3px;
    margin: 0 0 20px;
    overflow: hidden;
}

#list h3 {
    background: #f3f3f3;
    border-bottom: #BBB solid 1px;
    font-weight: 700;
    padding: 7px 10px;
    text-transform: uppercase;
}

#list>li>div {
    margin: 10px;
}

#list p {
    line-height: 20px;
    padding: 5px 0;
}

#list ul {
    line-height: 20px;
    list-style-type: square;
    padding: 5px 0 5px 25px;
}

#list h4 {
    border-bottom: #bbb dotted 1px;
    display: block;
    font-size: 10px;
    font-weight: 700;
    margin: 5px -10px;
    padding: 7px 10px;
    text-transform: uppercase;
}

#list strong {
    font-weight: 700;
}

#list hr {
    background: #bbb;
    border: 0;
    height: 1px;
}

/* FAQs List */

#list-faqs>li a {
    display: inline-block;
}

#list-faqs>li.news tbody {
    border: none;
}

#list-faqs>li {
    border: 1px solid #BBB;
    border-radius: 3px;
    margin: 0 0 20px;
    overflow: hidden;
    cursor: pointer;
}


#list-faqs>li>div {
    margin: 10px;
}

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

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

#list-faqs h3 {
    /* background: #f3f3f3; */
    /* border-bottom: #BBB solid 1px; */
    font-weight: 700;
    padding: 7px 10px;
    text-transform: uppercase;
}

#list-faqs>li>div {
    margin: 10px;
    padding: 0 10px;
    display: none;
}

#list-faqs p {
    line-height: 20px;
    padding: 10px 0 5px;
}

#list-faqs ul {
    line-height: 20px;
    list-style-type: square;
    padding: 5px 0 5px 25px;
}

#list-faqs h4 {
    border-bottom: #bbb dotted 1px;
    display: block;
    font-size: 10px;
    font-weight: 700;
    margin: 5px -10px;
    padding: 7px 10px;
    text-transform: uppercase;
}

#list-faqs strong {
    font-weight: 700;
}

#list-faqs hr {
    background: #bbb;
    border: 0;
    height: 1px;
    margin: 0;
}

/* Clarification tags */

.cfc-tag {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin: 0 5px 0 0;
    padding: 1px 2px;
    text-align: center;
    width: 65px;
}

/* ACE Editors Sizes */

#answer-acc,
#answer-pe,
#answer-pre,
.samples pre,
.source-code-forum {
    border-bottom: #bbb solid 1px;
    border-top: #bbb solid 1px;
    margin: 5px -10px;
    width: 103%;
}

#answer-acc {
    height: 35px;
}

#answer-pe {
    height: 90px;
}

#answer-pre {
    height: 90px;
}

.search-box,
.filter-box {
    box-sizing: border-box;
    margin: 0 0 20px;
    width: 100%;
}

.search-box form {
    padding: 15px;
}

.filter-box form {
    float: left;
    margin: 20px 15px 5px;
    width: 95%;
}

#filterProblem {
    float: left;
    width: 100px;
}

#filterAnswer {
    float: left;
    margin: 0 15px;
    width: 250px;
}

#filterLanguage {
    float: left;
    margin: 0 15px 0 0;
    width: 155px;
}

#editor {
    margin: 5px 0 20px;
    height: 580px;
    border: #bbb solid 1px;
    border-radius: 3px;
    display: none;
}

.search-text {
    float: left;
    width: 48.5%;
}

.search-for {
    float: left;
    margin: 0 0 0 20px;
    width: 24%;
}

.search-text-forum {
    width: 75.5%;
    float: left;
}

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

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

.search-hint {
    color: #888;
    display: inline-block;
    font-size: 10px;
    float: left;
    margin: -3px 0px 10px;
    text-transform: uppercase;
}

/* Disciplines (Groups) */

#groups li {
    border: 1px solid #BBB;
    border-radius: 3px;
    float: left;
    height: 200px;
    margin: 0 0 16px 0;
    overflow: hidden;
    position: relative;
    width: 350px;
}

#groups h3 {
    background: #f3f3f3;
    border-bottom: #bbb solid 1px;
    border-top: #bbb solid 1px;
    display: table-cell;
    font-size: 13px;
    font-weight: 700;
    height: 25px;
    margin: 0 auto;
    padding: 7px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 350px;
}

#groups .odd {
    float: left;
}

#groups .even {
    float: right;
}

.discipline-info {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/homeworks.png');
    background-repeat: no-repeat;
    font-size: 10px;
    line-height: 16px;
    padding: 20px 20px 15px;
}

.discipline-info strong {
    font-size: 14px;
    font-weight: bold;
}

.discipline-professor {
    box-sizing: border-box;
    padding: 10px 5px;
    text-align: center;
    width: 100%;
}

/* Technical Evaluations (Groups) */

#technical-assessment li {
    border: 1px solid #BBB;
    border-radius: 3px;
    float: left;
    margin: 0 0 16px 0;
    overflow: hidden;
    position: relative;
    width: 350px;
    height: 224px;
}

#technical-assessment strong {
    font-weight: bold;
}

#technical-assessment p {
    margin-top: 1px;
}

#technical-assessment em {
    color: #999;
    font-style: italic;
}

#technical-assessment h3 {
    background: #f3f3f3;
    border-bottom: #bbb solid 1px;
    border-top: #bbb solid 1px;
    display: table-cell;
    font-size: 13px;
    font-weight: 700;
    height: 25px;
    margin: 0 auto;
    padding: 7px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 350px;
}

#technical-assessment .odd {
    float: left;
}

#technical-assessment .even {
    float: right;
}

#technical-assessment img {
    position: absolute;
    top: 0;
    bottom: 0;
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: auto;
    margin: auto;
}

#technical-assessment .img {
    position: relative;
    width: 100px;
    height: 100px;
    margin: auto;
}

#technical-assessment .from-to {
    float: left;
    margin: 5px;
}

.d-avatar-0 {
    background-position: center 5px;
}

.d-avatar-1 {
    background-position: center -100px;
}

.d-avatar-2 {
    background-position: center -195px;
}

.d-avatar-3 {
    background-position: center -290px;
}

.d-avatar-4 {
    background-position: center -385px;
}

#groups em {
    color: #999;
    font-style: italic;
}

#groups a,
#instructors a,
#courses a,
#technical-assessment a {
    border-radius: 3px;
    border: 1px solid #bbb;
    color: #454545;
    cursor: pointer;
    display: block;
    font-family: BryantMedium;
    padding: 7px 15px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
}

#instructors a {
    width: 100px;
}

#courses a {
    width: 50%;
}

#advertisements a {
    display: inline-block;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 6px 15px;
    text-transform: uppercase;
    background: #a957be;
    border: 1px solid #793197;
    border-bottom: #793197 solid 3px;
    color: #fff;
    /* height: 33px; */
    transition: 0.7s;
    margin: 0px 5px;
}

.advertisements-footer-button {
    width: 100%;
    position: relative;
    top: 5px;
}

.courses-footer-button {
    width: 100%;
    position: absolute;
    bottom: 25px;
}

#groups a {
    width: 80px;
}

#technical-assessment a {
    margin: 10px auto 10px;
    width: 80px;
}

#groups a:hover,
#instructors a:hover,
#courses a:hover,
#technical-assessment a:hover {
    background: #f3f3f3;
}

#hw-information dl,
#tm-information dl,
#sl-information dl {
    line-height: 20px;
    padding: 20px;
}

#hw-information dt,
#tm-information dt,
#sl-information dt,
#instructor-info dt {
    float: left;
    font-size: 10px;
    text-transform: uppercase;
}

#hw-information dt,
#instructor-info dt {
    width: 15%;
}

#tm-information dt {
    width: 20%;
}

#sl-information dt {
    width: 25%;
}

#sl-information dd {
    display: inline-block;
    width: 75%;
}

#hw-information dd,
#instructor-info dd {
    display: inline-block;
    width: 85%;
}

#tm-information dd {
    display: inline-block;
    width: 80%;
}

#hw-information span,
#tm-information span,
#sl-information span,
.tournament-languages span,
#instructor-info span {
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    padding: 2px 5px;
    margin: 0 2px 0 0;
}

.tournament-languages {
    padding: 5px 5px 0;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
}

.tournament-languages div {
    margin: 5px 0 0;
}

.tournament-languages span {
    display: inline-block;
    margin: 0 2px 5px 0;
}

.language-c {
    background: #e67e22;
}

.language-cpp {
    background: #3498db;
}

.language-java {
    background: #e74c3c;
}

.language-java8 {
    background: #e73c57;
}

.language-python {
    background: #9b59b6;
}

.language-python3 {
    background: #8e44ad;
}

.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,
.language-42 {
    background: #2472a4;
    /* C++17, C++20 */
}

.language-17 {
    background: #4a4996;
    /* Haskell */
}

.language-18 {
    background: #b17a4d;
    /* OCaml */
}

.language-19 {
    background: #ed7084;
    /* Pascal */
}

.language-20 {
    background: #673e8a;
    /* Python 3.8 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#hw-information em,
#tm-information em {
    color: #aaa;
    font-style: italic;
}

#hw-instructions {
    margin: 0 0 20px;
    width: 100%;
}

#hw-instructions p {
    line-height: 20px;
    padding: 10px 20px;
}

#deadline,
#tournaments-mode {
    background: url('https://resources.beecrowd.com/judge/img/5.0/timer.jpg') center 35px no-repeat;
    height: 190px;
}

#tournaments-mode {
    float: right;
}

#deadline p,
#tournaments-mode p {
    background: #f3f3f3;
    border-bottom: #BBB solid 1px;
    border-top: #BBB solid 1px;
    font-size: 20px;
    font-weight: 700;
    margin: 85px 0 0;
    padding: 14px;
    text-align: center;
}

#deadline span,
#tournaments-mode span {
    display: block;
    padding: 7px;
    text-align: center;
}

.timestamp {
    background: #f3f3f3;
    border-top: #BBB solid 1px;
    display: block;
    font-size: 10px;
    padding: 5px 10px;
    text-align: right;
}

.app-version {
    background: #f3f3f3;
    border-top: #BBB solid 1px;
    display: block;
    font-size: 10px;
    padding: 5px 10px;
    text-align: left;
    height: 10px;
}

#list .item.highlight h3,
.highlight .timestamp .app-version {
    background: #ffe179;
}

#news-pagination,
#publications-pagination,
#disciplines-pagination {
    margin: 0 0 20px;
}

#publications-pagination em {
    font-style: italic;
}

.code-tex {
    height: auto;
}

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

.tipsy-inner {
    background-color: #000;
    border-radius: 3px;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px;
    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: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: 0;
    border-left-color: transparent;
    border-right-color: transparent;
}

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

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: 0;
    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: 0;
    border-left-color: transparent;
    border-right-color: transparent;
}

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

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: 0;
    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: 0;
    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: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

#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,
.plagia,
.tips {
    margin: 0 0 20px;
    width: 100%;
}

#code {
    height: 618px;
    opacity: 0;
}

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

/* Fórum */

#occurrence {
    margin-bottom: 20px;
    width: 100%;
    min-height: 177px;
}

.detail p {
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    line-height: 14px;
    padding: 18px 20px;
    white-space: pre-wrap;
}

.plagia p,
.tips p {
    padding: 10px 20px;
}

.plagia a,
.tips a {
    background: #f3f3f3;
    border-bottom: #bbb solid 1px;
    border-top: #bbb solid 1px;
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    display: inline-block;
    padding: 10px 20px;
    width: 100%;
}

.tips ul {
    padding: 0px 70px;
    list-style: upper-roman;
}

.tips li {
    padding: 5px 0px;
}

.tips strong {
    font-weight: bold;
}

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

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

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

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

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

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

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

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

.code-answer-7 .syntaxhighlighter .gutter .line.highlighted {
    background-color: #9b59b6 !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;
}

.comment p {
    line-height: 14px;
    padding: 18px 20px;
    white-space: pre-wrap;
}

#dropbox {
    background: url('https://resources.beecrowd.com/judge/img/5.0/dropbox.jpg') center 45px no-repeat;
    height: 185px;
}

#dropbox a {
    display: block;
    font-weight: 400 !important;
    float: left;
    margin: 120px 13px 0;
    text-align: center;
    width: 133px;
}

#explorer {
    float: left;
    margin: 150px 200px;
    text-align: center;
}

#explorer h1 {
    font-size: 28px;
    padding: 20px;
}

#explorer p {
    line-height: 20px;
}

#explorer a {
    background: #4cabb9;
    border: 1px solid #36828e;
    border-bottom: #36828e solid 3px;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-family: BryantMedium;
    height: 15px;
    margin: 20px;
    padding: 7px 15px;
    text-transform: uppercase;
}

.explorer {
    border-left: #BBB solid 1px;
    border-right: #BBB solid 1px;
}

.faqs-info {
    height: auto;
    margin: 0 0 20px;
    width: 100%;
}

.ac-information {
    height: 155px;
    margin: 0 0 20px;
    width: 100%;
}

.ac-terms {
    /*height: 390px;*/
    margin: 0 0 20px;
    width: 100%;
}

.ac-terms .text,
.ac-information .text,
.faqs-info .text {
    line-height: 20px;
    padding: 5px 20px;
}

.ac-terms .text p,
.ac-information .text p,
.faqs-info .text p {
    margin: 10px 0;
}

.ac-terms .text span,
.ac-information .text span,
.faqs-info .text span {
    display: inline-block;
    font-weight: 700;
    width: 20px;
}

.faqs-info strong,
.faqs-info a {
    font-weight: bold;
}

#box-information label {
    margin: 0;
}

#box-information input[type=checkbox] {
    margin: 0 5px 0 0;
}

.label-tshirt {
    margin-top: 6px;
}

.take-a-tour {
    background: #f66466;
    border: 1px solid #e14043;
    border-bottom: #e14043 solid 3px;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    display: block;
    font-family: BryantMedium;
    margin: 0 20px 20px;
    padding: 7px 15px;
    text-align: center;
    text-transform: uppercase;
}

#connect-facebook {
    background: #8b9dc3;
    border: 1px solid #5F729B;
    border-bottom: #5F729B solid 3px;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    display: block;
    font-family: BryantMedium;
    margin: 0 20px 20px;
    padding: 7px 15px;
    text-align: center;
    text-transform: uppercase;
}

#ProblemToolkitForm textarea {
    min-height: 258px;
}

#premio-2013 {
    background: url('https://resources.beecrowd.com/judge/img/5.0/guia-do-estudante.png') no-repeat center;
    border: 1px solid #BBB;
    border-radius: 3px;
    float: left;
    height: 49px;
    margin: 0 0 20px;
    padding: 15px;
    text-align: left;
    width: 238px;
}

#c-mode {
    color: #ef4130 !important;
}

#instructions {
    background: #FFF;
    border: 1px solid #BBB;
    border-radius: 3px;
    margin: 20px 0;
    position: relative;
    text-align: center;
    min-height: 655px;
}

#instructions .instructions-h3 {
    background: #f3f3f3;
    border-bottom: #BBB solid 1px;
    border-radius: 3px 5px 0 0;
    font-size: 13px;
    font-weight: 700;
    padding: 7px;
    text-transform: uppercase;
}

#instructions div {
    line-height: 20px;
    margin: 15px 20px;
    overflow: hidden;
    text-align: left;
}

#instructions p {
    margin: 0 0 5px;
}

#instructions strong {
    font-weight: 700;
}

#instructions em {
    font-style: italic;
}

.mini,
.mini-slim {
    margin: 20px;
}

.mini h4,
.mini-slim h4 {
    font-size: 25px;
    font-weight: 700;
    margin: 7px 0;
    text-align: center;
}

.mini h4 {
    padding: 5px;
}

.mini-slim h4 {
    padding: 4px 5px;
}

#contest-rank {
    background: #fff;
    margin-bottom: 30px;
}

.c-contestant,
.c-statistics {
    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: 40px;
}

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

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

.c-box-hidden {
    padding: 20px;
    text-align: center;
}

.c-box-hidden strong {
    font-weight: bold;
}

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

/*.c-yes {
    background: #88C425;
    border-bottom: #519548 solid 3px;
}*/

.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 {
    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-yes-first {
    background: #519548;
    border-bottom: #519548 solid 3px;
}*/

/*.c-no {
    background: #F24E4E;
    border-bottom: #D31900 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;
}

.c-me {
    background: #f3f3f3;
}

#offline {
    background: #fff;
    border-bottom: #bbb solid 3px;
    font-size: 10px;
    font-weight: 700;
    padding: 7px;
    text-align: center;
}

.vote,
.vote-released {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    padding: 2px;
    text-transform: uppercase;
    min-width: 40px;
}

.vote {
    background: #adce07;
    border: 1px solid #8fa813;
    border-bottom: #8fa813 solid 3px;
}

.vote-released {
    background: #f66466;
    border: 1px solid #e14043;
    border-bottom: #e14043 solid 3px;
}

.rank-down,
.rank-up {
    font-weight: 700;
}

.rank-up {
    color: #ff9a02;
}

.rank-down {
    color: #949090;
}

.flag-size {
    width: 20px;
}

.h-flag {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABOCAMAAAAJi/YdAAAC9FBMVEX///8AnEH/xADlBRn99vcAmEXUOkzLCSD/yAEAm0PYTV778fH/ywD/xgDMECbjABvuPhHqoqr+/v0An0HNGC3sNhPvtLr/6QDkABr/xwD/3wAVLXI5OG//5AAjIV9SUYEdNHVEQncvLmhAP3VMS30op1ysqsHvvME9PHJIR3paWYcAoUEJnkbqLT8urGKhxximpb7/wgTCwtLo4wXQ4NbrAhgPn0rYkgnt6erv8O8PKHUqKWUzM2voBBldXYlqa5F6eZ47sWtgtoRlu4dzv5LeyxH/zgHn7+r07e4nO2nkDSDPITZiX4vXRFXqYm7heISAvyK3rCHpuQzuoKj64gDw0dQDHHIFInwQJ24bNYQkPHrWDiGtOA7mHS+kRxDkKDkImUQYnz4iozx1d0UypjbdSls9qzVji6VPry7mXGhBsXRftyvmgItsvo7hmCnlqwWx0BS+zxK6tsnJ0w79wiD/zSr32Af/yznMydf13gP8wcTE49H/8AD73rz33+H94OPg8ef97d7z8/OqFzQ2VYveIjjIRQ69VwLcOkwdp1XYTl6IfpvGdEjgYm2FhqmPiaZ1uiPAoip1wVfGk6fTpGnfl57etSKh07Xvrrb9xFSx2MLqx8riy83l5uX66Orq9e4cM3fICyLmDSCGQSTpIjhHZo8HnEGzQFrrNhPyMxG0VA1wc0fpQE7rP05lip/eawXcWmjFbW/IgRPGjQDhfwhNt3h9m6XahSS4kUm9g5lutot+qLDihGfvhGTah5C8sCG5rkis0rzu1An+0QL+2AP+yl39y16+4MzP2eb91Zz20tbQ6dzv5Ob25OX0/fwzRXI9R1ZfPEIxSoCdLQJBTl2sHzytIj7nDB5IVFpKVWBsUGCyQw5xcUX0PA+jazLOZQaVkkWZlULJglCVnVrTij53wFmCsbCQqbrHqjnejZbvqgLItUDNnMbQwDDco6/wvxrdv2HrzQTq0xr8xFP34SHZz9nZ0dn71Zz+1Zrc2+Lc3OHs+PFTAaZEAAAEiUlEQVR42m2SZVxTaxjAX2I6ZAeuG9ddlqxgG9uIJQM2BmN0dxqIGISBoCISkgIXEAQEFLu7u+/V61Vvd3d3xpd7zrs8g//5nfPlf5563wdYaR6NMchkhpjRZuDE/WiBxAVFIoi+jxPN0RKKixkKRRITZzcNMrPw8DBbmcJmul3MhmBxgd0W1yywiEVBQYsIHtAJzDmjYTbCghXyjRvlKxYQoLuCCnIDBYYsXkmNvXkzlrpyMQyUNJBBHBZE8BiQ15Ul0OkJZffkAx5oICU6DowK0JAlq6i/vJybm6vV5r1dR121hECgCG6DGAlhYfp6GvWztv372/zy8/PKqMz16QsJqiqwnLB0DZPG/PVCxYkLX12teDU3IZZKY65ZSlgOtgZlM2k0asYuLZ3u13biy4pdGVQajZkdtNWmUOFHp+cXVlz9gQnVF5aE1NiXCvzohYX0fK3+d5olYZUKa4NJPZpX6IdR8H62uQ0juC2gELDm77yep9XSCwreuQObdxGMg7gYCjrYgXR53VE4cp184AB6HoHozZAVEttBZWTYD0pBBgBcCZx+vBQjwAiTBeIuBUM2BSAKAeowieIC6X4RCswZAnELYLAYmNOootj2RmX8DziiqJKpMKGSVSmAE1PjxvMGw3nj+JSzIWtW9+vF4tOVATud1R89yTwGg/Fme0paDk7E90SwQ3XhEYw3inx8ktI87eafZCGHEyXiCBlD81DGcsKs5l9+eFQoh8VY/WzEAwBp3WEZSszhsPVCkVDPZqxz98Rw17TC3nrCg4O5LPa6ZBaXcbBrFqTrBmb+ZPPEOh6boxfxRYzNRbtnQ7xyyEDTHxrFYllrHSyfA9lSvi0ehOp0Ij6fn8wT83R8tJYVjQb081i2WuHCB8DGE6AXikVstkjM0XHEfMblrLlWAgCbh9ZC5+Jhtbibi7yszALsCL6QyxXyI7hcEQ+vQv2D/VGCsTfY/0fHhGQwM+QnQBPvPiPxYSB+W/mWOThsI5NzvGbPwO5JrNKNrlnT+cZ8KRp3Tyfc3S3d7WgFToRBA93E2DwHxh46/OtZmeRjAbc2kIdpKdAmwWXDszOg8lRKyim4ok5syko9LpUeS527ydkELJuf6IaSOH9ZAE409SUqI90gkZFv9T22mw1SpZsDSumEzZQ4CsyVTFqy7fN+Bo+3sv0RVNcOH3raiUOHr2G32YiQiEQiiUT0JdohIY1k0LKdhPiSSJmZqEPQxxe+vqTtLeDvWsSVWKM+c0ZdQ3S141v7AnguBAlxVb9XWlysdlRIyPOgPoRUc/bbztIPB3866xgXUg/WuiIj3518rXho6OevMxGHuLWocq3+tGPv3svfD/dW41W9K3Kx96PiV949/XnvRVxCtA3f6mF1Z2lp58lhGGVv469a4sgt9ZEjHR3nbo0guOZbfjMNfpypvnTpXOYng0TUIQj2wUYmNxJNJtNd0917JpIDxEZs365/8NR0rgOMR+1Kb2f2NQHIZInSDU/JBmBhQhqJM1JozDzu22OTkYmpTc7Ltge3bPgVPSaVHk/Nsq3o/49zWhP09Y1rAAAAAElFTkSuQmCC');
    border-radius: 50px;
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .15);
    float: left;
    height: 25px;
    margin: 12px 10px 12px 20px;
    width: 25px;
}

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

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

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

.flag {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/flags.png?1598895805');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: block;
}

.flag-ad {
    background-position: -3px -3px;
}

.flag-ae {
    background-position: -23px -3px;
}

.flag-af {
    background-position: -43px -3px;
}

.flag-ag {
    background-position: -63px -3px;
}

.flag-ai {
    background-position: -83px -3px;
}

.flag-al {
    background-position: -103px -3px;
}

.flag-am {
    background-position: -123px -3px;
}

.flag-an {
    background-position: -143px -3px;
}

.flag-ao {
    background-position: -163px -3px;
}

.flag-aq {
    background-position: -303px -143px;
}

.flag-ar {
    background-position: -183px -3px;
}

.flag-as {
    background-position: -203px -3px;
}

.flag-at {
    background-position: -223px -3px;
}

.flag-au {
    background-position: -243px -3px;
}

.flag-aw {
    background-position: -263px -3px;
}

.flag-ax {
    background-position: -283px -3px;
}

.flag-az {
    background-position: -303px -163px;
}

.flag-ba {
    background-position: -3px -23px;
}

.flag-bb {
    background-position: -23px -23px;
}

.flag-bd {
    background-position: -43px -23px;
}

.flag-be {
    background-position: -63px -23px;
}

.flag-bf {
    background-position: -83px -23px;
}

.flag-bg {
    background-position: -103px -23px;
}

.flag-bh {
    background-position: -123px -23px;
}

.flag-bi {
    background-position: -143px -23px;
}

.flag-bj {
    background-position: -163px -23px;
}

.flag-bm {
    background-position: -183px -23px;
}

.flag-bn {
    background-position: -203px -23px;
}

.flag-bo {
    background-position: -223px -23px;
}

.flag-br {
    background-position: -243px -23px;
}

.flag-bs {
    background-position: -263px -23px;
}

.flag-bt {
    background-position: -283px -23px;
}

.flag-bv {
    background-position: -83px -203px;
}

.flag-bw {
    background-position: -3px -43px;
}

.flag-by {
    background-position: -23px -43px;
}

.flag-bz {
    background-position: -43px -43px;
}

.flag-ca {
    background-position: -63px -43px;
}

.flag-cc {
    background-position: -303px -123px;
}

.flag-cd {
    background-position: -83px -43px;
}

.flag-cf {
    background-position: -103px -43px;
}

.flag-cg {
    background-position: -123px -43px;
}

.flag-ch {
    background-position: -143px -43px;
}

.flag-ci {
    background-position: -163px -43px;
}

.flag-ck {
    background-position: -183px -43px;
}

.flag-cl {
    background-position: -203px -43px;
}

.flag-cm {
    background-position: -223px -43px;
}

.flag-cn {
    background-position: -243px -43px;
}

.flag-co {
    background-position: -263px -43px;
}

.flag-cr {
    background-position: -283px -43px;
}

.flag-cs {
    background-position: -183px -223px;
}

.flag-cu {
    background-position: -3px -63px;
}

.flag-cv {
    background-position: -23px -63px;
}

.flag-cx {
    background-position: -43px -63px;
}

.flag-cy {
    background-position: -63px -63px;
}

.flag-cz {
    background-position: -83px -63px;
}

.flag-de {
    background-position: -103px -63px;
}

.flag-dj {
    background-position: -123px -63px;
}

.flag-dk {
    background-position: -143px -63px;
}

.flag-dm {
    background-position: -163px -63px;
}

.flag-do {
    background-position: -183px -63px;
}

.flag-dz {
    background-position: -203px -63px;
}

.flag-ec {
    background-position: -223px -63px;
}

.flag-ee {
    background-position: -243px -63px;
}

.flag-eg {
    background-position: -263px -63px;
}

.flag-eh {
    background-position: -303px -283px;
}

.flag-er {
    background-position: -283px -63px;
}

.flag-es {
    background-position: -3px -83px;
}

.flag-et {
    background-position: -23px -83px;
}

.flag-eu {
    background-position: -43px -83px;
}

.flag-fi {
    background-position: -63px -83px;
}

.flag-fj {
    background-position: -83px -83px;
}

.flag-fk {
    background-position: -103px -83px;
}

.flag-fm {
    background-position: -123px -83px;
}

.flag-fo {
    background-position: -143px -83px;
}

.flag-fr {
    background-position: -163px -83px;
}

.flag-ga {
    background-position: -183px -83px;
}

.flag-gb {
    background-position: -43px -283px;
}

.flag-gd {
    background-position: -203px -83px;
}

.flag-ge {
    background-position: -223px -83px;
}

.flag-gf {
    background-position: -163px -83px;
}

.flag-gg {
    background-position: -243px -83px;
}

.flag-gh {
    background-position: -263px -83px;
}

.flag-gi {
    background-position: -283px -83px;
}

.flag-gl {
    background-position: -3px -103px;
}

.flag-gm {
    background-position: -23px -103px;
}

.flag-gn {
    background-position: -43px -103px;
}

.flag-gp {
    background-position: -163px -83px;
}

.flag-gq {
    background-position: -63px -103px;
}

.flag-gr {
    background-position: -83px -103px;
}

.flag-gr-cy {
    background-position: -103px -103px;
}

.flag-gs {
    background-position: -123px -103px;
}

.flag-gt {
    background-position: -143px -103px;
}

.flag-gu {
    background-position: -163px -103px;
}

.flag-gw {
    background-position: -183px -103px;
}

.flag-gy {
    background-position: -203px -103px;
}

.flag-hk {
    background-position: -223px -103px;
}

.flag-hm {
    background-position: -243px -3px;
}

.flag-hn {
    background-position: -243px -103px;
}

.flag-hr {
    background-position: -263px -103px;
}

.flag-ht {
    background-position: -283px -103px;
}

.flag-hu {
    background-position: -3px -123px;
}

.flag-id {
    background-position: -23px -123px;
}

.flag-ie {
    background-position: -43px -123px;
}

.flag-il {
    background-position: -63px -123px;
}

.flag-im {
    background-position: -83px -123px;
}

.flag-in {
    background-position: -103px -123px;
}

.flag-io {
    background-position: -123px -123px;
}

.flag-iq {
    background-position: -143px -123px;
}

.flag-ir {
    background-position: -163px -123px;
}

.flag-is {
    background-position: -183px -123px;
}

.flag-it {
    background-position: -203px -123px;
}

.flag-je {
    background-position: -223px -123px;
}

.flag-jm {
    background-position: -243px -123px;
}

.flag-jo {
    background-position: -263px -123px;
}

.flag-jp {
    background-position: -283px -123px;
}

.flag-ke {
    background-position: -3px -143px;
}

.flag-kg {
    background-position: -23px -143px;
}

.flag-kh {
    background-position: -43px -143px;
}

.flag-ki {
    background-position: -63px -143px;
}

.flag-km {
    background-position: -83px -143px;
}

.flag-kn {
    background-position: -103px -143px;
}

.flag-kp {
    background-position: -123px -143px;
}

.flag-kr {
    background-position: -143px -143px;
}

.flag-kw {
    background-position: -163px -143px;
}

.flag-ky {
    background-position: -183px -143px;
}

.flag-kz {
    background-position: -203px -143px;
}

.flag-la {
    background-position: -223px -143px;
}

.flag-lb {
    background-position: -243px -143px;
}

.flag-lc {
    background-position: -263px -143px;
}

.flag-li {
    background-position: -283px -143px;
}

.flag-lk {
    background-position: -3px -163px;
}

.flag-lr {
    background-position: -23px -163px;
}

.flag-ls {
    background-position: -43px -163px;
}

.flag-lt {
    background-position: -63px -163px;
}

.flag-lu {
    background-position: -83px -163px;
}

.flag-lv {
    background-position: -103px -163px;
}

.flag-ly {
    background-position: -123px -163px;
}

.flag-mk {
    background-position: -3px -243px;
}

.flag-ma {
    background-position: -143px -163px;
}

.flag-mc {
    background-position: -163px -163px;
}

.flag-md {
    background-position: -183px -163px;
}

.flag-me {
    background-position: -203px -163px;
}

.flag-mg {
    background-position: -223px -163px;
}

.flag-mh {
    background-position: -243px -163px;
}

.flag-ml {
    background-position: -263px -163px;
}

.flag-mm {
    background-position: -303px -203px;
}

.flag-mn {
    background-position: -283px -163px;
}

.flag-mo {
    background-position: -3px -183px;
}

.flag-mp {
    background-position: -23px -183px;
}

.flag-mq {
    background-position: -43px -183px;
}

.flag-mr {
    background-position: -63px -183px;
}

.flag-ms {
    background-position: -83px -183px;
}

.flag-mt {
    background-position: -103px -183px;
}

.flag-mu {
    background-position: -123px -183px;
}

.flag-mv {
    background-position: -143px -183px;
}

.flag-mw {
    background-position: -163px -183px;
}

.flag-mx {
    background-position: -183px -183px;
}

.flag-my {
    background-position: -203px -183px;
}

.flag-mz {
    background-position: -223px -183px;
}

.flag-na {
    background-position: -243px -183px;
}

.flag-nc {
    background-position: -163px -83px;
}

.flag-ne {
    background-position: -263px -183px;
}

.flag-nf {
    background-position: -283px -183px;
}

.flag-ng {
    background-position: -3px -203px;
}

.flag-ni {
    background-position: -23px -203px;
}

.flag-nl {
    background-position: -43px -203px;
}

.flag-nm {
    background-position: -63px -203px;
}

.flag-no {
    background-position: -83px -203px;
}

.flag-np {
    background-position: -103px -203px;
}

.flag-nr {
    background-position: -123px -203px;
}

.flag-nu {
    background-position: -143px -203px;
}

.flag-nz {
    background-position: -163px -203px;
}

.flag-om {
    background-position: -183px -203px;
}

.flag-pa {
    background-position: -203px -203px;
}

.flag-pe {
    background-position: -303px -243px;
}

.flag-pf {
    background-position: -223px -203px;
}

.flag-pg {
    background-position: -243px -203px;
}

.flag-ph {
    background-position: -263px -203px;
}

.flag-pk {
    background-position: -283px -203px;
}

.flag-pl {
    background-position: -3px -223px;
}

.flag-pm {
    background-position: -23px -223px;
}

.flag-pn {
    background-position: -43px -223px;
}

.flag-pr {
    background-position: -63px -223px;
}

.flag-ps {
    background-position: -303px -263px;
}

.flag-pt {
    background-position: -83px -223px;
}

.flag-pw {
    background-position: -103px -223px;
}

.flag-py {
    background-position: -123px -223px;
}

.flag-qa {
    background-position: -143px -223px;
}

.flag-re {
    background-position: -163px -83px;
}

.flag-ro {
    background-position: -163px -223px;
}

.flag-rs {
    background-position: -183px -223px;
}

.flag-ru {
    background-position: -203px -223px;
}

.flag-rw {
    background-position: -223px -223px;
}

.flag-sa {
    background-position: -243px -223px;
}

.flag-sb {
    background-position: -263px -223px;
}

.flag-sc {
    background-position: -283px -223px;
}

.flag-scopia {
    background-position: -3px -243px;
}

.flag-sd {
    background-position: -23px -243px;
}

.flag-se {
    background-position: -43px -243px;
}

.flag-sg {
    background-position: -63px -243px;
}

.flag-sh {
    background-position: -83px -243px;
}

.flag-si {
    background-position: -103px -243px;
}

.flag-sj {
    background-position: -83px -203px;
}

.flag-sk {
    background-position: -123px -243px;
}

.flag-sl {
    background-position: -143px -243px;
}

.flag-sm {
    background-position: -163px -243px;
}

.flag-sn {
    background-position: -183px -243px;
}

.flag-so {
    background-position: -203px -243px;
}

.flag-sr {
    background-position: -223px -243px;
}

.flag-st {
    background-position: -243px -243px;
}

.flag-sv {
    background-position: -263px -243px;
}

.flag-sy {
    background-position: -283px -243px;
}

.flag-sz {
    background-position: -3px -263px;
}

.flag-tc {
    background-position: -23px -263px;
}

.flag-td {
    background-position: -43px -263px;
}

.flag-tf {
    background-position: -163px -83px;
}

.flag-tg {
    background-position: -63px -263px;
}

.flag-th {
    background-position: -83px -263px;
}

.flag-tk {
    background-position: -303px -223px;
}

.flag-tj {
    background-position: -103px -263px;
}

.flag-tl {
    background-position: -123px -263px;
}

.flag-tm {
    background-position: -143px -263px;
}

.flag-tn {
    background-position: -163px -263px;
}

.flag-to {
    background-position: -183px -263px;
}

.flag-tr {
    background-position: -203px -263px;
}

.flag-tt {
    background-position: -223px -263px;
}

.flag-tv {
    background-position: -243px -263px;
}

.flag-tw {
    background-position: -263px -263px;
}

.flag-tz {
    background-position: -283px -263px;
}

.flag-ua {
    background-position: -3px -283px;
}

.flag-ug {
    background-position: -23px -283px;
}

.flag-uk {
    background-position: -43px -283px;
}

.flag-um {
    background-position: -63px -283px;
}

.flag-us {
    background-position: -63px -283px;
}

.flag-uy {
    background-position: -83px -283px;
}

.flag-uz {
    background-position: -103px -283px;
}

.flag-va {
    background-position: -123px -283px;
}

.flag-vc {
    background-position: -143px -283px;
}

.flag-ve {
    background-position: -163px -283px;
}

.flag-vg {
    background-position: -183px -283px;
}

.flag-vi {
    background-position: -203px -283px;
}

.flag-vn {
    background-position: -223px -283px;
}

.flag-vu {
    background-position: -243px -283px;
}

.flag-wf {
    background-position: -263px -283px;
}

.flag-ws {
    background-position: -283px -283px;
}

.flag-ye {
    background-position: -303px -3px;
}

.flag-yt {
    background-position: -303px -23px;
}

.flag-yu {
    background-position: -303px -43px;
}

.flag-za {
    background-position: -303px -63px;
}

.flag-zm {
    background-position: -303px -83px;
}

.flag-zw {
    background-position: -303px -103px;
}

.g-row {
    height: 98px;
}

.g-box,
.g-box-today {
    border: 1px solid #bbb;
    border-left: 0;
    padding: 22px 0 0;
    position: relative;
    vertical-align: top;
    width: 12.28%;
}

.g-box-today {
    background: #FFF6A1;
}

.g-day {
    position: absolute;
    top: 5px;
    left: 5px;
}

.g-event {
    background: #f3f3f3;
    border-bottom: #bbb solid 3px;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    line-height: 12px;
    padding: 3px 0;
    text-align: center;
    margin: 2px 7px;
    width: 85%;
}

.g-event a {
    color: #555;
    font-weight: bold;
    padding: 0 5px;
}

.g-event strong {
    color: #7f8c8d;
}

.g-plus {
    bottom: 0;
    font-size: 10px;
    left: 0;
    padding: 3px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.tk-download-d,
.tk-download-e {
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: BryantMedium;
    margin: 0 0 0 15px;
    padding: 9px 15px;
    text-transform: uppercase;
    text-align: center;
    transition: 0.7s;
    width: 22%;
}

.tk-download-e {
    background: #f66466;
    border: 1px solid #e14043;
    border-bottom: #e14043 solid 3px;
    color: #FFF;
}

.tk-download-d {
    background: #f3f3f3;
    border: 1px solid #BBB;
    border-bottom: #BBB solid 3px;
    color: #454545;
}

.hm-box-progress,
.st-box-progress {
    border: 1px solid #BBB;
    border-radius: 3px;
    box-sizing: border-box;
    height: 10px;
    margin: 20px;
    overflow: hidden;
    position: relative;
}

.hm-accepted,
.hm-wrong,
.st-accepted,
.st-tried {
    box-sizing: border-box;
    color: #fff;
    display: block;
    float: left;
    font-weight: bold;
    height: 10px;
    text-align: center;
    width: 0;
}

.hm-accepted,
.st-accepted {
    background: #adce07;
}

.hm-wrong,
.st-tried {
    background: #e74c3c;
}

.feedback-text {
    height: 365px;
}

.contact-text {
    height: 330px;
}

.contact-captcha {
    float: left;
    margin: 0 0 15px;
    width: 300px;
}

.login-captcha {
    float: right;
    margin: 0px -10px 15px;
    width: 290px;
}

.contact-information {
    background: #f4f4f4;
    border: #bbb solid 1px;
    border-radius: 3px;
    box-sizing: border-box;
    float: right;
    font-size: 10px;
    height: 75px;
    line-height: 16px;
    padding: 15px 20px;
    text-transform: uppercase;
    width: 400px;
}

.rating {
    margin: 4px 0;
    text-align: center;
}

.rating li {
    border: #bbb solid 1px;
    border-radius: 3px;
    display: inline-block;
    height: 10px;
    margin: 3px;
    transition: 0.3s;
    width: 10px;
}

.rating a {
    display: inline-block;
    opacity: 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.rated {
    font-size: 10px;
    margin: 10px;
    text-align: center;
}

.star1 {
    background: #adce07;
    border-color: #adce07;
}

.star2 {
    background: #bcba13;
    border-color: #bcba13;
}

.star3 {
    background: #c6a91d;
    border-color: #c6a91d;
}

.star4 {
    background: #d49828;
    border-color: #d49828;
}

.star5 {
    background: #d7922b;
    border-color: #d7922b;
}

.star6 {
    background: #da8d2e;
    border-color: #da8d2e;
}

.star7 {
    background: #e47f36;
    border-color: #e47f36;
}

.star8 {
    background: #ee713e;
    border-color: #ee713e;
}

.star9 {
    background: #f86447;
    border-color: #f86447;
}

.star10 {
    background: #ef4131;
    border-color: #ef4131;
}

.tags {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    padding: 1px;
    min-width: 20px;
    text-align: center;
    text-transform: uppercase;
}

.tag-default {
    background: #95a5a6;
    border: 1px solid #7f8c8d;
    border-bottom: #7f8c8d solid 3px;
}

.tag-yellow {
    background: #f1c40f;
    border: 1px solid #f39c12;
    border-bottom: #f39c12 solid 3px;
}

.tag-red {
    background: #e74c3c;
    border: 1px solid #c0392b;
    border-bottom: #c0392b solid 3px
}

.tag-orange {
    background: #e67e22;
    border: 1px solid #d35400;
    border-bottom: #d35400 solid 3px;
}

.tag-green {
    background: #adce07;
    border: 1px solid #8fa813;
    border-bottom: #8fa813 solid 3px;
}

.tag-blue {
    background: #4aa3df;
    border: 1px solid #2980b9;
    border-bottom: #2980b9 solid 3px;
}

.tag-purple {
    background: #a957be;
    border: 1px solid #793197;
    border-bottom: #793197 solid 3px;
}

.tag-ocean {
    background: #1abc9c;
    border: 1px solid #16a085;
    border-bottom: #16a085 solid 3px;
}

#answers-chart,
#languages-chart {
    float: left;
    margin: 17px;
}

#answers-legend {
    float: right;
    margin: 5px 35px 5px 0;
    width: 180px;
}

#languages-legend {
    float: right;
    margin: 45px 35px 45px 0;
    width: 180px;
}

.doughnut-legend {
    line-height: 20px;
    margin-top: 40px;
}

.doughnut-legend span {
    border-radius: 2px;
    display: inline-block;
    height: 10px;
    margin: 0 8px 0 0;
    width: 10px;
}

#academic-footer {
    background: #f3f3f3;
    border: 1px solid #BBB;
    border-radius: 3px;
    box-sizing: border-box;
    float: left;
    font-size: 8px;
    margin: 0 0 20px;
    padding: 8px;
    text-transform: uppercase;
    width: 100%;
}

#academic-footer a {
    float: right;
}

#friend-requests li {
    border: #bbb solid 1px;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    height: 180px;
    margin: 0 0 20px;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 48.5%;
}

.fr-left {
    float: left;
}

.fr-right {
    float: right;
}

.friend-avatar {
    background: #fff;
    border: #bbb solid 1px;
    border-radius: 3px;
    display: inline-block;
    height: 60px;
    margin: 0 10px 0 0;
    position: relative;
    overflow: hidden;
    width: 60px;
    z-index: 1;
}

.friend-line {
    background-color: #eee;
    border-bottom: #bbb solid 1px;
    border-top: #bbb solid 1px;
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 30px;
    width: 100%;

}

.friend-info {
    margin: 10px 0;
}

.friend-info h5 {
    font-weight: 700;
    text-transform: uppercase;
}

.friend-info p {
    color: #777;
    font-size: 10px;
    padding: 5px 0;
}

.friend-reply {
    padding: 10px 0;
}

.friend-reply a {
    display: inline;
    margin: 0 5px 0 0;
}

/* Sponsored */

.sponsor-u-ads,
.sponsor-p-ads,
.sponsor-c-ads {
    box-sizing: border-box;
}

.sponsor-p-ads {
    height: 300px;
}

.sponsor-p-ads iframe {
    margin: 20px 35px;
}

.sponsor-u-ads {
    height: 335px;
}

.sponsor-c-ads {
    height: 395px;
}

.sponsor-u-ads p,
.sponsor-p-ads p,
.sponsor-c-ads p {
    color: #777;
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    margin: 115px 0;
}

/* Team */

.team-avatar {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/team-2019.png');
}

.team-jean {
    background-position: 0px -65px;
}

.team-neilor {
    background-position: 0px 0px;
}

.team-michele {
    background-position: 0px -130px;
}

.team-julio {
    background-position: 0px -195px;
}

.team-lucas {
    background-position: 0px -260px;
}

.team-jessica {
    background-position: 0px -325px;
}

.team-falk {
    background-position: 0px -390px;
}

.team-bucior {
    background-position: 0px -455px;
}

.team-gabriel {
    background-position: 0px -520px;
}

.team-marcos {
    background-position: 0px -585px;
}

.team-cristian {
    background-position: 0px -650px;
}

.team-elias {
    background-position: 0px -715px;
}

.team-lise {
    background-position: 0px -780px;
}

.team-matheus {
    background-position: 0px -845px;
}

.team-felipe {
    background-position: 0px -910px;
}

.team-brock {
    background-position: 0px -975px;
}

.team-empty {
    background: #b9b9b9;
}

.team-offline {
    opacity: 0.2;
}

/* Premium */

#premium {
    padding: 100px;
    text-align: center;
}

/* Social Profiles */

#social-profiles li {
    box-sizing: border-box;
    float: left;
    height: 75px;
    margin: 0 0 20px 0;
    width: 50%;
}

#social-profiles h6 {
    font-weight: 700;
    text-transform: uppercase;
}

#social-profiles a {
    color: #777;
    display: block;
    font-size: 10px;
    padding: 5px 0;
}

.social-avatar {
    border-radius: 3px;
    float: left;
    height: 75px;
    overflow: hidden;
    width: 75px;
}

.social-data {
    box-sizing: border-box;
    float: left;
    height: 75px;
    padding: 20px 5px 20px 10px;
}

.code-compilation {
    position: absolute;
    background: rgba(243, 240, 0, 0.5);
    z-index: 20
}

.code-runtime {
    position: absolute;
    background: rgba(52, 152, 219, 0.3);
    z-index: 20
}

#bug {
    position: fixed;
    top: 50%;
    bottom: 50%;
    background: #ef4130;
    padding: 10px;
    text-transform: uppercase;
    line-height: 0px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    left: -75px;
}

#bug a {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}

.youtube {
    margin: 10px 0;
    border: #bbb solid 1px;
    border-radius: 3px;
    width: 100%;
}

#tournament-timezone {
    display: none;
}

.selectize-input.lock {
    background-color: #f3f3f3;
}

.selectize-control.multi .selectize-input>div.team-pending {
    background: #f8efa3;
    border: #c2ad0e solid 1px;
}

.selectize-control.multi .selectize-input>div.team-pending.active {
    background: #f4e774;
    border: #c2ad0e solid 1px;
}

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

.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-option em {
    font-size: 9px;
}

/* Tournaments Languages Tags */

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.selectize-university {
    display: block;
    padding-top: 3px;
}

/* Forum */
.pf-view h1,
.pf-forum h1 {
    color: #a957be;
}

.pf-editions h1 {
    color: #7bbcb2;
}

.pf-occurrence h1 {
    color: #f0c062;
}

.pf-moderators h1 {
    color: #945c3c;
}

.pf-view p,
.pf-forum p .pf-editions p,
.pf-occurrence p,
.pf-moderators p {
    background: #f3f3f3;
    border-top: #bbb solid 1px;
    font-size: 10px;
    padding: 7px 10px;
    text-transform: uppercase;
}

.pf-occurrence {
    background-position: 6px -2302px;
}

.pf-editions {
    background-position: 5px -2251px;
}

.pf-forum {
    background-position: 7px -852px;
}

.pf-view {
    background-position: 4px -553px;
}

.pf-moderators {
    background-position: 8px -2352px;
}

.topic-title {
    font-family: 'Ubuntu';
    font-size: 12px;
    font-weight: 700;
}

#topic-sub {
    font-size: 10px;
    color: #777;
    margin-top: 5px;
}

#topic-sub a {
    font-size: 11px;
    font-weight: 500;
}

.topics-not-answered,
.topics-answered,
.topics-solved {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/forum-ballons-small.png');
    background-repeat: no-repeat;
    text-align: center;
    width: 10%;
}

.topics-not-answered {
    background-position: 8px -170px;
}

.topics-answered {
    background-position: 4px -87px;
}

.topics-solved {
    background-position: 6px -6px;

}

.item-text em {
    font-style: italic;
}

.impar-t {
    background: #FFF;
    height: 71px;
    vertical-align: middle;
}

.impar-r {
    background: #FFF;
    display: table;
    margin-bottom: 5px;
}

.par-t {
    background: #f3f3f3;
    height: 71px;
    vertical-align: middle;
}

.par-r {
    background: #f3f3f3;
    display: table;
    margin-bottom: 5px;
}

#alert {
    background-color: rgba(255, 136, 123, 0.26);
    background-repeat: no-repeat;
    background-position-x: 515px;
    background-size: 20px;
    background-position-y: center;
}

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

table .visible {
    width: 40px;
    height: 15px;
    padding: 5px 5px 5px 5px;
    margin-left: 21px;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
}

table .options {
    width: 100px;
}

table .impar-t .options a:hover {
    background-color: #f3f3f3;
}


tbody.list-education-z tr,
tbody.list-work-z tr {
    background-color: #fff;
}

tbody.list-education-z tr:nth-child(odd),
tbody.list-work-z tr:nth-child(odd) {
    background-color: #f3f3f3;
}


.report-hover:hover {
    color: #fff;
    background-color: #ef4130 !important;
    border: 1px solid #ef4130;
}

table .par-t .options a:hover,
.text-box span a:hover {
    background-color: #fff;
}


table .options a,
table .edition {
    border: 1px solid #bbb;
    padding: 5px;
    color: #454545;
    border-radius: 3px;
    font-size: 9px;
    display: inline-block;
}

table .options a {
    margin-right: 4px;
}

table .edition {
    margin-left: -35px;
}

table .tags-f,
#instructors-languages li {
    margin-top: 7px;
    display: inline-block;
    padding: 2px 5px;
    font-size: 10px;
    text-transform: lowercase;
    border: #bbb solid 1px;
    border-radius: 3px;
    background: #fff;
}

.add-topics,
.solved-f,
.occurrences,
.close-report,
.join-discipline,
.join-contest,
.calendar-contest {
    font-size: 10px;
    position: absolute;
    top: 12px;
    display: inline-block;
    margin: 0 3px;
    min-width: 100px;
    text-align: center;
    padding: 5px 7px;
    -webkit-transition: all .2s ease;
    transition: all .3s ease;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #8fa813;
    border-bottom: #8fa813 solid 3px;
    border-radius: 3px;
    background: #adce07;
}

.add-topics,
.solved-f,
.occurrences,
.close-report,
.join-discipline,
.join-contest {
    right: 10px;
}

.calendar-contest {
    right: 140px;
}

.solved-f img {
    margin-right: 5px;
}

.occurrences {
    background-color: #a957be;
    border: 1px solid #793197;
    border-bottom: #793197 solid 3px;
}

.tipsy-table td div span {
    display: none;
}

.occurrences:hover,
.occurrences .current,
.current:hover {
    background-color: #793197;
}

.add-topics:hover,
.add-topics .current,
.add-topics .current:hover,
.solved-f:hover,
.solved-f .current,
.solved-f .current:hover,
.close-report:hover,
.close-report .current,
.close-report .current:hover {
    background-color: #9EBB0A;
}

.join-discipline {
    background-color: #5f5cbd;
    border: #2c1575 solid 1px;
    border-bottom: #2c1575 solid 3px;
}

.join-discipline:hover,
.join-discipline .current,
.current:hover {
    background-color: #1a168b;
}

.join-contest,
.calendar-contest {
    background-color: #4d82b0;
    border: 1px solid #456399;
    border-bottom: #456399 solid 3px;
}

.join-contest:hover,
.calendar-contest:hover {
    background-color: #456399;
}

.topics-content {
    background-image: url('https://resources.beecrowd.com/judge/img/5.0/ponto.png');
    background-repeat: repeat-y;
    background-position: 30px 0px;
}

.avatar,
.left-f {
    float: left;
}

.avatar img {
    border-radius: 3px;
    border: 1px solid #bbb;
}

.likes {
    border: 1px solid #bbb;
    border-radius: 3px;
    padding: 5px 13px;
    background: #f3f3f3;
    font-weight: 700;
    position: absolute;
    transition: all 1.0s cubic-bezier(0.04, 0.6, 0.94, 0.47);
    margin-top: 10px;
    width: 34px;
    text-align: center;
    display: inherit;
}

.likes:hover,
.likes .current,
.likes .current:hover {
    background: #9EBB0A;
}

.text-box {
    margin-left: 80px;
    border-radius: 3px;
    border: 1px solid #BBB;
}

.text-box-comment {
    border-radius: 3px;
    border: 1px solid #BBB;
}

#topic-denounced {
    background: rgba(255, 136, 123, 0.26);
}

.text-box h4,
.actions,
.text-box-comment h4 {
    background: #f3f3f3;
    font-size: 10px;
}

.text-box h4,
.text-box-comment h4 {
    border-bottom: 1px solid #BBB;
    border-radius: 3px 3px 0 0;
    padding: 7px 10px;
    text-transform: uppercase;
}

.text-box h4 a {
    font-weight: bold;
}

.actions {
    border-top: 1px solid #bbb;
    border-radius: 0 0 3px 3px;
    display: block;
    padding: 7px 5px;
    text-align: right;
    text-transform: uppercase;
}

.actions a {
    border: 1px solid #bbb;
    border-radius: 3px;
    margin: 0 0 0 5px;
    padding: 2px 5px;
}

#box-information-noreply {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

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

.marked p,
.instructor-text p {
    padding: 5px 0;
}

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

.marked a,
.instructor-text a {
    text-decoration: underline;
}

.marked strong,
.instructor-text strong {
    font-weight: bold;
}

.marked em,
.instructor-text em {
    font-style: italic;
}

.marked>ul,
.instructor-text>ul {
    list-style: inside;
    padding: 5px 0px;
}

#form-replies {
    background: #fff;
    padding: 15px 0 0 0;
}

#form-replies textarea {
    position: absolute;
    left: -9999px;
}

.reply-box {
    margin-bottom: 20px
}

.without-reply {
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    height: 35px;
    background-color: #ffffff;
}

#delete-box {
    border: 1px solid #bbb;
    border-radius: 3px;
}

#description b {
    font-weight: 700;
}

.public-box {
    border: 1px solid #bbb;
    margin: 20px 0px;
    border-radius: 3px;
}

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

.occurrence-options li {
    border: 1px solid #bbb;
    margin: 16px 15px;
    border-radius: 3px;
    padding: 10px;
    background: #f3f3f3;
    text-transform: capitalize;
}

.occurrence-options li:hover {
    background: #fff;
    font-weight: bold;
}

#visualized {
    margin: 0px 0px 10px 0px;
    font-size: 15px;
    font-weight: bold;
}

#table h2 {
    margin: 10px 0px 0px 15px;
    -webkit-margin-after: -1em;
    font-weight: bold;
}

.information-box strong {
    font-weight: bold;
}

.warn {
    margin-top: 5px;
}

.warn>li {
    display: inline-block;
}

.warn strong {
    font-weight: bold;
}

.warnings {
    font-weight: bold;
    font-size: 12px;
    padding: 7px 10px;
    position: absolute;
    text-transform: uppercase;
}

.info-table {
    margin: 5px 0px;
    font-weight: bold;
}

.paging li {
    border: 1px solid #ddd;
    border-radius: 3px;
    display: inline-block;
    margin: 5px;
    padding: 5px 8px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.sec-r {
    float: right;
}

.active-forum {
    background-color: #f3f3f3;
    font-weight: bold;
    ;
}

.mod {
    color: #a957be;
    font-size: 9px;
    font-weight: bold;
    padding: 3px 0 0 0;
    text-align: center;
    text-transform: uppercase;
}

#mod {
    color: #fff;
    background: #a957be;
    border: 1px solid #a957be;
    font-weight: bold;
    font-size: 9px;
}

#denounced {
    background: red;
    color: #fff;
    font-weight: bold;
    border-color: red;
    font-size: 9px;
}

.problem-actions {
    position: absolute;
    top: 12px;
    right: 10px;
}

.problem-actions a {
    border: #bbb solid 1px;
    border-radius: 3px;
    display: inline-block;
    font-size: 10px;
    margin: 0 3px;
    padding: 5px 10px;
    padding: 5px 7px;
    text-transform: uppercase;
}

/* Blocks */

.blocks {
    display: flex;
}

.block-tech {
    padding-top: 20px;
}

.block-col-60 {
    box-sizing: border-box;
    margin: 0 20px 20px;
    position: relative;
    width: 60%;
}

.block-col-40 {
    box-sizing: border-box;
    margin: 0 20px 0 0;
    position: relative;
    width: 40%;
}

.blck-col-60 {
    box-sizing: border-box;
    float: left;
    width: 60%;
}

.blck-col-40 {
    box-sizing: border-box;
    float: right;
    padding-left: 20px;
    width: 40%;
}

#block-editor {
    border: #bbb solid 1px;
    border-radius: 3px;
    display: none;
    height: 500px;
    margin: 15px 0;
    width: 100%;
}

.col-15 {
    width: 15%;
}

.full-screen {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 15px;
    width: 15px;
    pointer-events: auto;
}

/* Popup */

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

/* #popup a{
    display: block;
} */

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

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

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

#popup a:hover {
    background-color: #9b59b6;
}

/* Blockly */

#blockly-box {
    border: #bbb solid 1px;
    border-radius: 3px;
    float: left;
    margin: 0 0 20px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.blockly-source-code {
    background: #fff;
    border: none;
    box-shadow: none;
    height: 510px;
}

#toolbox,
#storage-xml {
    display: none;
}

.blocklyMainBackground {
    stroke-width: 0 !important;
}

.blocklyToolboxDiv {
    background: #efefef !important;
    border-right: #bbb solid 1px !important;
}

.blocklyFlyoutBackground {
    fill: #efefef !important;
    fill-opacity: 0.8 !important;
    stroke: #bbb !important;
    stroke-width: 1px !important;
}

.blocklyTreeLabel {
    font-size: 12px !important;
}

.blocklyTreeIcon {
    width: 10px !important;
}

/* Christmas */

.christmas-header-ribbon {
    background: #ffffff url('https://resources.beecrowd.com/judge/img/5.0/christmas-ribbon.gif') bottom center repeat-x;
}

.christmas-footer-ribbon {
    background: #ffffff url('https://resources.beecrowd.com/judge/img/5.0/christmas-ribbon.gif') top center repeat-x;
}

/* Christmas */

.new-year-header-ribbon {
    background: #ffffff url('https://resources.beecrowd.com/judge/img/5.0/new-year-ribbon.png') bottom center repeat-x;
}

.new-year-footer-ribbon {
    background: #ffffff url('https://resources.beecrowd.com/judge/img/5.0/new-year-ribbon.png') top center repeat-x;
}

/* 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.iziURIMaintenance {
    background: #cb9bf7;
    min-width: 500px;
}

.iziToast.iziURIStatus {
    background: #9bc7f7;
    min-width: 500px;
}

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

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

a#popup-sap {
    background: #4687da;
    border-color: #1760bd;
}

a#popup-sap:hover {
    background: #1760bd;
}

a#popup-natal {
    background: #ca545c;
    border-color: #ad424a;
}

a#popup-natal:hover {
    background: #ad424a;
}

#popup img {
    width: 100%;
}

a.start-tour {
    background: #3da197;
    border-color: #3da197;
    color: #fff;
}

/* Instructors */

/* .instructor-info {
    padding: 20px 20px 15px;
    background-position: center;
    background-repeat: no-repeat;
    height: 55px;
    width: 50px;
    border-radius: 450px;
    margin: 5px auto;
    font-size: 10px;
    line-height: 16px;
}

.instructor-info strong{
    font-size: 14px;
    font-weight: bold;
} */

.instructor-info {
    background-repeat: no-repeat;
    font-size: 10px;
    line-height: 16px;
    padding: 20px 20px 15px;
    position: relative;
    height: 70px;
    text-align: left;
}

.course-info {
    background-repeat: no-repeat;
    font-size: 10px;
    line-height: 16px;
    padding: 20px 20px 15px;
    position: relative;
    height: 112px;
    text-align: left;
}

.course-info .flag {
    border: #bbb solid 1px;
    border-radius: 100px;
}

#courses p {
    line-height: 18px;
    padding: 15px;
}

.instructor-info strong {
    font-size: 14px;
}

.course-info strong {
    color: #fff;
    padding: 5px 0;
    display: inline-block;
    background: #662483;
    position: absolute;
    font-weight: bold;
    top: 15px;
    right: 15px;
    border-radius: 3px;
    font-size: 12px;
    padding: 5px;
}

#instructors>li,
#courses>li {
    border: 1px solid #BBB;
    border-radius: 3px;
    float: left;
    margin: 0 0 16px 0;
    overflow: hidden;
    position: relative;
    width: 350px;
}

#instructors>li {
    height: 225px;
}

#courses>li {
    height: 360px;
}

#advertisements>li {
    height: 360px;
    border: 1px solid #BBB;
    border-radius: 3px;
    float: left;
    margin: 0 0 16px 0;
    overflow: hidden;
    position: relative;
    width: 350px;
}

#instructors-information>li {
    font-size: 10px;
    line-height: 16px;
    padding: 20px 20px 15px;
    position: center;
}

#instructors h3,
#courses h3 {
    background: #f3f3f3;
    border-bottom: #bbb solid 1px;
    border-top: #bbb solid 1px;
    display: table-cell;
    font-size: 13px;
    font-weight: 700;
    height: 25px;
    margin: 0 auto;
    padding: 7px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 350px;
}

#courses h3 span {
    font-size: 10px;
}

#instructors .odd,
#courses .odd,
#advertisements .odd {
    float: left;
    text-align: center;
}

#instructors .even,
#courses .even,
#advertisements .even {
    float: right;
    text-align: center;
}

#instructors-languages {
    display: inline-block;
    margin: 5px 10px 10px 10px;
}

#instructors-languages li {
    padding: 2px 5px;
    font-size: 11px;
    margin-top: 7px;
    display: inline-block;
    padding: 2px 5px;
    font-size: 10px;
    text-transform: lowercase;
    border: #bbb solid 1px;
    border-radius: 3px;
    background: #fff;
}

.pn-instructor {
    color: #fca600;
}

#instructor-info {
    line-height: 20px;
    padding: 0px 10px 10px;
}

.instructor-text {
    font-size: 12px;
    padding: 10px 10px 0px;
    line-height: 18px;
    word-wrap: break-word;
}

.box-information-inst {
    font-size: 10px;
}

.pn-instructors h1 {
    color: #e6a022;
}

.pn-instructors {
    background-position: 9px -2500px;
}

.instructor-info .flag {
    margin: 0 0 5px 0;
}

.loading {
    background: url('../img/5.0/ellipsis.gif') left center no-repeat;
    display: inline-block;
    height: 10px;
    width: 250px;
}

.instructors-filter,
.instructors-no-filter {
    border-radius: 45px;
    border: 1px solid #bbb;
    position: absolute;
    text-align: center;
    margin: 0 30%;
    top: 7px;
    overflow: hidden;
    width: 90px;
    height: 90px;
}

.instructors-filter {
    background: url('../img/5.0/big-lock.png') center center no-repeat;
}

.instructors-filter img {
    filter: grayscale(100%);
    opacity: 0.1;
}

.course-logo {
    border-radius: 45px;
    border: 1px solid #bbb;
    position: absolute;
    text-align: center;
    margin: 20px 30%;
    top: 7px;
    overflow: hidden;
    width: 90px;
    height: 90px;
}

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: 5px 20px 10px;
}

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

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

.new-feature {
    color: #ee6059;
    font-weight: bold;
}

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

.perfil-photo {
    background-image: url('../img/5.0/default-perfil-beecrowd.png');
    width: 111px;
    height: 111px;
    margin-bottom: 15px;
    border-radius: 3px;
}

.form-left.photo {
    width: 15.75% !important;
}

.form-left.small-left {
    width: 29% !important;
    margin-left: 3%;
}

.form-left.small-right {
    width: 29% !important;
    margin-right: 3%;
}

.form-right.large-right {
    width: 68% !important;
}

.form-right.extended {
    width: 81.25% !important;
}

.preferences.left {
    width: 45%;
    float: left;
}

.preferences.right {
    width: 45%;
    float: right;
}

.configuration-full {
    width: 100% !important;
    height: auto !important;
    background-color: white;
}

.configuration-full-work {
    width: 100% !important;
    height: 60px !important;
    background-color: white;
}

.configuration-full h2,
.configuration-full-work h2 {
    text-transform: uppercase;
}

.form-password {
    margin-top: 22px;
    width: 93.5% !important;
}

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

.form-left-small {
    width: 31%;
}

.form-right-small {
    width: 32%;
}

.form-left-small {
    float: left;
    margin-right: 3%;
}

.form-right-small {
    float: right;
}

.form-left-medium {
    float: left;
    margin-right: 3%;
    width: 63%;
}

.form-line {
    float: left;
    width: 100%;
}

#starts,
#ends {
    width: 100%;
    border: 1px solid #BBB;
    border-radius: 3px;
    color: #333;
    background: #fff;
    border: 1px solid #BBB;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%);
    box-sizing: border-box;
    margin: 0 0 15px;
    min-height: 34px;
    padding: 7px 8px;
    vertical-align: middle;
    width: 100%;
}

#starts::-webkit-inner-spin-button,
#ends::-webkit-inner-spin-button,
#starts::-webkit-calendar-picker-indicator,
#ends::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.complete-profile {
    color: #333;
    background: #fff;
    border: 1px solid #BBB;
    border-radius: 3px;
    height: 34px;
    margin-bottom: 15px;
}

#complete-bar {
    background: linear-gradient(90deg, #5d5692, #9843aa, #9843aa, #9843aa, #9843aa, #5d5692);
    height: 72%;
    width: 0%;
    margin-top: 5px;
    margin-left: 5px;
    color: white;
    border-radius: 3px;
    font-size: 15px;
    display: flex;
    -webkit-align-items: center;
    justify-content: center;
}

.text-left {
    text-align: left !important;
    padding-left: 20px !important;
}

.padding-top-25px {
    padding-top: 25px;
}

.padding-top-30px {
    padding-top: 30px;
}

.padding-top-45px {
    padding-top: 45px;
}

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

.table-title {
    font-size: 13px;
    font-weight: 700;
    margin: 0 auto;
    padding: 7px 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: -25px;
}

.form-hidden {
    display: none;
}

.label-left {
    float: left;
    width: 50%;
}

.label-right {
    float: right;
    width: 50%;
    text-align: right;
}

.link-in-page {
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.link-in-page:hover {
    color: indigo;
}

.empty-space {
    margin-top: 20px;
}

.box-35px {
    height: 35px;
}

/*
 Social Media Sign In and Sign Up CSS
*/

.social-media-menu {
    margin-bottom: 20px;
    text-align: center;
    height: 33px;
    display: block;
}

.social-media-menu li {
    /*background-image: url('../img/socialmedias/socialmediasHorizontal.png'); /*url('https://resources.beecrowd.com/judge/img/5.0/judge-set.250619.png');*/
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #BBB;
    margin: 0px 0.5px 0px 0.5px;
    width: 33px;
    height: 33px;
}

.social-media-menu li a {
    width: 27px;
    height: 27px;
    display: block;
    margin: 3px auto 0px auto;
}

li .sm-google {
    background-image: url('../img/socialmedias/socialmediasHorizontal-v3.png');
    background-position: 0 0px;
    height: 33px;
}

li .sm-linkedin {
    background-image: url('../img/socialmedias/socialmediasHorizontal-v3.png');
    background-position: -34px 0;
    height: 33px;
}

li .sm-github {
    background-image: url('../img/socialmedias/socialmediasHorizontal-v3.png');
    background-position: -68px 0;
    height: 33px;
}

li .sm-gitlab {
    background-image: url('../img/socialmedias/socialmediasHorizontal-v3.png');
    background-position: -102px 0;
    height: 33px;
}

li .sm-bitbucket {
    background-image: url('../img/socialmedias/socialmediasHorizontal-v3.png');
    background-position: -136px 0;
    height: 33px;
}

li .sm-facebook {
    background-image: url('../img/socialmedias/socialmediasHorizontal-v3.png');
    background-position: -170px 0;
    height: 33px;
}

li .sm-twitter {
    background-image: url('../img/socialmedias/socialmediasHorizontal-v3.png');
    background-position: -203px 0;
    height: 33px;
}

li .sm-discord {
    background-image: url('../img/socialmedias/socialmediasHorizontal-v3.png');
    background-position: -233px 0px;
    height: 33px;
}

#start-job,
#end-job {
    width: 100%;
    border: 1px solid #BBB;
    border-radius: 3px;
    color: #333;
    background: #fff;
    border: 1px solid #BBB;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%);
    box-sizing: border-box;
    margin: 0 0 15px;
    min-height: 34px;
    padding: 7px 8px;
    vertical-align: middle;
    width: 100%;
}

#start-job::-webkit-calendar-picker-indicator,
#end-job::-webkit-inner-spin-button,
#start-job::-webkit-calendar-picker-indicator,
#end-job::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.use-social-login {
    color: #793197;
    display: block;
    font-family: BryantMedium;
    font-size: 12px !important;
    letter-spacing: 2px;
    margin: 40px 0 20px !important;
    text-align: center;
    text-transform: uppercase;
}

.or-span {
    color: #793197;
    display: block;
    font-family: BryantMedium;
    font-size: 12px !important;
    letter-spacing: 2px;
    margin: 0px 0 20px !important;
    text-align: center;
    text-transform: uppercase;
}

.hidden {
    display: none;
}

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

#work-experience-list>li {
    border: 1px solid #BBB;
    border-radius: 3px;
    margin: 0 0 20px;
    overflow: hidden;
}

#work-experience-list h3 {
    background: #f3f3f3;
    border-bottom: #BBB solid 1px;
    font-weight: 700;
    padding: 7px 10px;
    text-transform: uppercase;
}

#work-experience-list>li>div {
    margin: 10px;
}

#work-experience-list p {
    line-height: 20px;
    padding: 5px 0;
}

#work-experience-list ul {
    line-height: 20px;
    list-style-type: square;
    padding: 5px 0 5px 25px;
}

#work-experience-list h4 {
    border-bottom: #bbb dotted 1px;
    display: block;
    font-size: 10px;
    font-weight: 700;
    margin: 5px -10px;
    padding: 7px 10px;
    text-transform: uppercase;
}

#work-experience-list strong {
    font-weight: 700;
}

.your-work-history {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tb-actions a {
    border: 1px solid #bbb;
    border-radius: 3px;
    margin: 0 0 0 5px;
    padding: 2px 5px;
}

.form-hidden {
    display: none;
}

.label-left {
    float: left;
    width: 50%;
}

.label-right {
    float: right;
    width: 50%;
    text-align: right;
}

.link-in-page {
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.link-in-page:hover {
    color: indigo;
}

/* 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 {
    width: 15px;
}

#chkbx-recruiting {
    margin: 10.5px 4px 0px 4px;
}

label[for=chkbx-recruiting] {
    height: 20px;
    margin: 5px 0 9px;
}

label[for=chkbx-freelancing] {
    height: 20px;
    margin: -1px 0 5px 0px
}

#password-result {
    margin-left: 10px;
}

.password-list {
    margin-top: 10px;
}

#input-container {
    position: relative;
}

#tooltip-user-result {
    position: absolute;
    top: 29px;
    left: 312px;
    z-index: 10;
}

#input-contaner>input {
    padding-left: 40px;
}

.iti-flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/10.0.2/img/flags.png") !important;
}

/*
 Social Media Sign In and Sign Up CSS
*/

.communities-menu li {

    border: 1px solid #BBB;
    margin: 0 2.5px 2.5px;
    /* padding: 15px 0px 15px 80px; */
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 33px;
    height: 33px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-color: white;
}

.communities-menu>a {
    font-family: BryantMedium;
    font-size: 14px;
    display: inline-block;
    line-height: 15px;
    width: 33px;
    height: 33px;
    text-transform: uppercase;
}

.communities-menu p {
    display: inline-block;
    line-height: 15px;
}

.communities-menu li a {
    background-image: url('../img/socialmedias/communities-sprite-v3.png');
    background-repeat: no-repeat;
    display: block;
    width: 27px;
    height: 27px;
    margin: 3px auto;
}

.cm-google a {
    background-position: 0 0px;
}

.cm-linkedin a {
    background-position: -34px 0;
}

.cm-facebook a {
    background-position: -170px 0;
}

.cm-twitter a {
    background-position: -204px 0px;
}

.cm-github a {
    background-position: -68px 0;
}

.cm-gitlab a {
    background-position: -102px 0px;
}

.cm-bitbucket a {
    background-position: -136px 0px;
}

.cm-discord a {
    background-position: -233px 0px;
}

#communities-providers li {
    border-radius: 3px;
    border: 1px solid #BBB;
    box-sizing: border-box;
    height: 50px;
    width: 100%;
    background-color: white;
}

.communities-provider-remove {
    border-radius: 3px;
    font-size: 10px;
    margin-left: 620px;
    margin-right: 10px;
    margin-top: -23px;
    padding: 5px 6px;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    background: #f57265;
    border: 1px solid #ef4130;
    border-bottom: #ef4130 solid 3px;
    color: #fff;
    /* width: 45px;
    height: 11px; */
}

.communities-providers-list-link {
    color: #777;
    display: block;
    font-size: 10px;
    padding: 5px 0;
    width: 600px;
    height: 11px;
}

.competitions-form {
    margin-bottom: 150px;
}

.form-competitions {
    box-sizing: border-box;
    width: 100%;
    float: right;
}

.form-competitions-left {
    box-sizing: border-box;
    width: 31%;
    float: left;
    margin-right: 25px;
}

.form-competitions-center {
    box-sizing: border-box;
    width: 31%;
    float: left;
}

.form-competitions-right {
    box-sizing: border-box;
    width: 31%;
    float: right;
    /* margin-left: 25px; */
}

.social-media-links-register {
    margin: 15px 15px 15px 15px;
}

.social-media-links-login {
    margin-bottom: 15px;
}

.social-media-links-text {
    color: #793197;
    display: block;
    font-family: BryantMedium;
    font-size: 18px !important;
    letter-spacing: 2px;
    margin: 40px 0 20px !important;
    text-align: center;
    text-transform: uppercase;
}

.s-menu li {
    background-image: url('../img/socialmedias/social-links-new.png');
    /*url('https://resources.beecrowd.com/judge/img/5.0/judge-set.250619.png');*/
    background-repeat: no-repeat;
    border-radius: 3px;
    border: 1px solid #BBB;
    margin: 0px 0.5px 0px 0.5px;
    /* padding: 15px 0px 15px 80px; */
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 33px;
    height: 33px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.s-menu a {
    font-family: BryantMedium;
    font-size: 14px;
    display: inline-block;
    line-height: 15px;
    width: 33px;
    height: 33px;
    text-transform: uppercase;
}

.s-menu p {
    display: inline-block;
    line-height: 15px;
}

.s-linkedin {
    background-position: -2px -2px;
}

.s-instagram {
    background-position: -37px -2px;
}

.s-facebook {
    background-position: -72px -2px;
}

.s-youtube {
    background-position: -107px -2px;
}

.s-twitter {
    background-position: -142px -2px;
}

.s-twitch {
    background-position: -177px -2px;
}

.s-tiktok {
    background-position: -212px -2px;
}

.pn-work-experience {
    background-position: -3px -3005px;
    background-size: 75px;
}

.pn-competitions {
    background-position: -2px -108px;
    background-size: 75px;
}

.pn-communities {
    background-size: 75px;
    background-position: -2px -3121px;
}

label[for="is-professional-is_student"] {
    padding-top: 5px;
    display: table;
}

label[for="is-professional-is_professional"] {
    padding-top: 6px;
    display: table;
}

#is-professional-is_student,
#is-professional-is_professional {
    margin: 0 7px 0 0;
    display: table-cell;
    vertical-align: sub;
}

.error-message {
    display: none;
}

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

.hint-form {
    margin: -5px 0 20px;
}

.hint-warning {
    background: #ffb50078;
    border: #ffb500 solid 1px;
    border-radius: 3px;
    color: #454545;
    padding: 5px 10px;
    width: 97% !important;
    font-weight: bold;
}

.hint-warning-email-1-2 {
    background: #ffb50078;
    border: #ffb500 solid 1px;
    border-radius: 3px;
    color: #454545;
    padding: 5px 10px;
    font-weight: bold;
}

.red-ball-warning {
    background: #EE6059;
    border-radius: 10px;
    color: #fff;
    position: absolute;
    /* right: 4px; */
    left: 185px;
    /* Alterado de right para left devido a funcionalidade de abas de navegação lateral que estava levando a bolinha para a direita */
    top: 4px;
    width: 10px;
    height: 10px;
    display: none;
    box-shadow: 0 0 0 0 rgb(233 89 74);
    transform: scale(1);
    animation: pulse 2s infinite;
}

/* #username-label {
    height: 10px;
    padding-bottom: 5px;
    margin-top: -5px;
} */

#chckbx-preferred {
    margin-top: 3%;
    height: 43.7px;
    width: 34% !important;
}

.register-password-list {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
    list-style: square;
    padding: 0 15px 15px;
}

#register-password-result {
    margin-left: 10px;
}

.register-password-rule,
.register-password-rule-1,
.register-password-rule-2,
.register-password-rule-3,
.register-password-rule-4,
.register-password-rule-5,
.register-password-rule-6 {
    color: #000;
    font-size: 12px !important;
    font-family: 'Ubuntu', sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    display: inline-block !important;
    letter-spacing: 1px !important;
    margin: 0 0 0px !important;
    text-align: left !important;
    text-transform: none !important;
}

.link {
    text-decoration: underline;
}

#degree {
    width: 100%
}

#preferred {
    margin-left: 15px;
}

.what-I-am {
    float: center;
    margin: 0px 15px;
}

.work-exp {
    float: center;
    height: 35px;
}

.looking-for-text {
    border: #bbb solid 1px;
    border-radius: 3px;
    padding: 10px;
    margin: 10px 0 0;
    line-height: 16px;
    /* text-transform: none; */
    text-indent: 0;
    color: #454545;
    display: block;
    font-size: 10px;
    margin: 0 0 5px;
    text-indent: 5px;
    /* text-transform: uppercase; */
    text-indent: 0;
    /* background: #f3f3f3; */
    border: 1px solid #bbb;
    border-bottom: #bbb solid 3px;
    border-radius: 3px;
    font-size: 11px;
}

.student-professional-text {
    border: #bbb solid 1px;
    border-radius: 3px;
    padding: 10px;
    margin: 0 0 0;
    line-height: 16px;
    /* text-transform: none; */
    text-indent: 0;
    color: #454545;
    display: block;
    font-size: 10px;
    margin: 0 0 5px;
    text-indent: 5px;
    /* text-transform: uppercase; */
    text-indent: 0;
    /* background: #f3f3f3; */
    border: 1px solid #bbb;
    border-bottom: #bbb solid 3px;
    border-radius: 3px;
    font-size: 11px;
}

.checkboxes-fix {
    margin-top: 5px;
    height: 10px !important;
}

.checkbox-recruiting {
    margin-top: 6px !important;
    height: 10px !important;
}

.basic-info.left,
.basic-info.right,
.basic-info.full_line {
    margin: 10px 15px 10px 0px;
}

.devices-margin-top {
    margin-top: 7px;
}

.basic-info.full_line {
    width: 100%;
    float: left;
}

.basic-info.left {
    width: 45%;
    float: left;
}

.basic-info.right {
    width: 45%;
    float: right;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(233, 89, 74, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(233, 89, 74, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(233, 89, 74, 0);
    }
}

.captcha-center {
    margin-left: 30%;
    margin-right: 30%;
}

#courses .cubos-dev {
    background: url('../img/courses/cubos/dev-min.png') top center no-repeat;
}

#courses .cubos-dev-pos {
    background: url('../img/courses/cubos/dev-pos-min.png') top center no-repeat;
}

#courses .cubos-flutter {
    background: url('../img/courses/cubos/flutter-min.png') top center no-repeat;
}

#courses .cubos-ux-ui {
    background: url('../img/courses/cubos/ux-ui-min.png') top center no-repeat;
}

#courses .cubos-project {
    background: url('../img/courses/cubos/project-min.png') top center no-repeat;
}

.spacing {
    padding-top: 12px;
    padding-bottom: 12px;
}

.messages {
    color: #EF4130;
    font-size: 10px;
}

.help-block.error {
    margin: 0 0 0px 0;
}

.error-white-space {
    width: 100%;
    margin-bottom: 5px;
}

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

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

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

.basic-info-form1 {
    height: 70px;
}

.basic-info-form2 {
    height: 70px;
}

.basic-info-form3 {
    height: 70px;
}

.contactdata-form1 {
    height: 70px;
}

.contactdata-form2 {
    height: 70px;
}

.contactdata-form3 {
    height: 70px;
}

.contactdata-form4 {
    height: 70px;
}

.contactdata-form5 {
    height: 100px;
}

.description-form1 {
    height: 75px;
}

.redlabel {
    color: #ef4130;
}

.title-per-category {
    min-width: 100%;
    display: inline-block;
}

.st-box-per-category {
    border: 1px solid #BBB;
    border-radius: 3px;
    float: left;
    overflow: visible;
    width: 348px;
}

.title-per-category h3 {
    background: #f3f3f3;
    border-bottom: #BBB solid 1px;
    font-size: 13px;
    font-weight: 700;
    margin: 0 auto;
    padding: 7px 0;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
}

.tooltip-chart {
    /* float: right; */
    margin-right: 5px;
    display: inline-block;
    z-index: 5;
}

.tooltiptext-chart {
    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-chart:hover .tooltiptext-chart {
    visibility: visible;
    cursor: default;
    text-transform: none;
    padding: 7px !important;
    z-index: 20 !important;
    font-weight: 100;
    font-size: 10px;
}

/* botao flutuante */
.floating-div-group {
    position: relative;
    height: 33px;
}

.floating-submit {
    position: fixed;
    z-index: 5;
    bottom: 30px;
    width: 692px;
    height: 33px;
    background-color: #fefaff;
    padding: 3px;
    border: 1px solid #bbb;
    border-radius: 3px;
}

.contest-header {
    display: flex;
    justify-content: space-between;
}

.full-profile-button {
    margin: auto 10px;
    width: 135px;
}

.full-profile-button .submit-button {
    height: 28px;
    padding: 0;
    font-family: 'Ubuntu';
    font-size: 12px;
}

.selectize-control .selectize-input.disabled,
.disabled {
    opacity: 0.5;
    background-color: #fafafa;
    pointer-events: none;
}

.replies .reply-box .text-box-comment .marked code {
    background-color: #f4f4f4;
    color: #333;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

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

/*     CSS CKEDITOR     */
#list .news {

    ol {
        list-style-type: decimal;
        line-height: 20px;
        list-style-type: square;
        padding: 5px 0 5px 25px;
    }

    ul {
        list-style-type: decimal;
        line-height: 20px;
        list-style-type: square;
        padding: 5px 0 5px 25px;
    }

    .bordas {
        width: auto;
        display: table;
        border-collapse: separate;
        box-sizing: border-box;
        text-indent: initial;
        border-spacing: 2px;
        border-color: gray;
    }

    .bordas tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }

    .bordas th {
        background-color: #f2f2f2;
        font-weight: bold;
        text-align: left;
        border: 1px solid #000;
    }

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

.iziToast-body a {
    color: #046abd;
    text-decoration: underline;
}

/*     CSS CKEDITOR    */

/* Contact Info Work / Education Email Accordion */

#email-accordion {
    width: 356px;
    height: 42px;
    border-radius: 5px;
    border: 0.8px solid #BBB;
    margin-bottom: 19px;
}

#accordion-title {
    display: flex;
    padding: 8px 19px 0px 10px;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

#accordionDrop.spin {
    transform: rotate(180deg);
}

#accordion-input {
    width: 97%;
    padding-left: 10px;
}

#accordion-input input {
    margin: 0;
}

#secondary-email-label {
    color: var(--Ttulo, #040404);
    display: block;
    font-size: 10px;
    margin: 0 0 5px;
    text-indent: 5px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    text-transform: none;
}

.referral-invite-wrap {
    display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -5px 20px 15px;
}

.referral-small-invite {
    width: 45px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D161C7;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-right: 1px solid #ffffff38;
}

.referral-big-invite {
    width: 136px;
    height: 46px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    text-align: left;
    background-color: #D161C7;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.referral-small-text-font {
    color: #FFF;
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: -15px;
}

.referral-no-margin {
    margin-left: 0px;
}

.tooltiptextcv {
    width: 95px !important;
    margin-left: -55px !important;
}

/* TOASTS RESPONSIVITY*/
@media (max-width: 500px) {

    .iziToast.iziURIStatus,
    .iziToast.iziURIMaintenance,
    .iziToast.iziURIFailure,
    .iziToast.iziURIWarning,
    .iziToast.iziURISuccess {
        min-width: 100%;
    }
}

#loader-ai-tip {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#loader-ai-tip video {
    width: 75px;
    height: 75px;
}

#beeatrice-tip-texts {
    padding: 10px;
}
.checkbox-linkedin {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 10px;

    & label {
        margin: 0;
    }
}

.linkedin-button {
    display: flex;
    height: 40px;
    padding: 8.401px 6.11px;
    align-items: center;
    gap: 5.346px;
    border-radius: 6.11px;
    border-color: transparent;
    background: #a957be;
    margin-bottom: 10px;
    transition: 0.5s !important;
    cursor: pointer;

    & span {
        color: #FFF;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}

.linkedin-button.disabled {
    background-color: #BBBBBB !important;
    cursor: not-allowed !important;
    transition: 0.5s !important;
}

.button-tooltip-linkedin {
    width: 49%;
    display: flex;
    align-items: center;
}

#linkedin_link,
#label-linkedin-link {
    width: 343px;
    margin: 0 0 10px;
}

#linkedin_link:disabled {
    cursor: default;
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
}

.linkedin-input-button {
    display: flex;
    align-items: center;
    gap: 20px;
}

.popup-linkedin {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
}

#linkedin-check {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #696969;
    border-radius: 4px;
}

#linkedin-check:checked {
    content: url('../img/new-tour-svg/vector.svg');
    background-color: #8746A2;
    border-color: #5B2771;
}

@media (max-width: 763px) {
    .linkedin-input-button {
        flex-direction: column;
    }

    .linkedin-button, #linkedin_link, #label-linkedin-link, #linkedin-popup {
        width: 100%;
    }

    .h-bell-menu {
        right: none;
        left: -60px;
    }
}

.chk-freela-ops {
    display: flex;
    align-items: center;
}

#chkbx-freelancing {
    margin: 3.5px 4px 0px 4px;
}

canvas {
    background: none !important;
}

.ai-tip-button {
    color: #fff;
    font-family: BryantMedium;
    height: 33px;
    transition: 0.7s;
    width: 30%;
    margin-bottom: 20px;
    cursor: pointer;
}