@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}

.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}

/*******************
/*Top bar
*******************/
.topbar {
  background: #fff;
}

.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  color: #1e88e5 !important;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: #1e88e5 !important;
}

/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
  color: #1e88e5 !important;
}

.bg-theme {
  background-color: #1e88e5 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #1e88e5;
  border-color: #1e88e5;
}

.right-sidebar .rpanel-title {
  background: #1e88e5;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  border-left: 4px solid #1e88e5;
}

.text-themecolor {
  color: #1e88e5 !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #1e88e5;
  color: #1e88e5;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #1e88e5;
}

  

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: #1e88e5;
  color: #ffffff;
  border: 1px solid #1e88e5;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
  background: #1e88e5;
  opacity: 0.7;
  border: 1px solid #1e88e5;
}

.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
  background: #028ee1;
}

a.btn {
	color: #fff;
}
/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
  background: #1e88e5;
}

.sidebar-nav ul li a {
  color: #fff;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
  color: #fff;
}

.sidebar-nav ul li a.active {
  color: #26c6da;
}

.sidebar-nav ul li.nav-small-cap {
  color: #99abb4;
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
  color: #ffffff;
}

.sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li.active:hover > a i {
  color: #26c6da;
}

.sidebar-nav > ul > li.active > a:after, .sidebar-nav > ul > li.active:hover > a:after {
  border-color: #ffffff;
}

.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
  color: #26c6da;
}

.sidebar-nav > ul > li > a i {
  color: #fff;
}

.sidebar-nav > ul > li > a.active {
  font-weight: 400;
  background: #ffffff;
  color: #ffffff;
}
.card-body1 {
	background: #1e88e5;
}
.card-body2 {
	background: #388e3c;
}
.card-body3 {
	background: #ffa000;
}
.card-body4 {
	background: #d32f2f;
}
.dashboard .card-body h5, .dashboard .card-body h6 {
	color: #fff;
}
.dashboard .card-body h5 {
	font-size: 24px;
    padding-bottom: 8px;
}
.dashboard {
	margin-bottom: 10px;
}
.dashboard .card-body {
    padding: 0.6rem 0.2rem;
}
.dashboard .card-body {
	padding: 1rem 1.5rem;
}
.card-body i {
	color: #fff;
    font-size: 20px;
}
.u-img i {
	font-size: 80px;
	color: #1e88e5;
}
.notification p {
	font-size: 14px;
}
a.label {
	width: 140px;
    text-align: center;
	line-height: 18px;
	box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
	-webkit-box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
	transition: 0.2s ease-in;
}
a.label:hover {
	color:#fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
}
.company-info .round-lg {
	width: 100px;
	height: 100px;
}
.company-info .round-lg i {
	font-size: 85px;
}
.SendSMS .vtabs .tabs-vertical {
	width: 100px;
}

.cont-btngrp .btn-success, .cont-btngrp .btn-success.disabled, .cont-btngrp .btn-success:hover {
	border-right: 2px solid #00b7ce;
}
.Reports .vtabs .tabs-vertical {
	width:26%;
}
ul.report-list li span:first-child {
	width: 250px;
}
.sendsms-table label {
	margin-bottom: 0px;
}
.table-months .table td, .table-months .table th {
	text-align:center;
}

.personal-info h5 {
	line-height: 24px;
}
.personal-info .round {
	width: 60px;
    height: 60px;
    font-size: 26px;
    padding-top: 6px;
}
.btn-white {
	color: #fff;
	border:1px solid #fff;
}
.btn-white i {
	color: #fff;
    font-size: 14px;
}

.main-buttons  div {
	display: inline-block;
	margin-bottom: 10px;
}
.main-buttons {
	text-align: right;
}
.nav-item a.nav-link i {
	color: #6f6f6f;
}
.nav-item a.active i {
	color: #1e88e5;
}
.dataTables_wrapper {
	margin-bottom: 20px;
}
.t-contact-list tbody td input {
	background-color: #f2f4f8;
	border: none;
}
.t-contact-list tbody td input:focus {
	background-color: #f2f4f8;
}
.or span {
	background: #fff;
    padding: 10px;
    color: #F44336;
    font-weight: 900;
}
.or:after {
	content: " ";
    width: 40%;
    height: 1px;
    background: #e6e6e6;
    display: block;
    margin-top: -9px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
}
#addSMS table thead th {
	border-top: none;
}
.custom-file-control1:lang(en)::before {
    content: "CSV";
}
.custom-file-control2:lang(en)::before {
    content: "XLS";
}
.custom-file-control3:lang(en)::before {
    content: "XLSX";
}
@media screen and (max-width: 900px){
	.cont-btngrp {
		display: block;
	}
	.cont-btngrp .btn-success {
		border-right: none;
		margin-bottom: 10px;
		border-radius: 0
	}
}

@media screen and (max-width: 768px) {
	.main-buttons {
		text-align: left;
	}
	img.light-logo {
		width: 240px;
	}
	a.nav-link small {
		display: none;
	}
	.table-res {
		width: 50%;
		overflow: auto;
	}
}
@media screen and (max-width: 400px) {
	.table-res-custom {
		margin-right: 0px !important;
	}
}
@media screen and (max-width: 360px) {
	img.light-logo {
		width: 200px;
		padding-top: 8px;
	}
}
.pointer {
	cursor: pointer;
}
.table-height-restricted {
	height: 280px;
	overflow: auto;
}
.table-height-restricted::-webkit-scrollbar-track {
	background-color: #eaeaea;
}
.table-height-restricted::-webkit-scrollbar {
	width: 7px;
	background-color: #eaeaea;
}
.table-height-restricted::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius :2px;
}
.floating-labels .form-group input {
			position: relative;
			background: transparent;
			z-index: 2;
		}
		.floating-labels .form-group span {
			z-index: 1;
		}