html {
	/* user-select: none !important; */
}
html, body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}
body {
  margin-bottom: 3.94rem;
}
.dataTables_wrapper .top {
  margin: 1rem 0;
  width: 100%;
}
.dataTables_wrapper .bottom {
  width: 100%;
}
.dataTable {
	width: 100% !important;
}
.form-control {
	height: 38px;
}
.dataTables_filter, .dataTables_paginate {
	float:right;
}
.navbar-brand>img {
	display: inline-block;
}
#mail_list tr {
	cursor: pointer;
}
.pFromMessages, .pFromSent, .edit, .send_mail, .delete, .return, .delete_contacts_container, .delete_contacts, .mass_delete {
  margin-right: 0.2rem;
  width: 1rem;
  height: 1rem;
  margin-top: 2px;
}
.pFromMessages, .pFromSent, .edit, .send_mail, .delete, .return, .mass_delete {
  background-repeat: no-repeat;
  background-size: 1rem;
  float: right;
  margin-top: 4px;
}

.edit {
  background-image: url(/files/edit.svg);
}
.send_mail {
  background-image: url(/files/send-email.png);
}
.pFromMessages, .pFromSent {
  background-image: url(/files/preview.svg);
}
.delete {
  background-image: url(/files/trash-can.png)
}
.mass_delete {
  background-image: url(/files/trash-can.png)
}
.return {
  background-image: url(/files/return.png)
}
.header {
  position: relative;
	overflow: hidden
}
.header-img {
  width: 100%;
  height: auto;
}
.organization_logo {
	background-image: url(/images/logo.svg);
  background-repeat: no-repeat;
  width: 9.5rem;
  height: 3.0625rem;
  background-size: 9.5rem 3.0625rem;
	margin: 0 auto;
	margin-bottom: 2.38rem;
}
.footer {
  bottom: 0;
  width: 100%;
  height: 3.94rem;
  line-height: 3.94rem;
  background-color: #e3f2fd;
}

.copyright {
	color: rgba(0,0,0,.9);
	display: block;
}
.input-group-text {
	min-width: 3rem;
}

.rm_contact span {
	color: red;
	font-size: 2rem;
	float: right;
	line-height: 1rem;
	margin-top: 4px;
}

table.dataTable {
  border-collapse: collapse !important;
}
table.dataTable p {
	margin-bottom: 0 !important;
}
.table td {
    padding: .15rem;
}

sup.tad {
	position: relative;
  top: -1.5rem;
  color: red;
  font-weight: bold;
}

.ttip {
	cursor: pointer;
	font-weight: bold;
}

.atkartot_pec {
	cursor: pointer;
}

.atkartot_pec:hover {
	color: blue;
}

@media (max-width: 1350px){
  .header-img {
    margin-left: -5% !important;
    margin-right: -10% !important;
    width: 110% !important;
  }
}

@media (max-width: 992px){
  .header-img {
    margin-left: -25% !important;
    margin-right: -15% !important;
    width: 130% !important;
  }
}

@media (max-width: 767px){
  /* too see map marker on small screens */
  .card_short_info {
      margin-top: 16rem;
  }

  .header-img {
    margin-left: -40% !important;
    margin-right: -60% !important;
    width: 150% !important;
  }
	#write_us_submit {
		width: 100% !important;
		margin-top: 1rem !important;
	}
	.nav-item .btn {
		width: 100%;
		margin-top:0.5rem;
	}
	.table {
	    font-size: 0.8rem;
	    overflow-x: auto;
	    display: block;
	}
	.dataTables_paginate {
		font-size: 0.8rem;
	}
}

@media (max-width: 480px){
  .header-img {
    margin-left: -50% !important;
    margin-right: -90% !important;
    width: 200% !important;
  }
}

@media (min-width: 576px) {
  .modal-dialog {
      max-width: 850px !important;
  }
}

.error {
	border-color:red;
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}