body {
	background-color:#EFF3F7;
}
.navbar {
    position: relative;
    min-height: 60px;
    margin-bottom: 0px;
    border: 1px solid transparent
}
.panel-heading {
    padding: 6px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #00457B;
    border-color:#00457B;
}
.btn.focus, .btn:hover{
	/* color:#fff; */
	opacity: 0.7;
}
.btn{
	color:#fff;
}
footer {
	position: absolute;
	bottom: 0;
	width:100%;
}

/* For Map Account Page */

/* Custom Style for Table */
.table-default {
 background: #bbb;
}
.table-row {
 padding-bottom: 15px;
}
.head-bg {
 background-color: #34b54f;
 color: #fff;
}
tr.head-bg a {
 color:#fff;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding:4px;
}
.table {
    margin-bottom: 10px;
}

.next-step a {
line-height:40px;
}
.mid-con {
    padding: 10px 0;
    width: auto;
}
.carousel-content {
    color:black;
    display:flex;
    align-items:center;
}

#text-carousel {
  width: 100%;
  height: auto;
  padding-left: 5px;
  padding: 0;
}
.carousel-control.left {
background : none;
}
.carousel-control.right {
background : none;
}
.table {border: 1px solid #ddd}
.btn-default {color:green} 
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {border-top: 0}
.ui-autocomplete{
  background: #fff !important;
  /*z-index: 999999 !important;*/
}
.errorpage{
  min-height: 450px;
  text-align: center;
}

/* User Module */
#userAddForm .email_exists_message, #userEditForm .email_exists_message{
    color: #FF0000;
    font-size: 12px;
}
#userAddForm .email_id_available{
  color: #008000;
}

/* Change Password */
#userChangePass{
  width: 80%;
} 
#userChangePass .frm-fld{
  width: 40%;
}
#userChangePass .old_password_fld{
  width: 100%;
  margin-bottom: 0;
}
#userChangePass .old_password_fld .old_password_box{
  width: 40%;
  float: left;
  margin-bottom: 15px;
}
#userChangePass .old_password_fld .old_password_verify{
    display: inline-block;  
    padding-left: 10px;
    color: #FF0000;
    padding-top: 35px;
    font-size: 12px;
}

.user_reg_form, .user_edit_form
{
  overflow: visible;
}

.cancel_btn
{
  border-radius: 0;
  padding: 6px 12px;
  border: none;
}

.customer_type_box
{
  padding-top: 6px;
  display: block;
  height: 35px;
}

.import_data_page
{
  text-align: center;
  width:100%; 
  height:350px; 
  background:url(../images/login-bg.jpg) no-repeat; 
  background-size:cover; 
  display:table;
  font-size: 20px;
}
.import_data_page .importing_data{
  height: 200px;
}

.import_data_section{ display:table-cell; vertical-align:middle; text-align:center;}

/* Custom code design Change 5/June/2017 */
body .cube_page  {
    font-size: 12px;
    line-height: 1.2;
}
.cube_page .next-step {
    margin-bottom: 15px;
}

/* .next-step {
    background: #CCC none repeat scroll 0 0;
    box-shadow: 0 0 1px #ccc inset, 0 0 1px #ddd inset;
}

.next-step  a {
	color:#131315;
} */

.mod {
	width:46%;
}
.ok-green {
	width: 8%;
	text-align: center;
	margin-top: 10px;
}

.ok {
	width: 8%;
	text-align: center;
	margin-top: 25px;
}

.cube, .xero {
	color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 35px;
    text-decoration: none;
    text-transform: uppercase;
	border-bottom: 1px solid #000;
	margin-bottom:2px;
}
.div-close {
	position:absolute;
	top: 3px;
	right: 15px;
}

.delete .mod {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ce3333;
    box-shadow: 0 0 0 #fff;
    color: #ce3333;
}

.cube_page  .carousel-control {
    font-size: 16px;
    text-align: center;
    text-shadow: none;
}

.table.green {
 border-color: #a7d35b;
 background: rgba(167, 211, 91, 0.2) none repeat scroll 0 0;
}

.table.orange {
 border-color: #f0ad4e;
 background: rgba(240, 173, 78, 0.2);
}

.table.red {
 border-color: #d9534f;
 background: rgba(217, 83, 79, 0.1);
}
.delete_btn {
 height:20px;
 width: 20px;
 padding: 3px; 
}
.delete_btn img {
 height:20px;
}
.cube_page .nav-tabs > li > a {
    border-radius: 0;
    line-height: 0.5;
   
}
.cube_page .nav-tabs {
    margin-bottom: 2px;
}
.cube_page .form-control {
	font-size: 12px;
	height:25px;
	padding: 5px 12px;
}
.customer-box {
	height:20px;
	margin-bottom: 5px;
}

#accordion-control .panel {
	/* border: 5px; */
}

#accordion-control .panel-collapse .panel-body {
	padding: 10px;
}

#accordion-control .panel-default > .panel-heading {
    color: #333;
    background-color: #eee;
   /*  border-color: #333; */
}

/* Login*/

.auth {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background: rgba( 0, 173, 229, 0.4);
  overflow-x: hidden;
  overflow-y: auto; }

.auth-container {
  width: 450px;
  min-height: 330px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%); }
  .auth-container .auth-header {
    text-align: center;
    border-bottom: 1px solid #00ADE5; }
  .auth-container .auth-title {
    color: #97A4B1;
    padding: 10px;
    line-height: 30px;
    font-size: 26px;
    font-weight: 600;
    margin: 0; }
  .auth-container .auth-content {
    padding: 30px 50px;
    min-height: 260px; }
  .auth-container .forgot-btn {
    line-height: 28px; }
  .auth-container .checkbox label {
    padding: 0; }
  .auth-container .checkbox a {
    vertical-align: text-top; }
  .auth-container .checkbox span {
    color: #4f5f6f; }

@media (max-width: 767px) {
  .auth-container {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: inherit;
            transform: inherit;
    margin: 0;
    margin-bottom: 10px; }
    .auth-container .auth-content {
      padding: 30px 25px; } }
	  
.lab-text {
	background: #f4fbfe;
	border-bottom: 1px solid #beedff;
	padding: 15px;
}	  

.mar-20 {
	padding-left:10% !important; 
}


/* dragula-specific Drag-Drop Lab page styles */

.container-dragula {
  /* display: table-cell; */
  width: 100%;
  margin: 0;
  padding: 0;
}
.container-dragula:nth-child(odd) {
  /* background-color: rgba(0, 0, 0, 0.2); */
}
/*
 * note that styling gu-mirror directly is a bad practice because it's too generic.
 * you're better off giving the draggable elements a unique class and styling that directly!
 */
.container-dragula > div,
.gu-mirror {
  margin: 0px 0px 10px 0px ;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.3);
  transition: opacity 0.4s ease-in-out;
  width: 100%;
  line-height: 30px;
  font-size: 15px;
  display: inline-block;
}
.container > div {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.gu-mirror {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.container-dragula .ex-moved {
  background-color: #e74c3c;
}
.container-dragula.ex-over {
  background-color: rgba(255, 255, 255, 0.3);
}

#right-copy-1tomany {
	display: block;
	width: 100%;
	background-color: #eee;
	padding: 20px;
	border: 2px dashed #ccc;
	margin-bottom: 15px;
}
#left-copy-1tomany {
	margin-top: 20px;
}
.upload-xero {
	margin-bottom: 15px;
}

/* stepy Wizard Content for Lab & Vault */

.step-box ul {padding-left: 0px; }


/* Dash Cube */

.dash-cubes { text-align:center; padding:0px;}
span.cube-name .cube_name, .ui-state-default span.cube-name .cube_name
{
  color: #b9b9b9;
}
.dash-cubes ul li { width:190px!important; height:155px; padding-top:15px; margin:15px 4px 15px 0; border:solid 1px #ddd; text-align:center; display:inline-block; *display:inline; zoom:1; vertical-align:middle; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; position: relative;}
.dash-cubes ul li.create-new-cube { border:solid 1px #02a6ee; position: relative;} 
.dash-cubes ul li.create-new-cube a { width:190px; height:190px; display:block;}
.dash-cubes ul li.create-new-cube a.upload-newCube {  width:100%; height:auto; display:block; position: absolute; bottom: 5px; left: 0px; text-align: center; margin-top:5px;}
.dash-cubes ul li.create-new-cube:hover { background:none;}
.dash-cubes ul li.create-new-cube .create-cube { color:#02a6ee; font-size:18px; display:block; font-weight:300; margin-top:10px;}
.dash-cubes ul li a.edit_icons i.fa-pencil { position:absolute; top:-105px; right:-22px; line-height:18px; font-size:14px; cursor:pointer; color:#02a6ee; border:solid 1px #02a6ee; background:#fff; border-radius:2px; width:20px; height:20px; text-align:center;}
i.cube-icon { width:52px; height:59px; background:url("../images/icons.png") no-repeat; background-position:0 0; display:inline-block; margin-bottom:5px; cursor:pointer;}
span.cube-name { word-break: break-all; color: #b9b9b9; display: block; font-size: 13px; font-weight: 300; padding-left: 5px; position: relative; text-overflow: ellipsis; /* width: 160px; */ cursor:pointer;}
span.cube-name i.fa-pencil { position:absolute; top:-105px; right:-22px; line-height:18px; font-size:14px; cursor:pointer; color:#02a6ee; border:solid 1px #02a6ee; background:#fff; border-radius:2px; width:20px; height:20px; text-align:center;}
.cube-action { background:#eee; margin-top:13px;}
.cube-action a { color:#82e3ff; margin: 3px; font-size:15px; line-height:22px; /*height:19px;*/ font-weight:300; text-align:center; text-decoration:none; /*width:48%;*/ display:inline-block;}
.cube-action a:hover { color:#ff0000;}
.ui-tooltip{ background-color: #fff!important;}
.cube-action a.border-right {border-right:solid 1px #3dc9ff;}
.dash-cubes ul li:hover {  background:#2196f3;}
.dash-cubes ul li:hover i.cube-icon { background:url("../images/icons.png") no-repeat; background-position:0 -59px;}
.dash-cubes ul li:hover span.cube-name { color: #fff !important;}
.dash-cubes ul li:hover .cube-action { display:block;}
.dash-vault-header {padding:20px; }
.dash-vault-header h3 { margin:0 0 10px 0;  color:#333; font-size:16px; }
.dash-vault-header p { margin:0 0 10px 0;  color:#848484; font-size:14px; line-height:24px; }
.theCude-right{ width:100%; height:auto; margin:20px 0px; text-align:center;}
.theCude-right .anybtn-format { background:#00abe3; color:#fff; text-align:center; font-size:14px; padding:6px 12px; cursor:pointer; border:none; transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s;}
.theCude-right .anybtn-format:hover { background:#484646;  transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s;}
.drag-box { width:260px; height:auto; margin:0px auto 20px  auto; text-align:center;}
.drag-box .cube-name { font-size:14px;}
.rename-cube input {  border: 1px solid #ccc; display: inline-block; padding: 2px; vertical-align: middle; width: 128px; }
.rename-cube i {display:inline-block; vertical-align:middle; cursor:pointer; color:#02a6ee; margin:0 1px;}
.dash-cubes ul li:hover .rename-cube i { color:#fff; }

.excel-icon {
	background:url("../images/excel-icon.png") no-repeat;
	width: 40px;
	height: 40px;
	text-align: center;
	display: inline-block;
 }
 
.xero-icon {
	background:url("../images/xero-icon.png") no-repeat;
	width: 40px;
	height: 40px;
	text-align: center;
	display: inline-block;
 } 
.thecube .cube:before{
	background: #00ade5;
}
.preloader-bg{
	background: #ededed;
	position: fixed;
	z-index: 9191919;
	width: 100%;
	height: 100%;
}
.preloader_inner{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.thecube {
  width: 75px;
  height: 75px;
  margin: 0 auto;
  margin-top: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.thecube .cube {
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.thecube .cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.thecube .cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: foldthecube 2.4s infinite linear both;
  animation: foldthecube 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.thecube .c2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
.thecube .c3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
.thecube .c4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
.thecube .c2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.thecube .c3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.thecube .c4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
@-webkit-keyframes foldthecube {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
        75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
        100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes foldthecube {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
        75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
        100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
/* custom style for tabs menu active */
.step-box .nav-tabs>li.active>a,
.step-box .nav-tabs>li.active>a:focus,
.step-box .nav-tabs>li.active>a:hover {
   color: #fff;
   background-color: #172B46;
   border:1px solid transparent;
   border-bottom-color: rgb(70, 184, 218);
   border-bottom-color: transparent;
   cursor: default;
   border-radius:5px 5px 0 0;
}
.step-box .nav-tabs {
    border-bottom: 1px solid #172B46;
}
.step-box .nav-tabs>li.active>a {
  background-color: #172B46;
   border: 1px solid #0D213C;
   color: #fff!important;
}
.hidefornow {display:none;}
.accountbreak .modal-dialog{max-width:450px;}
.directbtn{margin-bottom:15px;}
.worktype{margin-bottom:5%;}
.worktypebtn{margin-bottom:15px;float:right;}
.worktypebtn.bottombtn{margin-bottom:0px;margin-top:10px;}
.pn-mrg-bot,.pn-mrg-bot .frm-fld{margin-bottom:0px;}
.pn-mrg-bot .report-row{margin-bottom:25px;}
.loginfrm.forgotPasswordfrm .log-title { font-weight:500;  float: left;
    font-size: 20px;
    width: 100%; color:#00ade9; text-align:center;}
.sticky-save { height: 0px; width: 72px; position: fixed; right: 25px; top: 85%; z-index: 1000; }
.sticky-save .btn { border-radius: 50%; -webkit-transition: border-radius 0.5s; transition: border-radius 0.5s; }
.sticky-save .btn:hover { opacity: 1;  border-radius: 3px }
.sticky-save .btn span {
  max-width: 0;
  -webkit-transition: max-width 0.5s;
  transition: max-width 0.5s;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
}
.sticky-save .btn:hover span {
  max-width: 5rem;
}