/* Alboom plugin */

/* inside post */

.postbody table img { border: solid 0px #eee; }

#alboom-orders table { background-color: #ffffff; font-size: 12px; line-height: 18px; }
#alboom-orders th { background-color: #999999; color: #990099; text-align: center; border: solid 2px #aa66aa; }
#alboom-orders td { text-align: left; border: solid 2px #cc99cc; padding: 4px; }
#alboom-orders .summary { border: solid 0px #ffffff; font-size: 14px; }
#alboom-orders table img { border: 2px #ffffff; }

.blue { color: #00008B; }
.red { color: #ff3333; }
.green { color: #007600; }
.smaller { font-size: 80%; line-height: 1em; }
.bigger { font-size: 1.2em; line-height: 1em; }
.editable { color: #33AA33; padding-left: 4px; padding-right: 4px; border: solid 1px #999999; display: inline-block; }
.editable input { padding-left: 4px; padding-right: 4px; background: #ffffff; }
.editable button { margin: 2px; padding: 2px; border: solid 1px #ccc; background-color: #ffffbb; font-size: 0.8em; cursor: pointer; text-align: center; color: #3d3c3c; font-weight: 800; text-shadow: White 0px 1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.editable button:hover { color: #222; }
.editable button:active { color: #444; }


.hflex { display: flex !important; flex-flow: row wrap; justify-content:flex-start; align-items: flex-start; }
.vflex { display: flex !important; flex-flow: column; align-items: flex-start; }

.alboom_tr_qtya { background: #FFFFFF; border: #3B82B6 1px solid; border-radius: 2px; }

.packetbox {
    background: #F0F8FF;     
    border-radius: 3px;
    margin: 5px;
}

.deliverybox { background: #F0F8FF; margin: 5px;  }
.deliverybox .deliveryname { font-size: 16px; }

.checkoutbox {
    background: #FFFFFF; 
    border: #E0E8EF 1px solid;
    /* background: #E8F0F8; 
    border: #E0E8EF 1px solid; */
    border-radius: 5px;
    margin: 5px;
}

.checkoutcell { padding: 10px; font-size: 16px; line-height: 24px; }
.checkoutcell img { border: 0px; }
.checkoutcell .amount { color: #B12704; font-weight: 700; }
.checkoutcell .deliveryprice { font-size: 18px; line-height: 26px; }
.checkoutcell .productname { color: #000000; font-weight: 700; }
.checkoutbox .price { width: 150px; font-size: 18px; line-height: 26px; }
.checkoutbox .status { width: 240px; }
.checkoutbox .name { width: 290px; }
.checkoutbox .total { font-size: 1.4em; line-height: 1.4em; max-width: 590px; }
.checkoutbuttcell { display: flex !important; flex-flow: column; align-items: flex-start; }
.checkoutbuttbox { margin: 10px 20px; display: inline-block; }
.checkoutsummary { border: 1px #ffffff solid; margin: 5px; padding: 10px; max-width: 288px; border-radius: 5px; }
.checkoutsummarywide { max-width: 1070px; width: 100%; line-height: 1.4em; }
.checkoutsummary .trustedreview {float: left; max-width: 560px; margin-left: 10px; width: auto;}
.checkoutsummary .trustedreview img {max-width: 290px; height: auto; border: 0px;}
.checkoutsummary .trustedwarranty {float: right; max-width: 200px; padding-top: 12px;}
.checkoutsummary .trustedlogo {float: right; padding-top: 12px; width: 120px;}
.checkoutsummary .trustedlogo img {max-width: 100px; height: auto; border: 0px;}
.checkoutsummary.banktransfer { line-height: 1.4em; }


@media only screen and (max-width: 1100px) {
  .checkoutbuttcell { display: flex !important; flex-flow: row wrap; justify-content:flex-start; align-items: flex-start; }
  .checkoutsummary { max-width: 29%;} 
  .checkoutsummary.checkoutsummarywide { max-width: 95%; }
}

@media only screen and (max-width: 480px) {
  .checkoutbox { border: 0px; }
  .checkoutsummary { max-width: 90%;}  
  .checkoutbuttbox { margin: 4px 10px 12px; display: block; float: left; }
  .checkoutbuttbox .button { height: 34px; border-radius: 17px; line-height: 34px; width: 120px !important; }
  .checkoutbox .delivery { width: 260px; }
  .checkoutbox .price { width: 150px; }
  .checkoutbox .status { width: 120px; }
  .checkoutbox .name { width: 260px; }
}

@media only screen and (max-width: 375px) {
  .checkoutsummary {  max-width: 85%;}
  .checkoutsummary .trustedreview img { max-width: 270px; }
  .checkoutsummary .trustedlogo { width: 80px; }
  .checkoutsummary .trustedlogo img {max-width: 70px; }
  .checkoutsummary .trustedwarranty { max-width: 180px;}
  .checkoutsummary .trustedwarranty, .checkoutsummary .trustedreview { font-size: 14px;}
  .checkoutsummary .trustedreview { margin-right: 4px; margin-left: 4px; }
  .checkoutbox .total { font-size: 1.1em; line-height: 1.4em; max-width: 375px; }
  .checkoutsummarywide { width: 100%; line-height: 1.2em; }
}

@media only screen and (max-width: 320px) {
  .checkoutbuttbox .button { height: 34px; border-radius: 17px; line-height: 34px; width: 200px !important; }
  .checkoutbox .delivery { width: 250px; }
  .checkoutbox .price { width: 200px; }
  .checkoutbox .status { width: 250px; }
  .checkoutbox .name { width: 250px; }
  .checkoutbox .total { font-size: 0.9em; line-height: 1.2em; max-width: 300px; }
  .checkoutsummary {  max-width: 90%;}
  .checkoutsummary .trustedreview img { max-width: 220px; }
  .checkoutsummary .trustedlogo { width: 70px; }
  .checkoutsummary .trustedlogo img {max-width: 60px; }
  .checkoutsummary .trustedwarranty { max-width: 160px;}
  .checkoutsummary .trustedwarranty, .checkoutsummary .trustedreview { font-size: 12px;}
  .checkoutsummary .trustedreview { margin-right: 4px; margin-left: 4px; max-width: 280px;  }
  .checkoutsummary.banktransfer { font-size: 0.9em; }
}

/* // Alboom plugin */