.uk-navbar {
    background: white;
}

.uk-dropdown-navbar {
    background: rgb(255, 255, 255);
}

.uk-dropdown {
    background: rgb(255, 255, 255);
    border: 1px solid #e3e3e3;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
}

.uk-open .uk-dropdown {
    transition: height 0.5s cubic-bezier(0.96, 0.11, 0.38, 0.81);
}

.uk-nav-dropdown {
    -webkit-transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}

.uk-nav-dropdown li a {
    display: block;
    opacity: 0;
    pointer-events: none;
    outline: none;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.uk-open .uk-nav-dropdown li a {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.uk-dropdown-navbar {
    background: rgb(255, 255, 255);
}

.uk-navbar-nav>li.uk-open>a {
    background: rgb(255, 252, 252);
}

.uk-navbar-nav > li.uk-active > a {
    color: #525252;
    cursor: pointer;

}

.uk-navbar-toggle {
    color: rgb(232, 232, 232);
}

.uk-navbar-nav>li>a{
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
}

.uk-navbar-nav>li>a:hover{
    background-color: rgba(255, 255, 255, 0);
}

.uk-nav>li>a{
    padding-top: 8px;
    padding-bottom: 8px;
}

/**/

.uk-modal-header {
    margin: -20px -20px 15px;
    padding-top: 10px;
    text-align: center;
}

.uk-placeholder {
    margin-bottom: 15px;
    padding: 20px;
    border: 1px dashed #DDD;
    color: #444;
}

.uk-form-file input[type="file"] {
    position: absolute;
    top: 0px;
    z-index: 1;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    left: 0px;
    font-size: 500px;
}

.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="email"],
.uk-form select,
.uk-form textarea
{
     border-width: 0px;
     padding: 10px;
     line-height: 20px;
     background-color: #f5f5f5;
     height: auto;
 }
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="email"],
.uk-form select,
.uk-form textarea:focus {
    border: 1px solid #f2f2f2;
    background-color: #f5f5f5;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.uk-nav-side ul a {
    color: rgba(90, 90, 90, 0.86);
    margin-left: 15px;
}

.uk-nav-side ul a:hover {
    color: #000;
    transition: all 0.2s;
}


/* table */
.table-striped {}
.table-striped thead{border-bottom: 1px solid #e5e5e5;}
.table-striped tbody tr {border-bottom: 1px solid #e0e0e0}


/* navbar */
.navbar-group {
    background: rgb(253, 253, 253);
    border-bottom: 1px solid #f4f4f4;
}


/* table */
.o-row-select {}
.o-row-selected td {
    background-color: #00baff;
    color: #fff;
}
.o-row-selected a{
    color: white;
}

/* fonts */
.font-smaller{font-size: smaller}
.font-larger{font-size: larger}
.font-xx-large{font-size: xx-large}
.font-x-large{font-size: x-large}
.font-large{font-size: large}
.font-medium{font-size: medium}
.font-small{font-size: small}
.font-x-small {font-size: x-small}
.font-xx-small {font-size: xx-small}

/* margin */
.margin-top-05 { margin-top: 0.5rem; }
.margin-top-10 { margin-top: 1.0rem; }
.margin-top-15 { margin-top: 1.5rem; }
.margin-top-20 { margin-top: 2.0rem; }
.margin-top-25 { margin-top: 2.5rem; }
.margin-top-30 { margin-top: 3.0rem; }

/* padding */
.padding-top-05 { padding-top: 0.5rem; }
.padding-top-10 { padding-top: 1.0rem; }
.padding-top-15 { padding-top: 1.5rem; }
.padding-top-20 { padding-top: 2.0rem; }
.padding-top-25 { padding-top: 2.5rem; }
.padding-top-30 { padding-top: 3.0rem; }
.padding-left-05 { padding-left: 0.5rem; }
.padding-left-10 { padding-left: 1.0rem; }
.padding-left-15 { padding-left: 1.5rem; }
.padding-left-20 { padding-left: 2.0rem; }
.padding-left-25 { padding-left: 2.5rem; }
.padding-left-30 { padding-left: 3.0rem; }
.padding-right-05 { padding-right: 0.5rem; }
.padding-right-10 { padding-right: 1.0rem; }
.padding-right-15 { padding-right: 1.5rem; }
.padding-right-20 { padding-right: 2.0rem; }
.padding-right-25 { padding-right: 2.5rem; }
.padding-right-30 { padding-right: 3.0rem; }
.padding-bottom-05 { padding-bottom: 0.5rem; }
.padding-bottom-10 { padding-bottom: 1.0rem; }
.padding-bottom-15 { padding-bottom: 1.5rem; }
.padding-bottom-20 { padding-bottom: 2.0rem; }
.padding-bottom-25 { padding-bottom: 2.5rem; }
.padding-bottom-30 { padding-bottom: 3.0rem; }
.padding-top-bottom-05 { padding-top: 0.5rem; padding-bottom: 0.5rem;}
.padding-top-bottom-10 { padding-top: 1.0rem; padding-bottom: 1.0rem;}
.padding-top-bottom-15 { padding-top: 1.5rem; padding-bottom: 1.5rem;}
.padding-top-bottom-20 { padding-top: 2.0rem; padding-bottom: 2.0rem;}

/* boxes */
.box{
    /*border: 1px solid #dbdbdb; */
    background-color: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
/*
.box:hover{
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    transition: 0.2s;
}
*/

.box-danger {border-top: 4px solid #f20404;}
.box-primary {border-top: 4px solid #00a8e6;}
.box-success {border-top: 4px solid #0aad0a;}
.box-warning {border-top: 4px solid #f2e900;}


/* box shadows */
.box-shadow-1 {box-shadow: 0 10px 6px -6px #777;}
.box-shadow-2 {box-shadow: 0 2px 1px #777;}
.box-shadow-3 {box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);}
.box-shadow-4 {box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);}
.box-shadow-5 {box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);}
.box-shadow-6 {box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);}
.box-shadow-7 {box-shadow: 0 4px 2px -3px;}
.box-shadow-8 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.box-shadow-9 {
	border-bottom: 0 none;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
}
.box-shadow-10 {box-shadow: 0 7px 4px #777;}
.box-shadow-11 {box-shadow: 0 3px 2px #777;}
.box-shadow-12 {box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #B3B3B3;}
.box-shadow-13 {box-shadow:0 0 10px rgba(0, 0, 0, 0.5);}
.box-shadow-14 {box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.box-shadow-15 {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
	border-color: -moz-use-text-color #FFFFFF #FFFFFF -moz-use-text-color;
	border-style: none solid solid none;
	border-width: medium 1px 1px medium;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
}
.box-shadow-16 {
	box-shadow: 0 1px 1px 0 #C7C7C7 inset;
	background: none repeat scroll 0 0 #E9E9E9;
}

/* background */
.background-darken {background: rgba(0, 0, 0, 0.6);}
.background-primary {background: #00a8e6;}
.background-primary-light {background: #38c6f5;}
.background-success {background: #8cc14c;}
.background-warning {background: #f39c12;}
.background-danger {background: #f56954;}
.background-gray {background-color: gray;}
.background-lightgray {background-color: lightgray;}
.background-ghostwhite {background-color: ghostwhite;}
.background-azure {background-color: azure;}
.background-white-gray {background-color: #fafafa;}
.background-black {background-color: black;}
.background-white {background-color: white;}
.background-none {background-color: rgba(255, 255, 255, 0);}
.background-transparent {background-color: rgba(255, 255, 255, 0.72);}
.background-yellow{background-color: yellow;}
.background-x-white-gray {background-color: rgba(253,253,253,255)}
.background-darkslategrey {background-color: darkslategrey;}
.background-dark-light {background-color: #434343;}


/* text colors */
.text-black {color: black;}
.text-darkslategrey {color: darkslategrey;}
.text-primary {color: #00a8e6;}
.text-primary-light {color: #38c6f5;}
.text-success {color: #0aad0a;}
.text-danger {color: #f20404;}
.text-warning {color: #f2e900;}
.text-white {color: white;}

/* borders */
.border-bottom{border-bottom: 1px solid #e0e0e0}
.no-border{
    border-width: 0px;
}

/* buttons */
.button-transparent {
    border: 1px solid white;
    background-color: rgba(0, 0, 0, 0);
    color: white;
}

.button-primary:focus, .button-primary:hover {
    background-color: #38c6f5;
    color: white;
    transition: all 0.4s;
    
}

.fullscreen {
    width:100%;
    height:100%;
    overflow:hidden;
}