﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 50px !important;
	padding-bottom: 20px !important;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
	width: 100% !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.RadLabel {
	overflow-wrap: anywhere !important;
	min-width: 125px !important;
	margin-bottom: 5px !important;
	/*font-weight: bold;*/
}

.container {
	width: 100% !important;
	padding-right: 5px !important;
	padding-left: 5px !important;
}
/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
	max-width: 280px;
}

.t-container {
	max-width: none !important;
	font-weight: 100;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	.jumbotron {
		margin-top: 20px;
	}

	.body-content {
		padding: 0;
	}
}


.divs {
	padding: 20px;
	background-color: #dddddd6b;
	transform: rotateX(51deg) rotateZ(deg);
	transform-style: preserve-3d;
	border-radius: 32px;
	border-color: royalblue;
	box-shadow: 1px 1px 0 1px #f9f9fb, -1px 0 28px 0 rgba(34, 33, 81, 0.01), 28px 28px 28px 0 rgba(34, 33, 81, 0.25);
	transition: .4s ease-in-out transform, .4s ease-in-out box-shadow;
}

	.divs:hover {
		transform: translate3d(0px, 0px, -250px);
		transform: perspective(3000px) rotateY(5deg);
		box-shadow: 1px 1px 0 1px #f9f9fb, -1px 0 28px 0 rgba(34, 33, 81, 0.01), 54px 54px 28px -10px rgba(34, 33, 81, 0.15);
	}

.small-box {
	box-shadow: 5px 5px 5px #c1c0c196;
	font-weight: bold;
	margin: 20px;
}

	.small-box > .inner {
		padding: 10px;
	}

	.small-box .icon {
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
		position: absolute;
		top: 20px;
		right: 65px;
		z-index: 0;
		font-size: 90px;
		color: rgba(0, 0, 0, 0.15);
	}

	.small-box > .small-box-footer {
		position: relative;
		text-align: center;
		padding: 3px 0;
		color: #fff;
		color: rgba(255, 255, 255, 0.8);
		display: block;
		z-index: 10;
		background: rgb(34, 45, 50);
		text-decoration: none;
	}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding: 10px !important;
}


.bg-Population {
	background-color: #7bc01e;
}

.bg-Voter {
	background-color: #15bfd3;
}

.bg-Booth {
	background-color: #c04585;
}

.bg-state {
	background-color: #fd7700;
}

.bg-district {
	background-color: aqua;
}

.bg-subdistrict {
	background-color: #c04585;
}

.bg-block {
	background-color: #aba000;
}

.bg-ward {
	background-color: #976c04;
}

.bg-village {
	background-color: sandybrown;
}

.liststyle {
	list-style: none;
	font-size: 18px;
	line-height: 28px;
}

.bg-districtpanchayat {
	background-color: #15bfd3;
}

.bg-subdistrictpanchayat {
	background-color: yellow;
}

.bg-villagepanchayat {
	background-color: #aba000;
}

.bg-localbodies {
	background-color: lightgray;
}

.bg-MunicipalCorporations {
	background-color: #fd7700;
}

.bg-Municipality {
	background-color: #7bc01e;
}

.bg-NotifiedAreaCouncil {
	background-color: burlywood;
}

.bg-TownPanchayat {
	background-color: mediumpurple;
}







.navbar-default {
	color: #fff;
	background-color: #232323;
	border-color: #aca1a2;
}

	.navbar-default .navbar-nav > li > a {
		color: #fff;
	}

	.navbar-default .navbar-nav > .dropdown > a .caret {
		border-top-color: #fff;
		border-bottom-color: #fff;
	}

	.navbar-default .navbar-brand {
		color: #fff;
	}

.menu-large {
	position: static !important;
}

.megamenu {
	padding: 20px !important;
	width: 100%;
	list-style-type: none !important;
}

	.megamenu .row {
		margin: 20px !important;
	}

	.megamenu > li > ul {
		padding: 0;
		margin: 0;
		list-style-type: none !important;
	}

	.multi-column-dropdown {
		list-style: none;
		list-style-type: none !important;
	}

	.megamenu > li > ul > li {
		list-style: none;
		list-style-type: none !important;
	}

		.megamenu > li > ul > li > a {
			display: block;
			padding: 3px 20px;
			clear: both;
			font-weight: normal;
			line-height: 1.428571429;
			color: #333333;
			white-space: normal;
		}

	.megamenu > li ul > li > a:hover,
	.megamenu > li ul > li > a:focus {
		text-decoration: none;
		color: #262626;
		background-color: #f5f5f5;
	}

	.megamenu.disabled > a,
	.megamenu.disabled > a:hover,
	.megamenu.disabled > a:focus {
		color: #999999;
	}

		.megamenu.disabled > a:hover,
		.megamenu.disabled > a:focus {
			text-decoration: none;
			background-color: transparent;
			background-image: none;
			cursor: not-allowed;
		}

	.megamenu.dropdown-header {
		color: #428bca;
		font-size: 18px;
	}

@media (max-width: 768px) {
	.megamenu {
		margin-left: 0;
		margin-right: 0;
	}

		.megamenu > li {
			margin-bottom: 30px;
		}

			.megamenu > li:last-child {
				margin-bottom: 0;
			}

		.megamenu.dropdown-header {
			padding: 3px 15px !important;
		}

	.navbar-nav .open .dropdown-menu .dropdown-header {
		color: #fff;
	}
}
