@CHARSET "ISO-8859-1";

/* 'GK','DD','D','AD','DDM','DM','M','AM','AAM','A','AA' */
/* 'RR','R','CR','CCR','C','CCL','CL','L','LL' */

.embed-responsive-lineup::before {padding-top: 66.66%;max-width:750px;}
.lineup{position:relative;z-index:2;max-width:750px;height:100%;}
.lineup img.field_img{position:absolute;z-index:1;text-align:left;height:auto;}
.lineup .positions{position:relative;float:left;text-align:left;width:100%;z-index:3;}
.lineup .position_GK{margin-top:56%;}
.lineup .position_D{margin-top:46%;}
.lineup .position_DDM{margin-top:38%;}
.lineup .position_DM{margin-top:36%;}
.lineup .position_M{margin-top:31%;}
.lineup .position_AM{margin-top:26%;}
.lineup .position_AAM{margin-top:24%;}
.lineup .position_A{margin-top:16%;}
.lineup .position_AA{margin-top:14%;}
.lineup .position_RR{margin-left: -moz-calc(76% - 50px);margin-left: -webkit-calc(76% - 50px);margin-left: -o-calc(76% - 50px);margin-left: calc(76% - 50px);}
.lineup .position_R{margin-left: -moz-calc(69.5% - 50px);margin-left: -webkit-calc(69.5% - 50px);margin-left: -o-calc(69.5% - 50px);margin-left: calc(69.5% - 50px);}
.lineup .position_CR{margin-left: -moz-calc(63% - 50px);margin-left: -webkit-calc(63% - 50px);margin-left: -o-calc(63% - 50px);margin-left: calc(63% - 50px);}
.lineup .position_CCR{margin-left: -moz-calc(56.5% - 50px);margin-left: -webkit-calc(56.5% - 50px);margin-left: -o-calc(56.5% - 50px);margin-left: calc(56.5% - 50px);}
.lineup .position_C{margin-left: -moz-calc(50% - 50px);margin-left: -webkit-calc(50% - 50px);margin-left: -o-calc(50% - 50px);margin-left: calc(50% - 50px);}
.lineup .position_CCL{margin-left: -moz-calc(43.5% - 50px);margin-left: -webkit-calc(43.5% - 50px);margin-left: -o-calc(43.5% - 50px);margin-left: calc(43.5% - 50px);}
.lineup .position_CL{margin-left: -moz-calc(37% - 50px);margin-left: -webkit-calc(37% - 50px);margin-left: -o-calc(37% - 50px);margin-left: calc(37% - 50px);}
.lineup .position_L{margin-left: -moz-calc(30.5% - 50px);margin-left: -webkit-calc(30.5% - 50px);margin-left: -o-calc(30.5% - 50px);margin-left: calc(30.5% - 50px);}
.lineup .position_LL{margin-left: -moz-calc(24% - 50px);margin-left: -webkit-calc(24% - 50px);margin-left: -o-calc(24% - 50px);margin-left: calc(24% - 50px);}
.lineup .positions .player{position:absolute;white-space:nowrap;padding:5px 10px 5px 10px;z-index:2;font-weight:bold;width:100px;text-align:center;}
.lineup .positions select{width:90px;}
.lineup .positions img{max-height:50px;max-width:50px;}
.lineup .player a, .lineup .player .btn-link{display:inline-block;color:#fff;white-space:normal;margin:0 auto;margin-top:4px;z-index:2 !important;line-height:1.2em;font-size:0.8em;}
.lineup .player a.dropdown-item{color:#000;}
.lineup .player .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}
.lineup .player .dropdown-menu.show {
    z-index:1100 !important;
    background-color:red;
}
@media handheld, screen and (max-width: 699px) {/*399 and 65*/
	.lineup{margin-left:-3% !important;margin-right:-3% !important;}
	.lineup .positions img{max-height:45px;max-width:45px;}
	.embed-responsive-lineup::before {padding-top: 75%;}
}
@media handheld, screen and (max-width: 649px) {/*399 and 65*/
	.lineup{margin-left:-7% !important;margin-right:-7% !important;}
	.lineup .positions img{max-height:45px;max-width:40px;}
	.embed-responsive-lineup::before {padding-top: 75%;}
}
@media handheld, screen and (max-width: 599px) {/*399 and 65*/
	.lineup{margin-left:-16% !important;margin-right:-17% !important;}
	.embed-responsive-lineup::before {padding-top: 90%;}
	.lineup .positions img{max-height:40px;max-width:40px;}
}
@media handheld, screen and (max-width: 539px) {
	.lineup{margin-left:-20% !important;margin-right:-20% !important;}
	.lineup .positions select{width:85px !important;}
	.embed-responsive-lineup::before {padding-top: 94%;}
}
@media handheld, screen and (max-width: 479px) {/*399 and 65*/
	.lineup{margin-left:-25% !important;margin-right:-25% !important;}
	.lineup .positions select{width:75px !important;}
	.embed-responsive-lineup::before {padding-top: 100%;}
	.lineup .positions img{max-height:30px;max-width:30px;}
}
@media handheld, screen and (max-width: 399px) {/*399 and 65*/
	.lineup .positions select{width:65px !important;}
	.lineup .positions img{max-height:25px;max-width:25px;}
.lineup .player a, .lineup .player .btn-link{margin-top:2px;line-height:1.0em;font-size:0.7em;}
}