@import "variables.less";
@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");
@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);

::selection {
  background: #E4E4E4;
  color: #00B3FF;
}

ul{
	margin:0;
	padding:0;
}

header{
	padding-top:16px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:7px;
	background: @header-background;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), #f3f3f3) ;
	width:100%;	
	float:left;
	z-index:1100;
	border-bottom: 1px solid #ddd;	

}
section{
	padding:10px;
	padding-top:8px;
}
a, a:visited{
	color:inherit;
}
a:active, a:hover{
	color:inherit;
}
.headerLinks{
	display: inline-block;
	width:auto;
	float:right;
}
.divHeaderLinks{s
	position:relative;
	float: right;
	display:inline-block;
}
header ul{
list-style:none;
color:@header-icon-color;
font-size:2vh;
	li{
		display:inline;
		position:relative;
		webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		span{
			position:relative;
			font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
			a, a:visited, a:active, a:hover{
				color:@header-icon-color;
				text-decoration:none;
			}
		}
	}
}

.header-content .title{
}
.title-caption
{
  margin-left: -20px;
  font-size: 14px;
  font-weight: 400;
  color: #272525;
  text-shadow: 1px 1px 1px #D8D8D8;
}
.alert-count
{
	position: absolute;
	color: #000;
	background: @gray-lighter;	
	font-size:10px;
	padding:2px 5px !important;
	left:50%;
	bottom:50%;
	-webkit-border-radius: 15%;
	-moz-border-radius: 15%;
	border-radius: 15%;
}
.info{
	background: @notification-info-background;	
	color:@notification-info-color;
	padding: 10px;
	
}
.success{
	background: @notification-success-background;	
	color:@notification-success-color;
	padding: 10px;
	
}
.danger{
	background: @notification-danger-background;	
	color:@notification-danger-color;
	padding: 10px;	
}
.warning{
	background: @notification-warning-background;	
	color:@notification-warning-color;	
	padding: 10px;		
}
/* general css */

.text-ellipse{
 /*width:100px !important;*/
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
  display:inline-block;
}




.font-sm {
	font-size:small !important;
}
.font-sm input,.font-sm label{
	font-size:10px !important;
}
.font-sm label{
	vertical-align:middle;
}
.font-m{
	font-size:medium !important;
}
.font-lg{
	font-size:large !important;
}
.v-top{
	vertical-align: top;
}
.toggle-display{
	display:block !important;
}
.container-fluid-nopadding
{
padding-left:0px !important;
}
.delete-icon{
	color:rgb(172, 25, 25);
}
/* controls */
.error
    {
        border:1px solid @brand-danger !important;
    }
   label.error
    {
        background:@brand-danger;
        color:@gray-lightest !important;
        border:none !important;
        position:absolute;
        border-radius:3px;
        margin-left:5px;
        margin-top:5px;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
		z-index: 01;
        left: 87%;
    }
  label.valid
  {
        background:none !important;
        box-shadow:none !important;
  }  
    label.valid::before
    {
        width:0px !important;
        border:none !important;        
    }
    label.error::before{
        content: "";
        width:5px;
        border-bottom: 10px solid @brand-danger;
        border-left: 10px solid rgba(0,0,0,0);
        border-right: 10px solid rgba(0,0,0,0);
        position :absolute;
        top:-5px;
        
    }
label, .lbl-cls{
	padding:5px;
	color:#505050;
	font-weight:600;
	font-size:13px;
	min-width:150px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.childaction{
	padding:5px;
	color:#505050 !important;
	font-weight:500;
	font-size:13px;	
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;    
    min-width:50px !important;    
}

.mandatory{
	color:rgba(179, 39, 39, 1) !important;
}
.mandatory::after{
	content:'*';
}
.input
{
	border-radius:0px !important; 
	display:inline-block;
	padding:5px;
	color:rgba(0,0,0,1);
	text-decoration:none;
}
 .input:hover,  .input:visited, .input:active{
	border-radius:3px;
	display:inline-block;	
	color:rgba(0,0,0,1);
	text-decoration:none;
	    text-shadow: 1px 1px 1px rgba(209, 209, 209, 1);

}
.input-sm-right
{
	text-align:right;
}
.input .sm{
	padding:5px;
	font-size:12px;
	min-width: 100px !important;
}
.round-inset{
	border-radius:15px !important;
	border :1px inset #c7c7c7 !important ;
}
.input-mini-default{
	padding:3px;
	min-width: 30px !important;
	font-size: 11px;
	border:1px solid #c7c7c7;
	background: #fff;
	text-align: center;
	
}
.input-mini-default:hover{
	padding : 3px !important;
}
.input-mini-default.fa-plus:hover{
	color: #1c84c6 !important;
}
.input-mini-default.fa-trash-o:hover {
	color: rgba(198, 33, 33, 1) !important;
}
.input-sm-default{
	background: #fff;
	border:1px solid #c7c7c7;
	text-align: center;
	min-width: 100px !important;
		
}
.input-sm-default:hover,
.input-sm-primary:hover,
.input-sm-success:hover,
.input-sm-info:hover,
.input-sm-warning:hover
{
	box-shadow: 0px 0px 5px 0px rgba(210, 210, 210, 1);
}
.input-sm-primary{
	background: none repeat scroll 0% 0% rgba(12, 138, 112, 1);
	border: 1px solid rgba(186, 188, 187, 1);
	min-width: 100px !important;	
	color:#fff !important;
}
.input-sm-primary:hover{
	background-color:#2DBB9E;
	text-shadow: 2px 2px 2px #238974;
	color:#fff;
}

.input-sm-success{
	background:#1c84c6;
	border:1px solid #1c84c6;
	min-width: 100px !important;	
	color:#fff;
}
.input-sm-success:hover{
	background:#3B95CE;	
	text-shadow: 2px 2px 1px #055590;
	color:#fff;
}

.input-sm-info{
	background:#21b9bb;
	border:1px solid #21b9bb;
	min-width: 100px !important;	
	color:#fff;
}
.input-sm-info:hover{
	background-color:#2CC7C9;
	color:#fff;
}
.input-sm-warning{
	background:#f8ac59;
	border:1px solid #f8ac59;
	min-width: 100px !important;	
	color:#fff;
}
.input-sm-warning:hover {
	background:#FCB96F;
	text-shadow: 2px 1px 1px rgba(155, 107, 9, 0.9);
	color:#fff;
}

/*
body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
	
}

body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

*/
/* ref :http://fortawesome.github.io/Font-Awesome/3.2.1/cheatsheet/ */
.search-btn::before{
	content: "\f002";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-right: 5px !important;
}
.send-btn::before{
	content: "\f1d8";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-right: 5px !important;
}
.schedule-btn::before{
	content: "\f017";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-right: 5px !important;
}
.upward-btn::before{
	content: "\f148";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-right: 5px !important;

}
.upward-btn-flip-h::before{
	content: "\f148";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-right: 5px !important;
	 -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

.default-btn::before{
	content: "\f03a";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-right: 5px !important;
}
.cancel-btn::before{
	content: "\f00d";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-right: 5px !important;
}
.refresh-btn::before{
	content: "\f021";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);padding-right: 5px !important;
}
.plus-btn
{
	border:none;
	font-size:12px;
	box-shadow:none  !important;
	padding:0px;
	cursor:pointer;
}
.plus-btn::before{
	content: "\f067";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding:0px !important;
	padding-right: 5px !important;
	
}

.plus-btn:hover {
    color: #1c84c6;
	box-shadow:none !important;
	padding:0px;
}
.search-btn:hover
{
   color: #2DBB9E;
}
.delete-btn:hover
{
	color: rgba(198, 33, 33, 1);
}
.refresh-btn:hover
{
	color:#F8AC59;
}
.save-btn:hover
{
	color:#02AC4D;
}
.export-btn:hover, .chart-btn:hover
{
	color:#006E91;
}
.cancel-btn:hover{
	color:#D80000;
}
.default-btn:hover{
	color:#1c84c6 ;
}
.delete-btn::before{
	content: "\f014";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-right: 5px !important;
}
.export-btn::before{
	content: "\f045";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-right: 5px !important;
}
.chart-btn::before{
	content: "\f080 ";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-right: 5px !important;
}
.save-btn::before{
	content: "\f0c7 ";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-right: 5px !important;
}
.loading-btn::before{
	content: "\f110";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	-webkit-animation: fa-spin 2s infinite linear;
	-webkit-animation-name: fa-spin;
	  -webkit-animation-duration: 2s;
	  -webkit-animation-timing-function: linear;
	  -webkit-animation-delay: initial;
	  -webkit-animation-iteration-count: infinite;
	  -webkit-animation-direction: initial;
	  -webkit-animation-fill-mode: initial;
	  -webkit-animation-play-state: initial;
	animation: fa-spin 2s infinite linear;
	  margin-right: 5px;
}
.show-hierarchy-btn::before{
	content: "\f0e8";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-right: 5px !important;
}
.show-hierarchy-btn:hover {
	color: #2DBB9E;
}
/*Grid*/

table.dataTable thead th, table.dataTable thead td {
   padding: 4px 4px ;
    border-bottom: 1px solid #f7f7f7 !important;
	text-overflow:ellipsis;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #f7f7f7 !important;
	font-size:13px;
}
.table-hover > tbody > tr:hover {
    background-color: rgba(253, 255, 215, 1);
	cursor:pointer;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, 
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, 
.dataTables_wrapper .dataTables_paginate {
    color: #333;
    margin: 5px !important;
}
.dataTables_length label
{
	width:250px;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 8px;
}
.tblGridDetail, #tblGridDetail, #tblDefaultRole, #tableSelectedMembers, #tblQuerySearch, #tblFilters, #tblQueryDataMessageList {
    border-spacing: 0px 0px !Important;
	}
/* End Grid*/


/* setting  page css */
.setting-container{
	width:100%;
	height:auto;
	background:#fff !important;
	padding:20px;
	font-size:12px;
    /*margin-top:10px;*/
	margin-top:0px;
	border-radius:3px;
	.title{
			font-size: 25px;
			font-weight: 100 !important;
			color: #B8B8B8;
	}
	
		.setting-panel{
			width:100%;
			display:table;
		    /*padding:10px;*/
			padding:0Px 10px;
			color:#2b2b2b;
			ol{
					list-style:none;
					padding:0px;
					li
					{
						padding:5px;
                        text-transform: uppercase;
                        font-size: 14px;
					}
				}
			.setting-left-panel{
				display:table-cell;
				border-right:1px solid @gray-light;
				font-weight:normal;
				width:25%;
				
				.active{
					color: @brand-primary ;
					text-shadow: 0px 0px 1px #32C1FF;
				}
				.setting-list-item{
				cursor:pointer;
				}
			}
			.setting-right-panel{
				display:table-cell;
				padding:10px;
				position:relative;
				.setting-content-holder{
					position:relative;
					width:100%;
					top:0;
					display:none;
				}

			}
		}
}



/* custom alert box */
.alert-box-container
{
	width:100%;
	height:auto;
	overflow-y:auto;
	position:absolute;	
	top:0;	
	z-index:10000;
	overflow:hidden;
	.alert-time-progress{
		width:100%;
		border:1px solid #fff;	
		
	}
	.alert-timer{
	-webkit-transition: all 5s ease;
		-moz-transition: all 5s ease;
		-o-transition: all 5s ease;
		transition: all 05s ease;
		width:0%;
		}
.alert-box
	{	
		width:350px;
		position:relative;
		padding:5px;
		padding-bottom: 15px;
		border-radius:3px;
		margin:5px  auto;
		/*right:0px;
		float:right;*/
		.alert-box-caption{
			font-size:15px;
			font-weight:600;
			width:100%;
			border-bottom:1px solid white;
			.close-btn{
				float:right;
				font-size:15px;
				color:#fff;
				cursor: pointer;
			}
		}
		.alert-box-desc{
			font-size:15px;
			width:100%;
			padding-left:15px;
		}
		.alert-box-desc-more{
			font-size:10px;
			width:100%;
			padding-left:15px;
		}
		.alert-box-buttons{
			width:100%;
			text-align:right;
			padding:5px;
			button{
				width:auto;
				min-width:5px;
			}
		}
	}
}

.company-logo{
	display:inline-block;
	border-radius:3px;
	/*padding:5px;*/
	text-align:center;
	font-size:1.2em;
	font-family: 'Kaushan Script', cursive;
	background: none; border: none; box-shadow: none; height: 50px;
}
/* login page */
.login-body{
	background:@gray-lighter;
	.list-group-item{
		background:@gray-lighter;	
		border:none;
		width:700px;
		font-size:0.9em;
	}
	header{
		top:0px;
		
	}
	.navbar-brand{
		width:100px;
	}
}
/*  master list css */
.masterpage-content-holder{
	display:none;

}
.filter-content-holder{
	display:none;    
}
.close-btn-icon{
	padding:3px;
	font-size:20px;
	float:right;
	transition: all 0.1s;
	margin-right:5px;
	margin-top:5px;
	color: rgba(167, 167, 167, 1);
}
.close-btn-icon:hover{
	transform : scale(1.3,1.3);
	-ms-transform : scale(1.3,1.3);
	-webkit-transform : scale(1.3,1.3);
	color: rgba(51, 51, 51, 1);
	cursor:pointer;
}
.tab-head{
		width:100%;
		background-color:#fff;
		position:relative;
		border-bottom:1px solid #ddd;	
	}
.masterpage-content-holder{
	.tab-head{
			padding-bottom:30px ;

		}
	.tab-body{
		padding:5px ;
	}
}
.masterpage-container{
	border : 1px solid #aaa;
	background : #fff;
	
}
.tblGridDetail, #tblGridDetail,#tblDefaultRole, #tableSelectedMembers,#tblQuerySearch,#tblFilters,#tblQueryDataMessageList {
 border-spacing:2px 0px ;
 cursor:pointer;

 font-weight:normal;
 font-size: 13px;
	th{
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f0f0f0, endColorstr=#f6f6f6) !important;
		background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background-image: linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background-image: -o-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background-image: -ms-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(25%, #f6f6f6), color-stop(77%, #e8eaeb)) !important;
		color: #084B84;
        font-weight: 100 ;
	 }
	th.sorting{
	    background-color: #fff !important;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f0f0f0, endColorstr=#f6f6f6) !important;
		background-image: url("../../images/sort_both.png") , -moz-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background-image: url("../../images/sort_both.png") , linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background-image: url("../../images/sort_both.png") , -webkit-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background-image: url("../../images/sort_both.png") , -o-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background-image: url("../../images/sort_both.png") , -ms-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background-image: url("../../images/sort_both.png") , -webkit-gradient(linear, right top, right bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(25%, #f6f6f6), color-stop(77%, #e8eaeb)) !important;				
	 }
	 th.sorting_asc{
	    background-color: #F25959 !important;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f0f0f0, endColorstr=#f6f6f6) !important;
		background: url("../../images/sort_asc.png") no-repeat center right , -moz-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background: url("../../images/sort_asc.png") no-repeat center right , linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background: url("../../images/sort_asc.png") no-repeat center right, -webkit-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background: url("../../images/sort_asc.png") no-repeat center right , -o-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background: url("../../images/sort_asc.png") no-repeat center right , -ms-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background: url("../../images/sort_asc.png") no-repeat center right , -webkit-gradient(linear, right top, right bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(25%, #f6f6f6), color-stop(77%, #e8eaeb)) !important;				
	 }
	  th.sorting_desc{
	    background-color: #F25959 !important;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f0f0f0, endColorstr=#f6f6f6) !important;
		background: url("../../images/sort_desc.png") no-repeat center right , -moz-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background: url("../../images/sort_desc.png") no-repeat center right , linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background: url("../../images/sort_desc.png") no-repeat center right, -webkit-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background: url("../../images/sort_desc.png") no-repeat center right , -o-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background: url("../../images/sort_desc.png") no-repeat center right , -ms-linear-gradient(top, #f0f0f0 0%, #f6f6f6 25%, #e8eaeb 77%) !important;
		background: url("../../images/sort_desc.png") no-repeat center right , -webkit-gradient(linear, right top, right bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(25%, #f6f6f6), color-stop(77%, #e8eaeb)) !important;				
	 }
 tr:nth-child(even) {
	background:  #EEEEEE  !important;
}
tr:hover{
	background:none;
}
}

.MainDetail:empty {
	display:none;
}
.tblGridDetail.collapsed,#tblGridDetail.collapsed{
	td:first-child,th:first-child{
		display: table-cell;
	}

}
.tblGridDetail,#tblGridDetail{
	border:1px solid #ddd !important;
	
	.action{
		min-width:65px !important;
		width:65px !important;
	}
	td{
		border-top: 1px solid #E5E5E5;
		border-right: 1px solid #E5E5E5;
		position:relative;
	}
}

.tblMasterControls{
	border-spacing:2px 0px;
	th {
		  background: #D3D3D3 !important;
	 }
	tr:nth-child(even) {
		background:	#F2F2F2 !important;
	}
	tr:nth-child(odd) {
		background: #ffff !important;
	}
}



.shortcut-btn{
	color:#818181;
}
.shortcut-btn:hover{
	color:#111;
	transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
}
.text-editor{
	font-size:14px !important;
	background:#fff;
	cursor:pointer;
	a{
		display:inline-block;
		min-width:20px;
		border-radius:3px;
		padding:3px ;
		text-decoration:none;
	}
	a:hover,a:active{
		background:#025F4C;
		color:#fff;
	}
	.fa-plus-square, .fa-plus-square:hover{
		background: #fff !important;
		outline:none;
		border:none;
		font-size:20px;
		color:#1ab394;
		padding:0px;
	}
	.fa-plus-square:active{
		color:#0B9B7E !important;
		transform:scale(1.2,1.2);
	}
	
}

.adv-input{
	outline:none;
	border:none;
	
}
.form-builder-tabbody{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top:25px;
}
.rightPanel {
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
	bordeR:1px solid blue;
}
 .leftPanel{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	-ms-flex: 1;
}
.drag_inner{
	cursor: move;
	font-size:25px;
	position:absolute;
	top:-25px;
	left:-2px;
}
label.highlight{
	color: crimson;
}
.label-circle{
	border-radius: 5px;
	padding: 5px;
	margin: 0 auto;
	background: rgb(215, 232, 255);
	color: #002DE0;
}
.label-circle:empty {
  padding:0px;
}

.flexed-table{
		td
		{
			width:33%;
		}
}




/* Wizard css */
.step-header:before {
  content: '';
  position: absolute;
  width: 35px;
  height: 35px;
  background-color: #ddd;
  border-radius: 50%;
  top: 35px;
  left: 35px;
  margin-left: -32px;
  margin-top: -33px;
  }
.wizard-header{
	position:relative;
}
.wizard-contianer{
	
	
	.wizard-header{
		background: #F0F0F0;
		border: 1px solid #ddd;
		text-align:center;  
		/* details of each step in wizard */
		.step-header, .step-header:hover, .step-header:active{
			position: relative;
  display: inline-block;
  /* background: #eaeaea; */
  /* border-radius: 50%; */
  width: 40px;
  /* height: 40px; */
  padding: 5px;
  margin-right: 150px;
  text-decoration: none;
			/* icon of step */
			.step-sr-no{
				display: inline-block;
				  width: 30px;
				  height: 30px;
				  background-color: #eaeaea;
				  text-align: center;
				  font-size: 15px;
				  color: #a9a9a9;
				  border: 1px solid #d9d9d9;
				  position: relative;
				  z-index: 1;
				  -webkit-border-radius: 50%;
				  border-radius: 50%;
				  cursor:pointer;
				  transition: all 0.5s ease;
				  span{
					  margin: 0 auto;
					  display: inline-block;
					  height: 100%;
					  position: relative;
					  top: 15%;
					  margin-top: -8px;
				  }
			}

			.step-sr-no:before{
				position:absolute;
				width:168px;
				border:2px solid #c3c3c3;
				content:'';
			}
			.step-sr-no:after{
				top:50%;
				right:-200%;
			}
			.step-sr-no:before{
				top:50%;
				left:-168px;
			}
			.step-sr-no.activate {
				background: #109818;
				color:#fff;
			} 
			/* text info of the step */
			.step-details{
				font-size : 10px;
				text-align:left;
				margin-top: 10px;
			}
		}
		/*Add  mode of the wizard */
		.wizard-header[data-mode|=Add]{

			}
		/*Edit mode of the wizard */
		
		
		/* step_1 header after part  */
		#step_1{
				.step-sr-no:before{
				position:absolute;
				width:100%;
				border:transparent;
				content:'';
			}
		}
		/* step_3 header after part  */
		#step_3{
				.step-sr-no:after{
				position:absolute;
				width:100%;
				border:transparent;
				content:'';
			}
		}
	}
	.wizard-body{
		margin-top:20px;
		.row{
			margin-left:0px ;
			margin-right:0px ;
		}
	}
	
}
.text-left-10{
	text-align:left;

}
.resultDiv{
	width:49%;
	display:inline-block;
	vertical-align:top;
}
.msg-body{
		height: 100%;
		position:absolute;
		display:inline-block;
		background-color: @inbox-msg-body !important;
		overflow:auto;
	
}
.resultDiv.horizontal-split, .msg-body.horizontal-split{
	width: 100%;
  display: inline-block;
  vertical-align: top;
  max-height: 40vh;
  overflow-y: auto;
}
.msg-body.horizontal-split{
	
	margin-top: 10px;
  border-top: 4px solid #ddd;
  border-radius: 3px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fff;
  box-shadow: 0px 2px 15px 3px #E2E2E2 !important;
}

.rotate-90 {
	-webkit-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
   transform: rotate(90deg) !important;
}

.sideMenu .panel-default{
	padding:5px;
}
.sidemenu-link {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 75%;
    display: inline-block;
    padding: 0px ;
    text-align: left !important;
	text-transform: capitalize !important;
}
.sideMenu .panel-heading{
	padding:5px 5px 5px 2px;
	cursor:pointer;
	h4{
	  font-size: 12px;
	  text-align: left;
	  font-weight: 600;
	}
 
}
.sideMenu  .panel-body{
		padding:5px;
	li{
		list-style-type:none;
		font-size:11px;
		padding-right:5px;
		cursor:pointer;
	}
	a,a:visited{
		padding:5px;
		text-align:center;
		color:#545454;
		text-decoration:none;
	}
}
.role-selector-popup{
	position:absolute;
	background-color:#fff;
	color:#413B3B;
	z-index:1010;
	border-radius:3px;
	width:140px;
	box-shadow: 1px 1px 8px 1px #DBDBDB;
	text-overflow:ellipse;
	display:none;
	cursor:pointer;
    left:10px;
		ol{
		list-style:none;
		padding:2px;
		font-size:12px;
		width:auto;
		a{
			width:100%;
			background-color:#fff;
			color:#413B3B !important;
			font-size:1em !important;
			padding:5px;
		}
		li{
			width:100%;
		}
		
		li.disabled,li.disabled:hover{
			background-color:#fff;
			color:#B3B3B3;
		}
	}
	span:first-child{
		border-left:10px solid rgba(0,0,0,0);
		border-right:10px solid rgba(0,0,0,0);
		border-top:10px solid rgba(0,0,0,0);
		border-bottom:10px solid rgba(0,0,0,1);
		position:absolulte;
		}
}