/* ----------------------------------------------- */
/* ############### 3.10 Navigation ############### */
/* ----------------------------------------------- */
.nav-tabs-for-dark .nav-link {
    color: rgba(255, 255, 255, 0.8); }
.nav-tabs-for-dark .nav-link.active {
    border-color: transparent; }
.nav-tabs-for-dark .nav-link:hover, .nav-tabs-for-dark .nav-link:focus {
    color: #fff; }

.nav-style-1 .nav-link {
    color: #6c757d;
    font-size: 13px;
    display: block;
    border-radius: 2px; }
.nav-style-1 .nav-link:hover, .nav-style-1 .nav-link:focus {
    background-color: #e9ecef;
    color: #495057; }

.nav-style-1 i {
    display: inline-block;
    width: 20px;
    font-size: 20px;
    margin-right: 7px;
    vertical-align: middle;
    line-height: 14px; }

.nav-style-2 .nav-link {
    color: #6c757d;
    font-size: 13px;
    display: block;
    position: relative;
    transition: all 0.2s ease-in-out; }
@media screen and (prefers-reduced-motion: reduce) {
    .nav-style-2 .nav-link {
        transition: none; } }
.nav-style-2 .nav-link + .nav-link {
    border-top: 1px solid #e9ecef; }
.nav-style-2 .nav-link:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
.nav-style-2 .nav-link:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
.nav-style-2 .nav-link::before {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: 0;
    border-left: 3px solid #17A2B8;
    opacity: 0;
    transition: all 0.2s ease-in-out; }
@media screen and (prefers-reduced-motion: reduce) {
    .nav-style-2 .nav-link::before {
        transition: none; } }
.nav-style-2 .nav-link:hover, .nav-style-2 .nav-link:focus {
    color: #495057; }
.nav-style-2 .nav-link:hover i, .nav-style-2 .nav-link:focus i {
    color: #17A2B8; }
.nav-style-2 .nav-link:hover::before, .nav-style-2 .nav-link:focus::before {
    opacity: 1; }
.nav-style-2 .nav-link.active, .nav-style-2 .nav-link.active:hover, .nav-style-2 .nav-link.active:focus {
    color: #495057; }
.nav-style-2 .nav-link.active i, .nav-style-2 .nav-link.active:hover i, .nav-style-2 .nav-link.active:focus i {
    color: #17A2B8; }
.nav-style-2 .nav-link.active::before, .nav-style-2 .nav-link.active:hover::before, .nav-style-2 .nav-link.active:focus::before {
    opacity: 1; }

.nav-style-2 i {
    display: inline-block;
    width: 20px;
    font-size: 20px;
    margin-right: 7px;
    vertical-align: middle;
    line-height: 14px;
    color: #adb5bd;
    transition: all 0.2s ease-in-out; }
@media screen and (prefers-reduced-motion: reduce) {
    .nav-style-2 i {
        transition: none; } }

.nav-tabs-style-1 {
    background-color: #e9ecef;
    border: 0; }
.nav-tabs-style-1 .nav-link {
    border: 0;
    color: #6c757d;
    border-radius: 0; }
.nav-tabs-style-1 .nav-link:first-child {
    border-top-left-radius: 2px; }
.nav-tabs-style-1 .nav-link:last-child {
    border-top-right-radius: 2px; }
.nav-tabs-style-1 .nav-link.active {
    background-color: #fff;
    color: #343a40; }

.nav-gray-600 .nav-link {
    color: #6c757d; }
.nav-gray-600 .nav-link:hover, .nav-gray-600 .nav-link:focus {
    color: #343a40;
    background-color: transparent; }
.nav-gray-600 .nav-link.active, .nav-gray-600 .nav-link.active:hover, .nav-gray-600 .nav-link.active:focus {
    color: #343a40;
    background-color: transparent; }

.nav-gray-700 .nav-link {
    color: #495057; }
.nav-gray-700 .nav-link:hover, .nav-gray-700 .nav-link:focus {
    color: #212529;
    background-color: transparent; }
.nav-gray-700 .nav-link.active, .nav-gray-700 .nav-link.active:hover, .nav-gray-700 .nav-link.active:focus {
    color: #212529;
    background-color: transparent; }

.nav-white-800 .nav-link {
    color: rgba(255, 255, 255, 0.8); }
.nav-white-800 .nav-link:hover, .nav-white-800 .nav-link:focus {
    color: #fff;
    background-color: transparent; }
.nav-white-800 .nav-link.active, .nav-white-800 .nav-link.active:hover, .nav-white-800 .nav-link.active:focus {
    color: #fff;
    background-color: transparent; }

.nav-pills .nav-link {
    color: #495057; }
.nav-pills .nav-link:hover, .nav-pills .nav-link:focus {
    color: #343a40;
    background-color: transparent; }
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    color: #fff;
    background-color: #17A2B8; }

.nav-pills-for-dark .nav-link {
    color: rgba(255, 255, 255, 0.7); }
.nav-pills-for-dark .nav-link:hover, .nav-pills-for-dark .nav-link:focus {
    color: #fff;
    background-color: transparent; }
.nav-pills-for-dark .nav-link.active, .nav-pills-for-dark .nav-link.active:hover, .nav-pills-for-dark .nav-link.active:focus {
    color: #fff;
    background-color: #17A2B8; }

.nav.active-primary .nav-link.active {
    color: #0866C6; }

.nav.active-success .nav-link.active {
    color: #23BF08; }

.nav.active-warning .nav-link.active {
    color: #F49917; }

.nav.active-danger .nav-link.active {
    color: #DC3545; }

.nav.active-info .nav-link.active {
    color: #17A2B8; }

.nav.active-indigo .nav-link.active {
    color: #6610f2; }

.nav.active-purple .nav-link.active {
    color: #6f42c1; }

.nav.active-pink .nav-link.active {
    color: #e83e8c; }

.nav.active-teal .nav-link.active {
    color: #1CAF9A; }

.nav.active-orange .nav-link.active {
    color: #f27510; }

.nav-outline {
    height: 100%; }
.nav-outline .nav-item {
    height: 100%; }
.nav-outline .nav-link {
    color: #6c757d;
    position: relative;
    height: 100%;
    /*display: flex;*/
    align-items: center; }
.nav-outline .nav-link::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    border-left: 3px solid #343a40;
    opacity: 0;
    transition: all 0.2s ease-in-out; }
@media screen and (prefers-reduced-motion: reduce) {
    .nav-outline .nav-link::before {
        transition: none; } }
.nav-outline .nav-link:hover, .nav-outline .nav-link:focus {
    color: #343a40; }
.nav-outline .nav-link.active, .nav-outline .nav-link.active:hover, .nav-outline .nav-link.active:focus {
    color: #343a40; }
.nav-outline .nav-link.active::before, .nav-outline .nav-link.active:hover::before, .nav-outline .nav-link.active:focus::before {
    opacity: 1; }
.nav-outline.flex-row .nav-item, .nav-outline.flex-xs-row .nav-item, .nav-outline.flex-sm-row .nav-item, .nav-outline.flex-md-row .nav-item, .nav-outline.flex-lg-row .nav-item, .nav-outline.flex-xl-row .nav-item {
    padding-left: 1rem;
    padding-right: 1rem; }
.nav-outline.flex-row .nav-link, .nav-outline.flex-xs-row .nav-link, .nav-outline.flex-sm-row .nav-link, .nav-outline.flex-md-row .nav-link, .nav-outline.flex-lg-row .nav-link, .nav-outline.flex-xl-row .nav-link {
    padding-left: 0;
    padding-right: 0; }
.nav-outline.flex-row .nav-link::before, .nav-outline.flex-xs-row .nav-link::before, .nav-outline.flex-sm-row .nav-link::before, .nav-outline.flex-md-row .nav-link::before, .nav-outline.flex-lg-row .nav-link::before, .nav-outline.flex-xl-row .nav-link::before {
    border-left: 0;
    right: 0;
    border-bottom: 3px solid #343a40; }
.nav-outline.nav-outline-for-dark .nav-link {
    color: rgba(255, 255, 255, 0.8); }
.nav-outline.nav-outline-for-dark .nav-link::before {
    border-color: #fff; }
.nav-outline.nav-outline-for-dark .nav-link:hover, .nav-outline.nav-outline-for-dark .nav-link:focus {
    color: #fff; }
.nav-outline.nav-outline-for-dark .nav-link.active, .nav-outline.nav-outline-for-dark .nav-link.active:hover, .nav-outline.nav-outline-for-dark .nav-link.active:focus {
    color: #fff; }
.nav-outline.active-primary .nav-link.active, .nav-outline.active-primary .nav-link.active:hover, .nav-outline.active-primary .nav-link.active:focus {
    color: #0866C6; }
.nav-outline.active-primary .nav-link.active::before, .nav-outline.active-primary .nav-link.active:hover::before, .nav-outline.active-primary .nav-link.active:focus::before {
    border-color: #0866C6; }
.nav-outline.active-success .nav-link.active, .nav-outline.active-success .nav-link.active:hover, .nav-outline.active-success .nav-link.active:focus {
    color: #23BF08; }
.nav-outline.active-success .nav-link.active::before, .nav-outline.active-success .nav-link.active:hover::before, .nav-outline.active-success .nav-link.active:focus::before {
    border-color: #23BF08; }
.nav-outline.active-warning .nav-link.active, .nav-outline.active-warning .nav-link.active:hover, .nav-outline.active-warning .nav-link.active:focus {
    color: #F49917; }
.nav-outline.active-warning .nav-link.active::before, .nav-outline.active-warning .nav-link.active:hover::before, .nav-outline.active-warning .nav-link.active:focus::before {
    border-color: #F49917; }
.nav-outline.active-danger .nav-link.active, .nav-outline.active-danger .nav-link.active:hover, .nav-outline.active-danger .nav-link.active:focus {
    color: #DC3545; }
.nav-outline.active-danger .nav-link.active::before, .nav-outline.active-danger .nav-link.active:hover::before, .nav-outline.active-danger .nav-link.active:focus::before {
    border-color: #DC3545; }
.nav-outline.active-info .nav-link.active, .nav-outline.active-info .nav-link.active:hover, .nav-outline.active-info .nav-link.active:focus {
    color: #17A2B8; }
.nav-outline.active-info .nav-link.active::before, .nav-outline.active-info .nav-link.active:hover::before, .nav-outline.active-info .nav-link.active:focus::before {
    border-color: #17A2B8; }
.nav-outline.active-orange .nav-link.active, .nav-outline.active-orange .nav-link.active:hover, .nav-outline.active-orange .nav-link.active:focus {
    color: #f27510; }
.nav-outline.active-orange .nav-link.active::before, .nav-outline.active-orange .nav-link.active:hover::before, .nav-outline.active-orange .nav-link.active:focus::before {
    border-color: #f27510; }
.nav-outline.active-indigo .nav-link.active, .nav-outline.active-indigo .nav-link.active:hover, .nav-outline.active-indigo .nav-link.active:focus {
    color: #6610f2; }
.nav-outline.active-indigo .nav-link.active::before, .nav-outline.active-indigo .nav-link.active:hover::before, .nav-outline.active-indigo .nav-link.active:focus::before {
    border-color: #6610f2; }
.nav-outline.active-purple .nav-link.active, .nav-outline.active-purple .nav-link.active:hover, .nav-outline.active-purple .nav-link.active:focus {
    color: #6f42c1; }
.nav-outline.active-purple .nav-link.active::before, .nav-outline.active-purple .nav-link.active:hover::before, .nav-outline.active-purple .nav-link.active:focus::before {
    border-color: #6f42c1; }
.nav-outline.active-pink .nav-link.active, .nav-outline.active-pink .nav-link.active:hover, .nav-outline.active-pink .nav-link.active:focus {
    color: #e83e8c; }
.nav-outline.active-pink .nav-link.active::before, .nav-outline.active-pink .nav-link.active:hover::before, .nav-outline.active-pink .nav-link.active:focus::before {
    border-color: #e83e8c; }
.nav-outline.active-teal .nav-link.active, .nav-outline.active-teal .nav-link.active:hover, .nav-outline.active-teal .nav-link.active:focus {
    color: #1CAF9A; }
.nav-outline.active-teal .nav-link.active::before, .nav-outline.active-teal .nav-link.active:hover::before, .nav-outline.active-teal .nav-link.active:focus::before {
    border-color: #1CAF9A; }

.nav-effect-1 {
    height: 100%;
    align-items: center; }
.nav-effect-1 .nav-item {
    height: 100%;
    margin: 0 0px; }
.nav-effect-1 .nav-link {
    height: 100%;
    position: relative;
    /*display: flex;*/
    align-items: center;
    text-align: center;
    color: #6c757d;
    -webkit-transition: color 0.4s;
    transition: color 0.4s; }
.nav-effect-1 .nav-link:hover, .nav-effect-1 .nav-link:focus {
    color: #343a40; }
.nav-effect-1 .nav-link::before, .nav-effect-1 .nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #17A2B8;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s; }
.nav-effect-1 .nav-link::before {
    top: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%; }
.nav-effect-1 .nav-link::after {
    bottom: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%; }
.nav-effect-1 .nav-link.active {
    color: #17A2B8; }
.nav-effect-1 .nav-link.active::before, .nav-effect-1 .nav-link.active::after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s; }

.nav-effect-2 {
    height: 100%;
    align-items: center; }
.nav-effect-2 .nav-item {
    height: 100%;
    margin: 0 5px; }
.nav-effect-2 .nav-link {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    color: #6c757d;
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }
.nav-effect-2 .nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 1rem;
    right: 1rem;
    height: 4px;
    background: #17A2B8;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.1s;
    transition: transform 0.1s; }
.nav-effect-2 .nav-link:hover, .nav-effect-2 .nav-link:focus {
    color: #e9ecef; }
.nav-effect-2 .nav-link.active {
    color: #17A2B8; }
.nav-effect-2 .nav-link.active::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; }

.nav-effect-3 .nav-item::before,
.nav-effect-3 .nav-item::after,
.nav-effect-3 .nav-link::before,
.nav-effect-3 .nav-link::after {
    content: '';
    position: absolute;
    background: #e83e8c;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s; }

.nav-effect-3 .nav-item {
    margin: 0 5px;
    position: relative; }
.nav-effect-3 .nav-item.current .nav-link {
    color: #e83e8c; }
.nav-effect-3 .nav-item::before, .nav-effect-3 .nav-item::after {
    top: 0;
    width: 2px;
    height: 100%;
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1); }
.nav-effect-3 .nav-item::before {
    left: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; }
.nav-effect-3 .nav-item::after {
    right: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%; }

.nav-effect-3 .nav-link {
    position: relative;
    display: block;
    text-align: center;
    color: #6c757d;
    -webkit-transition: color 0.4s;
    transition: color 0.4s; }
.nav-effect-3 .nav-link:hover, .nav-effect-3 .nav-link:focus {
    color: #343a40; }
.nav-effect-3 .nav-link::before, .nav-effect-3 .nav-link::after {
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1); }
.nav-effect-3 .nav-link::before {
    top: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%; }
.nav-effect-3 .nav-link::after {
    bottom: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%; }

.nav-effect-3 .current::before, .nav-effect-3 .current::after,
.nav-effect-3 .current .nav-link::before,
.nav-effect-3 .current .nav-link::after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s; }

.nav-effect-4 .nav-item {
    margin: 0 5px; }

.nav-effect-4 .nav-link {
    position: relative;
    display: block;
    width: 100px;
    color: #adb5bd;
    -webkit-transition: color 0.2s;
    transition: color 0.2s; }
.nav-effect-4 .nav-link:hover, .nav-effect-4 .nav-link:focus {
    color: #fff; }
.nav-effect-4 .nav-link::before, .nav-effect-4 .nav-link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #F49917;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s; }
.nav-effect-4 .nav-link::before {
    border-width: 0 2px;
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%; }
.nav-effect-4 .nav-link::after {
    border-width: 2px 0;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s; }
.nav-effect-4 .nav-link.active {
    color: #F49917; }
.nav-effect-4 .nav-link.active::before, .nav-effect-4 .nav-link.active::after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

.nav-effect-5 {
    align-items: center; }
.nav-effect-5 .nav-link::before, .nav-effect-5 .nav-link::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s; }
.nav-effect-5 .nav-link::before {
    margin-right: 10px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px); }
.nav-effect-5 .nav-link::after {
    margin-left: 10px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px); }
.nav-effect-5 .nav-link:hover::before, .nav-effect-5 .nav-link:hover::after, .nav-effect-5 .nav-link:focus::before, .nav-effect-5 .nav-link:focus::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px); }
.nav-effect-5 .nav-link.active::before, .nav-effect-5 .nav-link.active::after, .nav-effect-5 .nav-link.active:hover::before, .nav-effect-5 .nav-link.active:hover::after, .nav-effect-5 .nav-link.active:focus::before, .nav-effect-5 .nav-link.active:focus::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px); }

.nav-effect-6 {
    align-items: center; }
.nav-effect-6 .nav-item {
    margin: 0; }
.nav-effect-6 .nav-link {
    color: #fff;
    padding-left: 0;
    padding-right: 0;
    line-height: 44px;
    perspective: 1000px; }
.nav-effect-6 .nav-link span {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    background-color: #17A2B8;
    transition: transform 0.3s;
    transform-origin: 50% 0;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
.nav-effect-6 .nav-link span::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0965a0;
    content: attr(data-hover);
    transition: background-color 0.3s;
    transform: rotateX(-90deg);
    transform-origin: 50% 0;
    text-align: center; }
.nav-effect-6 .nav-link:hover span, .nav-effect-6 .nav-link:focus span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px); }
.nav-effect-6 .nav-link:hover span::before, .nav-effect-6 .nav-link:focus span::before {
    background-color: #0866C6; }
.nav-effect-6 .nav-link.active span, .nav-effect-6 .nav-link.active:hover span, .nav-effect-6 .nav-link.active:focus span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px); }
.nav-effect-6 .nav-link.active span::before, .nav-effect-6 .nav-link.active:hover span::before, .nav-effect-6 .nav-link.active:focus span::before {
    background-color: #0866C6; }

.nav-effect-7 {
    align-items: center; }
.nav-effect-7 .nav-item {
    padding-left: 10px;
    padding-right: 10px; }
.nav-effect-7 .nav-link {
    position: relative;
    padding: 10px;
    color: #6c757d;
    font-weight: 700;
    text-shadow: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s; }
.nav-effect-7 .nav-link::before, .nav-effect-7 .nav-link::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #DC3545;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px); }
.nav-effect-7 .nav-link::before {
    top: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px); }
.nav-effect-7 .nav-link::after {
    bottom: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px); }
.nav-effect-7 .nav-link:hover, .nav-effect-7 .nav-link:focus {
    color: #DC3545; }
.nav-effect-7 .nav-link:hover::before, .nav-effect-7 .nav-link:hover::after, .nav-effect-7 .nav-link:focus::before, .nav-effect-7 .nav-link:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px); }

.nav-effect-8 {
    align-items: center; }
.nav-effect-8 .nav-item {
    padding-left: 15px;
    padding-right: 15px; }
.nav-effect-8 .nav-item + .nav-item {
    margin-top: 25px; }
@media (min-width: 768px) {
    .nav-effect-8.flex-md-row .nav-item + .nav-item {
        margin-top: 0; } }
.nav-effect-8 .nav-link {
    position: relative;
    overflow: hidden;
    padding: 0 5px;
    height: 20px;
    color: rgba(255, 255, 255, 0.75); }
.nav-effect-8 .nav-link span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s; }
.nav-effect-8 .nav-link span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    font-weight: 700;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #23BF08; }
.nav-effect-8 .nav-link:hover span, .nav-effect-8 .nav-link:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%); }

/* ----------------------------------------------- */
/* ############### 3.10 END Navigation ############### */
/* ----------------------------------------------- */

/* ------------------------------------------- */
/* ############### 3.14 Tables ############### */
/* ------------------------------------------- */
table.dataTable {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
table.dataTable thead>tr>th {
    cursor: pointer;
    /**cursor: hand;*/
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: #343a40;
    letter-spacing: 0.5px;
    /* border-bottom: 1px solid #dee2e6; */
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    top: 6px;
    /* left: 26px; */
    /* display: none; */
}

.dataTables_length label select {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background: url('https://api.iconify.design/dashicons:arrow-down-alt2.svg') no-repeat 85% center;
}

h4.modal-title {
    color: #343a40;
    text-transform: uppercase;
    font-size: 14px;
}

table.dataTable thead .sorting:after {
    opacity: 1;
    content: "\e252"!important;
    color: #ced4da;
    font-family: 'Glyphicons Halflings';
    position: absolute;
    z-index: 10;
    top: 16px !important;
    right: 8px !important;
}

table.dataTable thead .sorting:before {
    opacity: 1;
    content: "\e253"!important;
    color: #ced4da;
    font-family: 'Glyphicons Halflings';
    position: absolute;
    z-index: 10;
    top: 9px !important;
    right: 8px !important;
}

table.dataTable thead .sorting_asc::after {
    opacity: 1;
    content: "\e252"!important;
    color: #17A2B8;
    font-family: 'Glyphicons Halflings';
    position: absolute;
    z-index: 10;
    top: 16px !important;
    right: 8px !important;
}

table.dataTable thead .sorting_asc::before {
    opacity: 1;
    content: "\e253"!important;
    color: #ced4da;
    font-family: 'Glyphicons Halflings';
    position: absolute;
    z-index: 10;
    top: 9px !important;
    right: 8px !important;
}

table.dataTable thead .sorting_desc::after {
    opacity: 1;
    content: "\e252"!important;
    color: #ced4da;
    font-family: 'Glyphicons Halflings';
    position: absolute;
    z-index: 10;
    top: 16px !important;
    right: 8px !important;
}

table.dataTable thead .sorting_desc::before {
    opacity: 1;
    content: "\e253"!important;
    color: #17A2B8;
    font-family: 'Glyphicons Halflings';
    position: absolute;
    z-index: 10;
    top: 9px !important;
    right: 8px !important;
}

.glyphicon-sort::before {
    content: "\e252"!important;
}

.glyphicon-sort::after {
    content: "\e252"!important;
}

.table thead tr th:first-child {
    /* border-left: 1px solid #dcdcdc */
}

.table thead tr th:last-child {
    /* border-right: 1px solid #dcdcdc */
}

.table>thead>tr>th {
    border-bottom: 0;
    vertical-align: middle;
    color: #2d2d2d;
    font-weight: 400
}

.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 10px 10px 5px 10px
}


/*.table {*/
/*    border-collapse: separate;*/
/*    border-spacing: 0; }*/
/*.table th.valign-middle,*/
/*.table td.valign-middle {*/
/*    vertical-align: middle; }*/
/*.table thead > tr > th,*/
/*.table tfoot > tr > th {*/
/*    border-top: 0;*/
/*    border-bottom: 0;*/
/*    font-weight: 700;*/
/*    font-size: 12px;*/
/*    text-transform: uppercase;*/
/*    color: #343a40;*/
/*    letter-spacing: 0.5px; }*/
/*.table .thead-colored > tr > th,*/
/*.table .thead-colored > tr > td {*/
/*    font-weight: 500;*/
/*    color: rgba(255, 255, 255, 0.75);*/
/*    border-color: rgba(255, 255, 255, 0.2);*/
/*    border-bottom-width: 0;*/
/*    border-top-width: 0; }*/
/*.table .thead-colored > tr > th:first-child,*/
/*.table .thead-colored > tr > td:first-child {*/
/*    border-top-left-radius: 3px; }*/
/*.table .thead-colored > tr > th:last-child,*/
/*.table .thead-colored > tr > td:last-child {*/
/*    border-top-right-radius: 3px; }*/
/*.table .thead-colored + tbody > tr:first-child > td,*/
/*.table .thead-colored + tbody > tr:first-child > th {*/
/*    border-top-width: 0; }*/
/*.table .thead-primary > tr > th, .table .thead-primary > tr > td {*/
/*    background-color: #0866C6; }*/
/*.table .thead-success > tr > th, .table .thead-success > tr > td {*/
/*    background-color: #23BF08; }*/
/*.table .thead-warning > tr > th, .table .thead-warning > tr > td {*/
/*    background-color: #F49917; }*/
/*.table .thead-danger > tr > th, .table .thead-danger > tr > td {*/
/*    background-color: #DC3545; }*/
/*.table .thead-info > tr > th, .table .thead-info > tr > td {*/
/*    background-color: #17A2B8; }*/
/*.table .thead-teal > tr > th, .table .thead-teal > tr > td {*/
/*    background-color: #1CAF9A; }*/
/*.table .thead-indigo > tr > th, .table .thead-indigo > tr > td {*/
/*    background-color: #6610f2; }*/
/*.table .thead-purple > tr > th, .table .thead-purple > tr > td {*/
/*    background-color: #6f42c1; }*/
/*.table .thead-pink > tr > th, .table .thead-pink > tr > td {*/
/*    background-color: #e83e8c; }*/
/*.table .thead-orange > tr > th, .table .thead-orange > tr > td {*/
/*    background-color: #f27510; }*/
/*.table .thead-dark > tr > th, .table .thead-dark > tr > td {*/
/*    background-color: #343a40; }*/
/*.table .thead-light > tr > th, .table .thead-light > tr > td {*/
/*    background-color: #e9ecef;*/
/*    color: #343a40; }*/
/*.table tbody > tr > th {*/
/*    color: #343a40;*/
/*    font-weight: 500; }*/

/*.table-bordered {*/
/*    border: 0; }*/
/*.table-bordered > thead > tr > th,*/
/*.table-bordered > thead > tr > td {*/
/*    border-bottom: 1px solid #e9ecef;*/
/*    border-top: 0;*/
/*    border-right-width: 0; }*/
/*.table-bordered > thead > tr > th:first-child,*/
/*.table-bordered > thead > tr > td:first-child {*/
/*    border-left-width: 0; }*/
/*.table-bordered > tbody > tr > th,*/
/*.table-bordered > tbody > tr > td {*/
/*    border-right-width: 0;*/
/*    border-top-width: 0; }*/
/*.table-bordered > tbody > tr > th:first-child,*/
/*.table-bordered > tbody > tr > td:first-child {*/
/*    border-left-width: 0; }*/
/*.table-bordered > tbody > tr:last-child > th,*/
/*.table-bordered > tbody > tr:last-child > td {*/
/*    border-bottom-width: 0; }*/

/*.table-colored {*/
/*    border-collapse: separate;*/
/*    border-spacing: 0;*/
/*    border-width: 0;*/
/*    border-radius: 3px; }*/
/*.table-colored > thead > tr > th,*/
/*.table-colored > thead > tr > td {*/
/*    color: rgba(255, 255, 255, 0.75);*/
/*    font-weight: 500;*/
/*    border-top: 0; }*/
/*.table-colored > thead > tr:first-child > th:first-child,*/
/*.table-colored > thead > tr:first-child > td:first-child {*/
/*    border-top-left-radius: 3px; }*/
/*.table-colored > thead > tr:first-child > th:last-child,*/
/*.table-colored > thead > tr:first-child > td:last-child {*/
/*    border-top-right-radius: 3px; }*/
/*.table-colored > tbody > tr > th,*/
/*.table-colored > tbody > tr > td {*/
/*    color: #fff;*/
/*    border-color: rgba(255, 255, 255, 0.4); }*/
/*.table-colored > tbody > tr:first-child > th,*/
/*.table-colored > tbody > tr:first-child > td {*/
/*    border-top-width: 0; }*/
/*.table-colored > tbody > tr:last-child > th,*/
/*.table-colored > tbody > tr:last-child > td {*/
/*    border-bottom-width: 0; }*/
/*.table-colored.table-bordered thead tr > th,*/
/*.table-colored.table-bordered thead tr > td {*/
/*    border-top: 0;*/
/*    border-bottom: 0;*/
/*    border-color: rgba(255, 255, 255, 0.3); }*/
/*.table-colored.table-bordered thead tr > th:first-child,*/
/*.table-colored.table-bordered thead tr > td:first-child {*/
/*    border-left-width: 0; }*/
/*.table-colored.table-bordered thead tr > th:last-child,*/
/*.table-colored.table-bordered thead tr > td:last-child {*/
/*    border-right-width: 0; }*/
/*.table-colored.table-bordered tbody tr > th:first-child,*/
/*.table-colored.table-bordered tbody tr > td:first-child {*/
/*    border-left-width: 0; }*/
/*.table-colored.table-bordered tbody tr > th:last-child,*/
/*.table-colored.table-bordered tbody tr > td:last-child {*/
/*    border-right-width: 0; }*/
/*.table-colored.table-bordered tbody tr:last-child > th:first-child,*/
/*.table-colored.table-bordered tbody tr:last-child > td:first-child {*/
/*    border-bottom-left-radius: 3px; }*/
/*.table-colored.table-bordered tbody tr:last-child > th:last-child,*/
/*.table-colored.table-bordered tbody tr:last-child > td:last-child {*/
/*    border-bottom-right-radius: 3px; }*/

/*.table-primary > thead > tr > th,*/
/*.table-primary > thead > tr > td {*/
/*    background-color: #0866C6; }*/

/*.table-primary > tbody > tr > th,*/
/*.table-primary > tbody > tr > td {*/
/*    background-color: #d0e6fd;*/
/*    color: #043364; }*/

/*.table-primary.table-striped tbody tr:nth-of-type(2n+1) {*/
/*    background-color: transparent; }*/
/*.table-primary.table-striped tbody tr:nth-of-type(2n+1) > th,*/
/*.table-primary.table-striped tbody tr:nth-of-type(2n+1) > td {*/
/*    background-color: #b7d9fc; }*/

/*.table-success > thead > tr > th,*/
/*.table-success > thead > tr > td {*/
/*    background-color: #23BF08; }*/

/*.table-success > tbody > tr > th,*/
/*.table-success > tbody > tr > td {*/
/*    background-color: #d1fdc9;*/
/*    color: #115d04; }*/

/*.table-success.table-striped tbody tr:nth-of-type(2n+1) {*/
/*    background-color: transparent; }*/
/*.table-success.table-striped tbody tr:nth-of-type(2n+1) > th,*/
/*.table-success.table-striped tbody tr:nth-of-type(2n+1) > td {*/
/*    background-color: #bcfcb1; }*/

/*.table-warning > thead > tr > th,*/
/*.table-warning > thead > tr > td {*/
/*    background-color: #F49917; }*/

/*.table-warning > tbody > tr > th,*/
/*.table-warning > tbody > tr > td {*/
/*    background-color: #fdefda;*/
/*    color: #9e6007; }*/

/*.table-warning.table-striped tbody tr:nth-of-type(2n+1) {*/
/*    background-color: transparent; }*/
/*.table-warning.table-striped tbody tr:nth-of-type(2n+1) > th,*/
/*.table-warning.table-striped tbody tr:nth-of-type(2n+1) > td {*/
/*    background-color: #fce4c1; }*/

/*.table-danger > thead > tr > th,*/
/*.table-danger > thead > tr > td {*/
/*    background-color: #DC3545; }*/

/*.table-danger > tbody > tr > th,*/
/*.table-danger > tbody > tr > td {*/
/*    background-color: #fae3e5;*/
/*    color: #921925; }*/

/*.table-danger.table-striped tbody tr:nth-of-type(2n+1) {*/
/*    background-color: transparent; }*/
/*.table-danger.table-striped tbody tr:nth-of-type(2n+1) > th,*/
/*.table-danger.table-striped tbody tr:nth-of-type(2n+1) > td {*/
/*    background-color: #f6cdd1; }*/

/*.table-info > thead > tr > th,*/
/*.table-info > thead > tr > td {*/
/*    background-color: #17A2B8; }*/

/*.table-info > tbody > tr > th,*/
/*.table-info > tbody > tr > td {*/
/*    background-color: #beeff7;*/
/*    color: #0c525d; }*/

/*.table-info.table-striped tbody tr:nth-of-type(2n+1) {*/
/*    background-color: transparent; }*/
/*.table-info.table-striped tbody tr:nth-of-type(2n+1) > th,*/
/*.table-info.table-striped tbody tr:nth-of-type(2n+1) > td {*/
/*    background-color: #a7e9f4; }*/

/*.table-teal > thead > tr > th,*/
/*.table-teal > thead > tr > td {*/
/*    background-color: #1CAF9A; }*/

/*.table-teal > tbody > tr > th,*/
/*.table-teal > tbody > tr > td {*/
/*    background-color: #a6f1e6;*/
/*    color: #0e574d; }*/

/*.table-teal.table-striped tbody tr:nth-of-type(2n+1) {*/
/*    background-color: transparent; }*/
/*.table-teal.table-striped tbody tr:nth-of-type(2n+1) > th,*/
/*.table-teal.table-striped tbody tr:nth-of-type(2n+1) > td {*/
/*    background-color: #90ede0; }*/

/*.table-indigo > thead > tr > th,*/
/*.table-indigo > thead > tr > td {*/
/*    background-color: #6610f2; }*/

/*.table-indigo > tbody > tr > th,*/
/*.table-indigo > tbody > tr > td {*/
/*    background-color: #e2d1fd;*/
/*    color: #3d0894; }*/

/*.table-indigo.table-striped tbody tr:nth-of-type(2n+1) {*/
/*    background-color: transparent; }*/
/*.table-indigo.table-striped tbody tr:nth-of-type(2n+1) > th,*/
/*.table-indigo.table-striped tbody tr:nth-of-type(2n+1) > td {*/
/*    background-color: #d2b9fb; }*/

/*.table-purple > thead > tr > th,*/
/*.table-purple > thead > tr > td {*/
/*    background-color: #6f42c1; }*/

/*.table-purple > tbody > tr > th,*/
/*.table-purple > tbody > tr > td {*/
/*    background-color: #e4dcf3;*/
/*    color: #432776; }*/

/*.table-purple.table-striped tbody tr:nth-of-type(2n+1) {*/
/*    background-color: transparent; }*/
/*.table-purple.table-striped tbody tr:nth-of-type(2n+1) > th,*/
/*.table-purple.table-striped tbody tr:nth-of-type(2n+1) > td {*/
/*    background-color: #d5c8ed; }*/

/*.table-pink > thead > tr > th,*/
/*.table-pink > thead > tr > td {*/
/*    background-color: #e83e8c; }*/

/*.table-pink > tbody > tr > th,*/
/*.table-pink > tbody > tr > td {*/
/*    background-color: #fdebf3;*/
/*    color: #ac145a; }*/

/*.table-pink.table-striped tbody tr:nth-of-type(2n+1) {*/
/*    background-color: transparent; }*/
/*.table-pink.table-striped tbody tr:nth-of-type(2n+1) > th,*/
/*.table-pink.table-striped tbody tr:nth-of-type(2n+1) > td {*/
/*    background-color: #fad4e6; }*/

/*.table-orange > thead > tr > th,*/
/*.table-orange > thead > tr > td {*/
/*    background-color: #f27510; }*/

/*.table-orange > tbody > tr > th,*/
/*.table-orange > tbody > tr > td {*/
/*    background-color: #fde5d1;*/
/*    color: #944708; }*/

/*.table-orange.table-striped tbody tr:nth-of-type(2n+1) {*/
/*    background-color: transparent; }*/
/*.table-orange.table-striped tbody tr:nth-of-type(2n+1) > th,*/
/*.table-orange.table-striped tbody tr:nth-of-type(2n+1) > td {*/
/*    background-color: #fbd7b9; }*/

/*.table-dark > thead > tr > th,*/
/*.table-dark > thead > tr > td {*/
/*    background-color: #343a40; }*/

/*.table-dark > tbody > tr > th,*/
/*.table-dark > tbody > tr > td {*/
/*    background-color: #dee2e6;*/
/*    color: #060708; }*/

/*.table-dark.table-striped tbody tr:nth-of-type(2n+1) {*/
/*    background-color: transparent; }*/
/*.table-dark.table-striped tbody tr:nth-of-type(2n+1) > th,*/
/*.table-dark.table-striped tbody tr:nth-of-type(2n+1) > td {*/
/*    background-color: #cfd5db; }*/

/*.table-light > thead > tr > th,*/
/*.table-light > thead > tr > td {*/
/*    background-color: #ced4da; }*/

/*.table-light > tbody > tr > th,*/
/*.table-light > tbody > tr > td {*/
/*    background-color: #e9ecef;*/
/*    color: #94a1ae; }*/

/*.table-light.table-striped tbody tr:nth-of-type(2n+1) {*/
/*    background-color: transparent; }*/
/*.table-light.table-striped tbody tr:nth-of-type(2n+1) > th,*/
/*.table-light.table-striped tbody tr:nth-of-type(2n+1) > td {*/
/*    background-color: #dadfe4; }*/

/*.table-light > thead > tr > th,*/
/*.table-light > thead > tr > td {*/
/*    color: #343a40; }*/


.dataTables_length select,
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select.form-control {
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #495057;
    font-size: 14px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    line-height: 1;
    height: 45px
}

textarea.form-control {
    height: inherit;
    padding-top: 10px
}

.input-group-addon {
    border: 1px solid #bfcbd9;
    background-color: #fbfdff;
    color: #97a8be
}

.input-group-addon .btn {
    padding: 1px 5px !important
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eef1f6;
    border-color: #d1dbe5;
    color: #8babcc;
    cursor: not-allowed
}

.form-control::-webkit-input-placeholder {
    color: #a1b4cc;
    font-size: 14px
}

.form-control:-moz-placeholder {
    color: #a1b4cc;
    font-size: 14px
}

.form-control::-moz-placeholder {
    color: #a1b4cc;
    font-size: 14px
}

.form-control:-ms-input-placeholder {
    color: #a1b4cc;
    font-size: 14px
}

.dataTables_length select:focus,
.uneditable-input:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select.form-control:focus,
textarea.form-control:focus {
    border-color: #03a9f4;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 none
}

body.rtl .input-group-addon:last-child {
    border-left: 1px solid #ccc
}
/**btn-default**/
.btn-default .badge {
    color: #f1f5f7;
    background-color: #415164
}

.btn-primary {
    color: #fff;
    background-color: #28b8da;
    border: 0
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #1e95b1
}

.btn-primary:hover {
    color: #fff;
    background-color: #1e95b1
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #1e95b1
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #197b92
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #28b8da
}

.btn-primary .badge {
    color: #28b8da;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #17c653;
    border: 0
}

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #1a8e06;
    border-color: #1a8e06
}

.btn-success.active,
.btn-success:active,
.open .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #84c529;
    border-color: #84c529
}

.btn-success .badge {
    color: #84c529;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #17A2B8;
    border-color: #17A2B8;
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-info:hover {
    color: #fff;
    background-color: #117a8b
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #117a8b
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #026e9e
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #03a9f4
}

.btn-info .badge {
    color: #03a9f4
}

.btn-warning {
    color: #fff;
    background-color: #ff6f00;
    border: 0
}

.btn-warning.focus,
.btn-warning:focus {
    color: #fff;
    background-color: #cc5900
}

.btn-warning:hover {
    color: #fff;
    background-color: #cc5900
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #cc5900
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #a84900
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #ff6f00
}

.btn-warning .badge {
    color: #ff6f00;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #fc2d42;
    border: 0
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #f3031c
}

.btn-danger:hover {
    color: #fff;
    background-color: #f3031c
}

.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #f3031c
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #cf0318
}

.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #fc2d42;
    border-color: #fc142b
}

.btn-danger .badge {
    color: #fc2d42;
    background-color: #fff
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #1b829b;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color: #ffffff;
    background-color: #17A2B8;
    border-color: #17A2B8;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    background-color: #fff;
    border-color: #ddd
}
/**end btn-default**/

li.customers-nav-item-profile a.dropdown-toggle:hover {
    background: 0 0;
    border-radius: 0;
    color: #d0d0d0!important;;
}





.dropdown-menu>li>a {
    width: 100%;
    word-wrap: break-word;
    white-space: normal
}

.dropdown-menu {
    margin: 0;
    margin-top: 5px;
    padding: 0;
    border-radius: 6px;
    z-index: 9000;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .125);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .125);
    border-color: #bfcbd9
}

.dropdown-menu>li>a {
    padding: 8px 16px;
    color: #6c757d!important;
}

.dropdown-menu>li>a:focus {
    outline: 0 !important
}

.dropdown-menu>li:first-child>a {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

#header .dropdown-menu>li:first-child>a {
    border-radius: 0
}

.bootstrap-select .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0
}

.bootstrap-select .btn-default[aria-expanded=true] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: absolute;
    right: -6px
}

.bootstrap-select .dropdown-menu>li:first-child>a {
    border-radius: 0
}

.dropdown-menu>li:last-child>a {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #f5f5f5;
    color: #333;
    opacity: 1;
    text-decoration: none
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    border-left: 3px solid #17A2B8;
    transition: all 0.2s ease-in-out;
    background: white!important;
    color: #495057;
}


.img-header {
    text-align: center;
    padding-top: 20px;
}
.imagine-profil-header {
    width: 80px;
    border-radius: 50% !important;
}
.img-header img {
    margin: 0 auto;
}
.nume-header {
    color: #343a40;
    font-weight: bold;
}
.email-header {
    font-size: 12px;
    color: #6c757d;
}


.dropdown-menu>li>a:focus,
.dropdown-menu>li>a.li-header:hover {
    border-left: none;
    transition: all 0.2s ease-in-out;
    background-color: #dee2e6!important;
}

a.li-header {
    padding-left: 30px!important;
    padding-right: 30px!important;
    color: #6c757d!important;
}
.dropdown-menu {

    min-width: 220px!important;

}

.dropdown-menu>li>a {
    padding: 8px 16px;
}
.icon-color {
    color: #17A2B8;
}


.navbar-default .navbar-nav > li > a{
    font-size: 14px!important;
}
@media (min-width: 768px) and (max-width : 1281px) {
    .navbar.navbar-default .navbar-nav > li > a{
        font-size: 12px !important;
    }
    .dropdown-submenu > .dropdown-menu{
        left: -100%;
    }
}
.p-0{
    padding: 0px;
}