/* Btn */
.btn-row {
    display: flex;
    justify-content: flex-end;
}

    .btn-row button {
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

.div-content-center__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.div-content-space-between__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.CancleOPTButton, .NormalOPTButton {
    padding: 12px 50px;
    display: block;
    color: black;
    transition: color 0.5s ease,border 0.5s ease,background-color 0.5s ease;
}
    .CancleOPTButton:focus,
    .NormalOPTButton:focus,
    .CancleOPTButton:hover,
    .NormalOPTButton:hover {
        color: #7f400b !important;
        border-color: #7f400b !important;
        background-color: #ffffff !important;
    }

.ConfirmOPTButton {
    padding: 12px 50px;
    display: block;
    margin-right: 15px;
    text-align: center;
}
    .ConfirmOPTButton:focus,
    .ConfirmOPTButton:hover {
        background-color: #7f400b !important;
        color: #fff !important;
        border-color: #7f400b !important;
        transition: color 0.5s ease,border 0.5s ease,background-color 0.5s ease;
    }

.div-content-space-between__btns .submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


@media (max-width: 600px) {
    .div-content-space-between__btns {
        flex-direction: column;
        text-align: center;
    }

    .more-btn {
        width: 100%;
        margin-bottom: 12px;
    }

    .div-content-space-between__btns .submit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
}

@media (max-width: 1600px) {
    .ConfirmOPTButton, .CancleOPTButton {
        padding: 6px 30px;
    }
}

@media(max-width:600px) {
    .div-content-center__btns {
        flex-direction: column;
        text-align: center;
    }

    .OPT-Circle-Button {
        width: 100%;
        border-radius: 0px;
        padding: 6px 0px;
    }

    .CancleOPTButton, .NormalOPTButton {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .ConfirmOPTButton {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
        margin-bottom: 12px;
    }
}

.OPT-Circle-Button {
    border-radius: 100px;
    border: 1px solid #1e2024;
}

.btn-row button[type=button]:hover {
    color: #d28520 !important;
    border-color: #d28520 !important;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: unset !important;
}

a {
    cursor: pointer !important;
}

.form-item-field a {
    cursor: pointer !important;
}

.LinkOPTButton {
    display: block;
    position: relative;
    transition: color 0.2s linear;
    display: flex;
    align-items: center;
    color: black;
    text-align: right;
    transition: background-color 0.5s ease, color 0.5s ease;
    width: 100%;
}

.MenuOPTBTNIcon {
    font-size: 1.4rem !important;
    position: absolute;
    left: 12px !important;
}

a[disabled=disabled] {
    pointer-events: none !important;
    opacity: .5 !important;
}

.LinkOPT {
    position: relative;
}

    .LinkOPT .tool-tip {
        display:none;
        background-color: #2e323a;
        color: white !important;
        font-size: 0.8rem;
        position: absolute;
        bottom: 110%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 12px;
        border-radius: 6px;
        z-index:2;
        pointer-events:none;
    }

        .LinkOPT .tool-tip::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #2e323a transparent transparent transparent;
        }

    .LinkOPT:hover {
        color: #f0a53a;
    }

        .LinkOPT:hover .tool-tip {
            display: block;
        }

/*confirm and cancel btns*/
.div-content-space-between__btns .submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


@media (max-width: 600px) {
    .div-content-space-between__btns {
        flex-direction: column;
        text-align: center;
    }

    .more-btn {
        width: 100%;
        margin-bottom: 12px;
    }

    .div-content-space-between__btns .submit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
}

/*ltr setup for buttons*/
body[dir=ltr] .ConfirmOPTButton{
    margin-left:15px;
    margin-right:0px;
}
@media(max-width:600px){
    body[dir=ltr] .ConfirmOPTButton {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.disabled {
    pointer-events: none !important;
    opacity: 0.8;
}
.OPT-IconButton {
    padding: 12px !important;
    font-size: 1.1rem !important;
}