/*Colour themes and settings**********************************************/

.flagpop {
	width: 80px;
	margin: 4px;
}
.flagTheme {
    background-color: none;
    color: #fff;
    border-radius: 2px;
    padding: 0;
    position: relative;
    cursor: pointer;
}

.flagTheme i:hover {
    background-color: #4d4d4d;
}

/*Popup arrow theme and settings********************************************/
.flag-cont.flag-top::after {
    content: "";
}


/*Popup menu container********************************************************/
.flag-cont {
    position: relative;
    display: block;
    cursor: pointer;
    background-color:rgb(188,188,188, 0.7);
}

.flag-cont, .flag-item, .flagTheme {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/*Individual menu item*/
.flag-item {
    height: 100%;
    display: block;
    padding: 0px;	/* avoid missed click */
	text-align:right;
 }


.flag-item i {
    margin: 0;
}

/*Position of the popup*******************************************************/
.flag-top {
    position: absolute;
    top: 100%;
}


/*Animation classes and rules*************************************************/
.animate-standard {
    -webkit-animation: animateStandard 0.3s 1 ease;
    animation: animateStandard 0.3s 1 ease;
}

@-webkit-keyframes animateStandard {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes animateStandard {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

/*Keeps popup menus hidden until needed****************************************/
.hidden {
    display: none !important;
}

.clear {
    clear: both;
}