.bluetable {font-size:12px;}
.bluetable tr {vertical-align:top;}
.bluetable th {background-color:#00a8e6; color:#ffffff;}
.blueback {background-color:#00a8e6; color:#ffffff;}

.sortable {width: 310px; height:400px; -webkit-user-select: none; -moz-user-select: none;
                -ms-user-select: none; user-select: none; margin-left:0px; padding-left:0px;
                border:1px solid #eee;}
.sortable.grid {overflow: scroll;}
.sortable li {list-style: none; border: 1px solid #CCC;  padding: 3px;}
.sortable.grid li {line-height: 80px;float: left;
        width: 80px;height: 80px;text-align: center;}
.handle {cursor: move;}
.sortable.connected {width: 200px;min-height: 100px;float: left;}
.sortable li { cursor: pointer; }
li.disabled {opacity: 0.5;}
li.highlight {background: #FEE25F;}
li.sortable-placeholder {border: 1px dashed #CCC;background: none;}

.uk-accordion-title {margin-top:2px; margin-top: 0; color:#fff;
                                    margin-bottom: 2px; padding: 5px 15px;background: #00a8e6;
                                    font-size: 18px;line-height: 24px;cursor: pointer;
                                    border: 1px solid #E5E5E5; border-radius: 4px;}
.uk-accordion-title::before {
  content: "\f061";
  font-family: FontAwesome;
  padding-right: 5px;
}

.uk-accordion-title.uk-active::before {content: "\f063";}

.highlight {background: #ffcf31;}
#data {border:1px solid #ccc;}
#data tr {border-bottom:1px #000 solid; cursor: pointer;}

.tab-small {font-size:12px!important; }
.tab-small > li.uk-active { border-top:solid 1px #ff0000; border-right:solid 1px #ff0000; border-left:solid 1px #ff0000;}
.tab-small > li.uk-active > a { margin-left:0px; }

.wizard.wizard-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wizard.wizard-2 .wizard-nav {
padding: 0;
}
.wizard.wizard-2 .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.5rem 0.5rem 0 0;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
height: 40px;
width: 40px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 1.5rem;
border-radius: 100%;
background-color: #E4E6EF;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
font-size: 1.25rem;
font-weight: 600;
color: #ffffff;
margin-top: 3px;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
color: #181C32;
font-weight: 500;
font-size: 1.1rem;
}

.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step:hover{
cursor: pointer;
}

.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step:hover .wizard-label{
text-decoration: underline;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
color: #7E8299;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon {
background-color: #3699FF;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon .wizard-number {
color: #FFFFFF;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current]:last-child .wizard-icon, .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-icon {
background-color: #8cc14c;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current]:last-child .wizard-icon .wizard-number, .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-icon .wizard-number {

}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current]:last-child .wizard-icon .wizard-check, .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-icon .wizard-check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current]:last-child .wizard-icon .wizard-check i, .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-icon .wizard-check i {
color: #ffffff;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current]:last-child .wizard-icon .wizard-check .svg-icon svg g [fill], .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-icon .wizard-check .svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #ffffff;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current]:last-child .wizard-icon .wizard-check .svg-icon svg:hover g [fill], .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-icon .wizard-check .svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
}
.wizard.wizard-2 .wizard-body {
width: 100%;
}
.wizard.wizard-2 .select2 {
  width:100%!important;
}

.mw150 {max-width: 150px;}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

.border-primary-2{
  border: 2px solid #3699FF;
  }

table.bluetable th {
    background-color: #00a8e6;
    color: #ffffff;
}

.draggable-highlight {
  border: 3px dashed #3699FF;
}