/*****************************************
* Default stilovi za tražilicu "mobile".
******************************************/

#topmenuPage{   
    background: url(img/Logo1.png) no-repeat bottom 12px center; 
}

#mapnavigation {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1000;
}

#maplocate {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
}

/* jQuery mobile 1.4.5 - premale ikone */
#mapnavigation .ui-controlgroup-controls .ui-btn-icon-notext {
    height: 36px;/* auto*/
    width:  36px;
}

#maplocate .ui-controlgroup-controls .ui-btn-icon-notext {
    height: 36px;/* auto*/
    width:  36px;
}

.mobiletableheader {
    -webkit-margin-before: 0.2em;
    -webkit-margin-after: 0.2em;
}

.ui-icon-locate {
    background-image: url(img/locate.png);
    background-repeat: no-repeat;
    background-position: center; 
}

.ui-field-contain { 
    border-width: 0; 
    padding: 0; 
    margin: 10px;
}

#mappage, #mappage .ui-content, #map {
    padding: 0px;
}

.olLayerGrid .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
/* Turn on GPU support where available
.olTileImage {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
*/

.olControlAttribution {
    display: none;
}

.olImageLoadError {display : none}

#map {
    background-color: white;
}

table {
    cursor:pointer;
}

/* smanji margine za minimapu */
.ui-collapsible-set {
    margin: -10px;
}

.ui-collapsible-content {
    padding-left:  0px;
    padding-right: 0px;
}

table.ispracaji {
    cursor:default;   
    border: 1px solid; 
    border-spacing: 0px;
    border-collapse: collapse;
    font-size: 90%;
}

table.ispracaji td, table.ispracaji th
{
    padding: 5px;
    border: 1px solid;
}

    table.ispracaji td.ui-table-priority-0, th.ui-table-priority-0 {
        display: table-cell !important;
    }

    table.ispracaji td.ui-table-priority-1, th.ui-table-priority-1,
                    td.ui-table-priority-2, th.ui-table-priority-2
     {
        display: none;
    }

.center-content {
    text-align: center;    
    vertical-align: middle;
}



/* 
 Stilovi za jQuery mobile tablicu, columntoggle mod, bar dok se ne resolva problem s dinamičkim tablicama: https://github.com/jquery/jquery-mobile/issues/5842 
     rješenje: https://forum.jquery.com/topic/column-toggle-table-how-to-hide-the-columns-button
*/
/* ime, prezime uvijek vidljivi */ 
.class-tablica-pokojnika th.ui-table-priority-0,
.class-tablica-pokojnika td.ui-table-priority-0
{
    display: table-cell !important;
}        
.class-tablica-pokojnika th.ui-table-priority-1,
.class-tablica-pokojnika td.ui-table-priority-1,
.class-tablica-pokojnika th.ui-table-priority-2,
.class-tablica-pokojnika td.ui-table-priority-2,
.class-tablica-pokojnika th.ui-table-priority-3,
.class-tablica-pokojnika td.ui-table-priority-3 {
    display: none;
}    
/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 20em) {     
   .class-tablica-pokojnika th.ui-table-priority-1,
   .class-tablica-pokojnika td.ui-table-priority-1 {
     display: table-cell !important;
   }

}
/* Show priority 2 at 480px (30em x 16px) */
@media screen and (min-width: 30em) {
   .class-tablica-pokojnika th.ui-table-priority-2,
   .class-tablica-pokojnika td.ui-table-priority-2 {
     display: table-cell  !important;
   }

   table.ispracaji td.ui-table-priority-1, th.ui-table-priority-1,
    td.ui-table-priority-2, th.ui-table-priority-2 {
        display: table-cell !important;
    }

}    

/* Show priority 3 at 640px (40em x 16px) */
@media screen and (min-width: 40em) {
   .class-tablica-pokojnika th.ui-table-priority-3,
   .class-tablica-pokojnika td.ui-table-priority-3 {
     display: table-cell !important;
   }

}

.row_selected {
    background-color: #3373a5;
    color: white;
}

.desktop_style {
/*    background-color: #e8eecb; */
}

#AxFooter
{    
/*    background-color: #e8eecb; */
    display: block;
    font-size: 70%;
    float: right;
    padding-top: 10px;
    padding-right: 10px;    
}

.mobylink_button {
    color: black !important; 
    text-decoration: none; 
    background: url(img/linkArrows.png) 100% -5px no-repeat; 
    padding: 0px 15px 0px 10px; 
    margin: 0px 5px 0px 5px;
    border: 1px solid #aaaaaa; 
    border-radius: 10px;
}

.mobyeditable_empty {
    color: #DFDADC; 
    border-bottom: none;
}