@import url(helpers/fonts.css);
@import url(helpers/typography.css);
@import url(helpers/base.default.css);
@import url(helpers/base.responsive.css);
@import url(helpers/rtl.version.css);
@import url(themes/theme-dark.css);
@import url(themes/theme-blue.css);
@import url(themes/theme-green.css);
@import url(themes/theme-orange.css);
@import url(themes/theme-red.css);
@import url(themes/theme-inverse.css);
@import url(forms/basic-form-elements.css);
@import url(forms/buttons.css);
@import url(forms/dropdowns.css);
@import url(forms/checkboxes-radio.css);
@import url(forms/form-validation.css);
@import url(forms/selectboxes.css);
@import url(forms/autocomplete.css);
@import url(components/utilities.css);
@import url(components/tables.css);
@import url(components/steps.css);
@import url(components/tooltips-popovers.css);
@import url(components/modal.css);
@import url(components/progress-bars.css);
@import url(components/badges-labels.css);
@import url(components/pagination.css);
@import url(components/collapse.css);
@import url(components/tabs.css);
@import url(components/notifications-alerts.css);
@import url(components/carousel.css);
@import url(components/widgets.css);
@import url(vendors/jscrollpane.css);
@import url(vendors/select2.css);
@import url(vendors/eonasdan-bootstrap-datetimepicker.css);
@import url(vendors/fullcalendar.css);
@import url(vendors/summernote.css);
@import url(vendors/ionrangeslider.css);
@import url(vendors/nestable.css);
@import url(vendors/datatables-fixedcolumns.css);
@import url(vendors/datatables-responsive.css);
@import url(vendors/editable-table.css);
@import url(vendors/chartist.css);
@import url(vendors/chartist-tooltip-plugin.css);
@import url(vendors/nprogress.css);
@import url(vendors/juqery-steps.css);
@import url(pages/pricing-table.css);
@import url(pages/ecommerce.css);
@import url(apps/profile.css);
@import url(apps/messaging.css);
@import url(apps/mail.css);
@import url(apps/calendar.css);
@import url(apps/gallery.css);
html { overflow-y: scroll; }
body{
  height:100%;
  background: #ffffff;
  overflow-y: scroll;
}
.page-content{background:#ffffff;padding-bottom: 50px;}
.stato-ok{
  padding:5px 10px;
  background:green;
  color:#ffffff;
  border-radius:3px;
}

#mySidenav{
  position: fixed;
  left: -300px;
  top: 0;
  width: 300px;
  z-index: 200;
}
.stato-ko{
  padding:5px 10px;
  background:red;
  color:#ffffff;
  border-radius:3px;
}
label{
  margin:0;
}
.form-group{
  margin-bottom: 1.5rem;
}

.display-block{
  display: block;
}

.headertop{
  background: #f1f1f1;

}

.theme-inverse .page-content{
  background: #fff;
  padding:0px;
}

.theme-inverse {
    background: #eee;
    color: #827ca1;
}

a.logo img{
  /*height:70px;
  margin-top:4px;*/
  max-width: 100%;
  max-height: 100%;
}


.menu-top-mob{
  background: #fff;
  /*height: 85px;*/
  height:auto;
  border-bottom: 1px solid #dfe4ed;
}

nav.menu-top-mob .logo-container .logo img {
  max-width: 240px;

}
.titolo_video{
  font-size: 12px;
  line-height: 1em;
      max-height: 2em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
}

.blocco_filtri{float: left;margin-right: 20px;}
.btn-add{
  background: #a6cb48;
  border:1px solid #a6cb48;
  transition: 0.3s all;
  color:#ffffff;
  padding:5px 10px;
  font-size: 16px;

}
.blocco_filtri .btn-add{
  padding:1px 10px;
  font-size: 13px;
}

.btn-add:hover,.btn-add:focus{
  background: #fff;
  border:1px solid #a6cb48;
  color:#a6cb48;
transition: 0.5s all;
}

.btn-edit{
  background: #a6cb48;
    border: 1px solid #a6cb48;
    transition: 0.3s all;
    color: #ffffff;
    padding: 5px 6px;
    border-radius: 20px;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;

}

.btn-edit:hover,.btn-edit:focus{
  background: #fff;
  border:1px solid #a6cb48;
  color:#a6cb48;
transition: 0.5s all;
}

.btn-delete{
  background: #ee0000;
  border:1px solid #ee0000;
  transition: 0.3s all;
  color:#ffffff;
  padding:5px 6px;
  border-radius: 100%;
  font-size: 17px;
  margin-left: 0px;
  margin-top:5px;
}

.btn-delete:hover,.btn-delete:focus{
  background: #fff;
  border:1px solid #ee0000;
  color:#ee0000;
  transition: 0.5s all;
}

.btn-copy{
  background: #f0ad4e;
  border:1px solid #f0ad4e;
  transition: 0.3s all;
  color:#ffffff;
  padding:5px 6px;
  border-radius: 100%;
  font-size: 17px;
  margin-left: 0px;
  margin-top:5px;
}

.btn-copy:hover,.btn-copy:focus{
  background: #fff;
  border:1px solid #f0ad4e;
  color:#f0ad4e;
  transition: 0.5s all;
}

.video_playlist_elem{
  padding: 15px 10px;
  border: 1px solid #ccc;
  font-size: 15px;
  color: #333;
  text-align: center;
  margin-top:10px;
}

.box_video{
  margin-bottom:15px;
  /*padding: 10px;*/
  background: #ffffff;
  border: 1px solid #dcdcdc;
  position:relative;
}

.box_video_in{
  display: block;
  min-height:170px;
}

.box_video p{
  margin-top: 10px;
  margin-bottom: 5px;
  min-height: 25px;
  padding: 0 5px;
  font-size:14px;
}
.dati_video{margin-bottom: 10px}
#menu_sidebar{
  position:absolute;
  top:30px;
  left:20px;
  font-size:24px;
}

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #a6cb48;
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 13px 8px 13px 25px;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  display: block;
  transition: 0.3s;
  border-top: 1px solid #cdcdcd;
  margin-bottom: 0px;
}

.sidenav a.first {
  border:none;
}

.sidenav p{
  margin-bottom: 0px;
}
#video_container{
  display: block;
  background-color: #ffffff;
}
#video_inc{margin-right: 35px;display: inline-block;float:right;margin-bottom:0px;line-height: 39px;}
#controlli{
  width: 100%;
  left: 18px;
  bottom: 10px;
  position: absolute;
  z-index: 100;
}

#controlli_top{
  /*width: 100%;*/
  /*display: none;*/
  right: 25px;
  position: absolute;
  z-index: 100;
}


#controlli_top #duration{
font-size: 80px;
color: #555555;
font-weight: 700;
}

.flip-clock-label{
  display: none;
}


.sidenav h3{
  color:#ffffff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  font-weight: 900;
  font-size: 16px;
}

.sidenav span{
  position: absolute;
top: 10px;
right: 20px;
font-size: 24px;
color:#fff;
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}



/* SIDEBAR VIDEO */

#menu_sidebar-video{
  position:absolute;
  top:30px;
  right:20px;
  font-size:24px;
}

/* The side navigation menu */
.sidenav-video {
    height: 100%; /* 100% Full-height */
    width: 300px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    right: -300px;
    z-index: 200;
    background-color: #a6cb48; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav-video a {
  padding: 13px 25px 13px 25px;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  display: block;
  transition: 0.3s;
  border-top: 1px solid #ffffff;
  margin-bottom: 0px;
}
.sidenav-video a>img{
  border: 1px solid #ffffff;
      margin-bottom: 10px;
}
.sidenav-video a.first {
  border:none;
}

.sidenav-video p{
  margin-bottom: 0px;
}

.sidenav-video h3{
  color:#ffffff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  font-weight: 900;
  font-size: 16px;
}

.sidenav-video span{
  position: absolute;
top: 10px;
right: 20px;
font-size: 24px;
color:#fff;
}
/* When you mouse over the navigation links, change their color */
.sidenav-video a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav-video .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* FINE SIDEBAR VIDEO */



.btn.btn-success.btn-player{
  background-color: #a6cb48;
  border-color: #a6cb48;
  border-radius: 0px;
}
.btn.btn-success.btn-loop{
  background-color: #ffffff;
  border-color: #a6cb48;
  border-radius: 0px;
  color:#a6cb48 !important;
  cursor: default;
}
.btn.btn-success.btn-loop:hover,.btn.btn-success.btn-loop:focus{
  cursor: default;
  background:#ffffff;
  border-color: #a6cb48;
  color:#a6cb48 !important;
}
.btn.btn-success.btn-player:hover,.btn.btn-success.btn-player:focus{
  background:#ffffff;
  color:#a6cb48 !important;
}

#play.active{
    background:#ffffff;
    color:#a6cb48 !important;
}

.position-fixed{
  position:fixed;
}

.video-sidebar{
  right:-600px;
  top:0px;
  height:100%;
  background: #f8f8f8;
  padding: 0px 15px;
}

.video-sidebar h3{
  margin-top:30px;
}

.margin-bottom-30{
  margin-bottom: 30px;
}

.video_data{
  margin-top: 0px;
}

.video_data h4{
  margin-bottom: 0px;
  font-size: 17px;
}

.video_playlist_p{
  font-size: 16px;
}

/*.video-sidebar a:hover, .video-sidebar a:focus{
  color:#a6cb48;
}*/.controls_video{
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
padding-bottom: 10px;
}
.controls_video h2{margin:0;font-size: 18px;}

@media (max-width:767px){
  #controlli_top{
    right: 0px;
        transform: scale(0.6);
        margin-bottom: 14px;
  }
  .video-sidebar{display: none;}
  #main.content-player{margin-top:20px;}

  #menu_sidebar {
    position: absolute;
    top: 34px;
    left: 20px;
    font-size: 19px;
  }

  #menu_sidebar-video {
    position: absolute;
    top: 34px;
    right: 20px;
    font-size: 19px;
  }

  .controls_video{text-align: center;}

}

.headertop img.img-responsive{max-width: 300px;}

.video_mix1{
  background: #a6cb4870;
}

tr.tr_sortable_row{
  padding:5px; width: 15%;display: inline-block;border:1px solid #eceff4;margin:2px;position: relative;
}
a#stop2{
  display: none;
  border: 1px solid #000000;
  padding: 30px 60px;
  border-radius: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 60px;
  background: #ffffff;
  color: #000000;
  margin-left: -60px;
  margin-top: -60px;
}
.red{color:red;}
.border-video{border-right:3px solid #a6cb48;}


.title_gestione_playlist{
margin-top:20px;text-align: left;float:left;width:100%;
}

.title_gestione_playlist input{
  float:right;font-size:14px;height:100%;border: 1px solid #ddd;
    padding: 2px 10px;margin-right: 10px;font-weight: 300;width: 50%
}


@media screen and (max-width: 478px) {
  #controlli_top{
        transform: scale(0.3);
        right: 0;
        margin-bottom: 20px;
  }
  .headertop img.img-responsive{width: 150px!important;}
  #menu_sidebar {
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 19px;
  }

  #menu_sidebar-video {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 19px;
  }
}
@media screen and (max-width: 320px) {
.headertop img.img-responsive {
    width: 95px!important;
}
#menu_sidebar {
  position: absolute;
  top: 4px;
  left: 10px;
  font-size: 15px;
}

#menu_sidebar-video {
  position: absolute;
  top: 4px;
  right: 10px;
  font-size: 15px;
}
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}

    .sidenav-video {padding-top: 15px;}
    .sidenav-video a {font-size: 18px;}

}

@media (max-width:991px){
  #btnFull{display: none!important;}
}

@media (min-width:768px){
  body.menu-top nav.left-menu .logo-container {
    position: relative;
    z-index: 1;
     width: 240px;
    background: #ffffff;
}



.menu-top-mob{
  height: 0;
  border-bottom: 0;
}
}
 video{   background-color: #ffffff!important;}

table.dataTable.nowrap th, table.dataTable.nowrap td{white-space: normal;padding:.75rem 1rem;}
html, body{overflow-x:hidden;}

@media (max-width:1500px){
  .btn-group>.btn{
    padding-left: 6px;
    padding-right: 6px;
  }
  .box_video p{min-height: 46px;}
}

@media (max-width:768px){
  .hidden-xs{display: none}
  a#stop2{
    padding: 15px 30px!important;
    font-size: 30px!important;
    margin-left: -30px!important;
    margin-top: -30px!important;
  }
}


.btn-filtro-categorie{
  border-radius: 0px;
}


/**/
.conten_marquee{
  /* position: absolute;
  width: 65%;
  height: 70px;
  bottom: 10px;
  left: 23%; */

  position: absolute;
  width: 62%;
  height: 70px;
  bottom: 10px;
  left: 29%;
}

.marquee {
  display: block;
  height: 70px;
 overflow: hidden;
 position: relative;
}
.marquee p {
 position: absolute;
 width: auto;
 height: 100%;
 margin: 0;
 margin-top: 15px;
 line-height: 70px;
 text-align: left;
 font-size: 40px;
 white-space: nowrap;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: scroll-left 28s linear infinite;
 -webkit-animation: scroll-left 28s linear infinite;
 animation: scroll-left 28s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes marquee {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes marquee {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes marquee {
 0%   {
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%);
 }
}


a.rimuovi_selezionato{
  padding: 5px;
  
  font-size: 11px;
  border-radius: 0;
  line-height:1;
  position: absolute;
  top: 0;
  left: 0;
}

#controlli_top{
  opacity: 0;
  transition: 0.3s opacity linear;
}

@media (max-width:1100px){
  .marquee p {
    font-size:30px;
    margin-top: 18px;
  }

}
@media (max-width:767px){
  .conten_marquee {
    bottom: -70px;
    width: calc(100% - 20px);
    left: 10px;
    right: 10px;
  }

  .marquee p {
    font-size:18px;
    line-height: 9px;
  }

}

@media (min-width:768px) and (max-width:991px){

}

/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   {
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%);
 }
}


.logo-fullscreen{left:50%;margin-left:-80px;max-width:160px;position: absolute;opacity: 0;}


/**/

p.training_title {
  padding-left: 10px;
  padding-right: 6px;
  font-size: 14px;
  color: #fff;
  margin-top: 8px;
  margin-bottom: 5px;
}



.sidenav a.btn-menu {
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 6px;
  display: inline-flex;
  margin: 4px 5px 10px;
}