

body {
    font-family: "Exo 2","Exo","Titillium Web","Titillium","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0px;
    text-align: center;
    vertical-align: middle;
}

form {
    display: block;
    position: fixed;
    width:  100%;
    top: calc( 50% - 100px );
}

.floater {
    display: block;
    width: 660px;
    height: 81px;
    visibility: visible;
    border: 0px solid white;
    border-radius: 24px;
    left: calc( 50% - 32px );
    top:  calc( 50% + 40px );
}

table {
    font-size: 24px;
    margin-right:  auto;
    margin-left:   auto;
}

table {
    border: 0px dotted gray;
}

select,
input {
    font-size: 20px;
    width: 540px;
    border: 0px solid white;
    margin-left: 32px;
}

select {
    font-size: 20px;
    border: 0px solid white;
    padding: 2px 32px 2px 32px;
    border-top-left-radius:  12px;
    border-top-right-radius: 12px;
    cursor: pointer;
}

.floater select {
    background: rgba(255,255,255,0.1);
    color: white;
}

.floater select:hover {
    background-color: #f4f4f4;
    color: black;
}

select:focus {
  outline: none;
}

.switcher-go {
   font-size: 36px;
   color: white;
   background-color: #808080;
   width:  76px;
   height: 76px;
   border-radius: 40px;
   vertical-align: baseline-middle;
   text-align: center;
   cursor: pointer;
}

.switcher-go:hover {
   background-color: #404040;
}   

.switcher-go .arrowhead {
   position: relative;
   height: 27px;
   width:  27px;
   top: -1;
   left: 2px;
}

#password {
    padding-left: 32px;
    border-bottom-left-radius:  12px;
    border-bottom-right-radius: 12px;
    background: #f4f4f4;
    color: black;
    padding: 8px 8px 8px 32px;
    height:  44px;
}

#password:disabled {
    background: white;
}

.floater #password:disabled {
    background: rgba(155,155,155,0.05);
}