.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; }