/* completionlist */
.fab-completionlist                             { background-color: #FFFFFF; font-family: 'Open Sans', sans-serif; font-size: 12px; list-style-type: none; margin: 0; padding: 0 0 0 0; text-align: left; }
.fab-completionlist_item                        { background-color: #FFFFFF; border-top: solid 0 #EEEEEE; border-right: solid 1px #EEEEEE; border-bottom: solid 1px #EEEEEE; border-left: solid 1px #EEEEEE; color: #000000; padding: 3px 2px; }
.fab-completionlist_highlighteditem             { background-color: #999999; border-top: solid 0 #999999; border-right: solid 1px #999999; border-bottom: solid 1px #999999; border-left: solid 1px #999999; color: White; padding: 3px 2px; }
    

.fab-blue { color: #1E87F0; }
.fab-gray { color: #eeeeee; }
.fab-green { color: #39BA36; }
.fab-limegreen { color: #00FF00; }
.fab-orange { color: #FFA500; }
.fab-pink { color: #FFC0C0; }
.fab-purple { color: #C000C0; }
.fab-red { color: #ED1D23; }
.fab-white { color: #FFFFFF; }
.fab-yellow { color: #FFFF00; }

span.fab-orange { color: #FFA500; }

.fab-padding-xsmall {
    padding: 4px !important;
}



th.fab-text-small { font-size: 10px; }

.fab-text-small { font-size: 12px; }

.fab-text-medium { font-size: 17px; }

.fab-background-green {
    background-color: green;
    color: #fff;
}





.dev-blue {
    border: 1px dashed blue;
}
.dev-green {
    border: 1px dashed green;
}
.dev-red {
    border: 1px dashed red;
}


.fab-material-icon {
    vertical-align: bottom;
    margin-right: 20px;
}



label i.fab-icon-filter    { font-size: 14px; margin-left: 5px; }
.fab-icon-inline    { font-size: 15px; margin-right: 5px; }
.fab-icon-small     { font-size: 17px; margin: 8px !important; }


label i.fab-input-required {
    color: #FFA500;
    font-size: 12px;
    font-weight: normal;
}

.fab-offcanvas-menu li {
    padding: 2px !important; border: 1px solid transparent;
}
.fab-offcanvas-menu li:hover {
    border: 1px solid #A3A3A3;
}

.fab-topbar a i { font-size: 18px; }
.fab-topbar li a i { font-size: 18px; }

.fab-offcanvas-icon { font-size: 20px; margin-right: 20px; }

.fab-required               { font-weight: normal; }
.fab-fa-form-icon           { font-size: 19px; }
.fab-fa-pagetitle-icon      { font-size: 26px; height: 28px; padding-top:4px; }
h6.fab-color-gray           { color: #bbbbbb; }

.fab-tile-xsmall {
    background-color: #0062AE;
    color: #ffffff;
    font-size: 11px;
    height: 100px;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100px;
}
.fab-tile-xsmall i.fa-2x {
    font-size: 52px;
    margin: 16px 0 8px 0;
}
.fab-tile-xsmall:hover {
    background-color: #FFA500;
}
.fab-tile-xsmall:before a {
    text-decoration: none;
}

.fab-width-xsmall {
    width: 80px;
}

.fab-width-smallish {
    width: 200px;
}

.fab-background-gray {
    background-color: #999;
    color: #fff;
}

.fab-background-danger {
    background-color: #F0506E;
    color: #fff;
}

/* Small screen */
@media (min-width: 640px) {
    .fab-width-smallish\@s {
        width: 200px;
    }
}

/* Medium screen */
@media (min-width: 960px) {
    .fab-width-smallish\@m {
        width: 200px;
    }
}

/* Large screen */
@media (min-width: 1200px) {
    .fab-width-smallish\@l {
        width: 200px;
    }
}

/* Large screen and bigger */
@media (min-width: 1600px) {
    .fab-width-smallish\@xl {
        width: 200px;
    }
}

.uk-form-controls input,
.uk-form-controls select,
.uk-form-controls textarea {
    font-size: 14px;
}

.uk-form-label i {
    font-size: 18px;
}

.fab-icon {
    font-size: 20px;
}

.uk-navbar-item i {
    font-size: 17px;
}

.uk-table {
    font-size: 13px;
}

.uk-table a {
    font-size: 13px;
}

.uk-table th {
    font-size: 11px;
}

.uk-table th a {
    font-size: 11px;
}