html {
    scroll-behavior: smooth;
}

:root {
    --light-blue: #2C99D1;
}

input {
    outline: none;
}

.links
{
color:teal;
font-size:12px;
font-weight: none;c
font-family:arial;
text-decoration:none;
}
.wlinks
{
color:white;
font-size:12px;
font-weight: none;
font-family:arial;
text-decoration:none;
}
.regtext
{
color:#2C9AD1;
/*font-size:12px;
font-weight:bold;*/
font-size:11px;
font-family:arial;
text-decoration:none;
text-align:left;
}

.blockhead
{
background-color:#2C9AD1;
color:white;
font-family:arial;
font-weight:bold;
font-size:12px;
height:22;
}

.button
{
color:black;
font-family:arial;
font-weight:normal;
font-size:12px;
border: 1px solid gray;
background: #C8E0FE;
height:20;
}


a.regtext:hover
{
color:gray;
font-size:11px;
font-weight:bold;
font-family:arial;
text-decoration:underline;
}


.text
{
color:#2C9AD1;
font-size:12px;
font-weight:normal;
font-family:arial;
text-decoration:none;
}

a.text:hover
{
    
}

.maintable
{
border-style:solid !important;
border-width:1px !important;
border-color:#EFEFEF !important;
background-color:white !important; 
width:800;
}

.no-padding {
    padding: 0;
}

.middletable
{
border-style:solid;
border-width:1px;
border-color:#EFEFEF;
background-color:white;
width:800;
height:600;
}

.logintable
{
    border-style:solid;
    border-width:1px;
    border-color:#EFEFEF;
    
    background-color: #F8F8F8;
}

.login-nav {
    background: white;
    border-collapse: separate;
    border-spacing: 0 1px;
}

.login-nav a {
    padding: 0;
}

.login-nav a:hover {
    text-decoration: none;
}

.login-nav i {
    width: 18px;
    
    color: black;
}

.login-nav .fa-clipboard,
.login-nav .fa-calendar-alt {
    margin-right: -2.2px;
    margin-left: 2.2px;
}

.login-nav .fa-sign-out-alt {
    margin: 0 -1.8px 0 1.8px;
}

.login-nav .fa-star {
    animation: star-animation 12s infinite;
}

@keyframes star-animation {
    0%      { color: black; }
    70%     { color: black;}
    80%     { color: #f8ce0b; }
    100%    { color: black; }
}

.login-nav td {
    padding: 0;
}

.login-nav-element {
    padding: 4px 7px;
    
    background-color: #ededed;
    color: #2C9AD1;
}

.login-nav-element:hover {
    background-color: #e3e3e3;
}

.link--no-allow-mouse {
    pointer-events: none;
}

.link--no-allow-mouse * {
    color: #cfcfcf !important;
}

.wlinks
{
color:white;
font-size:12px;
font-weight: none;
font-family:arial;
text-decoration:none;
}
a.links:hover
{
color:gray;
font-size:12px;
font-weight: none;
font-family:arial;
text-decoration:none;
}
#titlte_company {
        color:#FF0000;
		font-family:Arial, Helvetica, sans-serif;
		size:09;
		font-weight:bold;
		}
#letter_menu {
        color:#2C99D1;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		
		font-weight:bold;
		}
#letter_tittle {
        color:#2C99D1;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		}
#messag_tittle {
        color:#FF0000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		padding-left:40px;
		}
#message_general {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 text-align:center;
}
#link_menu
   {
   border:none !important;
   }
#table_tittle
  {
   font-family:"Times New Roman", Times, serif;
   font-size:12px;
   text-align:left;
   font-weight:bold;
   color:#2C99D1;
  }
#table_data
  {
   font-family:"Times New Roman", Times, serif;
   font-size:14px;
   color:#000000;
  }
 
#table_data td:nth-child(3) {
    padding: 0;
}

.h3  {
    color:#2C99D1;
	font-size:14px;
    font-weight:bold;
   }


.td1{
	background:url(../images/1/top1.jpg) repeat-x;
}

.td2{
	background:url(../images/1/bottom1.jpg) repeat-x;
}

.td3{
	background:url(../images/1/izq1.jpg) 100% 0% repeat-y;
}

.td4{
	background:url(../images/1/der1.jpg) 0px 0px repeat-y;
}

.td5{
	background-color:#FFFF;
}




.td1b{
	background:url(../images/2/top2.jpg) repeat-x;
}

.td2b{
	background:url(../images/2/bottom2.jpg) repeat-x;
}

.td3b{
	background:url(../images/2/izq2.jpg) 100% 0% repeat-y;
}

.td4b{
	background:url(../images/2/der2.jpg) 0px 0px repeat-y;
}

.td5b{
	background-color: #FFFFFF;
}




.td1c{
	background:url(../images/3/top2.jpg) repeat-x;
}

.td2c{
	background:url(../images/3/bottom2.jpg) repeat-x;
}

.td3c{
	background:url(../images/3/izq2.jpg) 100% 0% repeat-y;
}

.td4c{
	background:url(../images/3/der2.jpg) 0px 0px repeat-y;
}

.td5c{
	background-color: #F0EFDD;
}

#message {
 font-family:Arial, Helvetica, sans-serif;
 color:#FF0000;
 font-weight:bold;
 }
 
 
 /*                                         Hoja de estilo de la ventana                     */
 .overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay___invisible__ {
  background-color: #666666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(../images/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
	background: transparent url(../images/top_mid.gif) repeat-x 0 0;	
	height: 23px;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(../images/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	background: transparent url(../images/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	background: transparent url(../images/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(../images/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
	background: transparent url(../images/bottom_mid.gif) repeat-x 0 0;		
	height: 19px;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(../images/bottom_right.gif) no-repeat 0 0;			
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(../images/sizer.gif) no-repeat 0 0;	
	cursor:se-resize;	
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(../images/close.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(../images/minimize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(../images/maximize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background-color:#123;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}

.wired_frame {
	display: block;
  position: absolute;
  border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
}

.dialog table.table_window  { 
  border-collapse: collapse; 
  border-spacing: 0; 
  width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
  padding: 0; 
}

.dialog .title_window {
  -moz-user-select:none;
}
/*****************************************Produts Catalogue*********************************************/
<style>
#table_catalogo table {
	width: 100%;
	margin:0; 
 	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color: #1c5d79;
}

#table_catalogo table, tr, th, td {
	border-collapse: collapse;
}

caption {
margin:0; 
padding:0;
background: #f3f3f3;
height: 40px;
line-height: 20px;
text-indent: 18px;
font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;	
font-size: 16px;
font-weight: bold;
color: #FF6600;
text-align: left;
letter-spacing: 2px;
border-top: dashed 1px #c2c2c2;
border-bottom: dashed 1px #c2c2c2;
}

#caption2 {
margin:0; 
padding:0;
background: #F99710;
height: 20px;
line-height: 20px;
text-indent: 18px;
font-family:Arial, Helvetica, sans-serif;	
font-size: 12px;
font-weight: bold;
color: #FFF;
text-align: left;
border-top: dashed 1px #000;
border-bottom: dashed 1px #000;
}

/* HEAD */
#table_catalogo  thead {
	background-color: #FFFFFF !important;
	border: none !important;
}
#table_catalogo  thead tr th {
	height: 20px !important;
	line-height: 20px !important;
	text-align: left !important;
	color: #1c5d79 !important;
	border-left:solid 1px #FFF !important;
	border-right:solid 1px #FFF !important;	
	border-collapse: collapse !important;
	}
#table_catalogo tbody tr
 {
  background: #dfedf3;
  font-size: 13px;;
 }

#table_catalogo tbody tr.odd {
	background: #F0FFFF;
}

#table_catalogo tbody tr:hover, #table_catalogo tbody tr.odd:hover {
	/*background: #ffffff;*/
}

#table_catalogo tbody tr th, #table_catalogo tbody tr td {

	padding: 6px;

	border: solid 1px #326e87;

}

#table_catalogo tbody tr th {

	background: #f3f3f3 !important;

	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif !important;;	

	font-size: 12px !important;

	padding: 6px !important;

	text-align: center !important;

	font-weight: bold !important;

	color: #FFFFFF !important;

	border-bottom: solid 1px white !important;

}

#table_catalogo tbody tr th:hover {

	/*background: #ffffff !important;*/
	}

/* LINKS */



#table_catalogo  a {

	color: #FF6600 !important;

	text-decoration: none !important;

	font-size: 13px !important;

	border-bottom: solid 1px white !important;

}

#table_catalogo  a:hover {
	color: #FF9900 !important;
	border-bottom: none !important;
}

#special {
 color: #FF6600 !important;

	text-decoration: none !important;

	font-size: 13px !important;

	border-bottom: solid 1px white !important;
}

/* FOOTER */



#table_catalogo tfoot {

	background: #f3f3f3 !important;

	height: 24px !important;

	line-height: 24px !important;

	font-family:Arial, Helvetica, sans-serif !important;	

	font-size: 12px !important;

	font-weight: bold !important;

	color: #555d6d !important;

	text-align: center !important;

	letter-spacing: 3px !important;

	border-top: solid 2px #326e87 !important;

	border-bottom: dashed 1px #c2c2c2 !important;

}

#table_catalogo tfoot tr th, #table_catalogo tfoot tr td {

	/*padding: .1em .6em;*/

	

}

#table_catalogo tfoot tr th {

	border-top: solid 1px #326e87 !important;

}

#table_catalogo tfoot tr td {

	text-align: right !important;


}

#pending-requests {
	margin-right: 8px;

	width: unset;

	text-align: end;
}

#pending-requests > div {
	display: inline-block;
}

#pending-requests a {
	padding: 3px 6px;
	margin-left: 8px;

	background-color:#00b500;
	color: white;
    border-radius: 2px;
    text-decoration: none;
}

#pending-requests a:hover {
	background-color: green;
}

#pending-requests .requests_number {
	animation: parpadeo 2s;
	animation-iteration-count: infinite;
}

@keyframes parpadeo {
	0%, 10%, 20%, 30%, 45% { opacity: 1; }
	50% { opacity: 0; }
	55%, 70%, 80%, 90%, 100% { opacity: 1; }
}

#table_title {
    width: 30%;
}

#table_title_2 #td-no-padding {
    padding: 0;
    
    text-align: center;
}

#table_title_2 td:nth-child(2) {
    width: 50%;
}

.exporter-row #table_title,
.exporter-row .text {
    color: red;
    font-weight: 700;
    font-size: 14px;
    
    border: 0 solid transparent;
}

.exporter-row .exporter-row--flex {
    display: flex;
    align-items: center;
}

.exporter-row .text {
    margin-left: 7px;
}

#a-tag-no-padding {
    padding: 0;
}

.star-outer {
    position: relative;
}

.star-row {
    display: flex;
    
    color: rgb(204, 204, 204);
}

.star-row--absolute {
    position: absolute;
    top: 0;
    left: 0;
    
    overflow: hidden;
}

.star-row--absolute .fa-star {
    color: rgb(248, 206, 11);
}

#general-provider-data-request {
    display: flex;
    align-items: center;
}

#general-provider-data-request > #a-tag-no-padding {
    padding-left: 20px;
}

#general-provider-data-request > #a-tag-no-padding i {
    font-size: 17px;
}

.link-stars {
    display: flex;
}

.link-stars > p {
    padding-left: 5px;
}

.link-no-decoration { 
    text-decoration: none !important;
}

#table-full-width {
    width: 100%;
}

#buyer-contact-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#buyer-contact-name .link-no-decoration {
    margin-right: .3rem;
    
    display: inline-block;
    
    font-size: 20px;
}

#buyer-contact-name > div {
    margin-right: .1rem;
     
    display: flex;
    align-items: center;
}

#wraper {
    width: 100%;
    min-height: 100vh;
    
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}


#img-height-unset {
    height: unset;
}

.table-full-width {
    width: 100%;
}

.fa-eye {
    margin-left: 5px;
}

.fa-eye:hover {
    cursor: pointer;
}

.request-option {
    margin: 6px 0 10px 0;
}

.request-option > a {
    padding: 5px 6px;
    margin: 3px;
    
    border: .1px solid blue;
    border-radius: 2px;
    
    font-size: 12px;
    text-decoration: none;
}

.request-option > a:hover {
    background-color: #e7e7f7;
}

.request-option--selected {
    background-color: #e7e7f7;
}

#provider-certifications input,
#provider-certifications .label-files {
    padding: 2px 3px;
    
    border: 1px solid #8d8d8d;
    border-radius: 2px;
}

#provider-certifications input:focus {
    outline: none;
}

.file-names .file__name {
    color: #599717;
}

.file-names--hide {
    display: none;
}

.certification-files--hidden {
    display: none;
}

#provider-certifications .row-form {
    margin-bottom: 5px;
    
    display: flex;
    flex-direction: column;
}

#provider-certifications label {
    margin: 0;
}

#provider-certifications .datepicker {
    width: 70px;
}

#provider-certifications .datepicker:hover {
    cursor: pointer;
}

#provider-certifications .row-form--flex-row {
    flex-direction: row;
}

#provider-certifications .row-form--flex-row .row-form {
    margin-bottom: 0;
}

#provider-certifications .row-form--margin-right {
    margin-right: 15px;
}

#provider-certifications .label-files:hover {
    cursor: pointer;
    background-color: #e7e7e7;
}

#provider-certifications .label-files {
    margin-right: 5px;
}

#provider-certifications .row-form--margin-top {
    margin-top: 10px;
}

#provider-certifications input[type="submit"],
#provider-certifications .cancel-certification-change {
    padding: 3px 5px;
    margin: 0px 2px;
    
    color: #599717;
    border-color: #599717;
    background-color: white;
    font-size: 15px;
}

#provider-certifications input[type="submit"]:hover,
#provider-certifications .cancel-certification-change:hover {
    cursor: pointer;
}

#provider-certifications .row-form .center {
    margin-top: 10px;
    
    display: flex;
    justify-content: center;
}

#provider-certifications .row-form--justify-center {
    justify-content: center
}

#provider-certifications .error-message,
.error-message {
    padding: 15px;
    margin: 5px 5px 20px 5px;
    
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    border: 1px solid transparent;
    border-radius: 4px;
}

#provider-certifications ul {
    padding-left: 10px;
}

#provider-certifications ul,
#provider-certifications li {
    margin: 0;
}

#provider-certifications .certificates {
    margin: 20px 0 2px 0;
}

#provider-certifications .certificates .row-table {
    display: flex;
}

#provider-certifications .certificates .data-cell__name {
    width: 218px;
    
    overflow: hidden;
    text-overflow: ellipsis;
}

#provider-certifications .certificates .data-cell__files {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#provider-certifications .certificates .data-cell__files--hidden {
    display: none;
}

#provider-certifications .certificates .data-cell--width-percentage {
    width: 16%;
    
    text-align: center;
}

#provider-certifications .certificates .data-cell {
    padding: 7px;
    border: .5px solid #ddd;
}

#provider-certifications i:hover {
    cursor: pointer;
}

#provider-certifications .certificates .data-cell--clear-gray {
    color: #505050;
}

#provider-certifications .add-certification--hidden {
    display: none !important;
}

#provider-certifications .save-certification-change--hidden,
#provider-certifications .cancel-certification-change--hidden{
    display: none !important;
}

#provider-certifications .cancel-certification-change {
    color: red !important;
    border-color: red !important;
}

#provider-certifications .btn-delete-certification {
    outline: none;
    background-color: transparent;
    border: none;
}

.chat-link {
    margin: 10px 20px 0 0;
}

.chat-link--center {
    margin: 0 50px 10px;
}

.chat-link img {
    width: 45px;
    
    transition: all 300ms ease;
}

.chat-link img:hover {
    transition: all 100ms ease;
    
    transform: scale(1.1);
}

#marked-text-container th {
    padding: 6px 13px;
    
    border: 1px solid #ddd;
    text-align: center;
}


#marked-text-container td {
    padding: 6px 13px;
    
    border: 1px solid #ddd;
    text-align: center;
}

#form-publication {
    margin: 5px;
}

#form-publication input,
#form-publication textarea,
#form-publication select {
    padding: 2.5px 5px;
    
    outline: 0;
    border: 1px solid #a5a5a5;
    border-radius: 2px;
}

#form-publication label {
    font-weight: 500;
}

#form-publication .form-row {
    margin: 0;
    margin-bottom: 2.5px;
    
    display: flex;
    flex-direction: column;
}

#form-publication .form-row input:not([type="file"]),
#form-publication .form-row textarea,
#form-publication .form-row label,
#form-publication .form-row select,
#form-publication .form-row option {
    font-size: 13px !important;
}

#form-publication .form-row--flex-row {
    flex-direction: row;
}

#form-publication .form-row--flex-row .left,
#form-publication .form-row--flex-row .right {
    display: flex;
    flex-direction: column;
}

#form-publication .form-row--flex-row .right .time-container {
    
}

#form-publication .form-row--margin-top-10px {
    margin-top: 10px;
}

#form-publication .form-row--flex-row .left {
    margin-right: 20px;
}

#form-publication .form-row__text .left {
    width: 60%;
}

#form-publication .form-row__text .right {
    width: 36%;
}

#form-publication label {
    margin: 0;
}

#form-publication #authors {
    min-height: 80px;
}

#form-publication .picker__input:hover {
    cursor: pointer;
}

#form-publication .ql-toolbar {
    margin-top: 20px;
}

#editor .ql-editor {
    min-height: 300px;
}

#in-development {
    height: 200px;
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    font-weight: 500;
    text-align: center;
}

#in-development .content {
    position: relative;
}

#in-development i {
    position: absolute;
    left: 40px;
    top: -40px;
    
    color: #80808026;
    font-size: 100px;
    
    animation: wrench 7s linear infinite;
}

@keyframes wrench {
    0% {
        transform: rotate(-5deg);
    }
    
    50% {
        transform: rotate(5deg);
    }
    
    100% {
        transform: rotate(-5deg);
    }
}

#in-development .text {
    font-size: 25px;
    color: black;
}

#form-publication [type="checkbox"]:not(:checked),
#form-publication [type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
}
#form-publication [type="checkbox"]:not(:checked) + label,
#form-publication [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 2.3em;
    font-size: 1.05em;
    line-height: 1.7;
    cursor: pointer;
}

/* checkbox aspect */
#form-publication [type="checkbox"]:not(:checked) + label:before,
#form-publication [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #aaa;
    background: #FFF;
    border-radius: .2em;
    transition: all .1s;
}

/* checked mark aspect */
#form-publication [type="checkbox"]:not(:checked) + label:after,
#form-publication [type="checkbox"]:checked + label:after {
    content: '✕';
    position: absolute;
    top: .53em;
    left: .15em;
    font-size: 1.375em;
    color: green;
    line-height: 0;
    transition: all .1s;
}

/* checked mark aspect changes */
#form-publication [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1) rotate(0);
}

/* Disabled checkbox */
#form-publication [type="checkbox"]:disabled:not(:checked) + label:before,
#form-publication [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #e9e9e9;
}

#form-publication [type="checkbox"]:disabled:checked + label:after {
    color: #777;
}

#form-publication [type="checkbox"]:disabled + label {
    color: #aaa;
}


#form-publication .images-btn,
#form-publication .submit-publication {
    padding: 5px 10px;
    
    color: white;
    background-color: #5cb85c;
    border: 1px solid #4cae4c;
    border-radius: 2px;
    
    transition: background-color 400ms;
}

#form-publication .images-btn:hover,
#form-publication .submit-publication:hover {
    background-color: #449d44;
    border-color: #398439;
    cursor: pointer;
    
    transition: background-color 100ms;
}

#form-publication .submit-btn-container {
    margin-top: 20px;
    
    text-align:center;
}

#form-publication .images-container {
    margin-top: 10px;
    
    display :none;
}

#form-publication .images-container .images {
    display: flex;
}

#form-publication .images-container .image {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#form-publication .images-container .image .default-btn {
    padding: 5px 7px;
    
    background-color: #ddd;
    color: black;
    border: 1px solid #ddd;
    border-radius: 2px;
}

#form-publication .images-container .image .default-btn--active {
    padding: 5px 7px;
    
    color: white;
    background-color: #5cb85c;
    border: 1px solid #4cae4c;
    border-radius: 2px;
}

#form-publication .images-container .image .default-btn:hover {
    cursor: pointer;
}

#form-publication .images-container .image img {
    margin-right: 20px;
}

#form-publication .error-container {
    display: none;
}

#form-publication .error-container--show {
    display: flex;
    flex-direction: column;
}

#form-publication .images-container .image input[type="radio"] {
    width: 15px;
    height: 15px;
}

#form-publication .publication-img {
    margin-bottom: 5px;
    
    
    max-width: 180px;
}

#form-publication .images-container--show {
    display: flex;
    flex-direction: column;
}

#form-publication .images__text {
    margin-bottom: 3px;
    
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

#form-error {
    padding: 15px;
    margin-bottom: 20px;
    
    border: 1px solid transparent;
    border-radius: 4px;
    border-color: #ebccd1;
    
    background-color: #f2dede;
    color: #a94442;
}

#form-error ul {
    margin: 0;
    padding-left: 20px;
}

#form-publication .new-publication {
    text-align: center;
    font-size: 25px;
    color: #2C99D1;
}

.info-dolar .dolar-data {
    margin-top: -10px;
    margin-left: 2px;
    
    display: flex;
    align-items: center;
    
    font-weight: 500;
}

.info-dolar .dolar-data .buy-price,
.info-dolar .dolar-data .sell-price {
    display: flex;
}

.info-dolar .dolar-data .buy-text,
.info-dolar .dolar-data .sell-text {
    margin: 0 5px 0 10px;
}

.info-dolar .dolar-data .sell-text {
    margin: 0 5px 0 8px;
}

.content a {
    text-decoration: none;
}

.content .title {
    font-size: 25px;
    color: var(--light-blue);
    text-align: center;
}

.content .subtitle {
    margin-bottom: 5px;
    
    font-size: 17px;
    text-align: center;
    color: var(--light-blue);
    font-weight: 500;
}

.content .send-btn-container {
    display: flex;
    justify-content: center;
}

.content .send-btn {
    padding: 5px 10px;
    
    color: white;
    background-color: #5cb85c;
    border: 1 px solid #4cae4c;
    border-radius: 3px;
    
    cursor: pointer;
    transition: background-color 100ms;
}

.content .send-btn:hover {
    background-color: #449d44;
    border-color: #398439;
}

.content .horizontal-separator {
    margin: 10px 0;
    
    border-top: 1px solid #ddd;
}

.content table {
    margin-bottom: 40px;

    width: 100%;
}

.content table .actions {
    display: flex;
    justify-content: center;
}

.content table .action-icon {
    margin: 0 3px;
    
    position: relative;
     
    color: black;
    
    transition: color 100ms ease-out;
}

.content table .action-input {
    position: absolute;
    
    border: 0;
    background-color: transparent;
}

.content table .action-input:hover {
    cursor: pointer;
}

.content table .action-icon:hover {
    color: var(--light-blue);
}

.content table thead {
    background-color: #2980b9;
}

.content table th {
    color: white;
    white-space: nowrap;
}

.content table th,
.content table tbody * {
    font-size: 14px;
}

.content table th,
.content table td {
    padding: 5px;
}

.content table tbody tr:nth-of-type(even) {
    background: #e9e9e9;
}

.content table tbody tr:last-child {
    border-bottom: 1px solid #eee;
}

.content table .title-body {
    width: 187px;
    max-width: 187px;
    
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content table .center {
    text-align: center;
}

.pagination-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pagination {
    margin: 0 !important;
    
    display: flex;
}

.pagination-container {
    margin: 20px;
}

.pagination a {
    padding: 5px 11px;
    margin-left: -1px;
    
    display: flex;
    
    border: 1px solid #ddd;
    background-color: white;
    color: #337ab7;
    text-decoration: none;
    
    transition: 90ms ease-out;
}

.pagination > li:first-child > a {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination .active:hover {
    background-color: #337ab7 !important;
}

.pagination a:not(.active):not(.disabled):hover {
    background-color: #2C9AD1;
    border-color: #2C9AD1;
    color: white;
}

.pagination .active {
    background-color: #337ab7;
    border-color: #337ab7 !important;
    color: white !important;
}

.pagination .disabled:hover {
    cursor: not-allowed;
    background-color: unset !important;
}

.pagination-container .total-pages {
    margin-top: 10px;
}

.pagination--small a {
    font-size: 14px;
}

.warning {
    padding: 5px 10px;
    
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    background: #ffebeb; 
    border: 1px solid #fcb4b4;
    
    border-radius: 3px;
}

.warning--hide {
    display: none;
}

.warning--margin-10px {
    margin: 10px;
}

.warning .fa-times {
    color: #e94a3e;
}

.warning .fa-times:hover {
    cursor: pointer;
}

#add-exporter-attribute {
    display: flex;
    justify-content: center;
}

#add-exporter-attribute input {
    margin-top: 15px;
    padding: 5px 10px;
    
    color: white;
    background-color: #5cb85c;
    border: 1px solid #4cae4c;
    border-radius: 2px;
    transition: background-color 400ms;
}

#add-exporter-attribute input:hover {
    background-color: #449d44;
    border-color: #398439;
    cursor: pointer;
    transition: background-color 100ms;
}

#add-exporter-attribute form {
    text-align: center;
}