@font-face {
    font-family:'inter-light';
    src:url(fonts/Inter-Light.eot);
    src:url(fonts/Inter-Light.eot?#iefix) format("embedded-opentype"),url(fonts/Inter-Light.woff2) format("woff2"),url(fonts/Inter-Light.woff) format("woff"),url(fonts/Inter-Light.ttf) format("truetype"),url(fonts/Inter-Light.svg) format("svg");
    font-weight:300;
    font-style:normal;
    font-display: swap;
    }
    
    @font-face {
    font-family:'inter-regular';
    src:url(fonts/Inter-Regular.eot);
    src:url(fonts/Inter-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/Inter-Regular.woff2) format("woff2"),url(fonts/Inter-Regular.woff) format("woff"),url(fonts/Inter-Regular.ttf) format("truetype"),url(fonts/Inter-Regular.svg) format("svg");
    font-weight:400;
    font-style:normal;
    font-display: swap;
    }
    
    @font-face {
    font-family:'inter-bold';
    src:url(fonts/Inter-Bold.eot);
    src:url(fonts/Inter-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/Inter-Bold.woff2) format("woff2"),url(fonts/Inter-Bold.woff) format("woff"),url(fonts/Inter-Bold.ttf) format("truetype"),url(fonts/Inter-Bold.svg) format("svg");
    font-weight:700;
    font-style:normal;
    font-display: swap;
    }
    
    @font-face {
    font-family:'inter-black';
    src:url(fonts/Inter-Black.eot);
    src:url(fonts/Inter-Black.eot?#iefix) format("embedded-opentype"),url(fonts/Inter-Black.woff2) format("woff2"),url(fonts/Inter-Black.woff) format("woff"),url(fonts/Inter-Black.ttf) format("truetype"),url(fonts/Inter-Black.svg) format("svg");
    font-weight:800;
    font-style:italic;
    font-display: swap;
    }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body::-webkit-scrollbar {width: .1em;}
body::-webkit-scrollbar-track {background-color:#fff;}
body::-webkit-scrollbar-thumb {background-color:#261D57;outline:1px solid slategrey;}
*{scrollbar-width: thin!important; scrollbar-color: #261D57 #F4F4F4;}

h3,h4,h5,p,a,li{font-family:"inter-light","Segoe UI",Arial,sans-serif;}
body, #complaintForm > .mb-3 > div > label{font-family:"inter-regular","Segoe UI",Arial,sans-serif;}
h2, .main-bar p, .main-bar a, .main-complaint,.user_panel table thead tr th,.user_panel table tbody tr td, .user_panel .main-complaint-block .mb-3 label,.user_panel .main-complaint-block-actions .mb-3 label,#complaintModal .mb-3 label, #complaintModal .mb-3 label a, #complaintForm > .mb-3 > label{font-family:"inter-bold","Segoe UI",Arial,sans-serif;}
h1,h5.modal-title{font-family:"inter-black","Segoe UI",Arial,sans-serif;}
a{text-decoration:none;}
p, a, li, span{font-size:15px;}
h1{font-size:22px;text-align:center;}
h2{font-size:20px;}
h3{font-size:18px;}

/* .container, .container-fluid{padding:0px!important;} */
.main-header-inside{background:#f5f5f5;padding:10px 0px;}

#logo{width:100%;max-width:300px;object-fit:cover;}
main#appContent{}
.form-label,.form-select,.form-select option{font-size:15px;}
.main-btn{background:#261D57;color:#fff;padding:10px 22px;border:none;border-radius:5px;font-size:15px;margin-top:20px;}
.accessibility-btn {background-color:#4CAF50;border:none;color:white;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size: 16px;margin:4px 2px;cursor:pointer;border-radius: 5px;transition:background-color 0.3s ease;}
.accessibility-btn:hover {background-color: #45a049;}
.accessibility-btn span{margin-right: 8px;}

#home-par1{text-align: justify;}

.main-bar{text-align:center;padding-top:40px;padding-bottom:40px;}
.main-bar p, .main-bar a{color:#261D57;}
.main-bar a{}

.main-submit{text-align:center;}
.main-submit a{background:#261D57;color:#fff;text-align:center;padding:15px 30px;border-radius:4px;}

.main-complaint{text-align:center;color:#261D57;padding:25px 0px;}

.uniqueid-group{max-width:350px;margin:0 auto;}
.uniqueid-group input{border:2px solid #261D57!important;}
.btn-search{background:#261D57;border:none;}
.btn-search span{color:#fff;}

.modal.show .modal-dialog{width:50%;max-width:50%;/*max-height:900px;overflow-y:scroll;*/}
.modal-content{border-radius:0px!important;background:#f5f5f5;}

#message{text-align:center;margin:20px auto;
  background: transparent;
  color: #000;
  border: none;
}
#complaintsList{margin-top:20px;text-align:center;color:red;}

h5.modal-title{font-size:20px;padding-left:20px;color:#261D57;}
#complaintModal .mb-3 label{color:#261D57;}
#complaintForm{padding:20px;}
form#complaintForm #terms,form#complaintForm #cproof{height:25px!important;width:35px!important;}
#complaintForm > .mb-3 > label{font-size:15px!important;}
#complaintForm > .mb-3 > div > label, #complaintForm > div > .form-check > label{font-size:14px!important;}

#ccategory option{white-space:normal;padding-bottom:2px!important;}

.form-switch .form-check-label{line-height:34px;}
.form-check-input:checked{background-color:#261D57!important;border-color:#261D57!important;}
.idblock {
  display: inline-block;
  border: 1px solid #261D57;
  border-radius: 5px;
  padding: 10px;
  background-color: #261D57;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2em;
  width: 100%;
  word-break: break-all;
}

.idblock span { }

.idblock button {
  background-color: #261D57;
  border: 2px solid #fff;
  color: #ffffff;
  cursor: pointer;
  padding: 8px 12px;
}

.idblock button:hover {
  background-color: #463991;
}

.modal-content .modal-body {
  max-height: 85vh!important; /* Set a maximum height for the modal content */
  overflow-y: auto!important; /* Ensure it can scroll */
}

footer p{margin-bottom:0px;}
.footer-fluid{background:#f5f5f5;padding:30px 0px;}

/* HOME */
.home{padding-top:25px;padding-bottom:25px;}
/* MAIN PAGES */
.main-page{padding-top:80px;padding-bottom:80px;}
/* ------- USER PANEL -----------*/
.user_panel{background:#EAEBEF;padding-top:25px;padding-bottom:25px;}
.user_panel h1{color:#261D57;text-align:left;padding:0px;}

.user_panel table thead tr th{text-align:center;font-size:14px;color:#261D57;background:#fafafa;}
.user_panel table tbody tr td{text-align:center;font-size:13px;color:#261D57;background:#fff;}


/* Tables */
.user_panel table{box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)!important;width:100%;border-collapse:collapse;margin-bottom:20px;}

.user_panel table thead th{text-align:center;}
tr.table-header{height:44px!important;line-height:44px!important;}
.table-header,.table-header th{text-align:center!important;border-top:5px solid #261D57!important;background:#fafafa!important;padding-top:5px!important;padding-bottom:5px!important;color:#261D57!important;}

table th,table td{background:#fff;white-space:normal;height:40px!important; max-height:50px!important; min-width:20px!important; max-width:200px; overflow:hidden;white-space:normal; }
.user_panel table tbody tr:hover > td{background:rgba(150,150,150, 0.2)!important;}
.user_panel table tr.even{background:#f5f5f5!important;}
.user_panel table tbody{background:#fff;}
.user_panel table,th,td{border:1px solid #f7f7f7;}
.user_panel table td{padding:2px 4px;text-align:center;text-align:center;vertical-align: middle!important;}
td a{color:#261D57!important;text-decoration:underline;}


/* USER PANEL COMPLAINT */
.table-responsive{padding:0px!important;}
.user_panel .main-complaint-block{background:#f2f2f2;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)!important;padding:0px!important;}
.user_panel .main-complaint-block h2{font-size:15px;background:#fff;padding:10px 0px 10px 20px;border-top:5px solid #261D57!important;color:#261D57;}
.user_panel .main-complaint-block .mb-3 label{color:#261D57;font-size:14px;}
.user_panel .main-complaint-block .mb-3{padding:5px 20px;font-size:13px;}

.user_panel .main-complaint-block-actions{background:#f2f2f2;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)!important;padding:0px!important;}
.user_panel .main-complaint-block-actions h2{font-size:15px;background:#fff;padding:10px 0px 10px 20px;border-top:5px solid #261D57!important;color:#261D57;}
.user_panel .main-complaint-block-actions .mb-3 label{color:#261D57;font-size:14px;}
.user_panel .main-complaint-block-actions .mb-3{padding:5px 20px;font-size:13px;}

.sinimena li, .simioseis li{list-style-type:square;}
.myfa-icon{color:#FC5876;}

.btn{font-size:14px;background:#261D57!important;border:none!important;border-radius:3px!important;padding:9px 20px!important;}

.service-inprogress{width:90%;display:block;background:#F1C751;padding:6px 9px;border-radius:3px;}
.service-pending{width:90%;display:block;background:#cd338f;padding:6px 9px;border-radius:3px; color:#fff!important;}
.service-completed{width:90%;display:block;background:#7ED2AA;padding:6px 9px;border-radius:3px;}

.form-control[type=file]:not(:disabled):not([readonly]), .form-select, .form-select option{font-size:13px;}

.footer-logo{width:100%; max-width:350px;}
/*Languages*/
#language-form{margin-top:4px;padding:5px;}
#language-form select{border: none;background: #f5f5f5;}


/* ------- RESPONSIVE ----------*/
@media screen and (max-width: 575px){
  .modal.show .modal-dialog{width:95%;max-width:95%;}
}

.g-recaptcha {
  transform: scale(0.8);
  transform-origin: 0 0;
}
@media (min-width: 576px) {
  .g-recaptcha {
      transform: scale(0.9);
      transform-origin: 0 0;
  }

  .modal-content .modal-body {
    max-height: 80vh!important;
  }
}
@media (min-width: 768px) {
  .g-recaptcha {
      transform: scale(1);
      transform-origin: 0 0;
  }
}