/*================================================================================
	Item Name: Apex - Angular 4 Bootstrap Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


body .app-sidebar .navigation li > a::before, body[data-menu="vertical-menu"] .app-sidebar .navigation li.active > a::before {
border-right: solid 5px #34E4CB;
}

.app-sidebar .navigation li.active > a, .app-sidebar .navigation li:hover > a {
    background: rgba(52, 228, 203, 0.6);
}

.gradient-purple-love {
    background-image: -webkit-linear-gradient(45deg,#7441DB,#34E4CB);
    background-image: linear-gradient(45deg,#7441DB,#34E4CB);
    background-repeat: repeat-x;
}
.gradient-purple-bliss {
    background-image: -webkit-linear-gradient(45deg,#562DB7,#34E4CB);
    background-image: linear-gradient(45deg,#562DB7,#34E4CB);
    background-repeat: repeat-x;
}

.btn-primary {
    color: #000;
    background-color: #34E4CB;
    border-color: #34E4CB;
}
.btn-primary:hover {
	color: #000;
    background-color: #09CAAF;
    border-color: #09CAAF;

}

html body.layout-dark.layout-transparent .form-control:focus, html body.layout-dark:not(.layout-transparent) .form-control:focus {
    border-color: #34E4CB;
    color: #101010;
    background: #e9e2e2;
}
.form-control{
    background-color: #FFF
}
html body.layout-dark:not(.layout-transparent) .form-control{
    color: #000
}

.btn.bg-light-primary:hover {
    background-color: #34E4CB;
    color: #000 !important;
    border-color: #34E4CB;
}

.dataTables_filter{
position: absolute;
right: 23px;
top: 50px;
}

.btn1 {
    transform: none;
    border: none;
    font-size: 11px;
    padding: 3px 11px;
    font-weight: 600;
    letter-spacing: 1px;
    background-image: -moz-linear-gradient( 90deg, rgb(228,91,45) 0%, rgb(240,121,33) 33%, rgb(252,151,21) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(228,91,45) 0%, rgb(240,121,33) 33%, rgb(252,151,21) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(228,91,45) 0%, rgb(240,121,33) 33%, rgb(252,151,21) 100%);
    box-shadow: 0px 5px 5px 0px rgba(228, 91, 45, 0.4);
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    z-index: 9;
    overflow: hidden;
    color: #fff !important;

}
.table td, .table th {
    padding: 0.55rem 1rem;
}
html body.layout-dark:not(.layout-transparent) .table thead th, html body.layout-dark:not(.layout-transparent) .table tfoot th {
    background-color: #34E4CB;
    color: #000;

}
body.layout-dark .pagination .page-item.active .page-link {
    background-color: #34E4CB !important;
    border-color: #34E4CB !important;
}
.page-link{
    color: #34E4CB
}
.page-item.active .page-link{
    color: #000;
}
a {
    color: #34E4CB;
}

html body.layout-dark:not(.layout-transparent) .form-control[readonly] {
    background-color: #c6c9cb;
    cursor: not-allowed;
    color: #000
}
.login_page .card-title{
    background: #7ee2e0;
    color: #fff !important;
    text-align: center;
    margin: -22px -34px;
    padding: 8px;
    font-size: 1.7rem;
    font-weight: bold;
}
.login_page .btn-primary{
    color: #fff;
    font-weight: bolder;
}

.forget_link{
    color: #fff;
    font-size: 13px
}
.forget_link:hover{
    color: #7ee2e0
}
.create_act{
    background: #6223d6 !important;
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: bolder !important;
    border-color:#6223d6 !important;
    border-radius: 20px 
}

.btn.bg-light-primary:hover{
    background-color: #6223d6 !important;

}
html body.login_page .card:not([class*="gradient-"]) {
    background: #1E1E1E6B !important;
    border: #7ee2e0 solid;
    border-top: none;
}
.logo_ico{
    width: 12rem
}
html body.layout-dark:not(.layout-transparent).auth-page .auth-img .auth-img-bg {
    background-color: unset;
}
body.layout-dark .select2-container .select2-dropdown, body.layout-dark select option {
    background-color: #DEDEDE;
}
.card{
    border-radius: 1rem;
    overflow: hidden;
}
html body.layout-dark:not(.layout-transparent) .card:not([class*="gradient-"]) {
    background: #090a0c;
}
.gradient-purple-love{
background: #9e57f838;
border: #9e57f8 solid;
}
.gradient-purple-love .WidgetlineChart .ct-line{
    stroke: #9e57f8;
}
.gradient-purple-love h3{
    color: #ad82ed !important;
}
.gradient-ibiza-sunset .WidgetlineChart .ct-line{
    stroke: #01fae5;
}
.gradient-ibiza-sunset h3{
    color: #01fae5 !important
}
.gradient-ibiza-sunset{
    background: #9e57f838;
    border: #01fae5 solid;
}
.bg-dark {
    background-color: #090a0cbf !important;
}
.card-body{
    padding: 1.2rem;
}
.card .card-header {
    padding-bottom: 0.5rem;
    border-bottom: none;
    background-color: #00e3e0;
    padding-top: 1rem;
}
.card .card-header h4{
    color: #000 !important;
    text-shadow: aliceblue 1px 1px;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 600;
}
.form-group.validate input:not([class*="select2"]), .form-group.validate select, .form-group.validate textarea {
    color: #000 !important;
    }
.faq a{
    color:#000;
}
.faq .card .card-header{
    border-radius: 1rem;
    margin-bottom: 0.5rem;
}
.collapse-icon a[data-toggle="collapse"]::after, .collapse-icon a[data-toggle="collapse"]::before{
    right:7px;
}
.card ul li{
    margin-bottom:14px;
}
@media screen and (max-width: 440px) {
.dataTables_filter{
  position: unset;
}

.logo_ico{
    width: 10rem
}

}