/* GENERAL MARGIN FOR ALL PAGE BODIES */
.page-margin {
	margin-left: 7%;
	margin-right: 7%;
}

/* STATUS PAGE STYLE */
.page-table {
    margin: 5px 0px 8px 0px;
    font-weight: bold;
    width: 100%;
    border:1px solid #AAAAAA;
}
.page-table td {
	padding: 5px 5px 5px 11px;
	vertical-align: middle;
}
.currentStatus-page {
	width: 72%;
	margin: 0px 0px 0px 10px;
	display: inline;
	float: left;
}

/* BASIC PAGE STYLE */
#auto-update-checkbox {
  margin-top: 8px;
}
#set-update-schedule-btn {
  margin-left: 10px;
}

/* SITES SETUP PAGE*/
#auto-archive-form {
    clear:right;
}
#auto-archive-checkbox {
    margin-left: 30px;
}

/* GENERAL TABLE STYLE FOR ALL PAGES */
table.dataTable tr.even.row_selected td {
    background-color: #D1E0FF;
}
table.dataTable tr.odd.row_selected td {
    background-color: #B2CCFF;
}
.table-row-header {
	background-color: #CBCBCB;
}

.table-row-odd {
	background-color: #F4F4F4;
}
.table-row-even {
	background-color: #E6E6E6;
}
.table-left-column {
	color: #494949;
	height: 20px;
	width: 30%;
}

.table-right-column {
	color: #494949;
	height: 20px;
	width: 70%;
}

.table-section-title {
    font-size: 16px;
}
.table-subsection-title,
.table-section-title{
    font-weight: bold;
}
/* LOGIN PAGE STYLE */
#password-clear,
#retype-password-clear {
	color: #DCDCDC;
}
.login-table {
	margin-left: auto;
	margin-right: auto;
}
.login-table td {
	padding: 0 0 0 0;
}
.login-table td input {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.login-table-extra td {
	padding: 8px 5px 8px 5px;
}
.login-table-extra-left {
	text-align: left;
}
.login-table-extra-right {
	text-align: right;
}

/* ARCHIVER DATA STYLE */
.queue-table {
	width: 45%;
	top: -140px;
	right: 0;
	position: absolute;
}
.queue-table td {
	padding: 0 0 0 11px;
}

/* TREND LOG SELECTION PAGE STYLE */
.site-archiving-status p {
    font-size: 12px;
    padding: 0;
    font-weight: bold;
}
.checkbox-row {
    position: absolute;
}
.checkbox-row td {
    border: 0 !important;
}
.checkbox-col {
    padding-left: 30px !important;
}

/* TREND LOG MANAGEMENT PAGE STYLE */
#trend-log-table_filter {
    margin: 0 0 0 0;
}
#trend-log-table_filter label {
    padding-left: 0px;
}
#trend-log-table_filter input {
    width: 200px;
}
#trend-log-table-container .dataTables_filter {
    display: none;
}
#trend-log-table-container .dataTables_scrollBody::-webkit-scrollbar {
    width: 13px;
    height: 12px;
    background-color: rgba(240,240,240,0.5);
    border:1px #C0C0C0 solid;
}
#trend-log-table-container .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: rgba(128, 124, 124, 0.2);
}

#trend-log-table-container .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
    background-color: rgba(183,183,183,1);
}
#trend-log-table-container {
	position: relative;
    width:715px;
    float:left;
    clear:left;
}
#trend-log-table tr {
    cursor: default;
}

#trend-log-table td:not(.error-log-cell) {
    /*max-width: 173px;*/
    word-wrap: break-word;
    vertical-align: middle;
    padding: 5px 10px;
}

.tl-details {
    padding-top: 0px !important;
    padding-right: 0px !important;
}
.tl-details table {
    width:100%;
}
.tl-details td {
    padding: 5px 5px 3px 5px !important;
}
.tl-details tr:last-child td {
    border-bottom: 0px;
}
.error-log-cell {
    width:68%;
    padding-right:0px;
    border: 0px;
}
#error-log td {
    white-space: normal;
}
#cpanel td {
    padding-right: 0px;
}
#summary-container {
    width:307px;
    margin-top:6px;
    display:inline-block;
    float:right;
    clear:right;
}
#summary-container td:not(.table-left-column) {
    width: 29%;
}
#control-panel-container {
    float:right;
    clear: right;
    width:307px;
    display:inline-block;
    margin-top: 6px;
}
.open-details-btn,
.more-info-btn {
    line-height: normal;
    padding: 2px 4px 2px 4px;
}

/* BACKUP AND RESTORE PAGE STYLE */
#backup-status-container .backup-status-text,
#backup-status-container [class^="status-indicator"] {
  display: inline-block;
  vertical-align: top;
}
.information-table {
    table-layout:fixed;
    /*margin: 5px 0px 8px 0px;*/
    width: 100%;
    border:1px solid #AAAAAA;
}
.information-table #status-text {
    width: 275px;
}
.information-table td {
    padding: 0px 5px 10px 11px;
}
.cozy-table td {
    padding: 4px 5px 4px 11px;
}
.information-table .table-left-column {
    width: 43%;
}
.information-table .backup-indicator-row {
    height: 28px;
    length: 100%;
}
.backup-status-text {
    width: 460px;
}
#usbs_select {
    width: 450px;
}

#backup-freq-row .time-small,
#backup-freq-row select,
#backup-num-row select {
    width: 112px;
    margin-left: 10px;
    float: left;
}

#backup-device-row {
    height: 126px;
}

.backup-status {
    display: none;
}

#backup_time_error {
    background-color: red;
    color: white;
    width: 300px;
    clear: left;
    margin-left: 255px;
}

/* HISTORIAN IMPORT STYLES */
#enable-hist-checkbox {
  padding-top: 7px;
  margin-top: 9px;
  margin-right: 6px;
}

#historian-table td span.status-text {
  margin-left: 12px;
}

.btn-icon {
  padding: 3px 6px; !important
}
.progress {
  margin: 2px 0 2px 0;
  min-width: 188px;
  position: relative
}
.bar {
  z-index: 1;
  position: absolute;
}
.progress .bar-label {
  position: absolute;
  padding-top: 2px;
  padding-left: 2px;
  top: 0;
  z-index: 2;
  text-align: center;
  width: 100%;
  color: black;
}

#historian-table td .bar-label .percent {
  width: 30%;
  text-align: right;
  margin-right: 7px;
}

#historian-log-tables-container {
  clear: left;
  margin-top: 55px;
}
#disk-usage-container {
  padding: 20px 0 20px 16px;
}
#disk-usage-container p{
  margin-right: 34px;
}
#disk-usage-container #disk-usage-progress .progress {
  margin-top: 6px;
}

#historian-log-tables-container .tab-content{
  padding: 12px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

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

/* BOOTSTRAP TABS OVERRIDES */
.badge {
  padding-top: 2px;
}
.nav-tabs > li > a {
  border-radius: 0;
  height: 21px;
}
.nav-tabs > li.active {
  border-bottom: none;
}
.nav {
  margin: 0;
}

/* HELP PAGE STYLES*/
.procedure ul {
    list-style-type: square;
    color: rgb(80,80,80);
    padding-left: 40px;
}
.task {
    color: #C04000;
}
.step {
    color: #58595B;
}

/* MISC */
.warning-msg {
    color: orange;
}
.error-msg {
    color: red;
}
.success-msg {
    color: green;
}

#cable_disconnected_error {
    color: red;
    display: none !important;
}
.setup-link {
    float:right;
}
.setup-link a {
    font-weight: bold;
    color: #0088CC;
    vertical-align: 8px;
    cursor: pointer;
}
.setup-icon {
    display: inline-block;
    *margin-right: .3em;
    background-image: url("../images/CuCube_Buttons_Transparent.png");
    background-repeat: no-repeat;
    background-position: -640px -530px;
    height: 30px;
    width: 30px;
    margin: 2px 4px 0 0;
}

.page-info {
    clear: both;
    margin-bottom: 16px;
}

.back-btn,
.next-btn,
.form-btn {
	width: 130px;
}

.next-btn {
    float: right;
}

#queue-size {
	font-weight: bold;
	font-size: 14px;
}

.dropdown-menu {
	margin: 0 0 0 0;
}

.container {
  width: 1024px;
}

.span12 {
  width: 1024px;
}

select, textarea,
input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"],
input[type="time"], input[type="week"],
input[type="number"], input[type="email"],
input[type="url"], input[type="search"],
input[type="tel"], input[type="color"],
.uneditable-input {
	width: 300px;
}

input[type="radio"], label {
    padding-left: 10px;
    font-size: 12px;
}
.subsection {
    clear: both;
    margin-bottom: 55px;
}
.subsection-title {
    margin-bottom: 8px;
    margin-top: 25px;
    clear:right;
}
.text-section,
.table-section {
    border-top: 1px solid #ccc;
}
.table-section td {
    padding-top: 10px;
}
.table-section-title td {
    padding: 0 0 0 11px;
}
.table-subsection-title td {
    padding: 0 0 10px 11px;
}
.text-indent {
    padding-left: 20px;
}
.filter-range-label {
    padding: 5px;
}
.information-table td.center .btn {
    margin-top: 10px;
}
.information-table td.center {
    padding: 0 0 10px 0;
}

.strong {
    font-weight: bold;
}

input.margin-right-5{
	margin-right: 5px;
}

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

/* ICONS */
.ct-icon-archived-archiving {
  background-image: url("../images/archived_archiving.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 35px;
  line-height: 32px;
  width: inherit;
}
.ct-icon-archived-pending {
  background-image: url("../images/archived_pending.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 35px;
  line-height: 32px;
  width: inherit;
}
.ct-icon-archived-offline {
  background-image: url("../images/archived_offline.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 35px;
  line-height: 32px;
  width: inherit;
}
.ct-icon-archived-detached {
  background-image: url("../images/archived_detached.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 35px;
  line-height: 32px;
  width: inherit;
}
.ct-icon-archived-error {
  background-image: url("../images/archived_error.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 35px;
  line-height: 32px;
  width: inherit;
}
.ct-icon-not-archived {
  background-image: url("../images/not_archived.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 35px;
  line-height: 32px;
  width: inherit;
}

.busy-overlay{
	display: none;
	width: 100%;
	height: 96.5%;
	margin-top: 5px;
	background-color: rgb(51, 51, 51);
	opacity: 0.6 !important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.loading-gif{
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 50%;
}

.busy-overlay img{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#loading-overlay {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:500;
    background-color:rgba(255,255,255,0.6);
    display:none;
}

#loading-image {
    background-image: url("../images/loading.gif"); /*point to actual image URL*/
    width:31px;
    height:31px;
    position:fixed;
    margin-top:-16px;
    margin-left:-16px;
    left:50%;
    top:50%;
}

.in-progress-icon {
    padding-right: 8px;
}

.loading-overlay-label {
  height: 10px;
  position: absolute;
  width: 250px;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  padding-top: 42px;
  font-weight: bold;
}
.loading-overlay-label p {
  text-align: center;
  font-weight: bold;
}

/**
*   Site Page
*/

.site-detail-table td{
	vertical-align: top !important;
}

.open-detail.expanded span.button:after{
	content: "-";
}

.open-detail.collapsed span.button:after{
    content: "+";
}

.error-container{
}

.site-detail-table p{
	padding: 0
}

.site-detail-table hr{
    margin: 5px 0;
}

.add-range{
	float: right;
}

.clear-float{
	clear: both;
}

#siteTable .tl-details td:nth-child(1){
	width: 35%;
}

#siteTable .tl-details td:nth-child(2),
#siteTable .tl-details td:nth-child(3){
    width: 32.5%;
}


.modal-body table{
	width: 100%;
}

.modal-medium{
	height: 420px !important;
}

.modal-medium .modal-body{
    height: 180px !important;
}

#flush-log{
	margin-left: 2em;
}