#instituion_dashboard{
    opacity: 0;
    pointer-events: none;
    transition: .3s all ease;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    background:#fff;
    position: absolute;
    top:50px;
    left:0;
    overflow: auto;
}

#instituion_dashboard.active{
    opacity: 1;
    pointer-events: auto;
    top:0px;
}

#application_forms > .header{
    font-size: 18px;
    color:#111;
    padding: 0px 10px;
    height:30px;
    line-height:30px;
    margin: 20px 0px;
}
#application_forms > .no_results{
    margin: 5px 0px;
    font-size: 14px;
    color:#aaa;
    padding: 10px;
}
#application_forms > .form{
    background: #f0f0f0;
    width:200px;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    border:1px solid #d5d5d5;
    background-image: url(/img/guil.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
}
#application_forms > .form >.applications{
    width:100%;
    max-height: 100px;
    font-size: 11px;
}

#application_forms >.form >.applications .app{
    width:100%;
    position: relative;
    /*height:25px;*/
    background: #fff;
    margin: 0px 0px;
    padding: 3px 0px;
    cursor: default;
    border-bottom: 1px solid #d0d0d0;
}
#application_forms >.form >.applications .app >.state_hover{
    z-index: 10000;
    position: absolute;
    left:200px;
    top:0px;
    padding: 5px 5px;
    white-space: nowrap;
    line-height:20px;
    display:none;
    background: rgba(0,0,0,.7);
    color:#fff;
    width: auto!important;
}

#application_forms >.form >.applications .app:hover >.state_hover{
    display:block;
}
#application_forms >.form >.applications>.app>.notes{
    height:20px;
    line-height:20px;
    width:25px;
    top:5px;
    left:5px;
    position: absolute;
    color:#fff;
    background:maroon;
    padding:0px;
    text-align: center;
    font-size: 10px;
}
#application_forms >.form >.applications .app> .name{
    padding-left: 35px;
    font-size: 11px;
    font-weight: 600;
}

#application_forms >.form >.applications .app> .date{
    width:100%;
    font-size: 9.5px;
    padding-left: 35px;
    opacity: .8;
}

#application_forms >.form >.applications .app> .state{
    width:25px;
    height:20px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top:5px;
    right:2px;
    font-size: 12px;
}


#application_forms >.form >.applications .app >.state_warning{
    position: absolute;
    right:25px;
    line-height:25px;
    font-size: 12px;
    color:#ff1a1a;
}

#application_forms >.form >.applications .app> .state >i{
    display:block;
    line-height:20px;
    color:#444;
    width:100%;
    height:100%;
    font-size: 14px;
}
#application_forms >.form >.applications .app.active> .state >i{
    color:#fff!important;
}

#application_forms >.form >.applications .app:hover{
    background: #006699;
    color:#fff;
}

#application_forms >.form >.applications .app:active{
    background: #a67c00;
    color:#fff;
}
#application_forms >.form >.applications .app.active{
    background: #006699;
    color:#fff;
}

#application_forms > .form>.customer{
    max-height:45px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color:#006699;
    margin-bottom: 0px;
    margin-top: 5px;
}
#application_forms > .form>.name{
    max-height:45px;
    line-height: 15px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color:#444;
    margin-bottom: 15px;
    padding:0px 10px;
}

#application_forms > .form>.description{
    height:60px;
    line-height: 15px;
    font-size: 12px;
    color:#777;
    text-align: center;
    margin: 15px 0px;
    padding:0px 10px;
}
#application_forms > .form>.total{
    line-height: 15px;
    font-size: 12px;
    color:#fff;
    text-align: center;
    padding:5px 10px;
    background-color: #669900;
    background-image: url(/img/guil.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
}


#application_forms > .form>.fee{
    font-size: 0px;
    padding:5px;
    font-size: 12px;
    text-align: center;
    margin: 5px 0px;
}
#application_forms > .form>.fee>span{
    font-size: 14px;
    font-weight: 600;
}

#application_forms > .form>.date{
    font-size: 0px;
    padding:5px;
    font-size: 12px;
    text-align: center;
    margin: 5px 0px;
}
#application_forms > .form>.date>span{
    font-size: 14px;
    font-weight: 600;
}

#application_forms > .no_institution{
    text-align: center;
    width:100%;
    padding: 50px;
    font-size: 32px;
    color:#999;
}
#application_forms > .no_institution>i{
    color:#ddd;
    font-size: 64px;
}

#home_search_results{
    position: absolute;
    bottom:50px;
    width:100%;
    background: rgba(255,255,255,.9);
    -webkit-box-shadow: 3px 3px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 5px -4px rgba(0,0,0,0.75);
}



#home_search {
    background: #fff;
    max-width: 20rem;
    margin: 30px auto;
}

#home_search input {
    outline: none;
    width: 15rem;
    padding: 0px 15px;
    height:40px;
    line-height:40px;
    float: right;
    border: 0;
    background: #fff;
    border-radius: 3px 0 0 3px;
    max-width: calc(100% - 80px);
}
#home_search button {
    overflow: visible;
    position: relative;
    float: left;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 72px;
    color: #fff;
    background: #0cace8;
    border-radius:  3px 0 0 3px ;
}
#home_search button:before {
    content: '';
    position: absolute;
    border-width:  8px 0 8px 8px;
    border-style: solid ;
    border-color: transparent #0cace8 transparent;
    top: 12px;
    right: -8px;
}