/* CSS Document */
html, body,   table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body, html {
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #666
}
body.login {
    background: #e0cbb3;
    background-size: cover;
    height: 100%;
    background-attachment: fixed;
    -webkit-box-shadow: inset 0px 0px 68px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 68px -8px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 68px -8px rgba(0,0,0,0.75);
	overflow: hidden
}

.body-sign .panel-sign .panel-title-sign .title
{color:#fff!important;    background-color: #ffffff!important;}
.pad .col-md-12
{margin-top:10px}
#getcat a
   {font-size:14px;color:#000;font-weight:bold} 
 
 #getcat a:hover
   {font-size:14px;color:red;text-decoration:none;cursor:no-drop;} 
         
#header {
	display: block;
	background: #f1f1f1;
	border-bottom: 2px solid #000;
/* 	outline: 2px solid #c7494c; */
	outline-offset: 60px;
	height: 72px;
	width: 100%
}
 #getc 
 {margin-top:10px}
.page-break
{
display: none;
}
.tyzdenselect.selected,.tyzdenselect:hover
{color:#c7494c;font-weight:bold}

.tyzdenselect
{color:#737373}

.logo {
	display: block;
	background: url('../../../logo.png') center center no-repeat;
	width: 190px;
	height: 30px;
	background-size: contain;
	padding-top: 30px;
	float: left;
	margin-top: -24px;
	margin-left: -32px;  margin-bottom:20px;
}
.logo_in {
	display: block;
	background: url('http://u-o.sk/admin/logo2.png') center center no-repeat;
    width: 190px;
    height: 50px;
    background-size: contain;
    margin-top: 10px;
    margin-left: -50px;
    float: left;
    margin-bottom: 10px;
}
.login .panel-title-sign
{ border-top-left-radius:5px;border-top-right-radius:5px;}
.body-sign .panel-sign .panel-title-sign .title
{color:#000!important;}

.body-sign .panel-sign .panel-body
{border-radius:0px!important;}
.login .logo {
	background-image: url('http://u-o.sk/admin/logo2.png');
	margin-right: 6px;     margin-top: -20px;
    height: 60px;
}
.login .text-center {
	color: #eee !important
}
.dividerv {
	display: inline-block;
	border-right: 1px solid #cbdae5;
	width: 1px;
	height: 35px;
	margin-top: 23px;
	background-color: #e6eef1;
	margin-right: 15px;
	float: left
}
.slogan {
	font-size: 25px;
	color: rgba(24, 160, 177, .4);
	float: left;
	padding-top: 25px;
	font-weight: 300;
	letter-spacing: 0px
}
#header ul {
	list-style: none;
	padding: 0px;
	height: 60px;
	display: block
}
#sidebar ul {
	list-style: none;
	padding: 0px;
	display: block
}
#sidebar ul li {
	width: 100%
}
#sidebar #filter input {
	float: left;
	margin-right: 10px
}
#sidebar #filter span.item {
	width: 100%;
	float: left;
	padding-top: 10px
}
#header ul li,
#sidebar ul li {
	float: left;
	margin-right: 0px
}
#header ul li a {
	text-decoration: none;
	padding: 16px;
	width: 100%;
	float: left;
	color: #475761;
	font-weight: 400;
	height: 62px;
	border-top: 2px solid transparent;
}
#header ul li a.active {
	/* background: url('../img/menubg2.jpg') top left repeat-x;
*/
	background-color: #000000;
	border-top: 2px solid #c7494c;
	color: #FFF;
}
#header ul li a:hover {
	/* background: url('../img/menubg.jpg') top left repeat-x;
*/
	background-color: #000000;
	border-top: 2px solid #c7494c;
	color: #FFF;
}
#breadcrumbs {
	width: 100%;
	display: inline-block;
}
h1 {
	font-weight: 300;
	color: #000;
	font-size: 20px
}
 #sidebar h3 {
	border-bottom: 2px solid #c7494c;
	padding-bottom: 20px;
	margin-bottom: 20px;
	color: #000;
	font-weight: 400
}
#sidebar ul {
	padding: 0px;
	margin-bottom: 50px;
	float: left
}
#sidebar ul li a {
	text-decoration: none;
	float: left;
	color: #8b9294;
	padding-bottom: 20px;
	font-weight: bold;
}
#sidebar ul li a:hover,
#sidebar ul li a.active {
	text-decoration: none;
	color: #000
}
.logout {
	float: right;
	color: #fb5515;
	padding-top: 30px;
	text-decoration: none
}
.logout i {
	margin-left: 5px;
}
.logout:hover {
	color: #000
}
.logged {
	float: left;
	height: 40px;
	font-size: 25px;
	font-weight: 300;
	color: #36d0de;
	float: right;
	margin-right: 20px;
	padding-top: 17px
}

.logged img {
	width: 50px;
	margin-top: 20px;
	margin-right: 10px
}
.alerts {
	float: right;
	display: block;
	margin-top: 32px;
	margin-right: 50px
}
.alerts a,
#content form input[type=submit] {
	border-radius: 5px;
	margin-right: 10px;
	border: 1px solid #9a9d9d;
	border-top-color: #e6e8e8;
	color: #c40000;
	padding: 5px 12px 5px 12px;
	font-size: 14px;
	background-color: #eff4f5;
	font-weight: 700;
	text-decoration: none
}
.alerts a:hover,
#content form input[type=submit]:hover {
	border-color: #949999;
	border-top: 1px solid #C0C0C0;
	background-color: #fff;
	color: #c20000;
	cursor: pointer
}
#content {
	padding: 20px;
	display: inline-block;
}
#content form input[type=submit] {
	margin-top: 20px;
}
.login #breadcrumbs {
	margin-top: 0px;
	height: 100px;
	text-align: center
}
.login #breadcrumbs h1 {
	margin-top: 10px
}
.login .container {
	width: 380px;
}
.message {
	display: block;
	width: 100%;
	border: 2px solid rgb(162, 211, 169);
	padding: 10px;
	background-color: rgb(188, 232, 194);
	margin-bottom: 20px;
}
.message.error {
	display: block;
	width: 100%;
	border: 2px solid #BE403F;
	padding: 10px;
	background-color: #E5928E;
	margin-bottom: 20px;
}
.paginate_button {
	padding: 5px
}
.login #content {
	width: auto
}
a {
	text-decoration: none;
}
.panela {
	display: inline-block;
	width: 100%;
}
.panela a {
	float: right;
	font-size: 20px;
	color: #1a629d;
	padding: 10px;
}
.panela a:hover {
	color: #6cbd45
}
h1 {
	color: #000
}
.dashboard .widget-summary .fa {
	margin-top: 4px;
}
.fa-arrow-right:hover,
.fa-arrow-left:hover
{
color: #c7494c;
	cursor: pointer;
}
.panel-body {
	padding: 8px !important
}
body:not(.kalendar) #main {
 padding-top: 40px;
	height: auto
}
h1 {
	margin-top: 0px!important;
	margin-bottom: 0px!important;
}
#main {
	border-top: 2px solid #000;
}
.dashboard #content {
	padding: 0px;
	padding-top: 20px;
}
.video {
	display: block;
	width: 100%;
	height: 300px;
	background-color: black;
}
td i.fa {
	font-size: 24px;
	opacity: 0.8 !important
}
.edit_row a {
	padding: 5px
}
.edit_row {
padding: 0px!important;
}
.edit_row .fa {
	font-size: 17px !important;
}
i.fa-pencil, i.fa-pencil-square-o {
	color: #0DA00D !important
}
.fa-file-pdf-o {
	color: rgba(156, 9, 0, 1) !important
}
i.fa-barcode.has {
	color: #ccc !important;
	padding: 5px;
	padding-left: 10px
}
i.fa-barcode:hover {
	color: #004789;
	opacity: 1
}
.fa-eye, .fa-check-square-o, .fa-repeat {
	color: #6ad649 !important
}
.fa-file-image-o {
	color: #C3714A !important
}
.fa-times {
	color: #ef4c5b !important
}
td a i.fa:hover {
	opacity: 1
}
#footer {
	padding-top: 30px;
	color: #222 !important;
	-webkit-box-shadow: inset 0px 0px 148px -42px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 148px -42px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 148px -42px rgba(0,0,0,0.75);
	background: url('../img/bread.png') top left repeat;
}
#footer h3 {
	margin-top: 0px
}
#footer .copyright {
	padding-top: 30px;
	padding-bottom: 9px;
	color: #333;
	font-size: 10px
  position:absolute;bottom:0px;
  width:100%;
}
#footer ul li {
	list-style: none
}
#footer ul li a,
#footer a {
	color: #222
}
#footer ul li a:hover,
#footer a:hover {
	text-decoration: none;
	color: #C4EAD1
}
.details {
	background-color: #eee;
	padding: 0px;
}
.details table td {
	padding: 0px !important
}
.details form {
	margin: 0px
}
button i.fa-barcode:hover {
	color: black
}
.details button:hover i.fa-barcode {
	color: black
}
button i.fa-barcode {
	font-size: 27px
}
 
#response .akcie_in {
	display: table;
	padding: 0px;
	list-style: none;
	margin-top: 5px;
}
#response .akcie_in li {
	padding: 10px;
	color: #000;
	list-style: none;
	float: left;
	margin: 0px;
	/* width: 227.5px;
*/
background-color:#F7F7F7
}
#response .akcie_in li h2 {
	font-size: 16px;
}
#response .akcie_in li .auta,
#response .akcie_in li .ludia,
#response .akcie_in li .popis {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
}                             
#response .akcie_in li:nth-child(odd)
 {
	background: #EFEFEF
}
 #response .akcie_in li .ludia
{	
border-top: 4px solid #DCDCDC;
}

h5
{    position: absolute;
    width: 195px;
    text-align: center;
    margin-top: -1px!important;
    font-weight: 600!important;
    color:#969696}
    
    

#response  h4 {
	font-size: 25px;
	font-weight: bold;
	color: rgb(213, 30, 36);
	padding-top: 10px;
  display: inline-block;
  width: 100%;
  margin-bottom:10px;
}
#response h4 span {
	font-size: 16px;
}
#response .akcie_in li h3 a {
	float: right
}
#response .akcie_in li .nepritomni {
	color: #bbb
}
#response .akcie_in li {
	border-bottom: 1px solid #eee
}
 
#response .akcie_in li i {
	float: right;
	font-size: 13px;
	color: #CECECE;
	margin-top: 3px;
}

#response .akcie_in li h3 {
font-size:14px;font-weight:bold;}

#response .akcie_in li:nth-child(odd) i {
	color: #9A9A9A;
}
#form_filter .form-item {
	margin-bottom: 10px;
}
#form_filter label {
	min-width: 120px;
}
#response h2
{
	width: 100%;
	text-align: center;
}
#form_filter
{
margin-bottom: 30px;
border-bottom: 2px solid rgb(213, 30, 36);
padding-top: 0px;
background: rgba(213, 30, 36, 0.1);
/* color: fff; */
padding: 15px;
}

@media (max-width: 381px) {
 #form_filter input {
 	width: 97%;
 }
 
 #form_filter i {
width: 2%;
    float: right;
    text-align: center;
    padding-top: 8px;
 }
 }

 .tyzden
 {color:#000;font-weight:bold;}
 
 .panel-actions a
 {    color: #0DA00D!important;
    font-weight: bold;
    padding:10px;
    background: transparent;}
    
    .printform
    {display:inline-block;width:100%;}
    
    .print
    {float:right;font-weight:bold;
    background-color: white;
    border: 1px solid #BFBFBF;
    padding: 5px 10px;}
    .print:hover
    {border-color:#c7494c;background-color:#f7f7f7;}
    
    
    
    body .btn-primary
    {background-color:#0DA00D!important}
     body .btn-primary:hover
    {background-color:#33C633!important}
    
    
    



    .pon
    {    padding-top: 14px;
    padding-bottom: 7px;
    border-top: 2px solid #ddd;}
    
    table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: normal!important;
}

.table_sort
{overflow:hidden}

.dashboard ul
{list-style:none;padding:0px;padding-left:5px;}
.dashboard ul li
{font-size:14px;padding:3px;}

.dashboard ul li a
{color:#555;width:100%; display:block;}

.dashboard ul.ponuky li a
{width:auto;}

.dashboard ul.ponuky li .text-right a
{width:40%;float:right;}
.dashboard ul li a:hover
{text-decoration:none;color:#000;}
.dashboard ul li i
{margin-right:10px}

.text-right
{text-align:right}

.dashboard .col
{padding:0px;padding:5px}

.dashboard .panel-heading {
    background: rgb(241, 241, 241)!important;

    border-bottom: 1px solid #E7E7E7!important;
    }
    
    
    .pop
    {float:right;
    }
    .pop i{font-size:15px!important;color:#ccc}
    
    
    .nopadding
    {padding-left:0px;padding-right:0px;}
    
    
    ul li.news
{font-size:12px;}
.news span
{float:right;font-size:10px;}

table.dataTable.stripe tbody tr.odd.nepriradeny, table.dataTable.display tbody tr.odd.nepriradeny {
    background-color: #e5ffbc;
}
  
  table.dataTable.stripe tbody tr.even.nepriradeny, table.dataTable.display tbody tr.even.nepriradeny {
    background-color: #ebffcc;
}
  
  
  table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
  table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1
  {background-color:inherit!important}
  
  
 #header ul li a.notification-icon
  {height: auto;
    font-size: 12px;
    padding: 7px;
    /* width: 27px; */
    border-radius: 0;}
     #header ul li a.notification-icon:hover i
     {color:#c7494c;}
     
      #header ul li a.notification-icon.alert:hover i
     {color:#FF8904;}
        #header ul li a.notification-icon i
        {
     padding-right:3px;   
        }  
     
     
     .notifications li
     {float:left;}
     .notifications > li .notification-icon .badge
     {z-index:99;}
     
     
     .name
     {    float: right;
    display: block;
    /* padding-top: 30px; */
    padding-top: 30px;
    padding-left:15px;padding-right:15px;
    padding-bottom:0px;
    color:#fb5515;
    }
    
    
    ol li span
    {    color: rgba(199, 73, 76, 0.68);
    padding-left: 30px;}   
    
     .fa-picture-o
 {color: #39a00d;
    font-size: 15px!important;
    margin-left: 10px;
    /* background-color: green; */
    padding: 3px; 
    }
    
     
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1;  }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #ddd;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }

 
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:999 }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; width:100%;
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;padding:5px!important;font-size:10px;height:auto!important; } 
 
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


@media (min-width: 900px)
{.container {
    width: 100%!important;
}

table.dataTable tbody th, table.dataTable tbody td
{ font-size:12px}
}

.colorpicker {
   width: 126px!important; 
     height: 126px!important; 
    background: #adadad!important; 
}

li .poznamka_prehliadka
{float:right}