body{
    background-color:dimgrey;
    border:0;
    background-image: url('Slike/crosser-bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: cover;
}

.logo
{
    position:fixed;
    top:60px;
    left:50%;
    margin-left:-100px;
}
.center{ display:flex; justify-content: space-between; flex-wrap:wrap; padding:0 0 20px 0;}
#Tvrtke{
    background-color:white;
    position:relative;
    margin:0 auto;
    width:60%;
    top:100px;
    margin-bottom:20px;    
    min-height:50px;
}

#Tvrtke .tvrtke
{
    min-width: 50px;
    min-height: 20px;
    margin: 10px 10px;
    /*font-size: 1.15em;
    font-family: 'Franklin Gothic';*/
    font: 0.8em 'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;
    text-transform:uppercase;
    text-decoration:none;
    color:black;
    box-sizing: border-box;
    border-spacing: 0;
    border-collapse: separate;
    display: inline-block;    
    vertical-align: middle;
    border:1px solid #c3c3c3;
    padding:6px;
    -webkit-border-radius: 2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background: linear-gradient(to bottom, rgba(234,234,234,1) 0%, rgba(223,223,223,1) 100%);
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.35), 0px 1px 3px 0px rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.35), 0px 1px 3px 0px rgba(0,0,0,0.1);
    box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.35), 0px 1px 3px 0px rgba(0,0,0,0.1);
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    line-height: 100%;
    float:left;
}
#Tvrtke .tvrtke:hover
{
     border: 1px Solid #99CFCE;
     background: #99CFCE;
     color: white;
}
.tvrtke-container
{
   position:relative;
   overflow:visible;
   min-width:229px;
   min-height:80px;
   /*float:left;*/
   display:inline-block;
   margin-left:20px;
   margin-right:20px;
   margin-top:20px;
   background-color:ghostwhite;

}
.naslovninaslov {
 text-decoration:none;
    width:100%;
    color:white;
    background-color:#99CFCE;
    text-align:center;
    font-size:1em;
    font-family: 'Franklin Gothic';
    margin-top:5px;
}
h4.naslov, .naslovninaslov2
{
    text-decoration:none;
    padding:5px 0;    
    text-transform:uppercase;
    width:100%;
    color:white;
    background-color:#99CFCE;
    /*background-color:#1279c0;*/
    margin:0;  
    text-align:center;
    font-size:1.05em;
    font-family: 'Franklin Gothic';
    overflow: inherit;
}
#Novi 
{
    float:right;
    position:relative;
    color:black;
    font-size:0.6em;
    text-decoration:none;
    font-family:'Franklin Gothic';
    margin-right:15px;
    padding:5px;
    -webkit-border-radius: 4px;
    background: linear-gradient(to bottom, rgba(234,234,234,1) 0%, rgba(223,223,223,1) 100%);
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.35), 0px 1px 3px 0px rgba(0,0,0,0.1);
}

#Novi:hover
{
     border: 1px Solid #99CFCE;
     background:dimgrey;
     color: white;
}


.panel2{
    padding:0;    
    border:0;
}

.footer
{
    background-color:white;
    position:relative;
    padding:0;
    bottom:7px;
    text-align:center;
}

.footer-image {
    position:relative;
    top:3px;
    right:5px;
    height:20px;
    width: 20px;
}
.content{
    position:relative;
    min-height:90%;
    border:0;
    width:100%;
}

#Menu_DXM1_ .dxm-item:hover, #Menu_DXM2_ .dxm-item:hover,#Menu .dxm-item:hover,#Menu .dxm-hovered{
    background-color:#99CFCE;
}

#DatumPustanjaURad_B-1:hover, #DatumPustanjaURad_DDD_C_BC:hover, #DatumPustanjaURad_DDD_C_BT:hover, .dxeCalendarButton_Moderno:hover
{
    background-color:#99CFCE;
}

#DatumPustanjaURad > .checkeditor > td:hover
{
    background-color:#99CFCE;
}


h2.naslov, h3.naslov, .naslovi
{
    text-transform:uppercase;
    width:100%;
    color:white;
    background-color:#99CFCE;
    /*background-color:#1279c0;*/
    margin:0;  
    text-align:center;
    font-size:1.8em;
    font-family: 'Franklin Gothic';
}
h2.naslov, h3.naslov
{
    padding:6px 0;
    font-size:1.5em;
}
/*
#GridViewPoslovnice_DXCBtn0, #GridViewPoslovnice_DXCBtn1
{
    color:black;
    text-transform:uppercase;
    padding:9px;
    text-decoration:none;
}

    #GridViewPoslovnice_DXCBtn0:hover, #GridViewPoslovnice_DXCBtn1:hover
{
    color:white;
    text-transform:uppercase;
    background-color:#99CFCE;
    text-decoration:none;
}*/

.botun
{
    color:black;
    text-transform:uppercase;
    padding:9px;
    text-decoration:none;
}

.botun:hover
{
    color:white;
    text-transform:uppercase;
    background-color:#99CFCE;
    text-decoration:none;
}
.dx-al{border:1px solid;}
.BottomMargin{margin-bottom:10px; font-size:1.15em; }
.linkovi {text-transform:uppercase; font-size:0.9em;position:relative; right:5px;}
.linkovi:link
{
    padding:5px;
    color:#1279c0;
    text-decoration:none;
}
.linkovi:hover
{
    color:white;
    text-decoration:none;
    background-color:#99CFCE;
}
.linkovi:visited:hover
{
    color:white;
    text-decoration:none;
    background-color:#99CFCE;
}
.linkovi:visited {color: #1279c0;}


#GridViewPoslovnice_DXCBtn0, #GridViewIzvjestaji_DXCBtn0, #GridViewKorisnici_DXCBtn0
{
    margin-left:12px;
}

#GridViewPoslovnice_DXSE, #GridViewIzvjestaji_DXSE, #GridViewKorisnici_DXSE
{
    margin-left:10px;
}
#GridViewPoslovnice a:link, #GridViewIzvjestaji a:link, #GridViewKorisnici a:link, #GridViewIntervencije a:link, #GridViewPOSTerminal a:link
{
    padding:5px;
    color:#1279c0;
    text-decoration:none;
}
#GridViewIntervencije a:link, #GridViewPOSTerminal a:link{text-transform:uppercase;}

#GridViewPoslovnice a:hover, #GridViewIzvjestaji a:hover, #GridViewKorisnici a:hover, #GridViewIntervencije a:hover, #GridViewPOSTerminal a:hover
{
    color:white;
    text-decoration:none;
    background-color:#99CFCE;
}

#GridViewPoslovnice a:visited:hover, #GridViewIzvjestaji a:visited:hover, #GridViewKorisnici a:visited:hover, #GridViewIntervencije a:visited:hover, #GridViewPOSTerminal a:visited:hover
{
    color:white;
    text-decoration:none;
    background-color:#99CFCE;
}

#GridViewPoslovnice  a:visited,  #GridViewIzvjestaji  a:visited, #GridViewKorisnici a:visited, #GridViewIntervencije a:visited, #GridViewPOSTerminal a:visited
{
    color:#1279c0;
}

.edit_form
{
    width:100%;
    float:left;
    background:white;
}
.edit_form3
{
    max-width:1400px;
    float:left;
    background:white;
}

#GridViewPOSTerminalIntervencije
{
    width:100%;
    margin-top:20px;
    min-height:500px;
}


#razmak
{
    clear:both;
}

#POSTerminal
{
    float:left;
    width: 49.5%;

}
#Intervencije
{
    float:right;
    width: 49.5%;
}

@media only screen and (max-width: 1050px) {

   #POSTerminal, #Intervencije{
        width: 100%;
    }
   #razmak2{
       margin-bottom:20px;
       clear:both;
   }
}

@media only screen and (max-width: 1825px) { #Tvrtke{ width:70%; }}
@media only screen and (max-width: 1560px) { #Tvrtke{ width:80%; }}
@media only screen and (max-width: 1380px) { #Tvrtke{ width:95%; }}
@media only screen and (max-width: 1160px) { #Tvrtke{ width:85%; }}
@media only screen and (max-width: 980px) { #Tvrtke{ width:75%; } .korisnik {visibility:hidden;}}
@media only screen and (max-width: 750px) { #Tvrtke{ width:100%; top:0;}.logo{display:none;}}
@media only screen and (max-width: 570px) { #Tvrtke{ width:70%; top:0;} .logo{display:none;} }
@media only screen and (max-width: 490px) { #Tvrtke{ width:100%; top:0;} .tvrtke-container{width:100%;}.logo{display:none;}}
@media only screen and (max-width: 390px) { #Opis{width:250px!important;}}
@media only screen and (max-width: 295px) { #Opis{width:200px!important;}}

.editor
{
    clear:both;

}

.line
{
    float:left;
    min-width:210px;
    margin-left:10px;
    margin-right:15px;
    margin-bottom:10px;
}
.line > .button
{
    margin-top:18px;
    margin-right:10px;
    font-size:1.18em;
    margin-bottom:15px;
}
.line > .button:hover
{
    background-color:#99CFCE;
}

/* #btnExportToPDF:hover */
#btnUpdate:hover, #btnCancel:hover, #btnClear:hover, #btnExportToXLSX:hover, #btnExportToXLS:hover
{
    border-color:#99CFCE;
    background:#99CFCE;
}

#GridViewIzvjestaji_DXHFP_TPCFCm1_O:hover, #GridViewIzvjestaji_DXHFP_TPCFCm1_C:hover, 
#GridViewPoslovnice_DXHFP_TPCFCm1_C:hover, #GridViewPoslovnice_DXHFP_TPCFCm1_O:hover
{
    border-color:#99CFCE;
    background:#99CFCE;
}


.line > .label
{
    color:#7e7e7e;
    clear:both;
}

.checkEditor1
{
    position:relative;
    top:25px;
    right:40px;
    margin-bottom:35px;
}


.line2
{
    float:left;
}

.line3
{
    clear:left;
    float:left;
    margin-left:10px;
    margin-right:15px;
    margin-bottom:10px;
}
.line4
{
    float:left;
    min-width:70px;
    margin-left:10px;
    margin-right:15px;
    margin-bottom:10px;
}

.line4 #Prevencija
{
    position:relative;    
    top:25px;
    right:55px;
    margin-bottom:35px;
}
.line5
{
    float:left;
    min-width:80px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
}
.line6
{
    float:left;
    min-width:160px;
    margin-left:10px;
    margin-right:15px;
    margin-bottom:10px;
}

.line7{
    float:left;
    min-width:210px;
    margin-right:15px;
    margin-top:10px;
    margin-bottom:10px;
}
.line7 .button{font-size:1.18em; margin-right:5px;}
/*
#Opis
{
    min-width:300px;
    min-height:200px;
    text-align:left;
}
*/
/*
#GridViewIzvjestaji_HFListBox
{
    float:left;
    display:inline;
    color:red;
}*/
/*
.button_K
{
    margin-top:18px;
    margin-right:10px;
    font-size:1.18em;
    margin-bottom:15px;
}
#line_editKorisnik
{
    float: left;
    min-width:210px;
    margin-left: 10px;
    margin-right:15px;
    margin-bottom:10px;
    border: 2px solid red;
    height: 200px;
}
*/
.line_editKorisnik
{
    float:left;
    min-width:210px;
    
    margin-right:15px;
    margin-bottom:10px;
}

.line_editKorisnik > .button_K
{
    margin-top: 15px;
    font-size:1.18em;
    margin-left: 10px;
}
.line_status
{
    float:left;
    min-width:183px;
    margin-left:10px;
    margin-right:15px;
    margin-bottom:10px;
}

#UploadControl_Upload a {
    position:relative; 
    top:-9px; 
    text-decoration:none;
    padding:5px 2px;
    text-transform:uppercase; 
    cursor:pointer; 
    color:salmon;
}
#UploadControl_Upload a:hover {background:#99CFCE; color:white;}
#UploadControl_AddUploadPanelR td{
    border:0; 
    position:relative;
}
    
#UploadControl_FI0 .dxucBrowseButtonHover_Moderno, #DatumIntervencije_B-1:hover, 
#DatumIntervencije_DDD_C_BT:hover, #DatumIntervencije_DDD_C_BC:hover, 
#DatumPustanjaURad_B-1:hover, #DatumPustanjaURad_DDD_C_BT:hover, #DatumPustanjaURad_DDD_C_BC:hover,
#GridViewPoslovnice_DXPagerBottom_DDB:hover, #GridViewIzvjestaji_DXPagerBottom_DDB:hover, 
#GridViewIzvjestaji_DXPagerBottom_PSP_DXME_ li:hover,
#GridViewPoslovnice_DXPagerBottom_PSP_DXME_ li:hover, #GridViewIzvjestaji_HFFDE_B-1:hover,
#GridViewIzvjestaji_HFTDE_B-1:hover, #GridViewIzvjestaji_HFFDE_DDD_C_BT:hover,
#GridViewIzvjestaji_HFFDE_DDD_C_BC:hover, #GridViewIzvjestaji_HFTDE_DDD_C_BT:hover,
#GridViewIzvjestaji_HFTDE_DDD_C_BC:hover, #GridViewIzvjestaji_HFListBox_LBT td:hover,
#GridViewIzvjestaji_HFFDE_DDD_C_FNP_PWC-1 td:hover, #GridViewIzvjestaji_HFListBox_LBT .dxeListBoxItemHover_Moderno,
#GridViewIzvjestaji_HFTDE_DDD_C_FNP_PWC-1 td:hover, #GridViewPoslovnice_HFFDE_B-1:hover, #GridViewPoslovnice_HFTDE_B-1:hover,
#GridViewPoslovnice_HFFDE_DDD_C_BT:hover, #GridViewPoslovnice_HFFDE_DDD_C_BC:hover,
#GridViewPoslovnice_HFFDE_DDD_C_FNP_PWC-1 td:hover,#GridViewPoslovnice_HFTDE_DDD_C_FNP_PWC-1 td:hover,
#DatumPustanjaURad_DDD_C_FNP_PWC-1 td:hover, #DatumIntervencije_DDD_C_FNP_PWC-1 td:hover,
#GridViewKorisnici_DXPagerBottom_DDB:hover, #GridViewKorisnici_DXPagerBottom_PSP_DXME_ li:hover,
#PravoString_B-1:hover, #PravoString_DDD_L_D td:hover, #GridViewPoslovnice_HFTDE_DDD_C_BT:hover,
#GridViewPoslovnice_HFTDE_DDD_C_BC:hover, #Servis_D .dxeListBoxItemHover_Moderno
{
    background:#99CFCE; 
    border:#99CFCE;
}

#Kontakt
{
    background-color:white;
    position:relative;
    margin:0 auto;
    width:50%;
    top:100px;
    margin-bottom:20px;    
    min-height:50px;
}
.kontakti{
    min-width:200px;
    padding:20px;
    line-height:20px;
}
@media only screen and (max-width: 1370px) { #Kontakt{ width:65%; }}
@media only screen and (max-width: 1170px) { #Kontakt{ width:80%; }}
@media only screen and (max-width: 710px) { #Kontakt{ width:100%; top:0;}}

.neaktivna
{
    text-decoration:none;
    padding:5px 0;    
    text-transform:uppercase;
    width:100%;
    color:white;
    background-color:darksalmon;
    /*background-color:#1279c0;*/
    margin:0;  
    text-align:center;
    font-size:1.05em;
    font-family: 'Franklin Gothic';
    overflow: inherit;
}

.upload2 a {color:black; text-decoration:none; padding:5px; text-transform:uppercase; cursor:pointer;}
.upload2 a:hover {background:#99CFCE; color:white;}
.upload2 td{
    border:0; 
    position:relative;
    top:-7px;
}

#datoteka
{font-size:1.18em;
}

.line > .button2
{
    margin-right:10px;
    font-size:1.18em;
    margin-left:5px;
    margin-bottom:5px;
    margin-top:10px;
}
.line > .button2:hover
{
    border-color:#99CFCE;
    background:#99CFCE;
}
.line > #Download:hover
{
    background-color:#99CFCE;
}
#Download:hover,.button2:hover
{
    background-color:#99CFCE;
}

#PoslovnicaId .dxlbd{
    min-width:162px;
}

.line5 #Dnevnica, .line5 #Prevencija,.line5 .StatusDropdown
{
    width:80px;
}

.edit_form2
{
    width:100%;
    float:left;
    background:white;
}

.line5 .DatumFilter, .line5 .Kilometraza
{
    width:120px;
}
.line5 > .button
{
    margin-top:18px;
    /*margin-right:10px;*/
    font-size:1.18em;
    /*margin-bottom:15px;*/
}

#TvrtkaId_B-1:hover, #PoslovnicaDropDown_B-1:hover, #DatumOd_B-1:hover, #DatumDo_B-1:hover,
#Dnevnica_B-1:hover, #Prevencija_B-1:hover, #TvrtkaId_DDD_L_LBT .dxeListBoxItemHover_Moderno,
#PoslovnicaId_D .dxeListBoxItemHover_Moderno,#DatumOd_DDD_C_BT:hover, #DatumOd_DDD_C_BC:hover, 
#DatumOd_DDD_C_FNP_PWC-1 td:hover,#Dnevnica_DDD_L_D .dxeListBoxItemHover_Moderno, 
#Prevencija_DDD_L_D .dxeListBoxItemHover_Moderno,#DatumDo_DDD_C_BT:hover, 
#DatumDo_DDD_C_BC:hover, #DatumDo_DDD_C_FNP_PWC-1 td:hover, #buttonOznaci:hover,#buttonSpremi:hover
{
    background:#99CFCE; 
    border:#99CFCE;
}

#Status_B-1:hover, #Status_DDD_L_D .dxeListBoxItemHover_Moderno, #Panel_EBB:hover,.dropit .dxeButtonEditButtonHover_Moderno,
.dxlbd td:hover
{
    background:#99CFCE; 
    border:#99CFCE;
}

#KilometriOd_EC, #KilometriDo_EC, #IPAdresa_EC{
    width:15px;
    padding:2px;
}
#KilometriOd_EI, #KilometriDo_EI, #IPAdresa_EI{
    margin-right:0;
}
.dropit{
    height:10px;
    padding:0;
    width:110px!important;
    margin:10px;
}
tbody td.dxic{
    padding:0!important;
}
#aaaas1_I
{
    font-size:0.8em;
    height:10px;
    padding:0;
}
.dropit .dxeEditArea_Moderno {
    font-size:0.8em!important;
    height:10px;
    padding:0;
}
.dropit .dxeButtonEditButtonHover_Moderno, #GridViewIzvjestaji_DXPagerTop_DDB:hover, 
#GridViewIzvjestaji_DXPagerTop_PSP li:hover, #GridViewPoslovnice_HFListBox_LBT .dxeListBoxItemHover_Moderno
{
    background:#99CFCE; 
    border:#99CFCE;
}


#log_forma
{ display:flex; justify-content: space-between; flex-wrap:wrap; padding:0 0 20px 0;}

.log_forma{
    font-family:'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;
    padding-bottom:20px;
    width: 40%;
    margin: 0 auto;
    margin-top: 180px;
    min-height: 20px;
    background-color:white;
}
.log_textbox
{
    margin: 0 auto;
    width: 60%;
    /*border: 2px solid blue;*/
    margin-top: 25px;
}

#Username_I
{
    overflow:hidden;
    width:100%;
    clear:both;
    height: 25px;
    margin: 0 auto;
}
#Password_I
{
    overflow:hidden;
    width:100%;
    clear:both;
    height: 25px;
    margin: 0 auto;
}
#btnLogIn_I
{
    min-height: 30px;
    margin-left: 20%;
    margin-top: 20px;
    min-width: 100px;
    cursor:pointer;
    border:0;
}
#btnLogIn_I:hover{ background:#99CFCE; border:#99CFCE; color:white;}
@media only screen and (max-width: 1000px) {
    .log_forma{width:80%;}
}
@media only screen and (max-width: 770px){ .log_forma{margin-top:0;width:100%;}}
@media only screen and (max-width: 700px) {
    .log_forma{width:100%;}
}
@media only screen and (max-width: 500px)
{
    .log_textbox{width: 90%;}
}
.button_logIn .dx-vam
{
    display:none;
}
#paragraf
{
    margin-left:20px;
}

#Label, #Label1
{
    background:#99CFCE; 
    border:#99CFCE;
    padding:2px 5px;
    margin-left:2px;
    color:white;
}
.korisnik{
    position:absolute;
    right:20px;
    top:12px;
    padding:8px;
    text-transform:uppercase;
    background-color:#dcdcdc;
}

.poruka
{
    width: 40%;
    color:red;
    background:white;
    margin: 0 auto;
    padding: 1px;
}
.ukljuci_javascript
{
    width: 70%;
    margin: 0 auto;
    padding: 8px;
    font: bold;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#Panel2{
    z-index:503!important;
}