@charset "utf-8";
/* CSS Document */

/* */
.app a {
    text-decoration: none;
}

/* */
.app .navigation {
    padding: 15px 5px;
}
.app .navigation a {
    font-size: 14px;
    font-weight: 500;
}
.app .navigation .dropdown-menu {
    border-radius: 0 0 4px 4px;
    margin: 26px 0 0 0;

    width: auto;
    min-width: 400px;
}
    .app .navigation .dropdown-header {
        border-bottom: 1px solid #202a38;

        font-size: 16px;
        font-weight: 600;
        color: #aab5c3;

        padding: 20px;
    }
    .app .navigation .dropdown-menu a {
        padding: 0;
    }
        .app .navigation .dropdown-menu a:hover {
            background: #f5f5f5;
        }

    .app .navigation .dropdown-item {
        border: none;
        border-bottom: 1px solid #202a38;

        font-size: 14px;
        font-weight: 400;
        color: #fff;

        padding: 18px 40px 18px 20px;
    }
        .app .navigation .dropdown-item:last-child {
            border-bottom: none;
        }
        .app .navigation .dropdown-item:hover {
            background: none;
        }
        .app .navigation .dropdown-item i {
            font-size: 16px;
            color: #aab5c3;

            position: relative;
            top: 2px;

            float: none;
        }
        .app .navigation .dropdown-item .closed {
            font-size: 12px;
            color: #aab5c3;

            right: -20px;
            top: 0;

            cursor: pointer;
        }

/* */
.app .main-panel {
    width: 100%;
    height: auto;

	margin: 25px 0 80px 0;

    display: inline-block;
}
    .app .main-panel .form-search {
        font-size: 14px;
        color: #2e3b4c;

        height: auto;
        padding: 10px 15px;

        transition: none;
    }
    .app .main-panel .table .form-select, .app .main-panel .form-select.small {
        font-size: 14px;
        color: #2e3b4c;

        width: 100%;
        height: auto;
        padding: 11px 15px;

        transition: none;
    }
    .app .main-panel .form-search__btn {
        background: transparent;
        font-size: 14px;
        color: #2e3b4c;

        width: auto;
        height: auto;

        margin-top: -32px;
        margin-right: 12px;
    }

/* */
.app .side-panel {
    background: #2e3b4c;

    color: #fff;

    position: relative;
    z-index: 40;

    width: 185px;
    height: 100%;
    min-height: calc(100vh);

    padding-top: 20px;
    padding-bottom: 20px;
}
    .app .side-panel hr {
        border-top: 1px solid #202a38;

        margin-top: 32px;
        margin-bottom: 32px;
    }
    .app .side-panel .container {
        padding-left: 25px;
        padding-right: 50px;
    }
    .app .side-panel .sticky-element {
        background: transparent;

        top: 20px;
    }
    .app .side-panel a {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;

		transition: color 0.1s;
    }
	.app .side-panel a:hover {
		color: #aab5c3;
        text-decoration: none;

		transition: color 0.1s;
	}
	.app .side-panel a.active {
		color: #aab5c3;
        font-weight: 700;

		transition: color 0.2s;
	}
    .app .side-panel .bottom {
        position: fixed;
        bottom: 20px;
    }
    .app .side-panel .logo_text a {
        font-family: 'Urbanist', sans-serif;
        font-size: 20px;
        font-weight: 600;
        color: #fff;

        transition: 0.2s;
    }
        .app .side-panel .logo_text a:hover {
            color: #de3673;
        }
		.app .side-panel .logo_text i {
			font-size: 20px;
		}
        .app .side-panel .logo_text .active {
			color: #fff;
		}

/* */
.app .dropdown-menu {
    background: #2e3b4c;
    border-radius: 3px;

    font-size: 14px;
    color: #fff;
}
    .app .dropdown-menu a {
        color: #fff;
    }
    .app .dropdown-menu a i {
        font-size: 12px;

        position: relative;
        top: 4px;
        float: right;
    }

.app .connection_select .container-01 {
    transition: 0.1s;
}
.app .connection_select .container-01:hover {
    background: #2e3b4c;
    color: #fff;
}
.app .connection_select:hover .container-01:before {
    font-family: "Font Awesome 5 Free";
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    content: "\f058";

    position: absolute;
    top: 5px;
    right: 25px;
}