/*------------------------------------------------------------------

[Custom Stylesheet]


Last change:	03/25/2013
Assigned to:	You

-------------------------------------------------------------------*/
/*
[ Rozpis - štýly kalendáriku v rozpise služby ]
*/

.rozpis {
  text-align: left;
}
.rozpis .turnus {
  color: #666;
  width: 210px;
  display: inline-block;
  padding: 15px 0;
  margin: 0 5px 1em;
  vertical-align: top;
  text-decoration: none;
  background: #F3F3F3;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #eeeeee, 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 5px;
}
.rozpis .turnus:hover {
  background: #E8E8E8;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fafafa), to(#e1e1e1));
  background-image: -webkit-linear-gradient(top, #fafafa, 0%, #e1e1e1, 100%);
  background-image: -moz-linear-gradient(top, #fafafa 0%, #e1e1e1 100%);
  background-image: linear-gradient(to bottom, #fafafa 0%, #e1e1e1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe1e1e1', GradientType=0);
}
.rozpis .turnus:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.rozpis .turnus-label {
  margin-top: .40em;
  display: block;
  font-weight: 400;
  padding-left: 2em;
}

.rozpis .turnus-den {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  width: 180px;
  background: #E3E3E3;
  border: 1px solid #C2C2C2;
}

.turnus .turnus-cas {

  text-align: center;
  font-weight: 600;
  font-size: 16px;
}

.rozpis .prihlasit {
	background: #0F9600;
	color: white;
}
.rozpis .prihlasit:hover {
	background: #13BF00;
}

.rozpis .odhlasit {
	background: #CF0202;
	color: white;
}
.rozpis .odhlasit:hover {
	background: #FF0000;
}

.rozpis .nahradnik {
	background: #FFD700;
	color: #141413;
}
.rozpis .nahradnik:hover {
	background: #FFEE00;
}

.rozpis .expired,.rozpis .expired:hover {
	background: #A6A2A2;
	color: #666666;
	cursor: not-allowed;
}
.tyzden {
	margin-top: 40px;
	font-size: 20px;
	font-weight: 600;
}
.uprednostni-turnus {
	position: absolute;
	margin-left: 10px;
	font-size:25px;
	text-align: left;

}
.prihlasit .volne-miesto {
	color:#15CF00;
}

.odhlasit .volne-miesto {
	color:#FF2626;
}
.expired .volne-miesto {
	color:#808080;
}

.shortcuts .shortcut {
  min-height:122px;
 }

@media (max-width: 768px) {
	.rozpis .turnus {
		width: 170px;
		padding: 0.4em 0;
		margin: 0 0 0.4em;
	}
}

/*
[ Slider - umiestneny na homepage ]
*/

#slider img {
	width: 100%;
	height: auto;
	margin-bottom: 2.5em;
	padding-left: 0;
}

.nomargin {
	margin-bottom: 0 !important;
}

/*
[ Spravca domeny - zmensenie menu, lebo je tam viacero poloziek ]
*/
/*
.subnavbar .mainnav > li > a {
	padding: 0;
	font-size: 10px;
	margin-bottom: 3px;
}

.subnavbar .mainnav > li > a > i {
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 18px;
}

.subnavbar .subnavbar-inner {
	height: 60px;
	overflow: hidden;
}
*/

.smena-widget-add-publisher, .smena-widget-remove-publisher {
    display: block;
    width: 20px;
    margin: 0 auto;
}

.smena-widget-add-publisher span, .smena-widget-remove-publisher span{
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
    cursor: pointer;
}

.ui-icon.red {
    background-image: url(images/ui-icons_ff0000_256x240.png);
}

#users-table{
    max-height: 25vh;
    overflow-y: auto;
}

#users-search-input{
    margin-bottom: 20px;
    width: 250px;
}

.dialog-turnus-info span {
    font-size: 16px;
}

.dialog-turnus-info span span {
    font-size: 18px;
}

/* Enable clear button for search inputs */
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.system-notification {
    font-size: 16px;
    color: black;
    font-weight: bold;
    text-align: center;
}

@media (max-width: 796px) {
    .system-notification {
        font-size: 14px;
        text-align: initial;
    }
}

@media(max-width: 1280px) {
    div.container {
        width: 100%;
    }
}

.select2 > .select2-choice.ui-select-match {
  /* Because of the inclusion of Bootstrap */
  height: 29px;
}
.selectize-control > .selectize-dropdown {
  top: 36px;
}


div.multiline-select .ui-select-bootstrap .ui-select-choices-row > span {
    white-space: normal;
}

div.multiline-select .ui-select-bootstrap .ui-select-match > span.btn {
  white-space: normal;
  height: auto;
}

/*datatables fix to show font awesome sorting icons*/
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: 'FontAwesome';
  opacity: 0.5;
}
table.dataTable thead th.sorting:after {
    content: "\f0dc";
    color: #ddd;
    font-size: 0.8em;
    padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd";
 /*sort-by-attributes-alt*/
}

.toast-slide-in {
    -webkit-animation: slideIn 1s forwards;
    -moz-animation: slideIn 1s forwards;
    animation: slideIn 1s forwards;
}

/* Slide in from bottom to bottom-right animations */
@-webkit-keyframes slideIn {
  0% {
    transform: translateY(300px);
  }
  100% {
    transform: translateY(0);
  }
}
@-moz-keyframes slideIn {
  0% {
    transform: translateY(300px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideIn {
  0% {
    transform: translateY(300px);
  }
  100% {
    transform: translateY(0);
  }
}

@media(max-width:767px){
    .my-xs-hidden {
      display: none !important;
    }
}

.on-top {
    z-index: 999999 !important;
}

.disabled td {
    background-color: #d0d0d0 !important;
    color: #666666 !important;
    cursor: not-allowed;
}

.selected {
    outline: 2px solid;
}

.selected td {
    background-color: moccasin !important;
}

placed-literature-overview .nav-tabs .nav-item.active .nav-link{
    font-weight: bold;
    text-decoration: underline;
}

@media only screen and (min-width : 320px) {
    .display-inline-xs {
        display: inline;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .display-inline-sm {
        display: inline;
    }
}

th input.yadcf-filter,th .yadcf-filter-wrapper {
    width: 100%;
}

.yadcf-filter-wrapper .yadcf-filter.inuse {
    border: 1px #5cb85c solid;
    background: #a3f08b;
}

.no-latest-turnus {
  font-style: italic;
}

.yadcf-filter-range-date {
  height: 34px;
  padding: 6px 6px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.ui-datepicker td a.ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}

.export-info pre {
  display: inline-block;
}

.import-dialog-lg .modal-dialog {
  width: 70vw;
}
