@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,600,600i,700,700i&display=swap');
html {
  min-height: 100%;
  position: relative;
}
.welcome-user {
  padding-top: 10px;
  display: block;
  color: #ffffff !important;
  font-size: 14px;
}
#logo img {
  width: 300px;
  margin-top: -5px;
}
.navbar-inverse {
  background-color: #009eb5; /* #00749e; /* #0473aa; */ /* Changed by Dav1d */
}
.navbar {
  margin-bottom: 20px;
  border-radius: 0px;
  min-height: 40px;
}
.head-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ffffff !important;
  font-size: 14px;
}
.search input {
  width: 80%;
  float: left;
  border-radius: 0px;
  height: 40px;
}
.search button {
  width: 20%;
  border-radius: 0px;
  height: 40px;
  font-weight: bold;
  font-size: 16px;
}
.triangle-green {
  position: relative;
  bottom: 28px;
}
.triangle-green:before {
  content: '';
  border-right: 120px solid transparent;
  border-top: 120px solid #4CAF50;
  position: absolute;
  left: 0px;
  top: 28px;
}
.triangle-blue {
  position: relative;
  bottom: 28px;
}
.triangle-blue:before {
  content: '';
  border-right: 120px solid transparent;
  border-top: 120px solid #00749e; /* #0473aa; */ /* Changed by Dav1d */
  position: absolute;
  left: 0px;
  top: 28px;
}
.outer_box_green {
  border: 1px solid #4CAF50;
}
.outer_box_orange {
  border: 1px solid #ec971f;
}
.outer_box_blue {
  border: 1px solid #00749e; /* #0473aa; */ /* Changed by Dav1d */
}
.triangle img {
  position: absolute;
  top: 28px;
  left: 3px;
  font-size: 38px;
  color: #ffffff;
}
.box-body {
  text-align: center;
  padding-left: 55px;
}
.box-body h1 {
  font-size: 25px;
}
.box-body p {
  padding: 0px 20px;
}
.orange-triangle:before {
  border-top: 120px solid #ec971f;
  position: absolute;
  left: 0px;
  top: 28px;
  content: '';
  border-right: 120px solid transparent;
}
.orange-triangle {
  position: relative;
  bottom: 28px;
}
.support-image {
  position: relative;
  text-align: center;
}
/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translate(-35%, -50%);
  color: #2d3742;
}
.support-image h1 {
  display: none;
}
.support-image h2 {
  color: #ffffff;
  font-size: 35px;
  font-weight: bold;
}
.front-boxes {
  margin-top: 25px;
}
.support-image h4 {
  margin-top: -5px;
  color: #76c0e5;
  font-weight: bold;
}
.footer {
  -webkit-box-sizing: content-box; /* Dav1d */
  -moz-box-sizing: content-box; /* Dav1d */
  box-sizing: content-box; /* Dav1d - Behoud k&H footer lay-out */
  bottom: 0;
  position: absolute;
  width: 100%;
}
#footer {
  background: #00749e; /* #0473aa; */ /* Changed by Dav1d */ height: 32px;
}
.copy-right {
  font-size: 11px;
  padding-top: 8px;
}
h1 {
  /* background-color: #f5f5f5; 			Dav1d */
  padding: 5px 0px 5px /* 10px */ ; /*	Dav1d actief laten i.v.m. ticket tread */
  /* font-size: 28px; 					Dav1d */
  /* color: #00749e; /* #0473aa; */ /* Changed by Dav1d */
}
.login-page {
  margin-top: 20px;
}
.login-page .form-control {
  /*   height: 45px; Dav1d */
}
.input-group-addon {
  background: #009eb5; /* #0097ce; /* #0473aa; */ /* Changed by Dav1d */
}
.input-group-addon {
  color: #ffffff;
}
.login-page .btn-lg {
  background-image: url("../images/lock.svg"); /* Dav1d */
  background-position: 10% 50%; /* Dav1d */
  background-repeat: no-repeat; /* Dav1d */
  background-size: 20px; /* Dav1d */
}
.login-only #clientLogin {
  margin-bottom: -28px;
}
hr {
  margin-top: 10px;
}
/* Dav1d
.registration h3 {
    font-size: 22px;
}
*/
.select2-container .select2-selection--single {
  height: 35px;
  border: 1px solid #ccc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
}
.action-button {
  height: 35px;
}
.btn-primary {
  border-radius: 5px; /* Dav1d */
  -webkit-border-radius: 5px; /* Dav1d */
  color: white;
}
.btn-sm {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 30px;
  line-height: 15px;
  cursor: pointer;
}
.btn-sm:hover {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
#kb .fa-folder-open {
  font-size: 84px;
  color: #00749e; /* #0473aa; */ /* Changed by Dav1d */
  line-height: inherit;
  /* margin-left: 10px; */
  margin-top: 30px;
}
/*   FaQ list */
/* list */
.rectangle-list ol {
  counter-reset: li; /* Initiate a counter */
  margin-left: 0; /* Remove the default left margin */
  padding-left: 0; /* Remove the default left padding */
}
/* item  */
.rectangle-list ol > li {
  position: relative;
  list-style: none; /* Disable the normal item numbering */
}
/* item hover */
.rectangle-list a {
  display: block;
  padding: .4em .4em .4em .8em;
  *padding: .4em;
  margin: .5em 0 .5em 2.5em;
  background: #ddd;
  color: #444;
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  text-align: left;
}
/* item hover */
.rectangle-list a:hover {
  background: #C8C8C8;
}
/* number  */
.rectangle-list a:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -1.0em;
  top: 50%;
  margin-top: -1em;
  background: #ddd;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
}
/* number hover */
.rectangle-list a:after {
  position: absolute;
  left: -1em;
  top: 50%;
  margin-top: -.5em;
  content: '';
  border: .5em solid transparent;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.rectangle-list a:hover:after {
  left: 1em;
  border-left-color: #ddd;
}
/*   FaQ list */
#faq {
  margin-top: 20px !important;
  margin-bottom: 50px;
}
.faded {
  color: #A8A8A8;
}
#kb .list-group-item {
  margin-top: 10px; /* Dav1d */
  margin-right: 35px; /* Dav1d */
}
#kb {
  margin-top: -18px;
  margin-bottom: 15px; /* 52px; Dav1d */
}
.error {
  color: red;
}
/* ticket search */
.search-tickets input[type=text] {
  width: 192px !important;
  border-radius: 5px;
  padding: 2px 5px;
  color: #009eb5;
  font-size: 11px;
  border: #32b1c3 1px solid;
  height: 40px;
  margin-bottom: 10px; /* Dav1d */
  outline: none;
}
.search-tickets .search-container button {
  padding: 6px 10px;
  color: white;
  background-color: #009eb5;
  /*
  background: -webkit-gradient(linear, left top, left bottom, from(#a3a6a8), to(#cacbcc));
  background: -webkit-linear-gradient(left, #a3a6a8, #cacbcc);
  background: -moz-linear-gradient(left, #a3a6a8, #cacbcc);
  background: -ms-linear-gradient(left, #a3a6a8, #cacbcc);
  background: -o-linear-gradient(left, #a3a6a8, #cacbcc);
	*/
  height: 40px; /* Dav1d */
  /* font-size: 17px; Dav1d */
  border: none;
  cursor: pointer;
  border-radius: 5px;
}
.search-tickets .search-container button:hover {
  background-color: #32b1c3 !important;
  /*
  background: -webkit-gradient(linear, left top, left bottom, from(#32b1c3), to(#009eb5))!important;
  background: -webkit-linear-gradient(left, #32b1c3, #009eb5)!important;
  background: -moz-linear-gradient(left, #32b1c3, #009eb5)!important;
  background: -ms-linear-gradient(left, #32b1c3, #009eb5)!important;
  background: -o-linear-gradient(left, #32b1c3, #009eb5)!important;	
	*/
  color: white;
}
.search-tickets .well {
  min-height: 105px;
  padding: 20px 0 40px 30px;
  margin-bottom: 20px;
}
.search-tickets .topics {
  /*  height: 27px; */
  /* margin-bottom: 15px; /* 5px; /* Dav1d */
  margin-top: -1px;
}
/* ticket search */
.refersh-icon {
  margin-right: 10px;
  /* margin-top: 10px; /* Dav1d */
  color: #282f66; /* #a3a6a8; /* Dav1d */
  font-size: 24px;
}
.refersh-icon:hover {
  color: #009eb5 /* #009eb5 /* #0097ce; /* Dav1d */
}
.table-inbox {
  /* border: 1px solid #d3d3d3; */
  border: 1px solid #32b1c3; /* #ddd */
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
}
.table-inbox tr td {
  padding: 16px !important;
}
.table-inbox tr td:hover {
  cursor: pointer;
}
.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
  color: #f78a09;
}
.table-inbox tr td .fa-star {
  color: #d5d5d5;
}
.table-inbox tr.unread td {
  background: none repeat scroll 0 0 #f7f7f7;
  font-weight: 600;
}
.ticket-view-top {
  margin-right: 5px;
  margin-top: -3px;
}
.ticket-view-top i {
  font-size: 18px;
}
.ticket-number {
  font-size: 14px !important;
  font-weight: bold;
}
.ticket-view .panel-title {
  font-weight: bold;
}
.ticket-view table {
  margin-bottom: 1px;
}
/* ticket comments */
.timeline {
  position: relative;
  padding: 21px 0px 10px;
  margin-top: 30px; /* Dav1d */
  margin-bottom: 30px;
}
.timeline .line {
  position: absolute;
  width: 4px;
  display: block;
  background: #F5F5F5;
  top: 0px;
  bottom: 0px;
  margin-left: 30px;
}
.timeline .separator {
  border-top: 1px solid #F5F5F5;
  padding: 5px;
  padding-left: 40px;
  font-style: italic;
  font-size: .9em;
  margin-left: 30px;
}
.timeline .line::before {
  top: -4px;
}
.timeline .line::after {
  bottom: -4px;
}
.timeline .line::before, .timeline .line::after {
  content: '';
  position: absolute;
  left: -4px;
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 50%;
  background: #F5F5F5;
}
.timeline .panel {
  position: relative;
  margin: 10px 0px 21px 92px;
  clear: both;
}
.timeline .panel::before {
  position: absolute;
  display: block;
  top: 8px;
  left: -24px;
  content: '';
  width: 0px;
  height: 0px;
  border: inherit;
  border-width: 12px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.timeline .panel .panel-heading.icon * {
  font-size: 20px;
  vertical-align: middle;
  line-height: 40px;
}
.timeline .panel .panel-heading.icon {
  position: absolute;
  left: -90px;
  display: block;
  width: 60px;
  height: 60px;
  padding: 0px;
  border-radius: 50%;
  text-align: center;
  float: left;
}
.timeline .panel-outline {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.timeline .panel-outline .panel-body {
  padding: 10px 0px;
}
.timeline .panel-outline .panel-heading:not(.icon), .timeline .panel-outline .panel-footer {
  display: none;
}
.image-user img {
  border-radius: 30px;
  width: 60px;
  height: 60px;
  background-color: #24b9d6; /* Dav1d */
}
.panel-footer img {
  border-radius: 10px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-left: 2px;
}
/* ticket comments */
.ticket-view h3 {
  margin-top: 0px;
}
.front-boxes h1 {
  background: transparent;
}
#ticketTable thead tr td {
  background-color: #00749e; /* #0473aa; */ /* Changed by Dav1d */
}
#ticketTable thead tr td a {
  color: #ffffff;
}
@media (max-width: 768px) { /* 768 */
  .btn {
    border: 1px solid transparent;
  }
  .support-image p {
    display: none;
  }
  .search {
    padding-bottom: 12px;
  }
  .support-image h2 {
    font-size: 17px;
  }
  .support-image h4 {
    font-size: 13px;
  }
  .outer_box_green {
    margin-bottom: 17px;
  }
  .outer_box_blue {
    margin-bottom: 48px;
  }
  .welcome-user {
    padding-top: 15px;
    padding-left: 13px;
  }
  .search button {
    padding-left: 5px;
  }
  .front-boxes {
    margin-top: 18px;
  }
  h1 {
    margin-top: 10px;
    font-size: 21px;
  }
  .front-boxes h1 {
    margin-top: 35px;
  }
  .login-page {
    margin-bottom: 32px;
  }
  #kb .fa-folder-open {
    font-size: 61px;
    padding-left: 15px; /* Dav1d */
  }
  .sidebar {
    margin-bottom: 27px;
  }
  #ticketSearchForm .search-container input {
    /*  width:75%; 		*/
    float: left;
    /*  height: 45px; 	*/
  }
  #ticketSearchForm .search-container button {
    /* width: 50px;
    height: 45px; Dav1d */
  }
  #ticketSearchForm .search-container {
    /*  margin-bottom: 16px; Dav1d */
  }
  .search-tickets .pagination {
    margin-bottom: 40px;
  }
  .ticket-view-top {
    margin-top: 8px;
  }
  .ticket-view {
    margin-top: 43px;
  }
  .flag {
    margin-left: 15px;
  }
}
.captchaRow label {
  padding-top: 5px;
}
.flag {
  display: inline-block !important;
  padding: 0px !important;
  margin-right: 7px;
  margin-top: 15px;
}
.filedrop .file {
  height: 35px !important;
}
.filedrop .file .cancel {
  display: block !important;
}
.filedrop .file .cancel:before {
  font-family: FontAwesome;
  content: "\f014";
}
.rtl #logo img {
  float: left;
}
.rtl .form-group .control-label {
  float: right;
  text-align: left;
}
.btn {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #009eb6;
  /* padding: 0.25rem 2.5rem; */
  color: white;
  /* font-weight: 700; */
  font-size: 14px;
  color: white !important;
  line-height: 20px; /* 27 Dav1d */
  margin: 10px 0 0 0; 
  text-align: center;
  width: 150px;	
  /*	
  min-height: 40px;
  min-width: 148px; Dav1d */
}
.btn:hover {
  border-radius: 5px; /* Dav1d */
  -webkit-border-radius: 5px; /* Dav1d */
  background-color: #32b1c3; /* Dav1d */
  /* padding: 0.25rem 2.5rem;		/* Dav1d */
  color: white; /* Dav1d */
  cursor: pointer;
}
.btn-sm {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 30px;
  padding: 5px 5px;
}
.btn-sm:hover {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.list-group-item {
  min-height: 150px;
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd
}
.list-group-item:first-child {
  border-top-left-radius: 10px; /* Dav1d */
  border-top-right-radius: 10px /* Dav1d */
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 10px; /* Dav1d */
  border-bottom-left-radius: 10px /* Dav1d */
}
@media screen and (max-width: 768px) {
  .nav > li {
    position: relative;
    display: block
  }
  .nav > li > a { /* Dav1d */
    position: relative;
    display: block;
    color: white;
    background-color: #009eb5;
    /*
    background: -webkit-gradient(linear, left top, left bottom, from(#a3a6a8), to(#cacbcc));
    background: -webkit-linear-gradient(left, #a3a6a8, #cacbcc);
    background: -moz-linear-gradient(left, #a3a6a8, #cacbcc);
    background: -ms-linear-gradient(left, #a3a6a8, #cacbcc);
    background: -o-linear-gradient(left, #a3a6a8, #cacbcc);
	  */
    padding: 4px 15px;
    margin-right: 10px;
  }
  .nav > li > a:focus, .nav > li > a:hover { /* Dav1d */
    background-color: #32b1c3 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#32b1c3), to(#009eb5)) !important;
    background: -webkit-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -moz-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -ms-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -o-linear-gradient(left, #32b1c3, #009eb5) !important;
    color: white;
  }
  .nav-pills > li {
    float: left
  }
  .nav-pills > li > a {
    border-radius: 5px /* Dav1d */
  }
  .nav-pills > li + li {
    margin-left: 2px
  }
  .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #32b1c3 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#32b1c3), to(#009eb5)) !important;
    background: -webkit-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -moz-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -ms-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -o-linear-gradient(left, #32b1c3, #009eb5) !important;
    height: 27px; /* Dav1d */
    /*  margin-top: 7px; Dav1d */
    float: left;
  }
  .search-tickets .search-container {
    float: none;
  }
  .search-tickets input[type=text] {
    width: 151px !important;
    border-radius: 5px;
    padding: 2px 5px;
    color: #009eb5;
    font-size: 11px;
    border: #32b1c3 1px solid;
    height: 40px;
    margin: -7px 5px 5px 0; /* margin-top -7px by Dav1d */
    outline: none;
  }
  .search-tickets .search-container button {
    padding: 6px 10px;
    color: white;
    background-color: #009eb5;
    /*
    background: -webkit-gradient(linear, left top, left bottom, from(#a3a6a8), to(#cacbcc));
    background: -webkit-linear-gradient(left, #a3a6a8, #cacbcc);
    background: -moz-linear-gradient(left, #a3a6a8, #cacbcc);
    background: -ms-linear-gradient(left, #a3a6a8, #cacbcc);
    background: -o-linear-gradient(left, #a3a6a8, #cacbcc);
	  */
    /* height: 27px; /* Dav1d */
    /* font-size: 17px; Dav1d */
    border: none;
    cursor: pointer;
    border-radius: 5px;
    margin-top: -7px;
    margin-bottom: 20px; /* DAV1D */
  }
  .search-tickets .search-container button:hover {
    background-color: #32b1c3 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#32b1c3), to(#009eb5)) !important;
    background: -webkit-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -moz-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -ms-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -o-linear-gradient(left, #32b1c3, #009eb5) !important;
    color: white;
  }
  .search-tickets .topics {
    /*  height: 27px; */
    /* margin-bottom: -12px; /* Dav1d */
  }
  .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    /* color: #777; /* #fff; */
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff; /* #777; */
    border-radius: 10px
  }
  .nav-pills > li > a > .badge {
    margin-left: 3px
  }
  .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
  }
  .fade.in {
    opacity: 1
  }
  .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto
  }
  .tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
  }
  .tooltip.top {
    padding: 5px 0;
    margin-top: -3px
  }
  .tooltip.right {
    padding: 0 5px;
    margin-left: 3px
  }
  .tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
  }
  .tooltip.left {
    padding: 0 5px;
    margin-left: -3px
  }
  .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
  }
  .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
  }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
  }
  .tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
  }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
  }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
  }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
  }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
  }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
  }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
  }
  .btn-sm {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    line-height: 25px;
  }
  .btn-sm:hover {
    border-radius: 3px;
    -webkit-border-radius: 3px;
  }
  /* ticket search */
  .refersh-icon {
    margin-top: 0px; /* Dav1d */
    color: #282f66; /* Dav1d */
    font-size: 21px;
  }
  .well {
    padding: 15px 15px;
    border: 1px solid #32b1c3; /* #f0f0f0; */
    border-radius: 10px;
    margin: 0 0 20px 0;
  }
  .home-image {
    margin: 0px;
    width: 100%;
    height: 230px;
    background-image: url('../../../images/1024x800-Repair-Center.jpg');
    background-size: cover;
    background-position: center;
    border: 1px solid #32b1c3;
    border-radius: 10px;
  }
  .panel {
    margin-top: 30px; /* Dav1d */
    margin-right: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
  }
  .panel-body {
    padding: 15px
  }
  .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    /* Dav1d
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
  */
  }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit
  }
  .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
  }
  .panel-primary {
    border-color: #32b1c3; /* #337ab7; */ /* Changed by Dav1d */
  }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #32b1c3 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#32b1c3), to(#009eb5)) !important;
    background: -webkit-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -moz-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -ms-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -o-linear-gradient(left, #32b1c3, #009eb5) !important;
  }
  .panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #0097ce; /* #337ab7; */ /* Changed by Dav1d */
  }
  .panel-primary > .panel-heading .badge {
    color: #00749e; /* #337ab7; */ /* Changed by Dav1d */
    background-color: #fff
  }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #00749e; /* #337ab7; */ /* Changed by Dav1d */
  }
  .panel-success {
    border-color: #a3a6a8;
  }
  .panel-success > .panel-heading {
    color: #fff;
    background-color: #a3a6a8;
    background: -webkit-gradient(linear, left top, left bottom, from(#a3a6a8), to(#cacbcc));
    background: -webkit-linear-gradient(left, #a3a6a8, #cacbcc);
    background: -moz-linear-gradient(left, #a3a6a8, #cacbcc);
    background: -ms-linear-gradient(left, #a3a6a8, #cacbcc);
    background: -o-linear-gradient(left, #a3a6a8, #cacbcc);
    border-color: #a3a6a8; /* #d6e9c6 */ /* changed by Dav1d */
  }
  .panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
  }
  .panel-success > .panel-heading .badge {
    color: #fff; /* #dff0d8; */ /* changed by Dav1d */
    background-color: #a3a6a8;
  }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #a3a6a8;
  }
  .panel-warning {
    border-color: #a3a6a8
  }
  .panel-warning > .panel-heading {
    color: #fff;
    background-color: #a3a6a8;
    background: -webkit-gradient(linear, left top, left bottom, from(#a3a6a8), to(#cacbcc));
    background: -webkit-linear-gradient(left, #a3a6a8, #cacbcc);
    background: -moz-linear-gradient(left, #a3a6a8, #cacbcc);
    background: -ms-linear-gradient(left, #a3a6a8, #cacbcc);
    background: -o-linear-gradient(left, #a3a6a8, #cacbcc);
    border-color: #a3a6a8; /* #d6e9c6 */ /* changed by Dav1d */
  }
  .panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
  }
  .panel-warning > .panel-heading .badge {
    color: #fff;
    background-color: #a3a6a8
  }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #a3a6a8
  }
  .panel-info {
    border-color: #0097ce;
  }
  .panel-info > .panel-heading {
    color: #fff;
    background-color: #32b1c3 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#32b1c3), to(#009eb5)) !important;
    background: -webkit-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -moz-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -ms-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -o-linear-gradient(left, #32b1c3, #009eb5) !important;
  }
  .panel-info > .panel-heading .badge {
    color: #fff;
  }
  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
  }
  .pagination > li {
    display: inline
  }
  .pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #00749e; /* #337ab7; */ /* Changed by Dav1d */ ;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
  }
  .pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
  }
  .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
  }
  .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
  }
  .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #32b1c3 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#32b1c3), to(#009eb5)) !important;
    background: -webkit-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -moz-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -ms-linear-gradient(left, #32b1c3, #009eb5) !important;
    background: -o-linear-gradient(left, #32b1c3, #009eb5) !important;
    border-color: #00749e; /* #337ab7; */ /* Changed by Dav1d */
  }
  .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #777;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
  }
  .pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
  }
  .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
  }
  .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
  }
  .pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
  }
  .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
  }
  .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
  }
  .btn {
    margin: 10px 0;
  }
  .form-control, textarea, select, option {
    margin-top: 0px;
	color: #009eb5;
  }
  #navbar .mainMenu .itemContainer a.home {
    color: #009eb5;
    font-size: 18px;
    padding: 15px 10px 0px 10px;
    height: 44px;
  }
  #navbar .mainMenu .itemContainer:hover a.home:hover {
    color: #fff !important;
    font-size: 18px;
    background: #009eb5;
    height: 44px;
  }
  #navbar .mainMenu .itemContainer:hover a.item:hover {
    color: #fff !important;
  }
  .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
  }
  .alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
  }
  .alert-warning hr {
    border-top-color: #f7e1b5
  }
  .alert-warning .alert-link {
    color: #66512c
  }
  .alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
  }
  .alert-danger hr {
    border-top-color: #e4b9c0
  }
  .alert-danger .alert-link {
    color: #843534
  }
  .hide { /* by Dav1d */
    display: none !important
  }
}
@media (max-width: 400px) {
  .table-responsive {
    max-width: 320px;
    overflow-x: visible; /* Hide horizontal scrollbar */
  }
}