body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}

/*
Primary color: #137EFE
Secondary color: #0C61C7
*/

:root {
	--primaryColor: #137EFE;
	--secondaryColor: #0C61C7;
}

/*-------------------------------------------------
	Global
-------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	color: var(--primaryColor);
}
p {
	color: #212529;
}
a:hover{
	text-decoration: none;
}
li{
	list-style-type: none;
}
.c-btn {
	background-color: var(--primaryColor);
	color: #fff;
	padding: 0.5rem 2rem;
	border-radius: 50px;
}
.c-btn:hover {
	color: #fff;
	background-color: var(--secondaryColor);
}
.c-ad-btn {
	height: 25px;
    width: 25px;
    border-radius: 50%;
	padding: 0;
	margin: 0 3px;
}
.c-ad-btn i {
	font-size: 14px;
	line-height: 25px;
    text-align: center;
}
.mr0 {
	margin: 0;
}
.pd0 {
	padding: 0;
}
.mrt10 {
	margin-top: 10px;
}
.mrt20 {
	margin-top: 20px;
}
.mrt30 {
	margin-top: 30px;
}
.mrt40 {
	margin-top: 40px;
}
.mrb10 {
	margin-bottom: 10px;
}
.mrb20 {
	margin-bottom: 20px;
}
.mrb30 {
	margin-bottom: 30px;
}
.mrb40 {
	margin-bottom: 40px;
}
.pdt10 {
	padding-top: 10px;
}
.pdt20 {
	padding-top: 20px;
}
.pdb10 {
	padding-bottom: 10px;
}
.pdb20 {
	padding-bottom: 20px;
}
.section-entry {
	padding: 5rem 0;
}
.relative {
	position: relative;
}
.width100 {
	width: 100%;
}
.txtct {
	text-align: center;
}
.txtrt {
	text-align: right;
}
.txtupr {
	text-transform: uppercase;
}
.dflex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}


/*---------------------------------------------------------------
	Navbar
---------------------------------------------------------------*/

.navbar {
	background-color: #fff!important;
	-webkit-box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.2);
}
.logo-img {
	width: 152px;
}
.nav-item {
	padding-left: 2rem;
}
.nav-link {
	color: #585858!important;
	line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

/*----------------------------------------------------------------
	Carousel
----------------------------------------------------------------*/

.myCarouselCaption {
    right: 50%;
    bottom: 50%;
    transform: translateY(50%);
    left: 10%;
    color: #000;
    text-align: left;
}
.myCarouselCaption h5 {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 600;
}
.myCarouselCaption p {
	padding-right: 100px;
}




/*------------------------------------------------------------------
	Home Screen
------------------------------------------------------------------*/

.main-wrapper {
	margin-top: 81px;
}
.digi-welcome-cover {
	height: calc(100vh - 133px);
	display: flex;
	justify-content: center;
	align-items: center;
}
.digi-welcome-inner-cover {
	text-align: center;
}
.digi-welcome-inner-cover h1 {
	margin-bottom: 1.15rem;
	font-size: 35px;
}
.digi-welcome-inner-cover h6 {
	margin-bottom: 1.5rem;
}
.admin-card-cover {
	margin-bottom: 2rem;
}
.wf-calendar-row {
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.wf-cover {
	flex: 0 0 14.28571%;
    max-width: 14.28571%;
	border: 1px solid #ccc;
}
.wf-inner-cover {
	padding: 0.5rem 1rem;
	text-align: center;
}
.wf-inner-cover p {
	margin-bottom: 6px;
}
.add-calendar-btn {
	padding: 0.25rem 1.25rem;
	background-color: #076b07;
}
.add-calendar-btn:hover {
	background-color: #035403;
}
.ac-wrapper {
	padding: 3rem 0;
}




/*----------------------------------------------------------------
	Billing
----------------------------------------------------------------*/

.billing-wrapper {
	min-height: calc(100vh - 133px);
}
.billing-title-wrap {
	padding: 3rem 0 2rem;
}
.billing-title-wrap h1 {
	text-align: center;
	font-size: 35px;
}


/*----------------------------------------------------------------
	Client Master
----------------------------------------------------------------*/

.billing-wrapper {
	position: relative;
}
.new-billing-wrap {
	position: absolute;
	right: 0;
	top: 3rem;
}
.client-master {
	width: 100%;
	margin-bottom: 5rem;
}
.client-master th {
	background-color: var(--primaryColor);
	color: #fff;
	font-weight: 500;
	padding: 0.25rem 0.5rem;
	border: 1px solid #fff;
}
.client-master td {
	padding: 0.25rem 0.5rem;
}
.client-master tbody tr {
	border: 1px solid #eaeaea;
}
.client-master tbody tr:nth-child(even) {
	background-color: #eaeaea;
}
.clientnamecell {
	text-transform: capitalize;
}
.submit-btn-wrap .btn-warning {
	border-radius: 50px;
}

/*----------------------------------------------------------------
	Billing
----------------------------------------------------------------*/

.bill-table {
	width: 100%;
}
.bill-table tbody tr {
	border-bottom: 1px solid #808080;
}
.bill-table th {
	background-color: var(--primaryColor);
	color: #fff;
	font-weight: 500;
	padding: 0.5rem 0.5rem;
}
.bill-table td {
	padding: 0.5rem 0.5rem;
}
.bill-list-name {
	text-transform: uppercase;
}
.bills-display-flex-wrap {
	display: flex;
	justify-content: space-between;
}
.page-link-wrapper {
	margin-top: 3rem;
}
.sub-tot-table {
	width: 100%;
}
.vb-table td.sub-tot-cell {
	padding-left: 0;
	padding-right: 0;
}

/*----------------------------------------------------------------
	View Bill
----------------------------------------------------------------*/

.vb-table {
	width: 100%;
	border: 1px solid #7d7d7d;
}
.vb-logo {
	width: 220px;
}
.invoice-cell {
	font-size: 40px;
    font-weight: 700;
    color: #137efe;
}
.vb-table th {
	padding: 0.5rem 0.5rem;
	background-color: var(--primaryColor);
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
}
.vb-table td {
	padding: 0.5rem 0.5rem;
}
.itemrow {
	height: 35px;
}
.itemend {
	height: 150px;
}
.thanks-cell {
	font-size: 25px;
    color: #137efe;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}
.subtotal {
	background-color: #e8f2fd;
    border: 1px solid #137efe;
}
.thanks-cell-table {
	width: 100%;
	border-collapse:collapse;
}
.st-details {
	border-top: 1px solid #000;
}
.lt-tab td {
	padding: 0.125rem 0.5rem;
}
.rt-al {
	text-align: right;
}
.rt-tab {
	width: 100%;
	height: 150px;
}
.bill-table-cover {
	margin-bottom: 3rem;
}






/*----------------------------------------------------------------
	Reporting
----------------------------------------------------------------*/

.report-wrapper {
	min-height: calc(100vh - 133px);
}
.main-dash-title-wrapper {
	text-align: center;
	padding: 4rem 0;
}
#nameSelectForm select {
	border-radius: 50px;
}
.report-welcome-title {
	padding: 2rem 0;
}
.report-welcome-title h2 {
	text-align: center;
}
.report-wrap {
	margin-bottom: 3rem;
}
.dateLabel {
	color: var(--primaryColor);
}
.form-body {
	margin-bottom: 2rem;
}
.submit-btn-wrap {
	margin-top: 1.25rem;
}
.tat-wrap {
	margin-top: 75px;
}
.tat-cover {
	padding: 1rem;
	background-color: #f5f5f5;
	height: 100%;
}
.tat-cover ul {
	padding-left: 20px;
}
.tat-cover ul li {
	list-style-type: square;
	line-height: 25px;
}
.report-view-wrapper {
	padding: 2rem 1rem 3rem;
	margin-bottom: 3rem;
	max-height: 70vh;
	overflow-y: auto;
	background-color: #e9ecef;
}
.report-view-welcome-title {
	padding-bottom: 2rem;
}
.report-view-welcome-title h3 {
	text-align: center;
}
.r-v-table {
	width: 100%;
}
.r-v-table th {
	background-color: var(--primaryColor);
	color: #fff;
	font-weight: 500;
	padding: 0.15rem 0.5rem;
	border: 1px solid #fff;
}
.r-v-table td {
	padding: 0.25rem 0.5rem;
	border: 1px solid #cce5fb;
}
.r-v-table tr:nth-child(even) {
	background-color: #fff;
}
.r-v-cover {
	position: relative;
}
.rep-inst-wrap {
	position: absolute;
    bottom: -45px;
    right: 30px;
}

/*----------------------------------------------------------------
	Reporting Admin
----------------------------------------------------------------*/

.admin-row {
	margin: 0;
}
.admin-cover {
	padding: 0;
	position: relative;
}
.admin-side-cover {
	height: 100%;
	background-color: var(--primaryColor);
	position: fixed;
    top: 80px;
    left: 0;
    width: 25%;
}
.admin-sidenav-wrap h5 {
	color: #fff;
	padding: 20px 0 0 40px;
	margin-bottom: 20px;
}
.admin-sidenav-list {
	padding-left: 0;
}
.admin-sidenav-list li {
	line-height: 40px;
	padding-left: 20px;
}
.admin-sidenav-list li:hover {
	background-color: var(--secondaryColor);
}
.admin-sidenav-list li a {
	color: #fff;
	padding-left: 20px;
	text-transform: uppercase;
	display: block;
}
.action-field {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
/* .action-head, .action-field {
	display: none;
}
.admin-wrapper .action-head {
	display: table-cell;
}
.admin-wrapper .action-field {
	display: flex;
	justify-content: space-around;
	align-items: center;
} */

/*----------------------------------------------------------------
	Contact
----------------------------------------------------------------*/

#mail-msg-alert {
	margin-bottom: 3rem;
}
#mail-msg-alert button.btn {
	display: table;
	margin: 0 auto;
}
#mail-msg {
	color: #fff;
}
#mail-msg:hover {
	text-decoration: none;
}


/*----------------------------------------------------------------
	Footer
----------------------------------------------------------------*/

/* .top-footer-wrapper {
	
} */
.bottom-footer-wrapper {
	background-color: #137EFE;
	padding: 1rem 0;
}
.footer-copyright-text {
	margin-bottom: 0;
	text-align: center;
	font-size: 0.85rem;
	color: #fff;
}
.creator-link {
	color: #ade0f3;
}
.creator-link:hover {
	color: #fff;
}