/*
@brand-primary: #d32157;
@brand-secondary: #005ebd;
@brand-text: #5b5b5d;
*/

body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; background: #fff; color: #5b5b5d; }
:focus { outline: 0; }
a { color: #005ebd; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;}
a:hover { color: #d32157; }
a, a:visited { text-decoration: none; outline: 0;}
a:hover, a:focus { text-decoration:none; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;}
p a, p a:visited { line-height: inherit; }

.color1 { color: #d32157; }
.color2 { color: #005ebd; } 

.small { font-size: 12px; line-height: 16px; }
.smaller { font-size: 10px; line-height: 14px; }

a.ico-pdf { display: block; background: transparent url('../img/ico_pdf.png') no-repeat top right; color: #5b5b5d; font-size: 12px; text-align: right; padding: 10px 40px 0 0; }


/*Sticky footer styles*/
html { position: relative; min-height: 100%; }
.footer { position: absolute; bottom: 0; width: 100%; height: 50px; background-color: #d32157; color: #fff; }


/*HEADER*/
.colorline1 { height: 4px; background-color: #d32157; margin-bottom: 2px; }
.colorline2 { height: 4px; background-color: #005ebd; margin-bottom: 2px; }
.header-phone { font-size: 20px; color: #005ebd; margin: 30px 0 20px 0; }
.header-date, .header-use, .header-pass {  font-size: 12px; }
.header-user button { font-size: 14px; border: none; background-color: #fff; color: #d32157; font-weight: 700; padding-right: 0; }
.header-pass { font-style: italic; margin-top: 5px; }
.header-pass a { color: #5b5b5d; }
.header-pass a:hover { color: #d32157; }


.navbar { padding-bottom: 0; padding-top: 0; margin-bottom: 0; }
.navbar-default { background-color: #fff; border: none; }
.navbar-brand { padding-top: 0px!important; padding-bottom: 0px!important; }
.navbar-nav { padding-right: 15px; }

/*Footer*/
.container .text-muted { margin: 15px 0; color: #fff; text-align: center; font-size: 12px; }
footer a { color: #fff; }
footer a:hover { color: #e8e8e8; }

/*Table*/
.medicamento h2 { color: #d32157; font-size: 16px; margin: 20px 0 5px 0; font-weight: 600; text-transform: uppercase; }
.medicion { font-weight: 600; }
.medicion span {  font-size: 12px; display: block; font-weight: 400; }

.value { float: left; text-align: center; font-size: 30px; font-weight: 600;  margin-right: 30px; }
.value span { display: block; color: #d32157; font-size: 14px; margin: 21px 0 ; font-weight: 400; text-transform: uppercase; }
.interval .value { float: right; }
.interval .value span { color: #005ebd; }

.table-striped { margin: 40px 0 20px 0; }
.table-striped thead th { background-color: #d32157; color: #fff; font-weight: 400; }
.table-striped tbody th { font-weight: 400; }
.table-striped>tbody>tr:nth-of-type(odd) { background-color: #efefef; border-top: 4px solid #fff; }
.table-striped>tbody>tr:nth-of-type(even) { background-color: #dfdfdf; border-top:  4px solid #fff; }

/*Pagination*/
.pagination>li>a { border: none; color: #5b5b5d; }
li.active span{ border: none;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover  { background-color: transparent; color: #d32157; font-weight: 600; }
.pagination>li>a:hover { background-color: transparent; color: #d32157; }
.pagination em { font-style: normal; font-size: 12px;  }
.pagination>.disabled>a, .pagination>.disabled>a:hover { color: #dcdcdc; }

/*BUTTONS*/
.btn { text-transform: uppercase; font-weight: normal; min-width: 230px; padding-top: 10px;  padding-bottom: 10px;}
.btn-primary { background-color: #d32157; border-color: #d32157; }
.btn-primary:hover { background-color: #005ebd; border-color: #005ebd; }
.btn-default { background-color: #005ebd; border-color: #005ebd; color: #fff; }
.btn-default:hover { background-color: #d32157; border-color: #d32157; color: #fff; }
.btn-primary-white { background-color: #fff; border-color: #d32157; color: #d32157; border-width: 2px; margin: 5px auto; min-width: 150px;}
.btn-primary-white:hover { background-color: #d32157; color: #fff; }
.btn-default-white { background-color: #fff; border-color: #005ebd; color: #005ebd; border-width: 2px; margin: 5px auto; min-width: 150px;}
.btn-default-white:hover { background-color: #005ebd; color: #fff; }

.btn-dark, .btn-light { color: #fff; text-transform: none; }
.btn-dark { background-color: #7a7a7c; border-color: #7a7a7c; }
.btn-light { background-color: #afafb1; border-color: #afafb1; }
.btn-lighter { background-color: #e8e8e8; border-color: #e8e8e8; }
.btn-dark:hover, .btn-light:hover { background-color: #d32157; border-color: #d32157; color: #fff; }

/* INPUTS */
.step1#inputDosis{ opacity: 0.6;}
span.complication{ margin-right: 40px;}
span.complication #id_complication{ -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.errorlist { list-style: none; }

/*LOGIN*/
body.loginpage { padding-top: 0px; }
.login { margin-top: 120px;  }
.form-signin { max-width: 400px; padding: 15px; margin: 0 auto; }
.form-signin p { padding: 10px 0 0 0; }

/* DOSES */
ul.special_actions {
    text-align: left;
    list-style-type: none;
}


/**/
label { font-weight: 400; }
.form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #e8e8e8; border-color: #e8e8e8; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; }

.recuadro { margin: 40px 0 20px 0; border: 1px solid #d32157; padding: 40px 20px; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em;}

.ico-form { font-size: 30px; padding-left: 0; }

.bootstrap-select button.dropdown-toggle { height: 34px; }
.bootstrap-select .dropdown-menu { background-color: #e8e8e8; }

.button-bottom { position: relative; min-height: 230px; }
.button-bottom .buttons { position: absolute; bottom: 0; right: 15px; }
.buttons-right{ position: inherit !important; float: right; }

.data-value { background-color: #e8e8e8; border-color: #e8e8e8; padding: 10px 15px; margin-bottom: 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } 
.data-value span { display: inline-block; float: right;  }
.data-value h4 { font-weight: 600; font-size: 14px; margin-top: 0; }
.data-interval { text-align: center; background-color: #fcdee6; border-color: #fcdee6; padding: 10px 15px; margin-bottom: 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } 

/*Dosis*/
ul.dosis-week { text-transform: uppercase; color: #d32157; border-bottom: 1px solid #d32157; list-style-type: none; padding: 0; text-align: left; }
ul.dosis-week li { border-top: 1px solid #d32157; padding: 10px 32px; font-weight: 600; }
ul.dosis-week span { display: inline-block; min-width: 100px;  }
ul.dosis-legend { list-style-type: none; padding: 0; margin: 20px 0; }
ul.dosis-legend li {  display: block; float: left; margin: 0 20px 0 0; }
ul.dosis-legend img { width: 20px; margin-right: 5px; }
h2.week { font-size: 24px; font-weight: 600; text-transform: uppercase; color: #d32157; }
h2.week span { font-size: 44px; text-transform: initial; color: #5b5b5d; }

/*Modal*/
button.close { color: #d32157; filter: alpha(opacity=100); opacity: 1; }
h4.modal-title { color: #005ebd; font-size: 16px; font-weight: 600; text-align: left; margin-top: 20px; }
.modal-header { padding-left: 40px; }
.modal-body { padding-left: 40px; padding-right: 40px; text-align: left; }

/* Password reset modal */
p#password_errors{ color: #d32157; font-weight: 700;}

/*Grafica*/
.well { min-height: 300px; }

/* Legal terms */
.legal-terms{margin: 40px 0 20px 0;}
.legal-terms h3{ margin-bottom: 25px;}

/*Datapicker*/
.calendarpicker .input-group-addon { background-color: transparent; border: none; padding-top: 0; padding-bottom: 0; font-size: 30px; border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
.calendarpicker .input-group { padding-left: 15px; }

/*Responsive*/
@media ( min-width: 768px) {
.modal-dialog { width: 450px;
    margin: 30px auto; }
    #logo_movil { display: none; }
  }
@media ( max-width: 768px) {
.navbar-header { background-color: #d32157; }
.navbar-default .navbar-toggle { border-color: #fff; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff!important; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }
/*.navbar { min-height: auto; }*/
#logo { display: none; }
.header-phone { margin-top: 5px; }
.button-bottom, .button-bottom .buttons { position: initial; }
.interval .value { float: left; }
.value { font-size: 18px}
.value span { display: inline-block; margin: 20px 0 0 0;}
a.ico-pdf { text-align: left; display: inline-block; }}

@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}