/* ***************************************************** */
/* MODAL CONTROL CSS */
/* ***************************************************** */

#dialog_container {
    display: flex;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 75;
}

#dialog_content {
    width: 100%;
}

#dialog_content_container {
    display: flex;
    font-family: var(--body-font);
    justify-content: space-between;
    margin: auto;    
    position: relative;    
    z-index: 100;    
}

#dialog_overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

#dialog_overlay {
    background-color: var(--dialog-overlay);
    z-index: 90;
}

#dialog_loading{
    height:200px;
    width:200px;
    background: url(/resources/images/ui/spinner.svg) no-repeat center;

    opacity: 0.7;
    /* -webkit-animation: pulse 1.5s infinite ease-in-out;
    -o-animation: pulse 1.5s infinite ease-in-out;
    -ms-animation: pulse 1.5s infinite ease-in-out;
    -moz-animation: pulse 1.5s infinite ease-in-out;
    animation: pulse 1.5s infinite ease-in-out; */
}

/* ***************************************************** */
/* MAGIC CHECKBOXES */
/* ***************************************************** */

.netmode_toggle{
    animation-duration: 0.001s;
    animation-name: netmode_toggle;
}

.viewmode_toggle{
    animation-duration: 0.001s;
    animation-name: viewmode_toggle;
}

.netmode_toggle:checked ~ label{
    transform: rotate(180deg);
}

input[name=search_input]{
    display: none;
}

#search_box{
    display: none;
}

input[name=search_input]:checked ~ #search_box{
    display: inline;
}

#memo_textbox{
    display:none;
}

#memo_checkbox:checked ~ #memo_textbox{
    display:block;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    transform: translate(44px, -58px);
    border: 1px solid var(--border-dark);
}

#show_more_checkbox:checked ~ #asset_container {
    transform: rotateY(180deg);
}

#show_more_checkbox:checked #asset_viewer_title{
    transform: rotateY(180deg);
}
  

/* ***************************************************** */
/* iOS specific CSS */
/* ***************************************************** */

/* @supports (-webkit-touch-callout: none) {    
    
} */
a{
    animation-duration: 0.001s;
    animation-name: ios_anchor;   
}

/* ***************************************************** */
/* Dynamic JS Trigger Animations */
/* ***************************************************** */
.chart_loader{
    animation-duration: 0.001s;
    animation-name: chart_loader;
}

.ice_hide{
    animation-duration: 0.001s;
    animation-name: ice_hide;
}

.ice_show{
    animation-duration: 0.001s;
    animation-name: ice_show;
}

@keyframes chart_loader { 
    from { opacity: 0.99; }
    to { opacity: 1; } 
}
@keyframes ios_anchor {
    from { opacity: 0.99; }
    to { opacity: 1; } 
}

@keyframes netmode_toggle {
    from { opacity: 0.99; }
    to { opacity: 1; } 
}

@keyframes ice_show {
    from { opacity: 0.99; }
    to { opacity: 1; } 
}

@keyframes ice_hide {
    from { opacity: 0.99; }
    to { opacity: 1; } 
}



@keyframes viewmode_toggle {
    from { opacity: 0.99; }
    to { opacity: 1; } 
}
/* ***************************************************** */
/* Click to close */
/* ***************************************************** */
.menu_control{
    animation-duration: 0.001s;
    animation-name: menu_control;
}

@keyframes menu_control { 
    from { opacity: 0.99; }
    to { opacity: 1; } 
}

/* ***************************************************** */
/* template link safari fix */
/* ***************************************************** */
.template-link{
    animation-duration: 0.001s;
    animation-name : template-link;
}

@keyframes template-link {
    from { opacity: 0.99; }
    to { opacity: 1; }    
}