@font-face {
  font-family: "Glyphicons Halflings";
  src: url("fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("fonts/glyphicons-halflings-regular.woff") format("woff"), url("fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg");
  }
  .dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
  .piechartsdiv {
    display:inline-block;
    width: 47%;
    border:thin solid lightgrey;
  }
  .customprogress{
    margin-bottom: 4px !important;
  }
  .greytext{
    color: #a2a1a1 !important;
    font-size: 80%;
  }
  .dashboardbargraphsdiv {
    padding: 10px;
    width: 94.5%;
    border:thin solid lightgrey;
  }
  
  .org_dist_graph {
      margin: 20px;
      border: thin solid lightgrey;
      padding: 20px;
  }
  
  .table th {padding-right: 17px !important;}
  
  /*.speciesname {opacity:0 !important;}*/
  .registercasesdiv {clear:both;}
  
  .scratchmsg {margin-top: 180px;}
  .passwordmodal {margin-top: 180px;}
  .redcolor {color: red;}
  
  .caseid-scratch {
    display: inline-block;
    font-weight: bold;
    padding: 5px 10px;
    border: 2px dashed #636b6f;
    font-size: 120%;
    margin-top:20px;
    margin-bottom: 20px;
  }
  .orangetext{
  color:#ec9b07;
  }
  .textcentre {
    text-align: center;
    margin: auto;
  }
  
  .dobcontainer{
    width: 390px;
  }
  .loading {
      position: fixed;
      top: 50%;
      right: 47%;
      z-index:9999999 !important;
      display: none;
  }
  .eachhospital-firstcol{
    width: 165px;
  }
  .verticlemiddle {
    vertical-align: middle !important;
  }
  .headersearchbarcontent{
      margin-top: 6px !important;
      min-width: 280px !important;
      max-height: 100px;
      min-height: 200px;
      top: 34px;
      overflow: auto;
      padding-left: 10px;
  }
  .organismlist:hover{
        background-color: antiquewhite;
  }
  
  .sec3organismdrop {
    left:-109px;
    top:39px;
  }
  
  .antibiotictable .sampledate .form-control {
    height: 30px !important;
    padding: 5px 5px !important;
    font-size: 80%;
    width: 70%;
  }
  
  .antibiotictable .organism .form-control {
    height: 30px !important;
    padding: 5px 5px !important;
    font-size: 80%;
    width: 130px;
    margin-top: 10px;
  }
  
  .antibiotictable .organism {
    width: 200px;
  }
  
  .antibiotictable .organismname {
    font-style: italic;
  }
  
  .antibiotictable .organism .pre {
    margin-top: 10px;
    display: inline-block;
  }
  
  .antibiotictable .organism .suff {
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
  }
  
  .antibiotictable .eachdrug {
    margin-bottom: 20px;
    font-size: 80%;
  }
  
  .antibiotictable select {
    width: 58px;
    height: 22px !important;
    padding: 0px 5px !important;
    font-size: 94%;
  }
  
  .antibiotictable .eachdrug .newdrug {
    height: 30px !important;
    padding: 5px 5px !important;
    font-size: 80%;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  
  
  
  
  
  
  .datepicker-dropdown{
        z-index: 10000 !important;
  }
  .logos {
    position: fixed;
    bottom: 50px;
  }
  .flash_msg {
    position:fixed;
    z-index:100000;
    top:0;
    text-align:center;
  }
  
  .flash_msg .alert {
      padding: 5px 15px;
      margin: auto;
      max-width: 600px;
      display: inline-block;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
  }
  
  .logos img{margin-right: 10px;}
  
  .codepenters {
    position: fixed;
    bottom: 20px;
  }
  
  body {
    padding-top: 160px;
    background:white;
    font-family: 'Open Sans',sans-serif;
    position: relative;
    color: black !important;
  }
  
  .sub-header {
  
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
  }
  
  /*=======================nav starts==============================*/
  .navbar-fixed-top {
    border: 0;
  }
  
  .navbar-brand {
    color:white;
    font-weight: bold;
    font-size: 18px;
    padding: 7px 15px;  
  }
  
  .navbar-brand img {width: 185px;}
  
  .nav .badge {
      color: #337ab7;
      background-color: #fff;
  }
  
  .nav-sidebar .badge {
      color: #a94442!important;
      background-color: #f2dede;
      border: thin solid #d8a4ac;
      padding: 3px;
      font-size: 90%;
  }
  
  .nav-sidebar .inactive {
    color:#cbdbe9 !important;
  }
  
  .navbar-inverse {
    background: #024d67;
  }
  
  .nav-sidebar .glyphicon, .nav-sidebar .fa  {margin-right: 5px;}
  
  .navbar-nav .fa {margin-right: 2px;}
  
  .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text {
      color: white;
      padding-top: 7px;
      font-size: 90%;
  }
  
  /*=======================nav ends==============================*/
  
  /*======================Heading band starts================*/
  
  .main-container {padding:20px;}
  .dropdownfilter {margin-right:10px;}
  
  .input-group-addon {background: white;}
  .searchglyph {color:lightgrey;}
  
  .searchgroup {
    margin-right: 10px;
    max-width: 220px;
  }
  
  .searchbox {
    border-left:white;
  }
  
  .main .page-header {
    border-bottom:none;
    font-size: 200%;
    margin-bottom: 5px;
    margin-top: 0;
  
  }
  
  .inblock {display: inline-block;}
  
  .nopadding {
    padding:0px;
  }
  
  .formwidth {
    width:600px;
    max-width: 100%;
  }
  
  .addmore {
    display: block;
    color: blue;
    font-size: 80%;
    margin-bottom: 10px;
  }
  
  .backbutton {
    display: inline-block;
    margin-bottom:10px;
  }
  
  label {
    margin-top:8px;
  }
  
  .label .badge {background: none;}
  
  .prefixphone {width:92px !important;}
  .suffixphone {width:268px !important;}
  
  .prefixcalendar {width:125px !important;}
  .suffixdropdown {width:235px !important;}
  textarea {border-radius: 5px !important;}
  
  .panel-default>.panel-heading {
      background-color: #f5f5f5;
  }
  
  .pointer {cursor: pointer;}
  
  
  /*======================Heading band ends================*/
  
  
  /*=================table rewrite===============================*/
  
  .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
      padding: 10px;
  }
  
  .table-hover tr th:first-of-type, .table-hover tr td:first-of-type {
    padding-left: 20px;
  }
  
  .table-hover thead {
    border-top:1px solid #e1e1e1;
  }
  
  .btn2label {border:none; padding:5px;}
  .inlineform {display:inline-block;}
  
  /*========================table ends=======================*/
  
  
  
  
  /*========================Sidebar menu starts=======================*/
  
  .sidebar {
    display: none;
  }
  
  @media (min-width: 768px) {
    .sidebar {
      position: fixed;
      top: 36px;
      bottom: 0;
      left: 0;
      z-index: 1000;
      display: block;
      padding: 20px;
      overflow-x: hidden;
      overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
      background-color: #f6f6f6;
      border-right: 1px solid #e1e1e1;
    }
  }
  
  /* Sidebar navigation */
  .nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
    font-size: 92%;
  }
  .nav-sidebar > li > a {
    padding-right: 5px;
    padding-left: 15px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .nav-sidebar > .active > a,
  .nav-sidebar > .active > a:hover,
  .nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #428bca;
  }
  
  /*========================Sidebar menu ends=======================*/
  
  
  
  /*pk new=======================*/
  
  .fixedheader {
    position: fixed;
    top:36px;
    z-index:5;
    background: white;
    padding-top: 15px;
    padding-left: 20px;
    width: 84%;
    padding-right: 20px;
    border-bottom: thin solid #ebebeb;
  }
  
  
  .form-group:has(>.searchbox) {
    max-width: 240px !important;
    margin-right: 10px;
  }
  
  .secnav .nav-tabs {
    margin-top:15px;
    border-bottom: none;
  }
  
  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
      color: #555;
      background: none;
      border: none;
      border-bottom: 3px solid #009ad0;
      cursor: default;
  }
  
  .tab-pane{margin-top:20px;}
  
  .highwidth {
    max-width:920px;
    min-width:803px;
  }
  
  .no-underline:hover {text-decoration: none !important;}
  
  .daterangepicker {width:305px !important;}
  
  .selectionbuttons {
    position: fixed;
    top: 125px;
    right: 10px;
    z-index: 5;
  }
  #mark_withdrawal, #mark_placed, .scanpart,.amendmentpart, .scanpart_overseas,.amendmentpart_overseas{
    display: none;
    max-width: 360px;
    margin-bottom: 5px;
  }
  
  .form-control {max-width: 360px;}
  .dispnone{
    display: none;
  }
  .scanpartshow_overseas,.amendmentpartshow_overseas, .scanpartshow, .amendmentpartshow{
    display: block;
  }
  
  
  /*style of checkbox start*/
  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  .switch input {display:none;}
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  /*style of checkbox end*/
  
  .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
      background-color: #08a6de;
      color: #fff;
  }
  .nodecoration{
    text-decoration: none !important;
  }
  
  #notificationsearchbarcontent {
    right:0px !important;
    margin: 0px !important;
    min-width:221px !important;
    height:150px;
    overflow: auto;
  }
  
  .dangertext {color: #bf5329; }
  .infotext {color: #8ab4cb; }
  .warningtext {color: #cbb956; }
  .successtext {color: #2ab27b; }
  .primarytext {color: #3097d1; }
  
  .table-striped th {
    background: #07546f !important;
    color:white;
  }
  
  
  .mobonly {display: none !important;}
  .deskonly {display: block !important;}
  
  .input-group-addon {background: #eeeeee;}
  .whiteback, .searchglyph {background: white !important;}
  
  .reportform label {font-weight:500 !important;}
  
  .reportform .firstcol {width:477px;}
  
  .exportbutton {
    display: inline-block;
    margin-bottom: 10px !important;
  }
  
  .exportbutton:hover{
    text-decoration: none !important;
  }
  
  .formtype {margin-bottom: 5px;}
  .formtype select{
    float: right !important;
    max-width: 200px !important;
  }
  
  
  
  @media screen and (min-width:768px) and (max-width:1160px){
    .logos img {height:33px;}
    .codepenters {font-size:75%;}
  
    .reportform .firstcol {width:230px;}
  
  }
  
  
  @media screen and (min-width:1160px) and (max-width:1300px){
    .logos img {height:40px;}
    .codepenters {font-size:86%;}
  }
  
  @media screen and (max-width:990px){
    .fixedheader {width: 75%;}
  }
  
  @media screen and (max-width:767px){
  
  .daterangepickerdiv {margin-bottom: 5px;}
  
    body {padding-top:205px;}
  
    .fixedheader {width: 100% !important;}
  
    .fixedheader select {
      display: inline-block;
      width: auto;
      margin-bottom: 5px;
    }
  
    .mobonly {display: block !important;}
    .mobnone {display:none !important;}
    .deskonly {display: none !important;}
    .navbar-nav .fa {margin-right: 10px;}
    .tablefilters {
      width: 170px !important;
      display: inline-block !important;
      margin-bottom: 5px;
    }
  
  }
  
  @media screen and (max-width:515px){
  
    .fixedheader {padding-bottom:15px;}
  
    .fixedheader .form-group {
      max-width: 100% !important;
      margin-right: 0px;
    }
  
    .form-control {max-width: 100% ;}
  
    .searchgroup {
        margin-right: 0px;
        max-width: 100%;
    }
  
    .tablefilters {
      width: 49% !important;
    }
  
  }
  
  body {
    font-size: 165%;
  }
  
  .sidebar, #navbar {font-size:90%;}
  .navbar, .navbar-header, .navbar-right {
    min-height: 36px !important; 
    height:36px !important;
  }
  
  @media screen and (min-width:1367px){
    body {font-size: 210%;}
  }
  
  @media screen and (min-width:2000px){
    body {font-size: 260%;}
  }
  
  /* Responsive styling ends here=============================================== */
  
  .drug-N{
    background: white !important;
  }
  
  .drug-S{
    background: #2ab27b !important;
    color: white;
  
  }
  
  .drug-I{
    background: #3097d1 !important;
    color: white;
  
  }
  
  .drug-R{
    background: #bf5329 !important;
    color: white;
  }
  
  
  .drug-NS{
    background: purple !important;
    color: white;
  }
  
  .drug-S-DD{
    background: #cbb956 !important;
    color: white;
  }
  
  .specimen {width:200px;}
  
  .eachmessage {
    margin-bottom: 10px;
    padding-left: 10px;
  }
  
  .eachmessage .username {font-weight: bold; color:#828080;}
  
  .eachmessage .timestamp {
    display: inline-block;
    color: lightgrey;
    font-size: 80%;
  }
  
  .w100{
    width:100%;
  }
  .w90{
    width:90%;
  }
  .networkselectli input{
    margin-left: -12px;
  }
  .albumnamecms {
    font-size: 80% !important;
    height: 55px !important;
    display: inline-block !important;
  }
  
  .cmsthumbs {
    height: 390px;
  }
  .swal2-show{
    font-size: 80% !important;
  }
  
  .label-orange {
    color:white;
    background:#b90883;
  }
  .selectnetworkbutton{
    background:#134d67;
    color: white;
    border: none;
  }
  .selectnetworksubmitbutton{
    margin-left: 8px;
  }