/*
div, ul, li, a {
  border: 1px solid #f00;
}
*/

.btn, input, select {font-size: 13px !important;}
label {font-weight: normal;}
.open > .dropdown-toggle.btn-default, 
.dropdown-toggle.btn-default:focus,
.dropdown-toggle.btn-default:hover{
    background-color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li a {
    font-size: 13px !important;
    padding-left: 12px !important;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  font-size: 13px;
}
.footer {
  position: absolute;
  border-top: 1px solid #d0d0d0;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f6f6f6;
}

.footer-text {
  font-family: Tele-grotesk,Arial,Helvetica,sans-serif;
  margin-top: 1.8em;
  font-size: 13px;
}

.save-as {
    text-align:right;
    margin-top: 6px;
    margin-right: 6px;
}
.top-info{
  width:100%;
  background: #E0F1FA;
  overflow:hidden;
}
.breadcrumb {
  background: transparent;
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 0px;
  font-weight: bold;
  border-radius: 0px 0px 0px 0px;
  display: inline-block;
}
.breadcrumb > .active {
    color: #333;
}
.breadcrumb li > a {
    text-decoration: none;
}
.breadcrumb > li + li::before {
    color: #777;
}
.active-tab-info {
  text-transform: uppercase;
  padding: 6px 15px;
  font-weight: normal;
  font-size: 11px;
}
.round-container {
    font-size: 11px;
    float: right;
    display: inline-block;
    width: 100%;
    top: 1px;
    background: #E0F1FA;
    padding: 8px 15px;
    margin-bottom: 0px;
}
.round-error {
    color: #f00;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 45px;
    font-weight: bold;
    font-size: 11px;
}
.round-name {
    display: inline-block;
    text-transform: uppercase;
    margin-right: 15px;
    font-weight: bold;
    font-size: 11px;
}
.round-dur {
    display: inline-block;
    font-weight: bold;
    font-size: 11px;
}

.content-container > div {
    display: none;
}
.content-container div.active {
    display: block !important;
}
.mobile-only {display: block;}

.container {padding:0px;}

.header { border-bottom: 1px solid #d0d0d0; margin-bottom:0px; background: #fff; background-image: -webkit-linear-gradient(#fff, #f6f6f6); background-image: -moz-linear-gradient(#fff, #f6f6f6); background-image: -o-linear-gradient(#fff, #f6f6f6); background-image: -ms-linear-gradient(#fff, #f6f6f6); background-image: linear-gradient(#fff, #f6f6f6); background: #f6f6f6; }

.t-logo { font-size: 1em !important; height: 60px; width: 80px; background: url(../images/t-logo-desktop.png) no-repeat 15px 50%;  margin: 0; }
@media only screen and (min-width: 480px) {
    .t-logo { width: 220px;}
}

.navbar-nav > li > a {color: #e20074; font-size: 11px; border-top: 1px solid #d0d0d0; 
                      text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 0 #fff; 
                     -webkit-transition: all .2s ease; -moz-transition: all .2s ease; 
                     -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; 
}

.navbar-nav > li.active > a, 
.navbar-nav > li > a:hover{ 
    background: #fff !important;
    text-decoration: none;
    color: #e20074;
}
.navbar-collapse.in {
    overflow-y: initial;
}
ul.nav.navbar-nav {
    margin-bottom:0px;
}
.icon-container {
    float: right;
}
.navbar-user-icon,
.navbar-menu-icon {
    padding:0px; 
    display: block;
    position:relative;
}
.navbar-user-icon {
    height: 60px; width: 61px; border-right: 1px solid  white;
    background: url(../images/global-nav-icons.png) no-repeat transparent; 
    background-position: -60px -0px; 
    border-left: 1px solid  #d0d0d0;
    border-right: 0px solid  #d0d0d0;
    box-shadow: inset 1px 0 white;
}
.navbar-user-icon:hover,
.navbar-user-icon.dropdown.open,
.navbar-user-icon.dropdown.open:hover  {
    background: url(../images/global-nav-icons.png) no-repeat transparent !important;  
    background-position: -60px -60px !important; 
    border: none;
    box-shadow: none;
    background-color: #333 !important; 
    margin-bottom: -1px; margin-top: -1px; height: 62px;  border-bottom: 1px solid #333;
}

.navbar-menu-icon {
    height: 60px; width: 61px; border-right: 1px solid  white;
    background: url(../images/global-nav-icons.png) no-repeat transparent; 
    background-position: -240px -0px; 
    border-left: 1px solid  #d0d0d0;
    border-right: 0px solid  #d0d0d0;
    box-shadow: inset 1px 0 white;
}
.navbar-menu-icon:hover  {
    background: url(../images/global-nav-icons.png) no-repeat transparent !important;  
    background-position: -240px -60px !important; 
    border: none;
    box-shadow: none;
    background-color: #333 !important; 
    margin-bottom: -1px; margin-top: -1px; height: 62px;  border-bottom: 1px solid #333;
}
.header-icon {
    display: block;
    background: transparent !important;
    text-indent: -9999px; 
    height: 60px; width: 60px; 
}
.header-icon:hover  {
    border: none;
    box-shadow: none;
}

ul.level-2-ul.my-drop-menu.dropdown-menu {
left: auto;
right: 0px;
    border-left: 0px;
    border-right: 0px;
    margin: 0px 0px;
    border-radius: 0px 0px 4px 4px;
    background-color: #333; 
    -webkit-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); 
    -moz-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); 
    -o-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); 
    box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); 
}
.user-descr,
ul.level-2-ul.my-drop-menu.dropdown-menu > li > a {
    font-size: 12px;
    color: #FFF;
    white-space: nowrap;
    line-height:24px;
    font-family: sans-serif;
}
ul.level-2-ul.my-drop-menu.dropdown-menu > li > a:hover, 
ul.level-2-ul.my-drop-menu.dropdown-menu > li > a:focus 
{
    background-color: #E20074 !important;
}
.level-2-li-divider { border-top: 1px solid #6c6c6c; }
.user-descr {
    white-space: nowrap;
    font-weight: bold;
    padding: 3px 20px;
}

/* wider screen */
@media only screen and (min-width: 768px) {
    .container {padding:0px 15px 0px 15px;}
    .breadcrumb, .round-container {width: auto;}
    .navbar-nav > li {
      height: 100%; 
      border-left: 1px solid  #d0d0d0;
      box-shadow: inset 1px 0 white;
    }
    .navbar-nav > li:last-child {
      border-right: 1px solid  #d0d0d0;
    }
    .navbar-nav {
      border-right: 1px solid  white;
    }
    .navbar-menu-icon {
        display: none;
    }
    .navbar-user-icon {
        border-right: 1px solid  #d0d0d0;
    }
    ul.level-2-ul.my-drop-menu.dropdown-menu {
        left:auto;
        right:0;
        border-radius: 0px 0px 4px 4px;
    }
    .breadcrumb-gray {margin-top: 12px;}
    .header {margin-bottom: 20px;}
}

.section-nav-2014 { width: 100%; display: none;}
.section-nav-2014 a { color: #fff; }
.section-nav-2014 * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.section-nav-2014 .level-1-ul { list-style: none !important; width: 100%; display: block;; position: relative; padding-left:0px; margin-left:0px; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); -moz-border-radius: 0.25rem; -o-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; }
.section-nav-2014 .level-1-li { background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );}
.section-nav-2014 .level-1-ul:after { content: ''; clear: both; }
.section-nav-2014 .level-1-li { border-bottom: 1px solid #d0d0d0;  }

.section-nav-2014 .level-2-li { float: left; }

.section-nav-2014 .level-1-li > a { display: block; padding: 15px 0px 15px 0px; font-size: 11px; text-align: center; text-transform: uppercase; color: #333; }
.section-nav-2014 .level-1-li:first-child { border-top: 1px solid #d0d0d0; }


.section-nav-2014 .level-1-li.active { background: #fff;  }

.section-nav-2014 .level-1-li:hover { background: #E20074; border-color: #e20074; }
.section-nav-2014 .level-1-li:hover > a { color: #fff; }

.section-nav-2014 .spacer.level-1-li.active { background: transparent !important; border-bottom-color: #d0d0d0; }
.section-nav-2014 .spacer.level-1-li:hover { background: transparent !important; border-color: #d0d0d0; }

.section-nav-2014 .level-2-ul { display: none; position: absolute; z-index: 99999; left: 0; right: 0; top: 100%; background: #333; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -moz-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -o-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); }
.section-nav-2014 .level-2-ul.single-level { width: 18.75em; padding: 0.3125em 0 0.625em; left: auto; right: auto; }

.section-nav-2014 .level-1-li:hover > ul.level-2-ul { display: block; }

.section-nav-2014 .level-2-li { float: left; width: 20%; padding: 0.714em 0; font-size: 11px; }
.section-nav-2014 .level-2-li > a { display: block; padding: 0.5em 1.428em; /*white-space: nowrap;*/ }
.section-nav-2014 .level-2-li a:hover { color: #e20074; color: #fff; background: #e20074; }

.section-nav-2014 .level-2-li-divider { border-top: 1px solid #6c6c6c; }

/* wider screen */
@media only screen and (min-width: 768px) {
    .mobile-only {display: none !important;}
    .section-nav-2014 .level-1-ul { width: 100%;}
    .section-nav-2014 .level-1-li { width: 14%;}
    .section-nav-2014 .level-1-li:first-child { width: 15%;}
    .section-nav-2014 .level-1-li:last-child { width: 15%;}
    .section-nav-2014 .level-1-li { display: table; margin-bottom: 20px; float: left;}
    .section-nav-2014 .level-1-li > a { position: relative; width: 100%; padding: 0px 6px; height: 60px; display: table-cell; vertical-align: middle; text-align: center; }
    
    .section-nav-2014 {margin-top: 20px; display: block; }
    .section-nav-2014 .level-1-li:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
    .section-nav-2014 .level-1-li:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
    .section-nav-2014 .level-1-li:first-child.has-menu:hover { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -o-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
    .section-nav-2014 .level-1-li:last-child.has-menu:hover { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }

    .section-nav-2014 .level-1-li { border: 1px solid #d0d0d0; border-left: 0;}
    .section-nav-2014 .level-1-li:first-child { border-left: 1px solid #d0d0d0; }
    .section-nav-2014 .level-1-li.active { background: #fff; border-bottom-color: #fff; }
    .section-nav-2014 .level-1-li:hover { background: #E20074; border-color: #e20074; }
    .section-nav-2014 .level-1-li:hover > a { color: #fff; }
}

.my_shown 
{
    display:block;
}
.my_hidden, .hidden 
{
    display:none;
}

/*remove focus rectangle */
a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
    text-decoration: none;
}

/****** LOGIN MODAL ******/
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #f6f6f6;
  margin: 50px auto;
  border: 1px solid #bbb;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family: Tele-grotesk,Arial,Helvetica,sans-serif;
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  font-family: Tele-grotesk,Arial,Helvetica,sans-serif;
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], 
.loginmodal-container input[type=password] {
  height: 38px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container input[type="text"]:focus,
.loginmodal-container input[type="password"]:focus {
	border-color: rgba(128, 128, 128, 0.8) !important;
	-moz-box-shadow: 0px 0px 4px #bbb !important;
	-webkit-box-shadow: 0px 0px 4px #bbb !important;
	box-shadow: 0px 0px 4px #bbb !important;
        outline: none !important;
        /*cursor: default;*/
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #E20074;
  margin-top: 8px;
  padding: 14px 0px;
  font-family: Tele-grotesk,Arial,Helvetica,sans-serif;
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #CE006A;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.my-toolbar{
    background: #f0f0f0;
    *background: #EDEDED;
    list-style:none;
    width:100%;
    display: table;
}
ul.my-toolbar{
    padding-left:0px;
}
.my-toolbar > li{
    float:left;
    position:relative;
}
.my-toolbar > li > a{
    width: 70px;
    display:block;
    text-align: center;
    font-size: 11px;
    padding-top:12px;
    padding-bottom:6px;
    color:#555;
    background: transparent;
    text-decoration:none;
}
.my-toolbar > li.tcom > a{
    color: #E20074 !important;
}
.my-toolbar > li > a:hover{
    color:#333;
    background:#D0D0D0 !important;
    text-decoration:none;
}
.my-toolbar > li.tcom > a:hover{
    color: #fff !important;
    background:#E20074 !important;
}
.my-toolbar .dropdown-menu {
    font-size: 13px;
}
.well-info {
    display: table; 
    width: 100%; 
    border: 0px solid #ddd; 
    background: #f0f0f0;
    margin-top: 10px;
    padding-top: 7px; 
    margin-bottom:4px;
    padding-bottom:7px;
}
.well-info.active {
    background: #E0FAE2;
}
.well-info.info {
    background: #E0F1FA;
}
.round-info {
    text-align: center;
    width: 100%;
    padding: 0px 15px;
}
.right-caret {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid #000000;
    display: inline-block;
    height: 0;
    opacity: 0.3;
    vertical-align: top;
    width: 0;
}
.well-form {
    display: table; 
    width: 100%; 
    border: 0px solid #ddd; 
    background: #f0f0f0;
    *background: #ededed;
    padding-top: 7px; 
    margin-bottom:10px;
    padding-bottom:7px;
}

.well-form label,
.label-small {
    font-size: 11px; 
    margin-top: 6px;
    margin-bottom: -1px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.well-form .form-group {
    margin-bottom:4px;
}
.well-form .btn {
    margin-top:26px;
    margin-bottom:4px;
}
.well-form input[type="checkbox"], .well-form input[type="radio"] {
    margin-top: 2px;
}
.well-form .checkbox label{
    font-size: 12px; 
    margin-top: 20px;
}
.well-form .checkbox{
    margin-bottom: 0px;
}
.treegrid_cell > img{
    margin-right: 4px;
}
.dhx_sub_row .ev_xp,
.dhx_sub_row .odd_xp {
    background: rgb(245, 245, 255);
}
.dhx_sub_row table.row20px tr td {
    background: rgb(245, 245, 255) !important;
}
.dhx_sub_row .xhdr {
    background: rgb(255, 245, 245) !important;
}
tr.sub_sep {
    height: 1px !important;
    font-size: 1px;
}
div.sub_sep {
    height: 1px !important;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px solid #ddd;
    background-image: none !important;
}
div.sub_item_text,
td.sub_item_icon,
td.sub_item_hk {
    cursor: pointer;
}
.gray-block {
    background: rgb(245, 245, 245);
}

.chart-title {
    overflow:hidden;
    text-align:center;
    width:100%; 
    margin-right:0px;
    margin-top:40px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight:bold;
    color:#666;
}

.chart{zoom:1; width:100%; margin-top:10px}
.chart:after{clear:both; content:'.'; display:block; height:0; visibility:hidden}
.chart li{display:block;height:18px;margin-top:3px;position:relative}
.chart li .opcija{color:#333;content:attr(title);text-overflow:ellipsis;white-space: nowrap;}
.chart li .bar{background:#008DD3;height:100%;border-left: 1px solid #008DD3}
.chart li .number{color:#666;font-size:13px;font-weight:bold;padding-left:5px;padding-top:2px;position:absolute;top:-2px}

@media screen and (max-width: 480px){
    .chart{padding-left:0px;}
    .chart li{height:auto;margin-bottom:0px}
    .chart li .opcija{color:black;display:block;left:0;position:relative;text-align:left}
    .chart li.title:before{border-bottom:1px solid}
    .chart li .bar{height:18px}
    .chart li .number{display:block;left:0 !important;padding-left:0;position:relative;top:-8px}
    .chart-title {
        text-align:left;
        width:100%; 
    }
}
@media screen and (min-width: 481px){
    .chart {padding-right:15%}
    .chart li{left: 30%;position:relative; width:70%;margin-bottom:8px;}
    .chart li .opcija{transform: translate(-100%, 0%);width:60%;padding-right:8px;padding-top:0px;position:absolute;overflow:hidden;text-align:right;}
}
.my-strike {
  text-decoration: line-through;
}

.my-bold {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
}
.my-green {
  color: #080;
}
.my-blue {
  color: #0282CE;
}
.my-red {
  font-weight: bold;
  text-transform: uppercase;
  color: #f00;
  font-size: 11px;
}
.rowselected .my-red,
.rowselected .my-blue,
.rowselected .my-green {
  color: #fff;
}
.alert {
    padding: 6px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 0px;
}
.bootstrap-select>.dropdown-toggle.disabled,
.bootstrap-select>.dropdown-toggle.disabled:focus,
.bootstrap-select>.dropdown-toggle.disabled:hover{
    cursor: pointer;
    background-color: #f4f4f4;
    color: #333;
    opacity: 1;
}
.dhx_page, .dhx_pager_info {
    font-family: inherit;
}

.list,
.menu-title {
  *clear: both;
  padding-left:10px;
}

.list li {
  margin-top:60px;
  display: inline-block;
  border-collapse: collapse;
  width: 100%;
  min-height: 120px;
}
.inner {
  display: table-row;
  overflow: hidden;
}
.li-img {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  padding-right: 1em;
}
.li-img img {
  display: block;
  width: 100%;
  height: auto;
}
.li-img .li-icon {
  color: #E20074;
  display: block;
  vertical-align: middle;
  text-align: center;
  min-width: 60px;
  width: 100%;
  height: auto;
  font-size: 4em;
}
.li-text {
  padding-right: 20px;
  display: table-cell;
  vertical-align: middle;
  width: 80%;
}

.li-icon.disabled,
.li-text.disabled {
  color: #aaa;
}

.li-head {
  margin: 0;
}
.li-sub {
  margin: 0;
}

@media all and (min-width: 45em) {
  .list li {
    float: left;
    width: 50%;
  }
}

@media all and (min-width: 75em) {
  .list li {
    float: left;
    width: 33.33333%;
  }
}