/* here you can put your own css to customize and override the theme */
.page-header {
/*  height: 115px; */
}
.page-container .page-content {
  background-color: #fff !important; 
}
.page-wrapper .page-wrapper-middle {
    background: none;
}
.page-wrapper, .page-wrapper .page-wrapper-row.full-height, body, html {
    height: 100%;
}
.page-header .page-header-menu {
    background: #dae0e8;
    height:40px;
}
 
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
    color: #32c5d2;
    background: none;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
    color: #666;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
    color: #32c5d2;
    background: none;

}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
    height:40px;
    width:40px;
}
.page-footer {
    background: #f9f9f9;
    color: #333;
    padding-bottom: 70px;
}
.page-footer a:hover {
    color: #333;
}
.page-footer a {
    color: #a2abb7;
}

.portlet .portlet-title .caption i {
    color: #fff;
}

.modal-body {
    padding: 0px;
}

.slidecontainer {
    width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 25px; /* Specified height */
    background: #d3d3d3; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message {
    display: block;
    padding: 5px;
    position: relative;
    color: #000;
    background: rgb(38, 161, 171);
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
	display: block;
	position: absolute;
	top: 9px;
	right: -6px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: rgb(38, 161, 171);
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name {
    font-size: 12px;
    font-weight: 300;
    color: #36424c;
}

.add_quick_message{
    display:none;
}

.ceased, .ceased > a,  .ceased .name, .ceased .name > a  {
    color:red;
    text-decoration: line-through;
}

.topscroll_wrapper { width: 100%; overflow-x: scroll; overflow-y: hidden; }
.topscroll_wrapper { height: 20px;}
.topscroll_div { height: 20px; }
.table-scrollable { margin-top:0px !important; }

/*
input[type="range"]::-webkit-range-progress {
  background-color: #4CAF50;
  height: 20px; 
}

input[type="range"]::-moz-range-progress {
  background-color: #4CAF50;
  height: 20px; 
}

input[type="range"]::-moz-range-track {  
  background-color: #d3d3d3;
}
input[type="range"]::-ms-fill-lower {
  background-color: #4CAF50; 
  height: 20px; 
}

input[type="range"]::-ms-fill-upper {  
  background-color: #d3d3d3;
}
*/

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; 
  width:100%;}
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 100%; } }
  @media (min-width: 992px) {
    .container {
      width: 100%; } }
  @media (min-width: 1200px) {
    .container {
      width: 100%; } }


@media (max-width: 991px) {
  /* 991px */
  /* Page header */
    .page-header .page-header-menu {
        background: #eff3f8;
        padding: 20px 0px;
        height: auto;
        display: none;
    }  

}