:root{
	--background-color-default: #fafbff;
	--background-color-primary: #6355f3;
	--background-color-secondary: #8585e6;
	--background-color-warning: #fdd059;
	--background-color-danger: #ff5368;
	--background-color-info: #b6c8fc;
	--background-color-success: #6FCF97;

	--color-white: #FFFFFF;
	--color-black: #353232;
	--color-default: #6356F3;
	--color-primary: #FFFFFF;
	--color-secondary: #FFFFFF;
	--color-warning: #353232;
	--color-danger: #FFFFFF;
	--color-info: #353232;
	--color-success: #353232;

	--background-color-default-hover: #E2E1FC;
	--background-color-primary-hover:  #4f40f2; /*#3928f0*/
	--background-color-secondary-hover: #4d4ddf;
	--background-color-warning-hover: #fdc11c;/*#F2C94C*/
	--background-color-danger-hover: #d34545;/*#d65353*/
	--background-color-info-hover: #9db5fb;/*#7979ce*/
	--background-color-success-hover: #40bf75; /*#68be8c*/

	--color-default-hover: #6356F3; /*#353232*/
	--color-primary-hover: #FFFFFF;
	--color-secondary-hover: #FFFFFF;
	--color-warning-hover: #353232;
	--color-danger-hover: #FFFFFF;
	--color-info-hover: #353232;
	--color-success-hover: #353232;
}

*:focus {
    outline: none !important;
    outline: none !important;
    outline-offset: none !important;
}

body{
  /*background-color: #f3f3ff;  */
  background-color: #f0f4ff; 
  /* background-image: url('/images/v4/bkg.svg'); */
  line-height: 1.4;
  font-family: 'Poppins', sans-serif;
  background-repeat: no-repeat;
  background-size: cover;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family: 'Lato', sans-serif;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0px;
}

label {
  font-weight: 500;
}

input{
  font-weight: normal !important;
}



@media (min-width: 992px){
  .container {
      min-width: 1024px;
  }
}


@media (min-width: 768px){
  .container {
    width:100%;
    padding: 0px !important;
  }

  .navbar-form .input-group {

      width: 100% !important;
  
  }
}

.text-primary{
	color: var(--color-default);
}

.color-default{
	color: var(--color-default);
}

.height-nav {
  height: 56px !important;
}

.nav > li > a {
  color: #2C2F34 !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
  background-color: #dcdbfc;
  color:#00000b;
  border-radius: 6px !important;
  margin: 6px 0px;
}

.nav-pills>li.active>a>i{
  color:#fff;
}

.nav-pills>li.active>a>i:hover, .nav-pills>li.active>a>i:focus {
  color:#2C2F34;
}


.nav-pills>li>a:hover, .nav-pills>li>a:focus{
  /* background-color: #E5E4FC !important; */
  color:#2C2F34 !important;
  border-radius: 6px !important;
}

.div-header{
  color:#fff;
  margin-top: -10px;
  height: 30px;
  padding: 5px;
  margin-bottom: -10px;
}

.badge.badge-pro3{
  background-color:#444;
  color: #fff;
}

.badge.badge-pro2{
  background-color:#E5E4FC;
  color: #444;
}

.badge.badge-pro1{
  background-color:#33cd5f;

}

.badge.badge-free{
  background-color:#f8f8f8;
  color:#444;
}

.div-header.trial{
  background-color:#f8f8f8;
  color:#444;
}

.typeahead.dropdown-menu{
  width:90%;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
  background-color: #6356F3;
}


.select2-container-multi .select2-choices .select2-search-choice{
  background-image: none;
  background-color: #E1E0FC;
  border: none;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 21px;
  font-size: 13px;
}

p{
  font-weight:normal;
}

a{
  font-weight: normal;
  color:#694efc;
}

a:hover {
  color:#694efc;
}

.fa-question-circle{
  color:#00b6e4;
}

.back-to-top {
  background: none;
  margin: 0;
  position: fixed;
  bottom: 50px;
  right: 0;
  width: 50px;
  height: 45px;
  z-index: 100;
  display: none;
  text-decoration: none;
  color: #ffffff;
  background-color: #00b6e4;
  border-radius: 30px;
}

.row{
	padding: 0 24px;
}

.back-to-top i {
  font-size: 40px;
  margin-top:3px;
}

.typeahead{
  width:100%;
}
  
.navbar-container{
    width: 80%;
    margin: 0 auto;
}​

.topbar-input-search{
    background: transparent;
    border: 0px !important;
    color: white;
    box-shadow: none !important;

}

/* 
#custom-search-input{
    padding: 0px;
    border: 1px solid #CDCBFA ;
    border-radius: 6px;
    background: #FFF;
    margin: 0 auto;

}
juli
*/

#custom-search-input{
    padding: 0px;
    
    border-radius: 24px;
    background: #fafbff;
    margin: 0 auto;

}

#custom-search-input:hover{
  border: 1px solid #CDCBFA ;  
}



.fc button{
  border: none;
    background-image: none !important;
    
}

.fc-state-default{
  background: #f3f3ff !important;
}

.fc-state-down, .fc-state-active{
  background: #CDCBFA !important;
}


#custom-search-input ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#8585e8 !important;
}
#custom-search-input :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#8585e8 !important;
   opacity:  1;
}
#custom-search-input ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#8585e8 !important;
   opacity:  1;
}
#custom-search-input :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#8585e8 !important;
}
#custom-search-input ::-ms-input-placeholder { /* Microsoft Edge */
 color:#8585e8 !important;
}

#custom-search-input ::placeholder { /* Most modern browsers support this now. */
   color:#8585e8 !important;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
    color:white;
    background: transparent;
    color:#8585e8 !important;
}

.text-icon{
  color:#694efc;
  width: 17px;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  color:#2C2F34;
}

.tab-pane{
  padding-top:15px;
}

hr{
  margin-top:10px;
  margin-bottom:10px;
}
.panel-info > .panel-heading > .panel-title{
  color: #6153f3;
}

.panel > .panel-heading > .row > .col-md-6 > h4 > i, 
.icon-configure-menu{
	width: 20px;
  	margin-right: 9px;
}


.panel-secondary > .panel-heading > .panel-title{
  color:var(--color-black);
  color: var(--color-secondary);
}



#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #8585e8;
    padding: 0 8px 0 10px;
    /*border-left: solid 1px white;*/
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px white;
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
}


.panel{
  background: #fff;
  margin-bottom: 10px;
  -webkit-border-radius: 10px;
  border-radius: 5px !important;
  border: 1px solid #e8e7ff !important;
}

.alert-primary{
  background-color: var(--background-color-primary);
  color: var(--color-primary);
  border:none !important;
}

.alert-secondary{
  background-color: var(--background-color-secondary);
  color: var(--color-secondary);
  border:none !important;
}

.alert-info{
  background-color: #e3e0fc;
  color: #6153f3;
  border:none !important;
}

.alert-success {
  background-color: var(--background-color-success);
  border-color: var(--background-color-success);
  color: var(--color-success);
}

.alert-danger{
  background-color:var(--background-color-danger);
  color: var(--color-danger);
  border:none !important;
}


.alert-warning{
  background-color: var(--background-color-warning);
  color: var(--color-warning);
  border:none !important;
}

.text-light{
  color:#fafbff !important;
}

/* .panel-title {
 color: var(--color-black);
} */

.select2-container .select2-choice{
  background: none !important;
}

.text-dark {
  color:#2C2F34 !important;
}

.text-white{
  color:#fefefe !important;
}

.text-secondary{
  color: #8585e6 !important;
}

.text-purple{
  color:#6355f3 !important;
}

.panel-info > .panel-heading{
  background-color: #FFF !important;
  /* border-color: #CDCBFA; */
}

.btn-info{
  background-color:#CDCBFA;
  color: var(--color-info);
}


.label{
  padding:0.2em .5em .2em !important;
}

.label-default{
  background-color: var(--background-color-default);
  color: var(--color-default);
  border:1px solid #CDCBFA;
}

.label-light{
  color:black;background:#f3f3ff;
  border:1px solid #CDCBFA;
}

.badge-default{
  background-color:#fff !important;
  color: #00000b;
  border: 1px solid #CDCBFA !important;
}

.badge-primary{
  background-color:#CDCBFA !important;
  color: #00000b;
  border: 1px solid #CDCBFA !important;
}

.badge-light{
  background-color: #f3f3ff !important;
  color: #00000b;
  border: 1px solid #CDCBFA !important;
  font-weight: 500;
}


.label-primary{
  background-color:var(--background-color-primary);
  color: var(--color-primary);
}

.label-secondary{
	background-color:var(--background-color-secondary);
	color: var(--color-secondary);
}

.label-info {
  background-color: var(--background-color-info);
  color: var(--color-info);
}

.badge-primary{
  background-color:#8585e8;
}

.panel-body {
  color:#2C2F34 !important;
}

.panel-secondary .panel-heading, .panel-default .panel-heading, .panel-primary .panel-heading, .panel-success .panel-heading, .panel-warning .panel-heading, 
.panel-danger .panel-heading, .panel-info .panel-heading, .panel-primary .panel-title, 
.panel-success .panel-title, .panel-warning .panel-title, .panel-danger .panel-title, .panel-info .panel-title, .panel-secondary .panel-title {
/* color: #FFFFFF; */
border-radius: 5px 5px 0px 0px !important;
}

.panel-title {
  font-size: 16px !important;
}

.panel-default > .panel-heading {
  background-color: var(--background-color-default);
  color: var(--color-default);
  }

.panel-primary > .panel-heading {
background-color: var(--background-color-primary);
color: var(--color-primary);
}

.panel-secondary > .panel-heading {
  background-color: var(--background-color-secondary);
  }

.panel-warning > .panel-heading {
  background-color: var(--background-color-warning);
  color: var(--color-warning);
}

.panel-danger > .panel-heading {
background-color: var(--background-color-danger);
color: var(--color-danger);
}

.panel-info > .panel-heading {
  /* background-color: var(--background-color-info) !important; */
  background-color: #fafbff !important;
  /* border-bottom: 1px #ced8fb solid; */
}


.configure-container{
	display: flex;
	justify-content: center;
	align-items: center;
}

.vertical-center{
	display:flex; 
	align-items: center;
}

.horizontal-center{
	display: flex;
	align-items: center;
}

.events-list{
	margin-right: 40px;
}

.office-container{
	display: flex;
	flex-direction: column;	
}


@media (max-width: 1224px){
  
	.office-container{
		margin-bottom: 11px;
	}

	.configure-container{
		align-items: center;
		flex-direction: column;
	}
	
	.options-content{
		display: flex !important;
		width: 100%;
		align-items: center;
		justify-content: center;
	}
}

@media (max-width: 600px){
	.office-container{
    width: 100%;
	}
}


.options-content{
	display: inline-block;
}

.account-card > .account-card-links > .panel-heading-account > .account-title {
	/* color: var(--color-white); */
	color: var(--color-primary);
	margin-bottom: 7px;
}

.account-options{
	/* width: 300px; */
	color: var(--color-white);
}

/* .account-title{
	font-weight: 700;
} */

.panel-account{
	background-color: #e8e6fc !important;
	height: 550px;
}

.panel-info > .panel-heading-account{
	background-color: #e8e6fc !important;
}

.panel-info > .panel-body-account{
	background-color: #e8e6fc !important;
}

/* .account-item-list{
	background-color: #E5E4FC;
} */


.account-office {
	width: 600px;
}

.account-office > .panel-account {
	/* background-color: #c8c9f5 !important; */
	height: auto;
	padding-top: 4px;
	padding-left: 10px;
}

.account-office > .panel-info > .panel-heading-account {
	background-color: transparent !important;
	margin-bottom: -20px;
}

.account-office > .panel-info > .panel-body-account{
	background-color: transparent !important;
	/* color: var(--color-white) !important; */
}

.account-office > .panel-info > .panel-body-account > .account-nav > li > a {
  display: inline-block;
	color: #6356F3 !important;
}

.account-office > .panel-info > .panel-body-account > .account-nav > li > a:hover {
	background-color: #E5E4FC;
}

.account-office > .panel-account > .line-divider {
	background-color: transparent;
}


.account-card-links{
	display: inline-block;
  display: inline-block;
  position: relative;
  top: -11px;
}

.img-circle-account{
  margin-bottom: 17px;
  margin-left: 137px !important;
}


/* .panel-default > .panel-heading {
  background-color: #FF0000 !important;
  border-color: 1px solid #CDCBFA;
  color: #00000b;
} */

/* .panel-heading {
  padding: 0px;
  border-bottom: 1px solid transparent;
  border-bottom-color: transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
} */




.account-card{
	display: flex;
	align-items: center;
	padding-top: 20px !important;
	/* background-color: #564ce1 !important; */
	background-color: var(--background-color-primary) !important;
	margin-bottom: 11px;
}

.account-card--whatsaap {
  background-color:red !important;
  background-image: url(/images/v4/whatsaap-background5.png);
  background-repeat: no-repeat;
  background-size: 600px;
  background-position-y: -3px;
  background-position-x: -5px;
}


.account-card-description{
	color: var(--color-primary);
	/* font-weight: 700; */
	margin-left: 15px;
	margin-bottom: 14px;
}

.office-card{
	background-color: #c8c9f5 !important;
} 



.account-link > a,
.account-link > span {
	color: var(--color-white);
	font-weight: 700;
}

.account-link > span:last-child{
	color: transparent;
}


.btn-account{
	background-color: #dcdbfa;
	color: var(--color-black);
	/* font-weight: 700; */
	/* margin-left: 15px; */
	margin-bottom: 30px;
}

.btn-account:hover{
	background-color: #CDCBFA;
	color: var(--color-black);
}

.mh_activity{
  padding:15px;
  /*border-top:1px dotted #694efc;*/
}

.owl-carousel-item{
  margin-top:15px;
  padding-top: 5px;
  border-radius: 4px;
background-color: #F5F5F5;
border: 1px solid transparent;
}

.owl-carousel-item .item{
  margin: 3px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

.account-card-image {
  position: relative; 
  top: -2px; 
  width: 28px;
  margin-right: 5px;
}


/* Estilos de consultutorio */
.account-option-background{
	background-color: transparent;
	border-radius: 5px;
}

.account-option-background:hover{
	background-color: #f0f4ff;
}


/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.bs-callout {
  margin: 20px 0;
  padding: 20px;
  border-left: 3px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}

/* Variations */
.bs-callout-danger {
  background-color: #fdf7f7;
  border-color: #eed3d7;
}
.bs-callout-danger h4 {
  color: #b94a48;
}
.bs-callout-warning {
  background-color: #faf8f0;
  border-color: #faebcc;
}
.bs-callout-warning h4 {
  color: #c09853;
}
.bs-callout-info {
  background-color: #f4f8fa;
  border-color: #bce8f1;
}
.bs-callout-info h4 {
  color: #3a87ad;
}

/*
 * Examples
 *
 * Isolated sections of example content for each component or feature. Usually
 * followed by a code snippet.
 */

.bs-example {
  position: relative;
  padding: 45px 15px 15px;
  margin: 0 -15px 15px;
  background-color: #fafafa;
  box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
  border-color: #e5e5e5 #eee #eee;
  border-style: solid;
  border-width: 1px 0;
}
/* Echo out a label for the example */
.bs-example:after {
  content: "Historia Clínica";
  position: absolute;
  top:  15px;
  left: 15px;
  font-size: 12px;
  font-weight: bold;
  color: #bbb;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Tweak display of the code snippets when following an example */
.bs-example + .highlight {
  margin: -15px -15px 15px;
  border-radius: 0;
  border-width: 0 0 1px;
}

/* Make the examples and snippets not full-width */
@media (min-width: 768px) {
  .bs-example {
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 4px 4px 0 0;
    box-shadow: none;
  }
  .bs-example + .highlight {
    margin-top: -16px;
    margin-left: 0;
    margin-right: 0;
    border-width: 1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}

/* Undo width of container */
.bs-example .container {
  width: auto;
}

/* Tweak content of examples for optimum awesome */
.bs-example > p:last-child,
.bs-example > ul:last-child,
.bs-example > ol:last-child,
.bs-example > blockquote:last-child,
.bs-example > .form-control:last-child,
.bs-example > .table:last-child,
.bs-example > .navbar:last-child,
.bs-example > .jumbotron:last-child,
.bs-example > .alert:last-child,
.bs-example > .panel:last-child,
.bs-example > .list-group:last-child,
.bs-example > .well:last-child,
.bs-example > .progress:last-child,
.bs-example > .table-responsive:last-child > .table {
  margin-bottom: 0;
}
.bs-example > p > .close {
  float: none;
}

/* Typography */
.bs-example-type .table .info {
  color: #999;
  vertical-align: middle;
}
.bs-example-type .table td {
  padding: 15px 0;
  border-color: #eee;
}
.bs-example-type .table tr:first-child td {
  border-top: 0;
}
.bs-example-type h1,
.bs-example-type h2,
.bs-example-type h3,
.bs-example-type h4,
.bs-example-type h5,
.bs-example-type h6 {
  margin: 0;
}

/* Images */
.bs-example > .img-circle,
.bs-example > .img-rounded,
.bs-example > .img-thumbnail {
  margin: 5px;
}

/* .img-circle{
	margin-left: 17px;
} */

.menu-img-circle{
	margin-left: 17px;
}

.img-circle-dropdown{
	position: relative;
	top: -2px;
}

/* Tables */
.bs-example > .table-responsive > .table {
  background-color: #fff;
}

.table_buttons {
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  justify-content: flex-end;
}

/* Buttons */
.bs-example > .btn,
.bs-example > .btn-group {
  margin-top: 5px;
  margin-bottom: 5px;
}
.bs-example > .btn-toolbar + .btn-toolbar {
  margin-top: 10px;
}

/* Forms */
.bs-example-control-sizing select,
.bs-example-control-sizing input[type="text"] + input[type="text"] {
  margin-top: 10px;
}
.bs-example-form .input-group {
  margin-bottom: 10px;
}
.bs-example > textarea.form-control {
  resize: vertical;
}

/* List groups */
.bs-example > .list-group {
  max-width: 400px;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #6356F3;
  background-color: #ffffff;
}



/* Navbars */
.bs-example .navbar:last-child {
  margin-bottom: 0;
}
.bs-navbar-top-example,
.bs-navbar-bottom-example {
  z-index: 1;
  padding: 0;
  overflow: hidden; /* cut the drop shadows off */
}
.bs-navbar-top-example .navbar-header,
.bs-navbar-bottom-example .navbar-header {
  margin-left: 0;
}
.bs-navbar-top-example .navbar-fixed-top,
.bs-navbar-bottom-example .navbar-fixed-bottom {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.bs-navbar-top-example {
  padding-bottom: 45px;
}
.bs-navbar-top-example:after {
  top: auto;
  bottom: 15px;
}
.bs-navbar-top-example .navbar-fixed-top {
  top: -1px;
}
.bs-navbar-bottom-example {
  padding-top: 45px;
}
.bs-navbar-bottom-example .navbar-fixed-bottom {
  bottom: -1px;
}
.bs-navbar-bottom-example .navbar {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .bs-navbar-top-example .navbar-fixed-top,
  .bs-navbar-bottom-example .navbar-fixed-bottom {
    position: absolute;
  }
  .bs-navbar-top-example {
    border-radius: 0 0 4px 4px;
  }
  .bs-navbar-bottom-example {
    border-radius: 4px 4px 0 0;
  }
}


      .white, .white a {
     color: #fff;
    }

      .navbar-text  {
      
      vertical-align:middle;
      
    }


  .profile_user{
      float: left;
      background-color: #fff;
      padding: 2px;
      width: 44px;

    }
  .profile_li{
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;  
  }

  .footer {
      text-align: center;
      padding-top: 60px;
      margin-bottom: 0px;
      /*border-top: 1px solid #e5e5e5;*/
      /*background-color: #f5f5f5;*/
      
      /*background: #f2f2f2 url('/images/footer_clouds.png') repeat-x top center*/;
    }
  
.badge {
  padding: 6px 12px;
  font-size: 12px;
  white-space: nowrap;
  color: #2C2F34;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #CDCBFA ;
}
.badge:hover {
  text-decoration: none !important;
  cursor: pointer;
}
.badge-error {
  background-color: var(--background-color-danger);
  color: var(--color-danger);
}
.badge-error:hover {
  background-color: var(--background-color-danger-hover);
  color: var(--color-danger-hover);
}
.badge-warning {
  background-color: var(--background-color-warning);
  color: var(--color-warning);
}
.badge-warning:hover {
	background-color: var(--background-color-warning-hover);
	color: var(--color-warning-hover);
}
.badge-success {
  background-color: var(--background-color-success-hover);
  color: var(--color-success);
}
.badge-success:hover {
	background-color: var(--background-color-success-hover);
	color: var(--color-success-hover);
}
.badge-info {
  background-color: var(--background-color-info);
  color: var(--color-info);
}
.badge-info:hover {
	background-color: var(--background-color-info-hover);
	color: var(--color-info-hover);
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}


.fc-button{
  border: 1px solid #CDCBFA !important;
  border-radius: 4px
}

.calendar_li > a {
  display: flex !important;
  align-items: center;
}

.calendar_li > a > i {
  margin-right: 11px;
}

.calendarColor{
  height:20px;
  width:8px;
  border:1px solid white;
  float:left;
  margin-top:2px
}
.fc-header-title h2 {
  font-size: 24px;
}

.nav-list {
padding-right: 30px;
}

.navbar {
 border-radius: 0px;
}


.label{
  font-size: 85%;
  font-weight:500 !important;
}
span{
 font-weight:400 !important; 
}


.panel-heading-left > .panel-title > a:hover,
.panel-heading-left > .panel-title > a:focus{
	color: unset;
	text-decoration: none;
}

.panel-heading-left a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: #2C2F34;
    font-size: 16px;
}

.panel-heading-left a.collapsed:after {
    content:"\e080";
}

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  /*background: url(../images/drnubeanimado.gif) center no-repeat #694efc;*/
  background: url(../images/v4/iso_small.png) center no-repeat #f0f4ff;
  animation-iteration-count: infinite;
}

.line-divider{
	background-color: #cac9f3;
	height: 1px;
	width: 93%;
	margin-left: auto;
	margin-right: auto;
} 

.dropdown-menu{
  background-color:#5144d8;
  border:none !important;
}


.comment_container{
  padding-top:5px;
}

textarea.form-control {
  font-weight:normal;
}



.btn{
  background-image: none !important;
  border-radius: 5px !important;
  transition: 0.2s;
}

.nav-pills>li>a{
  border-radius: 2px !important;
}

.fc-state-default{
  background-image: none !important;
  box-shadow: none !important;
}

.fc-state-down, .fc-state-active{
  box-shadow: none !important;
}

.navbar{
  background-color:#f0f4ff !important;
  background-image: none !important;
  border-bottom: none !important;

}

.navbar-drnube-top .navbar .navbar-nav>li>a, .navbar-brand{
  text-shadow: none !important;
}

.navbar-drnube-top.navbar-nav>li.dropdown,.navbar-drnube-top.navbar-nav>.nav-item{
  margin-top: 7px;
  padding-right: 15px;
  border-radius: 5px;
}


.navbar-drnube-top.navbar-nav>.nav-item:hover{
  background-color: #E0DFFB;
}

.navbar-nav.navbar-drnube-top>li.dropdown:hover,.navbar-nav>li.dropdown:focus{
  background-color: #E0DFFB;
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
  background-color: #fff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #FFF;
    color:#fff;
    
}

.dropdown-menu li>a:hover{background:#CDCBFA;color:#fff; }

.dropdown-menu >li > a > i {
	width: 1.5em;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
    background-color: transparent;
    color:#fff;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background-color: transparent;
    color:#fff;
}



.alert,.label{
  border-radius: 6px !important;
}

.form-control.select2-container .select2-choices{
  border-radius: 5px !important;
}

select.form-control{
  border-radius: 5px !important;
}

.form-control{
  border-radius: 2px !important;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{
  background-color:#694efc !important;
  background-image: none !important;
  border-radius: 2px !important;
}


.alert,.table{
  font-weight:normal !important;
}

.panel-drnube{
  border-color: #dddddd;
}

.panel-drnube .panel-heading{
  background-color:#37e0ff;
}

.form-control{
  height:36px;
}


.form-control.select2-container{
  min-height: 36px;
  border-radius: 5px !important;
  border: 1px solid #C6C6C6;
  overflow: hidden;
}

.form-control.select2-container .select2-choices{
  min-height:36px;
  padding-top: 5px;
}

.select2-container .select2-choice{
  height:36px;
}

.select2-container .select2-choice > .select2-chosen{
      padding-top:4px;
}

.select2-container .select2-choice .select2-arrow{
  padding-top:4px;
}

.form-group{
  margin-bottom:12px;
}

.input-group-addon{
  font-size:12px;
  padding:7px 12px;
}
.header-dashboard{
  margin-left:0px;
  margin-right:0px;
}

.well{
  border-radius:5px !important;
  box-shadow: none !important;
  background-color:#f3f3ff;

}
.modal-content-event .modal-header,.modal-body{
  padding:15px !important;
}

.modal-content-event .modal-body .form-group{
  margin-bottom:9px;
}

.main-column-search{
  padding:3px 0px;
}

#event_recurrent{
  padding:8px !important;
}

.tour-backdrop{
  opacity: 0.6;
}

.label-success{
  background-color: var(--background-color-success);
  color: var(--color-success);
}

.label-warning{
  background-color: var(--background-color-warning);
  color: var(--color-warning);
}

.button-warning, .btn-warning{
  background-color:  var(--background-color-warning);
  border-color: var(--background-color-warning);
  color: var(--color-warning);
}



.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
  color: var(--color-warning-hover);
  background-color: var(--background-color-warning-hover);
  border-color: var(--background-color-warning-hover);
}

.btn-info, .button-info{
  background-color:  var(--background-color-info);
  border-color: var(--background-color-info);
}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
  color: var(--color-info-hover);
  background-color: var(--background-color-info-hover);
  border-color: var(--background-color-info-hover);
}

.btn-info[disabled], .btn-info.disabled {
  background-color:  var(--background-color-info);
  border-color: var(--background-color-info);
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn:hover, .btn:focus, .btn.focus {
  /* color: #FFF; */
  text-decoration: none;
}

.text-info{
  color:#b6c8fc;
}
/*
.btn:hover{
  background-color:black !important;
  color:white !important;
}
*/


.button-danger, .btn-danger{
  background-color: var(--background-color-danger);
  border-color:var(--background-color-danger) ;
  color: var(--color-danger);
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
	background-color: var(--background-color-danger-hover);
	border-color: var(--background-color-danger-hover);
	color: var(--color-danger-hover);
}

.label-danger{
  background-color: var(--background-color-danger);
  border-color:var(--background-color-danger);
  color: var(--color-danger);
}

.text-danger{
  color: #ff5368 !important;
}

.text-whatsapp {
  color: #61bb87;
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success{
  background-color: var(--background-color-success-hover);
  border-color: var(--background-color-success-hover);
  color: var(--color-success-hover);
}
.button-success, .btn-success{
  border-radius:6px;
  display:inline-block;
  cursor:pointer;
  color:#FFF;
  font-size:13px;
  font-weight: 500;
  padding:8px 16px;
  text-decoration:none;
  background-color: var(--background-color-success);
  border-color:var(--background-color-success);
  color: var(--color-success);
}

.btn-link {
  color: #6356F3;
}

.btn-link:hover {
  color: #564acf;
}


.text-success{
  color:#6FCF97;
}


.btn-lg {
    padding: 14px 16px !important;
    font-size: 18px !important;
    line-height: 1.3333333 !important;
    border-radius: 6px !important;
}

.btn-sm {
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.btn-template {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
}

.label-calendar{
  padding: .2em .3em .2em 0.3em !important;
  font-size:80% !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{
      border-bottom: 6px solid #014f79;
}

.bootstrap-datetimepicker-widget .timepicker-picker{
  background-color:#fff;
}


.bootstrap-datetimepicker-widget .list-unstyled{
  background-color:#fff;
}
.img-thumbnail{
  border:0px !important;
}

.fc-unthemed .fc-today{
  background-color:#bdbdf4 !important;
}

.select2-container .select2-choice .select2-arrow{
  background-image: none !important;
  box-shadow: none;
  background-color: transparent;
  border-left: 0px;
  margin-right: 8px;
}

.input-group-addon{
  background-color: #f3f3ff;

}


/* Toggle switch */
.bootstrap-switch {
	border-radius: 50px !important;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  color: var(--color-primary);
  background: var(--background-color-primary);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
  color: var(--color-secondary);
  background: var(--background-color-secondary);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  color: var(--color-success);
  background: var(--background-color-success);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
  background: var(--color-warning);
  color: var(--background-color-warning);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
  color: var(--color-default);
  background: var(--background-color-default);
}


/* Error page: */
.error-img{
	width:400px;
}

.title-error{
	margin: 20px 0; 
	font-size: 3.7rem; 
	line-height: 1.3em;
}


/* <Select> */
.select2-results .select2-highlighted{
	background-color:#1E90FF;
	color: #fff;
}

/* .select2-drop-active{
	top: 478px !important;
	padding-top: 3px;
} */

/* COLORS */
.bg-blue-gray{
	background-color: #ecf3ff;
}


.bg-purple{
  background-color: #694efc !important;
}

.bg-purple-2{
	background-color: #9292e5 !important;
}

.bg-lavanda{
  background-color: #dfe9ff !important;
}

.bg-lightsky{
	background-color: #f0f4ff;
}

.bg-white{
	background-color:#fff
}

.text-purple{
  color: #694efc !important;
}


.text-violet{
	color: #8585e8;
}
.text-violet-2{
	color: #4b3ece;
}

.text-purplish{
	color:#6355f3 !important;
}
  
.text-purplish:hover{
	color: #aae578 !important;	  
}

.text-grass{
	color: #aae578;
}

.text-grass:hover{
	color: #aae578;
}

.text-gray{
  color: #555555 !important;
}

.bg-purple-secondary{
  background-color: #5144d8 !important;
}

.bg-cyan{
  background-color: #5ed9ea !important;
}

.text-cyan{
  color: #5ed9ea !important;
}

.bg-cyan-secondary{
  background-color: #4eb7e2 !important; 
}

.bg-ocean{
  background-color: #3b98ed !important;
}

.bg-ocean-secondary{
  background-color: #3b71ed !important;
}

.bg-blue{
  background-color: #3b29b7 !important;
}

.bg-blue-over{
  background-color: #211989 !important;
}

.bootstrap-dialog.type-primary .modal-header{
  background: #694efc !important;
}



.pt-5{
  padding-top: 5px;
}


.pt-10{
  padding-top: 10px;
}

.pt-20{
  padding-top: 20px;
}

.pt-25{
  padding-top: 25px;
}


.pt-35{
  padding-top: 35px;
}



.pb-5{
  padding-bottom: 5px;
}


.pb-10{
  padding-bottom: 10px;
}

.pb-20{
  padding-bottom: 20px;
}

.pb-25{
  padding-bottom: 25px;
}


.pb-35{
  padding-bottom: 35px;
}



.mt-5{
  margin-top: 5px;
}


.mt-10{
  margin-top: 10px;
}

.mt-20{
  margin-top: 20px;
}

.mt-25{
  margin-top: 25px;
}


.mt-35{
  margin-top: 35px;
}

.mb-5{
  margin-bottom: 5px;
}

.mb-10{
  margin-bottom: 10px;
}

.mb-20{
  margin-bottom: 20px;
}

.mb-25{
  margin-bottom: 25px;
}

.mb-35{
  margin-bottom: 35px;
}

.border-card {
  border: 1px solid #CDCBFA !important;
}

.bg-card-white {
  background-color: #FFF;
  border: 1px solid #CDCBFA !important;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); 
  box-shadow: 0px 0px 5px 0px rgba(19, 17, 17, 0.1);
}

.all-caps {
  text-transform: uppercase !important;
}

.caret{
	margin-right: 10px;

}

.btn-primario,.btn-primary {
  background-color: var(--background-color-primary);
  border-radius:6px;
  border:1px solid var(--background-color-primary);
  display:inline-block;
  cursor:pointer;
  color:var(--color-primary);
  font-size:13px;
  font-weight: 500;
  padding:8px 16px;
  text-decoration:none;
}
.btn-primario:hover,.btn-primary:hover {
  background-color:#abaae0;
  text-decoration: none !important;
  color:#00000b;
  border: 1px solid var(--background-color-primary-hover) !important;
}
.btn-primario:active,.btn-primary:active {
  position:relative;
  top:1px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color: var(--color-primary-hover);
  background-color: var(--background-color-primary-hover);
  border-color: var(--background-color-primary-hover);
}

.btn-primary .badge {
  color: #6356F3;
  background-color: #ffffff;
}

.btn-primary[disabled], .btn-primary.disabled {
  background-color: var(--background-color-primary);
  border:1px solid var(--background-color-primary);
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-secundario,.btn-secondary {
  background-color: var(--background-color-default);
  border-radius:6px;
  border:1px solid var(--background-color-primary);
  display:inline-block;
  cursor:pointer;
  color: var(--color-default);
  font-size:13px;
  font-weight: 500;
  padding:8px 16px;
  text-decoration:none;
}
.btn-secundario:hover,.btn-secondary:hover {
  background-color:var(--background-color-default-hover);
  text-decoration: none !important;
  color: var(--color-default-hover);
}
.btn-secundario:active,.btn-secondary:active {
  position:relative;
  top:1px;
}

.btn-whatsapp {
  color: #fff;
  background-color: #6fcf97;
}

.btn-whatsapp:hover{
  color: #fff;
  background-color: #68c18d;
}

.btn-inline {
  background-color:transparent !important;
  border-radius:6px;
  border:transparent !important;
  display:inline-block;
  cursor:pointer;
  color:#6356F3;
  font-size:13px;
  font-weight: 500;
  padding:8px 16px;
  text-decoration:none;
}
.btn-inline:hover {
  background-color:transparent;
  text-decoration: none !important;
  color:#5a4dee;
}
.btn-inline:active {
  position:relative;
  top:1px;
}

.btn-inline {
  background-color:transparent !important;
  border-radius:6px;
  border:transparent !important;
  display:inline-block;
  cursor:pointer;
  color:#6356F3;
  font-size:13px;
  font-weight: 500;
  padding:8px 16px;
  text-decoration:none;
}
.btn-inline:hover {
  background-color:transparent;
  text-decoration: none !important;
  color:#5a4dee;
}
.btn-inline:active {
  position:relative;
  top:1px;
}

.btn-radius{
	font-family: "Poppins", sans-serif;
    font-size: 15px;
	font-weight: 700;
    color: #fff;
    cursor: pointer;
    padding: 13px 41px;
    text-align: center;
    border: none;
    background-size: 100% 100%;
    border-radius: 50px;
    background-size: 101% 100%;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    border: 1px solid transparent;
	background-color: var(--background-color-primary);
	color: var(--color-primary);
}

.btn-radius:hover{
	background-color: var(--background-color-primary-hover);
	color: var(--color-primary-hover);
}

.text-card-v4 {
  font-size: 13px !important;
  color: #2C2F34 !important;
}

.empty-state-text {
  text-align: center;
  font-size: 26px;
  color: #DADADA !important;
}

.empty-state-text >span {
  font-size: 14px;
  color: #2C2F34 !important;
}

.pnael-heading-v4 {
  border-radius: 10px !important;
}

.sub-header-panel {
  background-color: #FFF !important;
  padding: 6px 0px;
  border-bottom: 1px solid #cecece ;
  color: #2C2F34;
}

.nav-v4 > li > a {
  color: #6356F3 !important;
  background: #E5E4FC !important;
  position: relative;
  display: block;
  padding: 10px 15px;
  list-style: none !important;
  text-decoration: none !important;
  border-radius: 6px;
  margin:10px 0px;
}

.plan-padding{
	padding: 0 0px;
}

.nav-pills-v4>li>a:hover, .nav-pills-v4>li>a:focus{
  background-color: #CDCBFA !important;
  
}

.nav-pills-v4.nav-stacked>li{
  list-style: none;
}

.no-padding {
  padding: 0px !important;
}

.no-margin {
  margin: 0px !important;
}

.datepicker {
  margin: 0 auto;
}

.datepicker th,td {
  font-weight: 500 !important;
}

.fc-center h2 {
  color: #6356F3;
}

.navbar-right {
  margin-right:0px !important
}

.search-nav {
  display: block;
}

.search-input-nav {
  margin: 0 auto;
  padding: 6px;
  min-width: 360px !important;
  max-width: 720px !important;
}

.search-container {
  width: 100% !important;
}

/*
.btn-menu {
  background-color:#dcdbfc;
  border-radius:6px;
  border:1px solid #dcdbfc;
  display:inline-block;
  cursor:pointer;
  color:#00000b;
  font-size:13px;
  font-weight: 500;
  padding:6px 16px;
  text-decoration:none;
}*/




/* .navbar-drnube-menu>.active>a>span:hover {
  background-color:#6356F3;
  color:#FFF;
} */

.navbar-drnube-menu>li>a>span {
  background-color:#FFF;
  border-radius:6px;
  border:1px solid #FFF;
  display:inline-block;
  cursor:pointer;
  color:#00000b;
  font-size:13px;
  font-weight: 500;
  padding:6px 16px;
  text-decoration:none;
  transition: 0.3s;
}

.navbar-drnube-menu>.active>a>span{
  background-color:#dcdbfc;
  border-radius:6px;
  border:1px solid #dcdbfc;
  display:inline-block;
  cursor:pointer;
  color:#00000b;
  font-size:13px;
  font-weight: 500;
  padding:6px 16px;
  text-decoration:none;
}

.navbar-drnube-menu>li>a>span:hover {
  background-color:#dcdbfc;
}

.navbar-nav > li > a {
  padding-right: 0px !important;
  padding-top: 12px;
  padding-bottom: 12px;
}

.marginH-v4 {
  margin-left: 12px;
  margin-right: 12px;
}

.text-gray {
  color: #7D7D7D;
}

.label-secundario {
  background-color: #CDCBFA;
}

.left {
  /* float: left;
  width: 125px;
  text-align: right;
  margin: 2px 10px;
  display: inline; */
  display: inline;
  margin-top: 12px !important;
}

.right {
  display: inline;
  margin-top: 12px !important;
}

.label-input-v4 {
  font-size: 14px !important;
  font-weight: 400 !important;
  /*line-height: 36px !important;*/
  line-height: 30px !important;
}

.label-input {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
}


/* Estilo Tabs v4 */

.nav-tabs {
  border-bottom: 1px solid #CDCBFA !important; 
}

ul.nav.nav-tabs>li:first-child{
  margin-left: 5px;
}

ul.nav.nav-tabs>li:first-child{
  margin-left: 0px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #CDCBFA;
  border-bottom-color: rgb(221, 221, 221);
  border-bottom-color: transparent;
  cursor: default;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 5px 5px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #CDCBFA;
}


/* Footer V4 */

.panel-footer {
  background-color: #fff !important;
  min-height:60px !important;
}

.padding-footer {
  padding: 10px 0px;
}

.icon-outline {
  font-weight:400 !important;
}

.item-action-icon {
  color:#6356F3 !important;
}

.border-bottom {
  border-bottom: 1px solid #CDCBFA;
}

.padding-widget {
  padding:0px 0px 16px 0px !important;
}

.btn-widget {
  margin: 12px 16px 0px 0px !important;
}

.empty-state-big {
  font-size: 21px;
  text-align: center;
  font-weight: 500;
  color: #DADADA;
  margin-top:12px !important;
}

.empty-state-support {
  font-size: 13px;
  text-align: center;
  font-weight: 400;
  color: #2C2F34;
  margin-top:12px !important;
}


.celda-paciente-nombre {
  margin-top: 10px !important;
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
  border-top: transparent;
}



.celda-tag {
  margin:10px 0px 0px 0px;
}

.sub-nav {
  background: #FFF !important;
  padding: 0px 24px;
}


.sub-nav > li > a {
  padding: 8px 0px !important;
  margin-right: 8px !important;
}

.dropdown-menu{
  background-color:#FFF;
  border:none !important;
  
}

.dropdown-menu >li > a{
  color:#444;
  padding:8px 12px;
}

.search-icon-nav {
  text-align: left !important;
  padding-left: 4px;
  width: 35px !important;
}




/* Estilo pagina del Menu */

.col-md-9 > .panel-menu > .panel-body{
	padding: 0 23px;
	padding-top: 5px;
}

/* .col-md-9 > .panel-menu > .panel-body > .row-fluid{
	margin-bottom: 30px;
} */

.col-md-9 > .panel-menu > .panel-body > .row-fluid-botton{
	padding: 0 15px;
}

.col-md-9 > .panel-menu > .panel-body > .row-fluid-botton > .btn,
.col-md-9 > .panel-menu > .panel-body > .row-fluid-botton > div > .btn{
	margin-bottom: 15px;
}

.col-md-9 > .panel-menu > .panel-body > .row-fluid-botton > .badge-info:hover {
	background-color: var(--background-color-info);
	cursor: default;
}

.user-button{
	margin-top: 40px;
}

.import-button{
	margin-bottom: 20px;
}

.col-md-9 > .panel-menu > .panel-body > .row-fluid-botton > form >.col-md-4{
	position: relative;
	left: -14px;
}

.row-fluid-margin{
	margin-top: 55px;
}

.margin-table > .dataTables_wrapper > .row{
	padding-left: 0 !important;
	padding-right: 0 !important;
} 

.row-fluid-history{
	margin-top: 45px;
}

.row-fluid-videocall{
	margin-top: 45px;
	padding: 0 32px !important; 
}

.image-create-account{
	margin-left: 0;
  border: none;
}

.config-page-center{
	display: flex;
	justify-content: center;
}

.config-page-footer{
	padding-left: 0px;
	border-top: none;
}

.note-frame{
	border-radius: 5px;
	overflow: hidden;
}



/* Estilos background de las paginas de configuracion */
.breadcrumb-option{
	display: flex;
	justify-content: center;
	background-color: transparent;
	/* color: #6c757d; */
}

.breadcrumb-option > li > a {
	color: #8585e8;
}


/* Estilos de las cards del dashboard */

.quick_aceess{
  
  border: 4px solid #2fa4e7;
  border-radius: 5px;
  padding:15px;
  background-color:white;
  margin-bottom:5px;


}

.carousel-indicators {
    bottom: 10px;
}

.carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}

.header-dashboard{
  min-height: 450px;
}

.header-dashboard h1{
  color:#fff;
}

.quick_access_container p{
  color:#fff;
  font-weight: bold;
  font-size: 15px;
}


.desktop-card{
  padding-left:20px;
  padding-right:20px;
  padding-top:15px;
}

.desktop-box-inner {
    border-radius: 5px;
    padding: 24px;
    
    color: white;
}

.time-image p{
  margin-bottom: 5px;
}


.desktop-box-inner-2{
  border-radius:5px;
  padding:15px;
  padding-top:25px;
  min-height:120px;
  color:white;
  cursor:pointer;
}



.desktop-box-inner-2:hover{
  background: #F5F5FE;
}

.desktop-box-inner-2 p{
  font-size:11px;
}


.desktop-row{
  padding-left:40px;padding-right:40px;
}

.desktop-image{
  background-image: url('/images/v4/img_calendar.png');
  background-position: right bottom; /*Positioning*/
    background-repeat: no-repeat; /*Prevent showing multiple background images*/
    background-size: 210px;

}

.qr-image{
  background-image: url('/images/v4/own-page.png');
  background-position: right bottom; /*Positioning*/
    background-repeat: no-repeat; /*Prevent showing multiple background images*/
    background-size: 130px;
  padding-right:24px;
  padding-bottom: 0px;
  background-origin: content-box;

}


.time-image{
  background-image: url('/images/time.png');
  background-position: right bottom; /*Positioning*/
   background-repeat: no-repeat; /*Prevent showing multiple background images*/
    background-size: 130px;

}

.float-left{
  float:left;
}


.col-desktop{
  padding-left:5px !important;
  padding-right:5px !important;
}

.panel-desktop{
  border-radius: 18px;
  min-height:200px;
  border:1px solid #CDCBFA !important;
}

.panel-desktop > .panel-heading{
  border-radius: 18px 18px 0px 0px;
}

.panel-heading {
  padding: 16px 15px !important;
}

@media screen and (min-width: 768px){
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
      margin-left: -29px;
  }

  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev {
      margin-left: -29px;
  }

}


#navigation_config_menu.dropdown.open{
  background: #fff;
  
}

#navigation_config_menu{
  padding-right:0px !important;
}

#navigation_config_menu>a{
  padding: 4px 20px 1px 15px !important;
}

.navbar-nav-v4 > li > a {
  padding:8px !important;
}

.table > tbody + tbody {
  border-bottom: 1px solid #DADADA;
}

.item-title {
  font-size:16px;
  margin:0px !important;
}

.item-title > span{
  font-size:13px;
  text-transform: uppercase;
  font-weight: 500;
  color: #7D7D7D;
}

.item-actions {
  padding-top: 12px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
 padding:8px;
 line-height:1.42857143;
 vertical-align:middle;
 border-top: 0px;
}

.table > tbody + tbody {
  border-top: none !important;
}

.btn-default{
	/* background-color: var(--background-color-default); */
	/* border: var(--background-color-default); */
  background-color: var(--background-color-default-hover);
  border: var(--background-color-default-hover);
	color: var(--color-default);
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  color: var(--color-default-hover);
  background-color: #d4d3e9;
  border-color: transparent;
}


.table-hover > tbody > tr:hover {
  background-color: #f0f4ff;
}

.back-red {
  background-color: #ff0000 !important;
}

.back-yel {
  background-color: #ff0 !important;
}

.back-green {
  background-color: rgb(20, 145, 40) !important;
}

.help-block {
  font-size: 12px !important;
  color: #7D7D7D;
}

.modal-header {
  min-height: 48px !important;
  background-color: #F1F3FF ;
  padding:12px 0px 12px 4px;
  border-radius: 5px 5px 0px 0px;
  
}

.modal-title {
  font-size: 16px;
  color: #736BA2;
}

.modal-footer {
  min-height: 66px !important;
  padding:12px !important;
  border: 0px;
}

.row-modal {
  margin-bottom: 10px;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #736BA2;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
  box-shadow: none !important;
}

.navbar-default .navbar-toggle {
  border-color: #bccdf3;
  background: #dfe9ff;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #6356F3;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #dfe9ff;
  /* -webkit-box-shadow: -1px 5px 8px 0px rgba(235,235,235,1);
  -moz-box-shadow: -1px 5px 8px 0px rgba(235,235,235,1);
  box-shadow: -1px 5px 8px 0px rgba(235,235,235,1); */
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: transparent;
}

.navbar-form{	
	position: relative;
	left: -9px;
}

.sub-nav{
  width: 100%;
  display: flex; 
  justify-content: center;
}

.ocultar{
  display: none !important;

}

.display-none{
  display: none !important;

}


@media (min-width: 1150px){
  .hide-XL {
      display: none !important;
  }
  
}

@media (max-width: 1150px){
	.hide-SM {
		display: none !important;
	}

	/* .sub-nav{
		width: 100%;
		display: inherit; 
		justify-content: normal;
	} */

	.error-img{
		width:300px;
	}

	.title-error{
		margin: 20px 0px; 
		font-size: 3rem; 
	}
}


.colorpicker{
  z-index:100;
}

.bootstrap-datetimepicker-widget.dropdown-menu{
  z-index:1200 !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
  color: #00000b !important;
}



/* patients */

 table.drnube-patient-table > tbody > tr{
  border: 1px solid #EFEFEF !important;
 }





/* DASHBOARD */
.quick_aceess{
  
  border: 4px solid #2fa4e7;
  border-radius: 5px;
  padding:15px;
  background-color:white;
  margin-bottom:5px;


}

.carousel-indicators {
    bottom: 10px;
}

.carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}

.header-dashboard{
  min-height: 450px;
}

.header-dashboard h1{
  color:#fff;
}

.quick_access_container p{
  color:#fff;
  font-weight: bold;
  font-size: 15px;
}


.desktop-card{
  padding-left:20px;
  padding-right:20px;
  padding-top:15px;
}

.desktop-box-inner {
    border-radius: 5px;
    padding: 24px;
    
    color: white;
}

.time-image p{
  margin-bottom: 5px;
}


.desktop-box-inner-2{
  border-radius:5px;
  padding:15px;
  padding-top:25px;
  min-height:120px;
  color:white;
  cursor:pointer;
}

.desktop-box-inner-2 p{
  font-size:11px;
}


.desktop-image{
  background-image: url('/images/v4/img_calendar.png');
  background-position: right bottom; /*Positioning*/
    background-repeat: no-repeat; /*Prevent showing multiple background images*/
    background-size: 210px;

}

.qr-image{
  background-image: url('/images/v4/own-page.png');
  background-position: right bottom; /*Positioning*/
    background-repeat: no-repeat; /*Prevent showing multiple background images*/
    background-size: 130px;
  padding-right:24px;
  padding-bottom: 0px;
  background-origin: content-box;

}


.time-image{
  background-image: url('/images/laptop.png');
  background-position: right; /*Positioning*/
  background-repeat: no-repeat; /*Prevent showing multiple background images*/
  background-size: 130px;
  background-position: right;
  background-size: 236px;

}

.float-left{
  float:left;
}


.col-desktop{
  padding-left:5px !important;
  padding-right:5px !important;
}

.panel-desktop{
  border-radius: 18px;
  min-height:200px;
  border:1px solid #CDCBFA !important;
}

.panel-desktop > .panel-heading{
  border-radius: 18px 18px 0px 0px;
}

@media screen and (min-width: 768px){
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
      margin-left: -29px;
  }

  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev {
      margin-left: -29px;
  }

}


@media screen and (max-width:600px){
  	.container-drnube{
    	min-height:650px;
    	margin-top:55px
  	}

    .common-margin-v4 {
      margin-top: 5px;
      margin-left: -15px;
      margin-right: -15px;
      padding:0px;
    }
}

@media screen and (min-width:600px){
  .container-drnube{
    min-height:650px;
    margin-top:135px
  }

  .common-margin-v4 {
    margin-top: 0px;
    margin-left: 12px;
    margin-right: 12px;
  }
}


.saldo-title {
    font-size: 16px !important;
    font-weight: normal;
    margin: 4px 0px;
}

.saldo-value {
  font-size: 24px !important;
  font-weight: 700;
  margin: 4px 0px;
}

.balance-icon {
  width: 60px;
  height: 60px;
  float: left !important;
}

.balance-text {
  margin-left: 16px;
  float: left;;
}

.card-balance {
  border-radius: 10px !important;
  padding:15px;
  padding-top:25px;
  min-height:120px;

  color:white;
  cursor:pointer;
  margin:0 auto;
}


.blzvQB.launcher-button{
  background:#211989 !important;
}

.padding-info{
	padding-bottom: 30px ;
}

.modal-content > .modal-header, .modal-content > form > .modal-header{
	padding-left: 15px;
	padding-right: 15px;
}

.modal-content > .modal-header:only-child{
	padding-left: 0px;
	padding-right: 0px;
}

.clock-container{
	position: relative;
}

.clock{
	position: absolute;
	right: 0;
	top: -10px;
}

.navbar-nav > li > a > span > div {
  padding: 5px 9px;
}

.navbar-nav > li > a > span > div {
	display: inline-block; 
	width: 24px; 
	position: relative;
}

.navbar-nav > li > a > span > div > img {
	position: absolute;
	top: -7px;
  left: -6px;
}

.navbar-arrow {
  margin-right: 0px !important;
}



@media only screen and (min-width: 871px) and (max-width: 1150px) {
  .navbar-nav > li > a > span > div {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: space-around;
  }

  .navbar-nav > li > a > span > div > img {
    position: initial; 
    top: 0;
    left: 0;
    margin-left: initial;
  }

  .navbar-nav > li:last-child > a > span{
    height: 68px;
    padding-top: 23px;
  }

  .navbar-nav > li:last-child > a > span > {
    margin-right: 0;
  }
}



/* menu responsive */
@media (max-width: 1000px) {
	.height-nav{
		width: 100%;
		padding-right: 0px;
	}
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.collapse.in{
		display:block !important;
	}
}

@media (max-width: 870px) {
	.navbar-nav>li {
		float: none;
	}

	.sub-nav {
		width: 100%;
		display: inherit;
		justify-content: normal;
	}	
}

@media (max-width: 767px){
	.navbar-nav .open .dropdown-menu {
		position: static;
		box-shadow: 0 5px 7px rgb(0 0 0 / 7%);
		display: inline-block;
	}
	.dropdown-menu li>a:hover {
		background: #CDCBFA !important;
	}
	.dropdown-menu >li > a {
		padding: 8px 12px;
	}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 8px 12px;
	}
}

.main__user-name {
  position: relative;
  top: 7px;
  display: inline-block;
  width: 75%;
  overflow: hidden;
  line-height: 26px;
  text-overflow: ellipsis;
}

.dropdown-toggle-user-mobile{
	display:inline-block; 
	height:100%; 
	width: auto; 
	color: #2C2F34; 
	text-decoration: none; 
	border-radius:5px;
	background-color:#f0f4ff; 
}

.dropdown-toggle-user-mobile:hover, .dropdown-toggle-user-mobile:focus{
	background-color: #E0DFFB;
	text-decoration: none;
	color: #2C2F34;
}

.sub-config-menu > li > a {
	padding: 8px 0 !important;
}

.sub-config-menu > li > a > span > i {
	width: 1.5em;
}



/* Icono calendario inferior izquierdo */
.icon-arrow-left::before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f104";
	font-style: normal;
}
.icon-arrow-right::before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
	font-style: normal;
}


/* Dashboard */
.check_circle{
	margin-left: 7px;
}
/* events dashboard and public type */
#table-events-dashboard .nav-pills>li>a:hover, #table-events-dashboard  .nav-pills>li>a:focus,
#options_public_type .nav-pills>li>a:hover, #options_public_type  .nav-pills>li>a:focus{
  /* background-color: #E5E4FC !important; */
  text-decoration: none;
  background-color:#dbe2ff;
  color:none !important;
  border-radius: 6px !important;
}
#table-events-dashboard .nav-pills>li.active>a, #table-events-dashboard .nav-pills>li.active>a:hover, #table-events-dashboard .nav-pills>li.active>a:focus,
#options_public_type .nav-pills>li.active>a, #options_public_type .nav-pills>li.active>a:hover, #options_public_type .nav-pills>li.active>a:focus{
  background-color:var(--background-color-primary);
  color: var(--color-white);
  border-radius: 6px !important;
  margin: 6px 0px;
  color: var(--color-white) !important;
}
#table-events-dashboard .nav > li:not(.active) > a,
#options_public_type .nav > li:not(.active) > a {
  text-decoration: none;
  background-color:#dbe2ff;
  border-radius: 6px !important;
  color: var(--color-default) !important;
}
#table-events-dashboard .nav-pills > li,
#options_public_type .nav-pills > li {
  padding: 0px 5px;
}

/* buttons outline */
.btn-outline-danger {
  color: var(--background-color-danger);
  border-color: var(--background-color-danger);
  background: var(--background-color-default);
}
.btn-outline-danger:hover {
  color: var(--color-danger-hover);
  background-color: var(--background-color-danger-hover);
  border-color: var(--background-color-danger-hover);
}

.btn-outline-success {
  color: var(--background-color-success);
  border-color:var(--background-color-success);
  background: var(--background-color-default);
}
.btn-outline-success:hover {
  color: var(--color-success-hover);
  background-color: var(--background-color-success-hover);
  border-color: var(--background-color-success-hover);
}

.btn-outline-special{
  background-color: #dfe9ff;
  color: #5e5e5e;
  font-weight: bold;
  border: 2px solid var(--background-color-primary);
}
.btn-outline-special:hover, .btn-outline-special:focus{
  background-color: #dfe9ff;
  color: #5e5e5e;
  font-weight: bold;
  border: 2px solid var(--background-color-primary);
  text-decoration: none;
}

/* tootltip */
.violet-tooltip + .tooltip > .tooltip-inner {
  background-color: var(--background-color-primary);
  color: var(--color-primary);
}

@media (max-device-width: 992px) {
  .desktop-box-inner {
    height: auto !important;
  }
}

@media (max-device-width: 768px) {
  /* .desktop-box-inner {
    display:none  !important;
  } */
}
/* dashboard-end */















.option-link-secondary {
  display: inline-block;
  padding: 10px 12px;
  border-radius: 5px;
  font-weight: 400 !important;
  color: #fff !important;
}

.option-link-secondary:hover {
	text-decoration: none;
  background-color: #7f74f7;
}

.account-office > .panel-info > .panel-body-account > .account-nav > li:first-child {
/* .office-card > .panel-body-account > ul > li:first-child{ */
  display: inline-block;
  color: white !important;
  background-color: #6356f3;
  border-radius: 5px;
}


.account-office > .panel-info > .panel-body-account > .account-nav > li:first-child > a:hover {
  background-color: #4334ed;
  color: white !important;
}

.account-office > .panel-info > .panel-body-account > .account-nav > li:first-child > a {
  color: white !important;
}

.option-card-img { 
  height: 90%;
  width: 29%;
  bottom: 11px;
  right: 41px;
  position: absolute;
  background-color: #c8c9f5 !important;
  background-image: url(/images/own-page.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 108px;
  background-position: bottom right;
}

.account-card-buttons {
  position: relative;
  top: -15px;
  margin-bottom: -23px;
}

.account-office-btn {
  margin-bottom: 4px;
}

.account-office-btn--whatsapp {
  background-color: #009493;
  color: #FFF !important;
}

.account-office-btn--whatsapp:hover {
  background-color: #01adad;
  color: #FFF !important;
}

.form-control:focus {
  border-color: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.panel-whatsapp > div > div > div > h4 {
  color: #6153f3 !important;
}

.modal-whatsapp-template{
  max-width: 500px;
}

.modal-whatsapp-template textarea {
  height: 115px;
  border-radius: 7px !important;
  border: 1px solid var(--background-color-primary);
  resize: none;
}

.modal-whatsapp-template .modal-body {
  padding: 0 40px !important;
  padding-top: 43px !important;
}

.modal-whatsapp-template .modal-footer {
  padding: 0 40px !important;  
  padding-top: 12px !important;
  padding-bottom: 22px !important;
}

.btn-modal-whatsapp {
  display: flex;
  justify-content: center;
  padding: 10px 0px;
  font-size: 17px;
}

.btn-remember {
  color: #fff;
  background-color: #00d1d1;
}
.btn-remember:hover {
  color: #fff;
  background-color: #01baba;
}

.btn-tertiary {
  background-color: var(--background-color-default-hover);
  text-decoration: none !important;
  color: var(--color-default-hover);
}

.btn-tertiary:hover {
  background-color: #d0cfe9;
  text-decoration: none !important;
  color: var(--color-default-hover);
}

.btn-modal-whatsapp > img {
  margin-right: 7px;
}

.dashboard-events {
  padding-left: 5px;
}

.dashboard-event {
  display: flex;
  justify-content: space-between;
  height: 57px;
  padding: 0 4px;
  margin-bottom: 9px;
  border-radius: 6px;
  background-color: #f5f5fe;
  border: 1px solid #CDCBFA;
  border-left: 8px solid;
  cursor: pointer;
}

.dashboard-event:hover {
  background-color: #e2eafd !important;
}

.dashboard-event > td > div > span {
  display: inline-block;
  width: 150px;
  font-size: 16px;
}
.dashboard-event > td > div > span > img {
  position: relative;
  top: -1px;
}

.dashboard-events__buttons {
  display: flex;
}

.dashboard-events__buttons > button {
  height: 32px;
  width: 32px;
  margin: 0 3px;
}

.dashboard-events__buttons > .btn-confirm {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
}

.dashboard-events__buttons > button > i {
  position: relative;
  top: 1px;
  left: -1px;
  font-size: 16px;
}

.order-event > td {
  padding-right: 0 !important;
}

.order-event-card {
  overflow: hidden;
  border-radius: 6px;
  background-color: #f5f5fe;
  border: 1px solid #CDCBFA;
  border-left: 8px solid;
  cursor: pointer;
}

.order-event-card > table {
  background-color: #f5f5fe !important;
}

.order-event__hour {
  padding-top: 3px;
  font-size: 17px;
}

.order-event__hour > img {
  position: relative;
  top: -2px;
}

.order-event__date {
  width: 212px;
}

.order-event__patient {
  width: 185px;
}

.order-event__calendar {
  width: 195px;
}

.order-event__status {
  width: 95px;
}

.order-event__buttons {
  width: 147px;
}

.order-event__buttons > button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  margin: 2px 0px;
}

.order-event__buttons > button > .fa-whatsapp {
  font-size: 15px;
}

.order-event__buttons > button > .fa-check-square {
  font-size: 15px;
}

.whatsapp-actions {
  top: 1px;
  position: relative;
  margin-right: 6px;
  font-size: 16px;
}

#modal_send_whatsapp > .modal-dialog > .modal-content .modal-body {
  padding: 18px 16px !important;
}

#modal_send_whatsapp > .modal-dialog > .modal-content .modal-footer {
  margin-right: 16px !important;
}

.whatsapp-modal__patient, .whatsapp-modal__number{
  font-size: 16px;
  margin: 0;
  margin-bottom: 10px;
}

.whatsapp-modal__patient > span, .whatsapp-modal__message > span, .whatsapp-modal__number > span{
  display: inline-block;
  width: 92px;
  color: #2C2F34;
}

.whatsapp-modal__message {
  margin-top: 29px;
}

.whatsapp-modal__alert {
  margin-top: 29px;
}

.whatsapp-modal__alert > i {
  color: #ec4162
}

.pending-card__icon {
  margin-left: 8px;
  margin-right: 5px;
}

.pending-card__icon:hover {
  text-decoration: none;
}

.style-picker > div > label {
  margin-right: 15px;
}

.style-picker > div > label > img {
  height: 230px;
  border-radius: 22px;
  border: 1px solid;
  opacity: 1;
}

.img-checked {
  opacity: 1;
  border-radius: 10%;
  border-color: #6355f3 !important;
  outline: 4px solid #6355f3;
}

.offices-container {
  border-radius: 30px ;
  padding: 10px;
  padding-bottom: 20px;
  background-color: #f2f4fb;
}

.offices-container__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 17px;
}

.offices-container__list > .panel-heading {
  padding: 0 0 !important;
  margin-bottom: 25px;
}

.offices-container__list {
  background-color: transparent; 
}

.offices-container__office {
  padding: 10px 0;
  margin-bottom: 0;
  border-radius: 0 !important;
  background-color: transparent;
  border: none !important;
  border-top: 1px solid #eeeeee !important;
}

.offices-container__office > div {
  border-radius: 30px;
}

.offices-container__office > div:hover {
  background-color: #e3e8f8;
}

@media (max-width: 575px){
  .offices-page {
    padding: 0;
  }

  .offices-container {
    border-radius: 0;
  }

  .offices-container__list > .panel-body {
    padding: 15px 3px;
  }
}

.input-error {
  display: none;
  margin-top: 5px;
  color: var(--background-color-danger);
}

.show-message {
  display: inline-block;
}



.balance__table-container {
  margin-top: 8px;
}

.balance__table {
  border: none;
  font-family: 'Open Sans', sans-serif;

}

.balance__table th{
  background-color: #edf2f9;
  border: none !important;
  width: 100px !important;
  color: #344050 !important;
}

.balance__table th:nth-child(1n){
  width: 18.6% !important;
}

.balance__table th:nth-child(2n){
  width: 17.6% !important;
}

.balance__table th:nth-child(3n){
  width: 13.6% !important;
}

.balance__table th:nth-child(4n){
  width: 25% !important;
}

.balance__table th:nth-child(5n){
  width: 19% !important;
}

.balance__table th:nth-child(6n){
  width: 40px !important;
}

.balance__table td{
  border: none !important;
  padding: 16px 8px !important;
  font-size: 15px;
  color: #5e6e82;
  border-bottom: 1px solid #edf2f9 !important;
}

.balance__table .balanced__dropdown  button{
  background-color: transparent;
  border: none;
  color: #5e6e82;
  padding: 3px 12px;
  padding-top: 4px;
}

.balance__table > tbody > tr:hover {
  background-color: transparent;
}

.balance__table > tbody > tr:hover .balanced__dropdown  button{
  background-color: transparent;
  box-shadow: #5e6e82 0px 0px 3px 0px;
  color: #5e6e82;
}

.balance__table .balanced__dropdown > .dropdown-menu {
  top: -2px;
  left: -160px;
  padding: 10px 0px;
  border-radius: 4px;
  box-shadow: #5e6e82 0px 0px 3px 0px;
}

.balance__table .balanced__dropdown > .dropdown-menu > a{
  display: block;
  padding: 6px 0px;
  color: #00000b;
}

.balance__table .balanced__dropdown > .dropdown-menu > a:hover{
  text-decoration: none;
  background-color: #e7ecfa;
}

.balance__table .balanced__dropdown > .dropdown-menu > a > i {
  justify-content: center;
  display: inline-flex;
  width: 17px;
  margin-left: 11px;
  margin-right: 12px;
  font-size: 17px;
}

.balance__table .fa-wallet {
  color: #0bbf0b;
}

.balance__table .fa-print {
  color: #5a4ee0;
}

.balance__table .fa-trash-alt {
  color: #e8395b;
}

.balance__table .progress {
  height: 8px;
  width: 85%;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}

.balance__table .balance-collect {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
  color: #6b25ff;
}

.balance__table .progress-bar {
  border-radius: 50px;
  background-color: #6b25ff;
}

.balance__table .progress-bar-success {
  background-color: #35ca28;
}

.balance-collect--full {
  color: #35ca28 !important;
}

.balance-table__client {
  margin-bottom: 0;
  font-weight: 600;
  color: #6b25ff;
}

.balance-modal .card-balance {
  display: flex;
  justify-content: center;
}

.balance-modal .balance-text {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.balance-date {
  margin-bottom: 1px;
}

.balance-hour {
  margin-bottom: 0px;
}
.balance__type  {
  display: inline;
  padding: 4px 11px;
  margin: 0;
  border-radius: 50px;
  font-size: 13px;
  background-color: #fcb5b5;
}

.balance__type--collection {
  /* background-color: #e330ef;
  color: #fcc3ff; */
  
  color: #9d5228;
  background-color: #fde6d8;
}

.balance__type--sale {
  /* color: #378687;
  background-color: #41eff0; */
  
  color: #00864e;
  background-color: #ccf6e4;
}

.balance__table-container .dataTables_length{
  display: none;
}

.balance__column {
  cursor: pointer;
}

.balance__column:hover {
  background-color: #fbfbff !important;
}

.balance-modal .balance-modal__description {
  margin-bottom: 35px;
}

.card-balance--blue {
  background-image: url('/images/v4/bg-blue.png');
  background-size: 132px;
  background-repeat: no-repeat;
  background-position: right;
}

.card-balance--orange {
  background-image: url('/images/v4/bg-orange.png');
  background-size: 132px;
  background-repeat: no-repeat;
  background-position: right;
}

.card-balance--green {
  background-image: url('/images/v4/bg-green.png');
  background-size: 132px;
  background-repeat: no-repeat;
  background-position: right;
}








.balance-circle {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

.balance-circle__box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: calc(100% - 50px);
	height: calc(100% - 50px);
	border-radius: 50%;
}

.balance-circle__box::before {
  box-sizing: content-box;
    position: absolute;
    content: '';
    width: calc(100% + 11px);
    height: calc(100% + 11px);
    border-radius: 50%;
    border: 19px solid #f5f5f5;
}

.balance-circle__box .number .num {
	font-size: 35px;
	font-weight: bold;
}

.balance-circle__box .number .sub {
	font-size: 20px;
}

.balance-circle__box .title {
	font-size: 15px;
	color: #9b9b9b;
}

.balance-circle__svg {
	position: absolute;
	width: 100%;
	height: 100%;
	fill: none;
	transform: rotate(-90deg);
}

.balance-circle__circle {
    stroke: url(#gradientStyle);
    stroke-width: 19px;
    stroke-dasharray: 503;
    stroke-dashoffset: 503;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    transition: 2s stroke-dashoffset;
}







.new-panel {
  position: relative;
  top: -20px;
  background-color: transparent;
  border: none !important;
}

.new-panel > .panel-heading {
  background-color: transparent;
  border-bottom: none;
}

.new-panel__title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-weight: 700;
}

.new-panel__subtitle {
  margin-top: 7px;
  font-size: 17px;
  color: #78787e;
}

.new-panel__buttons {
  display: inline-flex;
  margin-right: 22px;
}

.new-panel__buttons > .btn-group {
  box-shadow: none;
}

.new-panel__buttons .btn {
  color: #494752;
  background-color: #fff;
  border: 1px solid #e7e4ff;
  border-left: none;
  border-radius: 0 !important;
  padding-left: 23px;
}

.new-panel__buttons .dropdown:first-child > .btn,
.new-panel__buttons > .btn-group:nth-child(2) > .btn {
  border-radius: 5px 0px 0 5px !important;
  border-right: 1px solid #e7e4ff;
  border-left: 1px solid #e7e4ff;
}

.new-panel__buttons .dropdown:last-child > .btn,
.new-panel__buttons > .btn-group:last-child > .btn { 
  border-radius: 0px 5px 5px 0px !important;
  /* border-left: none; */
}

.new-panel__buttons .dropdown-menu li>a:focus {
  background: #CDCBFA !important;
}

.new-panel__buttons .caret {
  border-top-color: #494752;
}

.action-bar .row {
  display: flex;
  flex-wrap: wrap;
}

.action-bar .action-filters {
  display: flex;
  margin-right: auto;
}

.action-bar__form {
  display: inline-block;
  width: 255px;
  margin-right: 22px;
  border: none;
  border-radius: 5px !important;
}

.new-panel__btn-action {
  position: relative;
  left: 8px;
  display: inline-block;
  margin-left: auto;
}

.action-bar__form,
.new-panel__buttons .dropdown > .btn,
.new-panel__btn-action,
.btn__new-panel {
  height: 38px;
}

.new-panel__content {
  margin-top: 28px;
}

.new-panel__content > .table-responsive > .text-right {
  display: none;
}

table.drnube-patient-table > tbody > tr {
  border: transparent !important;
  padding-right: 25 !important;
}


.drnube-patient-table tr > td:first-child{
  padding-left: 25px;
}

.balance__table {
  background-color: #fff;
}

.balance__table th {
  background-color: #d0d7f2;
}

.balance__table--row {
  padding: 0 10px;
}

.btn__new-panel {
  display: inline-block;
  padding: 9px 15px;
  margin-left: auto;
  color: #fff;
  border-radius: 5px;
  background-color: var(--background-color-primary);
}

.btn__new-panel:hover {
  color: #fff;
  text-decoration: none;
}

.drnube-patient-table tr {
  background-color: #fff;
}

.drnube-patient-table tr:hover {
  background-color: #f2f2f2 !important;
}

.new-panel .panel-body {
  padding-top: 37px !important;
  background-color: #fff;
  border-radius: 10px;
}

.new-panel .panel-heading {
  padding-left: 0 !important;
}

.new-panel .action-bar input,
.new-panel .select2-choices,
.new-panel .select2-container {
  background-color: #f1f4ff !important;
  width: 218px;
}

.new-panel .action-bar input::placeholder {
  color: #7e7b7b;
}

/* .new-panel .action-buttons{
  margin-left: auto;
} */



.new-table {
  font-family: 'Open Sans', sans-serif;
}

.new-table th {
  background-color: #d0d7f2;
  border-bottom: none !important;
}

.new-table td,
.table-creditcard {
  font-size: 15px;
  color: #5e6e82;
}

.table-creditcard {
  display: inline-block;
}

.new-table .img-circle {
  margin-right: 16px;
}

.new-table .table-user-name {
  margin-bottom: 0;
  font-weight: 400;
  color: #6b25ff; 
}


.new-table td {
  padding: 0 !important;
}

.new-table__card {
  background-color: #fdfdff;
  /* background-color: #fbfbff; */
  height: 70px;
  width: 100% !important;
  padding: 8px;
  display: flex;
  align-items: center;
  margin: 7px 0px;
  border-top: 1px solid #f0efff;
  border-bottom: 1px solid #f0efff;
}

.new-table__td--progress {
  width: 182px;
}

.new-table__card--adjust-checkbox > input {
  margin-left: 5px;
}

.new-table__card--progress {
  display: block;
  padding-top: 16px;
}

.new-table__card--name {
  padding-left: 40px;
}

.new-table__card--event-date {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.new-table td:first-child .new-table__card {
  border-left: 1px solid #f0efff;
  border-radius: 5px 0 0 5px;
}

.new-table td:last-child .new-table__card {
  margin-right: 0;
  border-right: 1px solid #f0efff;
  border-radius: 0 5px 5px 0;
}

.new-table td:last-child {
  padding-right: 0px !important;
}

.new-table__card--checkbox {
  padding-left: 25px;
}

.new-table__card--checkbox > input {
  margin-top: 0;
}

.new-table tr:hover {
  background-color: transparent !important;
}

.new-table tr:hover > td > div {
  background-color: #f0f0ff;
}

.client-tag {
  max-height: 57px;
  overflow-y: auto;
  margin: 0;
  color: #c63bcf !important;
}

.new-table .table__dropdown  button{
  background-color: transparent;
  border: none;
  color: #5e6e82;
  padding: 3px 12px;
  padding-top: 4px;
}

.new-table tr:hover .table__dropdown  button {
  background-color: transparent;
  box-shadow: #5e6e82 0px 0px 3px 0px;
  color: #5e6e82;
}

.new-table .table__dropdown > .dropdown-menu {
  top: -2px;
  left: -160px;
  padding: 10px 0px;
  border-radius: 4px;
  box-shadow: #5e6e82 0px 0px 3px 0px;
}

.new-table .table__dropdown > .dropdown-menu > a{
  display: block;
  padding: 6px 0px;
  color: #5a697d;
}

.new-table .table__dropdown > .dropdown-menu > a:hover,
.new-table .table__dropdown a:hover > i {
  text-decoration: none;
  background: #e7ecfa;
}

.new-table .table__dropdown > .dropdown-menu > a > i {
  justify-content: center;
  display: inline-flex;
  width: 17px;
  margin-left: 11px;
  margin-right: 8px;
  font-size: 17px;
}

.new-table .table__dropdown .fa-whatsapp {
  color: #0bbf0b;
}

.new-table .table__dropdown .fa-calendar-check {
  color: #FF834A;
}

.new-table .table__dropdown .fa-wallet {
  color: #0bbf0b;
}

.new-table .table__dropdown .fa-print {
  color: #5a4ee0;
}

.new-table .table__dropdown .fa-trash-alt {
  color: #e8395b;
}

.new-table__card--progress .progress {
  height: 8px;
  width: 85%;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}

.new-table__card--progress .balance-collect {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
  color: #6b25ff;
}

.new-table__card--progress .progress-bar {
  border-radius: 50px;
  background-color: #6b25ff;
}

.new-table__card--progress .progress-bar-success {
  background-color: #35ca28;
}

.payment-completed-circle {
  background-color: #35ca28 !important;
}

.payment-completed-text {
  color: #35ca28 !important;
}

.table-responsive {
  margin: 0px 10px !important;
}

.table.dataTable {
  margin-top: 0 !important;
}

.massive-actions,
.extra-info {
  display: inline-flex;
  align-items: center;
  min-width: 52px;
  height: 40px;
  padding: 0 30px;
  margin-bottom: 8px;
  border-radius: 5px;
}

.massive-actions > input {
  margin-top: 0;
}

.massive-actions__buttons {
  width: 0;
  margin-left: 0;
  overflow: hidden;
  transition: all .15s ease;
  width: auto;
  margin-left: 30px;
}

.massive-actions__buttons.massive-actions__buttons--active a{
  pointer-events: inherit; 
}

.massive-actions__buttons a{
  pointer-events: none;
}

.massive-actions__separate {
  display: inline-block;
  top: 3px;
  position: relative;
  height: 21px;
  width: 1px;
  margin: 0 10px;
  background-color: #cfc7f8;
}

.massive-actions__button,
.massive-actions__button:hover {
  padding: 0 14px;
  font-size: 20px;
  color: #cfc7f8;
}

.massive-actions__buttons--active .massive-actions__button--whatsapp {
  color: #0bbf0b;
  text-decoration: none;
}

.massive-actions__buttons--active .massive-actions__button--export {
  color: #694efc;
  text-decoration: none;
}

.massive-actions__buttons--active .massive-actions__button--check {
  color: #01d301;
  text-decoration: none;
}

.massive-actions__buttons--active .massive-actions__button--cancel {
  color: #ff5368;
  text-decoration: none;
}

.table-responsive {
  overflow-x: visible;
}

.balance-total {
  padding: 0;
  background-color: transparent;
}

.balance-total__card {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0px 14px;
  margin-right: 9px;
  border-radius: 5px;
  background-color: #dae0ff;
  color: #686868;
}

.balance-total__card--out {
  color: #00864e;
  background-color: #ccf5e4;
}

.balance-total__card--in {
  color: #6b25ff;
  background-color: #e5d6ff;
}

.balance-total__card--balance {
  color: #bb100e;
  background-color: #ffd9d9;
}

.balance-total__card > span {
  font-weight: 700 !important;
}

.new-table__footer {
  padding: 0;
}

.new-table__card--buttons {
  justify-content: right;
}

.new-table__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  margin-right: 8px;
  color: #fff;
  border-radius: 5px !important;
}

.new-table__btn:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.new-table__btn--whatsapp > i {
  font-size: 20px;
}

.new-table__btn--check,
.new-table__btn--whatsapp {
  background-color: #01d301;
}

.new-table__btn--action {
  background-color: #694efc;
}

.new-table__btn--cancel {
  background-color: #ff5368;
}

.new-table__btn > i {
  font-size: 16px;
}

.new-table__btn--whatsapp > i {
  font-size: 20px;
}

.new-table__btn--balance > i {
  font-size: 14px;
}


.preview-page__buttons {
  position: fixed;
  top: 80px;
  display: flex;
  justify-content: space-around;
  width: 314px !important;
  margin: 0 15px;
  /* transform: scale(0.75); */
}

.btn-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  width: 135px;
  font-size: 16px;
  color: #4c4c4c;
  border: none;
  border: 2px solid black;
  border-radius: 5px;
  margin: 9px;
}

.btn-preview > a {
  color: inherit;
}

.btn-preview > a:hover {
  text-decoration: none;
}

.btn-preview > i {
  margin-right: 5px;
  margin-bottom: 2px;
  color: inherit;
}

.btn-preview--visualize {
  display: none;
  background-color: transparent;
  color: #6b25ff;
  border-color: #6b25ff;
}

.btn-preview--link {
  background-color: transparent;
  color: #6b25ff;
  border-color: #6b25ff;
}

.btn-preview--link:focus {
  color: #6b25ff !important;
}

.btn-preview--save {
  color: #fff;
  background-color: #6b25ff;
  border-color: #6b25ff;
} 

.btn-preview--save:hover {
  color: #fff;
  text-decoration: none;
}

.config-page {
  top: -8px
}

.config-page .panel-default {
  border: none !important;
  background-color: transparent;
}

.config-page .panel-heading{
  padding: 0 !important;
  border: none !important;
  background-color: transparent;
}

.config-page .panel-body{
  background-color: transparent;
}

.config-page .config-section{
  padding-top: 30px;
  padding-bottom: 15px;
  margin-bottom: 50px;
  background-color: #f1f4ff !important;
  border-radius: 20px;
}

.config-section-title {
  margin-bottom: 22px;
  font-size: 23px;
}

.config-section-title--principal {
  max-width: 404px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  font-size: 29px;
}

.config-page input,
.config-page textarea,
.config-page .form-control.select2-container,
.config-page .input-group-addon,
.config-page .select2-choices,
.config-page .iti__selected-flag {
  background-color: #F2F4FE !important;
  background: #ffffff !important;
  border: none;
  border-radius: 5px !important;
  box-shadow: none;
  
}

.config-page textarea {
  height: 85px;
  resize: vertical;
  padding-bottom: 30px;
}

.config-page #account_code {
  border-radius: 0 5px 5px 0 !important;
  font-size: 18px;
}

.config-page .input-group-addon {
  border-radius: 5px 0 0 5px !important;
  padding-right: 2px;
  font-size: 18px;
}




.container__btn-preview {
  position: fixed;
  display: none;
  bottom: 30px;
  z-index: 500;
  width: 100%;
}

.btn__preview-page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 170px;
  font-size: 16px;
  color: #fff;
  background-color: #e330ef;
  border-radius: 500px !important;
}

.btn__preview-page:hover {
  color: #fff;
}

.btn__preview-page > i {
  margin-right: 7px;
}

.preview-account-page {
  display: flex;
  justify-content: center;
}

.close-preview {
  z-index: 999;
  display: none;
  position: fixed;
  top: 137px;
  right: calc(50% - 164px);
  cursor: pointer;
}

.close-preview__btn {
  width: 50px;
  height: 50px;
  background-color: #c8c6c6;
}

.config-page-container {
  top: -70px;
}

.preview-page__buttons--movil {
  display: none;
}

.preview-page__buttons--disabled {
  display: none !important;
}

.config-page__image-cropper {
  width: 118px;
  margin-left: auto;
  margin-right: auto;
}

.config-page .table-responsive {
  border: none;
}

.config-section__media {
  display: flex;
}

.config-section__media > div {
  width: 100%;
}

.config-section__links tr > td:first-child {
  padding-left: 0 !important;
}

.config-section__links tr > td:nth-child(3) > div {
  min-width: 183px !important;
}

.config-page__buttons-actions {
  z-index: 1000;
  position: fixed;
  top: 56px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  padding-top: 0px;
  width: 100%;
  background-color: #fafbff;
  box-shadow: 0px 1px 1px 0px #eceffb;;
}

.config-page__buttons-actions--desktop {
  right: auto;
}

.config-page__buttons-actions--desktop > .btn-preview--save {
  position: relative;
  right: -74px;
}

.config-page__buttons-actions--desactive {
  display: none;
}

.config-page__buttons-actions > a {
  text-decoration: none !important;
}

.emoji-button__container {
  position: relative;
  top: -65px;
  height: 0;
}

.emoji-button {
  display: block;
  margin-left: auto;
  font-size: 14px !important;
}

.style-card__container {
  display: flex;
  overflow: scroll;
  padding-top: 4px;
  padding-left: 4px;
}

.config-page .fa-grip-horizontal {
  cursor: grab;
}

#drn-principal_container {
  padding-left: 0;
}

.action-filters__btn {
  display: none;
}

.service-tipe-check li {
  width: 130px;
}

.service-tipe-check li a {
  padding: 10px 0;
}

.navbar-wellb__name-container {
  display: flex !important;
  align-items: center;
}

.navbar-wellb__emoji {
  width: 20px;
  margin-right: 5px;
}

.title__emoji {
  width: 33px;
  margin-right: 7px;
}

.desktop-card__link {
  display: inline-block;
  height: 32px;
  padding: 6px 14px;
  margin-bottom: 5px;
  cursor: copy;
}

@media (max-width: 992px) {
  .config-page {
    top: 0;
  }

  .container__btn-preview {
    display: flex;
    justify-content: center;
  }

  .container__btn-preview--desactive {
    display: none;
  }

  .preview-account-page {
      display: none !important;
  }
  
  .show__preview-account-page {
    display: flex !important;
  }

  .close-preview--active {
    display: block;
  }

  .config-section {
    padding: 0;
  }
  
  .style-card {
    margin: 3px 7px;
  }

  .style-card > br, 
  .style-card > p {
    display: none;
  }

  .style-card > img {
    height: 125px !important;
    border-radius: 12px !important;
  }

  .preview-page__buttons--movil {
    z-index: 99;
    position: fixed;
    top: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw !important;
    padding: 5px 0;
    margin: 0;
    background-color: #f1f4ff;
  }
  
  .preview-page__buttons--movil > .btn-preview {
    padding: 7px;
    width: 116px;
    font-size: 16px;
    margin: 0 10px;
  }

  .config-section__grip {
    display: none;
  }

  .config-section__links tr > td:first-child {
    display: none !important;
  }

  .config-section__links tr > td:nth-child(2) {
    padding: 0 !important;
    margin: 0 !important;
  }

  .config-section__links tr > td:nth-child(2) > label {
    padding: 0 !important;
    margin: 0 !important;
  }

  .config-section__links tr > td:nth-child(3) {
    margin: 0 !important;
  }

  .config-section__links tr > td:nth-child(3) > label {
    padding: 0 !important;
    margin: 0 !important;
  }

  .config-section__links tr > td:nth-child(4) {
    padding: 0 !important;
    margin: 0 !important;
  }

  .config-section__links tr > td:nth-child(4) > div {
    padding: 0;
  }

  .config-section__links {
    padding-top: 10px !important;
  }

  .config-section__links .config-section__button {
    padding-top: 12px;
    margin-left: 10px;
  }

  .btn-preview--visualize {
    display: flex;
  }

  .close-preview {
    top: 94px;
  }

  .config-page__min-show {
    display: none;
  }

  .config-page .cropit-image-input {
    width: 5px !important;
  }

  .container-drnube {
    margin-top: 80px;
  }

  .calendar-services-config__select {
    display: none;
  }
}

@media (max-width: 870px) {
  .navbar-fixed-top .navbar-collapse {
    max-height: none;
  }
}

@media (max-width: 767px){

}

@media (max-width: 600px) {
  .config-page-container {
    padding: 0;
    top: 0;
    margin-top: 80px;
  }

  .new-panel .table-responsive {
    margin: 0 !important;
  }

  .new-panel .panel-body {
    padding: 0;
    padding-top: 18px !important;
  }

  .new-panel__content {
    padding: 0;
  }

  .massive-actions__separate {
    margin: 0px 5px
  }

  .massive-actions__button, .massive-actions__button:hover {
    padding: 0px 7px;
    font-size: 18px;
    color: #cfc7f8;
  }

  .action-bar .row {
    flex-direction: column-reverse;
    padding: 0;
  }

  .action-buttons {
    width: 100%;
  }

  .action-buttons .btn {
    width: 100%;
  }

  .new-panel .action-bar input {
    width: 100%;
  }

  .action-bar .action-filters {
    flex-direction: column;
  }

  .action-filters {
    width: 100%;
  }

  .action-filters > div {
    margin-right: 0 !important;
  }

  .action-filters .select2-container,
  .new-panel__buttons .dropdown,
  .new-panel__buttons .dropdown .btn,
  .new-panel__buttons .dropdown .dropdown-menu,
  .action-filters__btn,
  .new-panel .select2-choices,
  .new-panel .select2-container {
    width: 100%;
  }

  .new-panel .select2-choices,
  .new-panel .select2-container {
    /* background-color: #f1f4ff !important; */
    width: 100%;
  }

  .action-buttons .btn,
  .action-filters__btn {
    padding: 10px 16px;
    font-size: 16px;
  }

  .action-filters__btn {
    display: block;
  }

  .action-buttons, 
  .action-filters__btn,
  .action-filters {
    margin-bottom: 14px;
  } 

  .action-filters {
    display: none !important;
  }

  .action-filters--movile-active {
    display: flex !important;
  }

  .action-filters > div,
  .action-filters .date-range,
  .new-panel__buttons .dropdown {
    margin-bottom: 6px;
  }

  .new-panel__buttons .dropdown:last-child {
    margin-bottom: 0px;
  }

  .new-panel__content {
    margin-top: 12px;
  }

  .new-panel__buttons {
    display: flex;
    flex-direction: column;
  }

  .new-panel__buttons .btn {
    border-radius: 5px !important;
    border: 1px solid #e7e4ff;
  }

  .new-panel__buttons .dropdown:first-child > .btn {
    border-radius: 5px !important;
  }

  .new-panel__buttons .dropdown:last-child > .btn {
    border-radius: 5px !important;
  }

  .services-container {
    margin-top: 38px !important;
  }

  .services-container .row {
    padding: 0;
  }

  .services-container .row .col-sm-4 {
    margin-bottom: 25px;
  }

  .extra-info {
    display: flex;
    flex-direction: column;
    height: auto;
  }

  .balance-total__card {
    height: 40px;
    width: 100%;
    margin: 2px 0px;
  }

  .calendar-services-config__select {
    display: none;
  }

  .calendar-services-config h4 {
    display: flex;
    justify-content: center;
    padding: 15px 0 !important;
    margin-bottom: 15px !important;
  }

  .service-tipe-check ul {
    display: flex;
    justify-content: space-between;
  }

  .service-tipe-check ul::before, 
  .service-tipe-check ul::after {
    content: none !important;
  }

  .service-tipe-check li {
    width: 100px;
    margin: 0 !important;
    padding: 0 !important;
  }

  .account-office {
    width: auto;
  }

  .account-office .img-circle-account,
  .account-office .option-card-img {
    display: none;
  }

  .options-content {
    display: block !important;
  }

  .options-content > .account-options {
    width: 100%;
  }

  .options-content > .account-options > .panel-account{
    height: auto;
  }

  .options-content .account-title {
    text-align: center;
  }

  .account-card--whatsaap {
    background-size: 680px;
  }

  .account-card-image--whatsapp {
    display: none;
  }

  .breadcrumb-option {
    display: none;
  }

  .config-page-option {
    padding: 0;
  }

  .config-page-option .panel-body{
    padding: 0 !important;
  }

  .panel-body .row {
    padding: 0;
    padding-top: 20px;
  }

  .desktop-card__info-container > span,
  .desktop-card__info-container > button {
    display: inline-block;
    margin-bottom: 12px !important;
  }

  .desktop-card--own {
    padding-bottom: 5px;
  }

  .desktop-card--own {
    padding-bottom: 11px;
  }

  .qr-image {
    background-image: none;
  }

  .dashboard__events .panel-body {
    padding: 15px 0;
  }

  .dashboard__events .table-responsive {
    padding: 0;
    margin: 0 !important;
  }

  .dashboard__events ul {
    display: flex;
    justify-content: space-evenly;
  }

  .dashboard__events li {
    width: 114px !important;
    padding: 0 !important;
  }

  .modal-onboarding .modal-body__title {
    font-size: 26px;
  }

  .modal-body__img-container > .modal-body__name {
    top: 9.7em !important;
    left: 1.2em !important;
    font-size: 1.47em !important;
  }

  .modal-body__img-container > .modal-body__url {
    left: 1em !important;
  }

  .dashboard-card__office > div {
    display: flex;
    align-items: center
  }

  .balance-indicators {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .modal-balance__card-container {
    display: flex !important;
    flex-direction: row !important;
  }

  .modal-balance__card {
    width: 128px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 6px !important;
  }

  .circle-container {
    margin-bottom: 18px !important;
  }

  .new-panel__buttons > .btn-group {
    margin-bottom: 6px !important;
  }

  .panel__buttons > .btn-group > .btn {
    border-radius: 5px;
  }
}

@media (max-width: 400px) {
  .config-page__toggle {
    transform: scale(0.55);
    position: relative;
    left: -28px;
  }  

  .config-section-title--principal {
    font-size: 22px;
  }

  .config-page__buttons-actions {
    justify-content: space-between;
    padding: 0 15px;
  }
  
  .btn-preview {
    width: 107px;
    margin: 0;
  }
}

.navbar {
  background-color: #0d0548 !important;
}

.navbar-drnube-top  > li > a {
  color: #8585e8 !important;
}

.navbar-drnube-top  > li > a > i {
  color: #8585e8 !important;
} 

#custom-search-input{
  background: #2c1e94 !important;
}

.navbar-nav.navbar-drnube-top>li.dropdown:hover, .navbar-nav>li.dropdown:focus{
  background: #2c1e94 !important;
}

.nav-item-active{
  background: #2c1e94 !important;
}

.navbar-drnube-top.navbar-nav>.nav-item:hover{
  background: #2c1e94 !important;
}


.modal-onboarding .modal-content {
  background-color: #eff2fd;
  border-radius: 15px;
}

.modal-onboarding .modal-body{
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}

.modal-onboarding  .modal-body__title {
  margin-bottom: 20px;
  font-size: 35px;
}

.modal-onboarding  .modal-body__text {
  font-size: 19px;
}

.modal-body__img-container {
  position: relative;
  font-size: 1rem;
}

.modal-body__instagram-circle {
  position: absolute;
  top: 1.35em;
  left: 1.6em;
  height: 8.4em;
  width: 8.4em;
  padding: 0.2em;
  border-radius: 50%;
  background: linear-gradient(225deg, #d302c5, #ffca00);
}

.modal-body__instagram-circle > img {
  width: 100%;
  border: 1px solid #fff;
}

.modal-onboardin__instagram-card {
  width: 36em;
  max-width: 100%;
}

.modal-body__img-container > .modal-body__name {
  position: absolute;
  top: 7.1em;
  left: 1.3em;
  font-size: 1.5em;
  font-weight: 500;
  color: #262626;
}

.modal-body__img-container > .modal-body__url {
  position: absolute;
  top: 10.1em;
  left: 1.2em;
  font-size: 1.65em;
  font-weight: 600;
  color: #113867;
}

.modal-body__img-container > .modal-body__url > span {
  position: absolute;
  top: -0.27em;
  right: -1.2em;
  font-size: 2.5em;
}

.table-responsive {
  border: none !important;
}

.modal-onboarding-close {
  display: none !important;
}

.balance-indicators {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 45px;
}

.modal-balance__card-container {
  display: flex;
  flex-direction: column;
}

.modal-balance__card {
  display: flex;
  flex-direction: column;
  display: inline-block;
  width: 165px;
  padding: 7px 11px;

  margin-bottom: 7px;
  background-color: #d9ddf9;
  border-radius: 5px;
}

/* .modal-balance__card--total {
  color: #00864e;
  background-color: #ccf5e4;
}

.modal-balance__card--balance {
  color: #bb100e;
  background-color: #ffd9d9;
} */

.modal-balance__card--in {
  color: #6b25ff;
  background-color: #e5d6ff;
}

.modal-balance__card > p {
  margin-bottom: 0;
}

.modal-balance__card > p:last-child {
  font-weight: 700;
}





.circle-container {
  display: flex;
}
.circle-wrap {
  display: grid;
  grid-template-columns: repeat(1, 160px);
  grid-gap: 80px;
  width: 150px;
  height: 150px;
  background: #d9d7da;
  border-radius: 50%;
}

.circle-wrap .circle-balance .mask-circle,
.circle-wrap .circle-balance .fill-1 {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
}

.circle-wrap .circle-balance .mask-circle {
  clip: rect(0px, 150px, 150px, 75px);
}

.circle-wrap .inside-circle {
  width: 124px;
  height: 124px;
  border-radius: 50%;
  background: #fff;
  /* line-height: 33px; */
  text-align: center;
  margin-top: 13px;
  margin-left: 13px;
  color: #6b25ff;
  position: absolute;
  z-index: 100;
  font-weight: 700;
  font-size: 1.2em;
  padding-top: 39px;
}

.mask-circle .fill-1 {
  clip: rect(0px, 75px, 150px, 0px);
  background-color: #6b25ff;
}

.percentage-growth {
  animation: percentage-growth ease-in-out 1s;
}