/* ===============
   Generic CSS for gloubi-boulga-core
   =============== */

/* ===============
   GENERIC COLORS
   =============== */

.glb-error {
    color: #8c0039;
}

.glb-warning {
    color: #b77d0c;
}

.glb-info {
    color: #00669b;
}

.glb-success {
    color: #4d7631;
}

.glb-question {
    color: #908f09;
}

.glb-error-background {
    color: #f2dede;
}

.glb-warning-background {
    color: #fcf8e3;
}

.glb-question-background {
    color: #fcf8e3;
}

.glb-info-background {
    color: #d9edf7;
}

.glb-success-background {
    background-color: #dff0d8;
}

/* ===============
   POSITIONING
   =============== */

.glb-valign-middle {
    display: flex;
}

i.dashicons + span, span.dashicons + span {
    margin-left: 10px;
}
/*.glb-text-icon-margin-right {
    margin-right: 10px;
}*/

.glb-vcenter {
    display: flex;
}

.glb-vcenter div, .glb-vcenter span, .glb-vcenter p, .glb-vcenter i {
    margin-top :auto;
    margin-bottom :auto;
}

.glb-hcenter {
    text-align: center;
}

.glb-vcenter.glb-hcenter {
    justify-content: center;
    align-items: center;
}

.glb-filled-container {
    display: flex;
    flex-flow: column;
    height: 100%;
    align-items: stretch;
}

.glb-filled-child-fixed {
    flex: 0 1 auto;
}

.glb-filled-child-remain {
    /*flex-grow: 1;
    height: 100%;*/
    flex: 1 1 auto;
}

.glb-full-height {
    height: 100%;
}

/* ===============
   VISIBILITY
   =============== */

.glb-hidden {
    display: none;
}

.glb-loader {
    width: 100vw;
    height: 100vw;
    position: fixed;
    background-color: rgba(204, 204, 204, 0.61);
    z-index:999999;
    top: 0;
    left: 0;
}

.glb-loader:before {
    content:'';
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -100px;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.glb-highlight {
    animation: highlight 3000ms;
    -webkit-animation: highlight 3000ms;
}


@keyframes highlight
{
    0%   {background: rgb(255, 255, 0);}
    0%   {background: rgba(255, 255, 0, 1);}
    25%  {background: rgb(255, 255, 0)}
    25%  {background: rgba(255, 255, 0, 0.75)}
    50%  {background: rgb(255, 255, 0);}
    50%  {background: rgba(255, 255, 0, 0.5);}
    75%  {background: rgb(255, 255, 0);}
    75%  {background: rgba(255, 255, 0, 0.25);}
    100% {background: transparent;}
    100% {background: rgba(255, 255, 0, 0);}
}

@-webkit-keyframes highlight
{
    0%   {background: rgb(255, 255, 0);}
    0%   {background: rgba(255, 255, 0, 1);}
    25%  {background: rgb(255, 255, 0)}
    25%  {background: rgba(255, 255, 0, 0.75)}
    50%  {background: rgb(255, 255, 0);}
    50%  {background: rgba(255, 255, 0, 0.5);}
    75%  {background: rgb(255, 255, 0);}
    75%  {background: rgba(255, 255, 0, 0.25);}
    100% {background: transparent;}
    100% {background: rgba(255, 255, 0, 0);}
}

/* GeneratePress incompatiblity */
.wp-auth-check-close {
    background-color: transparent !important;
    padding-top: 0 !important;
}