body {
height: calc(100vh - 85px);
background: #333333;
color: #ffffff;
margin-left: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
font-size: 1rem;
}

html {
  height:calc(100vh - 85px);
}

p {
display: block;
margin-bottom: 8px;
margin-top: 8px;
 }



.checkin {
    background: #268fae;
    position: relative;
    top: 0.2em;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color:transparent;
}

.checkinon {
    background: #ffffff;
    position: relative;
    top: 0.2em;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color:transparent;
}

.checkout {
	background: rgb(238,238,238);
	position: relative;
	top: 0.2em;
  -webkit-background-clip: text;
          -moz-background-clip: text;
          background-clip: text;
         -webkit-text-fill-color:transparent;
}


.blockline {
  border-bottom: 1px solid #268fae;
  border-right: 1px solid #268fae; /* Параметры рамки слева */
  padding-bottom: 1em;
  margin: 0 0.5em 2em 0.5em;
  -webkit-border-radius: 0 7px 7px 0;
  -moz-border-radius: 0 7px 7px 0;
  -ms-border-radius: 0 7px 7px 0;
  -o-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
}

.kotinf {
    top: 50px;
}

::-webkit-scrollbar {

    width: 3px;
    height: 2px;
}

::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);

    -webkit-border-radius: 2px;
    border-radius: 2px;
}

::-webkit-scrollbar-thumb {

    -webkit-border-radius: 2px;
    border-radius: 2px;

    background: rgba(0,201,255,.8);

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.butt_{
text-decoration:none;
text-align:center;
 height: 3em;
 width: 80%;
border: solid 2px #131a29;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius: 4px;
 font-weight:bold;
 color:#ffffff;
 background:#0a1a3d;

 -webkit-box-shadow: inset 0 1px 1px rgba(55,72,125,.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e;
 -moz-box-shadow: inset 0 1px 1px rgba(55,72,125,.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e;
 box-shadow: inset 0 1px 1px rgba(55,72,125,.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e;
 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #273252), color-stop(100%, #171E39));
 background-image: -webkit-linear-gradient(#273252, #171E39);
 background-image: -moz-linear-gradient(#273252, #171E39);
 background-image: -o-linear-gradient(#273252, #171E39);
 background-image: linear-gradient(#273252, #171E39);
 text-shadow: 0 0 21px rgba(207,211,228,.5), 0 -1px 0 #2d4160;

  }



 .butt_on{
 text-decoration:none;
 text-align:center;
 height: 3em;
 width: 80%;
  border:solid 2px #00b3ff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius: 4px;
  font-weight:bold;
  color:#ffffff;
  background:#05153d;
  -webkit-box-shadow:inset 0px 0px 30px #00ccff;
  -moz-box-shadow:inset 0px 0px 30px #00ccff;
  box-shadow:inset 0px 0px 30px #00ccff;

  -webkit-box-shadow: inset 0px 0px 20px #00ccff, inset 0px 0px 20px #00ccff, 0 9px 16px 0 rgba(8,184,231,.3), 0 4px 3px 0 rgba(8,184,231,.3), 0 0 0 1px #150a1e;
  -moz-box-shadow: inset 0px 0px 20px #00ccff, inset 0px 0px 20px #00ccff, 0 9px 16px 0 rgba(8,184,231,.3), 0 4px 3px 0 rgba(8,184,231,.3), 0 0 0 1px #150a1e;
  box-shadow: inset 0px 0px 20px #00ccff, inset 0px 0px 20px #00ccff, 0 9px 16px 0 rgba(8,184,231,.3), 0 4px 3px 0 rgba(8,184,231,.3), 0 0 0 1px #150a1e;
  }

.castb {
    width: 60%;
    margin-left: 10%;
}

.cast{
 width: 20% !important;
}

.cast > i{
 font-size: 1.5em;
}

.muz{
 width: 20% !important;
 vertical-align: top;
}

.muz > i.small{
 font-size: 1.5em;
}

.on {
 /* -webkit-text-shadow:  0px 0px 30px #00ccff;
  -moz-text-shadow:  0px 0px 30px #00ccff;
  text-shadow:  0px 0px 30px #00ccff;*/
  color: #fbff00 !important;
}

.klimplay {
    background: #268fae;
    position: relative;
    top: 0.2em;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color:transparent;
}

.klimplayon {
	background: rgb(238,238,238);
	position: relative;
	top: 0.2em;
  -webkit-background-clip: text;
          -moz-background-clip: text;
          background-clip: text;
         -webkit-text-fill-color:transparent;
}

.linear
{
 display: inline-flex;
}

.jscolor{
 border: solid 2px #31406c;
 height: 2em;
 width: 80%;
}

.slider{
 height: 2em;
 width: 80%;
}

.slider.slider-horizontal {
    width: 80%;
    height: 20px;
}

#ex1Slider .slider-selection {
	background: #00b3ff;
}

@media (max-width: 800px){
.container {
    max-width: 100% !important;
}
}