/*reglas para todo el documento***/
.d-none{
	display: none;
}
label {
  /*  font-weight: bold !important;*/
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    line-height: 0px !important;
}

.font-bold{
	 font-weight: bold !important;
}

.center{
	text-align: center !important;
}

#toast-container > div{
  opacity: 1 !important;
 }

.container,.page-header-inner{
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin:0px;
	width: 100% !important;
}

.has-error > .input-icon > label{
 color: #F3565D !important;
}

.has-error > .input-icon > i{
 color: #F3565D !important;
}

.has-error > .input-icon > .help-block{
	opacity: 1 !important;
}

.has-error > .input-icon > input{
	border-bottom: 1px solid #F3565D !important;
}


/**********efectos al documento***********/
	.page-sidebar,.page-content,.page-sideba,.start,.pre_sub,.sidebar-toggler-wrapper,
	.page-sidebar-wrapper,.page-container,.page-content-wrapper,
	.navbar-collapse,.collapse,.sidebar-toggler,.pre_sub>a,.start>a,
	.active,.active>a,.page-header,.navbar,.navbar-fixed-top,.page-logo,
	.page-header-fixed,.page-quick-sidebar-over-content,.page-sidebar-closed-hide-logo,
	.page-container-bg-solid,.no-js,.clearfix {
	transition: all .4s !important;
	}

/************CSS para el formulario re solicitud***********/
.page-content-wrapper .page-content-form{
    margin-top: 0px;
    min-height: 600px;
    padding: 25px 20px 10px 20px;
    background: #F1F3FA;
}

.page-bar  h1{
margin: 0px !important;
margin-top: 15px !important;
margin-bottom: 15px !important;
}

.justify-content-center{
	justify-content: center;
}

/***hacer que el selector de periodos sea visible ante los modal*/
.date-picker-wrapper,.xdsoft_datetimepicker  {
    z-index: 10051 !important;
}

.mi_row{
	display: flex;
}

.md-radio label > .check {
	background: #3598DC !important;
}

.md-checkbox label > .check {
	border-color: #3598DC !important;
}

.has-error .md-radio .box{
	border-color: #f13e64;
}
.has-error .md-radio .check{
	background: #F3565D;
}

.color-titulo{
color:black !important;
font-size: 18px !important;
}

#msj_for_error p > span{
	color: white !important;
	font-size: 15px;
	font-weight: bold;
}

 	/**********CSS de listado estudiante********/

 .estabilizar_btn{
 	margin-top: 24px;
	/*	padding-top: 11px !important;*/
	/*	padding-bottom: 11px !important;*/
		width: 100%;
 }

 .estilizar_btn{
 	width: 100%;
 }

 /******grid loader*******/

 
/**************para que el banner no se vea en el grid****************/
.page-header.navbar.navbar-fixed-top {
    z-index: 999!important;
}
 /************GRID-LOADER************/
   
html {
 box-sizing:border-box
}
*,
*:before,
*:after {
 box-sizing:inherit
}

.left {
 float:left !important;
}
.right {
 float:right !important;
}

.preloader-wrapper,
.preloader-wrapper-o {
 /*display:inline-block;
 position:relative;*/
 display:block;
 position:relative;
 left:50%;
 top:50%;
 width:100px;
 height:100px;
 margin:-75px 0 0 -50px;
z-index: 10053 !important;
}

.preloader-wrapper.active,
.preloader-wrapper-o.active {
 -webkit-animation:container-rotate 1568ms linear infinite;
 animation:container-rotate 1568ms linear infinite
}
@-webkit-keyframes container-rotate {
 to {
  -webkit-transform:rotate(360deg)
 }
}
@keyframes container-rotate {
 to {
  transform:rotate(360deg)
 }
}
.spinner-layer {
 position:absolute;
 width:100%;
 height:100%;
 opacity:0;
 border-color:#ff4081
}
.spinner-blue,
.spinner-blue-only {
 border-color:#4285f4
}
.spinner-red,
.spinner-red-only {
 border-color:#db4437
}
.spinner-yellow,
.spinner-yellow-only {
 border-color:#f4b400
}
.spinner-green,
.spinner-green-only {
 border-color:#0f9d58
}
.active .spinner-layer.spinner-blue {
 -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
 animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.active .spinner-layer.spinner-red {
 -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
 animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.active .spinner-layer.spinner-yellow {
 -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
 animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.active .spinner-layer.spinner-green {
 -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
 animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
 opacity:1;
 -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
 animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
@-webkit-keyframes fill-unfill-rotate {
 12.5% {
  -webkit-transform:rotate(135deg)
 }
 25% {
  -webkit-transform:rotate(270deg)
 }
 37.5% {
  -webkit-transform:rotate(405deg)
 }
 50% {
  -webkit-transform:rotate(540deg)
 }
 62.5% {
  -webkit-transform:rotate(675deg)
 }
 75% {
  -webkit-transform:rotate(810deg)
 }
 87.5% {
  -webkit-transform:rotate(945deg)
 }
 to {
  -webkit-transform:rotate(1080deg)
 }
}
@keyframes fill-unfill-rotate {
 12.5% {
  transform:rotate(135deg)
 }
 25% {
  transform:rotate(270deg)
 }
 37.5% {
  transform:rotate(405deg)
 }
 50% {
  transform:rotate(540deg)
 }
 62.5% {
  transform:rotate(675deg)
 }
 75% {
  transform:rotate(810deg)
 }
 87.5% {
  transform:rotate(945deg)
 }
 to {
  transform:rotate(1080deg)
 }
}
@-webkit-keyframes blue-fade-in-out {
 from {
  opacity:1
 }
 25% {
  opacity:1
 }
 26% {
  opacity:0
 }
 89% {
  opacity:0
 }
 90% {
  opacity:1
 }
 100% {
  opacity:1
 }
}
@keyframes blue-fade-in-out {
 from {
  opacity:1
 }
 25% {
  opacity:1
 }
 26% {
  opacity:0
 }
 89% {
  opacity:0
 }
 90% {
  opacity:1
 }
 100% {
  opacity:1
 }
}
@-webkit-keyframes red-fade-in-out {
 from {
  opacity:0
 }
 15% {
  opacity:0
 }
 25% {
  opacity:1
 }
 50% {
  opacity:1
 }
 51% {
  opacity:0
 }
}
@keyframes red-fade-in-out {
 from {
  opacity:0
 }
 15% {
  opacity:0
 }
 25% {
  opacity:1
 }
 50% {
  opacity:1
 }
 51% {
  opacity:0
 }
}
@-webkit-keyframes yellow-fade-in-out {
 from {
  opacity:0
 }
 40% {
  opacity:0
 }
 50% {
  opacity:1
 }
 75% {
  opacity:1
 }
 76% {
  opacity:0
 }
}
@keyframes yellow-fade-in-out {
 from {
  opacity:0
 }
 40% {
  opacity:0
 }
 50% {
  opacity:1
 }
 75% {
  opacity:1
 }
 76% {
  opacity:0
 }
}
@-webkit-keyframes green-fade-in-out {
 from {
  opacity:0
 }
 65% {
  opacity:0
 }
 75% {
  opacity:1
 }
 90% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@keyframes green-fade-in-out {
 from {
  opacity:0
 }
 65% {
  opacity:0
 }
 75% {
  opacity:1
 }
 90% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
.gap-patch {
 position:absolute;
 top:0;
 left:45%;
 width:10%;
 height:100%;
 overflow:hidden;
 border-color:inherit
}
.gap-patch .circle {
 width:1000%;
 left:-450%
}
.circle-clipper {
 display:inline-block;
 position:relative;
 width:50%;
 height:100%;
 overflow:hidden;
 border-color:inherit
}
.circle-clipper .circle {
 width:200%;
 height:100%;
 border-width:5px;
 border-style:solid;
 border-color:inherit;
 border-bottom-color:transparent !important;
 border-radius:50% !important;
 -webkit-animation:none;
 animation:none;
 position:absolute;
 top:0;
 right:0;
 bottom:0
}
.circle-clipper.left .circle {
 left:0;
 border-right-color:transparent !important;
 -webkit-transform:rotate(129deg);
 transform:rotate(129deg)
}
.circle-clipper.right .circle {
 left:-100%;
 border-left-color:transparent !important;
 -webkit-transform:rotate(-129deg);
 transform:rotate(-129deg)
}
.active .circle-clipper.left .circle {
 -webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
 animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.active .circle-clipper.right .circle {
 -webkit-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
 animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
@-webkit-keyframes left-spin {
 from {
  -webkit-transform:rotate(130deg)
 }
 50% {
  -webkit-transform:rotate(-5deg)
 }
 to {
  -webkit-transform:rotate(130deg)
 }
}
@keyframes left-spin {
 from {
  transform:rotate(130deg)
 }
 50% {
  transform:rotate(-5deg)
 }
 to {
  transform:rotate(130deg)
 }
}
@-webkit-keyframes right-spin {
 from {
  -webkit-transform:rotate(-130deg)
 }
 50% {
  -webkit-transform:rotate(5deg)
 }
 to {
  -webkit-transform:rotate(-130deg)
 }
}
@keyframes right-spin {
 from {
  transform:rotate(-130deg)
 }
 50% {
  transform:rotate(5deg)
 }
 to {
  transform:rotate(-130deg)
 }
}



/*********mas********/
#loader-wrapper,#loader-wrapper-o {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index: 10052 !important;
}

#loader-wrapper .loader-section {
 position:fixed;
 top:0;
 width:51%;
 height:100%;
 background:#eceff1;
 z-index: 10052 !important;
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 transform:translateX(0)
}

#loader-wrapper-o .loader-section-o {
 position:fixed;
 top:0;
 width:50%;
 height:100%;
 opacity:0.5;
 background:#eceff1;
 z-index: 10052 !important;
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 transform:translateX(0)
}

#loader-wrapper .loader-section.section-left,
#loader-wrapper-o .loader-section-o.section-left {
 left:0
}
#loader-wrapper .loader-section.section-right,
#loader-wrapper-o .loader-section-o.section-right {
 right:0
}

.loaded #loader-wrapper {
 visibility:hidden;
 -webkit-transform:translateY(-100%);
 -ms-transform:translateY(-100%);
 transform:translateY(-100%);
 -webkit-transition:all 0.3s 1s ease-out;
 transition:all 0.3s 1s ease-out
}

.loaded-o #loader-wrapper-o {
 visibility:hidden;
 -webkit-transform:translateY(-100%);
 -ms-transform:translateY(-100%);
 transform:translateY(-100%);
 -webkit-transition:all 0.3s 0.3s ease-out;
 transition:all 0.3s 0.3s ease-out
}

.loaded #loader-wrapper .loader-section.section-left {
 -webkit-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 transform:translateX(-100%);
 -webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.loaded #loader-wrapper .loader-section.section-right {
 -webkit-transform:translateX(100%);
 -ms-transform:translateX(100%);
 transform:translateX(100%);
 -webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.loaded .preloader-wrapper {
 opacity:0;
 -webkit-transition:all 0.3s ease-out;
 transition:all 0.3s ease-out
}

.loaded-o #loader-wrapper-o .loader-section-o.section-left,
.loaded-o #loader-wrapper-o .loader-section-o.section-right {
 opacity:0;
 -webkit-transition:all 0.3s ease-out;
 transition:all 0.3s ease-out
}

.loaded-o .preloader-wrapper-o {
 opacity:0;
 -webkit-transition:all 0.3s ease-out;
 transition:all 0.3s ease-out
}


.form-group.form-md-line-input > .input-icon.right-i > i {
    left: auto;
    right: 8px;
    margin: 11px 2px 10px 10px;
}

.input-icon.right-i > i {
    right: 8px;
    float: right;
}

.form-group.form-md-line-input.form-md-floating-label .input-icon > label {
    padding-left: 0px;
}
.form-group.form-md-line-input > .input-icon .form-control {
    padding-left: 0px;
}

/**************para que los modal no muevan el body***************/
/*
body.modal-open {
 overflow: hidden !important; 
} */


.mr-1{
  margin-right: 10px !important;
}
.mr-2{
  margin-right: 20px !important;
}
.mr-3{
  margin-right: 30px !important;
}
.mr-4{
  margin-right: 40px !important;
}
.mr-5{
  margin-right: 50px !important;
}

.pb-1{
  padding-bottom: 10px !important;
}
.pb-2{
  padding-bottom: 20px !important;
}
.pb-3{
  padding-bottom: 30px !important;
}
.pb-4{
  padding-bottom: 40px !important;
}
.pb-5{
  padding-bottom: 50px !important;
}


.form-group.form-md-line-input {
    position: relative;
    margin: 0 0 18px 0;
    padding-top: 18px;
}


.content_requerimientos{
  border-top: dashed 1px #3598dc;
}

.content_reque_buttons{
  margin-top: 5px;
  border-top: dashed 1px #3598dc;
}


.btn_add_reque,.btn_add_area{
  display: block;
  margin:auto;
  border:dashed 1px #3598dc !important;
  margin-top: 20px;
  line-height: 2em;
  min-height: 4em;
  border-radius: 3px;
  font-weight: bold;
  font-size: 13px;
  color: #3598dc;
  text-shadow: 1px 1px 1px #1e557b63;
  background-color:#FFF;
  text-transform: uppercase;
}

.btn_add_reque:hover,.btn_add_area:hover{
  display: block;
  margin:auto;
  border:dashed 1px #3598dc !important;
  margin-top: 20px;
  line-height: 2em;
  min-height: 4em;
  border-radius: 3px;
  font-weight: bold;
  font-size: 13px;
  color: #3598dc;
  text-shadow: 1px 1px 1px #1e557b63;
  background-color:#FFF;
}
.btn_add_reque:focus,.btn_add_area:focus{
  display: block;
  margin:auto;
  border:dashed 1px #3598dc !important;
  margin-top: 20px;
  line-height: 2em;
  min-height: 4em;
  border-radius: 3px;
  font-weight: bold;
  font-size: 13px;
  color: #3598dc;
  text-shadow: 1px 1px 1px #1e557b63;
  background-color:#FFF;
}

.label-add_reque{
  color: #3598dc;
  text-align: center;
  display: block;
  padding-top: 10px;
}

.modal .select2-container,.select2-container--open{
  width: 100% !important;
}

.select2-selection,.select2-dropdown{
  border:1px solid #e5e5e5 !important;
  min-height: 33px;
}
.has-error .select2-selection,.has-error .select2-dropdown{
  border:1px solid #F3565D !important;
}
.has-error .select2-selection__placeholder{
  color: #F3565D !important;
}

.has-error .select2-selection__arrow > b{
  border-color: #F3565D transparent transparent transparent !important;
}

.select2-selection .select2-selection__arrow{
  height: 32px !important;
}

.select2-dropdown{
border-top: none !important;
}
.click_table_up{
  cursor: pointer;
}

.titulo{
  color: #3598dc;
  font-weight: bold;
}

.content_requerimientos label{
  margin-top: 10px;
  color: #3598dc;
}
.content_requerimientos li{
  list-style: none;
}
.content_requerimientos ul{
  list-style: none;
  padding-left: 0px;
}

.panel_profesionales,.panel_habilidades,.panel_btn_pro,.panel_btn_hab{
  border-right: 1px dashed #3598dc;
}

.panel_btn_pro,.panel_btn_hab{
  padding-bottom: 10px;
}

.content_requerimientos a,.content_requerimientos i{
  font-weight: bold;
}

.btn_horario,.btn_content{
  width: 100%;
  display: flex;
}

.btn_compuesto_first{
  width: 70%;
}
.btn_compuesto_second{
  width: 30%;
  /*transition: background-color .2s;*/
  transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn_col_content{
  /*padding: 0px;*/
}

.col_horario{
  width: 100%;
  position: relative;
  float: left;
  padding-left: 2px;
  padding-right: 2px;
}

@media (min-width: 768px) {
  .col_horario{
 width: calc(100% / 7);
  }
  .white{
    color:#fff !important;
  }
  .hr_none{
    border-color:#fff !important;
  }
}

.comprime_horario{
  padding-right: 20px;
  padding-left: 20px;
}
.sub_title{
  font-weight: bold !important;
  text-align: center;
}

.white{
  color:#777;
}

.hr_none{
  border-color: #3598dc;
}

.btn-toggle:active, .btn-toggle.active {
    background-color: #e43700 !important;
}

.btn-toggle:hover {
    background-color: #fd3d00 !important;
}

/*
.btn-toggle.active:hover {
    background-color: #009cb0 !important;
}*/


.btn-toggle.active:first-of-type + button {
  background-color: #e43700 !important;
}
.btn-toggle:hover:first-of-type + button {
  background-color: #fd3d00 !important;
}

.pagination-active{
  background-color: #eee !important;
}

.w-100{
  width: 100% !important;
}

.d-inline{
display: inline;
}
.d-block{
display: block;
}

.p_fix_label{
  padding: 10px 4px 10px 4px;
}

.p-0{
  padding: 0px !important;
}
.fix_h_btn_login{
  height: 42px !important;
}

.has-error  select {
    border-bottom: 1px solid #F3565D !important;
}
.has-error  input {
    border-bottom: 1px solid #F3565D !important;
}
.has-error .input-group {
    border-bottom: 1px solid #F3565D !important;
}

/*********CSS de las vistas previas********/
img.transparent_spec {
    background: hsl(0,0%,90%) url("chrome://global/skin/media/imagedoc-lightnoise.png");
    color: #222;
    text-align: center;
  position: relative;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  width: 100%;
height: 600px;
padding: 15px;
}

body.transparent_spec {
    color: #eee;
    background: #0e0e0e;
    background-image: url("chrome://global/skin/media/imagedoc-darknoise.png");
}

.portlet > .portlet-title {
    border-bottom: 1px solid #eee !important;
}

body{
  font-size: 11px;
}

.font-fix-table label{
  font-size: 15px;
  color: #000 !important;
}

.icheck-inline > label{
   margin-bottom: 15px;
  margin-left: 0px !important;
  padding-right: 15px;
}

.content_descrip{
  border-bottom: dashed 1px #3598dc;
  padding-bottom: 10px;
}

.list_project{
  padding-left: 15px;
}

.separe_row{
  border-bottom: dashed 1px #3598dc;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.text-white{
  color: #fff;
}

.list_project > li{
  padding-top: 10px;
}
.list_project > li > label{
  margin-right: 5px;
}

.logo-default{
  width: 50px;
  margin: 15px !important;
}
.page-logo-admin{
  background-color: #465460 !important;
}


.dashboard-stat2{
  box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
}

.content-img{
  background-color: #eeeeee;
  height: 410px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-img > h1{
  margin:0px;
  color: #e1e1e1;
}

.content-img > h3{
  padding: 0px 5px 0px 5px;
  margin:0px;
  color: #9d9a9a;
  font-style: italic;
}

.fix-h-document{
  height: 100px !important;
}

.pre_imagen,.pre_imagen_no_data{
  border: 1px solid #eeeeee;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 5px;
  transition: filter .4s ease-out;
}
.pre_imagen:hover{
 filter:brightness(0.5);
}

.pre_imagen:hover .icon_view{
 opacity: .7;
}

.pre_imagen img{
  width: 100%;
  height: 400px;
}

.pre_imagen a{
  text-decoration: none;
}

#view_content_document .modal-body {
    padding: 0px;
}

.content_icon{
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon_view{
  position: absolute;
  font-size: 60px !important;
  opacity: 0;
  transition: opacity .4s ease-out;
  color: #3598dc;
}

.social_content{
  border: 1px solid #eeeeee;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 5px;
  display: flex;
  transition: box-shadow .2s ease-out;
}
.social_content:hover{
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
}

.icon_social{
  width: 20%;
  display: block;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_social i{
  font-size: 40px !important;
}
.link_social{
  width: 80%;
  padding-left: 5px;
}
.facebook_color{
  color: #4267B2;
}

.instagram_color{
  color:#E13064;
}

.twitter_color{
  color: #1DA1F2;
}

.youtube_color{
  color: #FF0000;
}

.linkedin_color{
  color: #0077B5;
}

.pinterest_color{
  color: #E60023;
}

.reddit_color{
  color: #FF4500;
}

.skype_color{
  color: #00A9E8;
}

.overflow_color{
  color: #F47B11;
}

.tumblr_color{
  color: #314358;
}

.vimeo_color{
  color: #23B6EA;
}

.yahoo_color{
  color: #6001D2;
}

.color_default{
  color: #b9b9b9;
}

.nav-tabs > li.active {
    transition: border-color .4s !important;
}

.tabbable-custom > .nav-tabs > li.active {
    border-top-color: #3581BF !important;
}

.asistente{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
   /* padding: 15px 15px 30px 15px;*/
  /*  margin-bottom: 20px;*/
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
}

.asistente .display{
 display: flex;
 margin-top: 10px;
 margin-bottom: 10px;
}


.asistente .display .photo img{
    width: 100px;
    height: 100%;
    display: inline-block;
    border-radius: 2px 0px 0px 2px;
    margin-right: 13px;
    border-right: 4px #5C9ACF solid;
}
.asistente .display .contact h3 {
    margin: 0 0 2px 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
   display: inherit;
}
.asistente .display .contact { 
  padding: 10px 0px 10px 0px;
}

.asistente .display .contact small >a {
    font-size: 14px;
    color: #AAB5BC;
    font-weight: 600;
    text-transform: lowercase;
}
.asistente .display .contact small {
    font-size: 14px;
    color: #AAB5BC;
    font-weight: 600;
}


.btn_reque,.btn-compress{
  padding: 5px 10px 5px 10px;
  margin: 3px 0px 3px 0px;
}

.bootbox .modal-dialog .modal-content .modal-header .modal-title{
  font-weight: bold;
}
.bootbox .modal-dialog .modal-content .modal-body > .bootbox-body{
  font-size: 16px;
}

.hora_minima{
  width: 35%;
  font-weight: bold;
  float: right;
}
.hora_min{
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: bold;
}
.sub_title_required{
  margin: 0px;
  font-weight: bold;
}

.same_time_cuadro{
width: 10%;
padding: 0px;
border-radius: 2px 0px 0px 2px;
transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.same_time{
width: 90%;
border-radius: 0px 2px 2px 0px;
}

.btn-toggle{
  display: block;
  text-align: center;
}

.fix-btn-toggle{
  display: inline-block;
}

.sub-title-h{
  font-size: 16px;
  font-weight: 400;
}

.sub-titulo{
  margin-bottom:5px;
  margin-top: 8px;
  font-size: 15px;
}

.data_volunter_no_d{
  padding-bottom: 8px;
  border-bottom: dashed 1px #3598dc;
}

.font-15{
  font-size: 15px !important;
}

.vertical-a-initial{
  vertical-align: initial;
}

.btn-ban{
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
border-width: 0 !important;
/*overflow: hidden;*/
position: relative;
/*padding: 9px 14px 8px 14px;*/

border-width: 0;
/*padding: 7px 14px;*/
/*font-size: 14px;*/
outline: none !important;
background-image: none !important;
filter: none;
text-shadow: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);

vertical-align: middle;
}


.mouse-pointer{
  cursor: default;
}

/****fijar el menu de opciones hasta el md*****/
@media (min-width: 992px) {
  .menu_keep_top{
    position: sticky;
    top: 95px;
    z-index: 1;
  }
}

/*******darle un ancho inferior al centro hasta 1200 para que entre el aside de filtros*************/
@media (min-width: 1200px) {
  .page-content-wrapper .page-content-projects{
  margin-right: 310px;
  }
}

/*****el contenedor del aside colocarlos sticky asi afectara al los demas*****/
.sider-content{
  float: right;
  position: sticky;
  top: 95px;
  margin-left: -100%;
  z-index: 99;
  transition: margin-right .4s;
}

/**ya el boton funciona como sticky**/
.btn-sider{
  padding: 10px 5px 10px 7px;
  display: none;/**no mostrar el boton al inicio**/
  border-radius: 4px 0px 0px 4px;
}

/**fijar el aside del filtro con una posicion predeterminada y fixed por un error del sticky que no se puede ocultar de un lado**/
.page-sidebar-right{
  width: 300px;
  float: right;
  padding: 10px 0px 10px 0px;
  position: fixed;
  right: 10px;
  top: 95px;
  background-color: #ffffff;
  border-radius: 4px;
  z-index: 99;
  transition: all .4s, box-shadow .4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}

.move-top{
  top: -40% !important;
}

.page-sidebar-right-sub{
  padding-right: 15px;
  padding-left: 15px;
  border-bottom: dashed 1px #3598dc;
}

/**efecto aside del filtro: cuando el container es cargado con la clase aside-open**/
.page-container.aside-open .page-sidebar-right{
  right: 10px;
}
/**efecto del content (boton): cuando el container es cargado con la clase aside-open**/
.page-container.aside-open .sider-content{
  margin-right: 300px;
}

/**el siguiente css se va a mantener hasta 1200 lg, superior a eso se quitara**/
@media (max-width: 1200px) {
  .page-container.aside-open .page-sidebar-right{
    right: 0px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22);
  }
  .page-sidebar-right {
    width: 400px;
    right: -400px;
    box-shadow: none;
  }
  .page-sidebar-right{
  border-radius: 0px;
}
  .btn-sider{
  display: inline-block;
  margin-right: -20px;
  }


  .page-container.aside-open .sider-content{
   margin-right: 400px;
  }

}

/**el siguiente css se va a mantener hasta 992 md, superior a eso se quitara**/
@media (max-width: 992px) {
  .btn-sider{
  margin-right: -10px;
  }

  .sider-content{
    top: 5px;
    z-index: 999;
  }
  .page-sidebar-right{
    top: 5px;
    width: 600px;
    right: -600px;
    }

    .page-container.aside-open .sider-content{
     margin-right: 600px;
    }
}

/**el siguiente css se va a mantener hasta 768 sm, superior a eso se quitara**/
@media (max-width: 767px) {
    .sider-content{
    z-index: 999;
    padding-top: 5px;
    top: 0px;
    }

    .btn-sider{
    margin-right: 0px;
    }

    .page-sidebar-right{
    top: 5px;
    width: 85%;
    right: -85%;
    }

    .page-container.aside-open .sider-content{
      margin-right: 85%;
    }

}



/**el siguiente css se va a mantener hasta 768 sm, inferior a eso se quitara**/
@media (min-width: 768px) {
  .page-content{
    padding: 20px;
  }
}


.my-row{
 display: flex;
  margin-left: -15px;
  margin-right: -15px;
  flex-wrap: wrap;
}

.justify-content-center{
  justify-content: center;
}

.justify-content-end{
  justify-content: flex-end;
}

.keep_btn_search{
  margin-top: 10px;
}
.mb-0{
  margin-bottom: 0px;
}

.keep_search_content.disabled h3,.keep_search_content.disabled label,.content_filter_specific.disabled h3,.content_filter_specific.disabled label{
  color: #777;
}

.mt-5{
  margin-top: 5px;
}


.custom_select_multi{
 /* width: 300px !important;*/
 width: 100% !important;
}

.custom_select_multi .selection .select2-selection--multiple .select2-selection__choice{
  width: 100%;
  margin-top: 3px;
  padding: 3px;
  background-color: #FFF;
  box-shadow: 0 0px 7px rgba(53, 152, 220, .2), 0 1px 1px rgba(53, 152, 220, 0.2);
  border: none;
}

.custom_select_multi .selection .select2-selection--multiple .select2-search{
  width: 100%;
}

.custom_select_multi.fix-width  .selection .select2-selection--multiple .select2-search input{
  width: calc(100% - 25px) !important;
}

.custom_select_multi.disabled-width  .selection .select2-selection--multiple .select2-search input{
  width: calc(100% - 1px) !important;
}

.custom_select_multi.disabled-width  .selection .select2-selection--multiple .select2-selection__choice ~ .select2-search input{
  display: none;
}

.custom_select_multi .selection .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove{
  float: right;
  padding-left: 5px;
}

.img_load{
    display: block;
    width: 25px;
    height: 25px;
    z-index: 100;
    float: right;
    margin-top: 10px;
}

.content_filter_specific{
  margin-bottom: 20px;
}

.custom_select_multi  .custom-selection{
    font-weight: bold;
}

.has-error.currently_student label{
  color:#F3565D;
}

.has-error.currently_student span{
  font-size: 13px;
}