html, body {
	background: #F1F2F6;
}
.brand_title {
	color: #2A2E7A !important;
}
.navbar-brand {
    float: left;
    padding: 15px 0 0 0; 
}
a { cursor: pointer !important; }
a:hover { text-decoration: none !important; }
hr { border-top: 1px solid #ccc !important; }

#logo_cwt {  }

/* ##### Mobile Menu Breakpoint ##### */
@media (max-width: 1200px) {
    .navbar-nav {
        float: none!important;
        margin: 0;
    }
}

.dropdown-menu .divider {
	margin: 0 !important;
}
.btn {
    white-space: normal !important;
}
.no-transition {
	-webkit-transition: height 0.01s;
	-moz-transition: height 0.01s;
	-ms-transition: height 0.01s;
	-o-transition: height 0.01s;
	transition: height 0.01s;
}

.navbar-default {
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.3);
}
.navbar-brand {
    margin-left:auto;
    margin-right: auto;
}
.navbar-brand svg{
	margin-top:-7px;
}
.navbar-brand span.brand_title{
	float:right;	
	margin:0 0 0 5px;
}

#goToTop{
	display: none;
    position:fixed;
    bottom:-100px;
    right:10px;
}

/* ========== home page ========== */
#home-bg {
    position: absolute; 
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%;
    height: 100%;
    /*background: #4FC1E9;
    background-image: url(//www.globelink-group.com/images/bg-worldmap.png);
    background-repeat: no-repeat;
    background-position: top center;*/
    background:#4FC1E9 url(//www.globelink-group.com/images/bg-worldmap.png) no-repeat top center fixed;
    background: url(//www.globelink-group.com/images/bg-worldmap.png) no-repeat top center fixed, linear-gradient(90deg, rgb(46, 204, 113) 0%, rgb(52, 152, 219) 100%);
    background: url(//www.globelink-group.com/images/bg-worldmap.png) no-repeat top center fixed, -moz-linear-gradient(left, rgb(46, 204, 113) 0%, rgb(52, 152, 219) 100%);
    background: url(//www.globelink-group.com/images/bg-worldmap.png) no-repeat top center fixed, -webkit-linear-gradient(left, rgb(46, 204, 113) 0%, rgb(52, 152, 219) 100%);
    background: url(//www.globelink-group.com/images/bg-worldmap.png) no-repeat top center fixed, -o-linear-gradient(left, rgb(46, 204, 113) 0%, rgb(52, 152, 219) 100%);
    background: url(//www.globelink-group.com/images/bg-worldmap.png) no-repeat top center fixed, -ms-linear-gradient(left, rgb(46, 204, 113) 0%, rgb(52, 152, 219) 100%);

    background-size: 100% auto;
}
@media (max-width: 1200px) {
	#home-bg {
	    background-position: center 50px; 
	}
}
#home-bg #replay,
#go_top,
#skip {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
#logo_animation {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 140px;
    margin-left: -125px; /* Half the width */
    margin-top: -70px; /* Half the height */
    text-align:center;
}

#logo_animation #cwt_svg {
    width: 174px;
    height: 105px;
}

#logo_animation p#slogan, #logo_animation p#slogan span {
    font-size: 0px;
    color:#fff;
    font-weight:normal;
}
.bg-text {/*background:#fff;*/} /*2A2E7A*/

#cwt_svg path#g1, 
#cwt_svg path#g2,
#cwt_svg path#g3,
#cwt_svg path#g4,
#cwt_svg path#g5,
#cwt_svg path#g6,
#cwt_svg path#g7,
#cwt_svg path#g8,
#cwt_svg path#g9 {
    stroke: #2A2E7A;
    stroke-width: .3px;
    stroke-dasharray: 99.47578430175781px;
    stroke-dashoffset: -99.47578430175781px;
    fill: transparent;
    transition: stroke-dashoffset 1s linear 0.9s, fill 0.9s ease;
}

#cwt_svg path#g1.animate, 
#cwt_svg path#g2.animate,
#cwt_svg path#g3.animate,
#cwt_svg path#g4.animate,
#cwt_svg path#g5.animate,
#cwt_svg path#g6.animate,
#cwt_svg path#g7.animate,
#cwt_svg path#g8.animate,
#cwt_svg path#g9.animate {
    fill: #2A2E7A;
    stroke-dashoffset: 0px;
    transition: stroke-dashoffset 1s linear, fill 0.9s ease 0.9s;
}

#cwt_svg path#g10,
#cwt_svg path#g11 {
    stroke: #CEDC28;
    stroke-width: .3px;
    stroke-dasharray: 99.47578430175781px;
    stroke-dashoffset: -99.47578430175781px;
    fill: transparent;
    transition: stroke-dashoffset 1s linear 0.9s, fill 0.9s ease;
}

#cwt_svg path#g10.animate,
#cwt_svg path#g11.animate {
    fill: #CEDC28;
    stroke-dashoffset: 0px;
    transition: stroke-dashoffset 1s linear, fill 0.9s ease 0.9s;
}
/* ========== home page ========== */

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip.top .tooltip-arrow {
	border-top-color: #F60;
}
.tooltip-inner {
	background-color: #F60;
}

.jumbotron {
   padding-top: 30px !important;
   padding-bottom: 30px !important;
}

.label-as-badge {
    border-radius: 1em;
}

.modal-cwt { 
    position: fixed !important;
    top: 50% !important; 
    left: 50% !important; 
    margin-top: -62px !important;  
    margin-left: -62px !important; 
    overflow: visible !important;
}
.modal-cwt,
.modal-cwt .modal-dialog,
.modal-cwt .modal-content {
    width: 124px; 
    height: 124px; 
}
.modal-cwt .modal-dialog,
.modal-cwt .modal-content {
    padding: 0 !important; 
    margin: 0 !important;
}
/*.modal-header {
    padding:9px 15px;
    border-bottom:1px solid #bbb;
    background-color: #eaeaea;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}*/

#load_page {
  float:left;
  width:100%;
  height:auto;
  margin:51px 0 0 0;  
  background-color: #F1F2F6;
}
#main_ss_div, 
#main_tnt_div,
#main_ob_div{
  width:100%;
  margin-bottom: 20px;
  /*height: 260px;*/
}
#main_ss_div{ background:#26C281; color:#fff !important; padding: 15px 0;position: fixed;z-index: 1; }
#main_ss_div > h3 { color:#006442 !important; }

#div_cntr_search .form-control-feedback {
	display: none;
    color: #aaa; /*C3272B*/
    right: 90px;
    cursor: pointer !important;
    pointer-events: auto !important;
}
#cntr_no {
	/*text-transform: uppercase;*/
	color:#26A65B;
}

.clear-input-x{
	position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc; /* 337ab7 */
    display: none;
}

input[type="text"],
input[type="password"]{
  -webkit-appearance: none !important;
  outline: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.progress {
    background-color: #fff !important;
}

#other_ts {
	position: fixed;
	bottom: 0;
	width:100%;
	/*background: #F1F2F6;*/
	background: rgb(241, 242, 246); /* Fall-back for browsers that don't support rgba */
    background: rgba(241, 242, 246, .6);
}

#other_ts h5 {
	margin-bottom: 0;
}

#btm_alert {
    position: relative;
    bottom: 0;
    width: 100%;
    padding: 5px;
}
#btm_alert .alert {
    margin: 0 auto;
}
#btm_nav .btn-group .btn {
	color: #26A65B;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

/* Sticky footer styles
-------------------------------------------------- */
.footer {
	float:left;
	width: 100%;
	font-size:90%;
	/*height: 40px;*/
  	background-color: transparent;
}
.footer .container{
	padding: 0;
}
.footer .btn-group-justified>.btn-group .btn {
	padding: 10px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

/* Saiiling Schedule */
.fc-content {
	cursor: pointer;	
}

#ss-g.input-group-addon, 
#ss-g2.input-group-addon
{width:32px;min-width:16px;padding:4px 5px;font-weight:400;line-height:1.42857143;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:solid #ccc;border-width:1px 0;margin-left:-5px;margin-right:-5px}

.has-border-bottom {
	border-bottom: 1px solid #eee !important;
}
.ss_panel .list-group-item {
	border:none !important;
	padding:8px 0 4px 0;
}
.row {
    margin-left: 0;
    margin-right: 0;
}
.ss_panel .row {
    margin-left: 0;
    margin-right: 0;
}
#div_tt_result .row {
    margin-left: 0;
    margin-right: 0;
}
.ss_panel .col-xs-5,
.ss_panel .col-xs-1,
.ss_panel .col-xs-6
 {
    padding-left: 5px;
    padding-right: 5px;
}
/* panel heading */
.ss_panel .panel-heading small {
    color:#fff;
    font-size: 60%;
}
.ss_panel h4 small {
    font-size: 60%;
}
.ss_panel h5 {
    line-height:18px;
}
.ss_panel .panel-heading {
    padding: 10px 0 5px 0 !important;
}
.ss_panel .panel-heading .col-xs-6, 
.via-columnt .col-xs-6 {
    padding: 10px 5px 0 5px !important;
}
.via-column small {
    color:#000;
    font-size: 60%;
}
#select_pol, #select_pod, 
.input-daterange .input-sm,
#s_hbl_no, #s_bkg_no, #s_cust_ref_no {
	font-weight: bold;
	color: #337ab7;
}
/* Track & Trace */
#form_tt_search .input-group-addon {
    /*min-width:120px;*/
    text-align:left;
    background-color:#89C4F4;
}
/*#form_tt_search .input-group input,*/
#form_tt_search .input-group .input-group-addon{
    color:#1F4788;
    font-weight:bold;
    border:1px solid #fff;
}
#form_tt_search .input-group .input-group-addon{
    border-left:0px;
    border:1px solid #89C4F4;
}

.milestones > .list-group-item {
	border:none !important;
	padding:2px 0;
}
#div_tt_result .list-group-item .list-group-item{
	border:none !important;
	padding:8px 0 4px 0;
}
.list-group-item.list-group-item-info {
	padding:8px 0 4px 0;
	border-bottom: 1px solid #bfd6e2;
}
#div_tt_result .row {
    margin-left: 0;
    margin-right: 0;
}
#div_tt_result .row {
    margin-left: 0;
    margin-right: 0;
}
#div_tt_result .col-xs-6,
#div_tt_result .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}
/* panel heading */
#div_tt_result .list-group-item-heading {
    margin-top: 5;
  /*margin-bottom: 10px;*/ 
}
#div_tt_result .list-group-item-heading.tnt_details {
    margin-left: 10px;
    text-align: left !important;
}
#div_tt_result .list-group-item-heading.tnt_details a{
    margin-right: 10px;
    float:right;
}
#div_tt_result h4 small {
   /*font-size: 60%;*/
}
#div_tt_result h5 {
    line-height:18px;
}
#div_tt_result .panel-heading {
    padding: 10px 0 5px 0 !important;
}

#search_result_info2 {
	position:fixed;
    top:0;
	z-index:9999;	
}

#form_tt_search .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    /*text-align:right;*/
}
.list-group-item-default {
    color: #666;
    background-color: #eee;
}
.tnt-info {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
/* horizontal strike */
h5.cargo-line {
    padding-bottom: .1em; 
}
h5.cargo-line p{
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid #bfd6e2; 
    line-height: 0.1em;
    margin-top: -.6em; 
}
/* horizontal strike */

/* input icon addon */
.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
    left: 11px;
    top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #2580db;
}

.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}
/* bootflat style override */
/* alert */
.alert h4{margin-bottom:10px;font-weight:700}.alert-dismissable .close{color:#000}.alert-info{background-color:#7cd1ef;border:#4fc1e9}.alert-warning{background-color:#ffdd87;border:#ffce54}.alert-danger{background-color:#f2838f;border:#ed5565}.alert-success{background-color:#b9df90;border:#a0d468}.alert .alert-link{text-decoration:underline;
 cursor:pointer;filter:alpha(opacity=65);opacity:.65}.alert .alert-link:focus,.alert .alert-link:hover{filter:alpha(opacity=45);
 opacity:.45}.alert .btn-link,.alert .btn-link:focus,.alert .btn-link:hover{color:#000;filter:alpha(opacity=65);opacity:.65}.alert .btn-link:focus,.alert .btn-link:hover{text-decoration:none;filter:alpha(opacity=40);opacity:.4}

 /* btn */
.btn-default{color:#434a54;border-color:#aab2bd!important}
.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{color:#444;border-color:#aab2bd!important}
.btn-default,.btn-default.disabled,.btn-default[disabled]{background-color:#fff}
.btn-group .btn-default.active,.btn-group .btn-default:active,.btn-group .btn-default:focus,.btn-group.open .btn-default.dropdown-toggle{color:#444;border-color:#aab2bd!important}

 .btn-primary,.btn-primary.active,.btn-primary.disabled,.btn-primary:active,.btn-primary[disabled]{background-color:#3bafda; border-color:#3bafda}
 .btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{background-color:#4fc1e9; border-color:#4fc1e9}
 .btn-info,.btn-info.active,.btn-info.disabled,.btn-info:active,.btn-info[disabled]{background-color:#37bc9b;
 border-color:#37bc9b}.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info{background-color:#48cfad;
 border-color:#48cfad}.btn-success,.btn-success.active,.btn-success.disabled,.btn-success:active,.btn-success[disabled]{background-color:#8cc152;
 border-color:#8cc152}.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success{background-color:#a0d468;
 border-color:#a0d468}.btn-warning,.btn-warning.active,.btn-warning.disabled,.btn-warning:active,.btn-warning[disabled]{background-color:#f6bb42;
 border-color:#f6bb42}.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning{background-color:#ffce54;
 border-color:#ffce54}.btn-danger,.btn-danger .open .dropdown-toggle.btn,.btn-danger.active,.btn-danger.disabled,.btn-danger:active,.btn-danger[disabled]{background-color:#da4453;
 border-color:#da4453}.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{background-color:#ed5565;
 border-color:#ed5565}

button:active, .button:active, button:focus, .button:focus, button:hover, .button:hover{
    /*border:1px solid transparent !important;*/
    outline:none !important;
}

 /* panel */
.panel{background-color:#fff;border:none;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-webkit-border-radius:4px;-moz-border-radius:4px}.panel .list-group{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.panel .list-group-item:first-child{border-top:1px solid #e6e9ed}.panel-heading{border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0}.panel-title{font-size:14px;font-weight:400;color:#434a54}.panel-footer{background-color:#e6e9ed;border-top-color:#e6e9ed;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px}.panel-default{border-color:#e6e9ed}.panel-default>.panel-heading{color:#434a54;background-color:#e6e9ed;border-color:#e6e9ed}.panel-primary{border-color:#3bafda}.panel-primary>.panel-heading{color:#fff;background-color:#3bafda;border-color:#3bafda}.panel-success{border-color:#8cc152}.panel-success>.panel-heading{color:#fff;background-color:#8cc152;border-color:#8cc152}.panel-info{border-color:#37bc9b}.panel-info>.panel-heading{color:#fff;background-color:#37bc9b;border-color:#37bc9b}.panel-warning{border-color:#f6bb42}.panel-warning>.panel-heading{color:#fff;background-color:#f6bb42;border-color:#f6bb42}.panel-danger{border-color:#da4453}.panel-danger>.panel-heading{color:#fff;background-color:#da4453;border-color:#da4453}.panel-danger>.panel-heading>.panel-title,.panel-info>.panel-heading>.panel-title,.panel-primary>.panel-heading>.panel-title,.panel-success>.panel-heading>.panel-title,.panel-warning>.panel-heading>.panel-title{color:#fff}.panel>.list-group:first-child .list-group-item:first-child,.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0}.panel>.list-group:last-child .list-group-item:last-child{border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-radius:4px 0 0;-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-radius:0 4px 0 0;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-radius:0 0 0 4px;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-radius:0 0 4px;-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top-color:#e6e9ed}.panel-group .panel{background-color:transparent;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0}.panel-group .panel+.panel{margin-top:0}.panel-group .panel-heading{padding:0;border-bottom-color:transparent}.panel-group .panel-heading+.panel-collapse .panel-body{padding:15px 0;border-top-color:transparent}.panel-group .panel-title a{display:block;
padding:10px 0}.panel-group-lists .panel{background-color:#fff;
border-bottom:1px solid #e6e9ed;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.panel-group-lists .panel:first-child{border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0}.panel-group-lists .panel:last-child{border-bottom:none;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px}.panel-group-lists .panel-heading+.panel-collapse .panel-body{padding:15px;border-top-color:#e6e9ed}.panel-group-lists .panel-title a{padding:10px 15px;color:#434a54}.panel-group-lists .panel-title a:active,.panel-group-lists .panel-title a:focus,.panel-group-lists .panel-title a:hover{color:#aab2bd}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(204, 204, 204, 1);
  /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
  border-color: transparent;*/
  box-shadow: none;
  outline: 0 none;
}

/* badge, label */
.badge-default,.label-default{color:#434a54;background-color:#fff;border:1px solid #aab2bd}
.badge-primary,.label-primary{background-color:#3bafda;border-color:#3bafda}
.badge-success,.label-success{background-color:#8cc152;border-color:#8cc152}
.badge-danger,.label-danger{background-color:#da4453;border-color:#da4453}
.badge-warning,.label-warning{background-color:#f6bb42;border-color:#f6bb42}
.badge-info,.label-info{background-color:#37bc9b;border-color:#37bc9b}

/* progress */
.progress{background-color:#e6e9ed;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.progress-bar{background-color:#3bafda;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.progress-bar-success{background-color:#8cc152}
.progress-bar-info{background-color:#37bc9b}
.progress-bar-warning{background-color:#f6bb42}
.progress-bar-danger{background-color:#da4453}

#list_pol .modal-body,
#list_pod .modal-body,
#list_ss .modal-body {
    background-color: #F1F2F6;
}
.table {
    background-color: #fff;
}
.no-p-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#cargo_new #wt_new, #cargo_new #m3_new, #cargo_new #qty_new {
    text-align: right;
}

.glyphicon-asterisk.small-asterisk {
    font-size: .6em;
    top: -3px;
}

/*========== slide menu ==========*/
#navbar {
    margin-top: 0px; /*51px*/
}
.navbar {
    margin-bottom: 0px;
    z-index: 100;
    width: 100%;
}

@media (min-width: 1200px) {
  body {
    padding: 0;
  }
  .navbar {
    right: auto;
    /*background: #fff;*/
    border-width: 0 0 1px 0;
    /*border-bottom-color: #ccc;*/
    border-bottom-color: #fff;
    z-index: 100;
  }
}

/* bootbox modal style */
.modal-backdrop {
    opacity:0.6 !important;
}
.modal-header {
	padding: 9px 15px;
	background-color: #FFDD87;
	border-bottom:1px solid #e4c063;
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;

	/*background-color: #8cc152;
	border-bottom:1px solid #73a73a;
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;*/
}
/*.bootbox .modal-body {
	background-color: #FFDD87;
	border-bottom:1px solid #e4c063;
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
}*/
.bootbox .modal-footer {
	border-top:1px solid #ccc;
	background-color: #f5f5f5;	
	-webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
}
.bootbox .glyphicon {padding-right: 10px !important; font-size: 40px;}
.bootbox .bootbox-close-button {margin-top: -3px !important;}
.bootbox p {margin: 10px 0 !important;}

.btn-yellow {
	background: #FFFAED !important;
	border-color: #aab2bd!important;
	color: #f6bb42 !important;
}

/* info for search */
.box {
    border-radius: 3px;
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
    padding: 10px;
    text-align: right;
    display: block;
    margin-top: 60px;
}
.box-icon {
    background-color: #F6BB42;
    border-radius: 50%;
    display: table;
    height: 80px;
    margin: 0 auto;
    width: 80px;
    margin-top: -51px;
    font-size: 40px;
}
.box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.info h4 {
    font-size: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.info > p {
    color: #999;
    font-size: 16px;
    padding-top: 10px;
    text-align: center;
}

.animated { 
    -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    animation-iteration-count:2; 
    -webkit-animation-iteration-count:2; 
} 

@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-15px);} 
    60% {-webkit-transform: translateY(-10px);} 
} 

@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-15px);} 
    60% {transform: translateY(-10px);} 
} 

.bounce { 
    -webkit-animation-name: bounce; 
    animation-name: bounce; 
}