@import "reset.css";
@import "fullcalendar.css";
@import "font.css";
@import "ui_custom.css";
@import "fancybox.css";
@import "bootstrap.css";
@import "elfinder.css";
@import "plugins.css";

td.sorting_1 {
text-align: center;
}

/* Table of Content
==================================================
      # General styles
      # Typography
      # Top part
      # Sidebar stuff
      # Content stuff
      # Form styles
      # Tables
      # Invoice template
      # Login page
      # Error and offline pages
      # Messages page
  # Gallery page
      # Special classes for resizable grid. Class "under" adds dynamically
      # Special classes for responsive layout
      # Responsive navigation
      # Media queries (remove them if you don't want to use responsive layout)
==================================================*/

/* # General styles
================================================== */
/* background: url(../images/backgrounds/body.jpg); */
html {
height: 100%;
}

body {
font-family: Arial, Helvetica, sans-serif;
background-color: #ead1dc;
font-size: 12px;
line-height: 22px;
color: #000;
position: relative;
}

#page {
padding-top: 55px;
}

#content {
width: 100% !important;
padding: 0px 0 20px;
margin-left: 0 !important;
}

/* changed by chinnapparaj 03.09.2024 End */

.clear {
clear: both;
display: block;
}

.mfix {
margin: 0 2px !important;
}

.hidden {
overflow: hidden;
}

.relative {
position: relative;
}

a {
cursor: pointer;
}

p {
padding-top: 12px;
}

img {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

.inactive {
color: #2b6893 !important;
}

/*.noBorderB { border-bottom: none!important; }*/
.nobg {
background: none !important;
}

.nomargin {
margin: 0 !important;
}

.nopadding {
padding: 0 !important;
}

.displayNone {
display: none;
}

.display {
display: block !important;
}

.fullwidth {
width: 100%;
}

.thisRow {
background: #f3f3e8 !important;
}

.hand {
cursor: pointer;
}

.floatL {
display: block;
float: left;
}

.floatR {
display: block;
float: right;
}

.legendLabel span {
display: block;
margin: 0 5px;
}

.legendColorBox {
padding-left: 10px;
}

button,
input[type="submit"],
input[type="image"],
input[type="reset"] {
cursor: pointer;
}

.with {
width: 226px;
}

.without {
width: 100px;
}

.tooltip {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
color: #fff;
font-size: 11px;
padding: 3px 8px;
background: #3b3b3b;
background: -moz-linear-gradient(top, #3b3b3b 0%, #1d1d1d 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #3b3b3b),
  color-stop(100%, #1d1d1d)
);
background: -webkit-linear-gradient(top, #3b3b3b 0%, #1d1d1d 100%);
background: -o-linear-gradient(top, #3b3b3b 0%, #1d1d1d 100%);
background: -ms-linear-gradient(top, #3b3b3b 0%, #1d1d1d 100%);
background: linear-gradient(top, #3b3b3b 0%, #1d1d1d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b3b3b', endColorstr='#1d1d1d', GradientType=0);
}

.invoice_button submit {
background: #078fd2;
width: 150px;
border: 0;
padding: 8px 0;
text-align: center;
margin: 0 0 15px 25px;
}

/* # Typography
================================================== */

/* === Headings === */

h1 {
font-size: 24px;
}

h2 {
font-size: 22px;
}

h3 {
font-size: 20px;
}

h4 {
font-size: 18px;
}

h5 {
font-size: 16px;
}

h6 {
font-size: 14px;
}

/* === Text colors === */

.red {
color: #a64949;
}

.green {
color: #4d7f12;
}

.grey {
color: #aaa;
}

/* === Placeholder color === */

::-webkit-input-placeholder {
color: #b3b3b3;
}

:-moz-placeholder {
color: #b3b3b3;
}

/* === Text alignment === */

.textL {
text-align: left !important;
}

.textC {
text-align: center;
}

.textR {
text-align: right;
}

/* === Label styles === */

.redBack,
.greenBack,
.greyBack,
.blueBack {
padding: 5px 6px 4px 6px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fafafa;
}

.redBack {
background: #b75d5d;
}

.greenBack {
background: #7ab75d;
}

.greyBack {
background: #6a6a6a;
}

.blueBack {
background: #5d92b7;
}

/* === List styles === */

.widget ol {
padding-left: 16px;
}

.caption {
display: block;
font-weight: bold;
padding-bottom: 4px;
}

.liTip li {
background: url(../images/elements/other/updateDone.png) no-repeat 0 5px;
padding: 0 0 0 20px;
}

.liArrow li {
background: url(../images/elements/control/subnav_arrow.png) no-repeat 0 8px;
padding: 0 0 0 12px;
}

.liInfo li {
background: url(../images/elements/other/updateNotice.png) no-repeat 0 5px;
padding: 0 0 0 20px;
}

.liWarning li {
background: url(../images/elements/other/updateWarning.png) no-repeat 0 5px;
padding: 0 0 0 20px;
}

.liInfinite li {
background: url(../images/elements/other/taskPending.png) no-repeat 0 8px;
padding: 0 0 0 20px;
}

.liDone li {
background: url(../images/elements/other/taskDone.png) no-repeat 0 6px;
padding: 0 0 0 20px;
}

.niceList li {
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
padding: 8px 12px;
background: #fdfdfd;
background: -moz-linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #fdfdfd),
  color-stop(100%, whiteSmoke)
);
background: -webkit-linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
background: -o-linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
background: -ms-linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
background: linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f5f5f5', GradientType=0);
}

/* ===  Charts  === */

.chart,
.bars,
.updating,
.pie {
height: 250px;
margin: 10px 0 0 0;
z-index: 90;
width: 100%;
}

.secNav .chartS,
.secNav .barsS,
.secNav .updatingS,
.secNav .pieS {
width: 100%;
height: 250px;
z-index: 90;
}

.sideChart {
background: #f5f5f5;
padding: 10px;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
}

.chartWrapper {
overflow: hidden;
}

/* # Top part
================================================== */

/*#top { background: url(../images/backgrounds/top.jpg) repeat-x 0 0; height: 56px; display: block; width: 100%; position: relative;; z-index: 10000;}*/

#top {
/* background: #f4f5f7 url("../images/backgrounds/top.jpg") repeat-x scroll 0 0; */
background-color: #f7f8fa;
display: block;
height: auto;
margin: 0 auto;
min-height: 60px;
position: relative;
width: 100%;
z-index: 10000;
}

.logo {
float: left;
margin-top: 0px;
/*margin-left: 30px;*/
}

/*.topNav { float: right; position: relative; margin-right: 30px; }*/
.topSearch input[type="submit"],
.userSearch input[type="submit"] {
background: url(../images/sprites/sprite.png);
}

/*=== User navigation ===*/

#sidebar ul.userNav {
display: none;
}

ul.userNav {
float: left;
margin: 10px 0 0 0;
}

ul.userNav li {
display: inline-block;
margin: 0 0 0 10px;
}

ul.userNav li a {
display: block;
}

/*ul.userNav li a.screen { background: url(../images/icons/usernav/screen.png) no-repeat 9px 9px; }
ul.userNav li a.settings { background: url(../images/icons/usernav/settings.png) no-repeat 9px 9px; }
ul.userNav li a.profile { background: url(../images/icons/usernav/profile.png) no-repeat 9px 9px;  }
ul.userNav li a.messages { background: url(../images/icons/usernav/messages.png) no-repeat 9px 10px;  }
ul.userNav li a.logout { background: url(../images/icons/usernav/logout.png) no-repeat 9px 9px; }
ul.userNav li a.search { background: url(../images/icons/usernav/search.png) no-repeat 9px 9px; }
ul.userNav li a.sidebar { background: url(../images/icons/usernav/sidebar.png) no-repeat 9px 9px; }*/

ul.userNav {
float: left;
margin: 15px 0 0 0;
}

ul.userNav li {
display: inline-block;
margin: 0 0 0 12px;
}

ul.userNav li a {
display: block;
line-height: 20px;
padding-left: 25px;
color: #fff;
}

ul.userNav li a:hover {
text-decoration: underline;
}

ul.userNav li a.username {
background: url(../images/icons/username.png) no-repeat 0px 0px;
}

ul.userNav li a.account {
background: url(../images/icons/username.png) no-repeat 0px 0px;
}

ul.userNav li a.support {
background: url(../images/icons/support.png) no-repeat 0px 0px;
}

ul.userNav li a.help {
background: url(../images/icons/help.png) no-repeat 0px 0px;
}

ul.userNav li a.logout {
background: url(../images/icons/logout.png) no-repeat 0px 0px;
}

/* === Search === */

.topSearch {
position: absolute;
display: none;
right: 30px;
top: 58px;
background: url(../images/backgrounds/sidebar.jpg);
padding: 10px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

.topSearch input[type="text"] {
background: #2c2c2c;
padding: 6px 8px 7px 8px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
color: #9d9d9d;
width: 180px;
box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
-webkit-box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
-moz-box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
}

.topSearch input[type="submit"] {
background-position: 0 0;
width: 19px;
height: 20px;
position: absolute;
right: 14px;
top: 14px;
}

.topSearch input[type="submit"]:hover {
background-position: 0 -21px;
}

.topSearch input[type="submit"]:active {
background-position: 0 -42px;
}

.topDropArrow {
background: url(../images/elements/other/dropTopArrow.png) no-repeat;
width: 13px;
height: 6px;
position: absolute;
left: 50%;
top: -6px;
margin-left: -6px;
display: block;
}

/* === User search (responsive) === */

.userSearch {
display: none;
position: relative;
margin: 16px 16px 16px 0;
}

.userSearch input[type="text"] {
background: #2c2c2c;
padding: 6px 8px 7px 8px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
height: 27px;
color: #9d9d9d;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
-webkit-box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
-moz-box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
}

.userSearch input[type="submit"] {
background-position: 0 0;
width: 19px;
height: 20px;
position: absolute;
right: 4px;
top: 4px;
}

.userSearch input[type="submit"]:hover {
background-position: 0 -21px;
}

.userSearch input[type="submit"]:active {
background-position: 0 -42px;
}

/* # Sidebar stuff
================================================== */
/* changed by chinnapparaj 03.09.2024 */
#sidebar {
display: block;
background: url(../images/backgrounds/side.jpg) repeat-y;
min-height: 100%;
position: absolute;
z-index: 999;
border-left: 1px solid #c3c3c3;
}

.mainNav {
width: 100%;
background: #fff;
position: relative;
z-index: 99;
max-width: 100%;
}

.secNav {
position: relative;
z-index: 98;
padding-top: 20px;
}

.secNav h6 {
font-size: 12px;
padding: 0 15px;
}

.secNav .headerbar {
font-size: 12px;
padding: 0 15px;
background-color: #cccccc;
}

.secNav .secWrapper {
float: left;
width: 226px;
}

.sideWidget {
padding: 0 15px;
}

#sidebar .legend {
display: none;
}

#sidebar .divider {
height: 0;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #f5f5f5;
position: relative;
margin: 20px 0;
}

#sidebar .divider > span {
position: absolute;
left: 50%;
margin-left: -21px;
background: #e6e6e6 url(../images/div.png) no-repeat 50%;
width: 36px;
padding: 0 3px;
height: 9px;
display: block;
top: -4px;
}

.sideTable {
background: #f5f5f5;
border-top: 1px solid #c3c3c3;
}

#sidebar .sidePad {
padding: 0 15px;
}

#sidebar .mainNav {
background: none;
height: auto;
}

/* === User nav dropdown === */

.leftUser {
display: none;
position: absolute;
top: 16px;
font-size: 11px;
width: 137px;
padding-left: 7px;
left: 106px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
text-align: left;
background: url(../images/elements/other/userArrow.png) 0 11px no-repeat;
z-index: 1000;
}

.leftUser li {
border-bottom: 1px solid #343434;
border-top: 1px solid #545454;
background: url(../images/backgrounds/sidebar.jpg);
}

.leftUser li:hover {
background: #454545;
}

.leftUser li:first-child {
border-top: none;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
}

.leftUser li:last-child {
border-bottom: none;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
}

.leftUser li a {
display: block;
padding: 6px 5px 6px 34px;
color: #c2c2c2;
}

.leftUser li a.sProfile {
background: url(../images/icons/usernav/profile.png) no-repeat 12px 12px;
}

.leftUser li a.sMessages {
background: url(../images/icons/usernav/messages.png) no-repeat 12px 13px;
}

.leftUser li a.sSettings {
background: url(../images/icons/usernav/settings.png) no-repeat 12px 12px;
}

.leftUser li a.sLogout {
background: url(../images/icons/usernav/logout.png) no-repeat 12px 12px;
}

/* === User === */

.user {
width: 100%;
text-align: center;
position: relative;
}

.user a {
position: relative;
display: inline-block;
/*width: 80px; margin: 0 auto;*/
}

.user a > img {
box-shadow: 0 1px 3px #1e1e1e;
-webkit-box-shadow: 0 1px 3px #1e1e1e;
-moz-box-shadow: 0 1px 3px #1e1e1e;
}

.user a > span {
background: url(../images/backgrounds/sidebar.jpg);
padding: 0 2px 2px 2px;
position: absolute;
right: -2px;
top: 0;
display: block;
text-align: center;
border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}

.user a > span > strong {
font-size: 11px;
font-weight: bold;
display: block;
padding: 0px 5px;
color: white;
line-height: 17px;
height: 16px;
white-space: nowrap;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-border-radius: 2px;
background: #da8854;
background: -moz-linear-gradient(top, #da8854 0%, #c35a32 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #da8854),
  color-stop(100%, #c35a32)
);
background: -webkit-linear-gradient(top, #da8854 0%, #c35a32 100%);
background: -o-linear-gradient(top, #da8854 0%, #c35a32 100%);
background: -ms-linear-gradient(top, #da8854 0%, #c35a32 100%);
background: linear-gradient(top, #da8854 0%, #c35a32 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da8854', endColorstr='#c35a32', GradientType=0);
}

.user > span {
display: block;
color: #c2c2c2;
margin-top: 10px;
}

/* === Nav for user dropdown (responsive) === */

.altNav {
margin-left: 100px;
text-align: center;
}

/* === Main navigation === */

.nav {
border: 1px solid #000000f0;
display: flex;
}

.nav li {
position: relative;
display: inline-block;
border-left: 1px solid #444444;
}

.nav li a {
color: #ffffff;
display: block;
font-size: 12px;
font-weight: 500;
padding: 5px 13px;
text-transform: uppercase;
font-weight: 600;
}

.nav li a span {
display: block;
padding-top: 0px;
text-shadow: 0 1px 0 #f9f9f9;
}

.nav li a img {
display: none;
}

.nav li:first-child {
border-left: none;
}

.nav li a.active {
color: #fff;
}

.nav li a.active img,
.nav li a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}

.nav > li > a:hover {
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.nav > li.active > a {
background: #dc4713 none repeat scroll 0 0 !important;
color: #fff;
}

.nav li:hover ul {
display: block;
}

.nav li ul li {
border-bottom: 1px solid #343434;
border-top: 1px solid #545454;
background: url(../images/backgrounds/sidebar.jpg);
}

.nav li ul li:hover {
background: #dc4713;
}

.nav li ul li:first-child {
border-top: none;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
}

.nav li ul li:last-child {
border-bottom: none;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
}

.nav li ul li:hover a {
color: #fff;
}

.nav li ul li a {
color: #515151;
display: block;
font-weight: normal;
line-height: 18px;
padding: 0;
text-transform: capitalize;
width: auto;
}

.nav li ul li a span {
padding-top: 3px;
}

.nav li ul li a [class*="icol-"] {
opacity: 0.5;
filter: alpha(opacity=50);
padding-top: 4px;
}

.nav li ul li ul {
left: auto;
right: 0;
position: static;
padding-left: 0;
background: #505050;
}

.nav li ul li [class*="dataNum"] {
box-shadow: 0 0px 1px #101010;
-webkit-box-shadow: 0 0px 1px #101010;
-moz-box-shadow: 0 0px 1px #101010;
}

.nav li ul li ul li {
border-top: 1px solid #606060;
border-bottom: 1px solid #404040;
}

.nav li ul li ul li:hover {
background-color: #555;
}

.nav li ul li ul li,
.nav li ul li ul li a {
background: none;
}

.nav li ul li ul li a {
background: url(../images/elements/control/subnav_arrow.png) no-repeat 14px
  16px;
padding-left: 26px;
}

/* === Sub sidebar top part === */

.secTop {
height: 64px;
background: url(../images/backgrounds/contentTop.png) repeat-x;
position: relative;
}

.secTop [class^="triangle-"],
.secTop [class*=" triangle-"] {
background: url(../images/elements/ui/triangles.png) no-repeat;
width: 28px;
height: 27px;
display: block;
position: absolute;
top: 0;
right: -1px;
}

.secTop .triangle-red {
background-position: -84px 0;
}

.secTop .triangle-red:hover {
background-position: -84px -27px;
}

.secTop .triangle-red:active {
background-position: -84px -54px;
}

.secTop .triangle-green {
background-position: -56px 0;
}

.secTop .triangle-green:hover {
background-position: -56px -27px;
}

.secTop .triangle-green:active {
background-position: -56px -54px;
}

.secTop .triangle-blue {
background-position: -28px 0;
}

.secTop .triangle-blue:hover {
background-position: -28px -27px;
}

.secTop .triangle-blue:active {
background-position: -28px -54px;
}

.secTop .triangle-gold {
background-position: 0 0;
}

.secTop .triangle-gold:hover {
background-position: 0 -27px;
}

.secTop .triangle-gold:active {
background-position: 0 -54px;
}

/* === Icons line === */

.iconsLine {
height: 28px;
font-size: 11px;
border-top: 1px solid #c3c3c3;
}

.iconsLine {
text-align: center;
}

.iconsLine li {
display: block;
float: left;
text-align: center;
height: 28px;
width: 100%;
border-bottom: 1px solid #c3c3c3;
box-shadow: 0 1px 0 #f6f6f6, 0 1px 0 #fff inset;
-webkit-box-shadow: 0 1px 0 #f6f6f6, 0 1px 0 #fff inset;
-moz-box-shadow: 0 1px 0 #f6f6f6, 0 1px 0 #fff inset;
background: url(../images/backgrounds/breadcrumbs.png) repeat-x;
}

.iconsLine li:first-child a {
border-left: none;
margin-left: 0;
}

.iconsLine li a {
display: block;
padding: 0;
height: 28px;
border-left: 1px solid #c3c3c3;
line-height: 28px;
}

.iconsLine li a img {
padding: 7px 0;
height: 12px;
}

.iconsLine li:hover {
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #eaeaea)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#eaeaea', GradientType=0);
}

.iconsLine li.clicked {
box-shadow: 0 1px 0px #eee inset, 0 1px 0 #ededed;
-webkit-box-shadow: 0 1px 0px #eee inset, 0 1px 0 #ededed;
-moz-box-shadow: 0 1px 0px #eee inset, 0 1px 0 #ededed;
}

.iconsLine li.clicked a {
background: url(../images/backgrounds/subnav.jpg);
border-bottom: 1px solid #dadada;
}

.ic1 li {
width: 100%;
}

.ic1 li a {
color: #707070;
font-size: 11px;
}

.ic2 li {
width: 50%;
}

.ic3 li {
width: 75px;
}

.ic3 li:first-child {
width: 76px;
}

.ic4 li {
width: 56px;
}

.ic4 li:first-child {
width: 58px;
}

.ic5 li {
width: 45px;
}

.ic5 li:first-child {
width: 46px;
}

/* === Subnav styles === */

.subNav {
border-top: 1px solid #c3c3c3;
border-bottom: 1px solid #c3c3c3;
}

.subNav .hasNum {
padding: 7px 45px 8px 14px;
}

.subNav li {
font-size: 11px;
position: relative;
}

.subNav li a > img {
display: block;
float: left;
padding: 5px 10px 0 0;
}

.subNav li a {
color: #6a6a6a;
padding: 8px 14px 8px 14px;
display: block;
border-top: 1px solid #fdfdfd;
border-bottom: 1px solid #cecece;
font-weight: bold;
background: #f7f7f7;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f7f7f7),
  color-stop(100%, #e6e6e6)
);
background: -webkit-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
background: -o-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
background: linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6', GradientType=0);
}

.subNav li a:hover {
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #e8e8e8 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #fbfbfb),
  color-stop(100%, #e8e8e8)
);
background: -webkit-linear-gradient(top, #fbfbfb 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #fbfbfb 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%, #e8e8e8 100%);
background: linear-gradient(top, #fbfbfb 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#e8e8e8', GradientType=0);
}

.subNav li a:active {
background: #f0f0f0;
}

.subNav li ul {
border-bottom: 1px solid #cecece;
}

.subNav li ul li {
border-top: 1px solid #e3e3e3;
}

.subNav li ul li:first-child {
border-top: none;
}

.subNav li ul li a {
background: #fafafa url(../images/elements/control/subnav_arrow.png) no-repeat
  14px;
padding-left: 30px;
border: none;
font-weight: normal;
}

.subNav li ul li a:hover {
background: #fffffa url(../images/elements/control/subnav_arrow.png) no-repeat
  14px;
}

.subNav li a.this {
background: url(../images/backgrounds/body.jpg);
margin-right: -1px;
color: #a64949;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
padding-left: 10px;
}

.subNav .activeli {
border-left: 4px solid #505050;
}

/* === Sidebar widgets === */

/* Numbers statistics */

.numStats ul li {
float: left;
text-align: center;
width: 50px;
padding: 0 12px;
border-right: 1px dotted #bbb;
border-left: 1px dotted #f5f5f5;
}

.numStats ul li a {
color: #b35d5d;
text-shadow: 0 1px #f5f5f5;
font-size: 18px;
font-weight: bold;
}

.numStats ul li span {
display: block;
color: #717e88;
font-size: 11px;
margin-top: -4px;
}

.numStats ul li.last {
border-right: none;
}

.numStats ul li:first-child {
border-left: none;
}

/* Tags */

.secNav .tagsinput {
background: none;
border: none;
padding: 0 8px;
margin: -3px 0;
}

.secNav .tagsinput span.tag {
margin: 3px;
color: #5f5f5f;
background: #fdfdfd;
background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #fcfcfc),
  color-stop(100%, #f2f2f2)
);
background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
background: -o-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
background: -ms-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
background: linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f2f2f2', GradientType=0);
border: 1px solid #d2d2d2;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.secNav .tagsinput span.tag a {
color: #aaa;
}

/* Chosen selects */

.secNav .chzn-container {
width: 100% !important;
max-width: 100%;
}

.secNav .chzn-container-single .chzn-search input {
max-width: 187px;
}

/* Widget sample */

.secNav .widget {
border-radius: 0;
border-top: 1px solid #c3c3c3;
border-bottom: 1px solid #c3c3c3;
border-left: none;
border-right: none;
margin: 0 5%;
}

.secNav .whead {
border-radius: 0;
box-shadow: 0 1px 0 #f2f2f2;
-webkit-box-shadow: 0 1px 0 #f2f2f2;
-moz-box-shadow: 0 1px 0 #f2f2f2;
}

.secNav .whead h6 {
padding: 8px 12px 7px 12px;
}

.secNav .widget .body {
padding: 10px 12px;
}

/* Forms styles */

.secNav .formRow {
padding: 0;
border: none;
margin-top: 18px;
}

.secNav .formRow:first-child {
margin-top: 0;
}

.secNav .formRow > label {
padding: 0 0 6px 0;
}

.secNav .formRow input[type="text"],
.secNav .formRow input[type="password"],
.secNav .formRow textarea {
box-shadow: 0 1px 0 #f2f2f2;
-webkit-box-shadow: 0 1px 0 #f2f2f2;
-moz-box-shadow: 0 1px 0 #f2f2f2;
border: 1px solid #ccc;
}

.secNav input[type="submit"],
.secNav input[type="button"],
.secNav button {
width: 100%;
}

.secNav .uploader {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
width: 197px;
box-shadow: 0 1px 0 #f2f2f2;
-webkit-box-shadow: 0 1px 0 #f2f2f2;
-moz-box-shadow: 0 1px 0 #f2f2f2;
border: 1px solid #ccc;
}

.secNav .checker {
box-shadow: 0 1px 0 #f5f5f5;
-webkit-box-shadow: 0 1px 0 #f5f5f5;
-moz-box-shadow: 0 1px 0 #f5f5f5;
}

.secNav .uploader > input {
width: 195px;
}

.secNav .selector {
max-width: 187px;
width: 187px;
}

/* Contact list */

.userList {
border-top: 1px solid #c3c3c3;
border-bottom: 1px solid #c3c3c3;
}

.userList li {
border-top: 1px solid #fff;
border-bottom: 1px solid #cecece;
background: #f7f7f7;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f7f7f7),
  color-stop(100%, #e6e6e6)
);
background: -webkit-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
background: -o-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
background: linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6', GradientType=0);
}

.userList li:hover {
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #e8e8e8 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #fbfbfb),
  color-stop(100%, #e8e8e8)
);
background: -webkit-linear-gradient(top, #fbfbfb 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #fbfbfb 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%, #e8e8e8 100%);
background: linear-gradient(top, #fbfbfb 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#e8e8e8', GradientType=0);
}

.userList li:active {
background: #f0f0f0;
}

.userList li a > img {
float: left;
margin: 0 10px 0 0;
box-shadow: 0 1px 1px #f5f5f5;
-webkit-box-shadow: 0 1px 1px #f5f5f5;
-moz-box-shadow: 0 1px 1px #f5f5f5;
}

.userList li a {
color: #6a6a6a;
padding: 10px 14px;
display: block;
position: relative;
}

.userList li.this {
margin-right: -1px;
}

.userList li.this a {
background: url(../images/backgrounds/body.jpg);
margin-right: -1px;
border-top: 1px solid transparent;
}

.userList li.this .contactName > strong {
color: #b35d5d;
}

.userList li.this .contactName > i {
color: #959595;
}

.contactName {
float: left;
}

.contactName > strong {
color: #393939;
text-shadow: 0 1px #fff;
display: block;
line-height: 22px;
}

.contactName > strong > span {
color: #b35d5d;
}

.contactName > i {
display: block;
font-style: normal;
font-size: 11px;
color: #656565;
line-height: 10px;
}

.status_available,
.status_away,
.status_off {
width: 7px;
height: 7px;
background: url(../images/elements/other/contact_status.png) no-repeat;
display: block;
position: absolute;
top: 50%;
right: 10px;
margin-top: -4px;
}

.status_available {
background-position: 0 0;
}

.status_away {
background-position: 0 -8px;
}

.status_off {
background-position: 0 -16px;
}

/* Upload files */

.filesDown > li {
display: block;
padding: 8px 24px 8px 12px;
font-size: 11px;
border-bottom: 1px solid #ddd;
border-top: 1px solid #fdfdfd;
position: relative;
background: #fafafa;
background: -moz-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #fafafa),
  color-stop(100%, #eeeeee)
);
background: -webkit-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
background: linear-gradient(top, #fafafa 0%, #eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee', GradientType=0);
}

.filesDown > li:first-child {
padding: 8px 12px;
}

.filesDown > li:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom: none;
}

.fileProcess {
margin-top: 6px;
padding: 0 6px;
}

.fileProcess > .loader {
float: left;
margin-top: 3px;
}

.filesDown .remove {
position: absolute;
right: 10px;
top: 15px;
display: block;
width: 7px;
height: 8px;
cursor: pointer;
background: url(../images/elements/other/removeLi.png) no-repeat;
}

.fileProcess strong {
color: #436b80;
padding-left: 8px;
font-size: 12px;
}

.fileProgress {
color: #909090;
white-space: nowrap;
margin-bottom: 12px;
}

.filesDown > li.currentFile {
background: none;
}

.fileSuccess,
.fileError {
width: 12px;
height: 13px;
display: block;
float: left;
margin: 5px 10px 0 0;
}

.fileSuccess {
background: url(../images/elements/other/fileSuccess.png) no-repeat;
}

.fileError {
background: url(../images/elements/other/fileError.png) no-repeat;
}

.fileQueue {
width: 12px;
height: 6px;
background: url(../images/elements/other/taskPending.png) no-repeat;
display: block;
float: left;
margin: 8px 10px 0 0;
}

.sideUpload .fileProcess {
padding: 0;
margin-bottom: 10px;
}

.sideUpload .filesDown > li.currentFile {
background: #f2f2f2;
border-top: 1px solid #c3c3c3;
}

.sideUpload .fileProgress {
margin-bottom: 10px;
}

.sideUpload .filesDown > li:last-child {
border-bottom: 1px solid #c3c3c3;
}

.dropFiles {
background: url(../images/dropFiles.png) no-repeat;
display: block;
width: 189px;
height: 123px;
margin: 0 auto 20px auto;
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}

.dropFiles:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}

.sideUpload .contentProgress {
height: 5px !important;
box-shadow: 0 1px 1px #fff !important;
-webkit-box-shadow: 0 1px 1px #fff !important;
-moz-box-shadow: 0 1px 1px #fff !important;
background: #7d7d7d !important;
border: none !important;
}

/* General balance */

.balance {
padding: 0 15px;
line-height: 18px;
}

.balance .balInfo {
float: left;
margin: 14px 10px 0 0;
font-size: 14px;
font-weight: bold;
}

.balance .balInfo > span {
color: #959595;
display: block;
font-weight: normal;
font-size: 11px;
}

.balance .balAmount {
float: right;
font-size: 16px;
color: #52777b;
font-weight: bold;
text-shadow: 0 1px #fff;
margin-top: 8px;
text-align: center;
}

.balance .balAmount > span {
display: block;
margin-top: 5px;
}

.balBars {
display: block;
width: 60px;
height: 18px;
}

/* Sidebar color buttons */

.sideB {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 5px;
display: block;
text-align: center;
color: #fff;
}

.sideRed {
border: 1px solid #7d3030;
box-shadow: inset 0 1px 0 #b57474;
-webkit-box-shadow: inset 0 1px 0 #b57474;
-moz-box-shadow: inset 0 1px 0 #b57474;
background: #9c4545;
background: -moz-linear-gradient(top, #9c4545 0%, #7d3030 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #9c4545),
  color-stop(100%, #7d3030)
);
background: -webkit-linear-gradient(top, #9c4545 0%, #7d3030 100%);
background: -o-linear-gradient(top, #9c4545 0%, #7d3030 100%);
background: -ms-linear-gradient(top, #9c4545 0%, #7d3030 100%);
background: linear-gradient(top, #9c4545 0%, #7d3030 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c4545', endColorstr='#7d3030', GradientType=0);
}

.sideGreen {
border: 1px solid #699818;
box-shadow: inset 0 1px 0 #a5c965;
-webkit-box-shadow: inset 0 1px 0 #a5c965;
-moz-box-shadow: inset 0 1px 0 #a5c965;
background: #86b630;
background: -moz-linear-gradient(top, #86b630 0%, #6a9818 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #86b630),
  color-stop(100%, #6a9818)
);
background: -webkit-linear-gradient(top, #86b630 0%, #6a9818 100%);
background: -o-linear-gradient(top, #86b630 0%, #6a9818 100%);
background: -ms-linear-gradient(top, #86b630 0%, #6a9818 100%);
background: linear-gradient(top, #86b630 0%, #6a9818 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86b630', endColorstr='#6a9818', GradientType=0);
}

.sideGrey {
border: 1px solid #c3c3c3;
box-shadow: inset 0 1px 0 #fff;
-moz-box-shadow: inset 0 1px 0 #fff;
-webkit-box-shadow: inset 0 1px 0 #fff;
color: #6a6a6a;
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #e8e8e8)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8', GradientType=0);
}

.sideGrey:active {
background: #6f6f6f;
color: #fff;
border-color: #646464;
box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
-moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
}

.sideGreyish {
border: 1px solid #505866;
box-shadow: inset 0 1px 0 #9da4b1;
-webkit-box-shadow: inset 0 1px 0 #9da4b1;
-moz-box-shadow: inset 0 1px 0 #9da4b1;
background: #7b8596;
background: -moz-linear-gradient(top, #7b8596 0%, #515967 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #7b8596),
  color-stop(100%, #515967)
);
background: -webkit-linear-gradient(top, #7b8596 0%, #515967 100%);
background: -o-linear-gradient(top, #7b8596 0%, #515967 100%);
background: -ms-linear-gradient(top, #7b8596 0%, #515967 100%);
background: linear-gradient(top, #7b8596 0%, #515967 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8596', endColorstr='#515967', GradientType=0);
}

/* Full width grey buttons */

.sideFullWidth {
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #e8e8e8)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8', GradientType=0);
}

.sideFullWidth li {
width: 75px;
float: left;
}

.sideFullWidth li a span.users {
background: url(../images/icons/sidebarButtons/users.png) no-repeat 50%;
display: block;
width: 100%;
height: 100%;
}

.sideFullWidth li:first-child a {
border-left: none;
}

.sideFullWidth li a {
font-size: 10px;
width: 75px;
height: 46px;
font-weight: bold;
text-transform: uppercase;
display: block;
text-align: center;
color: #fff;
}

.sideFullWidth li a {
border: 1px solid #c3c3c3;
border-right: none;
color: #6a6a6a;
}

.sideFullWidth li a:hover {
background: #fafafa;
background: -moz-linear-gradient(top, #fafafa 0%, #eaeaea 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #fafafa),
  color-stop(100%, #eaeaea)
);
background: -webkit-linear-gradient(top, #fafafa 0%, #eaeaea 100%);
background: -o-linear-gradient(top, #fafafa 0%, #eaeaea 100%);
background: -ms-linear-gradient(top, #fafafa 0%, #eaeaea 100%);
background: linear-gradient(top, #fafafa 0%, #eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eaeaea', GradientType=0);
}

.sideFullWidth li a:active {
background: #f2f2f2;
}

/* Full width dropdown */

.fulldd {
height: 28px;
box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
-webkit-box-shadow: 0 1px 0 #f2f2f2, 0 1px 0 #fff inset;
-moz-box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
background: url(../images/backgrounds/breadcrumbs.png) repeat-x;
border-top: 1px solid #c3c3c3;
border-bottom: 1px solid #c3c3c3;
font-size: 11px;
}

.fulldd li {
width: 100%;
position: relative;
}

.fulldd li a {
color: #666666;
text-decoration: none;
padding: 3px 25px 3px 14px;
display: block;
white-space: nowrap;
}

.fulldd li a:hover {
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #eaeaea)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#eaeaea', GradientType=0);
}

.fulldd li a:active {
background: #f8f8f8;
}

.fulldd li a img {
display: block;
position: absolute;
right: 10px;
top: 11px;
}

.fulldd li ul {
position: absolute;
display: none;
right: -1px;
border: 1px solid #c3c3c3;
box-shadow: 0 1px 2px #dadada;
-webkit-box-shadow: 0 1px 2px #dadada;
-moz-box-shadow: 0 1px 2px #dadada;
z-index: 1010;
width: 100%;
}

.fulldd li ul li {
width: 100%;
float: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
}

.fulldd li ul li:first-child {
border-top: none;
}

.fulldd li ul li a {
background: #fdfdfd;
padding: 5px 12px;
background: -moz-linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #fdfdfd),
  color-stop(100%, whiteSmoke)
);
background: -webkit-linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
background: -o-linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
background: -ms-linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
background: linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f5f5f5', GradientType=0);
}

.fulldd li ul li a:hover {
background: #f5f5f5;
}

/* # Content stuff
================================================== */

/* === Dividers === */

ul.faq li {
float: left;
margin: 1% 0 0 1%;
width: 48%;
}

ul.faq li .widget {
margin-bottom: 10px;
}

ul.faq li .widget span {
float: right;
margin: 4px 8px 0 0;
}

ul.faq li .widget .normal span.arrowclose {
display: none;
}

ul.faq li .widget .inactive span.arrowopen {
display: none;
}

ul.faq li .widget .faqicon.fs1.iconb {
margin: 8px -8px 0 8px;
}

.divider {
height: 0;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #fff;
position: relative;
margin: 35px 0 0 0;
}

.divider > span {
position: absolute;
left: 50%;
margin-left: -21px;
background: #eeeeee url(../images/div.png) no-repeat 50%;
width: 36px;
padding: 0 3px;
height: 9px;
display: block;
top: -4px;
}

.widget .divider {
height: 0;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #fff;
position: relative;
margin: 20px 0;
min-height: 0;
}

.widget .divider > span {
position: absolute;
left: 50%;
margin-left: -21px;
background: #eeeeee url(../images/widgetDiv.png) no-repeat 50%;
width: 36px;
padding: 0 3px;
height: 9px;
display: block;
top: -4px;
}

.dialog .divider {
height: 0;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #fff;
position: relative;
margin: 20px 0;
}

.dialog .divider > span {
position: absolute;
left: 50%;
margin-left: -21px;
background: #f5f5f5 url(../images/div.png) no-repeat 50%;
width: 36px;
padding: 0 3px;
height: 9px;
display: block;
top: -4px;
}

/* === Color marks === */

[class*="dataNum"] {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
color: #fff !important;
font-size: 11px;
font-weight: bold;
display: block;
padding: 3px 6px 2px 6px;
height: 15px;
line-height: 15px;
}

#main-content {
width: 100%;
clear: both;
display: block;
}

#sidebar [class*="dataNum"] {
position: absolute;
right: 8px;
top: 10px;
}

#content [class*="dataNum"] {
position: relative;
text-shadow: none;
display: inline-block;
margin: 9px 9px 0 0;
}

.dataNumBlue {
background: #6f93a6;
box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #607f90;
-webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #607f90;
-moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #607f90;
}

.dataNumGrey {
background: #767676;
box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #666666;
-webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #666666;
-moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #666666;
}

.dataNumGreen {
background: #7aa745;
box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #6a913b;
-webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #6a913b;
-moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #6a913b;
}

.dataNumRed {
background: #b35d5d;
box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #9b5151;
-webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #9b5151;
-moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #9b5151;
}

/* === Content top part === */

.contentTop {
/*    height: 64px;*/
padding: 0 0 0 27px;
margin-bottom: 35px;

width: 226px;
}

.pageTitle {
display: block;
float: left;
color: #626262;
font-size: 14px;
font-weight: bold;
margin: 0 20px 0 0;
}

.pageTitle .fs1.iconb {
font-size: 18px;
margin-right: 3px;
}

/* Quick stats */

.quickStats {
float: right;
line-height: 16px;
text-align: center;
margin: 15px 0 14px 0;
}

.quickStats .blue {
color: #5d91a9;
}

.quickStats li {
display: block;
float: left;
border-left: 1px solid #d9d9d9;
padding: 2px 15px 0 15px;
white-space: nowrap;
}

.quickStats li strong {
font-size: 14px;
padding-top: 1px;
display: block;
}

.quickStats li span {
display: block;
color: #5f5f5f;
font-size: 11px;
font-weight: bold;
}

.quickStats li a {
margin-right: 10px;
margin-top: -2px;
float: left;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}

.quickStats li:last-child {
padding-right: 0;
}

.quickStats li:first-child {
border-left: 0;
}

.blueImg,
.redImg,
.greenImg {
width: 35px;
height: 35px;
}

.blueImg {
background: #2c89bf;
}

.redImg {
background: #f49c1d;
}

.greenImg {
background: #adadad;
}

.blueImg img {
padding: 9px 2px 0 0;
}

.redImg img {
padding: 7px 0 0 0;
}

.greenImg img {
padding: 9px 1px 0 1px;
}

/* === Breadcrumbs line === */

.breadLine {
height: 28px;
box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
-webkit-box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
-moz-box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
background: url(../images/backgrounds/breadcrumbs.png) repeat-x;
border-top: 1px solid #c3c3c3;
border-bottom: 1px solid #c3c3c3;
font-size: 11px;
float: left;
width: 100%;
}

.breadLine .hideArrow {
width: 30px;
float: left;
background: url(../images/hideArrow.png) no-repeat;
background-position: 12px 10px;
padding: 14px 0 14px 0;
border-right: 1px solid #c3c3c3;
}

.breadLine .hideArrow:hover {
background-color: #f5f5f5;
}

/* Breadcrumbs */

.bc {
margin: 0;
float: left;
}

ul.breadcrumbs {
position: relative;
z-index: 990;
margin-left: 18px;
}

ul.breadcrumbs li {
float: left;
}

ul.breadcrumbs li.current {
border-right: none;
}

ul.breadcrumbs li a {
color: #000;
text-decoration: none;
padding: 3px 20px 3px 14px;
display: block;
background: url(../images/icons/breadsArrow.png) no-repeat 100% 10px;
height: 22px;
line-height: 23px;
font-size: 12px;
}

ul.breadcrumbs li a:hover,
ul.breadcrumbs li.hover a {
color: #2b6893;
}

ul.breadcrumbs > li:first-child {
background: url(../images/icons/breadsHome.png) no-repeat 12px 10px;
}

ul.breadcrumbs > li:first-child > a {
padding-left: 28px;
}

ul.breadcrumbs li.current > a {
color: #b1b1b1;
background: none;
}

ul.breadcrumbs li ul {
position: absolute;
background: url(../images/subArrow.png) no-repeat 10px 5px;
font-size: 11px;
width: 160px;
top: 28px;
padding-top: 10px;
margin-left: 12px;
display: none;
}

ul.breadcrumbs li ul li {
width: 180px;
border-bottom: 1px solid #343434;
text-align: left;
border-top: 1px solid #545454;
background: url(../images/backgrounds/sidebar.jpg);
padding: 0;
float: none;
}

ul.breadcrumbs li ul li:first-child {
border-top-right-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-topleft: 2px;
border-top: none;
padding-top: 1px;
}

ul.breadcrumbs li ul li:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
}

ul.breadcrumbs li ul li a {
text-decoration: none;
padding: 5px 14px 5px 24px;
color: #cccccc !important;
display: block;
background: url(../images/elements/control/subnav_arrow.png) no-repeat 12px
  13px;
}

ul.breadcrumbs li ul li a:hover {
background-color: #454545;
}

/* Breadlinks */

.breadLinks {
float: right;
margin-right: 30px;
}

.breadLinks > ul > li {
float: left;
border-right: 1px solid #c3c3c3;
position: relative;
}

.breadLinks ul li strong {
color: #b35d5d;
margin-left: 4px;
}

.breadLinks > ul > li:first-child {
border-left: 1px solid #c3c3c3;
}

.breadLinks ul li a {
color: #666666;
padding: 3px 12px 3px 12px;
display: block;
}

.breadLinks ul li a.hasdd {
background: url(../images/elements/control/hasddArrow.png) no-repeat 100%;
}

.breadLinks ul li a:hover {
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #eaeaea)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#eaeaea', GradientType=0);
}

.breadLinks ul li a:active {
background: #f8f8f8;
}

.breadLinks ul li a span > img {
margin-left: 6px;
}

.breadLinks ul li ul {
position: absolute;
display: none;
right: -1px;
border: 1px solid #c3c3c3;
box-shadow: 0 1px 2px #dadada;
-webkit-box-shadow: 0 1px 2px #dadada;
-moz-box-shadow: 0 1px 2px #dadada;
z-index: 990;
text-align: left;
}

.breadLinks ul li ul,
.breadLinks ul li ul li:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
}

.breadLinks ul li ul li {
width: 140px;
float: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
}

.breadLinks ul li ul li:first-child {
border-top: none;
}

.breadLinks ul li ul li a {
background: #fdfdfd;
padding: 5px 12px;
background: -moz-linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #fdfdfd),
  color-stop(100%, whiteSmoke)
);
background: -webkit-linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
background: -o-linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
background: -ms-linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
background: linear-gradient(top, #fdfdfd 0%, whiteSmoke 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f5f5f5', GradientType=0);
}

.breadLinks ul li ul li a:hover {
background: #f5f5f5;
}

/* === Middle navigation buttons === */

.middleNavR li,
.middleNavR li a {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

.middleNavR li {
width: 84px;
height: 84px;
box-shadow: inset 0 2px 0px #ccc, 0 1px 2px #fff;
-webkit-box-shadow: inset 0 2px 0px #ccc, 0 1px 2px #fff;
-moz-box-shadow: inset 0 2px 0px #ccc, 0 1px 2px #fff;
}

.middleNavR li a {
top: 8px;
left: 8px;
width: 66px;
height: 66px;
box-shadow: 0 2px 3px #b5b5b5, 0px 1px 0 #fff inset;
-webkit-box-shadow: 0 2px 3px #b5b5b5, 0px 1px 0 #fff inset;
-moz-box-shadow: 0 2px 3px #b5b5b5, 0px 1px 0 #fff inset;
}

.middleNavS li,
.middleNavS li a {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.middleNavS li {
width: 84px;
height: 84px;
box-shadow: inset 0 1px 1px #ccc, 0 1px 1px #fcfcfc, 0 0 1px 1px #f5f5f5;
-webkit-box-shadow: inset 0 1px 1px #ccc, 0 1px 1px #fcfcfc,
  0 0 1px 1px #f5f5f5;
-moz-box-shadow: inset 0 1px 1px #ccc, 0 1px 1px #fcfcfc, 0 0 1px 1px #f5f5f5;
}

.middleNavS li a {
top: 8px;
left: 8px;
width: 66px;
height: 66px;
box-shadow: 0 1px 1px #b5b5b5, 0px 1px 0 #fff inset;
-webkit-box-shadow: 0 1px 1px #b5b5b5, 0px 1px 0 #fff inset;
-moz-box-shadow: 0 2px 3px #b5b5b5, 0px 1px 0 #fff inset;
}

.middleNavA li,
.middleNavA li a {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.middleNavA li {
box-shadow: none;
}

.middleNavA li a {
box-shadow: none;
}

.middleNavR {
text-align: center;
margin: 30px 0 0 0;
}

.middleNavR li {
margin: 5px 10px -7px 10px;
position: relative;
display: inline-block;
text-align: center;
border: 1px solid #dfdfdf;
background: #e9e9e9;
background: -moz-linear-gradient(top, #e9e9e9 0%, #eaeaea 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #e9e9e9),
  color-stop(100%, #eaeaea)
);
background: -webkit-linear-gradient(top, #e9e9e9 0%, #eaeaea 100%);
background: -o-linear-gradient(top, #e9e9e9 0%, #eaeaea 100%);
background: -ms-linear-gradient(top, #e9e9e9 0%, #eaeaea 100%);
background: linear-gradient(top, #e9e9e9 0%, #eaeaea 100%);
}

.middleNavR li a {
position: absolute;
background: #fafafa;
background: -moz-linear-gradient(top, #fafafa 0%, #dfdfdf 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #fafafa),
  color-stop(100%, #dfdfdf)
);
background: -webkit-linear-gradient(top, #fafafa 0%, #dfdfdf 100%);
background: -o-linear-gradient(top, #fafafa 0%, #dfdfdf 100%);
background: -ms-linear-gradient(top, #fafafa 0%, #dfdfdf 100%);
background: linear-gradient(top, #fafafa 0%, #dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dfdfdf', GradientType=0);
border: 1px solid #dfdfdf;
transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
}

.middleNavR li a > img,
.middleNavS li a > img {
padding-top: 23px;
}

.middleNavS {
text-align: center;
margin: 30px 0 0 0;
}

.middleNavS li {
margin: 5px 10px -7px 10px;
position: relative;
display: inline-block;
text-align: center;
border: 1px solid #dfdfdf;
background: #eee;
}

.middleNavS li a {
position: absolute;
background: #f7f7f7;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f7f7f7),
  color-stop(100%, #e8e8e8)
);
background: -webkit-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
background: linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e8e8e8', GradientType=0);
border: 1px solid #dfdfdf;
transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
}

.middleNavA {
text-align: center;
margin: 30px 0 0 0;
}

.middleNavA li {
margin: 5px 10px 0 10px;
position: relative;
display: inline-block;
text-align: center;
}

.middleNavA li a {
background: #f7f7f7;
background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f7f7f7),
  color-stop(100%, #efefef)
);
background: -webkit-linear-gradient(top, #f7f7f7 0%, #efefef 100%);
background: -o-linear-gradient(top, #f7f7f7 0%, #efefef 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%, #efefef 100%);
background: linear-gradient(top, #f7f7f7 0%, #efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#efefef', GradientType=0);
border: 1px solid #d5d5d5;
box-shadow: 0 0 0 1px #fcfcfc inset, 0 1px 1px #d5d5d5;
-webkit-box-shadow: 0 0 0 1px #fcfcfc inset, 0 1px 1px #d5d5d5;
-moz-box-shadow: 0 0 0 1px #fcfcfc inset, 0 1px 1px #d5d5d5;
padding: 10px 16px 2px 16px;
display: block;
font-weight: bold;
white-space: nowrap;
color: #626262;
}

.middleNavA li a:hover {
background: #f7f7f7;
background: -moz-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f7f7f7),
  /* Light gray at the top */ color-stop(100%, #f2f2f2)
    /* Slightly darker gray at the bottom */
);

background: -webkit-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
background: -o-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
background: linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0);
}

.middleNavA li a:active {
box-shadow: none;
background: #f4f4f4;
background: -moz-linear-gradient(top, #f4f4f4 0%, #f7f7f7 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f2f2f2),
  color-stop(100%, #f7f7f7)
);
background: -webkit-linear-gradient(top, #f4f4f4 0%, #f7f7f7 100%);
background: -o-linear-gradient(top, #f4f4f4 0%, #f7f7f7 100%);
background: -ms-linear-gradient(top, #f4f4f4 0%, #f7f7f7 100%);
background: linear-gradient(top, #f4f4f4 0%, #f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f7f7f7', GradientType=0);
}

.middleNavA li a > span {
display: block;
padding-top: 4px;
font-weight: bold;
}

.middleNavA li a > .iconb {
font-size: 32px;
color: #808080;
}

.middleFree {
text-align: center;
margin: 30px 0 0px 0;
}

.middleFree li {
margin: 5px 10px 0 10px;
position: relative;
display: inline-block;
text-align: center;
}

.middleFree li a {
padding: 10px 16px 2px 16px;
display: block;
font-weight: bold;
white-space: nowrap;
color: #f5f5f5;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0 1px 1px #d5d5d5;
}

.middleFree li a span {
display: block;
text-shadow: 0 1px 1px #707070;
}

.middleFree li a > .iconb {
font-size: 32px;
padding: 3px 0;
}

.middleFree li > strong {
position: absolute;
top: -6px;
right: -6px;
font-size: 11px;
color: #f5f5f5;
padding: 3px 5px;
display: block;
line-height: 12px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
text-shadow: 0 1px #606060;
background: url(../images/backgrounds/sidebar.jpg);
}

[class*="middleNav"] li strong {
position: absolute;
top: 3px;
right: 3px;
font-size: 11px;
color: #fff;
padding: 3px 5px;
display: block;
line-height: 12px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
text-shadow: 0 -1px #848484;
background: #ba6d6d;
background: -moz-linear-gradient(top, #ba6d6d 0%, #934848 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #ba6d6d),
  color-stop(100%, #934848)
);
background: -webkit-linear-gradient(top, #ba6d6d 0%, #934848 100%);
background: -o-linear-gradient(top, #ba6d6d 0%, #934848 100%);
background: -ms-linear-gradient(top, #ba6d6d 0%, #934848 100%);
background: linear-gradient(top, #ba6d6d 0%, #934848 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba6d6d', endColorstr='#934848', GradientType=0);
}

.middleNavR li > a:hover,
.middleNavS li > a:hover {
background: #e6e6e6;
background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f9f9f9),
  color-stop(100%, #e6e6e6)
);
background: -webkit-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0);
}
.middleNavR li > a:active,
.middleNavS li > a:active {
/* Standard properties */
box-shadow: 0 2px 2px #efefef, 0 0px 3px 0px #cdcdcd inset;
background: #e6e6e6;
background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%);
transform: translate(0px, 1px);

/* Vendor prefixes for older browsers */
-webkit-box-shadow: 0 2px 2px #efefef, 0 0px 3px 0px #cdcdcd inset;
-moz-box-shadow: 0 2px 2px #efefef, 0 0px 3px 0px #cdcdcd inset;
-webkit-linear-gradient: (top, #f9f9f9 0%, #e6e6e6 100%);
-moz-linear-gradient: (top, #f9f9f9 0%, #e6e6e6 100%);
-o-linear-gradient: (top, #f9f9f9 0%, #e6e6e6 100%);
-ms-linear-gradient: (top, #f9f9f9 0%, #e6e6e6 100%);
-webkit-transform: translate(0px, 1px);
-moz-transform: translate(0px, 1px);
}

/* === Widget and widget head elements === */

#content #sidebar .widget {
width: auto;
}

#content .widget {
width: 100%;
}

.widget {
background: #fff;
border: 1px solid #cdcdcd;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 2px 2px -2px #cccccc;
margin-top: 0px;
position: relative;
margin-bottom: 0px;
display: inline-block;
width: 100%;
}

.widget > [class*="whead"] {
border-bottom: 1px solid #cdcdcd;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
text-shadow: 0 1px #fff;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
position: relative;
display: inline-block;
width: 100%;
}

.whead a {
color: #636363;
}

.widget > [class*="whead"] h6 {
display: block;
padding: 8px 14px 7px 14px;
font-size: 13px;
font-weight: bold;
color: #000;
}

.widget .body {
padding: 14px 16px;
}

.rtbutton {
padding: 4px 5px 0 0;
}

.whead .rtbutton a {
color: #fff;
}

.whead {
color: #636363;
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #e8e8e8)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8', GradientType=0);
}

.wheadLight {
color: #636363;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #ffffff),
  color-stop(100%, #e4e4e4)
);
background: -webkit-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
background: -o-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
background: linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4', GradientType=0);
}

.wheadLight2 {
color: #636363;
background: #fafcfd;
background: -moz-linear-gradient(top, #fafcfd 0%, #eff1f3 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #fafcfd),
  color-stop(100%, #eff1f3)
);
background: -webkit-linear-gradient(top, #fafcfd 0%, #eff1f3 100%);
background: -o-linear-gradient(top, #fafcfd 0%, #eff1f3 100%);
background: -ms-linear-gradient(top, #fafcfd 0%, #eff1f3 100%);
background: linear-gradient(top, #fafcfd 0%, #eff1f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafcfd', endColorstr='#eff1f3', GradientType=0);
}

.wheadLight3 {
color: #636363;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(
  top,
  rgba(255, 255, 255, 1) 0%,
  rgba(241, 241, 241, 1) 50%,
  rgba(237, 237, 237, 1) 51%,
  rgba(239, 239, 239, 1) 100%
);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, rgba(255, 255, 255, 1)),
  color-stop(50%, rgba(241, 241, 241, 1)),
  color-stop(51%, rgba(237, 237, 237, 1)),
  color-stop(100%, rgba(239, 239, 239, 1))
);
background: -webkit-linear-gradient(
  top,
  rgba(255, 255, 255, 1) 0%,
  rgba(241, 241, 241, 1) 50%,
  rgba(237, 237, 237, 1) 51%,
  rgba(239, 239, 239, 1) 100%
);
background: -o-linear-gradient(
  top,
  rgba(255, 255, 255, 1) 0%,
  rgba(241, 241, 241, 1) 50%,
  rgba(237, 237, 237, 1) 51%,
  rgba(239, 239, 239, 1) 100%
);
background: -ms-linear-gradient(
  top,
  rgba(255, 255, 255, 1) 0%,
  rgba(241, 241, 241, 1) 50%,
  rgba(237, 237, 237, 1) 51%,
  rgba(239, 239, 239, 1) 100%
);
background: linear-gradient(
  top,
  rgba(255, 255, 255, 1) 0%,
  rgba(241, 241, 241, 1) 50%,
  rgba(237, 237, 237, 1) 51%,
  rgba(239, 239, 239, 1) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
}

/* Head icons and icon set */

.whead .iconb {
font-size: 16px;
}

.whead [class*="icos-"] {
padding: 5px 0;
margin: 0;
}

.whead .dropdown-menu [class*="icos-"] {
padding: 4px 0 0 0;
margin-right: 10px;
}

.whead .pull-right {
right: -1px;
}

.whead .bsideText {
float: right;
color: #217199;
display: block;
padding: 8px 14px 7px 14px;
font-size: 12px;
font-weight: bold;
}

.whead .contentProgress {
float: right;
width: 40%;
margin: 16px 12px 16px 0;
background: #e0e0e0;
}

.whead .headInput {
float: right;
width: 50%;
margin: 8px 7px 6px 7px;
position: relative;
}

.whead .headInput input[type="text"] {
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
font-size: 11px;
color: #858585;
box-shadow: 0 1px 0 #f5f5f5;
-webkit-box-shadow: 0 1px 0 #f5f5f5;
-moz-box-shadow: 0 1px 0 #f5f5f5;
padding: 4px 20px 5px 5px;
border: 1px solid #d7d7d7;
display: inline-block;
background: #fdfdfd;
appearance: none;
-webkit-appearance: none;
}

.widget .whead > .titleIcon {
float: left;
padding: 9px 0 10px 0;
width: 40px;
border-right: 1px solid #d5d5d5;
text-align: center;
}

.titleIcon .checker {
margin: 2px auto 0 auto;
float: none;
}

.headLoad {
float: right;
margin: 10px 10px 0 0;
}

.headIcon {
float: right;
margin: 12px 12px 0 0;
}

.headIconSet {
float: right;
margin-right: 12px;
}

.headIconSet li {
float: left;
margin-left: 12px;
}

.headIconSet li a {
margin: 11px 0;
display: block;
}

/* Input fields */

.srch,
.sbmt {
position: absolute;
right: 7px;
top: 8px;
border: none;
width: 9px;
height: 9px;
}

.srch {
background: url(../images/tables/searchSmall.png) no-repeat 0 0;
}

.sbmt {
background: url(../images/elements/control/headSubmit.png) no-repeat;
right: 4px;
}

/* Title toolbar */

.titleToolbar,
.titleOpt {
float: right;
font-size: 11px;
font-weight: bold;
}

.titleToolbar > li {
float: left;
border-left: 1px solid #c3c3c3;
}

.titleToolbar > li:last-child > a {
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
border-top-right-radius: 2px;
}

.titleToolbar > li > a {
text-shadow: 0 1px white;
padding: 7px 12px 8px 12px;
display: block;
}

.titleToolbar > li > a:active,
.titleOpt > a:active {
text-shadow: 0 1px #808080;
box-shadow: none !important;
}

.titleToolbar > li > a .iconb {
float: none;
margin-top: 0;
}

.titleToolbar > li.drd > a {
padding: 8px 10px 7px 10px;
}

.titleOpt > a {
padding: 6px 10px 7px 10px;
border-left: 1px solid #c3c3c3;
display: block;
color: #636363;
clear: both;
}

.widget .tOptions {
float: right;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
padding: 11px 12px 10px 12px;
border-left: 1px solid #cdcdcd;
}

.widget .tOptions:active,
.act {
background: #f5f5f5;
}

.act {
box-shadow: 0 1px 0 #eaeaea;
-webkit-box-shadow: 0 1px 0 #eaeaea;
-moz-box-shadow: 0 1px 0 #eaeaea;
border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
}

/* === Buttons === */

.buttonS,
.buttonM,
.buttonL,
.buttonH,
[class*="tablectrl"] {
font-size: 11px;
color: #fff;
font-weight: bold;
text-shadow: 0 -1px #6f6f6f;
display: inline-block;
line-height: 14px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

.buttonS span,
.buttonM span,
.buttonL span,
.buttonH span {
text-shadow: 0 1px 0 #6f6f6f;
margin-left: 10px;
}

.buttonS {
padding: 6px 14px;
}

.buttonM {
padding: 7px 15px;
}

.rtbutton .buttonM {
margin-right: 5px;
}

.buttonL {
padding: 8px 18px;
}

.buttonH {
float: right;
padding: 4px 12px 4px 12px;
color: #fff !important;
margin: 7px 10px 6px 10px;
}

.bGreen:hover,
.bRed:hover,
.bBlue:hover,
.bGreyish:hover,
.bBlack:hover,
.bLightBlue:hover,
.bGold:hover,
.bSea:hover,
.bBrown:hover {
opacity: 0.95;
filter: alpha(opacity=95);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}

.bDefault,
.dualBtn,
.searchLine button {
border: 1px solid #c3c3c3;
box-shadow: inset 0 1px 2px #fff;
-webkit-box-shadow: inset 0 1px 2px #fff;
-moz-box-shadow: inset 0 1px 2px #fff;
color: #686868;
text-shadow: none;
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #e8e8e8)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8', GradientType=0);
}

.bDefault:hover,
.dualBtn:hover,
.searchLine button:hover {
-webkit-transition: box-shadow 0.05s ease-in-out;
-moz-transition: box-shadow 0.05s ease-in-out;
transition: box-shadow 0.05s ease-in-out;
background: #fafafa;
background: -moz-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #fafafa),
  color-stop(100%, #e5e5e5)
);
background: -webkit-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
background: -o-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
background: -ms-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
background: linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e5e5e5', GradientType=0);
}

.bDefault:active,
.dualBtn:active,
.titleToolbar > li > a:active,
.titleOpt > a:active,
.searchLine button:active {
background: #eee;
color: #505050;
border-color: #c0c0c0;
box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff;
-webkit-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff;
-moz-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff;
text-shadow: 0 -1px 1px #f1f1f1;
}

.bDefault span {
text-shadow: none;
}

.bGreen {
border: 1px solid #68a341;
box-shadow: 0 1px 2px 0 #a4ca6c inset;
-webkit-box-shadow: 0 1px 2px 0 #a4ca6c inset;
-moz-box-shadow: 0 1px 2px 0 #a4ca6c inset;
background: #96c161;
background: -moz-linear-gradient(top, #96c161 0%, #609c3d 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #96c161),
  color-stop(100%, #609c3d)
);
background: -webkit-linear-gradient(top, #96c161 0%, #609c3d 100%);
background: -o-linear-gradient(top, #96c161 0%, #609c3d 100%);
background: -ms-linear-gradient(top, #96c161 0%, #609c3d 100%);
background: linear-gradient(top, #96c161 0%, #609c3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96c161', endColorstr='#609c3d', GradientType=0);
}

.bGreen:active {
background: #74aa49;
box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bRed {
border: 1px solid #a95151;
box-shadow: 0 1px 2px 0 #cd8787 inset;
-webkit-box-shadow: 0 1px 2px 0 #cd8787 inset;
-moz-box-shadow: 0 1px 2px 0 #cd8787 inset;
background: #c57979;
background: -moz-linear-gradient(top, #c57979 0%, #a34c4c 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #c57979),
  color-stop(100%, #a34c4c)
);
background: -webkit-linear-gradient(top, #c57979 0%, #a34c4c 100%);
background: -o-linear-gradient(top, #c57979 0%, #a34c4c 100%);
background: -ms-linear-gradient(top, #c57979 0%, #a34c4c 100%);
background: linear-gradient(top, #c57979 0%, #a34c4c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c57979', endColorstr='#a34c4c', GradientType=0);
}

.bRed:hover {
opacity: 0.95;
filter: alpha(opacity=95);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}

.bRed:active {
background: #b15e5e;
box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bBlue {
border: 1px solid #ae1900;
box-shadow: 0 1px 2px 0 #d74229 inset;
-webkit-box-shadow: 0 1px 2px 0 #d74229 inset;
-moz-box-shadow: 0 1px 2px 0 #d74229 inset;
background: #ff8700;
}

.bBlue:hover {
opacity: 0.95;
filter: alpha(opacity=95);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}

.bBlue:active {
background: #ff8700;
box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bGreyish {
border: 1px solid #5e6779;
box-shadow: 0 1px 2px 0 #9ca6b3 inset;
-webkit-box-shadow: 0 1px 2px 0 #9ca6b3 inset;
-moz-box-shadow: 0 1px 2px 0 #9ca6b3 inset;
background: #8c97a6;
background: -moz-linear-gradient(top, #8c97a6 0%, #596171 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #8c97a6),
  color-stop(100%, #596171)
);
background: -webkit-linear-gradient(top, #8c97a6 0%, #596171 100%);
background: -o-linear-gradient(top, #8c97a6 0%, #596171 100%);
background: -ms-linear-gradient(top, #8c97a6 0%, #596171 100%);
background: linear-gradient(top, #8c97a6 0%, #596171 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c97a6', endColorstr='#596171', GradientType=0);
}

.bGreyish:active {
background: #6d7787;
box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bBlack {
border: 1px solid #4e4e4e;
box-shadow: 0 1px 2px 0 #959595 inset;
-webkit-box-shadow: 0 1px 2px 0 #959595 inset;
-moz-box-shadow: 0 1px 2px 0 #959595 inset;
background: #838383;
background: -moz-linear-gradient(top, #838383 0%, #444444 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #838383),
  color-stop(100%, #444444)
);
background: -webkit-linear-gradient(top, #838383 0%, #444444 100%);
background: -o-linear-gradient(top, #838383 0%, #444444 100%);
background: -ms-linear-gradient(top, #838383 0%, #444444 100%);
background: linear-gradient(top, #838383 0%, #444444 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#838383', endColorstr='#444444', GradientType=0);
}

.bBlack:active {
background: #5d5d5d;
box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff;
-moz-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff;
}

.bLightBlue {
border: 1px solid #5897c3;
box-shadow: 0 1px 2px 0 #84c4dd inset;
-webkit-box-shadow: 0 1px 2px 0 #84c4dd inset;
-moz-box-shadow: 0 1px 2px 0 #84c4dd inset;
background: #6db5d5;
background: -moz-linear-gradient(top, #6db5d5 0%, #4a91c0 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #6db5d5),
  color-stop(100%, #4a91c0)
);
background: -webkit-linear-gradient(top, #6db5d5 0%, #4a91c0 100%);
background: -o-linear-gradient(top, #6db5d5 0%, #4a91c0 100%);
background: -ms-linear-gradient(top, #6db5d5 0%, #4a91c0 100%);
background: linear-gradient(top, #6db5d5 0%, #4a91c0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db5d5', endColorstr='#4a91c0', GradientType=0);
}

.bLightBlue:active {
background: #559cc7;
box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff;
-moz-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff;
}

.bGold {
border: 1px solid #c4853e;
box-shadow: 0 1px 2px 0 #ddb65b inset;
-webkit-box-shadow: 0 1px 2px 0 #ddb65b inset;
-moz-box-shadow: 0 1px 2px 0 #ddb65b inset;
background: #d5a44c;
background: -moz-linear-gradient(top, #d5a44c 0%, #c07833 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #d5a44c),
  color-stop(100%, #c07833)
);
background: -webkit-linear-gradient(top, #d5a44c 0%, #c07833 100%);
background: -o-linear-gradient(top, #d5a44c 0%, #c07833 100%);
background: -ms-linear-gradient(top, #d5a44c 0%, #c07833 100%);
background: linear-gradient(top, #d5a44c 0%, #c07833 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5a44c', endColorstr='#c07833', GradientType=0);
}

.bGold:active {
background: #ca8e40;
box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bSea {
border: 1px solid #5a837e;
box-shadow: 0 1px 2px 0 #95b8b6 inset;
-webkit-box-shadow: 0 1px 2px 0 #95b8b6 inset;
-moz-box-shadow: 0 1px 2px 0 #95b8b6 inset;
background: #7ca6a3;
background: -moz-linear-gradient(top, #7ca6a3 0%, #547b76 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #7ca6a3),
  color-stop(100%, #547b76)
);
background: -webkit-linear-gradient(top, #7ca6a3 0%, #547b76 100%);
background: -o-linear-gradient(top, #7ca6a3 0%, #547b76 100%);
background: -ms-linear-gradient(top, #7ca6a3 0%, #547b76 100%);
background: linear-gradient(top, #7ca6a3 0%, #547b76 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ca6a3', endColorstr='#547b76', GradientType=0);
}

.bSea:active {
background: #68918d;
box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bBrown {
border: 1px solid #d3862e;
box-shadow: 0 1px 2px 0 #c8a85f inset;
-webkit-box-shadow: 0 1px 2px 0 #c8a85f inset;
-moz-box-shadow: 0 1px 2px 0 #c8a85f inset;
background: #f0b63b;
background: -moz-linear-gradient(top, #f0b63b 0%, #d58028 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f0b63b),
  color-stop(100%, #d58028)
);
background: -webkit-linear-gradient(top, #f0b63b 0%, #d58028 100%);
background: -o-linear-gradient(top, #f0b63b 0%, #d58028 100%);
background: -ms-linear-gradient(top, #f0b63b 0%, #d58028 100%);
background: linear-gradient(top, #f0b63b 0%, #d58028 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0b63b', endColorstr='#d58028', GradientType=0);
}

.bBrown:active {
background: #ad7f45;
box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

/* === Widgets === */

/* Accordion */

.menu_body {
display: none;
padding: 12px 14px;
}

.acc .whead,
.togglesGroup .whead {
cursor: pointer;
border-top: 1px solid #cdcdcd;
margin-bottom: -1px;
}

.acc .whead:first-child,
.togglesGroup .whead:first-child {
border-top: none;
}

.acc .whead h6 {
padding: 9px 14px;
}

/* New updates widget */

.updates {
padding-left: 0px;
}

.updates .uDate {
float: right;
width: 30px;
text-align: center;
color: #bbbbbb;
margin: 3px 0 0 0;
text-shadow: 0 1px #fff;
}

.updates .uDate > span {
font-size: 20px;
font-weight: bold;
display: block;
margin-bottom: -3px;
}

.updates li {
border-top: 1px solid #d5d5d5;
padding: 10px 14px;
line-height: 20px;
}

.updates li:first-child {
border-top: none;
}

.updates li span {
display: block;
}

.updates li > span > a {
font-weight: bold;
}

.uDone,
.uAlert,
.uNotice {
float: left;
display: block;
padding-left: 22px;
max-width: 76%;
}

.uDone {
background: url(../images/elements/other/updateDone.png) no-repeat 0 4px;
}

.uAlert {
background: url(../images/elements/other/updateWarning.png) no-repeat 0 4px;
}

.uNotice {
background: url(../images/elements/other/updateNotice.png) no-repeat 0 4px;
}

/* === Grid === */

.fluid {
width: 100%;
zoom: 1;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.fluid:before,
.fluid:after {
display: table;
content: "";
}

.fluid:after {
clear: both;
}

.fluid .rtl-inputs [class*="grid"] {
float: right;
}

.fluid [class*="grid"] {
display: block;
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.fluid .grid12 {
width: 99.99999998999999%;
}

.fluid .grid11 {
width: 91.489361693%;
}

.fluid .grid10 {
width: 82.97872339599999%;
}

.fluid .grid9 {
width: 74.468085099%;
}

.fluid .grid8 {
width: 65.95744680199999%;
}

.fluid .grid7 {
width: 57.446808505%;
}

.fluid .grid6 {
width: 48.93617020799999%;
}

.fluid .grid5 {
width: 40.425531911%;
}

.fluid .grid4 {
width: 31.914893614%;
}

.fluid .grid2 {
width: 14.89361702%;
}

.fluid .grid1 {
width: 6.382978723%;
}

/* === Tabs === */

/* Content tabs */

ul.tabs {
height: 37px;
font-size: 12px;
font-weight: bold;
color: #636363;
border-bottom: 1px solid #cdcdcd;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
text-shadow: 0 1px white;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #e8e8e8)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8', GradientType=0);
}

ul.tabs li.activeTab:first-child {
border-top-left-radius: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
}

.rightTabs ul.tabs li.activeTab:first-child {
border-top-right-radius: 2px;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
}

.tab_container {
overflow: hidden;
width: 100%;
}

.tab_content {
padding: 10px 12px;
}

.tableTabs .tabs {
position: absolute;
top: 0;
right: 0;
}

.tableTabs .tab_content {
padding: 0;
}

.tableTabs .tabs li.activeTab:first-child,
.rightTabs .tabs li.activeTab:first-child {
border-top-left-radius: 0;
border-top-right-radius: 2px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
}

ul.tabs li {
float: left;
height: 38px;
line-height: 38px;
border-left: none;
overflow: hidden;
position: relative;
font-size: 15px;
border-right: 1px solid #cdcdcd;
}

ul.tabs li a {
display: block;
padding: 0px 16px;
outline: none;
color: #636363;
font-size: 12px;
font-weight: bold;
}

ul.tabs li a:hover {
color: #797979;
}

html ul.tabs li.activeTab {
background-color: #f7f7f7;
height: 38px;
box-shadow: 0 -1px 0 #eaeaea inset;
-webkit-box-shadow: 0 -1px 0 #eaeaea inset;
-moz-box-shadow: 0 -1px 0 #eaeaea inset;
}

html ul.tabs li.activeTab a {
color: #2e6b9b;
}

.rightTabs ul.tabs li,
.tableTabs ul.tabs li {
border-left: 1px solid #cdcdcd;
border-right: none;
float: right;
}

/* Sidebar tabs */

.etabs {
margin: 0;
padding: 0;
}

.tab {
display: inline-block;
zoom: 1;
display: inline;
background: #eee;
border: solid 1px #999;
border-bottom: none;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}

.tab a {
font-size: 14px;
line-height: 2em;
display: block;
padding: 0 10px;
outline: none;
}

.tab a:hover {
text-decoration: underline;
}

.tab.active {
background: #fff;
padding-top: 6px;
position: relative;
top: 1px;
border-color: #666;
}

.tab a.active {
font-weight: bold;
}

.tab-container .panel-container {
background: #fff;
border: solid #666 1px;
padding: 10px;
border-radius: 0 4px 4px 4px;
-moz-border-radius: 0 4px 4px 4px;
-webkit-border-radius: 0 4px 4px 4px;
}

/* ===== Spinner ===== */

.ui-spinner {
width: 10em;
display: block;
position: relative;
overflow: hidden;
border: 1px solid #d7d7d7;
background: #fdfdfd;
height: 26px;
padding: 0 6px;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
}

.ui-spinner-disabled {
background: #f4f4f4;
color: #ccc;
}

.ui-spinner input.ui-spinner-box {
border: none !important;
background: none !important;
padding: 0 !important;
height: 26px;
}

.ui-spinner-up,
.ui-spinner-down {
width: 18px;
padding: 0;
margin: 0;
z-index: 100;
position: absolute;
right: 0;
cursor: pointer;
border: none;
}

.ui-spinner-up {
background: url(../images/elements/forms/spinnerTop.png) no-repeat;
height: 14px;
top: -1px;
}

.ui-spinner-down {
height: 14px;
bottom: -1px;
background: url(../images/elements/forms/spinnerBottom.png) no-repeat;
}

.ui-spinner-list,
.ui-spinner-listitem {
margin: 0;
padding: 0;
font-size: 11px;
}

.ui-spinner ul li,
.ui-spinner-data {
line-height: 26px;
height: 26px;
}

/* ===== Wizard ===== */

label.error {
color: #a73939;
font-size: 11px;
display: block;
width: 100%;
white-space: nowrap;
float: none;
margin: 8px 0 -8px 0;
position: static !important;
}

.selector label.error {
margin-right: -220px;
float: right;
margin-top: -20px;
}

.checker label.error,
.radio label.error {
display: inline;
}

.step h1 {
font-weight: bold;
font-size: 1em;
position: absolute;
top: -30px;
right: 16px;
}

.navigation_button {
width: 70px;
}

.data span {
font-size: 11px;
text-align: center;
border-top: 1px solid #ddd;
padding: 12px 0;
display: block;
}

.ui-formwizard {
position: relative;
}

.ui-formwizard fieldset {
border-bottom: 1px solid #ddd;
}

.ui-formwizard input[disabled] {
opacity: 0.5;
filter: alpha(opacity=50);
}

.wizButtons .wNavButtons {
float: right;
margin: 14px 16px;
}

.wizButtons .status span {
float: left;
color: #599414;
padding: 18px 14px 18px 32px;
background: url(../images/icons/updateDone.png) no-repeat 14px;
font-size: 11px;
}

.help-video > li {
float: left;
margin-bottom: 8px;
margin-right: 12px;
width: 48%;
}

/* ===== Notification messages ===== */

.nNote {
cursor: pointer;
margin: 32px 0px 0px 0px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

#sidebar .nNote {
margin: 0;
border-radius: 0;
border-left: none;
border-right: none;
box-shadow: 0 1px 1px #f5f5f5;
-webkit-box-shadow: 0 1px 1px #f5f5f5;
-moz-box-shadow: 0 1px 1px #f5f5f5;
}

.nNote p {
padding: 5px 15px 5px 15px;
margin: 0px;
text-align: left;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
}

.nMessage p {
font-size: 11px;
}

.nWarning {
border: 1px solid #f2d083;
color: #826200;
box-shadow: 0 1px 2px #fff0c7 inset, 0 1px 1px #dfdfdf;
-webkit-box-shadow: 0 1px 2px #fff0c7 inset, 0 1px 1px #dfdfdf;
-moz-box-shadow: 0 1px 2px #fff0c7 inset, 0 1px 1px #dfdfdf;
background: #ffedbc;
background: -moz-linear-gradient(top, #ffedbc 0%, #fbe5a8 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #ffedbc),
  color-stop(100%, #fbe5a8)
);
background: -webkit-linear-gradient(top, #ffedbc 0%, #fbe5a8 100%);
background: -o-linear-gradient(top, #ffedbc 0%, #fbe5a8 100%);
background: -ms-linear-gradient(top, #ffedbc 0%, #fbe5a8 100%);
background: linear-gradient(top, #ffedbc 0%, #fbe5a8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffedbc', endColorstr='#fbe5a8', GradientType=0);
}

.nSuccess {
box-shadow: 0 1px 2px #e3f4bf inset, 0 1px 1px #dfdfdf;
-webkit-box-shadow: 0 1px 2px #e3f4bf inset, 0 1px 1px #dfdfdf;
-moz-box-shadow: 0 1px 2px #e3f4bf inset, 0 1px 1px #dfdfdf;
border: 1px solid #c1d779;
color: #4f7307;
margin: 0 10px 10px 0;
width: 80%;
float: right;
background: #d6efa1;
background: -moz-linear-gradient(top, #d6efa1 0%, #d0e69d 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #d6efa1),
  color-stop(100%, #d0e69d)
);
background: -webkit-linear-gradient(top, #d6efa1 0%, #d0e69d 100%);
background: -o-linear-gradient(top, #d6efa1 0%, #d0e69d 100%);
background: -ms-linear-gradient(top, #d6efa1 0%, #d0e69d 100%);
background: linear-gradient(top, #d6efa1 0%, #d0e69d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6efa1', endColorstr='#d0e69d', GradientType=0);
}

.nFailure {
/*box-shadow: 0 1px 2px #fbb5b5 inset, 0 1px 1px #dfdfdf; -webkit-box-shadow: 0 1px 2px #fbb5b5 inset, 0 1px 1px #dfdfdf; -moz-box-shadow: 0 1px 2px #fbb5b5 inset, 0 1px 1px #dfdfdf; */
/*border: 1px solid #dfa59b;*/
color: #7d2a1c;
margin: 0 0 10px;
width: 80%;
background: #f0b5a1;
}

.nFailure > p {
text-shadow: 0 1px 0 #ddd;
}

.nInformation {
border: 1px solid #bcd9f3;
color: #4579aa;
background: #deedf9;
background: -moz-linear-gradient(top, #deedf9 0%, #cde5f7 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #deedf9),
  color-stop(100%, #cde5f7)
);
background: -webkit-linear-gradient(top, #deedf9 0%, #cde5f7 100%);
background: -o-linear-gradient(top, #deedf9 0%, #cde5f7 100%);
background: -ms-linear-gradient(top, #deedf9 0%, #cde5f7 100%);
background: linear-gradient(top, #deedf9 0%, #cde5f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deedf9', endColorstr='#cde5f7', GradientType=0);
box-shadow: 0 1px 2px #e9f3fb inset, 0 1px 1px #dfdfdf;
-webkit-box-shadow: 0 1px 2px #e9f3fb inset, 0 1px 1px #dfdfdf;
-moz-box-shadow: 0 1px 2px #e9f3fb inset, 0 1px 1px #dfdfdf;
}

.formRow.fullrow .grid3 {
width: 16%;
}

.formRow .grid9 {
width: 35%;
}

.formRow .grid3 {
width: 27%;
}

.editcampgain .formRow .grid3 {
width: 20%;
}

/* ========== Content pagination ========== */

.pagination {
margin: auto;
width: auto;
text-align: center;
margin-top: 35px;
}

.pages li.prev {
margin-right: 15px;
}

.pages li.next {
margin-left: 15px;
}

.pages li.prev > a span,
.pages li.next > a span {
margin-right: 0;
}

.pages li {
display: inline-block;
/*margin: 5px 0;*/
}

.pages li a {
background: #f9f9f9;
background: -moz-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f9f9f9),
  color-stop(100%, #eeeeee)
);
background: -webkit-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
background: linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#eeeeee', GradientType=0);
border: 1px solid #c3c3c3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px 7px;
margin: 0 1px;
cursor: pointer;
cursor: hand;
color: #606060;
font-size: 11px;
box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
-webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
-moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
}

.pages li a:hover {
background: #f6f6f6;
background: -moz-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f6f6f6),
  color-stop(100%, #e8e8e8)
);
background: -webkit-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
background: linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e8e8e8', GradientType=0);
}

.pages li .active,
.pages li a:active,
.pages li .active:hover {
background: #6f6f6f;
color: #fff;
border-color: #646464;
box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
-moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
font-weight: bold;
}

/* ===== Content progress bars ===== */

.contentProgress {
background: #e6e6e6;
border: 1px solid #ccc;
box-shadow: 0 1px 0 #fff, 0 1px 0 #ddd inset;
-webkit-box-shadow: 0 1px 0 #fff, 0 1px 0 #ddd inset;
-moz-box-shadow: 0 1px 0 #fff, 0 1px 0 #ddd inset;
}

.contentProgress,
.barG,
.barB,
.barO,
.barBl,
.barGr,
.barR {
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
height: 4px;
}

.whead .contentProgress,
.whead .barG,
.whead .barB,
.whead .barO,
.whead .barBl,
.whead .barGr,
.whead .barR {
height: 3px;
}

#sidebar .contentProgress {
background: #ccc;
box-shadow: 0 1px 0 #eee, 0 1px 0 #c1c1c1 inset;
-webkit-box-shadow: 0 1px 0 #eee, 0 1px 0 #c1c1c1 inset;
-moz-box-shadow: 0 1px 0 #eee, 0 1px 0 #c1c1c1 inset;
border: 1px solid #c1c1c1;
}

#sidebar .contentProgress,
#sidebar .barG,
#sidebar .barB,
#sidebar .barO,
#sidebar .barBl,
#sidebar .barGr,
#sidebar .barR {
height: 3px;
}

.barG,
.barB,
.barO,
.barBl,
.barGr,
.barR {
background: url(../images/elements/ui/progress.png) repeat-x;
width: 0;
margin: -1px 0 0 -1px;
border: 1px solid;
}

.barG {
background-position: 0 0;
border-color: #97af32;
}

.barB {
background-position: 0 -5px;
border-color: #5f9fce;
}

.barO {
background-position: 0 -10px;
border-color: #d28346;
}

.barBl {
background-position: 0 -15px;
border-color: #4c4c4c;
}

.barGr {
background-position: 0 -20px;
border-color: #7b7b7b;
}

.barR {
background-position: 0 -25px;
border-color: #c8514e;
}

/* ===== Timepicker  ===== */

.timepicker {
width: 65px !important;
float: left;
}

.timeEntry_control {
margin-left: -1px;
margin-top: 0;
cursor: pointer;
float: left;
}

* html .timeEntry_control {
margin-top: -4px;
}

.timeRange li {
float: left;
}

/* ===== Task widget  ===== */

.taskDone {
background: url(../images/elements/other/taskDone.png) no-repeat;
display: block;
width: 10px;
height: 10px;
}

.taskPending {
background: url(../images/elements/other/taskPending.png) no-repeat;
display: block;
width: 12px;
height: 6px;
}

.taskProgress {
background: url(../images/elements/other/taskProgress.png) no-repeat;
display: block;
width: 10px;
height: 10px;
}

/* ===== Downloads widget  ===== */

.tbar {
border-bottom: 1px solid #c3c3c3;
background: #fafafa;
background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #fafafa),
  color-stop(100%, #efefef)
);
background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
background: linear-gradient(top, #fafafa 0%, #efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
}

.tbar li {
display: inline-block;
margin-left: -3px;
border-right: 1px solid #ddd;
font-size: 11px;
}

.tbar li:first-child {
margin-left: 0;
}

.tbar li a {
display: block;
color: #818181;
padding: 6px 12px;
}

.tbar li a:hover {
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #eaeaea)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#eaeaea', GradientType=0);
}

.tbar li a:active {
background: #f8f8f8;
}

/* ===== Website statistics widget  ===== */

.webStatsLink {
color: #464646;
font-size: 18px;
font-weight: bold;
}

.statsPlus,
.statsMinus {
padding-left: 20px;
}

.statsPlus {
background: url(../images/elements/other/grown.png) no-repeat 0 1px;
color: #599414;
}

.statsMinus {
background: url(../images/elements/other/dropped.png) no-repeat 0 1px;
color: #a73939;
}

/* ===== News widget  ===== */

.wNews {
float: left;
width: 80%;
margin-top: 2px;
}

.wNews span {
display: block;
line-height: 14px;
margin-top: 4px;
}

.wNews > .headline {
float: left;
margin-right: 14px;
}

.wNews .announce > a {
font-weight: bold;
line-height: 18px;
}

/* ===== Search widget  ===== */

.searchLine {
position: relative;
box-shadow: 0 1px 1px #fcfcfc;
-webkit-box-shadow: 0 1px 1px #fcfcfc;
-moz-box-shadow: 0 1px 1px #fcfcfc;
margin-top: 35px;
}

.searchLine input[type="text"] {
border: 1px solid #cdcdcd;
padding: 9px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

.searchLine button {
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 100%;
max-height: 100%;
z-index: 99;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
}

.searchLine .icos-search {
width: 14px;
margin: 8px;
padding: 0;
}

.searchLine button:active {
box-shadow: none !important;
}

.searchLine button .iconb {
position: absolute;
right: 7px;
top: 6px;
z-index: 100;
font-size: 16px;
}

.sResults {
background: #fafafa;
border: 1px solid #cdcdcd;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 2px 2px -2px #ccc;
-webkit-box-shadow: 0 2px 2px -2px #ccc;
-moz-box-shadow: 0 2px 2px -2px #ccc;
margin-top: 20px;
position: relative;
}

.sResults > .arrow {
position: absolute;
top: -9px;
left: 50%;
margin-left: -8px;
width: 15px;
height: 9px;
background: url(../images/elements/control/resultsarrow.png) no-repeat;
}

.sResults table {
border: none;
}

/* ===== Search widget  ===== */

.searchWidget .whead input[type="text"] {
border: 1px solid #cdcdcd;
padding: 6px 25px 6px 8px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0 1px 1px #fcfcfc;
}

.searchWidget .whead {
padding: 11px;
}

.searchWidget button {
background: none;
border: none;
color: #909090;
position: absolute;
top: 12px;
right: 17px;
}

.searchWidget .pagination {
padding: 12px;
border-top: 1px solid #cdcdcd;
box-shadow: 0 1px 0 #fff inset;
-webkit-box-shadow: 0 1px 0 #fff inset;
-moz-box-shadow: 0 1px 0 #fff inset;
margin-top: 0;
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #e8e8e8)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8', GradientType=0);
}

/* ===== Widget buttons  ===== */

.wButton a,
.wButton input[type="button"],
.wButton button,
.wButton input[type="button"] {
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: center;
margin-top: 35px;
}

/* ===== Invoice widget  ===== */

.wInvoice {
background: #efefef;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-bottom: 15px;
border: 1px solid #ddd;
}

.wInvoice li {
width: 33%;
display: inline-block;
text-align: center;
border-left: 1px dotted #ddd;
padding: 12px 0 8px 0;
margin-left: -2px;
}

.wInvoice li:first-child {
border-left: none;
}

.wInvoice li span {
font-size: 11px;
}

.invButtons {
margin-top: 10px;
text-align: center;
}

.invButtons .bFirst {
float: left;
}

.invButtons .bLast {
float: right;
}

ul.ruler {
width: 100%;
margin-bottom: 8px;
}

ul.ruler li {
display: block;
float: left;
color: #757575;
font-size: 10px;
width: 33%;
}

ul.ruler li:last-child {
width: 34%;
}

.invList > a {
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
text-align: center;
margin-top: 10px;
}

/* ===== Settings widget  ===== */

.params li:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
}

.params li:first-child span {
display: block;
line-height: 20px;
}

.params li:first-child a {
font-size: 12px;
color: #bbb;
}

.params li > label {
float: left;
}

.params li .ibutton-container {
float: right;
margin-top: 1px;
}

.myPic {
float: left;
margin-right: 20px;
}

.params li h5 {
font-size: 14px;
font-weight: bold;
text-shadow: 0 1px #f5f5f5;
padding: 2px 0 6px 0;
display: block;
}

.params li h5 > a {
display: inline-block;
}

.followers {
color: #808080;
}

.myRole {
color: #a64949;
display: block;
}

/* ===== Earnings widget  ===== */

.wGeneral .email {
display: block;
font-size: 11px;
line-height: 16px;
color: #909090;
}

.wGeneral td a {
line-height: 16px;
}

.wGeneral tbody td span {
display: block;
font-size: 11px;
line-height: 16px;
color: #909090;
}

.wGeneral tbody td strong {
color: #4d7f12;
}

.wGeneral .income {
color: #932a2a;
}

/* === Message to widget === */

.messageTo {
margin-bottom: 14px;
}

.messageTo .uName {
float: left;
margin-right: 10px;
}

.messageTo > span {
line-height: 20px;
font-weight: bold;
}

.messageTo > span > strong {
color: #a44f4f;
}

.messageTo .uEmail {
display: block;
color: #909090;
line-height: 16px;
font-size: 11px;
}

.mesControls {
margin-top: 14px;
}

.mesControls > span {
color: #909090;
font-style: italic;
font-size: 11px;
margin-top: 5px;
display: block;
float: left;
}

.mesControls .iconb {
margin-right: 5px;
}

.msgBtns {
float: left;
margin-top: 4px;
}

.msgBtns li {
float: left;
margin-right: 5px;
}

.sendBtn {
display: block;
position: absolute;
top: 3px;
right: 3px;
}

.sendwidget {
position: static;
float: right;
}

.sendBtn .attachLink,
.sendBtn .attachPhoto {
opacity: 0.4;
filter: alpha(opacity=40);
display: block;
float: left;
margin: 9px 0 9px 12px;
}

.sendBtn .attachLink:hover,
.sendBtn .attachPhoto:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}

.sendBtn .attachLink {
width: 12px;
height: 12px;
background: url(../images/elements/other/link.png) no-repeat;
}

.sendBtn .attachPhoto {
width: 14px;
height: 11px;
background: url(../images/elements/other/photo.png) no-repeat;
}

.sendBtn input[type="submit"] {
float: left;
display: block;
margin-left: 12px;
line-height: 15px;
height: 28px;
}

.sendwidget input[type="submit"] {
height: auto;
}

.sendwidget .attachLink,
.sendwidget .attachPhoto {
margin: 10px 0 10px 12px;
}

.sendBtn > .buttonS {
padding: 6px 14px;
}

.topNav .buttonM.bDefault {
padding: 3px 6px;
float: left;
margin-top: 10px;
}

.topNav .buttonM.bDefault span.icon-dollar-5 {
background: url(../images/icons/dollar.png) no-repeat scroll 0 0;
width: 24px;
height: 24px;
padding: 0;
border-radius: 0;
margin: 0;
}

.topNav .buttonM.bDefault span {
background: #fff;
padding: 4px 5px;
border-radius: 3px 3px 3px 3px;
float: left;
margin-left: 6px;
}

/* changed by chinnapparaj 03.09.2024 */
/* # Form styles
================================================== */
.formRow.formwhite {
background: none repeat scroll 0 0 #ffffff;
display: block;
float: left;
margin-bottom: 0.5%;
margin-left: 0.7%;
min-height: 45px;
width: 46%;
}

.formRow.formwhite label {
color: #0271b3;
font-weight: bold;
margin-left: 10px;
}

.formRow.formwhite .fs1.iconb {
color: #5f5f5f;
float: left;
font-size: 18px;
}

.formRow.formwhite .grid3 {
width: 16.5%;
}

.formRow.formwhite .grid9 {
width: 81%;
}

.formRow.fullrow {
width: 100%;
}

.formRow {
border-bottom: 0;
border-top: 0;
width: 100%;
display: flex;
}

.wrapper.editcampgain .formRow.fullrow .grid3 a {
float: right;
}

.formRow:first-child {
border-top: none;
}

.formRow input[type=text],
.formRow input[type=password],
.formRow input[type=number],
.formRow input[type=email],
/*.formRow*/
textarea {
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
font-size: 12px;
color: #000;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
padding: 4px 7px;
border: 1px solid #333;
display: inline-block;
background: #fdfdfd;
height: 32px;
}

textarea {
height: auto;
}

.formRow [class*="grid"] > label {
background: #9900ff;
border: 1px solid #9e9e9e;
color: #ffffff;
display: block;
padding: 4px 10px;
text-align: right;
font-size: 14px;
}

.formRow label > span {
margin-top: -2px;
padding: 0;
}

.formRow label > img {
float: left;
margin: 5px 10px 0 0;
}

.sliderSpecs > label {
font-size: 11px;
margin-right: 10px;
}

.sliderSpecs > input {
border: none;
background: none !important;
width: 30% !important;
color: #3a70ab !important;
border: none !important;
box-shadow: none !important;
font-weight: bold;
}

.fieldIcon {
position: absolute;
top: 7px;
right: 8px;
display: block;
}

.req {
float: right;
margin-left: 5px;
display: block;
color: #f60017;
}

.rightSide {
display: block;
float: right;
width: 80%;
padding: 4px 0;
position: relative;
}

.rightSide > label {
float: left;
}

.note {
font-size: 12px;
padding-top: 2px;
display: block;
color: #000;
white-space: nowrap;
}

.formRow > label {
padding: 6px 0;
display: block;
float: left;
}

.multiple {
width: 100%;
height: 200px;
padding: 5px;
border: 1px solid #d7d7d7;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
}

.formSubmit {
display: block;
}

.hasIcon [class*="icon"] {
float: none;
margin-right: 0;
}

/* ===== Form validation ===== */

.inputContainer {
position: relative;
float: left;
}

.formError {
position: absolute;
top: 300px;
left: 282px;
display: block;
z-index: 998;
cursor: pointer;
}

.ajaxSubmit {
padding: 20px;
background: #55ea55;
border: 1px solid #999;
display: none;
}

.formError .formErrorContent {
background: #202020;
position: relative;
z-index: 5001;
color: #fff;
width: 124px;
font-size: 11px;
border: 1px solid #000;
padding: 2px 10px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

.greenPopup .formErrorContent {
background: #33be40;
}

.blackPopup .formErrorContent {
background: #393939;
color: #fff;
}

.formError .formErrorArrow {
width: 15px;
margin: -2px auto 0 auto;
position: relative;
z-index: 5006;
}

.formError .formErrorArrowBottom {
box-shadow: none;
margin: 0px 0 0 12px;
top: 2px;
}

.formError .formErrorArrow div {
font-size: 0px;
height: 1px;
background: #202020;
margin: 0 auto;
line-height: 0;
font-size: 0;
display: block;
}

.formError .formErrorArrowBottom div {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
background: #33be40;
}

.blackPopup .formErrorArrow div {
background: #393939;
color: #fff;
}

.formError .formErrorArrow .line10 {
width: 15px;
border: none;
}

.formError .formErrorArrow .line9 {
width: 13px;
border: none;
}

.formError .formErrorArrow .line8 {
width: 11px;
}

.formError .formErrorArrow .line7 {
width: 9px;
}

.formError .formErrorArrow .line6 {
width: 7px;
}

.formError .formErrorArrow .line5 {
width: 5px;
}

.formError .formErrorArrow .line4 {
width: 3px;
}

.formError .formErrorArrow .line3 {
width: 1px;
border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
width: 3px;
border: none;
background: #ddd;
}

.formError .formErrorArrow .line1 {
width: 1px;
border: none;
background: #ddd;
}

.checker input,
.radio input,
.selector select {
cursor: pointer;
}

input.error {
border-color: #ddbebe !important;
}

/* ===== Form styling  ===== */

.selector,
.radio,
.checker,
.uploader,
.selector *,
.radio *,
.checker *,
.uploader * {
margin: 0;
padding: 0;
cursor: pointer;
}

div.selector {
background: #fcfcfc;
background: -moz-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #fcfcfc),
  color-stop(100%, #f1f1f1)
);
background: -webkit-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
background: -o-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
background: -ms-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
background: linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1', GradientType=0);
border: 1px solid #d2d2d2;
line-height: 27px;
height: 27px;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
-webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
-moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
zoom: 1;
margin: 0;
padding: 0 0 0 8px;
cursor: pointer;
width: auto;
max-width: 280px;
font-size: 12px;
position: relative;
/*overflow: hidden; */
}

div.selector span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #808080;
text-shadow: 0 1px #f5f5f5;
padding: 0px 37px 0px 2px;
background: url(../images/elements/forms/selectArrow.png) no-repeat 100%;
cursor: pointer;
font-size: 11px;
height: 27px;
line-height: 27px;
}

div.selector select {
position: absolute;
opacity: 0; /* This makes the select element invisible */
height: 28px;
border: none;
background-color: transparent; /* Ensure background is transparent */
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 28px; /* Optional: Vertical centering */
width: 100%;
top: 0;
left: 0;
cursor: pointer; /* Ensures pointer cursor over the invisible select */
}

.disabled {
opacity: 0.6;
filter: alpha(opacity=60);
}

.labelDisabled {
color: #b7b7b7;
}

/* Checkboxes */

div.checker {
width: 16px;
height: 16px;
position: relative;
display: -moz-inline-box;
display: block;
zoom: 1;
float: left;
margin-top: 2px;
margin-right: 10px;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
}

div.checker input {
width: 16px;
height: 16px;
opacity: 0;
display: inline-block;
}

div.checker span {
background: url(../images/elements/forms/checkboxes.png) no-repeat 0 0;
height: 16px;
width: 16px;
display: -moz-inline-box;
display: inline-block;
text-align: center;
}

div.checker span.checked {
background-position: 0 -17px;
}

/* Radio buttons */

div.radio {
width: 16px;
height: 17px;
position: relative;
display: -moz-inline-box;
display: block;
zoom: 1;
float: left;
margin-top: 2px;
margin-right: 10px;
}

div.radio input {
width: 16px;
height: 17px;
opacity: 0;
display: inline-block;
background: transparent;
}

div.radio span {
background: url(../images/elements/forms/radios.png) no-repeat 0 0;
height: 17px;
width: 16px;
display: -moz-inline-box;
display: inline-block;
text-align: center;
}

div.radio span.checked {
background-position: 0 -18px;
}

/* File uploader */

div.uploader {
width: 240px;
position: relative;
overflow: hidden;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
border: 1px solid #d7d7d7;
background: #fdfdfd;
padding: 2px 2px 2px 8px;
float: left;
}

.formRow.fullrow .grid9 > img {
float: left;
margin-left: 10px;
width: 50px;
}

div.uploader span.action {
width: 22px;
background: #fff url(../images/elements/forms/addFiles.png) no-repeat 0 0;
height: 22px;
font-size: 11px;
font-weight: bold;
cursor: pointer;
float: right;
text-indent: -9999px;
display: inline;
overflow: hidden;
cursor: pointer;
}

div.uploader:hover span.action {
background-position: 0 -27px;
}

div.uploader:active span.action {
background-position: 0 -54px;
}

div.uploader span.filename {
color: #777;
max-width: 200px;
font-size: 11px;
line-height: 22px;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}

div.uploader input {
width: 256px;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
float: right;
height: 26px;
border: none;
cursor: pointer;
}

.uploader {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
zoom: 1;
}

/* ===== Tags input  ===== */

div.tagsinput {
border: 1px solid #ddd;
background: #fdfdfd;
padding: 5px;
width: 100%;
overflow-y: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

div.tagsinput span.tag {
border: 1px solid #a5d24a;
display: block;
float: left;
padding: 0 8px;
background: #cde69c;
color: #638421;
margin: 5px 5px 5px 5px;
line-height: 23px;
font-size: 11px;
}

div.tagsinput span.tag a {
font-weight: bold;
color: #82ad2b;
font-size: 11px;
float: right;
}

div.tagsinput input {
width: 60px;
border: none;
padding: 5px 8px 6px 8px;
background: transparent;
margin: 5px 5px 0 4px;
font-size: 12px;
}

div.tagsinput div {
display: block;
float: left;
}

.tags_clear {
clear: both;
width: 100%;
height: 0px;
}

.not_valid {
background: #fbd8db !important;
color: #90111a !important;
}

/* ===== Autotabs  ===== */

.moreFields ul li {
float: left;
width: 11%;
margin: 0;
}

.moreFields ul li.sep,
.sep {
padding: 3px 5px 3px 6px;
display: block;
margin: 0;
width: auto;
color: #d5d5d5;
}

.moreFields ul li span {
display: block;
padding: 3px 12px;
white-space: nowrap;
}

/* # Tables
================================================== */

table .selector,
table .selector > span,
.dataTables_length .selector,
.dataTables_length .selector > span {
height: 26px;
line-height: 26px;
}

.dataTables_length .selector {
margin-top: 1px;
}

table thead td.sortCol > div {
cursor: pointer;
position: relative;
}

table thead td span {
background: url(../images/tables/sort.png) no-repeat 0;
display: block;
/*position: absolute; right: 3px; top: 3px; width: 16px*/
width: 7px;
float: right;
margin: 2px 2px 0 5px;
height: 16px;
}

table thead td.headerSortUp span {
background: url(../images/tables/sortUp.png) no-repeat 0;
}

table thead td.headerSortDown span {
background: url(../images/tables/sortDown.png) no-repeat 0;
}

.checkAll tbody tr td:first-child {
width: 40px;
padding: 0;
vertical-align: middle;
margin: 0;
}

.checkAll tbody tr td:first-child .checker,
.checkAll tbody tr td:first-child .radio {
margin: 0 auto;
float: none;
}

/* ===== Simple table ===== */

.justTable td {
vertical-align: middle;
}

.justTable tbody tr:first-child {
border-top: none;
}

.justTable tbody tr:first-child td {
box-shadow: 0 1px 0 #fafafa inset;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
-webkit-box-shadow: 0 1px 0 #fafafa inset;
-moz-box-shadow: 0 1px 0 #fafafa inset;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
}

/* ===== Default table ===== */

.tDefault tbody td,
.tDefault thead td {
border-left: 1px solid #dfdfdf;
box-shadow: 0 1px 0 #fafafa inset;
-webkit-box-shadow: 0 1px 0 #fafafa inset;
-moz-box-shadow: 0 1px 0 #fafafa inset;
}

.tDefault tbody td:first-child,
.tDefault thead td:first-child {
border-left: none;
}

.checkAll thead td:first-child > img {
vertical-align: middle;
padding-bottom: 2px;
}

.tDefault thead td {
text-align: center;
font-size: 11px;
padding: 3px 5px 2px 5px;
color: #909090;
background: #eee;
}

.tDefault tbody td {
padding: 7px 11px;
vertical-align: middle;
text-align: center;
}

.tDefault tbody tr {
border-top: 1px solid #dfdfdf;
}

.tDefault tbody tr:first-child {
box-shadow: 0 1px 0px #fff inset;
-webkit-box-shadow: 0 1px 0px #fff inset;
-moz-box-shadow: 0 1px 0px #fff inset;
}

.tDefault tbody tr:nth-child(even) {
background: #f2f2f2;
}

.tDefault thead tr.whead td {
text-align: center;
font-size: 11px;
padding: 3px 5px 2px 5px;
color: #909090;
background: transparent;
}

.tDefault thead tr.whead td h6 {
padding: 4px 0;
}

.tDefault tbody tr.totalpart:nth-child(2n) {
background: #dee1e2;
margin: 0;
}

.tDefault thead tr.totalpart td {
text-align: center;
font-size: 11px;
padding: 3px 5px 2px 5px;
color: #909090;
background: transparent;
}

/* ===== Light table ===== */

.tLight tbody td,
.tLight thead td {
border-left: 1px solid #dadada;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
}

.tLight tbody td:first-child,
.tLight thead td:first-child {
border-left: none;
}

.tLight tbody td {
padding: 9px 16px;
vertical-align: middle;
color: #000;
}

.tLight tbody tr {
border-top: 1px solid #dadada;
}

.tLight thead td {
text-align: center;
padding: 7px 12px;
font-weight: bold;
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #efefef)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: linear-gradient(top, #f8f8f8 0%, #efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#efefef', GradientType=0);
}

/* ===== Dark table ===== */

.tDark tbody td {
border-left: 1px solid #dadada;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
}

.tDark thead td {
border-left: 1px solid #808080;
}

.tDark tbody td:first-child,
.tDark thead td:first-child {
border-left: none;
}

.tDark tbody td {
padding: 9px 16px;
vertical-align: middle;
color: #777;
}

.tDark tbody tr {
border-top: 1px solid #dadada;
}

.tDark thead td {
text-align: center;
padding: 7px 12px;
background: url(../images/backgrounds/sidebar.jpg);
font-weight: bold;
color: #f5f5f5;
}

.tDark tbody tr:nth-child(even) {
background: #f4f4f4;
}

/* ===== Media table ===== */

.tMedia thead td a {
color: #878787;
}

.tMedia thead td:first-child > .checker {
margin: 0 auto;
float: none;
}

.tMedia tbody td {
vertical-align: middle;
text-align: center;
}

.tMedia tfoot tr {
height: 50px;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #efefef)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: linear-gradient(top, #f8f8f8 0%, #efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#efefef', GradientType=0);
}

.tMedia tfoot tr td {
padding: 7px 11px;
}

.fileInfo {
font-size: 11px;
}

.fileInfo span {
display: block;
}

.tableActs {
text-align: center;
}

.tableActs > a {
margin: 0 2px;
}

.tableActs > .btn-group {
display: inline-block;
margin: 0 2px;
}

.itemActions {
float: left;
margin: 6px 0;
}

.itemActions label {
float: left;
margin: 2px 12px 0 4px;
font-size: 11px;
}

/* === Alternate table === */

.tAlt thead td {
background: #f5f5f5;
background: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f5f5f5),
  color-stop(100%, #eeeeee)
);
background: -webkit-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
background: linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0);
text-align: center;
font-size: 11px;
border-left: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
padding: 2px 10px;
}

.tAlt tbody tr td {
background: #f9f9f9;
background: -moz-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f9f9f9),
  color-stop(100%, #f2f2f2)
);
background: -webkit-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
background: linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f2f2f2', GradientType=0);
border-bottom: 1px solid #dfdfdf;
}

.tAlt tbody tr td {
padding: 10px;
border-left: 1px solid #dfdfdf;
box-shadow: 0 2px #fff inset;
-webkit-box-shadow: 0 2px #fff inset;
-moz-box-shadow: 0 2px #fff inset;
vertical-align: middle;
}

.tAlt tbody td:first-child,
.tAlt thead td:first-child {
border-left: none;
}

/* ===== Table pagination ===== */

.tPages {
float: right;
margin: 9px 0;
}

.tPages ul li {
display: inline-block;
text-align: center;
}

.tPages ul li.prev a,
.tPages ul li.next a {
padding: 4px;
}

.tPages ul li.prev {
margin-right: 10px;
}

.tPages ul li.next {
margin-left: 10px;
}

.tPages ul li a {
border: 1px solid #d3d3d3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px 7px;
cursor: pointer;
color: #606060;
font-size: 11px;
box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
-webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
-moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
line-height: 14px;
background: #f9f9f9;
background: -moz-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f9f9f9),
  color-stop(100%, #eeeeee)
);
background: -webkit-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
background: linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#eeeeee', GradientType=0);
}

.tPages ul li a:hover {
background: #f6f6f6;
background: -moz-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f6f6f6),
  color-stop(100%, #e8e8e8)
);
background: -webkit-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
background: linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e8e8e8', GradientType=0);
}

.tPages ul li a:active {
background: #6f6f6f;
color: #fff;
border-color: #646464;
box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
-moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
font-weight: bold;
}

/* ===== Table toolbar ===== */

.tToolbar {
height: 36px;
border-bottom: 1px solid #cdcdcd;
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #efefef)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: linear-gradient(top, #f8f8f8 0%, #efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#efefef', GradientType=0);
}

.tToolbar li {
display: block;
float: left;
border-right: 1px solid #c3c3c3;
}

.tToolbar li a {
padding: 7px 12px;
display: block;
color: #808080;
font-size: 11px;
box-shadow: 1px 0 0 #fcfcfc inset, -1px 0 0 #fcfcfc inset;
-webkit-box-shadow: 1px 0 0 #fcfcfc inset, -1px 0 0 #fcfcfc inset;
-moz-box-shadow: 1px 0 0 #fcfcfc inset, -1px 0 0 #fcfcfc inset;
}

.tToolbar li:last-child {
box-shadow: 1px 0 0 #fcfcfc;
-webkit-box-shadow: 1px 0 0 #fcfcfc;
-moz-box-shadow: 1px 0 0 #fcfcfc;
}

.tToolbar li a:hover {
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #eaeaea)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
background: linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#eaeaea', GradientType=0);
}

.tToolbar li a:active {
background: #f8f8f8;
}

/* ===== Table buttons ===== */

[class*="tablectrl"] {
text-shadow: none;
}

[class*="tablectrl"] .caret {
margin: 5px 0 0 6px;
}

.tablectrl_small {
font-size: 10px;
padding: 5px 5px 4px 5px;
}

.tablectrl_medium {
font-size: 12px;
padding: 6px 6px 5px 6px;
}

.tablectrl_large {
font-size: 14px;
padding: 7px 7px 6px 7px;
}

.tablectrl_xlarge {
font-size: 16px;
padding: 10px 12px 11px 12px;
}

.tablectrl_standard {
font-size: 12px;
padding: 8px;
}

.opt {
padding-left: 8px;
padding-right: 8px;
margin: 0;
}

.opt > span {
margin-left: 0;
}

.opt .iconb {
font-size: 14px;
}

.opt .caret {
margin: 5px 0;
}

/* # Invoice page
================================================== */

.invoice table {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}

.invoice .tDark {
border-top: none;
}

.inHead {
border-bottom: 1px solid #c3c3c3;
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #e8e8e8)
);
background: -webkit-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
background: linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8', GradientType=0);
}

.inLogo {
width: 50%;
padding: 17px 14px;
display: block;
float: left;
}

.inInfo {
float: right;
padding: 10px 14px;
text-align: right;
}

.inInfo .invoiceNum {
color: #a64949;
font-size: 14px;
font-weight: bold;
}

.inInfo i {
display: block;
color: #909090;
white-space: nowrap;
line-height: 16px;
}

.inFrom,
.inTo {
width: 40%;
display: block;
margin: 20px;
}

.inFrom span,
.inTo span {
display: block;
background: url(../images/elements/control/subnav_arrow.png) no-repeat 0 8px;
padding-left: 12px;
}

.inFrom {
float: left;
}

.inTo {
width: 100%;
}

.inFrom h5,
.inTo h5 {
color: #303030;
margin-bottom: 8px;
}

.inDesc {
width: 45%;
float: left;
margin: 20px;
}

.inDesc p {
color: #9f9f9f;
}

.total {
text-align: right;
float: right;
margin: 20px 30px 20px 0;
}

.total span {
font-weight: bold;
padding: 0 0 4px 0;
display: block;
}

.total strong {
display: block;
font-size: 24px;
}

.inFooter {
width: 100%;
padding: 18px 0 10px 0;
border-top: 1px solid #dadada;
background: #f4f4f4;
}

.footnote {
width: 50%;
float: left;
margin: 3px 20px;
}

.cards {
float: right;
margin: 0 20px;
}

.cards li {
display: inline-block;
text-align: right;
background: url(../images/sprites/paymentIcons.png) no-repeat;
width: 51px;
height: 32px;
padding: 0;
margin-left: 8px;
}

.cards li.discover {
background-position: 0 -117px;
}

.cards li.visa {
background-position: 0 -156px;
}

.cards li.amex {
background-position: 0 -234px;
}

.cards li.mc {
background-position: 0 -195px;
}

.cards li.pp {
background-position: 0 -312px;
}

/* # Login page
================================================== */

.loginWrapper {
background: none repeat scroll 0 0 #fff;
border: 1px solid #d0d0d0;
border-radius: 5px;
box-shadow: 1px 0 2px #adadad;
margin: 150px auto 0;
padding: 20px;
text-align: center;
width: 30%;
}

/* === Login hover buttons === */

.logleft,
.logright,
.logback {
background: url(../images/loginControl.png) no-repeat;
height: 37px;
width: 37px;
position: absolute;
top: 36px;
display: block;
opacity: 0;
filter: alpha(opacity=0);
}

.logleft {
left: 0px;
background-position: 0 0;
}

.logright {
right: 0px;
background-position: -38px 0;
}

.logback {
left: 0;
background-position: -76px 0;
}

.logleft:hover {
background-position: 0 -39px;
}

.logright:hover {
background-position: -38px -39px;
}

.logback:hover {
background-position: -76px -39px;
}

#login {
z-index: 100;
}

#recover {
z-index: 1;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}

.flipped #login {
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}

.loginWrapper.flipped #recover {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}

.loginPic {
text-align: center;
display: block;
position: relative;
overflow: hidden;
}

.loginPic span {
display: block;
color: #5f5f5f;
font-size: 14px;
margin-top: 10px;
font-weight: bold;
text-shadow: 0 1px 1px #ffffff;
}

.loginWrapper a {
display: inline-block;
}

.loginWrapper input[type="text"],
.loginWrapper input[type="password"] {
font-size: 12px;
color: #333;
padding: 7px 27px 7px 28px;
border: 1px solid #d7d7d7;
width: 84%;
display: inline-block;
margin-top: 15px;
}

.loginUsername {
background: #fff url(../images/icons/loginUsername.png) no-repeat 12px 8px;
}

.loginPassword {
background: #fff url(../images/icons/loginLock.png) no-repeat 12px 8px;
}

.loginEmail {
background: #fff url(../images/icons/loginEmail.png) no-repeat 12px 8px;
}

.logControl {
margin-top: 15px;
}

.logControl .memory {
float: left;
margin-top: 5px;
}

.logControl input[type="submit"] {
float: left;
}

/* # Error and offline pages
================================================== */

.errorWrapper {
position: absolute;
top: 50%;
bottom: 0;
margin-top: -190px;
text-align: center;
left: 0;
right: 0;
}

.errorContent {
width: 380px;
margin: auto;
margin-top: 35px;
}

.errorWrapper .errorTitle {
display: block;
text-shadow: 1px 0 0 #fff;
text-align: center;
font-size: 20px;
border-bottom: 1px solid #cdcdcd;
padding: 20px 14px;
font-weight: bold;
color: #d76a6a;
font-style: italic;
}

.errorWrapper .errorNum {
color: #fff;
font-size: 200px;
text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000,
  -1px 1px 0 #000;
padding: 110px 0 80px 0;
display: block;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,
  0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1),
  0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2),
  0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2),
  0 20px 20px rgba(0, 0, 0, 0.15);
}

.errorDesc {
display: block;
margin: 20px 0 20px 0;
font-weight: bold;
font-size: 14px;
}

.errorContent .buttonM {
margin-top: 25px;
}

/* Messages page
================================================== */

.messagesOne li {
position: relative;
min-height: 36px;
margin: 0 18px 20px 18px;
}

.messagesOne li:first-child {
margin-top: 20px;
}

.messagesOne > li.divider {
border-top: 1px solid #dfdfdf !important;
margin: 20px 0 20px 0 !important;
min-height: 0;
}

.messagesOne > li.divider > span {
background-color: #f5f5f5 !important;
}

.messagesOne .messageRow a {
display: block;
width: 37px;
height: 36px;
}

.messagesOne .by_user > a,
.messagesOne .by_me > a {
position: absolute;
top: 0;
display: block;
}

.messagesOne .by_user > a {
left: 0;
}

.messagesOne .by_me > a {
right: 0;
}

.messagesOne .by_user .aro,
.messagesOne .by_me .aro {
width: 8px;
height: 9px;
position: absolute;
top: 12px;
}

.messagesOne .by_user .aro {
background: url(../images/elements/other/messageArrow_left.png) no-repeat;
left: -8px;
}

.messagesOne .by_me .aro {
background: url(../images/elements/other/messageArrow_right.png) no-repeat;
right: -8px;
}

.messagesOne .by_user .messageArea,
.messagesOne .by_me .messageArea {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
padding: 8px 12px;
position: relative;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid;
}

.messagesOne .by_user .messageArea {
background: #fafeff;
border-color: #b5cdd7;
margin-left: 60px;
}

.messagesOne .by_me .messageArea {
background: #fefefe;
border-color: #dcdcdc;
margin-right: 60px;
}

.by_user .name > strong {
color: #2c596d;
}

.by_me .name > strong {
color: #393939;
}

.infoRow {
font-size: 11px;
color: #949494;
margin-bottom: 6px;
margin-top: -2px;
}

.infoRow > .time {
float: right;
}

.infoRow > .name {
float: left;
}

.messagesTwo li {
position: relative;
min-height: 36px;
border-top: 1px solid #cdcdcd;
}

.messagesTwo li:first-child {
border-top: none;
}

.messagesTwo li > a {
margin: 14px;
display: block;
position: absolute;
left: 0;
top: 0;
}

.messagesTwo li .messageArea {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
padding: 10px 16px;
position: relative;
border-left: 1px solid #cdcdcd;
margin-left: 65px;
min-height: 64px;
}

.messagesTwo .by_user {
background: #fefefe;
}

/* Enter message field  */
.enterMessage {
position: relative;
margin-top: 20px;
}

.enterMessage input[type="text"] {
width: 100%;
height: 34px;
background: #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
display: block;
border: 1px solid #d5d5d5;
box-shadow: 0 1px 1px #fafafa;
-webkit-box-shadow: 0 1px 1px #fafafa;
-moz-box-shadow: 0 1px 1px #fafafa;
padding: 10px 120px 10px 10px;
color: #404040;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

/* Gallery page
================================================== */

.gallery {
margin: auto;
padding: 4px 1.5% 14px 1.5%;
text-align: center;
}

.gallery ul li {
display: inline-block;
margin: 14px 6px 0 6px;
position: relative;
height: 110px;
background: white;
padding: 4px;
-webkit-box-shadow: 0 0px 2px #ddd;
-moz-box-shadow: 0 0px 2px #ddd;
box-shadow: 0 0px 2px #ddd;
border: 1px solid #ccc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

.gallery ul li:hover {
border-color: #ddd;
}

.gallery ul li a {
display: block;
}

.gallery .actions {
position: absolute;
top: 4px;
right: 4px;
width: 110px;
height: 110px;
display: none;
background: url(../images/elements/other/overlay.png);
}

.gallery .actions a {
font-size: 11px;
display: block;
margin: 42px 6px;
display: inline-block;
}

.gallery .actions a:first-child {
padding-right: 0;
}

/* # Special classes for resizable grid. Class "under" adds dynamically
================================================== */

.under .fluid [class*="grid"] {
width: 100%;
margin-left: 0;
}

.under .widget [class*="grid"] {
display: block;
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.127659574%;
}

.under .rtl-inputs [class*="grid"] {
float: right;
}

.under .widget [class*="grid"]:first-child {
margin-left: 0;
}

.under .widget .grid12 {
width: 99.99999998999999%;
}

.under .widget .grid11 {
width: 91.489361693%;
}

.under .widget .grid10 {
width: 82.97872339599999%;
}

.under .widget .grid9 {
width: 74.468085099%;
}

.under .widget .grid8 {
width: 65.95744680199999%;
}

.under .widget .grid7 {
width: 57.446808505%;
}

.under .widget .grid6 {
width: 48.93617020799999%;
}

.under .widget .grid5 {
width: 40.425531911%;
}

.under .widget .grid4 {
width: 31.914893614%;
}

.under .widget .grid3 {
width: 23.404255317%;
}

.under .widget .grid2 {
width: 14.89361702%;
}

.under .widget .grid1 {
width: 6.383%;
}

.under .breadLinks > ul > li > a span,
.under .breadLinks ul li a strong {
display: none;
visibility: hidden;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

.under .breadLinks ul li a i {
float: none;
margin: 0;
padding: 4px;
}

/* # Special classes for responsive layout
================================================== */

.showTabletP {
display: none !important;
}

.showTabletL {
display: none;
}

.iButton {
float: right;
display: none;
width: 44px;
height: 27px;
background: url(../images/elements/other/iButton.png) no-repeat;
margin-top: 13px;
margin-right: 5px;
}

.iTop {
float: right;
display: none;
width: 44px;
height: 27px;
background: url(../images/elements/other/iTop.png) no-repeat;
margin-top: 13px;
margin-right: 5px;
}

/* ===== Responsive navigation ===== */

.altMenu {
position: absolute;
display: none;
top: 56px;
font-size: 11px;
width: 280px;
padding-top: 6px;
left: 50%;
margin-left: -140px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
text-align: left;
background: url(../images/elements/other/dropTopArrow.png) 50% 0 no-repeat;
z-index: 9999;
}

.altMenu > li {
background: url(../images/backgrounds/sidebar.jpg);
}

.altMenu > li:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
}

.altMenu > li:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
}

.altMenu > li:first-child a {
border-top: 1px transparent;
}

.altMenu > li:last-child a {
border-bottom: 1px transparent;
}

.altMenu > li:hover {
background: #027ebc;
}

.altMenu > li a {
display: block;
padding: 6px 5px 6px 28px;
color: #fff;
border-bottom: 1px solid #0293da;
border-top: 1px solid #025f93;
background: url(../images/elements/control/rightArrow.png) no-repeat 14px 14px;
font-size: 1.2em;
}

.altMenu li ul {
background: #4a4a4a;
}

.altMenu li ul li a {
border-top: 1px solid #555555;
border-bottom: 1px solid #3d3d3d;
padding-left: 42px;
background-position: 28px 14px;
}

.altMenu li ul li:hover {
color: #dadada;
background: #4c4c4c;
}

.altMenu a.active {
background-color: #525252;
}

.cSec .secNav {
display: none;
}

.cSec #sidebar {
width: 100px;
}

.cSec #content {
margin-left: 100px;
}

/* # Media queries
================================================== */

@media only screen and (max-width: 1350px) {
body {
  -webkit-text-size-adjust: none;
}

.fluid .grid12 {
  width: 99.99999998999999%;
}
}

@media only screen and (max-width: 1024px) {
input,
textarea {
  appearance: none;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.quickStats li strong {
  font-size: 16px;
}

.chzn-container {
  width: 100% !important;
}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
.help-video > li {
  float: none;
  margin-bottom: 8px;
  margin-right: 0px;
  width: 95%;
}

#content {
  width: 69.5%;
}

.subNav li a.this {
  margin-right: 0;
}

.showTabletP {
  display: block !important;
}

#sidebar [class*="dataNum"] {
  display: inline-block;
  margin-left: 14px;
  position: static;
  margin-top: 1px;
}

.moreFields ul li {
  width: 12%;
}

.hideTablet {
  display: none;
}

.topSearch {
  right: 71px;
}
}

@media only screen and (min-width: 481px) {
.altMenu {
  display: none !important;
}

#sidebar {
  display: block !important;
}
}

@media only screen and (max-width: 768px) {
.logo {
  margin-left: 10px;
}

.topNav {
  margin-right: 10px;
}

.breadLine {
  text-align: right;
}

.breadLinks {
  float: none;
  display: inline-block;
  margin: 0;
}

.under .breadLinks > ul > li > a span,
.under .breadLinks ul li a strong {
  display: none;
  visibility: hidden;
}

.under .breadLinks ul li a i {
  float: none;
  margin: 0;
  padding: 4px;
}

.formRow,
.formRow.fullrow {
  width: 93%;
}

.formRow.formwhite {
  width: 92%;
}

.sorting a {
  display: none;
}
}

@media only screen and (min-width: 769px) {
.nav li:hover ul {
  display: none;
}
}

@media only screen and (min-width: 481px) and (max-width: 689px) {
.logo {
  margin-left: 10px;
  width: 28%;
}

.logo img {
  width: 100%;
}

.topNav .buttonM.bDefault {
  margin-right: 5px;
}

.formRow,
.formRow.fullrow {
  width: 93%;
}

.topNav {
  margin-right: 10px;
}

ul.userNav li {
  margin: 0 5px 0 0;
}

#content {
  width: 64.5%;
}

.dataTables_info {
  display: none;
}

table.dataTable td {
  padding: 2px;
}

.sorting a {
  display: none;
}
}

@media only screen and (min-width: 769px) and (max-width: 910px) {
.contentTop {
  overflow: hidden;
}

.breadLinks {
  display: none;
}

#content {
  width: 71.5%;
}

.formRow,
.formRow.fullrow {
  width: 94%;
}

.sorting a {
  display: none;
}

.formRow.formwhite {
  width: 92%;
}
}

@media only screen and (min-width: 911px) and (max-width: 980px) {
.contentTop {
  overflow: hidden;
}

.breadLinks {
  display: none;
}

#content {
  width: 76.5%;
}

.formRow,
.formRow.fullrow {
  width: 94%;
}

.sorting a {
  display: none;
}

.formRow.formwhite {
  width: 92%;
}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
.help-video > li {
  float: none;
  margin-bottom: 8px;
  margin-right: 0px;
  width: 97%;
}

.tDefault a {
  white-space: normal;
}

.sorting a {
  display: none;
}

.logo {
  width: 40%;
  margin-top: 0px;
}

.logo img {
  width: 100%;
}

.topNav .buttonM.bDefault {
  margin-right: 5px;
}

.formRow {
  padding: 19px 10px;
}

#sidebar {
  background: none;
  width: 100%;
  border: none;
  min-height: 0;
  display: none;
  margin: 0;
  z-index: 10000;
}

#sidebar .mainNav {
  background: #e9e9e9;
  padding: 12px 12px 0 12px;
  margin: 0 auto;
  width: 80%;
  float: none;
  position: relative;
  top: -154px;
}

#sidebar ul.userNav {
  margin-right: 0;
}

#sidebar ul.userNav li {
  display: block;
  padding-bottom: 12px;
  margin-left: 0;
}

#sidebar ul.userNav li a {
  text-align: left;
  padding-left: 30px;
}

.altNav {
  margin-left: 0;
}

.secNav {
  display: none;
}

.mainNav {
  float: left;
  width: 100%;
}

.childNav {
  background: none repeat scroll 0 0 #1e1e1e;
  float: left;
  width: 100%;
  padding: 12px 12px 0 12px;
  margin: 0 auto;
  width: 80%;
  float: none;
  position: relative;
  top: -154px;
}

.nav {
  margin-top: 0;
  display: none;
}

.nav li {
  display: inline-block;
}

.nav li a {
  padding: 14px;
}

.nav li a span {
  display: none;
}

.nav li ul {
  top: 53px;
  padding: 0;
  right: 0;
  left: 0;
}

.nav li ul li {
  display: block;
}

#content {
  margin: 0 !important;
  width: 98%;
  padding-top: 25px;
  float: left;
  position: inherit;
}

.formRow,
.formRow.fullrow {
  width: 93%;
}

.breadLine {
  text-align: center;
  padding-right: 0px;
  margin-top: 52px;
  background-repeat: repeat;
  height: auto;
}

.middleNavA li,
.middleFree li {
  width: 110px;
}

.middleNavA li a,
.middleFree li a {
  white-space: normal;
}

.errorWrapper {
  top: 70px;
  margin-top: 0;
}

.errorWrapper .errorNum {
  font-size: 100px;
  padding: 0;
  margin: 60px 0 20px 0;
}

.errorContent {
  width: 280px;
  margin-top: 60px;
  padding-bottom: 25px;
}

.searchLine {
  margin-top: 20px;
}

.checker,
.radio {
  clear: both;
}

.hideTablet {
  display: none;
}

.contentTop {
  margin: 0;
  padding: 0 20px;
  overflow: hidden;
  clear: both;
}

.pageTitle {
  margin-right: 0;
}

.mesControls > span {
  display: none;
}

.iButton,
.iTop {
  display: block;
}

ul.userNav {
  display: none;
}

#sidebar ul.userNav {
  display: block;
  margin: 0;
  float: none;
}

#sidebar ul.userNav li:first-child {
  margin-left: 0;
}

.leftUser {
  display: none !important;
}

.user {
  padding: 16px 14px;
  text-align: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
  float: left;
  width: auto;
  border: none;
}

.user > span {
  display: none;
}

.userSearch {
  display: block;
}

.under .widget [class*="grid"] {
  width: 100%;
  margin: 5px 0;
}

.formRow [class*="grid"]:first-child label {
  float: none;
  display: inline-block;
  margin-top: -8px;
  margin-bottom: 0px;
  padding: 0;
}

.formRow [class*="grid"] label {
  float: left;
}

.ibutton-container label {
  float: none !important;
}

.wrapper {
  margin: 0 0px;
}

.quickStats,
.topSearch {
  display: none;
}

.logo {
  margin-left: 0;
}

.topNav {
  margin-right: 0;
}

/* Responsive tables */

.tDefault {
  display: block;
  position: relative;
  width: 100%;
}

.tDefault thead tr td,
.tDefault tbody tr td {
  border-top: 1px solid #dfdfdf;
}

.tDefault thead {
  display: block;
  float: left;
}

.tDefault thead tr {
  border-right: 1px solid #dfdfdf;
}

.tDefault thead td {
  box-shadow: none;
  border: none;
  padding: 7px 11px;
}

.tDefault tbody {
  display: block;
  width: auto;
  position: relative;
  overflow-x: auto;
  overflow-y: scroll;
  white-space: nowrap;
}

.tDefault tbody tr td {
  border-left: none;
  min-width: 80px;
}

.tDefault tbody td:first-child {
  border-top: none;
}

.tDefault tbody tr {
  border-top: none;
}

.tDefault thead td:first-child {
  border-left: none;
  border-top: none;
}

.tDefault thead tr {
  display: block;
}

.tDefault td {
  display: block;
}

.tDefault tbody tr {
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  border-right: 1px solid #dfdfdf;
}

.tDefault tbody tr:first-child {
  margin-left: 0;
}

.tDefault td {
  display: block;
}

.checkAll thead tr td:first-child,
.checkAll tbody tr td:first-child {
  padding: 7px 11px;
}

.checkAll tbody tr td {
  min-width: 80px;
}

.checkAll thead td:first-child > img {
  vertical-align: middle;
  padding-top: 4px;
  padding-bottom: 2px;
}

.dataTable {
  display: block;
  position: relative;
  width: 100%;
}

.dataTable thead tr th,
.dataTable tbody tr td {
  border-top: 1px solid #dfdfdf;
  display: block;
}

.dataTable thead {
  display: block;
  float: left;
}

.dataTable thead tr {
  border-right: none;
}

.dataTable thead th {
  box-shadow: none !important;
  border-left: none !important;
  padding: 7px 11px !important;
}

.dataTable tbody {
  display: block;
  width: auto;
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
}

.dataTable tbody tr td {
  border-left: none;
}

.dataTable tbody td:first-child {
  border-top: none;
}

.dataTable tbody tr {
  border-top: none;
  border-left: 1px solid #dfdfdf;
}

.dataTable tbody tr:first-child {
  border-left: none;
}

.dataTable thead th:first-child {
  border-left: none;
  border-top: none;
}

.dataTable thead tr {
  display: block;
  border-right: 1px solid #dfdfdf;
}

.dataTable td {
  display: block;
}

.dataTable tbody tr {
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid #dfdfdf;
}

.dataTable tbody tr:first-child {
  margin-left: 0;
}

.dataTable td {
  display: block;
}

.sorting,
.sorting_asc,
.sorting_desc {
  background-image: none;
}

.dataTables_filter label > span,
.showentries {
  display: none;
}

.dataTables_filter input[type="text"] {
  margin-left: 0;
  width: 130px;
  margin-top: -1px;
}

.dataTables_info {
  display: none;
}

.dataTables_paginate {
  float: none;
}

.dataTables_paginate .previous,
.dataTables_paginate .next {
  display: none;
}

.fg-toolbar {
  text-align: center;
}

table.dataTable tbody tr td {
  border-left: none;
}

.tLight {
  display: block;
  position: relative;
  width: 100%;
}

.tLight thead tr td,
.tLight tbody tr td {
  border-top: 1px solid #dfdfdf;
}

.tLight thead {
  display: block;
  float: left;
}

.tLight thead tr {
  border-right: 1px solid #dfdfdf;
}

.tLight thead td {
  box-shadow: none;
  border: none;
  padding: 9px 16px;
}

.tLight tbody {
  display: block;
  width: auto;
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
}

.tLight tbody tr td {
  border-left: none;
  min-width: 80px;
}

.tLight tbody td:first-child {
  border-top: none;
}

.tLight tbody tr {
  border-top: none;
}

.tLight thead td:first-child {
  border-left: none;
  border-top: none;
}

.tLight thead tr {
  display: block;
}

.tLight td {
  display: block;
}

.tLight tbody tr {
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  border-right: 1px solid #dfdfdf;
}

.tLight tbody tr:first-child {
  margin-left: 0;
}

.tLight td {
  display: block;
}

.tDark {
  display: block;
  position: relative;
  width: 100%;
}

.tDark thead tr td,
.tDark tbody tr td {
  border-top: 1px solid #dfdfdf;
}

.tDark thead {
  display: block;
  float: left;
}

.tDark thead tr {
  border-right: 1px solid #dfdfdf;
}

.tDark thead td {
  box-shadow: none;
  border: none;
  padding: 9px 16px;
}

.tDark tbody {
  display: block;
  width: auto;
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
}

.tDark tbody tr td {
  border-left: none;
  min-width: 80px;
}

.tDark tbody td:first-child {
  border-top: none;
}

.tDark tbody tr {
  border-top: none;
}

.tDark thead td:first-child {
  border-left: none;
  border-top: none;
}

.tDark thead tr {
  display: block;
}

.tDark td {
  display: block;
}

.tDark tbody tr {
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  border-right: 1px solid #dfdfdf;
}

.tDark tbody tr:first-child {
  margin-left: 0;
}

.tDark td {
  display: block;
}

.tAlt {
  display: block;
  position: relative;
  width: 100%;
}

.tAlt thead tr td,
.tAlt tbody tr td {
  border-top: 1px solid #dfdfdf;
}

.tAlt thead {
  display: none;
}

.tAlt thead tr {
  border-right: 1px solid #dfdfdf;
}

.tAlt thead td {
  box-shadow: none;
  border: none;
  padding: 7px 11px;
  text-align: center;
}

.tAlt tbody {
  display: block;
  width: auto;
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
}

.tAlt tbody tr td {
  border-left: none;
  text-align: center;
  box-shadow: none;
  white-space: normal;
  border-bottom: none;
}

.tAlt tbody td:first-child {
  border-top: none;
}

.tAlt tbody tr {
  border-top: none;
}

.tAlt thead td:first-child {
  border-left: none;
  border-top: none;
}

.tAlt thead tr {
  display: block;
}

.tAlt td {
  display: block;
}

.tAlt tbody tr {
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  border-right: 1px solid #dfdfdf;
}

.tAlt tbody tr:first-child {
  margin-left: 0;
}

.tAlt td {
  display: block;
}

.tMedia thead {
  display: none;
}

.tMedia tbody tr td:first-child {
  width: auto;
}

.tMedia tbody tr {
  border-top: 1px solid #ddd;
}

.tMedia tfoot tr td {
  text-align: center;
}

.itemActions,
.tPages {
  float: none;
  display: inline-block;
}

.tMedia tfoot tr {
  border-top: none;
}

.tToolbar li a,
.tbar li a {
  text-indent: -9999px;
  width: 14px;
}

.tToolbar li a span,
.tbar li a span {
  text-indent: 0px;
  margin-right: 0;
}

.tbar,
.tbar li {
  height: 34px;
}

.ui-dialog {
  max-width: 280px;
}

.wInvoice li h4 {
  font-size: 16px;
}

.mytasks thead {
  display: none;
}

.mytasks tbody tr td:first-child {
  height: 8px;
}

.taskPending {
  margin-top: 1px;
}

table .dropdown-menu.pull-right {
  right: auto;
  left: 0;
}

.plupload_filelist_footer .plupload_file_action,
.plupload_filelist_footer .plupload_file_status,
.plupload_filelist_footer .plupload_file_size {
  display: none;
}

.step h1 {
  display: none;
}

.leftBox,
.rightBox {
  width: 100%;
  float: none;
}

.dualControl {
  width: auto;
  margin: 20px 0;
  position: static;
  left: 0;
}

.countLabel {
  text-align: center;
}

.elfinder .elfinder-navbar {
  width: 130px;
}

.loginWrapper {
  top: 100px;
  margin-top: 0;
}

.logControl {
  padding-bottom: 50px;
}
}

/*Edited by Nagamani For Tree Menu*/
/* Menu container */

.formRow .grid9.check.tree_check {
background: none repeat scroll 0 0 #e8e8e8;
height: 280px;
overflow-y: scroll;
padding: 0 15px;
border-radius: 5px 5px 5px 5px;
}

.checkbox_tree {
margin: 15px 0;
padding: 10px 0 10px 10px;
background: #f3f3f3;
}

/* Menu styles */
.checkbox_tree ul {
margin: 0px;
padding: 0px;
text-decoration: none;
}

.checkbox_tree li {
margin: 0px 0px 0px 5px;
padding: 0px;
list-style-type: none;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
}

/* Submenu styles */
.checkbox_tree ul ul {
background-color: #f6f6f6;
}

.checkbox_tree li li {
margin: 0px 0px 0px 16px;
}

/* Symbol styles */
.checkbox_tree .symbol-item,
.checkbox_tree .symbol-open,
.checkbox_tree .symbol-close {
float: left;
width: 16px;
height: 1.1em;
background-position: left center;
background-repeat: no-repeat;
}

.checkbox_tree .symbol-close {
background-image: url(icons/plus.png);
cursor: pointer;
background-position: 0 5px;
}

.checkbox_tree .symbol-open {
background-image: url(icons/minus.png);
cursor: pointer;
background-position: 0 5px;
}

.leads_date input[type="text"] {
width: 38%;
}

.tipN {
float: left;
}

/*Edited by Nagamani For Tree Menu*/
.error_list p {
border: 1px solid #f00;
background-color: rgba(255, 0, 0, 0.1);
margin: 2px 0px;
padding: 0;
}

#radio_list {
margin: 5px 0px;
border: 1px solid #ccc;
}

#radio_list thead tr th {
padding: 10px 0px;
}

#radio_list tbody tr:nth-child(even) {
background: #eee;
}

#radio_list tbody td {
padding: 5px 0px;
vertical-align: middle;
}

#radio_list tbody tr {
border-bottom: 1px solid #aaa;
}

.myPagination span {
margin: 0px 5px;
border: 1px solid #ccc;
background: #eee;
font-weight: bold;
padding: 0px 5px;
display: inline-block;
}

.myPagination a {
margin: 0px 5px;
border: 1px solid #ccc;
background: #eee;
font-weight: bold;
padding: 0px 5px;
display: inline-block;
}

/*Dashboard Style Start Here - Senthil Kumar*/
/* Site Map CSS Start Here */

#uniform-country_list {
float: right;
margin: 10px 10px 0px;
}

a.sitemap-hd {
font-size: 13px;
font-weight: bold;
text-decoration: none;
line-height: 20px;
}

a:hover.sitemap-hd {
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

ul.sitemap {
margin: 10px 0px;
}

ul.sitemap li {
list-style-type: none;
margin-bottom: 6px;
background: url(icons/arrow-sitemap.gif) no-repeat 0 5px;
padding-left: 12px;
line-height: 15px;
}

ul.sitemap li a {
text-decoration: none;
color: #333333;
}

ul.sitemap li a:hover {
text-decoration: none;
color: #3853b0;
}

.sitemap-bg {
width: 17%;
margin-right: 8px;
float: left;
background: #efefef;
min-height: 250px;
padding: 10px;
border-bottom: 1px solid #b3b3b3;
border-right: 1px solid #ccc;
}

.sitemap-left {
width: 95%;
float: left;
}

.sitemap-right {
width: 30%;
margin: 25px;
}

.sitemap-box {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: solid 1px #dfdfdf;
padding: 5px 10px;
width: 29%;
float: left;
margin-right: 7px;
margin-bottom: 10px;
background: url(../images/sitemap-gradient.gif) repeat-x 0 0 #fff;
min-height: 181px;
}

.sitemap-box1 {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: solid 1px #dfdfdf;
padding: 5px 10px;
width: 29%;
float: left;
margin-right: 7px;
margin-bottom: 10px;
/*background: url(https://s3.amazonaws.com/cdn.emisoras.com/admin/images/sitemap-gradient.gif) repeat-x 0 0 #fff; */
min-height: 181px;
background-color: #f39c12 !important;
}

.sitemap-box1 h2 {
color: #f9f9f9;
}

.sitemap-box2 {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: solid 1px #dfdfdf;
padding: 5px 10px;
width: 29%;
float: left;
margin-right: 7px;
margin-bottom: 10px;
/*background: url(https://s3.amazonaws.com/cdn.emisoras.com/admin/images/sitemap-gradient.gif) repeat-x 0 0 #fff; */
min-height: 181px;
background-color: #f56954 !important;
}

.sitemap-box2 h2 {
color: #f9f9f9;
}

.home {
background: url(icons/home-icon.gif) no-repeat;
width: 71px;
height: 60px;
float: right;
margin: 7px 0px 0 3px;
}

.users {
background: url(icons/user-icon.gif) no-repeat;
width: 71px;
height: 60px;
float: right;
margin: 7px 0px 0 3px;
}

.tools {
background: url(icons/tools-icon.gif) no-repeat;
width: 71px;
height: 60px;
float: right;
margin: 7px 0px 0 3px;
}

.settings {
background: url(icons/setting-icon.gif) no-repeat;
width: 71px;
height: 60px;
float: right;
margin: 7px 0px 0 3px;
}

.utility {
background: url(icons/utility-icon.gif) no-repeat;
width: 71px;
height: 78px;
float: right;
margin: 7px 0px 0 3px;
}

.logout {
background: url(icons/logout-icon.gif) no-repeat;
width: 71px;
height: 78px;
float: right;
margin: 7px 0px 0 3px;
}

h2 {
font-size: 15px;
font-weight: bold;
color: #000;
margin-bottom: 10px;
}

h4 {
font-size: 14px;
font-weight: bold;
color: #3853b0;
margin-bottom: 10px;
}

.sitemap-right-content {
width: 100%;
float: right;
background: #dae1fa;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: dashed 1px #a4a4a4;
padding: 10px;
}

.login-details label {
width: 130px;
float: left;
line-height: 25px;
}

.lineheight-sitemap {
line-height: 25px;
}

.lineheight-sitemap a {
color: #333333;
text-decoration: underline;
outline: none;
}

.lineheight-sitemap a:hover {
color: #212121;
text-decoration: none;
outline: none;
}

hr {
color: #c9d5d5;
background: #c9d5d5;
height: 1px;
border: none;
}

/* Site Map CSS End Here */
/* loader image */
#loading {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
display: block;
opacity: 0.7;
background-color: #fff;
z-index: 99;
text-align: center;
}

#loading-image {
position: absolute;
top: 20%;
left: 40%;
z-index: 100;
}

.addremove {
float: left;
margin-top: 12px;
}

.formRow.newformrow {
width: 24%;
}

.newrow {
float: left;
width: 100%;
}

.newrow .grid3 {
width: 16%;
}

/* loader image end here */

.grouphead {
font-size: 14px;
background: none repeat scroll 0% 0% rgb(221, 221, 221);
font-weight: bold;
padding: 5px 10px;
margin: 0px 10px;
}

.groupcon {
border: 1px solid rgb(215, 215, 215);
margin: 0px 10px 20px;
background-color: rgb(240, 240, 240);
}

.headerbar.selected span {
background: url("../images/uparrow.png") no-repeat scroll right 0 transparent;
display: block;
margin-right: 10px;
width: 100%;
padding: 4px;
border-bottom: 1px dotted #cccccc;
}

.headerbar span {
/*background: url("../images/dwarrow.png") no-repeat scroll right 0 transparent;*/
display: block;
margin-right: 10px;
width: 100%;
padding: 4px;
border-bottom: 1px dotted #cccccc;
}

.submenu li {
border-bottom: 1px dotted #cccccc;
margin: 10px;
padding-bottom: 10px;
}

.submenu ul {
list-style: none outside none;
margin: 20px;
padding: 0;
}

.sidebar-icon-image {
background-image: url("../images/icons/usernav/sidebar.png");
}

.department {
background: #ddd;
width: 85%;
display: inline-block;
}

.department ul {
float: left;
width: 20%;
}

.department ul li {
padding: 4px;
}

.departmentx {
background: #ddd;
width: 96%;
display: inline-block;
padding: 2%;
margin: 0;
}

.departmentx ul {
float: left;
width: 100%;
}

.departmentx ul li {
padding: 4px;
display: inline-block;
vertical-align: top;
width: 15%;
}

.departments {
background: #eee;
width: 100%;
display: inline-block;
}

.departments ul {
background-color: #f6f6f6;
float: left;
margin: 0.5%;
padding: 0.5%;
width: 18%;
}

.departments ul li {
padding: 4px;
}

.availability {
background: #ddd;
width: 100%;
display: inline-block;
position: absolute;
z-index: 1;
top: 36px;
right: -120px;
}

.availability ul {
float: left;
width: 20%;
}

.availability ul li {
padding: 5px;
}

.availability ul li:first-child {
background: #ccc;
}

.rtbutton img {
margin-right: 5px;
vertical-align: middle;
height: 20px;
width: 20px;
}

#links {
background-color: #f0f0f0;
}

#links span {
border-left: 1px solid #cccccc;
color: #3c8dbc;
display: inline-block;
padding: 0 20px 0 20px;
}

.newbox label {
display: inline-block;
vertical-align: top;
width: 20%;
}

.newbox textarea {
vertical-align: middle;
width: 20%;
}

.newbox a {
background: none repeat scroll 0 0 #cccccc;
border-radius: 20px 20px 20px 20px;
margin-top: -15px;
padding: 8px;
}

.newbox img {
vertical-align: middle;
}

#newsave {
padding-bottom: 50px;
display: inline-block;
position: relative;
padding-top: 10px;
}

#newsave #radio_save {
position: absolute;
bottom: 0;
left: 0;
}

.newboxs label {
display: inline-block;
vertical-align: top;
width: 20%;
}

.newboxs textarea {
vertical-align: middle;
width: 20%;
}

.newboxs a {
background: none repeat scroll 0 0 #cccccc;
border-radius: 20px 20px 20px 20px;
margin-top: -15px;
padding: 8px;
}

.newboxs img {
vertical-align: middle;
}

#links {
padding: 10px;
}

#links span {
color: #3c8dbc;
}

.sames {
background: #ddd;
margin-bottom: 20px;
}

.sames h2 {
background: #ccc;
padding: 8px;
}

#inner {
padding: 10px;
}

.department {
margin: 0 2%;
}

.grid9.newprice {
color: #2b6893;
padding: 0;
}

/*priya29.7.16*/
.nav li a {
color: #515151;
}

.nav > li > a:hover {
background: #dc4713 none repeat scroll 0 0 !important;
}

.nav li ul {
left: 0 !important;
padding-left: 0 !important;
position: absolute !important;
top: 35px;
min-width: 0;
width: 115px;
left: 0;
display: none;
padding: 0;
background: #ddd;
}

.nav li ul li {
background: none;
display: block;
}

.nav li ul li a {
padding: 5px 11px;
text-transform: capitalize;
}

.nav li ul li {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
display: block;
float: none;
/* padding: 5px 11px; */
}

.logo > img {
height: auto !important;
max-width: 200px;
width: 100% !important;
}

.loginWrapper img {
height: auto;
width: 100%;
max-width: 300px;
}

p.lg-head {
display: inline-block;
width: 100%;
text-align: left;
padding: 0 0 5px;
}

.user-wrap {
display: flex; /* ADDED on 04-09-24 */
width: 100%;
}

.user-wrap label {
background: #5d264f none repeat scroll 0 0;
border-bottom: 1px solid #333333;
color: #ffffff;
display: inline-block;
padding: 4px 10px 4px 0;
text-align: right;
width: 130px;
}

.user-wrap input[type="text"],
.user-wrap input[type="password"] {
border: 1px solid #333333;
box-shadow: 1px 1px 1px #cccccc;
float: left;
margin-top: 0;
max-width: 185px;
width: 100%;
}

.logControl input[type="submit"] {
width: 100%;
}

.nav li:hover ul {
display: block;
position: absolute;
top: 32px;
width: 170px;
}

.contentTop {
float: none;
margin: 0 auto;
max-width: 960px;
padding: 0 0 20px 30px;
width: 100%;
}

/* changed by chinnapparaj 03.09.2024 */
#top .wrapper {
display: flex;
align-items: center;
margin: 0 auto;
max-width: 960px;
padding-top: 10px;
padding-bottom: 10px;
gap: 9.5%;
}

/* changed by chinnapparaj 03.09.2024 */

.wrapper {
margin: 0 auto;
max-width: 94%;
padding: 0px;
width: 100%;
}

.formRow > .grid9 > select {
border: 1px solid #333333;
height: 32px;
width: 100%;
}

select[multiple="multiple"] {
height: 82px !important;
}

.multiple_hg_select {
height: 72px;
}

textarea {
resize: none;
}

.datepicker {
width: 270px !important;
}

.formRow.fullrow {
display: inline-block;
padding: 10px 0;
text-align: center;
width: 55.4%;
}

.wrapper .bread-crumb {
display: inline-block;
padding: 10px 0 20px 50px;
}

#content.home-sec {
background: #ffffff none repeat scroll 0 0;
display: block;
float: none;
margin: 0 auto !important;
max-width: 960px;
padding: 20px !important;
text-align: center;
width: 100% !important;
}

.home-sec .sitemap-right {
margin: 20px auto;
width: 35%;
}

.dataTables_wrapper {
overflow: auto;
}

.new {
width: 100%;
overflow: auto;
}

.table-sec td h6 {
font-size: 13px !important;
white-space: nowrap;
padding-right: 10px;
}

.table-sec .noBorderB a {
border: medium none;
display: inline-block;
}

.btn-center {
display: inline-block;
width: 100%;
text-align: center;
padding: 15px 0;
}

.formRow [class*="grid"] > label.error {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #ff0000;
margin: 0;
padding: 0;
}

label.error1 {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: medium none !important;
color: #ff0000 !important;
padding: 0 !important;
width: 100% !important;
}

.nav li a.active span {
color: #fff;
}

.nav > li > a.active {
background: #dc4713;
}

.error p {
background-color: #ffb149 !important;
color: #000 !important;
}

.formRow .grid9 {
line-height: 32px;
}

.fullview .formRow .grid9 {
text-indent: 8px;
}

.table-sec1 table.dataTable td {
padding: 7px 38px;
}

.newbtn {
text-align: left;
margin-left: 15px;
}

.table-sec table.viewuser {
display: table;
}

.table-sec table.viewuser td {
width: 25%;
}

.unit_sec {
background: gray;
padding: 0px;
color: #fff;
float: right;
min-width: 38px;
text-align: center;
}

.nav li ul li.active {
background: #dc4713;
}

.nav li ul li.active a {
color: #fff;
}

table#append_search thead th {
color: #000;
}

.text-s-lbl label {
min-height: 90px;
}

/*css for syed*/
textarea {
height: 100px;
}

select[multiple="multiple"] {
height: 100px !important;
}

/*css for syed*/
.multidrop_hg {
height: 90px;
}

.textarea_hg {
height: 90px;
}
/*  commented by chinnapparaj */
/* p.btn-center a.buttonM.bBlue {
position: absolute;
top: 4px;
right: 10px;
} */
/*  commented by chinnapparaj */

.unit_sec {
background: gray;
padding: 0px;
color: #fff;
float: right;
text-align: center;
max-width: 78px;
width: 100%;
position: absolute;
}

.grid9.units input {
width: 71%;
flex: 1;
}

.unit_sec {
width: 100%;
max-width: 78px;
border: 1px solid;
}

.fullview.remove-line .formRow .grid9 {
text-indent: inherit;
}

.chosen-choices {
min-height: 100px;
}

.chosen-container {
min-height: 100px;
}

body.ger_lang .mainNav {
width: 77.9% !important;
margin: 9px 0px;
padding: 0px;
max-width: 100%;
}

body.ger_lang .mainNav li a {
font-size: 11px;
padding: 8px 15px;
}

body.ger_lang .nav li ul li a {
padding: 0px !important;
}

body.ger_lang .nav li ul {
top: 38px;
border-top: 1px solid #000;
}

.wrapper .bread-crumb {
padding: 20px 0 15px 0px;
}

#content {
width: 100% !important;
padding: 0 !important;
margin-left: 0 !important;
}

.table-sec table {
overflow: auto;
width: 100%;
}

/* new added 31/07/2024 */
.common_sec {
width: 100%;
display: inline-flex;
}

.string_sec {
width: 50%;
}

.pvmodule_sec {
width: 50%;
}

.formRow input {
border: 1px solid #9e9e9e !important;
}

.formRow textarea {
border: 1px solid #9e9e9e;
}

.table_sec {
padding-right: 20px;
}

.table_sec table#pv_module_table tbody {
position: relative;
}

/*.table_sec table#pv_module_table thead tr th:last-child {
width: 80px;
}*/

.table_sec table#pv_module_table tbody button.add_pvm {
position: absolute;
top: 0;
bottom: 0;
right: 10px;
color: #ffffff;
border: none;
background: #fd8600;
font-weight: 600;
border-radius: 10px;
padding: 10px;
width: 90px;
}

.table_sec table#pv_module_table tbody select {
width: 110px;
}

.displaynone {
display: none;
}

.disabled {
background-color: yellow;
}

/* Added by chinnapparaj 03.09.2024 */
.row:has(#append_search_filter) {
padding: 0 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
div#append_search_wrapper .dataTables_length {
float: unset;
margin-top: 0;
}
div#append_search_wrapper .dataTables_length select {
margin-left: 15px;
}
div#append_search_wrapper .row:has(#append_search_filter) input[type="search"] {
padding: 5px 20px 5px 7px;
margin-left: 15px;
width: 180px;
background: #f9f9f9;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
border: 1px solid #d7d7d7;
}
div#append_search_wrapper .row:has(.dataTables_paginate) {
padding: 16px;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #f8f8f8),
  color-stop(100%, #efefef)
);
display: flex;
justify-content: space-between;
align-items: center;
}

.row.tab-bars-bottom .dataTables_info {
float: unset;
padding: 0;
}

div#append_search_wrapper .row:has(.dataTables_paginate) .dataTables_paginate {
margin-top: 0;
float: unset;
margin-top: 0;
display: flex;
align-items: center;
gap: 10px;
}

div#append_search_wrapper
.row:has(.dataTables_paginate)
a.paginate_button.current {
background: #6f6f6f;
color: #fff;
border-color: #646464;
box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
}

div#append_search_wrapper .row:has(.dataTables_paginate) a.paginate_button {
border: 1px solid #d3d3d3;
border-radius: 3px;
padding: 4px 7px;
background-color: #eaeaea;
color: #91918a;
font-weight: 600;
line-height: 13px;
font-size: 11px;
}

.table-sec td h6 {
color: #000000fa;
}

div#append_search_wrapper .row:has(.dataTables_paginate) .dataTables_info {
padding: 0;
}

form#add_contact label.textarea_hg {
height: 90px;
}

form#add_contact .formRow .grid3:has(.textarea_hg) {
height: 100px;
}

form#add_contact .formRow .grid9:has(textarea) {
height: 100px;
}

.formRow.bottom-btn .buttonM {
padding: 10px 17px;
display: inline-block;
border-radius: 0;
box-shadow: none;
outline: none;
border-color: #9e9e9e;
text-shadow: none;
font-size: 14px;
font-weight: 500;
}

.formRow.bottom-btn input {
width: 100%;
border: 1px solid #9e9e9e;
}

#content .widget {
border-bottom: 0;
}

.bottom-btn .grid9 {
border: 1px solid #9e9e9e;
}

.formRow.bottom-btn .grid9 .buttonM {
border-top: 0;
border-left: 0;
border-bottom: 0;
}

form#add_contact .formRow > .grid9 > select {
border-color: #9e9e9e;
box-shadow: unset;
}

.widget.add-contact-sec {
max-width: 37.5%;
}

.widget.add-contact-sec .formRow .grid9 {
width: 55%;
}

.widget.add-contact-sec .formRow .grid3 {
width: 45%;
}

.dataTables_wrapper #append_search_filter label:before {
content: "\f002";
font-family: "Font Awesome 5 Free";
position: absolute;
top: -5px;
font-weight: 900;
z-index: 999;
right: 10px;
color: #9a979a;
font-size: 10px;
opacity: 1;
transition: opacity 0.3s ease;
}
.dataTables_wrapper
#append_search_filter
label:has(input[type="search"]:focus):before {
opacity: 0;
}
.dataTables_wrapper label {
position: relative;
}
table.dataTable td {
padding: 7px 14px;
}
#append_search_wrapper .row:has(div#append_search_processing) {
overflow: auto;
}
/* Added by chinnapparaj 03.09.2024 */

/* ADDED ON 04-09-24 START */

.action_form .formRow .grid9 {
width: 60%;
display: flex;
flex-flow: row-reverse;
flex-wrap: wrap;
}

.action_form .formRow .grid3 {
width: 40%;
}

.action_form a.buttonM.bBlue.formSubmit {
width: 170px;
border-radius: 0;
border: 1px solid #9e9e9e !important;
text-align: center;
}

.action_form .formRow.fullrow {
padding: 0;
width: 100%;
display: flex;
}

.action_form input.buttonM.bBlue.formSubmit {
/* min-width: 40%; */
border-radius: 0;
margin-left: 0 !important;
text-align: center;
width: 203px;
}

.widget.action_form {
width: 40% !important;
min-width: 500px;
}

.widget .widget {
width: 100% !important;
}

#usualValidate .formRow .grid9 input {
width: -webkit-fill-available;
}


@media screen and (max-width: 767px) {
.loginWrapper {
  min-width: 250px;
  margin-top: 50px;
}
}

/* ADDED ON 04-09-24 END */

/* ADDED ON 05/09/2024 */
.alert.alert-info {
  text-align: center;
  background: #259042;
  color: #ffffff;
  padding: 10px;
}

.swal2-icon.swal2-warning.swal2-icon-show {
  margin: 10px auto 0;
  background: #f1f1f1;
}
/*  commented by chinnapparaj */
/* a.buttonM.bBlue.sync {
  right: 110px !important;
}   */
/*  commented by chinnapparaj */
a.buttonM.bBlue.export {
  right: 265px !important;
}
/* added 10/09/2024 */
.swal2-success-circular-line-right, .swal2-success-fix, .swal2-success-circular-line-left {
  display: none;
}


.swal2-icon.swal2-success.swal2-icon-show {
    margin: 10px auto 0;
}
/* Added by Chinnappar 12.03.2024 */
.pro-string-form .common_sec {
  gap: 40px;
}

.pro-string-form h6 {
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px #fff;
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  display: block;
  padding: 8px 14px 7px 14px;
  font-size: 13px;
  font-weight: bold;
  color: #000;
}

.pro-string-form .widget.fluid {
border: 0;
}

.widget.pro-string-form {
  border-top: 0;
  border-bottom: 0;
}

.pro-string-form .string_sec, .pro-string-form .pvmodule_sec {
  border: 2px solid #cdcdcd;
}

#content .pro-string-form.widget {
  border: 0;
}

.pro-string-form .formRow .grid3 {
  /* width: 35%; commented on 09.01.2025*/ 
  background-color: #9900ff;
  border: 1px solid #9e9e9e;
}

.pro-string-form .formRow .grid9 {
  width: 65%;
  position: relative;
}

.pro-string-form .widget.fluid .formRow .grid9 input {
  border-right: 0  !important;
  border-color: #cdcdcd !important;
}

.pro-string-form .widget.fluid .formRow > .grid9 > select {
  border-color: #cdcdcd !important;
  border-right:0;
}

.pro-string-form .widget.fluid button#add_pv_module, input.pvmodule {
  width: 100%;
  padding: 10px;
  border-color: #ff8700;
  background: #ff8700;
  border-style: unset;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}

.pro-string-form .widget.fluid textarea {
  display: block;
  border-radius: unset;
  border-color: #cdcdcd;
  border-right: 0;
}

.pro-string-form .widget.fluid .pvmodule_dropdown {
  display: block;
  width: 100%;
}

.pro-string-form .widget.fluid .formRow [class*="grid"] > label {
  border: none;
}

.pro-string-form .widget.fluid .notes {
  display: block;
  width: 100%;
}

.pro-string-form .formRow .grid9 input.disabled {
  background-color: #ffff00;
}

.pro-string-form .unit_sec {
  position: absolute;
  top: 0;
  right: 0;
}
.pro-string-form .widget.fluid .formRow.save-cancel-btn input[type="submit"] {
  height: 100%;
  width: 100%;
  margin-left: 0 !important;
  background-color: #ff8700;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-shadow: 0 -1px #6f6f6f;
  font-weight: 500;
  padding: 7px 15px;
  border: none !important;
}

.pro-string-form .formRow .grid9 a {
  display: inline-block;
  background-color: #ff8700;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-shadow: 0 -1px #6f6f6f;
  font-weight: 500;
  padding: 1px 10px;
  text-align: center;
  width:173px;
}

.pro-string-form .pvmodule_sec .table_sec {
  padding-right: 0;
}

.pro-string-form .pvmodule_sec .table_sec input[type="search"] {
  padding: 5px 20px 5px 7px;
  margin-left: 15px;
  width: 180px;
  background: #f9f9f9;
  box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  border: 1px solid #d7d7d7;
}

.pro-string-form .pvmodule_sec table.dataTable thead th {
  background-color: #9900ff;
  color: #fff;
  text-align: justify;
  padding-left: 5px;
}

.pro-string-form .pvmodule_sec .table_sec table#pv_module_table tbody:has(.dataTables_empty) {
  border-bottom: 2px solid #cdcdcd;
}

.pro-string-form .pvmodule_sec div#pv_module_table_paginate {
  float: unset;
  margin-top: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.pro-string-form .pvmodule_sec .row:has(div#pv_module_table_paginate) {
  padding: 3px 10px;
  border-bottom: 2px solid #cdcdcd;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #efefef));
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pro-string-form .pvmodule_sec div#pv_module_table_paginate a {
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  padding: 4px 7px;
  background-color: #eaeaea;
  color: #91918a;
  font-weight: 600;
  line-height: 13px;
  font-size: 11px;
}

.pro-string-form .pvmodule_sec .row:has(#pv_module_table_filter) {
  padding-left: 10px;
  padding-right: 10px;
}

.pro-string-form .pvmodule_sec div#pv_module_table_info {
  font-size: 12px;
}
.action_form .formRow .grid3 label {
  border: none;
}

.action_form .formRow .grid3 {
  border: 1px solid #9e9e9e;
  background: #9900ff;
}

.action_form .formRow > .grid9 > select {
  border: 1px solid #9e9e9e;
}

.action_form .formRow input {
  border: 1px solid #9e9e9e !important;
}

.action_form .formRow .grid9.units.string_drop {
  border: 1px solid #9e9e9e;
}
.dataTables_filter label:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: -5px;
  font-weight: 900;
  z-index: 999;
  right: 10px;
  color: #9a979a;
  font-size: 10px;
  opacity: 1;
  transition: opacity 0.3s ease;
}
/* Added by Chinnappar 12.03.2024 */

/* Added by Chinnappar 17.03.2024 code start */

/* .widget.action_form.pv_site-action {
  width: 57% !important;
} */
.pv_site-action .selectstyle  div#select_style {
  width: unset;
  display: flex;
  border-color: #9e9e9e;
  flex-direction: row-reverse;
  background-color: #00ff00;
}

.pv_site-action .selectstyle.ss_dib.google {
  width: 100% !important;
  display: block;
}

.pv_site-action div#select_style_text {
  width: 94% !important;
  display: flex;
}

.pv_site-action ul#select_style_ul {
  width: 100% !important;
}

.pv_site-action .formRow.unit-row input#project_name {
  width: 80% !important;
  border-right: none !important;
  height: 100%;
}
.pv_site-action .formRow.unit-row .grid9 {
  flex-flow: row;
  flex-wrap: nowrap;
}

.pv_site-action .formRow.unit-row .unit_sec {
  position: relative;
  display: block;
  width: 20%;
  max-width: unset;
}

.pv_site-action .formRow.unit-row button#import_project_name {
  display: block;
  height: 100%;
  padding: 5px;
  background-color: #00ff00;
  border-color: #00ff00;
  border-style: solid;
}

.pv_site-action ul#select_style_ul ul.ss_ul {
  width: unset !important;
}
/* Added by Chinnappar 21.09.2024 code start */
.pro-string-form .select2-container {
  width: 100%;
  display: block;
  height: 100%;
}

.pro-string-form .select2-container--default .select2-selection--single {
  height: 100%;
  border: none;
}

.pro-string-form .select2-container {
  width: auto  !important;
}
.table_sec table#pv_module_table thead tr th:last-child {
display: block;
}
/* Added by Chinnappar 21.09.2024 code end */

table#pv_module_table {
  table-layout: fixed;
  border-bottom: 1px solid #cdcdcd;
}
table#pv_module_table tbody tr td input#name {
  width: 100%;
}

table#pv_module_table td {
  padding: 7px;
}

.table_sec table#pv_module_table tbody button.add_pvm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.formRow input.read_only {
  background-color: #eeff41;
}
/* Added by chinnapparaj 26.10.2024 */
p.btn-center:has(.buttonM) {
  display: flex;
  position: absolute;
  top: 4px;
  padding-top: 0;
  right: 0;
  justify-content: end;
  gap: 10px;
  padding-bottom: 0;
  padding-right: 14px;
  width: auto;
}

p.btn-center:has(.buttonM) a.buttonM.bBlue {
  position: relative;
  right: 0;
}
/* Added by chinnapparaj 26.10.2024 */
.displaynone {
display: none;
}
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown content */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 200px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  padding: 12px;
  z-index: 1;
}

/* Show dropdown content on hover or click */
.dropdown:hover .dropdown-content,
.dropdown.active .dropdown-content {
  display: block;
}

/* Style for each option */
.dropdown-content label {
  display: block;
  padding: 4px 0;
}
/* Added on 19.11.2024 */
.action_form .grid9.units.pvmodule_drop button {  
  height: 100%;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  border-radius: 0;
  text-align: justify;
  border: 1px solid #aaaaaa;
}

.action_form .check_dropdown .dropdown-content {
  max-height:322px;
  overflow: auto;
  width: 100%;
  padding: 0;
  min-width: 100%;
  left: 0;
}
.action_form .check_dropdown .dropdown-content input.string_list {
  width: auto;
  margin-right: 5px;
  flex: unset;
}

.action_form div.string, .action_form div.pvmodule {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.action_form .select2-container .select2-selection--single {
  height: 100%;
  border-radius: 0;
}

.action_form .check_dropdown {
  width: 100%;
  position: relative;
}

.action_form .grid9.units.pvmodule_drop button:active {
  border-style: unset;
  border: 1px solid #aaaaaa;
}

.action_form .grid9.units input.pvmodule_list {
  width: auto;
  margin-right: 5px;
  flex: unset;
}

.action_form div.pvmodule {
  padding-left: 35px;
  background-color: #9900ff6e;
}

.action_form div.string {
  background-color: #9900ff59;
  padding: 0 12px;
  border-bottom: 1px solid #aaaaaa;
}

.action_form .grid9.units.pvmodule_drop button:after {
  content: "";
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  right: 6px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.action_form div.string:hover, div.pvmodule:hover {
  background-color: #9900ffa3;
  cursor: pointer;
}

.check_dropdown.active .dropdown-content {
  display: block;
}

.action_form .grid9.units.pvmodule_drop .check_dropdown.active button::after {
  transform: rotate(180deg);
}
.action_form span.select2.select2-container.select2-container--default {
  width: 100% !important;
}
/* Added on 19.11.2024 */
/* Added on 09.01.2025 */
/* cockpit action page */
.action_form div .cockpit_string {
  padding: 0;
  align-items: unset;
}
.action_form .cockpit_form .formRow .grid3 {
  width: 46%;
}

.action_form .cockpit_form .formRow .grid9 {
  width: 54%;
}

.action_form .cockpit_form .pvsite_inputs {
  width: 77%;
}
/* cockpit action page */
/* pv page action page */
.action_sec.pv-butt-grid {
  display: flex;
  max-width: 70%;
}

.action_sec.pv-butt-grid button {
  padding: 3px;
}
.widget.action_form .formRow.botom-btn-sec input{
  flex:unset;
}
.pvmodule_sec.new_location_form, .pvmodule_sec.new_contact_form {
  width: 40% !important;
  min-width: 505px;
}

.pvmodule_sec .chosen-container.chosen-container-multi {
  width: 100% !important;
}
.pro-string-form .formRow .grid3 {
    width: 35%;
}

.pro-string-form .string_sec {
    width: 40%;
}
/* .pro-string-form .string_sec {
  width: 100%;
} */
/* pv page action page */
/* String page */
.pro-string-form .formRow.save-cancel-btn .grid9 {
    justify-content:start;
}
/* String page */