SIPRP/trunk/SiprpWebFichasClinicas/WebContent/static/html/css/theme.css

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  overflow:auto;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 60px;
  background-color: #f5f5f5;

  border-top:1px solid #e7e7e7;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

#footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

/* Header Logo */
.navbar a.navbar-brand {
    padding: 0px 0px 0px 5px; 
}

.navbar a.navbar-brand img {
    max-height: 50px; 
    width: auto; 
    padding: 7px;
}

@media (max-width:350px)
{
    .navbar-brand img
    {
        max-width:160px;
    }
}

@media (max-width:250px)
{
    .navbar-brand img
    {
        max-width:130px;
    }
}

@media (max-width:992px)
{
    .align-left-xs
    {
        margin-top:5px!important;
        float:left!important;
    }

    .btn-cancel-xs
    {
        margin-top:0px!important;
    }
}

/* footer */
.footer-logo
{
    max-height: 55px; 
    width: auto; 
    padding:3px 7px 7px 7px;
}

/* parsley form validator */
.parsley-error-list
{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 6px;
    font-size: 12px;
}

.parsley-error
{
    border-color: #ff5f5f !important;
    /*background-image: url('../img/invalid_line.gif') !important;
    background-repeat: repeat-x !important;
    background-position: bottom !important;
    border-color: #c30 !important;*/
}

/* general forms */
.page-header {
    margin: 0px 0 20px;
}

.page-title
{
    font-weight:bold;
    color:#777;
}

.section-title
{
    text-transform:uppercase;
    color:#777;
}

.form-horizontal .control-label
{
    text-align:left;
}

.underline
{
    text-decoration:underline;
}

/*.form-control.custom
{
    border-right:0px;
}
.input-group-addon.custom
{
    background-color:#ffffff;
    border-left:0px;
}*/


/* custom margins */
.m-t-5
{
    margin-top:5px;
}
.m-t-10
{
    margin-top:10px;
}
.m-t-15
{
    margin-top:15px;
}
.m-t-25
{
    margin-top:25px;
}
.m-t-30
{
    margin-top:30px;
}
.m-t-40
{
    margin-top:40px;
}
.m-l-5
{
    margin-left:5px;
}
.m-l-15
{
    margin-left:15px;
}
.m-r-5
{
    margin-right:5px;
}
.m-r-10
{
    margin-right:10px;
}
.m-t-none
{
    margin-top:0px;
}

.m-b-none
{
    margin-bottom:0px;
}
.m-b-5
{
    margin-bottom:5px;
}
.m-b-10
{
    margin-bottom:10px;
}
.p-10
{
    padding:10px;
}

.p-l-none
{
    padding-left:0px;
}

.login-view
{
    margin-top: 25px;
}

/* Scroll to Top */
a.scroll-to-top {
	-moz-border-radius: 7px 7px 0 0;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-border-radius: 7px 7px 0 0;
	-webkit-transition: all 0.3s;
	background: #404040;
	border-radius: 2px 2px 0 0;
	bottom: 0px;
	color: #FFF;
	display: block;
	height: 9px;
	opacity: 0;
	padding: 13px 0 35px;
	position: fixed;
	right: 10px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s;
	width: 49px;
	z-index: 1040;
}

a.scroll-to-top:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

a.scroll-to-top.visible {
	filter: alpha(opacity=75);
	opacity: 0.75;
}

/* datatable directive */
tr.datatable-selected-row, tr.datatable-selected-row td
{
    background-color:#ebeef5!important;
}

ul .datatable-selected-row, ul .datatable-selected-row li
{
    background-color:#ebeef5!important;
}

/* http://stackoverflow.com/questions/19288546/how-can-i-prevent-body-scrollbar-and-shifting-when-twitter-bootstrap-modal-dialo */
body.modal-open {
    overflow: auto;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.7;
    filter: alpha(opacity=70);
    background: transparent!important;
}

.modal-footer {
    text-align: left;
}

.navbar-brand
{
    cursor:text;
}


/* form side menu */
a.form-side-menu {
	-moz-border-radius: 0px;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-border-radius: 0px;
	-webkit-transition: all 0.3s;
	background: #f5f5f5;
	border-radius: 0px;
	top: 120px;
	color: #d62c31;
	display: block;
	height: 20px;
	opacity: 0;
	padding: 13px 0 35px;
	position: fixed;
	left: 0px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s;
	width: 30px;
	z-index: 1040;
    border-top:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
}

a.form-side-menu:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

a.form-side-menu.visible {
	filter: alpha(opacity=75);
	opacity: 0.75;
}

/* modal dialog */

@media (min-width: 400px) {

    .modal-large, .modal-medium, .modal-small
    {
        width:100%;
    }
}

@media (min-width: 1200px)
{
    .modal-large
    {
        width: 98%;
    }

    .modal-medium
    {
        width: 70%;
    }

    .modal-small
    {
        width: 40%;
    }
}