/* HTML ELEMENTS */
*
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

html, body
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 0.95em;
    width: 100%;
    position: relative;
}

body > form
{
    position: relative;
}

a, 
a:active, 
a:visited, 
span.link,
span.visited,
span.active
{
  color: #00539b;
  text-decoration: none;
}

small
{
    display: block;
    font-size: .7em;
}

input
{
    margin: 0;
}

input[type=button],
input[type=reset],
input[type=submit]
{
    padding: 4px 8px;
    cursor: pointer;
}

textarea
{
    resize: none;
}


/* CLASSES */
.clear
{
    clear: both;
}

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

.nowrap
{
    white-space: nowrap;
}

.placeholder,
::-webkit-input-placeholder
{
    color: #aaaaaa;
    font-style: italic;
}

.pageHeader
{
    margin-bottom: 15px;
}

.pageHeader > img
{
    vertical-align: middle;
    margin-right: 8px;
}

.pageHeader > h1
{
    /*font-weight: bold;*/
    display: inline;
    font-size: 1.30em;
    font-family: "myriad-pro";
}

.pageHeader > h2
{
    display: inline-block;
    height: 30px;
    font-size: 1.2em;
    float: right;
    text-align: right;
    line-height: 30px;
}

.pageHeader > div.add
{
    width: 50%;
    text-align: right;
    float: right;
}

.pageHeader > div.add > input[type=text],
.pageHeader > div.add > input[type=tel],
.pageHeader > div.add > input[type=email],
.pageHeader > div.add > input[type=datetime],
.pageHeader > div.add > input[type=password]
{
    background-color: transparent;
    border: 2px solid #007dc3;
    padding: 5px 10px;

    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 30%;
    height: 35px;
}

.pageHeader > div.add > textarea
{
    background-color: transparent;
    border: 2px solid #ffffff;
    padding: 5px 10px;

    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px; /*0 0 10px;*/
    width: 99.5%;
    height: 100px;
    box-shadow: 0 0 0 2px #007dc3;
    margin: 2px;
}

.pageHeader > div.add > select
{
    background-color: transparent;
    border: 2px solid #007dc3;
    padding: 5px 10px;

    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px;
    width: 30%;
    height: 35px;
}

.commonTable
{
    width: 100%;
}

.commonTable > thead
{

}

.commonTable > tbody
{
    
}

.commonTable > tbody:nth-child(odd)
{
    background-color: #dfdfdf;
}

.commonTable > tbody:nth-child(even)
{
    
}

.commonTable > tfoot
{
    border-top: 1px solid #007dc3;
}

.commonTable > thead > tr,
.commonTable > tbody > tr,
.commonTable > tfoot > tr
{

}

.commonTable.alternatingSingle > tbody > tr:nth-child(odd)
{
    background-color: #dfdfdf;
}

.commonTable > thead > tr > th,
.commonTable > thead > tr > td
{
    background-color: #007dc3;
    padding: 8px;
    color: #ffffff;
    white-space: nowrap;
    text-align: center;
}

.commonTable > thead > tr > th > a,
.commonTable > thead > tr > td > a
{
    color: #ffffff;
}

.commonTable > tbody > tr > td
{
    padding: 8px;
    text-align: center; /* FIX */
    vertical-align: middle;
}

.commonTable > tbody > tr > td > a.action
{
    overflow: hidden;
    display: inline-block;
    margin: 0 0 0 5px;
}

.commonTable > tbody > tr > td > a.action:first-child
{
    margin: 0;
}

.commonTable > tbody > tr > td > a.action:hover
{

}

.commonTable > tbody > tr > td > a.action > img
{
    position: relative;
    right: 0;
    vertical-align: middle;
}

.commonTable > tfoot > tr > td
{
    padding: 8px;
    vertical-align: middle;
}

.commonTable > tfoot > tr > td > a
{
    padding: 5px;
}

.commonTable > tfoot > tr > td > a:hover
{
    background-color: #fdbb30;
    color: #ffffff;
}

.commonTable > tfoot > tr > td > a.selected
{
    -webkit-box-shadow: 0 8px 0 0 #fdbb30;
    box-shadow: 0 8px 0 0 #fdbb30;
}

.commonTable > tfoot > tr > td > a:first-child
{
    float: left;
    padding: 0;
}

.commonTable > tfoot > tr > td > a:first-child:hover
{
    background-color: transparent;
    color: #00539b;
}


.commonTable > tfoot > tr > td > a:last-child
{
    float: right;
    padding: 0;
}

.commonTable > tfoot > tr > td > a:last-child:hover
{
    background-color: transparent;
    color: #00539b;
}

.commonTable > tfoot > tr > td > a.inactive,
.commonTable > tfoot > tr > td > a.inactive:hover
{
    cursor: text;
    color: #cccccc;
}

.commonTable.centeredFooter > tfoot > tr > td
{
    text-align: center;
}



.resultsFilters
{
    text-align: center;
    vertical-align: middle;
    padding: 4px 0;
}

.resultsFilters > legend
{
    display: none;
}

.resultsFilters > div.filters
{
    float: left;
}

.resultsFilters > div.filters > input[type=checkbox]:first-child
{
    margin-right: 4px;
    vertical-align: -0.1em;
}

.resultsFilters > div.addNew
{
    float: right;
}









.colorMediumBlue
{
    background-color: #007dc3;
}

.colorDarkBlue
{
    background-color: #00539b;
}

.colorLightBlue
{
    background-color: #6caedf;
}

.colorWhite
{
    background-color: #ffffff;
}

.colorOrange
{
    background-color: #f47b20;
}

.colorYellow
{
    background-color: #fdbb30;
}

.colorDarkGreen
{
    background-color: #387c2c;
}

.colorLightGreen
{
    background-color: #7bc143;
}

.lightBoxForm
{
    
}

.lightBoxForm > fieldset
{
    border: 1px solid #cccccc;
    padding: 15px;
    position: relative;
}

.lightBoxForm > fieldset > legend
{
    background-color: transparent;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    font-weight: bold;
}

.lightBoxForm > fieldset > section
{
    border-bottom: 1px solid #cccccc;
    margin-top: 15px;
}

.lightBoxForm > fieldset > section:last-of-type
{
    border-bottom-width: 0;
    padding-bottom: 0 !important;
}

.lightBoxForm > fieldset > section:nth-of-type(1)
{
    margin-top: 45px;
}

.lightBoxForm > fieldset > section > label
{
    
}

.lightBoxForm > fieldset > section > table
{
    margin-bottom: 15px;
}

.topLabel
{
    margin-bottom: 15px;
    display: block;
}

.fillWidthMultilineTextBox
{
    width: 100%;
    height: 4em;
    resize: none;
}

.calendar
{
    background-color: #ffffff;
}

.calendar > tbody
{

}

.calendar > tbody > tr
{

}

.calendar > tbody > tr > th
{
    padding: 5px;
}

.calendar > tbody > tr > th > a
{

}

.calendar > tbody > tr > td
{
    padding: 5px;
}

.calendar > tbody > tr:first-child > td
{
    background-color: #007dc3 !important;
    padding: 10px 5px;
}

.calendar > tbody > tr > td.day:hover
{
    background-color: #fdbb30;
    cursor: pointer;
}

.calendar > tbody > tr > td.weekend:hover
{
    background-color: #fdbb30;
    cursor: pointer;
}

.calendar > tbody > tr > td.today
{
    background-color:#387c2c;
}

.calendar > tbody > tr > td.today > a
{
    color: #ffffff !important;
}

.calendar > tbody > tr > td.otherMonth
{
    
}

.calendar > tbody > tr > td.otherMonth > a
{
    color: #CCCCCC !important;
}

.calendar > tbody > tr > td > a
{

}

.calendar > tbody > tr > td > table.calendar
{
    
}

.calendar > tbody > tr > td > table.calendar > tbody
{
}

.calendar > tbody > tr > td > table.calendar > tbody > tr
{
}

.calendar > tbody > tr > td > table.calendar > tbody > tr > td
{
    padding: 0;
    color: #ffffff;
}

.calendar > tbody > tr > td > table.calendar > tbody > tr > td > a
{
    color: #ffffff !important;
}

.ajaxCalendar
{
    
}

.ajaxCalendar > .ajax__calendar_container
{
    
}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_header
{
    
}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_header .ajax__calendar_prev
{
    
}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_header .ajax__calendar_title
{
    
}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_header .ajax__calendar_next
{
    
}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_body
{
    
}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_body .ajax__calendar_days
{
    
}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_body .ajax__calendar_days .ajax__calendar_dayname
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_body .ajax__calendar_days .ajax__calendar_day
{
    
}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_body .ajax__calendar_months
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_body .ajax__calendar_months .ajax__calendar_month
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_body .ajax__calendar_years
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_body .ajax__calendar_years .ajax__calendar_year
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_footer
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_footer .ajax__calendar_today
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_hover
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_hover .ajax__calendar_day
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_hover .ajax__calendar_month
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_hover .ajax__calendar_year
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_active 
{

}

ajaxCalendar > .ajax__calendar_container .ajax__calendar_active .ajax__calendar_day
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_active .ajax__calendar_month
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_active .ajax__calendar_year
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_other 
{

}

ajaxCalendar > .ajax__calendar_container .ajax__calendar_other .ajax__calendar_day
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_other .ajax__calendar_month
{

}

.ajaxCalendar > .ajax__calendar_container .ajax__calendar_other .ajax__calendar_year
{

}



.disabled,
.disabled:hover
{
    color: #cccccc;
}



.itemList > fieldset > legend
{
    margin-bottom: 25px;
}

.itemList > fieldset > div
{
    margin-bottom: 25px;
    float: left;
    width: 50%;
}

.itemList > fieldset > div > label
{
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 1em;
    display: block;
    text-align: left;
}

.itemList > fieldset > div > label.checkbox
{
    display: inline;
}

.itemList > fieldset > div > input[type=text],
.itemList > fieldset > div > input[type=tel],
.itemList > fieldset > div > input[type=email],
.itemList > fieldset > div > input[type=datetime],
.itemList > fieldset > div > input[type=password]
{
    background-color: transparent;
    border: 2px solid #007dc3;
    padding: 5px 10px;

    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 98.5%;
    height: 35px;
}

.itemList > fieldset > div > textarea
{
    background-color: transparent;
    border: 2px solid #ffffff;
    padding: 5px 10px;

    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px; /*0 0 10px;*/
    width: 99.5%;
    height: 100px;
    box-shadow: 0 0 0 2px #007dc3;
    margin: 2px;
}

.itemList > fieldset > div > select
{
    background-color: transparent;
    border: 2px solid #007dc3;
    padding: 5px 10px;

    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px;
    width: 98.5%;
    height: 35px;
}


.itemList > fieldset > div.full-length
{
    width: 100% !important;
    clear: both;
    padding-left: 0;
    padding-right: 0;
}

.itemList > fieldset > div.submit
{
    text-align: center;
    /*margin-top: 10px;*/
    border-top: 1px solid #6caedf;
    padding-top: 25px;
}

.itemList > fieldset > div.submit > input[type=button],
.itemList > fieldset > div.submit > input[type=reset],
.itemList > fieldset > div.submit > input[type=submit],
.itemList > fieldset > div.submit > button
{
    margin: 0 10px;
    background-color: transparent;
    border: 2px solid #007dc3;
    color: #007dc3;
    padding: 10px 20px;

    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.itemList > fieldset > div.submit > input[type=button]:hover,
.itemList > fieldset > div.submit > input[type=reset]:hover,
.itemList > fieldset > div.submit > input[type=submit]:hover,
.itemList > fieldset > div.submit > button:hover
{
    background-color: #007dc3;
    color: #ffffff;
}

.button
{
    background-color: transparent;
    border: 2px solid #007dc3;
    padding: 9px 12px !important;

    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*height: 40px;*/
}

.button:hover
{
    background-color: #007dc3;
    color: #ffffff;
}




.days-active
{
    padding: 4px;
    border-radius: 5px;
    text-align: center;
}

.days-active.red
{
    color: #ffffff;
    background-color: #ae0404;
}

.days-active.yellow
{
    background-color: #fdbb30;
}