/* The sidebar menu */
.sidenav {
 height: 100%; /* Full-height: remove this if you want "auto" height */
 width: 160px; /* Set the width of the sidebar */
position:fixed;  /* Fixed Sidebar (stay in place on scroll) */
 z-index: 1; /* Stay on top */
 top: 0; /* Stay at the top */
 left: 0;
 background-color: #2e2e2e; /* Black */
 overflow-x: hidden; /* Disable horizontal scroll */
 padding-top: 30px;
 font-family:"Roboto",sans-serif;

}

/* The navigation menu links */
.sidenav a {
 padding: 10px 26px 6px 6px;
 text-decoration: none;
 font-size: 20px;
 color: #818181;
 display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
 color: #f1f1f1;
}

/* Style page content */
.main {
 margin-left: 0px; /* Same as the width of the sidebar */
 margin-top: 30px;
 padding: 0px 0px 0px 0px;

}

.ust-menu-li-a {color:#fff;font-weight: normal;color:rgba(255, 255, 255, .5);font-size: 1.25rem;}
/*.ust-menu-li-a:before {font-family: 'fontawesome';
  content: '\f10c';
  padding-right: 10px;
  color: #fff565;
font-size: 1rem;}*/
/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
 .sidenav {padding-top: 15px;}
 .sidenav a {font-size: 18px;}
}
.table { display: table;}

        .rows
        {
            display: table-row;
        }
        .cell1
        {
            display: table-cell;
            width:40px;
            padding-left: 10px;
            padding-right: 5px;
            font-size: 22px;
            color: #fff;
            text-align: center;
        }
        .cell2
        {
            display: table-cell;

            padding-left: 15px;
            padding-right: 0px;
        }
        .pad-10{padding:16px}
        .whatever{
    box-sizing:border-box;
    display: inline-block;
    width: 100px;
    height: 100px;
    text-align: center;
    top:50%;
    line-height: 100px;

}

        #checkboxes input[type=checkbox]{
            display: none;
        }

        #checkboxes input[type=checkbox]:checked + .whatever{
             box-shadow: 0 0 5px 5px #17a2b8;

        }

        .whatever2{
        box-sizing:border-box;
        display: inline-block;
        width: 100px;
        height: 100px;
        text-align: center;
        top:50%;
        line-height: 100px;

        }

        .color input[type=radio]{
            display: none;
        }

        .color input[type=radio]:checked + .whatever2{
             box-shadow: 0 0 3px 3px #ff1857;

        }

.bg-gray {background:#6c757d}
.remove {cursor: pointer;color:#f00;}
.black {color:#000;}
.unselect {-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}
.taytil {cursor: pointer;}
.ellipx {width:50px;height:50px;}
.silme {color:#fff;font-size: 25px;}
.silme:hover {color:#F00;}
.silmeWB {color:#ff1857;font-size: 25px;}
.silmeWB:hover {color:#FFF;}
  .labl {
  display : block;
  width: auto;
  font-family: 'Cabin';
}
.active {background: #595959;}
.hand {cursor: pointer;}

.suggested-posts-article{
    background: white;
    -moz-box-shadow: rgba(0,0,0,0.0666) 0 3px 10px;
    -webkit-box-shadow: rgba(0,0,0,0.0666) 0 3px 10px;
    box-shadow: rgba(0,0,0,0.0666) 0 3px 10px;
    /*display: inline-flex;*/
    margin: 5px;
    width: 23%;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}

article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}

.suggested-posts-articlees {
	display: inline-block;
	width: 49.5%;
}
@media screen and (max-width:450px) {
	.suggested-posts-article {

		width:40% !important;
		}
}
.more-photos:after{    right: 3px !important;
    bottom: 0px !important;}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}
.posts_article {
    background-color: #333;
    background-position: 50%;
    background-size: cover;
	    margin-bottom: 2px;
    padding-bottom: 63.5%;
}


@media screen and (max-width:450px) {
	.suggested-posts-article {

		width:40% !important;
		}
}

.more-photos:after{    right: 3px !important;
    bottom: 0px !important;}

.more-photos{
	cursor:pointer !important;
}

.bluess {
    width:100%;
	margin:10px;
}


.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-outline-secondary {
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
}


.btnxc {
  /*  display: inline-block;*/
    padding: .5rem .75rem;
	border:1px solid #868e96;
	margin:3px;
	padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
	color:#868e96;
}
.rrrr{
	color:red;
	fill:red;
}
.rrrr2{

    background-color:  red;

}

.datepost{
	margin-top:-15px;
}
.anther_ma
{
	margin:1px;
}



.set_process
{
	margin: 0px 7px 0px 0px;
}
.messaf{display:none;}

.success_msg{
	color:green;
	display:none;
}
#post_send{
	margin:8px 0 8px 0;
}
.fa_p{
margin-right:20px;
margin-top:10px;
border:0px;
z-index:9999
}
.p_run_div{
margin-top:-7px;
border-radius:0px;
padding:0px;
margin-bottom:8px;
display:none;
}
.btnxc{
margin-left:15px;
cursor:pointer;
}
.btnxc_r{
margin-left:15px;
display:none;
}
.zoom {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}
.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.chkbx30 {position:absolute;top:65%;left:63%;width:30px;height:30px;}
.chkbxkutu30 {width:30px;height:30px;}
.chkbxkutu20 {width:20px;height:20px;}
.radio16 {width:16px;height:16px;cursor:pointer;}
.radio22 {display: block; margin: 0.5em auto;width:22px;height:22px;cursor:pointer;}
.checkoutlabel {display: inline-block; text-align: center;}
.coutkutu {padding-top: 20px;padding-bottom: 20px}
.cart_sayi{position: absolute; left:31px;top:-12px;width:25px;
height:25px;background:#ffc107;border-radius:50%;text-align: center;font-size: 18px;color: #000;cursor:pointer;}
#mobile-nav .cart_sayi {top:0px;left:40px;}
.bg-3e6791 {background: #3e6791 }
.update-button:disabled:hover {cursor: not-allowed;}
.update-button:disabled,
.update-button[disabled]{
  background: rgba(0,0,0,0.25) !important;
}
@font-face {
    font-family: Caveat;
    src: url("../fonts/Caveat-VariableFont_wght.ttf");
}
.Caveat
{
  font-family: Caveat !important;
}
.korting {
    position: fixed;
    z-index: 999;
    /*height: 60px;*/
    bottom: 0;
    width: 100vw;
    opacity: 0.9;
}
.wutzup {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 9;
	font-size: 36px;
	width: 60px;
	height: 60px;
	background: #2cb040;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	text-decoration: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}