@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);

@font-face{
font-family: "Steady";
src: url('../fonts/Steady.ttf'),
url('../fonts/Steady.eot'); /* IE9 */
}

@font-face{
font-family: "Segoe UI";
src: url('../fonts/Segoe UI.ttf'),
url('../fonts/Segoe UI.eot'); /* IE9 */
}

td {
    font-family: Segoe UI;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    text-align: left;
}

body {
    font-family: Segoe UI;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    text-align: left;
}

.pageHeader {font-family:Segoe UI;font-size:24px;color:#8d248a}

a img {
    border: none;max-width:100%
}

a:link {COLOR: #337ab7;TEXT-DECORATION: none}
a:visited {COLOR: #337ab7;TEXT-DECORATION: none}
a:hover {TEXT-DECORATION: underline;color: #337ab7}

.white:link{color:#ffffff;text-alignment:left;text-decoration:none;}
.white:visited{color:#ffffff;text-alignment:left;text-decoration:none;}
.white:hover{color:#ffffff;text-alignment:left;text-decoration:underline;}

 .searchbar{

margin-bottom: auto;
    
margin-top: auto;
    
height: 40px;
    
background-color: #e7e7e8;
    
border-radius: 20px;
    
padding: 5px;
    
}

    

.search_input{
   
font-family:Segoe UI; 
font-size:14px;
color: black;
    
border: 0;
    
outline: 0;
    
background: none;
    
width: 0;
    
caret-color:white;
    
line-height: 30px;
    
transition: width 0.4s linear;
    
}

    

.searchbar:hover > .search_input{
    
padding: 0 10px;
    
width: 300px;
    
caret-color:#337ab7;
    
transition: width 0.4s linear;
    
}

    

.searchbar:hover > .search_icon{
    
background: white;
    
color: #337ab7;
    
}


.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
}

.preloader .preloader-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.preloader .preloader-inner .preloader-icon {
    width: 72px;
    height: 72px;
    display: inline-block;
    padding: 0px;
}
    

.search_icon{
    
height: 30px;
    
width: 30px;
    
float: right;
    
display: flex;
    
justify-content: center;
    
align-items: center;
    
border-radius: 50%;
    
color:white;
    
}

  .ruBrowse {
            width: 300px !important;
        }
 


        .table-editable {
            position: relative;
            .glyphicon

        {
            font-size: 20px;
        }

        }

        .table-remove {
            color: #700;
            cursor: pointer;
            &:hover

        {
            color: #f00;
        }

        }

        .table-up, .table-down {
            color: #007;
            cursor: pointer;
            &:hover

        {
            color: #00f;
        }

        }

        .table-add {
            color: #070;
            cursor: pointer;
            position: absolute;
            top: 8px;
            right: 0;
            &:hover

        {
            color: #0b0;
        }

}



ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}