:root {
    --primary-dark: #222222;
    --primary-red: #e70000;
    --primary-blue: #1a73e8;
    --active-blue: #006ce1;
    --active-blue-hover: #0051a8;
    --active-grad: linear-gradient(to bottom, #0961bf, var(--active-blue-hover-ss)) !important;
    --blue-grad: linear-gradient(to bottom, #00bddc,#0096ad) !important;
    --active-blue-hover-ss: #013d7e;
    --primary-text-links: #6a6a6a;
    --primary-text-links-hover: #232323;
    --active: #de0202;
    --active-op: #797979;
    --dark-red: #af0000;
    --dark-red-ss: #611010;
    --darkgrey: #7a7a7a;
    --blur: 10px;
    --perfect-card: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    --box-slim: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    --card-border: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    --fontFamilyBase: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
    --fontFamilyMonospace: Consolas, 'Courier New', Courier, monospace;
    --fontFamilyNumeric: Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
    --fontWeightRegular: 400;
    --fontWeightMedium: 500;
    --fontWeightSemibold: 600;
    --fontWeightBold: 700;
    --darkgrey-footer: #333333;
    --darkgrey-footer-ss: #2d2c2c;
    --border-radius: 12px;
    --border-radius-btn: 8px;
    --border-radius-input: 4px;
    --border-radius-card: 4px;
    --green: #4da948;
    --green-ss: #3f983b;
}
/*------*/

.alertify-log {     
    background: rgba(47, 150, 180,0.8); 
}
.alertify-log.alertify-log-success {     
    background: rgba(81, 163, 81,0.8); 
}
.alertify-log.alertify-log-error {     
    background: rgba(189, 54, 47,0.8); 
}

/*------Login-------------------------*/
.login_panel .logotipo, #page-login .logotipo{
    text-align: center !important;
}


/*---------------RESET BOOTSTRAP-----------------------------------*/


.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.mb-6 {
    margin-bottom: 3.5rem !important
}

.mb-7 {
    margin-bottom: 4rem !important
}

.mb-8 {
    margin-bottom: 5rem !important
}

.mb-9 {
    margin-bottom: 6rem !important
}

.mb-10 {
    margin-bottom: 8rem !important
}

.mb-11 {
    margin-bottom: 10rem !important
}

.mb-12 {
    margin-bottom: 12rem !important
}

.mb-13 {
    margin-bottom: 14rem !important
}

.mb-14 {
    margin-bottom: 16rem !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.m-n1 {
    margin: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mx-n1 {
    margin-right: -.25rem !important;
    margin-left: -.25rem !important
}

.mx-n2 {
    margin-right: -.5rem !important;
    margin-left: -.5rem !important
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important
}

.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important
}

.mx-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important
}

.my-n1 {
    margin-top: -.25rem !important;
    margin-bottom: -.25rem !important
}

.my-n2 {
    margin-top: -.5rem !important;
    margin-bottom: -.5rem !important
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
}

.my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important
}

.mt-n1 {
    margin-top: -.25rem !important
}

.mt-n2 {
    margin-top: -.5rem !important
}

.mt-n3 {
    margin-top: -1rem !important
}

.mt-n4 {
    margin-top: -1.5rem !important
}

.mt-n5 {
    margin-top: -3rem !important
}

.me-n1 {
    margin-right: -.25rem !important
}

.me-n2 {
    margin-right: -.5rem !important
}

.me-n3 {
    margin-right: -1rem !important
}

.me-n4 {
    margin-right: -1.5rem !important
}

.me-n5 {
    margin-right: -3rem !important
}

.mb-n1 {
    margin-bottom: -.25rem !important
}

.mb-n2 {
    margin-bottom: -.5rem !important
}

.mb-n3 {
    margin-bottom: -1rem !important
}

.mb-n4 {
    margin-bottom: -1.5rem !important
}

.mb-n5 {
    margin-bottom: -3rem !important
}

.ms-n1 {
    margin-left: -.25rem !important
}

.ms-n2 {
    margin-left: -.5rem !important
}

.ms-n3 {
    margin-left: -1rem !important
}

.ms-n4 {
    margin-left: -1.5rem !important
}

.ms-n5 {
    margin-left: -3rem !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.font-monospace {
    font-family: var(--mdb-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.6 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.w-100{
    width: 100% !important;
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}
#PAGEMENU .row{
    padding: 0 !important;
    margin:0 !important;
}
.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}
.d-none {
    display: none !important
}

.show{
	 display: block !important
}


/*----------------RESET BG----------------------------*/
body, body form>.container, #master-content, html, #maincontent {
    /* background: #f5f7fb !important; */
    /*background: #F5F5F5 !important;*/
  
   /* background: #ececec !important;*/
 }

#menu-container{
    display: flex;
    justify-content: center;
    padding: 2rem !important;
}
#PAGEMENU{
    width: 100%;
    max-width: 900px !important;
}
#PAGEMENU .ui-card {
	width:100%;
	border-radius: 10px !important;
    background: #fff;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    height: 210px;
    color: #565656;
}

.blue-grad-card {
   /* background: var(--active-grad) !important;*/
}

.lightblue-grad-card {
   /* background: var(--blue-grad) !important;*/
}

.blue-grad-card h4, 
.blue-grad-card span, 
.blue-grad-card i, 
.blue-grad-card h3, 
.blue-grad-card label,
.lightblue-grad-card h4, 
.lightblue-grad-card span, 
.lightblue-grad-card i, 
.lightblue-grad-card h3, 
.lightblue-grad-card label {
    color:#fff;
}

#PAGEMENU button i, #PAGEMENU a i{
    position: absolute;
    top:30% !important;
}

#PAGEMENU button div, #PAGEMENU a div{
    height: 100%;
    justify-content: center;
    align-items: center !important;
}

#ctl00_conteudo_mon1_mvars{
    padding-bottom: 0 !important;
}

#PAGEMENU .pesquisa-submenu{
    display: block !important;
    width: 100%;
}

#PAGEMENU .pesquisa-submenu .pesquisa-avancada{
    border: none;
    border-radius: 10px;
    padding-left: 40px;
	border: 1px solid lightgrey;
}

#PAGEMENU .pesquisa-submenu button{
    background: transparent;
}

#PAGEMENU .dropdown.ops{
    float: left;
    height: 60px;
    position: absolute;
    width: 60px;
    top: 0;
    z-index: 1000;
    margin-top: 6px;
}

.ops-filter li a.active{
    color: #075192 !important;
}

#master-content{
	min-height: 21px !important
}

#master-content .row.normalform .txt-apoio{
	margin-bottom: 0 !important
}

.ctl00_MasterUpdatePanel1 .maintoolbar.row{
    padding-bottom: 0 !important;
    margin: 0 !important;
}


a.btn-primary-table,button.btn-primary-table{
    font-size: 11px;
    padding-bottom: 0 !important;
   /* color: #fff !important;
    background-color: #50a1e7;
    border: 1px solid #50a1e7;*/
    background-image: none;
    line-height: 1.2;
    outline: 0;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 27px;
}

a.btn-primary-table:focus,a.btn-primary-table:hover,button.btn-primary-table:focus,button.btn-primary-table:hover{
	color: #fff;
   /* background-color: #035ba9;
    border: 1px solid #035ba9;*/
    text-decoration: none;
    outline: 0;
}

.no-data span{
    color:#9f9f9f
}

span.stat {
    position: absolute;
    margin-top: 60px;
    font-size: 12px;
    /* border-top: 1px solid #698bb9; */
}

.row.filters-section {
    padding-top: 1rem;
    padding-bottom: 2rem;
    border-radius: 10px;
   /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;*/
    background: #ffffff;
    border: 1px solid lightblue;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.filters-section input{
    background: transparent !important;
}


.card.ui-card span.m-auto{
    font-size: 14px;
}



a.btn-secondary-table,button.btn-secondary-table{
    font-size: 11px;
    padding-bottom: 0 !important;
    /*color: #fff !important;
    background-color: #00bcd4;
    border: 1px solid #00bcd4;
    background-image: none;*/
    line-height: 1.2;
    outline: 0;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 27px;
}

a.btn-secondary-table:focus,a.btn-secondary-table:hover,button.btn-secondary-table:focus,button.btn-secondary-table:hover{
	/*color: #fff;
    background-color: #019cb0;
    border: 1px solid #019cb0;*/
    text-decoration: none;
    outline: 0;
}


.select2{
    width: 100% !important;
}

#areasZone #AdvancedAnalysisData .avatable{
	display: none !important
}

#maincontent .whiteboard>div {
    padding: 0 !important;
}

#tabelaVariaveis {
	margin-bottom: 0 !important
}

.lightbluebtn{
    padding-bottom: 0 !important;
    color: #fff !important;
    background-color: #00bcd4 !important;
    border: 1px solid #00bcd4 !important;
    background-image: none;
    line-height: 1.2;
    outline: 0;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
	
.lightbluebtn-ss{
    padding-bottom: 0 !important ;
    color: #fff !important;
    background-color: #1784db !important;
    border: 1px solid #1784db !important;
    background-image: none;
    line-height: 1.2;
    outline: 0;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.greybtn{
    padding-bottom: 0 !important ;
    color: #fff !important;
    background-color: #7f7f7f !important;
    border: 1px solid #7f7f7f !important;
    background-image: none;
    line-height: 1.2;
    outline: 0;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

	
.lightbluebtn-ss:focus,.lightbluebtn-ss:hover{
	color: #fff;
    background-color: #0068bb !important; 
    border: 1px solid #0068bb !important;
    text-decoration: none;
    outline: 0;
}


.greybtn:focus,.greybtn:hover{
	color: #fff;
    background-color: #615e5e !important; 
    border: 1px solid #615e5e !important;
    text-decoration: none;
    outline: 0;
}


.redlightbtn{
	 background-color: #53a8cf !important; 
    border: 1px solid #53a8cf !important;
    text-decoration: none;
    outline: 0;
	color: #fff !important;
}
	
.redlightbtn:focus,.redlightbtn:hover{
	color: #fff;
    background-color: #348bb3 !important; 
    border: 1px solid #348bb3 !important;
    text-decoration: none;
    outline: 0;
}

.lightbluebtn:focus,.lightbluebtn:hover{
	color: #fff;
    background-color: #019cb0 !important; 
    border: 1px solid #019cb0 !important;
    text-decoration: none;
    outline: 0;
}


#ctl00_conteudo_nav li.active a{
	background: #cce0e7 !important
}


#maincontent .row, .normalform .row {
     margin-bottom: 2px !important; 
}


#PAGEMENU .ico{
    width: 40px !important;
    margin-top: -10px !important;
}

span.unidade{
    margin: auto;
    margin-left: 10px;
    background: #c8eeff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
}

.info span{
	font-size:1rem;
	color:#dc0707;
}

.stat{
	font-weight:bold !important
}

input.invalid{
    border: 1px solid #dc0707 !important;
}

/*Para estados das marcacoes

6 --realizadas   -- marcacoes realizadas
2 --confirmadas -pacientes/presentes
0 -- Não confirmadas
4 ---Falta
3 --Anulada 
0 ou 1 -- Por verificar

*/
/*
#tabelaMarcacoes tr[role='row 6'] a.btn{
    background: #4BB0B5 !important;
	border-color: #4BB0B5 !important;
}

#tabelaMarcacoes tr[role='row 0'] a.btn, #tabelaMarcacoes tr[role='row 1'] a.btn, #tabelaMarcacoes tr[role='row 2'] a.btn{
    background: #f5ad0a !important;
	border-color: #f5ad0a !important;
}

#tabelaMarcacoes tr[role='row 3'] a.btn, #tabelaMarcacoes tr[role='row 4'] a.btn, #tabelaMarcacoes tr[role='row 5'] a.btn{
    background: #e10000 !important;
	border-color: #e10000 !important;
}
*/
 @keyframes skeleton-loading {
    0% {
      background-color: hsl(200, 20%, 80%) !important;
    }
    100% {
      background-color: hsl(200, 20%, 95%) !important;
    }
  }

.skeleton, .loading-s {
   animation: skeleton-loading 1s linear infinite alternate !important;
}
 
.skeleton-text ,.loading-text {
	width: 100%;
	height: 0.7rem;
	margin-bottom: 0.5rem;
	border-radius: 0.25rem;
}

  
  
.spinner-overlay {
    z-index: 2000 !important;
    position: fixed !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner {
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin:auto !important;
    margin-top:5px !important;
    border-radius: 50%;
    border: 4px solid #2380cc;
    border-top-color: #2380cc;
    border-right-color: #2380cc;
    border-bottom-color: #ffffff00;
    animation: spinner .6s linear infinite;
}

.loader-msg{
    color:#2380cc !important;
}

.spinner .msg{
    top: calc(50% + 40px) !important;
}

.spinner-cont{
    position:fixed;
    width:100%;
    top: calc(50% + 40px);
    text-align:center;
}


.spinner-overlay.spin-element{
    position: absolute !important;
}

.spinner-overlay.spin-element .spinner-cont , .spinner-overlay.spin-element .spinner:before {
    position: absolute !important;
}

.justify-content-center{
	justify-content:center !important;
}
.d-flex{ display:flex !important}


.pointer-cursor{
	cursor: pointer !important;
}


.dropDownRefs{
	position: absolute;
    z-index: 10000;
    margin-top: 30px;
    background: #fff;
}

.dropDownRefs li{
    z-index: 10000;
    background: #fff;
	padding:0;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	min-width: 120px;
}

.dropDownRefs li:hover{
   cursor:pointer;
   background:#0071a7;
   color:#fff;
 
}

#STMRLIST .table-container {
	min-height: 250px !important;	
}

.pacientes #ctl00_conteudo_ctl02_mgrid1 .glyphicon.glyphicon-edit:before{
	content: "\e020" !important;
}


#SVITALIST .select2-selection__clear{
    margin-left: 25px !important;
}



/*********** Isac *****************/
/****************************************************************************/

.monitorMarcacoes #tabelaVeiculos tbody tr:hover {
    background: rgb(203, 225, 232) !important;
    cursor: pointer;
}

.monitorMarcacoes #tabelaVeiculos tbody tr.selected {
    background: lightblue !important;
}

.monitorMarcacoes #tabelaVeiculos tbody tr.multa.selected {
    background: #ffa4a4 !important;
}

.monitorMarcacoes #tabelaVeiculos tbody tr.multa:hover {
    background: #f39d9d !important;
}


/*-----------------------------------------------------******----------------------------------------------------------------*/

.monitorMarcacoes .totaldoccontainer.card {
    --bs-card-spacer-y: 1.25rem;
    --bs-card-spacer-x: 1.25rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 0px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 4px;
    --bs-card-inner-border-radius: 4px;
    --bs-card-cap-padding-y: 0.625rem;
    --bs-card-cap-padding-x: 1.25rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    box-shadow: var(--bs-card-box-shadow);
}

.monitorMarcacoes .totaldoccontainer.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}

.monitorMarcacoes .d-flex {
    display: flex !important;
}

.monitorMarcacoes .flex-row {
    flex-direction: row !important;
}

.monitorMarcacoes .justify-content-center {
    justify-content: center !important;
}

.monitorMarcacoes .align-items-center {
    align-items: center !important;
}

.monitorMarcacoes .align-self-center {
    align-self: center !important;
}

.monitorMarcacoes .mb-0 {
    margin-bottom: 0 !important;
}

.monitorMarcacoes .ms-2 {
    margin-left: .5rem !important;
}

.monitorMarcacoes .text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.monitorMarcacoes .text-muted {
    --bs-text-opacity: 1;
    color: #a1aab2 !important;
}

.monitorMarcacoes .bg-info {
    --bs-bg-opacity: 1;
    background-color: #0765b7 !important;
}

.monitorMarcacoes .rounded-circle {
    border-radius: 50% !important;
}

.monitorMarcacoes .totaldoccontainer.card {
    margin-bottom: 30px;
}


.monitorMarcacoes .round {
    line-height: 45px;
    width: 45px;
    height: 45px;
}

.monitorMarcacoes .round-lg {
    line-height: 65px;
    width: 60px;
    height: 60px;
    font-size: 30px;
}

.monitorMarcacoes .fill-white {
    fill: rgb(255, 255, 255);
}

.monitorMarcacoes .feather-lg {
    width: 28px;
    height: 28px;
}

@keyframes spinner2b {
    to {
        transform: rotate(360deg);
    }
}

.monitorMarcacoes .spinner2b:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    width: 70px;
    height: 70px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 6px solid #6153d8;
    border-top-color: #6153d8;
    border-right-color: #1e00c7;
    border-bottom-color: #08235f;
    animation: spinner2b .6s linear infinite;
}

.monitorMarcacoes .overlay {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 5;
    cursor: pointer;
}

.monitorMarcacoes .spinner-overlay {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5;
    cursor: pointer;
}


/*Aqui object utilizador pode definir sobreposi��es de classes CSS gen�ricas definidas na aplica��o, ou seja, das defini��es que se encontream no ficheiro geral.css*/

.monitorMarcacoes .alertify-log {
    background: rgba(47, 150, 180, 0.8);
}

.monitorMarcacoes .alertify-log.alertify-log-success {
    background: rgba(81, 163, 81, 0.8);
}

.monitorMarcacoes .alertify-log.alertify-log-error {
    background: rgba(189, 54, 47, 0.8);
}

div[id*="ctl00_conteudo_GridInfo"] {
    padding: 0 10px;
}

.monitorMarcacoes .home .grid-stack {
    position: initial;
}

div[data-id="mSnapHOMEPAGE3"] {
    top: 1000px !important;
}

.monitorMarcacoes .quick-links {
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
}

.monitorMarcacoes .quick-link {
    display: flex;
    background: white;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 0 5px 5px #DBDBDB;
    align-items: center;
}

.monitorMarcacoes .quick-link .fa {
    padding: 10px;
    border-radius: 100%;
    color: #0765b7;
    width: 35px;
    height: 35px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
}

.monitorMarcacoes .quick-link>.fa {
    background-color: #0765b726;
}

.monitorMarcacoes .quick-link p {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.monitorMarcacoes .quick-link span {
    margin-left: 10px;
    font-size: 1.1em;
    font-weight: bold;
}

.monitorMarcacoes .stats {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
    padding: 25px;
    grid-row-gap: 30px;
}

.monitorMarcacoes .stat {
    background: white;
    border-radius: 4px;
    position: relative;
    padding: 20px;
    box-shadow: 0 0 5px 5px #DBDBDB;
}

.monitorMarcacoes .stat-header {
    display: flex;
    justify-content: space-between;
}

.monitorMarcacoes .stat-icon .fa {
    padding: 10px;
    border-radius: 100%;
    background-color: #0765b726;
    color: #0765b7;
    width: 35px;
    height: 35px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
}

.monitorMarcacoes .stat-value {
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 10px;
    color: #0765b7;
}

@media screen and (min-width: 1280px) {

    .stats {
        grid-template-columns: 1fr 1fr;
    }

}

.monitorMarcacoes .column {
    flex: 50%;
}

.monitorMarcacoes .dashtrheadertr td:first-child {
    border-top-left-radius: 10px;
}

.monitorMarcacoes .dashtrheadertr tr td:last-child {
    border-top-right-radius: 10px;
}


@keyframes spinner {

    to {

        transform: rotate(360deg);

    }

}

.monitorMarcacoes .spinner:before {

    content: '';

    box-sizing: border-box;

    position: absolute;

    top: calc(50% - 24px);

    left: calc(50% - 24px);

    width: 70px;

    height: 70px;

    margin-top: -10px;

    margin-left: -10px;

    border-radius: 50%;

    border: 6px solid #6153d8;

    border-top-color: #6153d8;

    border-right-color: #1e00c7;

    border-bottom-color: #08235f;

    animation: spinner .6s linear infinite;

}







.monitorMarcacoes .dashcard {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eee;
    border-radius: .25rem;
}

.monitorMarcacoes .dashcard-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.monitorMarcacoes .dashcard-title {
    margin-bottom: .75rem;
}

.monitorMarcacoes .dashcard-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

.monitorMarcacoes .dashcard-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}



.monitorMarcacoes .dashcard-title {
    color: #3c4858;
    text-decoration: none;
}



.monitorMarcacoes .dashcard {
    border: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 6px;
    color: #333;
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.monitorMarcacoes .dashcard .dashcard-title {
    margin-top: .625rem;
}

.monitorMarcacoes .dashcard .dashcard-body {
    padding: .9375rem 1.875rem;
}

.monitorMarcacoes .dashcard .dashcard-header {
    border-bottom: none;
    background: transparent;
}

.monitorMarcacoes .dashcard .dashcard-header-danger:not(.dashcard-header-icon):not(.dashcard-header-text) {
    background: linear-gradient(60deg, #d43f3a, #d43f3a);
}

.monitorMarcacoes .dashcard .dashcard-header-danger:not(.dashcard-header-icon):not(.dashcard-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4);
}

.monitorMarcacoes .dashcard .dashcard-header-warning:not(.dashcard-header-icon):not(.dashcard-header-text) {
    background: linear-gradient(60deg, #f79523, #f79523);
}

.monitorMarcacoes .dashcard .dashcard-header-warning:not(.dashcard-header-icon):not(.dashcard-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(187, 113, 16, 0.4);
}

.monitorMarcacoes .dashcard .dashcard-header-success:not(.dashcard-header-icon):not(.dashcard-header-text) {
    background: linear-gradient(60deg, #000000, #000000);
}

.monitorMarcacoes .dashcard .dashcard-header-success:not(.dashcard-header-icon):not(.dashcard-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, 0.4);
}

.monitorMarcacoes .dashcard .dashcard-header-primary:not(.dashcard-header-icon):not(.dashcard-header-text) {
    background: linear-gradient(60deg, #033076, #033076);
}

.monitorMarcacoes .dashcard .dashcard-header-primary:not(.dashcard-header-icon):not(.dashcard-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(39, 30, 126, 0.4);
}
.monitorMarcacoes .overlay 
.monitorMarcacoes .dashcard [class*=dashcard-header-],
.monitorMarcacoes .dashcard [class*=dashcard-header-] .dashcard-title {
    color: #fff;
}

.monitorMarcacoes .dashcard {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.monitorMarcacoes .dashcard .dashcard-title {
    margin-top: 0;
    margin-bottom: 3px;
}

.monitorMarcacoes .dashcard .dashcard-body {
    padding: .9375rem 20px;
    position: relative;
}

.monitorMarcacoes .dashcard .dashcard-header {
    z-index: 3 !important;
}

.monitorMarcacoes .dashcard .dashcard-header .dashcard-title {
    margin-bottom: 3px;
}

.monitorMarcacoes .dashcard [class*=dashcard-header-] {
    margin: 0 15px;
    padding: 0;
    position: relative;
}

.monitorMarcacoes .dashcard [class*=dashcard-header-]:not(.dashcard-header-icon):not(.dashcard-header-text):not(.dashcard-header-image) {
    border-radius: 3px;
    margin-top: -20px;
    padding: 15px;
}

.monitorMarcacoes .tableBorders {
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.08) !important;
    box-shadow: 0 0px 0px rgba(0,0,0,.08);
    border: 0px solid #f2f2f2 !important;
}

.ml-0 {
    margin-left: 0rem !important;
}

.mr-0 {
    margin-right: 0rem !important;
}
.pl-0 {
    padding-left: 0rem !important;
}

.pr-0 {
    padding-right: 0rem !important;
}




/*-------AJUSTES TABLET / MOBILE -------*/

@media (max-width: 1300px) {
	.monitorMarcacoes .flatpickr-weekdays, .flatpickr-rContainer, .flatpickr-days,.flatpickr-calendar,.dayContainer {
		max-width:100% !important;
	}
    .monitorMarcacoes .dayContainer{
        min-width:10px !important;
    }
	.monitorMarcacoes .flatpickr-weekday{
		font-size:0.9rem !important;
	}
	.monitorMarcacoes .flatpickr-day{
		font-size:0.9rem !important;
		width: auto;
		height: auto;
		border-radius: 100%; 
		line-height: 28px !important;
	}
	.monitorMarcacoes .dashcard-body a.btn {
		margin-bottom:1rem !important;
	}
	.monitorMarcacoes .flatpickr-current-month{
		font-size: 1.5rem !important;
	}
	.monitorMarcacoes #logsTb_filter label{
		display:block !important;
	}
}


button[disabled="disabled"]{
	opacity:0.6 !important;
}



.modal-header .close{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#333 !important;
    background:transparent !important;
    border:0 !important;
    font-size:28px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
    cursor:pointer !important;
}

.modal-header .close span{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#333 !important;
    font-size:28px !important;
    line-height:1 !important;
}