/*
We created a this custom.css file so you can add customize styles without modifying the bootstrap stylesheet. However, you can use your own stylesheets if you prefer.
*/
.breadcrumb > li + li.pull-right:before {content: none;}

.modal-body {
    overflow-y: auto;
    height: auto !important;
    max-height: calc(100vh - 340px) !important;
}
#btn_lehrplansuche.btn-primary {
    background-color: #6495ed42 !important;
}

#myTableSearchField_global.lehrplansuche {
    background-color: #6495ed42 !important;
}


#btn_kuerzelsuche.btn-primary {
    background-color: rgba(115, 237, 117, 0.26) !important;
}

#myTableSearchField_global.kuerzelsuche {
    background-color: rgba(115, 237, 117, 0.26) !important;
}

#main-tiles {
    position: absolute;
    width: 90%;
    top: 45%;
    left: 55%;
    transform: translate(-50%,-50%) scale(1.0);
}

@media screen and (max-width: 1600px){
    .history-menu-open {
        margin-left: 350px !important;
    }
}

@media screen and (max-width: 1024px) {
    .history-menu-open {
        margin-left: 0px !important;
    }

    #myFormContent .bootstrap-switch-square {
        margin-left: 10%;
    }

    .cm_bg, .keb_bg {
        margin-left: 8%;
    }
}


@media screen and (max-width: 994px) {
    #main-tiles {
        transform: translate(-25%,-25%) scale(1.0);
    }

    .navbar-header {
        margin-left: -15% !important;
    }
}

.ui-tooltip {
    max-width: 800px !important;
}

.best-of-badge {
    display: none;
}

.show-best-of-badge .best-of-badge {
    display: inline-block;
}

.eqr-focused {
    border-color: #1abc9c;
    outline: 0;
    box-shadow: none;
}

.allWeekdays {
    position: absolute;
    top:528px;
    left: -40px;
    width: 35px;
}

.allWeekdays:-moz-read-only { /* For Firefox */
    top:534px;
}

.correctNumberWeeks {
    background-color: rgba(180,250,50,.5);
    position: absolute;
    top:-19px;
    left: -44px;
    width: 78px;
    z-index: -5000;
    border-left: 4px solid rgba(150,150,50,.5);
}

[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;

    left:100%;
    top:50%;
    margin-left:8px;
    transform: translateX(0%)   translateY(-50%);

    background: rgba(0,0,0,0.7);
    text-align: center;
    color: #fff;
    padding:4px 2px;
    font-size: 12px;
    min-width: 80px;
    border-radius: 5px;
    pointer-events: none;
    padding: 4px 4px;
    z-index:99;
    opacity:0;
}

[data-tooltip]:hover::after {
    opacity: 1;
}


.week_label {
    width: 32px;
    height: 113px;
    margin-top: 2px;
    /* you need to know the max height  or you get overflow */
    white-space: nowrap;
    /*display: inline-block;*/
    position: relative;
    border: 1px solid grey;
    border-top: 7px solid grey;
    border-radius: 4px ;
}

.week_label:-moz-read-only { /* For Firefox */
    margin-top: 0px;
}

.weekGreen {
    border-top: 7px solid rgba(104,164,1,1) !important;
}

.week_done {
    /*background: rgba(32, 198, 57, .7);*/
    background: rgba(250, 250, 250, .9);
}


.overrideWeek {
    opacity: 0.3;
}

.currentWeek {
    width: 32px;
    left: 0px;
    background: linear-gradient(to left, white, #DDDDDD);
}

.currentWeekDIV {
    width: 80px;
    top: 0px;
    left:0px;
    margin: 0px;
    white-space: nowrap;
    position: relative;
}

.currentWeekIcon {
    width:40px;
    min-height: 40px;
    left: -40px;
    float: left;
    top:-17px;
    white-space: nowrap;
    position: relative;
    background: url('../icons/png/runner.png') no-repeat center center;
    background-size: 40px;
    opacity: 0.9;
}

.week_label-text {
    position: absolute;
    /*top: 5px;
    left: 0; */
    top: 48%;
    left: 50%;
    height: 32px;
    line-height: 32px;
    padding: 0 0em;
    transform-origin: top left;
    transform: rotate(-90deg) translateX(-50%) translateY(-50%);
}


.panel-heading {
    cursor: pointer;
}

.sweet-alert h2 {
    font-size: 25px;
}

.sweet-alert .lead {
    font-size: 20px;
}

td.details-control {
    background: url('../icons/png/plus.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../icons/png/minus.png') no-repeat center center;
}

.fav-active {
    background-color: #0085c7;
}

.modal-vertical-centered {
    display: flex;
    align-items: center;
}

.switch-toggle input + label:hover {
    cursor: pointer;
    background-color: #3b5998;
}

#selectionButtonsDiv .btn_content:hover {
    cursor: pointer;
    background-color: #3b5998;
}

.disabled-btn {
    cursor: not-allowed;
    pointer-events: none;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.countable{
    display: list-item;
    list-style-type: decimal;
    color: #34495e;
    margin-top: 5px;
}

.scrollable-menu {
    height: auto;
    max-height: 150px;
    overflow-x: hidden;
}

.hd_box_black {
    background-color: white;
    border: black solid 2px;
}

.hd_box_highlight {
    background-color: #fff6d7;
    border: #ffc000 solid 2px;
}

.hd_label {
    color: black;
}


.hd_label_highlight {
    color: #b39025 !important;
    font-weight: 700;
}

.hd_title_highlight {
    font-weight: 800;
    color: #b39025 !important;
}


.hd_label:hover, .hd_label_highlight:hover {
    cursor: pointer;
    color: #ffc000;
}

.btn-kat-1 {
    background-color: #ffbe00 !important;
}
.btn-kat-2 {
    background-color: #c4f515 !important;
}
.btn-kat-3 {
    background-color: #66ec25 !important;
}
.btn-kat-4 {
    background-color: #35e646 !important;
}
.btn-kat-5 {
    background-color: #42de98 !important;
}
.btn-kat-6 {
    background-color: #4fd6d8 !important;
}
.btn-kat-7 {
    background-color: #5b98d2 !important;
}

#select_eqr option {
    font-size: 30px;
}
.eqr-8 {
    background-color:#ffc000 !important;
}

.eqr-7 {
    background-color:#d7f80e !important;
}

.eqr-6 {
    background-color:#80f11c !important;
}

.eqr-5 {
    background-color:#39eb29 !important;
}

.eqr-4 {
    background-color:#36e56c !important;
}

.eqr-3 {
    background-color:#43dfb0 !important;
}

.eqr-2 {
    background-color:#4fceda !important;
}

.eqr-1 {
    background-color:#5b9bd5 !important;
}

.katbtn {
    height: 65px;
}

.bezeichnung {
    font-weight: bold;
}

.freigabe-icon-small {
    width: 45px;
    height: 45px;
}

.freigabe-icon {
    width: 66px;
    height: 66px;
}

.freigabe-btn:hover{
    opacity: 0.6;
}
.freigabe-btn:active{
    box-shadow: none !important;
}

.freigabe-icon-disabled{
    opacity: 0.4;
    cursor: default !important;
}

.disabledarea {
    opacity: 0.4;
}

.disabledarea a, .disabledarea button, .disabledarea input{
    pointer-events: none;
}

.form-control:disabled::placeholder { /* Most modern browsers support this now. */
    color:    black;
}
.form-control:read-only::placeholder { /* Most modern browsers support this now. */
    color:    black;
}

.history_wrapper input[type="checkbox"]{
    display:none;
}
.history_wrapper input[type="checkbox"]:checked ~ .history_menu{
    margin:0;
}
.history_wrapper input[type="checkbox"]:checked ~ label{
    left:270px;
}
.history_wrapper input[type="checkbox"]:checked ~ section{
    -webkit-transform:translate3d(270px, 0, 0);
    -moz-transform:translate3d(270px, 0, 0);
    -o-transform:translate3d(270px, 0, 0);
    transform:translate3d(270px, 0, 0);
}

.history_wrapper {
    overflow:hidden;
}

.nav_label {
    display:block;
    font-family:'helvetica neue', helvetica, arial, sans-serif;
    font-weight:700;
    background:#0056B9;
    width:30px;
    height:52px;
    line-height:32px;
    color:#fff;
    text-align:center;
    font-size:1.5em;
    line-height:1.1em;
    margin: auto;
    margin-left: 0px;
    position: fixed;
    top: 50%;
    bottom: 50%;
    padding-top: 10px;
    top: 0; left: 0; bottom: 0; right: 0;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
    z-index:500;
    cursor: pointer;
}


.hover_glowing:hover {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:-7px;
    box-shadow: 0 0 15px  #3b5998, inset 15px 15px 15px 18px #3b5998;
}


.history_menu {
    position:fixed;
    top:105px;
    left:25px;
    height:100%;
    margin:0 0 0 -270px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
    /*old
    position:fixed;
    top:105px;
    left:25px;*/
}

#showcase {
    height: 400px;
    overflow: visible !important;
}

.redhr {
    background-color:#FF0000;
    color:#FF0000;
    border:#FF0000;
    height:2px;
}

.navbar{
    border-bottom: 2px solid #0064b9;
}

footer{
    border-top: 2px solid #0064b9;
}

#carousel .cloud9-item, #buttons button {
    cursor: pointer;
}

.dataTables_info {
    display: inline-block;
    font-size: 10pt;
}

table.dataTable tbody th,
table.dataTable tbody td {
    white-space: nowrap;
}


.seal {
    position: relative;
    text-align: center;
    color: black;
}

.seal > img {
    opacity: 0.8;
}

.div_seal_centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


#radioGroupRating .wrap {
    display: inline-block;

}
#radioGroupRating label {
    display: block;
    text-align: center;
    margin: 0 0.2em;

}
#radioGroupRating input[type="radio"] {
    display: block;
    margin: 0.5em auto;

}

.no_access{
    color: grey;
}

progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    width: 300px;
    height: 20px;
    border-radius: 10px;
    border: 5px double #aaa;
    display: block;
    -webkit-transform-origin: center left;
    -webkit-transform: rotate(-90deg) translateX(-100%);
    transform-origin: center left;
    transform: rotate(-90deg) translateX(-100%);
    margin-left: 1%;
}

progress::-webkit-progress-bar {
    background: #fff;
}
progress::-webkit-progress-value {
    border-radius: 6px;
    background: linear-gradient(90deg, #0f0,#ff0);
}
progress::-ms-fill {
    border-radius: 6px;
    background: linear-gradient(90deg, #0f0,#ff0);
}
progress::-moz-progress-bar {
    border-radius: 6px;
    background: linear-gradient(90deg, #0f0,#ff0);
}

.qtip-text {
    font: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15pt !important;
    text-align: left;
    max-width: none !important;
    max-height: none !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.inactive-tile {
    opacity: 0.5;
}

.tile-image-small {
    margin-top: 10px;
    height: 91px;
    width: 212px;
}

.tile-image-new {
    margin-top: 10px;
    height: 180px;
    width: 420px;
}

/*.tile {
    border-top: 4px solid #0064b9;
    margin-right: 30px;
    margin-left: 30px;
}*/

.btn-tile {
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    cursor: pointer;
    display: inline-block;
    margin-top: 8px;
}

.btn-tile span {
    display: inline-block;
    /*padding: 15px  6px;*/
    font-family: Helvetica, Arial, sans-serif;
    /*color: #333333;*/
    text-align: center;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(19,65,88,.8);
    /*background: rgba(209, 210, 208, 0.61);*/
    background: rgba(249, 250, 248, 0.61);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: inset 2px 2px 2px rgba(220, 214, 218, 0.74), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(220, 214, 218, 0.74), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 5px 5px 5px rgba(220, 214, 218, 0.74), inset -5px -5px 5px rgba(0, 0, 0, .4);
}

.btn-tile span div {
    /*background-color: #f9f9eb;*/
    width: 280px !important;
    height: 127px;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 15px;
}

.btn-tile-old:active {
    -webkit-box-shadow:
            0 8px 0 #999999,
            0 12px 10px rgba(0,0,0,.3);
    -moz-box-shadow:
            0 8px 0 #999999,
            0 12px 10px rgba(0,0,0,.3);
    box-shadow:
            0 8px 0 #999999,
            0 12px 10px rgba(0,0,0,.3);
}

.btn-tile:active span {
    -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.6);
    /*background: #2E5481;
    border: solid 1px #203E5F;/*
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);*/
}

.btn-tile:hover{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 0 15px  #3b5998;
}



.btn-tile-main {
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    cursor: pointer;
    display: inline-block;
    margin-top: 8px;
}

.btn-tile-main span {
    display: inline-block;
    /*padding: 15px  6px;*/
    font-family: Helvetica, Arial, sans-serif;
    /*color: #333333;*/
    text-align: center;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(19,65,88,.8);
    background: rgba(249, 250, 248, 0.61);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: inset 2px 2px 2px rgba(220, 214, 218, 0.74), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(220, 214, 218, 0.74), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 5px 5px 5px rgba(220, 214, 218, 0.74), inset -5px -5px 5px rgba(0, 0, 0, .4);


}

.btn-tile-main span div {
    /*background-color: #f9f9eb;*/
    width: 420px !important;
    height: 262px;
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 15px;
}


.btn-tile-main:active span {
    -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.6);
    /*background: #2E5481;
    border: solid 1px #203E5F;/*
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);*/
}

.btn-tile-main:hover{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 0 15px  #3b5998;
}



.btn-tile-main_small {
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    cursor: pointer;
    display: inline-block;
    margin-top: 8px;
}

.btn-tile-main_small span {
    display: inline-block;
    /*padding: 15px  6px;*/
    font-family: Helvetica, Arial, sans-serif;
    /*color: #333333;*/
    text-align: center;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(19,65,88,.8);
    background: rgba(249, 250, 248, 0.61);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: inset 2px 2px 2px rgba(220, 214, 218, 0.74), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(220, 214, 218, 0.74), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 5px 5px 5px rgba(220, 214, 218, 0.74), inset -5px -5px 5px rgba(0, 0, 0, .4);
}

.btn-tile-main_small span div {
    /*background-color: #f9f9eb;*/
    width: 420px !important;
    height: 127px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}


.btn-tile-main_small:active span {
    -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.6);
    /*background: #2E5481;
    border: solid 1px #203E5F;/*
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);*/
}

.btn-tile-main_small:hover{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 0 15px  #3b5998;
}

.dropdown-menu-custom {
    background-color: #CCCCCC;
    margin-top: -70px;
    margin-left: 295px;
    border-top-color: #2859ad !important;
    border-top-width: 10px;
    border-top-style: solid;
}

.dropdown-menu-custom > li > a{
    color: #333333;
}



.search_center {
    background-image: url('../img/lib_search.png');
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 400px;
    text-align: center;
    margin: auto !important;
}

.search_center > .selected_menu_new{
    display:none !important;
}

.search_center > .myTableSearchField_global {
    display: block;
    position: relative;
    margin: 0 auto;
    float: initial !important;
    width: 100%;
}

.search_center #btn_showhideSelection {
    display: none !important;

}

.search_center #search_headline {
    font-size: 24pt;
    background-image: none;
}

.search_center #selectionButtonsDiv {
    margin-top: -38px;
    text-align: center;
}

.search_center > #selectionButtonsDiv > #selectionButtons {
    display: block !important;
    clear: both;

}

.search_center #select_publicity {
    margin: auto !important;
    float:inherit;
}

.search_result_headline {
    font-size: 12pt;
}



#search_headline {
    font-size: 14pt;
    padding-left: 50px;
    background-image: url('../img/lib_search.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: left top;
}



.btn_content.active {
    border-bottom: 10px solid #2ecc71;
    color: #2ecc71;
}

.button-group-navigation li {
    /*display: inline-block;*/
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: -20px;
    zoom: 1;
    background: #7f8c8d;
}

.button-group-navigation li .btn_content {
    float: left;
    margin-left: -4px;
}

.button-group-navigation>.btn_content:first-child,
.button-group-navigation li:first-child .btn_content {
    margin-left: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.button-group-navigation>.btn_content:last-child,
.button-group-navigation li:last-child>.btn_content {
    margin-right: 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.modal-footer-ish {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:24px;
    padding: 4px;
    z-index: 100000;
}

.modal-menu {
    position:relative;
    top:10px;
    left:20px;
    width:100%;
    /*height:24px;*/
    padding: 4px;
}

.modal-element {
    position:relative;
    display:none;
    top:10px;
    left:20px;
    width:100%;
    /*height:24px;*/
    padding: 4px;
}

.modal-ish > .modal-body {
    position:relative;
    top:10px;
    left:20px;
    width:90%;
    padding: 4px;
}

.pagination li > a {
    min-height: 18px;
    min-width: 18px;
}


.small_pagination > a {
    font-size: 12pt;
    min-height: 12px;

}

.header_icon {
    height:80px;
    padding-right: 50px;

}

.myTableSearchField_global {
    line-height: 30px !important;
    height: 30px !important;
    text-align: left;
    position: relative;
    font: 22px/26px "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    display: inline-block;
}

.user_profile_pic {
    width: 90px;
}

.pic_with_text {
    width: 90px;
    position: relative;
    border: 1px solid black;
    float:left;
}

.pic_with_text span {
    background-color: silver;
    background-color: hsla(0, 0%, 100%, 0.5);
    position: absolute;
    bottom: 0;
    left:0px;
    width: 100%;
    line-height: 14px;
    font-size: 10pt;
    font-color:black;
    text-align: center;
}

.user_profile_pic_small {
    height: 70px;
    width: 60px;
    max-width: 100%;
}

.user_profile_pic_small_zeb {
    height: 80px;
    width: 70px;
    -moz-box-shadow: 0px 0px 0px 2px #000; /* Firefox */

    -webkit-box-shadow: 0px 0px 0px 2px #000; /* Safari, Chrome */

    box-shadow: 0px 0px 0px 2px #000; /* CSS3 */
}

.pic_with_text_small {
    width: 60px;
    position: relative;
    border: 1px solid black;
    float:right;
    margin-top: 5px;
}

.pic_with_text_small span {
    background-color: silver;
    background-color: hsla(0, 0%, 100%, 0.5);
    position: absolute;
    bottom: 0;
    left:0px;
    width: 100%;
    line-height: 10px;
    font-size: 8pt;
    font-color:black;
    text-align: center;
}

.mytooltip_small {
    position: relative;
    /*display: inline-block;
    /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.mytooltip_small .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #00AAFF;
    color: #FFFFFF;
    font: bold 11px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    padding: 5px 5px;
    margin-top: 0px;
    border-radius: 6px;
    margin-left: 20px;
    left:10%;
    top:100%;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

.mytooltip_small .tooltiptext {
    margin-left: 40px;
}

.mytooltip_small:hover .tooltiptext {
    visibility: visible;
}

.mytooltip {
    position: relative;
    /*display: inline-block;
    /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.mytooltip .tooltiptext {
    visibility: hidden;
    overflow: visible;
    width: 320px;
    background-color: transparent;
    color: #333;
    font: bold 18px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    padding: 0px 0;
    margin-top: -40px;
    border-radius: 6px;
    margin-left: 10px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

.search_center .mytooltip .tooltiptext {
    margin-left: 200px;
}

.mytooltip:hover .tooltiptext {
    visibility: visible;
}

.mytooltip_publicity .tooltiptext {
    visibility: hidden;
    width: 320px;
    background-color: transparent;
    color: #333;
    font: 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: left;
    padding: 0px 0;
    margin-top: -7px;
    border-radius: 6px;
    margin-left: 7px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

.mytooltip_publicity:hover .tooltiptext {
    visibility: visible;
}

.mytooltip_live .tooltiptext {
    visibility: hidden;
    color: white;
    font: 14px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: left;
    padding: 7px 7px;
    left: 50%;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    background-color: #000000b8;
    top: 30%;
}

.mytooltip_live:hover .tooltiptext {
    visibility: visible;
}

.mytooltip_ratings .tooltiptext {
    visibility: hidden;
    width: 320px;
    background-color: white;
    color: #333;
    font: 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: left;
    padding: 0px 0;
    margin-top: -7px;
    border-radius: 6px;
    margin-left: 7px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

.mytooltip_ratings:hover .tooltiptext {
    visibility: visible;
}

.link_frame_border {
    border-left:2px solid #ffffff;
    border-top:2px solid #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-bottom:2px solid #337ab7 ;
    background:rgba(227,227,227,0.0);
    -webkit-box-shadow: #B3B3B3 0px 0px 30px 10px;
    -moz-box-shadow: #B3B3B3 0px 0px 30px 10px;
    box-shadow: #000000 0px 0px 30px 10px;
    padding: 10px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,d1d1d1+49,dbdbdb+50,e2e2e2+100 */
    background: rgb(254,254,254); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(209,209,209,1) 49%,rgba(219,219,219,1) 50%,rgba(226,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(209,209,209,1) 49%,rgba(219,219,219,1) 50%,rgba(226,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

.bg_publicSearch {
    height: 300px;
    width: 300px;
    background-image: url('../icons/png/bg_public_search.png');
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: top right;
    top:230px;
    margin-left: -100px;
    position:absolute;
    z-index: -5;
    background-color: transparent;
}

.selected_button_OLD {
    /*background-color: #D1CDB6 !important;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0) !important;
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.3) !important;
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    color: #FFF !important;
    border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}

.selected_button {
    color: #111111 !important;
    border: none !important;
    margin:none !important;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 44%, rgba(104,104,104,0.9) 99%, rgba(104,104,104,0.91) 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 44%,rgba(104,104,104,0.9) 99%,rgba(104,104,104,0.91) 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 44%,rgba(104,104,104,0.9) 99%,rgba(104,104,104,0.91) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e8686868',GradientType=0 ) !important; /* IE6-9 */
}

.selected_menu {
    border-radius:6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#686868+1,ffffff+56,ffffff+100&0.91+0,0+100 */
    background: -moz-linear-gradient(top, rgba(104,104,104,0.91) 0%, rgba(104,104,104,0.9) 1%, rgba(255,255,255,0.4) 56%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(104,104,104,0.91) 0%,rgba(104,104,104,0.9) 1%,rgba(255,255,255,0.4) 56%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(104,104,104,0.91) 0%,rgba(104,104,104,0.9) 1%,rgba(255,255,255,0.4) 56%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8686868', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}

.selected_menu_new {
    position:absolute;
    top:0px;
    margin:auto;
    display: none;
    margin: auto;
    border-radius:6px;

    width: 95%;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+14,000000+84,000000+100&0.65+4,0+25,0+75,0.65+99 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 4%, rgba(0,0,0,0.34) 14%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.24) 84%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 4%,rgba(0,0,0,0.34) 14%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.24) 84%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 4%,rgba(0,0,0,0.34) 14%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.24) 84%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}


.selected_menu_new > .btn-link {
    color:#000000;
}

.bootstrap-switch-handle-off:before {
    background-color: #0c8dff !important;
}

.bootstrap-switch-primary {
    color: #05a6fc !important;

}

.comp_color {
    background-color: #088A29 !important;
    color: #FFFFFF !important;
}

.btn.comp_color:hover {
    background-color: #249c38 !important;
    border-color: #204d74;
}

.my_link {
    float: none;
    cursor: pointer;
}

.my_link_inTable {
    float: none;
    font-size: 12px;
    border-style: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}


.keb_color {
    background-color: #ffb84d !important;
    color: #3F6CAF !important;
}

.btn.keb_color:hover {
    background-color: #ffc21d !important;
    border-color: #204d74;
}

.grade_style {
    background-color: #FFFFFF !important;
    color: #3F6CAF !important;
    font-size: 12pt !important;
}

.modal-ish-large {
    text-align:center;
    margin: 30px auto auto auto;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    /*border: 1px solid #999;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.modal-ish {
    width: 380px;
    height:400px;
    text-align:center;
    margin: 30px auto auto auto;
    overflow: auto;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    /*border: 1px solid #999;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.form-group {
    padding : 15px;
    background-color: #fff;
}

.form-shadow {
    -moz-box-shadow:    10px 10px 14px 15px #333000;
    -webkit-box-shadow: 10px 10px 14px 15px #333000;
    box-shadow:         10px 10px 14px 15px #333000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.form-shadow-bold {
    -moz-box-shadow:    10px 10px 14px 15px #555555,
    inset 8px 8px 7px -4px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: 10px 10px 14px 15px #555555,
    inset 8px 8px 7px -4px rgba(50, 50, 50, 0.75);
    box-shadow:         20px 20px 9px 9px #555555,
    inset 8px 8px 7px -4px rgba(50, 50, 50, 0.75);

}

.cube {
    background-color: rgba (255, 255, 255, 1.0);
    margin: 20px;
    padding: 20px;
    min-width: 200px;
    min-height: 200px;
    float:left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow:
            inset 2px 2px 4px 0px #000000,
            inset 2px 2px 4px 0px #000000,
            2px 2px rgb(237, 237, 237),
            3px 3px rgb(237, 237, 237),
            4px 4px rgb(228, 228, 228),
            5px 5px rgb(228, 228, 228),
            6px 6px rgb(219, 219, 219),
            7px 7px rgb(219, 219, 219),
            8px 8px rgb(210, 210, 210),
            9px 9px rgb(210, 210, 210),
            10px 10px rgb(201, 201, 201),
            11px 11px rgb(201, 201, 201),
            12px 12px rgb(192, 192, 192),
            13px 13px rgb(192, 192, 192),
            14px 14px rgb(183, 183, 183),
            15px 15px rgb(183, 183, 183),
            16px 16px rgb(174, 174, 174),
            17px 17px rgb(174, 174, 174),
            18px 18px rgb(165, 165, 165),
            19px 19px rgb(165, 165, 165),
            20px 20px rgb(156, 156, 156),
            21px 21px rgb(156, 156, 156),
            22px 22px rgb(147, 147, 147),
            23px 23px rgb(147, 147, 147),
            24px 24px rgb(138, 138, 138),
            25px 25px rgb(138, 138, 138),
            26px 26px rgb(129, 129, 129),
            27px 27px rgb(129, 129, 129),
            28px 28px rgb(120, 120, 120),
            29px 29px rgb(120, 120, 120),
            30px 30px rgb(111, 111, 111),
            31px 31px rgb(111, 111, 111),
            32px 32px rgb(102, 102, 102),
            33px 33px rgb(102, 102, 102),
            34px 34px rgb(93, 93, 93),
            35px 35px rgb(93, 93, 93),
            36px 36px rgb(0, 0, 0),
            37px 37px rgb(0, 0, 0),
            40px 40px 9px 9px #555555;

}


.input-field-3d {
    padding-top: 7px !important;
    padding-left: 7px !important;
    box-shadow:  2px 2px 5px hsla(300,15%,25%,1.3) inset !important;
}

.icon-image {
    margin-top: -8px;
    width:33px;
    height:33px;
}

#in_overlay {
    border: 0px;
}

.hideWhenUnchecked {
    display: none;
}

.hideWhenMultiple {
    display: none;
}

#gl_overlay {
    display: none;
    position: absolute;
    left: 0px;
    top:100px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_dateSelect {
    display: none;
    position: absolute;
    left: 0px;
    top: 50px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_dateSelect> div{
    width:700px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
}

#overlay {
    display: none;
    position: absolute;
    left: 0px;
    top: 50px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay> div{
    width:500px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
}


#overlay_attach_cm {
    display: none;
    position: absolute;
    left: 0px;
    top: 50px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_attach_cm> div{
    width:500px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
}

.group_class {
    font-size: 11pt;
    font-weight: bold;
    background-color: #5cd1cd !important;
}

#empty_overlay {
    display: none;
    position: absolute;
    left: 0px;
    top: 100px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#empty_overlay> div{
    width:500px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:35px;
    text-align:left;
}

#overlay_publicity {
    display: none;
    position: absolute;
    left: 0px;
    top: 50px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_publicity> div{
    width:500px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
}


#overlay_iconSelect_SourceType {
    text-align:left;
    position: absolute;
    margin-top: -114px;
    margin-left:-60px;
    display: none;
    z-index: 1000;
}

#overlay_iconSelect_SourceType> div{
    width:200px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
}

#overlay_moveFolder {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_moveFolder> div{
    width:500px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
}

#overlay_newFolder {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_newFolder> div{
    width:500px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
}

#overlay_selection {
    visibility: visible;
    display: none;
    position: absolute !important;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_selection > div{
    width:600px;
    margin: 10px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
    position:absolute;
    top:0px;
    left:0px;
}

#overlay_rating {
    visibility: visible;
    display: none;
    position: absolute !important;
    left: 200px;
    top: 200px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_rating > div{
    width:600px;
    margin: 10px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
    position:absolute;
    top:0px;
    left:0px;
}

#overlay_selection_passive {
    display:none;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_selection_passive > div{
    width:800px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
}

#overlay_selection_archive {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_selection_archive > div{
    width:900px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
}

#overlay_sure {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_sure > div{
    width:500px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
}

#overlay_searchFilter {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_searchFilter > div{
    width:500px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
}

#overlay_searchFilterKEB {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_searchFilterKEB > div{
    width:500px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
}

#overlay_searchFilterCM {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image: url('../img/transparent_bg.png');
}

#overlay_searchFilterCM > div{
    width:500px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:left;
}

.bgImage_Menu {
    background-image: url('../img/holz.jpg');
    height: 400px;
    width: 100%;
    position: absolute;
    top:130px;
    z-index: -1000;
    opacity: 0.5;
}

body {
    background-color: #FFFFFA;
    /*background-image: url('../img/ricepaper.png');*/
    background-repeat: repeat;
    height: 100%;
    pointer-events:none;
}

.body_bg_zeb {
    /*background-image: url('../img/pen_pic.png');
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: right center;
    background-attachment: fixed;*/
}

.zeb_search_bg {
    width:1000px; height:1200px; display:none;
    background-image: url('../img/sketch_book_small.png');
    background-position: right !important;
    background-size: 200px;
    background-repeat: no-repeat;
    overflow: visible;
    z-index: -100;
    position:absolute;
    top:-350px;
    margin-left:0px;
    background-color: transparent;
}

.keb_search_bg {
    background-image: url('../img/single_puzzle_small.png');
    background-position: right !important;
    background-size: 200px;
    background-repeat: no-repeat;
    overflow: visible;
    top:-350px;
    margin-left:0px;
    z-index: -100;
    position:absolute;
    background-color: transparent;
}

.cm_search_bg {
    background-image: url('../img/puzzle_small.png');
    background-position: right !important;
    background-size: 250px;
    background-repeat: no-repeat;
    overflow: visible;
    top:-370px;
    margin-left:0px;
    z-index: -100;
    position:absolute;
    background-color: transparent;
}




.comp_bg {
    background-image: url('../img/puzzle_big.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 800px;
}

html {
    height: 100%;
}


#content {
    width:1000px;
    padding-top: 120px;
    margin:auto;
}

.fixed-button {
    position: fixed;
    bottom: 60px;
    right: 17px;
    z-index: 111;
}

.fixed-button-2 {
    position: fixed;
    bottom: 110px;
    right: 17px;
    z-index: 111;
}

.bootstrap-tagsinput {
    border-color: #337ab7 !important;
    width: 95%;
    height: 48px;

}


.form-control:-moz-read-only { /* For Firefox */
    background-color: light-grey;
    color:black;
}

.form-control:read-only {
    background-color: light-grey;
    color:black;
}

.form-control:disabled {
    background-color: light-grey;
    color:black;
}


.iconOnly {
    border-style: none;
    padding: 0px;
    margin:0px;
}

.tag {
    background-color: #337ab7 !important;
    color: #FFFFFF !important ;
}

.select{
    background-color: #3F6CAF;
    display:block;
}

.select-primary {
    background-color: #3F6CAF;
}

.icon {
    float:left;
    width:30px;
    height:auto;
}

.hidelabel0 {
    display: block;
    font-size:20px;
    padding: 0em;
    text-align: left;
    border-bottom: 1px solid #CCC;
    color: #d4af37;
    background: #3F6CAF;
}
.hidelabel0:hover {
    color: #000;
}
.hidelabel0::before {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    content: url("../icons/png/plus.png");
}

#expand0{
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
    color: #FFF;
}
.hidesection0{
    padding: 0 20px;
}
#toggle0:checked ~ #expand0 {
    height: auto;
}
#toggle0:checked ~ label::before {
    content: url("../icons/png/minus.png");
}

.hidelabel1 {
    display: block;
    font-size:20px;
    padding: 0em;
    text-align: left;
    border-bottom: 1px solid #CCC;
    color: #d4af37;
    background: #3F6CAF;
}
.hidelabel1:hover {
    color: #000;
}
.hidelabel1::before {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    content: url("../icons/png/plus.png");
}

#expand1{
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
    color: #FFF;
}
.hidesection1{
    padding: 0 20px;
}
#toggle1:checked ~ #expand1 {
    height: auto;
}
#toggle1:checked ~ label::before {
    content: url("../icons/png/minus.png");
}

.hidelabel2 {
    display: block;
    font-size:20px;
    padding: 0em;
    text-align: left;
    border-bottom: 1px solid #CCC;
    color: #d4af37;
    background: #3F6CAF;
}
.hidelabel2:hover {
    color: #000;
}
.hidelabel2::before {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    content: url("../icons/png/plus.png");
}

#expand2{
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
    color: #FFF;
}
.hidesection2{
    padding: 0 20px;
}
#toggle2:checked ~ #expand2 {
    height: auto;
}
#toggle2:checked ~ label::before {
    content: url("../icons/png/minus.png");
}

.hidelabel3 {
    display: block;
    font-size:14px;
    padding: 0em;
    text-align: left;
    border-bottom: 1px solid #CCC;
    color: #FFFFFF;
    background: #A1A1A1;
}
.hidelabel3:hover {
    color: #000;
}
.hidelabel3::before {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    content: url("../icons/png/plus.png");
}

#expand3{
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
    color: #343434;
}
.hidesection3{
    padding: 0 20px;
}
#toggle3:checked ~ #expand3 {
    height: auto;
}
#toggle3:checked ~ label::before {
    content: url("../icons/png/minus.png");
}

.hidelabel4 {
    display: block;
    font-size:14px;
    padding: 0em;
    text-align: left;
    border-bottom: 1px solid #CCC;
    color: #FFFFFF;
    background: #A1A1A1;
}
.hidelabel4:hover {
    color: #000;
}
.hidelabel4::before {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    content: url("../icons/png/plus.png");
}

#expand4{
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
    color: #FFF;
}
.hidesection4{
    padding: 0 20px;
}
#toggle4:checked ~ #expand4 {
    height: auto;
}
#toggle4:checked ~ label::before {
    content: url("../icons/png/minus.png");
}

.hidelabel5 {
    display: block;
    font-size:20px;
    padding: 0em;
    text-align: left;
    border-bottom: 1px solid #CCC;
    color: #d4af37;
    background: #3F6CAF;
}
.hidelabel5:hover {
    color: #000;
}
.hidelabel5::before {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    content: url("../icons/png/plus.png");
}

#expand5{
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
    color: #FFF;
}
.hidesection5{
    padding: 0 20px;
}
#toggle5:checked ~ #expand5 {
    height: auto;
}
#toggle5:checked ~ label::before {
    content: url("../icons/png/minus.png");
}

a {
    color: #34495e;
    text-decoration: none;
    /*-webkit-transition: .25s;
    transition: .25s;*/
}
a:hover,
a:focus {
    color: #d4af37;
    text-decoration: none;
}
a:focus {
    outline: none;
}
.my-section-title {
    color: #333;
    font: 900 30px/38px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 10px 0;
}
.my-panel-title {
    padding-top: 0px;
    margin: 2px 0 10px;
    font: bold 23px/40px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.my-panel-title small {
    color: #798795;
    font-size: inherit;
    font-weight: 400;
}

.myTitles {
    margin-top: 120px;
}

/*.row {
  margin-right: -15px;
  margin-left: -15px;
}*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-0 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    float:left;
    width: 3.33333333%;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none;
}
.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}
.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
}
.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
}
.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}
.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}
.btn-link {
    font-weight: normal;
    color: #337ab7;
    border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn-small {
    color: #fff;
    background-color: #FFF;
    border-color: #2e6da4;
    padding: 1px 1px;
}
.btn-small:focus,
.btn-small.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.btn-small:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-small:active,
.btn-small.active,
.open > .dropdown-toggle.btn-small {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-small:active:hover,
.btn-small.active:hover,
.open > .dropdown-toggle.btn-small:hover,
.btn-small:active:focus,
.btn-small.active:focus,
.open > .dropdown-toggle.btn-small:focus,
.btn-small:active.focus,
.btn-small.active.focus,
.open > .dropdown-toggle.btn-small.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.btn-small:active,
.btn-small.active,
.open > .dropdown-toggle.btn-small {
    background-image: none;
}
.btn-small.disabled:hover,
.btn-small[disabled]:hover,
fieldset[disabled] .btn-small:hover,
.btn-small.disabled:focus,
.btn-small[disabled]:focus,
fieldset[disabled] .btn-small:focus,
.btn-small.disabled.focus,
.btn-small[disabled].focus,
fieldset[disabled] .btn-small.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}





/* feedback boxes */
.feedback {
    padding: 30px;
    margin-bottom: 10px;
}
.feedback.success {
    color: #558f2d;
    background-color: #ddf2c0;
}
.feedback.error {
    color: #ff7272;
    background-color: #ffe5e5;
}
.feedback.info {
    color: #00529B;
    background-color: #BDE5F8;
}

.modal-body .form-group {
    padding: 0px;
}


.modal-body .form-group select,
.modal-body .form-group input{
    width: 95%;
}

.navbar-brand {
    padding: 0px;
}
.navbar-brand>img {
    height: 100%;
    padding: 15px;
    width: auto;
}


.navbar-brand {
    height: 80px;
}

.nav >li >a {
    padding-top: 30px;
    padding-bottom: 30px;
}
.navbar-toggle {
    padding: 10px;
    margin: 25px 15px 25px 0;
}

.navbar-default {
    background-color: #fafafa;
}

.prefooter {
    position: fixed;
    bottom: 40px;
    width: 100%;
    /* Set the fixed height of the footer here */
    /*height: 40px;
    line-height: 40px; /* Vertically center the text there */
    padding-left:25px;
    padding-top:5px;
    background-color: #fafafa;
    border-top: 2px solid #0064b9;
    font-size: 12pt;
    text-align:left;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 40px;
    line-height: 40px; /* Vertically center the text there */
    background-color: #fafafa;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu-custom > li > a:hover, .dropdown-menu-custom > li > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #d4af37;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #d4af37;
    border-bottom-color: #d4af37;
}

.hover-able {
    cursor: pointer;
}

table thead tr td {
    background-color: white;
}

.cm_bg {
    /*background-image: url('../img/puzzle_big.png');*/
    background-size: 950px;
    background-repeat: no-repeat;
    background-position: top left;
    overflow: visible;
    background-color: transparent;
}

.keb_bg {
    background-image: url('../img/single_puzzle.png');
    background-size: 950px;
    background-repeat: no-repeat;
    background-position: top left;
    overflow: visible;
    background-color: transparent;
}

/*
.keb_bg {
    background-image: url(../img/single_puzzle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: contain;
    overflow: visible;
}
 */
.zeb_bg {
    background-image: url('../img/sketch_book.png');
    background-size: 1320px;
    background-repeat: no-repeat;
    background-position: top left;
    overflow: visible;
    background-color: transparent;
    margin-left: -105px;

}

.btn_content {
    padding: 10px 7px 7px 7px;
    margin: 0 5px 0 0;
    text-decoration: none;
    text-align: center;
    color: #7f8c8d;
    cursor: pointer;
    background: #2c3e50;
    border-bottom: 10px solid #34495e;
    transition-property: border-bottom .6s linear 0s;
    -moz-transition: border-bottom .6s linear 0s;
    -webkit-transition: border-bottom .6s linear 0s;
    -o-transition: border-bottom .6s linear 0s;
    font-size: 15px;
    width: 25%;
}

.white_table_bg {
    background-color: white;
}

a:hover{
    cursor: pointer;
}


/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
    padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
    padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
    padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
    border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
    border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
    border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
    border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
    border-left: 10px solid #337ab7;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
    border-left: 10px solid #337ab7;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
    border-left: 10px solid #286090;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
    border-left: 10px solid #286090;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
    border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
    border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
    border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
    border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
    border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
    border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
    border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
    border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
    border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
    border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
    border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
    border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
    border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
    border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
    border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
    border-left: 10px solid #269abc;
}

.optradio {
    height: 42px !important;
    width: 17px !important;
    vertical-align: middle !important;
}

.teacherFeedbackVisible {
    background-color: #f0ad4e45;
}

.unsaved_workstep {
    border-color: #c32a2a8c;
}

.unterrichtsmaterial_icon_yes {
    height:35px;
    cursor: pointer;
}

.unterrichtsmaterial_icon_no {
    height:35px;
    opacity: 0.2 !important;
    cursor: pointer;
}

.hr-small {
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .modal-xl {
        width: 90% !important;
    }
}

#reportModal {
    z-index: 1800 !important;
}