/**
 * @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: #000000;
}

.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: #dc3545 !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: #186C92;
}

.bg-button{
	background-color: #eee9e5;
	color: #000000;
}

.tarjeta {
  padding: 40px 20px;
}

textarea {
	background: transparent;
    color: #eee9e5;
    border: 3px solid #eee9e5;
    border-radius: 20px !important;
    min-height: 150px;
	resize: none;
}

textarea:focus-visible{
	outline: none;
}

textarea::placeholder {
  color: #eee9e5;
}