@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?1pq0ff');
  src:  url('fonts/icomoon.eot?1pq0ff#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?1pq0ff') format('truetype'),
    url('fonts/icomoon.woff?1pq0ff') format('woff'),
    url('fonts/icomoon.svg?1pq0ff#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-activo1 .path1:before {
  content: "\e900";
  color: rgb(230, 230, 230);
}
.icon-activo1 .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-activo1 .path3:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo1 .path4:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo1 .path5:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo1 .path6:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo1 .path7:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-off1 .path1:before {
  content: "\e907";
  color: rgb(84, 107, 140);
}
.icon-off1 .path2:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-off1 .path3:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off1 .path4:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off1 .path5:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off1 .path6:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off1 .path7:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo2 .path1:before {
  content: "\e90e";
  color: rgb(230, 230, 230);
}
.icon-activo2 .path2:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-activo2 .path3:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo2 .path4:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo2 .path5:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-activo2 .path6:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo2 .path7:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-off2 .path1:before {
  content: "\e915";
  color: rgb(84, 107, 140);
}
.icon-off2 .path2:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-off2 .path3:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off2 .path4:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off2 .path5:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off2 .path6:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off2 .path7:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo3 .path1:before {
  content: "\e91c";
  color: rgb(230, 230, 230);
}
.icon-activo3 .path2:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-activo3 .path3:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo3 .path4:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo3 .path5:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-activo3 .path6:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-activo3 .path7:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-off3 .path1:before {
  content: "\e923";
  color: rgb(84, 107, 140);
}
.icon-off3 .path2:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-off3 .path3:before {
  content: "\e925";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off3 .path4:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off3 .path5:before {
  content: "\e927";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off3 .path6:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off3 .path7:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo4 .path1:before {
  content: "\e92a";
  color: rgb(230, 230, 230);
}
.icon-activo4 .path2:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-activo4 .path3:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo4 .path4:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-activo4 .path5:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-activo4 .path6:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-activo4 .path7:before {
  content: "\e930";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-off4 .path1:before {
  content: "\e931";
  color: rgb(84, 107, 140);
}
.icon-off4 .path2:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-off4 .path3:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off4 .path4:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off4 .path5:before {
  content: "\e935";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off4 .path6:before {
  content: "\e936";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off4 .path7:before {
  content: "\e937";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-activo5 .path1:before {
  content: "\e938";
  color: rgb(230, 230, 230);
}
.icon-activo5 .path2:before {
  content: "\e939";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-activo5 .path3:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-activo5 .path4:before {
  content: "\e93b";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-activo5 .path5:before {
  content: "\e93c";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-activo5 .path6:before {
  content: "\e93d";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-activo5 .path7:before {
  content: "\e93e";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-off5 .path1:before {
  content: "\e93f";
  color: rgb(84, 107, 140);
}
.icon-off5 .path2:before {
  content: "\e940";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-off5 .path3:before {
  content: "\e941";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off5 .path4:before {
  content: "\e942";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off5 .path5:before {
  content: "\e943";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off5 .path6:before {
  content: "\e944";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
.icon-off5 .path7:before {
  content: "\e945";
  margin-left: -1em;
  color: rgb(84, 107, 140);
}
#primeros-pasos .input-group .input-group-addon {
    color: #fff;
    background-color: #536a8d;
    border: 1px solid #3E526E;
    font-weight: 600;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    padding: 7px 12px;
    font-size: 16px;
}
#primeros-pasos .btn-change-input {
    font-size: 8px;
    padding: 1.5px 10px;
    line-height: 1.5 !important;
}
#primeros-pasos .btn-change-empleados {
    font-size: 8px;
    padding: 1.5px 10px;
    line-height: 1.5 !important;
}
#primeros-pasos .form-control.error-input {
    border: 1px solid #a94442 !important;
    -webkit-box-shadow: 0px 0px 2px 0px #f50a44;
    -moz-box-shadow: 0px 0px 2px 0px #f50a44;
    box-shadow: 0px 0px 2px 0px #f50a44;
}





.btn.btn-steps{
	color:#fff;
	background-color:#536a8d;
	border: 1px solid #3E526E;
	font-weight: 600;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
}


.btn.btn-success.btn-success-circle{
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	font-size: 15px;
}
.title-lg-steps{
	font-weight: 800;
	font-size:42px;
}
.container-steps-inicio{
	margin-top:10%;
}
.container-steps-fin{
	margin-top:20%;
}
.container-steps{
	position:relative;
}
.container-steps label{
	color: #536a8d;
	font-weight: 600;
}
.container-steps p{
	color: #536a8d;
	text-align: justify;
	font-size: 16px;
}
.container-steps .text-center p{
	text-align: center;
}
/*.container-steps a{
	color: #536a8d;
	font-weight: 600;
}*/
.container-steps .form-control{
	background-color: #95AECF;
	border: 1px solid #95AECF !important;
	color: #fff;
}
.container-steps .form-control[disabled]{
    background-color: #C3C3C3;
	border: 1px solid #C3C3C3 !important;
	color: #fff;
}
.container-steps .form-control:focus{
	border: 1px solid #3E526E !important;
}
.container-steps .form-control.error-input{
	border: 1px solid #a94442 !important;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(245,10,68,1);
	-moz-box-shadow: 0px 0px 2px 0px rgba(245,10,68,1);
	box-shadow: 0px 0px 2px 0px rgba(245,10,68,1);
}
.error-columna{
	background-color: #a94442 !important;
}
.container-steps .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #DDD;
}
.container-steps .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #DDD;
}
.container-steps .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #DDD;
}
.container-steps .form-control:-moz-placeholder { /* Firefox 18- */
  color: #DDD;
}
.container-steps .card-header{
	background-color: #fff;
}
.btn-pasos .num-off{
	display:block;
}
.btn-pasos.active .num-off{
	display:none;
}
.btn-pasos .num-active{
	display:none;
}
.btn-pasos.active .num-active{
	display:block;
}
.btn-pasos.visit{
	cursor:pointer;
}
.steps-obligatorio{
	color:#a94442;
}
.btn.btn-success {
  background-color: #536a8d;
  border-color: #536a8d;
}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success.hover, .open>.dropdown-toggle.btn-success, .open>.dropdown-toggle.btn-success:hover, .open>.dropdown-toggle.btn-success:active, .open>.dropdown-toggle.btn-success:focus  {
  background-color: #3E526E;
}

.table.table-blue > thead > tr > th {
	background-color: #536a8d;
	border: 4px solid #fff;
	font-size: 16px;
	vertical-align: middle;
}
.table.table-blue > tbody > tr > td {
	background-color: rgba(191, 219, 255, 0.20);
	color: #536a8d;
	border: 4px solid #fff;
	font-size: 16px;
}
.table.table-blue > tfoot > tr {
	background-color: #4d4d4d;
	color:#fff;
}
.table-blue .btn-table{
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: 0px;
	-moz-box-shadow: 0px;
    border: none;
    color: #05ad82;
    background-color: transparent;
    font-size: 24px;
    padding: 0px 5px;
}
.table-blue .btn-table.btn-danger{
	background-color: transparent;
	color:#8F1D70;
}
.table-blue .btn-table.btn-danger:hover, .table-blue .btn-table.btn-danger:active, .table-blue .btn-table.btn-danger:focus{
	background-color: transparent;
	color:#A86894;
}
.table-blue .btn-table:hover, .table-blue .btn-table:active, .table-blue .btn-table:focus {
    color: #2a3940;
}

a{
	color: #536a8d;
}
a:hover, a:active, a:focus{
	color: #536a8d;
}
.bootstrap-datetimepicker-widget {
	z-index: 99999999999 !important;
}
.bootstrap-datetimepicker-widget td span {
	height:auto !important;
	line-height: 30px !important;
}
