/* ------------------------------------------------------------------------------
 *
 *  # Application Global Style Sheet
 *
 *  this style sheet is a global style sheet for common styles
 *
 *
 * ---------------------------------------------------------------------------- */
.hide {
	display : none;
}
.fr{
	float:right;
}
.fl{
	float:left;
}
.checker{
	top:18px !important;
}
.locale-pos{
	float: left;
    padding-top: 13px;
    padding-right: 10px;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loader/mini_balls_trp.gif) center no-repeat rgba(256,256,256,.5);
}
.lg-font{
	font-size:30px;!important
}
.inputbox-height{
	height: 28px;!important
}
.sub-btn{
	float: right !important;
    margin-left: 10px !important;
}
#localeToTranslate + span {
	width: 222px !important;
}
.sepV_a{
	margin-top:-18px;
}
.facet-align{
	float: left;
    width: 56%;
    padding-right: 5px;
}
.logo-align{
	position:absolute;
	z-index:9999;
	height:46px;
}
.hasHeader>div{
	top: 9px !important;
} 
.master-attribute{
	float: left;
    width: 85%;
}
.linked-attribute{
	float: left;
    width: 75%;
}
.attribute-dataType{
	width:100px;
}
.attr-search-icon{
	margin-top: 8px;
    margin-left: 5px;
}
.splitAttr-search-icon{
	margin-top: 8px;
    margin-left: 5px;
}
.specCreateAttr + span {
	width: 82% !important;
}
.selectColType + span {
	width: 135px !important;
}
.selectMappedAttr + span {
	width: 165px !important;
}
.selectShapeType + span{
	width: 120px !important;
}
#dimensionName + span {
	width: 100% !important;
}
.attr-remove-icon{
	margin-top: 8px;
    margin-left:10px;
}
.splitAttr-remove-icon{
	margin-top: 8px;
    margin-left:10px;
}
.default-value-icon{
	margin-top: 8px;
    margin-left:10px;
}  

.invalid-attr-row{
	border-color:#EF8949;
}
.table-row-add-btn{
	margin:5px;
	float:right;
}
.attr-create-btn{
	margin-right: 18px;
    margin-top: -2px;
}
#jobStatusChartdiv {
  width: 100%;
  height: 350px;
  font-size: 11px;
}
#jobStatusDetailsChartdiv {
  width: 100%;
  height: 350px;
  font-size: 11px;
}
.amcharts-pie-slice {
  transform: scale(1);
  transform-origin: 50% 50%;
  transition-duration: 0.3s;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  cursor: pointer;
  box-shadow: 0 0 30px 0 #000;
}
.amcharts-pie-slice:hover {
  transform: scale(1.1);
  filter: url(#shadow);
}
 #chartdiv {
  width: 130%;
  height: 350px;
  font-size: 20px;
}
.padd-top3{
	padding-top: 3%;
	padding-bottom: 1%;
}
.label-align-right{
	text-align:right;
	padding-top:3px;
}
.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: left;
    color: white;
    padding-right: 10px;
}
.panel-title a.collapsed:after {
    content:"\e080";
}

.glyphicon-2x {
    font-size: 250%;
}

.width-100x{
	width: 100%;
}
.exportCountXlsBtn:hover { 
    background-color: lightgray;
}
.exportCsvXlsBtn:hover { 
    background-color: lightgray;
}
.select2-dropdown{
	    z-index: 10000 !important;
}
.ct-attrValue-textbox{
	padding: 7px 12px;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
    left: 10px !important;
}
.generate-password-btn{
	padding-bottom: 2px !important;
    padding-top: 3px !important;
    margin-left:5px;
	
}
.select2-selection--multiple .select2-search__field{
	width: 244px !important;
}
.select2-width-100x + span{
	width: 100% !important;
}
/* search icon for job config parameter set */
/* enable absolute positioning */
.inner-addon {
  position: relative;
}
/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }

#cronGenPopOver{
    float: right;
    margin-top: -21px;
    margin-right: 35px;
}
.cronTextbox{
    width: 13%;
    margin-right: 11px;
    margin-top: -25px;
}
.fileFormatRemoveIcon{
	margin-top: -17px;
    margin-right: -5px;
}
#site_select + span{
	width:100% !important;
}
#pset_select + span{
	width:100% !important;
}
#validAttributes + span{
	width:100% !important;
}
.userAssetSelectBox+span{
	width:300px !important;
}
.assetAttrHeader{
	padding-left: 10px !important; 
	padding-top: 15px !important; 
	padding-bottom: 0px !important; 
	background-color: #eee !important;
}
@media (min-width: 769px){
	#loadSpecModal .modal-dialog{
		width:750px !important;
	}
	#addGeogValModal .modal-dialog{
		width:1100px !important;
	}
	#importGeogValModal .modal-dialog{
		width:800px !important;
	}
	#viewLogModal .modal-dialog{
		width:700px !important;
	}
}
.tableColWidth{
	width:275px !important;
}	
.dropdown-hover>li:hover, .dropdown-hover>li:focus {
    text-decoration: none;
    color: #333;
    background-color: #ccc;
}
.modal-open .ui-datepicker {
    min-width: 270px;
    background-color: #fff;
    padding: 5px;
    display: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    z-index: 1100 !important;
}
.sourceSelection + span{
	float:left;
}
.attributeSelection + span{
	float: left;
	margin-left: 5px;
}
.conditionFilter + span{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
.rubric-table-title{
	margin-top: 12px;
    margin-bottom: 0px;
    margin-left: 10px;
    font-size: 14px;
}
.disabledbutton {
    pointer-events: none;
    opacity: 0.7;
}
.selectField + span {
	width: 150px !important;
}

.table-borderless > tbody,
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}
.attrSelectboxMulti+div{
	width:155px !important;
}

/* Toggle */
section.toggle {
	margin: 25px 0;
	position: relative;
}

section.toggle input[type=checkbox]:checked~label {
	background: #E5F7FC;
	border-color: #CCC;
}

section.toggle input[type=checkbox]:checked~label i.icon-minus {
	display: inline;
}

section.toggle input[type=checkbox]:checked~label i.icon-plus {
	display: none;
}

section.toggle input[type=checkbox]:checked~label::before {
	border: 6px solid transparent;
	border-top-color: inherit;
	margin-top: -3px;
	right: 10px;
}

section.toggle input[type=checkbox]:checked~p {
	display: block;
	font-size: 1em;
	overflow: visible;
	padding-left: 30px;
	text-overflow: clip;
	white-space: normal;
}

section.toggle.active p {
	display: block;
	font-size: 1em;
	overflow: visible;
	padding-left: 30px;
	text-overflow: clip;
	white-space: normal;
}

section.toggle input {
	cursor: pointer;
	filter: alpha(opacity=0);
	height: 45px;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

section.toggle label {
	-moz-border-radius: 8px;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-webkit-border-radius: 8px;
	-webkit-transition: all .15s ease-out;
	background: #F4F4F4;
	border: 1px solid #F4F4F4;
	border-left: 3px solid #CCC;
	border-radius: 8px;
	color: #ed9a5f;
	display: block;
	font-size: 1.1em;
	min-height: 20px;
	padding: 12px 20px 12px 10px;
	position: relative;
	transition: all .15s ease-out;
}

section.toggle label::-moz-selection {
	background: none;
}

section.toggle label i.icon-minus {
	display: none;
}

section.toggle label i.icon-plus {
	display: inline;
}

section.toggle label::selection {
	background: none;
}

section.toggle label::before {
	border: 6px solid transparent;
	border-left-color: inherit;
	content: '';
	margin-top: -6px;
	position: absolute;
	right: 4px;
	top: 50%;
}

section.toggle label:hover {
	background: #f5f5f5;
}

section.toggle label + p {
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-webkit-transition: all .15s ease-out;
	color: #999;
	display: block;
	overflow: hidden;
	padding-left: 30px;
	text-overflow: ellipsis;
	transition: all .15s ease-out;
	white-space: nowrap;
}

section.toggle label i {
	font-size: 0.7em;
	margin-right: 8px;
	position: relative;
	top: -1px;
}

section.toggle p {
	display: none;
}
section.toggle input[type="checkbox"]:checked ~ label{
	background-color: #F4F4F4;
    /* border-color: #0088cc; */
    color: #ed9a5f;
}
section.toggle label + div {
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-webkit-transition: all .15s ease-out;
	color: #999;
	display: block;
	overflow: hidden;
	padding-left: 30px;
	text-overflow: ellipsis;
	transition: all .15s ease-out;
	white-space: nowrap;
}
section.toggle div {
	display: none;
}
section.toggle.active div {
	display: block;
	font-size: 1em;
	overflow: visible;
	padding-left: 30px;
	text-overflow: clip;
	white-space: normal;
}
section.toggle input[type=checkbox]:checked~div {
	display: block;
	font-size: 1em;
	overflow: visible;
	padding-left: 30px;
	text-overflow: clip;
	white-space: normal;
}
