/* --------------------->> TV SIM <<<--------------------*/ /* ---------------------->> Game <<<---------------------*/ /* ---------->> General <<<-------------*/ html body {background:#03121c;} .wrapper {width: 100%; min-width: 1200px!important; } .wrapper header {min-width: 1200px!important; position: relative;} .wrapper .content {width: 1200px; margin:0 auto; padding: 80px 20px;} .wrapper .content h1 {font-size: 1.375em; letter-spacing: 0.15em; font-weight: 900; text-transform:uppercase;} .wrapper p {line-height:1.375em;} a:hover {text-decoration: none;} .btn-2 {color:#fff!important; font-weight: 700!important; padding: 10px 40px!important; border:0; border-radius: 35px; background: rgb(193,193,193); background: linear-gradient(90deg, rgba(166,166,166,1) 0%, rgba(193,193,193,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-2:hover {background: linear-gradient(90deg, rgba(193,193,193,1) 0%, rgba(166,166,166,1) 80%); text-decoration: none;} .btn-3 {color:#fff!important; font-weight: 700!important; padding: 10px 40px!important; border:0; border-radius: 35px; background: rgb(4,20,30); background: linear-gradient(90deg, rgba(4,20,30,1) 0%, rgba(35,73,100,1) 80%); -webkit-box-shadow: 0px 0px 14px 0px rgba(4,20,30,0.35); -moz-box-shadow: 0px 0px 11px 0px rgba(4,20,30,1); box-shadow: 0px 0px 11px 0px rgba(4,20,30,0.35);} .btn-3:hover {background: linear-gradient(90deg, rgba(35,73,100,1) 0%, rgba(4,20,30,1) 80%); text-decoration: none;} .btn-back {color:#fff!important; font-weight: 700!important; padding: 10px 40px!important; border:0; border-radius: 35px; background-color: transparent; border:1px solid #fff;} .btn-back:hover {background: #1d2a33;} .btn-1:focus,.btn-1:active, .btn-2:focus,.btn-2:active, .btn-3:focus,.btn-3:active { outline: none !important; box-shadow: none;} button:focus { outline: none; } /*Start*/ .rating-star {font-size: 1.4rem; width: 1.4rem; height: 1.4rem; padding: 0 0.7rem; position: relative;display: block; float:left; line-height: 1.4rem;} .full-star:before {color: #03121c; content: "\2605"; position: absolute; left: 0; overflow: hidden; font-size: 1.4rem; } .empty-star:before {content: "\2606"; position: absolute; left: 0; overflow: hidden;} .half-star:before { color: #03121c; content: "\2606"; width: 100%; position: absolute; left: 0; overflow: hidden;} .half-star:after { content: '\2605'; position: absolute; left:-0.065rem; width: 49%;text-indent: 0.065rem; overflow: hidden;} /*Nav game*/ header .navbar-nav {flex-direction:row!important;} header .game-nav a:hover {color:#fff!important;} header .game-nav a:hover span {border-bottom: 3px solid #fff; padding-bottom: 5px;} header .game-nav .active span {border-bottom: 3px solid #fff; padding-bottom: 5px;} header .game-info {width: 530px; float: right; background:#122939; margin: -25px -2% 0 0; text-transform: none; position: relative;} header .game-info .float-left {width: 55%; padding:8px 16px 12px;} header .game-info .float-left h2 {font-size:1.125em; margin-bottom: 4px; } header .game-info .float-left h2 strong:first-child {padding-right: 8px;} header .game-info .float-left h2 strong:last-child {padding-left: 8px;} header .game-info .float-left p {font-size: 0.925em;} header .game-info .rating-star {margin-top: -4px;} header .game-info .content-star {position: relative; display: inline-block;} header .game-info .content-star:first-child {margin-right: 10px;} header .game-info hr {margin: 0.4rem 0 0.5rem; border-color:#1c8984;} header .game-info .money strong {vertical-align: middle;} header .game-info .float-right {width: 45%;} header .game-info .float-right a {text-indent: -9999px; display: inline-block; width: 32px; height: 32px; background-size: 32px 32px;} header .game-info .float-right a:first-child:hover {opacity:0.8; } header .game-info .float-right .nav-item {margin-left: 14px; position: relative;} header .game-info .float-right .navbar-nav {padding:30px 0 0 30px; } header .game-info .float-right .alert-number {border-radius: 15px; width:22px; height: 22px; display: block; text-align: center; font-size: 0.875em; padding-top: 2px; position: absolute; top: -5px; right: -12px;} header .game-info .float-right .dropdown-menu {background:#1d415a; border-radius: 0; color: #fff; padding:.8rem .8rem 0 .8rem; font-size: 0.875em; border:0!important; margin-top: 12px;} header .game-info .float-right .dropdown-menu p {margin-bottom: .5rem;} header .game-info .float-right .dropdown-menu p a {color: #fff!important; width: auto; height: auto; text-indent:0;} header .game-info .float-right .dropdown-menu:after {bottom: 100%; right: 8px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(29, 65, 90, 0); border-bottom-color: #1d415a; border-width: 8px; margin-left: -8px;} header .game-nav-light .game-info .full-star::before {color: #fff;} header .game-nav-light .game-info .half-star::before {color: #fff;} header .game-nav-light hr {border-color:#02080e;} /*Footer*/ .footer-info {background:url(../images/color-line.gif) repeat-x top #02080e!important; box-shadow: rgba(0, 0, 0, 0.9) 0px 5px 60px 0px;} /*Forms*/ .form-control {border:0; border-radius: 0;} label {text-align: left!important; color:#fff; font-size: 0.875em; text-transform:uppercase; margin-bottom: 0.4rem;} form {text-align: left!important} form .row {padding:10px 0;} form .row .row {padding:0;} form hr {border-top: 1px solid #fff; margin: 2rem 0;} .row-btns {margin-top: 40px; justify-content:center;} .row-btns .btn-1 {min-width:170px!important; margin: 0 10px;} /* Validation icons — pseudo-element, zero layout shift */ .field-wrap { position: relative; margin-bottom: 0.75rem; } .field-wrap .form-control { padding-right: 2.2rem; } .field-wrap::after { content: ""; display: none; position: absolute; right: 0.55rem; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; } .was-validated .field-wrap:has(.form-control:valid)::after { display: block; background-image: url("../images/icon-ok.svg"); } .was-validated .field-wrap:has(.form-control:invalid)::after { display: block; background-image: url("../images/icon-error.svg"); } .is-invalid { border: 1px solid #fe526b; background-color: #fdd0d7; } .was-validated .form-control:invalid { border: 1px solid #fe526b; background-color: #fdd0d7; } .was-validated .form-control:valid { border: 1px solid #01e59f; } .invalid-feedback { color: #fe526b; font-size: 90%; margin-top: 0.25rem; } .valid-feedback { color: #01e59f; font-size: 90%; margin-top: 0.25rem; } /* API response alert inside dark register form */ .register #create-alert.alert-danger { background-color: rgba(254,82,107,0.15); border: 1px solid #fe526b; color: #fe526b; border-radius: 4px; padding: 0.6rem 0.9rem; font-size: 0.875rem; margin-bottom: 0.75rem; } .register #create-alert.alert-success { background-color: rgba(1,229,159,0.15); border: 1px solid #01e59f; color: #01e59f; border-radius: 4px; padding: 0.6rem 0.9rem; font-size: 0.875rem; margin-bottom: 0.75rem; } /* ---------->> Colores <<<-------------*/ header .game-nav a.nav-ceo span {border-color:#01feb0;} header .game-nav a.nav-pc span {border-color:#2acec0;} header .game-nav a.nav-critic span {border-color:#fd2c95;} header .game-nav a.nav-tv span {border-color:#5e17bb;} header .game-nav a.nav-ceo.active span {border-color:#01feb0;} header .game-nav a.nav-pc.active span {border-color:#2acec0;} header .game-nav a.nav-critic.active span {border-color:#fd2c95;} header .game-nav a.nav-tv.active span {border-color:#5e17bb;} /*Production Company*/ .wrapper-pc header { background:none; border-top:5px solid #2acec0; } .wrapper-pc header .game-info .float-left {background:#2acec0; color:#03121c;} .wrapper-pc header .game-info .float-right .alert-number {background: #2acec0; } .wrapper-pc header .nav-profile {background: url(../images/icon-profile-pc.svg) no-repeat;} .wrapper-pc header .nav-alert {background: url(../images/icon-alert-pc.svg) no-repeat;} .wrapper-pc header .nav-faq {background: url(../images/icon-faq-pc.svg) no-repeat;} .wrapper-pc header .nav-more {background: url(../images/icon-more-pc.svg) no-repeat;} .wrapper-pc header .nav-more {background: url(../images/door-closed-pc.svg) no-repeat;} .wrapper-pc .content h1 {color:#2acec0;} .wrapper-pc .pitch-form ul li h2 {color:#2acec0;} .wrapper-pc .pitch-form ul li:hover {border-color:#2acec0;} .wrapper-pc .pitch-form ul li:hover::after {background:#2acec0;} .wrapper-pc form hr {border-color:#2acec0;} .wrapper-pc .btn-1 {color:#03121c!important; background: rgb(22,170,157); background: linear-gradient(90deg, rgba(22,170,157) 0%, rgba(80,246,217,1) 80%); } .wrapper-pc .btn-1:hover {background: linear-gradient(90deg, rgba(80,246,217,1) 0%, rgba(22,170,157) 80%);} .wrapper-pc .pitch-form .main-input {background:#2acec0;} .wrapper-pc .pitch-form .col ul span {color:#2acec0;} .wrapper-pc .intro-message .float-left p {color:#2acec0;} .wrapper-pc .intro-message h4 {color:#2acec0;} .wrapper-pc .intro-message a {color:#2acec0;} .wrapper-pc .shows-movies table .status {color:#2acec0;} .wrapper-pc table .rating-star {font-size: 1.8rem; top:-2px;} .wrapper-pc table .full-star:before {color: #2acec0; font-size:1.8rem;} .wrapper-pc table .empty-star:before {color: #2acec0;} .wrapper-pc table .half-star:before { color: #2acec0; left:-0.095rem; text-indent: 0.035rem; font-size: 1.8rem;} .wrapper-pc table .half-star:after {color: #2acec0; width: 53%;} .wrapper-pc .shows-movies h2 {color:#2acec0;} .wrapper-pc .progress-bar {background-color: #2acec0;} .wrapper-pc .shows-movies .view-more {color:#2acec0!important;} .wrapper-pc .finances {background:#22e1d1;} .wrapper-pc .finances .btn-1 {background: rgb(4,20,30); color:#fff!important; background: linear-gradient(90deg, rgba(4,20,30) 0%, rgba(35,73,99,1) 80%);} .wrapper-pc .finances .btn-1:hover {background: linear-gradient(90deg, rgba(35,73,99,1) 0%, rgba(4,20,30) 80%);} .wrapper-pc .create .steps a.active {background:#22e1d1;} .wrapper-pc .create .steps::before { border-top:1px solid #22e1d1;} .wrapper-pc .create h2 {color:#2acec0;} .wrapper-pc .upload-image a p strong {color:#2acec0;} .wrapper-pc p.label {color:#2acec0!important;} .wrapper-pc .create label strong {color:#2acec0!important; font-weight: normal;} .wrapper-pc .sticky-budget {background-color:#22e1d1!important;} .wrapper-pc .create .settings li h4 {color:#2acec0;} .wrapper-pc .create .settings li:hover {border-color:#2acec0;} .wrapper-pc .create .settings li:hover::after {background:#2acec0;} .wrapper-pc .create .settings .active { border:1px solid #2acec0;} .wrapper-pc .create h3 {color:#2acec0; font-size: 1.3em;} .wrapper-pc .step-4 .rating-vote > span {color: #2acec0;} .wrapper-pc .step-4 .rating-vote > span:hover:before, .wrapper-pc .step-4 .rating-vote > span:hover ~ span:before {color: #2acec0;} .wrapper-pc .create .main-input {background:#2acec0;} .wrapper-pc .create .secondary-input {background:#122939;} .wrapper-pc .create .nav-tabs {border-color:#2acec0; color: #2acec0;} .wrapper-pc .create .nav-tabs .nav-link.active {border-color:#2acec0;} .wrapper-pc .create .nav-tabs a {color:#2acec0;} .wrapper-pc .create .tab-content p {width: 100%; color:#2acec0;} .wrapper-pc .create .btn-link {color:#2acec0;} .wrapper-pc .create label span {color:#2acec0;} .wrapper-pc .step-7 form p {color:#2acec0;} #search .modal-content {border-bottom: 20px solid #33e3d4;} #search .modal-content .top {background: #43c0b6; border-bottom:1px solid #33e3d4;} #search h5, #search h6 {color:#246669;} #search .modal-content .top label {color:#246669!important;} #search .top a {color:#41918b;} #search .top .line-2 .col {border-right:1px solid #33e3d4;} #search .top hr {border-top: 1px solid #33e3d4!important;} #search .result h3 {color:#43c0b6;} #search table .star {color:#2acec0;} #search table .full-star:before {color: #2acec0;} #search table .empty-star:before {color: #2acec0;} #search table .half-star:before { color: #2acec0;} #search table .half-star:after {color: #2acec0;} #search table strong {color: #2acec0;} #search table .btn-1 {color:#03121c!important; background: rgb(22,170,157); background: linear-gradient(90deg, rgba(22,170,157) 0%, rgba(80,246,217,1) 80%); } #search table .btn-1:hover {background: linear-gradient(90deg, rgba(80,246,217,1) 0%, rgba(22,170,157) 80%);} #search .control-next, #search .control-prev {background-color: #2acec0;} /*TV Viewers*/ .wrapper-tv header { background:none; border-top:5px solid #5e17bb; } .wrapper-tv header .game-info .float-left {background:#723abb; color:#fff;} .wrapper-tv header .game-info .float-right .alert-number {background: #723abb; color:#fff; } .wrapper-tv header .nav-profile {background: url(../images/icon-profile-tv.svg) no-repeat;} .wrapper-tv header .nav-alert {background: url(../images/icon-alert-tv.svg) no-repeat;} .wrapper-tv header .nav-faq {background: url(../images/icon-faq-tv.svg) no-repeat;} .wrapper-tv header .nav-more {background: url(../images/icon-more-tv.svg) no-repeat;} .wrapper-tv header .nav-more {background: url(../images/door-closed-tvviewer.svg) no-repeat;} .wrapper-tv .intro-message .float-left p {color:#723abb;} .wrapper-tv .intro-message h4 {color:#723abb;} .wrapper-tv .intro-message a {color:#723abb;} .wrapper-tv .dashboard .pitches-vote h1 {color:#723abb;} .wrapper-tv .pitches-vote .filter a {margin: 0 8px; color:#723abb;} .wrapper-tv .pitches-vote .filter a.active {border:1px solid #723abb; color:#fff;} .wrapper-tv .schedule-general .filter a {margin: 0 8px; color:#723abb;} .wrapper-tv .schedule-general .filter a.active {border:1px solid #723abb; color:#fff;} .wrapper-tv .control {background-color: #723abb!important;} .wrapper-tv .carousel-item article hr {border-color:#433375;} .wrapper-tv .carousel-item article p strong {color:#7b47bf;} .wrapper-tv .carousel-item article p span {color:#7b47bf;} .wrapper-tv .carousel-item article .more {margin: 20px auto; color:#7b47bf;} /*CEO Company*/ .wrapper-ceo header { background:none; border-top:5px solid #01feb0; } .wrapper-ceo header .game-info .float-left {background:#01feb0; color:#03121c;} .wrapper-ceo header .game-info .float-right .alert-number {background: #01feb0; color:#03121c; } .wrapper-ceo header .nav-profile {background: url("../images/icon-profile-ceo.svg") no-repeat;} .wrapper-ceo header .nav-alert {background: url(../images/icon-alert-ceo.svg) no-repeat;} .wrapper-ceo header .nav-faq {background: url(../images/icon-faq-ceo.svg) no-repeat;} .wrapper-ceo header .nav-more {background: url(../images/icon-more-ceo.svg) no-repeat;} .wrapper-ceo header .nav-more {background: url(../images/door-closed-ceo.svg) no-repeat;} .wrapper-ceo .intro-message .float-left p {color:#01feb0;} .wrapper-ceo .intro-message h4 {color:#01feb0;} .wrapper-ceo .intro-message a {color:#01feb0;} .wrapper-ceo .schedule-table-ceo .days {color:#01feb0;} .wrapper-ceo .control {background-color: #01feb0!important;} .wrapper-ceo .btn-1 {color:#03121c!important; background: rgb(2,181,125); background: linear-gradient(90deg, rgba(2,181,125) 0%, rgba(1,254,175,1) 80%); } .wrapper-ceo .btn-1:hover {background: linear-gradient(90deg, rgba(1,254,175,1) 0%, rgba(2,181,125) 80%); } .wrapper-ceo .schedule-general .row-subtitle h2 {color:#01feb0!important;} .wrapper-ceo .shows-movies table .status {color:#02be84;} .wrapper-ceo table .rating-star {font-size: 1.8rem; top:-2px;} .wrapper-ceo table .full-star:before {color: #02be84; font-size:1.8rem;} .wrapper-ceo table .empty-star:before {color: #02be84;} .wrapper-ceo table .half-star:before { color: #02be84; left:-0.095rem; text-indent: 0.035rem; font-size: 1.8rem;} .wrapper-ceo table .half-star:after {color: #02be84; width: 53%;} .wrapper-ceo .progress-bar {background-color: #01feb0;} .wrapper-ceo .shows-movies table .star {color: #02be84; font-weight: 700;} .wrapper-ceo .shows-movies .view-more {color:#02be84!important; } .wrapper-ceo .finances {background:#01feb0;} .wrapper-ceo .finances .btn-1 {background: rgb(4,20,30); color:#fff!important; background: linear-gradient(90deg, rgba(4,20,30) 0%, rgba(35,73,99,1) 80%);} .wrapper-ceo .finances .btn-1:hover {background: linear-gradient(90deg, rgba(35,73,99,1) 0%, rgba(4,20,30) 80%);} .wrapper-ceo .more-projects:hover {color: #02be84;} .wrapper-ceo .carousel-item article hr {border-color:#02be84;} .wrapper-ceo .carousel-item article p strong {color:#02be84;} .wrapper-ceo .carousel-item article p span {color:#02be84;} .wrapper-ceo .carousel-item article .more {margin: 20px auto; color:#02be84;} .wrapper-ceo .carousel-item article .more p.extra-informations {display: grid; align-items: center; grid-template-areas:"duration" "flag"; grid-template-columns: auto 1fr;} .wrapper-ceo .carousel-item article .more p img {margin: 0 0 0 8px;} .wrapper-ceo .carousel-control-next-icon, .wrapper-ceo .carousel-control-prev-icon {background-color: #02be84;} .wrapper-ceo .carousel-item .rating {color: #02be84;display: grid;align-items: center;grid-template-areas: "popularity prestige boxoffice"; grid-template-columns: repeat(auto-fit, minmax(95px, 1fr)); grid-auto-rows: 50px;justify-content: center;justify-items: center;} .wrapper-ceo .carousel-item .rating .prestige {grid-area: prestige;} .wrapper-ceo .carousel-item .rating .popularity {grid-area: popularity;} .wrapper-ceo .carousel-item .rating .boxoffice {grid-area: boxoffice;} .wrapper-ceo .carousel-item .half-star::before {color: #02be84;} .wrapper-ceo .carousel-item article .view-more {color: #02be84!important;} .wrapper-ceo .not-original .carousel-movies .rating li {color: #02be84;} .wrapper-ceo .buy-detail .filter a {color:#02be84;} .wrapper-ceo .buy-detail .filter a.active {border:1px solid #02be84; color:#fff;} .wrapper-ceo .buy-detail .filter {color:#5d5d5d;} .wrapper-ceo .back {color:#02be84;} .wrapper-ceo .buy-detail .view-more {color:#02be84!important;} /*Critic*/ .wrapper-critic header { background:none; border-top:5px solid #fd2c95; } .wrapper-critic header .game-info .float-left {background:#fd2c95; color:#03121c;} .wrapper-critic header .game-info .float-right .alert-number {background: #fd2c95; } .wrapper-critic header .game-info hr {border-color: #5d1b48;} .wrapper-critic header .nav-profile {background: url(../images/icon-profile-critic.svg) no-repeat;} .wrapper-critic header .nav-alert {background: url(../images/icon-alert-critic.svg) no-repeat;} .wrapper-critic header .nav-faq {background: url(../images/icon-faq-critic.svg) no-repeat;} .wrapper-critic header .nav-more {background: url(../images/door-closed-critic.svg) no-repeat;} .wrapper-critic .intro-message .float-left p {color:#fd2c95;} .wrapper-critic .intro-message h4 {color:#fd2c95;} .wrapper-critic .intro-message a {color:#fd2c95;} .wrapper-critic .filter a {color:#fd2c95;} .wrapper-critic .filter a.active {border:1px solid #fd2c95; color:#fff;} .wrapper-critic .filter {color:#5d5d5d;} .wrapper-critic .carousel-item article hr {border-color:#fd2c95;} .wrapper-critic .carousel-item article p strong {color:#fd2c95;} .wrapper-critic .carousel-item article p span {color:#fd2c95;} .wrapper-critic .carousel-item article .more {margin: 20px auto; color:#fd2c95;} .wrapper-critic .carousel-control-next-icon, .wrapper-critic .carousel-control-prev-icon {background-color: #fd2c95;} .wrapper-critic .carousel-item .rating {color: #fd2c95;} .wrapper-critic .carousel-item .half-star::before {color: #fd2c95;} .wrapper-critic .carousel-item article .view-more {color: #fd2c95!important;} .wrapper-critic .not-original .carousel-movies .rating li {color: #fd2c95;} .wrapper-critic .carousel-more {background: #fd2c95!important;} .wrapper-critic .btn-1 {color:#03121c!important; background: rgb(238,42,151); background: linear-gradient(90deg, rgba(238,42,151) 0%, rgba(140,37,107) 80%); } .wrapper-critic .btn-1:hover {background: linear-gradient(90deg, rgba(140,37,107) 0%, rgba(238,42,151) 80%);} .wrapper-critic .my-reviews table .star {color: #fd2c95; font-weight: 700;} .wrapper-critic .my-reviews .view-more {color:#fd2c95!important;} .wrapper-critic .my-reviews table .full-star:before {color: #fd2c95; } .wrapper-critic .my-reviews table .empty-star:before {color: #fd2c95;} .wrapper-critic .my-reviews table .half-star:before { color: #fd2c95;} .wrapper-critic .my-reviews table .half-star:after {color: #fd2c95;} .wrapper-critic .finances {background:#fd2c95;} .wrapper-critic .finances .btn-1 {background: rgb(4,20,30); color:#fff!important; background: linear-gradient(90deg, rgba(4,20,30) 0%, rgba(35,73,99,1) 80%);} .wrapper-critic .finances .btn-1:hover {background: linear-gradient(90deg, rgba(35,73,99,1) 0%, rgba(4,20,30) 80%);} /* ---------->> Production Company <<<-------------*/ /*Pitch Form*/ .wrapper-pc .pitch-form {text-align: center; margin-bottom:100px;} .wrapper-pc .pitch-form p {color:#fff; width: 90%; margin: 20px auto;} .wrapper-pc .pitch-show ul {display: flex; flex-wrap:wrap; justify-content:space-between; margin: 50px auto;} .wrapper-pc .pitch-show ul li {background:#122939; width: 22%; border:1px solid #122939; position: relative;} .wrapper-pc .pitch-show ul li:hover::after {content: ""; width:30px; height: 30px; background:#2acec0 url(../images/check-white.svg) no-repeat 6px 7px; border-radius: 20px; display: block; position: absolute; top:-10px; right: -10px;} .wrapper-pc .pitch-show ul li a {width: 100%; height: 100%; padding: 30px 10px; text-align: center; display: inline-block;} .wrapper-pc .pitch-show ul li span {background: #0a1d2a; border-radius: 100px; width:140px; height: 140px; display: inline-block;} .wrapper-pc .pitch-show ul li span img {width:120px; height: 100px; margin-top: 25px;} .wrapper-pc .pitch-show ul li h2 {font-size:1.250em; font-weight:400; margin-top: 30px;} .wrapper-pc .pitch-form .main-input {padding: 30px 40px 40px 40px; margin:30px auto 40px;} .wrapper-pc .pitch-form .main-input label {color: #03121c; font-weight: 700;} .wrapper-pc .pitch-form .col ul span {position: absolute; z-index: 50; font-weight: 700; top:7px; left: 12px; } .wrapper-pc .pitch-form .col ul li {position: relative;} .wrapper-pc .pitch-form .col ul li input {padding-left: 34px!important;} /*Dashboard*/ .wrapper-pc .shows-movies {background: #eaeaea;} .wrapper-pc .shows-movies h1 {color:#03121c;} .wrapper-pc .shows-movies .txt-intro {color:#03121c;} .wrapper-pc .shows-movies h2 {font-size: 1.375em; letter-spacing: 0.15em; font-weight: 900; text-transform: uppercase;} .wrapper-pc .shows-movies .float-right {margin-bottom: 10px; margin-top:-30px; } .wrapper-pc .shows-movies .float-right .btn-1 {color:#fff!important;} .wrapper-pc .shows-movies tbody .empty {background:#f3f3f3;} .wrapper-pc .shows-movies table .name-episode, .wrapper-pc .shows-movies table .name-episode a {color:#818485;} .wrapper-pc .finances .txt-intro {color:#03121c;} .wrapper-pc .finances h1 {color:#03121c;} /*Create*/ .wrapper-pc .create {text-align: center; margin-bottom:100px;} .wrapper-pc .create p {color:#fff; width: 90%; margin: 20px auto;} .wrapper-pc .create .steps a {background:#cbc9c9; display: block; width: 56px; height: 56px; border-radius: 50px; font-size: 1.500em; font-weight: 700; padding-top: 10px; z-index: 60; color:#818385;} .wrapper-pc .create .steps a:hover {background:#fff;} .wrapper-pc .create .steps a.active {color:#fff;} .wrapper-pc .create .steps a.active:hover {background:#22a89c!important; color:#fff!important;} .wrapper-pc .create .steps {display: flex; justify-content:space-between; background: #122939; padding:24px; margin-top: 40px;} .wrapper-pc .create .steps::before {content: ""; display: block; width: 1100px; position: absolute; margin-top:26px; z-index: 50; } .wrapper-pc .create h2 {font-size: 1.375em; letter-spacing: 0.15em; font-weight: 400; text-transform:uppercase; margin: 40px auto 30px;} .wrapper-pc .create h2 strong {font-weight: 900;} .upload-image {background: #fff; padding: 19px; margin-top: 30px;} .upload-image a {border: 1px dashed #c0bfbf; display: block; background: url("../images/upload-image.jpg") no-repeat center 15px; padding-top:135px; color:#595f63; text-align: center; } .upload-image a p {color:#595f63!important; font-size: 0.875em; margin: 10px auto!important;} .upload-image a p strong {text-transform: uppercase;} p.label {text-align: left; width: 100%!important; margin: 10px 0!important;} .wrapper-pc .create .row-btns {justify-content:space-between; padding-left: 15px;} .wrapper-pc .sticky-budget {width: 380px; position: sticky; bottom:0; right: 40px; left: auto; display: block; left:100%; margin-right: 70px; padding:20px; padding-left:110px; background: url("../images/icon-money.svg"); background-size: 75px 75px; background-position: 20px 20px; background-repeat: no-repeat; font-weight: 400; z-index: 300; } .wrapper-pc .sticky-budget strong {font-size: 1.125em;} .wrapper-pc .sticky-budget hr {border-top: 1px solid #2b807d;} .wrapper-pc .create .progress {z-index:100; position: relative; border-radius: .65rem;} .wrapper-pc .create .time-line {margin-top: 20px;} .wrapper-pc .create .time-line ul {display: flex; justify-content:space-between; color:#fff; margin-top: 20px; z-index:90; position: relative;} .wrapper-pc .create .time-line ul li {padding: 0; position: relative; font-size: 0.875em; width: 100%; text-align: center;} .wrapper-pc .create .time-line ul li::before {content: ""; border-left: 1px solid #fff; position: absolute; left: 50%; top:-48px; height:40px; display: block;} .wrapper-pc .create .time-line .last::before {display: none;} .wrapper-pc .create .time-line .last {margin-top:-20px;} .wrapper-pc .create .time-line .last strong {padding-top:10px; display: inline-block;} .wrapper-pc .create .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;} .wrapper-pc .create .custom-control-input:checked ~ .custom-control-label::before {background-color: #fff;} .wrapper-pc .create .custom-control-label {padding: 4px 0 0 4px; } .wrapper-pc .create .custom-checkbox .custom-control-label::before {border-radius:0!important; width: 1.25rem; height: 1.25rem;} .wrapper-pc .create .custom-control-input:checked ~ .custom-control-label::before {border-color: #d2d2d2; background-color: #2acec0;} .wrapper-pc .create .time-line .custom-checkbox { margin-left: 10px; margin-bottom: 10px;} .wrapper-pc .create .block-line {opacity: 0.2;} .wrapper-pc .line-history li {float: left; width: 33.3%; padding: 20px 0 30px;} .wrapper-pc .create label strong {display: block; padding-bottom: 10px;} .wrapper-pc .create .settings {display: flex; flex-wrap:wrap; justify-content:space-between; margin: 10px auto;} .wrapper-pc .create .settings li {background:#122939; width: 11.5%; border:1px solid #122939; position: relative;} .wrapper-pc .create .settings li:hover::after {content: ""; width:30px; height: 30px; background:#2acec0 url(../images/check-white.svg) no-repeat 6px 7px; border-radius: 20px; display: block; position: absolute; top:-10px; right: -10px;} .wrapper-pc .create .settings li a {width: 100%; height: 100%; padding: 15px 10px; text-align: center; display: inline-block;} .wrapper-pc .create .settings li span {background: #0a1d2a; border-radius: 100px; width:100px; height: 100px; display: inline-block;} .wrapper-pc .create .settings li span img {width:80px; height: auto; margin-top: 10px;} .wrapper-pc .create .settings li h4 {font-size:0.860em; font-weight:400; margin-top: 10px;} .wrapper-pc .create .settings .active::after {content: ""; width:30px; height: 30px; background:#2acec0 url(../images/check-white.svg) no-repeat 6px 7px; border-radius: 20px; display: block; position: absolute; top:-10px; right: -10px;} .wrapper-pc .create .settings .inactive {opacity: 0.3;} .wrapper-pc .create .settings .inactive:hover::after {content:none;} .wrapper-pc .create .settings .inactive:hover {border-color:#122939!important; } .wrapper-pc .create .settings .inactive a {cursor: default;} .wrapper-pc .create .shooting-box {background: #246e6a; padding: 30px; margin: 5px 0 20px; z-index: 50; position: relative;} .wrapper-pc .create .shooting-box li {width: 25%; float: left;} .tooltip-table {z-index: 100;} .wrapper-pc .create .rating-vote {display: inline-block; vertical-align: middle; margin: 0 0 0 20px;} .rating-vote {unicode-bidi: bidi-override; direction: rtl;font-size: 1.7em;} .rating-vote > span {display: inline-block; position: relative; width: 1em; color: #fff;} .rating-vote > span:hover, .rating-vote > span:hover ~ span { color: transparent;} .rating-vote > span:hover:before, .rating-vote > span:hover ~ span:before {content: "\2605"; position: absolute; color: #fff;} .wrapper-pc .create .btn-add {background: url("../images/btn-add.png") no-repeat left top; font-weight: 700!important; color: #fff; padding: 6px 0 6px 40px; float: right;} .wrapper-pc .create .btn-add:hover {opacity: 0.6;} .wrapper-pc .step-4 label span:first-child {width: 170px; display: inline-block;} .wrapper-pc .step-4 label .rating-vote span:first-child {width: auto;} .wrapper-pc .create .main-input, .wrapper-pc .create .secondary-input {padding: 30px 40px 40px 40px; margin:30px auto 40px; border-radius:8px;} .wrapper-pc .create .main-input label{color: #03121c; font-weight: 700;} .wrapper-pc .create .secondary-input label strong {font-weight: 700;} .wrapper-pc .create .secondary-input label {color: #fff;} .wrapper-pc .create .nav-tabs {font-size: 0.85em; text-transform: uppercase; font-weight: 700;} .wrapper-pc .create .nav-tabs .nav-link {border-top-left-radius: 0; border-top-right-radius: 0; border:solid 1px transparent; padding: .6rem 1.5rem;} .wrapper-pc .create .nav-tabs .nav-link.active {background-color: transparent; border-bottom-color: #03121c; color:#fff;} .wrapper-pc .create .nav-tabs a:hover {color:#fff;} .wrapper-pc .create .tab-content {width: 100%;} .wrapper-pc .create .tab-content p {width: 100%;} .wrapper-pc .create .tab-content {padding: 1.3rem 0 0.5rem 0;} .wrapper-pc .create .btn-link {font-weight: 700!important; text-decoration: underline; padding-right: 20px;} .wrapper-pc .create .btn-link:hover {opacity: 0.6;} .wrapper-pc .step-7 form p {width: 70%!important; text-align: left; margin: 10px 0!important; float: left;} .wrapper-pc .step-7 form .btn-2 {float: right; padding: 6px 25px !important; margin-top: 4px; color:#03121c!important;} /*Create - Search modal*/ #search .modal-dialog {width: 1200px!important; max-width: 1200px!important; margin: 0 auto; margin-bottom: 0px; padding: 80px 20px; } #search .modal-content {width: 100%!important;} #search .close {position: absolute; top:20px; right:20px;} #search .modal-content .top {background: #2acec0; padding:30px 30px; } #search h5 {font-size: 1.500em; text-transform: uppercase; letter-spacing: 0.05em;} #search h5 span {color:#fff;} #search .modal-content .input-group .btn-2 {color:#03121c!important; padding: 7px 40px !important; border: 0!important;} #search .modal-content .input-group input {margin-right: 20px;} #search h6 {font-weight: 400; font-size: 1.500em; text-transform: uppercase; letter-spacing: 0.05em;} #search .top a {font-size: 0.85em!important; text-decoration: underline; font-weight: 700; text-transform: uppercase; } #search .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-color.svg)!important; background-size: 13px 13px; background-position: 4px 4px;} #search .custom-control-input:checked ~ .custom-control-label::before {background-color: #fff;} #search .custom-control-label {padding: 4px 0 0 4px;} #search .top .line-2 label {color:#fff!important;} #search .custom-checkbox .custom-control-label::before {border-radius:0!important; width: 1.25rem; height: 1.25rem;} #search .custom-control-input:checked ~ .custom-control-label::before {border-color: #d2d2d2; background-color: #fff;} #search .modal-content .top input {font-size: 0.9em; padding: 4px 10px !important; width: 88px;} #search .modal-content .top strong {font-weight: 700; text-transform: uppercase; font-size: 0.85em; color:#fff; letter-spacing: 0.05em; padding-right: 8px; padding-top: 4px; display: inline-block;} #search .modal-content .top .line-1 .custom-checkbox {display: inline;} #search .top .line-1 label {color:#fff!important; font-size: 0.85em!important; letter-spacing: 0.05em!important; padding-right: 12px;} #search .top .line-2 input {margin-top: 10px;} #search .top .line-1 .col-5 { text-align: right;} #search .top .line-2 .col {padding-top: 10px;} #search .top .line-2 .col:last-child {border-right:0;} #search .top hr {margin-bottom: 0!important;} #search .result {background: #fff!important; padding:30px 30px;} #search .result h3 {font-weight: 400; text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.05em; float: left;} #search .result h3 strong {font-weight: 700;} #search .result .dropdown {float: right; } #search .result .dropdown .btn-dropdown {border:0!important; background: transparent; text-transform: uppercase; font-size: 0.9em!important; letter-spacing: 0.05em; color:#333;} #search .result .dropdown .dropdown-item {text-transform: uppercase; font-size: 0.9em!important; letter-spacing: 0.05em; padding: .25rem 1.0rem; color:#8a8a8a;} #search .result .dropdown .dropdown-menu {border-radius: 0; background: #f1f1f1; } #search table {background: #fff; margin-top: 60px;} #search table thead {font-size:0.813em; text-transform: uppercase;} #search table thead th {font-weight: 400; color:#8b8b8b; vertical-align: bottom; border-bottom:1px solid #fffff; } #search table thead tr:first-child th {padding:14px 8px 0 8px; font-size: 1.05em;} #search table thead th {padding:0 0 10px 6px!important; text-align: center;} #search table thead th:first-child {text-align: left!important;} #search table tbody td {padding: 10px 8px; vertical-align: top; line-height: 1.4em; border-top:1px solid #e3e2e2; font-size: 0.938em; text-align: center;} #search table .star { font-weight: 700; text-align: left;} #search table .rating-star {font-size: 1.8rem; top:-2px; margin-right: 5px; margin-left: 30px;} #search table .full-star:before {font-size:1.8rem;} #search table .half-star:before {left:-0.095rem; text-indent: 0.035rem; font-size: 1.8rem;} #search table .half-star:after { width: 53%;} #search table td:first-child img {float: left; margin-right:10px;} #search table td:first-child {text-align: left!important; font-size: 0.90em!important; } #search table td:last-child {background: #ebfcfb;} #search table .offer-again {background: #c8f0ea!important;} #search table .btn-1 {color:#fff!important; padding: 6px 15px!important;} #search table .medium-acceptance {background:#f9f9f9;} #search table .medium-acceptance td:nth-child(4) {color:#68747c;} #search table .low-acceptance {background:#f3f3f3;} #search table .low-acceptance td:nth-child(4) {color:#9a9fa3;} #search .control-next {background-image: url("../images/arrow-next-white.svg"); background-position: 12px 8px; display: inline-block; } #search .control-prev {background-image: url("../images/arrow-prev-white.svg"); background-position: 10px 8px; display: inline-block;} #search .pager {text-align: center; margin-top: 20px;} #search .pager .counter {padding: 8px 6px 0 6px;; font-size: 0.85em; display: inline-block; vertical-align: top; } /* ---------->> Dashboards <<<-------------*/ .intro-message {background: #122939; padding:35px; display: flex; position: relative; margin-bottom:50px; } .intro-message .float-left {padding-right:30px; border-right: 2px solid #03121c; margin-right:30px; min-width: 120px; } .intro-message .float-left p {font-weight: 700; text-transform: uppercase; text-align: center;margin-top: 16px; line-height: 1.1em;} .intro-message .float-right h4 {font-weight: 400; font-size: 1.875em;} .intro-message .float-right h4 strong {font-weight: 700;} .intro-message .float-right p {color: #fff; padding: 10px 0;} .intro-message .float-right a {font-weight: 700;} .intro-message .close {position: absolute; top:20px; right:20px; color:#fff;} .dashboard h1 { text-align: center;} .dashboard p.txt-intro { text-align: center; color:#fff; width: 80%; margin: 20px auto; line-height: 1.500em; font-size: small;} .dashboard .pitches-vote p.txt-intro {color:#fff;} .filter {text-transform: uppercase; text-align: center; color:#5d5d5d; font-size: 0.875em; padding: 40px 0 20px; margin-bottom: 20px; font-weight: 700;} .filter span {padding-right: 20px;} .filter a {margin: 0 8px; opacity: 0.8!important;} .filter a:hover {opacity: 1!important;} .filter a.active {border:1px solid #5d5d5d; border-radius: 20px; padding: 8px 20px; opacity: 1!important;} .btn-like {background: url("../images/like.svg") no-repeat; background-size:46px 63px; height: 63px; width: 46px; text-indent: -9999px; display: inline-block; opacity: 0.7; } .btn-like:hover {opacity: 1;} .btn-dislike {background: url("../images/dislike.svg") no-repeat; background-size:46px 63px; height: 63px; width: 46px; text-indent: -9999px; display: inline-block; opacity: 0.7;} .btn-dislike:hover {opacity: 1;} /* ---------->> TV Viewer <<<-------------*/ /*Pitches*/ .carousel-inner {min-height: 400px; transition: opacity 0.3s ease;} .carousel-item {transition: transform 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;} .carousel-inner .carousel-item-right.active, .carousel-inner .carousel-item-next {transform: translateX(33%);} .carousel-inner .carousel-item-left.active, .carousel-inner .carousel-item-prev {transform: translateX(-33%);} .carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev { display: flex; } .carousel-inner .carousel-item-right, .carousel-inner .carousel-item-left {transform: translateX(0);} .carousel-control-next-icon, .carousel-control-prev-icon {background-color: #723abb; border-radius: 20px; padding: 15px; background-size: 15px 15px; background-position: 50% 50%;} .carousel-control-next-icon {background-image: url("../images/arrow-next.svg"); background-position: 9px 8px; } .carousel-control-prev-icon {background-image: url("../images/arrow-prev.svg"); background-position: 7px 8px;} .carousel-control-prev {left: -30px;} .carousel-control-next {right: -30px;} .carousel-indicators {bottom: -35px;} .carousel-indicators li {width: 10px; height: 10px; border-radius: 20px;} .carousel {color:#fff; align-items:stretch;} .carousel-item article {background: #0b1e2b; padding: 25px; align-items:stretch; height: 100%;} .carousel-item article h2 {font-size: 1.500em; font-weight: 700;} .carousel-item article em {color:#72787d; font-size: 0.938em;} .carousel-item article .more {margin: 20px auto; color:#7b47bf;} .carousel-item article .more img { float: left; margin-right: 10px; margin-top: -5px;} .carousel-item article .more p {line-height: 20px; font-weight: 700;} .carousel-item article .more p:first-child {padding-top: 5px; display: inline-block;} .carousel-item article .txt {min-height: 80px;} .carousel-item article hr {margin: 1rem 0; border-color:#433375;} .carousel-item article p {font-size: 0.938em; font-weight: 300;} .carousel-item article li {font-size: 0.938em; color:#72787d;} .carousel-item article ul {list-style: disc outside none; margin-left: 18px; min-height: 65px;} .carousel-item article p strong {color:#7b47bf; text-transform: uppercase; font-weight: 700;} .carousel-item article p span {color:#7b47bf; padding: 0 5px; } .carousel-item br {content:" "; display: block; margin-top: 0.5em;} .carousel-item .extra p {font-size: 0.875em;} .carousel-item .btn-dislike {margin: 0 5px 0 90px;} .pitches-vote .pager {color:#fff; padding-top: 20px; } /*News*/ .news-reviews {background:#804dc2; color:#02080e; margin-top: 40px; padding: 20px 0;} .news-reviews h1 {color:#02080e;} .news-reviews .txt-intro {color:#02080e!important;} .wrapper-tv .news-reviews .filter a {color:#2d164a;;} .wrapper-tv .news-reviews .filter a.active {border:1px solid #fff; color:#fff;} .wrapper-tv .news-reviews .filter {color:#382860;} .news-reviews ul {display: flex; flex-wrap:wrap;} .news-reviews ul li {width: 50%; height: 100%; padding: 20px 0 40px; position: relative; padding-left:3%; margin-bottom: 20px;} .news-reviews ul li:nth-child(odd) {padding-right:3%; padding-left:0;} .news-reviews li h3 { font-size: 1.375em; font-weight: 700; margin-bottom: 10px;} .news-reviews li h3 a {color: #fff;} .news-reviews li h3 a:hover {text-decoration: underline;} .news-reviews li p em {color:#382860; margin-top:10px; display: block;} .news-reviews .row-btns {position: absolute; bottom:20px; right: 0;} .news-reviews ul li:nth-child(odd) .row-btns {right: 6%;} .news-reviews .row-btns .btn-like {background-size:35px 48px; height: 48px; width: 35px;} .news-reviews .row-btns .btn-dislike {background-size:35px 48px; height: 48px; width: 35px;} .voted a {opacity:0.2!important; cursor: context-menu;} .voted a.select {opacity:1!important; cursor: context-menu;} .view-more {font-weight: 700; text-transform: uppercase; color:#02080e!important; opacity: 0.5; font-size: 0.938em; margin-top: 20px; display: inline-block;} .view-more:hover {opacity: 0.8!important;} /*Schedule*/ .schedule-general {padding: 20px 0 50px; } .schedule-general h1 {color:#fff;} .wrapper-tv .schedule-general .filter {float: left;} .schedule-general .week-control {color:#7e4bc0; text-transform: uppercase; font-size: 1.188em; margin-top: 55px; } .schedule-general .week-control strong {font-weight: 700!important; padding: 0 10px 0; display: block; float:right; } .schedule-general .week-control .control {float:right;} .control {border-radius: 20px; padding: 15px; display: inline-block; width: 20px; height: 20px; opacity:0.7; } .control:hover {opacity:1; } .control-prev {background-image: url("../images/arrow-prev.svg"); background-size:9px 14px; background-position: 9px 8px; background-repeat: no-repeat;} .control-next {background-image: url("../images/arrow-next.svg"); background-size:9px 14px; background-position: 12px 8px; background-repeat: no-repeat;} .schedule-table {color:#fff; position: relative;} .schedule-table .row {width: 100%; display: flex; align-content:stretch; text-align: left;} .schedule-table .row .col-1 {width: 15%!important; flex: none; max-width: none;} .schedule-table .row .channel { width:10%!important; color: #767a7d; text-transform: uppercase; font-size: 0.875em; background: none!important; border: 1px solid #03121c; padding:12px 15px!important;} .schedule-table .row .col-2 {width: 30%!important; flex: none; max-width: none;} .schedule-table .row .col-3 {width: 45%!important; flex: none; max-width: none;} .schedule-table .row .col-4 {width: 60%!important; flex: none; max-width: none;} .schedule-table .row .col-5 {width: 75%!important; flex: none; max-width: none;} .schedule-table .row .col-6 {width: 90%!important; flex: none; max-width: none;} .schedule-table .row a {color: #fff!important; display: block;width: 100%; height: 100%; padding:12px 12px!important; text-align: left;} .schedule-table .hours .col-1 { background: #081a26; color:#b398d5; text-transform: uppercase; text-align: center; padding:8px 8px!important; border: 1px solid #03121c; } .schedule-table .row div {background: #0a1d2a; border: 1px solid #03121c; border-bottom:1px solid #24333d; font-size: 0.938em; padding:0!important;} .schedule-table .series-premiere a {border-left:3px solid #fd2c95!important;} .schedule-table .series-premiere:hover {background:#fd2c95;} .schedule-table .new-episode a {border-left:3px solid #01feb0!important;} .schedule-table .new-episode:hover {background:#01feb0;} .schedule-table .new-episode:hover a { color:#041521!important;} .schedule-table .repeat-episode a {border-left:3px solid #157460!important;} .schedule-table .repeat-episode:hover {background:#157460;} .schedule-table .feature-movie a {border-left:3px solid #5e17bb!important;} .schedule-table .feature-movie:hover {background:#5e17bb;} .schedule-table .old-series a {border-left:3px solid #8b8b8e!important;} .schedule-table .old-series:hover {background:#8b8b8e;} .schedule-table .none {background: #041521!important; border-top-color: #041521!important; border-bottom-color: #041521!important; border-left-color: #041521!important;} .wrapper-tv .schedule-table .control-prev {position: absolute; top:6px; left:85px; z-index: 20;} .wrapper-tv .schedule-table .control-next {position: absolute; top:6px; right:0; z-index: 20;} .wrapper-tv .schedule-reference {margin:30px 0 0 100px;} .schedule-reference {display: flex;} .schedule-reference li {font-size: 0.875em; color: #fff; padding-right: 30px;} .schedule-reference span {width: 8px; height: 8px; display: inline-block; border-radius: 8px; margin-right: 6px; vertical-align: middle;} .schedule-reference .series-premiere span {background: #fd2c95;} .schedule-reference .new-episode span {background: #01feb0;} .schedule-reference .repeat-episode span {background: #157460;} .schedule-reference .feature-movie span {background: #5e17bb;} .schedule-reference .old-series span {background: #8b8b8e;} /*Modal news*/ #news .modal-dialog {width: 860px!important; max-width: 860px;} #news .close {position: absolute; top:20px; right:20px; color:#333;} #news .modal-content {padding: 60px 50px 30px;} #news h3 {font-size: 1.375em; font-weight: 700; color: #804dc2; margin-bottom: -15px; } #news p em {color:#75797c; display: block; margin-bottom: 30px;} #news p {margin: 20px 0; line-height: 1.4em;} #news hr {margin: 0.5rem 0; border-color:#bda3df;} #news .row-btns {left: -100px; margin-left: 44%;} #news p a {color: #804dc2; opacity:0.8; text-decoration: underline;} #news p a:hover {opacity:1;} /* ---------->> CEO <<<-------------*/ .schedule-table-ceo {color:#fff; position: relative;} .schedule-table-ceo .row {width: auto; text-align: left; min-height: 55px; height: 55px; border: 1px solid #03121c; border-bottom:1px solid #24333d; background: #0a1d2a;} .schedule-table-ceo .col-1 {width: 13.28%!important; display: flex; align-content:stretch; float: left; max-width: none; flex-direction: column;} .schedule-table-ceo .time {width: 7%!important;} .schedule-table-ceo .time .row {text-align:right!important; justify-content:flex-end!important; padding: 12px 15px 12px 0!important; color: #767a7d; text-transform: uppercase; background: none !important; border: 1px solid #03121c; font-size: 0.9em;} .schedule-table-ceo .row a {padding: 10px 10px 0 10px!important; font-size: 0.813em; color:#6d7a82!important; line-height: 1.15em;} .schedule-table-ceo .row a strong {font-size: 1.1em; color:#fff!important;} .schedule-table-ceo .days {background:#081a26!important; border-bottom: none; text-transform: uppercase; text-align: center; justify-content: center; align-items: center; } .schedule-table-ceo .row a:Hover {color:#fff!important;} .schedule-table-ceo .new-episode:hover a { color:#041521!important;} .schedule-table-ceo .new-episode:hover a strong { color:#041521!important;} .schedule-table-ceo .row-2 {height: 110px!important;} .schedule-table-ceo .row-3 {height: 165px!important;} .schedule-table-ceo .row-4 {height: 220px!important;} .schedule-table-ceo .row-5 {height: 275px!important;} .schedule-table-ceo .row-6 {height: 330px!important;} .wrapper-ceo .schedule-table .control-prev {position: absolute; top:12px; left:70px; z-index: 20;} .wrapper-ceo .schedule-table .control-next {position: absolute; top:12px; right:-10px; z-index: 20;} .wrapper-ceo .schedule-reference {margin:20px 0 0 80px;} .wrapper-ceo .schedule-general .row-subtitle h2 {font-size: 1.188em; font-weight:700; text-align: left; float: left; margin:20px 0 0 80px; letter-spacing: 0.1em;} .wrapper-ceo .schedule-general .btn-1 {margin-left:20px; } .wrapper-ceo .schedule-general .row-subtitle {margin:40px 0 20px;} .wrapper-ceo .shows-movies {background: #eaeaea;} .wrapper-ceo .shows-movies .txt-intro {color: #03121c;} .shows-movies table {background: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .shows-movies table thead {background: #eaeaea; font-size:0.813em; text-transform: uppercase; line-height: 1em;} .shows-movies table thead th {font-weight: 400; color:#8b8b8b; vertical-align: bottom; border-bottom:1px solid #fffff; } @media screen and (min-width:0\0) { .shows-movies table thead {background: #f1f1f1;} } .shows-movies table thead tr:first-child th {padding:14px 8px 0 8px; font-size: 1.05em;} .shows-movies table thead th {padding:0 0 10px 6px;} .shows-movies table tbody td {padding: 10px 8px; vertical-align: top; height: 52px;} .shows-movies table tbody tr td:first-child, .shows-movies table thead tr th:first-child {padding-left: 12px!important;} .shows-movies table th:nth-child(1), .shows-movies table th:nth-child(2), .shows-movies table th:nth-child(3) {text-align: left;} .shows-movies table td:nth-child(1), .shows-movies table td:nth-child(2), .shows-movies table td:nth-child(3) {text-align: left;} .shows-movies table tbody td {border-bottom:1px solid #e3e2e2; font-size: 0.938em; line-height: 1em; vertical-align: middle;} .shows-movies table .status { text-transform: uppercase; font-weight: 700; font-size: 0.85em; width:105px;} .shows-movies table .type {font-size: 0.85em; color: #8a8d90; width:125px;} .shows-movies table td:nth-child(4) {width:112px;} .shows-movies table td:nth-child(5) {width:80px; text-align: left; padding-left: 12px;} .shows-movies table td:nth-child(6) {width:82px;} .shows-movies table td img {margin-right:3px;} .shows-movies table .star {width:105px;} .shows-movies table td .rating-star {display: inline-block; vertical-align: middle; float: none;} .shows-movies table .td-btns {text-align: right;} .shows-movies table .name {width:150px; } .shows-movies table .name a {color:#03121c;} .shows-movies table td:nth-child(8) {width:100px;} .shows-movies table .td-progress {width:120px; text-align: right} .shows-movies table .progress-bar {height: 0.7rem; border-radius: .55rem; } .shows-movies table .progress {width: 50px; height: 0.7rem; border-radius: .55rem; float: left; margin-right: 6px; vertical-align: middle;} .shows-movies table .btn-1 {color:#fff!important; padding: 6px 15px!important;} .shows-movies table .btn-2 {color:#fff!important; padding: 6px 15px!important; } .shows-movies .medium-acceptance {background:#f9f9f9;} .shows-movies .medium-acceptance td:nth-child(4) {color:#68747c;} .shows-movies .low-acceptance {background:#f3f3f3;} .shows-movies .low-acceptance td:nth-child(4) {color:#9a9fa3;} .shows-movies .btn-1 {color:#fff;} .tooltip-underline {text-decoration: underline; text-decoration-style: dashed; cursor: help; text-align: center; display: inline-block;} .tooltip-table .tooltip-inner {background-color: #ffffff!important; box-shadow: 0 2px 4px 0 rgba(41, 39, 52, 0.4)!important; font-size: 0.85em; border: 0; color:#292734; border-radius: 0; position: relative; padding:8px 10px; color:#676767; text-align: left;} .tooltip-table .tooltip-inner:after {top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 6px; margin-left: -6px;} .wrapper-ceo .finances .txt-intro {color:#03121c;} .finances ul {display: flex; justify-content: space-between; margin: 10px 0 20px;} .finances ul li {width: 48%; padding: 50px;} .finances .col-left {background:#0a1d2a; color:#fff; float: left;} .finances .col-left table {text-align: right; font-size:0.938em; } .finances .col-left table thead {color:#677179; text-transform: uppercase; font-size: 0.8em; } .finances .col-left table thead th {padding-bottom: 10px;} .finances .col-left table tbody tr:first-child td {border-top:0;} .finances .col-left table td:first-child {text-align: left; padding: 9px 0;} .finances .col-left table td {border-top:1px solid #2f3f4a;} .finances .col-left table .total td {border-top:1px solid #fff!important; font-weight: 700;} .finances .col-left table .loss {color:#e8233f; font-weight: 700;} .finances .col-left table .profit {color:#02be84; font-weight: 700;} .finances .col-right {background:#fff; float: right;} .wrapper-ceo .buy {color:#fff;} .wrapper-ceo .buy p.txt-intro {text-align: center; color: #fff; width: 80%; margin: 20px auto; line-height: 1.500em;} .wrapper-ceo .buy h2.h2-intro {color:#01feb0; font-size: 1.375em; letter-spacing: 0.15em; font-weight: 900; text-transform: uppercase;} .wrapper-ceo .buy h3 {color:#01feb0; font-size: 1.250em; letter-spacing: 0.15em; font-weight: 400; margin: 20px auto;} .more-projects {color:#fff; float: right; text-decoration: underline; margin-top:-40px; margin-right: 16px;} .rating {background: #03121c; padding: 10px; margin: -12px 0; font-size: 0.875em;} .carousel-item .content-star {position: relative; display: inline-block;} .wrapper-ceo .carousel-item article .description {min-height: 165px;} .wrapper-ceo .carousel-item article .txt {min-height: auto;} .wrapper-ceo .carousel-item article .extra {min-height: 125px;} .wrapper-ceo .carousel-item .half-star {top:-2px;} .wrapper-ceo .carousel-item article .btn-1 {padding: 8px 30px !important; float: right; margin: 5px 0 25px; -webkit-box-shadow: 0px 0px 14px 0px rgba(4,20,30,0.35); -moz-box-shadow: 0px 0px 11px 0px rgba(4,20,30,1); box-shadow: 0px 0px 11px 0px rgba(4,20,30,0.35);} .wrapper-ceo .carousel-item article .btn-3 {padding: 8px 30px !important; margin: 5px 0 15px;} .wrapper-ceo .carousel-item article .view-more {margin-top: 12px; text-transform: none; font-size: 1em; text-decoration: underline; opacity: 1;} .wrapper-ceo .carousel-more {background: #02b884!important; vertical-align: middle; text-align: center; display: flex; align-items: center; justify-content: center;} .wrapper-ceo .carousel-more p {color:#fff; font-size: 1.250em; text-transform: uppercase; text-align: center; margin-bottom: 20px; letter-spacing: 0.1em; font-weight: 400;} .not-original {background: #122939;} .wrapper-ceo .buy-detail.not-original {background: none;} .not-original .flag {float:none!important; margin-top: -1px!important;} .not-original .carousel-item article .description {min-height: 90px; height: 90px; overflow: visible; position: relative;} .description-expandable .txt { display: block; height: 90px; overflow: hidden; margin: 0; } .description-expandable:hover .txt { position: absolute; top: 0; left: 0; right: 0; height: auto; overflow: visible; background: #122939; border: 1px solid #1e4060; border-radius: 4px; padding: 8px 10px; z-index: 10; box-shadow: 0 4px 12px rgba(0,0,0,0.5); animation: expandDesc 0.3s ease; } @keyframes expandDesc { from { max-height: 90px; } to { max-height: 600px; } } .flags-expandable { position: relative; display: inline-block; } .flags-expandable .flags-hover { display: none; position: absolute; top: 0; left: 0; background: #122939; border: 1px solid #1e4060; border-radius: 4px; padding: 4px 6px; z-index: 10; white-space: nowrap; box-shadow: 0 4px 12px rgba(0,0,0,0.5); } .flags-expandable:hover .flags-hover { display: flex; gap: 4px; align-items: center; } .not-original .carousel-item article h2 span {font-weight: 300; font-size: 0.75em;} .not-original .carousel-movies .rating li {font-size: 1em; list-style:none; width: 33%; float: left; text-align: center;} .not-original .carousel-movies .rating ul {margin-left: 0; min-height: 55px;} .not-original .carousel-movies .rating {padding: 10px 0;} .not-original .carousel-movies .rating strong {font-size: 1.125em;} .not-original .carousel-movies .rating .rating-star {font-size: 1.7rem;} .not-original .carousel-movies .rating .content-star {margin-left: 0;} .not-original .carousel-movies .rating img {margin-top: -3px;} .not-original .carousel-item article .view-more {margin-top: 0!important;} .wrapper-ceo .buy-detail .search input { border-radius: 20px !important; margin-right: 8px; text-align: left; padding: 21px 18px !important;} .wrapper-ceo .buy-detail .search {width: 500px; margin: 0 auto;} .wrapper-ceo .buy-detail .view-more { text-align: center; margin: 0 auto;} .back {float: left; font-size: 0.875em; text-transform: uppercase; font-weight: 800; opacity: 0.7; margin-left: 20px;} .back:hover {opacity: 1;} .quantity-list {float: right; font-size: 0.875em; text-transform: uppercase; font-weight: 800; color:#767a7d; margin-right: 20px;} .carousel-non div .carousel-item {float: left!important; margin-bottom: 25px!important; margin-right: 0!important;} .carousel-non div .carousel-item .col-sm-4 {float: left!important; margin-right: 0!important;} .carousel-non {margin-top: 10px; position: relative;} .carousel-non div .carousel-item {display: inline-block;} /* ---------->> CRITIC <<<-------------*/ .wrapper-critic .show-reviewed {color:#fff;} .wrapper-critic .show-reviewed h1 {color:#fff;} .wrapper-critic .carousel-item article .description {min-height: 165px;} .wrapper-critic .carousel-item article .txt {min-height: auto;} .wrapper-critic .carousel-item article .extra {min-height: 125px;} .wrapper-critic .carousel-item article .btn-1 {padding: 8px 30px !important; -webkit-box-shadow: 0px 0px 14px 0px rgba(4,20,30,0.35); -moz-box-shadow: 0px 0px 11px 0px rgba(4,20,30,1); box-shadow: 0px 0px 11px 0px rgba(4,20,30,0.35); margin-left:32%; display: inline-block; margin-top: 5px;} .wrapper-critic .carousel-more {vertical-align: middle; text-align: center; display: flex; align-items: center; justify-content: center;} .wrapper-critic .carousel-more p {color:#fff; font-size: 1.250em; text-transform: uppercase; text-align: center; margin-bottom: 20px; letter-spacing: 0.1em; font-weight: 400;} .wrapper-critic .my-reviews {background: #eaeaea;} .wrapper-critic .my-reviews {background: #eaeaea;} .wrapper-critic .my-reviews .txt-intro {color: #03121c;} .my-reviews table {background: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .my-reviews table thead {background: #eaeaea; font-size:0.813em; text-transform: uppercase; line-height: 1em;} .my-reviews table thead th {font-weight: 400; color:#8b8b8b; vertical-align: bottom; border-bottom:1px solid #fffff;} @media screen and (min-width:0\0) {.my-reviews table thead {background: #f1f1f1;}} .my-reviews table thead tr:first-child th {padding:14px 8px 0 8px; font-size: 1.05em;} .my-reviews table thead th {padding:0 0 10px 6px;} .my-reviews table tbody td {padding: 10px 8px; vertical-align: top; height: 52px;} .my-reviews table tbody tr td:first-child, .my-reviews table thead tr th:first-child {padding-left: 12px!important;} .my-reviews table th:nth-child(1), .my-reviews table th:nth-child(2){text-align: left;} .my-reviews table td:nth-child(1), .my-reviews table td:nth-child(2) {text-align: left;} .my-reviews table tbody td {border-bottom:1px solid #e3e2e2; font-size: 0.938em; line-height: 1em; vertical-align: middle;} .my-reviews table .type {font-size: 0.85em; color: #8a8d90; width:125px;} .my-reviews table .star {width:105px;} .my-reviews table td .rating-star {display: inline-block; vertical-align: middle; float: none;} .my-reviews table .name {width:150px;} .my-reviews table .name a {color:#03121c;} .my-reviews table .rating-star {font-size: 1.8rem; top:-2px;} .my-reviews table .full-star:before {color: #03121c; font-size:1.8rem;} .my-reviews table .empty-star:before {color: #03121c;} .my-reviews table .half-star:before {color: #03121c; left:-0.095rem; text-indent: 0.035rem; font-size: 1.8rem;} .my-reviews table .half-star:after {color: #03121c; width: 53%;} /*IE Hacks*/ @media screen and (min-width:0\0) { .carousel-item br {display: none;} .carousel-item .rating br {display: block;} .wrapper-pc .sticky-budget {position:fixed; bottom:0; right: 40px; left: auto; left:100%; margin-left: -450px; z-index: 2000;} .wrapper-pc .create .steps {justify-content:flex-start!important;} .wrapper-pc .create .steps a {margin-right: 11%;} .wrapper-pc .create .steps a:last-child {margin-right: 0;} .rating-vote > span:hover:before, .rating-vote > span:hover ~ span:before {left:0;} .form-control {height:auto!important;} .wrapper-ceo .sticky-budget {position:fixed; bottom:0; right: 40px; left: auto; left:100%; margin-left: -450px; z-index: 2000;} } /* ---------->> PREVIEW PROJECT <<<-------------*/ .preview-project {text-align: left;} .preview-project h3 {font-size: 1.375em; letter-spacing: 0.15em; font-weight: 400; text-align: center; text-transform: uppercase; margin-bottom: 15px; } .preview-project .btn-edit {float: right; color: #fff; text-decoration: underline; margin-top: -40px; } .preview-project p {width: 100%!important; margin:0 0!important; line-height: 24px;} .preview-project article {background: #0b1e2b; padding: 40px 60px;} .preview-project article h4 {font-size:1.500em; color: #fff; font-weight: 700; margin-bottom: 20px;} .preview-project article .more {margin: 20px auto; color:#7b47bf;} .preview-project article .more img { float: left; margin-right: 10px; margin-top: 0px;} .preview-project article .more p {line-height: 20px; font-weight: 700; margin:5px 0!important;} .preview-project article .more p:first-child {padding-top: 5px; display: inline-block;} .preview-project ul {list-style: disc outside none; margin-left: 18px; min-height: 65px;} .preview-project ul li {color:#fff;} .preview-project .label-grey {color:#999;} .preview-project hr {border-top: 1px solid #fff; margin: 2rem 0;} .preview-project .rating {font-size: 1.7em; padding:0;} .preview-project .rating > span {display: inline-block;position: relative;width: 1em;} .preview-project .episode h4 {color:#fff;} .preview-project .quality label .label {width: 140px; display: inline-block; color:#fff;} .preview-project .quality .rating {display: inline-block; vertical-align: middle; margin: -5px 0 0 20px;} .preview-project .episode h4 {font-size: 1.375em; margin-bottom: 5px; font-weight: 700;} .preview-project .talents .col {display:flex;} .preview-project .talents .col img {margin-right:15px;} .preview-project .talents .main-row span {font-size: 1.1em; font-weight: 700;} .preview-project .location .rating {margin-top: -9px;} .wrapper-ceo .project-detail {color:#fff;} .wrapper-ceo .project-detail p.txt-intro { text-align: center; color: #fff; width: 80%; margin: 20px auto; line-height: 1.500em;} .wrapper-ceo .rating-view {background: #0b1e2b; padding: 20px; height: 100px;} .wrapper-ceo .rating-view ul {list-style:none; margin: 0 0 0 -185px; left: 50%; width: 370px; position: absolute;} .wrapper-ceo .rating-view ul li { float: left; text-align: center; margin: 0 20px; } .wrapper-ceo .rating-view .content-star {position: relative; display: inline-block; font-size: 1.1rem!important;} .wrapper-ceo .rating-view .content-star:first-child {margin-right: 25px;} .wrapper-ceo .rating-view .content-star .full-star::before {color: #fff;font-size: 1.8rem!important;} .wrapper-ceo .rating-view .content-star .half-star::before {color: #fff; } .wrapper-ceo .rating-view .content-star .half-star::after {left: -0.005rem; text-indent: 0.1rem;} .wrapper-ceo .rating-view .content-star .rating-star {font-size: 1.8rem; width: 1.8rem; height: 1.8rem; margin-right: 5px;} .wrapper-ceo .sticky-budget {width: 460px; background-color: #01feb0 !important; position: fixed; right: 60px; bottom: 0; z-index: 300; display: flex;} .wrapper-ceo .sticky-budget strong {font-size: 1.125em;} .wrapper-ceo .project-detail .back, .wrapper-critic .project-detail .back { margin-left: 0; } .wrapper-critic .project-detail {color:#fff;} .wrapper-critic .project-detail p.txt-intro { text-align: center; color: #fff; width: 80%; margin: 20px auto; line-height: 1.500em;} .wrapper-critic .review {color:#fff; padding: 20px; margin-top: 30px;} .wrapper-critic .review label {color:#fff!important; font-weight: 700!important;} .wrapper-critic .review ul {list-style:none; margin: 0; min-height: 25px;} .wrapper-critic .review ul li {float: left; width: 52px; display: inline-block; font-size: 1.1em;} .wrapper-critic .custom-radio .custom-control-label::before { width: 17px!important; height: 17px!important; padding-left:0!important;} .wrapper-critic .custom-radio .custom-control-label::after { width: 17px!important; height: 17px!important; padding-left:0!important;} .wrapper-critic .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image:url(../images/radiobutton.png); background-size: 9px 9px; background-repeat: no-repeat; top: 4px; left: -24px;} .wrapper-critic .form-radio {min-height: 2rem; padding-left: 1.1rem; display: block; width: 100%; } .wrapper-critic .custom-radio .custom-control-label::before {border: solid 1px #bdbdbd!important; padding-left:0!important;} .wrapper-critic .custom-radio .custom-control-input {width: auto!important; margin-top: .35rem;} .wrapper-critic .custom-radio .custom-control-label { text-transform: uppercase; } .wrapper-critic .custom-radio {width:auto!important; padding-left: 5px!important; display: inline-block!important;} .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: #e3e3e3;} .custom-control-input:checked ~ .custom-control-label::before {background-color: #e3e3e3;} .wrapper-critic .review-coment {background: #fd2c95;} .wrapper-critic .review-coment .form { background: #fff; text-align: left; padding: 50px;} .wrapper-critic .review-coment .form h3 {font-size: 1.375em; letter-spacing: 0.15em; font-weight: 400; text-transform: uppercase; margin-bottom: 15px;} .wrapper-critic .review-coment .form h3 span {color: #03121c;} .wrapper-critic .review-coment .form textarea {background: #f1f1f1; display: block; width: 100%;} .wrapper-critic .review-coment .form label {font-size: 0.875em; text-transform: uppercase; color: #03121c; display: block;} .wrapper-critic .review-coment .form .btn-1 {color:#fff!important; float: right;} /* SweetAlert modal — PC context */ .swal-pc { background: #03121c !important; border: 2px solid #2acec0 !important; border-radius: 8px !important; color: #fff !important; } .swal-pc .swal2-title { color: #2acec0 !important; font-size: 1.2em !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; } .swal-pc .swal2-html-container { color: #fff !important; line-height: 1.5 !important; } .swal-pc .swal2-icon { border-color: #2acec0 !important; color: #2acec0 !important; } .swal-pc .btn-1 { color: #03121c !important; background: linear-gradient(90deg, rgba(22,170,157,1) 0%, rgba(80,246,217,1) 80%) !important; font-weight: 700 !important; padding: 10px 40px !important; border: 0 !important; border-radius: 35px !important; box-shadow: 0px 0px 11px 0px rgba(42,206,192,0.35) !important; } .swal-pc .btn-1:hover { background: linear-gradient(90deg, rgba(80,246,217,1) 0%, rgba(22,170,157,1) 80%) !important; } /*Color*/ .wrapper-pc .preview-project label {color:#2acec0;} .wrapper-pc .preview-project article .more p {color:#2acec0;} .wrapper-pc .preview-project hr {border-color: #2acec0;} .wrapper-pc .preview-project .rating {color:#2acec0;} .wrapper-pc .preview-project .talents span {color:#2acec0;} .wrapper-ceo .preview-project label {color:#01feb0;} .wrapper-ceo .preview-project article .more p {color:#01feb0;} .wrapper-ceo .preview-project hr {border-color: #01feb0;} .wrapper-ceo .preview-project .rating {color:#01feb0;} .wrapper-ceo .preview-project .talents span {color:#01feb0;} .wrapper-critic .preview-project label {color:#fd2c95;} .wrapper-critic .preview-project article .more p {color:#fd2c95;} .wrapper-critic .preview-project hr {border-color: #fd2c95;} .wrapper-critic .preview-project .rating {color:#fd2c95;} .wrapper-critic .preview-project .talents span {color:#fd2c95;} .wrapper-critic .project-detail .back {color: #fd2c95;} .wrapper-critic .review {background:#fa5bab;} .wrapper-critic .review-coment .form h3 {color: #fd2c95;} /* sw modal preview */ .customContent-sw { text-align: left !important; } ul.validation-list { list-style: disc; } ul.validation-list li { color: #fff; font-size: 12pt; padding: 2px; } /* --------------------->> TV SIM sobreescritura <<<--------------------*/ .registerNetwork { padding: 60px; } .modal-content { border-radius: 0 !important; } /* buyMovieModal - CEO theme */ #buyMovieModal .modal-content-buy { background: #0a1d2a; color: #fff; border: none; border-radius: 0; border-top: 5px solid #01feb0; } #buyMovieModal .modal-header { background: #03121c; border-bottom: 1px solid #02be84; padding: 20px 25px; } #buyMovieModal .modal-title { color: #01feb0; font-size: 1em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; } #buyMovieModal .modal-header h5 { color: #fff; font-size: 1.125em; font-weight: 400; margin: 4px 0 0; } #buyMovieModal .close { color: #fff; opacity: 0.7; } #buyMovieModal .close:hover { color: #01feb0; opacity: 1; } #buyMovieModal .modal-body { background: #0a1d2a; padding: 25px; } #buyMovieModal .modal-body strong { color: #01feb0; font-size: 0.813em; text-transform: uppercase; letter-spacing: 0.05em; } #buyMovieModal .modal-body span { color: #fff; font-size: 1.125em; font-weight: 700; } #buyMovieModal .form-check-label { color: #fff !important; } #buyMovieModal .form-check-input:checked { accent-color: #01feb0; } #buyMovieModal .modal-footer { background: #03121c; border-top: 1px solid #02be84; padding: 15px 25px; display: flex; flex-direction: column; align-items: stretch; gap: 10px; } #buyMovieModal .modal-footer .btn-3 { align-self: flex-end; } /* Error message */ #buyMovieModal .buy-modal-error { display: flex; align-items: flex-start; gap: 10px; background: rgba(220, 53, 69, 0.15); border: 1px solid rgba(220, 53, 69, 0.5); border-left: 3px solid #dc3545; color: #ff8a8a; padding: 10px 14px; font-size: 0.875em; line-height: 1.4em; width: 100%; } #buyMovieModal .buy-modal-error-icon { font-size: 1.1em; color: #dc3545; flex-shrink: 0; margin-top: 1px; } /* Info block */ #buyMovieModal .buy-modal-info { background: rgba(1, 254, 176, 0.06); border: 1px solid rgba(1, 254, 176, 0.2); border-left: 3px solid #01feb0; padding: 12px 16px; } #buyMovieModal .buy-modal-info-row { display: flex; gap: 12px; align-items: flex-start; } #buyMovieModal .buy-modal-info-icon { color: #01feb0; font-size: 1.2em; flex-shrink: 0; margin-top: 1px; } #buyMovieModal .buy-modal-info p { color: #a0b8c8; font-size: 0.813em; line-height: 1.5em; margin: 0 0 6px; } #buyMovieModal .buy-modal-info p:last-child { margin-bottom: 0; } #buyMovieModal .buy-modal-info p strong { color: #01feb0; font-size: inherit; text-transform: none; letter-spacing: 0; } #loginRegisterNetwrok .login { padding: 60px; } #loginRegisterNetwrok .register { width: 50%; padding: 60px; background: #03121c; } #loginRegisterNetwrok .close { position: absolute; top: 20px; right: 20px; color: #fff; } #loginRegisterNetwrok br { content: " "; display: block; margin-top: 1em; } #loginRegisterNetwrok h4 { font-size: 1.275em; letter-spacing: 0.05em; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } #loginRegisterNetwrok .register h4 { color: #fd2c95; } #loginRegisterNetwrok .register h5 { color: #fff; font-weight: 400; font-size: 0.875em; letter-spacing: 0.05em; } #loginRegisterNetwrok .login h4 { margin-top: 17px; } #loginRegisterNetwrok .form-control { border: 0; border-radius: 0; } #loginRegisterNetwrok label { text-align: left !important; color: #fff; font-size: 0.875em; text-transform: uppercase; margin-bottom: 0.25rem; } #loginRegisterNetwrok .login .form-control { border: 1px solid #d2d2d2; } #loginRegisterNetwrok .login label { color: #03121c; } #loginRegisterNetwrok .login a { font-size: 0.750em; text-transform: uppercase; color: #5e17bb; margin-bottom: 0.35rem; display: block; } #loginRegisterNetwrok .login a:hover { text-decoration: underline; } #loginRegisterNetwrok .form-check-input { padding: 3px; } #loginRegisterNetwrok .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; } #loginRegisterNetwrok .custom-control-input:checked ~ .custom-control-label::before { background-color: #fff; } #loginRegisterNetwrok .custom-control-label { padding: 4px 0 0 4px; } #loginRegisterNetwrok .custom-checkbox .custom-control-label::before { border-radius: 0 !important; width: 1.25rem; height: 1.25rem; } #loginRegisterNetwrok .custom-control-input:checked ~ .custom-control-label::before { border-color: #d2d2d2; background-color: #ee2a99; } #loginRegisterNetwrok .btn-1 { color: #fff !important; margin: 15px 0 5px 0; } /* CEO Offers Modal Table Styling */ .wrapper-ceo #offers-modal .modal-content-offer {background:#eaeaea; border:0; box-shadow:rgba(100,100,111,0.2)0px 7px 29px 0px;} .wrapper-ceo #offers-modal .modal-header {background:#eaeaea; border-bottom:1px solid #dcdcdc;} .wrapper-ceo #offers-modal .modal-header h5 {color:#03121c; letter-spacing:.05em; font-weight:700;} .wrapper-ceo #offers-modal .offers-table {background:#fff; width:100%; border-collapse:collapse; box-shadow:rgba(100,100,111,0.2)0px 7px 29px 0px; border-width:0px} .wrapper-ceo #offers-modal .offers-table thead {background:#eaeaea; font-size:.813em; text-transform:uppercase; line-height:1em;} .wrapper-ceo #offers-modal .offers-table thead th {font-weight:400; color:#8b8b8b; vertical-align:bottom; padding:14px 8px 10px 8px; text-align:left;} .wrapper-ceo #offers-modal .offers-table tbody td {padding:10px 8px; border-bottom:1px solid #e3e2e2; font-size:.938em; line-height:1em; vertical-align:middle; text-align:left;} .wrapper-ceo #offers-modal .offers-table tbody tr:last-child td {border-bottom:0;} .wrapper-ceo #offers-modal .offers-table .offer-status-accepted {color:#02be84; font-weight:700; text-transform:uppercase; font-size:.85em;} .wrapper-ceo #offers-modal .offers-table .offer-status-rejected {color:#e8233f; font-weight:700; text-transform:uppercase; font-size:.85em;} .wrapper-ceo #offers-modal .offers-table .offer-status-pending {color:#8a8d90; font-weight:700; text-transform:uppercase; font-size:.85em;} .wrapper-ceo #offers-modal .offers-table .percentage {color:#02be84; font-weight:700;} /* CEO Make Offer Modal — #offerModal */ .wrapper-ceo .modal-content-offer {background-color:#0b1e2b; border:1px solid #01feb0; border-radius:4px;} .wrapper-ceo .modal-content-offer .modal-header {background-color:#03121c; padding:30px 30px 10px 30px;} .wrapper-ceo .modal-content-offer .modal-header h2, .wrapper-ceo .modal-content-offer .modal-header h4 {color:#01feb0;} .wrapper-ceo .modal-content-offer .modal-footer {background-color:#03121c; border-top:1px solid #01feb0 !important; padding-top:15px;} .wrapper-ceo .modal-content-offer .table-sticky-budget {border:1px solid #234963; background-color:#0b1e2b; color:#fff;} .wrapper-ceo .modal-content-offer .table-sticky-budget td {color:#fff;} .wrapper-ceo .modal-content-offer .table-sticky-budget td:first-child {color:#b0c4d0;} .wrapper-ceo .modal-content-offer .table-sticky-budget tr:last-child {border-top:1px solid #01feb0;} .wrapper-ceo .modal-content-offer .table-sticky-budget select {background-color:#01feb0; border:1px solid #01feb0; color:#03121c; font-weight:600; width:35%; -webkit-appearance:auto; appearance:auto;} .wrapper-ceo .modal-content-offer .table-sticky-budget select option {background-color:#0b1e2b; color:#fff;} .wrapper-ceo .modal-content-offer .table-sticky-budget select:focus {border-color:#01feb0; outline:none; box-shadow:0 0 0 2px rgba(1,254,176,0.25);} .wrapper-ceo .modal-content-offer #seriesBudgetOfferValue, .wrapper-ceo .modal-content-offer #productionFeeOfferValue, .wrapper-ceo .modal-content-offer #totalOffer {color:#01feb0; font-weight:700;} .wrapper-ceo .modal-content-offer .close {color:#fff; opacity:0.7;} .wrapper-ceo .modal-content-offer .close:hover {color:#01feb0; opacity:1;} /* PC Offers Modal — #offers-modal en Shows.cshtml */ .wrapper-pc .modal-content-offer {background-color:#eaeaea; border:0; border-radius:0; color:#03121c; box-shadow:rgba(100,100,111,0.2) 0px 7px 29px 0px;} .wrapper-pc .modal-content-offer .modal-header {background-color:#eaeaea; border-bottom:1px solid #dcdcdc !important; padding:30px 30px 10px 30px;} .wrapper-pc .modal-content-offer .modal-header h5 {color:#03121c; letter-spacing:.05em; font-weight:700;} .wrapper-pc .modal-content-offer .modal-footer {background-color:#eaeaea; border-top:1px solid #dcdcdc !important; padding-top:15px;} .wrapper-pc .modal-content-offer .offers-table {background:#fff; width:100%; border-collapse:collapse; box-shadow:rgba(100,100,111,0.2) 0px 7px 29px 0px; border-width:0;} .wrapper-pc .modal-content-offer .offers-table td.name, .wrapper-pc .modal-content-offer .offers-table th.name {width:auto;} .wrapper-pc .modal-content-offer .offers-table thead {background:#eaeaea; font-size:.813em; text-transform:uppercase; line-height:1em;} .wrapper-pc .modal-content-offer .offers-table thead th {color:#8b8b8b; font-weight:400; padding:14px 8px 10px 8px; text-align:left; vertical-align:bottom;} .wrapper-pc .modal-content-offer .offers-table tbody td {padding:10px 8px; border-bottom:1px solid #e3e2e2; color:#03121c; font-size:.938em; line-height:1em; vertical-align:middle;} .wrapper-pc .modal-content-offer .offers-table tbody tr:last-child td {border-bottom:0;} .wrapper-pc .modal-content-offer .offers-table .offer-amount {display:inline; margin-right:6px;} .wrapper-pc .modal-content-offer .offers-table .offer-pct {display:inline; font-weight:700; color:#2acec0;} .wrapper-pc .modal-content-offer .offers-table .offer-status-accepted {color:#2acec0; font-weight:700; text-transform:uppercase; font-size:.85em;} .wrapper-pc .modal-content-offer .offers-table .offer-status-rejected {color:#e8233f; font-weight:700; text-transform:uppercase; font-size:.85em;} .wrapper-pc .modal-content-offer .offers-table .offer-status-pending {color:#8a8d90; font-weight:700; text-transform:uppercase; font-size:.85em;} .wrapper-pc .modal-content-offer .offers-table .percentage {color:#2acec0; font-weight:700;} .wrapper-pc .modal-content-offer #message-container {color:#e8233f;} .wrapper-pc .modal-content-offer .close {color:#03121c; opacity:0.5;} .wrapper-pc .modal-content-offer .close:hover {color:#03121c; opacity:1;} .wrapper-pc .modal-content-offer .btn-3 {border-color:#2acec0; color:#03121c;} .wrapper-pc .modal-content-offer .btn-3:hover {background: linear-gradient(90deg, rgba(22,170,157) 0%, rgba(80,246,217,1) 80%); color:#03121c; border-color:transparent;} /* PC Delete pitch SweetAlert */ .pitch-delete-modal .btn-1 {color:#03121c !important; background: linear-gradient(90deg, rgba(22,170,157,1) 0%, rgba(80,246,217,1) 80%) !important; font-weight:700 !important; padding:10px 40px !important; border:0 !important; border-radius:35px !important; box-shadow:0px 0px 11px 0px rgba(42,206,192,0.35) !important;} .pitch-delete-modal .btn-1:hover {background: linear-gradient(90deg, rgba(80,246,217,1) 0%, rgba(22,170,157,1) 80%) !important;} .pitch-delete-modal .swal2-icon {border-color:#2acec0 !important; color:#2acec0 !important;}