@import url('https://fonts.googleapis.com/css?family=RobotoDraft:300,400,500|Quicksand:500|Dosis');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
* ,h1, h2, h3, h4, h5, h6, input, textarea, label{
    font-family: "RobotoDraft", monospace;
    /*user-select: none;*/
}

.name_of_company {
    font-size: 30px;
    font-family: "Quicksand";
    color: #000;
    margin: 10px 0;
}

.line_of_company {
    width: 100px;
    margin: auto;
    border-top: 1px dashed #000;
    height: 1px;
    margin-bottom: 15px;
}

.notify-action * {
    color: #fff;
}

.pre-loader {
    position: fixed;
    background: #fff;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.inner-loader {
    position: fixed;
    background: url(../img/loader.png) center no-repeat;
    background-size: 80px;
    left: 0;
    animation: loader 1s linear infinite;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

@keyframes loader{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}

.active a:after{
    content: "";
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #6b000d transparent transparent;
    top: 15px;
    right: 0;
    position: absolute;
}

.profile_pic{
    text-align: center;
}

.profile_pic img{
    max-width: 100%;
    max-height: 200px;
}