@import url('//fonts.googleapis.com/css?family=Google+Sans:100,300,400,500,700,900,100i,300i,400i,500i,700i,900i');

body{
    -webkit-font-smoothing: antialiased;
    font-family: 'Google Sans', sans-serif!important;
}
h1,h2,h3,h4,h5,h6,li,select,option{
    font-family: 'Google Sans', sans-serif!important;
}

.page-titles{
    padding-left:20px;
}
.topbar .top-navbar .navbar-collapse{
    height: 60px!important;
}
.topbar .top-navbar .navbar-collapse .navbar-nav{
    height: 40px;
}
.topbar .top-navbar .navbar-collapse .navbar-nav .nav-item>.nav-link{
    width:auto!important;
    padding:0px 10px;
}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font24{font-size:24px;}
.font30{font-size:30px;}
.font32{font-size:32px;}
.font36{font-size:36px;}
.font48{font-size:48px;}
.font56{font-size:56px;}
.font64{font-size:64px;}
.topFlags{width:18px;}


.topRightMenu .nav-link-right{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-right:10px;
}
.topRightMenu .nav-link-right:hover{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.topRightMenu i{
    padding:10px; 
    border-radius: 5px;
    
}
.bagSuccesss{
    background: #e9faf8;
    color:#2bc9b7;
    padding:5px 10px;
    border-radius: 2px;
}
.bagSuccesss:hover{
    background: #2bc9b7;
    color:#fff;
    text-decoration: none;
}
.bagInfo{
    background: #edf3ff;
    color:#4b8cfa;
    padding:5px 10px;
    border-radius: 2px;
}
.bagInfo:hover{
    background: #4b8cfa;
    color:#fff;
    text-decoration: none;
}
.bagDanger{
    background: #edf3ff;
    color:#fd397a;
    padding:5px 10px;
    border-radius: 2px;
}
.bagDanger:hover{
    background: #fd397a;
    color:#fff;
    text-decoration: none;
}

.topRightMenu i.successs{
    background: #e9faf8;
    color:#2bc9b7;
    
}
.topRightMenu i.successs:hover{
    background: #2bc9b7;
    color:#fff;
}
.topRightMenu i.info{
    background: #edf3ff;
    color:#4b8cfa;
}

.topRightMenu i.info:hover{
    background: #4b8cfa;
    color:#fff;
}
.topRightMenu i.warning{
    background: #ffe5fd;
    color:#fd00eb;
}
.topRightMenu i.warning:hover{
    background: #fd00eb;
    color:#fff;
}
.topRightMenu i.danger{
    background: #fff8e9;
    color:#fcbc29;
}
.topRightMenu i.danger:hover{
    background: #fcbc29;
    color:#fff;
}