body{background:#222222; color:#fff;}
/*-----Profile-----*/
h4{font-size: 16px;color: #eea406;font-weight: 600;line-height: 26px;text-align: left;}
input:focus{border:none; outline:none;}
.profile_leftbar{width:100%; text-align:left; display: table;height: 70px; padding:20px 15px;}
.profile_leftbar .img{width:70px; height:70px; overflow:hidden; border-radius:50%; float: left; background: #000;border: solid 1px #222;}
.profile_leftbar .img img{max-width:100%;}
.profile_leftbar .profile_name{font-size:16px; color:#fff; padding:0px; margin:0px; vertical-align: middle; display: table-cell; text-align:left; width: 65%;}
.profile_leftbar .profile_name span{font-size:14px; width: 100%;display: block;color: #eea406;}
/*.container {padding-right: 0;padding-left: 0;}*/
/*-----Login-----*/
.login_page {padding: 0;}
.login_page .logo{text-align: center;box-sizing: border-box; margin: 20px auto 30px;}
.login_page .logo img{max-width:100%; max-height:120px;}
.login_page .rs_connect{text-align:center;}
.login_page .rs_connect img{max-width: 170px; margin: 20px 0;}
textarea{width: 100%;border: solid 1px #222222;padding: 8px;height: 80px; margin: 15px 0; color: #333; border-radius: 20px; text-align: center; font-size: 16px;}
.text_field{position:relative;}
.text_field .user_ic{position:absolute;color: #000;top: 24px;font-size: 20px;}
label {font-size: 16px;color: #eea406; display: block; text-align: left;background: transparent;border: none;}
.login_page a{color: #eea406; text-decoration: none;}
.login_page a:hover{color: #eea406;}
.button.button-positive {background-color:#eea406; min-height: 42px; line-height:40px; border-radius: 6px; margin-top: 0px;margin-bottom: 20px;display:block;font-size: 16px;text-transform: uppercase;border: solid 1px #eea406;color: #fff;width: 100%;padding: 0 15px;}
.button.button-positive:hover {background-color: #eea406;}
.button.button-balanced {background-color: #33cd5f; min-height: 46px; border-radius: 20px; margin-top: 0px;margin-bottom: 20px;float: left;  font-size: 16px;}
.button.button-balanced:hover {background-color: #13bf44;}

/*checkbox open 1*/
.checkbox input[type=checkbox].css-checkbox {position: absolute;z-index: -1000;left: -1000px;overflow: hidden;clip: rect(0 0 0 0);height: 1px;width: 1px;margin: -1px;padding: 0;border: 0;}
.checkbox input[type=checkbox].css-checkbox + label.css-label {padding-left: 32px;height: 20px;display: inline-block;line-height: 20px;background-repeat: no-repeat;background-position: 0 0;font-size: 16px;color:#33;vertical-align: middle;cursor: pointer;}
.checkbox input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -20px;}
.checkbox label.css-label {background-image: url(../images/checkbox.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/*checkbox end*/
.page_title{position: fixed;color: #fff;z-index: 10;background: #111;width: 100%;top: 0;height: 44px;line-height: 44px;text-align: center;font-size: 16px;line-height: 44px;text-align: center;text-transform: uppercase;}
/*-----common-----*/
.head1{background: #f3bc0a;font-size: 17px;padding: 8px;color: #fff; text-align:center; margin-bottom: 0;width: 100%;}
.img_responsive{max-width: 100%;}
.font20{font-size: 20px; line-height: 20px;}
.font24{font-size: 24px; line-height: 24px;}
.mt10{margin-top: 10px;}
.mt16{margin-top: 16px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.left{float:left;}
.right{float:right;}
.white{color:#fff;}
.wd60{width: 60px;}

/*-----inner_page-----*/
.inner_page{margin: 0 0 50px; width: 100%; padding:15px;}
.inner_page p{padding: 0; margin-bottom:15px; font-size: 15px; color: #fff; line-height: 22px;}

/*-----Dashboard-----*/
.dashboard{float: left; width: 100%;padding: 0;}
.dashboard ul{width:100%; padding: 0;box-sizing: border-box;border-top: solid 1px #f3bc0a;border-left: solid 1px #f3bc0a; float:left;}
.dashboard ul li{width:50%; padding:5px;box-sizing: border-box;cursor: pointer; border-right:solid 1px #f3bc0a;border-bottom: solid 1px #f3bc0a; display:table; height:110px;float: left;}
.dashboard ul li .content_wrap{width:100%; height:100%; display:table-cell; vertical-align:middle;text-align: center;color: #fff;font-size: 18px;background: #333;}
.dashboard ul li .content_wrap:hover{background: #f3bc0a;}
.dashboard ul li .content_wrap i{font-size: 30px;line-height: 35px;}

/*Watch*/
.watch_tbl{width: 100%;overflow-x: auto;}
.watch_tbl table thead tr th{color:#fff;padding: 5px 6px; font-size:14px;border-right: solid 1px #5F5F5F;border-bottom: solid 1px #5F5F5F;background: #eea406;font-weight: 500;width: 25%;}
.watch_tbl table tbody tr td{color:#fff;padding: 5px 6px; font-size:14px;border-right: solid 1px #5F5F5F;border-bottom: solid 1px #5F5F5F;text-align: center;}
.watch_tbl table tbody tr td:first-child{border-left: solid 1px #5F5F5F;}
.watch_tbl .company_name{font-size: 14px;color: #eea406;font-weight: 600;line-height: 29px;background: #000;text-align: left;text-transform: uppercase;}
.watch_tbl .fa-sort-down {font-size: 20px;margin: -10px 6px 0 2px;color: #f00;vertical-align: middle;;}
.watch_tbl .fa-sort-up {font-size: 20px;margin: 0px 6px 0 2px; color: #21ff00;vertical-align: middle;}

.top_fixed_header{position:fixed; top:60px;position: fixed;top: 44px;width: 100%;z-index: 100;}
.top_fixed_header select{background: transparent;color: #fff;width: 100%;border: none;padding: 2px 4px;}
.top_fixed_header .fa{font-size: 20px; color:#eea406;margin: 0 5px;}
.top_fixed_header a{color:#eea406;}

.red{background: #f00;}
.dark_red{background: #ae0404;}
.blue{background: #0003ff;}
.dark_blue{background: #1618b1;}

/*Menu Left*/
#wrapper {padding-left: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#wrapper.toggled {padding-left: 275px;}
#sidebar-wrapper {z-index: 1000;left: 275px;width: 0;height: 100%;margin-left: -275px;overflow-y: auto;overflow-x: hidden;background: #111111;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#sidebar-wrapper::-webkit-scrollbar {display: none;}
#wrapper.toggled #sidebar-wrapper {width: 275px;}
#page-content-wrapper {width: 100%;padding-top: 45px;}
#wrapper.toggled #page-content-wrapper {position: absolute;margin-right: -275px;}

/*-- Sidebar nav styles  --*/
.sidebar-nav {position: absolute;top: 0;width: 275px;margin: 0;padding: 0;list-style: none;}
.sidebar-nav li {position: relative; line-height: 44px;display: inline-block;width: 100%;border-bottom: solid 1px #222;}
.sidebar-nav li:before {content: '';position: absolute;top: 0;left: 0;z-index: -1;height: 100%;width: 3px;background-color: #1c1c1c;-webkit-transition: width .2s ease-in;
-moz-transition:  width .2s ease-in;-ms-transition:  width .2s ease-in;transition: width .2s ease-in;}
.sidebar-nav li:first-child a {color: #fff;background-color: #111111;max-height: 44px;line-height: 44px;padding: 0 0 0 15px;border-bottom: solid 1px #222222;}
.sidebar-nav li:hover:before,.sidebar-nav li.open:hover:before {width: 100%;-webkit-transition: width .2s ease-in;-moz-transition:  width .2s ease-in;-ms-transition:  width .2s ease-in;transition: width .2s ease-in;background: #292929;}
.sidebar-nav li a {display: block;color: #ddd;text-decoration: none;padding: 0 15px;font-size: 16px;font-weight: 500;}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{color: #fff;text-decoration: none;background-color: transparent;}
.sidebar-nav > .sidebar-brand {height: 44px;font-size: 20px;line-height: 44px;}
.sidebar-nav .dropdown-menu {position: relative;width: 100%;padding: 0;margin: 0;border-radius: 0;border: none;background-color: #222;box-shadow: none;}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {position: fixed;top: 12px;  z-index: 999;display: block;width: 22px;height: 26px;margin-left: 15px;background: transparent;border: none;}
.hamburger:hover,.hamburger:focus,.hamburger:active {outline: none;}
.hamburger.is-closed:before {content: '';display: block;width: 100px;font-size: 14px;color: #fff;line-height: 32px;text-align: center;opacity: 0;-webkit-transform: translate3d(0,0,0);-webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed:hover:before {opacity: 1;display: block;-webkit-transform: translate3d(-100px,0,0);-webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {position: absolute;left: 0;height: 2px;width: 100%;}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom {background-color: #fff;}
.hamburger.is-closed .hamb-top {top: 5px; -webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed .hamb-middle {top: 50%;margin-top: -2px;}
.hamburger.is-closed .hamb-bottom {bottom: 7px;  -webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed:hover .hamb-top {top: 0;-webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed:hover .hamb-bottom {bottom: 0;-webkit-transition: all .35s ease-in-out;}
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {background-color: #fff;}
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-bottom {top: 50%;margin-top: -2px;}
.hamburger.is-open .hamb-top {-webkit-transform: rotate(45deg);-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);}
.hamburger.is-open .hamb-middle { display: none;}
.hamburger.is-open .hamb-bottom {-webkit-transform: rotate(-45deg);-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);}
.hamburger.is-open:before {content: '';display: block;width: 100px;font-size: 14px;color: #fff;line-height: 32px;text-align: center;opacity: 0;-webkit-transform: translate3d(0,0,0);-webkit-transition: all .35s ease-in-out;}
.hamburger.is-open:hover:before {opacity: 1;display: block;-webkit-transform: translate3d(-100px,0,0);-webkit-transition: all .35s ease-in-out;}
/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/
.overlay {position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

.nav-tabs {border-bottom: 1px solid #111111;background: #444;}
.nav-tabs>li {width: 50%;text-align: center;}
.nav-tabs>li>a{color:#ffc900; text-transform:uppercase; opacity:0.7;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #ffc900;cursor: default;background-color: transparent;border: none;border-bottom: solid 4px #ffc900; opacity:1;}
.tab-content>.active {display: block;}
.nav-tabs>li>a:hover {border-color: transparent;background: transparent;}
.tab-content{font-size: 13px; margin-top:10px;}
.tab-content .content{padding:5px;background: #ffff;margin-bottom: 10px;}
.tab-content h4{margin:5px 0; padding:0px; color:#ff8c00; text-transform:uppercase;font-weight: 600;font-size: 12px;}
.tab-content p{margin:5px 0; padding:0px;font-size: 12px;}
.border_left_red{border-left: solid 3px #f00;}
.border_left_red span{color: #1618b1;}
.border_left_blue{border-left: solid 3px #1618b1;}
.border_left_blue span{color: #1618b1;}
.text-red{color:#f00;}
.text-blue{color:#1618b1;}

.tab-pane ul{margin:0px; padding:0px;}
.tab-pane ul li{margin:0 2% 10px; padding:0px; background:#fff; width:48%;float: left; list-style:none; padding:4px;}
.tab-pane ul li:nth-child(even){margin:0 0 10px;}
.tab-pane ul li.border_left_red span{color:#f00;}
.tab-pane ul li.border_left_blue span{color:#1618b1;}
#one ul li{width:100%; margin:0 0 10px;}

.btn-info, .btn-info:hover, .btn-info.active{color: #fff;background-color: transparent;border-color: #eea406;width: 100%;}

.radio_wrap{margin:0; padding:0; position:relative;}
.radio_wrap ul{margin:25px 0 20px; padding:0;}
.radio_wrap ul li{margin: 0;padding: 0 5px 10px;color: #eea406;list-style: none;display: inline-block;}

.historical_position label{font-size:15px; color:#fff;}
.historical_position input[type="text"], .historical_position input[type="password"], .historical_position input:focus{padding: 0px 8px 8px 0px;height: 30px; margin: 0 0 20px 0; font-size:15px;}

.setting {margin:0 0 0 -15px; padding:0px;}
.setting ul{margin:0px; padding:0px;}
.setting ul li{list-style:none;}
.setting ul li a {display: block;color: #eea406; text-align:left;text-decoration: none; border-bottom:solid 1px #887240;padding: 15px;font-size: 18px;font-weight: 500;}
.setting ul li .fa{font-size: 24px;margin-right: 5px;}
.setting ul li a:hover,
.setting ul li a:active,
.setting ul li a:focus,
.setting ul li.open a:hover,
.setting ul li.open a:active,
.setting ul li.open a:focus{color: #fff;text-decoration: none;background-color: transparent;}

/*Add Script*/
.add_script{width: 100%;overflow-x: auto;}
.add_script h4{color:#fff; margin:20px 0;}
.add_script table{margin-bottom:20px;}
.add_script table tbody tr:hover{background: #0d08ff;}
.add_script table tbody tr td{color:#fff;padding: 8px 4px; font-size:14px;border-bottom: solid 1px #887240;text-align: left; text-transform:uppercase;}
.add_script table tbody tr td:nth-child(2){text-align:right;}
.add_script table tbody tr td .fa{color:#fff; font-size:16px; margin-left:8px;}

.add_watch{position:absolute;right: 0;top: 0}