/* Establishes the css designed for the site */
@font-face {
    font-family: NotoSans;
    src: local("NotoSans"), url(/public/fonts/noto_sans/NotoSans-Regular.ttf);
}
* {box-sizing: border-box}
a {color:white; text-decoration: none}
a.info {color: rgb(53,67,96)} a.info:hover {text-decoration: underline}
a.error {color: rgb(231,29,50)} a.error:hover {text-decoration: underline}
body {color: rgb(53,67,96);font-family: 'NotoSans', Verdana, sans-serif;font-size: 14px; margin:auto}
div.border-frame {border: 1px solid #c7c7c7; border-radius: 15px; margin: auto; padding: 5px}
div.main-frame {border-radius: 15px; margin: auto; width: 1350px}
div.row-2-2:after {
    content: "";
    display: table;
    clear: both;    
}
div.column-2-1 { 
    float: left;
    width: 50%;
    padding: 10px;
    height: auto;
}
div.column-3-1 { 
    float: left;
    width: 33%;
    padding: 10px;
    height: auto;
}
div.column-4-1 {
    float: left;
    width: 25%;
    padding: 10px;
    height: auto;
}
div.column-4-2 {
    float: left;
    width: 50%;
    padding: 10px;
    height: auto;
}
div.cut-text {
    text-overflow: ellipsis;
    overflow: hidden; 
    width: 230px; 
    height: 20px; 
    white-space: nowrap;
}
img.flags{border: 1px solid #c7c6c6;margin-right:5px;width:27px;height:18px;vertical-align:middle}
img.icon-grid{width:30px}
table.info {border-radius: 15px; border: 1px solid #c7c6c6; padding: 15px}
table.event {border-radius: 15px; border: 1px solid #c7c6c6; font-size: 13px; padding: 15px; width: 100%}
table.event-add {
    
}
table.event-add td {
    padding: 10px 0px;
}
td {height: 40px}
ul a{color:white; text-decoration: none}
ul.breadcrumb {background-color: inherit;list-style: none;padding: 10px 0px}
ul.breadcrumb li {color: white;display: inline;font-size: 14px;font-weight: 600;}
ul.breadcrumb li+li:before {padding: 8px;color: white;content: "\003E";}
ul.breadcrumb li a {color: white;text-decoration: none;}
ul.breadcrumb li a:hover {text-decoration: underline;}
ul.error {color: rgb(231,29,50); line-height: 250%}
ul.info {line-height: 250%}

/*Custom classes*/
.bgcolor-red-coca {background-color: rgb(84,5,5)}
.border-radius-5 {border: none; border: 1px solid #959595; border-radius: 5px}
.border-left{border-left: 1px solid #aeaeae;}
.border-right{border-right: 1px solid #aeaeae}
.border-bottom{border-bottom: 1px solid #aeaeae;}
.error{color:rgb(231,29,50);font-weight:bold}
.img-gray {
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(100%); /* FF 35+ */
}
.img-gray:hover {
    -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(0%); /* FF 35+ */
}
.img-text{padding-right: 8px;vertical-align:middle}
.important{color:#540505;font-weight:bold}.information{color:#325c80;font-weight:bold}
.normal {color: #000; font-weight: 600}.notice{color: rgb(0,63,127);font-weight: bold}.padding-left-10{padding-left: 10px}
.price{padding-right: 10px; text-align: right;}
.readonly{background-color:rgb(248,248,248);color:rgb(105,105,105)}
.table-no-space {border: none;border-collapse: collapse;padding: 0;margin: 0}
.table-stats {border-collapse: collapse; border-bottom: 1px solid rgb(174, 174, 174);width: 100%}.table-stats td {border: 1px solid rgb(174, 174, 174);border-left: 0;border-right: 0;padding: 15px 0px;}.table-stats tr:first-child th {border-top: 0;}.table-stats  tr:last-child td {border-bottom: 0;}.table-stats tr td:first-child,.table-stats  tr th:first-child {border-left: 0;border-right: 0;}.table-stats td:last-child {border-left: 0;border-right: 0;}
.textcolor-core{color: rgb(53,67,96)}
.textcolor-black-core{color:#000}.textcolor-blue-core{color:#4178be}.textcolor-blue-10{color:#c0e6ff}.textcolor-blue-20{color:#7cc7ff}.textcolor-blue-30{color:#5aaafa}.textcolor-blue-40 {color:#5596e6}.textcolor-blue-50{color:#4178be}.textcolor-blue-60{color:#325c80}.textcolor-blue-70{color:#264a60}.textcolor-blue-80{color:#1d3649}.textcolor-blue-90{color:#152935}.textcolor-blue-100{color:#010205}
.textcolor-gray-core{color:#777677}.textcolor-gray-10{color:#e0e0e0}.textcolor-gray-20{color:#c7c7c7}.textcolor-gray-30{color:#aeaeae}.textcolor-gray-40{color:#959595}.textcolor-gray-50{color:#777677}.textcolor-gray-60{color:#5a5a5a}
.textcolor-green-core{color:#4b8400}.textcolor-green-10{color:#c8f08f}.textcolor-green-20{color:#b4e051}.textcolor-green-30{color:#8cd211}.textcolor-green-40{color:#5aa700}.textcolor-green-50{color:#4b8400}.textcolor-green-60{color:#2d660a}.textcolor-green-70{color:#144d14}.textcolor-green-80{color:#0a3c02}.textcolor-green-90{color:#0c2808}.textcolor-red-core{color:#e71d32}.textcolor-red-coca{color:#540505}.textcolor-red-10{color:#ffd2dd}.textcolor-red-20{color:#ffa5b4}.textcolor-red-30{color:#ff7d87}.textcolor-red-40{color:#ff5050}.textcolor-red-50{color:#e71d32}.textcolor-red-60{color:#ad1625}.textcolor-red-70{color:#8c101c}.textcolor-red-80{color:#6e0a1e}.textcolor-red-90{color:#4c0a17}.textcolor-white-core {color:#fff}.textcolor-yellow-10{color:#fde876}.textcolor-yellow-20{color:#fdd600}.textcolor-yellow-30{color:#efc100}.textcolor-yellow-40{color:#be9b00}.textcolor-yellow-50{color:#8c7300}.textcolor-yellow-60{color:#735f00}.textcolor-yellow-70{color:#574a00}.textcolor-yellow-80{color:#3c3200}.textcolor-yellow-90{color:#281e00}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
  visibility: hidden;
  min-width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.warning {color:rgb(191,0,0); font-weight: 600}
.width-10{width: 10%}.width-20{width:20%}.width-25{width:25%}.width-40{width:40%}.width-45{width:45%}.width-50{width:50%}.width-60{width:60%}.width-70{width:70%}.width-75{width:75%}.width-90{width:90%}.width-100{width:100%}.width-max{width: 1350px}