@font-face {
    font-family: 'animals';
    font-style: normal;
    font-weight: normal;
    src: local('animals'), url('animals.ttf') format('truetype');
}

.margin_up {
    margin-top: 20px;
}

.container-animals-boxoffice-main {
    padding-top: 10px !important;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}


/********************************/


/*         BOX OFFICE WEB       */


/********************************/


/******* GENERAL *******/

body {
    background-color: #fff;
    overflow-x: hidden !important;
}

.div_comparte_gana {
    background: url('../../../img/comparte_gana2.jpg') no-repeat center center;
}

.comparte_gana_min {
    padding-top: 100px;
    min-width: 150px;
    min-height: 150px;
}

.content-animals-boxoffice-main {
    margin-bottom: 1000px;
}

.padding-not {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.padding-min {
    padding: 0px 2px !important;
}

.padding-right {
    padding: 0px 8px 0px 0px !important;
}

.margin-top-min {
    margin-top: 5px !important;
}

.btn-boxoffice {
    font-size: 12px !important;
    font-weight: bold;
    padding: 3px 10px !important;
    margin-top: 3px;
    margin-bottom: 3px;
    border-radius: 8px;
}

.btn-boxoffice-lite {
    font-size: 12px !important;
    font-weight: bold;
    padding: 8px 5px !important;
    margin-bottom: 3px;
    border-radius: 8px;
}

.btn-boxoffice-lite-light {
    font-size: 13px !important;
    font-weight: bold;
    padding: 2px 5px !important;
    margin-bottom: 2px;
    border-radius: 8px;
}

.btn-boxoffice-nano {
    font-size: 10px !important;
    font-weight: bold;
    padding: 2px 3px !important;
    margin-bottom: 2px;
    border-radius: 8px;
}

.btn-boxoffice-mini {
    font-size: 11px !important;
    font-weight: bold;
    padding: 5px 10px !important;
    margin-bottom: 3px;
    border-radius: 8px;
}

.btn-boxoffice-md {
    font-size: 11px !important;
    font-weight: bold;
    padding: 5px 10px !important;
    margin-bottom: 3px;
    border-radius: 8px;
}

.btn-boxoffice-lg {
    font-size: 15px !important;
    font-weight: bold;
    padding: 8px 15px !important;
    margin-bottom: 3px;
    border-radius: 8px;
}

.btn-radius-top-left {
    border-radius: 20px 0px 0px 0px !important;
}

.btn-radius-top-right {
    border-radius: 0px 20px 0px 0px !important;
}

.btn-radius-bottom-left {
    border-radius: 0px 0px 0px 20px !important;
}

.btn-radius-bottom-right {
    border-radius: 0px 0px 20px 0px !important;
}

.btn-radius-not {
    border-radius: 0px !important;
}

.btn-border-top-bottom {
    border-top: 4px solid #6F1D1F;
    border-bottom: 4px solid #6F1D1F;
}

.btn-border-left {
    border-top: 4px solid #6F1D1F;
    border-bottom: 4px solid #6F1D1F;
    border-left: 4px solid #6F1D1F;
}

.btn-border-right {
    border-top: 4px solid #6F1D1F;
    border-bottom: 4px solid #6F1D1F;
    border-right: 4px solid #6F1D1F;
}

.btn-animals-boxoffice-primary {
    background: #FFCF00;
    border: 2px solid #FFB900;
    color: #0a377e;
}

.btn-animals-boxoffice-secundary {
    background: #981117 !important;
    border: 2px solid #ffe98a;
    color: #FFF !important;
    font-weight: bold;
}

.btn-animals-boxoffice-clear {
    background: none !important;
    border: 2px solid #39847b;
    padding: 0px 5px !important;
    margin-top: -2px !important;
    color: #FFF !important;
    font-weight: bold;
}

.btn-play {
    opacity: 0.9;
    border: none;
}

.boxoffice-what-game {
    margin-top: 30px;
}

.label-animals-boxoffice-secundary {
    display: inline-block;
}

.text-animals-boxoffice-amount::-webkit-input-placeholder {
    color: gray;
}

.text-animals-boxoffice-amount:-moz-placeholder {
    color: gray;
}

.text-animals-boxoffice-amount::-moz-placeholder {
    color: gray;
}

.text-animals-boxoffice-amount:-ms-input-placeholder {
    color: gray;
}

.container-animals-boxoffice-main {
    /*margin-top: 10px;*/
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 2%;
    padding-left: 2%;
    font-size: 14px;
}

.content-btn-animals-boxoffice-play {
    margin: 0px 0px 4px 0px !important;
    padding: 1px 1px !important;
    width: 10%;
    float: left;
    position: relative;
}

.message-warning {
    margin-top: 40px;
    margin-bottom: 50px;
}

.message-warning .inner {
    background: #f5f5f5;
    border-radius: 6px;
    padding: 25px 30px;
}

.message-warning h1 {
    color: #eb2f3b;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 25px;
    margin: 10px 0 5px 0;
}

.message-warning p {
    color: #808080;
    margin-bottom: 20px;
    line-height: 30px;
    text-align: center;
}

.message-warning h3 {
    margin: 0;
}

.message-warning img {
    margin-right: auto;
    margin-left: auto;
}

.logo-main-animals-boxoffice {
    margin-top: 20px;
}

.logo-main-animals-boxoffice img {
    height: 80px;
}

.date-animals-boxoffice {
    margin-top: 10px;
    color: #981117;
    font-size: 12px;
    font-weight: bold;
}

.date-animals-boxoffice-gav {
    /*margin-top:90px;*/
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.logo-parley-animals-boxoffice {
    margin-top: 26px;
}


/******* END GENERAL *******/

.sections-mains-animals-boxoffice {
    float: left;
}

.section-left-animals-boxoffice {
    width: 15%;
    padding-right: 2%;
}

.section-center-animals-boxoffice {
    width: 60%;
}

.section-right-animals-boxoffice {
    width: 25%;
    padding-left: 2%;
    margin-top: 20px;
}


/******* END SECTIONS MAINS *******/


/******* SECTION LEFT *******/

.section-left-animals-boxoffice-horary {
    margin-top: 25px;
}

.panel-animals-boxoffice-game-type-content {
    margin: 24px 0px;
}

.panel-horary-header {
    background: #2D5E6D !important;
    color: #FFF !important;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 26px;
}

.border2_taq_ga {
    border: 2px solid #ffe98a;
}

.panel-horary-body>div {
    background: #981117 !important;
    color: #FFF !important;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid #FFF;
    position: relative;
}

.panel-horary-body>div>a>label {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #FFF !important;
}

.panel-horary-body>div>a>div {
    width: 100%;
    font-size: 8px;
    font-weight: bold;
    text-align: right;
    position: absolute;
    bottom: 2px;
    right: 2px;
    color: #FFF !important;
}

.panel-horary-footer {
    background: #981117 !important;
    color: #FFF !important;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

.panel-game-type-header {
    background: #2D5E6D !important;
    color: #FFF !important;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 26px;
}

.panel-game-type-body>button,
.panel-game-type-body>div>button,
.panel-game-type-body>div>ul>li>a {
    background: #981117;
    color: #FFF !important;
    font-weight: bold;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-bottom: 20px;
    /*min-height: 26px;*/
    border: 1px solid #FFF;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #ffe98a;
}

.panel-horary-body>div:hover,
.panel-game-type-body>button:hover,
.panel-game-type-body>div>button:hover,
.panel-game-type-body>div>ul>li>a:hover {
    cursor: pointer;
    background: #58c9c9;
}

.panel-game-type-footer {
    background: #981117 !important;
    color: #FFF !important;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 26px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}


/*.btn-animals-boxoffice-horary{
    background: #2D5E6D !important;
    border: 2px solid #2D5E6D;
    color: #FFF !important;
    font-weight: bold;
    padding: 10px 0px;
}

.btn-animals-boxoffice-horary-disable{
    background: #2D5E6D !important;
    border: 2px solid #2D5E6D;
}

.btn-animals-boxoffice-horary-enable{
    background: #06A6A6 !important;
    border: 2px solid #06A6A6;
}

.btn-animals-boxoffice-horary a{
    text-decoration: none !important;
}

.btn-animals-boxoffice-horary input[type="checkbox"]{
    display: none;
}*/

.btn-animals-boxoffice-horary {
    color: #FFF;
    text-decoration: none !important;
    cursor: pointer;
}

#btn_animals_taq_draws {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.ul-animals-boxoffice-type-play-chose {
    background: #2D5E6D !important;
    margin: 4px 0px 0px 10% !important;
    padding: 0px !important;
    border: 2px solid #2D5E6D;
    /* #2D5E6D #31 577C*/
    border-radius: 10px;
    width: 80%;
}

.ul-animals-boxoffice-type-play-chose:before {
    position: absolute;
    top: -8px;
    left: 50%;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ' ';
}

.ul-animals-boxoffice-type-play-chose:after {
    position: absolute;
    top: -8px;
    left: 50%;
    display: inline-block;
    border-width: 11px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #2D5E6D;
    border-left: 6px solid transparent;
    content: ' ';
}

.ul-animals-boxoffice-type-play-chose a {
    color: #FFF !important;
    font-size: 12px !important;
    font-weight: bold !important;
    border-bottom: 1px solid #FFF;
    padding: 7px 0px 7px 20px !important;
}

.ul-animals-boxoffice-type-play-chose>li:hover {
    cursor: pointer;
}

.ul-dropdown-menu-square {
    background: #2D5E6D !important;
    margin: 0px !important;
    padding: 0px !important;
    border: 1px solid #2D5E6D;
    width: 100%;
    min-width: 100% !important;
    border-radius: 0px !important;
    top: 90% !important;
}

.ul-dropdown-menu-square:before {
    position: absolute;
    top: -8px;
    left: 50%;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ' ';
}

.ul-dropdown-menu-square:after {
    position: absolute;
    top: -8px;
    left: 50%;
    display: inline-block;
    border-width: 11px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #2D5E6D;
    border-left: 6px solid transparent;
    content: ' ';
}

.ul-dropdown-menu-square a {
    color: #FFF !important;
    font-size: 12px;
    font-weight: bold !important;
    border-bottom: 1px solid #FFF;
    margin: 0px !important;
}

.ul-dropdown-menu-square>li:hover {
    cursor: pointer;
}

.a-animals-boxoffice-type-play-chose-first {
    border-radius: 10px 10px 0px 0px;
}

.a-animals-boxoffice-type-play-chose-last {
    border-radius: 0px 0px 10px 10px;
}

#boxoffice_type_play_dozen {
    position: relative;
    z-index: 10 !important;
}

.panel-animals-boxoffice-horary {
    border: none;
}

.panel-animals-boxoffice-horary-title,
.panel-animals-boxoffice-horary-footer {
    background: #981117 !important;
    color: #FFF !important;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 26px;
    border-radius: 15px 15px 0px 0px;
}

.panel-animals-boxoffice-horary-footer {
    border-radius: 0px 0px 15px 15px;
    height: 35px;
    font-size: 11px;
}


/*.div-animals-boxoffice-hour{*/


/*border-top: 1px dashed #6F1D1F;*/


/*margin-top: 15px !important;*/


/*padding-top: 8px !important;*/


/*}*/

.div-animals-boxoffice-play-dozen {
    font-size: 10px;
}

#boxoffice_play_horary_selected {
    /*display: none;*/
    position: absolute;
    height: 40px;
    overflow: hidden;
    margin-left: 7px;
}


/******* END SECTION LEFT *******/


/******* SECTION CENTER *******/

.popover {
    background: #81D2D2 !important;
}

.popover.bottom>.arrow:after {
    border-bottom-color: #81D2D2 !important;
}

.popover-content {
    color: #3B717E !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-align: center !important;
}

#boxoffice_play_game_type_description_body {
    font-size: 13px !important;
    color: #981117;
    font-weight: bold;
}

.panel-animals-boxoffice-items {
    margin-top: 10px !important;
}

.btn-animals-boxoffice-play {
    padding: 0px !important;
    margin: 0px !important;
    width: 100%;
    text-align: center;
    color: #F3E680;
    position: relative;
}

.btn-animals-boxoffice-play:hover {
    color: #FFF !important;
}

.btn-animals-boxoffice-play i {
    font-size: 35px;
    font-weight: bold;
    padding: 5px 0px !important;
    margin: 0px !important;
    text-align: center;
}

.btn-animals-boxoffice-play img {
    width: 60px;
    padding: 5px 0px;
}

.btn-animals-boxoffice-play label {
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    background-color: rgba(000, 000, 000, 0.2);
    padding: 5px 0px;
    margin: 0px;
}

.btn-animals-clover {
    border-top: 4px solid #6F1D1F;
    border-right: 4px solid #6F1D1F;
    border-left: 4px solid #6F1D1F;
    border-radius: 20px 20px 0px 0px !important;
    margin-bottom: 0px !important;
    padding: 1px 1px !important;
}

.btn-animals-clover>button {
    border-radius: 20px 20px 0px 0px !important;
    background: #F5EE86 !important;
    color: #6F1D1F !important;
}

.btn-animals-clover label {
    color: #6F1D1F !important;
}

.btn-animals-boxoffice-play-random {
    overflow: hidden;
}

.btn-animals-boxoffice-play-random i {
    font-size: 45px;
}

.btn-bg-1 {
    background: #6F1D1F !important;
}

.btn-bg-2 {
    background: #CF4138 !important;
}

.btn-bg-3 {
    background: #219388 !important;
}

.btn-bg-4 {
    background: #2D5E6D !important;
    border: 2px solid #cff5f7;
    box-shadow: 5px 5px #2D5E6D;
}

.btn-bg-border-1 {
    border: 2px solid #cff5f7;
    box-shadow: 0px 0px 1px 1px #6F1D1F;
}

.btn-bg-border-2 {
    border: 2px solid #cff5f7;
    box-shadow: 0px 0px 1px 1px #CF4138;
}

.btn-bg-border-3 {
    border: 2px solid #cff5f7;
    box-shadow: 0px 0px 1px 1px #219388;
}

.btn-bg-border-4 {
    border: 2px solid #cff5f7;
    box-shadow: 0px 0px 1px 1px #2D5E6D;
}

.btn-bg-def {
    background: #06A6A6;
}

.btn-animals-boxoffice-game-type-chose {
    color: #FFF !important;
}


/*.btn-animals-boxoffice-game-type-chose-active {
    background: #981117 !important;
    box-shadow: 0px 0px 10px 1px #ffe98a;
}*/

#boxoffice_play_game_type_description {
    margin-top: 5px;
    font-size: 14px;
    color: #981117;
    font-weight: bold;
    text-align: center;
}

#boxoffice_play_game_type_description>div {
    margin-top: 10px;
}
#boxoffice_play_game_type_top {
    margin-top: 5px;
    font-size: 14px;
    color: #981117;
    font-weight: bold;
    text-align: center;
    position: inherit;
}

#boxoffice_play_game_type_top>div {
    margin-top: 10px;
}


/******* END SECTION CENTER *******/


/******* SECTION RIGHT *******/

.label-animals-boxoffice-balance {
    background: #981117;
    color: #FFF;
    font-size: 12px;
    padding: 8px 3px !important;
    font-weight: bold;
    border-radius: 8px;
}

.panel-animals-boxoffice {
    margin-top: 5px;
    border: 1px solid #981117;
    border-radius: 8px;
    padding-bottom: 5px;
    /*height: 420px;*/
}

.panel-animals-boxoffice-gran-animalito {
    background-color: #F8F7F2;
}

.panel-animals-boxoffice-play {
    height: 395px;
    overflow: auto;
    /*border-bottom: 2px dashed #0b5634;*/
    margin-bottom: 5px;
}

.panel-animals-boxoffice-btn {
    margin-top: 10px;
}


/*.div-animals-boxoffice-title{*/


/*font-size: 14px;*/


/*font-weight:bold;*/


/*color: #6F1D1F;*/


/*padding: 10px 0px 0px 0px;*/


/*}*/

.div-animals-boxoffice-title-mini {
    font-size: 14px;
    font-weight: bold;
    color: #6F1D1F;
    /*padding: 8px 0px;*/
}

.div-animals-boxoffice-play,
.div-animals-boxoffice-number {
    font: normal 12px 'Montserrat', sans-serif;
    padding-top: 6px !important;
    color: #802123;
}

.i-animals-boxoffice-play {
    font-size: 22px;
}

.img-animals-boxoffice-delete {
    width: 26px;
    margin-top: -2px;
}

.text-animals-boxoffice-awards {
    font-size: 10px;
    margin-left: 3px;
    margin-bottom: 2px;
    color: #802123;
    width: 100%;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.text-animals-boxoffice-amount {
    width: 100%;
    height: 23px !important;
    font: normal 11px 'Montserrat', sans-serif;
    color: #802123;
    padding: 2px 5px !important;
    border-radius: 8px;
    border: 2px;
    border-style: inset;
    text-align: right;
    opacity: 0.75 !important;
}


/******* END SECTION RIGHT *******/


/******* TICKET *******/

.div-animals-boxoffice-ticket {
    border: 1px solid #000000;
    border-radius: 4px;
    font-size: 9px;
    text-transform: uppercase;
    padding: 20px 0px;
}


/******* END TICKET *******/


/************************************/


/*         END BOX OFFICE WEB       */


/************************************/


/*********************************/


/*          RESULTS WEB          */


/*********************************/

.container-results-spinner {
    position: absolute;
    left: 20%;
}

.container-results-roulette {
    position: absolute;
    margin: 0 auto;
    width: 300px;
    height: 300px;
    left: 40%;
    background-color: red;
    background-size: 300px 300px;
    background-image: url('https://blog.tehsis.me/ruleta.png');
    border-radius: 300px;
}

.btn-results-spinner {
    cursor: pointer;
    color: red;
    font-weight: bold;
    border: none;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 100px;
    left: 100px;
    border-radius: 100%;
    z-index: 1000;
    background-color: blue;
}

.btn-results-spinner .results-spinner-pointer {
    position: absolute;
    width: 0;
    height: 0;
    top: -8px;
    left: 40px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid blue;
}

.panel-results-header {
    /*position: relative;*/
    padding: 10px !important;
    margin: 0px 0px 0px 0px !important;
}

.title-results {
    position: absolute;
    bottom: 2px;
    right: 2px;
    text-align: right;
}

.results-content-item {
    margin: 10px 0px 40px 0px !important;
}

.results-content-title {
    background: #005e81;
    color: #FFF;
    /*padding: 3px 0px !important;*/
    padding: 0 0 !important;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px !important;
}

.results-title-draw {
    border-right: 1px solid #FFF;
    padding-right: 0 !important;
}

.results-title-draw > div {
    padding: 3px 3px;
}

.results-title-draw-hour {
    background: #00354b;
    font-size: 14px !important;
    padding-right: 0;
}

.results-content-icon {
    position: relative;
    padding: 0px !important;
}

.results-content-icon div {
    /*width: 100%;*/
    /*min-height: 130px;*/
    text-align: center;
}

.results-content-icon div>i {
    font-size: 58px;
    color: #F3E680;
}

.results-content-icon label {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    background: #327E9A;
    border-top: 5px solid rgba(39, 31, 31, 0.2);
    color: #FFF;
    padding: 7px 0px 7px 0px !important;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: center;
}
.aproximado{
    background-color: #853232 !important;
    font-weight: bold;
    color: #fff;
    padding-top: 2px;
    font-size: 24px;
}
.marg-left{
    border-left: 30px solid #fff;
}
.marg-right{
    border-right: 30px solid #fff;
}
.results-content-icon-week {
    position: relative;
    padding: 0px !important;
}

.results-content-icon-week div {
    width: 100%;
    min-height: 130px;
    text-align: center;
}

.results-content-icon-week div>i {
    font-size: 58px;
    color: #F3E680;
}

.results-content-icon-week label {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    background: #327E9A;
    border-top: 5px solid rgba(39, 31, 31, 0.2);
    color: #FFF;
    padding: 7px 0px 7px 0px !important;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: center;
}
.results-didyouknow {
    position: relative;
    border-left: 3px solid #FFF;
    background: #dbedf6;
    min-height: 160px;
    padding: 10px !important;
    margin-right: 0px !important;
    font-size: 12px;
}

.results-didyouknow p {
    padding: 0px;
}

.results-didyouknow a,
.results-didyouknow button {
    position: absolute;
    bottom: 0px;
    right: 6px;
    background: #005e81;
    color: #FFF;
    font-weight: bold;
    border-radius: 8px 8px 0px 0px;
    border: none;
    padding: 3px 20px 0px 20px !important;
}

.result-week-table {
    border-collapse: separate !important;
}

.result-week-table th {
    background: #005e81;
    color: #FFF;
    border: 1px solid #FFF;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.results-week-title-draw-hour {
    background: #dbedf6;
    width: 100%;
    margin: auto;
    position: relative;
    height: 130px;
    padding: 50px 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}


/*************************************/


/*          END RESULTS WEB          */


/*************************************/


/***********************************/


/*         BOX OFFICE AGENCY       */


/***********************************/

.header-agency-animals-boxoffice {
    padding: 0px !important;
}

.navbar-header-agency-animals-boxoffice-home {
    position: relative;
    width: 240px;
}

.navbar-header-agency-animals-boxoffice-data {
    margin-left: 90px;
    color: #777;
    text-align: left;
}

.navbar-header-agency-animals-boxoffice-data-user {
    margin-top: 3px;
    font-weight: bold;
}

.navbar-header-agency-animals-boxoffice-data-ticket {
    font-size: 12px;
    margin-top: 2px;
    width: 100%;
}

.navbar-agency-animals-boxoffice {
    margin: 0px !important;
    background: none !important;
    padding: 0px !important;
}

.nav-agency-animals-boxoffice-agency {
    padding: 3px 0px !important;
}

.nav-agency-animals-boxoffice-agency label {
    color: #005e6e;
    margin: 10px 0px !important;
    border-bottom: 2px solid #005e6e;
}

.nav-agency-animals-boxoffice-logo {
    position: absolute;
    top: 0px;
    left: 40px;
    height: 52px;
}

.nav-agency-animals-actions>div {
    margin-top: 3px;
}

.nav-agency-animals-actions>div>a {
    text-decoration: none;
    cursor: pointer;
}

.nav-agency-animals-actions>div>a>span {
    font-size: 10px;
    font-weight: bold;
}

.legend-agency-animals-boxoffice-agency {
    font-size: 11px !important;
    padding: 3px 0px !important;
}

.legend-agency-animals-boxoffice-agency label {
    font-size: 9px !important;
    padding: 1px !important;
}

.label-agency-animals-boxoffice-head-row {
    padding: 18px 0px 2px 0px !important;
    margin: 3px 0px !important;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    overflow: hidden;
    /*height: 46px;*/
    overflow: hidden;
}

.label-agency-animals-boxoffice-head-row>small {
    position: absolute;
    top: 1px;
    left: 4px;
    font-size: 13px !important;
}

.label-agency-animals-boxoffice-head-row input[type=text] {
    height: 24px !important;
    /*text-align: right;*/
    border: 1px solid #00bdbd;
    color: #000000;
}

.btn-agency-animals-boxoffice-play,
.btn-agency-animals-boxoffice-horary,
.btn-agency-animals-boxoffice-horary-empty>div {
    color: #9d2b2d !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    /*margin-bottom:2px !important;*/
    font-size: 13px;
    font-weight: bold;
}

.btn-agency-animals-boxoffice-play,
.btn-agency-animals-boxoffice-horary,
.btn-agency-animals-boxoffice-horary-empty i {
    color: gray
}

.btn-agency-animals-boxoffice-play>button {
    padding: 2px auto !important;
}


/*.btn-agency-animals-boxoffice-horary:hover,*/


/*.btn-agency-animals-boxoffice-play:hover{
    background: #37d6d6;
    color:#FFF;
    cursor: pointer;
}*/

.content-btn-agency-animals-boxoffice-play:hover {
    background: rgba(0, 0, 0, 0.6);
    color: #FFF;
    cursor: pointer;
}

.panel-detail-agency-animals-boxoffice {
    position: relative;
    background: #fcf2e4;
    padding: 10px 10px;
}

.label-agency-animals-boxoffice-total {
    border: 1px solid #9d2b2d;
    color: #9d2b2d;
    font-weight: bold;
    text-align: center;
}


/*.btn-agency-animals-boxoffice-horary-disable{
    background: #2D5E6D !important;
    border: 2px solid #2D5E6D;
}*/

.btn-agency-animals-boxoffice-horary-enable>button {
    /*background: #1fd4d4 !important;*/
    background: #9d2b2d !important;
    color: #FFF;
}

.boxoffice-horary-buttons:hover {
    background: #de4f51 !important;
    /*background: #00bdbd !important;*/
    color: #FFF;
}

.btn-agency-animals-boxoffice-horary-hover {
    background: #de4f51 !important;
    /*background: #00bdbd !important;*/
    color: #FFF;
}

.btn-agency-animals-boxoffice-horary input[type="checkbox"],
.btn-agency-animals-boxoffice-play input[type="checkbox"] {
    display: none;
}

.div-agency-animals-boxoffice-hour {
    border-bottom: 2px dashed #6F1D1F;
    margin-bottom: 15px !important;
    padding-bottom: 8px !important;
}


/*.boxoffice_play_main_input{
    background: #D1F2F2;
}*/

.bg-row1 {
    background: #00a8a8;
}

.bg-row2 {
    background: #00bdbd;
}

.bg-row3 {
    background: #c2f1f1;
}

.bg-row3-alt {
    background: #acc4ac;
}

.bg-row4 {
    background: #f0fbfb;
}

.bg-row4-alt {
    background: #32baba;
}

.dropdown-menu-agency-animals-boxoffice i {
    color: #981117;
}

.text-agency-animals-boxoffice-amount {
    border: 1px solid #802123 !important;
    background: #f9f7f4 !important;
    height: 24px !important;
}

.boxoffice_text_input {
    padding: 3px 3px 0px 3px !important;
}

.boxoffice_text_input:focus {
    background-color: #fcf5c2;
}


/*- RESPONSIVE -*/


/* RESPONSIVE DESKTOP SMALL */

@media (min-width: 801px) and (max-width: 1200px) {
    /* General */
    .container-animals-boxoffice-main {
        padding-left: 1% !important;
        padding-right: 1% !important;
    }
    .navbar-header-agency-animals-boxoffice-data {
        font-size: 11px;
    }
    .panel-animals-boxoffice-game-type-content {
        margin: 6px 0px !important;
    }
    .label-animals-boxoffice-balance,
    .btn-boxoffice-md,
    .btn-animals-boxoffice-secundary,
    .div-animals-boxoffice-title-mini {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        font-size: 10px !important;
    }
    .boxoffice-what-game {
        margin-top: 10px !important;
    }
    .boxoffice-what-game small {
        font-size: 7px;
    }
    .btn-boxoffice-lg {
        font-size: 10px !important;
        padding: 3px 0px !important;
    }
    .panel-animals-boxoffice-horary-title,
    .panel-animals-boxoffice-horary-footer {
        font-size: 10px;
    }
    .logo-main-animals-boxoffice {
        margin-top: 10px;
    }
    .logo-main-animals-boxoffice img {
        height: 55px;
    }
    .date-animals-boxoffice {
        font-size: 10px;
    }
    /*.logo-parley-animals-boxoffice{
        margin-top:10px;
    }*/
    .logo-parley-animals-boxoffice img {
        height: 35px;
    }
    /* Sections */
    .section-left-animals-boxoffice {
        width: 15%;
        padding-right: 1%;
        float: left;
    }
    .section-center-animals-boxoffice {
        width: 60%;
    }
    .section-right-animals-boxoffice {
        width: 25%;
        padding-left: 1%;
        margin-top: 20px;
    }
    /* Section Left (Horary and game type) */
    .panel-horary-body>div>a>label,
    .panel-horary-footer>a>label {
        font-size: 9px;
    }
    .panel-horary-body>div>a>div {
        font-size: 7px;
    }
    .panel-horary-footer {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    .panel-game-type-body>button,
    .panel-game-type-body>div>button,
    .panel-game-type-body>div>ul>li>a,
    .ul-dropdown-menu-square a {
        font-size: 8px;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    /* Section Center (Play) */
    .btn-animals-clover>button>img,
    .content-btn-animals-boxoffice-play>button>img {
        width: 28px !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    .btn-animals-clover>button>label,
    .content-btn-animals-boxoffice-play>button>label {
        font-size: 8px;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    /* Section Right (Details) */
    .div-animals-boxoffice-title {
        font-size: 10px;
        padding: 4px 0px !important;
    }
    .panel-animals-boxoffice-play {
        height: 250px;
    }
    .div-animals-boxoffice-title-mini {
        font-size: 11px;
    }
    .div-animals-boxoffice-play,
    .div-animals-boxoffice-number {
        font-size: 10px;
        padding: 4px 0px !important;
    }
    .text-animals-boxoffice-amount {
        font-size: 10px;
    }
    .text-animals-boxoffice-amount {
        font-size: 9px;
    }
    .text-animals-boxoffice-awards {
        font-size: 8px;
        margin-left: 3px;
        margin-bottom: 2px;
    }
}


/* END RESPONSIVE DESKTOP SMALL */


/* RESPONSIVE TABLETS */

@media (min-width: 768px) and (max-width: 800px) {
    /* General */
    .container-animals-boxoffice-main {
        padding-left: 1% !important;
        padding-right: 1% !important;
    }
    .navbar-header-agency-animals-boxoffice-data {
        font-size: 11px;
    }
    .panel-animals-boxoffice-game-type-content {
        margin: 6px 0px !important;
    }
    .label-animals-boxoffice-balance,
    .btn-boxoffice-md,
    .btn-animals-boxoffice-secundary,
    .div-animals-boxoffice-title-mini {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        font-size: 10px !important;
    }
    .boxoffice-what-game {
        margin-top: 10px !important;
    }
    .boxoffice-what-game small {
        font-size: 7px;
    }
    .btn-boxoffice-lg {
        font-size: 10px !important;
        padding: 3px 0px !important;
    }
    .panel-animals-boxoffice-horary-title,
    .panel-animals-boxoffice-horary-footer {
        font-size: 10px;
    }
    .logo-main-animals-boxoffice {
        margin-top: 10px;
    }
    .logo-main-animals-boxoffice img {
        height: 55px;
    }
    .date-animals-boxoffice {
        font-size: 10px;
    }
    /*.logo-parley-animals-boxoffice{
        margin-top:10px;
    }*/
    .logo-parley-animals-boxoffice img {
        height: 35px;
    }
    /* Sections */
    .section-left-animals-boxoffice {
        width: 15%;
        padding-right: 1%;
        float: left;
    }
    .section-center-animals-boxoffice {
        width: 60%;
    }
    .section-right-animals-boxoffice {
        width: 25%;
        padding-left: 1%;
        margin-top: 20px;
    }
    /* Section Left (Horary and game type) */
    .panel-horary-body>div>a>label,
    .panel-horary-footer>a>label {
        font-size: 9px;
    }
    .panel-horary-body>div>a>div {
        font-size: 7px;
    }
    .panel-horary-footer {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    .section-center-agency-animals-boxoffice button {
        font-size: 10px !important;
    }
    .panel-game-type-body>button,
    .panel-game-type-body>div>button,
    .panel-game-type-body>div>ul>li>a,
    .ul-dropdown-menu-square a {
        font-size: 8px;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    /* Section Center (Play) */
    .btn-animals-clover>button>img,
    .content-btn-animals-boxoffice-play>button>img {
        width: 28px !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    .btn-animals-clover>button>label,
    .content-btn-animals-boxoffice-play>button>label {
        font-size: 8px;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    #boxoffice_play_game_type_description {
        margin-top: 3px;
        font-size: 11px;
    }
    /* Section Right (Details) */
    .div-animals-boxoffice-title {
        font-size: 10px;
        padding: 4px 0px !important;
    }
    .panel-animals-boxoffice-play {
        height: 250px;
    }
    .div-animals-boxoffice-title-mini {
        font-size: 11px;
    }
    .div-animals-boxoffice-play,
    .div-animals-boxoffice-number {
        font-size: 10px;
        padding: 4px 0px !important;
    }
    .text-animals-boxoffice-amount {
        font-size: 10px;
    }
}


/* END RESPONSIVE TABLETS */


/* RESPONSIVE PHONE AND PHABLET*/

@media (max-width: 767px) {
    /* General */
    .navbar-header-agency-animals-boxoffice-data {
        font-size: 11px;
    }
    .btn-boxoffice-md,
    .btn-animals-boxoffice-secundary,
    .div-animals-boxoffice-title-mini {
        padding-top: 8px !important;
        padding-bottom: 10px !important;
        font-size: 15px !important;
    }
    .panel-animals-boxoffice-game-type-content {
        margin: 8px 0px !important;
    }
    .boxoffice-what-game {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .boxoffice-what-game>small {
        font-size: 12px;
    }
    #boxoffice_play_game_type_description_body {
        font-size: 13px !important;
    }
    .section-center-agency-animals-boxoffice button {
        font-size: 10px !important;
    }
    .logo-main-animals-boxoffice {
        padding: 0% 3%;
    }
    .logo-main-animals-boxoffice img {
        width: 100%;
    }
    .date-animals-boxoffice {
        font-size: 16px;
        /* yordin-web-new-style*/
    }
    /* Sections */
    .section-left-animals-boxoffice {
        width: 100%;
        padding: auto 1%;
        float: left;
    }
    .section-center-animals-boxoffice {
        width: 100%;
        padding: auto 1%;
    }
    .section-right-animals-boxoffice {
        width: 100%;
        padding: auto 1%;
    }
    /* Section Left (Horary and game type) */
    .panel-horary-body>div {
        padding: 15px 0px;
    }
    .panel-horary-body>div>a>label,
    .panel-horary-footer>a>label {
        font-size: 16px;
    }
    .panel-horary-body>div>a>div {
        font-size: 14px;
    }
    .panel-game-type-body>button,
    .panel-game-type-body>div>button,
    .panel-game-type-body>div>ul>li>a,
    .ul-dropdown-menu-square a {
        font-size: 16px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    /* Section Center (Play) */
    .btn-animals-boxoffice-play-random {
        height: auto;
        width: 100px;
    }
    .panel-animals-boxoffice-items {
        margin-top: 10px !important;
    }
    .content-btn-animals-boxoffice-play {
        width: 33%;
    }
    .content-btn-animals-boxoffice-play-cover {
        padding: 0px !important;
        margin-bottom: 4px !important;
    }
    .btn-animals-clover,
    .content-btn-animals-boxoffice-play {
        border-radius: 0px !important;
        /*border: 2px solid #6F1D1F !important;*/
    }
    .btn-animals-clover>button,
    .content-btn-animals-boxoffice-play>button {
        border-radius: 0px !important;
    }
    .btn-animals-clover>button>img,
    .content-btn-animals-boxoffice-play>button>img {
        width: 75px !important;
        max-width: 150px !important;
    }
    .btn-animals-clover>button>label,
    .content-btn-animals-boxoffice-play>button>label {
        font-size: 15px;
    }
    .panel-animals-boxoffice-horary-title,
    .panel-animals-boxoffice-horary-footer {
        font-size: 15px !important;
    }
    /* Section Right (Details) */
    .div-animals-boxoffice-title-mini {
        font-size: 14px;
    }
    .div-animals-boxoffice-play,
    .div-animals-boxoffice-number {
        font-size: 13px;
        padding: 6px 0px !important;
    }
    .img-animals-boxoffice-delete {
        width: 30px !important;
    }
    .text-animals-boxoffice-amount {
        font-size: 14px;
        padding: 12px 2px !important;
    }
}


/* RESPONSIVE PHONE AND PHABLET*/


/***************************************/


/*         END BOX OFFICE AGENCY       */


/***************************************/

.loteria {
    float: right;
}

.loteria>img {
    max-width: 80%;
}

.menu-derecha {
    left: 100% !important;
    min-width: 250px;
    top: -15px !important;
}

.menu_product_icon {
    width: 25px;
}

.menu_product_resul_icon {
    width: 25px;
}

.bg_black {
    background-color: #040404;
}

.bg_game_type_17 {
    background-color: #040404;
}

.bg_red {
    background-color: #d9121c;
}

.bg_game_type_16 {
    background-color: #d9121c;
}

.bg_green {
    background-color: #4ab100;
}

.bg_game_type_18 {
    background-color: #4ab100;
}

.btn-animals-boxoffice-game-type-chose,
.btn-animals-boxoffice-game-type-chose:active,
.btn-animals-boxoffice-game-type-chose:focus {
    background-color: transparent;
    background-image: url("../../../img/products/animals/nuevo-gran-animalito/boton.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: none;
    color: #fff;
    padding: 15px 0;
    margin-top: 2px;
}

.letra_14 {
    font-size: 12px !important;
}

.letra_20 {
    font-size: 20px !important;
}

a.select_all_hour:hover {
    color: #ffffff;
}

.ws_btn{
    font-size: 11px;
    background-color: #23A316;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    vertical-align: top !important;
}
.twitter_btn{
    font-size: 11px;
    background-color: #1A91DA;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    vertical-align: top !important;
}
.facebook_btn{
    font-size: 11px;
    background-color: #3A5A9A;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    vertical-align: top !important;
}

.twitter-share-button{
    vertical-align: top !important;
}

.texto-blanco{
    color: #ffffff;
    font-weight: bold;
}

.redes_sociales_menu{
    font-size: 10px !important;
    text-transform: lowercase;
}
.bono_img_padding{
    padding:10px;
}
.borders{
    border:1px solid black;
}
.text-padding{
    padding-top: 40px;
}
.header-margin{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

/*Inicio: Caja de notificacion*/
.box-notification-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999999999;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
.box-notification-request {
    position: fixed;
    background-color: white;
    top: 15px;
    left: 2em;
    padding: 1em;
    border-radius: 0.5em;
    border-left: 6px solid 2196F3!important;
}
.box-notification-request .box-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;

}
.box-notification-request .flex-item {
    -webkit-flex: auto;
    flex: auto;
}
.box-notification-request .text {
    width: 24rem;
}
.box-notification-request .box-buttons {
    text-align: right;
}
.pool-tickets-section{
    margin-top: 30px;
}
/*Fin: Caja de notificacion*/