/* here you can put your own css to customize and override the theme */


.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
        background: #2C3044; }
        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
          background: #1C1E2B; }
          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
            background: #3E4051; }
        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
          background: #3b434c; }
      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
        background: #23272d; }
      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
        background: #181b1e; }
.page-header .page-header-menu {
    background: #252839;
    /* Default Mega Menu */
    /* Light Mega Menu */
    /* Header seaech box */ }

	.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
	        background: #3E4051 !important; }
	.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
	.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
	        background: #31354C; }
	.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
	        background: #3E4051; }
	.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
	        background: #484951; }
	.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
	.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
	        background: #484951; }
	.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
	          background-color: #606d7d; }




.page-footer {
    background: #252839;
    color: #b5b5b7;
}




/* FUENTE */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
/* CSS FONDO CAROUSEL */
html {
  position: relative;
  min-height: 100%;
  font-family: 'Roboto', sans-serif; }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.carousel-fade .carousel-inner .active {
  opacity: 1; }

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1; }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-control {
  z-index: 2; }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
.item:nth-child(1) {
  background: url(/images/login/bg-1.jpg) no-repeat center;
  background-size: cover; }

.item:nth-child(2) {
  background: url(/images/login/bg-2.jpg) no-repeat center;
  background-size: cover; }

.item:nth-child(3) {
  background: url(/images/login/bg-3.jpg) no-repeat center;
  background-size: cover; }

.item:nth-child(4) {
  background: url(/images/login/bg-4.jpg) no-repeat center;
  background-size: cover; }

.item:nth-child(5) {
  background: url(/images/login/bg-5.jpg) no-repeat center;
  background-size: cover; }

.carousel {
  z-index: -99; }

.carousel .item {
  position: fixed;
  width: 100%;
  height: 100%; }

/* CSS FORM Y TITULO */
.todo {
  height: 100vh;
  background: linear-gradient(45deg, rgba(255, 0, 38, 0.65), rgba(0, 159, 255, 0.6));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.todo .titulo {
  color: #fff;
  font-size: 40px;
  font-weight: 400; }

.todo .titulo span {
  font-weight: 700;
  font-size: 50px; }

.todo .inicio {
  color: #fff;
  font-size: 16px;
  font-weight: 300; }

.todo .cont {
  padding-left: 15px;
  padding-right: 15px; }

.todo .formulario {
  background: #fff;
  border-radius: 5px;
  width: 450px;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-shadow: -3px 10px 5px 0px rgba(0, 0, 0, 0.35);
          box-shadow: -3px 10px 5px 0px rgba(0, 0, 0, 0.35); }

.form-control::-webkit-input-placeholder {
  color: #b3b3b3;
  opacity: 1; }

.form-control:-ms-input-placeholder {
  color: #b3b3b3;
  opacity: 1; }

.form-control::-ms-input-placeholder {
  color: #b3b3b3;
  opacity: 1; }

.form-control::placeholder {
  color: #b3b3b3;
  opacity: 1; }

.todo .formulario img {
  width: 360px;
  margin-bottom: 30px; }

.todo .formulario .lbl-p {
  color: #c53da8;
  font-size: 18px;
  margin-bottom: 30px; }

.todo .formulario form .inp {
  width: 335px;
  margin-bottom: 20px;
  border: none;
  background: transparent;
  border-radius: 5px;
  border-bottom: 1px solid transparent;
  -o-border-image: linear-gradient(45deg, #ec2f4b, #c13fb0);
     border-image: linear-gradient(45deg, #ec2f4b, #c13fb0);
  border-image-slice: 1;
  -webkit-box-shadow: none;
          box-shadow: none; }

.todo .formulario form label {
  color: #b3b3b3;
  font-weight: 400;
  font-size: 12px; }

.todo .formulario form a {
  color: #c53da8; }

.todo .formulario form .btn {
  background: linear-gradient(45deg, #ec2f4b, #c13fb0);
  padding-left: 25px;
  padding-right: 25px;
  border: transparent;
  margin-top: 30px; }

.todo .formulario hr {
  color: linear-gradient(45deg, #ec2f4b, #c13fb0); }

.todo .formulario .footer:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  background: linear-gradient(45deg, #ec2f4b, #c13fb0);
  top: -5px;
  left: 0; }

.todo .formulario .footer {
  margin-top: 70px;
  position: relative; }

.todo .formulario .footer a,
.todo .formulario .footer span {
  color: #b3b3b3;
  font-size: 12px; }

/*# sourceMappingURL=style.css.map */