@charset "ISO-8859-1";

#header_content, #menu_content, #body_content, #footer_content {
	/* padding: 0 0 6.25rem; */
	padding: 0;
	margin: 0;
	font-weight: 400 !important;
	font-family: Roboto;
	color: #333;
	font-size: 0.8125rem;
	line-height: 1.3125rem;
}

.mainblock {
	width: 100%;
	/* padding-bottom: 5%; */
}

@font-face {
	font-family: Roboto;
	src: url(../../fonts/Roboto-Regular.eot);
	src: url(../../fonts/Roboto-Regular.eot?#iefix)
		format('embedded-opentype'), url(../../fonts/Roboto-Regular.woff2)
		format('woff2'), url(../../fonts/Roboto-Regular.woff) format('woff'),
		url(../../fonts/Roboto-Regular.ttf) format('truetype'),
		url(../../fonts/Roboto-Regular.svg#Roboto-Regular) format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Roboto;
	src: url(Roboto-Bold.eot);
	src: url(../../fonts/Roboto-Bold.eot?#iefix) format('embedded-opentype'),
		url(../../fonts/Roboto-Bold.woff2) format('woff2'),
		url(../../fonts/Roboto-Bold.woff) format('woff'),
		url(../../fonts/Roboto-Bold.ttf) format('truetype'),
		url(../../fonts/Roboto-Bold.svg#Roboto-Bold) format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: Roboto;
	src: url(../../fonts/Roboto-Light.eot);
	src: url(../../fonts/Roboto-Light.eot?#iefix)
		format('embedded-opentype'), url(../../fonts/Roboto-Light.woff2)
		format('woff2'), url(../../fonts/Roboto-Light.woff) format('woff'),
		url(../../fonts/Roboto-Light.ttf) format('truetype'),
		url(../../fonts/Roboto-Light.svg#Roboto-Light) format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: Roboto;
	src: url(../../fonts/Roboto-Medium.eot);
	src: url(../../fonts/Roboto-Medium.eot?#iefix)
		format('embedded-opentype'), url(../../fonts/Roboto-Medium.woff2)
		format('woff2'), url(../../fonts/Roboto-Medium.woff) format('woff'),
		url(../../fonts/Roboto-Medium.ttf) format('truetype'),
		url(../../fonts/Roboto-Medium.svg#Roboto-Medium) format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: Roboto;
	src: url(../../fonts/Roboto-Thin.eot);
	src: url(../../fonts/Roboto-Thin.eot?#iefix) format('embedded-opentype'),
		url(../../fonts/Roboto-Thin.woff2) format('woff2'),
		url(../../fonts/Roboto-Thin.woff) format('woff'),
		url(../../fonts/Roboto-Thin.ttf) format('truetype'),
		url(../../fonts/Roboto-Thin.svg#Roboto-Thin) format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: Roboto;
	src: url(../../fonts/Roboto-Black.eot);
	src: url(../../fonts/Roboto-Black.eot?#iefix)
		format('embedded-opentype'), url(../../fonts/Roboto-Black.woff2)
		format('woff2'), url(../../fonts/Roboto-Black.woff) format('woff'),
		url(../../fonts/Roboto-Black.ttf) format('truetype'),
		url(../../fonts/Roboto-Black.svg#Roboto-Black) format('svg');
	font-weight: 900;
	font-style: normal;
}

.loadersmall {
	position: absolute;
	left: 50%;
	top: 50%;
	border: 5px solid #f3f3f3;
	border-top: 5px solid black;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}



/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.modal-backdrop.show {
	opacity: .5;
}
/*.modal-backdrop.fade {
    opacity: 0;
}*/
.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}

.spinner {
	display: none;
}

.fade {
	transition: opacity .15s linear;
}

.nav-tabs .nav-item {
	margin-bottom: 0px;
}

.card-header {
	background: #fef2dd;
	cursor: pointer;
}

.color1 {
	box-shadow: 0 3px 3px 0 #cdc4c0;
}

.save-gstr-btn:hover {
	background: #600000;
	transition: all .3s;
	color:white;
	 cursor: not-allowed;
}

.save-gstr-btn {
	background-color: #c6dbd9;
	color: #000;
}
.save-gstr-exc:hover {
    cursor: not-allowed;
}
#img_refreshPage {
    background: url(../../images/Sprite.png) -179px -2px;
    height: 25px;
    width: 25px;
    margin-top: 5px;
    margin-right: 5px;
    cursor: pointer;
}
.lable {
    padding-right: 10px;
    font-weight: 600;
    color: #8b231d;
    text-transform: capitalize;
    font-style: normal;
}


.pageDiv {
    float: right;
    padding-top: 0;
    margin-right: 10px;
}
.paginationBlock, .paginationBlock nav {
    width: 100%;
    float: left;
}

.paginationBlock.mainblock {
    text-align: right;
}
.paginationBlock .pagination {
    padding-left: 0;
    margin: 15px 0 7px;
    border-radius: 4px;
    float: right;
}
.paginationBlock.mainblock ul {
    margin-right: 10px;
}
ul.pagination {
	float: right;
	margin: 10px 0;
}
.pagination li.active a {
	color: #8b231d !important;
	background-color: #f9e7c5 !important;
	border-color: #efd8ac !important;
}

.paginationBlock .pagination>li>a, .paginationBlock .pagination>li>span
	{
	position: relative;
	float: left;
	padding: 4px 12px;
	font-size: 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #7c7979;
	text-decoration: none;
	background-color: rgba(250, 216, 158, .18);
	border: 1px solid #d8c9af;
}

.paginationBlock, .paginationBlock nav {
	width: 100%;
	float: left;
}

.paginationBlock .pagination>li:first-child>a, .paginationBlock .pagination>li:first-child>span
	{
	margin-left: 0;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.paginationBlock .pagination>li:last-child>a, .paginationBlock .pagination>li:last-child>span
	{
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}