/*
 * Skin: XMas
 * ----------
 */

.skin-xmas .content-wrapper {
    min-height: 100%;
    z-index: 800;
    background-color: initial;
}
.skin-xmas .main-header .navbar {
    border-bottom:solid #0131B4;
   
}
    .skin-xmas .main-header .navbar .nav > li > a {
        color: #fff;
        text-shadow: 1px 1px 5px #000;
        font-weight: 700;
    }
.skin-xmas .main-header .navbar .nav > li > a:hover,
.skin-xmas .main-header .navbar .nav > li > a:active,
.skin-xmas .main-header .navbar .nav > li > a:focus,
.skin-xmas .main-header .navbar .nav .open > a,
.skin-xmas .main-header .navbar .nav .open > a:hover,
.skin-xmas .main-header .navbar .nav .open > a:focus,
.skin-xmas .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-xmas .main-header .navbar .sidebar-toggle {
  color: #0b0923;
}
    .skin-xmas .main-header .navbar .sidebar-toggle:hover {
        background-color: #0131B4;
        color: #607d8b;
    }
@media (max-width: 767px) {
  .skin-xmas .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-xmas .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-xmas .main-header .navbar .dropdown-menu li a:hover {
    background: #367fa9;
  }
}
.skin-xmas .main-header .logo {
    color: #fff;
    text-shadow: 1px 1px 5px #000;
    font-weight: 700;
}
    .skin-xmas .main-header .logo:hover {
        background-color: #0131B4;
    }
.skin-xmas .main-header li.user-header {
    background: linear-gradient(222deg, #e9edf1, #06091f, #de10e1);
    background-size: 600% 600%;
    -webkit-animation: sidewalk 20s ease infinite;
    -moz-animation: sidewalk 20s ease infinite;
    animation: sidewalk 20s ease infinite;
}
.skin-xmas .content-header {
  background: transparent;
}
.skin-xmas .wrapper, .skin-xmas .main-sidebar, .skin-xmas .left-side {
    background: url('../themes/base/images/xtree.jpg') no-repeat fixed;
}
@-webkit-keyframes sidewalk {
    0% {
        background-position: 0% 48%
    }

    50% {
        background-position: 100% 53%
    }

    100% {
        background-position: 0% 48%
    }
}

@-moz-keyframes sidewalk {
    0% {
        background-position: 0% 48%
    }

    50% {
        background-position: 100% 53%
    }

    100% {
        background-position: 0% 48%
    }
}

@keyframes sidewalk {
    0% {
        background-position: 0% 48%
    }

    50% {
        background-position: 100% 53%
    }

    100% {
        background-position: 0% 48%
    }
}

.skin-xmas .user-panel > .info,
.skin-xmas .user-panel > .info > a {
  color: #fff;
}
.skin-xmas .sidebar-menu > li.header {
  color: #4b646f;
}
.skin-xmas .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-xmas .sidebar-menu > li:hover > a,
.skin-xmas .sidebar-menu > li.active > a {
    color: #ffffff;
    background: rgba(59, 189, 255, 0.24);
    border-left-color: #29ADC4;
}
.skin-xmas .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  /*background: #fff;*/
}
.skin-xmas .sidebar a {
    color: #fff;
    text-shadow: 1px 1px 5px #000;
    font-weight: 700;
}
.skin-xmas .sidebar a:hover {
  text-decoration: none;
}
.skin-xmas .treeview-menu > li > a {
  color: #fff;
}
.skin-xmas .treeview-menu > li.active > a,
.skin-xmas .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-xmas .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-xmas .sidebar-form input[type="text"],
.skin-xmas .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-xmas .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-xmas .sidebar-form input[type="text"]:focus,
.skin-xmas .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-xmas .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-xmas .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-xmas.layout-top-nav .main-header > .logo {
    background-color: #0131B4;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
    .skin-xmas.layout-top-nav .main-header > .logo:hover {
        background-color: #0131B4;
    }

a {
    color: #0131B4;
}

.btn-link {
    color: #0131B4;
}
    .btn-link:hover {
        color: #135f4a;
        text-decoration: none;
    }

/*.skin-olakala search-box-home box box-widget {
    background: none !important;
}*/

.skin-xmas .content {
    background: #fff;
    opacity: 0.94;
}
.skin-xmas #navigator md-autocomplete.md-default-theme input, .skin-xmas #navigator md-autocomplete input {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.skin-xmas #navigator md-autocomplete input::-webkit-input-placeholder {
    color: rgb(189,189,189);
}

.skin-xmas .md-virtual-repeat-container.md-autocomplete-suggestions-container.navigatorMenuContainer {
    background: rgba(249, 244, 243, 0.83);
}

.skin-xmas .with-color {
    color: #7f94ff;
}