.unselectable {
    -moz-user-select:none;
    -webkit-user-select:none;
}

.m-0 {margin: 0px;}
.m-1{ margin: 1px;}
.m-2{ margin: 2px;}
.m-3{ margin: 5px;}
.m-4{ margin: 10px;}
.m-5{ margin: 15px;}
.m-6{ margin: 25px;}

.mx-auto {margin:0 auto;}
.mx-0 { margin-left:0px; margin-right: 0px; }
.mx-1 { margin-left:1px; margin-right: 1px; }
.mx-2 { margin-left:2px; margin-right: 2px; }
.mx-3 { margin-left:5px; margin-right: 5px; }
.mx-4 { margin-left:10px; margin-right: 10px; }
.mx-5 { margin-left:15px; margin-right: 15px; }
.mx-6 { margin-left:25px; margin-right: 25px; }

.my-0 { margin-top:0px; margin-bottom: 0px; }
.my-1 { margin-top:1px; margin-bottom: 1px; }
.my-2 { margin-top:2px; margin-bottom: 2px; }
.my-3 { margin-top:5px; margin-bottom: 5px; }
.my-4 { margin-top:10px; margin-bottom: 10px; }
.my-5 { margin-top:15px; margin-bottom: 15px; }
.my-6 { margin-top:25px; margin-bottom: 25px; }

.my-auto {margin: auto 0;}

.mt-0{ margin-top: 0px;}
.mt-1{ margin-top: 1px;}
.mt-2{ margin-top: 2px;}
.mt-3{ margin-top: 5px;}
.mt-4{ margin-top: 10px;}
.mt-5{ margin-top: 15px;}
.mt-6{ margin-top: 35px;}

.mb-0{ margin-bottom: 0px;}
.mb-1{ margin-bottom: 1px;}
.mb-2{ margin-bottom: 2px;}
.mb-3{ margin-bottom: 5px;}
.mb-4{ margin-bottom: 10px;}
.mb-5{ margin-bottom: 15px;}
.mb-6{ margin-bottom: 35px;}

.mr-0{ margin-right: 0px;}
.mr-1{ margin-right: 1px;}
.mr-2{ margin-right: 2px;}
.mr-3{ margin-right: 5px;}
.mr-4{ margin-right: 10px;}
.mr-5{ margin-right: 15px;}
.mr-6{ margin-right: 35px;}

.ml-0{ margin-left: 0px;}
.ml-1{ margin-left: 1px;}
.ml-2{ margin-left: 2px;}
.ml-3{ margin-left: 5px;}
.ml-4{ margin-left: 10px;}
.ml-5{ margin-left: 15px;}
.ml-6{ margin-left: 35px;}

.p-1 { padding: 1px; }
.p-2 { padding: 2px; }
.p-3 { padding: 5px; }
.p-4 { padding: 10px; }
.p-5 { padding: 15px; }
.p-6 { padding: 35px; }

.df { display: flex; }
.dn { display: none; }
.db { display: block; }
.df-0 { flex:0; }
.df-1 { flex:1; }
.df-2 { flex:2; }
.df-3 { flex:3; }
.df-4 { flex:4; }
.df-5 { flex:5; }
.df-6 { flex:6; }
.df-7 { flex:7; }
.df-8 { flex:8; }
.df-9 { flex:9; }
.df-10 { flex:10; }
.df-11 { flex:11 }
.df-12 { flex:12 }
.df-r { flex-direction: row; }
.df-c { flex-direction: column; }
.minw-btn { width:150px;}

.as-s { align-self:flex-start;}
.as-c { align-self:center;}
.as-e { align-self:flex-end;}
.ai-s { align-items: flex-start; }
.ai-c { align-items: center; }
.ai-e { align-items: flex-end; }
.ji-s { justify-items: flex-start; }
.ji-c { justify-items: center; }
.ji-e { justify-items: flex-end; }
.jc-s { justify-content: flex-start; }
.jc-c { justify-content: center; }
.jc-e { justify-content: flex-end; }
.jc-sb { justify-content: space-between;}
.jc-sa { justify-content: space-around;}

.max-h-80 { max-height:80%;}
.w-100 { width:100% !important }
.w-80 { width:80% !important }
.w-60 { width:60% !important }
.w-40 { width:40% !important }
.w-20 { height:20% !important }

.h-100 { height:100% !important }
.h-80 { height:80% !important }
.h-60 { height:60% !important }

.of-h { overflow:hidden; }

.po-a { position: absolute;}
.po-r { position: relative;}
.r-0 { right:0 }

.z-18 { z-index: 18 };

.align-itens-vh {
    display: flex;
    align-items: center;
    justify-items: center;
    height: 100%;
}

.align-itens-upcentered {
    display: flex;
    justify-items: center;
    height: 100%;
}

.text-center{ text-align: center; }

.text-h1 { font-size: .75em ; }
.text-h2 { font-size: 1em ; }
.text-h2a { font-size: 1.3em ; }
.text-h3 { font-size: 1.5em ; }
.text-h3a { font-size: 1.8em ; }
.text-h4 { font-size: 2em ; }
.text-h5 { font-size: 2.5em ; }

.text-normal { font-weight: normal; }
.text-bold { font-weight: bold; }

.text-light-gray { color: #AAA !important; }
.text-dark-gray { color: #777 !important; }
.text-light-blue { color: #24bce3 !important; }
.text-dark-blue { color: #3fa9ff !important; }
.text-white { color: #fff !important; }
.link-file-visualizer { font-size: .8em; }

.bg-success { background-color: #28a745;}
.bg-warning { background-color: #ffc107;}
.bg-light-gray { background-color: #d6d6d6; }
.bg-dark-gray { background-color: #555; }
.bg-light-blue { background-color: #24bce3; }
.bg-dark-blue { background-color: #3fa9ff; }
.bg-white { background-color: #fff; }
.bg-block { background-color:rgba(255, 255, 255, .8); }

.bg-border-selected { border: 3px solid #3fa9ff }
.bg-border-unselected { border: 3px solid rgba(0, 0, 0, 0) }

.hand, .week-selector { cursor: pointer; }

.d-none { display: none; }
.d-block { display: block; }
.before-month, .after-month{ cursor: pointer; }

.loading-content {
    width:30px !important;
	height:30px !important;
    margin-left:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.loading  {
    width:15px;
    height:15px;
	border-radius:50%;
	border:2px dashed #555;
}

@-moz-keyframes spin {
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    to {transform:rotate(360deg);}
}

.spin {
    animation: spin 2000ms linear infinite;
}

/* .form_message { padding: 10px 0;} */

.btn { 
    border-radius:3px; 
    border: none;
    color: white;
    white-space: nowrap;
    padding: 0px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    height:36px;
    cursor: pointer;
}
button:disabled {
    cursor: default;
    background-color: #dadada;
    border-radius:3px ; 
    border: none;
    color: white;
    padding: 0px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    height:36px;
}
button:disabled:active {
    background-color: #dadada;
}
.btn-radius {
    border-radius: 20px;
}
.shadow {
    box-shadow: 0px 3px 2px rgb(150, 150, 150, 0.5);
}
.shadow-menu { box-shadow: 0px 1px 9px rgb(200, 200, 200, 0.5) }
.img-centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.btn-white { background-color: #fff; }
.btn-white:active { background-color: rgb(194, 194, 194); }
.btn-light-gray { background-color: #d6d6d6; }
.btn-light-gray:active { background-color: #555; }
.btn-dark-gray { background-color: #555; }
.btn-dark-gray:active { background-color: #d6d6d6; }
.btn-light-blue { background-color: #24bce3; }
.btn-light-blue:active { background-color: #3fa9ff; }
.btn-dark-blue { background-color: #3fa9ff; }
.btn-dark-blue:active { background-color: #008cff; }
.btn-white-border { border: 1px solid #FFF;}
.btn-blue-border-d { border: 1px dashed #008cff;}
.btn-blue-border-d:active { border: 1px solid #008cff;}
.btn-blue-border { border: 1px solid #008cff;}
.btn-blue-border:active { border: 1px solid #008cff;}
.btn-gray-border { border: 1px solid #d6d6d6 !important;}

/* .btn-white-border:disabled { border: 1px solid #FFF;} */
.btn-dark-blue:active { background-color: #24bce3; }

.bt-light-gray-1 { border-top: 1px solid #d6d6d6; }
.bt-light-gray-2 { border-top: 2px solid #d6d6d6; } 
.bb-light-gray-1 { border-bottom: 1px solid #d6d6d6; }
.bb-light-gray-2 { border-bottom: 2px solid #d6d6d6; }
.bt-dark-gray-1 { border-top: 1px solid #555; }
.bt-dark-gray-2 { border-top: 2px solid #555; } 
.bb-dark-gray-1 { border-bottom: 1px solid #555; }
.bb-dark-gray-2 { border-bottom: 2px solid #555; }

.bt-light-blue-1 { border-top: 1px solid #24bce3; }
.bt-light-blue-2 { border-top: 2px solid #24bce3; }
.bb-light-blue-1 { border-bottom: 1px solid #24bce3; }
.bb-light-blue-2 { border-bottom: 2px solid #24bce3; }
.bt-dark-blue-1 { border-top: 1px solid #3fa9ff; }
.bt-dark-blue-2 { border-top: 2px solid #3fa9ff; }
.bb-dark-blue-1 { border-bottom: 1px solid #3fa9ff; }
.bb-dark-blue-2 { border-bottom: 2px solid #3fa9ff; }


.div-select {    
    width:250px;  /* Tamanho final do select */    
    overflow:hidden; /* Esconde o conteúdo que passar do tamanho especificado */
} 

.start-morning-a0 {
    width: 200px;
    height: 35px;
}
select.simple {
    /* background: #f5f5f5; */
    border: 0;
}
.scheduler-item-active { font-weight: bold; }
.scheduler-item-active > span {
    font-size: 1em;
    color: #24bce3;
}
.scheduler-item {
    display:flex;
    flex-direction:row;
    height:40px;
    align-items:center;
}
.scheduler-item-deactive > span {
    font-size: 1em;
    color: #555;
}
.line-gray-1 {
    display: block;
    height: auto;
    width: 1px;
    background-color: #555;
}

/* The container */
/* .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} */
  
/* Hide the default checkbox */
.cb input[type=checkbox] {
    display: none;
}
  
  /* Draw our custom check box */
.cb {
    font-size: 15px;
    line-height: 15px;
    /* display:flex;
    justify-content:center; */
}
.cb label {
    cursor: pointer;
}
.cb label:before {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-bottom: 5px;
    content: "\00a0";
    /* text-align: center; */
    background: #fff;
    border-radius: 3px;
    border:1px solid #d6d6d6;
}
/* .cb label:hover::before{
    background: #faa;
    border-radius: 3px;

} */
/* On check */
.cb input:checked ~ label:before {
    /* content: "\2605"; */
    background: #3fa9ff;
    color: #fff;
    border-radius: 3px;
    border:1px solid #d3d3d3;
}
#progress_load {
    background-color:#3fa9ff;
    width:0%;
    height:5px;
    position:fixed;
    top:0;left:0;right:0;
    z-index: 20;
}
.is-invalid {
    display: block !important;
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25) !important;
    border-color:#dc3545 !important;
    /* color:#d3d3d3 !important; */
    background-color:#fff !important;
    outline:0 !important;
}
.invalid-feedback {
    display: none;
    color: #dc3545;
    font-size: 0.8rem;
}

input[type=textarea]{
    height:100px;
    display:inline-block;
    width:100%;
    padding:.375rem 1.75rem .375rem .75rem;
    /* line-height:1.5; */
    /* vertical-align:middle; */
    padding: 5px 10px;
    margin: 0;
    font-size: 1em;
    color: #555;
    box-sizing: border-box;
    border-radius: 5px;
    border:1px #d3d3d3 solid;
}

input[type=text], input[type=email], input[type=date], input[type=password], select{
    display:inline-block;
    width:100%;
    height:calc(2.25rem + 2px);
    padding:.375rem 1.75rem .375rem .75rem;
    line-height:1.5;
    vertical-align:middle;
    padding: 5px 10px;
    margin: 0;
    font-size: 1em;
    color: #555;
    box-sizing: border-box;
    border-radius: 5px;
    border:1px #d3d3d3 solid;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
select:focus,
.custom-select:focus,
textarea:focus{
    /* color:#d3d3d3; */
    background-color:#fff;
    border-color:#3fa9ff;
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=date]::placeholder,
input[type=password]::placeholder,
select::placeholder,
textarea::placeholder {
    color:#aaa;
}
option {
    color:#555;
}
textarea{
    margin:0;
    width: 100%;
    display:inline-block;
    padding:.375rem 1.75rem .375rem .75rem;
    line-height:1.5;
    color:#555;
    vertical-align:middle;

    font-family:inherit;
    font-size:inherit;
    padding: 5px 10px;
    margin: 0;
    font-size: 1em;
    box-sizing: border-box;
    border-radius: 5px;
    border:1px #d3d3d3 solid;
}
textarea {
    overflow:auto;
    resize:vertical
}
.custom-select {
    display:inline-block;
    width:100%;
    height:calc(2.25rem + 2px);
    padding:.375rem 1.75rem .375rem .75rem;
    line-height:1.5;
    color:#d6d6d6;
    vertical-align:middle;
    background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size:8px 10px;    
    border:1px #d3d3d3 solid;
    border-radius:.25rem;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}

.message {
    width:100%;
    display: none;
    position: fixed;
    z-index: 20;
}
.message-success {
    display: block;
    background-color:#28a745;
}
.message-warning {
    display: block;
    background-color: #ffc107;
}

/* tab */
.header-specialities {
    width:100%;
	/* background-color:blueviolet; */
	display:flex;
	flex-direction:row;
	justify-content:center;
}
.header-specialities-buttons {
    height:40px;
	/* background-color:burlywood; */
	display:flex;
	align-items:center;
	margin:0 16px;
	padding:0 2px;
	cursor:pointer;
	border-bottom: 3px solid #fff;
}
.header-specialities-selected {
	border-bottom: 3px solid #008cff;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
  .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
}

.waiting {
    width:100%;
	height:100%;
	background-color:#b6b6b6aa;
	position:absolute;
	z-index:100;
}

.waiting-content {
    position:relative;
    height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	justify-items:center;
}

.waiting-body {
    width:250px;
	height:120px;
	display:flex;
	align-items:center;
	justify-content:center;
	align-items:center;
}

.secretary-slot {
    margin:5px;
    padding:5px;
    display:flex;
    background-color:#eee;
    flex-direction:column;
    border-radius:5px;
}
.secretary-input {
    /* background-color:darkcyan; */
    width:800px;
    grid-template-columns:repeat(10, 1fr);
    display:grid;
    grid-gap:5px;
}
.secretary-name {
    grid-column: 1/5;
    grid-row: 1;
}
.secretary-email{
    grid-column: 1/5;
    grid-row: 2;
}
.secretary-cpf {
    grid-column: 5/8;
    grid-row: 1;
}
.secretary-password{
    grid-column: 5/8;
    grid-row: 2;
}
.secretary-action {
    grid-column: 8/11;
    grid-row: 1;
}

.submit-secretary-content {
    margin-top:25px;
    display:flex;
    align-items: center;
    padding-top:5px;
    justify-content:space-evenly;
}
.secretary-container {
    display:flex;
    flex-direction:column;
    align-items:center;
}
.secretary-content-slots {
    background-color:white;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.no-copy {
    -webkit-user-select: none;
    -moz-user-select: none;  
    -ms-user-select: none;      
    user-select: none;       
}