/*@import "plugins/fontawesome-free/css/all.min.css";*/

* {
margin: 0;
padding: 0;
}

_body {
display:flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: #06181f;
}

#splash {
display:flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: #06181f;
}

.container {
position: relative;
width: 800px;
/*display: flex;*/
display: list-item;
justify-content: space-between;
align-items: center;
animation: cnt 5s linear forwards;
}

svg {
width: 40%;
display: block;
margin: auto;
}

.clinic_icon {
width: 40%;
display: block;
margin: auto;
}

.logo path {
fill:transparent;
stroke: 10;
}

.logo path.st0 {
stroke: #835096;
stroke-dasharray: 1550;
stroke-dashoffset: 1550;
animation: ast0 5s linear forwards;
}

.logo path.st1 {
stroke:#03c0c1;
stroke-dasharray: 850;
stroke-dashoffset: 850;
animation: ast1 5s linear forwards;
}

.logo path.st2 {
stroke: #03c0c1;
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: ast2 5s linear forwards;
}

.logo path.st3 {
stroke: white;
stroke-dasharray: 2000;
stroke-dashoffset: 2000;
animation: ast3 5s linear forwards;
}

.services {
height: 30px;
display: inline-flex;
width: 50%;
margin-top: 30%;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
position: fixed;
bottom: 31px;
}

.services svg {
width: 30px;
/*opacity: 10%;*/
}

.logo_cancer {opacity:40%;}
.logo_cardiology {opacity:10%;}
.logo_dental {opacity:10%;}
.logo_dermatology {opacity:10%;}
.logo_internal {opacity:10%;}
.logo_nephrology {opacity:10%;}
.logo_nutrition {opacity:10%;}
.logo_gynecology {opacity:10%;}
.logo_ophthamology {opacity:10%;}
.logo_orthopedy {opacity:10%;}
.logo_otorhinolaryngology {opacity:10%;}
.logo_paediatrics {opacity:10%;}
.logo_psychology {opacity:10%;}
.logo_lifestyle {opacity:10%;}
.logo_traditional {opacity:10%;}

@keyframes ast0 {
0%{
    stroke-dashoffset: 1550;
}
10%{
    fill: transparent;
    stroke-dashoffset: 0;
}
50%{
    fill: transparent;
    stroke-dashoffset: 0;
}
70%{
    fill:#835096;
    stroke-dashoffset: 0;
}
100%{
    fill:#835096;
    stroke-dashoffset: 0;
}
}

@keyframes ast1 {
0%{
    stroke-dashoffset: 850;
}
10%{
    stroke-dashoffset: 850;
}
20%{
    fill: transparent;
    stroke-dashoffset: 0;
}
50%{
    fill: transparent;
    stroke-dashoffset: 0;
}
70%{
    stroke-dashoffset: 0;
    fill:#03c0c1;
}
100%{
    stroke-dashoffset: 0;
    fill:#03c0c1;
}
}

@keyframes ast2 {
0%{
    stroke-dashoffset: 1000;
}
40%{
    stroke-dashoffset: 1000;
}
50%{
    fill: transparent;
    stroke-dashoffset: 0;
}
50%{
    fill: transparent;
    stroke-dashoffset: 0;
}
70%{
    stroke-dashoffset: 0;
    fill: #03c0c1;
}
100%{
    stroke-dashoffset: 0;
    fill: #03c0c1;
}
}

@keyframes ast3 {
0%{
    stroke-dashoffset: 3000;
}
30%{
    stroke-dashoffset: 3000;
}
40%{
    fill: transparent;
    stroke-dashoffset: 0;
}
50%{
    fill: transparent;
    stroke-dashoffset: 0;
}
70%{
    stroke-dashoffset: 0;
    fill: #ffffff;
}
100%{
    stroke-dashoffset: 0;
    fill: #ffffff;
}
}

@keyframes cnt {
0%{
    filter: none;
    -webkit-filter: none;
}
70%{
    filter: none;
    -webkit-filter: none;
}
100%{
    filter: blur(20px);
    -webkit-filter: blur(20px);
}
}

.signin {
filter: none;
-webkit-filter: none;
display: block;
opacity: 0;
/*width: 40%;*/
/*height: 320px;*/
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background:inherit;
overflow: hidden;
/*padding: 20px;*/
animation: lgn 5s linear forwards;
}

.signin:before{
content: ‘’;
width: 320px;
height: 3200px;
background: inherit; 
position: absolute;
left: -25px;
right: 0;
top: -25px; 
bottom: 0;
box-shadow: inset 0 0 0 200px rgba(255,255,255,0.3);
filter: blur(10px);
}


.signin h1 {
/*float: left;*/
font-size: 40px;
border-bottom: 6px solid #D1232A;
margin-bottom: 50px;
padding:13px 0;
color: white;
}

@keyframes lgn {
0%{
}
70%{
}
95%{
    opacity: 0;
}
100%{
    background-color: inherit;
    opacity: .5;
}
}

.textbox {
width: 100%;
overflow: hidden;
font-size: 20px;
padding: 8px 0;
margin: 8px 0;
border-bottom: 1px solid #D1232A;
}

.textbox i {
width: 26px;
float: left;
text-align: center;
color:cadetblue;
}

.textbox input {
border: none;
outline: none;
background: none;
color: white;
font-size: 18px;
width: 80%;
float: left;
margin: 0 10px;
}

.lbtn {
width: 49%;
background: none;
border: 2px solid #D1232A;
color: white;
padding: 5px;
font-size: .7em;
cursor: pointer;
margin: 12px 0;
}

.lbtn2 {
width: 32%;
background: none;
border: 2px solid #D1232A;
color: white;
padding: 5px;
font-size: .7em;
cursor: pointer;
margin: 12px 0;
}

.signup {
filter: none;
-webkit-filter: none;
display: none;
opacity: 0.5;
width: 50%;
/*height: 400px;*/
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background:inherit;
overflow: hidden;
/*padding: 20px;*/
}

.signp:before{
content: ‘’;
width: 320px;
height: 3200px;
background: inherit; 
position: absolute;
left: -25px;
right: 0;
top: -25px;
bottom: 0;
box-shadow: inset 0 0 0 200px rgba(255,255,255,0.3);
filter: blur(10px);
}


.signup h1 {
/*float: left;*/
font-size: 40px;
border-bottom: 6px solid #D1232A;
margin-bottom: 50px;
padding:13px 0;
color:white;
}

.relative-badge {
font-size: .6rem !important;
font-weight: 300 !important;
padding: 2px 4px !important;
position: relative;
right: 4px;
top: -9px;
}

.relative-navbar {
display: flex !important;
align-items: stretch;
flex-direction: row !important;
}

.staticon {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .5rem;
width: 16px;
height: 16px;
top: 0px;
position: absolute;
left: 0px;
}

.staticon i {
position: absolute;
top: 4px;
left: 6px;
font-size: 8px !important;
}

.bg-aibrighter {
background-color:#FFFFFF30 !important;
}

.bg-aidarker {
background-color:#00000030 !important;
}

.table td, .table th {
padding: .2rem !important;
}

.card-title-ltr {
float: left;
font-size: 1.1rem;
font-weight: 400;
margin: 0;
}

.card-title-rtl {
float: right;
font-size: 1.1rem;
font-weight: 400;
margin: 0;
}

.table-td-rtl {
text-align: right;
}

.table-td-ltr {
text-align: left;
}

.table-td-cnt {
text-align: center;
}


.fg-rtl {
direction: rtl;
text-align: right;
}

.fg-ltr {
direction: ltr;
}

.modal-header-rtl .close, .modal-header-rtl .mailbox-attachment-close {
margin: -1rem auto -1rem -1 rem;
}

.modal-header-ltr .close, .modal-header-ltr .mailbox-attachment-close {
margin: -1rem -1rem -1rem auto;
}

.timeline>div>.fa, .timeline>div>.fab, .timeline>div>.fad, .timeline>div>.fal, .timeline>div>.far, .timeline>div>.fas, .timeline>div>.ion, .timeline>div>.svg-inline--fa {
right: 8px;
}

.timeline>div>.timeline-item {
margin-right: 60px !important;
margin-left: 15px !important;
}

body {
text-align: right;
}

#\. {
margin-right: 0px;
}

.modal-header .close, .modal-header .mailbox-attachment-close {
padding: 1rem;
margin: -1rem auto -1rem -1rem;
}

.timeline>div>.timeline-item>.timeline-body, .timeline>div>.timeline-item>.timeline-footer {
padding: 10px;
/*direction: ltr;*/
}

.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
max-width: 70%;
}

.col-sm-4 {
/* -ms-flex: 0 0 33.333333%; */
/* flex: 0 0 33.333333%; */
/* max-width: 29%; */
}

.raderp-checkbox {
flex-basis: unset;
max-width: unset;
}

.pathway {
float:inline-end;
cursor: pointer;
}

.tooltip {
position: relative;
display: inline-block;
cursor: pointer;
}

.pathway .tooltip-text {
visibility: hidden;
/*width: 120px;*/
background-color: black;
color: #fff;
text-align: center;
padding: 5px;
border-radius: 5px;
position: absolute;
bottom: 150%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
white-space: nowrap;
}

.pathway:hover .tooltip-text {
visibility: visible;
opacity: 1;
}

.row-critical {
background-color: #f8d7da; /* light red */
}

.row-warning {
background-color: #fff3cd; /* light yellow */
}