/* --------------------->> TV SIM <<<--------------------*/
/* ------------>> Resets and overrides <<<--------------*/

*{margin:0; padding:0;} 
body, p, div, h1, h2, h3, h4, h5, h6, ul, ol, li, pre, blockquote, address, cite{ margin:0; padding:0;}
*, *:after, *:before {margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
html body { width:100%; height:100%;  background:#02080e;} 
/*html {overflow-x: hidden !important}*/
html {scroll-behavior: smooth;}
body {font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size:1.000em; color:#03121c; font-weight: 400;}
.clearfix {clear:both; height:0px; font-size:1px;}
:focus {outline:0;}
img, iframe {border:none; text-decoration:none;}
ol, ul {list-style:none;}
a {text-decoration:none; transition: all 0.6s ease; }
p {line-height:normal; font-weight: 400; }
h1, h2, h3, h4, h5 {font-weight: 900; font-size:1em; font-family: 'Roboto', Helvetica, Arial, sans-serif; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;}

input:invalid { box-shadow: none;}
input, textarea {font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size:1.00em; font-weight:400; padding:14px!important; color:#02080e!important; border:0; background:#fff; margin-bottom:4px;}
select {font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size:1.00em; font-weight:400; color:#02080e!important;  border:0; padding:8px; background:#fff;  margin-bottom:4px;}

/* ---------->> Fonts <<<-------------*/

/*Botones temporales*/

.btn-primary2, .btn-secondary2 {
	background: linear-gradient(90deg, #1f2937, #3b4552);
	border: none;
	color: white;
	border-radius: 25px;
	padding: 10px 20px;
	font-weight: bold;
}
	.btn-primary2:hover:, .btn-secondary2:hover {
		background: linear-gradient(90deg, #1f2937, #3b4552);
		border: none;
		color: white;
		border-radius: 25px;
		padding: 10px 20px;
		font-weight: bold;
	}
.swal2-image {
	width: 130px !important;
}
.thick-hr {
	border-top: 2px solid #000;
	margin: 10px 0;
}

/*Botones temporales*/

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------->> General <<<-------------*/

.sticky {background-color:#01080d; padding-bottom:10px!important; }
.up { display: none;} 
.sticky .up {background: url(../images/btn-up.png) no-repeat; width:41px; height: 41px;  display: block;  position:fixed; bottom:10px; right:12px; z-index:200; text-indent: -9999px;}


header {width: 100%; padding:25px 2% 20px; display: block; position: fixed; background:url(../images/color-line.gif) repeat-x top; z-index: 300; top:0; }
header .logo {margin-right: 40px;}
header nav {font-size: 0.938em; text-transform: uppercase; font-weight:700;}
.navbar {padding:0!important;}
header nav a {color:#fff;}
header nav a:hover {color:#01feb0;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem; padding-left: 1rem;}
.custom-toggler.navbar-toggler {border: 0;} 
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='3'  stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}

.link-1 {color:#fd2c95;}

.content {width: 1200px; margin:0 auto; padding: 60px;}
.roles hr {border:0; border-bottom:1px solid #fff;  height: 0; display: inline-block; }

.anchor {left:0; position: absolute; margin-top:-62px; }


/* ---------->> Landing Page <<<-------------*/

.hero-image {margin-top: 60px;  padding:0 6%; display: flex; background: url(../images/back-heroimage.png) repeat-x #03121c top;  color:#fff; position: relative;}
.hero-image .image {width: 65%; text-align: center;  z-index: 90;}

.hero-image .txt {margin-top:85px; width: 35%; z-index: 100;}
.hero-image .txt h2 {font-size: 1.500em; color:#fd2c95; text-transform: uppercase; font-weight: 400;}
.hero-image .txt h1 {text-transform:uppercase; font-weight: 700; line-height: 2.50em; margin:10px 0;}
.hero-image .txt h1 .h1-1 {font-size: 2.438em;}
.hero-image .txt h1 .h1-2 {font-size: 3.813em;}
.hero-image .txt h1 .h1-3 {font-size: 5.000em; padding-top:5px; display: inline-block;}
.hero-image .txt p {font-size: 1.125em; line-height:1.625em; font-weight: 300; margin-bottom: 40px;}
.hero-image .txt p a {font-weight: 400; font-size: 1.150em; color:#fd2c95; margin-right:25px;}
.hero-image .txt p a:hover {color:#5e17bb;} 

.btn-1 {color:#03121c!important; font-weight: 700!important; padding: 10px 40px!important; border:0; border-radius: 35px; background: rgb(239,42,152);
background: linear-gradient(90deg, rgba(239,42,152,1) 0%, rgba(82,23,161,1) 80%); -webkit-box-shadow: 0px 0px 14px 0px rgba(211,147,255,0.35);
-moz-box-shadow: 0px 0px 11px 0px rgba(211,147,255,1); box-shadow: 0px 0px 11px 0px rgba(211,147,255,0.35);}
.btn-1:hover {background: linear-gradient(90deg,  rgba(82,23,161,1) 0%, rgba(239,42,152,1) 80%); text-decoration: none;}

/*Roles*/

.roles {background: #e1e1e2; }
.roles h1 {font-size: 1.375em; letter-spacing: 2px; text-transform: uppercase; font-weight: 400; text-align: center; margin-bottom: 60px; }
.roles .list-roles {-webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.15); box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.15);
display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr;
grid-template-areas: "role-network role-production role-critic role-viewer";}

.roles .list-roles .role { background: linear-gradient(90deg, rgba(255,255,255,1) 36%, rgba(238,238,238,1) 100%); padding: 25px 22px; border-right:1px solid #e1e1e2; }
.roles h3 {font-size: 0.813em; text-transform: uppercase; letter-spacing: 1px; font-weight: 700;} 
.roles h2 {font-size: 1.375em; text-transform: uppercase; line-height: 1.0em;  font-weight: 900; height:55px; display:block; margin-top: 5px;}
.roles hr { width:55px; }
.roles p {font-size:0.875em; line-height: 1.513em; font-weight: 300; min-height:190px; display: inline-block;}
.roles p strong {font-weight: 700;}
.roles li {font-size:0.875em; line-height: 1.513em; font-weight: 300; padding: 0 0 5px 15px; position: relative;}
.roles li:after { content: " "; display: block; width: 0.4em; height: 0.6em; border: solid #000; border-width: 0 0.2em 0.2em 0; position: absolute; left: 0;
 top: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

.roles .role-network {border-top:10px solid #35e9c4; grid-area:role-network; }
.roles .role-network h3 {color:#35e9c4;}
.roles .role-network hr {border-color:#35e9c4;}
.roles .role-network li:after {border-color:#35e9c4;}

.roles .role-production {border-top:10px solid #1dbe9d; grid-area:role-production; } 
.roles .role-production h3 {color:#1dbe9d;}
.roles .role-production hr {border-color:#16997e;}
.roles .role-production li:after {border-color:#16997e;}

.roles .role-critic {border-top:10px solid #fd2c95; grid-area:role-critic; }
.roles .role-critic h3 {color:#fd2c95;}
.roles .role-critic hr {border-color:#fd2c95;}
.roles .role-critic li:after {border-color:#fd2c95;}

.roles .role-viewer {border-top:10px solid #5e17bb; grid-area:role-viewer; }
.roles .role-viewer h3 {color:#5e17bb;}
.roles .role-viewer hr {border-color:#5e17bb;}
.roles .role-viewer li:after {border-color:#5e17bb;}

@media all and (-ms-high-contrast:none) {
    .roles .list-roles { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr; grid-template- rows: 1fr; grid-template-areas: "role-network role-production role-critic role-viewer";}
	.roles .role-network {-ms-grid-row:1;-ms-grid-column:1;grid-area:role-network; }
	.roles .role-production {-ms-grid-row:1;-ms-grid-column:2;grid-area:role-production; } 
	.roles .role-critic {-ms-grid-row:1;-ms-grid-column:3;grid-area:role-critic; }
	.roles .role-viewer {-ms-grid-row:1;-ms-grid-column:4;grid-area:role-viewer; }	
}


/*Database*/

.database {background:#5e17bb; padding:60px 6%; color:#fff;}
.database h1 {font-size: 1.375em; letter-spacing: 2px; text-transform: uppercase; font-weight: 400; text-align: center; margin-bottom: 60px; }

.database ul {display: flex; width: 100%; justify-content: space-between;}
.database ul li { text-align: center; text-transform: uppercase;}
.database ul li strong {font-size:2.813em; font-weight: 900;}
.database ul li hr {width:55px; border-bottom:1px solid #fff; margin: 0 auto; margin-bottom: 15px; opacity: 0.6;}

/*Features*/

.features .content {width: 900px; padding: 60px 0;}
.features {background: url(../images/background-feautures.jpg) no-repeat; background-size: cover;  padding:60px 0; color:#fff; }
.features img {width: 60px; height: 60px;}

.features .list-features {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr;
grid-template-areas: "feature-1 feature-2 feature-3" "feature-4 feature-5 feature-6";}
.features .list-features li {padding: 60px 25px 30px;}
.features .list-features li p { line-height: 1.375em; }
.features .list-features li img {margin-bottom: 15px;}
.features .list-features li h1 {font-size: 1.375em; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; }

.list-features .feature-1 {background:#03121c; grid-area: feature-1;} 
.list-features .feature-2 {background:#5e17bb; grid-area: feature-2;}
.list-features .feature-3 {background:#fd2c95; grid-area: feature-3;}
.list-features .feature-4 {background:#1cd9b2; grid-area: feature-4;}
.list-features .feature-5 {background:#1dbe9d; grid-area: feature-5;}
.list-features .feature-6 {background:#fa5bab; grid-area: feature-6;}

@media all and (-ms-high-contrast:none) {
	.features .list-features {display: -ms-grid;display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr; grid-template-rows: 1fr 1fr;
		grid-template-areas: "feature-1 feature-2 feature-3" "feature-4 feature-5 feature-6";}
	.list-features .feature-1 {-ms-grid-row: 1;-ms-grid-column: 1;grid-area: feature-1;} 
	.list-features .feature-2 {-ms-grid-row: 1;-ms-grid-column: 2;grid-area: feature-2;}
	.list-features .feature-3 {-ms-grid-row: 1;-ms-grid-column: 3;grid-area: feature-3;}
	.list-features .feature-4 {-ms-grid-row: 2;-ms-grid-column: 1;grid-area: feature-4;}
	.list-features .feature-5 {-ms-grid-row: 2;-ms-grid-column: 2;grid-area: feature-5;}
	.list-features .feature-6 {-ms-grid-row: 2;-ms-grid-column: 3;grid-area: feature-6;}
}

/*newsletter*/

.newsletter {text-align: center; color:#fff; background:#03121c url(../images/color-line.gif) repeat-x bottom;}
.newsletter h1 {font-size: 1.375em; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; text-align: center; margin-bottom: 30px; }
.newsletter p {font-size: 1.125em; font-weight: 300; margin-bottom: 10px;}
.newsletter input {border-radius: 20px!important; margin-right: 8px; text-align: left; padding:21px 18px!important;}
.newsletter .input-group {width: 650px; margin: 30px auto 20px;}
.newsletter .input-group .btn-1 {font-size: 1.188em; padding: 8px 40px;}

.alert {margin-bottom:0; padding: 2px 0 10px!important;}
.alert-success {background-color: transparent; border: 0!important; color:#1cd9b2; font-weight: 900;}
.alert-danger {background-color: transparent; border: 0!important; color:#eb2a2a; font-weight: 900;}

.footer-info {background: rgb(64,21,134);background: linear-gradient(180deg, rgba(64,21,134,1) 0%, rgba(94,23,187,1) 100%); color:#fff;}
.footer-info h2 {letter-spacing: 1px; text-transform: uppercase; font-weight: 700; min-height: 45px; display: inline-block; }
.footer-info p {font-size:0.875em; font-weight: 300; line-height: 1.475em;}
.footer-info li {font-size:0.875em; font-weight: 300; line-height: 1.475em;}
.footer-info .about {width: 50%; float: left;}
.footer-info .links {width: 18%; float: right;} 
.footer-info .copy {margin-top:30px;}
.footer-info a {color:#fff;}


/* ---------->> Login / Register <<<-------------*/


.modal-content {border-radius:0!important;}
#loginRegister .modal-dialog  {width: 860px!important; max-width: 860px;}
#loginRegister .modal-content { flex-direction: row!important;}
#loginRegister .login {width: 50%; padding: 60px; background: url("../images/login-image.png") no-repeat center bottom;}
#loginRegister .register {width: 50%; padding: 60px; background:#03121c;}
#loginRegister .close {position: absolute; top:20px; right:20px; color:#fff;}
#loginRegister br {content: " "; display: block; margin-top: 1em;  }

#loginRegister h4 {font-size: 1.275em;  letter-spacing: 0.05em; font-weight: 700; text-transform:uppercase; margin-bottom: 20px;}
#loginRegister .register h4 {color:#fd2c95;}
#loginRegister .register h5 {color:#fff; font-weight: 400; font-size: 0.875em; letter-spacing: 0.05em; }
#loginRegister .login h4 {margin-top: 17px;}

#loginRegister .form-control {border:0; border-radius:0;}
#loginRegister label {text-align: left!important; color:#fff; font-size: 0.875em; text-transform:uppercase; margin-bottom: 0.25rem;}

#loginRegister .login .form-control {border:1px solid #d2d2d2;}
#loginRegister .login label {color:#03121c;}
#loginRegister .login a {font-size: 0.750em;  text-transform:uppercase; color:#5e17bb; margin-bottom: 0.35rem; display: block;}
#loginRegister .login a:hover {text-decoration: underline;}

#loginRegister .form-check-input {padding: 3px;}
#loginRegister .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { border-radius:0!important; width: 1.25rem; height: 1.25rem; border: none;  background-image:url(../images/check.svg)!important; background-size: 13px 13px; background-position: 4px 4px;}
#loginRegister .custom-control-input:checked ~  .custom-control-label::before {background-color: #fff;}
#loginRegister .custom-control-label {padding: 4px 0 0 4px;}
#loginRegister .custom-checkbox .custom-control-label::before {border-radius:0!important; width: 1.25rem; height: 1.25rem;}
#loginRegister .custom-control-input:checked ~ .custom-control-label::before {border-color: #d2d2d2; background-color: #ee2a99;}
#loginRegister .btn-1 {min-width:170px!important;  color:#fff!important; margin: 15px 0 5px 0; margin-left:20%;}

.is-invalid {border:1px solid #fe526b; background-color: #fdd0d7;}

.invalid-feedback {background: url("../images/icon-error.svg") no-repeat 10px 10px; background-size:28px 28px; padding:13px 10px 13px 48px; color:#fe526b; font-size: 90%; position: relative; margin-top: .50rem; }
.invalid-feedback::after {content:""; background: url("../images/back-error.png") repeat; width: 100%; height: 100%; display: block; position: absolute; top:0; left:0; } 
.valid-feedback {background: url("../images/icon-ok.svg") no-repeat 10px 10px; background-size:28px 28px; padding:13px 10px 13px 48px; color:#01e59f; font-size: 90%; position: relative; margin-top: .50rem;}
.valid-feedback::after {content:"";  background: url("../images/back-error.png") repeat; width: 100%; height: 100%; display: block; position: absolute; top:0; left:0;}



/* vista Ceo - schedule - modalschedule - Oscar Roth */

.modal-schedule {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1050;
	background: rgba(3, 18, 28, 0.85);
	text-align: left !important;
	color: #fff;
	font-size: 12px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	overflow-y: auto;
	padding: 40px 0 40px 0;
}

.container-modal-schedule {
	position: relative;
	width: 65%;
	max-width: 900px;
	background: #03121c;
	border: 2px solid #2acec0;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	min-height: 70vh;
	max-height: none;
	overflow: visible;
}

.modal-schedule-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 24px 28px 16px 28px;
	border-bottom: 1px solid #2acec0;
	flex-shrink: 0;
	gap: 16px;
}

.modal-schedule-header > div {
	flex: 1;
	min-width: 0;
}

.modal-schedule-header h1 {
	font-size: 1.4em;
	color: #2acec0;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 0 0 8px 0;
}

.modal-schedule-header .txt-intro {
	margin: 0;
	font-size: 0.95em;
	color: #a0b8c8;
	max-width: 680px;
	line-height: 1.5;
}

.modal-schedule-body {
	overflow-y: visible;
	padding: 20px 28px 28px 28px;
	flex: 1;
}

.items-schedule-container {
	display: flex;
	min-height: 160px;
	margin: 20px;
	padding-left: 0px;
	border: 3px solid #33e3d4;
	border-radius: 5px;
}

.item-container-description {
	color: #fff;
	padding: 15px;
}

.item-container-description h3 {
	font-weight: 800;
	font-size: 1.500em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #246669 !important;
}

.item-container-description .box {
	margin: 10px 0;
	border: 1px solid #33e3d4;
	border-radius: 5px;
}

.item-container-description .box span {
	display: inline-block;
	padding: 5px 30px;
	font-size: 14px;
	line-height: 14px;
	border-right: 1px solid #33e3d4;
}

.column-item {
	/*flex-grow: 1;*/
	float: left;
	font-size: 0.875em;
	text-transform: uppercase;
}

.column-item ul {
	padding-right: 20px;
}

.column-item ul > li {
	font-size: 1.3em;
}

.column-item h6 {
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #33e3d4;
}

.filter-p {
	text-transform: uppercase;
	text-align: center;
	color: #5d5d5d;
	font-size: 0.875em;
	margin-bottom: 20px;
	font-weight: 700;
}

.wrapper-tv .pitches-vote .filter-p a {
	margin: 0 8px;
	color: #723abb;
}

.wrapper-tv .pitches-vote .filter-p a.active {
	border: 1px solid #723abb;
	color: #fff;
}

.filter-p a.active {
	border: 1px solid #5d5d5d;
	border-radius: 20px;
	padding: 8px 20px;
	opacity: 1 !important;
}

.items-schedule-container img {
	width: 280px !important;
}

.items-schedule-container:hover {
	cursor: pointer;
}

.close-modal-schedule {
	flex-shrink: 0;
	align-self: flex-start;
	margin-left: 16px;
	padding: 0;
	background: none;
	border: none;
	color: #2acec0;
	font-size: 1.8em;
	line-height: 1;
	opacity: 0.8;
}

.close-modal-schedule:hover {
	opacity: 1;
	cursor: pointer;
}

.modal-schedule-filters {
	display: flex;
	padding: 12px 28px 0;
	border-bottom: 1px solid #1e3244;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 2px;
	text-transform: uppercase;
	font-size: 0.875em;
	font-weight: 700;
	color: #5d5d5d;
}

.modal-schedule-filters > span {
	padding-right: 20px;
}

.modal-schedule-filters .filter-separator {
	margin: 0 10px;
	color: #3a5060;
	font-weight: 300;
}

.modal-schedule-filters a {
	display: inline-block !important;
	margin: 0 4px 8px !important;
	padding: 5px 14px !important;
	border-radius: 20px !important;
	border: 1px solid transparent !important;
	color: #2acec0 !important;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
	opacity: 0.75 !important;
	transition: opacity 0.15s, border-color 0.15s;
}

.modal-schedule-filters a:hover {
	opacity: 1 !important;
}

.modal-schedule-filters a.active {
	border-color: #2acec0 !important;
	border: 1px solid #2acec0 !important;
	opacity: 1 !important;
}

.filter-type-panel {
	width: 100%;
	padding: 6px 0 4px 2px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
}

.filter-type-panel span {
	color: #5d7a8a;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
	padding-right: 10px;
}

.modal-schedule-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	padding: 14px 28px 18px;
	border-top: 1px solid #1e3244;
}

.btn-schedule-page {
	background: none;
	border: 1px solid #2acec0;
	color: #2acec0;
	border-radius: 20px;
	padding: 5px 18px;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
}

.btn-schedule-page:hover:not(:disabled) {
	background: #2acec0;
	color: #03121c;
}

.btn-schedule-page:disabled {
	opacity: 0.25;
	cursor: default;
}

#schedule-page-info {
	color: #5d7a8a;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
	min-width: 90px;
	text-align: center;
}

.add-item, .add-schedule {
	text-align: center;
	transition: all 0.6s ease;
	color: #03121c !important;
	font-weight: 700 !important;
	border: 0 !important;
	border-radius: 6px;
	padding: 5px 18px !important;
	font-size: 0.8em;
	background: rgb(2,181,125);
	background: linear-gradient(90deg, rgba(2,181,125,1) 0%, rgba(1,254,175,1) 80%);
	box-shadow: 0px 0px 10px 0px rgba(1,254,175,0.2);
}

.add-item:hover, .add-schedule:hover {
	background: linear-gradient(90deg, rgba(1,254,175,1) 0%, rgba(2,181,125,1) 80%);
	color: #03121c !important;
}

#hover-button {
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	opacity: 0.8;
}

#hover-content {
	padding: 10px;
	background-color: #01feb0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 0;
	height: 153px;
	width: 100%;
	line-height: 132px;
	text-align: center;
}

.prueba {
	width: 155px;
	text-align: left;
	min-height: 55px;
	height: 155px;
	border: 1px solid #03121c;
	border-bottom: 1px solid #24333d;
	background: #0a1d2a;
	color: #fff;
	border-left: 2px solid #01feb0;
	margin-left: -14px;
}

.prueba a {
	color: #fff;
}

.prueba:hover {
	background: #01feb0;
	cursor: pointer;
}

.form-check-inline {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0;
	margin-right: .75rem;
}


/* carrousel ceo */
/* modificado pq la clase carousel-inner de bootstrap desarma el contenido*/
.carousel-schedule-ceo {
	width: 100%;
}

/* vista tv viewer - schedule - Oscar Roth */

.a-star {
	text-align: center;
}

.a-star > span {
	display: block;
}

.star-rating {
	font-size: 40px;
	line-height: 28px;
}

.empty-movie {
	background: #03121c !important;
}

.schedule-table .row .channel {
	text-align: center;
}

.rate {
	color: #fff;
	font-size: 14px;
	border: 1px solid #fff;
	border-radius: 24px;
	padding: 3px;
	margin: 0 auto 5px;
	width: 70px;
	text-align: center;
}

.rate:hover {
	background: #fff;
	color: #000;
}

#modal-tv-viewer {
	display: none;
}

.star-number {
	position: absolute;
	z-index: 2;
	color: #000;
	margin-left: -20px;
	font-size: 13px !important;
	top: 1px;
	font-weight: bold;
}

.star-number:hover {
	color: #fff !important;
}

.rate {
	color: #d3d3da;
}
/* modal de make offer */
.modal-content-offer, .modal-content-buy, .modal-content-offer, .modal-content-shows {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #01feb0;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	/*border-radius: .3rem;*/
	outline: 0;
}
	.modal-content-offer .modal-header, .modal-content-buy .modal-header {
		border-bottom: 0px !important;
		padding: 30px 30px 10px 30px;
	}
	
.modal-content-offer .modal-footer, .modal-content-buy .modal-footer {
	border-top: 0 !important;
	padding-top: 0;
}

.table-sticky-budget {
	border: 1px solid #fff;
}
.table-sticky-budget td, .tabe-sticky-budget th {
	border-top: 0;
}
.table-sticky-budget tr:last-child {
	border-top: 1px solid #fff;
}
.table-sticky-budget td:last-child {
	text-align: right;
}
.table-sticky-budget select {
	width: 35%;
}
.table-sticky-budget h1 {
	border-top: 0px;
	font-size: 20px;
}
#errorMessages, #buyError {
	padding: 15px !important;
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	text-align: left;
}

 .btn-shows {
	background: linear-gradient(90deg, rgba(80, 246, 217, 1) 0%, rgba(22, 170, 157) 80%);
	color: #fff !important;
	padding: 6px 15px !important;
	border-radius: 35px;
	border: 0;
}

.btn-shows:hover {
		background: linear-gradient(90deg, rgba(80, 246, 217, 1) 0%, rgba(22, 170, 157) 80%);
	}


/* table offers */
.offers-table {
	border: 1px solid #000;
	width: 100%;
}

	.offers-table > thead > tr > th, .offers-table > tbody > tr > td {
		font-size: 18px;
		line-height: normal;
		padding: 8px;
	}
	.offers-table > thead {
		border-bottom: 1px solid #000;
	}
.btn-notStyle {
	background: none;
	border: 0;
}

.modal-content-buy h5 {
	font-size: 30px;
	line-height: 20px;
}
.modal-content-buy p {
	font-size: 20px;
	line-height: 20px;
}
.br-1 {
	border: 1px solid #000;
}
.brb-1 {
	border-bottom: 1px solid #000;
}
.dis-flex {
	display: flex;
}
.txt-strong {
	font-weight: bold;
}
.form-check-label {
	color: #000 !important;
}
.icon-exclusive {
	position: absolute;
	height: 30px;
	width: 40px;
	right: 10px;
	top: 10px;
	background: #ffffff;
	border: 1px solid #ffffff;
}
/* sweet alert */
.swal2-popup {
	background: #01feb0;
}