/* top bar row width */
.tab-bar .row {
    max-width: none;
}

/* change the color at menu nav at aplication */
nav.tab-bar {
    padding-left: 2em;
    background: #42BDDB;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #555553;
}

/* quit border to icon right of menu */
section.right-small {
    border-left: none;
    box-shadow: none;
}

/* image logo */
#image-logo {
    margin-top: -5px;
    width: 50px;
    max-width: none;
}

/* top bar color section */
.top-bar-section li a:not(.button) {
    background: #42BDDB;
    font-size: 16px;
    font-weight: bold;
    font-family: 'lato',sans-serif;
    line-height: 40px;
}

.top-bar-section li a:not(.button):hover {
    background: #46C8E8;
}

.top-bar-section ul li {
    list-style-type: none;
}

.off-canvas-list li ul.f-dropdown {
    margin-left: 7%;
}

.off-canvas-list li ul.f-dropdown li a {
    border: none;
    color: #323232;
}

/*.triangle-selector {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 14px 10px;
    border-color: transparent transparent #fcfcfc transparent;
}*/

.arrow_box {
	position: relative;
	background: #42BDD8;
    
}

.arrow_box:after {
	top: 64%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(66, 189, 216, 0);
	border-bottom-color: #f5f5f5;
	border-width: 10px;
	margin-left: -15px;
}

aside.left-off-canvas-menu ul.off-canvas-list li a.arrow_box:after {
    border-bottom-color: transparent;
}

ul.off-canvas-list li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Medias queries */
@media all and (max-width: 900px) and (min-width: 786px) {
	nav section.top-bar-section ul li a {
		font-size: 13px !important;
	} 
}

@media all and (max-width: 790px) and (min-width: 751px) {
	nav section.top-bar-section ul li a {
		font-size: 12px !important;
	} 
}

@media all and (min-width: 751px) {
	nav.tab-bar section.left-small {
		display: none !important;
	}
}

@media all and (max-width: 750px) {
	nav section.top-bar-section {
		display: none !important;
	}

    nav.tab-bar section.left-small {
        display: block;
        border-right: none;
        box-shadow: none;
    }
}