body {
	font-family: 'Roboto', sans-serif;
	background-color: #f5f5f5;
	line-height: 24px;
	-webkit-font-smoothing: antialiased;
        font-weight: 400;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #000;
}

input {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	width: 100%;
	height: 36px;
	/*color: #9e9e9e;*/
	color: #4a4a4a;
	border-radius: 2px;
	border: 1px solid #dfdfdf;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
        font-weight: 400;
}

select {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	width: 100%;
	height: 36px;
	/*color: #9e9e9e;*/
	color: #4a4a4a;
	border-radius: 2px;
	border: 1px solid #dfdfdf;
	/*Old padding left: 10px - right: 27px*/
	padding-right: 20px;
	margin-top: 5px;
	-webkit-appearance: none;
	background-image: url("../images/dropdown_icon.png");
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size:  10px 6px;
	padding-left: 5px;
}

input[type='checkbox'], input[type='radio'], input[type='image'], input[type='file'] {
	width: auto;
	height: auto;
	border: 0px;
}

input[type="time"]::-webkit-clear-button {
    display: none;
}

textarea {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	width: 100%;
	color: #9e9e9e;
	border-radius: 2px;
	border: 1px solid #dfdfdf;
	padding-left: 10px;
}

#tabletdevice, #phonedevice {
	display: none;
	height: 0;
	width: 0;
}

.SARA, .SARA:hover {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #000000;
}

.SearchField {
	width: 90%;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #9b9b9b;
	border: 0px;
	outline: none;
}

.padding5 {
	padding-left: 5px;
}


.padding10 {
	padding-left: 10px;
}

.paddingright10 {
	padding-right: 10px;
}

.paddingright30 {
	padding-right: 30px;
}

.paddingright40 {
	padding-right: 40px;
}

.padding15 {
	padding-left: 15px;
}

.padding20 {
	padding-left: 20px;
}

.padding30 {
	padding-left: 30px;
}

.padding40 {
	padding-left: 40px;
}

.paddingbottom30{
	padding-bottom: 30px;
}

.paddingtop8 {
	padding-top: 8px;
}

.paddingtop5 {
	padding-top: 5px;
}

.paddingtop10 {
	padding-top: 10px;
}

.paddingtop15 {
	padding-top: 15px;
}

.paddingtop20 {
	padding-top: 20px;
}

.paddingtop30 {
	padding-top: 30px;
}

.paddingtop40 {
	padding-top: 40px;
}

.paddingtop45 {
	padding-top: 45px;
}

.paddingtop50 {
	padding-top: 50px;
}

.margintop100 {
	margin-top: 100px;
}

.paddingbottom5 {
	padding-bottom: 15px;
}

.paddingright10 {
	padding-right: 10px;
}

.marginright55 {
	margin-right: 55px;
}

.loginfont1 { 
	font-weight: 400; 
	margin-left: 44px;
	font-size: 12px;
}

.loginfont2 { 
	font-weight: 700; 
	margin-left: 44px;
	font-size: 12px;
}

.loginfont3 { 
	margin-top: 7px;
	font-weight: 400; 
	padding-top: 5px;
	font-size: 13px;
	color: #9e9e9e;
}

.font10light { 
	font-weight: 400; 
	font-size: 10px;
	color: #fff;
}

.font11light { 
	font-weight: 400; 
	font-size: 11px;
	color: #fff;
}

.font12 { 
	font-weight: 500; 
	font-size: 12px;
	color: #fff;
}

.font12s { 
	font-weight: 700; 
	font-size: 12px;
	color: #56717e;
}

.font12bbold { 
	font-weight: 700; 
	font-size: 12px;
	color: #4a4a4a;
}

.font12blue { 
	font-weight: 700; 
	font-size: 12px;
	color: #00aac1;
}

.font12slight { 
	font-weight: 400; 
	font-size: 12px;
	color: #56717e;
}

.font12wlight { 
	font-weight: 400; 
	font-size: 12px;
	color: #fff;
}

.font13 { 
	font-weight: 400; 
	font-size: 13px;
	color: #fff;
}

.font13light { 
	font-weight: 400; 
	font-size: 13px;
	color: #000;
}

.font13bbold { 
	font-weight: 700; 
	font-size: 13px;
	color: #4a4a4a;
}

.font14 { 
	font-weight: 700; 
	font-size: 14px;
	color: #fff;
}

.font14light { 
	font-weight: 400; 
	font-size: 14px;
	color: #000;
}

.font14medium { 
	font-weight: 500; 
	font-size: 14px;
	color: #59666c;
}

.font14s { 
	font-weight: 400; 
	font-size: 14px;
	color: #4a4a4a;
}

.font14b { 
	font-weight: 400; 
	font-size: 14px;
	color: #4a4a4a;
}

.font14bbold { 
	font-weight: 700; 
	font-size: 14px;
	color: #4a4a4a;
}

.font16light { 
	font-weight: 400; 
	font-size: 16px;
	color: #9b9b9b;
}

.font16bold {
	font-weight: 700;
	font-size: 16px;
	color: #000000;
}

.font16 { 
	font-weight: 400; 
	font-size: 16px;
	color: #fff;
}

.font16b { 
	font-weight: 500; 
	font-size: 16px;
	color: #fff;
}

.font16black { 
	font-weight: 400; 
	font-size: 16px;
	color: #4a4a4a;
}

.font20light { 
	font-weight: 400; 
	font-size: 20px;
	color: #262626;
}

.font24 { 
	font-weight: 700; 
	font-size: 24px;
	color: #efefef;
}

.font24wlight { 
	font-weight: 400; 
	font-size: 24px;
	color: #fff;
}

.font22 { 
	font-weight: 700; 
	font-size: 22px;
	color: #efefef;
}

.font22wlight { 
	font-weight: 400; 
	font-size: 22px;
	color: #fff;
}


.font23b { 
	font-weight: 400; 
	font-size: 23px;
	color: #4a4a4a;
}

.font23 { 
	font-weight: 700; 
	font-size: 23px;
	color: #fff;
}

.font24light { 
	font-weight: 400; 
	font-size: 24px;
	color: #009588;
}

.font28 { 
	font-weight: 400; 
	font-size: 28px;
	color: #009588;
}

.font28light { 
	font-weight: 400; 
	font-size: 28px;
	color: #009588;
}

.font32light { 
	font-weight: 400; 
	font-size: 32px;
	color: #fff;
}

.font34light { 
	font-weight: 400; 
	font-size: 34px;
	color: #fff;
}

.font36light { 
	font-weight: 400; 
	font-size: 36px;
	color: #fff;
}

.silverline {
	background-color: #cdde20;
	margin-left: -21px;
	padding-top: 15px;
	padding-left: 21px;
	height: 54px;
}
.greenline {
	background-color: #009588;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 30px;
	padding-left: 0px;
	height: 128px;
}
.blueline {
	background-color: #00bcd6;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 50px;
	padding-left: 0px;
	height: 112px;
}
.darksilverline {
	background-color: #5f7d8c;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 50px;
	padding-left: 0px;
	height: 286px;
}

.loginsubmit {
	border: 1px solid #00bcd6;
	background-color: #00bcd6;
	width: 120px; 
	height: 35px;
	color: #fff;
	margin-top: 25px;
	border-radius: 2px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}

.loginsubmit:hover {
	border: 1px solid #00bcd6;
	background-color: #00bcd6;
	width: 120px; 
	height: 35px;
	color: #fff;
	margin-top: 25px;
	border-radius: 2px;	
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}

* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	text-rendering: optimizeLegibility;
}

*::-moz-selection {
	color: #CFD8DC;
	background: #009688;
}

*::selection {
	color: #CFD8DC;
	background: #009688;
}

*::-webkit-scrollbar {
	width: 10px!important;
	background: #FAFAFA;
}

*::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, .08);
}

*::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .2);
}
/* End defaults*/
.card {
	margin: 8px auto;
    display: inline-block;
    vertical-align: top;
    width: 364px;
    position: relative;
    overflow: hidden;
    background: #FFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    color: #272727;
    border-radius: 2px;
	height: 562px;
}
.cardsmall {
	margin: 8px auto;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #bdcc1f;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    color: #272727;
    border-radius: 2px;
	height: 361px;
}
.cardsmallwide {
	margin: 8px auto;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    color: #272727;
    border-radius: 2px;
	height: 362px;
}

.cardsmallwidebig {
	margin: 8px auto;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    color: #272727;
    border-radius: 2px;
	/*height: 546px;*/
	height: 362px;
}

.cardsmallwidered {
	margin: 8px auto;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #EA1D63;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    color: #272727;
    border-radius: 2px;
	height: 175px;
}

.cardsmallwideblue {
	margin: 8px auto;
    display: inline-block;
    vertical-align: top;
    width: 100.1%;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    color: #272727;
    border-radius: 2px;
	height: 170px;
}

.cardsmallwidewhite {
	margin: 8px auto;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    color: #272727;
    border-radius: 2px;
	min-height: 136px;
}

.cardsmallwidewhiteauto {
	margin: 8px auto;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    color: #272727;
    border-radius: 2px;
	height: auto;
}

.cardSmallWideMinHeight{
	min-height: 223px; /* 183 px -> If 3 inputs*/
}


.whiteButton{
	/*color: #00aac1;*/
	color: #59666c;
	font-size: 14px;
	font-weight: 500;
	background: #fff;
	/*#fff*/
	border: 1px solid transparent;
	border-radius: 2px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.14);
	width: 160px;
	height: 36px;
	
	position: relative;
	overflow: hidden;
	z-index: 1;
}


.whiteButtonBorder {
	/*color: #00aac1;*/
	color: #59666c;
	font-size: 14px;
	font-weight: 400;
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	width: 220px;
	height: 36px;
	position: relative;
	overflow: hidden;
	z-index: 1;
/*	text-transform: uppercase;*/
}


.blueButton{
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	background: #00aac1;
	/*#00aac1*/
	border: 1px solid transparent;
	border-radius: 2px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.24);
	width: 160px;
	height: 36px;
	
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.blueButtonWizard{
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	background: #00aac1;
	/*#00aac1*/
	border: 1px solid transparent;
	border-radius: 8px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.24);
	width: 100%;
	height: 36px;

	position: relative;
	overflow: hidden;
	z-index: 1;
}

.darkBlueButton{
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	background: #464a5a;
	/*#00aac1*/
	border: 1px solid transparent;
	border-radius: 2px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.24);
	height: 36px;

	position: relative;
	overflow: hidden;
	z-index: 1;
	padding-left: 10px;
	padding-right: 10px;
}

.greenButton{
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	background: #00AA00;
	/*#00aac1*/
	border: 1px solid transparent;
	border-radius: 2px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.24);
	width: 160px;
	height: 36px;

	position: relative;
	overflow: hidden;
	z-index: 1;
}


.modalText2{
	font-size: 12px; 
	color: #333333; 
	font-weight: 700;
}

.modalText{
	font-size: 14px; 
	line-height: 24px; 
	width: 430px;
	font-weight: 400;
	color: #333333;
}

.ModalAddCustomer{
	width: 950px;
}

#CustomerSearchPublicDatabaseSearch {
    padding-left: 38px;
    background: url(../../../library/images/search-copy.png) no-repeat scroll left 7px center;
}

.caretRed {
    border-top: 4px dashed #ea1d63;	
}
.simpleHover:hover{
	background-color: #e6e6e6;
}

/* Custom radiobutton */

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #767676;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    background: rebeccapurple;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    background: #009688;
	border: 2px solid #009688;
    box-shadow: inset 0px 0px 0px 4px #fff;
}


.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  /*outline: 1px solid #009688;*/ /* focus style */
}
/* Custom radiobutton */

/* Custom file input */
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}
/* Custom file input */

.ItemsTable{
	min-width: 600px;
}

.ItemsTableTr{
	font-weight: 500; 
	font-size: 13px;
}

.dashboardButton{
	min-height: 100px; 
	background: #FFF;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 100%;
}

.dashboardButtonIconBg{
	 height: 100px; z-index: -10; overflow: visible; position: relative;
}

/* Circle */
.primaryButton {
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 160px;
  height: 36px;
}

.modal-dialog.issuedInvoiceModal{
	width: 68%;
}

.primaryButton:after, .whiteButton:after, .blueButton:after , .whiteButtonBorder:after, .dashboardButton:after {
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '.';
  color: transparent;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background: transparent;
}
.primaryButton:hover:after{
  border-radius: 4px;
  -webkit-animation: circle 3.5s ease-in forwards; /* Safari 4+ */
  -moz-animation:    circle 3.5s ease-in forwards; /* Fx 5+ */
  -o-animation:      circle 3.5s ease-in forwards; /* Opera 12+ */
  animation:         circle 3.5s ease-in forwards; /* IE 10+, Fx 29+ */
}

.whiteButton:hover:after, .blueButton:hover:after{
  border-radius: 4px;
  -webkit-animation: circle2 3.5s ease-in forwards; /* Safari 4+ */
  -moz-animation:    circle2 3.5s ease-in forwards; /* Fx 5+ */
  -o-animation:      circle2 3.5s ease-in forwards; /* Opera 12+ */
  animation:         circle2 3.5s ease-in forwards; /* IE 10+, Fx 29+ */
}
.whiteButtonBorder:hover:after, .dashboardButton:hover:after   {
	border: 1px solid #e6e6e6;
	border-radius: 4px;
  -webkit-animation: circle2 3.5s ease-in forwards; /* Safari 4+ */
  -moz-animation:    circle2 3.5s ease-in forwards; /* Fx 5+ */
  -o-animation:      circle2 3.5s ease-in forwards; /* Opera 12+ */
  animation:         circle2 3.5s ease-in forwards; /* IE 10+, Fx 29+ */
}

.dashboardButton:hover:after   {
	border: 1px solid #f5f5f5;
	border-radius: 4px;
  -webkit-animation: circle2 3.5s ease-in forwards; /* Safari 4+ */
  -moz-animation:    circle2 3.5s ease-in forwards; /* Fx 5+ */
  -o-animation:      circle2 3.5s ease-in forwards; /* Opera 12+ */
  animation:         circle2 3.5s ease-in forwards; /* IE 10+, Fx 29+ */
}

/* Keyframes */
@-webkit-keyframes circle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: #eee;
    border-radius: 100%;
	
  }
  100% {
    background: #aaa;
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}

@-webkit-keyframes circle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: #eee;
    border-radius: 100%;
	
  }
  100% {
    background: #aaa;
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}

@-webkit-keyframes circle2 {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: rgba(200,200,200,0.2);
    border-radius: 100%;
	border-color:transparent;
  }
  100% {
    background: rgba(200,200,200,0.1);
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
	border-color:transparent;
  }
}

@-moz-keyframes circle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: #eee;
    border-radius: 100%;
  }
  100% {
    background: #aaa;
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}

@-o-keyframes circle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: #eee;
    border-radius: 100%;
  }
  100% {
    background: #aaa;
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}

@keyframes circle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: #eee;
    border-radius: 100%;
  }
  100% {
    background: #aaa;
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}


@media screen and (max-width:600px) {
	.card { width: 100%; }
	
	.ModalAddCustomer{
		width: 90%;
	}

}


.card .title {
    line-height: 48px;
    font-size: 24px;
    font-weight: 400;
}
.card .content {
    margin-top: 40px;
	color: #56717e;
    border-radius: 0 0 2px 2px;
}
.cardsmall .content {
    margin-top: 40px;
	color: #56717e;
	padding-left: 18px;
    border-radius: 0 0 2px 2px;
}
.cardsmallwide .content {
    margin-top: 0px;
	color: #56717e;
	padding-left: 0px;
    border-radius: 0 0 2px 2px;
}
.cardsmallwidered .content {
    margin-top: 0px;
	color: #56717e;
	padding-left: 0px;
    border-radius: 0 0 2px 2px;
}
.cardsmallwideblue .content {
    margin-top: 0px;
	color: #56717e;
	padding-left: 0px;
    border-radius: 0 0 2px 2px;
}
.card .input1 {
	margin-left: 44px;
	width: 275px;
	height: 35px;
	border-radius: 2px;
	border: 1px solid #dfdfdf;
	height: 35px;
	padding-left: 10px;
	color: #4a4a4a;
	
}
.input2 {
	margin-left: 4px;
	width: 280px;
	height: 35px;
	border-radius: 2px;
	border: 1px solid #dfdfdf;
	height: 35px;
	padding-left: 10px;
	color: #4a4a4a;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 400;
	font-family: Roboto;
}
.input2small {
	margin-left: 7px;
	width: 128px;
	height: 35px;
	border-radius: 2px;
	border: 1px solid #dfdfdf;
	height: 35px;
	padding-left: 10px;
	color: #4a4a4a;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 400;
	font-family: Roboto;
}

.input2small2 {
	margin-left: 7px;
	width: 112px;
	height: 35px;
	border-radius: 2px;
	border: 1px solid #dfdfdf;
	height: 35px;
	padding-left: 10px;
	color: #4a4a4a;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 400;
	font-family: Roboto;
}

.input2smaller {
	margin-left: 7px;
	width: 46px;
	height: 35px;
	border-radius: 2px;
	border: 1px solid #dfdfdf;
	height: 35px;
	padding-left: 10px;
	color: #4a4a4a;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 400;
	font-family: Roboto;
}
.card p {
    margin: 0;
}
.cardsmall p {
    margin: 0;
}
.cardsmallwide p {
    margin: 0;
}
.card a {
    color: #ffab40;
    margin-right: 20px;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    text-transform: uppercase;
    text-decoration: none;
}
.card .image {
    position: relative;
}
.card .image img {
    border-radius: 2px 2px 0 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}
.card .image .title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: #FFF;
}

.lastinvoicescard {	
	height: 45px;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px dashed #e6e6e6;
}

.selectcompanylist {	
	height: 75px;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px dashed #e6e6e6;
}

.selectcompanylist:hover {	
	background-color: #eeeeee;
	cursor: pointer;
}

.lastinvoicetable {
	margin-top: 4px;
}
.redbox {
	background-color: #ea1d63;
	margin-left: 0px;
	margin-top: 0px;
	height: 168px;
	width: 50%;
}

.partnerbox {
	background-color: #ffc200;
	margin-left: 0px;
	margin-top: 0px;
	height: 136px;
	width: 170px;
}

.partnerboxdb {
	background-color: #7cb13a;
	margin-left: 0px;
	margin-top: 0px;
	height: 136px;
	width: 170px;
}

.partnercenter {
	padding-left: 57px;
}

.textinput {
	margin-left: 44px;
	width: 280px;
	height: 35px;
	border-radius: 2px;
	border: 1px solid #dfdfdf;
	height: 35px;
	padding-left: 10px;
	color: #4a4a4a;
}

.margintopminus40 {
	margin-top: -40px;
}

.margintopminus60 {
	margin-top: -60px;
}

.margintopminus69 {
	margin-top: -69px;
}

.margintopminus56 {
	margin-top: -56px;
}
.margintopminus80 {
	margin-top: -80px;
}

#BackgroundAnimationCanvas {
  width: 364px;
  height: 286px;
  background-image: url("../images/sara.png");
}

.UserAvatar {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	-webkit-border-radius: 20x;
	-moz-border-radius: 20px;
}


.wrapper.dark,
.wrapper.dark .header {
  color: rgba(255,255,255,0.84);
}
.wrapper.dark .ripple,
.wrapper.dark .header .ripple {
  box-shadow: inset 0 0 0 10px rgba(0,0,0,0.77), 0 0 0 400px rgba(0,0,0,0.77);
}
.wrapper.dark .button,
.wrapper.dark .header .button {
  color: rgba(255,255,255,0.84);
}
.wrapper.dark .switch,
.wrapper.dark .header .switch {
  background: rgba(255,255,255,0.3);
}
.wrapper.dark .switch::before,
.wrapper.dark .header .switch::before {
  background: #bdbdbd;
}
.wrapper.dark input:checked + .switch,
.wrapper.dark .header input:checked + .switch {
  background: rgba(128,203,196,0.5);
}
.wrapper.dark input:checked + .switch::before,
.wrapper.dark .header input:checked + .switch::before {
  background: #80cbc4;
}
.button {
  display: inline-block;
  position: relative;
  padding: 0 12px;
  height: 36px;
  border: none;
  margin: 8px 0;
  cursor: pointer;
  border-radius: 2px;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(0,0,0,0.84);
  background: none;
  -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
          transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
}
.button:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.2), 0 3px 6px rgba(0,0,0,0.28);
}
.button:active {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.switch {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 16px;
  border-radius: 8px;
  background: rgba(0,0,0,0.26);
  -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
          transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  cursor: pointer;
}

.switch::before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: 24px;
  height: 24px;
  background: #fafafa;
  box-shadow: 0 2px 8px rgba(0,0,0,0.28);
  border-radius: 50%;
  -webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
          transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.switch:active::before {
  box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1);
}
input:checked + .switch {
  background: rgba(0,150,136,0.5);
}
input:checked + .switch::before {
  left: 20px;
  background: #009688;
}
input:checked + .switch:active::before {
  box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2);
}

#AddItemButton{
	border: none;
	background: none;
}

#CancelInvoiceButton{
	border: none;
	background: none;
}

#SaveInvoiceButton{
	border: none;
	background: none;
}

#PreviewInvoiceButton{
	border: none;
	background: none;
}

#IssueInvoiceButton{
	border: none;
	background: none;
}

.btn-primary {
	border: none;
	background-color: #00bcd6;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24);
	-moz-box-shadow:    0px 2px 2px rgba(0, 0, 0, 0.24);
	box-shadow:         0px 2px 2px rgba(0, 0, 0, 0.24);
	border-radius: 2px;
}

.selectCustomer{
	width: 280px;
}

.selectPaymentType{
	width: 285px;
}

.dateRange1{
	margin-left: 4px;
}

.dateRange2{
	margin-left: 31px;
}

.fromToText{
	margin-left: 52px;
	margin-top: 10px;
}

.dateRange3{
	margin-left: -53px;
}

.opombeTextArea{
	resize: none;
	width: 99%;
	min-height: 115px;
	height:auto;
	margin-left: -23px;
	margin-top: 14px
}

.opombePadding{
	padding-left: 45px;
}

.switchMD{
	 opacity: 0;
	 width: 40px;
	 height: 25px;
	 position: absolute;
	 z-index: 500;
	 margin-top: 5px;
}

.statusGreen2{
	width: 72px;
	height: 18px;
	line-height: 18px;
	background-color: #009588;
	font-weight: 700;
	text-align: center;
	font-size: 10px;
	color: #fff;
	border-radius: 3px;
}

.statusGreen{
	width: 72px;
	height: 18px;
	line-height: 18px;
	background-color: #bdcc1f;
	font-weight: 700;
	text-align: center;
	font-size: 10px;
	color: #fff;
	border-radius: 3px;
}

.statusOrange {
	width: 72px;
	height: 18px;
	line-height: 18px;
	background-color: #FFC200;
	font-weight: 700;
	text-align: center;
	font-size: 10px;
	color: #fff;
	border-radius: 3px;
}

.statusBlue{
	width: 72px;
	height: 18px;
	line-height: 18px;
	background-color: #00AAC1;
	font-weight: 700;
	text-align: center;
	font-size: 10px;
	color: #fff;
	border-radius: 3px;
}

.statusRed{
	width: 72px;
	height: 18px;
	line-height: 18px;
	background-color: #ec1561;
	font-weight: 700;
	text-align: center;
	font-size: 10px;
	color: #fff;
	border-radius: 3px;
}

.paymentTypeGray{
	/*width: 72px;*/
	width: 100%;
	height: 18px;
	line-height: 18px;
	background-color: #dedede;
	font-weight: 700;
	text-align: center;
	font-size: 10px;
	color: #000;
	border-radius: 3px;
}

.rating0 {
	min-width: 21px;
	width: 21px;
	height: 21px;
	background-color: #4a4a4a;
	font-weight: 700;
	text-align: center;
	font-size: 13px;
	color: #fff;
	border-radius: 3px;
}

.rating1{
	min-width: 21px;
	width: 21px;
	height: 21px;
	background-color: #ec1561;
	font-weight: 700;
	text-align: center;
	font-size: 13px;
	color: #fff;
	border-radius: 3px;
}

.rating2{
	min-width: 21px;
	width: 21px;
	height: 21px;
	background-color: #FFC200;
	font-weight: 700;
	text-align: center;
	font-size: 13px;
	color: #fff;
	border-radius: 3px;
}

.rating3{
	min-width: 21px;
	width: 21px;
	height: 21px;
	background-color: #009588;
	font-weight: 700;
	text-align: center;
	font-size: 13px;
	color: #fff;
	border-radius: 3px;
}

.rating4{
	min-width: 21px;
	width: 21px;
	height: 21px;
	background-color: #00bcd6;
	font-weight: 700;
	text-align: center;
	font-size: 13px;
	color: #fff;
	border-radius: 3px;
}

.rating5 {
	min-width: 21px;
	width: 21px;
	height: 21px;
	background-color: #CDDE20;
	background-color: #CDDE20;
	font-weight: 700;
	text-align: center;
	font-size: 13px;
	color: #fff;
	border-radius: 3px;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    font-family: Roboto;
	 color: #9b9b9b;
	 padding-left: 38px;
    font-weight: 400;
    font-size: 14px;
	 border: 1px solid #e6e6e6;
	 border-radius: 2px;
	 height: 36px;
	 width: 226px;
	 background: url(../images/search-copy.png) no-repeat scroll left 7px center;
	 background-size: 16px 16px;
}

.dataTables_wrapper .dataTables_length {
	padding-bottom: 30px;
    float: right;
	font-family: Roboto;
	color: #9b9b9b;
	font-weight: 400!important;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_length > label {
	font-weight: 400!important;
}

.dataTables_wrapper .dataTables_length > label > select {
	/*width: 52px;*/
	width: 55px;
	height: 36px;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
}

.dataTables_wrapper .dataTables_filter {
	padding-bottom: 30px;
   float: left; 
}

.dataTables_wrapper .dataTables_info {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #9b9b9b;
	margin-top: 60px;
    clear: both;
    float: right;
    padding: 5px 30px;
}

.dataTables_wrapper .dataTables_paginate {
	margin-top: 60px;
   float: left;
   text-align: left;
   padding-top: 0.25em;
}



.paddingTotal{
	padding-left: 25px;
}

.invoicesGrid1 > th {
	font-family: Roboto;
	color: #4a4a4a;
	font-weight: 700!important;
   font-size: 13px;
}

.invoicesGrid2 > td {
	font-family: Roboto;
	color: #4a4a4a;
	font-weight: 400!important;
   font-size: 14px;
}

.redCardIcon{
	background-color: #DB2161;
	min-height: 186px;
}

.unpaidInvoicesNumber{
	background-color: rgba(255,255,255,0.39);
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 2px;
}

.paddingRedCardLeft {
	padding-top: 55px;
}

.paddingRedCardRight {
	padding-top: 30px;
}

.customerInputPadding{
	padding-left: 13px!important;
}

/* MOBILE  (535px before) */
@media screen and (max-width:  767px) {
	#tabletdevice {
		display: none;
	}
	
	#phonedevice {
		display: block;
	}
	
	.ItemsTable{
		min-width: 800px;
	}

	.ItemsTableTr{
		font-weight: 500; 
		font-size: 10px;
	}
	
	.modalText{
		width: 100%;
	}
	
	.avatarImage{
		max-width: 200px;
		padding-left: 20px;
	}
	
	.signatureImage{
		max-width: 187px;
		padding-left: 5px;
	}
	
	.mce-tinymce{
		width: 210px;
	}
	
	.tinymce_clean{
		width: 210px;
	}
	
	.modal-dialog.issuedInvoiceModal{
		width: 99.5%;
		padding-right: 20px;
	}
	
	.customerExportButton {
		width: 310px!important;
	}
	
	#IssuedInvoices_length.dataTables_length{
		float: left;
		padding-left: 10px;
		padding-bottom: 0px;
	}
	
	table.dataTable thead .sorting{
		background-image: none;
	}
	
	table.dataTable thead .sorting_asc{
		background-image: none;
	}
	
	table.dataTable thead .sorting_desc{
		background-image: none;
	}
	
	.advancedSearchPopupTd{
		witdh: 100px!important;
	}
	
	.daterangepicker1{
		width: 100%!important;
	}
	
	.blueButtonWidth{
		width: 150px!important;
	}
	.whiteButtonWidth{
		width: 150px!important;
	}
	
	#AdvancedSearch.modal.fade.in{
		margin-left:  -15px;
	}
	
	#IssuedInvoicesDashboard_length.dataTables_length{
		float: left;
		padding-left: 10px;
		padding-bottom: 0px;
	}
	
	#IssuedInvoicesDashboard_info.dataTables_info{
		float: left;
		margin-left: 5px;
		border-left-width: 1px;
		padding-bottom: 0px;
	}
	
	#IssuedInvoices_info.dataTables_info{
		float: left;
		margin-left: 0px;
		padding-bottom: 0px;
	}
	
	#InvoicesIssueDashboardBox.table-responsive{
		border: none;
	}
	
	.hideTableField{
		display: none;
	}
    
    .dropify-wrapper.touch-fallback {
       width: 100%;  
    }
    
	#fileUploadLogoWrapper .dropify-wrapper.touch-fallback {
		width: 26%; 
	}
    
    #fileUploadCertWrapper .dropify-wrapper.touch-fallback {
		width: 94%; 
	}
    
    #fileUploadCertPasswordWrapper input {
        width: 94% !important;
    }

	.mce-tinymce {
		width: 26% !important;
	}

	.whiteButtonMarginTop {
		margin-top: 10px;
	}

	.whiteButtonPaddingLeft {
		padding-left: 0px !important;
	}

	#InvoiceLogoPosition {
		width: 26% !important;
	}
	
	.paddingCustomerMobile{
		padding-top: 30px;
	}
	
	.hideCustomerMobile{
		display: none;
	}
	
	.sendInvoice > #mceu_5.mce-tinymce.mce-container.mce-panel{
		width: 100%!important;
	}
}

/* TABLET  (535px before)*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
	#phonedevice {
		display: none;
	}
	
	#tabletdevice {
		display: block;
	}
	
	.ItemsTableTr{
		font-weight: 500; 
		font-size: 10px;
	}
}


.dashboardButtonText{
	font-size: 13px;
	color: #4a4a4a;
	text-align: left;
}

.potniNalogUra{
	width: 70px;
}

@media screen and (max-width: 1024px) {
	.ModalAddCustomer{
		width: 90%;
	}
	
	.dashboardButtonText{
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.potniNalogUra{
		width: 250px;
		text-align: left;
	}

}

.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}

.cardShadow{
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}

.customerExportButton {
	width: 350px;
}

.advancedSearchPopupTd{
    witdh: 200px;
}
    
.whiteButtonPaddingLeft {
    padding-left: 20px;
}


.arrowCardLeft{
    position: absolute;
    left: 20px;
    margin-top: -1px;
    cursor: pointer;
}

.arrowCardRight{
    position: absolute;
    right: 20px;
    margin-top: -1px;
    cursor: pointer;
}

table.dataTable thead th, table.dataTable thead td{
    font-weight: 400;
}

table.dataTable tbody th, table.dataTable tbody td{
    padding: 8px 6px;
}

.paginateButton{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 300;
    box-sizing: border-box;
    display: inline-block;
    min-width: 33px;
    padding: 3px 11px;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: hand;
    color: #9e9e9e !important;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #E6E6E6;
    border-radius: 50%;
}


.paginateButtonActive{
    color: white !important;
    background-color: #00BCD6;
    border-radius: 50%;
    pointer-events: none;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 300;
    box-sizing: border-box;
    display: inline-block;
    min-width: 33px;
    padding: 3px 11px;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: hand;
    border: 1px solid transparent;
    border-radius: 2px;
    border-radius: 50%;
}

.paginateButton:hover{
    color: white !important;
    background-color: #00BCD6;
    border-radius: 50%;
}

.bocena {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}

.bocena-a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 106.1 106.1'><path d='M90.5 15.5C69.9-5.2 36.2-5.2 15.5 15.5 -5.2 36.2-5.2 69.9 15.5 90.5c20.7 20.7 54.3 20.7 75 0C111.2 69.9 111.2 36.2 90.5 15.5zM84.8 84.8c-17.5 17.5-46 17.5-63.5 0 -17.5-17.5-17.5-46 0-63.5C38.8 3.8 67.3 3.8 84.8 21.3 102.3 38.8 102.3 67.3 84.8 84.8zM31.7 37.5c-0.2-0.2-0.2-0.5-0.2-0.7s0.3-0.4 0.6-0.5l4.6-0.7 2.1-4.4c0.1-0.2 0.4-0.4 0.6-0.4s0.5 0.2 0.6 0.4l2.1 4.4 4.6 0.7c0.3 0 0.5 0.2 0.6 0.5s0 0.5-0.2 0.7l-3.4 3.4 0.8 4.9c0 0.3-0.1 0.5-0.3 0.7 -0.1 0.1-0.3 0.1-0.4 0.1 -0.1 0-0.2 0-0.3-0.1l-4.1-2.3 -4.1 2.3c-0.2 0.1-0.5 0.1-0.7 0 -0.2-0.2-0.3-0.4-0.3-0.7l0.8-4.9L31.7 37.5zM59.9 37.5c-0.2-0.2-0.2-0.5-0.2-0.7s0.3-0.4 0.6-0.5l4.6-0.7 2.1-4.4c0.1-0.2 0.4-0.4 0.6-0.4 0.3 0 0.5 0.2 0.6 0.4l2.1 4.4 4.6 0.7c0.3 0 0.5 0.2 0.6 0.5s0 0.5-0.2 0.7l-3.4 3.4 0.8 4.9c0 0.3-0.1 0.5-0.3 0.7 -0.1 0.1-0.3 0.1-0.4 0.1 -0.1 0-0.2 0-0.3-0.1l-4.1-2.3 -4.1 2.3c-0.2 0.1-0.5 0.1-0.7 0 -0.2-0.2-0.3-0.4-0.3-0.7l0.8-4.9L59.9 37.5zM78.5 61.1c0.3 0.4 0.3 0.9 0.1 1.4 -4.3 9.9-14.3 16.3-25.6 16.3 -11.5 0-21.6-6.4-25.7-16.4 -0.2-0.4-0.1-0.9 0.1-1.3 0.3-0.4 0.7-0.6 1.2-0.6 0 0 0 0 0 0L77.4 60.4C77.8 60.4 78.3 60.7 78.5 61.1z' fill='%231AD4BB'/></svg>");
}

.bocena-b {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 106.1 106.1'><style>.a{fill:%231AD4BB;}</style><path d='M90.5 90.5c20.7-20.7 20.7-54.3 0-75C69.9-5.2 36.2-5.2 15.5 15.5 -5.2 36.2-5.2 69.9 15.5 90.5 36.2 111.2 69.9 111.2 90.5 90.5zM21.3 21.3C38.8 3.8 67.3 3.8 84.8 21.3c17.5 17.5 17.5 46 0 63.5 -17.5 17.5-46 17.5-63.5 0C3.8 67.3 3.8 38.8 21.3 21.3z' class='a'/><path d='M39 45c0.1 0.1 0.3 0.1 0.4 0.1 0.2 0 0.3 0 0.5-0.1 0.1 0 1.5-1 2.9-2.5 2-2 3-3.9 3-5.5 0-1-0.4-2.1-1-3 -0.7-1-1.7-1.6-2.7-1.6 -1 0-1.9 0.4-2.6 1.2 -0.7-0.7-1.6-1.2-2.6-1.2 -1 0-2 0.6-2.7 1.6 -0.6 0.9-1 2-1 3C33.1 40.9 38.8 44.8 39 45z' class='a'/><path d='M53.1 78.7c10.1 0 19.1-5.7 22.9-14.6 0.7-1.5 0-3.3-1.6-3.9 -1.5-0.7-3.3 0-3.9 1.6 -2.9 6.7-9.7 11-17.4 11 -7.9 0-14.7-4.3-17.5-11 -0.5-1.2-1.6-1.8-2.8-1.8 -0.4 0-0.8 0.1-1.1 0.2 -1.5 0.6-2.3 2.4-1.6 3.9C33.7 72.9 42.8 78.7 53.1 78.7z' class='a'/><path d='M67.1 45c0.1 0.1 0.3 0.1 0.4 0.1 0.2 0 0.3 0 0.5-0.1 0.1 0 1.5-1 2.9-2.5 2-2 3-3.9 3-5.5 0-1-0.4-2.1-1-3 -0.7-1-1.7-1.6-2.7-1.6 -1 0-1.9 0.4-2.6 1.2 -0.7-0.7-1.6-1.2-2.6-1.2 -1 0-2 0.6-2.7 1.6 -0.6 0.9-1 2-1 3C61.2 40.9 66.9 44.8 67.1 45z' class='a'/></svg>");
}

.bocena-c {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 106.1 106.1'><style>.a{fill:%231AD4BB;}</style><path d='M90.5 90.5c20.7-20.7 20.7-54.3 0-75C69.9-5.2 36.2-5.2 15.5 15.5 -5.2 36.2-5.2 69.9 15.5 90.5 36.2 111.2 69.9 111.2 90.5 90.5zM21.3 21.3C38.8 3.8 67.3 3.8 84.8 21.3c17.5 17.5 17.5 46 0 63.5 -17.5 17.5-46 17.5-63.5 0C3.8 67.3 3.8 38.8 21.3 21.3zM23.8 39.8c0-1.7 1.4-3.1 3.1-3.1l13.4 0c0 0 0.1 0 0.1 0 1.6 0 3.2 0.6 4.5 1.8 2.4 2.4 2.4 6.4 0 8.8 -2.4 2.4-6.3 2.4-8.8 0 -1.2-1.2-1.8-2.7-1.8-4.3h-7.3C25.2 43 23.8 41.5 23.8 39.8zM62.6 39.9c0-1.7 1.4-3.1 3.1-3.1l13.4 0c0 0 0.1 0 0.1 0 1.6 0 3.2 0.6 4.5 1.8 2.4 2.4 2.4 6.4 0 8.8 -2.4 2.4-6.3 2.4-8.8 0 -1.2-1.2-1.8-2.7-1.8-4.3h-7.3C64 43 62.6 41.6 62.6 39.9zM33.4 65.6c9.9 0.3 33 1.9 34.5 10 0.3 1.4-0.6 2.7-2 2.9 -0.2 0-0.3 0-0.5 0 -1.2 0-2.2-0.8-2.5-2 0 0-1.1-2.7-14.4-4.6 -7.6-1.1-15.2-1.3-15.3-1.3 -1.4 0-2.5-1.2-2.4-2.6 0-1.4 1.2-2.4 2.5-2.4C33.4 65.6 33.4 65.6 33.4 65.6z' class='a'/></svg>");
}

.bocena-d {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 106.1 106.1'><path d='M90.5 15.5C69.9-5.2 36.2-5.2 15.5 15.5 -5.2 36.2-5.2 69.9 15.5 90.5c20.7 20.7 54.3 20.7 75 0C111.2 69.9 111.2 36.2 90.5 15.5zM84.8 84.8c-17.5 17.5-46 17.5-63.5 0 -17.5-17.5-17.5-46 0-63.5C38.8 3.8 67.3 3.8 84.8 21.3 102.3 38.8 102.3 67.3 84.8 84.8zM77 74c0.7 1.5 0 3.3-1.6 3.9 -1.5 0.7-3.3 0-3.9-1.6 -2.9-6.7-9.7-11-17.4-11 -7.9 0-14.7 4.3-17.5 11 -0.5 1.2-1.6 1.9-2.8 1.9 -0.4 0-0.8-0.1-1.1-0.2 -1.5-0.6-2.3-2.4-1.6-3.9 3.7-8.9 12.8-14.7 23.1-14.7C64.2 59.4 73.2 65.1 77 74zM33.2 38.7c0-3.4 2.8-6.2 6.2-6.2 3.4 0 6.2 2.8 6.2 6.2 0 3.4-2.8 6.2-6.2 6.2C36 44.9 33.2 42.1 33.2 38.7zM61.4 38.7c0-3.4 2.8-6.2 6.2-6.2 3.4 0 6.2 2.8 6.2 6.2 0 3.4-2.8 6.2-6.2 6.2S61.4 42.1 61.4 38.7z' fill='%231AD4BB'/></svg>");
}

.bocena-e {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 106.1 106.1'><path d='M90.5 90.5c20.7-20.7 20.7-54.3 0-75C69.9-5.2 36.2-5.2 15.5 15.5 -5.2 36.2-5.2 69.9 15.5 90.5 36.2 111.2 69.9 111.2 90.5 90.5zM21.3 21.3C38.8 3.8 67.3 3.8 84.8 21.3c17.5 17.5 17.5 46 0 63.5 -17.5 17.5-46 17.5-63.5 0C3.8 67.3 3.8 38.8 21.3 21.3zM58.9 41.7c0-4.8 3.9-8.7 8.7-8.7 4.8 0 8.7 3.9 8.7 8.7 0 1.4-1.1 2.5-2.5 2.5s-2.5-1.1-2.5-2.5c0-2-1.7-3.7-3.7-3.7 -2 0-3.7 1.7-3.7 3.7 0 1.4-1.1 2.5-2.5 2.5C60 44.2 58.9 43.1 58.9 41.7zM31.1 41.6c0-4.8 3.9-8.7 8.7-8.7 4.8 0 8.7 3.9 8.7 8.7 0 1.4-1.1 2.5-2.5 2.5 -1.4 0-2.5-1.1-2.5-2.5 0-2-1.7-3.7-3.7-3.7 -2 0-3.7 1.7-3.7 3.7 0 1.4-1.1 2.5-2.5 2.5S31.1 43 31.1 41.6zM54.1 59.4c10.1 0 19.1 5.7 22.9 14.6 0.7 1.5 0 3.3-1.6 3.9 -1.5 0.7-3.3 0-3.9-1.6 -2.9-6.7-9.7-11-17.4-11 -7.9 0-14.7 4.3-17.5 11 -0.5 1.2-1.6 1.9-2.8 1.9 -0.4 0-0.8-0.1-1.1-0.2 -1.5-0.6-2.3-2.4-1.6-3.9C34.7 65.1 43.8 59.4 54.1 59.4zM25.2 56.8c0-3.4 4.6-7.5 4.6-7.5 0.4 2.7 1.5 4.3 1.5 4.3 1.2 1.8 1.2 3.5 1.2 3.5 0 3.7-3.7 3.7-3.7 3.7C25.2 60.8 25.2 56.8 25.2 56.8z' fill='%231AD4BB'/></svg>");
}

.bocena-f {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 106.1 106.1'><path d='M90.5 90.5c20.7-20.7 20.7-54.3 0-75C69.9-5.2 36.2-5.2 15.5 15.5 -5.2 36.2-5.2 69.9 15.5 90.5 36.2 111.2 69.9 111.2 90.5 90.5zM21.3 21.3c17.5-17.5 46-17.5 63.5 0 17.5 17.5 17.5 46 0 63.5 -17.5 17.5-46 17.5-63.5 0C3.8 67.3 3.8 38.8 21.3 21.3zM33 40.4l1.8-1.8 -1.8-1.8c-1.2-1.2-1.3-3.2-0.1-4.5 0 0 0.1-0.1 0.1-0.2 1.3-1.3 3.5-1.3 4.7 0l1.8 1.8 1.8-1.8c1.2-1.2 3.3-1.3 4.5-0.1 0 0 0.1 0.1 0.2 0.1 0.6 0.6 1 1.5 1 2.4 0 0.9-0.3 1.7-1 2.4l-1.8 1.8 1.8 1.8c0.6 0.6 1 1.5 1 2.4 0 0.9-0.3 1.7-1 2.4 -1.3 1.3-3.5 1.3-4.7 0l-1.8-1.8 -1.8 1.8c-0.6 0.6-1.5 1-2.4 1 -0.9 0-1.7-0.3-2.4-1C31.7 43.8 31.7 41.7 33 40.4zM61.1 40.4l1.8-1.8 -1.8-1.8c-1.2-1.2-1.3-3.2-0.1-4.5 0 0 0.1-0.1 0.1-0.2 1.3-1.3 3.5-1.3 4.7 0l1.8 1.8 1.8-1.8c1.2-1.2 3.3-1.3 4.5-0.1 0 0 0.1 0.1 0.2 0.1 0.6 0.6 1 1.5 1 2.4 0 0.9-0.3 1.7-1 2.4l-1.8 1.8 1.8 1.8c0.6 0.6 1 1.5 1 2.4 0 0.9-0.3 1.7-1 2.4 -1.3 1.3-3.5 1.3-4.7 0l-1.8-1.8L65.8 45.1c-0.6 0.6-1.5 1-2.4 1 -0.9 0-1.7-0.3-2.4-1C59.8 43.8 59.8 41.7 61.1 40.4zM30.2 73.7V69.6c0-0.6 0.4-1 1-1 1.3 0 3.8-1 4.9-2.5 0.2-0.3 0.5-0.4 0.8-0.4 0 0 0 0 0 0 0.3 0 0.6 0.2 0.8 0.4 1.1 1.6 2.9 2.5 4.9 2.5 1.9 0 3.8-0.9 4.9-2.5 0.2-0.3 0.5-0.4 0.8-0.4 0 0 0 0 0 0 0.3 0 0.6 0.2 0.8 0.4 1.1 1.6 3 2.5 4.9 2.5 1.9 0 3.8-0.9 4.9-2.5 0.4-0.5 1.3-0.5 1.6 0 1.1 1.6 3 2.5 4.9 2.5 1.9 0 3.8-0.9 4.9-2.5 0.2-0.3 0.5-0.4 0.8-0.4l0 0c0.3 0 0.6 0.2 0.8 0.4 1.1 1.5 3.6 2.5 4.9 2.5 0.6 0 1 0.4 1 1v4.1c0 0.6-0.4 1-1 1 -1.7 0-4.1-0.9-5.7-2.4 -1.5 1.5-3.6 2.4-5.7 2.4 -2.2 0-4.2-0.9-5.7-2.4 -1.5 1.5-3.5 2.4-5.7 2.4 -2.2 0-4.2-0.9-5.7-2.4 -1.5 1.5-3.5 2.4-5.7 2.4 -2.2 0-4.2-0.9-5.7-2.4 -1.6 1.5-4 2.4-5.7 2.4C30.6 74.7 30.2 74.2 30.2 73.7z' fill='%23DB2161'/></svg>");
}

.td-center {
    text-align: center;
}

.td-vmiddle {
    vertical-align: middle;
}

.text-left {
    text-align: left;
}

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

@media screen and (min-width: 1200px) {
    #InoviceItemsBox.table-responsive {
        overflow-x: initial;
    }
}

.company-edit {
    width: 30px;
    height: auto;
}

.company-note, .company-note p {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

footer {
    text-align: center;
    color: #56717e;
    margin-top: 30px;
}

footer a {
    font-weight: 400;
    font-size: 12px;
    color: #56717e;
}

footer .fa {
    display: inline;
    font-size: 14px;
}

.mt-t {
    margin-top: 5px;
}

.mt-s {
    margin-top: 10px;
}

.mt-m {
    margin-top: 20px;
}

.mt-l {
    margin-top: 30px;
}

.mb-t {
    margin-bottom: 5px;
}

.mb-s {
    margin-bottom: 10px;
}

.mb-m {
    margin-bottom: 20px;
}

.mb-l {
    margin-bottom: 30px;
}

.red-icon {
    color: #DB2161;
}
@keyframes beat{
    to { transform: scale(1.2); }
}

.bplanetDevelopment {
    font-size: 12px;
}


#data_table td {
    height: 50px;
}

#data_table input {
    width: 80%;
}

.flags li {
    
}

.main-menu:hover {
 overflow-y: auto !important;
}

.btn-translate {
    border: none;
    background-color: #00bcd6;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow:    0px 2px 2px rgba(0, 0, 0, 0.24);
    box-shadow:         0px 2px 2px rgba(0, 0, 0, 0.24);
    border-radius: 2px;
    color: white;
    padding: 10px 20px 10px 20px;
    cursor: pointer;
    margin-bottom: 40px;
    margin-top: 20px;
}

.btn-translate:hover {
    background-color: #286190;
}

.btn-translate {
    margin-bottom: 10px;
}

.user-dropdown {
    left: 0%;
    min-width: 750px;
    padding: 10px 10px;
    line-height: 2.8em;
    max-height: 400px;
    overflow:scroll; 
}

.edit_user {
   background: url("https://sara.test/library/images/storn.png") no-repeat;
   height: 33px;
   width: 40px;
   display: inline-block !important;
   float: right;
   transition: .3s all;
}

.edit_user:hover {
    background: url("https://sara.test/library/images/stornhover.png") no-repeat;
    background-color: white !important;
}

.user-dropdown-hover {
    padding: 3px !important;
    transition: .3s all;
}

.user-dropdown-hover:hover {
    background-color: lightgrey;
}