/*
    * DaShef Backend
    *
    * Zajednicki stilovi za backend aplikaciju
    *
    * Autor: Miroslav Zadravec
*/
/* ==========================================================================
    Boje
========================================================================== */
/* ==========================================================================
    Generalni stilovi
========================================================================== */
body:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden; }

.wrap {
  width: 940px;
  margin: 0 auto; }
  .wrap:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden; }

.wrap-500 {
  width: 500px;
  margin: 0 auto; }

.red {
  color: #F00 !important; }

.orange {
  color: #ff4800 !important; }

.btn-edit {
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  background: url("../img/btn-edit.png") no-repeat;
  margin-right: 10px; }

.divider {
  height: 40px; }

.btn-delete {
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  background: url("../img/btn-delete.png") no-repeat; }

.border-radius-3 {
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.font-normal {
  font-weight: normal !important; }

.container-floats:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden; }

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* ==========================================================================
    Header
========================================================================== */
header {
  height: 99px; }
  header .top-container {
    min-width: 940px;
    height: 56px;
    background: #ffc132;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffc132 0%, #eea92b 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffc132 0%, #eea92b 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffc132 0%, #eea92b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc132', endColorstr='#eea92b',GradientType=0 );
    /* IE6-9 */
    border-bottom: solid 1px #121212; }
    header .top-container .logo {
      float: left;
      padding-top: 10px; }
      header .top-container .logo img {
        height: 35px;
        width: auto; }
    header .top-container .logout {
      width: 61px;
      height: 30px;
      float: right;
      margin-top: 14px; }
      header .top-container .logout input {
        width: 89px;
        height: 28px;
        border: solid 1px #131313;
        color: #FFF;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #151515;
        background: -moz-linear-gradient(top, #151515 0%, #0d0e0f 99%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #151515), color-stop(99%, #0d0e0f));
        background: -webkit-linear-gradient(top, #151515 0%, #0d0e0f 99%);
        background: -o-linear-gradient(top, #151515 0%, #0d0e0f 99%);
        background: -ms-linear-gradient(top, #151515 0%, #0d0e0f 99%);
        background: linear-gradient(to bottom, #151515 0%, #0d0e0f 99%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151515', endColorstr='#0d0e0f',GradientType=0 ); }
    header .top-container .username {
      width: 320px;
      height: 21px;
      float: right;
      margin: 14px 15px 0 0;
      color: #000;
      font-size: 12px;
      text-align: right;
      padding-top: 9px; }
      header .top-container .username a {
        color: #ff8a00; }
  header .bottom-container {
    height: 41px;
    background: #404040;
    border-bottom: solid 1px #121212; }

/* ==========================================================================
    Main section
========================================================================== */
h1.title {
  padding: 70px 0 0;
  font-size: 18px;
  color: #484848;
  font-weight: bold;
  margin: 0;
  border-bottom: solid 1px #565656;
  padding-bottom: 8px; }

.login-title {
  padding: 120px 0 0;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  margin-bottom: 5px;
  padding-bottom: 8px; }

#login {
  background: #fff;
  border: solid 1px #bcbdbd;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
  #login .error {
    padding: 5px 0 0 3px;
    color: red; }

/* ==========================================================================
    UI Elementi
========================================================================== */
input[type='text'].regular,
.dataTables_filter input,
input[type='password'].regular {
  border: solid 1px #c9c9c9;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  padding: 5px 8px; }

input[type='submit'].regular,
input[type='button'].regular {
  border: solid 1px #c9c9c9;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 20px 6px;
  background: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #eaeaea));
  background: -webkit-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
  background: -o-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
  background: -ms-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
  background: linear-gradient(to bottom, #ffffff 1%, #eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); }

input[type='submit'].submit,
input[type='button'].submit {
  border: solid 1px #c67a0f;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 20px 6px;
  color: #FFF;
  background: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZjg5YTE0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwOTMwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #ffffff 0%, #f89a14 3%, #f0930e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(3%, #f89a14), color-stop(100%, #f0930e));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f89a14 3%, #f0930e 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f89a14 3%, #f0930e 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f89a14 3%, #f0930e 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f89a14 3%, #f0930e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0930e',GradientType=0 ); }

/* ==========================================================================
    Details page
========================================================================== */
.block-details {
  margin-right: 100px;
  padding-top: 40px; }
  .block-details .item {
    border-bottom: solid 1px #eee;
    padding: 7px 0; }
    .block-details .item.last {
      border-bottom: none;
      margin-bottom: 60px; }
    .block-details .item .field-name {
      font-weight: bold;
      line-height: 1.4; }
    .block-details .item .field-value {
      line-height: 1.4; }
      .block-details .item .field-value i {
        width: 15px; }

.container-graph {
  margin: 30px;
  border-bottom: solid 1px #eee; }
  .container-graph .container-title {
    background-color: #eee;
    font-size: 18px;
    font-weight: bold;
    padding: 7px 10px;
    margin-bottom: 15px; }
  .container-graph .amcharts-main-div {
    min-height: 450px; }

/* ==========================================================================
    Footer
========================================================================== */
#footer {
  width: 100%;
  text-align: center;
  padding: 20px 0 10px; }

/*# sourceMappingURL=general.css.map */