*{
	font-family: arial;
}

h1{
	/*border-bottom: 1px solid #99C21C;*/
	font-size: 30pt;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

h1, h2, h3, h4{
    color: #003b7a;
}

p{
	text-align: justify;
}

button,
.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn.active.focus,
div{
   outline: none;
}

.bankLogo{
	width: 80px;
}

.hr{
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid gray;
}

.ellipsis{
    width: 100%;
}
.ellipsis > div{
	width: 100%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.width-90{
	width: 90%;
}

.width-full{
	width: 100%;
}
.width-1{
	width: 1px;
}

.display-inline-block{
	display: inline-block;
}

.input-width-xs{
	width: 60px;
	text-align: center;
}

.input-width-sm{
	width: 110px;
}

.input-width-md{
	width: 160px;
}

.input-width-lg{
	width: 380px;
}

.selector_decimal{
	width: 70px;
}

.flag-cr-xs,
.flag-cr-sm,
.flag-cr-md,
.flag-cr-lg{
	background-image: url('/img/flag_cr.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 50px;
}
.flag-cr-xs{ height: 40px; width: 40px;}
.flag-cr-sm{ height: 80px; width: 80px;}
.flag-cr-md{ height: 120px; width: 120px;}
.flag-cr-lg{ height: 160px; width: 160px;}

.flag_icon{
	display: inline-block;
	height: 12px; 
	width: 30px; 
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: contain;
}

.text-important{
	color:#FF6600;
	font-weight: bold;
}

.fancyNumber{
	position: relative;
	text-align: left;
	display: inline-block;
	padding: 2px 25px 2px 2px;
}

.fancyNumber .decimals{
	text-align: left;
	display: inline-block;
	font-size: 90%;
	text-decoration: underline;
	position: absolute;
	top: -2px;
}

.banner{
	margin-bottom: 20px;
}

.banner img{
	width: 100%;
}

.service-thumbail{
	display: inline-block;
	width: 200px;
	height: 80px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.cursor-pointer{
	cursor: pointer;
}

.diagonal-hr{
	background-image: url(/img/diag-hr.png);
	background-repeat: repeat-x;
	background-position: center;
	min-height: 20px;
}

.secret{
	display: none;
}

.tryingLogin{
	display: none;
	width: 100%;
}

.successLogin,
.badLogin{
	display: none;
	padding-left: 10px;
	font-size: 14pt;
}


.position-relative{
	position: relative;
}

.cornerButton{
	position: absolute;
	top: 4px;
	right: 4px;
}

.wideBody{
	width: 100%;
	padding: 0;
}

.wideBody .myMainContent{
	width: 100%;
	padding: 0 5px;
}

.item-border-warning{
	border-left: 10px solid orange;
}

.item-border-success{
	border-left: 10px solid green;
}

.item-border-danger{
	border-left: 10px solid red;
}

.item-border-invoice{
	border-right: 10px solid cornflowerblue;
}
.item-border-invoice .title,
.item-border-invoice .title h3{
	background-color: cornflowerblue;
	color: white;
}

.item-border-invoice-exp{
	border-right: 10px solid #9F81F7;
}
.item-border-invoice-exp .title,
.item-border-invoice-exp .title h3{
	background-color: #9F81F7;
	color: white;
}

.item-border-invoice-compra{
	border-right: 10px solid #86B404;
}
.item-border-invoice-compra .title,
.item-border-invoice-compra .title h3{
	background-color: #86B404;
	color: white;
}

.item-border-credit-note{
	border-right: 10px solid #6CC4F3;
}
.item-border-credit-note .title,
.item-border-credit-note .title h3{
	background-color: #6CC4F3;
	color: white;
}

.item-border-debit-note{
	border-right: 10px solid #BCA9F5;
}
.item-border-debit-note .title,
.item-border-debit-note .title h3{
	background-color: #BCA9F5;
	color: white;
}

.item-border-invoice .title,
.item-border-invoice-exp .title,
.item-border-credit-note .title,
.item-border-debit-note .title,
.item-border-invoice-compra .title{
	margin-top: -10px;
    margin-left: -15px;
    margin-right: -15px;
	padding: 10px;
}

.panel .panel-heading{
	position: relative;
}
.panel .panel-heading .panel-heading-button{
	position: absolute;
	top: 5px;
	right: 5px;
}

.backcolor-enabled{
	background-color: #D8F6CE;
}

.backcolor-disabled{
	background-color: #F8E0E0;
}

.forDisabledItems{
	position: relative;
}

.forDisabledItems .blocker{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2E2E2E;
	opacity: 0.2;
}

.panel .panel-heading .panel-title{
	min-height: 17px;
}


.nav-tabs > li > a, 
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus{
	background-color: #585858;
    color: white;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus{
	background-color: white;
}


.pagination .goToPage{
	cursor: pointer;
}

.emoticonsWrap .emoticon{
	display: inline-block;
	font-size: 14pt;
	cursor: pointer;
}

.emoticonsWrap .emoticon:hover{
	background-color: lightgray;
}

.emoticonsWrap .categoryDesc{
	margin-top: 10px;
	padding: 4px;
	background-color: grey;
	color: white;
}

.emoticonsWrap .categoryInfo{
	padding-left: 20px;
}

.emoticonsWrap .subCategoryDesc{
	margin-top: 10px;
	padding: 4px;
	background-color: lightcyan;
	color: cadetblue;
}

.emoticonsWrap .emoticonCheckboxWrap{
	display: inline-block;
	width: 100px;
}

.inputError{
	border-color: red;
	box-shadow: 0px 0px 5px red;
}

.logoBrowser{
	height: 50px;
	width: 50px;
}

.languajeSelector{
	display: inline-block;
	width: 24px;
	height: 12px;
	background-size: contain;
	background-repeat: no-repeat;
}

.unselectable {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ and Edge */
  user-select: none; /* Standard syntax */
}



.fancyTitle{
	font-size: 20pt;
}

@media (max-width: 992px) {
	.fancyTitle .big{
		font-size: 26pt;
	}
}


.carousel-control {
	width: 30px;
}

body{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #003c77;
    /*letter-spacing: 1px;*/
    /*line-height: 14pt;*/
}

p{
    margin-bottom: 10px;
}


.roundButtom{
	background-color: #267AE9;
	height: 80px;
	width: 80px;
	border-radius: 40px;
	color: white;
    padding-top: 27px;
    padding-left: 30px;
    font-size: 16pt;
	text-align: left;
    display: inline-block;
}
.roundButtom:hover{
	background-color:#418CEF; 
}

.roundButtom.green{
	background-color: #9DC010;
}
.roundButtom.green:hover{
	background-color: #ADD11D;
}

.roundButtom.orange{
	background-color: #E88200;
}
.roundButtom.orange:hover{
	background-color: #EF9825;
}

.wrapText{
	word-wrap: break-word;
}

.paragraph{
	text-align: justify;
	font-size: 16px;
    line-height: 27px;
	font-weight: 400;
}


.panelFloatingButtons{
	position: absolute;
    top: 7px;
    right: 4px;
    display: inline-block;
}

.glyphicon_label_ballon{
	position: absolute;
	background-color: yellow;
	border: 1px solid gray;
	top: -33px;
	left: -14px;
	border-radius: 4px;
	white-space: nowrap;
	padding: 4px;
	display: none;
    font-weight: bold;
	z-index: 100;
}
.glyphicon_label_ballon .arrow{
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid yellow;
    top: 20px;
    left: 10px;
}


.glyphicon_label_ballon .arrow_border{
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid gray;
    top: 21px;
    left: 10px;
}

.glyphicon:hover .glyphicon_label_ballon{
	display: inline-block;
}

@media (min-width: 768px){
	.modal-xxl {
		width: 90%;
	}
}

.floating_delete_button_wrap{
	position: absolute;
	top: 4px;
	right: 4px;
}

.my-label{
	font-size: inherit; 
	width: 100%; 
	display: inline-block;
}

.carousel-control.right,
.carousel-control.left{
	background-image: none;
}

iframe{
	background-image: url("/img/loading.gif");
	background-position: top;
	background-repeat: no-repeat;
}


.nav > li > a {
	padding: 4px 6px;
	margin-top: 2px;
}

.modal-header,
.modal-body,
.modal-footer {
    padding: 5px 15px;
}

.text-and-button{
	display: table;
	width: 100%;
}

.text-and-button > div:first-child{
	display: table-cell;
    vertical-align: top;
	text-align: left;
}

.text-and-button > div:nth-child(n + 2){
	display: table-cell;
	width: 1px;
    white-space: nowrap;
    vertical-align: top;
	padding-left: 5px;
}

.windows_logo{
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url('/img/windowsLogo.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.image-for-button{
	width: 20px;
}

.wrapWord{
	white-space: normal;
}

.carousel_footer_image{
	max-width: 70px;
	max-height: 70px;
}