/* project: internet services template
   author: luka cvrk (www.solucija.com) */

/* default styles
   -------------- */

html {
  margin: 0;
  padding: 0;
  /*font-size: 62.5%;*/
}

body {
  font-family: "Poppins", "Roboto", "Didact Gothic", "Segoe UI", Verdana, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  background: #fff;
  color: #000000;
}

.form-control {
  font-size: 1rem
}

.btn, .btn-lg, .btn.btn-lg {
  text-transform: none
}

.btn {
  font-size: .75rem
}

  .btn-lg, .btn.btn-lg {
    font-size: .875rem
  }

table th {
  font-weight:bold;
}

a {
  color: #ED1C24;
  text-decoration: none;
}

  a:hover {
    color: #6C757A;
    text-decoration: underline;
  }

h1 {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0.8rem 0;
}

.dark {
  color: #737373;
  background: inherit;
  font-weight: bold;
}

h1 a, h2 a, h3 a {
  text-decoration: none;
}

  h1 a:hover, h2 a:hover, h3 a:hover {
    color: #ff1000;
    background: inherit;
  }

h2 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1.25rem;
  font-weight: bold;
}

h3 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1.17rem;
  font-weight: bold;
}


p {
  margin: 0 0 .875rem 0;
}

ul#mainmenu {
  margin: 0;
  padding: 0;
  list-style: none;
  font: normal .875rem Tahoma, Armata, "Trebuchet MS", Verdana, Sans-Serif;
}

form {
  margin: 0;
}

frame {
  background-color: #ffffff;
}

#content {
  width: 51.25rem;
  margin: 0 auto;
  padding: 1rem;
  background-color: #ffffff;
}

div#content_nofooter {
  min-height: 62.5rem;
  width: 51.25rem;
}

.rightcornercut {
  background-image: url(img2/corner.gif);
  background-position: right top;
  background-repeat: no-repeat;
}

.lightbluegradient {
  clear: both;
  background-image: url(images/lbluegradient.png);
  background-repeat: repeat-x;
  background-position: top center;
  color: #003366;
  padding: 0.4375rem 0 0.4375rem 0.3125rem;
  font: bold .6875rem "Segoe UI", Tahoma, Verdana, "Trebuchet MS", Armata, Arial, Sans-Serif;
  margin: 0 0 0px 0;
}

.image {
  float: left;
  margin: 0 0.5625rem 0.1875rem 0;
}

.imagedesc {
  clear: both;
  font-size: .625rem;
  font-family: Tahoma, "Trebuchet MS", Verdana, Armata, Sans-Serif;
}

.imageleft {
  float: left;
  margin: 0 0.5625rem 0.1875rem 0;
}

.imageright {
  float: right;
  margin: 0 0.5625rem 0.1875rem 0;
}

/* footer
   ------ */

table.t19 td, table.t19 th {
  padding: 0.25rem
}

table.t19 {
  border-spacing: 0.25rem;
  border-collapse: separate
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: Calibri, sans-serif;
  color: #CCC;
}

.form-control:-ms-input-placeholder { /* IE 10+ */
  font-family: 'Kalam', cursive;
  font-style: italic;
  color: #CCC;
}

.form-control::-ms-input-placeholder { /*Edge - only work on some properties */
  font-family: 'Kalam', cursive;
  font-style: italic;
  color: #CCC;
}

.mb-6 {
  margin-bottom: 2.1875rem;
}

.mb-7 {
  margin-bottom: 2.5rem;
}

.mb-8 {
  margin-bottom: 2.8125rem;
}

.mb-9 {
  margin-bottom: 3.125rem;
}

.mb-10 {
  margin-bottom: 3.75rem;
}

.mt-6 {
  margin-top: 2.1875rem;
}

.mt-7 {
  margin-top: 2.1875rem;
}

.mt-8 {
  margin-top: 2.8125rem;
}

.mt-9 {
  margin-top: 3.125rem;
}

.mt-10 {
  margin-top: 3.75rem;
}

.pt-6 {
  padding-top: 2.1875rem;
}

.pt-7 {
  padding-top: 2.1875rem;
}

.pt-8 {
  padding-top: 2.8125rem;
}

.pt-9 {
  padding-top: 3.125rem;
}

.pt-10 {
  padding-top: 3.75rem;
}

.pb-6 {
  padding-bottom: 2.1875rem;
}

.pb-7 {
  padding-bottom: 2.1875rem;
}

.pb-8 {
  padding-bottom: 2.8125rem;
}

.pb-9 {
  padding-bottom: 3.125rem;
}

.pb-10 {
  padding-bottom: 3.75rem;
}


/* Justify Border Title
-----------------------------------------------------------------*/

.fancy-title {
  position: relative;
  margin-bottom: 30px;
}

  .fancy-title h1,
  .fancy-title h2,
  .fancy-title h3,
  .fancy-title h4,
  .fancy-title h5,
  .fancy-title h6 {
    position: relative;
    display: inline-block;
    background-color: #FFF;
    padding-right: 15px;
    margin-bottom: 0;
  }

  .fancy-title h4,
  .fancy-title h5,
  .fancy-title h6 {
    padding-right: 10px;
  }

  .fancy-title.title-double-border:before,
  .fancy-title.title-border:before,
  .fancy-title.title-border-color:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    border-top: 3px double #E5E5E5;
    left: auto;
    top: 46%;
    right: 0;
  }

  .fancy-title.title-border:before {
    top: 49%;
    border-top: 1px solid #EEE;
  }

  .fancy-title.title-border-color:before {
    top: 49%;
    border-top: 1px solid #1ABC9C;
    opacity: 0.6;
  }


/* Fancy Title - Center Align
-----------------------------------------------------------------*/

.title-center {
  text-align: center;
}

  .title-center h1,
  .title-center h2,
  .title-center h3 {
    padding: 0 15px;
  }

  .title-center h4,
  .title-center h5,
  .title-center h6 {
    padding: 0 10px;
  }


/* Fancy Title - Right Align
-----------------------------------------------------------------*/

.title-right {
  text-align: right;
}

  .title-right h1,
  .title-right h2,
  .title-right h3 {
    padding: 0 0 0 15px;
  }

  .title-right h4,
  .title-right h5,
  .title-right h6 {
    padding: 0 0 0 10px;
  }


/* Fancy Title - Bottom Short Border
-----------------------------------------------------------------*/

.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6 {
  display: block;
  background: transparent;
  padding: 0 0 10px;
  border-bottom: 2px solid #1ABC9C;
}


/* Fancy Title - Bottom Short Border
-----------------------------------------------------------------*/

.fancy-title.title-dotted-border {
  background: url('/a487/images/icons/dotted.png') repeat-x center;
}

/* change navbar-toggler inside lines color (stroke) */
.navbar-dark span.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* change hamburger button border color */
.navbar-dark button.navbar-toggler {
  border-color: #ffffff;
}

/* change navbar background on collapse */
/*@media (max-width: 768px) {
  nav.navbar {
    background: lightgray;
  }
}*/