font-face {
    font-family: "Roboto-Regular";
    src: url(../media/css/font/Roboto-Regular.ttf);
}
@font-face {
    font-family: "Roboto-Bold";
    src: url(../media/css/font/Roboto-Bold.ttf);
}


* {
    margin: 0;
    padding: 0;
}

html {
    overflow-x: hidden;
}
#top-icon{
    height:49px; 
    width:54px; 
    margin-left: 18px; 
    margin-top: -14px;
  }
  #top-header{
    padding-right:103px;
    padding-bottom: 10px;
    margin-top: -8px;
 }

/* SCROLL BAR CSS */

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background-color: #F5F5F5;
}

*::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #F5F5F5;
    display: none;
}

*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(0, 0, 0, 0.25);
}

body {
    font-family: Roboto-Regular !important;
    margin: 0;
    font-size: 14px !important;
    cursor: default;
    background-color: white;
    overflow-x: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
strong, b{
    font-family: Roboto-Bold !important;
}

img.data_loader {
    margin-top: 3%;
    width: 50px;
    position: fixed;
    background: #191919;
    opacity: 0.3;
    overflow: auto;
    padding: 10px;
    display: none;
    z-index: 1;
    margin: 15% 0% 0% 40%;
}

img.toc_loader {
    margin-top: 40%;
    width: 50px;
    position: fixed;
    background: #191919;
    opacity: 0.3;
    overflow: auto;
    padding: 10px;
    z-index: 1;
    margin: 15% 0% 0% 10%;
}

/* HEADER CSS BLOCK */

.web-app-page-header {
    background: #C2C2C2;
    padding: 10px;
    cursor: pointer;
    position: fixed;
    position: fixed;
    width: 99%;
    z-index: 5;
    color: #222;
}

/***********************/
.web-app-client-header-icon {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: inherit;
}

.web-app-client-icon-small {
    /* height: 20px; */
    padding: 8px 5px 0px 5px;
    margin: -2px 0;
    height: 29px;
}

.web-app-client-icon-large {
    height: 25px;
}

/*************************/

.web-app-client-header-name {
    color: white;
    font-size: 21px;
    margin: 0px;
    padding: 0;
    padding-top: 0.4%;
    text-align: center;
}

.web-app-client-brand-logo {
    padding: 4px;
    font-size: 19px;
    font-weight: bold;
    width: auto;
    margin: 30px 0px;
}

.web-app-client-brand-logo>img.web-app-client-icon-large {
    height: 3em;
}

p.web-app-client-name {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-top: -5px;
}

/*******************/

.web-app-user-login-name {
    color: inherit;
    font-size: 14px;
    margin: 0px;
    padding: 0px 5px;
    text-align: right;
}

/***********************/

.float-right {
    float: right !important;
}

.web-app-align-left {
    text-align: left;
}

.web-app-align-center {
    text-align: center;
}

.web-app-align-right {
    text-align: right;
}

.web-app-float-right {
    float: right;
}

.web-app-toc-body-container {
    padding-bottom: 3em;
    overflow-y: auto;
}

.web-app-toc-body-container table {
    border-collapse: collapse;
    width: 100%;
}
p {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

ul {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

#web-app-content_toc_body, #web-app-tools_toc_body {
    width: 100%;
    padding-bottom: 20px;
}

#web-app-content_toc, #web-app-tools_toc {
    overflow: auto;
    width: 100%;
}

.web-app-content-header-for-pdf{
    font-weight: bold;
    padding: 10px;
      padding:10px;
  }
   
#WEB_APP_DATA_CONTAINER>object {
    width: 100%;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    overflow: auto;
    display: block;
    background: #fff;
}

#WEB_APP_DATA_CONTAINER>object body {
    overflow-y: -webkit-paged-y;
}

/**BUTTONS*/web-app-toc-arrow-img-pre

.web-app-button {
    padding: 10px;
    border: none;
}

.web-app-email-icon {
    height: 20px;
    margin-bottom: 10px;
}

.web-app-search-found {
    background-color: #F3EF20;
}

.index-toc-word-container {
    word-wrap: break-word;
    width: 90%;
    vertical-align: middle;
    float: left;
}

.index-toc-word-arrow-container {
    margin-left: auto;
}

/*Sponsor popup */

.web-app-sponsor-popup {
    display: inline-block;
    z-index: 5;
    position: fixed;
    transition: 1s;
    right: 0;
    border-radius: 5px;
    cursor: pointer;
}

.web-app-sponsor-popup-icon {
    background: #E7E7E7;
    display: inline-block;
    z-index: 1;
    border-bottom: 2px solid #878787;
    border-left: 2px solid #878787;
    border-radius: 5px 0px 0px 5px;
    cursor: pointer;
    padding-right: 15px;
}

.web-app-sponsor-popup-icon>img {
    height: 50px;
    width: auto;
    margin-right: -10px;
}

.web-app-sponsor-content>img {
    width: 100%;
    display: none;
}

.web-app-sponsor-content {
    margin-left: -12px;
    display: inline-block;
    z-index: 1;
    -webkit-transition-property: width;
    /* Safari */
    -webkit-transition-duration: 2s;
    /* Safari */
    transition-property: width;
    transition-duration: 2s;
    float: right;
    width: 0;
    border-radius: 5px;
    cursor: pointer;
}

.web-app-sponsor-img {
    border: 1px solid #878787;
    border-radius: 7px;
}

.web-app-sponsor-icon-close {
    background: #FFF;
    border: 2px solid #CCC;
    border-right: none;
    padding: 5px 10px;
}

.web-app-show-sponsor-content {
    width: 500px;
    padding: 10px;
}

.web-app-popup-close-button {
    color: red;
    padding: 4px;
    border-radius: 5px;
    font-weight: bold;
    display: none;
}

body object {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user-name-holder {
    display: none;
    cursor: pointer;
}

.user-icon-img {
    margin-top: -10px;
    height: 30px;
    display: none;
    cursor: pointer;
}


/*************** SMALL PHONE SCREEN************/

@media (max-width: 319px) {

#top-icon {
    height: 46px;
    width: 52px;
    margin-left: 3px;
    margin-top:-12px;
}
#top-header{
    padding-right:74px;
    font-size: 20px;
    margin-top:-8px;
    }
}
/*************** PHONE VIEW HANDELER************/

@media (max-width: 800px) {
    .web-app-show-sponsor-content {
        width: 90%;
    }
    .web-app-popup-close-button {
        display: block;
    }
    .web-app-sponsor-popup {
        bottom: 0;
    }
    .user-icon-img {
        display: inline-block;
    }
}

@media (max-width:680) {
    #web_app_name {
        display: none;
    }
}

/*************** LAPTOP VIEW HANDELER************/

@media (min-width: 801px) {
    .web-app-sponsor-popup {
        bottom: 20%;
    }
    .user-name-holder {
        display: inline-block;
    }
}

@media (min-width: 2048px) {
    /* body {
        width: 50% !important;
    } */
    .web-app-layout-table {
        position: absolute !important;
    }
    #main_info_div {
        position: absolute !important;
        width: 100%;
    }
}

@media (max-width: 2048px) {
    .web-app-layout-table {
        position: absolute !important;
    }
}

@media (max-width: 1024px) {
    .web-app-layout-table {
        position: absolute !important;
    }
    #main_info_div {
        position: absolute !important;
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .web-app-layout-table {
        position: absolute !important;
    }
    #main_info_div {
        position: absolute !important;
        width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 700px) {
    img.toc_loader {
        margin: 18% 0% 0% 43%;
    }
    #top-icon{
        height:49px;  
        width:54px;    
        margin-left: 11px; 
        margin-top: -14px;
      }
      #top-header{
        padding-right:103px;
        padding-bottom: 10px;
        margin-top: -9px;
     }
    
}

/*Center screen as per the screen size*/

@media (min-width: 2048px) {
    #WEB_APP_DATA_CONTAINER {
        width: 50% !important;
    }
}

@media (max-width: 2048px) {
    .web-app-blanck-space {
        margin-left: 21vw !important;
        width: 1024px !important;
    }
}

@media (max-width: 1340px) {
    #main_info_div {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .web-app-toc-search-view-center {
        margin-left: 0 !important;
    }
    .web-app-toc-header-center {
        margin-left: 0 !important;
        width: 100% !important;
        position: fixed;
        top: 40px;
    }
    #tocNavigationContainer {
        width: 75% !important;
    }
    #WEB_APP_DATA_CONTAINER {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .web-app-left-section {
        width: 100% !important;
    }
    #tocNavigationContainer {
        width: 100% !important;
    }
    .web-app-tool-header-container {
        width: 100% !important;
    }
}
@media (max-width: 800px) {
    .web-app-left-section {
        width: 100% !important;
    }
    #tocNavigationContainer {
        width: 100% !important;
    }
    .web-app-tool-header-container {
        width: 100% !important;
    }
}

@media only screen and (min-width: 801px) and (max-width: 1000px){
   #web-app-calendar_popup{
        left: 30.5%;
    }
    #web-app-calendar-content {
        margin-left: 5% !important;
        margin-top: 20% !important;
        width: 480px !important;
    }
}

@media only screen and (min-width: 1001px) {
    #web-app-calendar_popup{
        left: 25%;
    }
    #web-app-calendar-content {
        margin-left: 17% !important;
        margin-top: 20% !important;
    }
}

@media only screen and (min-width: 1340px) and (max-width: 1460px){
    #web-app-calendar-content {
        margin-left: 14% !important;
    }
}
@media (min-width: 801px) and (max-width: 1000px){
    .web-app-tool-header-container {
        width: 69% !important;
    }
}
@media (min-width: 1001px) and (max-width: 1340px){
    .web-app-tool-header-container {
        width: 75% !important;
    }
}
@media (min-width: 1341px) {
    .web-app-toc-header-center {
        position: fixed;
        top: 40px;
        z-index: -1;
        width: 75%;
        margin-left: 12.5%;
    }
    .web-app-layout-table, #main_info_div {
        width: 75% !important;
        margin-left: 12.5%;
    }
    #web-app-calendar_popup{
        left: 34.3%;
        width: 53.2% !important;
    }
    #web-app-calendar-content {
        margin-top: 25% !important;
    }
    .web-app-left-section {
        width: 21.8% !important;
    }
    .web-app-right-section {
        width: 71% !important;
    }
    .web-app-tool-header-container {
        width: 52% !important;
    }
    
}
@media (min-width: 1660px) and (max-width: 2047px){
    .web-app-tool-header-container {
        width: 52.3% !important;
    }
}
@media (min-width: 2048px) {
    .web-app-toc-header-center {
        width: 51% !important;
        margin-left: 25%;
        margin-right: 25%;
    }
    .web-app-layout-table, #main_info_div {
        width: 51% !important;
        margin-left: 25%;
        margin-right: 25%;
    }
    #web-app-calendar_popup{
        left: 35%;
        width: 41% !important;
    }
    #web-app-calendar-content {
        margin-left: 20% !important;
    }
    .web-app-left-section {
        width: 10% !important;
    }
    .web-app-right-section {
        width: 90% !important;
    }
    .web-app-right-screen-container {
        width: 40.5% !important;
        margin-left: 5% !important;
    }
    #WEB_APP_DATA_CONTAINER {
        width: 91% !important;
        margin-left: 8.9% !important;
    }
    .web-app-tool-header-container {
        width: 40.05% !important;
        margin-left: 5% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        width: 98%;
        margin-left: 2%;
    }
}
@media (min-width: 2435px) {
    #web-app-calendar-content {
        margin-left: 25% !important;
    }
}
table {
    border-spacing: 0px !important
}

@media (max-device-width: 801px) {
    #embeddedContent {
        height: 1570.39px;
        width: 94.5%;
    }
    #WEB_APP_DATA_CONTAINER>object {
        background: #fff;
        width: 100%;
    }
    .web-app-tool-header-container {
        padding: 15px 10px;
        background: white;/* background: #a2091b; */
        color: white;
        display: none;
        border-bottom: 1pt solid grey;
        position: fixed;
        margin: 0px 0 0 0px;
    }
    #search_header_bar {
        width: 86%;
    }
    .web-app-main-gl-div {
        width: 98.6%;
        height: 100%;
        background-color: #E7E7E7;
        padding: 10px;
        margin: 0;
        padding-top: 1em;
        overflow: auto;
        margin-left: 5.5%;
    }
}

/* Media query for strictly ipad and not ipad pro */

@media (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    #tocNavigationContainer {
        margin-left: 0% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        float: right;
        width: inherit;
    }
    .web-app-client-header-name {
        font-size: 15px;
    }
    .web-app-tool-header-container {
        margin-left: 0% !important;
    }
    #search_header_bar {
        width: 95%;
    }
    .load_image_div {
        width: 99% !important;
    }
    .web-app-left-section {
        height: 86% !important;
    }    
    .pdf-div{
        margin-left: 1.6% !important;
        width: 30.5% !important;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }
    .loader-img{
        margin: 38% 37% !important;
        height: 20% !important;
    }
    .web-app-txt-img-div2{
        width: 17% !important;
    }
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .load_image_div {
        width: 100% !important;
    }
    .pdf-div{
        margin-left: 2% !important;
        width: 29.8% !important;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }
    .loader-img{
            margin: 53% 31% !important;
            height: 20% !important;
    }
    
}
/* ipad pro Portrait */

@media (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .pdf-div{
        width: 30.6% !important;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }
    .web-app-txt-img-div2{
        width: 17% !important;
    }
    .web-app-client-header-name{
        font-size:20px;
    }
    
}

@media (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }
    .web-app-txt-img-div2{
        width: 15.1% !important;
    }
    .pdf-div{
        width: 29.9% !important;
        margin-left: 2.5% !important;
    }
}

/* Iphone x  */

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    .load_image_div {
        width: 100% !important;
    }
    .web-app-left-section {
        height: 89% !important;
    }
    #tocNavigationContainer {
        margin-left: 0% !important;
    }
    #embeddedContent {
        margin-left: 0% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        float: right;
        width: 105%;
    }
    .web-app-tool-header-container {
        margin-left: 0% !important;
        width: 95% !important;
    }
    #search_header_bar {
        width: 90% !important;
    }
    .pdf-div{
        width: 31.15% !important;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }
}

@media (device-width: 812px) and (device-height: 375px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .load_image_div {
        width: 259px !important;
    }
    .web-app-left-section {
        height: 89% !important;
    }
    #tocNavigationContainer {
        margin-left: 0% !important;
        width: 75% !important;
    }
    #embeddedContent {
        margin-left: 0% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        float: right;
        width: 105%;
    }
    .web-app-tool-header-container {
        margin-left: 0% !important;
        width: 95% !important;
    }
    #search_header_bar {
        width: 94% !important;
    }
    .web-app-info-icon-img-2 {
        margin-top: 0px !important;
        margin-left: -23px !important;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }
}

/* Iphone 6 plus */

@media (min-device-width: 414px) and (max-device-width: 736px) and (device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) and (-webkit-device-pixel-ratio: 3) {
    .load_image_div {
        width: 100% !important;
    }
    #tocNavigationContainer {
        margin-left: 0% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        width: 100%;
    }
    #search_header_bar {
        width: 92% !important;
    }
    .web-app-tool-header-container {
        margin-left: 0% !important;
        width: 96% !important;
    }
    .web-app-info-icon-img-2 {
        margin-top: 0% !important;
        margin-left: 0% !important;
    }
    .web-app-left-section {
        height: 88% !important;
    }
    .web-app-txt-img-div2{
        width: 19% !important; 
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        width: 19% !important; 
        padding-top: 2% !important;
    }
    .loader-img{
        margin: 48% 33% !important;
        height: 20% !important;
    }
    .pdf-div{
        width: 47% !important;
        margin-left: 1.7% !important;
    }
}

@media (device-width: 736px) and (device-height: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .load_image_div {
        width: 100% !important;
    }
    #tocNavigationContainer {
        margin-left: 0% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        float: right !important;
        width: 100%;
    }
    #search_header_bar {
        width: 95% !important;
    }
    .web-app-tool-header-container {
        margin-left: 0% !important;
        width: 98% !important;
    }
    .web-app-info-icon-img-2 {
        margin-top: 0% !important;
    }
    .web-app-left-section {
        height: 88% !important;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }
    .loader-img{
        margin: 15% 44% !important;
        height: 20% !important;
    }
    .pdf-div{
        width: 31.8% !important; 
    }
}

/* iphone 8 */

@media (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    .load_image_div {
        width: 100% !important;
    }
    #tocNavigationContainer {
        margin-left: 0% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        float: right !important;
        width: 100%;
    }
    #search_header_bar {
        width: 90% !important;
        font-size: 15px !important;
    }
    .web-app-tool-header-container {
        margin-left: 0% !important;
        width: 98% !important;
    }
    .web-app-info-icon-img-2 {
        margin-top: 0% !important;
        margin-left: 0% !important;
    }
    .web-app-left-section {
        height: 88% !important;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }
    
}

@media (device-width: 667px) and (device-height: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
    .load_image_div {
        width: 209px !important;
    }
    #tocNavigationContainer {
        margin-left: 0% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        float: right !important;
        width: 100%;
    }
    #search_header_bar {
        width: 94% !important;
        font-size: 15px !important;
    }
    .web-app-tool-header-container {
        margin-left: 0% !important;
        width: 98% !important;
    }
    .web-app-info-icon-img-2 {
        margin-top: 0% !important;
        margin-left: 0% !important;
    }
    .web-app-left-section {
        height: 77% !important;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }
}

/* iPhone 5 Retina regardless of IOS version */

@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .load_image_div {
        width: 100% !important;
    }
    #tocNavigationContainer {
        margin-left: 0% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        float: right !important;
        width: 100%;
    }
    #search_header_bar {
        width: 90% !important;
        font-size: 13px !important;
    }
    .web-app-tool-header-container {
        margin-left: 0% !important;
        width: 98% !important;
    }
    .web-app-info-icon-img-2 {
        margin-top: 0% !important;
        margin-left: 0% !important;
    }
    .web-app-left-section {
        height: 84% !important;
        top: 91px;
    }
    .web-app-main-gl-div {
        top: 14% !important;
        padding-left: 1% !important;
    }
    .web-app-layout-table {
        top: 92px;
    }
    #main_info_div {
        padding-top: 0em !important;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }
}

@media (device-height: 320px) and (device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .load_image_div {
        width: 178px !important;
    }
    .pdf-div{
        width: 31.6% !important;
    }
    #tocNavigationContainer {
        margin-left: 0% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        float: right !important;
        width: 100%;
    }
    #search_header_bar {
        width: 94% !important;
        font-size: 15px !important;
    }
    .web-app-tool-header-container {
        margin-left: 0% !important;
        width: 98% !important;
    }
    .web-app-info-icon-img-2 {
        margin-top: 0% !important;
        margin-left: 0% !important;
    }
    .web-app-left-section {
        height: 77% !important;
    }
    .web-app-client-header-name {
        font-size: 14px;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }
}

/* Google pixel 2XL */

/* Portrait */

@media screen and (device-width: 411px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: portrait) {
    .load_image_div {
        width: 100% !important;
    }
    #tocNavigationContainer {
        margin-left: 0% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        width: 100%;
    }
    #search_header_bar {
        font-size: 15px !important;
    }
    .web-app-tool-header-container {
        margin-left: 0% !important;
        width: 98% !important;
    }
    .web-app-info-icon-img-2 {
        margin-top: 0% !important;
        margin-left: 0% !important;
    }
    .web-app-left-section {
        height: 88% !important;
    }
    .pdf-div{
        width: 42.5% !important;
        margin-left: 2.3% !important;
    }
    .web-app-txt-img-div2{
        width: 20% !important;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        width: 20% !important;
        padding-top: 2% !important;
    }
    .loader-img{
        margin: 53% 31% !important;
        height: 20% !important;
    }
}

/* Landscape */

@media screen and (device-width: 823px) and (device-height: 411px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
    .load_image_div {
        width: 100% !important;
    }
    .pdf-div{
        width: 32.05% !important;
    }
    #tocNavigationContainer {
        margin-left: 0% !important;
        width: 75% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        float: right !important;
        width: 100%;
    }
    #search_header_bar {
        width: 94% !important;
        font-size: 15px !important;
    }
    .web-app-tool-header-container {
        margin-left: 0% !important;
        width: 98% !important;
    }
    .web-app-info-icon-img-2 {
        margin-top: 0% !important;
        margin-left: -23% !important;
    }
    .web-app-left-section {
        height: 79% !important;
    }
    #WEB_APP_DATA_CONTAINER {
        margin-top: 0px;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }
    .loader-img{
        margin: 15% 45% !important;
        height: 20% !important;
    }
    
}

/* google pixel 2 */

@media screen and (device-width: 411px) and (device-height: 731px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: portrait) {
    .load_image_div {
        width: 395px !important;
    }
    #tocNavigationContainer {
        margin-left: 0% !important;
    }
    .pdf-div{
        padding-left: 3% !important;
        width: 45% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        float: right !important;
        width: 100%;
    }
    #search_header_bar {
        width: 90% !important;
        font-size: 15px !important;
    }
    .web-app-tool-header-container {
        margin-left: 0% !important;
        width: 98% !important;
    }
    .web-app-info-icon-img-2 {
        margin-top: 0% !important;
        margin-left: 0% !important;
    }
    .web-app-left-section {
        height: 88% !important;
    }
    .web-app-txt-img-div2{
        width: 21.1% !important; 
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        width: 20.1% !important;
        padding-top: 2% !important; 
    }
}

@media screen and (min-device-width: 1280px) and (max-device-width: 1441px) and (min-device-height: 731px) and (max-device-height: 900px) {
    #WEB_APP_DATA_CONTAINER>object {
        height: 657px;
    }
    #main_info_div>object {
        height: 712px !important;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }

}

/* Generic smartphone media query */
/* Portrait */

@media (max-width: 412px) and (max-height: 822px) and (orientation: portrait) {
    /* Styles here */
    .load_image_div {
        padding-top: 4% !important;
    }
    #tocNavigationContainer {
        margin-left: 0% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        float: right !important;
        width: 100%;
    }
    #search_header_bar {
        width: 90% !important;
        font-size: 15px !important;
    }
    .web-app-tool-header-container {
        margin-left: 0% !important;
        width: 98% !important;
    }
    .web-app-info-icon-img-2 {
        margin-top: 0% !important;
        margin-left: 0% !important;
    }
    .web-app-left-section {
        height: 88% !important;
    }
    .web-app-main-gl-div {
        top: 12% !important;
    }
    .web-app-layout-table {
        top: 87px !important;
    }
    #main_info_div {
        padding-top: 0em !important;
    }    
    .pdf-div{
        width: 45% !important;
    }
    .web-app-txt-img-div2{
        width: 20.1% !important; 
        padding-top: 6% !important;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        width: 20.1% !important; 
        padding-top: 2% !important;
    }
    .loader-img{
        margin: 41% 33% !important;
    height: 20% !important;
    }
}

@media (max-width: 822px) and (max-height: 412px) and (orientation: landscape) {
    /* Styles here */
    .load_image_div {
        width: 100% !important;
    }
    #tocNavigationContainer {
        margin-left: 0% !important;
    }
    #WEB_APP_DATA_CONTAINER>object {
        float: right !important;
        width: 100%;
    }
    #search_header_bar {
        width: 95% !important;
        font-size: 15px !important;
    }
    .web-app-info-icon-img-2 {
        margin-top: 0% !important;
        margin-left: 0% !important;
    }
    .web-app-left-section {
        height: 79% !important;
    }
    .web-app-main-gl-div {
        top: 12% !important;
    }
    .web-app-layout-table {
        top: 87px !important;
    }
    #main_info_div {
        padding-top: 0em !important;
    }
    .pdf-div{
        width: 31.2% !important;
        margin-left: 0.7% !important;
    }
    .glHome-pdf-div{
        padding-left: 2% !important;
        padding-top: 2% !important;
    }
    .loader-img{
        margin: 15% 45% !important;
        height: 20% !important;
    }
}

@media  (min-width:320px) and (max-width: 700px) {
    .web-app-client-header-name {
        font-size: 13px;
        width: 70%;
    }
    #top-header{
        padding-right:80px;
        margin-top: -10px;  
        font-size:20px;
     }
     .corona-web-app-toc-arrow-img-next {
        
        margin-left: -7px!important;
        
    }
}
  
.img-loading {
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 150px;
    width: 150px;
    margin-top: 45%;
}

.loader-container {
    height: 698px !important;
}
#lock_tab{
    height:37px!important;
}
/********************* Thumbnail CSS *************************/
#thumbnail{
    height:80px;
    border: 2px solid lightgray;
    padding: 3px;
}
.aligned{
    display:flex;
    align-items: center;
}

/************************************** First Header **************************************/


/* *************Galaxy Fold************** */
@media screen and (device-width:280px) and (device-height:653px){
    #top-icon {
        margin-left: 11px;
        margin-top:-14px;
    }
    #top-header{
        padding-right:99px;
        font-size: 21px;
        margin-top:-9px;
        }
}

/* *************Iphone11************** */
@media screen and (device-width:414px) and (device-height:896px){
  .corona-web-app-toc-arrow-img-next{
      margin-left:-13px!important;
  }  
  #search_bar {
    margin-top: 17px;
  }
}
/************************Surface duo************************/
@media screen and (device-width:540px)and (device-height:720px){
    
     #top-icon {
        margin-left: 11px;
        margin-top:-14px;
    }
    #top-header{
        padding-right:99px;
        font-size: 21px;
        margin-top:-9px;
        }
}
/******************** Kindle *********************/
@media screen and (device-width:800px)and (device-height:1280px){
    
    #top-icon {
       
        margin-left: 11px!important;
        margin-top:-14px!important;
    }
    #top-header{
        padding-right:99px!important;
        font-size: 20px!important;
        margin-top:-10px!important;
        }
}

/******************** Ipad ***********************/
@media screen and (min-device-width: 701px) 
and (max-device-width: 786px) 
and (min-device-height: 786px) 
{   #top-header{
       font-size:21px;
       margin-top: -12px;
    }
}
/********************* Laptop with Mdpi screen and more *************************/
 @media (min-width:800px) and (max-width:1340px){
#top-header{
    margin-top:-3px;
    font-size:21px;
    padding-right: 92px;
    
} 
#top-icon{
    margin-top:-6px;
    margin-left: 20px;
}
} 
/********************* ipad Pro *************************/
@media screen and (device-width: 1024px) and (device-height: 1366px){
    #top-header{
        margin-top:-12px!important;
        font-size:21px;
        padding-right: 103px!important;
       
    }
    #top-icon{
        margin-top:-14px!important;
        margin-left: 29px!important;
    }

}
/********************* Blackberry playbook *************************/
@media screen and (device-width: 600px) and (device-height: 1024px){
    #top-icon{
        margin-left: 11px!important; 
        margin-top: -13px!important;
      }
      #top-header{
        padding-right:80px!important;
        padding-bottom: 10px!important;
        margin-top: -9px!important;
     }

}

/************************HiDpi Screen************************/
@media screen and (min-device-width:1440px) {
    
    #top-icon {
        margin-left: 20px;
        margin-top:-3px;
    }

    #top-header{
        padding-right:92px; 
        font-size: 21px;
        margin-top:-2px; 
        }
        .corona-web-app-toc-arrow-img-next {
            margin-left: 8px!important;
        }
}
/* *************************** */
@media screen and (min-width:1341px) and (max-width:1439px) {
    
    #top-icon {
        margin-left: 20px;
        margin-top:-3px;
    }

    #top-header{
        padding-right:92px;  
        font-size: 21px;
        margin-top:-2px; 
        }
        .corona-web-app-toc-arrow-img-next {
            margin-left: 8px!important;
        }
}
/* *************************** */
@media screen and (min-width:1000px) and (max-width:1340px) {
  
    #top-header{
       
        padding-right:92px;  
        font-size: 21px;
        margin-top:-2px; 
        }
}

@media screen and (min-width:1500px) and (max-width:1799px) {
    

    #top-header{
      
        padding-right:92px; 
        font-size: 21px;
        margin-top:-2px; 
        }
        .corona-web-app-toc-arrow-img-next {
            margin-left: 8px!important;
        }
}

/* *************************** */
@media screen and (min-device-width:1800px) {
    
    #top-icon {
        margin-left: 20px;
        margin-top:-4px;
    }

    #top-header{
        padding-right:92px;  
        font-size: 21px;
        margin-top:-4px; 
        }
}
/* *************************** */
@media screen and (min-device-width:2000px) {
    
    #top-icon {
        margin-left: 20px;
        margin-top:-3px;
    }

    #top-header{
        padding-right:92px;  
        font-size: 20px;
        margin-top:-7px; 
        }
}
/* *************************** */

#iframe-search{
    height: 100%!important;
    width:100%;
}
/* **********************************Impressum icon********************************* */

#impressum_tab{
    float: right;
    padding-bottom: 4px!important;;
   
}