/**
* Basic style sheet for Pareci to work correctly.
* Overwrite these tags in your application.css if you want things to look different
*/

html, body{
   height: 100%;
   margin: 0;
   padding: 0;
}

input
{
   margin: 0;
   padding: 0;
}

#page_wrapper,.Widget_Page,.Widget_PageContent {height:100%;}

 /* Styling classes for error messages */
 .emph, .strongemph
 {
 	font-style: italic;
 }

 /* Styling classes for error messages */
 .strong, .strongemph
 {
 	font-weight: bold;
 }

 /* Place holder for when conditions fail */
.EmptyDiv {
   display: none !important;
}

/* Overlay to lock a form from clicking */
.OverlayLoadingDiv{
   position:absolute;
   z-index: 1500;
   filter: alpha(opacity=1);
   -moz-opacity: 0.01;
   -khtml-opacity: 0.01;
   opacity: 0.01;
   background-color: #fff;
}

/* Class for elements that are locked (=loading) */
.LockedElement{
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;
}

/* Style for the basic error popup */
.pareciErrorDialog
{
   background: #FFFFFF;
   color: #000000;
}

.pareciErrorDialog .ui-dialog-titlebar
{
   background: #AA5555;
}

.pareciErrorDialog .ui-dialog-titlebar .ui-dialog-title
{
   color: #FFFFFF;
   font-weight: bold;
}

#SYSTEM_ERROR_WINDOW
{
   background-image: url(images/error.png);
   background-position: left center;
   background-repeat: no-repeat;
   padding-left: 100px;
   margin-left: 20px;
   text-shadow: none;
}

.ValidatorErrorMessage
{
   color:red;
}

.ValidatorErrorInput
{
   background-color: #FFDDAA;
   background-image:url(images/warning.png);
   background-repeat:no-repeat;
   background-position: right center;
   border: 2px solid red;
}

.ui-dialog { position: absolute; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; min-height:20px; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -9px 2px 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; background-position: -80px -224px;}
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.clearable
{
   background-image: url(images/x.png); /* png fallback */
   background-image: linear-gradient(transparent, transparent), url(images/x.svg);
   background-repeat: no-repeat;
   background-position: right 3px center;
   padding-right: 15px !important;
   transition: padding-right 0.3s, background-image 0.5s;
}

/** Fixes IE's clear button **/
.clearable::-ms-clear
{
    display: none;
}

.clearable.hover_x {
    cursor: pointer;
}