/**
 *
 * Apply your custom CSS here
 *
*/
.bg-none {
	background-color: none;
}

.color-white {
	color: #555
}

@font-face {
	font-family: OpenSans;
	src: url(/fonts/OpenSans-Light.woff);
}

/** Paddings and margin */
.p-0 {padding: 0px !important;}
.p-5 {padding: 5px !important;}
.p-10 {padding: 10px !important;}
.p-15 {	padding: 15px !important;}
.p-18 {	padding: 18px !important;}
.p-20 {	padding: 20px !important;}
.p-25 {	padding: 25px !important;}
.m-0 {	margin: 0px !important;}
.m-5 {	margin: 5px !important;}
.m-10 {	margin: 10px !important;}
.m-15 {	margin: 15px !important;}
.m-18 {	margin: 18px !important;}
.m-20 {	margin: 20px !important;}
.m-25 {	margin: 25px !important;}
.mt-0 {	margin-top: 0px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mb-20{	margin-bottom: 20px !important;}
/** End of Paddings and margin */
.xe-custom {
	padding: 18px !important
}

.login-bg {
	background: rgba(0, 0, 0, 0) url("/assets/images/login-bg.jpg")
		no-repeat scroll 0 0/cover !important;
	display: block;
	overflow: hidden;
	width: 100%;
}

.col-centered {
	float: none !important;
	margin: 0 auto;
}

.button-right-container {
	float: right;
}

.page-header {
	border-bottom: 0 none;
	color: #000;
	font-weight: 300;
	margin: 30px 0 10px;
	padding-bottom: 9px;
	font-family: OpenSans, Calibri, Verdana, Geneva, sans-serif;
}

.font-open {
	border-bottom: 0 none;
	color: #999;
	font-weight: bold;
	margin: 5px 0 5px;
	padding-bottom: 9px;
	font-family: OpenSans, Calibri, Verdana, Geneva, sans-serif;
}

.font-open-for-popup {
	color: #999;
	font-weight: 300;
	margin: 0px;
	font-family: OpenSans, Calibri, Verdana, Geneva, sans-serif;
	font-size:20px;
	padding:0px;
}

ul.generic-form-error {
	list-style: none;
	padding-left: 0;
}

.error-field {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* dropbox custom css*/
.droppable-newarea {
	display: inline-block;
	background: #ededed;
	border: 2px dashed #cbcbcb;
	width: 110px;
	min-height: 110px !important;
	height: 110px;
	line-height: 26px;
	padding:40px 10px 0;
	text-align: center;
	position: relative;
	font-size: 15px;
	color: #646565;
	margin-bottom: 12px;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	cursor: pointer;
}

.droppable-docarea {
	display: inline-block;
	background: #ededed;
	border: 2px dashed #cbcbcb;
	width: 100%;
	min-height: 150px !important;
	line-height: 26px;
	padding:40px 10px 0;
	text-align: center;
	font-size: 15px;
	color: #646565;
	margin-bottom: 30px;
	-webkit-border-radius: 2%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	cursor: pointer;
}
.docPicDetailInner{
		 bottom: 0;
    left: 14px;
    position: absolute;
    top: 0;
	 background: #ededed none repeat scroll 0 0 padding-box;
    border: 2px dashed #cbcbcb;
    -webkit-border-radius: 2%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2%;
	-moz-background-clip: padding;
	border-radius: 2%;
	background-clip: padding-box;
    cursor: pointer;
	min-height: 110px !important;
    display: inline-block;
    line-height: 26px;
    margin-bottom: 10px;
    padding: 40px 10px 0;
    width: 100%;
}

.droppable-business-card {
	padding:20px 10px 0;
}

.docDetailName
{
max-height: 82px;
    overflow: hidden;

}

.droppable-newarea  #userPicDetail {
	position: absolute;
	right: -2px;
    top: -2px;
}

.upload-image-area {
	position: absolute;
	right: -2px;
    top: -2px;
}

.droppable-newarea  .preview {
	display: block;
}

.droppable-newarea  #logoDetail {
	position: absolute;
	right: -2px;
    top: -2px;
}
.droppable-newarea  .logoDetail {
	position: absolute;
	right: -2px;
    top: -2px;
}
.droppable-newarea  .preview img {
	border: 2px solid #cbcbcb;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 110px;
	width: 110px;
}

.user-pic.droppable-newarea{padding: 13px 10px 0;margin-bottom: 30px;}

/*
* Header Design of tables
*/
.tableHeader{background-color:#0760a0}
.dataTables_wrapper .table thead > tr .sorting::before, .dataTables_wrapper .table thead > tr .sorting_asc::before, .dataTables_wrapper .table thead > tr .sorting_desc::before {
    color: #fff;
}

.table > thead > tr > td, .table > thead > tr > th {
    color: #fff;
}
.tableHeaderPopUp {background-color:#0760a0; color:#fff}
/*
* Form wizard 
*/
.form-wizard .tab-content label.text-danger {
    color: #cc3f44;
}

.wizard-pager{
	list-style: outside none none;
    margin-top: 18px;
    padding-left: 0;
}

.wizard-pager a{color:#fff}

/*
 * display inline
 */
.dInline{display: inline !important;}

/*
 * panel css for form wizard
 */
.panel-updated .panel-body{padding:0px;}
.panel-updated .panel-heading{padding:0px;border:none;}

/*
 * input group style
 */
.member-form-inputs .input-group-addon i{color: #fff;}

.control-label {
    color: #524f4f !important;
}
html .select2-container .select2-choice .select2-arrow {
    background: #68b828 none repeat scroll 0 0 padding-box;
	color: #fff;  
}

.xe-red{background: #cc3f44 !important;}
.xe-dark-red{background: #d5080f !important;}
.xe-info{background: #40bbea !important;}
.xe-blue{background: #0e62c7 !important;}
.xe-warning{background: #ffba00  !important;}
.xe-grey{background: #d5d5d5  !important;}
.xe-pink{background: #ff6264 !important;}
.xe-purple{background: #7c38bc !important;}
.xe-secondary{background: #68b828 !important;}
.xe-primary{background: #2c2e2f !important;}
.xe-orange{background: #f7aa47 !important;}
.xe-turquoise{background: #00b19d !important;}
.xe-light-blue{background: #40bbea!important;}
.xe-white{background: #fff!important;}
.font-white{color:#fff!important;}

.table > tfoot > tr > td, .table > tfoot > tr > th {
    color: #fff;
}

.member-form-inputs .row.back-white::before{
    background: #fff!important;
	
}
textarea.form-control {
    height: 32px;
}

.text-area-height-125{height:125px!important;}
.text-area-height-80{height:80px!important;}
.text-area-height-70{height:70px!important;}
.text-area-height-55{height:55px!important;}

.form-horizontal .control-label {
    padding-top: 0px;
}

/* Start tab css*/
.panel-body .head{margin-top:-20px!important;}

.page-container .main-content {
    padding: 30px 16px 0;
}

.page-container .main-content .page-title {
    margin: -30px -16px 17px;
}

.user-info-navbar {
    margin: -30px -16px 30px;
}

footer.main-footer {
    margin-left: -16px;
    margin-right: -16px;
}

.nav.nav-tabs > li.active > a {
    background-color: #ffba00;
}

.nav.nav-tabs > li > a {
    background-color: #8dc63f;
    color: #fff;
	margin-right:0px;
	padding: 10px!important;
}

.nav.nav-tabs > li > a:hover {
    background-color: #ffba00;
}

.nav.nav-tabs + .tab-content {
    border: 1px solid #ffba00;
    margin-bottom: 20px;
}

/*
End Tab Css
Loader Css*/

div.loading-spiner-holder{
	background-color:#ffffff;height:100%;width:100%;text-align: center;vertical-align: middle;top:0;left:0;position: fixed;opacity:.4; z-index:9999  
}
div.loading-spiner{
	top:50%;left:50%;position:absolute;margin-left:-128px;margin-top:-128px;
}

.member-form-inputs .row::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	margin:0px;
}

.user-table tbody tr td.user-image img {
    height: 42px;
    min-width: 42px;
    width: 100%;
}
/* for wizard css*/
.form-wizard.custom-wizard > .tabs > li a > span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.form-wizard.custom-wizard > .tabs > li.active a::after {
    background-color: #ffba00;
}
.form-wizard.custom-wizard > .tabs > li:hover {
    background: #f7f7f7 none repeat scroll 0 0;
}

/* datpicker */
div.datepicker-dropdown{
	z-index:9999999 !important;
}

.user-table1 tbody tr td.user-image1 img {
    height: 42px;
    min-width: 42px;
    width: 100%;
}

/*textarea height*/
textarea.form-control.textarea-large {
    height: 65px;
}

.table > thead > tr > td, .table > tbody > tr > td, .table > tfood > tr > td, .table > thead > tr > th, .table > tbody > tr > th, .table > tfood > tr > th {
    padding: 6px 15px;
}
.table > tfoot > tr > td, .table > tfoot > tr > th {
    padding: 6px 15px;
}
/* cutom radio-box */
.cutom-radio .radio-inline:first-child{
	padding-left:0px;
}

.radio-inline, .checkbox-inline {
    padding-left: 0px;
}

/* custom error*/
.customError input,.customError select{
	border-color: rgba(204, 63, 68, 0.4);
    box-shadow: none;
}

.customError select{
	border-color: rgba(204, 63, 68, 0.4);
    box-shadow: none;
}

label.customError{ color: #cc3f44;}

.table-striped > tbody > tr.custom-odd {background-color:#f9f9f9}
.table-striped > tbody > tr.custom-even {background-color:#fff}


.xe-widget.xe-counter .xe-label span, .xe-widget.xe-counter-block .xe-upper .xe-label span, .xe-widget.xe-progress-counter .xe-upper .xe-label span {
    font-size: 11px;
    text-transform: none;
}
.default_size {width:80px;display:inline}
.default_size_select {width:115px;display:inline}

.panel .panel-body {color: #656666;}

fieldset.detail {
    border: 1px solid #ddd;
    float: left;
    margin: 0;
    padding: 15px;
    width: 99%;
}
.h235 {
    height: 235px;
}
#ser legend {
    border-style: none;
    margin-bottom: 0;
    width: auto;
}
fieldset.custom-legend-heading legend {
    color: #000;
    font-size: 14px;
    margin-top: 16px;
    text-decoration: none;
    width: 30%;
	border-width: 0px;
}


#right-small-box li {
    background-color: #0e62c7;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
	line-height: 14px;
	padding: 8px;
}

/* Commented by rahul */
#steps-div li {
    #background-color: #00b19d;
    #border: 1px solid #fff;
    #border-radius: 5px;
    #color: #fff;
	#line-height: 14px;
	#padding: 8px;
}

.scroll-ui {
    
    margin-left: -38px;
    margin-top: -15px;
    overflow-y: auto;
}

.tab-move {
    float: left;
    margin-top: -1px;
    padding-right: 5px;
}
.ad_type_quantity {
	width:60px;
	display:inline
}

.ad_type_date {
	width:100px;
	display:inline
}

.elementError {
	border-color:#cc3f44;
}
.errorMsg {
	color:#cc3f44;
	font-size:12px;
	display:block;
	padding-bottom:5px;
}


.panel-opp{}

/* custom table background*/
.td-turquoise{ background-color: #00b19d;color: #fff;}
.td-turquoise a{color: #fff;}
.td-orange{ background-color: #f7aa47;color: #fff;}
.td-orange a{color: #fff;}
.border-colored{border: 1px solid #eee }
.td-rowspan{background:#f9f9f9 none repeat scroll 0 0}

#opp-div li {
    background-color: #e1e1e1;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px 1px #eeeeee;
    color: #fff;
    margin-bottom: 7px;
    padding: 1px;
	list-style: outside none none;
}

.ui-opp {
    min-height:490px;
    margin-left: -64px;
    margin-top: -15px;
    overflow-y: auto;
    width: 300px;
}
.pageHeading{ background-color:#8DC63F; color:#fff; padding: 10px; }
.list-group-item {
    padding: 0px 15px;
}

/* login icon css*/
.fa-sync{min-width:15px}
.fa-sync-top{min-width:20px}

.hyperlink{text-decoration:underline;}

.gallery-env .album-header .album-options {
  float: left;
}

.album-header-custom {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgb(255, 255, 255);
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	margin-bottom: 20px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
}

.album-header-custom-footer {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgb(255, 255, 255);
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	margin-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
}

.album-options-custom {
	float: right;
    padding: 0;
    margin: 0;
}

.assign-account {
	display:none ;
}

.gallery-env .album-images .album-image .thumb img {
    height: 113px;
}

.album-image .thumb img {
  display: block;
  line-height: 1;
  margin: 0;
  width: 100%;
  height : 113px;
}

.album-image-email img {
  display: block;
  line-height: 1;
  margin: 0;
  width: 100%;
  height : 150px;
}

.signature-textarea {
  color: #7d7d7d;
  font-family: Arial,Tahoma,Verdana;
  font-size: 11px;
}

.image-options {
    margin-top: -15%;
}
.mail-link{color:#f7aa47!important;text-decoration:underline;}
.plr-5-10 {padding-left: 5px !important;padding-right: 10px !important;}
.name{width:100%!important}
.name span {font-size: 10px;}
.col-md-12per{width: 12%;}
.vendor_pay_to{width:25%}

/*Data Table Css*/
table.dataTable tbody tr.selected {
    background-color: #B0BED9;
}

.calendar-env .calendar-main {
    padding: 0px;
}

.calendar-env .calendar-main .fc .fc-toolbar .fc-button .fc-icon {
    font-size: 30px;
}
/* Added by rahul for drag and drop*/
.ui-state-highlight{
  height: 50px;
}

.panel-group.panel-group-joined .panel + .panel, .panel-group-joined .panel-group .panel + .panel {
  border-top: 5px solid #ddd;
}
#pmWorkflowId {overflow-x: auto; white-space: nowrap}
#pmWorkflowId th{min-width:200px;}

.commentList{height:250px; overflow:auto; border:1px solid; border-color:#EEEEEE;}
.commentListSmall{height:120px; overflow:auto; border:1px solid; border-color:#EEEEEE;}
.commentListDesign{height:400px; overflow:auto; border:1px solid; border-color:#EEEEEE;}
.installer_class {float:left; width:50%;}
.installer_qunatity{ margin-left: 2px; width: 25%; float:left;}
.bt-none{border-top:none !important}

.costEstimationTotal{text-align:right;}
.wdth-20{width:20%;}
.wdth-25{width:25%;}
.wdth-15{float: left; margin-left: 3px; margin-top: 5px; width: 15%;}


/*Form Wizard*/
.step-width-small{width:5%!important;}
.step-width-large{width:7.5%!important;}
.bs-wizard {margin-top: 10px; text-align: center;}
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard .custom-float{float:none; display:inline-block;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;     margin-left: -4px;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 10px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 10px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 16px; height: 16px; display: block; background: #61c838; top: 44px; left: 50%; margin-top: -15px; margin-left: -13px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 6px; height: 6px; background: #fff ; border-radius: 50px; position: absolute; top: 5px; left: 5px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 4px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background:  #61c838;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #fff;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
.logo-large{padding:79px 0 150px 199px;}
@media screen and (max-width:768px){
	.step-width-small{width:8%!important;}
	.step-width-large{width:12%!important;}
	.navbar.horizontal-menu .navbar-inner { padding: 0;}
	.logo-large{padding:0px 0px 0px 230px;}
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
	.step-width-large{width:9%!important;}
}
/