/* ============================= */
/* set up colors from MCG Colors */
/* ============================= */

:root { 
    --mcg-white: #ffffff;
    --mcg-red-7: #971c27;
    --mcg-danger: var(--mcg-red-7);
}

.mcg-btn-danger,
.mcg-btn-danger:focus,
.mcg-btn-danger:active
{
    border-color: var(--mcg-danger);
    background-color: var(--mcg-danger);
    color: var(--mcg-white);
}
    .mcg-btn-danger:hover
    /* .mcg-btn-danger:focus,
    .mcg-btn-danger:active */  {
        color: var(--mcg-danger)!important;
        background-color: var(--mcg-white)!important;
        border-color: var(--mcg-danger)!important;
    }
    
/* end color setup */
   
    #mcg_cms_feedback.modal.left .modal-dialog,
    #mcg_cms_feedback.modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        width: 40%;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    @media (max-width: 767px) {
        #mcg_cms_feedback.modal.left .modal-dialog,
        #mcg_cms_feedback.modal.right .modal-dialog
        {width: 90%;}
    }
    #mcg_cms_feedback.modal.left .modal-content,
    #mcg_cms_feedback.modal.right .modal-content {
        height: 100%;
        overflow-y: auto;
    }
    #mcg_cms_feedback.modal.left .modal-body,
    #mcg_cms_feedback.modal.right .modal-body {
        padding: 15px 15px 80px;
    }

    /*Left */
    #mcg_cms_feedback.modal.left.fade .modal-dialog {
        left: -320px;
        -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
        -o-transition: opacity 0.3s linear, left 0.3s ease-out;
        transition: opacity 0.3s linear, left 0.3s ease-out;
    }

    #mcg_cms_feedback.modal.left.fade.in .modal-dialog {
        left: 0;
    }

    #mcg_cms_feedback.modal.right.fade .modal-dialog {
        right: -320px;
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
        -o-transition: opacity 0.3s linear, right 0.3s ease-out;
        transition: opacity 0.3s linear, right 0.3s ease-out;
    }

    #mcg_cms_feedback.modal.right.fade.in .modal-dialog {
        right: 0;
    }
    #mcg_cms_feedback{
        z-index:99999999;
    }
    

    .mcg_btn_feedback {
        border: 2px solid #ffffff; /* for better contrast against darker page areas */
        font-weight: 700;
        position: fixed;
        bottom: 10px;
        margin-left: 10px;
        z-index:999;
    }

@media (min-width:768px) {
    .mcg_btn_feedback {
        right: -25px; 
        top: 55%;
        bottom: unset;
        /* margin-right: -40px; */
        margin-left: -25px;
        /* Safari */
        -webkit-transform: rotate(-90deg);
        /* Firefox */
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
    }
}
    #mcg_cms_feedback .close {color: #373737; opacity: 1;}
    #mcg_cms_feedback .close-link {
        cursor: pointer;
        text-decoration: underline;
        position: absolute;
        top: 38px;
        right: 15px;
    }
    #mcg_cms_feedback h4 {font-family: 'Lato', sans-serif; font-weight: bold; color: #373737;}
    
/* hide Feedback button when page is printed */
@media print {
    .mcg_btn_feedback {display:none;}
}