@import url('https://fonts.googleapis.com/css2?family=Abel&family=Lato&family=Roboto:wght@400;700&display=swap');

body{ 
/*	background: #F5F8FA !important;min-height: 100vh; /*match with nav blue color*/
/*	background: #E3EFF5;*/
	min-height: 100vh; /*match with nav purpule color*/
}

.dropdown:hover .display_ul {
		    display: block !important;
		}

.nav-blue{ background: #4074fc !important; }
.nav-purpule{ background: #5844fc !important; }
.nav-dark-grey { background: #393c40 !important;  }
/*.nav-dark-grey:hover{ background: #161617 !important; }*/
.nav-dark-grey:hover a.nav-link { color: #fff !important; }

p,label,div,label,a,caption,select,td{
	font-family: 'Roboto', sans-serif !important;
}
.uk-heading-line span{
	font-family: 'Roboto', sans-serif !important;
}

p,th,td,label,a,button,span{
	font-size: 12px !important;
}
th,b{
	font-family: 'Roboto', sans-serif;
	font-size: 12px !important;
}
a.btn { font-size: 12px !important; }

span.selection,span.select2-container{
	font-size: 12px !important;
}

small{ font-size:10px; }

h1,h2,h3,h4,h5,h6{
	font-family: 'Roboto',sans-serif !important;
	font-weight:600;
	color: #000 !important;;
}
h5 span, h6 span{
	font-family: 'Abel', sans-serif !important;
	font-weight:600;
	color: #000 !important;;
}
/*remove dropdown caret*/


/*remove input focus border*/
textarea:focus,
select.form-control:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
/*  border: 1px solid #28a745;*/
  
}
/* end of remove border*/

/* set input height */
textarea.form-control, 
textarea.uk-input, 
input.form-control,input.uk-input,
input[type=text], 
input[type=password], 
input[type=email], 
input[type=number], 
[type=text].form-control,[type=text].uk-input, [type=button].uk-input, 
[type=password].form-control,[type=password].uk-input, 
[type=email].form-control,[type=email].uk-input,
[type=tel].form-control, 
[contenteditable].form-control {
  height: 30px;
  font-size: 12px !important;
  border-radius: 0px;
}
textarea.uk-input,textarea.textarea{ line-height:15px !important;padding:10px; }
textarea.uk-textarea{ font-size: 12px !important; }
select.form-control{
	height: 30px;font-size: 12px;
	border-radius: 0px;
}
select.uk-select{
	font-size: 12px;
	border-radius: 0px;
}


input:focus-visible {
		  outline: 0px dotted #333;
		}

/*add carret on dropdown menu*/
    .add-caret::before {
        border-bottom: 9px solid #FFFFFF;
        border-left: 9px solid rgba(0, 0, 0, 0);
        border-right: 9px solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        left: 5%; /* position */
        position: absolute;
        top: -8px;
    }

    .add-caret::after {
        border-bottom: 8px solid #FFFFFF;
        border-left: 9px solid rgba(0, 0, 0, 0);
        border-right: 9px solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        left: 5%; /* position */
        position: absolute;
        top: -8px;
    }
/* end of carret on dropdown menu*/

.text-theme-black{
	color: #0b0c0c;
}
.bg-theme-green{
	background:  #1be7b1;
}
.bg-grey{
/*	background-color: #e8e8e8 !important;*/
	background-color: #f7f7f7 !important;
	border: 1px solid #e1e1e1;
}
.form-alignment{padding: 20px;margin: 0px 10px !important;}
.bg-theme-green-dark {
  background: #343a40;
  box-shadow: 0px 2px 10px #d2d2d2;
}
.height-100vh{
	height: 100vh;
}
/*.navbar-theme{
	background: #00838C !important;
}*/
.navbar-theme {
  background: #343a40 !important;
}
/*a.nav-link{
	color: white !important;
	font-size: 12px !important;
}*/
a.nav-link {
  	color: #fff !important;
/*	color: #282828 !important;*/
  	font-size: 12px !important;
  	
}
a.dropdown-item{
	font-size:  12px !important;
	color: #33354d;;
	padding: 7px 10px;
	
}
a.dropdown-item:hover{ color: #0275dd;background-color: #fff !important; }
a.dropdown-item:focus,a.nav-link:focus { background: #fff0; }
.dropdown-menu{
/*	box-shadow: 0px 0px 2px #b3b3b3;*/
	box-shadow: 0 0.275rem 1.25rem rgba(11, 15, 25, 0.05), 0 0.25rem 0.5625rem rgba(11, 15, 25, 0.03);
	border: 0px;
	border-radius:0px !important;
	min-width: 200px !important;
}

.text-size-12{
	font-size: 12px !important;
}
.text-size-10{
	font-size: 10px !important;
}
.text-green{
	color: #28a745;
}
.text-right{
	float: right !important;
}
.dropdown-item:hover{
/*	background: #28a745;*/
	color: white;
	
}
.dropdown-top-margin{
	padding-top: 1px !important;
}
/* table */
table.details th,table.details td{ padding: .25rem .5rem;  }
.btn-table{ width: 40px;height: 25px;padding: 0px;}
.btn-icon{ width: 15px;height: 15px; }
.box-shadow{ 
/*	box-shadow: 0px 0px 7px #c1c1c1;*/
	box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
.table-dark{
	background: #2c3444 !important;
}
.fixed-table-header-top{
    position: sticky !important;top: 0 !important
}
.table-grey-light{
	background: #f7f7f7 !important;
}
form .row{ margin-bottom:10px; }
form .form-group{ margin-bottom:5px; }
.btn-layout-150-30{
	width: 150px;height: 30px;padding: 0;font-size: 12px;
}

.btn-green{
	background: #28a745;
	color: white;
	border: 2px solid #28a745;
}
.btn-green:hover{
	background:  white;
	color: #28a745;
	border: 2px solid #28a745;
}

.btn-yellow{
	background: #FFAC44;
	color: #343a40;
	border: 2px solid #FFAC44;
}
.btn-yellow:hover{
	background:  white;
	color: #343a40;
	border: 2px solid #FFAC44;
}

.btn-orange{
	background: #ff4500;
	color: white;
	border: 2px solid #ff4500;
}
.btn-orange:hover{
	background:  white;
	color: #ff4500;
	border: 2px solid #ff4500;
}

form small{
	color: red;font-size: 10px;
}

.margin-bottom-zero{
	margin-bottom: 0px;
}
.margin-zero { margin: 0px !important; }
.radius-zero { border-radius: 0px !important; }
.heading-color{ color: #1DC775; }

.form-bg{
/*	background:white !important;*/
	padding: 20px;
	margin: 0px 5px !important;
/*	border-radius: 10px;*/
/*	box-shadow: 0px 0px 10px #ececec;*/
/*	box-shadow: 0px 0px 10px #e9e9e9;*/
/*	box-shadow : 0px 0px 5px #bededd;*/
	min-height: 88vh;
}
/*uk modal*/
.uk-modal.uk-open { z-index: 999; }

/*button*/
.uk-background-warning{
	background: #FFAC44;
	color: #fff;
	border: 1px solid #FFAC44;
}
.uk-button-success{
/*	background-color: #08dea2;*/
	background-color: #06D6A0;
	color: #fff;
	border: 1px solid transparent;
}
.uk-button-success:hover{
/*	background-color: #08dea2;*/
	background-color: white;
	color: #06D6A0;
	border: 1px solid #06D6A0;
}

.uk-button-success-line{
	background-color: white;
	color: #06D6A0;
	border: 1px solid #06D6A0;
}
.uk-button-success-line:hover{
/*	background-color: #08dea2;*/
	background-color: #06D6A0;
	color: #fff;
	border: 1px solid transparent;
}
.uk-button-danger{
	background-color: #F2385A !important;
	color: white;
}
.uk-button-danger:hover{
	background: white !important;
	color: #F2385A;
	border:1px solid #F2385A !important;
}
.uk-button-danger-line{
	background: white !important;
	color: #F2385A;
	border:1px solid #F2385A !important;
}
.uk-button-danger-line:hover{
	background-color: #F2385A !important;
	color: white;
}

.uk-button-primary{
	background: #3b9dff !important;
	color: white;
	border: 1px solid transparent;
}
.uk-button-primary:hover{
	background: white !important;
	color: #3b9dff;
	border: 1px solid #3b9dff;
}
.uk-button-primary-line{
	background: white !important;
	color: #3b9dff;
	border: 1px solid #3b9dff;
}
.uk-button-primary-line:hover{
	background: #3b9dff !important;
	color: white;
	border: 1px solid transparent;
}

.uk-button-secondary{
	background: #222;
	color: white;
	border: 1px solid #222;
}
.uk-button-secondary:hover{
	background: white;
	color: #222;
	border: 1px solid #222;
}
.uk-button-secondary-line{
	background: #fff;
	color: #222;
	border: 1px solid #222;
}
.uk-button-secondary-line:hover{
	background: #222;
	color: #fff;
	border: 1px solid #222;
}
.uk-button-warning{
	background: #FFAC44;
	color: #fff;
	border: 1px solid #FFAC44;
}
.uk-button-warning:hover{
	background:  white;
	color: #FFAC44;
	border: 1px solid #FFAC44;
}
.row_header_left{ border-left: 2px solid #fff; }
.row_header_layout{ 
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	padding: 7px;
	border-bottom-right-radius: 50px;
	border-top-right-radius: 50px; 
	text-align:center;
	background:#d0d5db;
	color:#232323;
}
.row_header_layout p { font-size:12px !important ; }
.row_header_active_background{ background: #0080ff;color:white }
.z-index-4{ z-index:4; }
.z-index-3{ z-index:3; }
.z-index-2{ z-index:2; }
.z-index-1{ z-index:1; }
.row_header_margin_left{margin-left: -15px; }