* {margin: 0;} 
html, body {font-family: "Open Sans", helvetica, sans-serif; color:#666; margin: 0px;padding: 0px;height:100%;background:#fafafa}
body {font-size: 14px;color: #333333;}
a {color:#555; text-decoration: none;}
a:hover {color: #111;}
h {font-size: 28px;/*font-family: "Times New Roman;"*/}
h1 {font-size:25px;padding:10px 20px;}
h2 {font-size:30px;}
h3 {margin-top:-20px;}
textarea {width:400px !important;min-width:400px !important;max-width:400px !important;height:100px !important;min-height:100px !important;max-height:100px !important;} 
img {  border-style: none;}
::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {color:#999;} /* firefox 19+ */
input:-moz-placeholder {color:#999;}
input {font-family: /*'Dosis',*/helvetica, sans-serif;font-size:14px;}
input {-webkit-appearance: none;border-radius: 0;}
select {border-radius: 0;}
textarea {font-family: Arial, sans-serif;background:#eee; border:none;display: block;font-size: 12px;margin:0;padding:5px;line-height: 18px;overflow: hidden;color:#555}
b, strong {font-weight: 600;}
label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 500;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {font-size: 14px;}

/* COMMON - start */
.no-padding {padding:0px}
/* COMMON - end */


/* LOGON SCREEN - start */
.body-back {background-image: url(/img/back.jpg);height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.login-container {padding:0px;}
.login-wrapper {background:white;min-height:100vh;height:100%;color:#333333;padding:0px 20px 100px 20px}
@media only screen and (min-width : 768px) {
	.login-wrapper {padding:0px 100px}
}
.login-logo-wrapper {padding-top:50px;}
.login-logo {width:auto}
@media only screen and (min-width : 768px) {
	.login-logo {width:auto}
}

.login-title-wrapper {font-size:25px;line-height:25px;padding:10px 0px;margin-top:20px;}
.login-name-wrapper {margin-top:50px;}
.login-phone-wrapper {margin-top:20px;}
.login-gdpr-container {margin-top:10px;}
.login-button-wrapper {margin-top:30px;}
.login-copyright-container {position:absolute;bottom:30px;text-align:center;width:100%;}
.login-copyright {max-width: 380px;padding: 10px 5px 0px 0px;margin: 0 auto;font-size:12px;color:#f1ad6c;}

.form-signin {padding: 15px;margin: 0 auto;}
.form-signin .form-signin-heading, .form-signin .checkbox {margin-bottom: 30px;}
.form-signin .checkbox {font-weight: normal;}
.form-signin .form-control {position: relative;font-size: 16px;height: auto;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.form-signin .form-control:focus {z-index: 2;}
.form-signin input[type="text"] {margin-bottom: -1px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.form-signin input[type="password"] {margin-bottom: 20px;border-top-left-radius: 0;border-top-right-radius: 0;}
.form-signin-error {margin-bottom:10px;}
.btn-enter {background:transparent;border:1px solid #333333;width:100%;padding:15px;text-transform:uppercase;font-size:20px;letter-spacing:2px}
.btn-enter:hover {background:#f3f3f3;}

/* LOGON SCREEN - end */

/* NAVBAR - start */
.navbar {background:white;box-shadow: none;}
.navbar-nav {padding-top:50px;}
@media only screen and (min-width : 1000px) {
	.navbar-nav {padding-top:10px;}
}
.navbar-header {padding-bottom:10px;}
.navbar-brand {font-size:17px;font-weight:bold;letter-spacing:-0.7px;line-height:25px;}
.navbar-alarm {padding:17px 15px 15px 15px;color:#888;font-size:13px;}
.navbar-datetime {padding:17px 15px 15px 15px;color:#888;font-size:13px}
.navbar-user {padding:16px 15px 15px 15px;}
.alarm-item {color:white;font-weight:bold;background:red;padding:2px 8px;font-size:12px;animation: blinker 1s linear infinite;}
.message-item {color:white;font-weight:bold;background:#337ab7;padding:2px 8px;font-size:12px;}
@keyframes blinker {  
  50% { opacity: 0; }
}
.item-menu.active {background:#eee;}
/* NAVBAR - end */

/* HEADER */
#mainHeader {background:#254980;height:60px;}
#mainHeaderWrapper {margin:auto;width:980px;}
#mainHeaderLogo a {float:left;color:white;font-weight:bold;font-size:24px;letter-spacing:-1px;padding:30px 0 0 10px;}
#mainHeaderText {float:right;font-size:12px;margin-top:-5px;}
.welcomeLeft {float:left;padding-top:12px;color:#aaa;font-size:11px;}
.welcomeLeftBold {font-weight:bold;}
.logout {cursor:pointer;background:#376dc0;padding:2px 10px;}
.logout:hover{background:#059f10;}
#mainMenuWrapper {float:right;}
.mainMenu {float:left;margin-top:10px;margin-left:5px;padding:5px 10px;cursor:pointer;color:white;}
.mainMenu:hover {background:#059f10;}
.mainMenuOn {background:#376dc0;}
.mainMenuOn:hover {background:#059f10;}

/* SUBHEADER*/
.subHeaderWrapper {height:30px;background:#ddd;}
.subHeaderSearchWrapper {margin:auto;width:980px;height:27px;padding-top:2px;font-size:12px;}
.subHeaderButtonWrapper {margin:auto;width:960px;padding:15px 0 10px 0;height:15px;}
.subHeader {margin:auto;padding:10px 0 5px 0;font-size:14px;color:black;border-bottom:2px solid #666;}
.itemHeader {float:left;}
.itemMainButton {float:left;padding:7px 0px;width:80px;margin-left:5px;text-align:center;color:white;cursor:pointer;font-size:14px;}
.itemMainButton.save {background:transparent;color:#059f10;border:1px solid #059f10;}
.itemMainButton.save:hover {background:#059f10;color:white;}
.itemMainButton.cancel {background:transparent;color:#c30000;border:1px solid #c30000;}
.itemMainButton.cancel:hover {background:#c30000;color:white;}
.itemMainButton.print {background:transparent;color:#376dc0;border:1px solid #376dc0;}
.itemMainButton.print:hover {background:#376dc0;color:white;}
.itemMainButton.pdf {background:transparent;color:#376dc0;border:1px solid #376dc0;}
.itemMainButton.pdf:hover {background:#376dc0;color:white;}
.itemMainButton.bin {background:#376dc0;}
.itemMainButton.bin:hover {background:#444;}
.itemHeaderButton {float:right;padding:5px 0px;width:55px;text-align:center;color:white;cursor:pointer;font-size:12px;}
.itemHeaderButton.add {background:transparent;color:#059f10;border:1px solid #059f10; margin-top:-10px;}
.itemHeaderButton.add:hover {background:#059f10;color:white;}
.itemHeaderButton.delete {background:transparent;color:#c30000;border:1px solid #c30000;margin-top:6px;}
.itemHeaderButton.delete:hover {background:#c30000;color:white;}
.itemHeaderXS {width:20px;}
.itemHeaderXSLeft {width:20px;margin-left:20px;}
.itemHeaderS {width:50px;}
.itemHeaderSLeft {width:50px;margin-left:20px;}
.itemHeaderSRight {width:50px;margin-right:10px;text-align:right;}
.itemHeaderM {width:100px;}
.itemHeaderM1 {width:200px;}
.itemHeaderMLeft {width:100px;margin-left:20px;}
.itemHeaderMRight {width:100px;margin-right:10px;text-align:right;}
.itemHeaderL {width:240px;}
.itemHeaderLLeft {width:240px;margin-left:20px;}
.itemHeaderXL {width:420px;}
.itemHeaderXLLeft {width:420px;margin-left:20px;}
.itemHeaderXL1 {width:320px;}
.subHeaderButton {float:right;background:#059f10;padding:5px 10px;color:white;cursor:pointer;font-size:12px;}
.subHeaderButton:hover {background:#376dc0;}
.subHeaderContent {float:left;color:#376dc0;font-weight:bold;font-style:italic;font-size:18px;padding-top:0px;}
.subHeaderContent span {color:#254980;}

/* MAIN PAGE */
#mainPageWrapper {margin:auto;width:980px;background:white;border-top:5px solid #eee;}
#filterContentField {float:right;background: #ffffff; padding:2px 10px;width:170px;margin:4px 2px 0 0;border:none;font-size:12px;}
.mainListWrapper {margin:auto;width:980px;background:#fff;padding-bottom:20px;}
.mainListContainer {margin:auto;background:#fff;}
.mainButtonWrapper {margin:auto;padding-bottom:20px;}
.mainListRow {clear:both;color:#444;font-size:13px;border-bottom:1px solid #ddd;cursor:pointer;}
.mainListRow.opened {color:#376dc0;}
.mainListRow.sent {color:#c30000;}
.mainListRow.paid {color:#555;}
.mainListRow.nonactive {color:#aaa;}
.mainListRow:hover {background:#eee;}
.mainListRRow {clear:both;font-size:14px;border-bottom:1px solid #ddd;}
.mainListRowSum {clear:both;font-size:14px;height:13px;padding:7px 0;border-top:1px solid #ddd;font-weight:bold;}
.mainContainer {margin:auto;width:960px;background:#fff;padding:10px 0px;}
.mainContainerLeft {float:left; width:600px;}
.mainContainerRight{float:right; width:300px;}
.popupButton {float:left;background:#376dc0;width:25px;height:25px;text-align:center;color:white;margin-left:5px;cursor:pointer}
.popupButton:hover {background:#444;}
.order-row.opened {color:#376dc0;}
.order-row.sent {color:#c30000;}
.order-row.paid {color:#555;}
.order-row.nonactive {color:#aaa;}

/* INVOICES */
.mainContainerRow {clear:both;padding-top:5px;}
.itemList {padding:7px 0;}
.itemListXS {float:left;width:20px;}
.itemListXSLeft {float:left;width:20px;margin-left:20px;}
.itemListS {float:left;width:50px;}
.itemListSLeft {float:left;width:50px;margin-left:20px;}
.itemListSRight {float:left;width:50px;margin-right:10px;text-align:right;}
.itemListM {float:left;width:100px}
.itemListMLeft {float:left;width:100px;margin-left:20px;}
.itemListMRight {float:left;width:100px;margin-right:10px;text-align:right;}
.itemListM1 {float:left;width:200px}
.itemListL {float:left;width:240px}
.itemListLLeft {float:left;width:240px;margin-left:20px;}
.itemListXL {float:left;width:420px}
.itemListXLLeft {float:left;width:420px;margin-left:20px;}
.itemListXL1 {float:left;width:320px}
.itemInputRow {float:left;border:none;background:#fff;border-right:1px solid #ddd; padding:10px 2px;font-size:14px;color:#555;}
.itemInputRow:hover {background:#eee;}
.itemInputXS {float:left;width:20px;}
.itemInputXSLeft {float:left;width:16px;margin-left:20px;}
.itemInputS {float:left;width:46px;}
.itemInputSLeft {float:left;width:50px;margin-left:20px;}
.itemInputSRight {float:left;width:52px;text-align:right;}
.itemInputM {float:left;width:96px}
.itemInputMLeft {float:left;width:100px;margin-left:20px;}
.itemInputMRight {float:left;width:106px;text-align:right;}
.itemInputM1 {float:left;width:200px}
.itemInputL {float:left;width:234px}
.itemInputXL {float:left;width:420px}
.itemInputXL1 {float:left;width:320px}
.itemLabel {float:left;font-size:13px;width:120px;padding-top:5px;}
.itemLabelAlt {float:left;font-size:13px;width:65px;padding-top:5px;}
.itemInput {float:left;border:none;background:#f0f0f0;padding:5px 10px;font-size:13px;margin-left:5px;color:#555;}
.itemCheckBox {float:left;margin-left:5px;border: 1px solid #ccc; width:19px; height:19px;background:white;cursor:pointer;}
.itemCheckBox.checked {background:#376dc0;border: 1px solid #376dc0;}
.itemCheckBoxText {float:left;font-size:12px;padding-top:3px;margin-left:5px;}
.itemS {width:30px;}
.itemM {width:50px;}
.itemL {width:105px;}
.itemXL {width:350px;}

.serviceSelectButton {position:absolute;background:#254980;height:21px;width:21px;text-align:center;color:white;cursor:pointer;right:10px;top:10px;}
.serviceSelectButton:hover{background:#444}

/* FOOTER */
#mainFooterWrapper {margin:auto;width:980px;min-height:30px;}
#mainFooter {float:right;font-size:11px;letter-spacing:0px;color:#777;padding-top:5px;padding-bottom:30px;}

/* CODES */
.codesPane {border:none;}
.codesHeader{background:#254980;width:100%;}
.codesHeaderText {color:white;padding:10px;font-size:18px;}
.codesSearchFieldWrapper {}
.codesSearchField {border:none;width:360px;border:none;background:#eee;padding:5px 10px;margin:10px;font-size:14px;}
.codesWrapper {font-size:14px;margin-bottom:5px;}
.codesItem {padding: 2px 10px;cursor:pointer;}
.codesItem:hover{background:#ddd}
.codesButtonsWrapper {padding:10px;text-align:center;}
.codesCloseButton {padding:5px 0;width:100px;border:none;font-size:14px;cursor:pointer;border:1px solid #254980;background:white;color:#254980;}
.codesCloseButton:hover {color:white;background:#254980}
.contentHolder { position:relative;padding:0px;width:400px;height:300px;overflow:hidden;}
.spacer { text-align:center;}
.content {padding-right:10px;}
.content a {color:#546a8c;}
.content a:hover {color:#a9bde2;}

/* SETTINGS*/
.mainButtonWrapper {margin-bottom:20px;margin-left:-4px;}
.bigButtonWrapper {padding:20px;cursor:pointer;}
.bigButton {background:#376dc0;width:150px;height:40px; text-align:center;padding:30px 15px 0px 15px;color:white;font-weight:bold;font-size:11px;}
.bigButton:hover {background:#059f10;}
.settingsButtonsContainer {float:left;margin-right:10px;}
.settingsTextContainer {float:left;width:700px;font-size:12px;font-style:italic;}


/* SWITCH */
input.switch:empty{margin-left: -99999px;}
input.switch:empty ~ label{position: relative;float: left;line-height:26px;text-indent:60px;cursor: pointer;font-size:12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
input.switch:empty ~ label:before, input.switch:empty ~ label:after{position: absolute;display: block;top: 0;bottom: 0;left: 5px;content: ' ';width: 48px;background-color: #eee;-webkit-transition: all 100ms ease-in;transition: all 100ms ease-in;}
input.switch:empty ~ label:after{width: 20px;top: 3px;bottom: 3px;margin-left: 3px;background-color: #c30000;}
input.switch:checked ~ label:before{background-color: #eee;}
input.switch:checked ~ label:after{margin-left: 2.1em;background-color: #059f10;}

/* PRINT */
.printArea {background:white;}
.printWrapper {background:white;color:black;width:670px;margin:auto;padding:40px 0px 0px 0px;}
.printContent {min-height:900px;}
.partnerTitle {font-size:20px;}
.partnerLine {font-size:12px;}
.printPartnerHeader {margin-bottom:20px;}
.printPartnerHeaderLeft {float:left;margin-bottom:20px;width:430px}
.printPartnerHeaderRight {float:right;margin-bottom:20px;width:230px;text-align:right;}
.printRows {}
.printRowsWrapperHeader {font-weight:bold;font-size:11px;border-bottom:1px solid black;margin-bottom:5px;margin-top:20px;padding-bottom:2px;}
.printRowsWrapper {font-size:11px;}
.printText {font-size:11px;margin-top:60px;}
.printFooter {text-align:center;font-size:11px;margin-top:20px;}
.printRowsWrapperSum {border-top: 1px solid #999;font-size:11px;padding-top:5px;margin-top:5px;}
#printItemCntHeader {float:left;width:15px;}
#printItemProductHeader {float:left;width:220px;}
#printItemProductWithoutTaxHeader {float:left;width:340px;}
#printItemPcsHeader {float:left;width:50px;}
#printItemUnitHeader {float:left;width:40px;}
#printItemPriceHeader {float:left;width:60px;text-align:right;}
#printItemDiscountHeader {float:left;width:80px;text-align:right;}
#printItemTaxRateHeader {float:left;width:50px;text-align:right;}
#printItemTaxHeader {float:left;width:70px;text-align:right;}
#printItemTaxValueHeader {float:right;width:80px;text-align:right;}
#printItemCnt {float:left;width:15px;}
#printItemProduct {float:left;width:220px;}
#printItemProductWithoutTax {float:left;width:340px;}
#printItemPcs {float:left;width:50px;}
#printItemUnit {float:left;width:40px;}
#printItemPrice {float:left;width:60px;text-align:right;}
#printItemDiscount {float:left;width:80px;text-align:right;}
#printItemTaxRate {float:left;width:50px;text-align:right;}
#printItemTax {float:left;width:70px;text-align:right;}
#printItemTaxValue {float:right;width:80px;text-align:right;}

.mainMenuOnSub {background:#eee; height:90px;}
.mainMenuText {text-align:center;font-size:12px;}
.mainMenuIcon{padding-top:15px;text-align:center;}
.mainMenuIconHome{background: url(/images/iconHome.png) no-repeat center;height:35px;}
.mainMenuIconPatients{background: url(/images/iconClients.png) no-repeat center;height:35px;}
.mainMenuIconSettings{background: url(/images/iconSettings.png) no-repeat center;height:35px;}
.mainMenuIconAdmin{background: url(/images/iconAdmin.png) no-repeat center;height:35px;}
/* SUB MENU */
#subMenuWrapper {background:#fff;height:45px;font-size:13px;color:#555;padding-left:16px;border:1px solid #ddd;border-top:none;width:964px;}
.subMenu {float:left;margin-top:15px;cursor:pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.subMenu a{color:#333;border:1px solid #fff;padding:3px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.subMenu a:hover {background:#ddd;color:#333;}
.subMenuOn a {background:#333;color:#eee;}
.subMenuOn a:hover{background:#333;color:#ccc;}

/* MAIN CONTENT */
#mainContentWrapper, #mainContentWrapperDetailed {float:left;margin:10px 30px;padding-bottom:10px;width:920px;}
#mainContentHeader{font-size:14px;height:40px;border-bottom:1px solid #ddd;margin:0 -30px 0 -30px;padding:0 30px 0 30px}
#mainContentErrorPanel {background:red;height:30px;text-align:center;color:white;padding-top:10px;margin-bottom:10px}
.mainStatusLine {clear:both;height:30px;background:red;color:white;width:920px;text-align:center;padding-top:5px;}
#mainContent{font-size:13px;}
.mainContentRow {clear:both;padding: 5px 0px 0px 0px;min-height:32px;width:920px;cursor:pointer;float:left;border-bottom:1px solid #ddd;}
.mainContentRow:hover {background:#f3f3f3;}
#filterContent {background:#eee;margin:0 -30px 0 -30px;padding:10px 30px 10px 30px;border-bottom:1px solid #ddd;}
.filterContentActive {float:right;padding-top:3px;}
#filterText {float:right;padding-right:5px;padding-top:2px;}
#filterButton {float:right;background: #ffffff url(/images/checkboxSelectedSmall.png) no-repeat 7px 9px;height:30px;width:30px;border: 1px solid #ccc; border-radius: 50%;margin:-5px 33px 0 0;cursor:pointer;}
#filterButton.on {float:right;background: #ffffff; height:30px;width:30px;border: 1px solid #ccc; border-radius: 50%;margin:-5px 33px 0 0;cursor:pointer;}
.checkButton.on {float:left;background: #ffffff url(/images/checkboxSelectedSmall.png) no-repeat 7px 9px;height:30px;width:30px;border: 1px solid #ccc; cursor:pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.checkButton {float:left;background: #ffffff; height:30px;width:30px;border: 1px solid #ccc; cursor:pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.checkButtonOval.on {float:right;background: #ffffff url(/images/checkboxSelectedSmall.png) no-repeat 7px 9px;height:30px;width:30px;border: 1px solid #ccc; border-radius: 50%;cursor:pointer;}
.checkButtonOval {float:right;background: #ffffff; height:30px;width:30px;border: 1px solid #ccc; border-radius: 50%;cursor:pointer;}
.checkButtonLabel {float:left;padding:8px 8px 0 0;}

/* CONTENT HEADER */
.contentHeader{background:#f3f3f3;border:1px solid #ddd;border-bottom:1px solid #ddd;font-size:18px;margin:0 -20px 5px -20px;padding:10px 30px;color:#333;font-family: 'Dosis',helvetica, sans-serif;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.contentHeader.closed {background:#f3f3f3 url(/images/arrowVertical.png) no-repeat right -30px;cursor:pointer}
.contentHeader.closed:hover{background:#eeeeee url(/images/arrowVertical.png) no-repeat right -30px;;}
.contentHeader.opened {background:#f3f3f3 url(/images/arrowVertical.png) no-repeat right 5px;cursor:pointer}
.contentHeader.opened:hover{background:#eeeeee url(/images/arrowVertical.png) no-repeat right 5px;}
.contentHeaderPatient {font-size:23px;border:1px solid #ddd;background:#eee;color:#666;height:100px;margin:0px -20px 10px -20px;padding:5px;font-family: 'Dosis',helvetica, sans-serif;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.contentHeaderPatient span {padding:0px;font-size:15px;}
.contentHeaderPatientImg {float:left;}
.contentHeaderPatientTxt {float:left;padding-left:20px;line-height:18px;}
#contentHeaderPatientName {padding:6px 0;}
.contentHeaderWrapper {}

/* CONTENT */
.txtBoxMedium {float:left;padding-top:5px;width:200px;color:#555;}
.txtBoxLarge {float:left;padding:5px 0 5px 0;width:250px;color:#555;overflow:hidden;}
.txtHeaderBoxMedium {float:left;padding-top:12px;width:200px;color:#555;}
.txtHeaderBoxLarge {float:left;padding-top:12px;width:250px;color:#555;}
.txtName {float:left;padding-top:5px;width:200px;color:#555;}
.txtUser {float:left;padding-top:5px;width:300px;color:#555;}
.txtHeaderName {float:left;padding-top:12px;width:200px;color:#555;}
.txtHeaderUser {float:left;padding-top:12px;width:300px;color:#555;}
.iconBoxHidden {float:right;padding:6px 42px 0 0;}
#sliderContent {width:980px;min-height:508px;overflow:hidden;background:white;border:1px solid #ddd;border-top:none;}
#sliderContentFull {width:9000px;}
.headerAddNew {float:right;background:#8fc400 url(/images/iconAddWhite.png) no-repeat 8px 8px; width:30px;height:30px;border-radius: 50%;cursor:pointer;margin-left:5px;margin-top:5px;}
.headerAddNew:hover {opacity:0.7}
.headerAddFilter {float:right;background:#8fc400 url(/images/iconFilterWhite.png) no-repeat 8px 8px; width:30px;height:30px;border-radius: 50%;cursor:pointer;margin-left:5px;margin-top:5px;}
.headerAddFilter:hover {opacity:0.7}
.textboxEditLarge {border:1px solid #ddd;padding:5px 10px;width:390px;color:#333;}
.textboxEditLarge:hover {background:#f3f3f3;}
.textboxEditLargeDisabled {border:1px solid #ddd;padding:5px 10px;width:390px;color:#bbb;}
.textboxEditMedium {border:1px solid #ddd;padding:5px 10px;width:250px;color:#333;}
.textboxEditMedium:hover {background:#f3f3f3;}
.textareaEdit {border:1px solid #ddd;padding:5px 10px;width:250px;color:#333;font-family: /*'Dosis',*/helvetica, sans-serif;font-size: 15px;margin-bottom:5px;}
.textareaEdit:hover {background:#f3f3f3;}
.textboxEditMediumDisabled {border:1px solid #ddd;padding:5px 10px;width:250px;color:#bbb;}
.textboxEditShort {border:1px solid #ddd;padding:5px 10px;width:100px;color:#555;color:#333;}
.textboxEditShort:hover {background:#f3f3f3;}
.textboxEditShortDisabled {border:1px solid #ddd;padding:5px 10px;width:100px;color:#555;color:#bbb;}
.textboxEditShortAlt {border:1px solid #ddd;padding:5px 10px;width:215px;color:#555;color:#333;}
.textboxEditShortAlt:hover {background:#f3f3f3;}
.textboxEditMediumAlt {border:1px solid #ddd;padding:5px 10px;width:265px;color:#333;}
.textboxEditMediumAlt:hover {background:#f3f3f3;}
.textboxEditExtraShort {border:1px solid #ddd;padding:5px 10px;width:50px;color:#555;color:#333;}
.textboxEditExtraShort:hover {background:#f3f3f3;}
.textboxEditMinimum {border:1px solid #ddd;padding:5px 10px;width:30px;color:#555;color:#333;}
.textboxEditMinimum:hover {background:#f3f3f3;}
.dropdownEditMedium {border:1px solid #ddd;height:28px;width:272px;color:#555;padding:4px 7px;font-family: /*'Dosis',*/helvetica, sans-serif;font-size: 15px;color:#333;}
.dropdownEditMedium:hover {background:#f3f3f3;}
.dropdownEditShort {border:1px solid #ddd;height:28px;width:150px;color:#555;padding:4px 7px;font-family: /*'Dosis',*/helvetica, sans-serif;font-size: 15px;color:#333;}
.dropdownEditShort:hover {background:#f3f3f3;}
.textboxCheckboxOn {border:1px solid #ddd;padding:4px 7px;width:30px;background: url(/images/checkboxSelected.png) no-repeat 1px 2px;cursor:pointer;}
.textboxCheckboxOn:hover {background:#f3f3f3 url(/images/checkboxSelected.png) no-repeat 1px 2px;}
.textboxCheckboxOnDisabled {border:1px solid #ddd;padding:4px 7px;width:30px;background: url(/images/checkboxSelected.png) no-repeat 1px 2px;cursor:pointer;}
.textboxCheckboxOnDisabled:hover {background:#f3f3f3 url(/images/checkboxSelected.png) no-repeat 1px 2px;}
.textboxCheckboxOffDisabled {border:1px solid #ddd;padding:4px 7px;width:30px;background: url(/images/checkboxSelected.png) no-repeat 1px 2px;cursor:pointer;}
.textboxCheckboxOffDisabled:hover {background:#f3f3f3 url(/images/checkboxSelected.png) no-repeat 1px 2px;}
.textboxCheckboxOff {border:1px solid #ddd;padding:4px 7px;width:30px;cursor:pointer;}
.textboxCheckboxOff:hover {background:#f3f3f3;}
.textboxEditMediumClean {border:none;padding:0px 0px;color:#333;}
.textboxEditLargeClean {border:none;padding:0px 0px;color:#333;}
.textboxEditShortLabel {float:left;width:117px;font-size:12px;padding:7px 0 6px 5px ;}
.textboxEditMediumLabel {float:left;width:265px;font-size:12px;padding:7px 0 6px 5px ;}
#editContentWrapper{padding:0px 0px;}
#editContentLeft {float:left;width:540px;}
#editContentRight {float:left;width:300px;}
.editContentLeft {float:left;width:540px;}
.editContentRight {float:left;width:300px;height:100%;}
.editContentUploader {width:300px;}
#editContentRightTopic {text-align:center;font-size:15px;padding-bottom:10px;color:#333;}
.editContentRow {clear:both;height:33px;}
.editContentRowTextarea {clear:both;height:140px;}
.editContentRowInline {float:left;height:33px;}
.editContentRowAccount {padding-left:5px;}
.editContentNotice {background:#eee; color:#666; border:1px solid #ddd;padding:5px 10px;margin:5px 5px 10px 0px;font-size:16px;font-family: 'Dosis',helvetica, sans-serif;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.editContentLabel {float:left;width:115px;font-size:12px;padding:7px 0 6px 5px ;}
.editContentLabelLarge {float:left;width:145px;font-size:12px;padding:7px 0 6px 5px ;}
.editContentLableMiddle {float:left;font-size:12px;padding:7px 10px 6px 10px;}
.editContentLabelShort {float:left;width:70px;font-size:12px;padding-top:7px;}
.editContentLabelShortAlt {float:left;width:235px;font-size:12px;padding-top:7px;}
.editContentLabelEmpty {float:left;width:115px;font-size:12px;padding:7px 0 6px 5px;}
.editContentField {float:left;}
.editContentFieldUploader {float:left;padding:20px 30px 10px 30px;border:1px solid #ddd;}
.logoPicWrapper{width:300px;}


/* CODES */
.codesContentRow {padding: 5px 0px 0px 26px;height:32px;cursor:pointer;}
.codesContentRow:hover {background:#eee;}
.codesContentRowOn {background:#eee}
.codeChangeAdm{float:right;border-radius: 50%;cursor:pointer;background:#999;height:30px;width:30px;color:white;font-size:10px;text-align:center;margin-right:10px;}
.codeChangeUsr{float:right;border-radius: 50%;cursor:pointer;background:#8fc400;height:30px;width:30px;color:white;font-size:10px;text-align:center;margin-right:10px;}
.codesChangeTxt{padding-top:8px;}
.codesSubRowWrapper {padding: 5px 0px 0px 0px;cursor:pointer;border-bottom:1px solid #ddd;}
.codesSubRowWrapperOn {background:#f3f3f3;}
.codesSubRow {}
.codesSubRow:hover{background:#eee;}
.codesSubRowEdit {float:left;width:912px;}
.codesSubRowDelete {float:right;margin-right:8px;}
.codesSubRowAdd {float:left;width:600px;padding:2px 0 4px 0;}
/*
.codesHeader{font-size:13px;height:30px;border-bottom:1px solid #ddd;margin:0 27px;margin-bottom:5px;}
*/
.codesHeaderCode {float:left;padding-top:7px;width:70px;color:#555;margin-right:5px;}
.codesHeaderDesc {float:left;padding-top:7px;width:150px;color:#555;padding-left:10px;margin-right:5px;}
.codesHeaderParent {float:left;padding-top:7px;width:150px;color:#555;padding-left:10px;margin-right:5px;}
.codeTextCodePreview {background:transparent;border:none;height:30px;width:70px;float:left;padding-left:27px;margin-right:5px;font-size:13px;cursor:pointer;}
.codeTextCodePreview.displayOnly {color:#777;}
.codeTextDescPreview {background:transparent;border:none;height:30px;width:150px;float:left;padding-left:10px;margin-right:5px;font-size:13px;cursor:pointer;}
.codeTextDescPreview.displayOnly {color:#777;}
.codeTextParentPreview {background:transparent;border:none;height:30px;width:150px;float:left;padding-left:10px;margin-right:5px;font-size:13px;cursor:pointer;}
.codeTextParentPreview.displayOnly {color:#777;}
.codeTextCodeEdit {background:transparent;border:none;height:30px;width:70px;float:left;padding-left:27px;margin-right:5px;font-size:13px;cursor:pointer;}
.codeTextDescEdit {background:#ddd;border:none;height:30px;width:150px;float:left;padding-left:10px;margin-right:5px;font-size:13px;cursor:pointer;}
.codeTextDescEdit.error {background:#fd7070;border:none;height:30px;width:150px;float:left;padding-left:10px;margin-right:5px;font-size:13px;cursor:pointer;}
.codeTextParentEdit {background:#ddd;border:none;height:32px;width:150px;float:left;padding-left:10px;margin-right:5px;font-size:13px;cursor:pointer;}
.codeTextParentEdit.error {background:#fd7070;border:none;height:32px;width:150px;float:left;padding-left:10px;margin-right:5px;font-size:13px;cursor:pointer;}
.codeTextCodeAdd {background:#ddd;border:none;height:30px;width:70px;float:left;margin-left:17px;padding-left:10px;margin-right:5px;font-size:13px;cursor:pointer;}
.codeTextCodeAdd.error {background:#fd7070;border:none;height:30px;width:70px;float:left;margin-left:17px;padding-left:10px;margin-right:5px;font-size:13px;cursor:pointer;}
.codeTextDescAdd {background:#ddd;border:none;height:30px;width:150px;float:left;padding-left:10px;margin-right:5px;font-size:13px;cursor:pointer;}
.codeTextDescAdd.error {background:#fd7070;border:none;height:30px;width:150px;float:left;padding-left:10px;margin-right:5px;font-size:13px;cursor:pointer;}
.codeTextParentAdd {background:#ddd;border:none;height:32px;width:150px;float:left;padding-left:10px;margin-right:5px;font-size:13px;cursor:pointer;}
.codeTextParentAdd.error {background:#fd7070;border:none;height:32px;width:150px;float:left;padding-left:10px;margin-right:5px;font-size:13px;cursor:pointer;}
#codeButtonAddWrapper {float:right;padding:2px 8px 5px 0;}
.codesButtonExit{position:absolute;margin-top:-60px;margin-left:-23px;}
/* Absolute positioned DIV for selection of CODE */
.codesSelectionPane {position:absolute; width:360px;top:301px;margin-left:540px;border:1px solid #ddd;z-index:10}
.codesSelectionHeader {background:#fff;padding:10px 10px 0px 20px;color:#111;}
.codesSelectionHeaderText {text-align:center;font-size:15px;padding:10px 0 10px 0;color:#333;}
.codesSelectionWrapper {padding:20px;overflow:auto;font-size:15px;}
#codesSelectionPaneCity {margin-top:50px;}
#codesSelectionPaneCountry{margin-top:50px;}
#codesSelectionPaneCityWrapper {height:300px;background:#f3f3f3}
#codesSelectionPaneCountryWrapper {}
.codesSelectionRow {cursor:pointer;}
.codesSelectionRow:hover {color:#555;}
.codesSelectionButton {float:left; border:1px solid #ddd;background: #eee url(/images/iconListSmall.png) no-repeat 6px 8px;height:25px; width:25px;margin-left:5px;cursor:pointer;border-radius: 50%;}
.codesSelectionButton:hover {background: #ddd url(/images/iconListSmall.png) no-repeat 6px 8px;}
/*.codesSearchFieldWrapper{background:#fff;padding:5px 20px;}*/
#codesSearchField {background: #f3f3f3 url(/images/iconSearchSmall.png) no-repeat 3px 5px; padding:5px 25px;border:1px solid #ddd;width:290px;}

/* SEND LOGIN DATA */
#sendLoginData {float:left;width:300px;background:#ddd;padding:20px;margin-top:20px;text-align:center;color:#333;cursor:pointer}
#loginEmail {border:none;background:transparent;width:auto;text-align:center;width:300px;cursor:pointer}



/* ROLES */
.radioText {float:left;padding:5px 0 5px 125px;width:150px;font-size:15px;}
.radioRow {float:left;padding: 5px 0px;}
.radioButtons {float:left;padding: 0px 10px;font-size:15px;}
.radioButtons input {cursor:pointer;}

/* BANK ACCOUNTS */
.itemAccount {float:left;padding:0 3px 3px 0}
#itemAccountAddNew {background:#ddd;font-size:12px;color:#555;width:150px;padding: 5px 10px;margin-left:5px;margin-top:5px;text-align:center;cursor:pointer;}


/* *FANCYBOX misc */
.fancyboxMsg {padding:20px;width:260px;text-align:center;}
.fancyboxMsgCloseWrapper1B {width:75px;margin:auto;}
.fancyboxMsgCloseWrapper2B {width:170px;margin:auto;}
.fancyboxMsgButton {float:left;width:70px;text-align:center;background:#8fc400;color:white;margin:2px 2px 10px 2px;padding:5px;cursor:pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.fancyboxMsgButton:hover {opacity:0.7}

/* FLOATING LABELS - start */
.floating-form {margin-top:10px;}
.floating-label { position:relative; padding-bottom:20px;}
.floating-input, .floating-select, ul.tagit input[type=text] {color:#333333;font-size:14px;padding:14px 4px;display:block;width:100%;height:30px;background-color: transparent;border:none;border-bottom:1px solid #ccc;}
.floating-select {padding:0px 4px;color:white;}
.floating-input.alarm, .floating-input.alarm:focus {border-bottom:1px solid red;}
.floating-input:read-only {color:#666;}
.floating-input:focus , .floating-select:focus, ul.tagit input[type=text]:focus { outline:none; border-bottom:1px solid #ddd; }
label.floating-label {color:#aaa; font-size:16px;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:5px;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
label.floating-label.alarm {color:red;}
.floating-input:focus ~ label.floating-label, .floating-input:not(:placeholder-shown) ~ label.floating-label {top:-18px;font-size:14px;color:#666;}
.floating-select:focus ~ label.floating-label , .floating-select:not([value=""]):valid ~ label.floating-label {top:-18px;font-size:14px;color:white;}
.floating-input:focus ~ label.floating-label.alarm, .floating-input.alarm:not(:placeholder-shown) ~ label.floating-label {color:red;}
.floating-select:focus ~ label.floating-label.alarm, .floating-select.alarm:not([value=""]):valid ~ label.floating-label {color:red;}
/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {width:50%;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.floating-textarea {min-height: 150px;max-height: 260px; overflow:hidden;overflow-x: hidden; }
/* highlighter */
.highlight {position:absolute;height:10px; width:10px; top:15%; left:0;opacity:0.5;}
/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {-webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease;}
/* animation */
@-webkit-keyframes inputHighlighter {
	from { background:#1c4d66; } to	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#1c4d66; } to	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#1c4d66; } to	{ width:0; background:transparent; }
}
/* FLOATING LABELS - end */

/* BOOTSTRAP OVERRIDE - start */
.btn {border-radius:0px;}
.input-sm {border-radius:0px;}
.pagination > li:first-child > a, .pagination > li:first-child > span {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.pagination > li > a, .pagination > li > span {color: #333;border: 1px solid #bbb;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {color: #fff;background-color: #333;border-color: #333;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {color: #333;background-color: #eee;border-color: transparent;border: 1px solid #bbb;}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {border-color: #bbb;}
/* BOOTSTRAP OVERRIDE - end */

.checkbox-switch {width: 30px;cursor: pointer;display: inline-block;vertical-align: top;}
.checkbox-radio-container {
    float: left;
    width: 150px;
}