.hide-first {
    display: none;
}

.ssy_logo {    
    height: 120%;
    margin-right: 0.5em;    
}

.float-left {
    float: left;
}

A .ssy-blue,
A:visited .ssy-blue
{
    color: #2d3d7b;
}

.navbar-brand {
    max-width: 220px;    
}

@media screen and (max-width: 1024px) {
    
    .ssy_logo {
	height: 78%;
    }    
    
}

BODY {padding-top: 70px; padding-bottom: 70px;}

.ui-widget-header INPUT,
.ui-widget-header BUTTON,
.ui-widget-header SELECT,
.ui-widget-header OPTION
{color: black;}

.paging_full_numbers {
    width: 68% !important;
}
.dataTables_info {
    width: 30%;
}

.mniejsza {
    font-size: 12px;
}

TD FORM INPUT {max-width: 100%; border: 0px solid red !important; padding: 0px;}


.ui-widget-header {
    background: none;
    background-color: #EAEAEA;
    border: 1px solid #FAFAFA;
    color: black;
}
/*
    
ZMIANY AM OD 21/07

*/
.btn-export{
    float:right !important;
    margin: -5px;
}

/*-----------*/

#ajax-loader {
    background: url(../images/ajax-loader.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 300px;   
    height: 300px;
    margin-top: -150px;
    margin-left: -150px;
    z-index: 10000;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
}



#ajax-loader {    
    animation-name: loader-rotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    -webkit-animation-name: loader-rotate-webkit;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;    
}

@keyframes loader-rotate {
  0% { transform: rotateZ(0deg)}  
  100% { transform: rotateZ(359deg)}
  }  
  
@-webkit-keyframes loader-rotate-webkit {
  0% { -webkit-transform: rotateZ(0deg)}  
  100% { -webkit-transform: rotateZ(359deg)}
  }  

/*---------*/


#ssyModal {
    z-index: 3000;
}


*:focus, *:active {
    outline: none !important;
}



/*michal 03.02.2016*/
.odd.changed {
    -webkit-animation: odd_changed;
    -o-animation: odd_changed;
    animation: odd_changed;

    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;

    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes odd_changed {
    from { background-color: #bbb; }
    to { background-color: #E2FFE4; }
}
@-o-keyframes odd_changed {
    from { background-color: #bbb; }
    to { background-color: #E2FFE4; }
}
@-moz-keyframes odd_changed {
    from { background-color: #bbb; }
    to { background-color: #E2FFE4; }
}
@keyframes odd_changed {
    from { background-color: #bbb; }
    to { background-color: #E2FFE4; }
}


.even.changed {
    -webkit-animation: even_changed;
    -o-animation: even_changed;
    animation: even_changed;

    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;

    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes even_changed {
    from { background-color: #bbb; }
    to { background-color: #fff; }
}
@-o-keyframes even_changed {
    from { background-color: #bbb; }
    to { background-color: #fff; }
}
@-moz-keyframes even_changed {
    from { background-color: #bbb; }
    to { background-color: #fff; }
}
@keyframes even_changed {
    from { background-color: #bbb; }
    to { background-color: #fff; }
}


.nowrap {white-space: nowrap;}

.modal {
    z-index: 2050;
}

#debug_window {
    font-size: 8px;
}