*{
    transition: ease-out all 0.4s;
}

html{
    font-family: 'Roboto', sans serif;
    padding: 0px;
    margin: 0px;
}

h1, h2, h3, h4, h5{
    font-family: 'Roboto', sans serif;
}

body{
    padding: 0px;
    margin: 0px;
    background: #ffffff;
    /*background: #ffffff;*/
}

.field-name-body {
    width: calc(100% - 20px); 
    padding-left: 20px;
}

body, djoluc-page-content{
    background: #ffffff;
    /*background: #ffffff;*/
}

button, input[type="button"], input[type="submit"]{
    background: #252525;
    border-radius: 2px;
    border-width: 0px;
    padding: 8px;
    color: #ffffff;
}

button:hover, input[type="button"]:hover{
    background: #000000;
}


djoluc-page-header{
    background: #ffffff;
    color: #000;
}

djoluc-page-header[fixed]{
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}


.main_color_bg{
    background: #ffffff;
}

.main_color_text{
    color: #000;
}


djoluc-page-header > djoluc-header-left-field > djoluc-logo{
    display: inline-block;
}
        
djoluc-page-header > djoluc-header-right-field > ul > li > a > djoluc-title, djoluc-page-header > djoluc-header-right-field > ul > li > a > djoluc-icon{
    color: #ffffff;
}


djoluc-page-content{
    /*background: #ffffff;*/
    background: #ffffff;
    width: calc(100% - 0px);
    min-height: calc(100vh - 50px);
    height: calc(100vh - 50px);
    margin-top: 50px;
    padding: 0px;
}

#menu_button{
    display: inline-block; 
    cursor: pointer; 
    position: absolute; 
    top: 0px; 
    right: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 3px; 
    border-radius: 30px;
}

#menu_button > djoluc-dropdown-menu{
    right: -10px;
    top: 40px;
}

#menu_button > djoluc-dropdown-menu:before{
    display: none;
}

#menu_button > i{
   font-size: 25px;
}