*{margin:0;padding:0;line-height:normal;outline:none;box-sizing:border-box;font-size: 11px;font-family: 'Roboto Condensed', sans-serif;}
a:hover{color:#fff;cursor:pointer;}
.table{margin:0px;}
/** header **/
.header-cover{width: 100%; float: left;margin-bottom: 5px;border-bottom: 1px solid;}
.header-center-button input[type="button"]{padding: 9px 19px;font-size: 13px;border-radius: 1px;margin: 6px 0px;margin-right: 15px;border-radius:3px;}
.logo-cover img{height: 40px;padding: 2px;margin: 4px 0px;}
.logout-btn input{background: #0000;border: 0;font-size: 15px;position: relative;top: 1px;}
.logout-btn img{height:30px;margin-right:4px;}
.logout-btn{margin-top: 10px; text-align: right;width: 100%;}
/** left **/
.left{width: 22%;display: inline-block;vertical-align:middle;height: 94vh;float: left;border: 3px solid;padding: 5px;border-radius: 5px 5px 0px 0px;overflow:auto;}
.symbol-cover .table tr td,.symbol-cover .table tr th{padding:5px 0px;font-weight:normal;}
.left .title h6{margin:0px;padding: 5px 0px;text-align:center;}
.main-cover{width:100%;float:left;}
.left .table .zero{width:3%;text-align:center;}
.left .table .one{width:47%;vertical-align: middle;}
.left .table .two{width: 25%;vertical-align: middle;}
.left .table .four{width: 25%;vertical-align: middle;}
.symbol-cover{height: 100vh;overflow: hidden;overflow:auto;height: 544px;}
.left .table>caption+thead>tr:first-child>td,.left  .table>caption+thead>tr:first-child>th,.left  .table>colgroup+thead>tr:first-child>td,.left .table>colgroup+thead>tr:first-child>th,.left .table>thead:first-child>tr:first-child>td,.left .table>thead:first-child>tr:first-child>th{border:0px;}
.time{text-align:center;padding:2px 0px;margin-bottom: 3px;}
.rt-time{display: inline-block;margin-left: 5px;padding-top: 4px;}
.sm-f span{font-size:11px;padding-top: 4px;display: inline-block;}
.lg-f span,.lg-f {font-size:16px;}
.lg-t{font-size:14px;}
.left .table td{border-bottom:1px solid;border-top:1px solid;}
.symbol-cover .table th{border:0px;}
/** center **/
.center{width:56%;display: inline-block;;height: 94vh;float: left;padding: 0px 6px;overflow:auto;}
.tab-content.first-part-height{height: 350px;border-left:3px solid;border-right:3px solid;border-bottom:3px solid;border-radius: 0px 0px 5px 5px;overflow: hidden;padding: 5px;}
.nav-tabs{border-bottom: 1px solid #ddd;padding-bottom: 1px;border-bottom:3px solid;}
.center .tab-content>.tab-pane{height: 337px;overflow: hidden;overflow: auto;}
.right .nav-tabs>li>a{margin-right: 5px;}
.center .nav-tabs>li.active>a,.center .nav-tabs>li>a{border:0px;}
.second-part,.third-part{margin-top:4px;}
.second-part .tab-content.first-part-height{height: 240px;}
.third-part .tab-content.first-part-height{height: 180px;}
.center-table table.table tr th{padding: 2px 0px;text-align: center;font-weight: normal;border-top:0px;}
.table.or-list tr td{padding: 2px 0px;text-align: center;font-weight: normal;border-top: 1px solid;border-bottom: 1px solid;}
.center-table .table tr th.one,.center-table .table tr td.one{width: 5%;}
.center-table .table tr th.two,.center-table .table tr td.two{width: 7%;}
.center-table .table tr th.three,.center-table .table tr td.three{width: 8%;}
.center-table .table tr th.four,.center-table .table tr td.four{width: 6%;}
.center-table .table tr th.five,.center-table .table tr td.five{width: 10%;}
.center-table .table tr th.six,.center-table .table tr td.six{width: 5%;}
.center-table .table tr th.seven,.center-table .table tr td.seven{width: 5%;}
.center-table .table tr th.eight,.center-table .table tr td.eight{width: 5%;}
.center-table .table tr th.nine,.center-table .table tr td.nine{width: 5%;}
.center-table .table tr th.ten,.center-table .table tr td.ten{width: 5%;}
.center-table .table tr th.eleven,.center-table .table tr td.eleven{width: 6%;}
.center .nav-tabs>li>a{margin-right:5px;}
/** right **/
.right{width:22%;display: inline-block;height: 94vh;float: left;border: 3px solid;padding: 5px;border-radius: 5px 5px 0px 0px;overflow:auto;}
.right .panel-title a{position:relative;display: inherit;padding: 8px;padding-left:30px;font-size: 12px;text-decoration:none;}
.right .panel-group {margin-bottom: 0;}
.right .panel-default {border-radius: 0;border: none;background: none;margin-bottom: 0;}
.right .panel-default > .panel-heading {border: none;background: none;padding: 0;}
.right .panel-default h5 {margin: 0 0 5px;background: #464646;}
.right .panel-title i.glyphicon{position: absolute;left: 11px;top:8px;}
.right .panel-title{position:relative;}
.right .panel-default>.panel-heading+.panel-collapse>.panel-body{border:0px;}
.r-new-order select{line-height: 27px;}
.r-new-order select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 0 !important;background: #2c3e50;background-image: none;}
.r-new-order select::-ms-expand {display: none;}
.r-new-order .select {position: relative;display: flex;width:15em;height:25px;line-height: 3;background: #2c3e50;overflow: hidden;border-radius: .25em;margin-bottom: 8px;}
.r-new-order select {flex: 1;padding: 0 .5em;color: #fff;cursor: pointer;}
.r-new-order .select::after {content: '\25BC';position: absolute;top: 0;right: 0;padding: 0 1em;background: #34495e;cursor: pointer;pointer-events: none;-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease;line-height:30px;}
.r-new-order input{width: 100%;height: 28px;border-radius: 3px;border: 0;font-size: 14px;}
.r-price{width: 44%;display: inline-block;float: left;padding: 10px;border: 1px solid ;margin: 5px;margin-bottom: 0;border-radius: 3px;}
.table.norder tr td{padding: 2px;text-align: center;border: 0;}
table.table.norder{margin-top: 8px;margin-bottom: 5px;}
.table.norder tr td label{margin: 0px;font-size: 12px;letter-spacing: 1px;font-weight:normal;}
span.r-price-box{font-weight: normal;}
span.r-price-box label {font-size: 16px;font-weight: normal;}
.bg-sell.pendingbn{border: 1px solid;}
.r-new-order .switch-button{text-align: center;text-align: center; margin-bottom: 8px;}
.r-new-order .switch-button ul{display: inline-block;border: 0;border: 1px solid;border-radius:3px;box-shadow: 0px 1px 3px #000;padding: 2px;}
.r-new-order .switch-button ul li{border: 0;}
.r-new-order .switch-button ul li a{border-radius: 0px;border: 0;line-height: normal;margin:0px;line-height:normal;padding:7px 42px;border-radius: 3px;margin-right: 3px;}
.r-new-order .switch-button ul li:nth-child(2n) a{margin-right: 0px;}
.r-new-order .nav-tabs>li.active>a,.r-new-order .nav-tabs>li.active>a:focus,.r-new-order .nav-tabs>li.active>a:hover{border:0px;}
.rt-cv-r{width: 100%; float: left; display: inline-block;}
.r-price-1{text-align:center;}
/** pending-order **/
.panel-body.r-pending-order{padding:8px;}
.panel-body.r-pending-order td,.panel-body.r-pending-order span{font-size:10px;}
.poptd1{padding:2px;border: 1px solid;}
.panel-body.r-pending-order .b,.panel-body.r-pending-order strong{font-weight:normal;}
.change-password input{border: 1px solid;padding: 2px;width: 110px;border-radius: 3px;height: 24px;}
.ordpending-chn-up{cursor: pointer;width: 30%;float: none;padding: 5px 8px;border-radius: 3px;}
.panel-body.r-pending-order table.tp3 tr td{border-bottom: 1px solid;padding: 5px 0px;}
.fontprofile{width: 100%;padding: 5px 0px;border-bottom: 1px solid;}
.protil{padding: 6px;text-align: center;}
/** Echo-Calender **/
.panel-collapse.echo .panel-body{padding:0px;}
/** symbol **/
.table.s-symbol tr td{padding: 3px 0px;vertical-align: middle;border: 0;}
.panel-body.sympro{padding:5px;}
.r-new-order .table.s-symbol tr td .select{margin: 0px;}
.SymbolePropert table{margin-top: 5px;}
.SymbolePropert.table .symboltdg{padding: 4px 2px;border:1px solid;}
.tbg .symboltdw{padding: 4px 2px;border: 1px solid;}
.panel-body.sympro{margin-top: 8px;padding: 0px 5px;text-align: center;}
/** market-watch **/
.market-function{width: 33%;display: inline-block;text-align: center;}
.mw-cin {width:179px;margin: 0 auto;display: inline-block;}
.market-watch-top {background: #292929;padding: 10px;}
.mw-cvr b{font-size: 14px;}
.mw-cin input{border: 0;height: 26px;border: 1px solid;border-radius: 2px;}
.mw-cvr #ddlFontSize{width: 66px;height: 24px;border-radius: 2px;}
.market-watch-bottom .table.prate td{vertical-align:middle;}
.market-watch-bottom .zero{width:4%;}
.market-watch-bottom .sh.one{width:46%;}
.market-watch-bottom .sh.two{width:12%}
.market-watch-bottom .container-fluid{width:80%;}
.market-watch-bottom .table th.sh .content{font-size: 16px;}
.market-watch-bottom .symbol-cover{margin-top:10px}
.icon-btn{position:relative;display: inline-block;}
.icon-btn a{padding: 9px 19px;font-size: 14px;display: inline-block;margin-top: 6px;}
.modal-dialog.modal-sm .r-price .bg-buy,.modal-dialog.modal-sm .r-price .bg-sell,.modal-dialog.modal-sm .r-price .bg-buy,.modal-dialog.modal-sm .r-price .pendingbn{padding:0px;}
.new-order-h .table.norder tr td span .pendingbn{padding:0px;}
.panel-title img.close{height: 20px;right: -12px; position: relative;top: -1px;}
/* STRUCTURE */
.login-cover .first img{height: 90px;margin-bottom: 20px;margin-top: 20px;}
.login-cover .wrapper {display: flex;align-items: center;flex-direction: column; justify-content: center;width: 100%;min-height: 100%;padding: 150px 20px 0px;}
.login-cover #formContent {-webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;background: #292929;padding: 30px;width: 90%;max-width: 450px;position: relative;padding: 0px;-webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);text-align: center;border:3px solid;}
.login-cover #formFooter {border-top: 3px solid;padding: 10px;text-align: center;-webkit-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}
.login-cover h2.active {color: #0d0d0d;border-bottom: 2px solid;}
.login-cover input[type=button],.login-cover  input[type=submit],.login-cover input[type=reset]  {border: none;color: white;padding: 15px 80px;text-align: center;text-decoration: none;display: inline-block;text-transform: uppercase;font-size: 13px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;margin: 5px 20px 20px 20px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.login-cover input[type=button]:hover,.login-cover input[type=submit]:hover,.login-cover input[type=reset]:hover  {}
.login-cover input[type=button]:active,.login-cover input[type=submit]:active,.login-cover input[type=reset]:active  {-moz-transform: scale(0.95);-webkit-transform: scale(0.95);-o-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95);}
.login-cover input[type=text] {
  border: none;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  width: 85%;
  border: 1px solid;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

.login-cover input[type=password] {
  border: none;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  width: 85%;
  border: 1px solid;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

.login-cover input[type=text]:placeholder {
  color: #cccccc;
}



/* ANIMATIONS */

/* Simple CSS3 Fade-in-down Animation */
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/* Simple CSS3 Fade-in Animation */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fadeIn {opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;}
.fadeIn.first {-webkit-animation-delay: 0.4s;-moz-animation-delay: 0.4s;animation-delay: 0.4s;}
.fadeIn.second {-webkit-animation-delay: 0.6s;-moz-animation-delay: 0.6s;animation-delay: 0.6s;}
.fadeIn.third {-webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;animation-delay: 0.8s;}
.fadeIn.fourth {-webkit-animation-delay: 1s;-moz-animation-delay: 1s;animation-delay: 1s;}
/* Simple CSS3 Fade-in Animation */
.login-cover .underlineHover:after {display: block;left: 0;bottom: -10px;width: 0;height: 2px;background-color: #56baed;content: "";transition: width 0.2s;}
@media screen and (max-width:1440px){
	.lg-t{font-size: 12px;}.lg-f span, .lg-f{font-size: 14px;}.sm-f span{font-size: 10px;}.second-part .tab-content.first-part-height{height: 205px;}.third-part .tab-content.first-part-height{height: 190px;}
}