/* CSS Document */
*{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
html{
	overflow: hidden;
}
.content{
	height: 100vh;
	overflow-y:auto;
}
.login{
	background-image: url(../../img/wallpaper2.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.login_div{
	margin-top: 100px;
}
.a_custom{
	color: #ff9800 !important;
	cursor: pointer;
	position: relative;
}
.a_custom:after, .a_custom:visited:after {
  content: '';
  height: 1px;
  position:absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  background: #ff9800;
  transition: 0.1s;
}
.a_custom:hover:after, .a_custom:visited:hover:after {
	width: 100%;
	color: #935800 !important;
}
.material-icons{
	vertical-align: middle;
}
.custom_action_tab{
	position: relative;
	margin-top:-70px;
	z-index: 99;
}
.custom_action{
	position: relative;
	margin-top:-55px;
	z-index: 99;
}
.config_detail{
	width: 100%;
	display: none;
}
.config_detail_section{
	width: 100%;
	margin: 0 auto;
}
.section_title{
	background: linear-gradient(60deg, #ffa726, #fb8c00);
	border-radius: 20px;
	color: white;
	padding: 5px 5px 5px 20px;
}
.custom_action_section{
	position: relative;
	margin-top:-26px;
	z-index: 99;
}
.custom_action_section div{
	position: absolute;
	margin-left: -10px;
}
.custom_action_subsection{
	position: relative;
	margin-top:-8px;
	z-index: 10;
}
.table-tr-hover:hover{
	background-color:#f7f7f7;
	border-radius: 15px;
}
.details_content{
	padding: 10px;
}
.custom-select{
	border:none !important;
	border-bottom: 1px solid #d2d2d2 !important;
}
.show_seccion{
	margin: 0 auto;
}
.show_seccion:hover{
	background-color:#e0e0e0;
	border-radius: 10px;
}
.show_seccion .material-icons{
	font-size:15px;
}
.card-title{
	line-height: 30px;
}
.card-avatar:hover > .upload-foto{
	opacity: 1;
	filter: alpha(opacity=100);
}
.upload-foto{
	opacity: 0;
	filter: alpha(opacity=0);
	width:100%;
	height: 100%;
	position:absolute;
	background-color: rgba(0,0,0,0.79);
	border-radius: 50%;
	max-height: 200px;
	max-width: 200px;
	color: white;
	font-size: 20px;
	padding-top: 35px;
	
}
.upload-foto div{
	cursor: pointer;
}
.upload-foto i{
	font-size: 50px !important;
}
.cropit-preview {
  width: 200px;
  height: 200px;
	margin: 0 auto;
}
input.cropit-image-input {
  visibility: hidden;
}
.image-editor{
	display:none;
	text-align: center;
}
.cropit-image-zoom-input{
	width:150px;
}
.slider-wrapper{
	width: 250px;
	margin: 0 auto;
}
input[type=range] {
  height: 22px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 80%;
	vertical-align: middle;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #DBDBDB;
  border-radius: 7px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 4px #000000;
  border: 0px solid #000000;
  height: 15px;
  width: 15px;
  border-radius: 25px;
  background: #FB8C00;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #DBDBDB;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #DBDBDB;
  border-radius: 7px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 4px #000000;
  border: 0px solid #000000;
  height: 15px;
  width: 15px;
  border-radius: 25px;
  background: #FB8C00;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #DBDBDB;
  border: 0px solid #000000;
  border-radius: 14px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #DBDBDB;
  border: 0px solid #000000;
  border-radius: 14px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 1px 1px 4px #000000;
  border: 0px solid #000000;
  height: 15px;
  width: 15px;
  border-radius: 25px;
  background: #FB8C00;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #DBDBDB;
}
input[type=range]:focus::-ms-fill-upper {
  background: #DBDBDB;
}
.float-button-profile{
	position: absolute;
	background: #FB8C00;
	border-radius: 15px 15px 0px 0px;
	padding: 5px 10px;
	height: 50px;
}
.float-button-profile:hover{
	margin-top:-10px;
}
#add_agre_doc_titulofile{
	cursor: pointer;
}
.sub-nav{
	list-style-type: none;
}
.scrollbar {
    float: left;
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
    margin-bottom: 25px;
}
.force-overflow {
    min-height: 450px;
}
.outter_progress{
	width: 100%;
	border: thin solid #ff9800;
	border-radius: 0.25rem;
	font-size: 10px;
	height: 22px;
}
.outter_progress .percent{
	position:relative;
	margin: 0 auto;
	margin-top: -21px;
	text-align: center;
}
.outter_progress .progress{
	height: 20px;
}
.scrollbar-primary::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5; }

.scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #4285F4; }

.scrollbar-danger::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius:20px; }

.scrollbar-danger::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5; }

.scrollbar-danger::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #ff3547; }

.scrollbar-warning::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 20px; }

.scrollbar-warning::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5; }

.scrollbar-warning::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #FF8800; }

.scrollbar-success::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 20px; }

.scrollbar-success::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5; }

.scrollbar-success::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #00C851; }

.scrollbar-info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 20px; }

.scrollbar-info::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5; }

.scrollbar-info::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #33b5e5; }

.scrollbar-default::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 20px; }

.scrollbar-default::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5; }

.scrollbar-default::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #2BBBAD; }

.scrollbar-secondary::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 20px; }

.scrollbar-secondary::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5; }

.scrollbar-secondary::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #aa66cc; }


.message-box {
 display: none;
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.5);
 z-index: 9999;
}
.message-box.open {
 display: block;
}
.message-box .mb-container {
 position: absolute;
 left: 0px;
 top: 35%;
 background: rgba(0, 0, 0, 0.9);
 padding: 20px;
 width: 100%;
}
.message-box .mb-container .mb-middle {
 width: 50%;
 left: 25%;
 position: relative;
 color: #FFF;
}
.message-box .mb-container .mb-middle .mb-title {
 width: 100%;
 float: left;
 padding: 10px 0px 0px;
 font-size: 31px;
 font-weight: 400;
 line-height: 36px;
}
.message-box .mb-container .mb-middle .mb-title .fa,
.message-box .mb-container .mb-middle .mb-title .glyphicon {
 font-size: 38px;
 float: left;
 margin-right: 50px;
}
.message-box .mb-container .mb-middle .mb-content {
 width: 100%;
 float: left;
 padding: 10px 0px 0px;
}
.message-box .mb-container .mb-middle .mb-content p {
 margin-bottom: 0px;
 color:#FFFFFF !important
}
.message-box .mb-container .mb-middle .mb-footer {
 width: 100%;
 float: left;
 padding: 10px 0px;
}
.message-box.message-box-warning .mb-container {
 background: rgba(254, 162, 35, 0.9);
}
.message-box.message-box-danger .mb-container {
 background: rgba(182, 70, 69, 0.9);
}
.message-box.message-box-info .mb-container {
 background: rgba(63, 186, 228, 0.9);
}
.message-box.message-box-success .mb-container {
 background: rgba(149, 183, 93, 0.9);
}
.table thead tr th {
	font-size: 12px !important;
}
a{
	cursor:default;
}