/* CSS Document */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(../fonts/MaterialIcons-Regular.woff) format('woff'),
       url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
}


/* Sticky footer styles
-------------------------------------------------- */
html {  position: relative; min-height: 100%; }
body { /* Margin bottom by footer height */ margin-bottom: 50px; }
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */  height: 50px;  background-color: #dcdcdc; }

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

body > .container-fluid { padding:0px 15px 0; }
.container-fluid .text-muted {  margin: 20px 0;}
.footer > .container {  padding-right: 15px;  padding-left: 15px;}
code {  font-size: 80%; }

.btn.btn-fab.btn-fab-min {height: 34px;width: 34px;min-width: 0;}

.togglebutton label input[type=checkbox] { margin-top: 20px; }

a, input { text-decoration: none; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; text-decoration: none; }
a:hover, input.button:hover { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-decoration: none; }

.form-group select.form-control { 
    background-image: url(../img/arrow_down.png), -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: url(../img/arrow_down.png), -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: url(../img/arrow_down.png), -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: url(../img/arrow_down.png), linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2);
    -webkit-background-size: 0 2px, 100% 1px;
    background-size: 25px, 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position:  right  bottom,  center bottom, center -webkit-calc(100% - 1px);
    background-position: right bottom,   center bottom, center calc(100% - 1px);
    background-color: rgba(0, 0, 0, 0);
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

/*------------------------HEAD------------------------------*/

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin: 0; }
.navbar.navbar-default > .container-fluid { padding: 0; }
.navbar.navbar-default {   background-color: #9d22ca; }
.navbar-collapse { padding-left: 0; }
.navbar-brand { padding: 8px 15px; }
.navbar-brand>img { width: 148px; }
.navbar .navbar-nav > li > a { color: #fff; font-weight: 400; opacity: 0.9; }
.navbar .navbar-nav > li > a:hover { opacity: 1; }
.navbar .dropdown-menu li > a, .navbar.navbar-default .dropdown-menu li > a { font-size: 13px; color: #666; }
.navbar .dropdown-menu li .material-icons { font-size: 16px; margin-right: 5px; }

.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-default .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar .navbar-form input.form-control::-moz-placeholder,
.navbar.navbar-default .navbar-form input.form-control::-moz-placeholder {
  color: #fff; font-size: 14px;
}
.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-default .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar .navbar-form input.form-control:-ms-input-placeholder,
.navbar.navbar-default .navbar-form input.form-control:-ms-input-placeholder {
  color: #fff; font-size: 14px;
}
.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-default .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar .navbar-form input.form-control::-webkit-input-placeholder,
.navbar.navbar-default .navbar-form input.form-control::-webkit-input-placeholder {
  color: #fff; font-size: 14px;
}

.navbar .navbar-form { margin: 0; padding: 0; width: 25%; }
.navbar .navbar-form .form-group { width: 100%; }
.navbar .navbar-form .form-group .form-control {font-size: 14px;color: #fff;background-image: none;background-color: #b14ed4;height: 60px;padding: 20px 35px 20px 20px; width: 100%;}
.navbar .navbar-form .form-group.is-focused .form-control { background-image: linear-gradient(#ff8b00, #ff8b00), linear-gradient(#ff8b00, #ff8b00); }
.navbar .searchbox button.search {position: absolute;top: 18px;right: 15px;background: none;border: 0;padding: 0;}
.navbar .searchbox  button.search .material-icons { font-size: 22px; color: #fff; }
.navbar .searchbox  button.search:hover .material-icons { color: #ff8b00; }


/*------------------------FOOT------------------------------*/
.footer { padding-top: 12px; }
.footer p { font-size: 11px; }
.footer .text-right p { margin-top: 5px; }
.footer .iso-foot { margin-right: 5px; }
.footer .iso-foot img { height: 26px; }

/*------------------------BUTTONS------------------------------*/

.btn { font-size: 15px; font-weight: 700; padding: 12px 30px; }

.btn.btn-raised.btn-success, .input-group-btn .btn.btn-raised.btn-success, .btn.btn-fab.btn-success, .input-group-btn .btn.btn-fab.btn-success, .btn-group-raised .btn.btn-success, .btn-group-raised .input-group-btn .btn.btn-success { background-color: #24c293; width: 47%; color: #fff; margin: 10px 5px; }
.btn.btn-raised:not(.btn-link):hover.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-success, .btn-group-raised .btn:not(.btn-link):hover.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-success, .btn.btn-raised:not(.btn-link):focus.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-success, .btn-group-raised .btn:not(.btn-link):focus.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-success, .btn.btn-raised:not(.btn-link).active.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-success, .btn-group-raised .btn:not(.btn-link).active.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-success, .btn.btn-raised:not(.btn-link):active.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-success, .btn-group-raised .btn:not(.btn-link):active.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-success { background-color: #2BCA9A; }

.btn.btn-raised.btn-warning, .input-group-btn .btn.btn-raised.btn-warning, .btn.btn-fab.btn-warning, .input-group-btn .btn.btn-fab.btn-warning, .btn-group-raised .btn.btn-warning, .btn-group-raised .input-group-btn .btn.btn-warning { background-color: #f65839; width: 47%; color: #fff; margin: 10px 5px; }
.btn.btn-raised:not(.btn-link):hover.btn-warning, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-warning, .btn-group-raised .btn:not(.btn-link):hover.btn-warning, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-warning, .btn.btn-raised:not(.btn-link):focus.btn-warning, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-warning, .btn-group-raised .btn:not(.btn-link):focus.btn-warning, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-warning, .btn.btn-raised:not(.btn-link).active.btn-warning, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-warning, .btn-group-raised .btn:not(.btn-link).active.btn-warning, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-warning, .btn.btn-raised:not(.btn-link):active.btn-warning, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-warning, .btn-group-raised .btn:not(.btn-link):active.btn-warning, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-warning { background-color: #FF6142; }

.btn.btn-fab.btn-fab-mini { width: 40px; }

.btn.btn-fab { width: 50px; min-width: 50px; height: 50px; }
.btn.btn-fab.btn-info:hover, .btn.btn-fab.btn-info:focus { background-color: #67C7F3; }
.btn.btn-fab.btn-info.fic { background-color: #535353; }
.btn.btn-fab.btn-info.fic:hover, .btn.btn-fab.btn-info.fic:focus { background-color: #707070; }
.btn.btn-fab i.material-icons { font-size: 20px; color: #fff; }

.form-group.is-focused .form-control {
background-image: -webkit-gradient(linear, left top, left bottom, from(#00a399), to(#00a399)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
background-image: -webkit-linear-gradient(#00a399, #00a399), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
background-image: -o-linear-gradient(#00a399, #00a399), -o-linear-gradient(#D2D2D2, #D2D2D2);
background-image: linear-gradient(#00a399, #00a399), linear-gradient(#D2D2D2, #D2D2D2);
}

/*-------CU02-ALTA CLIENTE PAGE-----------------------*/

.col-new-client { top: -20px; }

.col-new-client .new-step { }
.col-new-client .new-step.new-client-personal { background: #fff; -webkit-box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);  padding: 15px; border-top: 5px solid #03a9f4; margin-bottom: 20px; position: relative;  padding-bottom: 35px; }
	.new-client-personal .client-img { width: 100%; text-align: center; position: absolute; }
	.new-client-personal .client-img img.circle { border: 5px solid #fff; position: relative; max-width: 100%; max-height: 105px; margin: 0px auto;  border-radius: 100%; }
	.new-client-personal .client-img .btn { top:5px; position: absolute; left: 8%; }

/*-----------------------PATIENT PAGE-----------------------*/

.col-profile {  -webkit-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.3);  box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.3); margin-top: -20px;  background: #fff; margin-bottom: 40px; z-index: 999; }
	.col-profile h1 {font-size: 32px; line-height: 30px; font-weight: 300; color: #666;}
	.col-profile p, .col-profile span.pet {font-size: 14px; line-height: 18px; font-weight: 300; color: #666; margin: 0; display: block; }
	.col-profile p { margin-bottom: 10px; }

.patient-cover { height: 200px; background-position: center center; background-size: cover; position: relative; text-align: center; }
	.patient-cover.can { background-image: url(../img/cu-10/bak-can.jpg);  }
	.patient-stat { text-align: center;font-weight: 400;font-size: 12px;line-height: 27px;color: #fff; border-radius: 100%; display: inline-block; margin: 40px 3px 0px 3px; height: 26px; width: 26px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);}

		.patient-stat.masc { background-color: #227aff;	}
		.patient-stat.fem { background-color: #ff1f5e; }
		.patient-stat.cast { background-color: #e54ebc; }
		.patient-stat.repr { background-color: #ffd322 ; }


	.patient-img { width: 100%; text-align: center; position: absolute;  bottom: -50px; }
	.patient-img .mask-img { display: block; background-size: cover; border: 5px solid #fff; position: relative; height: 160px; width: 160px; margin: 0px auto;  border-radius: 100%; background-color: #dcdcdc; }
	.patient-img .mask-img .material-icons { font-size: 75px; color: #fff; line-height: 150px; display: block; margin: 0 auto; height: 100%; }
	.patient-img.small { position: relative; bottom: 0; }
	.patient-img.small .mask-img { border: 0; height: 56px; width: 56px; margin: 0px auto;  border-radius: 100%; }
	.patient-img.medium { position: relative; bottom: 0; }
	.patient-img.medium .mask-img { border: 0; height: 95px; width: 95px; margin: 0px auto;  border-radius: 100%; }
	

		
.patient-info { position: relative;  padding-top: 50px; padding-bottom: 28px; border-bottom: 1px solid rgba(0,0,0,0.1); text-align: center; }
	.patient-info a.btn { position: absolute; right: 15px; }

.col-tools {  -webkit-box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);  box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1); margin-top: -20px;  background: #fff; }
	.tool-link { display: block; padding: 20px 15px; font-weight: 400; color: #fff; background: #a0a0a0;}
	.tool-link .material-icons { font-size: 20px; margin-right: 5px; }
	a.tool-link:hover, a.tool-link:focus { background: #7d7d7d; color: #fff; }
	.tool-link span { vertical-align: top; }

	.tool-link.cont { color: #1FD2A7; background: none;}
	a.tool-link.cont:hover, a.tool-link.cont:focus { background: none; color: #1FD2A7; }

.list-group .list-group-item { cursor: pointer; padding: 10px 15px; margin: 0; }
.list-group .list-group-item:hover { background-color: #f5f5f5; }
.list-group .list-group-item.edit { background: #d9ecf4; }
.col-tools .list-group .list-group-item { padding-left: 30px; }

/*-------CU10-HC PAGE-----------------------*/

.list-group { margin: 0; }
.list-group .list-group-item .row-picture, .list-group .list-group-item .row-action-primary { text-align: center; position: relative; vertical-align: top; z-index: 99; }
	.list-group .list-group-item .row-action-primary i { background: none; font-size: 24px; line-height: 50px; }
	.list-group .list-group-item .row-action-primary i.fic { color: #7d7d7d; border: 2px solid #7d7d7d; }
	.list-group .list-group-item.edit .row-action-primary i.fic { color: #03a9f4; border: 2px solid #03a9f4; }
	.list-group .list-group-item.edit .row-action-primary:before {color: #fff; position: absolute; font-family: 'Material Icons'; content: 'check'; font-size: 15px;line-height: 15px; top: 20px; left: 21px;}
	.list-group .list-group-item .row-action-primary i.est { color: #227aff; border: 2px solid #227aff; }
	.list-group .list-group-item .row-action-primary i.vac { color: #ff8b00; border: 2px solid #ff8b00; }
	.list-group .list-group-item .row-action-primary i.ant { color: #be0767; border: 2px solid #be0767; }
	.list-group .list-group-item .row-action-primary i.up { background: #1CBF98; }
	.list-group .list-group-item .row-action-primary i.down { background: #FF6432; }
	.list-group .list-group-item .row-content { min-height: 50px; padding: 10px 0; }
	h3.tool-title { font-size: 18px; font-weight: 700; line-height: 22px; color: #666; margin: 20px 0; position: relative; }
	.badge { min-width: 18px; height: 18px; padding: 0 0px; font-size: 11px; line-height: 18px; color: #fff; text-align: center; background-color: #9d22ca; border-radius: 18px; position: absolute; top: -6px; margin-left: 5px; }
	
	.search-patient-chart .form-group { padding: 0; }
	.search-patient-chart .form-group .form-control { padding: 0 15px; margin: 0; background: #eee; font-size: 14px; color: #666; }
	.search-patient-chart .form-group .form-control::-webkit-input-placeholder,
	.search-patient-chart .form-group input.form-control::-webkit-input-placeholder,
	.search-patient-chart input.form-control::-webkit-input-placeholder,
	.search-patient-chart input.form-control::-webkit-input-placeholder { color: #666; font-size: 14px; }
	.search-patient-chart .form-group button.search {position: absolute;top: 10px;right: 10px;background: none;border: 0;padding: 0;}
	.search-patient-chart .form-group button.search .material-icons { font-size: 22px; color: #666; }
	.search-patient-chart .form-group button.search:hover .material-icons { color: #ff8b00; }
	
	.edit-ficha {background: #03a9f4;padding: 25px 30px;top: -1px;font-size: 13px;font-weight: 400;line-height: 12px;color: #fff;margin: -20px -15px 15px -15px;}
	.edit-ficha .material-icons { font-size: 11px; vertical-align: top; margin-right: 5px; }
	.edit-ficha.active { position: fixed; width: 100%; top: 0; left: 0; z-index: 999; margin: 0; }
	.list-group.scroll { max-height: 450px; overflow: hidden; overflow-y: auto; margin-right: 10px; }
	.list-group.scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); border-radius: 8px; background-color: #F5F5F5; }
	.list-group.scroll::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; }
	.list-group.scroll::-webkit-scrollbar-thumb { border-radius: 8px;	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; }

	.tab-content h3.tool-title { font-size: 22px; line-height: 24px; }
	.col-tools h3.tool-title { padding: 0 15px; }
	h3.tool-title.est { color: #227aff; }
	h3.tool-title.vac { color: #ff8b00; }
	h3.tool-title.ant { color: #be0767; }
	.list-group .list-group-item .row-content .least-content { position: relative; left: 0; font-size: 12px; line-height: 12px; color: #999; margin-bottom: 5px; display: inline-block; }
	.list-group .list-group-item.edit .row-content .least-content { color: #64c1eb; }
	.list-group .list-group-item .row-content .least-content .material-icons { font-size: 11px; vertical-align: top; margin-right: 2px; }
	.list-group-item-text { color: #666; font-weight: 400; font-size: 14px; line-height: 16px; }
	.list-group .list-group-separator { margin: 0; border-bottom: 1px solid #eaeaea; }
	.list-group .list-group-separator:before { width: 100%; border: 0; }

.dot-group { position: absolute;top: 10px;left: -15px;width: 56px;}
	.dot-group .fic-stat {display: block;width: 8px;height: 8px; border-radius: 100%;margin: 4px 4px 4px 0;}
	.dot-group .fic-stat.est { background: #227aff; }
	.dot-group .fic-stat.vac { background: #ff8b00; }
	.dot-group .fic-stat.ant { background: #be0767; }

.btn.btn-raised.btn-edit { background-color: #666; color: #fff; }
.btn.btn-raised.btn-edit:hover { background-color: #999; }

.modal-content .modal-header.no-pad { padding: 0; }
.modal-header .panel { margin: 0; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #eee; }
.modal-header .close { margin-top: -2px; position: absolute; z-index: 9999; right: 18px; }
.modal-header .panel .close { margin-top: 12px; right: 12px; }

.add-media {border-radius: 100%;border: 1px dashed #999;text-align: center;width: 200px;height: 200px;padding: 40px 10px 0 10px;cursor: pointer;font-size: 12px; color: #999; display: block; margin: 0 auto;}
.add-media .material-icons {font-size: 50px;color: #999;margin: 0 auto;display: block;}

.btn.btn-fab.btn-info.btn-print { background-color: #535353; position: absolute; top: -2px; right: 0; width: 25px; height: 25px; min-width: 25px; }
.btn.btn-fab.btn-info.btn-print .material-icons { font-size: 16px; }
.btn.btn-fab.btn-info.btn-print.est { background-color: #227aff; }
.btn.btn-fab.btn-info.btn-print.vac { background-color: #ff8b00; }
.btn.btn-fab.btn-info.btn-print.des { background-color: #be0767; }

.col-tools h3.tool-title .btn.btn-fab.btn-info.btn-print { right: 10px; }

.modal-dialog.vacuna { width: 350px; }

.modal-dialog.vacuna .form-group { margin: 5px 0 0 0; }

/*-------CU19-ESTUDIOS PAGE-----------------------*/

.nav-tabs { background: none; margin: 30px 0; }
.panel > .panel-heading.tab-menu { padding: 0; background: none; }
.panel > .panel-heading.tab-menu .nav-tabs { margin: 0; border: 0; }
.panel > .panel-heading.tab-menu .nav-tabs > li { margin-bottom: 0px; width: 25%; }
.panel > .panel-heading.tab-menu .nav-tabs > li.active:after {content:"";width: 0;height: 0;border-style: solid;border-width: 8px 8px 0 8px;border-color: #535353 transparent transparent transparent;position: absolute;left: 50%;margin-left: -8px;}
.panel > .panel-heading.tab-menu .nav-tabs > li .material-icons { display: block; text-align: center; margin: 0 auto 5px auto; font-size: 22px; }
.panel > .panel-heading.tab-menu .nav-tabs > li > a, .panel > .panel-heading.tab-menu .nav-tabs > li > a:hover, .panel > .panel-heading.tab-menu .nav-tabs > li > a:focus { color: #999 !important; font-weight: 400;}
.panel > .panel-heading.tab-menu .nav-tabs > li.active > a { color: #000 !important; }

	.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: transparent !important; color: #555 !important; font-weight: 400; border-radius: 0;}
	.nav-tabs > li.active > a { border-bottom: 2px solid #000 !important; }
	.panel > .panel-heading.tab-menu > .nav-tabs > li.active > a { border: 0 !important; color: #fff !important;}
	/* Ficha */
	.panel > .panel-heading.tab-menu .nav-tabs > li.fic a { color: #535353 !important; border-bottom: 3px solid #535353 !important; }
	.nav-tabs > li.active.fic > a { background: #535353 !important; }
	/* Estudio */
	.panel > .panel-heading.tab-menu .nav-tabs > li.est a { color: #227aff !important; border-bottom: 3px solid #227aff !important; }
	.nav-tabs > li.active.est > a { background: #227aff !important; }
	.panel > .panel-heading.tab-menu .nav-tabs > li.est.active:after { border-top-color: #227aff; }
	.nav-tabs.est > li.active > a { color: #227aff !important; border-bottom: 2px solid #227aff !important; }
	/* Vacunas */
	.panel > .panel-heading.tab-menu .nav-tabs > li.vac a { color: #ff8b00 !important; border-bottom: 3px solid #ff8b00 !important; }
	.nav-tabs > li.active.vac > a { background: #ff8b00 !important; }
	.panel > .panel-heading.tab-menu .nav-tabs > li.vac.active:after { border-top-color: #ff8b00; }
	.nav-tabs.vac > li.active > a { color: #ff8b00 !important; border-bottom: 2px solid #ff8b00 !important; }
	/* Desparacitacion */
	.panel > .panel-heading.tab-menu .nav-tabs > li.des a { color: #be0767 !important; border-bottom: 3px solid #be0767 !important; }
	.nav-tabs > li.active.des > a { background: #be0767 !important; }
	.panel > .panel-heading.tab-menu .nav-tabs > li.des.active:after { border-top-color: #be0767; }
	.nav-tabs.des > li.active > a { color: #be0767 !important; border-bottom: 2px solid #be0767 !important; }

	.panel > .panel-heading.tab-menu .nav-tabs > li.active a { color: #fff !important; -webkit-box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.3); }

.gallery a { position: relative; display: block; }
.gallery .btn { position: absolute; bottom: 0; right: 15px; visibility: hidden; }
	.gallery .btn .material-icons { font-size: 20px; }
	.gallery a:hover .btn { visibility: visible; }
.gallery img { max-width: 100%; margin: 15px 0 0 0; }
.gallery .add-photo { max-width: 100%; border: 1px dashed #00a399; text-align: center; }
.gallery .add-photo .material-icons { display: block; margin: 0 auto; position: absolute; top: 50%;width: 100%;font-size: 30px;margin-top: -15px; }

.info-group { padding: 10px 0; border-bottom: 1px solid #eee; margin-bottom: 15px; }
.info-group .least-content { position: relative; left: 0; font-size: 12px; line-height: 12px; color: #999; margin-bottom: 5px; display: inline-block; }
.info-group .least-content .material-icons { font-size: 11px; vertical-align: top; margin-right: 2px; }

.tab-content>.tab-pane.gal { visibility: hidden; display: block; }
.tab-content>.gal.active { visibility: visible; display: block; }
.swiper-button-next, .swiper-button-prev { background: none; width: auto; height: auto; top: 60%; }
.swiper-button-prev { left: 0; }
.swiper-button-next { right: 0; }
.swiper-button-next .material-icons, .swiper-button-prev .material-icons { font-size: 30px; }
.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; }
.swiper-pagination-bullet-active { background: #000; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; }


/*-------CU15-ANTIPARASITARIOS PAGE-----------------------*/

.list-group .list-group-item.next { }
.list-group .list-group-item.next .row-content .least-content { background: #ff6736; color: #fff; border-radius: 9px; padding: 2px 5px; top: -1px; }
.list-group .list-group-item.next .row-content .least-content.est { background: #ff6736; }
.list-group .list-group-item.next .row-content .least-content.vac { background: #ff8b00; }
.list-group .list-group-item.next .row-content .least-content.ant { background: #be0767; }
.list-group .list-group-item .row-content .least-content.edit { background: #03a9f4; color: #fff; border-radius: 9px; padding: 2px 5px; margin-left: 7px; top: -1px;}

.panel > .panel-heading { position: relative; }
.panel > .panel-heading span.date { position: absolute; right: 15px; font-size: 11px; line-height: 19px; color: #999; }


/*-------CU7-BUSQUEDA PAGE-----------------------*/

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border: 0; }

.list-group .item-acc { position: relative; }
.list-group .item-acc .list-group-item { padding-right: 100px; }
.list-group .icon-group { position: absolute; top: 20px; right: 20px; }
.list-group .list-group-item.collapse { background: #f5f5f5; }
.list-group .list-group-item.collapse.collapsed { background: none; }
.list-group .list-group-item .list-group-item-heading { font-size: 20px; line-height: 22px; }

.pac-actions { text-align: right; padding: 30px 20px 0 0; }
.btn.btn-fab.btn-fab-small { height: 22px; min-width: 22px; width: 22px; margin: 0px 2px; }
.btn.btn-fab-small i.material-icons { font-size: 12px; }
.btn.btn-fab.btn-fic { background: #999; }
.btn.btn-fic.btn-fab-small i.material-icons { color: #fff; }

.list-group .list-group-item.pac {padding-left: 70px;overflow: visible;}
.list-group .list-group-item.pac:hover { background: none; }
.list-group .list-group-item.pac:before {content: "";width: 20px;height: 80px;border-left: 1px solid #eee;border-bottom: 1px solid #eee;position: absolute;left: 42px;top: -43px;}
.list-group .list-group-item.pac.last { margin-bottom: 20px; }

.list-group .list-group-item.pac .img-add { width: 56px; height: 56px; border-radius: 100%; }
.list-group .list-group-item.pac .img-add .material-icons, .list-group .list-group-item .img-add .material-icons { background: #1FD2A7; font-size: 24px; }
.list-group .list-group-item.pac .list-group-item-heading { font-size: 16px; line-height: 18px; }
.list-group .list-group-item.pac .list-group-item-heading.add, .list-group .list-group-item .list-group-item-heading.add { color: #1FD2A7; font-weight: 400; margin-top: 8px; }



/*-------CU12-MODAL FICHA PAGE-----------------------*/

.modal-content .modal-header { padding: 20px;  background-color: #eee; position: relative; }
.modal-content .modal-header  span.date { position: absolute; right: 45px; font-size: 11px; line-height: 19px; color: #999; }

.modal-content .modal-body { padding: 20px; }
.modal-content .modal-footer { padding: 10px 20px !important; background-color: #eee; text-align: center; }
.modal-footer .btn+.btn { margin: 10px 1px; }

/*-------CU3-ALTA PACIENTE PAGE-----------------------*/

.patient-cover.client { height: 130px; background-color: #999; }
.col-tools .tool-patient-history .list-group .list-group-item, .col-tools .tool-clients-recent .list-group .list-group-item  { padding-left: 15px; }


/*-------CU1-CONFIGURACION PAGE-----------------------*/
.col-profile .nav-tabs { margin: 0; }
.col-profile .nav-tabs > li > a { padding: 15px; }
.col-profile .nav-tabs > li.active > a { border: 0 !important; background: #eee !important; color: #fff !important; }
.col-profile .nav-tabs > li.vet.active > a { background: #454545 !important; }
.col-profile .nav-tabs > li.cli.active > a { background: #227aff !important; }
.col-profile .nav-tabs > li.pac.active > a { background: #C922CA !important; }
.col-profile .nav-tabs > li.cli4.active > a { background: #30C9DA !important; }
.col-profile .nav-tabs > li.vac.active > a { background: #ff8b00 !important; }
.col-profile .nav-tabs > li.ant.active > a { background: #be0767 !important; }
.col-profile .nav-tabs > li.tur.active > a { background: #00a399 !important; }
.col-profile .nav-tabs > li.usu.active > a { background: #A0C6FF !important; }

.col-profile .nav-tabs>li { width: 100%; }
.col-profile .nav-tabs > li .material-icons { margin-right: 5px; }
.col-profile .nav-tabs > li.active:after {content:"";width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 8px;border-color: transparent transparent transparent #454545;position: absolute;top: 50%;margin-top: -8px;right: -8px;}
.col-profile .nav-tabs > li.vet.active:after { border-left-color: #454545; }
.col-profile .nav-tabs > li.cli.active:after { border-left-color: #227aff; }
.col-profile .nav-tabs > li.pac.active:after { border-left-color: #C922CA; }
.col-profile .nav-tabs > li.cli4.active:after { border-left-color: #30C9DA; }
.col-profile .nav-tabs > li.vac.active:after { border-left-color: #ff8b00; }
.col-profile .nav-tabs > li.ant.active:after { border-left-color: #be0767; }
.col-profile .nav-tabs > li.tur.active:after { border-left-color: #00a399; }
.col-profile .nav-tabs > li.usu.active:after { border-left-color: #A0C6FF; }


.nav-tabs.nav-pac { border: 0; margin: 0 0 15px 0; }
.nav-tabs.nav-pac>li { width: 100%; }
.nav-tabs.nav-pac > li > a { border-bottom: 1px solid #ddd !important; }
.nav-tabs.nav-pac > li.active > a { border-bottom: 1px solid #000 !important; }

.table-pac { margin: 20px 0; }
	.table-pac span {font-size: 14px;font-weight: 400;color: #555; display: block; position: relative;line-height: 38px;padding: 0px 15px;border-bottom: 1px solid #ddd;}
	.table-pac span.last { padding: 0; border: 0; }
	.table-pac span.no-pad, .table-pac span.material-input { border: 0; }
	.config-page .btn.btn-fab.btn-fab-mini { height: 20px; min-width: 20px; width: 20px; position: absolute; top: 7px; right: 7px; margin: 0; }
	.config-page .btn.btn-fab.btn-fab-mini.btn-over-select { right: 30px; }
	.config-page .btn.btn-fab.btn-fab-mini .material-icons { font-size: 13px; }
	.table-pac .form-control { padding: 0 15px; font-size: 14px; }
	.table-pac .form-control placeholder { font-size: 14px; }
	.table-pac .form-control::-webkit-input-placeholder { font-size: 14px; }

	.table-pac ul.razas { padding: 0; margin: 20px 0; }
	.table-pac ul.razas li { display: inline-block; padding: 5px 10px 5px 22px; margin: 0 5px 5px 0; background: #eee; font-size: 16px; font-weight: 400; line-height: 20px; color: #555; border-radius: 2px; list-style: none; position: relative; }
	.table-pac ul.razas li a { position: absolute; left: 5px; top: 8px; }
	.table-pac ul.razas li a .material-icons { font-size: 12px; color: #555; }

.checkbox .form-group label { display: block; margin-bottom: 5px; }

.config-page h1 { font-size: 20px; font-weight: 700; line-height: 22px; color: #555; margin: 10px 0 0; }
.config-page .form-group { margin-top: 20px; }
.config-page .form-group label.control-label.no-mar { margin-top: -20px; }
.config-page .panel-group { margin: 20px 0; }
.config-page .panel-group .panel { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; }
.config-page .panel-title>a { display: block; font-size: 14px; font-weight: 400; }
.config-page .panel-group .panel > .panel-heading { background: #eee; border-radius: 0; border: 0; z-index: 999;}
.config-page .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #000; }

.config-page .form-group.form-esp { margin-left: 40px; }
.config-page .form-group.form-esp:first-child { margin-top: 10px; }
.config-page .form-group.form-esp:before {content: "";width: 16px;height: 50px;border-left: 1px dashed #999;border-bottom: 1px dashed #999;position: absolute;left: -20px;top: -30px;}

.config-page .payments { margin: 20px 0 10px 0; }
.config-page .payments img { margin: 0 5px 8px 0; max-height: 25px; }


#vacunas .form-group, #antiparasitarios .form-group {  margin-top: 0px; }
.config-page  .no-mar {  margin: -15px; }



.config-page .list-group .list-group-item .img-plan .material-icons { background: #CCC;  font-size: 32px; line-height: 56px; }
.config-page .list-group .list-group-item .img-plan .material-icons.vac { background: #ff8b00; color: #fff; border: 0; }
.config-page .list-group .list-group-item .img-plan .material-icons.ant { background: #be0767; color: #fff; border: 0; }
.config-page .list-group .list-group-item .img-add .material-icons { background: #1FD2A7;  font-size: 32px; line-height: 56px; }
.config-page .list-group .list-group-item .list-group-item-heading { font-size: 20px; line-height: 28px; }
.config-page .panel-collapse { padding: 15px; background: #f5f5f5; }
.config-page .list-group .list-group-item.collapse { background: #fff; }
.config-page .nav-tabs { margin-top: 0; }


	.config-page ul.razas { padding: 0; margin: 20px 0; }
	.config-page ul.razas li { display: inline-block; padding: 5px 10px 5px 22px; margin: 0 5px 5px 0; background: #eee; font-size: 13px; font-weight: 400; line-height: 20px; color: #555; border-radius: 2px; list-style: none; position: relative; }
	.config-page ul.razas li a { position: absolute; left: 5px; top: 9px; }
	.config-page ul.razas li a .material-icons { font-size: 12px; color: #555; }

/*-------CU32-DASHBOARD PAGE-----------------------*/

.panel.home { min-height: 535px; }
.list-group .list-group-item.widget { padding: 0; }
.list-group .list-group-item.widget .list-group-item-heading { font-size: 26px; line-height: 28px; }
.list-group .list-group-item.widget .list-group-item-heading.up { color: green; }
.list-group .list-group-item.widget .list-group-item-heading.down { color: red; }
.list-group .list-group-item.widget .row-content { width: 100%; }
.col-tools .list-group .list-group-item.widget { padding-left: 0; }
.col-tools .form-group { margin: 0; }
.col-tools .nav-tabs { margin-bottom: 0; }
.col-tools .tab-content .list-group .list-group-item { padding-left: 15px; }

.widget-home { background: #999; padding: 20px 15px; height: 160px; margin-bottom: 20px; -webkit-box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1); }
.widget-home.big { height: 295px; padding: 60px 30px; }
	.widget-home.cli { background: #227aff; }
	.widget-home.cli2 {background: #A0C6FF;}
	.widget-home.cli3 {background: #FF2286;}
	.widget-home.cli4 {background: #30C9DA;}
	.widget-home.pac { background: #C922CA; }
	.widget-home.vac { background: #ff8b00; }
	.widget-home.vac2 {background: #FFCA00;}
	.widget-home.vac3 {background: #FF2929;}
	.widget-home.ant { background: #be0767; }
	.widget-home.tur { background: #00a399; }

	.widget-home .icon { display: inline-block; vertical-align: top; width: 60px; margin-right: 10px; text-align: center; }
		.widget-home .icon .material-icons { font-size: 60px; line-height: 70px; color: #fff; }
	.widget-home .txt { display: inline-block; vertical-align: top; width: -webkit-calc(100% - 75px); width: calc(100% - 75px);}
		.widget-home .legend { margin-top: 10px; }
		.widget-home .legend p { font-size: 12px; line-height: 14px; color: #fff; margin: 0; }
			.widget-home .legend p .material-icons {font-size: 13px;margin-right: 3px;display: inline-block;vertical-align: top;}
		.widget-home .txt p { font-size: 12px; line-height: 14px; color: #fff; margin: 0; }
			.widget-home .txt p .material-icons {font-size: 13px;margin-right: 3px;display: inline-block;vertical-align: top;}
		.widget-home .txt h2 { font-size: 36px; line-height: 36px; color: #fff; margin: 22px 0 10px 0; }



/* -- */

.footer-microsite { position: absolute;width: 100%; background-color: #4b4b4b;padding: 70px 0px; text-align: center; color: #676767; height: auto;}

	.footer-microsite ul { list-style: none; }
	.footer-microsite ul li { display: inline-block;}

	.footer-microsite .dates li {padding: 2px 40px;border-left: 1px solid #676767;line-height: 12px;font-size: 14px;letter-spacing: 0px;}
	.footer-microsite .dates li a {font-size: 14px;color: #676767;font-weight: 700;letter-spacing: 1px;}
			.footer-microsite .dates li a:hover { color: #CCC; font-weight: 400; }
	.footer-microsite .dates li:first-child { border-left:none; }

	.footer-microsite .redes {margin: 45px 0px 40px 0px;}
	.footer-microsite .redes li {padding: 2px 17px;}
	.footer-microsite .redes li a.social-foot {display: block;height: 50px;width: 50px;background: url(../img/sprite.png);opacity: 0.5;}
	.footer-microsite .redes li a.social-foot:hover { opacity: 0.7; }
		.footer-microsite .redes li a.social-foot.fb {background-position: -154px -50px;}
		.footer-microsite .redes li a.social-foot.tw {background-position: -207px -50px;}
		.footer-microsite .redes li a.social-foot.gp {background-position: -259px -50px;}

	.footer-microsite .copyright {border-top: 1px solid #595959;padding: 45px 0px 10px 0px;font-size: 11px;letter-spacing: 1px;}


.btn.violet { color: #FFF; background-color: #9b22c7; } .btn.violet:hover { color: #FFF; background-color: #a72dd3; }

header.header-microsite, header.header-microsite #head, header.header-microsite #head .head-logo img.logo, header.header-microsite #head a.btn-login { text-decoration: none; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -ms-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s; text-decoration: none;	}
header.header-microsite.active, header.header-microsite.active #head, header.header-microsite.active #head .head-logo img.logo, header.header-microsite.active #head a.btn-login  { -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s; text-decoration: none; }



header.header-microsite { position: fixed; width: 100%; top: 0; z-index: 999; }
header.header-microsite.active { background: rgba(255,255,255,0.9); box-shadow: 0px 1px 2px rgba(0,0,0,0.1); }
header.header-microsite.interior { position: relative; }

	header.header-microsite #head { padding: 50px 0 0; }
		header.header-microsite.active #head { padding: 10px 0 10px 0; }
	header.header-microsite #head .head-logo { }
	header.header-microsite #head .head-logo img { display: inline-block; vertical-align: top; }
	header.header-microsite #head .head-logo img.iso { width: 52px; }
	header.header-microsite #head .head-logo img.logo { margin-left: 15px; position: relative; width: 125px; }
		header.header-microsite.active #head .head-logo img.logo { opacity: 0; top: -5px; }

	header.header-microsite #head a.btn-login { color: #fff; line-height: 52px; font-size: 13px; letter-spacing: 8px; font-weight: 400; padding: 0px 50px; margin-top: 15px; }
		header.header-microsite.active #head a.btn-login { color: #666; }


 	.swiper-home, .swiper-comments {  margin: 0 auto;  position: relative;  overflow: hidden;  z-index: 1;}
    .swiper-home .swiper-slide {   text-align: center;  font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		    background-size: cover;
    background-position: center;
	background-color: #eee;
    }
	
	.swiper-home .container { margin: 0; } 
	.swiper-slide h2, .swiper-slide h4 { width: 100%; color: #fff; }
	.swiper-slide h2 { font-size: 58px; font-weight: 300; letter-spacing: 2px; margin-bottom: 20px; }
	.swiper-slide h4 { text-transform: uppercase; font-size: 12px; font-weight: 300; letter-spacing: 3px; margin-bottom: 20px; }

	.swiper-slide h2 { position: relative; top: -10px; opacity: 0; text-decoration: none; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; text-decoration: none; }
	.swiper-slide.swiper-slide-active h2 { top: 0; opacity: 1; -webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -ms-transition: all 0.8s ease-out 0s; -o-transition: all 0.8s ease-out 0s; transition: all 0.8s ease-out 0s; text-decoration: none;  transition-delay: 0.5s; }

	.swiper-slide h4 { position: relative; top: -10px; opacity: 0; text-decoration: none; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; text-decoration: none; }
	.swiper-slide.swiper-slide-active h4 { top: 0; opacity: 1; -webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -ms-transition: all 0.8s ease-out 0s; -o-transition: all 0.8s ease-out 0s; transition: all 0.8s ease-out 0s; text-decoration: none;  transition-delay: 0.7s; }

	.swiper-slide a.btn {padding: 10px 25px;text-transform: uppercase;font-weight: 700;font-size: 14px;display: inline-block;border-radius: 3px;letter-spacing: 2px;margin-top: 30px;box-shadow: 0px 2px 6px rgba(0,0,0,0.3);}
	.swiper-slide a.btn:hover { box-shadow: 0px 1px 10px rgba(0,0,0,0.4); }

	.swiper-slide a.btn { position: relative; top: -10px; opacity: 0; text-decoration: none; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; text-decoration: none; }
	.swiper-slide.swiper-slide-active a.btn { top: 0; opacity: 1; -webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -ms-transition: all 0.8s ease-out 0s; -o-transition: all 0.8s ease-out 0s; transition: all 0.8s ease-out 0s; text-decoration: none;  transition-delay: 1s; }


	.land-arrow-left, .land-arrow-right { display: block; position: absolute; height:38px; width: 38px; background: url(../img/sprite.png) 0px 0px; top:48%; left:30px; z-index: 999; opacity: 0; text-decoration: none; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; text-decoration: none; }
	.land-arrow-right { background: url(../img/sprite.png) -40px 0px; right:30px !important; left:inherit; }

	.swiper-home:hover .land-arrow-left, .swiper-home:hover .land-arrow-right { opacity: 1;  -webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -ms-transition: all 0.8s ease-out 0s; -o-transition: all 0.8s ease-out 0s; transition: all 0.8s ease-out 0s; text-decoration: none; }

	.icon-scroll { position: absolute; bottom: 10%; left: 0; z-index: 999; width: 100%; text-align: center; }


section.video { padding-top: 55px; }
section.video iframe { position:relative; top: 50%; margin-top: -230px; width: 800px; height: 450px; }


section.features { padding: 80px 0px; background: #f7f7f7; }
section.features .feature { padding: 90px 40px 0px 40px; background: #f7f7f7; }
section.features .feature:before { content:""; position: absolute; top: 0px; left: 38px; height: 74px; width: 74px; background-image:url(../img/sprite.png); }
	section.features .feature.easy:before {background-position: 2px -45px;}
	section.features .feature.secure:before {background-position: -75px -45px;}
	section.features .feature.online:before {background-position: 2px -119px;}
	section.features .feature.suport:before {background-position: -74px -119px;}

	section.features .feature h2 {font-size: 22px;color: #3a3a3a;font-weight: 400;margin: 0px 0px 12px 0px;}
	section.features .feature p  {color: #5c5c5c;font-size: 13px;line-height: 22px;}

	section.features h3 { margin: 90px auto 0px auto; font-size: 24px; font-weight:300; letter-spacing: 1px; color: #3a3a3a; line-height: 36px; }


section.comments { background: #ff8b00; padding: 75px 15px; }
	section.comments .swiper-slide .comm-img {padding: 60px 25px 0px 0px;position: relative;width: 115px;display: inline-block;vertical-align: top;}
		section.comments .swiper-slide .comm-img img {border-radius: 50%;box-shadow: 0px 0px 6px rgba(0,0,0,0.4);width: 90px;}
	section.comments .swiper-slide .comm-body {padding: 60px 0px 0px 0px;text-align: left;position: relative;width: -webkit-calc(100% - 120px);width: calc(100% - 120px);display: inline-block;vertical-align: top;}
		section.comments .swiper-slide .comm-body:after {content: "";display: block;position: absolute;top: 0px;left: 0px;height: 42px;width: 88px;background: url(../img/sprite.png) -85px 0px;}
		section.comments .swiper-slide .comm-body p { font-size: 13px; letter-spacing: 1px; color: #fff; line-height: 22px; margin-bottom: 25px; font-weight: 300; }
		section.comments .swiper-slide .comm-body h5 { font-size: 11px; letter-spacing: 1px; color: #fff; line-height: 22px; margin-bottom: 25px; font-weight: 300; }
	section.comments .swiper-slide {background: none;vertical-align: top;padding: 0px 30px; display: inline-block; }

	.comments-arrow-left, .comments-arrow-right {display: block;position: absolute;height: 33px;width: 20px;background: url(../img/sprite.png) -182px 0px;top: 42%;left: 0;z-index: 999;text-decoration: none;-webkit-transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-ms-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s;text-decoration: none;z-index: 99999;}
	.comments-arrow-right {background: url(../img/sprite.png) -205px 0px;right: 0px !important;left:inherit;}

section.content { padding: 20px 0 100px 0; }
	section.content h1 { font-size: 22px; line-height: 24px; color: #3a3a3a; font-weight: 400; margin: 30px 0px 15px 0px; }
	section.content p { font-size: 12px; line-height: 20px; color: #999; margin-bottom: 10px; }

.modal-microsite .modal-title { font-size: 28px; letter-spacing: 1px; font-weight: 300; color: #fff;}
.modal-microsite .modal-title .material-icons { font-size: 22px; margin-right: 5px; border: 2px solid #fff; width: 40px; height: 40px; border-radius: 100%; line-height: 35px;display: inline-block; vertical-align: top;}
.modal-microsite .modal-title .material-icons.login { background: url(../img/iso-login.svg) center; background-size: 36px; }

.modal-microsite .modal-content {
    position: relative;
    background-color: #9b22c7;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-microsite .modal-login { width: 400px; text-align: center; margin-top:12%; }
.modal-microsite .modal-login .modal-header { border-bottom: 1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.2); padding: 25px; }
.modal-microsite .modal-login .modal-body { padding: 25px; background: #eee; }
.modal-microsite .modal-login .form-cont { position: relative; }
.modal-microsite .modal-login .form-cont .material-icons {position: absolute;left: 10px;top: 10px;font-size: 20px;color: #aaa;}
.modal-microsite .modal-login input.login-date  { width: 100%; border: none; border-radius: 3px; text-align: center; height: 42px; margin-bottom: 12px; }
.modal-microsite .modal-login .login-btn{ padding: 10px 25px; text-transform: uppercase; font-weight: 700; font-size: 14px; display: inline-block; border-radius: 3px; letter-spacing: 2px; margin-top: 10px;  box-shadow: 0px 2px 6px rgba(0,0,0,0.1); color: #FFF; background-color: #9d22ca; border: 0; }


.modal-microsite .modal-login .account-form {padding: 15px 0 10px 0;margin: 10px 0;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);}
.modal-microsite .modal-login .account-form label { font-size: 13px; line-height: 30px; font-weight: 400; color: #9d22ca; margin-bottom: 10px; }
.modal-microsite .modal-login .account-form .material-icons {font-size: 16px; margin-right: 5px; border: 2px solid #9d22ca; width: 30px; height: 30px; border-radius: 100%;line-height: 26px; display: inline-block; vertical-align: top;}
.modal-microsite .modal-login .account-form select { font-size: 12px; color: #9B22C7; border: 0; display: block; width: 100%; height: 35px; border-radius: 3px; padding: 5px; margin-bottom: 10px; }

.modal-microsite .modal-registration .modal-header { padding: 15px 20px; background: #ff8b00;  }
.modal-microsite .modal-registration .modal-header h5 {text-transform: uppercase;margin: 10px 0px 5px 0px;color: #fff;opacity: 0.5;font-weight: 100;font-size: 10px;letter-spacing: 2px;}
.modal-microsite .modal-registration p { font-size: 12px; line-height: 16px; margin: 20px 0 30px 0; }
.modal-microsite .modal-registration .login-btn{ padding: 10px 35px; text-transform: uppercase; font-weight: 700; font-size: 14px; display: inline-block; border-radius: 3px; letter-spacing: 2px; margin-top: 10px;  box-shadow: 0px 2px 6px rgba(0,0,0,0.1); color: #FFF; background-color: #ff8b00; border: 0; }


.modal-microsite .checkbox input[type=checkbox] { opacity: 0; position: absolute; margin: 0; z-index: -1; width: 0; height: 0; overflow: hidden; left: 0; pointer-events: none; }
.modal-microsite .checkbox .checkbox-material {vertical-align: middle;position: relative;top: 3px;margin-right: 6px;}
.modal-microsite .checkbox .checkbox-material:before { display: block; position: absolute; left: 0; content: ""; background-color: rgba(0, 0, 0, 0.84); height: 16px; width: 16px; border-radius: 100%; z-index: 1; opacity: 0; margin: 0; -webkit-transform: scale3d(2.3, 2.3, 1); transform: scale3d(2.3, 2.3, 1); }
.modal-microsite .checkbox .checkbox-material .check {position: relative;display: inline-block;width: 16px;height: 16px;border: 2px solid rgba(0,0,0, .54);overflow: hidden;z-index: 1;}
.modal-microsite .checkbox input[type=checkbox]:checked + .checkbox-material .check { color: #009688; border-color: #ff8b00; }
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before { color: #ff8b00; -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; -webkit-animation: checkbox-on 0.3s forwards; -o-animation: checkbox-on 0.3s forwards;    animation: checkbox-on 0.3s forwards; }
.checkbox .checkbox-material .check:before {position: absolute;content: "";-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);display: block;margin-top: -6px;margin-left: 4px;width: 0;height: 0;-webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;-webkit-animation: checkbox-off 0.3s forwards;-o-animation: checkbox-off 0.3s forwards;animation: checkbox-off 0.3s forwards;}
.modal-microsite .checkbox  {font-size: 12px;}
.modal-microsite .checkbox a { color: #ff8b00; }


	.unu
{
  margin-top: 6px;
}

.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
}

.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
}




.mouse {height: 25px;width: 25px;transform: none;top: 170px; margin: 0 auto;}

.wheel { position: relative;}
.wheel .material-icons { font-size: 26px; color: #fff; }

.wheel { -webkit-animation: mouse-wheel 1.2s ease infinite; -moz-animation: mouse-wheel 1.2s ease infinite; }

.scroll-txt {font-size: 11px;color: #fff;margin-top: 10px;letter-spacing: 1px;}

@-webkit-keyframes mouse-wheel
{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel
{
  0% { top: 1px; }
  50% { top: 2px; }
  100% { top: 3px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}



/*-------LOADING-----------------------*/
#fullPageFade {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 2001;
	-moz-opacity: 0.3;
	opacity: 0.3;
	filter: alpha(opacity=0.3);
}

#fullPageModal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -50px 0 0 -50px;
	z-index: 2002;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	text-align: center;
	overflow: visible;
}

#loader {
    background: url(../img/loading.svg) no-repeat center;
    background-size: 30px;
}

.loader {
  margin: 10px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 4px solid rgba(157, 34, 202, 0.2);
  border-right: 4px solid rgba(157, 34, 202, 0.2);
  border-bottom: 4px solid rgba(157, 34, 202, 0.2);
  border-left: 4px solid #9d22ca;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 0.6s infinite linear;
  animation: load8 0.6s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*-------RESPONSIVE-----------------------*/

@media (min-width: 768px) {
	.navbar-collapse.collapse { float: left; }
}

@media (max-width: 1200px) {
	.navbar .navbar-brand { height: 60px; padding: 8px 15px; }
	.navbar .navbar-nav > li > a { padding-top: 20px; padding-bottom: 20px; }
}

@media (max-width: 1200px) and (min-width: 992px) {
	.navbar .navbar-brand { height: 60px; }
	.patient-cover { height: 135px; padding-top: 20px; }
	.patient-stat { margin: 4px 3px; }
	.patient-img img.circle { width: auto; max-height: 120px; }
	.col-profile h1 { font-size: 27px; line-height: 28px; }
	
	.patient-img {  bottom: -60px; }
	.patient-img .mask-img { height: 130px;  width: 130px; }
	.patient-img .mask-img .material-icons { font-size: 65px; line-height: 120px; }
}

@media (max-width: 991px) and (min-width: 768px) {
	/*.col-tools .list-group .list-group-item .row-content { width: 100%; }
	.panel > .panel-heading.tab-menu .nav-tabs > li .material-icons { display: block; text-align: center; margin: 0 0 5px 0; }*/
	.navbar .navbar-nav > li > a { font-size: 13px; }
	.navbar .navbar-form { width: 20%; }
	.navbar-form .form-control, .navbar-form .form-group.searchbox { width: 100%; }
	.patient-cover, .patient-cover.client {  height: 128px;  padding-top: 12px;}
	.patient-stat { margin: 4px 3px; }
	.patient-img img.circle { width: auto; max-height: 100px; }
	.col-profile h1 { font-size: 22px; line-height: 23px; font-weight: 400; }
	.col-profile p, .col-profile span.pet { font-size: 12px; line-height: 16px; }
	.widget-home.big { height: 180px; padding: 30px 15px; }
	.col-tools { margin: 0; }
	
	.patient-img {  bottom: -60px; }
	.patient-img .mask-img { height: 130px;  width: 130px; }
	.patient-img .mask-img .material-icons { font-size: 65px; line-height: 120px; }

	/* Microsite */

	section.video iframe { position:relative; top: 50%; margin-top: -230px; width: 680px; height: 380px; }
	section.features .feature { padding: 90px 40px 40px 40px; }
	.footer-microsite .dates li {  padding: 2px 16px; }

}

@media (max-width: 767px) {
	body { margin-bottom: 0; }
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin: 0; }
	.navbar .navbar-nav > li > a { padding: 20px 30px; }
	.navbar-nav { margin: 20px -15px; }
	.navbar-header { text-align: center; }
	.navbar-toggle { float: left; position: absolute; left: 0; margin-top: 14px; }
	.navbar .navbar-toggle .icon-bar { background-color: #fff; }
	.navbar .navbar-brand { float: none; display: inline-block; }
	.navbar a.icon-search { position: absolute; top: 0; right: 0; margin: 18px 10px 0 0; cursor: pointer; }
	.navbar a.icon-search .material-icons { color: #fff; font-size: 26px; }
	.navbar .navbar-form { height: 0; position: absolute;width: 100%; top: 55px;border: 0;-webkit-box-shadow: none;box-shadow: none;z-index: 999999;background: #9D22CA;padding: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
	.navbar .navbar-form.active { height: 40px; opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
	.navbar .navbar-form .form-group .form-control { height: 40px; padding: 10px 35px 10px 15px; }
	.navbar .searchbox button.search { top: 10px; right: 12px; }


	.navbar a.icon-search.active > .search-btn, .navbar a.icon-search .close-btn { display: none; }
	.navbar a.icon-search.active > .close-btn { display: block; }
	
	.navbar-nav>li>.dropdown-menu { margin: 0 10px; }

	.footer { height: auto; text-align: center; position: relative; }
	.text-right { text-align: center; }
	.patient-cover, .patient-cover.client { height: 150px; }
	.patient-stat { display: block; margin-top: 15px; }
	.patient-info { text-align: left; padding-top: 10px; padding-bottom: 0; padding-left: 50px; border: 0; }
	
	.patient-img { text-align: right; bottom: 15%; right: -50%; }
	.patient-img .mask-img { height: 100px;  width: 100px; }
	.patient-img .mask-img .material-icons { font-size: 45px; line-height: 90px; }
	.patient-img img.circle { border: 4px solid #fff; width: 105px; }
	.patient-img.small { right: 0; }
	.patient-img.medium { right: 0; }
	.patient-img.medium .mask-img { margin: 0; }
	.col-profile h1 {font-size: 18px; line-height: 20px; font-weight: 400;}
	.col-profile p, .col-profile span.pet {font-size: 11px; line-height: 16px; }
	.col-profile p { min-height: 48px; }

	.table .col-xs-12 { float: left !important; }

	.list-group .item-acc .list-group-item { padding-right: 80px; padding-left: 10px; }
	.list-group .icon-group { right: 10px; }
	.list-group .list-group-item .list-group-item-heading, .config-page .list-group .list-group-item .list-group-item-heading { font-size: 16px; line-height: 18px; }
	.pac-actions { padding: 0; position: absolute; bottom: 15px; left: 155px;}

	.list-group .list-group-item.pac { padding-left: 65px; }
	.list-group .list-group-item.pac .row-content { padding-top: 5px; }
	.list-group .list-group-item.pac:before { left: 37px; }
	.list-group .list-group-item.pac .list-group-item-heading.add { margin-top: 14px; }
	.list-group .list-group-item.pac .list-group-item-heading { font-size: 14px; }
	
	.edit-ficha { top: -20px; position: relative; margin-bottom: 0px; }
	.modal-dialog.vacuna { width: auto; }
	
	.config-page .list-group .list-group-item .row-content { width: 100%; }
	.config-page .nav-tabs>li>a { padding: 10px; font-size: 12px; }
	.config-page ul.razas li { display: block; }

	.btn.btn-fab.btn-fab-mini { height: 30px; min-width: 30px; width: 30px !important; }
	.btn.btn-fab.btn-fab-mini .material-icons { font-size: 20px; }
	.btn.btn-fab.btn-fab-small { width: 22px !important; margin: 0px 2px !important; }
	.config-page .btn.btn-fab.btn-fab-mini { height: 20px; min-width: 20px; width: 20px !important; }

	.col-tools { margin: 0; float: left; width: 100%; }

	.panel.home { min-height: 100px; }

	.col-profile .nav-tabs > li > a { padding: 15px 0; text-align: center; }
	.col-profile .nav-tabs > li .material-icons { margin: 0; }
	.widget-home.big { padding: 20px 15px; height: 160px; }
	
	.btn.btn-raised.btn-success, .input-group-btn .btn.btn-raised.btn-success, .btn.btn-fab.btn-success, .input-group-btn .btn.btn-fab.btn-success, .btn-group-raised .btn.btn-success, .btn-group-raised .input-group-btn .btn.btn-success { width: 100%; margin: 10px 0px; }
	.btn.btn-raised.btn-warning, .input-group-btn .btn.btn-raised.btn-warning, .btn.btn-fab.btn-warning, .input-group-btn .btn.btn-fab.btn-warning, .btn-group-raised .btn.btn-warning, .btn-group-raised .input-group-btn .btn.btn-warning { width: 100%; margin: 10px 0px; }
	.btn.btn-fab.btn-info.btn-print { float: none; display: block; }

	.widget-home .icon { width: 50px; }
	.widget-home .icon .material-icons { font-size: 50px; line-height: 60px; }
	.widget-home .txt { width: -webkit-calc(100% - 65px); width: calc(100% - 65px);}
	.widget-home .txt h2 { font-size: 26px; line-height: 26px; }

	.col-new-client.top { top: -40px; margin-bottom: -30px; }
	.new-client-personal .client-img { position: relative; text-align: left; }
	.new-client-personal .client-img .btn { left: 0; }

	/* Microsite */
	header.header-microsite #head { padding: 30px 15px 5px 15px; }
	header.header-microsite.active #head { padding: 10px 15px 5px 15px; }
	header.header-microsite #head .head-logo img.iso { height: 40px; width: 40px; }
	header.header-microsite #head .head-logo img.logo { height: 40px; width: 94px; margin-left: 12px; }
	header.header-microsite #head a.btn-login { line-height: 45px;   padding: 0px 5px;  margin-top: 0;  background: none; letter-spacing: 6px; }
	.modal-microsite .modal-login { width: 90%; text-align: center; margin: 90px auto 30px auto; }

	.swiper-slide h2 { font-size: 36px; padding: 0 15px; }
	.swiper-home:hover .land-arrow-left, .swiper-home:hover .land-arrow-right { display:none; opacity: 0; }
	.swiper-slide a.btn { padding: 10px 15px; font-size: 13px; }

	section.video iframe {  position: relative; top: 50%; margin-top: -40%; width: 100%; height: auto; min-height: 206px; }

	.footer-microsite { padding: 42px 0px; }
	section.features .feature { padding: 90px 40px 40px 40px; }
	section.features h3 {  margin: 20px auto 0px auto;  font-size: 22px; }
	.footer-microsite .dates li { padding: 6px 20px;  border-left: none; }
	.footer-microsite .redes {  margin: 25px 0px 35px 0px; }

}

.no-pad { padding: 0 !important; }
.no-mar { margin: 0; }


@media screen and (min-width:0\0) { 
.form-group select.form-control { 
	background-image: url(../img/arrow_dow.png), -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: url(../img/arrow_dow.png), -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: url(../img/arrow_dow.png), -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: url(../img/arrow_dow.png), linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2);
    -webkit-background-size: 0 2px, 100% 1px;
}
}