html, body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #5e5046; padding: 0; margin: 0; }
#nav-container { position: relative; width: 100%; height: 61px; background: #e5e9f3 url(../../images/nav-bg.gif) bottom left repeat-x; /*border-right: 1px solid #b8b092; border-left: 1px solid #b8b092;*/ }
#pageBody { width: 100%; min-width: 1004px; background-color: #5e5046; }
#bodyContent { background-color: White; height: auto; width: 100%; }

#breadcrumbs { font-size: 16px; margin: 0; height: 30px; background: url(../../images/breadcrumbs_bg.gif) 0 0 repeat-x; background-position: 0 -30px; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; width: auto; padding: 0; line-height: 28px; font-weight: bold; color: #1C7AB2; }
#last_crumb { margin: 0 0 0 10px; }

.defaultMsgColor { background-color: #eeeeee; }

.urgentMsgColor { background-color: #cda1fd; }

.txtBox { width: 100% !important; }
#content-container { padding: 10px 20px; }

.leftPanel { border-right: 1px dotted darkgray; float: left; width: 639px; }

.rightPanel { float: left; padding: 0 0 0 20px; width: 323px; }

.form { padding: 0 10px 5px 20px; position: relative; }

.infoBar { width: 300px; padding: 10px; border: 1px solid #000; border-collapse: collapse; float: left; }
.infoBar h2 { color: #70859E; font-size: 15px; font-weight: bold; line-height: 1.6em; margin-bottom: 3px; }
.infoBar .blog { padding: 10px; border: 1px solid darkgray; border-collapse: collapse; text-align: left; }
.clear { clear: both; }
.tabArea { padding: 10px; }
.tabArea fieldset { border: 1px solid darkgray; border-collapse: collapse; padding: 10px 10px 10px 20px; margin: 0; }
.tabArea fieldset legend { color: #70859E; font-size: 15px; font-weight: bold; line-height: 1.6em; margin-bottom: 3px; border: 1px solid darkgray; border-collapse: collapse; padding: 0 8px; }
.controlBlock { padding: 5px; }
.label { float: left; font-weight: bold; margin: 3px 0; text-align: left; width: 150px; }
.label_t { float: left; font-weight: bold; text-align: left; width: 150px; }
.info { font-size: 10px; }
.RadTabStrip .rtsLevel .rtsOut, .RadTabStrip .rtsLevel .rtsIn, .RadTabStrip .rtsLevel .rtsTxt { font-size: 13px; font-weight: bold; }

.viewPatientinfo { background-image: url(../../images/icons/medical/PatientMale.png); background-repeat: no-repeat; background-position: left; height: 40px; width: 35px; }

/***************************************************************************************
--LOGIN PAGE--
****************************************************************************************/
#loginForm { width: 500px; padding: 1em 1.4em 1.4em 1.4em; margin: 0 auto; }
#loginForm fieldset { width: 500px; clear: both; padding: 1em 1.4em 1.4em 1.4em; margin: 0 0 0 0; background: #e5e9f3; border: 1px solid #c4d3ea; }
#loginForm label { float: left; width: 30%; margin-top: 9px; text-align: right; font-size: 12px; font-weight: bold; color: #555; font-family: Verdana; }
/*#loginForm input:focus;textarea:focus{border:2px solid #ef9e4d;background:#fff}*/
#loginForm .field-group { float: left; clear: both; width: 100%; margin: 6px 0 4px; }
/*.field-group{float:left;clear:both;width:100%;margin:6px 0 4px}*/
#loginForm textarea, select { width: 60%; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.1em; margin-left: 15px; padding: 5px; font-family: Helvetica,Arial,Verdana,sans-serif; }
#loginForm label.error { width: 50% !important; text-align: left; color: #D12F19; border-color: #FBC2C4; position: relative; top: -25px; margin-bottom: -18px; }
#loginForm div.error { width: 50% !important; display: block; margin-bottom: 1em; padding: 10px 4px 10px 60px; text-align: left; position: relative; top: -15px; background-position: 12px 50% !important; color: #D12F19; width: 52%; margin-left: 33%; margin-bottom: 0; margin-top: 0px; z-index: 50; position: relative; top: -5px; }
#loginForm span.forgotreg { float: right; }
#loginForm select { width: 62%; }
/*#loginForm #lblStatus{ font-family:Verdana; font-size:14px; font-weight:bold; color:Red}*/
#loginForm #cmdLogin { width: 105px; display: inline; vertical-align: middle; }

div.msgerror { width: 90% !important; display: block; margin: 0 0 1em 0; padding: 1em 0 1.4em 50px; text-align: left; z-index: 50; border: 1px solid #ddd; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; background: #FBE3E4 url(../../../Content/images/icons/stop_24.png) no-repeat 12px 50% !important; color: #D12F19; border-color: #FBC2C4; font-weight: bold; font-size: 11px; overflow: hidden; }

.rel { position: relative; width: 500px; padding: 0 1.4em 1.4em 1.4em; display: block; }
.securelogin { float: left; background: url(../../images/icons/secure_icon.png) no-repeat 14px 50%; padding: 0 0 0 45px; height: 27px; line-height: 27px; display: block; margin: 0; }
.border { border: 1px solid #000; border-collapse: collapse; }
.left { float: left; }
.right { float: right; }
.CaptchaTextBox { margin-left: 10px; }
.validation { font-size: 11px; color: Red;margin-left:10px}
.confirmation { color: #028417; font-size: 14px; padding-left: 36px; background-image: url("../../images/Do.jpg"); background-repeat: no-repeat; height: 20px; padding-top: 26px; }
.error { float: left; background-image: url("../../images/exclamation-circle_red.png"); background-repeat: no-repeat; color: #D52128; font-size: 14px; height: 20px; padding: 21px 0 10px 55px; top: 50px; }
.ModalContent { font: 12px "segoe ui" ,arial,sans-serif; }
.simpleTable { border-collapse: collapse; }
.simpleTableheader { border-collapse: collapse; }

.simpleTableheader tr th { border: 1px solid silver; border-collapse: collapse; background-color: #000; padding: 2px; text-align: left; color: #fff; height: 12px; }
.simpleTable tr th { border: 1px solid silver; border-collapse: collapse; background-color: #000; padding: 2px; text-align: left; color: #fff; }

.simpleTable tr td { border: 1px solid silver; border-collapse: collapse; padding: 2px; }
.edit { background: url("../../../icons/edit_icon.png") no-repeat scroll center center transparent; display: block; height: 16px; }

.delete { background: url("../../../icons/delete_icon.png") no-repeat scroll center center transparent; display: block; height: 16px; }

.print { background: url("../../../icons/print_icon.png") no-repeat scroll center center transparent; display: block; float: left; height: 16px; width: 20px; padding: 4px 8px; }
.ViewAllSpecificMessageHistory { background: url("/../Content/images/icons/ViewMessageAllHistory.png") no-repeat scroll center center transparent; display: block; float: left; height: 16px; width: 20px; padding: 8px 8px; }

.attach { /*background: url("/../icons/attach_icon.png") no-repeat scroll center right transparent;*/ display: block; height: 16px; }
.showdetailshistory { background: url("/Content/images/icons/Expand.png") no-repeat scroll center right transparent; display: block; height: 16px; }
.hidedetailshistory { background: url("/Content/images/icons/collapse.png") no-repeat scroll center right transparent; display: block; height: 16px; }
a img { border: 0; } 
.nopadding { padding: 0; }

.Test { background-color: #BFE1FF; }
.height { height: 700px; }


.spreadsheet.rtbWrap .rtbText { background-image: url(../images/icon_10_spreadsheet_list.png) !important; height: 16px; }
.presentation.rtbWrap .rtbText { background-image: url(../images/icon_10_presentation_list.png) !important; height: 16px; }
.document.rtbWrap .rtbText { background-image: url(../images/icon_10_document_list.png) !important; height: 16px; }
.msghdr { float: left; width: 100%; background-color: #dddddd; font-weight: bold; }
.msgrow { float: left; width: 100%; }
.msgrow div.print { width: 4%; background: none; }
.msgrow div.ViewAllSpecificMessageHistory { width: 4%; background: none;}
.msgrow .message { width: 40%; }
.msghdr .message { width: 45%; }
.msgrow .from { width: 9%; }
.msgrow .date { width: 9%; }
.msgrow > div { float: left; padding: 5px 0; }
.atchmnts { width: 30%; }
.atchmnts span { font-weight: bold; padding-right: 10px; }
.atchmnts > hr { clear: both; }
.atchmnts a.print { float: right; padding: 0 0 5px; margin-top: -20px; }
.atchmnts a.ViewAllSpecificMessageHistory { float: right; padding: 0 0 5px; margin-top: -20px; }

.rlbItem:hover { background: #dfdfdf; }
/*.msgbloc{float:left;width:100%; padding:5px 0}*/
/*.msgbloc {
    float: left;
    margin: 3px 5px;
    padding: 3px 5px;
    width: 95%;
}*/
.msgbloc { float: left; width: 100%; }
.urgentMsgColor { background-color: #FFEEEE; }
.defaultMsgColor { background-color: #EEEEEE; }
/*.msgoutr{padding:0; border-bottom: 1px solid #FFF;width: 97%;float: left;background-color: White;border-top:1px solid #000}*/
.msgoutr { background-color: White; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #000000; float: left; padding: 0px 0px; width: 100%; }

#tblInbox { width:100%}
#tblInbox td{ vertical-align:top}
#tblInbox td.msgs{width:360px}

._search { position: absolute; right: 475px; top: 5px; }
.searchpatient { padding-left: 3px; padding-bottom: 3px; width: 264px; /*color: #3296CC;*/ color: #000000; font-size: larger; text-align: center; -moz-border-radius: 15px; border-radius: 15px; }
#dvLoading { background: url("../../Content/images/loading/loading10.gif") no-repeat scroll 14px 8px #EEEEEE; border: 1px solid #C5C5C5; font-style: italic; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; height: 21px; left: 50%; margin: -25px 0 0 -25px; padding: 13px 10px 13px 55px; position: fixed; text-align: left; top: 50%; vertical-align: middle; min-width: 200px; z-index: 1000; }
.loadinggif { background: url('../../Content/images/loading/loading10.gif') no-repeat right center; }
 .ajaxProgress
{
    position: absolute;
    display: none;
    text-align: center;
    opacity: 0.5;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 19999;
    background-color:#fff;
}

.ajaxProgressContent {
    position: absolute;
    text-align: center;
    background-color: #fff;
    left: 50%;
    top: 380px;
}

.ApproveStatusBackground {
    /*background-color: black;
    display: none;
    left: 0;
    min-height: 100%;
    opacity: 0.64;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;*/
}
a.rtsLink:hover,a.rtsLink:active,a.rtsLink {
    text-decoration:none !important;
}

.timerDisplay {
    background-color: hsl(45, 100%, 81%);
    padding:0.6em 0.7em 0.4em 2em;
    background-image: url("../../images/timer.png");
    background-repeat: no-repeat;
    background-position: 1px 3px;
    background-size: 23px 21px;
  
}

.expander
{float: right;width: 4%;vertical-align: middle;padding-top: 7px;padding-right:6px;}

.expander-container
{
	width:99%;
margin:10px auto;
background:transparent;
box-shadow: 0 0 0px #70859E;
border-top:1px solid #fff;
overflow:hidden;

}

.expander-text
{
float:left;
width:90%;	
padding-top: 6px;
padding-left: 6px;
}
.allDeny {
    background-color: #D12F19;
    color: #e8e4da;
    border-color: #dbdbde;
    height: 30px !important;
    display: inline;
    vertical-align: middle;
    border:1px solid #D12F19;
    padding: 1px 1px 3px 0px;
}
.allApprove {
    background-color: #028417;
    color: #e8e4da;
    border-color: #dbdbde;
    height: 30px !important;
    display: inline;
    vertical-align: middle;
    border:1px solid #028417;
    padding: 1px 1px 3px 0px;
}
.textDecoNone {
    text-decoration:none;
}
.imgMidAll {
    vertical-align:middle;
    background-color: whitesmoke;
    padding: 2px;
}

.km-dolist-e:after,
    .km-dolist-e:before {
     /*font-family: icomoon;
    content: "\e900";*/
      font-family: FontAwesome;
    content: "\f022";
}
.km-inprogress-e:after,
    .km-inprogress-e:before {
     /*font-family: icomoon;
    content: "\e901";
        font-size: 1.3em;
    left: -12px;*/
     font-family: FontAwesome;
         content: "\f0ae";
}
.btnDisabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.btnDisabled a:hover {
    text-decoration: none;
    background: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.UserTypeSelectionBtn {
    display: inline-block;
    padding: 15px 25px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: #1c7ab2;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;
    margin: 10px;
}

    .UserTypeSelectionBtn:hover {
        background-color: #1d5271;
    }

    .UserTypeSelectionBtn:active {
        background-color: #1c7ab2;
        box-shadow: 0 5px #666;
        transform: translateY(4px);
    }
 .UserTypeSelectionDiv {
    text-align: center !important;
}
 .UserTypeSelection {
    width: 650px;
    margin: 10px;
}