﻿
/* scrollbar */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}


.h_toggle{display: none}
@media screen and (max-width: 1200px) {
 /*Header*/ 
 .hdrNavigation {
    overflow-x: scroll;
}
 .tb-contact .nav-link, .tb-contact .nav-tabs .nav-link {
    padding: 0.5rem;
 }
 /*.button {
    padding: 7px 15px;
    }*/
 /*.table-responsive table {width: 1000px}*/
 .cstm_container .nav-tabs[role="tablist"] { overflow-y: scroll; flex-wrap: nowrap;}
 .cstm_container .nav-tabs .nav-item[role="presentation"] .nav-link { white-space: nowrap;}
 

  /* Toggle sidebar */

 header {margin-bottom: 0; position: fixed; z-index: 1;}
 .p_absolute {position: absolute; right: 10px; top: 100px; }
 .bodySecResponive { width: 100%; position: relative; top: 145px;}

.h_toggle {
  background:#015987;
  border:none;
  width:30px;
  height:30px;
  cursor:pointer; 
  outline:0;
  margin: 5px 0;
  border-radius: 3px;
  display: block;
}

.h_toggle span {
  width:100%;
  height:3px;
  background:#ffffff;
  display:block;
  position:relative;
  cursor:pointer;
}

.h_toggle span:before,
.h_toggle span:after {
  content:'';
  position:absolute;
  left:0;
  width:100%;
  height:100%;
  background:#ffffff;
  transition: all 0.3s ease-out;
}

.h_toggle span:before {
  top:-8px;
}

.h_toggle span:after {
  top:8px;
}

.h_toggle span.toggle {
  background:transparent;
}

.h_toggle span.toggle:before {
  top:0;
  transform:rotate(-45deg);
  background:#FFFFFF;
  
}

.h_toggle span.toggle:after {
  top:0;
  transform:rotate(45deg);
  background:#FFFFFF;
}

.sidebar {
  background: #fff;
        width: 235px;
        position: fixed;
        top: 103px;
        left: -235px;
        height: 100%;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        padding: 25px 10px;
        z-index: 1;
        transition: all 0.3s ease-out;
}

.sidebar ul {
  list-style:none;
}

.sidebar ul li {
  display:block;
}

.sidebar ul li a {
    display: block;
    z-index: 1;
    transition: all 0.3s ease-out;
}

.sidebar ul li a:hover:before {
  width:100%;
}
.sidebarshow {
  left:0;
  z-index: 1;
}
.sideNav li a i {
    top: 3px;
}
}