@import url(//fonts.googleapis.com/css?family=Lato);

/*! 
 *   LaPollaMundial.CO
----------------------------
*/
body.fullbg {
  font-family: 'Lato', sans-serif !important;
    background-image: url(../img/lpm/fdo.jpg) !important;

  background-repeat: no-repeat !important;  background-position: center center !important;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height: 100% !important;  
}
/* Backgrounds */
.navbar {
    background-color: #1961A6 !important; 
}
.logo {
    background-color: #1961A6 !important; 
}
.bg-main {
    background-color: #1961A6 !important; 
}
.bg-main:hover {
    background-color: #128E40 !important; 
}
.bg-inr-l-red {
  color: #f2f2f2 !important;
}
.bg-inr-l-red-dark {
  color: #95020B !important;
}
.bg-inr-l-red {
  background-color: #1961A6 !important; 
}
.bg-inr-d-red {
  background-color: #046E6C !important;
}
.bg-inr-l-orange {
  background-color: #FC8342 !important;
}
.bg-inr-d-orange {
  background-color: #DF5B14 !important;
}
/* Validations */
.form-group.has-error .form-control {
  border-color: #f56954 !important;
  background-color: #f2dede !important;
  box-shadow: none !important;
}
/* Texts */
.text-l-red {
	color: #1961A6 !important;
}
.no-padding {
    padding: 0px !important;
}
.no-marging {
    padding: 0px !important;
}
.text-l-red:hover {
	color: #128E40 !important;
	text-decoration: underline !important;	
}
.form-box .body,
.form-box .footer {
  color: #444 !important;
}
.col_alings {
	display: inline-block !important;
	float: none !important;
}
.tos_login {
	margin-top: 10px !important;
	padding: 0px 16px !important;
	color: #FFFFFF !important;
	text-align: justify !important;
}
/* Checkbox */
.focus {
	outline: 1px dotted #1961A6 !important;
}
/*Borders*/
.cmp-l-red, .form-control {
	border: 1px solid #eaeaec !important;
	color: #999999;
}
.cmp-l-red:focus, .form-control:focus {
	border: 1px solid #1961A6 !important;
	color: #555;
 	box-shadow: none;
}
/* Various */
/* Logo form */
#cont-logo-register, #cont-logo-login {
	position: relative;
	width: 227px;
	height: 80px;
	margin: 20px auto 20px;
	background-image: url(../img/lpm/logo_forms.png);
	background-repeat: no-repeat;
}
/* Logo panel*/
/* large */
.logo-lg {
        margin: 5px;
	width: 100%;
	height: 42px;        
	background-image: url(../img/lpm/logo_panel.png) !important; 
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
/* mini */
.logo-mini {
	width: 50px;
	height: 50px;
	background-image: url(../img/lpm/logo_panel_sm.png) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
/* Buttons */
.btn:hover {
	background-color: #128E40 !important;
}
.btn:focus {
	border: #F2F2F2 dashed 1px !important;
}
.logo_lpm {
        margin: 0px auto 20px auto;
	width: 163px;
	height: 32px;
	background-image: url(../img/lpm/logo_tipo.png) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
#register_group {
    margin-top: 10px !important;
}
.tit-curr-pin {
    font-size: 36px;
    color: #1961A6;
    text-shadow: 0px 0px 6px rgba(242,242,242,1);
}
.text-stroke {
    text-shadow: rgb(242, 242, 242) 1px 0px 0px, rgb(242, 242, 242) 0.540302px 0.841471px 0px, rgb(242, 242, 242) -0.416147px 0.909297px 0px, rgb(242, 242, 242) -0.989993px 0.14112px 0px, rgb(242, 242, 242) -0.653644px -0.756803px 0px, rgb(242, 242, 242) 0.283662px -0.958924px 0px, rgb(242, 242, 242) 0.96017px -0.279416px 0px;
}
/* Logo Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {
	#cont-logo-register,  #cont-logo-login {
        -webkit-background-size: 227px 80px !important;
        background-size: 227px 80px !important;
		background-image: url(../img/lpm/logo_forms@2x.png) !important;
	}
	.logo-lg {
        margin: 10px !important;
        -webkit-background-size: 200px 42px !important;
        background-size: 200px 42px !important;
		background-image: url(../img/lpm/logo_panel@2x.png) !important;
		background-position: center center !important;
	}
	.logo-mini {
        -webkit-background-size: 50px 50px !important;
        background-size: 50px 50px !important;
		background-image: url(../img/lpm/logo_panel_sm@2x.png) !important;
		background-position: center center !important;
	}
        .logo_lpm {
            background-image: url(../img/lpm/logo_tipo@2x.png) !important;
            background-size: 140px !important;
            width: 140px !important;
            /*height: auto !important;*/
        }        
}
.loading-cmp {
	background: url('../img/ajax-loader3.gif') 95% center no-repeat #FFF !important;
	padding-right: 30px !important;
}
.loading-btn {
	background-image: url('../img/ajax-loader2.gif') !important;
	background-position: 95% center !important;
	background-repeat: no-repeat !important;
}
.capi {
	text-transform: capitalize !important;
}
.margin-btn {
	margin: 5px 5px 0px 0px;
}
.c-pointer {
	cursor: pointer;
}
.m-top-10 {
	margin-top: 10px;
}
.display-none {
	display: none !important;
}
.pace .pace-progress {
  background: #1961A6 !important;
}
.form-box {
  margin: 10px auto 0 auto !important;
}
.dropdown-menu > li > a:hover {
  background-color: #eaeaec !important;
  color: #1961A6 !important;
}
.btn-lpm {
	background-color: #FFF !important;
}
.app-disabled {
    color: #616161 !important;
    background-color: #bababa !important;
    text-shadow: #e0e0e0 1px 1px 0 !important;
    cursor: not-allowed !important;
    cursor: not-drop !important;
}
.bg-red {
	background-color: #1961A6 !important;
}
.bg-loser {
	background-color: #fce3e3 !important;
        color: #333 !important;
}
.bg-tie {
	background-color: #9b9b9b !important;
        color: #333 !important;
}
.bg-cls {
	background-color: #00a65a !important;
        color: #f2f2f2 !important;        
}
.bg-tie-w {
	background-color: #00a65a !important;
}
.bg-red2 {
	background-color: #d33724 !important;
}
.bt-white {
	color: #F2F2F2 !important;
}
.bt-green {
	color: #00a65a !important;
}
.bg-gray2 {
	background-color:#E6E6E6 !important;
}
.bg-aqua2 {
	background-color: #30bbbb !important;
}
.bt-yellow {
	color: #f39c12 !important;
}
.bt-orange {
	color: #ff851b !important;
}
.bt-red {
	color: #1961A6 !important;
}
.bt-aqua {
	color: #30bbbb !important;
}
.hover_gray:hover {
	background-color: #CCC !important;
}
.size-vs {
	font-size: 20px !important;
	padding: 0.4em 0.4em !important;
}
.clear-both {
	clear: both;
}
.display-inline {
	display: inline-block;	
}
.no-bullets {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.bd_green_vs {
	border-right-color: #00a65a !important;
}
.no-padding {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.bd_yellow_vs {
	border-right-color: #f39c12 !important;
}
.bd_orange_vs {
	border-right-color: #ff851b !important;
}
.bd_red_vs {
	border-right-color: #d33724 !important;
}
.bd_aqua_vs {
	border-right-color: #30bbbb !important;
}
.cursor-pointer {
	cursor: pointer !important;
}
.move-pointer {
	cursor: move !important;
}
.bg-90white {
	background-color: #F2F2F2;
}
.bg-90white:hover {
    background-color: #1961A6;
}
.user-header {
    background-color: #1961A6 !important;
}
.rematch-header {
    background-color: #010A18 !important;
}
.txt-ttb {
	font-size: 16px;
}
.txt-red {
	color: #d33724 !important;
}
.row {
	margin-left: -7px !important;
	margin-right: -7px !important;	
}
#cont_fixture {
	display: flex;
        }
@media only screen and (max-device-width: 1164px) {
	#cont_fixture {
		display: block !important;
	}
	#div_adviser_parent {
		top: 102px !important;
	}	
}
.box {
	width: auto;
	min-width: 288px;
}
.box-header {
	color: #FFF !important;
}
.bg-gold {
	background-color: #E4CA76;
}
.bg-silver {
	background-color: #BAC5C9;
}
.bg-bronze {
	background-color: #CD7F32;
}
.cont_pod {
	display: inline-block;
	float: left;
	min-height: 80px;
	min-width: 50%;
}
.cont_bt_head {
	display: inline-block;
	float: left;
	margin-right: 15px;
}
.aling-flag-pod {
	margin-top: 8px;
}
#div_adviser_parent {
	position: fixed;
	width: 274px;
	background-color: transparent;
	height: auto;
	top: 300px;
	right: -222px;
    z-index: 100;		
}
#bt_adviser {
	position: relative;
	display: inline-block;
	float: left;
	background: #FFF;
	border-radius: 5px 0px 0px 5px;
	text-align: center;
	padding: 10px 15px;	
    font-size: 24px;
    color: #3c8dbc;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);	
}
#cont_adviser {
	display: inline-block;
	float: left;	
	padding: 10px;
	position: relative;
	background: #FFF;
	border: 0px solid #ddd;
	width: 200px;	
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.info-box-text {
	font-size: 0.8em;
}
/* Modal */
.score-modal .modal {
	position: fixed;
	width: 100%;
	height: 100%;	
	top: 0px;
	bottom: auto;
	right: auto;
	left: auto;
	display: block;
	z-index: 999;
}
.score-modal .modal {
	background: url(../img/lpm/fdo_modal.png) repeat !important;
}
.score-modal .modal-dialog {
	margin: 0;
	position: absolute;
	left: 50%;
	width: 600px;
	margin-left: -415px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -50px;
}
@media only screen and (max-device-width: 568px) {
        .row-tit-curr-pin {
            padding-left: 10px !important;
        }
        .tit-curr-pin {            
            font-size: 1.4em !important;
            text-shadow: 1px 1px 4px rgba(242,242,242,0.4);
        }
	.modal-dialog {
		width: 360px !important;
		/*margin-right: auto !important;*/
		margin-left: -180px !important;
	}
	#score-selector .modal-content {
		height: auto !important;
		overflow-y: auto !important;
	}	
	/*.score-modal .modal-dialog {
		top: 380px !important;
	}*/
	.background-field {
		background: url(../img/lpm/fdo_sm.jpg) repeat center center fixed !important; 
	}
        .banner_top {
                width: 100%;
                height: 90px;
                padding: 15px 15px !important;
                margin-top: 10px;
        }        
	.pub1 {
            background: url(../img/lpm/banner1_sm.png) no-repeat center center;
            background-image: url(../img/lpm/banner1_sm.png) !important;
            background-position: center center !important;
            -webkit-background-size: cover !important;
            -moz-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important;                
	}
        .bt-tit-sm {
            display: block !important;
        }
        #bt_savenclose, #bt_savennext {
            margin-left: 10px !important;
            margin-right: 10px !important;
        }
        .bt-tit-lg {
            display: none !important;
        }
        .cont_bt_head {
            margin-top: 10px !important;
        }
        
}
.bt-tit-sm {
    display: none;
}

.bt-tit-lg {
    display: block;
}

.ver-align {
	display: flex;
	align-items: center;	
}
.bg-tm-day {
	background-color: #F2F2F2;
}
.btn-default {
	font-weight: bold !important;
}
.banner_top {
	width: 100%;
	height: 90px;
	padding: 15px 15px !important;
	margin-top: 10px;
}
.pub1 {
	background: url(../img/lpm/banner1.png) no-repeat center center;
	background-image: url(../img/lpm/banner1.png);
	background-position: center right;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
}
.background-field {
	background: url(../img/lpm/fdo.jpg) repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}
.content-header {
	padding: 0px 15px 15px 15px !important;
}
.content-wrapper {
	background-color: #F9F9F9 !important;
}
#tit_table {
	color: #1961A6 !important;
}
.txt-lpm {
    color: #1961A6 !important;
}
.txt-lpm:hover {
    color: #128E40 !important;
}
.logo-box {
    display: flex;
    align-items:center;
}
.logo_svg {
    height: 28px;
    width: 143px;
}
.cont-noscript {
    width: 300px !important;
    margin: 0px auto 0px auto !important;
}
.text-v-middle {
    vertical-align: middle !important;
}
.info-clss {
    color: #00a65a !important;
}
.lpm-loader {
    /*display: none !important;*/
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    background: url(../img/lpm/fdo_ld.png) repeat !important;
    z-index: 999 !important; 
}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 4%;
  height: 4%;
  top: 48% !important;
  left: 48% !important;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}