/* Box borders */
.box{
	position:relative;
	border: 0;
	.border-radius:3px;
	.background:#E0E0E0;
	background:transparent;
	.border-top:3px solid #d2d6de;
	border-top:0px solid transparent;
	border-top:0px solid transparent;
	.margin-bottom:20px;
	width:100%;
	.box-shadow:0 1px 1px rgba(0,0,0,0.1)
}


.box.collapsed-box .box-body,.box.collapsed-box .box-footer{
	display:none;
}

.box .nav-stacked>li{
	border-bottom:1px solid #f4f4f4;
	margin:0
}

.box .nav-stacked>li:last-of-type{
	border-bottom:none;
}

.box.height-control .box-body{
	max-height:300px;
	overflow:auto;
}

.box .border-right{
	border-right:1px solid #f4f4f4;
}

.box .border-left{
	border-left:1px solid #f4f4f4;
}

.box.box-solid{
	border-top:0;
}

.box.box-solid>.box-header .btn.btn-default{
	background:transparent;
}



.box.box-solid.box-default{
	border:1px solid #d2d6de;
	border:0px;
}

.box.box-solid.box-primary{
	border:1px solid #3c8dbc;
}



.box.box-solid.box-info{
	border:1px solid #00c0ef;
}


.box.box-solid.box-danger{
	border:1px solid #dd4b39;
}


.box.box-solid.box-warning{
	border:1px solid #f39c12;
}

.box.box-solid.box-success{
	border:1px solid #00a65a;
}


.box.box-solid>.box-header>.box-tools .btn{
	border:0;
	box-shadow:none;
}


.box .box-group>.box{
	margin-bottom:5px;
}

.box .knob-label{
	text-align:center;
	font-weight:100;
	.font-size:12px;
	margin-bottom:0.3em;
}

.box>.overlay,.overlay-wrapper>.overlay,.box>.loading-img,.overlay-wrapper>.loading-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.box .overlay,.overlay-wrapper .overlay{
	z-index:50;
	border-radius:3px;
}

.box .overlay>.fa,.overlay-wrapper .overlay>.fa{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-15px;
	margin-top:-15px;
	.font-size:30px;
}



.box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after{
	content:" ";
	display:table;
}

.box-header:after,.box-body:after,.box-footer:after{
	clear:both;
}

.box-header{
	display:block;
	padding:10px;
	position:relative;
}

.box-header.with-border{
	border-bottom:1px solid #f4f4f4;
}

.collapsed-box .box-header.with-border{
	.border-bottom:none;
}

.box-header>.fa,.box-header>.glyphicon,.box-header>.ion,.box-header .box-title{
	display:inline-block;
	.font-size:18px;
	margin:0;
	line-height:1;
}

.box-header>.fa,.box-header>.glyphicon,.box-header>.ion{
	margin-right:5px;
}

.box-header>.box-tools{
	position:absolute;
	right:10px;
	top:5px;
}

.box-header > .box-tools [data-toggle=tooltip]{
	position:relative;
}

.box-header>.box-tools.pull-right .dropdown-menu{
	right:0;
	left:auto;
}

.btn-box-tool{
	padding:5px;
	.font-size:12px;
	background:transparent;
}



.btn-box-tool.btn:active{
	box-shadow:none;
}

.box-body{
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	.padding:10px;
}

.no-header .box-body{
	border-top-right-radius:0;
	border-top-left-radius:0;
}

.box-body>.table{
	margin-bottom:0;
}

.box-body .fc{
	margin-top:5px;
}

.box-body .full-width-chart{
	margin:-19px;
}

.box-body.no-padding .full-width-chart{
	margin:-9px;
}

.box-body .box-pane{
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border-bottom-left-radius:3px;
}

.box-body .box-pane-right{
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:0;
}

.box-footer{
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border-top:1px solid #f4f4f4;
	padding:10px;
}


.small-box{
	border-radius:0;
	position:relative;
	display:block;
	margin: 2em 0 0 0;
	.background-color: var(--grey8);
	border: .1ex solid var(--grey9);
}

.small-box>.inner{
	.padding:10px;
	padding: 2em;
}

.small-box>.small-box-footer{
	position:relative;
	text-align:center;
	padding:3px 0;
	display:block;
	z-index:10;
	text-decoration:none
}


.small-box h3{
	.font-size:38px;
	font-weight:bold;
	margin:0 0 10px 0;
	white-space:nowrap;
	padding:0
}

.small-box p{
	.font-size:15px
}

.small-box p>small{
	display:block;
	.font-size:13px;
	margin-top:5px
}

.small-box h3,.small-box p{
	z-index:5px
}

.small-box .icon {
    transition: all 0.3s linear 0s;
    position: absolute;
    z-index: 10;
    .font-size: 50px;
	font-size: 4em;
    .bottom: 0;
    .right: 0;
	bottom: .2ex;
	right: .2ex;
    .margin-top: 1ex;
    .opacity: 0.2;
	color: var(--grey7);
	opacity: 0.6;
}

.small-box:hover{
	text-decoration:none;
}

.small-box:hover .icon{
	.font-size:95px
}

@media (max-width:767px){
	.small-box{
		text-align:center
	}
	
	.small-box .icon{
		display:none
	}
	
	.small-box p{
		.font-size:12px
	}
	
	
}


/* wizard activity */
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}




/*  For Tabs */

.nav-tabs-custom{
	.margin-bottom:20px;
	.box-shadow:0 1px 1px rgba(0,0,0,0.1);
	margin-bottom: 2em;
	box-shadow: 0 .1ex .1ex var(--grey8);
	border-radius:0;
}

.nav-tabs-custom>.nav-tabs{
	margin:0;
	border-radius:0;
	.border-top-right-radius:3px;
	.border-top-left-radius:3px;
}

.nav-tabs-custom>.nav-tabs>li{
	.border-top:3px solid transparent;
	margin-bottom: -.2ex;
	margin-right: .5em;
	border-bottom: .4ex solid transparent;
}

.nav-tabs-custom>.nav-tabs>li>a{
	border-radius:0;
}



.nav-tabs-custom>.nav-tabs>li>a,.nav-tabs-custom>.nav-tabs>li>a:hover{
	background:transparent;
	margin:0;
}


.nav-tabs-custom>.nav-tabs>li:first-of-type{
	margin-left:0;
}



.nav-tabs-custom>.nav-tabs.pull-right{
	float:none!important;
}

.nav-tabs-custom>.nav-tabs.pull-right>li{
	float:right;
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type{
	margin-right:0;
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a{
	border-left-width:1px;
}



.nav-tabs-custom>.nav-tabs>li.header{
	line-height:35px;
	padding:0 10px;
	.font-size:20px;
}

.nav-tabs-custom>.nav-tabs>li.header>.fa,.nav-tabs-custom>.nav-tabs>li.header>.glyphicon,.nav-tabs-custom>.nav-tabs>li.header>.ion{
	margin-right:5px;
}

.nav-tabs-custom>.tab-content{
	.padding:10px;
	.border-bottom-right-radius:3px;
	.border-bottom-left-radius:3px;
	border-radius: 0;
}


.activation_notify{
    .color:red;
	color: var(--grey-10);
    text-align:center;
    padding:1em;
}

.activation_key_upload{
    padding:1em;
}

.restart_button{
white-space: nowrap;
cursor: pointer;
display: inline-block;
padding: 1ex;
text-align: center;
width: 10ex;
margin-left:20ex;
}


#authentication{
display:inline-block;
margin: 0 auto;
width:30%;
text-align:center;
}

.refresh{
    padding: 1ex;
    border-radius: 2ex;   
}

#section_password_pass{
    display:block;
}
#breadcrumb_details{
    height:4ex;
}

.green-circle{
color:green;
background-color: green;
border: 5px double transparent;
border-radius: 5px;
font-size: 0px;
}

.red-circle{
color:red;
background-color: red;
border: 5px double transparent;
border-radius: 5px;
font-size: 0px;
}

.circle-black{
    width: 20ex;
    height: 20ex;
    background: #777777;
    border: 2px solid #777777;
    border-radius: 50%;
}
.square-black{
    width: 30ex;
    height: 20ex;
    background: #777777;
    .border: 2px solid #777777;
    border-radius: 5px;
}
.circle-maroon{
    width: 20ex;
    height: 20ex;
    background: #910029;
    border: 2px solid #910029;
    border-radius: 50%;
}
.square-maroon{
    width: 30ex;
    height: 20ex;
    background: #910029;
    .border: 2px solid #910029;
    border-radius: 5px;
}

.circle-navy{
    width: 20ex;
    height: 20ex;
    background: #0C1C36;
    border: 2px solid #0C1C36;
    border-radius: 50%;
}
.square-navy{
    width: 30ex;
    height: 20ex;
    background: #0C1C36;
    .border: 2px solid #0C1C36;
    border-radius: 5px;
}
span.heading{
    position: relative;
    top: 4ex;
    left: 3ex;
    color: white;
    font-size: 13px;
    /* display: table-caption; */
    font-weight: bolder;
}

.account_heading{
    padding: 10px;
}
.text-black{
    color:black;
}
.account_info_head{
    margin-top:-15px;
}

.table_width{
    .margin: 1ex;
    width: 98%;
    height:100%;
}

#show_save_msg{
    display: inline-grid;
    margin-left: -15ex;
    position:absolute;
    z-index:10;
}

.wizardWidth{
	width:100%;
	max-width:640px;
}
