@font-face {
    font-family: 'hind-madurai-light';
    src: url('../HindMadurai-Light.eot');
    src: url('../HindMadurai-Light.eot?#iefix') format('embedded-opentype'),
        url('../HindMadurai-Light.woff2') format('woff2'),
        url('../HindMadurai-Light.woff') format('woff'),
        url('../HindMadurai-Light.ttf') format('truetype'),
        url('../HindMadurai-Light.svg#HindMadurai-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'hind-madurai-bold';
    src: url('../fonts/HindMadurai-Bold.eot');
    src: url('../fonts/HindMadurai-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HindMadurai-Bold.woff2') format('woff2'),
        url('../fonts/HindMadurai-Bold.woff') format('woff'),
        url('../fonts/HindMadurai-Bold.ttf') format('truetype'),
        url('../fonts/HindMadurai-Bold.svg#HindMadurai-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'hind-madurai-medium';
    src: url('../fonts/HindMadurai-Medium.eot');
    src: url('../fonts/HindMadurai-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HindMadurai-Medium.woff2') format('woff2'),
        url('../fonts/HindMadurai-Medium.woff') format('woff'),
        url('../fonts/HindMadurai-Medium.ttf') format('truetype'),
        url('../fonts/HindMadurai-Medium.svg#HindMadurai-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'hind-madurai-semibold';
    src: url('../fonts/HindMadurai-SemiBold.eot');
    src: url('../fonts/HindMadurai-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HindMadurai-SemiBold.woff2') format('woff2'),
        url('../fonts/HindMadurai-SemiBold.woff') format('woff'),
        url('../fonts/HindMadurai-SemiBold.ttf') format('truetype'),
        url('../fonts/HindMadurai-SemiBold.svg#HindMadurai-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'hind-Madurai-regular';
    src: url('../fonts/HindMadurai-Regular.eot');
    src: url('../fonts/HindMadurai-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HindMadurai-Regular.woff2') format('woff2'),
        url('../fonts/HindMadurai-Regular.woff') format('woff'),
        url('../fonts/HindMadurai-Regular.ttf') format('truetype'),
        url('../fonts/HindMadurai-Regular.svg#HindMadurai-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body { font-family: 'hind-madurai-regular'; background: #BABCC1;  font-size: 16px; overflow-y: auto; overflow-x: hidden;  background: url("../images/bg-page.jpg") no-repeat; background-size: cover;}


a {/*color: #010303;*/ color: white; }
a.color-black{
	color: #010303;
}
a.color-dark-gray {
	color: #555;
}


h2, .h2 { font-size:20px;     font-weight: 600;}
h2 span {  font-size:30px; display:block; position:relative; }
h2 span:before { position:absolute; top:-20px; left:5px;}

.logo { padding-bottom: 30px;}
.logo a img { transition: opacity .5s ease-out;    -moz-transition: opacity .5s ease-out;    -webkit-transition: opacity .5s ease-out;    -o-transition: opacity .5s ease-out; opacity: 1;}
.logo a:hover img{ opacity: 0.7;}

.logo img { float: left;}
.logo h1 { text-align: right; font-size: 24px; color: #BBBDC2; padding-top: 20px; 

}
@media (max-width: 510px){
    .logo h1{display: none;}
   /* .logo img{margin-top: 30px; margin-bottom: 30px; margin-left: 15px;}*/
    .logo img{margin-top: 4rem;     top: 50%;
        left: 50%;
        margin-right: -50%;
        position: absolute;
        transform: translate(-50%, -50%)}
    .container{ margin-top: 60px; border-radius: 0;}
    body{
        background: none;
    }
    .logo{
        position: relative;
        margin-bottom: 8rem;
    }
    
}
.container { background:#fff;  padding-left: 25px; padding-right: 25px; height: 100%; border-radius: 20px; margin-top: 35px; padding-bottom:25px;  }

.fa-bars{font-size: 35px; color: white;}
.fa-bars:hover
{font-size: 35px; color: black; transition: 0.2s;}
.fa-bars:active{color: black}
.fa-edit {color: black;}
.fa-search{color: black;}

@media (max-width: 505px){
    .container{ margin-top: 0px; border-radius: 0; padding-left: 10px; padding-right: 10px;}
    
    
}

.navbar-default{ background: #27AAE1; border:none; }
.navbar-default .navbar-brand { color: #fff;}
.navbar-default .navbar-nav>li>a { color: #fff; font-size: 18px;    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;    -webkit-transition: opacity .5s ease-out;    -o-transition: opacity .5s ease-out; opacity: 1;}


.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {opacity: 0.7; color: #fff;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {    color: #fff;   }
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background:none;
}
.navbar { margin-bottom: 10px;}
.table-wrapper{overflow-x: auto;}
.table-wrapper-homepage{display: block; overflow-x: auto;}
@media (max-width: 505px){
    .table-wrapper-homepage{display: none}
}
.dropdown-menu>li>a { font-size: 16px;}

.caret {    margin-top: -4px;}
.navbar-default .navbar-text { color: #fff; font-size: 18px; margin-left: 15px;}
.navbar-default .navbar-text .fa { font-size: 22px;}
.btn-default { background: none; border: 2px solid #fff; font-size: 18px; color: #fff; transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;    -webkit-transition: opacity .5s ease-out;    -o-transition: opacity .5s ease-out; opacity: 1;}
.btn-default  .fa { font-size: 20px;}
.btn-secondary{background: none; opacity: 1; transition: opacity 0.5s ease-out 0s; border: 1px solid;}
.navbar-collapse { padding-left: 0; padding-right: 0;}
.navbar-header, .navbar-nav, .navbar-right { margin-top: 2px;}
.navbar-header, .navbar-nav { margin-top: 5px;}
.dropdown {    padding-bottom: 6px;}
.breadcrumb { background: #016484; margin-bottom: 5px; color: white; padding-right: 15px;}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {background: none; color: #fff; border:2px solid #fff; opacity: 0.7;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { 
    
    
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {background: none; border:1px solid #fff; opacity: 0.7;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:hover.active, .open>.dropdown-toggle.btn-secondary:hover, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary { 
    
    
}
.btn-group.open .dropdown-toggle {    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0);    box-shadow: inset 0 3px 5px rgba(0,0,0,0); }
.btn.dropdown-toggle {     color: #333;}
.panel-default>.panel-heading { background:#8D9DA3; border: none; color: #fff;position: relative; transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;    -webkit-transition: opacity .5s ease-out;    -o-transition: opacity .5s ease-out; opacity: 1;  }
.panel-default>.panel-heading { background:#8D9DA3; border: none; color: #fff; }
.panel-default>.panel-heading a::before { z-index: 0; content: ""; right: 20px; top: 20px; background: url("../images/icon-minus.svg") no-repeat; padding: 10px; position: absolute;}
.panel-default>.panel-heading a.collapsed::before { background: url("../images/icon-plus.svg") no-repeat;}
.panel-default>.panel-heading a { width: 100%; display: block; height: auto; }
.panel-default>.panel-heading:hover { opacity: 0.7;}

.panel-collapse .panel-heading {padding-top: 4px; padding-bottom: 4px; }
.panel-collapse .panel-heading a::before {    top: 15px; }

.panel-heading h4 { color: #fff; font-size: 18px;}
.skupinaPopis { padding-top: 8px; display: block; color: #fff;  font-size: 16px;}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { border: none;}
tr:nth-child(odd) td { background: #EDEDED;}
tr:nth-child(even) td { background: #F7F7F7;}
.panel-group .panel-heading+.panel-collapse>.panel-body { border: none;}

.panel-collapse .panel-body { padding-top: 5px;}
.table>thead>tr>th { font-size: 14px; min-width: 110px;}

.table>thead>tr>td.clickable-row { font-language-override: 16px;}

.table-hover>tbody>tr:hover>td { opacity: 0.7;}
.table-hover>tbody>tr:nth-child(odd):hover>td { background: #EDEDED;}
.table-hover>tbody>tr:nth-child(even):hover>td { background: #F7F7F7;}

.table-hover>tbody>tr.success:nth-child(odd)>td { background: #EDEDED;}
.table-hover>tbody>tr.success:nth-child(even)>td { background: #F7F7F7;}
.table-hover>tbody>tr.success:nth-child(odd):hover>td { background: #EDEDED;}
.table-hover>tbody>tr.success:nth-child(even):hover>td { background: #F7F7F7;}




.panel-body .table-hover { position: relative;}
.panel-body .table-hover tbody td.clickable-row:nth-child(1) { position: relative; padding-left: 35px;}
.panel-body .table-hover tbody td.clickable-row:nth-child(1):before {    content: "\f00e"; font-size:19px;     font-family: FontAwesome; position: absolute;  left: 10px; margin-top: -3px; padding-right: 0px; color: #27AAE1; z-index: 0;}
.panel-body .table-hover tbody td a { text-align: right; float: right; padding-left: 7px;}

.table>tbody>tr:nth-child(odd)>th{ background: #EDEDED;}
.table>tbody>tr:nth-child(even)>th { background: #F7F7F7;}
.table>tbody>tr:nth-child(odd):hover>th{ background: #EDEDED;}
.table>tbody>tr:nth-child(even):hover>th { background: #F7F7F7;}

#snippet--zmenaObjektuContainer { text-align:left;}
.bootstrap-select>.dropdown-toggle { border:2px #EDEDED solid; }
#snippet--zmenaObjektuContainer { margin-top:15px;}
#snippet--zmenaObjektuContainer .form-inline .form-group{  position:relative;}
#snippet--zmenaObjektuContainer .form-inline .form-group input{ padding:7px 15px; position:absolute; top:-2px; font-size:16px;}
@media (max-width: 505px){
    #snippet--zmenaObjektuContainer .form-inline .form-group input{ padding:7px 15px; position:absolute; top:-2px; font-size:16px; display: none;}
}
#snippet--snippetContentArea  h2{ margin-top:35px; display:block;}

.btn-primary { background: #27AAE1; border:none; transition: opacity .5s ease-out;    -moz-transition: opacity .5s ease-out;    -webkit-transition: opacity .5s ease-out;    -o-transition: opacity .5s ease-out; opacity: 1;}
.btn-primary:hover { opacity:0.7; background: #27AAE1;}

.pull-left a { transition: opacity .5s ease-out;    -moz-transition: opacity .5s ease-out;    -webkit-transition: opacity .5s ease-out;    -o-transition: opacity .5s ease-out; opacity: 1; color: #27AAE1;}
.pull-left a:hover, .pull-left a:focus {    color: #27AAE1; opacity:0.7;  }

#snippet--snippetContentArea .form-horizontal .col-sm-3.control-label{  text-align:left; width:17%;}
#snippet--snippetContentArea .col-xs-12 .row .col-xs-2 { width:7%;}
.btn-primary { background:#25aae1; font-size:16px; }

#snippet--revizeSelect {overflow-x: auto;}
#snippet--revizeTable tr:nth-child(odd){  background: #EDEDED;}
#snippet--revizeTable tr:nth-child(even){  background: #F7F7F7;}


.btn { font-size:16px;}
.btn-info, .btn-info, .btn-info, .btn-info {transition: opacity .5s ease-out;    -moz-transition: opacity .5s ease-out;    -webkit-transition: opacity .5s ease-out;    -o-transition: opacity .5s ease-out; opacity: 1; } 

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info { opacity:0.7}
.text-success i { padding-left:10px;}
.text-danger i{padding-left:10px;}
.btn-success { border:none; background: #27AAE1; transition: opacity .5s ease-out;    -moz-transition: opacity .5s ease-out;    -webkit-transition: opacity .5s ease-out;    -o-transition: opacity .5s ease-out; opacity: 1; }
.btn-success, .btn-success:hover { background: #27AAE1; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {    background: #27AAE1;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {  background: #27AAE1;}
.btn-info {background: #27AAE1;}
.btn-success:hover { opacity:0.7}
.pull-right.new-item-button { margin-top:0;}
#snippet--snippetContentArea .col-xs-12 .row .col-xs-2.nova-revize { width:25%; padding-right:0;}
.margin-left {margin-left: 15px;}
.col-xs-12.prilohy { padding-bottom:15px;}

#frm-filterForm .col-sm-9 { width:82%;}
.btn-secondary { float:right;}

.btn-primaryleft{float: right; margin-left: 15px;}
.btn-primaryleft:hover, .btn-primaryleft:focus, .btn-primaryleft:active, .btn-primaryleft.active, .open>.dropdown-toggle.btn-primaryleft {  background: #27AAE1;}
.btn-primaryleft { background: #27AAE1; border:none; transition: opacity .5s ease-out;    -moz-transition: opacity .5s ease-out;    -webkit-transition: opacity .5s ease-out;    -o-transition: opacity .5s ease-out; opacity: 1;}
.btn-primaryleft:hover { opacity:0.7; background: #27AAE1;}
.btn-primaryleft { background:#25aae1; font-size:16px; }

.btn-primaryright{float: right;}
.btn-primaryright:hover, .btn-primaryright:focus, .btn-primaryright:active, .btn-primaryright.active, .open>.dropdown-toggle.btn-primaryright {  background: #27AAE1;}
.btn-primaryright { background: #27AAE1; border:none; transition: opacity .5s ease-out;    -moz-transition: opacity .5s ease-out;    -webkit-transition: opacity .5s ease-out;    -o-transition: opacity .5s ease-out; opacity: 1;}
.btn-primaryright:hover { opacity:0.7; background: #27AAE1;}
.btn-primaryright { background:#25aae1; font-size:16px; }

@media (max-width: 762px){
    .btn-primaryleft{float: none; margin-left: 15px;}
    .btn-primaryright { float:left;}
}

.table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th { background:none;}

.margin-top{margin-top: 3rem}
.footer{height: 100px}

@media(max-width: 505px){
    .footer{height: 0}

}

.col-xs-2-ct{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-8-ct{
    width: 66.66666667%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.pull-left-ct{
    width: 100%;
}

@media(max-width: 505px){

    .col-xs-8-ct{
        width: 100%;
    }
    .col-xs-2-ct{


    }
}