body[data-color="grey"] #header {
    background-color: #ffffff!important;
}
body[data-color="grey"] #sidebar > ul > li {
    background-color: #50aff9!important;
}
/* body[data-color="grey"] #wrapper {
    background-color: #dce0e2 !important;

}*/
body[data-color="grey"] #wrapper {
    background-color: #50aff9  !important;

}
body[data-color="grey"] #sidebar > ul > li:hover > a {
    color: #00519e!important;
}
body[data-color="grey"] #sidebar > ul > li > a {
    color: rgb(255, 255, 255)!important;
}
.media-control-icons{
  display:none;
}
.play_div_class{
  max-width: 300px;
  overflow: hidden;
}
/* .player-poster[data-poster] {
  background: none!important;
}
.player-poster[data-poster] .play-wrapper[data-poster] svg path {
    fill: #fff !important;
}
.player-poster[data-poster] .play-wrapper[data-poster] {
  opacity: 0;
}
.player-poster{display: grid!important;}
.player-poster svg{display: grid!important;} */

#footer {

    color: #00519e !important;
    text-shadow: none!important;
    background-color: #dce0e2;
}
#footer a {
    color: #03539f!important;
}
#user-nav > ul > li > a, #user-nav > ul > li > a > i {
    color: rgb(255, 255, 255)!important;
}


body[data-color="grey"] #user-nav > ul > li {
    border-right: 1px solid #dce0e2!important;
}
body[data-color="grey"] #user-nav > ul {
    border-left: 1px solid #dce0e2!important;
    background: #50aff9!important;
}
#user-nav .btn{border-top:none!important;}
#user-nav .dropdown {
    border-bottom: none!important;
    border-left: 1px solid #dce0e2;
}
.btn-primary {
    color: #ffffff!important;
    background-color: #00b0ff!important;
    border-color: #00b0ff!important;
}
.btn-red {
    background: #bb241d;
    color: #fff;
    float: right;
}
body[data-color="grey"] #sidebar > ul > li > a > .label {
    background-color: #f3b451!important;
    box-shadow: none;
}
#sidebar > ul ul li a {
    padding: 10px 0 10px 25px;
    display: block;
    color: #fafafa !important;
    position: relative;
}
#sidebar img{
  margin-top: -4px;
  margin-right: 10px;
  height: 25px;
   width: 25px;
 }
body[data-color="grey"] #sidebar > ul ul {
    background-color: #03539f!important;
    margin-left: -15px;
    padding-left: 4px;
}
#content-header.mini h1, #content-header.mini > .btn-group {
    margin-top: 3px!important;
    text-transform: uppercase;
    margin-bottom: 0px!important;
    padding-bottom: 5px!important;
}
#content{
  border-radius: none;
}
body {
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: -20px;
    background: #dce0e2!important;
    font-family: 'Segoe UI', sans-serif;
}
.accordion .panel-heading>.panel-title>a.collapsed, .panel-downloads>.panel>.panel-heading.panel-link>a {
    background-color: #00b0ff!important;
}
i.icon-bg-orange {
    background: #e31231 !important;
}
@media (min-width: 768px){
.modal-dialog {
    margin: 30px auto;
}
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 11px;
    box-shadow: none;
    background: #ddd;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.header_search{display: none;}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: ;
  height: 20px;
  width: 20px;
  background: #00519e;
  cursor: pointer;
  margin-top: -6px;
  box-shadow:;
     border-radius: 6px;

}

input[type=range]::-moz-range-thumb {
  border: ;
  height: 20px;
  width: 20px;
  background: #00519e;
  cursor: pointer;


}

input[type=range]::-ms-thumb {
  border: ;
  height: 20px;
  width: 20px;
  background: #00519e;
  cursor: pointer;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow:;
  background: #dce0e2;
  border-radius: 6px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: lightgrey;
}

input[type=range]:focus::-slider-runnable-track {
  background: lightgrey;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: #ddd;
  border-radius: 1.3px;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
   box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ddd;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;


}

img.icon {
    opacity: 0.5;
}


.active img.icon {
    opacity: 1;
}
table.dataTable.display tbody tr:hover .ico {
    filter: invert(120%) sepia(124%) saturate(125%) hue-rotate(362deg) brightness(271%) contrast(125%);
}

table.devices.devices_shortcut tr:hover i{
  filter: invert(120%) sepia(124%) saturate(125%) hue-rotate(362deg) brightness(271%) contrast(125%);
}
table.devices.devices_shortcut td.actions i{
  color:#768388;
}
#devices td img.ico {
    width: 22px;
    height: 29px;
    opacity: 0.3;
}

#devices td a img.ico {
    width: 22px;
    height: 29px;
    opacity: 1;
}

.slidecontainer {
    margin-bottom: 10px;
}
input[type=range]:focus::-ms-fill-upper {
  background: #cccccc;
}
input[type=range]:focus::-moz-fill-upper {
  background: #cccccc;
}
input[type=range]:focus::-fill-upper {
  background: #cccccc;
}
.play_div_class{
  cursor: pointer;
}

.modal-loader{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/img/load.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #0000009e;
}