@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

:root{
    --yellow1: #f4c600 !important;
    --yellow_hover: #dbb50a !important;
    --blue1: #3065af !important;
    --blue2: #29538f !important;
    --blue3: #1f3e6c !important;
    --blue4: #102445 !important;
    --gray1: #3c3c3b !important;
    --gray2: #706f6f !important;
    --gray3: #9d9d9c !important;
    --gray4: #c6c6c6 !important;
    --gray5: #f5f4f5 !important;
    --serv1: #e2516d !important;
    --serv2: #1db5be !important;
    --serv3: #00a75d !important;
    --serv4: #8d80b2 !important;
    --serv5: #00456f !important;
    --serv6: #fbbb21 !important;

    --portUsuarios: #4dc2ef !important;
    --portClientes: #b1cc37 !important;
    --portBienestar: #31968f !important;
    --portDenuncia: #a81916 !important;
    --portSicapso: #fbbb21 !important;
    --portLiv: #58c1d9 !important;
    --portLiv2: #8e4292 !important;
}
body{
	font-family: "Poppins" !important;
}
h1,h2,h3,h4,h5,h6{
	font-family: "Poppins" !important;
}
/**
 * 01. ESTILOS HTML
 *
 * -------------------------------------------------------------------
 */
 .slimScrollBar{
	 opacity: 0.1 !important;
 }
 *{ font-family: 'Poppins', sans-serif; }
 body{
	 background: #F5F6FA;
	 padding: 0;
	 margin: 0;
 }
 body a:hover{
	 color: #FFF;
	 text-decoration: none;
 }
 body.enlarged{ min-height: auto !important; }
 iframe{ padding: 0; margin: 0; }
 a{ text-decoration: none; }
 a:hover{ text-decoration: none; }
 textarea { resize: none; }
 @keyframes rotate360 {
			to { transform: rotate(360deg); }
 }
 .fa-spinner {
	 animation: 1s rotate360 infinite linear;
	 font-size: 16px;
	 color: #FFF;
 }
 .checkbox input[type="checkbox"]{
	 display: none;
 }
 .checkbox label::before{
	 border: 1px solid #FFF;
 }
 .checkbox-success input[type="checkbox"]:checked + label::before{
	 background-color: #F9B81C;
	 border-color: #F9B81C;
 }
 /* .parsley-errors-list{
	 display: block;
	 margin: 0;
	 padding: 0;
	 position: absolute;
	 top: 100%;
	 right: 0;
	 left: 0;
	 bottom: 0;
 }
 .parsley-errors-list > li{
	 font-size: 10px;
	 font-weight: 400;
	 display: none;
 } */
 .FormShow .parsley-errors-list > li{
	 display: inline-block;
	 font-size: 13px;
	 /* font-weight: 300; */
 }
 .parsley-error.radio label::before{
	 border: 1px solid red;
 }
 .parsley-error.checkbox label::before{
	 border: 2px solid red;
 }
 .form-control.parsley-error {
	 border: 2px solid #f1556c;
 }
 .parsley-success{
	 border-color: #ced4da;
 }
 .Input_Group{
	 position: relative;
 }
 .Input_Group input{
	 padding-right: 60px;
 }
 .Input_Group .input-group-text{
	cursor: pointer;
	width: 50px;
	border-radius: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: calc(2.25rem + 2px);
	border: 1px solid transparent;
	background: transparent;
 }
 .text_error,
 .parsley-errors-list > li{
	 font-size: 12px;
	 font-weight: 500;
	 color: #f1556c;
 }
 .parsley-errors-list > li:before{
	 top: 0;
 }
 .Parsley_Style .iti--separate-dial-code .iti__selected-flag{
	 height: 38px;
 }
 .Parsley_Style .Parsley .parsley-errors-list{
	 position: absolute;
	 margin: 0;
 }
 .Parsley_Style_Form .Parsley .parsley-errors-list{
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin: 0;
 }

 .chosen-container{
	 font-size: 14px;
	 /* font-weight: 300; */
	 color: #4D4D4D;
 }
 .chosen-container .chosen-results{
	 max-height: 270px;
	 overflow-y: scroll;
 }
 .chosen-select.parsley-error .chosen-container-single .chosen-single{
	 border: 1px solid red;
 }
 .modal.Success .modal-header{
	 background: #009D4F;
	 border: 1px solid #009D4F;
 }
 .modal.Error .modal-header{
	 background: #e2516d;
	 border: 1px solid #e2516d;
 }
 .modal.Success .modal-header h3{
	 color: #FFF;
	 font-weight: 400;
	 font-size: 18px;
 }
 .modal.Blue .modal-header{
	 background: var(--blue2);
	 border: 1px solid var(--blue2);
 }
 .modal.Blue .modal-header h3{
	 color: #FFF;
	 font-weight: 400;
	 font-size: 18px;
 }
 .iti{
	 width: 100%;
 }
 .datepicker .datepicker-switch{
	 font-size: 14px;
	 font-weight: 600;
	 color: #000;
 }
 .datepicker table tr td, .datepicker table tr th{
	 font-size: 12px;
	 font-weight: 400;
	 color: #000;
 }
 .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover{
	 background: #009D4F;
	 color: #FFF;
	 border-color: #009D4F;
 }
 .datepicker table tr td.today{
	 background: #FFB71B;
	 color: #000;
	 border-color: #FFB71B;
 }
 .datepicker table tr td.day:hover, .datepicker table tr td.focused{
	 background: #009D4F;
	 color: #FFF;
	 border-color: #009D4F;
 }
 .datepicker table tr td span:hover, .datepicker table tr td span.focused{
	 background: #009D4F;
	 color: #FFF;
	 border-color: #009D4F;
 }
 .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active,
 .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus{
	 background: #009D4F;
	 color: #FFF;
	 border-color: #009D4F;
 }
 .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active{
	 background: #009D4F;
	 color: #FFF;
	 border-color: #009D4F;
 }
 .bootstrap-select>.dropdown-toggle{
	 border-radius: 30px;
	 outline: 0 !important;
	 box-shadow: 0 !important;
	 background: #F5F6FA !important;
	 border: 1px solid #F5F6FA !important;
 }
 .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
	 outline: 0 !important;
 }
 .bootstrap-select .dropdown-menu li a span.text{
	 font-size: 14px;
	 font-weight: 300px;
	 color: #000;
 }
 #MenuDropdown{
	 top: 100% !important;
 }
 .content-page-fluid{
	 padding: 0 0px 5px 0px;
 }
 .content-page-fluid .content{
	 padding: 0 15px 0px 15px;
 }
 .content-page-top{
	 padding: 20px 15px 0px 15px;
 }
 #pswd_info {
	 position:absolute;
	 top: 100%;
	 right:0;
	 width:250px;
	 padding:15px;
	 background:#FFF;
	 border-radius:5px;
	 box-shadow:0 1px 3px #ccc;
	 border:1px solid #ddd;
	 z-index: 10;
	 border-radius: 5px;
	 display: none;
 }
 #pswd_info::before {
	 content: "\25B2";
	 position:absolute;
	 top:-12px;
	 left:45%;
	 font-size:14px;
	 line-height:14px;
	 color:#CCC;
	 text-shadow:none;
	 display:block;
 }
 #pswd_info ul{
	 margin: 10px;
	 padding: 0;
 }
 #pswd_info ul li{
	 padding: 0px;
	 margin: 0px;
	 font-size: 11px;
	 font-weight: 400;
 }
 .text_invalid {
	 line-height:24px;
	 color:#ec3f41;
 }
 .text_valid {
	 line-height:24px;
	 color:#009D4F;
 }
 .iti__selected-flag{
	 border: 0 !important;
	 outline: 0 !important;
 }

 /**
 * 02. COLORES
 *
 * -------------------------------------------------------------------
 */
 .Color_Style_1{ color: #4D4D4D; }
 .Color_Style_2{ color: #FFF; }
 .Color_Style_3{ color: #009D4F; }
 .Color_Style_4{ color: #FFB71B !important; }
 .Color_Style_5{ color: #000; }
 .Color_Style_6{ color: var(--blue2); }
 .Color_Style_7{ color: #999999; }

.Color-001{ color: #113046;}
.Color-005{ color: #495057 }
.Color-006{ color: #222; }
.Color-007{ color: #0fb67c; }

 /**
 * 03. TAMAÑO DE LETRA
 *
 * -------------------------------------------------------------------
 */
 .Font_5{ font-size: 5px; }
 .Font_6{ font-size: 6px; }
 .Font_7{ font-size: 7px; }
 .Font_8{ font-size: 8px; }
 .Font_9{ font-size: 9px; }
 .Font_10{ font-size: 10px; }
 .Font_11{ font-size: 11px; }
 .Font_12{ font-size: 12px; }
 .Font_13{ font-size: 13px; }
 .Font_14{ font-size: 14px; }
 .Font_15{ font-size: 15px; }
 .Font_16{ font-size: 16px; }
 .Font_17{ font-size: 17px; }
 .Font_18{ font-size: 18px; }
 .Font_19{ font-size: 19px; }
 .Font_20{ font-size: 20px; }
 .Font_22{ font-size: 22px; }
 .Font_24{ font-size: 24px; }
 .Font_26{ font-size: 26px; }
 .Font_28{ font-size: 28px; }
 .Font_30{ font-size: 30px; }
 .Font_32{ font-size: 32px; }
 .Font_34{ font-size: 34px; }
 .Font_36{ font-size: 36px; }
 .Font_38{ font-size: 38px; }
 .Font_40{ font-size: 40px; }
 .Font_40{ font-size: 40px; }
 .Font_50{ font-size: 50px; }
 .Font_52{ font-size: 52px; }
 .Font_54{ font-size: 54px; }
 .Font_56{ font-size: 56px; }
 .Font_58{ font-size: 58px; }
 .Font_60{ font-size: 60px; }


 /**
 * 04. FUERTE DE LETRA
 *
 * -------------------------------------------------------------------
 */
 .Weight_1{ font-weight: 100; }
 .Weight_2{ font-weight: 200; }
 /* .Weight_3{ font-weight: 300; } */
 .Weight_4{ font-weight: 400; }
 .Weight_5{ font-weight: 500; }
 .Weight_6{ font-weight: 600; }
 .Weight_6{ font-weight: 700; }
 .Font-Style-Normal{ font-style: normal;}
 .Font-Style-Italic{ font-style: italic; }

 /**
 * 05. AUXILIARES
 *
 * -------------------------------------------------------------------
 */
 .Letter_Spacing_5{ letter-spacing: 3px; }
 .white-space-pre-line{ white-space: pre-line; }
 .Line_Height_70{ line-height: 70px; }
 .ellipsis{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

 /**
 * 06. BOTONES
 *
 * -------------------------------------------------------------------
 */
 .Btn{
	 font-size: 16px;
	 font-weight: 500;
	 box-shadow: none !important;
	 outline: 0 !important;
	 border-radius: 10px;
 }
 .Btn_Round{
	 border-radius: 30px;
 }
 .Btn_Round_Sm{
	 border-radius: 6px;
 }
 .Btn_Blue_Border{
	 padding: 5px 10px;
	 background: #FFF;
	 border: 1px solid var(--blue2);
	 color: var(--blue2);
	 width: 140px;
 }
 .Btn_Green_Border{
	 padding: 10px 10px;
	 background: #FFF;
	 border: 1px solid #009D4F !important;
	 color: #009D4F;
	 width: 160px;
 }
 .Btn_Yellow_Border{
	 padding: 10px 10px;
	 background: #FFF;
	 border: 1px solid #FFB71B !important;
	 color: #FFB71B;
	 width: 160px;
 }
 .Btn_Red_Bg{
	 padding: 10px 10px;
	 border-radius: 0px;
	 background: #7d2c38;
	 border: 1px solid #7d2c38;
	 color: #FFF;
	 font-size: 12px;
 }
 .Btn_Error_Bg{
	 padding: 10px 10px;
	 background: #e2516d;
	 border: 1px solid #e2516d;
	 color: #FFF;
	 width: 160px;
 }
 .Btn_Blue_Bg{
	 padding: 10px 10px;
	 background: var(--blue2);
	 border: 1px solid var(--blue2);
	 color: #FFF;
	 width: 140px;
 }
 .Btn_Blue_Bg_Sm{
	 background: var(--blue2);
	 border: 1px solid var(--blue2);
	 color: #FFF;
 }
 .Btn_Verificacion{
	 padding: 10px 10px;
	 background: var(--blue2);
	 border: 1px solid var(--blue2);
	 color: #FFF;
	 width: 140px;
	 border-radius: 5px;
 }
 .Btn_Yellow_Bg{
	 padding: 10px 10px;
	 background: #FFB71B;
	 border: 1px solid #FFB71B;
	 color: #FFF;
	 width: 140px;
 }
 .Btn_Send_Consulta{
	 font-size: 12px;
	 font-weight: 500;
	 box-shadow: none !important;
	 outline: 0 !important;
	 border-radius: 10px;
	 padding: 10px 10px;
	 background: var(--blue2);
	 border: 1px solid var(--blue2);
	 color: #FFF;
	 width: 140px;
	 margin: 0.5rem 0;
 }
 .Btn_Green_Bg{
	 padding: 10px;
	 background: #009D4F;
	 border: 1px solid #009D4F;
	 color: #FFF;
	 width: 160px;
 }
 .Btn-Style-1{
	 background: #FFB71B;
	 padding: 10px 5px;
	 font-size: 17px;
	 font-weight: 500;
	 text-transform: uppercase;
	 color: #FFF;
	 width: 200px;
	 border-radius: 10px;
	 letter-spacing: 2px;
	 box-shadow: none;
	 outline: 0;
 }
 .Btn-Style-2{
	 background: #009D4F;
	 padding: 10px 5px;
	 font-size: 16px;
	 font-weight: 400;
	 text-transform: uppercase;
	 color: #FFF;
	 width: 200px;
	 border-radius: 0px;
	 letter-spacing: 2px;
	 box-shadow: none !important;
	 outline: 0 !important;
 }
 .Btn_Modal_Expediente{
	 background: #009D4F;
	 padding: 10px 5px;
	 font-size: 14px;
	 font-weight: 500;
	 color: #FFF;
	 width: 210px;
	 border-radius: 30px;
	 letter-spacing: 0.2px;
	 box-shadow: none !important;
	 outline: 0 !important;
 }
 .Btn-Style-Edit{
	 background: #FFF;
	 border: 1px solid #FFB71B;
	 border-radius: 30px;
	 padding: 10px;
	 font-size: 16px;
	 font-weight: 400;
	 color: #FFB71B;
	 width: 160px;
	 transition: all .3s ease;
	 box-shadow: none !important;
	 outline: 0 !important;
 }
 .Btn-Yellow-1{
	 font-size: 16px;
	 font-weight: 500;
	 box-shadow: none;
	 outline: 0 !important;
	 border-radius: 10px;
	 padding: 5px 10px;
	 background: transparent;
	 border: 5px solid #FFB71B;
	 color: #FFB71B;
	 width: 210px;
	 transition: all .3s ease;
 }
 .Btn-Yellow-1:hover,
 .Btn-Yellow-1:active{
		background: #FFB71B;
		color: #FFF;
 }
 .Btn-Style-Edit:hover{
	 background: #FFB71B;
	 color: #FFF;
 }
 .Btn-Style-Save{
	 background: #009D4F;
	 border: 1px solid #009D4F;
	 border-radius: 30px;
	 padding: 10px;
	 font-size: 16px;
	 font-weight: 400;
	 color: #FFF;
	 width: 200px;
	 box-shadow: none !important;
	 outline: 0 !important;
 }
 .Btn-Style-Ant{
	 background: #FFF;
	 border: 1px solid #009D4F;
	 border-radius: 30px;
	 padding: 10px;
	 font-size: 16px;
	 font-weight: 400;
	 color: #009D4F;
	 width: 160px;
	 box-shadow: none !important;
	 outline: 0 !important;
 }
 .Btn_Sm{
	 width: 140px;
	 font-size: 12px;
	 font-weight: 500;
	 box-shadow: none !important;
	 outline: 0 !important;
	 border-radius: 30px;
 }
 .BtnSolPlan{
	 font-size: 14px;
	 font-weight: 500;
	 color: #FFF;
	 border: 1px solid #009D4F !important;
	 background: #009D4F;
	 border-radius: 20px;
	 padding: 12px 10px;
	 outline: 0 !important;
	 -webkit-box-shadow: 3px 3px 10px 0px rgba(0,157,79,0.6) !important;
	 -moz-box-shadow: 3px 3px 10px 0px rgba(0,157,79,0.6) !important;
	 box-shadow: 3px 3px 10px 0px rgba(0,157,79,0.6) !important;
	 /* -webkit-box-shadow: 0px 5.9px 29.5px rgba(0,0,0,0.15) !important;
	 box-shadow: 0px 5.9px 29.5px rgba(0,0,0,0.15) !important; */
 }

 /**
 * 07. INPUTS
 *
 * -------------------------------------------------------------------
 */
 .input-text-style-1{
	 font-size: 14px;
	 /* font-weight: 300; */
	 color: #4D4D4D;
 }
 .Input_Verificacion{
	 background: #F5F6FA !important;
	 border: 1px solid #F5F6FA !important;
	 border-radius: 0px;
	 font-size: 16px;
	 font-weight: 500;
	 color: #000;
	 height: 55px;
	 text-align: center;
	 letter-spacing: 10px;
 }
 .input-text-style-2{
	 background: #F5F6FA;
	 border: 1px solid #F5F6FA;
	 border-radius: 30px;
	 font-size: 14px;
	 font-weight: 400;
	 color: #4D4D4D;
	 height: 45px;
	 padding-right: 50px;
 }
 .input-text-style-2.disabled,
 textarea.disabled{
	background: #FFF !important;
 }
 .input-text-style-3{
	 background: #FFF !important;
	 border: 1px solid #FFF !important;
	 border-radius: 10px;
	 font-size: 14px;
	 /* font-weight: 300; */
	 color: #4D4D4D;
	 height: 52px;
	 box-shadow: none !important;
 }
 .group-style-2{
	 background: transparent;
	 width: 30px;
	 font-size: 14px;
	 font-weight: 400;
	 color: #4D4D4D;
	 position: absolute;
	 height: 45px;
	 top: 0;
	 right: 20px;
	 width: 50px;
	 /* border-radius: 0 30 30px 0; */
	 bottom: 0;
 }
 .SelectOrienta{
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;       /* Remove default arrow */
	 background-image: url(...);   /* Add custom arrow */
 }
 .SelectOrienta *{
	 background: #FFF;
	 margin: 10px 0;
 }
 .SelectOrienta option{
	 background: #FFF;
	 margin: 10px 0;
 }
 .input-text-style-2:disabled,
 .form-control[readonly]{
	 background: #F5F6FA;
	 border: 1px solid #F5F6FA;
 }
 .input-text-style-2:focus{
	 background: #F5F6FA;
	 border: 1px solid #F5F6FA;
 }
 .text-style-2{
	 background: #F5F6FA !important;
	 border: 1px solid #F5F6FA !important;
	 border-radius: 0px;
	 font-size: 14px;
	 font-weight: 400;
	 color: #4D4D4D;
	 resize: none;
 }
 .border-style-1{
	 border-right: 2px solid #FFF;
 }
 .BorderTop-1{
	 border-top: 10px solid #009D4F;
 }
 .Title-BorderTop-1{
	 padding-bottom: 10px;
	 border-bottom: 3px solid #009D4F;
 }
 .Title-BorderTop-2{
	 padding-bottom: 10px;
	 border-bottom: 3px solid var(--blue2);
 }
 .radio-bg-1 label::before{
	 background: #CCCCCC;
	 border: 1px solid #CCCCCC;
 }
 .radio-bg-1  input[type="radio"]:checked + label::before{
	 background: #009D4F;
	 border: 1px solid #009D4F;
 }
 .radio-bg-1  input[type="radio"]:checked + label::after{
	 background: #009D4F;
 }

 .radio-bg-2  input[type="radio"]:checked + label::before{
	 background: #FFB71B;
	 border: 1px solid #FFB71B;
 }
 .radio-bg-2  input[type="radio"]:checked + label::after{
	 background: #FFB71B;
 }

 .checkbox-bg-1.checkbox label::before{
	 background: #CCCCCC;
	 border: 1px solid #CCCCCC;
	 border-radius: 50%;
 }
 .checkbox-bg-1.checkbox-success input[type="checkbox"]:checked + label::before{
	 background: #009D4F;
	 border: 1px solid #009D4F;
 }
 .checkbox-bg-1.checkbox-success input[type="checkbox"]:checked + label::after{
	 display: none;
 }
 .Header_Bg_Blue{
	 background: var(--blue2);
	 border: 1px solid var(--blue2);
 }
 .Header_Bg_Blue .close{
	 color: #FFF;
 }
 /**
 * 08. Modales
 *
 * -------------------------------------------------------------------
 */
 .MyModalPAE .modal-header{
   background: var(--blue2);
	 border: 1px solid var(--blue2);
 }
 .MyModalPAE .BtnMyModalPAE{
   font-size: 14px;
   padding: 10px 10px;
	 background: var(--blue2);
	 border: 1px solid var(--blue2);
	 color: #FFF;
	 min-width: 150px;
	 border-radius: 2px;
 }
 .MyModalPAE .BtnCanMyModalPAE{
   padding: 10px 10px;
	 background: #000;
	 border: 1px solid #000;
	 color: #FFF;
	 width: 140px;
	 border-radius: 2px;
 }
 .MyModalNutricional .modal-header{
   background: #009D4F;
	 border: 1px solid #009D4F;
 }
 .MyModalNutricional .BtnMyModalNutricional{
   background: #009D4F;
 	 padding: 10px 5px;
 	 font-size: 14px;
 	 font-weight: 400;
 	 text-transform: uppercase;
 	 color: #FFF;
 	 border-radius: 0px;
 	 letter-spacing: 0px;
 	 box-shadow: none !important;
 	 outline: 0 !important;
   min-width: 200px;
  }
  .ModalBlack85{
    background: rgba(0,0,0,0.85);
  }


 .Modal_Primary .Modal_Primary_Header{
	 background: var(--blue2);
	 padding: 0.5rem 1rem;
 }
 .Modal_Primary .Modal_Primary_Header .close{
	 color: #FFF;
 }
 .Modal_Primary .Modal_Primary_Header h4{
	 font-size: 18px;
	 color: #FFF !important;
	 font-weight: 400;
 }
 .Modal_Primary .Btn_Modal_Primary{
	font-size: 12px;
	font-weight: 500;
	color: #FFF;
  background: var(--blue2);
  border: 1px solid var(--blue2);
	border-radius: 30px;
	padding: 10px 40px;
	box-shadow: none !important;
	outline: 0 !important;
 }
 .Modal_Primary .Btn_Modal_Error{
	font-size: 12px;
	font-weight: 500;
	color: #FFF;
  background: #e2516d;
  border: 1px solid #e2516d;
	border-radius: 30px;
	padding: 10px 40px;
	box-shadow: none !important;
	outline: 0 !important;
 }
 .Modal_Primary .BtnSecondary_Modal_Primary{
	font-size: 12px;
	font-weight: 500;
	color: #FFF;
	background: #222;
	border: 1px solid #222;
	border-radius: 30px;
	padding: 10px 40px;
	box-shadow: none !important;
	outline: 0 !important;
 }



 /**
 * 08. HEADER
 *
 * -------------------------------------------------------------------
 */
 .navbar-custom{
	 background: #FFF;
	 box-shadow: none !important;
 }
 .navbar-custom .logo-box{
	 position: relative;
	 -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
	 box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
	 box-shadow: 10px -14px 30px -4px rgba(154, 161, 171, 0.15);
	 /* box-shadow: none */
 }
 .navbar-custom .logo span.logo-lg img{
	 width: 80%;
 }
 .navbar-custom .app-search{
	 max-width: 320px;
	 width: 320px;
 }
 .navbar-custom .app-search .form-control{
	 background: #F5F6FA;
	 font-size: 14px;
	 /* font-weight: 300; */
	 color: #808080;
	 border-radius: 0px 30px 30px 0px;
	 padding-left: 0px;
 }
 .navbar-custom .app-search .btn{
	 background: #F5F6FA;
	 font-size: 14px;
	 /* font-weight: 300; */
	 color: #808080;
	 border-radius: 30px 0px 0px 30px;
 }
 .profile-dropdown{
	 width: 260px;
	 padding-left: 40px;
 }
 .notification-list .profile-dropdown .notify-item {
	 padding: 7px 10px 7px 0;
	 color: #4D4D4D;
	 font-size: 14px;
	 font-weight: 400;
 }
 .dropdown-item:focus, .dropdown-item:hover{
	 background: #FFF !important;
 }


 /**
 * 09. MENU
 *
 * -------------------------------------------------------------------
 */
 .left-side-menu{
	 padding-bottom: 0px;
	 top: 0;
	 padding-top: 90px;
 }
 #sidebar-menu .menu-title{
	 text-transform: none;
	 position: relative;
	 text-align: center;
 }
 #sidebar-menu .menu-title span{
	 font-size: 13px;
	 /* font-weight: 300; */
	 color: #848484;
	 background: #FFF;
	 z-index: 1;
	 text-align: center;
	 padding: 5px 20px;
 }
 #sidebar-menu .menu-title::before{
	 content: "";
	 position: absolute;
	 top: 50%;
	 right: 0px;
	 left: 0px;
	 width: 100%;
	 height: 1px;
	 background: #CCC;
	 z-index: -1;
 }
 #sidebar-menu .menu-title.menu-title-hr::before{
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	left: 20px;
	width: 100%;
	height: 1px;
	background: #CCC;
	z-index: -1;
}
 #sidebar-menu > ul > li .menu-icon{
	 position: absolute;
	 top: 0px;
	 right: 0;
	 bottom: 0;
 }
 #sidebar-menu .menu-arrow{
	 color: #4D4D4D;
 }
 #sidebar-menu > ul > li{
	 margin: 0.5rem 0;
 }
 #sidebar-menu > ul > li .menu-text{
	display: block;
	max-width: 165px;
	padding-left: 20px;
}
 #sidebar-menu > ul > li > ul{
	 padding-left: 0px;
 }
 #sidebar-menu > ul > li > ul > li{
	 background: #F5F6FA;
	 margin-bottom: 5px;
	 padding-left: 20px;
 }
 #sidebar-menu > ul > li > ul > li:last-child{
	 margin-bottom: 0px;
 }
 #sidebar-menu > ul > li > a{
	 font-size: 14px;
	 font-weight: 400;
	 color: #4D4D4D;
	 text-transform: none;
 }
 .nav-second-level li a,
 .nav-thrid-level li a{
	 font-size: 14px;
	 /* font-weight: 300; */
	 color: #808080;
	 text-transform: none;
 }
 #sidebar-menu>ul>li>a:active,
 #sidebar-menu>ul>li>a:focus,
 #sidebar-menu>ul>li>a:hover{
	 color: #000;
 }
 .nav-second-level li a:focus,
 .nav-second-level li a:hover,
 .nav-thrid-level li a:focus,
 .nav-thrid-level li a:hover{
	 color: #000;
 }
 #sidebar-menu .MenuFooter{
	 padding: 10px 5px 5px 5px;
	 position: relative;
	 margin-top: 2rem;
 }
 #sidebar-menu .MenuFooter p{
	 color: #999999;
	 font-weight: 400;
	 font-size: 14px;
	 text-align: center;
	 margin: 0;
 }
 #sidebar-menu .MenuFooter p a{
	 color: #999999;
	 font-weight: 400;
	 font-size: 14px;
 }
 #sidebar-menu > ul > li > a.active{
	 color: #009D4F;
 }
 .nav-second-level li.active > a, .nav-third-level li.active > a{
	 color: #009D4F;
 }
 #sidebar-menu.menupae > ul > li > a.active{
	 color: #4D4D4D;
 }
 #sidebar-menu.menupae .nav-second-level li.active > a,
 #sidebar-menu.menupae .nav-third-level li.active > a{
	 color: #4D4D4D;
 }
 .enlarged .content-page {
	 /* margin-left: 150px !important;
	 margin-right: 90px; */
 }
 .enlarged .content-web-no-fluid{
	 margin-left: 150px !important;
	 margin-right: 90px;
 }
 .enlarged .left-side-menu{
	 padding-top: 90px;
 }
 .enlarged .left-side-menu #sidebar-menu>ul>li>a:active,
 .enlarged .left-side-menu #sidebar-menu>ul>li>a:focus,
 .enlarged .left-side-menu #sidebar-menu>ul>li>a:hover{
	 color: #000;
 }
 .enlarged .left-side-menu #sidebar-menu hr{
	 display: none;
 }
 .enlarged .left-side-menu #sidebar-menu > ul > li:hover > a{
	 color: #000;
 }
 .enlarged #sidebar-menu > ul > li > ul > li{
	 padding-left: 0;
 }
 .enlarged .left-side-menu #sidebar-menu > ul > li:hover > ul a:hover{
	 color: #000;
 }
 .enlarged .left-side-menu #sidebar-menu > ul > li:hover > a{
	 width: calc(190px + 110px);
 }
 .enlarged .left-side-menu #sidebar-menu > ul > li:hover > ul{
	 width: 230px;
 }
 .enlarged .left-side-menu #sidebar-menu > ul > li:hover > ul a{
	 padding: 8px 0px 8px 10px;
 }
 .enlarged .left-side-menu #sidebar-menu > ul ul{
	 padding: 0;
 }
 .enlarged .left-side-menu #sidebar-menu .MenuFooter{
	 display: none;
 }
 .enlarged .left-side-menu #sidebar-menu .pCont{
	 display: none;
 }
 .enlarged .left-side-menu #sidebar-menu .hidden-sm-menu{
	 display: none;
 }
 .enlarged .left-side-menu #sidebar-menu > ul ul li.active a{
	 color: #009D4F;
 }
 .enlarged .left-side-menu .HideSm{
	 display: none;
 }
 .pie_progress_nutricion{
	 width: 90px;
	 margin: 5px auto;
 }

 /**
 * 9.1 Estilos Centro de Ayuda
 *
 * -------------------------------------------------------------------
 */
 #BoxCentroAyuda{
	 width: 100%;
	 background: #F5F6FA;
	 position: relative;
 }
 #BoxCentroAyuda .containter{
	 width: 100%;
	 height: 100%;
 }
 #BoxCentroAyuda #BoxLoginAyuda-Contenedor{
	 box-shadow: 0 0 8px 0 rgba(0,0,0,.25);
 }
 #BoxCentroAyuda #BoxLoginAyuda-Left{
	 width: 100%;
	 height: 100%;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
 }
 #BoxCentroAyuda #BoxLoginAyuda-Right{
	 width: 100%;
	 height: 100%;
	 background: var(--blue2);
	 position: relative;
	 padding: 0px 30px 50px 30px;
 }
 #BoxCentroAyuda #BoxLoginAyuda-Right #BoxLoginAyuda-Right-Contenedor{
	 /* width: 480px;
	 max-width: 480px; */
	 padding-top: 40px;
 }
 #BoxCentroAyuda #BoxLoginAyuda-Right .logo-box-login img{
	 width: 30%;
 }

 /**
 * 10. LOGIN
 *
 * -------------------------------------------------------------------
 */
 #BoxLogin{
	 width: 100%;
	 height: 100vh;
	 background: #F5F6FA;
	 position: relative;
 }
 #BoxLogin .containter{
	 width: 100%;
	 height: 100%;
	 padding: 10px 90px 20px 90px;
 }
 #BoxLogin #BoxLogin-Contenedor{
	 box-shadow: 0 0 8px 0 rgba(0,0,0,.25);
 }
 #BoxLogin #BoxLogin-Left{
	 width: 100%;
	 height: 100%;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
 }
 #BoxLogin #BoxLogin-Right{
	 width: 100%;
	 height: 100%;
	 background: var(--blue2);
	 position: relative;
 }
 #BoxLogin #BoxLogin-Right #BoxLogin-Right-Contenedor{
	 width: 480px;
	 max-width: 480px;
	 padding-top: 40px;
 }
 #BoxLogin #BoxLogin-Right .logo-box-login img{
	 width: 60%;
 }
 #BoxQuestion{
   position: fixed;
	 width: 80px;
	 height: 80px;
   right: 30px;
   bottom: 30px;
   border-radius: 50%;
	 background: #FFF;
	 cursor: pointer;
   box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
 }
 #BoxQuestion .fa-question{
	 font-size: 36px;
	 color: var(--blue2);
 }


 /**
 * 11. ALERTAS
 *
 * -------------------------------------------------------------------
 */
 #BoxAlert{
	 position: fixed;
	 top: 90px;
	 right: 20px;
	 z-index: 20;
 }
 .box-alert{
	 width: 350px;
	 max-width: 350px;
	 overflow: hidden;
	 font-size: .875rem;
	 background-color: #FFF;
	 border: 0;
	 /* box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1); */
	 box-shadow: 0px 15px 50px 0px rgba(82, 63, 105, 0.15);
	 border-radius: .25rem;
	 margin-bottom: 1rem;
 }
 .box-header{
	 display: flex;
	 align-items: center;
	 padding: .25rem .75rem;
	 color: #98a6ad;
	 background-color: rgba(255,255,255,.85);
	 border-bottom: 1px solid rgba(0,0,0,.05);
	 color: #FFF;
 }
 .box-header.success{
	 background: #369D4E;
	 border: 1px solid #369D4E;
 }
 .box-header.error{
	 background: #e2516d;
	 border: 1px solid #e2516d;
 }
 .box-header.warning{
	 background: #F9B81C;
	 border: 1px solid #F9B81C;
 }
 .box-header strong{
	 font-size: 14px;
	 font-weight: 400;
 }
 .box-header small{
	 font-size: 12px;
	 /* font-weight: 300; */
 }
 .box-header button span{
	 font-weight: 500;
 }
 .box-body {
	 padding: .75rem;
 }
 .box-body {
	 font-size: 14px;
	 color: #4D4D4D;
	 /* font-weight: 300; */
 }

 /**
 * 12. CAROUSEL
 *
 * -------------------------------------------------------------------
 */
 #content-page-home #Banner-Slider figure{
	 width: 100%;
	 padding: 0;
	 margin: 0;
	 box-sizing: border-box;
 }
 #content-page-home #Banner-Slider.owl-theme .owl-dots{
	 margin-bottom: 1rem;
 }
 #content-page-home #Banner-Slider.owl-theme .owl-dots .owl-dot span{
	 background: #CCC;
 }
 #content-page-home #Banner-Slider.owl-theme .owl-dots .owl-dot.active span,
 #content-page-home #Banner-Slider.owl-theme .owl-dots .owl-dot:hover span{
	 background: #869791;
 }


 /**
 * 13. PUBLICACIONES
 *
 * -------------------------------------------------------------------
 */
 .ArticuloBox{
	 width: 100%;
	 background: #FFF;
	 -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
	 box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
	 box-shadow: 10px -14px 30px -4px rgba(154, 161, 171, 0.15);
	 border-radius: 0 0 10px 10px;
	 -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
	 -moz-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
	 transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
	 margin-bottom: 3rem;
 }
 .ArticuloBox:hover{
	 box-shadow: 0 10px 20px rgba(0,0,0,0.15);
 }
 .ArticuloBox .ArticuloBox-Header{
	 width: 100%;
	 margin: 0;
	 padding: 0;
	 height: 10px;
 }
 .ArticuloBox.Emocional .ArticuloBox-Header, .ArticuloBox.emocional .ArticuloBox-Header{ background: #e2516d; }
 .ArticuloBox.Medico .ArticuloBox-Header, .ArticuloBox.medico .ArticuloBox-Header{ background: #1db5be; }
 .ArticuloBox.Nutricional .ArticuloBox-Header, .ArticuloBox.nutricional .ArticuloBox-Header{ background: #369D4E; }
 .ArticuloBox.Veterinaria .ArticuloBox-Header, .ArticuloBox.veterinaria .ArticuloBox-Header, .ArticuloBox.veterinario .ArticuloBox-Header{ background: #9170B0; }
 .ArticuloBox.Familiar .ArticuloBox-Header, .ArticuloBox.familiar .ArticuloBox-Header{ background: #F4AD2C; }
 .ArticuloBox.EconomiaPersonal .ArticuloBox-Header, .ArticuloBox.economiapersonal .ArticuloBox-Header{ background: #F4AD2C; }
 .ArticuloBox.Legal .ArticuloBox-Header, .ArticuloBox.legal .ArticuloBox-Header{ background: #0D3D67; }

 .ArticuloBox .ArticuloBox-Body{
	 padding: 10px 10px 10px 10px;
 }
 .ArticuloBox .ArticuloBox-Body p.Descripcion{
	 height: 100px;
	 max-height: 100px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 line-height: 20px;
 }
 .ArticuloBox.Emocional .ArticuloBox-Body .Titulo span{ color: #e2516d; }
 .ArticuloBox.Medico .ArticuloBox-Body .Titulo span{ color: #1db5be; }
 .ArticuloBox.Nutricional .ArticuloBox-Body .Titulo span{ color: #369D4E; }
 .ArticuloBox.Veterinaria .ArticuloBox-Body .Titulo span{ color: #9170B0; }
 .ArticuloBox.Familiar .ArticuloBox-Body .Titulo span{ color: #F4AD2C; }
 .ArticuloBox.Legal .ArticuloBox-Body .Titulo span{ color: #0D3D67; }
 .ArticuloBox .ArticuloBox-Footer{
	 width: 100%;
	 margin: 0;
	 padding: 10px 0 20px 0;
	 position: relative;
 }
 .ArticuloBox .ArticuloBox-Footer .BoxMeGusta{
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 width: 70px;
	 padding-bottom: 10px;
 }
 .ArticuloBox .ArticuloBox-Footer .BoxMeGusta .BtnMeGusta{
	 background: transparent;
	 border: 1px solid #FFF;
	 box-shadow: none;
	 outline: 0 !important;
	 text-align: center;
	 padding-right: 15px;
	 cursor: pointer;
 }
 .ArticuloBox .ArticuloBox-Footer .BoxMeGusta .BtnMeGusta i{
	 color: #4D4D4D;
	 transition: all .3s ease;
 }
 /* .ArticuloBox .ArticuloBox-Footer .BoxMeGusta .BtnMeGusta i:hover,
 .ArticuloBox .ArticuloBox-Footer .BoxMeGusta .BtnMeGusta i.active{
	 color: #BD2E2E;
 } */
 .ArticuloBox .ArticuloBox-Footer .BoxMeGusta .BtnMeGusta i.active{
	 color: #BD2E2E;
 }
 .ArticuloBox .ArticuloBox-Footer .Btn-Articulos{
	 text-align: center;
	 text-transform: uppercase;
	 color: #FFF;
	 font-size: 16px;
	 font-weight: 600;
	 letter-spacing: 0.2px;
	 outline: 0 !important;
	 border-radius: 5px;
	 width: 130px;
	 cursor: pointer;
 }
 .ArticuloBox.Emocional .ArticuloBox-Footer .Btn-Articulos,.ArticuloBox.emocional .ArticuloBox-Footer .Btn-Articulos{ background: #e2516d; border: 1px solid #e2516d; }
 .ArticuloBox.Medico .ArticuloBox-Footer .Btn-Articulos, .ArticuloBox.medico .ArticuloBox-Footer .Btn-Articulos{ background: #1db5be; border: 1px solid #1db5be; }
 .ArticuloBox.Nutricional .ArticuloBox-Footer .Btn-Articulos, .ArticuloBox.nutricional .ArticuloBox-Footer .Btn-Articulos{ background: #369D4E; border: 1px solid #369D4E; }
 .ArticuloBox.Veterinaria .ArticuloBox-Footer .Btn-Articulos,  .ArticuloBox.veterinaria .ArticuloBox-Footer .Btn-Articulos,   .ArticuloBox.veterinario .ArticuloBox-Footer .Btn-Articulos{ background: #9170B0; border: 1px solid #9170B0; }
 .ArticuloBox.Familiar .ArticuloBox-Footer .Btn-Articulos, .ArticuloBox.familiar .ArticuloBox-Footer .Btn-Articulos{ background: #F4AD2C; border: 1px solid #F4AD2C; }
 .ArticuloBox.EconomiaPersonal .ArticuloBox-Footer .Btn-Articulos, .ArticuloBox.economiapersonal .ArticuloBox-Footer .Btn-Articulos{ background: #F4AD2C; border: 1px solid #F4AD2C; }
 .ArticuloBox.Legal .ArticuloBox-Footer .Btn-Articulos, .ArticuloBox.legal .ArticuloBox-Footer .Btn-Articulos{ background: #0D3D67; border: 1px solid #0D3D67; }
 .FotPub{
   width: 100%;
   max-height: 300px;
   min-height: 300px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }


 /**
 * 14. DETALLE DE PUBLICACIONES
 *
 * -------------------------------------------------------------------
 */
 .PostBox{
	 width: 100%;
	 background: #FFF;
	 cursor: pointer;
	 -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
	 box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
	 box-shadow: 10px -14px 30px -4px rgba(154, 161, 171, 0.15);
	 -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
	 -moz-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
	 transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
	 margin-bottom: 3rem;
	 padding-bottom: 120px;
 }
 .PostBox .PostBox-Body{
	 padding: 40px 20px;
 }
 .PostBox .PostBox-Body .DetalleTexto{
	 margin-top: 1rem;
 }
 .PostBox .PostBox-Body .DetalleTexto *{
	 font-size: 16px !important;
	 color: #4D4D4D;
	 font-family: 'Montserrat', sans-serif !important;
 }
	.PostBox .PostBox-Titulo{
		padding-left: 25px;
		position: relative;
	}
	.PostBox .PostBox-Titulo::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 8px;
		margin: 1px 0;
		background: #FFF;
	}
	.PostBox.Emocional .PostBox-Titulo::before{ background: #e2516d; }
	.PostBox.Medico .PostBox-Titulo::before{ background: #1db5be; }
	.PostBox.Nutricional .PostBox-Titulo::before{ background: #369D4E; }
	.PostBox.Veterinaria .PostBox-Titulo::before{ background: #9170B0; }
	.PostBox.Familiar .PostBox-Titulo::before{ background: #F4AD2C; }
	.PostBox.Legal .PostBox-Titulo::before{ background: #0D3D67; }

	.PostBox .PostBox-Body .Titulo{
		position: relative;
		padding: 20px 0;
	}
	.PostBox .PostBox-Body .BoxMeGusta{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 70px;
		padding-bottom: 2px;
	}
	.PostBox .PostBox-Body .BoxMeGusta .BtnMeGusta{
		background: transparent;
		border: 1px solid #FFF;
		box-shadow: none;
		outline: 0 !important;
		text-align: center;
		padding-right: 15px;
		cursor: pointer;
	}
	.PostBox .PostBox-Body .BoxMeGusta .BtnMeGusta i{
		color: #4D4D4D;
		transition: all .3s ease;
	}
	/* .PostBox .PostBox-Body .BoxMeGusta .BtnMeGusta i:hover,
	.PostBox .PostBox-Body .BoxMeGusta .BtnMeGusta i.active{
		color: #BD2E2E;
	} */
	.PostBox .PostBox-Body .BoxMeGusta .BtnMeGusta i.active{
		color: #BD2E2E;
	}
	.PostBox.Emocional .PostBox-Body .Titulo span{ color: #e2516d; }
	.PostBox.Medico .PostBox-Body .Titulo span{ color: #1db5be; }
	.PostBox.Nutricional .PostBox-Body .Titulo span{ color: #369D4E; }
	.PostBox.Veterinaria .PostBox-Body .Titulo span{ color: #9170B0; }
	.PostBox.Familiar .PostBox-Body .Titulo span{ color: #F4AD2C; }
	.PostBox.Legal .PostBox-Body .Titulo span{ color: #0D3D67; }
  .PostBox-Relacionado figure.item figcaption{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 350px;
    max-height: 350px;
  }

	/**
	* 15. PUBLICACIONES RELACIONADAS
	*
	* -------------------------------------------------------------------
	*/
	.PostBox .PostBox-Relacionado{
		background: #F5F6FA;
		padding: 10px 10px;
	}
	.PostBox-Relacionado .owl-theme .owl-nav{
		position: absolute;
		top: -30px;
		left: 0;
		right: -70px;
		bottom: 0;
		z-index: -1;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.owl-carousel .owl-nav button.owl-prev {
		visibility: hidden;
	}
	.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span {
		font-size: 60px;
		color: #CCC;
		padding: 0 30px;
	}
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
		background: transparent !important;
		cursor: pointer;
	}


	/**
	* 16. PUBLICACIONES RECIEN AGREGADOS
	*
	* -------------------------------------------------------------------
	*/
	.siderbar-right{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.siderbar-right .Articulo-RecienAgregados{
		margin: 1rem;
		padding-bottom: 25px;
		border-bottom: 1px solid #CCC;
	}
	.BannerSeccion{
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 45vh;
		padding: 50px 50px 0 0;
	}

	/**
	* 17. REDES SOCIALES
	*
	* -------------------------------------------------------------------
	*/
	.RedesSociales{
		margin: 1rem 0;
	}
	.RedesSociales .Redes-Header{
		width: 100%;
	}
	.RedesSociales .Redes-Header span{
		margin-left: 10px
	}


	/**
	* 18. Sección Centro de Contacto
	*
	* -------------------------------------------------------------------
	*/
	#Section_Centro_Contacto #Box_Centro_Contacto{
		width: 100%;
		background: var(--blue2);
		padding: 50px 20px 10px 20px;
	}

	/* ======================================
			 Sección Mis Datos
	========================================= */
	#Section_Mis_Datos #FormSave{
		padding: 40px 60px;
	}
	#Section_Mis_Datos .container-box{
		border-radius: 10px;
	}


	/**
	* 19. Preguntas Frecuentes
	*
	* -------------------------------------------------------------------
	*/
	#Section_Preguntas_Frecuentes .Box_Acordion{
		 padding: 0 100px;
		 position: relative;
		 top: -100px;
	}
	#Section_Preguntas_Frecuentes .Box_Acordion #accordion{
		 background: #FFF;
		 border-radius: 10px;
		 padding: 10px 20px;
	}
	#Section_Preguntas_Frecuentes .Box_Acordion #accordion .card{
		 background: #FFF;
		 margin: 0;
		 padding: 0;
		 border-bottom: 1px solid #CCC;
		 box-shadow: none;
	}
	#Section_Preguntas_Frecuentes .Box_Acordion #accordion .card:last-of-type{
		 border-bottom: 1px solid #FFF;
	}
	#Section_Preguntas_Frecuentes .Box_Acordion #accordion .card .card-header{
		 background: #FFF;
		 padding: 1rem .5rem;
		 padding-bottom: 0;
	}
	#Section_Preguntas_Frecuentes .Box_Acordion #accordion .card button{
		 font-size: 16px;
		 font-weight: 500;
		 color: #000;
	}

	/**
	* 20.   Nutrición Expediente
	*
	* -------------------------------------------------------------------
	*/
	.container-box{
		width: 100%;
		margin: 0;
		background: #FFF;
		padding: 30px 30px 50px 30px;
		position: relative;
	}
	.container-box .ImgFondoNutri{
		position: absolute;
		right: 0;
		bottom: 0;
		width: 40%;
	}
	.container-box-header{
		width: 100%;
		margin: 0;
	}
	.containter-box-body{
		width: 100%;
		margin: 0;
	}
	.containter-box-body.body-padding{
		padding: 40px 0 0 0;
	}
	.containter-box-body .section-box{
		width: 100%;
		margin: 0;
	}
	.containter-box-body .section-border{
		width: 100%;
		border: 1px solid #CCCCCC;
		border-radius: 20px;
		position: relative;
	}
	.containter-box-body .section-padding-sm{
		padding-top: 40px;
		padding-bottom: 30px;
		margin-bottom: 3rem;
	}
	.containter-box-body .padding-sm{
		padding: 40px 20px;
	}
	.containter-box-body .section-border .Title-Flotante{
		position: absolute;
		top: -13px;
		left: 50px;
		background: #FFF;
		margin: 0;
		padding: 5px 10px;
	}
	.containter-box-body .section-box .form-group{
		margin-bottom: 1.8rem;
	}
	.containter-box-body .section-box.section-padding-sm .form-group{
		margin-bottom: 1rem;
	}
	.container-box .control{
		position: absolute;
		bottom: 30px;
		right: 10px;
	}
	.container-box .control div{
		width: 20px;
		height: 20px;
		background: #CCCCCC;
		border-radius: 50%;
		margin: 5px 0;
		cursor: pointer;
		transition: all .3s ease;
	}
	.container-box .control div.active{
		background: #009D4F;
	}
	.container-box .control div:hover{
		background: #009D4F;
	}
	.content-no-padding{
		padding: 0;
	}
	.content-no-padding .container-fluid{
		padding: 0;
	}
	.content-no-padding .content{
		padding: 0;
	}

	/**
	* 21.  Nutrición Home
	*
	* -------------------------------------------------------------------
	*/
	#Seccion_Nutricion_Home .BannerSeccion{
		padding: 0;
		height: 40vh;
		margin-bottom:1rem;
	}

	/**
	* 22. Nutrición Mis Avancess
	*
	* -------------------------------------------------------------------
	*/
	#Seccion_Nutricion_Mis_Avances .card,
	#Seccion_Nutricion_Planes .card{
		background: #FFF;
		border-radius: 5px;
	}
	.card.card_avances{
		max-height: 330px;
		min-height: 330px;
		overflow: hidden;
	}
	#Seccion_Nutricion_Mis_Avances .card .card-header,
	#Seccion_Nutricion_Planes .card .card-header{
		background: #FFB71B;
		padding: 15px 30px;
	}
	#Seccion_Nutricion_Mis_Avances .card .card-footer,
	#Seccion_Nutricion_Planes .card .card-footer{
		background: #FFF;
	}


	#ConsultaFixed{
		width: 220px;
		background-color: #FFF;
		margin: 0;
		padding: 0;
		position: fixed;
		top: 70px;
		right: 0px;
		z-index: 2;
		box-shadow: 1px 1px 5px #ccc;
	}
	#Menu_Tabs_Consultas{
		position: relative;
		margin: 0;
		padding: 0;
	}
	#Tab_Consultas{
		background: transparent;
		position: absolute;
		bottom: 30px;
		right: 10px;
	}
	#Tab_Consultas.nav-pills .nav-link{
		padding: 10px;
		width: 20px;
		height: 20px;
		background: #CCCCCC;
		border-radius: 50%;
		margin: 5px 0;
		cursor: pointer;
		transition: all .3s ease;
	}
	#Tab_Consultas.nav-pills .nav-link.disabled{
		background: #CCCCCC !important;
		cursor: not-allowed;
	}
	#Tab_Consultas.nav-pills .nav-link.active,
	#Tab_Consultas.nav-pills .show>.nav-link{
		background: #009D4F;
	}
	#Tab_Consultas.nav-pills .nav-link:hover{
		background: #009D4F;
	}
	/**
	* 23. Nutrición Intercambio
	*
	* -------------------------------------------------------------------
	*/
	#Seccion_Nutricion_Intercambio .nav-pills > a{
		background: #009D4F;
		font-size: 14px;
		font-weight: 400;
		color: #FFF;
		margin: 0 !important;
		text-align: center;
		border-radius: 0px;
		border-bottom: .1px solid #FFF;
	}
	#Seccion_Nutricion_Intercambio .nav-pills .nav-link.active,
	#Seccion_Nutricion_Intercambio .nav-pills .show>.nav-link{
		background: #FFB71B;
	}
	#Seccion_Nutricion_Intercambio .tab-content{
		margin: 0 4rem;
	}
	#Seccion_Nutricion_Intercambio .table thead th{
		background: #009D4F;
		border: 1px solid #009D4F;
		font-size: 14px;
		font-weight: 400;
		color: #FFF;
	}
	#Seccion_Nutricion_Intercambio .table-striped tbody tr:nth-of-type(2n+1){
		background: #F5F6FA;
	}
	#Seccion_Nutricion_Intercambio .table td{
		font-size: 14px;
		font-weight: 400;
		color: #4D4D4D;
		border: 0
	}

	/**
	* 24. Nutrición Contacto
	*
	* -------------------------------------------------------------------
	*/
	#Seccion_Nutricion_Contacto .BoxNutricionContacto{
		width: 100%;
		background-color: #F5F6F9;
		background-image: url('<?php echo $Position ?>images/Elementos-nutricion/Fondo-chat@2x-8.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;
	}
	#Seccion_Nutricion_Contacto .Chat_Box_Nutricion{
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		position: relative;
	}
	#Seccion_Nutricion_Contacto .Chat_Caja_Nutricion{
		width: 100%;
		height: 100%;
		overflow-y: scroll;
	}
	#Seccion_Nutricion_Contacto .Chat_Header_Nutricion{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#Seccion_Nutricion_Contacto .Chat_Body_Nutricion{
		width: 100%;
		padding-bottom: 100px;
	}
	#Seccion_Nutricion_Contacto .Chat_Body_Nutricion .BoxMsjNutricion{
		margin: 1.7rem 1rem 2.5rem 1rem;
	}
	#Seccion_Nutricion_Contacto .Chat_Body_Nutricion .MsjNutricion{
		background: #FFF;
		width: 600px;
		max-width: 600px;
		border-radius: 10px;
		padding: 15px 20px;
		position: relative;
	}
	#Seccion_Nutricion_Contacto .MsjAsesor .MsjNutricion{
		background: #009D4F;
	}
	#Seccion_Nutricion_Contacto .MsjAsesor .MsjNutricion::before{
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		border-bottom: 25px solid #009D4F;
		border-right: 20px solid transparent;
		border-left: 18px solid transparent;
		bottom: -10px;
		left: 20px;
		transform: rotate(90deg);
	}
	#Seccion_Nutricion_Contacto .MsjUser .MsjNutricion::before{
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		border-bottom: 25px solid #FFF;
		border-right: 20px solid transparent;
		border-left: 18px solid transparent;
		bottom: -10px;
		right: 20px;
		transform: rotate(270deg);
	}
	#Seccion_Nutricion_Contacto .Chat_Footer_Nutricion{
		width: 100%;
		height: 70px;
		position: relative;
		background: #FFF;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
	}
	#Seccion_Nutricion_Contacto .Chat_Footer_Nutricion #TxtMensaje{
		height: 70px;
		width: 100%;
		background: #FFF;
		border-radius: 0;
		box-shadow: none !important;
		outline: 0 !important;
		padding-right: 120px;
	}
	#Seccion_Nutricion_Contacto .Chat_Footer_Nutricion #BtnSendChatNut{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		background: #009D4F;
		font-size: 14px;
		font-weight: 400;
		color: #FFF;
		width: 120px;
		box-shadow: none !important;
		outline: 0 !important;
	}

	/**
	* 25. Estilos del Chat de Preguntas Frecuente
	*
	* -------------------------------------------------------------------
	*/


	/**
	* 25.1. Estilos de Orientación en Linea
	*
	* -------------------------------------------------------------------
	*/
	#Section_Orientacion_Linea .input-text-style-2{
		padding-right: 5px;
	}
	#Section_Orientacion_Linea .form-group{
		margin-bottom: 1.55rem;
	}
	.Wizard_Orientacion{
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.Wizard_Orientacion .card{
		border-radius: 10px;
		-webkit-box-shadow: 0px 10px 50px rgba(0,0,0,0.1);
		box-shadow: 0px 10px 50px rgba(0,0,0,0.1);
		margin: 0;
		padding: 40px 50px 50px 50px;
	}

	.check-servico input{
		visibility: hidden;
	}
	.check-servico label{
		cursor: pointer;
		padding: 10px;
		border-radius: 10px;
		border: 1px solid #FFF;
		-webkit-box-shadow: 0px 10px 8px #FFF;
		box-shadow: 0px 10px 8px #FFF;
	}
	.check-servico label,
	.check-servico h4{
		transition: all .3s ease;
	}

	.check-servico.active h4{ color: #FFF; }

	.check-servico.Emocional.active label{
		-webkit-box-shadow: 0px 10px 8px #e2516d;
		box-shadow: 0px 10px 8px #e2516d;
		border: 1px solid #e2516d;
		background: #e2516d;
	}

	.check-servico.Medica.active label{
		-webkit-box-shadow: 0px 10px 8px #1db5be;
		box-shadow: 0px 10px 8px #1db5be;
		border: 1px solid #1db5be;
		background: #1db5be;
	}
	.check-servico.Nutricional.active label{
		-webkit-box-shadow: 0px 10px 8px #369D4E;
		box-shadow: 0px 10px 8px #369D4E;
		border: 1px solid #369D4E;
		background: #369D4E;
	}
	.check-servico.Veterinaria.active label{
		-webkit-box-shadow: 0px 10px 8px #9170B0;
		box-shadow: 0px 10px 8px #9170B0;
		border: 1px solid #9170B0;
		background: #9170B0;
	}
	.check-servico.Economia.active label{
		-webkit-box-shadow: 0px 10px 8px #F4AD2C;
		box-shadow: 0px 10px 8px #F4AD2C;
		border: 1px solid #F4AD2C;
		background: #F4AD2C;
	}
	.check-servico.Juridica.active label{
		-webkit-box-shadow: 0px 10px 8px #0D3D67;
		box-shadow: 0px 10px 8px #0D3D67;
		border: 1px solid #0D3D67;
		background: #0D3D67;
	}
	/* .check-servico.Emocional.active label{ border: 1px solid #e2516d; background: #e2516d; }
	.check-servico.Medica label{ border: 1px solid #1db5be; background: #1db5be; }
	.check-servico.Nutricional label{ border: 1px solid #369D4E; background: #369D4E; }
	.check-servico.Veterinaria label{ border: 1px solid #9170B0; background: #9170B0; }
	.check-servico.Economia label{ border: 1px solid #F4AD2C; background: #F4AD2C; }
	.check-servico.Juridica label{ border: 1px solid #0D3D67;  background: #0D3D67; } */

	.FormWizard .parsley-errors-list{
		position: absolute;
		bottom: -40px;
		right: 0;
	}
	.FormWizard .parsley-errors-list li{
		font-size: 14px !important;
		font-weight: 400 !important;
	}
	.form-section {
		position: absolute;
		visibility:hidden;
		opacity:0;
		/* transition: opacity 1.75s ;
		 -moz-transition: opacity 1.75s ;
		 -webkit-transition: opacity 1.75s ; */
	}
	.form-section.current {
		position: relative;
		visibility:visible;
		opacity:1;
		/* transition: opacity 1.75s ease-in-out;
		 -moz-transition: opacity 1.75s ease-in-out;
		 -webkit-transition: opacity 1.75s ease-in-out; */
	}
	.form-navigation{
		/* transition: all 1.75s ease-in-out;
		 -moz-transition: all 1.75s ease-in-out;
		 -webkit-transition: all 1.75s ease-in-out; */
	}

	/**
	* 25.2. Estilos de PBI
	*
	* -------------------------------------------------------------------
	*/
	.Wizard_Orientacion.Emocional .Title-BorderTop-2{ border-bottom: 3px solid #e2516d; color: #e2516d; }
  .Wizard_Orientacion.Emocional .Btn_Blue_Bg{ background: #e2516d; border: 1px solid #e2516d; }
  .Wizard_Orientacion.Medico .Title-BorderTop-2{ border-bottom: 3px solid #1db5be; color: #1db5be; }
  .Wizard_Orientacion.Medico .Btn_Blue_Bg{ background: #1db5be; border: 1px solid #1db5be; }
  .Wizard_Orientacion.Legal .Title-BorderTop-2{ border-bottom: 3px solid #00456f; color: #00456f; }
  .Wizard_Orientacion.Legal .Btn_Blue_Bg{ background: #00456f; border: 1px solid #00456f; }
  .Wizard_Orientacion.Nutricional .Title-BorderTop-2{ border-bottom: 3px solid #00a75d; color: #00a75d; }
  .Wizard_Orientacion.Nutricional .Btn_Blue_Bg{ background: #00a75d; border: 1px solid #00a75d; }
  .Wizard_Orientacion.Economia .Title-BorderTop-2{ border-bottom: 3px solid #fbbb21; color: #fbbb21; }
  .Wizard_Orientacion.Economia .Btn_Blue_Bg{ background: #fbbb21; border: 1px solid #fbbb21; }
  .Wizard_Orientacion .BtnHistory{ float: left; }

  .Wizard_Orientacion .FormEncuesta .Btn_Blue_Bg.BtnCalificar{ background:var(--blue2); border: 1px solid var(--blue2);}
  .Wizard_Orientacion #PdfHtml{ padding: 30px 10px; }
  .respuesta_amarillo_div{ background: #f8f3e2; }
  .respuesta_roja_div{ background: #f8e2e2; }
  .respuesta_verde_div{ background: #e2f8e3; }
  .rate-base-layer{ color: #CCC; }
  .rate-hover-layer{ color: #fbbb21; }
  .rate-select-layer{ color: #fbbb21; }
  .rating{ font-size: 35px; }

  .FormCuestionario .parsley-errors-list{
    position: absolute;
    bottom: -10px;
    width: 200px;
  }
  .FormCuestionario .parsley-errors-list li{ color: #F03737; }
  .PreLine{ white-space: pre-line; }

  .BtnSuscribite{
    box-shadow: none !important;
    outline: 0 !important;
    font-weight: 500;
    padding: 10px 15px;
    border-radius: 5px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .BtnSuscribite.Emocional{
    font-size: 12px;
    color: #FFF !important;
    background: #e2516d;
    border: 2px solid #e2516d;
  }
  .BtnSuscribite.Medico{
    font-size: 12px;
    color: #FFF !important;
    background: #1db5be;
    border: 2px solid #1db5be;
  }
  .BtnSuscribite.Nutricional{
    font-size: 12px;
    color: #FFF !important;
    background: #369D4E;
    border: 2px solid #369D4E;
  }
  .BtnSuscribite.Veterinaria{
    font-size: 12px;
    color: #FFF !important;
    background: #9170B0;
    border: 2px solid #9170B0;
  }
  .BtnSuscribite.Familiar{
    font-size: 12px;
    color: #FFF !important;
    background: #F4AD2C;
    border: 2px solid #F4AD2C;
  }
  .BtnSuscribite.Legal{
    font-size: 12px;
    color: #FFF !important;
    background: #0D3D67;
    border: 2px solid #0D3D67;
  }

  .Soport{
    border-radius: 10px 10px 10px 0;
    padding: 10px;
    position: relative;
    margin: 1rem 0;
  }
  .Soport_Left{
    padding: 10px 20px;
    border: 0px;
    background: var(--blue2);
    webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
  }
  .Soport_Left::before{
    content:"";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 7px solid var(--blue2);
    border-bottom: 0px solid transparent;
  }
  .Soport_Right{
    border: 0px;
    background: #FFF;
    padding: 30px 20px;
    border-radius: 10px 10px 0 10px;
    webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
  }
  .Soport_Right::before{
    content:"";
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 7px solid #FFF;
    border-bottom: 0px solid transparent;
  }

  .MoreScrol{
    width: 280px;
    background: #fbbb21;
    padding: 10px;
    position: fixed;
    bottom: 20px;
    left: 50%;
    right: 50%;
    border-radius: 30px;
  }
  .MoreScrol span{
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
  }
  .BtnRemoveImg{
    background: #e2516d;
    color: #FFF;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: none !important;
    outline: 0 !important;
  }
  .BtnRemoveImg i{
    font-size: 18px;
  }
  .popupimg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
  }
  .popupimg img{
    width: 83%;
  }

	/**
	* 26. Responsive breakpoints
	*
	* -------------------------------------------------------------------
	*/
	@media (max-width: 576px) {
		#BoxLogin .containter{
			padding: 10px 30px 10px 30px;
		}
		#Chat-V1{
			right: 0;
		}
		.BannerSeccion{
			padding: 50px 30px 0 0;
		}
		#Section_Preguntas_Frecuentes .Box_Acordion{
			padding: 10px;
		}
		#Section_Mis_Datos #FormSave{
			padding: 20px 10px;
		}
		.border-style-1{
			border: 0;
		}
		.Wizard_Orientacion .card{
			padding: 10px 5px;
		}
		.Wizard_Orientacion .card .card-body{
			padding: 0.5rem;
		}
		.Wizard_Orientacion.Emocional .Title-BorderTop-2{
			font-size: 16px;
		}
		.Wizard_Orientacion .card .card-body div img{
			width: 10%;
		}
    .nav-user .Font_14{
      font-size: 12px;
    }
    .MoreScrol{
      display: none;
    }
    .Wizard_Orientacion .card .card-body div img{
      width: 100%;
    }
    .Font_60{
      font-size: 50px;
    }
    #Section_Preguntas_Frecuentes .Box_Acordion #accordion .card button{
      white-space: unset;
    }
    .container-box{
      padding: 30px 10px 50px 10px;
    }
	}
	@media (max-width: 768px) {
		#Seccion_Nutricion_Intercambio .tab-content{
			margin: 0;
			margin-top: 2rem;
		}
	}
	@media (max-width: 992px) {

	}
	@media (max-width: 1200px) {
		.owl-carousel .owl-stage-outer{
			clear: both;
			max-height: 400px;
		}
	}