.border-circle {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.clear {
    display: block;
    overflow: hidden;
}

body {font-family: 'Open sans', sans-serif;font-size: 13px;line-height: 1.42857143;color: #656363;background-color: #091a48;margin: 0;}
.ptn, .pvn, .pan {
padding-top: 0 !important;
}

.header-exam{padding:10px 0;display:block;float:left;width:100%;background-color: #104158;}
.header-exam-logo{max-width:200px;max-height:55px;margin-bottom:0px;}
.btn.btn-circle {
-webkit-border-radius: 25px !important;
-moz-border-radius: 25px !important;
border-radius: 25px !important;
}
.btn.btn-shadow {
-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.07) !important;
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.07) !important;
}
.panel-primary{box-shadow: 1px 1px 3px #4E4E4E;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
z-index: 2;
color: #ffffff;
background-color: #ff5722;
border-color: #ff5722;
cursor: default;
}
.btn-default {color: #ffffff;background-color: #efefef;border-color: #dddddd;}
.btn-primary {
color: #ffffff;
background-color: #ff5722;
border-color: #ff5722;
}
.btn-success {
color: #ffffff;
background-color: #07bf29;
border-color: #07bf29;
}
.btn-info {
color: #ffffff;
background-color: #2196f3;
border-color: #2196f3;
}
.btn-warning {
color: #ffffff;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-danger {
color: #ffffff;
background-color: #ea2e49;
border-color: #ea2e49;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #ee3900;
border-color: #e43700;
}
.panel-custom>.panel-heading {
color: #FFFFFF;
background-color: #0F192A;
border-color: #FFFFFF;
}
.logo{font-size: 20px;padding-top: 0px; margin-left: -33px;  }
@media only screen and (min-width: 520px) and (max-width: 570px) {
 .logo{font-size: 18px;}
}
@media only screen and (min-width: 470px) and (max-width: 519px) {
 .logo{font-size: 16px;}
}
@media only screen and (min-width: 420px) and (max-width: 469px) {
 .logo{font-size: 14px;}
}
@media only screen and (min-width: 220px) and (max-width: 419px) {
 .logo{font-size: 12px;}
}
.label-danger {
background-color: #ea2e49;
}
.label-success {
background-color: #07bf29;
}
.alert-success {
background-color: #dff0d8;
border-color: rgba(7, 191, 41, 0.2);
color: #07bf29;
}
.alert-danger {
background-color: #f2d9d7;
border-color: rgba(234, 46, 73, 0.2);
color: #ea2e49;
}
.panel-primary>.panel-heading{border-color: #FFFFFF;}
.label-default {
background-color: #cccccc;
border-color: #cccccc;
}
.label-primary {
background-color: #ff5722;
border-color: #ff5722;
}
.label-success {
background-color: #07bf29;
border-color: #07bf29;
}
.label-info {
background-color: #2196f3;
border-color: #2196f3;
}
.label-warning {
background-color: #ffc107;
border-color: #ffc107;
}
.label-danger {
background-color: #ea2e49;
border-color: #ea2e49;
}

/* shivam */

 .panel{
            /* border: 1px solid #ddd; */
            /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); */
    } 
    .btn {margin:5px;
  display: inline-block;
  padding: 8px 1rem;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  /* text-transform: uppercase; */
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  /* box-shadow: 0 2px 10px rgba(0,0,0,0.5); */
  border: none;
  font-size: 15px;
  text-align: center;
  background-color: #00bcd4;
}
       .ulproducts_animation{
        width: 380px;background: #fff;z-index: 999999999;
        border: 1px solid #ddd;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
       
    }
    
    .divproducts_animation{
        width: 380px;background: #fff;z-index: 999999999;
        height: 250px;
        overflow-y: scroll;
    }
    .divproducts_animation>li.ani_li{width: 100%; border-bottom: 1px solid #000;padding: 5px;overflow: hidden;}
    .textblack{color: black;}

    .ulproducts_animation>li.ani_li{width: 100%; border-bottom: 1px solid #000;padding: 5px;overflow: hidden;}
    .textblack{color: black;}

    .empty-cart center>a>i.fa.fa-shopping-bag {
        border: 1px solid #ddd;
        font-size: 35px;
        color: #000;
        padding: 20px;
        border-radius: 100%;
         box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    }

    .product_animation_img{padding: 3px;}
     img.cart_prod_img {
        width: 100%;
    }
    .p0{padding: 0 !important;}

@media only screen and (max-width: 500px) {
    ul#products_animation{
      left: -50px !important;
      }
      .divproducts_animation {
        width: 100%;
    }
  }
.institusi .right{/* padding-left:20px; */width:70%;float:right;font-size: 14px;border:1px solid #b1b1b1;padding:5px;margin:2px;height: 55px;border-radius:5px;font-weight:bold;line-height: 14px;}
.student-info{float: left;width: 100%; margin-bottom: 20px;display: block;}
.label-student{width: 20%;display:block;font-size:15px;float:left;text-transform:uppercase}
.student-value{width: 80%;display:block;font-size:15px;float:left;text-transform:uppercase}
.username .left{/* padding-left:20px; */width:20%;float:left;font-size:14px;line-height:30px;padding:5px 0;height:33px;display:block;margin-top: 5px;}
.jurusan .left{/* padding-left:20px; */width:20%;float:left;font-size:14px;line-height:40px;padding:5px 0;height:33px;display:block;margin-top: 20px;}
.nomor .left{/* padding-left:20px; */width:20%;float:left;font-size:14px;line-height:30px;padding:5px 0;height:33px;display:block;margin-top: 20px;}
.left{/* padding-left:20px; */width:20%;float:left;font-size:14px;line-height:30px;padding:5px 0;height:33px;display:block;/* margin-top:5px; */}
.nama .right{/* padding-left:20px; */width:70%;float:right;font-size:14px;border:1px solid #b1b1b1;padding:5px;margin:2px;height: 50px;border-radius:5px;font-weight:bold;line-height: 15px;}
.right{/* padding-left:20px; */width:70%;float:right;font-size:14px;border:1px solid #b1b1b1;padding:5px;margin:2px;height:30px;border-radius:5px;font-weight:bold}
.ttd{float:right;width:120px;margin-left:50px;/* margin-top:100px; *//* border-top:1px solid #dadada; */padding:5px;text-align:center;border-radius:0px;}
.foto{float:left;padding:20px;margin-top:20px;}
.foto img{width:110px;height:140px;}
.foto-thumb{line-height: 130px;text-align: center;width100%;display:block;}
.title_card{text-align:center;width:70%;margin:auto;}
.title_card h4{font-weight:bold}
.name_card{border-radius:10px;border:1px solid #000;float:left;margin-bottom:20px;padding:20px;}