/**
 * Coding: UTF-8
 */

/*@import "reset.css";*/
@import "layout.css";

html{
    min-width:      1024px;
    min-height:     660px;
    padding:        0;
    margin:         0;
   	overflow:		auto !important;
}

/*
body {
    height:         100%;
    width:          100%;
	min-width:      1024px;
    min-height:     660px;
    padding:        0;
    margin:         0;
    font-family:    Verdana, Arial, "Trebuchet MS", sans-serif; 
    font-size:      11px;
    background-image:url('../images/fondo-globe-750x741.png');
    background-repeat:no-repeat;
    background-position: center top;
    background-size: contain;
}

#login-fieldset{
    width: 600px;
    margin: 100px auto 0px auto;
    padding: 10px;
    border:1px groove #333;
    background-color:#F4F4F4;
}
#login-fieldset h2 {
    color: #233645;
    font-weight: bold;
    font-size: 15px;
    margin: 0 0 5px 0;
}
#hbar { 
    height: 1px; 
    background-color: #e0dede;
    margin: 0 0 20px 0; 
}
form#login-form label{ 
    font-size: 13px; 
    font-weight: bold;
    color: #666699;
}
form#login-form input{ 
    font-size: 14px; 
}
form#login-form input[type='text'],
form#login-form input[type='password'],
form#login-form input.ietypetext { 
    width: 280px; 
}
form#login-form input[type='text'],
form#login-form input[type='password'],
form#login-form textarea,
form#login-form input.ietypetext { 
    padding: 4px; 
    border: 1px solid #C0C0C0; 
    background-color: white; 
}
form#login-form input[type='text']:focus,
form#login-form input[type='password']:focus,
form#login-form textarea:focus,
form#login-form input.iefocusfix { 
    background-color: #EBF4FA; 
    background-position: left top; 
    border: 1px solid #e0dede; 
}
form#login-form p {
    margin-left: 10px;
    float: none;
}
form#login-form p > label{
    display: block;
    width: 150px;
    float: left;
    clear:left;
    text-align: right;
    margin-right: 10px;
}
*/
/******/
body {
	font-family:"Open sans",Arial,Verdana,sans-serif;
   	margin-bottom: 40px;
   	font-size:12px;
   	
   	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   	 }

.navbar-default {
  border-bottom: 5px solid #e7e7e7; }

.navbar-static-top {
	margin-bottom: 10px; }

body > .container,
body > .container-fluid {
  	padding: 0 15px 0; }
  	
.navbar-header {
    float: left;
    padding: 15px;
    text-align: center;
    width: 100%;
}
.navbar-brand {float:none;}
     
.brand-logo {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: left;
    margin: auto;
    padding: 5px;
    z-index: -1; }

 .brand-logo img {
 	display: inline-block;
 	height: 40px; }

#login-fieldset{
    width: 260px;
    margin: 150px auto 0px auto;
    padding: 10px;
    border:1px solid #bbb;
    background-color: #F4F4F4;
}
#login-fieldset h2 {
    color: #777777;
    font-weight: normal;
    font-size: 15px;
    margin: 0 0 5px 0;
}
#hbar {
    height: 1px;
    background-color: #e0dede;
    margin: 0 0 20px 0;
}
form#login-form label{
    font-size: 13px;
    font-weight: bold;
    color: #666699;
}
form#login-form input{
    font-size: 14px;
}
form#login-form input[type='text'],
form#login-form input[type='password'],
form#login-form input.ietypetext {
    width: 250px;
}
form#login-form input[type='text'],
form#login-form input[type='password'],
form#login-form textarea,
form#login-form input.ietypetext {
    padding: 4px;
    border: 1px solid #C0C0C0;
    background-color: #ffffff;
}
form#login-form input[type='text']:focus,
form#login-form input[type='password']:focus,
form#login-form textarea:focus,
form#login-form input.iefocusfix {
    background-color: #EBF4FA;
    background-position: left top;
    border: 1px solid #e0dede;
}
form#login-form p {
    float: none;
}
form#login-form p > label{
    display: block;
    width: 150px;
    float: left;
    clear:left;
    text-align: right;
    margin-right: 10px;
}
/*******/

.center{
    text-align: center;
    padding: 5px 0 0 0;
}
.top {
    margin-bottom: 15px;
}
.buttondiv {
    margin-top: 10px;
}
.messagebox{
	position:relative;
	width:100px;
	padding:3px;
}
.messageboxok{
	position:relative;
	width:auto;
	padding:3px;
	font-weight:bold;
	color:#008000;       
}
.messageboxerror{
	position:relative;
	width:auto;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}
div#header{
	background-color:#FFFFFF;
	border-bottom: 1px solid #BBB;
}
div#header-left{
    float:left;
    width:25%;
    margin-left:-100%;
    text-align:left;
}
div#wrapper-center{
    float:left;
    width:100%;
    height: 50px;
}
div#header-center{
    height: 50px;
    margin: 15px 25%;
    vertical-align: middle;
    text-align: center;
    font-family: Arial, Verdana, "Trebuchet MS", sans-serif; 
    font-size: 24px;
    font-weight: normal;
    color: #777777;
    /*text-shadow: 0px 2px 3px #AAAAAA;
      text-shadow: 5px 5px 0px #eee, 7px 7px 0px #707070; */
}
div#header-right{
    float:left;
    width:25%;
    margin-left:-25%;
    margin-top:15px;    
    text-align:right;
}
div#footer{
    text-align: center;
    font-size: 9px;
    margin: 0 auto;
    vertical-align: bottom;
    padding: 3px 5px 5px;
	background-color: transparent;
	border: 0;
	color: #ccc;
}
#footer a {
	color: #ccc;
}
a.top-menu{
    color:#000000;
    text-decoration: underline;
    cursor: pointer;   
}
a:hover.top-menu{
    color:#000000;
    text-decoration: underline;
}
.main-container {
	background-color:transparent;
}
.ui-layout-pane-center {
	border: 0; }
/*ul.ui-widget-header {
	background: #dddddd;
	border-top: 0; }
	*/
#tabs{
    margin-top: 2em;
}
#main-tabs {
	margin-top: 1em;
}
#main-tabs .ui-tabs-nav li { 
	/*padding: 0px 0px !important;*/ 
}
#main-tabs .ui-tabs-nav li a { 
	height: 20px; 
}
#main-tabs .ui-tabs-nav li a img { 
	vertical-align: middle;
	border: 0;
}
#main-tabs .ui-tabs-nav li a span { 
	vertical-align: middle;
	margin-left: 5px;
}
#main-tabs li .ui-icon-close { 
	float: left; 
	margin: 0.4em 0.2em 0 0; 
	cursor: pointer;
}
#start-tab {
    /*background-image: url('../images/fondo-globe-750x741.png');
    background-repeat: no-repeat;
    background-position: center top;
    */
}
.inner-tabs .ui-tabs-nav { 
	margin:0px; 
	padding:0px; 
	padding-left: 0.2em;
}
.inner-tabs .ui-tabs-nav li { 
	margin-top: 0px !important; 
	margin-bottom: 0px !important;
	padding: 2px 0px !important; 
}
div#panel-select {
    width:990px;
    margin: 50px auto 0px auto;
	background-color:transparent;
}
.menu-select { margin: 0px auto; background-color:transparent; }
.menu-select .ui-selecting { background-color:transparent; }
.menu-select .ui-selected { background-color:transparent; }
.menu-select { list-style-type: none; margin: 20px; padding: 0; background-color:transparent;}
.menu-select li { 
    margin: 5px 2px; 
    padding: 5px 4px; 
    float: left;
    width: 300px; 
    height: 80px; 
    display:block;
    cursor: default; 
    border:1px solid #E6E6E6;
}
/*
.menu-select li:hover{
	background-color:white;
	border:1px solid #C8C8C8;
	opacity: 0.8;
	-moz-opacity: 0.8;
}*/
.menu-select li img {
    float:left;
}
.menu-select li h2 {
    float:left;
    margin: 0px 0px;
	padding: 15px 5px;
    width: 215px;
    font-weight: bold; 
    font-size: 16px;
	color: #233645;
}
.menu-select li h3 {
    float:left;
    margin: 0px 0px;
	padding: 1px 5px;
    width: 215px;
    font-size: 13px; 
    font-weight: bold;
    color: #666699;
}
.ui-jqgrid .ui-jqgrid-htable th,
.ui-jqgrid tr.jqgrow td { 
	height: 25px;
}
tr.ui-search-toolbar input {
	height: 18px;
}

.align-top {
	vertical-align: top; }

.subgrid-data table th.ui-state-default {
	background: #ffffff;  
}

.ui-tabs-vertical { width: 100%; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 7%; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width: 92%; border-left: 1px solid #aaaaaa; }

.flag {
	vertical-align: bottom;
	border: 0;
}
.props p { margin: 2px 0 0 0; padding: 0; }

ul.props-list {
	padding: 10px 0 0 5px;
    margin: 0;
}
.props-list li {
    list-style-type: none;
    width: 50%;
    line-height: 16px;
}
.props-list li:nth-child(odd) {
    float: left;
}
.props-list li:nth-child(even) {
    float: right;
}
.li-one-column {
    float: none !important;
    width: 100% !important;
}
@media only screen and (max-width: 480px) {
    .props-list li {
        float: none;
        width: 100%;
    }
}
.props-east {
	border: 0; }
.tab-docs {
	height: 300px;
}

.docs div { margin: 5px 0 0 10px; padding: 10; }
.docline { float:left; }
.docviewed { float:left; margin: 6px 0 0 5px; }
.hide { display:none; }
.docwarn { float:left; margin:1px;padding:1px; }

.field-title {
    display: block;
    width: 140px;
    float: left;
    clear:left;
    text-align: left;
    margin: 0 5px;
    font-weight: normal;
	font-size: 12px;
}
.field-value {
    display: block;
    float: left;
    text-align: left;
    margin-left: 5px;
    font-weight: bold;
	font-size: 11px;
}
.inner-container {
	height:         95%;
    width:          100%;
}
.inner-bottom-tab-cont {
/*
    height:         90%;
    height:         502px;
*/
	height:         552px;
    width:          100%;
}
.ui-dialog .ui-state-error { 
    padding: .3em; 
}
.validateTips { 
    border: 1px solid transparent; 
    padding: 0.3em; 
}
.fedit { 
    padding:0; 
    /*border:0;*/
    margin:15px 10px 15px 10px;
    width: 550px;
}
.fedit label{ 
    font-size: 13px; 
    font-weight: bold;
    color: #666699;
}
.fedit input,
.fedit select{ 
    font-size: 14px; 
}
.fedit input[type='text'],
.fedit input[type='password'],
.fedit input.ietypetext { 
    width: 170px; 
}
.fedit input[type='text'],
.fedit input[type='password'],
.fedit textarea,
.fedit select,
.fedit input.ietypetext { 
    padding: 3px; 
    border: 1px solid #C0C0C0; 
    background-color: white; 
}
.fedit input[type='text']:focus,
.fedit input[type='password']:focus,
.fedit textarea:focus,
.fedit select:focus,
.fedit input.iefocusfix { 
    background-color: #EBF4FA; 
    background-position: left top; 
    border: 1px solid #e0dede; 
}
.fedit p {
    margin-left: 10px;
    margin-right: 10px;
    float: none;
}
.fedit p > label{
    display: block;
    width: 150px;
    float: left;
    clear:left;
    text-align: right;
    margin-right: 10px;
}
.fedit div[class='buttonset']{
    display: block;
    float: right;
    margin: 10px;
}
div.fsearch-wrapper{float:left;width:100%;margin-left:-25%}
div.fsearch-content{margin-left:25%}
div.fsearch-fields{padding:5px;margin-right:10px}
div.fsearch-cond-line{float:none;height:30px}
div.fsearch-right-north{float:right;width:24.9%}
div.fsearch-right-south{float:right;clear:right;width:24.9%;margin-top:15px;}
.fsearch { 
    padding:0; 
    border:0;
    margin:10px; 
}
.fsearch input[type='text'],
.fsearch select{ 
    font-size: 14px; 
}
.fsearch input[type='text'],
.fsearch input.ietypetext { 
    width: 170px;
}
.fsearch input[type='text'],
.fsearch textarea,
.fsearch select,
.fsearch input.ietypetext { 
    padding: 2px; 
    border: 1px solid #C0C0C0; 
    background-color: white; 
}
.fsearch input[type='text']:focus,
.fsearch textarea:focus,
.fsearch select:focus,
.fsearch input.iefocusfix { 
    background-color: #EBF4FA; 
    background-position: left top; 
    border: 1px solid #e0dede; 
}
a.bottom{text-decoration: none;}
a:hover.bottom {text-decoration: underline;}
a:active.bottom {text-decoration: underline;}
a:visited.bottom {text-decoration: none;}

a:focus,
button:focus,
div:focus {outline:0;}

.circle {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline-block;
	margin: auto; }
	
.circle.red {
	background: #B80021; }
	
.circle.orange {
	background: #DE9400; }
	
.circle.green {
	background: #99B800; }
	
.circle.yellow {
	background: #FFFF66; }
	
i.red {
	color: #B80021; }
	
i.orange {
	color: #DE9400; }
	
i.green {
	color: #99B800; }
	
i.yellow {
	color: #FFFF66; }
	
.label-status {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-status-green {
    background-color: #5cb85c; }
    
.label-status-orange {
    background-color: #f0ad4e; }
    
.label-status-red {
    background-color: #d9534f; }
    
.label-status-grey {
    background-color: #777; }

.label-lower {
    display: inline;
    padding: .1em .4em .2em;
    font-size: 60%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    border-radius: .25em;
    line-height: 15px; }
  
.label-actual {
    background-color: #5cb85c; }
    
.label-estimated {
    background-color: #f0ad4e; }

.fa-row {
	margin: 0 0.3em;
	font-size: 1.3em; }

.color-import {
	color: #e79347; }

.color-export {
	color: #1a89b3; }
	
.color-air {
	color: #1a89b4; }
	
.color-maritime {
	color: #1e2655; }
	
.color-road {
	color: #73184a; }

.color-customs {
	color: #b8194c; }
	
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}