/*============================================================================================

	Name: Basic
	Description: Doctures Color Alternative 1
	1. STRUCTURE.CSS
	2. ADMIN.CSS
	3. THEME.CSS

============================================================================================*/


/*
Colors

#3ed2ca
#22beb6

#fb8b2e
#f1760f

#501857
 */

/*****===== 1. STRUCTURE.CSS =====*****/

.btn-primary{
    background-color:#3ed2ca;
}

.btn-primary:hover{
    background-color:#22beb6;
}

.btn-secondary{
    background-color:#fb8b2e;
}

.btn-secondary:hover{
    background-color:#f1760f;
}

.btn-outline-primary{
    border-color:#3ed2ca;
    color:#22beb6;
}

.btn-outline-primary:hover{
    border-color:#22beb6;
    color:#22beb6;
}

.btn-outline-secondary{
    border-color:#fb8b2e;
    color:#f1760f;
}

.btn-outline-secondary:hover{
    border-color:#f1760f;
    color:#f1760f;
}

/***** Specific text styles *****/

.text-primary{
    color:#22beb6;
}

.text-secondary{
    color:#f1760f;
}

/*===== 3.  EXTRAS  =====*/

.empty-box .head.primary{
    background-color: #22beb6;
}

.empty-box .head.secondary{
    background-color: #f1760f;
}


/*****===== 2. ADMIN.CSS =====*****/

.side-menu{
    background-color: #501857;
}

.side-menu ul li a:hover{
    background-color: #fb8b2e;
}

.side-menu ul li a.active{
    background-color: #fb8b2e;
}

/***** admin pages *****/

.dashboard-stat .bottom-info .color{
    background-color: #f1760f;
}
.dashboard-stat .bottom-info .color1{
    background-color: #3ed2ca;
}
.dashboard-stat .bottom-info .color2{
    background-color: #f1760f;
}

.dashboard-stat .customer-count{
    background-color:#3ed2ca;
}

.dashboard-stat .date-count{
    background-color: #f1760f;
}

/***** admin parts *****/

.admin-content-main-menu,
.admin-content-main-menu-mobile {
    background-color: #3ed2ca;
}

.admin-content-main-menu ul li,
.admin-content-main-menu-mobile ul li {
    border-right-color:#22beb6;
}

.admin-content-main-menu ul li:first-child,
.admin-content-main-menu-mobile ul li:first-child {
    border-left-color:#22beb6;
}

.admin-content-main-menu ul li a:hover,
.admin-content-main-menu ul li.active,
.admin-content-main-menu-mobile ul li a:hover,
.admin-content-main-menu-mobile ul li.active {
    background-color: #22beb6;
}

/**/

.admin-cat-header.calendar-header{
    background-color: #fb8b2e;
}

.admin-cat-header .page-header-menu ul li a.active,
.admin-cat-header .page-header-menu ul li a:hover {
    background-color: #22beb6;
}

.admin-cat-header .header-right .item .icon{
    background-color: #fb8b2e;
}

.admin-cat-header .header-right .item .icon.style2{
    background-color: #3ed2ca;
}

.admin-cat-sub-menu{
    background-color: #3ed2ca;
}

.admin-cat-sub-menu a.active{
    background-color: #22beb6;
}

.admin-cat-header .admin-cat-header-top-bar ul li.primary{
    background-color: #3ed2ca;
}

.admin-cat-header .admin-cat-header-top-bar ul li.secondary{
    background-color: #fb8b2e;
}

.admin-cat-header .admin-cat-header-top-bar ul li.info{
    background-color: #1781ee;
}

/**/

ul.admin-page-sub-top-menu{
    border-bottom-color:#fb8b2e;
}

ul.admin-page-sub-top-menu li.active{
    background-color: #fb8b2e;
}

/**/

.calendar-modal-date-list-empty a i{
    color: #fb8b2e;
}

.calendar-day-nav-buttons a{
    background-color: #3ed2ca;
}

.calendar-day-nav-buttons a:hover{
    background-color: #22beb6;
}

/**/

#post-item-list .number {
    background-color: #fb8b2e;
}

.web-theme-images img{
    border: 5px solid #fb8b2e;;
}

/*****===== 3. THEME.CSS =====*****/

body.theme .top-bar{
    background-color: #fb8b2e;
}

body.theme footer .social-media-links ul li{
    background-color: #501857;
}

body.theme footer .social-media-links ul li:hover{
    background-color: #fb8b2e;
}

body.theme .index-blog-box .inside{
    background-color: #501857;
}

body.theme .index-gallery .inside{
    background-color: #501857;
}

/**/

.theme-appointment-btn{
    background-color: #3ed2ca;
}

.theme-appointment-btn:before {
    border-color: #3ed2ca transparent transparent transparent;
}