@import url('circular-std.css');

.block {
	height: 150px;
	
}

.block div.imagen{
  background-image: url(../image/loading.gif);
  background-position: center center;
  background-repeat: no-repeat;   
  clear:both;  
  height: 50px;  
  margin-left:auto;
  margin-right: auto;  
}
.block div.msg{
	padding:20px;
	font-weight: 500;
	color:#484C54;
}


.bootstrap-select .dropdown-toggle:focus {
	outline:0!important;
}

.has-error .combo {
	border-color: #b71c1c !important;
}
.error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle {
	border-color: #b71c1c !important;
}

section {
	overflow: visible;
} 

i, .fa {
	z-index:1;
	cursor: pointer;
	cursor: hand;
}


.bootstrap-select.form-control {
	border:0!important; 
}
.panel-group .panel-body{
	border:none!important;
}
.panel-group .panel-heading {
    border-radius: 0px;
}
.panel-group .panel-heading.on {
	 background-color: white!important;	
}

.panel-group .icon {
	font-size:27px;
	line-height: 27px!important;
	color:#484c54;
}
.panel-group .panel-title a {
	line-height: 22px!important;
	font-size: 22px!important;
	font-weight: 500;
	color:#484c54;
}
.panel-group .panel-title i{
		font-size: 26px!important;
}

.panel-group .panel {
	 border-radius: 0px;	 
	 border:0!important;	 
	 border-top:1px solid #9B9B9B!important;;
}
.panel-group .panel + .panel {
	margin-top:0px;
}

.nav-pills > li > a, .nav-pills > li > a:focus, .nav-pills > li> a:hover {
    background-color: white!important;
    color:#484C54;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: white!important;
    color:#484C54;
    border-bottom: 4px solid  rgb(0,190,165);	
}

.nav-pills {
	min-height: 50px!important;
}

.nav-pills > li > a {
    border-radius: 0px!important;
    padding-left:1em;
    padding-right: 1em;
    margin-left:2em;
    margin-right: 2em;
}

.centered-pills { text-align:center; }
.centered-pills ul.nav-pills { display:inline-block; }
.centered-pills li { display:inline; }
.centered-pills a { float:left; }
* html .centered-pills ul.nav-pills { display:inline; } /* IE6 */
*+html .centered-pills ul.nav-pills { display:inline; } /* IE7 */

.centered-pills .nav {
	background-color: white!important;
	
}

.iconInput {
	position: absolute;
	top: 13px;
	right: 10px;
}

.wrapper {
	display:none;	/*necesario evitar parpadeo en iframe*/
}

nav .breadcrumb li a::after {    
    content: none;    
}


b {
	/* font-weight:500!important; */
}

.dn {
	display: none !important;	
}
	

h2 {
    font-size: 27px;
}
  
h3 {
    font-size: 22px;
}

a, a:focus, a:hover, a:active {
	color: #484c54;
}

ul.dropdown-menu.dropdown-menu-left{
	position:absolute!important;
	left:-202px!important;		
}

.checkradios-checkbox.focus, .checkradios-radio.focus {
	-webkit-box-shadow: 0 0 0px rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0px rgba(0,0,0,0);
	box-shadow: 0 0 0px rgba(0,0,0,0);
	border-color: #484C54;
}	
	
.iconClick {
	cursor: pointer; 
	cursor: hand;
}	
	
	.bulkload .container {	
		padding-left:0px;
		padding-right:20px;
	}
	
	.bulkload .container .btn-secondary{
		padding-top:10px!important;
	}
	
.filterContainer.dialogo >div, .bulkload.dialogo >div{
		margin:1em!important;
		padding:1em!important;
		background-color: white !important;	
		display:inline-block!important;
		position:fixed;
		top:0;	
		left:-5px;
		width: 95%;	
		height: 95%;
		overflow-y:scroll;
   		overflow-x:hidden;
	}

.nav > li > a.on {
	border-bottom: 4px solid #00bea5!important;	
}

.btn:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn:focus, .btn:active:focus{
	outline: 0;
}

.btn-secondary {
  color: #00BFA5;
  background-color:white;
  border: 1px solid #00BFA5!important;
  height: 50px;
}

.btn-secondary:hover, .btn-secondary:focus {
  color: #6CE2C3;
  border: 1px solid #6CE2C3!important;;
   background-color:white;
 
}
.btn-secondary:active {
  color: #008976;
  border: 1px solid #008976!important;;
  background-color:white;
}
.btn-medium {
	max-width: 120px!important;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  color: #CCCCCC !important;  
  border: 1px solid  #CCCCCC !important;
  
}

.text-danger {
	color:#b71c1c;
	text-align: center;
	font-size:14px;
}

.text-warning {
	color:#ED4242 !important;
}

.text-success {
	color:#3CA227 !important;
}

/*SPOT PROJECT CHANGE 2637 & 2610 start*/
.text-pending{
    color:#FFA500 !important;
}
/*SPOT PROJECT CHANGE 2637 & 2610 end*/

.errorTitle{	
	font-size:16px;	
	 color:#b71c1c;
	 text-align: center;
}

.errorTitle:before {
	font-family: FontAwesome;
    content:'\f06a';   		
   	color:#b71c1c;
   	padding-right: 10px;
   	font-size:20px;
   	
}

.no-capacity-error:before {
	font-family: FontAwesome;
    content:'\f06a';   		
   	color:#b71c1c;
   	padding-right: 10px;
   	font-size:24px;  	
}

.no-capacity-error a {
	color:rgb(0,190,165);
}

  	.magic_btncontainer {
  		margin-left: auto;
  		margin-right: auto;
  	}
	
	.magic_btncontainer .btn-primary {
		margin-bottom: 0px;
		margin-top: 0px;	
	}
	
	.magic_btncontainer .btn-down{
		background-color:#484C54;
		line-height: 30px;
		padding:10px 16px;	
		color:white;
		text-aling:center;	
		border:none;		
		cursor: pointer; 
		cursor: hand;		
		z-index: 1;
		right: 0px;
		position:absolute;
		top:0px;
	}

	.magic_btncontainer .btn-filter {
		min-width: 100px!important;	
		max-width: 100px!important;
		cursor: pointer; 
		cursor: hand;	
		margin-top:0px!important;
		padding:10px 5px;
		float:right;
	}
	
	.magic_btncontainer .btn-search {
		background-color:#484C54;
		line-height: 32px;
		padding:9px 13px;	
		color:white;
		text-aling:center;	
		border:none;
		margin-top:0px!important;
		cursor: pointer; 
		cursor: hand;
		z-index: 1;
		right: 0px;
		position:absolute;
		top:0px;
	}
	
	.filterContainer {
		clear:both;
		padding-top:1em;
	}

 	.filterContainer .filter > span {
 		width: 100%!important;
 	}

	.filterContainer .filter .resetFilter {
		float:right;
		margin-right: 8px;
		cursor: pointer; 
		cursor: hand;
		font-size:1.25em;		
	}

	.filterContainer .filter >div > label{
		padding-left: 10px;
		width: 100%!important;
		position:relative;
		cursor: pointer; 
		cursor: hand;
		border-top:1px solid #DEDCDE;
		line-height: 2em;
		padding-bottom: 10px;
		padding-top: 10px;
		margin-bottom: 0px;
	}
	
	.filterContainer .filter > div > label:after {
		content: "\f067";
	    font-family: FontAwesome;
	    float:right;
	    padding-right: 10px;
	}
	.filterContainer .filter > div > label.open:after {
		content: "\f068";
	    font-family: FontAwesome;
	    float:right;
	    padding-right: 10px;
	}

	.bootstrap-select, .bootstrap-select .btn {    
    	height: 50px!important;    
	}
	
	.closeDialog {
		float:right;
		cursor: pointer; 
		cursor: hand;
		margin-top:-10px;
		margin-right:-10px;
		line-height: 24px;
		width: 24px;
		color:white;
		background-color: #484C54;
		text-align:center;
		margin-bottom: 2em;
	}
	
	.pagaInformation {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		background-color: white;
		height: 50px;
		padding: 0 24px;
		font-family: 'Circular Std', 'Helvetica Neue', sans-serif;
	}
	
	.pagaInformation .pagaLeft {			
		color: #3F7440;
		font-style: normal;
		font-weight: 450;
		font-size: 14px;
		line-height: 18px;
		margin-right: 20px;
	}

	.pagaLeft__date {
		font-weight: 600;
	}

	#refreshIframe {		
		display: block;
		background-color: white;
		color: #235C53;
		border: 1px solid #235C53;
		border-radius: 5px;
		padding: 8px 20px;
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
		line-height: 18px;
		height: 34px;
	}

	#refreshIframe::after {
		display: inline-block;
		content: '';
		width: 10.5px;
		height: 9.5px;
		margin-left: 7.75px;
		background: url('https://www.iagcargo.com/iagcargo/img/icons/refresh.svg') no-repeat bottom;
	}

	@media screen and (max-width: 633px) {
		.pagaInformation {
			flex-direction: column;
			align-items: flex-start;
			justify-content: center;
			height: 110px;
		}
		
		.pagaInformation .pagaLeft {			
			margin-right: 0;
			margin-bottom: 8px;
		}
	}
	
	.dialogo .msg {		
		margin-left:1em!important;		
		padding:2em!important;
		background-color: white !important;	
		color:#484C54;
		display:inline-block!important;		
	   	position: fixed;
	   	text-align:center;	
	   	   
	}
	.dialogo .msg .closeDialog {
		margin-top: -20px; margin-right: -20px;
	}
	
	.dialogo .msg .btn{
		margin-top:25px!important;
	}

	.combo {
		position:relative;
		 border: 1px solid #9b9b9b !important;
		 margin-bottom: 15px;
	}
	
	.combo:focus {
		border: 1px solid #484c54 !important;
	}
	
	.combo dl {
		margin-top:0px!important;
		margin-left:0px!important;
	}
	
	.form-group-lg .form-control.inputL {
		height:48px!important;
		width: 24%!important;
		display:inline-block!important;
		border-right: 0px!important;
		box-shadow: none;
		padding-top: 8px!important;
		padding-bottom: 8px!important;
		padding-right: 0px!important;
		padding-left: 10px!important;
		border:none!important;
		margin:0px;
	
	}
	
	.inputSeparator {				
	    line-height:22px!important;
	    vertical-align: middle;
	}

	.form-group-lg .form-control.inputR {
		height:48px!important;
		display:inline-block!important;
		width: 67%!important;
	    padding-left: 0px!important;
		padding-top: 8px!important;
		padding-bottom: 8px!important;
		border-left: 0px!important;
		padding-right: 20px;
		box-shadow: none;	
		border:none!important;
		margin:0px;
		
	}
	

	input[readonly].form-control:not(.js_datepicker) { 
		background-color:#DEDCDE !important;
	}

	footer input {
		padding-right: 16px!important;
	}

	.panel-group .panel-title a .summary {
		margin-top:10px;
		text-align: center;
	}

	.panel-group .panel-title a .summary>span {
		font-size:16px;		
		font-weight:400;
		text-transform: none;
		line-height:18px;
	}

	.resume {
		max-width: 450px;
		margin-bottom:15px;
		padding:15px 10px;		
		border-top: 1px solid #9b9b9b !important;
		border-bottom: 1px solid #9b9b9b !important;
		position:relative;
	}
	
	.resume .fa {
		position:absolute;
		right:10px;
		top:15px;
		font-size:1.25em;
	}
	

footer .quickdiv{
	clear:both;	
	width: 100%;
	text-align: justify;
	display: inline-flex;
	 text-align: left !important;
}
footer .quickdiv span{
	min-width: 30%!important;
	padding: 0 30px 0 0;
}

footer a.customanchor,footer a.customanchor:focus, footer a.customanchor:hover, footer a.customanchor:active {
	color: #a7ffeb !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 200 !important;
    line-height: 30px !important;
    text-transform: uppercase !important;
} 

	
@media (min-width: 2em) {	
	
	.bulkload.dialogo >div{
		margin:1em!important;
		padding:1em!important;
		background-color: white !important;	
		display:inline-block!important;
		position:fixed;
		top:0;	
		left:-5px;
		width: 95%;	
		height: 95%;
		overflow-y:scroll;
   		overflow-x:hidden;
	}
	
	footer .quickdiv{	
		 text-align: center !important;
		 width: 90%!important;
		 margin-left:auto!important;;
		 margin-right:auto!important;;
		 display:block;
		 padding-bottom: 25px;
	}
	
	.nav-pills > li > a {
	    border-radius: 0px!important;
	    padding-left:0.1em;
	    padding-right: 0.1em;
	    margin-left:0.1em;
	    margin-right: 0.1em;
	}
	
	.adjustPadding {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.text-danger {		
		font-size:14px;
	}
	
	.errorTitle {	
		font-size:16px;	
	}
	
	
	.magic_btncontainer {  		
	    max-width:300px;
	  	margin-left: auto;
	  	margin-right: auto;
  	}
  	
  	.magic_btncontainer label {
  		clear:both;
  		width: 100%;
  	}
  	

	.dialogo .msg >span{
		top:15px;
		position:relative;
		display:inline-block;
	}

	.pagination {
		float:right;	
		margin-right:10px;
	}
	
	
	.pagination span a {
		color:#9b9b9b;
		min-width: 16px;
		text-align: center;
		margin-left:20px;
		margin-right:20px;
		font-size:16px;
	}
	
	.pagination span:first-child a{
		margin-left:0px;
		margin-right:0px;	
	}
	
	.pagination span:last-child a {
		margin-right:0px;
		margin-left:0px;	
	}
	
	.pagination a.on {
		border-bottom: 4px solid #6CE2C3;
		padding-bottom:6px;
		color:#484c54
	}
	
	.pagination .fa {
		color:#6CE2C3;
		line-height: 28px;
		font-weight: 500;	
		font-size:1.25em;	
	}
	
	.radioContainer {
		border-top:1px solid #9B9B9B;
		border-left:1px solid #9B9B9B;
		border-right:1px solid #9B9B9B;
		line-height: 50px;
	}
	.radioContainer:last-child {
		border-bottom: 1px solid #9B9B9B;
		margin-bottom: 15px;
	}
	.radioContainer >div{
		border-bottom:1px solid #9B9B9B;
	}

	.radioContainer .checkradios-checkbox, .radioContainer .checkradios-radio {
		margin:0px 10px;
		color: #484C54;
		border-color: #484C54;
	}
	/*SPOT PROJECT CHANGE-724 start*/
	.radioContainer .checkradios-checkbox.checked, .radioContainer .checkradios-radio.checked{
        color: #00BEA5;
        border-color: #00BEA5;
    }
    .radioContainer .checkradios-checkbox.unchecked, .radioContainer .checkradios-radio.unchecked {
        color: #484C54;
        border-color: #484C54;
    }
    label[for^='dimensionType'],label[for^='weightType']{
        text-transform: none;    
    }
    /*SPOT PROJECT CHANGE-724 end*/ 
	
	.dialogo .filter .btn.btn-secondary {
		height: 30px !important;
		width: 60px !important;
		font-size: 12px!important;;
		 line-height: 28px!important;
		 margin-top: 0;
   		 padding-top: 0;
   		 float:left;
	}
	
	
	
	.searchawbwrapper {
		position:relative;
		margin-bottom: 10px;
  	}
	
	.searchawbwrapper > div {
		position:relative;
		width:65%;
		display:inline-block;
	 }
	
	#loginMenu {
		display:none;		
	}
	
}




@media (min-width: 48em) {

	
	.bulkload.dialogo >div{
		margin:1em!important;
		padding:1em!important;
		background-color: white !important;	
		display:inline-block!important;
		position:fixed;
		top:20%;	
		left:20%;
		width: 50%;	
		height: 350px;
		overflow-y:scroll;
   		overflow-x:hidden;
	}
	
	footer .quickdiv{	
		 text-align: left !important;
		 width: 100%!important;
		 margin-left:auto!important;;
		 margin-right:auto!important;;
		 display:inline-flex;
		 
	}
	
	.nav-pills > li > a {
	    border-radius: 0px!important;
	    padding-left:1em;
	    padding-right: 1em;
	    margin-left:2em;
	    margin-right: 2em;
}
	
	.adjustPadding {
		padding-left: 15px;
		padding-right: 15px;
	}	
	
	.text-danger {		
		font-size:16px;
	}
	
	.errorTitle {	
		font-size:18px;	
	}
	
	
	.pagination span a {	
		font-size:18px;
	}
	
	
	.pagination span:first-child a{
		margin-left:0px;
		margin-right:20px;
	}
	.pagination span:last-child a {
		margin-right:0px;
		margin-left:20px;
	}	
}

@media (min-width: 51em) {
	
	#loginMenu {
		display:inline-block;
	
	}
	
}



@media (min-width: 62em) {
	
	.magic_btncontainer {
		width:100%;  
  	}
  	
  	.searchawbwrapper  > div {
  		width:100%;
  	}
  	
	
}