/*!
 * Custom CSS for Apprise
 * Docs & License: https://offerplant.com/
 * (c) 2019 OfferPlant
 */
 @import url('https://fonts.googleapis.com/css?family=Arimo&display=swap');
body{
	font-family: 'Arimo', sans-serif;
	color:#37274f;
}
#main_area{
	width:100%;
}
label{
	color:purple;
	font-weight:600;
}
h1{
	margin-bottom:20px;
	padding:5px 0px;
	background:#ff5353!important;
	color:#fff;
	line-height:30px;
	font-size:20px;
	letter-spacing:2px;
	border-radius:0px;
}
h2{
	font-size:20px;
	color:#684674!important;
	line-height:28px;
	border-left:solid 5px #bf4f76;
	padding-left:10px;
	margin-bottom:10px;
	
}
.h2{
	font-size:12px;
	color:#363636;
	line-height:30px;
	border-left:solid 5px #bf4f76;
	padding:2px;
	margin:1px 3px;
	height:24px;
	
}
#login-page{
	background:url('../img/back.jpg') no-repeat 50% 50%;
	background-size:100% 100%;
}
#login-area{
	opacity:0.85;
	border:solid 1px #fff;
}
.delete_btn{
	color:#fff;
	background:#dc3545!important;
	padding:2px 7px;
	border-radius:2px;
	cursor:pointer;
}

.block_btn{
	margin:2px 5px;
	color:#fff;
	background:#000;
	padding:3px 4px;
	border-radius:2px;
	cursor:pointer;
}

.btn-danger{
	background:purple;
	border:none;
}

#add_btn{
	color:#fff;
	font-size:12px;
	background:green;
	padding:3px 4px;
	border-radius:10px;
}
.btn-xs{
	padding: .25rem .65rem;
	font-size:10px;
	text-transform:uppercase;
}
.bg-primary /* Header Color */
{ 
	background:rgb(55, 5, 66)!important;
   /* background: linear-gradient(120deg, purple 55%, deeppink 45%);*/
}
.sidebar ul li a /* Main Menu Border line */
{
	/*border-right:solid 2px #f8f9fa;
	border-top:solid 1px #e31241; */
	border-bottom:dotted 1px #dbe1e1;
}
.sidebar-dark /*  Sub Menu */
 ul ul a {
	background:rgb(55, 5, 66);
	font-size:12px;
	color:#f8da80;
}
.sidebar-dark ul ul a
{
	
}
.bg-dark  /* Menu  & Sidebar Color */
{
   /* background-color:#684674!important;*/
    background: linear-gradient(120deg, purple 55%, deeppink 35%);
}

.p-4 /* Container margin */
{
	margin-top:-15px!important;
}

.fa .fa-fw a{
	border:solid 1px #fff;
	color:red!important;
}
.error{
	color:red;
	font-size:12px;
}
.apploader{
	background:lightyellow url('../img/loader.gif') no-repeat 50% 50%;
	background-size:200px 200px;
	z-index:1000;
	opacity:0.3;
	padding :10px;

}
.table td{
	padding: .25rem;
}
.hotkey{
	font-weight:800;
	font-size:14px;
	color: #ffc107!important;
	text-decoration:underline;
}
.hotlink{
	background:#000;
	color:#c3c3c3;
	text-align:center;
	font-size:12px;
	line-height:30px;
}
.hotlink a{
	color: #ffc107!important;
	text-decoration:none;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0px;
    left: 50%;
    margin-left: -4px;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    width: 0;
}
/* input:focus {
    outline: none !important;
    border: 1px solid red;
    box-shadow: 0 0 10px #719ECE;
} */
.form-control:focus {
    border-color: #684674;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(200,0,255,0.9);
}

.blink {
  animation: blinker 5s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
/*-------------AUTO SUGGEST TEXT BOX --------------*/