@font-face {
    font-family: FontAwesome;
    src: url(../../fonts/font-awesome/fonts/FontAwesome.otf);
}

@font-face {
    font-family: fontawesome-webfont;
    src: url(../../fonts/font-awesome/fonts/fontawesome-webfont.ttf);
}

@font-face {
    font-family: Roboto-Medium ;
    src: url(../../fonts/Roboto/Roboto-Medium.ttf);
}

@font-face {
    font-family: Roboto-Light ;
    src: url(../../fonts/Roboto/Roboto-Light.ttf);
}

@font-face {
    font-family: Roboto-Regular ;
    src: url(../../fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: Roboto-Bold ;
    src: url(../../fonts/Roboto/Roboto-Bold.ttf);
}

html, body {
    height: 100%;
}

body {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
}

a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
}

.wrapper {
    min-height: 100%;
    height: auto;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.wrapper:before, .wrapper:after {
    content: " ";
    display: table;
}

.wrapper:after {
    clear: both;
}

.content-wrapper {
    background: #EEF0F8;
    margin-left: 50px;
}

.content {
    min-height: 500px;
    /* padding: 15px; */
    padding: 15px 122px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    background: #EEF0F8;
}

/* .main-footer {
  background: #fff;
  padding: 15px;
  color: #444;
  border-top: 1px solid #d2d6de;
}  */

.mat-drawer-content {
    background: #EEF0F8;
}