@font-face {
  font-family: helvetica-regular;
  src: url(fonts/helvetica-regular.ttf);
}

@font-face {
  font-family: helvetica-regular;
  src: url(fonts/helvetica-bold.ttf);
  font-weight: bold;
}

body {font-family: "helvetica-regular", sans-serif;}

a:hover {color:#ec1e26}

.btn-primary {background-color: #ec1e26;border-color:#ec1e26}
.btn-primary:active,
.btn-primary:hover {background-color: #c1111e;border-color:#c1111e}

header {padding: 5px 0;text-align: center;}
  header #logo {display: inline-block;width: 180px;height:75px;background: url(images/logo.jpg) no-repeat;background-size:contain;}
  header .action-toolbar {text-align: right;margin: 0}
  header .action-toolbar li {display: inline-block;padding: 20px;font-size: 18px;}
header .action-toolbar a {color:#444;text-decoration: none;/*font-family: 'IBM Plex Sans', sans-serif;*/}
  header .action-toolbar a:hover {color:#ec1e26}

#menu {background: #414143 !important;padding: 0}
#menu a {color:#f1f1f1;text-decoration: none;height: 60px;display: inline-block;line-height: 60px;padding: 0 25px}
#menu a:hover {color:#414143 !important;background: #fff}
#menu a.active {color:#fff;font-weight: bold;}

.navbar {padding: 0 !important}

.box {padding: 25px;border-radius: 5px;border: 1px solid #ec1e26;margin: 40px 0}
.login_box {background: rgba(255,255,255,.6);}
.login_box h1 {font-weight: normal;text-align: center;margin-bottom: 40px;/*font-family: 'IBM Plex Sans', sans-serif;*/font-size: 48px}

h4.title {/*font-family: 'IBM Plex Sans', sans-serif;*/font-weight: 700}
thead th {/*font-family: 'IBM Plex Sans', sans-serif;*/font-weight: 700}
.greetings h1 {/*font-family: 'IBM Plex Sans', sans-serif;*/}

.choose_services {}
.choose_services a {display: inline-block;padding:15px;background:#ec1e26;border:1px solid #ec1e26;color:#fff;text-decoration: none;border-radius: 3px;width: 300px;margin-bottom: 15px;text-align: center;transition: all 500ms}
.choose_services a:hover {background:#fff;color:#ec1e26}

input[type=text],
input[type=password],
input[type=email],
textarea {border-radius: 0 !important;transition: all 500ms !important;outline: none}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus {border-bottom: 3px solid #ec1e26 !important;outline:none}

select {width: 100%}

.filter {padding: 0 10px;margin: 15px -15px}
.filter div {margin: 0;padding: 0 5px}
.filter input,
.filter select {width: 100%;height: 40px;transition: none !important;border-radius: 0 !important;padding: 5px}
.filter input:focus,
.filter select:focus {border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;}

.table td, .table th {vertical-align: middle}

.label-success {display: inline-block;padding: 7px;background: #5cb85c;font-size: 75%;color:#fff;width: 100px;text-align: center;}
.label-warning {display: inline-block;padding: 7px;background: #f0ad4e;font-size: 75%;color:#fff;width: 100px;text-align: center;}

.pagination {text-align: center;display: block}
  .pagination a {display: inline-block;padding: 5px 12px;margin:5px;border:1px solid #ec1e26;color:#ec1e26;text-decoration: none;transition: all 500ms}
  .pagination a:hover,
  .pagination a.active {background: #ec1e26;color: #fff}

.loading_sign {width: 100%;height: 80px;background: url(images/loading.svg) no-repeat center center;display: block;background-size: contain;}

footer {text-align: center;font-size:13px;padding: 25px 0;background:#414143;color:#f1f1f1}
  footer h4 {text-transform: uppercase;font-size:18px;/*font-family: 'IBM Plex Sans', sans-serif;*/font-weight: 700}
  footer a {color:#f1f1f1}
  footer .social li {display: inline;font-size: 18px;padding: 5px}
  /* footer .feedback {display: none !important} */

.current-page-title {color: #f1f1f1;font-size: 18px;padding-top:7px;display: none;}
.swipe-right {display: none;text-align: right;color: red}

@media screen and (max-width: 600px) {
  .h-100 {height: auto !important}

  .filter > div {margin-bottom: 5px}
  .filter input {border: 1px solid #bbb !important}
  .filter input:focus {border: 1px solid #ec1e26 !important}

  select {border: 1px solid #eee;padding: 15px}

  .box {padding: 15px !important}

  .social-top-links {display: none !important}
  .navbar {padding: 10px 0 !important}

  .current-page-title {display: block;}

  .swipe-right {display: block}
}
#neonShadow{
    animation: glow 1s infinite ;
    transition:0.5s;
}


@keyframes glow{
    0%{
        box-shadow: 2px 2px 10px rgb(237, 28, 36 , 0.1),-2px -2px 10px rgb(237, 28, 36 , 0.1);
    }
    50%{
        box-shadow: 2px 2px 10px rgb(237, 28, 36 , 0.6),-2px -2px 10px rgb(237, 28, 36 , 0.6);
    }
    100%{
        box-shadow: 2px 2px 10px rgb(237, 28, 36 , 0.1),-2px -2px 10px rgb(237, 28, 36 , 0.1);
    }
}