/**
 * Header CSS.
 *
 * @package fwdsc
 * @since fwdsc 1.0
 */
 

/* General. */
.fwdsc-header{
    width: calc(100% + 20px) !important;
    height: 68px !important;
    border-bottom: 1px solid #dcdfe7 !important;
    margin-left: -20px !important;
    background: #FFF !important;
}

.fwdsc-header svg{
    position: relative;
    margin: 4px 20px;
}

.fwdsc-header img{
   display:inline-block !important;
    border-right: 1px solid #dcdfe7 !important;
}

.fwdsc-header h1{
    font-family: Roboto !important;
   display:inline-block !important;
    position: relative !important;
    top: -26px;
    left: 16px;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 36px!important;
    text-transform: capitalize !important;
    color: #333 !important;
 }

 .fwdsc-header .fwdsc-dialog-button{
   float: right !important;
   outline: none !important;
   box-shadow: none !important;
   margin: 14px 20px 0 !important;
}

.fwdsc-header .fwdsc-dialog-button.demos{
    margin-left: -10px !important;
    background: #E01F1C !important;
    border-color: #E01F1C !important;
    color: #FFF !important;
 }

 .fwdsc-header .fwdsc-dialog-button.demos:hover{
    background: #169A24 !important;
    border-color:#169A24 !important;
 }


 /* Message. */
.fwdsc-message{
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: normal !important;
   display:inline-flex !important;
    padding: 8px 16px !important;
    justify-content: center !important;
    border-radius: 4px !important;
    background: #4CAF50 !important;
    border: none !important;
    color: #FFF !important;
}

.fwdsc-message.error{
    background: #F80C0C !important;
}


@media screen and (max-width: 782px){
    .fwdsc-header .fwdsc-dialog-button.demos{
        margin-right: 10px !important;
    }
}