/*==============================
CLASES GENERICAS
==============================*/
:root{
	TextColor   : #888;
	EnlaceColor : #4682b4;
	Titulo      : 2.3rem;
	Subtitulo   : 1.5rem;
	Rojo        : #cb0003;
	RojoOscuro  : #930002;
}
body{
	background-color: #f0efec;
}
form{
	padding: 25px;
	background: white;
	border-radius: 5px;
	margin-top: 60px;
	width:90%;
	box-shadow: rgba(0,0,0,0.2) 0px 0px 15px;
	position: relative;
	margin: auto;
	left: 0px;
	right: 0px;
	top: 30px;
	margin-bottom: 50px;
}
form a{
    text-decoration: none;
}
form a:hover{
    text-decoration: none;
}
form label{
	margin: 10px;
	display: block;
}
form input{
	padding: 10px;
	background: #ededed;
	border-radius: 3px;
	width: 100%;
	margin: 10px 0px;
	border: 2px solid whitesmoke;
	outline: none;
	transition: all 0.2s;
}
form textarea, form select{
	padding: 10px;
	background: #ededed;
	border-radius: 3px;
	width: 100%;
	margin: 10px 0px;
	border: 2px solid whitesmoke;
	outline: none;
	transition: all 0.2s;
}
form textarea{
	min-height: 120px;
	resize: none;
}
.search-item{
	position: relative;
}
.sub_form input:focus{
	background-color: #e7e7e7;
	border-color: #d1d1d1;
}
form input:focus{
	background-color: #e7e7e7;
	border-color: #d1d1d1;
}
form textarea:focus{
	background-color: #e7e7e7;
	border-color: #d1d1d1;
}
form input[type="search"]{
	border-radius: 30px;
	background-color: white;
	border-color: #e7e7e7;
	padding: 8px;
	max-width: 250px;
	position: relative;
	padding-left: 35px;
	font-size: 18px;
}
input[type="search"] + label:after{
	content: '🔎 ';
	position: absolute;
	top: 15px;
	color: #e7e7e7;
}
form input[type="search"]:focus{
	border-radius: 30px;
	background-color: #444;
	color: white;
	max-width: 260px;
}
.bullets{
	padding: 20px 0px !important;
}
.dep{
	border:2px solid gray;
	height: 60px;
}
.dual{
	width: 50%;
	display: inline-block;
	margin-right: -5px;
}
.trial{
	width: 33.333333%;
	display: inline-block;
	margin-right: -5px;
}
.tetra{
	width: 25%;
	display: inline-block;
	margin-right: -5px;
}
/*------------arriba, abajo, izq, derecha------------*/
.p-t-s{
	padding-top: 10px;
	box-sizing: border-box;
}
.p-b-s{
	border-bottom: 10px;
	box-sizing: border-box;
}
.p-l-s{
	padding-left: 10px;
	box-sizing: border-box;
}
.p-r-s{
	padding-right: 10px;
	box-sizing: border-box;
}
.cd-menu{margin: 0.8rem 0;}


.cd-img-article{
	position: relative;
	padding: 10rem 0;
	background: whitesmoke;
}

.cd-img-article img, .cd-img-thumbnail img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	object-fit:cover;
}
.cd-img-titulo{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px;
	color: white;
	background: black;
	box-sizing: border-box;
	width: 100%;
}
.cd-img-thumbnail{
	position: relative;
	padding: 3rem 0;
	background: whitesmoke;
}
.destacados{
	padding: 4rem 0;
}
.cd-list{
	display: inline-block;
	padding: 25px;
}
.cd-portafolios .i-p-3{
	width: 32%;
	display: inline-block;
	margin: 8px 6px; 
}
.cd-menu li{
	display: inline-block; 
	padding: 12px;
	list-style: none;
    box-sizing:border-box;
}
.cd-menu li a{
	text-decoration: none;
}
.center{ text-align: center;}
.right{text-align: right;}
.default{text-align: left;}

.cd-format{
	border: 1px solid whitesmoke;
	background: white;
	box-shadow: rgba(0,0,0,0.3) 0px 0px 4px;
	padding: 15px;
	box-sizing: border-box;
}
.pad-s { padding: 10px; }
.pad-m { padding: 20px; }
.pad-l { padding: 35px; }

.pad-i-s { padding: 10px; box-sizing: border-box; }
.pad-i-m { padding: 20px; box-sizing: border-box; }
.pad-i-l { padding: 35px; box-sizing: border-box; }

.pad-tb-s{padding: 10px 0px;}
.pad-tb-m{padding: 20px 0px;}
.pad-tb-l{padding: 35px 0px;}


 /*======================= DATA TABLES =======================*/
.btn-edit {
    font-size: 15px;
    padding: 10px;
    color: white;
    background: #fcb019;
    border-radius: 3px;
    margin: 5px 5px;
}
.btn-edit:hover{
    background: #fcb019b0;
}
.btn-delete {
    font-size: 15px;
    padding: 10px;
    color: white;
    background: #cd5c5c !important;
    border-radius: 3px;
    margin: 5px 5px;
}
.btn-delete:hover{
    background: #cd5c5cb0 !important;
}