*:not(dialog) {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /* outline: 1px solid red; */
}
:root {
  --black: #000;
  --dark: #303030;
  --primary: #00273B;
  --secondary: #005580;
  --success: #2E8B57;
  --info: #1E90FF;
  --danger: #FF4500;
  --warning: #ffebcc;
  --lightgrey: #D3D3D3;
  --whitemate: #E8E8E8;
  --white: #FFF;
}

html {
  background-color: var(--lightgrey);
}
body {
  font-family: Verdana, arial, sans-serif;
  background-color: var(--lightgrey);
  color: var(--dark);
  overflow-y: scroll;
}


a:link, a:visited {
  text-decoration: none;
}
/* ********************************* */
/* Responsive design                 */
.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 0px;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-t-1 {width: 8.33%;}
  .col-t-2 {width: 16.66%;}
  .col-t-3 {width: 25%;}
  .col-t-4 {width: 33.33%;}
  .col-t-5 {width: 41.66%;}
  .col-t-6 {width: 50%;}
  .col-t-7 {width: 58.33%;}
  .col-t-8 {width: 66.66%;}
  .col-t-9 {width: 75%;}
  .col-t-10 {width: 83.33%;}
  .col-t-11 {width: 91.66%;}
  .col-t-12 {width: 100%;}
}
@media only screen and (min-width: 820px) {
  /* For desktop: */
  .col-d-1 {width: 8.33%;}
  .col-d-2 {width: 16.66%;}
  .col-d-3 {width: 25%;}
  .col-d-4 {width: 33.33%;}
  .col-d-5 {width: 41.66%;}
  .col-d-6 {width: 50%;}
  .col-d-7 {width: 58.33%;}
  .col-d-8 {width: 66.66%;}
  .col-d-9 {width: 75%;}
  .col-d-10 {width: 83.33%;}
  .col-d-11 {width: 91.66%;}
  .col-d-12 {width: 100%;}
}


/* ********************************* */
/* Filled buttons                    */
.btn {
  border: none;
  cursor: pointer;
  border-radius: 10px;
}
.btnsrch {
  border: none;
  cursor: pointer;
  border-radius: 0 15px 15px 0;
  margin-left: -1px;
}

.inline-block {
  display: inline-block;
}
.small {
  margin: 4px 0;
  padding: 4px 8px;
  font-size: 12px;
}
.medium {
  margin: 8px 0;
  padding: 8px 16px;
  font-size: 16px;
}
.big {
  margin: 12px 0;
  padding: 12px 20px;
  font-size: 20px;
}

.primary {
  background-color: var(--primary);
  color: white;
}
.secondary {
  background-color: var(--secondary);
  color: white;
}
.success {
  background-color: var(--success);
  color: white;
}
.info {
  background-color: var(--info);
  color: white;
}
.warning {
  background-color: var(--warning);
  color: black;
}
.danger {
  background-color: var(--danger);
  color: white;
}
.primary:hover, .secondary:hover, .success:hover, .info:hover, .warning:hover, .danger:hover {opacity: 0.7;}
/* ********************************* */
/* Outlined buttons                    */
.outbtn {
  /* border: 1px solid var(--white); */
  border-radius: 8px;
  /* background-color: var(--white); */
  cursor: pointer;
}
.outprimary {
  color: var(--primary);
}
.outsecondary {
  color: var(--secondary);
}
.outsuccess {
  color: var(--success);
}
.outinfo {
  color: var(--info);
}
.outdanger {
  color: var(--danger);
}
.outwarning {
  color: var(--warning);
}
.outprimary:hover, .outsecondary:hover, .outsuccess:hover, .outinfo:hover, .outdanger:hover {
  background-color: var(--white);
}
/* ********************************* */
/* Text Buttons                    */
.txtbtn {
  border: none;
  background-color: inherit;
  cursor: pointer;
  display: inline-block;
}
.txtbtn:hover {background: var(--white);}

.txtprimary {color: var(--primary);}
.txtsecondary {color: var(--secondary);}
.txtsuccess {color: var(--success);}
.txtinfo {color: var(--info);}
.txtwarning {color: var(--warning);}
.txtdanger {color: var(--danger);}
.txtblack {color: var(--black);}
.txtmate {color: var(--whitemate);}
.txtlightgrey {color: var(--lightgrey);}


/* Propuestas siguientes */
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.m0 {margin: 0;}
.m1 {margin: 4px;}
.m2 {margin: 8px;}
.m3 {margin: 12px;}
.m4 {margin: 16px;}
.m5 {margin: 20px;}
.m6 {margin: 24px;}
.m7 {margin: 28px;}
.m8 {margin: 32px;}
.m9 {margin: 36px;}
.m10 {margin: 40px;}

.mt0 {margin-top: 0;}
.mt1 {margin-top: 4px;}
.mt2 {margin-top: 8px;}
.mt3 {margin-top: 12px;}
.mt4 {margin-top: 16px;}
.mt5 {margin-top: 20px;}
.mt6 {margin-top: 24px;}
.mt7 {margin-top: 28px;}
.mt8 {margin-top: 32px;}
.mt9 {margin-top: 36px;}
.mt10 {margin-top: 40px;}

.mb0 {margin-bottom: 0;}
.mb1 {margin-bottom: 4px;}
.mb2 {margin-bottom: 8px;}
.mb3 {margin-bottom: 12px;}
.mb4 {margin-bottom: 16px;}
.mb5 {margin-bottom: 20px;}
.mb6 {margin-bottom: 24px;}
.mb7 {margin-bottom: 28px;}
.mb8 {margin-bottom: 32px;}
.mb9 {margin-bottom: 36px;}
.mb10 {margin-bottom: 40px;}

.ml0 {margin-left: 0;}
.ml1 {margin-left: 4px;}
.ml2 {margin-left: 8px;}
.ml3 {margin-left: 12px;}
.ml4 {margin-left: 16px;}
.ml5 {margin-left: 20px;}
.ml6 {margin-left: 24px;}
.ml7 {margin-left: 28px;}
.ml8 {margin-left: 32px;}
.ml9 {margin-left: 36px;}
.ml10 {margin-left: 40px;}

.mr0 {margin-right: 0;}
.mr1 {margin-right: 4px;}
.mr2 {margin-right: 8px;}
.mr3 {margin-right: 12px;}
.mr4 {margin-right: 16px;}
.mr5 {margin-right: 20px;}
.mr6 {margin-right: 24px;}
.mr7 {margin-right: 28px;}
.mr8 {margin-right: 32px;}
.mr9 {margin-right: 36px;}
.mr10 {margin-right: 40px;}

.p0 {padding: 0;}
.p1 {padding: 4px;}
.p2 {padding: 8px;}
.p3 {padding: 12px;}
.p4 {padding: 16px;}
.p5 {padding: 20px;}
.p6 {padding: 24px;}
.p7 {padding: 28px;}
.p8 {padding: 32px;}
.p9 {padding: 36px;}
.p10 {padding: 40px;}

.pt0 {padding-top: 0;}
.pt1 {padding-top: 4px;}
.pt2 {padding-top: 8px;}
.pt3 {padding-top: 12px;}
.pt4 {padding-top: 16px;}
.pt5 {padding-top: 20px;}
.pt6 {padding-top: 24px;}
.pt7 {padding-top: 28px;}
.pt8 {padding-top: 32px;}
.pt9 {padding-top: 36px;}
.pt10 {padding-top: 40px;}

.pb0 {padding-bottom: 0;}
.pb1 {padding-bottom: 4px;}
.pb2 {padding-bottom: 8px;}
.pb3 {padding-bottom: 12px;}
.pb4 {padding-bottom: 16px;}
.pb5 {padding-bottom: 20px;}
.pb6 {padding-bottom: 24px;}
.pb7 {padding-bottom: 28px;}
.pb8 {padding-bottom: 32px;}
.pb9 {padding-bottom: 36px;}
.pb10 {padding-bottom: 40px;}

.pl0 {padding-left: 0;}
.pl1 {padding-left: 4px;}
.pl2 {padding-left: 8px;}
.pl3 {padding-left: 12px;}
.pl4 {padding-left: 16px;}
.pl5 {padding-left: 20px;}
.pl6 {padding-left: 24px;}
.pl7 {padding-left: 28px;}
.pl8 {padding-left: 32px;}
.pl9 {padding-left: 36px;}
.pl10 {padding-left: 40px;}

.pr0 {padding-right: 0;}
.pr1 {padding-right: 4px;}
.pr2 {padding-right: 8px;}
.pr3 {padding-right: 12px;}
.pr4 {padding-right: 16px;}
.pr5 {padding-right: 20px;}
.pr6 {padding-right: 24px;}
.pr7 {padding-right: 28px;}
.pr8 {padding-right: 32px;}
.pr9 {padding-right: 36px;}
.pr10 {padding-right: 40px;}

.bg-primary { background-color: var(--primary); }
.bg-secondary { background-color: var(--secondary); }
.bg-success { background-color: var(--success); }
.bg-info { background-color: var(--info); }
.bg-warning { background-color: var(--warning); }
.bg-danger { background-color: var(--danger); }
.bg-white { background-color: var(--white); }
.bg-mate { background-color: var(--whitemate); }
.bg-lightgrey { background-color: var(--lightgrey); }

.tx-primary { color: var(--primary); }
.tx-secondary { color: var(--secondary); }
.tx-success { color: var(--success); }
.tx-warning { color: var(--warning); }
.tx-danger { color: var(--danger); }
.tx-info { color: var(--info); }
.tx-mate { color: var(--whitemate); }
.tx-white { color: var(--white); }
.tx-lightgrey { color: var(--lightgrey); }
.tx-black { color: var(--black); }

.tx-mini { font-size: 10px; }
.tx-small { font-size: 11px; }
.tx-medium { font-size: 14px; }
.tx-semibig { font-size: 16px; }
.tx-big { font-size: 18px; }
.tx-extrabig { font-size: 22px; }

.italic { font-style: italic; }
.bold { font-weight: bold; }

.overflow-scroll {overflow-y: scroll;}

.body-marginr {
  margin-right: 25px;
}
/*
  .add-rgtmar { margin-right: 15px; }
*/
.list-style-none {
  list-style-type: none;
}
/*
  Links
*/
a.undecorated:link {
  text-decoration: none;
}
a.undecorated:visited {
  text-decoration: none;
}
a.undecorated:hover {
  text-decoration: underline;
}