body{
margin:0px;
font-family:Source Sans Pro;
color:#666;
-webkit-font-smoothing: antialiased;
scrollbar-face-color: slategray;
scrollbar-track-color: #b8c0c8;
}
ul,ol{
-webkit-padding-start: 0px;
-moz-padding-start: 0px;
-ms-padding-start: 0px;
-o-padding-start: 0px;}
a{color:#ff4d55}
a:hover{color:#ae1d23}
.breadcrumb{padding:0;border:none;background-color:transparent;margin-bottom:30px}
.container{margin-top:60px}
/* scrollbar */
::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}

::-webkit-scrollbar-thumb {
  background: slategray;
}

::-webkit-scrollbar-track {
  background: #b8c0c8;
}
/* scrollbar-end */

.landing-bg{
background: url("../img/mylobg.jpg") no-repeat center top;
background-size: cover;
background-attachment: fixed;
}

.landing-overlay{
box-shadow: 0pc 0.041666667in 0.3125in rgba(0,0,0,.36);
background: rgba(255, 255, 255, 0.3);
position: relative;
overflow: hidden;
}

.card{
	margin:15px;
	background:#fff;
	padding:15px 0px;
	position:relative;
	overflow:hidden;
	transition: .3s ease-in-out;
}

.card:hover{transform:scale(1.02)}

.title{color:#ff4d55;font-size:24px;font-weight:bold}

.DCO .btn{width:100%;border-radius:0px;border:1px solid white;}

.DCO{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 38px;
}

.card i{padding-right:15px; color:#202121 }
.card .col-md-8 a{text-decoration: none;}

.l-catg{    
width: 100%;
background-color: rgba(255, 255, 255, 0.75);
}

.nav-title{
	padding: 10px 15px;
    background: #ff4d55;
    color: white;
    font-size:18px;
	margin-top: 15px;
}

.nav-catg{padding: 5px 15px;}

.nav-catg a{color:#202121;text-transform:capitalize;font-weight:bold}

.nav-catg i{float:right}

.nav-sub-catg{padding: 2px 15px;background-color: rgba(255, 255, 255, 0.6);margin-left:15px;margin-top:1px;cursor:pointer}

.nav-sub-catg:hover {background-color: rgba(255, 255, 255, 0.9);font-weight:bold}

.nav-catg+ul, .l-catg ul{list-style-type:none}

.nav-sub-catg a{color:#666}
.DCO .col-md-4{padding:0}
.DCO .col-md-4:nth-child(1) .btn-primary {background-color: peru;}
.DCO .col-md-4:nth-child(2) .btn-primary {background-color: lightseagreen;}
.DCO .col-md-4:nth-child(3) .btn-primary {background-color: tomato;}

.locate{font-weight:bold;color:black}
.status span, .status i{color:green;cursor:pointer}
.status.closed span, .status.closed span i{color:red;cursor:pointer}


/*shopping landing theme*/
.locate{color:#3566b0}
.nav-title{background: #3566b0;}
.title{color:#3566b0;}
.rate{background-color: #3566b0;}
/*shaopping landing theme end*/


.rate{padding: 2px 5px;
    position: absolute;
    top: 0px;
	border-right:1px solid white;
	border-bottom:1px solid white;
    color: white;
	box-shadow:0px 3px 6px 0px rgba(0,0,0,0.2)
}

.inativetab{background:lightgray !important;cursor:not-allowed}

@media (max-width: 1023px) {
.nav-collapse {overflow-y: auto;}
}

@media (max-width: 768px){
	.container{margin-top:40px}
	.locate {font-size: 22px;}
	.nav-title {font-size: 16px;}
	.title {font-size: 16px;}
	.status{font-size:12px}
	.status~h4 {font-size:14px}
	.card i {padding-right: 5px;}
	.DCO {margin-top: 0;}
	#catg-hide{display:none}
}

@media (max-width:768px) and (min-width:580px) {
	.card{
	margin: 1%;
    background: #fff;
    padding: 15px 0px;
    position: relative;
    overflow: hidden;
    transition: .3s ease-in-out;
    width: 48%;
    float: left;
	min-height:590px;}

	
}