/*h1 { font-family:'PristinaRegular', Arial, Tahoma; text-align:center; text-shadow:1px 1px 4px #000; font-size:30px; margin-bottom:20px; } h2 { font-family:'PristinaRegular', Arial, Tahoma; text-align:left; text-shadow:1px 1px 4px #000; font-size:30px; } #header { background:#323b44; border-bottom:3px solid #ff4e32; } #header h2 { color:#bfc1c3; padding:10px 10px 5px 20px; } #mainmenu { background:#1f2d36; } #mainmenu ul { padding:0 0 0 10px; margin:0; } #mainmenu ul li { display:inline; } #mainmenu ul li a { color:#ffffff; border-right:1px solid #fff; font-size:12px; font-weight:bold; padding:1px 8px 1px 3px; line-height:30px; text-decoration:none; } #mainmenu ul li a:hover, #mainmenu ul li.active a { color:#aaa; } .data-container { margin:auto; } .data-container .data-container-parent { border-radius:4px; border:2px solid #939393; box-shadow:0 0 10px #999; } .data-container .data-container-parent .data-container-child { border-radius:4px; border:6px solid #e9e9e9; } .data-container.large { width:960px; } .data-container.medium { width:760px; } .data-container.medium .data-container-shadow, .data-container.large .data-container-shadow { background:url(/WebProjects/fhci/application/images/shadow-medium.jpg); width:760px; height:23px; } .form { padding:20px 10px; width:97%; } .form input[type="text"], .form input[type="password"], textArea { width:100%; border:1px solid #bbb; background:#fff; padding:4px; border-radius:4px; margin:0; } textArea { font-family:Tahoma; font-size:12px; } .form input[type="button"], .form input[type="submit"] { border:1px solid #aaaaaa; background:#f3f3f3; color:#5f5f5f; padding:3px 10px; font-size:12px; } .form .errorMessage { float:right; } .form select { width:102%; padding:3px; border:1px solid #bbb; background:#fff; border-radius:4px; margin:0; } .form .row { display:table; width:100%; } .form .row .span1 { display:table-cell; padding:0 10px; width:6.25% } .form .row .span2 { display:table-cell; padding:0 10px; width:12.5% } .form .row .span3 { display:table-cell; padding:0 10px; width:18.75% } .form .row .span4 { display:table-cell; padding:0 10px; width:25% } .form .row .span5 { display:table-cell; padding:0 10px; width:31.25% } .form .row .span6 { display:table-cell; padding:0 10px; width:37.5% } .form .row .span7 { display:table-cell; padding:0 10px; width:43.75% } .form .row .span8 { display:table-cell; padding:0 10px; width:50% } .form .row .span9 { display:table-cell; padding:0 10px; width:56.25% } .form .row .span10 { display:table-cell; padding:0 10px; width:62.5% } .form .row .span11 { display:table-cell; padding:0 10px; width:68.75% } .form .row .span12 { display:table-cell; padding:0 10px; width:75% } .form .row .span13 { display:table-cell; padding:0 10px; width:81.25% } .form .row .span14 { display:table-cell; padding:0 10px; width:87.5% } .form .row .span15 { display:table-cell; padding:0 10px; width:93.75% } .form .row .span16 { display:table-cell; padding:0 10px; width:100% } .errorSummary { border-radius: 5px; opacity:0.8; } ul.desktopIcons { display:block; list-style:none; margin:0; padding:0; } ul.desktopIcons li { float:left; display:block; list-style:none; margin:8px; padding:15px 0 0; width:150px; background:#f6f6f6; border-radius:10px; border:1px solid #ccc; cursor:pointer; } ul.desktopIcons li div.iconImage { display:block; width:75px; height:75px; margin:0 auto; overflow:hidden; } ul.desktopIcons li div.iconLabel { display:block; width:150px; height:35px; text-align:center; padding:10px 0; } ul.desktopIcons li div.iconLabel a { text-decoration:none; color:#555; } ul.desktopIcons li:hover { border:1px solid #888; box-shadow:0 0 8px #ccc inset; } ul.desktopIcons .clear { clear:both; } */ #mainmenu { background:#1f2d36; } #mainmenu ul { padding:0 0 0 10px; margin:0; } #mainmenu ul li { display:inline; } #mainmenu ul li a { color:#ffffff; border-right:1px solid #fff; font-size:12px; font-weight:bold; padding:1px 8px 1px 3px; line-height:30px; text-decoration:none; } #mainmenu ul li a:hover, #mainmenu ul li.active a { color:#aaa; } .data-container { margin:auto; } .data-container .data-container-parent { border-radius:4px; border:2px solid #939393; box-shadow:0 0 10px #999; } .data-container .data-container-parent .data-container-child { border-radius:4px; border:6px solid #e9e9e9; } .data-container.large { width:960px; } .data-container.medium { width:760px; } .data-container.medium .data-container-shadow, .data-container.large .data-container-shadow { background:url(/WebProjects/fhci/application/images/shadow-medium.jpg); width:760px; height:23px; } .form { padding:20px 10px 0 10px; width:97%; } .form-view { padding:20px 10px 0 10px; width:97%; } .form input[type="text"], .form input[type="password"], textArea { width:100%; border:1px solid #bbb; background:#fff; padding:4px; border-radius:4px; margin:0; } textArea { font-family:Tahoma; font-size:12px; } .form input[type="button"], .form input[type="submit"] { border:1px solid #aaaaaa; background:#f3f3f3; color:#5f5f5f; padding:3px 10px; font-size:12px; } .form .errorMessage { float:right; } .form select { width:102%; padding:3px; border:1px solid #bbb; background:#fff; border-radius:4px; margin:0; } .form .row { display:table; width:100%; } .form .row .span1 { display:table-cell; padding:0 10px; width:6.25% } .form .row .span2 { display:table-cell; padding:0 10px; width:12.5% } .form .row .span3 { display:table-cell; padding:0 10px; width:18.75% } .form .row .span4 { display:table-cell; padding:0 10px; width:25% } .form .row .span5 { display:table-cell; padding:0 10px; width:31.25% } .form .row .span6 { display:table-cell; padding:0 10px; width:37.5% } .form .row .span7 { display:table-cell; padding:0 10px; width:43.75% } .form .row .span8 { display:table-cell; padding:0 10px; width:50% } .form .row .span9 { display:table-cell; padding:0 10px; width:56.25% } .form .row .span10 { display:table-cell; padding:0 10px; width:62.5% } .form .row .span11 { display:table-cell; padding:0 10px; width:68.75% } .form .row .span12 { display:table-cell; padding:0 10px; width:75% } .form .row .span13 { display:table-cell; padding:0 10px; width:81.25% } .form .row .span14 { display:table-cell; padding:0 10px; width:87.5% } .form .row .span15 { display:table-cell; padding:0 10px; width:93.75% } .form .row .span16 { display:table-cell; padding:0 10px; width:100% } .errorSummary { border-radius: 5px; opacity:0.8; } ul.desktopIcons { display:block; list-style:none; margin:0; padding:0; } ul.desktopIcons li { display:block; list-style:none; background:#f6f6f6; border:1px solid #ccc; cursor:pointer; } ul.desktopIcons li div.iconImage { display:none; } ul.desktopIcons li div.iconLabel { display:block; text-align:left; padding:15px 30px; } /*ul.desktopIcons li div.iconLabel a { text-decoration:none; color:#555; padding:15px 30px; display: block }*/ ul.desktopIcons li:hover { border:1px solid #888; /*box-shadow:0 0 10px #999 inset; */padding-left: 20px; background: #383d4f; color: #fff; } ul.desktopIcons .clear { clear:both; } html, body { width: 100%; height: 100%; background: #e8e8e8; margin: 0; padding: 0; } .theme-structure { width: 100%; height: 100%; } .theme-structure .theme-structure-menu { width: 250px; background: #2b2f3e; vertical-align: top; border-right: 3px solid #74788a; box-shadow:inset -5px 0px 8px rgba(0,0,0,0.3); } .theme-structure .theme-structure-menu input[type="button"] { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: 1px solid #383d4f; padding: 8px 25px; margin: 10px 5px 15px 5px; color: #8e909a; background: none; } .theme-structure .theme-structure-menu input[type="button"]:hover { background: #383d4f; border: 1px solid #5f667e; color: #fff; } .theme-structure .theme-structure-menu .login-user-thumb { margin: 30px auto auto; width: 70px; } .theme-structure .theme-structure-menu .login-user-name { color: #8e909a; font-weight: bold; font-size: 14px; text-align: center; margin: 15px 0 0; font-family: 'Open Sans', sans-serif; } .theme-structure .theme-structure-menu .login-user-designation { color: #8e909a; text-align: center; margin: 2px 0 0; font-family: 'Open Sans', sans-serif; } .theme-structure .theme-structure-content { vertical-align: top; overflow: scroll; padding-bottom: 50px; } html * { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } #navigation { margin-top: 20px; } #navigation ul { border-top: 1px solid #323647; } #navigation ul li { border-bottom: 1px solid #323647; } #navigation ul li:hover { background: #ff404b; } #navigation ul li a { color: #707999; text-decoration: none; padding: 8px 10px; display: block; } #navigation ul li:hover a { color: #fff; padding-left: 30px; } .inputForm { overflow: hidden; border: 2px solid #bbb; background: #fff; width:850px; margin: 20px auto auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; } .inputForm.registryForm { width: 940px; margin: 40px auto 50px auto; } .inputForm:hover { border-color: #424758; } .inputForm .header { background: #424758; color: #fff; font-size: 20px; text-align: center } /*.inputForm .header h1 { font-family: "Time New Roman"; text-align: left; font-size: 25px; padding: 20px; }*/ .inputForm .body { padding-bottom: 10px; } .inputForm .body input[type="text"], .inputForm .body input[type="password"], .inputForm .body select { border: 1px solid #d5d5d5; padding: 8px 10px; color: #515151; } .inputForm .body input[type="text"]:hover, .inputForm .body input[type="password"]:hover, .inputForm .body select:hover { border-color: #337ab7; } .inputForm .body input[type="button"], .inputForm .body input[type="submit"] { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; padding: 8px 25px; margin: 10px 5px 15px 5px; color: #777; } .inputForm .body input[type="button"]:hover, .inputForm .body input[type="submit"]:hover { border-color: #337ab7; color: #000; } .inputForm .body p.note { padding: 10px; background: #eee; margin-bottom: 0px; } .inputForm .body p.note .required { color: #f00; } .inputForm .footer .footerLine { background: #424758; height: 5px; } .loginScreen { width: 400px; margin: 40px auto; } .loginScreen .loginUserIcon { margin: 20px auto; } .loginScreen .body table { width: 100%; } .loginScreen .body table td { text-align: center; } .loginScreen .body input[type="text"], .loginScreen .body input[type="password"] { margin: 0 0 8px 0; } .application-footer { position: fixed; left: 0; right: 0; width: 100%; bottom: 0; background: #2b2f3e; border-top: 3px solid #ccc; border-right: 3px solid #74788a; box-shadow:0px -10px 8px rgba(0,0,0,0.3); } .application-footer .copyrights { text-align: center; color: #ccc; padding: 5px 0 2px 0; font-size: 12px; } .application-footer .developed_by { text-align: center; color: #777; padding: 0 0 2px 0; font-size: 10px; } .application-footer:hover { } .application-footer:hover .copyrights { font-size: 12px; color: #ccc; font-weight: bold; padding: 10px 0 5px 0; } .application-footer:hover .developed_by { font-size: 12px; color: #ccc; padding: 2px 0 10px 0; } #content h1, #content h2 { padding: 20px; background: #424758; color: #adb3ca; font-weight: bold; font-size: 18px; font-family: 'Open Sans', sans-serif; } #content .buttonAdd { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; padding: 7px 25px; margin: 18px 15px 15px 20px; color: #777; float: right; text-decoration: none;; } #content .buttonAdd:hover { border-color: #337ab7; color: #000; } /*#content .error { margin: 20px; }*/ .errorSummary { border: 1px solid #a94442 !important; background: #a94442 !important; color: #fff; padding: 8px 8px 10px 8px; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; -khtml-border-radius: 0px !important; border-radius: 0px !important; } .errorSummary p { display: none; } .errorSummary ul { list-style: none; } .errorSummary ul li { list-style: none; } /*====================================new styles=================================*/ .success_message{ background-color:#bedcbe; color:green; font-weight:bold; padding: 13px; } #WebUser_HOSPITAL_ID li{ display:inline-block; margin:8px 8px; } #WebUser_HOSPITAL_ID .label-custom { background-color: #d1ecf1!important; color: #0c5460; }