/**
 * @author Alexis Bogado <alexis.bogado@s3w.es>
 * @package webinar-web
 */

.bg-light-gradient {
    background: linear-gradient(to right, rgba(201, 222, 240, 0.6), rgba(255, 255, 255, 0.6)), url(../images/graf_1_big.png) no-repeat 1220px 50px, url(../images/graf_1_big.png) no-repeat 200px 960px, url(../images/graf_1_big.png) no-repeat 740px 150px
}

.text-max_chars {
    color: #FFFFFF !important;
}

.source-area {
	padding: 56.25% 0 0 0;
	position: relative;
}

.source-area iframe, .source-area .content-imagen {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.source-area#area-chat {
    padding: 75% 0 0 0;
}

.content-imagen img {
    width: 100%;
}

hr {
    margin: 0;
    border: 0;
    height: 1.5px;
    background-color: #186C92;
}

h5{
	color: #186C92;
}

.question-box {
    background-color: #1CBFE6;
    padding: 10px 33px;
    border-radius: 5em;
}

.question-box.no-bg {
    background: none;
}

#edit-question-area {
    display: none;
}

.remove-question, .edit-question{
	color: #186C92;
}

.cursor-pointer {
    cursor: pointer;
}

#chars.text-danger {
    color: #ffbec4 !important;
}

.fs-17 {
    font-size: 17px;
}

/* COL-SM */
@media (min-width: 768px) {
	.source-area {
		padding: 38.25% 0 0 0;
	}

	.source-area.no-chat {
		padding: 56.25% 0 0 0 !important;
	}
}

/* COL-MD */
@media (min-width: 992px) {
	.source-area {
		padding: 38.25% 0 0 0;
	}

	.source-area.no-chat {
		padding: 56.25% 0 0 0 !important;
	}
}

/*.bg-blue{
	background-color: #062F5F;
}*/

.bg-button{
	background-color: #005CFF;
	color: #941d5e;
}

.tarjeta {
  background-color: #1B213D;
  border: none;
  padding: 40px 20px;
}

textarea {
	background-color: #30B7FF !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-radius: 10px !important;
    min-height: 200px;
	resize: none;
}

textarea:focus-visible{
	outline: none;
}

textarea::placeholder {
  color: #FFFFFFF5 !important;
}