/*CSS for banners*/

#bannerlist {
  width: 54%;
  margin:0 auto;
  margin-top: 7em;
  font-size: 0.85vw;
}

.loading{
  background:url(/output_dXW8VC.gif) no-repeat;
  width:50px;
  height:50px;
  display:block;
  margin:0 auto;
  margin-top:40px;
  background-size:50px 50px;
}

.b_col {
  float:left;
  margin:0px 10px;
}

.b_col.td {
  width: 13%;
  margin-left:0px;
  padding-left: 1em;
}

.b_col.com {
  width: 50%;
}

.button_wrap {
  clear:both;
}

.b_line {
  clear:both;
  height: 2.4em;
  line-height: 2.3em;
  width:100%;
  display: flex;
}

.b_line:nth-child(odd) {
  background-color: #F2F2F2;
}

.inp_inp input{
  height:25px;
  width:200px;
}

.inp_inp select{
  width:200px;
}

.input_wrap{
  margin-bottom:10px;
}

.fancybox-title-inside-wrap{
  padding:5px 0px !important;
  font-size:17px !important;
}

.main_wrap{
  float:left;
  margin-right:30px;
}
.upl_wrap{
  float:left;
  overflow:hidden;
  width:330px;
}

.new_b_submit,.new_b.button,.new_b_close,.new_b_publish{
  background-color: #86C525;
  border: none;
  border-radius: 1px;
  color: #fff;
  text-transform: uppercase;
  font-size: 11pt;
  font-weight: 400;
  letter-spacing: 0.085em;
  cursor: pointer;
  margin: 10px 0;
  margin-top: 3em;
  transition: all 0.2s ease;
  padding: 15px 35px;
  display: inline-block;
  float: left;
  clear: both;
}

.new_b.button:hover {
  background-color: #0085C4;
}

.upload_form{
  margin-top:15px;
}

.upl_lab{
  margin-bottom:2px;
}

.banner_head{
  font-size: 1.4vw;
  font-weight: 300;
  padding: 15px 0px;
  margin-bottom: 0.5em;
}

.b_line.head{
  border-bottom: 1px solid #eee;
  background-color: #0085C4;
  color: white;
}

.uploaded_banner{
  margin-top:15px;
}

.uploaded_banner iframe{
  height:96px;
  width:308px;
}

.upl_wrap.edit_mode{
  float:none;
  width:auto;
}
.submit_message{
padding: 10px 0px;
text-align: center;
color: white;
background: #8cd98c;
margin: 0px 0px 10px 0px;
}

.b_col.shown, .b_col.clicked {
  width: 6%;
  text-align: center;
}

.b_col.status {
  width:80px;
}

@media screen and (max-width: 1350px) {
  #bannerlist {
    width: 75%;
    margin-top: 9em;
  }

  .new_b_submit, .new_b.button, .new_b_close, .new_b_publish {
    font-size: 8pt;
    padding: 1% 2%;
  }

}

@media screen and (max-width: 1100px) {
  #bannerlist {
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 1.3vw;
    margin-top: 10em;
  }
}

@media screen and (max-width: 640px) {
  .b_col.com {
    width: 22%;
  }
}

@media screen and (max-width: 520px) {
  #bannerlist {
    margin-top: 13em;
  }
}

@media screen and (max-width: 345px) {
  #bannerlist {
    margin-top: 17em;
  }

  .banner_head {
    padding: 3px 0px;
  }
}