:root {
	--nav: #202D33;
	--nav-shad: #162025;
	--bg-blue: #0186b9;
	--bg-green: #8fd23c;
	--bg-red: #BA0226;
	--bg-gold: #BAB002;
	--bg-lime: #DBFF5E;
	--bg-blue-1: #0280B2;
	--bg-blue-2: #014F6E;
	--bg-blue-line: #6dabcc;
	--bg-blue-green: #235265;
	--bg-green-line: #02BA8A;
	--bg-green-shad: #1E3B33;
	--bg-blue-shad: #1E333B;
	--bg-brown-line: #9a9240;
    --btn-primary: #196E90;
	--txt-primary: #00506e;
}

/* ID */
	#home #menuToggle {
		background: #1E2849;
		border-color: #1E2849;
		border-radius: 4px;
	}
	#home #menuToggle .toggle-normal i {
		color: white;
	}
	#home #menuToggle:hover {
		border-color: #00000000;
	}
	#home .header-background {
		background: var(--bg-blue-2);
	}
	#home .menu {
		background: #EDE779;
	}
	#about .about-btn .btn {
		background: #662431;
	}
	#about .about-btn .btn:hover {
		background: #9D760C;
	}
	#v-card-holder #v-card .card-content {
		padding: 10px 15px;
	}
    #v-card-holder #v-card .links {
    	display: flex;
    	justify-content: center;
    }
	#v-card-holder #v-card .infos {
		display: inline;
	}
	#v-card-holder #v-card .infos .profile-list .content {
		overflow-wrap: break-word;
	}
	#v-card-holder #v-card #profile img {
		object-fit: cover;
		box-shadow: 0 0px 5px 3px rgb(0 0 0 / 20%), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	}
    #facultadesDelRepresentante>div{display: flex;justify-content: space-between;}
    #calificarRepresentantesDiv {
    	display: flex;
    	flex-wrap: wrap;
    }
    #calificarRepresentantesDiv > div {
    	width: 50%;
    	align-items: center;
    	justify-content: center;
    }
    #calificarRepresentantesDiv > div > div {
    	display: flex;
    	padding: 5px;
    }
    #calificarRepresentantesDiv > div > div:first-child {
    	max-width: 10%;
    	justify-content: flex-end;
    }
    #calificarRepresentantesDiv > div > div:nth-child(2) {
    	min-width: 23%;
    }
    #calificarRepresentantesDiv > div > div:last-child {
    	/*max-width: 20%;*/
    	font-size: 1.3rem;
    	color: #dddd14;
    }
    #a {
    	display: flex;
    	flex-wrap: wrap;
    }
    #portfolios #portfolios-card .tab-content .grid figure {
    	cursor: default;
    }
    #portfolios #portfolios-card .tab-content .big {
    	width: 50%;
    	padding: 15px;
    }
    #portfolios-card {
    	padding: 20px;
    }
	#Agents-app .btn[disabled] {
		border-color: #dbdbdb;
	}
/* Spinners */
	.container-spinner-bar-content-loading {
        margin: 0px;
        color: #266093;
        width: 100%;
        height: 100%;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: fixed;
        background-color: rgb(0 0 0 / 45%);
        /*z-index: 1;*/
        transition: all 0.3s;
    }
	.container-spinner-bar {
		width: -webkit-fill-available;
		height: 100%;
		position: absolute;
		z-index: 99;
	}
	.spinner-bar {margin: 10px auto;/*width: 50px;*/height: 100px;text-align: center;font-size: 10px;}
    .spinner-bar > div {background-color: white /*#26C6DA*/;height: 100%;width: 10px;display: inline-block;-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;animation: sk-stretchdelay 1.2s infinite ease-in-out;}
    .spinner-bar .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
    .spinner-bar .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
    .spinner-bar .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
    .spinner-bar .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
/* Navs */
	.nav-tabs.tab_capa {font-size: 13px;width: 100%;}
    .nav-tabs.tab_capa > li, .nav-tabs.nav-light > li {margin-bottom: -1px;}
    .nav-tabs.tab_capa>li.active>a, .nav-tabs.tab_capa>li.active>a:focus, .nav-tabs.tab_capa>li.active>a:hover {background-color: #121D35;border: 1px solid transparent;color: white;}
    .nav-tabs.tab_capa>li>a {line-height: 1.42857143;border: 1px solid transparent;color: white; /*#555*/background: #2c4270;transition: all 0.5s;}
    .nav-tabs.tab_capa>li>a:hover {background:#472380;color: white;border: 1px solid transparent;}
/* Containers */
    /*.conFacultad{margin-top: 40px;border:solid 1px green;};
    .sinFacultad{border:solid 1px red;color:blue;};*/
    /*div[class='sinFacultad']::before{content: 'X';}
    div[class='conFacultad']::before{content: '✔'}*/
    .comentariosDiv{display: flex;flex-direction: column;padding: 10px;background: #e9f0ff;border-radius: 5px;}
    .comentariosDiv>div:nth-child(1){
		display: flex;
		flex-direction: column;
	}
    .conFacultad {
    	background: #16a845;
    }
    .sinFacultad {
    	background: #c74343;
    }
	.menu-img {
		margin: 10px;
	    display: flex;
	    justify-content: center;
	}
	.container-img {
		width: 205px;
		height: 205px;
	    border-radius: 50%;
	    background: #493E1E;
	    object-fit: contain;
	}
	.links {
		display: flex;
	}
	.container-data-agent {
		padding: 10px 5px;
		background: white;
	}
	.container-info-agent {
		width: 100%;
		display: grid;
	}
    .acercaDelAgenteDiv{
    	display: flex;
    	/*flex-wrap: wrap;*/
    	flex-direction: column;
    	justify-content: space-around;
    	background-color:white;
    	padding: 15px;
    	box-shadow: 0px 2px 3px 2px #00000024;
    }
    .facultadesRepresentantes{
    	padding: 15px 0px;
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    	align-items: center;
    	border: 1px solid #ddd;
    	color: white;
    }
    .container-fac {
    	width: 90%;
    	margin: 0 auto;
    }
    .cont-title-seg {
    	width: 100%;
    	padding: 15px;
    	text-align: center;
    }
    .container-section-comments {
    	padding: 15px;
    }
    .container-comments {
    	overflow: auto;
    	max-height: 500px;
    	padding: 10px 15px;
    	border: 1px solid #ddd;
    }
    .bg-tab-content-nav {
    	padding: 10px;
    	background: white;
    	display: flex;
    	justify-content: center;
    	margin-bottom: 0px;
    	box-shadow: 0px 2px 3px 2px #00000024;
	}
	.container-stars {width: 100%;position: relative;overflow: hidden;margin: 0;display: flex;align-items: center;justify-content: flex-end;flex-direction: row-reverse;}
	.container-stars input {/*position: absolute;top: -100px;*/display: none;}
    p.container-stars input:checked ~ label {color: #f4e105;transition:all .2s ease-in-out;}
    .container-progress-star {width: 100%;padding: 5px 15px;display: flex;justify-content: flex-start;align-items: center;}
    .container-specialities {display: flex;margin-bottom: 23px;align-items: center;justify-content: flex-start;}
	.segment-questions {padding: 30px;border: 1px solid #cfe3eb;border-radius: 8px;background: #f2f7f9;}
    .container-question {margin-bottom: 10px;padding: 5px;border-radius: 5px;transition: 0.5s;}
	.content-opinion {width: 100%;}
	.items-quiz {justify-items: start;align-items: start;}
	.container-options-emojis {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: .8rem;
	}
	.container-emojis {
		display: grid;
		justify-items: center;
	}
	.container-product {
		color: #3d3d3d;
		border: 1px solid rgb(221, 221, 221);
    	/* border-radius: 0.2rem; */
	}

/*Columns*/
	.justify-content-center {
		justify-content: center;
	}
	.width-ajust {width: 100%;max-width: max-content;}
    .col-grid-2 {display: grid;grid-template-columns: repeat(2, 1fr);}
    .col-grid-3 {display: grid;grid-template-columns: repeat(3, 1fr);}
    .col-grid-4 {display: grid;grid-template-columns: repeat(4, 1fr);}
    .col-grid-5 {display: grid;grid-template-columns: repeat(5, 1fr);}
/* Buttons */
	button.btn, button.btn:active, button.btn:focus, button.btn:active:focus, a:focus {
		outline: 0;
		outline-offset: 0;
	}
	.btn-primary {border-color: #337ab7;}
	.links > .social {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.btn-primary:hover {border-color: #286090;}
	.btn-floating, .btn-floating:hover {
	    color: white;
	}
	.swal2-actions button {
		color: white;
	}
/* Tables */
/* Texts */
    h4{
       	font-size: 18px;
       	text-align: center;
		color: #616161;
    }
    .ltX{
      	font-size: 0.8em;
    }
    .ltY{
      	font-size: 0.8em;
      	font-weight: bold;
    }
    .titleSubSection {
    	font-size: 17px;
    	color: #3d3d3d;
    	margin-bottom: 0px;
    	text-align: center;
    }
    .titleCommentSection {
    	font-size: 17px;
    	margin-bottom: 0px;
    	text-align: center;
    	background-color: #7e8ccf;
    	color: white;
    	padding: 3px;
    	border-radius: 4px 4px 0px 0px;
    }
    .textForm {
    	font-size: .9rem;
    	color: #3d3d3d;
    	margin-bottom: 0px;
    }
    .textInfo {
    	font-size: 14px;
    	color: #002b8a;
    	word-wrap: break-word;
    }
    .textUserComment {
    	color: #21355f;
    }
    .textDateComment {
    	color: #6f6f6f;
    	font-size: 13px;
    }
    .textComment {
    	color: #2b4987;
    }
    .textStars {
    	padding: 5px 0px;
    }
    .title-score {
    	text-align: center;
    	margin-top: 10px;
    	color: #354f89;
    	font-size: 5.0rem;
    }
    .subtitle-score {
    	text-align: center;
    	font-size: 1.0rem;
    	color: #4d5973;
    }
    .num-star {
    	margin: 0;
    	padding: 0px 5px;
    	top: -2px;
    	position: relative;
    }
    .lt{
		font-size: 14px;
	}
	.container-emojis .textForm {
		font-size: .85rem;
	}
	.title-product {
		font-family: 'Muli', sans-serif;
		font-size: 1.1rem;
	}
/* Images */
	.menu-img > img {
		width: 100%;
	  	height: calc(100% - 60px);
	  	object-fit: contain; 
	}
	.container-img img {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		object-fit: cover;
		box-shadow: 0px 0px 4px 4px #493E1E;
	}
	.container-emojis label.img-emoji {
		margin: 0;
		cursor: pointer;
		transition: 0.2s;
	}
	.container-emojis .textForm {
		transition: .2s;
	}
	.container-emojis input {
		display: none;
	}
	.img-emoji:hover, .select-emoji:hover ~ label, .select-emoji:checked ~ label {
		-webkit-transform:scale(1.2);
		-webkit-transition:all .2s ease-in-out;
		color: brown;
	}
	.img-emoji img {
		width: 80%;
	}
/* Icons */
	.btn i {
		font-size: 14px;
	}
	.icon-info {
		font-size: 1.3rem;
	}
	.fa-whatsapp.icon-info {
		font-size: 1.6rem;
	}
	/* #v-card-holder #v-card .links .social > i {
		font-size: 25px;
		padding-bottom: 0px;
	} */
	.icon-whatsapp {
		/* background-color: #23c347!important; */
		background-color: white!important;
		color: #23c347;
		font-size: 25px;
	}
	.icon-whatsapp > .fa-whatsapp {
		margin-left: 2px;
	}
	.icon-facebook {
		font-size: 22px;
	}
	.icon-twitter {
		background-color: black!important;
		font-size: 20px;
	}
	.icon-instagram {
		font-size: 25px;
	}
	.icon-data-agent {
		font-size: 1.0rem;
		margin-right: 3px;
	}
	.icon-fac-agent {
		font-size: 30px;
		padding: 5px;
	}
	.icon-whatsapp:hover {
		color: #1eb140;
	}
	.textUserComment .fa-circle-user {
		font-size: 25px;
	}
    .icon-star {font-size: 20px;}
    p.container-stars label {margin: 0;float: right;color: #bad2e6;transition: 0.3s;}
    .container-progress-star > .fa-star {font-size: large;color: #e6e60f;}
	.icon-w {
		font-size: 1rem;
	}
	.icon-media {
		margin-right: 5px;
	}
/* Inputs */
	.bootstrap-select input,
	.bootstrap-select .dropdown-toggle .filter-option {
		height: auto;
	}

/* Others */
	.pd-left-cero {padding-left: 0px;}
	.pd-right-cero {padding-right: 0px;}
	.pd-side {padding-left: 5px;padding-right: 5px;}
    .pd-items-table {padding-bottom: 5px;}
    .pd-items-table-top {padding-top: 5px;}
    .mg-top {margin-top: 5px;}
    .mg-bottom {margin-bottom: 5px;}
    .mg-left {margin-left: 5px;}
	.mg-right {margin-right: 5px;}
    .mg-cero {margin: 0px;}
    .mg-top-cero {margin-top: 0px;}
    .mg-bottom-cero {margin-bottom: 0px;}
    .mg-left-cero {margin-left: 0px;}
    .mg-right-cero {margin-right: 0px;}
    .space-b {margin-bottom: 30px;}
    .divider-section {border-top-color: #dbdbdb;}
    .divider-segment {margin-bottom: 10px;border-color: #ddd;}
	.not-response {background: #ffc8c8;transition: 0.5s;}

/*Keyframes*/
    @-webkit-keyframes sk-stretchdelay {
        0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
        20% { -webkit-transform: scaleY(1.0) }
    }
    @keyframes sk-stretchdelay {
        0%, 40%, 100% {transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}
        20% {transform: scaleY(1.0);-webkit-transform: scaleY(1.0);}
    }

/* Media Query */
@media screen and (min-width: 480px) {
	#calificarRepresentantesDiv > div > div:nth-child(2) {
		min-width: 35%;
	}
}

@media screen and (min-width: 768px) {
	.column-flex-center-center {display: flex;justify-content: center;align-items: center;}
	.column-flex-center-start {display: flex;justify-content: flex-start;align-items: center;}
	.column-flex-center-end {display: flex;justify-content: flex-end;align-items: center;}
    .column-flex-center-bottom {display: flex;justify-content: center;align-items: flex-end;}
	.column-flex-content-center {display: flex;justify-content: center;}
    .column-flex-space-evenly {display: flex;justify-content: space-evenly;}
    .column-flex-space-between {display: flex;justify-content: space-between;}
	.column-flex-start {display: flex;justify-content: flex-start;}
	.column-flex-end {display: flex;justify-content: flex-end;}
	.column-flex-items-center {display: flex;align-items: center;}
	.column-flex-bottom {display: flex;align-items: flex-end;}
	.column-grid-start {display: flex;flex-direction: column;align-items: flex-start;}
	.column-grid-center {display: flex;flex-direction: column;align-items: center;justify-content: center;}

	#v-card-holder #v-card .card-content {
		padding: 40px;
	}
	#v-card-holder #v-card #profile img {
		box-shadow: none;
	}
	#v-card-holder #v-card .infos .profile-list {
		max-width: 50%;
	}
	#v-card-holder #v-card .infos .profile-list .content {
		max-width: 87%;
	}
    #calificarRepresentantesDiv {
    	flex-direction: column;
    }
    #calificarRepresentantesDiv > div {
    	width: 100%;
    }
    #calificarRepresentantesDiv > div > div:first-child, 
    #calificarRepresentantesDiv > div > div:nth-child(2),
    #calificarRepresentantesDiv > div > div:last-child {
    	justify-content: flex-start;
    }
    #calificarRepresentantesDiv > div > div:nth-child(2) {
    	max-width: 34%;
    }
    #comments-card {
    	width: 100%;
    }
    #a {
    	flex-direction: column;
    }
    #portfolios-card {
    	padding: 5px;
    }
    #portfolios #portfolios-card .tab-content {
    	margin: 0px;
    }
    #portfolios #portfolios-card .tab-content .big {
    	width: 100%;
    }
    .col-grid-3 {
    	grid-template-columns: repeat(1, 1fr);
    }
    /* .container-img {
    	width: 150px;
    	height: 150px;
    } */
	/* .container-img-profile {
		width: 150px;
		height: auto;
	} */
    .comentariosDiv>div:nth-child(3){
		padding: 3px 21px 8px;
	}
    .container-data-agent {
    	padding-bottom: 0px;
    }
    .acercaDelAgenteDiv {
    	justify-content: flex-start;
    }
    .titleCommentSection {
    	font-size: 15px;
    }
    .comentariosDiv>div:nth-child(1) {
    	flex-direction: row;
		justify-content: space-between;
    }
    .comentariosDiv>div:nth-child(3) {
    	padding: 3px 15px 15px;
    }
    .textUserComment {
    	font-size: 13px;
    }
    .textDateComment {
    	padding: 3px;
    }
    .textComment {
    	font-size: 14px;
    }
    .textStars {
    	padding: 5px 15px;
    }
    .container-section-comments {
    	padding: 0px 5px;
    }
    .container-comments {
    	/* max-height: 400px; */
    	border-radius: 0px 0px 4px 4px;
    }
    .tab-pane {
    	width: 100%;
    }
    .container-info-agent {
    	grid-template-columns: repeat(2, 1fr);
    }
	.container-options-emojis {
		padding: 5px;
		display: flex;
    	justify-content: space-evenly;
	}
	.content-opinion {width: 90%;}
}

@media screen and (min-width: 992px) {
	#v-card-holder #v-card .infos .profile-list {
		max-width: 59%;
	}
	#v-card-holder #v-card .infos .profile-list .content {
		max-width: 100%;
	}
	/* #calificarRepresentantesDiv > div > div:nth-child(2) {
		min-width: 30%;
	}
	.facultadesRepresentantes {
		width: 100%;
	}
	.container-data-agent {
		width: 100%;
	} */
}