/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 9.12.2015, 23:10:
    Author     : vlatko
*/

@import url(http://fonts.googleapis.com/css?family=Roboto);

body {
    background-color: #ededed ;
}

.maincontent {
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    color: inherit;
}
.white-content-block {
    background-color: #fff;
    padding: 30px;
    border: 1px solid #e5e5e5;
    position: relative;
}
.login-help{
  font-size: 12px;
}

.form-field textarea{
    /*width: 80%;*/
    min-height: 90px; 
}

.form-field input {
     /*width: 80%;*/
     margin:0 5px 0 5px;
}
.form-field label {
    display:inline;
}

.bs-glyphicons li {
    background-color: #f9f9f9;
    border: 1px solid #fff;
    float: left;
    height: 115px;
    line-height: 1.4;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    width: 12.5%;
}
.bs-glyphicons .glyphicon {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
.btn-info {
    background-color:cadetblue;
    background-image: none;
}
.content-custom {
    min-height: 600px;
    margin-top:45px ;

}
/* .content-login {
    min-height:500px ;
    width: 350px;
} */
.footer-custom {
    background-color: #1e4575d1;
    /*background-color: #4564b8;*/
    background-image: url("/assets/img/bg.png");
    color: white;
    padding: 20px 0
    /*min-height:250px;*/
}
.shortcuts {
    text-align: center;
}
.shortcuts .shortcut {
    background: #f9f6f1 none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    margin: 0 0.9% 1em;
    padding: 12px 0;
    text-decoration: none;
    vertical-align: top;
    width: 24.5%;
}
.shortcuts .shortcut .shortcut-icon {
    color: #545454;
    font-size: 32px;
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}
.shortcuts .shortcut:hover {
    background: #00ba8b none repeat scroll 0 0;
}
.shortcuts .shortcut:hover span {
    color: #fff;
}
.shortcuts .shortcut:hover .shortcut-icon {
    color: #fff;
}
.shortcuts .shortcut-label {
    color: #545454;
    display: block;
    font-weight: 400;
}
.shortcut1 {
    background: #f9f6f1 none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    margin: 0 0.9% 1em;
    padding: 12px 0;
    text-decoration: none;
    vertical-align: top;
    width: 110px;
}
.form-name {
    /*float:left;*/
    margin-left:12px ;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #e9e9e9;
}
.error {
    color: red ;
}

.warning {
    color:red ;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.uploadpanel {
    
}
.uploadpanel > span > img {
    display: none ;
    /*visibility: hidden ;*/
}
footer {
    /*margin-top:30px;*/
}
/*Spinner*/
.spinner{
    position: absolute;
    height: 100px;
    width: 100px;
    top: 30%;
    left: 50%;
/*    margin-left: -50px;
    margin-top: -50px;*/
    /*background: url(/link/to/your/image);*/
    background-size: 100%;
}
/*Spinner Transparent background*/
.spinner:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
  z-index: 100 ;
}
.listbox {
    /*background: #bbb;*/
}
.panel-primary > .panel-heading {
    color:#333 ;
}
div.panel-success .listbox {
    width: 100% ;
}
/* hide disabled items */
textarea:disabled {
    display:none;
}
textarea:disabled + span {
  display:none;
}

/* Zebra div vo kontejner  */
div.stripped > div:nth-of-type(odd) {
    background: #e0e0e0;
}
.gradovicss {
    min-height:180px ;
}
.rowselected {
    border: 3px solid #00ba8b;
}
[id$=_ctl] {
    padding: 0px;
    margin-bottom: 3px;
}
[id$=_ctl] > div > .form-name {
    margin: 0 ;
}
[id$=_ctl] > div > .form-field {
    
}
.form-field > input {
    width: 100% ;
}
[readonly] {
    background: #eee;
}
select {
     word-wrap: break-word;
     width: 100% ;
}
select[readonly]{
    background: #eee;
    cursor:no-drop;
    height: 35px;
}

select[readonly] option{
    display:none;
}
#tabelata {
    width: 100%;
}
#tabelata tbody {
    cursor: pointer ;
}
#tabelata tbody tr td {
    padding: 1px 3px 1px 5px;
}
#tabelata thead tr {
    background: #beb;
}
#tabelata thead tr th {
    padding: 1px 3px 1px 5px;
}
.kol_zel > td + td + td + td + td + td  {
    background: #beb;
}
.kol_crv > td + td + td + td + td + td {
    background: #e99;
}
#tabelata .row_nov {
    background-color: #b5d5ff;
}
#tabelata .row_prom {
    background-color:#f3ca75;
}
#tabelata .row_odb {
    background-color:#7b7575;
}
.textbox {
    width: 96% ;
}
.navbar-inverse .navbar-nav > li > a {
    color: #d4d4d4;
}
.listboxReset {
    visibility: hidden;
}

.tabdivfield {
    padding: 15px;
    height: 100px;
    width: 150px;
    cursor: pointer;
}


/* Popup dialog */
.ui-draggable , .ui-dialog-titlebar , .ui-widget-header {
    /* background-color: aqua; */
}
.ui-draggable .ui-dialog-titlebar { 
    background-color: rgb(97, 99, 129);
    border:none;
}
header[role=banner] .banner-wrap h1 a {
    display: block;
    margin: 0;
    min-height: 85px;
    padding: 15px 0;
    position: relative;
    text-decoration: none;
}

header[role="banner"] .logo .venue-name {
    background: none;
    text-indent: 0 !important;
    color: #126EC5;
    text-decoration: none;
    width: auto;
    font-size: x-large;
    font-weight: 700;
}

#account-bar, .ui-widget, .venue-navigation, button, html, input, select, textarea {
    font-family: Openen Sans,Arial,Helvetica,sans-serif;
}
header[role="banner"] {
    background-color: #fff;
}
header[role="banner"] {
    border-bottom: 1px solid #dbdbdb;
}

@media only screen and (min-width: 767px){
div.community-sites {
    border: 0;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 20px;
    z-index: 10;
}}
div.community-sites {
    background: #f0f0f0;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 5000;
}
.venue-navigation ul.page-navigation {
    list-style-type: none;
    padding: 0 20px;
    margin: 0;
    float: left;
    width: auto;
}
.venue-navigation ul.page-navigation li {
    float: left;
    width: auto;
    display: block;
    margin: 0 12px 0 0;
    font-size: 0.9em;
    font-weight: 400;
}


.venue-navigation ul.page-navigation li a {
    display: block;
    text-transform: uppercase;
    color: #6c6c6c;
    font-weight: 400;
    text-decoration: none;
    line-height: 46px;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    outline: 0;
    padding: 0 15px;
}

header[role=banner] .banner-wrap a span.venue-name {
    display: block;
    float: left;
    padding-top: 14px;
    padding-bottom: 5px;
}

/* menu  */
.venue-navigation ul.page-navigation li a.selected, .venue-navigation ul.page-navigation li a:active, .venue-navigation ul.page-navigation li a:focus, .venue-navigation ul.page-navigation li a:hover {
    border-bottom: 7px solid #999;
    color: #575757;
}

.navbar {
    margin-bottom:2px;
    background-color: #24363e;
}
.navbar-header {
    color:beige;
}
.navbar-brand, .navbar-nav>li>a {
    text-shadow: none;
}
ul.social li {
    margin: 0 14px 0 0!important;
    float: left;
    font-size: 1.4em;
}
ul.social li a {
    outline: 0;
    background: url(/assets/img/social-sprite-2.png) no-repeat;
    text-indent: -500em!important;
    color: #fff;
}

ul.social li, ul.social li a {
    display: block;
    width: 46px;
    height: 46px;
}
ul.social li a.facebook {
    background-position: 0 0;
}


#footer {
    width: 100%;
    padding: 50px 0 30px;
    border-top: 6px solid #126EC5;
    background-color: #16316f;
    font-family: BrandonGrotesqueRegular,Arial,Helvetica,sans-serif;
}
.gutters .span_6 {
    width: 49%;
}
#footer h2 {
    color: #dfe1e4;
    text-transform: uppercase;
    float: left;
    font-weight: 300;
    font-size: 1.8em;
    padding: 15px 0 5px;
    margin: 0 0 5px;
}
#footer .footer-wrap ul.social {
    clear: none;
    float: left;
    margin: 5px 0 0 10px!important;
}
#footer ul.social li a {
    background-image: url(/assets/img/social-sprite.png);
    background-color: transparent;
}
#footer .footer-wrap .sportlabs p {
    text-align: left;
    float: left;
}
#footer .footer-wrap .sportlabs ul.links {
    float: left;
}
#footer .footer-wrap ul.links li {
    float: left;
    margin-left: 20px;
    padding-left: 20px;
    color: #dfe1e4;
    font-weight: 700;
    line-height: 1em;
}
#footer .footer-wrap .sportlabs ul.links li {
    border: none;
    margin-left: 0;
    font-size: 1.1em;
}
#footer .footer-wrap .sportlabs li, #footer .footer-wrap .sportlabs p {
    font-family: BrandonGrotesqueRegular,Arial,Helvetica,sans-serif;
    font-size: 1.1em;
}
#footer .footer-wrap .sportlabs ul.links li a, #footer .footer-wrap p {
    color: #dfe1e4;
}

.dropdown-menu  {
    background-color: #24363e;
}
.dropdown-menu li:hover {
    background-color: transparent;
}

.date-navigation {
    font-size: 18px;
    margin-top: 15px;
}

.calendar-blocked{
    background-color: #b8b9b8;
}
.calendar-reserved{
    background-color: #d67e6f;
}
.calendar-trainer{
    background-color: #3d86e6;
}
.calendar-group{
    background-color: #c02cc0;
}
.calendar-free{
    background-color: #94d7a1;
}
.calendar-kids{
    background-color: #df921f;
}