/**
 *
 * 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;}
.ml-20 {margin-left: 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}

@media screen and (max-width:768px){
	.visible-xs, .visible-sm, .visible-md, .visible-lg {
	    display: block !important;
	}
}


/*
 * 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;}

.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;
}

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

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;
}

.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;
}

#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;
}


/*widget custom*/
.xe-widget.xe-todo-list.xe-custom-padding{
	padding-bottom: 5px;
    padding-top: 5px;
}
.xe-widget.xe-todo-list.xe-custom-padding .xe-icon .img-thumbnail{  min-height: 100px; width: 100px;}

.panel-group.panel-table .panel .panel-heading a[data-toggle="collapse"]::before, .panel-group.panel-table .panel .panel-heading .accordion-toggle::before{
	float: left;    
}
.panel-table .panel.panel-custom{padding:10px}
.panel-table .panel.panel-custom.panel-table-header { background-color: #40bbea;color: #fff;}

textarea.form-control.extended {height: 90px;}

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


/*full width table*/
.full-width-table .table > thead > tr > td, .full-width-table .table > tbody > tr > td, .full-width-table .table > thead > tr > th, .full-width-table .table > tbody > tr > th{
	padding: 6px 5px;
}
.full-width-table .form-control{padding: 6px 5px;}
.extended.dropzone{min-height:90px}
.dropzone.dz-clickable .dropDownload{
	cursor: pointer;
    margin-left: 10px;
}
.custom-col-5-per { width: 5%; }

textarea.form-control.grid-textarea{height:auto}
.custom_dashboard .xe-widget.xe-todo-list .xe-header{display: block;  padding-bottom: 10px;  margin-bottom: 1px;}
.other-dashboard .xe-widget.xe-todo-list.xe-custom-padding {
    padding-bottom: 5px;
    padding-top: 5px;
}
.other-dashboard .xe-widget.xe-todo-list.xe-custom-padding div.h3 {
    display: block;
    padding: 10px 0;
}
.other-dashboard .xe-widget.xe-todo-list.xe-custom-padding .pic-wrapper {
    display: block;
    margin-top: 17px;
}
.other-dashboard .xe-widget.xe-todo-list.xe-custom-padding .img-thumbnail {
    max-height: 100px;
}
.other-dashboard .user-title {
    display: table-cell;
    height: 72px;
    vertical-align: middle;
}
.other-dashboard .xe-widget.xe-todo-list.xe-custom-padding .user-info-list {
    margin-bottom: 7px;
}

.calendar-custom .calendar-main .fc-event-container .fc-content{white-space: normal;}
.label-approved{background-color:#557524}
.label-manager-approved{background-color:#a4cf63}
.label-pending{background-color:#dc8109}
.label-rejected{background-color:#cc3f44}
.label-manager-rejected{background-color:#e60000}

.active.hover-line::before {
    display: block !important;
}
.user-info-navbar .user-info-menu > li.active.hover-line > a{color:#8dc63f;font-weight:bold}
.show-app{padding-right: 10px;}
.show-app li.text-purple{padding-top: 5px;}
.leave-check{padding-left:10px;}
.leave-bulkAction{color:#fff}
.leave-bulkAction a{padding-right:10px;color: #fff;} 
/* .moveable-approve{ 
	background: #8dc63f none repeat scroll 0 0; background:#80b636 1px solid;padding: 10px 15px 10px 10px; position: fixed;right: 0; z-index: 999;}
.moveable-approve a{color: #fff; padding: 0 5px; text-decoration: none;} */

.col-md-1-and-half{width:12% !important}
#tracking-report .task-row{background-color:#f9f9f9;}
#tracking-report .table > tbody > tr > td{border-top:  1px solid #eee;}

.development-request-link i,.development-request-link span{  
     color: #68b828;
 }