.load-spinner{

    font-size: 16px;

    padding: 3px 3px;   

}

.load-spinner .spin-red{

    display: inline-block;

    margin-right: 2px;

    margin-bottom: -1px;

    border: 3px solid red;

    border-radius: 50%;

    border-top: 3px solid white;

    width: 15px;

    height: 15px;

    -webkit-animation: spin 0.8s linear infinite; /* Safari */

    animation: spin 0.8s linear infinite;

}

.load-spinner .spin-green{

    display: inline-block;

    margin-right: 2px;

    margin-bottom: -3px;

    border: 3px solid green;

    border-radius: 50%;

    border-top: 3px solid white;

    width: 15px;

    height: 15px;

    -webkit-animation: spin 0.8s linear infinite; /* Safari */

    animation: spin 0.8s linear infinite;

}

/* Safari */

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}

@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}

.cannot-access {

    display: flex;

    gap: 10px;

    padding: 10px 20px;

    background-color: #ffe9e9;

    line-height: 1.3;

    align-items: center;

}

.cannot-access .dashicons-warning::before {

    color: red;

}

.success {

    display: flex;

    gap: 10px;

    padding: 10px 20px;

    background-color: #ddffde;

    line-height: 2;

    align-items: center;

}

.success .dashicons-yes-alt::before {

    color: green;

}

.border-red{

	border-color: red !important;

}

.notice-red {

    margin-top: 10px;

    margin-bottom: 10px;

    color: red;

    background-color: #ffe4e4;

    padding: 8px 10px;

}

.notice-green {

    margin-top: 10px;

    margin-bottom: 10px;

    color: green;

    background-color: #e5ffe9;

    padding: 8px 10px;

}