@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------------
	
	1. match
	2. head
	3. profile
	4. pagination
	5. media-queries
		
---------------------------------------------------------------------------*/

/*--------------------------------------------------
  1. match
--------------------------------------------------*/
section.match {
	padding: 10px 0;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 13px;
	font-weight: 400;
	color: #333333;
	background-color: #ffffff;
}
section.match .gutter-10.row {
    margin-right: -5px;
    margin-left: -5px;
}
section.match .gutter-10 > [class^="col-"], .gutter-20 > [class^=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

/*--------------------------------------------------
  2. head
--------------------------------------------------*/
section.match .head {
	padding: 15px;
	background-color: #FFF;
	-webkit-box-shadow: 0 2px 4px #e1e1e1;
	-moz-box-shadow: 0 2px 4px #e1e1e1;
	box-shadow: 0 2px 4px #e1e1e1;
}
section.match .head h4 {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #e91e63;
}
section.match .head h4 span {
	color: #333;
}
section.match .head h4.sort {
	margin-right: 10px;
	font-weight: 400;
}
section.match .head form {
	display: inline-block;
}
section.match .head form select {
	padding: 7px;
	min-width: 150px;
	color: #313131;
	background-color: #efefef;
	border: none;
	outline: none;
}

/*--------------------------------------------------
  3. profile
--------------------------------------------------*/
section.match .profile {
	position: relative;
	margin-top: 20px;
	background-color: #FFF;
	-webkit-box-shadow: 0 2px 4px #e1e1e1;
	-moz-box-shadow: 0 2px 4px #e1e1e1;
	box-shadow: 1px 1px 0px #e1e1e1;
	background-color:#f2f2f2;
	border-top-color:#e1e1e1; border-top-style:solid; border-top-width:1px;
	border-left-color:#e1e1e1; border-left-style:solid; border-left-width:1px;
/*	border-right-color:#e1e1e1; border-right-style:solid; border-right-width:1px;*/
}
section.match .profile .dd {
	z-index: 1;
	position: absolute;
	top: 10px;
	right: 0;
}
section.match .profile .dd a.ico {
	margin-right: 10px;
}
section.match .profile .dd a.ico i {
	padding: 5px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
section.match .profile .dd a:hover {
	color: #e91e63;
}
section.match .profile .dd a:active {
	color: inherit;
}
section.match .profile .dd i {
	color: #909090;
	background-color: #FFF;
	border-radius: 50%;
}
section.match .profile .dd a:hover i {
	color: #e91e63;
}section.match .profile .dd a:active i {
	color: #909090;
}
section.match .profile .dd .list {
	border: none;
	border-radius: 0;
}
section.match .profile .dd .list .divider {
	margin: 5px 0;
}
section.match .profile .dd .list a {
	padding-top: 5px;
	padding-bottom: 5px;
        cursor: pointer
}
section.match .profile .dd .list i {
	padding: 3px;
	font-size: 16px;
	vertical-align: sub;
}
section.match .profile .tooltip.in { opacity: 1!important; }
section.match .profile .tooltip-inner { background-color: #e91e63!important; }
section.match .profile .tooltip-arrow { border-top-color: #e91e63!important; }
section.match .profile figure {
	position: relative;
}
section.match .profile img {
	width: 100%;
}
section.match .profile figcaption {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 12px 20px;
	width: 100%;
	text-align: center;
	background-color: #FFF;
	opacity: 0.85;
    filter: alpha(opacity=85);
}
section.match .profile .icon {
	margin-right: 10px;
	margin-left: 10px;
	vertical-align: -5px;
	color: #ff9800;
}
section.match .profile .icon:hover {
	color: #e91e63;
}
section.match .profile .pd {
	padding-left: 30px;
	padding-bottom: 5px;
}
section.match .profile .code {
	display: block;
	margin-left: -15px;
	padding: 10px 15px;
	color: #FFF;
	background-color: #e91e63;
}
section.match .profile .codeOrange {
	display: block;
	margin-left: -15px;
	padding: 10px 15px;
	color: #FFF;
	background-color: #f57c00;
}
section.match .profile h4 {
	margin: 25px 0 10px 0;
	padding-right: 5px;
	line-height: 1.2;
	font-weight: 700;
	text-transform: capitalize;
}
section.match .profile h4 a {
	color: #333;
}
section.match .profile h4 a:hover {
	color: #505050;
	text-decoration: none;
}
section.match .profile h4 a:active {
	color: #333;
}
section.match .profile h4 a:focus {
	text-decoration: none;
}
section.match .profile h4 small {
	color: #e91e63;
}
section.match .profile table tr td {
	padding: 8px 5px 0 0;
	border: none;
}
section.match .profile table tr td:nth-child(odd) {
	width: 35%;	
}
section.match .profile table tr td:nth-child(even) {
	width: 65%;
}
section.match .profile table tr td:nth-child(even)::before {
	content: ": ";
}

/*--------------------------------------------------
  4. pagination
--------------------------------------------------*/
section.match .page {
	margin-top: 20px;
	padding: 4px;
	font-size: 14px;
	background-color: #FFF;
/*
	-webkit-box-shadow: 0 2px 4px #e1e1e1;
	-moz-box-shadow: 0 2px 4px #e1e1e1;
	box-shadow: 0 2px 4px #e1e1e1;
*/
}
section.match .page .ico {
	text-align: center;
}
section.match .page .ico i {
	margin: 0;
	padding: 7px 0;
	color: #505050;
	vertical-align: -5px;
}
section.match .page .ico i:hover {
	color: #e91e63;
}
section.match .page .ico i:active {
	color: #505050;
}
section.match .page ul {
	margin: 0;
	padding: 0;
}
section.match .page ul li {
/*	display: table-cell;*/
	display:inline-table;
	width: 1%;
	min-width:25px;
}
section.match .page ul li a {
	display: block;
	padding: 4px 0;
	color: #505050;
	font-weight: 700;
	text-align: center;
}
section.match .page ul li.active a, section.match .page ul li.active a:hover, section.match .page ul li.active a:focus {
	color: #FFF;
	background-color: #e91e63;
}
section.match .page ul li a:hover {
	text-decoration: none;
	background-color: #efefef;
}
section.match .page ul li a:focus {
	text-decoration: none;
	background-color: #efefef;
}
section.match .page ul li a:active {
	background-color: #e3e3e3;
}


/*--------------------------------------------------
  5. media-queries
  5.1 tablets, 768px and up
--------------------------------------------------*/
@media all and (min-width: 768px) and (max-width: 991px) {	
section.match .profile .pd {
	padding-left: 15px;
	padding-bottom: 0;
}
section.match .profile .code {
	display: inline-block;
	margin-left: -30px;
	padding: 10px 30px;
}
section.match .profile .codeOrange {
	display: inline-block;
	margin-left: -30px;
	padding: 10px 30px;
}
}
@media all and (min-width: 768px) {	
section.match .head {
	padding: 20px;
}
section.match .profile .dd a.ico i {
	padding: 0;
	box-shadow: none;
}
section.match .page .ico i {
	padding: 7px;
}
}

/*--------------------------------------------------
  5.2 medium desktops, 992px and up
--------------------------------------------------*/
@media all and (min-width: 992px) and (max-width: 1199px) {
section.match .profile figcaption {
	position: static;
	opacity: 1;
    filter: alpha(opacity=100);
}
}
@media all and (min-width: 992px) {
section.match .profile .pd {
	padding-left: 0px;
	padding-bottom: 0;
}
section.match .profile .code {
	display: inline-block;
	margin-left: -15px;
	padding: 10px 25px;
	margin-top:0px;
}
section.match .profile .codeOrange {
	display: inline-block;
	margin-left: -15px;
	padding: 10px 25px;
	margin-top:0px;
}
}

/*--------------------------------------------------
  5.3 large desktops, 1200px and up
--------------------------------------------------*/
@media all and (min-width: 1200px) {
section.match .container {
	width: 1210px!important;
}
}