#view-container {
    display: flex;
    width:100%;
}

#allocation-view, #dataentry-view, #source-view {
    display: inline-block;
    background: #e5e5e5;
    min-height: 200px;
    margin: 0px;
    vertical-align: top;
    /*word-break: break-word;*/
    overflow-x: scroll;
}

#allocation-view{
 /*overflow-x: hidden;  */ 
}

#l-handle, #r-handle {
    display: inline-block;
    background: #000;
    width: 5px;
    min-height: 200px;
    cursor: col-resize;
    margin: 0px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.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: 16px;
  width: 16px;
  left: 3px;
  bottom: 2px;
  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(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


#myCarousel .img-wrap {
  width: 200px;
  height: 150px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
}

#myCarousel .img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
}



/** DataTables Header Selector **/
.dropdown-menu > li > .dropdown-menu-item {
   clear: both;
    color: #333;
    display: block;
    padding: 3px 20px;
    white-space: nowrap;
    margin: 5px 0;
    width: 100%;
    text-align: left;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    -moz-user-select: none;
    user-select: none;
}
.dropdown-menu > li:hover .dropdown-menu-item,
.dropdown-menu > li:focus .dropdown-menu-item{
    background-color: #f5f5f5;
    color: #262625;
}
.dropdown-menu > li > .dropdown-menu-item.checkbox {
    margin: 0;
    font-weight: normal;
}
.dropdown-menu > li > .dropdown-menu-item.checkbox input {
    display: none;
}
/** from GV **/

/**home/devbox/public_html/clncv8/pages/elements/header.php  line 70 ./dist/css/custom.css?p=6"**/


.login-page, .register-page {
    background: #247a4c;
}

.login-logo a, .register-logo a {

    color: #00a5d3;
}
a:hover, a:active, a:focus {
    color: #ffd400;
}

.login-box-body, .register-box-body {

    background: #2fdbdb;
    padding: 20px;
    border-top: 0;
    color: #0042ff;

}
a {
    color: #8e1f9f;
}
.btn-primary {

    background-color: #6e3476;
    border-color: #367fa9;
}
.btn-primary:hover {

    background-color: #00a5d3;
    border-color: #367fa9;
}
/*top header bar*/
.skin-blue .main-header .navbar {
    background-color: #50d5e4;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #195c23;
}
.skin-blue .main-header .logo{
    background-color: #50d5e4;
    color: #fff;
    border-bottom: 0 solid transparent;
    hover
}
.skin-blue .main-header .logo:hover{
    background-color: #00a5d3;
    color: #fff;
    border-bottom: 0 solid transparent;
    hover
}
a:hover, a:active, a:focus {
    color: #00a5d3;
}
ul.sidebar-menu li:hover{
background-color: #00a5d3!important
 }
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: #009a57;
}

.btn-success {
    background-color: #009a57;
    border-color: #008d4c;
}
.btn-success:hover {
    background-color: #00a5d3;
    border-color: #008d4c;
}

.btn-claimed.focus, .btn-claimed:focus {
    color: #fff;
    background-color: #009a57;
    border-color: #985f0d;
}

.main-footer {
    background: #50d5e4;
    padding: 15px;
    color: #000cff;
    border-top: 1px solid #d2d6de;
}

.content-wrapper {
background: #e6d9e5;
}


.skin-blue .main-header .navbar .sidebar-toggle:hover {

    background-color: #009a57;

}