.attachment { border-top: solid 1px #eae9e9; padding: 15px; } .attached-list { padding: 25px 0; margin-left: -16px; } .attached-box { width: 167px; height: 120px; display: inline-block; position: relative; margin: 0 0 16px 16px; text-align: center; vertical-align: middle; background: rgba(0, 0, 0, 0.1); } .attached-box:first-child { /*	margin-left: 0px;*/ } .attached-box .hover { text-align: left; display: none; } .attached-box:hover .hover { display: block; } .attached-box .hover { opacity: 1; position: absolute; z-index: 1; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.6); } .att-bx { height: 100%; position: relative; width: 100%; } .att-bx img { max-width: 100%; } .f-opt { display: none; bottom: 0; height: 33px; position: absolute; width: 100%; background: rgba(0, 0, 0, 0.6); text-align: left; z-index: 2; } .att-bx:hover .f-opt { display: block; } .f-opt li { border-top: none !important; padding: 6px 3px !important; width: auto !important; display:inline-block; } .f-opt li a { background-size: contain; width: 20px; height: auto; display: inline-block; text-indent: -9999px; margin:0 4px; } .f-opt li.att-info a { background: rgba(0, 0, 0, 0) url(/img/retina/icon_info.svg) no-repeat scroll center center / contain ; } .f-opt li.dnld-doc a { background: url(/img/retina/doc.svg) no-repeat center center; background-size: contain; } .f-opt li.dnld-pdf a { background: url(/img/retina/pdf.svg) no-repeat center center; background-size: contain; } .f-opt li.prvw-img a{ background: url(/img/retina/magnifier68.svg) no-repeat center center; background-size: contain; } .f-opt li.att-del a{ background: url(/img/retina/att-delete.svg) no-repeat center center; background-size: contain; } .f-opt li.att-restr a{ background: url(/img/retina/att-restore.svg) no-repeat center center; background-size: contain; } .dn-icn { padding: 5px; display: inline-block; } .f-name, .f-size { color: #ffffff; display: inline-block; font-size: 12px; vertical-align: top; padding-top: 5px; text-overflow: ellipsis; display: block; overflow: hidden; } .f-size { display: block; } .download-hover { background: #fff url(/img/file-download.png) no-repeat center center; width: 30px; height: 28px; display: block; border-radius: 2px; position: absolute; left: 29px; bottom: 15px; } .download-hover:hover { background: #dbdbdb url(/img/file-download.png) no-repeat center center; } .favourite { z-index: 10; position: absolute; right: 5px; top: 5px; } .favourite svg { width: 16px; height: 16px; display: block; } .favourite svg path { fill: #278dc7; } .favourite.active path { fill: #f04b3d; } .posted { text-align: left; margin: 10px; font-size: 12px; } .f-formate { position: absolute; background: rgba(0, 0, 0, 0.3); height: 33px; width: 100%; bottom: 0px; color: #FFF; font-size: 13px; line-height: 28px; text-align: center; padding: 0 5px; text-overflow: ellipsis; display: block; overflow: hidden; } .f-formate img { float: left; margin: -13px 8px 0 9px; } .att-bx a.a-fav-itm { background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0; border-radius: 4px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); padding: 6px; position: absolute; right: 5px; top: 5px; z-index: 1; } .att-bx a.a-fav-itm svg path { fill: none; stroke: #f04b3d; stroke-width: 3px; } /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc */ /* #Reset & Basics  ================================================== */ * { -webkit-overflow-scrolling: touch; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; line-height: normal; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: 'Open Sans'; } a { cursor: pointer; color: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { height: 100%; } body { line-height: 1; /* overflow-x: hidden; */ height: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { /*border-collapse: collapse; border-spacing: 0;*/ } img { display: block; } /* #Basic Styles ================================================== */ body { background: #fff; font: 14px/21px; color: #444; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #181818; font-weight: normal; line-height: 1.2; padding: 0px; margin: 0px; display: block; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } .subheader { color: #777; } p { } p img { margin: 0; } p.lead { font-size: 21px; color: #777; } em { font-style: italic; } strong { font-weight: 600; } small { font-size: 80%; } /*	Blockquotes  */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* #Links ================================================== */ a, a:visited { line-height: normal; text-decoration: none; outline: 0; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } a:hover, a:focus, :hover { -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 0px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 0px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 0px; } li { } ul.large li { line-height: 21px; } li p { line-height: 21px; } .container-fluid { padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px;/*margin-bottom: 20px;*/ } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { min-height: 1px; padding-right: 15px; padding-left: 15px } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; } .col-12 { width: 100%; } .col-11 { width: 91.66666667%; } .col-10 { width: 83.33333333%; } .col-9 { width: 75%; } .col-8 { width: 66.66666667%; } .col-7 { width: 58.33333333%; } .col-6 { width: 50%; } .col-5 { width: 41.66666667%; } .col-4 { width: 33.33333333%; } .col-3 { width: 25%; } .col-2 { width: 16.66666667%; } .col-1 { width: 8.33333333%; } .row.no-gutter, .no-gutter { margin-left: 0; margin-right: 0; padding-left:0; padding-right:0; } /* #Font-Face ================================================== */ /* 	This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /*	@font-face { font-family: 'FontName'; src: url('/fonts//fonts/FontName.eot'); src: url('/fonts//fonts/FontName.eot?iefix') format('eot'), url('/fonts//fonts/FontName.woff') format('woff'), url('/fonts//fonts/FontName.ttf') format('truetype'), url('/fonts//fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */ @media only screen and (max-width: 767px) { .row { margin-bottom: 0px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: none; width: auto; display: block; } .no-padding-left { padding-left: 20px; } } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0; } .half-bottom { margin-bottom: 10px; } .add-bottom { margin-bottom: 20px; } .fl { float: left; } .fr { float: right; } .fn { float: none; } .align-center { margin: 0 auto; text-align: center; } .gap { height: 15px; clear: both; } .space { height: 20px; clear: both; } .hide { display: none; } .hidden { display: none; } .inviso { display: none; } .highlighted { color: #211922; background-color: #ff0; } .error { font-size: 18px; font-weight: 300; color: #f00; } .no-float { float: none; } .no-state:hover { background-color: transparent; } .no-state:active { color: #221919; } .no-border { border-width: 0; } .no-border-top { border-top-width: 0; } .no-border-right { border-right-width: 0; } .no-border-bottom { border-bottom-width: 0; } .no-border-left { border-left-width: 0; } .no-margin { margin: 0; } .no-margin-top { margin-top: 0; } .no-margin-right { margin-right: 0; } .no-margin-bottom { margin-bottom: 0; } .no-margin-left { margin-left: 0; } .no-padding { padding: 0; } .no-padding-top { padding-top: 0; } .no-padding-right { padding-right: 0; } .no-padding-bottom { padding-bottom: 0; } .no-padding-left { padding-left: 0; } .no-background { background: none; } .width-auto { width: auto; } .fixed { position: fixed; } .invisible { visibility: hidden; } .red { color: red; } .noscroll { overflow: hidden; } .clearfix, .row { } .clearfix:before, .clearfix:after, .row:before, .row:after { content: ""; display: table; line-height: 0; } .clearfix:after, .row:after { clear: both; } /* You can also use a <br class="clear" /> to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .shadow { -o-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); -icab-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); } .innershadow { -o-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.5); -icab-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.5); -khtml-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset0px 0px 3px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.5); } form input, input, form select, select, form textarea, textarea { font-family: 'Open Sans' !important; margin: 0px; } form input:focus, input:focus, form select:focus, select:focus, form textarea:focus, textarea:focus { outline: none; } input[type="submit"] { cursor: pointer; outline: none; } .ripplelink { position: relative; overflow: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 0; } .ripplelink:hover { z-index: 1000; } .ink { display: block; position: absolute; background: rgba(0, 0, 0, 0.1); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .animate { -webkit-animation: ripple 0.65s linear; -moz-animation: ripple 0.65s linear; -ms-animation: ripple 0.65s linear; -o-animation: ripple 0.65s linear; animation: ripple 0.65s linear; } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); } } @-moz-keyframes ripple { 100% { opacity: 0; -moz-transform: scale(2.5); } } @-o-keyframes ripple { 100% { opacity: 0; -o-transform: scale(2.5); } } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } .rt, .tbl-common td.rt{ text-align:right;} .lt{ text-align:left;} .inln{ display:inline-block; vertical-align: bottom;} .inln-middle{ display:inline-block; vertical-align: middle;}#bizfullpage { position: absolute; top: 52px; left: 219px; right: 0; bottom: 0; background: #FFF; /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.33);*/ z-index: 102; } #bizfullpage.full-screen { position: fixed; top: 0; left: 0; } #bizfullpage[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } #bizfullpage[data-animation=none] { -webkit-animation: none; animation: none; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 100% { transform: scale(1); -webkit-transform: scale(1); } } #bizfullpage .titlebar { border-bottom: solid 1px #eaebeb; padding: 10px; position: absolute; top: 0; left: 0; right: 0; background: #FFF; line-height: 1; color: #3f464f; display: inline-block; font-size: 24px; font-weight: 600; } #bizfullpage .titlebar .close { background: url(/img/retina/close.svg) 0 0 no-repeat; background-size: cover; text-indent: -9999px; width: 35px; height: 35px; display: block; position: absolute; right: 10px; top: 10px; } #bizfullpage .content { padding: 10px; position: absolute; top: 54px; left: 0; right: 0; bottom: 0px; overflow-y: auto; overflow-x: hidden; } body { background: #fff;/*background: url(/img/atlantic-blurred-background.jpg) no-repeat 0 0; background-size:cover;background-attachment:fixed;*/ } .msg-line, .dates, .notification-calendar ul { font-size: 0; } .msg-line *, .dates *, .notification-calendar ul * { font-size: 14px; } /**custom**/ .nl2br { white-space: pre-wrap; } .msg-extra { white-space: pre-wrap; font-style: italic; font-size: 12px; color: #999; padding: 10px; } a.theme-btn, input.button, input.theme-btn { cursor: pointer; background: #f04b3d; color: #fff !important; border: none; border-radius: 2px; padding: 12px 27px; margin: 0 auto; display: table; font-size: 16px; font-weight: 400; font-style: normal; vertical-align: top; text-decoration: none; line-height: 1; transition-property: all; transition-duration: 0.8s; transition-delay: 0s; transition-easing: ease-out; -moz-transition-property: all; -moz-transition-duration: 0.8s; -moz-transition-delay: 0s; -moz-transition-easing: ease-out; -webkit-transition-property: all; -webkit-transition-duration: 0.8s; -webkit-transition-delay: 0s; -webkit-transition-easing: ease-out; -o-transition-property: all; -o-transition-duration: 0.8s; -o-transition-delay: 0s; -o-transition-easing: ease-out; -ms-transition-property: all; -ms-transition-duration: 0.8s; -ms-transition-delay: 0s; -ms-transition-easing: ease-out; } a.theme-btn.blue { background: #006699; padding: 22px 58px; } a.theme-btn.blue:hover { background: #24a149; } a.theme-btn.red { background: #dd4b39; } a.theme-btn.skyblue { background: #43ace3; } a.theme-btn.green { background: #24a149; } a.theme-btn.yellow, input.button.yellow, input.theme-btn.yellow { background: #face66; color: #8a6307; } a.theme-btn i { display: inline-block; vertical-align: middle; padding-right: 8px; } a.theme-btn i img { vertical-align: sub; } a.theme-btn:hover, a.theme-btn.yellow:hover, input.theme-btn:hover { background: #073d61; color: #fff; } a.theme-btn:focus, input.theme-btn:focus { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } a.theme-btn.small, a.small { font-size: 14px; padding: 6px 13px; } a.theme-btn.xsmall, a.xsmall { font-size: 10px; padding: 6px 9px; } a.theme-btn.medium, a.medium { font-size: 16px; } a.theme-btn.large, a.large { font-size: 18px; } a.theme-btn.xlarge, a.xlarge { font-size: 20px; } #container { margin: 0 auto; height: 100%; max-width: 1440px; width: 100%; position: relative; z-index: 10; top: 0; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #header { left: auto; position: fixed; right: auto; z-index: 100; height: 52px; margin: 0 auto; max-width: 1440px; width: 100%; } .bg { background: #242d3b; } .logo-wrap { float: left; width: 219px; padding: 5px; overflow: hidden; border-right: solid 1px #2d3745; height: 52px; } a.logo { display: table-cell; text-align: center; vertical-align: middle; width: 209px; height: 42px; } a.logo img { max-width: 100%; width: auto; display: block; margin: 0 auto; } div.quick-jump { background: #181e28; height: 52px; width: 420px; float: left; border-right: solid 1px #2d3745; margin: 0px; text-align: left; padding: 0 0 0 15px; position: relative; } div.quick-jump input[type="text"] { background: none; border: none; height: 52px; width: 260px; color: #fff; font-size: 14px; padding: 5px; } div.quick-jump input[type="submit"] { cursor: pointer; background: url(/img/magni.png) no-repeat center center; width: 46px; height: 52px; float: left; border: none; } .jump { display: inline-block; margin: 10px 0px; margin-right: 20px; } .jump li a { position: relative; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 600; } .jump li a:after { position: absolute; content: ""; top: 7px; right: -15px; width: 0; height: 0; border-style: solid; border-width: 8.7px 5px 0 5px; border-color: #ffffff transparent transparent transparent; } .auto-suggetion { opacity: 0; visibility: hidden; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; left: 140px; position: absolute; top: 30px; z-index: 1; } .auto-suggetion.open { top: 48px; opacity: 1; visibility: visible; } .dropdown-inner { border-radius: 2px; background: rgba(255, 255, 255, 0.98); border: 0 solid rgba(0, 0, 0, 0.25); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); position: relative; width: 339px; padding: 5px 0; } .dropdown-inner:after { bottom: 100%; left: 33px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } .has-results-1 { height: 220px; overflow-y: auto; margin-right: 5px; } .has-results-1 li { cursor: pointer; border-bottom: solid 1px #f2f2f2; color: #333333; font-size: 14px; display: block; padding: 10px 15px; } .has-results-1 li strong { font-weight: 600; } .has-results-1 li:last-child { border-bottom: none; } .has-results-1 li a { padding: 8px 10px; color: #333333; font-size: 14px; display: block; } .has-results-1 li a:hover, .has-results-1 li:hover { background-color: #415065; color: #fff; } .notify-row { position: relative; margin: 17px 0px 0 0; float: right; padding-right: 15px;/*	text-align: right;*/ } .hidden-dropdown { display: block; position: absolute; width: auto; right: 0; top: 0; z-index: 10; opacity: 0; visibility: hidden; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .hidden-dropdown.open { top: 35px; opacity: 1; visibility: visible; } .notify-row ul.notify-pc li { vertical-align: top; display: inline-block; position: relative; margin: 0 3px; } .notify-row ul.notify-pc li a i.menu-account, .notify-row ul.notify-pc li a i.email, .notify-row ul.notify-pc li a i.announcements, .notify-row ul.notify-pc li a i.bookmarks, .notify-row ul.notify-pc li a i.todo { border: solid 1px #384352; border-radius: 3px; width: 29px; height: 25px; display: inline-block; text-align: center; } .notify-row ul.notify-pc li a svg { width: 18px; height: 22px; } .notify-row ul.notify-pc li a svg path { fill: #fff; } .notify-row ul.notify-pc li a svg path, .notify-row ul.notify-pc li a svg rect, .notify-row ul.notify-pc li a svg polygon { fill: #fff !important; stroke: none; stroke-width: 0; } .notify-row ul.notify-pc li a i.profile { width: 25px; height: 25px; display: inline-block; } .notify-row ul.notify-pc li a i.profile img { width: 25px; height: 25px; border-radius: 50%; border: 2px solid white; } .notify-row ul.notify-pc li a span.count { position: absolute; top: -9px; right: -9px; background: #77b267; width: 18px; height: 18px; border-radius: 50%; color: #fff; text-align: center; font-size: 11px; display: block; } .notify-row ul.notify-pc li:nth-child(2) a span.count { background: #d55c52; } .notify-row ul.notify-pc li:nth-child(3) a span.count { background: #57a2cd; } .profile-div { background: #25313e; display: block; padding: 15px; transition: all 0.25s ease 0s; width: 310px; } .about-user { } .avatar { width: 150px; height: 150px; border-radius: 100%; overflow: hidden; margin: 0 auto; text-align: center;/*border: solid 1px #798189; background: #3b4652; padding: 5px;*/ } .avatar span { display: block; border: solid 4px #ffffff; border-radius: 100%; } .avatar span img { border-radius: 100%; } .about-user .user-name { text-align: center; color: #fff; font-size: 16px; font-weight: 600; } .dropdown-info { } .dropdown-info { position: relative; background: #fff; border-radius: 2px; text-align: left; top: 15px; margin-bottom: 15px; } .dropdown-info:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } .dropdown-info li { color: #696d72; font-size: 14px; padding: 4px 5px; display: block; } .dropdown-info li:last-child { border-top: solid 1px #ebeaea; } .dropdown-info li a { padding: 4px 5px; display: block; color: #696d72; } .dropdown-info li a:hover { color: #000; background: #e7e8ea; } .dropdown-info li .circle { border-radius: 100%; background: #fb6b5b; color: #fff; width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: top; } .pull-right { float: right; } .pull-left { float: left; } .push-menu-left { position: fixed; left: -300px; width: 300px; z-index: 20; background-color: #67b5d1; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .left-scrollbar { padding-top: 52px; } #sidebar { background: #415065; height: -webkit-calc(100% - 52px); height: calc(100% - 52px); height: -webkit-calc(100% - 52px); height: calc(100% - 52px); position: fixed; width: 219px; overflow-y: auto; z-index: 101; } .blank { height: 78px; } .green { background: #77b267; } ul.sidebar-menu { background: #415065; } ul.sidebar-menu li a { border-bottom: solid 1px #495669; display: block; color: #9badc8; font-size: 14px; font-weight: 700; margin: 0px; padding: 0; } ul.sidebar-menu li a span { padding-left: 10px; color: #9badc8; display: inline-block; vertical-align: middle; } ul.sidebar-menu li a span.badge { background: rgba(240, 75, 61, 1); border-radius: 50%; color: rgb(255, 255, 255); float: right; font-size: 10px; margin-right: 10px; margin-top: 14px; min-height: 20px; min-width: 20px; padding: 4px 0; } ul.sidebar-menu li a i.icon { border-right: solid 1px #495669; width: 37px; height: 44px; display: inline-block; vertical-align: middle; margin-right: 0px; text-align: center; } ul.sidebar-menu li a i.icon svg { fill: none; width: 16px; height: 44px; } ul.sidebar-menu li a i.icon svg path, ul.sidebar-menu li a i.icon svg rect, ul.sidebar-menu li a i.icon svg polygon { fill: #fff !important; stroke: none; stroke-width: 0; } ul.sidebar-menu li a span.pullright { float: right; background: url(/img/pull.png) no-repeat 0 0; width: 11px; height: 14px; display: inline-block; margin: 17px 10px 0 0; } ul.sidebar-menu li a:hover, ul.sidebar-menu li a.active { background: #364356; } ul.sidebar-menu li a i.icon.dashboard { background-position: 4px 15px; } ul.sidebar-menu li a i.icon.profile { background-position: 6px -31px; } ul.sidebar-menu li a i.icon.project { background-position: 7px -79px; } ul.sidebar-menu li a i.icon.team { background-position: 6px -144px; } ul.sidebar-menu li a i.icon.clients { background-position: 8px -222px; } ul.sidebar-menu li a i.icon.invoices { background-position: 9px -296px; } ul.sidebar-menu li a i.icon.receipts { background-position: 9px -363px; } ul.sidebar-menu li a i.icon.accounts { background-position: 7px -429px; } ul.sidebar-menu li a i.icon.reports { background-position: 7px -499px; } ul.sidebar-menu li a i.icon.crm { background-position: 7px -552px; } ul.sidebar-menu li a i.icon.announcements { background-position: 7px -621px; } ul.sidebar-menu li a i.icon.configuration { background-position: 6px -686px; } ul.sidebar-menu li a i.icon.usage { background-position: 8px -762px; } ul.sidebar-menu li a i.icon.guided { background-position: 7px -827px; } ul.sidebar-menu li ul { background: #364356; } ul.sidebar-menu li ul li a { border-color: #3e4b5e; } ul.sidebar-menu li ul li a span { color: #fff !important; font-size: 13px; font-weight: 400; } ul.sidebar-menu li ul li a i.icon { border-color: #3e4b5e; background: url(/img/pull.png) no-repeat 12px 15px; } p.powered { display: none; width: 220px; position: absolute; bottom: 10px; color: #8d949c; font-size: 13px; font-weight: 400px; text-align: center; } p.powered span { color: #ffffff; } #main-content { margin-left: 219px; height: calc(100% - 52px); overflow: auto; background: #f9f9f9; } #main-content .page-data { /*	padding-right: 10px;*/ padding-bottom: 10px; } .wrapper-outer { display: inline-block; margin-top: 0px; padding: 0 15px; width: 100%; vertical-align: top; position: relative; } .wrapper-outer .title { background: #fff; border-bottom: solid 1px #eaeaea; height: auto; text-align: center; display: table; width: 100%; } .wrapper-outer .title .p-name { line-height: 1; vertical-align: top; color: #3f464f; display: inline-block; font-size: 22px; font-weight: 600; margin: 0px 15px; padding: 8px 0 10px 0; float: left; } .wrapper-outer .title .p-name span { color: #2a83b7; font-size: 17px; font-weight: 600; } .wrapper-outer .title .p-name .email-nav-pin { vertical-align: top; } .wrapper-outer .title .p-name .email-nav-pin svg { width: 20px; height: 20px; } .wrapper-outer .title .p-name .email-nav-pin svg path { fill: #888; } .wrapper-outer .title .title-nav { float: right; margin: 10px 15px 10px 0; } .wrapper-outer .title .title-nav a { border: 1px solid #e6e6e6; border-radius: 2px; padding: 4px 8px; display: inline-block; color: #777; font-size: 13px; vertical-align: top; background: #f5f5f5; font-weight: 600; } .wrapper-outer .title .title-nav > ul li { display: inline-block; vertical-align: top; } .wrapper-outer .title .title-nav a:hover { color: #f04b3d; border-color: #f04b3d; background: none; } .wrapper-outer .title .title-nav svg { height: 16px; width: 16px; display: inline-block; margin-right: 4px; vertical-align: bottom; } .wrapper-outer .title .title-nav a:hover svg path { fill: #f04b3d; } .tile-stats { display: table; width: 100%; border: solid 1px #e6e6e6; border-left-color: #e6e6e6; border-top-color: #dfdede; border-bottom-color: #c1c0c0; border-radius: 2px; box-shadow: 0px 1px 0px #e6e6e6; margin-bottom: 15px; } .tile-stats .stats { border-left: 1px solid #e9e8e8; padding: 18px; text-align: center; vertical-align: top; } .tile-stats .stats:first-child { border-left: none; } .tile-stats .stats i { display: inline-block; vertical-align: top; float: left; margin-right: 16px; text-align: center; } .tile-stats .stats span.num { color: #3f464f; display: block; font-size: 22px; font-weight: 600; line-height: 1.2; padding: 0; text-align: left; } .tile-stats .stats span.txt { display: block; text-align: left; color: #6d747c; font-size: 14px; text-transform: uppercase; } .panel { border-radius: 2px; } .panel { border: 1px solid rgba(0, 0, 0, 0); background-color: #ffffff; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05); margin-bottom: 15px; } .panel.panel-default { border-color: #ebe8e8; } .panel-heading { padding: 10px 15px; border-bottom: solid 1px #ebe8e8; } .panel-body { } .panel-default > .panel-heading { background-color: #f5f5f5; color: #333333; } .panel-heading.white { border-bottom: none; background: #fff; } .panel-heading { border-radius: 2px 2px 0 0; } .panel-footer { border-top: solid 1px #eae9e9; } .font-bold { font-weight: 700 !important; } .pie-chart { margin: 0 auto; text-align: center; } .pie-chart img { max-width: 100%; display: block; margin: 31px auto; text-align: center; } .points { text-align: center; padding: 15px 0; border-left: solid 1px #eae9e9; } .points:last-child { border-bottom: none; } .calendar { box-shadow: 0px 0px 0px #000; border: none; } .calendar .panel-heading { color: #fff; background: #415065; border: none; } .tbl-calendar { background: #252e3b; color: #fff; font-size: 13px; } .month-header .arrow-left, .month-header .arrow-right { background: url(/img/arrow-left.png) no-repeat 0 0; width: 12px; height: 13px; display: block; margin: 0 auto; text-align: center; } .month-header .arrow-right { background: url(/img/arrow-right.png) no-repeat 0 0; } .month-header td { padding: 9px 0; text-align: center; } .month-header .year { width: 70%; } .table { max-width: 100%; width: 100%; } .daysmonth { text-align: center; } .daysmonth td { padding: 3px 0; } .daysmonth td a { display: inline-block; line-height: 20px; color: #fff; width: 21px; height: 21px; } .cal-day-events { max-height: 250px; overflow: hidden; overflow-y: auto; } .event_popover { background: #e05c51; border-radius: 100%; } .event_popover.default { background: #e05c51; } .event_popover.green { background: #77b267; } .event_popover.blue { background: #65a2c4; } .list-group { border: solid 1px #ebe9e9; border-top: none; border-radius: 2px; } a.list-group-item { padding: 10px 15px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; color: #696d72; font-size: 13px; border-bottom: solid 1px #ebe9e9; } a.list-group-item:last-child { border-bottom: none; } a.list-group-item:hover { background: #f9f9f9; } .badge { border-radius: 2px; display: inline-block; font-size: 12px; font-weight: 500; line-height: 1; min-width: 10px; padding: 3px 7px; text-align: center; vertical-align: baseline; white-space: nowrap; color: #ffffff; } .list-group-item > .badge { float: right; } .bg-danger { background-color: #e05c51; } .bg-success { background-color: #77b267; } .bg-light { background-color: #57a2cd; } .sortable li { font-size: 14px; padding: 10px 15px; border-bottom: 1px solid #ebe9e9; color: #696d72; display: block; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .sortable li:last-child { border-bottom: none; } .sortable li i.dragable { float: left; background: url(/img/icon-drag.png) no-repeat 0 0; width: 15px; height: 15px; cursor: move; display: inline-block; margin-right: 15px; margin-top: 4px; } a.dropdown { color: #fff !important; white-space: nowrap; border-radius: 2px; float: right; padding: 4px 10px; } a.dropdown i { display: inline-block; margin: 0 8px 0 5px; } a.status { background: #9e8ebf; } a.blue { background: #415065; } span.arrow { background: url(/img/arrow-down.png) no-repeat 0 0; width: 10px; height: 5px; display: inline-block; vertical-align: middle; } .list-group-messages li { padding: 10px 15px; border-bottom: solid 1px #ebe9e9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .list-group-messages li:last-child { border-bottom: none; } .list-group-messages li span.avatar { width: 48px; height: 48px; overflow: hidden; float: left; display: inline-block; margin-right: 10px; border-radius: 100%; } .list-group-messages li span.avatar img, .avatar img { width: 100%; height: auto; } .list-group-messages li span.txt { color: #1c2025; font-size: 14px; } .list-group-messages li a { font-weight: 600; color: #f04b3d; font-size: 12px; display: block; } .invoice { } .invoice td, .invoice th { text-align: center; padding: 10px 15px; border-top: solid 1px #ebe9e9; border-left: solid 1px #ebe9e9; font-size: 14px; } .invoice td, .invoice th { } .invoice th { background: #f4f3f3; color: #278dc7; } .invoice td:first-child, .invoice th:first-child { text-align: left; border-left: none; } .invoice td a { color: #f04b3d; font-size: 13px; font-weight: 600; } .h3 { color: #278dc7; font-size: 16px; font-weight: 600; margin-bottom: 15px; } .h3 a { display: inline-block; float: right; font-size: 12px; } .h5 { color: #3c86af; font-size: 14px; font-weight: 600; margin-bottom: 15px; } .filter { display: inline-block; } .filter .label { color: #1b1e21; font-size: 13px; font-weight: 600; display: inline-block; vertical-align: middle; margin-right: 15px; } .field-filter { display: inline-block; border: solid 1px #e1e1e1; width: 258px; height: 37px; vertical-align: middle; } .field-filter input[type="text"], .field-filter input[type="search"] { color: #767b81; font-size: 13px; display: inline-block; border: none; padding: 5px; background: none; width: 258px; height: 37px; vertical-align: top; } .field-filter input[type="submit"] { display: inline-block; border: none; padding: 0px; cursor: pointer; width: 17px; height: 32px; background: url(/img/magni.png) no-repeat center center; } .select-dropdown { float: right; display: inline-block; } .right-filters { text-align: right; } .right-filters .select-dropdown { float: none; vertical-align: top; } .lst-typ-toggle { /* float: right; */ display: inline-block; vertical-align: top; } .lst-typ-toggle a { display: block; padding: 7px; border-radius: 2px; border: 1px solid #dbdbdb; } .lst-typ-toggle a:hover { border-color: #aaa; } .lst-typ-toggle a svg { width: 20px; height: 20px; } .lst-typ-toggle a svg path, .lst-typ-toggle a svg rect { fill: #777; } .lst-typ-toggle a:hover svg path, .lst-typ-toggle a:hover svg rect { fill: #666; }  th.sorter { cursor: pointer; } th.sorter span{ width: 10px; height: 10px; background: url("/img/sort-up-down.svg"); background-size: cover; display: inline-block; margin-left: 5px; } th.sorter.asc span{ background: url("/img/sort-up.svg"); width: 10px; height: 10px; background-size: cover; display: inline-block; margin-left: 5px; } th.sorter.dsc span{ background: url("/img/sort-down.svg"); width: 10px; height: 10px; background-size: cover; display: inline-block; margin-left: 5px; } .select-dropdown .label { vertical-align: middle; color: #1b1e21; font-size: 13px; font-weight: 600; display: inline-block; margin-right: 15px; } .select-dropdown a.drop { display: inline-block; border: solid 1px #e1e1e1; width: auto; height: 32px; color: #767b81; font-size: 13px; padding: 5px 12px; vertical-align: middle; } .select-dropdown a.drop span { background: url(/img/drop-arrow.png) no-repeat 0 0; width: 12px; height: 7px; display: inline-block; margin: 7px 0 7px 8px; float: right; } ul.drop-list { border: solid 1px #e1e1e1; position: relative; top: -1px; } ul.drop-list li a { color: #767b81; font-size: 13px; padding: 5px 12px; display: block; } ul.drop-list li a:hover { background: #77b267; color: #fff; } .team-list { margin: 22px auto; text-align: center; display: table; } .team-list ul { margin: 0 auto; text-align: center; } .team-list li { display: inline-block; width: 159px; overflow: hidden; text-align: center; margin: 22px 27px; vertical-align: top; } .team-list li .pic { width: 159px; height: 159px; display: block; margin-bottom: 15px; position: relative; } .team-list li .pic img { border-radius: 100%; display: block; max-width: -moz-fit-content; max-width: -webkit-fit-content; width: 100%; height: auto; } .team-list li a.edit { position: absolute; height: 28px; width: 28px; display: block; bottom: 15px; right: 34px; z-index: 1; background-color: rgba(0, 0, 0, 0.25); border-radius: 50%; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .team-list li a.edit:after { content: ""; position: absolute; z-index: 1; background-image: url(/img/white-edit-icon.png); background-repeat: no-repeat; background-position: center; height: 28px; width: 28px; display: block; } .team-list li a.edit:hover { background-color: rgba(0, 0, 0, 0.50); } .team-list li .title { color: #1c2025; font-size: 15px; font-weight: 600; border: none; padding: 0px; margin: 0; text-align: center; } .team-list li .title span { display: block; color: #68696b; font-size: 13px; font-weight: 300; } .paging { margin: 0 auto; text-align: center; margin-bottom: 15px; } .paging li { display: inline-block; } .paging li a.left, .paging li a.right { background: url(img/page-arrow.png) no-repeat 0 0; width: 6px; height: 11px; display: block; } .paging li a.right { background: url(img/page-arrow.png) no-repeat right top; } .paging li a.left:hover { background: url(img/page-arrow.png) no-repeat 0 0; } .paging li a.right:hover { background: url(img/page-arrow.png) no-repeat right top; } .paging li a { color: #32434d; font-size: 14px; font-weight: 600; padding: 2px 8px; } .paging li a.active, .paging li a:hover { border-radius: 2px; background: #415065; color: #fff; } .paging li a:hover { background: #9da4af; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #f04b3d; } 40% { box-shadow: 0 2.5em 0 0 #f04b3d; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #f04b3d; } 40% { box-shadow: 0 2.5em 0 0 #f04b3d; } } /***task_list.html****/ .blk-repeated { margin-bottom: 15px; } .blk-head { border: solid 1px #ebeaea; padding: 15px; background: #f9f9f9; position: relative; } .blk-head .tags-wrapper { display: block; min-height: 37px; margin-left: 13px; } .blk-head .title { color: #222426; font-size: 14px; font-weight: 700; display: inline-block; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: none; border-bottom: none; margin-bottom: 0; text-align: left; } ul.links { float: right; display: inline-block; } ul.links > li { position: relative; display: inline-block; margin: 0 2px; } .blk-body { border: solid 1px #ebeaea; border-bottom: none; border-top: none; padding: 15px; } .blk-repeated .note { font-size: 13px; border-top: 1px solid #ebeaea; padding: 10px 0 0 0; } .blk-repeated .note strong { color: #f04b3d; } .dates { display: table; width: 100%; } .dates span { padding: 15px 15px; display: inline-block; width: 48%; background: #77b267; border-radius: 2px; text-align: center; color: #fff; margin: 0 1%; vertical-align: top; font-size: 0; } .dates span.du-date { padding: 0; font-size: 13px; width: auto; } .dates span:first-child { /*margin-left: 0px;*/ } .dates span strong { font-weight: 700; display: block; font-size: 16px; } ul.list-lr { /*overflow: auto; height: 150px;*/ margin: 15px 0 0 0; } ul.list-lr > li { display: table; width: 100%; color: #3f464f; font-size: 13px; padding: 5px 0; } ul.list-lr > li > span { width: 49%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ul.list-lr > li span.right { color: #656a6f; padding-left: 15px; } ul.list-lr > li span.right a { color: #656a6f; } .toggle-icon, ul.list-lr > li span.toggle-icon { background: #3f464f url(/img/drop-arrow-white.png) no-repeat center; vertical-align: bottom; border-radius: 2px; width: 14px; height: 14px; display: inline-block; } .blk-footer { border-top: solid 1px #e3e1e1; background: #ebeaea; padding: 15px; width: 100%; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .blk-footer .hrs { display: inline-block; width: auto; color: #484d52; font-size: 12px; padding-left: 15px; vertical-align: top; } .blk-footer .hrs:first-child { padding-left: 0; } .blk-footer .hrs span { display: block; color: #f04b3d; font-weight: 700; font-size: 13px; } .blk-footer .hrs.right { padding-left: 15px; } /*****/ .about { border: solid 1px #ebe8e8; } .about .name { background: #f5f5f5; border-bottom: solid 1px #ebe8e8; color: #666b70; font-size: 17px; padding: 10px 15px; } .about .name span { font-size: 17px; font-weight: 600; color: #2a8dc6; } .info-wrapper { text-align: center; } .about .avatar { width: 180px; height: 180px; overflow: hidden; margin-right: 15px; border-radius: 100%; margin: 26px auto; } .about .avatar img { width: 100%; height: auto; } .graph-hrs img { width: 100%; } ul.about-profile { text-align: center; width: 100%; } ul.about-profile li { padding: 5px 0; display: table; width: 100%; } ul.about-profile li span.cell-left { display: table-cell; width: 50%; color: #000; font-size: 14px; } ul.about-profile li span.cell-right { display: table-cell; width: 50%; color: #676a6e; font-size: 13px; } .emp-status { display: table; width: 100%; } .emp-status .flat { display: table-cell; vertical-align: middle; width: 25%; background: #4697c5; color: #fff; font-size: 14px; text-align: center; padding: 25px 8px; border-left: solid 1px #fff; } .emp-status .flat:first-child { border-left: none; } .emp-status .flat span { color: #fff; font-size: 22px; font-weight: 700; padding: 6px 10px; background-color: rgba(0, 0, 0, 0.22); border-radius: 50%; display: block; width: 45px; height: 45px; margin: 0 auto; text-align: center; margin-bottom: 5px; } .emp-status .flat.one { background: #4697c5; } .emp-status .flat.two { background: #77b267; } .emp-status .flat.three { background: #9e8ebf; } .emp-status .flat.four { background: #f04b3d; } .emp-status .flat.five { background: #debd49; } .emp-status .flat.six { background: #8196d4; } .emp-status .flat.seven { background: #f04b3d; } .emp-status.overview { margin-bottom: 15px; } .emp-status.overview .flat { width: auto; } .emp-status.overview .flat span { font-size: 20px; font-weight: 600; padding: 2px 10px; min-width: 90px; border-radius: 3px; display: table; width: auto; height: auto; margin: 0 auto; text-align: center; position: relative; margin-bottom: 14px; } .emp-status.overview .flat span:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(54, 124, 164, 0); border-top-color: rgba(0, 0, 0, 0.22); border-width: 7px 8px 0px; margin-left: -6px; } .subheading { color: #2a8dc6; font-size: 17px; font-weight: 600; padding: 10px 15px; } .about-info { margin: 15px; } .about-info li { display: table; width: 100%; background: #f5f5f5; padding: 10px; } .about-info li:nth-child(2n) { background: #fff; } .about-info li span.caption { color: #000; font-size: 15px; font-weight: 600; display: table-cell; width: 105px; vertical-align: top; } .about-info li span.detail { color: #656c70; font-size: 14px; display: table-cell; width: auto; vertical-align: top; } .bluebold { color: #2e81b0; font-size: 14px; font-weight: 700; } .bluebold a { color: #2e81b0; } .redbox { background: #f04b3d; border-radius: 2px; color: #fff; padding: 5px; font-weight: 700; } .blue-heading { background: #252e3b; color: #fff; font-size: 16px; font-weight: 600; padding: 10px 15px; margin-bottom: 15px; } .blue-heading span { color: #fff; font-size: 13px; font-weight: 400; } .leaves { margin-bottom: 15px; } .leaves .heading { color: #2a2e33; font-size: 17px; font-weight: 600; padding: 10px 15px; border: solid 1px #ebeaea; border-bottom: none; } .leaves-calender table { border: none; width: 100%; border-collapse: collapse; } .leaves-calender table td { text-align: center; width: auto; border: solid 1px #ebeaea; color: #73777d; font-size: 14px; padding: 15px 0; } .leaves-calender table td span { display: block; width: 32px; height: 32px; background: #ececec; border-radius: 50%; color: #1c2025; text-align: center; vertical-align: middle; color: #1c2025; font-size: 14px; margin: 0 auto; padding: 5px 0 0 0; margin-bottom: 15px; } .leaves-calender table td:hover, .leaves-calender table td:focus { background-color: #f04b3d; color: #fff; } .hrs-report { margin-bottom: 15px; } .hrs-report .heading { color: #2a2e33; font-size: 17px; font-weight: 600; padding: 10px 15px; border: solid 1px #ebeaea; border-bottom: none; } .inprogress { margin-bottom: 15px; } .inprogress .heading { color: #4697c5; font-size: 17px; font-weight: 600; padding: 10px 15px; border: solid 1px #ebeaea; border-bottom: none; } .progress-body { border: solid 1px #ebeaea; } .pro-line { vertical-align: top; background: #f9f9f9; border-bottom: solid 1px #e8e8e8; display: inline-block; width: 100%; padding: 15px 15px 5px 15px; } .prj-name { float: left; width: auto; color: #222426; font-size: 14px; font-weight: 300; } .prj-name a.tsk { color: #222426; } .prj-name a.prj { font-size: 12px; color: #646669; font-weight: 300; } .p-bar { margin: 5px 0; width: 200px; display: block; } .gray-full { display: inline-block; vertical-align: top; background: #e0dfdf; height: 3px; border-radius: 2px; overflow: hidden; width: 75%; margin: 7px 10px 0 0; } .gray-full span { background: #5cb85c; height: 3px; display: block; } .p-bar .value { color: #8d8c8c; font-size: 12px; display: inline-block; vertical-align: top; } .t-bar { display: inline-block; width: 300px; margin: 16px 25px; } .t-bar .gray-full, .t-bar .gray-full span { height: 4px; width: 100px; } .t-bar .time { display: inline-block; vertical-align: top; width: 180px; line-height: 1; } .t-bar .time a { color: #fff; vertical-align: top; font-size: 12px; font-weight: 600; } .pro-time { font-size: 13px; background: #389dd7; border-radius: 2px; display: inline-block; color: #fff; float: right; overflow: hidden; } .pro-time .time { padding: 5px; display: inline-block; } .pro-time .hrs { background: #2b8ac1; padding: 5px; display: inline-block; position: relative; } .pro-time .hrs:before { position: absolute; content: ''; top: 0; left: -7px; background: url(/img/border-left.png) no-repeat 0 0; height: 28px; width: 12px; display: block; } .pro-line:last-child { border-bottom: none; } .time-line { display: table; width: 100%; } .time-line .time-side { position: relative; display: table-cell; width: 86px; vertical-align: top; padding-right: 25px; background: url(/img/dot.png) repeat-y 27px 0; text-align: center; } .time-line .time { width: 58px; height: 58px; display: block; margin: 0 auto; text-align: center; box-shadow: 0 0 3px rgba(0, 0, 0, 0.33); background: #57a2cd; border: solid 3px #fff; border-radius: 50%; font-size: 14px; font-weight: 300; color: #fff; overflow: hidden; vertical-align: middle; line-height: 52px; } .time-line .time span { display: block; font-size: 11px; } .time-line .time.red { background: #d55c52; } .time-line .date { border-radius: 2px; background: #f9f9f9; border: solid 1px #ebeaea; color: #787575; font-size: 12px; text-align: center; display: inline-block; margin: 12px auto; padding: 4px 8px; } .time-line .desc-side { display: block; width: auto; margin-bottom: 15px; vertical-align: top; position: relative; background: #f9f9f9; border: 1px solid #ebeaea; padding: 10px 15px; } .time-line .desc-side:after, .time-line .desc-side:before { right: 100%; top: 16%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .time-line .desc-side:after { border-color: rgba(249, 249, 249, 0); border-right-color: #f9f9f9; border-width: 10px; margin-top: -10px; } .time-line .desc-side:before { border-color: rgba(235, 234, 234, 0); border-right-color: #ebeaea; border-width: 11px; margin-top: -11px; } .time-line .desc-side .desc-heading { color: #222426; font-size: 14px; font-weight: 700; width: 80%; } .time-line .desc-side .desc-heading span { font-size: 12px; font-weight: 300; color: #646669; } .desc-content { margin: 15px 0 10px 0; border-left: solid 5px #7bb136; padding: 0 0 0 15px; color: #4f4f4f; font-size: 14px; line-height: 1.5; white-space: pre-wrap; } .msg-sub, .msg-date { font-size: 14px; } .notifications { color: #000; font-size: 14px; font-weight: 600; margin: 0px; padding: 15px 0 0 0; } .notifications em { color: #565a5e; font-size: 14px; font-weight: 400; } .sub-heading { color: #ffa200; font-size: 14px; } .priority-table table { width: 100%; border-collapse: collapse; } .priority-table table th { background: #f4f3f3; border: solid 1px #ebeaea; color: #000000; font-size: 13px; font-weight: 400; padding: 12px 15px; text-align: left; } .priority-table table td { vertical-align: top; border: solid 1px #ebeaea; color: #646669; font-size: 13px; font-weight: 400; padding: 12px 15px; text-align: left; } .priority-table table tr.picked { background: #efefef !important; box-shadow: 0 0 8px rgba(0, 0, 0, 0.20); } .priority-table table tr.picked td { border: solid 1px #dadada; } .priority-table table tr:nth-child(2n+1) { background-color: #f9f9f9; } .task-description { position: relative; } .task-description a.toggle, a.toggle { position: absolute; top: 10px; right: -5px; width: 15px; height: 15px; display: block; background: url(/img/toggle.png) no-repeat 0 -175px; text-indent: -9999px; } .task-description a.toggle.active, a.toggle.active { background: url(/img/toggle.png) no-repeat 2px 4px; } .tsk-title { position: relative; color: #646669; font-size: 13px; margin-right: 15px; } .tsk-title a.tsk { color: #2d8cc2; font-size: 15px; font-weight: 400; display: block; } .task-description .more-info { font-size: 12px; color: #85878a; margin-bottom: 10px; transition: all ease .3s; display: block; opacity: 0; visibility: hidden; height: 0; } .task-description .more-info.open { opacity: 1; visibility: visible; height: auto; transition: all ease .3s; } .task-description .more-info strong { color: #000; font-weight: 400; font-size: 14px; display: block; } .priority-table a.dropdown { float: none; } .deadline { /* background: url(/img/icon-deadline.png) no-repeat 0 0; */ background: url(/img/billable.png) no-repeat 0 0; padding: 0 0 0 25px; } .duedate { background: url(/img/icon-due-date.png) no-repeat 0 0; padding: 0 0 0 25px; } .notification-calendar { display: table; width: 100%; vertical-align: top; padding-bottom: 0px; } .notification-calendar ul li { color: #fff; font-size: 16px; text-align: right; padding: 25px 15px; display: inline-block; width: 20%; border-left: solid 1px #fff; vertical-align: top; background-repeat: no-repeat; background-position: 18px center; } .notification-calendar ul li.task { background-color: #4697c5; background-image: url(/img/icn-task.png); } .notification-calendar ul li.reminders { background-color: #ddb446; background-image: url(/img/icn-reminders.png); } .notification-calendar ul li.alerts { background-color: #83b966; background-image: url(/img/icn-alerts.png); } .notification-calendar ul li.leaves { background-color: #a9a7a7; background-image: url(/img/icn-leave.png); margin-bottom: 0px; } .notification-calendar ul li.holidays { background-color: #bc3434; background-image: url(/img/icn-holidays.png); } #calendar-page { } .control-nav { display: inline-block; position: relative; width: 100%; height: 31px; text-align: center; margin:0;  margin-bottom:15px; } .control-nav a.prev, .control-nav a.next { width: 31px; height: 31px; display: inline-block; border-radius: 2px; text-indent: -999999px; position: relative; top: 0px; margin: 0; background-color: #3f464f; background-image: url(/img/left-right.png); background-repeat: no-repeat; background-position: 11px 9px; } .control-nav a.next { right: 0px; background-position: -96px 9px; } .control-nav .monthname { display: inline-block; vertical-align: middle; margin: 0 auto; text-align: center; padding:0 10px; } .calendar-tble { width: 100%; border-collapse: collapse; } .calendar-tble th { border: solid 1px #eae9e9; background: #f4f3f3; color: #000; font-size: 13px; font-weight: 600; padding: 12px 15px; text-align: center; width: 14.28%; } .calendar-tble tr:nth-child(2n+1) { background: #f9f9f9; } .calendar-tble td { border: solid 1px #eae9e9; text-align: right; vertical-align: top; color: #5c5c5c; font-size: 13px; padding: 10px; } .cl-content { position: relative; min-height: 170px; } .cl-day-num { bottom: 0; position: static; right: 0; } .future { color: #cbcbcb; } ul.task-list { } ul.task-list li { border-radius: 2px; background: #4697c5; color: #fff; font-size: 12px; padding: 4px 8px; font-weight: 600; display: block; margin: 2px auto; } ul.task-list li.alert { background-color: #debd49; } ul.task-list li.full-day { background-color: #9e8ebf; } ul.task-list li.half-day { background-color: #4697c5; } ul.task-list li.notice { background-color: #f04b3d; } ul.task-list li.holiday { background-color: #77b267; } ul.task-list li.reminder { background: #ddb446; } ul.task-list li a { color: #fff; display: inline-block; } ul.task-list li a.tsk-name { float: left; text-align: left; } ul.task-list li a.tsk-time { text-align: right; } .members-list { border: 1px solid #ecebeb; background-color: #ffffff; box-shadow: 0 0px 2px rgba(0, 0, 0, 0.05); padding: 10px; margin-bottom: 15px; } .white-box-shadow { /* border: 1px solid #ecebeb; */ background-color: #ffffff; box-shadow: 0 0px 2px rgba(0, 0, 0, 0.05); padding: 15px; } .mem-crt-sts { margin: 10px 0 0 0; } .mem-crt-sts table, .tbl-common { width: 100%; border-collapse: collapse; } .mem-crt-sts table th, .tbl-common th, .tbl-common.no-alt tr.head > td { background: #f4f3f3; border: solid 1px #ebeaea; color: #000000; font-size: 13px; font-weight: 600; padding: 12px 15px; text-align: left; } .mem-crt-sts table td, .tbl-common td { vertical-align: middle; border: solid 1px #ebeaea; color: #646669; font-size: 13px; font-weight: 400; padding: 12px 15px; text-align: left; } .mem-crt-sts table td a, .tbl-common td a { color: #2d8cc2; } .fat-inactive td, .fat-inactive td * { /* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.3; */ color: #9F9F9F !important; } .fat-inactive td a.dropdown { background: #A4A4A4 !important;  color: #FFF !important; } .mem-crt-sts table tr:nth-child(2n+1), .tbl-common tr:nth-child(2n+1), .mem-crt-sts table tr:nth-child(2n+1) td, .tbl-common tr:nth-child(2n+1) td { background-color: #f9f9f9; } .mem-crt-sts table tr:nth-child(2n), .tbl-common tr:nth-child(2n), .mem-crt-sts table tr:nth-child(2n) td, .tbl-common tr:nth-child(2n) td { background-color: #FFF; } table.no-alt tr.man-alt:nth-child(2n+1) td, table.no-alt tr.man-alt:nth-child(2n) td { background-color: #f9f9f9; } .tbl-common a.theme-btn { display: table-cell; padding: 8px 10px; font-size: 14px; } .tbl-common a.theme-btn.drop { background: none; color: #646464 !important; border: dashed 1px #ccc !important; border-radius: 4px; } .tbl-common .nowrap { white-space: nowrap; } .tbl-common .w200 { min-width: 200px; } .tbl-common .w100 { min-width: 100px; } table.tbl-grid-report tr:nth-child(2n+1) { background: none; } table.tbl-grid-report tfoot { background: #f9f9f9; } table.tbl-grid-report tfoot tr td { font-weight: 600; } .total { background: #e4e3e3; color: #646669; font-size: 13px; } .total span { display: block; font-size: 18px; color: #323436; font-weight: 600; } /*11/27/2015*/ table.no-alt tr:nth-child(2n+1) td { background: #FFF; } .tbl-common tfoot, .tbl-common tfoot tr { background: #f2f5f6; } .tbl-common tfoot tr td {/*border-color:#d5d8d9;*/ color: #515151; font-weight: 600; } .tbl-common tfoot tr.cancelled td { color: #2d8cc2; background: none; } /*11/27/2015 end*/ .srl { min-width: 27px; min-height: 27px; background: #4697c5; border-radius: 50px; color: #fff; vertical-align: middle; text-align: center; display: table-cell; width: 27px; height: 27px; } .user { display: block; width: 100%; min-width: 152px; } .user span.avatar { border-radius: 100%; display: inline-block; float: left; height: 48px; margin-right: 15px; overflow: hidden; width: 48px; background: none; padding: 0; border: none; } .user .u-name { white-space: nowrap; color: #2d8cc2; font-size: 15px; display: inline-block; } .user .u-name span { font-size: 13px; color: #646669; display: block; } .pt-description { position: relative; } .pt-description a.toggle { position: absolute; top: 5px; right: 0px; width: 15px; height: 15px; display: block; background: url(/img/toggle.png) no-repeat 0 -175px; } .pt-description a.toggle.active { background: url(/img/toggle.png) no-repeat 2px 4px; } .pt-description .tsk-title a { color: #389dd7; display: block; font-size: 13px; font-weight: 400; } .pt-description .hide-content { display: none; } .pt-description .hide-content { margin: 15px 0; font-size: 13px; color: #000; } .priority, .status { color: #615f5f; font-size: 13px; font-weight: 600; } .status { color: #82af49; } .progress { } .progress .prog-bar { background: #e0dfdf; border-radius: 10px; display: inline-block; height: 8px; margin: 7px 10px 0 0; overflow: hidden; vertical-align: top; width: 100%; } .progress .prog-bar span { display: block; height: 8px; } .title-side { line-height: 1; color: #1a87c4; font-size: 22px; font-weight: 600; } .title-side > a { display: inline-block; vertical-align: middle; } .title-side > span { display: block; color: #3f464f; font-size: 16px; font-weight: 400; } .title-side span.prj-closed, .title-side span.due-date-passed, .title .p-name span.due-date-passed { display: inline; color: rgba(255, 0, 4, 1.00); font-weight: 600; } .title-side span.proj-new, span.proj-new { display: inline; color: rgba(119, 178, 102, 1.00); font-weight: 600; } .prj-closed, .due-date-passed { color: rgba(255, 0, 4, 1.00); } .title-side span img { display: inline; vertical-align: middle; } .yellow-tip { float: right; } .yellow-tip { background: #fdeebf; border: solid 1px #e2daa7; border-radius: 3px; padding: 12px 15px; color: #222; font-size: 13px; font-weight: 300; } .editor-txt, .vert-scroll { height: 305px; overflow-y: auto; } .vert-scroll { border-bottom: 1px solid #ebe8e8; } .editor-txt { font-size: 14px; color: #54575b; padding: 15px; white-space: pre-wrap; } .editor-txt a { color: #2d8cc2; } .recent-msg { } .msg-line { position: relative; } .msg-line:last-child { border-bottom: solid 1px #ebeaea; } .msg-line .time-side { min-height: 99px; display: inline-block; padding: 10px; position: relative; vertical-align: top; width: 16%; border-top: solid 1px #ebeaea; } .msg-line .time { width: 58px; height: 58px; display: block; margin: 0 auto; text-align: center; box-shadow: 0 0 3px rgba(0, 0, 0, 0.33); background: #3f464f; border: solid 3px #fff; border-radius: 50%; font-size: 14px; font-weight: 300; color: #fff; overflow: hidden; vertical-align: middle; line-height: 52px; } .msg-line .time span { display: block; font-size: 11px; } .msg-line .desc-side { display: inline-block; width: 84%; vertical-align: top; position: relative; border-left: 1px solid #ebeaea; padding: 0px; } .msg-line .desc-side .dept { float: left; color: #278bc4; font-size: 14px; font-weight: 700; width: 70%; } .msg-line .desc-side .dept .icn-checkpoint { width:15px; height:15px; } .msg-line .desc-side .dept .icn-checkpoint path { fill:#495669; } .msg-line .desc-side .dept a.t-tsk { font-size: 13px; font-weight: 400; color: #777; display: block; } .msg-line .desc-side .dept span.status { display: table; margin: 5px 0; background: #fdeebf; border: 1px solid #e2daa7; border-radius: 3px; color: #707479; font-size: 13px; font-weight: 300; padding: 2px 6px; } .msg-line .desc-side .user { display: block; width: 22%; float: right; position: relative; min-width: 210px; padding-right: 45px; } .msg-line .desc-side .user span.avatar { border-radius: 100%; display: inline-block; float: left; height: 48px; margin-right: 10px; overflow: hidden; width: 48px; } .msg-line .desc-side .user .u-name { color: #4f4f4f; font-size: 13px; padding: 5px 15px; } .msg-line .desc-side .user .u-name span.bluetxt { color: #268dc8; display: inline; } .msg-line .desc-side .user .u-name span { font-size: 13px; color: #646669; display: block; } .msg-line .desc-side .msg-head { border-top: solid 1px #ebeaea; display: inline-block; width: 100%; padding: 15px 15px; min-height: 99px; } .toggle-txt { padding: 0 15px; } .snt { margin-bottom: 10px; } .help-link { padding: 15px; } .help-link a { display: inline-block; color: #fff; font-size: 13px; margin: 0 3px; padding: 10px 23px; } .common-panel .heading { border: 1px solid #ebe8e8; border-bottom: none; border-radius: 2px 2px 0 0; color: #333333; font-size: 16px; font-weight: 600; padding: 10px 15px; position: relative; } .common-panel .heading span { color: #3087b8; font-size: 16px; font-weight: 600; padding-bottom: 5px; } .common-panel .heading ul.actions { top: 0; } .common-panel-body { border-left: 1px solid #ebe8e8; border-right: 1px solid #ebe8e8; } .common-panel-footer { } .grren-checkbox { background: #77b267; border: none; } .grren-checkbox .heading { color: #fff; } .grren-checkbox li { display: inline-block; width: auto; color: #fff; font-size: 13px; font-weight: 600; padding: 10px 5px 10px 18px; margin-left: 10px; vertical-align: top; position: relative; } .grren-checkbox li.active:before { content: ""; background: url(/img/check52.svg) no-repeat 0 3px; background-size: 100% auto; width: 13px; height: 16px; display: block; position: absolute; left: 0; } .subs-list { border-bottom: solid 1px #ebeaea; } .subs-list li { padding: 17px 15px; border-top: solid 1px #ebeaea; } .subs-list .avatar { width: 48px; height: 48px; overflow: hidden; float: left; display: inline-block; margin-right: 15px; border-radius: 100%; } .subs-list .name { display: inline-block; color: #000; font-size: 15px; width:190px; } .subs-list .name .star { color: #d9a005; } .subs-list .name .by { color: #585858; font-size: 12px; font-weight: 400; display: block; padding-left: 15px; } .user-update-subscribers .subs-list .name .by { padding-left: 0; } .subs-list .name .by.bluetxt, .bluetxt { color: #57a2cd; } .f-subs { background: #57a2cd; padding: 15px; } .f-subs label { color: #fff; font-size: 15px; padding: 0 0 10px 0; display: block; } .f-subs .field { background: #fff; } .f-subs input[type="text"] { background: none; border: none; line-height: 35px; height: 35px; color: #767b81; font-size: 15px; padding: 0 5px; width: calc(100% - 27px); } .f-subs input[type="submit"] { background: url(/img/magni.png) no-repeat center; border: none; width: 17px; height: 35px; } .uploads-list { } .uploads-list { margin-bottom: 10px; border-bottom: solid 1px #ebeaea; } .uploads-list li { display: inline-block; width: 100%; padding: 17px 15px; border-top: solid 1px #ebeaea; } .uploads-list li a.theme-btn { display: inline-block; padding: 18px 15px; } .uploads-list .file-name { float: left; display: inline-block; } .uploads-list .file-name a { color: #000000; font-size: 15px; font-weight: 600; } .uploads-list .file-name span { display: block; color: #706e6e; font-size: 12px; padding-left: 24px; } .uploads-list .view { float: right; } .uploads-list .view a { display: inline-block; vertical-align: middle; } .ul-inline li { display: inline-block; } .txtred { color: #f04b3d; } .file-details span.txtred { display: block; } .inline { display: inline; vertical-align: top; padding-right: 5px; } .holiday-setting { display: table; width: 100%; } .holiday-setting .blue-searchform { width: 282px; float: left; height: 305px; } .holiday-setting .blue-searchform .form-blue .field { display: block; padding-left: 0; padding-top: 15px; } .holiday-setting .blue-searchform .form-blue .field:first-child { padding-top: 0px; } .select-user { } .select-user ul { margin-left: 15px; } .select-user li { display: inline-block; width: 29%; margin: 15px 18px; } .select-user li input[type="checkbox"] { float: left; margin: 18px 15px 0 0; } .bluetxt { color: #3087b8; } .options-links li { display: inline-block; } .options-links li a { width: 26px; height: 26px; display: table-cell; vertical-align: middle; text-align: center; border: solid 1px #eae9e9; border-radius: 2px; } .options-links li a img { display: inline; } .holiday-table tr td:nth-child(3) { width: 60%; } .pay-detail-table tr td:nth-child(2) { width: 60%; } .pay-detail-table a.link { display: block; color: #615e5e; font-size: 13px; } .field-set.graybg { padding-bottom: 0; background: #ebeaea; } .checkb-list, .checkb-list-2, .checkb-list-3 { padding: 15px; } .checkb-list li { display: block; color: #46494d; font-size: 13px; vertical-align: top; font-weight: 400; margin: 5px 0; } .checkb-list-2 li { display: inline-block; color: #222; font-size: 13px; vertical-align: top; font-weight: 400; margin: 5px 0; width: 49%; } .checkb-list-3 li { display: inline-block; color: #222; font-size: 13px; vertical-align: top; font-weight: 400; margin: 5px 0; width: 32%; } .availabletxt { color: #2d8cc2; display: block; } .overloadedtxt { color: #f04b3d; display: block; } .bottom-right { text-align: right; margin: 15px 0; } .rightbottom { float: right; } .switch { border: solid 1px #d3d1d1; border-radius: 2px; width: 24px; height: 22px; display: inline-block; margin: 0 auto; background: url(/img/bg-switch.png) no-repeat 3px 4px; } .switch.view { background-position: 3px 4px; } .switch.view.active { background-position: -41px 4px; } .switch.add { background-position: 3px -28px; } .switch.add.active { background-position: -42px -28px; } .switch.edit { background-position: 5px -67px; } .switch.edit.active { background-position: -43px -67px; } .switch.delete { background-position: 5px -107px; } .switch.delete.active { background-position: -43px -107px; } .switch.key { background-position: -3px -151px; } .switch.key.active { background-position: -41px -151px; } #tbl-invoice { width: 100%; border-collapse: separate; } #tbl-invoice thead th { color: #fff; font-size: 14px; font-weight: 400; padding: 10px 15px; text-align: left; background: #389dd7; } #tbl-invoice thead th:first-child { border-radius: 2px 0 0px 2px; } #tbl-invoice thead th:last-child { border-radius: 0px 2px 2px 0px; } #tbl-invoice tr td { vertical-align: top; padding: 10px 10px; color: #65696e; font-size: 13px; } #tbl-invoice tr td:first-child { padding-left: 0; } #tbl-invoice tr td:last-child { padding-right: 0; } #tbl-invoice .amnt { padding-top: 5px; display: inline-block; } #tbl-invoice .more-row a { float: right; background: #f04b3d url(/img/plus-minus.png) no-repeat 11px 12px; border-radius: 2px; width: 38px; height: 38px; display: inline-block; vertical-align: middle; margin-left: 15px; } #tbl-invoice .more-row a.minus { background: #f04b3d url(/img/plus-minus.png) no-repeat 11px -24px; } #tbl-invoice .gray-tr { background: #ebeaea; } #tbl-invoice td.sub-ttl { color: #181a1c; font-size: 13px; font-weight: 600; text-align: right; } #tbl-invoice tr td.sub-ttl-amnt { text-align: left; } #tbl-invoice .blkright { text-align: right; color: #000; font-weight: 600; vertical-align: middle; } #tbl-invoice input.widthinput { width: 58px; margin-right: 15px; } #tbl-invoice select.widthselect { width: 64px; } #tbl-invoice .ttl-amnt { color: #65696e; font-size: 22px; } .divider { border-bottom: solid 1px #ebeaea; padding-top: 15px; margin-bottom: 15px; display: inline-block; height: 1px; width: 100%; } .rare-title { display: inline-block; color: #389dd7; font-size: 16px; font-weight: 600; padding-bottom: 15px; } .rare-title span { display: block; color: #686c6e; font-size: 14px; font-weight: 400; } .blue14bold { color: #3087b8; font-size: 14px; font-weight: 600; } .bluegray { color: #3087b8; font-size: 14px; font-weight: 600; } .bluegray span { color: #7a7d7e; font-size: 13px; display: block; font-weight: 400; } .members-blks { } .members-blks .blks { display: table-cell; width: 33%; margin: 0px; vertical-align: top; overflow: hidden; } .members-blks .blks .heading { color: #fff; font-size: 16px; font-weight: 600; padding: 10px 15px; } .members-blks .blks.blue { border-radius: 2px 0px 0 2px; background: #57a2cd; } .members-blks .blks.blue .heading { background: #529ac3; border-bottom: solid 1px #64aed8; } .members-blks .blks.green { background: #77b267; border-left: solid 1px #fff; } .members-blks .blks.green .heading { background: #699c5b; border-bottom: solid 1px #97b670; } .members-blks .blks.red { border-left: solid 1px #fff; background: #f04b3d; border-radius: 0px 2px 2px 0px; } .members-blks .blks.red .heading { background: #e45c5c; border-bottom: solid 1px #fa8282; } .members-blks .blks ol { margin: 15px 30px; } .members-blks .blks ol li { color: #fff; font-size: 13px; margin: 10px 0; } .tbl-permission { display: table; margin: 15px auto; } .tbl-permission th { color: #fff; font-size: 13px; background: #689c59; padding: 5px 15px; } .tbl-permission th:first-child { text-align: left; } .tbl-permission td { vertical-align: top; color: #fff; font-size: 13px; padding: 5px 15px; text-align: center; } .tbl-permission td:first-child { text-align: left; } .tbl-permission .switch { border: solid 1px #92c584; border-radius: 2px; width: 24px; height: 22px; display: block; margin: 0 auto; background: url(/img/bg-switch-green.png) no-repeat 0px 0px; } .tbl-permission .switch.active { border: solid 1px #f1f662; } .tbl-permission .switch.view { background-position: 3px 3px; } .tbl-permission .switch.view.active { background-position: -53px 3px; } .tbl-permission .switch.add { background-position: 4px -41px; } .tbl-permission .switch.add.active { background-position: -53px -41px; } .tbl-permission .switch.edit { background-position: 5px -84px; } .tbl-permission .switch.edit.active { background-position: -54px -84px; } .gen-setting { /*margin-left: -10px; margin-right: -10px;*/ } .gen-setting .h3 { border-bottom: solid 1px #eaebeb; padding-bottom: 5px; } .gen-setting input[type="text"].cwidth, .gen-setting select.cwidth { width: 351px; } .or { display: inline-block; vertical-align: text-bottom; } .cstm-setting { padding-right: 0px; } .nospace { margin: 0px; padding: 0px; } .down-arrow { background: #b8dff5 url(/img/toggle.png) no-repeat 15px 16px; width: 40px; height: 38px; border-radius: 2px; display: block; float: right; } /******/ .popup { } .popup .pop-overlay { overflow-x: hidden; overflow-y: auto; opacity: 1; bottom: 0; left: 0; outline: none; position: fixed; right: 0; top: 0; background: rgba(0, 0, 0, 0.70); z-index: 1000; } .custom-pop { overflow-x: hidden; overflow-y: auto; bottom: 0; left: 0; outline: 0 none; position: fixed; right: 0; top: 0; z-index: 1050; transition: opacity 0.15s linear 0s; } .modal-dialog { transform: translate3d(0px, 0px, 0px); transition: transform 0.3s ease-out 0s; margin: 30px auto; max-width: 800px; position: relative; } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; outline: 0 none; position: relative; } .modal-body { padding: 15px; position: relative; } /****/ .events { background: rgba(255, 255, 255, 0.98); border: 0 solid rgba(0, 0, 0, 0.25); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); position: absolute; top: 0px; right: 0; width: 400px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .events .close { background: url(/img/bg-delete.png) no-repeat 0 0; position: absolute; right: 10px; top: 16px; display: block; width: 12px; height: 12px; } .events .close:hover { background-position: 0 -49px; } .birthday { min-height: 376px; } .birthday { background: url(/img/birthday.jpg) no-repeat center top; } .join-anni { background: url(/img/annie.jpg) no-repeat center 0; } .wlcm { background: url(/img/annie.jpg) no-repeat center 0; } .eventtitle { /*background: #f4f5f6;*/ background:rgba(255, 255, 255, 0.88); padding: 10px 0; text-align: center; color: #000; line-height: 1; font-size: 18px; text-transform: uppercase; font-weight: 700; } .eventtitle span { display: block; font-weight: 400; color: #6d747c; font-size: 13px; text-transform: none; } .events .event-avatar { display: block; margin: 25px auto 0px auto; text-align: center; } .events .event-avatar > .avatar { width: 100px; height: 100px; } .bookmark { } .ul-bookmarks { max-height: 300px; overflow-y: auto; } .ul-bookmarks li { position: relative; border-top: solid 1px #ebe9e9; display: block; padding: 10px 20px 10px 10px; font-size: 14px; width: 100%; font-weight: 600; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ul-bookmarks li a { color: #000; } .bookmark-setup { padding: 0px 0 10px 0px; border-top: solid 1px #ebe9e9; } .bookmark-setup form { margin: 10px 10px 0 10px; } .bookmark-setup form input[type="text"] { width: calc(100% - 95px); } .bookmark-setup form input[type="submit"] { margin-right: 0; } .avatar-circle { display: inline-block; } .avatar-circle .avatar { background: #fff; border-radius: 100%; border: none; height: 150px; margin: 0 auto; overflow: hidden; padding: 0; text-align: center; width: 150px; } .avatar-circle.size30 .avatar { width: 30px; height: 30px; } .avatar-circle .avatar img { height: auto; width: 100%; border-radius: 100%; } .avatar-circle .name { text-align: center; color: #000; font-size: 20px; text-transform: uppercase; font-weight: 600; line-height: 1; padding: 15px 0; } .avatar-circle .name span { color: rgb(255, 255, 255); display: block; font-size: 13px; font-weight: 600; padding: 0px; text-align: center; text-shadow: 0 1px 3px rgb(0, 0, 0); text-transform: none; } .wishes { background:rgba(255, 255, 255, 0.88); position: relative; border-top: solid 1px #ebe9e9; } .wishes .btn-txt { position: absolute; top: 10px; right: 10px; z-index: 1; } .wishes > ul { height: 58px; overflow: hidden; position: relative; } .wishes ul li { position: absolute; top: 0; display: table; width: 100%; padding: 10px; text-align: left; opacity: 0; -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; -ms-transition: opacity 2s ease-in; -o-transition: opacity 2s ease-in; transition: opacity 2s ease-in; } .wishes ul li.current { opacity: 1; } .wishes .avatar-circle { margin: 0 10px 0 0; float: left; } .wishes .name { padding-top: 4px; color: #000; font-size: 13px; font-weight: 600; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 68%; } .wishes .name .desi { font-weight: 400; color: #6d747c; display: inline-block; vertical-align: bottom; } .wishes .quotes { color: #6d747c; padding: 0 0 5px 0; display: table; clear: both; font-style: italic; font-size: 13px; margin-left: 40px; } .facebox-wishes > ul { } .facebox-wishes ul li { display: table; width: 100%; padding: 10px; text-align: left; border-bottom: 1px solid #eaebeb; } .facebox-wishes ul li:last-child { border-bottom: none; } .facebox-wishes .avatar-circle { margin: 0 10px 0 0; float: left; } .facebox-wishes .name { padding-top: 4px; color: #000; font-size: 13px; font-weight: 600; display: table; } .facebox-wishes .name .desi { font-weight: 400; color: #6d747c; } .facebox-wishes .quotes { color: #6d747c; padding: 0 0 5px 0; display: table; clear: both; font-size: 13px; margin-left: 40px; font-style: italic; } .to-post { background:rgba(255, 255, 255, 0.88); padding: 10px; } .form.comment-box { display: table; margin-left: 40px; vertical-align: top; } .form.comment-box input[type="text"] { width: 254px; margin-right: -2px; resize: none; float: left; overflow: hidden; display: inline-block; font-size: 13px; height: 38px; } .form.comment-box input[type="submit"] { margin-right: 0; float: right; } .upcoming { border-top: solid 1px #ebe9e9; display: block; background: #f4f5f6; text-align: center; font-size: 14px; padding: 8px; text-transform: uppercase; font-weight: 600; color: #e05c51; } .btn-txt { color: #f04b3d; display: block; font-size: 12px; font-weight: 600; border-radius: 2px; border: solid 1px #f04b3d; padding: 3px 6px; } .btn-txt:hover { background: #f04b3d; color: #fff; } .event-title { text-align: center; } .event-title .greet { color: rgb(255, 255, 255); display: block; font-size: 13px; font-weight: 600; padding: 5px; text-align: center; text-shadow: 0 1px 3px rgb(0, 0, 0); text-transform: none; } .event-title .nav { float: right; margin: 5px; position: absolute; right: 0; top: 39px; } .event-title .nav li { display: inline-block; } .event-title .nav li svg { width: 20px; height: 20px; display: block; cursor: pointer; } .event-title .nav li svg path { fill: #888; } .event-title .nav li:hover svg path { fill: #f04b3d; cursor: pointer; } .no-event { padding: 25px 0; text-align: center; color: #000; font-size: 13px; font-weight: 600; } .upcoming-events { margin: 0; } .heading { color: #000; font-size: 15px; font-weight: 600; line-height: 1; padding: 10px; text-transform: uppercase; } .coming-list { } .coming-list li { position: relative; display: table; width: 100%; padding: 10px; border-top: solid 1px #ebe9e9; } .coming-list .avatar-circle { float: left; margin: 0 10px 0 0; } /* .coming-list .name { color: #000; display: table; font-size: 13px; font-weight: 600; padding-top: 4px; }*/ .coming-list .name { color: #000; display: block; font-size: 13px; font-weight: 600; padding-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 65%; } .coming-list .name .desi { color: #6d747c; font-weight: 400; } .coming-list .event-name { font-size: 13px; display: table; margin-left: 42px; } .coming-list .event-date { position: absolute; bottom: 10px; right: 10px; float: right; border-radius: 2px; color: #ffffff; display: inline-block; font-size: 12px; min-width: 10px; padding: 3px 7px; text-align: center; white-space: nowrap; background: #e05c51; } .flag { background: #f9f9f9; padding: 15px 0 0 0; } .tbl-row { display: table-row; } .tbl-row .tbl-cell { display: table-cell; padding: 0 10px 0 0; } a.btn { color: #fff !important; font-weight: 600; font-size: 13px; padding: 4px 8px; background: #f04b3d; border-radius: 2px; text-align: center; margin: 3px 0; display: inline-block; } a.btn.yellow { background: #debd49; } a.btn.blue { background: #57a2cd; } a.btn.dark { background: #415065; } a.btn.green { background: #77b267; } a.btn.purple { background: #9e8ebf; } .all-announcement { } .title-announcement { padding-bottom: 8px; border-bottom: 1px solid #eaebeb; margin-bottom: 15px; } .title-announcement .posted { color: #000; font-size: 15px; font-weight: 600; line-height: 1.5; display: inline-block; } .title-announcement .postedby { font-size: 13px; color: #303236; font-weight: 400; line-height: 1.5; display: block; } .detail-announcement { border-bottom: 1px solid #eaebeb; padding-bottom: 15px; color: #303236; font-size: 14px; line-height: 1.5; margin-bottom: 15px; } .setting-nav { background: #415065; } .setting-nav li a { position: relative; border-bottom: solid 1px #495669; display: table; width: 100%; color: #9badc8; font-size: 14px; font-weight: 600; margin: 0px; padding: 0; } .setting-nav li a span { padding: 10px; color: #9badc8; display: block; vertical-align: middle; } .setting-nav li a.back span { color: #fff; } .setting-nav li a span.pullright { position: absolute; right: 10px; top: 14px; background: url(/img/pull.png) no-repeat 0 0; width: 11px; height: 14px; display: inline-block; margin: 0; padding: 0; } .setting-nav li a:hover, .setting-nav li a.active { background: #364356; } .fixed { top: 52px; position: fixed; width: auto; display: none; border: none; } .btn-round a { border-radius: 50%; background-color: #ff3a59; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); color: #fff; display: block; height: 50px; line-height: 50px; text-align: center; width: 50px; font-size: 30px; padding: 0; border: 0 none; transition: all 0.2s ease 0s; } .btn-round a:hover { transform: scale(1.1); transition: all 200ms ease-in 0s; } .floating { position: fixed; right: 50%; bottom: 50px; margin-right: -462px; z-index: 1; } .floating a i { display: table; margin: 17px auto; text-align: center; } .actions, .actions > li { display: inline-block; vertical-align: top; position: relative; margin: 0; list-style: none; } .actions { position: absolute; right: 10px; top: 10px; } .common-panel > .heading > .actions > .btn { margin: -5px -5px; } .actions > li > a { height: 35px; width: 35px; text-align: center; position: relative; display: block; overflow: hidden; border-radius: 100%; } .actions > li > a img { height: 20px; width: 20px; margin: 0 auto; margin-top: 7px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .actions > li > a:before { left: 0; top: 0; content: ""; position: absolute; width: 100%; height: 100%; -webkit-transform: scale3d(0, 0, 0); -moz-transform: scale3d(0, 0, 0); -ms-transform: scale3d(0, 0, 0); -o-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); z-index: 0; border-radius: 100%; } .actions > li > a:hover:before, .actions > li a:active:before, .actions > li a:focus:before { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .sugg-pick-container { background: #fff; border: 1px solid #dbdbdb; padding: 4px 5px; } .ul-sugg-pick-itms { display: inline-block; } .ul-sugg-pick-itms li { display: inline-block; color: #696d72; font-size: 13px; line-height: 1; padding: 3px 4px; border: solid 1px #dbdbdb; border-radius: 2px; background: #f7f7f7; margin: 1px 4px 1px 0; } .ul-sugg-pick-itms li:hover { border: solid 1px #b7b7b7; background: #fff; } .ul-sugg-pick-itms li .close { background: url(/img/bg-delete.png) no-repeat 0 0; float: right; display: block; width: 12px; height: 12px; margin: 3px 3px 0 10px; text-indent: -9999px; } .ul-sugg-pick-itms li .close:hover { background-position: 0 -49px; } .sugg-pick-container.single .field-set .ul-sugg-pick-itms { display: block; } .sugg-pick-container.single .field-set .ul-sugg-pick-itms li { display: block; } .sugg-pick-container.single .field-set .ul-sugg-pick-itms li span { white-space: nowrap; width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; display: inline-block; } /* .sugg-pick-container.single .field-set { height: 30px; } .ul-sugg-pick-itms ~ #report-prj-sugg{ display:none;} */ .sugg-pick-container input.autosuggest, .form .sugg-pick-container input[type="text"].autosuggest { border: none; display: inline-block; color: #a3a5a7; font-size: 13px; line-height: 1.5; width: auto; height: 28px; } .sugg-pick-container input.autosuggest:focus, .form .sugg-pick-container input[type="text"].autosuggest:focus { border: none; box-shadow: none; } .sugg-pick-container .field-set { padding: 0; } .sugg-pick-container .auto-suggetion { left: auto; top: auto; } .bgwhite { background: white; } .padd15 { padding: 15px; } .full-prog { display: table; width: 100%; } .full-prog li { display: inline-block; width: 50%; } .full-prog li:nth-last-of-type(2) { border-bottom: none; } .task-details { padding: 10px 0; } /*System Settings**/ .dv-setting-logo { display: inline-block; } .dv-setting-logo .img-container { margin: 15px 0; width: 200px; height: 150px; background: url(/img/transparent_graphic.png) repeat; text-align: center; vertical-align: middle; display: table-cell; } .dv-setting-logo .ul-file-upload-info { height: 30px; } .dv-setting-logo .img-container img { margin: 0 auto; max-width: 100%; max-height: 150px; } .dv-setting-logo .qq-upload-button { position: absolute; height: 28px; width: 28px; display: block; bottom: 10px; right: 10px; z-index: 1; padding: 0; background-color: rgba(0, 0, 0, 0.25); border-radius: 50%; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; text-indent: -9999px; } .dv-setting-logo .qq-upload-button input[type="file"] { position: absolute; right: 0; z-index: 10; } .dv-setting-logo .qq-upload-button:after { top: 0; content: ""; position: absolute; z-index: 1; background-image: url(/img/white-edit-icon.png); background-repeat: no-repeat; background-position: center; height: 28px; width: 28px; display: block; } .dv-setting-logo .qq-upload-button:hover { background-color: rgba(0, 0, 0, 0.50); } .dv-setting-logo .a-logo-upload { position: relative; display: inline-block; float: left; width: 200px; } .dv-setting-logo .qq-uploader { position: absolute; right: 0; bottom: 0; width: auto; } .dv-setting-logo .qq-upload-drop-area { background: #fff; font-weight: normal; height: 100%; position: relative; text-align: center; top: 28px; left: 100%; width: 200px; height: 150px; z-index: 2; border: solid 1px #ebe8e8; } .dv-setting-logo .qq-upload-drop-area span { font-size: 14px; padding: 0 10px; } .ul2col li { display: inline-block; width: 49%; vertical-align: top; } .ul3col li { display: inline-block; width: 32%; vertical-align: top; } .ul4col li { display: inline-block; width: 25%; vertical-align: top; } #dv-bg-processes { position: fixed; bottom: 30px; left: 0px; height: 20px; z-index: 10; } #dv-bg-processes div { display: inline-block; border: 1px solid rgb(254, 252, 164); border-radius: 3px; background: rgb(255, 254, 223); margin: 0 5px; padding: 2px 5px; } .dv-profile-picture { position: relative; display: block; margin: 40px auto; font-weight: 600; text-align: center; max-width: 200px; } .dv-profile-picture .img-container { margin: 15px 0; border-radius: 50%; width: 200px; height: 200px; background: url(/img/transparent_graphic.png) repeat; text-align: center; vertical-align: middle; display: table-cell; overflow: hidden; } .dv-profile-picture .ul-file-upload-info { height: 30px; } .dv-profile-picture .img-container img { margin: 0 auto; max-width: 100%; max-height: 200px; } .dv-profile-picture .qq-upload-button { position: absolute; height: 28px; width: 28px; display: block; bottom: 10px; right: 10px; z-index: 1; padding: 0; background-color: rgba(0, 0, 0, 0.25); border-radius: 50%; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; text-indent: -9999px; } .dv-profile-picture .qq-upload-button input[type="file"] { position: absolute; right: 0; z-index: 10; } .dv-profile-picture .qq-upload-button:after { top: 0; content: ""; position: absolute; z-index: 1; background-image: url(/img/white-edit-icon.png); background-repeat: no-repeat; background-position: center; height: 28px; width: 28px; display: block; } .dv-profile-picture .qq-upload-button:hover { background-color: rgba(0, 0, 0, 0.50); } .dv-profile-picture .a-logo-upload { position: relative; display: inline-block; float: left; width: 200px; } .dv-profile-picture .qq-uploader { position: absolute; right: 15px; bottom: 15px; width: auto; } .dv-profile-picture .qq-upload-drop-area { background: #fff; font-weight: normal; position: relative; text-align: center; top: 28px; left: 100%; width: 200px; height: 150px; z-index: 2; border: solid 1px #ebe8e8; } .dv-profile-picture .qq-upload-drop-area span { font-size: 14px; padding: 0 10px; } .dv-dep-sel { margin-top: 15px; } /***/ .ul-notification-lables li.pagesize { color: #222; display: block; font-size: 13px; margin: 0; padding: 8px 15px; } .ul-notification-lables li.pagesize select { background-color: white; border: 1px solid #dbdbdb; border-radius: 0; color: #a3a5a7; font-size: 13px; height: 24px; padding: 0 7px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width: auto; } /**/ a.lnk-trn-srch-flag, a.lnk-trn-flag { border: 1px solid #ebeaea; border-radius: 3px; display: inline-block; line-height: 1; padding: 10px 34px 10px 12px; width: auto; position: relative; } a.lnk-trn-srch-flag:after, a.lnk-trn-flag:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 5px 0 5px; border-color: #ccc transparent transparent transparent; position: absolute; right: 10px; top: 14px; } a.lnk-trn-flag { padding: 4px 26px 4px 12px; vertical-align: middle; } a.lnk-trn-flag:after { right: 9px; top: 6px; } table.tbl-date-report { } table.tbl-grouped tr:first-child td { background: rgba(26, 135, 196, 0.03); font-weight: 600; color: #1a87c4; } .ul-user-notes { display: inline-block; vertical-align: top; } .ul-user-notes li { display: inline-block; vertical-align: top; margin: 1px 10px 1px 0; } .dv-alert { position: relative; display: inline-block; } .calendar-tble .dv-alert { margin: 0 0 5px 0; } .dv-alert > a { font-weight: 600; border: 1px solid; color: #debd49; display: inline-block; margin: 0px 0; padding: 4px 25px 4px 8px; border-radius: 3px; } .dv-alert > a:after { content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #9f9f9f; height: 0; width: 0; position: absolute; right: 10px; margin-top: 5px; } .dv-alert.holiday > a { color: #77b267; } .dv-alert.holiday > a:after { border-top: 8px solid #77b267; } .dv-alert.half-day > a { color: #4697c5; } .dv-alert.half-day > a:after { border-top: 8px solid #4697c5; } .dv-alert.full-day > a { color: #9e8ebf; } .dv-alert.full-day > a:after { border-top: 8px solid #9e8ebf; } .dv-alert.notice > a { color: #f04b3d; } .dv-alert.notice > a:after { border-top: 8px solid #f04b3d; } .dv-alert.alert > a { color: #debd49; } .dv-alert.alert > a:after { border-top: 8px solid #debd49; } a.a-fav-itm { display: inline-block; vertical-align: middle; } a.a-fav-itm svg { width: 16px; height: 16px; } a.a-fav-itm svg path { fill: none; stroke: #383838; stroke-width: 2px; } a.a-fav-itm.starred svg path { fill: #f04b3d; stroke-width: 0; } .nowrap { white-space: nowrap; } .note { color: rgba(255, 0, 4, 1.00); font-weight: 600; } .activity-date { border-bottom: 1px solid #eaeaea; margin: 31px -15px; position: relative; text-align: center; } .activity-date .pro-time { float: none; margin: -14px 0; } span.highlight { background: #3399ff; /*border: 1px dashed rgba(0, 0, 0, 0.44);*/ color: #ffffff; padding: 0 4px; } span.highlight-red { color: #F00; } .srch { } .srch .editor-txt { color: #54575b; font-size: 13px; line-height: 1.4; max-height: 200px; overflow: auto; height: auto; border-top: 1px solid #ebeaea; padding: 5px 0; white-space: pre-wrap; } .srch .blk-repeated:nth-child(odd) { clear: both; } .mem-notify-update .radio .input-helper:after { background: #fff; } .mem-notify-update .checkbox .input-helper:after { border-bottom: 2px solid #fff; border-left: 2px solid #fff; } .tags-wrapper { display: inline-block; vertical-align: top; margin-left: 20px; } .tags-list { display: inline-block; } .tags-list li { display: inline-block; vertical-align: top; margin:5px; } .tags-list .tag { vertical-align: top; display: inline-block; height: 26px; position: relative; font-size: 12px; text-decoration: none; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU5Ljk5OCA1OS45OTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU5Ljk5OCA1OS45OTg7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPHBhdGggZD0iTTU5LjIwNiwwLjI5M2MtMC4zOTEtMC4zOTEtMS4wMjMtMC4zOTEtMS40MTQsMEw1NC4wODUsNEgzMC44MDJMMS41MzIsMzMuNTExYy0wLjY2NiwwLjY2Ni0xLjAzMywxLjU1My0xLjAzMywyLjQ5NSAgczAuMzY3LDEuODI5LDEuMDMzLDIuNDk1bDIwLjQ2NiwyMC40NjZjMC42ODcsMC42ODcsMS41ODgsMS4wMzEsMi40OTEsMS4wMzFjMC45MDcsMCwxLjgxNC0wLjM0NywyLjUwOS0xLjA0MWwyOC41MDEtMjkuMjcxVjUuNDE0ICBsMy43MDctMy43MDdDNTkuNTk3LDEuMzE2LDU5LjU5NywwLjY4NCw1OS4yMDYsMC4yOTN6IE01My40OTksMjguODc0TDI1LjU3NCw1Ny41NTNjLTAuNTk2LDAuNTk2LTEuNTY2LDAuNTk2LTIuMTYyLDBMMi45NDYsMzcuMDg3ICBjLTAuNTk2LTAuNTk2LTAuNTk2LTEuNTY2LDAuMDAzLTIuMTY1TDMxLjYzNiw2aDIwLjQ0OWwtNC44MzMsNC44MzNDNDYuNDYxLDEwLjMwOSw0NS41MTYsMTAsNDQuNDk5LDEwYy0yLjc1NywwLTUsMi4yNDMtNSw1ICBzMi4yNDMsNSw1LDVzNS0yLjI0Myw1LTVjMC0xLjAxNy0wLjMwOS0xLjk2Mi0wLjgzMy0yLjc1M2w0LjgzMy00LjgzM1YyOC44NzR6IE00Ny40OTksMTVjMCwxLjY1NC0xLjM0NiwzLTMsM3MtMy0xLjM0Ni0zLTMgIHMxLjM0Ni0zLDMtM2MwLjQ2MiwwLDAuODk0LDAuMTE0LDEuMjg1LDAuMzAxbC0xLjk5MiwxLjk5MmMtMC4zOTEsMC4zOTEtMC4zOTEsMS4wMjMsMCwxLjQxNEM0My45ODcsMTUuOTAyLDQ0LjI0MywxNiw0NC40OTksMTYgIHMwLjUxMi0wLjA5OCwwLjcwNy0wLjI5M2wxLjk5Mi0xLjk5MkM0Ny4zODYsMTQuMTA2LDQ3LjQ5OSwxNC41MzgsNDcuNDk5LDE1eiIgZmlsbD0iIzc3YjI2NyIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);  background-repeat: no-repeat; background-position: 8px center; background-color: #fff; color: #77b267; border: solid 1px #77b267; border-radius: 3px; padding: 0 10px 0 30px; line-height: 24px; font-weight: 400; margin: 0; } .tags-list .tag span { line-height: 24px; } .tags-list .tag:before { content:normal; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #77b267 transparent transparent; border-style: solid; border-width: 14px 12px 12px 0; } .tags-list .tag:after { content:normal; position: absolute; top: 10px; left: 1px; float: left; width: 5px; height: 5px; border-radius: 50%; background: #fff; box-shadow: -1px -1px 2px rgba(0,0,0,0.4); } .tags-list li a { width: 26px; height: 26px; display: inline-block; cursor: pointer; vertical-align: top; text-align: center; padding: 4px 0 4px 6px; } .tags-list li a.delete svg, .tags-list li a.delete img, .tags-list li a.add-tag svg, .tags-list li a.add-tag img , .tags-list li a svg{ max-width: 16px; height: auto; margin: 0 auto; text-align: center; fill: #77b267; } .tags-list .suggester { vertical-align: top; display: inline-block; background: none; border: none; height: 26px; } .tags-list li a.add-tag svg { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .dv-flag, .title-side span.dv-flag { display: inline-block; vertical-align: middle; } a.flag { display: inline-block; width: 16px; height: 16px; /* border: 1px solid #ccc; */ border-radius: 8px; } #flag-menu { width: 80px; } #flag-menu li { height: 16px; width: 16px; border-radius: 8px; display: inline-block; margin: 5px; padding: 0; } .flag-0, #flag-menu li.flag-0:HOVER { background: none; border: 1px solid #eaeaea; } .flag-1, #flag-menu li.flag-1:HOVER { background: #FF0; } .flag-2, #flag-menu li.flag-2:HOVER { background: #F00; } .flag-3, #flag-menu li.flag-3:HOVER { background: #090; } .flag-4, #flag-menu li.flag-4:HOVER { background: #009; } .flag-5, #flag-menu li.flag-5:HOVER { background: #0FF; } .flag-6, #flag-menu li.flag-6:HOVER { background: #F90; } .flag-7, #flag-menu li.flag-7:HOVER { background: #F0F; } .flag-8, #flag-menu li.flag-8:HOVER { background: #000; } .dv-leave { position: relative; display: inline-block; } /* .dv-leave:before{ position:absolute; top:-8px; left:50%; transform:translate(-50%,-100%); display:none; padding:5px; background-color:rgba(0,0,0,1); color:#ffffff; text-align:center; text-transform:capitalize; content:attr(data-label); } .dv-leave:after{ position:absolute; top:0; left:50%; transform:translate(-50%,-100%); display:none; width:0; height:0; border:8px solid transparent; border-bottom-width:0; border-top-color:rgba(0,0,0,1); text-align:center; content:""; } */ /* .dv-leave:hover:before, .dv-leave:hover:after{display:inline-block;}  */ .calendar-tble .dv-leave { margin: 0 0 5px 0; } .tbl-common td .dv-leave>a, .dv-leave>a { color: #ffffff; } .dv-leave>a { font-weight: 600; border: 1px solid; background-color:rgba(0,0,0,1); display: inline-block; margin: 0px 0; padding: 4px 25px 4px 8px; border-radius: 3px; } .dv-leave>a span { text-transform:capitalize; } .dv-leave span.pending { color: #F00; } .dv-leave.cancelled span.pending { color: #FFF; } .dv-leave>a:after { content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid currentColor; height: 0; width: 0; position: absolute; right: 10px; top: 50%; margin-top: -2px; } .dv-leave.late-applied a:before { position: absolute; top: 4px; left: 4px; display: inline-block; content: ""; width: 4px; height: 4px; border-radius: 50%;    background-color: red; } .dv-leave.applied{color:#debd49;} .dv-leave.applied:before, .dv-leave.applied>a{background-color:#debd49;} .dv-leave.applied:after{border-top-color:#debd49;} .dv-leave.approved{color:#4697c5;} .dv-leave.approved:before, .dv-leave.approved>a{background-color:#4697c5;} .dv-leave.approved:after{border-top-color:#4697c5;} .dv-leave.availed{color:#5cb85c;} .dv-leave.availed:before, .dv-leave.availed>a{background-color:#5cb85c;} .dv-leave.availed:after{border-top-color:#5cb85c;} .dv-leave.cancelled{color:#ebeaea;} .dv-leave.cancelled:before, .dv-leave.cancelled>a{background-color:#ebeaea;} .dv-leave.cancelled:after{border-top-color:#ebeaea;} .dv-leave.exwork{color:#5cb85c;} .dv-leave.exwork:before, .dv-leave.exwork>a{background-color:#5cb85c;} .dv-leave.exwork:after{border-top-color:#5cb85c;} .msg-line .desc-side .user span.avatar{ margin-right:0;} .subs-list .name{width: calc(100% - 63px);} .user .u-name{/* width:calc(100% - 70px); text-overflow: ellipsis; overflow: hidden;*/ vertical-align: top;} #notification-filter-list{ height: 100%; overflow-y: scroll;} .blk-head .title{ margin-bottom:5px;} .msg-line .desc-side .msg-head{ display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;} .msg-line .desc-side .dept{ float:none; width:auto;} .msg-line .desc-side .user{float:none; width:auto;} .subs-list li{ position:relative;} .subs-list a.delete { position: absolute; right: 6px; top: 10px; float: none; } ul.ul-bug-cnt-stat li{ border:none; vertical-align:top; height:auto; margin:10px 5px; padding:0;} .ul-bug-cnt-stat li span:nth-child(2){ background:#f9f9f9; border-radius:3px; padding:0 3px; border: solid 1px #ebeaea; line-height:1; } #dv-push-permission { position: fixed; bottom: 5px; right: 5px; background: #FF0; z-index: 10; text-align: center; font-size: 12px; border-radius: 5px; border: 1px solid #79790a; padding: 5px 10px; display: none; } .highlight, .tbl-common td.highlight, .highlight a, .tbl-common td.highlight a { color: #F00;	 } .dv-tip { background: #FF0; border-radius: 5px; border: 1px solid #79790a; padding: 5px 10px; margin: 5px 0; } a.a-tip { background: #FF0; width: 16px; height: 16px; border: 1px solid #79790a; text-align: center; border-radius: 8px; line-height: 16px; display: inline-block; } .head-wrapper{ display: table; width:100%;} .head-wrapper .head-left{ float:left;} .head-wrapper .head-right{ float:right;} /**/ .head-left .h3{  margin:10px 0;} .panel-body-space { padding: 15px; } .td-vtop td { vertical-align: top; } .a-remove-photo { display: block; text-align: center; } .dv-billable { display: inline-block; } .entity-lock, .entity-flag { display: inline-block; vertical-align: middle; margin-right: 3px;  } .entity-lock-item { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(/img/svg/locked.svg); background-size: 16px; opacity: 0.8; } .entity-lock-item.unlocked { background: url(/img/svg/unlocked.svg); background-size: 16px; /* background-color: #009; */ } .entity-lock-item a { display: inline-block; width: 100%; height: 100%; } body.nav-hidden #container { max-width: none; } body.nav-hidden #header { width: 100%; } body.nav-hidden #sidebar { top: 0; padding-top: 50px; height: 100%; left: -220px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } body.nav-hidden #sidebar.open { left: 0; } body.nav-hidden #main-content { height: auto; margin-left: 0; } i.suspense { background: url("/img/svg/exclamation-mark.svg"); display: inline-block; width: 12px; height: 12px; position: relative; top: -5px; } a.btn-vote { border: solid 1px #ebeaea; border-radius: 3px; padding: 5px 10px; display: inline-block; margin-bottom: 15px; margin-right: 15px; vertical-align: middle;   } a.btn-vote:last-child { margin-right: 0px; } a.btn-vote.myvote { background: #1a87c4; color: #FFF; } a.lnk-msg { color: #278bc4; } div.reporting-alert { max-height: 0; overflow: hidden; transition: all .5s; background: #FFF; } div.reporting-alert.show { max-height: 150px; } div.reporting-alert div { padding: .75rem 1.25rem; border: 1px solid #f5c6cb; color: #721c24; background-color: #f8d7da; } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; border-radius: 2px; box-shadow: 0 0 18px rgba(0,0,0,0.4); } #facebox .content { /*	display: table;*/ display: block; width: 370px; padding: 10px; background: #fff; } #facebox .content .post-messages { padding-top: 0; } #facebox .content > p:first-child { margin-top: 0; } #facebox .content > p:last-child { margin-bottom: 0; } #facebox > .popup > a.close { position: absolute; top: 5px; right: 5px; padding: 2px; background: #fff; } #facebox > .popup > a.close img { opacity: 0.3; width: 24px; height: 24px; } #facebox > .popup > a.close:hover img { opacity: 1.0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } .facebox_hide { z-index: -100; } .facebox_overlayBG { background-color: #000; z-index: 99; } #facebox .content.w900 { width: 900px; padding: 0; } #facebox .dlg-hdng { border-bottom: solid 1px #eaebeb; padding: 10px; background: #FFF; line-height: 1; color: #3f464f; font-size: 16px; font-weight: 600; } #facebox .dlg-cntnt { padding: 10px; max-height: 500px; overflow-y: auto; overflow-x: hidden; } #facebox .dlg-cntnt.att-prvw { overflow: auto; } #facebox .dlg-cntnt.att-prvw.loading { min-height: 500px; background: url(/img/loading.gif) no-repeat center center; } #facebox .dlg-cntnt.att-prvw.loading img { opacity: 0.1; } #facebox .att-prvw a svg { width: 100%; height: auto; opacity: 0.8; } #facebox .att-prvw a svg path { fill: #000; } #facebox .att-prvw a.prev, .att-prvw a.nxt { position: absolute; top: 50%; width: 34px; height: 34px; display: block; margin-top: -17px; } #facebox .att-prvw a.prev { left: 15px; } #facebox .att-prvw a.nxt { right: 15px; } #facebox .att-prvw a:hover svg { opacity: 1; } #facebox .att-prvw a.disabled svg { opacity: 0.3; } #facebox .att-prvw .prvw { max-width: 100%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } #facebox .att-prvw .prvw.zoomed { max-width: none; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; } @media only screen and (max-width: 767px) { #facebox .content.w900 { width: auto; padding: 10px; } #facebox .content { width: auto; } } @media only screen and (max-width: 767px) { #facebox { width: 100%; } #facebox .content.w900 { width: 100%; padding: 10px; } #facebox .content { width: 100%; } } .qq-uploader { position: relative; width: 100%; margin: 0 !important; } .qq-upload-button { display: block; /* or inline-block */ /*width: 105px; padding: 7px 0; text-align:center;     background:#880000; border-bottom:1px solid #ddd;color:#fff;*/ width: auto; text-align: left; margin: 0 !important; background: #debd49; font-size: 14px; padding: 10px 20px; color: #fff; display: inline-block; border-radius: 2px; position: relative; } .qq-upload-button-hover { } .qq-upload-button-focus { outline: 1px dotted black; } .qq-upload-drop-area { position: absolute; top: 0; left: 120px; width: calc(100% - 120px); height: 100%; z-index: 2; background: #FF9797; text-align: center; font-size: 12px; font-weight: normal; } .qq-upload-drop-area span { display: block; position: absolute; top: 50%; width: 100%; margin-top: -8px; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 7px; } .qq-upload-drop-area-active { } .qq-upload-list { margin: 15px 0px; padding: 0; list-style: none !important; } .qq-upload-list li { margin: 0; padding: 0; line-height: 15px; font-size: 12px; } .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; } .qq-upload-file { } .qq-upload-spinner { display: inline-block; background: url("/img/loading.gif"); width: 15px; height: 15px; vertical-align: text-bottom; } .qq-upload-size, .qq-upload-cancel { font-size: 11px; } .qq-upload-failed-text { display: none; } .qq-upload-fail .qq-upload-failed-text { display: inline; } @media only screen and (max-width: 767px) { #dv-notifications-container { top:100px; } #notification-filter-list{top:100px;} } /*form */ .tbl-form { display: table; width: 100%; } .tbl-form .tbl-row { display: table; width: 100%; } .tbl-form .tbl-cell { display: table-cell; width: auto; padding: 0 15px; } .tbl-form .tbl-cell:first-child { padding-left: 0; } .tbl-form .tbl-cell:last-child { padding-right: 0; } .form { } .post-messages { padding-top: 15px; } .post-messages .old-msg { font-size: 14px; } .post-messages .old-msg .nl2br { font-size: 12px; font-style: italic; height: 100px; overflow: auto; } .field-set { display: block; padding-bottom: 20px; } .nopad > .field-set { padding-bottom: 0px; } .form label { display: block; font-size: 13px; color: #303236; padding-bottom: 8px; } .form label.alone-label { padding-top: 10px; } .form input[type="text"], .form input[type="password"], .form input[type="number"], .form input[type="file"], .form select, .select-field, .form textarea, .form input.uploadFile, input.input-field { width: 100%; height: 37px; color: #777; padding: 5px 8px; font-size: 13px; border: solid 1px #dbdbdb; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; background-color: white; border-radius: 0; } .form select { -webkit-appearance: none; -moz-appearance:    none; appearance:         none; background: url(/img/select-bg.png) no-repeat 97% center; } .form input[type="text"]:focus, .form input[type="password"]:focus, .form input[type="number"]:focus, .form input[type="file"]:focus, .form select:focus, .select-field:focus, .form textarea:focus, .form input.uploadFile:focus, input.input-field:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } .form input[type="submit"], .form input[type="button"], .form input[type="reset"], .input-submit, .input-reset, .form .fileUpload { cursor: pointer; border-radius: 2px; background: #f04b3d; color: #fff; font-size: 16px; border: none; font-weight: 600; text-align: center; padding: 0px 24px; height: 38px; vertical-align: top; margin: 0px 10px 0 0; width: auto; font-family: 'Open Sans'; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form input[type="submit"]:hover, .form input[type="button"]:hover, .form input[type="reset"]:hover, .input-submit:hover, .input-reset:hover, .form .fileUpload:hover { color: #fff; background-color: #77b267; } .form input[type="submit"]:focus, .form input[type="button"]:focus, .form input[type="reset"]:focus, .input-submit:focus, .input-reset:focus { -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.33), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.33), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.33), 0 1px 2px rgba(0, 0, 0, 0.05); } .form input[type="checkbox"] { margin-right: 5px; } .form input.uploadFile { background: none; width: calc(100% - 104px); } .form .fileUpload { position: relative; overflow: hidden; background: #debd49; font-size: 12px; width: 94px; margin: 0; padding-top: 11px; float: right; } .form .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .field-set input.attached, .field-set select.attached { width: 48%; margin-right: 4%; } .field-set input.attached:last-child, .field-set select.attached:last-child { margin-right: 0; } .custom-file { } .form input[type="reset"], .form input.reset, .input-reset { background: #415065; } .form input.no-margin-right { margin-right: 0; } .form input.width50 { width: 50px; } .form textarea.height286 { height: 286px; } .form textarea.height149 { height: 149px; } .form textarea.height82 { height: 82px; } .form textarea.height253 { height: 253px; } .form .frm-heading { color: #3996ca; font-size: 16px; font-weight: 600; border-bottom: solid 1px #eaebeb; margin-bottom: 28px; padding-bottom: 5px; } .form .frm-heading-sub { color: #3996ca; font-size: 13px; font-weight: 400; border-bottom: solid 1px #eaebeb; margin-bottom: 10px; padding-bottom: 5px; } .form .note { color: #565c60; font-size: 13px; } .form .note span { color: #2389c4; padding-right: 8px; } .fld-date { background: url(/img/icon-date-fld.png) no-repeat 98% center; } .blue-txt { color: #3087b8; font-size: 16px; font-weight: 600; padding-bottom: 5px; } .mem-notify-update .field-set { background: #57a2cd; border-radius: 2px; padding: 15px; height: 370px; overflow-y: auto; } .mem-notify-update li { font-size: 13px; margin-bottom: 15px; color: #fff; } .post-messages div.rt div.field-set { padding: 0; } .mem-notify-update li label { color: #fff; } .blue-searchform { margin-bottom: 20px; background: #4697c5; overflow: hidden; border-radius: 2px; } .blue-searchform .heading { font-size: 16px; font-weight: 600; color: #fff; padding: 10px 15px; border-bottom: solid 1px #5ba4ce; background: #3c86af; } .form-blue { /*	padding: 15px;*/ padding: 0; } .form-blue .row-field { width: 100%; } .form-blue .field { display: table-cell; vertical-align: top; padding-left: 10px; } .form-blue .field:first-child { padding-left: 0; } .form-blue label { display: block; color: #ffffff; font-size: 14px; padding-bottom: 6px; } .form-blue input[type="text"], .form-blue input[type="file"], .form-blue select, .form-blue textarea { background-color: #ffffff; border-color: #468bb2 #4b98c8 #3483c0; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); height: 38px; margin: 0 0px; padding: 0 5px; color: #959ba2; font-size: 14px; /*width: 245px;*/ width: 100%; } .form-blue textarea { padding: 7px 5px; } .form-blue input[type="submit"], .form-blue input[type="reset"] { background: none repeat scroll 0 0 #0e3449; border: medium none; border-radius: 3px; color: #ffffff; font-size: 17px; font-weight: 600; height: 38px; margin: 0; padding: 0 24px; text-align: center; vertical-align: top; width: auto; } .form-blue input[type="reset"] { background: #b8dff5; color: #0e3449; } .form-blue input[type="submit"]:hover, .form-blue input[type="reset"]:hover { background: #e45c5c; } .form-blue .q-hint { background: #fbca47; border-radius: 2px; border: solid 1px #fff; color: #1c2025; width: 36px; height: 37px; display: inline-block; font-weight: 800; font-size: 16px; text-align: center; padding: 6px 0px 0px 0px; margin-left: 5px; vertical-align: top; } .form-blue .row { margin-bottom: 10px; margin-left: -5px; margin-right: -5px; } .form-blue .col-md-1, .form-blue .col-md-2, .form-blue .col-md-3, .form-blue .col-md-4, .form-blue .col-md-5, .form-blue .col-md-6, .form-blue .col-md-7, .form-blue .col-md-8, .form-blue .col-md-9, .form-blue .col-md-10, .form-blue .col-md-11, .form-blue .col-md-12 { padding-left: 5px; padding-right: 5px; } .form-blue input.width85p { width: 80%; } .form-blue .row:last-child { margin-bottom: 0px; } .formonblue { } .formonblue label { color: #fff; font-size: 14px; } .formonblue input[type="text"], .formonblue select { background-color: #fff; border-top: solid 1px #468bb2; border-bottom: solid 1px #3483c0; border-right: solid 1px #4b98c8; border-left: solid 1px #4b98c8; border-radius: 3px; height: 38px; padding: 0 5px; margin: 0 5px; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1); width: 100%; } .formonblue input[type="submit"] { border-radius: 3px; background: #0e3449; color: #fff; font-size: 17px; border: none; font-weight: 600; text-align: center; padding: 0px 0px; height: 38px; vertical-align: top; margin: 0px; width: 184px; } .calender { background: url(/images/calender.png) no-repeat 95% center; } .mleft { } .formonblue input.width40, .formonblue select.width40 { width: 472px; } .formonblue input.width36, .formonblue select.width36 { width: 35%; } .formonblue input.width24, .formonblue select.width24 { width: 23%; } .form-note { color: #FF0004; font-size: 12px; font-weight: 600; } .checkbox-txt { color: #fff; font-size: 14px; } .checkbox-txt span { color: #fff; font-size: 13px; display: block; } @media only screen and (max-width: 1024px) { .form input[type="submit"], .form input[type="button"], .form input[type="reset"], .input-submit, .input-reset { width: 100%; } .form div.fileUpload { width: auto; } .form input[type="submit"], .form input[type="button"], .form input[type="reset"], .input-submit, .input-reset, .form .fileUpload { width: 100%; margin-bottom: 5px; } /***/ .formonblue label { display: block; } .formonblue input[type="text"], .formonblue select { margin: 0 0 10px 0; } .formonblue input[type="submit"] { width: 100%; } .formonblue input.width40, .formonblue select.width40, .formonblue input.width36, .formonblue select.width36, .formonblue input.width24, .formonblue select.width24 { width: 100%; } .form-blue input[type="submit"], .form-blue input[type="reset"] { width: 100%; } /***/ } .checkbox, .radio { display: inline-block; position: relative; vertical-align: middle; padding: 0 0 0 20px; height: 20px; margin-right:10px; } .checkbox input, .radio input { top: 0; left: 0; margin: 0 !important; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio.disabled, .checkbox.disabled { cursor: not-allowed; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="text"][disabled], input[type="password"][disabled] { cursor: not-allowed; } .inline.radio, .inline.checkbox { padding-right: 20px; } .checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; position: absolute; content: ""; } .checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #ccc; background: none; } .checkbox.disabled, .radio.disabled { opacity: 0.6; filter: alpha(opacity=60); } .checkbox input { width: 17px; height: 17px; } .checkbox input:checked + .input-helper:before { -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .checkbox input:checked + .input-helper:after { -webkit-transform: scale(1) rotate(-50deg); -ms-transform: scale(1) rotate(-50deg); -o-transform: scale(1) rotate(-50deg); transform: scale(1) rotate(-50deg); opacity: 1; filter: alpha(opacity=100); } .checkbox .input-helper:before { top: 0; width: 17px; height: 17px; } .checkbox .input-helper:after { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0) rotate(80deg); -ms-transform: scale(0) rotate(80deg); -o-transform: scale(0) rotate(80deg); transform: scale(0) rotate(80deg); width: 22px; height: 9px; border-bottom: 2px solid #f04b3d; border-left: 2px solid #f04b3d; border-bottom-left-radius: 2px; left: -1px; top: 1px; } .radio input { width: 19px; height: 19px; } .radio input:checked + .input-helper:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .radio .input-helper:before { top: -1px; width: 19px; height: 19px; border-radius: 50%; } .radio .input-helper:after { width: 11px; height: 11px; background: #f04b3d; border-radius: 50%; top: 4px; left: 5px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #ccc; background: none; } .form-blue .radio .input-helper:before { left: 0; border: 1px solid #fff; background: #fff; } .form-blue .radio-wrap label { display: inline-block; } .form-blue label.radio { padding-left: 30px; margin: 5px 20px 5px 0; } .fld-grp-common > .field-set > .caption-wraper label.field_label { font-weight: bold; } .fld-grp { border: 1px solid #dbdbdb; margin-left: 15px; width: calc(100% - 30px); padding-bottom: -15px; margin-bottom: 15px; } .fld-grp > .field-set { padding-bottom: 0; } .fld-grp > .field-set > .caption-wraper .field_label { display: inline-block; background: #FFF; margin-top: -12px; padding: 0 5px; font-weight: bold; font-size: 16px; } @media print { .ng-hide { display: none; } } #dv-bg-processes { position: fixed; bottom: 30px; left: 0px; height: 20px; z-index: 10; } #dv-bg-processes div { display: inline-block; border: 1px solid rgb(254, 252, 164); border-radius: 3px; background: rgb(255, 254, 223); margin: 0 5px; padding: 2px 5px; } tr.no-data { display: table-row; } li.no-data { display: list-item; } div.no-data { text-align:center; display: block; } tr + tr.no-data, li + li.no-data, div + div.no-data { display: none; } .link-select-menu { position: absolute; display: none; list-style: none; padding: 0px; margin: 0; background: #fff; border: none; max-height: 350px; overflow: auto; width: 150px; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); z-index: 999; } .link-select-menu li { padding: 5px 10px; cursor: pointer; } .link-select-menu li{	display: block; color: #333333; font-size: 13px; padding: 10px 10px; margin:0;border-bottom: solid 1px #f2f2f2; font-weight: 400;} .link-select-menu li a { color: #333333; font-size: 13px; padding:0; font-weight: 400; display: block; } .link-select-menu li:hover { background: #ddd; } .photo-menu { width: 200px; } .photo-menu li { padding: 5px 10px; clear: both; border-bottom: 1px solid #dedede; display:table; width:100%; } .photo-menu li img, img.photo { /*border: 1px solid #d7d7d7; border-width: 0 1px 1px 0;*/ margin: 0 5px 0 0; vertical-align: middle; width: 30px; height: 30px; border-radius: 50%; display: inline-block; float:left; } .photo-menu li .uside{ display: table; width:auto;} .photo-menu li span.uname { color: #2d8cc2; font-size: 13px; display:block; font-weight:600; } .photo-menu li span.desig { color: #646669; display: block; font-size: 12px; } .photo-menu li.av-check-progress img { box-shadow: 0px 0px 15px #FF0; } .photo-menu li.av-check-available img { box-shadow: 0px 0px 15px #090; } .photo-menu li.av-check-overload img { box-shadow: 0px 0px 15px #900; } .ng-invalid.ng-dirty { border-color: #FA787E; } /*! jQuery UI - v1.11.4 - 2015-06-24 * http://jqueryui.com * Includes: core.css, autocomplete.css, datepicker.css, menu.css, selectmenu.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 35%; margin:2px 2%;  } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td.ui-datepicker-today a{ background:#ccc; border-radius:50%; color:#fff;} .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url("/img/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("/img/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("/img/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url("/img/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("/img/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("/img/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("/img/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/img/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/img/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image: url("/img/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("/img/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("/img/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("/img/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/img/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url("/img/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("/img/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; } .ui-selectmenu-button { background: #fff; border-radius: 0; border: 1px solid #dbdbdb; color: #a3a5a7; font-size: 13px; height: 37px; padding: 5px 8px; } .ui-selectmenu-button span.ui-selectmenu-text { padding: 3px; } .ui-selectmenu-menu .ui-menu { border-radius: 0px; background: rgba(255, 255, 255, 0.98); border: 0 solid rgba(0, 0, 0, 0.25); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); position: relative; width: auto; padding: 0; } .ui-selectmenu-menu .ui-menu li { border: none; border-bottom: solid 1px #f2f2f2; color: #333333; font-size: 13px; padding: 10px 10px; font-weight: 400; display: block; background: none; margin: 0; } .ui-selectmenu-menu .ui-menu li:hover { background: #f2f2f2; } .ui-autocomplete { border-radius: 2px; background: rgba(255, 255, 255, 0.98); border: none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); padding: 0; } .ui-autocomplete li.ui-menu-item { list-style-image: none; cursor: pointer; border-bottom: solid 1px #f2f2f2; color: #333333; font-size: 14px; display: block; padding: 10px 15px; } .ui-autocomplete li.ui-menu-item.ui-state-focus { background-image: none; border: none; background-color: #415065; color: #ffffff; }.sticky-table { max-width: 100%; max-height: 80vh; overflow: auto; border-top: 1px solid #ebeaea; border-bottom: 1px solid #ebeaea; padding: 0 !important; } .sticky-table table { margin-bottom: 0; width: 100%; max-width: 100%; border-spacing: 0; } .sticky-table table tr.sticky-row th, .sticky-table table tr.sticky-row td { /*background-color: #fff;*/ border-top: 0; position: relative; outline: 1px solid #ebeaea; z-index: 5; } .sticky-table table td.sticky-cell, .sticky-table table th.sticky-cell { /* background-color: #fff;*/ outline: 1px solid #ebeaea; position: relative; z-index: 10; } .sticky-table table tr.sticky-row td.sticky-cell, .sticky-table table tr.sticky-row th.sticky-cell { z-index: 15; }#mbsmessage { left: 50%; margin: 0 auto 0 -125px; min-width: 250px; position: fixed; text-align: center; top: 48px; width: auto; z-index: 9999; } #mbsmessage > div { background: #fff1a8; padding: 5px 24px 5px 10px; width:100%; display: inline-block; border-radius: 1px; font-size: 13px; border: solid 1px #fff1a8; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); max-width: 350px; position:relative; } #mbsmessage .content { color: #000; font-weight: 600; display: inline-block; } #mbsmessage img.close {  position:absolute; right:5px; top:4px; display: inline-block; cursor: pointer; vertical-align: middle; margin-left: 15px;   width: 20px; height: 20px; } #mbsmessage .content a { text-decoration: underline; } #mbsmessage .content a:hover { text-decoration: none; }.dv-a-options { position: relative; margin: 0px; padding: 0px; display: inline-block; text-align: left; } .options { position: relative; display: inline-block; vertical-align: text-bottom; } .options .dotted { background: url(/images/three-dot.png) no-repeat center; width: 30px; height: 30px; display: block; } .option-dropdown { opacity: 0; visibility: hidden; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; right: 0; position: absolute; top: -30px; z-index: 1; } .option-dropdown.open, .actions.active .option-dropdown { top: 28px; opacity: 1; visibility: visible; } .option-dropdown-inner { border-radius: 0px; background: rgba(255, 255, 255, 0.98); border: 0 solid rgba(0, 0, 0, 0.25); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); position: relative; width: auto; min-width: 200px; padding: 0; }/* .option-dropdown-inner:after, .option-dropdown-inner:before { bottom: 100%; left: 33px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .option-dropdown-inner:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: rgba(255, 255, 255, 0.98); border-width: 10px; margin-left: -10px; } .option-dropdown-inner:before { border-color: rgba(219, 219, 219, 0); border-bottom-color: #dbdbdb; border-width: 11px; margin-left: -11px; }*/ .options-list { max-height: 300px; overflow-y: auto; } .options-list li { display: block; color: #333333; font-size: 13px; padding: 0; margin:0; font-weight: 400; } .options-list li strong { font-weight: 600; } .options-list li:last-child { border-bottom: none; } .options-list li a { border-bottom: solid 1px #f2f2f2; color: #333333; font-size: 13px; padding: 10px 10px; font-weight: 400; display: block; } .options-list li a:hover, .options-list li:hover { background-color: #415065; color: #fff; } .all-members { max-height: 500px; overflow-y: auto; } .all-members ul li { position: relative; display: table; width: 100%; padding: 10px; border-top: solid 1px #ebe9e9; cursor: pointer; } .all-members ul li:first-child { border-top: none; } .all-members ul li .avatar-circle { float: left; margin: 0 10px 0 0; } .all-members ul li .name { color: #000; display: table; font-size: 13px; font-weight: 600; padding-top: 4px; } .relative { position: relative; } .status-list { max-height: 500px; overflow-y: auto; } .status-list > li { position: relative; display: table; width: 100%; padding: 10px 10px; font-size: 13px; border-top: solid 1px #ebe9e9; cursor: pointer; } .status-list > li:first-child { border-top: none; } .status-list > li span { background: #e05c51; border-radius: 2px; border: none; color: #ffffff; display: block; font-size: 11px; height: 18px; text-align: center; min-width: 18px; padding: 0 3px; } .tab-ul-wrapper { overflow-x: scroll; white-space: nowrap; display: block; } ul.resp-tabs-list, p { margin: 0px; padding: 0px; } .resp-tabs-list li { color: #1c2025; font-weight: 600; font-size: 15px; display: inline-block; padding: 13px 15px; margin: 0; list-style: none; cursor: pointer; float: left; border-right: solid 1px #ebe9e9; } .resp-tabs-container { padding: 0px; background-color: #fff; clear: left; } #bizfullpage ul.resp-tabs-list { position: relative; z-index: 1; } #bizfullpage .resp-tabs-container { position: absolute; top: 60px; left: 10px; right: 10px; bottom: 0; overflow: auto; } h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .resp-tab-content { display: none; } .resp-content-active, .resp-accordion-active { display: block; } .resp-tab-content { } h2.resp-accordion { font-size: 13px; /*border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1;*/ border: none; margin: 0px; padding: 10px 15px; } h2.resp-tab-active { border-bottom: 0px solid #c1c1c1; margin-bottom: 0px; padding: 10px 15px; } h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1; background: blue; } /*-----------Vertical tabs-----------*/ .resp-vtabs ul.resp-tabs-list { float: left; width: 30%; } .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px; margin: 0; cursor: pointer; float: none; } .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; } .resp-vtabs .resp-tab-content { border: none; } .resp-vtabs li.resp-tab-active { border: 1px solid #c1c1c1; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px; padding: 14px 15px 15px 14px; } /*-----------Accordion styles-----------*/ h2.resp-tab-active { background: #DBDBDB; } .resp-easy-accordion h2.resp-accordion { display: block; } .resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; } .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1; } .resp-jfit { width: 100%; margin: 0px; } .resp-tab-content-active { display: block; } h2.resp-accordion:first-child { } .graytabs { /*	margin-top: 15px;*/ } .graytabs .resp-tabs-container { border: solid 1px #dedbcd; border-top: none; padding: 15px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .graytabs .resp-tabs-list { display: table; width: 100%; background: #ebeaea; font-size: 0; -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.08) inset; -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.08) inset; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.08) inset; } .graytabs .resp-tabs-list li { float: none; display: inline-block; vertical-align: middle; text-align: center; padding: 14px 14px; margin: 0px; font-weight: normal; font-size: 12px; color: #2a2e33; height: 50px; border: solid 0px #ebeaea; } .graytabs .resp-tabs-list li.resp-tab-active { margin-top: 0px; position: relative; top: 0px; background: #fff; border: solid 1px #dedbdb; border-bottom: none;/* -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);*/ } @media only screen and (max-width: 1024px) { ul.resp-tabs-list { display: none; } /* .graytabs .resp-tabs-container { padding: 0px; border: none; -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0px rgba(0, 0, 0, 0.1); } */ h2.resp-accordion { display: block; background: #fff; padding: 10px 10px; margin: 1px 0; border: solid 1px #dbdbdb; border-radius: 2px; font-weight: 600; font-size: 15px; color: #3f464f; } h2.resp-accordion.resp-tab-active { background: #57a2cd; color: #fff; border: solid 1px #57a2cd; } .resp-arrow { background: url("/images/accordion-arrow.png") no-repeat scroll 0 0; display: inline-block; float: right; height: 12px; margin: 3px 0; width: 12px; } h2.resp-tab-active span.resp-arrow { background: url(/images/accordion-arrow.png) no-repeat 1px -43px; } .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; } .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; } .resp-accordion-closed { display: none; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1; } } @media only screen and (max-width: 1280px) { .graytabs .resp-tabs-list li { display: table-cell; } } @media only screen and (max-width: 767px) { .graytabs .resp-tabs-list li { display: block; } .graytabs .resp-tabs-container { padding: 10px; } } #tldetails { height: 290px; } /*pawan*/ .chart-upper { height: 185px; overflow: auto; } .mlstn-desc .desc { font-size: 14px; line-height: 1.5; padding: 10px 0; } .mlstn-desc .ttl { color: #2d8cc2; border-bottom: 1px solid #ebe9e9; font-size: 16px; font-weight: 600; padding: 8px 0; } .mlstn-desc .time { } .mlstn-desc .time .time-boxed { vertical-align: top; text-align: center; border: solid 1px #58c3f3; border-radius: 2px; display: table; width: 100%; margin: 5px 0; } .mlstn-desc .time .name { min-width: 156px; position: relative; background: #58c3f3; float: left; height: 40px; text-align: left; color: #fff; padding: 8px 15px; } .mlstn-desc .time .name:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #58c3f3; border-width: 20px; margin-top: -20px; } .mlstn-desc .time .time-boxed.planned { } .mlstn-desc .time .time-boxed.estimated { border-color: #60ba60; } .mlstn-desc .time .time-boxed.estimated .name { background: #60ba60; } .mlstn-desc .time .time-boxed.estimated .name:after { border-left-color: #60ba60; } .mlstn-desc .time .time-boxed .data { float: left; margin-left: 50px; } .mlstn-desc .time .dated { font-size: 14px; padding: 10px 0; display: inline-block; } .mlstn-desc .time .smltxt { font-size: 12px; font-style: italic; padding: 0; line-height: 1; color: #b5b5b5; } .mlstn-desc .time .days { font-size: 12px; font-style: italic; padding: 0; line-height: 1; color: #b5b5b5; } .mlstn-desc ul { margin-bottom: 10px; } .mlstn-desc li { border-bottom: solid 1px #ebe9e9; display: table; width: 100%; color: #777777; font-size: 14px; padding: 12px 0; } .mlstn-desc li .caption { padding-right: 15px; width: 170px; display: inline-block; color: #777777; font-size: 14px; font-weight: 600; text-transform: uppercase; } .mlstn-desc li.planned { color: #56c2f3; font-weight: 600; } .mlstn-desc li.estimated { color: #5cb85c; font-weight: 600; } a.action { width: 20px; height: 20px; display: inline-block; vertical-align: top; } a.action { /*	border: solid 1px #c9c7c7; border-radius: 2px;*/ text-align: center; } a.action .svg svg { width: 14px; height: 14px; vertical-align: top; margin-top: 4px; } a.action .svg svg path, a.action .svg svg polygon { fill: #777777; } a.action:hover { border-color: #f04b3d; } a.action:hover .svg svg path, a.action:hover .svg svg polygon { fill: #f04b3d; } .constraints { padding-left: 15px;/*border-left: solid 1px #ebe9e9;*/ } .constraints .heading { border-bottom: 1px solid #ebe9e9; color: #2d8cc2; font-size: 16px; font-weight: 600; padding: 11px 0; } .constraints ul { margin: 10px 0; } .constraints li { color: #777777; font-size: 14px; padding: 0px 0 10px 18px; margin: 0; position: relative; } .constraints li:before { background: #fff; border: solid 1px #848484; width: 7px; height: 7px; display: block; content: ""; position: absolute; left: 0; top: 6px; border-radius: 50%; z-index: 1; } .constraints li:after { content: ""; height: 100%; background: #848484; width: 1px; display: block; position: absolute; left: 4px; top: 0; } .constraints li:first-child:after { top: 6px; } .constraints li .action-button { position: absolute; top: 0; right: 0; background: #fff; } /*.constraints li:last-child:after{ content:normal;}*/ .maingraph { height: calc(100% - 200px); overflow-y: auto; } .chart-wrapper { border: solid 1px #ebe9e9; margin: 0px auto; display: table; width: 100%; } #ul-mlstn-bars { width: calc(100% - 200px); display: inline-block; } #chart-wrapper > ul > li { width: 100%; height: 50px; /* line-height: 50px; */ border-bottom: 1px solid #edeff0; position: relative; } #ul-mlstn-names { width: 200px; float: left; border-right: 1px solid #ebe9e9; display: block; } #ul-mlstn-names li { cursor: pointer; font-size: 13px; font-weight: 600; padding: 0 10px;/*	background: rgba(226,236,246,0.48);*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ul-mlstn-names li:last-child { border-bottom: none; } #ul-mlstn-bars { background: url(/img/dot.png) repeat 0 0; float: left; overflow-x: auto; } .bar-pln { position: absolute; border-radius: 3px; height: 6px; top: 17px; background: rgba(86,194,243,0.4); background: -moz-linear-gradient(left, rgba(86,194,243,0.4) 0%, rgba(86,194,243,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(86,194,243,0.4)), color-stop(100%, rgba(86,194,243,1))); background: -webkit-linear-gradient(left, rgba(86,194,243,0.4) 0%, rgba(86,194,243,1) 100%); background: -o-linear-gradient(left, rgba(86,194,243,0.4) 0%, rgba(86,194,243,1) 100%); background: -ms-linear-gradient(left, rgba(86,194,243,0.4) 0%, rgba(86,194,243,1) 100%); background: linear-gradient(to right, rgba(86,194,243,0.4) 0%, rgba(86,194,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56c2f3', endColorstr='#56c2f3', GradientType=1 ); } .bar-est { position: absolute; border-radius: 3px; height: 6px; top: 26px; background: rgba(92,184,92,0.4); background: -moz-linear-gradient(left, rgba(92,184,92,0.4) 0%, rgba(92,184,92,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,184,92,0.4)), color-stop(100%, rgba(92,184,92,1))); background: -webkit-linear-gradient(left, rgba(92,184,92,0.4) 0%, rgba(92,184,92,1) 100%); background: -o-linear-gradient(left, rgba(92,184,92,0.4) 0%, rgba(92,184,92,1) 100%); background: -ms-linear-gradient(left, rgba(92,184,92,0.4) 0%, rgba(92,184,92,1) 100%); background: linear-gradient(to right, rgba(92,184,92,0.4) 0%, rgba(92,184,92,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb85c', endColorstr='#5cb85c', GradientType=1 ); } .btn-wrap { margin: 15px 0; } #todopage a:hover, #todopage a:focus, #todopage :hover, #todopage :focus { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; outline:none; } [contenteditable="true"], .todo-desc { white-space: pre-wrap; } .single-line[contenteditable="true"] { white-space: nowrap; width:100%;/*overflow: hidden;*/ } [contenteditable="true"].single-line br { display:none; } [contenteditable="true"].single-line * { display:inline; white-space:nowrap; } a.remove, a.a-reminder, a.a-todo-reminder { width: 20px; height: 20px; padding: 2px; border-radius: 50%; position:absolute; right:10px; top:10px; display:none; } a.a-reminder { right:35px; } a.a-todo-reminder { right:60px; } a.remove svg, a.a-reminder svg, a.a-todo-reminder svg { width: 18px; height: 18px; } a.remove svg path, a.a-reminder svg path, a.a-todo-reminder svg path { fill:#777; } a.remove:hover svg path, a.a-reminder:hover svg path, a.a-todo-reminder:hover svg path { fill:#f04b3d; } #dv-todo .lst-grp, #dv-todo .lst-itm { height: 100%; overflow: auto; border-right:solid 1px rgba(0, 0, 0, 0.10); } div.dv-reminder { min-width:300px; position: absolute; border: solid 1px rgba(0, 0, 0, 0.10); background: #fff; padding:10px; z-index: 9; right:0; top:35px; } #dv-todo div.dv-reminder a.remove { top:0; right:0; display:block; } div.dv-reminder-form { position: relative; padding:0 10px; } div.dv-reminder-form .col-md-6, div.dv-reminder-form .col-md-12 { padding: 0 5px; } .lst-grp li { position:relative; padding:5px 0; margin:10px 0; font-size:14px; } .lst-grp li:focus { cursor: move; } .lst-grp li.selected, .lst-grp li.selected a { font-weight:600; color:#f04b3d; } .ul-todolist.trashed li a.a-todolist { text-decoration:line-through; display: block; overflow: hidden; padding: 0 15px 0 0; text-overflow: ellipsis; white-space: nowrap; width: 190px; } .lst-grp li a.remove { right:0; top:5px; } #dv-todo .li-new-list { position: relative; height: 30px; margin: 5px 0; } #dv-todo .li-new-list div { position: absolute; top: 0; left: 0; width: 100%; height: 30px; line-height: 30px; } #dv-todo .li-new-list div.new-list-bg { color: #ccc; } #dv-todo .li-new-list div.new-list-text { border-bottom:solid 1px rgba(0, 0, 0, 0.10); background: none; position:relative; } #dv-todo .li-new-list div.new-list-text:before { content:"+ Add New List"; color: rgba(0, 0, 0, 0.5); font-size:13px; } #dv-todo .li-new-list div.new-list-text:focus:before { content: normal; } #dv-todo .li-new-list div.new-list-text:focus { border-bottom-color:rgba(82, 168, 236, 0.8); } .info { border-top:solid 1px rgba(0, 0, 0, 0.10); margin:10px 0; padding-top:10px; font-size:12px; } #dv-todo .lst-itm > div > ul > li { position: relative; padding:10px; margin:5px 0; border-bottom:solid 1px rgba(0, 0, 0, 0); } #dv-todo .lst-itm > div > ul > li.itm-editing { border-bottom-color:rgba(0, 0, 0, 0.08); } #dv-todo .lst-itm > div > ul > li:hover { background: rgba(0, 0, 0, 0.06); } #dv-todo .lst-itm > div > ul > li.li-new-itm { } #dv-todo .lst-itm > div > ul > li.li-new-itm .new-todo-itm { min-height:20px; line-height:20px; font-size:13px; } #dv-todo .lst-itm > div > ul > li.li-new-itm .new-todo-itm:before { content:"+ Add Item"; color: rgba(0, 0, 0, 0.5); font-size:13px; } #dv-todo .lst-itm > div > ul > li.li-new-itm .new-todo-itm:focus:before { content: normal; } #dv-todo .lst-itm .heading { text-transform:none; padding:10px 0; margin:0px 0 10px 0; border-bottom:solid 1px rgba(0, 0, 0, 0); } #dv-todo .lst-itm .heading:focus { border-bottom-color:rgba(82, 168, 236, 0.8); } .todo-check { margin-right:10px; float:left; } .trash-heading { font-weight:600; text-decoration:none; } .todo-desc { display: table-cell; font-size: 14px; margin-bottom: 0; padding: 0 40px 0 0; width: 100%; } #dv-todo .completed-header { border-top:solid 1px rgba(0, 0, 0, 0.10); font-weight:600; font-size:13px; padding:4px 0px; display:block; } #dv-todo .completed-header:hover { background:none; } .dv-reminder .form label { display:inline-block; padding-left:30px; font-weight:600; margin-bottom:10px; } .dv-reminder input, .dv-reminder select { margin:5px 0; } .handle { float:left; display:inline-block; margin-right:10px; width:15px; height:15px; background:none; } .lst-grp li:hover .handle, #dv-todo .lst-itm > div > ul > li:hover .handle { cursor:move; background: url(/img/retina/move-arrows.svg) no-repeat 0 0; background-size:100% auto; } .a-todolist { display: block; overflow: hidden; padding: 0 15px 0 0; text-overflow: ellipsis; white-space: nowrap; width: 190px; } #dv-todo .lst-itm > div > ul > li:hover a.remove, #dv-todo .lst-itm > div > ul > li:hover .a-reminder, #dv-todo .lst-itm > div > ul > li:hover a.a-todo-reminder, #dv-todo .lst-itm > div > ul > li.itm-editing a.remove, #dv-todo .lst-itm > div > ul > li.itm-editing .a-reminder, #dv-todo .lst-grp li:hover a.remove, .lst-grp li.selected a.remove { display:block; } .dv-reminder-info { font-style: italic; font-size: 12px; color: #999; margin-top: 5px; margin-left: 55px; } .dv-reminder-info svg { width: 11px; height: 11px; } /**/ .ul-todolist.custom { border-bottom:1px solid rgba(0, 0, 0, 0.1); } .ul-todolist.custom li { margin:5px 0; } .ul-todolist.custom li a { /*text-align:center; border:1px solid rgba(0, 0, 0, 0.1); border-radius:2px; display:block; padding:10px; font-weight:600;*/ } /* .ul-todolist.custom li:first-child a { border:1px solid rgba(240, 75, 61, 1); color:rgba(240, 75, 61, 1); } .ul-todolist.custom li:first-child a.selected { background:rgba(240, 75, 61, 1); } .ul-todolist.custom li:nth-child(n+2) a { border:1px solid rgba(70, 151, 197, 1); color:rgba(70, 151, 197, 1); } .ul-todolist.custom li:nth-child(n+2) a.selected { background:rgba(70, 151, 197, 1); } .ul-todolist.custom li:nth-child(n+3) a { border:1px solid rgba(119, 178, 103, 1); color:rgba(119, 178, 103, 1); } .ul-todolist.custom li:nth-child(n+3) a.selected { background:rgba(119, 178, 103, 1); }*/ .ul-todolist.custom li a.selected { /*	border:1px solid #f04b3d;*/ color:#f04b3d; font-weight:600; } .cstm-todo-itm-list .dv-reminder-info { margin-left:33px; } .dv-todo-rmndr .heading { padding:0 0 10px 0; } .dv-todo-rmndr .todo-text { font-size:13px; line-height:1.5; padding-bottom:10px; border-bottom:solid 1px rgba(0, 0, 0, 0.10); } .dv-todo-rmndr .dv-reminder-info { margin:5px 0; } .dv-todo-rmndr > ul li { display:inline-block; width:49%; vertical-align:top; margin:7px 0; } .dv-todo-rmndr > ul li a.btn { display:block; } .dv-todo-rmndr > ul li.form { display:block; width:auto; } #facebox .content.w410 { width:410px; padding:0; } /***/ #todopage { position: absolute; top: 52px; left: 219px; right: 0; bottom: 0; background: #FFF; z-index: 11; } #todopage[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } #todopage[data-animation=none] { -webkit-animation: none; animation: none; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 100% { transform: scale(1); -webkit-transform: scale(1); } } #todopage .titlebar { border-bottom: solid 1px #eaebeb; padding: 10px; position: absolute; top: 0; left: 0; right: 0; background: #FFF; line-height: 1; color: #3f464f; display: inline-block; font-size: 24px; font-weight: 600; } #todopage .titlebar .close { background: url(/img/retina/close.svg) 0 0 no-repeat; background-size: cover; text-indent: -9999px; width: 35px; height: 35px; display: block; position: absolute; right: 10px; top: 10px; } #todopage .content { padding: 10px; position: absolute; top: 54px; left: 0; right: 0; bottom: 0px; overflow-y: auto; overflow-x: hidden; } /**/ .ui-datepicker { padding: 0; border: none; box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); width: 325px; } .ui-corner-all { border-radius: 0; } .ui-widget-header { border: 0; } .ui-datepicker-header { text-align: center; background: white; padding-bottom: 15px; font-weight: 300; } .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next, .ui-datepicker-header .ui-datepicker-title { border: none; outline: none; margin: 5px; } .ui-datepicker-prev.ui-state-hover, .ui-datepicker-next.ui-state-hover { border: none; outline: none; background: #b4cbe5; } .ui-datepicker-calendar .ui-state-default { background: none; border: none; text-align: center; height: 33px; width: 33px; line-height: 25px; } .ui-datepicker-calendar .ui-state-highlight { color: #284B72; } .ui-datepicker-calendar .ui-state-active { border-radius: 50%; background-color: #284B72; color: white; } .ui-datepicker-calendar thead th { color: #999999; font-weight: 200; } .ui-datepicker-buttonpane { border: none; } .ui-datepicker-buttonpane .ui-state-default { background: white; border: none; } .ui-datepicker-buttonpane .ui-datepicker-close, .ui-datepicker-buttonpane .ui-datepicker-current { background: white; color: #284B72; text-transform: uppercase; border: none; opacity: 1; font-weight: 200; outline: none; } .ui-datepicker-buttonpane .ui-datepicker-close:hover, .ui-datepicker-buttonpane .ui-datepicker-current:hover { background: #b4cbe5; } /* autosuggest */ .ui-menu .ui-menu-item a{ color: #96f226; border-radius: 0px; border: 1px solid #454545; }.form input.error, .form select.error, .form textarea.error { border-color: #f44336; } ul.errorlist { } ul.errorlist li, ul.errorlist li a { color: #f44336; font-size: 13px; line-height: 1.5; padding: 2px 0; }@media (max-width: 1025px) { .option-dropdown-inner { min-width: inherit; } } @media only screen and (max-width: 767px) { .row { margin: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { padding: 0; } .column { margin-bottom: 15px; } .notify-row { } .wrapper-outer .title { text-align: left; } .wrapper-outer .title .title-nav { float: none; } .tab-ul-wrapper { position: relative; } /*.tab-ul-wrapper:after { position: absolute; right: -10px; bottom: 0; top: 0; content: ""; width: 80px; pointer-events: none; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, white 73%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, white 73%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, #ffffff 73%); }*/ .tab-ul-wrapper { overflow-x: scroll; white-space: nowrap; display: block; } .graytabs .resp-tabs-list li { display: inline-block; padding: 14px; } #container { width: auto; } #header { position: static; width: 100%; height: auto; } .nav-toggler { position: fixed; left: 5px; top: 5px; z-index: 102; } .c-hamburger { display: block; overflow: hidden; margin: 0; padding: 0; width: 40px; height: 40px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; background: rgba(0, 0, 0, 0.5); border-radius: 50%; } .c-hamburger:focus { outline: none; } .c-hamburger span { display: block; position: absolute; top: 19px; left: 11px; right: 6px; height: 2px; background: white; } .c-hamburger span::before, .c-hamburger span::after { position: absolute; display: block; left: -4px; width: 70%; height: 2px; background-color: #fff; content: ""; } .c-hamburger span::before { top: -7px; } .c-hamburger span::after { bottom: -7px; } .c-hamburger--htla { } .c-hamburger--htla span { transition: transform 0.3s; } .c-hamburger--htla span::before { transform-origin: top right; transition: transform 0.3s, width 0.3s, top 0.3s; } .c-hamburger--htla span::after { transform-origin: bottom right; transition: transform 0.3s, width 0.3s, bottom 0.3s; } /* active state, i.e. menu open */ .c-hamburger--htla.is-active { background: none; /*background-color: #18903c;*/ } .c-hamburger--htla.is-active span { transform: rotate(180deg); } .c-hamburger--htla.is-active span::before, .c-hamburger--htla.is-active span::after { width: 50%; } .c-hamburger--htla.is-active span::before { top: 0; transform: translateX(17px) translateY(1px) rotate(45deg); } .c-hamburger--htla.is-active span::after { bottom: 0; transform: translateX(17px) translateY(-1px) rotate(-45deg); } #sidebar { top: 0; padding-top: 50px; height: 100%; left: -220px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #sidebar.open { left: 0; } .logo-wrap { display: none; float: none; margin: 0 auto; border-right: none; } div.quick-jump { height: auto; float: none; width: auto; padding: 0; border: none; } div.quick-jump input[type="text"] { width: 100%; } .jump { display: block; margin: 0; padding: 12px 10px; border-bottom: 1px solid rgb(45, 55, 69); } .jump li { display: block; text-align: center; } .t-bar { display: none; } .notify-row ul.notify-pc li { margin: 0; } .notify-row ul.notify-pc li.li-todo, .notify-row ul.notify-pc li.li-bookmarks { display: none; margin: 0; } .notify-row { float: none; margin: 0; padding-right: 0; position: absolute; right: 10px; top: 13px; } .profile-div { width: auto; } .events { width: auto; min-width: 300px; } .form.comment-box input[type="text"] { width: 100%; margin: 5px 0; } .form.comment-box input[type="submit"] { float: none; width: 100%; } #main-content { height: auto; margin-left: 0; } .left-scrollbar { padding-top: 0; } .wrapper-outer { padding: 0 10px; } .wrapper-outer .title .p-name { float: none; display: inline-block; text-align: left; font-size: 18px; vertical-align: top; padding: 10px 0; margin: 0; } .title-side { font-size: 16px; } .title-side span { font-size: 14px; } .floating { bottom: 5%; margin-right: 0; right: 5%; z-index: 1; } .dv-not-det-head .dv-sndr { width: auto; margin: 10px; } .dv-not-det-head .actions { top: 0; position: relative; display: block; margin: 10px 0; } .filter { display: block; } .field-filter { margin: 0 auto; display: block; width: auto; } .field-filter input[type="text"] { width: 100%; } .select-dropdown { display: block; float: none; } .ui-selectmenu-button { width: 100% !important; margin: 10px 0; } .blk-body { padding: 10px; } .dates span { padding: 5px; } .yellow-tip { float: none; margin: 10px 0 0 0; padding: 10px; } .msg-line .time-side { width: auto; display: block; text-align: center; } .msg-line .desc-side { width: auto; display: block; border: none; border-bottom: 1px solid rgb(235, 234, 234); } .full-prog li { display: table; width: 100%; padding: 5px; } .pro-time { float: none; } .msg-line .desc-side .dept { width: auto; float: none; } .msg-line .desc-side .msg-head { display: block; padding: 10px; } .msg-line .desc-side .user { float: none; width: auto; } .members-blks .blks { display: block; width: 100%; margin-bottom: 10px; } #bizfullpage { left: 0; top: 100%; } #bizfullpage .titlebar { font-size: 16px; } #bizfullpage .titlebar .close { width: 20px; height: 20px; } .emp-status .flat { display: inline-block; } .table-scroll { overflow-x: scroll; } #bizfullpage { position: fixed; top: 0; z-index: 100; } #bizfullpage .content { top: 44px; } .no-padding-left { padding-left: 0; } .editor-txt { height: auto; } .login-wrapper { position: static; transform: none; } #dv-notification-action-bar { padding: 10px; } .email-action-left li.rld { padding-top: 5px; } #ul-notification li a.a-star { padding: 15px 5px; } #dv-notifications-container { padding: 0; } #ul-notification li .dv-sbjct { padding: 10px; } #ul-notification li .dv-chk { padding-left: 10px; } #dv-not-srch { width: auto; display: block; border-top: solid 1px #eaeaea; } #dv-not-srch #txt-not-srch { width: calc(100% - 42px); border: none; float: none; display: inline-block; vertical-align: top; } #dv-not-srch .srch-btn { float: right; } .grren-checkbox li { display: block; } .prj-name { float: none; } .emp-status { white-space: nowrap; display: block; overflow-x: scroll; } ul.sidebar-menu li:first-child a { border-top: solid 1px #495669; } .time-line .time-side { display: block; width: auto; background: none; } .leaves .heading { display: table; width: 100%; } .calendar-tble { display: block; overflow-x: scroll; } .activity-date { margin-left: 0; margin-right: 0; } .time-line .time-side { padding-right: 0; padding-bottom: 20px; } .time-line .desc-side:after, .time-line .desc-side:before { right: 0; left: 50%; top: -11px; transform: translate(-50%) rotate(90deg); } .time-line .desc-side:before { margin-top: -12px; } .time-line .desc-side:after { border-width: 11px; margin-top: -10px; } .leaves .heading .fr { float: none; } .desc-content>a { word-break: break-all; display: block; } #dv-compose .dv-compose-form { width: auto; } .team-list li { margin: 10px; width: 100px; } .team-list li .pic { width: 100%; height: auto; } .head-wrapper .head-left, .head-wrapper .head-right { float: none; } .head-left .h3 { text-align: center; } .ul-graph-options li { display: block; width: auto; margin: 5px 0; } } @media only screen and (max-width: 1024px) { #header { width: 100%; display: table; } .t-bar { display: none; } .table-scroll { overflow-x: scroll; } .ui-selectmenu-button { width: 100%; } .form input[type="submit"], .form input[type="button"], .form input[type="reset"], .input-submit, .input-reset, .form .fileUpload { width: auto; } .form-blue input[type="submit"], .form-blue input[type="reset"] { width: auto; } } @media (max-width: 768px) { .coming-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .avatar-circle.size30 .avatar { margin: 0; } .coming-list .name { white-space: normal; width: auto; } .coming-list .event-name { margin: 0; } .coming-list .event-date { position: static; width: auto; margin: 5px 0; display: table; } .wishes .btn-txt { position: static; margin: 10px; display: inline-block; } }