body {
    font-family: 'Montserrat', sans-serif;
    background-color: #fff;
}
.custom-btn {
    background-color: #E709F0;
    border-color: #E709F0;
    color: #fff;
    font-weight: 500;
}

.custom-btn:hover {
    background-color: #f84eff;
    border-color: #f84eff;
    color: #fff;
}

.custom-btn:focus {
    background-color: #f84eff;
    border-color: #f84eff;
    color: #fff;
}

.file-size {
    margin-left: 15px;
    font-size: 0.7rem;
    color: #858585;
    font-weight: 500;
    font-style: italic;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
  }


  /*
    LOGIN PAGE STYLES
  */

div#login-page .login-card {
    border: 3px solid #E300EE;
    border-radius: 15px;
}
div#login-page .card-body img.logo {
    width: 60px;
    position: absolute;
    top: -30px;
    left: 42%;
}
div#login-page .card-body h2 {
    font-weight: 900;
    font-size: 28px;
    margin-bottom: 0;
}
div#login-page .card-body p {
    color: #000;
    font-weight: 500;
}
div#login-page .card-body .checkbox {
    text-align: right;
}
div#login-page .card-body .checkbox input[type=checkbox]:checked+label:before {
    background: #E300EE;
    border-color: #E300EE;
    color: #fff;
}
div#login-page .card-body .checkbox input[type=checkbox]+label:before {
    border-color: #E300EE;
}

/*
    Inside pages - Menu
*/
.side-nav {
    background-color: #000;
}
.header {
    border-bottom: none;
}
.header .logo-dark {
    background-color: #000;
}
.header .nav-wrap {
    border-bottom: 1px solid #edf2f9;
}
.side-nav .side-nav-inner .side-nav-menu li.dropdown.open>a {
    color: #fff;
}
.side-nav .side-nav-inner .side-nav-menu li.dropdown.open>a .icon-holder {
    color: #fff;
}
.side-nav .side-nav-inner .side-nav-menu li a {
    color: #fff;
}
.side-nav .side-nav-inner .side-nav-menu li a:hover, .side-nav .side-nav-inner .side-nav-menu li a:focus {
    color: #E300EE;
}
.side-nav .side-nav-inner .side-nav-menu li a:hover .icon-holder, .side-nav .side-nav-inner .side-nav-menu li a:focus .icon-holder {
    color: #E300EE;
}
.side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow .arrow-icon:before, .side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow .arrow-icon:after {
    background-image: linear-gradient(to right, rgb(255 255 255), rgb(255 255 255));
}
.side-nav .side-nav-inner .side-nav-menu>li.dropdown ul.dropdown-menu>li>a:hover, .side-nav .side-nav-inner .side-nav-menu>li.dropdown ul.dropdown-menu>li>a:focus {
    color: #E300EE;
}
.side-nav .side-nav-inner .side-nav-menu>li.dropdown ul.dropdown-menu>li.active {
    background-color: #E300EE;
}
.side-nav .side-nav-inner .side-nav-menu>li.dropdown ul.dropdown-menu>li.active a {
    color: #fff;
}
.side-nav .side-nav-inner .side-nav-menu>li.dropdown ul.dropdown-menu>li.active a:hover {
    color: #fff;
}
.side-nav .side-nav-inner .side-nav-menu li.dropdown.open>a:hover {
    color: #E300EE;
}
.side-nav .side-nav-inner .side-nav-menu li.dropdown.open>a:hover .icon-holder {
    color: #E300EE;
}
.side-nav .side-nav-inner .side-nav-menu>li.dropdown ul.dropdown-menu>li:after {
    border-color: #E300EE;
}
li.nav-item.dropdown.active {
    background-color: #E300EE;
}
li.nav-item.dropdown.active a:hover {
    color: #fff;
}
li.nav-item.dropdown.active a:hover .icon-holder {
    color: #fff;
}


/*
    Inside pages -  page content
*/
.dashboard h4.welcome {
    font-size: 30px;
    font-weight: 800;
}
.dashboard .dash-card {
    border: 1px solid #E300EE;
}
.dashboard .dash-card h2 {
    font-weight: 700;
}
.dashboard .dash-card p {
    color: #000;
    font-weight: 500;
}
.avatar-blue {
    color: #E300EE;
    background: none;
    font-size: 40px !important;
}

.form-control {
    border: 1px solid #afafaf !important;
}
.custom-file-label {
    border: 1px solid #afafaf !important;
}
.tagsinput {
    border: 1px solid #afafaf !important;
    border-radius: 0.25rem !important;
}