body{background-color:rgb(255, 255, 255);font:400 0.875em/1.38 Helvetica;color:rgb(255, 255, 255);}
/*
ol { list-style-type: decimal !important; list-style-position: inside;padding:20px 0px;}

ol li { margin: 0px 35px; padding: 0px 0px; }
*/
ol {
    color:rgb(255, 100, 0);
    counter-reset:li; /* Initiate a counter */
    margin:25px; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style-type:decimal; /* Disable the normal item numbering */
}
ol li ol { counter-reset:li; }
ol ol li {
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style-type:lower-alpha; /* Disable the normal item numbering */
}
ol > li:before {
    counter-increment:li; /* Increment the counter by 1 */
    margin-right:8px;
    padding:4px;
}
ol ol li:last-child {margin-bottom:0;}

.container{position:absolute;padding: 0px}

.element{position:absolute;top:0;left:0;z-index:4;width:100%;height:100%;background-color:rgb(100, 98, 98);}

.element .container{top:0;bottom:0;height:100%;margin:auto 0;}

.element .text{font-family:'Source Sans Pro';font-size:1em;letter-spacing:1px;color:rgb(255, 255, 255);}

.element .text:hover{cursor:pointer;text-shadow:0px 0 5px rgba(255, 255, 255, 0.94);}

.element-h{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-color:rgb(255, 255, 255);}

.element-h .container{top:0;bottom:0;height:100%;margin:auto 0;}

.element-h .text{font-family:'Source Sans Pro';font-weight:800;font-size:0.8em;letter-spacing:1px;color:rgb(255, 100, 0);}

.element-h .text:hover{cursor:pointer;text-shadow:0px 0px 5px rgba(255, 100, 0, 2.00);color: rgb(90, 90, 90);}

.element-h1{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-color:rgb(255, 255, 255);}

.element-h1 .container{top:0;bottom:0;height:100%;margin:auto 0;}

.element-h1 .text{font-family:'Source Sans Pro';font-weight:800;font-size:1.0em;letter-spacing:1px;color:rgb(255, 100, 0);text-shadow:0px 0px 1px rgba(150, 150, 150, 1.00);}

.image{display:block;position:absolute;top:75px;left:0;right:0;z-index:16;height:auto;width:auto;margin:0 auto;overflow:hidden;}

.image-login-logo{display:block;top:0px;left:0;right:0;z-index:16;height:223px;width:auto;margin:0 auto;overflow:hidden;}

.image-lock-logo{display:block;position:absolute;top:240px;left:0;right:0;z-index:16;height:auto;width:auto;margin:0 auto;overflow:hidden;}

.image-icon{display:block;width:0px;height:0px;position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}

.text{/*line-height:1.38;*/}

._disabledButton{display:block;position:absolute;top:2px;width:240px;height:30px;border:1px solid rgb(157, 156, 155);border-radius:5px;background-color:rgb(255, 255, 255);font-size:1em;font-weight:700;line-height:1.38;text-align:center;color:rgb(157, 156, 155);}

._enabledButton{display:block;position:absolute;top:2px;width:240px;height:30px;border:1px solid rgb(255, 119, 0);border-radius:5px;background-color:rgb(255, 255, 255);font-size:1em;font-weight:700;line-height:1.38;text-align:center;color:rgb(255, 119, 0);}

._enabledButton:hover{background-color:rgb(255, 119, 0);color:rgb(255, 255, 255);}

._enabledButton1{position:absolute;padding:0px 10px;height:26px;border:1px solid rgb(255, 119, 0);border-radius:2px;background-color:rgb(255, 255, 255);font-family:'Source Sans Pro';font-weight:800;font-size:1.0em;letter-spacing:1px;line-height:1.38;text-align:center;color:rgb(255, 119, 0);}

._enabledButton1:hover{background-color:rgb(255, 119, 0);color:rgb(255, 255, 255);}

._enabledButtonReset{display:block;position:initial;margin-top:2%;}

._agreeButton{position:relative;float: left;top:2px;width:140px;height:30px;}

._disagreeButton{position:relative;float: right;top:2px;width:140px;height:30px;}

._input{display:block;margin:0 auto;top:0;right:0;z-index:11;width:80%;height:25px;padding:0 10px;border:1px solid rgb(237, 188, 2);background-color:rgb(242, 242, 242);box-shadow:0 1px 3px rgba(103, 103, 103, 0.66) inset;font-size:0.929em;font-weight:400;line-height:1.38;color:rgb(95, 95, 95);}

._align_center{text-align:center;}

._align_left{text-align:left;}

._align_right{text-align:right;}

._input:hover{box-shadow:0 1px 3px rgba(103, 103, 103, 0.66) inset;}

.container-1{top:0;left:0;z-index:1;width:100%;height:750px;padding-top:100px;padding-bottom:100px;}

.container-main-forget-pw{top:0;left:0;z-index:1;width:100%;}

.container-2{top:100px;left:0;z-index:18;width:100%;height:80px;}

.container-3{top:430px;left:0;right:0;z-index:15;width:100%;height:130px;margin:0 auto;}

.container-4{top:27px;left:0;right:0;z-index:13;width:300px;height:25px;margin:0 auto;}

.container-5{top:90px;left:0;right:0;z-index:10;width:240px;height:46px;margin:0 auto;}

.container-forget-button{top:90px;left:0;right:0;z-index:10;width:240px;height:46px;margin:0 auto;}

.container-6{top:170px;left:0;right:0;z-index:7;width:300px;height:33px;margin:0 auto;}

.container-inquiries{top:200px;left:0;right:0;z-index:7;width:270px;height:33px;margin:0 auto;}

.container-7{left:30px;z-index:3;height:100%;width:50%;margin:0 auto;}

.container-8{right:82px;z-index:30;width:30px;height:100%;margin:0 auto;}

.container-9{right:62px;z-index:29;width:20px;height:100%;margin:0 auto;}

.container-10{right:32px;z-index:28;width:30px;height:100%;margin:0 auto;}

.container-11{top:57px;left:0;right:0;z-index:13;width:300px;height:25px;margin:0 auto;}

.container-11-1{top:87px;left:0;right:0;z-index:13;width:300px;height:25px;margin:0 auto;}

.container-11-2{top:120px;left:0;right:0;z-index:10;width:240px;height:46px;margin:0 auto;}

.container-12{left:30px;z-index:3;height:100%;width:50%;margin:0 auto;}

.container-13{right:30px;z-index:3;width:50%;height:100%;margin:0 auto;}

.container-14{top:130px;left:0;right:0;z-index:40;width:500px;height:46px;margin:0 auto;}

.container-15{left:30px;z-index:3;width:100px;height:100%;margin:0 auto;}

.container-16{right:102px;z-index:30;width:80px;height:100%;margin:0 auto;}

.container-17{right:92px;z-index:29;width:20px;height:100%;margin:0 auto;}

.container-18{right:12px;z-index:28;width:80px;height:100%;margin:0 auto;}

.container-19{top:0px;left:0;right:0;z-index:15;width:100%;height:130px;margin:0 auto;}

.container-20{top:40px;left:0;right:0;z-index:15;width:265px;height:100px;margin:0 auto;}

.container-21{top:135px;left:0;right:0;z-index:13;width:300px;height:25px;margin:0 auto;}

.container-22{top:165px;left:0;right:0;z-index:13;width:300px;height:25px;margin:0 auto;}

.container-23{top:200px;left:0;right:0;z-index:10;width:240px;height:46px;margin:0 auto;}

.container-main-hl{left:35px;z-index:3;height:100%;width:35%;margin:0 auto;}

.container-main-hc{left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);z-index:3;height:100%;margin:0 auto;}

.container-main-hr{right:30px;z-index:3;height:100%;width:50%;margin:0 auto;}

.container-main-header{top:0px;left:0;z-index:6;width:100%;min-width:989px;height:50px;margin:0 auto;background-color:rgb(255, 255, 255);box-shadow:0px 0px 6px rgb(255, 100, 0);}

.container-header{top:0px;left:0;z-index:6;width:100%;height:30px;margin:0 auto;background-color:rgb(255, 255, 255);box-shadow:0px 0px 6px rgb(255, 100, 0);}

.container-footer{bottom:0;left:0;right:0;z-index:5;width:100%;height:30px;margin:0 auto;background-color:rgba(118, 118, 118, 0);z-index:5000;}

.container-main-footer{bottom:0;left:0;right:0;z-index:5;min-width:1080px;height:50px;margin:0 auto;background-color:rgba(118, 118, 118, 0);z-index:5000;}

.container-forget-pwd{top:135px;left:0;right:0;z-index:1;width:300px;height:33px;margin:0 auto;text-align:center;}

.text-1{margin:0 auto;text-shadow:0 4px 5px rgba(0, 0, 0, .5);font-family:'Trebuchet MS';font-size:2.143em;text-align:center;color:rgb(77, 77, 77);}

.text-2{margin:0 auto;font-size:1.143em;font-weight:400;text-align:center;color:rgb(95, 94, 94);}

.text-3{position:absolute;top:4px;left:0;z-index:12;width:180px;font-size:0.857em;font-weight:400;color:rgb(62, 62, 62);}

.text-4{margin:0 auto;font-size:0.857em;font-weight:400;text-align:center;color:rgb(113, 112, 112);}

.text-forget-pwd{margin:0 auto;font-size:0.857em;font-weight:400;text-align:center;color:rgb(113, 112, 112);text-decoration: underline;}

.text-5{float:left;font-weight:400;margin:0 auto;text-align:right;position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}

.text-6{float:right;font-weight:400;margin:0 auto;text-align:right;position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}

.text-7{float:right;font-weight:300;margin:0 auto;text-align:right;position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}

.text-8{margin:0 auto;font-size:1.143em;font-weight:bold;text-align:center;color:rgb(95, 94, 94);}

.text-error{font-weight:400;margin:0 auto;text-align:center;color:rgb(255,0,0);}

.text-sup{margin:0 auto;text-shadow:0 4px 5px rgba(0, 0, 0, .5);font-family:'Trebuchet MS';font-size:1.343em;text-align:center;color:rgb(77, 77, 77);}

.text-sup-footer{left:0px;margin:0 auto;font-family:'Trebuchet MS';font-size:1.1em;text-align:left;color:rgb(77, 77, 77);}

.container ._button{left:0px;z-index:9;}

.text span{font-style:inherit;font-weight:700;color:rgb(78, 78, 78);}

.container-expand{ overflow: hidden;transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; }

.ettss-icon-container-expand{ overflow: hidden;transition: width 2s, height 2s; -moz-transition: width 2s, height 2s; -webkit-transition: width 2s, height 2s; -o-transition: width 2s, height 2s; }

.ettss-icon-container{ overflow: hidden; width: 42px; height: 35px;}

.poweredbytxt-container-move{ overflow: hidden;transition: 2s; -moz-transition: 2s; -webkit-transition: 2s; -o-transition: 2s; }

.container-disclaimer{top:0px;left:0;right:0;z-index:15;width:700px;height:600px;margin:0 auto;}

.container-disclaimer-title{position:absolute;top:0px;left:0;z-index:15;width:100%;margin:0 auto;}

.disclaimer-content{position:absolute;top:50px;left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); width:100%;max-width:700px;height:80%;min-height: 80%; max-height: 550px; overflow-y: scroll; border: 1px solid rgb(224, 236, 248); background-color: rgb(245, 245, 245); border-radius: 5px; -webkit-box-shadow:0px 0px 10px 3px rgba(120, 120, 120, 0.6); -moz-box-shadow:0px 0px 10px 3px rgba(120, 120, 120, 0.6); box-shadow:inset 0px 0px 10px 3px rgba(120, 120, 120, 0.6);margin:0 auto;display:none;}

.text-disclaimer-title{left:0px; margin:0 auto;text-shadow:0px 0px 2px rgba(90, 90, 90, 2.00);color: rgb(255, 100, 0);font-weight:400;font-family:'Trebuchet MS';font-size:1.8em;}

.text-disclaimer-panel-title{font-size:15px;margin:25px 25px -20px;font-weight:500;}

.text-disclaimer-content{text-shadow:1px 1px 2px rgba(90, 90, 90, 0.50);font-family:'Source Sans Pro';font-weight:500;font-size:1.1em;letter-spacing:0.5px;color:rgb(255, 100, 0);padding: 10px 0px;text-align:justify}

.disclaimer-btn-container{position:absolute;bottom:0px;left:0px;height:50px;width:320px;margin:0 auto;left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); padding:5px;}

.container-logout{position:absolute;top:50%;left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);width:40%;min-width:150px;max-width:700px;height:30%;min-height: 200px; max-height: 350px; border: 1px solid rgb(224, 236, 248); background-color:rgb(255, 148, 0);border-radius: 8px; margin:0 auto;}

.container-logout-title{position:relative; float: top; padding: 50px 80px 20px 80px; margin:0 auto;}

.text-logout-title{left:0px; margin:0 auto;text-shadow:0px 0px 4px rgba(80, 80, 80, 1.00);color: rgb(255, 255, 255);font-weight:400;font-family:'Trebuchet MS';font-size:1.8em;}

.text-logout{position:relative; float: top; padding: 5px 80px; margin:0 auto;font-family:'Source Sans Pro';font-weight:400;font-size:1.15em;letter-spacing:1px;color:rgb(255, 255, 255);}

a.text-logout:link, a.text-logout:active, a.text-logout:visited  {position:relative; float: top; padding: 5px 0px 5px 0px; margin:0 auto;font-family:'Source Sans Pro';font-weight:400;font-size:1.15em;letter-spacing:1px;color:rgb(255, 255, 138);text-decoration: none;}

a.text-logout:hover {text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.90);}

.chgpwdbutton { cursor: pointer; border: 1px solid #A39684; border-radius: 5px; background-color: white; width: 85px; height: 22px; margin-right: 20px; font-size: 17px !important;}

#dialogchgpwd table { text-align: left; font-size: 17px;color: #68375D;}

#dialogchgpwdmsg { font-size: 17px;color: red;margin-left: 0;margin-right: 0;}

.chgsetbutton { cursor: pointer; border: 1px solid #A39684; border-radius: 5px; background-color: white; width: 85px; height: 28px; margin-right: 20px; font-size: 17px !important;}

#dialogchgset table { text-align: left; font-size: 17px;color: #68375D;}

#dialogchgsetmsg { font-size: 17px;color: red;margin-left: 0;margin-right: 0;}

.image-header-logo { position: relative; float: left; top: 3px; height: 44px;margin:0 auto; }

.container-checkUserWebAgent{width:600px;height:550px;border: 1px solid rgb(224, 236, 248); background-color:rgb(255, 148, 0);border-radius: 8px; margin:0 auto;position:relative;top:373px}

.container-checkUserWebAgent-title{position:relative; float: top; padding:20px; margin:0 auto;}

.text-checkUserWebAgent-title{left:0px; margin:0 auto;text-shadow:0px 0px 4px rgba(80, 80, 80, 1.00);color: rgb(255, 255, 255);font-weight:400;font-family:'Trebuchet MS';font-size:2.4em;}

.checkUserWebAgent-element-b{position:absolute;bottom:10px;right:10px;width:100%;height:39px;}

.image-checkUserWebAgent-download{display:block;position:absolute;left:0;right:0;z-index:16;height:auto;width:auto;margin:0 auto;overflow:hidden;}

input.modifyorder:disabled{color:graytext;}
input.cancelorder:disabled{color:graytext;}

#ASharesQuotationdisclaimer{color: #666666;}
#ASharesQuotationdisclaimer:hover{text-decoration: underline;cursor:pointer;}

.modify-rejected-order{border:solid 3px red !important}
.cancel-rejected-order{border:solid 3px red !important}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-main-header {
	top:0px;
	left:0;
	z-index:6;
	width:100%;
	min-width:300px;
	height:50px;
	margin:0 auto;
	background-color:rgb(255, 255, 255);
	box-shadow:0px 0px 6px rgb(255, 100, 0);
}

.nav {
	background-color: #FFFFFF;
}

.icon-bar {
   background-color:rgb(255, 119, 0) !important;
}

.nav-menu-item {
	color: #ff6633 !important;
	cursor:pointer;
}

#clientNameSelect {
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.nav-menu-item-loginid {
	display:none;
}

.nav-menu-item-clientID {
	padding-left:15px;
	line-height:2;
}

.nav-menu-item-clientName {
	padding-left:15px;
	padding-right:15px;
	line-height:2;
}

.nav-menu-item:hover, .nav-selected-menu-item:hover {
	background-color:rgb(255, 119, 0) !important;
	color: white !important;
}
.dropdown:hover {
background-color:rgb(255, 255, 255) !important;
	color: white !important;
}

#clientIdSearch {
    border: 1px solid rgba(255, 119, 0, 0.85);
    border-radius: 25px;
    width: 95%;
    margin-left: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 2px;
    justify-content: center;
    position: relative;
    color: black;
}
#clientIdSearch:hover{
    color: black !important;
}
#searchIcon{
    position: relative;
    z-index: 1;
    left: -25px;
    top: 1px;
    color: #7B7B7B;
    cursor: pointer;
    width: 0;
    pointer-events: none;
}

.nav-selected-menu-item { 
	color: #ff6633 !important;
	box-shadow: inset 0px -5px 0px 0px rgba(255, 119, 0, 0.68);
	cursor:pointer;	
}

/*responsive of nav bar*/
@media (max-width: 850px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
		padding-left: 15px;
		text-align: left;
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }	
}
.lock-container{
	width:24px;
	padding-top:26px;
	float:left;
	cursor:pointer;
}
.unlocked{background:url(../image/lock.png) no-repeat 0px 0px;}
.locked{background:url(../image/lock.png) no-repeat -24px 0px;}
.disabled-lock{
    cursor: not-allowed;
}
.alignCenter{text-align: center !important;}

/*cookie policy*/

.cookie-policy {
    position: absolute;
    bottom:10px;
    width:100%;
    background: rgba(255, 228, 161, 0.7);
    padding: 10px 15px 10px 30px !important;
    border-radius: 0px;
    display: none;
}

.cookie-close {
    opacity: 1 !important;
	right: -6px !important;
	font-size: 13px !important;
    border: 2px solid #8b572a !important;
    padding: 8px 12px !important;
    color: #8b572a !important;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif !important;
	letter-spacing: 0px !important;
	float: right;
	font-weight:700;
	line-height:13px;
	position:relative;
	top:-2px;
	text-decoration: none !important;
	text-shadow:rgb(255, 255, 255) 0px 1px 0px;
}

.cookie-desc {
    color: #8b572a !important;
    font-family: initial !important;
    cursor: default !important;
    letter-spacing: normal !important;
    font-size: 14px !important;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif !important;
}

.cookie-link {
    font-weight: bold !important;
    color: #8b572a !important;
    font-family: initial !important;
    letter-spacing: normal !important;
    font-size: 14px !important;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif !important;
}

a.cookieLinkDisplay[href=''] {
	display:none;
}

a#privacyLink[href='']{
    display:none;
}
/* cookie policy end */


.smallsellbutton {
    width: 60px;
    font-family: Arial;
    background-color: #f44336;
    font-size: 9pt;
    height:18px
}

.smallbuybutton {
    width: 60px;
    font-family:
    Arial; background-color: #008CBA;
    font-size: 9pt;
    height:18px
}

._forgetPwdButton{
    color: rgb(113,112,112);
    border-bottom: 1px solid rgb(113,112,112);
}

.forget-pwd-ok-button{
    width: 240px !important;
}

#forgetPassworddialog{
    height: unset !important;
}

#resetPassworddialog{
    height: unset !important;
}

.disable-section{
    pointer-events: none;
    opacity: 0.5;
}

#qty_keyboard_algo{
    position: absolute;
    top: 28px;
    right: 25px;
    z-index: 99999;
    width: 150px;
    display: none;
    background: #b1adad;
    color: #ffffff;
}

#qty_keyboard_algo .purchase-section .purchase-section-1{
    background: #5693bd;
    padding: 5px;
    text-align: center;
    pointer-events: none;
}

#qty_keyboard_algo .sell-section .sell-section-1{
    background: #DF7C81;
    padding: 5px;
    text-align: center;
    pointer-events: none;
}

#qty_keyboard_algo .purchase-section .qty_keyboard-item{
    border-right: 1px solid #FFFFFF;
}

#qty_keyboard{
    position: absolute;
    top: 168px;
    display: flex;
    background: #b1adad;
    z-index: 99999;
    align-items: center;
    width: 300px;
    left: -63px;
    display: none;
    color: #ffffff;
}


#qty_keyboard .purchase-section{
    width: 50%;
}

#qty_keyboard .purchase-section .purchase-section-1{
    background: #5693bd;
    padding: 5px;
    text-align: center;
    pointer-events: none;
}

#qty_keyboard .sell-section{
    width: 50%;
}

#qty_keyboard .sell-section .sell-section-1{
    background: #DF7C81;
    padding: 5px;
    text-align: center;
    pointer-events: none;
}

#qty_keyboard .purchase-section .qty_keyboard-item{
    border-right: 1px solid #FFFFFF;
}

.qty_keyboard-item{
    display: flex;
    padding: 7px 5px;
    justify-content: space-between;
    align-items: center;
}

.qty_keyboard-item div{
    font-size: 1rem;
}

.qty_keyboard-item:hover{
    background: #FFFFFF !important;
    color: #b1adad !important;
    cursor: pointer;
}

#bs .new-style-row{
    width: 100%;
    display: flex;
    align-items: center;
    margin: 2px 0;
    padding-left: 6px;
}

#bs .new-style-row-os{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    padding: 6px;
    border-bottom-left-radius: 10px;
}

#bs .row-title{
    width: 95px;
}

#bs .row-counter{
    margin-left: 5px;
}

#bs .row-counter .sort_down{
    margin-top: 5px;
}

#bs .row-lock{
    margin-left: 27px;
}

#bs .row-lock-os{
    margin-left: 10px;
}

#bs .row-lock-sc{
    margin-left: 7%;
}

#bs .row-lock-with-count{
    margin-left: 9px;
}

#bs .row-main-table{
    position: absolute;
    width: 98.5%;
    height: 261px;
    background: #676464;
}

#bs .row-board-lot{
    position: absolute;
    width: 20%;
    right: 0px;
    font-size:11px;
}

#bs .row-order-qty{
    position: absolute;
    right: 5px;
    font-size:10px;
}

#canceltd{
    margin-left: 15px;
}

.shift-lock{
    margin-left: 2% !important;
    margin-right: 2% !important;
}

#price{
    color: #000000;
}

.algo-order-user-bar{
    display: flex;
    border-bottom: 1px solid #000000;
    padding: 5px 0;
    width:100%;
}
    
.algo-order-select-user{
    width: 40%;
    padding-left: 5px;
}
  
.algo-order-user-limit{
    width: 60%;
    text-align:center;
}
  
.algo-order-stock-bar{
    display: flex;
    width: 100%;
    padding-top: 5px;
    justify-content: center;
}
  
.algo-order-stock-name{
    width: 30%;
    display: flex;
    flex-direction: column;
}
  
.algo-order-stock-name span{
    font-size: 11px;
}
  
.algo-order-stock-lot{
    width: 25%;
    margin: 0 5%;
}
  
.algo-order-stock-lot span{
    font-size: 11px;
}
  
.algo-order-stock-hand{
    width: 30%;
}
  
.algo-order-stock-hand span{
    font-size: 11px;
}
  
#stockcode.stockcode-ao{
    margin-bottom: 5px;
}
  
#aoStockLot{
    margin-bottom: 5px;
}

.algo-order-counter-row{
    display: flex;
}

.row-counter-algo{
    margin-left: 3px;
}

.row-counter-algo .sort_down{
    margin-top: 7px;
}

.algo-order-counter-row-in-menu{
    align-items: end;
    display: flex;
}

.row-counter-algo-in-menu{
    margin-left: 3px;
}

.row-counter-algo-in-menu .sort_down{
    margin-top: 4px;
}
  
  
#aoStockInHand{
    margin-bottom: 5px;
}

#algoOrderMenu{
    background: #f2f2f2;
    width: 388px;
    position: absolute;
}
  
.algo-order-action-menu{
    border: 2px solid #ca9e00;
    height: 120px;
}

.algo-order-menu{
    margin-top: 5px;
}
  
.algo-order-menu-row{
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 5px 0;
}
  
.algo-order-menu-row .header{
    width: 150px;
    display:flex;
    font-size: 11px;
    align-items: center;
}

.algo-order-menu-row .header span{
    position: relative;
    top: 1px;
    left: 5px;
}
  
.algo-order-menu-row .input{
    width: 150px;
}
  
.algo-order-menu-row .input select{
    width: 100%;
}
  
.algo-order-type-select-bar{
    display: flex;
}
  
.algo-order-type-select-bar .algo-order-type{
    background: #bdbdbd;
    color: #ffffff;
    margin: 0 3px;
    font-size: 11px;
    padding: 5px;
    cursor: pointer;
}
  
.algo-order-type-select-bar .selected{
    background: #ca9e00 !important;
    pointer-events: none;
}

.algo-order-button-bar{
    display: flex;
    width: 100%;
    justify-content: space-around;
    border-top: 2px solid #bdbdbd;
    margin-top: 5px;
    padding-top: 5px;
    align-items: flex-end;
}
  
.algo-order-button{
    width:20%;
}
  
.algo-order-buy{
    height: 50px;
    background: blue;
    color: #ffffff;
    cursor: pointer;
}
  
.algo-order-sell{
    height: 50px;
    background: red;
    color: #ffffff;
    cursor: pointer;
}
  
.algo-order-confirm{
    height: 30px;
    background: green;
    color: #ffffff;
    cursor: pointer;
}
  
.algo-order-clear{
    height: 30px;
    background: grey;
    color: #FFFFFF;
    cursor: pointer;
}

.algo-button-disabled{
    pointer-events: none;
    opacity: 0.8;
    color: #000000 !important;
}

.orderSideOption-sell{
    background: #b13036;
    color: #FFFFFF;
    padding: 2px 0px;
    border-radius: 15px;
    cursor: pointer;
    margin-left: 8px;
    width: 110px;
    border: none;
}

#orderSideSpan.orderSideOption-sell:hover:enabled{
    background: #b13036 !important;
    color: #FFFFFF !important;
}

.orderSideOption-buy{
    background: #37627e;
    color: #FFFFFF;
    padding: 2px 0px;
    border-radius: 15px;
    cursor: pointer;
    width: 110px;
    border: none;
}

#orderSideSpan.orderSideOption-buy:hover:enabled{
    background: #37627e !important;
    color: #FFFFFF !important;
}

.current-class{
    pointer-events: none;
}

#algoOrderDetailButton{
    width: 150px;
    margin: 10px 0;
}

#orderBookDetailButton{
    width: 150px;
    margin: 10px 0;
}

.algo-detail-tab,
.algo-detail-tab tr,
.algo-detail-tab td, 
.algo-detail-tab th
{
    border: 1px solid black;
    border-collapse:collapse;
}
tr.algo-detail-tab-header
{
    cursor:pointer;
    background: red;
}

tr.algo-detail-tab-header td{
    padding: 5px;
}

tr.algo-detail-tab-sub-header th{
    padding: 5px;
    background: #f2f2f2;
}

tr.algo-detail-tab-sub-detail td{
    padding: 5px;
}

tr.algo-detail-tab-sub-detail
{
    background: orange;
}

.algo-detail-tab-header .algo-detail-tab-sign:after{
  content:"+";
  display:inline-block;      
}
.algo-detail-tab-header.algo-detail-tab-expand .algo-detail-tab-sign:after{
  content:"-";
}

.algo-detail-tab-main-header{
    background: rgb(10,50,95);
    color: #ffffff;
    height: 50px;
    text-align: center;
}

.algo-order-type-5 .input{
    display: flex;
    align-items: center;
}

.algo-order-type-5 .input .time-interval{
    margin: 0 5px;
}

.grid-col-algo{
    padding: 5px !important;
    background: #ffffff;
}

.grid-col-algo-subgrid{
    padding: 5px !important;
    background: #f2f2f2;
}

.grid-col-algo-subgrid-tr{
    padding: 5px !important;
    background: #f2f2f2;
    width: 324px !important;
}

.subgrid-data .tablediv .ui-widget .ui-jqgrid-view .ui-state-default.ui-corner-top.ui-jqgrid-hdiv{
    background: #3b8de8 !important;
}

.ui-jqgrid tr.jqgfirstrow td.grid-col-algo {
	padding: 0 !important;
}

.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv div .ui-jqgrid-btable tr.jqgfirstrow td.grid-col-algo-subgrid{
	padding: 0 !important;
}

.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv div .ui-jqgrid-btable tr.jqgfirstrow td.grid-col-algo-subgrid-tr{
	padding: 0 !important;
}

.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv div .ui-jqgrid-btable tr td.grid-col-algo-subgrid-status{
	padding: 0 !important;
}

.subgrid-data .tablediv .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv div .ui-jqgrid-btable tr td{
	background: #f2f2f2 !important;
}

.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv div .ui-jqgrid-htable tbody{
	display: none !important;
}

.ui-jqgrid tr.jqgrow td.grid-col-algo-status {
	padding: 0 !important;
}

#algoOrderDetailDiv .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv div .ui-jqgrid-htable thead tr th#algoOrderDetail_subgrid div .s-ico{
	display: none !important;
}

#algoOrderDetailDiv .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv div .ui-jqgrid-htable thead tr th#algoOrderDetail_ODCLIENTID div .s-ico{
	display: none !important;
}

#algoOrderDetailDiv .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv div .ui-jqgrid-htable thead tr th#algoOrderDetail_description div .s-ico{
	display: none !important;
}

#algoOrderDetailDiv .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv div .ui-jqgrid-htable thead tr th#algoOrderDetail_userId div .s-ico{
	display: none !important;
}

#algoOrderDetailDiv .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv div .ui-jqgrid-htable thead tr th#algoOrderDetail_cancel div .s-ico{
	display: none !important;
}

#algoOrderTimeRefresh{
    display: flex;
    justify-content: space-between;
}

#algoOrderTimeRight{
    display: flex;
    align-items: center;
}

#algoorderbookrefreshtime{
    font-size: 13px;
    margin-right: 5px;
}

.mobile-header{
    display: none;
}

.container-reset-pwd-error-msg{
    z-index: 40;
    position: relative;
    margin-top: 140px;
    padding: 1%;
}

.pwdHideShow{
    position: absolute;
    display: none;
    cursor: pointer;
    top: 6px;
    right: 40px;
    width: auto;
    height: 14px;
}

.mobile .mobile-header{
    display: block;
    position: relative;
    top: 0;
    flex: 0 0 auto;
}

.reset-pwd-page{
    width: 100%;
    position: initial;
    min-height: 100vh;
}

.mobile.reset-pwd-page .image-login-logo{
    display: none;
}

.reset-pwd-container{
    flex: 1 0 auto;
    padding: 7rem 0rem;
}

.reset-pwd-container-align-items{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reset-pwd-content{
    width: 300px;
}

.reset-pwd-content-item{
    width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .reset-pwd-page input {
      font-size: 16px !important;
    }
}