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

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

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

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

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

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

.btn {
  font-size: 1.2rem
}

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

table td {
  font-size: 1.4rem
}
table th {
  font-size: 1.2rem;
  font-weight:bold;
}

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

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

h1 {
  font-size: 2.4rem;
  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: 2.0rem;
  font-weight: bold;
}

p {
  margin: 0 0 1.4rem 0;
}

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

form {
  margin: 0;
}

frame {
  background-color: #ffffff;
}

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

div#content_nofooter {
  min-height: 100rem;
  width: 82rem;
}

.leftside {
  clear: both;
  float: left;
  width: 65%;
  margin: 0 0 10px 0;
}

.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.7rem 0 0.7rem 0.5rem;
  font: bold 1.1rem "Segoe UI", Tahoma, Verdana, "Trebuchet MS", Armata, Arial, Sans-Serif;
  margin: 0 0 0px 0;
}

.leftside h3 {
  clear: both;
  /*background: #A9C0CE url(img2/corner.gif) no-repeat top right;*/
  background-image: url(images/lbluegradient.png);
  background-repeat: repeat-x;
  background-position: top center;
  /*color: #FFF;*/
  color: #003366;
  padding: 0.7rem 0 0.7rem 0.5rem;
  font: bold 1.3rem "Segoe UI", Tahoma, Verdana, "Trebuchet MS", Armata, Arial, Sans-Serif;
  margin: 0 0 0px 0;
}

.left_side {
  float: left;
  width: 18rem;
  padding: 0 0 0 1rem;
  margin: 1rem 0;
}

  .left_side a, .right_side a {
    color: #414141;
    background: #FFF;
  }

.right_side {
  float: right;
  width: 22rem;
  background: #FFF url(img2/dotted.gif) repeat-y;
  color: #414141;
  padding: 0 0 0 4rem;
  margin: 1rem 0;
}

.left_box {
  margin: 0 0 1rem 0;
  color: #000;
  background: #FFF;
  padding: 0.3rem 0;
}


/* right side
   ---------- */

.rightside {
  float: right;
  width: 34.6%;
  margin: 0 0 1rem 0;
}

  .rightside h3 {
    background-image: url(images/graygradient.png);
    background-repeat: repeat-x;
    background-position: top center;
    color: #003366;
    padding: 0.7rem 0 0.7rem 0.5rem;
    font: bold 1.3rem Tahoma, Verdana, "Trebuchet MS", Armata, Arial, Sans-Serif;
    margin: 0 0 0.3rem 0;
  }

.right_articles {
  background: #f5f5f5;
  color: #414141;
  padding: 0.8rem;
  margin: 0 0 0.3rem 0;
  min-height: 10.5rem;
  height: auto !important;
  height: 10.5rem;
}

.image {
  float: left;
  margin: 0 0.9rem 0.3rem 0;
}

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

.imageleft {
  float: left;
  margin: 0 0.9rem 0.3rem 0;
}

.imageright {
  float: right;
  margin: 0 0.9rem 0.3rem 0;
}

/* footer
   ------ */

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

table.t19 {
  border-spacing: 0.4rem;
  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: 3.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* 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;
  }
}*/