/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== 

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}
*/

/* =============================================================================
   My CSS
   ========================================================================== */

/* Bootstrap 3.37 Override */


/* Main_section */
html {
  /* 1 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  background: #f6f5f7;
  color: #666;
}
body { margin: 0; padding: 0; }
body > footer { background-color: #f5f5f5; display: none; }
svg { max-width: 100%; height: 100%; box-sizing: border-box; } 

/* Login */
.de-background {
  background: #f6f5f7 url("https://servis.fimek.edu.rs/client/img/bg-logo.png");
  padding-top: 0px;
  padding-bottom: 0px;
  height: 100vh;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 100% 50%;
}
.de-background .uk-card { max-height: 380px; padding: 0 30px 25px; z-index: 2; }
#login.panel > .panel-heading { background-color: #004877; padding: 10px 25px; margin-top: 0px; margin-left: -30px; margin-right: -30px; margin-bottom: -2px; }
#login .logo-container { width: 100%; height: auto; padding: 10px 20px; }
#login .uk-button { margin-bottom: 10px; min-width: 100px; }
#login.panel { border: 0px solid transparent; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); }


/* Modal */ /* Header */
canvas { background: transparent; }

/* Header override */
@media screen and (min-width:768px) {
	body #header, body.minimized.side-menu-opened #header { height: 45px; }
	body.de #navbar .navbar-right, body.de.minimized.side-menu-opened #navbar .navbar-right { bottom: 20px; position: fixed; top: 0; left: 0; height: 45px; width: 100%; background-color: #ffffff; padding-right: 210px; box-shadow: 0 2px 15px 0 rgba(151, 151, 163, 0.25); }
}
.de #navbar .navbar .navbar-form.global-search-container { padding-left: 0; padding-right: 0; }

@media screen and (min-width:768px) {
body.de #navbar .navbar-right .global-search-container, 
body.de minimized.side-menu-opened #navbar .navbar-right .global-search-container {
	position: fixed;
	top: 0;
	right: 282px;
}

}
@media screen and (min-width:768px) {
	body.de #navbar .navbar-form, 
  body.de.minimized.side-menu-opened #navbar .navbar-form { margin-top: 8px; margin-bottom: 0; }
}
@media screen and (min-width:768px) {
	body #navbar .navbar-right .notifications-badge-container, 
  body.minimized.side-menu-opened #navbar .navbar-right .notifications-badge-container { position: fixed; top: 8px; right: 240px; width: 34px; }
}
@media screen and (min-width:768px) {
  body #navbar .navbar-right .quick-create-container, 
  body.minimized.side-menu-opened #navbar .navbar-right .quick-create-container { position: fixed; top: 7px; right: 184px; width: 34px; display: none; }
}
@media screen and (min-width: 768px) {
  body #navbar .navbar-right .menu-container, 
  body.minimized.side-menu-opened #navbar .navbar-right .menu-container { position: fixed; top: 7px; right: 0; width: 34px; }
}
@media screen and (min-width: 768px) {
  body #navbar .navbar-right > li > a, 
  body.minimized.side-menu-opened #navbar .navbar-right > li > a { color: #333; padding: 6px 10px 5px; background: transparent; }
  body #navbar .navbar .side-menu-backdrop, 
  body.minimized.side-menu-opened #navbar .navbar .side-menu-backdrop { z-index: 1200; position: fixed; bottom: 20px; top: 0; left: 0; height: 45px; width: 100%; margin-left: 210px; }
  .navbar-nav > li > .dropdown-menu { margin-top: 5px; border-top-right-radius: 0; border-top-left-radius: 0; }
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:focus, 
  .navbar-inverse .navbar-nav > .active > a:hover { color: #fff; background-color: #053d62; }
  body #navbar .navbar li.tab > a > span.full-label { overflow-wrap: break-word; word-wrap: break-word; text-transform: uppercase; font-size: 0.75rem; }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:focus,
  .navbar-inverse .navbar-nav > .open > a:hover { background-color: #03558a; color: #fff; }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:focus,
  .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; outline: 0; background-color: #053d62; }
}

/*@media (min-width:768px) {
	.navbar-nav > li { float: left; }
}

@media (min-width:1200px) {
	.uk-card-header { padding: 20px 40px; margin: 0px -30px; }
}*/
.de .stream-head-text-container { padding-left: 0px; }

/* Login Modal */
.de-password-change-request.uk-flex.de-background.modal.in .modal-dialog { display: flex; justify-content: center; width: 100%; }
.de-password-change-request.uk-flex.de-background.modal.in .modal-dialog .modal-content { background-clip: border-box; border: 1px solid #e8eced; margin-top: 70px !important; max-height: 380px; padding: 0; min-width: 619px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); }
.de-password-change-request.uk-flex.de-background.modal.in .modal-dialog .modal-content .modal-header { background-color: #004877; padding: 20px 25px; }
.de-password-change-request.uk-flex.de-background.modal.in .modal-dialog .modal-content .modal-title { margin: 0; line-height: 85px; text-transform: uppercase; padding: 0 40px; color: #fff; }
.de-password-change-request.uk-flex.de-background.modal.in .modal-dialog .modal-content .modal-header .close { opacity: 0; display: none; }
.de-password-change-request.uk-flex.de-background.modal.in .modal-dialog .modal-body.body { max-height: 380px; padding: 20px 60px 8px; }
.de-password-change-request.uk-flex.de-background.modal.in .modal-dialog .modal-body.body .form-group label { margin-bottom: 3px; font-weight: 600; color: #666; }
.de-password-change-request.uk-flex.de-background.modal.in .modal-dialog .modal-footer { padding: 0 60px; border-top: 1px solid #ffffff; }
.de-password-change-request.uk-flex.de-background.modal.in .modal-dialog .modal-footer .btn-group .btn + .btn { margin-left: 3px; }
.de-password-change-request.uk-flex.de-background.modal.in .modal-dialog .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 2px; border-top-right-radius: 2px; }

/* Login_section */
.de-background .container.content.uk-background-primary { margin-top: 0px; }
/*.de-background .container { padding-left: 8px; padding-right: 8px; margin-right: 0px; margin-left: 0px; padding-left: 15px; padding-right: 15px; }*/

.de-background .font-size-h1 { font-size: 2rem !important; }
.de-background .text-white { color: #fff !important; }
.de-background .opacity-90 { opacity: .9 !important; }
.btn-group-sm > .btn, .btn-sm { font-size: 11px; line-height: 1.6; text-transform: uppercase; height: 30px; padding: 5px 10px; }


/* Form control */
.form-control {
  display: block;
  width: 100%;
  height: 33px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.36;
  color: #555;
  background-color: #f5f5f5;
  background-image: none;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
}
.de #main .search-container .form-control {
  display: block;
  height: 33px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.36;
  color: #555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
}
.de #main.main-portal .record .detail[data-scope="Contact"] .form-control {
  display: block;
  height: 33px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.36;
  color: #555;
  background-color: #f5f5f5;
  background-image: none;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
}


/* Buttons */
.uk-button { margin: 0; margin-left: 0px; border: none; overflow: visible; font: inherit; font-size: inherit; line-height: inherit; color: inherit; text-transform: none; -webkit-appearance: none; border-radius: 2px; display: inline-block; box-sizing: border-box; padding: 0 30px; vertical-align: middle; font-size: 0.75rem; line-height: 32px; text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: all; transition-property: color, background-color, border-color; height: 34px; }

/* Buttons from theme */
.btn-primary { color: #fff; background-color: #004877; border-color: transparent; }
.btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #02639b; border-color: transparent; }
.btn-primary:active { background-color: #004877; color: #fff; }

/* Buttons */
.uk-button-text { padding: 0; line-height: 1.5; background: none; color: #004877; position: relative; line-height: 20px; height: 20px; margin-top: 10px; text-decoration: none; }
.uk-button-default { background-color: #ffffff; color: #222; border: 1px solid #e5e5e5; }
.uk-button-default:hover, .uk-button-default:focus { background-color: #f5f5f5; color: #222; border-color: #b2b2b2; }
.uk-button-default.uk-active, .uk-button-default:active { background-color: transparent; color: #222; border-color: #999; }
.uk-button-primary { background-color: #004877; color: #fff; border: 1px solid transparent; }
.uk-button-primary:hover, .uk-button-primary:focus { background-color: #02639b; color: #fff; }
.uk-button-primary:active, .uk-button-primary.uk-active { background-color: #004877; color: #fff; }

.uk-button-danger { background-color: #bd2323; color: #fff; border: 1px solid transparent; }
.uk-button-danger:hover, .uk-button-danger:focus { background-color: #9f2222; color: #fff; }
.uk-button-danger:active, .uk-button-danger.uk-active { background-color: #9f2222; color: #fff; }

.uk-button-large { padding: 0 40px; line-height: 53px; font-size: 0.875rem; }
.uk-close { color: #f5f5f5; transition: 0.1s ease-in-out; transition-property: all; transition-property: color, opacity; padding: 10px; background: #0f7ae5; border-radius: 50%; margin-top: 10px; margin-right: 10px; padding: 15px; }
.uk-button-small { padding: 0 15px; line-height: 28px; font-size: 0.875rem; }


/*#particles-js {
  position: absolute;
  width: 100vw;
  height: 40vh;
  background: transparent;
  text-align: center;
  margin-top: 25vh;
  z-index: 1;
}*/

/* ---- reset ---- 
body {
  margin: 0;
  font: normal 75% Arial, Helvetica, sans-serif;
}
canvas {
  display: block;
  vertical-align: bottom;
} 
*/

/* ---- particles.js container ---- */
#particles-js { position: absolute; width: 100%; height: 400px; background-color: #f5f5f5; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }

/* ---- stats.js ---- */
.count-particles { background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13e8e9; font-size: 0.8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
.js-count-particles { font-size: 1.1em; }
#stats, .count-particles { -webkit-user-select: none; margin-top: 5px; margin-left: 5px; }
#stats { border-radius: 3px 3px 0 0; overflow: hidden; }
.count-particles { border-radius: 0 0 3px 3px; }

/* uiKit modifier */

.de .de-text-muted { color: #aeaeae !important; }
.de .de-text-large { font-size: 1.5rem; line-height: 1.5; }
.de .de-text-label { font-size: 1rem; line-height: 1; }
.de .de-text-bold { font-weight: 600; }
.de .de-text-uppercase { text-transform: uppercase !important; }
.de .de-text-small { font-size: 12px; line-height: 12px; }
.de .de-text-normal { font-style: normal; }

/* de-padding */
.de .uk-padding {
  padding: 20px 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .de .uk-padding { padding: 25px 40px;}
}
.de .de-padding-small { padding: 5px 15px; }
.de .uk-padding-small { padding: 5px 15px; }
.de .de-padding-top { padding-top: 10px; }
.de .panel > .panel-body.panel-body-form { padding-bottom: 30px; }

.de .de-heading-divider {
  padding-bottom: calc(2px + 0.1em);
  border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
}

.de .de-button { margin: 0 2px 0 0; margin-left: 0px; border: none; overflow: visible; font: inherit; font-size: inherit; line-height: inherit; color: inherit; text-transform: none; -webkit-appearance: none; border-radius: 2px; display: inline-block; box-sizing: border-box; padding: 0 30px; vertical-align: middle; font-size: 0.75rem; line-height: 22px; text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: all; transition-property: color, background-color, border-color; height: 24px; }
.de .de-button-small { padding: 4px 0px; line-height: 12px; font-size: 0.625rem; border: 1px solid #d2d2d2; background: #fff; font-style: normal; min-width: 117px; }

.de .list[data-scope="Kandidat"] .cell[data-name="bodovaNaTestovima"] .de-button-small { padding: 4px 0px; line-height: 12px; font-size: 0.625rem; border: 1px solid #d2d2d2; background: #fff; font-style: normal; min-width: 98%; }
.de .list[data-scope="Kandidat"] .cell[data-name="konkursniBroj"] .de-button-small { padding: 4px 0px; line-height: 12px; font-size: 0.625rem; border: 1px solid #d2d2d2; background: #fff; font-style: normal; min-width: 98%; }

/* Finansijska kartica - 2023-2024 podebljano! */
.de .detail[data-scope="FinansijskaKartica"] .bottom .uk-panel[data-name="finansijskaZaduzenjaUplates"] .cell[data-name="skolskaGodina"] .link[title="2023/2024"],
.de .detail[data-scope="FinansijskaKartica"] .bottom .uk-panel[data-name="finansijskaZaduzenjaUplates"] .cell[data-name="datumKnjizenja"] .link[title="2023-10-15"] { font-weight: 700; }
/*.de .detail[data-scope="FinansijskaKartica"] .bottom .uk-panel[data-name="finansijskaZaduzenjaUplates"] .cell[data-name="opisKnjizenja"] span[title="Задужење за 2023/2024"] { font-weight: 600; }*/


.de .de-button-primary {}

.de .uk-icon { margin: 0; border: none; border-radius: 0; overflow: visible; font: inherit; line-height: inherit; color: inherit; text-transform: uppercase; padding: 0; background-color: transparent; display: inline-block; fill: currentcolor; line-height: 0; }
.de .uk-icon-button { box-sizing: border-box; width: 30px; height: 30px; border-radius: 500px; background: #f1f1f1; background-color: rgb(248, 248, 248); color: #999; vertical-align: middle; display: inline-flex; justify-content: center; align-items: center; transition: 0.1s ease-in-out; transition-property: all; transition-property: color, background-color; }
.de .de-button-small .uk-icon svg { width: 12px; height: 12px; margin-left: 3px; }
.de .uk-icon-button svg { width: 20px; height: 20px; }


/*.de .attachment-upload { background: transparent; background-clip: border-box; z-index: 0; background-clip: padding-box; border: 2px solid #C3E5ED; border-radius: 50%; height: 125px; margin-left: auto; margin-right: auto; padding: 0px; width: 125px; }
.de .attachment-preview { width: 125px; height: 125px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; vertical-align: middle; object-fit: scale-down; max-width: none; margin-left: auto; margin-right: auto; margin-top: 20px; display: block; border: 2px dashed #ccc;
border-radius: 360px;}
.de .attachment-preview img { max-width: 100%; height: auto; box-sizing: border-box; margin-left: auto; margin-right: auto; border-radius: 360px; }
.de .gray-box { background-color: #eee; margin: 0 5px 3px 0; padding: 2px 3px 2px 5px; display: inline-block; width: 100%; max-width: 100%; }*/

/* PORTAL i MAIN */
.de.node #main .detail[data-scope="User"] .middle .panel[data-name="accessControl"] {display: none !important;}

/* BAN Stream */
.de.node #main .detail[data-scope="User"] .bottom .panel-stream[data-name="stream"] {display: none !important;}
.de.node .main-portal .detail[data-scope="User"] .bottom .panel-stream[data-name="stream"] {display: none !important;}

/* Avatar conditions */
.de.node #main .detail[data-scope="Contact"] .cell[data-name="avatar"] .inline-edit-link.hidden {display: none !important;}
.de.node .main-portal .detail[data-scope="Contact"] .cell[data-name="avatar"] .inline-edit-link.hidden {display: none !important;}

/* BAN Stream & Avatar & Preferences */
.de.node #main .detail[data-scope="User"] .bottom .textarea-container {display: none !important;}
.de.node #main .detail[data-scope="User"] .side .cell[data-name="avatar"] {display: none !important;}
.de.node #main .edit[data-scope="Preferences"] .middle .form-group[data-name="receiveStreamEmailNotifications"] { margin-bottom: 32px; }
/* BAN Stream & Avatar & Preferences */
.de.node .main-portal .detail[data-scope="User"] .bottom .textarea-container {display: none !important;}
.de.node .main-portal .detail[data-scope="User"] .side .cell[data-name="avatar"] {display: none !important;}
.de.node .main-portal .edit[data-scope="Preferences"] .middle .form-group[data-name="receiveStreamEmailNotifications"] { margin-bottom: 32px; }

/* uk-breadcrumbs */
.de .uk-breadcrumb .breadcrumb-item { color: #333; font-size: 1rem; text-transform: uppercase; }
.de .uk-breadcrumb .breadcrumb-item a { color: #333; font-size: 1rem; text-transform: uppercase; }
.de .uk-breadcrumb .breadcrumb-item span { color: #333; font-size: 1rem; text-transform: uppercase; }


/* Main section */
.de #main .page-header {
  margin: 20px 0 10px;
  border-bottom: 0;
  padding-bottom: 2px;
  min-height: 33px;
}
.de #main .stick-sub {
  margin-top: 3px;
  z-index: 1031;
}
.de #main .stick-sub.button-container {
    background-color: transparent;
    padding: 3px 15px 0 15px;
    width: 350px;
}
.de #main .stick-sub.button-container .pull-right {
    display: none;
}
.de .label-primary {
    background-color: #21628c;
}



/* Modal section - table */

.de .modal-body .list { margin-left: -14px;  margin-right: -14px; margin-top: 15px; }
.de .modal .de-table {background: rgba(255, 255, 255, 0.75);  }
.de .modal .de-table thead tr { background-color: #004877; }
.de .modal .de-table thead tr th { color: #ffffff; font-size: 0.75rem; text-transform: uppercase; text-decoration: none; font-weight: 600; padding: 15px 10px; }
.de .modal .de-table thead tr th a { color: rgba(255 255 255 / 85%); font-size: 0.75rem; text-decoration: none; font-weight: 600; }
.de .modal .de-table thead tr { background-color: #004877; } 
.de .modal .de-table tbody tr td { color: #222 !important; font-style: italic; padding: 15px 10px; 
    font-size: 0.875rem; }
.de .modal .uk-table-hover > tr:hover, .de .modal .uk-table-hover tbody tr:hover { background: #edecf2; }

.de .modal .btn-warning {
    color: #fff;
    background-color: #e19111;
    border-color: #b97912;
}
.de .modal .btn-primary {
    color: #fff;
    background-color: #cf605d;
    border-color: #ad4846;
}
/* Record sidebar */
.de .side .de-padding-small { padding: 5px 20px; }
.de .side .de-heading-divider { padding-bottom: calc(1px + 0.1em); border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; display: block; width: 100%; }
.de .side .de-text-small { font-size: 12px; line-height: 12px; }
.de .side .de-padding-top { padding-top: 6px; }

/* Record sidebar - Portal */
.de .main-portal .side .de-padding-small { padding: 3px 10px; }
.de .main-portal .side .de-heading-divider { padding-bottom: calc(1px + 0.1em); border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; display: block; width: 100%; }
.de .main-portal .side .de-padding-top { padding-top: 4px; }


/* node */
.node .panel { margin-bottom: 19px; background-color: rgba(255, 255, 255, 1); border: 0px solid transparent; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgb(0 0 0 / 5%); }

/* Notification system - modal mode */
.de-background #notifications-panel .uk-card {
  max-height: 100%;
  padding: 0 30px 25px;
  z-index: 2;
}
.node #notifications-panel .panel { margin-bottom: 19px; background-color: rgba(255, 255, 255, 1); border: 0px solid transparent; border-radius: 0; -webkit-box-shadow: 0 15px 25px rgb(0 0 0 / 15%); -moz-box-shadow: 0 15px 25px rgba(0, 0, 0, .15); box-shadow: 0 15px 25px rgb(0 0 0 / 15%); }
.node #notifications-panel .panel .panel-heading { background-color: #004877; padding: 10px 25px; margin-top: 0px; margin-left: -30px; margin-right: -30px; margin-bottom: -2px; color: #d6d7ee; }
.node #notifications-panel .panel > .panel-heading > .link-group > a { padding-left: 15px; color: #fff; font-size: 12px; }


/* User data mode Avatar + User */
@media screen and (min-width:768px) {
  body #navbar .navbar-right .user-container, 
  body.minimized.side-menu-opened #navbar .navbar-right .user-container { position: fixed; top: 6px; right: 34px; display: flex; padding: 6px 10px 5px; }
  body #navbar .navbar-right .user-container .de-firstname { color: #333; padding: 0px 5px; background: transparent; }
}


.node #main .dashlet { margin-bottom: 19px; background-color: rgba(255, 255, 255, 0.5); border: 0px solid transparent; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgb(0 0 0 / 5%); }
.node #main .dashlet.panel-default .panel-heading { color: #333; background-color: transparent; border-color: transparent; }
.node #main .dashlet.panel-default .panel-heading .panel-title { margin-top: 0; margin-bottom: 0; font-size: 14px; color: inherit; text-transform: uppercase; padding: 5px 25px; }
.node .record .middle > .panel:first-child { border-top-width: 0px; }

.node .modal-header.fixed-height {
    height: 60px;
    max-height: 60px;
    overflow: hidden;
}
.de .navbar-inverse {
    background-color: #004877;
    border-color: transparent;
}

/* PAGE Header - Create button - Portal */
.de #main.main-portal .page-header .de-button-primary { background-color: #ef990e; color: #fff; border: 1px solid #ef990e; }
.de #main.main-portal .page-header .de-button-primary:hover, 
.de #main.main-portal .page-header .de-button-primary:focus { background-color: #bf7a0b; color: #fff; border: 1px solid #bf7a0b; }
.de #main.main-portal .page-header .de-button-primary:active { background-color: #ef990e; color: #fff; border: 1px solid #ef990e; }
.de #main.main-portal .page-header .de-button-primary .fa, 
.de #main.main-portal .page-header .de-button-primary .fas { color: #fff; top: 0px; }

/* SEARCH Container */
.de #main .search-container .btn-warning { color: #fff; background-color: #ef990e; border-color: #ef990e; }
.de #main .search-container .btn-warning:hover, 
.de #main .search-container .btn-warning:focus { color: #fff; background-color: #bf7a0b; border-color: #b5740b; }
.de #main .search-container .btn-warning .filters-label { color: #fff; }

/* LIST container - Action Buttons - Dropdown menu */
.de .list-buttons-container > .actions { min-height: 34px; }
.de .btn-group.actions .uk-button { border-radius: 1px; font-size: 0.75rem; line-height:30px; height: 30px; }
.de .btn-group.actions .uk-button-primary:hover, 
.de .btn-group.actions .uk-button-primary:focus { background-color: #02639b; color: #fff; border: 1px solid #004877; }
.de .btn-group.actions .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: -2px -1px 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-clip: padding-box; }
.de .btn-group.actions.open > .dropdown-menu { display: block; }

/* LIST container - STICKED Action Buttons - Dropdown menu */
.de #main .list-buttons-container .sticked-bar { width: calc(100% - 210px); left: 210px; top: 45px; padding-left: 0px; background-color: transparent; }

/* LIST container - Total count */
.de .list-buttons-container > div.total-count { margin-right: 0; float: right; padding: 6px 15px 6px; background-color: #ef990e; color: #fff; border-radius: 1px; font-size: 0.625rem; text-transform: uppercase; line-height: 13px; }
.de .list-buttons-container > div.total-count .total-count-span { font-size: 1.125rem; font-style: normal; padding-left: 8px; line-height: 16px; vertical-align: bottom; }

/* LIST container - Main section - Table */
.de #main .de-table {background: rgba(255, 255, 255, 1); margin-top: 5px; }
.de #main .de-table thead tr { background-color: #004877; }
.de #main .de-table thead tr th { color: #ffffff; font-size: 0.75rem; text-transform: uppercase; text-decoration: none; font-weight: 600; padding: 15px 10px; }
.de #main .de-table thead tr th a { color: rgba(255, 255, 255, 1); font-size: 0.75rem; text-decoration: none; font-weight: 600; }
.de #main .de-table thead tr { background-color: #004877; } 
.de #main .de-table tbody tr td { color: #222 !important; font-style: italic; padding: 15px 10px; }
.de #main .uk-table-hover > tr:hover, 
.de #main .uk-table-hover tbody tr:hover { background: #edecf2; }
.de #main .de-table thead tr th ul.dropdown-menu li a { color: #333; font-size: 0.75rem; text-decoration: none; font-weight: 600; }

/* MODAL list confirmations */

/* RECORD container - Bottom section - Table */
.de #main .bottom .de-table {background: rgba(255, 255, 255, 1); margin-top: 0px; }
.de #main .bottom .de-table thead tr { background-color: #004877; }
.de #main .bottom .de-table thead tr th { color: #ffffff; font-size: 0.688rem; text-transform: uppercase; text-decoration: none; font-weight: 600; padding: 12px 10px; }
.de #main .bottom .de-table thead tr th a { color: rgba(255, 255, 255, 1); font-size: 0.688rem; text-decoration: none; font-weight: 600; }
.de #main .bottom .de-table thead tr { background-color: #004877; } 
.de #main .bottom .de-table tbody tr td { color: #222 !important; font-style: italic; padding: 12px 10px; }
.de #main .bottom .uk-table-hover > tr:hover, 
.de #main .bottom .uk-table-hover tbody tr:hover { background: #edecf2; }

/* LIST container - Portal section - Table */
.de #main.main-portal .list-container { margin-top: 0px; }
.de #main.main-portal .list-container .list .de-table { margin-top: 15px; }
.de #main.main-portal .list-container .list[data-scope="Case"] .de-table { margin-top: 0px; }

/* RECORD container - Portal Bottom section - Table */
.de #main.main-portal .bottom .list-container .de-table { margin-top: 0px; }


#animated {
  width: 70px;
  height: 47px;
  background: #92B901;
  color: #ffffff;
  position: relative;
  font-weight: bold;
  font-size: 20px;
  padding: 10px;
  animation: animated 5s 1;
  -moz-animation: animated 5s 1;
  -webkit-animation: animated 5s 1;
  -o-animation: animated 5s 1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* START Profesor Portal - Record First */

/*.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) { background: white; height: 200px; border: 10px solid #004778; margin: 0; display: inline-block; text-align: center; width: 77vw; top: 0; left: 0; position: relative; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td { display: list-item; width: 100%; border-top: 0px none transparent; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td a { font-size: 0.875rem; }*/

/* START Profesor Portal - Record First nch-child:td */
/*.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(1) { display: none; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(2) { display: block; width: 25%; padding: 10px 0 0 5px; margin: 2px 0 0 50px; width: 20%; position: absolute; top: 90px; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(3) { display: flex; width: 25%; clear: both; padding: 10px 25px 0 5px; margin: 25px 0 0 50px; width: 20%; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(4) { display: block; width: 25%; padding: 10px 25px 0 5px; margin: 2px 0 0 50px; width: 20%; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(5) { display: block; width: 25%; padding: 10px 25px 0 5px; margin: 10px 0 0 31%; top: 0; position: absolute; width: 20%; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(6) { display: block; padding: 10px 25px 0 5px; margin: 0 0 0 31%; position: absolute; top: 70px; width: 25%; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(7) { display: block; width: 240px; padding: 20px 25px 0 0; margin: 0 0 0 62%; position: absolute; top: 10px; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(8) { display: block; width: 25%; padding: 0 25px 0 5px; margin: 10px 0 0 80%; position: absolute; top: 15px; height: 100px;text-align: center; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(9) { display: block; padding: 10px 25px 0 5px; margin: 2px 0 0 31%; position: absolute; top: 90px; width: 25%;text-align: center; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(10) { display: none; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(11) { display: none; }*/
/* END Profesor Portal - Record First nch-child:td */

/* START Profesor Portal - Record First - nch-child:td - nth-child(7) */
/*.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) span { white-space: pre-line; text-align: center; width: 100%; display: block; font-size: 3rem; padding: 15px 25px; }
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) span:nth-child(1) { text-align: center; width: 100%; display: block; font-size: 0.625rem; padding: 5px 25px; }
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) span:nth-child(2) { white-space: pre-line; text-align: center; width: 100%; display: block; font-size: 3rem; padding: 15px 25px; }
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) .inline-edit-link.hidden {display: block !important;}
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) .inline-edit-link.hidden span {font-size: 0.625rem;}
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) .inline-edit-link span {font-size: 0.625rem;}
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) .inline-edit-link span::after {content: " ДАЈ ОЦЕНУ";margin-left: 7px;font-size: 0.625rem;}  
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) .inline-edit-link,
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) a.inline-cancel-link,
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) a.inline-save-link { font-size: 0.625rem; display: block; padding: 5px 25px; background: #004778; color: #fff; border-radius: 3px; margin-bottom: 3px; text-align: center; text-transform: uppercase; line-height: 14px; text-decoration: none;}
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) .inline-edit-link.hidden:hover { display: block !important; }
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) .inline-edit-link.hidden:hover span { font-size: 0.625rem; text-align: center; width: 100%; display: block; padding: 5px 25px; }
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) .inline-edit-link:hover span { font-size: 0.625rem; text-align: center; width: 100%; display: block; padding: 5px 25px; }
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) .inline-edit-link:hover, 
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) a.inline-cancel-link:hover, 
.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) a.inline-save-link:hover { font-size: 0.625rem; display: block; padding: 5px 25px; background: #004778; color: #fff; border-radius: 3px; margin-bottom: 3px; text-align: center; text-transform: uppercase; padding: 5px; line-height: 14px; }


.de #main .list[data-scope="Kandidat"] .de-table tbody tr:nth-child(1) td:nth-child(8) .form-control { display: block; width: 100%; height: 60px; padding: 6px 10px; font-size: 3rem; line-height: 1.36; color: #555; background-color: #f5f5f5; background-image: none; border: 1px solid #e5e5e5; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 2px 3px rgba(0, 0, 0, .375); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out; -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out; -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out; transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out; text-align: center; }*/
/* END Profesor Portal - Record First - nch-child:td - nth-child(7) */



/*.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(2) span::before { content: "Термин: "; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(3) a { font-size: 1.375rem; display: flex; padding: 0; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(4) a { font-size: 0.875rem; display: flex; padding: 0; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(5) a { font-size: 1.375rem; display: block; padding: 0; top: 140px; left: 50px; margin-top: 15px; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(6) a { font-size: 0.875rem; display: block; text-decoration: none; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(7) a { font-size: 0.875rem; line-height: 0px; display: flex; width: 100%; clear: both; padding: 0; top: 180px; left: 50px; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(8) span { font-size: 6rem; line-height: 6rem; display: block; width: 100%; clear: both; padding: 0; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(9) span { font-size: 0.875rem; display: flex; width: 100%; clear: both; padding: 0; }
.de #main .list[data-scope="PolagaliIspit"] .de-table tbody tr:nth-child(1) td:nth-child(9) span::before { content: "Кориговано датума: "; margin-right: 6px; }*/
/* END Profesor Portal - Record First */


/* Servis.fiek.edu.rs  Convert to Contactc*/
.de #main .edit[data-scope="Contact"] .side .cell[data-name="account"] .input-group-btn { position: relative; font-size: 0; white-space: nowrap; padding-left: 1px; }
.de #main .edit[data-scope="Contact"] .side .cell[data-name="student1"] .input-group-btn { position: relative; font-size: 0; white-space: nowrap; padding-left: 1px; }


.de .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1600;
  display: none;
  max-width: 426px;
  padding: 1px;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.36;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.de .popover-content {
  padding: 20px 25px;
}
/*
.de .de-table tbody tr:nth-child(1) td:nth-child(3) a { font-size: 1.5rem; display: block; width: 100%; clear: both; position: relative; padding: 30px 0 0 40px; }
.de .de-table tbody tr:nth-child(1) td:nth-child(4) a { font-size: 0.875rem; display: block; width: 100p%; clear: both; position: relative; padding: 100px 0 0 40px; }
.de .de-table tbody tr:nth-child(1) td:nth-child(5) a { font-size: 0.875rem; display: block; width: 100%; clear: both;position: relative; padding: 120px 0 0 40px;}
.de .de-table tbody tr:nth-child(1) td:nth-child(6) a { font-size: 0.875rem; display: block; width: 100%; clear: both;position: relative; padding: 140px 0 0 40px;}
.de .de-table tbody tr:nth-child(1) td:nth-child(7) a { font-size: 0.875rem; display: block; width: 100%; clear: both;position: relative; padding: 160px 0 0 40px;}
.de .de-table tbody tr:nth-child(1) td:nth-child(8) a { font-size: 0.875rem; display: block; width: 100%; clear: both;position: relative; padding: 180px 0 0 40px;}
.de .de-table tbody tr:nth-child(1) td:nth-child(9) a { font-size: 0.875rem; display: block; width: 100%; clear: both;position: relative; padding: 200px 0 0 40px;}*/


/* Profesor i Servis Dashboard  buttons i edit */
.de #main .dashboard-header .dashboard-buttons { margin-left: 10px; display: none !important; }

/* OLD buttons - btn-danger - btn-warning */
.btn-warning { color: #fff; background-color: #ef990e; border-color: #ef990e }
.btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #bf7a0b; border-color: #774c07 }
.btn-warning:hover { color: #fff; background-color: #bf7a0b; border-color: #b5740b }
.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #bf7a0b; border-color: #b5740b }
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { color: #fff; background-color: #9d6509; border-color: #774c07 }
.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { background-image: none }
.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #ef990e; border-color: #ef990e }
.btn-warning .badge { color: #ef990e; background-color: #fff }
.btn-danger { color: #fff; background-color: #cf605d; border-color: #cf605d }
.btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #c03c39; border-color: #852a27 }
.btn-danger:hover { color: #fff; background-color: #c03c39; border-color: #b83a37 }
.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c03c39; border-color: #b83a37 }
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { color: #fff; background-color: #a53431; border-color: #852a27 }
.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { background-image: none }
.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #cf605d; border-color: #cf605d }
.btn-danger .badge { color: #cf605d; background-color: #fff }

/* .dropdown-menu > li > a Buttons */
.dropdown-menu > li > a.uk-button-text { padding: 0; line-height: 1.5; background: none; color: #004877; position: relative; line-height: 20px; height: 20px; margin-top: 10px; text-decoration: none; }
.dropdown-menu > li > a.uk-button-default {border-radius: 3px; background-color: #ffffff; color: #222; border: 1px solid #e5e5e5; margin: 6px 16px; line-height: 25px; box-shadow: 0 1px 6px rgba(0, 0, 0, .125)}
.dropdown-menu > li > a.dropdown-menu > li > a.uk-button-default:hover, 
.dropdown-menu > li > a.uk-button-default:focus { background-color: #f5f5f5; color: #222; border-color: #b2b2b2; }
.dropdown-menu > li > a.uk-button-default.uk-active, 
.dropdown-menu > li > a.uk-button-default:active { background-color: transparent; color: #222; border-color: #999; }
.dropdown-menu > li > a.uk-button-primary { background-color: #004877; color: #fff; border: 1px solid transparent; }
.dropdown-menu > li > a.uk-button-primary:hover, 
.dropdown-menu > li > a.uk-button-primary:focus { background-color: #02639b; color: #fff; }
.dropdown-menu > li > a.uk-button-primary:active, 
.dropdown-menu > li > a.uk-button-primary.uk-active { background-color: #004877; color: #fff; }

.dropdown-menu > li > a.uk-button-danger { background-color: #bd2323; color: #fff; border: 1px solid transparent; }
.dropdown-menu > li > a.uk-button-danger:hover, 
.dropdown-menu > li > a.uk-button-danger:focus { background-color: #9f2222; color: #fff; }
.dropdown-menu > li > a.uk-button-danger:active, 
.dropdown-menu > li > a.uk-button-danger.uk-active { background-color: #9f2222; color: #fff; }

.dropdown-menu > li > a.uk-button-large { padding: 0 40px; line-height: 53px; font-size: 0.875rem; }
.dropdown-menu > li > a.uk-close { color: #f5f5f5; transition: 0.1s ease-in-out; transition-property: all; transition-property: color, opacity; padding: 10px; background: #0f7ae5; border-radius: 50%; margin-top: 10px; margin-right: 10px; padding: 15px; }
.dropdown-menu > li > a.uk-button-small { padding: 0 15px; line-height: 28px; font-size: 0.875rem; }

.dropdown-menu > li > a.uk-button .preset > div { padding-right: 20px; padding-left: 20px; }
.dropdown-menu > li > a.uk-button .far, 
.dropdown-menu > li > a.uk-button .fas { font-size: 12px; padding-top: 6px; }

/* Action handlers - */
.de .btn-group.actions .mass-action.uk-button { border-radius: 3px; font-size: 0.75rem; line-height: 25px; height: 34px; box-shadow: 0 1px 6px rgba(0, 0, 0, .125) }


/* Dynamic_handlers */
@media screen and (min-width:768px) {

}