/* Overwrite Skin Settings */

.page-body.skin-destiny .btn-primary {
    background: #0f4c9c;
}
.page-body.skin-destiny .btn-primary:hover {
    background: #1385c7;
    border-color: #1385c7;
}
.page-body.skin-destiny .btn-primary:active,
.page-body.skin-destiny .btn-primary:focus {
    background: #0D3B79;
    border-color: #0D3B79;
}
.page-body.skin-destiny .btn.btn-secondary {
    background-color: #C1C2C4;
    color: #fff;
}
.page-body.skin-destiny .btn.btn-secondary:hover {
    background-color: #D6D7D9;
    text-color: #000;
}
.page-body.skin-destiny .btn.btn-secondary:active,
.page-body.skin-destiny .btn.btn-secondary:focus {
    background-color: #777777;
    border-color: #777777;
}
.page-body.skin-destiny .settings-pane {
    background: #34495e;
    color: #a7bfd6;
}
.page-body.skin-destiny .settings-pane>a[data-toggle=settings-pane] {
    color: #a7bfd6;
}
.page-body.skin-destiny .settings-pane>a[data-toggle=settings-pane]:hover {
    color: #FFF;
}
.page-body.skin-destiny .settings-pane .user-info .user-details h3 a {
    color: #fff;
}
.page-body.skin-destiny .settings-pane .user-info .user-details .user-title {
    color: rgba(255, 255, 255, .65);
}
.page-body.skin-destiny .settings-pane .links-block.left-sep {
    border-left: 1px solid #053341;
}
.page-body.skin-destiny .settings-pane .links-block h4 {
    color: #fff;
}
.page-body.skin-destiny .settings-pane .links-block h4 span {
    display: inline-block;
    border-bottom: 1px solid #34495e;
}
.page-body.skin-destiny .settings-pane .links-block h4 a {
    color: #fff;
}
.page-body.skin-destiny .settings-pane .links-block h4 a:hover {
    color: #a7bfd6;
}
.page-body.skin-destiny .settings-pane .links-block ul li a {
    color: #a7bfd6;
}
.page-body.skin-destiny .settings-pane .links-block ul li a:hover {
    color: #fff;
}
.page-body.skin-destiny .sidebar-menu {
    /*background: #053341;*/
    background-image: linear-gradient(to right, #07232c, #07232c), linear-gradient(to right, #053341, #053341);
    background-repeat: no-repeat;
    background-position: 0 0, 0 0;
    background-size: 19% 100%, 100% 100%;
}

.page-body.skin-destiny .sidebar-menu.collapsed {
    background-image: linear-gradient(to right, #07232c, #07232c), linear-gradient(to right, #053341, #053341);
    background-repeat: no-repeat;
    background-position: 0 0, 0 0;
    background-size: 100% 100%, 100% 100%;
}

.page-body.skin-destiny .sidebar-menu .logo-env {
    border-bottom: 1px solid #34495e;
    text-align: center;
}
.page-body.skin-destiny .sidebar-menu .logo-env .settings-icon a {
    color: #a7bfd6;
}
.page-body.skin-destiny .sidebar-menu .logo-env .settings-icon a:hover {
    color: #fff;
}
.page-body.skin-destiny .sidebar-menu .main-menu a i {
    color: #1385c7;
    font-size: 20px;
    vertical-align: sub;
}
.page-body.skin-destiny .sidebar-menu .main-menu a {
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid transparent;
}
.page-body.skin-destiny .sidebar-menu .main-menu a:hover {
    color: #fff;
}
.page-body.skin-destiny .sidebar-menu .main-menu li.active>a {
    color: #1385c7;
    background: #ffffff;
}
.page-body.skin-destiny .sidebar-menu .main-menu li.has-sub>a:before {
    color: #1385c7;
}
.page-body.skin-destiny .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x,
.page-body.skin-destiny .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .page-body.skin-destiny .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] {
        color: #606161;
    }
    .page-body.skin-destiny .sidebar-menu.collapsed .main-menu>li.active,
    .page-body.skin-destiny .sidebar-menu.collapsed .main-menu>li li.active {
        background-color: #273646;
    }
    .page-body.skin-destiny .sidebar-menu.collapsed .main-menu>li>ul {
        background: #053341;
    }
}

.sidebar-menu .logo-env .logo {
    float: unset;
}
.page-body.skin-destiny .page-loading-overlay {
    background-color: #053341;
}
.page-body.skin-destiny.login-page {
    background: #053341;
    color: #fff;
}
.page-body.skin-destiny.login-page .login-form .login-header .logo span {
    color: #a7bfd6;
}
.page-body.skin-destiny.login-page .login-form .login-header p {
    color: #ffffff;
}
.page-body.skin-destiny.login-page .login-form .form-group .control-label {
    color: #ffffff;
}
.page-body.skin-destiny.login-page .login-form .form-group .form-control.input-dark {
    background: #233140;
    border: 1px solid #E0E0DE;
    color: #a7bfd6;
}
.page-body.skin-destiny.login-page .login-form .form-group .form-control.select2-container .select2-choice {
    background: #233140 !important;
    color: #a7bfd6 !important;
    border-color: #E0E0DE !important;
}

.page-body.skin-destiny.login-page .login-form .form-group .form-control.select2-container .select2-choice .select2-arrow {
    background: #233140;
    color: #a7bfd6;
    border-color: #E0E0DE;
}
.page-body.skin-destiny.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
    color: #7f7f7f;
    opacity: 1;
}
.page-body.skin-destiny.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
    color: #7f7f7f;
}
.page-body.skin-destiny.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: #7f7f7f;
}
.page-body.skin-destiny.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
    color: #7f7f7f;
}
.page-body.skin-destiny.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder {
    color: #7f7f7f;
}
.page-body.skin-destiny.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
    color: #7f7f7f;
}
.page-body.skin-destiny.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
    color: #7f7f7f;
}
.page-body.skin-destiny.login-page .login-form .form-group .form-control.error {
    border-color: rgba(204, 63, 68, .5);
}
.page-body.skin-destiny.login-page .login-form .form-group .btn.btn-dark {
    border-color: #34495e;
    background-color: #053341;
    color: #fff;
}
.page-body.skin-destiny.login-page .login-form .form-group .btn.btn-dark:hover {
    background-color: rgba(52, 73, 94, .3);
}
.page-body.skin-destiny.login-page .login-form .login-footer {
    margin-top: 45px;
}
.page-body.skin-destiny.login-page .login-form a:not(.btn) {
    color: #fff;
}
.page-body.skin-destiny.login-page .login-form a:not(.btn):hover {
    color: #dbe5ee;
}
.page-body.skin-destiny.login-page .login-form .login-footer .info-links {
    font-size: 11px;
    margin-top: 5px;
    color: #c0c2c4;
}
.page-body.skin-destiny.login-page .login-form .login-footer .info-links a {
    color: #c0c2c4;
}
.page-body.skin-destiny.login-page .login-form .login-footer .info-links a:hover {
    color: #fff;
}
.page-body.skin-destiny.login-page .external-login {
    position: relative;
    margin-bottom: 30px;
    padding: 0 30px;
}
.page-body.skin-destiny.login-page .external-login a {
    display: block;
    color: #fff;
    background: #2c2e2f;
    padding: 13px 20px;
    font-size: 15px;
    margin-bottom: 10px;
}
.page-body.skin-destiny.login-page .external-login a i {
    margin-right: 5px;
}
.page-body.skin-destiny.login-page .external-login a:hover {
    background: #454849;
}
.page-body.skin-destiny.login-page .external-login a.facebook {
    background-color: #3b5998;
}
.page-body.skin-destiny.login-page .external-login a.facebook:hover {
    background-color: #2d4373;
}
.page-body.skin-destiny.login-page .external-login a.twitter {
    background-color: #55acee;
}
.page-body.skin-destiny.login-page .external-login a.twitter:hover {
    background-color: #2795e9;
}
.page-body.skin-destiny.login-page .external-login a.gplus {
    background-color: #dd4b39
}
.page-body.skin-destiny.login-page .external-login a.gplus:hover {
    background-color: #c23321
}
.page-body.skin-destiny.login-page.login-light {
    background: #eee;
}
.page-body.skin-destiny.login-page.login-light .errors-container,
.page-body.skin-destiny.login-page.login-light .external-login {
    padding: 0;
}
.page-body.skin-destiny.login-page.login-light .form-group label.error {
    color: rgba(151, 152, 152, .8);
}
.page-body.skin-destiny.login-page.login-light .login-form {
    background: #fff;
    color: #979898;
}
.page-body.skin-destiny.login-page.login-light .login-form .login-footer a {
    color: #68b828;
}
.page-body.skin-destiny.login-page.login-light .login-form .login-footer a:hover {
    color: #508e1f;
}
.page-body.skin-destiny.login-page.login-light .login-form .login-footer .info-links a {
    color: rgba(151, 152, 152, .7);
}
.page-body.skin-destiny.login-page.login-light .login-form .login-footer .info-links a:hover {
    color: #979898;
}
.fica-page {
    padding-top: 30px;
}
.fica-page .login-container {
    max-width: 1200px;
}
@media screen and (max-width: 768px) {
    .page-body.skin-destiny.login-page {
        padding-top: 0;
    }
    .page-body.skin-destiny.login-page .login-form,
    .page-body.skin-destiny.login-page .errors-container,
    .page-body.skin-destiny.login-page .external-login {
        padding-left: 10px;
        padding-right: 10px;
    }
    .page-body.skin-destiny.login-page .errors-container {
        margin-top: 20px;
    }
    .page-body.skin-destiny.login-page.login-light .login-form {
        padding-left: 30px;
        padding-right: 30px;
    }
    .page-body.skin-destiny.login-page.login-light .errors-container,
    .page-body.skin-destiny.login-page.login-light .external-login {
        padding-left: 0;
        padding-right: 0;
    }
    .page-body.skin-destiny.login-page .row {
        margin: 0;
    }
    .fica-page {
        padding-top: 0;
    }
}
.page-body.skin-destiny.lockscreen-page {
    background: #053341;
}
.page-body.skin-destiny.lockscreen-page .lockcreen-form .form-group p {
    color: #a7bfd6;
}
.page-body.skin-destiny.lockscreen-page .lockcreen-form .form-group h3 {
    color: #a7bfd6;
}
.page-body.skin-destiny.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
    border: 1px solid #34495e;
    color: #fff;
}
.page-body.skin-destiny.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, .5);
    opacity: 1;
}
.page-body.skin-destiny.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5);
}
.page-body.skin-destiny.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5);
}
.page-body.skin-destiny.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5);
}
.page-body.skin-destiny.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder {
    color: rgba(255, 255, 255, .5);
}
.page-body.skin-destiny.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, .5);
}
.page-body.skin-destiny.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5);
}
.page-body.skin-destiny.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
    color: #fff;
    border: 1px solid #34495e;
}
.page-body.skin-destiny.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover,
.page-body.skin-destiny.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus {
    /*background-color: rgba(52, 73, 94, .3)*/
    background: #1385c7;
    border-color: #0f4c9c;
}
.page-body.skin-destiny.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #34495e;
    -webkit-box-shadow: 0 0 0 10px #34495e, 0 -10px 0 10px #34495e, 0 -20px 0 10px #34495e, 0 -30px 0 10px #34495e;
    -moz-box-shadow: 0 0 0 10px #34495e, 0 -10px 0 10px #34495e, 0 -20px 0 10px #34495e, 0 -30px 0 10px #34495e;
    box-shadow: 0 0 0 10px #34495e, 0 -10px 0 10px #34495e, 0 -20px 0 10px #34495e, 0 -30px 0 10px #34495e;
}
.page-body.skin-destiny .sidebar-user-info {
    background-color: #233140;
    border-bottom-color: #34495e;
}
.page-body.skin-destiny .sidebar-user-info .user-profile span {
    color: #a7bfd6;
}
.page-body.skin-destiny .sidebar-user-info .user-profile span strong {
    color: #fff;
}
.page-body.skin-destiny .sidebar-user-info .user-links {
    border-top-color: #34495e;
}
.page-body.skin-destiny .sidebar-user-info .user-links li a {
    color: #a7bfd6;
}
.page-body.skin-destiny .sidebar-user-info .user-links li a:hover {
    color: #fff;
    background-color: rgba(52, 73, 94, .25);
}
.page-body.skin-destiny .sidebar-user-info .user-links li.active a {
    color: #fff;
    background-color: rgba(52, 73, 94, .25);
}
.page-body.skin-destiny .sidebar-user-info .user-links li+li a {
    border-left-color: #34495e;
}
@media screen and (min-width: 991px) {
    .sidebar-menu.collapsed .page-body.skin-destiny .sidebar-user-info .sidebar-user-info-inner .user-profile span {
        background-color: #27292a;
    }
    .sidebar-menu.collapsed .page-body.skin-destiny .sidebar-user-info .sidebar-user-info-inner .user-links {
        background-color: #27292a;
    }
}

.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu {
    background: #053341;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.settings-pane-open .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i {
    color: #a7bfd6;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i {
    color: #a7bfd6;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i {
    color: #fff;
}
@media screen and (min-width: 768px) {
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover>a:before {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded>a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        color: #a7bfd6;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a,
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a {
        color: #fff;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav>li {
        border: 0;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active,
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover {
        border-color: transparent;
        background-color: #34495e;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active+li:hover {
        border-left-color: transparent;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav>li>ul {
        border: none;
        -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05);
        -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05);
        box-shadow: 0 2px 8px rgba(0, 1, 1, .05);
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        background: #34495e;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a {
        color: #a7bfd6;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a:after {
        background: #3d566e;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a {
        color: #fff;
        background: #053341;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub>a:before {
        color: #a7bfd6;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul {
        background: #3d566e;
        border-top: 1px solid #435d78;
        border-bottom: 1px solid #435d78;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul {
        background: #384e65;
        border-top-color: #3b536b;
        border-bottom-color: #3b536b;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul a:after {
        background-color: #3b536b;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul {
        background: #3b536b;
        border-top-color: #3b536b;
        border-bottom-color: #3b536b;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul a:after {
        background-color: #3b536b;
    }
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li:hover {
    background: #34495e;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li i {
    color: #a7bfd6;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li>a {
    border: 0;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover {
    background: #34495e;
    color: #fff;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover i {
    color: #fff;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:before {
    background: #68b828;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:focus {
    background: #34495e;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon.notification-icon-messages:before {
    background-color: #7c38bc;
}
.chat-open .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] i {
    color: #fff;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon {
    background-color: #34495e;
    border-color: #3d566e;
    color: #a7bfd6;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon i {
    color: #fff;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon:before {
    display: block;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li>ul {
    border-color: #34495e;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a:focus {
    background-color: #34495e;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span {
    color: #a7bfd6;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span:hover {
    color: #fff;
}
.page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>a {
    background-color: #34495e;
    border-color: #34495e;
}
.page-body.horizontal-menu-skin-destiny .page-loading-overlay {
    background-color: #053341;
}
@media screen and (max-width: 768px) {
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu {
        background: #053341;
        color: #a7bfd6;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.navbar-nav a {
        color: #a7bfd6;
        border-color: #34495e
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.navbar-nav a:hover,
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.navbar-nav a:active,
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.navbar-nav a:focus {
        color: #fff;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a {
        color: #a7bfd6;
    }
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:hover,
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:active,
    .page-body.horizontal-menu-skin-destiny .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:focus {
        color: #fff;
    }
}

.page-body.user-info-navbar-skin-destiny .user-info-navbar {
    background-color: #053341;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li {
    border: 0 solid transparent;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.hover-line:before {
    background: #a7bfd6;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li>a {
    color: #a7bfd6;
    border-bottom: 1px solid transparent;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li>a:hover {
    color: #fff;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li>form {
    border-bottom: 1px solid transparent;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.search-form .btn {
    color: #a7bfd6;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.search-form .btn:hover {
    color: #fff;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.search-form .btn:active,
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.search-form .btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.search-form .search-field {
    border: 1px solid #34495e;
    background: #f3f3f3;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder {
    color: #979898;
    opacity: 1;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder {
    color: #979898;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder {
    color: #979898;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder {
    color: #979898;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder {
    color: #979898;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder {
    color: #979898;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder {
    color: #979898
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn {
    color: #fff;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.open {
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 15;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li.open>a {
    color: #fff;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu {
    background: #34495e;
    border: 1px solid transparent;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a {
    color: #a7bfd6;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after {
    background: #3d566e;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover {
    color: #fff;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a {
    color: #fff;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu>.top a {
    color: #a7bfd6;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover {
    color: #fff;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu>.top p {
    color: #a7bfd6;
    border-bottom: 1px solid #3d566e;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu>.external:after {
    background-color: #3d566e;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu>.external a {
    color: #a7bfd6;
    background-color: #3d566e;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover {
    color: #fff;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after {
    background-color: #3d566e;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after {
    background-color: #8dc63f;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i {
    background: #34495e;
    color: #FFF;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line {
    padding-left: 45px;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i {
    background-color: #FFF;
    color: #444;
    -webkit-box-shadow: 0 0 0 1px #eee;
    -moz-box-shadow: 0 0 0 1px #eee;
    box-shadow: 0 0 0 1px #eee;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a {
    color: #a7bfd6;
    border-bottom: 1px solid #3d566e;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover {
    color: #fff;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last {
    background: #3d566e;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after {
    background: #3d566e;
}
.page-body.user-info-navbar-skin-destiny .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a {
    border-bottom: 0;
}

/* Overwrite Default CSS */

body {
    font-size: 14px;
}

h1,h2,h3,h4 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
}

*, html, body, p, input, label, select, div, table, tr, td, span, button, a, header, footer, nav, ul, ol, li, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
}

input, select, table, tr, td, textarea {
    font-weight: 400;
}

input, button, .btn, .form-control, a.btn {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

input.form-control {
    height: 35px;
}

.select2-container-multi .select2-choices .select2-search-field input {
    height: 35px;
}

textarea.form-control {
    height: 150px;
}

.input-group .form-control {
    border: none;
    border-radius: 4px;
}

.input-group {
    border: 1px solid #e4e4e4;
    border-radius: 6px;
}

.btn>i, .btn-icon>i {
    font-size: 20px;
    vertical-align: sub;
}

.btn-xs>i, .btn-xs.btn-icon>i {
    font-size: 18px;
    vertical-align: sub;
}

.btn-link>i {
    font-size: 14px;
}

.shift-left {
    padding-left: 0px;
}

.login-page .login-form .login-header {
    margin-bottom: 0px;
}

a.logo {
    text-align: center;
    margin-bottom: 40px;
}

.login-page .login-form .login-header .logo img {
    min-height: 80px;
    max-height: 80px;
    height: 80px;
}

.login-page .login-form .login-header p {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.login-page .login-form span {
    font-size: 14px;
}

.login-page .login-form div.login-message {
    margin-bottom: 40px;
}

.login-message {
    text-align: center;
    border-bottom: 1px solid #C5C1C0;
    padding-bottom: 40px;
}

.login-page .custom-login-form .form-group.is-focused .control-label {
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(Opacity=1);
    filter: alpha(opacity=1);
    visibility: visible;
}

.login-image {
    width: 50%;
    position: fixed;
    margin: 0px;
    padding: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.login-background {
    background-image: url('/assets/css/brand/destiny/login.jpg');
}

.reset-background {
    background-image: url('/assets/css/brand/destiny/reset.jpg');
}

.signup-background {
    background-image: url('/assets/css/brand/destiny/signup.jpg');
}

.forgot-text {
    text-align: right;
    padding-top: 10px;
}

.custom-text-primary, .btn.custom-text-primary {
    color: #0f4c9c;
}

.endpoint-list {
    right: 0px;
    left: auto;
}

.user-info-navbar .user-info-menu>li.search-form .search-field {
    right: initial;
    left: 15px;
}

.user-info-navbar .user-info-menu>li.search-form .btn {
    right: -140px;
    top: 5px;
}

.user-info-navbar .user-info-menu>li.search-form.always-visible .search-field, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form.always-visible .search-field {
    height: 100%;
}

.page-container .main-content .page-title .title-env .title {
    text-transform: uppercase;
    font-weight: 500;
}

.page-container .main-content .page-title {
    padding: 12px;
}

.sidebar-menu {
    width: 250px;
}

.sidebar-menu .main-menu {
    padding-left: 0px;
    padding-right: 0px;
}

.page-body.skin-destiny .sidebar-menu .main-menu a {
    padding-left: 15px;
    padding-right: 15px;
}

.sidebar-menu .main-menu a>i {
    margin-right: 30px;
}

.sidebar-menu header.logo-env {
    padding: 15px 30px;
    background: #053341;
}

.sidebar-menu .main-menu ul {
    padding: 0 0 0 55px;
}

.sidebar-menu.collapsed .main-menu ul {
    padding: 0 0 0 0px;
}

.page-body.skin-destiny .sidebar-menu .main-menu li.active ul {
    background: #ffffff;
}

.page-body.skin-destiny .sidebar-menu .main-menu li.active ul li a {
    color: #000000;
}

.page-body.skin-destiny .sidebar-menu .main-menu li.active ul li.active a {
    color: #0f4c9c;
}

.user-info-navbar .user-info-menu>li>form {
    padding: 10px;
}

.user-info-navbar .user-info-menu>li>a {
    padding: 20px;
    border-bottom: none;
}

.table>thead>tr>th {
    text-transform: uppercase;
    white-space: normal;
    word-wrap: normal;
    word-break: normal;
}

.panel.panel-flat .panel-heading {
    border: none;
}

.panel.panel-flat {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.panel .panel-heading>.panel-title {
    font-size: 20px;
    font-weight: 500;
    margin-left: 20px;
    color: #0f4c9c;
}

.panel .panel-heading>.panel-options {
    margin-right: 20px;
}

.btn-transparent {
    background: transparent;
    color: #000000;
}

.btn-transparent.edit:hover {
    background: transparent;
    color: #1385c7;
}

.btn-transparent.delete:hover {
    background: transparent;
    color: #ce2027;
}

.dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter[type=text] {
    height: 35px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #0f4c9c;
    border-color: #0f4c9c;
}

html .select2-container .select2-choice {
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -khtml-border-radius: 4px !important;
    border-radius: 4px !important;
}

.page-icon {
    color: #1385c7;
    font-size: 40px;
    vertical-align: sub;
    margin-right: 15px;
}

.action-container {
    padding: 0px 45px;
}

.nav.nav-tabs+.tab-content {
    padding: 20px;
}

.nav.nav-tabs>li>a {
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -khtml-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

.modal-title {
    font-size: 17px;
    font-weight: 700;
    color: #0f4c9c;
}

.modal-lg {
    width: 1200px;
}

.table-reports {
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url('/assets/images/reports.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.table-reports tbody tr td {
    color: #777;
}

.table>tbody>tr>td {
    vertical-align: middle;
}

.table-striped > tbody > tr:nth-child(odd) {
    background: rgba(249,249,249,0.5);
}

.xe-widget.xe-vertical-counter.xe-vertical-counter-primary {
    background-color: #E4E8E9;
}

.xe-widget.xe-vertical-counter.xe-vertical-counter-primary .xe-icon i {
    border-radius: 50%;
    background: #0f4c9c;
    width: 105px;
    height: 105px;
    display: inline-block;
    line-height: 2;
}

.xe-widget.xe-vertical-counter.xe-vertical-counter-secondary {
    background-color: #0f4c9c;
}

.xe-widget.xe-vertical-counter.xe-vertical-counter-secondary .xe-icon i {
    border-radius: 50%;
    background: #ffffff;
    color: #0f4c9c;
    width: 105px;
    height: 105px;
    display: inline-block;
    line-height: 2;
}

.xe-widget.xe-vertical-counter.xe-vertical-counter-primary .xe-label span {
    color: #000000;
}

.xe-widget.xe-vertical-counter.xe-vertical-counter-primary .xe-label .num {
    color: #0f4c9c;
}

.xe-widget.xe-vertical-counter.xe-vertical-counter-primary.xe-vertical-counter-image {
    background: #E4E8E9;
    z-index: 2;
}

.xe-widget.xe-vertical-counter.xe-vertical-counter-primary.xe-vertical-counter-image:before {
    background-color: #E4E8E9;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    background-size: cover;
    opacity: 0.3;
    content: "";
    z-index: -1;
}

.xe-widget.xe-vertical-counter.xe-vertical-counter-secondary.xe-vertical-counter-image {
    background: #0f4c9c;
    z-index: 2;
}

.xe-widget.xe-vertical-counter.xe-vertical-counter-secondary.xe-vertical-counter-image:before {
    background-color: #0f4c9c;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    background-size: cover;
    opacity: 0.3;
    content: "";
    z-index: -1;
}

.xe-vertical-counter-image.image1:before {
    background-image: url('/assets/images/loyaltycard.jpg');
}

.xe-vertical-counter-image.image2:before {
    background-image: url('/assets/images/cardreplacement.jpg');
}

.xe-vertical-counter-image.image3:before {
    background-image: url('/assets/images/registermember.jpg');
}

.xe-widget.xe-vertical-counter .xe-icon {
    font-size: 50px;
}

.xe-widget.xe-progress-counter.xe-progress-counter-primary {
    background-color: #1385c7;
}

.xe-widget.xe-counter.xe-counter-block-primary {
    background-color: #1385c7;
}

.xe-widget.xe-counter.xe-counter-block-secondary {
    background-color: #0f4c9c;
}

.xe-widget.xe-counter .xe-icon i {
    background: #fff;
    color: #0f4c9c;
    /*width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 50px;*/
}

.xe-widget.xe-counter .xe-label .num {
    color: #fff;
}

.xe-widget.xe-counter .xe-label span {
    color: #fff;
}

.xe-widget.xe-progress-counter {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.xe-widget.xe-progress-counter .xe-lower .detail {
    margin-top: 7px;
}

.xe-widget.xe-progress-counter .xe-lower .detail strong {
    display: inline;
    font-weight: 500;
}

.xe-widget.xe-progress-counter .xe-lower .detail span {
    display: inline;
    margin-left: 10px;
}

.reportPreview {
    border: 2px solid #0f4c9c;
}

.report-wrapper {
    width: 100%;
    overflow: auto;
}

.page-error {
    width: 100%;
    height: 100%;
    text-align: center;
}

.page-error .error-symbol {
    display: none;
}

.page-error h2 {
    font-size: 60px;
}

.page-error h2 small {
    color: #0f4c9c;
    font-size: 15px;
    font-weight: 700;
}

.page-error>p {
    margin-top: 15%;
}

.fica-page .dropzone .dz-preview, .fica-page .dropzone-previews .dz-preview {
    background: #105b75;
}

.fica-page .dropzone .dz-preview .dz-details, .fica-page .dropzone-previews .dz-preview .dz-details {
    background: #0a485c;
}

.fica-page .dropzone a.dz-remove, .fica-page .dropzone-previews a.dz-remove {
    background-image: -webkit-linear-gradient(top, #0284CD, #054EA2);
    background-image: -moz-linear-gradient(top, #0284CD, #054EA2);
    background-image: -o-linear-gradient(top, #0284CD, #054EA2);
    background-image: -ms-linear-gradient(top, #0284CD, #054EA2);
    background-image: linear-gradient(to bottom, #0284CD, #054EA2);
    border: 1px solid #054EA2;
    cursor: pointer;
}

.fica-page .dropzone .dz-default.dz-message {
    background-image: url("/assets/js/dropzone/images/spritemap-white.png");
}

.faq-list li {
    margin-bottom: 20px;
}

.faq-list li span {
    font-weight: bold;
    color: #555;
}

.faq-list li ul {
    list-style: none;
    padding-left: 0px;
}

.policy-container ol {
    padding-left: 0px;
    margin-top: 20px;
}

.policy-container ol li {
    font-weight: bold;
    color: #555;
}

.policy-container ul {
    padding-left: 0px;
    list-style: none;
}

.policy-container ul li {
    margin-top: 5px;
}

.policy-container table thead th {
    color: #555;
}

.policy-container table th, .policy-container table td {
    padding: 5px;
}

.brand-logo {
    width: 100%;
    height: 150px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.default-logo {
    background-image: url('/assets/images/log.png');
}

.default-start-image {
    content:url("/assets/images/start.png");
}

.faq-card-image {
    content:url("/assets/images/faq-card.jpg");
}

footer.main-footer .go-up a {
    padding: 10px 15px;
    background-color: #0f4c9c;
    color: #fff;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

footer.main-footer .go-up a:hover {
    background-color: #1385c7;
}

@media (min-width:768px) {
    .login-container {
        margin-left: 5%;
    }
    .fica-page .login-container {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .login-image {
        visibility: hidden;
        display: none;
    }

    .login-page .login-form .form-group.row {
        margin-bottom: 5px;
    }

    .forgot-text {
        padding-left: 0px;
        padding-top: 0px;
    }

    .panel {
        padding: 10px;
    }

    .nav.nav-tabs+.tab-content {
        padding: 10px;
    }

    .shift-left {
        padding-left: 10px;
    }

    .nav.nav-tabs>li>a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .fica-page .dropzone .dz-default.dz-message {
        background-image: url("/assets/js/dropzone/images/dz-background.png");
        background-size: 256px 256px;
        background-position: center center;
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-top: auto;
        top: 0px;
        left: 0px;
    }
}