/* 
    mintWeb Stylesheet
    Created on : Feb 11, 2018, 9:14:41 PM
    Author     : KlausGiebermann
*/

/* define colors */
/* bgcolor: #0020c0 */



.mint-color{
    color: #ffffff;
    /*    background: #0020C0; 
    //    background: #3367d7;*/
    background: #0f73b4;
}



body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    -moz-user-select: none; 		/* avoid text selection */
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none; 
    unselectable:'on';				/* */
}



.mint-navbar {
    padding-left: 10pt;
    position: static;  
    top: 0px; 
    left: 0px; 
    right:0px;
    height: 37pt; 
    color: #ffffff;
    box-shadow: 0pt 1pt 1pt #888888;
    font-size: 26pt;
    text-align: center;
}




.mint-navbar-btn {
    height: 100%;
    width: 40pt; 
    padding: 0pt 10pt 0pt 10pt;
    margin: 0pt;
    color: #a0a0a0;
    font-size: 16pt;
}

.mint-navbar-btn:hover{
    color: #ffffff;
}



.mint-footer {
    position: fixed;
    bottom: 0;
    /* Set the fixed height of the footer here */
    height: 15pt;
    width: 100%;
    text-align: right;
    font-size:1em;
    padding-right: 10pt;
    z-index: 10;
}

.mint-footer a{
    color: #d0d0d0;
}

.mint-footer a:hover {
    color: #ffffff;
    text-decoration:none;
}

.mint-main{
    position: absolute;
    top: 70px; 
    bottom: 70px;
/*    background: #f8f8f8; */
    left: 2px;
    right: 2px;
    /*    overflow-x: auto; */
    overflow-y: auto;
}


.exercise-container {
    margin-top: 20pt;
}



.glyphicon-lg{
    font-size: 10em;
    color: #b0b0b0;
    padding: 5pt;
}



.mint-panel 
.panel-heading
{
    background: #0f73b4;
    color: #ffffff;
}


.skill-panel{
    width:150pt;
    display: inline-block;
    margin:  5pt;
    border-radius:5pt;
    border: 1pt solid #c0c0c0;
    padding: 0pt;
}




.mint-left {
    position: absolute; 
    top: 40pt;
    /*    height: 100%; */
    width: 200pt;
    background: #a0a0c0;
    /*    overflow-y: auto; */
    box-shadow: 1px 0px 4px #888888;
}

.mint-right {
    position: absolute;
    top: 40pt;
    bottom: 20pt;
    /*    height: 100%; */
    left: 200pt;
    right: 0px;
    background: #ffffff;
    background: mintcream;
    overflow-x: scroll; 
    overflow-y: scroll;
}


.leftPanel {
    position: absolute;
    left: 0;
    width: 200pt;
    top: 0;
    bottom: 2pt;
    /*    background: #f0f0ff; */
/*    background: #d9edf7; */
    /*    color: #ffffff; */
    overflow-y: auto;
    text-align: center;
/*    box-shadow: 1px 0px 4px #888888;   */
}

.rightPanel{
    position: absolute;
    right: 0;
    left: 210pt;
    min-width: 400pt;
    height: 100%;
    top: 0;
    background: #ffffff;
/*    overflow-x: auto; */
    overflow-y: auto;
}





.leftTop{
    position: absolute; 
    left: 0;
    top: 0;
    width: 200pt; 
    height: 50%;
    background: #f0f0f0;
    overflow-y: auto;
}



.mainPanel2{
    position: absolute;
    right: 0;
    left: 0;
    min-width: 400pt;
/*    height: 100%; */
    top: 0;
    bottom: 500pt;
    background: #c0c0ff;
    overflow-y: auto;
    overflow-x: auto;
}
.leftBottom{
    position: absolute; 
    left: 0;
    bottom: 0;
    width: 200pt; 
    height: 50%;
    background: #e0e0e0;
    overflow-y: auto;
}


.previewElement{
    position: absolute; 
    left: 200pt; 
    min-width: 400pt;
    right: 0; 
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: auto;
    background: #ffffff;
}


.canvasBox{
    position: relative;
    overflow-x: auto; 
    overflow-y: auto;
}


.myCanvas{
    width: 100%;
    height: 100%;
    background: #ffffff;
}


.bubble{
    position: absolute;
    border-radius: 10px;
    color: #ffffff;
    padding: 5pt;
    border: solid 1pt;
    min-width: 30pt;
    max-width: 150pt;
    width: auto;
    text-align: center;
    z-index: 1000;
    color: #000000;
}



.bubble:hover{
    border: solid #000000 1pt;
}

.bubble-new {
    background: #f0f0f0;
}

.bubble-active {
    background: #a0c0a0;
}



.fullPage{
    position: absolute;
    top: 0px; 
    right: 10pt; 
    left: 40pt; 
    bottom: 0px;
    overflow-y: scroll;
    background: #fafafa;
    background: yellow;
}



.skill-block {
    width: 150pt;
    min-height: 50pt;
    margin: 5pt;
    text-align: center;
    white-space:normal !important;
    word-wrap:break-word; 
}

.videoPlayer {
    position: absolute;
    width: auto; 
    height: auto; 
}


.mint-block{
    padding: 10pt;
    text-align: center;
    min-height: 40pt;
    font-weight: bold;
}