/*
 * Skin: Beach-1
 * ----------
 */

.skin-beach-2 .content-wrapper {
    min-height: 100%;
    z-index: 800;
    background-color: initial;
}

.skin-beach-2 .main-header .navbar {
    border-bottom: solid #0131B4;
}

    .skin-beach-2 .main-header .navbar .nav > li > a {
        color: #fff;
        text-shadow: 1px 1px 5px #000;
        font-weight: 700;
    }

        .skin-beach-2 .main-header .navbar .nav > li > a:hover,
        .skin-beach-2 .main-header .navbar .nav > li > a:active,
        .skin-beach-2 .main-header .navbar .nav > li > a:focus,
        .skin-beach-2 .main-header .navbar .nav .open > a,
        .skin-beach-2 .main-header .navbar .nav .open > a:hover,
        .skin-beach-2 .main-header .navbar .nav .open > a:focus,
        .skin-beach-2 .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-beach-2 .main-header .navbar .sidebar-toggle {
        color: #0b0923;
    }

        .skin-beach-2 .main-header .navbar .sidebar-toggle:hover {
            background-color: #0131B4;
            color: #607d8b;
        }

@media (max-width: 767px) {
    .skin-beach-2 .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-beach-2 .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-beach-2 .main-header .navbar .dropdown-menu li a:hover {
            background: #367fa9;
        }
}

.skin-beach-2 .main-header .logo {
    color: #fff;
    text-shadow: 1px 1px 5px #000;
    font-weight: 700;
}

    .skin-beach-2 .main-header .logo:hover {
        background-color: #0131B4;
    }

.skin-beach-2 .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-beach-2 .content-header {
    background: transparent;
}

.skin-beach-2 .wrapper, .skin-beach-2 .main-sidebar, .skin-beach-2 .left-side {
    background: url('../themes/base/images/bluewater13.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-beach-2 .user-panel > .info,
.skin-beach-2 .user-panel > .info > a {
    color: #fff;
}

.skin-beach-2 .sidebar-menu > li.header {
    color: #4b646f;
}

.skin-beach-2 .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-beach-2 .sidebar-menu > li:hover > a,
.skin-beach-2 .sidebar-menu > li.active > a {
    color: #ffffff;
    background: rgba(59, 189, 255, 0.24);
    border-left-color: #29ADC4;
}

.skin-beach-2 .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
}

.skin-beach-2 .sidebar a {
    color: #fff;
    text-shadow: 1px 1px 5px #000;
    font-weight: 700;
}

    .skin-beach-2 .sidebar a:hover {
        text-decoration: none;
    }

.skin-beach-2 .treeview-menu > li > a {
    color: #fff;
}

    .skin-beach-2 .treeview-menu > li.active > a,
    .skin-beach-2 .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-beach-2 .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-beach-2 .sidebar-form input[type="text"],
    .skin-beach-2 .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-beach-2 .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-beach-2 .sidebar-form input[type="text"]:focus,
        .skin-beach-2 .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-beach-2 .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-beach-2 .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-beach-2.layout-top-nav .main-header > .logo {
    background-color: #0131B4;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-beach-2.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-beach-2 .content {
    background: #fff;
    opacity: 0.94;
}
.skin-beach-2#navigator md-autocomplete.md-default-theme input, .skin-beach-2 #navigator md-autocomplete input {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
    .skin-beach-2 #navigator md-autocomplete input::-webkit-input-placeholder {
        color: rgb(189,189,189);
    }
.skin-beach-2 .md-virtual-repeat-container.md-autocomplete-suggestions-container.navigatorMenuContainer {
    background: rgba(249, 244, 243, 0.83);
}

.skin-beach-2 .with-color {
    color: #5365a9;
}