/*Docalizame*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pathway+Gothic+One&display=swap');

@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lobster|Titillium+Web&display=swap');
@import url('https://fonts.googleapis.com/css?family=Meie+Script&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bad+Script&display=swap');







/*//////////////////////////// MENU*/
.bg-light { /*color de la barra de navegación*/
background: rgba(0,145,212,1);
background: -moz-linear-gradient(left, rgba(0,145,212,1) 0%, rgba(0,76,97,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,145,212,1)), color-stop(100%, rgba(0,76,97,1)));
background: -webkit-linear-gradient(left, rgba(0,145,212,1) 0%, rgba(0,76,97,1) 100%);
background: -o-linear-gradient(left, rgba(0,145,212,1) 0%, rgba(0,76,97,1) 100%);
background: -ms-linear-gradient(left, rgba(0,145,212,1) 0%, rgba(0,76,97,1) 100%);
background: linear-gradient(to right, rgba(0,145,212,1) 0%, rgba(0,76,97,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091d4', endColorstr='#004c61', GradientType=1 );
	
	-webkit-box-shadow: 2px 6px 12px -5px rgba(0,0,0,0.49);
-moz-box-shadow: 2px 6px 12px -5px rgba(0,0,0,0.49);
box-shadow: 2px 6px 12px -5px rgba(0,0,0,0.49);
}
.rounded { /*redondéz de la barra*/
    border-radius: 0px !important;
}
.pt-2, .py-2 { /*separación con el top*/
    padding-top: 0px !important;
}
.navbar { /*tamaño de la barra */
    padding: 0.2rem 1rem;
}
.navbar-light .navbar-nav .nav-link { /*color de las letras del menu principales */
    color: rgb(255, 255, 255);
}
.navbar-nav  li  a {

    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 13px;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { /*colos cuando te posicionas sobre el menú*/
       color: rgb(95, 236, 255);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { /*Cuando el menu esta activo*/
color: rgb(95, 236, 255);
background: #0ee4ca2e;;
}
.note-popover .popover-content, .panel-heading.note-toolbar {/*Muestra el pop up con el bote de basura*/
    padding: 0 0 5px 5px;
    margin: 0;
    display: none;
}
.dropdown-menu { /*el color del fondo de los submenús*/

 position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
        margin-top: 2px;
        margin-left: 0px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #003b7e;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.74);
    border-bottom: 4px solid #1a988d;

}
.dropdown-item { /*Modifica los atributos del engrane de la barra lateral*/
    color: #bfbfbf;
}

.navbar-light .navbar-brand { /*oculta o muestra el logo del menu*/
  
}

button.navbar-toggler.collapsed {
    background: #106ab5;
}

button.navbar-toggler {
    background: #8fc5d2;
}

/*////////////////////////////TERMINA MENU_____________________________*/







/*////////////////////////////CONTENIDO*/

.well.medicalDirectoryItem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
}


.mb-4, .my-4 {
    margin-bottom: 0rem !important;
}
.divider {
    width: 100%;
    height: 0px;
    clear: both;
}
.p-5 {
    padding: 0rem !important;
}
#paginatorWelcomeMsg_id_20 {
    display: none;
}
.container.highlight {
    padding: 0px 10px;
}
.carousel {
    position: relative;
    margin-bottom: 20px;
}

body {

    background:#ffffff;
	color:#3e3e3e;
}
.well { /* caja de comentarios */
    min-height: 20px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #f3ffff00;
    border: none;
    border-radius: 20px;
    -webkit-box-shadow: -9px 7px 19px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: -9px 7px 19px -15px rgba(0,0,0,0.75);
    box-shadow: -9px 7px 19px -15px rgba(0,0,0,0.75);
    border: none;
}
.panel { /*comentarios*/
        background-color: #f9f9f9;
    border-radius: 0px 0px 20px 20px;
    padding: 10px;
    margin: 10px;
}
.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.68);
    border-radius: 0.3rem;
    outline: 0;
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #ddd;
border-radius: 0px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-shadow: 10px 10px 11px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 11px -11px rgba(0,0,0,0.75);
box-shadow: 10px 10px 11px -11px rgba(0,0,0,0.75);
	height: auto;
}
.menurapido {
    float: left;
	text-align: center;
	width: 20%;
}
.fainicio {
    color: #1a5f98;
	text-shadow: 0px 0px 7px rgb(40, 206, 222);
}

/*////////////////////////////TERMINA CONTENIDO_____________________________*/








/*////////////////////////////BARRA LATERAL*/
.notifications-header {
    color: #5ca8b8;
}
.delete-notification {
    float: right;
    color: #ffcb00;
}
#show-sidebar {
    position: fixed;
    left: 0;
    top: 60px;
    border-radius: 0 4px 4px 0px;
    width: 35px;
    transition-delay: 0.3s;
    z-index: 9999;
}

.sidebar-bg.bg1 .sidebar-wrapper {
    background-image: url(/qsfile/fs/theme/2016/images/estetoscopio.jpg);
}

.default-theme.sidebar-bg .sidebar-wrapper .sidebar-footer {
    background-color: rgb(26, 102, 152);
    -webkit-box-shadow: 0px -1px 5px rgba(29, 29, 29, 0.8);
    box-shadow: 0px -1px 5px rgba(29, 29, 29, 0.4);
    border-top: 1px solid #3fa2b9;
}

.default-theme.sidebar-bg .sidebar-wrapper a:not(.dropdown-item), .default-theme.sidebar-bg .sidebar-wrapper .sidebar-header, .default-theme.sidebar-bg .sidebar-wrapper .sidebar-search input, .default-theme.sidebar-bg .sidebar-wrapper .sidebar-search i {
    color: #ffffff;
}
.default-theme.sidebar-bg .sidebar-wrapper a:not(.dropdown-item):hover, .default-theme.sidebar-bg .sidebar-wrapper .sidebar-menu li.active > a {
    color: #0baef9;
}

.badge-success {
    color: #fff;
    background-color: #84e037;
}
.badge-warning {
    color: #ffffff;
    background-color: #3b9bda;
}
.default-theme.sidebar-bg .sidebar-wrapper .sidebar-item {
    border-color: #1a4098;
}

.default-theme.toggled #close-sidebar {
    color: #1a5398;
}

/*////////////////////////////TERMINA barra lateral__________________________*/








/*////////////////////////////TEXTOS*/
.panel-heading {
    font-size: 19px;
    margin-bottom: 20px;
}
.textointeres {

    display: block;
    width: 100%;
    clear: both;
    text-align: center;
    font-size: 12px;
    margin-bottom: 5px;

}



.registerPatientInfo {

    float: right;
    font: bold;
    width: 100%;
    text-align: center;
    font-size: unset;
    color: #9d9d9d;

}s
.textoinicio {
    color: #0b588e;
	font-family: 'Open Sans Condensed', sans-serif;
}
th {
    COLOR: #1160a2;
}
.mastertitle{ font-size: 150%;
    font-family: 'Open Sans Condensed', sans-serif;
    color:#0b588e;}  
  h3, .h3 {
    font-size: 18px;
    color: #4e4e4e;
    text-align: center;
    padding-top: 30px;
	  font-family: 'Pathway Gothic One', sans-serif;
}
h1, .h1 {

    font-size: 36px;
font-family: 'Open Sans Condensed', sans-serif;
    color: #354c75;
	padding-left: 10px;

}
a {
    color: #106696;
    text-decoration: none;
}
a:hover {
    color: #000000;
    text-decoration: underline;
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #000000;
}
  /* nombre del paciente */
.patientBasicInfoDataTitle {
    font-size: 200%;
    color: #4085ac;
    font-style: normal;
       font-family: 'Titillium Web', sans-serif;

}
p.textoparrafoinicio {
    color: #000000;
}
span.user-name {
    color: #376e9c;
}
span.user-status {
    color: #4c7cab;
}
/*////////////////////////////TERMINA TEXTOS__________________________*/





/*////////////////////////////*FORMULARIOS*/
.form-group {
    clear: both;
    flex: 50%;
    padding-right: 10px;
}


.form-control {
   background: rgba(255,255,255,1);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1 );
    color: #004671;
    border: 1px solid #e2e2e2;
	max-width: 90%;
}


.input-group-addon {/*cambia las propiedades del icono a lado de los formularios*/
    background-color: #436284;
    border: none;
    border-radius: 4px;
    color: #97d6de;
    padding: 6px 10px 0px 10px;
    margin: 0px 10px 0px 0px;
}




.select2-container .select2-choice  .select2-chosen {
    background:#f0faff;
color: #0f4294;    
-webkit-box-shadow: inset 5px 11px 21px -9px rgba(48,149,199,0.2);
-moz-box-shadow: inset 5px 11px 21px -9px rgba(48,149,199,0.2);
box-shadow: inset 5px 11px 21px -9px rgba(42, 87, 109, 0.2);
height: 80px;

}
.select2-container {
 width: 100%;
 flex: max-content;

}
/* menu desplegable de los formularios */
.select2-drop-active {
     border-color: #00000000;
    background: #1c1d1dd6;
    color:#3aa5da;
    border-bottom: 4px solid #1a5398;
    padding-bottom:8px;
}
/* cuando en el menú desplegable en los formularios seleccionas una opción*/
.select2-results .select2-highlighted {
    color: white;
    background-color: #3aa2da;
}
/* cuando no encuentras resultados*/
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
color: #ff0000;
}
    /* paneles colapsable etc*/
.panel-default .panel-heading {
border: none;
border-radius: 0px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;

}
/*//////////////////////////// Fin del FORMULARIOS*/



.container {

    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    border-radius: 0;
    margin-top: 0;
    padding-bottom: 0;

}









/*////////////////////////////TABLAS*/
   /* paneles colapsable interior etc*/

.collapse.in {
display: inline-block;
    background: #f1f1f1;
    color: #080808;
    border-radius: 20px;
	width: 100%;
}
.table-striped  tbody  tr:nth-child(odd)  td, .table-striped  tbody  tr:nth-child(odd)  th {
       background:#0ce4e938;
}
.table th, .table td {
    padding: 0.5rem;
    vertical-align: top;
    border-top: 1px solid #315579;
}
/*////////////////////////////FINALIZA TABLAS_______________________*/





/*////////////////////////////BOTONES*/
.close {
    order: 2;
}


.btn-lg, .btn-group-lg > .btn {
   
}
.btn-info {

    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
   

}
.btn-success {
    color: #fff;
    background: rgb(0,255,12);
    background: linear-gradient(45deg, rgb(20, 120, 187) 0%, rgb(28, 159, 157) 100%);
    border-color: #2a68b3;
        font-family: 'Titillium Web', sans-serif;


}
.btn-danger {
color: #fff;
background: linear-gradient(45deg, rgb(117, 18, 18) 0%, rgb(193, 37, 37) 100%);
border-color: #6a0e0e;

}
.btn-primary {
    color: #fff;
    background: linear-gradient(45deg, rgb(35, 2, 115) 0%, rgb(15, 63, 111) 100%);
    border-color: #140e6a;
        font-family: 'Titillium Web', sans-serif;
} 
.fixedBts {  /* Boton guardar cambios */
position: absolute;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #6faa3f45 none repeat scroll 0 0;
    border-color: hsla(80, 90%, 40%, 0.5) -moz-use-text-color hsla(80, 90%, 40%, 0.5) hsla(80, 90%, 40%, 0.5);
    border-image: none;
    border-radius: 0px;
    border-style: solid none solid solid;
    border-width: medium;
    box-shadow: 2px -9px 12px -5px rgba(0,0,0,0.2);
    color: #3adacc;
    position: fixed;
    right: 0;
    text-align: center;
    bottom: 0;
    width: 100%;
    z-index: 5;
}
.fixedBts li {
    margin: 0;
    color: 
    #7fffd400;
}
.btn-default {
    color: #fff;
    background-color: #11adb5;
    /* border-color: #fff; */
    border-radius: 5px;
-webkit-box-shadow: -8px 3px 8px -6px rgba(0,0,0,1);
-moz-box-shadow: -8px 3px 8px -6px rgba(0,0,0,1);
box-shadow: -8px 3px 8px -6px rgba(0,0,0,0.31);
border:none;
}
.btn-icon-notext {
    display: table-cell;
    float: left;
    vertical-align: middle;
    /* top: -10px; */
}

.close {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}
.btn-lg, .btn-group-lg > .btn {
    padding: .37rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn {
    min-height: 40px;
	max-height:auto;
margin: 5px;}

.btnIcon {
    width: 20px;
    margin: 0px 15px;
}

.patientProfileUploadAvatar {
    left: 0px;
    top: -170px;
}
.patientEditData {
    order: 6;
}

/*////////////////////////////FINALIZA BOTONES_________________________*/





.pagination  li:first-child  a, .pagination  li:first-child  span {
    
    border-radius: 40px;
}
.pagination  li:last-child  a, .pagination  li:last-child  span {
    border-radius: 40px;
}

.pagination  li  a:hover, .pagination  li span:hover, .pagination  li  a:focus, .pagination  li  span:focus {
    color: #d9edf7;
    background-color: #016779;
    border-color: #ddd0;
    top: -5px;
}
.pagination  li  span {
    color: #d9edf7;
	margin-right: 10px;

}
.pagination .active  a, .pagination .active  span, .pagination  .active  a:hover, .pagination  .active  span:hover, .pagination  .active  a:focus, .pagination  .active  span:focus {
    z-index: 2;
    color: #d9edf7;
    cursor: default;
    background-color: #002444;
    border-color: #000000;
    top:-5px;
}

.fileFloatWindow{
    background:#fff;
}










.navbar-default .navbar-nav  li  a:hover, .navbar-default .navbar-nav  li  a:focus {
color: #1eb6c1;


border: 0px solid;

}
.navbar-default .navbar-nav  .open  .navbar-default .navbar-nav .open a:hover, .navbar-default .navbar-nav  .open  a:focus {
    color: #00f3ff;
    background-color: #078d9d;
}

.dropdown-menu  li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #418bad;
    white-space: nowrap;
}

.dropdown-menu  li a:hover, .dropdown-menu  li  a:focus {
    color: #1a988d;
    text-decoration: none;
    background-color: #bd6e6e00;
}

.notificationBlock {
    margin: 4px 0;
    border-style: solid;
    border-width: 1px;
    height: 100px;
}

    /* tumbnails de tutoriales y productos de interes*/
.componentDisplayProductList {
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-bottom: 5px;
	max-height: 600px;
}

.separaciontumbnails {

    margin: 20px;

}

  /*para hacerlo todo al tamaño de la apnatalla*/
.container {
    width: 100%;
}
  /*logo*/

label {
display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: bold;
    color: #10384e;
    font-family: 'Titillium Web', sans-serif;

}



.profileEditDataInner {
    position: absolute;
    color: #92bdc5;
}

.notificationNew {
    background: #d9edf7;
}
p {
       font-family: 'Titillium Web', sans-serif;
}
.radio label, .checkbox label {

    padding-left: 40px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;

}

#remember_Help {

    padding-right: 30px;
    border-radius: 20px;

}
.select2-container .select2-choice  .select2-chosen {

    margin-right: 18px;

}
.table-hover  tbody  tr:hover td:hover td, .table-hover td:hover  tbody  tr:hover  th {

    background-color: #f5f5f5;

}


.table-striped:hover tbody tr:nth-child(2n+1) td:hover, .table-striped tbody tr:nth-child(2n+1) th {

    background: #fff;

}
.fieldIcon.fa.fa-question {

    padding: 0px 5px 0px 0px;
        padding-top: 0px;
        padding-right: 5px;
        padding-bottom: 0px;
        padding-left: 0px;

}
.fieldIcon.fa.fa-exclamation {
    padding-right: 9px;
    text-align: center;
    width: 12px;
}


.buttonSend {
    height: 45px;
    width: 160px;
    background-color: #2ebcd8;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    border-style: none;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 60px;
    color: #fff;
background: linear-gradient(45deg, rgb(20, 187, 89) 0%, rgb(28, 159, 82) 100%);
border-color: #2a68b3;
font-family: 'Titillium Web', sans-serif;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  color: #6bdae3;
}
.btn-icon.fl.flaticon-user22 {
    background: #f0f8ff00;
    box-shadow: none;
    right: 10px;
    top: -5px;
}
#shortDescription {
    left: 20px;
    position: relative;
}

span.btnIcon.fa.fa-pencil-square-o {
    margin-right: 35px;
}

.dd-handle {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #8f8f8f;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background: linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
}

.dd-handle:hover {
    color: #2ea8e5;
    background: #fff;
}
.dd-handle-sel {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #ccc;
    background: #00c6ff;
    background: -webkit-linear-gradient(top, #99CECB 0%, #eee 100%);
    background: -moz-linear-gradient(top, #99CECB 0%, #eee 100%);
    background: linear-gradient(top, #99CECB 0%, #eee 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
}

span.btn-icon.fl.flaticon-back1 {
    top: -3px;
    position: relative;
    right: 6px;
}

span.btn-icon-notext.fl.flaticon-user22 {
    background: #ffe4c400;
}


.navbar-header {
    float: none;
    height: max-content;
    position: inherit;

}

/*ACOMODA EL SMALL LOGO .siteLogo {

    float: left;
    top: 35px;
    position: relative;
    left: 10px;

}*/
.userInfoDiv {
	flex-direction: column;
}

.userLogo {
    height: 51px;
    padding: 5px;
	margin-bottom: 5px;
}

.userDivDiv{
	display: flex;
	flex-direction: row;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    background-color: #15233c;

}

#profileBanner {
    width: 450px
}


.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: 
    #01487ea6;
}
.input-group {
    flex-wrap: inherit;

}

#paginatorZone {
    display: flex;
    justify-content: center;
}
.pagination {
    justify-content: space-around;
    width: 80%;
}

.panel.panel-info {

padding: 0;
margin: 0;
word-wrap: anywhere;
display: flex;
flex-direction: column;

}
.row {

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	width: 100%

}
.fileGalleryToolBar {
    height: 55px;
}

.profileUploadAvatar {

    left: 0;
    top: 0;

}

.center {

    margin-left: auto;
    margin-right: auto;
    text-align: center;
   /* display: flex;
    justify-content: center;*/

}

#contactdat {
    margin-top: 100px;
}

.row.fileupload-buttonbar {
    flex-direction: column;
}


/*//////////////////////////////RESPONSIVO */
/*//////////////////////////////RESPONSIVO */
/*//////////////////////////////RESPONSIVO */
/*//////////////////////////////RESPONSIVO */




@media (max-width: 992px)
{

	.navbar-light .navbar-brand {
    display: block;
position: relative;
	}	
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||GENERAL*/

@media (min-width: 768px){
	.btn-group, .btn-group-vertical {

    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    top: 0px;

}

#qsmodallink_0 {
    top: 220px;
    position: relative;
}

.btn.btn-link.profileUploadBanner {
    left: 90px;
    top: 230px;
}
	
	#galleryShow_item_add {
    margin-top: 50px;

}
	.item.col-lg-2.col-md-4.col-xs-6 {

    display: flex;
    flex-direction: column;
    max-width: 25%;
    text-align: center;

}
	
/*	.col-sm-8.col-md-9.col-lg-10 {
    max-width: 70%;
		text-align: justify;
}
	.col-sm-4.col-md-3.col-lg-2 {
    padding: 0;
    margin: 0;
    min-width: 30%;

}*/
	
	.img-responsive {
    max-width: 100%;
}
.dhx_cal_navline {
    display: flex;
    flex: -moz-min-content;
    max-width: -moz-available;
}

col-md-6 {

    -ms-flex: 0 0 50%;
    flex: 0 0 90%;
    max-width: 90%;

}
.twitter-typeahead {
    width: 90%;
}
	#rowsPerPage {
    max-width: 100%;
}
	#filterContact {
    max-width: 100%;
}
	.col-md-4.control-label {
    max-width: 100%;
}
		#patientbasicinfodata {
    display: flex;
}
	#patientBasicInfoDataZone {

    width: 100%;
    left: 10%;
    position: relative;

}
	.col-xs-4.control-label {
    padding-left: 20px;
}
	.col-xs-8.input-group.select2-bootstrap-prepend {
    min-width: 100%;
		padding:20px;
}

.col-md-8.input-group {
    max-width: 100%;
	padding: 0px;
}
	.col-md-8 {
    max-width: 100%;
}


	

}

/*|||||||||||||||||||||||||||||||||||||||||||||||||telefono-IPAD*/

@media (max-width: 767px)
{
	
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
}
	.col-sm-8.col-md-9.col-lg-10 {
    max-width: 100%;
}

	.btn-danger {
    padding: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 100%;

}
	.btn-success {
   padding: 3px;
width: 100%;
		margin: 0px;
		margin-bottom: 10px;

}
	.btn-primary {
    margin: 0px;
    width: 100%;
		margin-bottom: 10px;
}
	.menurapido {
    width: 100%;
}
	
.patientProfile {
    left: 0;
}
	
	
	.well { /* caja de comentarios */
    box-shadow: -9px 7px 19px -15px rgba(0, 0, 0, 0);
  
}
.navbar-light .navbar-brand {
    display: block;
left: 90px;
position: relative;
	}	
	.masterfset {
    padding: 0px;
}
	h4, .h4 {

    font-size: 1rem;

}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {

    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;

}

	h1, .h1 {
    text-align: center;

}
	

	.container.highlight {
    padding: 0px 20px;
}
	.thumbnail {

    display: flex;
    flex-direction: column;

}
	.img-responsive {

    width: 100%;

}
	.dropdown-toggle {
    white-space: inherit;
}
	.btn-icon.fl.flaticon-user22 {
    color: black;
}
	
	#show-sidebar {
    top: 0px;
    left: -5px;
}
	
		/*Calendario*/
	.dhx_cal_navline .dhx_cal_date {
    font-size: 12px;
    top: -8px;
}
	
	
	
	.dhx_cal_light_wide {
    width: 100%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    right: px;

}
	
	
	
.dhx_cal_tab {

    color: #747473;
    min-width: 60px;
    padding-top: 0;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    font-weight: 700;
    font-family: arial;
    font-size: 10px;
    display: flex;
    justify-content: center;

}
	
	.dhx_cal_today_button {
    color: #747473;
    left: auto;
    right: 110px;
    background: 0 0;
    text-decoration: none;
    font-size: 10px;
    font-weight: 700;
    font-family: arial;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    max-width: 60px;
    justify-content: center;
}
	
	.dhx_cal_light_wide .dhx_cal_larea {

    width: 100%;
    display: flex;
    flex-direction: column;
    white-space: -moz-pre-space;
    left: -5px;
    position: relative;

}
	

		/*Calendario*/
	
	.pagination {

    justify-content: space-around;
    width: 100%;
    font-size: 8px;

}
	
	.select2-container {
    font-size: 10px;
}
	.select2-container .select2-choice {
    display: grid;
	max-width: 300px;
}
	
	#qsprinthtml_1_48be1dd1a582 {
    word-wrap: anywhere;
}
	.col-md-4.control-label {
    margin: 10px;
}
	
	
.btn-group, .btn-group-vertical {

    display: inline-flex;
    vertical-align: middle;
    flex-wrap: wrap;
    min-width: 300px;
    max-width: 900px;
    justify-content: center;

}
	.topProfile {

    width: 100%;
    height: 450px;

}
	.profileAvatar {

    float: left;
    position: relative;
    top: 10px;
    right: -10px;
    display: flex;
    width: 100%;
    justify-content: center;

}
	.btn.btn-link.profileUploadAvatar {

    margin: 0px;
    padding: 0px;
    position: absolute;
    text-align: center;
    justify-content: center;

}
	.btn.btn-link.profileUploadAvatar {

    margin: 0px;
    padding: 0px;
    position: absolute;
    text-align: center;
    justify-content: center;
    left: 40%;

}
	
	.profileStats {

    display: flex;
    background: #f7f7f7 none repeat scroll 0 0;
    border: 2px solid rgb(17, 173, 181);
    justify-content: center;
    top: 20px;
    position: relative;

}
	
	.topProfileSlim {
    width: 100%;
    height: 210px;
    display: flex;
}
	
	.col-md-4.control-label {
    font-size: 11px;
}

.commentText {

    margin-top: 20px;

}
	
	
	
	
	
	
	
	
}