/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/

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

body {
    font-family:                'Titillium Web', sans-serif;
    font-weight:                300;
    font-size:                  14px;
}
	/*--
a {
    color: #00AEEF;
}--*/
	
img {
    margin-right:               0.5em;
}
h1, h2, h3, h4, h5 {
    color:                      #FFF;
}
p {
    -webkit-margin-after:       0.5em;
    margin-block-end:           0.5em;
}
small {
    line-height:                1;
}
button {
    margin:                     0.1em;
}
/*----- MATCHES RESULTS COMPONENTS -----*/	
		
.media {
    padding:                    0.75em 0;
    border-bottom:              1px dotted #cdcdcd;
}
.media img {
    margin-top:                 0.5em;
}
.match-heading{
	-webkit-margin-after:       0em;
	margin-block-end:           0em;
	font-weight:                500 ;
}		
.match-result {
    margin-left:                0px;
    margin-right:               0px;
    margin-bottom:              0.1em;
}
/*----- /MATCHES RESULTS COMPONENTS -----*/	
	

.col-md-3, .col-md-4, .col-md-8, .col-md-9, .col-sm-8, .col-sm-4, .col-8, .col-4 {
    padding-left:               0;
    padding-right:              0;
}	

img.mr-3 {
    height:                     80px;
    width:                      80px;
    -o-object-fit:              contain;
    object-fit:                 contain;
}

span.material-icons.refresh {
    position:                   relative;
    -webkit-transform:          translateY(50%);
    -ms-transform:              translateY(50%);
    transform:                  translateY(50%);
    line-height:                0.5;
}

.product-selector .selections .active::after {
    content:                    "cancel";
    font-family:                'Material Icons';
    margin-left:                8px;
    color:                      white;
    top:                        2px;
    position:                   relative;
}
.view_link {
	color:#0D4486;
	font-weight: bold;
}
.view_link:hover {
	opacity: 0.5;
}

a.view_link[target="_blank"] {
    /* Your styles here */
    position: relative;
}

a.view_link[target="_blank"]:after {
    /* Your styles here */
    position: absolute;
    top: 5px;
    right: -15px;
    content: "\1f855";
    font-size: 13px;
    color: black;
    line-height: 3px;
    height: 5px;
    width: 5px;
    border-right: 2px solid white;
    border-top: 2px solid white;
}

a.view_link[target="_blank"]:before {
    /* Your styles here */
    position: absolute;
    top: 7px;
    right: -15px;
    content: "";
    border: 1px solid black;
    width: 8px;
    height: 8px;
}

.btn.disabled, .btn:disabled {
  opacity: 0.15 !important;
}