@charset "UTF-8";

body {
    margin: 0;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

input::-webkit-textfield-decoration-container {
  visibility: hidden; /* or whatever styling you want */
}

.white {
	color: #ffffff;
}
.blue {
	color: #1161aa;
}
.grey {
	color: #999;
}
.dgrey {
	color: #666;
}
.green {
	color: #2ECC71;
}
.dgreen {
	color: #00825a;
}
.red {
	color: #d2201a;
}
.orange {
	color: #E67E22;
}

.loginBody {
	background-image: url('images/loginBackground.jpg');
	height: 100%; 
	background-position: center;
	background-repeat: no-repeat;
  	background-size: cover;
}
.loginWindowStatic {
	background-color: rgb(255, 255, 255, 0.9);
    color: rgb(0, 110, 183);
    position: fixed;
    width: 400px;
    height: auto;
    top: 50%;
    left: 50%;
    margin-left: -233px;
    margin-top: -220px;
    padding: 15px;
    overflow: auto;
    display: block;
    box-shadow: rgba(0,0,0,.5) 0 5px 50px;
    border: 18px solid rgba(0, 52, 86, 0.57) !important;
    background-clip: padding-box;
    border-radius: .3rem;
}
.loginPad {
	background-color: #1161aa;
	width: 400px;
   	display: inline-block;
   	color: rgba(0,0,0,1);
}

.errorLogin {
    background-color: #e74c3c;
    border: solid 1px #c0392b;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    width: 235px;
    padding: 12px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 17px;
    color: #ffffff;
}

/* windows */

.orderWindow {
	width: 500px;
	height: 432px;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-216px;
	border: solid 3px #E67E22;
	background-color: #fff;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

/* fonts */

.robotoC {
    font-family: 'Roboto Condensed', sans-serif;
}

.fs11 {
    font-size: 11px;
}
.fs13 {
    font-size: 13px;
    letter-spacing: -0.15px;
}
.fs15 {
    font-size: 15px;
    letter-spacing: -0.25px;
}
.fs17 {
    font-size: 17px;
    letter-spacing: -0.5px;
}

.fw300 {
    font-weight: 300;
}
.fw400 {
    font-weight: 400;
}
.fw500 {
    font-weight: 500;
}
.fw700 {
    font-weight: 700;
}

.robotoCond_24 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	line-height: 26px;
}

.robotoCond_21 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 21px;
	line-height: 23px;
	letter-spacing: -1px;
}

.robotoCond_17 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	line-height: 19px;
}

.robotoCond_16 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 18px;
}

.robotoCond_15 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	line-height: 17px;
}

.robotoCond_13 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	line-height: 15px;
}

.robotoCond_12 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	line-height: 14px;
}

.robotoCond_11 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 11px;
	line-height: 13px;
}

.robotoCond_10 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 10px;
	line-height: 12px;
}

.roboto_13 {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 15px;
}

.roboto_13L {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 15px;
	font-weight: 300;
}

.roboto_10 {
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	line-height: 12px;
}


/* header */

.headerClass {
    position: fixed;
	right: 0;
	top: 0;
	height: 50px;
	width: 100%;
	z-index: 1;
    background-color: #1161aa;
}

.sidebarToggle {
    color: #eeeeee;
    height: 50px;
    width: 50px;
    text-align: center;
    vertical-align: top;
    background-color: #004D94;
    display: inline-block;
    border-left: 1px solid #00386C;
    border-right: 1px solid #00386C;
}
.sidebarToggle:hover {
    background-color: #00386C;
    color: #ffffff;
}

.adminData {
    color: #eeeeee;
    height: 50px;
    vertical-align: top;
    background-color: #1161aa;
    display: inline-block;
    float: right;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
    cursor: default;
    border-left: 1px solid #00386C;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Conqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none;
}
.adminData:hover {
    background-color: #004D94;
    color: #ffffff;
}

.adminDataS {
    color: #ffffff;
    height: 50px;
    vertical-align: top;
    background-color: #004D94;
    display: inline-block;
    float: right;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
    cursor: default;
    border-left: 1px solid #00386C;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Conqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none;
}

.adminImageSmall {
    width: 30px;
    height: 30px;
    vertical-align: top;
    margin-top: 9px;
    border: 1px solid #fff;
   	-webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}

.submenuAdmin {
    width: 200px;
    display: block;
    position: fixed;
    top: 51px;
    right: 0;
    background-color: #fff;
    z-index: 200;
    -webkit-border-bottom-right-radius: 2px;
     -webkit-border-bottom-left-radius: 2px;
        -moz-border-radius-bottomright: 2px;
         -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border: 1px solid #444b4e;
    border-top: 0;
    background-clip: padding-box;
}

.adminImageBorder {
    border: solid 1px #666;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    width: 100px;
    height: 100px;
}

.adminImageBig {
    width: 90px;
    height: 90px;
    border: 1px solid #fff;
   	-webkit-border-radius: 45px;
       -moz-border-radius: 45px;
            border-radius: 45px;
}

.exitBtn {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 19px;
    color: #666666;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    padding: 9px 12px 7px 12px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #cccccc;
}
.exitBtn:hover {
    border: 1px solid #999999;
    background-color: #e5e5e5;
}


/* center bar and menu */

.centerBar {
    position: fixed;
	right: 0;
	bottom: -31px;
    top: 50px;
	width: 100%;
}

.centerLeft {
    background-color: #1161aa;
    overflow-x: hidden;
    overflow-y: auto;
    width: 236px;
    float: left;
    height: 100%;
}

.centerRight {
    background-color: #EAF0F5;
    height: 100%;
}

.sidebarMenu {
    white-space: nowrap !important;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebarHeader {
    color: #eee;
    background: #00386C;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    line-height: 15px;
    padding: 14px 25px 14px 20px;
    position: relative;
    margin: 0;
}

.sidebarItem {
    color: #ddd;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    line-height: 19px;
    padding: 14px 5px 14px 15px;
    position: relative;
    border-left: 3px solid #1161aa;
    margin: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sidebarItem:hover {
    color: #ffffff;
    background: #004D94;
    border-left: 3px solid #ddd;
}

.sidebarItemSelected {
    color: #fff;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    line-height: 19px;
    padding: 14px 5px 14px 15px;
    position: relative;
    border-left: 3px solid #FFB600;
    background: #004D94;
    margin: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dataField {
    background-color: #ffffff;
    position: fixed;
    right: 10px;
    left: 246px;
    bottom: 51px;
    top: 100px;
    border: 1px solid #d5d5d5;
}

.listTabBlue {
    font-family: 'Roboto', sans-serif;
    background-color: #1161aa;
	color: #1161aa;
	border: 1px solid #d5d5d5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
    		border-radius: 5px;
    display: inline-block;
    overflow: hidden;
	cursor: pointer;
}
.listTabBlue:hover {
	color: #3c8efc;
	background-color: #3c8efc;
	border: 1px solid #3c8efc;
}

.listTabBlueNO {
    font-family: 'Roboto', sans-serif;
    background-color: #1161aa;
	color: #1161aa;
	border: 1px solid #d5d5d5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
    		border-radius: 5px;
    display: inline-block;
    overflow: hidden;
}

.listTabGreyNO {
    font-family: 'Roboto', sans-serif;
    background-color: #666;
	color: #666;
	border: 1px solid #d5d5d5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
    		border-radius: 5px;
    display: inline-block;
    overflow: hidden;
}

.listTab2 {
    font-family: 'Roboto', sans-serif;
    background-color: #ae8c5e;
	color: #ae8c5e;
	border: 1px solid #d5d5d5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
}

.lbadge {
    min-width: 10px;
    padding: 3px 7px 3px 7px;
    font-size: 11px;
    font-weight: 500;
    background: #666;
	opacity: 1;
	line-height: 1;
	color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.lbadgeB {
    min-width: 10px;
    padding: 4px 7px 3px 7px;
	font-size: 19px;
    font-weight: 500;
    background: #666;
	opacity: 1;
	line-height: 1;
	color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	letter-spacing: -1px;
}

.roundBlueOver {
	border: solid 1px #1160AA;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
	cursor: pointer;
	color: #1160AA;
	overflow: hidden;
}
.roundBlueOver:hover {
	border: solid 1px #3c8efc;
	color: #3c8efc;
	background-color: #fff;
}
.roundBlueOver:hover .selectPriceLeft {
	background-color: #3c8efc;
}

.selectPriceLeft {
    text-align: right; 
	background-color: #397EBF; 
	color: #fff; 
	font-weight: 700;
	font-size: 23px;
	line-height: 49px;
    letter-spacing: -1px;
}

.selectPriceRight {
    letter-spacing: -1px;
	font-size: 23px;
    line-height: 49px;
}

.roundGrey {
	border: solid 1px #666;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.roundBlue {
	border: solid 1px #1160AA;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.roundRed {
	border: solid 1px #d2201a;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.roundGreen {
	border: solid 1px #24a249;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.roundOrange {
	border: solid 1px #E67E22;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.roundGrey {
	border: solid 1px #999999;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.roudLGrey5, .roundLGrey5 {
	border: solid 1px #d5d5d5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.hoverGrey {
	background-color: #fff;
	cursor: pointer;
}
.hoverGrey:hover {
	background-color: #f5f5f5;
}

.resIcon {
	color: #999;
	width: 20px;
	display: inline-block;
}

/* table rows */

tr.border_bottom td {
    border-bottom: 1px solid #d5d5d5;
}
tr.border_bottom:hover td {
    background-color: #f5f5f5;
}

tr.border_bottom_ns td {
    border-bottom: 1px solid #d5d5d5;
}

/* inputs */

.inputUserData {
	border: solid 1px #d5d5d5;
	background-color: #f5f5f5;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
    line-height: 17px;
    padding: 12px;
	color: #1160AA;
	width: 480px;
    outline: none;
}
.inputUserData:focus { 
    border-color: #1160AA;
}

.inputPayDate {
	border: none;
	background-color: #ffffff;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 21px;
    line-height: 21px;
	font-weight: 300;
    padding: 0;
	color: #1fb141;
	letter-spacing: -1px;
	width: 110px;
    outline: none;
}

.inputPeriod {
	background-color: #1160AA;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
    line-height: 26px;
	letter-spacing: -1px;
	color: #fff;
    padding: 2px 0 0 0;
	width: 180px;
	outline: none;
	margin-bottom: 0;
	margin-top: 0;
    border: none;
    cursor: pointer;
}

/* buttons */

.radioOption {
    color: #666666;
    cursor: pointer;
}
.radioOption.selected {
    color: #1161aa;
}

.btn-grey {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 35px;
    min-width: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.3s ease-in-out;
}

.btn-grey {
    color: #666666;
    border: 1px solid #cccccc;
    background-color: #fff;
}
.btn-grey:hover {
    border: 1px solid #999999;
    background-color: #e5e5e5;
}

.smallClose {
	color: #ccc;
	cursor: pointer;
}
.smallClose:hover {
	color: #fff;
}

.greyBtn {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 19px;
    color: #666666;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    padding: 9px 10px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #cccccc;
	background-color: #fff;
}
.greyBtn:hover {
    border: 1px solid #999999;
    background-color: #e5e5e5;
}

.cancelBtn {
	border: solid 1px #cccccc;
	background-color: #ffffff;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
    line-height: 17px;
    padding: 14px 0 13px 0;
	color: #666666;
    outline: none;
	cursor: pointer;
	text-align: center;
}
.cancelBtn:hover {
	color: #444444;
	border: 1px solid #999999;
	background-color: #e5e5e5;
}

.blueBtn {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 19px;
    color: #eee;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    padding: 9px 10px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #004D94;
	background-color: #1161aa;
}
.blueBtn:hover {
    background-color: #004D94;
	color: #fff;
}

.greenBtnUp {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 19px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    padding: 9px 10px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
    	-ms-user-select: none;
    user-select: none;
    border: 1px solid #24a249;
	background-color: #1fb141;
}
.greenBtnUp:hover {
    background-color: #24a249;
}

.greenBtn, .orangeBtn, .disabledBtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 45px;
    min-width: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
    line-height: 17px;
    outline: none;
	cursor: pointer;
    -webkit-user-select: none; /* For Safari and older versions of Chrome */
    -moz-user-select: none;    /* For older versions of Firefox */
    -ms-user-select: none;     /* For old versions of Internet Explorer */
    user-select: none;         /* Standard property */
    transition: all 0.3s ease-in-out;
}

.disabledBtn {
    border: solid 1px #cccccc;
    background-color: #d9d9d9;
    color: #bfbfbf;
    cursor: not-allowed !important;
}

.greenBtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: solid 1px #24a249;
    background-color: #1fb141;
    color: #f5f5f5;
    width: fit-content;
}
.greenBtn:hover {
	color: #fff;
	background-color: #24a249;
}

.orangeBtn {
    border: solid 1px #f64040;
    background-color: #f65959;
    color: #f5f5f5;
}
.orangeBtn:hover {
    color: #fff;
    background-color: #FF5050;
}

.redBtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	border: solid 1px #d2201a;
	background-color: #E74C3C;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
    line-height: 17px;
    padding: 14px 0 13px 0;
	color: #f5f5f5;
    outline: none;
	cursor: pointer;
    width: fit-content;
}
.redBtn:hover {
	color: #fff;
	background-color: #d2201a;
}

.greenFaBtn {
	cursor: pointer;
	color: #24a249;
}
.greenFaBtn:hover {
	color: #1fb141;
}

.redFaBtn {
	cursor: pointer;
	color: #E74C3C;
}
.redFaBtn:hover {
	color: #F06D5F;
}

.blueFaBtn {
	cursor: pointer;
	color: #1161aa;
}
.blueFaBtn:hover {
	color: #3c8efc;
}

.bottomText {
    font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	line-height: 17px;
    font-weight: 300;
	letter-spacing: -1px;
}

.leftMenuPanel {
	display: inline-block;
	margin-left: 20px;
	vertical-align: top;
    width: 222px;
    overflow: hidden;
    border: 1px solid #d5d5d5;
   -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
           border-radius: 5px;
}

.panelTitle {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
    line-height: 23px;
    font-weight: 500;
    text-align: center;
    color: #1161aa;
    letter-spacing: -1px;
}

.funcButton {
    background-image: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(241,241,241,1) 100%);
    background-image:    -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(241,241,241,1) 100%);
    background-image:     -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(241,241,241,1) 100%);
    background-image:      -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(241,241,241,1) 100%);
    background-image:         linear-gradient(top, rgba(245,245,245,1) 0%, rgba(241,241,241,1) 100%);
    border: solid 1px rgba(218,218,218,1);
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    width: 110px;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:15px;
    line-height: 29px;
    text-align: center;
    color: #808080;
    letter-spacing: -1px;
    padding-top: 1px;
}
.funcButton:hover {
    background-image: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(241,241,241,1) 100%);
    background-image:    -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(241,241,241,1) 100%);
    background-image:     -ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(241,241,241,1) 100%);
    background-image:      -o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(241,241,241,1) 100%);
    background-image:         linear-gradient(top, rgba(248,248,248,1) 0%, rgba(241,241,241,1) 100%);
    border: solid 1px rgba(198,198,198,1);
    color: #444444;
}

.funcChooseCard {
    background-image: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(241,241,241,1) 100%);
    background-image:    -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(241,241,241,1) 100%);
    background-image:     -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(241,241,241,1) 100%);
    background-image:      -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(241,241,241,1) 100%);
    background-image:         linear-gradient(top, rgba(245,245,245,1) 0%, rgba(241,241,241,1) 100%);
    border: solid 1px rgba(218,218,218,1);
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    width: 100%;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
    line-height: 39px;
    text-align: center;
    color: #1161aa;
    letter-spacing: -1px;
    padding-top: 1px;
	cursor: pointer;
}
.funcChooseCard:hover {
    background-image: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(241,241,241,1) 100%);
    background-image:    -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(241,241,241,1) 100%);
    background-image:     -ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(241,241,241,1) 100%);
    background-image:      -o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(241,241,241,1) 100%);
    background-image:         linear-gradient(top, rgba(248,248,248,1) 0%, rgba(241,241,241,1) 100%);
    border: solid 1px rgba(198,198,198,1);
    color: #3c8efc;
}

.inputLogin {
	border: solid 1px #1161aa;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
    line-height: 15px;
    padding: 12px 35px 12px 12px;
    outline: none;
}
.inputLogin:focus { 
    border-color: #004D94;
}
.inputLogin::-webkit-input-placeholder {
    color: #1161aa;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
	line-height: 19px;
}

.buttonLogin {
    background-color: #1161aa;
    border: solid 1px #004D94;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    padding: 12px 24px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    color: #ffffff;
    margin: 0;
    cursor: pointer;
}
.buttonLogin:hover {
    background-color: #004D94;
}

.form-login-input-icon {
    color: #1161aa;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
    margin-top: -33px;
    margin-left: 342px;
}

/* --- flex --- */
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-column {
    display: flex;
    flex-direction: column;
}

.ai-c {
    align-items: center;
}
.ai-fs {
    align-items: flex-start;
}
.ai-fe {
    align-items: flex-end;
}

.jc-c {
    justify-content: center;
}
.jc-fs {
    justify-content: flex-start;
}
.jc-fe {
    justify-content: flex-end;
}
.jc.fs {
    justify-content: flex-start;
}
.jc-sb {
    justify-content: space-between;
}
.jc-sa {
    justify-content: space-around;
}

/* --- paddings and margins --- */
.p10 {
    padding: 10px;
}

.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
 }
.mr20 {
    margin-right: 20px;
}

.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}

.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}

.br8 {
    border-radius: 8px;
}

.ls-1 {
    letter-spacing: -1px;
}
.ls-05 {
    letter-spacing: -0.5px;
}
.ls-025 {
    letter-spacing: -0.25px;
}

.tippy-tooltip.levski-theme {
    background-color: black;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    color: #fff;
}


/* notification */

.notification {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    width: 300px;
    position: fixed;
    right: 10px;
    bottom: 53px;
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding: 14px;
    color: #fff;
    background-color: #000;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    
    -webkit-animation: notifIn 0.5s 1 ease;
	-moz-animation: notifIn 0.5s 1 ease;
	-o-animation: notifIn 0.5s 1 ease;
}

@-webkit-keyframes notifIn {
	from { bottom: -30px; opacity: 0.0; }
	to { bottom: 53px; opacity: 1.0; }
}
@-moz-keyframes notifIn {
	from { bottom: -30px; opacity: 0.0; }
	to { bottom: 53px; opacity: 1.0; }
}
@-o-keyframes notifIn {
	from { bottom: -30px; opacity: 0.0; }
	to { bottom: 53px; opacity: 1.0; }
}

.notiOut {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    width: 300px;
    position: fixed;
    right: -400px;
    bottom: 53px;
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding: 14px;
    color: #fff;
    background-color: #000;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    
    -webkit-animation: notifOut 0.3s 1 ease;
	-moz-animation: notifOut 0.3s 1 ease;
	-o-animation: notifOut 0.3s 1 ease;
}

@-webkit-keyframes notifOut {
	from { right: 10px; opacity: 1.0; }
	to { right: -400px; opacity: 0.0; }
}
@-moz-keyframes notifOut {
	from { right: 10px; opacity: 1.0; }
	to { right: -400px; opacity: 0.0; }
}
@-o-keyframes notifOut {
	from { right: 10px; opacity: 1.0; }
	to { right: -400px; opacity: 0.0; }
}

.error {
    background-color: #d2201a;
}

.succes, .success {
    background-color: #00825a;
}

.title {
    font-size: 14px;
    margin-bottom: 8px;
    word-wrap: anywhere;
}

.message {
    font-size: 12px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.close-btn {
    position: absolute;
    top: 13px;
    right: 14px;
    cursor: pointer;
    font-size: 16px;
    color: #d2d2d2;
    text-decoration: none;
    outline: 0;
}
.close-btn:hover {
    color: #fff;
}

/* print */

@font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothamPro-Bold.eot');
    src: url('fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/GothamPro-Bold.woff') format('woff'),
        url('fonts/GothamPro-Bold.ttf') format('truetype'),
        url('fonts/GothamPro-Bold.svg#GothamPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothamPro.eot');
    src: url('fonts/GothamPro.eot?#iefix') format('embedded-opentype'),
        url('fonts/GothamPro.woff') format('woff'),
        url('fonts/GothamPro.ttf') format('truetype'),
        url('fonts/GothamPro.svg#GothamPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeue-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.cardHolderLN {
    font-family: 'BebasNeue';
    font-weight: bold;
    font-style: normal;
}

.cardHolderFN {
    font-family: 'BebasNeue';
    font-weight: bold;
    font-style: normal;
}

.deleteWindow {
	background-color: #E74C3C;
	position: fixed;
  	left: 50%;
  	top: 50%;
  	height: 150px;
  	margin-top: -120px;
  	width: 400px;
  	margin-left: -200px;
	-webkit-box-shadow: 0 0 10px 2px rgba(105,105,105,1);
      -moz-box-shadow: 0 0 10px 2px rgba(105,105,105,1);
           box-shadow: 0 0 10px 2px rgba(105,105,105,1);
	-webkit-border-radius: 10px;
      -moz-border-radius: 10px;
           border-radius: 10px;
	
	-webkit-animation: cssAnimation 0.2s 1 ease;
	-moz-animation: cssAnimation 0.2s 1 ease;
	-o-animation: cssAnimation 0.2s 1 ease;
}
@-webkit-keyframes cssAnimation {
	from { -webkit-transform: rotate(0deg) scale(0.1) skew(0deg) translate(0px); }
	to { -webkit-transform: rotate(0deg) scale(1.003) skew(0deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
	from { -moz-transform: rotate(0deg) scale(0.1) skew(0deg) translate(0px); }
	to { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}
@-o-keyframes cssAnimation {
	from { -o-transform: rotate(0deg) scale(0.1) skew(0deg) translate(0px); }
	to { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}

.cent-cont {
	width: 100%;
	height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.cent-div {
	height: 50px;
	font-size: 50px;
}

.helpWindowIn {
	position: fixed;
	top: 50px;
	right: 0;
	bottom: 30px;
    width: 300px;
    display: flex;
    padding: 10px;
	border-left: 1px solid #00386C;
    background-color: #B0D5F7;
    
    -webkit-animation: hwinIn 0.5s 1 ease;
	-moz-animation: hwinIn 0.5s 1 ease;
	-o-animation: hwinIn 0.5s 1 ease;
}
@-webkit-keyframes hwinIn {
	from { right: -350px; }
	to { right: 0; }
}
@-moz-keyframes hwinIn {
	from { right: -350px; }
	to { right: 0; }
}
@-o-keyframes hwinIn {
	from { right: -350px; }
	to { right: 0; }
}

.helpWindowOut {
    position: fixed;
	top: 50px;
	right: -350px;
	bottom: 30px;
    width: 300px;
    display: flex;
    padding: 10px;
	border-left: 1px solid #00386C;
    background-color: #B0D5F7;
    
    -webkit-animation: hwinOut 0.4s 1 ease;
	-moz-animation: hwinOut 0.4s 1 ease;
	-o-animation: hwinOut 0.4s 1 ease;
}
@-webkit-keyframes hwinOut {
	from { right: 0; }
	to { right: -350px; }
}
@-moz-keyframes hwinOut {
	from { right: 0; }
	to { right: -350px; }
}
@-o-keyframes hwinOut {
	from { right: 0; }
	to { right: -350px; }
}