@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,700italic,700,500,500italic);
@charset "UTF-8";
/* CSS Document */
body {
	width:100%; height:100%;
	background-color:#000000;
	font-family:'Ubuntu', Arial, sans-serif;
	font-weight:300;
}
body.dev {
    border:10px solid red;
    box-sizing: border-box;
}
.wrapper {
	width:100%;
	height:100vh;
	overflow:hidden;
	background-color:#edeff5;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
.wrapper.scaleout {

}
div {
	position:relative;
}

.whitebg {
	background-color:#FFF;
}
.greybg {
	background-color:#edeff5;
}
.redbg {
	background-color:#D6543A !important;
}
div[href],td[href],span[href] {
	cursor:pointer !important;
}
.absRightTop {
	position:absolute;
	right:0; top:0;
	z-index:10;
}
.showOnParentHover {
	display:none;
}
*:hover > .showOnParentHover {
	display:block;
}
.bg-danger {
	background-color:#f2dede !important;
}
h1, h2, h3 {
	font-family:'Montserrat';
}
hr:last-child {
	display:none;
}
.red {
	color:#D6543A;
}
.green {
	color:#7BC06C;
}
.grey {
	color:#878F94;
}
img {
	max-width:100%;
	height:auto;
}
.clickable {
	cursor:pointer;
}
.text-muted {
	color:#999;
}

/*Datums*/
.dateCol {
	text-transform:uppercase;	
	color:#FFF;
	border-radius:3px;
	background-color:#2f4050;
	line-height:1.8em;
	font-size:12px;
	padding:10px 0 5px 0;
	margin-right:-15px;
}
.dateCol span {
	font-size:28px;	
}

/*bigbadge*/
.bigbadge {
	text-transform:uppercase;	
	color:#FFF;
	border-radius:30px;
	background-color:#5093e1;
	line-height:1.8em;
	font-size:12px;
	padding:0;
	text-align:center;
	font-size:24px;
	text-shadow:1px 1px 0px rgba(0,0,0,0.4);
}

/*navbar-header*/
.navbar {
	background-color:#FFF;
	margin-bottom:0px;
	border:0; border-radius:0;
}
.navbar-header {
	z-index:100;
}
.goBack {
	font-size:14px;
	color:#df3b18 !important;
	cursor:pointer;
}

/*Menu*/
.loggedIn {
	padding:15px;
	border-top:1px solid rgba(255,255,255,0.4);
	border-bottom:1px solid rgba(255,255,255,0.4);
}
.loggedIn a {
	color:#df3b18;
	font-size:12px;
}
.loggedIn a.text-info {
	color:#DDDDDD;
	font-size:12px;
}
.main_menu {
	position:absolute;
	width:250px;
	background-color:#1a171b;
	color:#FFF;
	height:100vh;
	z-index:3;
}
.main_menu li a {
	color:#FFF;
	position:relative;
	text-align:left;
	font-family:'Montserrat';
	text-transform:uppercase;
	font-size:11px;

}
.main_menu li .counter {
	position:absolute;
	right:15px; top:7px;
	display:block;
}
.main_menu li .counter span {
	background-color:#FFF;
	color:#333;
	font-size:11px;
}
.main_menu li a:hover, .main_menu li a.active {
	color:#df3b18;
	background-color:transparent;
}
.main_menu .logo {
	position:absolute;
	width:250px;
	left:0px; bottom:0px;
}
.main_menu .logo img {
	display:inline-block;
	margin-left:10%;
	width:80%; height:auto;
	margin-bottom:15px;
}
.content_wrapper {
	padding-left:250px;
	z-index:2;
	height:100vh;
	overflow:auto;
	background-color:#edeff5;
}
.module_content {
	padding-top:20px;
	padding-bottom:20px;
}
.login_wrapper {
	height:100vh;
	padding-top:10vh;
	box-sizing:border-box;
	background-color:#1a171b;
	background-size:cover;
	background-position:center bottom;
    overflow-y:auto;
}

/*Panels*/
.panel {
	border-radius:0;
	border-top-width:0;
}
.panel > .panel-heading {
	border-top-width:3px;
	border-top-style:solid;
	border-radius:0;
}
.panel-default > .panel-heading {
	background-color:#FFF;
    border-color: #ddd;
	border-top:3px solid #ddd;
	border-radius:0;
}
.panel-default  .panel-footer {
	background-color:#1a171b !important;
	color:#FFF !important;
}
.panel-body.scroll {
	max-height:400px;
	overflow-y:scroll;
}
.note-editor {
	border:0 !important;
	margin-bottom:0 !important;
}
.panel-dark {
	background-color:#000;
	margin-bottom:0
}
.panel-dark .panel-heading {
	 border-color: #666;
	 padding: 5px 14px;
	 font-size:12px;
}
.panel-dark .panel-title {
	font-size:12px;
	cursor:pointer;
}
.panel-dark .panel-title:hover {
	text-decoration:underline;
}
.panel-dark .panel-body {
	 padding: 5px 14px;
	 font-size:12px;
}
.panel-dark .panel-footer {
	background-color:inherit;
}

.panel-heading .pull-right .input-group {
    width: 200px;
}

/*Input inline*/
.input-inline-xs {
	display:inline-block;
	width:25%;
	margin-bottom:3px;
}
.input-inline {
	display:inline-block;
	width:50%;
	margin-bottom:3px;
}

/*Sort*/
.dragger {
	display:none;
}
.dragger.show {
	display:inline-block !important;
}


/*override*/
.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: left;
}


/*Email modal*/
.fullPageOverlay {
	position:absolute;
	top:0; left:0; width:100%; height:100%;
	background-color:rgba(0,0,0,0.2);
	z-index:10;
	display:none;
}
.newMessageForm {
	position:absolute;
	bottom:0; left:50%;
	width:70%; margin-left:-35vw;
	background-color:#FFF;
	z-index:11;
	box-shadow:0px 0px 30px rgba(0,0,0,0.4);
}
.newMessageForm.minimized form {
	display:none;
}
.newMessageForm.smaller {
	width:500px;
	bottom:0; left:auto; right:0;
	margin-left:0;
}
#summernote {
	height:300px;
}
.message-header, .message-body, .message-footer {
	padding:10px;
}
.message-header {
	background-color:#32393e;
	color:#FFF;
}
.message-header .close {
	color:#FFF;
	opacity:0.5;
}
.select2 {
        width: 100% !important;
    }

.floatingpopover {
	position:absolute;
	width:1px; height:1px;
	z-index:100;
}




/*Callscreen*/
.form-group-sm {
	margin-bottom:5px;
}
iframe.bWebsite {
	width:100%;
	border:0;
	height:345px;
}
ttemplate {
	display:none;
}
.tbodytemplate {
	display:none;
}



/*Chat*/
.chatMessages {
	height: 70vh;
	overflow-y:scroll;
}
.chatMessage {
	margin-bottom:10px;
}
.chatMessage .by span {
	font-weight:bold
}
.chatMessage .text {
	background-color:#efefef;
	border-radius:3px;
	padding:10px;
	max-width:80%;
	min-width:60px;
	display:inline-block;
	position:relative;
	font-size:12px;
	margin-top:4px;
}
.chatMessage .note {
	text-align: center;
}
.chatMessage .photo, .chatMessage .note {
	cursor: pointer;
}
.chatMessage .text pointer {
	background-color:#efefef;
	display:block;
	width:10px; height:10px;
	transform:rotate(45deg);
	position:absolute;
	left:20px;top:-5px;
	z-index:2;
}
.chatMessage.me {
	text-align:right;
}
.chatMessage.me .text {
	background-color:#DF682F;
	color:#FFF;
}
.chatMessage.me .text pointer {
	background-color:#DF682F;
	right:20px; left:auto;
}


.smallChatPanel .chatMessages {
	color:#FFF;
}
.smallChatPanel .chatMessages {
	height: 210px;
	overflow-y:scroll;
}
.smallChatPanel .chatMessages .text {
	padding-top:2px; padding-bottom:2px;
}
.smallChatPanel .chatMessage.other {
	color:#333;
}
.smallChatPanel .chatMessage .text pointer {
	width:5px; height:5px;
	top:-2px;
	z-index:2;
}




/*Cleint Chat*/
.clientMessages {
	height: 70vh;
	overflow-y:scroll;
}
.clientMessages {
	margin-bottom:10px;
}
.clientMessages .by span {
	font-weight:bold
}
.clientMessages .text {
	background-color:#efefef;
	border-radius:3px;
	padding:10px;
	max-width:80%;
	min-width:60px;
	display:inline-block;
	position:relative;
	font-size:12px;
	margin-top:4px;
}
.clientMessages .text pointer {
	background-color:#efefef;
	display:block;
	width:10px; height:10px;
	transform:rotate(45deg);
	position:absolute;
	left:20px;top:-5px;
	z-index:2;
}
.clientMessages.me {
	text-align:right;
}
.clientMessages.me .text {
	background-color:#DF682F;
	color:#FFF;
}
.clientMessages.me .by {
	color:#333;	
}
.clientMessages.me .text pointer {
	background-color:#DF682F;
	right:20px; left:auto;
}



/*Calendar*/
.fc-row.fc-rigid {
    overflow:visible;
}
.fc-content-skeleton {
	pointer-events: none;
}
.fc-day-grid-event {
	pointer-events: auto;
}
.fc a {
	color: inherit;;
}




.dz-preview {
	display:inline-block;
	width:300px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.2);
	padding:3px;
}
.dz-preview .dz-success-mark {
	display:none;
}
.dz-preview .dz-error-mark {
	display:none;
}
.dz-preview .dz-progress {
	display:block;
	height:5px;
	background-color:#efefef;
	position:relative;
}
.dz-preview .dz-progress span {
	display:block; position:absolute;
	height:5px; left:0; top:0; background-color:#7EC15E;
}


table th[data-sort] {
	cursor:pointer;
	text-wrap:none;
}
table td.shortenText {

}
table td.shortenText div {
	width:500px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
table td.shortenTextAssignment div {
	width:150px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.planningTable td {
	background-color:#FFF;
}
.planningTable th.currentWeek,.planningTable td.currentWeek {
	background-color:#EFEFEF;	
}
.input-group .form-control {
    z-index:auto;
}
.input-group-btn .btn {
	padding-top: 9px;
	padding-bottom: 9px;
}



.has-success .form-control {
	background-color:#c7f3c8;
}
.has-warning .form-control {
	background-color: #f5ce9c;
	border-color:#d58216;
}
.has-warning label {
	color:#d58216;
}

.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #8eca83; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {position: absolute; width: 50px; height: 50px; display: block; background: #8eca83; top: 45px; left: 50%; margin-top: -25px; margin-left: -25px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #47ac33; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after {content: ' '; width: 24px; height: 24px; background: #47ac33; border-radius: 50px; position: absolute; top: 13px; left: 13px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #8eca83;}
.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: #f5f5f5;}
.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; }
/*END Form Wizard*/
.steps > div > div {
	padding:10px;
	background-color:#efefef;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot.orange:after {background: #E7840D;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot.orange {background: #E7BA90;} 



.slider.slider-horizontal{
  width:100% !important; /* sample value - set it as you like*/
}




.loadingoverlay {
    z-index : 9999;  /* This value should be just higher than your other elements' z-indexes */
	color:#FFF;
}


.list-group-item-hover {
	cursor: pointer;
}
.list-group-item-hover:hover {
	background-color: #F6F6F6;
}
ul.list-noborder > * {
	border-left:0;
	border-right: 0;
}
ul.list-noborder > *:first-child {
	border-top:0;
}
ul.list-noborder > *:last-child {
	border-bottom:0;
}

.loadingspinner {
	display: block;
	text-align: center;
	font-size: 40px;
	padding: 25px 0;
}