/* Copyright (C) 2006-2016 Alexander Chernov <cher@ejudge.ru> */

/* This file is a part of ejudge contest management system. */

@font-face {
    font-family: Roboto-Regular;
    src: url(/ejudge/Roboto-Regular.ttf);
}

@font-face {
    font-family: Roboto-Bold;
    src: url(/ejudge/Roboto-Bold.ttf);
}

/* @import 'https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i'; */

body 
{
    font-family: "Roboto-Regular", "Arial", "Verdana", "Sans-Serif";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    color: black;
    text-align: justify;
}

:focus, input:focus, button:focus {
    outline: none !important;
}

p
{
    font-size: 16px;
    margin: 13px 0;
}

li
{
    font-size: 16px;
}

tt
{
    font-size: 16px;
}

h2
{
    font-size: 21px;
}

h3
{
    font-size: 18px;
    margin: 26px 0 13px 0;
}

h4
{		
    font-size: 16px;
    margin: 20px 0 8px 0;
}

#container /* the big block, which includes all other blocks */
{
    position:absolute; 
    z-index:0;
    width: 96%;
    margin-left: 30px;        
}

#l11 /* the block, which contains the logo */
{
    position: absolute;
    left: 0px;
    top: 30px;
    width: 120px;
    height: 120px;        
    background-color: #FFFFFF;
}
#l12 /* the common block for the title and menu lines */
{
    position: absolute;
    left: 0px;
    top: 30px;
    width: 100%;
    height: 100px;
    display: block;
}

#l13 /* the main block which contains information about server, footer and the content of the page between them */
{
    /*position:relative;*/
    position: absolute; 
    z-index:0;
    width: 100%;    
    top: 150px;
    left: 0px;
}

div.main_phrase /* the title of the current page */
{
    font-family: "Roboto-Regular", "Verdana", "Arial";
    font-weight: 800;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left:130px;
}

div.user_actions /* top menu line */
{ 
    background-color: rgb(102, 204, 255);
    width: 100%;
}
         
div.white_empty_block /* white line */
{
    width: 100%;
}
         
div.contest_actions /* bottom menu line */
{ 
    background-color: rgb(102, 204, 255);
    width: 100%;
}


div.user_action_item /* one item in the top menu line */
{
    font-family: "Roboto-Regular", "Verdana","Arial";
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    padding-left:10px;
    padding-right:10px;
}
         
div.contest_actions_item /* one item in the bottom menu line */
{
    font-family: "Roboto-Regular", "Verdana","Arial";
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    padding-left:10px;
    padding-right:10px;
}
         
select
{ 
    font-family: "Roboto-Regular", "Verdana","Arial";
    font-weight: normal;
    font-size: 9px;
    padding: 0px 0px 0px 0px;
}

button
{ 
    font-family: "Roboto-Regular", "Verdana","Arial";
    font-weight: normal;
    font-size: 9px;    
    padding: 0px 0px 0px 0px;
}

input
{ 
    font-family: "Roboto-Regular", "Verdana","Arial";
    font-weight: normal;
    font-size: 9px;    
    padding: 0px 0px 0px 0px;
}

#footer /* copyright, etc...*/
{
    width: 750px;
    padding: 10px 10px 10px 10px;
}
         
#footer2
{
    background-color: rgb(102, 204, 255);
    padding: 5px 10px 5px 10px;
    text-align: left;
    font-family: "Roboto-Regular", "Verdana", "Arial";
    font-size: 11px;
    font-weight: 800;
    margin-top: 20px;
    margin-bottom: 20px;
}

p.ejudge_copyright /* just copyright */
{
    font-family: "Roboto-Regular", "Verdana","Arial";         
    font-size: 10px;
}
         
div.server_status_on /* server status block when the server is up */
{
    background-color: #aaffaa;
    padding: 4px 5px 4px 20px;
}

div.server_status_off /* server status block when the server is down */
{
    background-color: #aaaaaa;
    padding: 4px 5px 4px 20px;
}

div.server_status_alarm /* server status block when the server is up */
{
    background-color: #ffffaa;
    padding: 4px 5px 4px 20px;
}

div.server_status_error /* server status block in case of error */
{
    background-color: #ffaaaa;
    padding: 4px 5px 4px 20px;
}

div.dotted
{
    border-style: dotted;
    border-width: 1px;
    padding: 0px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
}
p.dotted
{
    font-size: 12px
}

div.big_string /* the header for some content section */
{
    font-family: "Roboto-Regular", "Verdana","Arial";
    font-weight: normal;
    font-size: 14px;    
    padding: 10px 2px 10px 2px;     
}

A.menu /* menu link should not be underlined */
{
    color: #000000;
    text-decoration: none;
}

A.menu:visited /* menu item should not change the color when visited */
{
    color: #000000;
}

A.menu:hover /* menu link is highlighted when mouse is on */
{
    background-color: #FFFFFF;
}

A /* common link should be underlined */
{
    color: #000000;
    text-decoration: underline;
}

A:visited /* common link should be marked if visited */
{
    color: #696969;
}

table.menu /* menu table has no border */
{
    border-style: none;
    margin-left: 130px;
}

td.menu /* menu table item has no border */
{ 
    border-style: none;
}

table /* common table has no border */
{
    border-style: none;
}

td /* common table item has a thin solid border */
{
    border: solid;
    border-width: 1px;
    border-color: #000000;
    margin: 1px;
}

p.fixed_width
{
    width: 850px;
}

table.b1 /* table for problem summary and logs */
{
    border-style: none;
    border-collapse: collapse;
}

td.b1 /* for summary tables */
{
    border: solid;
    border-width: 1px;
    border-color: #000000;
    margin: 1px;
}

th.b1 /* for summary tables */
{
    border: solid;
    border-width: 1px;
    border-color: #000000;
    margin: 1px;
}

table.b0
{
    border-style: none;
}
td.b0
{ 
    border-style: none;
    font-size: 16px;
}

.table-ex tr td {
    padding: 10px 12px;
    border: 1px dotted rgba(113, 113, 113, 0.5);
}

/* standings view */
TABLE.standings { border-style: none; border-collapse: collapse; width: 95%; }
TH.st_team{font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 1px; font-weight: 600;}
TD.st_team{font-size: 11px; border: solid; border-width: 1px; border-color: #000000; margin: 1px; }

TH.st_place{font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 1px; }
TD.st_place{font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 1px; }

TH.st_prob{font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 0px; }
TD.st_prob{font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 0px; }

th.st_avatar {font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 0px; }
td.st_avatar {font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 0px; }

TH.st_pen{font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 0px; }
TD.st_pen{font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 0px; }

TH.st_total{font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 0px; }
TD.st_total{font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 0px; }

TH.st_score {font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 1px; font-weight: 600;}
TD.st_score {font-size: 11px; border: solid; border-width: 1px; border-color: #000000; margin: 1px; }

TH.st_extra {font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 1px; font-weight: 600;}
TD.st_extra {font-size: 11px; border: solid; border-width: 1px; border-color: #000000; margin: 1px; }

TH.st_warns {font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 1px; font-weight: 600;}
TD.st_warns {font-size: 11px; border: solid; border-width: 1px; border-color: #000000; margin: 1px; }

TH.st_status {font-size: 12px; border: solid; border-width: 1px; border-color: #000000; margin: 1px; font-weight: 600;}
TD.st_status {font-size: 11px; border: solid; border-width: 1px; border-color: #000000; margin: 1px; }

td.cell_attr_first { background-color: #88ffff; }
td.cell_attr_rj { background-color: #cccc99; }
td.cell_attr_sm { background-color: #cc9999; }
td.cell_attr_pr { background-color: #bbcc99; }
td.cell_attr_dq { background-color: #ffcccc; }
td.cell_attr_tr { background-color: #ffff88; }
td.cell_attr_cf { background-color: #ff8888; }

div#currentTime { display : inline; }
div#remainingTime { display : inline; }
div#reloadButton { display : inline; }
div#statusString { display : inline; }

/* problem navigation stuff */
table.probNav
{
        border-style: none;
        border-collapse: collapse;
        padding: 0px;
}

td.probNavSpaceTop
{
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
        border-bottom-style: solid;
        padding: 1px 1px 1px 1px;
}

td.probNavSpaceBottom
{
        border-top-style: solid;
        border-left-style: none;
        border-right-style: none;
        border-bottom-style: none;
        padding: 1px 1px 1px 1px;
}

td.probNavHidden
{
        cursor: pointer;
        margin: 0px;
        border-color: black;
        border-style: solid;
        border-top-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        /* background-color: #DCDCDC; */
        /* padding: 1px 1px 1px 1px; */
        padding: 0px 0px 0px 0px;
}

td#probNavTaskArea
{
        border-color: black;
        border-style: solid solid solid solid;
        background-color: white;
        padding: 20px 20px 20px 20px;
        z-index: 2;
}
td#memberNavArea
{
        border-color: black;
        border-style: solid;
        border-top-style: none;
        border-left-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        background-color: white;
        padding: 20px 20px 20px 20px;
}
div#probNavTaskArea
{
        width: 800px;
}

td.probNavActiveTop
{
        border-top-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-bottom-style: none;
        /* background-color: white; */
        font-weight: 800;
        padding: 2px 2px 2px 2px;
}

td.probNavActiveBottom
{
        border-top-style: none;
        border-left-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        /* background-color: white; */
        font-weight: 800;
        padding: 2px 2px 2px 2px;
}

A.tab
{
        color: #000000;
        text-decoration: none;
}
A.tab:visited
{
        color: #000000;
}

div.probDisabled
{
        background-color: white;
        padding: 2px;
        margin: 0px 0px 0px 0px;
}
div.probCurrent
{
        background-color: white;
        padding: 0px;
        margin: 0px 0px 0px 0px;
}
div.probEmpty
{
        background-color: #dcdcdc;
        padding: 2px;
        margin: 0px 0px 0px 0px;
}
div.probTrans
{
        background-color: #ffff88;
        padding: 2px;
        margin: 0px 0px 0px 0px;
}
div.probOk
{
        background-color: #88ff88;
        padding: 2px;
        margin: 0px 0px 0px 0px;
}
div.probBad
{
        background-color: #ff8888;
        padding: 2px;
        margin: 0px 0px 0px 0px;
}

/*
The following style sheet is for the new problem tabs.
*/

/* The top tab row */
.nTopNavList {
        border: 0 none;
        padding: 0;
}

td.nTopNavList {
        border-style: none none none none;
        border-width: 1px;
}

.nTopNavList ul {
        list-style: none outside none;
        margin: 5px 0 0 0;
}

.nTopNavList li {
        display: inline;
        padding: 0;
        margin: 0 0 0 1em;
        border-style: solid solid solid solid;
        border-color: black black black black;
        border-width: 1px 1px 1px 1px;
        z-index: 1;
        line-height: 100%;
}

#nTopNavSelected {
        display: inline;
        padding: 0;
        margin: 0 0 0 1em;
        border-style: solid solid solid solid;
        border-color: black black white black;
        border-width: 1px 1px 1px 1px;
        z-index: 1;
}

.nTopNavList a {
        border: none;
        text-decoration: none;
        padding: 0px 0.9em 0px;
        width: 100%;
        height: 100%;
        margin: 0;
}

/* The bottom tab row */
.nBottomNavList {
        border: 0 none;
        padding: 0;
}

td.nBottomNavList {
        border-style: none none none none;
        border-width: 1px;
}

.nBottomNavList ul {
        list-style: none outside none;
        margin: 0 0 5px 0;
}

.nBottomNavList li {
        display: inline;
        padding: 0;
        margin: 0 0 0 1em;
        border-style: solid solid solid solid;
        border-color: black black black black;
        border-width: 1px 1px 1px 1px;
        z-index: 1;
        line-height: 100%;
}

#nBottomNavSelected {
        display: inline;
        padding: 0 0 0;
        margin: 0 0 0 1em;
        border-style: solid solid solid solid;
        border-color: white black black black;
        border-width: 1px 1px 1px 1px;
        z-index: 1;
}

.nBottomNavList a {
        border: none;
        text-decoration: none;
        padding: 0px 0.9em 0px;
        width: 100%;
        height: 100%;
        margin: 0;
}

/* tab attributes */
div.nProbEmpty {
        display: inline;
        margin: 0;
        background-color: #DCDCDC;
}

div.nProbDisabled
{
        display: inline;
        background-color: white;
        padding: 0;
        margin: 0;
}
div.nProbCurrent
{
        display: inline;
        background-color: white;
        padding: 0;
        margin: 0;
}
div.nProbTrans
{
        display: inline;
        background-color: #ffff88;
        padding: 0;
        margin: 0;
}
div.nProbOk
{
        display: inline;
        background-color: #88ff88;
        padding: 2;
        margin: 0;
}
div.nProbBad
{
        display: inline;
        background-color: #ff8888;
        padding: 0;
        margin: 0;
}

/* User-avatar */
.table-userinfo {
	margin: 15px 0;
	border-collapse: collapse;
	min-width: 250px;
}

.userinfo-avatar-cont {
	display: inline-block;
    background: #e0e0e0;
    padding: 15px 12px;
	box-sizing: border-box;
}

.avatar-img {
	margin: 5px 0 3px 0;
}

.avatar-file, .avatar-button {
	font-size: 13px;
	padding: 3px;
	width: 244px;
}

.avatar-file {
	margin-left: -3px;
}

.avatar-button {
	font-size: 13px;
	margin-top: 5px;
	height: 30px;
	border: 1px solid #9e9e9e;
	background: #cacaca;
	border-radius: 2px;
	box-shadow: none;
}

.avatar-button:hover {
	background: #b2d4e5;
	border-color: #8da1ad;
}

.avatar-button:active {
	background: #9cc6dc;
}

.croppie-container {
	width: 250px;
    padding: 10px 0 5px 0;
	box-sizing: border-box;
}

.cr-slider::-webkit-slider-thumb {
	background: #4293dd;
}

.cr-slider::-moz-range-thumb {
	background: #4293dd;
}

.cr-slider::-ms-thumb {
	background: #4293dd;
}