html {
    width:      100%;
    height:     100%;
    font-family: Arial,Helvetica,sans-serif !important;
}
body {
    /* background-image: url("../img/background.png");*/
    color: #000000;
    position: absolute;
    width:      100%;
    height:     100%;
    z-index:    0;
    font-size:  12px;
    font-family: Arial,Helvetica,sans-serif !important;
}

a,
a:focus,
a:hover {
    text-decoration: none;
}

#appBackground {
    z-index: -1;
    background-image: url("../img/speciel/ciscobg.jpg");
    /*background-image: url("../img/background.jpg");*/
    background-size: cover;
    position:   fixed;
    width:      auto;
    min-height: 100%;
    min-width:  100%;
}

.side-top {
    position:   absolute !important;
    height:     54px;
    z-index:    2;
    left:       0px;
    right:      0px;
    color:      #FFFFFF;
    padding:    15px 15px 15px 15px;
}
.side-top > #logoAndName {
    float: left;
}


.side-top > #logoAndName tr td {
    padding-right: 15px;
}

.side-top > #logoAndName tr td:nth-child(2) {
    height: 17px;
}

.side-top > #headerStatus {
    float: left;
    margin-right: 15px;
    top:        8px;
    width:      auto;
    color:      #FFFFFF;
}

.side-top > #headerStatus a {
    color:      #FFFFFF;
}

.split-left {
    left: 10px !important;
    position:absolute;
    margin-right: 10px;
    min-height:100%;
}

.split-right {
    position:absolute;
    left:225px;
    margin-right:15px;
    min-height:100%;
    overflow:auto;
}

.side-top > #headerApp {
    display: inline;
    position:   absolute;
    right:      15px;    
    width:      auto;
}

.side-bottom {
    position:   absolute !important;
    z-index: 2;
    bottom: 0px;
}


.side-bottom > p {
    position:   relative;
    color:      #FFFFFF;
    font-size:  12px;
    margin-left:10px;
}

#header-title {
    font-weight: bold;
}

.split-pane {
    top: 70px;
    height: auto;
    bottom: 36px;
    position: absolute;
}

.split-pane-tree {
    position: relative;
    top:    0px;
    width: auto;
    min-width:  125px;
    margin-top: 0%;
    min-height: 100%;
    background-color: #407BB3;
    background-image: url("../img/speciel/opacity67.png");
    background-repeat:  repeat;
}

.split-pane-divider {
    position: absolute;
    margin-left: 10px;
    left: 180px;
    min-height: 100%;
    background-color: transparent;
}
.split-pane-divider:hover {
    margin-left: 10px;
    background-color:   #0088C2;
    opacity:            0.6;
    width: 5px !important;
}

.split-pane-component {
    /*background-color: #FFFFFF;*/
    min-width: 5%;
}

.split-pane.vertical-percent > .split-pane-component {
    top:    0px;
    bottom: 0px;
}


.split-pane.vertical-percent > .split-pane-component:first-child {
    margin-left:    5px;
    left:           0px;
    height:         100%;
}

.split-pane-divider #split-pane-divider-tree {
    position: relative;/*absolute;*/
    width: 3px;
    left: 1px;
    height: 19px;
    top: 45%;
    background-image: url("../img/tree/handleVert.png");
}

.app-content {
    z-index:    1;
    width:      auto;
    min-height: 100%;
    min-width:  100%;
    position:   relative;
    opacity:    1.0;
    padding:    10px;
    overflow:   auto;
    background-color: #407BB3;
    background-image: url("../img/speciel/opacity67.png");
    background-repeat:  repeat;
}

.contentField {
    padding: 10px;
    width: auto;
    background-color:#DEE8EE;
    border: solid 1px #8499A2;
    border-radius: 2px;
    margin: 0px 0px 10px;
    overflow-x:auto;
}

.tabContentField {
    padding: 10px;
    border-radius: 2px;
    background-color: #FFFFFF;
    background-image: url("../img/speciel/opacity40.png");
    background-repeat:  repeat;
}
#viewsBackground {
    background-color:   #FFFFFF;
    z-index:            0;
    opacity:            0.7;
    position:           inherit;
    top:        0px;
    left:       2px;
    right:      12px;
    bottom:     0px;
    width:              98%;
}

/* ngGrid CSS override - Start*/
.ngGrid input {
  vertical-align: baseline;
}

.ngGrid select {
  vertical-align: baseline;
}
.ngHeaderContainer input {
  vertical-align: top;
}

.ngHeaderContainer {
    font-weight: normal;
}
/* ngGrid CSS override - End */


.listContainer {
    color: black;
    position: relative;
    height: 36px;
    margin-left: 15px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.listContainer > .listTitle1 {
    text-content=left;
    width: 100px;
    height: 34px;
    font-size: 28px;
    line-height: 34px;
    left: 0px;
    top: 2px;
}

.listContainer > .listValue1 {
    text-content=left;
    top: 0px;
    width: 100px;
    height: 34px;
    font-size: 28px;
    line-height: 34px;
    left: 300px;
    position: absolute;
}

.listContainer > .listTitle {
    position:   absolute;
    top:        4px;
    left:       5px;
    width:      100px;
}

.listContainer > .listInput {
    position:   absolute;
    top:        1px;
    left:       140px;
    width:      200px;
}

.listContainer > .listExplain {
    position:   absolute;
    top:        4px;
    left:       350px;
    width:      200px;
    color:      gray;
}

.listContainer > .listError {
    position:   absolute;
    top:        4px;
    color:      red;

}
.content-title {
    color: #000;
    font: 18px Arial;
    margin: 0px;
    padding: 0px 10px 10px 0px;
    text-align: left;
    vertical-align: top;
}

.groupContainer {
    position:   relative;
    width:      97%;
    left:       15px;
    border: 1px solid rgb(140, 140, 255);
}

.groupContainer > hr {
    border-color:   #808080;
    height:         1px;
    margin-top:     0px;
    margin-bottom:  15px;
    margin-left:    10px;
    margin-right:    10px;
}

.content {
    overflow:       auto;
    opacity:        1;
}

.chkErr {
    color: red;
}

.nopHint {
    opacity: .5;
    pointer-events: none;
}

.wan_edit_type_content {
    position: relative;
    padding-left: 30px;
    width: auto;
}

.line1 {

}

/* Cisco Like*/
button {
    background: #c0cfdb;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFFFF', endColorstr='#c0cfdb',GradientType=0 );
    background: -webkit-linear-gradient(top, #FEFFFF, #cbd8e1, #b4c7d4, #c0cfdb);
    background: -o-linear-gradient(top, #FEFFFF, #cbd8e1, #b4c7d4, #c0cfdb);
    background: -moz-linear-gradient(top, #FEFFFF, #cbd8e1, #b4c7d4, #c0cfdb);
    background: -ms-linear-gradient(top, #FEFFFF, #cbd8e1, #b4c7d4, #c0cfdb);
    vertical-align: middle;
    color: #000;
    border: 1px solid #53636A;
    height: 22px;
    padding: 0px 9px;
    font-size: 12px;
    border-radius: 2px;
    margin-left: 8px;
}

button:hover, button:focus  {
    background: #c0f2fd;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f6fb', endColorstr='#c0f2fd',GradientType=0 );
    background: -webkit-linear-gradient(top, #e8f6fb, #8ad8ef, #67cded, #c0f2fd);
    background: -o-linear-gradient(top, #e8f6fb, #8ad8ef, #67cded, #c0f2fd);
    background: -moz-linear-gradient(top, #e8f6fb, #8ad8ef, #67cded, #c0f2fd);
    background: -ms-linear-gradient(top, #e8f6fb, #8ad8ef, #67cded, #c0f2fd);
    border: 1px solid #1FA0D5;
}

button:active {
    background: #ace2fa;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0f1fe', endColorstr='#ace2fa',GradientType=0 );
    background: -webkit-linear-gradient(top, #d0f1fe, #5abde4, #21ace4, #ace2fa);
    background: -o-linear-gradient(top, #d0f1fe, #5abde4, #21ace4, #ace2fa);
    background: -moz-linear-gradient(top, #d0f1fe, #5abde4, #21ace4, #ace2fa);
    background: -ma-linear-gradient(top, #d0f1fe, #5abde4, #21ace4, #ace2fa);
    border: 1px solid #1FA0D5;
}

button:disabled {
    background: #dfe7ec;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf1f5', endColorstr='#dfe7ec',GradientType=0 );
    background: -webkit-linear-gradient(top, #edf1f5, #e7edf1, #e6ecf1, #dfe7ec);
    background: -o-linear-gradient(top, #edf1f5, #e7edf1, #e6ecf1, #dfe7ec);
    background: -moz-linear-gradient(top, #edf1f5, #e7edf1, #e6ecf1, #dfe7ec);
    background: -ms-linear-gradient(top, #edf1f5, #e7edf1, #e6ecf1, #dfe7ec);
    border: 1px solid #BBC2C5;
    color: #BBC2C5;
}

.gridContainer .gridFunc button,
.generalButton button {
    min-width: 80px;
    margin: 0px 0px 0px 5px;
}

.gridContainer .gridFunc button:first-child,
.generalButton button:first-child {
    margin: 0px;
}

.ngHeaderCell,
.ui-grid-header-cell,
.ui-grid-header-viewport
{
    background-color: #D9E3E9;
    /*border-top: 1px solid #8499A2;*/
}

.ui-grid-header-cell,
.ui-grid-header-canvas
{
  height: 20px !important;
}

.ui-grid-cell-contents
{
    padding: 1px 0px 1px 8px;
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell
{
    background-color: transparent;
}

.modalField {
    background: #c0dde7;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fbfc', endColorstr='#c0dde7',GradientType=0 );
    background: -webkit-linear-gradient(top, #f8fbfc, #f1f7f9, #d5e8ef, #c0dde7);
    background: -o-linear-gradient(top, #f8fbfc, #f1f7f9, #d5e8ef, #c0dde7);
    background: -moz-linear-gradient(top, #f8fbfc, #f1f7f9, #d5e8ef, #c0dde7);
    background: -ms-linear-gradient(top, #f8fbfc, #f1f7f9, #d5e8ef, #c0dde7);
    /*background: #D9E3E9 url("../img/speciel/opacity67.png") repeat scroll 0px 0px;*/
    padding: 10px;
    height:100%;
    width: 100%;
}
/*Tab style*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #FFF;
  background: #197697;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ace6fa', endColorstr='#197697',GradientType=0 );
  background: -webkit-linear-gradient(top, #ace6fa, #197697);
  background: -o-linear-gradient(top, #ace6fa, #197697);
  background: -moz-linear-gradient(top, #ace6fa, #197697);
  background: -ms-linear-gradient(top, #ace6fa, #197697);
}
.nav-tabs > li > a {
  background: #DFE7EC;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDF1F5', endColorstr='#DFE7EC',GradientType=0 );
  background: -webkit-linear-gradient(top, #EDF1F5, #DFE7EC);
  background: -o-linear-gradient(top, #EDF1F5, #DFE7EC);
  background: -moz-linear-gradient(top, #EDF1F5, #DFE7EC);
  background: -ms-linear-gradient(top, #EDF1F5, #DFE7EC);
}

.nav li a {
    padding: 3px 8px;
    height: 23px;
}

@media (min-width: 992px) {
    .modal-mg {
        width: 600px;
    }
}

input[type="text"],
input[type="url"],
input[type="password"],
input[type="number"],
div.ui-grid-cell input {
  /*margin-top: 2px;
  margin-bottom: 2px;
  */
  border: 1px solid #8499A2;
  /*border-radius: 2px;*/
  padding: 1px 0px 1px 5px;
  vertical-align: center;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus {
    /*margin-top: 2px;
    margin-bottom: 2px;*/
    border-color: #406B9B;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

select.ng-invalid,
select.ng-invalid:focus,
input.ng-invalid,
input.ng-invalid:focus {
    border-color: red !important;

    border-color: red;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,0,0,.075), 0 0 8px rgba(255, 0, 0, .6);
            box-shadow: inset 0 1px 1px rgba(255,0,0,.075), 0 0 8px rgba(255, 0, 0, .6);
}

.point_info
{
    color: blue;
}

.point_box
{
    border-color: gray;
    border-style: solid;
    border-width: 1px;
    padding: 10px 0px 10px 8px;
    margin-bottom: 20px;
    width: auto;
}
.tip_info {
    margin: 2px 10px;
    color: gray;
}

.tip_info_black {
    margin: 2px 10px;
}

.error_info {
    color: red;
    margin: 2px 10px;
}

.success_info {
    color: #00B000;
    margin: 2px 10px;
}

.list_error_info {
    color: red;
}

.co-content-outer {
  border: #fff 1px solid;
  padding: 10px;
  background: #97B6D2;
}
.co-content {
  border: 1px solid;
  padding: 10px;
  background: #DEE8EE;
  margin: 10px;
}

.co-content hr {
  border-top: #8499A2 1px solid;
  height:1px;
  border-color: #8499A2 -moz-use-text-color -moz-use-text-color;
  margin:5px;
}

table.TList tr:first-child {
    padding-top: 5px;
}

table.TList tr td,
.list {
    padding-bottom: 10px;
}

table.TList tr td:first-child {
  padding-right: 8px;
  padding-bottom: 10px;
}

table.TListAlignTop tr td {
    vertical-align: top;
}

#wan_setting_edit table tr td input[type='text'],
#wan_setting_edit table tr td input[type='password'],
table tr td input[type='text'].fill {
    width: 100%;
}

select:disabled
{
    color: gray;
}

#wan_setting_edit table tr td select,
table tr td select.fill {
    width: 100%;
}

.list_title {
  padding-bottom: 10px;
  padding-right: 8px;
}

.list_contact_txt {
    padding: 0px 8px;
    display: inline-block;
}

.dualWan table .numText {
    position: relative;
    width: 50px;
}

.dualWan .advListUnit {
    position: relative;
}

.dualWan .advListHint {
    position: relative;
    color: gray;
    margin-left: 5px;
}
.dualWan input[type='text'] {
    width:  150px;
    position: relative;
}
.content_group_title {
    font-weight: bold;
    margin-bottom: 10px;
}

.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 40%; 
    height: 200px;
}

.gridEditInit {
    display: none;
}

.gridEdit {
    z-index: 1;
   /* display: none; */
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    /*
    background: gray;
    */
}

.gridEdit .box{
    position: absolute;
    background-color: rgb(255,255,255);
    border: 1px solid rgb(0, 0, 0);
    width: 30%;
    height: 30%;
    top: 20%;
    left: 20%;
}

.gridEdit .box > button {
    position: absolute;
    z-index: 2;
}

.gridEdit .box > button:hover {
    background-color: #81F7F3;
}

.table2-bg {
    height: 100%;
    width: 100%;
}

.tableStyleFullWidth {
    height: 40%;
    width: 100%;
}

.gridContainer,
.ui.grid.expandable {
    border: 1px solid #8499A2;
    background-color: #F9F1F1;
}

.gridContainerStyle1 {
    width: 100%;
}

.gridContainerStyle2 {
    width: 90%;
}

.gridContainer .ngCellCheckbox,
.gridContainer .ngCellCheckbox {
    padding: 4px 0px 4px 8px;
}

.gridContainer .ngCellText input[type="radio"],
.gridContainer .ngCellText input[type="checkbox"] {
    /* position: absolute; */
    margin-top: -1px !important;
}

.ngSelectionCellRadio,
.ngSelectionCellCheckBox {
    width: 25px;
}

.ngSelectionCellRadio input[type="radio"],
.ngSelectionCellCheckBox input[type="checkbox"] {
    margin: 4px 0px 4px 5px !important;
}

.gridContainer .ngCell input[type="radio"].ngSelectionRadio,
.gridContainer .ngCell input[type="checkbox"].ngSelectionCheckbox,
.ui-grid-cell input[type="checkbox"]
{
    /*ngGrid row checkbox style*/
    margin-left: 5px !important;
    margin-top: 4px !important;
}

.gridContainer .ngHeaderCell input[type="checkbox"] {
    /* position: absolute; */
    margin-left: 5px !important;
    margin-top: 2px !important;
}

.gridContainer .ngSelectionCell {
    margin-top: 0px;
    margin-left: 0px;
}

.gridContainer .gridTitle,
.modalField .gridTitle {
    background: #A2B9C9;
    width: 100%;
    color: #000;
    text-align: left;
    border-bottom: 1px solid #8499A2;
    /*text-indent: 8px;*/
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    height: 24px;
    padding: 0px 0px 0px 8px;
}

.gridContainer .ngCanvas .ngRow button {
    margin-top: 2px;
    margin-left: 8px;
    height: 18px;
    line-height: 18px;
}

.gridContainer .gridFunc {
    width: 100%;
    padding: 3px 0px;
    border-top: 1px solid #8499A2;
    background-color: #D9E3E9;
    height: 29px;
}


.gridContainer .gridFunc button {
    margin-left: 10px;
}

.gridContainer .gridFunc button:first-child {
    margin-left: 4px;
}

.gridContainer .gridBody100 {
    width: 100%;
    height: 100px;
}

.gridContainer .gridBody200 {
    width: 100%;
    height: 200px;
}

.gridContainer .gridBody300 {
    width: 100%;
    height: 300px;
}
.ngHeaderText,
.ngTable tr th {
    padding: 0px 0px 0px 8px;
    font-weight: normal;
}
.ngCellText {
    padding: 5px 0px 5px 8px;
    line-height: 12px;
}

.ngTable tr td {
    padding: 0px 0px 0px 8px;
    height: 22px;
    line-height: 12px;
    font-size: 12px;
    font-weight: normal;
}

.ngTable {
    width: 100%;
    border-collapse: separate;
}

.ngTable tr th {
    background-color: #D9E3E9;
    height: 20px;
    border-left: 1px solid #A2B9C9;
    border-right: 1px solid #FFF;
}

.ngTable tr th:first-child {
    border-left: 0px;
}

.ngTable tr.tbRowDivider td {
    border-left: 1px solid #A2B9C9;
    border-right: 1px solid #FFF;
}

.ngTable tr.tbRowDivider td:first-child{
    border-left: 0px;
}

.ngTable tr.tbRowDivider td:last-child{
    border-right: 0px;
}

.ngTable tr th:last-child {
    border-right: 0px;
}

.ngTable tr th.rowDivider {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #A2B9C9;
}

.ngTable tr th.rowDividerFirst {
    border-bottom: 1px solid #A2B9C9;
}
.ngTable tr th.rowDividerLast {
    border-top: 1px solid #FFF;
}
/*
.ngSelectionHeader {
    top: 0px;
    left: 0px;
}
*/
.ngVerticalBarVisible {
    /*width: 0px;*/
    width: 2px;
    border-left: 1px solid #FFF;
    border-right: 1px solid #A2B9C9;
}

.ngDisplayVerticalBar .ngVerticalBarVisible {
    /*width: 1px;*/
}

.ngGrid,
.ui-grid
{
    background-color: #F1F5FA;

}

.ngGrid.unselectable {
    -moz-user-select: initial;
    -khtml-user-select: initial;
    -webkit-user-select: initial;
    -o-user-select: initial;
    user-select: initial;
}

.ngViewport {
    overflow-x: hidden !important;
}

.tbRow tr td {
    height: 22px;
}

/* ngGrid first row will be even, but uiGrid first row will be odd*/
.ngRow.even,
.tbRow:nth-child(even),
.ui-grid-row:nth-child(odd),
.ui-grid-row:nth-child(odd) .ui-grid-cell,
.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell
{
    background-color: #F1F5FA;
}

.ngRow.odd,
.tbRow:nth-child(odd),
.ui-grid-row:nth-child(even),
.ui-grid-row:nth-child(even) .ui-grid-cell,
.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell
{
    background-color: #E5EBF3; 
}

.ui-grid-row:last-child .ui-grid-cell
{
    background-color: transparent;
}

.ngSelectionHeader {
    left: 0px;
    top: 0px;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.tableInlineInputText, .tableInlineSelect{
    margin-left: 6px;
}

.tmpNgInlineSelect {
    height: 18px;
    top: 2px;
    padding-left: 4px;
    font-size: 12px;
    line-height: 12px;
}

span, select {
    position: relative;
}

select {
    border-width: 1px;
}

.ngGrid  select {
    margin-left: 8px;
}

input[type="checkbox"],
input[type="radio"] {
    margin-right: 8px;
}

.groupTitle {
    font-weight: bold;
    font-size: 14px;
    margin: 0px 0px 10px 0px;
}

.ipMaskLengthNum {
    width: 50px;
}

.indent {
	padding-left: 8px;
}

.indent-mini {
	padding-left: 8px;
}

.toggleButton {
    height: 20px;
}

treeitem ul,
#tree .tree-child {
    overflow-x: hidden;
}

.tree-leaf {
    #white-space:nowrap;
    padding: 0px 0px 0px 33px;
}

.v4portNum {
    width: 50px;
}

.input-group-btn button.btn-default {
    padding: 1px 12px 1px 12px;
}

.v4Port {
    width: 65px;
}

#loadingDiv {
    z-index: 10009;
    top: 0px;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
}

#loadingMaskDiv {
    opacity: 0.5;
    top: 0px;
    background-color: black;
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
}

#loadingBarDiv {
    z-index: 10010;
    height: 92px;
    width: 462px;
    top: 40%;
    left: 40%;
    background-color: #A2B9C9;
    position: absolute;
    text-align: center;
}

#loadingBarImg {
}

.validationErrText {
    color: red;
    margin: 2px 10px;
}

.indent1 {
    padding-left: 22px;
}

.indent2 {
    padding-left: 44px;
}

._greyout {
    color: #888;
}


.messages {
    color: red;
}

.bold {
    font-weight: bold;
}
.radio_explanation_2nd_indent {
    padding-left: 22px;
}

div.ui-grid-cell input {
    width: auto;
}

.ui_grid_pagination_pages,
.ui_grid_pagination_ctrl {
    display: inline;
    right: 10px;
    float: right;
}

#header-alert-icon {
    width: 10px;
    height: 10px;
}

#headerApp tr td {
    padding:0px 15px 0px 0px !important;
}

#headerApp tr td:last-child {
    padding-right: 0px !important;
}

#headerApp a {
    color: white;
}

#headerApp a:hover {
    color: white;
}

#compute_width {
    position: absolute;
    visibility:hidden;
    height:auto;
    width:auto;
}

/* Style for RPC errstr - start */
.errstr_result {
    top: 4px;
    left: 5px;
}
.errstr_success {
    color: #00B000;
}
.errstr_fail {
    color: red;
}
/* Style for RPC errstr - end */

.reference {
    font-size: 80%;
    top: -4px;
}

/* Style for Cisco datepicker */
.cisco-datepicker tr:first-child th {
    background-color: #a2b9c9;
}

.cisco-datepicker-day,
.cisco-datepicker-day:hover
{
    margin-left: 0px;
    background: white;
    border-width: 0px;
}

.cisco-btn-day-info:active,
.cisco-btn-day-info.active,
.cisco-datepicker-day:hover
{
    background: #8DB71F !important;
    border-width: 0px;
    color: white;
}