.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.left5 { margin-left: 5px; }
.left10 { margin-left: 10px; }
.left20 { margin-left: 20px; }
.bot10 { margin-bottom: 10px; }
.bot20 { margin-bottom: 20px; }
.right10 { margin-right: 10px;}
.right20 { margin-right: 20px;}
.bg-purple-light {background-color: #9f9bf2;}
.bg-myblue {background-color: #c0eaff;}

.btn-purple {
  background-color: #605ca8;
  border-color: #524f8f;
  color: white;
}


.selectize-input {
    min-width: 200px !important;
}

.moj-gumb {
  /* To je pacjen v "templates/delovni_nalogi/dnn/plp.html#L73&L82" : */
    text-align: left;
    background:none!important;
    color:#3c8dbc;
    border:none; 
    padding:0!important;
    font: inherit;
    cursor: pointer;
}

.modal-80 {
    width: 80%;
}

.asd {
    background:rgba(0,0,0,0);
    border: 0px solid #505050;
    font-style: italic;
}

.asd:focus{
    background:white;
    border: 1px solid #505050;
}


@keyframes heartbeat
{
  0%
  {transform: scale( 2 )}
  20%
  {transform: scale( 1 )}
  40%
  {transform: scale( 2 )}
  60%
  {transform: scale( 1 )}
  80%
  {transform: scale( 2 )}
  100%
  {transform: scale( 2 )}
}

.blink {
  background-color: red !important;
  animation: heartbeat 1s infinite;
}

.table-very-condensed > thead > tr > th,
.table-very-condensed > tbody > tr > th,
.table-very-condensed > tfoot > tr > th,
.table-very-condensed > thead > tr > td,
.table-very-condensed > tbody > tr > td,
.table-very-condensed > tfoot > tr > td {
  padding: 2px;
}

.box.box-purple {
  border-top-color: #605ca8;
}

.align-middle {
  vertical-align: middle !important;
}

.border-red {
  border: 1px solid red;
}

.text-darkgray {
  color: darkgray;
}

/* DNN STYLES FOR 'TIP' and 'STATUS' */
.emphasize-left:hover td:first-of-type{
  border-left: 6px solid #2196f3 !important;
  font-weight: bolder;
  /* background-color: #ddffff !important; */
}

.emphasize-left td:first-of-type
{
  border-left: 6px solid transparent;
  width: 110px;
}

.dn-zakljucen {
  background-color: lightgreen;
}
.dn-projekt {
  background-color: #dce6f7;
}
.dn-razvojni_projekt {
  background-color: #dce6f7;
}
.dn-ponudbe {
  background-color: khaki;
}
.dn-servis {
  background-color: bisque;
}
.dn-servis_teren {
  background-color: bisque;
}
.dn-vzdrzevanje {
  background-color: bisque;
}
.dn-preventiva {
  background-color: bisque;
}
.dn-reklamacije {
  background-color: bisque;
}

.ck-editor__editable_inline {
  min-height: 400px;
}

@media (min-width: 768px) {
  .modal-xxl {
    width: 90%
  }
}