/* MINI-TOOLSPAGE */
	.mtpWrap {
		position:relative;
		font-size:12px;
	}
	
	
	.mtpWrap * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.mtpWrap .mtpNotes {
		background-color: #000; 
		-webkit-box-shadow: 2px 2px 4px #D6D6D6;
		box-shadow: 2px 2px 4px #D6D6D6;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		position: absolute;
		font-size: 14px;
		z-index: 10000;
		display: none;
		padding: 15px; 
		width: 300px;		
		color: #FFF;
	}
	
	.mtpWrap .mtpNotes:after {
		border-bottom: 15px solid transparent;
		border-top: 15px solid transparent;
		border-left: 15px solid #000;
		margin-top:-7.5px;
		position:absolute;
		display:block;
		content: "";
		right:-15px;
		top:50%;
		height: 0;
		width: 0; 
	}

	
	.mtpWrap .mtpNotes textarea {
		background-color:#555555;
		border:1px solid #888888;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		min-height:100px;
		resize:vertical;
		display:block;
		padding:10px;
		color:#EEE;
		width:100%;
		margin:0 !important;
		margin-bottom:15px !important;
		
	}
	.mtpWrap .mtpNotes a.btn,
	.mtpWrap .mtpNotes a.btn:link {
		border:1px solid #26a2d2;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-decoration:none;
		display:inline-block;
		text-align:center;
		padding:8px 12px;
		cursor:pointer;
		color:#FFF;
		width:48%;
	}
	
	.mtpWrap .mtpNotes a.btn:hover {
		text-decoration:none;
	}
	
	.mtpWrap .mtpNotes a.btn:first-child {
		margin-right:2%;
	}
	
	.mtpWrap .mtpNotes a.btn:last-child {
		margin-left:2%;
	}
	
	.mtpWrap .mtpNotes a.btn.blue {
		background-color:#339ec4;
	}
	
	.mtpWrap .mtpNotes a.btn.blue:hover {
		background-color:#2E93B7;
	}
	
	/* HAEDER SECTION */
	.mtpWrap .mtpHead .searchWrap {
		position:relative;
		float:left;
	}
	
	.mtpWrap .mtpHead .searchWrap > input {
		-webkit-transition:all .5s;
		-moz-transition:all .5s;
		-o-transition:all .5s;
		transition:all .5s;
		-webkit-border-radius:3px;
		background-color: #fff !important;
		-moz-border-radius:3px;
		border-radius:3px;
		font-weight: normal; 
		width: 250px;
		border: 1px solid #BBBBBB !important;
		padding:5px 10px !important;
		font-size: 16px !important;
		color: #777 !important;
		margin:0 !important;
	}
	
	.mtpWrap .mtpHead .searchWrap > input.placeholder {
		color:#BBB;
	}
	
	.mtpWrap .mtpHead .searchWrap > .clearMtpSearch {
		text-shadow: 1px 1px 1px rgba(240, 0, 0, .3);
    	color: rgba(240, 0, 0, .7);
    	position: absolute;
    	
    	font-size: 25px;
    	cursor: pointer;
    	line-height: 20px;
    	display:none;
    	right: 5px;
    	top: 8px;
    	
	}


	/* RECORD COUNTER */
	.mtpWrap .mtpHead .mtpRecords {
		font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		padding: 6px 0;
		color: #777;
		margin:0;
		float: right;
	}
	
	.mtpWrap .mtpHead .mtpRecords > .count {
		font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
	}
	
	
	/* MENUBAR */
	.mtpMenubar {
   		margin: 20px 0;	 
   		border-bottom: 1px solid #CCC;
	}
	
	.mtpMenubar .menuTabs {
		margin-bottom:-1px;
	}
	
	.mtpMenubar .menuTabs a {
		font-family:'OpensansSemiBold', Arial, Helvetica, sans-serif;
		-webkit-transition:all .5s;
		-moz-transition: all .5s;
		transition:all .5s;
		-webkit-transition:all .5s;
		-webkit-border-radius:8px 8px 0 0;
		-moz-border-radius:8px 8px 0 0;
		border-radius:8px 8px 0 0;
		background-color:#EEE;
		border:1px solid #CCC;
		cursor:pointer;
		margin-left:-1px;
		padding: 8px 20px;
		
		display: block;
		font-size:12px;
		height: 35px;
		float: left;
	}
	
	.mtpMenubar .menuTabs a:hover {
		text-decoration:none;
		background-color:#FFF;
		color:#079FC5;
	}
	
	.mtpMenubar .menuTabs a:first-child {
		margin-left:0;
	}
	
	.mtpMenubar .menuTabs a.activestate {
		border-bottom-color: transparent;
		background-color:#FFF;
		color:#079FC5;
	}
	
	
	div.focusBtn {
		padding: 8px 20px 5px 40px;
		border:1px solid #CCC;
		background-color:#FFF;
		position: relative;
		border-bottom:none;
		border-right:none;
		font-size: 14px;
		display: block;
	    outline: none;
	    cursor:pointer;	    
	}
	
	div.focusBtn > span {
	    position: absolute;
	    font-size: 21px;
	    color: #0C95CD;
	    left: 10px;
	    top: 7px;
	}
	
	div.focusBtn:focus {
		outline:none;
	}
	
	.pull-right div.focusBtn:last-child {
		border-right: 1px solid #CCC;
		
	}
	
	div.focusBtn ul li a span {
		color: #849BA5;
	}
	
	div.focusBtn ul li a span.icon-record,
	div.focusBtn ul li a span.icon-x-altx-alt,
	div.focusBtn ul li a span.icon-x-altx-alt {
		background: #d3d3d3; /* Old browsers */
		background: -moz-linear-gradient(top, #d3d3d3 0%, #f9f9f9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #d3d3d3 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #d3d3d3 0%,#f9f9f9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #d3d3d3 0%,#f9f9f9 100%); /* IE10+ */
		background: linear-gradient(to bottom, #d3d3d3 0%,#f9f9f9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		position: absolute;
		text-align: center;
		line-height: 20px;
		font-size: 18px;
		color: #B6BBC9;
		height:20px;
		width:20px;
		padding: 0;
		margin: 0;
		left:12px; 
		top: 12px; 
	}
	
	div.focusBtn ul li a:hover span,
	div.focusBtn ul li a.activestate span {
		color: #0C95CD;
	}
	
	div.focusBtn ul {
		-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
		-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
		-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
		-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
		transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
		-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
		background-color: #EFEFEF;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		position: absolute;
		z-index: 300;
		right: 7px;
		padding: 0;
		margin: 0;
		top: 30px;
	}
	
	div.focusBtn ul.expanded {
		-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
		top: 48px;
	}
	
	div.focusBtn ul:before {	
		border-color: rgba(0,0,0,0.1) transparent;
		border-width: 0 8px 8px 8px;
		border-style: solid;
		position: absolute;
		display:none;
		bottom: 100%;
		right: 13px;
		content: "";
		height: 0;
		width: 0;	
	}
	
	div.focusBtn ul:after {
		border-color: #fff transparent;
		border-width: 0 6px 6px 6px;
		border-style: solid;
		position: absolute;
		display:none;
		bottom: 100%;
		right: 15px;
		content: "";
		height: 0;
		width: 0;	
	}
	
	.pull-left div.focusBtn ul {
		right: auto;
		left: 7px;
	}
	
	.pull-left div.focusBtn ul:after {
		right: auto;
		left: 15px;
	}
	
	.pull-left div.focusBtn ul:before {
		right: auto;
		left: 13px;
	}
	
	div.focusBtn ul li {
		display:none;
	}
	
	div.focusBtn ul.expanded li,
	div.focusBtn ul.expanded:after,
	div.focusBtn ul.expanded:before {
		display:block;
	}
	
	div.focusBtn ul li a {
		font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #EFEFEF;
		padding: 12px 18px 12px 40px;
		background-color: #FFF;
		display:inline-block;
		text-transform: none;
		position: relative; 
		border-left: none;
		text-shadow:none;
		text-align:left;
		font-size:13px;
		width: 200px;
		float: left;
		color:#444;
	}
	
	div.focusBtn ul li a:hover {
		text-decoration: none;
		color:#0C95CD;
	}
	
	div.focusBtn ul.lg li a {
		width:230px;
	}
	
	div.focusBtn ul.xl li a {
		width:280px;
	}
	
	div.focusBtn ul li:first-child a {
		-webkit-border-radius: 7px 7px 0 0;
		-moz-border-radius: 7px 7px 0 0;
		border-radius: 7px 7px 0 0;
	}
	
	div.focusBtn ul li:last-child a {
		-webkit-border-radius: 0 0 7px 7px;
		-moz-border-radius: 0 0 7px 7px;
		border-radius: 0 0 7px 7px;
	}
	
	
	/* TOOLBAR */
	.mtpWrap .mtpToolbar {
		border-bottom:1px solid #ccc;
		padding:0 10px;
		padding-bottom:5px;
		margin-top:15px;
		
	}
	
	.mtpWrap .mtpToolbar > em {
		font-weight:normal;
		font-style: normal;
		margin-left:10px;
		position:relative;
		display:block;
		float:left;
		color:#222;
	}
	
	/* DEFAULT NOTES TOGGLE COLOR */
	.mtpWrap .mtpToolbar > em.notes {
		float:right;
	}
	
	.mtpWrap .mtpToolbar > em.notes .noted {
		color:#2DCFF3;
	}
	
	.mtpWrap .mtpToolbar > em {
		font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
		padding-top:30px;
	}
	
	.mtpWrap .mtpToolbar > em > a {
		position:absolute;
		font-size:22px;
		width:100%;
		color:#AAA;
		left:0;
		top:0;
	}
	
	.mtpWrap .mtpToolbar > em > a:hover {
		text-decoration:none;
		color:#777;
	}
	
	
	/* RECORD LIST */
	.mtpWrap .mtpList label {
		-webkit-transition:all .25s;
		-moz-transition:all .25s;
		-o-transition:all .25s;
		transition:all .25s;
		max-width: none;
		line-height:25px;
		padding:8px 10px;
		cursor:pointer;
		display:block;
		margin-bottom:0;
		margin-top:0;
	}
	
	.mtpWrap .mtpList label.flex,
	.mtpWrap .mtpList label.flex-grid {
		display:-webkit-flex;
		display:flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	
	.mtpWrap .mtpList label.flex-grid {
		justify-content: space-between;
		align-items:center;
	}
	
	.mtpWrap .mtpList label.inactive {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
		filter: alpha(opacity=40);
		-moz-opacity: .4;
		-khtml-opacity: .4;
		-webkit-opacity: .4;
		-moz-opacity: .4;
		opacity: .4;
		cursor: not-allowed;
	}		
	
	.mtpWrap .mtpList label .listicon {
		font-size: 22px;
		cursor: pointer;
		color: #cecece;
		display: block;
	}

	.mtpWrap .mtpList .details {
		display:none;
	}
	
	.listicon.green, em a.green span {
	    color: #46C225 !important;
	}
	
	/*
.mtpWrap .mtpList label:nth-child(even) {
		background-color: rgba(0, 0, 0, .04);
	}
*/
	
	.mtpWrap .mtpList label:hover {
		background-color:rgba(255, 255, 100, .25);
	}
	
	.mtpWrap .mtpList label em {
		font-weight:normal;
		font-style: normal;
		margin-left:10px;
		position:relative;
		display:block;
		float:left;
		color:#222;
		min-height: 1px;
	}
	
	.mtpWrap .mtpList label.nowrap em {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	/*
.mtpWrap .mtpList label > em:last-child {
		margin:0;
	}
	
*/
	.mtpWrap .mtpList label em:after {
		-webkit-font-smoothing: antialiased;
		-webkit-transition:color .3s;
		-moz-transition:color .3s;
		-o-transition:color .3s;
		transition:color .3s;
		vertical-align: middle;
		font-family: 'icomoon';
		font-weight: normal;
		font-style: normal;
		font-size:1.8em;
		line-height: 1;
		speak: none;
		color:#AAA;
	}
	
	.mtpWrap .mtpList label em.notes {
		float:right;
	}
	
	.mtpWrap .mtpList label em.notes:after {
		content: "\e13d";
	}
	
	/* DEFAULT NOTES ICON COLOR */
	.mtpWrap .mtpList label.noted em.notes:after {
		color:#2DCFF3;
	}
	
	.mtpWrap .mtpList em:hover:after {
		color:#777;
	}
	
	.mtpWrap em.check {
		text-align:center;
		width:25px;
	}
	
	.mtpWrap em.check > input {
		font-size:1.2em;
		margin:0 !important;
	}
	
	
	.mtpWrap .mtpList .bucket {
		border-bottom: 1px solid #777;
		border-top: 1px solid #AAA;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		-o-transition:all .3s;
		transition:all .3s;
		background-color:#999;
		padding:5px 10px;
		cursor:pointer;
		color:#FFF;
	}
	
	.mtpWrap .mtpList .bucket:after {
		-webkit-font-smoothing: antialiased;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		-o-transition:all .3s;
		transition:all .3s;
		vertical-align: middle;
		font-family: 'icomoon';
		font-weight: normal;
		font-style: normal;
		content: "\e0d0";
		font-size:1.8em;
		line-height: 1;
		float:right;
		speak: none;
	}
	
	.mtpWrap .mtpList .bucket.expanded:after {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
        transform: rotate(180deg);
	}
	
	.mtpWrap .mtpList .bucket:hover {
		background-color:#888;
	}
	
	.mtpWrap .mtpList .bucket .progress-bar {
		-webkit-box-shadow:1px 1px 1px #777;
		-moz-box-shadow:1px 1px 1px #777;
		box-shadow:1px 1px 1px #777;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		background-color: #FFF;
		margin-right:10px;
		margin-top:5px;
		height: 10px;
		width: 75px;
		float:left;
	}
	
	.mtpWrap .mtpList .bucket .progress {
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		height:inherit;
	}
	
	.mtpWrap .mtpList .bucket .progress.green {
		background-color:#83DE7D;
	}
	
	.mtpWrap .mtpList .bucket .text {
		text-shadow:1px 1px 1px #555;
		font-size:14px;
	}
	
	.mtpWrap .mtpList .bucket .counter {
		text-shadow:1px 1px 1px #555;
		font-size:14px;
	}
	
	#miniExpandCollapse{
		padding: 8px 20px 5px 20px;
		border:1px solid #CCC;
		background-color:#FFF;
		position: relative;
		border-bottom:none;
		border-right:none;
		font-size: 14px;
		display: block;
	    outline: none;
	    cursor:pointer;	
	}
	
	div#miniExpandCollapse > span {
	    position: absolute;
	    font-size: 21px;
	    color: #0C95CD;
	    left: 10px;
	    top: 7px;
	}
	
	div#miniExpandCollapse:focus {
		outline:none;
	}
	
	.pull-right div#miniExpandCollapse:last-child {
		border-right: 1px solid #CCC;
		
	}

	#miniExpandCollapse:hover{
		color: #0083bd;
	}
	
	#miniExpandCollapse .labeltxt{
		display: inline-block;
	}
	
/*INPUT */
	#popupinnerdiv input {padding:8px;}
	
	#popupinnerdiv select {
		font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #1E57A6;
		background-color: #f2f2f2;
		border: 1px solid #999999;
		padding: 4px;
		margin-bottom: 10px;
	}