/*------------------------------ Notifications ------------------------------*/
.msgInfo, .msgSuccess, .warning, .msgError, .validation { border: 1px solid; margin: 10px 0px; padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px center; }
.msgInfo { color: #00529B; background-color: #BDE5F8; background-image: url('../images/info.png'); }
.msgSuccess { color: #4F8A10; background-color: #DFF2BF; background-image: url('../images/success.png'); }
.msgWarning { color: #9F6000; background-color: #FEEFB3; background-image: url('../images/warning.png'); }
.msgError { color: #D8000C; background-color: #FFBABA; background-image: url('../images/error.png'); }


.hide {display:none;}

.backgourndDiv { position: relative; z-index: 1; min-height:800px; }
.backgourndDiv .logoBackground { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: url("../images/Logo.png") no-repeat center center; opacity: .2; width: 100%; height: 100%; background-size: 40%; }

.required { color: Red; }

/* 
	Generic Styling, for Desktops/Laptops 
	*/
.tableLabel { display: none; }

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1000px) {
    /* Force table to not be like tables anymore */    table, thead, tbody, th, td, tr { display: block; }
    /* Hide table headers (but not display: none;, for accessibility) */    .responsivetable thead tr { position: absolute; top: -9999px; left: -9999px; }
    .responsivetable tr { border: 1px solid #ccc; }
    .responsivetable td { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; }
    .responsivetable td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
    .tableLabel { width: 40%; cursor: pointer; font-weight: bold; border-right: 1px dashed #e0e0e0; margin-right: 10px; display: inline-block; }
}

/*------------------------------ List View ------------------------------*/

.responsivetable { margin: 10px auto; width: 100%; padding-bottom: 20px; }
.responsivetable table { width: 100%; border-spacing: 0; color: #111111; border: none; border-radius: 3px; box-shadow: 0 1px 2px #d1d1d1; }
.responsivetable table th {height: auto; cursor: pointer; padding: 30px 0 5px 3px; font-weight: normal; border-bottom: 3px solid #00b1ea; font-size: 14px; height: 20px; color: #00b1ea; outline: medium none; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.responsivetable table th a { height: auto; cursor: pointer; font-weight: normal; color: #ffffff; outline: medium none; }
.responsivetable table th:first-child { text-align: left; padding-left: 5px; }
.responsivetable table tr:first-child th:first-child { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.responsivetable table tr:first-child th:last-child { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.responsivetable table tr { padding-left: 5px; }
.responsivetable table tr td a:link { color: #222222; text-decoration: none; }
.responsivetable table tr td a:visited { color: #666666; text-decoration: none; }
.responsivetable table tr td a:active, table a:hover { color: #bd5a35; text-decoration: underline; }
.responsivetable table tr td:first-child { text-align: left; padding-left: 5px; }
.responsivetable table tr td { font-size: 12px; min-height: 18px; padding: 5px 3px 5px 7px; border-bottom: 1px solid #00b1ea; vertical-align: top; }
.responsivetable table tr.odd td { }
.responsivetable table tr.even td { }
.responsivetable table tr:last-child td { border-bottom: 0; }
.responsivetable table tr:last-child td:first-child { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.responsivetable table tr:last-child td:last-child { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom: 1px solid #E0E0E0; }
.responsivetable table tr:hover td { background: #cde3ef; }

.lvButton { min-width: 80px; font-size: 12px; height: 25px; padding-top: 2px; }

/*------------------------------ PopUp ------------------------------*/
.modalPopup { width: 360px; height: 189px; padding: 8px; background: #00b1ea; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 101; }
.headingPopup { width: 100%; height: 44px; border-bottom: 1px solid #bababa; -webkit-box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, .08); -moz-box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, .08); box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, .08); -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; font-size: 14px; font-weight: bold; text-align: center; line-height: 44px; color: white; cursor: pointer; background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233)); }
.contentPopup { width: 100%; height: 144px; background: #fcfcfc; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.25); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.25); box-shadow: 0px 1px 3px rgba(0,0,0,.25); -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; }
.contentPopup p { font-size: 13px; font-weight: normal; text-align: center; line-height: 22px; color: #555555; width: 100%; float: left; margin: 19px 0; }
.contentPopup a { text-decoration: none; }
.buttonPopup { width: 138px; height: 33px; font-size: 13px; font-weight: bold; line-height: 33px; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,.5), 0px 1px 2px rgba(0,0,0,.3); -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.5), 0px 1px 2px rgba(0,0,0,.3); box-shadow: inset 0px 1px 0px rgba(255,255,255,.5), 0px 1px 2px rgba(0,0,0,.3); float: left; }
.buttonPopup img { float: left; width: 33px; height: 33px; }
.buttonPopup.green { background: -webkit-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%); background: -moz-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%); background: -o-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%); background: -ms-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%); background: linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad44f', endColorstr='#609d29',GradientType=0 ); border: 1px solid #5b8821; margin: 0 5px 0 35px; }
.buttonPopup.red { background: -webkit-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%); background: -moz-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%); background: -o-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%); background: -ms-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%); background: linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 ); border: 1px solid #b0333e; margin: 0 35px 0 5px; }
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.4); z-index: 100; display: none; top: 0; left: 0; }

/*------------------------------ Dashboard ------------------------------*/
.figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; width: 100%; height: 185px; background: #3085a3; text-align: center; cursor: pointer; }
.figure img { }
.figure .figcaption { padding: 2em; color: #00b1ea; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.figure .figcaption::before, .figure .figcaption::after { pointer-events: none; }
.figure .figcaption, .figure .figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Anchor will cover the whole item by default *//* For some effects it will show as a button */.grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.figure h2 { word-spacing: -0.15em; font-weight: 300; color: #444; }
.figure h2 span { font-weight: 600; color: #444; }
.figure h2, .figure p { margin: 0; }
.figure p { letter-spacing: 1px; font-size: 68.5%; }

/*---------------*/
/***** Oscar *****/
/*---------------*/

.figure.effect { background: #00b1ea; }
.figure.effect img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
.effect .figcaption { padding: 1.8em 1.3em 1.3em 1.3em; border: 1px solid #ddd; background-color: #f4f4f4; -webkit-transition: background-color 0.35s; transition: background-color 0.35s; }
.effect .figcaption::before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 1px solid #fff; content: ''; }
.effect h2 { font-size: 18px; margin: 10px 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
.effect p a { color: #000; }
.effect p a:hover { color: #fff; text-decoration: none; }
.effect .figcaption::before, .effect p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); }
.effect:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.effect:hover .figcaption::before, .effect:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.effect:hover .figcaption { background-color: rgba(58,52,42,0); }
.effect:hover img { opacity: 0.4; }
.figure .icon { font-size: 60px; }
.effect:hover .icon { color: #fff; }
.effect:hover h2, .effect:hover h2 span { color: #fff; }


/*------------------------------ Patient Auto Complete Search Style ------------------------------*/
.AutoCompleteHighLightedListItem { z-index: 9999999999999999; list-style: none; background-color: #E4E4E4; color: black; padding: 1px; font-size: 13px; border-bottom: 1px dotted gray; }
.AutoCompleteListItem { z-index: 9999999999999999; list-style: none; background-color: window; color: windowtext; padding: 1px; font-size: 13px; border-bottom: 1px dotted gray; }
.AutoCompleteCompletionList { z-index: 9999999999999999; min-width: 200px; list-style: none; margin: 0px; padding: 0px; background-color: inherit; color: windowtext; border: buttonshadow; border-width: 1px; width: 230px; border-style: solid; cursor: pointer; overflow: visible; height: auto; max-height: 350px; text-align: left; list-style-type: none; }