@import url("https://fonts.googleapis.com/css?family=Cairo:300,400,500,600,700&display=swap");
body {font-family: Cairo,sans-serif;}
.page-content {direction: rtl}
.page-bar {direction: rtl;}
.card-head header {float: right;}
.card-body {font-family: Cairo,sans-serif;}
.card-head header {float: right;}
.card-head .card_button {float: left}
.select2-container {text-align: right;}
.list-group-unbordered > .list-group-item { direction: rtl}
.card-head header {text-align: right;direction:rtl}
.form-group {text-align: right;}
.page-header.navbar .page-logo {float: right;}
.navbar-left {float: right !important;}
.page-header.navbar .top-menu {float: left;margin-left: 30px}
.sidemenu-container .sidemenu .sub-menu li > a, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu li > a {
    padding: 4px 15px 4px 20px;}
.sidemenu-container .sidemenu > li.active > a > i, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.active > a > i {
    float: right;}
.sidemenu-container .sidemenu .sub-menu li, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu li {
    margin-right: 35px;}
.sidemenu-container .sidemenu .sub-menu li > a, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu li > a {
        direction: rtl;text-align: right;}
.sidemenu-container-reversed .sidemenu-container 
{/*float: right;*/text-align: right;direction: rtl}
.sidemenu-container .sidemenu > li > a > i, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a > i {
    margin-left: 10px;float: right;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
    margin-right: -315px;direction: rtl}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
        text-align: right; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
    float: left;}
/*.notification-label { float: left;}*/
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
    float: right;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu::before {
    right: 337px;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu::after {
    right: 337px;}
.dropdown-menu {text-align: right;direction: rtl;}
.app-icon { min-width: 318px !important;left: -285px !important;}
.app-dropdown-header span { font-family: Cairo,sans-serif;padding-right: 20px;}
.app-icon-dropdown li a {font-family: Cairo,sans-serif;}
.fa-angle-right::before {content: "\f100";}
div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_length {
    direction: rtl;}
.select2-container .select2-selection--single .select2-selection__rendered {
    font-family: Cairo,sans-serif;}
.dropdown-menu {font-family: Cairo,sans-serif;}
.ar {direction: rtl; text-align:left}
h1, h2, h3, h4, h5, h6 {font-family: Cairo,sans-serif;}
.form-actions {float: left;}
.notification-list a span.icon {float: right;margin-right: 1px;margin-left: 5px}
tr { text-align: right}
.sidemenu-container .sidemenu .sub-menu li > a > .arrow:before,
.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu li > a > .arrow:before {
    content: "\f104";right: 165px}
textarea {text-align: left}
.medical-file .form-control {text-align: left;}
.vital-table {font-family: Cairo,Poppins;}
.med-insert {font-family: Cairo,sans-serif;}
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab  {font-family: Cairo,sans-serif;}
.ajax__tab_xp .ajax__tab_header {font-family: Cairo,sans-serif;}
.ajax__tab_inner {font-family: Cairo,sans-serif;}
.note {
    margin: 0 0 20px 0;
    padding: 15px 15px 15px 30px;
    border-right: 5px solid #eee;
    text-align: right;
    font-weight: bold;
    font-size:13px;
}

.note a {

    font-weight: bold;
    font-size: 13px;
    color :darkblue
}

.note.note-info { text-align: right}
.pull-right {float: right !important;}
.form-horizontal .control-label {text-align: right;}
.chkbox label {margin-right: 5px; margin-right: 5px; font-weight: 500;}
.listbox label {margin-left: 15px;font-weight: 500;margin-right: 3px;}
.btn_clear {margin-right: -10px;margin-left: -47px;}

.info-box-content {
    padding: 10px 10px 10px 0;
    margin-left: 90px;
    text-align: right;
}
.card-head .tools {
    padding-left: 2px;
    float: left;
    margin-right: 24px;
}
.info-box-icon {
    float: right;
    height: 70px;
    width: 70px;
    text-align: center;
    font-size: 30px;
    line-height: 74px;
    border-radius: 100%;
}
.info-box-content {
    padding: 10px 10px 10px 0;
    margin-right: 75px;
    margin-left: 5px;
}
.dropdown-menu-language {
    left: 0;
    right: -120px;
    min-width: 175px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu-language::before {
    right: 141px;
}
.dropdown-menu-user {
    left: 0;
    right: -120px;
    min-width: 175px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu-user::before {
    right: 141px;
}
.file-settings  textarea{
    direction: rtl;
    text-align: right
}


/*****************************
*	horizontal news ticker
******************************/

.ticker-wrapper-h {
    display: flex;
    position: relative;
    overflow: hidden;
    border: 1px solid White;
    margin-right: 45px;
    margin-top: 10px;
    background-color: White;
    direction: rtl;
    height: 35px;
}
.ticker-wrapper-h .heading {
        background-color: #031835;
        color: #fff;
        padding: 5px 10px;
        flex: 0 0 auto;
        z-index: 1000;
        font-size: 14px
    }
.ticker-wrapper-h .heading:after {
            content: "";
            position: absolute;
            top: 0;
            border-right: 20px solid #031835;
            border-top: 16px solid transparent;
            border-bottom: 20px solid transparent;
            margin-right: 10px
        }
.news-ticker-h {
    display: flex;
    margin: 0;
    padding: 0;
    padding-left: 90%;
    z-index: 999;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: tic-h;
    animation-duration: 30s;
}
.news-ticker-h:hover {
        animation-play-state: paused;
    }
.news-ticker-h li {
        display: flex;
        width: 100%;
        align-items: center;
        white-space: nowrap;
        padding-left: 50px;
    }
.news-ticker-h li a {
            color: Red !important;
            font-weight: bold;
        }

@keyframes tic-h {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}



/* Hero Unit ----------------------*/
.card-front .counter .card-des-left {
    float: right
}
.card-front .counter .card-des-right {
    float: left
}
.flip-cards {
    float: right;
    padding-right: 1rem;
}
.flip-cards li {
        float: right;
    }
.flip-cards li .card-title {
            float: right;
     
        }
.hero-unit .card-front .card-icon {
    margin: 4rem auto 0;
}
.hero-unit .card-back .hub-info {
    float: right;
    text-align:right;
    padding-right:10px;
    width:80%;
}
.hero-unit .card-back .card-icon {
    float: right;
    text-align: right;
    padding-right: 10px;
}
.fixed-social a:hover > span {
    right: 43px;
}
.fixed-social a span {
    right: 60px;
}
.note.note-info.note-bordered {
    background-color: #ddeff8;
    border-color: #9adcea;
}
.note.note-info {
    background-color: #eef7fb;
    border-color: #91d9e8;
    color: #31708f, 80%;
}
.note i {
    color: #ffb236
}
.note {
    width: 100%;
    border-left-color: rgb(238, 238, 238);
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.alert-note.alert-note-info.alert-note-bordered {
    background-color: #f7929e;
    border-color: #fa0d29;
}
.alert-note-info {
    background-color: #eef7fb;
    border-color: #91d9e8;
    color: #000000;
    text-align: right
}
.alert-note i {
    color: #ff1200;
    font-size:14px
}
.alert-note {
    width: 100%;
    border-left-color: rgb(238, 238, 238);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-right: 5px solid #eee;
}
.medical-file .alert-note-info {
    text-align: left;
    font-size: 14px
}
.medical-file .alert-note {
    text-align: left;
    padding: 15px 15px 15px 15px;
    border-right: 0px solid #eee;
    border-left: 5px solid #eee;
}
.form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
}
.form-control {
    text-align: right
}
.state-overview .value.white {
    text-align: right;
}
.state-overview .value {
    float: left;
    text-align: right;
}
.state-overview .value {
    border-right: 1px solid;
    padding-right: 10%;
}
.state-overview h1.sbold, .state-overview p.sbold {
    float: right;
}
.state-overview h1.sbold, .state-overview p a {
   color:white
}
.state-overview .col-lg-3, .state-overview .col-sm-6 {
    padding-right: 15px;
    padding-left: 5px;
}
.well-legend{
    margin-left:80%;
    text-align:right
}
.mdl-chip {
   font-family: Cairo,sans-serif;
    padding: 0 10px;
    margin: 0 0;
}
.mdl-chip__contact {
    margin-right: -10px;
  
}
.mdl-chip__text {
    font-size: 12px;

}

.to-do-list {
    padding-right: 0;
    float: right;
}
.todo-actionlist {
    left: -5px;

}
.to-do-list li {

    text-align: right;
}

.to-do-list li {
    padding: 10px 0;
    text-align: right;
}
.todo-actionlist a {

    margin-top: -13px;
}

.filler .input-height {
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    font-family: Poppins,Cairo;
}
.filler .control-label {
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    font-family: Poppins,Cairo;
}