/*
* Copyright (C) CGG Services (UK) Ltd - All Rights Reserved.
* Unauthorized copying of this file, via any medium is strictly prohibited.
* Proprietary and confidential. Written by Robertson Web Team.
*//* 
Created on : 23-May-2022, 16:13:50
Author     : rhughes
*/



.main-body {
    /*min-width: 1350px;*/
    /* defaults that should be over-ridden by virtually everything */
    color: #fff;
    font-family: Flama; 
    font-style: normal; 
}


.geoverse_xplorer_logo_1 { 
    width:110px;
    height:50px;
    position:absolute;
    left:18px;
    top:18px;
    background-repeat:no-repeat;
    background-size:cover;
    color:#40D912;
    background-image: url(/javax.faces.resource/from_figma/geoverse_xplorer_logo_1.png.xhtml);
}
.cgg_logo_white_2 { 
    width:166px;
    height:60px;
    position:relative;
    left:-webkit-calc(100% - 120px);
    left:-moz-calc(100% - 120px);
    left:90%;
    top:210px;
    background-repeat:no-repeat;
    background-size:cover;
    background-image: url(/javax.faces.resource/from_figma/cgg_logo_white_2.png.xhtml);
}

.main-body {
    background-color: #000000 !important;
    left:0px;
    top:0px;
}
.ad_space { 
    width:300px;
    height:600px;
    position:relative; 
    left:88%;
    top:150px;
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ui-overlaypanel-content {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    padding-left: 30px !important;
    padding-right: 42px !important;
    background:#142A39;
}
.ui-widget-content {
    border: none !important;
    background: none !important;
}

.card{
    position: absolute;
    height: 800px;
    left: 760px;
    top: 19%;
    overflow-x:auto;
  -ms-overflow-style: none;  /* Internet Explorer and Edge */
  scrollbar-width: none;  /* Firefox */
}
.card::-webkit-scrollbar {
  display: none;
}

.modal_line_separator{
    position: absolute;
    width: 800px;
    height: 0px;
    border: 3px solid #BABABA;
}

.dash_line_separator{
    position: absolute;
    width: 755px;
    height: 0px;
    left: 340px;
    top: 45%;
    border: 3px solid #BABABA;
    transform: rotate(90deg);
}

.tool_bar_client { 
    width:100%;
    height:94px;
    position:fixed;
    left:0px;
    top:0px;
    z-index:10;
}
.rectangle_3 { 
    position: absolute;
    height: 94px;
    left: 0%;
    right: 0%;
    top: 0px;
    background: linear-gradient(90deg, #143049 0%, #22465F 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}
#header_title { 
    color:#FFFFFF;
    width:71px;
    height:30px;
    position:absolute;
    left:147px;
    top:28px;
    font-family:Flama;
    text-align:left;
    font-size:30px;
    letter-spacing:0;
}
.header_vert_divider { 
    width:1px;
    height:56px;
    position:absolute;
    left:137px;
    top:19px;
    background-color: #FFF;
}
.rectangle_6 { 
    width:302px;
    height:94px;
    position:absolute;
    left:0px;
    top:0px;
}


.mask_group { 
    width:301px;
    height:15px;
    position:absolute;
    left:0px;
    top:0px;
}
.logo_underline{
    position: absolute; 
    width:75px; 
    height:2px;
    left:20px;
    top:70px;
    background:#39961D;

}
.welcome_pop_up { 
    box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);
    width:506px;
    height:255px;
    position:absolute;
}

.ui-dialog {
    width:850px !important;
     background:#1B374B !important;
     border-radius: 25px;
     font-family: Flama;
}
.ui-dialog-titlebar{
    background:#1B374B !important;
}

.ui-dialog-title{
    color:#FFFFFF !important;
    font-weight: 400;
    font-family: Flama;
}

.ui-dialog-titlebar-close span{
   background:white !important;
   border-radius:100% !important;
   width:32px !important;
   color: #000000;
}
.ui-dialog-content{
     height:650px !important;
     
} 

.rectangle_179 { 
    background-color:rgba(46.000001057982445, 23.000000528991222, 56.000000461936, 1);
    width:506px;
    height:255px;
    position:absolute;
    left:0px;
    top:0px;
}
.welcome_to_the_new_geoverse_xplorer_logo_1_xplorer_interface { 
    color:rgba(255, 255, 255, 1);
    width:170px;
    height:52px;
    position:absolute;
    left:51px;
    top:87px;
    font-family:Flama;
    text-align:left;
    font-size:18px;
    letter-spacing:0;
}
.rectangle_180 { 
    background-color:rgba(37.98083536326885, 21.072916835546494, 59.50000025331974, 1);
    width:260px;
    height:255px;
    position:absolute;
    left:246px;
    top:0px;
}
.geoverse_xplorer_logo_large { 
    width:176px;
    height:98px;
    position:absolute;
    left:288px;
    top:78px;
    background-repeat:no-repeat;
    background-size:cover;
    background-image: url();
}

.app_main_container {
    position: absolute;
    width: 1345px;
    height: 643px;
    top:68px;
    filter: drop-shadow(0px 4px 4px) rgba(0, 0, 0, 0.25);

}
.disabled{
    background-color: rgba(80, 99, 112, 0.89) !important;
    cursor: not-allowed !important;
}



.ui-tabs .ui-tabs-panels { 
    background: #0C324B !important;
    min-height: 40vw
}

.ui-tabs .ui-tabs-nav {
    background: none !important;
    height:60px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header {
       background: none !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-header a {
       color:#F3F5F7 !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
       color:#F3F5F7 !important;
   
}
.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active {
       background: #005A98 !important;
}
.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header {
    border-bottom: 2px solid #0C1F2C !important;
}
.ui-tabs.ui-tabs-top > .ui-tabs-nav:before {
    border-bottom: 2px solid #0C1F2C !important;
}
.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    justify-content: space-evenly !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
   box-shadow: 0 0 0 0  #0C1F2C !important;
}
body .ui-panel .ui-panel-content {
    padding: 0 !important;
}
.ui-panel .ui-panel-content {
    padding: 0em 2em !important;
}

body .ui-card .ui-card-content {
	padding:0 !important;
}    

body .ui-card .ui-card-body{
	padding:0 !important;
} 
.ui-card {
	box-shadow:0 !important;
}

body .ui-panelgrid .ui-panelgrid-cell {
    border:0 !important;
	background:none !important;
}

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

.dash_main_tabs_container1 {
    position: absolute;
    width:1400px;
    height: 873px;
    left: 20%;
    background:#000000
}
.cgg_logo_white_2 { 
    width:88px;
    height:32px;
    position:relative;
    left:-webkit-calc(100% - 120px);
    left:-moz-calc(100% - 120px);
    left:90%;
    top:110px;
    background-repeat:no-repeat;
    background-size:cover;
    background-image: url(/javax.faces.resource/from_figma/cgg_logo_white_2.png.xhtml);
}
.card{
    position: absolute;
    height: 800px;
    left: 12%;
    top: 150%;
    overflow-x:auto;
     -ms-overflow-style: none;  /* Internet Explorer and Edge */
    scrollbar-width: none;  /* Firefox */
}

.dash_line_separator{
   display: none;
}

.datagridTab {
	margin:10px 90px; 
	width:calc(100% - 1500px);
}
}

@media only screen and (min-width:2000px) and (max-width:4000px){

.dash_main_tabs_container1 {
    position: absolute;
    width:calc(100% - 600px);
    height: 873px;
    left: 20%;
    top: 70px; 
    background:#000000;
}
.cgg_logo_white_2 { 
    width:166px;
    height:60px;
    position:relative;
    left:-webkit-calc(100% - 120px);
    left:-moz-calc(100% - 120px);
    left:90%;
    top:200px;
    background-repeat:no-repeat;
    background-size:cover;
    background-image: url(/javax.faces.resource/from_figma/cgg_logo_white_2.png.xhtml);
}

}
@media only screen and (min-width:1300px) and (max-width:2000px){

.dash_main_tabs_container1 {
    position: absolute;
    width:calc(100% - 500px);
    height: 873px;
    left: 114px;
    top: 70px; 
    background:#000000;
}
.cgg_logo_white_2 { 
    width:166px;
    height:60px;
    position:relative;
    left:-webkit-calc(100% - 120px);
    left:-moz-calc(100% - 120px);
    left:90%;
    top:100px;
    background-repeat:no-repeat;
    background-size:cover;
    background-image: url(/javax.faces.resource/from_figma/cgg_logo_white_2.png.xhtml);
}

}

.newsfeedinput::-webkit-input-placeholder {  
    color: white;
}


.newsImg{
    width:700px;
    height:340px;
}

.newsTable{
    margin-top:4%;
    color:white;
    background: #0C1F2C;
    font-family: Flama;

}

.newsTable td{
    color:white;
    text-align: center;
    font-family: Flama;
}

.newsTable thead{
   display:none;

}

.ui-fileupload-content{
    color:white !important;
    font-family: Flama;
}


.ui-fileupload-buttonbar{
    font-family: Flama;
    background-color: #4E7087 !important;
    border:none !important;
}

p {
	font: 22pt sans-serif;
	margin-top:8em;
	text-align:center;
	color: #6891ad;
}
/**
* Styles for the puzzle
*/

#puzzle {
	padding: 10px;
	float: left;
	margin-top:2em;
	margin-left:30em;
	margin-right:2em;
	width: auto;
	background-color:white;
	border-radius:20px;
}
#puzzle div {
	width: 100%;
	margin: 0 auto;
}
/* style for each square in the puzzle */
#puzzle .puzzleSquare {
	height: 48px;
	width: 35px;
	text-transform: uppercase;
	background-color: #E8E8E8;
	border: 1px;
	outline: none;
	font: 1.2em Sans-serif;
	cursor: pointer;
}
button::-moz-focus-inner {
	border: none;
	outline: none;
}
/* indicates when a square has been selected */
#puzzle .selected {
	background-color: yellow;
	outline: none;

}
/* indicates that the square is part of a word that has been found */
#puzzle .found {
	background-color: yellow;
	
}
#puzzle .solved {
	background-color:yellow;	
}
/* indicates that all words have been found */
#puzzle .complete {
	background-color:#191919;	
}
/**
* Styles for the word list
*/
#words { 
	padding-top: 20px; 
	padding-right:30px;
	-moz-column-count: 2; 
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
	width: 260px;
	height:250px;
	color: white;
	float: left;
	background-color: #0C1F2C;
	border-radius: 8px;
}
#words ul {
	list-style-type: none;
}
#words li {
	padding: 0 0 7px;
	font: 1em Flama;
	display: inline-block;
	width: 100px;
}
/* indicates that the word has been found */
#words .wordFound {
	text-decoration: line-through;
	color: #ee5426;
}
/**
* Styles for the button
*/
#solve {
    font-family: flama;
    font-size: 18px; 
    background: #39961D;
    position:absolute; 
    width:150px;
    height:40px; cursor:pointer;							
	margin-left:3em;
	color: white;
	padding: 10px 20px;
	border-radius: 8px;
	border:none;

}

.updatesTable{
    margin-top:4%;
    color:white;
    background: #0C1F2C;
    font-family: Flama;

}

.updatesTable td{
    color:white;
    text-align: center;
    font-family: Flama;
}

.updatesTable thead{
   display:none;

}

.accessButton{
        background-repeat:no-repeat !important; 
    background-size:cover !important; 
    background-image: url() !important; 
    
}

.accessButton .ui-button-text{
    padding-bottom:14px !important;
}

body .ui-button.ui-button-icon-only {
	width:4em !important;
}