html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
body {
font-family: 'Open Sans', 'Droid Sans', 'Trebuchet MS', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Arial, sans-serif;
}
ul {
list-style: none;
}
ol {
margin: 0;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
a {
color: #333333;
text-decoration: none;
}
input,
ol {
margin: 0;
padding: 0;
}
html {
overflow-y: scroll;
min-height: 100%;
-webkit-text-size-adjust: 100%
}
body {
position: relative
}
a:hover,
a:active {
outline: none
}
textarea {
overflow: auto
}
img::selection {
background: transparent
}
img::-moz-selection {
background: transparent
}
fieldset,
img,
iframe {
border: 0
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
cursor: pointer;
-webkit-appearance: button
}
button[disabled],
input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block
}
audio,
canvas,
video {
display: inline-block
}
audio:not([controls]) {
display: none
}
[hidden] {
display: none
}
body {
margin: 0
}
p,
hr,
ul,
ol,
dl,
blockquote,
pre,
fieldset,
figure {
margin: 15px 0
}
body {
font: 13px/1.4 'helvetica neue', 'helvetica-neue', helvetica, arial, sans-serif;
overflow-x: hidden;
}
/*
canvas{
width: 100% !important;
height: 100% !important;
max-width: 800px;
}
*/
.hidden {
display: none;
}
.topbar {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: auto;
background-color: #242527;
width: 100%;
}
.page {
background-color: #fff;
margin: 0;
}
.wrapper {
width: 100%;
min-width: 300px;
}
.wrapper {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: auto;
}
.sheet {
background-color: #FCFCFC
}
#navcontainer {
padding: 0;
font-family: 'Open Sans', Helvetica, sans-serif;
margin-left: 220px;
}
ul#navlist {
margin: 0;
padding: 0;
white-space: nowrap;
}
#navlist li {
display: inline;
list-style-type: none;
margin-right: 7px;
}
#navlist a {
padding: 3px 10px;
font-weight: bolder;
text-shadow: 1px 1px 1px #000;
}
#navlist a:link,
#navlist a:visited,
#navlist a:active {
color: #fff;
text-decoration: none;
}
#navlist a:hover {
color: #fff;
text-decoration: underline;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.leftnav {
float: left;
width: 45px;
height: 100%;
z-index: 5;
margin: 0;
left: 0;
background-color: #35363A;
padding: 0px 0px 10px 0;
overflow: visible;
/*
-webkit-transition:300ms linear;
-moz-transition:300ms linear;
-o-transition:300ms linear;
-ms-transition:300ms linear;
transition:300ms linear;
*/
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.main-content {
margin-left: 45px;
z-index: 4;
background-color: #FcFcFc;
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
margin-bottom: 0;
background-color: #EEEEEE;
/*
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
*/
width: auto;
}
.content {
margin: 0 10px 0px 10px;
padding-top: 10px;
background-color: #FCFCFC;
background-color: transparent;
/*min-height:400px;*/
}
.heading-2 {
border-bottom: 1px #F0DF04 solid;
padding-bottom: 10px;
text-shadow: 1px 1px 1px #fff;
font-size: 1.9em;
margin: 0;
margin-bottom: 10px;
}
.heading-3 {
border-bottom: 1px rgb(221, 221, 221) solid;
padding-bottom: 10px;
text-shadow: 1px 1px 1px #fff;
font-size: 1.2em;
margin: 0;
margin-bottom: 10px;
}
#footer-block {
-webkit-box-shadow: 0 -3px 8px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 -3px 8px rgba(0, 0, 0, .05);
box-shadow: 0 -3px 8px rgba(0, 0, 0, .05)
}
.bottom-gradient {
position: relative;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABeCAYAAAFUTQSRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAT5JREFUeNpi/P///wMGKGD8//9/IozDwsDA8AMn5xsy5ytxMiic7ziN/gnjAAAAAP//YoS5De4uuFoUxjcUC7CLfEWxF66d8f///ywMDAwMAAAAAP//Yvz//38KAxpAcQ1W92L1EdbQwBoQBAW/ES34nSh3Mv7//58RXRAAAAD//2JETgPIglgD5C82wT80EPxNmeCvwaedeG9SGHR/iRIEAAAA//9i/P//fyoDEQCrbooV/hk4hb+pbuIvqlv9e9Rq+kbhACokKs8AAAAA///CWkzjUkh0vv5PrMJ/A2fiqELqlLgDaPXfUatHrR6KVg+FXDgyFQ5QzQUAAAD//2L8//9/GgMVAdFOJMXA/6MuHDVw1MCBMPDvqAsHnwtHvTzq5VEvj3p5tIAdKi4cNXDUwNGOD91dCAAAAP//AwDthNEWSjyCpQAAAABJRU5ErkJggg==) repeat-x scroll top left transparent
}
.homeicon {
background: url('file:///D:/web/rex_hrm/images/home-icon.png') no-repeat 50% bottom;
height: 23px;
width: 23px;
margin-top: 7px;
margin-left: 7px;
float: left;
}
.autohide {}
.titledescription {
font-size: 12px;
color: #999999;
text-shadow: 1px 1px 1px #fff;
margin-top: 5px;
padding-left: 10px;
margin-left: 110px;
border-left: 1px #ccc solid;
display: block;
}
.logo {
float: left;
width: 300px;
}
.logoimg {
float: left;
margin-right: 7px;
height: 52px;
width: 107px;
}
.header {
background-color: #EEEEEE;
padding: 10px;
}
.pull {
font-size: 1.5em;
}
.searchbar {
margin-left: 320px;
text-align: right;
}
.searchbtn {
border-style: none;
border-color: inherit;
border-width: 0;
background: url('file:///D:/web/rex_hrm/images/search-icon.png') no-repeat 0px 0px;
width: 32px;
height: 32px;
}
.txtSearch {
width: 98%;
padding: 6px;
border: 1px #E4E4E4 solid;
max-width: 420px;
font-size: 16px;
}
.suggestion {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
position: absolute;
background-color: #FF6A15;
text-align: left;
border: 1px solid #fff;
width: 100%;
max-width: 430px;
display: none;
z-index: 1000;
-webkit-border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;
}
.suggestion:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.sgword {
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
padding: 3px;
border-bottom: 1px #fff solid;
display: block;
padding: 7px;
color: #FF6A15;
color: #fff;
}
.sgword:hover {
background-color: #EFEFEF;
background-color: #006699;
font-weight: bold;
color: #fff;
}
.sgword-error {
padding: 10px 0 10px 0;
text-align: center;
color: #fff;
font-size: 1.8em;
}
.speaker {
float: left;
margin-top: 7px;
margin-left: 5px;
}
.shareicon {
float: right;
margin-top: 10px;
margin-right: 8px;
text-align: center;
}
.shareicon span {
background: url('file:///D:/web/rex_hrm/images/share.png') no-repeat left top;
height: 24px;
width: 24px;
display: -moz-inline-box;
display: inline-block;
padding: 2px;
}
#sprite-facebook {
background-position: 0 0;
width: 24px;
height: 24px;
}
#sprite-googleplus {
background-position: -48px 0;
width: 24px;
height: 24px;
}
#sprite-twitter {
background-position: -96px 0;
width: 24px;
height: 24px;
}
.wrapper1 {
position: relative;
z-index: 90;
margin: 0;
padding: 0;
}
.ribbon-wrapper-green {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: -3px;
right: -3px;
}
.ribbon-green {
font: bold 14px Sans-Serif;
color: #333;
text-align: center;
text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 7px 0;
left: -5px;
top: 15px;
width: 120px;
background-color: #BFDC7A;
color: #6a6340;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
}
.ribbon-green:before,
.ribbon-green:after {
content: "";
border-top: 3px solid #6e8900;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;
}
.ribbon-green:before {
left: 0;
}
.ribbon-green:after {
right: 0;
}
.bannerads {
margin: 0 auto 0 auto;
overflow: hidden;
width: 100%;
height: 100%;
text-align: center;
}
.linkunitads {
padding-top: 10px;
}
.boxads {
margin: 0 auto 0 auto;
text-align: center;
margin-bottom: 10px;
}
.english {
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
.urdu {
font-family: "Jameel Noori Nastaleeq", "Faiz Lahori Nastaleeq", "Alvi Lahori Nastaleeq", "Alvi Nastaleeq", "Nafees Web Naskh", "Urdu Naskh Asiatype", nafeesregular, Arial, Helvetica, Sans-Serif, Tahoma;
line-height: 180%;
word-spacing: 2px;
}
.sub-heading {
margin: 0;
padding: 2px 0 2px 0;
font-size: 1.4em;
font-weight: normal;
color: #F90;
margin-bottom: 10px;
border-bottom: 2px #006699 solid;
background: #F9F9F9;
padding: 5px 0 5px 10px;
border-top: 1px solid #E4E4E4;
font-family: 'Julius Sans One', sans-serif;
text-shadow: 1px 1px 1px #fff;
font-weight: bolder;
}
.sidebar-heading {
margin: 0;
padding: 2px 0 2px 0;
font-size: 1.4em;
font-weight: normal;
color: #F90;
border-bottom: 1px #E4E4E4 solid;
margin-bottom: 10px;
font-family: 'Julius Sans One', sans-serif;
text-shadow: 1px 1px 1px #fff;
font-weight: bolder;
}
.add-dict-btn {
display: block;
text-align: left;
padding: 5px 5px 5px 15px;
border-bottom: 1px #E4E4E4 solid;
border-top: 1px #E4E4E4 solid;
margin-bottom: 2px;
}
.main-heading {
font-size: 2.5em;
font-weight: normal;
color: #006699;
font-family: 'Julius Sans One', sans-serif;
text-shadow: 1px 1px 1px #ccc;
float: left;
margin: 0;
padding: 0;
overflow: hidden;
}
.main-heading1 {
font-size: 2.5em;
font-weight: normal;
color: #006699;
font-family: 'Julius Sans One', sans-serif;
text-shadow: 1px 1px 1px #ccc;
margin: 0;
padding: 0;
overflow: hidden;
}
.meaning-roman {
text-align: center;
display: inline-block;
border: 1px solid #E4E4E4;
}
.meaning-urdu {
padding: 7px 0 7px 0;
margin-left: 335px;
padding: 7px;
direction: rtl;
margin-bottom: 7px;
margin-right: 10px;
border: 1px solid #E4E4E4;
}
.meaning-english {
margin: 0;
font-size: 1.2em;
margin: 15px 15px 0 15px;
}
.meaning-english ol {
margin: 0;
margin-left: 35px;
margin-bottom: 20px;
margin-top: 10px;
}
.meaning-english ol li {
margin-bottom: 5px;
}
.meaning-english ol li a:hover {
border-bottom: 1px #E4E4E4 solid;
}
.engtype {
-moz-border-radius: 9px 0 0 9px;
-webkit-border-radius: 9px 0 0 9px;
border-radius: 9px 0 0 9px;
text-decoration: none;
border: 1px solid transparent;
padding: 2px 5px 2px 10px;
background-color: #006699;
color: #FFFFFF;
}
.synonyms-english {
margin: 0;
margin: 20px 10px 20px 10px;
}
.name-box {
display: inline-block;
width: 250px;
margin: 3px;
}
.names-meaning {
margin: 0;
margin: 10px 10px 10px 10px;
}
.synonyms {
margin: 0;
text-align: left;
font-size: 12px;
padding: 0;
display: block;
margin: 0 0 5px 0;
border-bottom: 1px #F9F9F9 solid;
}
.synonyms a {
display: inline-block;
margin: 3px;
text-decoration: none;
border: 1px #E9E9E9 solid;
padding: 1px 3px 1px 3px;
background-color: #EEEEEE;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
text-shadow: 0px 1px 1px #EBEBEB;
}
.synonyms a:hover {}
.snstype {
margin: 3px;
text-align: center;
-moz-border-radius: 9px 0 0 9px;
-webkit-border-radius: 9px 0 0 9px;
border-radius: 9px 0 0 9px;
text-decoration: none;
border: 1px solid transparent;
padding: 1px 3px 1px 3px;
background-color: #006699;
color: #FFFFFF;
width: 60px;
float: left;
display: block;
}
.snstext {
margin-left: 70px;
display: block;
}
.dpicbox {
float: left;
display: block;
text-align: center;
margin-left: 10px;
width: 315px;
min-height: 280px;
}
.dpicture {
background-color: #FFF;
background: url('file:///D:/web/rex_hrm/css/ajax-loader.gif') no-repeat center;
border: 1px #E4E4E4 solid;
padding: 7px;
text-align: center;
min-height: 70px;
}
.pictext {
padding: 5px;
text-align: left;
font-size: 12px;
display: block;
margin-right: 50px;
font-size: 10px;
}
.picnavi {
width: 100px;
text-align: center;
border-left: 1px #E4E4E4 solid;
border-right: 1px #E4E4E4 solid;
border-top: 1px #E4E4E4 solid;
padding: 4px;
background: #F4F5F5;
overflow: hidden;
position: absolute;
top: 15px;
left: 10px;
right: 10px;
margin: 0 auto 0 auto;
visibility: hidden;
}
.picnavi img {
outline: 0;
border: 0;
margin: 0;
}
.picnavi a {
margin: 0 3px 0 3px;
outline: 0;
}
.imgrestic {
font-size: 10px;
border: 1px #E6E600 solid;
background: #FFFFCC;
color: #222222;
padding: 4px;
text-align: center;
}
.wordtype {
border: 1px solid transparent;
background-color: #006699;
padding: 0;
font-size: 12px;
padding: 2px 5px 2px 5px;
color: white;
}
.footer {
width: 100%;
color: #fff;
border-bottom: 1px #666666 solid;
}
.footer a {
color: #fff;
}
.scrollTo_top {
position: fixed;
bottom: 40px;
right: 20px;
display: none;
}
#vocab_navlist {
margin: 0;
padding: 0;
background: none repeat scroll 0 0;
padding: 7px;
}
#vocab_navlist li {
list-style: none outside none;
margin: 0;
}
#vocab_navlist li a {
border-bottom: 1px dotted #CCCCCC;
display: block;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
padding: 3px;
text-decoration: none;
color: #333333;
}
#vocab_navlist li a:hover {
background: #F9F9F9;
font-weight: bold;
}
.sidebar-toggler {
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
cursor: pointer;
display: block;
float: right;
margin-top: 15px;
margin-bottom: 15px;
width: 23px;
height: 23px;
background-color: #FcFcFc;
background-color: #EEEEEE;
}
.sidebar-toggler:before {
margin: 0px 2px 3px 8px;
display: inline-block;
font-size: 18px;
font-family: FontAwesome;
height: auto;
content: "\f104";
font-weight: 300;
text-shadow: none;
}
#sidebar ul {
margin: 0;
padding: 0;
background: none repeat scroll 0 0;
padding: 0px 0 7px 0;
}
#sidebar li {
list-style: none outside none;
margin: 0;
}
#sidebar li a {
display: block;
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
padding: 10px 15px;
text-decoration: none;
font-size: 13px;
font-weight: 300;
text-decoration: none;
color: #fff;
border-top: 1px solid #414247;
border-bottom: 1px solid #292a2d;
color: #ffffff;
border-right: 4px solid transparent;
z-index: 97;
}
#sidebar li>a i {
font-size: 16px;
margin-right: 5px;
text-shadow: none;
}
#sidebar li a:hover {
border-right: 4px solid #d12610;
background-color: #242527;
}
.title1 {
cursor: pointer;
}
.arrow1 {
display: inline;
}
.arrow1:before {
float: right;
margin-top: 0px;
margin-right: 0;
display: inline;
font-size: 16px;
font-family: FontAwesome;
height: auto;
content: "\f104";
font-weight: 300;
text-shadow: none;
}
.arrow {
display: none;
}
#sidebar .title {
width: 0;
height: 0;
overflow: hidden;
display: none;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-left: 2px solid #d12610;
/*
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
*/
}
#sidebar a:hover .title {
width: auto;
overflow: visible;
display: block;
height: auto;
z-index: 599;
margin-left: 28px;
margin-top: -25px;
padding: 7px 15px;
font-size: 13px;
font-weight: 300;
text-decoration: none;
border-top: 1px solid #414247;
border-bottom: 1px solid #292a2d;
color: #ffffff;
border-right: 4px solid transparent;
background-color: #242527;
position: absolute;
/*
-webkit-transition: 0.25s;
-o-transition: 0.25s;
-moz-transition: 0.25s;
transition: 0.25s;
*/
}
/*
#sidebar li:hover .ca-icon{
opacity: 0.5;
left: -20px;
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
*/
#sidebar .fa {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
#sidebar li a:hover .fa {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
#sidebar li a:hover {
border-right: 4px solid #d12610;
background-color: #242527;
}
#sidebar li:hover .dashboard {
color: #3333FF;
}
#sidebar li:hover .employee {
color: #33CC33;
}
#sidebar li:hover .attendance {
color: #CC00CC;
}
#sidebar li:hover .payroll {
color: #3333FF;
}
#sidebar li:hover .travel {
color: #FF5050
}
#sidebar li:hover .administration {
color: #33CCCC;
}
#sidebar li:hover .leave {
color: #CC9900;
}
#sidebar li:hover .setup {
color: #FFFF00;
}
#sidebar li:hover .store {
color: #6699FF;
}
.submenu {
border-left: 1px solid #292a2d;
}
#sidebar .submenu ul {
margin: 0;
padding: 0;
list-style: none;
margin-left: 20px;
margin-bottom: 0px;
background-color: #292A2D;
}
#sidebar .submenu li a {
background-position: left;
display: block;
color: #fff;
padding: 10px;
}
#sidebar .submenu li a:hover {
border-right: 4px #F0523C solid;
}
.error-heading {
font-size: 2em;
color: #666666;
text-align: center;
padding: 20px 0 20px 0;
}
.error {
color: red;
display: none;
}
.entextbox {
padding: 6px;
border: 1px #E4E4E4 solid;
font-size: 16px;
}
.transparent8 {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.transparent {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.transparent:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.topround {
-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;
}
.bottomround {
-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;
}
.lefround {
-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;
}
.rightround {
-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;
}
.round {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.round2 {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}
.round3 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
.round4 {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.round5 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.round6 {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}
.round7 {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
}
.round8 {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
}
.round9 {
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
border-radius: 9px;
}
.round10 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.round11 {
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
-khtml-border-radius: 11px;
border-radius: 11px;
}
.round12 {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border-radius: 12px;
}
.box {
background: #FCFCFC;
border: 1px solid #E4E4E4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-moz-animation: myfirst 5s linear 2s infinite alternate;
-webkit-animation: myfirst 5s linear 2s infinite alternate;
-o-animation: myfirst 5s linear 2s infinite alternate;
animation: myfirst 5s linear 2s infinite alternate;
}
.nbox {}
.innershadow {
-moz-box-shadow: inset 0 0 5px #ccc;
-webkit-box-shadow: inset 0 0 5px #ccc;
box-shadow: inset 0 0 5px #ccc;
}
.box-shadow {
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
}
.box-shadow-black {
-moz-box-shadow: 0 0 5px 5px #222;
-webkit-box-shadow: 0 0 5px 5px#222;
box-shadow: 0 0 5px 5px #222;
}
.text-shadow1 {
text-shadow: 1px 1px 1px #000;
}
.text-shadow2 {
text-shadow: 1px 1px 1px #000, 3px 3px 5px blue;
}
.text-shadow3 {
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
}
.fade {
opacity: 1;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
}
.fade:hover {
opacity: 0.5;
}
.nav-fade li {
background: #fff;
padding: 3px 8px;
display: inline-block;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.nav-fade li:hover {
background: #ddd;
}
.rotate {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform: rotate(-90deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.black-gradient {
background: #45484d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
}
.scrollbar {
height: 300px;
background: #F5F5F5;
margin-bottom: 25px;
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
background: #FCFCFC;
border: 1px solid #E4E4E4;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}
.force-overflow {
min-height: 450px;
}
#style-1::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #555;
}
#style-9::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
}
#style-9::-webkit-scrollbar {
width: 10px;
background-color: #F5F5F5;
}
#style-9::-webkit-scrollbar-thumb {
background-color: #F90;
background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}
::-moz-selection {
background: #66b805;
color: #fff;
text-shadow: none;
}
::selection {
background: #66b805;
color: #fff;
text-shadow: none;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.clearfixed:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.clearfixauto {
overflow: auto;
}
.nav {
height: 35px;
width: 100%;
font-family: 'PT Sans', Arial, sans-serif;
font-weight: bold;
position: relative;
}
.nav ul {
padding: 0;
margin: 0 auto;
height: 40px;
}
.nav li {
display: inline;
float: left;
}
.nav a {
color: #fff;
display: inline-block;
padding: 0 10px 0 10px;
text-align: center;
text-decoration: none;
line-height: 40px;
text-shadow: 1px 1px 0px #283744;
}
.nav li a {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nav li:last-child a {
border-right: 0;
}
/*
.nav a:hover, .nav a:active{border-bottom:4px #F90 solid;}
*/
.nav a#pull {
display: none;
}
.bottombar {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: auto;
background-color: #242527;
border-bottom: 1px solid #000;
border-top: 4px #006699 solid;
color: #fff;
}
.bottombar a {
color: #fff;
}
.tagcloud {
margin: 10px 10px 10px 10px;
text-align: justify;
font-family: 'Julius Sans One', sans-serif;
text-shadow: 1px 1px 1px #fff;
font-weight: bold;
}
.tagcloud a:hover {
text-shadow: 1px 1px 1px #E9E9E9;
text-decoration: underline;
}
.tagcloud-100 {
font-size: 1.6em;
color: black;
text-decoration: none;
color: #FF7600;
}
.tagcloud-90 {
font-size: 1.5em;
color: black;
text-decoration: none;
color: #039FAF;
}
.tagcloud-80 {
font-size: 1.4em;
color: black;
text-decoration: none;
color: #DE2159;
}
.tagcloud-70 {
font-size: 1.3em;
color: black;
text-decoration: none;
color: #FF7600;
}
.tagcloud-60 {
font-size: 1.2em;
color: black;
text-decoration: none;
color: #87A800;
}
.tagcloud-50 {
font-size: 1.1em;
color: black;
text-decoration: none;
color: #DE2159;
}
.tagcloud-40 {
font-size: small;
color: black;
text-decoration: none;
color: #039FAF;
}
.tagcloud-30 {
font-size: small;
color: black;
text-decoration: none;
color: #FF7600;
}
.tagcloud-20 {
font-size: x-small;
color: black;
text-decoration: none;
color: #87A800;
}
.tagcloud-10 {
font-size: xx-small;
color: black;
text-decoration: none;
}
#test span,
ol,
p {
-moz-animation: fadein 2s;
-webkit-animation: fadein 2s;
-o-animation: fadein 2s;
animation: fadein 2s;
}
.effort {
-moz-animation: fadein 2s;
-webkit-animation: fadein 2s;
-o-animation: fadein 2s;
animation: fadein 2s;
}
.connection-error-container {
position: fixed;
top: 0;
/* left: 0; */
/* right: 0; */
z-index: 100000;
margin: 0 auto 0 auto;
color: #fff;
/* width: 100%; */
display: block;
left: 50%;
transform: translate(-50%);
}
.connection-error {
background-color: #F46558;
background-color: rgba(255, 0, 0, 0.8);
background-color: #D20708;
display: table;
margin: 0;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
margin: 0 auto 0 auto;
color: #fff;
}
.notification-dropdown {
position: relative;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
margin-left: 3px;
height: 40px;
background-color: #35363A;
}
.notification-dropdown:hover {}
.notification-delete {
float: right;
font-size: 21px;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
cursor: pointer;
}
.notification-delete:hover {
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=90);
opacity: .9;
}
.notification_menu {
min-width: 320px;
margin: 0;
padding: 0;
position: absolute;
right: 0;
z-index: 5000;
margin-top: 10px;
display: 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;
background-color: #fff;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.notification_menu_header {
border-bottom: solid 1px rgb(221, 221, 221);
padding: 3px 5px;
background-color: #FCFCFC;
font-size: 14px;
padding: 5px;
height: 30px;
}
.notification_menu_header i {
margin: 0;
padding: 0;
}
.notification_menu_header span {
margin-top: 0;
padding-top: 0;
}
.notification_menu_footer {
border-top: solid 1px rgb(221, 221, 221);
padding: 3px 5px;
background-color: #FCFCFC;
font-size: 12px;
padding: 5px;
height: 28px;
text-align: center;
-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;
}
.notification_menu:before {
position: absolute;
top: -7px;
right: 12px;
/* Example: right:10px; */
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-left: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.notification_menu:after {
position: absolute;
top: -6px;
right: 13px;
/* Example: right:10px; */
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
border-left: 6px solid transparent;
content: '';
}
.notification_menu ul {
margin: 0;
padding: 0;
background: none repeat scroll 0 0;
}
.notification_menu li {
display: block;
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
padding: 10px 10px;
text-decoration: none;
font-size: 13px;
font-weight: 300;
text-decoration: none;
color: rgb(13, 99, 143);
border-bottom: 1px solid rgb(221, 221, 221);
}
.notification_menu li:hover {
background-color: rgb(238, 238, 238);
color: rgb(51, 51, 51);
}
.notification_menu label {
margin-left: 3px;
cursor: pointer;
}
.notification_menu .last {
border-bottom: 0;
}
.notification-icon {
float: right;
display: inline-block;
z-index: 30;
height: 40px;
}
.notification-icon-span {
display: inline-block;
padding-right: 10px;
padding-left: 10px;
height: 40px;
background-color: #35363A;
}
.notification-icon-span:hover {
background-color: rgba(53, 54, 58, 0.6);
}
.notification-icon-i {
margin-top: 8px;
cursor: pointer;
}
.notification-i-span {
background-position: 0% 0%;
font-size: 8px;
-webkit-font-smoothing: subpixel-antialiased;
line-height: normal;
min-height: 13px;
line-height: 100%;
display: block;
position: absolute;
top: -10%;
right: -20%;
text-align: center;
color: #fff;
padding: 3px 3px;
font-family: "helvetica neue", helvetica-neue, helvetica, arial, sans-serif;
background-repeat: repeat;
background-attachment: scroll;
-webkit-border-radius: 2px;
background-color: #dc0d17;
background-image: -webkit-linear-gradient(#fa3c45, #dc0d17);
background: linear-gradient(#fa3c45, #dc0d17);
letter-spacing: .5px;
}
.fa-notification {
font-size: 1.8em;
color: #ccc;
}
.user-nav {
float: right;
width: 150px;
display: inline-block;
margin-right: 3px;
margin-left: 3px;
height: 40px;
color: #fff;
z-index: 30;
cursor: pointer;
background-color: #35363A;
}
.user-nav a {
color: #fff;
}
.unpad {
padding: 3px 3px 3px 8px;
}
.user-nav:hover {
background-color: #35363A;
color: #ccc;
}
.smalldiv {
font-weight: normal;
display: block;
padding: 0 5px;
}
.xxxx-large {
font-size: 8em;
}
.xxx-large {
font-size: 5em;
}
.xx-large {
font-size: 2.5em;
}
.x-large {
font-size: 1.5em;
}
.xlarge {
font-size: 1.2em;
}
.large {
font-size: 1em;
}
.medium {
font-size: 14px;
}
.small {
font-size: 10px;
}
.x-small {
font-size: 8px;
}
.xx-small {
font-size: 6px;
}
.text-align-left {
text-align: left;
}
.text-align-right {
text-align: right;
}
.text-align-center {
text-align: center;
}
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.position-fixed {
position: fixed;
}
.position-static {
position: static;
}
.block {
display: block;
}
.inlineblock {
display: inline-block;
}
.inline-block {
display: inline-block;
}
.display-none {
display: none;
}
.overflow-visible {
overflow: visible;
}
.bold {
font-weight: bold;
}
.hide {
display: none;
}
/* user drop menu style*/
.user_menu {
width: 150px;
position: absolute;
margin: 0;
padding: 0;
z-index: 5000;
border-top: 1px solid #414247;
padding-bottom: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-color: #35363A;
}
.usermenu2 {
width: 100%;
margin: 0;
padding: 0;
}
.usermenu2 li {
display: block;
margin: 0;
padding: 7px;
border-bottom: 1px solid #292a2d;
border-top: 1px solid #414247;
}
.usermenu2 li:hover {
background-color: #242527;
}
.usermenu2 li i {
margin-right: 7px;
}
.user_circle {
width: 100%;
height: 100%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
/*background: #fff;*/
}
.menuicon {
display: none;
}
.menuheader {
display: none;
color: #fff;
font-size: 1.4em;
padding: 15px 3px 15px 10px;
}
.topmenuicon {}
.titleheading {
font-size: 1.6em;
font-weight: normal;
color: #fff;
margin: 0;
padding: 0px 10px 0px 10px;
font-family: 'Julius Sans One', sans-serif;
text-shadow: 1px 1px 1px #000;
text-align: left;
font-weight: bold;
margin-left: 5px;
padding-top: 3px;
border-right: 1px rgb(102, 102, 102) solid;
padding-right: 10px;
display: inline-block;
margin-top: 3px;
}
.titleheading a {
color: #FE9800;
color: #fff;
}
.titleheading i {
color: #006699;
font-size: 90%;
color: #fff;
}
.titleonpage {
font-size: 16px;
color: #DFDFDF;
display: inline-block;
margin-left: 5px;
}
.termsbar {
border-bottom: 1px #555 solid;
margin-bottom: 12px
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate a,
li {
-moz-animation: fadein .5s;
-webkit-animation: fadein .5s;
-o-animation: fadein .5s;
animation: fadein .5s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.strikethrough {
text-decoration: line-through;
}
.arial {
font-family: Arial, Helvetica, sans-serif;
}
.verdana {
font-family: verdana, arial, sans-serif;
}
.opensans {
font-family: 'Open Sans', sans-serif;
}
.opensanslight {
font-family: 'Open Sans Light', 'Open Sans', sans-serif;
}
.josefinsansthin {
font-family: 'Josefin Sans Thin', 'Open Sans', sans-serif;
}
.georgia {
font-family: Georgia, "Times New Roman", Times, serif;
}
.julius {
font-family: 'Julius Sans One', sans-serif;
}
.code128 {
font-family: 'code_128regular', Georgia;
cursor: default;
}
.code39 {
font-family: 'Bar-Code 39', Georgia;
}
.contentheader {
font-family: 'Open Sans', sans-serif;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.contentheader-i {
font-size: 45px;
margin-left: 10px;
}
.contentheader-h2 {
display: inline-block;
width: 300px;
margin: 0;
padding: 7px 7px 7px 7px;
}
.contentheader-h2 span {
display: block;
font-size: 10px;
}
.livetime {
display: inline-block;
float: right;
height: 55px;
}
.livetime-span {
cursor: pointer;
float: right;
height: 55px;
background-color: #D7D7D7;
padding: 1px 3px 1px 3px;
display: inline-block;
}
.livetime-i {
margin-top: 20px;
}
.tztime {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.9em;
display: inline-block;
text-shadow: 1px 1px 1px #fff;
padding: 0;
float: right;
color: rgb(34, 34, 34);
padding-right: 10px;
padding-left: 5px;
border-left: 1px #ccc solid;
height: 55px;
margin-left: 10px;
padding-left: 10px;
-webkit-border-top-left-radius: 200px;
-webkit-border-bottom-left-radius: 200px;
-moz-border-radius-topleft: 200px;
-moz-border-radius-bottomleft: 200px;
border-top-left-radius: 200px;
border-bottom-left-radius: 200px;
background-color: #F2F2F2;
}
.tztime:hover {
background-color: #fff;
}
.ampm {
font-size: 0.5em;
color: #666;
text-shadow: 1px 1px 1px #fff;
display: inline-block;
width: 27px;
text-align: right;
}
.clock_hours {
width: 27px;
display: inline-block;
text-align: right;
}
.clock_minutes {
width: 27px;
display: inline-block;
text-align: right;
}
.clock_seconds {
width: 27px;
display: inline-block;
text-align: left;
}
.date-day {
font-size: 0.6em;
}
.time-div {
background: #E8F6E4;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
margin-bottom: 7px;
margin-top: 7px;
text-align: center;
}
.tzdate {
font-size: 8px;
display: block;
color: #666;
text-shadow: 1px 1px 1px #fff;
text-align: right;
padding-top: 5px;
}
.div2 {
border-top: 1px #CFCFCF solid;
border-bottom: 1px #CFCFCF solid;
background-color: #F4F4F4;
font-family: 'Open Sans', sans-serif;
}
.nav-table {
width: 100%;
margin: 0;
padding: 0px;
border: 0;
border-style: none;
border-color: inherit;
border-width: 0;
padding: 0px;
}
.nav-table td,
tr {
margin: 0;
padding: 0;
}
.navigation {
border-top: 5px solid #35363A;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 48px;
}
.hrm-navi {
list-style-type: none;
margin: 0;
padding: 0;
}
.hrm-navi li {
display: inline;
}
.hrm-navi li a {
color: rgb(51, 51, 51);
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
text-decoration: none;
text-shadow: none !important;
outline: 0px;
padding: 12px 20px;
display: inline-block;
border-right: 1px #E9E9E9 solid;
font-weight: bolder;
border-top: 2px solid transparent;
}
.hrm-active {
color: rgb(13, 99, 143);
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
background-color: #F9F9F9;
border-top: 2px #d12610 solid;
}
.hrm-navi a:hover {
color: rgb(13, 99, 143);
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
background-color: #F9F9F9;
border-top: 2px #d12610 solid;
}
/*
ul.dropdown {
text-align: left;
display: inline;
margin: 0;
padding: 0;
list-style: none;
z-index: 1000;
}
ul.dropdown li {
color: #666;
text-shadow:1px 1px 1px #fff;
text-decoration: none;
text-shadow: none !important;
outline: 0px;
padding: 12px 20px;
border-right: 1px #E9E9E9 solid;
font-weight: lighter;
display: inline-block;
margin-right: -4px;
position: relative;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
ul.dropdown li a{
color: #333;
}
ul.dropdown li:hover a{
color: #fff;
}
ul.dropdown li i{
color: #47484E;
margin-right: 5px;
}
ul.dropdown li:hover i{
color: #FFCC00;
}
ul.dropdown li a span{
padding-left: 5px;
}
ul.dropdown li:hover {
background: #F9F9F9;
background-color: #DCD6D6;
background: #35363A;
color: #fff;
}
ul.dropdown li ul {
padding: 0;
position: absolute;
margin:0;
top:42px;
left: 0;
width: 250px;
opacity: 0;
display: none;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
border-top: 1px #575960 solid;
z-index:1000;
}
ul.dropdown li ul li {
display: block;
color: #000;
background: #35363A;
padding: 9px;
font-weight: normal;
border-bottom: 1px #575960 solid;
border-right: 1px #35363A solid;
margin-right: 0;
}
ul.dropdown li ul li:hover a{
color: #FFCC00;
}
ul.dropdown li ul li:hover{
background: #47484E;
}
ul.dropdown li:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
*/
/*Main menu bar*/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.dropdown {
position: relative;
z-index: 597;
}
ul.dropdown li {
position: relative;
}
ul.dropdown>li {
color: #666;
text-shadow: 1px 1px 1px #fff;
text-decoration: none;
text-shadow: none !important;
outline: 0px;
padding: 12px 20px;
border-right: 1px #E9E9E9 solid;
font-weight: lighter;
display: inline-block;
margin-right: -4px;
position: relative;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
ul.dropdown>li a {
color: #333;
}
ul.dropdown>li:hover a {
color: #fff;
}
ul.dropdown>li i {
color: #47484E;
margin-right: 5px;
}
ul.dropdown>li:hover i {
color: #FFCC00;
}
ul.dropdown>li a span {
padding-left: 5px;
}
ul.dropdown>li.hover,
ul.dropdown>li:hover {
background: #F9F9F9;
/* Old browsers */
background-color: #DCD6D6;
background: #35363A;
/* Old browsers */
color: #fff;
cursor: default;
}
/*Dropdown menu*/
ul.dropdown ul {
visibility: hidden;
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
}
ul.dropdown ul li {
float: none;
}
/*Dropdown sub menu*/
ul.dropdown ul ul {
top: 0;
left: 98%;
}
/*Show sub menu on hover*/
ul.dropdown li:hover>ul {
visibility: visible;
display: block;
position: absolute;
}
.ddsm {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
/* -- Custom -- */
/*Dropdown menu formating*/
ul.dropdown ul li a {
display: block;
color: #000;
background: #35363A;
padding: 9px;
font-weight: normal;
border-bottom: 1px #575960 solid;
border-right: 1px #35363A solid;
margin-right: 0;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
width: 250px;
background: #35363A;
}
ul.dropdown ul li>a:hover {
color: #FFCC00;
background: #47484E;
/* Old browsers */
}
/*Dropdown sub menu formating*/
ul.dropdown ul ul li a {
display: block;
color: #000;
background: #35363A;
padding: 9px;
font-weight: normal;
border-bottom: 1px #575960 solid;
border-right: 1px #35363A solid;
margin-right: 0;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
width: 250px;
background: #47484E;
}
/* -- Drop-down open -- */
ul.dropdown li:hover>*.dir {
background-color: #35363A;
}
ul.dropdown li:hover>a.dir:hover {
background-color: #4698ca;
background-color: #47484E;
color: #FFCC00;
}
ul.dropdown ul li:hover>*.dir {
background-color: #47484E;
color: #FFCC00;
}
ul.dropdown ul li:hover>a.dir:hover {
color: #FFCC00;
}
ul.dropdown ul ul li:hover>*.dir {
background-color: #47484E;
color: #FFCC00;
}
.sub_menu {}
.dropdown-configuration {
margin: 0;
padding: 0;
margin-right: 3px;
}
.dropdown-configuration li {
background: #35363A;
/* Old browsers */
display: inline-block;
color: #fff;
padding: 9px 7px;
margin-bottom: 6px;
font-weight: normal;
border-right: 1px #E9E9E9 solid;
border-left: 1px #E9E9E9 solid;
}
.dropdown-configuration li a {
color: #fff;
margin-left: 3px;
}
/*
.dropdown-configuration li i{
color: #FFCC00;
}
*/
.blue3d {
background: rgb(136, 191, 232);
/* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(136, 191, 232, 1) 0%, rgba(112, 176, 224, 1) 100%);
/* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(136, 191, 232, 1)), color-stop(100%, rgba(112, 176, 224, 1)));
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(136, 191, 232, 1) 0%, rgba(112, 176, 224, 1) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(136, 191, 232, 1) 0%, rgba(112, 176, 224, 1) 100%);
/* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(136, 191, 232, 1) 0%, rgba(112, 176, 224, 1) 100%);
/* IE10+ */
background: radial-gradient(ellipse at center, rgba(136, 191, 232, 1) 0%, rgba(112, 176, 224, 1) 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.dark-gray-bg {
background-color: #333333;
}
.dark-gray-color {
color: #333333;
}
.gray-color {
color: #808080;
}
.gray {
background: #f2f2f2;
/* Old browsers */
background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
/* IE10+ */
background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0);
/* IE6-9 */
}
.gray_old {
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
/* IE6-9 */
}
.daterange {
margin: 0 3px 0 3px;
}
.LinearAnimation {
-webkit-transition: 300ms linear;
-moz-transition: 300ms linear;
-o-transition: 300ms linear;
-ms-transition: 300ms linear;
transition: 300ms linear;
}
.pull-right {
float: right;
}
.dashboard-date-range {
position: relative;
margin-right: -10px;
display: none;
height: 36px;
padding: 10px 9px 7px 9px;
cursor: pointer;
color: #fff;
background-color: #d12610;
}
.box-header {
background: #eaeaea;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #eaeaea));
background-image: -webkit-linear-gradient(top, #fdfdfd, #eaeaea);
background-image: -moz-linear-gradient(top, #fdfdfd, #eaeaea);
background-image: -o-linear-gradient(top, #fdfdfd, #eaeaea);
background-image: linear-gradient(top, #fdfdfd, #eaeaea);
text-shadow: 0 1px white;
border-bottom: 1px solid #CDCDCD;
color: #636363;
font-weight: 600;
}
.pop-menu {
width: 150px;
float: left;
right: 10px;
;
position: absolute;
margin: 0;
padding: 0;
z-index: 5000;
border: 1px #D0D0D0 solid;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
.pop-menu ul {
margin: 0;
padding: 0;
background: none repeat scroll 0 0;
}
.pop-menu li {
list-style: none outside none;
margin: 0;
}
.pop-menu li a {
display: block;
text-align: left;
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
padding: 10px 10px;
text-decoration: none;
font-size: 13px;
font-weight: 300;
text-decoration: none;
color: rgb(13, 99, 143);
border-bottom: 1px solid rgb(221, 221, 221);
}
.pop-menu li a:hover {
background-color: rgb(238, 238, 238);
color: rgb(51, 51, 51);
}
.select-col {
width: 150px;
float: right;
position: absolute;
margin: 0;
/*new changes*/
margin-top: 44px;
/*new changes*/
padding: 0;
z-index: 5000;
border: 1px #D0D0D0 solid;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
.select-col ul {
margin: 0;
padding: 0;
background: none repeat scroll 0 0;
}
.select-colli {
list-style: none outside none;
margin: 0;
}
.select-col li {
display: block;
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
padding: 10px 10px;
text-decoration: none;
font-size: 13px;
font-weight: 300;
text-decoration: none;
color: rgb(13, 99, 143);
border-bottom: 1px solid rgb(221, 221, 221);
}
.select-col li:hover {
background-color: rgb(238, 238, 238);
color: rgb(51, 51, 51);
}
.select-col label {
margin-left: 3px;
cursor: pointer;
}
.select-col .last {
border-bottom: 0;
}
.col-menu {
width: 100%;
margin: 0;
padding: 0;
}
.col-menu li {
display: block;
margin: 0;
padding: 7px;
border-bottom: 1px solid #292a2d;
border-top: 1px solid #414247;
}
.col-menu li:hover {
background-color: #242527;
}
.col-menu li i {
margin-right: 7px;
}
.table-wrap {
width: 100%;
overflow: scroll;
/*New Changes*/
height: 450px;
/* min-height: 450px; */
/* max-height:100%; */
/* min-height: fill-available; */
/*New Changes*/
position: relative;
}
.etable {
white-space: nowrap;
*border-collapse: collapse;
/* IE7 and lower */
border-spacing: 0;
width: 100%;
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
.etable thead {
width: 100%;
}
.bordered {
border: solid 1px rgb(221, 221, 221);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
background-color: #fff;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
/*
> div {
// these are flex items
// flex: 1; same as:
// flex-grow: 1;
// flex-shrink: 1;
// flex-basis: auto;
// flex: 1 1 auto;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
*/
}
.bordered4 {
border: solid 1px rgb(221, 221, 221);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
background-color: #fff;
height: 100%;
overflow: hidden;
}
.table-wrap table tbody tr:hover {
background: #fbf8e9;
background-color: rgba(0, 140, 203, 0.2);
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.table-wrap table td ul.rowmenu {
display: none;
}
.table-wrap table tr:hover td ul.rowmenu {
display: block;
}
.table-wrap table col {
transition: all .3s;
}
.table-wrap table col.hover {
background-color: rgba(0, 140, 203, 0.2);
}
.tdanimate {
background: #fbf8e9;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.tgs {
background-color: #FCFCFC;
}
.tdcol01 {
overflow: hidden;
min-width: 350px;
vertical-align: top;
padding: 0;
}
.tdcol02 {
text-align: center;
}
.table-wrap td,
.table-wrap th {
border-left: 1px solid rgb(221, 221, 221);
border-bottom: 1px solid rgb(221, 221, 221);
padding: 10px;
text-align: left;
}
.table-wrap th {
background-color: #EEF4F7;
background-color: #F5F5F5;
color: rgb(13, 99, 143);
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
cursor: pointer;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.fixed-table-head th {
position: -webkit-sticky;
position: sticky;
top: 0;
}
.selectedrow {
background: #EAF7FF;
}
.errorshadowon {
border: 1px solid #FF0000;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 1px 1px rgba(255, 0, 0, 0.25);
-webkit-box-shadow: 0 0 1px 1px rgba(255, 0, 0, 0.25);
box-shadow: 0 0 1px 1px rgba(255, 0, 0, 0.25);
}
.sub-table {}
table.sub-table {
/*font-family: verdana,arial,sans-serif;
font-size:11px;*/
color: #333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
width: 100%;
background-color: #fff;
}
table.sub-table th {
border-left: 1px #EBEBEB dotted;
border-bottom: 1px #EBEBEB dotted;
padding: 5px 4px 5px 4px;
background-color: #FBFBFB;
font-weight: normal;
}
table.sub-table tr {
border-left: 3px solid transparent;
}
table.sub-table tr:hover {
background: #fbf8e9;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
table.sub-table td {
border-left: 1px #EBEBEB dotted;
border-bottom: 1px #EBEBEB dotted;
padding: 5px 4px 5px 4px;
background-color: transparent;
}
/*
table.mt {border-spacing:0px ;border-collapse: collapse;}
table.mt th {white-space: normal;}
table.mt td {white-space:nowrap;}
table.scrollTable{
max-width: 99%;
}
table.scrollTable tbody {
max-height: 324px;
display: block;
overflow-y: scroll;
}
table.scrollTable thead,
table.scrollTable tfoot {
display: block;
}
*/
.single-blink {
animation: singletimeblinker 0.5s 4;
}
@keyframes singletimeblinker {
0% {
background-color: #555;
}
49% {
background-color: #fff;
}
50% {
background-color: #444;
}
99% {
background-color: #fff;
}
100% {
background-color: #555;
}
}
@keyframes blink {
0% {
color: red;
}
100% {
color: black;
}
}
@-webkit-keyframes blink {
0% {
color: red;
}
100% {
color: black;
}
}
.blink {
-webkit-animation: blink 1s linear infinite;
-moz-animation: blink 1s linear infinite;
-ms-animation: blink 1s linear infinite;
-o-animation: blink 1s linear infinite;
animation: blink 1s linear infinite;
}
.blink_me {
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0.0;
}
}
.fadeblink {
-webkit-animation: blink 1s linear infinite;
-moz-animation: blink 1s linear infinite;
-ms-animation: blink 1s linear infinite;
-o-animation: blink 1s linear infinite;
animation: blink 1s linear infinite;
}
.fade-blink-2 {
-webkit-animation: blink 2s linear infinite;
-moz-animation: blink 2s linear infinite;
-ms-animation: blink 2s linear infinite;
-o-animation: blink 2s linear infinite;
animation: blink 2s linear infinite;
}
/* Show Hide Blink */
@keyframes blink {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
.blink {
-webkit-animation: blink 1s step-start 0s infinite;
animation: blink 1s step-start 0s infinite;
}
/* @group Marquee */
.group-marquee {
height: 30px;
overflow: hidden;
position: relative;
}
.group-marquee div {
display: block;
width: 200%;
height: 30px;
position: absolute;
overflow: hidden;
-webkit-animation: marquee 4s linear infinite;
-moz-animation: marquee 4s linear infinite;
-ms-animation: marquee 4s linear infinite;
-o-animation: marquee 4s linear infinite;
animation: marquee 4s linear infinite;
}
.group-marquee span {
float: left;
width: 50%;
}
@-webkit-keyframes group-marquee {
0% {
left: 0;
}
100% {
left: -100%;
}
}
@-moz-keyframes group-marquee {
0% {
left: 0;
}
100% {
left: -100%;
}
}
@-ms-keyframes group-marquee {
0% {
left: 0;
}
100% {
left: -100%;
}
}
@-o-keyframes group-marquee {
0% {
left: 0;
}
100% {
left: -100%;
}
}
@keyframes group-marquee {
0% {
left: 0;
}
100% {
left: -100%;
}
}
/* @end */
.errorshadowoff {
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
border: 1px solid #DDDDDD;
}
.shadow1 {
/*
-moz-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.75);
box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.75);
*/
-webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.75);
}
.shadow2 {
-webkit-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.75);
}
.table-wrap td:first-child,
.table-wrap th:first-child {
border-left: none;
}
.table-wrap tr:last-child {
border-bottom: solid 1px rgb(221, 221, 221);
}
.table-wrap tr:last-child td:last-child {
border-bottom: solid 1px rgb(221, 221, 221);
}
.promale {
margin-right: 5px;
color: #0094FF;
}
.profemale {
margin-right: 5px;
color: #FF218C;
}
.prouser {
margin-right: 5px;
color: #ccc;
}
.sorting {
background: url('../images/sort_both.png') no-repeat center right;
padding-right: 25px;
}
.sorting:hover {
background: url('../images/sort_both1.png') no-repeat center right;
padding-right: 25px;
}
table.sortable thead tr .order-asc {
background-image: url("../img/sort_up.png");
}
table.sortable thead tr .order-desc {
background-image: url("../img/sort_down.png");
}
table.sortable thead tr th {
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
background-image: url("../images/sort_both.png");
}
.bbbg {
background-color: #EEEEEE;
}
.contacticon {
display: block;
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
}
.dashboard-box {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 100%;
overflow: hidden;
}
.grid-outter {
display: flex;
justify-content: center;
height: 100%;
}
.grid-inner {
align-self: center;
}
/*----------------------*/
.grid-header {
border-bottom: 1px solid rgb(221, 221, 221);
}
.grid-heading {
font-size: 2em;
margin: 0;
padding: 3px 3px 3px 10px;
color: #666666;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
/*
Introduced in Internet Explorer 10.
See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
*/
-ms-user-select: none;
user-select: none;
}
.grid-dropdown-button {
font-size: 1.2em;
font-weight: normal;
padding: 15px 7px 7px 7px;
color: #7C7369;
float: left;
border-right: 1px solid rgb(221, 221, 221);
display: inline-block;
margin: 0;
height: 42px;
cursor: pointer;
}
.grid-dropdown-heading {
cursor: pointer;
}
.grid-dropdown-heading h2 {
font-size: 2em;
margin: 0;
padding: 3px 3px 3px 10px;
color: #666666
}
.grid-dropdown-heading h2 span {
margin-left: 5px;
display: inline-block;
}
.search-box {
float: right;
margin-left: 7px;
padding: 7px;
vertical-align: top;
overflow: hidden;
height: 43px;
border-left: 1px solid rgb(221, 221, 221);
}
.search-box form {
margin: 0;
padding: 0;
text-align: center;
}
.filter-button {
font-size: 16px;
padding: 6px 6px 4px 6px;
background-color: #7BBF6A;
color: #fff;
cursor: pointer;
display: inline-block;
height: 29px;
}
.filter-textbox {
padding: 6px;
border: 1px #DDDDDD solid;
display: none;
margin: 0;
}
.search-button {
font-size: 16px;
padding: 6px;
background-color: #666666;
color: #fff;
cursor: pointer;
display: inline-block;
height: 29px;
}
.submit-button {
font-size: 16px;
padding: 6px;
background-color: #666666;
color: #fff;
cursor: pointer;
display: inline-block;
height: 29px;
}
.search-box1 {
margin: 7px 7px 7px 7px;
vertical-align: top;
overflow: hidden;
height: 30px;
}
.box-header {}
.employee_body {
padding: 0;
margin: 0;
}
.vetical-navi {
margin: 0;
padding: 0;
background-color: #FFF;
}
.vetical-navi ul {
margin: 0;
padding: 0;
background: none repeat scroll 0 0;
}
.vetical-navi li {
list-style: none outside none;
margin: 0;
}
.vetical-navi li a {
display: block;
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
padding: 10px 10px;
text-decoration: none;
font-size: 13px;
font-weight: 300;
text-decoration: none;
color: rgb(13, 99, 143);
border-bottom: 1px solid rgb(221, 221, 221);
color: #222;
text-shadow: 1px 1px 1px #fff;
background-color: #F9F9F9;
background-color: #fff;
border-right: 3px solid transparent;
}
.vetical-navi li a:hover {
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
border-right: 3px solid #009933;
background: #FBFBFB;
}
.vetical-navi .last {
border-bottom: 0;
}
.vetical-navi .selected {
background-color: gainsboro;
}
#vetical-navi .selected {
color: rgb(51, 51, 51);
background: #69AFFF;
background: #F4F4F4;
text-shadow: .5px .5px .5px #fff;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
border-right: 3px solid #69AFFF;
border-right: 3px solid #FF7569;
}
.vetical-navi i {
font-weight: normal;
margin-right: 5px;
}
#vetical-navi .vn-submenu {
padding-left: 20px;
border-bottom: 1px solid rgb(221, 221, 221);
border-left: 1px solid rgb(221, 221, 221);
}
.vn-submenu a {
border-bottom: 0;
border-left: 1px solid rgb(221, 221, 221);
}
.vn-submenu a.last {
border-bottom: 0;
}
.gridrow-navi {
box-sizing: border-box;
display: block;
position: absolute;
top: 0;
right: 0;
/*opacity: 0.8;*/
padding-left: 0px;
margin: 0;
visibility: visible;
cursor: default;
}
.gridrow-navi li {
box-sizing: border-box;
display: inline;
}
.gridrow-navi a {
box-sizing: border-box;
background-color: rgb(255, 255, 255);
color: rgb(46, 43, 43);
text-decoration: none;
text-shadow: none !important;
outline: 0px;
position: relative;
float: left;
padding: 8.9px;
border-right: 1px solid rgb(221, 221, 221);
background-position: initial initial;
background-repeat: initial initial;
}
.gridrow-navi a:hover {
color: rgb(13, 99, 143);
background-color: #F2F2F2;
}
.gridrow-navi a i {
font-size: 1.4em;
}
.export-print-navi {
box-sizing: border-box;
display: inline-block;
padding-left: 0px;
margin: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
visibility: visible;
cursor: default;
}
.export-print-navi li {
box-sizing: border-box;
display: inline;
}
.export-print-navi a {
box-sizing: border-box;
background-color: rgb(255, 255, 255);
color: rgb(13, 99, 143);
text-decoration: none;
text-shadow: none !important;
outline: 0px;
position: relative;
float: left;
padding: 10px;
line-height: 1.428571429;
border-right: 1px solid rgb(221, 221, 221);
background-position: initial initial;
background-repeat: initial initial;
}
.export-print-navi a:hover {
color: rgb(46, 43, 43);
background-color: rgb(163, 212, 236);
}
.export-print-navi a i {
font-size: 1.4em;
}
.export-print-navi-prev {}
.export-print-navi-next {}
.pagination {
box-sizing: border-box;
display: inline-block;
padding-left: 0px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
visibility: visible;
margin: 5px 7px 5px 7px;
cursor: default;
}
.pagination li {
box-sizing: border-box;
display: inline;
}
.pagination a {
box-sizing: border-box;
background-color: rgb(255, 255, 255);
color: rgb(13, 99, 143);
text-decoration: none;
text-shadow: none !important;
outline: 0px;
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.428571429;
border: 1px solid rgb(221, 221, 221);
background-position: initial initial;
background-repeat: initial initial;
}
.pagination span {
box-sizing: border-box;
background-color: rgb(255, 255, 255);
color: rgb(13, 99, 143);
text-decoration: none;
text-shadow: none !important;
outline: 0px;
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.428571429;
border: 1px solid rgb(221, 221, 221);
background-position: initial initial;
background-repeat: initial initial;
}
.pageactive {
background: #428BCA;
color: rgb(51, 51, 51);
cursor: default;
}
.pagination a:hover {
background-color: rgb(238, 238, 238);
color: rgb(51, 51, 51);
}
.prev {
border: 1px solid rgb(221, 221, 221);
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.next {
margin-left: -1px;
border: 1px solid rgb(221, 221, 221);
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.disabled {
cursor: not-allowed;
}
.margin-0 {
margin: 0;
}
.left {
float: left;
}
.right {
float: right;
}
.center-text {
text-align: center;
}
.text-center {
text-align: center;
}
.text-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.default-cursor {
cursor: default;
}
.pointer-cursor {
cursor: pointer;
}
.form-group {
box-sizing: border-box;
margin-bottom: 15px;
margin-right: -15px;
margin-left: -15px;
width: 100%;
}
.col-md-4 {
box-sizing: border-box;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.control-label {
box-sizing: border-box;
display: inline-block;
margin-bottom: 0px;
font-weight: 400;
font-size: 14px;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
margin-top: 0px;
padding-top: 7px;
text-align: right;
}
.required {
box-sizing: border-box;
color: rgb(224, 34, 34);
font-size: 12px;
padding-left: 2px;
}
.input-group {
box-sizing: border-box;
position: relative;
display: table;
border-collapse: separate;
}
.input-group-addon {
box-sizing: border-box;
display: table-cell;
width: 39px;
white-space: nowrap;
vertical-align: middle;
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: rgb(85, 85, 85);
text-align: center;
background-color: rgb(229, 229, 229);
border-width: 1px 0px 1px 1px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: rgb(229, 229, 229);
border-bottom-color: rgb(229, 229, 229);
border-left-color: rgb(229, 229, 229);
border-top-left-radius: 4px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 4px;
background-position: initial initial;
background-repeat: initial initial;
}
.form-control {
box-sizing: border-box;
margin: 0px;
font-family: inherit;
font-size: 14px;
line-height: 1.428571429;
display: table-cell;
width: 403px;
height: 34px;
padding: 6px 12px;
color: rgb(51, 51, 51);
vertical-align: middle;
background-color: rgb(255, 255, 255);
background-image: none;
border: 1px solid rgb(229, 229, 229);
border-top-left-radius: 0px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
font-weight: normal;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-group i {
box-sizing: border-box;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 14px;
-webkit-font-smoothing: antialiased;
margin-top: 1px;
font-size: 14px;
color: rgb(153, 153, 153);
}
.clear {
clear: both;
float: none;
}
.payrollcheckbox {
margin: 0;
height: 15px;
width: 15px;
}
.payrollbar {
padding: 0;
margin: 0;
background-color: #F7F7F7;
}
.payrollbar span {
font-size: 1em;
display: inline-block;
}
.payrollbar i {
font-size: 1.2em;
margin: 0 5px 0 5px;
display: inline-block;
}
.numspan {
background-color: #999999;
font-size: 12px;
color: #fff;
padding: 0 3px 0 3px;
}
.numspania {
background-color: #CCCCCC;
border: 1px #C0C0C0 solid;
font-size: 12px;
color: #000;
padding: 0 3px 0 3px;
}
.payrollactive {
font-weight: bold;
}
.payrollinactive {
color: #333;
}
.dfbox-green {
display: inline-block;
width: 120px;
color: #009933;
font-size: 11px;
font-weight: bold;
background-color: #DBEBC2;
}
.dfbox-red {
display: inline-block;
width: 120px;
color: #FF0000;
font-size: 11px;
font-weight: bold;
background-color: #FFD7D7;
}
.textbox-small {
display: block;
padding: 3px;
width: 120px;
border: 1px #CCCCCC solid;
}
.label-span {
display: block;
padding: 2px;
width: 120px;
text-align: center;
border: 1 #ccc solid;
}
.sign {
display: block;
float: left;
width: 180px;
margin: 0;
border-left: 2px #fff solid;
}
.sign span {
font-size: 10px;
}
.sbn {
display: block;
font-size: 5em;
margin: 0;
padding: 0;
color: #fff;
line-height: 90%;
width: 35px;
text-align: center;
}
.sbn1 {
margin-left: 45px;
padding-right: 5px;
}
.sbnavtive {
color: #009933;
}
.sbnhavtive {
color: #3333FF;
}
.sbnheading {
font-size: 1.7em;
;
}
.sbnspan {
font-size: 10px;
;
color: #666;
}
.box-footer {
border-top: 1px solid rgb(221, 221, 221);
}
.rightnav {
float: right;
width: 205px;
border-left: 1px #D0D0D0 solid;
background-color: #fff;
display: block;
}
.profile1 {
font-family: 'Open Sans', 'Droid Sans', 'Trebuchet MS', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Arial, sans-serif;
}
.profile1 h2 {
font-size: 2.5em;
font-weight: normal;
color: #333;
margin: 0;
padding-bottom: 7px;
padding-top: 7px;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
.flex-parent {
display: flex;
align-items: center;
justify-content: center;
}
.flex-left {
margin-right: auto;
}
.flex-left-grow {
flex-grow: 1;
}
.flex-right {
margin-left: auto;
}
.flex-right-grow {
flex-grow: 2;
}
.flex-align-top {
align-self: flex-start;
}
.flex-align-bottom {
align-self: flex-end;
}
.profile {
font-family: 'Open Sans', 'Droid Sans', 'Trebuchet MS', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Arial, sans-serif;
}
.profile h2 {
font-size: 2.5em;
font-weight: normal;
color: #333;
margin: 0;
padding-bottom: 7px;
padding-top: 7px;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
.profile span {
margin: 0;
display: inline-block;
}
.boxtitle {
border-bottom: 1px solid rgb(221, 221, 221);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.imgbox {
border: 1px #D0D0D0 solid;
padding: 2px;
margin: 4px;
}
.profile-col {
width: 100%;
overflow-y: auto;
padding: 0 5px 0 5px;
}
.grid_container {
width: 100%;
padding: 0 10px 0 10px;
padding-bottom: 20px;
}
.grid_container h2 {
margin: 0;
margin-top: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.grid_container h3 {
margin: 0;
font-size: 1em;
color: #333;
}
.profile-data {
padding: 5px;
padding-left: 15px;
}
.profile-row {
display: inline-block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border: 1px #D0D0D0 solid;
margin: 5px;
vertical-align: top;
background-color: #F4F4F4;
}
.profile-row:hover {}
.profile-label {
padding: 5px;
background-color: #F4F4F4;
-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;
width: 120px;
color: rgb(13, 99, 143);
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
font-size: 12px;
}
.profile-data {
padding: 5px;
width: 185px;
border-left: 1px #D0D0D0 solid;
-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;
background-color: #fff;
color: #333;
}
.profile-data:hover {
background: #fbf8e9;
-moz-animation: fadein 1s;
-webkit-animation: fadein 1s;
-o-animation: fadein 1s;
animation: fadein 1s;
color: #FF9900;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
.tdhead {
background-color: #CCCCFF;
padding: 0;
}
.profile-table {
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
background-color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.profile-table table {
border: 1px #D0D0D0 solid;
vertical-align: top;
white-space: nowrap;
*border-collapse: collapse;
/* IE7 and lower */
border-spacing: 0;
width: 100%;
}
.profile-table table tbody tr:hover {
background: #fbf8e9;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.profile-table td,
.profile-table th {
border-left: 1px solid rgb(221, 221, 221);
border-bottom: 1px solid rgb(221, 221, 221);
padding: 10px;
text-align: left;
word-wrap: break-word;
}
.profile-table th {
background-color: #EEF4F7;
background-color: #F5F5F5;
color: rgb(13, 99, 143);
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
cursor: pointer;
padding-right: 25px;
font-weight: normal;
}
.wordwrap {
white-space: -moz-pre-wrap;
/* Firefox */
white-space: -pre-wrap;
/* Opera <7 */
white-space: -o-pre-wrap;
/* Opera 7 */
word-wrap: break-word;
/* IE */
white-space: pre-wrap;
/* CSS3 */
}
.wrapword {
white-space: -moz-pre-wrap !important;
/* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
white-space: pre-wrap;
/* css-3 */
word-wrap: break-word;
/* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}
.payroll-header {
margin-bottom: 5px;
}
.payroll-header h1 {
margin: 0;
padding: 0;
font-size: 2.5em;
}
.payroll-concept {
font-size: 1.6em;
}
.payroll-month {}
/*
table { page-break-inside:auto }
tr{ page-break-inside:avoid; page-break-after:auto }
*/
/*
.page-break-tr{display:none;}
*/
*/ .page-break-after {
display: block;
page-break-after: always;
position: relative;
}
.page-break-before {
display: block;
page-break-before: always;
position: relative;
}
.payroll-prntexpt {
margin: 5px 3px 0 0;
}
.payroll-pagenumber {
display: block;
}
.payroll-signature {
display: inline-block;
border-top: 1px #444 solid;
text-align: center;
width: 150px;
margin-right: 30px;
margin-top: 80px;
text-align: center;
}
.payroll-signature span {
display: block;
}
.payroll-table {
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
background-color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.payroll-table table {
border: 1px #D0D0D0 solid;
vertical-align: top;
white-space: nowrap;
*border-collapse: collapse;
/* IE7 and lower */
border-spacing: 0;
width: 100%
}
.payroll-table table tbody tr:hover {
background: #fbf8e9;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.payroll-table td {
border-left: 1px rgb(181, 181, 181) solid;
border-bottom: 1px rgb(181, 181, 181) solid;
padding: 2px 2px 2px 10px;
text-align: left;
}
.payroll-table th {
border-left: 1px rgb(181, 181, 181) solid;
border-bottom: 1px rgb(181, 181, 181) solid;
padding: 7px;
text-align: left;
background-color: #333333;
color: #FFFFFF;
/*
text-shadow: 0 1px 0 rgba(255,255,255,.5);
*/
;
cursor: pointer;
font-weight: normal;
font-weight: bold;
}
.employee_payslip {
margin: 5px 15px 5px 15px;
}
.payslip-table {
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
background-color: #fff;
}
.payslip-table table {
border: 1px #D0D0D0 solid;
vertical-align: top;
white-space: nowrap;
*border-collapse: collapse;
/* IE7 and lower */
border-spacing: 0;
width: 100%
}
.payslip-table td {
border-left: 1px rgb(181, 181, 181) solid;
border-bottom: 1px rgb(181, 181, 181) solid;
padding: 2px;
text-align: left;
}
.payslip-table th {
border-left: 1px rgb(181, 181, 181) solid;
border-bottom: 1px rgb(181, 181, 181) solid;
padding: 3px;
background-color: #E9E9E9;
text-align: left;
color: #333;
/*
text-shadow: 0 1px 0 rgba(255,255,255,.5);
*/
;
cursor: pointer;
font-weight: normal;
font-weight: bold;
}
.normal-table {
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
background-color: #fff;
}
.normal-table table {
vertical-align: top;
white-space: nowrap;
*border-collapse: collapse;
/* IE7 and lower */
border-spacing: 0;
width: 100%
}
.normal-table td {
padding: 1px;
text-align: left;
}
.normal-table th {
padding: 7px;
text-align: left;
background-color: #333333;
color: #FFFFFF;
/*
text-shadow: 0 1px 0 rgba(255,255,255,.5);
*/
;
cursor: pointer;
font-weight: normal;
font-weight: bold;
}
.normal-table {
padding: 0;
margin: 0;
}
.normal-table td,
th,
tbody {
padding: 1px 0;
margin: 0;
}
.emplyeeheading {
display: block;
padding-right: 25px;
font-size: 1.5em;
font-weight: normal;
padding-left: 10px;
width: 220px;
}
.present {
text-align: center;
font-size: 12px;
padding: 0;
text-align: center;
}
.holday {
background-color: #E4FFCA;
font-size: 12px;
text-align: center;
}
.commingday {
background-color: #F4F4F4;
font-size: 12px;
text-align: center;
}
.absent {
color: red;
text-align: center;
font-size: 12px;
}
.et-present {
text-align: center;
font-size: 12px;
padding: 0;
text-align: center;
white-space: pre-wrap;
}
.et-weeklyoff {
background-color: #E4FFCA;
font-size: 12px;
text-align: center;
white-space: pre-wrap;
}
.et-holiday {
background-color: #a8d8eb;
font-size: 12px;
text-align: center;
white-space: pre-wrap;
}
.et-commingday {
background-color: #F4F4F4;
font-size: 12px;
text-align: center;
white-space: pre-wrap;
}
.et-absent {
text-align: center;
font-size: 12px;
white-space: pre-wrap;
background-color: #fbddd6;
}
.et-leave {
text-align: center;
font-size: 12px;
white-space: pre-wrap;
background-color: #efd5a6;
}
.nabsent {
color: #CCCCCC;
text-align: center;
font-size: 12px;
}
.holday span {
text-align: center;
display: block;
}
.absent span {
text-align: center;
display: block;
}
.nabsent span {
text-align: center;
display: block;
}
.commingday span {
text-align: center;
display: block;
}
.tdleft {
text-align: left;
}
.tdcenter {
text-align: center;
}
.daytd {}
.dayname {
color: #666666;
font-size: 8px;
display: block;
text-align: center;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
font-weight: normal;
background-color: #F8F8F8;
padding: 3px 0 2px 0;
}
.daynumber {
display: block;
font-size: 1.4em;
text-align: center;
padding: 0 0 5px 0;
width: 60px;
}
.weeknumber {
color: #999999;
font-size: 8px;
display: block;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: normal;
}
.checkin {
display: block;
border-bottom: 1px solid rgb(221, 221, 221);
padding: 4px 2px 4px 2px;
text-align: center;
font-size: 10px;
cursor: default;
border-left: 1px solid #3333FF;
}
.hours {
display: block;
border-top: 1px solid rgb(221, 221, 221);
padding: 4px 2px 4px 2px;
text-align: center;
font-size: 10px;
cursor: default;
border-left: 1px solid #3333FF;
/* background-color: #F4FFEA; */
}
.emplate {
color: red;
}
.empwfh {
background: bisque;
}
.empmpunch {
background: #f7a24e;
}
.checkout {
display: block;
padding: 4px 2px 4px 2px;
text-align: center;
font-size: 10px;
cursor: default;
border-left: 1px solid #FF9900;
}
.noscan {
display: block;
padding: 4px 2px 4px 2px;
text-align: center;
font-size: 10px;
cursor: default;
color: red;
border-left: 1px solid #FF9900;
}
.noscan:hover {
display: block;
background-color: #FFFF99;
text-align: center;
font-weight: 300;
}
.checkin:hover {
display: block;
background-color: #FFFF99;
text-align: center;
font-weight: 300;
}
.checkout:hover {
display: block;
background-color: #FFFF99;
text-align: center;
font-weight: 300;
}
.employeename {
display: block;
padding: 5px 5px 10px 10px;
font-size: 1em;
font-weight: normal;
}
.empconcept {
color: #fff;
font-size: 8px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: normal;
padding: 1px 4px 0px 4px;
background-color: #FF9900;
margin: 0 3px 3px 0;
}
.emplocation {
color: #fff;
font-size: 8px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: normal;
padding: 1px 4px 0px 4px;
background: #87A800;
background-color: #996633;
margin: 0 3px 3px 0;
}
.empbadgenumber {
color: #666;
font-size: 16px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: normal;
padding: 1px 4px 0px 4px;
margin: 5px 3px 3px 0;
display: block;
}
.empInactive {
color: #fff;
font-size: 9px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: normal;
padding: 1px 4px 0px 4px;
background-color: #FF0000;
margin: 0 3px 3px 3px;
display: inline;
-webkit-animation: blink 1s linear infinite;
-moz-animation: blink 1s linear infinite;
-ms-animation: blink 1s linear infinite;
-o-animation: blink 1s linear infinite;
animation: blink 1s linear infinite;
}
.empResigned {
color: #fff;
font-size: 9px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: normal;
padding: 1px 4px 0px 4px;
background-color: #CC0066;
margin: 0 3px 3px 3px;
display: inline;
}
.empActive {
color: #fff;
font-size: 9px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: normal;
padding: 1px 4px 0px 4px;
background-color: #006600;
margin: 0 3px 3px 3px;
display: inline;
}
.empProfileComplete {
color: #fff;
font-size: 9px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: normal;
padding: 1px 4px 0px 4px;
background-color: #47484E;
margin: 0 3px 3px 3px;
display: inline;
}
.empLeft {
color: #fff;
font-size: 9px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: normal;
padding: 1px 4px 0px 4px;
background-color: #F0523C;
margin: 0 3px 3px 3px;
display: inline-block;
}
.empProbation {
color: #fff;
font-size: 9px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: normal;
padding: 1px 4px 0px 4px;
background-color: #0094FF;
margin: 0 3px 3px 3px;
display: inline-block;
}
.empTerminated {
color: #fff;
font-size: 9px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: normal;
padding: 1px 4px 0px 4px;
background-color: #CC0000;
margin: 0 3px 3px 3px;
display: inline-block;
}
.empOnLeave {
color: #fff;
font-size: 9px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: normal;
padding: 1px 4px 0px 4px;
background-color: #D2D200;
margin: 0 3px 3px 3px;
display: inline-block;
}
.empUnknown {
color: #fff;
font-size: 9px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: normal;
padding: 1px 4px 0px 4px;
background-color: #D2D200;
margin: 0 3px 3px 3px;
display: inline-block;
}
.empIcon {
margin-right: 5px;
}
.light-kid {
color: #66CCFF;
}
.light-gray01 {
color: #b8bec9;
}
.light-gray {
color: #808793;
}
.dark-gray {
color: #333333;
}
.xlight-gray {
color: #E2E2E2;
}
.light-orange {
color: #FFB80D;
}
.light-orange-shade01 {
color: #E59866;
}
.light-green {
color: #02C76F;
}
.light-green-shade01 {
color: #ABEBC6;
}
.light-blue {
color: #00BAFF;
}
.light-red {
color: #FF5050;
}
.light-red-shade01 {
color: #CD6155;
}
.light-purple {
color: #B658C4;
}
.light-brown {
color: #996633;
}
.light-sky {
color: #CCCCFF;
}
.dark-yellow {
color: #FFFF00;
}
.blue-1 {
color: #3366FF;
}
.tree {
margin: 0 auto 0 auto;
}
.tree ul {
padding-top: 20px;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.tree li {
float: left;
text-align: center;
list-style-type: none;
position: relative;
padding: 20px 5px 0 5px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*We will use ::before and ::after to draw the connectors*/
.tree li::before,
.tree li::after {
content: '';
position: absolute;
top: 0;
right: 50%;
border-top: 1px solid #ccc;
width: 50%;
height: 20px;
}
.tree li::after {
right: auto;
left: 50%;
border-left: 1px solid #ccc;
}
/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after,
.tree li:only-child::before {
display: none;
}
/*Remove space from the top of single children*/
.tree li:only-child {
padding-top: 0;
}
/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before,
.tree li:last-child::after {
border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before {
border-right: 1px solid #ccc;
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
.tree li:first-child::after {
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
/*Time to add downward connectors from parents*/
.tree ul ul::before {
content: '';
position: absolute;
top: 0;
left: 50%;
border-left: 1px solid #ccc;
width: 0;
height: 20px;
}
.tree li a {
border: 1px solid #ccc;
padding: 5px 10px;
text-decoration: none;
color: #666;
font-family: arial, verdana, tahoma;
font-size: 11px;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover,
.tree li a:hover+ul li a {
background: #c8e4f8;
color: #000;
border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after,
.tree li a:hover+ul li::before,
.tree li a:hover+ul::before,
.tree li a:hover+ul ul::before {
border-color: #94a0b4;
}
/* Thats all. I hope you enjoyed it. Thanks :)*/
#miniboxcontent,
#miniboxchildcontent {
margin: 0 auto 0 auto;
/*min-width:330px;*/
}
.minibox-content {
text-align: center;
}
.dialogboxcontent {}
#dialogbox_content {
margin: 0 auto 0 auto;
background-color: white;
/*min-width:330px;*/
margin-top: 2%;
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.lightbox-loader {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
.lightbox-loader span {
display: block;
margin: 0 auto;
font-size: 2.5em;
font-family: 'Open Sans', sans-serif;
font-family: 'Julius Sans One', sans-serif;
}
span[class*="l-"] {
height: 4px;
width: 4px;
background: #000;
display: inline-block;
margin: 12px 2px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-animation: loader 4s infinite;
-webkit-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
-webkit-animation-fill-mode: both;
-moz-animation: loader 4s infinite;
-moz-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
-moz-animation-fill-mode: both;
-ms-animation: loader 4s infinite;
-ms-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
-ms-animation-fill-mode: both;
animation: loader 4s infinite;
animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
animation-fill-mode: both;
}
span.l-1 {
-webkit-animation-delay: 1s;
-ms-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}
span.l-2 {
-webkit-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
animation-delay: 0.8s;
}
span.l-3 {
-webkit-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
animation-delay: 0.6s;
}
span.l-4 {
-webkit-animation-delay: 0.4s;
-ms-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
}
span.l-5 {
-webkit-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
animation-delay: 0.2s;
}
span.l-6 {
-webkit-animation-delay: 0;
-ms-animation-delay: 0;
-moz-animation-delay: 0;
animation-delay: 0;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: translateX(-30px);
opacity: 0;
}
25% {
opacity: 1;
}
50% {
-webkit-transform: translateX(30px);
opacity: 0;
}
100% {
opacity: 0;
}
}
@-moz-keyframes loader {
0% {
-moz-transform: translateX(-30px);
opacity: 0;
}
25% {
opacity: 1;
}
50% {
-moz-transform: translateX(30px);
opacity: 0;
}
100% {
opacity: 0;
}
}
@-keyframes loader {
0% {
-transform: translateX(-30px);
opacity: 0;
}
25% {
opacity: 1;
}
50% {
-transform: translateX(30px);
opacity: 0;
}
100% {
opacity: 0;
}
}
@-ms-keyframes loader {
0% {
-ms-transform: translateX(-30px);
opacity: 0;
}
25% {
opacity: 1;
}
50% {
-ms-transform: translateX(30px);
opacity: 0;
}
100% {
opacity: 0;
}
}
.closebtn {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
display: block;
float: right;
margin: 6px;
padding: 5px 7px 5px 7px;
background-color: #fff;
color: #333;
font-weight: normal;
font-size: 12px;
}
.miniboxblack-overlay {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1005;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
}
#miniboxchildfade {
z-index: 1006;
}
#miniboxchild {
z-index: 1007;
}
.black_overlay {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
height: 100%;
}
.miniboxclass {
display: none;
position: fixed;
top: 0%;
bottom: 0;
width: 100%;
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
z-index: 1006;
overflow: hidden;
}
.dialogboxclass::backdrop {
position: fixed;
}
.white_content {
/* Height & width depends on how you want to reveal the overlay (see JS below) */
height: 100%;
width: 93%;
position: fixed;
/* Stay in place */
;
z-index: 1003;
/* Sit on top */
;
left: 0;
top: 0;
background-color: rgb(255, 255, 255);
/* Black w/opacity */
overflow: hidden;
/* Disable horizontal scroll */
;
transition: 0.5s;
/* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
display: flex;
display: none;
overflow: hidden;
flex-direction: column;
}
.white_content::backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(darken(#429032, 25), .8);
}
.white_content>* {
flex: 0 0 auto;
}
.white_content>.lightbox-container {
flex: 1 1 auto;
display: flex;
overflow: hidden;
}
.white_content>.lightbox-container>* {
flex: 0 0 auto;
overflow: hidden;
}
.white_content>.lightbox-container>.lightbox-content {
flex: 1 1 auto;
/* overflow-y: scroll; */
}
.lightbox-container {
position: relative;
width: 100%;
/* 100% width */
/* text-align: center; Centered text/links */
vertical-align: top;
}
.lightbox-content {
position: relative;
width: 100%;
/* 100% width */
/* text-align: center; Centered text/links */
vertical-align: top;
overflow-y: auto;
}
.lightbox-footer {
display: block;
width: 100%;
background-color: #F4F4F4;
padding: 5px;
border-top: 1px #DBDBDB solid;
}
#lightbox_content {
position: relative;
width: 100%;
/* 100% width */
/* text-align: center; Centered text/links */
vertical-align: top;
overflow-y: auto;
}
.miniwindow-white {
/* Height & width depends on how you want to reveal the overlay (see JS below) */
height: 100%;
position: fixed;
/* Stay in place */
;
z-index: 1003;
/* Sit on top */
;
left: 0;
top: 0;
background-color: rgb(255, 255, 255);
/* Black w/opacity */
overflow: hidden;
/* Disable horizontal scroll */
;
transition: 0.5s;
/* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
display: flex;
display: none;
overflow: hidden;
flex-direction: column;
}
.miniwindow-white::backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(darken(#429032, 25), .8);
}
.miniwindow-white>* {
flex: 0 0 auto;
}
.miniwindow-white>.miniwindow-container {
flex: 1 1 auto;
display: flex;
overflow: hidden;
}
.miniwindow-white>.miniwindow-container>* {
flex: 0 0 auto;
overflow: hidden;
}
.miniwindow-white>.miniwindow-container>.miniwindow-content {
flex: 1 1 auto;
/* overflow-y: scroll;*/
}
.miniwindow-container {
position: relative;
width: 100%;
/* 100% width */
/* text-align: center; Centered text/links */
vertical-align: top;
}
.miniwindow-content {
position: relative;
width: 100%;
/* 100% width */
/* text-align: center; Centered text/links */
vertical-align: top;
}
.miniwindow-footer {
display: block;
width: 100%;
background-color: #F4F4F4;
padding: 5px;
border-top: 1px #DBDBDB solid;
height: 32px;
}
.miniwindow-fade {
opacity: 1;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
}
.miniwindow-fade:hover {
opacity: 0.5;
}
.miniwindow-overlay {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
height: 100%;
}
.miniwindow-loader {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
.miniwindow-loader-text {
display: block;
margin: 0 auto;
font-size: 2.5em;
font-family: 'Open Sans', sans-serif;
font-family: 'Julius Sans One', sans-serif;
}
.miniwindow-titlebar {
display: block;
width: 100%;
background-color: #F4F4F4;
color: #000000;
background: #337ab7;
background: #ff7400;
background: #3C4043;
background: #00A2CA;
color: #ffffff;
/*
background-color:#3c3c3c;
color: #FFFFFF;
border-bottom:1px #2b2a2a solid;
*/
}
.miniwindowspan {
font-size: 16px;
padding: 7px 0 0 12px;
}
.miniwindow-close a {
padding: 3px 8px 3px 8px;
text-decoration: none;
font-size: 28px;
font-weight: lighter;
line-height: 100%;
color: #818181;
color: #ffffff;
display: block;
/* Display block instead of inline */
transition: 0.3s;
/* Transition effects on hover (color) */
}
/* When you mouse over the navigation links, change their color */
.miniwindow-close a:hover,
.miniwindow-close a:focus {
color: #FFFFFF;
background-color: #FF0000;
}
.miniwindow-content-parent {
width: 100%;
background: #fff;
display: flex;
height: 100%;
position: absolute;
overflow: hidden;
}
.miniwindow-content-child-right {
width: 75%;
border-left: 1px solid #DDDDDD;
}
.miniwindow-content-child-left {
width: 25%;
background: #F5F5F5;
}
/*
.white_content{
display: none;
position: fixed ;
top: 0%;
bottom: 0;
width: 90%;
height: 100%;
padding:0;
background-color: white;
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
z-index:1002;
overflow: hidden;
}
.white_content::backdrop {
position: fixed;
}
*/
.white_content1 {
display: none;
position: fixed;
top: 0%;
bottom: 0;
padding: 0;
background-color: white;
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
z-index: 1002;
overflow: hidden;
}
.white_content1::backdrop {
position: fixed;
}
.textright {
float: right;
}
#flash {
text-align: center;
background: #000000;
color: #F00;
margin: 0;
padding: 20px;
}
#flash span {
font-size: 2em;
font-weight: bold;
display: block;
}
/* --------------------------------- */
/*MESSAGE BOX CLEAN serie */
.clean-gray {
border: 1px #C0C0C0 solid;
background: #EFEFEF;
color: #222222;
padding: 7px;
text-align: center;
}
.clean-yellow {
border: 1px #E6E600 solid;
background: #FFFFCC;
color: #222222;
padding: 7px;
text-align: left;
}
.clean-ok {
border: solid 1px #349534;
background: #C9FFCA;
color: #008000;
color: #222222;
padding: 7px;
text-align: left;
}
.clean-error {
border: solid 1px #CC0000;
background: #F7CBCA;
color: #CC0000;
padding: 7px;
text-align: left;
}
.promsg {
margin: 10px 10px 0 10px;
display: none;
}
.iconmsg {
display: inline-block;
padding: 0 7px 0 0;
border-right: 1px #ccc solid;
margin-right: 7px;
}
.closemsg {
color: #333333;
float: right;
margin-right: 3px;
}
#closingtimer {}
.form-processing {
display: block;
color: #333;
background-color: #CCCCFF;
padding: 3px 3px 3px 6px;
width: 100%;
}
.form-load {
display: block;
color: #fff;
background-color: #87A800;
padding: 3px 3px 3px 6px;
width: 100%;
}
.form_generate {
padding: 20px;
font-size: 1.5em;
}
.form-change {
display: block;
color: #fff;
background-color: #FFCC66;
background-color: #eea236;
padding: 3px 3px 3px 6px;
width: 100%;
text-shadow: 0.5px 0.5px 0.5px #F3BA1B;
}
.form-error {
display: block;
color: #fff;
background-color: #FF0000;
padding: 3px 3px 3px 6px;
width: 100%;
text-shadow: 0.5px 0.5px 0.5px #FF9D9D;
}
.form-updated {
display: block;
color: #fff;
background-color: #333399;
padding: 3px 3px 3px 6px;
width: 100%;
}
.form-added {
display: block;
color: #fff;
background-color: #006600;
padding: 3px 3px 3px 6px;
width: 100%;
text-shadow: 0.5px 0.5px 0.5px #004600;
}
.form-alert {
display: block;
color: #fff;
background-color: #FF9900;
padding: 3px 3px 3px 6px;
width: 100%;
text-shadow: 0.5px 0.5px 0.5px #B96F00;
}
#loadedimg {}
#loadedimg i {
margin-top: 80px;
font-size: 2em;
}
.dropdowntime {
padding: 5px;
background-color: white;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 999;
width: 240px;
margin-left: 66px;
position: absolute;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75);
display: none;
}
.dropdownlist {
padding: 0px;
background-color: white;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 999;
width: 307px;
/* margin-left: 90px; */
position: absolute;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75);
}
.dd-navi {
margin: 0;
padding: 0;
background-color: #FFF;
}
.dd-navi ul {
margin: 0;
padding: 0;
background: none repeat scroll 0 0;
}
.dd-navi li {
list-style: none outside none;
margin: 0;
}
.dd-navi li a {
display: block;
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
padding: 7px 7px;
text-decoration: none;
font-size: 11px;
font-weight: 300;
text-decoration: none;
color: rgb(13, 99, 143);
border-bottom: 1px solid rgb(221, 221, 221);
color: #222;
text-shadow: 1px 1px 1px #fff;
background-color: #F9F9F9;
background-color: #fff;
border-right: 3px solid transparent;
}
.dd-navi li a:hover {
border-right: 3px solid #009933;
background: #89C4F4;
background: #FBFBFB;
}
.dd-navi .last {
border-bottom: 0;
}
/* Style the tab */
.tab {
overflow: hidden;
border-bottom: 1px solid #ccc;
background-color: #F5F5F5;
}
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
}
.tab button:hover {
background-color: #44B6D8;
color: #fff;
}
.tab button.active {
background-color: #44B6D8;
color: #fff;
}
.tabcontent {
display: none;
}
/* Horizontal Navigation */
.horizontal-navigation {}
.horizontal-navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #F5F5F5;
}
.horizontal-navigation li {
float: left;
border-right: 1px #E9E9E9 solid;
}
li:last-child {
border-right: none;
}
.horizontal-navigation li a {
display: block;
color: #000;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* Change the link color to #111 (black) on hover */
.horizontal-navigation li a:hover {
background-color: #FBFBFB;
}
.horizontal-navigation li a:active {
background-color: #FBFBFB;
}
#calendar_element {
padding: 0px;
background-color: white;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 999;
width: 216px;
/*margin-left: 90px;*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.75);
}
#calendar_table {
width: 216px;
text-align: center;
border-collapse: separate;
margin: 0;
font-size: 11px;
}
#calendar_table td {
font-size: 11px;
font-weight: bold;
border-top: 1px solid #c2c2c2;
border-left: 1px solid #c2c2c2;
cursor: pointer;
}
#calendar_table th:first-child {
border-left: 0;
}
#calendar_table td:first-child {
border-left: 0;
}
#calendar_table th {
line-height: 20px;
font-size: 8px;
color: #696969;
text-transform: uppercase;
background: #f3f3f3;
border-left: 1px solid #f3f3f3;
width: 30px;
text-align: center;
text-shadow: 0 1px rgba(255, 255, 255, 0.8);
}
#calendar_table td.normal {
width: 30px;
text-align: center;
width: 30px;
line-height: 28px;
color: #000;
text-shadow: 0 1px rgba(255, 255, 255, 0.8);
box-shadow: 1px 1px rgba(255, 255, 255, 0.5) inset;
background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9);
font-weight: bold;
}
#calendar_table td:first-child:active {
border-left: 0;
margin-left: 0;
}
#calendar_table td.active:first-child {
border-left: 0;
margin-left: 0;
}
#calendar_table td.weekend {
color: #CC0000;
box-shadow: 1px 1px rgba(255, 255, 255, 0.5) inset;
line-height: 28px;
background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9);
}
#calendar_table td.off {
box-shadow: 1px 1px rgba(255, 255, 255, 0.5) inset;
background: #EEEEEE;
line-height: 28px;
cursor: default;
}
#calendar_table td.today {
text-transform: uppercase;
background: #f3f3f3;
text-align: center;
text-shadow: 0 1px rgba(255, 255, 255, 0.8);
line-height: 28px;
font-weight: bold;
background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9);
}
#calendar_table td.dimmed {
color: gray;
}
#calendar_table td.selected {
background: #CC0000;
color: #fff;
}
#calendar_table td.normal:hover {
background: #f3f3f3;
color: #000;
}
#calendar_table td.weekend:hover {
background: #f3f3f3;
color: #000;
}
#calendar_navigation {
text-align: center;
background-color: #333333;
color: #fff;
width: 216px;
margin: 0;
border: 1px solid #333;
}
#calendar_navigation td.nav {
width: 15px;
cursor: pointer;
padding: 0 7px 0 7px;
}
.lightbox-target {
position: fixed;
top: -100%;
left: 0;
background: rgba(0, 0, 0, .7);
width: 100%;
opacity: 0;
-moz-transform: scale(1);
-moz-transform-origin: 0 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
}
.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0, 0, 0, .3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
a.lightbox-close {
display: block;
width: 50px;
height: 50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top: 10px;
-webkit-transform: rotate(45deg);
}
a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top: 10px;
-webkit-transform: rotate(-45deg);
}
.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
}
.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}
.lightbox-target:target a.lightbox-close {
top: 0px;
}
/*
.page-break { display: none; }
*/
.day-attendance {
display: block;
width: 60px;
float: right;
}
.day-number {
padding: 7px 0 0 7px;
font-size: 1.6em;
background-color: rgba(251, 251, 251, 0.5);
border-bottom: 1px dotted rgb(221, 221, 221);
}
.calholiday {
background-color: #F3FFE8;
}
.dotted {
background-image: -webkit-repeating-radial-gradient(center center, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 1px, transparent 1px, transparent 100%);
background-image: -moz-repeating-radial-gradient(center center, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 1px, transparent 1px, transparent 100%);
background-image: -ms-repeating-radial-gradient(center center, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 1px, transparent 1px, transparent 100%);
background-image: repeating-radial-gradient(center center, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 1px, transparent 1px, transparent 100%);
-webkit-background-size: 3px 3px;
-moz-background-size: 3px 3px;
background-size: 3px 3px;
}
.stripped {
background-image: -webkit-repeating-linear-gradient(135deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3) 1px, transparent 2px, transparent 2px, rgba(0, 0, 0, .3) 3px);
background-image: -moz-repeating-linear-gradient(135deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3) 1px, transparent 2px, transparent 2px, rgba(0, 0, 0, .3) 3px);
background-image: -o-repeating-linear-gradient(135deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3) 1px, transparent 2px, transparent 2px, rgba(0, 0, 0, .3) 3px);
background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3) 1px, transparent 2px, transparent 2px, rgba(0, 0, 0, .3) 3px);
-webkit-background-size: 4px 4px;
-moz-background-size: 4px 4px;
background-size: 4px 4px;
}
.pure-table-horizontal tbody>tr:last-child td {
border-bottom-width: 0
}
.pure-table-horizontal td,
.pure-table-horizontal th {
border-width: 0 0 1px;
border-bottom: 1px solid #F2F2F2;
padding: 12px;
text-align: left;
color: #666666
}
.pure-table-horizontal th {
text-align: left;
color: #666666
}
.pure-table-horizontal tbody>tr:last-child td {
border-bottom-width: 0
}
.orange-01 {
background: #ffaf4b;
/* Old browsers */
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffaf4b), color-stop(100%, #ff920a));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
/* IE10+ */
background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=0);
/* IE6-9 */
}
.orange-02 {
background: #ff7400;
/* Old browsers */
background: -moz-linear-gradient(top, #ff7400 0%, #ff7400 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7400), color-stop(100%, #ff7400));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff7400 0%, #ff7400 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff7400 0%, #ff7400 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff7400 0%, #ff7400 100%);
/* IE10+ */
background: linear-gradient(to bottom, #ff7400 0%, #ff7400 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400', GradientType=0);
/* IE6-9 */
}
.animated {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.bounce_css {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
.div-Blur {
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-ms-filter: blur(1px);
-o-filter: blur(1px);
filter: blur(1px);
}
.div-inside-blur {
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
-o-filter: blur(0px);
filter: blur(0px);
}
.blur {
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-ms-filter: blur(1px);
-o-filter: blur(1px);
filter: blur(1px);
}
.blur2 {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
filter: blur(2px);
}
.blur3 {
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
-o-filter: blur(3px);
filter: blur(3px);
}
.blur4 {
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);
-o-filter: blur(4px);
filter: blur(4px);
}
.blur5 {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-ms-filter: blur(5px);
-o-filter: blur(5px);
filter: blur(5px);
}
.modal {
box-shadow: 0 3px 7px rgba(0, 0, 0, .25);
box-sizing: border-box;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* Make the modal appear when targeted */
.modal:target {
opacity: 1;
top: 0;
visibility: visible;
}
.modelbox {
transition: all 2s linear;
transition-property: opacity, height, margin;
}
.modal-dialog {
height: 100%;
margin-top: 1%;
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.modelbox-hidden {
opacity: 0;
height: 0px;
}
.loadingtitle {
color: #f35626;
background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 60s infinite linear;
}
/*-----------------------------------*\
$ANIMATIONS
\*-----------------------------------*/
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
.withfadeout {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}
.withfadeout:hover {
-webkit-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
}
.pulse-loading-animation {
width: 600px;
display: block;
margin: 20px auto 0 auto;
padding: 0;
color: #E3E3E3;
}
.pulse-loading-animation svg {
width: 99%;
height: 99%;
margin: 0 auto 0 auto;
}
.pulse-loading-animation #pulsar {
stroke-dasharray: 281;
-webkit-animation: dash 2.5s infinite linear forwards;
}
/*Animation*/
@-webkit-keyframes dash {
from {
stroke-dashoffset: 814;
}
to {
stroke-dashoffset: -814;
}
}
/*
#bounce:target{
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-ms-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-ms-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
40% {-ms-transform: translateY(-30px);}
60% {-ms-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
*/
.loadr {
margin: 0 auto;
font-size: 10px;
position: relative;
display: inline-block;
text-indent: -9999em;
border-top: 0.5em solid rgba(255, 255, 255, 0.2);
border-right: 0.5em solid rgba(255, 255, 255, 0.2);
border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
border-left: 0.4em rgba(255, 255, 255, 0.9) solid;
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
.loadr,
.loadr:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loginhead {
width: 230px;
text-align: center;
padding: 5px 0 5px 0;
margin: 0 auto 0 auto;
border-bottom: 1px transparent solid;
color: #555;
background-color: transparent;
background: rgba(0, 0, 0, 0.2);
/*
background: rgba(240, 240, 240, 0.2);
*/
-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-animation: fadein 2s;
-webkit-animation: fadein 2s;
-o-animation: fadein 2s;
animation: fadein 2s;
}
.loginhead h1 {
margin: 0;
padding: 0;
text-align: center;
font-size: 5em;
font-weight: normal;
color: #FF9900;
line-height: 100%;
text-shadow: 0 1px 0 rgba(255, 135, 0, .8);
}
.loginhead i {
text-shadow: 0 1px 0 rgba(0, 82, 121, .8);
}
.loginhead span {
display: block;
font-size: 10px;
color: #EEEEEE;
margin: 0;
padding: 0;
}
.loginfooter {
position: fixed;
bottom: 0;
text-align: center;
padding: 5px;
margin: 0 auto 0 auto;
width: 100%;
color: #fff;
font-size: 12px;
;
background: rgba(0, 0, 0, 0.2);
}
.loginfrm {
width: 350px;
margin: 10px auto 0 auto;
display: block;
background-color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
.loginfrm form {
margin: 0;
padding: 0;
}
.loginerror {
margin: 0 auto 5px auto;
text-align: center;
color: red;
float: right;
padding-right: 5px;
}
.loginmsg {
margin: 0 auto 5px auto;
text-align: center;
float: right;
padding-right: 5px;
}
.fullpage {
margin: 0;
padding: 0;
}
.pageloading {
display: inline-block;
position: fixed;
top: 0;
left: 0;
color: #fff;
margin: 0;
padding: 18% 0 0 0;
text-align: center
}
.modalWindow {
position: fixed;
font-family: arial;
font-size: 80%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 99999;
opacity: 0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalHeader h2 {
color: #189CDA;
border-bottom: 2px groove #efefef;
}
.modalWindow:target {
opacity: 1;
pointer-events: auto;
}
.modalWindow>div {
width: 500px;
position: relative;
margin: 10% auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff;
}
.note {
position: relative;
}
.note:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
display: block;
border-left: 7px solid transparent;
border-bottom: 7px solid transparent;
border-top: 7px solid #f00;
}
.note1 {
position: relative;
}
.note1:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
display: block;
border-left: 20px solid transparent;
border-bottom: 20px solid transparent;
border-top: 20px solid #f00;
}
hr.carved1 {
clear: both;
float: none;
width: 100%;
height: 1px;
margin: 1.4em 0;
border: none;
background: #ddd;
background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0, rgb(255, 255, 255)), color-stop(0.1, rgb(221, 221, 221)), color-stop(0.9, rgb(221, 221, 221)), color-stop(1, rgb(255, 255, 255)));
background-image: -moz-linear-gradient( left center, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 10%, rgb(221, 221, 221) 90%, rgb(255, 255, 255) 100%);
}
hr.carved {
width: 100%;
height: 2px;
margin: 1em 0;
border: none;
background: #ddd;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.5, rgb(221, 221, 221)), color-stop(0.5, rgb(255, 255, 255)));
background-image: -moz-linear-gradient( center top, rgb(221, 221, 221) 50%, rgb(255, 255, 255) 50%);
}
.calculator-titlebar {
background-color: #FF7400;
padding: 5px 7px 5px 7px;
color: #fff;
min-width: 200px;
}
.calculator-body {
display: block;
}
.calculator-div {
margin: 10px;
padding: 5px;
background: #ccc;
width: 185px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
display: block;
}
.calculator {
margin: 0 auto 0 auto;
padding: 0;
}
.calc_td_btn {
text-align: center;
padding: 2px;
}
.calc_btn {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
outline: 0;
}
.calc_btn:hover {
background: #99CCFF;
position: relative;
top: 1px;
left: 1px;
border: 1px #ccc solid;
cursor: pointer;
}
.calc_result {
margin: 0;
width: 173px;
height: 40px;
line-height: 40px;
text-align: right;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
padding: 2px 10px;
margin-bottom: 5px;
}
.calculatrice {
background-color: #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.modal-content {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-header {
min-height: 16.42857143px;
padding: 12px;
border-bottom: 1.5px solid #46b8da;
color: #428bca;
background-color: #F1F3F5;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.modal-body {
flex: 1;
height: 100%;
overflow-y: auto;
}
.modal-title {
color: #00A2CA;
font-family: 'Open Sans Light', 'Open Sans', sans-serif;
}
.modal-title i {
color: #00A2CA;
font-size: 1em;
}
.modal-header .close {
margin-top: -2px;
padding: 0 6px;
}
.modal-header .close:hover {
color: #000;
background: white;
border-radius: 50%;
}
.modal-footer {
background-color: #F1F3F5;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.modal-content-parent {
width: 100%;
background: #fff;
display: flex;
height: 100%;
position: relative;
overflow: hidden;
}
.modal-content-child-left {
width: 75%;
}
.modal-content-center {
width: 100%;
}
.modal-content-child-right {
width: 25%;
border-left: 1px solid rgba(47, 46, 46, 0.9);
border-left: 1px solid #DDDDDD;
min-width: 380px;
}
.close {
float: right;
font-size: 28px;
line-height: 1;
color: #ccc;
cursor: pointer;
}
.chatbar {
background-color: #fff;
width: 200px;
position: fixed;
bottom: 0;
right: 10px;
z-index: 101;
display: block;
}
.chatdiv {
background-color: #fff;
width: 550px;
position: fixed;
bottom: 0;
right: 10px;
z-index: 101;
display: none;
/*
animation: fadein 2s;
-moz-animation: fadein 2s;
-webkit-animation: fadein 2s;
-o-animation: fadein 2s;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
box-shadow: 0px 0px 7px 1px rgba(101, 98, 98, 0.75);
-moz-box-shadow: 0px 0px 7px 1px rgba(101, 98, 98, 0.75);
-webkit-box-shadow: 0px 0px 7px 1px rgba(101, 98, 98, 0.75);
*/
}
.chatdivhead {
background-color: #E9E9E9;
background-color: #2672D3;
border: 1px #2672D3 solid;
padding: 5px 7px 5px 7px;
color: #fff;
}
.onlineuser_div {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
display: block;
/*
animation: fadein 2s;
-moz-animation: fadein 2s;
-webkit-animation: fadein 2s;
-o-animation: fadein 2s;
*/
}
.chatclose {
float: right;
font-size: 21px;
line-height: 1;
color: #fff;
cursor: pointer;
}
.chatminimize {
float: right;
font-size: 21px;
line-height: 1;
color: #fff;
cursor: pointer;
padding: 0 4px 0 4px;
border: 1px solid transparent;
}
.chatminimize:hover {
border: 1px solid #CCFFFF
}
.onlineuser {
width: 100%;
height: 385px;
overflow-y: scroll;
}
.onlineuser_div {
height: 415px;
}
.chatwall {
height: 415px;
margin-left: 200px;
border-left: 1px solid #ccc;
}
.chatZone {
overflow-y: scroll;
height: 345px;
padding: 5px
}
.onlineuser_txt {
width: 100%;
border: 0;
border: 1px solid #DBDBDB;
padding: 8px;
font-size: 14px;
padding-right: 20px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
.chattextarea {
width: 100%;
padding: 5px;
border: 0;
border-top: 1px solid #ccc;
background-color: #F7F7F7;
resize: none;
height: 70px;
}
.redtopborder {
border-top: 1px #CC0000 solid;
}
.msgspan {
display: block;
padding: 3px 0 3px 0;
}
.chatmessage {
border-top: 1px #ccc dotted;
padding: 5px 0 5px 0;
margin-bottom: 5px;
}
.chatmessage-img {
width: 35px;
height: 35px;
border: 1px #999 solid;
display: inline-block;
float: left
}
.chatmessage-name {
display: inline-block;
padding: 3px 0 3px 0;
font-size: 14px;
color: #36A9E1;
}
.chatmessage-div {
display: block;
margin-left: 40px;
}
.chatmessage-name-span {
font-size: 10px;
font-weight: normal;
color: #ccc;
float: right;
display: inline-block;
}
.chatmessage-data {
display: block;
}
.caldiv {
background-color: #fff;
position: fixed;
height: fit-content;
bottom: 0;
left: 5px;
z-index: 999;
display: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
-moz-box-shadow: 0px 0px 10px 1px rgba(101, 98, 98, 0.75);
-webkit-box-shadow: 0px 0px 10px 1px rgba(101, 98, 98, 0.75);
box-shadow: 0px 0px 10px 1px rgba(101, 98, 98, 0.75);
}
.caldiv:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter: alpha(opacity=95);
-moz-opacity: 0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
}
.caldiv:active {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter: alpha(opacity=95);
-moz-opacity: 0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
}
.w8notification {
background-color: #EC3C00;
width: 400px;
padding: 7px;
position: fixed;
bottom: 5px;
right: 0;
z-index: 102;
border-top: 5px #A62900 solid;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter: alpha(opacity=95);
opacity: 0.95;
}
.w8notification h2 {
font-size: 1.8em;
color: white;
margin: 0;
padding: 0;
display: inline-block;
margin-left: 50px;
font-weight: normal;
}
.w8notification span {
color: #fff;
margin: 0;
padding: 0;
display: block;
margin-left: 50px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.80;
}
.w8notification i {
font-size: 4em;
color: white;
margin: 0;
padding: 0;
display: inline-block;
opacity: 0.2;
filter: alpha(opacity=20);
position: absolute;
top: 0;
left: 0;
}
.w8close {
position: absolute;
top: 0;
right: 0;
font-size: 16px;
font-weight: bold;
line-height: 0.7;
color: #A62900;
background-color: #FF8962;
text-shadow: 0 1px 0 #FF7040;
filter: alpha(opacity=60);
opacity: .6;
cursor: pointer;
padding: 5px 8px 8px 8px;
}
.w8close:hover {
background-color: #FF8962;
filter: alpha(opacity=90);
opacity: 0.9;
cursor: pointer;
}
/* Thin Scroll Bar */
.thinscrollbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(240, 240, 240, 0.3);
background-color: #F5F5F5;
}
.thinscrollbar::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
.thinscrollbar::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.6);
}
/* Back Ground */
.bg-gradient {
background: #cebe29;
background: -moz-linear-gradient(-45deg, #cebe29 0%, #9b1f50 33%, #2989d8 71%, #89b4ff 91%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #cebe29), color-stop(33%, #9b1f50), color-stop(71%, #2989d8), color-stop(91%, #89b4ff));
background: -webkit-linear-gradient(-45deg, #cebe29 0%, #9b1f50 33%, #2989d8 71%, #89b4ff 91%);
background: -o-linear-gradient(-45deg, #cebe29 0%, #9b1f50 33%, #2989d8 71%, #89b4ff 91%);
background: -ms-linear-gradient(-45deg, #cebe29 0%, #9b1f50 33%, #2989d8 71%, #89b4ff 91%);
background: linear-gradient(135deg, #cebe29 0%, #9b1f50 33%, #2989d8 71%, #89b4ff 91%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cebe29', endColorstr='#89b4ff', GradientType=1);
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
}
.fa:before {
display: inline-block;
}
.fa:after {
display: none;
}
a:hover>.fa-user.icon-hover-color,
a.fa-user.icon-hover-color:hover {
color: #FFFF00 !important;
}
a:hover>.fa-money.icon-hover-color,
a.fa-money.icon-hover-color:hover {
color: #FFFF00 !important;
}
a:hover>.fa-clock-o.icon-hover-color,
a.fa-clock-o.icon-hover-color:hover {
color: #FFFF00 !important;
}
a:hover>.fa-support.icon-hover-color,
a.fa-support.icon-hover-color:hover {
color: #FFFF00 !important;
}
a:hover>.fa-tachometer.icon-hover-color,
a.fa-tachometer.icon-hover-color:hover {
color: #FFFF00 !important;
}
a:hover>.fa-adn.icon-hover-color,
a.fa-adn.icon-hover-color:hover {
color: #4a484c !important;
}
a:hover>.fa-android.icon-hover-color,
a.fa-android.icon-hover-color:hover {
color: #a4c639 !important;
}
a:hover>.fa-apple.icon-hover-color,
a.fa-apple.icon-hover-color:hover {
color: black !important;
}
a:hover>.fa-bitbucket.icon-hover-color,
a.fa-bitbucket.icon-hover-color:hover,
a:hover>.fa-bitbucket-square.icon-hover-color,
a.fa-bitbucket-square.icon-hover-color:hover {
color: #205081 !important;
}
a:hover>.fa-bitcoin.icon-hover-color,
a.fa-bitcoin.icon-hover-color:hover,
a:hover>.fa-btc.icon-hover-color,
a.fa-btc.icon-hover-color:hover {
color: #f59327 !important;
}
a:hover>.fa-dribbble.icon-hover-color,
a.fa-dribbble.icon-hover-color:hover {
color: #ea4c89 !important;
}
a:hover>.fa-dropbox.icon-hover-color,
a.fa-dropbox.icon-hover-color:hover {
color: #3d9ae8 !important;
}
a:hover>.fa-facebook.icon-hover-color,
a.fa-facebook.icon-hover-color:hover,
a:hover>.fa-facebook-square.icon-hover-color,
a.fa-facebook-square.icon-hover-color:hover {
color: #3b5998 !important;
}
a:hover>.fa-flickr.icon-hover-color,
a.fa-flickr.icon-hover-color:hover {
color: #0063dc !important;
}
a:hover>.fa-flickr.icon-hover-color.icon-hover-color-pink,
a.fa-flickr.icon-hover-color.icon-hover-color-pink:hover {
color: #ff0084 !important;
}
a:hover>.fa-foursquare.icon-hover-color,
a.fa-foursquare.icon-hover-color:hover {
color: #00aeef !important;
}
a:hover>.fa-github.icon-hover-color,
a.fa-github.icon-hover-color:hover,
a:hover>.fa-github-square.icon-hover-color,
a.fa-github-square.icon-hover-color:hover,
a:hover>.fa-github-alt.icon-hover-color,
a.fa-github-alt.icon-hover-color:hover {
color: #171515 !important;
}
a:hover>.fa-gittip.icon-hover-color,
a.fa-gittip.icon-hover-color:hover {
color: #614c3e !important;
}
a:hover>.fa-google-plus.icon-hover-color,
a.fa-google-plus.icon-hover-color:hover,
a:hover>.fa-google-plus-square.icon-hover-color,
a.fa-google-plus-square.icon-hover-color:hover {
color: #db4a39 !important;
}
a:hover>.fa-html5.icon-hover-color,
a.fa-html5.icon-hover-color:hover {
color: #ec6231 !important;
}
a:hover>.fa-instagram.icon-hover-color,
a.fa-instagram.icon-hover-color:hover {
color: #634d40 !important;
}
a:hover>.fa-linkedin.icon-hover-color,
a.fa-linkedin.icon-hover-color:hover,
a:hover>.fa-linkedin-square.icon-hover-color,
a.fa-linkedin-square.icon-hover-color:hover {
color: #0e76a8 !important;
}
a:hover>.fa-linux.icon-hover-color,
a.fa-linux.icon-hover-color:hover {
color: black !important;
}
a:hover>.fa-maxcdn.icon-hover-color,
a.fa-maxcdn.icon-hover-color:hover {
color: #f5ae34 !important;
}
a:hover>.fa-pinterest.icon-hover-color,
a.fa-pinterest.icon-hover-color:hover,
a:hover>.fa-pinterest-square.icon-hover-color,
a.fa-pinterest-square.icon-hover-color:hover {
color: #c8232c !important;
}
a:hover>.fa-renren.icon-hover-color,
a.fa-renren.icon-hover-color:hover {
color: #105ba3 !important;
}
a:hover>.fa-rss.icon-hover-color,
a.fa-rss.icon-hover-color:hover,
a:hover>.fa-rss-square.icon-hover-color,
a.fa-rss-square.icon-hover-color:hover {
color: #ee802f !important;
}
a:hover>.fa-skype.icon-hover-color,
a.fa-skype.icon-hover-color:hover {
color: #22aeee !important;
}
a:hover>.fa-stack-exchange.icon-hover-color,
a.fa-stack-exchange.icon-hover-color:hover {
color: #10559a !important;
}
a:hover>.fa-stack-overflow.icon-hover-color,
a.fa-stack-overflow.icon-hover-color:hover {
color: #ef8236 !important;
}
a:hover>.fa-trello.icon-hover-color,
a.fa-trello.icon-hover-color:hover {
color: #266c95 !important;
}
a:hover>.fa-tumblr.icon-hover-color,
a.fa-tumblr.icon-hover-color:hover,
a:hover>.fa-tumblr-square.icon-hover-color,
a.fa-tumblr-square.icon-hover-color:hover {
color: #34526f !important;
}
a:hover>.fa-twitter.icon-hover-color,
a.fa-twitter.icon-hover-color:hover,
a:hover>.fa-twitter-square.icon-hover-color,
a.fa-twitter-square.icon-hover-color:hover {
color: #00acee !important;
}
a:hover>.fa-vimeo-square.icon-hover-color,
a.fa-vimeo-square.icon-hover-color:hover {
color: #86c9ef !important;
}
a:hover>.fa-vk.icon-hover-color,
a.fa-vk.icon-hover-color:hover {
color: #406894 !important;
}
a:hover>.fa-weibo.icon-hover-color,
a.fa-weibo.icon-hover-color:hover {
color: #e22429 !important;
}
a:hover>.fa-windows.icon-hover-color,
a.fa-windows.icon-hover-color:hover {
color: #00ccff !important;
}
a:hover>.fa-xing.icon-hover-color,
a.fa-xing.icon-hover-color:hover,
a:hover>.fa-xing-square.icon-hover-color,
a.fa-xing-square.icon-hover-color:hover {
color: #006567 !important;
}
a:hover>.fa-youtube.icon-hover-color,
a.fa-youtube.icon-hover-color:hover,
a:hover>.fa-youtube-square.icon-hover-color,
a.fa-youtube-square.icon-hover-color:hover,
a:hover>.fa-youtube-play.icon-hover-color,
a.fa-youtube-play.icon-hover-color:hover {
color: #c4302b !important;
}
.icon-hover-slide,
.icon-hover-flip,
.icon-hover-color {
/*
* Slide needs `overflow: hidden` but that used with `display: inline-block`
* causes vertical misalignment in Firefox. Here set middle to vertical-align
* to "fix" it. See https://bugzilla.mozilla.org/show_bug.cgi?id=491549
*/
vertical-align: middle;
}
a>.icon-hover-slide,
a>.icon-hover-flip,
a>.icon-hover-color {
display: inline-block;
}
.icon-hover-slide,
.icon-hover-flip,
.icon-hover-color,
.icon-hover-slide:hover,
.icon-hover-flip:hover,
.icon-hover-color:hover {
text-decoration: none;
}
.icon-hover-slide,
.icon-hover-flip {
display: inline-block;
position: relative;
}
.icon-hover-slide:after,
.icon-hover-flip:after {
display: inherit;
left: 0;
position: absolute;
top: 0;
}
a:hover>.icon-hover-slide:before,
a:hover>.icon-hover-flip:before,
.icon-hover-slide:hover:before,
.icon-hover-flip:hover:before {
-webkit-transition-delay: 0s, 1s;
transition-delay: 0s, 1s;
}
a:hover>.icon-hover-slide:after,
a:hover>.icon-hover-flip:after,
.icon-hover-slide:hover:after,
.icon-hover-flip:hover:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.icon-hover-color:before {
/* Fix icon crops on hover sometimes in Chrome and Firefox */
-webkit-transform: translate(0);
transform: translate(0);
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.icon-hover-slide {
overflow: hidden;
/* Fix icon crops on hover sometimes in Chrome and Firefox */
-webkit-transform: translate(0);
transform: translate(0);
}
.icon-hover-slide:before {
-webkit-transition: -webkit-transform 0.3s, color 0s;
transition: transform 0.3s, color 0s;
}
.icon-hover-slide:after {
-webkit-transition: -webkit-transform 0.3s, color 0s 1s;
transition: transform 0.3s, color 0s 1s;
}
.icon-hover-slide:after {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
a:hover>.icon-hover-slide:before,
.icon-hover-slide:hover:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
a:hover>.icon-hover-slide:after,
.icon-hover-slide:hover:after {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.icon-hover-flip:before {
-webkit-transition: -webkit-transform 0.5s, color 0s;
transition: transform 0.5s, color 0s;
}
.icon-hover-flip:after {
-webkit-transition: -webkit-transform 0.5s, color 0s 1s;
transition: transform 0.5s, color 0s 1s;
}
.icon-hover-flip:before,
.icon-hover-flip:after {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.icon-hover-flip:before {
-webkit-transform: perspective(100px) rotateY(0);
transform: perspective(100px) rotateY(0);
}
.icon-hover-flip:after {
-webkit-transform: perspective(100px) rotateY(-180deg);
transform: perspective(100px) rotateY(-180deg);
}
a:hover>.icon-hover-flip:before,
.icon-hover-flip:hover:before {
-webkit-transform: perspective(100px) rotateY(180deg);
transform: perspective(100px) rotateY(180deg);
}
a:hover>.icon-hover-flip:after,
.icon-hover-flip:hover:after {
-webkit-transform: perspective(100px) rotateY(0);
transform: perspective(100px) rotateY(0);
}
/*
* For Chrome. `backface-visibility: hidden` may not works if GPU acceleration
* is disabled. Here is the fallback.
*/
@media not all and (-webkit-transform-3d) {
.icon-hover-flip:after {
display: none;
}
a:hover>.icon-hover-flip:before,
.icon-hover-flip:hover:before {
-webkit-transform: none;
transform: none;
-webkit-transition: none;
transition: none;
}
a:hover>.icon-hover-flip.icon-hover-color:before,
.icon-hover-flip.icon-hover-color:hover:before {
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
}
#main-table {
overflow: auto;
width: 100%;
table-layout: fixed;
height: 320px;
}
#fixed-header-table {
width: 100%;
position: relative;
}
#fixed-header-wrapper {
overflow: hidden;
width: 100%;
}
.simpleTab {
display: block;
margin-top: 20px;
}
.simpleTab ul {
width: 100%;
height: auto;
padding: 0;
margin: 0;
list-style-type: none;
display: block;
height: 25px;
}
.simpleTab ul li a {
text-decoration: none;
color: #fff;
background-color: #35363A;
margin-right: 5px;
padding: 7px 10px 7px 10px;
-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;
}
.simpleTab a:hover {
color: #35363A;
background-color: #fff;
}
.simpleTab li {
display: inline;
}
.salesviewbar {
margin-bottom: 10px;
background-color: #fff;
height: 120px;
}
.green-bg {
background-color: #009933;
}
.white {
color: #fff;
}
.green {
color: #009933;
}
.green1 {
color: #00CC00;
}
.green2 {
color: #CCFF33;
}
.parrotgreen {
color: #33CC33;
}
.brown {
color: #663300;
}
.light-brown {
color: #996633;
}
.yellow {
color: yellow;
}
.dark-yellow {
color: #ECEC00;
}
.maroon1 {
color: #DC5E4B;
}
.purple {
color: #CC00CC;
}
.heena {
color: #CC9900;
}
.blue {
color: #6600FF;
}
.red {
color: #FF0000;
}
.orange {
color: #FF9900;
}
.light-orange {
color: #FFCC00;
}
.lightgray {
color: #F4F4F4
}
.toc_ol {
padding-left: 50px;
padding-right: 30px;
}
.toc_ol li {
font-size: 1.6em;
background-color: #FBFBFB;
padding: 10px 0 10px 10px;
}
.toc_sub_ol {
list-style: upper-roman;
margin-top: 0;
}
.toc_sub_ol li {
border-bottom: 1px #ccc dotted;
padding: 5px;
font-weight: normal;
font-size: 14px;
background-color: #fff;
}
.dashboard-calendar {}
.dashboard-calendar table {
background: #fff;
border-collapse: collapse;
color: #222;
font-family: 'PT Sans', sans-serif;
font-size: 13px;
width: 100%;
}
.dashboard-calendar th {
border: solid 1px rgb(221, 221, 221);
color: #666;
line-height: 22px;
text-align: center;
padding: 4px 7px;
background-color: #FCFCFC;
}
.dashboard-calendar td {
border: solid 1px rgb(221, 221, 221);
line-height: 22px;
text-align: center;
padding: 4px 7px;
cursor: default;
}
.dashboard-calendar tr:first-child td {
color: #222;
font-weight: 700;
}
.dashboard-calendar-th {
color: #3C7BFF;
background-color: #F0F0F0;
background-image: linear-gradient( to top right, #FCFCFC, #F0F0F0);
/*background-color: #F9F9F9;*/
}
.dashboard-calendar-blank {
background-color: #FCFCFC;
color: #DADADA;
}
.dashboard-calendar-today {
background-color: #AE0046;
background-image: linear-gradient( to top right, #AE0046, #FF0066);
color: #fff;
font-weight: 700;
}
.text-gradient {
color: #FF6600;
text-shadow: -1px 0 2px #FF0000;
-webkit-transition-property: background;
-moz-transition-property: background;
-o-transition-property: background;
transition-property: background;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
.widget-1-2 {
background: #FFFFFF;
font-size: 12px;
height: 166px;
overflow-y: scroll;
}
.widget-1-4 {
background: #FFFFFF;
font-size: 12px;
height: 166px;
overflow-y: scroll;
}
.widget-header {
border-bottom: solid 1px rgb(221, 221, 221);
padding: 5px 8px;
background-color: #FCFCFC;
}
.widget-header span {
color: #bababa;
font-size: 10px;
padding: 3px 2px 3px 2px;
}
.widget-header h3 {
margin: 0;
}
.widget-header a {
color: #3C7BFF;
}
.widget-list {
margin: 0;
padding: 0;
background-color: #FFF;
}
.widget-list ul {
margin: 0;
padding: 0;
background: none repeat scroll 0 0;
}
.widget-list li {
list-style: none outside none;
margin: 0;
}
.widget-list li a {
display: block;
padding: 10px 10px;
text-decoration: none;
font-size: 13px;
text-decoration: none;
color: rgb(13, 99, 143);
color: #333333;
border-bottom: 1px #EBEBEB dotted;
text-shadow: 1px 1px 1px #fff;
background-color: #F9F9F9;
background-color: #fff;
border-left: 3px solid transparent;
}
.widget-list li a:hover {
border-left: 3px #666666 solid;
background: #fbf8e9;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
textarea#editor {
width: 100%;
position: relative;
height: 380px;
padding: 8px;
border: 1px solid #e1e1e8;
font-size: 14px;
line-height: 22px;
outline: 0;
font-family: 'Open Sans', sans-serif;
resize: none;
color: black;
}
/*
MediumTable
*/
table.widget-table {
/*font-family: verdana,arial,sans-serif;
font-size:11px;*/
color: #333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
width: 100%;
background-color: #fff;
}
table.widget-table th {
border-left: 1px #EBEBEB dotted;
border-bottom: 1px #EBEBEB dotted;
padding: 10px 8px 10px 8px;
background-color: #FBFBFB;
font-weight: normal;
position: -webkit-sticky;
position: sticky;
top: 0;
}
table.widget-table tr {
border-left: 3px solid transparent;
}
table.widget-table tr:hover {
border-left: 3px #666666 solid;
background: #fbf8e9;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
table.widget-table td {
border-left: 1px #EBEBEB dotted;
border-bottom: 1px #EBEBEB dotted;
padding: 10px 8px 10px 8px;
background-color: transparent;
}
/*
Small Table
*/
table.small-table {
font-size: 10px;
color: #333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
width: 100%;
background-color: #fff;
}
table.small-table th {
border-left: 1px #EBEBEB dotted;
border-bottom: 1px #EBEBEB dotted;
padding: 6px 4px 6px 4px;
background-color: #FBFBFB;
font-weight: normal;
}
table.small-table tr {
border-left: 3px solid transparent;
}
table.small-table td {
border-left: 1px #EBEBEB dotted;
border-bottom: 1px #EBEBEB dotted;
padding: 6px 4px 6px 4px;
background-color: transparent;
}
/*
MediumTable
*/
table.medium-table {
/*font-family: verdana,arial,sans-serif;
font-size:12px;*/
color: #333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
width: 100%;
background-color: #fff;
}
table.medium-table th {
border-left: 1px #EBEBEB dotted;
border-bottom: 1px #EBEBEB dotted;
padding: 7px 5px 7px 5px;
background-color: #FBFBFB;
font-weight: normal;
}
table.medium-table tr {
border-left: 3px solid transparent;
}
table.medium-table tr:hover {
background: #fbf8e9;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
table.medium-table td {
border-left: 1px #EBEBEB dotted;
border-bottom: 1px #EBEBEB dotted;
padding: 8px 6px 8px 6px;
background-color: transparent;
}
.widget-trow {
display: flex;
justify-content: space-between;
flex-direction: row;
}
.widget-bbox {
border: solid 1px rgb(221, 221, 221);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-family: 'Open Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
background-color: #fff;
overflow: hidden;
}
/* Widget Profile */
.widget-profile {
border: 1px solid rgb(221, 221, 221);
background: #FFFFFF;
flex: 0 1 241px;
order: 1;
flex-direction: column;
}
/* Widget Profile */
.widget-calendar {
flex: 0 1 241px;
order: 3;
flex-direction: column;
}
/* Widget News */
.widget-news {
flex: 1;
order: 2;
flex-direction: column;
}
.widget-news-content {
max-height: 230px;
min-height: 230px;
}
.widget-news-title {
margin: 0;
padding: 5px 10px 5px 10px;
;
border-bottom: 1px #EBEBEB dotted;
color: #3C7BFF;
background-color: #FEFEFE
}
.widget-news-title a {
color: #3C7BFF;
}
.widget-news-shortdetail {
margin: 0;
padding: 10px;
border-bottom: 1px #EBEBEB dotted;
}
.widget-news-footer {
margin: 0;
padding: 5px;
text-align: right;
border-bottom: 1px #EBEBEB dotted;
}
.widget-news-posted {
padding: 0 5px 0 5px;
border-right: 1px #EBEBEB dotted;
}
.widget-news-date {
padding: 0 5px 0 5px;
border-right: 1px #EBEBEB dotted;
}
.widget-news-readmore {
padding: 0 5px 0 5px;
color: #FF9933;
}
.widget-news-readmore a {
color: #FF8000;
}
.widget-news-readmore a:hover {
color: #FF9933;
text-decoration: underline;
}
.widget-news-posted i {
color: #E4E4E4;
}
.widget-news-date i {
color: #E4E4E4;
}
/* Equal Height Columns */
/*
.flexbox-table {
display: table;
}
.flexbox-table-row {
display: table-row;
}
.flexbox-table-col {
display: table-cell;
}
*/
/*
.flexbox-table-row {
display: flex;
}
.flexbox-table-col {
flex: 1 1 auto
}
flexbox-table-col:nth-of-type(1){
flex: 0 0 250px;
}
flexbox-table-col:nth-of-type(2){
flex: 7;
}
flexbox-table-col:nth-of-type(3){
flex: 0 0 250px;
}
*/
.questions {
text-decoration: none;
}
.questions-h1 {
text-align: center;
padding: 10px 0 10px 0;
}
.survey-table {}
table.survey-table {
/*font-family: verdana,arial,sans-serif;
font-size:11px;*/
color: #333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
width: 100%;
background-color: #fff;
}
table.survey-table th {
border-left: 1px #EBEBEB dotted;
border-bottom: 1px #EBEBEB dotted;
padding: 10px 8px 10px 8px;
background-color: #FBFBFB;
font-weight: normal;
}
table.survey-table tr {
border-left: 3px solid transparent;
}
table.survey-table td:active {
background: #fbf8e9;
}
/*
table.survey-table td:hover {
background: #fbf8e9;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
*/
table.survey-table td {
border-left: 1px #EBEBEB dotted;
border-bottom: 1px #EBEBEB dotted;
padding: 10px 8px 10px 8px;
background-color: transparent;
}
.supporttextarea {
width: 100%;
padding: 5px;
border: 0;
border-top: 1px solid #ccc;
background-color: #F7F7F7;
resize: none;
height: 70px;
}
.fibermonitor {
border: 1px solid rgb(221, 221, 221);
background: #FFFFFF;
padding: 5px;
width: 240px;
margin: 5px;
}
.fibermonitor-heading {
margin-bottom: 5px;
}
.monitor_ping {
background-color: black;
color: white;
padding: 10px;
margin: 5px;
display: block;
}
.monitor_ping span,
pre {
margin: 0;
padding: 0;
}
.progress-bar {
border-radius: 1px;
}
.progress.sm,
.progress-sm {
height: 2px;
}
.progress,
.progress>.progress-bar {
-webkit-box-shadow: none;
box-shadow: none;
}
.progress {
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar-green,
.progress-bar-success {
background-color: #00a65a;
}
.progress-bar {
float: left;
width: 0;
height: 100%;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.autoscroll-y {
overflow-y: scroll;
}
.autoscroll {
overflow: hidden;
}
.autoscroll:hover {
overflow: auto;
}
.autoscroll div {
padding-right: 5px;
}
.autoscroll:hover div {
padding-right: 0px;
}
.scroll1::-webkit-scrollbar {
width: 5px;
}
.scroll1::-webkit-scrollbar-track {
background: #ddd;
}
.scroll1::-webkit-scrollbar-thumb {
background: #666;
}
.scroll2::-webkit-scrollbar {
width: 5px;
}
.scroll2::-webkit-scrollbar-thumb {
background: #666;
}
.scroll3::-webkit-scrollbar {
width: 5px;
}
.scroll3::-webkit-scrollbar-thumb {
background: #ddd;
}
.scroll3::-webkit-scrollbar-track {
background: #666;
}
.scroll4::-webkit-scrollbar {
width: 10px;
}
.scroll4::-webkit-scrollbar-thumb {
background: #666;
border-radius: 20px;
}
.scroll4::-webkit-scrollbar-track {
background: #ddd;
border-radius: 20px;
}
.scroll5::-webkit-scrollbar {
width: 15px;
}
.scroll5::-webkit-scrollbar-thumb {
background: #666;
}
.scroll5::-webkit-scrollbar-track {
background: #ddd;
}
.scroll5::-webkit-scrollbar-button {
background: #666;
height: 15px;
border-radius: 50%;
}
#callcenterscreen:-webkit-full-screen {
width: 100%;
height: 100%;
}
/* The Overlay (background) */
.help-overlay {
/* Height & width depends on how you want to reveal the overlay (see JS below) */
height: 100%;
width: 0;
position: fixed;
/* Stay in place */
;
z-index: 999;
/* Sit on top */
;
left: 0;
top: 0;
background-color: rgb(255, 255, 255);
/* Black w/opacity */
overflow: hidden;
/* Disable horizontal scroll */
;
transition: 0.5s;
/* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
display: flex;
overflow: hidden;
flex-direction: column;
}
.help-overlay>* {
flex: 0 0 auto;
}
.help-overlay>.help-overlay-container {
flex: 1 1 auto;
display: flex;
overflow: hidden;
}
.help-overlay>.help-overlay-container>* {
flex: 0 0 auto;
overflow: hidden;
}
.help-overlay>.help-overlay-container>.content {
flex: 1 1 auto;
overflow-y: scroll;
}
/* Position the content inside the overlay */
.help-overlay-container {
position: relative;
width: 100%;
/* 100% width */
/* text-align: center; Centered text/links */
vertical-align: top;
}
.help-overlay-content {
position: relative;
width: 100%;
/* 100% width */
/* text-align: center; Centered text/links */
vertical-align: top;
}
.help-overlay-titlebar {
display: block;
width: 100%;
background-color: #F4F4F4;
border-bottom: 1px #DBDBDB solid;
}
.help-overlay-titlebar i {
color: #FFCC00;
}
.rexboxtitlespan {
font-size: 16px;
padding: 7px 0 0 12px;
}
.help-overlay-close a {
padding: 3px 8px 3px 8px;
text-decoration: none;
font-size: 28px;
font-weight: lighter;
line-height: 100%;
color: #818181;
display: block;
/* Display block instead of inline */
transition: 0.3s;
/* Transition effects on hover (color) */
}
/* When you mouse over the navigation links, change their color */
.help-overlay-close a:hover,
.help-overlay-close a:focus {
color: #FFFFFF;
background-color: #FF0000;
}
.help-overlay-footer {
display: block;
width: 100%;
background-color: #F4F4F4;
padding: 5px;
border-top: 1px #DBDBDB solid;
}
.progress-line,
.progress-line:before {
height: 3px;
width: 100%;
margin: 0;
}
.progress-line {
background-color: #b3d4fc;
display: -webkit-flex;
display: flex;
}
.progress-line:before {
background-color: #3f51b5;
content: '';
-webkit-animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@-webkit-keyframes running-progress {
0% {
margin-left: 0px;
margin-right: 100%;
}
50% {
margin-left: 25%;
margin-right: 0%;
}
100% {
margin-left: 100%;
margin-right: 0;
}
}
@keyframes running-progress {
0% {
margin-left: 0px;
margin-right: 100%;
}
50% {
margin-left: 25%;
margin-right: 0%;
}
100% {
margin-left: 100%;
margin-right: 0;
}
}
/* Style tab links */
.setuptablink {
background-color: #f0f0f0;
border-top: 2px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
border-bottom: none;
color: #757575;
float: left;
outline: none;
cursor: pointer;
padding: 12px 14px;
font-size: 14px;
width: 25%;
}
.setuptablink:hover {
color: #4d4b4b;
font-weight: bold;
}
/* Style the tab content (and add height:100% for full page content) */
.setuptabcontent {
color: #666;
display: none;
height: 100%;
background-color: white;
}
.setuptabcontent h3 {
margin: 0;
}
.flex-container {
display: flex;
/* background-color: #f1eee9; */
height: 100%;
font-family: sans-serif;
}
.flex-left-column,
.flex-right-column {
display: flex;
flex-direction: row;
overflow-y: auto;
overflow-x: hidden;
}
.flex-left-column {
width: 240px;
}
.flex-right-column {
width: 100%;
border-left: 1px solid rgb(221, 221, 221);
;
}
.flex-wrap-left,
.flex-wrap-right {
/* display: flex; */
width: 100%;
}
.flex-body {
display: flex;
flex-direction: column;
/* height: 100vh; */
}
.flex-content {
flex: 1;
/* this is the key; consumes all available height */
height: 100%;
overflow: hidden;
}
.flex-header {
/* height: 20px; */
}
.flex-footer {
height: 20px;
}