/**
 * $Id: slides.css 33677 2020-05-18 07:57:19Z anders $
 */
.slidesLogo {
    /*background-image: url('http://husabo.eigersundskolen.no/grafikk/bgtop1381411232.png');*/
    width: 90%;
    height: 10%;
    background-repeat: no-repeat;
    left: 1%;
    position: absolute;
    top: 90%;
    background-size: contain;


}
.ms_thumbnail {
    border:1px solid black;
    height:108px;
    width:192px;
    position:relative;
    margin:2px;
    float:left;
    font-size:20%;
}
.ms_cont .ms_thumbnail:hover {
    cursor: pointer;
}

.ms_contSlide {
    height:100%;
    width:100%;
    padding:0% 6% 5% 6%;
}

/*___Bootstrap things____*/
.row_10, .row_20, .row_30, .row_40, .row_50, .row_60, .row_70, .row_80, .row_90, .row_100 {
    overflow: hidden;
}
.row_10 { height:10%;}
.row_20 { height:20%;}
.row_30 { height:30%;}
.row_40 { height:40%;}
.row_50 { height:50%;}
.row_60 { height:60%;}
.row_70 { height:70%;}
.row_80 { height:80%;}
.row_90 { height:90%;}
.row_100 { height:100%;}


/*_______*/
/*.vertical-align {
    display: flex;
    align-items: center;
}*/

.ms_cont .largeTitle, .ms_cont .mediumTitle, .ms_cont .smallTitle {
    font-weight: bold;
    text-align: center;
    height:100%;
    overflow:hidden;



}
.ms_cont_article {
    border:1px solid #000000;height:150px;width:198px;
}
.verticalCenter {
    position: relative;
   /* display: flex;*/
   /* align-items: center; /* align vertical */
  /*  justify-content: center;/* align horizontal */
}
.carousel .verticalCenter div {
    margin: 0;
    position: absolute;               /* 2 */
    top: 50%;                         /* 3 */
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);

}



 .bottomCenter {
     position: relative;

     /*display: flex;
     justify-content: center; /* align horizontal */
     /*align-items:flex-end; /* align vertical */
 }
 .carousel .bottomCenter div {
     position: absolute;               /* 2 */
     top: 50%;                         /* 3 */
     left: 50%;
     margin-right: -50%;
     transform: translate(-50%, -50%);
}

.slideText {
    font-size:2em;
    height:100%;

}

.ms_cont .largeTitle {
    font-size:4.5em;
}

.ms_cont .mediumTitle {
    font-size:2.5em;
}
.ms_cont .smallTitle {
    font-size:2em;
}

.contDesign {
    margin-bottom:10px;
}

.imgField {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('http://www.moava.org/files/2009/11/l-moavaboy_with_laptop.gif');
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    height:100%;
}


#tagsList ol {
    cursor: move;
}

#workspace .containerPresentation {
    position:relative;
}

.containerPresentation, #containerPresentation_bm, #containerPresentation_nn, #containerPresentation {
   /* width: 960px;
    height: 540px;*/
    /*width:100%;*/
    /*margin:20px;*/
    font-size: 100%;/* Use this size as a reference*/

    /*A "floating" view:*/
   /* margin:3%;

    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);*/
}

.ms_thumbnail_nn {
    display:none;
    opacity: 0.4;
}

.selectDesign {
    margin:10px;
    border:1px solid black;
    padding:4px;
}

#slideTag {
    text-transform: capitalize;
}
/*--------DESIGN--------*/




/*Iktplan-logo on all*/
.iktplanDarkGrey, .iktplanLightGrey, .iktplanBlue, .iktplanBlack, .iktplanDesign {
    font-family: ChevinPro-Light,Helvetica,Arial,sans-serif;
    background-image: url('https://s3-eu-west-1.amazonaws.com/cdn.moava.no/stable/images/iktplanlogo400transp.png');
    background-repeat: no-repeat;
    background-position: 5% 95%;
    background-size: 15%;
}

.iktplanDarkGrey {
   background-color: #aaa;
    background-repeat: no-repeat;
    color: #000;}
.iktplanDarkGrey .largeTitle {color: #302783;}



.iktplanLightGrey {
    background-color:#eee;
    color: #000;
    background-image: url('https://moava.s3.amazonaws.com/iktplan/grafikk/bg_logo.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.iktplanBlue {
    color: #13638e;
    background-color:#FFFFFF;
}

 .iktplanBlue ol.carousel-indicators li{
 	background-color: #0099cc !important;}

.iktplanBlack {
    background-color:#000000;
    color: #FFFFFF;
}

.iktplanDesign {
    background-color: #eee;
    color: #666;

}


/*Close btn*/
.iktplanBlack .psEndSlideshow, .iktplanBlue .psEndSlideshow, .iktplanDarkGrey .psEndSlideshow {
    color:#FFFFFF;
}
.iktplanLightGrey .psEndSlideshow {
    color:#000000;
}





/*OLD:*/
.whiteOnRed, .blackOnOrange, .whiteOnBlue, .whiteOnBlack, .blackOnWhite, .iktplanDesign {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.whiteOnRed {
    background-color:black;
    color: #ffedf2;
    background-image: url('../images/slides/bg_red.jpg');
}

.blackOnOrange {
    background-color: #ffffdf;
    color: #000000;
    background-image: url('../images/slides/bg_orange.jpg');
}
.whiteOnBlue {
    background-color:#eee;
    color: #FFFFFF;
    background-image: url('../images/slides/bg_blue.png');
    background-repeat: no-repeat;
}
.whiteOnBlack {
    background: #000000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000000, #666666); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000000, #666666); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000000, #666666); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000000, #666666); /* Standard syntax */
    color: #FFFFFF;
}
.blackOnWhite {
    background-color:#FFFFFF;
    background: -webkit-linear-gradient(#FFFFFF, #e8e8e8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #e8e8e8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #e8e8e8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #e8e8e8); /* Standard syntax */
    color: #000000;
}





.iktplanDesign .largeTitle, .iktplanDesign .mediumTitle, .iktplanDesign .smallTitle {
    color: #3897ca;
}

/*-------------------*/


#psContainerMenu {
    z-index:100;
    position:absolute;
    color:#FFFFFF;
    width: 100%;
    top:0;
    left:0;
    margin:0;
}

.psMenuItem{
    /*font-size: 2em;*/
    /*padding-left:2em;*/
    margin:0.7em;
   /* background-image: url('../../shared/icons/open/32x32/actions/applications-system-3.png');*/
    /*background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;*/
    float:left;
    border-bottom:1px solid transparent;
}


.psMenuItem:hover{
    border-bottom:1px solid #FFFFFF;
    cursor: pointer;
}

.psTagTitleSlides {
    font-size: 1.5em;
    padding-left:1.5em;
    /* background-image: url('../../shared/icons/open/32x32/actions/applications-system-3.png');*/
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    clear:both;
}

#btnMenu {
    position:absolute;
    z-index:100;
    margin:0.2em;
    font-size:1.5em;
}
#btnMenu:hover {
    cursor: pointer;
}
.hiddenMenu {
    display:none;
    background-color:#000000;
}
.showMenu {
    display:block;
    background-color: #302783;
}

#slideShowPanel {
    background-color: #000000;
}
.carousel-indicators {

bottom: 0 !important;
    height:5%;
}

.carousel .carousel-control{
  /*  background-image:none;*/
    width:3%;
}

#contPreviewSlide {
    display: none;
    position:absolute;
    top:0;
    left:0;
    padding:0;
    margin:0;
    width: 100%;
    height: 100%;
    /*background-color: #000000;*/
    background: rgba(0, 0, 0, 0.2);
    z-index: 10000;
/*margin-left:5%;
    margin-top:5%;*/
    /*-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);*/

}

.psEndSlideshow {
    float:right;
    margin-right:1%;
    z-index:1000;position:relative;
    font-size:1.5em;
    top:-0.6em;
}
/*
.carousel .carousel-control:hover{
background-image:none;
    opacity:1;
}

.carousel-control.left, .carousel-control.right {
    background-image:none;
    opacity:1;
}*/

/*------Carousel------*/




.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
font-size: 20px;
color: #ffffff;
text-align: center;
text-shadow: none !important;
background-image: none !important;
}

.carousel-control .glyphicon:hover, .carousel-control .glyphicon:active {
border: 3px solid #aaa !important;

}



.carousel-control.left .glyphicon, .carousel-control.right .glyphicon{
background: #ddd;
font-size: 25px;
padding: 5px;
height: 40px;
width: 40px;
border-radius: 50px;
color: #777;
border: 2px solid #aaa;
margin: -10px;
}



.carousel.presentation #btnMenu, .psEndSlideshow {
	font-size: 25px;
	text-align: center;
	padding: 9px;
	height: 40px;
	width: 40px;
	color: #777 !important;
}