body{
	overflow-x: hidden;
}
#all{
	overflow-x: hidden;
}
.green-bg{
	background-image: url("bg2.JPG");
}
.blue-bg{
	background-image: url("bg.jpg");
}
.md-header-items{
	background-color: #388E3C;
	/*background-color: #2E7D32;*/
}
#header{
	background: linear-gradient(rgba(255, 0, 0, 0), rgba(93, 93, 93, 0.53));
    padding-left: 7px;
}
#header .md-button, #header h4, #header button{
	font-size: 18px;
    text-transform: none;
    height: 56px;
    margin: 0px;
}
.content md-card{
    background-color: rgba(255, 255, 255, 0.9) !important;
    padding: 40px;
}
.content-envelope{
	display: flex;
}
.content{
	/*max-width: 820px;*/
	display: flex;
}

#items-list{
	padding: 18px;
}

#items-list h3{
	padding: 10px 5px 0px 25px;
}

#items-list .content{
		flex-flow: row wrap;
}

#item-detail .content{
		flex-flow: column;
		width:100%;
		padding: 5px 20px 20px 20px;
}
.md-toolbar-tools a{
	margin: 0px;
}
.itemslist {
  	margin: 50px 7px 0px 7px;
  	background-color: #E8F5E9;
  	max-height:250px;
  	overflow: auto;
}
.content-envelope div{
	max-width: 1060px;
}
.bg-options{
	/*background-color: rgba(0, 0, 0, 0.07);*/
}
#result{
    margin: 10px 0px 5px 0px;
}
#result, #act_result{
	font-size: 28px;
	color:#5D5D5D;
}
 #act_result{
     margin: 5px 0px 10px 0px;
     font-size: 36px;
 }
#div_result{
	border-top: #5D5D5D 2px solid;
	text-align: center;
}
.res-table table{
    min-width:960px;
}
table.res-table md-input-container, .standing md-input-container{
    margin:0px 0px;
    width: 25px;
}
table .md-errors-spacer{
    min-height:0px;
}
.res-table > *{
    /*margin: 20px;*/
}
.res-table td{
    background-color: #F3F3FF;
    padding: 0px 10px;
}
.res-table .even td{
    background-color: #E8E8FF;
}
.res-table .random td{
    background-color: rgb(237, 217, 210) !important;
}
.res-table .correct{
    background-color: rgb(189, 235, 189) !important;
}
.res-table .perfect{
    background-color: rgb(150, 240, 127) !important;
}
.res-table .wrong{
    background-color: rgb(237, 217, 210) !important;
}
.elimination .cell{
    min-width: 200px;
    background-color: #F3F3FF;
    padding: 15px 10px;
    margin: 1px;
}
.elimination md-radio-button{
    margin:0px !important;
}
.even{
    background-color: #E8E8FF !important;
}
.elimination md-radio-group{
    margin: 10px;
}
.elimination h4{
    margin: 0px;
    text-align: right;
}
.playersGroup * {
    margin: 18px 10px 0px 10px;   
}
.playersGroup{
    height: 60px;   
}
.score-table{
    overflow: auto;
}
.action-select{
    margin-bottom: 40px;
}
.score-table td, .score-table th{
    min-width: 80px;
    text-align: end;
    padding:10px;
}
.score-table td.first, .score-table th.first{
    min-width: 200px;
    text-align: left;
    position: relative;
}
.score-table td.first span{
    margin-left: 40px;
}
.score-table .position{
    position: absolute;
    margin-left: 10px !important;
}
.score-table td.first img{
    width: 30px;
    position: absolute;
    left: 10px;
}
.arrow-up{
    position:absolute;
    right: 5px;
    width: 0px;
    top: 8px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid rgb(106, 199, 83);
}
.arrow-down{
    position:absolute;
    right: 5px;
    width: 0px;
    top: 8px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid rgb(199, 83, 83);
}
.arrow-down span{
    position: absolute;
    right: -4px;
    top: 3px;
    display: inline;
    font-size: 13px;
}
.arrow-up span{
    position: absolute;
    right: -4px;
    top: 10px;
    display: inline;
    font-size: 13px;
}
.equal{
    position: absolute;
    right: 6px;
    top: 13px;
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid rgb(220, 188, 46);
}
.equal span{
    display:none;
}
.nation{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nation img{
    float:left;
    width: 35px;
    height: 20px;
    margin-right: 10px;
}
.nation span{
    vertical-align: middle;
}
.margin-bottom{
    margin-bottom: 40px;
}
.logo{
    height: 60px;
    width: auto;
    margin-right: 25px;
}
.hidden{
    visibility: hidden;
}

@media only screen and (min-width: 600px) {
    .nation{
        width: 150px;
    }
}

@media only screen and (max-width: 450px) {
    .res-table tr{
        font-size: 10px;
    }
    .nation img{
        width: 20px;
        height: 13px;
    }
    .content md-card {
        padding: 10px;
    }
}