a.btn:link, a.btn:visited {
    background-color: gray;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #42474f;
}

a.btn:hover, a.btn:active {
    background-color: #42474f;
}

.customTitleBar > .ui-panel-titlebar {
    background: #E9967A;
    }

input.hasDatepicker{
	width: calc(100% - 26px)!important;
}
button.ui-datepicker-trigger{
	position:absolute!important;
}

/*button,
input[type="button"],
input[type="submit"]
{
  color: #ffffff !important;
  background: #4395cc !important;
  text-decoration: none !important;
  font-family: Georgia !important;
  text-shadow: none !important;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover
 {
  background: #3cb0fd !important;
  text-decoration: none !important;
}


button[disabled]:active, button[disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
input[type="submit"][disabled]:active,
input[type="submit"][disabled] ,
button[disabled]:hover,
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover
{
  background: #ff5833 !important;
}*/

button[disabled]:active, button[disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
input[type="submit"][disabled]:active,
input[type="submit"][disabled] ,
button[disabled]:hover,
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover
{
  cursor:not-allowed!important;
  opacity: .50!important
}


textarea {
  resize: none;
}

.ui-fieldset-legend {
    padding: 0.2em 1em !important;
}

.ui-selectonemenu {
    min-width: 1px !important;
}

.ui-menuitem-link {
    text-align: left;
}

.ui-datatable-empty-message{

    font-weight: 900;
    text-align: center;

}

.glavniPanel {
    width: 75vw;
    margin: auto;
}

.dmsNaslov {
    font-size: 1.5vw !important; /*0.87% sirine ekrana*/
    margin-top: 1vw;
}

.dmsPocetnaLinkovi {
    font-size: 1.4vw !important; /*0.87% sirine ekrana*/
    margin-top: 0.9vw;
}

dmsPocetnaPodLinkovi {
    margin-top: 0.9vw;
    width: 33.3%;
}

.headerHomeLinkovi {
    font-size: 1vw !important;
    text-align: left;
    border-bottom: 1px solid gray;
    margin: none;
    padding: none;
}

.tableInput {
    width: 80% !important;
}

.tableInput input {
    width: 80% !important;
}

.tableInput.ui-calendar {
    width: 60% !important;
}

.tableInput.ui-calendar input{
    width: 60% !important;
}

.tableInput75 {
    width: 75% !important;
}

.tableInput75 input {
    width: 75% !important;
}

.tableInput70 {
    width: 70% !important;
}

.tableInput70 input {
    width: 70% !important;
}

.tableInput60 {
    width: 60% !important;
}

.tableInput60 input {
    width: 60% !important;
}

.tableInput55 {
    width: 55% !important;
}

.tableInput55 input {
    width: 55% !important;
}

.tableInput20 {
    width: 20% !important;
}

.tableInput20 input {
    width: 20% !important;
}

.tableInput30 {
    width: 30% !important;
}

.tableInput30 input {
    width: 30% !important;
}

/*------------------------------------singleLine----------------------------------------------*/
/* singleLine stil  - treba koristiti u tabelama: <p:dataTable  styleClass="singleLine" ... */

/*
   U slucaju da je tekst predugacak da bi stao u celiju tabele docice do njegovog preloma.
   Ovo uglavnom ne zelimo jer se zauzima dodatni prostor po sirini. Ovaj stil omogucuje da
   se prikaze ono sto moze da stane a ostatak se odsece pri cemu se dodaju tri tacke "...".
   Podrazumeva se da se stavi tooltip kako bi korisnik mogao da vidi ceo sadrzaj.
*/
.singleLine td {
    text-wrap: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px 4px 1px 4px !important;
}
/*
  Da ne bi doslo do preloma sterilica za sortiranje kada se stranica sazme (smanji prozor sa firefox-om) koristi se ovaj stil
*/
.singleLine th {
    text-wrap: none;
    white-space: nowrap;
    overflow: hidden;
    padding: 1px 4px 1px 4px !important;
}
/*--------------------------------------------------------------------------------------------*/

/*
.ui-widget, .ui-widget .ui-widget {
  font-size: 1vw !important;
}*/
* {
    font-size: 0.66vw !important; /*0.87% sirine ekrana*/
    font-family: "Tahoma", "Helvetica", "Arial";
}

@media (max-width: 1024px) {
  body {
    font-size: 1.16vw !important; /*0.87% sirine ekrana*/
  }
}

.dmsPocetnaPodLinkovi .ui-menuitem-text {
    font-size: 140% !important;
}

.maxWidth {
    width: 100%;
}

.red {
    color: red;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.page {
    min-height: 100%;
    position: relative;
}

/* HEADER */
.header {
    background-image: -o-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    text-align: center;
    width: 100%;
}

.headercupertino {
    background-image: -o-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    text-align: center;
    width: 100%;
}

.headerafterwork {
    background-image: -o-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    text-align: center;
    width: 100%;
}


.headerpepper-grinder {
    background-image: -o-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    text-align: center;
    width: 100%;
}



.headerhumanity {
    background-image: -o-linear-gradient(to right bottom, rgba(255, 133, 51, 0.59)
        0%, rgba(204, 82, 0, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(255, 133, 51, 0.59)
        0%, rgba(204, 82, 0, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(255, 133, 51, 0.59)
        0%, rgba(204, 82, 0, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(255, 133, 51, 0.59)
        0%, rgba(204, 82, 0, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(255, 133, 51, 0.59)
        0%, rgba(204, 82, 0, 0.84) 72%);
    text-align: center;
    width: 100%;
}

.headeraristo {
    background-image: -o-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    text-align: center;
    width: 100%;
}


.headerbootstrap {
    background-image: -o-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    text-align: center;
    width: 100%;
}

.headerhot-sneaks {
    background-image: -o-linear-gradient(to right bottom, rgba(96, 255, 111, 0.59)
        0%, rgba(53, 65, 79, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(96, 255, 111, 0.59)
        0%, rgba(53, 65, 79, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(96, 255, 111, 0.59)
        0%, rgba(53, 65, 79, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(96, 255, 111, 0.59)
        0%, rgba(53, 65, 79, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(96, 255, 111, 0.59)
        0%, rgba(53, 65, 79, 0.84) 72%);
    text-align: center;
    width: 100%;
}

.headerblitzer {
    background-image: -o-linear-gradient(to right bottom, rgba(206, 11, 11, 0.59)
        0%, rgba(233, 44, 12, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(206, 11, 11, 0.59)
        0%, rgba(233, 44, 12, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(206, 11, 11, 0.59)
        0%, rgba(233, 44, 12, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(206, 11, 11, 0.59)
        0%, rgba(233, 44, 12, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(206, 11, 11, 0.59)
        0%, rgba(233, 44, 12, 0.84) 72%);
    text-align: center;
    width: 100%;
}

.headercasablanca {
    background-image: -o-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    text-align: center;
    width: 100%;
}

.header-left {
    width: 18%;
    text-align: left;
}

.header-middle {
    width: 77%;
}

.header-right {
    width: 5%;
}

.headerHomeLink {
    text-decoration: none;
}

.headerClock div {
    margin-right: 2vw;
    margin-left: 2vw;
}

.appTitle {
    vertical-align: middle;
    font-family: "Tahoma", "Helvetica", "Arial";
    color: #0859A8;
    font-weight: bold;
    font-size: 3vw !important;
    text-shadow: -2px 0px transparent, 3px 1px #000, 1px 1px #8A3333, 0px
        -1px #3649D4;
}

.appTitlecupertino {
    vertical-align: middle;
    font-family: "Tahoma", "Helvetica", "Arial";
    color: #0859A8;
    font-weight: bold;
    font-size: 3vw !important;
    text-shadow: -2px 0px transparent, 3px 1px #000, 1px 1px #8A3333, 0px
        -1px #3649D4;
}

.appTitleafterwork {
    vertical-align: middle;
    font-family: "Tahoma", "Helvetica", "Arial";
    color: #0859A8;
    font-weight: bold;
    font-size: 3vw !important;
    text-shadow: -2px 0px transparent, 3px 1px #DDDDDD, 1px 1px #DDDDDD, 0px
        -1px #DDDDDD;
}

.appTitleafterwork {
    vertical-align: middle;
    font-family: "Tahoma", "Helvetica", "Arial";
    color: #0859A8;
    font-weight: bold;
    font-size: 3vw !important;
    text-shadow: -2px 0px transparent, 3px 1px #DDDDDD, 1px 1px #DDDDDD, 0px
        -1px #DDDDDD;
}

.appTitlepepper-grinder {
    vertical-align: middle;
    font-family: "Tahoma", "Helvetica", "Arial";
    color: #0859A8;
    font-weight: bold;
    font-size: 3vw !important;
    text-shadow: -2px 0px transparent, 3px 1px #DDDDDD, 1px 1px #DDDDDD, 0px
        -1px #DDDDDD;
}

.appTitlehumanity {
    vertical-align: middle;
    font-family: "Tahoma", "Helvetica", "Arial";
    color: #0859A8;
    font-weight: bold;
    font-size: 3vw !important;
    text-shadow: -2px 0px transparent, 3px 1px #DDDDDD, 1px 1px #DDDDDD, 0px
        -1px #DDDDDD;
}

.appTitlearisto {
    vertical-align: middle;
    font-family: "Tahoma", "Helvetica", "Arial";
    color: #0859A8;
    font-weight: bold;
    font-size: 3vw !important;
    text-shadow: -2px 0px transparent, 3px 1px #DDDDDD, 1px 1px #DDDDDD, 0px
        -1px #DDDDDD;
}

.appTitlehot-sneaks {
    vertical-align: middle;
    font-family: "Tahoma", "Helvetica", "Arial";
    color: #E84F31;
    font-weight: bold;
    font-size: 3vw !important;
    text-shadow: -2px 0px transparent, 3px 1px #CCD232, 1px 1px #CCD232, 0px
        -1px #CCD232;
}

.appTitleblitzer {
    vertical-align: middle;
    font-family: "Tahoma", "Helvetica", "Arial";
    color: #FFFFFF;
    font-weight: bold;
    font-size: 3vw !important;
    text-shadow: -2px 0px transparent, 3px 1px #CC0202, 1px 1px #CC0202, 0px
        -1px #CC0202;
}

.appTitlecasablanca {
    vertical-align: middle;
    font-family: "Tahoma", "Helvetica", "Arial";
    color: #0859A8;
    font-weight: bold;
    font-size: 3vw !important;
    text-shadow: -2px 0px transparent, 3px 1px #DDDDDD, 1px 1px #DDDDDD, 0px
        -1px #DDDDDD;
}

/* CONTENT */
.content {
    margin-left: auto;
    margin-right: auto;
    padding-left: 5em;
    padding-right: 5em;
    padding-bottom: 50px; /* Height of the footer element */
}

/* FOOTER */
.footer {
    text-align: center;
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin-bottom: 0px;
    display: table;
    background-image: -o-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
}

.footercupertino {
    text-align: center;
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin-bottom: 0px;
    display: table;
    background-image: -o-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(15, 161, 240, 0.59)
        0%, rgba(0, 99, 148, 0.84) 72%);
}


.footercasablanca {
  text-align: center;
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin-bottom: 0px;
    display: table;
    background-image: -o-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
}

.footerafterwork {
    text-align: center;
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin-bottom: 0px;
    display: table;
    background-image: -o-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
}

.footerpepper-grinder {
    text-align: center;
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin-bottom: 0px;
    display: table;
    background-image: -o-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
}

.footerhumanity {
    text-align: center;
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin-bottom: 0px;
    display: table;
    background-image: -o-linear-gradient(to right bottom, rgba(255, 133, 51, 0.59)
        0%, rgba(204, 82, 0, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(255, 133, 51, 0.59)
        0%, rgba(204, 82, 0, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(255, 133, 51, 0.59)
        0%, rgba(204, 82, 0, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(255, 133, 51, 0.59)
        0%, rgba(204, 82, 0, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(255, 133, 51, 0.59)
        0%, rgba(204, 82, 0, 0.84) 72%);
}





.footeraristo {
    text-align: center;
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin-bottom: 0px;
    display: table;
    background-image: -o-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
}



.footerbootstrap {
    text-align: center;
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin-bottom: 0px;
    display: table;
    background-image: -o-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(191, 167, 156, 0.59)
        0%, rgba(127, 111, 104, 0.84) 72%);
}

.footerhot-sneaks {
    text-align: center;
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin-bottom: 0px;
    display: table;
    background-image: -o-linear-gradient(to right bottom, rgba(96, 255, 111, 0.59)
        0%, rgba(53, 65, 79, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(96, 255, 111, 0.59)
        0%, rgba(53, 65, 79, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(96, 255, 111, 0.59)
        0%, rgba(53, 65, 79, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(96, 255, 111, 0.59)
        0%, rgba(53, 65, 79, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(96, 255, 111, 0.59)
        0%, rgba(53, 65, 79, 0.84) 72%);
}

.footerblitzer {
    text-align: center;
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin-bottom: 0px;
    display: table;
    background-image: -o-linear-gradient(to right bottom, rgba(206, 11, 11, 0.59)
        0%, rgba(233, 44, 12, 0.84) 72%);
    background-image: -moz-linear-gradient(to right bottom, rgba(206, 11, 11, 0.59)
        0%, rgba(233, 44, 12, 0.84) 72%);
    background-image: -webkit-linear-gradient(to right bottom, rgba(206, 11, 11, 0.59)
        0%, rgba(233, 44, 12, 0.84) 72%);
    background-image: -ms-linear-gradient(to right bottom, rgba(206, 11, 11, 0.59)
        0%, rgba(233, 44, 12, 0.84) 72%);
    background-image: linear-gradient(to right bottom, rgba(206, 11, 11, 0.59)
        0%, rgba(233, 44, 12, 0.84) 72%);
}

.footerCopyright {
    display: table-cell;
    text-align: centre;
    vertical-align: middle;
    font-family: maven;
    font-size: 15px;
    color: #fff;
}

.footerCopyright a {
    color: #fff;
}

.subiMenu .ui-menu {
    text-align: left;
    width: 55%;
    background: none;
    border: none;
}

.panel, .panelCentered, .panelCenteredTextCenter {
    overflow: auto;
}

.panelCentered, .panelCenteredTextCenter {
    margin-left: auto;
    margin-right: auto;
}

.panelCenteredTextCenter {
    text-align: center;
}

.panelGridNoBorder, .panelGridNoBorder td, .panelGridNoBorder tr {
    border-style: hidden;
}

.noBorderPrimePanelGrid.ui-panelgrid>*>tr, .noBorderPrimePanelGrid.ui-panelgrid>*>tr>td
    {
    border: none;
}

.equalWidth3 {
    width: 33.33%;
}

.equalWidth4 {
    width: 25%;
}

.equalWidth6 {
    width: 16.66%;
}

.equalWidth2 {
    width: 50%;
}

.width4 {
    width: 4%;
}

.width5 {
    width: 5%;
}

.width30 {
    width: 30%;
}

.width32 {
    width: 32%;
}

.width33 {
    width: 33%;
}

.width5centered {
    width: 5%;
    text-align: center;
}

.width10Right {
    width: 10%;
    text-align: right;
}

.width10 {
    width: 10%;
}

.width15 {
    width: 15%;
}

.width15Top {
    width: 15%;
    vertical-align: top;
}

.width15Left {
    width: 15%;
    text-align: left;
}

.width20 {
    width: 20%;
}

.width20centered {
    width: 20%;
    text-align: center;
}

.width25 {
    width: 25%;
}

.width25PaddingRight10 {
    width: 25%;
    padding-right: 10px;
}

.width25PaddingRight20 {
    width: 25%;
    padding-right: 20px;
}

.width25PaddingRight25 {
    width: 25%;
    padding-right: 25px;
}

.width25Left {
    width: 25%;
    text-align: left;
}

.width15Right {
    width: 15%;
    text-align: right;
}

.width20Right {
    width: 20%;
    text-align: right;
}

.width25Right {
    width: 25%;
    text-align: right;
}

.width30Right {
    width: 30%;
    text-align: right;
}

.width30Left {
    width: 30%;
    text-align: left;
}

.width10Left {
    width: 10%;
    text-align: left;
}

.width20Left {
    width: 20%;
    text-align: left;
}

.width25 {
    width: 25%;
}

.width25Left {
    width: 25%;
    text-align: left;
}

.width25centered {
    width: 25%;
    text-align: center;
}

.width30 {
    width: 30%;
}

.width30Right {
    width: 30%;
    text-align: right;
}

.width33 {
    width: 33%;
}

.width33Right {
    width: 33%;
    text-align: right;
}

.width35 {
    width: 35%;
}

.width35Left {
    width: 35%;
    text-align: left;
}

.width35Right {
    width: 35%;
    text-align: right;
}

.width40 {
    width: 40%;
}

.width40Left {
    width: 40%;
    text-align: left;
}

.width40Left input {
    width: 100%;
}

.width40Right {
    width: 40%;
    text-align: right;
}

.width50Left {
    width: 50%;
    text-align: left;
}

.width50centered {
    width: 50%;
    text-align: center;
}

.width50Right {
    width: 50%;
    text-align: right;
}

.width60 {
    width: 60%;
}

.width60Right {
    width: 60%;
    float: right;
}

.width60Left {
    width: 60%;
    float: left;
}

.width60centered {
    width: 60%;
    text-align: center;
}

.width65 {
    width: 65%;
}

.width66 {
    width: 66%;
}

.width66Left {
    width: 66%;
    text-align: left;
}

.width66Right {
    width: 66%;
    text-align: right;
}

.width70 {
    width: 70%;
}

.width70Left {
    width: 70%;
    text-align: left;
}

.width70centered {
    width: 70%;
    text-align: center;
}

.width75 {
    width: 75%;
}

.width75Left {
    width: 75%;
    float: left;
}

.width80 {
    width: 80%;
}

.width80Left {
    width: 80%;
    text-align: left;
}

.width80LeftTop {
    width: 80%;
    text-align: left;
    vertical-align: top;
}

.width85 {
    width: 85%;
}

.width85Top {
    width: 85%;
    vertical-align: top;
}

.width90 {
    width: 90%;
}

.width90 input{
    width: 90% !important;
}

.width80Left {
    width: 80%;
    float: left;
}

.width90LeftNoBorder {
    width: 90%;
    float: left;
    border: none !important;
}

.maxWidth {
    width: 100%;
}

.maxWidth input {
    width: 100%;
}

.maxWidthLeft {
    width: 100%;
    float: left;
}

.maxWidthInput input {
    width: 100% !important;
}

.ui-dialog {
    width: auto !important;
}

.droppableFieldSet {
    border-style: dashed;
    border-width: 3px;
    text-align: center;
}

.alignTop td {
    vertical-align: top;
}

.alignMiddle td {
    vertical-align: middle;
}

.alignBottom td {
    vertical-align: bottom;
}

.alignCenter {
    text-align: center;
}

.verticalAlignCenter {

}

.verticalAlignCenter td {
    vertical-align: middle;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.dmsTabela input {
    width: 85%
}

.peInput input {
    width: 80%
}

.columnpg75 {
    width: 75%;
}

.columnpg75 input {
    width: 65%;
}

.inputSuggestionBox  input {
    background: url(/../dms/resources/dms/1_0/images/search.png)
        no-repeat right center !important;
}

.inputSuggestionBox9 input {
    width: 9vw;
}

.inputSuggestionBox14 input {
    width: 14vw;
}

.inputSuggestionBox15 input {
    width: 15vw;
}

.inputSuggestionBox20 input {
    width: 20vw;
}

.inputSuggestionBox25 input {
    width: 25vw;
}

.magistralaUnosTabela2Column1 {
    width: 13%;
    text-align: right;
}

.magistralaUnosTabela2Column2 {
    width: 87% text-align: left;
}

.magistralaUnosTabela6Column1 {
    width: 12.66%;
    text-align: right;
}

.magistralaUnosTabela6Column2 {
    width: 16.66%;
    text-align: left;
}

.magistralaUnosTabela6Column3 {
    width: 20.66%;
    text-align: left;
}

.magistralaUnosTabela6Column4 {
    width: 12.66%;
    text-align: right;
}

.magistralaUnosTabela6Column5 {
    width: 16.66%;
    text-align: left;
}

.magistralaUnosTabela6Column6 {
    width: 20.66%;
    text-align: left;
}

.magistralaUnosTabela4Column1 {
    width: 13%;
    text-align: right;
}

.magistralaUnosTabela4Column2 {
    width: 62% text-align: left;
}

.magistralaUnosTabela4Column3 {
    width: 25% text-align: left;
}

.width16Top {
    width: 16%;
    vertical-align: top;
}

.width20Top {
    width: 20%;
    vertical-align: top;
}

.width35Top {
    width: 35%;
    vertical-align: top;
}

.width65Top {
    width: 65%;
    vertical-align: top;
}

.width60Top {
    width: 60%;
    vertical-align: top;
}

.width40Top {
    width: 40%;
    vertical-align: top;
}

.width80Top {
    width: 80%;
    vertical-align: top;
}

.width84Top {
    width: 84%;
    vertical-align: top;
}

.promenaTemeTabela1Kolona1 {
    width: 20%;
    text-align: right;
}

.promenaTemeTabela1Kolona2 {
    width: 80%;
    text-align: left;
}

.ui-picklist .ui-picklist-list {
    width: 50vw;
    height: 20vh;
}

.fontBold {
    font-weight: bold;
}

.fontBoldRed {
    font-weight: bold;
    color: red;
}

.pf-picklist-source !important, .pf-picklist-target !important {
    width: 100vw;
    margin: auto;
}

.ui-state-disabled {
    color: #000000;
    opacity: .75 !important;
}

.tableNoBorder td {
    border: none !important;
}

.tableNoBorder tr {
    border: none !important;
}

.pretragaDodatneInformacijeKolona1 {
    text-align: right
}

.pretragaDodatneInformacijeKolona2 {
    text-align: left
}

.dodatneInformacijeBold {
    font-weight: bold;
}

.width45 {
    width: 45%;
}

.width50 {
    width: 50%;
}


.floatRight {
    float: right;
}

.width25FloatRight {
    width: 25%;
    float: right;
}

.tableWidthPretragaParametri {
    width: 90%;
    margin-left: 3vw;
}

.inputSuggestionBoxPretragaDokumenta input {
    background: url(/../dms/resources/dms/1_0/images/search.png)
        no-repeat right center !important;
    width: 12vw;
}

.inputPretragaDokumenta {
    width: 14vw;
}

.inputPretragaDokumentaBlankSuggestion {
    width: 12vw;
}

.customInputWidth input {
    width: 12.2vw;
}

.alignTextRight {
    text-align: right;
}

.inputDatePretragaDupla30 input {
    width: 30%;
}

.inputDatePretragaDupla50 input {
    width: 50%;
}

.inputDatePretragaDupla60 input {
    width: 60%;
}

.inputDatePretragaDupla70 input {
    width: 70%;
}

.inputDatePretragaDupla80 input {
    width: 80%;
}

.inputDatePretragaDupla90 input {
    width: 90% !important;
}

.width50AlignTop {
    width: 50%;
    vertical-align: top;
}

.predugovorIznosiInput input {
    width: 3vw;
}

.dugmeFontSize14 span{
    font-size: 14px !important;
}

div[id="formaUser:obavezaNotify_container"]  {
  left: 20px !important;
}

a {font-family: Tahoma; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

.notifications {margin:0; position: relative; width: auto; height: auto; padding: 0; overflow: visible;}

.notifications > .new-message a {font-size: 9px; font-weight: bold; text-decoration: none; margin: 0; position: absolute; padding: 1px 3px; height: auto; width: auto; top: -1.6vh; right: -5px; color: #f5f5f5; background: #cc0000; background: -moz-linear-gradient(top,#dd0000 0,#cc0000,100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dd0000),color-stop(100%,#cc0000)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0000',endColorstr='#cc0000',GradientType=0); border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -o-border-radius: 60px; border: 1px solid rgba(0,0,0,0.50); box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 1px rgba(255,255,255,0.50); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 1px rgba(255,255,255,0.50); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 1px rgba(255,255,255,0.50); -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 1px rgba(255,255,255,0.50); z-index: 1;}

.notifications > .messages a {font-size: 12px; font-weight: bold; text-decoration: none; margin: 0; position: relative; padding: 4px 11px 5px 11px; height: auto; width: auto; color: #f5f5f5; background: #666; background: -moz-linear-gradient(top,#7b7b7b 0,#666,100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7b7b7b),color-stop(100%,#666)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b7b7b',endColorstr='#666',GradientType=0); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border: 1px solid rgba(0,0,0,0.50); box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656); -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656);}

.notifications > .messages a:hover {color: #fff; background: #8b8b8b; background: -moz-linear-gradient(top,#8b8b8b 0,#666,100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#8b8b8b),color-stop(100%,#666)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b',endColorstr='#666',GradientType=0); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border: 1px solid rgba(0,0,0,0.50); box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656); -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656);}

.notifications > .messages a:active {background: #555; background: -moz-linear-gradient(top,#666 0,#7b7b7b,100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#666),color-stop(100%,#7b7b7b)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666',endColorstr='#7b7b7b',GradientType=0); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border: 1px solid rgba(0,0,0,0.50); box-shadow: 0px 0px 0px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656); -o-box-shadow: 0px 0px 0px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656);}

.menuButtonsPadding {
  padding-left: 5px;
  padding-right: 5px;
}

.enlargeObject {
    -webkit-transition:  -webkit-transform .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out;
    -o-transition: -o-transform .2s ease-out;
    -ms-transition: -ms-transform .2s ease-out;
    transition: transform .2s ease-out;
}

.enlargeObjectAnimation {
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5); }



.dokDokumentTipDokumentaKolona1 {
    text-align: right;
    width: 15%;
}


.dokDokumentTipDokumentaKolona2 {
    text-align: left;
    width: 85%;
}


.dokDokumentTipDokumentaUnosKolona1 {
    text-align: right;
    width: 15%;
}


.dokDokumentTipDokumentaUnosKolona2 {
    text-align: left;
    width: 60%;
}

.dokDokumentTipDokumentaUnosKolona3 {
    text-align: left;
    width: 25%;
}

div.grow {
  transition: all .2s ease-in-out;
}

div.grow:hover {
  z-index: 100;
  transform: scale(1.1);
}

.dokDokumentTipDokumentaKolona1 {
    text-align: right;
    width: 15%;
}


.dokZavodnjeVerzijeDokumetaKolona1 {
    text-align: right;
    width: 25%;
}

.dokZavodnjeVerzijeDokumetaKolona2 {
    text-align: left;
    width: 40%;
}

.dokZavodnjeVerzijeDokumetaKolona3 {
    text-align: left;
    width: 35%;
}

/* ESED */

.esedSednicaDetaljiList ul{
		padding-left:15px !important;	
}
.esedSednicaDetaljiList	li{
		list-style-type:none;
}


.esedDetaljiNaslov {
    font-size: 1.8vw !important;
    margin-top: 1.2vw;
}

.esedDetaljiPodnaslov {
    font-size: 1.2vw !important;
    margin-top: 1vw;
}

.esedAlignRight {
	text-align: right;
}

.esedCenterTable {
	margin-left: auto; 
	margin-right: auto;
}

.esedNoBorder {
	border: 0px white;
}

.esedDetaljiStavkaNaslov {
	font-size: 1.5em !important;
	font-weight: bold;
}

.esedDetaljiStavkaNaslovNotJavna {
	font-size: 1.5em !important;
	font-weight: bold;
	font-style: italic;
}

.esedDetaljiStavkaOpis {
	font-size: 1.3em !important;
	font-style: italic;
}

.esedDetaljiDokument, .esedDetaljiDokumentZakljucak {
	font-size: 1.3em !important;
}

.esedDetaljiDokumentZakljucak {
	font-weight: bold !important;
}

.esedDetaljiZakljucak, .esedDetaljiZakljucakDokument {
	font-size: 1.5em !important;
}

.esedDetaljiZakljucak {
	font-weight: bold !important;
}

.esedSedniceLink {
	font-weight: bold;
	font-size: 1.5em !important;
}

.esedSedniceVreme {
	font-size: 1.2em !important;
}

.ui-datalist-item button{
	margin:3px;
}


.ui-datalist-item{
	list-style: none!important;
}


.calendarItem{
	cursor: pointer;
	color: red !important;
	background: white !important;
}

.calendarItemMyEvent{
	cursor: pointer;
	background: red !important;
}

.calendarItemCekaOdobrenje{
	cursor: pointer;
	background: orange !important;
}

.calendarItemIzvrsilac{
	color: red !important;
	background: white !important;
}

.calendarItemRukovodilac{
	background: red !important;
}

.treeTable.ui-datatable table {
   width: auto;
}

.fc-row.ui-widget-header,.fc-row.fc-week.ui-widget-content{
	margin-right:18px !important;
}

/* organigram style */
.root.ui-organigram-node{
    background: #969696 !important;
    background: -moz-linear-gradient(top,#ababab 0,#656565 100%) !important;
    background: -webkit-linear-gradient(top, 0,#656565 100%) !important;
    background: linear-gradient(to bottom,#ababab 0,#656565 100%) !important;
}

.ui-organigram-node .ui-inputfield{
	width:200px !important;
}

.ui-organigram-node .ui-calendar .ui-inputfield{
	width:170px !important;
}

.textEditorContent{
	color: #000;
	width:208px;	
	background-color:#fff;	
	opacity: .75 !important;
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-o-border-radius: 3px; 
	border: 1px solid #d6d6d6; 	
	box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656); 
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656); 
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656); 
	-o-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.205656);}
	
}

.ui-columntoggler{
	width: 200px!important;
	overflow-x: auto;
}
ul.ui-columntoggler-items{
	width: 200px!important;
	overflow-x: auto;
}

.fajloviButton{
	width: 33%;
}

.fajloviButton span{
	font-size:1.5em !important;
}