/*----------------------------------------------------------------------
VLM custom css
-----------------------------------------------------------------------*/



/*Modal*/
.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ }
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; }
.close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }

/*Other*/
.vlm-video-content{display: none;}
i.fa.fa-edit.edit-ico { color: #d3de30; position: relative; top: 4px; left: 1px; }
i.fa.fa-trash-o.delete-ico { color: #d3de30; }
.vlm-post-list{width: 100%}
/*table.vlm-post-list td, table.vlm-post-list th { padding: 10px; border: 1px solid black; }*/
.icon-holder i { font-size: 23px !important; }
ul.page-numbers { margin-top: 15px; }
span.page-numbers.current { background: #8C9600; color: #080808; padding: 6px 9px; text-decoration: none; }
ul.page-numbers li { display: inline-block; padding: 5px; }
ul.page-numbers li a { background: #8C9600; color: white; padding: 6px 9px; text-decoration: none;}
span.page-numbers.dots {background: #8c9600;padding: 6px 9px; color: white; }  
#container-id{position:initial !important;}


table.vlm-post-list tr td img { max-width: 40px; max-width: 40px; }
table.vlm-post-list tr td .icon-holder i { cursor: pointer; font-size: 18px!important; color: #000; }
table.vlm-post-list tr td .icon-holder i.fa-trash-o {color: #cb181f;}
table.vlm-post-list tr td .icon-holder i.fa.fa-edit.edit-ico { top: 1px; }
#vml_edit_modal button.close { background: #000; position: absolute; right: 0; top: 0; color: #fff; opacity: 1; width: 30px; height: 30px; border-radius: 50px; line-height: 30px; text-align: center; padding: 0; box-shadow: 0 0 7px rgba(0,0,0,0.8); }

#vml_edit_modal button.close span { font-size: 20px; text-shadow: none; color: #fff; line-height: 10px; display: block; }
#frm-edit-video .form-group > img { max-width: 50px; max-height: 50px; margin: 10px 0 0; }
#frm-edit-video .form-group #videoid { max-width: 300px; max-height: 150px; margin: 10px 0 0; }

.alert.alert-success button.close, .alert.alert-danger button.close { opacity: 1; }
.vlm-button{color: white !important;}
.vlm-right-search{ max-width: 53% !important; flex: 0 0 100% !important;}
.two_button { display: flex; clear: both; justify-content: space-between; flex-wrap: wrap; }

 .yellow-btn {
   background: #f5d331;
   background: -moz-linear-gradient(top, #f5d331 0%, #f5d331 50%, #eab818 51%, #eab818 100%);
   background: -webkit-linear-gradient(top, #f5d331 0%,#f5d331 50%,#eab818 51%,#eab818 100%);
   background: linear-gradient(to bottom, #f5d331 0%,#f5d331 50%,#eab818 54%,#eab818 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5d331', endColorstr='#eab818',GradientType=0 );
   width: 350px;
   text-align: center;
   color: #AD6023;
   font-size: 26px; margin:auto;
   font-weight: 600;
   height: 60px; display: block;
   line-height: 60px; text-transform: uppercase;
   border-radius: 7px;text-decoration: none;
   border-top: 1.2px solid #c8bd69;
   box-shadow: inset 0px 5px 0px -3px #fbf287;
}

  .green-btn {
   background: #6cb022;
    width: 305px;
   text-align: center; display: block;
   color:#464442 !important;text-decoration: none;
   font-size: 26px;
   font-weight: 600;
background: -moz-linear-gradient(top, #6cb022 17%, #6cb022 17%, #599718 100%);
background: -webkit-linear-gradient(top, #6cb022 17%,#6cb022 17%,#599718 100%);
background: linear-gradient(to bottom, #6cb022 17%,#6cb022 17%,#599718 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cb022', endColorstr='#599718',GradientType=0 );
    height: 60px; display: block;
   line-height: 60px; margin:auto; text-transform: uppercase;
   border-radius: 7px;
       border-top: 1.2px solid #c8bd69;
   box-shadow: inset 0px 5px 0px -3px #80c737;
  }
  .sidebar-right .content {
    float: none;
    /* width: 100% !important; */
}
.yellow-green-btns h4 {
    text-align: center;
    font-weight: 760 !important;
    font-size: 22px !important;
    color: #484141 !important;
}
.yellow-green-btns p {
    text-align: center;
    margin-top: 10px !important;
    font-size: 18px;
    margin: auto;
    width: 50%;
}

.yellow-green-btns { position: relative; }
.yellow-green-btns:after {
    content: "OR";
    position: absolute;
    top: 39%;
    font-size: 22px;
    left: 50%;
    font-weight: 700;
    transform: translate(-50%, -50%$);
}

a.btn-team-libraty { position: absolute; right: 43px; top: 169px;}
/*15 feb*/

.mpfce-leaderboard { margin: 40px 0 15px; background: #fff; box-shadow: 0 0 7px 0 rgba(0,0,0,0.2); padding: 15px; border-radius: 4px; }
.mpfce-leaderboard h4 { position: relative; color: #000; font-size: 20px !important; padding: 0 0 7px; margin: 0 0 20px; text-transform: capitalize !important;}
.mpfce-leaderboard h4:before { content: ''; position: absolute; left: 0; bottom: 0; width: 80px; border-bottom: 3px solid #c41d2a; }
.mpfce-leaderboard table { border: none!important; }
.mpfce-leaderboard table tr td { border-top: none; border-bottom: 1px solid #ededed; font-size: 14px; }
.mpfce-leaderboard table tr td span { width: 22px; height: 22px; background: #c41d2a; border-radius: 60px; display: inline-block; text-align: center; font-weight: bold; line-height: 22px; color: #fff; margin: 0 3px 0 0; }
.mpfce-leaderboard table tr:last-child td { border-bottom: none; }
/*end*/
@media (max-width: 767px){
.mpfce-leaderboard { margin: 10px 0 25px; }
}

@media screen and (max-width: 480px) {
.two_button { display: inline-block; width: 100%; } 
.two_button_left { margin-bottom: 15px; }

}