body{
    background: #dfdfdf;
}

/*Menu*/
.clear{
	clear: both;
}


.cgrey{
    color: #777;
}


.palet-min{
	width: 364px;
	height: 364px;
	background: grey;
}

.palet-max{
	width: 740px;
	height: 740px;
	background: grey;
}


.row.neutral{margin:0;padding:0;}
ml5{margin-left: 5px;}
mr5{margin-right: 5px;}
mt5{margin-top: 5px;}
md5{margin-bottom: 5px;}

.neutral>div
{
    padding:0;
}



/*Slider Hide Show*/
#daily-list{
    
}

#monthly-list{
    
}



/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  /*
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  */
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;  
  /*
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  */
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
#daily img
{
  width: 250px;
  height: 100px
}

#monthly img
{
  width: 350px;
  height: 100px
}
/* End carousel */




/*Range Slider*/
#rgh-holder{
    width: 355px;
    height: 118px;
    padding: 10px;
    border: solid 1px #d7d7d7;
}
#RGB{
    height: 20px;
    background: rgb(128, 128, 128);
    height: 100%;
 }
#RC .slider-selection {
  background: #FF8282;
}
#RC .slider-handle {
  background: red;
}
#GC .slider-selection {
  background: #428041;
}
#GC .slider-handle {
  background: green;
}
#BC .slider-selection {
  background: #8283FF;
}
#BC .slider-handle {
  border-bottom-color: blue;
}
#R, #G, #B {
  width: 225px;
}
#eg .slider-selection {
  background: #BABABA;
}
  
  
  
/*Drop Down*/
.proc-list-menu{
    width: 408px;
    background: #fff;
    padding: 20px;
}
#proc-rgb .slider{top:5px;}
/* .droparrow{
    padding-top:40px;
    background: none;border: none;
    background: transparent url("../img/proc-dropdown.png") no-repeat left top;
} */

.navbar .dropdown-menu {
	background: #ffffff;
	border: 1px solid #cccccc;
}
.navbar .dropdown-menu:after, .navbar .dropdown-menu:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.navbar .dropdown-menu:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 12px;
	margin-left: -12px;
    left: 27px;
}
.navbar .dropdown-menu:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #cccccc;
	border-width: 13px;
	margin-left: -13px;
    left: 27px;
}
.padd10{
    padding:10px 0 10px 0 !important;
}

.ptftn {
	padding-top:15px;
}
.pbftn {
	padding-bottom:15px;
}
.plftn {
	padding-left:15px;
}
.prftn {
	padding-right:15px;
}

.mtftn {
	margin-top:15px;
}
.mbftn {
	margin-bottom:15px;
}
.mlftn {
	margin-left:15px;
}
.mrftn {
	margin-right:15px;
}

.content {
	padding:50px 0;
}
.item {

}

.item-big {
	position:relative;
	height:735px;
}

.item-normal {
	position:relative;
	height:360px;
}



.item > .itemcont {
	height:100%;
	background:#dfdfdf;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.pbarea {
	background:url(../img/pb-logo.png) no-repeat center center;
	margin:100px 0;
	height:130px;
}

.navbar-default {
background-color: #f2f2f2;
}

#logo {
	width:210px;
	margin:0 auto;
}