.login{width: 300px;padding:10px;left: 50%;margin-top:50px;margin-left: -160px;border: 10px solid #FFF;display: block;-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.1);box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.mrg{/* margin-top:15px; *//* margin-bottom: 15px; */}
.pagination {margin: 2px 0;}
.pad{margin:0px;padding:5px 5px;}
.mrg-1{margin-top: 5px;}
.mrg-left{margin-left: 10px;}
.mrg-right{margin-right: 10px;}
.mrg-top{margin-top: 10px;}
.mrg-bottom{margin-bottom: 10px;}
.mrg-mail{margin-top: 55px;}
.mrg-sm{margin-top:10px;}
.asc{background: url('../img/sort_asc.png') no-repeat center right;cursor: pointer;display: block;}
.desc{/* background: url('../img/sort_desc.png') no-repeat center right; */cursor: pointer;display: block;}
table tr th a{color:#000;background: url('../img/sort_both.png') no-repeat center right;cursor: pointer;display: block;}
table tr th a:hover{text-decoration: none;}
.error-message{color: #FF0000;}
.cust-supt{font-size: 45px;font-weight:900;font-family:"Times New Roman", Times, serif; color:#2166b1;margin-left:15px;margin-top:25px;}
.cust-head2{font-size: 18px;margin:15px 15px 15px 15px; font-weight:900;font-family:"Times New Roman", Times, serif; color:#545454;text-align: center;}
.cust-head2 a{color:#ff2626;}
.cust-list li{ line-height:35px; font-size:18px;font-weight:900;font-family:"Times New Roman", Times, serif; color:#7b7d70;}
.cust-list li a{color:#555555;}
.error-message{color: #FF0000;}
.dg-content{color: #666;font-size: 20px;line-height: 2.6em;text-align: justify;}
@media only screen and (min-width: 220px) and (max-width: 565px) {.dg-content{color: #666;font-size: 18px;line-height: 1.6em;text-align: justify;}}
.dg-icon.step-1{background-position: -5px 0;}
.dg-icon.step-2{background-position: -5px -240px;}
.dg-icon.step-3{background-position: -5px -480px;}
.dg-icon.step-4 {background-position: -5px -720px;}
.progress.active .progress-bar {-webkit-transition: none !important;transition: none !important;}
.exam-logo{margin-left:10px;margin-top: 10px;margin-bottom: 10px;}
.exam-photo{text-align:right;margin-top: 10px;margin-bottom: 10px;}
.exam-border{border-top: 4px solid #132035;margin-bottom: 5px;margin-top: 5px;margin-left: -15px;margin-right: -15px;}
.exam-heading{border-radius:5px;padding:10px;background:#efefef;margin:10px 0;text-align: center;font-size:18px; font-weight: 500;}
.exam-logo{font-size: 26px;padding-top: 15px;}
@media only screen and (min-width: 520px) and (max-width: 570px) {.exam-logo{font-size: 18px;}}
@media only screen and (min-width: 470px) and (max-width: 519px) {.exam-logo{font-size: 16px;}}
@media only screen and (min-width: 420px) and (max-width: 469px) {.exam-logo{font-size: 14px;}}
@media only screen and (min-width: 220px) and (max-width: 419px) {.exam-logo{font-size: 12px;}}
.exam-panel{overflow-y: scroll;}
.input-sm-small{height: 30px;padding: 0px 0px;font-size: 12px;line-height: 1.5;border-radius: 0px;}
.dropdown-menu{left: auto;right: 0px;margin-top: 2px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);background-color: #FFF;}
.max-column{max-width: 350px;}
#exam-loading{position: absolute;z-index:999;top: 150px;}
.my-result{background-color: #ffffff;}
.rtest_heading{font-family: Arial, Helvetica, sans-serif;font-size: 18px;color: #535352;margin:20px;}
.rank{color: #649130;font-size: 16pt;font-weight: bold;}
.rank_name{font-size: 12px;font-weight: bold;}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-right: -20px;
}
.main-top-timer{float: right;z-index:1;margin-bottom: -50px;}
@media only screen and (min-width: 220px) and (max-width: 991px) {.main-top-timer{height: 100px;}}
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {color: #ffffff;}
#msg_alert {position: fixed;top: 15px;left: 450px;opacity: 0.9;min-width: 40%;z-index: 9999999999;}
@media only screen and (min-width: 220px) and (max-width: 991px) {#msg_alert {top: 60px;left: 0px;min-width: 100%;}}
.main-content-exam{min-height: 640px;}
.global-logo{max-width:300px;max-height:75px;margin-bottom:0px;}
.admin-dash-logo{max-width:220px;/*! max-height:65px; */}
.admin-dash-collapsed-logo{/*! max-width:80px; */max-height:55px;}
.img-package{max-width:inherit;}
.package-name-list{min-height: 20px;}
.question-view{display:block;margin-bottom:5px;}
.group-view,.subject-view{display:block;width:100%;/* margin-bottom:10px; */}
.group-desc,.topic-desc{padding-bottom:0px;float:left;width:100%}
.topic-view, .subtopic-view{display:block;float:left;width:50%;margin:0px;padding-right:10px;}
.group-title,.subject-title,.topic-title,.subtopic-title{display:block;}
.option-pane{margin-bottom:10px;}
.anatest-title{float:left;width:100%;display:block;padding-top:20px;}
.anatest-result{width:50%;display:block;float:left;}
#tinjauanId .control-label{margin-top:15px;}
.logo-result{}


.label.label-diterima{position:relative;word-wrap: break-word;white-space:pre-wrap;background-color:#ff491f;color:#fff;width:100%;vertical-align:middle;line-height:12px;border-radius:5px;float:left;}
.label.label-dikembalikan{position:relative;word-wrap: break-word;white-space:pre-wrap;background-color:#d5080f;color:#fff;width:100%;vertical-align:middle;line-height:12px;border-radius:5px;float:left;}
.label.label-direview{position:relative;word-wrap: break-word;white-space:pre-wrap;background-color:#1cd943;color:#fff;width:100%;vertical-align:middle;line-height:12px;border-radius:5px;float:left}
.label.label-dibuat{position:relative;word-wrap: break-word;white-space:pre-wrap;background-color:#ffdb4e;color:#fff;width:100%;vertical-align:middle;line-height:12px;border-radius:5px;float:left}
.label.label-diajukan{position:relative;word-wrap: break-word;white-space:pre-wrap;background-color:#149ef0;color:#fff;width:100%;vertical-align:middle;line-height:12px;border-radius:5px;float:left}
.label.label-import{position:relative;word-wrap: break-word;white-space:pre-wrap;background-color:#222;color:#fff;width:100%;vertical-align:middle;line-height:12px;border-radius:5px;float:left;}
.label.label-disetujui{position:relative;word-wrap: break-word;white-space:pre-wrap;background-color:#ff9115;color:#fff;width:100%;vertical-align:middle;line-height:12px;border-radius:5px;float:left;}
.label.label-dibayar{position:relative;word-wrap: break-word;white-space:pre-wrap;background-color:#9c6431;color:#fff;width:100%;vertical-align:middle;line-height:12px;border-radius:5px;float:left;}
.label.label-dpdisetujui{position:relative;word-wrap: break-word;white-space:pre-wrap;background-color:#353438;color:#fff;width:100%;vertical-align:middle;line-height:12px;border-radius:5px;float:left;}


body.modal-open {
  height: 100vh;
  overflow-y: hidden;
  padding-right: 15px; /* Avoid width reflow */
}

.panel-body-review{padding:0px 0px;/* background-color:aliceblue; */border-radius:0px;}
.panel-heading-review{margin-bottom:10px;background-color:#9a9a9a;padding:10px;border-radius:0px;}
.text-info-review{display:block;width:100%;color:white;text-transform:uppercase}
.table.table-bordered{background-color:white}
.panel .panel-body p{/* margin-bottom:10px; */}
.col-xs-12a{margin-bottom:20px;float:left;width:100%;padding: 0px;background-color: #e0e0e0;border-radius:0px;}
.col-xs-12b{/* margin-bottom: 10px; */float:left;width:100%;padding: 0px;border-radius:0px;}
.col-xs-12b .lead {text-transform:uppercase;padding:10px;font-weight:700;font-size:15px;background-color:#9a9a9a;margin-bottom:10px;color:white;}
.col-xs-12a .lead {text-transform:uppercase;padding:10px;font-weight:700;font-size:15px;background-color:#9a9a9a;margin-bottom:10px;color:white;}
.panel-heading{text-transform:uppercase;}
.panel-custom>.panel-heading {
    color: #FFFFFF;
    background-color: #d27481;
    border-color: #FFFFFF;
}
#statusId,#QuestionStatus,#QuestionQuestionCode,#groupId{/* padding:10px; */}
.form-groupa{margin:10px 0}
#example1{margin:0px;}
.totalque{float:left;background-color:#03a9f4;display:flex;padding:7px 10px;font-size:13px;color:white}
.totalque{float:left;}
.btn-group-left{position:relative;display:inline-block;vertical-align:middle;}
.btn-group-right{position:relative;display:inline-block;vertical-align:middle;float:right;}


.btn-circle{width:30px;height:30px;border-radius:15px;text-align:center;/*! font-size:18px; */line-height: 1.228571429;}
.btn-circle.btn-lg{width:50px;height:50px;padding:10px 16px;border-radius:25px;font-size:18px;line-height:1.33}
.main-content{background-color:#efeded;}
.kolompelaksana ,.elementcontent{float:left;}
.titik{width:5px;float:left}
.leftpelaksana{width:20%;float:left}
.rightpelaksana{width:75%;float:left;font-weight: bold}
.listnumber{padding-left:15px;}
.listnumber li{margin-bottom:10px;}
.rowpelaksana{float:left;margin-bottom:15px;}
.signature{width: 300px;float: right;text-align: center;margin-right: 50px}
.signature img{width:200px;padding:10px;}
.qrcode{width:200px;float:left;}
.qrcode img{width:150px;}
table>tbody>tr>td.box-doc-status{width:1%; white-space: nowrap;/*! padding:5px; *//*! margin: 0px; */vertical-align: middle;}
table>tbody>tr>td.box-pelaksana{width:20%; /*! white-space: nowrap; */}
table>tbody>tr>td.totalbiaya{width:12%; white-space: nowrap;}

.status-document{padding:0px;width: 51px;/* float:left; */text-align:center;display:inline-block;}
@media(max-width:768px){
.status-document{padding:0px;width:50px;text-align:center;display:inline-block;float:none}
.sidebar-menu .logo-env .logo {padding-top: 0px;}
.sidebar-menu .logo-env .logo{height: 55px;}
.page-container .main-content .page-title .title-env {
    float: left;
    padding-left: 10px;
    text-transform:uppercase;
    font-size:12px;
}
.btn-checkout {
    border-radius:2px;
    padding:8px 14px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.btn-checkout{display:inline-block;width:100%;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border: 1px solid #d8d8d8;border-radius:4px;}
.btn-checkout:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{
  outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn-checkout:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}
.btn-checkout:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}

}
.panela {
    position: relative;
    background: #fff;
    padding: 10px 10px;
    border: 0;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.box-pelaksana{width:10%;}
.title-doc{
    font-size:11px;
    /* width: 80%; */
    /* line-height:10px; */
    }
.form-group1{margin-bottom:5px;display:block;width:100%;float:left;}
.form-group1 .col-sm-2{margin:0px; padding-top:0px;padding-left:0px;}
.form-group1 .col-sm-4{margin:0px; padding-top:0px;padding-left:0px;}
.form-group1 .col-sm-6{margin:0px; padding-top:0px;padding-left:0px;width: 80%;}

.nr{width:100%;float:left;padding: 10px;}
.col-sm-4a{float:left;}
.nomor{width:30px;text-align:center}

.center-backpage{display:block;float:left;width: 96%;height:100px;}
.center-backpage1{display:block;float:left;width: 96%;height:40px;padding:0px;}
.left-backpage{display:block;float:left;width:48%;height:220px}
.right-backpage{display:block;float:right;width:48%;height:220px}
.left-backpage2{display:block;float:left;width:48%;height:120px}
.right-backpage2{display:block;float:right;width:48%;height:120px}
.left-backpage1{display:block;float:left;width:48%;}
.right-backpage1{display:block;float:right;width:48%;}
.nomor-backpage1{display:block;float:left;width:30px;}
.csign0-title{font-weight:bold;font-size:14px;font-style:italic}
.csign0-name{border-bottom:1px solid #757575;width:200px;text-align:center;margin:auto;font-weight:bold;}
.nomor-backpage-center1{display:block;float:left;width:4%;height:40px;text-align:center}
.nomor-backpage-center{display:block;float:left;width:4%;height:100px;text-align:center}
.left-from{float:left;width:20%;display:block;}
.right-from{float:left;width: 80%;display: block;}
.nomor-backpage{display:block;float:left;width:4%;height:220px;text-align:center}
.nomor-backpage2{display:block;float:left;width:4%;height:120px;text-align:center}
.signature1{float:left;display:block;width:100%;text-align:center}
.left-head{width:50%;float:left;display:block;height:100px}
.right-head{width:50%;float:left;display:block;height:150px;}
.lname{float:left;width:30%;display:block;}
.rname{float:left;width:70%;display:block;}
.lname1{font-weight:bold;}
.totalbiayacol{}
.tripstatus{width:8%;}
.checkbox{}
.totalbiaya{}
.btn-s{background-color:#03A9F4;padding:5px;border-radius:3px;color:white;font-size:13px;}
.btn-s:hover{background-color:#9E9E9E;color:white; text-decoration: none;}
.multiselect.dropdown-toggle{border: 1px solid #dbdbdb;min-width: 400px;margin-bottom:0px}
.multiselect-item{min-width: 400px;}
.caption-landscape{
    display: flex;
    flex-direction: column;
    /* -webkit-box-pack: justify; */
    justify-content: space-between;
    flex: 1 1 0%;
    }
    .caption-landscape .package-name-list{color:#607D8B;}
.card-image-landscape{float:left;margin-right:10px;width:150px;position:relative;/* height:200px; */border-radius:4px 4px 0 0;background:#212121;display: flex;}
.card-image{position:relative;/* height:200px; *//* border-radius:4px 4px 0 0; *//* background: #ffffff; */}
.card-image .card-title2{position: relative;padding:5px 5px;    
   -webkit-border-bottom-left-radius: 5px; 
    -webkit-border-bottom-right-radius: 5px; 
    -moz-border-bottom-left-radius: 5px; 
    -moz-border-bottom-right-radius: 5px; 
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;}


@media only screen and (min-width: 220px) and (max-width: 768px) {

.mycontainer {/* margin-bottom:10px; */}
.containerb{
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    }
.rowa{padding: 0px;}
.rowb{padding: 10px;}
  .text-left { font-size:18px; text-align: left !important; }
  .text-right {/* margin-top:-10px; */padding-right: 0px;text-align: right !important;}
 .filter{margin-left:-10px;}
 
.product{margin-top:0px}
.cd-tabs-navigation {
  width: 460px;
  list-style:none;
  margin:0px;
  padding:0px;
}

.cd-tabs-navigation a {
  position: relative;
  display: block;
  height: 40px;
  width: 100px;
  text-align: center;
  font-size: 13px;
  /* font-size: 0.75rem; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
   color: #ffffff; 
  /* padding-top: 34px; */
  line-height: 40px;
  border-right: solid 1px #fff;
  background: #d27481;
}

.cd-tabs-navigation a:hover{color:#ffffff}
.cd-tabs-navigation a:active{color:#FFEB3B}

}

@media(min-width:769px){
.cd-tabs-navigation {
  width: 460px;
  list-style:none;
  margin:0px;
  padding:0px;
}

.cd-tabs-navigation a {
  position: relative;
  display: block;
  height: 40px;
  width: 100px;
  text-align: center;
  font-size: 13px;
  /* font-size: 0.75rem; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
   color: #ffffff; 
  /* padding-top: 34px; */
  line-height: 40px;
  border-right: solid 1px #fff;
  background: #d27481;
}

.cd-tabs-navigation a:hover{color:#ffffff}

.cd-tabs-navigation a:active{color:#FFEB3B}

  .btn-checkout {
    border-radius:2px;
    padding:8px 14px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.btn-checkout{width:100%;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border: 1px solid #dadada;border-radius:4px;}
.btn-checkout:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{
  outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn-checkout:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}
.btn-checkout:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}


.containerb{
    display:flex;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    }

  .text-left { font-size:25px; text-align: left !important; }
  .text-right { text-align: right !important; }
 .filter{margin-left:-10px;}
.product{margin-top:10px}
.cd-tabs-navigation a {
  position: relative;
  display: block;
  height: 40px;
  width: 110px;
  text-align: center;
  font-size: 13px;
  /* font-size: 0.75rem; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  /* color: #ffffff; */
  /* padding-top: 34px; */
  line-height: 40px;
  border-right: solid 1px #fff;
  background: #d27481;
}
}
.product-price h5{font-size:13px;margin:0px;line-height:12px;font-weight:normal}


.cd-tabs {
  position: relative;
  width: 100%;
  /* max-width: 1160px; */
  margin: 2em auto;
}
.cd-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs::after {
  /* subtle gradient layer on top right - to indicate it's possible to scroll */
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 50px;
  z-index: 1;
  pointer-events: none;
  background: -webkit-linear-gradient( right , #f8f7ee, rgba(248, 247, 238, 0));
  background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.no-cssgradients .cd-tabs::after {
  display: none;
}
.cd-tabs.is-ended::after {
  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-tabs nav {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* background: #e2e2e0; */
  box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}
@media only screen and (min-width: 768px) {
  .cd-tabs::after {
    display: none;
  }
  .cd-tabs nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    box-shadow: inset -2px 0 3px rgba(203, 196, 130, 0.06);
    z-index: 1;
  }
}
@media only screen and (min-width: 960px) {
  .cd-tabs nav {
    position: relative;
    float: none;
    background: transparent;
    box-shadow: none;
  }
}


.cd-tabs-navigation:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs-navigation li {
  float: left;
}

.no-touch .cd-tabs-navigation a:hover {
  color: #29324e;
  background-color: rgba(233, 230, 202, 0.3);
}
.cd-tabs-navigation a.selected {
  background-color: #d27481 !important;
  box-shadow: inset 0 2px 0 #FFC107;
  color: #ffffff;
}
.cd-tabs-navigation a::before {
  /* icons */
  position: absolute;
  top: 12px;
  left: 50%;
  margin-left: -10px;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url("../img/vicons.svg");
  background-repeat: no-repeat;
}
.cd-tabs-navigation a[data-content='inbox']::before {
  background-position: 0 0;
}
.cd-tabs-navigation a[data-content='new']::before {
  background-position: -20px 0;
}
.cd-tabs-navigation a[data-content='gallery']::before {
  background-position: -40px 0;
}
.cd-tabs-navigation a[data-content='store']::before {
  background-position: -60px 0;
}
.cd-tabs-navigation a[data-content='settings']::before {
  background-position: -80px 0;
}
.cd-tabs-navigation a[data-content='trash']::before {
  background-position: -100px 0;
}
.cd-tabs-navigation a[data-content='inbox'].selected::before {
  background-position: 0 -20px;
}
.cd-tabs-navigation a[data-content='new'].selected::before {
  background-position: -20px -20px;
}
.cd-tabs-navigation a[data-content='gallery'].selected::before {
  background-position: -40px -20px;
}
.cd-tabs-navigation a[data-content='store'].selected::before {
  background-position: -60px -20px;
}
.cd-tabs-navigation a[data-content='settings'].selected::before {
  background-position: -80px -20px;
}
.cd-tabs-navigation a[data-content='trash'].selected::before {
  background-position: -100px -20px;
}

.cd-tabs-content {
  padding:0px;
  background: #ffffff;
  border:1px solid #ececec;
}
.cd-tabs-content li {
  display: none;
  padding: 1.4em;
}
.cd-tabs-content li.selected {
  display: block;
  -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
}
.cd-tabs-content li p {
  /* font-size: 14px; */
  /* font-size: 0.875rem; */
  line-height: 1.4;
  /* color: #8493bf; */
  margin-bottom: 1em;
}



@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


   .investor-thumbnail {
    width: 50px;
    height: 50px;
    border: 0px;
    float: left;
    display: block;
    }

   .investor-thumbnail img{ 
   border-radius:50px;
    }

    .investor-info{float:left;display:block;width: 130px;margin-left:10px;line-height:18px;margin-top:5px}
    .investor-info .date{display:block;}
    .investor-name{color:#FF9800;font-weight:bold;}
        /* Progress Bars */
    .progressfunding {
        border-radius: 5px;
        box-shadow: none;
        height: 5px;
        margin-top: 15px;
        margin-bottom: 0px;
        background-color: #e2e2e2;
    }
    .progressfunding .progress-bar {
        border-radius: 5px;
        text-align: left;
        background-color: #FF9800;
        line-height: 13px;
        color:#fff;
    }

    .progressfunding .progress-bar-animate {
        -webkit-transition:width 1s ease-out; transition:width 1s ease-out;
    }
    .progressfunding .progress-bar span {
        padding: 5px 17px;
        background-color: #444448;
    }

    .progressfunding .progress-bar-info { background-color:#5bc0de !important; }
    .progressfunding .progress-bar-danger { background-color:#d9534f !important; }
    .progressfunding .progress-bar-warning { background-color:#f0ad4e !important; }
    .progressfunding .progress-bar-success { background-color:#5cb85c !important; }
    .progressfunding .progress-bar-primary { background-color:#428bca !important; }

.shopCart{width:100%;}


.hexa{
  border: 0px;
  float: left;
  text-align: center;
  height: 35px;
  width: 60px;
  font-size: 22px;
  background: #f0f0f0;
  color: #3c3c3c;
  position: relative;
  margin-top: 15px;
}

.hexa:before{
  content: ""; 
  position: absolute; 
  left: 0; 
  width: 0; 
  height: 0;
  border-bottom: 15px solid #f0f0f0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  top: -15px;
}

.hexa:after{
  content: ""; 
  position: absolute; 
  left: 0; 
  width: 0; 
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 15px solid #f0f0f0;
  bottom: -15px;
}

.timeline {
  position: relative;
  padding: 0;
  width: 100%;
  margin-top: 20px;
  list-style-type: none;
}

.timeline:before {
  position: absolute;
  left: 0;
  top: 0;
  content: ' ';
  display: block;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background: rgb(213,213,213);
  background: -moz-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
  background: -webkit-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -o-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -ms-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: linear-gradient(to bottom, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  z-index: 5;
}

.timeline li {
  padding: 2em 0;
  display: block;
}

.timeline .hexa{
  width: 16px;
  height: 10px;
  position: absolute;
  background: #79b337;
  z-index: 5;
  left: -8px;
  right: 0;
  /* margin-left:auto; */
  margin-right:auto;
  top: 8px;
  margin-top: 0;
}

.timeline .hexa:before {
  border-bottom: 4px solid #79b337;
  border-left-width: 8px;
  border-right-width: 8px;
  top: -4px;
}

.timeline .hexa:after {
  border-left-width: 8px;
  border-right-width: 8px;
  border-top: 4px solid #79b337;
  bottom: -4px;
}

.direction-l,
.direction-r {
  float: none;
  width: 100%;
  text-align: left;
}

.flag-wrapper {
  text-align: left;
  position: relative;
}

.flag {
  position: relative;
  display: inline;
  background: #8BC34A;
  font-weight: 600;
  z-index: 15;
  padding: 2px 5px;
  text-align: left;
  border-radius: 2px;
  margin-left: 20px;
  /* margin-top: 0px; */
  color: aliceblue;
}

.direction-l .flag:after,
.direction-r .flag:after {
  content: "";
  position: absolute;
  left: -15px;
  top: 3px;
  height: 0;
  width: 0;
  /* margin-left: -8px; */
  border: solid transparent;
  border-right-color: #8BC34A;
  border-width: 8px;
  pointer-events: none;
}

.direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-r .flag {
  /* -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  /* box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */
}

.time-wrapper {
  /* display: block; */
  position: relative;
  margin: 2px 0 0 0;
  z-index: 14;
  line-height: 12px;
  vertical-align: middle;
  color: #fff;
}

.direction-l .time-wrapper {
  float: none;
}

.direction-r .time-wrapper {
  float: none;
}

.time {
  background: #00c4f3;
  display: inline-block;
  padding: 8px;
  margin-bottom: 5px;
}

.desc {
  position: relative;
  margin: 1em 0 0 0;
  padding: 1em;
  background: rgb(245, 245, 245);
  /* -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20); */
  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
  /* box-shadow: 0 0 1px rgba(0,0,0,0.20); */
  z-index: 15;
  border-radius: 2px;
}

.direction-l .desc,
.direction-r .desc {
  position: relative;
  margin: 0px 0px 0 19px;
  padding: 6px;
  z-index: 15;
  line-height: 14px;
}
.imagecart{margin-right:10px;}
.table.borderless>tbody>tr>td {border:0px;margin:0px;padding:0px;}
 .table.borderless td {
        padding:2px 0px !important;
    }

.risk-remark-1{width:100%;display:block;padding:2px;font-size:12px;color:white;margin:0px;font-weight:bold;text-align:center;border-radius:5px;background-color:#8BC34A;}
.risk-remark-2{width:100%;display:block;padding:2px;font-size:12px;color:white;margin:0px;font-weight:bold;text-align:center;border-radius:5px;background-color:#CDDC39;}    
.risk-remark-3{width:100%;display:block;padding:2px;font-size:12px;color:white;margin:0px;font-weight:bold;text-align:center;border-radius:5px;background-color:#FFC107;}
.risk-remark-4{width:100%;display:block;padding:2px;font-size:12px;color:white;margin:0px;font-weight:bold;text-align:center;border-radius:5px;background-color:#ff7f00;}
.risk-remark-5{width:100%;display:block;padding:2px;font-size:12px;color:white;margin:0px;font-weight:bold;text-align:center;border-radius:5px;background-color:red;}

.cd-tabs-navigation{list-style:none;}