body{
    background-color: #f5f5f5
}
a:hover{
    text-decoration: none;
}

.SumoSelect{
    width: 100%!important;
}

.r1{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.main-container{
    margin-top:75px;
}

.main-content{
    height:90vh;
}

.header{
    background-color:#4c4f63;
    width:100%;
    height:30%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}

.img-logo{
    width: 48px
}

.left-menu{
    background-color: #FFF;
    height:90vh;
}
.left-menu .list-group-item{
    padding:8px 0px 8px 20px;
    border-style:none;
}

.m-link{
    color:black;
}

.m-link:hover{
    color:#58b4a4
}

.text-pink
{
    color:#58b4a4;
}

.bg-pink { background-color:#E91E63; }
.bg-purple { background-color:#834bff; }
.bg-purple2 { background-color:#52057b; }
.bg-dblue { background-color:#3F51B5; }
.bg-dgreen { background-color:#2dbd81; }
.bg-gri{ background-color: #dcdee2;}
.bg-red{ background-color: rgb(179, 48, 48);}

.bg-yellow { background-color:#ffeb3b; }
.bg-brown { background-color:#795548; }
.bg-test { background-color:#651fff; }

.box1
{
	border-style:solid;
	border-width:1px;
	border-color: #000;
	padding:5px;
	height: 200px;
	line-height: 200px;
	vertical-align: middle;
	text-align: center;
}

.box2
{
	border-style:solid;
	border-width:1px;
	border-color: #000;
	padding:5px;
	vertical-align: middle;
	text-align: center;
}

.b1
{
	height: 100px;
}

.ba
{
	text-decoration: none!important;
}

.desclabel
{
	min-width: 150px;
	max-width: 150px;
	text-align: center!important;
	display: block;
}

.menu-card
{
    opacity:0.8;
    transition: 0.3s;
    cursor:pointer;
    text-decoration: none!important;
}

.card h3
{
    font-weight: 150;
}

.card
{
    border-radius: 20px;
    padding:10px;
}

.menu-card:hover
{
    opacity: 1;
}


.text-upper{
    text-transform: uppercase;
}

.table-font{
    font-size:25px;
}

.col-right{
    white-space: nowrap;
    width: 1px;
}

.urun {
    width:100px;
    height:100px;
    font-size:18px;
    cursor:pointer;
  }

.urun:hover{
    background-color:#06A77D;
    color:#FFF;
    -webkit-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}
.urun:not(:hover){
    color:#000;
    background-color:transparent;
    -webkit-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}
table tr td{
    vertical-align: middle!important;
}
table tr th{
    vertical-align: middle!important;
}

.urun-sec{
    padding:0px;
    zoom: 2;
}
.tumunu-sec{
    padding:0px;
    zoom: 2;
}

.fixed-footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.table-font2{
    font-size:20px;
}
.select-all{
    margin-bottom:10px!important;
    height:45px!important;
}

.select-all:hover{
    background-color: #e4e4e4;
}

.select-all span{
    display: none!important;
}

.sidenav {
    height: 100%;
    width: 160px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 20px;
  }
  
  .sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
  }
  
  .sidenav a:hover {
    color: #f1f1f1;
  }
  
  .main {
    margin-left: 160px; /* Same as the width of the sidenav */
    font-size: 28px; /* Increased text to enable scrolling */
    padding: 0px 10px;
  }
  
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }

  @media print {
    .no-print{
        display:none;
    }
}

.left-sidebar {
	background: #FF8008!important;  / fallback for old browsers /
	background: -webkit-linear-gradient(to top, #eb3349, #f45c43)!important;  / Chrome 10-25, Safari 5.1-6 /
	background: linear-gradient(to top, #eb3349, #f45c43)!important; / W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ /

}

#sidebarnav{
	background: transparent!important;
}
.sidebar-item a{
	background: transparent!important;
}

.in{
	background: transparent!important;
}

.sidebar-item .active{
	color: black!important;
}

.sidebar-link{
	color:#FFF!important;
	opacity: 0.8!important;
}

.sidebar-link:hover{
	color:#000!important;
	opacity: 1.0!important;
}