.prevent-selection {
        -webkit-user-select: none; /* Safari */
      - ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */
    }
        
    
    @media only screen and (max-width: 576px) {
        .hide_on_small_bs  {
            display: none;
        }
    }    
    
    
    .no-faint-border {border: 0px solid #ffffff !important;}
    
    .nara_nt {color: #0070C0 !important; font-weight: bold;}
    .tale_nt{color: #05ff05 !important; font-weight: bold;}
    /* border styling */
    .b-none{border-width: 0px;}
    .b-width-1{border-width: 1px;}
    
    .b-rad-5{border-radius: 5px;}
    .b-rad-10{border-radius: 10px;}
    
    .b-solid{border: solid;}
    .b-solid-1-gray{border: 2px solid gray;}
    .b-solid-2-green{border: 2px solid green;}
    .b-top-solid{border-top: solid;}
    .b-top-color-l-gray,.b-top-l-gray{border-top-color: lightGray;}
    .b-bot-solid{border-bottom: solid;}
    .b-bot-0{border-bottom: 0px;}
    
    .b-color-l-blue{border-color: lightBlue;}
    .b-color-green{border-color: green;}
    .b-color-l-gray{border-color: lightGray;}
    .b-color-white{border-color: white;}    
    .b-color-viv-yell{border-color: #ffc107;}
    .b-color-slate{border-color: #708090;}
    
    .b-bot-color-yell{border-bottom-color: yellow;}
    .b-bot-color-green{border-bottom-color: green;}
    .b-bot-color-l-gray{border-bottom-color: lightGray;}
    
    .cur-def{cursor: default;}
    .cur-point{cursor: pointer;}
    
    .hover-blue:hover {background-color: lightBlue; cursor: pointer;}
    .hover-blue-or:hover {background-color: lightBlue; cursor: pointer;}
    
    .disp-inline{display: inline-block;}
    .disp-none{display: none;}
    .disp-block{display: block;}
    .disp-inline-flex{display: inline-flex;}
    .disp-flex-around{display: flex;justify-content: space-around;}
    .disp-flex{display: flex;}
    .disp-table{display: table;}
    
    .vis-hidden{visibility: hidden;}
    .vis-visible{visibility: visible;}
    
    .w-auto{width: auto;}
    .w-20pct{width: 20%;}
    .w-25pct{width: 25%;}
    .w-50pct{width: 50%;}
    .w-75pct{width: 75%;}
    .w-80pct{width: 80%;}
    .w-90pct{width: 90%;}
    .w-98pct{width: 98%;}
    .w-100pct{width: 100%;}
    
    .wi-20{width: 20px;}
    .wi-25{width: 25px;}
    .wi-40{width: 40px;}
    .wi-55{width: 55px;}
    .wi-70{width: 70px;}
    .wi-80{width: 80px;}
    .wi-100{width: 100px;}
    .wi-125{width: 125px;}
    .wi-150{width: 150px;}
    .wi-175{width: 175px;}
    .wi-200{width: 200px;}
    .wi-250{width: 250px;}
    .wi-300{width: 300px;}
    .wi-350{width: 350px;}

    .min-w-50{min-width: 50px;}
    .min-w-75{min-width: 75px;}
    .min-w-175{min-width: 175px;}
    .min-w-195{min-width: 195px;}
    .min-w-215{min-width: 215px;}
    .min-w-250{min-width: 250px;}
    .min-w-275{min-width: 275px;}
    .min-w-350{min-width: 350px;}
    
    .max-w-100{max-width: 100px;}
    .max-w-150{max-width: 150px;}
    .max-w-250{max-width: 250px;}
    .max-w-350{max-width: 350px;}
    
    .max-w-100pct{max-width:100%;}
    .max-w-90pct{max-width:90%;}
    .max-w-80pct{max-width:80%;}
    
    .h-auto{height: auto;}
    .hi-15{height: 15px;}
    .hi-20{height: 20px;}
    .hi-25{height: 25px;}
    .hi-30{height: 30px;}
    .hi-40{height: 40px;}
    .hi-100{height: 100px;}
    .hi-125{height: 125px;}
    .hi-150{height: 150px;}
    .hi-200{height: 200px;}
    .hi-250{height: 250px !important;}
    .hi-300{height: 300px;}
    .hi-350{height: 350px;}
    .hi-500{height: 500px;}
    
    .h-80pct{height: 80%;}
    
    .max-h-90pct{max-height: 90%;}
    .max-h-100pct{max-height: 100%;}
    .min-h-100pct{min-height: 100%;}
    .min-h-20{min-height: 20px;}
    .min-h-100{min-height: 100px;}
    .min-h-125{min-height: 125px;}
    .min-h-200{min-height: 200px;}
    .min-h-300{min-height: 300px;}
    .min-h-500{min-height: 500px;}
    
    .max-h-200{max-height: 200px;}
    .max-h-150{max-height: 150px;}
    .max-h-75{max-height: 75px;}
    .max-h-50{max-height: 50px;}
    
    .mar-auto{margin: auto;}
    .mar-5{margin: 5px;}
    .mar-15{margin: 15px;}
    .mar-20{margin: 20px;}
    .mar-25{margin: 25px;}
    
    .mar-b-0{margin-bottom: 0px;}
    .mar-b-5{margin-bottom: 3px;}
    .mar-b-10{margin-bottom: 10px;}
    .mar-b-15{margin-bottom: 15px;}    
    .mar-b-20{margin-bottom: 20px;} 
    .mar-b-25{margin-bottom: 25px;}
    .mar-b-35{margin-bottom: 35px;}
    .mar-b-45{margin-bottom: 45px;}
    
    .mar-r-auto{margin-right: auto;}
    .mar-r-0{margin-right: 0px;}
    .mar-r-5{margin-right: 5px;}
    .mar-r-10{margin-right: 10px;}
    .mar-r-15{margin-right: 15px;}    
    .mar-r-20{margin-right: 20px;} 
    .mar-r-25{margin-right: 25px;}
    .mar-r-35{margin-right: 35px;}
    
    .mar-l-auto{margin-left: auto;}
    .mar-l-0{margin-left: 0px;}
    .mar-l-10{margin-left: 10px;}
    .mar-l-15{margin-left: 15px;}   
    .mar-l-20{margin-left: 20px;} 
    .mar-l-25{margin-left: 25px;}
    .mar-l-30{margin-left: 30px;}
    .mar-l-35{margin-left: 35px;} 
    .mar-l-40{margin-left: 40px;} 
    .mar-l-50{margin-left: 50px;} 
    .mar-l-75{margin-left: 75px;} 
    .mar-l-100{margin-left: 100px;} 
    
    .mar-t-5{margin-top: 5px;}
    .mar-t-10{margin-top: 10px;}
    .mar-t-15{margin-top: 15px;}
    .mar-t-25{margin-top: 25px;}
    .mar-t-30{margin-top: 30px;}
    .mar-t-50{margin-top: 50px;}
    .mar-t-85{margin-top: 875px;}
    
    .pad-0-imp{padding: 0px!important;}
    .pad-5-imp{padding: 5px!important;}
    .pad-0{padding: 0px;}
    .pad-1{padding: 1px;}
    .pad-5{padding: 5px;}
    .pad-10{padding: 10px;}
    .pad-15{padding: 15px;}
    .pad-20{padding: 20px;}
    .pad-25{padding: 25px;}
    .pad-30{padding: 30px;}
    .pad-35{padding: 35px;}
    .pad-50{padding: 50px;}
    
    
    .pad-t-0{padding-top: 0px;}
    .pad-t-2{padding-top: 2px;}
    .pad-t-10{padding-top: 10px;}
    .pad-t-25{padding-top: 25px;}
    
    .pad-r-0{padding-right: 0px;}
    .pad-r-0-imp{padding-right: 0px !important;}
    .pad-r-5{padding-right: 5px;}
    .pad-r-25{padding-right: 25px;}
    .pad-r-30{padding-right: 30px;}
    
    .pad-l-0-imp{padding-left: 0px !important;}
    .pad-l-5{padding-left: 5px;}
    .pad-l-20{padding-left: 20px;}
    .pad-l-25{padding-left: 25px;}
    .pad-l-30{padding-left: 30px;}
    .pad-l-45{padding-left: 50px;}
    
    .pad-b-0{padding-bottom: 0px;}
    .pad-b-2{padding-bottom: 2px;}
    .pad-b-20{padding-bottom: 20px;}
    .pad-b-30{padding-bottom: 30px;}
    
    .black{color: black;}
    .white{color: white;}
    .green{color: green;}
    .yellow{color: yellow;}
    .red{color: red;}
    .blue-imp{color: blue!important;}
    .blue{color: blue;}
    .l-blue{color: #0070c0;}
    .gray{color: gray;}
    .orange{color: orange;}
    .l-gray{color: #D3D3D3;}
    .purple{color: purple;}
    .d-blue{color: #00008B;}
    
    .bg-blue{background-color: #2a79d1;}
    .bg-yellow{background-color: rgba(255, 255, 0, 1.0);}
    .bg-gray{background-color: #808080;}
    .bg-white{background-color: white;}
    .bg-green{background-color: green;}
    .bg-red{background-color: red;}
    .bg-red-imp{background-color: red!important;}
    .bg-l-orange{background-color: #ffbf00;}
    .bg-l-blue{background-color: #e4edf7;}
    .bg-l-gray{background-color: #DCDCDC;}
    .bg-l-green{background-color: #cdfad0;}
    
    .f-right{float: right;}
    .f-left{float: left;}
    
    .comic-sans {font-family: "Comic Sans MS", Helvetica, sans-serif;}
    
    .f-size-12{font-size: 12px;}
    .f-size-14{font-size: 14px;}
    .f-size-16{font-size: 16px;}
    .f-size-18{font-size: 18px;}
    .f-size-20{font-size: 20px;}
    .f-size-22{font-size: 22px;}
    .f-size-24{font-size: 24px;}
    .f-size-26{font-size: 26px;}
    .f-size-28{font-size: 28px;}
    .f-size-30{font-size: 30px;}
    .f-size-32{font-size: 32px;}
    .f-size-34{font-size: 34px;}
    .f-size-36{font-size: 36px;}
    .f-size-40{font-size: 40px;}
    .f-size-150{font-size: 150px;}
    .f-size-250{font-size: 250px;}
    
    .f-size-75rem{font-size: .85rem;}
    .f-size-85rem{font-size: .85rem;}
    .f-size-90rem{font-size: .90rem;}
    .f-size-100rem{font-size: 1rem;}
    .f-size-125rem{font-size: 1.25rem;}
    .f-size-150rem{font-size: 1.5rem;}
    .f-size-100em{font-size: 1em;}
    
    .fa-xl {
        font-size: 3em;
        line-height: 1em;
        vertical-align: -0.0667em;
    }
    
    .line-h-28{line-height: 28px;}
    
    .font-normal{font-weight: 300;}
    .font-medium{font-weight: 500;}
    .font-bold{font-weight: 700;}
    
    .font-italic{font-style: italic;}
    
    .t-align-l{text-align: left;}
    .t-align-r{text-align: right;}
    .t-align-c{text-align: center;}
    .v-align-m{vertical-align: middle;}
    
    .z-ind-2{z-index: 2;}
    .z-ind-20{z-index: 20;}
    .z-ind-999{z-index: 999;}
    .z-ind-99999{z-index: 99999;}
    
    .pos-abs{position: absolute;}
    .pos-rel{position: relative;}
    
    .bot-0{bottom: 0px;}
    .bot-5{bottom: 5px;}
    .bot-10{bottom: 10px;}
    .top-0{top: 0px;}
    .top-5{top: 5px;}
    .top-10{top: 10px;}
    .right-0{right: 0px;}
    .right-50{right: 50px;}
    .left-5{left: 5px;}
    .left-0{left: 0px;}
    
    .point-none {pointer-events: none;}
    
    /* ------------------------------------------------------------------------------------------------------------------- */
    /* Spinner used in login and register */
    /* "Spinner" is the old version from W3. I replaced it with "loader" which appears a bit below. */
    /* ............................................................................................ */
    .center-screen{display: flex; justify-content: center;align-items: center;text-align: center;height:  50vh; background-color: rgba(245,245,245,.5); position: absolute; top: 10px; width: 100%; }

    .spinner {border: 12px solid #0070C0;border-radius: 50%;border-top: 12px solid #05FF05;border-bottom: 12px solid #05FF05;width: 80px;
              height: 80px;
                -webkit-animation-name: spin;
                -webkit-animation-duration: 2s;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;      
                animation-name: spin;
                animation-duration: 2s;
                animation-timing-function: linear;
                animation-iteration-count: infinite;
                margin: auto;  }

    @-webkit-keyframes spin {
      0% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    
    .loader {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: inline-block;
      border-top: 4px solid #0070C0;
      border-right: 4px solid transparent;
      box-sizing: border-box;
        -moz-animation-name: rotation;
        -moz-animation-duration: 1s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;  
        -webkit-animation-name: rotation;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;        
        animation-name: rotation;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }
    .loader::after {
      content: '';  
      box-sizing: border-box;
      position: absolute;
      left: 0;
      top: 0;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      border-left: 4px solid #05FF05;
      border-bottom: 4px solid transparent;
        -moz-animation-name: rotation-r;
        -moz-animation-duration: 0.5s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;  
        -webkit-animation-name: rotation-r;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;    
        animation-name: rotation-r;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }
    
    @-webkit-keyframes rotation-r {
      0% {
        -webkit-transform: rotate(360deg);
      }
      100% {
        -webkit-transform: rotate(0deg);
      }
    } 
    @-webkit-keyframes rotation {
      0% {
        -webkit-transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
      }
    } 
    
    @keyframes rotation {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    } 
    @keyframes rotation-r {
      0% {
        transform: rotate(360deg);
      }
      100% {
        transform: rotate(0deg);
      }
    } 
        
    .hover-white:hover{color: white !important;}
    .change_r:hover { background-color: #05ff05 !important;}
    .a_change_r:hover { text-decoration: none; color: black !important; background-color: #05ff05 !important;}
    .change_r:hover .a_change_r {color: black !important;}
    
    .click-no-hover {text-decoration: none !important; color: white !important; background-color: #6c757d!important;}
    .click-hover {text-decoration: none !important; color: black !important; background-color: #05ff05 !important;}
    
    .dp_class{display: block; width: 34em;}
    
    .cookiebanner{
        background-color: #0d2241;
        color: white;
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: auto;
        position: fixed;
        font-size: 18px;
        z-index: 9999;
    }
    .cookie-close{
        font-size: 32px;
        color: white;
        background-color: transparent;
        border-color: transparent;
    }
    
    .center-container {  
      min-height: 100px;
      position: relative;
    }
    .vcenterright {
        font-size: 16px;
        width: 90%;
      margin: 0px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .vcenterleft {
      width: 90%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .rcenter {
      margin: 0;
      position: absolute;
      top: 50%;
      right: 20%;
      transform: translate(20%, -50%);
    }
    
    .cookie-border-right{
        border-right: 5px solid white;
        border-image: linear-gradient(to bottom, rgba(255,255,255,0) 25%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 75%) 1 100%;
    }
    
    @media only screen and (max-width: 500px) {
        .g-recaptcha {
            transform:scale(0.77);
            -webkit-transform:scale(0.77);
            transform-origin:0 0;
            -webkit-transform-origin:0 0;
        }
        .g-recaptcha iframe {
            -webkit-transform:scale(0.77);
            transform:scale(0.77);
            -webkit-transform-origin:0 0;
            transform-origin:0 0;
        }
    }
    
    .pad-inline-10{padding-inline-start: 10px;}
    
    
    .my_fadeIn{
      animation: fadeIn 2s;
      -webkit-animation: fadeIn 2s;
      -moz-animation: fadeIn 2s;
      -o-animation: fadeIn 2s;
      -ms-animation: fadeIn 2s;
    }

    @keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }

    @-moz-keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }

    @-webkit-keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }

    @-o-keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }

    @-ms-keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }
    
    .my_fadeOut{
      animation: fadeOut 2s;
      -webkit-animation: fadeOut 2s;
      -moz-animation: fadeOut 2s;
      -o-animation: fadeOut 2s;
      -ms-animation: fadeOut 2s;
    }

    @keyframes fadeOut {
      0% { opacity: 1; }
      100% { opacity: 0; }
    }

    @-moz-keyframes fadeOut {
      0% { opacity: 1; }
      100% { opacity: 0; }
    }

    @-webkit-keyframes fadeOut {
      0% { opacity: 1; }
      100% { opacity: 0; }
    }

    @-o-keyframes fadeOut {
      0% { opacity: 1; }
      100% { opacity: 0; }
    }

    @-ms-keyframes fadeOut {
      0% { opacity: 1; }
      100% { opacity: 0; }
    }
    .action_button {
        color: #007bff;
        text-decoration: none;
        background-color: transparent;
        border-width: 0px!important;
        -webkit-text-decoration-skip: objects;
    }
    .action_button:hover {        
        cursor: pointer;
    }
    
    .list-style-none{list-style: none;}