:root {
    --primary : #424664;
    --secondary : #8AA4BB;
    --yellow : #EFCC38;    
    --offcanvas-width: 270px;
    --topNavbarHeight: 56px;
  }

/* Modify the background color */
.navbar-custom {
    background-color: var(--primary);
}

.card-header {
    background-color: var(--secondary);
    color: white;
    font-weight: bold;
}
.footer {   
    background: var(--primary);
    color: white;
    text-align:center;
}
.msgalert {
  color:red;
  font-size: 14px;
  font-family: "Lucida Console", "Courier New", monospace;
}

body { 
   overflow-x: hidden;
}

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");
body,
button {
  font-family: "Inter", sans-serif;
}

.cacher {
    display : none;
}

/* Extra small */
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
    a.forpc {visibility: hidden; display: none;}
    th.forpc {visibility: hidden; display: none;}
    td.forpc {visibility: hidden; display: none;}
    tr.forpc {visibility: hidden; display: none;}
    div.forpc {visibility: hidden; display: none;}
    span.forpc {visibility: hidden; display: none;}
    
}


/* Medium */
@media only screen and (min-width: 768px) {
  body {
    overflow: auto important!;
  }
  main {
    /*margin-left: 0;*/
    margin-left: var(--offcanvas-width);
  }
  /* this is to remove the backdrop */
  .offcanvas-backdrop::before {
    display: none;
  }

    a.formobile {visibility: hidden; display: none;}
    th.formobile {visibility: hidden; display: none;}
    td.formobile {visibility: hidden; display: none;}
    tr.formobile {visibility: hidden; display: none;}
    div.formobile {visibility: hidden; display: none;}
    span.formobile {visibility: hidden; display: none;}
    
}


.adslot_1 { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }

.imgSize { width: 103px; height: 32px; }
@media (min-width:500px) { .imgSize { width: 103px; height: 32px; } }
@media (min-width:800px) { .imgSize { width: 207px; height: 64px; } }