/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 7, 2015, 10:48:26 PM
    Author     : Marcelino
*/

.ui-wizard-step-titles {
  display: block;
  width: 1100px;
  margin: 0 auto;
}
.h1{
    color: rgb(14, 93, 169);
    text-align: center;
}

.loginTable{
    all: none;
}

.ui-widget-content a {
    color: #0E5EA9;
}

#prijava{
    margin: 0 auto;
    
}
.header{
    background-color: rgb(159, 159, 176) !important;
}
#education{
    margin: 0 auto;
}
.loginPanel{
    width: 125px;
    float:right;
    margin-top: 45px !important;
}
.centerWizard{
    margin: 0 auto;
}
.loginUserTextBold{
    color:white !important;
    text-align: left !important;
}
.loginUserText{
    color:white !important;
    text-align: left !important;
}
.personalDataPanel{
    width: 700px;
    margin:0 auto;
    padding-bottom: 0;
    margin-top: 40px;
}
.ui-panelgrid {
  border-collapse: collapse !important;
  margin:0 auto;
  background-color: rgba(0, 0, 255, 0);
}
.navButtons{
    margin-top: 30px !important;
}
.logoPic{
    width:80px; 
    height:auto;
    margin: 0 auto;
    margin-left: 20%;
}
.logoPanel{
    width: 320px;
    height:auto;
    float:left;
    margin: 0 auto;
    margin-left: 10px;
}
.logoFont{
    font-size: 22px;
    color: rgb(15, 94, 170);
    font-weight: bolder;
}
.body{
    background: rgb(61, 135, 193);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    
}
.ui-widget-content{
      /*background: #FDEBAF;// url("../resources/gradient.png") 50% top repeat-x !important;*/
      border:0px;
      border-radius: 0px;
}
.h2{
    color: rgb(15, 94, 170);
    font-size:24px;
}
.h1Font{
    color: rgb(15, 94, 170);
    font-size:26px;
}
.h3{
    color: rgb(15, 94, 170);
    font-size:22px;
}
.pLabel{
    color: rgb(15,94,170);
}
.bLabel{
    color:rgb(15,94,170);
    font-weight: bold;
    font-size: 18px;
}
.panelOverview{
    width:500px;
    margin:0 auto;
    text-align: center;
}
.h2OverView{
    color: rgb(15, 94, 170);
    font-size:24px;
}
.captcha{
    width:400px;
}
#recaptcha_image img 
{ 
        width: 200px; 
} 
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
color: #2C74B3;
   
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(37, 103, 168, 1) !important;
-moz-box-shadow: inset 0px 0px 5px 1px rgba(37, 103, 168, 1) !important;
box-shadow: inset 0px 0px 1px 1px rgba(37, 103, 168, 1) !important;
}
.ui-widget-content {
    
    background: rgba(105, 130, 147, 0) !important;
    color: #0E5DA9;
    
}

.ui-inputfield{
    width: 104%;
}

.ui-state-hover{
    color:#0E5EA9 !important;
    font-weight: bold !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color:#0E5EA9;
    font-weight:bold;
}
.withoutPanel{
    padding:0 !important;
    background:none !important;
    
}
.form:date_content{
    padding:0 !important;
}

.ui-panelgrid-cell{
    border:0px !important;
}

.ui-panelgrid .ui-widget{
    
    border:1px !important;
}

#header{
    border-bottom: 1px solid #002D57 !important;
    background:  url("../resources/header.png") !important;
    background-size: cover !important;
    overflow: hidden !important;
    -webkit-box-shadow: -1px 2px 4px -1px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 4px -1px rgba(0,0,0,0.75);
box-shadow: -1px 2px 4px -1px rgba(0,0,0,0.75);
}
#content{
    background:  url("../resources/pattern.png") !important;
   -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
}
.footer{
    /* border-top:1px solid #0E5EA9 !important; */
    height: 30px;
    background-color: rgb(234, 244, 253) !important;
    font-size:12px;
    
}
.ui-dialog-content{
    background: #dfeffc   !important;
}

.ui-growl-item-container{
    background: rgb(209, 225, 234) !important;
}
.ui-button-text{
    border:1px solid #0E5EA9;
    border-radius: 6px;
}

.ui-tabs-left > .ui-tabs-nav{
    
    height:470px !important;
}

.ui-selectonemenu label.ui-selectonemenu-label {
  cursor: pointer;
  font-size: 1em;
  margin: 0 auto;
  width: 100% !important;
}
body{
    
  background-color: rgba(234, 244, 253, 1) !important;
}
.headlines{
    color: white !important;
  text-align: right;
  float:right;
  
    margin-top: 43px;
  
    width: 100%;
    padding-right: 40px;
}
.ui-growl-item-container{
    opacity:1 !important;
    border: solid #2C6AA7 !important;
}
.ui-layout-unit-content{
    
}
.ui-state-highlight{
    border: 1px solid #2C6AA7 !important;
    background: rgb(61, 135, 193) !important;
    color:white !important;
}
.ui-wizard-step-title{
    background: white ;
}
.dropdown{
    width:100% !important;
}
.ui-selectonemenu-panel{
    background: #ebf5fd !important;
}
.ui-menubar {
  width: 444px;
  color:white !important;
  margin: 0 auto;
}
.ui-menuitem-link{
    color: white !important;
}
.ui-menuitem-link:hover{
    color: #0E5DA9 !important;
}
.ui-inputtext{
    color: rgb(14, 93, 169) !important;
    
}
.ui-selectonemenu-trigger{
    right: -7px !important;
    height: 95% !important;
    top: 1px !important;
}
.cke_chrome{
      border: 1px solid #3E7FBB !important;
}
.menuBar{
    background: #5c9ccc url("/e-vpis-repository/javax.faces.resource/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png.xhtml?ln=primefaces-redmond") 50% 50% repeat-x !important;
    height: 45px !important;
}
.head{
    padding: 0 !important;
    width: 100% !important;
    height:auto !important;
}
#headerUnit > div{
    overflow: hidden !important;
}
.ui-layout-unit-content{
    padding:0 !important;
}

.ui-panel-content{
    padding:0 !important;
}
.loggedUser{
    width:15%;
    float:right;
    padding:0 !important; 
    margin-right:5px;
}
.datatableApp > ui-datatable-header{
    height: 40px !important;
}

.columnText{
    font-size:12px !important;
}

.columnHeader{
    font-size:13px !important;
}
.ui-columntoggler{
    background: #dfeffc !important;
}
.ui-datepicker{
    background: #dfeffc !important;
    border:1px solid #a6c9e2 !important;
}
.ui-timepicker-div dl dd {
  margin: 0px 10px 10px 83px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  border: 1px solid #4C7999;
  margin-left: -.6em;
}
.ui_tpicker_hour_slider,  .ui_tpicker_minute_slider{
    background: #5c9ccc !important;
}