/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.user-box {
		border-top: 1px solid grey;
		padding-top: 8px;
		margin-top: 10px;
	}

	.top-nav li a { padding-left: 0; }

  .data-filter > .others {
    width: 100%;
  }
  
  .data-filter > .status {
    width: 100%;  
    height: auto;
  }   
 
  #content .data-filter .select2-container-multi .select2-choices {
    height: auto !important;
  }
  
  span.telefon .fas {
    font-size: 20px;
  }
  
  .logos a {
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
  }

  .navbar .messages-mobile {
    display: inline-block;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  #content {
    padding: 0 20px 50px 20px;
  }

	.submit-btn {
		margin-left: 0;
	}

  fieldset.localize a {
    display: block;
    width: 100%;
  }
  
  fieldset.localize a:nth-child(2) {
    clear: left;
    margin-top: 10px;
  }
  
  .fc-button {
    font-size: 0.8em;
  }
  
  .fc-button .fc-icon {
    font-size: 0.8em;
  }
  
  .fc-toolbar h2 {
    font-size: 1em;
  }
  
  .fc-day-header a {
    font-size: 0.6em;
  }
  
  .nav-link {
    padding: 0.2rem 0.6rem;
  }
  
  .nav-tabs .nav-link {
    border: 1px solid #eaeaea;
  }
  
  .qtip {
    max-width: 300px;
  }

  #ceeb-accordion .form-field {
    width: calc(100% - 30px);
  }

  .card.form-group-realizuj {
    margin-top: 10px;
  }

  .card.form-group-realizuj .form-field {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .form-inline label {
    justify-content: left;
  }
  /*
  .form-inline .form-control {
    width: 230px;
  }*/
}

@media only screen and (max-width: 575px) {
  dl.coloured-background dt:nth-of-type(2n),
  dl.coloured-background dd:nth-of-type(2n) {
    background: #fafafa;
  }

  dl.coloured-background dd:nth-of-type(2n) {
    padding-bottom: .1rem;
  }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {


}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}