i{
    margin-right: 10px;
}

*{
    outline:none!important;
}

a{
    text-decoration: none!important;
}

body{
    margin: 0;
    font-family: "Nunito", sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    text-align: left;
    background-color: #f8fafc;
    background: #8a00fd;
    background-image: linear-gradient(to bottom right, #8a00fd, #371b4d);
    min-height: 100vh;
}

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

.fa-times-circle{
    margin-right: 0px;
}

.dropdown-menu-container{
    display: none;
    position: fixed;
    top: 7vh;
    left: 5vw;
    background: white;
    width: 90vw;
    margin: 0px auto;
    z-index: 9999;
    padding: 30px;
    box-shadow: 0px 1px 200px 2000px #00000085;
    border-radius: 3px;
}

.find-organizer,
.find-company,
.find-challenge{
    position: absolute;
    margin-top: -139px;
    background: transparent;
    color: black;
    border: none;
    float: right;
    right: 0;
}

.sidebar-nav{
    color: white;
    margin-left: -15px;
    margin-bottom: 50px;
    display: inline-block;
    font-size: 20px;

}

.dropdown-menu-container ul {
    padding:0px;
    list-style: none;
}

.dropdown-menu-container li {
    padding:5px;
    text-align: center;
    font-size: 16px;
}

.organizer-holder{
    background: white;
    padding: 16px;
    border-radius: 5px;
    margin-bottom: 15px;
    width: 100%;
    padding-top: 22px;
}

.user-icon{
    color: white;
    font-size: 40px;
    padding: 0;
    margin-right: -10px;
    margin-bottom: -30.5px;
    color: #6a0ab9;
    z-index: 1;
}

.user-icon i{
    background: white;
    width: 50px;
    border-radius: 50%;
    margin-bottom: -11px;
    margin-top: 5px;
    display: inline-block;
    height: 50px;
    /* border: 1px solid red; */
    margin-left: 10px;
    padding-left: 6px;
    padding-top: 4.5px;
}

.user-name{
    color:black;
}

.find-organizer-icon{
    position: absolute;
    margin-top: -134px;
    right: 170px;
    color: black;
}

.header-links{
    background: #fafafa;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -60px;
    margin-bottom: 35px;
}

.left-header{
    padding-left: 25px;
}

.organizer-item{
    width: 50%;
}

.organizer-details{
    padding-left: 0px;
}

.user-name-fullname{
    position: absolute;
    margin-top: -50px;
    margin-left: 53px;
    color: white;
    margin-bottom: -5px;
}

.find-organizer::placeholder,
.find-company::placeholder,
.find-challenge::placeholder{
    color: #4C1479;
}
.user-last-update{
    color: #8f8f8f;
}
.social-links{
    border-top: 1px solid #eaeaea;
    padding-top: 25px;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
}

.social-links span{
    font-size: 25px;
    padding:5px;
    color:grey;
}

.close-dropdown{
    text-align: right;
    position: absolute;
    margin-top: -67px;
    width: 90vw;
    right: 0;
    color: white;
    font-size: 20px;
}

.logo{
    width: 300px;
    margin-top: 80px;
    max-width: 70vw;
}

.logo-menu{
    margin-top: 20px;
    margin-left: 7.5vw;
    width: 60vw;
    overflow: hidden;
    margin-bottom: 30px;
}
.login-name{
    padding: 5px;
    margin-top: 45px;
    width: 75%;
    text-align: center;
    background: transparent;
    border: none;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 53px;
    outline: none!important;
    font-size: 20px;
    color: white;
}

.login-name::placeholder{
    color: lightgray;
}

.login-or{
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    padding: 9px;
    width: 28px;
    margin-top: -23px;
    background: #5b0e9b;
    color: white;
    font-size: 16px;
    padding-left: 6px;
    height: 27px;
    background-image: linear-gradient(to bottom right, #5d0f9e, #5a0f97);
}

.login-or-divider{
    background-color: #dddddd;
    height: 1px;
    width: 60vw;
    display: inline-block;
    clear: both;
    margin-bottom: 35px;
}

.facebook-login{
    background-color: #39579B;
    padding: 15px;
    border: none;
    border-radius: 5px;
    color: white;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 16px;
    width: 60vw;
}

.hamburger-menu{
    position: absolute;
    right: 25px;
    top: 25px;
    color: #BD98F4;
}

.play-game{
    padding: 15px;
    border: none;
    border-radius: 5px;
    color: black;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 16px;
    width: 60vw;
    background: #ffffff;
    margin-bottom: 15px;
}

.player-avatar-area{
    margin-top: 25px;
}

.gender-selection{
    width: 50%;
    padding:30px;
}

.app-title{
    margin-top: 21px;
    text-align: left;
    font-size: 24px;
    margin-bottom: 0;
    padding-left: 10px;
}

.start-the-game{
    color: white;
    padding: 10px;
    width: 100%;
    border: none;
    position: fixed;
    left: 0;
    bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #bd98f4;
    font-size: 17px;
}

.game-type-selection{
    width: 37%;
    display: inline-block;
    padding: 20px;
    padding-bottom: 0px;
    margin-bottom: -2px;
    padding-left: 25px;
    padding-right: 25px;
}

.login-form{
    margin-top: 15px;
    width: 100%;
}

.login-form input{
    width: 100%;
    padding: 10px;
    margin-bottom: 5px;
    border: 0.5px solid #e6e6e6;
    border-radius: 2px;
    margin-bottom: 10px;
}

.login-holder-organizer{
    width: 250px;
    margin: 0px auto;
}

.unexisting-game{
    background: white;
    width: 80%;
    margin:0px auto;
    margin-top: 30px;
    padding:10%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.unexisting-game i{
    font-size: 30vw;
    margin-bottom: 30px;
    color: #d2d2d2;
}

.unexisting-game button{
    background: #650caf;
    color: white;
    border-radius: 5px;
    border: none;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 13px;
}

#remember-organizer{
    width: auto;
}

.organizer-dashboard-sidebar a{
    color: white;
}

.form-check-organizer{
    text-align: left;
    padding-left: 20px;
    margin-bottom: 20px;
}

.form-check-label {
    margin-bottom: 0;
    color: white;
    cursor: pointer;
}

.login-organizer{
    background: #bd98f4;
    border: none;
    padding: 7px;
    border-radius: 3px;
    padding-left: 12px;
    padding-right: 12px;
    color: white;
    float: left;
    cursor: pointer;
    margin-bottom: 25px;
}

#gameClientPitchingNow{
    text-transform: capitalize;
}

.login-organizer-errors{
    background: #e15656;
    padding: 12px;
    color: white;
    font-size: 10px;
    margin-bottom: 5px;
    font-size: 13px;
    margin-bottom: 10px;
    border-radius: 3px;
}

.organizer-navigation{
    position: fixed;
    top: 20px;
    right: 20px;
}

.organizer-navigation a {
    margin-left: 15px;
    color: white;
}

.organizer-navigation a:hover{
    text-decoration: none;
}

.login-organizer-errors p{
    margin: 0px;
}

.create-account-message{
    max-width: 100%;
    margin: 0px auto;
    clear: both;
    padding: 8px 0 15px;
    border-top: 0.5px solid #e3e3e3;
    color: white;
    text-align: left;
}

.form-checkbox{
    width: auto!important;
}

.no-padding{
    padding: 0px;
}

.no-left-padding{
    padding-left: 0px;
}

.create-new-challenge, .create-new-challenge:hover {
    margin-left: -15px;
    margin-bottom: 50px;
    display: inline-block;
    font-size: 15px;
    text-decoration: none;
    position: absolute;
    margin-top: -136px;
    color: black;
}

.create-new-company,
.create-new-company:hover{
    color: white;
    margin-left: -15px;
    margin-bottom: 30px;
    display: inline-block;
    font-size: 20px;
    text-decoration: none;
}

.car-content{
    margin-bottom: 5px;
}

.presented-by{
    position: fixed;
    bottom: 36px;
    right: 70px;
    width: 150px;
    text-align: left;
    color:white;
}

.presented-by p{
    margin-bottom: 5px;
}

.presented-by img{
    width: 100%;
}

.types-of-players{
    background-color: white;
    margin-left: -15px;
    margin-right: -15px;
    /*background-image: linear-gradient(to right, #9d74db , #754ab7);*/
}

.app-title-addition{
    text-align: left;
    margin-bottom: 25px;
    color: #ffffffbd;
    padding-left: 10px;
}

.gameplay-explanations{
    text-align: left;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.gameplay-explanations h1{
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 5px;
    font-weight: 800;
}

.investor-default{
    display: none;
}

.invested-now{
    background: mediumseagreen;
    width: 80vw;
    margin-left: calc(6vw + 2px);
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    /* margin-left: 1px; */
    margin-bottom: 30px;
}

#gameClientFeedbackNow{
    text-transform: capitalize;
}

#gameClientPitcherWinner,
#gameClientInvestorWinner{
    text-transform: capitalize;
}

.invested-icon{
    font-size: 80px;
    margin-bottom: 30px;
    margin-top: 20px;
}

.success-investment{
    background: mediumseagreen;
    width: 80vw;
    margin-left: 6vw;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 0px;
    /* position: absolute; */
    margin-top: 20px;
}

.error-investment{
    background: indianred;
    width: 80vw;
    margin-left: 6vw;
    padding-top: 15px;
    padding-bottom: 15px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 0px;
    /* position: absolute; */
    margin-top: 20px;
}

.pitcher-selected{
    display: none;
}

.play-pitcher{
    display: none;
}

.dashboard-navigation{
    padding-top: 20px;
    overflow: auto;
    margin-bottom: 60px;
    background: white;
    padding-bottom: 20px;
    box-shadow: 0px 0px 20px 4px #0000003b;
}

.dashboard-navigation img{
    width:80px;
}

.dashboard-logo{
    float: left;
}

.dashboard-links{
    float: right;
    color: #4c1479;
    padding-top: 14px;
}

.dashboard-content-area{
    background: white;
    padding: 30px;
    margin-top: 85px;
    border-radius: 3px;
    box-shadow: 0px 0px 15px 10px #00000012;
}

.dashboard-content-area input{
    margin-bottom: 20px;
    width: 100%;
    padding: 5px;
    padding-top: 26px;
    border: 0.5px solid #e5e5e5;
    border-radius: 3px;
    padding-left: 10px;
}

.dashboard-content-area select{
    margin-bottom: 20px;
    width: 100%;
    padding: 5px;
    padding-top: 26px;
    border: 0.5px solid #e5e5e5;
    border-radius: 3px;
    padding-left: 10px;
}

.dashboard-content-area h6{
    position: absolute;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    color: #cacaca;
}

.organizer-start-game{
    background: #24916a;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -22px;
    bottom: -32px;
    text-align: center;
    color: #ffffff;
    padding: 36px;
    margin-top: 85px;
    border-radius: 50%;
    box-shadow: 0px 0px 15px 10px #00000012;
    background-image: linear-gradient(to bottom right, #e62efc, #8500f4);
    border: none;
    font-size: 28px;
}

.organizer-start-game:hover {
    cursor: pointer;
}

#start-game-button {
    border: 0px;
    background: none;
    display: none;
}

.organizer-start-game i{
    margin: 0;
    margin-top: -14px;
    margin-left: -8px;
    position: absolute;
}

.right-header{
    padding-left: 5px;
}

.organizer-dashboard-sidebar{
    margin-top: 0px;
    padding-top: 10px;
}

.game-id{
    background: #2c2b2d;
    color: white;
    border-color: #565656;
}

.dashboard-title{
    position: absolute;
    margin-top: 44px;
    color: white;
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;
}

.dashboard-title:before {
     content: " ";
     position: absolute;
     z-index: -1;
     font-weight: 600;
     background: #a464d9;
     border-radius: 50%;
     width: 300px;
     height: 300px;
     color: #565656;
     margin-left: -147px;
     text-align: right;
     padding-top: 38px;
     margin-top: -94px;
     background-image: linear-gradient(to bottom right, #e62efc, #8500f4);
 }

.title-clean:before{
    all:unset;
}

.active-page{
    display: inline-block;
    background: #fcfcfc;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 11px;
    box-shadow: 0px 0px 5px 3px #a464d9;
    cursor: pointer;
}

.inactive-page{
    display: inline-block;
    background: #a464d9;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 14px;
    cursor: pointer;
}

.active-link,
.active-link:hover{
    cursor: pointer;
    color: #ffffff;
    text-decoration: none!important;
}

.inactive-link{
    cursor: pointer;
    color: #9a9a9a;
    text-decoration: none!important;
}

.inactive-link:hover{
    color:white;
}

.challenge-card {
    /* height: 300px; */
    background-color: #ededed;
    border-radius: 8px;
    /* border: solid; */
    margin-top: 15px;
    overflow: hidden;
}

.card-content{
    display: none;
    margin-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 18px;
    margin-bottom: 18px;
}

.challenge-card .card-name {
    font-size: 2em;
    font-size: 17px;
    margin-bottom: 20px;
    text-align: center;
    /* background: #7a4eba; */
    color: #3a3a3a;
    margin: -25px;
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    /* border-bottom: 0.5px solid #7a4eba; */
    background: white;
    padding-top: 40px;
    display: none;
}

.add-chalenge-holder input,
.add-chalenge-holder textarea{
    width: 100%;
    border-radius: 3px;
    border: none;
    padding: 8px;
    margin-bottom: 15px;
    background: white;
}

.register-new-card{
    background: #bd98f4;
    border: none;
    padding: 7px;
    border-radius: 3px;
    padding-left: 12px;
    padding-right: 12px;
    color: white;
    float: left;
    cursor: pointer;
    margin-bottom: 25px;
}

.card-actions div{
    display: inline-block;
}

.challenge-card .card-image {
    height: 220px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 0;
}

.full-title{
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    width: 235px;
}

.challenge-card .card-actions-remove button{
    border: 0px;
    background-color: transparent;
    color: #660bb1;
    cursor: pointer;
    padding: 0;
}

.challenge-card .card-actions-edit a{
    border: 0px;
    background-color: transparent;
    color: #660bb1;
    cursor: pointer;
}

.challenge-card .card-actions-remove, .challenge-card .card-actions-edit {
    float: left;
}

.challenge-card .card-actions {
    text-align: center;
    margin: 0px auto;
    width: auto;
    display: inline-block;
    width: 100%;
    border-top: 0.5px solid #705c8c;
    margin-top: 0;
    padding-top: 9px;
    background: #7a4eba;
    color: white!important;
    /* margin-left: -25px; */
    padding-left: 20px;
    border-radius: 0px 5px 5px 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    border-radius: 0;
    margin-bottom: -7px;
    display: none;
    overflow: auto;
    padding-bottom: 21px;
    padding-left: 25px;
}

.delete-card-button{
    display: block;
    clear: both;
    width: 300px;
    margin-top: -29px;
    margin-left: 83px;
}

.edit-delete-card{
    background: #d83737;
    margin-top: -33px;
    padding: 8px;
    padding-left: 11px;
    padding-right: 11px;
}

.container-cards{
    margin-bottom: 175px;
}

.card-name-long{
    display: none;
}

.add-chalenge-holder{
    width: 460px;
    margin: 0 auto;
}

.text-muted{
    color: #f7f7f7 !important;
    margin-top: -10px;
    margin-bottom: 5px;
}
.challenge-card .card-actions-remove, .challenge-card .card-actions-edit {
    float: left;
    margin-bottom: 4px;
    width: 100%;
    text-align: left;
}

.challenge-card .card-actions a,
.challenge-card .card-actions button{
    color:white;
    text-decoration: none!important;
}

.company-card {
    height: auto;
    background-color: #fff;
    border-radius: 30px;
    border: solid;
    padding: 0px;
    border: none;
    overflow: hidden;
    margin-top: 15px;
    height: 220px;
}

.company-card .card-name {
    font-size: 2em;
}

.nice-name{
    display: block;
    color: white;
    background-image: linear-gradient(#ff000000, #a778ed);
    width: 100%;
    padding-left: 15px;
    padding-bottom: 20px;
    padding-top: 70px;
    margin-top: -113px;
}

.company-card .card-image {
    height: 150px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.company-card .card-actions-remove button{
    border: 0px;
    background-color: #fff;
    color: purple;
    cursor: pointer;
}

.company-card .card-actions-edit a{
    border: 0px;
    background-color: #fff;
    color: purple;
    cursor: pointer;
}

.company-card .card-actions-remove, .company-card .card-actions-edit {
    float: left;
}

.company-card .card-actions {
    position: absolute;
    right: 20px;
    top: 10px;
}

.card-add-item,
.card-add-item:hover{
    all:unset;
    cursor: pointer;
    text-align: left;
}

.card-actions-organizer{
    padding-right: 15px;
}

.search-zone{
    overflow: auto;
    margin-top: 17px;
}

.title-clean{
    margin-top: 0px;
    position: relative;
    margin-bottom: 15px;
}

.player-list{
    background-color: white;
    border-radius: 5px;
    padding: 15px!important;
    margin-bottom: 15px;
    color: black;
}

.deck-details{
    border-bottom: 1px dashed #d4d4d4;
    padding-bottom: 5px;
    padding-top: 5px;
}

.deck-details a{
    color: black;
}

.delete-deck-btn{
    background: transparent;
    padding: 0px;
    border: none;
    cursor: pointer;
}

.create-new-deck{
    float: right;
    margin-top: 35px;
    color: white;
}

.create-new-deck a{
    color: white;
}

.deck-name-input{
    padding:10px!important;
}

.create-new-deck-button{
    background: #bf1bf9;
    border: none;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    color: white;
    border-radius: 3px;
}

.delete-existing-deck-button{
    background: #e20f0f;
    border: none;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    color: white;
    border-radius: 3px;
    margin-top: -34px;
    margin-left: 73px;
    position: absolute;
}

.show-active-challenges,
.show-active-companies{
    cursor: pointer;
}

.deck-details:last-of-type{
    border-bottom: none;
}

.show-game-id{
    cursor: pointer;
}

#hostLockPitchers, .button-purple{
    /* background: #964fff; */
    /* border: none; */
    /* padding: 10px; */
    /* padding-left: 13px; */
    /* padding-right: 13px; */
    border-radius: 5px;
    color: white;
    background: white;
    width: 70px;
    height: 70px;
    position: fixed;
    right: 35px;
    bottom: 30px;
    text-align: center;
    color: #511284;
    padding: 0px;
    padding-left: 16px;
    /* margin-top: 85px; */
    border-radius: 50%;
    box-shadow: 0px 0px 15px 10px #00000012;
    /* background-image: linear-gradient(to bottom right, #e62efc, #8500f4); */
    border: none;
    font-size: 28px;
    text-align: center;
    padding-top: 3px;
    cursor: pointer;
    z-index: 999999999;
}

.pitcher-avatar{
    height: 100%;
    margin-top: -10px;
}

.avatar-other{
    margin-top: 0px;
}

.avatar-winners{
    margin-top: 0px;
}

.avatar-investment{
    margin-top: -10px;
}

.pitcher-name{
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #ffffff;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #636363;
    border-radius: 0px 0px 5px 5px;
    font-size: 20px;
    border-top: 1px dashed #dadada;
}

.gameEventFeedback{
    background: #bd98f4;
    color: white;
    line-height: 141px;
    font-size: 18px;
}

.feedback-other{
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #636363;
    border-radius: 0px 0px 5px 5px;
    font-size: 20px;
    border-top: 1px dashed #dadada;
    line-height: normal;
}

.gameHostContainer, .gameClientPage {
    display: none;
    color:white;
}

.gameClientInputAllInvestment{
    width: 100%;
    border: none;
    border-bottom: 1px dashed#868686;
}

#gameClientInvestments div{
    text-align: left;
    padding: 0px;
    margin-bottom: 15px;
}

.pitching-countdowns{
    position: absolute;
    top: 0;
    margin-left: 150px;
    margin-top: 16px;
}

.big-id{
    text-align: center;
    font-size: 100px;
}

.remaining-time{
    color: #909090;
    margin-bottom: -7px;
    display: none;
}

#gameCountdownPitcher, #gameCountdownFeedback {
    display: none;
    color: black;
    font-size: 30px;
}

.gameEvent{
    margin-bottom: 20px!important;
    width: 100px;
    border-radius: 3px;
    padding-top: 30px;
    padding-bottom: 61px;
    height: 250px;
    max-width: 31.5%;
}

.gameEventPitcher {
    width: 100%;
    height: 150px;
    background: white;
    border-radius: 10%;
    margin: 10px;
    text-align: center;
    padding-top: 50px;
    font-size: 30px;
    color:black;
}

.gameEventFeedback {
    width: 100%;
    height: 150px;
    background: white;
    border-radius: 10%;
    margin: 10px;
    text-align: center;
    padding-top: 50px;
    font-size: 30px;
    color:black;
}

.gameEventInvestment {
    width: 100%;
    height: 150px;
    background: white;
    border-radius: 10%;
    margin: 10px;
    text-align: center;
    padding-top: 50px;
    font-size: 30px;
    color:black;
}

.gameEventWinner {
    width: 100%;
    height: 150px;
    background: white;
    border-radius: 10%;
    margin: 10px;
    text-align: center;
    padding-top: 50px;
    font-size: 30px;
    color:black;
}


.gameEventInvestment,
.gameEventPitcher,
.gameEvent,
.gameEventWinner{
    font-size: 10px;
    padding: 0px;
}

.gameClientCard {
    background-color: white;
    border-radius: 5px;
    margin: 20px;
    min-height: 400px;
    overflow: hidden;
    width:100%;
}

.open-game-msg{
    background-color: white;
    margin-bottom: 0px;
    margin-bottom: 0px;
    border: none;
    margin-bottom: 2px;
}

.gameClientCardFeedback {
    margin-top: 0px!important;
    padding: 25px;
}

#gameClientCompanyCardImageFeedback, #gameClientChallengeCardImageFeedback {
    height: 300px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 3px 3px 0px 0px;
}

#gameClientCompanyCardNameFeedback,
#gameClientChallengeCardNameFeedback{
    background-color: #dedede;
    padding:0px;
    border-radius: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    color:black;
}

.flip-feedback{
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

#gameClientCompanyCardContentFeedback,
#gameClientChallengeCardContentFeedback{
    background: white;
    color:black;
    padding: 25px;
}

.small-text{
    color:black;
    font-size: 12px;
    margin-bottom: 5px!important;
    line-height:12px;
    height: 10px;
    padding:0px;
}

.small-text-last-margin-bottom {
    margin-bottom: 20px!important;
}

.close-game{
    float: right;
    background: #2c2b2d;
    color: white;
    border-radius: 5px;
    border: none;
    padding: 5px;
    padding-left: 9px;
    padding-right: 9px;
    margin-top: -5px;
    margin-right: -12px;
}

.fa-money-bill-wave-alt{
    font-size: 80px;
    margin-top: 20px;
    margin-bottom: 30px;
}

#gameClientReturnInvestMessage{
    margin: 0px!important;
}

.get-ready-img{
    width: 60%!important;
    margin-top: 30px;
    margin-bottom: 30px;
}

.card-hidden{
    display: none;
}

.gameClientCard #gameClientCompanyCardName,
.gameClientCard #gameClientChallengeCardName {
    font-size: 17px;
}

.gameClientCard #gameClientCompanyCardImage,
.gameClientCard #gameClientChallengeCardImage {
    height: 300px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.gameClientCard #gameClientCompanyCardContent, .gameClientCard #gameClientChallengeCardContent {
    color: black;
    /* background: red; */
    padding: 20px;
}

#gameClientCompanyCardName,
#gameClientChallengeCardName{
    color: #4c4c4c;
    background: #e2e2e2;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.card-challenge{
    display: none;
}

#options {
    margin: 20px auto;
    width: 200px;
    text-align: center;
}

#card {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 1s;
}

#card figure {
    margin: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.card-bg-fix{
    background: linear-gradient(to bottom right, #8003e7, #371b4d);
    padding-bottom: 40px;
    margin-top: -10px;
    margin-bottom: -10px;
}

.winners-title{
    margin-bottom: 10vw;
}

.best-investor,
.best-pitcher{
    max-width: 80vw;
    margin-left: 10vw;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 17px!important;
    padding:0px;
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

.best-pitcher img,
.best-investor img{
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}

.message-winner{
    padding: 20px;
    display: block;
    background: white;
    color: black;
    border-radius: 5px;
}

#gameHostPitcherWinner,
#gameHostInvestorWinner{
    text-transform: capitalize;
}

.message-winner{
    text-align: center;
}

.message-winner img{
    width: 70%;
}

.winnersNames{
    margin-bottom: 60px;
    font-weight: 600;
    text-align: center!important;
}


.whatis-item{
    background: white;
    padding: 30px;
    margin-top: 30px;
    border-radius: 5px;
}

.whatis img{
    width: 100%;
    margin-bottom: 20px;
}

.whatis-title{
    font-size: 20px;
}

.index-title h1{
    color: #4d4d4d;
    border-bottom: 1px solid #d4d4d463;
    padding-bottom: 15px;
    margin-bottom: 70px;
    margin-top: 50px;
    font-size: 25px;
}

.index-content{
    text-align: center;
}

.index-content img{
    width: 100%;
    border-radius: 50%;
    margin-top: -50%;
    margin-bottom: 30px;
}

.subscribe{
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    background: white;
}

.index-first h1{
    margin-bottom: 15px;
}

.social-footer{
    float: right;
}

.gameplay-button{
    position: fixed;
    bottom: 20px;
    width: 100%;
    left: 0;
    padding:15px;
}
.confirm-selection{
    background:white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    border:none;
    display: block;
    padding:15px;
}

.all-set{
    width: 87.5vw;
    margin-left: 2.5vw;
    text-align: center;
    background: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    color:black;
}

.all-set p{
    border-top: 1px dashed #ececec;
    padding-top: 15px;
    padding-bottom: 15px;
}

.winner-name{
    border-top: 1px dashed #d6d6d6;
    padding-top: 15px;
    font-size: 25px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 25px;
    padding-right: 25px;
}

.best-title{
    font-size: 17px;
    border-bottom: 1px dashed #c7c7c7;
    display: inline-block;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width:100%;
}

.click-to-flip {
    color: #9e9e9e;
    border-top: 1px dashed #d2d2d2;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: white!important;
    border-radius: 0px 0px 3px 3px;
}

.feedback-receiving{
    width: 80vw;
    max-width: 80vw;
    margin-left: 10vw;
    margin-top: 10vw;
    border-radius: 5px;
    font-size: 16px!important;
    overflow: auto;
    padding:30px;
}

.right-now-message{
    border-top: 1px dashed #c7c7c7;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-bottom: 10px;
    overflow: auto;
    margin-left: -30px;
    margin-right: -30px;
}

.feedback-receiving img{
    width: 100%;
}

.feedbackfor{
    font-size: 20px!important;
    border-top: 1px dashed #e2e2e2;
    margin-bottom: 10vw;
}

.investmoney{
    width: 80vw;
    max-width: 80vw;
    margin-left: 10vw;
    border-radius: 5px 5px 0px 0px;
    font-size: 16px!important;
    padding: 30px!important;
}

#card .front {
}
#card .back {
    transform: rotateY( 180deg );
}

#card.flipped {
    transform: rotateY( 180deg );
}

.pull-right {
    text-align: right;
}

.selectedEvent>.pitcher-name,
.selectedEvent>.feedback-other{
    background: #a060ff;
    color: white;
    border-radius: 0px 0px 3px 3px!important;
    border-top: none;
    padding-top: 9px;
}

.gameClientCountdown, .gameClientTextWhite {
    font-size: 30px;
    color: #620da8;
    /* margin-top: 30px; */
    background: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

#gameClientMessage {
    font-size: 19px;
    color: #6f6f6f;
    margin-top: 10px;
    border-top: 0.5px solid #9a9a9a4a;
    padding-bottom: 10px;
    background: #f7f7f7;
    margin-top: 0;
    padding-top: 10px;
    font-weight: 300;
}

.fa-arrow-right{
    margin-left: -5px;
}

#investFromFeedback {
    height: 40px;
    width: 80vw;
    border: none;
    border-radius: 0px 0px 5px 5px;
    border-top: 1px dashed #c7c7c7;
    padding: 30px;
}

.button-hide {
    display: none;
}

.gameHostTextWhite {
    font-size: 30px;
    color: #fff;
}

#gameClientReturnInvestMessage, #gameClientReturnAcceptInvestMessage {
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
}

.investment-recapitulation{
    font-size: 23px;
}

.investments-overview img{
    width: 100%;
}

.currentpitcher{
    max-width:80vw;
    margin-left: 10vw;
    font-size: 17px;
    border-top: 1px dashed #c7c7c7;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.investments-overview{
    margin-top: 2vw;
    width: 80vw;
    max-width: 80vw;
    margin-left: 10vw;
    border-radius: 5px;
    font-size: 17px;
    margin-bottom: 10vw;
    overflow: auto;
    padding: 0px;
    padding-bottom: 30px;
    margin-bottom: 0;
}

.spent-text{
    border-top: 1px dashed #b1b1b1;
}

.investments-recap-data{
    border-top: 1px dashed #a5a5a5;
    margin-top: 30px;
}

.investments-overview div{
    padding:30px;
    padding-bottom: 0px;
}

.gameEvent{
    width: 100px;
    border-radius: 3px;
    padding-top: 30px;
    padding-bottom: 61px;
    height: 250px;
    margin-bottom: 10px!important;
}

.ready{
    width: 80vw;
    margin-left: 10vw;
    background: white;
    margin-top: 10vw;
    border-radius: 5px;
}

.ready img{
    width: 100%;
}

.ready p{
    color: grey;
    border-top: 1px dashed #cacaca;
    padding-top: 15px;
    padding-bottom: 3px;
    font-size: 16px;
}

.user-pitching-now{
    width: 80vw;
    margin-left: 10vw;
    background: white;
    margin-top: 10vw;
    border-radius: 5px 5px 0px 0px;
}

.user-pitching-now img{
    width: 70%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.landscape{
    display: none;
    color:white;
    text-align: center;
}

.landscape i{
    font-size: 80px;
    margin-top: 50px;
    margin-bottom: 20px;
}


#create-error-message {
    color: red;
    text-align: center;
}

p.small.error {
    color: #fff;
}

.alert.alert-block {
    z-index: 100;
}

@media only screen and (max-width: 768px) {

    .index-content img{
        margin-top: 0px;
    }

    .index-title h1{
        margin-bottom: 0px;
    }

}

.captcha img{
    margin: 10px auto;
}