/*
    ____        __                                   __
   / __ \____ _/ /_____ _____ _____ _____ __________/ /
  / / / / __ `/ __/ __ `/ __ `/ __ `/ __ `/ ___/ __  / 
 / /_/ / /_/ / /_/ /_/ / /_/ / /_/ / /_/ / /  / /_/ /  
/_____/\__,_/\__/\__,_/\__, /\__,_/\__,_/_/   \__,_/    
                      /____/   					  
					  
*/

#dgcontent {
  color: #565656;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 75% !important;
  text-rendering: optimizeLegibility;
}

#page-wrapper {
  width: 100% !important;
}

.wrapper-content {
  padding-bottom: 70px !important;
}

.navLogo {
  max-width: 100%;
  height: auto;
}

#userNavName {
  color: black !important;
}

.form-group {
  margin-bottom: 5px !important;
}

.form-control-sm {
  border: 2px solid #e8ebed;
  border-radius: 2px;
  box-shadow: none;
  height: 30px;
  padding: 1px 2px 2px 2px;
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
}

.form-control-sm:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 6px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 6px rgba(102, 175, 233, 0.6);
}

.page-heading {
  border-top: 0;
  padding: 0 10px 0px 10px !important;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 10px !important;
  margin-bottom: 10px;
}

.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 2px !important;
  padding-left: 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}

.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #e7eaec;
  line-height: 1.42857;
  padding: 4px !important;
  vertical-align: top;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus {
  background-color: #626466 !important;
  border-color: #626466 !important;
  color: #ffffff !important;
}

.nav-dgHeader {
  padding: 15px;
  background-color: #a0bce4;
}

.navbar-default {
  background-color: black !important;
  color: white !important;
}

/*system skins*/
.md-skin .nav > li > a {
  color: #a3a6a8 !important;
}

.md-skin .nav > li > a:hover {
  color: #fff !important;
}

.md-skin .navbar-right > li > a {
  color: #fff !important;
}

/*UAT system skins*/
#UATEDS {
  font-weight: bold;
  background-color: #1ab394;
  color: white;
}

/*LIVE system skins*/
#LIVEEDS {
  font-weight: bold;
  background-color: #2f324d;
  color: white;
}

.live-skin.navbar-static-top {
  background-color: #a0bce4;
  color: black;
}

.live-navbar-top-links {
  color: black !important;
}

/*DEV system skins*/
.dev-skin .navbar-fixed-top,
.dev-skin .navbar-static-top {
  background-color: #0e9aef !important;
}

#DEVEDS {
  font-weight: bold;
  background-color: #2f324d;
  color: white;
}

/*DataTables changed css*/
table.dataTable tbody tr.selected {
  background-color: #b0bed9 !important;
}

/*other css*/

.nav > li > a {
  color: #a7b1c2;
  font-weight: 600;
  padding: 10px 20px 10px 25px !important;
  display: block;
}

#CodeFileiframe {
  width: 100% !important;
  height: 100%;
  overflow: scroll;
}

#dglabel {
  float: left !important;
  padding-left: 0 !important;
}

#dglabel2 {
  float: left !important;
  padding-left: 5% !important;
}

#dglabel3 {
  float: left !important;
  padding-left: 3.5% !important;
}

#dglabelpsid {
  float: left !important;
  padding-left: 25% !important;
}

#dglabelais {
  float: left !important;
  padding-left: 5% !important;
}

#dglabeldd {
  float: left !important;
  padding-left: 0 !important;
}

#dghidden {
  border-color: transparent !important;
}

#dghidden:focus {
  outline: none !important;
  cursor: none !important;
  caret-color: transparent !important;
}

#tlbrMsg {
  position: relative;
  padding: 0.75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

#sysInfo {
  padding-top: 10% !important;
  padding-left: 10% !important;
  font-size: 14px;
}

#sysInfo_war {
  padding-top: 6% !important;
  font-size: 14px;
  color: orange;
}

#appVer {
  font-size: 10px;
}

a {
  color: #676a6c;
}

.white-sp-pre {
  white-space: pre;
  font-family: Lucida Console;
}

input[type="text"]:disabled {
  background: #dddddd;
  cursor: not-allowed;
}

/*select.classic {
	background-image:
		linear-gradient(35deg, transparent 50%, transparent 50%),
		linear-gradient(135deg, transparent 50%, transparent 50%),
		linear-gradient(to right, rgba( 0, 0, 0, .2 ), rgba( 0, 0, 0, .2 ));
	background-position:
		calc(100% - 20px) calc(1em + 2px),
		calc(100% - 15px) calc(1em + 2px),
		100% 0;
	background-size:
		5px 5px,
		5px 5px,
		2.9em 2.4em;
		background-repeat: no-repeat;
}

*/

select.classic {
  background-image: linear-gradient(35deg, transparent 50%, grey 50%),
    linear-gradient(135deg, grey 50%, transparent 50%),
    linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.9em 2.4em;
  background-repeat: no-repeat;
  background-color: transparent;
}

select.classic:disabled {
  background-image: linear-gradient(35deg, transparent 50%, grey 50%),
    linear-gradient(135deg, grey 50%, transparent 50%),
    linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.9em 2.4em;
  background-repeat: no-repeat;
  background-color: #dddddd;
}

/* fvOR overrides form validation colours for right aligned captions */
.fvOR {
  color: #555 !important;
}

.fv-plugins-tachyons .fv-plugins-icon {
  height: 36px !important;
  line-height: 36px !important;
  width: 0px !important;
}

.input-reset:focus {
  border-width: 0.125rem !important;
  border-color: #1c84c6 !important;
}

input[type="checkbox"].onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #1ab394;
  border-radius: 3px;
}
input[type="checkbox"].onoffswitch-label + label span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background: url(../img/green.png) left top no-repeat;
  cursor: pointer;
}

/* Style Checkboxes */
input[type="checkbox"] {
  display: none;
  float: left;
  width: 0px;
  opacity: 0;
  height: 1px;
}
input[type="checkbox"] + label span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background: url(../img/green.png) left top no-repeat;
  cursor: pointer;
}
input[type="checkbox"]:checked + label span {
  background: url(../img/green.png) -48px top no-repeat;
}
input[type="checkbox"]:checked:hover + label span {
  background: url(../img/green.png) -48px top no-repeat;
}
input[type="checkbox"]:hover + label span {
  background: url(../img/green.png) -24px top no-repeat;
}
input[type="checkbox"]:focus + label span {
  background: url(../img/green.png) -24px top no-repeat;
}
input[type="checkbox"]:checked:focus + label span {
  background: url(../img/green.png) -48px top no-repeat;
}
input[type="checkbox"]:disabled + label span {
  background: url(../img/green.png) -71px top no-repeat;
}
input[type="checkbox"]:disabled:checked + label span {
  background: url(../img/green.png) -95px top no-repeat;
}

/* Style Radio Buttons */
input[type="radio"] {
  /*display: none;*/
  float: left;
  width: 0px;
  opacity: 0;
  height: 1px;
  position: absolute;
}
input[type="radio"] + label span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background: url(../img/green.png) -120px top no-repeat;
  cursor: pointer;
}
input[type="radio"]:checked + label span {
  background: url(../img/green.png) -166px top no-repeat;
}
input[type="radio"]:checked:hover + label span {
  background: url(../img/green.png) -166px top no-repeat;
}
input[type="radio"]:hover + label span {
  background: url(../img/green.png) -144px top no-repeat;
}
input[type="radio"]:focus + label span {
  background: url(../img/green.png) -144px top no-repeat;
}
input[type="radio"]:checked:focus + label span {
  background: url(../img/green.png) -166px top no-repeat;
}
input[type="radio"]:disabled + label span {
  background: url(../img/green.png) -190px top no-repeat;
}
input[type="radio"]:disabled:checked + label span {
  background: url(../img/green.png) -214px top no-repeat;
}

/* DATAGAARD Added 1, 2, 3, 4 & 5 % width values for Tachyons */
/* Width Scale */
.w-01 {
  width: 1%;
}
.w-02 {
  width: 2%;
}
.w-03 {
  width: 3%;
}
.w-04 {
  width: 4%;
}
.w-05 {
  width: 5%;
}
.w-06 {
  width: 6%;
}
.w-07 {
  width: 7%;
}
.w-08 {
  width: 8%;
}
.w-09 {
  width: 9%;
}
.w-09-7 {
  width: 9.7%;
}
.w-11 {
  width: 11%;
}
.w-12 {
  width: 12%;
}
.w-13 {
  width: 13%;
}
.w-14-7 {
  width: 14.7%;
}
.w-15 {
  width: 15%;
}
.w-16 {
  width: 16%;
}
.w-17 {
  width: 17%;
}
.w-18 {
  width: 18%;
}
.w-18-2 {
  width: 21.4%;
}
.w-19 {
  width: 19%;
}
.w-20 {
  width: 20%;
}
.w-21 {
  width: 21%;
}
.w-22 {
  width: 22%;
}
.w-23 {
  width: 23%;
}
.w-24 {
  width: 24%;
}
.w-25 {
  width: 25%;
}
.w-26 {
  width: 26%;
}
.w-28 {
  width: 28%;
}
.w-29 {
  width: 29%;
}
.w-30 {
  width: 30%;
}
.w-34 {
  width: 34%;
}
.w-35 {
  width: 35%;
}
.w-38 {
  width: 38%;
}
.w-45 {
  width: 45%;
}
.w-48 {
  width: 48%;
}
.w-49 {
  width: 49%;
}
.w-51 {
  width: 51%;
}
.w-53 {
  width: 53%;
}
.w-55 {
  width: 55%;
}
.w-56 {
  width: 56%;
}
.w-64 {
  width: 64%;
}
.w-65 {
  width: 65%;
}
.w-66 {
  width: 66%;
}
.w-69 {
  width: 69%;
}
.w-70 {
  width: 70%;
}
.w-71 {
  width: 71%;
}
.w-72-5 {
  width: 72.5%;
}
.w-75 {
  width: 75%;
}
.w-77 {
  width: 77%;
}
.w-87 {
  width: 87%;
}
.w-97 {
  width: 97%;
}

@media screen and (min-width: 30em) {
  .w-01-ns {
    width: 1%;
  }
  .w-02-ns {
    width: 2%;
  }
  .w-03-ns {
    width: 3%;
  }
  .w-04-ns {
    width: 4%;
  }
  .w-05-ns {
    width: 5%;
  }
  .w-06-ns {
    width: 6%;
  }
  .w-07-ns {
    width: 7%;
  }
  .w-08-ns {
    width: 8%;
  }
  .w-09-ns {
    width: 9%;
  }
  .w-09-7-ns {
    width: 9.7%;
  }
  .w-11-ns {
    width: 11%;
  }
  .w-12-ns {
    width: 12%;
  }
  .w-13-ns {
    width: 13%;
  }
  .w-14-7-ns {
    width: 14.7%;
  }
  .w-15-ns {
    width: 15%;
  }
  .w-16-ns {
    width: 16%;
  }
  .w-17-ns {
    width: 17%;
  }
  .w-18-ns {
    width: 18%;
  }
  .w-18-2-ns {
    width: 18.2%;
  }
  .w-19-ns {
    width: 19%;
  }
  .w-20-ns {
    width: 20%;
  }
  .w-21-ns {
    width: 21%;
  }
  .w-22-ns {
    width: 22%;
  }
  .w-23-ns {
    width: 23%;
  }
  .w-24-ns {
    width: 24%;
  }
  .w-25-ns {
    width: 25%;
  }
  .w-26-ns {
    width: 26%;
  }
  .w-28-ns {
    width: 28%;
  }
  .w-29-ns {
    width: 29%;
  }
  .w-30-ns {
    width: 30%;
  }
  .w-34-ns {
    width: 34%;
  }
  .w-35-ns {
    width: 35%;
  }
  .w-38-ns {
    width: 38%;
  }
  .w-45-ns {
    width: 45%;
  }
  .w-48-ns {
    width: 48%;
  }
  .w-49-ns {
    width: 49%;
  }
  .w-51-ns {
    width: 51%;
  }
  .w-53-ns {
    width: 53%;
  }
  .w-55-ns {
    width: 55%;
  }
  .w-56-ns {
    width: 56%;
  }
  .w-64-ns {
    width: 64%;
  }
  .w-65-ns {
    width: 65%;
  }
  .w-66-ns {
    width: 66%;
  }
  .w-69-ns {
    width: 69%;
  }
  .w-70-ns {
    width: 70%;
  }
  .w-71-ns {
    width: 71%;
  }
  .w-72-5-ns {
    width: 72.5%;
  }
  .w-75-ns {
    width: 75%;
  }
  .w-77-ns {
    width: 77%;
  }
  .w-87-ns {
    width: 87%;
  }
  .w-97-ns {
    width: 97%;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .w-01-m {
    width: 1%;
  }
  .w-02-m {
    width: 2%;
  }
  .w-03-m {
    width: 3%;
  }
  .w-04-m {
    width: 4%;
  }
  .w-05-m {
    width: 5%;
  }
  .w-06-m {
    width: 6%;
  }
  .w-07-m {
    width: 7%;
  }
  .w-08-m {
    width: 8%;
  }
  .w-09-m {
    width: 9%;
  }
  .w-09-7-m {
    width: 9.7%;
  }
  .w-11-m {
    width: 11%;
  }
  .w-12-m {
    width: 12%;
  }
  .w-13-m {
    width: 13%;
  }
  .w-14-7-m {
    width: 14.7%;
  }
  .w-15-m {
    width: 15%;
  }
  .w-16-m {
    width: 16%;
  }
  .w-17-m {
    width: 17%;
  }
  .w-18-m {
    width: 18%;
  }
  .w-18-2-m {
    width: 18.2%;
  }
  .w-19-m {
    width: 19%;
  }
  .w-20-m {
    width: 20%;
  }
  .w-21-m {
    width: 21%;
  }
  .w-22-m {
    width: 22%;
  }
  .w-23-m {
    width: 23%;
  }
  .w-24-m {
    width: 24%;
  }
  .w-25-m {
    width: 25%;
  }
  .w-26-m {
    width: 26%;
  }
  .w-26-m {
    width: 26%;
  }
  .w-28-m {
    width: 28%;
  }
  .w-30-m {
    width: 30%;
  }
  .w-34-m {
    width: 34%;
  }
  .w-35-m {
    width: 35%;
  }
  .w-38-m {
    width: 38%;
  }
  .W-45-m {
    width: 45%;
  }
  .W-48-m {
    width: 48%;
  }
  .W-49-m {
    width: 49%;
  }
  .W-51-m {
    width: 51%;
  }
  .W-53-m {
    width: 53%;
  }
  .W-55-m {
    width: 55%;
  }
  .W-56-m {
    width: 56%;
  }
  .w-64-m {
    width: 64%;
  }
  .w-65-m {
    width: 65%;
  }
  .w-66-m {
    width: 66%;
  }
  .w-69-m {
    width: 69%;
  }
  .w-70-m {
    width: 70%;
  }
  .w-71-m {
    width: 71%;
  }
  .w-72-5-m {
    width: 72.5%;
  }
  .w-75-m {
    width: 75%;
  }
  .w-77-m {
    width: 77%;
  }
  .w-87-m {
    width: 87%;
  }
  .w-97-m {
    width: 97%;
  }
}
@media screen and (min-width: 60em) {
  .w-01-1 {
    width: 1%;
  }
  .w-02-1 {
    width: 2%;
  }
  .w-03-1 {
    width: 3%;
  }
  .w-04-1 {
    width: 4%;
  }
  .w-05-1 {
    width: 5%;
  }
  .w-06-1 {
    width: 6%;
  }
  .w-07-1 {
    width: 7%;
  }
  .w-08-1 {
    width: 8%;
  }
  .w-09-1 {
    width: 9%;
  }
  .w-09-7-1 {
    width: 9.7%;
  }
  .w-11-1 {
    width: 11%;
  }
  .w-12-1 {
    width: 12%;
  }
  .w-13-1 {
    width: 13%;
  }
  .w-14-7-1 {
    width: 14.7%;
  }
  .w-15-1 {
    width: 15%;
  }
  .w-16-1 {
    width: 16%;
  }
  .w-17-1 {
    width: 17%;
  }
  .w-18-1 {
    width: 18%;
  }
  .w-18-2-1 {
    width: 18.2%;
  }
  .w-19-1 {
    width: 19%;
  }
  .w-20-1 {
    width: 20%;
  }
  .w-21-1 {
    width: 21%;
  }
  .w-22-1 {
    width: 22%;
  }
  .w-23-1 {
    width: 23%;
  }
  .w-24-1 {
    width: 24%;
  }
  .w-25-1 {
    width: 25%;
  }
  .w-26-1 {
    width: 26%;
  }
  .w-28-1 {
    width: 28%;
  }
  .w-29-1 {
    width: 29%;
  }
  .w-30-1 {
    width: 30%;
  }
  .w-34-1 {
    width: 34%;
  }
  .w-35-1 {
    width: 35%;
  }
  .w-38-1 {
    width: 38%;
  }
  .w-45-1 {
    width: 45%;
  }
  .w-48-1 {
    width: 48%;
  }
  .w-49-1 {
    width: 49%;
  }
  .w-51-1 {
    width: 51%;
  }
  .w-53-1 {
    width: 53%;
  }
  .w-55-1 {
    width: 55%;
  }
  .w-56-1 {
    width: 56%;
  }
  .w-64-1 {
    width: 65%;
  }
  .w-65-1 {
    width: 65%;
  }
  .w-66-1 {
    width: 66%;
  }
  .w-69-1 {
    width: 69%;
  }
  .w-70-1 {
    width: 70%;
  }
  .w-71-1 {
    width: 71%;
  }
  .w-72-5-1 {
    width: 72.5%;
  }
  .w-75-1 {
    width: 75%;
  }
  .w-77-1 {
    width: 77%;
  }
  .w-87-1 {
    width: 87%;
  }
  .w-97-1 {
    width: 97%;
  }
}