﻿.selectbtn{
        margin: 0px 0 0 20px;
    background: #4CAF50;
    padding: 5px 15px 5px 15px;
    border-radius: 5px;
    cursor:pointer;
}
.selectbtn:hover{
      
    background: white;
    border: 1px solid #4CAF50  ;
     color: #4CAF50  ;
    cursor:pointer;
}
body{
  margin:0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-weight: 300;
}
.day{
        border: 2px solid;
    border-radius: 10px;
    padding: 5px 9px 5px 11px;
    background-color: #15729f;
    color: white;
    margin: -13px 0 0 0;
}
.top{
    background-color: #1230;
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    top: 0px;
    text-align: right;
    left: 1131px;
}

.btn-search{
  background:#08f;
  position:absolute;
  display:inline-block;
  width:50px;
  height:50px;
  left:40px;
  line-height:50px;
  text-align:center;
  color:white;
}

.i{
  font-size:25px;
}

.form{
  display:none;
 background: #1995cc;
    padding: 19px 42px;
    text-align: center;
    position: relative;
    transition: background-color 500ms linear;
    top: 0px;
           height:83px;
}

.sb{
  border:none;
  padding:10px 0;
  background:none;
  color:white;
  outline:none;
  border-bottom:1px solid white;
  width:80%;
  font-size:26px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-weight: 300;
}

.buttonSearch{
  background:none;
  border:none;
}

.sbtn{
  font-size:36px;
  color:white;
}

.sb::-webkit-input-placeholder {
   color: rgba(255,255,255,0.6);
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
}

.btn-search{
  text-decoration:none;
  background-color:#1995cc;
  color:white;
  border-bottom:4px solid #215198;
  border-radius:0 0 2px 2px;
  -webkit-transition: background-color 250ms ease-out, ;
  -moz-transition: background-color 250ms ease-out;
  -o-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out;
}

.btn-search:hover{ 
  background-color:deepskyblue;
}

    .card-title {
        text-align: center;
        font-weight: bold;
    }

    .card-job {
        text-align: center;
        font-weight: bold;
        color: #00000069;
    }


    .card.profile-card {
        box-shadow: 0px 0px 20px #DFDFDF;
        border: none;
        border-radius: 0;
        height: 417px;
    }

    input.fab {
        display: none;
    }

    .img-profile {
        -webkit-clip-path: circle(52% at 70% 38%);
        -moz-clip-path: circle(52% at 70% 38%);
        clip-path: circle(52% at 70% 38%);
        transition: all .3s linear;
    }

        .img-profile:hover {
            -webkit-clip-path: circle(100% at 60% 38%);
            clip-path: circle(100% at 60% 38%);
        }

    .profile-card .fab + .toggle {
        top: 63%;
        z-index: 10;
        right: 0;
        width: 50px;
        height: 50px;
        cursor: pointer;
        font-size: 60px;
        line-height: 50px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        color: #fff;
        background: #F44336;
        -webkit-user-select: none;
        box-shadow: 0 4px 4px #666;
        transition: all 0.3s ease-in-out 0s;
    }

    .fab:checked + .toggle {
        color: #fff;
        background: #F44336;
        transform: rotate(135deg);
        box-shadow: 2px -2px 4px #333;
        transition: all 0.3s ease-in-out 0s;
    }
