/*
file:	NSK CSS style
year:	2023
author:	CREW 803
email:	info@crew803.com
site:	www.crew803.com
*/
@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 994px) {
  .infoboard_cnt {
    width: 100%;
  }
  .applogo {
    float: none;
    width: 100%;
    display: table;
  }
  div.container:nth-of-type(1) {
    height: 120px;
  }
  .navbar-brand {
    margin: 10px 0 0 10px !important;
  }
  .navbar-transparent {
    box-shadow: none;
    background-color: lightgray;
  }
  .navbar-side-menu-toggle {
    display: table;
    opacity: 100%;
    visibility: visible;
  }
  div.container:nth-of-type(2) {
    margin-top: 50px;
  }

  .navbar-side-menu-toggle {
    float: right;
    padding: 20px 30px 0 0;
  }
  .navbar-side-menu-toggle .toggle-btn .icon-bar {
    background-color: #014c02 !important;
  }
  #addContact
    > div:nth-child(5)
    > div
    > div
    > div
    > div.panel-body
    > div.col-sm-8.second-column,
  #addContact .form-group.private-form .selectContainer,
  .select-list,
  .multiselect,
  .input-contact {
    width: 100%;
  }
  .page-title h2 .pull-right {
    margin: 10px 0 0 0 !important;
  }
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
  .flex-group {
    flex-direction: column;
  }
  .flex-group div,
  .flex-group.flex-two-items div,
  .form-group.flex-group .only-flex-item {
    width: 100%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* export table form   */
  .export-form {
    margin-top: 1.75rem;
  }
}