* {
    box-sizing: border-box;
}

body{
    width:100%;
    min-width:1200px;
    margin:0;
    background: #f7f8fc;
}

.content__wrapper{
    width:1200px;
    height:100%;
    margin: auto;
}

.body_other{
    padding-top: 4.62px !important;
}

.body__support{
    background: #f7f8fc;
}
    
.body__support__header{
    padding-top: 61.149px;
    padding-left: 43.164px;
    padding-right: 38.968px;
    z-index: 9;
    position: relative;
    background: #f7f8fc;
    margin-top: 53.955px;
}

.body__support__header__title h1{
    margin: 0;
    color: #A1ACBD;
    font-size: 22.75px;
    font-family: avenirRegular;
    letter-spacing: 1px;
}

.body__support__manual-html{
    padding-left: 44.962px;
    padding-right: 29.975px;
    padding-bottom: 84px;
}

.body__support__manual-html__header:after{
    content: "";
    display: table;
    clear: both;
}

.body__support__manual-html__header__nav{
    width:100%;
    float:left
}

.body__support__manual-html__header__nav__back{
    background: transparent;
    color: #008ede;
    border: 0;
    outline: 0;
    font-size: 15px;
    margin-top: 8.992px;
    font-weight: 600;
    float: left;
    margin-left: -7.194px;
    font-family: avenirRegular;
    cursor:pointer;
}

.body__support__manual-html__header__nav__back:hover{
    text-decoration: underline;
}

.body__support__manual-html__header__nav__back i{
    margin-right:8.992px;
}

.body__support__manual-html__header__nav__export{
    background: transparent;
    color: #008ede;
    border: 0;
    outline: 0;
    font-size: 14px;
    margin-top: 31.773px;
    font-weight: 600;
    float: right;
    width: 143.88px;
    font-family: avenirRegular;
    cursor: pointer;
}

.body__support__manual-html__header__nav__export:hover{
    text-decoration: underline;
}

.body__support__manual-html__header__nav__export img{
    float: left;
    width: 18px;
    margin-top: 1.199px;
}

.body__support__manual-html__header__left-col{
    float: left;
    width: 31.5%; 
}

.body__support__manual-html__header__left-col h3{
    margin-top: 12px;
    color: #3d4857;
    font-family: avenirRegular;
    font-size: 18px;
    margin-bottom: 12px;
}

.body__support__manual-html__header__left-col__index{
    background: white;
    padding-bottom: 24px;
    border-radius: 6px;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,0.15);
}

.body__support__manual-html__header__left-col__main-topic{
    padding-top: 29.975px;
    padding-left: 20.983px;
    font-size: 18px;
    font-family: avenirMedium;
}

.body__support__manual-html__header__left-col__main-topic button{
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 18px;
    font-weight: 500;
    margin-right: 12px;
}

.body__support__manual-html__header__left-col__index__seach{
    padding: 18px 27px 18px 27px !important;
    background: #a1acbd;
    position:relative;
    height:70px;
}

.body__support__manual-html__header__left-col__index__seach i{
    position: absolute;
    top: 28.776px;
    left: 38.968px;
    color: white;
    font-size: 12px;
}

.body__support__manual-html__header__left-col__index__seach input{
    width: 100%;
    background: #b4bcca;
    border: 0;
    font-size: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    outline: 0;
    color: white;
    padding-left: 6px;
    border-radius: 6px;
    padding-left: 36px;
    font-family: avenirRegular;
    text-align: left;
}

.body__support__manual-html__header__left-col__second-topic{
    padding-left: 56.953px;
    padding-top: 18px;
    font-size: 15px;
    font-family: avenirBook;
}

.body__support__manual-html__header__left-col__second-topic button{
    border:0;
    outline:0;
    background: transparent;
    font-size:14.2px;
    margin-right: 8.992px;
}

.body__support__manual-html__header__left-col__third-topic{
    padding-left: 122.897px;
    padding-top: 10.191px;
    font-size: 15px;
    font-family: avenirRegular;

}

.body__support__manual-html__header__right-col{
    float: left;
    width: 64%;
    background: white;
    margin-top: 48px;
    margin-left: 2%;
    border-radius: 6px;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,0.15);
    
}

#sponsor_black{
    display: none;
}

#container h1{
	font-family: avenirMedium;
	color:black;
	font-size:22px; 
}

#container h2, h3{
	font-family: avenirMedium;
	color:#47515f;
	text-transform: uppercase;
	font-size:16px; 
}

#container{
	font-family: avenirBook;
	font-size:16px;
}

#container::-webkit-scrollbar { 
	display: none; 
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: white;
}
::-moz-placeholder { /* Firefox 19+ */
    color: white;
}
:-ms-input-placeholder { /* IE 10+ */
    color: white;
}
:-moz-placeholder { /* Firefox 18- */
    color: white;
}

ol{
    margin-top:2px; 
    margin-bottom:5px;
}

table{
    border: 1px solid black; 
    border-spacing:1px; 
    background-color:#666666;
    width: 75%;
    margin:20px;
}

table.shallow{
    line-height: 98%;
}

th{
    text-align:left;   
    font-weight:bold; 
    color:#036; 
    background:lightgrey;
    padding:6px;
}

th.c{
    text-align:center;
}

th.n{
    text-align:center; 
    font-weight:bold; 
    color:#036; 
    background:#a1acbd;
}

th.b{
    text-align:center; 
    font-weight:bold; 
    color:#036; 
    background:#b4bcca;
}


td{
    text-align:center; 
    background:rgb(225,225,225); 
    padding:5px;
}

td.l{
    text-align:left;
}

input.this{
    background: #a7f777; 
    font-weight: normal; 
}

button{
    cursor:pointer;
}

.go_upContainer{
    position: fixed;
    bottom: 0px;
    background: transparent;
    height: 111px;
    width: 100%;
}

.go__up{
    position: absolute;
    right: 20px;
    bottom: 10px;
    outline: 0;
    border: 0;
    padding: 11px;
    padding-top: 9px;
    padding-bottom: 9px;
    color: white;
    border-radius: 3px;
    background: #a1acbd;
    cursor: pointer;
}