.textkeren {
	text-transform: uppercase;
	border-width: 4px 0;
	padding: 1.5em 0em;
	font-size: 30px;
    font-weight: bold;
    text-shadow: 0 0 80px rgba(7, 6, 7, 0.5);


}


body{
    background:#FAFAFA;
}
.order-card {
    color: #fff;
}

#tambah-modal { 
    overflow-y:scroll }

.bg-c-blue {
    background: linear-gradient(45deg,#04a9f5,#3cb3d1);
}

.bg-c-green {
    background: linear-gradient(45deg,#05681e,#59e086);
}

.bg-c-yellow {
    background: linear-gradient(45deg,#f89407,#f79206);
}

.bg-c-pink {
    background: linear-gradient(45deg,#f7042d,#ff869a);
}

.bg-c-grey {
    background: linear-gradient(45deg,#e9e6e6,#f0f0f0fd);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
}

.bg-c-white {
    background: linear-gradient(45deg,#f0eded,#f8f4f4fd);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
}
.bg-c-black {
    background: linear-gradient(45deg,#030338,#1515a8fd);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
}

.bg-shadow{
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);

}
.bg-login{
    background: linear-gradient(45deg,#03073b,#030964fd);
    box-shadow: 0 0 15px 10px rgba(241, 235, 235, 0.4);
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(229, 234, 240, 0.16);
    border: none;
   

}


.card {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card .card-block {
    padding: 25px;
}

.order-card i {
    font-size: 26px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}


table.table-bordered{
    border:2px solid rgb(151, 148, 148);
    margin-top:10px;
  }
table.table-bordered > thead > tr > th{
    border:1px solid rgb(151, 148, 148);
}
table.table-bordered > tbody > tr > td{
    border:1px solid rgb(151, 148, 148);
}

/* table2 */
table.table-bordered2{
    border:2px solid rgb(151, 148, 148);
    margin-top:10px;
  }
table.table-bordered2 > thead > tr > th{
    border:2px solid rgb(54, 53, 53);
}
table.table-bordered2 > tbody > tr > td{
    border:2px solid rgb(54, 53, 53);
}