@charset "UTF-8";

.list-group .list-group-item:first-child {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
}
.list-group .list-group-item:last-child {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
}
.list-group a,
.list-group button {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.list-group a:hover,
.list-group button:hover {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}


.icon-width {width:22px !important;}


.side-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4040;
    width: 15rem;
    height: 100%;
    padding: 0;
    /*padding-bottom: 3.75rem;*/
    margin: 0;
	overflow-y: scroll;
    list-style-type: none;
    /*background-color: #2c2f34;*/
	background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}
.side-nav.wide {
    width: 15rem;
    -webkit-transition-timing-function: linear, linear, ease;
    transition-timing-function: linear, linear, ease;
    -webkit-transition-duration: 0.5s, 0.5s, 0.55s;
    transition-duration: 0.5s, 0.5s, 0.55s;
    -webkit-transition-property: top, bottom, width;
    transition-property: top, bottom, width;
}
.side-nav.wide .logo-wrapper.sn-ad-avatar-wrapper {
    height: 5rem;
    padding: 19px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.65);
    overflow: hidden;
}
.side-nav.wide .logo-wrapper.sn-ad-avatar-wrapper a {
    line-height: 2.6rem;
    color: #fff;
}
.side-nav.wide .logo-wrapper.sn-ad-avatar-wrapper a span {
    padding-left: 0.7rem;
    margin-top: -1rem;
}
.side-nav.wide .logo-wrapper.sn-ad-avatar-wrapper a img {
    max-width: 2.5rem;
    padding: 0;
}
.side-nav.wide .collapsible a {
    padding-left: 23px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.side-nav.wide .collapsible a .sv-normal {
    opacity: 1;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.side-nav.wide .collapsible a .sv-slim {
    display: none;
    opacity: 0;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.side-nav.wide .collapsible .sv-slim-icon {
    width: 30px;
    height: 36px;
    padding-left: 0;
    margin-right: 0;
    text-align: left;
}
.side-nav.wide .collapsible-body a {
    padding-left: 47px;
}
.side-nav.wide .fa-angle-down.rotate-icon {
    display: block;
    opacity: 1;
}
.side-nav.wide.slim {
    right: 3.75rem;
    width: 3.75rem !important;
    -webkit-transition-timing-function: linear, linear, ease;
    transition-timing-function: linear, linear, ease;
    -webkit-transition-duration: 0.5s, 0.5s, 0.55s;
    transition-duration: 0.5s, 0.5s, 0.55s;
    -webkit-transition-property: top, bottom, width;
    transition-property: top, bottom, width;
}
.side-nav.wide.slim .collapsible a {
    padding-left: 23px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.side-nav.wide.slim .collapsible a .sv-normal {
    opacity: 0;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.side-nav.wide.slim .collapsible a .sv-slim {
    display: block;
    opacity: 1;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.side-nav.wide.slim .collapsible .sv-slim-icon {
    width: 30px;
    height: 36px;
    padding-left: 0;
    margin-right: 0;
    text-align: left;
}
.side-nav.wide.slim .fa-angle-down.rotate-icon {
    display: none;
    opacity: 0;
}
.side-nav > ul {
    max-height: 100%;
}
.side-nav ul {
    padding-left: 0;
    list-style: none;
    list-style-type: none;
}
.side-nav ul li {
    padding: 0;
}
.side-nav.right-aligned {
    right: 0;
    left: auto;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.side-nav.side-nav-light {
    background-color: #e5e5e5;
}
.side-nav.side-nav-light .logo-wrapper {
    border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.side-nav.side-nav-light .logo-wrapper.sn-ad-avatar-wrapper {
    color: #555;
}
.side-nav.side-nav-light .about {
    border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.side-nav.side-nav-light .about p {
    color: #555;
}
.side-nav.side-nav-light .social {
    border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.side-nav.side-nav-light .social .fas,
.side-nav.side-nav-light .social .fab,
.side-nav.side-nav-light .social .far {
    color: #555;
}
.side-nav.side-nav-light .search-form input[type="text"] {
    color: #555 !important;
    border-bottom-color: rgba(153, 153, 153, 0.3);
}
.side-nav.side-nav-light .search-form input[type="text"]::-webkit-input-placeholder {
    color: #555 !important;
}
.side-nav.side-nav-light .search-form input[type="text"]::-moz-placeholder {
    color: #555 !important;
}
.side-nav.side-nav-light .search-form input[type="text"]:-ms-input-placeholder {
    color: #555 !important;
}
.side-nav.side-nav-light .search-form input[type="text"]::-ms-input-placeholder {
    color: #555 !important;
}
.side-nav.side-nav-light .search-form input[type="text"]::placeholder {
    color: #555 !important;
}
.side-nav.side-nav-light .collapsible a {
    color: #555;
}
.side-nav.side-nav-light .collapsible-body a {
    background-color: rgba(0, 0, 0, 0.1);
}
.side-nav.side-nav-light .collapsible li .collapsible-header:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.side-nav.side-nav-light .collapsible li .collapsible-header.active {
    color: #4285f4;
    background-color: transparent;
}
.side-nav.fixed {
    position: fixed;
    left: 0;
    /*
    -webkit-transform: translateX(0);
    transform: translateX(0);

     */
}
.side-nav.fixed.right-aligned {
    right: 0;
    left: auto;
}

/*
@media only screen and (max-width: 1440px) {
    .side-nav.fixed {
        -webkit-transform: translateX(-105%);
        transform: translateX(-105%);
    }
    .side-nav.fixed.right-aligned {
        -webkit-transform: translateX(105%);
        transform: translateX(105%);
    }
}

 */
.side-nav .collapsible {
    padding: 0;
    margin: 0;
    margin-top: 1rem;
}
.side-nav .collapsible li a:hover {
    background-color: rgba(0, 0, 0, 0.15);
}
.side-nav .collapsible > li {
    border-radius: 2px;
	border-bottom: 1px solid #e8e8e8;
}
.side-nav .collapsible > li a.collapsible-header:hover {
    /*background-color: rgba(255, 255, 255, 0.15);*/
	background-color: rgb(222 222 222);
}
.side-nav .collapsible > li a.collapsible-header.active {
    background-color: rgba(255, 255, 255, 0.15);
}
.side-nav .collapsible ul {
    padding: 0;
    list-style-type: none;
}
.side-nav .collapsible a {
    height: 36px;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 36px;
    color: #000;
}
.side-nav .collapsible a.active,
.side-nav .collapsible a:hover {
    border-radius: 2px;
	background-color: rgb(222 222 222);
}
.side-nav .collapsible .fas,
.side-nav .collapsible .fab,
.side-nav .collapsible .far {
    margin-right: 13px;
    font-size: 0.8rem;
}
.side-nav .collapsible-body a {
    height: 36px;
    padding-left: 47px;
    line-height: 36px;
    background-color: rgba(0, 0, 0, 0.08);
}
.side-nav a {
    display: block;
    padding-left: 20px;
    /*font-size: 1rem;
    line-height: 56px;
	height: 56px;*/
}
.side-nav .fa-angle-down.rotate-icon {
    /*position: absolute;*/
	position: relative;
    top: 0.8rem;
    right: 0;
    margin-right: 1.25rem;
	float: right;
}
.side-nav .sidenav-bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 15rem;
    background-attachment: fixed;
}
.side-nav .sidenav-bg:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 99999px;
    margin-bottom: -99999px;
    content: "";
}
.side-nav .logo-wrapper {
    height: 8.75rem;
    border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.side-nav .logo-wrapper a {
    width: 15rem;
    height: 8.75rem;
    padding: 0;
}
.side-nav .logo-wrapper img {
    height: auto;
    padding-top: 20%;
    padding-right: 50px;
    padding-bottom: 20%;
    padding-left: 50px;
}
@media (max-height: 992px) {
    .side-nav .logo-wrapper {
        height: 80px;
    }
    .side-nav .logo-wrapper a {
        height: 80px;
    }
    .side-nav .logo-wrapper img {
        padding-top: 7%;
        padding-bottom: 7%;
    }
}
.side-nav .logo-wrapper.sn-avatar-wrapper {
    padding-top: 10%;
    padding-right: 33%;
    padding-bottom: 10%;
    padding-left: 33%;
}
.side-nav .logo-wrapper.sn-avatar-wrapper img {
    max-width: 90px;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
@media only screen and (max-height: 992px) {
    .side-nav .logo-wrapper.sn-avatar-wrapper {
        padding-right: 40%;
        padding-left: 40%;
    }
    .side-nav .logo-wrapper.sn-avatar-wrapper img {
        max-width: 50px;
    }
}
.side-nav .logo-wrapper.sn-ad-avatar-wrapper {
    height: auto;
    margin-bottom: 0;
}
.side-nav .logo-wrapper.sn-ad-avatar-wrapper img {
    float: left;
    max-width: 3.75rem;
    padding: 1.25rem 0.63rem;
}
.side-nav .logo-wrapper.sn-ad-avatar-wrapper p {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    margin: 0;
    font-size: 0.94rem;
}
.side-nav .about {
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.65);
}
.side-nav .about p {
    margin-bottom: 0;
    text-align: center;
}
.side-nav .social {
    padding-top: 0;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.65);
}
.side-nav .social li {
    display: inline-block;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    margin: 0;
}
.side-nav .social a {
    padding: 0;
    margin: 0;
}
.side-nav .social .fas,
.side-nav .social .fab,
.side-nav .social .far {
    padding-right: 0.6rem;
    padding-left: 0.6rem;
    font-size: 0.9rem;
    color: #dbe4e7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.side-nav .social .fas:hover,
.side-nav .social .fab:hover,
.side-nav .social .far:hover {
    color: #afc4cb;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.side-nav .search-form {
    padding: 0;
}
.side-nav .search-form input[type="text"] {
    padding-left: 1.88rem;
    font-weight: 300;
    border-bottom: 1px solid rgba(255, 255, 255, 0.65);
}
.side-nav .search-form input[type="text"]::-webkit-input-placeholder {
    color: #fff;
}
.side-nav .search-form input[type="text"]::-moz-placeholder {
    color: #fff;
}
.side-nav .search-form input[type="text"]:-ms-input-placeholder {
    color: #fff;
}
.side-nav .search-form input[type="text"]::-ms-input-placeholder {
    color: #fff;
}
.side-nav .search-form input[type="text"]::placeholder {
    color: #fff;
}
.side-nav .search-form .form-control {
    margin-bottom: 0;
}
.drag-target {
    position: fixed;
    top: 0;
    z-index: 998;
    width: 10px;
    height: 100%;
}
#sidenav-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 997;
    height: 120vh;
    background-color: rgba(0, 0, 0, 0.5);
    will-change: opacity;
}

/*
.transform-fix-input {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
}
*/

.fixed-sn .double-nav,
.fixed-sn main,
.fixed-sn footer {
    padding-left: 15rem;
}
.fixed-sn main {
    padding-top: 5.5rem;
}
/*
@media (max-width: 1440px) {
    .fixed-sn .double-nav,
    .fixed-sn main,
    .fixed-sn footer {
        padding-left: 0;
    }
}

 */
@media (min-width: 600px) {
    .fixed-sn main,
    .fixed-sn .page-footer .container-fluid {
        margin-right: 2%;
        margin-left: 2%;
    }
}
@media (min-width: 992px) {
    .fixed-sn main,
    .fixed-sn .page-footer .container-fluid {
        margin-right: 5%;
        margin-left: 5%;
    }
}
@media (min-width: 1200px) {
    .fixed-sn main,
    .fixed-sn .page-footer .container-fluid {
        margin-right: 6%;
        margin-left: 6%;
    }
}
.hidden-sn main {
    padding-top: 5.5rem;
}
.hidden-sn .button-collapse {
    position: relative;
    display: block;
    padding-left: 0;
    margin-right: 0.625rem;
    margin-left: -0.375rem;
    font-size: 1.4rem;
}