/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
.message-center { margin-top: 2.5em; min-height: 3em; text-align: center; color: #FFFFFF; }
.message-upper { margin-top: .5em; min-height: 1.2em; text-align: center; color: red; }
.btngroup2, .btngroup1 { font-size: 1em !important; }
.km-right { float: right; }
.messageList { font-size: .8em; }
.km-ios #actionsheet-view .km-listview { background: url(@Url.Content("~/content/kendo/images/patterns/pattern8.png")); }
.messageList p, .messageList h2 { margin: 1px 2px; font-weight: bold; }
.messageList p, .messageList h3 { margin: 1px; }
.messageList h3 {color: #1A4D80;}
.messageList h3.time { color: #717171; margin: 1px; float: left; font-weight: bold; }
#actionResult { padding: 10px; background: rgba(127,127,127,.5); box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; }
.km-ios #actionsheet-view .km-navbar { background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(0.06, rgba(255, 255, 255, 0.45)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(1, rgba(100, 100, 100, 0))), url(@Url.Content("~/content/kendo/images/patterns/pattern7.png")); background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.45) 6%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(100, 100, 100, 0)), url(@Url.Content("~/content/kendo/images/patterns/pattern7.png")); }
.km-ios #actionsheet-view .km-content .km-button { background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(0.06, rgba(255, 255, 255, 0.45)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(1, rgba(100, 100, 100, 0))), url(@Url.Content("~/content/kendo/images/patterns/pattern1.png")); background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.45) 6%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(100, 100, 100, 0)), url(@Url.Content("~/content/kendo/images/patterns/pattern1.png")); }
.km-tablet .km-ios #actionsheet-view .km-view-title { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.5); }
.km-list > li input[type='submit'] { font-size: 1em; font-weight: bold; width: 75px; }
.km-list > li input[type='button'] { font-size: 1em; font-weight: bold; width: 75px; }
.km-ios #loading .km-content { background: transparent; }
#loading .km-content { text-align: center; }
#show { margin-top: 100px; font-size: 1.5em; }
.km-meego h1.loaderHeading, .km-android h1.loaderHeading, .km-blackberry h1.loaderHeading { display: block; position: absolute; overflow: hidden; width: 1em; left: 50%; height: 1em; top: 50%; font-size: 1.2em; margin: -.65em 0 0 -.5em; }
.km-ios h1.loaderHeading { font-size: 1em; }
.km-meego h1.loaderHeading, .km-blackberry h1.loaderHeading { font-size: 1.5em; }
.authentication { position: absolute; top: 0; right: 10px; }
.right { float: right; }
.value { font-weight: normal; }
.scroller-content { margin-top: 0.5em; font-weight: normal; background-color: #fff; box-shadow: 0 .1em .3em rgba(0, 0, 0, 0.45) inset; font-size: .8rem; }
.scroller-content .km-scroll-container p { font-size: 1.5em; text-align: justify; }
.scroller-content p textarea { width: 100% !important; font-size: 1.5em !important; text-align: justify; float: none !important; resize: none; }
.km-list > li, .km-root .km-listview-link, .km-root .km-listview-label { padding: .3em .5em; }
/*.km-ios .km-list > li { font-size: 1.0em; }*/
.italic { font-style: italic; }
.large-font { font-size: 1.3em; }
.small-font { font-size: .9em; }
.smaller-font { font-size: .7em; }
.display-none { display: none; }
.display-block { display: block; }
.overflow-hidden { overflow: hidden; }
.recipient-content { font-weight: normal; overflow: hidden; text-align: justify; height: 15px; word-wrap: break-word; }
.height-auto { height: auto; }
.left { float: left; }
.clear { clear: both; }
.logo { width: 8.36em; float: left; }
.loggedin-user { float: left; padding: .2em 0 0 .4em; font-size: .8em; }
.gray { color: gray; font-size: .9em; }
.green { color: green; font-size: .9em; }
.red { color: Red; }
.empty-inbox { text-align: center; }
/* #viewlogin #Email, #viewlogin #Password, #viewlogin #Pin { left: 100px; min-width: 200px; }
#viewlogin label { width: 100px; } */
#back-button { float: left; }
.removerecipent { background-image: url('themes/base/images/blue-cross-icon.png'); background-repeat: no-repeat; background-attachment: fixed; background-position: right center; height: 16px; width: 16px; }
.km-root .km-pane .km-view .km-icon { background-size: 100% 100%; -webkit-background-clip: border-box; background: none repeat scroll 0 0 transparent; }
.km-logoff { background-image: url('themes/base/images/logoff.png') !important; background-position: -3px -3px !important; }
.ordercount { background-color: #336699; border-radius: 15px 15px 15px 15px; color: #FFFFFF; font-size: 10px; margin-left: 60px; padding:4px 8px; vertical-align:top; display:inline-block; margin-top:-1px;}
.km-state-active .km-attachment { background-image: url('themes/base/images/pin-blue.png') !important; background-repeat: no-repeat !important; }
.km-attachment { background-image: url('themes/base/images/pin.png') !important; background-repeat: no-repeat !important; }
.km-root .km-pane .km-view .km-attachment:after, .km-root .km-pane .km-view .km-attachment:before { visibility: hidden; content: ""; background-repeat: no-repeat; }
.km-listview-link:after { border-style: none; }
.validation-summary-errors { padding: 1.5em; text-align: center; }
.recipients { line-height: 1.2em !important; }
.recipientslabel { font-size: 1.2em; font-weight: bold; }
.class-modelview { width: 100%; height: 100%; }
#attachmentlist span { font-weight: normal; }
#inbox li, #history li { border-left: .75em solid transparent; }
.urgent:before { 
    content: "";
    color: #CA000F;
    display: block;
    position: absolute;
    font-size: 52px;
    width: 3px;
    height: 97px;
    position: absolute;
    left: -11px;
    top: -18px;
    background: #CA000F;
    z-index: 100;
}

.k-animation-container { width: 90% !important; height: 90% !important; }
.k-animation-container .k-popup { width: 100% !important; }
.k-animation-container .k-popup .km-modalview { width: 100% !important; height: 100% !important; }
.multilevel { font-size: 1em !important; padding: 0 1em !important; }
.multilevel ul { font-size: 1.1em !important; padding: 0 1em !important; }

.amsg._message{
    position:relative;
}

/********************************/


.km-modalview-wrapper { left: 0px !important; padding: 0px 0px 0px 0px !important; }

#modalviewINRList li input[type='text'], #modalviewINRList li input[type='password'] { /*  left: 18% !important;     min-width: 80% !important;*/ }

/*#modalviewINRList li label { float: left; width: 50% !important; }*/

#modalview-order li input[type='password'] { left: 18% !important; margin-left: 30px; min-width: 80% !important; }
#modalview-order li textarea { left: 18% !important; top: 3px; min-height: 50px; min-width: 68% !important; position: absolute; margin-left: 30px; }
#modalview-medRx li input[type='text'], #modalview-medRx li input[type='password'], #modalview-medRx li select { margin-left: 62px; left: 38% !important; min-width: 50% !important; }

#otherMessageDiv li input[type='text'] { left: 18% !important; margin-left: 40px; min-width: 60% !important; }

#urgentMessages { color: Red; }
.msgNotice { float: left; margin: .5em .5em 0 0; }
#newMessages, #urgentMessages { font-size: 1.5em; text-align: center; margin: 0 0 0 20px; }
#buttonPanel, #noticePanel { clear: both; text-align: center; margin: 2em 0 0 0; min-height: 10em; }

.menuButton { font-size: 1.5em; width: 60%; margin-top: .5em; }
.txtName, .txtUserName, .txtPassword { border: 1px solid #AAA; border-radius: 15px; position: static; margin-left: 1em; margin-top: 0.3em; margin-bottom: 0.3em; background: white; color: black; padding: 7px; }
#loginHeader, #fullLogInHeader { text-align: center; }
#divLoginPanel, #fullLoginButton { text-align: center; font-size: 15px; margin: 10px, 10px, 20px ,0px; }

/*For diaplying message icon in history tab under details section*/
.MessagePhoto { border-radius: 8px 8px 8px 8px; box-shadow: 0 1px 3px #333333; float: left; height: 3em; margin: 1.0em 1em 1em 1.2em; vertical-align: middle; width: 3em; }



.usertype { display: none; width: 100%; margin-top: 1em; margin-bottom: 1em; }

.label { height: 3em; padding-top: .8em !important; }
.attachedOrders{}

/**** for validation********/
.formError { position: absolute; top: 300px; left: 300px; padding-bottom: 13px; display: block; z-index: 500000; cursor: pointer; }
#debugMode { background: #000; position: fixed; width: 100%; height: 200px; top: 0; left: 0; overflow: scroll; opacity: 0.8; display: block; color: #fff; font-size: 14px; z-index: 100000; padding: 10px; }
.ajaxSubmit { background: #55ea55; border: 1px solid #999; display: none; padding: 20px; }
.formError .formErrorContent { background: #AEBACC; color: #FF201F; width: 120px; font-family: Arial; font-size: 12px; border: 2px solid #AEBACC; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 4px 10px; }
.formError .formErrorArrow { width: 15px; z-index: 5001; margin: -2px 0 0 13px; }
.formError .formErrorArrowBottom { top: 0; margin: -6px; }
.formError .formErrorArrow div { border-left: 2px solid #E0F3F9; border-right: 2px solid #E0F3F9; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; height: 1px; line-height: 0; font-size: 0; display: block; margin: 0 auto; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #E0F3F9; border-right: 2px solid #E0F3F9; border-bottom: 0 solid #E0F3F9; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #E0F3F9; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #E0F3F9; }
.formErrorNew { top: 0; left: 0; display: block; cursor: auto; position: relative; padding: 0; }
.greenPopup .formErrorContent, .greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorContent, .blackPopup .formErrorArrow div { background: #393939; color: #FFF; }
.popUpDivInitial { display: none; position: fixed; background: #FFF; z-index: 5; font-size: 13px; margin: 0 auto; padding: 0; }
.ImagePreview { height: 80px; width: 100px; float: left; padding-left: 10px; }
/**** End for validation*****/
#LoadMoreInbox .emptytmpl, #LoadMoreFiled .emptytmpl, #LoadMoreSent .emptytmpl{font-size: 1.8em; text-align: center}

.km-logout:after,
    .km-logout:before
    {
        content: "\e0b9";
    }

.km-INR:after,
    .km-INR:before
    { 
        font-family: FontAwesome;
        content: "\f043";
    }
/*.km-messageclose-e:after,
    .km-messageclose-e:before
    {
        content: "\e099";
    }*/
.km-messageclose-e:after,
    .km-messageclose-e:before {
     font-family: FontAwesome;
    content: "\f0e0";
}

.km-patient1-e:after,
    .km-patient1-e:before {
     font-family: FontAwesome;
    content: "\f193";
}
.km-patient-e:after,
    .km-patient-e:before {
     font-family: FontAwesome;
    content: "\f29b";
}
.km-messageopen-e:after,
    .km-messageopen-e:before
    {
        content: "\e09a";
    }

.km-Checkitem-e:after,
    .km-Checkitem-e:before
    {
        content: "\f00c";
        font-family: FontAwesome;
        color:green !important;
    }

.showdata{
    display:block;
}
.hideinfo {
display:none !important;
}


.km-newmessage-e:after,
    .km-newmessage-e:before
    {
        content: "\e07b";
    }
.km-facility-e:after,
    .km-facility-e:before
    {
        content: "\e312";
    }
.km-user-e:after,
    .km-patient-e:before
    {
        content: "\e319";
    }
.km-cpo-e:after,
    .km-cpo-e:before
    {
        content: "\e307";
    }

.km-openfile-e:after,
    .km-openfile-e:before
    {
        content: "\e0a2";
    }

.km-fileopen-e:after,
    .km-fileopen-e:before
    {
        content: "\e0cf";
    }

.km-Complete-e:after,
    .km-Complete-e:before
    {
        content: "\e030";
    }
.km-sent-e:after,
    .km-sent-e:before
    {
        content: "\e076";
    }

.km-dolist-e:after,
    .km-dolist-e:before {
     /*font-family: icomoon;
    content: "\e900";*/
      font-family: FontAwesome;
    content: "\f022";
}
.km-hidden-e:after,
    .km-hidden-e:before {
     /*font-family: icomoon;
    content: "\e900";*/
      font-family: FontAwesome;
    content: "\f056";
}
.km-inprogress-e:after,
    .km-inprogress-e:before {
     /*font-family: icomoon;
    content: "\e901";
        font-size: 1.3em;
    left: -12px;*/
     font-family: FontAwesome;
         content: "\f0ae";
}
/*message details*/

    .large-font {
        font-size: 1.3em;
    }

    .smaller-font {
        font-size: 0.8em;
    }

    .italic {
        font-style: italic;
    }

    .right {
        float: right;
        padding-right:5%;
    }

    .small-font {
        font-size: 0.9em;
    }

    .value {
        font-weight: normal;
    }

    .recipientslabel {
        font-size: 1.2em;
        font-weight: bold;
    }

    .msgBody {
        /*background-color: white;*/
        padding: 10px;
        color: #000;
        text-align: justify !important;
    }

    #txtMdPIN {
        -webkit-text-security: disc;
    }

    #Pin {
        -webkit-text-security: disc;
    }
   #MessageDetail .km-group-container .km-listview-wrapper {
    border: dotted #000;
    border-width: 1px;
    margin-bottom: 10px;

    }
     #MessageDetail .km-list > li {
        font-size: 14px;
         padding-bottom: 0.0em; 
         padding:8px
    }
    #MessageDetail .large-font {
    color: #777;
}
     #MessageDetail .time  {
     color: #369;
     font-weight: bold;
}
     #MessageDetail .orderclass {
        color:#09786E;
    }
    #tempheader li
    {
        padding-left:5%;
    }
 .invalidPinMessage {
        color: red !important;
    }

 .validPinMessage {
        color: green !important;
    }
   


 span.k-icon.k-i-arrow-s {
    background-image:url('../content/images/icons/down16.png');
    background-size: 16px 16px;
    background-position: 0 5.1px;
}
.k-list-optionlabel {
    background-color:white;
}

.km-del-f:after,
    .km-del-f:before
    {
        content: "\e038";
    }

#bgTimeLogEntry {
    margin:0;
}
/*.km-state-no-active {
    background:#C1BDBB;
}*/