﻿
/**GENERIC DIALOG**/
.ui-dialog .ui-dialog-titlebar-close
{
    border: none!important;
    background: none!important;
}
.ui-dialog .ui-dialog-buttonpane
{
  text-align: center;
  padding: .3em .5em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
    float: none!important;
}
.ui-dialog .ui-dialog-buttonpane button
{
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-dialog-buttonpane button:last-child
{
  margin: .5em 0em .5em 0;
}

.ui-dialog .sideDialogButtons
{
    float:right
}
.ui-dialog .centerDialogButtons
{
    text-align: center!important;
    margin-top: 10px;
}
.ui-dialog .sideDialogButtons button,
.ui-dialog .sideDialogButtons [type=submit],
.ui-dialog .sideDialogButtons [type=button],
.ui-dialog .centerDialogButtons button,
.ui-dialog .centerDialogButtons [type=submit],
.ui-dialog .centerDialogButtons [type=button]
{
    display: inline-block
}


/**DIALOGS**/

.ui-datepicker.ui-widget.ui-widget-content,
.ui-dialog.ui-widget.ui-widget-content
{
    font-size: 12px!important;

    border: none;
    border-radius: 0px;
    outline: 2px solid #ccc;
}
.ui-datepicker-calendar
{
    font-size: 10px!important;
}
.ui-datepicker-buttonpane.ui-widget-content
{
    font-size: 11px!important;
}


#ui-datepicker-div.timepickerStyle .ui-timepicker-div dl
{
    margin-left: 10px;
    margin-right: 10px
}
#ui-datepicker-div.timepickerStyle .ui-timepicker-div .ui_tpicker_time_label
{
    display: none
}
#ui-datepicker-div.timepickerStyle .ui-timepicker-div .ui_tpicker_time,
#ui-datepicker-div.timepickerStyle .ui-timepicker-div .ui_tpicker_hour, 
#ui-datepicker-div.timepickerStyle .ui-timepicker-div .ui_tpicker_minute
{
    margin: 5px 5px 15px 5px
}
#ui-datepicker-div.timepickerStyle .ui-timepicker-div .ui_tpicker_time,
.ui-dialog-titlebar.ui-widget-header .ui-dialog-title
{
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
}
#ui-datepicker-div.timepickerStyle .ui-timepicker-div .ui-widget-header.ui-helper-clearfix,
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar.ui-widget-header
{
    border-radius: 0px;
    background: transparent;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;

    border-bottom: 0px
}
#ui-datepicker-div.timepickerStyle .ui-datepicker-buttonpane.ui-widget-content > button
{
    width: auto!important
}
#ui-datepicker-div.timepickerStyle .ui-datepicker-buttonpane.ui-widget-content > button,
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-content.ui-widget-content [type="submit"],
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-buttonpane.ui-widget-content button  {
    height: 25px;
  width: 45%;
  vertical-align: middle;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #05a9c2;
  border: 1px solid #5FA7C0;
  color: #FFFFFF;
}
#ui-datepicker-div.timepickerStyle .ui-datepicker-buttonpane.ui-widget-content > button.whiteBt,
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-content.ui-widget-content [type="submit"].whiteBt,
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-buttonpane.ui-widget-content button.whiteBt
{
    color: #05a9c2;
    border: 1px solid #05a9c2;
    background-color: white;
}
#ui-datepicker-div.timepickerStyle .ui-datepicker-buttonpane.ui-widget-content,
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-buttonpane.ui-widget-content  {
    border: 0px
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-content.ui-widget-content {
    padding-top: 10px;
    padding-bottom: 10px;

    text-align: center
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-content.ui-widget-content .leftAlign {
    text-align: left
}

.ui-widget input, .ui-widget select, .ui-widget button
{
    font-size: 12px
}
.ui-widget textarea
{
    font-size: 14px
}

.ui-dialog.ui-widget.ui-widget-content .loading-dialog,
.ui-dialog .loading-dialog
{
    text-align: center;
    vertical-align: middle; 
    min-height: 100%!important;
    max-height: 100%!important;
    height: 100%!important;
}
.ui-dialog.ui-widget.ui-widget-content .loading-dialog img,
.ui-dialog .loading-dialog img
{
    margin: 20px;
}



/**ALERT DIALOG**/

.AlertMasterDialogContainer {
    width: 100%;
    vertical-align: middle;
    /*height: 30px;*/
    height: 70px;
}
.AlertMasterDialogContainer > div {
    /*display: inline-block;*/
    vertical-align: middle;
    /*height: 100%;*/
    /*max-width: 90%;*/
    margin: 10px 0px;
}
.AlertMasterDialogContainer .icon {
    background: none;
    font-size: 24px;
    /*margin-right: 15px;*/
}
.AlertMasterDialogContainer .icon.green {
    color: limegreen
}
.AlertMasterDialogContainer .icon.yellow {
    color: orange
}
.AlertMasterDialogContainer .icon.red {
    color: red
}
/*.AlertMasterDialog {
    width: 100%;
    vertical-align: middle;
    height: 30px;
}*/