.divFirstMenuGc_AllDiv
{
    direction:ltr;
    width:500px;
   
    height: 100vh;
    float:right;
    margin-right:30%;
  
  
}

.DDLStaSimoNumbers777
{
    width:20%;
    height:40px;
    text-align:center;
    background-color:Red;
    color:Yellow;
    direction:ltr;
}

.divSSC_AllDiv_Wide
{
    
   width:900px;  
   height: 100vh;
  float:right;
   margin-right:20%;
 border-style: inset;
 
  
}

.divSSC_AllDiv
{
    
   width:550px;
    
   height: 100vh;
  float:right;
   margin-right:30%;
 border-style: inset;
 
  
}

.divSSC_AllDiv_REC
{
    
    width:500px;
    
   height: 100vh;
      float:right;
   margin-right:30%;
 border-style: inset;


 
  
}

.divSSC_TitleRightHome
{
    width:12%;
   
    float:right;
   
}
.DivSSC_TitleScreen
{
   
      width:100%;
    height:7%;
  
    font-size:20px;
    float:right;
   
 
   
}

.DivNoteGC
{
    position:absolute;
    z-index:151;
    margin-right:29%;
    
  
     width:0%;
    height: 100%;
    float:right;
    opacity:0.9;
     transition: 0.3s;
  
   
}

.TitleNote2
{
    width:55%;
    height:100%;
    float:left;
    
    text-align:right;
    
}
.divTitleNote
{
    display:none;
 width:95%;
 height:8%;
 float:left;
 font-size:32px;  

}

.divTextNote
{
   
    width:95%;
    height:33%;
    float:left;
   
}

.textareaGC 
{
  
  display:none;
  width: 100%;
  height: 100%;
  float:right;
 
  box-sizing: border-box;
 
  background-color: #f8f8f8;
  font-size: 16px;
  text-align:left;
  direction:ltr;
  
  resize: none;
}

.DivFooterNote
{
  display:none;
 width:0%;
 height:7%;
 float:left;
 text-align:center;  

}

.divBtnCloseNoteGC
{
   
   width:13%;
   height:100%;
   float:right;
   margin-right:1%;
 
}

.btnCloseNote
{
    display:none;
    font-size:24px;
    float:right;
   width:100%;
}


.ScreenWait
{
   position:absolute;
     display:none;
      width:100%;
    height: 100vh;
    float:right;  
    
    opacity:0.8;
    z-index:131;
  
}

.divTitlePanel_GC
{
    width:100%;
   height:8%;
    font-size:30px;
  
   margin-top:1%;
  
  
}

.btnTitleScreenFirstGC
{
     float:left;
     width:12%;
     height:90%;
     margin-right:1%;
}
.divTitleAllApp
{
    margin-top:1%;
    width:100%;
   
    height:7%;
  
}




.div3btnFirst_GC
{
    width:100%;
   
    height:15%;
  
   margin-top:2%;
  
}

.div4btnLine_GC
{
    width:100%;
   
    height:15%;
 
   margin-top:2%; 
  
}

.divbtnLastLine_GC
{
    width:100%;
   
    height:10%;
  
   margin-top:2%;
  
}


.divFMFooter_GC
{
     width:100%;
   
    height:5%;
 
   margin-top:1%;
}

.img3btnFirst_GC
{
      width:30%;
   
    height:100%;
    margin-left:2%;
}

.img4btnLine_GC
{
       width:24%;
   
    height:100%;
    margin-left:1%;
     float:left;
}

.imgbtnResearchSta
{
       width:98%;
   
    height:100%;
    margin-left:1%;
     float:left;
}



.imgBtnTimeFM_GC
{
    width:100%;
    height:50%;
    margin-bottom:1%;
   
}
.imgBtnDateFM_GC
{
    width:100%;
    height:49%;
  
   
}

.btnTitlePanelGc_Blue1 
{  
     height:54%;
     width:5%;
     margin-left:1%;
     text-align:center;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:10px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.btnTitlePanelGc_Blue1:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
}
.btnTitlePanelGc_Blue1:active {
	position:relative;
	top:1px;
}


.btnTitleApps
{
    width:15%;
    height:98%;
    
    float:left;
    margin-right:4%;
}

.btnTitlePanelGc_Blue2 
{
       height:54%;
       width:5%;
     margin-left:1%;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	background-color:#33bdef;
	border-radius:3px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:10px 12px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}
.btnTitlePanelGc_Blue2:hover {
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	background-color:#019ad2;
}
.btnTitlePanelGc_Blue2:active {
	position:relative;
	top:1px;
}

        

 
 
 
 
 
 .DivContactAdminAv
{
      z-index:6;
      margin-top:5%;
     background-color:White;
    display:none;
    width: 30%;
    height: 90%;
    
    opacity: 1;
    border-radius: 5px;
    text-align:center;
 
   
    color:Black;
    font-family:Assistant;
    border: 1px solid LightGray;
      padding : 10px;
      box-shadow: 5px 5px 4px LightGray;
  
     
}

.CloseContactAdminAV
{
    
  
    color:Red;
    width:99%;
    height:7%;
    text-align:left;
   transition: all 0.5s;
    font-family:Assistant;
   font-size:22px;
}
.centerDiv{
    position: fixed;
    top: 40%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -55%);
    
}
.TitleTextExpConAdminAv
{
     background-color:#F3F3F3;
    width:90%;
    font-family:Assistant;
   font-size:22px;
}

.FontSize22
{
    font-family:Assistant;
    font-size:22px;
}
.boxDivContactAdminAv
{ 
     width:90%;
    height:85%;
        
    position:relative;
     margin: 0 auto;          
     margin-top:1%;
    border: 1px solid LightGray;
    
}
.boxDivNameTbCont
{
   
    height: 5%;
    width: 72%; 
    color:Black;
    text-align:right;
    top:1%;
    
    font-size:14px;
    
    position:relative;
     margin: 0 auto; 
    
}

.fontAssistant
{
    font-family:Assistant;
}
.BoxDiv_TBCont
{
    
    height: 12%;
    width: 72%; 
   
    position:relative;
     margin: 0 auto; 
  
}


.StyleTB
{
 
   width: 100%;
   background-color:MintCream;
  padding: 6px 10px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;

}

.BoxBtnSendCon
{
   height: 10%;
    width: 100%;
    text-align:center;
    float:right;
     margin: 0 auto;
   color:Red;
   margin-top:20%;
   font-weight:bold;
}

.BoxBtnLogInGc
{
   height: 10%;
    width: 100%;
    text-align:center;
    float:right;
     margin: 0 auto;
   color:Red;
   margin-top:10%;
   font-weight:bold;
}

.BoxBtnLogInGc2
{
   height: 10%;
    width: 100%;
    text-align:center;
    float:right;
     margin: 0 auto;
   color:Red;
   margin-top:2%;
   font-weight:bold;
}
.ButtonLogin 
{
    
    width:72%;
    height:99%;
    font-size:32px;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	background-color:#ffc477;
	border-radius:3px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Assistant;
	
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.BoxMsgCon
{
  
    height: 7%;
    width: 100%;
    text-align:center;
    float:right;
     margin: 0 auto;
   color:Red;
   margin-top:1%;
   font-weight:bold;
  
   
  
     
}
.divAddressAndPlicy
{
    width:100%;
    height:10%;
    float:right;
  
}


.divSSC_DDL
{
    width:100%;
    height:7%;
   
    
    text-align:center;
    margin-top:1%;
    font-family:Assistant;
   
   margin-bottom:2%;
  
      
}

.DDLSSC
{
    width:40%;
    height:40px;
    text-align:center;
   
    color:Yellow;
    direction:ltr;
}

.divSSC_TextTitle1
{
    font-size:20px;
    width:100%;
    height:4%;
   
    float:right;
    text-align:center;
    font-family:Assistant;
   
}

.divSSC_TextTitle2
{
    font-size:18px;
    width:100%;
    height:5%;
   
    float:right;
    text-align:center;
    margin-top:6%;
    font-family:Assistant;
   
 
}

.divSSCBLL_Text
{
    font-size:18px;
    width:100%;
    height:4%;
   
    float:right;
    text-align:center;
    margin-top:1%;
    font-family:Assistant;
   
 
}

.divSSC_TitleLeftNoteAndHelp
{
    width:40%;
   height:78%;
   float:left;
 
}

.divSA23CATC_FotterLeft
{
    width:40%;
   height:92%;
   float:left;
 
}

.divS32C_btnFooterLeft
{
     width:50%;
    height:100%;
   float:left;
   
}


.divCB_FilterBeforeDate
{
   text-align:center;
    font-family:Assistant;
    font-size:20px;
    width:100%;
    height:5%;
    float:left;
   
}

.DivTbTime_Left
{
 
   border-right:1px solid;
  float:left;
  height:94%; 
  width:50%;
  overflow:scroll;
  overflow-x:hidden;
}

.divSBFDatasTables
{
     overflow:scroll;
     width:100%;
     height:79%;
     overflow-x:hidden;
}

.divSI32Cards_TB
{
    direction: ltr;
    float:right;
  width:100%;
  height:67%;
 margin-top:3%;   
   overflow:scroll;
   overflow-x:hidden;
 border-top: 1px solid;
  
}

.cssAfter23Cards_SI32C
{
    float:left;
     width:40%;
     height:90%;
     margin-left:1%;
    
}

.divSA23CAT1_BottomMenu
{
    width:50%;
    
  
    float:right;
    
}

.divBtns789TJQKA_SCSI
{
    direction:ltr;
    width:85%;
    height:7%;
    float:right;
   
    margin-top:1%;
    
 }
 
 .divBtnsSI32C
{
    
    width:100%;
    height:10%;
    float:right;
    margin-top:1%;
  
}

.DivSSC_FooterScreen
{
    
     width:100%;
    height:7%;
  margin-top:1%;
    float:left;
   
    font-size:20px;   
    
}

.divSHDC_SCSI
{
  
    direction:ltr;
    width:100%;
   float:right;
 margin-top:3%;   
 
  margin-right:14%;
  
}

.divSHDC_SCSI_2
{
   
   width:100%;
   
    direction:ltr;
   float:right;
 margin-top:3%;   
 
  
  
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.divSCSITables
{
    
 width  :100%;
 height:85%;
 float:right;
 overflow:scroll;
 overflow-x:hidden;
}


.divTitleBtns_WLAL
{
    width:100%;
    height:8%;
   
    float:right;   
    margin-top:0%;
     border-bottom : 1px solid;
}   

.DesignBtnWLAL
{
    width:11%;
    height:90%;
    float:left;
   
    margin-top:1%;
   
}

.DesignBtnWLAL2
{
    width:80%;
    height:8%;
    float:right;
   margin-right:1%;
    margin-top:1%;
   
}

.divSideLeft_WLAL
{
    width:82%;
    height:84%;
   
    float:left;   
    margin-top:1%;
     overflow:scroll;
     overflow-x:hidden;
  
}
.divSSC_TextTitle0
{
    font-size:18px;
    width:100%;
    height:4%;
   
    float:right;
    text-align:center;
    margin-top:0%;
    font-family:Assistant;
    
 
}

#div_alerInfo_ListAllLots {
  visibility: hidden;
  min-width: 30%;
  margin-left: -100px;
  background-color: Green;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  color: Yellow;
  text-align: center;
  direction:rtl;
  border-radius: 10px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 45%;
  bottom: 30px;
  font-size: 16px;
}

#div_alerInfo_ListAllLots.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

.divSideRight_WLAL
{
    width:18%;
    height:100%;
   
    float:right;   
    margin-top:1%;
    border-left : 1px solid;
}

.DivFooterBottomSAC
{
  margin-top:15%;
  bottom: 0px;  
  
  float:right;  
}

.DivFooterBottomSSS
{
  margin-top:12%;
  bottom: 0px;  
  
  float:right;  
}


.divTbTitle_SSBLL
{
   
     width:100%;
    height:10%;
   
    float:right;
   
   
}

.divSSCBLL_Text
{
    font-size:18px;
    width:100%;
    height:4%;
   
    float:right;
    text-align:center;
    margin-top:1%;
    font-family:Assistant;
   
 
}

.cssHezDown_SSBLL_List
{
    float:right;
    width:8%;
    height:32%;
}

.cssHezDown_SSBLL_Table
{
    
    float:right;
    width:0%;
    height:32%;
}

.divTbDatas_SSBLL
{
   
     width:91%;
    height:39%;
   
    float:right;
  
    overflow:scroll;
    overflow-x: hidden;
  
}

.divTbFooter_SSBLL
{
  
     width:100%;
    height:11%;
   
    float:right;
   
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px black; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: gray; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}

.navbarPWT
{
   display:block;
  overflow: hidden;
  background-color: #333;
 
  top: 0;
  
  width: 20%;
  height:300px;
   position: absolute;
    transition: 0.5s;
  
  z-index:3;
 
  
}

.navbarPWT a {
  
  display: block;
  color: #f2f2f2;
  text-align: right;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 16px;
  font-family:Assistant;   
  border-bottom: 1px solid LightGray;
}

.navbarPWT a:hover {
  background: #ddd;
  color: Red;
}

.DivViewAllTracking
{
     width:100%;
    height:85%;
    float:right;
    margin-top:5%;
    overflow:scroll;
    overflow-x:hidden;
  
}

.RightLeft
{
   
     text-align: right;
    
}

.ScrollY
{
   width:50%;
   
    overflow:scroll;
   
    overflow-y: hidden;
    
}


.navbar 
{
   display:block;
  overflow: hidden;
  background-color: #333;
 
  top: 0;
  
  width: 20%;
  height:0px;
   position: absolute;
    transition: 0.5s;
  
  z-index:3;
 
  
}

.navbar a {
  
  display: block;
  color: #f2f2f2;
  text-align: right;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 16px;
  font-family:Assistant;   
  border-bottom: 1px solid LightGray;
}

.navbar a:hover {
  background: #ddd;
  color: Red;
}

.TxtSpaceTmpGeneral
{
    background-color:Blue;
    color:White;
    width:100%;
    height:7%;
    text-align:center;
    float:right;
    margin-top:5%;
    font-size:20px;
          
}

.TxtSpaceTmpGeneral2
{
    background-color:Black;
    color:White;
    width:100%;
    height:7%;
    text-align:center;
    float:right;
    margin-top:5%;
    margin-bottom:3%;
          
}

.HalfScreenSSS
  {
    
    float:left;
    
    width: 90%;
    height: 65%;
    
    
  overflow:scroll;
  overflow-x:hidden;
   transition: 0.5s;
  }
  
  .HalfScreen2_SSS
  {
    float:right;
   
   
    width: 0%;
    height: 65%;
   
   overflow:scroll;
   overflow-x:hidden;
    transition: 0.5s;
  }
  
  .divSSC_DDL
{
    width:100%;
    height:7%;
   
    float:right;
    text-align:center;
    margin-top:1%;
    font-family:Assistant;
   
       margin-bottom:2%;
      
}


.btnSortSSS
 {
  float:right;
  font-size:20px;
  margin-right:25%;   
  margin-top:1%;
  height:100%;
 
}



.TextTitle_NumLotRec
{
    width:70%;
    height:100%;
  
    float:right;   
    text-align:center;
    padding-top:2%;
    font-family:Assistant; 
    
   
}
.DivSSC_TitleScreenRec
{
    
      width:100%;
    height:8%;
  
    float:right;
   
    font-size:26px;
   border-top: 1px solid;
  
   
}

.divALLDatasMiddleREC
{
    width:100%;
    height:85%;
    float:right;
     overflow:scroll;
     overflow-x: hidden;
    
}

.TextLine1_RecGc
{
    width:100%;
    height:5%;
   
    float:right;   
    text-align:center;
     font-family:Assistant;   
   
}

.Tb4x4Rec
{
    direction:ltr;
    width:100%;
    height:34%;
   
    float:right;   
    margin-bottom:10%;   
    text-align:center;
     font-family:Assistant;  
  
   
}


.ShadowTalbe
{
  border: 1px solid;
  padding: 5px;
  box-shadow: 5px 7px #EDBB99;   
}

.Tb3RecBeforeLastLot
{
      direction:ltr;
    width:100%;
    height:15%;
   
    float:right;   
    text-align:center;
     font-family:Assistant;   
    
  
}

@import url("https://fonts.googleapis.com/css?family=Roboto");
@-webkit-keyframes come-in {
  0% {
    -webkit-transform: translatey(100px);
            transform: translatey(100px);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateX(-50px) scale(0.4);
            transform: translateX(-50px) scale(0.4);
  }
  20% {
    -webkit-transform: translateX(0px) scale(1.2);
            transform: translateX(0px) scale(1.2);
  }
  30% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);

  }
  40% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);

  }
  50% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);

  }
  60% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);

  }
  70% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);

  }
   80% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);

  }
  100% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);
    opacity: 1;
  }
}
@keyframes come-in {
  0% {
    -webkit-transform: translatey(100px);
            transform: translatey(100px);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateX(-50px) scale(0.4);
            transform: translateX(-50px) scale(0.4);
  }
  20% {
    -webkit-transform: translateX(0px) scale(1.2);
            transform: translateX(0px) scale(1.2);
  }
  30% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);
   
  }
   40% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);
   
  }
   50% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);
   
  }
   60% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);
   
  }
   70% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);
   
  }
  80% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);
   
  }
  100% {
    -webkit-transform: translatey(0px) scale(1);
            transform: translatey(0px) scale(1);
    opacity: 1;
  }
}


.floating-container {
 position:fixed;
  width: 300px;
  height: 100px;
 
  right: 23%;
  top:10%;
  margin: 5px 0px;
  font-size:13px;
  
}
.floating-container:hover {

}
.floating-container:hover .floating-button {
  box-shadow: 0 10px 25px rgba(44, 179, 240, 0.6);
  
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.floating-container:hover .element-container .float-element:nth-child(1) {
  -webkit-animation: come-in 0.4s forwards 0.1s;
          animation: come-in 0.4s forwards 0.1s;
}
.floating-container:hover .element-container .float-element:nth-child(2) {
  -webkit-animation: come-in 0.4s forwards 0.2s;
          animation: come-in 0.4s forwards 0.2s;
}
.floating-container:hover .element-container .float-element:nth-child(3) {
  -webkit-animation: come-in 0.4s forwards 0.3s;
          animation: come-in 0.4s forwards 0.3s;
}
.floating-container:hover .element-container .float-element:nth-child(4) {
  -webkit-animation: come-in 0.4s forwards 0.4s;
          animation: come-in 0.4s forwards 0.4s;
}
.floating-container:hover .element-container .float-element:nth-child(5) {
  -webkit-animation: come-in 0.4s forwards 0.5s;
          animation: come-in 0.4s forwards 0.5s;
}
.floating-container:hover .element-container .float-element:nth-child(6) {
  -webkit-animation: come-in 0.4s forwards 0.6s;
          animation: come-in 0.4s forwards 0.6s;
}
.floating-container:hover .element-container .float-element:nth-child(7) {
  -webkit-animation: come-in 0.4s forwards 0.7s;
          animation: come-in 0.4s forwards 0.7s;
}
.floating-container:hover .element-container .float-element:nth-child(8) {
  -webkit-animation: come-in 0.4s forwards 0.8s;
          animation: come-in 0.4s forwards 0.8s;
}
.floating-container:hover .element-container .float-element:nth-child(9) {
  -webkit-animation: come-in 0.4s forwards 1s;
          animation: come-in 0.4s forwards 1s;
}
.floating-container .floating-button 
{
  
 position:absolute;
  width: 40px;
  height: 40px;
  background: #000000;
 
  border-radius: 50%;

  right: 40%;
  top:1%;
  
  color: white;
 
  text-align: center;
  font-size: 23px;
  z-index: 100;
  box-shadow: 0 10px 25px -5px rgba(44, 179, 240, 0.6);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  
 
}
.floating-container .float-element {
  position: relative;
  display: block;
  border-radius: 50%;
  width: 42px;
  height:42px;
  top:45px; 
  right:33%;
  margin:10px 20px ;
  color: white;
 
  font-weight: 500;
  text-align: center;
  line-height: 42px;
  z-index: 0;
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
.floating-container .float-element .material-icons {
  vertical-align: middle;
  font-size: 16px;
}
.floating-container .float-element:nth-child(1) {
  background: #42A5F5;
  box-shadow: 0 20px 20px -10px rgba(66, 165, 245, 0.5);
}
.floating-container .float-element:nth-child(2) {
  background: #4CAF50;
  box-shadow: 0 20px 20px -10px rgba(76, 175, 80, 0.5);
}
.floating-container .float-element:nth-child(3) {
  background: #FF9800;
  box-shadow: 0 20px 20px -10px rgba(255, 152, 0, 0.5);
}
.floating-container .float-element:nth-child(4) {
  background: #0e1752;
  box-shadow: 0 20px 20px -10px rgba(255, 152, 0, 0.5);
}

.floating-container .float-element:nth-child(5) {
  background: #ab47bc;
  box-shadow: 0 20px 20px -10px rgba(255, 152, 0, 0.5);
}
.floating-container .float-element:nth-child(6) {
  background: #588163;
  box-shadow: 0 20px 20px -10px rgba(255, 152, 0, 0.5);
}
.floating-container .float-element:nth-child(7) {
  background: #a14242;
  box-shadow: 0 20px 20px -10px rgba(255, 152, 0, 0.5);
}
.floating-container .float-element:nth-child(8) {
  background: #03989e;
  box-shadow: 0 20px 20px -10px rgba(255, 152, 0, 0.5);
}


.floating-container .float-element:nth-child(9) {
  background: #03989e;
  box-shadow: 0 20px 20px -10px rgba(255, 152, 0, 0.5);
}


.DivDatasNumRandom_Range
{
    z-index:973;
    display:none;
    width: 20%;
    height: 25%;
    background-color:White;
    opacity: 0.9;
    border-radius: 10px;
    right:26%;
}

.DivSystematic
{
    z-index:972;
    display:none;
    width: 15%;
    height: 36%;
    right:31%;
    background-color:White;
    opacity: 0.9;
    border-radius: 10px;
}

.centerDiv2{
    
   display: table;
    margin: 0 auto;
     margin-top:3px;
    
}

.btnsystematicCLose
{
   
    background-color:Red;
    color:Yellow;
    height:30px;
    
}



.centerDIV_FLEX
  {
       display: flex;
       justify-content: center;
  }
  
  
  .btnSHDCTEMP
{
   
    width:43px;
    height:40px;   
}

.imgSHDCTEMP
{
   
    width:90%;
    height:90%;   
}

.TitleScreen_SCCVDT
  {
   float:left;
   
    width: 100%;
    height: 5%;
   text-align:center;
   direction:rtl;
  }
  
  
  .HalfScreen_SCCVDT
  {
    float:left;
    width: 100%;
    height: 40%;
  
    direction:ltr;
   overflow:scroll;
   overflow-x:hidden;
  
  }
  
  .HalfScreen22
  {
  
 
   direction :rtl;
   width:100%;
   height:30%;
  
   float:right;
  }
  
  .TableBtnInRec
  {
   width:100%;
   height:66%;
   float:right;
    overflow:scroll;   
    overflow-x:hidden;
  }
  
  
  .divAlertInfo
{
    display:none;
   direction:rtl;
    z-index: 1314;
     position: fixed;
     margin-top:15%;
    width:30%;
    height:30%;
    margin-right:31%;
    float:right;
    text-align:center;
    font-size:20px;
   
    
}



.alert{
  display: flex;
  align-items:center;
  padding: 0.55rem 0.65rem 0.55rem 0.75rem;
  border-radius:1rem;
  min-width:400px;
  justify-content: space-between;
  margin-bottom: 2rem;
  box-shadow:
  0px 3.2px 13.8px rgba(0, 0, 0, 0.02),
  0px 7.6px 33.3px rgba(0, 0, 0, 0.028),
  0px 14.4px 62.6px rgba(0, 0, 0, 0.035),
  0px 25.7px 111.7px rgba(0, 0, 0, 0.042),
  0px 48px 208.9px rgba(0, 0, 0, 0.05),
  0px 115px 500px rgba(0, 0, 0, 0.07)
}
.content{
  display: flex;
  align-items:center;
}
.icon{
  padding: 0.5rem;
  margin-right: 1rem;
  border-radius:39% 61% 42% 58% / 50% 51% 49% 50%;
  box-shadow:
  0px 3.2px 13.8px rgba(0, 0, 0, 0.02),
  0px 7.6px 33.3px rgba(0, 0, 0, 0.028),
  0px 14.4px 62.6px rgba(0, 0, 0, 0.035),
  0px 25.7px 111.7px rgba(0, 0, 0, 0.042),
  0px 48px 208.9px rgba(0, 0, 0, 0.05),
  0px 115px 500px rgba(0, 0, 0, 0.07)
}
.close{
  background-color: transparent;
  border:none;
  outline:none;
  transition:all 0.2s ease-in-out;
  padding: 0.75rem;
  border-radius:0.5rem;
  cursor:pointer;
  display: flex;
  align-items:center;
  justify-content: center;
}
.close:hover{
  background-color: #fff;
}

.success{
  background-color: rgba(62, 189, 97,0.2);
  border:2px solid #3ebd61;
}
.success .icon{
  background-color:#3ebd61;
}
.info{
  background-color: rgba(0, 108, 227,0.2);
  border:2px solid #006CE3;
}
.info .icon{
  background-color: #006CE3;
}
.warning{
  background-color: rgba(239, 148, 0, 0.5);
  border:2px solid #EF9400;
}
.warning .icon{
  background-color: #EF9400;
}

.danger{
  background-color: rgba(236, 77, 43, 0.7);
  border:2px solid #EF9400;
}
.danger .icon{
  background-color: #EC4D2B;
}








.alert2 {
   padding: 20px;
  background-color: #f44336;
  color: white;
  
  transition: opacity 0.6s;
  margin-bottom: 15px;
  
    -webkit-animation: fadeinout 4s linear forwards;
    animation: fadeinout 7s linear forwards;
    opacity: 0;
}

@-webkit-keyframes fadeinout {
  50% { opacity: 1; }
}

@keyframes fadeinout {
  50% { opacity: 1; }
}


.alert.success {background-color: #04AA6D;}


.DivNameUser_WOC_GC
{
    width:100%;
    height:6%;
    float:right;
 
    text-align:center;
    
}

.DivimgTitle_WOC_GC
{
     width:100%;
    height:15%;
    float:right;
 
    margin-top:1%;
}

.DivBtnLastWocAndSystematic_WOC_GC
{
    width:100%;
    height:7%;
    float:right;  
 
    margin-top:1%;
}

.DivMsg1_WOC_GC
{
    width:100%;
    height:7%;
    float:right;
    background-color:Yellow;
    text-align:center;
    margin-top:1%;
}

.DivImg_SHDC_WOC_GC
{
    width:100%;
    height:7%;
    float:right;
  
      margin-top:1%;
}



.cssImg_SHDC_WOC_GC
{
    width:18%;
    height:96%;
    float:left; 
    margin-left:2%;  
     
}

.DivChance432_WOC_GC
{
    width:100%;
    height:12%;
    float:right;
    
    
}
.DivBanker432_WOC_GC
{
    width:100%;
    height:30%;
    float:right;
   
     
}

.DivTableChance432_WOC_GC
{
     width:100%;
    height:36%;
    float:right;
   
   
}


.tr_wocGC
{
    width:100%;
    height:29%;
  
}

.tr_BankerWOC_GC
{
    width:25%;
    height:10px;
     border:1px solid;
}
.td_wocGC
{
    width:20%;
    height:30px;
     
}

.DDL_WOC_GC_SHDC
{
    width:100%;
    height:100%;
    text-align:center;
    background-color:Gray;
    color:Yellow;
    direction:ltr;
    
    float:left;
    
    
}

.CB_BANKER_SHDC_WOC
{
    display:none;
}


.CB_BANKER_SHDC_WOC_block
{
    display:block;
}


.imgAddUserWOC_GC
{
    width:100%;
    height:30%;
    float:right;
  
    
      padding-top:20px;
    text-align:center;
}

.TbAddUserWOC_GC
{
     width:100%;
    height:10%;
    float:right;
   
    margin-top:5%;
      
    text-align:center;
}

.btnSystematic_WOC
{
 float:left;
 font-size:17px;
 margin-left:1%;
 width:30%;
}

.btnBackSingel_WOC
{
    float:left;
}

.SlideBankerWOC
{
 display:none;   
}

.DivChoiceBankerWOC
{
      z-index:3;
     direction:ltr;
    display:none;
    width: 25%;
    height: 30%;
    right:21%;
    opacity: 0.9;
    border-radius: 5px;
    text-align:center;
  background-color:White;
   
    color:Black;
    font-family:Assistant;
    border: 1px solid LightGray;
      padding : 10px;
      box-shadow: 5px 5px 4px LightGray;
  
     
}

.centerDivDown{
    position: fixed;
    top: 60%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -55%);
}

.btnOkGoldBanker
{
    height:100%;
    width:100%;
    float:right;
 }
 
 .imgSHDC_GOLDBANKER
 {
     width:20%;
     height:90%;
     float:right;
 }
 
 .divFindComb23_SIC234
{
    width:100%;
    height:7%;
    float:right;
   
    margin-top:1%;
    display:none;
}

.divFindCombToFindComb
{
    width:100%;
    height:7%;
    float:right;
   
    margin-bottom:3%;
    display:none;
}
.DDL_SIC234
{
    width:20%;
    height:40px;
    text-align:center;
    background-color:Red;
    color:Yellow;
    direction:ltr;
    
    float:left;
    margin-left:1%;
    
}



.btnStyleFind23_SIC234
{
    float:left;
    margin-left:1%;
    display:none;
}

.divMenuChance234FotterRight
{
    position:fixed;
    width:5%;
    height:120px;
    left: 0;
    right : 31%;
    bottom:10%;
    opacity:0.9;
   
    
   
}

.TBTextLeft
{
    text-align:left;   
}

.DirRTL
{
    direction:ltr;
}

.MenuSIC234_2
{
  margin-left:7%; 
 }
 
  .MenuSIC234_3
{
   margin-left:7%;
   width:20%;
 }
 
.divSA23CAT1CCards_TB
{
    display:none;
    direction: ltr;
    float:right;
  width:100%;
  height:85%;
 margin-top:3%;   
 
   overflow:scroll;
    overflow-x:hidden;
  
}

.divSZC_TBDatas1
{
    width:100%;
    height:13%;
   
    float:right;
    text-align:center;
   
    font-family:Assistant;
   
}

.divSSC_TextTitle3_MarginTop1
{
    font-size:18px;
    width:100%;
    height:5%;
   
    float:right;
    text-align:center;
    margin-top:1%;
    font-family:Assistant;
   
   
 
}


.divDDL_RangeNums777

{
    width:30%;
    height:80%;
   
    float:left;
    text-align:center;
    margin-top:1%;
    font-family:Assistant;
   

      
}




.BtnFirstMenuBlue1
{
    display: inline-block;
    width:30%;
    height:100%;
    float:right;
    text-align:center;
  
     margin-right:3%;
    text-decoration:none;
    background-color:Blue;
    color:White;    
}

.BtnFirstMenuBlue2
{
    display: inline-block;
    width:30%;
    height:100%;
    float:right;
    text-align:center;
   
    margin-right:3%;
    text-decoration:none;
    background-color:NAVY;
    color:White;
}


.divShowOM
{
    display:none;    
    height:92%;
    width:100%;
    float:right;
   
}

.divTimeGc1
{
    width:100%;
    height:84%;
    float:right;
    
}


.divInsetCodeFromUser_REG
{
    width:80%;
    height:26%;
   float:right;
    margin-right:10%;
     border: 1px solid #28292d;
      border-radius:7px;
      
}

.divServerConfirmation_REG
{
     width:80%;
    height:15%;
   float:right;
    margin-right:10%;
     border: 1px solid #28292d;
      border-radius:7px;

}


.divBuyGcPayPal
{
      display:none;
    z-index:1002;
    position:absolute;
    width:260px;
    height:10%;
    float:right;
    top:65%;
    right:42%;  
   
  
}


.divSSC_TBDatas2
{
      direction:rtl;
    width:100%;
    height:30%;
  
    float:right;
    text-align:center;
    margin-top:1%;
    font-family:Assistant;
}

.ImgWait
{
  width:100px;
  height:100px;
 
}

.imgBtnSHDC_SI32C
{
    display:none;
    width:100%;
    height:100%;
    float:left;
}