.admin-visible{display:none;}
body,html{min-height:100vh;}
.main-container{
min-height:100vh;
font-size:16px;
}
.prototype{
box-sizing:border-box;
width:100%;
padding-left:0px;
padding-right:0px;
position:relative;
}
.row{
margin:0px;
padding:0px;
}

/*Helper classes*/
.margin-all{
margin:15px;
}
.no-margin{
margin:0px;
}
.no-padding{
padding:0px;
}
.padding-all{
padding:15px;
}
.padding-h{
padding-left:15px;
padding-right:15px;
}
.padding-v{
padding-top:15px;
padding-bottom:15px;
}
.text_icon{
font-family:"FontAwesome";
font-style: normal;
}
span.text_icon{
font-family:"FontAwesome";
font-style: normal;
display:inline;
box-sizing:content-box;
color:inherit;
}

.valign-middle{
position:relative;
-ms-transform: translateY(-50%); /* IE 9 */
-webkit-transform: translateY(-50%); /* Safari */
transform: translateY(-50%);
width:100%;
text-align:center;
top:-50%;
}

.bgDropable{
background-size:cover;
background-repeat:no-repeat;
background-position: center center;
}
.box100x10{
padding-bottom:10%;
position:relative;
overflow:hidden;
}
.box100x20{
padding-bottom:20%;
position:relative;
overflow:hidden;
}
.box100x30{
padding-bottom:30%;
position:relative;
overflow:hidden;
}
.box100x50{
padding-bottom:50%;
position:relative;
overflow:hidden;
}
.box100x75{
padding-bottom:75%;
position:relative;
overflow:hidden;
}
.box100x100{
padding-bottom:100%;
position:relative;
overflow:hidden;
}
.img-cover{
width:100%;
height:100%;
position:absolute;
object-fit:cover;
}
.img_caption{
left:0px;
right:0px;
bottom:0px;
min-height:0px;
height:auto;
background:rgba(0,0,0,0.2);
color:white;
position:absolute;
word-wrap: break-word;
}
.img_caption:empty{
visibility:hidden;
}
.full-width{
width:100%;
}
.img-cover-margins{
width:calc(100% - 30px);
height:calc(100% - 30px);
top:15px;
left:15px;
position:absolute;
object-fit:cover;
}
.flex-wrapper{
position:absolute;
height:100%;
width:100%;
display: -webkit-flex;
display: flex;
overflow:hidden;
visibility:hidden;
}
.flex-wrapper-margins{
position:absolute;
width:calc(100% - 30px);
height:calc(100% - 30px);
top:15px;
left:15px;
display: -webkit-flex;
display: flex;
overflow:hidden;
visibility:hidden;
}
.flex-centered{
margin:auto;
word-wrap: break-word;
max-width:100%;
max-height:100%;
visibility:visible;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}


.pointer-event-admin-only{
pointer-events: none;
}
.img_shadow{
box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
}
.img_darkened{
transition: .5s all;
}
.img_darkened:hover{
-webkit-filter: brightness(90%);
filter: brightness(90%);
}
br:after{ content:'\0200B'; }
.position-relative{
position:relative;
}
.position-absolute{
position:absolute;
}



.main-container .table > tbody > tr:first-child > td
{
  border-top-width: 0px;
}
@media (max-width:767px){
/*login panel on small screen*/
.navbar-form
{
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  margin-top: 0px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
 background-color:white;
}
}

/*Margin corections for menu bar*/

a{
cursor:pointer;
}
a:hover{
text-decoration:none;
}
.content-edit{cursor:default;white-space: pre-line;}
a.content-edit{cursor:pointer;}
/*Menu correction*/
.dropdown-submenu{
position:relative;
}


.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.main-container h1,.main-container h2,.main-container h3,.main-container h4,.main-container h5{
font-family: "Maven Pro";
}

.img-inside-p{
width:33%;
float: left;
margin: 0 15px 5px 0;
}


/*NAVBAR*/
.prototype .navbar{
background:rgba(0,0,0,0);
box-shadow:0px 0px rgba(0,0,0,0);
border-width:0px;
margin:0px;
}
.prototype .navbar .navbar-nav{
margin:0px;
}
.prototype .navbar .navbar-nav li{
margin:0px;
}
.prototype .navbar .navbar-nav li a{
transition: all 0.5s ease;
}
.prototype .navbar-header img{
max-height:50px;
}
.prototype .navbar-brand img{
margin: -15px;
margin-right:0px;
}

/*Navbar helper classes*/
.menu-collapse-btn{
border-width:0px;
padding-top:15px;
padding-left:30px;
padding-right:30px;
padding-bottom:15px;
font-size:30px;
cursor:pointer;
transition: all 0.5s ease;
}
.menu-collapse-btn>i{
margin:-5px;
}
.prototype .navbar-collapse{
padding:0px;
margin:0px;
}


/*Menu styles big screen*/
@media (min-width: 992px) {
.prototype .navbar.menu-centered .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;
}
.prototype .navbar.menu-centered .collapse{
text-align: center;
}
.prototype .navbar.menu-stacked .navbar-nav li>a>i{
display:block;
float:none;
font-size:25px;   
}
/*Type 5*/
.prototype .navbar .navbar5 .navbar-nav>li>a{
border-style: solid;
border-width: 1px;
margin:5px;
margin-top:0px;
margin-bottom:0px;
}
.prototype .navbar .navbar5 .navbar-nav>li{
margin-top:10px;
margin-bottom:10px;
}
/*Type 6*/
.prototype .navbar .navbar6 .navbar-nav>li>a{
padding:10px;
padding-top:5px;
padding-bottom:5px;
}
.prototype .navbar .navbar6 .navbar-nav>li{
border-style: solid;
border-width: 0px;
border-right-width: 1px;
}
.prototype .navbar .navbar6 .navbar-nav>li:last-child{
border-right-width: 0px;
}
.prototype .navbar .navbar6{
padding-top:10px;
padding-bottom:10px;
}

/*Type 7*/
.prototype .navbar .navbar7 .navbar-nav>li>a{
padding:15px;
padding-top:5px;
padding-bottom:5px;
}
.prototype .navbar .navbar7 .navbar-nav>li{
border-style: none;
border-width: 0px;
}
.prototype .navbar .navbar7{
padding-top:15px;
padding-bottom:15px;
}
    
/*Type 8*/
.prototype .navbar8 .navbar-brand img{
max-width:10vw;
max-height: 300px;
}

    
}

/*Menu styles collapsed*/
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 0px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right:30px;
    }
    .collapse.in{
        display:block !important;
    }
    .open > .dropdown-menu{
    display: block !important;
    background-color:transparent;
    border:none;
    position:relative;
    margin-left:15px;
    width:100%;
    box-shadow: 0px 0px rgba(0,0,0,0);
    }
    .open > .dropdown-menu li a{
    width:auto;
    }
    .prototype .navbar{
    padding:0px;
    }
    
}



/*Slideshow corrections*/
.carousel-inner
{   
width: 100%;
overflow-x: hidden;
overflow-y: visible;
}

.carousel-inner > .item {

}
.carousel-inner > .item > img,.carousel-inner > .item > a >img{
width:100%;
height: 50vh;
object-fit:cover;
}

.carousel-indicators li{
width: 20px;
height: 20px;
box-shadow: 0px 0px 5px black,inset 0px 0px 5px black;
}
.carousel-indicators li.active{
width: 20px;
height: 20px;
border:none;
margin:1px;
box-shadow: 0px 0px 5px black;
}
.carousel-indicators
{
  bottom: 5px;
}
.carousel-caption{
text-shadow: 0px 0px 5px black;
}

/* Slideshow type2 */
.carousel.type2 .carousel-control{
display:none;
}
.carousel.type2 .img-slideshow{
width:100%;
height: 50vh;
object-fit:cover;
}
@media(max-width:991px){ /*small screen*/
.carousel.type2 .carousel-indicators{
left: 50%;
top:43vh;
}
}
@media(min-width:992px){ /*big screen*/
.carousel.type2 .carousel-indicators{
left: 33%;
}
.carousel.type2 .item > div{
height: 50vh;
}
}


/* For carousel fade*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
        rotation:0.01;
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
        rotation:0.01;
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
        rotation:0.01;
    }
}