body
{
	margin:0px;
	padding:0px;
}
.listingDetails 
{
    padding: 20px 0px;
    text-align:center;
}
.listingDetails ul {
	padding: 0;
}
.listingDetails.listingDetailsOperator 
{
    margin-top: 15px;
    margin-bottom: 15px;
}
.listingDetails.listingDetailsOperator ul li a 
{
	padding:15px 41.5px;
}
.listingDetails  ul 
{
    padding-left: 0px;
    list-style-type: none;
   text-align: center;
}
.listingDetails ul li 
{
    display: inline;
    padding: 0px 3px 0px 3px;
}
.listingDetails.listingDetailsOperator ul li
{
	padding:0px 2px 0px 2px;
}
.listingDetails ul li a 
{
    background: #4873b0 !important;
    color: white;
    text-decoration: none !important;
    padding:10px 9px;
    border-radius: 5px;
    font-family: initial;
    font-size: 14px;
}
.listingDetails1 ul li a
{
	padding:12px 23px;
}
.basicDetailsBtn 
{
    background: #778899;
    padding: 10px 22px;
    color: white;
    border-radius: 5px;
    border: none;
    font-size: 15px;
}
.listingDetails ul li a.active 
{
    background: #0B1E59 !important;
    padding:11px 10px;
    font-size: 14px;
}
.table-striped>tbody>tr:nth-child(odd)
{
	background:white !important;
}
/**Header**/
.headerNew
{
	background: url('../js/flag1.png') #fac38d;
	background-repeat: no-repeat;
    background-position: left bottom;
    z-index: 9;
    position: fixed !important;
    width: 100%;
    left:0;
}
.logoNew 
{
    padding: 8px 0px;
}
.logoNew span
{
	color:black;
}
.logoNew img 
{
    width: 95px;
}
.logoNew a 
{
    font-size: 28px;
    font-family: initial;
    padding-left: 10px;
    text-decoration: none !important;
    cursor: pointer;
    color:black;
}
.digitalImgNew 
{
    padding-top: 7px;
}
.digitalImgNew img 
{
    right: 0;
    position: absolute;
}
ul.headerMenuNew {
    position: absolute;
    margin-bottom: 0px;
    right: 20px;
    bottom: -8px;
    list-style-type: none;
    margin-top: 40px;
    background: #505050;
    border: 1px solid #fff;
    border-radius: 6px;
    overflow: hidden;
    font-family: arial;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
ul.headerMenuNew li 
{
    float: left;
    border-right: 1px solid #fff;
    border-top: 0px !important;
    border-bottom: 0px !important;
}
ul.headerMenuNew li:last-child
{
	border-right:0px;	
}
ul.headerMenuNew li a 
{
    padding: 4px 10px;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
}
/**Not found**/
.notFoundNew 
{
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(0%,-50%);
}
.notFoundSec 
{
    width: 65%;
    margin: 0px auto;
    padding: 50px;
    height: 300px;
    font-family:initial;
}
.notFoundImg 
{
    width: 45%;
    float: left;
}
.notFoundImg img 
{
    width: 300px;
}
.notFoundText 
{
    width: 55%;
    float: right;
}
.notFoundText h2 
{
    font-size: 75px;
    margin: 0px auto;
}
.notFoundText h3 
{
    margin: 10px auto;
    font-size: 25px;
}
.notFoundText p 
{
    font-size: 16px;
    line-height:initial;
}
a.backHome
{
	background: #656569;
    color: white;
    padding: 10px 15px;
    width: 100px;
    margin-top: 20px;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    text-transform: capitalize;
    font-size: 15px;
    display: block;
}
/**Table**/
.ncltTbl 
{
    margin: 30px auto !important;
}
.ncltTbl tr:nth-child(odd) 
{
    background: #f7f7f7;
}
.ncltTbl th 
{
    background: gray;
    font-size: 18px;
    font-weight: normal;
}
/**Select NCLT**/
.selectNCLTNew
{
	width:70%;
}
/**Dashboard**/
.pageWrapperNew
{
	padding:0px !important
}
.form-group.footable-filtering-search span.fooicon,.footable .btn .caret 
{
    color: white;
}
.form-group.footable-filtering-search button.btn.btn-primary,button.btn.btn-default.dropdown-toggle
{
    height: 34px;
    background:#85b3c5;
    border:0px !important;
    
}
.form-group.footable-filtering-search button.btn.btn-default.dropdown-toggle
{
	border-left:1px solid white;
}
ul.pagination li {
    padding: 0px !important;
}
.digitalImgNewAfter img
{
	width:150px;
}
.digitalImgNew.digitalImgNewAfter img
{
	width:150px;
}
a.backBtnNew
{
	color: #f7f7f7;
	text-align: center;
	float: left;
	background: #303b42;
	padding: 5px 18px;
	font-size: 17px;
	border-radius: 15px;
	margin: 0px px;
	border: 1px solid #4a565d;
}
a.nextBtnNew
{
	    color: #f7f7f7;
	    text-align: center;
	    float: right;
	    background: #303b42;
	    padding: 5px 18px;
	    font-size: 17px;
	    border-radius: 15px;
	    margin: 0px px;
	    border: 1px solid #4a565d;
}
a.backBtnNew span
{
	    padding-left: 5px;
	    color: white;
	}
	a.backBtnNew:hover 
	{
	    background: #0d4650;
	    box-shadow: 2px 2px 5px #b3b3b3;
	}
	a.nextBtnNew span 
	{
	    padding-right: 5px;
	    color: white;
	}
	a.nextBtnNew:hover {
	    background: #0d4650;
	    box-shadow: 2px 2px 5px #b3b3b3;
}
/**Receipt layout**/
.reciptPopup
{
	width:50%;
	margin:50px auto;
}
.bgPopup
{
	position:relative;
}
.bgPopup img 
{
    position: absolute;
    width: 250px;
    /* top: 50%; */
    left: 50%;
    transform: translate(-50%,-0%);
    margin: 50px 0px;
    opacity: 0.1;
}
.recPopupHead img 
{
    width: 80px;
    float: left;
    margin-right: 10px;
}
.recPopupHead h1
{
	color: #aa6f19;
	margin-top: 0px;
	font-size: 30px;
}
.modal-content.reciptPopupContent 
{
    min-height: 350px;
}
.transactionTbl
{
	width:60%;
	margin-bottom: 20px;
}
.transactionTblNew
{
	width:100%;
}
.transactionTblNew td,th 
{
    padding: 5px 5px;
    text-align: center;
}
.transactionTblNew td #forgetPopup
{
	border: 0.1px solid #e8e8e8;
}
.glyphicon-print:before 
{
    content: none;
}
/**NCLAT Homepage slider**/
.mainPageBoxes .box1 
{
    float: left;
    width: 24%;
    padding: 10px;
    margin: 1% 0.5%;
    color:white;
}
.carousel-control.left 
{
    left: -60px;
}
.carousel-control.right 
{
    right: -25px;
}
.carousel-control.left, .carousel-control.right 
{
    background: none !important;
    opacity:1;
}
.carousel-control.right img 
{
    transform: rotate(180deg);
}
/**Buttons**/
.ncltBtn 
{
    font-size: 15px !important;
    padding: 2px 10px !important;
    font-family: initial !important;
    text-transform: capitalize;
    color:white !important;
    background: #85b3c5 !important;
    border: 1px solid #85b3c5 !important;
}
.ncltBtn:hover, .ncltBtn:active, .ncltBtn:focus 
{
    background: #3352a0;
    border: 1px solid #3352a0;
}
.backBtn 
{
    background: gray !important;
    border: gray !important;
}
.deleteBtn
{
	background: gray !important;
    border: gray !important;
}

/**HomePageSlider**/
.sliderText 
{
    float: left;
    position: absolute;
    left: 10%;
    top: 0;
    text-align: left;
    padding: 0px;
}
.sliderImg 
{
    float: right;
    height:300px;
}
.firstSlide img 
{
    width: 450px;
}
.sliderText h3 
{
    color: #d1741d;
    font-size: 25px;
    text-shadow: none;
    margin-bottom: 0px;
}
.sliderText ul 
{
    list-style-type: none;
    padding: 5px;
    float:left;
}
.sliderText ul li img
{
    width: 15px;
    margin-right: 8px;
    margin-top: -5px;
}
.sliderText ul li 
{
    color: black;
    margin-bottom: 5px;
    text-shadow: none;
}
a.left.carousel-control img 
{
    position: absolute;
    top: 50%;
    width:40px;
}
a.right.carousel-control img 
{
    position: absolute;
    top: 50%;
    transform:rotate(180deg);
     width:40px;
}
/**Home Page Boxes **/
.homePageBoxes 
{
    WIDTH: 100%;
    MARGIN-TOP: 10PX;
}
.box1 
{
   	WIDTH: 24.2%;
    BACKGROUND: #b1ddf2;
    MARGIN-RIGHT: 1%;
    BORDER: 1PX SOLID LIGHTGRAY;
    PADDING: 10PX 10PX;
    float: left;
    height: 150px;
    text-align: center;
}
.dashboardPopup .modal-header {
	padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    background: rgba(245, 146, 47, 0.55);
    background: #1d335c;
    color: #fff;
}
.dashboardPopup .modal-title {
    font-size: 18px;
}
.dashboardPopup th
{
	background:gray;
	color:white;
}
.dashboardPopup .modal-footer
{
	text-align:center;
}
.mainContainerNew
{
		border: 1px solid red;
		min-height:450px;
		background:white;
		padding:0px;
}
.sliderBox
{
	padding:10px;
	padding-top:20px;
}
/**Applicant and Registery Img size**/
.applicantCornerImg img,.registryAreaImg img
{
	width:215px;
	height:127px;
	margin:0px auto;
}
#popup1,#forgetPopup 
{
	position: absolute;
	top: 50%  !important;
	left: 50% !important;
	transform: translate(-50%,-50%);
}
.userAreaHomePage
{
	padding:15px 10px;
}

div#registryarea .panel-warning
{
	margin-bottom:0px;
}
.popupArea
{
	padding:25px 10px;
}
.userAreaHomePage .panel-footer a
{
	font-size:15px;
	background:black;
	color:white;
	bprder:1px solid black;
}
.boxText p
{
    font-size: 16px;
    font-weight: bold;
    text-transform:capitalize;
}
a.counts 
{
    font-size: 22px !important;
    /* margin-bottom: 2px; */
    color: #a92863;
    font-family: serif;
    FONT-WEIGHT:BOLD;
}
.box1:last-child 
{
    margin-right: 0;
}
.text-center.mainFormError SPAN 
{
    TEXT-TRANSFORM: CAPITALIZE;
    /* MARGIN-BOTTOM: 10PX; */
}
/**View recipt**/
.viewReceipt:hover 
{
    background: none;
    border: 1px solid gray;
}
.viewReceipt 
{
    background: gray;
    color: white;
    padding: 3px 10px;
    /* width: 100%; */
}
.eFillingText
{
	font-size: 20px; 
	text-align: center;
	padding-top:5px;
	text-transform: capitalize;
}

/**View recipt**/
.viewReceipt:hover 
{
    background: none;
    border: 1px solid gray;
}
.viewReceipt {
    background: gray;
    color: white;
    padding: 3px 10px;
    /* width: 100%; */
}
.eFillingText
{
	font-size: 20px; 
	text-align: center;
	padding-top:5px;
	text-transform: capitalize;
}
/**Help Button**/
.helpBtn
{
	position: absolute;
    top: 50%;
    transform: rotate(270deg);
    right: -47px;
}
.helpBtn img 
{
    width: 150px;
}
/**Custom padding reduce**/
.paddingReduce .form-control 
{
    padding: 6px 6px;
    height: auto;
    line-height: initial;
    color:gray;
}
.paddingReducePanel
{
	padding-top:0px;
	padding-bottom:0px;	
}
a.backBtnNew:before,a.nextBtnNew:before
{
 	content: none !important;
}
.padding120
{
	padding-top:120px !important;
}
.padding135
{
	padding-top:135px;
}
.afterMenuArea
{
	width: calc(100% - 280px);
    float: right;
    padding: 10px;
}
.changePassContainer
{
	margin:0px auto !important;
}
.padding100
{
	padding-top:100px;
}
.boxWidth
{
	width:20% !important;
}
.dashboardPopup
{
	width:70% !important;
}
ul.headerMenuNew li a:hover {
    background: rgb(23, 196, 187);
    color: #fff;
}

.modal-header { 
    background: #0B1E59;
}
h4.modal-title {
    color: #fff;
}
.modal-header .close { 
    color: #fff;
    opacity: 1;
    font-size: 20px !important;
}
.close:hover, .close:focus {
    color: #fff !important;  
}
.user_types_radio {
    border: 0 !important;
    padding: 0 !important;
    border-radius: 5px;
}
.user_types_radio .heading {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 11px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
}
.user_types_radio label { 
    margin-top: 7px !important;
}
.header-form.modal-form {
    background-color: transparent !important;
    border: 0 !important;
}
.header-form {
    padding: 10px !important;
} 
.search-btn {
    background: #0b1e5a;
    border: 2px solid #0b1e5a;
    color: #fff;
}
/**Print**/
@media print
{
    .headerNew
    {
    	display:none;
    }
}
/**Responsive**/
@media only screen and (min-width : 1366px)
{
	body
	{
		max-width:1366px;
		margin:0px auto;
	}
}
@media only screen and (min-width : 1023px) and (max-device-width : 1365px) 
{
/* Styles */
	.carousel-control.right
	{
		right:0px;
	}
	.logoNew a
	{
		font-size:22px;
	}
	.firstSlide img 
	{
	    width: 400px;
	    padding: 30px 0px;
	}
	.box1
	{
		width:48.5%;
	}
	.userAreaHomePage
	{
		padding:65px 10px;
	}
	.menu-list
	{
	min-height:550px;
	}
}
@media only screen and (min-width : 768px) and (max-width : 1023px) 
{
	/* Styles */
	.carousel-control.right
	{
		right:0px;
	}
	.logoNew a
	{
		font-size:21px;
	}
	.firstSlide img 
	{
	    width: 400px;
	    padding: 30px 0px;
	}
	.box1
	{
		width:48.5%;
	}
	.menu-list
	{
	min-height:550px;
	}
	ul.headerMenuNew
	{
		padding-top: 35px;
	}
}
@media only screen and (min-width : 768px) and (max-width : 991px) 
{
	div#userarea 
	{
	    width: 49%;
	    float: left;
	}
	div#registryarea
	{
		width:50%;
		float:right;
	}
	.popupArea
	{
		width:50%;
	}
	.reciptPopup
	{
		width:80%;
	}
	.recPopupHead h1
	{
		font-size: 21px;
	}
	.padding135
	{
		padding-top:100px;
	}
	nav.navbar.headerNew button 
	{
		background: #5f5c5c;
		margin-top: 15px;
		margin-right: 5px;
	}
	nav.navbar.headerNew button span.icon-bar 
	{
    	background: wheat;
	}
	ul.headerMenuNew
	{
		padding-top:0px;
	}
	.logoNew img 
	{
    	width: 65px;
	}
	.logoNew a
	{
		font-size:21px;
	}
	ul.headerMenuNew 
	{
    	padding-top: 25px;
	}
	ul.headerMenuNew li a
	{
		font-size: 13.5px;
	}
	.navbar-nav > li > a 
	{
    	padding: 0px 5PX !important;
    	font-size: 12px !important;
	}
}
@media only screen and (min-width : 480px) and (max-width : 768px)
{
			/* Styles */
		.headerNew .col-xs-12 
		{
		    padding: 0px;
		}
		.logoNew a
		{
			font-size:17px;
		}
		.logoNew img
		{
			width:50px;
			margin-right: 10px;
		}
		.logoNew
		{
			padding-bottom:0px;
		}
		.digitalImgNew img
		{
			position:relative;
			width:100px;
		}
		.digitalImgNew
		{
			text-align:center;
			padding-top:0px;
		}
		.box1
		{
			width:100%;
		}
		.sliderBox
		{
			padding:10px 0px;
		}
		.carousel-control.right
		{
			right:15px;
		}
		.carousel-control.left
		{
			left:-25px;
		}
		.sliderText ul li img
		{
			width: 15px !important;
			
		    height: auto !important;
		}
		.sliderText
		{
			left:5%;
		}
		.sliderImg 
		{
		    float: right;
		    height: 300px;
		}
		.sliderImg img 
		{
		    width: 350px !important;
		    width: 100%;
		    height: auto !important;
		    padding: 62px 0px;
		}
		.applicantCornerImg img, .registryAreaImg img
		{
			width:100%;
		}
		div#userarea 
		{
		    width: 49%;
		    float: left;
		}
		div#registryarea
		{
			width:49%;
			float:right;
		}
		i.fa.fa-bars.fa-2x.toggle-btn
		{
			 z-index: 9999999 !important;
		}
		.menu-list
		{
			width: auto;
    		min-height: auto;
    		background: none;
    		z-index: 99;
		}
		.reciptPopup
		{
			width:90%;
		}
		.recPopupHead h1
		{
			font-size: 21px;
		}
		.padding135
		{
			padding-top:80px;
		}
		nav.navbar.headerNew button 
		{
		    background: #5f5c5c;
		    margin-top: 15px;
		    margin-right: 5px;
		}
		nav.navbar.headerNew button span.icon-bar 
		{
    		background: wheat;
		}
			ul.headerMenuNew 
		{
    		background: #5f5c5c;
    		padding-top:0px;
    		margin-top:0px;
		}
		ul.headerMenuNew li 
		{
    		width: 100%;
		}
		ul.headerMenuNew li a 
		{
    		color: white;
    		border-bottom: 1px dotted #b7b7b7;
    		    padding: 7px 8px;
		}
}
@media only screen and (min-width : 320px) and (max-width : 480px)
{
		.modal-open
		{
			overflow:auto;
		}
		/* Styles */
		.headerNew .col-xs-12 
		{
		    padding: 0px;
		}
		.logoNew a
		{
			font-size:16px;
			padding-left: 0px ;
		}
		.logoNew img
		{
			width:50px;
			margin-right: 0px;
		}
		.digitalImgNew img
		{
			position:relative;
			width:100px;
		}
		.digitalImgNew
		{
			text-align:center;
			padding-top:0px;
		}
		.box1
		{
			width:100%;
		}
		.sliderBox
		{
			padding:10px 0px;
		}
		.carousel-control.right
		{
			right:15px;
		}
		.carousel-control.left
		{
			left:-25px;
		}
		.sliderText ul li img
		{
			width: 15px !important;
		    height: auto !important;
		}
		.sliderText
		{
			left:5%;
		}
		.sliderImg 
		{
		    float: right;
		    height: 310px;
		}
		.firstSlide img 
		{
		    width: 210px !important;
		    width: 100%;
		    height: auto !important;
		    padding: 100px 0px;
		}
		.applicantCornerImg img, .registryAreaImg img
		{
			width:100%;
		}
		.sliderText h3
		{
			font-size:20px;
		}
		.digitalImgNew.digitalImgNewAfter img
		{
			width: 100px;
			padding-top: 10px;
			margin-right:0px !important;			
		}
		i.fa.fa-bars.fa-2x.toggle-btn
		{
			z-index: 9999999 !important;
		}
		.menu-list
		{
			width: auto;
    		min-height: auto;
    		background: none;
    		z-index: 99;
		}
		.selectNCLTNew
		{
			width:95%;
		}
		.afterMenuArea
		{
			width:100%;
		}
		.padding120 
		{
    		padding-top: 100px !important;
		}
		.boxWidth
		{
			width:100% !important;
		}
		.dashboardPopup
		{
			width:95% !important;
		}
		.reciptPopup
		{
			width:90%;
		}
		.recPopupHead h1
		{
			font-size: 21px;
		}
		.padding135
		{
			padding-top:80px;
		}
		nav.navbar.headerNew button 
		{
		    background: #5f5c5c;
		    margin-top: 15px;
		    margin-right: 5px;
		}
		nav.navbar.headerNew button span.icon-bar 
		{
    		background: wheat;
		}
		.afterMenuArea
		{
			width:100%;
		}
		ul.headerMenuNew 
		{
    		background: #5f5c5c;
    		padding-top:0px;
    		margin-top:0px;
    		margin: 0 0;
		}
		ul.headerMenuNew li 
		{
    		width: 100%;
		}
		ul.headerMenuNew li a 
		{
    		color: white;
    		border-bottom: 1px dotted #b7b7b7;
    		    padding: 7px 8px;
		}	
}
@media only screen and (max-width : 320px)
{
		.modal-open
		{
			overflow:auto;
		}
		.logoNew a
		{
			font-size:15px !important;
			padding-left: 0px ;
		}
		.firstSlide img
		{
			padding:120px 0px;
			width:200px !important;
		}
		.sliderText h3
		{
			font-size:20px;
		}
		.sliderImg
		{
			height:330px;
		}
		.afterMenuArea
		{
			width:100%;
		}
		.boxWidth
		{
			width:100% !important;
		}
		.dashboardPopup
		{
			width:95% !important;
		}
		.reciptPopup
		{
			width:90%;
		}
		.recPopupHead h1
		{
			font-size: 21px;
		}
		.padding135
		{
			padding-top:80px;
		}
		nav.navbar.headerNew button 
		{
		    background: #5f5c5c;
		    margin-top: 15px;
		    margin-right: 5px;
		}
		nav.navbar.headerNew button span.icon-bar 
		{
    		background: wheat;
		}
		ul.headerMenuNew
		{
			padding-top:0px;
		}
		.afterMenuArea
		{
			width:100%;
		}
		ul.headerMenuNew 
		{
    		background: #5f5c5c;
		}
		ul.headerMenuNew li 
		{
    		width: 100%;
		}
		ul.headerMenuNew li a 
		{
    		color: white;
    		border-bottom: 1px dotted #b7b7b7;
    		    padding: 7px 8px;
		}
}
.digitalImgNew.digitalImgNewAfter img
{
	width: 100px;			
}
i.fa.fa-bars.fa-2x.toggle-btn
{
	z-index: 9999999 !important;
}
.menu-list
{
	width: auto;
    min-height: auto;
    background: none;
    z-index: 99;
}
.logoNew a:hover {
    color: black;
}














/*GRIDS*/
.detail-grids {
    background: #cfe3e3;
    margin-bottom: 20px;
    border-radius: 6px;
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px;
    border: 1px solid #b9d6d6;
}
.detail-grids a {
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    font-weight: bold;
    font-size: 16px;
    border-radius: 8px;
    padding: 25px 10px;
    margin-bottom: 25px;
    font-family: sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.18);
    background: #919191;
    background: -moz-linear-gradient(top, #919191 0%, #1e1e1e 100%);
    background: -webkit-linear-gradient(top, #919191 0%,#1e1e1e 100%);
    background: linear-gradient(to bottom, #919191 0%,#1e1e1e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#1e1e1e',GradientType=0 );
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.8);
    outline: 0;
    position: relative;
    top: 0;
    transition: all 0.3s;
}
.detail-grids a:hover {
    top: -4px;
    box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.28);
}
.detail-grids a i {
    font-size: 60px;
    margin-bottom: 10px;
}
.detail-grids a.red {
	background: #ce483d;
    background: -moz-linear-gradient(top, #ce483d 0%, #aa291e 100%);
    background: -webkit-linear-gradient(top, #ce483d 0%,#aa291e 100%);
    background: linear-gradient(to bottom, #ce483d 0%,#aa291e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce483d', endColorstr='#aa291e',GradientType=0 );
}
.detail-grids a.yellow {
	background: #f8bd27;
	background: -moz-linear-gradient(top, #f8bd27 0%, #dca416 100%);
	background: -webkit-linear-gradient(top, #f8bd27 0%,#dca416 100%);
	background: linear-gradient(to bottom, #f8bd27 0%,#dca416 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8bd27', endColorstr='#dca416',GradientType=0 );
}
.detail-grids a.blue {
	background: #2a70e8;
    background: -moz-linear-gradient(top, #2a70e8 0%, #1357cc 100%);
    background: -webkit-linear-gradient(top, #2a70e8 0%,#1357cc 100%);
    background: linear-gradient(to bottom, #2a70e8 0%,#1357cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a70e8', endColorstr='#1357cc',GradientType=0 );
}
.detail-grids a.pink {
	background: #de317a;
    background: -moz-linear-gradient(top, #de317a 0%, #93003e 100%);
    background: -webkit-linear-gradient(top, #de317a 0%,#93003e 100%);
    background: linear-gradient(to bottom, #de317a 0%,#93003e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de317a', endColorstr='#93003e',GradientType=0 );
}
.detail-grids a.green {
	background: #2ab274;
    background: -moz-linear-gradient(top, #2ab274 0%, #148853 100%);
    background: -webkit-linear-gradient(top, #2ab274 0%,#148853 100%);
    background: linear-gradient(to bottom, #2ab274 0%,#148853 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ab274', endColorstr='#148853',GradientType=0 );
}
.detail-grids a.liteblue {
	background: #26a8df;
    background: -moz-linear-gradient(top, #26a8df 0%, #2187ae 100%);
    background: -webkit-linear-gradient(top, #26a8df 0%,#2187ae 100%);
    background: linear-gradient(to bottom, #26a8df 0%,#2187ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a8df', endColorstr='#2187ae',GradientType=0 );
}
.detail-grids a.brown {
	background: #f5a977;
    background: -moz-linear-gradient(top, #f5a977 1%, #b37952 100%);
    background: -webkit-linear-gradient(top, #f5a977 1%,#b37952 100%);
    background: linear-gradient(to bottom, #f5a977 1%,#b37952 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5a977', endColorstr='#b37952',GradientType=0 );
}
.detail-grids a.litegreen {
    background: #b7c75c;
    background: -moz-linear-gradient(top, #b7c75c 1%, #7c8e34 100%);
    background: -webkit-linear-gradient(top, #b7c75c 1%,#7c8e34 100%);
    background: linear-gradient(to bottom, #b7c75c 1%,#7c8e34 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7c75c', endColorstr='#7c8e34',GradientType=0 );
}

@media (min-width: 768px) {
	.col-half-offset{
	    width: 20%;
	}
}