/*********************************************************************************
* This file is part of Sentrifugo.
* Copyright (C) 2015 Sapplica
*
* Sentrifugo is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* Sentrifugo is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Sentrifugo. If not, see .
*
* Sentrifugo Support
********************************************************************************/
/* CSS Document */
input[type="text"]::-ms-clear {
display: none;
}
input[type="password"]::-ms-reveal {
display: none;
}
/* ----------- HRMS CSS ---------------- */
img {
border: 0px;
}
html {
width: 100%;
background-position: top left;
background-repeat: repeat-x;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
input,
textarea,
select,
a {
outline: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
nav ul {
list-style: none;
}
a:active {
background-color: transparent; /* Can be any colour, not just transparent */
}
body {
width: 100%;
margin: 0 auto;
/*font-family:Arial, Helvetica, sans-serif;
font-size:11px;*/
font-family: "Roboto Regular";
font-size: 14px;
/* text-align:center; by sapplica*/
/*background:url(../images/debut_dark.png) repeat left top;*/
background: #e9eef3;
}
#mainDiv {
margin: 0 auto;
width: 100%;
min-width: 992px;
}
.meta {
color: #f5f5f5;
background-image: url(../images/meta_bg.gif);
background-position: top right;
background-repeat: no-repeat;
height: 36px;
width: 924px;
overflow: hidden;
}
.meta a {
color: #92df01;
text-decoration: underline;
}
.meta a:visited {
text-decoration: underline;
}
.meta a:hover {
text-decoration: none;
}
.meta p {
display: block;
float: right;
line-height: 18px;
}
.metalinks {
height: 23px;
width: 166px;
margin: 0 0 0 22px;
padding: 13px 0 0 0;
float: right;
text-align: center;
}
.metalinks a {
margin: 0 10px 0 7px;
}
.slogan {
display: block;
position: absolute;
top: 25px;
left: 70px;
}
#topnav {
padding-left: 60px;
}
#topnav .last {
background: none;
}
#topnav a:visited {
text-decoration: none;
}
#topnav a:hover {
text-decoration: none;
color: red;
}
#banner {
/*valign:bottom; */
}
.search {
width: 751px;
float: left;
color: #272727;
padding: 0 0 0px 108px;
overflow: hidden;
background-image: url(../images/search_bg.gif);
background-position: top left;
background-repeat: no-repeat;
}
.search img {
float: left;
}
.input {
height: 17px;
float: left;
border: 2px inset #cecece;
margin: 8px 0 0 7px;
padding: 0 0 0 5px;
font-size: 12px;
color: #454545;
}
.select {
height: 20px;
float: left;
border: 1px inset #cecece;
margin: 8px 0 0 7px;
padding: 0 0 0 5px;
font-size: 12px;
color: #454545;
}
.first {
width: 170px;
}
.second {
width: 255px;
}
/*.button{ background-image:url(../images/button.gif); background-position:top left; background-repeat:no-repeat; line-height:20px; padding:0 0 4px 0; width:67px; text-align:center; display:block; float:left; margin:7px 0 0 8px; font-family:Tahoma, sans-serif; font-size:11px; color:#222222; text-decoration:none }*/
.exept {
line-height: 18px;
float: left;
padding: 0 55px 0 0;
}
.check {
height: 17px;
width: 17px;
float: left;
margin: 0 6px 0 0;
}
#blocks {
background-image: url(../images/blocks_bg.gif);
background-position: top left;
background-repeat: repeat-y;
width: 860px;
overflow: hidden;
float: left;
padding: 23px 0 0 0;
border-top: 1px solid #fff;
border-bottom: 5px solid #fff;
}
.block {
width: 215px;
float: left;
}
.block p {
width: 180px;
display: block;
margin: 15px 0 20px 25px;
}
.red_text {
color: #feeae6;
}
.gray_text {
color: #edecec;
}
#list {
padding: 12px 0 18px 11px;
}
#list li {
background-image: url(../images/ul_bg.gif);
background-position: top left;
background-repeat: no-repeat;
line-height: 20px;
padding: 0 0 0 15px;
margin: 0 0 2px 0;
list-style-type: none;
}
#list a {
color: #ffffff;
text-decoration: none;
}
#list a:visited {
text-decoration: none;
}
#list a:hover {
text-decoration: underline;
}
.more {
margin: 0 0 0 57px;
}
.signup {
width: 165px;
float: left;
margin: 2px 0 15px 22px;
}
.submit {
margin: 0 0 0 126px;
float: left;
}
#info {
background-image: url(../images/bg2.gif);
background-position: top left;
background-repeat: repeat-x;
width: 859px;
float: left;
overflow: hidden;
padding: 30px 0 20px 0;
background-color: #dbdbdb;
color: #454545;
}
#info div {
width: 160px;
float: left;
padding: 0 10px 0 38px;
}
#info ul {
padding: 12px 0 0 4px;
}
#info li {
list-style-type: none;
line-height: 18px;
}
#info a {
color: #454545;
text-decoration: none;
}
/*
#footer{
width:100%;
float:left;
margin-left:70px;
display:inline;
background-image:url(../images/footer_bg.gif);
background-position:top left;
background-repeat:no-repeat;
padding:20px 0;
text-align:center;
}*/
#footer a {
color: #254a73;
text-decoration: underline;
}
#footer a:visited {
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}
.inner_copy {
border: 0;
color: #fff;
float: right;
width: 0.09% !important;
margin: -100px;
overflow: hidden;
line-height: 0px;
padding: 0px;
font-size: 11px;
}
.cursor-pointer {
cursor: pointer !important;
}
/*********************
Forms
*********************/
form {
padding: 0px;
/*background-color: #ffffff;*/
margin: 0 auto;
}
form#form fieldset {
display: block;
padding: 5px 10px 5px 10px;
line-height: 20px;
margin-bottom: 10px;
}
form#form legend {
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
padding: 3px;
width: 254px;
}
form#form label {
clear: left;
display: block;
float: left;
width: 100px;
text-align: right;
padding-right: 10px;
margin-bottom: 5px;
}
form#form input {
padding: 3px;
margin-bottom: 5px;
}
form#form select {
margin-left: 5px;
}
form#form textarea {
width: 410px;
height: 200px;
padding: 5px;
overflow: auto;
}
form#form option {
background: #fff;
}
form#form optgroup option {
}
form#form #button1,
form#form #button2 {
padding-right: 5px;
cursor: pointer;
width: 205px;
margin-left: 8px;
font-weight: bold;
}
form#form #button1:hover,
form#form #button2:hover {
background-position: center left;
}
input.button {
margin-top: 10px;
font-size: 14px;
font-family: Arial, sans-serif;
height: 30px;
font-weight: bold;
background-color: #e0e0e0;
border-style: solid;
border-color: orange;
border-width: 2px;
}
input.text {
background-color: #fffaaa;
}
/* Zend Form Styling */
dl.zend dt,
dd {
min-height: 10px;
}
dl.zend_form dt {
float: left;
clear: left;
text-align: left;
}
dl.zend_form dt label.required {
font-weight: 600;
}
dl.zend_form dd {
float: left;
clear: right;
padding-left: 5px;
}
dl.zend_form dt label {
font-size: 12px;
width: auto;
}
dl.zend_form dd ul.errors {
list-style: none;
padding: 0;
margin: 0;
}
dl.zend_form dd ul.errors li {
float: left;
margin: 0 0.15em;
font-size: 10px;
color: red;
}
dl.zend_form dd textarea {
width: auto;
height: 100px;
margin: 5px;
border: 1px solid #7f9db9;
padding: 5px;
font-family: Tahoma, sans-serif;
background-image: url(bg.gif);
background-position: bottom right;
background-repeat: no-repeat;
}
/*DL, DT, DD TAGS LIST DATA*/
dl.zend_form {
margin-bottom: 50px;
}
dl.zend_form dt {
color: #000;
float: left;
font-weight: bold;
margin-right: 10px;
padding: 5px;
min-width: 100px;
}
dl.zend_form dd {
margin: 2px 0;
padding: 5px 0;
}
/*.button{
background-image:url(../images/button.gif);
background-position:top left;
background-repeat:no-repeat;
line-height:20px;
padding:0 0 4px 0;
width:auto;
text-align:center;
display:block;
float:left;
margin:7px 0 0 8px;
font-family:Tahoma, sans-serif;
font-size:11px;
color:#222222;
text-decoration:none
}*/
#breadcrumdiv {
min-height: 18px;
}
.breadcrumbs {
/* background:#fff;padding: 4px;border-bottom:1px solid #ccc;*/
color: #353535;
float: left;
text-align: left;
font-family: "Roboto Regular";
font-size: 13px;
text-shadow: 0 1px 0 #ffffff;
color: #3b3b3b;
width: 96%;
margin: 10px 2%;
}
.firstbreadcrumb {
color: #1f8abc;
font-family: "Roboto Regular";
text-shadow: 0 1px 0 #ffffff;
cursor: pointer;
}
.firstbreadcrumb:hover {
color: #1f8abc;
text-decoration: none;
}
.breadcrumbs span.arrows {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
padding: 0 3px;
}
.breadcrumbs a {
color: #1f8abc;
text-decoration: none;
}
.breadcrumbs a:hover {
color: #3b3b3b;
text-decoration: none;
}
.page-content {
text-align: left;
font-size: 12px;
color: #3b3b3b;
/*font-face:verdana ariel courier;*/
font-family: "Roboto Regular", sans-serif;
padding: 5px 10px 5px 10px;
line-height: 1.5em;
}
.page-content br {
clear: both;
height: 20px;
}
/* for dynamic forms*/
/*.formRowDiv { width: 50%; min-width: 340px; float:left; padding: 0; color:#3b3b3b; margin:10px 0 0 0; }
.formLabel { float :left; width:30%; min-width:225px; font-family:'Roboto Regular'; font-size: 14px; font-weight: normal; height: auto; padding:0; margin:2px 0 8px 0; text-align: left; color: #3B3B3B; }
.formElement {float: left; padding: 0; text-align: left; width: 70%; min-width: 295px; }*/
.formElement .chzn-container-single .chzn-search input {
width: 252px !important;
background-color: #ffffff;
border: 1px solid #c6c6c6;
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
color: #afafaf;
float: left;
font-family: latoregular, sans-serif;
font-size: 14px;
height: 30px;
line-height: 30px;
padding: 0 8px;
text-align: left;
}
.formButtons {
width: auto;
float: left;
margin-bottom: 5px;
}
.fetchButton {
width: auto;
float: left;
padding-top: 3px;
}
.defaultFormMainRowDiv {
padding: 0px;
width: 100%;
clear: both;
}
.defaultFormRowDiv,
.formRowDiv {
float: left;
padding: 0px;
width: 50%;
color: #3b3b3b;
margin: 0;
min-height: 50px;
min-width: 340px;
height: 80px;
}
.defaultFormLabel,
.formLabel {
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
font-weight: normal;
height: auto;
padding: 0;
margin: 0px 0 8px 0;
text-align: left;
float: left;
width: 100%;
min-width: 225px;
clear: both;
}
.defaultFormElement,
.formElement {
float: left;
padding: 0;
text-align: left;
width: 100%;
min-width: 295px;
position: relative;
}
.newformRowDiv {
float: left;
padding: 0px;
color: #3b3b3b;
margin: 0;
min-height: 50px;
width: 225px;
height: 80px;
}
.uploadformRowDiv {
float: left;
padding: 0px;
color: #3b3b3b;
margin: 0;
min-height: 50px;
width: 240px;
min-height: 80px;
}
.newformLabel {
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
font-weight: normal;
height: auto;
padding: 0;
margin: 0px 0 8px 0;
text-align: left;
float: left;
width: 100%;
clear: both;
}
.uploadformLabel {
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
font-weight: normal;
height: auto;
padding: 0;
margin: 0px 0 8px 0;
text-align: left;
float: left;
width: 100%;
clear: both;
}
.newformElement {
float: left;
padding: 0;
text-align: left;
width: 100%;
position: relative;
}
.newformElement input.formDataElement {
width: 204px !important;
height: 30px !important;
}
.newformRowDivTitle {
margin-right: 25px !important;
}
.newformRowDivVersion {
float: right !important;
}
.formCheckDiv {
width: 100%;
clear: both;
font-size: 12px;
/*font-weight: bold;*/
padding: 0px 5px 5px 0px;
color: #454545;
}
/* for dynamic forms code end here */
.errors {
color: #ff0000;
font-family: "Roboto Regular", sans-serif;
font-size: 12px !important;
margin: 0;
text-shadow: 0 1px 0 #ffffff;
list-style: n;
/* width:100%; */
float: left;
/* width:100%; */
clear: both;
text-align: left !important;
font-style: normal;
/* color: red;
font-size: 9px;
font-weight: normal !important;
margin: 0px 0px 0px 10px !important;
float:left;
line-height: 17px !important;
padding: 2px 5px 2px 10px;*/
}
.example_msg {
font-family: "Roboto Regular", sans-serif;
font-size: 10px;
margin: 0;
text-shadow: 0 1px 0 #ffffff;
list-style: none; /* float:left; */
width: 100%;
clear: both;
text-align: left;
}
.shortcuterrors {
color: #ff0000;
font-family: "Roboto Regular", sans-serif;
font-size: 12px !important;
margin: 6px;
text-shadow: 0 1px 0 #ffffff;
list-style: none;
float: left;
text-align: left !important;
}
.uploadformRowDiv .errors {
margin: 25px 0 0px 0 !important;
}
#mainForm .formDataElement {
width: 100%;
}
#mainForm input.formDataElement {
/* background-image: url("../images/desktop/text-bg.gif");
background-repeat: repeat-x;
border: 1px solid #B5B8C8;
font-family: tahoma,arial,sans-serif;
font-size: 12px;
height: 18px;
float:left; */
border: 1px solid #c6c6c6;
width: 273px;
float: left;
background-color: #ffffff;
height: 32px;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #afafaf;
padding: 0 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
line-height: 30px;
text-align: left;
outline: none;
}
#mainForm textarea.formDataElement {
/* background-image: url("../images/desktop/text-bg.gif");
background-repeat: repeat-x;
border: 1px solid #B5B8C8;
font-family: tahoma,arial,sans-serif;
font-size: 12px;
float:left; */
border: 1px solid #c6c6c6;
width: 273px;
float: left;
background-color: #ffffff;
height: 80px;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #afafaf;
padding: 10px 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
resize: none;
line-height: 20px;
outline: none;
}
.defaultFormElement .chzn-container-single .chzn-search input {
width: 252px !important;
background-color: #ffffff;
border: 1px solid #c6c6c6;
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
color: #afafaf;
float: left;
font-family: latoregular, sans-serif;
font-size: 14px;
height: 30px;
line-height: 30px;
padding: 0 8px;
text-align: left;
}
#mainForm select {
font-family: tahoma, arial, sans-serif;
font-size: 12px;
border: 1px solid #b5b8c8;
height: 21px;
background-color: #ffffff;
}
#mainForm .ui-datepicker-trigger {
padding: 6px 0px 0px 3px;
float: left;
cursor: pointer;
position: absolute;
left: 264px;
}
.section-heading {
height: 26px;
}
/*.section-left-image {
height:26px;
width:4px;
float:left;
background:url(../images/desktop/top-left.png) top left no-repeat;}*/
.section-center {
height: 25px;
width: 100%;
float: left;
/* background:url(../images/desktop/top-center.png) top left repeat-x;
border: 1px solid #99bce8;
border-top: none;
border-radius: 5px 5px 0px 0px; */
}
.section-center-text-area {
height: 25px;
width: 100%;
padding: 0px 0px 0 3px;
text-align: left;
line-height: 25px;
}
/*.section-right-image {
height:26px;
width:8px;
float:left;
background:url(../images/desktop/Untitled-5.png) top left no-repeat;} */
.section-heading1 {
/*color: #04408C;
font-size: 11px;
font-weight: bold;
font-family: tahoma, arial, verdana, sans-serif;
padding-top:5px;*/
float: left;
clear: both;
width: 100%;
color: #3b3b3b;
font-size: 15px;
font-family: "Roboto Regular", sans-serif;
text-shadow: 0 1px 0 #ffffff;
text-align: left;
}
.section-center-text-area img {
padding-right: 3px;
}
.content_inner {
/*padding:0px 0px 20px 0px; margin-bottom: 20px; */
margin: 0;
padding: 0;
width: 100%;
float: left;
/*background:#ffffff;
border-left: 1px solid #99bce8;
border-right:1px solid #99bce8;
border-bottom:1px solid #99bce8;
border-radius: 0px 0px 5px 5px;
border-color: #99bce8 #99bce8 #99bce8;
border-style: solid;
border-width: 0 1px 1px; */
}
#mainForm button.formSubmitButton,
#mainForm a.button,
#mainForm button {
background-color: #208bbd;
border: 1px solid #208bbd; /* -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/
height: 26px;
padding: 0px 10px 4px 10px;
font-size: 14px;
/*text-shadow: 0 1px 0 #006391;*/
font-family: "Roboto Regular", sans-serif;
color: #ffffff; /*-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); */
cursor: pointer;
float: left;
margin-right: 10px; /*text-transform: uppercase;*/
outline: 0;
line-height: 22px;
}
#mainForm input[type="submit"],
#mainForm input[type="reset"],
.submit_bg {
background-color: #208bbd;
border: 1px solid #208bbd; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; */
height: 26px;
padding: 0px 10px 0px 10px;
font-size: 14px; /*text-shadow: 0 1px 0 #006391;*/
font-family: "Roboto Regular", sans-serif;
color: #ffffff; /*-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);*/
cursor: pointer;
float: left;
margin-right: 10px; /*text-transform: uppercase;*/
outline: 0;
line-height: 22px;
}
.button-wrap {
border-radius: 5px 5px 5px 5px;
overflow: hidden;
}
#mainForm button:hover,
#mainForm button:active,
#mainForm input[type="submit"]:hover,
#mainForm input[type="submit"]:active,
#mainForm input[type="reset"]:hover,
#mainForm input[type="reset"]:active,
#mainForm a.button:hover,
#mainForm a.button:active,
.customfile-hover button {
}
#mainForm .formButtons button#Cancel,
.cancel-div input.submit_bg,
.formButtons button#cancel {
background: none repeat scroll 0 0 transparent;
border: 0 none;
box-shadow: none;
color: #353535;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
margin-top: 6px;
padding: 0;
text-shadow: none;
text-transform: capitalize;
}
a.button {
height: 23px;
}
/* .ie .formSubmitButton {
background: url("../images/gradients.png") repeat-x bottom;
background-position: 0px -35px;
} */
.ui-search-toolbar input {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #c8c8c8;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 2px 3px 0 rgba(18, 16, 11, 0.13) inset;
display: block;
outline: 0 none;
padding: 5px;
height: 20px;
}
/* default css */
#main-div {
width: 100%;
/*background:url(../images/bg_main.png) repeat-x;*/
margin: auto;
}
.formElement label,
.defaultFormElement label {
float: left;
}
#page-container {
width: 100%; /* !Important; sapplica */
margin: 0 auto;
}
#header {
/* background-image:url(../images/header_bg.png);
background-repeat:repeat-x;
height: 42px; sapplcia */
position: relative;
width: 100%;
background-color: #253f51;
min-height: 50px;
/*border-bottom:1px solid #101010; */
/*-webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1);
box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1); z-index:100;
*/
}
.menusprite {
background: url(../images/sprite_blue.png) no-repeat left top;
display: block;
}
/* #header .logo {
width:130px;
float:left;
background:url(../images/logo_main.png) no-repeat ;
background-position:center;
height:42px;
} commented by sapplica */
/* added by sapplica
.menu{ min-height:517px; width:100%; background:url(../images/wild_oliva.png) repeat; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: inset 0px 1px 0px 0px #686868; box-shadow: inset 0px 1px 0px 0px #686868; border:1px solid #000000; margin:0 0 10px 0;}
.menu ul{margin:0 0 0 0; padding:0 0 0 0;}
.menu ul li{ list-style:none; margin:14px 10px 20px 25px; }
.menusprite{ background:url(../images/sprite_blue.png) no-repeat left top; display:block;}
.dashboard{ background-position:0px 0px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:24px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px 0px #000;}
.dashboard:hover{background-position:0px -551px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:24px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px 0px #000;}
.administration{ background-position:0px -44px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:28px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px 0px #000;}
.administration:hover{background-position:0px -595px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:28px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px 0px #000;}
.organization{background-position:0px -92px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:21px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px 0px #000;}
.organization:hover{background-position:0px -643px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:21px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px 0px #000;}
.humanresource{background-position:0px -133px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:22px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px 0px #000;}
.humanresource:hover{background-position:0px -684px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:22px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px 0px #000;}
.employeeselfservice{background-position:0px -175px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:22px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px 0px #000;}
.employeeselfservice:hover{background-position:0px -726px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:22px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px 0px #000;}
.backgroundchecks{background-position:0px -217px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:23px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px 0px #000;}
.backgroundchecks:hover{background-position:0px -768px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:23px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px 0px #000;}
.systemadministration{background-position:0px -258px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:27px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px 0px #000;}
.systemadministration:hover{background-position:0px -809px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:27px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px 0px #000;}
.siteadministration{background-position:0px -306px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:23px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px 0px #000;}
.siteadministration:hover{background-position:0px -857px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:23px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px 0px #000;}
.vendormanagement{background-position:0px -348px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:26px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px 0px #000;}
.vendormanagement:hover{background-position:0px -899px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:26px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px 0px #000;}
.compliances{background-position:0px -392px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:24px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px 0px #000;}
.compliances:hover{background-position:0px -943px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:24px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px 0px #000;}
.staffing{background-position:0px -436px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:26px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px 0px #000;}
.staffing:hover{background-position:0px -987px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:26px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px 0px #000;}
.reports{background-position:0px -482px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:26px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px 0px #000;}
.reports:hover{background-position:0px -1033px; padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px 0px #000000; display:block; height:26px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px 0px #000;}
.menu ul li a span{ background:url(../images/m_arrow_right.png) top right; width:6px; height:11px; display:block; float:right; margin:6px 10px 0 0;}
.menu ul li a span:hover{ background:url(../images/m_arrow_right_hover.png) top right; width:6px; height:11px; display:block; float:right; margin:6px 10px 0 0;}
*/
/* Menu Css Start */
.childelement {
background: none !important;
}
.cssmenu ul,
.cssmenu li,
.cssmenu span,
.cssmenu a {
margin: 0;
padding: 0;
position: relative;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.cssmenu {
/*min-height:517px; */
/*width:100%; */
width: 268px;
float: left;
background: url(../images/black-pattren-bg.png) repeat;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow: inset 1px 0 0 0 #686868;
box-shadow: inset 1px 0 0 0 #686868;
border: 1px solid #000000;
margin: 0 0 10px 0;
}
.cssmenu ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.cssmenu ul li {
list-style: none; /*margin:14px 0px 20px 25px;*/
margin: 0 0 0 25px;
}
.cssmenu a {
/* padding-left:50px; */
font-family: "Roboto Regular";
font-size: 15px;
font-weight: normal;
text-shadow: 0px 1px 0px #000000;
display: block;
height: 25px;
cursor: pointer;
color: #ffffff;
text-shadow: 0px 1px 0px #000;
text-decoration: none;
text-transform: capitalize;
background: url(../images/site-arrow.png) no-repeat 90% 16px;
padding: 10px 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.cssmenu a {
height: 24px;
background: url(../images/site-arrow.png) no-repeat 90% 15px;
}
}
#moreLinkDiv a,
#lessLinkDiv a {
background: none !important;
text-align: right;
margin-right: 28px;
color: #69bbe0;
}
#moreLinkDiv a:hover,
#lessLinkDiv a:hover {
background: none !important;
color: #69bbe0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.cssmenu a:hover {
background: url(../images/site-arrow-hover.png) no-repeat 90% 15px;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.childelement {
background: none !important;
}
}
.cssmenu a:hover {
background: url(../images/site-arrow-hover.png) no-repeat 90% 16px;
}
.cssmenu > ul > li:hover > a {
font-weight: normal;
display: block;
/*height:25px; */
cursor: pointer;
color: #69bbe0;
text-shadow: 0px 1px 0px #000;
background: url(../images/site-arrow-hover.png) no-repeat 90% 16px;
}
/*.cssmenu > ul > li > a:last-child {
font-family:'Roboto Regular';
font-size:15px;
font-weight:normal;
text-shadow:0px 1px 0px #000000;
display:block;
height:28px;
cursor:pointer;
color:#ffffff;
text-shadow:0px 1px 0px #000;
} */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.cssmenu > ul > li:hover > a {
background: url(../images/site-arrow-hover.png) no-repeat 90% 15px;
}
}
.cssmenu .has-sub {
z-index: 10;
}
.cssmenu .has-sub:hover > ul {
display: block;
}
.cssmenu .has-sub ul {
display: none;
position: absolute;
top: -1px;
left: 243px;
/*width: 242px;*/
width: 252px;
/*width: 180px;
width:100%;*/
z-index: 999;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
background: url(../images/black-pattren-bg.png) repeat scroll 0 0 transparent;
border: 1px solid #393939;
border-left: 0 none;
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
-webkit-box-shadow: -1px 0px 3px 1px rgba(0, 0, 0, 0.5);
box-shadow: -1px 0px 3px 1px rgba(0, 0, 0, 0.5);
margin: 0 0 10px;
}
.cssmenu .has-sub ul li {
/*margin-bottom: -1px;
border-bottom: 1px solid #dddddd;*/
/* margin:7px 0 7px 7px;*/
margin: 0 0 0 7px;
}
.cssmenu .has-sub ul li a {
/*background: #000000;
border-bottom: 1px dotted #ec6f73;*/
filter: none;
font-size: 15px;
display: block;
padding-left: 10px;
height: 20px;
background: url(../images/site-arrow.png) no-repeat 90% 16px;
/* line-height: 120%;
padding: 10px;*/
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.cssmenu .has-sub ul li a {
background: url(../images/site-arrow.png) no-repeat 90% 15px;
}
}
.cssmenu .has-sub ul li:hover a {
/*background: #b00c11;*/
background: url(../images/site-arrow-hover.png) no-repeat 90% 16px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.cssmenu .has-sub ul li:hover a {
background: url(../images/site-arrow-hover.png) no-repeat 90% 15px;
}
}
.cssmenu .has-sub ul li a:hover {
/*background: #b00c11;*/
color: #78c3e5;
text-shadow: 0px 1px 0px #000;
}
.cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
.cssmenu .has-sub .has-sub ul {
display: none;
position: absolute; /*left:234px; */
left: 245px; /*top:-8px;*/
top: -1px;
margin: 0;
/*left: 100%;
top: 0;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;*/
}
.cssmenu .has-sub .has-sub ul li a {
/*background: #b00c11;*/
padding-left: 10px;
/*border-bottom: 1px dotted #d06d70;*/
}
.cssmenu .has-sub .has-sub ul li a:hover {
/*background: #80090d;
background:url(../images/m_arrow_right_hover.png) top right; */
}
.cssmenu .has-sub img {
float: left;
min-width: 20px;
min-height: 20px;
max-width: 24px;
padding-right: 13px;
}
.cssmenu .has-sub span {
float: left;
}
/* Menu css ends */
#wrapper {
/*margin: 15px 0;*/
margin: 0;
padding: 15px 0;
position: relative;
width: 100%;
}
.wrapperdiv {
margin: 0 auto;
position: relative;
width: 100%;
}
.wrapperdivleft {
float: left;
margin: 0;
position: relative;
width: 27%;
/*z-index:1; z-index:8;*/
z-index: 100;
}
.wrapperdivright {
background: none repeat scroll 0 0 #fff;
/* border-radius: 5px 5px 5px 5px;*/
float: right;
margin: 20px 0 50px;
/*min-height: 1050px; min-height: 905px;*/
min-height: 791px;
position: relative;
width: 100%;
/*width: 73%;*/
/*min-width: 721px; */
min-width: 734px;
/* z-index:7; */
padding-bottom: 20px;
}
.wrapperdivrightmain {
clear: both;
margin: 0 auto;
padding: 15px 0;
position: relative;
width: 98%;
}
.wrapperdivrightmainleft {
float: left;
margin: 0;
width: 49%;
}
.wrapperdivrightmain table {
background-color: #ffffff;
border: 1px solid #bbbbbb;
}
.wrapperdivrightmainleft table {
background-color: #ffffff;
border: 1px solid #bbbbbb;
}
.wrapperdivrightmain table tr.grdi {
/*background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent;*/
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #ffffff),
color-stop(100%, #eeeeee)
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
#ffffff 0%,
#eeeeee 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
#ffffff 0%,
#eeeeee 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
color: #333333;
font-family: "Roboto Regular";
font-weight: normal;
height: 35px;
text-transform: uppercase;
}
.wrapperdivrightmainleft table tr.grdi {
/* background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent; */
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #ffffff),
color-stop(100%, #eeeeee)
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
#ffffff 0%,
#eeeeee 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
#ffffff 0%,
#eeeeee 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
color: #3b3b3b;
font-family: "Roboto Regular";
font-weight: normal;
height: 35px;
text-transform: uppercase;
}
.wrapperdivrightmain table tr td:last-child {
border-right: medium none;
}
.wrapperdivrightmainleft table tr td:last-child {
border-right: medium none;
}
.wrapperdivrightmain table tr td {
border-right: 1px solid #dcdcdc;
padding: 5px 10px;
}
.wrapperdivrightmainleft table tr td {
border-right: 1px solid #dcdcdc;
padding: 5px 10px;
}
.wrapperdivrightmain table tr.grdi label {
color: #333333;
float: left;
font-family: "Roboto Regular";
font-weight: normal;
text-transform: uppercase;
}
.wrapperdivrightmainright table tr.grdi {
/*background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent;*/
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #ffffff),
color-stop(100%, #eeeeee)
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
#ffffff 0%,
#eeeeee 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
#ffffff 0%,
#eeeeee 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
color: #333333;
font-family: "Roboto Regular";
font-weight: normal;
height: 35px;
text-transform: uppercase;
}
.wrapperdivrightmainleft table tr.grdi label {
/* color: #333333;
float: left;
font-family: 'Roboto Regular';
font-weight: normal;
text-transform: uppercase; */
color: #333333;
float: left;
font-family: "Roboto Regular";
font-weight: normal;
text-transform: uppercase;
}
.wrapperdivrightmainright table {
background-color: #ffffff;
border: 1px solid #bbbbbb;
}
.wrapperdivrightmainright table tr td:last-child {
border-right: medium none;
}
.wrapperdivrightmain table tr td:last-child {
border-right: medium none;
}
.wrapperdivrightmainright table tr td {
border-right: 1px solid #dcdcdc;
padding: 5px 10px;
}
.wrapperdivrightmain table tr.sel {
background-color: #fafafa;
}
.wrapperdivrightmainleft table tr.sel {
background-color: #fafafa;
}
#maincontentdiv,
.blank_text {
/*margin:2% auto; margin:20px 2%;*/
margin: 10px 2%;
width: 96%;
float: left;
position: relative;
}
.blank_text {
margin-top: 28px;
}
.ui-dialog-content #maincontentdiv {
margin: 0px auto;
width: 96%;
}
#maincontentdiv .ui-widget-header {
box-shadow: none;
height: auto;
}
#maincontentdiv #tabs .ui-tabs-nav li a {
padding: 10px 8px;
}
#maincontentdiv #tabs .tab_content {
padding: 0;
border: 0;
}
#maincontentdiv #tabs .ui-tabs-nav li {
margin: 0;
}
.poc-ui-data-control .ui-tabs-nav {
width: 100% !important;
}
.poc-ui-data-control .ui-tabs-nav li {
width: 100% !important;
}
.poc-ui-data-control .ui-tabs-nav li a:active,
.poc-ui-data-control .ui-tabs-nav li.ui-state-active a,
.poc-ui-data-control .ui-tabs-nav li.ui-state-active a:hover {
width: 214px !important;
border: 1px solid #cfcfcf !important;
border-right: 0 none !important;
}
.right-block-data .ui-tabs-panel {
width: 100% !important;
}
.tableicondiv {
float: right;
position: relative;
}
.uparrow_table {
background-position: 0 -1430px;
cursor: pointer;
float: left;
height: 23px;
/*margin: 0 5px 0 0; J*/
margin: 0;
width: 24px;
}
.downarrow_table {
background-position: 0px -1460px;
width: 24px;
height: 23px;
float: left; /*margin:0px 5px 0 0; J*/
margin: 0;
cursor: pointer;
}
.add {
background-position: 0 -1490px;
cursor: pointer;
float: left;
height: 23px;
/*margin: 0 5px 0 0; J*/
margin: 0;
width: 24px;
}
.close {
background-position: 0 -1520px;
cursor: pointer;
float: left;
height: 23px;
margin: 0;
width: 24px;
}
.wrapperdivrightmainright {
float: right;
margin: 0;
width: 49%;
}
a.userprofilepic {
min-width: 160px;
*max-width: 250px;
*width: 160px;
height: 50px;
float: right;
/* background:url(../images/logout-bg.png) repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-bottom:1px solid #51a4cb;
-webkit-box-shadow: inset 0px 0px 5px 0px #000000;
box-shadow: inset 0px 0px 5px 0px #000000; */
cursor: pointer;
}
a.userprofilepic span {
color: #ffffff !important ;
float: left;
margin: 15px 0 0 10px;
/*text-shadow: 0 1px 0 #000000;*/
}
#header a.logo {
font-family: "nexalight";
font-size: 28px;
color: #ffffff;
font-weight: normal;
margin: 6px 0 0 10px;
float: left;
text-shadow: 0px 1px 0px #165674;
/*background:url(../images/hrms-logo-new.png) no-repeat left center;*/
height: 40px;
}
#header a.logo img {
max-width: 265px;
max-height: 40px;
}
.links label {
color: #ffffff;
float: left;
font-size: 15px;
font-family: "Roboto Regular";
margin: 8px 10px 0 0;
text-shadow: 0 1px 0 #165674;
}
.links p.confi-setter {
/*width:130px;*/
height: 32px;
font-size: 15px !important;
padding-top: 0px !important;
line-height: 28px;
margin-top: 6px !important;
float: left !important;
margin-right: 13px !important;
padding-right: 23px !important;
color: #ffffff !important;
text-shadow: 0px 1px 0px #000000;
background: url(../images/new-start-tour.png) no-repeat right center;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-bottom:1px solid #51a4cb;
-webkit-box-shadow: inset 0px 0px 5px 0px #000000;
box-shadow: inset 0px 0px 5px 0px #000000; */
cursor: pointer;
}
.links p.confi-setter label {
margin: 0;
}
.links small {
color: #ffffff;
float: left;
font-size: 14px;
font-family: "Roboto Regular";
/* font-weight: normal;*/
margin: 8px 13px 0 0;
text-shadow: 0 1px 0 #165674;
}
.links label.site-link {
/* padding-left: 30px;*/
float: left;
}
.links label.site-link a {
color: #ffffff;
text-decoration: none;
font-family: "Roboto Regular";
font-size: 15px;
background: url(../images/manage-header-icon.png) no-repeat left center;
width: 30px;
height: 30px;
float: left;
}
.links label.site-link a:hover {
color: #e0dfdf;
}
.menu-link {
float: left;
margin: 0 !important;
color: #ffffff;
}
.menu-link a {
color: #ffffff;
text-decoration: none;
}
a.userprofilepic img {
border: 1px solid #253f51;
border-radius: 3px 3px 3px 3px;
float: left;
margin: 10px 0 0 10px;
}
a.userprofilepic b {
background: url(../images/arrow_profile_down.png) no-repeat scroll 0 0
transparent;
display: block;
float: right;
height: 7px;
margin: 22px 10px 0 0;
width: 9px;
}
a.userprofilepic b.up {
background: url(../images/arrow_profile_up.png) no-repeat scroll 0 0
transparent;
display: block;
float: right;
height: 7px;
margin: 16px 7px 0 0;
width: 9px;
}
.shortcuts {
/* background: url(../images/black-pattren-bg.png) repeat scroll 0 0 transparent;
border: 1px solid #000000;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
box-shadow: 0 1px 0 0 #686868 inset;*/
margin: 0 0 10px 0;
background: #fff;
/*min-height: 287px;*/
min-height: 130px;
float: left;
/* width: 100%; width:268px;*/
width: 240px;
color: #ffffff;
position: relative;
padding-bottom: 30px;
overflow: hidden;
}
.shortcuts h1 {
color: #3498db;
font-family: "Roboto Regular";
font-size: 14px;
font-weight: normal;
/*margin: 10px 25px 20px;*/
margin: 10px 15px 10px 15px;
/* text-shadow: 0 1px 0 #000000;
text-transform: uppercase;*/
text-align: left;
position: relative;
}
.cssmenu h1 {
color: #ffffff;
font-family: "PTSansBold";
font-size: 15px;
font-weight: normal;
margin: 10px 25px 7px 25px;
text-shadow: 0 1px 0 #000000;
text-transform: uppercase;
text-align: left;
}
.short-text-ctrl {
margin: 0 2px 0px 5px;
padding: 0;
float: left;
color: #333;
}
.shortcuts a {
color: #e71052;
text-decoration: none; /*text-shadow: 0 1px 0 #000000; */
}
.shortcuts a:hover {
color: #289616;
}
.shortcuts ul {
/* margin: 0 0 0 20px; */
margin: 0 0 0 10px;
}
.shortcuts ul li {
float: left;
list-style: none outside none;
/*margin: 0 8px 10px 0; margin: 0 11px 10px 0; margin: 0 8px 10px 0;*/
margin: 0 7px 10px 0;
}
.shortcuts ul li a {
background: none repeat scroll 0 0 #f0f3f7;
cursor: pointer;
display: block;
height: 46px;
width: 46px;
}
.shortcuts ul li a img {
/*border-radius: 3px 3px 3px 3px;*/
margin: 7px 6px 6px 7px;
}
.copytxt {
color: #253f51;
font-family: "Roboto Regular";
font-size: 13px;
padding: 0;
margin: 0 auto;
width: 100%;
float: left;
position: relative;
margin-top: -66px;
}
.copytxt a {
color: #69bbe0 !important;
text-decoration: none !important;
/*text-shadow: 0 1px 0 #000000;*/
}
.copy-center {
margin: 0 auto;
text-align: center;
}
.copy_left {
padding-right: 15px;
}
.copy_right {
padding-left: 15px;
}
/*.msg-height { line-height:20px; }*/
.bgwhite {
background-color: #ffffff;
}
.fltleft {
float: left;
}
.fltright {
float: right !important;
}
.fullwidth {
width: 100% !important ;
}
.width120 {
width: 120px !important;
}
.width134 {
width: 134px !important;
}
.width140 {
width: 140px !important;
}
.width400 {
width: 400px !important;
}
.width450 {
width: 450px !important;
}
.mrgetop {
margin-top: 0 !important;
}
.mrgetop2 {
margin-top: 2px !important;
}
.mrgetop4 {
margin-top: 4px !important;
}
.mrgetop5 {
margin-top: 5px !important;
}
.mrgetop7 {
margin-top: 7px !important;
}
.mrgetop10 {
margin-top: 10px !important;
}
.mrgetop18 {
margin-top: 18px !important;
}
.mrgetop20 {
margin-top: 20px !important;
}
.mrgetop25 {
margin-top: 25px !important;
}
.mrgetop30 {
margin-top: 30px !important;
}
.mrgetop60 {
margin-top: 60px !important;
}
.mrgeleft15 {
margin-left: 15px;
}
.mrgeright9 {
margin-right: 9px !important;
}
.mrgeright15 {
margin-right: 15px;
}
/*.clearb { clear:both !important; width: 100% !important;} by satish */
.clearall {
clear: both !important;
}
.padding10 {
padding: 10px;
}
.mrgebtm {
margin-bottom: 0 !important;
}
.mrgebtm3 {
margin-bottom: 3px !important;
}
.mrgebtm5 {
margin-bottom: 5px !important;
}
.mrgebtm10 {
margin-bottom: 10px !important;
}
.mrgebtm20 {
margin-bottom: 20px !important;
}
.mrgebtm40 {
margin-bottom: 40px !important;
}
.paddingtop5 {
padding-top: 5px !important;
}
.paddingtop10 {
padding-top: 10px !important;
}
.paddingbtm15 {
padding-bottom: 15px !important;
}
.no-border {
border: 0 !important;
}
.no-bg {
background: none !important;
}
.bg-white {
background-color: #ffffff !important;
}
.position_rel {
position: relative;
clear: both;
width: 100%;
float: left;
}
.textareaheight {
height: 98px !important;
}
.textareaheight-1 {
height: 142px !important;
}
.org-logo-height {
height: 170px !important;
}
.logo-width-org {
width: 270px !important;
}
.inputheight {
height: 90px !important;
}
.inputheight-1 {
height: 40px !important;
}
.inputheight-2 {
height: 54px !important;
}
.inputheight-3 {
height: 52px !important;
}
.inputheight-4 {
height: 80px !important;
}
#dialog-confirm .height32 {
height: 50px !important;
}
.height200 {
min-height: 200px !important;
}
.footerdivbg {
background: #f0f3f7;
border: 2px solid #ffffff;
height: 33px;
margin: 0 auto;
/*width: 99%;*/
width: 99.5%;
min-width: 980px;
}
.content_inners {
margin: 0 auto;
position: relative;
width: 99%;
/*min-width: 991px !important;*/
min-width: 984px !important;
}
.settings {
background: #ffffff;
cursor: pointer;
float: left;
margin: 4px 3px 3px 5px;
padding: 3px 6px;
}
.recentviewd {
float: right;
margin: 0;
position: relative;
}
.recentviewd label {
color: #333333;
float: left;
font-family: "Roboto Regular";
margin: 6px 10px 0 0;
}
.recentviewd ul {
float: left;
margin: 4px 5px 0 0;
padding: 0;
}
.recentviewd ul li {
background: none repeat scroll 0 0 #959595;
color: #ffffff;
float: left;
font-family: "Roboto Regular";
font-size: 13px;
font-weight: normal;
list-style: none outside none;
margin: 0 5px;
padding: 2px 10px 3px;
}
.recentviewd ul li span {
background: url("../images/arrow_right.png") no-repeat scroll left 5px
transparent;
float: left;
padding-left: 15px;
cursor: pointer;
/*max-width:110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; for text text trinket in Recently Viewed */
}
.recentviewd ul li a {
background: url("../images/close_rv.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
display: block;
float: right;
height: 9px;
margin: 6px 0 0 10px;
width: 8px;
}
/* sapplica code ends */
#header .links {
/* width:336px;
float:right;
height:34px;
modified by sapplica */
color: #ffffff;
float: right;
font-family: "Roboto Regular";
font-weight: normal;
margin: 0px 0px 0 0;
/*text-shadow: 0 1px 0 #165674;*/
position: relative;
background: #435f71;
}
#header p {
margin: 0;
font-family: "Roboto Regular", sans-serif; /*Added By Sapplica */
font-size: 14px;
padding-top: 10px;
color: #8a8887;
padding-left: 15px;
padding-right: 5px;
/*float:right;*/
float: left;
margin-right: 20px;
}
#header span {
font-family: "Roboto Regular", sans-serif; /*Added By Sapplica */
font-size: 13px;
color: #000000;
margin-right: 10px;
/*margin:0;*/
/*padding-top:10px;*/
/*padding-left:10px;*/
}
#header span a {
font-family: "Roboto Regular", sans-serif; /*Added By Sapplica */
font-size: 14px;
padding-top: 10px;
color: #fff;
/* padding-left:10px;
text-decoration:none;
padding-right:10px; */
}
#header span a:hover {
color: #8a8887;
}
#main-nav {
height: 95px;
text-align: left;
}
#footer {
/*clear: both;
font-family:Arial;
height:50px;
background: url(../images/footer_bg.png) repeat-x;
font-size: 12px;
color:#FFF;
border-top: 1px solid #efefef;
padding: 12px 20px;*/
bottom: 0;
height: 33px;
position: fixed;
width: 100%;
min-width: 980px;
/*z-index:11;*/
z-index: 101;
}
#content {
/* background: #ffffff;
min-height: 425px;
float: left;
width: 100%;
margin: 10px 0px 10px 0px; commented by sapplica*/
/*margin: 15px 0;*/
margin: 0 0 0px 0;
position: relative;
width: 100%;
}
form label.required:after {
color: red;
content: " *";
font-family: Arial, Helvetica, sans-serif;
}
/* Scrollable tabs css */
/*scrollable tabs css*/
.ui-scrollable-tabs {
overflow: hidden;
position: relative;
width: 100%;
}
.ui-scrollable-tabs .ui-tabs-nav {
width: 1000000px;
padding: 1px 0 0 1px;
border-left: none;
border-right: none;
padding-top: 1px;
position: relative;
}
.ui-scrollable-tabs .ui-tabs .ui-tabs-closable li a {
padding-right: 5px;
}
.ui-scrollable-tabs .ui-tabs-nav-arrows {
left: 0;
margin: 0;
margin: 0 6px;
padding: 0;
position: absolute;
right: 0;
top: 5px;
}
/*IE7 fix*/
*:first-child + html .ui-scrollable-tabs .ui-tabs-nav-arrows {
z-index: 1;
}
.ui-scrollable-tabs .ui-tabs .ui-tabs-nav li {
/*margin:0 1px 0;*/
}
.ui-tabs-nav li .ui-tabs-close {
float: left;
margin-top: 8px;
margin-right: 4px;
border: none;
cursor: pointer;
}
.ui-scrollable-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-next {
float: right;
}
.ui-scrollable-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-previous {
float: left;
}
.ui-scrollable-tabs .ui-tabs-nav-arrows li {
list-style: none;
position: relative;
cursor: pointer;
margin: 0;
padding: 0;
display: none;
z-index: 1;
}
.ui-scrollable-tabs .ui-tabs-nav-arrows li a {
display: block;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px;
}
.ui-timepicker-div dl {
text-align: left;
}
.ui-timepicker-div dl dt {
height: 25px;
margin-bottom: -25px;
color: #545454;
}
.ui-timepicker-div dl dd {
margin: 0 10px 10px 65px;
color: #545454;
}
.ui-timepicker-div td {
font-size: 90%;
}
.ui-tpicker-grid-label {
background: none;
border: none;
margin: 0;
padding: 0;
}
/* for giving z-index to date picker*/
.ui-datepicker {
/*z-index: 1003 !important; */
z-index: 1003 !important;
}
.hasDatepicker {
/*width: 150px !important; */
cursor: text;
}
#messageData {
/*color: red; */
font-family: "Roboto Regular", sans-serif;
/*font-size: 12px;*/
font-weight: normal;
height: auto;
/*padding: 3px 0px 5px 0px;*/
}
.download {
color: #04408c;
font-size: 12px;
text-decoration: none;
float: left;
background-color: #e0f0ff;
}
#tooltip {
position: absolute;
/* border:1px solid #99BCE8;
background:#E0ECF8; */
border: 1px solid #8ecdeb;
background: #208bbd;
padding: 2px 5px;
/*color:#04408C;*/
color: #ffffff;
display: none;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
}
#mainForm label .tooltip {
vertical-align: middle;
margin-bottom: 4px;
}
.logoutdiv {
/*background-color: #FFFFFF;
height: 50px !important;
width: 157px;
min-width:110px;
height:35px; */
background-color: #ffffff;
min-height: 99px;
/* width: 160px;*/
position: absolute;
right: 0;
text-align: center;
top: 50px;
/* -webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-box-shadow: -1px 0px 3px 1px rgba(0, 0, 0, 0.3);
box-shadow: -1px 0px 3px 1px rgba(0, 0, 0, 0.3);*/
cursor: pointer;
z-index: 99999999;
}
.arrow-div {
background: url(../images/logout-top.png) no-repeat top center;
width: 160px;
height: 9px;
position: absolute;
top: -9px;
display: none;
}
.logoutdiv a,
.logoutdiv span {
color: #3b3b3b !important;
float: left;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
width: 140px;
padding: 7px 10px 7px 15px;
text-align: left;
font-size: 13px;
border-bottom: 1px dashed #dcdee0;
}
.logoutdiv a.first:hover {
background-color: #eeeeee; /*-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;*/
}
.logoutdiv a:last-child:hover {
background-color: #eeeeee; /*-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; */
}
.logoutdiv a:hover,
.logoutdiv span:hover {
background-color: #eeeeee;
}
.grid_addbtn {
text-decoration: none;
float: right;
position: absolute;
right: 14px;
top: 8px;
}
/* Added by sapplica, for changing the loader*/
.loading {
position: absolute;
top: 45%;
left: 45%;
width: 48px;
height: 48px;
z-index: 101;
padding: 6px;
margin: 5px;
text-align: center;
font-weight: bold;
display: none;
border-width: 2px !important;
background: url("../images/loader2.gif") no-repeat center;
}
.uparrow-setter {
float: right;
margin-left: 5px;
margin-top: 6px;
}
.toggle-search {
width: 99%;
position: relative;
height: 100%;
float: left;
margin-bottom: 10px;
}
.toggle-search input.toggle-search {
border: 1px solid #c6c6c6;
background-color: #ffffff;
height: 30px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
line-height: 30px;
border-radius: 0px !important;
text-align: left;
width: 80%;
float: left;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #afafaf;
padding: 0 2px;
}
.form-header {
float: left;
clear: both;
width: 100%;
color: #3b3b3b;
text-transform: capitalize;
font-size: 16px;
font-family: "Roboto Regular", sans-serif;
text-shadow: 0 1px 0 #ffffff;
text-align: left;
}
.form-fields-ctrl {
margin: 0 0 10px 0px;
width: 350px;
float: left;
font-size: 12px;
padding: 0;
}
.form-fields {
/*margin:0px 0px 3px 0px; width: 100%; float: left; font-size: 12px; padding:0; min-height: 90px; */
float: left;
padding: 0px;
width: 50%;
color: #3b3b3b;
margin: 10px 0 0 0;
min-height: 50px;
min-width: 340px;
height: 80px;
}
.form-fields label {
/* color:#3b3b3b; float: left; font-family: 'Roboto Regular', sans-serif; font-size: 13px; font-weight: normal; padding:0; margin:2px 0 8px 0; text-align: left; width: 100%;*/
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
font-weight: normal;
height: auto;
padding: 0;
margin: 2px 0 8px 0;
text-align: left;
float: left;
width: 100%;
min-width: 225px;
clear: both;
}
.form-fields label span {
color: #ff0000;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: normal;
padding-left: 5px;
}
.form-fields-input {
/* float: left; padding: 0; text-align: left; width: 100%;*/
float: left;
padding: 0;
text-align: left;
width: 100%;
min-width: 295px;
}
.form-fields input[type="text"],
.form-fields input[type="password"] {
border: 1px solid #c6c6c6;
width: 273px;
float: left;
background-color: #ffffff;
height: 30px;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #828282;
padding: 0 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
line-height: 30px;
text-align: left;
}
.form-fields input[type="submit"],
.form-fields input[type="reset"],
.form-fields input[type="button"],
.form-fields a.button,
.form-fields button {
background-color: #208bbd;
border: 1px solid #006391;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 26px;
padding: 0 10px 0px 10px;
font-size: 14px;
text-transform: uppercase;
text-shadow: 0 1px 0 #006391;
font-family: "Roboto Regular", sans-serif;
color: #ffffff;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
cursor: pointer;
float: left;
margin-right: 15px;
}
/*#tabContainer-frag-1 { width:96%; margin:0 auto; padding:2%; }*/
.page-not-404 {
clear: both;
height: 404px;
margin: 6% auto 0;
position: relative;
text-align: center;
width: 100%;
}
.page-text {
color: #208bbd;
font-size: 26px;
font-family: "Roboto Regular";
text-shadow: 0 1px 0 #ffffff;
width: 100%;
clear: both;
float: left;
text-align: center;
font-weight: normal;
margin-bottom: 10px;
}
.sry-text {
color: #000000;
font-size: 16px;
font-family: "Roboto Regular";
text-shadow: 0 1px 0 #ffffff;
width: 100%;
clear: both;
float: left;
text-align: center;
font-weight: normal;
line-height: 25px;
}
.div404 {
background: url(../images/404.png) no-repeat center; /*height: 283px; margin: 0 auto; width: 475px;*/
margin: 0 auto;
width: 300px;
height: 179px;
}
.div503 {
background: url(../images/503.png) no-repeat center; /*width: 451px; height: 213px;*/
width: 300px;
height: 142px;
margin: 0 auto; /* margin:0 124px 30px 125px; float:left; */
}
.page-not-authorized {
clear: both;
height: 404px;
margin: 6% auto 0;
position: relative;
text-align: center;
width: 380px;
}
.div-authorized {
background: url(../images/not-authorized.png) no-repeat center top;
height: 80px;
margin: 0 auto;
width: 63px;
}
.settingserror {
color: red;
clear: both;
width: 100%;
float: left; /*margin-bottom: 11px; margin-top: 32px;*/
margin: 5px 0 0 0;
text-align: left;
}
/*#error-set { float:left; width: 100%; clear:both; }*/
.settingssuccess {
color: green;
}
.uploaderror {
clear: both;
float: left;
margin-top: 0;
text-align: left;
width: 100%;
display: none;
color: #ff0000;
}
.uploaderror_profile {
clear: both;
float: left;
margin-top: 0;
text-align: center;
width: 100%;
display: none;
color: #ff0000;
}
.uploaderror_excel {
clear: both;
float: left;
margin-top: 0;
text-align: center;
width: 100%;
display: none;
color: #ff0000;
}
.uploadsuccess_excel {
clear: both;
float: left;
margin-top: 0;
text-align: center;
width: 100%;
display: none;
color: rgb(192, 223, 147);
}
.profile-icon {
background: url(../images/profile-icon.png) no-repeat center;
}
.view-profile {
background-position: center -45px;
width: 100%;
height: 31px;
display: block;
}
.view-profile-hover,
.view-profile:hover,
.profile-tabs-left ul li a:hover .view-profile {
background-position: center 0;
width: 100%;
height: 31px;
display: block;
}
.view-settings {
background-position: center -95px;
width: 100%;
height: 34px;
display: block;
}
.view-settings-hover,
.view-settings:hover,
.profile-tabs-left ul li a:hover .view-settings {
background-position: center -145px;
width: 100%;
height: 34px;
display: block;
}
.view-password {
background-position: center -199px;
width: 100%;
height: 33px;
display: block;
}
.view-password-hover,
.view-password:hover,
.profile-tabs-left ul li a:hover .view-password {
background-position: center -245px;
width: 100%;
height: 33px;
display: block;
}
.view-emailsettings {
background-position: center -282px;
width: 100%;
height: 33px;
display: block;
}
.view-emailsettings-hover,
.view-emailsettings:hover,
.profile-tabs-left ul li a:hover .view-emailsettings {
background-position: center -316px;
width: 100%;
height: 33px;
display: block;
}
.profile-tabs {
float: left;
width: 100%;
}
.profile-tabs-left {
float: left;
width: 150px;
position: relative;
}
.profile-tabs-left ul {
float: left;
width: 150px;
}
.profile-tabs-left ul li {
float: left;
width: 150px;
list-style: none;
min-height: 65px;
padding: 19px 0 9px 0;
position: relative;
}
.profile-tabs-left ul li.now {
border: 1px solid #cfcfcf;
border-right: 0 none;
background-color: #ffffff;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
min-height: 65px;
padding: 18px 0 8px 0;
width: 149px;
position: relative;
}
.profile-tabs-left ul li p {
float: left;
width: 100%;
list-style: none;
text-align: center;
margin-top: 8px;
}
.profile-tabs-left ul li a {
color: #777777;
font-size: 13px;
font-family: "Roboto Regular";
text-shadow: 0 1px 0 #ffffff;
display: block;
width: 100%;
float: left;
text-decoration: none;
}
.profile-tabs-left ul li a:hover,
.profile-tabs-left ul li.now {
color: #208bbd;
text-shadow: 0 1px 0 #ffffff; /* min-height:65px; padding: 13px 0 15px 0;*/
font-size: 13px;
}
.absolute-div {
position: absolute;
width: 2px;
background-color: #ffffff;
height: 91px;
right: -1px;
top: 0px;
}
.profile-tabs-right {
float: left;
width: 74%;
border: 1px solid #cfcfcf;
-webkit-border-radius: 5px;
background-color: #ffffff;
min-height: 370px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0;
border-radius: 5px;
border-top-left-radius: 0;
}
.profile-tabs-right-settings {
float: left;
width: 74%;
border: 1px solid #cfcfcf;
background-color: #ffffff;
min-height: 315px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.profile-tabs-right-password {
float: left;
width: 74%;
border: 1px solid #cfcfcf;
background-color: #ffffff;
min-height: 370px;
-webkit-border-radius: 5px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-bottomleft: 0;
border-radius: 5px;
border-bottom-left-radius: 0;
}
.profile-tabs-right-inside {
float: left;
width: 96%;
margin: 20px 2%;
}
.profile-tabs-right-1 {
float: left;
width: 60%;
border-right: 1px solid #cfcfcf;
min-height: 260px;
}
.profile-tabs-right-1 ul {
float: left;
width: 96%;
list-style: none; /* line-height: 35px; */
margin: 0;
}
.profile-tabs-right-1 ul li {
border-bottom: 1px dotted #cfcfcf;
float: left;
width: 100%;
font-size: 14px;
font-family: "Roboto Regular";
text-shadow: 0 1px 0 #ffffff;
margin-bottom: 8px;
padding-bottom: 8px;
}
.profile-tabs-right-1 ul li label {
float: left;
width: 33%;
color: #3b3b3b;
padding-left: 5px;
text-align: left;
}
.profile-tabs-right-1 ul li span {
float: left;
width: 33%;
color: #727272;
text-align: left;
}
.profile-tabs-right-1 ul li a {
float: left;
width: 30%;
color: #208bbd;
font-size: 13px;
text-decoration: none;
text-align: right;
}
.profile-tabs-right-1 ul li a:hover {
color: #777777;
}
.profile-tabs-right-1 ul li:last-child {
border-bottom: 0 none;
}
.profile-tabs-right-2 {
float: right;
width: 39%;
}
.change-profile-pic-div {
margin: 0 auto;
width: 132px;
}
.change-profile-pic-div img {
margin: 0 0 10px 0;
float: left;
width: 144px;
height: 144px; /*background:url(../images/default-profile-pic.jpg) no-repeat center;*/
}
.chg-img {
margin: 0;
float: left;
width: 132px;
height: 132px;
background: url(../images/default-profile-pic.jpg) no-repeat center;
}
.chg-img img {
width: 130px;
height: 130px;
border: 1px solid #cfcfcf;
}
.org-img {
margin: 0;
float: left;
width: 265px;
height: 40px; /* background:url(../images/logo_default-size.jpg) no-repeat center; */
position: relative;
}
.org-img img {
width: 265px;
height: 40px;
border: 1px solid #cfcfcf;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.change-profile-pic-div span#upload_custom_div {
float: left; /*width:100%;*/
text-align: center;
color: #208bbd;
text-decoration: none;
cursor: pointer !important;
}
.change-profile-pic-div span.upload_custom_div {
float: left; /*width:100%;*/
text-align: center;
color: #208bbd;
text-decoration: none;
cursor: pointer !important;
}
.change-profile-pic-div span:hover {
color: #208bbd;
cursor: pointer;
}
.chg-img-1 {
/*margin:0; float:left; width:132px; height: 132px; background:url(../images/default-profile-pic.jpg) no-repeat center; */
}
.chg-img-1 img {
/* width: 130px; height: 130px; border: 1px solid #CFCFCF; */
}
.upload_set {
margin-top: 14px !important;
}
/*@-moz-document url-prefix() {
.upload_set {margin-top:14px!important}
}*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.upload_set {
margin-top: 13px !important;
}
}
.upload_set_login {
margin-top: 18px !important;
}
.drag-text {
margin: 0;
padding: 0 0 0 25px;
background: url(../images/drag.png) no-repeat left top;
color: #5d5d5d;
font-size: 13px;
font-family: "Roboto Regular";
text-align: left;
line-height: 34px;
float: left;
}
.settings-div {
margin: 0 auto;
width: 173px;
padding: 0;
position: relative;
}
.widgets-div {
margin: 0;
float: left;
width: 86px;
background-color: #a2a2a2;
color: #ffffff;
font-size: 13px;
font-family: "Roboto Regular";
text-align: center;
line-height: 19px;
padding: 7px 0;
cursor: pointer;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.shortcuts-div {
margin: 0;
float: right;
width: 86px;
background-color: #a2a2a2;
color: #ffffff;
font-size: 13px;
font-family: "Roboto Regular";
text-align: center;
line-height: 19px;
padding: 7px 0;
cursor: pointer;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.actvier {
background-color: #208bbd !important;
cursor: default !important;
}
.settings-block {
margin: 0 0 10px 0;
padding: 1%;
float: left;
width: 98%;
background-color: #ffffff;
border: 1px dashed #a2a2a2;
height: 200px;
}
.setting-div {
margin: 2px 10px 3px 0;
float: left;
min-width: 100px;
}
.setting-div input {
float: left;
margin: 3px 8px 0 0;
}
.setting-div img {
float: left;
margin: 0px 8px 0 0;
height: 23px;
width: 23px;
}
.setting-div label {
float: left;
color: #3b3b3b;
font-family: "Roboto Regular";
font-size: 14px;
text-shadow: 0 1px 0 #ffffff;
min-width: 50px;
line-height: 23px;
}
.setting-div a {
float: left;
margin-top: 5px;
margin-left: 3px;
}
.setting-div-1 {
margin: 2px 10px 3px 0;
float: left; /*min-width:100px;*/
}
.setting-div-1 input {
float: left;
margin: 3px 8px 0 0;
}
.setting-div-1 label {
float: left;
color: #3b3b3b;
font-family: "Roboto Regular";
font-size: 14px;
text-shadow: 0 1px 0 #ffffff;
min-width: 50px;
margin-top: 2px;
}
.setting-div-1 a {
float: left;
margin-top: 5px;
margin-left: 3px;
}
.close-1 {
background: url(../images/close-1.png) no-repeat center;
width: 16px;
height: 16px;
}
.save-div {
margin: 10px 0;
float: left; /*width:350px; clear:both;*/
}
.cancel-div {
margin: 10px 0;
float: left; /*width:350px; clear:both;*/
}
.viewlabel {
font-family: "latobold";
width: 150px;
font-size: 13px;
}
.viewvalue {
width: auto;
}
.viewvalue {
width: 375px;
word-wrap: break-word;
font-size: 13px;
}
.view_emp_table .viewvalue {
width: 280px;
word-wrap: break-word;
}
.upload_div {
height: 58px;
width: 310px;
}
.upload_fb_div {
margin-bottom: 7px;
width: 100%;
}
.left_div {
float: left;
width: 132px;
height: 50px;
position: relative;
}
.upload_input {
filter: alpha(opacity=0);
opacity: 0;
width: 80px;
width: 180px\9;
height: 33px;
position: relative;
top: -37px;
float: left;
left: 0px;
cursor: pointer;
}
.upload_button {
font-family: "frutiger_lt_std_47_light_cnBd";
font-size: 15px;
text-align: left;
border: 1px solid #cccccc;
padding: 12px 10px 8px 10px;
background: url(../images/input_field_bg.jpg) repeat-x left top #f5f5f5;
text-shadow: 0px 1px 0px #fff;
display: block;
float: left;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
}
/*.uploadbut{background:url(../images/uploadbutton_new.png) no-repeat; display:block;}
.uploadbutsel{background-position:1px 0; width:181px; height:42px; cursor:pointer; display:block;} */
.uploadbut {
color: #208bbd;
font-family: "Roboto Regular";
font-size: 14px;
text-shadow: 0 1px 0 #ffffff;
border: 1px solid #cfcfcf;
border-top: 0 none;
height: 20px;
text-align: center;
padding: 4px 0;
width: 130px;
/*-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;*/
background: #ffffff;
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9));
background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );*/
}
.uploadbut-org {
color: #208bbd;
font-family: "Roboto Regular";
font-size: 14px;
text-shadow: 0 1px 0 #ffffff;
height: 19px;
text-align: center;
padding: 4px 0;
position: relative; /* top:1px; left:0px; */
width: 265px;
float: left;
text-align: center; /*background-color: #c7c6c6;*/
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
/* width: 200px;*/
border: 1px solid #cfcfcf; /*border-top:0;*/
box-shadow: 0px 0 1px 0px rgba(0, 0, 0, 0.1);
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #ffffff),
color-stop(100%, #e9e9e9)
);
background: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
background: -o-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
background: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );
}
.uploadbut-resume {
color: #208bbd;
font-family: "Roboto Regular";
font-size: 14px;
text-shadow: 0 1px 0 #ffffff;
border: 1px solid #cfcfcf;
height: 20px;
text-align: center;
padding: 4px 0;
width: 130px;
float: left;
background: #ffffff;
/*-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9));
background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );*/
}
/*.upload-attachment {
float: left;
background-color: #e71052;
color: white;
border: none;
cursor: pointer;
line-height: 30px;
padding: 0px 12px;
font-size: 14px;
display: inline-block;
text-decoration: none;
margin-top: 24px;
}*/
.uploadbut-resume b {
margin-left: 10px;
}
.upload-attachment {
background: #fff;
border: 1px solid #cfcfcf;
color: #208bbd !important;
cursor: pointer !important;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
height: 22px;
padding: 5px 10px;
text-align: left;
text-shadow: 0 1px 0 #ffffff;
width: 160px;
}
.upload-attachment img {
padding-right: 11px;
margin: 0 0 0 10px;
}
#upload-file {
width: 150px !important;
}
/*.uploadbutsel:hover{background-position:0px 0px; width:181px; height:42px; cursor:pointer; display:block;}*/
.uploadbutnor {
background-position: 0px 0px;
width: 181px;
height: 42px;
cursor: pointer;
display: block;
}
.photo_cover {
border: solid #eee 4px;
float: right;
width: 50px;
height: 50px;
overflow: hidden;
position: absolute;
left: 674px;
border-radius: 5px;
}
.imgbrdr {
background-color: #208bbd;
margin-right: 20px;
}
#tabContainer {
width: 100% !important;
margin: 5px 0 !important;
padding: 0;
border: 0 !important;
overflow: visible !important; /*overflow: hidden;*/
}
#tabContainer ul.ui-widget-header {
border-left: none !important;
}
#loader {
/*float: left; margin-right: 6px;margin-top: 6px; */
position: absolute; /*left: 301px;*/
left: 202px;
top: 5px;
}
#loader-recent {
/*float: left; margin-right: 6px;margin-top: 6px; */
position: absolute;
left: -31px;
top: 5px;
}
#loader-shortcut {
position: absolute;
left: -30px;
top: -1px;
}
#orgloaderimg {
position: absolute;
right: -34px;
text-align: center;
top: 20px;
width: 26px;
}
#loaderimg {
clear: both;
margin: 0 auto;
width: 50px;
position: absolute;
left: 145px;
top: 5px;
}
#loaderimgprofile {
clear: both;
margin: 0 auto;
width: 126px;
position: absolute;
top: 33px;
}
#loader-report {
left: 40%;
position: absolute;
top: 250px;
}
.loaderimg {
clear: both;
margin: 0 auto;
width: 50px;
position: absolute;
left: 145px;
top: 5px;
}
.loaderimg-candidate {
clear: both;
margin: 0 auto;
width: 50px;
position: absolute;
left: 133px;
top: 5px;
}
/*#loader-1 {position: absolute; left: 294px; top: 42px;}*/
/*Alerts Messages CSS Start */
/*.dashboard_msg .ml-alert-1-success:first-child, .dashboard_msg .ml-alert-1-error:first-child, .dashboard_msg .ml-alert-1-info:first-child { margin-top: 0px;} */
.dashboard_msg .ml-alert-1-success,
.dashboard_msg .ml-alert-1-error,
.dashboard_msg .ml-alert-1-info,
.dashboard_msg.ml-alert-1-warning {
margin-bottom: 10px;
float: left;
}
.newframe-div .ml-alert-1-success,
.newframe-div .ml-alert-1-error,
.newframe-div .ml-alert-1-warning,
.newframe-div .ml-alert-1-info {
width: 745px;
}
.hierarchypopup .ml-alert-1-info {
width: 313px;
}
.ml-alert-1-success {
/*General*/
display: block;
text-decoration: none;
margin: 0 auto 22px auto;
width: 100%; /* margin:0 auto 20px auto; width:80%;*/
/*Text*/
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 300%;
color: rgb(144, 176, 94);
text-align: left;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";
zoom: 1;
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
/*Background*/
background-image: -moz-linear-gradient(
50% 0% -90deg,
rgb(241, 250, 227) 0%,
rgb(237, 248, 218) 100%
);
background-image: -webkit-gradient(
linear,
50% 0%,
50% 100%,
color-stop(0, rgb(241, 250, 227)),
color-stop(1, rgb(237, 248, 218))
);
background-image: -webkit-linear-gradient(
-90deg,
rgb(241, 250, 227) 0%,
rgb(237, 248, 218) 100%
);
background-image: -o-linear-gradient(
-90deg,
rgb(241, 250, 227) 0%,
rgb(237, 248, 218) 100%
);
background-image: -ms-linear-gradient(
-90deg,
rgb(241, 250, 227) 0%,
rgb(237, 248, 218) 100%
);
background-image: linear-gradient(
-90deg,
rgb(241, 250, 227) 0%,
rgb(237, 248, 218) 100%
);
/*width:300px; */
min-width: 250px; /*padding-right: 10px;*/
height: 39px;
border-color: rgb(192, 223, 147);
border-width: 1px;
/* -moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;*/
border-style: solid;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff1fae3,endColorstr=#ffedf8da,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff1fae3,endColorstr=#ffedf8da,GradientType=0);
/* For jurks set */
/* position:absolute; left: 40%; top:-44px; */
z-index: 10;
text-shadow: 0 1px 0 #ffffff;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.ml-alert-1-error {
/*General*/
display: block;
text-decoration: none;
margin: 0 auto 22px auto;
width: 100%;
/*Text*/
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 300%;
color: rgb(166, 101, 108);
text-align: left;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";
zoom: 1;
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
/*Background*/
background-image: -moz-linear-gradient(
13% 0% -90deg,
rgb(255, 241, 241) 0%,
rgb(255, 232, 232) 100%
);
background-image: -webkit-gradient(
linear,
13% 0%,
13% 90%,
color-stop(0, rgb(255, 241, 241)),
color-stop(1, rgb(255, 232, 232))
);
background-image: -webkit-linear-gradient(
-90deg,
rgb(255, 241, 241) 0%,
rgb(255, 232, 232) 100%
);
background-image: -o-linear-gradient(
-90deg,
rgb(255, 241, 241) 0%,
rgb(255, 232, 232) 100%
);
background-image: -ms-linear-gradient(
-90deg,
rgb(255, 241, 241) 0%,
rgb(255, 232, 232) 100%
);
background-image: linear-gradient(
-90deg,
rgb(255, 241, 241) 0%,
rgb(255, 232, 232) 100%
);
min-width: 300px;
height: 39px;
border-color: rgb(243, 173, 179);
border-width: 1px;
/* -moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;*/
border-style: solid;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffff1f1,endColorstr=#ffffe8e8,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffff1f1,endColorstr=#ffffe8e8,GradientType=0);
/* For jurks set */
/*position:absolute; left: 40%; top:-44px;*/
z-index: 10;
text-shadow: 0 1px 0 #ffffff; /*padding-right:10px;*/
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.ml-alert-1-warning {
/*General*/
display: block;
text-decoration: none;
margin: 0 auto 22px auto;
width: 100%;
/*Text*/
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 300%;
color: rgb(151, 145, 97);
text-align: left;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";
zoom: 1;
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
/*Background*/
background-image: -moz-linear-gradient(
13% 0% -90deg,
rgb(255, 253, 241) 0%,
rgb(255, 252, 222) 100%
);
background-image: -webkit-gradient(
linear,
13% 0%,
13% 90%,
color-stop(0, rgb(255, 253, 241)),
color-stop(1, rgb(255, 252, 222))
);
background-image: -webkit-linear-gradient(
-90deg,
rgb(255, 253, 241) 0%,
rgb(255, 252, 222) 100%
);
background-image: -o-linear-gradient(
-90deg,
rgb(255, 253, 241) 0%,
rgb(255, 252, 222) 100%
);
background-image: -ms-linear-gradient(
-90deg,
rgb(255, 253, 241) 0%,
rgb(255, 252, 222) 100%
);
background-image: linear-gradient(
-90deg,
rgb(255, 253, 241) 0%,
rgb(255, 252, 222) 100%
);
width: 300px;
height: 39px;
border-color: rgb(206, 200, 153);
border-width: 1px;
/* -moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;*/
border-style: solid;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffffdf1,endColorstr=#fffffcde,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffffdf1,endColorstr=#fffffcde,GradientType=0);
/* For jurks set */
position: absolute;
left: 40%;
top: -44px;
z-index: 10;
text-shadow: 0 1px 0 #ffffff;
}
.ml-alert-1-info {
/*General*/
display: block;
text-decoration: none;
margin: 0 auto 22px auto;
width: 100%;
/*Text*/
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 300%;
color: #538da1;
text-align: left;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";
zoom: 1;
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
/*Background*/
background-image: -moz-linear-gradient(
50% 0% -90deg,
rgb(229, 243, 249) 0%,
rgb(209, 244, 255) 100%
);
background-image: -webkit-gradient(
linear,
50% 0%,
50% 100%,
color-stop(0, rgb(229, 243, 249)),
color-stop(1, rgb(209, 244, 255))
);
background-image: -webkit-linear-gradient(
-90deg,
rgb(229, 243, 249) 0%,
rgb(209, 244, 255) 100%
);
background-image: -o-linear-gradient(
-90deg,
rgb(229, 243, 249) 0%,
rgb(209, 244, 255) 100%
);
background-image: -ms-linear-gradient(
-90deg,
rgb(229, 243, 249) 0%,
rgb(209, 244, 255) 100%
);
background-image: linear-gradient(
-90deg,
rgb(229, 243, 249) 0%,
rgb(209, 244, 255) 100%
);
/*width:300px;*/
height: 39px;
border-color: rgb(178, 220, 235);
border-width: 1px;
/* -moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;*/
border-style: solid;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5f3f9,endColorstr=#ffd1f4ff,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5f3f9,endColorstr=#ffd1f4ff,GradientType=0);
/* For jurks set */
/*position:absolute; left: 40%; top:-40px;*/
z-index: 10;
text-shadow: 0 1px 0 #ffffff; /* padding-right: 10px; top:50px; position:relative; width:300px;*/
width: 90%;
clear: both;
}
.blank_text .ml-alert-1-info {
width: 100%;
}
/*.m1-info-set, .m1-info-set-1, .m1-info-set-2, .m1-info-set-3 { left:auto !important; top: 50px !important; position:relative !important; margin: 0 auto 20px auto !important; padding-right: 12px; }*/
/*.m1-info-set-1 { left:26% !important; top: -43px !important; width:550px !important; margin: 0 auto !important; padding-right: 12px; }
.m1-info-set-2 { left:auto !important; top: 50px !important; position:relative !important; width:auto !important; margin: 0 auto 20px auto !important; padding-right: 12px; }
.m1-info-set-3 { left:auto !important; top:0px !important; position:relative !important; width:auto !important; margin: 0 auto 20px auto !important; padding-right: 12px; } */
.sch-info-set {
/*width:420px !important; */
margin: 0 auto 20px auto !important;
padding-right: 12px;
}
.set-error-popup {
top: 74px !important;
left: 20% !important;
padding-right: 15px !important;
}
/*.info-set-roles { width:370px !important; margin: 0 auto 20px auto !important; padding-right: 0px; top: -44px; }*/
.ml-alert-1-info a {
color: #3b3b3b;
text-decoration: none;
cursor: pointer;
}
/*.emp-info-set { width:510px !important; margin: 0 auto 20px auto !important; padding-right: 12px; top:50px; position: relative; left:0; }*/
.m1-success-set {
top: 7px !important;
}
.alert-info-set {
height: 50px;
}
.alert-info-set i {
font-style: normal;
float: left;
line-height: 20px;
margin-top: 6px;
width: 90%;
}
#popupmessage .ml-alert-1-error {
position: static !important;
}
.style-1-icon,
.style-1-close {
width: 20px;
height: 20px;
background: url(../images/style-1-sprite.png) no-repeat;
float: left;
margin: 9px 12px;
}
.style-1-close {
background: url(../images/style-1-close-sprite.png) no-repeat;
float: right;
cursor: pointer;
}
.success {
background-position: 0px;
}
.error {
background-position: -20px;
}
.warning {
background-position: -40px;
}
.info {
background-position: -60px;
}
.validemailicon {
background: url(../images/status.png) no-repeat 4px 4px;
padding: 4px 4px 4px 22px;
height: 18px;
}
/*Alerts Messages CSS Ends */
#loaderdragimg {
position: absolute;
right: -34px;
top: 6px;
}
/*Browser CSS*/
.logo_medium {
margin: 45px 0 70px 0;
text-align: center;
}
.white_bg_brs {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 15px 0px #bfbfbf;
box-shadow: 0px 0px 15px 0px #bfbfbf;
min-height: 390px;
width: 788px;
margin: 0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #d8d8d8;
}
.white_bg_brs p {
padding: 50px 20px 50px 20px;
font-family: "frutiger_lt_std_47_light_cnBd";
font-size: 18px;
font-weight: normal;
line-height: 30px;
text-align: center;
}
.brows {
background: url(../images/browsers_button.png) no-repeat;
display: block;
}
.ie {
background-position: 0px 0px;
width: 137px;
height: 160px;
cursor: pointer;
display: block;
}
.firebox {
background-position: -148px 0px;
width: 137px;
height: 160px;
cursor: pointer;
display: block;
}
.safari {
background-position: -296px 0px;
width: 137px;
height: 160px;
cursor: pointer;
display: block;
}
.chrome {
background-position: -445px 0px;
width: 137px;
height: 160px;
cursor: pointer;
display: block;
}
.opera {
background-position: -593px 0px;
width: 137px;
height: 160px;
cursor: pointer;
display: block;
}
.browsdiv {
margin: 0 0 0 30px;
padding: 0 0 0 0;
}
.browsdiv li {
list-style: none;
margin: 0 10px 0 0;
float: left;
}
.attachments-popup {
background-color: #ffffff;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
#AttachmentContainer .heading {
display: none;
}
.new-close-tag {
cursor: pointer;
float: right;
margin-top: 4px;
}
.button-reset {
border: 0 !important;
background: transparent !important;
}
.button-reset span.ui-icon {
top: 0 !important;
left: 0 !important;
}
.dashboard-grid {
float: left;
width: 100%;
margin: 0 0 20px 0;
padding: 0;
clear: both;
}
#AttachmentContainer iframe {
font-family: "Roboto Regular";
height: 460px !important;
width: 100% !important;
border: solid #ffff00 0px;
}
.newtr {
background: #e2e1e1;
border: 1px dashed #333333;
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
body#new-iframe {
background: #ffffff !important;
}
.newframe-div {
float: left;
margin: 10px 16px;
clear: both;
position: relative; /*width:96% !important; width:748px !important;*/
}
.newpop-div {
float: left;
margin: 10px 16px;
clear: both;
position: relative;
width: 745px;
}
.newframe-div .total-form-controller {
margin: 0;
}
/*.total-form-controlle-left{ float:left; width:70%}
.total-form-controlle-right{ float:left; width:30%;}*/
.frame-titlebar {
border-top: 1px solid #bbbbbb;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
height: 29px;
line-height: 23px;
padding: 0.4em 1em;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #ffffff),
color-stop(100%, #ededed)
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
#ffffff 0%,
#ededed 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
#ffffff 0%,
#ededed 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}
.frame-titlebar span {
float: left;
margin: 5px 16px 0.1em 0;
color: #3b3b3b;
font-family: "Roboto Regular";
font-size: 18px;
font-weight: normal;
text-shadow: 0 1px 0 #ffffff;
}
#new-iframe .ui-scrollable-tabs {
border: 0 none !important;
}
#new-iframe .ui-widget-header {
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important ;
}
#new-iframe .ui-tabs-nav {
padding-top: 0;
}
#new-iframe .ui-tabs-nav li a {
border: 1px solid #ffffff;
width: 183px;
}
#new-iframe .ui-tabs-nav li a:active,
#new-iframe .ui-tabs-nav li.ui-state-active a,
#new-iframe .ui-tabs-nav li.ui-state-active a:hover {
border: 1px solid #bbbbbb;
background-color: #ffffff;
border-right: 0;
width: 185px;
}
#new-iframe .ui-tabs-panel {
float: right;
width: 329px;
}
/* New Form Css */
.total-form-controller {
float: left;
margin: 0 0 10px;
padding: 0;
width: 100%;
}
.total-iframe-controller {
float: left;
margin: 0;
padding: 0;
width: 99.7%;
}
/*.new-form-ui{ float: left; padding: 0px; width: 50%; color:#3b3b3b; margin:0; min-height: 55px; min-width:300px; height:85px; position: relative;}*/
.new-form-ui {
float: left;
padding: 0px;
width: 210px;
color: #3b3b3b;
margin: 0 15px 0px 0px; /*height:135px; height:125px;*/
height: 98px;
position: relative;
}
.new-form-ui label,
.grpnamecls label {
font-family: "Roboto Regular", sans-serif;
color: #3b3b3b;
font-size: 13px;
font-weight: normal;
height: auto;
padding: 0;
margin: 0px 0 2px 0;
text-align: left;
float: left;
clear: both;
min-height: 20px;
}
.new-form-ui label input[type="radio"] {
float: left;
}
.new-form-ui label .tooltip {
top: 2px;
position: relative;
}
.new-form-ui label.required:after,
.imp-text {
color: red;
content: " *";
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.new-form-ui .division {
float: left;
padding: 0;
text-align: left;
width: 100%; /* min-width: 295px; */
position: relative;
}
.new-form-ui .division .add-coloum {
float: right;
width: auto;
clear: both;
font-family: "Roboto Regular", sans-serif;
color: #208bbd;
font-size: 12px;
font-weight: normal;
text-align: left;
margin-top: 2px;
cursor: pointer;
margin-right: 10px;
}
.new-form-ui input[type="text"],
.new-form-ui input[type="password"],
.grpnamecls input[type="text"] {
border: 1px solid #c6c6c6;
width: 184px;
float: left;
background-color: #ffffff;
height: 27px;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
color: #828282;
padding: 0 8px; /*-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);*/
text-align: left;
outline: none;
/*-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px; */
}
.announcements_link_new a {
background: url("../images/attachment-icon.png") no-repeat scroll 0 7px;
color: #2980b9;
float: left;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
font-weight: normal;
height: auto;
line-height: 28px;
margin: 0;
text-decoration: none;
overflow: hidden;
padding: 0 0 0 20px;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
width: 250px;
}
.new-form-ui {
/* float: left; */
padding: 0px;
/* width: 210px; */
color: #3b3b3b;
margin: 0 15px 0px 0px;
height: 98px;
position: relative;
text-align: left;
}
/*.new-form-ui .division input:-moz-read-only {
background-color: #f4f4f4;
background-image: none;
cursor: default;
}*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
::i-block-chrome,
.new-form-ui input[type="text"],
.new-form-ui input[type="password"] {
color: #333;
}
}
.new-form-ui-submit {
float: left;
padding: 0px;
width: 100%;
color: #3b3b3b;
margin: 0;
clear: both;
}
.new-form-ui-submit input[type="submit"],
.new-form-ui-submit input[type="button"],
.cancel-set .new-form-ui-submit input[type="submit"],
.cancel-set .new-form-ui-submit input[type="button"],
.create_new_group {
background-color: #208bbd;
border: 1px solid #208bbd;
/* -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
/*height: 26px;*/
padding: 3px 10px 4px 10px;
font-size: 14px;
/* text-shadow: 0 1px 0 #006391;*/
font-family: "Roboto Regular", sans-serif;
color: #ffffff;
/* -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);*/
cursor: pointer;
float: left;
margin-right: 10px;
/* text-transform: uppercase;*/
outline: 0;
line-height: 20px;
margin-top: 0 !important;
}
.disabled-input input[type="text"] {
background-color: #f4f4f4;
cursor: default;
}
input[type="button"].rating_help_txt {
background: url(../images/rating_help.png) 3px center transparent no-repeat;
padding-left: 24px;
border: none;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5) inset;
text-shadow: 0 0 0 #fff;
color: #ea7c2e;
text-transform: none;
margin-right: 0px;
padding-right: 0px;
}
.new-form-ui-submit button#subbutton,
.new-form-ui-submit button#submitbuttons,
.new-form-ui-submit button#pdf,
.new-form-ui-submit button#previewreport,
.new-form-ui-submit button#submit,
.new-form-ui-submit #idbtn_discard,
.subbutton {
/*background-color: #208bbd; border:1px solid #208bbd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
height:26px; padding:3px 10px 4px 10px; font-size: 14px; text-shadow: 0 1px 0 #006391; font-family: 'Roboto Regular', sans-serif; color:#ffffff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
cursor: pointer; float:left; margin-right:10px; text-transform: uppercase; outline: 0; line-height: 20px; margin-top: 0 !important;*/
background-color: #208bbd;
border: 1px solid #208bbd;
/* -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
/*height: 26px;*/
padding: 3px 10px 4px 10px;
font-size: 14px;
/* text-shadow: 0 1px 0 #006391;*/
font-family: "Roboto Regular", sans-serif;
color: #ffffff;
/* -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);*/
cursor: pointer;
float: left;
margin-right: 10px;
/* text-transform: uppercase;*/
outline: 0;
line-height: 20px;
margin-top: 0 !important;
}
.new-form-ui-submit button {
background: none transparent;
border: 0 none;
box-shadow: none;
color: #353535;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
margin: 11px 0 0 0;
padding: 0;
text-shadow: none;
float: left;
text-transform: capitalize;
cursor: pointer;
line-height: 19px;
margin: 3px 0;
}
.new-form-ui-multi button.inputclear,
.new-form-ui button.inputclear,
.new-form-ui-report button.inputclear {
background: none transparent;
border: 0 none;
box-shadow: none;
color: #208bbd;
text-decoration: none;
font-family: "Roboto Regular", sans-serif;
font-size: 12px;
margin: 0px 0px 0 10px;
padding: 0;
text-shadow: none;
float: left;
text-transform: capitalize;
cursor: pointer;
line-height: 19px;
}
.new-form-ui button.inputclear:hover {
text-decoration: none;
}
.new-form-ui .division .textarea-data-show {
padding: 0;
text-align: left;
width: 183px;
float: left;
color: #828282;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
word-wrap: break-word;
}
.new-form-ui textarea,
.appri_textarea,
.textarea_two_appri,
.appri_textarea_new {
border: 1px solid #c6c6c6;
width: 184px;
float: left;
background-color: #ffffff;
height: 40px;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
color: #333 !important; /*padding:6px 8px;*/
padding: 3px 8px;
resize: none;
line-height: 20px;
outline: none;
overflow-y: auto;
margin: 0;
/*-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;*/
}
.table-textarea textarea {
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
border: 1px solid #c6c6c6;
padding: 4px;
color: #333 !important;
}
.table-textarea textarea:hover {
border: 1px solid #c6c6c6;
}
.requisition-table .new-form-ui textarea,
.requisition-table .appri_textarea,
.requisition-table .textarea_two_appri {
width: 85%;
}
.employee_appraisal-table textarea.appri_textarea,
.employee_appraisal-table textarea.appri_textarea_new {
background: #fff;
cursor: auto;
width: 87%;
}
.new-form-ui .division .version-display {
border: 1px solid #c6c6c6;
width: 184px;
float: left;
background-color: #f4f4f4;
height: 22px;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
color: #828282;
padding: 5px 8px 0 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
text-align: left;
outline: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.manditory {
color: #ff0000;
font-weight: normal;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.new-form-ui .division label {
float: left;
margin: 0 10px 0 0;
clear: right !important;
}
.new-form-ui-1 {
float: left;
padding: 0px;
width: 210px;
color: #3b3b3b;
margin: 0 15px 10px 0px; /*height:135px; */
min-height: 125px;
position: relative;
}
.new-form-ui-1 label {
font-family: "Roboto Regular", sans-serif;
color: #3b3b3b;
font-size: 13px;
font-weight: normal;
height: auto;
padding: 0;
margin: 0px 0 2px 0;
text-align: left;
float: left;
clear: both;
min-height: 20px;
}
.new-form-ui-1 .division {
float: left;
padding: 0;
text-align: left;
width: 100%; /* min-width: 295px; */
position: relative;
}
#uploaded-file-name-span {
float: left; /* width: 100%; clear: both; */
margin-top: 4px;
color: #828282;
font-size: 13px;
margin-left: 15px;
}
#uploaded-file-name-span a,
.upload-file-display a {
color: #208bbd;
text-decoration: none;
}
#delete-resume {
float: left;
margin-left: 10px;
margin-top: 4px;
cursor: pointer;
}
/*.new-form-ui-multi{ float: left; padding: 0px; width: 50%; color:#3b3b3b; margin:0 0 24px 0; min-width:300px; min-height:55px; position: relative;}*/
.new-form-ui-multi {
float: left;
padding: 0px;
width: 210px;
color: #3b3b3b;
margin: 0 15px 0px 0px;
min-height: 100px;
position: relative;
height: auto;
}
.new-form-ui-multi label {
font-family: "Roboto Regular", sans-serif;
color: #3b3b3b;
font-size: 13px;
font-weight: normal;
height: auto;
padding: 0;
margin: 0px 0 2px 0;
text-align: left;
float: left; /*width:100%; min-width: 225px;*/
clear: both;
min-height: 20px;
}
.new-form-ui-multi label .tooltip {
top: 2px;
position: relative;
}
.new-form-ui-multi label.required:after {
color: red;
content: " *";
}
.new-form-ui-multi .division {
float: left;
padding: 0;
text-align: left;
width: 100%;
position: relative;
}
.new-form-ui-multi .division .add-coloum {
float: left; /* width:100%; */
clear: both;
font-family: "Roboto Regular", sans-serif;
color: #208bbd;
font-size: 12px;
font-weight: normal;
text-align: left;
margin-top: 2px;
cursor: pointer;
}
.new-form-ui-multi input[type="text"] {
border: 1px solid #c6c6c6;
width: 273px;
float: left;
background-color: #ffffff;
height: 26px;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #828282;
padding: 0 8px; /*-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);*/
line-height: 26px;
text-align: left;
outline: none;
/*-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;*/
}
.id-text label {
color: #208bbd !important;
text-transform: capitalize;
margin-right: 30px !important;
}
.id-text label input[type="checkbox"] {
margin: 0 6px 0 0;
padding: 0;
position: relative;
top: 2px;
}
/*.new-form-ui-multi-1{ float: left; padding: 0px; width: 50%; color:#3b3b3b; margin:0; min-width:300px; min-height:55px; position: relative;}
.new-form-ui-multi-1{ float: left; padding: 0px; width: 200px; color:#3b3b3b; margin:0 20px 0px 0px; min-height:110px; position: relative;}
.new-form-ui-multi-1 label { font-family: 'Roboto Regular',sans-serif; color: #3b3b3b; font-size: 14px; font-weight: normal; height: auto; padding:0; margin:0px 0 8px 0; text-align: left; float :left; clear: both;}
.new-form-ui-multi-1 label .tooltip { top:2px; position: relative; }
.new-form-ui-multi-1 label.required:after { color: red; content: " *"; }
.new-form-ui-multi-1 .division { float: left; padding: 0; text-align: left; width: 100%; position: relative; }
.new-form-ui-multi-1 input[type="text"]{border: 1px solid #c6c6c6; width:273px; float: left; background-color: #ffffff; height:26px; font-family: 'Roboto Regular',sans-serif; font-size: 13px; color: #828282;
padding:0 8px; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); line-height:26px; text-align:left; outline:none;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }*/
/*.cancel-set .new-form-ui-submit button { background-color: #208bbd; border:1px solid #006391;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:26px; padding:3px 10px 4px 10px; font-size: 14px; text-shadow: 0 1px 0 #006391; font-family: 'Roboto Regular', sans-serif; color:#ffffff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); cursor: pointer; float:left; margin-right:10px; text-transform: uppercase; outline: 0; line-height: 19px; } */
.action-to-page {
position: absolute;
right: 83px;
top: 24px;
}
.action-to-page a {
color: #208bbd;
text-decoration: none;
}
.back-to-page {
position: absolute;
right: 0;
top: 16px;
}
.back-to-page input[type="submit"],
.back-to-page input[type="button"] {
background-color: #208bbd;
border: 1px solid #006391;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 26px;
padding: 3px 10px 4px 10px;
font-size: 14px;
text-shadow: 0 1px 0 #006391;
font-family: "Roboto Regular", sans-serif;
color: #ffffff;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
cursor: pointer;
float: right;
margin-right: 10px;
text-transform: uppercase;
outline: 0;
line-height: 20px;
}
.action-to-page-1 {
position: absolute;
right: 0px;
top: 24px;
}
.action-to-page-1 a {
color: #208bbd;
text-decoration: none;
}
.data-view-details {
clear: both;
}
.form-ui,
.short-ui {
margin: 0;
width: 50%;
min-width: 339px;
padding: 10px 0px;
float: left;
border-bottom: 1px solid #cccccc;
min-height: 19px;
}
.form-ui label,
.short-ui label {
float: left;
width: 160px;
padding-left: 10px;
text-align: left;
color: #000000;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
clear: none;
margin: 0 10px 0 0;
}
.form-ui label b,
.short-ui label b {
float: right;
font-weight: normal;
}
.form-ui .division,
.short-ui .division {
float: left; /* width:155px; */
width: 175px;
text-align: left;
color: #3b3b3b;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
word-wrap: break-word;
height: 20px;
overflow: hidden;
}
.bg-form {
background-color: #f4f4f4;
}
.form-ui:last-child,
.short-ui:last-child {
border-bottom: 0 none;
}
/*.form-ui .division { float: left; padding: 0; text-align: left; width: 100%; min-width: 295px; position: relative; }*/
.form-ui .division .date-input input[type="text"] {
border: 1px solid #c6c6c6;
width: 155px;
float: left;
background-color: #ffffff;
height: 32px;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #828282;
padding: 0 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
line-height: 30px;
text-align: left;
outline: none;
}
.short-ui a {
color: #1f8abc;
text-decoration: none;
}
.pop-ui {
margin: 0;
width: 364px;
padding: 10px 0px;
float: left;
border-bottom: 1px solid #cccccc;
min-height: 19px;
}
.pop-ui label {
float: left; /* width:143px; */
width: 140px;
padding-left: 5px;
text-align: left;
color: #000000;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
clear: none;
margin: 0 10px 0 0;
word-wrap: break-word;
}
.pop-ui label b {
float: right;
font-weight: normal;
}
.pop-ui .division {
float: left; /* width:199px; */
width: 202px;
text-align: left;
color: #3b3b3b;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
word-wrap: break-word;
}
.pop-ui a {
color: #208bbd;
text-decoration: none;
}
.pop-ui-1 {
margin: 0;
width: 100%;
padding: 10px 0px;
float: left;
border-bottom: 1px solid #cccccc;
min-height: 19px;
word-wrap: break-word;
}
.pop-ui-1 label {
float: left;
width: 18%;
padding-left: 10px;
text-align: left;
color: #000000;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
clear: none;
margin: 0 10px 0 0;
word-wrap: break-word;
}
.pop-ui-1 label b {
float: right;
font-weight: normal;
}
.pop-ui-1 .division {
float: left;
width: 75%;
text-align: left;
color: #3b3b3b;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
word-wrap: break-word;
}
.pop-ui-1 a {
color: #208bbd;
text-decoration: none;
}
.form-ui-full,
.short-ui-full {
margin: 0;
width: 100%;
padding: 10px 0px;
float: left;
border-bottom: 1px solid #cccccc;
}
.form-ui-full label,
.short-ui-full label {
float: left;
width: 10%;
min-width: 160px;
padding-left: 5px;
text-align: left;
color: #000000;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
margin: 0 15px 0 0;
}
.form-ui-full label b,
.short-ui-full label b {
float: right;
font-weight: normal;
}
.form-ui-full .division,
.short-ui-full .division {
float: left;
width: 89%;
text-align: left;
color: #3b3b3b;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
word-wrap: break-word;
}
.form-ui-full:last-child,
.short-ui-full:last-child {
border-bottom: 0 none;
}
.short-ui-full-1 {
margin: 0;
width: 100%;
padding: 10px 0px;
float: left;
border-bottom: 1px solid #cccccc;
}
.short-ui-full-1 label {
float: left;
min-width: 10% !important;
min-width: 160px;
padding-left: 5px;
text-align: left;
color: #000000;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
margin: 0 15px 0 0;
}
.short-ui-full-1 label b {
float: right;
font-weight: normal;
}
.short-ui-full-1 .division1 {
float: left;
min-width: 57% !important;
text-align: left;
color: #3b3b3b;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
word-wrap: break-word;
}
.short-ui-full-1:last-child {
border-bottom: 0 none;
}
.requ-action {
color: #208bbd;
cursor: pointer;
}
/*.company-info { margin:0; width:100%; padding:10px 0px; float: left; border-bottom: 1px solid #e9e9e9; }
.company-info label { float:left; width:40%; text-align: left; color: #000000; font-size: 14px; font-family: 'Roboto Regular',sans-serif; padding-left:10px; }
.company-info label b{ float:right; font-weight:normal; }
.company-info span { float:right; width:53%; text-align: left; color: #3b3b3b; font-size: 14px; font-family: 'Roboto Regular',sans-serif; }
*/
.exp-textarea {
border: 1px solid #c6c6c6;
width: 273px;
float: left;
background-color: #ffffff;
height: 35px;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #828282;
padding: 5px 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
resize: none;
line-height: 20px;
outline: none;
overflow-y: auto;
}
.employee_appraisal_details_full .exp-textarea {
width: 210px;
}
.employee_appraisal-table .exp-textarea {
width: 82%;
}
.separetor-heading {
margin: 0 0 10px 0;
padding: 0;
clear: both;
width: 100%;
float: left;
font-family: "Roboto Medium", sans-serif;
font-size: 15px;
color: #333333;
text-shadow: 0 1px 0 #ffffff;
text-align: left;
/*border-bottom: 1px dashed #898989;*/
text-transform: uppercase;
}
.separetor-heading span.required:after {
color: #ff0000;
content: " *";
}
.separetor-heading_radio {
margin: 10px 0 20px 0;
padding: 0 0 5px 0;
clear: both;
width: 100%;
float: left;
font-family: "Roboto Regular", sans-serif;
font-size: 16px;
color: #3b3b3b;
text-shadow: 0 1px 0 #ffffff;
text-align: left;
border-bottom: 1px dashed #898989;
}
.separetor-heading-pop {
margin: 0;
padding: 0 0 10px 0;
clear: both;
width: 100%;
float: left;
font-family: "Roboto Medium", sans-serif;
font-size: 15px;
color: #333333;
text-shadow: 0 1px 0 #ffffff;
text-align: left;
text-transform: uppercase;
background-color: #ffffff;
}
.separetor-heading-pop-1 {
margin: 0;
padding: 0;
clear: both;
width: 100%;
float: left;
font-family: "Roboto Medium", sans-serif;
font-size: 15px;
color: #333333;
text-shadow: 0 1px 0 #ffffff;
text-align: left;
text-transform: uppercase;
background-color: #ffffff;
}
.separetor-heading-candidate {
margin: 0 0 1px 0;
padding: 0;
clear: both;
width: 100%;
float: left;
font-family: "Roboto Medium", sans-serif;
font-size: 15px;
color: #333333;
text-shadow: 0 1px 0 #ffffff;
text-align: left;
text-transform: uppercase;
}
.new-form-ui-line {
float: left;
padding: 0px;
width: 100%;
color: #3b3b3b;
margin: 0 0 20px 0;
min-width: 340px;
position: relative;
text-align: left;
clear: both;
}
.add-more-form {
cursor: pointer;
margin: 10px 0;
padding: 0;
clear: both;
width: 100%;
float: left;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #248fc1;
text-shadow: 0 1px 0 #ffffff;
text-align: right;
}
.add-more-form-1 {
cursor: pointer;
margin: 0;
padding: 0;
clear: both;
float: right;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #248fc1;
text-shadow: 0 1px 0 #ffffff;
text-align: right;
}
.employee-pic {
float: left;
width: 130px;
height: 130px; /*margin-bottom: 20px; */
}
.employee-pic img {
border: 1px solid #cfcfcf;
width: 128px;
height: 128px;
float: left;
}
.employee-pic-emp {
float: left;
width: 130px; /* height: 130px; margin-bottom: 20px; */
}
.employee-pic-emp img {
border: 1px solid #cfcfcf;
width: 128px;
height: 128px;
float: left;
}
.employee-pic-height {
height: 150px !important;
}
.top-border {
border-top: 1px dashed #898989;
padding-top: 10px;
}
.employee-pic-popup-frame {
float: left;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 335px;
}
.employee-pic-popup-ctrl {
width: 104px;
float: left; /* margin-right:15px; margin-bottom:15px; */
}
.employee-pic-popup {
float: left;
width: 90px;
min-height: 140px;
}
.employee-pic-popup img {
border: 1px solid #cfcfcf;
width: 88px;
height: 88px;
float: left;
}
.employee-pic-popup span {
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
color: #3b3b3b;
}
.emp-position-set {
float: left;
width: 100%;
clear: both;
margin-bottom: 10px;
margin-top: -10px;
}
.emp-position-set b.emp-te {
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
color: #3b3b3b;
float: left;
margin-top: 5px;
font-weight: normal;
margin-right: 10px;
}
/* New Css 01-08-2013 */
.full-page {
background: #eeeeee;
border-radius: 5px 5px 5px 5px;
float: right;
margin: 0 0 50px;
min-height: 950px;
position: relative;
width: 100%;
}
.upload-link {
float: left;
width: 100%;
clear: both;
text-align: left;
color: #3b3b3b;
text-shadow: 0 1px 0 #ffffff;
}
.upload-link a {
color: #208bbd;
text-decoration: none;
font-family: "Roboto Medium", sans-serif;
font-size: 15px;
text-transform: uppercase;
}
.upload-link a.act,
.upload-link a:hover {
color: #333333;
}
.upload-link a.act {
color: #333333;
cursor: default;
}
/* company-info Css */
.company-info input[type="text"] {
border: 1px solid #c6c6c6;
width: 273px;
float: left;
background-color: #ffffff;
height: 32px;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #afafaf;
padding: 0 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
line-height: 30px;
text-align: left;
outline: none;
}
.company-info textarea {
border: 1px solid #c6c6c6;
width: 273px;
float: left;
background-color: #ffffff;
height: 80px;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #afafaf;
padding: 10px 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
resize: none;
line-height: 20px;
outline: none;
overflow-y: auto;
}
.edit-btn {
margin: 0 0 10px 0;
clear: both;
float: right;
width: 100%;
border-bottom: 1px dotted #d8d8d8;
padding-bottom: 5px;
}
.edit-btn a {
float: right;
background-color: #208bbd;
border: 1px solid #006391;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; /* height: 26px; */
padding: 3px 10px 4px 10px;
font-size: 14px;
text-shadow: 0 1px 0 #006391;
font-family: "Roboto Regular", sans-serif;
color: #ffffff;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
cursor: pointer;
margin-right: 10px;
text-transform: uppercase;
outline: 0;
line-height: 20px;
margin-top: 0 !important;
text-decoration: none;
}
.company-heading {
margin: 20px 0 15px 0;
width: 100%;
padding: 0 0 10px 0;
float: left;
text-align: left;
color: #3b3b3b;
font-size: 16px;
font-family: "Roboto Regular", sans-serif;
clear: both;
text-transform: uppercase;
border-bottom: 1px solid #989898;
text-shadow: 0 1px 0 #ffffff;
}
.company-decription {
margin: 10px 0 0 0;
width: 100%;
padding: 0 0 10px 0;
float: left;
}
.company-decription label {
float: left;
text-align: left;
color: #3b3b3b;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
clear: both;
width: 100%;
margin-bottom: 10px;
}
.company-decription span {
float: left;
text-align: left;
color: #727272;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
clear: both;
width: 100%;
}
.company-decription textarea {
border: 1px solid #c6c6c6;
width: 98%;
min-width: 651px;
float: left;
background-color: #ffffff;
height: 80px;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #afafaf;
padding: 10px 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
resize: none;
line-height: 20px;
outline: none;
overflow-y: auto;
}
.company-info-block .total-form-controller .company-info {
border-bottom: 0;
}
.company-info-block,
.requisitions-block {
margin: 0;
clear: both;
padding: 1%;
float: left;
width: 98%;
border: 1px solid #cfcfcf;
background-color: #ffffff; /* min-height:315px; */
}
.heading-name {
font-family: "PTSansbold", sans-serif;
font-size: 16px;
color: #000000;
text-align: left;
border-bottom: 1px dotted #d8d8d8;
padding-bottom: 10px;
float: left;
width: 100%;
clear: both;
margin-bottom: 15px;
}
.heading-name-1 {
font-family: "PTSansbold", sans-serif;
font-size: 15px;
color: #000000;
text-align: left;
border-bottom: 1px dotted #d8d8d8;
padding-bottom: 10px;
float: left;
width: 100%;
clear: both;
margin-bottom: 15px;
text-transform: uppercase;
text-shadow: 0 1px 0 #ffffff;
}
.edit-text {
margin: 0 0 10px 0;
clear: both;
float: right;
width: 100%;
text-align: right;
position: absolute;
top: -34px;
}
.edit-text a {
color: #208bbd;
text-decoration: none;
}
.organisation-info-block {
float: left;
width: 100%;
clear: both;
margin-bottom: 20px;
}
.organisation-logo {
float: left;
width: 20%;
min-width: 280px;
max-width: 290px; /*text-align:left; background: url(../images/org-logo.jpg) no-repeat center top;*/
height: 80px;
max-height: 150px;
margin-top: 10px;
overflow: hidden;
text-align: left;
}
.organisation-logo img {
text-align: left; /*margin:15px auto 0 auto; */
width: 206px;
padding-right: 30px; /*width:130px; height: 75px; */
}
.organisation-text {
text-align: left;
font-size: 14px;
color: #3b3b3b;
line-height: 26px;
padding-top: 20px; /*float:right; width: 84%; min-width: 475px; */
}
.organisation-text a {
color: #208bbd;
clear: both; /* float:right; width: 100%;*/
text-align: right;
text-decoration: none;
padding-left: 7px;
font-weight: normal;
font-size: 13px;
}
.more-icon {
width: 6px;
height: 8px;
background: url(../images/more.png) no-repeat center center;
padding: 1px 5px 3px 5px;
}
.less-icon {
width: 6px;
height: 8px;
background: url(../images/less.png) no-repeat center center;
padding: 1px 5px 3px 5px;
}
.domain-more {
color: #208bbd;
clear: both;
text-align: right;
text-decoration: none;
padding-left: 7px;
font-weight: normal;
font-size: 13px;
}
.more-org {
color: #208bbd;
clear: both;
float: right;
width: 100%;
text-align: right;
}
.more-org a {
color: #208bbd;
text-decoration: none;
}
.organisation-text b#so_on {
font-weight: normal;
}
.org-address-block {
float: left;
width: 100%;
clear: both;
margin-bottom: 20px;
}
.td-1 {
background-color: #f6f6f6;
width: 40%;
min-width: 360px;
padding: 0;
}
.td-2 {
background-color: #eeeeee;
width: 60%;
min-width: 310px;
padding: 0;
display: table-cell;
vertical-align: top;
}
.company-info {
margin: 0;
width: 100%;
padding: 10px 0px;
float: left;
border-bottom: 1px solid #e9e9e9;
}
.company-info label {
float: left;
width: 40%;
text-align: left;
color: #000000;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
padding-left: 10px;
}
.company-info label b {
float: right;
font-weight: normal;
}
.company-info span {
float: right;
width: 52%;
word-wrap: break-word;
text-align: left;
color: #3b3b3b;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
padding-right: 10px;
}
.company-info span a {
color: #208bbd;
text-decoration: none;
text-align: left;
}
.manage-info {
margin: 0;
width: 98%;
padding: 10px 1%;
float: left;
border-bottom: 1px solid #e9e9e9;
background-color: #f6f6f6;
text-align: left;
line-height: 24px;
}
.manage-info label {
float: left;
width: 20%;
text-align: left;
color: #000000;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
padding-left: 10px;
}
.manage-info label b {
float: right;
font-weight: normal;
}
.manage-info span {
float: right;
width: 75%;
text-align: left;
color: #3b3b3b;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
padding-left: 10px;
padding-right: 10px;
}
.manage-info u {
font-weight: normal;
font-family: "PTSansbold", sans-serif;
font-size: 15px;
text-shadow: 0 1px 0 #ffffff;
color: #333333;
text-decoration: none;
}
.manage-info a {
color: #208bbd;
clear: both; /* float:right; width: 100%; */
text-align: right;
text-decoration: none;
padding-left: 7px;
}
.manage-info b {
font-weight: normal;
}
.alter-div {
background-color: #fdfdfd;
}
.address-map-total {
position: relative;
width: 100%;
clear: both;
height: 100%;
float: left;
overflow: hidden;
}
.address-hide-show {
position: absolute;
top: 8px;
right: 2px;
cursor: pointer;
z-index: 9;
}
.address-hide-show span {
background-color: #ffffff;
padding: 3px 10px;
box-shadow: 0 0 2px 0px #999999;
margin: 0px;
color: #666666;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
}
.address-hide-show span:hover {
background-color: #f5f5f5;
color: #000000;
}
.add-main {
color: #000000 !important;
}
.org-address-control {
position: relative;
width: 100%;
clear: both;
z-index: 8;
float: left;
}
.address-text {
float: left;
width: 98%;
margin-left: 2%;
clear: both;
color: #000000;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
margin-top: 12px;
}
.address-block {
float: left;
width: 98%;
clear: both;
border-bottom: 1px dotted #cfcfcf;
color: #3b3b3b;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
padding-bottom: 10px;
margin: 10px 1% 0 1%;
line-height: 24px;
}
.address-block div {
padding-left: 20px;
}
.address-block:last-child {
border-bottom: 0 none;
}
#mapDiv {
/*background:url(../images/mapview.jpg) no-repeat left top;*/
background-size: cover;
width: 100%;
min-height: 479px;
padding: 0 !important;
margin: 0 !important;
}
#menu_accordion .ui-icon {
top: 20px !important; /*margin-top: 0 !important; */
}
#menu_accordion .child_level {
margin-top: -16px !important;
margin-left: -24px !important;
}
#formid {
float: left;
width: 100%;
clear: both;
line-height: normal;
position: relative;
}
#formid ul li {
list-style: none; /*line-height: normal; padding-top: 8px; padding-bottom: 8px;*/
}
#accordion {
width: 100%;
clear: both;
}
#menu_accordion {
width: 100%;
clear: both;
background-color: #f7f7f7;
float: left;
margin-bottom: 10px;
}
#menu_accordion .ui-widget-content {
background-color: transparent !important;
border: 0 none !important;
}
.right-block-data #menu_accordion {
background-color: transparent !important;
}
.header_class {
clear: both;
float: left;
padding-bottom: 11px !important;
padding-top: 9px !important; /* width: 100%; */
min-width: 200px;
background-color: transparent !important;
border: 0 none !important;
}
.header_class_one {
clear: both;
float: left;
padding-bottom: 11px !important; /* width: 100%; */
min-width: 200px;
background-color: transparent !important;
border: 0 none !important;
}
.header_classnone {
clear: both;
float: left;
padding-bottom: 11px !important;
padding-top: 9px !important; /* width: 100%;*/
min-width: 200px;
}
.menu_heading1 {
float: left; /* width: 250px; */
margin-left: 25px; /* margin-top: 11px; */
color: #1f8abc;
}
.menu_heading2 {
float: left; /* width: 250px; */
}
.menu_heading3 {
float: left; /* width: 250px; */
}
.menu_heading4 {
float: left; /* width: 250px; */
margin-left: 0px;
margin-top: 0px;
}
.menu_heading5 {
float: left; /* width: 250px; */
margin-left: 25px;
margin-top: 0px;
}
.cls_checkboxes {
float: left;
margin-top: 2px;
}
.cls_menuname {
float: left;
font-size: 13px;
font-family: "Roboto Regular", sans-serif;
overflow: hidden;
text-align: left; /* width: 200px; */
margin-left: 3px;
}
.contentdiv {
float: left;
width: 100%;
clear: both;
}
.cls_radiobuttons_div {
float: left; /*width: 100%; clear: both; */
}
.configure-site-div {
text-align: left;
}
/*.rad_block_one { float:left; width: 158px; border-right:1px solid #c3c3c3; margin-right: 10px; }
.rad_block_two { float:left; width: 160px; }*/
.permission_div {
float: left;
margin: 0 10px 0 0; /*clear:both; width:160px;*/
width: 145px;
}
.permission_radio_div {
float: left;
margin: 0px 5px; /* clear: both; */
}
.cls_radiobuttons_rd {
float: left;
margin: 6px 2px;
padding: 0;
}
.permission_div_brdr {
border-right: 1px solid #c3c3c3;
}
.header_class_onenone {
float: left;
width: 90%;
clear: both;
margin-bottom: 10px;
}
.chlist_one {
float: left;
width: 90% !important;
clear: both;
margin-left: 55px !important;
}
.tree_level_ui {
float: left;
clear: both;
width: 90%;
margin-left: 25px;
}
.tree_level_ui li {
float: left;
clear: both;
margin-left: 5px;
margin-bottom: 11px;
list-style: none;
line-height: 16px;
}
.cls_radiobuttons_div {
background-color: #fdfdfd;
border: 1px dotted #898989;
float: left;
clear: both;
padding: 10px;
margin: 10px 0 10px 23px;
position: relative; /* width:341px;*/
width: 312px;
/* -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; */
}
.arrow_img_cls {
background: url(../images/arrow_img_cls.png) no-repeat left top;
width: 16px;
height: 12px;
position: absolute;
top: -12px;
}
.header_class .cls_radiobuttons_div {
margin-left: 55px !important;
}
.header_class_one .cls_radiobuttons_div {
margin-left: 23px !important;
}
.header_classnone .cls_radiobuttons_div {
margin-left: 50px !important;
}
.radio_titles,
.radio_value_name {
font-size: 13px;
font-family: "Roboto Regular", sans-serif;
float: left;
margin-top: 4px;
font-size: 13px;
color: #228dbf;
}
/*
.confige-sprite { background:url(../images/configure-site-sprite.png); }
.site-config-icon { background-position: 0 0; background-repeat:no-repeat; float:left; height:29px; padding: 2px 15px 0 35px; margin-left: 10px; margin-top: 4px;}
.site-config-icon:hover, .site-config-icon-selected { background-position: 0 -33px; background-repeat:no-repeat; float:left; height:29px; padding: 2px 15px 0 35px; margin-left: 10px; margin-top: 4px;}
.manage-icon { background-position: 0 -68px; background-repeat:no-repeat; float:left; height:29px; padding: 2px 15px 0 35px; margin-top: 4px;}
a:hover.man-hover, .manage-icon:hover, .manage-icon-selected{ background-position: 0 -101px; background-repeat:no-repeat; float:left; height:29px; padding: 2px 15px 0 35px; margin-top: 4px;}
.prefi-icon { background-position: 0 -137px; background-repeat:no-repeat; float:left; height:29px; padding: 2px 15px 0 35px; margin-left: 10px; margin-top: 4px;}
a:hover.prefi-icon, .prefi-icon:hover, .prefi-icon-selected { background-position: 0 -173px; background-repeat:no-repeat; float:left; height:29px; padding: 2px 15px 0 35px; margin-left: 10px; margin-top: 4px; }
*/
.confige-sprite {
background: url(../images/configure-site-sprite.png);
}
.site-config-icon {
background-position: center 0;
background-repeat: no-repeat;
float: left;
height: 33px;
width: 100%;
}
.site-config-icon:hover,
.site-config-icon-selected,
.confi-menu ul li a:hover .site-config-icon {
background-position: center -45px;
background-repeat: no-repeat;
float: left;
height: 33px;
width: 100%;
}
.manage-icon {
background-position: center -89px;
background-repeat: no-repeat;
float: left;
height: 33px;
width: 100%;
}
a:hover.man-hover,
.manage-icon:hover,
.manage-icon-selected,
.confi-menu ul li a:hover .manage-icon {
background-position: center -134px;
background-repeat: no-repeat;
float: left;
height: 33px;
width: 100%;
}
.prefi-icon {
background-position: center -180px;
background-repeat: no-repeat;
float: left;
height: 33px;
width: 100%;
}
a:hover.prefi-icon,
.prefi-icon:hover,
.prefi-icon-selected,
.confi-menu ul li a:hover .prefi-icon {
background-position: center -228px;
background-repeat: no-repeat;
float: left;
height: 33px;
width: 100%;
}
.confi-menu {
float: left;
width: 100%;
clear: both;
margin: 0;
}
.confi-menu ul {
float: left;
width: 100%;
clear: both;
margin: 0;
}
.confi-menu ul li {
float: left;
margin: 0 2px 0 0;
padding: 0;
list-style: none;
font-family: "Roboto Regular", sans-serif;
font-size: 15px;
position: relative;
height: 72px;
z-index: 10;
}
.confi-menu ul li p {
float: left;
width: 100%;
list-style: none;
text-align: center;
margin: 0px;
}
.confi-menu ul li a {
color: #727171;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
float: left;
padding: 9px 20px;
border: 1px solid #eeeeee;
border-bottom: 0;
}
.confi-menu ul li a:hover {
border: 1px solid #eeeeee;
border-bottom: 0;
color: #208bbd;
text-shadow: 0 1px 0 #ffffff;
text-decoration: none;
}
.confi-menu ul li a.selected {
border: 1px solid #bbbbbb;
border-bottom: 0;
color: #208bbd;
text-shadow: 0 1px 0 #ffffff;
text-decoration: none;
background-color: #ffffff;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.confi-block-1 {
float: left;
width: 100%;
background-color: #ffffff;
border: 1px solid #bbbbbb;
position: relative;
z-index: 0;
-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0;
border-radius: 5px;
border-top-left-radius: 0;
padding: 10px 0;
}
.confi-block-2 {
float: left;
width: 100%;
background-color: #ffffff;
border: 1px solid #bbbbbb;
position: relative;
z-index: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px 0;
}
.confi-total-detail {
width: 98%;
margin: 0 auto;
clear: both;
}
.confi-body {
float: left;
width: 100%;
margin: 10px 0;
padding: 0;
}
.config-form {
float: right;
width: 80%;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
border-left: 1px solid #c4c4c4;
min-width: 600px;
min-height: 450px;
}
.form-body {
margin: 0;
padding: 0;
width: 100%;
float: left;
clear: both;
}
.form-body-header {
float: left;
clear: both;
width: 100%;
color: #3b3b3b;
font-size: 15px;
font-family: "Roboto Regular", sans-serif;
text-shadow: 0 1px 0 #ffffff;
text-align: left;
margin-bottom: 10px;
}
.form-content {
float: left;
clear: both;
width: 100%;
color: #3b3b3b;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
}
.privileges-note {
float: left;
width: 100%;
clear: both;
font-size: 13px;
font-family: "Roboto Regular", sans-serif;
text-align: left;
color: #909090; /* color: #538da1; */
}
.agency-note {
float: left;
width: 100%;
clear: both;
font-size: 13px;
font-family: "Roboto Regular", sans-serif;
text-align: left;
color: #909090;
margin: 10px 0;
}
/* Accordine menu Css*/
#acdnmenu ul.acdnTop li:last-child {
/*border-bottom: 1px solid #000000; */
border-bottom: 1px solid #dddddd;
}
#acdnmenu ul.acdnTop ul.acdnSub li:last-child {
border-bottom: 0 none !important;
}
ul.acdnSub li:last-child a {
border-bottom: 0 none !important;
}
#acdnmenu {
width: 300px;
margin: 0px;
padding: 0;
float: left;
}
#acdnmenu ul.acdnTop {
display: block; /*border: 1px solid #D8E2F3;*/
background: none repeat scroll 0 0 #ffffff;
padding-left: 0;
}
#acdnmenu div.acdnHeading,
#acdnmenu a.acdnLink {
/* background: url(../images/wild_oliva.png) repeat scroll 0 0 transparent; border: 1px solid #000000; border-bottom: 0; box-shadow: 0 1px 0 0 #686868 inset; height: 13px; margin: 0 auto;
color: #ffffff; font-family: 'Roboto Regular', sans-serif; font-size: 14px; text-shadow: 0 1px 0 #000000; outline: medium none; padding: 10px; text-align: left; text-decoration: none; */
border: 1px solid #dddddd;
background: rgb(255, 255, 255); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(255, 255, 255, 1) 0%,
rgba(241, 240, 240, 1) 99%
); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(255, 255, 255, 1)),
color-stop(99%, rgba(241, 240, 240, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(255, 255, 255, 1) 0%,
rgba(241, 240, 240, 1) 99%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
rgba(255, 255, 255, 1) 0%,
rgba(241, 240, 240, 1) 99%
); /* Opera 11.10+ */
background: -ms-linear-gradient(
top,
rgba(255, 255, 255, 1) 0%,
rgba(241, 240, 240, 1) 99%
); /* IE10+ */
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 1) 0%,
rgba(241, 240, 240, 1) 99%
); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f0f0',GradientType=0 ); /* IE6-9 */
height: 13px;
margin: 0 auto;
border-bottom: 0;
color: #4e4e4e;
font-family: Roboto, sans-serif;
font-size: 14px;
text-shadow: 0 1px 0 #ffffff;
outline: medium none;
padding: 10px;
text-align: left;
text-decoration: none;
}
#acdnmenu div.acdnCurrent,
#acdnmenu div:hover {
/* color: #ffffff; */
color: #171616;
font-weight: normal;
text-decoration: none;
}
#acdnmenu ul.acdnSub a.acdnLink:hover,
#acdnmenu div.acdnCurrent a.acdnLink {
background-color: #edecec !important;
color: #3b3b3b !important;
text-decoration: none;
}
#acdnmenu a.acdnCurrent,
#acdnmenu a.acdnCurrent:hover {
color: #336699;
text-decoration: none;
}
#acdnmenu div.acdnArrowImage {
background-image: url(../images/arrows.png); /* background-position: 0 0; */
background-position: 0 -48px;
background-repeat: no-repeat;
height: 12px;
right: 10px;
top: 13px;
width: 8px;
}
#acdnmenu div.acdnCurrent div.acdnArrowImage {
/* background-position: 0 -16px; */
background-position: 0 -65px;
}
#acdnmenu li.acdnSeparator {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 0px;
}
#acdnmenu ul.acdnSub {
/*padding-left: 14px; */
}
#acdnmenu ul.acdnSub div.acdnHeading {
background: none repeat scroll 0 0 transparent;
color: #000000;
font: 12px Arial;
padding: 5px 5px 5px 20px;
text-align: left;
}
#acdnmenu ul.acdnSub div.acdnHeading a {
color: #000000;
}
#acdnmenu ul.acdnSub div.acdnCurrent {
background: none repeat scroll 0 0 transparent;
color: #000000;
}
#acdnmenu ul.acdnSub a.acdnLink {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px solid #ebebeb !important;
border: 0;
box-shadow: 0 0px 0 0 #686868 inset;
color: #808181;
text-shadow: 0 0px 0 #000000 !important;
padding: 10px 20px;
text-decoration: none;
}
#acdnmenu ul.acdnSub a.acdnLink:hover,
#acdnmenu ul.acdnSub a.acdnCurrent,
#acdnmenu ul.acdnSub div.acdnHeading a:hover,
#acdnmenu ul.acdnSub div.acdnHeading a.acdnCurrent {
background: none repeat scroll 0 0 transparent;
color: #000000;
}
#acdnmenu ul li a:hover.acdnLink {
/* color: #ffffff !important; */
color: #171616 !important;
}
/* #acdnmenu ul.acdnSub div.acdnArrowImage { background-image: url("arrows.gif"); background-position: 0 -24px; height: 12px; left: 4px; top: 6px; width: 12px; }
#acdnmenu ul.acdnSub div.acdnCurrent div.acdnArrowImage { background-position: 0 -36px; } */
#acdnmenu,
#acdnmenu ul {
display: block;
font-size: 0;
line-height: 0;
}
#acdnmenu li {
font-size: 12px;
line-height: 16px;
}
#acdnmenu:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
#acdnmenu ul {
list-style-type: none;
margin: 0px;
overflow: hidden;
padding: 0px;
position: relative;
top: 0px;
display: none;
}
#acdnmenu li {
margin: 0px;
padding: 0px;
}
#acdnmenu div.acdnHeading {
cursor: pointer;
position: relative;
}
#acdnmenu div.acdnCurrent {
cursor: pointer;
position: relative;
border-bottom: 1px solid #dddddd;
}
#acdnmenu div.acdnArrowImage {
overflow: hidden;
position: absolute;
}
#acdnmenu ul.acdnSub li.active a.acdnLink {
background: #e5e5e5 url(../images/arrows-active.png) no-repeat 96% center !important;
color: #000000 !important;
text-decoration: none;
}
.managemenu-list {
float: left;
width: 49%;
min-width: 450px;
margin: 0;
border-bottom: 1px dotted #d8d8d8;
margin: 10px 1% 0px 0;
padding-bottom: 10px;
}
.managemenu-list p {
float: left;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #3b3b3b;
text-shadow: 0 1px 0 #ffffff;
margin: 0;
padding: 0;
}
.managemenu-list span {
float: right;
}
.managemenu-list span a {
margin-right: 10px;
}
.active-data-now {
background-position: 0 -280px;
float: left;
width: 20px;
height: 16px;
}
.active-data {
background-position: 0 -306px;
float: left;
width: 20px;
height: 16px;
}
.deactive-data-now {
background-position: 0 -332px;
float: left;
width: 20px;
height: 16px;
}
.deactive-data {
background-position: 0 -358px;
float: left;
width: 20px;
height: 16px;
}
.loca_state_div .select2-container-multi,
.loca_state_div .select2-container.selectoption {
float: left;
margin-right: 10px;
}
#grayout {
width: 99.5% !important;
clear: both;
margin: 0;
padding: 0;
background: #ffffff !important;
border: 1px solid #cfcfcf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow-y: auto;
overflow: auto;
}
#DepartmentContainer .heading {
display: none;
}
.container_left .division .select2-container {
float: left;
margin-right: 6px;
}
/*.roles-div-control { margin:0; float:left; width:100%;}
.group_disp_div { margin:0; float:left; width: 20%; min-width:230px; }
.group_disp_div ul.group_disp_ul li{ float:left; background-color: #A2A2A2; color: #ffffff; font-size:13px; font-family: 'Roboto Regular'; text-align:center; padding: 2px 13px; border-right:1px solid #fff; height: 26px; line-height: 25px !important; cursor:pointer; }
.group_disp_div ul.group_disp_ul li:last-child{ border-right:none; -webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.group_disp_div ul.group_disp_ul li#idgroup1{-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.group_disp_div ul.group_disp_ul{ float: left; height: 30px; margin-bottom: 13px;}
.group_disp_div ul.group_disp_ul li.group_selected_cls{ background-color: #208BBD !important; cursor:cursor;} */
#helptext.helptext {
float: left;
margin-left: 7px;
margin-top: 3px;
font-size: 12px;
color: #909090;
}
.password_hint {
float: left;
text-align: left; /* margin-left: 307px; margin-top: -56px; width: 506px; */
width: 100%;
margin-bottom: 10px; /*margin-top: -15px;*/
color: #909090;
font-size: 13px;
line-height: 18px;
}
.hint-new {
float: left;
text-align: justify; /* margin-left: 307px; margin-top: -56px; width: 506px; */
width: 100%;
color: #909090;
font-size: 13px;
line-height: 18px;
}
.managemenus_wrapper {
min-height: 100%;
}
.managemenus_wrapper .ui-accordion .ui-accordion-header {
float: left;
width: auto;
}
.business_units_iframe #helptext.helptext {
margin-top: -4px;
margin-left: 0px;
height: 15px;
}
.business_units_iframe .new-form-ui {
/*height: 94px;*/
}
#grid_holidaydates {
margin-top: 20px;
}
.company-info .password_hint_view {
font-size: 12px;
color: #909090;
line-height: 16px;
margin-top: 11px;
}
.company-info-block .nodatatext {
color: #585858;
display: block;
float: left;
font-size: 15px;
margin-top: 40px;
text-align: center;
width: 100%;
}
.address-show {
float: left;
margin: 0 20px 20px 0;
font-size: 14px;
font-family: "Roboto Regular";
color: #3b3b3b;
width: 40%;
}
.address-show span {
float: left;
clear: both;
width: 100%;
margin: 0 0 0px 0;
text-align: left;
line-height: 24px;
}
.address-show span b {
padding-right: 10px;
font-weight: normal;
}
#compDetailsDiv {
float: left;
width: 100%;
clear: both;
margin: 0;
}
.all-bg-ctrl {
float: left;
width: 96%;
padding: 2%;
border: 1px solid #cfcfcf;
background-color: #ffffff;
margin: 0px 0 20px 0;
position: relative;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; */
}
.emp-screen-view {
float: left;
width: 100%;
clear: both;
}
.number-add input[type="button"] {
background: url(../images/add-contact.png) no-repeat left center;
border: 0 none;
box-shadow: none;
color: #208bbd;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
margin-top: 4px;
padding: 0 0 0 12px;
text-shadow: none;
float: left;
text-transform: capitalize;
cursor: pointer;
}
/*.number-add input[type=submit]:hover { color: #3b3b3b; }*/
.number-edit input[type="button"] {
background: url(../images/edit-contact.png) no-repeat left center;
border: 0 none;
box-shadow: none;
color: #208bbd;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
margin-top: 4px;
padding: 0 0 0 15px;
text-shadow: none;
float: left;
text-transform: capitalize;
cursor: pointer;
}
/*.number-edit input[type=submit]:hover { color: #3b3b3b; }*/
.display-img-div {
float: left;
min-width: 150px;
position: relative;
width: 10%;
}
#personalDetailsDiv {
float: left;
width: 89%;
min-width: 400px;
}
#personalDetailsDiv p {
float: left;
width: 100%;
clear: both;
margin: 0 0 6px 0;
padding-bottom: 7px;
border-bottom: 1px dashed #b1b1b1;
}
#personalDetailsDiv p:last-child {
border-bottom: 0 none !important;
padding-bottom: 0;
margin-bottom: 0;
}
#personalDetailsDiv b {
float: left;
min-width: 140px;
margin: 0 0 0px 10px;
text-align: left;
line-height: 24px;
font-weight: normal;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
text-shadow: 0 1px 0 #ffffff;
color: #000000;
width: 10%;
}
#personalDetailsDiv b i {
float: right;
font-style: normal;
}
#personalDetailsDiv span {
float: left;
margin: 0 0 0px 15px;
text-align: left;
color: #3b3b3b;
line-height: 24px;
font-size: 14px;
text-shadow: 0 1px 0 #ffffff;
}
#personalDetailsDiv span.bold-text {
font-family: "Roboto Medium", sans-serif;
}
#personalDetailsDiv span input#act_inact {
margin: 7px 0 0 0;
}
#personalDetailsDiv span u {
float: left;
margin: 0 5px 0px 0;
text-align: left;
color: #3b3b3b;
line-height: 24px;
font-size: 14px;
text-shadow: 0 1px 0 #ffffff;
text-decoration: none;
}
#mydetails-height a,
#personalDetailsDiv span a {
color: #208bbd;
text-decoration: none;
text-align: left;
}
.org-head-icon {
float: left;
margin-left: 0px;
}
#personalDetailsDiv span.org-head-div {
margin-right: 58px;
margin-left: 0px;
}
.change_orgn_head {
float: left;
margin-top: 2px;
margin-left: 11px;
color: #208bbd;
text-align: left;
text-decoration: none;
}
.emp-name-span {
font-weight: normal;
text-transform: capitalize;
width: 27%;
word-wrap: break-word;
}
.background-check-div {
float: left;
width: 100%;
clear: both;
margin: 5px 0 0px 0;
}
.check-div-inputs {
float: left;
width: 100%;
clear: both; /* margin-bottom: 15px; */
}
.check-div-inputs label {
float: left;
margin-right: 30px;
text-transform: capitalize;
color: #208bbd;
margin-bottom: 6px;
text-align: left;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
}
.check-div-inputs label input[type="checkbox"] {
margin: 0 6px 0 0;
padding: 0;
position: relative;
top: 2px;
}
.emp-check-div-inputs {
float: left;
width: 100%;
clear: both; /* margin-bottom: 15px; */
}
.emp-check-div-inputs label {
float: left;
margin-right: 5px;
text-transform: capitalize;
color: #208bbd;
margin-bottom: 10px;
min-width: 220px;
text-align: left;
width: 15%;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
}
.emp-check-div-inputs label input[type="checkbox"] {
margin: 0 6px 0 0;
padding: 0;
position: relative;
top: 2px;
}
.agency-selecters {
float: left;
width: 100%;
clear: both;
margin: 10px 0;
}
.left-block-ui-data {
float: left;
text-align: left;
}
.agency-ui {
float: left;
width: 100%;
}
.agency-ui ul {
float: left;
width: 100%;
}
.agency-ui ul li {
float: left;
width: 209px;
clear: both;
text-align: left;
line-height: 25px; /* padding: 10px;*/
padding: 7px 10px;
color: #3b3b3b;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
position: relative;
list-style: none; /*border: 1px solid #eeeeee;*/
border-right: 0;
word-wrap: break-word;
}
.requisitions-block .poc-ui-data-control .agency-ui ul li {
border: 1px solid #ffffff;
border-right: 0;
}
.agency-ui ul li:hover {
color: #1f8abc;
cursor: pointer;
}
.agency-ui ul li a {
color: #3b3b3b;
text-decoration: none;
}
.agency-ui ul li a:hover {
color: #1f8abc;
text-decoration: none;
}
.agency-ui ul li.active,
.group_selected_cls {
background-color: #ffffff;
color: #1f8abc !important;
border: 1px solid #cfcfcf !important;
border-right: 0px none !important;
cursor: default;
width: 210px !important;
/*-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; */
}
.agency-ui ul li.active a {
color: #1f8abc !important;
}
.agency-ui ul li.active:hover {
cursor: default;
}
.agency-ui ul.new-agency-li li:hover {
cursor: default;
color: #3b3b3b;
}
.agency-ui ul.new-agency-li li span:hover {
color: #1f8abc;
cursor: pointer;
}
.right-block-data {
float: left;
border: 1px solid #cfcfcf;
padding: 10px 15px;
background-color: #ffffff;
min-height: 388px; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
}
#tabs .right-block-data {
/*min-height: 435px; */
min-height: 350px;
}
.popup-agency-selecters .right-block-data {
min-height: 270px;
}
#mydetails-height .right-block-data {
/*min-height: 636px; min-height:552px; min-height: 634px; */
min-height: 780px;
margin-top: -5px;
}
#hr-employee-height .right-block-data {
/*min-height: 1012px; min-height:880px; */
min-height: 962px;
}
.right-block-data.my_team_right_view {
min-height: 388px;
}
.agency-ui ul.group_disp_ul li:hover {
color: #3b3b3b;
cursor: default;
}
.agency-ui-over ul.group_disp_ul li:hover {
color: #1f8abc;
cursor: pointer;
}
.right-over-border {
-webkit-border-top-left-radius: 0 !important;
-moz-border-radius-topleft: 0 !important;
border-top-left-radius: 0 !important;
}
.right-over-bottom-border {
border-bottom-left-radius: 0 !important;
-moz-border-radius-bottomleft: 0 !important;
-webkit-border-bottom-left-radius: 0 !important;
}
.primaryset {
float: left;
width: 100%;
clear: both;
margin: 0px;
text-align: left;
color: #171717;
font-size: 15px;
}
.primaryset input[type="radio"] {
margin: 0 5px 0 0;
padding: 0;
top: 2px;
position: relative;
}
.contactset {
float: left;
width: 100%;
clear: both;
margin: 0 0 10px 0;
text-align: left;
border-bottom: 1px dashed #989898;
padding: 0 0 10px 0;
color: #3b3b3b;
font-size: 15px;
}
.contactset:last-child {
border-bottom: 0px none;
}
.contactset span {
float: left;
clear: both;
width: 90%;
margin: 0 0 0px 24px;
text-align: left;
line-height: 24px;
color: #3b3b3b;
font-size: 14px;
word-wrap: break-word;
}
.contactset span a {
text-decoration: none;
color: #208bbd;
}
.popup-agency-selecters {
float: left;
width: 100%;
clear: both; /*margin: 15px 0 0 0;*/
margin: 2px 0;
}
.popup-agency-selecters .left-block-ui-data {
float: left;
width: 223px !important;
min-width: 220px;
}
.popup-agency-selecters .right-block-data {
float: left;
width: 493px !important;
min-width: 415px;
}
.popup-agency-selecters .agency-ui ul li.active {
/*background-color: #eeeeee;*/
color: #1f8abc;
border: 1px solid #cfcfcf;
border-right: 0px none; /*padding: 10px 3px 10px 10px;*/
padding: 7px 3px 7px 10px;
width: 210px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.popup-agency-selecters .agency-ui ul li {
border: 1px solid #ffffff;
border-right: 0;
width: 202px;
word-wrap: break-word;
}
.fltleft-set {
float: left;
width: 220px;
}
.fltright-set {
float: left;
width: 50%;
}
.clear-mail {
float: left;
width: 100%;
clear: both;
}
.clear-mail span {
float: left;
clear: none;
margin: 0 0 0px 10px;
text-align: left;
line-height: 24px;
color: #3b3b3b;
font-size: 14px;
word-wrap: break-word;
width: auto !important;
}
.clear-mail b {
float: left;
clear: none;
margin: 0 0 0px 24px;
text-align: left;
line-height: 24px;
color: #3b3b3b;
font-size: 14px;
word-wrap: break-word;
font-weight: normal;
}
.site-info {
margin: 0;
width: 100%;
padding: 10px 0px;
float: left;
border-bottom: 1px solid #e9e9e9;
}
.site-info label {
float: left;
width: 15%;
min-width: 150px;
text-align: left;
color: #000000;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
padding-left: 10px;
}
.site-info label b {
float: right;
font-weight: normal;
}
.site-info span {
float: left;
width: 74%;
min-width: 480px;
text-align: left;
color: #3b3b3b;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
padding-left: 2%;
}
.site-info a {
color: #208bbd;
text-decoration: none;
}
.password_hint_view {
clear: both;
color: #777575;
font-size: 13px;
}
.emp-info {
margin: 0;
width: 50%;
padding: 10px 0px;
float: left;
border-bottom: 1px solid #e9e9e9;
min-height: 20px;
}
.emp-info label {
float: left;
width: 30%;
min-width: 250px;
text-align: left;
color: #000000;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
padding-left: 10px;
}
.emp-info label b {
float: right;
font-weight: normal;
}
.emp-info span {
float: left;
width: 10%;
min-width: 60px;
text-align: left;
color: #3b3b3b;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
padding-left: 2%;
}
.btm-brdr-hide {
border-bottom: 0 none !important;
}
.submit-setup {
position: absolute;
top: 39px;
left: 314px;
}
.submit-setup-1 {
position: absolute;
top: 31px;
left: 230px; /* left: 314px; */
}
.comments-submit-setup {
position: absolute;
top: 104px;
left: 230px; /* left: 314px; */
}
.empedit-submit-setup {
position: absolute;
top: 24px;
left: 230px;
width: 150px !important;
}
.sche-submit-setup {
position: absolute;
top: 53px;
left: 450px;
width: 150px !important;
}
.commentsdiv {
position: relative;
margin: -23px 0 0 0;
float: right;
text-align: right;
}
.commentsdiv span {
color: #228dbf;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
}
.view-bg-data {
float: left; /*width: 100%;*/
width: 746px;
background: url(../images/view-bg-data.jpg) repeat-y left top;
}
.left-bg-data {
float: left;
width: 364px;
}
.right-bg-data {
float: right;
width: 362px;
}
.upload-file-display {
float: left;
width: 100%;
background-color: #ffffff;
padding: 0 0 10px 0;
color: #909090;
text-align: left;
font-size: 13px;
font-style: normal;
font-family: "Roboto Regular", sans-serif;
font-weight: normal;
word-wrap: break-word;
}
#commentsArea {
position: relative;
margin: 0;
width: 100%;
float: left;
background-color: #f4f4f4;
}
.onediv {
position: relative;
margin: 0;
width: 343px;
padding: 10px;
float: left;
color: #3b3b3b;
border-bottom: 1px dotted #d2d2d2; /* background-color: #f2f1f1;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; */
}
.twodiv {
position: relative;
margin: 0;
width: 343px;
padding: 10px;
float: left;
color: #3b3b3b;
border-bottom: 1px dotted #d2d2d2; /*background-color: #e5e4e4;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; */
}
.onediv b,
.twodiv b {
color: #3b3b3b;
font-size: 14px;
font-family: "PTSansbold", sans-serif;
font-weight: normal;
text-transform: capitalize;
float: left;
text-shadow: 0 1px 0 #ffffff;
text-transform: uppercase;
}
.onediv i,
.twodiv i {
color: #908f8f;
font-size: 13px;
font-style: normal;
font-family: "Roboto Regular", sans-serif;
font-weight: normal;
float: right;
text-shadow: 0 1px 0 #ffffff;
}
.onediv span,
.twodiv span {
color: #3b3b3b;
font-size: 13px;
font-family: "Roboto Regular", sans-serif;
clear: both;
width: 100%;
float: left;
word-wrap: break-word;
margin-top: 5px;
line-height: 22px;
}
.onediv:last-child,
.twodiv:last-child {
border-bottom: 0 none;
}
.note {
float: right;
width: 50%;
color: #208bbd;
font-size: 12px;
margin: 0 0 10px 0;
text-align: right;
}
.note-1 {
float: right;
width: 50%;
color: #208bbd;
font-size: 12px;
margin: 10px 0 10px 0;
text-align: right;
}
.roles-note {
float: right;
width: 50%;
color: #228dbf;
font-size: 12px;
margin: 0 0 10px 0;
text-align: right;
font-size: 13px;
}
.new-details-ui {
float: left;
padding: 0px;
width: 50%;
color: #3b3b3b;
margin: 0;
min-width: 340px;
position: relative;
margin-bottom: 10px;
}
.new-details-ui label {
font-family: "Roboto Regular", sans-serif;
color: #3b3b3b;
font-size: 14px;
font-weight: normal;
height: auto;
padding: 0;
margin: 1px 10px 8px 0;
text-align: left;
float: left;
}
.new-details-ui .textshow {
float: left;
padding: 0;
text-align: left;
position: relative;
font-family: "PTSansbold", sans-serif;
color: #3b3b3b;
font-size: 16px;
text-transform: capitalize;
}
.new-form-ui-setter {
clear: none !important;
width: 40% !important;
}
#chooseagency,
.poc-ui-data-control {
width: 100%;
float: left;
}
.notconfigure {
margin: 10px 0;
padding: 0;
width: 100%;
clear: both;
font-family: "Roboto Regular", sans-serif;
color: #3b3b3b;
font-size: 14px;
font-weight: normal;
}
.notconfigure a {
color: #208bbd;
text-decoration: none;
}
#upload-comments-file {
background-color: #ffffff;
float: left;
width: 100%;
min-height: 53px;
}
#postcommentdiv {
width: 100%;
height: 130px;
position: relative; /*margin-top: 20px; */
background-color: #ffffff;
float: left;
}
#postcommentdiv .division {
height: 80px;
float: left;
}
#postcommentdiv textarea {
width: 344px !important;
height: 46px !important; /*margin-bottom: 10px;*/
border: 1px solid #c6c6c6;
float: left;
background-color: #ffffff;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #828282;
padding: 6px 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
resize: none;
line-height: 20px;
outline: none;
overflow-y: auto;
}
.no-comments-view {
background-color: #ffffff;
float: left;
width: 364px;
height: 289px; /* padding-top: 30px;*/
text-align: left;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #909090;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.no-comments-view {
height: 291px;
}
}
.no-comments-edit {
background-color: #ffffff;
float: left;
width: 364px;
height: 83px; /* height: 141px; padding-top: 30px;*/
text-align: left;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #3b3b3b;
}
.files-note {
text-align: left;
color: #909090;
font-weight: normal;
font-size: 12px;
width: 100%;
clear: both;
float: left;
background-color: #ffffff;
padding-bottom: 10px;
}
#resppdiv {
left: 70px;
top: -69px !important;
}
.work-address {
float: left;
text-align: left;
width: 100%;
clear: both;
margin-bottom: 10px;
}
.greendata {
color: green;
}
.reddata {
color: red;
}
.greendataClass {
color: green;
font-family: "PTSansbold", sans-serif;
font-size: 14px;
}
.ui-dialog iframe {
height: 480px;
width: 100%;
}
.norecords {
height: 23px;
padding: 5px 10px;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #847c3c;
text-shadow: 0 1px 0 #ffffff;
border: 1px solid #cec899;
background-color: #fffcde;
width: 50%;
min-width: 500px;
margin: 5px auto;
text-align: center;
clear: both;
line-height: 22px;
}
#personaldatadiv {
float: left;
width: 100%;
}
.s-ico {
float: left;
margin-left: 3px;
margin-top: 7px;
position: absolute;
}
/*.ui-icon { background-image: url(../images/use-order.png); }
.ui-icon-asc { height: 12px; margin-top: 3px; }
.ui-icon-triangle-1-n { background-position: -8px -328px; }
.ui-icon-desc { height: 12px; margin-top: 9px; }
.ui-icon-triangle-1-s { background-position: 5px -326px; } */
/* Feedback list */
#grid_feedbacklist .table-header a,
#grid_feedbacklist .table-btm {
display: none;
}
/* Feedback list */
/* Team Feedback View */
.redmessgae {
color: #ff0000;
padding: 10px;
font-size: 15px;
background: #eee;
margin-bottom: 10px;
}
/* Team Feedback View */
.switch {
float: left;
width: 126px;
}
.employee-pic-emp .switch {
float: left;
width: 124px;
margin: 10px 0 0 6px;
}
.disblemode {
background-color: #f4f4f4;
width: 116px !important;
height: 28px;
border: 1px solid #dedede;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.disblemode label span {
color: #999999;
}
.disblemode .cb-enable,
.disblemode .cb-disable,
.disblemode .cb-enable span,
.disblemode .cb-disable span {
background: none transparent;
}
.disblemode .cb-enable span,
.disblemode .cb-disable span {
background: none transparent;
padding: 1px 9px;
}
.disblemode .cb-enable span,
.disblemode .cb-disable span {
line-height: 25px;
}
.cb-enable,
.cb-disable,
.cb-enable span,
.cb-disable span {
background: url(../images/switch.gif) repeat-x;
display: block;
float: left;
}
.cb-enable span,
.cb-disable span {
/*line-height: 30px;*/
line-height: 28px;
display: block;
background-repeat: no-repeat;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
cursor: pointer;
}
.cb-enable span {
background-position: left -90px;
padding: 1px 10px;
}
.cb-disable span {
background-position: right -180px;
padding: 1px 10px;
}
.cb-disable.selected {
background-position: 0 -30px;
}
.cb-disable.selected span {
background-position: right -210px;
color: #fff;
}
.cb-enable.selected {
background-position: 0 -60px;
}
.cb-enable.selected span {
background-position: left -150px;
color: #fff;
cursor: default;
}
.switch label {
cursor: pointer;
}
.switch input {
display: none;
}
.manage-menu-circuit {
/* width:519px; */
width: 528px;
height: 519px;
margin: 100px auto 0 auto;
position: relative;
background: url(../images/manage-menu/menu-main-circle.png) no-repeat center
center;
/*width: 518px;
height: 518px;
-webkit-border-radius: 518px;
-moz-border-radius: 518px;
border-radius: 518px;
background-color: #dddddd;
border: 1px solid #ffffff;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1); width: 521px; height:520px; background: url(../images/manage-menu/menu-main-circle.png) no-repeat left center; position: relative;*/
}
/*.manage-menu-level-1 { margin:14px; position:relative;
width: 489px;
height: 489px;
-webkit-border-radius: 489px;
-moz-border-radius: 489px;
border-radius: 489px;
background-color: #fcfcfc;
border: 1px solid #bfbfbf;
}
.manage-menu-level-2 { margin:125px; position:relative;
width: 240px;
height: 240px;
-webkit-border-radius: 240px;
-moz-border-radius: 240px;
border-radius: 240px;
background-color: #e1e1e1;
border: 1px solid #ffffff;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}*/
.manage-menu-level-3 {
margin: 17px;
width: 205px;
height: 205px;
/*-webkit-border-radius: 205px;
-moz-border-radius: 205px;
border-radius: 205px;
background-color: #eeeeee; border: 1px solid #bfbfbf;*/
}
.hrms-text {
position: absolute;
font-family: "Roboto Regular", sans-serif;
font-size: 18px;
top: 248px;
width: 100%;
color: #2f2f2f;
}
.compli-menu {
height: 40px;
position: absolute;
right: 38px;
top: 49px;
width: 50px;
display: block;
cursor: pointer;
z-index: 9;
}
.reports-menu {
height: 40px;
position: absolute;
right: 46px;
top: 39px;
width: 50px;
display: block;
cursor: pointer;
z-index: 8;
}
.time-menu {
height: 40px;
position: absolute;
right: 41px;
top: 94px;
width: 50px;
display: block;
cursor: pointer;
z-index: 7;
}
.benefits-menu {
height: 40px;
position: absolute;
right: 38px;
top: 66px;
width: 50px;
display: block;
cursor: pointer;
z-index: 6;
}
.pa-menu {
height: 40px;
position: absolute;
left: 37px;
top: 70px;
width: 50px;
display: block;
cursor: pointer;
z-index: 5;
}
.resource-menu {
height: 40px;
position: absolute;
left: 43px;
top: 88px;
width: 50px;
display: block;
cursor: pointer;
z-index: 4;
}
.bgchk-menu {
height: 40px;
position: absolute;
left: 46px;
top: 36px;
width: 50px;
display: block;
cursor: pointer;
z-index: 3;
}
.staffing-menu {
height: 40px;
position: absolute;
left: 38px;
top: 48px;
width: 50px;
display: block;
cursor: pointer;
z-index: 2;
}
/* .compli-active { position:absolute; width:172px; height:162px; left:84px; bottom: 17px; background: url(../images/manage-menu/compli-active.png) no-repeat left center; }
.compli-inactive { position:absolute; width:172px; height:162px; left:84px; bottom: 17px; background: url(../images/manage-menu/compli-inactive.png) no-repeat left center; }
.reports-active { position:absolute; width:161px; height:174px; left:14px; bottom: 90px; background: url(../images/manage-menu/reports-active.png) no-repeat left center; }
.reports-inactive { position:absolute; width:161px; height:174px; left:14px; bottom: 90px; background: url(../images/manage-menu/reports-inactive.png) no-repeat left center; }
.time-active { position:absolute; width:161px; height:175px; left:14px; top: 84px; background: url(../images/manage-menu/time-active.png) no-repeat left center; }
.time-inactive { position:absolute; width:161px; height:175px; left:14px; top: 84px; background: url(../images/manage-menu/time-inactive.png) no-repeat left center; }
.benefits-active { position:absolute; width:173px; height:162px; left:85px; top: 15px; background: url(../images/manage-menu/benefits-active.png) no-repeat left center; }
.benefits-inactive { position:absolute; width:173px; height:162px; left:85px; top: 15px; background: url(../images/manage-menu/benefits-inactive.png) no-repeat left center; }
.pa-active { position:absolute; width:174px; height:161px; right:88px; top: 15px; background: url(../images/manage-menu/pa-active.png) no-repeat left center; }
.pa-inactive { position:absolute;width:174px; height:161px; right:88px; top: 15px; background: url(../images/manage-menu/pa-inactive.png) no-repeat left center; }
.resource-active { position:absolute; width:162px; height:177px; right:15px; top: 85px; background: url(../images/manage-menu/resource-active.png) no-repeat left center; }
.resource-inactive { position:absolute; width:162px; height:177px; right:15px; top: 85px; background: url(../images/manage-menu/resource-inactive.png) no-repeat left center; }
.bgchk-active { position:absolute; width:162px; height:175px; right:16px; bottom: 86px; background: url(../images/manage-menu/bg-chk-active.png) no-repeat left center; }
.bgchk-inactive { position:absolute; width:162px; height:175px; right:16px; bottom: 86px; background: url(../images/manage-menu/bg-chk-inactive.png) no-repeat left center; }
.staffing-active { position:absolute; width:175px; height:160px; right:90px; bottom: 16px; background: url(../images/manage-menu/staffing-active.png) no-repeat left center; }
.staffing-inactive { position:absolute; width:175px; height:160px; right:90px; bottom: 16px; background: url(../images/manage-menu/staffing-inactive.png) no-repeat left center; } */
.compli-active {
width: 172px;
height: 162px;
position: absolute;
top: 342px;
left: 86px;
background: url(../images/manage-menu/compli-active.png) no-repeat left center;
}
.compli-inactive {
width: 172px;
height: 162px;
position: absolute;
top: 342px;
left: 86px;
background: url(../images/manage-menu/compli-inactive.png) no-repeat left
center;
}
.compli-disable {
width: 172px;
height: 162px;
position: absolute;
top: 342px;
left: 86px;
background: url(../images/manage-menu/compli-disable.png) no-repeat left
center;
}
.reports-active {
width: 161px;
height: 174px;
position: absolute;
top: 257px;
left: 15px;
background: url(../images/manage-menu/reports-active.png) no-repeat left
center;
}
.reports-inactive {
width: 161px;
height: 174px;
position: absolute;
top: 257px;
left: 15px;
background: url(../images/manage-menu/reports-inactive.png) no-repeat left
center;
}
.reports-disable {
width: 161px;
height: 174px;
position: absolute;
top: 257px;
left: 15px;
background: url(../images/manage-menu/reports-disable.png) no-repeat left
center;
}
.time-active {
width: 161px;
height: 175px;
position: absolute;
top: 85px;
left: 15px;
background: url(../images/manage-menu/time-active.png) no-repeat left center;
}
.time-inactive {
width: 161px;
height: 175px;
position: absolute;
top: 85px;
left: 15px;
background: url(../images/manage-menu/time-inactive.png) no-repeat left center;
}
.time-disable {
width: 161px;
height: 175px;
position: absolute;
top: 85px;
left: 15px;
background: url(../images/manage-menu/time-disable.png) no-repeat left center;
}
.benefits-active {
width: 173px;
height: 162px;
position: absolute;
left: 86px;
top: 14px;
background: url(../images/manage-menu/benefits-active.png) no-repeat left
center;
}
.benefits-inactive {
width: 173px;
height: 162px;
position: absolute;
left: 86px;
top: 14px;
background: url(../images/manage-menu/benefits-inactive.png) no-repeat left
center;
}
.benefits-disable {
width: 173px;
height: 162px;
position: absolute;
left: 86px;
top: 14px;
background: url(../images/manage-menu/benefits-disable.png) no-repeat left
center;
}
.pa-active {
width: 174px;
height: 161px;
position: absolute;
left: 260px;
top: 14px;
background: url(../images/manage-menu/pa-active.png) no-repeat left center;
}
.pa-inactive {
width: 174px;
height: 161px;
position: absolute;
left: 260px;
top: 14px;
background: url(../images/manage-menu/pa-inactive.png) no-repeat left center;
}
.pa-disable {
width: 174px;
height: 161px;
position: absolute;
left: 260px;
top: 14px;
background: url(../images/manage-menu/pa-disable.png) no-repeat left center;
}
.resource-active {
width: 162px;
height: 177px;
position: absolute;
left: 345px;
top: 85px;
background: url(../images/manage-menu/resource-active.png) no-repeat left
center;
}
.resource-inactive {
width: 162px;
height: 177px;
position: absolute;
left: 344px;
top: 85px;
background: url(../images/manage-menu/resource-inactive.png) no-repeat left
center;
}
.resource-disable {
width: 162px;
height: 177px;
position: absolute;
left: 344px;
top: 85px;
background: url(../images/manage-menu/resource-disable.png) no-repeat left
center;
}
.bgchk-active {
width: 162px;
height: 175px;
position: absolute;
top: 259px;
left: 345px;
background: url(../images/manage-menu/bg-chk-active.png) no-repeat left center;
}
.bgchk-inactive {
width: 162px;
height: 175px;
position: absolute;
top: 259px;
left: 345px;
background: url(../images/manage-menu/bg-chk-inactive.png) no-repeat left
center;
}
.bgchk-disable {
width: 162px;
height: 175px;
position: absolute;
top: 259px;
left: 345px;
background: url(../images/manage-menu/bg-chk-disable.png) no-repeat left
center;
}
.staffing-active {
width: 175px;
height: 160px;
position: absolute;
top: 345px;
left: 258px;
background: url(../images/manage-menu/staffing-active.png) no-repeat left
center;
}
.staffing-inactive {
width: 175px;
height: 160px;
position: absolute;
top: 345px;
left: 258px;
background: url(../images/manage-menu/staffing-inactive.png) no-repeat left
center;
}
.staffing-disable {
width: 175px;
height: 160px;
position: absolute;
top: 345px;
left: 258px;
background: url(../images/manage-menu/staffing-disable.png) no-repeat left
center;
}
.service-request-active {
width: 213px;
height: 186px;
position: absolute;
top: 317px;
left: 54px;
background: url(../images/manage-module/sr-active.png) no-repeat left center;
}
.service-request-inactive {
width: 213px;
height: 186px;
position: absolute;
top: 317px;
left: 54px;
background: url(../images/manage-module/sr-inactive.png) no-repeat left center;
}
.service-request-disable {
width: 213px;
height: 186px;
position: absolute;
top: 317px;
left: 54px;
background: url(../images/manage-module/sr-disable.png) no-repeat left center;
}
.report-active {
width: 144px;
height: 248px;
position: absolute;
top: 132px;
left: 20px;
background: url(../images/manage-module/report-active.png) no-repeat left
center;
}
.report-inactive {
width: 144px;
height: 248px;
position: absolute;
top: 132px;
left: 20px;
background: url(../images/manage-module/report-inactive.png) no-repeat left
center;
}
.report-disable {
width: 144px;
height: 248px;
position: absolute;
top: 132px;
left: 20px;
background: url(../images/manage-module/report-disable.png) no-repeat left
center;
}
.times-active {
width: 211px;
height: 248px;
position: absolute;
top: -19px;
left: 57px;
background: url(../images/manage-module/tm-active.png) no-repeat left center;
}
.times-inactive {
width: 211px;
height: 248px;
position: absolute;
top: -19px;
left: 57px;
background: url(../images/manage-module/tm-inactive.png) no-repeat left center;
}
.times-disable {
width: 211px;
height: 248px;
position: absolute;
top: -19px;
left: 57px;
background: url(../images/manage-module/tm-disable.png) no-repeat left center;
}
.performance-active {
width: 213px;
height: 185px;
position: absolute;
top: 13px;
left: 268px;
background: url(../images/manage-module/pa-active.png) no-repeat left center;
}
.performance-inactive {
width: 213px;
height: 185px;
position: absolute;
top: 13px;
left: 268px;
background: url(../images/manage-module/pa-inactive.png) no-repeat left center;
}
.performance-disable {
width: 213px;
height: 185px;
position: absolute;
top: 13px;
left: 268px;
background: url(../images/manage-module/pa-disable.png) no-repeat left center;
}
.resources-active {
width: 141px;
height: 247px;
position: absolute;
top: 134px;
left: 370px;
background: url(../images/manage-module/rr-active.png) no-repeat left center;
}
.resources-inactive {
width: 141px;
height: 247px;
position: absolute;
top: 134px;
left: 370px;
background: url(../images/manage-module/rr-inactive.png) no-repeat left center;
}
.resources-disable {
width: 141px;
height: 247px;
position: absolute;
top: 134px;
left: 370px;
background: url(../images/manage-module/rr-disable.png) no-repeat left center;
}
.bc-active {
width: 235px;
height: 205px;
position: absolute;
top: 319px;
left: 267px;
background: url(../images/manage-module/bc-active.png) no-repeat left center;
}
.bc-inactive {
width: 235px;
height: 205px;
position: absolute;
top: 319px;
left: 267px;
background: url(../images/manage-module/bc-inactive.png) no-repeat left center;
}
.bc-disable {
width: 235px;
height: 205px;
position: absolute;
top: 319px;
left: 267px;
background: url(../images/manage-module/bc-disable.png) no-repeat left center;
}
.service-request-menu {
height: 40px;
position: absolute;
right: 62px;
top: 63px;
width: 50px;
display: block;
cursor: pointer;
z-index: 9;
}
.reports-menu {
height: 40px;
position: absolute;
right: 35px;
top: 104px;
width: 50px;
display: block;
cursor: pointer;
z-index: 8;
}
.times-active-menu {
height: 40px;
position: absolute;
right: 62px;
top: 112px;
width: 50px;
display: block;
cursor: pointer;
z-index: 7;
}
.performance-active-menu {
height: 40px;
position: absolute;
left: 53px;
top: 75px;
width: 50px;
display: block;
cursor: pointer;
z-index: 6;
}
.resources-active-menu {
height: 40px;
position: absolute;
left: 37px;
top: 97px;
width: 50px;
display: block;
cursor: pointer;
z-index: 5;
}
.bc-active-menu {
height: 40px;
position: absolute;
left: 56px;
top: 75px;
width: 50px;
display: block;
cursor: pointer;
z-index: 4;
}
.submit-explain-data {
margin: 25px auto 20px auto;
width: 126px;
}
.menu-explain-data {
margin: 0 auto 20px auto;
width: 100%;
float: left;
}
.menu-text {
margin: 0 auto 8px auto;
text-align: center;
width: 100%;
color: #2f2f2f;
font-family: "Roboto Regular", sans-serif;
font-size: 16px;
}
.diagram-details {
display: inline-block;
border: 1px solid #ffffff;
clear: both;
height: 22px; /* float:left;*/
padding: 7px 15px;
margin: 0 0 0px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: url(../images/diagram-details.png) repeat-x left center;
}
.active-label {
padding-right: 20px;
display: inline-block;
}
.active-label b {
background-color: #208bbd;
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.active-label span {
color: #2f2f2f;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
text-align: left;
float: left;
line-height: 21px;
}
.inactive-label {
padding-right: 20px;
display: inline-block;
}
.inactive-label b {
background-color: #ffffff;
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.inactive-label span {
color: #2f2f2f;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
text-align: left;
float: left;
}
.disable-label {
display: inline-block;
}
.disable-label b {
background-color: #b6b4b4;
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.disable-label span {
color: #2f2f2f;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
text-align: left;
float: left;
}
.post_align li,
.post_align li {
margin-left: 40px;
margin-top: 15px;
margin-bottom: 15px;
}
.requisition-table {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
.requisition-table tr td {
padding: 10px 5px;
color: #3b3b3b;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
}
.requisition-table tr td b {
float: right;
}
.requisition-table tr.req-bg-form td {
text-align: left;
border-bottom: 1px solid #cccccc;
background-color: #f4f4f4;
}
.requisition-table tr.no-border td {
border: 0 !important;
}
.requisition-table tr.req-no-form td {
text-align: left;
border-bottom: 1px solid #cccccc;
background: #fff;
}
.requisition-table.view-table-data {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc !important;
border-bottom: none !important;
width: 100% !important;
}
.requisition-table.view-table-data tr td {
border-right: 1px solid #cccccc;
}
.requisition-table.view-table-data tr td:last-child {
border-right: none;
}
.requisition-table.view-table-data tr td .head_txt {
color: #000;
}
.next-pop {
float: right; /*min-width:176px;*/
clear: both;
margin-bottom: 10px;
}
.next-pop span {
color: #208bbd;
font-family: "Roboto Regular";
font-size: 13px;
cursor: pointer;
}
.next-pop span:hover {
color: #3b3b3b;
font-family: "Roboto Regular";
font-size: 13px;
}
.previous {
background-position: 0 -365px !important;
width: 9px;
height: 10px;
float: left;
margin: 4px 2px 4px 0;
display: block; /* border:1px solid #cccccc; */
}
.previous:hover {
background-position: -13px -365px !important;
}
.next {
background-position: 0 -345px !important;
width: 9px;
height: 10px;
float: left;
margin: 4px 0px 4px 2px;
display: block; /*border:1px solid #cccccc;*/
}
.next:hover {
background-position: -13px -345px !important;
}
.pageLabel {
float: left;
color: #3b3b3b;
font-family: "Roboto Regular";
font-size: 13px;
margin: 0 10px 0 0;
}
#pageshortcutdiv {
position: absolute;
right: 2%;
color: #ffffff;
font-family: "Roboto Regular";
font-size: 14px;
cursor: pointer;
top: 10px;
}
/*.activeshortcut { background-position: 0 -409px !important; background-repeat: no-repeat; width:105px; height: 17px; float:left; padding-left: 22px; text-align: right; }
.inactiveshortcut { background-position: 0-384px !important; width:90px; height: 17px; float:left; padding-left: 22px; text-align: right; } */
.activeshortcut {
float: left;
background-color: #208bbd;
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.inactiveshortcut {
float: left;
background-color: #ea7c2e;
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*.add-multi-resume { width: 100%; clear: both; text-align: right; float:left; margin:0 0 10px 0; }*/
.add-multi-resume {
text-align: right;
float: left;
margin: 0 0 10px 0;
position: absolute;
top: 7px;
right: 138px;
z-index: 10;
}
.add-multi-resume a {
color: #208bbd;
text-decoration: none;
font-family: "Roboto Regular";
font-size: 14px;
}
.add-multi-resume a:hover {
color: #3b3b3b;
text-decoration: none;
}
.remove-entry {
cursor: pointer;
margin-top: 5px;
}
.add-fields {
float: left;
width: 100%;
clear: both;
text-align: left;
color: #3b3b3b;
text-shadow: 0 1px 0 #ffffff;
}
#add-candidate,
#uploadMultipleDocs {
/*width: 100%; */
clear: both;
text-align: left;
float: left;
margin: 0; /* color: #208BBD; font-family: 'Roboto Regular'; font-size: 13px; cursor: pointer; */
}
.add-fields b {
text-align: left;
color: #909090;
font-weight: normal;
font-size: 12px;
width: 100%;
clear: both;
float: left;
}
.candi-form-ui {
float: left;
padding: 0px;
min-width: 1px;
color: #3b3b3b;
margin: 0px 1px 0 0; /*height:135px; */
height: 125px;
position: relative;
}
.candi-form-ui label {
font-family: "Roboto Regular", sans-serif;
color: #3b3b3b;
font-size: 13px;
font-weight: normal;
height: auto;
padding: 0;
margin: 0px 0 8px 0;
text-align: left;
float: left;
clear: both;
min-height: 20px;
}
.candi-form-ui .division {
float: left;
padding: 4px 0 0 0;
text-align: left;
width: 100%; /* min-width: 295px; */
position: relative;
}
#editdialogbox,
#addlist {
float: left;
width: 348px !important; /*height:265px !important;*/
}
#addlist {
height: 265px !important;
}
.hire-edit-btn {
margin: 0 0 10px 0;
clear: both;
float: right;
width: 100%;
}
.hire-edit-btn input[type="button"] {
background-color: #208bbd;
border: 1px solid #006391;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 24px;
padding: 0px 10px 0px 10px;
font-size: 14px;
text-shadow: 0 1px 0 #006391;
font-family: "Roboto Regular", sans-serif;
color: #ffffff;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
cursor: pointer;
float: right;
text-transform: uppercase;
outline: 0;
line-height: 24px;
}
/* Reports page css */
.left-config-ctrl {
margin: 0;
float: left;
padding: 10px 15px;
float: left;
width: 202px;
float: left;
border: 1px solid #cfcfcf;
background-color: #ffffff; /* min-height:315px; */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.left-config-ctrl .new-form-ui {
margin: 0;
height: 98px;
width: 202px;
}
.right-config-ctrl {
float: right;
width: 72%; /* margin-left:15px; */
position: relative;
}
@media (max-width: 1024px) {
.right-config-ctrl {
width: 64%;
}
}
.left-config-ctrl .new-form-ui-multi {
float: left;
padding: 0px;
width: 202px;
color: #3b3b3b;
margin: 0 0px 15px 0px !important;
min-height: 83px;
position: relative;
}
.left-config-ctrl .new-form-ui-multi label {
font-family: "Roboto Regular", sans-serif;
color: #3b3b3b;
font-size: 14px;
font-weight: normal;
height: auto;
padding: 0;
margin: 0px 0 8px 0;
text-align: left;
float: left; /*width:100%; min-width: 225px;*/
clear: both;
}
.left-config-ctrl .new-form-ui-multi label .tooltip {
top: 2px;
position: relative;
}
.left-config-ctrl .new-form-ui-multi label.required:after {
color: red;
content: " *";
}
.left-config-ctrl .new-form-ui-multi .division {
float: left;
padding: 0;
text-align: left;
width: 100%;
position: relative;
}
.left-config-ctrl .new-form-ui-multi input[type="text"] {
border: 1px solid #c6c6c6;
width: 273px;
float: left;
background-color: #ffffff;
height: 26px;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #828282;
padding: 0 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
line-height: 26px;
text-align: left;
outline: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.export-links {
display: block;
margin-right: 2%;
width: 98%;
float: left;
}
.back-to-config {
float: right;
width: 70px;
}
.back-to-config button {
background-color: #208bbd;
border: 1px solid #006391;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 26px;
padding: 3px 10px 4px 10px;
font-size: 14px;
text-shadow: 0 1px 0 #006391;
font-family: "Roboto Regular", sans-serif;
color: #ffffff;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
cursor: pointer;
float: right;
text-transform: uppercase;
outline: 0;
line-height: 20px;
}
.config-choose {
background: url(../images/config-choose.png) no-repeat left top;
}
.config-up {
background-position: 0 0px;
float: left;
width: 24px;
margin-right: 8px;
margin-left: 7px;
height: 20px;
cursor: pointer;
background-size: 100%;
}
.config-down {
background-position: 0 -27px;
float: left;
width: 24px;
margin-right: 8px;
margin-left: 7px;
height: 20px;
cursor: pointer;
background-size: 100%;
}
#multifield {
padding: 10px;
position: absolute;
top: 30px;
left: 7px;
background-color: #ffffff;
width: 200px;
border: 1px solid #c6c6c6;
z-index: 101;
-webkit-box-shadow: -1px 0px 3px -3px rgba(0, 0, 0, 0.3);
box-shadow: -1px 0px 3px -3px rgba(0, 0, 0, 0.3);
}
#multifield i {
color: #3b3b3b;
font-family: "Roboto Medium", sans-serif;
font-size: 14px;
text-align: left;
font-style: normal;
}
#multifield p {
clear: both;
width: 100%;
margin: 2px 0;
}
#multifield p input {
margin: 0 0px 0 10px;
}
#multifield b {
color: #3b3b3b;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
text-align: left;
font-weight: normal;
padding-left: 5px;
}
.overlayreport {
background-color: #0a0a0a;
height: 100%;
left: 0;
opacity: 0.5;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
position: absolute;
top: 0px;
width: 100%;
z-index: 100;
}
.columnsdiv {
padding: 10px;
position: absolute;
top: 30px;
left: 7px;
background-color: #ffffff;
width: 200px;
border: 1px solid #c6c6c6;
z-index: 101;
-webkit-box-shadow: -1px 0px 3px -3px rgba(0, 0, 0, 0.3);
box-shadow: -1px 0px 3px -3px rgba(0, 0, 0, 0.3);
}
.columnsdiv i {
color: #3b3b3b;
font-family: "Roboto Medium", sans-serif;
font-size: 14px;
text-align: left;
font-style: normal;
}
.columnsdiv p {
clear: both;
width: 100%;
margin: 2px 0;
}
.columnsdiv p input {
margin: 0 0px 0 10px;
}
.columnsdiv b {
color: #3b3b3b;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
text-align: left;
font-weight: normal;
padding-left: 5px;
}
.columnsdivbig {
padding: 10px;
position: absolute;
top: 30px;
left: 7px;
background-color: #ffffff;
width: 600px;
border: 1px solid #c6c6c6;
z-index: 101;
-webkit-box-shadow: -1px 0px 3px -3px rgba(0, 0, 0, 0.3);
box-shadow: -1px 0px 3px -3px rgba(0, 0, 0, 0.3);
}
.columnsdivbig i {
color: #3b3b3b;
font-family: "Roboto Medium", sans-serif;
font-size: 14px;
text-align: left;
font-style: normal;
clear: both;
width: 100%;
float: left;
}
.columnsdivbig p {
width: 200px;
margin: 2px 0;
float: left;
}
.columnsdivbig p input {
margin: 0 0px 0 10px;
}
.columnsdivbig b {
color: #3b3b3b;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
text-align: left;
font-weight: normal;
padding-left: 5px;
}
.empcolumnsdiv {
left: 243px;
top: -27px;
}
.new-form-ui-submit button.previewreport {
background-color: #208bbd;
border: 1px solid #006391;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 26px;
padding: 3px 10px 4px 10px;
font-size: 14px;
text-shadow: 0 1px 0 #006391;
font-family: "Roboto Regular", sans-serif;
color: #ffffff;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
cursor: pointer;
float: left;
margin-right: 10px;
text-transform: uppercase;
outline: 0;
line-height: 20px;
margin-top: 0 !important;
}
.reports-block-area {
margin: 0 0 0 0;
clear: both;
padding: 0 0 1% 0;
float: left;
width: 100%;
float: left;
border: 1px solid #cfcfcf;
background-color: #ffffff; /* min-height:315px; */
background: url(../images/reports-ctrl-bg-1.png) repeat-x left -19px #fff;
position: relative;
}
.reports-sprite {
background: url(../images/reports-sprite.png) no-repeat left top;
}
.reports-ctrl {
margin: 0;
padding: 1% !important;
width: 98%;
clear: both;
float: left;
height: 120px; /*-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;*/
}
.reports-block-area .simply-scroll .simply-scroll-clip {
height: 145px;
}
.reports-block-area .simply-scroll {
height: 110px;
margin-bottom: 30px;
}
.reports-div {
margin: 0;
padding: 0;
float: left;
width: 94px;
margin-right: 20px;
position: relative;
list-style: none;
}
.reports-div p {
color: #727272;
font-family: "Roboto Regular", sans-serif;
font-size: 12px;
text-align: center;
font-weight: normal;
margin: 8px 0 0 0;
padding: 0;
width: 100%;
line-height: 17px;
float: left;
cursor: pointer;
}
.reports-div p.one-line {
margin-top: 0px !important;
font-size: 14px;
color: #333;
text-decoration: none;
padding: 3px 5px;
}
.reports-div a p.one-line {
color: #fff;
}
.reports-div:hover p,
.reports-div p.selected-report {
color: #ea7c2e;
}
.org-report {
background-position: 0 7px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.org-report:hover,
.org-report-selected,
#organisation_rpt_div:hover span {
background-position: 0 -71px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.user-report {
background-position: 0 -150px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.user-report:hover,
.user-report-selected,
#usermanagement_rpt_div:hover span {
background-position: 0 -228px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.emp-report {
background-position: 0 -306px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.emp-report:hover,
.emp-report-selected,
#employees_rpt_div:hover span {
background-position: 0 -384px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.resource-report {
background-position: 0 -462px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.resource-report:hover,
.resource-repor-selected,
#requisition_rpt_div:hover span {
background-position: 0 -540px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.leave-report {
background-position: 0 -618px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.leave-report:hover,
.leave-report-selected,
#leaves_rpt_div:hover span {
background-position: 0 -697px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.holiday-report {
background-position: 0 -780px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.holiday-report:hover,
.holiday-report-selected,
#holiday_rpt_div:hover span {
background-position: 0 -864px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.background-report {
background-position: 0 -944px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.background-report:hover,
.background-report-selected,
#background_rpt_div:hover span {
background-position: 0 -1022px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.logs-report {
background-position: 0 -1101px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.logs-report:hover,
.logs-report-selected,
#logs_rpt_div:hover span {
background-position: 0 -1183px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.servicedesk-report {
background-position: 0 -1264px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.servicedesk-report:hover,
.servicedesk-report-selected,
#servicedesk_rpt_div:hover span {
background-position: 0 -1347px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.performance-report {
background-position: 0 -1427px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.performance-report:hover,
.performance-report-selected,
#performance_rpt_div:hover span {
background-position: 0 -1508px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.timemanagement-report {
background-position: 0 -1595px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
.timemanagement-report:hover,
.timemanagement-report-selected,
#timemanagement_rpt_div:hover span {
background-position: 0 -1666px;
float: left;
width: 94px;
height: 39px;
cursor: pointer;
}
#performance_rpt_div .performance-report,
#performance_rpt_div .performance-report-selected {
height: 49px !important;
}
#performance_rpt_div.reports-div p {
margin-top: 0 !important;
}
.chart-ctrl {
float: left; /* width:96%; margin:0 2%; */
margin: 0;
width: 100%;
}
.activity-chart-view {
float: left;
width: 760px;
height: 320px;
margin: 0 10px 20px 10px;
padding: 15px;
border: 1px solid #d5d5d5;
text-align: center;
}
.chart-view {
float: left;
width: 760px;
height: 320px;
margin: 0 10px 20px 10px;
padding: 15px;
border: 1px solid #f8f8f8;
text-align: center; /*background:url(../images/demo-report.jpg) no-repeat center center; */
}
.chart-view-1 {
float: left;
width: 354px;
height: 320px;
margin: 0 10px 20px 10px;
padding: 15px;
border: 1px solid #f8f8f8;
text-align: center; /*background:url(../images/demo-report.jpg) no-repeat center center; */
}
.chart-text {
color: #ea7c2e;
font-family: "Roboto Regular", sans-serif;
font-size: 15px;
text-align: left;
font-weight: normal;
float: left;
width: 100%;
clear: both;
}
.chart-div {
float: left;
clear: both;
}
.back-page-div {
position: absolute;
top: -35px;
right: 140px; /*top: 1%; right: 1%; */
}
.back-page-div-report {
position: absolute;
top: -40px;
right: 168px; /*top: 1%; right: 1%; */
}
.reports-grid-ctrl {
display: block;
width: 100%;
margin: 0;
}
.reports-heading {
font-family: "PTSansbold", sans-serif;
font-size: 15px;
color: #000000;
text-align: left;
float: left;
text-transform: uppercase;
text-shadow: 0 1px 0 #ffffff;
}
.left-config-ctrl .heading-name-1 {
font-size: 15px;
text-transform: capitalize;
color: #3b3b3b;
}
.new-form-ui-report {
float: left;
padding: 0px;
width: 202px;
color: #3b3b3b;
margin: 0 15px 23px 0px;
min-height: 57px;
position: relative;
}
.new-form-ui-report label {
font-family: "Roboto Regular", sans-serif;
color: #3b3b3b;
font-size: 14px;
font-weight: normal;
height: auto;
padding: 0;
margin: 0px 0 8px 0;
text-align: left;
float: left; /*width:100%; min-width: 225px;*/
clear: both;
}
.new-form-ui-report label .tooltip {
top: 2px;
position: relative;
}
.new-form-ui-report label.required:after {
color: red;
content: " *";
}
.new-form-ui-report .division {
float: left;
padding: 0;
text-align: left;
width: 100%;
position: relative;
}
.new-form-ui-report input[type="text"] {
border: 1px solid #c6c6c6;
width: 273px;
float: left;
background-color: #ffffff;
height: 26px;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #828282;
padding: 0 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
line-height: 26px;
text-align: left;
outline: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.del-position {
position: absolute; /* right: 7px; */
left: 77px;
top: 12px;
}
#add-candidate,
#uploadMultipleDocs {
background-color: #208bbd;
border: 1px solid #208bbd; /* -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/
height: 26px;
padding: 0px 10px;
font-size: 14px; /*text-shadow: 0 1px 0 #006391;*/
font-family: "Roboto Regular", sans-serif;
color: #ffffff; /*-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);*/
cursor: pointer;
float: left;
text-transform: uppercase;
outline: 0;
line-height: 20px;
}
#menu-hide-show {
position: absolute;
width: 100%;
z-index: 99;
display: none;
}
#mainmenushowhidebutton {
/*position: absolute; right:45%; top: -1px; width:155px;*/
margin: 0 auto;
-moz-transition: all 0.3s linear 0s;
background: url(../images/black-pattren-bg.png) repeat; /* background: #4d4d4d; */
opacity: 0.9;
cursor: pointer;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.74);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.74);
border: 1px solid #000000;
border-top: 0;
display: inline-block;
/*height: 23px;*/
height: 20px;
/*padding: 5px 10px 2px 10px;*/
padding: 2px 10px;
}
/*new menu css Start*/
.js .menu {
height: 1.5em; /* overflow: hidden;*/
}
.flexMenu-popup {
list-style-type: none;
padding: 4px 0;
background-color: #fff;
margin: 0;
z-index: 125;
-webkit-box-shadow: -1px 0px 3px 1px rgba(0, 0, 0, 0.3);
box-shadow: -1px 0px 3px 1px rgba(0, 0, 0, 0.3);
right: 0px;
width: 168px;
}
.lt-ie8 .flexMenu-popup {
}
.flexMenu-popup a {
display: block;
}
.flexMenu-popup a:hover {
background-color: #006363;
color: #fff;
display: block;
}
.menu-head ul.flexMenu-popup li a {
background: none;
}
.menu-head ul.flexMenu-popup li b {
color: #333;
}
.menu-head ul.flexMenu-popup li:hover {
cursor: pointer;
}
.menu-head ul.flexMenu-popup li:hover b {
color: #e71052;
}
.menu-head ul.flexMenu-popup li.link-selected b {
color: #e71052;
}
.menu-head ul.flexMenu-popup li {
padding: 6px 2px;
text-align: left;
width: 84%;
}
li.flexMenu-viewMore {
position: relative;
}
/*new menu css END*/
.dragableBox {
z-index: 999999999 !important;
}
.hiddenclass {
display: none;
}
.radioclass {
width: 274px;
}
.themes_iconnor {
background: url("../images/themes_icon.png") no-repeat scroll 0 0
rgba(0, 0, 0, 0);
color: #fff;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
height: 16px;
line-height: 16px;
margin: 10px 0 0;
padding-left: 20px;
}
.themesbg {
background: url("../images/themes_bg.png") repeat scroll left top
rgba(0, 0, 0, 0);
display: block;
height: 74px;
left: -10px;
position: absolute;
top: 2px;
width: 177px;
z-index: 999999 !important;
}
.themes_icon {
background: url("../images/themes_icon.png") no-repeat scroll 0 0
rgba(0, 0, 0, 0);
color: #646464;
cursor: default;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 16px;
margin: 8px 0 0 8px;
padding-left: 20px;
}
.themes_spritediv {
clear: both;
line-height: 20px;
padding: 20px 0 0 11px;
}
.themes_sprite {
background: url(../images/Themes_sprite.png) no-repeat left top;
display: block;
}
.blue {
background-position: 0px 0px;
cursor: pointer;
margin-right: 8px;
}
.brown {
background-position: -22px 0px;
cursor: pointer;
margin-right: 8px;
}
.gray {
background-position: -44px 0px;
cursor: pointer;
margin-right: 8px;
}
.peacock {
background-position: -66px 0px;
cursor: pointer;
margin-right: 8px;
}
.skyblue {
background-position: -88px 0px;
cursor: pointer;
margin-right: 8px;
}
.green {
background-position: -110px 0px;
cursor: pointer;
margin-right: 8px;
}
.orange {
background-position: -132px 0px;
cursor: pointer;
margin-right: 8px;
}
/*.super_cnt{float:right;padding-left: 2px;margin-top:-6px;}*/
.set_over_text .span_sermenu {
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 76%;
word-wrap: break-word;
font-style: normal;
}
.super_cnt {
float: right; /*padding-left: 2px; margin-top:-6px; position:relative; top:-4px; */
font-weight: normal;
background: #efefef;
padding: 0 4px;
line-height: 21px;
text-align: center;
margin-top: 2px;
width: 14%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 14%;
word-wrap: break-word;
}
.side-menu-selected .super_cnt {
background: #f7f4ed;
text-shadow: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 14%;
word-wrap: break-word;
}
.back-to-page-1 {
position: absolute;
right: 0;
top: -36px;
}
.back-to-page-1 input[type="submit"],
.back-to-page-1 input[type="button"],
.back-to-page-1 button {
background-color: #208bbd;
border: 1px solid #006391;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 26px;
padding: 3px 10px 4px 10px;
font-size: 14px;
text-shadow: 0 1px 0 #006391;
font-family: "Roboto Regular", sans-serif;
color: #ffffff;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
cursor: pointer;
float: right;
text-transform: uppercase;
outline: 0;
line-height: 20px;
}
.req_view_buttons {
float: left;
width: 100%;
clear: both;
margin-top: 10px;
}
.req_view_buttons input[type="submit"],
.req_view_buttons input[type="button"],
.req_view_buttons button {
background-color: #208bbd;
border: 1px solid #006391;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 26px;
padding: 3px 10px 4px 10px;
font-size: 14px;
text-shadow: 0 1px 0 #006391;
font-family: "Roboto Regular", sans-serif;
color: #ffffff;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
cursor: pointer;
float: left;
text-transform: uppercase;
outline: 0;
line-height: 20px;
margin-right: 10px;
}
.add_request {
clear: both;
margin: 10px 0 0 0;
padding: 0;
width: 100%;
float: left;
}
.status-top-buttons {
background-color: #208bbd;
height: 26px;
padding: 0px 10px;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
color: #ffffff;
cursor: pointer;
float: right;
text-transform: uppercase;
outline: 0;
line-height: 20px;
margin-left: 10px;
}
.reg-info-block {
margin: 0;
clear: both;
padding: 0;
float: left;
width: 100%;
border: 1px solid #cfcfcf;
background-color: #ffffff; /* min-height:315px; */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.status-div {
float: left;
width: 48%;
padding: 1%;
min-height: 150px;
}
.status-info {
margin: 0;
width: 100%;
padding: 10px 0px;
float: left;
}
.status-info label {
float: left;
width: 40%;
text-align: left;
color: #3b3b3b;
font-size: 13px;
font-family: "PTSansBold", sans-serif;
padding-left: 10px;
font-weight: normal;
}
.status-info label.number-text:after {
font-family: Arial, Helvetica, sans-serif;
content: " #";
}
.status-info label b {
float: right;
font-weight: normal;
}
.status-info p,
.status-info span {
float: right;
width: 52%;
word-wrap: break-word;
text-align: left;
color: #3b3b3b;
font-size: 13px;
font-family: "Roboto Regular", sans-serif;
padding-right: 10px;
}
.status-info p .select2-container a span {
margin: 0;
float: left;
}
.status-info p b {
font-family: "PTSansBold", sans-serif;
font-weight: normal;
}
.status-info p a {
color: #208bbd;
text-decoration: none;
text-align: left;
}
.status-info p textarea {
border: 1px solid #c6c6c6;
width: 184px;
float: left;
background-color: #ffffff;
height: 60px;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
color: #828282; /*padding:6px 8px;*/
padding: 3px 8px;
resize: none;
line-height: 20px;
outline: none;
overflow-y: auto;
margin: 0;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.status-info .maxlength-feedback {
float: left;
width: 100%;
color: #999999;
margin: 0;
font-size: 11px;
margin-top: 2px;
}
.employee-details-div {
float: right;
width: 49%;
border-left: 1px solid #e7e7e7;
}
.raised-by-employee-details {
float: left;
width: 88%;
padding: 2%;
margin: 4%;
background-color: #f8f6f6;
min-height: 150px;
}
.raised-by-employee-details h2 {
width: 100%;
margin: 0;
padding: 0;
float: left;
clear: both;
font-family: "PTSansBold", sans-serif;
font-size: 13px;
font-weight: normal;
text-shadow: 0 1px 0 #ffffff;
text-transform: uppercase;
text-align: left;
color: #3b3b3b;
}
.raised-info {
margin: 0;
width: 100%;
padding: 10px 0px;
float: left;
}
.raised-info label {
float: left;
width: 40%;
text-align: left;
color: #3b3b3b;
font-size: 13px;
font-family: "PTSansBold", sans-serif;
padding-left: 10px;
font-weight: normal;
}
.raised-info label b {
float: right;
font-weight: normal;
}
.raised-info p {
float: right;
width: 52%;
word-wrap: break-word;
text-align: left;
color: #3b3b3b;
font-size: 13px;
font-family: "Roboto Regular", sans-serif;
padding-right: 10px;
}
.raised-info p a {
color: #208bbd;
text-decoration: none;
text-align: left;
}
.raised-info p textarea {
border: 1px solid #c6c6c6;
width: 184px;
float: left;
background-color: #f4f4f4;
height: 60px;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
color: #3b3b3b; /*padding:6px 8px;*/
padding: 3px 8px;
resize: none;
line-height: 20px;
outline: none;
overflow-y: auto;
margin: 0;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.history-info-div {
margin: 10px 0 0 0;
clear: both;
padding: 0;
float: left;
width: 100%;
}
.history-div {
float: left;
width: 48%;
margin: 0;
clear: both;
padding: 0;
border: 1px solid #cfcfcf;
background-color: #ffffff;
padding: 1%;
}
.history-div h2 {
width: 100%;
margin: 0 0 15px 0;
padding: 0;
float: left;
clear: both;
font-family: "PTSansBold", sans-serif;
font-size: 13px;
font-weight: normal;
text-shadow: 0 1px 0 #ffffff;
text-transform: uppercase;
text-align: left;
color: #3b3b3b;
}
.history-flow {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
width: 100%;
float: left;
clear: both;
border-bottom: 1px solid #cccccc;
}
.history-flow:last-child {
border-bottom: 0;
margin: 0;
padding: 0;
}
.history-img {
float: left;
margin: 0 10px 0 0;
padding: 0;
width: 30px;
height: 30px;
text-align: center;
border: 1px solid #9b9999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.history-img img {
width: 28px;
height: 28px;
padding: 1px;
}
.history-text {
float: left;
color: #3b3b3b;
width: 92%;
}
.history-text span {
float: left;
width: 100%;
clear: both;
text-align: left;
font-family: "Roboto Regular", sans-serif, sans-serif;
font-size: 14px;
font-weight: normal;
word-wrap: break-word;
color: #3b3b3b;
margin: 0 0 5px 0;
}
.history-text p {
float: left;
width: 100%;
clear: both;
text-align: left;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
font-weight: normal;
word-wrap: break-word;
color: #1f8abc;
margin: 0 0 5px 0;
}
.history-text b {
float: left;
width: 100%;
clear: both;
text-align: left;
font-family: "Roboto Regular", sans-serif;
font-size: 12px;
font-weight: normal;
color: #888888;
}
.info-show-div {
float: left;
width: 48%;
margin-left: 1%;
}
.single-info-div {
margin: 0 0 5px 0;
float: left;
width: 100%;
text-align: left;
color: #000000;
font-size: 13px;
font-family: "Roboto Regular", sans-serif;
}
.info-show {
float: left;
min-width: 150px;
width: 15%;
}
.single-info-div span {
float: left;
color: #000000;
font-size: 13px;
font-family: "Roboto Regular", sans-serif;
width: 75%;
text-align: left;
}
.info-show-text {
float: left;
margin-bottom: 8px;
min-width: 150px;
width: 66%;
}
.add-btn-div {
float: right;
background: #ea7c2e;
padding: 5px 10px;
margin: -4px 4px 0 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
.add-btn-div_new {
float: right;
background: #ea7c2e;
padding: 5px 10px;
margin: -3px 4px 0 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.add-btn-div {
margin: -5px 4px 0 0;
}
}
.ajax-file-upload-error {
color: #ff0000;
font-size: 12px;
font-family: "Roboto Regular", sans-serif, sans-serif;
float: left;
text-align: left;
margin-top: 8px;
}
#successpan {
margin: 0 0 15px 0;
width: 310px;
position: relative;
top: -25px;
float: left;
clear: both;
}
#successpan span {
background: url(../images/download-file.png) no-repeat left center;
float: left;
padding: 3px 0 4px 40px;
font-size: 16px;
font-family: "Lato", georgia, serif;
font-weight: normal;
color: #dc6510;
text-shadow: 0 1px 0 #ffffff;
}
#successpan a {
color: #208bbd;
text-decoration: none;
}
@media all and (max-width: 1024px) and (min-width: 0px) {
/*body { overflow-x: hidden; }*/
.all-bg-ctrl .action-to-page {
position: absolute;
right: 83px;
top: 160px;
}
.back-to-page {
position: absolute;
right: 0;
top: 150px;
}
.new-form-ui,
.new-form-ui-multi {
/*margin:0 4px 0 0;*/
}
.newframe-div .new-form-ui {
margin: 0 15px 0 0;
}
#footer {
position: relative;
float: left;
}
.chart-view {
margin: 0 20px 20px 0;
}
.history-text {
width: 84%;
}
}
@media all and (max-width: 1280px) and (min-width: 1024px) {
.new-form-ui,
.new-form-ui-multi {
margin: 0 10px 0 0;
}
/*.right-block-data .new-form-ui { margin:0 10px 0 0; } */
.history-text {
width: 85%;
}
}
.upload-attachment input[type="file"] {
text-indent: -999999px;
color: transparent;
text-shadow: 0 0 0 #000;
}
.upload-attachment input[type="file"]:focus {
outline: none;
}
.styled-v-bar {
/* sample CSS class for a different vertical scrollbar look */
background: url(../images/custom-scroll-bar.png) center top no-repeat;
width: 10px;
margin-right: 0;
margin-bottom: 4px;
}
.styled-v-bar ins {
/* Style for the "ins" inner element, or bottom of the scrollbar */
display: block;
background: url(../images/custom-scroll-bar.png) center bottom no-repeat;
width: 10px;
height: 4px;
position: absolute;
top: 100%;
}
/* INVITE FRIENDS */
.invfrnds_confirm {
width: 550px;
margin: 0 auto; /* -webkit-box-shadow: 0px 0px 10px 0px #000; -ms-box-shadow: 0px 0px 10px 0px #000; -moz-box-shadow: 0px 0px 10px 0px #000; -o-box-shadow: 0px 0px 10px 0px #000; box-shadow: 0px 0px 10px 0px #000;*/
background-color: #fff;
-webkit-border-radius: 12px;
border-radius: 12px; /* border: 5px solid #242424;*/
}
.popup_header {
padding: 10px;
}
.invte_frnds {
display: inline-block;
width: 100%;
clear: both;
margin-bottom: 25px;
}
.invte_frnds ul {
padding: 0px 25px 0px 23px;
}
.invte_frnds ul li {
float: left;
margin: 25px 0px 0px 8px;
}
.invte_frnds ul li:first-child {
margin-left: 0px;
}
.margin {
margin-left: 8px !important;
}
.textgreen {
font-family: "frutiger_lt_std_57_cnregular";
font-weight: bold;
font-size: 20px;
color: #44d24e;
}
.textgreen_2 {
font-family: "frutiger_lt_std_57_cnregular";
font-weight: bold;
font-size: 18px;
color: #44d24e;
}
.width {
width: 300px !important;
height: 23px !important;
text-align: left !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.width_2 {
width: 350px !important;
height: 23px !important;
text-align: left !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.invt_frnds_buttons_2 {
display: inline-block;
float: right;
position: relative;
}
.filed_msg {
display: block;
clear: both;
padding-top: 5px;
font-family: "frutiger_lt_std_57_cnregular";
font-size: 14px;
text-transform: uppercase;
color: #b6b6b6;
}
.confirm_container {
padding: 20px 15px;
}
.confirm_headers {
border: solid red 1px;
height: 50px;
}
.invt_frnds_textarea {
min-width: 350px;
max-width: 350px;
width: 350px;
display: block;
margin-top: 20px;
padding: 10px;
color: #808080;
font-weight: normal;
min-height: 100px;
height: 100px;
background-image: -moz-linear-gradient(center top, #ffffff 40%, #e5e5e5 100%);
border: 1px solid #cccccc;
border-radius: 5px 5px 5px 5px;
color: #cccccc;
font-family: "frutiger_lt_std_87_extrablkRg";
font-size: 16px;
}
.invfrnds_confirm_2 {
width: 418px;
margin: 0 auto;
-webkit-box-shadow: 0px 0px 10px 0px #000;
-ms-box-shadow: 0px 0px 10px 0px #000;
-moz-box-shadow: 0px 0px 10px 0px #000;
-o-box-shadow: 0px 0px 10px 0px #000;
box-shadow: 0px 0px 10px 0px #000;
background-color: #fff;
}
.nomargin_1 {
margin-top: 0px !important;
}
.topmargin {
}
/* Overly Background Color */
.black_overlay {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.65;
opacity: 0.65;
filter: alpha(opacity=65);
text-align: center;
}
.white_content {
display: none;
position: absolute;
top: 20%;
left: 0px;
z-index: 1002;
width: 100%;
}
/* SEARCH MESSAGE BOX */
.search_msg {
display: block;
min-width: 350px !important;
text-align: center;
font-family: "frutiger_lt_std_57_cnregular";
font-size: 14px;
text-transform: uppercase;
color: darkred;
position: relative;
top: 90px;
}
/* Added by mainak for employee mapping */
.checklist_new_fields #actionButtonsDiv #cancelButtonDiv .raise_button {
background: none !important;
color: #4b4b4b !important;
text-shadow: none;
margin-left: 0;
padding-left: 0;
}
.checklist_new_fields #actionButtonsDiv #cancelButtonDiv .raise_button:hover {
text-decoration: underline;
}
.users_list {
width: 100%;
clear: both;
float: left;
}
.users_list_left {
margin-bottom: 5px;
width: 100%;
float: left;
min-height: 100px;
max-height: 348px;
}
.users_list_left .alt-scroll-content,
.users_list_right .alt-scroll-content {
width: 100% !important;
}
.users_list_right {
float: left;
width: 100%;
margin-right: -12px;
margin-bottom: 25px;
max-height: 348px;
}
.emmp_sel_div {
width: 98%;
margin: 0 auto;
}
.users_left_list_div:hover,
.users_right_list_div:hover,
.no_search_results:hover {
background: #cbe0ec;
}
.manager_feed_forward_pop .users_left_list_div:hover {
background: none repeat scroll 0 0 transparent;
}
.performance_appraisal_rep .users_left_list_div:hover {
background: none repeat scroll 0 0 transparent;
}
.performance_appraisal_rep .users_left_list_div {
border: none;
margin-top: 4px;
width: 220px;
}
.users_list_left_title,
.users_list_right_title {
clear: both;
width: 100%;
text-align: left;
margin-bottom: 0px;
height: 15px;
font-family: "Roboto Regular";
color: #3b3b3b;
font-size: 14px;
}
.users_list_left_title .emp_count,
.users_list_right_title .emp_count {
color: #248fc0;
padding-left: 2px;
}
.no_right_data_found,
.no_left_data_found,
.no_search_results,
.no_right_data_found,
.no_search_results_right {
text-align: center;
height: 28px !important;
border: 1px solid #fbeed5 !important;
color: #c09853 !important;
padding-top: 10px !important;
width: 91% !important;
background: #fff9ea !important;
}
.no_right_data_found:hover,
.no_left_data_found:hover {
background-color: #fff;
}
.no_right_data_found .values,
.no_left_data_found .values,
.no_search_results .values,
.no_search_results_right .values {
float: none !important;
color: #c09853 !important;
padding: 0 !important;
font-size: 12px !important;
}
.invfrnds_confirm #saveButtonDiv,
.invfrnds_confirm #cancelButtonDiv {
float: left;
}
.invfrnds_confirm #actionButtonsDiv {
margin: 0 auto;
width: 184px;
}
.invfrnds_confirm .action_buttons_div {
padding-top: 4px;
}
.users_left_list_div,
.users_right_list_div {
height: 31px;
padding: 10px 0 0 6px;
border: 1px solid #dbdbdb;
margin-top: 11px;
width: 96%;
margin-right: 13px;
float: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.users_left_list_div,
.users_right_list_div {
height: 64px;
padding: 5px 0 0 6px;
border: 1px solid #999898;
margin-top: 11px;
width: 187px;
margin-right: 13px;
float: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.added_users_list_div {
height: 40px;
padding: 5px 0 0 6px;
border: 1px solid #c8c8c8;
margin-top: 11px;
width: 111px;
margin-right: 13px;
float: left;
background-color: #e0e0e0;
}
.added_users_list_div.no_added_user_found {
height: 40px;
padding: 5px 0 0 6px;
border: 1px solid #c8c8c8;
margin-top: 11px;
width: 373px;
margin-right: 13px;
float: left;
background-color: #e0e0e0;
}
.added_users_list_div.no_added_user_found .values {
margin-top: 7px;
text-align: center;
width: 365px;
}
.users_list .values {
float: left;
font-family: "Roboto Regular";
color: #5a5a5a;
font-size: 15px;
padding-right: 8px;
}
/*.member_name, .member_type{ font-family: 'Roboto Regular'; color:#2590c2; font-size: 15px; margin-left: 7px; margin-right: 0px; height: 39px; margin-top: 0; overflow: hidden;}*/
.users_list .no_right_data_found .values {
padding: 0;
font-size: 12px;
}
.member_name {
text-align: left;
display: block;
float: left;
width: 113px;
font-family: "Roboto Regular";
color: #2590c2;
font-size: 13px;
line-height: 14px;
word-wrap: break-word;
height: 16px;
overflow: hidden;
}
.member_id {
color: #737373;
font-size: 13px; /*font-family: 'Roboto Regular';*/
float: left;
width: 120px;
display: block;
text-align: left;
height: 19px;
overflow: hidden;
line-height: 19px;
}
.member_jname {
color: #333;
font-size: 13px; /* font-family: 'Roboto Regular';*/
float: left;
width: 111px;
display: block;
text-align: left;
height: 20px;
overflow: hidden;
}
.member_type {
float: right;
}
.company-new-div {
margin: 0;
width: 100%;
table-layout: fixed;
display: table;
border-spacing: 10px;
}
.company-tabs {
margin: 0;
padding: 0;
display: table-cell;
width: 33%;
}
.company-tabs h1 {
margin: 0 0 10px 0;
padding: 0;
clear: both;
width: 100%;
float: left;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
color: #333333;
text-align: left;
text-transform: uppercase;
}
.flt_right {
float: right !important;
}
.flt_left {
float: left !important;
}
.uploadbut_exel {
color: #fff;
font-family: "Roboto Regular";
font-size: 14px;
height: 20px;
text-align: center;
padding: 4px 0;
width: 130px;
background: #0fc397;
margin-right: 6px;
}
.importformatlink {
color: #000000;
font-family: "Roboto Regular";
font-size: 14px;
text-decoration: none;
padding: 5px 15px 5px 15px;
background: #e9eef3;
margin-right: 6px;
}
.importformatlink:last-child {
margin-right: 0;
}
#pageshortcutdiv.help_appri_list {
cursor: default;
}
.help_appri_list a {
padding-top: 0px;
margin-right: 17px;
padding-left: 20px;
padding-right: 5px;
cursor: pointer;
background: url(../images/doc_help.png) left center no-repeat;
}
#pageshortcutdiv.help_appri_list .shortcut-icon {
cursor: pointer;
}
.help_appri_view {
float: right;
margin-top: -23px;
margin-right: 2%;
position: relative; /*z-index: 900;*/
}
.help_appri_view a {
background: url(../images/doc_help.png) left center no-repeat;
padding-left: 20px;
padding-top: 0;
}
.actions_div {
height: 50px;
}
.usedleaves {
color: #0b709f;
}
.leavenames {
color: #565656;
margin-top: 3px;
margin-bottom: 10px;
font-size: 13px;
}
.resumeclass {
float: left;
margin-top: 26px;
margin-left: 27px;
}
ul.toggle_ul {
clear: both;
float: left;
margin-bottom: 0;
margin-left: 0px;
width: 100%;
}
ul.toggle_ul li.active {
cursor: pointer;
}
ul.toggle_ul li {
background: none repeat scroll 0 0 #fff;
float: left;
font-size: 14px;
min-height: 145px;
list-style: outside none none;
width: 33.333%;
padding: 5px 0;
text-align: center;
border-bottom: 3px solid #75bf0c; /*border-right:2px solid #eeeeee;*/
position: relative;
background: url(../images/border_right.png) right center repeat-y #f0f3f7;
cursor: pointer;
}
ul.toggle_ul li:last-child {
border-right: none;
background: none #f0f3f7;
}
ul.toggle_ul li .step_round {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 86px;
height: 71px;
border: 5px solid #ccc;
margin-left: 11px;
font-family: "Roboto Regular";
margin-top: 25px;
float: left;
font-size: 14px;
text-align: center;
padding-top: 15px;
margin-right: 11px;
}
ul.toggle_ul li.step_1 .step_round {
border-color: #cfbaaa;
color: #cfbaaa;
}
ul.toggle_ul li.step_2 .step_round {
color: #9ac6e9;
}
ul.toggle_ul li.step_2 .step_round {
border-color: #9ac6e9;
}
ul.toggle_ul li.step_3 .step_round {
color: #7ed7b9;
}
ul.toggle_ul li.step_3 .step_round {
border-color: #7ed7b9;
}
ul.toggle_ul li.step_1:hover,
ul.toggle_ul li.step_1.active {
background: url(../images/border_right.png) right center repeat-y #cfbaaa;
}
ul.toggle_ul li.step_2:hover,
ul.toggle_ul li.step_2.active {
background: url(../images/border_right.png) right center repeat-y #9ac6e9;
}
ul.toggle_ul li.step_3:hover,
ul.toggle_ul li.step_3.active {
background: #7ed7b9;
}
ul.toggle_ul li:hover .step_round a,
ul.toggle_ul li.active .step_round a,
ul.toggle_ul li.active .left_tab_content .tab_txt {
color: #fff;
}
ul.toggle_ul li:hover .step_round,
ul.toggle_ul li.active .step_round {
border-color: #fff;
color: #fff;
}
.left_tab_content {
text-align: left;
}
ul.toggle_ul li .tab_title {
font-size: 16px;
font-family: "Roboto Regular";
color: #333;
padding-top: 23px;
font-weight: normal;
}
ul.toggle_ul li .tab_txt {
font-size: 13px;
font-family: "Roboto Light";
color: #8c8c8c;
padding-top: 10px;
display: block;
padding-right: 30px;
}
ul.toggle_ul li:hover .tab_title,
ul.toggle_ul li.active .tab_title {
color: #fff;
}
ul.toggle_ul li:hover .tab_txt {
color: #fff;
}
ul.toggle_ul li.active {
color: #fff;
}
ul.toggle_ul li.incomplete {
border-bottom: 3px solid #757473;
}
ul.toggle_ul li .step_round .num_txt {
font-size: 30px;
font-family: "Roboto Light";
display: block;
line-height: 30px;
}
ul.toggle_ul li .completed_icon {
display: none;
}
ul.toggle_ul li.complete .completed_icon {
background: url(../images/tabs_comleted_ico.png) left no-repeat;
height: 22px;
display: block;
position: absolute;
right: 0;
top: 9px;
width: 31px;
}
.status_txt {
position: absolute;
right: 3px;
bottom: -3px;
padding: 2px 5px 6px;
font-family: "Roboto Light";
font-size: 16px;
}
ul.toggle_ul li:last-child .status_txt {
right: 0px;
}
.status_txt.complete_status {
background: #75bf0c;
color: #fff;
}
.status_txt.in_progress {
background: #757473;
color: #fff;
}
ul.toggle_ul li a {
color: #cfbaaa;
text-decoration: none;
}
input,
textarea,
select,
a,
button,
button:focus {
outline: medium none;
}
.left-user {
float: left;
width: 48%;
border-right: 1px solid #cccccc;
}
.left-user.right_left_user {
border: none;
padding-left: 21px;
}
.left-user-full-width {
margin-left: 20px;
border: medium none;
width: 97%;
}
.search_emp_by_name_div {
margin-top: 10px;
padding-right: 8px;
width: 230px;
float: left;
clear: both;
position: relative;
}
.search_emp_by_name_div input[type="text"] {
width: 203px;
border: 1px solid #a7a7a7;
height: 30px;
-webkit-box-shadow: inset 0 2px 4px -4px rgba(0, 0, 0, 0.53);
-moz-box-shadow: inset 0 2px 4px -4px rgba(0, 0, 0, 0.53);
box-shadow: inset 0 2px 4px -4px rgba(0, 0, 0, 0.53);
padding-right: 30px;
padding-left: 10px;
float: left;
}
.search_emp_by_name_div input[type="button"] {
border: none;
background: url(../images/search_icon.png) center no-repeat #fff;
position: absolute;
padding: 0;
right: 0px;
top: 7px;
text-indent: -25879px;
width: 20px;
height: 20px;
cursor: pointer;
}
.search_emp_by_name_div input.btn_search_clear[type="button"] {
border: none;
background: url(../images/search_clear_icon.png) center no-repeat #fff;
position: absolute;
}
.cls_headers.acc_odd {
background-color: #fff;
background-image: none;
}
.cls_headers.acc_even {
background-color: #f6f6f4;
background-image: none;
}
.line_manager_grid .ui-accordion-header {
border-bottom: medium none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
clear: both;
}
.requisition-table tr td.check_field,
.check_field {
text-align: left;
}
.question_field,
.field_width {
text-align: left;
}
.per_steps .requisition-table tr th,
.employee_appraisal-table tr th {
padding: 10px 5px 10px 30px;
background: #efefef;
font-family: "Roboto Medium";
color: #333;
font-weight: normal;
font-size: 14px;
}
.per_steps .requisition-table tr th,
.per_steps .requisition-table tr td,
.employee_appraisal-table tr th,
.employee_appraisal-table tr td {
border-right: 1px solid #dadada;
padding: 10px 5px 10px 30px;
vertical-align: middle;
word-wrap: break-word;
}
.check_field {
/*width:126px;*/
width: 14%;
}
.question_field {
width: 33%;
}
.field_width {
width: 53%;
}
.per_steps .requisition-table tr th:last-child, .per_steps .requisition-table tr td:last-child, .employee_appraisal-table tr th:last-child, .employee_appraisal-table tr td:last-child/*, .per_steps .requisition-table tr td:nth-child(3n), .employee_appraisal-table tr td:nth-child(3n)*/ {
border-right: none;
}
.employee_appraisal-table {
border-bottom: 1px solid #dadada;
border-left: 1px solid #dadada;
border-top: 1px solid #7eb3cc;
width: 97%; /*min-height:450px;*/
}
.per_steps {
background: #f8f8f8;
padding-bottom: 40px;
}
.per_steps .new-form-ui-submit {
margin-left: 1.4%;
margin-top: 20px;
}
.per_steps .requisition-table tr:nth-child(odd) td,
.employee_appraisal-table tr:nth-child(odd) td {
background: #fff;
word-wrap: break-word;
}
.per_steps .requisition-table tr:nth-child(even) td,
.employee_appraisal-table tr:nth-child(even) td {
background: #f6f6f6;
word-wrap: break-word;
}
.comments_div_fiel {
width: 45%;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.comments_div_fiel input {
margin-right: 7px;
}
.cofig_title {
font-size: 18px;
text-align: left;
color: #4b4b4b;
font-family: "Roboto Medium";
clear: both;
padding: 20px 0 20px 0;
margin-left: 1.7%;
}
.per_steps .cofig_title {
padding-top: 0px;
}
.cofig_title.top_padd_0 {
padding: 0 0 5px 0;
}
.cofig_title .page_info {
font-size: 13px;
font-family: "Roboto Light";
}
.tabs_all_button {
float: left;
padding-left: 0;
margin-left: 1.6%;
list-style: none;
display: inline-block;
clear: both;
}
.users_list .tabs_all_button {
margin-left: 0;
}
.tabs_all_button li {
/*display:inline;*/
background: #eeeeee;
float: left;
padding: 8px 14px;
color: #757473;
font-family: "Roboto Medium";
cursor: pointer;
font-size: 16px;
}
.feedforwardinit_view .tabs_all_button li {
background: #eeeeee !important;
}
.tabs_all_button li.divider {
background: url(../images/divider.png) right center no-repeat #eeeeee;
}
.tabs_all_button li.active {
color: #208bbd;
}
.groupeddiv {
border: 1px solid #9ac6e9;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomright: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
float: left;
margin: 20px 20px 0 0;
width: 230px;
position: relative;
}
.groupeddiv .grphoverclass {
opacity: 0;
filter: alpha(opacity=0); /*For IE8 and earlier */
visibility: hidden;
}
.groupeddiv:hover .grphoverclass {
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
visibility: visible;
background: url(../images/opp_img.png);
height: 80px;
position: absolute;
top: 0;
width: 100%;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomright: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
display: block;
}
.groupeddiv .grphoverclass ul {
list-style: none;
margin-top: 30px;
margin-left: 15%;
display: table;
}
.groupeddiv .grphoverclass ul li {
color: #fff;
display: inline-block;
font-family: "Roboto Regular";
font-size: 16px;
margin: 0 -1px;
padding: 0 10px;
cursor: pointer;
background: url(../images/divider_2.png) right center no-repeat;
}
.groupeddiv .grphoverclass ul li:last-child {
background: none;
}
.width_98 {
width: 97%;
margin: 0 auto;
clear: both;
}
.groupnamediv {
border-bottom: 1px solid #dcdcdc;
height: 32px;
font-size: 14px;
color: #000;
line-height: 32px;
background: #f6f6f6;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
overflow: hidden;
padding: 0 4px;
text-align: center;
}
.empcountdiv {
font-size: 14px;
color: #454c51;
float: left;
width: 50%;
background: url(../images/group_divider.png) right repeat-y;
padding: 4px 0;
text-align: center;
}
.qscountdiv {
font-size: 14px;
color: #454c51;
float: left;
width: 50%;
padding: 4px 0;
text-align: center;
}
.groupeddiv .count {
display: block;
text-align: center;
font-size: 18px;
font-family: "Roboto Medium";
}
.empcountdiv .count {
color: #61ae24;
}
.qscountdiv .count {
color: #ff6b6b;
}
.create_new_group {
clear: both;
height: 20px;
margin-top: 14px;
margin-left: 21px;
margin-top: 0px;
}
.create_group_div {
background: #eeeeee;
}
.create_group_div.bg_white {
background: #fff;
}
.invfrnds_confirm.create_group_div {
float: left;
width: 90% !important;
min-width: 643px;
margin-top: 20px;
margin-left: 23px;
height: auto !important;
-webkit-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.3);
}
.invfrnds_confirm.create_group_div .users_list {
margin: 0px auto;
float: none;
width: 97%;
}
.invfrnds_confirm.create_group_div .users_list .tabs_all_button li,
.white_tabs li,
.white_tabs li.divider {
background-color: #fff;
}
.addnewqs {
font-size: 16px;
color: #ea8035;
font-family: "Roboto Regular";
float: right;
margin-right: 1.5%;
margin-top: 8px;
cursor: pointer; /*margin-bottom: 11px; changed due to gap of UL*/
margin-bottom: 8px;
}
.invfrnds_confirm.create_group_div .users_left_list_div,
.invfrnds_confirm.create_group_div .users_right_list_div {
background: #fff;
}
.users_left_list_div .profile_img img,
.users_right_list_div .profile_img img {
width: 48px;
height: 48px;
margin-top: 5px;
margin-left: 5px;
border: 1px solid #fff;
outline: 1px solid #a3a3a3;
}
.grpnamecls {
float: left;
clear: both;
width: 98%;
text-align: left;
height: 85px;
margin-left: 21px;
margin-top: 20px;
}
.grpnamecls_2 {
float: left;
width: 100%;
text-align: left;
height: 50px;
line-height: 23px;
height: 35px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #ffffff),
color-stop(100%, #ededed)
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
#ffffff 0%,
#ededed 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
#ffffff 0%,
#ededed 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
border-top: 1px solod #bbbbbb;
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom: 1px solid #bbbbbb;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
padding-top: 7px;
margin-bottom: 10px;
}
.grpnamecls input[type="text"] {
clear: both;
}
.fck_editor_height {
width: 100%;
min-height: 212px;
height: auto;
}
.fck_editor_height .jqte_editor,
.fck_editor_height .jqte_source {
/*resize: none;*/
}
.fck_editor_height .jqte {
width: 100%;
}
.click_view_link_class {
position: absolute;
top: 5px;
left: 200px;
color: #2980b9;
font-family: "Roboto Regular", sans-serif;
text-decoration: none;
}
.click_view_link_class_pd {
position: absolute;
top: 5px;
color: #2980b9;
font-family: "Roboto Regular", sans-serif;
text-decoration: none;
}
.dashboard_birthday {
}
.right_dashboard {
float: right;
width: 20%;
}
.left_dashboard {
float: left;
width: 78%;
}
.to_daybirth {
background: #b8a5d3; /*-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;*/
min-height: 130px;
padding-bottom: 32px;
text-align: center;
}
.no_birthday {
background: #fff7ee;
color: #d8740e;
min-height: 25px;
padding-top: 13px;
padding-bottom: 9px;
border: 1px solid #d3d3d3;
text-align: center;
}
.no_announ {
background: #fff7ee;
color: #e2974a;
text-align: center;
border: none;
}
.no_announ_bord {
border: 1px solid #d3d3d3;
color: #d8740e;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.no_data {
padding: 8px 20px;
background: #fff7ee;
border: 1px solid #d3d3d3;
color: #d8740e; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
position: relative;
top: 64px;
}
.leave_mana span {
float: left;
width: 125px;
}
.my_details_box .leave_mana span {
width: 65px;
}
.leave_mana span.ul_span_2 {
float: none;
padding-left: 9px;
width: auto;
}
.my_details_box .leave_mana span.ul_span_2 {
display: inline-block;
width: 176px;
}
.to_daybirth .view_more_annou {
margin-top: 5px;
color: #594343;
}
.upcoming_birth .view_more_annou {
margin-top: 10px;
}
.to_daybirth pre.pre_class {
background: url(../images/cake_img.png) center 15px no-repeat; /*float: left;*/
padding-left: 15px;
padding-right: 15px;
padding-top: 55px;
font-family: "Roboto Regular";
color: #fff;
font-size: 12px;
text-align: center;
}
.today_birthdayname {
/* float: right;*/
width: 100%;
text-align: center;
text-transform: uppercase;
font-family: "Roboto Bold";
color: #fff;
font-size: 14px;
padding-top: 15px;
}
.upcoming_birth {
clear: both;
background: #fff;
border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
padding: 25px 0px;
padding-bottom: 40px;
}
.today_bday_list,
.upcmg_bday_list {
list-style: none;
}
.today_bday_list li {
display: inline-block;
padding-right: 8px;
}
.upcmg_bday_list li {
color: #333333;
font-size: 13px;
font-family: "Roboto Light";
font-weight: normal;
padding-bottom: 5px;
padding-top: 8px;
border-bottom: 1px dashed #929292;
text-align: right;
}
.upcmg_bday_list li label {
float: left;
}
.upcmg_bday_list li span {
display: inline-block;
}
.company_announc {
/*border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; background:#fff;*/
margin-top: 20px;
padding: 15px 15px 30px;
text-align: left;
border: 1px solid #e9eef3;
}
h4.dashbord_title {
font-size: 14px;
color: #4b4b4b;
font-family: "Roboto Medium";
font-weight: normal;
text-align: left;
}
.company_announc ul {
list-style: none;
margin-top: 8px;
}
.company_announc ul li {
margin-bottom: 10px;
padding: 20px 10px;
cursor: pointer;
position: relative;
}
.multi_files {
background: url(../images/multi-attach.png) no-repeat right center;
height: 25px;
display: block;
position: absolute;
top: 3px;
right: 3px;
padding-right: 23px;
text-align: right;
}
.single_file {
background: url(../images/single-attach.png) no-repeat right center;
height: 20px;
display: block;
position: absolute;
top: 3px;
right: 6px;
padding-right: 16px;
text-align: right;
}
.company_announc ul li:nth-child(1) {
background: #fafbf4;
}
.company_announc ul li:nth-child(2) {
background: #f0fbff;
}
.company_announc ul li:nth-child(3) {
background: #f2fbf8;
}
.company_announc ul li:nth-child(4) {
background: #fff5f5;
}
.company_announc ul li .annou_txt {
color: #333333;
font-family: "Roboto Light";
font-size: 12px;
word-wrap: break-word;
}
.company_announc ul li .annou_date {
color: #a5a6a5;
font-family: "Roboto Regular";
font-size: 12px;
}
.view_more_annou,
.announcements_link a {
color: #208bbd;
font-size: 13px;
font-family: "Roboto Regular";
float: right;
text-decoration: none;
}
.announcements_link a {
float: none;
}
.company_announc h4.dashbord_title {
border-bottom: 1px solid #208bbd;
padding-bottom: 10px;
}
.qstnscrldiv {
clear: both;
max-height: 450px;
}
.qstnscrldiv-new {
clear: both;
}
.per_steps .ui-state-default .ui-icon.ui-icon-triangle-1-e {
background: url(../images/to_open.png) center no-repeat;
left: auto;
position: absolute;
right: 22px;
}
.per_steps .ui-state-default .ui-icon.ui-icon-triangle-1-s {
background: url(../images/to_close.png) center no-repeat;
padding: 5px;
left: auto;
position: absolute;
right: 22px;
}
.per_steps .cls_headers.acc_even,
.per_steps .cls_headers.acc_odd {
background: #eeeeee;
border: none;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
margin: 0 auto 25px auto;
width: 96%;
}
.per_steps .acc_emp_list {
float: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #dbdbdb;
margin: 10px;
background: #f6f6f6;
}
.per_steps .acc_emp_list .profile_img {
float: left;
padding: 8px 6px;
}
.per_steps .acc_emp_list .emp_details_li {
background: #fff;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
float: left;
}
.per_steps .acc_emp_list .emp_details_li.border-radius {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.per_steps .acc_emp_list .emp_details_li .name_disply {
color: #2590c2;
font-size: 13px;
float: left;
margin-top: 0px;
margin-right: 14px;
width: 108px;
overflow: hidden;
height: 20px;
text-align: left;
line-height: 23px;
}
.per_steps .ui-accordion .ui-accordion-header .ui-icon {
margin-top: -14px;
}
.config_emp_div {
float: left;
width: 120px;
}
.emp_id,
.desg_txt {
display: block;
text-align: left;
}
.emp_id {
color: #737373;
font-size: 13px;
float: left; /*width: 111px; overflow:hidden;*/
}
.desg_txt {
color: #333333;
font-size: 13px;
width: 111px;
display: block;
text-align: left;
height: 18px;
overflow: hidden;
float: left;
line-height: 17px;
}
.emp_count_txt {
display: block;
}
.emp_name_span {
font-size: 15px;
color: #4b4b4b;
padding: 24px 15px 0;
float: left;
}
.appri_emp_count .emp_name_span {
margin-right: 20px;
}
.emp_name_span.l1_manager_span {
padding-top: 22px;
}
.per_steps .ui-accordion .ui-accordion-content {
display: block;
width: 96%;
margin-top: 0px;
background: none repeat scroll 0 0 #eeeeee;
top: -26px;
border: medium none;
margin-bottom: 26px;
margin-left: auto;
margin-right: auto;
}
.ui-accordion .users_list {
clear: both;
float: none;
width: 98%;
}
.ui-accordion .users_left_list_div,
.ui-accordion .users_right_list_div {
background: #fff;
}
.ui-accordion .users_list_left {
padding-bottom: 20px;
max-height: 348px;
height: auto;
}
.per_steps .total-form-controller {
width: 97%;
margin: 0 auto;
float: none;
clear: both;
padding-top: 30px;
}
.per_steps .users_list .total-form-controller {
width: 100%;
padding-top: 0px;
}
.cofig_button {
display: inline-block;
}
.cofig_button ul {
background: #eeeeee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float: left;
list-style: none;
margin: 20px 0 20px 20px;
position: relative;
padding: 37px 12px 22px;
width: 42%;
min-height: 244px;
}
.cofig_button ul li {
background: url(../images/li_img.png) 6px 9px no-repeat;
padding-left: 40px;
text-align: left;
margin-bottom: 25px;
color: #4b4b4b;
font-size: 14px;
font-family: "Roboto Light";
min-height: 40px;
word-break: break-word;
}
.cofig_button ul input[type="button"],
.cofig_button ul div.button_div {
background: #208bbd;
border: none;
color: #fff;
font-size: 16px;
font-weight: 400;
font-family: "Roboto Regular";
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: -92px;
padding: 12px 14px;
cursor: pointer;
width: 72%;
position: absolute;
border-bottom-width: 0px;
bottom: -18px;
margin-bottom: -19px;
left: 0;
text-align: center;
right: 0;
margin: 0 auto;
}
@media (max-width: 1024px) {
.cofig_button ul input[type="button"] {
width: 290px;
}
.cofig_button ul div.button_div {
width: 270px;
}
}
.per_steps .new-form-ui-submit.cof_manger {
clear: none;
float: none;
width: 48%;
}
.per_steps .alt-scroll-content {
width: 100% !important;
}
#questiondiv .alt-scroll-content,
#hiddenquestiondiv .alt-scroll-content {
width: 100% !important;
}
.per_steps .veiw_form_emp #actionButtonsDiv.inner_action_div {
float: right;
margin-top: 20px;
text-align: right;
margin-right: 1.6%;
position: absolute;
right: 0;
}
.per_steps .inner_action_div input,
.per_steps .inner_action_div button {
float: none;
}
.per_steps #actionButtonsDiv.inner_action_div {
float: right;
margin-top: 20px;
text-align: right;
margin-right: 1.6%;
}
.per_steps .veiw_form_emp .inner_action_div input,
.per_steps .veiw_form_emp .inner_action_div button {
float: none;
margin-top: 0;
background-image: url(../jquery/css/cupertino/images/ui-icons_3d80b3_256x240.png);
text-indent: -257899px;
background-position: 0 -250px;
height: 23px;
width: 23px;
}
.veiw_form_emp .left-user {
width: 100%;
border: none;
}
.appri_emp_count {
}
.appri_emp_count .approvalpending_action_dis {
padding-right: 50px;
padding-top: 33px;
text-align: right;
}
.appri_emp_count .approvalpending_action_dis input {
color: #208bbd;
border: none;
background: none repeat scroll 0 0 transparent;
font-size: 14px;
font-family: "Roboto Regular";
cursor: pointer;
}
.appri_emp_count .approvalpending_action_dis input.clsbtn_edit {
background: url(../images/divider.png) right center no-repeat;
padding-right: 12px;
}
.employee_appraisal_view {
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #dbdbdb;
}
.feed_forward {
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
}
.feed_forward_bg {
background: #f9f4f0;
border: 1px solid #dbdbdb;
}
.employee_appraisal_details_full {
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-bottom: 1px solid #dbdbdb;
padding: 11px;
clear: both;
position: relative;
}
.feed_forward .employee_appraisal_details_full {
border: 1px solid #dbdbdb;
}
.feed_forward.feed_forward_bg .employee_appraisal_details_full {
border: none;
border-bottom: 1px solid #dbdbdb;
}
.feed_forward_bg .users_left_list_div,
.feed_forward_bg .users_right_list_div {
margin-top: 0px;
}
.feed_forward_bg .users_left_list_div:hover,
.feed_forward_bg .users_right_list_div:hover {
background: none;
}
.employee_appraisal_view .users_left_list_div,
.employee_appraisal_view .users_left_list_div:hover {
background: #f0f0f0; /* Old browsers */
margin-top: 0;
background: -moz-linear-gradient(top, #f0f0f0 0%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #f0f0f0),
color-stop(100%, #e1e1e1)
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
#f0f0f0 0%,
#e1e1e1 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
#f0f0f0 0%,
#e1e1e1 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0f0f0 0%, #e1e1e1 100%); /* IE10+ */
background: linear-gradient(to bottom, #f0f0f0 0%, #e1e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}
#tabs.employee_appraisal_tabs {
clear: both;
margin: 50px auto 0 auto;
width: 98%;
}
#tabs.employee_appraisal_tabs .ui-widget-content {
clear: both;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding: 0;
width: 100%;
border: none;
}
.employee_appraisal_tabs.ui-tabs .ui-tabs-nav li {
clear: none;
display: table-cell;
float: none;
width: auto;
}
.employee_appraisal_tabs.ui-tabs .ui-tabs-nav li a {
width: auto !important;
padding: 4px 9px !important;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #fefefe),
color-stop(100%, #f8f8f8)
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
#fefefe 0%,
#f8f8f8 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
#fefefe 0%,
#f8f8f8 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%, #f8f8f8 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefefe 0%, #f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}
.employee_appraisal_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.employee_appraisal_tabs.ui-tabs .ui-tabs-nav li.ui-state-active a:hover {
background: #1a7bb0; /* Old browsers */
background: -moz-linear-gradient(top, #1a7bb0 0%, #2d96c3 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #1a7bb0),
color-stop(100%, #2d96c3)
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
#1a7bb0 0%,
#2d96c3 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
#1a7bb0 0%,
#2d96c3 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1a7bb0 0%, #2d96c3 100%); /* IE10+ */
background: linear-gradient(to bottom, #1a7bb0 0%, #2d96c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7bb0', endColorstr='#2d96c3',GradientType=0 ); /* IE6-9 */
color: #fff !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.employee_appraisal_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-hover a:hover,
.employee_appraisal_tabs.ui-tabs .ui-tabs-nav li a:hover {
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}
.employee_appraisal_tabs.ui-tabs .ui-tabs-nav {
width: auto;
display: inline-block;
background: url(../images/toggole_bg.png) center !important;
padding: 5px 7px 6px 6px;
margin-bottom: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.employee_appraisal-table {
width: 100%;
text-align: left;
margin: 0 auto;
border-right: none;
border-left: none;
border-bottom: 1px solid #dadada;
table-layout: fixed;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
border-top: 1px solid #7eb3cc;
word-wrap: break-word;
}
.create_group_div .employee_appraisal-table {
width: 100% !important;
}
.steps_questions .employee_appraisal-table {
width: 97%;
}
.alt-scroll-holder .employee_appraisal-table {
margin: 20px auto 0;
}
.appraisal_title {
font-size: 18px;
color: 333333;
font-family: "Roboto Regular";
padding: 4px 0;
float: right;
}
.appraisal_details_type {
color: #333;
font-family: "Roboto Regular";
font-size: 14px;
float: left;
text-align: left;
border-right: 1px solid #e5e5e5;
margin-top: 12px;
padding-right: 48px;
margin-left: 15px;
}
.employee_appraisal_details .appraisal_details_type:last-child {
border-right: none;
}
.appraisal_details_type span {
font-family: "Roboto Light";
}
.appraisal_details_type .lis_div {
margin-bottom: 9px;
word-wrap: break-word;
}
.appraisal_due_date {
float: left;
color: #333;
font-family: "Roboto Medium";
font-size: 16px;
margin-left: 18px;
margin-top: 31px;
margin-bottom: 21px;
}
.appraisal_due_date span {
font-family: "Roboto Light";
}
.appraisal_managers_list {
clear: both;
padding-bottom: 20px;
padding-top: 18px;
color: #333;
font-family: "Roboto Regular";
font-size: 14px;
text-align: left;
float: left;
width: 71%;
}
.appraisal_managers_div {
float: left;
margin-right: 50px;
margin-bottom: 10px;
}
.appraisal_managers_name {
color: #1a7bb0;
height: 20px;
overflow: hidden;
padding-top: 5px;
width: 150px;
}
.employee_appraisal_edit input[type="button"] {
float: right;
margin-bottom: 4px;
margin-top: 8px;
margin-right: 0px;
}
.final_rating_div {
float: right;
text-align: left;
right: 0px;
bottom: 4px;
position: relative;
margin-top: 25px;
}
.final_rating_div #view_comments {
font-size: 12px;
color: #208bbd;
font-family: "Roboto Light";
cursor: pointer;
margin-top: 18px;
display: inline-block;
text-decoration: none;
}
.final_rating_txt {
font-size: 16px;
color: #6e6e6e;
font-family: "Roboto Light";
}
.final_rating_txt span {
color: #65c3df;
font-size: 36px;
font-family: "Roboto Regular";
}
.appr_pending {
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border: 1px solid #dbdbdb;
background: #f1f1f1;
text-align: center;
padding: 3px;
margin-top: 6px;
}
.appr_pending span {
background: #ea7c2e;
font-size: 14px;
color: #fff;
font-family: "Roboto Regular";
display: block;
padding: 2px 0 3px;
}
.appr_rat {
margin-top: 5px;
}
.appr_completed {
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border: 1px solid #dbdbdb;
background: #f1f1f1;
text-align: center;
padding: 3px;
margin-top: 18px;
float: left;
}
.appr_completed span {
background: #388b0b;
font-size: 14px;
color: #fff;
font-family: "Roboto Regular";
display: block;
padding: 2px 13px;
}
.my_team_appraisal.employee_appraisal_view {
clear: both;
background: none repeat scroll 0 0 transparent;
border: medium none;
}
.my_team_appraisal .employee_appraisal_details_full {
margin-bottom: 10px;
border: 1px solid #dbdbdb;
position: relative;
}
.appr_rat_num {
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border: 1px solid #dbdbdb;
background: #f1f1f1;
text-align: center;
padding: 3px;
margin-top: 6px;
width: 40px;
}
.appr_rat_num span {
background: #388b0b;
font-size: 14px;
color: #fff;
font-family: "Roboto Regular";
display: block;
padding: 2px 0 3px;
}
.app_comments {
width: 96%;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border: 1px solid #dbdbdb;
border-top: none;
background: #f6f6f6;
text-align: left;
padding: 10px 0;
}
.line_title {
color: #333333;
font-size: 16px;
font-family: "Roboto Regular";
padding: 0 0 0px 15px;
}
.line_comme_txt {
font-size: 14px;
color: #4b4b4b;
font-family: "Roboto Light";
padding: 0 0 10px 15px;
}
.app_line_comments {
/*width:48%;*/
display: inline-block;
text-align: left;
padding-right: 25px;
border-right: 1px solid #ccc;
}
.app_line_comments:last-child {
border-right: none;
}
.cofig_man_filds {
float: left;
margin-left: 3%;
width: 32%;
margin-bottom: 15px;
}
.cofig_man_fild_title {
font-size: 18px;
color: #333333;
font-family: "Roboto Medium";
font-weight: normal;
text-align: left;
}
.cofig_man_fild_title_2 {
margin-top: 13px;
float: left;
clear: both;
}
.line_managers {
float: left;
}
.line_managers label {
float: left;
margin-top: 11px;
}
.line_managers .users_left_list_div {
clear: both;
margin-top: 1px;
}
.step_2_acc_box_bg,
.acc_edit_div {
background: #eeeeee;
width: 96%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
clear: both;
}
.acc_edit_div {
margin-bottom: 20px;
top: -27px;
}
.up_arrow {
background: url(../images/up_arrow.png) no-repeat left top;
position: absolute;
width: 26px;
height: 24px;
top: -9px;
display: none;
}
.step_2_acc_box_bg .users_left_list_div,
.step_2_acc_box_bg .users_right_list_div {
background: #fff;
}
.cofig_man_filds_list_emp {
width: 58%;
margin-bottom: 23px;
padding-left: 10px;
}
.cofig_man_filds .new-form-ui {
height: 80px;
}
.line_mager_list {
clear: both;
}
.over_head_link {
padding-bottom: 25px;
}
.per_steps .line_mager_list .new-form-ui-submit.cof_manger {
clear: both;
float: left;
width: 100%;
margin-top: 8px;
margin-left: 0;
}
.ui-accordion .cofig_man_filds .users_list {
float: left;
width: 195px;
height: 97px;
clear: none;
}
.per_steps .cofig_man_filds .acc_emp_list .emp_details_li {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 68px;
}
.ui-accordion .cofig_man_filds .users_list .emp_name_span.l1_manager_span {
clear: both;
float: none;
padding-top: 0px;
color: #1f8abc;
}
.employee_appraisal_view .history-info-div {
width: 98%;
margin: 0 auto;
float: none;
}
.employee_appraisal_view .history-info-div .history-div {
border: none;
width: 98%;
margin-bottom: 20px;
border: 1px solid #dbdbdb;
}
.employee_appraisal-table .appri_ques {
color: #333333;
font-size: 14px;
font-family: "Roboto Regular";
display: block;
}
.appri_desc {
color: #333333;
font-size: 14px;
font-family: "Roboto Light";
display: block;
word-wrap: break-word;
}
.employee_appraisal-table {
color: #333333;
font-size: 14px;
font-family: "Roboto Light";
}
.employee_appraisal-table .appri_numb {
color: #717171;
font-size: 22px;
font-family: "Roboto Regular";
}
.margin_l_1 {
margin-left: 1%;
margin-bottom: 20px;
}
.employee_appraisal_submit {
float: right;
clear: none;
width: auto;
}
.no_clear {
clear: none;
}
.configurewizard {
float: right;
margin-top: 9px;
margin-right: 8px;
}
.configurewizard a {
text-decoration: none;
color: #fff;
font-size: 14px; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/
height: 31px;
padding: 0 13px 0 35px;
background: url(../images/wizard_icon.png) 10px center #1e3241 no-repeat;
line-height: 27px;
display: block;
}
.div_collapse {
color: #166d35;
float: right;
font-family: "Roboto Light";
font-weight: normal;
right: 28px;
padding-right: 13px;
background: url(../images/expand_collapse.png) 50px 7px no-repeat;
cursor: pointer;
width: 54px;
}
.employee_appraisal_details_full .div_collapse {
position: absolute;
right: 10px;
top: 69px;
}
.employee_appraisal_details_full .div_collapse.cls_collapse {
background-position: 55px -7px;
}
.docment_row {
width: 100%;
clear: both;
border-bottom: 1px dashed #b1b1b1;
text-align: left;
padding-bottom: 14px;
margin-bottom: 12px;
font-family: "Roboto Regular";
font-weight: normal;
}
.doc_name_div {
float: left;
color: #2b2b2b;
font-size: 14px;
padding-right: 24px;
width: 40%;
word-wrap: break-word;
}
.attach_count {
/*padding-left:20px; background:url(../images/attachment-icon.png) left center no-repeat;*/
color: #a6a6a6;
font-size: 12px;
}
.docment_row input[type="button"].edit_doc,
.docment_row input[type="button"].delete_doc,
.docment_row input[type="button"].download_doc {
border: none;
background-color: transparent;
color: #4b4b4b;
padding-left: 20px;
font-family: "Roboto Regular";
font-weight: normal;
cursor: pointer;
margin-right: 5px;
}
.docment_row input[type="button"].edit_doc {
background: url(../images/edit-icon.png) left center no-repeat;
}
.docment_row input[type="button"].delete_doc {
background: url(../images/delete-icon.png) left center no-repeat;
}
.docment_row input[type="button"].download_doc {
background: url(../images/download-icon.png) left center no-repeat;
padding-left: 25px;
}
.new_docment_row {
clear: both;
width: 100%;
background: none repeat scroll 0% 0% rgb(243, 243, 243);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px 0;
margin-bottom: 20px;
}
.new_docment_row .new-form-ui-1,
.new_docment_row .new-form-ui,
.edit_emp_docs_div .new-form-ui-1,
.edit_emp_docs_div .new-form-ui {
min-height: auto;
height: auto;
}
.padd-left10 {
padding-left: 10px;
}
.edit_emp_docs_div {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #cacaca;
margin-top: 20px;
padding: 10px;
max-width: 650px;
position: relative;
}
.edit_doc_arrow {
background: url(../images/edit_docment_arrow.png) no-repeat center;
width: 13px;
height: 11px;
position: absolute;
right: 13%;
margin-top: -21px;
}
.docment_row .doc_name_div .click_view_link_class {
position: static;
}
.managerresponsediv,
.employeeresponsediv,
.feedforward_emp_status {
clear: both;
}
.manager_feed_div {
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float: left;
border: 1px solid #dbdbdb;
padding: 5px;
margin-right: 20px;
margin-bottom: 20px;
width: 218px;
text-align: left;
position: relative;
margin-top: 20px;
}
.manager_feed_div_2 {
float: left;
height: 71px;
overflow: hidden;
max-width: 595px;
}
.expand_manager .manager_feed_div_2 {
height: auto;
width: auto;
max-width: 768px;
}
/*.employee_appraisal_details_full.expand_manager .div_collapse{position: relative; top: 0px; right: 0px; clear: both; margin-top: 6px;}*/
.manager_feed_div img {
border: 1px solid #fff;
outline: 1px solid #9e9e9e;
float: left;
margin: 5px 10px 5px 5px;
}
.manager_feed_div span {
color: #2590c2;
font-size: 13px;
height: 19px;
overflow: hidden;
display: block;
}
.grphoverclass a {
color: #fff;
font-size: 13px;
text-decoration: none;
}
.grphoverclass {
display: none;
}
.appril_sel_stat_comp_msg {
float: left;
margin-bottom: 20px;
margin-right: 13px;
margin-top: 10px;
}
.appril_sel_stat_comp_msg span.label_10 {
float: left;
margin: 22px 6px 0 20px;
font-size: 16px;
font-family: "Roboto Light";
color: #333;
}
.manager_feed_div:hover .grphoverclass {
display: block;
position: absolute;
width: 100%;
top: 0px;
left: 0px;
text-align: center;
height: 67px;
line-height: 59px;
background: url(../images/opp_img.png);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.manager_feed_div .status_div,
.employee_appraisal_details_full .status_div {
font-size: 12px;
background: #f7f7f7;
border: 1px solid #dbdbdb;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float: left;
margin-top: 5px;
padding: 3px;
}
.employee_appraisal_details_full .status_div {
margin-top: 20px;
padding: 6px 19px;
min-width: 114px;
}
.status_div_block {
float: left;
margin-top: 5px;
color: #333;
}
.employee_appraisal_details_full .status_div_block .status_div {
float: none;
margin-top: 10px;
}
.employee_appraisal_details_full .status_div_block span {
padding-right: 15px;
}
.manager_feed_div .status_div.pending,
.employee_appraisal_details_full .status_div.pending {
color: #ea7c2e;
}
.manager_feed_div .status_div.completed,
.employee_appraisal_details_full .status_div.completed {
color: #75bf0c;
}
.managerresponsediv_msg {
padding: 8px 35px 8px 14px;
margin-bottom: 18px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 2px auto 18px;
text-align: center;
color: #c09853;
font-size: 16px;
width: 500px;
}
.employee_appraisal-table .managerresponsediv_msg {
margin: 2px auto;
padding: 8px 14px;
}
.appraisalinfo {
font-size: 15px;
font-weight: normal;
text-align: left;
color: #4b4b4b;
font-family: "Roboto Medium";
float: right;
margin-bottom: 12px;
}
.feedforward_emp_status .appraisalinfo {
float: none;
}
.deptinfo {
color: #333333;
font-size: 15px;
font-weight: normal;
text-align: left;
margin-bottom: 25px;
float: left;
text-transform: capitalize;
}
.deptinfo span {
color: #2590c2;
font-size: 15px;
padding-left: 3px;
}
.new-form-ui .division.form_50 {
width: 105px;
}
.new-form-ui .division.form_50 .select2-container {
width: 92%;
}
.new-form-ui .division.form_50 .select2-container .select2-choice {
width: 81%;
}
.select2-search input {
width: 100% !important;
}
.min-height-450 {
min-height: 450px;
}
.margin-left-20 {
margin-left: 20px;
}
.employee_appraisal-table .no_rborder {
border-right: none;
}
.manage_feed_forward .users_left_list_div.users_list {
height: auto;
background: #fff;
clear: none;
width: 275px;
position: relative;
margin-right: 60px;
cursor: pointer;
margin-bottom: 35px;
margin-top: 0;
}
.manage_feed_forward .users_left_list_div.users_list:hover {
background: none repeat scroll 0 0 #f6f6f6;
border-color: #1f8abc;
}
.manage_feed_forward .users_left_list_div .profile_img img {
outline: medium none;
border: none medium;
}
.manage_feed_forward .member_name {
font-size: 16px;
color: #333333;
font-family: "Roboto Regular";
height: 15px;
width: 161px;
}
.manage_feed_forward ul {
list-style: none;
text-align: left;
clear: both;
font-size: 12px;
font-family: "Roboto Light";
font-weight: normal;
color: #4b4b4b;
padding-right: 10px;
padding-left: 4px;
padding-top: 14px;
padding-bottom: 10px;
}
.manage_feed_forward ul li {
padding: 3px 0 3px 0;
margin-bottom: 1px;
}
.manage_feed_forward ul li span {
position: relative;
top: -4px;
}
.manage_feed_forward ul li span.line_txt {
color: #333333;
padding-left: 15px;
width: 90px;
display: inline-block;
float: left;
margin-top: 1px;
top: 0px;
line-height: 19px;
}
.manage_feed_forward ul li span.line_txt_name {
padding-left: 8px;
display: inline-flex;
height: 16px;
overflow: hidden;
padding-left: 8px;
width: 143px;
height: 19px;
line-height: 21px;
width: 126px;
line-height: 21px;
top: 0px;
}
.manage_feed_forward ul li:nth-child(odd) {
background: #f0f0f0;
}
.manage_feed_forward ul li:nth-child(even) {
background: #f7f7f7;
}
.manage_feed_forward .circle_rating {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 70px;
width: 70px;
background: #666;
position: absolute;
right: -25px;
top: -20px;
text-align: center;
color: #fff;
}
.manage_feed_forward .rating_1 {
background: #df3f3d;
}
.manage_feed_forward .rating_2 {
background: #ff5f00;
}
.manage_feed_forward .rating_3 {
background: #e5b907;
}
.manage_feed_forward .rating_4 {
background: #7bc242;
}
.manage_feed_forward .rating_5 {
background: #00a650;
}
.manage_feed_forward .rating-1 {
background: #df3f3d;
}
.manage_feed_forward .rating-2 {
background: #df3f3d;
}
.manage_feed_forward .rating-3 {
background: #ff5f00;
}
.manage_feed_forward .rating-4 {
background: #ff5f00;
}
.manage_feed_forward .rating-5 {
background: #e5b907;
}
.manage_feed_forward .rating-6 {
background: #e5b907;
}
.manage_feed_forward .rating-7 {
background: #7bc242;
}
.manage_feed_forward .rating-8 {
background: #7bc242;
}
.manage_feed_forward .rating-9 {
background: #00a650;
}
.manage_feed_forward .rating-10 {
background: #00a650;
}
.manage_feed_forward .circle_rating .rat_txt {
display: block;
padding-top: 10px;
font-size: 14px;
font-family: "Roboto Light";
}
.manage_feed_forward .circle_rating .rat_num {
display: block;
font-family: "Roboto Regular";
font-size: 24px;
}
.rating_value {
font-size: 24px;
color: #6e6e6e;
font-family: "Roboto Regular";
}
.rating_txt {
font-size: 14px;
font-family: "Roboto Light";
color: #6e6e6e;
}
.rating_comments {
word-wrap: break-word;
width: 98%;
}
.manager_feed_div_ .users_left_list_div.users_list {
clear: none;
margin-bottom: 13px;
}
.my_team_appri_row .manager_feed_div_ .users_left_list_div.users_list {
margin-bottom: 0px;
}
.my_team_appri_row.expand_manager
.manager_feed_div_
.users_left_list_div.users_list {
margin-bottom: 12px;
}
.manager_feed_div_ .users_left_list_div.users_list.other_mana.other_mana_more {
margin-bottom: 12px;
}
.manager_feed_div_ .users_left_list_div.users_list.other_mana {
width: 160px;
background: #f1f1f1 none;
padding-right: 6px;
margin-top: 0px;
}
.manager_feed_div_ .users_left_list_div.users_list.other_mana .line_mgr_text {
display: block;
margin-top: 2px;
font-size: 14px;
color: #333333;
font-family: "Roboto Regular";
}
.manager_feed_div_ .users_left_list_div.users_list.other_mana .line_mgr_rat {
color: #75bf0c;
font-family: "Roboto Regular";
font-size: 30px;
line-height: 30px;
}
.manager_feed_div_ .status_div {
margin-right: 15px;
}
.comments_view {
text-align: left;
padding-left: 0px;
padding-bottom: 25px;
font-family: "Roboto Regular";
font-size: 14px;
color: #333;
word-wrap: break-word;
}
.left_list_panel {
float: left;
position: absolute;
width: 240px;
max-height: 450px;
}
.right_list_content {
float: left;
padding-left: 255px;
width: auto;
margin-bottom: 40px;
max-height: 450px;
}
#by_ques_right,
#by_ques_left,
#by_emp_left,
#by_emp_right {
max-height: 450px !important;
}
.left_list_panel .slimScrollDiv,
.right_list_content .slimScrollDiv {
max-height: 450px !important;
}
.right_list_content .employee_list_comme {
padding-right: 10px;
width: 485px;
}
ul.question_list {
list-style: none;
border-right: 1px solid #e3e3e3;
}
ul.question_list li {
padding: 15px 15px 15px 15px;
cursor: pointer;
border-bottom: 1px solid #e3e3e3;
}
ul.question_list li:hover {
background: #ccc;
}
ul.question_list li.selected_question {
background: #7ed7b9;
}
.rating_div {
float: left;
width: 250px !important;
padding-left: 5px;
}
.lis_div {
clear: both;
}
.rating_number {
font-size: 46px;
color: #e5b907;
font-family: "Roboto Medium";
margin-top: 21px;
margin-bottom: 12px;
}
.appri_report_hr {
width: 99%;
border-width: 1px medium medium;
border-style: solid none none;
border-color: #9ac6e9;
clear: both;
margin-bottom: 36px;
}
.rating_star_1 .rating_number {
color: #df3a36;
}
.rating_star_2 .rating_number {
color: #fd6100;
}
.rating_star_3 .rating_number {
color: #e6b906;
}
.rating_star_4 .rating_number {
color: #7ac245;
}
.rating_star_5 .rating_number {
color: #01a850;
}
.rating_star_new_1 .rating_number {
color: #df3a36;
}
.rating_star_new_2 .rating_number {
color: #df3a36;
}
.rating_star_new_3 .rating_number {
color: #fd6100;
}
.rating_star_new_4 .rating_number {
color: #fd6100;
}
.rating_star_new_5 .rating_number {
color: #e6b906;
}
.rating_star_new_6 .rating_number {
color: #e6b906;
}
.rating_star_new_7 .rating_number {
color: #7ac245;
}
.rating_star_new_8 .rating_number {
color: #7ac245;
}
.rating_star_new_9 .rating_number {
color: #01a850;
}
.rating_star_new_10 .rating_number {
color: #01a850;
}
.rating_star_1 .final_rating_txt span {
color: #df3a36;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_2 .final_rating_txt span {
color: #fd6100;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_3 .final_rating_txt span {
color: #e6b906;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_4 .final_rating_txt span {
color: #7ac245;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_5 .final_rating_txt span {
color: #01a850;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_new_1 .final_rating_txt span {
color: #df3a36;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_new_2 .final_rating_txt span {
color: #df3a36;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_new_3 .final_rating_txt span {
color: #fd6100;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_new_4 .final_rating_txt span {
color: #fd6100;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_new_5 .final_rating_txt span {
color: #e6b906;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_new_6 .final_rating_txt span {
color: #e6b906;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_new_7 .final_rating_txt span {
color: #7ac245;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_new_8 .final_rating_txt span {
color: #7ac245;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_new_9 .final_rating_txt span {
color: #01a850;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_star_new_10 .final_rating_txt span {
color: #01a850;
font-familt: "Roboto Regular", sans-serif;
font-size: 36px;
}
.rating_number_txt {
display: inline-block;
}
.rating_number .rating_txt_txt {
font-family: "Roboto Light";
font-size: 16px;
margin-left: -7px;
display: inline-block;
width: 168px;
}
.manager_feed_forward_pop .appraisal_details_type {
border-right: none;
margin-top: 0px;
padding-right: 0;
width: 280px;
}
ul.question_list span.question_txt {
color: #4b4b4b;
font-family: "Roboto Medium";
font-size: 14px;
display: block;
padding-bottom: 2px;
}
ul.question_list span.question_desc {
color: #4b4b4b;
font-family: "Roboto Light";
font-size: 13px;
display: block; /*padding-bottom:15px;*/
}
ul.question_list li:last-child span.question_desc {
border-bottom: none;
}
.rating_stars {
float: right;
width: 190px;
margin-top: 2px;
}
.emp_details_comments .rating_stars .rateit {
float: right;
}
.emp_details_comments {
background: #ececec;
padding: 5px 8px;
font-family: "Roboto Medium";
font-size: 14px;
margin-bottom: 3px;
margin-top: 18px;
}
.question_comments_line {
border-top: 2px solid #ececec;
padding: 5px 0;
}
.emp_details_comments .emp_name {
color: #4b4b4b;
max-width: 200px;
display: inline-block;
}
.emp_details_comments .emp_id_txt {
color: #737373;
}
.employee_list_comme .question_comments {
color: #4b4b4b;
font-size: 13px;
font-family: "Roboto Light";
padding-right: 20px;
}
.right_list_content .employee_list_comme:first-child .emp_details_comments {
margin-top: 0;
}
.by_employees ul.question_list li.selected_question {
background: none repeat scroll 0 0 transparent;
}
.by_employees ul.question_list li:hover {
background: none repeat scroll 0 0 transparent;
}
.by_employees ul.question_list li:first-child {
padding-top: 0;
}
.by_employees ul.question_list {
border-right: none;
}
.ques_title {
color: #4b4b4b;
font-size: 14px;
font-family: "Roboto Light";
padding: 10px 0 10px 15px;
}
.by_employees .users_left_list_div:hover,
.by_employees .users_right_list_div:hover,
.no_search_results:hover {
background: none repeat scroll 0 0 transparent;
}
.by_employees ul.question_list li:hover .users_left_list_div {
background: #ccc;
}
.by_employees ul.question_list li.selected_question .users_left_list_div,
.by_employees ul.question_list li.selected_question .users_right_list_div {
background: #7ed7b9;
}
.by_employees ul.question_list li.selected_question .member_name,
.by_employees ul.question_list li.selected_question .member_id,
.by_employees ul.question_list li.selected_question .member_jname {
color: #737373;
}
.by_employees .users_left_list_div,
.by_employees .users_right_list_div {
margin: 0;
cursor: pointer;
}
ul.toggle_button {
float: right;
width: auto;
display: inline-block;
background: url(../images/toggole_bg.png) center !important;
padding: 5px 7px 6px 6px;
margin-bottom: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
list-style: none;
margin-top: -44px;
margin-right: 20px;
position: relative;
}
ul.toggle_button li {
display: table-cell;
cursor: pointer;
width: auto !important;
padding: 4px 9px !important;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #fefefe),
color-stop(100%, #f8f8f8)
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
#fefefe 0%,
#f8f8f8 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
#fefefe 0%,
#f8f8f8 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%, #f8f8f8 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefefe 0%, #f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}
ul.toggle_button li.active_toggle {
background: #1a7bb0; /* Old browsers */
background: -moz-linear-gradient(top, #1a7bb0 0%, #2d96c3 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #1a7bb0),
color-stop(100%, #2d96c3)
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
#1a7bb0 0%,
#2d96c3 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
#1a7bb0 0%,
#2d96c3 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1a7bb0 0%, #2d96c3 100%); /* IE10+ */
background: linear-gradient(to bottom, #1a7bb0 0%, #2d96c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7bb0', endColorstr='#2d96c3',GradientType=0 ); /* IE6-9 */
color: #fff !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.manager_feed_forward_pop {
padding-bottom: 48px;
}
.width_16 {
width: 16%;
}
.right-ui-submit {
width: auto;
float: right;
margin-right: 5%;
}
.grou_name_lab {
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
padding-left: 21px;
}
.grou_name {
font-family: "Roboto Light";
font-size: 14px;
text-transform: capitalize;
color: #2590c2;
}
.ui-dialog-content .total-form-controller {
margin: 10px auto;
width: 95%;
float: none;
}
.ui-dialog-content {
padding-bottom: 10px !important;
}
.mana_feed_search {
margin-top: -40px;
margin-left: 11px;
position: absolute;
}
.left_list_panel .no_search_results_right {
text-align: center;
}
.manager_feed_div_block {
clear: both;
}
.my_team_app_status {
}
.deptinfo .head_txt {
color: #000;
padding-left: 16px;
}
.appdetails {
padding-top: 13px;
padding-bottom: 3px;
clear: both;
height: 30px;
background: none repeat scroll 0 0 #fff9ea;
border-bottom: 1px solid #e5d5bd;
}
.appdetails .appraisalinfo {
margin-right: 1.8%;
}
.interview_shed_box {
background: #f2f2f2;
border: 1px solid #d3d3d3;
-webkit-border-radius: 5px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-bottomleft: 0;
border-radius: 5px;
border-bottom-left-radius: 0;
float: left;
min-height: 139px;
position: relative;
}
.no_interview_shed_block .interview_shed_box {
min-height: 67px;
background: #fff7ee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.no_interview_shed_block .interview_shed_box .no_interview {
color: #d8740e;
}
.no_interview_shed_block .interview_shed_box h4 {
border: none;
background: none repeat scroll 0 0 transparent;
margin-top: 6px;
float: none;
width: auto;
padding-left: 0;
text-align: center;
}
.no_interview_shed_block .users_left_list_div {
padding-top: 0 !important;
}
.interview_shed_box ul li {
color: #333333;
font-family: "Roboto Light";
font-size: 13px;
text-align: left;
list-style: none;
margin-bottom: 10px;
margin-top: 10px;
padding-left: 12px;
padding-right: 12px;
clear: both;
}
.view_all_div {
float: right;
margin: 10px 15px 15px 0;
text-align: right;
width: 100%;
}
.left_block_shed {
float: left;
width: 230px;
position: relative;
z-index: 5;
}
.dashboard_wid_box {
float: left; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
background: #ccc;
padding: 20px;
width: 180px;
height: 140px;
margin-right: 20px;
position: relative;
margin-bottom: 20px;
}
.dashboard_wid_box h4 {
color: #fff;
font-size: 16px;
font-family: "Roboto Regular", sans-serif;
font-weight: normal;
text-align: left;
}
.dashboard_wid_box.shortlist_cls h4 {
line-height: 19px;
}
.single_txt h4 {
line-height: 21px;
margin-top: 46px;
text-align: center;
}
.single_txt h4 span {
font-size: 48px;
}
.dashboard_wid_box h4 .box_count_tol {
font-size: 48px;
font-family: "Roboto Medium";
float: left;
line-height: 20px;
padding-right: 7px;
}
.dashboard_wid_box.emp_total h4 .box_count_tol {
line-height: 35px;
width: 100%;
}
.dashboard_wid_box.emp_total .dashboard_wid_box_inner {
float: left;
margin-right: 18px;
margin-top: 13px;
width: 80px;
text-align: center;
}
.dashboard_wid_box.emp_total .dashboard_wid_box_inner.last-child {
margin-right: 0;
}
.dashboard_wid_box.shortlist_cls.emp_total .dashboard_wid_box_inner {
margin-top: 2px;
}
.dashboard_wid_box_inner {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: "Roboto Light";
font-weight: normal;
background: url(../images/trasparent_white.png);
display: inline-block;
margin-right: 2px;
width: 86px;
height: 50px;
margin-top: 49px;
font-size: 14px;
padding-top: 7px;
}
.cls_redirect {
color: #333;
}
.dashboard_wid_box_inner.last-child {
margin-right: 0;
}
.dashboard_wid_box_inner .box_count {
font-size: 20px;
display: block;
}
.interview_shed_block h4 {
background: #f2f2f2;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border: 1px solid #d3d3d3;
border-right: none;
height: 55px;
text-align: left;
clear: both;
float: left;
margin-top: 15px;
position: relative;
width: 215px;
padding-left: 15px;
}
.interview_shed_block h4 div {
font-family: "Roboto Regular", sans-serif;
font-size: 16px;
color: #4b4b4b;
font-weight: normal;
padding-top: 5px;
}
.interview_shed_block h4 span {
font-family: "Roboto Regular", sans-serif;
font-size: 15px;
color: #208bbd;
font-weight: normal;
}
.interview_shed_block .users_left_list_div {
border: none;
outline: none;
margin-top: 0px;
margin-right: 0px;
width: auto;
background: none repeat scroll 0 0 transparent !important;
}
.interview_shed_block .users_left_list_div .profile_img img {
border: none;
outline: none;
margin-top: 0px;
margin-right: 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 65px;
height: 65px;
}
.interview_shed_block .member_name {
font-family: "Roboto Regular", sans-serif;
font-size: 16px;
color: #333333;
margin-top: 15px;
height: 16px;
}
.interview_shed_block .member_jname {
font-family: "Roboto Light";
font-size: 14px;
color: #4b4b4b;
margin-top: 3px;
}
.no_of_emp {
margin-top: 5px;
margin-right: 18px;
float: right;
background: url(../images/no_of_emp.png) left center no-repeat;
padding-left: 35px;
}
.interview_shed_block {
margin-bottom: 20px;
}
.box_link {
background: url(../images/black-trasparent.png); /*-webkit-border-radius: 4px; -webkit-border-top-right-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topright: 0; border-radius: 4px; border-top-right-radius: 0;*/
position: absolute;
bottom: 0;
right: 0;
color: #fff;
text-decoration: none;
padding: 2px 9px;
font-size: 13px;
}
.interview_shed_box .box_link {
position: relative;
background: none;
text-align: right;
top: 4px;
}
.interview_shed_box .box_link a {
text-decoration: none;
background: #e0e0e0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #676767;
padding: 2px 11px;
}
.emp_lable {
font-family: "Roboto Regular", sans-serif;
font-size: 12px;
color: #fff;
background: #65c3df;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 2px 7px;
float: left;
margin-bottom: 17px;
margin-right: 10px;
}
.me_label {
font-family: "Roboto Regular", sans-serif;
font-size: 12px;
color: #fff;
background: #f8cb00;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 2px 3px;
float: left;
margin-bottom: 17px;
margin-right: 10px;
}
.can_name_lable {
padding-left: 4px;
color: #333333;
}
.txt_lable {
color: #777777;
font-size: 13px;
padding-left: 3px;
}
.txt_block {
font-size: 13px;
color: #333333;
}
.emp_resume_link a {
color: #208bbd;
text-decoration: none;
padding-left: 5px;
}
.dashboard_bottom_box {
/*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
width: 295px;
height: 225px;
background: #f0f3f7;
float: left;
margin-right: 20px;
position: relative;
margin-bottom: 20px;
}
.dashboard_bottom_box .tot_cnt {
float: right; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
background: #e4e8ed;
width: 76px;
height: 53px;
text-align: center;
color: #ff6b6b;
font-size: 48px;
font-family: "Roboto Medium";
line-height: 50px;
position: absolute;
right: 0;
}
.dashboard_bottom_box.my_details_box .tot_cnt {
width: 53px;
}
.dashboard_bottom_box.my_details_box .tot_cnt img {
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
.dashboard_bottom_box .tot_cnt.num_color_1 {
color: #ff6b6b;
}
.dashboard_bottom_box .tot_cnt.num_color_2 {
color: #61ae24;
}
.dashboard_bottom_box .tot_cnt.num_color_3 {
color: #22b6bf;
}
.dashboard_bottom_box .tot_cnt.num_color_4 {
color: #f29e49;
}
.dashboard_bottom_div {
clear: both;
text-align: center;
}
.dashboard_bottom_div.mana_mod_box ul li:last-child {
border-bottom: none;
}
.dashboard_bottom_div ul {
list-style: none;
text-align: left;
margin: 0 20px;
}
.dashboard_bottom_div ul li {
width: 255px;
overflow: hidden;
color: #333333;
font-size: 13px;
font-family: "Roboto Light";
font-weight: normal;
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px dashed #929292;
height: 18px;
line-height: 20px;
}
.bu_cls,
.dept_cls {
clear: both;
text-align: left;
padding-left: 20px;
padding-bottom: 4px;
padding-top: 2px;
font-family: "Roboto Light";
font-weight: normal;
color: #2590c2;
font-size: 13px;
}
.bu_cls span,
.dept_cls span {
font-family: "Roboto Regular", sans-serif;
font-weight: normal;
color: #333;
}
.dashboard_bottom_box h4 {
font-size: 16px;
color: #4b4b4b;
font-family: "Roboto Regular", sans-serif;
font-weight: normal;
text-align: left;
margin-left: 20px;
margin-top: 15px;
float: left;
margin-bottom: 10px;
width: 202px;
word-wrap: break-word;
}
.add_manager_response {
float: left;
margin-left: 15px;
width: 230px;
text-align: left;
margin-top: -8px;
}
.l_manager_txt {
font-family: "Roboto Medium";
color: #343434;
font-size: 13px;
}
.manager_links {
float: left;
margin-top: 5px;
margin-bottom: 0px;
margin-left: 3px;
}
.manager_links span {
color: #208bbd;
cursor: pointer;
font-family: "Roboto Regular", sans-serif;
font-size: 12px;
background: url(../images/divider.png) right center no-repeat;
margin-right: 10px;
padding-right: 14px;
}
.manager_links span.mng_sclear {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-right: 0;
padding-right: 0;
}
.my_team_apprisal {
padding-top: 15px;
clear: both;
}
.my_team_apprisal .employee_appraisal-table {
clear: both;
width: 100%;
margin-top: 0px;
}
.my_team_apprisal #tabs.employee_appraisal_tabs {
clear: both;
margin-top: 20px;
}
.my_team_apprisal .employee_appraisal-table tr th:last-child,
.my_team_apprisal .employee_appraisal-table tr td:last-child {
border-right: none;
}
.performance_appraisal_rep .users_left_list_div .profile_img img {
border: none;
outline: none;
margin-top: 0;
}
.performance_appraisal_rep .member_name {
color: #343434;
font-size: 16px;
font-family: "Roboto Medium";
width: 157px;
}
.performance_appraisal_rep .member_id {
margin-top: 3px;
height: 16px;
}
.performance_appraisal_rep .member_jname {
}
.performance_appraisal_rep .employee_appraisal_details_full {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.performance_appraisal_rep {
background: #fdf9f8;
margin: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.performance_appraisal_rep-border {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #dbdbdb;
}
.appraisal_rateyr_list {
float: left;
min-width: 400px;
width: 40%;
}
.performance_appraisal_rep .chart-view-1 {
width: 51%;
}
.performance_appraisal_rep .jqplot-target {
width: 100% !important;
}
.year_rating {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff;
border: 1px solid #dadada;
width: 175px;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.year_rating .first_row {
border-right: 1px solid #dadada;
display: inline-block;
float: left;
height: 21px;
padding: 4px 4px 4px 8px;
text-align: center;
width: 34%;
font-family: "Roboto Light";
font-size: 14px;
}
.year_rating .second_row {
display: inline-block;
float: left;
height: 21px;
padding: 4px 4px 4px 8px;
width: 50%;
color: #4b4b4b;
font-size: 14px;
text-align: center;
font-family: "Roboto Medium";
}
.qe_col {
clear: both;
height: 26px;
padding: 4px;
text-align: center;
line-height: 26px;
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
background: #f6f6f6;
color: #4b4b4b;
}
.qe_col a {
color: #4b4b4b;
font-size: 15px;
font-family: "Roboto Medium";
text-decoration: none;
}
.year_app_detailed {
background: #fff;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.year_app_detail {
text-align: left;
padding: 20px;
padding-bottom: 6px;
}
.yr_app_title {
color: #218bbd;
font-size: 17px;
font-family: "Roboto Medium";
}
.yr_app_mana_title {
color: #4b4b4b;
font-size: 15px;
margin-top: 13px;
margin-bottom: 5px;
}
.year_app_block {
float: left;
margin-right: 2%;
border-right: 1px solid #dbdbdb;
padding-right: 2%;
}
.mana_ratings_count_1 .year_app_block {
width: 100%;
}
.mana_ratings_count_2 .year_app_block {
width: 47.9%;
}
.mana_ratings_count_3 .year_app_block {
width: 30.4%;
}
.mana_ratings_count_4 .year_app_block {
width: 21.9%;
}
.mana_ratings_count_5 .year_app_block {
width: 16%;
}
.year_app_block_last {
border-right: none;
margin-right: 0px;
padding-right: 0px;
}
.year_app_block .final_rating_div {
float: left;
right: 0px;
bottom: 0px;
margin-top: 0px;
margin-bottom: 18px;
}
.year_app_block .yr_app_comm {
clear: both;
}
.yr_app_rate {
font-family: "Roboto Light";
font-size: 15px;
color: #4b4b4b;
}
.yr_app_comm {
padding-top: 0px;
color: #777777;
text-align: justify;
max-height: 120px;
}
.yr_app_comm .scroll_padding {
margin-right: 8px;
}
.year_app_detail #tabs.employee_appraisal_tabs {
width: 100%;
}
.yr_app_comm span {
color: #323232;
}
.yr_app_rate span {
font-size: 17px;
font-family: "Roboto Medium";
}
.my_team_app_search {
width: 233px;
margin-bottom: 15px;
}
.my_team_app_search.search_emp_by_name_div input[type="text"] {
width: 140px;
}
.my_team_app_search .select2-container .select2-choice {
width: 150px;
}
.search_emp_by_name_div.my_team_app_search input[type="button"] {
right: 68px;
}
.my_team_app_search .search_go {
background-color: #218bbd;
border: 0 none;
color: #ffffff;
padding-top: 6px;
padding-bottom: 6px;
margin-top: 3px;
margin-left: -7px;
cursor: pointer;
}
.cls_close_skill {
background: url("../images/sprite.png") no-repeat scroll 0 -54px rgba(0, 0, 0, 0);
cursor: pointer;
display: block;
text-indent: -254778px;
width: 15px;
height: 16px;
}
.select_all_div {
position: relative;
float: left;
}
.sele_span {
float: right;
position: absolute;
right: 0px;
color: #1f8abc;
right: 28px;
cursor: pointer;
z-index: 258;
font-size: 12px;
}
.alert_info_span {
display: block;
padding-bottom: 6px;
font-size: 13px;
}
.ratings_div {
margin-top: 20px;
}
.ui-dialog .ui-dialog-content.performance_emp_list {
margin: 0 auto;
padding-top: 40px;
width: 88% !important;
padding-bottom: 40px !important;
}
.manage_feed_forward.performance_emp_list .users_left_list_div.users_list {
width: 290px;
}
.manage_feed_forward.performance_emp_list ul li span.line_txt {
width: 112px;
float: left;
}
.manage_feed_forward.performance_emp_list ul li span.line_txt_name {
width: 126px;
line-height: 21px;
height: 19px;
}
.manage_feed_forward.performance_emp_list
.users_left_list_div.users_list:nth-child(even) {
float: right;
margin-right: 26px;
}
.rate_emp_list {
text-align: center;
border: 1px solid #ccc;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomright: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
margin: 20px 15px 20px 0;
width: 124px;
height: 112px;
position: relative;
display: inline-block;
float: left;
cursor: pointer;
}
.rate_emp_list.active {
border: 1px solid #9ac6e9;
}
.rate_emp_list:hover {
background: #f1f1f1;
}
.rating_dis {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
width: 45px;
height: 36px;
background: #ccc;
position: absolute;
right: 0;
top: 0;
font-size: 11px;
color: #fff;
line-height: 16px;
}
.rating_dis span {
display: block;
font-family: "Roboto Medium";
font-size: 20px;
}
.empl_dis {
line-height: 35px;
text-align: center;
padding-top: 43px;
font-size: 15px;
text-transform: uppercase;
}
.appr_history_div .empl_dis {
padding-top: 39px;
}
.empl_dis span {
display: block;
font-family: "Roboto Medium";
font-size: 40px;
}
.empl_dis_report span {
display: block;
font-family: "Roboto Medium";
font-size: 16px;
}
.display_employees {
clear: both;
display: block;
padding: 10px 0 15px;
width: 98%;
}
.rate_box_list {
width: 98%;
}
.display_employees
.manage_feed_forward.performance_emp_list
.users_left_list_div.users_list:nth-child(2n) {
float: left;
margin-right: 60px;
}
/*.manage_feed_forward.performance_emp_list .users_left_list_div.users_list:hover{border:1px solid #dbdbdb; background:#fff;}*/
.or_css {
color: #ec7d10;
font-size: 20px;
font-family: "Roboto Regular", sans-serif;
clear: both;
float: left;
margin-top: 5px;
margin-bottom: 15px;
margin-left: 180px;
}
.label-title {
color: #333333;
font-size: 14px;
font-family: "Roboto Regular", sans-serif;
clear: both;
margin-left: 20px;
}
.appraisal_status_clear {
background: none transparent;
border: 0 none;
box-shadow: none;
color: #208bbd;
text-decoration: none;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
margin: 4px 0px 0 10px;
padding: 0;
text-shadow: none;
float: left;
text-transform: capitalize;
cursor: pointer;
line-height: 19px;
}
.business_unit_clear {
background: none transparent;
border: 0 none;
box-shadow: none;
color: #208bbd;
text-decoration: none;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
margin: 4px 0px 0 10px;
padding: 0;
text-shadow: none;
float: right;
text-transform: capitalize;
cursor: pointer;
line-height: 19px;
}
#appraisal_status_select {
float: left;
}
.appraisal_status_select_fil {
width: 216px;
clear: none;
margin-top: 12px;
}
.appraisal_status_select_fil .select2-container {
float: left;
}
.business_unit_select_fil {
width: 216px;
clear: none;
margin-top: 12px;
}
.business_unit_select_fil .select2-container {
float: left;
}
.appri_view_step_1 {
clear: both;
padding-top: 10px;
}
.requisition-table tr td.post_align b {
float: none;
}
.requisition-table tr td.post_align span,
.requisition-table tr td.post_align p {
/*font-weight:normal; color:#3b3b3b!important;*/
}
.requisition-table tr td.post_align br {
line-height: 0;
}
.colour_not_conf {
padding: 7px 0px;
margin-top: -6px;
color: #fff;
line-height: 29px;
font-size: 16px;
font-family: "Roboto Regular", sans-serif;
}
.single_txt h4 .colour_not_conf {
margin-top: -31px;
}
.no_info_txt {
font-size: 14px;
background: url(../images/trasparent_white.png);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: "Roboto Light";
font-weight: normal;
color: #333;
}
.beta_info {
position: absolute;
color: #fff;
right: 4px;
bottom: 4px;
font-family: "Roboto Regular", sans-serif;
font-size: 11px;
text-transform: none;
background: url(../images/beta_info.png) left top no-repeat;
padding-left: 30px;
height: 20px;
padding-top: 8px;
display: none;
}
.side-menu ul li .beta_menu {
background: url(../images/beta_info.png) right top no-repeat;
float: none;
padding: 8px 16px 8px 13px;
display: none;
}
.left-block-ui-data .beta_menu {
background: url(../images/beta_info_2.png) center center no-repeat;
float: none;
padding: 4px 16px 4px 13px;
display: none;
}
.new-dailog-content {
border: none !important;
}
.new-dailog-content .total-form-controller {
float: none;
margin: 10px auto;
width: 95%;
}
.new-dailog-content .per_steps .new-form-ui-submit {
width: auto;
margin-left: 19px;
margin-bottom: 15px;
}
.businessunit_title,
.department_txt {
display: inline-block;
padding-bottom: 1px;
font-size: 13px;
padding-top: 3px;
width: 100%;
color: #208bbd;
padding-left: 22px;
text-align: left;
}
.reports-block-area #menu-shadow {
box-shadow: 0 0 0 0;
}
.poc-ui-data-control .ui-accordion .ui-accordion-content {
overflow: hidden;
}
.ajax-file-upload-error b {
width: 415px;
display: block;
word-wrap: break-word;
} /* Wrap attachment file name in Employees -> Documents*/
#powerTip .users_left_list_div,
#powerTip .users_right_list_div {
background: #fff;
border: 1px solid #999898;
}
.tool_tip_emp_list {
float: left;
width: 196px;
margin-right: 15px;
}
.tool_tip_emp_list .emp_name_span.l1_manager_span {
padding-top: 3px;
display: block;
float: none;
clear: both;
margin-right: 22px;
width: 163px;
position: relative;
top: -2px;
padding-bottom: 4px;
border: 1px solid #999898;
border-top: medium none;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
text-align: center;
background: #f6f6f6 none repeat scroll 0 0;
color: #1f8abc;
}
/*View page CSS*/
/*View page CSS*/
.ratings_block .rating_star_1 {
background: url(../images/star_rate_info/star-1.png) no-repeat left center;
width: 19px;
height: 18px;
display: inline-block;
}
.ratings_block .rating_star_2 {
background: url(../images/star_rate_info/star-2.png) no-repeat left center;
width: 40px;
height: 18px;
display: inline-block;
}
.ratings_block .rating_star_3 {
background: url(../images/star_rate_info/star-3.png) no-repeat left center;
width: 61px;
height: 18px;
display: inline-block;
}
.ratings_block .rating_star_4 {
background: url(../images/star_rate_info/star-4.png) no-repeat left center;
width: 82px;
height: 18px;
display: inline-block;
}
.ratings_block .rating_star_5 {
background: url(../images/star_rate_info/star-5.png) no-repeat left center;
width: 103px;
height: 18px;
display: inline-block;
}
.rating_star-1 {
background: url(../images/star_rate_info/star_1.png) no-repeat left center;
width: 19px;
height: 18px;
display: inline-block;
}
.rating_star-2 {
background: url(../images/star_rate_info/star_2.png) no-repeat left center;
width: 40px;
height: 18px;
display: inline-block;
}
.rating_star-3 {
background: url(../images/star_rate_info/star_3.png) no-repeat left center;
width: 61px;
height: 18px;
display: inline-block;
}
.rating_star-4 {
background: url(../images/star_rate_info/star_4.png) no-repeat left center;
width: 82px;
height: 18px;
display: inline-block;
}
.rating_star-5 {
background: url(../images/star_rate_info/star_5.png) no-repeat left center;
width: 103px;
height: 18px;
display: inline-block;
}
.rating_star-6 {
background: url(../images/star_rate_info/star_6.png) no-repeat left center;
width: 103px;
height: 18px;
display: inline-block;
}
.rating_star-7 {
background: url(../images/star_rate_info/star_7.png) no-repeat left center;
width: 103px;
height: 18px;
display: inline-block;
}
.rating_star-8 {
background: url(../images/star_rate_info/star_8.png) no-repeat left center;
width: 103px;
height: 18px;
display: inline-block;
}
.rating_star-9 {
background: url(../images/star_rate_info/star_9.png) no-repeat left center;
width: 103px;
height: 18px;
display: inline-block;
}
.rating_star-10 {
background: url(../images/star_rate_info/star_10.png) no-repeat left center;
width: 103px;
height: 18px;
display: inline-block;
}
.rating_star_class {
width: 120px;
text-indent: -25879px;
}
.rating-star-class {
width: 220px;
text-indent: -25879px;
}
.rating_text_1 {
display: inline-block;
color: #dc3836;
}
.rating_text_2 {
display: inline-block;
color: #ff6000;
}
.rating_text_3 {
display: inline-block;
color: #e3b905;
}
.rating_text_4 {
display: inline-block;
color: #7bc343;
}
.rating_text_5 {
display: inline-block;
color: #00a84f;
}
.rating_text-1 {
display: inline-block;
color: #dc3836;
}
.rating_text-2 {
display: inline-block;
color: #dc3836;
}
.rating_text-3 {
display: inline-block;
color: #ff6000;
}
.rating_text-4 {
display: inline-block;
color: #ff6000;
}
.rating_text-5 {
display: inline-block;
color: #e3b905;
}
.rating_text-6 {
display: inline-block;
color: #e3b905;
}
.rating_text-7 {
display: inline-block;
color: #7bc343;
}
.rating_text-8 {
display: inline-block;
color: #7bc343;
}
.rating_text-9 {
display: inline-block;
color: #00a84f;
}
.rating_text-10 {
display: inline-block;
color: #00a84f;
}
.rate_emp_1 .rating_dis {
background: #dc3836;
}
.rate_emp_2 .rating_dis {
background: #ff6000;
}
.rate_emp_3 .rating_dis {
background: #e3b905;
}
.rate_emp_4 .rating_dis {
background: #7bc343;
}
.rate_emp_5 .rating_dis {
background: #00a84f;
}
.rate_emp-1 .rating_dis {
background: #dc3836;
}
.rate_emp-2 .rating_dis {
background: #dc3836;
}
.rate_emp-3 .rating_dis {
background: #ff6000;
}
.rate_emp-4 .rating_dis {
background: #ff6000;
}
.rate_emp-5 .rating_dis {
background: #e3b905;
}
.rate_emp-6 .rating_dis {
background: #e3b905;
}
.rate_emp-7 .rating_dis {
background: #7bc343;
}
.rate_emp-8 .rating_dis {
background: #7bc343;
}
.rate_emp-9 .rating_dis {
background: #00a84f;
}
.rate_emp-10 .rating_dis {
background: #00a84f;
}
.rate_emp_1 .empl_dis span {
color: #dc3836;
}
.rate_emp_2 .empl_dis span {
color: #ff6000;
}
.rate_emp_3 .empl_dis span {
color: #e3b905;
}
.rate_emp_4 .empl_dis span {
color: #7bc343;
}
.rate_emp_5 .empl_dis span {
color: #00a84f;
}
.rate_emp-1 .empl_dis span {
color: #dc3836;
}
.rate_emp-2 .empl_dis span {
color: #dc3836;
}
.rate_emp-3 .empl_dis span {
color: #ff6000;
}
.rate_emp-4 .empl_dis span {
color: #ff6000;
}
.rate_emp-5 .empl_dis span {
color: #e3b905;
}
.rate_emp-6 .empl_dis span {
color: #e3b905;
}
.rate_emp-7 .empl_dis span {
color: #7bc343;
}
.rate_emp-8 .empl_dis span {
color: #7bc343;
}
.rate_emp-9 .empl_dis span {
color: #00a84f;
}
.rate_emp-10 .empl_dis span {
color: #00a84f;
}
.ratings_block {
clear: both;
padding-left: 20px;
padding-bottom: 5px;
padding-top: 5px;
}
.colour_1 {
background:/*#f7c592*/ #ee8376;
}
.colour_2 {
background:/*#cfbaaa*/ #d1cc69;
}
.colour_3 {
background:/*#9ac6e9*/ #6ec1e3;
}
.colour_4 {
background:/*#7ed7b9*/ #61da99;
}
.padding_20px {
padding: 0 20px;
}
/* Appraisal History page css */
.apprai_box_list {
border: 1px solid #ccc;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomright: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
margin: 20px 20px 0px 0;
width: 120px;
height: 112px;
position: relative;
display: inline-block;
float: left;
cursor: pointer;
background: #fff none repeat scroll 0 0;
}
.appr_history_div .apprai_box_list {
cursor: default;
}
.apprai_box_list.active {
border: 1px solid #9ac6e9;
}
.apprai_box_list:hover {
background: #f1f1f1;
}
.appr_history_div .apprai_box_list:hover {
background: #fff;
}
.history_col {
clear: both;
height: 30px;
line-height: 26px;
border-top: 1px solid #dadada;
background: #f6f6f6;
color: #4b4b4b;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
margin-top: 7px;
}
.history_col a {
color: #4b4b4b;
font-size: 15px;
font-family: "Roboto Medium";
text-decoration: none;
}
.history_col a:hover {
color: #208bbd;
}
.appraisal_history_block .mana_ratings_count_5 .year_app_block {
width: 29.8%;
margin-bottom: 30px;
}
.appr_history_div {
max-height: 278px;
margin-bottom: 20px;
}
#response_div {
float: left;
width: 100%;
margin: 15px 0;
}
.add-employee-div {
float: left;
padding: 0px;
width: 210px;
color: #3b3b3b;
margin: 0;
height: 40px;
position: relative;
}
.add-employee-div input[type="text"] {
border: 1px solid #c6c6c6;
width: 184px;
float: left;
background-color: #ffffff;
height: 27px;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
color: #828282;
padding: 0 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
text-align: left;
outline: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.add-employee-div input[type="text"]:disabled {
background-color: #f4f4f4;
background-image: none;
/* border: 1px solid #ddd;*/
cursor: default;
}
#no-results {
color: #1f8abc;
text-shadow: 0 1px 0 #ffffff;
font-family: "Roboto Regular", sans-serif;
font-size: 12px;
text-align: right;
float: right;
margin-right: 10px;
}
.ui-autocomplete {
width: 195px !important;
}
.ui-menu .ui-menu-item a {
color: #828282;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
}
.ui-menu .ui-menu-item {
padding: 3px 6px;
}
.ui-menu .ui-menu-item:hover {
background-color: #efefef;
color: #444444;
float: left;
}
/* Appraisal History page css End */
/* analytics-timemanagement page css start */
.toggle_btn {
list-style: none;
margin-left: 17px;
clear: both;
height: 29px;
margin-bottom: 18px;
}
.toggle_btn li {
float: left;
color: #5c5c5c;
font-family: "Roboto Regular";
font-size: 14px;
background: #dddddd;
padding: 5px 13px;
cursor: pointer;
}
.toggle_btn.mont_week li.active {
background: #4faa1d none repeat scroll 0 0;
color: #fff;
}
.period_icon {
background: rgba(0, 0, 0, 0) url(../timemanagement/images/period_icon.png)
no-repeat scroll center top;
cursor: pointer;
display: block;
height: 30px;
width: 76px;
float: left;
margin-bottom: 22px;
margin-left: 17px;
}
#selectedPeriodDiv {
clear: both;
color: #5c9632;
font-size: 14px;
margin-left: 88px;
margin-top: 7px;
text-align: left;
width: 106px;
}
.ui-daterangepicker .ui-state-active a,
.ui-daterangepicker .ui-state-active a:link,
.ui-daterangepicker .ui-state-active a:visited {
color: #ea7c2e;
}
.tm_grid {
width: 98% !important;
margin: 0 auto;
float: none;
border: 1px solid #bbbbbb;
}
#idviewProjTaskcontent,
#idviewEmpProjcontent {
margin-top: 20px;
}
.tm_grid th.tm_grid_header,
.tm_grid td.tm_grid_header {
text-align: left;
font-weight: normal;
padding: 10px 0 10px 10px !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #ffffff),
color-stop(100%, #eeeeee)
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
#ffffff 0%,
#eeeeee 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
#ffffff 0%,
#eeeeee 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #bbbbbb;
font-family: "Roboto Medium", sans-serif;
}
.tm_grid th {
border-bottom: 1px solid #bbbbbb;
background: #efefef;
padding: 5px 0;
}
.tm_grid td,
.tm_grid th {
padding-left: 10px;
border-right: 1px solid #dddddd;
font-weight: normal;
word-wrap: break-word;
padding-right: 10px;
}
.ui-dialog .alt-scroll-content .tm_grid thead {
display: none;
}
.tm_grid th.header {
border-bottom: none;
}
.tm_grid td:last-child,
.tm_grid th:last-child {
border-right: none;
}
.tm_grid th:last-child {
border-right: none; /*border-bottom:none;*/
}
.tm_grid td {
border-bottom: 1px solid #ededed;
padding-bottom: 6px;
font-family: "Roboto Regular", sans-serif;
font-size: 13px;
}
.table_top_padding.tm_grid td {
padding-top: 12px;
padding-bottom: 8px;
}
.tm_grid tr:last-child td {
border-bottom: none;
}
.tm_grid tr:nth-child(even) {
background: #fff;
}
.tm_grid tr:nth-child(odd) {
background: #fafafa;
}
.alt-scroll-content {
width: 100% !important;
}
.scroller_hdr {
width: auto !important;
}
/* analytics-timemanagement page css start */
@media only screen and (max-width: 1410px) {
.employee_appraisal_details_full .div_collapse {
position: relative;
top: 0px;
right: 0px;
clear: both;
margin-top: 6px;
}
}
@media only screen and (max-width: 1372px) {
ul.toggle_ul li .tab_title {
font-size: 15px;
}
}
@media only screen and (max-width: 1345px) {
ul.toggle_ul li .tab_title {
height: 32px;
}
ul.toggle_ul li .step_round {
margin: 25px 11px 54px;
}
ul.toggle_ul li .tab_txt {
padding-bottom: 32px;
min-height: 92px;
padding-right: 10px;
}
ul.toggle_ul li {
height: 216px;
}
.mana_ratings_count_5.list_count_10 .year_app_block {
width: 29%;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1145px) {
.add_manager_response {
margin-top: 0px;
margin-left: 5px;
margin-right: 10px;
}
}
@media only screen and (max-width: 1100px) {
ul.toggle_ul li {
height: 266px;
}
}
@media only screen and (max-width: 1085px) {
ul.toggle_ul li .tab_title {
height: 51px;
}
.left_tab_content {
height: 235px;
}
ul.toggle_ul li .step_round {
margin: 25px 11px 100px;
}
}
.main_view {
border: 1px solid #bfbfbf;
overflow: hidden;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
margin-bottom: 10px;
}
.main_view_sub_left {
width: 50%;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid #e5e5e5;
}
.main_view_sub_right {
width: 50%;
float: left;
}
.width_20 {
width: 40%;
float: left;
color: #8b8b8b;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid #e5e5e5;
padding: 10px 10px;
text-align: left;
word-wrap: break-word;
}
.width_80 {
width: 60%;
float: left;
padding: 10px 10px;
text-align: left;
-moz-box-sizing: border-box;
word-wrap: break-word;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.main_view_nor {
background: #ffffff;
overflow: hidden;
}
.main_view_alt {
background: #f9f9f9;
overflow: hidden;
}
.main_view_child {
position: relative;
clear: both;
overflow: hidden;
}
.main_view_child:nth-child(odd) {
background: #f9f9f9;
}
.width_20_left {
width: 20%;
float: left;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 10px;
text-align: left;
}
.width_80_right {
width: 80%;
float: left;
border-left: 1px solid #e5e5e5;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 10px;
text-align: left;
word-wrap: break-word;
}
/* To hide search bar by default */
.ui-search-toolbar {
display: none;
}
/* Slim scroll bar */
.slimScrollDiv {
border: 0; /* margin:10px; */
}
#content_scroll {
padding-bottom: 10px !important;
}
/* leaf element arrow*/
.childelement {
background: none !important;
}
.dragableBox li a {
cursor: move !important;
}
.no_selection {
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
}
.row {
margin-left: 0px;
margin-right: 0px;
}
#wrappernew {
padding-left: 10px;
transition: all 0.4s ease 0s;
height: 100%;
}
#sidebar-wrapper {
margin-left: -245px;
left: 0;
width: 240px;
background: #ffffff;
position: absolute;
border-right: 1px solid #dee2e6;
height: 100%;
z-index: 10;
transition: all 0.4s ease 0s;
}
.sidebar-nav {
position: absolute;
top: 2%;
right: -18px;
list-style: none;
margin: 0;
padding: 0;
}
#page-content-wrapper {
padding-left: 0;
margin-left: 0;
width: 100%;
height: auto;
}
#wrappernew.active {
padding-left: 250px;
}
#wrappernew.active #sidebar-wrapper {
left: 240px;
}
#page-content-wrapper {
width: 100%;
}
/* Sidebar Menu */
#sidebar_menu li a,
.sidebar-nav li a {
color: #253f51;
display: block;
text-align: center;
border-top: 1px solid #dee2e6;
border-right: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6;
/* border-radius: 0 8px 8px 0;
*/
padding: 16px 6px 16px 3px;
background: #ffffff;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
-ms-transition: background 0.5s;
transition: background 0.5s;
font-family: "Roboto Regular";
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* IE6-9 */
}
.sidebar_name {
padding-top: 25px;
color: #fff;
opacity: 0.7;
}
.sidebar-nav li a {
color: #999999;
display: block;
text-decoration: none;
}
.sidebar-nav li a:hover {
color: #fff;
background: rgba(255, 255, 255, 0.2);
text-decoration: none;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
display: block;
}
.sidebar-nav > .sidebar-brand a {
color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
color: #fff;
background: none;
}
#main_icon {
background: url(../images/slide-menu-new.png) no-repeat top center;
width: 17px;
height: 13px;
display: block;
}
.mtg {
display: block;
color: #e74c3c !important;
font-size: 22px !important;
}
#wrappernew.active .mtg-off {
display: none;
}
#wrappernew.active .mtg-on {
display: block;
}
#wrappernew .mtg-on {
display: none;
}
#wrappernew .mtg-off {
display: block;
}
.sub_icon {
float: right;
padding-right: 65px;
padding-top: 10px;
}
.content-header {
height: 65px;
line-height: 65px;
}
.content-header h1 {
margin: 0;
margin-left: 20px;
line-height: 65px;
display: inline-block;
}
@media (max-width: 767px) {
#wrappernew {
padding-left: 70px;
transition: all 0.4s ease 0s;
}
#sidebar-wrapper {
left: 70px;
}
#wrappernew.active {
padding-left: 250px;
}
#wrappernew.active #sidebar-wrapper {
left: 250px;
width: 250px;
transition: all 0.4s ease 0s;
}
}
/* DEMO 5 */
.wrapper-demo {
float: left;
margin: 0 0 0 50px;
}
.wrapper-dropdown-sf {
/* Size & position */
position: relative;
width: 150px;
margin: 0 auto;
padding: 5px 10px;
top: 10px;
/* Styles */
background: #f1e912;
cursor: pointer;
outline: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
text-align: left;
font-size: 14px;
}
.wrapper-dropdown-sf span {
background: url(../images/create_new_icon.png) no-repeat;
display: inline-block;
width: 16px;
height: 14px;
padding: 0px 10px 0 0;
margin: 0px 0 0 0;
}
.wrapper-dropdown-sf:after {
/* Little arrow */
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 10px;
margin-top: -3px;
border-width: 4px 4px 0 4px;
border-style: solid;
border-color: #0e0e01 transparent;
}
.wrapper-dropdown-sf .dropdown {
/* Size & position */
position: absolute;
top: 100%;
left: 0;
right: 0;
/* Styles */
background: #fff;
border-top: none;
border-bottom: none;
list-style: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
/* Hiding */
max-height: 0;
overflow: hidden;
z-index: 100;
}
.wrapper-dropdown-sf .dropdown li {
padding: 0 0px;
}
.wrapper-dropdown-sf .dropdown li a {
display: block;
text-decoration: none;
color: #333;
padding: 5px 5px;
transition: all 0.3s ease-out;
border-bottom: 1px solid #e6e8ea;
}
.wrapper-dropdown-sf .dropdown li:last-of-type a {
border: none;
}
.wrapper-dropdown-sf .dropdown li i {
margin-right: 5px;
color: inherit;
vertical-align: middle;
}
/* Hover state */
.wrapper-dropdown-sf .dropdown li:hover a {
color: #57a9d9;
}
/* Active state */
.wrapper-dropdown-sf.active {
background: #07c742;
box-shadow: none;
border-bottom: none;
color: white;
}
.wrapper-dropdown-sf.active span {
background: url(../images/create_new_icon_hover.png) no-repeat;
display: inline-block;
width: 16px;
height: 14px;
padding: 0px 10px 0 0;
margin: 0px 0 0 0;
}
.wrapper-dropdown-sf.active:after {
border-color: #fff transparent;
}
.wrapper-dropdown-sf.active .dropdown {
/*border-bottom: 1px solid rgba(0,0,0,0.2);*/
max-height: 400px;
}
.count_new_dis_par {
width: 100%;
border-spacing: 10px 0;
display: table;
height: 60px;
padding: 10px 0;
position: relative;
table-layout: fixed;
width: 100%;
}
.count_new_dis {
width: 20%;
background: #f9f9f9;
display: table-cell;
height: 60px;
position: relative;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
.count_new_dis span {
font-size: 14px;
}
.count_new_dis label {
font-size: 24px;
line-height: 30px;
}
.count_new_dis_active {
background: #fff8ec !important;
}
.count_new_dis:nth-child(1) label {
color: #fa776a;
}
.count_new_dis:nth-child(2) label {
color: #00a65a;
}
.count_new_dis:nth-child(3) label {
color: #3498db;
}
.count_new_dis:nth-child(4) label {
color: #f39c12;
}
.count_new_dis:nth-child(5) label {
color: #e71052;
}
.leaves_rq_new_pop {
position: relative;
}
.inputheight_lq {
height: 130px;
width: 100%;
}
.leaves_rq_new_pop_left {
float: left;
width: 210px;
margin: 0 15px 15px 0;
}
.leaves_rq_new_pop_left ul {
float: left;
width: 100%;
background: #f9f9f9;
margin-bottom: 10px;
height: 50px;
}
.leaves_rq_new_pop_left ul li {
list-style: none;
display: inline;
}
.leaves_rq_new_pop_left ul li a {
display: inline-block;
padding: 2px 5px;
margin: 15px 5px;
background: #0fc397;
color: #fff;
cursor: pointer;
}
.leaves_rq_new_pop_left ul li a.dis {
background: #e4e2e2;
}
.leaves_rq_new_pop_left ul li:first-child {
margin-left: 10px;
}
.leaves_rq_new_pop_right {
float: left;
width: 210px;
margin: 0 15px 0 0;
}
/*.ajax-file-upload-statusbar{ background:#ebf0f6; margin:10px 0; padding:5px;}
.ajax-file-upload-red{ background:#ff7a87; display:inline-block; width:16px; height:16px; text-align:center; line-height:12px; -webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px; cursor:pointer; color:#FFF; font-family: 'Roboto Regular'; font-size:12px;}*/
/* No CSS3 support: none */
.menu-head ul.flexMenu-popup li {
margin: 0 8px;
}
.menu-head ul.flexMenu-popup li.link-selected b {
color: #fff;
padding: 4px 10px 8px;
}
.menu-head ul.flexMenu-popup li b {
display: block;
}
/* Updated 29-08-2016 */
.mtas_rst.search_emp_by_name_div input[type="text"] {
height: 23px;
}
.mtas_rst.search_emp_by_name_div input[type="button"] {
top: 3px;
}
.mtas_rst.my_team_app_search .search_go {
margin-top: 0px;
}
.txt-center {
text-center: center;
}
/* Updated 30-08-2016 */
.reports-block-area .left-config-ctrl {
margin-left: 25px;
}
.table-header span {
line-height: 20px;
}
.reports-grid-ctrl .all-grid-control.agc-comp {
width: 96%;
margin: 0 auto;
display: block;
float: inherit;
}
/*.reports-grid-ctrl .all-grid-control {float: left; width: 98%; margin: 0 0 10px 0;} */
.back-to-page .btp {
background-color: #208bbd;
border: 1px solid #006391;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 4px 8px;
font-size: 14px;
text-shadow: 0 1px 0 #006391;
font-family: "Roboto Regular", sans-serif;
color: #ffffff;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
cursor: pointer;
float: right;
margin-right: 10px;
text-transform: uppercase;
outline: 0;
}
.disp_taskname {
font-size: 14px;
}
.tm_grid th.tm_grid_header,
.tm_grid td.tm_grid_header {
font-family: "Roboto Regular", sans-serif !important;
}
.tm_grid th.tm_grid_header strong,
.tm_grid td.tm_grid_header strong {
line-height: 30px;
font-weight: 400;
font-size: 18px;
}
/*.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
width: 184px;}*/
.hrms-text {
text-align: center;
}
/*@media (min-width: 1050px) {
.reports-block-area .right-config-ctrl {width: 78% !important;}
}
@media (min-width: 1023px) {
.reports-block-area .right-config-ctrl {width: 73%;}
}*/
@media (max-width: 1024px) {
.right-config-ctrl {
width: 68%;
}
}
/* Updated on 31-08-2016 */
.candidate-new {
width: inherit !important;
}
.link {
color: #1f8abc;
text-decoration: none;
}
.link:hover {
color: #3b3b3b;
text-decoration: none;
}
.moduleclass {
margin: 5px 60px 0 0;
}
.new_actions {
width: 100%;
margin: 0 0 10px 0;
text-align: right;
}
.edit_action_new {
font-weight: normal;
font-family: "Roboto Regular";
font-size: 14px;
color: #3498db;
cursor: pointer;
text-decoration: none;
}
.edit_action_new i {
margin-right: 5px;
color: #3498db !important;
}
.divider_new {
display: inline-block;
padding: 5px 0;
border-left: 1px solid #bfbfbf;
margin: 0 5px;
}
.span_sermenu {
font-style: normal;
}
.text-right {
text-align: right;
margin-bottom: 10px;
}
.full-width {
float: left;
width: 100%;
}
/* Attendance Table & Manual Attendance CSS */
.profile-tabs-left li:nth-child(3),
#logoutid a[href*="changepassword"] {
display: none;
}
.home_menu #menu_finance {
text-decoration: none;
}
.table-design-attendance {
overflow-x: auto;
}
.table-side-header {
float: left;
width: 15%;
}
.table-side-header .side-table th:not(*:root) {
padding: 41px !important;
}
.table-design-attendance .table th:not(*:root) {
padding: 6px 10px !important;
}
.attenance-data-table {
margin-bottom: 0px !important;
}
.table-design-attendance .table td {
padding: 13px !important;
line-height: 23px !important;
}
.wfh {
background: #a7eecb !important;
}
.leave {
background: #fcb1aa !important;
color: #fff !important;
}
.missed-punch {
background: #df836c !important;
color: #fff !important;
}
.noactivity {
background: #dd2c00 !important;
color: #fff !important;
}
.wkend {
background: #b0bec5 !important;
color: #fff !important;
}
.holiday {
background: #ffda5c !important;
color: #fff !important;
}
.forgetid {
background: #bf9791 !important;
color: #fff !important;
}
.onsite {
background: #cff094 !important;
color: #fff !important;
}
.half-leave {
background: #feb57e !important;
color: #fff !important;
}
.pending-approval {
background: #fbfd99 !important;
color: #000 !important;
}
.manual-attendance-entry-punch {
background: #d0acd0 !important;
color: #fff !important;
}
.ambiguity {
background: #c7a96f !important;
color: #fff !important;
}
.events-day {
background: #99e388 !important;
color: #fff !important;
}
.greyRow {
background-color: grey;
color: #fff !important;
}
.table-side-header {
border: 1px solid #bfbfbf;
}
.table-side-header .side-table th {
padding: 36px;
}
.table-side-header .table {
border: none;
}
.table-design .attendance-data-table {
border-left: none;
}
.table-design .attendance-data-table,
.table-side-header .side-table {
margin-bottom: 0px;
}
.attendance-color-box {
min-width: 14px;
min-height: 14px;
width: 14px;
height: 14px;
border-radius: 50%;
display: inline-block;
top: 3px;
position: relative;
}
.emp_time_sheet input.btn_search_clear[type="button"] {
top: 9px;
right: 11px;
}
.table-design-attendance-month th,
.table-design-attendance- th,
.table-design-attendance th,
.table-side-header-width .side-table th {
min-width: 100px;
height: 90px;
text-align: center;
vertical-align: middle !important;
padding: 2px 10px !important;
}
.manual-table-attendance {
width: 40%;
float: left;
}
.table-side-header-width {
width: 20%;
}
.table-side-header-width tr {
border: 0.5px solid #e0e0e0;
}
.table-side-header-width td {
padding: 12px !important;
line-height: 24px !important;
}
.table-side-header-width .side-table th:not(*:root) {
padding: 2px 10px !important;
}
.add-attendance-btn i,
.remove-attendance-btn i {
color: #3498db;
}
.table-design-attendance input[type="text"].error,
.manual-table-attendance input[type="text"].error {
border: 1px solid red;
}
.table-all-summary {
width: 100%;
float: left;
}
.table-all-summary .summary {
width: 30%;
float: left;
padding: 0 1%;
}
.attendance-no-summary {
float: none;
width: 100%;
}
.table-month-leave-summary {
width: 100%;
}
.table-all-summary .month-leave-summary .table th {
vertical-align: middle !important;
}
.table-all-summary .month-leave-summary .table {
height: 304px;
}
.attendance-color-bar {
padding: 20px 0px;
}
.table-design-attendance .table .icon-attendance-information {
color: #fff !important;
padding: 0 0 0 8%;
}
.custom-attendance-tooltip {
max-width: 150px;
max-height: 450px;
min-height: auto !important;
width: 150px !important;
overflow: auto;
}
.attendance-z-sub-navigation {
min-width: 140px;
width: auto;
height: auto;
margin: 0px 0px;
padding: 7px 0 0 7px;
text-align: left;
float: left;
}
.attendance-z-sub-navigation ul {
list-style: disc inside none;
margin: 0px;
padding: 0.5%;
}
.attendance-z-sub-navigation ul li {
vertical-align: top;
}
.ambiguity-table-attendance {
width: 40% !important;
}
.ambiguity-table-attendance td:nth-child(1) {
width: 40% !important;
}
.menu-head ul li.time_entry {
display: none;
}
.footerdivbg .recentviewd {
display: none;
}
.div-project-emails {
display: table;
width: 50%;
}
.div-project-emails ul li {
display: table-row;
}
.div-project-emails .errors {
top: auto;
}
.div-project-emails-notice {
color: #71280f;
}
.div-daily-status-send {
width: 31.5%;
}
.div-daily-status-send-right {
width: 65% !important;
}
.div-daily-status-send .saprate_bg {
min-height: 124px;
width: 93%;
}
.div-daily-status-send .maxlength-feedback {
float: left;
}
.div-project-emails label {
padding-right: 3px;
}
.div-project-emails
.select2-container-multi
.select2-choices
.select2-search-field
input,
.div-project-emails
.select2-container-multi
.select2-choices
.select2-search-field
input.select2-active {
background: #fff !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.div-project-emails ul li.select2-search-choice div {
float: right;
position: relative;
}
.div-project-emails ul li .select2-search-choice-close {
left: 0px;
position: relative;
float: left;
top: 0px;
}
}
.note_enter_field {
border: 1px solid #d1d1d1;
background: #fff;
height: 125px;
padding: 2px 8px;
width: 60%;
}
.enter_time_week .week_th i.fa-calendar-o,
.container .enter_time_week tr th.week_th .fa-calendar-o.note_active,
.container .enter_time_week tr th.week_th .fa-calendar-o {
display: none !important;
}
.container .enter_time_week tr th.week_th i.fa {
background: none !important;
text-indent: unset !important;
}
.timesheet-hide-leave-menu {
display: none !important;
}
.enter_time_week .week_th i.fa-pencil {
display: block !important;
}
.container .enter_time_week th i.fa-pencil {
width: 20px;
height: 20px;
}
.proj_note_col_td {
height: 100px;
overflow-y: auto;
}
#resource_content_div .tm_grid td a {
margin-bottom: -2px;
}
.formDataElement_empid_disabled {
background-color: #f4f4f4 !important;
}
/* Attendance Table & Manual Attendance CSS */
.work-address {
font-size: 14px;
line-height: 26px;
}
.z-emergency-table {
border: 1px solid #bfbfbf;
overflow: hidden;
font-family: "Roboto Regular", sans-serif;
font-size: 14px;
margin-bottom: 10px;
width: 100%;
}
.z-emergency-header {
/*width: 20%;*/
color: #8b8b8b;
box-sizing: border-box;
border-right: 1px solid #e5e5e5;
padding: 10px 10px 10px 10px;
text-align: left;
word-wrap: break-word;
}
.z-emergency-column {
padding: 10px 6px;
border-right: 1px solid #e5e5e5;
}
.z-emergency-column input[type="text"] {
width: 100%;
}
.z-emergency-hide-border {
border-right: 0px solid #fff;
}
.remove-emergency-btn,
.add-emergency-btn {
color: #3498db;
}
.z-column-width {
min-width: 100px;
}
.profile-tabs-left-2 {
float: left;
width: 39%;
}
.left-column-profile {
width: 30%;
float: left;
}
.right-column-profile {
float: left;
width: 70%;
}
.right-column-profile .form-group {
margin-bottom: 15px;
}
.right-column-profile .form-group label {
display: block;
margin-bottom: 4px;
}
.right-column-profile .form-group input[type="text"] {
padding: 6px 10px;
display: inline-block;
vertical-align: top;
}
.right-column-profile .form-group .ui-datepicker-trigger {
display: inline-block;
vertical-align: top;
margin: 5px 8px;
}
.right-column-profile .form-group textarea {
width: 90%;
}
.right-column-profile .form-group span.errors {
float: none;
display: block;
}
.right-column-profile .form-group .add-coloum {
display: block;
color: #1f8abc;
}
#maincontentdiv .new-form-ui-submit {
margin-top: 37px;
padding-top: 20px;
}
.view-holiday-info {
margin-top: 37px;
padding-top: 20px;
}
.z-new-form-ui {
/* float: left; */
padding: 0px;
/* width: 210px; */
color: #3b3b3b;
margin: 0 15px 15px 0px;
position: relative;
text-align: left;
}
.z-new-form-ui label {
margin-bottom: 8px;
display: inline-block;
}
.z-new-form-ui input {
padding: 8px 10px;
border-radius: 3px;
border: 1px solid #ccc;
}
.z-new-form-ui textarea {
overflow: hidden;
padding: 10px;
width: 169px;
height: 25px;
font-size: 14px;
display: block;
border-radius: 3px;
border: 1px solid #ccc;
}
.z-new-form-ui-submit {
margin-top: 30px;
text-align: left;
}
.z-new-form-ui-submit input,
.z-new-form-ui-submit button {
background: #3498db;
padding: 10px;
color: #fff;
border: 1px solid #3498db;
border-radius: 3px;
margin-right: 10px;
}
.z-new-form-ui span.errors {
float: none;
display: block;
}
.slimScrollDiv table.grid .emaillogs-toemail {
display: block;
font-weight: 600;
}
.slimScrollDiv table.grid .emaillogs-subject {
color: #999;
font-size: 12px;
display: block;
}
.slimScrollDiv table.grid .emaillogs-date {
color: #777;
margin-top: -20px;
display: block;
}
.slimScrollDiv table.grid .emaillogs-status {
display: block;
margin-top: 0;
text-align: left;
margin-left: -22px;
}
.slimScrollDiv table.grid .date-satus {
float: right;
display: inline-block;
vertical-align: top;
text-align: right;
margin-top: -40px;
}
.slimScrollDiv table.grid .mtg-on {
color: #999 !important;
}
.slimScrollDiv table.grid tbody tr td.emaillog-td {
vertical-align: top !important;
}
.slimScrollDiv table.grid .main_view {
padding: 20px;
}
.newtablegrid table tbody .mail-content {
background-color: #e5f7ff !important;
color: #363636;
cursor: pointer;
}
.height-100-per {
height: 100% !important;
}
.width-100-per {
width: 100% !important;
}
.font-size-15 {
font-size: 15px !important;
}
.menu-head ul li.reports-div {
margin: 0px 10px;
display: inline-block;
float: none;
}
/* hide last column in table in Feedback pages */
.hidelast .main_view_sub_right .width_80 {
display: none;
}
.hidelast .main_view_sub_right .width_20 {
border-right: none;
width: 100%;
}
.table-btm .table-buttons-templates {
position: absolute;
top: 2px;
right: 10px;
}
.grid-action-align .template-view {
background: url(../images/ic_view.svg) no-repeat center center / 94%;
}
.grid-action-align .template-mapping {
background: url(../images/ic_mapping.svg) no-repeat center center / 100%;
}
.grid-action-align .template-document {
background: url(../images/ic_document.svg) no-repeat center center / 100%;
}
.grid-action-align .document-sign-icon {
background: url(../images/document_sign_icon.png) no-repeat center center /
100%;
}
.grid-action-align .download-icon {
background: url(../images/document_download_icon.png) no-repeat center center /
100%;
}
.grid-action-align .moved-icon {
background: url(../images/movable.png) no-repeat center center / 100%;
}
#Document .table-header {
padding-top: 0 !important;
}
#Document .table-header .addrecord {
background: url(../images/generate_icon.png) no-repeat center center / 100%;
width: 96px;
height: 34px;
margin-bottom: 3px;
margin-right: 29px !important;
}
#Document .table-header .docgen_resync {
background: url(../images/sprite.png) no-repeat left top;
background-position: -20px -105px;
float: left;
width: 1px;
margin-right: 34%;
padding-right: 34%;
margin-top: 11px;
height: 16px;
border: 0;
text-indent: -999999px;
cursor: pointer;
outline: none;
float: right;
}
.center-column-profile-template {
width:10% !important;
float: right;
}
.left-column-profile-template {
width:20% !important;
}
.template_action_top {
vertical-align: top;
}
#Template table.grid input.table_inputs {
min-width: 92px;
}
.table-buttons-templates .refresh-grid {
float: right !important;
margin-right: 0 !important;
}
#Document table.grid tr td .grid-action-align {
width: 100%;
}
#Template table.grid tr td:nth-child(2) {
width: 2%;
}
#Template table.grid tr td:nth-child(3) {
width: 2%;
}
#Template table.grid tr td:nth-child(4) {
width: 2%;
}
#Template table.grid tr td span,
#Template table.grid tr td {
white-space: inherit !important;
width: 10%;
}
#Document table.grid tr td span,
#Document table.grid tr td {
white-space: inherit !important;
width: 11% !important;
word-break: break-word;
}
#Document table.grid .table_inputs {
min-width: 92px !important;
}
#Document table.grid input.table_inputs.date_from_to_filter {
min-width: 52px !important;
}
#Document table.grid th:nth-child(5) a {
padding-left:25%;
}
.count_new_dis_deactive {
cursor: default !important;
}
.new-form-ui-auto-div {
height: auto !important;
clear:both;
}
.new-form-ui-auto-div .division > #s2id_emp_name {
height: 150px;
overflow-y: auto;
}