@font-face {
    font-family: "Verdana";
    src: url(../fonts/Verdana.ttf) format("truetype");
}
body{font-size:13px; }
.cont_wrap{min-height:400px;}
.banner_text{font-size:30px !important; text-align:center;}
.no_rt_border{border-right:none !important; width:79%; text-align:justify;}
.no_lt_border{border-left:none !important; text-align: right; font-size: 11px; padding: 4px 8px 8px 8px !important;}
.reg_form .form-group{margin-left:0; margin-right:0;}
.status-not-available{color:#ea5f5f}
.status-available{color:#1cbb28;}
.blue_tbl{color:#fff;}
body .blue_tbl>tbody>tr:nth-of-type(odd){background:#6f8196;}
body  .blue_tbl>tbody>tr:nth-of-type(even){background:#8295ad;}
.yell_tbl{color:#fff;}
body .yell_tbl>tbody>tr:nth-of-type(odd){background:#5f454d;}
body  .yell_tbl>tbody>tr:nth-of-type(even){background:#a77584;}

.grey_tbl>tbody>tr:nth-of-type(odd){background:#1d1d1d;}
.grey_tbl>tbody>tr:nth-of-type(even){background:#000000;}
.rate_tbl{margin:0 0 5px 0;}
.rate_tbl>tbody>tr:nth-of-type(odd){background:#1d1d1d;}
.rate_tbl>tbody>tr:nth-of-type(even){background:#000000;}
.f14{font-size:14px;}
.f14{font-size:16px;}
.f16{font-size:17px !important;}
.login span{padding:0 10px 0 5px;}
.reg_header{background:#467fbf; padding:5px;}
.main_nav{margin:23px 0 0 0;}
.home_nav li a{color:#467fbf !important;}
.home_nav li.active > a{border-top:0 !important; background:#f3f3f3 !important; color:#ffa500 !important;}
.navbar ul.nav > li > a{border-top:0 !important;}
.navbar-default.home_nav .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{border-top:0 !important; background:#f3f3f3 !important; color:#ffa500 !important;}
.nopadding {
   padding-left: 0 !important;
   padding-right: 0 !important;
  
}
.header_app{}
.fa-android{color:#A4D32B;}
.fa-apple{color:#ffffff;}
.contact .fa{color:#ffffff;}
.nav_btn{margin:32px 16px 11px 0 !important;}
.user_alert{width:40%; margin:0 auto;}
.user_alert a{color:#a94442; font-weight:700;}
#top{background:#144f92;}

/*** home page styles ***/
.home_banner{height:100px; background: url(../img/cm_banner_opt.jpg) no-repeat center center; }
#slider{padding:0;}
.rates_tikr{height:34px; background:#f3f3f3; border-top: 1px solid #e4e4e4;}
.rates_tikr #myticker{border:0; background:#f3f3f3; color:#000; height:33px;}
.baner_txt{height:34px; background:#f3f3f3; color:#144f92; font-weight:600; padding:6px; font-family:Verdana,Roboto; border-bottom: 1px solid #e4e4e4;}
.rates_tikr #myticker .green_color{color:#2cbf05;}
.owl-item{}
.long_rate{width:200px !important;}
#sliders2 .owl-item{width:197px !important; margin: -18px 0 0 0;}
.home_wrap{margin:30px 0 0 0;}
.home_tabs{}
.tab-content{ border-color:#467fbf;}
.home_tabs ul li.active a{background:#13467f !important; }
.home_tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color:#F4A708; }
.home_tabs .nav > li > a{background:#144f92; font-weight:700; color:#fff;}
.news_tabs ul li.active a{background:#13467f !important; }
.news_tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color:#F4A708; }
.news_tabs .nav > li > a{background:#eeeeee; font-weight:700;}
.comm_head{margin:45px 0 45px 0;}
.c_heading{font-size:28px; display: inline-block; border-bottom: solid 5px #467fbf; line-height: 1.1;margin-bottom: 0; padding-bottom: 10px;}
a.met,a.met:hover{background:#f5f5f5 url(../img/base_metal_opt.jpg) no-repeat !important; background-size:100px 87px !important; color:#467fbf !important; font-size:16px;}
a.pul,a.pul:hover{background:#f5f5f5 url(../img/pulses_opt.jpg) no-repeat !important; background-size:100px 87px !important; color:#467fbf !important; font-size:16px;}
a.cot,a.cot:hover{background:#f5f5f5 url(../img/cotton_opt.jpg) no-repeat !important; background-size:100px 87px !important; color:#467fbf !important; font-size:16px;}
a.eo,a.eo:hover{background:#f5f5f5 url(../img/oil_opt.jpg) no-repeat !important; background-size:100px 87px !important; color:#467fbf !important; font-size:16px;}
a.othr,a.othr:hover{background:#f5f5f5 url(../img/othr_opt.jpg) no-repeat !important; background-size:100px 87px !important; color:#467fbf !important; font-size:16px;}
.home_sidebar{position:relative;}
ul.sub_links1{position:absolute; left:81px; top:0;}
ul.sub_links2{position:absolute; left:81px; top:20px;}
ul.sub_links3{position:absolute; left:81px; top:40px;}
ul.sub_links4{position:absolute; left:81px; top:60px;}
.home_sidemenu{position:relative; width:95%;}
.home_sidemenu a{background:#f5f5f5; color:#467fbf; font-size:16px; font-weight:700;}
.home_sidemenu a:hover{background:#467fbf; color:#f5f5f5; font-size:16px;}
.home_sidemenu i{display:inline-block; float:right; margin:3px 5px !important;}
#demo2{position:absolute; left:270px; top:2px; width:52%; z-index:2;}
#demo3{position:absolute; left:270px; top:88px; width:52%; z-index:2;}
#demo4{position:absolute; left:270px; top:175px; width:52%; z-index:2;}
#demo1{position:absolute; left:270px; top:263px; width:52%; z-index:2;}
#demo5{position:absolute; left:270px; top:349px; width:52%; z-index:2;}
.tab-content{height:394px; overflow:auto;}
.nav_items{padding:32px 15px 32px 135px !important;}
/*.ftq_5, .ftq5{display:none !important; }
.ftq_width_2, .ftqw2{display:none !important;}*/
.htick2{width:37% !important; float:right; height:45px;}
.htick1{width:62% !important; float:left; height:45px;}
.hide {
  display: none;
}


/*** news ***/

.morecontent span {
	display: none;
}

/* news pagination*/
.news_pagn .pagination{margin:0; padding:0; border:0;}
.news_pagn {text-align:center;}
.news_pagn .pagination > li > a, .news_pagn .pagination > li > span{padding:0 6px; font-size:14px;}
/*** register page ***/
.mand{color:#ff0000;}
.err_msg{color:#ff0000;}

/*** user login page ***/
.login_panel{background:#f1f1f1; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 0 20px 0;}
.login_frm .panel-heading { padding:15px; background:#467fbf !important; color:#fff !important; font-size:20px; text-transform:none; text-align:center}
.log_img{text-align:center;}
.log_img i{}

.login_frm .profile-img {
	width: 96px;
	height: 96px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/*** careers page ***/
.job{font-size:14px; margin:0 0 20px 0; line-height:27px;}
.job span{display:block;}
.job ul{padding:0 0 0 18px;}
.job ul li{list-style-type:none;}
.job_title{font-size:16px; font-weight:700;}

/*** metal rates ***/
/*.rates_head{border-bottom:1px solid #f5f5f5; padding:0 0 15px 0; margin:0 0 25px 0; border-bottom: 2px solid #467fbf;}
.green_bg{background:#b5f8a4 !important;}
.red_bg{background:#ff9a9a !important;}
.yellow_bg{background:#eff188 !important;}*/
#col_grey{background:#868686; padding:0 9px; margin:0 7px 0 0; cursor:pointer;}
#col_blue{background:#307fe2; padding:0 9px; margin:0 7px 0 0; cursor:pointer;}
#col_yell{background:#a77584; padding:0 9px; margin:0 7px 0 0; cursor:pointer;}
#f12{ cursor:pointer;}
#f14{ cursor:pointer;}
#f16{ cursor:pointer;}

.rates_wrap{background:#000;}
.rates_head{margin:9px 0 0 0;}
.rates_head span{font-size:22px; padding:0 30px 0 0;}
.rate_tbl.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:0 ; border:0; font-weight:700; width:1%; white-space:nowrap;}
.rate_tbl td{border: 1px solid #717171 !important;}
.ticker_tbl td{border:0 !important;}
#refresh-btn{color:#fff; text-decoration:underline; font-size:14px; padding:0 0 0 27px;}
.marque{width:100% !important; padding:0 20px 0 20px !important;}
/* ===== GREEN HIGHLIGHT ===== */
@-webkit-keyframes change-color-green {
  0%   { background-color: #b5f8a4; color:#000; }
  70%  { background-color: #b5f8a4; color:#000; } /* hold highlight */
  100% { background-color: initial; color:#35ff00; }
}
@-moz-keyframes change-color-green {
  0%   { background-color: #b5f8a4; color:#000; }
  70%  { background-color: #b5f8a4; color:#000; }
  100% { background-color: initial; color:#35ff00; }
}
@-o-keyframes change-color-green {
  0%   { background-color: #b5f8a4; color:#000; }
  70%  { background-color: #b5f8a4; color:#000; }
  100% { background-color: initial; color:#35ff00; }
}
@keyframes change-color-green {
  0%   { background-color: #b5f8a4; color:#000; }
  70%  { background-color: #b5f8a4; color:#000; }
  100% { background-color: initial; color:#35ff00; }
}

.green_color {
  -webkit-animation: change-color-green 3s forwards;
  -moz-animation:    change-color-green 3s forwards;
  -o-animation:      change-color-green 3s forwards;
  animation:         change-color-green 3s forwards;
  color:#35ff00; /* final text color */
}


/* ===== RED HIGHLIGHT ===== */
@-webkit-keyframes change-color-red {
  0%   { background-color: #ff9a9a; color:#000; }
  70%  { background-color: #ff9a9a; color:#000; }
  100% { background-color: initial; color:#ff2929; }
}
@-moz-keyframes change-color-red {
  0%   { background-color: #ff9a9a; color:#000; }
  70%  { background-color: #ff9a9a; color:#000; }
  100% { background-color: initial; color:#ff2929; }
}
@-o-keyframes change-color-red {
  0%   { background-color: #ff9a9a; color:#000; }
  70%  { background-color: #ff9a9a; color:#000; }
  100% { background-color: initial; color:#ff2929; }
}
@keyframes change-color-red {
  0%   { background-color: #ff9a9a; color:#000; }
  70%  { background-color: #ff9a9a; color:#000; }
  100% { background-color: initial; color:#ff2929; }
}

.red_color {
  -webkit-animation: change-color-red 3s forwards;
  -moz-animation:    change-color-red 3s forwards;
  -o-animation:      change-color-red 3s forwards;
  animation:         change-color-red 3s forwards;
  color:#ff2929;  /* final text color */
  font-weight:700;
}


#tableHolder{font-family:Verdana,Roboto;}
#custom_table{font-family:Verdana,Roboto;}

/*** top ticker styles ***/
#myticker{border:1px solid #d3d3d3; padding:6px; font-family:Verdana,Roboto; font-size:15px; height:35px; color:#fff;}
.tikr_item{}
.lft_bdr{border-left:1px solid #777272; padding-left:5px;}

/*** custom rates ***/
table.chkbox_tbl{margin:0 0 20px 0;}
table.chkbox_tbl tr td{padding:0 18px 0 0;}
table.chkbox_tbl tr td input{margin:5px 5px 0 0;}
.cust_opt{margin:15px 0; display:inline-block;}
.cust_opt .btn-primary{vertical-align:top; margin:2px 0 0 0;}
.btab.table>tbody>tr>td{border:1px solid #717171;}
.dropdown ul {
  margin: -1px 0 0 0;
}


.dropdown dd {
  position: relative;
}

.dropdown a.sel_cont,
.dropdown a.sel_cont:visited {
  color: #fff;
  text-decoration: none;
  outline: none;
  font-size: 12px;
}
.dropdown a.sel_col,
.dropdown a.sel_col:visited {
  color: #fff;
  text-decoration: none;
  outline: none;
  font-size: 12px;
}

.dropdown dt a {
  background-color: #b9b9b9;
  display: inline-block;
  padding: 5px 5px 5px 14px;
  min-height: 25px;
  line-height: 24px;
  overflow: hidden;
  border: 0;
  width: 135px;
}

.sel {
  background-color: #b9b9b9;
  display: inline-block;
  padding: 10px 5px 10px 11px;
  min-height: 25px;
  line-height: 24px;
  overflow: hidden;
  border: 0;
  width: 135px;
  color:#fff;
  font-size:12px;
  font-weight:700;
  vertical-align:top;
  margin:15px 0 15px 0;
  cursor: pointer;
}

.dropdown dt a span,
.multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
}

ul.com_list {
  background-color: #6d6d6d;
  border: 0;
  color: #fff;
  display: none;
  left: 0px;
  padding: 2px 15px 2px 5px;
  position: absolute;
  top: 2px;
  width: auto;
  list-style: none;
  height: 144px;
  overflow: auto;
  z-index:10;
}

ul.col_list {
  background-color: #6d6d6d;
  border: 0;
  color: #fff;
  display: none;
  left: 138px;
  padding: 2px 15px 2px 5px;
  position: absolute;
  top: 2px;
  width: auto;
  list-style: none;
  height: 144px;
  overflow: auto;
  z-index:10;
}

.dropdown span.value {
  display: none;
}

.dropdown dd ul li a {
  padding: 5px;
  display: block;
}

.dropdown dd ul li a:hover {
  background-color: #fff;
}

.ratepage_tikr{height:43px; background:#000; overflow:hidden; margin:10px 0 10px 0;}
.tik_txt{padding:20px 0 0 0; font-size:16px; font-weight:700; text-align:center;}
.tik_txt a{color:#fff !important; text-decoration:underline;}
#sliders,#sliders2{padding:0;}
.hid{visibility:hidden;}

/*** rates page owl ***/


/*** contact us ***/
.cont_map{margin:27px 0 0 0; border:2px solid #467fbf;}
.email_wrap{margin:0 0 36px 0;}
.email_wrap span{display:block; text-align:center; font-size:17px;}
.email_wrap i{font-size: 6em; color:#467fbf; padding:0 0 10px 0;}

/*** footer ***/
#get-it{padding:24px 0;}
.footer_reg_btn{width:198px;}
#footer{color:#333333 !important; background:#d8d8d8 !important; padding:25px 0 !important;}
#copyright{background:#404040 !important; padding:20px 0 !important; color:#e2e2e2 !important;}
.app_btn{display:inline-block; float:left; margin:27px 18px 0 0}
.foot_col{padding-top:25px;}

/*** Pay Now ***/
.hidn{display:none;}
.lbl_head{font-weight:700; display:inline-block; width:99px;}
.chkbx input[type=checkbox]{margin:2px 0 0 -15px;}
.chkbx .checkbox-inline{margin-left:0;}

/***********media queries **************/
@media (max-width: 1024px){
.home_sidemenu{width:100%;}	
#demo1,#demo2,#demo3,#demo4,#demo5{position:initial; left:0; top:0; width:100%;}
.user_alert{width:100%; }
.pt{float:none !important; text-align:center;}
.contract_list{width:40%; float:left; }
.rates_list{width:60%; float:left; }
.rt_rates{clear:both;}
}
@media (max-width: 767px)
{
#top .login{margin:15px 0 0 0;}
.no_rt_border{border-right:none !important; width:100%; display:block; border-bottom:none !important; border-left:none !important;}
.no_lt_border{border-left:none !important; text-align: right; font-size: 11px; padding: 4px 8px 8px 8px !important; width:100%; display:block; border-top:none !important; text-align:left; border-right:none !important;}
.htick1 {width:100% !important;}
.htick2{width:100% !important;}
/*.rates_tikr{height:90px;}*/
.rate_tbl.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:2px 2px 2px 7px !important; }

}
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}