html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
}

.login-button {
    border-color: #a3d749;
    background: #1565C0; 
    background: -webkit-linear-gradient(to left, #1565C0, #74ebd5);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #1565C0, #74ebd5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    transition: .3s;
    background-size: 150%;
    color:#fff
  }

.login-button:hover{
    background-position: right center;
    color:#000;
}

 .index-screen{
  height: 100%;
 }

 .split-box {
  background: #36D1DC;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #5B86E5, #36D1DC);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }

.split-box::after {
    content: '';
    height:100%;
    width:100%;
    display:block;
    background-size: 22px 22px;
  background-image:
  repeating-linear-gradient(-45deg,
    rgba(255,255,255,0.3), rgba(255,255,255,0.2) 7.5px,
    transparent 0, transparent 15px);
}

 .split-box-inner {
  border: 2px solid rgba(255,255,255,0.5);
  border-radius: 1%;
  height: 100%;
 }

 a {
   color:#000;
   transition: color 0.2s;
}

a:hover{
  color : #b7b8b6;
}

.navbar-user {
  background: #5B86E5;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

.index-title {
  color: #5f968e
}

.edit-active-link {
  color: #a3d749;
}
.edit-active-link:hover {
  color: #36D1DC;
}

.normal-button {
  border-color: #5B86E5;
  background: #5B86E5; 
  color:#fff
}

.normal-button:hover{
  border-color: #36D1DC;
  background: #36D1DC; 
  color:#fff
}

.cancel-button {
  border-color: #888;
  background: #888; 
  color:#fff;
}
.cancel-button:hover {
  border-color: #b7b8b6;
  background: #b7b8b6; 
  color:#fff;
}