/* ==========================================================================
   TOOLBAR
   ========================================================================== */
	.filters { margin: 10px 20px 0;}
	.toolbar { background-color: #F4F4F8; border: solid #E2E4ED; border-width: 1px 0 1px; min-height: 54px; position: relative;}
		.toolbar h1 { vertical-align: bottom; font-weight: normal; font-size: 19px; margin: 10px 20px -1px;  border-bottom: 3px solid #5D62B6;  color: #5D62B6;  line-height: 42px; display: inline-block; }
		.toolbar #invoice-template { display: inline-block; position: relative; }
		.toolbar #invoice-template select { padding: 18px 40px 15px 10px; border: 0; background-color: transparent; font-size: 16px; color: #8A8EA7; margin: 0 20px 0px; border-bottom: 3px solid transparent; border-right: 1px solid #E2E4ED; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; max-width: 200px; position: relative; z-index: 1; }
		.toolbar #invoice-template .icons { margin: 20px 35px; position: absolute; right: 0; display: block; z-index: 0;}
		.toolbar .right .button.important { position: absolute; right: 0; bottom: 0; margin: -55px 50px; border: 0;}
		
	.filters .selected {  border-bottom: 3px solid #5D62B6;  color: #5D62B6; }
	.filters span { vertical-align: bottom; line-height: 41px; color: #8A8EA7;  font-weight: normal;  font-size: 16px; margin: 0px 20px 0px; transition: 200ms ease; transition-property: color,border-color; border-bottom: 3px solid #F4F4F8;}
		.filters .DatePicker .date { margin: 0 0 0 5px; }
		.filters span > span.icon {  font-size: 9px; background: none;   margin: 0 5px;}
	.filters select { padding: 0 0 11px; border: 0; background-color: rgba(0, 0, 0, 0); font-size: 16px; color: #8A8EA7; margin: 0 20px 0px; border-bottom: 3px solid transparent; height: 44px;}
		.filters select.tiny { margin: 0; padding: 9px 0 0; }
	.toolbar .right { margin: 7px 8px;}

	.search { display: inline-block; background-color: #FFF; height: 55px; margin: -8px -8px 0 0; padding: 10px 10px 10px 20px; box-sizing: border-box; border-left: 1px solid #E2E4ED; z-index: 10;  position: relative;}
		.search input { border: 0; margin: 0; padding: 10px; padding-left: 0; line-height: 20px; width: 250px;}

	.header-sum { position: absolute; margin: -96px 0 0 0px; text-align: right; height: 55px; overflow: hidden; z-index: 1;}
		.header-sum span { line-height: 63px; display: inline-block; width: 120px; text-align: center; }

/* ==========================================================================
   BUTTONS
   ========================================================================== */
	.button{ border: 1px solid #eee; padding: 8px; border-radius: 25px; margin: 0 10px; display: inline-block; cursor:pointer; background-color: #fff;}
	.button.full-size { display: block;  margin: 10px 0; border-radius: 3px; padding: 9px; text-align: center; background-color: #5D62B6; border-color: #5D62B6; color: #FFF; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; box-sizing: border-box;}
	.button.action { display: inline-block;border-radius: 3px; padding: 9px; text-align: center; background-color: #5D62B6; border-color: #5D62B6; color: #FFF; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; box-sizing: border-box; margin: 20px 0 0; transition: 400ms ease-out opacity;}
		.button.action:hover { opacity: 0.5; }
	.button.positive { background-color:#678B58; border-color:#678B58; }

	.button.important { padding: 15px; background-color: #5D62B6; transition: 200ms ease background; color: #fff;}
		.button.important:hover { background-color: #7179FF; }
	.button.disabled { opacity: 0.5; }

    .button.focused { background-color: #FF7171; }

/* ==========================================================================
   ICONS, DOTS
   ========================================================================== */	
	.icon { background-image: url('../images/icons.png'); width: 20px; height: 20px; display: inline-block;}
		.icon.search { width: 20px; height: 20px; padding: 10px; display: inline-block; background-position: -57px -5px; border: 0; margin: 8px 10px 8px 0;}
		.icon.add { background-position: -121px -5px; }
	
	.dot { display: inline-block; width: 10px; height: 10px; border: 2px solid #F00; border-radius: 50%; vertical-align: middle; }


	.button.important .icon-plus { color: #FFF; font-size: 23px; line-height: 20px; width: 33px; margin: -2px -7px; display: inline-block; }
	.close.icon-holder { font-size: 20px; display: block; border-radius: 50%; margin: 10px; cursor: pointer; color:#2F3358; }
		.close.icon-holder:hover { background-color: #2F3358; color: #fff; }

	.icon-holder { font-size: 20px; display: inline-block; border-radius: 50%; cursor: pointer; color: #5D62B6; padding: 3px; line-height: 28px; transition: 200ms ease; transition-property: background,color; text-decoration: none;}
		.icon-holder:hover { background-color: #5D62B6; color: #fff; }

	.icons-holder-mini.right { float:right; right: 0;}
	.icons-holder-mini.floated { position: absolute; }
	.icons-holder-mini { margin: 3px 21px; color: #5D62B6; }
		.icons-holder-mini .button { margin: 0; padding: 4px 3px 3px 3px; border-radius: 50%;}

		.icon-trash.pointer.button.action { background-color: #B65D5D; border-color: #B65D5D; }

	.icon-text { width: 19px;  display: inline-block;  text-align: center;  font-weight: bold; }
    .button.action .icon { background: none; height: auto; width: 14px; margin-right: 7px; }
		
/* ==========================================================================
   INPUTS, Autocomplete
   ========================================================================== */
   form.input { margin-top:30px; }
   form.input .row { /* background-color: transparent; */ /* border-top: 1px solid #F1F1F5; */ /* position: static; */}
	paper-input { color: #4B4F66; border: solid rgba(228, 228, 228, 1); border-width:0 1px 0 0; padding: 0 10px; font-size: 15px; margin: 0 -2px; text-align: left; width: 152px; box-sizing: border-box;}
		.item-price-tool paper-input { width: 110px; height: 60px; }

	.overflow-box { position: absolute; margin: 65px -2px; background-color: #fff; padding: 10px; box-shadow: 0 5px 6px -2px #B6B6B6; border-bottom-left-radius: 3px;border-bottom-right-radius: 3px; min-width:188px; z-index:100; overflow: hidden;}
	.overflow-box > span { display: block;  text-align: left;  padding: 5px 10px;  margin: 0; cursor: pointer; font-weight: normal;}
		.overflow-box .selected, .overflow-box span:hover { background-color: #5D62B6; color: #fff; }

	.overflow-dropdown { position: absolute; margin: 10px -30px; background-color: #fff; box-shadow: 0 5px 6px -2px #B6B6B6; border-bottom-left-radius: 3px;border-bottom-right-radius: 3px; z-index:100; overflow: hidden; width: 210px;}
	.overflow-dropdown > * { display: block;  text-align: left;  padding: 8px 10px;  margin: 0; cursor: pointer; text-decoration: none;}
		.overflow-dropdown > *:hover { background-color: #5D62B6; color: #fff; }
		.overflow-dropdown .icon { background: none; float: right; color: inherit; font-size: 16px; line-height: 0; margin-top: 1px;}
		.overflow-dropdown .logout { border-top: 4px solid #E2E4ED;}
			.overflow-dropdown .logout:hover { border-top: 4px solid #4F5399; }

	.item-price-tool.compact label { padding: 10px; display: inline-block;  border-right: 1px solid #F1f1f5; margin: 0; }



	
	.invoice-sum { padding: 11px 10px 8px !important;  width: 150px !important;  border-right: 1px dashed #E4E4E4; font-weight: normal !important; }
	.invoice-rvc { padding: 11px 10px 8px !important;  width: 80px !important; text-align:right !important; font-weight: normal !important;}
	.item-price-tool .rvc { padding: 8px 13px 0px; color: #757D96; font-size: 12px; line-height: 23px;}
		.item-price-tool .rvc span { font-size:inherit; padding:0; margin:0; border: 0; width: auto; text-align: inherit; color: inherit;}
	.invoice-input .category { background: transparent;border:0;padding: 7px 10px 0;font-weight: bold;font-size:12px; }
	.invoice-input .title { background: transparent;border:0;padding:7px 10px 0;width:60%;font-weight:bold;font-size:12px; }
	.item-price-tool .paper-label { height: 60px; }
	
    .paper-label { border: solid #E4E4E4;  border-width: 0 1px 0 0; display: inline-block; height: 73px; text-align: center; margin-left: -2px;}
        .paper-label label { display: block; font-size: 11px; margin: 11px 10px 13px 8px; text-align: left; color: #676D9C; text-transform: none;}
        .paper-label input { margin: 4px 0 0 0px; text-align: center;}
        .paddingless input[type="checkbox"] { text-align: center; margin: 7px 0 0 0; }
		.paddingless select { border: 0; background: rgba(0, 0, 0, 0); margin: 6px 0 0;}
        .paper-label select { font-size: 15px; margin: 0 5px; border: 0; background-color: transparent; }
        .paper-label p { font-size: 10px; text-align: left; padding: 0 10px 0 8px; }

    .radio-btn { border: 1px solid #E2E4ED; display: block; height: 40px; border-radius: 3px; }
    	.radio-btn.radio-btn-num-2 > .radio-part  { width: 50%;}
    	.radio-btn.radio-btn-num-3 > .radio-part  { width: 33.3%; }
		.radio-btn > .radio-part { padding: 0 10px; text-align: center; box-sizing: border-box; width: 33.3%; float: left; border-right: 1px solid #E2E4ED; line-height: 41px; color: #BABABA; cursor: pointer; }
			.radio-part.priority-1.selected { background: #5DB68F; color: #fff; border-radius: 3px; }
			.radio-part.priority-2.selected {background: #B6AD5D; color: #fff; border-radius: 3px;}
			.radio-part.priority-3.selected {background: #B65D5D; color: #fff; border-radius: 3px;}