div.form
{
}

div.form input,
div.form textarea,
div.form select
{
	margin: 0.2em 0 0.5em 0;
}

div.form fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}




div.form .row
{
	//margin: 5px 0;
}

div.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note
{
	font-style: italic;
}

div.form span.required
{
	color: #f05050;
}

div.form div.error label:first-child,
div.form label.error,
div.form span.error
{
	color: #f05050;
}





div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
	background: #FFFFFF;
	border-color: #f05050;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
	background: #E6EFC2;
	border-color: #C6D880;
}

div.form div.success label
{
	color: inherit;
}

div.form .errorSummary
{
	border: 2px solid #ab8ce4;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage
{
	color: #f05050;
	font-size: 0.9em;
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.wide.form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide.form .row
{
	clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
{
	clear: left;
	padding-left: 110px;
}
 div.form h2 {
    border-bottom: 1px solid #dadada;
    clear: both;
    padding-top: 10px;
    margin-bottom: 10px;
}

#titulo{

    border-bottom: 1px solid #dadada;
    clear: both;
    padding-top: -30px;
    margin-bottom: 10px;
    

}

.boton_formulario{
    -webkit-box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.75);
}


.card-body-icon {
    position: absolute;
    z-index: 0;
    top: -1.25rem;
    right: -1rem;
    opacity: 0.4;
    font-size: 5rem;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}

#pf{
background-color: #e6e9ed;   padding: 20px;
    margin: 0.5rem 0 1rem 0;
    border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

#menu{
color: #444;
font-size: 1rem;
}

#men{
padding-top:1.5rem!important;
padding-left:1.5rem!important;
padding-right:1.5rem!important;
}


.grid-view-loading
{
	background:url(loading.gif) no-repeat;
}


ul.yiiPager
{
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
float: right;
text-align: center;
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: #333 !important;
border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
border-radius: 2px;
margin-top: 20px;

}

ul.yiiPager li
{
	display:inline;
        
       
}



ul.yiiPager .page a
{
    font-weight:normal;
    padding-top: 0.54rem;
    padding-bottom: 0.54rem;
    color: #333 !important;
    border: 1px solid transparent;
    background-color: #e9ecef;
    border-radius: 0;
}

ul.yiiPager a:link,
ul.yiiPager a:visited
{
        background-color: #e9ecef;
        color: #333 !important;
	padding:10px 15px;
	text-decoration:none;
}


ul.yiiPager a:hover
{
    background-color: #007bff;
    background-image: none;
    border-color: transparent;
    color: #fff !important;
}

ul.yiiPager .selected a
{
	background-color: #007bff;
	color: #fff !important;
}

ul.yiiPager .hidden a
{
	border:solid 1px #DEDEDE;
	color:#888888;
}

/**
 * Hide first and last buttons by default.
 */
ul.yiiPager .first,
ul.yiiPager .last
{
	display:none;
}
li .previous .hidden  a{
background-color: #e9ecef;
color: #adb5bd !important;
}



table input,
table select
{      
       padding: 3px;
       width: 100%;
       border: 1px solid #ccc;
}


table th a.asc
{       
	background:url(up.gif) right center no-repeat;
	padding-right: 10px;
}

table  th a.desc
{      
	background:url(down.gif) right center no-repeat;
	padding-right: 10px;
}

table input:hover
{      padding: 3px;
       width: 100%;
       border: 1px solid #ffb463;
}


#f{
    padding-left: 1.8rem!important;
    padding-right: 1.8rem!important;
}