/* here you can put your own css to customize and override the theme */

.search-pannel{ background:#f9f9f9; padding:10px 0; box-sizing:border-box; margin:15px 0; border:1px solid #EFF3F8; border-radius:3px;}
.trade{ float:left; width:97.8%;}
.trade .ctgry{ width:20%; float:left; padding:0 20px; display:inline-block; font-weight:400; padding-top:3px;color:#635F5F; font-size:14px;}
.trade .status, .trade .action{ width:27%; float:left;font-weight:400; color:#635F5F; font-size:14px;}
.trade .status{padding-top:3px;}
.trade .status span{ font-weight:500 !important;}
.trade .sb_ctgry{ float:right; width:19%;}
.trade .sb_ctgry .fa{ margin-right:5px;}
.cmpy{ width:97%}
.trade .action, .trade .sb_ctgry{ margin-top:-4px;}

.actn-type, .ltf-pad-trd{ padding-left:7%; }
.trade-one{ background: #f2f2f2 !important }

.panel-body .trade{ float:right; background:#FBFBFB; padding:9px 9px 5px; box-sizing:border-box;margin:5px 0; border-radius:3px; width:100%}
.panel-body .trade .action{ width:34%;}

.panel-default > .panel-heading{ height:40px;}
.panel-title > a:before {    float: left !important;    font-family: FontAwesome;    content:"\f056";    padding-right: 5px;padding-top:3px; color:#9E9E9E;}
.panel-title > a.collapsed:before {   float: left !important;    content:"\f055";padding-top:3px;}
.panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus  {    text-decoration:none;}

.tabbable-line > .tab-content{ border-color:#fff !important;}
.tabbable-line > .nav-tabs > li.active, .tabbable-line > .nav-tabs > li.active > a{ background:#2098D1  !important; border:none; color:#fff;border-radius:3px;}
.tabbable-line > .nav-tabs > li.active{ position:relative;}
.tabbable-line > .nav-tabs > li.active:before{ position:absolute; border-style:solid; border-width:10px; border-color:#f00; top:100px;} 
.tabbable-line > .nav-tabs > li{ background:#E1E6E8;border:none; border-radius:3px; oveerflow:hidden; margin-right:5px;    margin-bottom: 5px;}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover{ border:none; background:#f1f1f1;}

.table .btn{ margin-right:1px !important;}

.search-pannel .input-group-addon{ cursor:pointer;}
.sub_trade{ position:relative;}
.sub_trade > .icon{ position:relative; }
.sub_trade > .icon{padding-right: 5px;padding-top:3px;  cursor:pointer; position:absolute; z-index:1; height:20px; width:20px; background:url("../img/accordion-plusminus.png") no-repeat scroll left 5px; left:6px; top:7px;}
.icon-clse{float: left !important;cursor:pointer; position:absolute; z-index:99; left:5px; top:11px; height:20px; width:20px; background:url("../img/accordion-plusminus.png")  no-repeat scroll left -28px !important; top:10px !important;}
.sub_trade-1{  width:93%;}
.sub-head{ padding-bottom:5px; border-bottom:1px solid #f1f1f1; margin-bottom:10px; font-size:18px; color:#444; font-weight: 500 !important;}
.edt{ width:75%; float:left; text-align:right; padding-top:12px}
.sb_ctgry{ width:10%;}
.error{ color:#f36a5a !important; font-size:14px; padding-top:2px;}
.error:focus{ border-color:#f36a5a !important;}
.modal .modal-header{background: #296682;}
.modal-title{ color: #fff; font-weight: 500; }
.modal-content{ border-radius: 0!important }
.hor-menu >.navbar-nav>li.start.active{ background:#2098d1;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ border-top:none !important}
.view .table-striped>tbody>tr:nth-of-type(odd), .view .table-striped>tbody>tr:nth-of-type(even){ border: none !important;}
.overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%; z-index: 10;background-color: rgba(0,0,0,0.5); /*dim the background*/}
.select_statics .dropdown-menu:before, .select_statics .dropdown-menu:after{ right:36px !important;}
.no-result { font-size:18px; padding:8% 0; color:#f36a5a;}
.none{ display:none;}
.trade .delete{ background:#E47878 !important;}
.dropdown-user > .dropdown-menu{ border-top:2px solid #126997 !important; border-top-left-radius:0px; border-top-right-radius:0px;}
.table tr td.text-center2{ text-align:center !important;}
.table tr td, .table tr th{ text-align:left !important;}


/* 10052016 */
.panel-heading { padding:10px 0 10px 10px !important;}
.panel-body{ padding:15px 5px;}
.left-space-compny{ padding-left:10%;}
#p_scents{ padding-bottom:0 !important; border-bottom:none !important;}
#charges div{ padding:0 0 0px 0px !important; }
#charges .table-scrollable { margin-bottom:10px;}
.pad-right-trade{ padding-left:12%}
.padding-right-2{ padding-right:6px;}

.margin_top{ margin-top:10px;}
.dynamicvisit_content div{ background: #f1f1f1; padding:10px; box-sizing:border-box;}

.small-input{ width:50px; height:30px;}
span.star{ color:#f00;}
.tabbable-line .badge{ background: #fff; padding:3px 6px 2px;color:#2098D1; margin: 0 !important; font-size:12px; font-weight:500;}

.Address_section{ background:#fbfbfb; padding:15px 0 0; box-sizing:border-box; margin:10px 0; border:1px solid #f1f1f1; border-radius:3px;}
.Address_section .sub-head{ padding-left:15px; margin-top:0; padding-bottom:10px; font-size:20px;}
.Address_section .sub-head .btn{ margin:-7px 10px 0 0;}

.portlet.light > .portlet-title > .caption{ width:100%; padding-bottom:5px;}
.portlet.light > .portlet-title > .caption > .caption-subject{ margin-top:5px; display:inherit;}

.input-xs{ width:150px; float:left;}
.spacer{ margin:0 10px; float:left; padding-top:9px}