/** ===== ===== addon fonts ===== ===== **/
/**
@font-face {
    font-family: 'fontName';
    font-style: italic;
    font-weight: 400;
    src: url("fontFile.eot");
    src: url("fontFile.eot?#iefix") format("embedded-opentype"), url("fontFile.woff2") format("woff2"), url("fontFile.woff") format("woff"), url("fontFile.ttf") format("truetype");
  }
**/

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    src: url("/assets/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 600;
    src: url("/assets/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
}


@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url("/assets/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url("/assets/fonts/Roboto/Roboto-Italic.ttf") format("truetype");
}


@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 200;
    src: url("/assets/fonts/Roboto/Roboto-Light.ttf") format("truetype");
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 200;
    src: url("/assets/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");
}



/** ===== ===== svg icons ===== ===== **/
.chevron-left {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z' /%3E%3C/svg%3E");}
.chevron-right {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' /%3E%3C/svg%3E");}


.mdi-clock-outline {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z' /%3E%3C/svg%3E");}

.mdi-check {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Echeck%3C/title%3E%3Cpath d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' fill='%23000' /%3E%3C/svg%3E");}
.mdi-check-white, input[type="checkbox"].form-control:before, input[type="radio"].form-control:before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Echeck%3C/title%3E%3Cpath d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' fill='%23fff' /%3E%3C/svg%3E");}


/** ===== ===== animation ===== ===== **/
@keyframes rolling {
    from {
        transform:rotate(0deg)
    }
    to
    {
        transform:rotate(360deg)    
    }
}