/**
 * Easyship.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Easyship.com license that is
 * available through the world-wide-web at this URL:
 * https://www.apache.org/licenses/LICENSE-2.0
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Goeasyship
 * @package     Goeasyship_Shipping
 * @copyright   Copyright (c) 2022 Easyship (https://www.easyship.com/)
 * @license     https://www.apache.org/licenses/LICENSE-2.0
 */

div[id^=easyship] .activatebutton {
    background: #31C9A1;
    border: 1px solid #FFE0E0;
    border-radius: 8px;
    font-size: 12px;
    color: #FFFFFF;
    height: 33px;
    width: 183px;
}

div[id^=easyship] .status {
    border: 1px solid #979797;
    border-radius: 8px;
    font-size: 10px;
    padding: 1px 4px;

}

div[id^=easyship] .active {
    background: #7FF48B;
    color: #554545;
}

div[id^=easyship] .deactive {
    background: #E55C5C;
    color: #FFFFFF;
}

div[id^=easyship] .storebackground {
    background: #FFFFFF;
    border: 1px dotted #979797;
    border-radius: 8px;
    margin-bottom: 5px;
}

div[id^=easyship] .flex-container {
    display: flex;
    flex-direction: row;
    padding: 10px 20px;
}

div[id^=easyship] .statuscontainer {
    display: flex;
    flex-direction: column;
}

div[id^=easyship] .storename {
    font-size: 14px;
    color: #837676;
    margin: 5px 0;

}

div[id^=easyship] .statusLabel {
    font-size: 12px;
    color: #837676;
    margin: 5px 0;
}

div[id^=easyship] .buttoncontainer {
    margin-left: auto;
    padding-top: 30px;
}

div[id^=easyship] .resetbutton {
    background: rgb(211, 72, 72);
    border: 1px solid #FFE0E0;
    border-radius: 8px;
    font-size: 12px;
    color: #FFFFFF;
    height: 33px;
    width: 183px;
}