diff --git a/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css b/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css index f73abb9..18bdcad 100644 --- a/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css +++ b/400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css @@ -1,690 +1,690 @@ -/*** -MAIN.CSS for AIA -TO BE USED WITH CUSTOM BOOTSTRAP THEME ALREADY INCLUDED -**/ - -/*** Global ***/ -* { - outline: 0 !important; -} -body { - background: #383838; -} -.btn { - -webkit-transition: all .3s ease; - -ms-transition: all .3s ease; - transition: all .3s ease; -} -.btnCustom { - border: 0 !important; - padding-left: 50px; - padding-right: 50px; - min-height: 40px; -} -.btnCustom.btn-large { - width: 220px; - height: 50px; - padding-left: 0; - padding-right: 0; -} -footer { - color: #303030; - font: 12px/30px 'Open Sans'; - margin-top: -30px; -} -footer.dark { - color: #ccc; - background: #303030; -} -.frameLogo { - display: block; -} -.navbar-brand { - height: 60px; - padding: 10px 15px; -} -.no-scroll { - overflow: hidden; -} -/*** Login Page ***/ -.loginBg { - min-height: 100vh; - background: #303030; -} -.loginPanel { - margin: 0 0 100px; -} -.loginLogo { - margin: 20px auto; - display: block; - max-width: 360px; -} -.headerBand { - background: #818f44; - padding-bottom: 10px; - color: #fff; -} -.headerBand h1 { - font: 700 36px/1 'Open Sans'; -} -.headerBand p { - font: 400 16px 'Open Sans'; - letter-spacing: 0px; - word-spacing: 1px; -} -.loginBox { - max-width: 350px; - background: #666666; - margin: 30px auto 0; - border-radius: 2px; - -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5); - -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5); - box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5); - padding: 15px 0; -} -.loginBox strong { - color: #0095da; - font: 600 18px/1 'Open Sans'; - padding-bottom: 10px; - display: block; -} -.loginExBtn { - max-width: 350px; - margin: 15px auto 0; -} -.loginExBtn a { - width: 48%; -} -/*** Mainframe ***/ -.sidebar { - height: 100vh; - background: #222; - width: 200px; - padding-top: 90px; - overflow: auto; - position: fixed; - left: 0; - top: 0; - z-index: 1029; -} -.navbar { - border-bottom: none!important; -} -.main { - background: #383838; - margin-left: 200px; - padding-top: 51px; -} -.treeview-left { - height: 100vh; - background: #222; - width: 300px; - padding-top: 90px; - overflow: auto; - position: fixed; - left: 0; - top: 0; - z-index: 1029; -} -.main-treeview { - background: #383838; - margin-left: 300px; - padding-top: 51px; -} -.nav-sidebar a { - color: #fff; /*border-bottom:1px solid #ccc!important;*/ -} -.nav-sidebar li a { - color: #fff; -} -.nav-sidebar a:hover, .nav-sidebar a:focus { - color: #fff; - background: #1B92D0!important; -} -.nav-sidebar a.active { - color: #fff; - background: #1B92D0!important; -} -.toggleBar { - margin: 0px 10px 0 0; -} -.space-left20 { - padding-left: 20px; -} -.padd-lftright25 { - padding: 0 25px; -} -.tab-content { - padding: 10px 0; -} -.space-top50 { - margin-top: 50px; -} -/*.tools { - background: #eeeeee none repeat scroll 0 0; - border: 1px solid #c1c1c1; - border-top:none; - /*padding: 10px; - width:106px; - position:absolute; - left: 0; - top: 120px; - padding-top:10px; - z-index:1024; - -}*/ -.tools i { - font-size: 1.4em; -} -.marginTop10 { - margin-top: 10px; -} -.marginTop2 { - margin-top: 2px; -} -.marginL2 { - margin-left: 2px!important; -} -.marginR5 { - margin-right: 5px!important; -} -.paddTop4 { - padding-top: 4px; -} -.vert_slider { - clear: both; - margin: 20px auto 30px; - width: 1rem; -} -#inner-anatomyPage .nav > li > a:hover { - background: #1c92d0; - color: #fff; - border-radius: 3px 3px 0 0; - border: 1px solid #1c92d0; - border-bottom: none; -} -.page-head { - background: #f3f3f3 none repeat scroll 0 0; - border-bottom: 1px solid #ffffff; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19); - padding: 8px 20px; - margin-bottom: 20px; -} -.no-margin { - margin: 0!important -} -.no-padding { - padding: 0!important -} -.marginTopBtm10 { - margin: 10px 0!important -} -.paddingTopBtm10 { - padding: 10px 0 -} -.page-header { - border-bottom: 0!important -} -.marginTop5 { - margin-top: 5px; -} -.paddingbtm5 { - padding-bottom: 5px; -} -.border-Btm1 { - border-bottom: 1px solid #D8D8D8; -} -.pageHeading { - background: #818d43 none repeat scroll 0 0; - padding: 0px 15px; - margin-top: 60px; - z-index: 1030; - position: fixed; - width: 100%; -} -.pageHeading h4 { - font-size: 15px; - margin: 0!important; - color: #fff; - line-height: 30px; - font-weight: 600; - text-transform: uppercase -} -.color-white { - color: #fff!important; -} -.color-green { - color: #818f44!important; -} -.btn-black { - background-color: #4b4b4b; - border-color: #3f3f3f; - color: #ffffff; -} -.btn-black:hover, .btn-black:focus { - background-color: #1B92D0; - border-color: #1B92D0; - color: #ffffff; -} -.font16 { - font-size: 1.59em!important; -} -.modal-body { - padding: 0 10px; -} -.well-popup { - margin-bottom: 10px; - padding: 5px; -} -.annotation-modal-header { - padding: 5px 10px; -} -.form-group { - margin-bottom: 7px; -} -/********Stylish Search**************/ - -#imaginary_container { - margin: 8px 0!important; -} -.stylish-input-group .input-group-addon { - background: white !important; -} -.stylish-input-group .form-control { - border-right: 0; - box-shadow: 0 0 0; - border-color: #ccc; - width: 30%; - float: right; -} -.stylish-input-group button { - border: 0; - background: transparent; -} -#vertical-slider { - height: 150px; - margin-left: 30px; -} -.navbar-nav > li > a { - line-height: 30px; -} -.paddTop5 { - padding-top: 5px; -} -.mrgnBtm5 { - margin-bottom: 3px; -} -.thumbnail a { - color: #303030!important; - text-decoration: none; -} -.thumbnail a:hover { - color: #FFFFFF!important; - text-decoration: none!important; -} -.thumbnail:hover { - background: #8C8C8C!important; - border: 1px solid #a2a2a2; -} -#inner-anatomyPage .nav-tabs { - border-bottom: 1px solid #494949; -} -#inner-anatomyPage .nav-tabs li a { - color: #fff; -} -#inner-anatomyPage .nav-tabs li.active { - color: #000; -} -#inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { - background: #1c92d0; - border: 1px solid #1c92d0; -} -.main { - margin-left: 200px; - position: relative; - transition: margin .3s ease; - margin-top: 50px; -} -.main.active { - margin-left: 0; -} -.sidebar { - left: 0px; - transition: left .3s ease; -} -.sidebar.active { - left: -200px; -} -.main-treeview { - margin-left: 290px; - position: relative; - transition: margin .3s ease; - margin-top: 50px; -} -.main-treeview.active { - margin-left: 0; -} -.treeview-left { - left: 0px; - transition: left .3s ease; -} -.treeview-left.active { - left: -290px; -} -/*.main2{margin-left:106;position: relative;transition:margin .3s ease;margin-top:60px;} -.main2.active{margin-left:0;} -.tools{left: 0px;transition:left .3s ease;} -.tools.active{left: -106px;}*/ -.main2 { - background: #383838; - margin-left: 110px; - padding-top: 1px; -} -.main2 { - margin-left: 110px; - position: relative; - transition: margin .3s ease; - margin-top: 1px; -} -/*.main2.active { - margin-left: 5; -}*/ -.tools { - height: 100vh; - background: #222; - width: 110px; - padding-top: 20px; - /*overflow: hidden;*/ - /*position: fixed;*/ - left: 0; - /*nk*/ - /*top: 70px;*/ - z-index: 1029; -} -.tools { - left: 0px; - transition: left .3s ease; -} -.tools.active { - left: -100px; -} -.navbar-fixed-top, .navbar-fixed-bottom { - z-index: 1035; -} -.main .breadcrumb { - background: #3d3d3d; - border: 1px solid #494949; - margin-bottom: 10px; - padding: 0 15px; /*background-color:rgba(61,61,61,0.95);*/ -} -.main-treeview .breadcrumb { - background: #3d3d3d; - border: 1px solid #494949; - margin-bottom: 10px; - padding: 10px 15px; /*background-color:rgba(61,61,61,0.95);*/ -} -.main2 .breadcrumb { - background: #3d3d3d; - border: 1px solid #494949; - margin-bottom: 10px; - padding: 5px; /*background-color:rgba(61,61,61,0.95);*/ -} -.main-full { - margin-top: 100px; -} -.main-full .breadcrumb { - background: #3d3d3d; - border: 1px solid #494949; - margin-bottom: 10px; - padding: 5px; /*background-color:rgba(61,61,61,0.95);*/ -} -.toggleHeadingButton { - font-size: 20px; - color: #fff; - cursor: pointer; -} -.indicators { - position: absolute; - bottom: 0; - left: 0; - background: #000000; - padding: 5px; - z-index: 9999; - width: 300px; -} -.well-white { - background: #fff; - height: 100vh; - padding: 10px; -} -.leftPanel-data { - padding: 10px 10px 0 10px; -} -.dragger { - position: relative; -} -.dragger #block-1 { - position: absolute; - top: 170px; - left: 170px; - width: 200px; - height: 50px; - border: 1px solid #333; - background: #E8E8E8; -} -.dragger .drag-img1 { - position: absolute; - bottom: 0px; - left: 0; -} -.bootstrap-dialog .modal-header.bootstrap-dialog-draggable { - cursor: move; -} -.thumbnail .caption p { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - /* width: 150px !important;*/ - text-align: center; -} -.pos-relative { - position: relative; - float: left; -} -.toggle-icon { - position: absolute; - top: 110px; - left: 100px; - z-index: 99999; - -moz-transition: left 0.5s ease; - transition: left 0.5s ease; - background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0; - width: 11px; - height: 33px; -} -.active .toggle-icon { - background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px; - width: 11px; - height: 33px; -} -.toggle-icon-treeview { - position: absolute; - top: 110px; - left: 290px; - z-index: 99999; - -moz-transition: left 0.5s ease; - transition: left 0.5s ease; - background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0; - width: 11px; - height: 33px; -} -.active .toggle-icon-treeview { - background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px; - width: 11px; - height: 33px; -} -.navbar-inverse .navbar-nav > li > a { - color: #FFFFFF; -} -.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { - color: #2db0f5; -} -ul.right0 { - right: 0!important; - left: auto; - min-width: 300px; - padding: 10px; - transition: visibility 0.15s ease 0s, opacity 0.15s ease 0s, transform 0.15s ease 0s; - border-bottom: 4px solid #abafb0; - box-shadow: 0 4px 2px -2px #abafb0 inset; -} -.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { - background-color: #0095da; - color: #ffffff; -} -.padd5 { - padding: 5px; -} -.padded25{ padding:25px;} -ul.listgrid-view{ list-style:none;} -ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D; padding:2px 5px; border-radius:2px;} -ul.listgrid-view li a{color:#fff!important;} -ul.listgrid-view li.active{ background:#0095da!important;} -.bg-white{ background:#fff;} -.stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;} - - - @-webkit-keyframes circle { -0% { - opacity: 1; -} - 40% { - opacity: 1; -} - 100% { - width: 200%; - height: 200%; - opacity: 0; -} -} -@keyframes circle { - 0% { - opacity: 1; -} - 40% { - opacity: 1; -} - 100% { - width: 200%; - height: 200%; - opacity: 0; -} -} - -@media (max-width: 480px) { -.tools i { - font-size: inherit; -} -.pageHeading h4 { - font-size: 20px; -} -} - -/** Responsive **/ -@media (max-width: 1199px) { -/*.main{margin-left:0;position: relative;transition:left .3s ease;left: 0;} - .main.active{left: 250px;} - .sidebar{left: -250px;transition:left .3s ease;} - .sidebar.active{left: 0;}*/ - /*.main2{margin-left:0;position: relative;transition:left .3s ease;left: 0;} - .main2.active{left: 106px;} - .tools{left: -106px;transition:left .3s ease;} - .tools.active{left: 0;}*/ - - -} - -@media (max-width: 767px) { -textarea { - height: 120px !important; -} -.quesDetail>*, .patDataRow>* { - text-align: left !important; -} -.table { - font-size: .9em; -} -.stylish-input-group .form-control { - border-right: 0; - box-shadow: 0 0 0; - border-color: #ccc; - width: 100%; - float: right; -} -} - -@media (max-width: 1023px) { -/*.nav > li > a{ padding:15px 6px!important;}*/ - -.main { - margin-left: 0; - position: relative; - transition: left .3s ease; - left: 0; -} -.main.active { - left: 200px; -} -.sidebar { - left: -200px; - transition: left .3s ease; -} -.sidebar.active { - left: 0; -} -.main-treeview { - margin-left: 0; - position: relative; - transition: left .3s ease; - left: 0; -} -.main-treeview.active { - left: 300px; -} -.treeview-left { - left: -300px; - transition: left .3s ease; -} -.treeview-left.active { - left: 0; -} -} - -@media (min-width: 768px) and (max-width: 1199px) { -.hidden-sm { - display: none !important; -} -.width120 { - width: 90%!important; -} -/* .toggleBar { margin:20px 10px 0 0}*/ -} - -@media (min-width: 768px) { -.toperMenu-spaceleft { - margin-left: 20px; -} -} - -@media (max-width: 350px) { -.pageHeading h4 { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 164px !important; -} -} - +/*** +MAIN.CSS for AIA +TO BE USED WITH CUSTOM BOOTSTRAP THEME ALREADY INCLUDED +**/ + +/*** Global ***/ +* { + outline: 0 !important; +} +body { + background: #383838; +} +.btn { + -webkit-transition: all .3s ease; + -ms-transition: all .3s ease; + transition: all .3s ease; +} +.btnCustom { + border: 0 !important; + padding-left: 50px; + padding-right: 50px; + min-height: 40px; +} +.btnCustom.btn-large { + width: 220px; + height: 50px; + padding-left: 0; + padding-right: 0; +} +footer { + color: #303030; + font: 12px/30px 'Open Sans'; + margin-top: -30px; +} +footer.dark { + color: #ccc; + background: #303030; +} +.frameLogo { + display: block; +} +.navbar-brand { + height: 60px; + padding: 10px 15px; +} +.no-scroll { + overflow: hidden; +} +/*** Login Page ***/ +.loginBg { + min-height: 100vh; + background: #303030; +} +.loginPanel { + margin: 0 0 100px; +} +.loginLogo { + margin: 20px auto; + display: block; + max-width: 360px; +} +.headerBand { + background: #818f44; + padding-bottom: 10px; + color: #fff; +} +.headerBand h1 { + font: 700 36px/1 'Open Sans'; +} +.headerBand p { + font: 400 16px 'Open Sans'; + letter-spacing: 0px; + word-spacing: 1px; +} +.loginBox { + max-width: 350px; + background: #666666; + margin: 30px auto 0; + border-radius: 2px; + -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5); + -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5); + box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5); + padding: 15px 0; +} +.loginBox strong { + color: #0095da; + font: 600 18px/1 'Open Sans'; + padding-bottom: 10px; + display: block; +} +.loginExBtn { + max-width: 350px; + margin: 15px auto 0; +} +.loginExBtn a { + width: 48%; +} +/*** Mainframe ***/ +.sidebar { + height: 100vh; + background: #222; + width: 200px; + padding-top: 90px; + overflow: auto; + position: fixed; + left: 0; + top: 0; + z-index: 1029; +} +.navbar { + border-bottom: none!important; +} +.main { + background: #383838; + margin-left: 200px; + padding-top: 51px; +} +.treeview-left { + height: 100vh; + background: #222; + width: 300px; + padding-top: 90px; + overflow: auto; + position: fixed; + left: 0; + top: 0; + z-index: 1029; +} +.main-treeview { + background: #383838; + margin-left: 300px; + padding-top: 51px; +} +.nav-sidebar a { + color: #fff; /*border-bottom:1px solid #ccc!important;*/ +} +.nav-sidebar li a { + color: #fff; +} +.nav-sidebar a:hover, .nav-sidebar a:focus { + color: #fff; + background: #1B92D0!important; +} +.nav-sidebar a.active { + color: #fff; + background: #1B92D0!important; +} +.toggleBar { + margin: 0px 10px 0 0; +} +.space-left20 { + padding-left: 20px; +} +.padd-lftright25 { + padding: 0 25px; +} +.tab-content { + padding: 10px 0; +} +.space-top50 { + margin-top: 50px; +} +/*.tools { + background: #eeeeee none repeat scroll 0 0; + border: 1px solid #c1c1c1; + border-top:none; + /*padding: 10px; + width:106px; + position:absolute; + left: 0; + top: 120px; + padding-top:10px; + z-index:1024; + +}*/ +.tools i { + font-size: 1.4em; +} +.marginTop10 { + margin-top: 10px; +} +.marginTop2 { + margin-top: 2px; +} +.marginL2 { + margin-left: 2px!important; +} +.marginR5 { + margin-right: 5px!important; +} +.paddTop4 { + padding-top: 4px; +} +.vert_slider { + clear: both; + margin: 20px auto 30px; + width: 1rem; +} +#inner-anatomyPage .nav > li > a:hover { + background: #1c92d0; + color: #fff; + border-radius: 3px 3px 0 0; + border: 1px solid #1c92d0; + border-bottom: none; +} +.page-head { + background: #f3f3f3 none repeat scroll 0 0; + border-bottom: 1px solid #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19); + padding: 8px 20px; + margin-bottom: 20px; +} +.no-margin { + margin: 0!important +} +.no-padding { + padding: 0!important +} +.marginTopBtm10 { + margin: 10px 0!important +} +.paddingTopBtm10 { + padding: 10px 0 +} +.page-header { + border-bottom: 0!important +} +.marginTop5 { + margin-top: 5px; +} +.paddingbtm5 { + padding-bottom: 5px; +} +.border-Btm1 { + border-bottom: 1px solid #D8D8D8; +} +.pageHeading { + background: #818d43 none repeat scroll 0 0; + padding: 0px 15px; + margin-top: 60px; + z-index: 1030; + position: fixed; + width: 100%; +} +.pageHeading h4 { + font-size: 15px; + margin: 0!important; + color: #fff; + line-height: 30px; + font-weight: 600; + text-transform: uppercase +} +.color-white { + color: #fff!important; +} +.color-green { + color: #818f44!important; +} +.btn-black { + background-color: #4b4b4b; + border-color: #3f3f3f; + color: #ffffff; +} +.btn-black:hover, .btn-black:focus { + background-color: #1B92D0; + border-color: #1B92D0; + color: #ffffff; +} +.font16 { + font-size: 1.59em!important; +} +.modal-body { + padding: 0 10px; +} +.well-popup { + margin-bottom: 10px; + padding: 5px; +} +.annotation-modal-header { + padding: 5px 10px; +} +.form-group { + margin-bottom: 7px; +} +/********Stylish Search**************/ + +#imaginary_container { + margin: 8px 0!important; +} +.stylish-input-group .input-group-addon { + background: white !important; +} +.stylish-input-group .form-control { + border-right: 0; + box-shadow: 0 0 0; + border-color: #ccc; + width: 30%; + float: right; +} +.stylish-input-group button { + border: 0; + background: transparent; +} +#vertical-slider { + height: 150px; + margin-left: 30px; +} +.navbar-nav > li > a { + line-height: 30px; +} +.paddTop5 { + padding-top: 5px; +} +.mrgnBtm5 { + margin-bottom: 3px; +} +.thumbnail a { + color: #303030!important; + text-decoration: none; +} +.thumbnail a:hover { + color: #FFFFFF!important; + text-decoration: none!important; +} +.thumbnail:hover { + background: #8C8C8C!important; + border: 1px solid #a2a2a2; +} +#inner-anatomyPage .nav-tabs { + border-bottom: 1px solid #494949; +} +#inner-anatomyPage .nav-tabs li a { + color: #fff; +} +#inner-anatomyPage .nav-tabs li.active { + color: #000; +} +#inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + background: #1c92d0; + border: 1px solid #1c92d0; +} +.main { + margin-left: 200px; + position: relative; + transition: margin .3s ease; + margin-top: 50px; +} +.main.active { + margin-left: 0; +} +.sidebar { + left: 0px; + transition: left .3s ease; +} +.sidebar.active { + left: -200px; +} +.main-treeview { + margin-left: 290px; + position: relative; + transition: margin .3s ease; + margin-top: 50px; +} +.main-treeview.active { + margin-left: 0; +} +.treeview-left { + left: 0px; + transition: left .3s ease; +} +.treeview-left.active { + left: -290px; +} +/*.main2{margin-left:106;position: relative;transition:margin .3s ease;margin-top:60px;} +.main2.active{margin-left:0;} +.tools{left: 0px;transition:left .3s ease;} +.tools.active{left: -106px;}*/ +.main2 { + background: #383838; + margin-left: 110px; + padding-top: 1px; +} +.main2 { + margin-left: 110px; + position: relative; + transition: margin .3s ease; + margin-top: 1px; +} +.main2.active { + margin-left: 0; +} +.tools { + height: 100vh; + background: #222; + width: 110px; + padding-top: 20px; + /*overflow: hidden;*/ + position: fixed !important; + left: 0; + /*nk*/ + /*top: 70px;*/ + z-index: 1029; +} +.tools { + left: 0px; + transition: left .3s ease; +} +.tools.active { + left: -100px; +} +.navbar-fixed-top, .navbar-fixed-bottom { + z-index: 1035; +} +.main .breadcrumb { + background: #3d3d3d; + border: 1px solid #494949; + margin-bottom: 10px; + padding: 0 15px; /*background-color:rgba(61,61,61,0.95);*/ +} +.main-treeview .breadcrumb { + background: #3d3d3d; + border: 1px solid #494949; + margin-bottom: 10px; + padding: 10px 15px; /*background-color:rgba(61,61,61,0.95);*/ +} +.main2 .breadcrumb { + background: #3d3d3d; + border: 1px solid #494949; + margin-bottom: 10px; + padding: 5px; /*background-color:rgba(61,61,61,0.95);*/ +} +.main-full { + margin-top: 100px; +} +.main-full .breadcrumb { + background: #3d3d3d; + border: 1px solid #494949; + margin-bottom: 10px; + padding: 5px; /*background-color:rgba(61,61,61,0.95);*/ +} +.toggleHeadingButton { + font-size: 20px; + color: #fff; + cursor: pointer; +} +.indicators { + position: absolute; + bottom: 0; + left: 0; + background: #000000; + padding: 5px; + z-index: 9999; + width: 300px; +} +.well-white { + background: #fff; + height: 100vh; + padding: 10px; +} +.leftPanel-data { + padding: 10px 10px 0 10px; +} +.dragger { + position: relative; +} +.dragger #block-1 { + position: absolute; + top: 170px; + left: 170px; + width: 200px; + height: 50px; + border: 1px solid #333; + background: #E8E8E8; +} +.dragger .drag-img1 { + position: absolute; + bottom: 0px; + left: 0; +} +.bootstrap-dialog .modal-header.bootstrap-dialog-draggable { + cursor: move; +} +.thumbnail .caption p { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + /* width: 150px !important;*/ + text-align: center; +} +.pos-relative { + position: relative; + float: left; +} +.toggle-icon { + position: absolute; + top: 110px; + left: 100px; + z-index: 99999; + -moz-transition: left 0.5s ease; + transition: left 0.5s ease; + background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0; + width: 11px; + height: 33px; +} +.active .toggle-icon { + background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px; + width: 11px; + height: 33px; +} +.toggle-icon-treeview { + position: absolute; + top: 110px; + left: 290px; + z-index: 99999; + -moz-transition: left 0.5s ease; + transition: left 0.5s ease; + background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0; + width: 11px; + height: 33px; +} +.active .toggle-icon-treeview { + background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px; + width: 11px; + height: 33px; +} +.navbar-inverse .navbar-nav > li > a { + color: #FFFFFF; +} +.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { + color: #2db0f5; +} +ul.right0 { + right: 0!important; + left: auto; + min-width: 300px; + padding: 10px; + transition: visibility 0.15s ease 0s, opacity 0.15s ease 0s, transform 0.15s ease 0s; + border-bottom: 4px solid #abafb0; + box-shadow: 0 4px 2px -2px #abafb0 inset; +} +.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { + background-color: #0095da; + color: #ffffff; +} +.padd5 { + padding: 5px; +} +.padded25{ padding:25px;} +ul.listgrid-view{ list-style:none;} +ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D; padding:2px 5px; border-radius:2px;} +ul.listgrid-view li a{color:#fff!important;} +ul.listgrid-view li.active{ background:#0095da!important;} +.bg-white{ background:#fff;} +.stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;} + + + @-webkit-keyframes circle { +0% { + opacity: 1; +} + 40% { + opacity: 1; +} + 100% { + width: 200%; + height: 200%; + opacity: 0; +} +} +@keyframes circle { + 0% { + opacity: 1; +} + 40% { + opacity: 1; +} + 100% { + width: 200%; + height: 200%; + opacity: 0; +} +} + +@media (max-width: 480px) { +.tools i { + font-size: inherit; +} +.pageHeading h4 { + font-size: 20px; +} +} + +/** Responsive **/ +@media (max-width: 1199px) { +/*.main{margin-left:0;position: relative;transition:left .3s ease;left: 0;} + .main.active{left: 250px;} + .sidebar{left: -250px;transition:left .3s ease;} + .sidebar.active{left: 0;}*/ + /*.main2{margin-left:0;position: relative;transition:left .3s ease;left: 0;} + .main2.active{left: 106px;} + .tools{left: -106px;transition:left .3s ease;} + .tools.active{left: 0;}*/ + + +} + +@media (max-width: 767px) { +textarea { + height: 120px !important; +} +.quesDetail>*, .patDataRow>* { + text-align: left !important; +} +.table { + font-size: .9em; +} +.stylish-input-group .form-control { + border-right: 0; + box-shadow: 0 0 0; + border-color: #ccc; + width: 100%; + float: right; +} +} + +@media (max-width: 1023px) { +/*.nav > li > a{ padding:15px 6px!important;}*/ + +.main { + margin-left: 0; + position: relative; + transition: left .3s ease; + left: 0; +} +.main.active { + left: 200px; +} +.sidebar { + left: -200px; + transition: left .3s ease; +} +.sidebar.active { + left: 0; +} +.main-treeview { + margin-left: 0; + position: relative; + transition: left .3s ease; + left: 0; +} +.main-treeview.active { + left: 300px; +} +.treeview-left { + left: -300px; + transition: left .3s ease; +} +.treeview-left.active { + left: 0; +} +} + +@media (min-width: 768px) and (max-width: 1199px) { +.hidden-sm { + display: none !important; +} +.width120 { + width: 90%!important; +} +/* .toggleBar { margin:20px 10px 0 0}*/ +} + +@media (min-width: 768px) { +.toperMenu-spaceleft { + margin-left: 20px; +} +} + +@media (max-width: 350px) { +.pageHeading h4 { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 164px !important; +} +} + .spinner { position: fixed; top: 50%; @@ -696,4 +696,4 @@ textarea { overflow: auto; width: 100px; / width of the spinner gif / height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */ - } + }