/* basics */

/* reset */
* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

/* standard body */
body {
margin: 0 auto;
/*width: 1024px;*/
/*min-width: 1024px;*/
min-width: 1140px;
font: 14px/20px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
/*background: #ffffff url('Images/bg.png');*/
}

/* standard alignments */
.alignleft {
float: left;
}

img.alignleft {
margin: 5px 10px 0 0; 
}

.alignright {
float: right;
}

img.alignright {
margin: 5px 0 0 10px; 
}

.center {
text-align: center;
}

.nofloat {
    width: 1px;
    height:1px;
    background:none;
    clear:both;
    margin:0;
    padding:0;
}


/* Hx tags */

h1 {
    font-size: 1.5em;
    /*font-family: Garamond, Georgia, Times, "Times New Roman", serif;*/
    padding: 10px 0;
    /*margin-left: 24px;*/
}

h2 {
    font-size: 1.2em;
    padding: 10px 0;
    /*margin-left: 32px;*/
}

h2.header-description {
    font-size: 1.2em;
    padding: 0 0 10px;
    /*margin-left: 32px;*/
}

p.header-label {
    font-size: 0.85em;
    color: #7c8ba7;
    margin-bottom: 3px; 
    padding-bottom: 0px;
}


h2 a {
color: #213458;
}

h2 a:hover {
color: #000;
}

h3 {
font-size: 14px;
font-weight: bold;
color: #213458;
padding-bottom: 3px;
border-bottom: #213458 1px solid;
margin-bottom: 10px;
}

h4 {
font-size: 14px;
font-weight: bold;
color: #213458;
padding-bottom: 3px;
margin-bottom: 10px;
}

p {
    padding-bottom: 12px;
}

/* header */

header {
	/*margin-top: 10px;*/
	/*background: #cccccc;*/ /*gray1*/
	height: 80px; /* for IE */
	min-height: 80px; /* for not-IE */
	/*min-width: 1024px;*/ /* for not-IE */
	/*-webkit-box-shadow: 3px 3px 7px #777;*/
	/*-moz-box-shadow: 3px 3px 7px #777;*/
}

header h1 {
    /*position: relative;*/
    /*z-index: 9999;*/
    /*width: 940px;*/
    /*float:left;*/
}

header h1 {
    font-size: 22px;
    /*padding-left: 12px;*/
    padding-right: 12px;
    padding-top: 30px;
    text-align: right;
    /*color: #213458;*/
}

header h1 a {
    color: #888080; /*Gray3*/
    text-decoration: none;
}

header h1 a:hover {
    text-decoration: underline;
}

header p.productVersion {
    color: #888080; /*Gray3*/
    font-size: 12px;
    text-align: right;
    padding-right: 12px;
}

/* nav */
nav {
    background: #c25e00; /*Orange2*/
    color: #ffffff; /*Gray3*/
    margin: 0 auto;
    /*width: 794px;*/
    width: 85%;
    /*min-width: 970px;*/ /* for not-IE */
    /*min-width: 1024px;*/ /* for not-IE */
    /*display: block;*/
    float: left;
    /*-webkit-box-shadow: 3px 3px 7px #777;*/
    /*-moz-box-shadow: 3px 3px 7px #777;*/
}

nav .menu {
    font-size: 14px;
    font-weight: bold;
    /*margin-left: 12px;*/
    margin-left: 6px;
}

nav .menu ul {
    list-style: none;
    margin: 0;
}

nav .menu li {
    float: left;
    position: relative;
    z-index: 800; /*--------------------------------------------------------*/
}

nav .menu a
{
    display: block;
    text-decoration: none;
    color: #ffffff; /*Gray3*/
    padding: 0 30px 0 6px;
    line-height: 34px;
}

nav .menu a:hover {
    color: #d96200; /*Gray3*/
}

/* nav 1-level dropdowns */
nav .menu li ul { 
    display: none; 
}

nav .menu ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff; /*Gray3*/
    background: #c25e00; /*Orange2*/
    margin-left: 1px;
    white-space: nowrap;
}

nav .menu ul li img {
	vertical-align: middle;
	float:left;
	margin-top: 6px;
	margin-left: 2px;
}

nav .menu ul li a:hover { 
    background: #d96200; /*gray1*/
    color: #ffffff; 
}

nav .menu li:hover ul {
    display: block;
    position: absolute;
}

nav .menu li:hover li {
    float: none;
}

nav .menu li:hover a { 
    background: #d96200; /*gray1*/
    color: #ffffff;
}

nav .menu li:hover li a:hover { 
    background: #d96200; /*gray1*/
    text-decoration: underline;
}

/* #c25e00;*/


nav div.menu ul li#menu-item-acceso {
    display: block;
    text-decoration: none;
    color: #ffffff; /*white*/
    /*background: #d96200;*/
    margin-left: 1px;
    white-space: nowrap;
    line-height: 34px;
    padding: 0px 30px 0px 6px;
}

nav div.menu ul li#menu-item-monitoreo a#lnk-item-mon {
    color: #ffffff; /*white*/
    background: #ffa01f; /*orange*/
    /*padding: 0 6px 0 30px;*/
    padding: 0 12px 0 12px;
}

nav div.menu ul li#menu-item-monitoreo a#lnk-item-mon:hover {
    color: #ffffff; /*white*/
    background: #000000; /*black*/
    /*padding: 0 6px 0 30px;*/
    padding: 0 12px 0 12px;
}

/* content and sidebar layout */

#___content___ {
/*float: left; */
/*width: 1024px; */
/*margin: 0 0 10px 0; */
/*padding: 30px 20px 5px 20px;*/
background-color: #ffffff;
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
}

aside {
    /*float: left;*/
    float: right;
    text-align: left; 
    /*width: 230px; */
    width: 15%; 
    margin:0; 
    padding:0;
}

/* article */

article {
float: left;
/*width: 100%;*/
/*width: 620px;*/
/*height: 200px;*/
margin-top: 5px;
margin-bottom: 30px;
margin-left: 10px;
margin-right: 10px;
}

article .thumb {
float: left;
width: 200px;
height: 200px;
/* curved border radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

article .title {
float: right;
width: 400px;
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
color: #213458;
}

article .story {
float: right;
width: 400px;
}

/* sidebar */
aside {
    background-color: #ffffff;
}

aside section {
    margin: 0 0 10px 0;
    padding: 15px;
    background-color: #c25e00; /*Orange2*/
    /*-webkit-box-shadow: 3px 3px 7px #777;*/
    /*-moz-box-shadow: 3px 3px 7px #777;*/
    color: #ffffff;
}

aside section h3 {
    font-size: 14px;
    color: #ffffff;
    padding-bottom: 3px;
    /*border-bottom: #213458 1px solid;*/
    border-bottom: 0px;
    margin-bottom: 0px;
}


aside section ul {
    margin: 0 0 0 20px;
    list-style-image: url(Images/arrow.gif);
    color: #ffffff;
}

aside section ul li a {
    display: block;
    padding: 2px;
    text-decoration: none;
    color: #ffffff;
    margin-left: -8px;
}

aside section ul li a:hover {
    background-color: #a0acc3;
    color: #fff/*#213458;*/
}

aside section#userDataSection {
	/*margin: 0 0 5px 0;*/
	padding: 15px 15px 5px 15px;
	/*height: 50px;*/
}

aside section#userDataSection.notAuthenticated {
	padding: 0;
	height: 34px;
}

aside section#userDataSection p {
	padding-bottom: 3px;
	font-size: 12px;
}

/* footer */
footer {
clear: both;
float: left;
width: 960px;
color: #ffffff; /*white*/
background: #7195a9; /*blue1*/
margin-bottom: 10px;
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
}

footer p {
text-align: right;
font-size: 11px;
padding-right: 20px;
}

footer a {
color: #cccccc;
}

footer a:hover {
color: #F0E7D4;
text-decoration: none;
}

#wrapper {
	background-color: #FFFFFF;
}

#body {
    /*width: 770px;*/
    width: 83%;
    padding: 10px;
    /*min-width: 1024px;*/ /* for not-IE */
    /*display: block;*/
    float: left;
    /*overflow: hidden;*/
}

#main-toolbar {
    float: left;
    padding: 10px;
    width: 83%;
    display: none;
}

div.commands-bar {
    background-color: #F5F5F5;
    font-size: 0.85em;
    padding: 6px;
    border: 1px solid #c25e00;
}

div.commands-bar a {
    font-weight: normal;
    text-decoration: none;
}

div.commands-bar a:hover {
    text-decoration: underline;
}

div.commands-bar a.ui-silk {
    margin-right: 6px;
}


p.commands-bar span {
    text-decoration: underline;
    font-size: 0.85em;
}

p.commands-bar a {
    /*text-decoration: none;*/
    text-decoration: underline;
    font-size: 0.85em;
    color: #551A8B;
}

/*
p.commands-bar a:hover {
    text-decoration: underline;
}
*/

#tabs-recargas div#unidad-selected,
#tabs-lecturas div#unidad-selected {
    font-size: 1em;
    font-weight: bold;
    padding: 6px;
    /*background-color: #72e73e;*/
    background-color: #d4d4d4;
    display: block;
    width: 100%;
}

a.date-range {
    cursor: pointer;
    text-decoration: none;
    /*font-size: 0.85em;*/
    /*font-weight: bold;*/
    color: #551A8B;
}
a.date-range:hover {
    color: #c83838;
}

a.editable-field {
    cursor: pointer;
    text-decoration: none;
    /*font-size: 0.85em;*/
    /*font-weight: bold;*/
    color: #551A8B;
}
a.editable-field:hover {
    color: #c83838;
}

.StatusMonitoreo {
    /*font-size: 1.2em;*/
    vertical-align: middle;
    /*text-align: center;*/

	/*float: right;*/
	margin: 5px 0px;

	width: auto;
	padding: 3px 10px;
}

.StatusMonitoreo-Captura {
	color: #ffffff;
	background: #7e7e7e;
	border: 1px solid #ccc;
}

.StatusMonitoreo-EnEspera {
	color: #000000;
	background: #e6da8b;
	border: 1px solid #ccc;
}

.StatusMonitoreo-EnProceso {
	color: #ffffff;
	background: #ffa01f;
	border: 1px solid #ccc;
}

.StatusMonitoreo-Concluido {
	color: #ffffff;
	background: #399f00;
	border: 1px solid #ccc;
}

.StatusMonitoreo-Cancelada {
	color: #ffffff;
	background: #8b8108;
	border: 1px solid #ccc;
}

.StatusTramo-Concluido {
	color: #ffffff;
	background: #ffa01f;
	border: 1px solid #ccc;
}

.StatusTramo-Actual {
	color: #ffffff;
	background: #399f00;
	border: 1px solid #ccc;
}

.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

hr.section-divisor-1 {
	width: 50%;
	height: 2px;
	border: 0;
	background: -webkit-linear-gradient(left,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(198,0,3,0) 0%,rgba(198,0,3,0.7) 50%,rgba(198,0,3,0) 100%); /* W3C */
}
            
hr.section-divisor-2 {
	width: 50%;
	height: 2px;
	border: 0;
	background: -webkit-linear-gradient(left,  rgba(198,0,3,0.65) 0%,rgba(198,0,3,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(198,0,3,0.65) 0%,rgba(198,0,3,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(198,0,3,0.65) 0%,rgba(198,0,3,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(198,0,3,0.65) 0%,rgba(198,0,3,0) 100%) /* W3C */
}
            
.ruta-title {
    font-size: 0.85em;
    color: #a5a5a5;
    text-transform: uppercase;
}

.ruta-header-source {
    border: 1px solid #ccc;
    font-size: 1.3em;
    margin-left: 0px;
    margin-top: 12px;
    padding: 6px;
}

.ruta-header-source:hover {
    cursor: pointer;
    background-color: #FFCFB9; /*#d8ecb9;*/ 
}

.ruta-details-source {
    border: 1px solid #ccc;
    /*font-size: 0.95em;*/
    margin-left: 18px;
    margin-top: 0px;
    /*padding: 6px;*/
}

.ruta-header-target {
    border: 1px solid #ccc;
    font-size: 1.3em;
    margin-left: 6px;
    margin-top: 12px;
    padding: 6px;
}				

.ruta-details-target {
    border: 1px solid #ccc;
    /*font-size: 0.95em;*/
    margin-left: 18px;
    margin-top: 0px;
    /*padding: 6px;*/
 }

 table.detailsTable {
    font-size: 0.85em;
 }

table.detailsTable td {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 6px;
    padding-left: 6px;
}

table.detailsTable td.display-label {
    background-color: #F5F5F5;
    text-align: right;
    padding-left: 12px;
    width: 120px;
}

table.detailsTable td.editor-field {
    /*width: 100%;*/
    width: auto;
}

table.detailsTable td.display-separator {
    background-color: #F5F5F5;
    padding: 3px 0px 0px 0px;
    width: 16px;
}

table.detailsTable td.row-header {
    padding: 0px 0px 0px 6px; 
}

table.detailsTable td.row-detail {
    padding: 0px 0px 6px 6px;
    color: #7e7e7e;
}

div#div-targets h5 {
    padding: 6px;
    background-color: #F5F5F5;
}

div#div-header-right-panel-header {
    background-color: #d8ecb9;
    border: solid thin #d8ecb9; 
    padding: 6px;
    height: 20px;
}
div#div-header-right-panel-content {
    border: solid thin #d8ecb9; 
    padding: 6px;
    height: 240px;
    overflow: auto;
}

.text-instructions {
    font-size: 0.85em;
    color: #7c8ba7;
}

.text-details {
    color: #7c8ba7;
}

ul.text-instructions {
    font-size: 0.9em;
    color: #000000;
}

ul.text-instructions li {
    list-style-type: square;
    margin-left: 12px;
}

table.text-instructions {
    font-size: 0.9em;
    color: #000000;
}

table.text-instructions td {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
}

tr.details-selected {
    background-color: #d8ecb9;    
}

.current-route {
    /*border: 1px solid #363636;*/
    background: #CCFF66;
    color: #363636;
}

.selected-date-unidad {
	background-color: #ffcf1f;
}

td.selected-date-unidad span.ui-state-default {
    background-color: #ffcf1f;
    background-image: none;
    -ms-opacity: 0.85;
    opacity: 0.85;
}

.selected-date-unidad-locked {
	background-color: #d11f1f;
    color: #ffffff;
}

td.selected-date-unidad-locked span.ui-state-default {
    background-color: #d11f1f;
    background-image: none;
    -ms-opacity: 1;
    opacity: 1;
    color: #ffffff;
}

.selected-date-operador {
	background-color: #7cf8fb;
}

td.selected-date-operador span.ui-state-default {
	background-color: #7cf8fb;
    background-image: none;
    -ms-opacity: 0.85;
    opacity: 0.85;
}

.diferencia-red 
{
    color: red;
}

td.selectable-all {
    background-color: #d8ecb9;
}

/*wiz-step-content*/
div.ui-dialog div.wiz-step-content .dirty header,
#wiz-body-content .dirty header {
    /*border: 1px solid rgba(255, 0, 0, 0.8);*/
    /*box-shadow: 0 0 8px #FF0000;*/
    background-image: url('../Images/icons/63_icons--gray_58.png');
    background-repeat: no-repeat;
    font-weight: bold;
}

.validating-message {
    background-image: url('../Content/Images/loader.gif');
    background-repeat: no-repeat;
    background-position: right;
    font-size: 0.8em;
    text-align: right;
    padding-right: 70px;
}

/* dynatree icons --------------------------------------------- */

span.ui-cselement-buttons span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/ui-buttons.png');
}

span.ui-cselement-check-boxes span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/ui-check-boxes.png');
}

span.ui-cselement-combo-box span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/ui-combo-box-blue.png');
}

span.ui-cselement-group-box span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/ui-group-box.png');
}

span.ui-cselement-radio-buttons span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/ui-radio-buttons.png');
}

span.ui-cselement-text-field span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/ui-text-field.png');
}

span.ui-cselement-button span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/ui-button.png');
}

span.ui-cselement-grid span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/table.png');
}

span.ui-cselement-link span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/application_link_green.png');
}

div#list-cselements span.selector-link {
    float: left;
    width: 260px;
    margin-right: 6px;
}

a.cscondition-link {
    text-decoration: none;
    font-size: 0.8em;
}
a.cscondition-link:hover {
    text-decoration: underline;
    color: navy;
}

/* dynatree features --------------------------------------------- */

td.PermCategory-WorkFlow span.dynatree-icon,
span.PermCategory-WorkFlow span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/flow-merge.png');
}

td.PermCategory-Action span.dynatree-icon,
span.PermCategory-Action span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/mouse-select.png');
}

td.PermCategory-ControlSet span.dynatree-icon,
span.PermCategory-ControlSet span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/layout-edit.png');
}

td.PermCategory-Menu span.dynatree-icon,
span.PermCategory-Menu span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/layout-select-sidebar.png');
}

td.PermCategory-Page span.dynatree-icon,
span.PermCategory-Page span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/ui-tab-content.png');
}

/* dynatree rate's associations --------------------------------------------- */

span.brick span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/icons/brick.png');
}

span.rateGroup span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/Company_16px.png');
}

span.repairer span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/user_white_16px.png');
}

/* dynatree filters --------------------------------------------- */

span.filter span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/bullets/table.png');
}

/* dynatree groups --------------------------------------------- */

span.group span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/icons/group.png');
}

span.add-group span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/icons/add.png');
}

ul.dynatree-container span.add-group a.dynatree-title {
    color: #b2b2b5;
    text-decoration: none;
}

ul.dynatree-container span.add-group a.dynatree-title:hover {
    color: #1b218f;
    text-decoration: underline;
}

/* dynatree regions --------------------------------------------- */

span.region span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/icons/orgChart16.png');
}

span.add-region span.dynatree-icon {
    background-position: 0 0;
    background-image: url('../Images/icons/add.png');
}

ul.dynatree-container span.add-region a.dynatree-title {
    color: #b2b2b5;
    text-decoration: none;
}

ul.dynatree-container span.add-region a.dynatree-title:hover {
    color: #1b218f;
    text-decoration: underline;
}

/* dynatree setAspool ----------------------- */

ul.dynatree-container span.setAsPool a.dynatree-title {
    color: #ff0000;
    text-decoration: none;
}

span.setAsPool span.audanet-icon {
    background-image: url('../Images/icons/folder_go.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: top;
    width: 16px;

    margin-left: 3px;
}

p span.setAsPool {
    color: #ff0000;
}



/*ul.dynatree-container span.add-group > .editable-click, a.editable-click, a.editable-click:hover {
     border-bottom: 1px dashed #0088CC;
}*/

/*
    ul.dynatree-container 
        li#organizations-tree-id-8A5BB2907A6E4044A2BB7E3A50E7FAB9 
            ul 
                li#organizations-tree-id-NEW-8A5BB2907A6E4044A2BB7E3A50E7FAB9.dynatree-lastsib 
                    span.dynatree-node 
                        a.dynatree-title
*/
div#regions-actions-panel .ui-accordion-header,
div#orgs-actions-panel .ui-accordion-header {
    font-size: 0.85em;
}

div#regions-actions-panel .ui-accordion-content,
div#orgs-actions-panel .ui-accordion-content {
    font-size: 0.85em;
    padding: 6px;
}


/*div#features-tree span.dynatree-selected span.dynatree-title-required {
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;       

    border: 1px solid #FFFFFF;
    color: #787777;
    margin: 0 0 0 3px;
    text-decoration: none;
    vertical-align: top;
}*/

div.default-user {
    font-size: 1.2em;
    font-weight: bold;
}

div#permissions-tree-summary ul,
div#organizations-tree-summary ul {
    padding-left: 12px;
    padding-bottom: 3px;
    font-size: 0.85em;
    margin-bottom: 0;
    /*margin-right: 50px;*/
    /*float: left;*/
}

div#permissions-tree-summary ul ul,
div#organizations-tree-summary ul ul {
    padding: 6px;
    font-size: 0.85em;
    margin-bottom: 0;
}

div#permissions-tree-summary ul > li,
div#organizations-tree-summary ul > li {
    margin-left: 3px;
    list-style-type: square;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

div#sessionExpiredMessage strong {
    font-weight: bold;
    color: red;
}

section.section-summary table.tableRoles thead th {
    text-align: left; 
    font-size: 0.9em;
    color: #7c8ba7;
}

section.section-summary table.tableRoles tbody td.userType {
    text-align: left; 
    font-weight: bold; 
    font-size: 1.2em;
}

#user-list.dataTable td a,
#table-list.dataTable td a {
    text-decoration: none;
    color: inherit;
}

#user-list.dataTable td a:hover,
#table-list.dataTable td a:hover {
    text-decoration: underline;
    color: navy;
}

h2 span.commands-bar {
    text-transform: none;
    font-size: 0.85em;
    font-weight: normal;
    margin-left: 50px;
}

h2 span.commands-bar a {
    text-decoration: none;
}

h2 span.commands-bar a:hover {
    text-decoration: underline;
}

div span.commands-bar.float-left,
div span.commands-bar.float-right {
    text-transform: none;
    font-size: 0.85em;
    font-weight: normal;
}

h3 span.commands-bar,
h4 span.commands-bar {
    text-transform: none;
    float: right;
    font-size: 0.85em;
    font-weight: normal;
}

div span.commands-bar.float-left a,
div span.commands-bar.float-right a,
h3 span.commands-bar a,
h4 span.commands-bar a {
    text-decoration: none;
}

div span.commands-bar.float-left a:hover,
div span.commands-bar.float-right a:hover,
h3 span.commands-bar a:hover,
h4 span.commands-bar a:hover {
    text-decoration: underline;
}

th span.commands-bar {
    text-transform: none;
    float: right;
    font-size: 1.1em;
    font-weight: normal;
}

th span.commands-bar a {
    text-decoration: none;
}

th span.commands-bar a:hover {
    text-decoration: underline;
}

#body section.section-summary {
    padding-bottom: 18px;
    /*margin-bottom: 12px;*/
}

/*------- Dashbord Styles ----------*/

div.dashboard_header{
    font-family: sans-serif;
}
#dashboard-panel {
    text-align: left;
    vertical-align: middle;
}
#dashboard-panel div.icon a {
    border: 1px solid #DDDDDD;
    display: block;
    float: left;
    height: 100px !important;
    padding: 2px 5px 1px;
    text-decoration: none;
    vertical-align: middle;
    width: 240px !important;
    margin: 3px;
}
#dashboard-panel div.icon a:link {
    color: #808080;
}
#dashboard-panel div.icon a:hover {
    background-color: #F1E8E6;
    border: 1px solid #C24733;
    color: #333333;
    padding: 3px 4px 0 6px;
}
#dashboard-panel div.icon a:active {
    color: #808080;
}
#dashboard-panel div.icon a:visited {
    color: #808080;
}
#dashboard-panel div.icon img {
    float: left;
    /*margin-top: 3px;*/
    margin-top: 9px;
    margin-left: 12px;
}
#dashboard-panel div.icon div {
    border-bottom: 2px solid #CCCCCC;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
    margin-left: 48px;
}
#dashboard-panel div.icon span {
    display: block;
    font-size: 12px;
    padding-top: 3px;
    margin-left: 48px;
}

td a span.ui-silk {
    float: left; margin-top: 3px;
}


table.dataTable tbody td a.ui-silk {
    margin-right: 4px;
}

#permissions-selected li.change-perm-selector {
    padding-left: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: -6px;
}

li.change-perm-selector {
    list-style: circle;
    padding-left: 24px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: -3px;
    list-style-position: inside;
}

li.change-perm-selector.inactive {
    background-color: transparent;
}

li.change-perm-selector.active {
    background-color:  #f88d02;
}

td#current-permissions.active {
    border-left-color:  #f88d02; 
    border-left-width: 3px; 
    border-left-style: solid;
    border-top-color:  #f88d02; 
    border-top-width: 3px; 
    border-top-style: solid;
    height:300px;
}

th.cselements-col-1,
td.cselements-col-1 {
    width: 300px;  
}

th.cselements-col-2,
td.cselements-col-2 {
    width: 70px;  
}

th.cselements-col-3,
td.cselements-col-3 {
    width: 80px;  
}

th.cselements-col-4,
td.cselements-col-4 {
    width: auto;  
}

td#current-role a.inactive {
    text-decoration: none;
    /*color: gray;*/
    -ms-opacity: 0.2;
    opacity: 0.2;
    pointer-events: none;
    cursor: default;
}


/*.GeneralActiveRate {
    background-color:  greenyellow;
    color: black;
}*/

#granted-views h4 span#loginName {
    background-color: #72e73e;
    padding: 3px;
}

/*  clearfix hack --> http://css-tricks.com/snippets/css/clear-fix/ */
div.group:before,
div.group:after {
    content: "";
    display: table;
} 
div.group:after {
    clear: both;
}

section.section-summary tr.group:hover,
section.section-summary div.group:hover {
    background-color: #fff3c9;
}

ul.legacy-permission-list > li {
	margin-left: 24px;
	padding: 3px;
    float: left;
    width: 250px;
    font-size: 0.85em;
}

ul.legacy-permission-list > li > input[type=checkbox] {
    margin-left: -24px;
}

div#assessment-details table.supplier-tickets-normal td,
div#assessment-details table.supplier-tickets-odd td {
    padding: 3px;
}
div#assessment-details table.supplier-tickets-normal {
    background-color: transparent;
}
div#assessment-details table.supplier-tickets-odd {
    background-color: #e2dfdf;
}

/* ----------------------------------------------- */
/* Dynamic Headers - AudaVale Report Configuration */
/* ----------------------------------------------- */
/* Table Styles */
table.report-layout {
    width: 100%;
    border: #e2dfdf solid 2px;
    background-color: #e2dfdf;
    font-size: 0.90em;
}

table.report-section-body,
table.report-section-wpfooter,
table.report-section-wpheader {
    width: 100%;
    background-color: #ffffff;
}

table.report-section-supfooter,
table.report-section-supheader {
    width: 100%;
    background-color: #b1e6f1;
}

table.report-layout.report-section-rowpreview {
    border: none;
    width: 100%;
    background-color: #ffffff;
    font-size: 0.80em;
}


table.report-section-supfooter tr:hover,
table.report-section-supheader tr:hover,
table.report-section-wpfooter tr:hover,
table.report-section-wpheader tr:hover {
    background-color: #fff3c9;
    cursor: pointer;
}

table.report-section-supfooter tr.report-layout-editbar:hover,
table.report-section-supheader tr.report-layout-editbar:hover,
table.report-section-wpfooter tr.report-layout-editbar:hover,
table.report-section-wpheader tr.report-layout-editbar:hover {
    cursor: default;
}

table.report-section-supfooter tr.report-layout-selectedrow:hover,
table.report-section-supheader tr.report-layout-selectedrow:hover,
table.report-section-wpfooter tr.report-layout-selectedrow:hover,
table.report-section-wpheader tr.report-layout-selectedrow:hover {
    cursor: default;
}


/* TD Styles */
td.report-section-body {
    height: 50px;
    background-color: #e2dfdf;
}

th.report-layout-topbar {
    width: 100px;
    background-color: #7f7e7e;
    color: #ffffff;
    padding-left: 6px;
    padding-right: 6px;
    text-align: left;
    vertical-align: middle;
}

td.report-layout-sidebar {
    width: 100px;
    background-color: #7f7e7e;
    color: #ffffff;
    padding-left: 6px;
    padding-right: 6px;
    text-align: right;
    vertical-align: top;
}

th.report-layout-corner,
td.report-layout-sidebar.small {
    width: 60px;
}

th.report-layout-viewport,
td.report-layout-viewport {
    padding-left: 6px;
    padding-right: 6px;
}

th.report-layout-corner,
th.report-layout-viewport {
    border: none;
    background-color: #ffffff;
}



/* Cell Borders - Vertical */
table.report-layout.report-section-rowpreview td.report-layout-viewport,
table.report-layout.report-section-wpfooter td.report-layout-viewport,
table.report-layout.report-section-wpheader td.report-layout-viewport {
    border-right: #7f7e7e dashed 1px;
    border-bottom: #7f7e7e dashed 1px;
}
table.report-layout.report-section-rowpreview td.report-layout-viewport:last-of-type,
table.report-layout.report-section-supfooter td.report-layout-viewport:last-of-type,
table.report-layout.report-section-supheader td.report-layout-viewport:last-of-type {
    border-right: none;
    border-bottom: #7f7e7e dashed 1px;
}

table.report-layout.report-section-supfooter td.report-layout-viewport,
table.report-layout.report-section-supheader td.report-layout-viewport {
    border-right: #0060fe dashed 1px;
    border-bottom: #0060fe dashed 1px;
}
table.report-layout.report-section-supfooter td.report-layout-viewport:last-of-type,
table.report-layout.report-section-supheader td.report-layout-viewport:last-of-type {
    border-right: #0060fe dashed 1px;
    border-bottom: #0060fe dashed 1px;
}

/* TR Styles */

tr.report-layout-selectedrow {
    background-color: #fff3c9; /*#75f782;*/
    border-color: #000000;
    border-width: 2px;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
}

tr.report-layout-selectedrow.report-layout-editbar {
    border-color: #000000;
    border-width: 2px;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
}

/* Anchor styles */
tr.report-layout-editbar a,
.report-layout-commands {
    font-size: 0.95em;   
    color: #0000EE;
}

span.report-layout-commands a {
    font-size: 0.85em;   
    color: #0000EE;
}

span.report-layout-commands a,
tr.report-layout-editbar a,
.report-layout-commands a {
    text-decoration: none;
}

span.report-layout-commands a:hover,
tr.report-layout-editbar a:hover,
.report-layout-commands a:hover {
    text-decoration: underline;
}

td.report-layout-viewport div.report-layout-commands {
    font-size: 0.95em;   
}


/* AdminFields Selector */
ul.admin-fields-list {
	padding: 5px 10px;
	background: transparent;
	color: #484848;
	border: 1px  solid #ccc;
	font-size: 13px;
	font-family: Helvetica, Arial;
	line-height: 1em;
	overflow: auto;

    list-style-image: url(Images/list.png);
}

ul.admin-fields-list li {
    margin: 3px 24px 3px 20px;
    padding-left: 6px;
}

ul.admin-fields-list li a {
    margin: 0 24px 0 20px;
    display: block;
    padding: 2px;
    text-decoration: none;
    /*color: #ffffff;*/
    margin-left: -8px;
}

ul.admin-fields-list li a:hover {
    background-color: #a0acc3;
    /*color: #213458;*/
    /*color: #fff;*/ 
}


/* Selected Column styles */
td.report-layout-selectedcol.report-layout-viewport,
th.report-layout-selectedcol,
td.report-layout-selectedcol {
    border-color: #000000;
    border-width: 2px;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    cursor: pointer;
}
td.report-layout-selectedcol.report-layout-viewport {
    background-color: #fff3c9;
}

div#assessment-details table#assessment-versions,
div#assessment-details table#assessment-events {
    font-size: 0.85em;
}