/**
 *
 * Apply Here your Custom CSS
 *
*/

/*-------------------------
	File manager
-------------------------*/


.filemanager {
	width: 100%;
	max-width:1340px;
	position: relative;
	margin: 0;
}

@media all and (max-width: 965px) {
	.filemanager {
		margin: 30px auto 0;
		padding: 1px;
	}
}


/*-------------------------
	Breadcrumps
-------------------------*/


.filemanager .breadcrumbs {
	color: #373e4a;
	margin-left:20px;
	font-size: 24px;
	font-weight: 700;
	line-height: 35px;
}

.filemanager .breadcrumbs a:link, .breadcrumbs a:visited {
	color: #373e4a;
	text-decoration: none;
}

.filemanager .breadcrumbs a:hover {
	text-decoration: underline;
}

.filemanager .breadcrumbs .arrow {
	color:  #6a6a72;
	font-size: 24px;
	font-weight: 700;
	line-height: 20px;
}

/*-------------------------
	Content area
-------------------------*/

.filemanager .data {
	margin-top: 10px;
	z-index: -3;
	margin-left:0px;
	padding-left:0px;
}

.filemanager .data.animated {
	-webkit-animation: showSlowlyElement 700ms; /* Chrome, Safari, Opera */
	animation: showSlowlyElement 700ms; /* Standard syntax */
}

.filemanager .data li {
	border-radius: 3px;
	background-color: #373743;
	width: 307px;
	height: 98px;
	list-style-type: none;
	margin: 10px;
	margin-bottom:25px;
	display: inline-block;
	position: relative;
	overflow: visible;
	padding: 0.3em;
	z-index: 1;
	cursor: pointer;
	box-sizing: border-box;
	transition: 0.3s background-color;
}

.filemanager .data li:hover {
	background-color: #42424E;

}

.filemanager .data li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.filemanager .data li .label  {
	width:100%;
	left:0;
	position:absolute;
	bottom:-15px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	font-size:11px;
	font-weight:bold;

}

.filemanager .data li .label-warning {
	background-color:#f0ad4e;
}	


.filemanager .data li .name {
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	width: 150px;
	white-space: nowrap;
	display: inline-block;
	position: absolute;
	overflow: hidden;
	text-overflow: ellipsis;
	top: 30px;
}

.filemanager .data li .details {
	color: #b6c1c9;
	font-size: 13px;
	font-weight: 400;
	width: 55px;
	height: 10px;
	top: 54px;
	white-space: nowrap;
	position: absolute;
	display: inline-block;
}

.filemanager .nothingfound {
	background-color: #373743;
	width: 23em;
	height: 21em;
	margin: 0 auto;
	display: none;
	font-family: Arial;
	-webkit-animation: showSlowlyElement 700ms; /* Chrome, Safari, Opera */
	animation: showSlowlyElement 700ms; /* Standard syntax */
}

.filemanager .nothingfound .nofiles {
	margin: 30px auto;
	top: 3em;
	border-radius: 50%;
	position:relative;
	background-color: #d72f6e;
	width: 11em;
	height: 11em;
	line-height: 11.4em;
}
.filemanager .nothingfound .nofiles:after {
	content: '×';
	position: absolute;
	color: #ffffff;
	font-size: 14em;
	margin-right: 0.092em;
	right: 0;
}

.filemanager .nothingfound span {
	margin: 0 auto auto 6.8em;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	height: 13px;
	position: relative;
	top: 2em;
}

@media all and (max-width:965px) {

	.filemanager .data li {
		width: 100%;
		margin: 5px 0;
	}

}

/* Chrome, Safari, Opera */
@-webkit-keyframes showSlowlyElement {
	100%   	{ transform: scale(1); opacity: 1; }
	0% 		{ transform: scale(1.2); opacity: 0; }
}

/* Standard syntax */
@keyframes showSlowlyElement {
	100%   	{ transform: scale(1); opacity: 1; }
	0% 		{ transform: scale(1.2); opacity: 0; }
}


/*-------------------------
		Icons
-------------------------*/

.icon {
	font-size: 23px;
}
.icon.folder {
	display: inline-block;
	margin: 1em;
	background-color: transparent;
	overflow: hidden;
}
.icon.folder:before {
	content: '';
	float: left;
	background-color: #7ba1ad;

	width: 1.5em;
	height: 0.45em;

	margin-left: 0.07em;
	margin-bottom: -0.07em;

	border-top-left-radius: 0.1em;
	border-top-right-radius: 0.1em;

	box-shadow: 1.25em 0.25em 0 0em #7ba1ad;
}
.icon.folder:after {
	content: '';
	float: left;
	clear: left;

	background-color: #a0d4e4;
	width: 3em;
	height: 2.25em;

	border-radius: 0.1em;
}
.icon.folder.full:before {
	height: 0.55em;
}
.icon.folder.full:after {
	height: 2.15em;
	box-shadow: 0 -0.12em 0 0 #ffffff;
}

.icon.file {
	width: 2.5em;
	height: 3em;
	line-height: 3em;
	text-align: center;
	border-radius: 0.25em;
	color: #FFF;
	display: inline-block;
	margin: 0.6em 1.2em 0.8em 1.3em;
	position: relative;
	overflow: hidden;
	box-shadow: 1.74em -2.1em 0 0 #A4A7AC inset;
}
.icon.file:first-line {
	font-size: 13px;
	font-weight: 700;
}
.icon.file:after {
	content: '';
	position: absolute;
	z-index: -1;
	border-width: 0;
	border-bottom: 2.6em solid #DADDE1;
	border-right: 2.22em solid rgba(0, 0, 0, 0);
	top: -34.5px;
	right: -4px;
}

.icon.file.f-avi,
.icon.file.f-flv,
.icon.file.f-mkv,
.icon.file.f-mov,
.icon.file.f-mpeg,
.icon.file.f-mpg,
.icon.file.f-mp4,
.icon.file.f-m4v,
.icon.file.f-wmv {
	box-shadow: 1.74em -2.1em 0 0 #7e70ee inset;
}
.icon.file.f-avi:after,
.icon.file.f-flv:after,
.icon.file.f-mkv:after,
.icon.file.f-mov:after,
.icon.file.f-mpeg:after,
.icon.file.f-mpg:after,
.icon.file.f-mp4:after,
.icon.file.f-m4v:after,
.icon.file.f-wmv:after {
	border-bottom-color: #5649c1;
}

.icon.file.f-mp2,
.icon.file.f-mp3,
.icon.file.f-m3u,
.icon.file.f-wma,
.icon.file.f-xls,
.icon.file.f-xlsx {
	box-shadow: 1.74em -2.1em 0 0 #5bab6e inset;
}
.icon.file.f-mp2:after,
.icon.file.f-mp3:after,
.icon.file.f-m3u:after,
.icon.file.f-wma:after,
.icon.file.f-xls:after,
.icon.file.f-xlsx:after {
	border-bottom-color: #448353;
}

.icon.file.f-doc,
.icon.file.f-docx,
.icon.file.f-psd{
	box-shadow: 1.74em -2.1em 0 0 #03689b inset;
}

.icon.file.f-doc:after,
.icon.file.f-docx:after,
.icon.file.f-psd:after {
	border-bottom-color: #2980b9;
}

.icon.file.f-gif,
.icon.file.f-jpg,
.icon.file.f-jpeg,
.icon.file.f-pdf,
.icon.file.f-png {
	box-shadow: 1.74em -2.1em 0 0 #e15955 inset;
}
.icon.file.f-gif:after,
.icon.file.f-jpg:after,
.icon.file.f-jpeg:after,
.icon.file.f-pdf:after,
.icon.file.f-png:after {
	border-bottom-color: #c6393f;
}

.icon.file.f-deb,
.icon.file.f-dmg,
.icon.file.f-gz,
.icon.file.f-rar,
.icon.file.f-zip,
.icon.file.f-7z {
	box-shadow: 1.74em -2.1em 0 0 #867c75 inset;
}
.icon.file.f-deb:after,
.icon.file.f-dmg:after,
.icon.file.f-gz:after,
.icon.file.f-rar:after,
.icon.file.f-zip:after,
.icon.file.f-7z:after {
	border-bottom-color: #685f58;
}

.icon.file.f-html,
.icon.file.f-rtf,
.icon.file.f-xml,
.icon.file.f-xhtml {
	box-shadow: 1.74em -2.1em 0 0 #a94bb7 inset;
}
.icon.file.f-html:after,
.icon.file.f-rtf:after,
.icon.file.f-xml:after,
.icon.file.f-xhtml:after {
	border-bottom-color: #d65de8;
}

.icon.file.f-js {
	box-shadow: 1.74em -2.1em 0 0 #d0c54d inset;
}
.icon.file.f-js:after {
	border-bottom-color: #a69f4e;
}

.icon.file.f-css,
.icon.file.f-saas,
.icon.file.f-scss {
	box-shadow: 1.74em -2.1em 0 0 #44afa6 inset;
}
.icon.file.f-css:after,
.icon.file.f-saas:after,
.icon.file.f-scss:after {
	border-bottom-color: #30837c;
}

/* 
	Your files page 
*/
.just-padding {
  padding: 15px;
}

.list-group.list-group-root {
  padding: 0;
  overflow: hidden;
}

.list-group.list-group-root .list-group {
  margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
  border-radius: 0;
  border-width: 1px 0 0 0;
}

.list-group.list-group-root > .list-group-item:first-child {
  border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
  padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
  padding-left: 45px;
}

.list-group-item .glyphicon {
  margin-right: 5px;
}

.reply-area { margin:0px; } 
.reply-area textarea { border:1px solid #1f232a; } 
#fileList { margin-bottom:20px; }
.panel-info > .panel-heading { background-color:#2234d4; color:#fff; border-color:#2234d4; }
.panel-info { border-color:#2234d4; }
.panel-danger > .panel-heading { background-color:#d83232; color:#fff; border-color:#d83232; }
.panel-danger { border-color:#d83232; }
.select-display { margin-left:20px; width:200px;display:inline-block;vertical-align:top; }
.animation_image {
	height:80px;
	width: 80px;
	display: none;
	background-image: url("http://portal.wcagcompliance.com/assets/images/Spin.gif");
}
@media only screen and (min-width : 1025px) {
    .animation_image { margin-left:0px;}
	#load_more { margin-left:-280px; }
}

.gallery { }
.gallery ul {list-style-type:none;  margin:0; padding:0; padding-top:20px; }
.gallery ul li { width:100%; border:1px solid #ededed; background-color:#f9f9f9; padding:13px 10px;  margin-bottom:15px; box-shadow: rgb(202, 215, 223) 0px 3px 13px 0px; }
.gallery ul li a.btn { margin-top:-3px; }
.gallery ul li span.name { font-size:14px; font-weight:bold; }
#reorder-helper { margin-top:20px; } 
.job-files-quote { margin-top:15px; }
.job-files-quote .row { margin-bottom:5px;}
.job-files-quote .filename { line-height:28px; }
.job-files-quote-filled { margin-top:15px; }
.job-files-quote-filled .header-row { margin-bottom:5px; }
.job-files-quote-filled .filename { line-height:14px; }
.create-invoice { margin-top:20px; display:none; }
.pay-invoice { margin-top:10px; margin-left:6px; display:none; }
.label { font-size: 100%; vertical-align:center; }
.panel-primary { background-color:#fff; }
.panel-primary .form-control { color:#8f8f8f; border:1px solid #dedede; }
#create-invoice label { font-weight:bold; }
.invoice-iframe { box-shadow: 0px 1px 4px 0px rgba(82,108,127,0.5); }
.btn-block { width:100%; }
.invoice-right { font-size:16px; }
.invoice-right .status { margin-bottom:10px; }
.invoice-right .status .button:hover { cursor:context-menu; }
.invoice-right .availability {  padding-bottom:10px; text-align:left; }
.invoice-right .jobs { padding-bottom:10px; text-align:left; }
.invoice-right .jobs div { margin-bottom:10px; }
.invoice-right .actions { margin-top:15px; text-align:center; }
.filename { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#back-to-top { display:none; position:fixed; right:10px; bottom:10px; padding:6px; background-color:rgba(0, 0, 0, 0.3); }
#back-to-top:hover { cursor:pointer; background-color:rgba(0, 0, 0, 0.5); }
#back-to-top i { font-size:32px; color:#303641; }
#back-to-top i:hover { color:#2b303a;; }
#payment-form { color:#373e4a; }
.table-warning, .table-warning > td, .table-warning > th {
    background-color:   #fdebd0;
	border:1px solid #fad7a0;
}
.job-search { padding-top:15px; } 
.form-group.required .control-label:after,.form-row.required .control-label:after  {
  content:"*";
  color:red;
}
.panel-options button, .panel-options input{ margin-top:10px;} 
#notes-area h4 { font-weight:bold; margin-bottom:4px; } 
#notes-area  .time { font-size:10px; } 
#notes-area  p { padding-top:0px; } 
#notes-area hr { margin-top:10px; margin-bottom:10px; } 
#tasks-table .label {border-radius:0 !important; } 
table .actions .label { font-size:10px; } 
#jobs-panel a.btn-info { color:#fff; padding:1px 5px; }  
.task-top a { margin:0px 4px; font-size:11px; } 
.task-top div { margin:0px 4px; font-size:11px; } 
.task-top a.label:hover { color:#fff !important; } 
.pull-right { float:right; } 


#notes-area .panel-info {
    border-color: #a6e8f3;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
}
#notes-area .panel-info > .panel-heading {
    color: #2c7ea1;
    background-color: #c5e8f7;
    border-color: #a6e8f3;
    padding: 0;
}
.strong { font-weight:bold; }
.no-margin {margin:0 !important; }  
table tbody tr a.blue { font-size:13px; color:#3498DB; font-weight:bold; } 
.website-go { font-size:16px; margin-top:5px; } 
.phone-multi { margin-top:5px; } 
.phone-container select.form-control { width:85px; float:left; } 
.phone-container input.form-control { width:calc(100% - 95px); float:right }
.email-container > .email-multi:not(:first-child) {
	margin-top:10px;
}
.clr { clear:both; } 
.todo-list .label { font-size:11px; } 
.todo-list .table tr { border-top:hidden; }  
.todo-list thead tr th { font-weight:bold; color:#fff; } 
#jobs_modified .filemanager .data li { width:calc(100% - 20px); } 
#jobs_modified .filemanager .data li .name { font-size:13px; max-width:calc(100% - 20px); } 
#leads-table_wrapper { margin-top:-57px; } 
#display-form select { z-index:9999; position:relative; } 
td.details-control {
    background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
    width:20px
}
tr.shown td.details-control {
    background: url('https://datatables.net/examples/resources/details_close.png') no-repeat center center;
}

/* _tables.scss:132 */
#customers-table .table-dark {
  color: #aaabae;
  background-color: #303641;
  border-radius:6px;
}
#customers-table .table-dark thead tr th {
	background-color: #272c36;
	color: #fff !important;
}
#customers-table .table-dark tbody tr {
	background-color: #303641;
}
#customers-table .table-dark tbody tr td {
	border-color:#272c36 !important;
}
select.turnaround option {
    color: #555555 !important;
    background-color: #ffffff !important;
}
.sales-activity table { 
	border:none !important; 
} 
.sales-activity a { 
	color:#3498DB !important;  
	font-weight:bold;
} 
.dashboard-delivery .filemanager .data li { 
	width:calc(50% - 30px); 
} 
.form-control[disabled] {
	background-color:#99AB9C;
}
.job-single.countdown { background-color:#303641; border-radius:6px; padding:6px 8px; font-weight:bold; display:inline-block; width:auto; font-size:14px; color:#fff; } 
@media (max-width: 965px) {

	.dashboard-delivery .filemanager .data li 	 {
		width: 100%;
		margin: 5px 0;
	}
	.dashboard-delivery .filemanager {
		margin-top:0;
	}
}
#accounting-contact-wrapper {
	display:none;
}

/*
  th,
  td,
  thead th {
    border-color: #32383e;
  }

  &#customers-table.table-bordered {
    border: 0;
  }

  &#customers-table.table-striped {
    tbody tr:nth-of-type(odd) {
      background-color: #303641;
    }
  }

  &#customers-table.table-hover {
    tbody tr {
      @include hover {
        background-color: #303641;
      }
    }
  }
}*/