@font-face {
	font-family: 'Roboto Thin';
	src: url('../fonts/roboto/Roboto-Thin.ttf');
}

@font-face {
	font-family: 'Roboto Thin Italic';
	src: url('../fonts/roboto/Roboto-ThinItalic.ttf');
}

@font-face {
	font-family: 'Roboto Light';
	src: url('../fonts/roboto/Roboto-Light.ttf');
}

@font-face {
	font-family: 'Roboto Light Italic';
	src: url('../fonts/roboto/Roboto-LightItalic.ttf');
}

@font-face {
	font-family: 'Roboto Regular';
	src: url('../fonts/roboto/Roboto-Regular.ttf');
}

@font-face {
	font-family: 'Roboto Bold';
	src: url('../fonts/roboto/Roboto-Bold.ttf');
}

@font-face {
	font-family: 'Roboto Black';
	src: url('../fonts/roboto/Roboto-Black.ttf');
}

@font-face {
	font-family: 'Open Sans Regular';
	src: url('../fonts/Open_Sans/OpenSans-Regular.ttf');
}

@font-face {
	font-family: 'Open Sans Semibold';
	src: url('../fonts/Open_Sans/OpenSans-Semibold.ttf');
}

@font-face {
	font-family: 'Open Sans Bold';
	src: url('../fonts/Open_Sans/OpenSans-Bold.ttf');
}

:root {
  --main-navy-1: rgba(3,59,92,1);
  --main-red-1: rgba(244, 100, 95, 1);
  --main-blue-1: rgba(26,155,252,1);
  --main-green-1: rgba(61,200,90,1);
  --main-green-2: rgba(61,216,90,1);
  --main-grey-1: rgba(127,127,127,1);
  --main-grey-2: rgba(150,164,172,1);
  --main-grey-3: rgba(223,226,230,1);
  --main-grey-4: rgba(223,226,230,0.3);
  --main-doulingo: #e9e9e9;
}

.opad{padding: 0;}
.hover-pointer{	cursor: pointer;}
.float-r{ float: right; }
.display-none{ display: none;}
.start-hidden{ display: none; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  -moz-appearance: none;
  margin: 0; 
}
.btn, .btn-group .btn{ border-radius: 0; }
td .btn-xs{	line-height: 1.2; }
.modal-content{ border-radius: 0; margin-top: 140px; }
.caret-reversed{
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	background-color: var(--main-blue-1);
}
.colored-status{
	padding: 0 3px 0 3px;
}
.status-red{ color: var(--main-red-1) !important; }
.status-Active{ color: var(--main-green-1); }
.status-COMPLETED{ color: var(--main-green-1); }
.status-Cancelled, .status-Disposed { color: var(--main-red-1); }
.status-overdue{ color: var(--main-red-1); }

.currency-code{
	font-size: 0.85em;
	color: var(--main-grey-1);
}

/* Start of body */

html,body {
	font-family: 'Open Sans Regular';
	font-size: small;
}

.table{
	font-size: 0.95em;
}

#row-top{
	background-color: var(--main-navy-1);
	height: 60px;
	color: rgba(256,256,256,0.7);
}

/* Top Bar */
#logo{
	height: 28px;
	margin-top: 16px;
}

#actions-holder{
	height: 100%;
	color: white;
	padding-right: 15px;
}

#actions-holder .actions-level-1{
	font-size: 1.6em;
	padding: 17px 5px 0 15px;
}

#actions-holder .actions-level-1:hover{
	color: var(--main-green-1);
}

/*Sidebar*/
#side-bar{
	background-color: white;
	color: rgba(0,0,0,0.5);
	height: calc(100vh - 60px);/*note space before and after the minus sign*/
}

#sidebar-business-swith-holder{
	margin-top: 15px;
}

#business-switch-caret-div:hover{
	background-color: var(--main-grey-4);
}

#business-switch-main-div{
	overflow: hidden;
}

#business-switch-name{
	font-size: 1.35em;
	font-weight: 600;
}

.business-switch-list-d{
	position: absolute;
	top: 60px;
	left: -200px;
	z-index: 2; 
}

#business-switch-caret-div{
	text-align: center;
}

#business-switch-caret-div .custom-caret{
	font-size: 1.4em
}

#sidebar-hr{
	border-top: solid 1px var(--main-grey-3);
}

#business-dropdown button{
	max-width: 100%;
	overflow: hidden;
}
#business-dropdown button .cadret{
	float: right;
	margin-right: 10px;

}

.side-bar-items{
	height: 32px;
	padding: 0 0 0 15px;
	font-family: "Open Sans Semibold";
	transition: color 0.15s;
	transition-timing-function: ease;
	border-right: solid 3px white;
}

.side-bar-items .side-bar-ionicons{
	position: relative;
	top: 3px;
	margin: 0 10px 0 0;
	font-size: 1.65em;
}
.side-bar-items .side-bar-items-chevron{
	font-size: 13px;
	float: right;
	margin:8px 15px 0 0;
}

.side-bar-items:hover{
	color: var(--main-green-1);
	cursor: pointer;
	border-right: solid 3px var(--main-green-1);
}
.side-bar-selected{
	color: var(--main-green-1);
	border-right: solid 3px var(--main-green-1);
}

.side-bar-submenu{
	display: none;
	padding: 0 0 0 30px;
}
.side-bar-submenu .side-bar-items{
	font-family: 'Open Sans Regular';
	font-size: 0.95em;
}

#side-bar a{
	color: inherit;
	text-decoration: none;
}

/*Main Section Tings*/
#main-section{
	height: calc(100vh - 60px);/*note space before and after the minus sign*/
	overflow-y: auto;
	padding: 15px 30px;
	background-color: var(--main-grey-4);
}

.main-section-header-holder{
	padding-top: 5px;
	margin-bottom: 20px;
}

.main-section-header{
	margin: 0;
	font-family: "Open Sans Semibold";
	color: var(--main-grey-1);
}
.main-section-breadcrumb{
	margin: 0;
	padding-left: 0;
	font-size: 0.9em;
}

.main-section-main-event{
	background-color: var(--main-green-1);
	border: solid 1px var(--main-green-1);
	color: white;
	margin-right: 10px;
}
.main-section-main-event:hover{
	background-color: var(--main-green-2);
	border: solid 1px var(--main-green-1);
	color: white;
}

.main-section-sub-event{
	background-color: rgba(0,0,0,0);
	border: none;
	color: var(--main-grey-1);
}
.main-section-sub-event:hover{
	background-color: rgba(0,0,0,0);
	border: none;
	color: black;
}

.main-section-content{
	background-color: white;
	min-height: calc(100vh - 204px);
	padding-top: 15px;
	padding-bottom: 15px;
}

.footer-copyright{
	margin-top: 10px;
	color: var(--main-grey-1);
	font-size: .85em;
	text-align: center
}

/*
 * Login Page
 */
#login-main-box{
	margin-top: 50px;
	padding-bottom: 30px;
	min-height: 320px;
	background-color: white;
	border: solid 2px rgba(0,0,0,0.15);
}

#login-narrative{
	color: rgba(42,41,92,1);
	font-size: 1.25em;
	text-align: center;
	font-weight: 600;
	margin: 20px 0 20px 0;
}

.login-input{
	width: 100%;
	height: 36px;
	border: solid 2px rgba(0,0,0,0.1);
	margin: 10px 0;
	padding: 0 5px;
}
.login-input:focus{
	outline: none;
	border: solid 2px rgba(0,0,0,0.15);
}

.login-button{
	width: 100%;
	height: 36px;
	background-color: var(--main-green-2);
	color: white;
	font-weight: 600;
	margin: 10px 0;
	border: none;
}

/*
 *Custom Elements
 */

.custom-input{
	border-radius: 0;
	box-shadow: none;
}

select:not([multiple]){
    -webkit-appearance:none;
    -moz-appearance:none;
    background-position:right 50%;
    background-repeat:no-repeat;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);

	padding: 0.5em;
	padding-right: 1.5em;
}

.form-separator-row{
	padding-top: 15px;
}

.form-separator-row:first-of-type{
	padding-top: 0;
}

.form-separator{
	margin: 0 0 15px 0;
	border-bottom: solid 1px var(--main-grey-3);
	font-family: 'Open Sans Semibold';
	padding-bottom: 10px;
	color: var(--main-navy-1);
}

.form-separator-icon{
	margin: 0 5px 0 0;
}

/*
 * Normal views
 */

.default-view-item{
	padding-top: 5px;
	padding-bottom: 10px;
}

.default-view-title{
	font-size: 0.9em;
	font-family: 'Open Sans Semibold';
	color: var(--main-grey-2);
}

.errors-holder{
	background-color: var(--main-red-1);
	color: white;
	padding: 15px 45px 15px 45px; 
}

.notices-holder{
	background-color: var(--main-blue-1);
	color: white;
	padding: 15px 45px 15px 45px; 
}

.notices-errors-icon{
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 1.65em;
}

.notices-errors-close{
	position: absolute;
	top: 3px;
	right: 10px;
	font-size: 1.65em;
	padding: 6px;
}

.table-active{
	color: var(--main-green-1);
}

.table-inactive{
	color: var(--main-grey-1);
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, 
.input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, 
.input-group-btn:last-child>.dropdown-toggle{
	border-radius: 0;
}

.datepicker{
	border-radius: 0px;
}

.bootstrap-select button.dropdown-toggle{
	border-radius: 0;
}

.dropdown-menu{
	border-radius: 0;
}


/*
* In-content highlites
*/

.content-highlight{
	padding: 15px 45px 15px 45px;
	border-left: solid 3px var(--main-green-1);
	min-height: 50px;
	background-color: var(--main-grey-4)
}

.content-highlight-icon{
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 1.65em;
	color: var(--main-green-1);
}

.content-highlight-close{
	position: absolute;
	top: 3px;
	right: 10px;
	font-size: 1.65em;
	padding: 6px;
	color: var(--main-grey-1);
}

.content-highlight-header{
	font-weight: 700;
	padding-bottom: 10px;
}

.content-highlight-footer{
	font-size: 0.88em;
	color: var(--main-grey-1);
}

tr{
	border-left: solid 3px rgba(0,0,0,0);
}

tr:hover{
	border-left: solid 3px var(--main-green-1);
}

/*
 * Invoice
 */

.custom-width-35{
	width: 30%;
}
.custom-width-15{
	width: 15%;
}


.invoice-subtotal-table td{
	text-align: right;
}

#invoice-entries-newProduct-btn,
#invoice-entries-newDiscount-btn{
	min-width: 165px;
}

/*
 * Elements
 */

.ul-ratio{
	display: inline-block;
    margin: 0;
    padding: 0;
	height: 20px;	
	/*background-color: var(--main-navy-1);*/
}

.li-ratio{
	display: inline-block;
}

.li-ratio-primary{
	min-width: 50px;
	background-color: var(--main-navy-1);
	color: white;
	height: inherit;
	padding: 0px 10px 0px 5px;
}
.li-ratio-secondary{
	background-color: var(--main-green-1);
	padding: 0px 9px 0px 9px;
	height: inherit;
	width: 20px;
}


/*External*/

.global-main-row{
	background-color: var(--main-grey-4);
	height: calc(100vh - 60px); /*note space before and after the minus sign*/
	overflow-y: auto;
	padding: 15px 30px;
	background-color: var(--main-grey-4);
}

.global-main-section .main-section-content{
	background-color: white;
	min-height: calc(100vh - 210px);
	padding: 30px;
}

.global-footer-left{
	padding-top: 15px;
	font-size: 0.88em;
	color: var(--main-grey-1);
}

.global-footer-right{
	padding-top: 15px;
	text-align: right;
	font-size: 0.88em;
	color: var(--main-grey-1);
}

/*External Invoice*/

.custom-tabs.nav>li>a {
    padding: 5px 20px;
}

.custom-tabs li.active{
	border-top: solid 3px var(--main-green-2);
    border-bottom: none;
}

li.active a{
	border-radius: 0;
}

.nav-tabs > li > a{
	margin: 0;
	border-radius: 0;
	color: var(--main-grey-1);
}

.invoice-summary{
	min-height: 80px;
	margin-bottom: 15px;
}

.invoice-summary-right{
	text-align: right;
}

.invoice-summary-table .title{
	font-family: 'Open Sans Semibold';
	color: var(--main-grey-1);
	padding-top: 5px;
	min-width: 150px;
}

.invoice-summary-table .value{
	font-family: 'Open Sans Regular';
	color: var(--main-grey-1);
	padding-top: 5px;
}

.invoice-status{
	font-family: 'Open Sans Semibold';
	color: var(--main-grey-1);
}
.value-lg{
	font-size: 2em;
	padding-top: 26px;
}
.value-md{
	font-size: 1.4em;
	padding-top: 15px;
}
.success{
	color: var(--main-green-2);
}
.danger{
	color: var(--main-red-1);
}

.value-currency{
	margin-right: 5px;
}

.invoice-actions-holder{
	border-bottom: solid 2px var(--main-grey-4);
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.invoice-actions-holder .actions-icons{
	font-size: 1.5em;
	margin-left: 10px;
	margin-right: 5px;
}

.invoice-actions-holder .actions-labels{
	position: relative;
	top: -3px;
}

/*HTML View Invoice Body*/
.invoice-logo-holder{
	width: 160px;
	height: auto;
	margin-top: 15px;
}

.invoice-address-bar{
	padding-top: 30px;
}

.invoice-address-name{
	font-family: "Open Sans Semibold";
}

.invoice-barcode-bar{
	margin-top: 30px;
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom: dashed 1px rgba(223,226,230,1); 
	border-top: dashed 1px rgba(223,226,230,1);
}

.invoice-items-bar{
	padding-top: 30px;
}

.invoice-item-product{
	font-family: "Open Sans Semibold";
}

/* End of invoice */