﻿
body {
    /*background-image: url("App_Themes/NewTemplate/Images/Layer 7.png");*/
    background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url('/App_Themes/NewTemplate/Images/Layer 7.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    direction: rtl;
    font-family: 'Yekan' !important;
}

ul li {
    float: right;
}
#toTop {
    /*display: none;*/
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 32px;
    height: 32px;
    border: none;
    text-indent: 100%;
    background: url(/App_Themes/ReferralCss/images/top_move.png) no-repeat 0px 0px;
}
.HeaderOverlay_copy {
    /*height: 13%;*/
    height: 95px; /* changed for demo */
    width: 100%;
    /*position: fixed;*/
    z-index: 1;
    top: 0;
    left: 0;
    /*background-color: rgba(46,108,131, .5);*/
    background-color: white;
    overflow-y: hidden;
    transition: 1s;
}

.HeaderOverlay {
    height: 95px;
    width: 100%;
    /* position: fixed; */
    z-index: 1;
    top: 0;
    left: 0;
    /* background-color: rgba(46,108,131, .5); */
    background-color: white;
    overflow-y: hidden;
    transition: 1s;
    background-image: url(../ReferralCss/images/layers/text.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.OverlayContent {
    position: relative;
    width: 100%;
    /*overflow: hidden;*/
}

.SiteTitle {
    font-size: 1.9em !important;
    /*font-weight:bold;*/
    color: white;
    font-family: 'B Yekan';
}

.HeaderOverlay > ul {
    height: 100%;
    margin: 0px !important;
}

    .HeaderOverlay > ul > li {
        float: right;
        height: 100%;
    }

        .HeaderOverlay > ul > li:first-child {
            width: 250px;
        }

.HeaderOverlay img {
    width: 100%;
    height: 100%;
}

.HeaderOverlay > ul > li:nth-child(20) {
    width: 62%;
    text-align: center;
    /*padding: 37px 0;*/
}

.HeaderOverlay > ul > li:nth-child(2) {
    width: 250px;
    text-align: center;
    /* padding: 37px 0; */
    float: left;
    background-image: url(../ReferralCss/images/layers/left.png);
    background-repeat: no-repeat;
    background-position: center center;
}

._logo1Copy {
    width: 7% !important;
    height: 94px !important;
    position: absolute;
    top: 0;
    left: 5%;
}

._logo1 {
    height: 90px !important;
    width: 90px !important;
    float: left;
    margin-left: 51px;
}

.HeaderOverlay > ul > li:nth-child(3) {
    width: 19%;
}

    .HeaderOverlay > ul > li:nth-child(3) span, ._middleDiv > ul:first-child span {
        /*padding: 7px 35px 0;*/
        padding: 7px 15px 0 35px;
        border: 1px solid white;
        border-radius: 3px;
        text-align: center;
        width: 25%;
        color: white;
        float: right;
        margin: 30px;
        vertical-align: middle;
        font-weight: bold;
        font-size: 12px;
    }



.PatientInfo_Div > div {
    width: 100% !important;
}

._BotDivPanel {
    height: 110px;
    width: 100%;
    min-width: 1200px;
    margin: 5% auto 0% auto;
}

    ._BotDivPanel > ul {
        height: 100%;
        width: 100%;
        margin: 0 auto;
    }

        ._BotDivPanel > ul > li {
            height: 100%;
            width: 15%;
            border-radius: 3px;
            float: right;
        }

            ._BotDivPanel > ul > li > p {
                color: white;
                font-size: 20px;
                /*font-weight: bold;*/
                /* line-height: 105px; */
                padding: 38px 20px;
                width: 50%;
            }

    ._BotDivPanel a {
        text-decoration: none;
        color: white !important;
    }

    ._BotDivPanel > ul > li:nth-child(1) {
        background: url('/App_Themes/NewTemplate/Images/Icon1.png') no-repeat rgb(129,76,118);
        background-position: left 10px center;
        background-size: 31% 70%;
        margin-left: 2%;
        margin-right: 9%;
        cursor: pointer;
    }

    ._BotDivPanel > ul > li:nth-child(2) {
        background: url('/App_Themes/NewTemplate/Images/Icon2.png') no-repeat rgb(129,76,118);
        background-position: left 10px center;
        background-size: 31% 70%;
        /*background-color: rgb(66,222,201);*/
        background-color: #ff4c1c;
        margin-left: 2%;
        cursor: pointer;
    }

    ._BotDivPanel > ul > li:nth-child(3) {
        background: url('/App_Themes/NewTemplate/Images/Icon3.png') no-repeat rgb(129,76,118);
        background-position: left 10px center;
        background-size: 31% 70%;
        /*background-color: rgb(76,197,250);*/
        background-color: #cd5360;
        margin-left: 2%;
        cursor: pointer;
    }

    ._BotDivPanel > ul > li:nth-child(4) {
        background: url('/App_Themes/NewTemplate/Images/icon3.png') no-repeat rgb(129,76,118);
        background-position: left 10px center;
        background-size: 31% 70%;
        background-color: #007bff;
        margin-left: 2%;
        cursor: pointer;
    }
    ._BotDivPanel > ul > li:nth-child(5) {
        background: url('/App_Themes/NewTemplate/Images/Icon4.png') no-repeat rgb(129,76,118);
        background-position: left 10px center;
        background-size: 31% 70%;
        background-color: rgb(130,175,116);
        margin-left: 2%;
        cursor: pointer;
    }

._footerDiv {
    width: 100%;
    height: 10px;
    color: white;
    font-size: 11px;
    clear: both;
    text-align: center;
    position: fixed;
    bottom: 20px;
}

.txtSearch {
    width: 100%;
    height: 35px !important;
    font-family: 'B Yekan';
    padding: 3px !important;
    border-radius: 3px;
    padding-right: 20px !important;
}

._SearchDivTop > ul > li:first-child {
    width: 65% !important;
}

._middleDiv {
    padding: 4% 8%;
    height: 100px;
    border-radius: 4px;
    width: 60%;
    min-width: 960px;
    margin: 5% auto 0% auto;
    background-color: rgba(46,108,131, .8);
}

    ._middleDiv > ul {
        width: 100%;
        height: 60px;
    }

#_btnSearch {
    height: 30px;
    margin: 0 45% 0 0;
    cursor: pointer;
    background: url('/App_Themes/NewTemplate/Images/search.png') no-repeat;
    text-align: right;
    background-size: 40% 70%;
    background-position: left;
    font-weight: 500;
    font-size: 13px;
    padding-left: 40px;
}

._SearchDiv > li {
    width: 13% !important; /*margin-left:9px;*/
}

._SearchDiv > li {
    float: right;
}

_SearchDiv select, .chosen-container {
    width: 90% !important;
    background-color: transparent !important;
    border-color: #ccc !important;
    border-radius: 3px !important;
    /*height:30px;*/
}

_SearchDiv .chosen-container {
    color: white !important;
}

._SearchDiv input {
    width: 100%;
}

.chosen-results > li {
    width: 100%;
}

.main-content {
    /* margin-left: 190px; */
    /* margin-right: 0; */
    /* margin-top: 0; */
    min-height: 100%;
    padding: 0;
    width: 100%;
    margin: 2% auto;
    background-color: white;
}

._Logo {
    /*margin: 3% 25% 0 0;
    width: 25%;
    height: 86%;*/
    position: absolute;
    top: 2%;
    left: 5%;
    width: 5%;
    /*height: 18%;*/
    /* height: 86%; */
}
/*Patient Information Entry*/
._PInfoTableContainer {
    border-radius: 1em;
    /*overflow: hidden;*/
    width: 100%;
    height: 100%;
    margin-top: 50px;
    background-color: #F3F3F3;
    border: 1px solid #ccc;
}

._PInfoTable {
    width: 100%;
    height: 100%;
    direction: rtl;
}

    ._PRcieptTable input, ._PRcieptTable select, ._PRcieptTable .chosen-container, ._PInfoTable input, ._PInfoTable select, ._PInfoTable .chosen-container {
        border: none !important;
        background-color: white !important;
        width: 45% !important;
        border-color: white !important;
        color: #9A9B9C;
    }

    ._PInfoTable input, ._PInfoTable select, ._PInfoTable .chosen-container {
        width: 58% !important;
    }

#LOCDescriptionNationalCode_chosen, #DoctorNationalCode_chosen {
    width: 59% !important;
}

._PRcieptTable #ScheduleDate {
    width: 100% !important;
}

._PInfoTable td {
    width: 50%;
    height: 5% !important;
    padding: 0.5% 3% 0 0;
}

._PInfoTable .chosen-container-single .chosen-single, ._PRcieptTable .chosen-container-single .chosen-single {
    color: #444 !important;
}

._PInfoTable ._SemiCol {
    width: 100%;
    margin-bottom: 4%;
}

._PInfoTable .chosen-container-active .chosen-single, ._SearchDiv .chosen-container-active .chosen-single {
    /*color: #6A747E;*/
    /*color: BLACK;*/
    color: #aaa;
}

._PInfoTableContainer input[type="text"]  {
    font-family: Yekan;
    color: #424040;
    border: 1px solid #5b57573d !important;
    border-radius: 5px !important;
    margin: 0 !important;
}
._PInfoTableContainer button {
    font-family: Yekan;
    color: #424040;
    border: 1px solid #5b57573d !important;
    border-radius: 5px !important;
    margin: 0 !important;
}

span._PlblTitle {
    font-family: iransans;
    font-size: 14px;
    padding: 2% 5% 0 0;
    margin-left: 3%;
    width: 24%;
    /* display: block; */
    float: right;
}

._PInfoTableContainer span._PlblTitle {
    font-family: iransans;
    font-size: 12px;
    padding: 2% 2% 0 0;
    margin-left: 3%;
    width: 20%;
    /* display: block; */
    float: right;
}

._PInfoHeader > td {
    background-color: #3E454C;
    height: 10%;
    padding: 0 !important;
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important;
}

    ._PInfoHeader > td > p {
        font-family: Iransans;
        color: white;
        font-weight: bold;
        font-size: 15px;
        margin: 3% auto;
        width: 95%;
        float: right;
        text-align: center;
    }

    ._PInfoHeader > td > img {
        float: right;
        margin: 7px;
    }

@font-face {
    font-family: 'Iransans';
    src: url('/App_Themes/Fonts/iransans.ttf');
}

._PInfoTable tr:nth-child(2) {
    height: 8% !importnat;
}

._DrContainer {
    width: 100%;
    /*height: 94%;*/
    height: 100%;
    background-color: #E3E3E4;
    font-size: 16px;
}

._PInfoTable input[type="button"], ._PRcieptTable input[type="button"] {
    float: left;
    width: 45%;
    height: 40px;
    border-radius: 3px;
    margin-left: 1%;
    padding: 10px 15px;
    font-family: iransans;
    /*margin-bottom: 50px;*/
    background-color: #9A9B9C !important;
    color: white;
    border: none;
}
._PInfoTable button, ._PRcieptTable button {
    float: left;
    width: 60%;
    height: 60px;
    border-radius: 3px;
    margin-left: 1%;
    padding: 10px 15px;
    font-family: iransans;
    /*margin-bottom: 50px;*/
    background-color: #9A9B9C !important;
    color: white;
    border: none;
}

    ._PInfoTable input[type="button"]:hover, ._PRcieptTable input[type="button"] {
        background-color: #4CC5FA !important;
    }
._PInfoTable button:hover, ._PRcieptTable button {
    background-color: #4CC5FA !important;
}

._btnContainer {
    width: 82%;
    /*height: 60px;*/
}

._DrContainer ul {
    width: 40% !important;
    /*height: 100% !important;*/
    float: right !important;
    color: #66727E;
    margin: 3% 2% 2% 2% !important;
}

    ._DrContainer ul:nth-child(1) {
        margin-right: 3px;
    }

    ._DrContainer ul li {
        width: 100% !important;
        float: right !important;
        vertical-align: central;
        font-size: 0.8em !important;
    }

        ._DrContainer ul li span {
            width: 50%;
            text-align: center;
            float: right;
        }

    ._DrContainer ul:nth-child(2) li {
        border-bottom: 2px solid #66727E;
    }

    ._DrContainer ul:nth-child(2) {
        width: 45% !important;
        /*margin-top: 12% !important;*/
    }

._DrContainer ._lblT {
    width: 25% !important;
}

._DrContainer ._lblC {
    width: 75% !important;
    /*font-size: 12px;*/
    font-weight: bold;
}

._RecieptRetrival._PInfoTableContainer {
    padding-bottom: 0px !important;
}

._ProfilePic {
    width: 35%;
    height: 50%;
    border-radius: 20px;
    margin: 0 20% !important;
    /* float: right; */
    /* margin-right: 5% !important; */
    vertical-align: center !important;
    margin-top: 0px !important;
}

._RecieptRetrival {
    width: 100%;
    height: 380px !important;
    background-color: #F3F3F3;
}

    ._RecieptRetrival > td > p {
        margin: 1% auto !important;
    }

._PRcieptTable {
    width: 100%;
}

    ._PRcieptTable tr {
        width: 100%;
    }

    ._PRcieptTable ._PInfoHeader td {
        width: 100% !important;
    }

        ._PRcieptTable ._PInfoHeader td p {
            margin: 2% 0 2% 0;
        }

    ._PRcieptTable td {
        width: 45%;
        height: 50px;
        direction: rtl;
        float: right;
        padding-right: 2%;
    }

    ._PRcieptTable tr td:first-child {
        border-left: 1px solid #6F6F6F;
    }

    ._PRcieptTable tr:nth-child(2) td {
        border-left: none !important;
    }

    ._PRcieptTable input[type="button"] {
        width: 85% !important;
        margin-left: 9%;
    }

    ._PRcieptTable select, ._PRcieptTable input[type="text"] {
        width: 55% !important;
    }


._PInfoConfirmContainer {
    background-color: #F3F3F3 !important;
}

    ._PInfoConfirmContainer ._PInfoTable {
        height: 0 !important;
    }

    ._PInfoConfirmContainer > td > p {
        width: 40% !important;
    }

    ._PInfoConfirmContainer td {
        width: 30% !important;
        height: 20%;
        padding: 0 !important;
    }

    ._PInfoConfirmContainer tr:nth-child(2) div {
        width: 87%;
        height: 160px;
        /*margin: 5% 10%;*/
        margin-top: 40px;
        margin-bottom: 30px;
        /* border: 1px solid blue; */
        background-color: #E3E3E3;
    }

    ._PInfoConfirmContainer tr:nth-child(2) td:first-child div {
        margin-right: 10%;
    }

    ._PInfoConfirmContainer tr:nth-child(2) td:nth-child(2) div {
        margin-right: 0;
    }

    ._PInfoConfirmContainer tr:nth-child(3) div {
        width: 88.5%;
        height: 180px;
        margin: 0% 5% 2%;
        /* border: 1px solid blue; */
        background-color: #E3E3E3;
    }

._PInfoConfirmContainer {
    height: 580px;
}

._btnConfirmContainer input[type="button"] {
    width: 20% !important;
}

._btnConfirmContainer {
    width: 100%;
}

._PInfoConfirmContainer ul {
    padding: 15px 20px;
    font-size: 17px;
    color: #9E9EA0;
}

    ._PInfoConfirmContainer ul li {
        height: 25px;
        float: right;
        text-decoration: none;
        width: 90%;
    }

        ._PInfoConfirmContainer ul li:first-child {
            color: #6A747E;
            margin-bottom: 5px;
        }

._ScheduleInfo {
    width: 50%;
    float: right;
}

._Price {
    color: #6A747E;
    font-size: 20px;
    background-color: #DBDCDe;
    width: 25%;
    float: right;
    padding: 0 !important;
    float: left;
    margin-top: 15px;
    height: 120px;
}

    ._Price li {
        text-align: center;
        padding: 15% 6% 0 10%;
        font-size: 22px;
        line-height: 35px;
        font-weight: bold;
    }

._PInfoTableContainer {
    border-radius: 1em;
    /*overflow: hidden;*/
    width: 60%;
    /*height: 530px;*/
    margin-top: 50px;
    background-color: #F3F3F3;
    border: 1px solid #ccc;
    /*padding-bottom: 5%;*/
}

._lblValid {
    color: red;
}

#GridDoctor {
    direction: ltr;
    text-align: right;
    margin-bottom: 5%;
}

.k-grid-header-wrap {
    direction: rtl;
}

.k-grid-content table {
    direction: rtl;
}
/*div.k-grid-header, div.k-grid-footer,k-grid-content table{direction:rtl;}*/

._middleDiv .chosen-drop {
    width: 200px !important;
}

.chosen-search input[type="text"] {
    width: 100% !important;
}

/*Help Page*/

::-webkit-input-placeholder {
    color: grey;
}

:-moz-placeholder { /* Firefox 18- */
    color: grey;
}

::-moz-placeholder { /* Firefox 19+ */
    color: grey;
}

:-ms-input-placeholder {
    color: grey;
}

.jnewsbar.jnews-top .jnewsbar-title h2 {
    color: #ffffff;
}

.jnewsbar.jnews-top .jnewsbar-title {
    background-color: #292b2d;
}

.jnewsbar.jnews-top li, .jnewsbar.jnews-top li a, .jnewsbar.jnews-top span, .jnewsbar.jnews-top a .jnewsbar.jnews-top p, .jnewsbar-navigate a {
    color: #0094FF;
}

.cuter {
    float: right;
    width: 50%;
    height: auto;
}

#DateValid > span {
    /*position: absolute;*/
    /*margin: -11px -193px 0 0 !important;*/
}

.Box {
    width: 60%;
    margin-right: 3%;
    overflow-y: scroll;
    height: 124px;
    margin-top: 9px;
    -webkit-box-shadow: 0 0 8px #000;
    -ms-box-shadow: 0 0 8px #000;
    box-shadow: 0 0 8px black;
    font-family: Yekan;
    background-color: white;
}

.TitleH5 {
    font-size: 15px;
}


@media (max-width: 700px) {
    .Box {
        width: 90%;
    }

    .TitleH5 {
        font-size: 10px;
    }

    .cuter {
        width: 100%;
    }

    .lblPersonalInfo {
        font-size: 10px !important;
    }
}

.Box > h3 {
    color: #00ced1;
    margin: 0 10px 0 0 !important;
    /*text-shadow: 0px 2px 2px rgb(92, 92, 92);*/
}

.Box > h5 {
    margin: -2px 5px 0 0 !important;
    color: #000;
    font-size: small;
    text-align: right;
}

.controls {
    width: auto;
    margin: 2% 0 0 3%;
    float: right;
    min-width: 70%;
    max-width: 100%;
    height: 80% !important;
}

.lblPersonalInfo {
    float: right;
    width: 22%;
    height: 19%;
    color: #0054FF;
    clear: right;
}


.control-group {
    width: 90%;
    height: 10%;
    margin-bottom: 0 !important;
}
/*.rtl .input-prepend .add-on, .rtl .input-prepend .btn{
            margin-right:15px;
        }*/


.k-grid-content {
    height: 408.778px !important;
}

.Box {
    direction: rtl;
}

@media (max-width: 1024px) {
    ._middleDiv {
        padding: 4% 0px;
        /*padding:0 0px;*/
    }
}
   table.blueTable {
            background-color: #EEEEEE;
            width: 500px;
            text-align: right;
            margin-top: 100px;
            border-radius: 5px;
        }

            table.blueTable td, table.blueTable th {
                border: 0px solid #AAAAAA;
               padding: 10px 15px 5px 0;
            }

            table.blueTable tbody td {
                font-size: 13px;
            }

            table.blueTable thead {
                background: #3E454C;
            }

                table.blueTable thead th {
                    font-size: 15px;
                    font-weight: bold;
                    color: #FFFFFF;
                }

            table.blueTable tfoot td {
                font-size: 14px;
            }
            table.blueTable th p{}
            table.blueTable th img{float:right;margin-left:15px;}


            /*----------------Discussion-------------------*/

            table.TableResult {
  border: 2px solid #FFFFFF;
  width: 60%;
  text-align: center;
  border-collapse: collapse;
  margin-top:100px;
}
table.TableResult td, table.TableResult th {
  border: 1px solid #FFFFFF;
  padding: 3px 4px;
}
table.TableResult tbody td {
  font-size: 13px;
}
table.TableResult td:nth-child(even) {
  background: #EBEBEB;
}
table.TableResult thead {
  background: #FFFFFF;
  border-bottom: 4px solid #333333;
}
table.TableResult thead th {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  border-left: 2px solid #333333;
}
table.TableResult thead th:first-child {
  border-left: none;
}

table.TableResult tfoot td {
  font-size: 14px;
}
fieldset.scheduler-border {
    border: 1px solid lightgray;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: right !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    margin-bottom:0px;
}
