@font-face {
    font-family: 'ms';
    src:  url('../../../panel/static/fonts/ms.eot?t0t98f');
    src:  url('../../../panel/static/fonts/ms.eot?t0t98f#iefix') format('embedded-opentype'),
        url('../../../panel/static/fonts/ms.ttf?t0t98f') format('truetype'),
        url('../../../panel/static/fonts/ms.woff?t0t98f') format('woff'),
        url('../../../panel/static/fonts/ms.svg?t0t98f#ms') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="msicon-"], [class*=" msicon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'ms' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.msicon-ms-alert-circle:before {
    content: "\c900";
}
.msicon-ms-alert-triangle:before {
    content: "\c901";
}
.msicon-ms-align-justify:before {
    content: "\c902";
}
.msicon-ms-archive:before {
    content: "\c903";
}
.msicon-ms-arrow-down:before {
    content: "\c904";
}
.msicon-ms-arrow-left:before {
    content: "\c905";
}
.msicon-ms-arrow-right:before {
    content: "\c906";
}
.msicon-ms-arrow-up:before {
    content: "\c907";
}
.msicon-ms-bell:before {
    content: "\c908";
}
.msicon-ms-book:before {
    content: "\c909";
}
.msicon-ms-camera:before {
    content: "\c90a";
}
.msicon-ms-check:before {
    content: "\c90b";
}
.msicon-ms-chevron-down:before {
    content: "\c90c";
}
.msicon-ms-chevron-left:before {
    content: "\c90d";
}
.msicon-ms-edit:before {
    content: "\c90e";
}
.msicon-ms-edit-2:before {
    content: "\c90f";
}
.msicon-ms-eye:before {
    content: "\e910";
}
.msicon-ms-folder:before {
    content: "\e911";
}
.msicon-ms-folder-plus:before {
    content: "\e912";
}
.msicon-ms-gift:before {
    content: "\c913";
}
.msicon-ms-git-pull-request:before {
    content: "\c912";
}
.msicon-ms-grid:before {
    content: "\c915";
}
.msicon-ms-hard-drive:before {
    content: "\c916";
}
.msicon-ms-headphones:before {
    content: "\c917";
}
.msicon-ms-heart:before {
    content: "\c918";
}
.msicon-ms-home:before {
    content: "\c919";
}
.msicon-ms-image:before {
    content: "\c91a";
}
.msicon-ms-layers:before {
    content: "\c91b";
}
.msicon-ms-mail:before {
    content: "\c91c";
}
.msicon-ms-maximize:before {
    content: "\c91d";
}
.msicon-ms-message-circle:before {
    content: "\c91e";
}
.msicon-ms-message-square:before {
    content: "\c91f";
}
.msicon-ms-mic:before {
    content: "\c920";
}
.msicon-ms-minus-circle:before {
    content: "\c921";
}
.msicon-ms-more-horizontal:before {
    content: "\c922";
}
.msicon-ms-more-vertical:before {
    content: "\c923";
}
.msicon-ms-music:before {
    content: "\c924";
}
.msicon-ms-plus-circle:before {
    content: "\c925";
}
.msicon-ms-power:before {
    content: "\c926";
}
.msicon-ms-refresh-ccw:before {
    content: "\c927";
}
.msicon-ms-rotate-ccw:before {
    content: "\c928";
}
.msicon-ms-rotate-cw:before {
    content: "\c929";
}
.msicon-ms-scissors:before {
    content: "\c92a";
}
.msicon-ms-search:before {
    content: "\c92b";
}
.msicon-ms-shopping-bag:before {
    content: "\c92c";
}
.msicon-ms-shopping-cart:before {
    content: "\c92d";
}
.msicon-ms-sun:before {
    content: "\c92e";
}
.msicon-ms-tag:before {
    content: "\c92f";
}
.msicon-ms-trash:before {
    content: "\c930";
}
.msicon-ms-trash-2:before {
    content: "\c931";
}
.msicon-ms-user:before {
    content: "\c932";
}
.msicon-ms-user-check:before {
    content: "\c933";
}
.msicon-ms-user-plus:before {
    content: "\c934";
}
.msicon-ms-wifi:before {
    content: "\c935";
}
.msicon-ms-x:before {
    content: "\c936";
}
.msicon-ms-x-circle:before {
    content: "\c937";
}
.msicon-ms-x-square:before {
    content: "\c938";
}
.msicon-ms-zoom-in:before {
    content: "\c939";
}

.msicon-2x{
    font-size:40px;
}
.msicon-3x{
    font-size:60px;
}
.msicon-4x{
    font-size:100px;
}

@keyframes fadeIn {
    0% { margin-right:-1550px;opacity:0; }
    100% { margin-right:0;opacity:1;}
}

@-moz-keyframes fadeIn {
        0% { margin-right:-1550px;opacity:0; }
    100% { margin-right:0;opacity:1;}
}

@-webkit-keyframes fadeIn {
     0% { margin-right:-1550px;opacity:0; }
    100% { margin-right:0;opacity:1;}
}

@-o-keyframes fadeIn {
       0% { margin-right:-1550px;opacity:0; }
    100% { margin-right:0;opacity:1;}
}

@-ms-keyframes fadeIn {
    0% { margin-right:-1550px;opacity:0; }
    100% { margin-right:0;opacity:1;}
}
.ms-toolbar {
 animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;

    padding:10px;
    width:80px;
    position: fixed;
    z-index: 99;
    padding-bottom:10px;
    background-color: #E3494B;
    min-height: 10px;

  -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 25%)  !important;
    -moz-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 25%)  !important;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 25%)  !important;
    opacity:1;
    right:0;
    left:auto;
    top:0;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto;
       height: 240px;
    z-index:9999999999999;
    border-radius:20px 0px 0px 20px;
}
.ms-toolbar-content{
    position: relative;
    min-height: 60px;
    font-family: "Poppins",Arial;
    text-align: center;
}


.ms-toolbar-content a{
        text-align: center;
    text-decoration: none;
    border-radius: 400px;
    font-size: 14px;
    font-weight: 500;
    font-family: "Poppins",Arial;
    border: 0px;
    color: rgba(255,255,255,0.6);
    outline: none!important;

     display:block;
    width:60px;
    height:60px;
    position: relative;
    margin-top:10px;
}
.ms-toolbar-content a:hover{
    text-decoration: none;
        background: rgba(255,255,255,0.1);
    color: #ffffff;
}
.ms-toolbar-content a i{
    font-size:30px;
    padding-top:14px;
    display:block;

}