/*************************************************************************
 * 
 * EQUATIONS WORK CONFIDENTIAL
 * __________________
 * 
 *  [2018] - [2020] Equations Work IT Services Private Limited, India
 *  All Rights Reserved.
 * 
 * NOTICE:  All information contained herein is, and remains
 * the property of Equations Work IT Services Private Limited and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Equations Work IT Services Private Limited
 * and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Equations Work IT Services Private Limited.
*
 * Copyright (C) Equations Work IT Services Pvt. Ltd.
 * NOTE: Unauthorized copying of this file, via any medium is strictly prohibited
 * Proprietary and confidential
 * Owned and written by the proprietors of Equations Work IT Private Limited, India, August 2018
 */
/* to display text in front of the aframe canvas*/

@font-face{
    font-family: 'Open-Sans-Regular';
    src: url('/verbose/fonts/OpenSans-Regular.eot');
    src: url('/verbose/fonts/OpenSans-Regular.woff2') format('woff2'),
         url('/verbose/fonts/OpenSans-Regular.woff') format('woff'),
         url('/verbose/fonts/OpenSans-Regular.ttf') format('truetype'),
         url('/verbose/fonts/OpenSans-Regular.woff2') format('svg');
}


body
{
    font-family: 'Open-Sans-Regular' !important;
    font-size: 14px !important;
	color: #fff !important;
}

a-scene{
  z-index: -1;
}

/**/

.a-enter-vr {
       position: fixed !important;
}

.a-enter-vr-button {
    background: url(../verbose/vricon.jpg) 50% 50%/79% 61% no-repeat rgba(0,0,0,.35) !important;
}

.a-html {
    bottom: 0;
    left: 0;
    position: unset !important;
    right: 0;
    top: 0;
}

.a-body {
    height: 100%;
    margin: 0;
    overflow-y:auto;
    padding: 0;
    width: 100%;
}

body{
    background-color: #000;
    /*margin: 0px;
    overflow: hidden;*/
	color: #fff;

}

.button {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #282830;
  border: none;
  border-radius: 15px;

}

a:link, a:hover, a:visited, a:active {
    color: white;
    text-decoration: none;
}

.container{
/*    position:absolute;*/
    width:100%;
    /* display: flex;
    justify-content: center; */
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
/*    margin-top: 15%;*/
}

.info{
	position:absolute;
   background-color: rgba(103, 98, 98, 0.59);
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
   height: 100vh;
    /* left: 50%;
    transform: translate(-50%, -0%); */
    background-size: 100% 100%;
}

.info .button{
    font-weight: bold;
    background-color: #282830;
    padding: 2px 10px;;
    border-radius: 5px;
}
.disabled {
    opacity: 0.6;
    cursor: not-allowed;
    display:none;
}

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

.margin-top-row{
    margin-top: 15%
}

.inner-overloy{
         background: linear-gradient(to bottom right, #353030ab, #79797045);
        background-color: rgba(218, 212, 212, 0.48);
        /* width: 60%; */
        /* position: relative; */
        /* left: calc(100% - 80%); */
        padding: 20px;
        top: calc(100% - 70%);
        box-shadow: 2px 2px 2px 2px #716f6f;
}

.titleheader{
    font-size: 30px;
}

.logo{
    width: 50%
}

/* .logo-center-top{
    position: relative;
    top:calc(100% - 70%);
} */

.button-center-top{
    padding-top:10px;
/*     
    position: relative;
    top:calc(100% - 65%); */
}



.logo-center-top-login{
    position: relative;
    /*top:calc(100% - 95%);*/
}

/* .button-center-top-login{
    position: relative;
    top:calc(100% - 90%);
} */


.margin-lr{
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.margin-bottom{
    margin-bottom: 4%;
    padding-left: 0px;
    padding-right: 0px;
}

.width-size{
        width: 100%;
}

.padding-button-bottom{
    padding-bottom: 6%
}


@media (min-width: 1025px) {
    .width-size {
      width: 100%;
    }

}

@media screen and (min-width : 320px) and (max-width : 480px)  {
    
.inner-overloy {
    background: linear-gradient(to bottom right, #353030ab, #79797045);
    background-color: rgba(218, 212, 212, 0.48);
    width: 100%;
    left: 0px;
    padding: 20px;
    box-shadow: 2px 2px 2px 2px #716f6f;
    top: auto;
}
    .info{
        position:absolute;
        background-color: rgba(103, 98, 98, 0.59);
        padding: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        left: 50%;
        transform: translate(-50%, -0%);
        background-size: 100% 100%;
    }
                

    }

    @media screen and (min-width : 320px) and (max-width : 480px)  {
    
        .inner-overloy {
            background: linear-gradient(to bottom right, #353030ab, #79797045);
            background-color: rgba(218, 212, 212, 0.48);
            width: 100%;
            left: 0px;
            padding: 20px;
            box-shadow: 2px 2px 2px 2px #716f6f;
            top: auto;
        }
            .info{
                position:absolute;
                background-color: rgba(103, 98, 98, 0.59);
                padding: 5px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                left: 50%;
                transform: translate(-50%, -0%);
                background-size: 100% 100%;
            }
            .lds-roller {
                display: inline-block;
                position: relative;
                width: 64px;
                height: 64px;
                left: 42%;
                top: 42.8%;
               }
                        
        
            }

            @media only screen and (min-width : 768px) {
                .inner-overloy{width: 70%}
                }
                
  .hidden-login{
    visibility: hidden;
  }              
    

 
/* loader start */
.spinner {
    position: fixed;
    padding: 0px;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9998;
    background: #000;
    opacity: 0.6;
    transition: opacity 0.3s linear;
   }
   
   .center {
    margin: auto;
    width: 100%;
   }
   
   .loading-text {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    padding: 0;
    margin: 0;
    color: #FFF;
 
    background: transparent;
    text-align: center;
    padding-top: 33%;
   }
   
   .spinner img {
    position: fixed;
    padding: 0px;
    
    z-index: 10;
    background: #000;
    opacity: 0.6;
    transition: opacity 0.3s linear;
   }
   
   .hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s linear;
   }
   
   .visible {
    visibility: visible;
   }
   
   .lds-roller {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    left: 48%;
    top: 47%;
   }
   
   .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px;
   }
   
   .lds-roller div::after {
       content: '';
       display: block !important;
       position: absolute !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #fff !important;
    margin: -3px 0 0 -3px !important;
   }
   
   .lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
   }
   
   .lds-roller div:nth-child(1)::after {
    top: 50px;
    left: 50px;
   }
   
   .lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
   }
   
   .lds-roller div:nth-child(2)::after {
    top: 54px;
    left: 45px;
   }
   
   .lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
   }
   
   .lds-roller div:nth-child(3)::after {
    top: 57px;
    left: 39px;
   }
   
   .lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
   }
   
   .lds-roller div:nth-child(4)::after {
    top: 58px;
    left: 32px;
   }
   
   .lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
   }
   
   .lds-roller div:nth-child(5)::after {
    top: 57px;
    left: 25px;
   }
   
   .lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
   }
   
   .lds-roller div:nth-child(6)::after {
    top: 54px;
    left: 19px;
   }
   
   .lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
   }
   
   .lds-roller div:nth-child(7)::after {
    top: 50px;
    left: 14px;
   }
   
   .lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
   }
   
   .lds-roller div:nth-child(8)::after {
    top: 45px;
    left: 10px;
   }
   
   @keyframes lds-roller {
    0% {
     transform: rotate(0deg);
    }
    100% {
     transform: rotate(360deg);
    }
   }
   
   #loading-spinner-text {
    font-size: 26px;
   }
   
   .loading-spinner-text {
    font-size: 26px;
   }
    
   hr {
    margin-top: 0.2rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.3) !important;
}

.border-left{
    border-left: 1px solid rgba(0,0,0,.3) !important;
}
    
.padding-bottom-30px{
    padding-bottom: 30px;
}

@media screen and (max-width : 850px)  {
    .inner-overloy{width: 100%}
}

/* Scrollbar css start */

    /* width */
    ::-webkit-scrollbar {
        width: 10px;
    }
    
    /* Track */
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey; 
        border-radius: 10px;
    }
     
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #999999; 
        border-radius: 10px;
    }
    
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #c3c3c3; 
    }
    
    /* Scrollbar css end*/


    

    @media only screen and (max-width: 415px) and (orientation : portrait) {
        .instruction-scroll{
            max-height: 130px;
            overflow-y: auto;
        }
    }

    
    @media only screen and (max-width: 812px) and (orientation : landscape) {
        .instruction-scroll{
            max-height: 180px;
            overflow-y: auto;
        }
    }

    .instruction-scroll{
        max-height: 214px;
        overflow-y: auto;
    }


    .content-blur{
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        -ms-filter: blur(3px);
        filter: blur(3px);
    }

    .inactiveMessage{
        text-align: center;
        font-size: 25px;
        display: none;
        position: relative;
        top: 50vh;
        
    }
    
    .signin-google-facebook-button {
      
      width: 100px;
      text-align: left;
    }

    .btn-google-color{background-color:#dd4b39;;color: #fff; font-size: 14px;}
    .btn-facebook-color{background-color:#3b5998;color: #fff; font-size: 14px;}
    .btn-linkedin-color{background-color:#0077b5;color: #fff; font-size: 14px;}