html{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}


body{margin:0}
html,body{
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    /* line-height:1.5; */
    background-color: #666
}
html{overflow-x:hidden}

#client_logo {
    width: 100%;
    margin-bottom: 50px;

}
/* .client_logo_container{
    margin: 0px 0px 0px 20px;
    display: block;
    float: right;
} */


h1{
    font-family:Arial, Helvetica, sans-serif;
    color: #000;
    padding: 0px 30px;
}


.float-button {
    position: fixed;
    left: 10px;
    top: 10px;
    /* transition: all 0.2s ease-in 0s;//this is the key attribute */
    z-index: 9999;
    cursor: pointer;
}

.kt-hamburger {
    position: fixed;
    left: 10px;
    top: 10px;
    /* transition: all 0.2s ease-in 0s;//this is the key attribute */
    z-index: 9999;
    cursor: pointer;


    display: inline-block;
	font-size: inherit;
    line-height: 1;
    padding: 0;
    margin: 0;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgb(64,64,64)"><rect y="0" width="100%" height="20%" rx="0%" ry="0%" /><rect y="40%" width="100%" height="20%" rx="0%" ry="0%" /><rect y="80%" width="100%" height="20%" rx="0%" ry="0%" /></svg>') center / 100% 100% no-repeat;
    width: 30px;
	height: 30px;

}
.kt-hamburger:before {
    content: "\000A0";

}

#kt-hamburger_btn{
    background-color: #fff;
    /* color: #000; */
    border: none;
    padding: 0px 20px 0px 30px;
}
#kt-hamburger_btn:focus { outline: none; }

.kt-btn,.kt-button{
    border:none;
    display:inline-block;
    padding:8px 16px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color:inherit;
    text-align:center;
    cursor:pointer;
    white-space:nowrap;
}

.kt-sidebar{
    height:100%;
    width:250px;
    display: block;
    background-color:#fff;
    position:fixed!important;
    padding: 10px;
    overflow-y: auto;

}
.kt-bar-block .kt-bar-item{
    font-family:inherit;
    width:100%;
    display:block;
    padding:4px 16px;
    text-align:left;
    border:none;
    white-space:normal;
    float:none;
    outline:0
}

.kt-bar-item.frst{
    padding:30px 16px 4px 16px;
}

.btn_close{
    font-family:inherit;
    width:100%;
    display:block;
    padding:8px 16px;
    text-align:right;
    border:none;
    white-space:normal;
    float:none;
    outline:0
}

.kt-container,.kt-panel{
    clear: both;
    padding:16px 16px;
    width: 100%;
}
.kt-panel{
    margin-top:16px;
    margin-bottom:16px
}
.kt-main{
    max-width: 1400px;
    margin: 0px 0px 0px 250px ;
}
.logoPrint{display:none};

.kt-animate-left{
    position:relative;
    animation:animateleft 0.0s
}
@keyframes animateleft{
    from{
        left:-300px;
        opacity:0
    } to {
        left:0;
        opacity:1
    }
}
.kt-main,#main{transition:margin-left .0s;}

.evaluation{
    width: 100%;
    padding: 24px 8px 0px 16px;
}


.kt-tiny{font-size:10px!important}
.kt-small{font-size:12px!important}
.kt-medium{font-size:15px!important}
.kt-large{font-size:18px!important}
.kt-largest{font-size:24px!important}

.kt-bold{font-weight: bold}

.kt-button:hover{color:#fff!important;background-color:#000!important}

.th-dk-gray,.kt-hover-dk-gray:hover{color:#fff;background-color:#222}
.kt-gold,.kt-hover-gold:hover{color:#000;background-color:#bd9b08}
.kt-black,.kt-hover-black:hover{color:#fff;background-color:#000}
.kt-transparent,.kt-hover-black:hover{color:#fff;background-color:transparent}
.kt-transparentDeselect,.kt-hover-transparentDeselect:hover{color:#c0c0c0!important;background-color:transparent}
.kt-white,.kt-hover-white:hover{color:#000;background-color:#fff}
.kt-grey-1,.kt-hover-grey-1:hover{color:#000;background-color:#717171}
.kt-grey-2,.kt-hover-grey-2:hover{color:#000;background-color:#989898}
.kt-grey-3,.kt-hover-grey-3:hover{color:#000;background-color:#c0c0c0}
.kt-grey-4,.kt-hover-grey-4:hover{color:#000;background-color:#e6e6e6}
.kt-green,.kt-hover-green:hover{color:#000;background-color:#93c01f}
.kt-lime-green,.kt-hover-lime-green:hover{color:#000;background-color:#c8d400}
.kt-light-blue,.kt-hover-light-blue:hover{color:#000;background-color:#00b6ed}
.kt-purple,.kt-hover-purple:hover{color:#fff;background-color:#a84c97}
.kt-red,.kt-hover-red:hover{color:#fff;background-color:#ef3340}
.kt-magenta,.kt-hover-magenta:hover{color:#fff;background-color:#e5007e}
.kt-turquoise,.kt-hover-turquoise:hover{color:#000;background-color:#0096ae}
.kt-orange,.kt-hover-orange:hover{color:#000;background-color:#eb6728}


.kt-navbar {
    overflow: hidden;
    background-color: #333;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
  }
  

#kt-gold {
    clear: both;
    height: 3px;
    background: #bd9b08;
    background: linear-gradient(to right, rgb(242,218,100) 0%, rgb(162,119,0) 18%, rgb(242,218,100) 51%, rgb(215,180,70) 71%, rgb(152,112,0) 100%);
}





.kt-svgContainer {
    clear: both;
    width: 100%;
    margin-bottom: 16px;
}




@media screen\0 {
    .kt-svgContainer {
        padding-bottom: 40%;
    }
}

@media only screen and (max-width: 560px) {

    #selectionText{
        font-size:11px;
    }
    #main{display: block; margin-left : 0px}
    #mySidebar{
        display: none;
        margin: 0px 0px 0px 0px;
        /* padding: 83px 0px 0px 0px; */
        /* background-color:#fffd; */
        box-shadow: 5px 0px 5px #333333;
    }
    .kt-sandwich{
        margin: 0px 0px 0px 0px;
        padding: 20px 4px;
    }
    .kt-hamburger {
        width: 2em;
        height: 2em;
    }
}





@media print {
    body {
        margin: 0;
    }
    .kt-sidebar{
        display: none;
    }
    .kt-main{
        max-width: none;
        margin: 0px;
    }
    .dlBtn{
        display: none;
    }
    .rect_bg{
        display: none;
    }
    .kt-svgContainer{
        box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.6);
        page-break-before:always;
        padding: 5mm 5mm;
        margin-top: 5mm;

    }
    /* #svg1, #svg4, #svg7, #svg10, #svg13 {
        page-break-before:always;
        margin-top: 10mm;
    } */
    .logoPrint{display:block};}

.buttonSeg
{
    /* color:#000;background-color:#C8D400 */
    color:#000;background-color:transparent;
}
.buttonSeg.selected
{
    /* color:#000;background-color:#C8D400 */
    color:#002F87;background-color:transparent;
    font-weight: bold;
}

@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */ 
    .kt-buttonFullscreen{display: none!important;}
}
  
@supports not (-webkit-overflow-scrolling: touch) {
    /* CSS for other than iOS devices */ 
}