﻿/* --------------------------------------
=========================================
PVR - Lite Admin Bootstrap 4 Dashboard Template
Version: 1.0
Designed By: PVR TECH SUDIO (Palani Velayudam)
Website: http://pvrtechstudio.com
=========================================
1. Colors
--------------------------------------------------------*/


/** ************************************* **
	DO NOT CHANGE ANYTHING HERE!
	REWRITE IN A CUSTOM CSS FILE IF REQUIRED!
 ** ************************************* **/


/**	1. Colors
*************************************************** **/

.sidebar[data-color=purple]:after, .bootstrap-navbar[data-color=purple]:after {
    background: #9368E9;
    background: -moz-linear-gradient(top, #9368E9 0%, rgba(148, 59, 234, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9368E9), color-stop(100%, rgba(148, 59, 234, 0.7)));
    background: -webkit-linear-gradient(top, #9368E9 0%, rgba(148, 59, 234, 0.7) 100%);
    background: -o-linear-gradient(top, #9368E9 0%, rgba(148, 59, 234, 0.7) 100%);
    background: -ms-linear-gradient(top, #9368E9 0%, rgba(148, 59, 234, 0.7) 100%);
    background: linear-gradient(to bottom, #9368E9 0%, rgba(148, 59, 234, 0.7) 100%);
    background-size: 150% 150%;
}

button#minimizeSidebar[data-color=purple] {
    background: #9368E9;
    border: 1px solid #9368E9 !important;
}

[data-color=purple] {
    background: #9368E9 !important;
    color: #FFFFFF;
}

.btn-purple {
    border: 1px solid #9368E9 !important;
    background-color: #9368E9 !important;
    color: #FFFFFF;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open>.btn-purple.dropdown-toggle {
    background-color: #943BEA !important;
    border-color: #943BEA !important;
    color: #FFFFFF !important;
}

.text-purple {
    color: #9368E9;
}

.pvr-wrapper .pvr-header:after {
    content: "";
    width: 8rem;
    height: 3px;
    border-radius: 2px;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
}

.bg-white {
    background: #FFFFFF !important;
}

.bg-transparent {
    background: transparent !important;
}

.text-light {
    color: #FFFFFF;
}

[data-color=transparent] {
    background: transparent !important;
    color: #888888;
}

.btn-black {
    border: 1px solid #797979 !important;
    background-color: #797979 !important;
    color: #FFFFFF;
}

[data-color=black] {
    background: #797979 !important;
    color: #FFFFFF;
}

.btn-black {
    border: 1px solid #797979 !important;
    background-color: #797979 !important;
    color: #FFFFFF;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open>.btn-black.dropdown-toggle {
    background-color: rgba(121, 121, 121, 0.7) !important;
    border-color: rgba(121, 121, 121, 0.7) !important;
}

[data-color=blue] {
    background: #447DF7;
    color: #FFFFFF;
}

.btn-blue {
    border: 1px solid #447DF7 !important;
    background-color: #447DF7 !important;
    color: #FFFFFF;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.open>.btn-blue.dropdown-toggle {
    background-color: #533CE1 !important;
    border-color: #533CE1 !important;
}

[data-color=azure] {
    background: #23CCEF !important;
    color: #FFFFFF;
}

.btn-azure {
    border: 1px solid #23CCEF !important;
    background-color: #23CCEF !important;
    color: #FFFFFF;
}

.btn-azure:hover,
.btn-azure:focus,
.btn-azure:active,
.btn-azure.active,
.open>.btn-azure.dropdown-toggle {
    background-color: #4091FF !important;
    border-color: #4091FF !important;
}

[data-color=green] {
    background: #28a745 !important;
    color: #FFFFFF;
}

.btn-green {
    border: 1px solid #28a745 !important;
    background-color: #28a745 !important;
    color: #FFFFFF;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open>.btn-green.dropdown-toggle {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

[data-color=orange] {
    background: #FFA534 !important;
    color: #FFFFFF;
}

.btn-orange {
    border: 1px solid #FFA534 !important;
    background-color: #FFA534 !important;
    color: #FFFFFF;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open>.btn-orange.dropdown-toggle {
    background-color: #FF5221 !important;
    border-color: #FF5221 !important;
}

[data-color=red] {
    background: #e84126 !important;
    color: #FFFFFF;
}

.btn-red {
    border: 1px solid #47aabd !important;
    background-color: #47aabd !important;
    color: #FFFFFF;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open>.btn-red.dropdown-toggle {
    background-color: #BB0502 !important;
    border-color: #BB0502 !important;
}

.text-red {
    color: #BB0502 !important;
}

.sidebar[data-color=black]:after, .bootstrap-navbar[data-color=black]:after {
    background: #797979;
    background: -moz-linear-gradient(top, #797979 0%, rgba(121, 121, 121, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #797979), color-stop(100%, rgba(121, 121, 121, 0.7)));
    background: -webkit-linear-gradient(top, #797979 0%, rgba(121, 121, 121, 0.7) 100%);
    background: -o-linear-gradient(top, #797979 0%, rgba(121, 121, 121, 0.7) 100%);
    background: -ms-linear-gradient(top, #797979 0%, rgba(121, 121, 121, 0.7) 100%);
    background: linear-gradient(to bottom, #797979 0%, rgba(121, 121, 121, 0.7) 100%);
    background-size: 150% 150%;
}

.sidebar[data-color=blue]:after, .bootstrap-navbar[data-color=blue]:after {
    background: #447DF7;
    background: -moz-linear-gradient(top, #447DF7 0%, rgba(83, 60, 225, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #447DF7), color-stop(100%, rgba(83, 60, 225, 0.7)));
    background: -webkit-linear-gradient(top, #447DF7 0%, rgba(83, 60, 225, 0.7) 100%);
    background: -o-linear-gradient(top, #447DF7 0%, rgba(83, 60, 225, 0.7) 100%);
    background: -ms-linear-gradient(top, #447DF7 0%, rgba(83, 60, 225, 0.7) 100%);
    background: linear-gradient(to bottom, #447DF7 0%, rgba(83, 60, 225, 0.7) 100%);
    background-size: 150% 150%;
}

.sidebar[data-color=azure]:after, .bootstrap-navbar[data-color=azure]:after {
    background: #23CCEF;
    background: -moz-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23CCEF), color-stop(100%, rgba(64, 145, 255, 0.7)));
    background: -webkit-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%);
    background: -o-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%);
    background: -ms-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%);
    background: linear-gradient(to bottom, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%);
    background-size: 150% 150%;
}

.sidebar[data-color=green]:after, .bootstrap-navbar[data-color=green]:after {
    background: #87CB16;
    background: -moz-linear-gradient(top, #87CB16 0%, rgba(109, 192, 48, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87CB16), color-stop(100%, rgba(109, 192, 48, 0.7)));
    background: -webkit-linear-gradient(top, #87CB16 0%, rgba(109, 192, 48, 0.7) 100%);
    background: -o-linear-gradient(top, #87CB16 0%, rgba(109, 192, 48, 0.7) 100%);
    background: -ms-linear-gradient(top, #87CB16 0%, rgba(109, 192, 48, 0.7) 100%);
    background: linear-gradient(to bottom, #87CB16 0%, rgba(109, 192, 48, 0.7) 100%);
    background-size: 150% 150%;
}

.sidebar[data-color=orange]:after, .bootstrap-navbar[data-color=orange]:after {
    background: #FFA534;
    background: -moz-linear-gradient(top, #FFA534 0%, rgba(255, 82, 33, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFA534), color-stop(100%, rgba(255, 82, 33, 0.7)));
    background: -webkit-linear-gradient(top, #FFA534 0%, rgba(255, 82, 33, 0.7) 100%);
    background: -o-linear-gradient(top, #FFA534 0%, rgba(255, 82, 33, 0.7) 100%);
    background: -ms-linear-gradient(top, #FFA534 0%, rgba(255, 82, 33, 0.7) 100%);
    background: linear-gradient(to bottom, #FFA534 0%, rgba(255, 82, 33, 0.7) 100%);
    background-size: 150% 150%;
}

.sidebar[data-color=red]:after, .bootstrap-navbar[data-color=red]:after {
    background: #47aabd;
    background: -moz-linear-gradient(top, #47aabd 0%, rgba(90 206 229) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47aabd), color-stop(100%, rgba(90 206 229)));
    background: -webkit-linear-gradient(top, #47aabd 0%, rgba(90 206 229) 100%);
    background: -o-linear-gradient(top, #47aabd 0%, rgba(90 206 229) 100%);
    background: -ms-linear-gradient(top, #47aabd 0%, rgba(90 206 229) 100%);
    background: linear-gradient(to bottom, #47aabd 0%, rgba(90 206 229) 100%);
    background-size: 150% 150%;
}
