html,
body {
overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
padding-top: 70px;
}
footer {
padding: 30px 0;
}
.input-group-btn {
vertical-align: bottom;
}
table {
border: 1px solid #ccc;
width: 100%;
margin:0;
padding:0;
border-collapse: collapse;
border-spacing: 0;
}
table tr {
border: 1px solid #ddd;
padding: 5px;
}
table th, table td {
padding: 10px;
text-align: center;
}
table th {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
}
.dropdown-menu .name {
padding: 3px 20px;
font-size: 14px;
font-weight: bold;
}
.dropdown-menu .workcenter {
padding: 3px 20px;
font-size: 9px;
background-color: #f6f6f6;
}
.datepicker{
min-width:230px !important;
}
.navbar-header .navbar-brand {
width:65% !important;
}
.navbar-header .navbar-brand > img {
width:100% !important;
max-width:250px;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
color: #fff !important;
background-color: #910030 !important;
}
.panel-helcos {
background: #910030 none repeat scroll 0 0 !important;
color: #fff;
}
/*Make select2 responsive*/
[class*="col-"] .select2-container {
width:100%!important;
}
[class*="col-"] .select2-container .select2-search input[type="text"] {
padding:2px 4%!important;
width:90%!important;
margin:5px 2%;
}
[class*="col-"] .select2-container .select2-drop {
width: 100%!important;
}
/* Make bootstrap tag input 100% */
.bootstrap-tagsinput {
display: inherit !important; // Add this in
}
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }
@media screen and (max-width: 1280px) {
.pagination, .searchform {
padding-left: 10px;
padding-right: 10px;
}
.table-patients {
border: 0px;
width: 100%;
border-spacing: 10px;
border-collapse: separate;
}
.table-patients thead {
display: none;
}
.table-patients tr {
margin-bottom: 10px;
display: block;
border-bottom: 2px solid #ddd;
padding: 10px;
}
.table-patients td:first-child { background-color:#ccc; }
.table-patients td:last-child { border-bottom: 0px; }
.table-patients td {
display: block;
text-align: right;
font-size: 13px;
/*border-bottom: 1px dotted #ccc;*/
}
.table-patients td:last-child {
border-bottom: 0;
}
.table-patients td:before {
content: attr(data-label);
float: left;
text-transform: uppercase;
font-weight: bold;
}
}
#mc_embed_signup{background:none; clear:left; font:14px Helvetica,Arial,sans-serif; }
.jumbotron { min-height: 400px; }
.navbar-brand { padding: 0; }
.block-title{
font-size:11px;
font-weight:bold;
border-bottom: 1px solid #eee;
padding-top: 15px;
}
/* Alert boxes */
.info, .success, .warning, .error, .validation {
border-radius: 5px;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}
/*
* Off Canvas
* --------------------------------------------------
*/
@media screen and (max-width: 1150px) {
.pagination, .searchform {
padding-left: 10px;
padding-right: 10px;
}
.row-offcanvas {
position: relative;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.row-offcanvas-right {
right: 0;
}
.row-offcanvas-left {
left: 0;
}
.row-offcanvas-right
.sidebar-offcanvas {
right: -50%; /* 6 columns */
}
.row-offcanvas-left
.sidebar-offcanvas {
left: -50%; /* 6 columns */
}
.row-offcanvas-right.active {
right: 50%; /* 6 columns */
}
.row-offcanvas-left.active {
left: 50%; /* 6 columns */
}
.sidebar-offcanvas {
position: absolute;
top: 0;
width: 50%; /* 6 columns */
}
}
.triangle-border {
position:relative;
padding:15px;
margin:1em 0 3em;
border:5px solid #5a8f00;
color:#333;
background:#fff;
/* css3 */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
/* Variant : for left positioned triangle
------------------------------------------ */
.triangle-border.left {
margin-left:30px;
}
/* Variant : for right positioned triangle
------------------------------------------ */
.triangle-border.right {
margin-right:30px;
}
/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border:before {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
left:40px; /* controls horizontal position */
border-width:20px 20px 0;
border-style:solid;
border-color:#666666 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
/* creates the smaller triangle */
.triangle-border:after {
content:"";
position:absolute;
bottom:-13px; /* value = - border-top-width - border-bottom-width */
left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
border-width:13px 13px 0;
border-style:solid;
border-color:#fff transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
/* Variant : top
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.top:before {
top:-20px; /* value = - border-top-width - border-bottom-width */
bottom:auto;
left:auto;
right:40px; /* controls horizontal position */
border-width:0 20px 20px;
}
/* creates the smaller triangle */
.triangle-border.top:after {
top:-13px; /* value = - border-top-width - border-bottom-width */
bottom:auto;
left:auto;
right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
border-width:0 13px 13px;
}
/* Variant : left
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.left:before {
top:10px; /* controls vertical position */
bottom:auto;
left:-30px; /* value = - border-left-width - border-right-width */
border-width:15px 30px 15px 0;
border-color:transparent #5a8f00;
}
/* creates the smaller triangle */
.triangle-border.left:after {
top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
bottom:auto;
left:-21px; /* value = - border-left-width - border-right-width */
border-width:9px 21px 9px 0;
border-color:transparent #fff;
}
/* Variant : right
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.right:before {
top:10px; /* controls vertical position */
bottom:auto;
left:auto;
right:-30px; /* value = - border-left-width - border-right-width */
border-width:15px 0 15px 30px;
border-color:transparent #5a8f00;
}
/* creates the smaller triangle */
.triangle-border.right:after {
top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
bottom:auto;
left:auto;
right:-21px; /* value = - border-left-width - border-right-width */
border-width:9px 0 9px 21px;
border-color:transparent #fff;
}
/*a little bit of reset*/
#services-list, #services-list p, #services-list h3 {
list-style: none;
margin:0; padding:0;
display: table-row-group;
}
#services-list h3 {
font-size:16px;
}
#services-list > li{
float:left;
margin-right: 20px;
width: 100%;
margin-bottom: 10px;
}
#services-list > li > .image{
display:block;
float:left;
margin-right:10px;
}
/*
this instructions are to force the dimensions of image and its container
*/
#services-list > li > .image,
#services-list > li > .image > img{
width:100px;
}