@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=El+Messiri:wght@400;500;600;700&display=swap');
body {
    font-family: 'Amiri','El Messiri' sans-serif;
   /* background: url('../../../images/bg.jpg') no-repeat center center;
    background-size: cover;*/
}

iframe {
    width: 100%;
    border:0;
    min-height: 230px;
}

hr {
    height: 1px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid rgba(129, 218, 223, 0.5);
}

.hrgray {
    height: 1px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin:02px 0;
}

.account {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index:100;
}
.framdetails {
    padding-top: 20px;
    padding-bottom: 60px;
}

.pfixedb {
    position: fixed;
    bottom: 10px;
    width: 100%;
}

.pfixedbIn {
    position: fixed;
    bottom: 60px;
    width: 100%;
}

.fxdhed {
    z-index:99;
    position: relative;
    min-height: 60px;
}

.wh100 {
    /* height: 100vh;*/
    /*width: 100%;*/
    background-size: cover;
    background-position: center center;
}
.blurex {
    min-height: 100vh;
   /* min-height: 93vh;*/
    /*overflow: hidden;
    z-index:-1;*/
    backdrop-filter: blur(.5rem);
    background-color: rgba(255, 255, 255, 0.80);
    display: block;
    position: relative;
    border-right: 5px solid #0099A9;
}

/*.right-menu.opened {
    background-color: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(2rem);
}*/

.d-block {
    display: block;
}
.right-menu .widget {
    padding: 30px 35px 40px;
    margin-bottom: 0;
}
.cMenu {
    display: block;
    width: 100%;
}
    .cMenu a {
        display: block;
        width: 100%;
        border-bottom: 1px solid #0099A9;
        color: #0099A9;
        font-size: 1.5rem;
        font-weight: 600;
        padding: 10px;
        text-align: right;
    }

        .cMenu a:hover {
            background-color: #0099A9; color: #FFF;
        }

.mPading {
    padding: 15px 10px;
}

.bgdefault {
    background-color: #0099A9;
}
.bg1 {
   /* background-color: rgba(0, 153, 169, 0.05);*/
}

.btn-delete {
    padding: 3px !important;
    display: block;
    line-height: 1.3rem;
    background-color: transparent;
    border: 1px solid #0099A9;
    color: #0099A9 !important;
}

.btn-smallx {
    padding: 10px 25px;
    margin-top: 10px;
}

    .btn-smallx .semicircle {
        top: 7px;
        left: 7px;
        width: 12px;
        height: 12px;
    }


.boxsqrframe {
    height: 130px;
    width: 130px;
}

.boxsqrframe1 {
    height: 89px;
    width: 89px;
}

.frame1 {
    width: 95px;
    height: 95px;
    position: relative;
    border: 1px solid rgba(0, 153, 169, 0.5);
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    display: block;
    padding:2px;
}

.frame2 {
    width: 97px;
    height: 97px;
    position: relative;
    border: 2px solid rgba(255, 255, 255, .75);
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    display: block;
    padding: 2px;
}
.frame3 {
    width: 66px;
    height: 66px;
    position: relative;
    border: 2px solid rgba(255, 255, 255, .75);
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    display: block;
    padding: 2px;
}

.boxsqrframe3 {
    height: 60px;
    width: 60px;
}
.frame4 {
    width: 41px;
    height: 41px;
    position: relative;
    border: 2px solid rgba(255, 255, 255, .75);
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    display: block;
    padding: 2px;
}

.boxsqrframe4 {
    height: 34px;
    width: 34px;
}

.brdr1 {
    border: 1px solid rgba(0, 153, 169, 0.2);
}


.brdr2 {
    border: 2px solid rgba(0, 153, 169, 0.5);
}

.brdr1rt {
    border-bottom: 1px solid rgba(0, 153, 169, 0.5);
    /*border-left: 1px solid rgba(0, 153, 169, 0.5);*/
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

/*.jj-container, .jj-wrapper {
    margin-left: -40px;
    margin-right: 40px;
}*/

.inshadow {
    -webkit-box-shadow: inset 0px 0px 10px -4px rgba(129, 218, 223, 0.8);
    -moz-box-shadow: inset 0px 0px 10px -4px rgba(129, 218, 223, 0.8);
    box-shadow: inset 0px 0px 10px -4px rgba(129, 218, 223, 0.8);
}
.ashadow0 {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(129, 218, 223, 0.5);
    -moz-box-shadow: 0px 0px 4px 0px rgba(129, 218, 223, 0.5);
    box-shadow: 0px 0px 4px 0px rgba(129, 218, 223, 0.5);
}

.ashadow {
    display: block;
    margin: 5px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(129, 218, 223, 0.5);
    -moz-box-shadow: 0px 0px 4px 0px rgba(129, 218, 223, 0.5);
    box-shadow: 0px 0px 4px 0px rgba(129, 218, 223, 0.5);
}

.ashadow2 {
    display: block;
    margin: 3px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(129, 218, 223, 0.5);
    -moz-box-shadow: 0px 0px 8px 0px rgba(129, 218, 223, 0.5);
    box-shadow: 0px 0px 8px 0px rgba(129, 218, 223, 0.5);
}

.ashadow2x {
    display: block;
    margin: 3px;
    -webkit-box-shadow: 0px -2px 5px 0px rgba(0, 153, 169, 0.3);
    -moz-box-shadow: 0px -2px 5px 0px rgba(0, 153, 169, 0.3);
    box-shadow: 0px -2px 5px 0px rgba(0, 153, 169, 0.3);
}


.ashadow12 {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(129, 218, 223, 0.5);
    -moz-box-shadow: 0px 0px 12px 0px rgba(129, 218, 223, 0.5);
    box-shadow: 0px 0px 12px 0px rgba(129, 218, 223, 0.5);
}

.br-10 {
    display: block;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}



.br-10p {
    display: block;
    -webkit-border-radius: 10% !important;
    -moz-border-radius: 10% !important;
    border-radius: 10% !important;
    overflow: hidden !important;
}

.br-20 {
    display: block;
    -webkit-border-radius: 20% !important;
    -moz-border-radius:20% !important;
    border-radius: 20% !important;
    overflow: hidden !important;
}
.br-20px {
    display: block;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}.br-10px {
    display: block;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.br-50 {
    display: block;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}


.logo img {
    float: right;
    margin-right: 15px;
    max-height: 30px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.atitle {
    position: absolute;
    bottom: 5px;
    right: 5px;
    left: 5px;
    padding: 2px 5px;
    background-color: rgba(129, 218, 223, 0.7);
    color: #FFF;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.atitle .name{
    font-size: .65rem;
    font-weight: bold;
}


    .atitle .joptitle {
        font-size: .45rem;
    }


.book .name {
    font-size: .85rem;
    font-weight: bold;
}


.book .joptitle {
    font-size: .75rem;
}

.main-slider .swiper-slide .container {
    width: 80%;
}

.slider-content-title {
    line-height: 2.5rem;
}

.profile .swiper-slide label {
    font-size: .8rem;
    padding-right : 15px;
    padding-bottom: 5px;
}
.mxh-50ofh {
    max-height:45px;
    overflow: hidden;
}.mxh-30ofh {
    max-height:30px;
    overflow: hidden;
}
.semicircle {
    top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
}

 .btn i {
     position: absolute;
    left: 8px;
    right: auto;
   
}

@media (max-width: 570px) {
    .xs-container {
        padding: 15px 5px;
    }

    .semicircle {
        top: 10px;
        right: 10px;
        width: 12px;
        height: 12px;
    }
     .btn i {
        left: 5px;
        right: auto;
    }
}

.main-slider {
    padding-bottom: 0px!important;
}

.heading .heading-title {
    font-weight: 800;
    line-height: 1.1;
     margin-bottom: 0px; 
     margin-top: 20px;
}

.heading .heading-line {
    margin-bottom: 0px;
}

.text-primary {
    color: #4cc2c0;
}

.txt-size-1 {
    font-size:1rem;
}

.ml-5 {
    margin-left:5px;
}

.mr-5 {
    margin-right: 5px;
}


.mt-5 {
    margin-top: 5px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-70 {
    margin-top: 70px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-90 {
    margin-top: 90px;
}
.mt-100 {
    margin-top: 100px;
}

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

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

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

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

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

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

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

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

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

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

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

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

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

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


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

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



input.input-standard-grey {
    border-radius: 50px;
    background-color: #f7f9f9;
}

input {
    padding: 12px 40px;
    border:1px solid rgba(129, 218, 223, 0.5);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 16px;
    color: #acacac;
    margin-bottom: 30px;
}


textarea.input-standard-grey {
    border-radius: 5px;
    background-color: #fff;
}

textarea {
    padding: 10px ;
    border: 1px solid rgba(129, 218, 223, 0.5);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 16px;
    color: #acacac;
    margin-bottom: 30px;
}

.titlex {
   line-height: 60px;
    font-weight: bold;
    font-size: 1.2rem;
    color: #0099A9;
}


.cheader {
    background: #0099A9;
    height: 250px;
    margin-top: -100px;
    padding-top: 100px;
    margin-bottom: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -webkit-border-bottom-left-radius: 120px;
    -moz-border-radius-bottomright: 50px;
    -moz-border-radius-bottomleft: 120px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 120px;
}

.chtitle {
    text-align: center;
    padding-top: 30px;
    color: #FFF!important;
    font-weight: bold;
    font-size:1.6rem;
    display: block;
}

    .chtitle span {
        color: rgba(255, 255, 255, 0.8) !important;
        font-weight: bold;
        font-size: 1rem;
        display: block;
    }



.cheader1 {
    background: #0099A9;
    height: 150px;
    margin-top: -100px;
    padding-top: 80px;
    margin-bottom: 30px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 100px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 100px;
}

.cheader2{
    background: #0099A9;
    height: 180px;
    margin-top: -90px;
    padding-top: 90px;
    margin-bottom: 50px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 100px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 100px;
}

.chtitle1 {
    text-align: center;
    padding-top: 0px;
    color: #FFF !important;
    font-weight: bold;
    font-size: 1.6rem;
    display: block;
}

.asuptitle {
    font-size: .65rem;
    padding: 2px;
    text-align: center;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .asuptitle {
        font-size: 1.1rem;
    }
}
/*.hblure {
    height: 250px;
    margin-top: -100px;
    padding-top: 100px;
    margin-bottom: 50px;
    backdrop-filter: blur(.2rem);
    background-color: rgba(255, 255, 255, 0.80);
    display: block;
    position: relative;*/
    /* z-index: -1;*/
/*}*/
@media (max-width: 600px) {
    .fs-7 p {
        font-size: .7rem;
    }
}

.btn-custom {
    /*padding: 15px;
    font-size: 1.2rem;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    text-align: center;*/
        padding: 12px;
}
    .btn-custom i {
        left: auto;
        right: auto;
        font-size: 1rem;
        position: relative;
        margin-left: 0px;
    }

@media (max-width: 570px) {
    .btn-custom i {
        left: auto;
        right: auto;
        font-size: 1rem;
        position: relative;
        margin-left: 0px;
    }
}



.rqwrd {
    font-size: .7rem;
    line-height: .2rem;
    position: absolute;
    left: 20px;
}

.mslides-icon {
    color: #FFF;
}

.slider-slides {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    display: block;
    width: 100%;
    z-index: 99;
    text-align: right;
    direction: rtl;
    padding : 0 7px;
}
.slides-item .content {
    padding: 5px;
}
.slide-active .btn {
    background: #0099A9;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 153, 169, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 153, 169, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 153, 169, 0.75);
}
@media (max-width: 1024px) {
    .slider-slides .slides-item {
        padding: 0px;
    }
}

@media (min-width: 800px) {
    .slider-slides .slides-item {
        padding: 0px;
    }

    .slider-slides {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        display: block;
        width: 100%;
        z-index: 99;
        text-align: right;
        direction: rtl;
        padding: 0 7px;
        width: 60px;
        height: 300px;
    }

        .slider-slides .slides-item {
            display: block;
         
        }

    .swiper-wrapper.mt-80 {
        margin-top:0;
    }
}


.tbclear{
    border:0!important;
    width:100%;
}

.accordion-panel {
    background-color: transparent;
}
    .accordion-panel:after {
        content: '';
        display: none;
       
    }

.accordion.accordion-panel .card {
    border-radius: 0.42rem;
}

.accordion.accordion-solid .card {
    border: 0;
    margin-bottom: 1.25rem;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #EBEDF3;
    border-radius: 0.42rem;
}

.accordion.accordion-solid .card .card-header {
    padding: 0;
    background-color: transparent;
}

.accordion .card .card-header {
    cursor: pointer;
    margin: 0;
    border-bottom: 0;
    padding: 0;
    background-color: #F3F6F9;
}
    .accordion .card .card-header .card-title {
        padding: 1rem 1.25rem;
        margin: 0;
        font-size: 1rem;
        font-weight: 500;
        color: #3699FF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

.accordion.accordion-panel .card .card-body {
    padding-top: 0;
    border: 0;
    border-radius: 0.42rem;
}

.accordion.accordion-solid .card .card-body {
    border: 1px solid #F3F6F9;
    border-bottom-right-radius: 0.42rem;
    border-bottom-left-radius: 0.42rem;
}

.accordion .card .card-body {
    padding: 1rem 1.25rem;
    font-size: 1rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 2.25rem;
}

.text-white {
    color: #FFFFFF !important;
}
.text-whiteO75 {
    color: rgba(255, 255, 255, 0.75) !important;
}


.monthtitle {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 40px;
    color: #0099A9;
    text-align: center;
}


.a-calender-days {
    padding-top: 20px;
}

    .a-calender-days .day-item {
        border: 1px solid rgba(0, 153, 169, 0.5);
        background-color: rgba(129, 218, 223, 0.2);
        padding-top: 10px;
        padding-bottom: 10px;
        color: #0099A9;
        background-image: linear-gradient(#fff,rgba(0, 153, 169, 0.05));
        /* 
        font-family: Almarai;*/
    }
        .a-calender-days .day-item.day-item-selected {
            border: 1px solid rgba(0, 153, 169, 0.5);
            background-color: rgba(129, 218, 223, 0.2);
            padding-top: 10px;
            /* padding-bottom : 10px;*/
            background-color: #0099A9;
            color: #FFF;
            background-image:none;
        }



.a-calender-days .day-item .dayno {
    font-size: 1.7rem;
    /*line-height: 1.7rem;*/
    display: block;
    text-align: center;
    font-weight: bold;
}
        .a-calender-days .day-item .dayname {
            font-size: .8rem;
            display: block;
            text-align: center;
        }



.a-calender-hours {
    padding-top: 20px;
}

    .a-calender-hours .col-xs-1,
    .a-calender-hours .col-xs-2,
    .a-calender-hours .col-xs-3,
    .a-calender-hours .col-xs-4,
    .a-calender-hours .col-xs-5,
    .a-calender-hours .col-xs-6,
    .a-calender-hours .col-xs-7,
    .a-calender-hours .col-xs-8,
    .a-calender-hours .col-xs-9,
    .a-calender-hours .col-xs-10,
    .a-calender-hours .col-xs-11,
    .a-calender-hours .col-xs-12 {
        float: right;
    }

    .a-calender-hours .hour-item {
        border: 1px solid rgba(0, 153, 169, 0.2);
        background-color: rgba(129, 218, 223, 0.1);
       /* margin-bottom: 10px;
        margin-left: 5px;
        margin-right: 5px;*/
        color: #0099A9;
        /*background-image: linear-gradient(#fff,rgba(0, 153, 169, 0.05));
         
        font-family: Almarai;*/
        font-size: .9rem;
        font-weight: bold;
    }
    .a-calender-hours .hour-item span {
       font-size: .7rem;
    }

        .a-calender-hours .hour-item.hour-item-selected {
            border: 1px solid rgba(0, 153, 169, 0.5);
            background-color: rgba(129, 218, 223, 0.2);
           
            /* padding-bottom : 10px;*/
            background-color: #0099A9;
            color: #FFF;
            background-image: none;
        }



    .a-calender-hours .hour-item .dayno {
        font-size: 1.7rem;
        /*line-height: 1.7rem;*/
        display: block;
        text-align: center;
        font-weight: bold;
    }

    .a-calender-hours .hour-item .dayname {
        font-size: .8rem;
        display: block;
        text-align: center;
    }




.navbar {
    padding: 15px 10px;
    background: #F3F6F8;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.xsidebar {
    width: 80%;
    position: fixed;
    top: 0;
    left: -85%;
    height: 100vh;
    z-index: 999;
    background: #F3F6F8;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    max-width: 320px;
   /* padding-right: 10px;
    padding-left: 10px;*/
}

    .xsidebar.active {
        left: 0;
    }

.xdismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #Fff;
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .xdismiss:hover {
        background: #fff;
        color: #F3F6F8;
    }

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    display: none;
}

.overlay.active {
    display: block;
}

.xsidebar .sidebar-header {
    padding: 10px;
    padding-right: 20px;
    background: #FFF;
    margin-bottom: 20px;
    /*background-image: linear-gradient(#fff,rgba(0, 153, 169, 0.05));
    -webkit-border-bottom-right-radius: 50px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 50px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 20px;*/
}




a[data-toggle="collapse"] {
    position: relative;
}

a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}

a[aria-expanded="true"]::before {
    content: '\e260';
}

.item-x {
    background: #FFF;
}

.tabtext {
    font-size: .7rem;
    margin-right: 3px;
}

/*.text-primary {
    color:#0099A9;
   
}*/

.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}

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

.alert-note {
    margin-bottom: 0;
    color: #ffa100;
    font-size: 12px;
}

.btnAddNew {
    position: fixed;
    bottom: 70px;
    right: 15px;
    color: #FFF;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(129, 218, 223, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(129, 218, 223, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(129, 218, 223, 0.5);
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.chattime {
    font-size: .6rem;
}
.alert {
    border-radius: 20px;
    border: none;
    margin: 10px 0;
    font-size: .9rem;
    padding: 15px;
}

.alert-chatright {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: none;
    font-size: .9rem;
    padding: 15px;
}

.alert-chatleft {
    background-color: #0099A9;
    color: rgba(255, 255, 255, 0.8);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;

    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: none;
    font-size: .9rem;
    padding: 10px;
    margin-bottom: 10px;
}