html, body{display: block; position: relative;margin: 0; padding: 0; font: 16px/16px helvetica,arial,sans-serif; overflow: hidden}
html{width: 100%;height: 100%; overflow: hidden;}
body{width: 100%;height: 100%; overflow: hidden; }
a{text-decoration: none; color: inherit;}
img{width: auto; height: auto; max-width: 100%; max-height: 100%; border: none}
input, button{border: none; padding: 0; margin: 0; appearance: normal; -webkit-user-select: text;}
textarea, input{text-align: left;}
button, input[type=submit]{padding: 4px 30px !important; border-radius: 8px !important;text-align: center; font-size: 15px; cursor: pointer; border-radius: 5px;}
p{margin: 0; padding: 0; -webkit-margin-after: 0; -webkit-margin-before: 0;}
input, textarea{font: 14px/20px helvetica,arial,sans-serif !important;}
/********* App body *********/
.welement{display:block; height: 100%; width: 100%;}
#wtop{top: 0; left: 0;}
#wbody{background-color: white; overflow: auto; z-index: 0} /** Pendiente de quitarlo **/
#wbody{background-color: #f6f6f6;}
/***************************** Header *****************************/
/******************************************************************/
.headerBarMenuTopImage{display: block; width: 100%; height: 5px !important; background-image: url("./images/topbar.png");
background-size: auto 5px; background-repeat: repeat-x; z-index: 1;}
/*****************/
/***** Loader ****/
#wtopLoaderContainer{display: block; position: relative; margin-top: 200px;}
#loadingWait{display: inline-block; position: relative; border: 8px solid #fff; border-radius: 50%; border-top: 8px solid #55B4DE;
border-bottom: 8px solid #55B4DE; width: 40px; height: 40px; -webkit-animation: spin 1000ms linear infinite;
animation: spin 1000ms linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/***********************************************************************************************************************/
/********************************************* Filter information ******************************************************/
.mainTopFilterInfoContainer{display: block; position: relative; width: 100%; margin: 8px 0 3px; }
.mainTopFilterInfoElement{display: inline-block; position: relative; vertical-align: middle; font-size: 14px; padding: 3px 8px; background-color: #55B4DE; border-radius: 10px; color: #fff;}
/***********************************************************************************************************************/
/*************************************************** Menus *************************************************************/
.mainTopMenuContainer{display: block; position: relative; width: 100%; margin: 8px 0 3px; border-bottom: 1px solid #999; margin-bottom: 10px;}
.mainTopMenuOptionContainer{margin-bottom: 5px;}
.mainTopMenuLeftOptionContainer{display: inline-block; vertical-align: top; width: 89%}
.mainTopMenuRightOptionContainer{display: inline-block; vertical-align: top; width: 10%; text-align: right; float: right;}
/* Single menu element */
.boundaryFilterSingleTopMenuElement{display: inline-block; position: relative; vertical-align: middle; margin-right: 5px; margin-bottom: 5px;}
.boundaryFilterTitleContainer{display: inline-block; vertical-align: middle;}
.boundaryFilterTitle{font-size: 14px;}
.boundaryFilterOptionContainer{display: inline-block; vertical-align: middle;}
.boundaryFilterDateContainer{width: 80px;}
.boundaryFilterInputOption{padding: 3px 8px 4px; margin-right: 7px;border: 1px solid #ccc; border-radius: 3px; text-align: left; font-size: 14px; vertical-align: middle;}
.boundaryFilterSelect{-webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; height: 25px; vertical-align: middle;
border: 1px solid #ccc; border-radius: 3px; margin: 0; padding: 0 20px 0 3px;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 7px) calc(11px + 0px), calc(100% - 2px) calc(11px + 0px), calc(100% - 14px) 2px;
background-size: 5px 5px, 5px 5px, 1px 19px; background-repeat: no-repeat;
}
.boundaryFilterSelectOption{font: inherit;}
.boundaryFilterButtonContainer{display: inline-block; vertical-align: middle; height: 20px; width: auto;}
.onlyMobileButton{display: none; width: 60%; margin: 2px auto 15px; padding: 3px 12px; background-color: #2a5a86; color: #fff; border-radius: 3px; cursor: pointer; text-align: center;}
/* Composed menu element */
.boundaryFilterComposedTopMenuElement{display: inline-block; position: relative; vertical-align: middle; margin-right: 5px; margin-bottom: 5px; border: 1px solid #ccc; border-radius: 2px;}
.searchKeyForm{display: inline-block; white-space: nowrap; width: auto; }
.searchKeyFormElement{display: inline-block; vertical-align: middle;}
.emptyKeyFormImageContainer{height: 18px; width: auto !important;}
.searchKeyFormImageContainer{height: 18px; width: auto !important; background-color: #006aae;}
.formImageContainer{padding: 3px;}
.formImageContainer img{height: 100%; width: auto !important;}
.searchKeyInput{width: 150px; padding: 3px; font-size: 15px;}
.searchKeyFullInput{width: 230px; padding: 3px; font-size: 15px;}
.searchKeyMinimalInput{width: 50px; padding: 3px; font-size: 15px;}
.searchKeyInput80{width: 72px; padding: 3px; font-size: 15px;}
.searchKeyInput40{width: 45px; padding: 3px; font-size: 15px;}
.menuElementImageLinkContainer{display: inline-block; vertical-align: middle; height: 17px; width: auto !important;}
.searchDataBlock{display: block;}
.searchDataInlineBlock{display:inline-block; vertical-align: middle;}
.menuSearchContainer{display: inline-block; border: 1px solid #ccc; border-radius: 2px;}
.menuSearchContainer *{vertical-align: bottom}
#searchKeyForm{}
.searchKey{padding: 2px; font-size: 14px;}
#searchKeyImageLaunch, #searchContactKeyImageLaunch, #emptyKeyImageLaunch, #emptyContactKeyImageLaunch{display: inline-block;}
#emptyKeyImageLaunch, #emptyContactKeyImageLaunch{height: 22px;}
#searchKeyImageLaunch ,#searchContactKeyImageLaunch{ height: 22px; background-color: #ccc}
.searchKeyImageContainer{height: 18px; margin: 2px}
.emptyKeyImageContainer{height: 14px; margin: 3px 2px;}
#searchNewsClientKey{width: 80px;}
/** Boundary filter element **/
/*******************************************************************/
.filterDataBlock{display: block;}
.filterDataInlineBlock{display: inline-block; vertical-align: middle}
.boundaryPlaceMenuFilter{display: block;}
.boundaryPlaceInLineMenuFilter{display: inline-block;}
.boundaryPlaceMenuFilterElement{display: inline-block; margin-right: 14px; margin-bottom: 8px; vertical-align: top;}
.boundaryPlaceMenuFilterInlineElement{display: inline-block; position: relative; vertical-align: middle;}
.boundaryTopMenuFilterElement{display: inline-block; margin-right: 14px; margin-bottom: 8px; vertical-align: top;}
/**************/
/**** Msg *****/
#wtop{display: none; position: absolute; z-index: 15;}
.wtop{display: none; position: absolute; z-index: 15;}
#wtopOpacity{display: block; position: absolute; width: 100%; height: 100%; background-color: #eee; opacity: 0.7}
.wtopOpacity{display: block; position: absolute; width: 100%; height: 100%; background-color: #eee; opacity: 0.7}
#wtopContainer{display: block; position: relative; width: 100%; height: 100%; background-color: transparent; text-align: center;}
.wtopContainer{display: block; position: relative; width: 100%; height: 100%; background-color: transparent; text-align: center;}
.wtopMsgContainer{display: inline-block; position: relative; margin-top: 80px; min-width: 300px; max-width: 500px;
padding: 20px; background-color: #fff; overflow: auto;-webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.55);-moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.55);
box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.55);}
.wtopMsgTextContainer{min-height: 50px;max-height: auto; margin-bottom: 10px; text-align: left}
#wtopMsgText{color: #111; font-size: 16px; line-height: 18px;}
#wtopMsgText .wtopMsgTextImageContainer{width: 200px; height: auto; max-height: 150px; margin: 20px; text-align: center;}
#wtopMsgText img{max-height: 150px;}
#wtopMsgText a{color: #55B4DE !important;}
.wtopMessageButtonsContainer{display: block; position: relative;}
.wtopMessageButton{display: block; position: relative; padding: 5px 10px; margin: 5px auto 10px; min-width: 200px; font-size: 15px; background-color: #008F40; color: #fff;}
#wtopCloseButton{ background-color: #55B4DE; color: #FFF}
/*********************/
/***** Wtop Editor **/
.wtopEditorContainer{}
.wtopEditorTitleContainer{display: block; position: relative;}
.wtopEditorTitle{font-size: 16px; color: #333; font-weight: bold;}
.wtopEditorDataContainer{display: block; position:relative;}
.wtopEditorDataLineContainer{display: block; width: 100%; margin: 5px 0;}
.wtopEditorDataLineContainerElement{display: inline-block; position: relative; vertical-align: middle;}
.wtopEditorLineTitleContainer{width: 90px;}
.wtopEditorLineTitle{}
.wtopEditorLineInputContainer{width: auto;}
.wtopEditorLineInput{width: 150px; padding: 3px 8px 4px; margin-right: 7px;border: 1px solid #ccc; border-radius: 3px; text-align: right; font-size: 14px;}
.wtopEditorLineTextareaContainer{width: auto;}
.wtopEditorLineTextarea{width: 350px; height: 100px; padding: 3px 8px 4px; margin-right: 7px;border: 1px solid #ccc; border-radius: 3px; text-align: left; font-size: 14px; resize: none;}
.wtopEditorLineCheckboxListContainer{}
.wtopEditorLineCheckboxListElement{display: block;}
.wtopEditorLineCheckboxInput{margin-right:10px;}
.wtopEditorLineCheckboxName{}
.wtopEditorLineSelectorContainer{}
.wtopEditorLineSelect{-webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; height: 25px; vertical-align: middle;
border: 1px solid #ccc; border-radius: 3px; margin: 0; padding: 0 14px 0 3px;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 7px) calc(11px + 0px), calc(100% - 2px) calc(11px + 0px), calc(100% - 14px) 2px;
background-size: 5px 5px, 5px 5px, 1px 19px; background-repeat: no-repeat;}
#wtopEditorDataLineContainer_specialDiscountContainer{}
#wtopEditorSpecialDiscount_input{width: 57px; text-align: right;}
#wrapper{display: block; position:relative; margin: 0}
.wrapperElement{display: block; position: relative; width: 900px;}
.wrapperElementSeparator{height: 10px; width: 100%; background-color: #55B4DE;}
/*********************/
/***** Structure *****/
.wrapperPageTitle{display: none !important; text-align: center; width: 98%; font-size: 0;}
.wrapperPageTitleElement{display: inline-block; position:relative; width: 32%; vertical-align: top; line-height: 1em;}
.wrapperPageTitle_leftColumn{text-align: left; font-size: 14px; }
.wrapperPageTitle_centerColumn{text-align: center;}
.wrapperPageTitle_rightColumn{text-align: right; font-size: 14px; font-weight: bold;}
#wrapper{display: block; position:relative; margin: 0; width: 100%; height: 100%;}
#wrapperOpaqueContainer{display: none; position: absolute; width: 100%; height: 100%; z-index: 8; background-color: #eee; opacity: 0.6}
.wrapperElement{display: block; position: relative; width: auto !important;}
.wrapperElementBlockData{display: block; position: relative; width: 97%; height: 100%; max-width: 1024px; min-width: 950px; margin: 0 auto; padding-bottom: 20px;}
.wrapperBlockSideContainer{background-color: transparent;}
.wrapperBlockFullContainer{display: block; position: relative; width: auto; z-index: 0}
.wrapperBlockLeftContainer_60_40{display: inline-block; position: relative; width: 58%; margin-right: 2%; vertical-align: top; z-index: 0}
.wrapperBlockRightContainer_60_40{display: inline-block; position: relative; width: 39%; vertical-align: top; z-index: 2}
.wrapperBlockLeftContainer_50_50{display: inline-block; position: relative; width: 48%; margin-right: 2%; vertical-align: top; z-index: 0}
.wrapperBlockRightContainer_50_50{display: inline-block; position: relative; width: 49%; vertical-align: top; z-index: 2}
.wrapperBlockLeftContainer_40_60{display: inline-block; position: relative; width: 39%; margin-right: 2%; vertical-align: top; z-index: 0}
.wrapperBlockRightContainer_40_60{display: inline-block; position: relative; width: 58%; vertical-align: top; z-index: 2}
.wrapperBlockLeftContainer_45_65{display: inline-block; position: relative; width: 34%; margin-right: 2%; vertical-align: top; z-index: 0}
.wrapperBlockRightContainer_45_65{display: inline-block; position: relative; width: 63%; vertical-align: top; z-index: 2}
.wrapperBlockLeftContainer_65_35{display: inline-block; position: relative; width: 63%; margin-right: 2%; vertical-align: top; z-index: 0}
.wrapperBlockRightContainer_65_35{display: inline-block; position: relative; width: 33%; vertical-align: top; z-index: 2}
.wrapperBlockLeftContainer_70_30{display: inline-block; position: relative; width: 68%; margin-right: 2%; vertical-align: top; z-index: 0}
.wrapperBlockRightContainer_70_30{display: inline-block; position: relative; width: 29%; vertical-align: top; z-index: 2}
.wrapperBlockListContainer{display: block; position: relative; height: 85%; overflow: auto;}
.wrapperElement.wrapperFullElement{width: 100%; max-width: 100%; margin: 0 auto;}
.wrapperElement.wrapperDropElement{width: 100%; max-width: 1024;}
.wrapperElementSeparator{height: 10px; width: 100%; background-color: #55B4DE;}
/* Header bar color */
#headerBarMenuSeparatorImage{position: fixed; width: 100% !important; top: 0; height: 5px !important; margin: 0 0 !important; background-image: url("https://sellers.gmlfideliza.com/assets/image/topbar.png"); background-size: auto 5px; background-repeat: repeat-x; z-index: 10;}
/* Header bar user */
#headerBarMenu{position: fixed; width: 100% !important; height:27px; top: 0px; font-size: 15px; margin: 0 auto !important; background-color: #55B4DE; color: #FFF; z-index: 10;}
#headerBarMenuSModeContainer{display: inline-block; padding: 6px 10px 6px 0;}
#userIndexNav{}
#headerBarMenuIdentityContainer{float: right; padding: 6px 0px 6px 10px;}
#userIdentityClose:hover{text-decoration: underline}
/* Header */
#header{position: fixed; width: 100% !important; height: 50px; margin: 0px auto 5px !important; top: 27px; z-index: 10; background-color: #fff;
-webkit-box-shadow: 0px 4px 9px 0px rgba(68,68,68,0.40);-moz-box-shadow: 0px 4px 9px 0px rgba(68,68,68,0.40);box-shadow: 0px 4px 9px 0px rgba(68,68,68,0.40);}
.headerElement{display: inline-block;}
#headerLogoImageContainer{display: inline-block; position: relative; height: 35px; margin: 8px 0 0; padding: 0;}
.headerLogoImage{height: auto; width: auto; max-height: 100%; max-width: 100%;}
#headerMenuContainer{float: right; width: auto; text-align: right;}
#headerMenu{display: block; position: relative; margin-top:6px;}
#closeHeaderMenuSelect{display: none;}
.headerMenuLinkContainer{display: inline-block; margin-left: 15px; vertical-align: top; text-align: center;}
.headerMenuLink{display: inline-block; width: 100%; color: #babbbd; font-size: 12px;}
.headerMenuLinkSelected{color: #1183B6}
.headerMenuImageContainer{display: inline-block; height: 25px; width: 25px; margin: 2px auto 2px;}
.headerMenuImage{}
.headerMenuNameContainer{width: 100%;text-align: center; line-height: 1em; max-width: 55px;}
.headerMenuName{}
/* Main */
#main{margin: 0 auto; height: calc(100% - 120px); padding-top: 85px; overflow: auto;}
/* Footer */
#footer{display: block; position: relative; height: 60px; background-color: #55B4DE; min-height: 20px; font-size: 0; }
.footerElementBlockData{display: block; position: relative; width: 97%; max-width: 1024px; margin: 0 auto;}
.footerElementBlockData a:hover{text-decoration: underline;}
.footerFourDataColumn:first-child{margin-left: 0px;}
.footerFourDataColumn:last-child{margin-right: 0px;}
.footerFourDataColumn{display: inline-block; margin: 10px 2%; width: 21%; min-height: 10px; vertical-align: top;}
.footerDataSingleColumn{display: block; position: relative; color: #fff; font-size: 14px;}
.footerDataColumnTitle{margin: 0; margin-bottom: 10px; font-size: 16px;}
.footerDataColumnText{line-height: 1.25em; font-size: 14px;}
.footerCopyrightData{text-align: left; color: #000;}
/** Multiselect checkbox **/
/*******************************************************************/
.multiselectValueContainer{display: inline-block; position: relative; width: 200px; height: 26px; vertical-align: middle; font-size: 15px;}
.multiselectBox{display:block; position: relative; width: 100%; vertical-align: middle;}
.multiselectBox .dataInputSelect{width: 100%;}
.overSelect{position: absolute;left: 0;right: 0;top: 25px;bottom: 0; width: 100%;}
.multiselectControlArrow{display: block;position: absolute;top: 0;right: 6px;margin: 4px;height: 20px; cursor: pointer; opacity: 1; z-index: 100;}
.multiselectCheckBox{display: none; position: absolute; width: 320px; padding: 3px 0; background-color: #fff; border: 1px #ccc solid; overflow: hidden; z-index: 10; border-radius: 3px; max-height: 250px; overflow: auto;}
.multiselectCheckBoxElement{padding: 6px 7px; color: #444;-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s;}
.multiselectCheckBoxElement:hover{background-color: #cdcdcd; color: #fff; cursor: pointer;}
.multiselectCheckBoxElement .dataSelectTitle{width: 88%;}
.multiselectCheckBoxElement.multiselectCheckBoxSeparator{border-top: 1px solid #aaa; text-align: right !important; font-size: 14px; color: #aaa; padding-top: 3px; padding-right: 3px; margin-top: 5px;}
.multiselectCheckBoxElement.multiselectCheckBoxSeparator:hover{background-color: #fff !important; cursor: default}
.dataInLineValue.multiselect_modifyValuesText{display: none;}
/** Lines Inputs structure **/
/*******************************************************************/
.dataLineSeparator{display: block; position: relative; margin: 0px 0px 18px 0px; text-align: left; font-size: 15px; color: #fff;
font-weight: normal; background-color: #aaa; background-color: #55B4DE; padding: 5px 10px 5px; border-radius: 5px;
/*-webkit-box-shadow: 0px 5px 6px -4px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 5px 6px -4px rgba(0, 0, 0, 0.75); box-shadow: 0px 5px 6px -4px rgba(0, 0, 0, 0.75);*/}
.expandDataLineSeparator{cursor: pointer}
.dataLineSeparator.expandDataLineSeparator.topExpandDataLineSeparator{margin-top: 0;}
.dataBlockGrouped{margin-bottom: 18px;}
.dataBlockGroupedSigned{float:right; cursor: pointer; font-weight: bold;margin-left: 10px; font-size: 17px;}
.expandDataLineList{-webkit-box-shadow: 0px 5px 6px -4px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 5px 6px -4px rgba(0, 0, 0, 0.75); box-shadow: 0px 20px 25px -25px rgba(0, 0, 0, 0.75);}
/* Vertical separator */
.dataLineVerticalSeparator{color: #999; font-size: 15px; margin-bottom: 5px; margin-top: 15px;}
.dataLineVerticalSeparatorLineContainer{display: inline-block; width: 67%; margin-right: 3%; vertical-align: middle;}
.dataLineVerticalSeparatorTextContainer{display: inline-block; width: 30%; vertical-align: middle; text-align: left;}
/* Line data */
.dataLine{display: block; width: 100%; margin: 0px 0 5px;}
.dataInLineElement.joinedDataInLineElement{margin-right: 12px;}
.dataInLineElement.lastDataInLineElement{margin-right: 0px;}
.dataInLineElement.blockDataInLineElement{display: block; margin-top: 10px;}
.dataInLineFloatElement{display: inline-block; float: right; margin: 0 35px 0 0; vertical-align: middle; font-size: 15px;}
.dataInLineElement{display: inline-block; margin: 0 35px 0 0;vertical-align: middle; font-size: 15px;}
.dataInLineTitle{display: inline-block; width: 88px; vertical-align: middle;}
.dataInLineTitle.inLineFlexibleTitle{width: auto !important; min-width: 88px !important; margin-right: 10px;}
.dataInLineTitle.inLineMinimalTitle{width: auto !important; min-width: 0px !important; margin-right: 10px;}
.dataInLineTitle.textareaInLineTitle{vertical-align: top;}
.dataInLineTitle.dataInLineDatasheetTitle{width: 100px;}
.dataInLineTitle.dataInLineLongTitle{width: 180px;}
.dataText{font-size: 15px}
.dataInLineValue{display: inline-block; vertical-align: middle; text-align: left; max-width: 500px;}
.dataInLineValue.dataInLineValueFullWidth{width:100%; display: block; width: auto; max-width: 100%;}
.dataInLineValue textarea{width: 400px; height: 4em;}
.dataInLineValue *{text-align: left;}
.dataInputActionButton{display: inline-block; position: relative; vertical-align: middle; margin-right: 7px; padding: 4px !important; width: 30px; background-color: #008f40; color: #fff; font-size: 16px; font-weight: bold;}
.dataInput{padding: 3px 8px 4px; margin-right: 7px;border: 1px solid #ccc; border-radius: 3px; text-align: left; font-size: 14px; vertical-align: middle;}
.dataInput.dateFormatInput{width: 66px !important; font-size: 13px !important;}
.dataInput.priceFormatInput{width: 60px !important; text-align: right;}
.dataInput.dataInputWidth40{width: 40px !important;}
.dataInput.dataInputWidth60{width: 60px !important;}
.dataInput.dataInputWidth80{width: 80px !important;}
.dataInput.dataInputWidth100{width: 100px !important;}
.dataInput.dataInputWidth150{width: 150px !important;}
.dataInput.dataInputWidth200{width: 200px !important;}
.dataInput.dataInputWidth250{width: 250px !important;}
.dataInput.dataInputWidth300{width: 300px !important;}
.dataInput.dataInputHeight40{height: 40px !important;}
.dataInput.dataInputDatasheet{width: 130px;}
.dataInput.dataInputFullWidth{width: 95%;}
textarea.dataInputMediumHeight{min-height: 200px;}
.dataLink{margin-left: 10px; color: #007aFF: cursor: pointer;}
.dataLink_inactive{margin-left: 10px; color: #bbb;}
.dataEmptyLink{margin-left: 10px; color: #ccc}
.dataInLineDetail{font-size: 13px; color: red;}
.dataInLineInformation{font-size: 14px; color: #2a5a86;}
.dataInLineOptionIconContainer{height: 22px; width: 22px; cursor: pointer}
.dataInLineSeparator{display: block; vertical-align: middle; text-align: left; font-size: 15px; border-bottom: 1px solid #bbb; margin-top: 15px; color: #999;}
.dataInLineFullText{display: inline-block; position: relative; vertical-align: middle; font-size: 18px; font-weight: bold; color: #55B4DE; margin: 0 10px;}
.dataInLineMediumText{display: inline-block; position: relative; vertical-align: middle; font-size: 16px; font-weight: bold; color: #444; margin: 0 10px;}
.dataInLineText{display: inline-block; vertical-align: middle; text-align: left; font-size: 15px; color: #55B4DE;}
.dataInLineText a{text-decoration: underline; cursor: pointer;}
.dataInLineContainer{display: inline-block; vertical-align: middle; text-align: left; font-size: 15px;}
.dataOptionIcon{display: inline-block; position: relative; height: 18px; width: 18px; vertical-align: middle; cursor: pointer;}
.dataInputSelect{-webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; height: 25px; vertical-align: middle;border: 1px solid #ccc; border-radius: 3px; margin: 0; padding: 0 14px 0 3px;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 7px) calc(11px + 0px), calc(100% - 2px) calc(11px + 0px), calc(100% - 14px) 2px;
background-size: 5px 5px, 5px 5px, 1px 19px; background-repeat: no-repeat;
}
.dataInputSelectDetail{border-radius: 0px;color: red !important;}
.dataPlaceSelect.dataPlaceSelectFilterTitle{font-weight: bold; font-size: 17px;}
.dataPlaceOption{font: inherit;}
.dataPlaceOptionLabel{font: inherit;}
.dataSelectElement{display: inline-block;}
.dataSelect{margin-right: 2px;vertical-align: middle;}
.dataSelectTitle{display: inline-block; vertical-align: middle;}
.dataTitle{font-size: 15px;}
.dataSubTitle{font-size: 14px; font-style: italic;}
.dataExplainTitle{font-size:13px; color: #666;}
.dataExplainTitle.dataExplainClickedTitle{color: #55B4DE !important; cursor: pointer; }
.dataExplainTitle.dataExplainClickedTitle:hover{text-decoration: underline;}
.dataSelectImage{display: inline-block; vertical-align: middle; height: 20px; width: 20px;}
.dataLineFootNote{font-size: 14px; margin: 10px 0px 0; margin-left: 74px;color: red;}
/* Line data fat eparator */
.singleDataLineSeparator{display: block; position: relative; margin: 22px 30px 12px 0px; }
/* Context line separator */
.contextDataLineSeparator{display: block; position: relative; border-top: 1px solid #ddd; text-align: right; text-decoration: underline;
font-size: 14px; color: #aaa; padding: 4px 0 2px 0; max-width: 90%; margin: 20px 0 10px;}
/** Page Counters **/
/*******************************************************************/
.itemPageCountDataContainer{display: block; position: relative; margin: 10px 0 20px; padding-top: 10px;font-size: 15px; text-align: center; border-top: 1px solid #aaa;}
.itemPageCountDataSelectContainer{display: inline-block; position: relative; vertical-align: top; color: #55B4DE;}
.itemPageCountDataSelectLimitArrow{vertical-align: top;}
.itemPageCountDataSelectLimitArrow:hover{font-weight: bold;}
.itemPageCountDtaSelectLimitHideArrow{visibility: hidden;}
.itemPageCountDataSelectLimitLeftArrow{margin-right: 5px;}
.itemPageCountDataSelectLimitRightArrow{margin-left: 5px;}
.itemPageCountDataSelectLimitData{vertical-align: middle;}
.itemPageTotalCountContainer{display: block; position: absolute; top: 10px; right: 0; color: #55B4DE; font-size: 14px;}
/*****************/
/***** Inline buttons ***/
.inlineButtonsContainer{display: inline-block; position: relative; position: relative; margin-left: 5px; vertical-align: middle; text-align: center;}
.inlineButton{font-size: 12px; margin-right: 5px; cursor: pointer; border-radius: 2px;padding: 1px 8px !important; background-color: #fff; }
.inlineButton.inlineRedButton{border: 1px solid #f55; color: #f55;}
.inlineButton.inlineGreenButton{border: 1px solid #008f40; color: #008f40;}
.inlineButton.inlineBlueButton{border: 1px solid #2A5A86; color: #2A5A86;}
/** Footer buttons element **/
/*******************************************************************/
.buttonsLine{display: block; margin-top: 30px;}
.buttonsJoinedLineBlock{display: block; position: relative; width: 100%; margin-top: 10px; min-height: 30px; text-align: right; padding-bottom: 5px;}
.buttonsLineBlock{display: block; position: relative; width: 100%; margin-top: 25px; min-height: 30px; text-align: right; padding-bottom: 15px;}
.submitButtonContainer.submitButtonShortMarginContainer{margin: 5px 5px 8px;}
.submitButtonContainer.submitButtonLongMarginContainer{margin: 5px 5px 15px;}
.submitButton{float: none; min-width: 150px; padding: 6px 8px; font-size: 15px; color: white; border-radius: 2px; cursor: pointer; background-color: #00a257}
.submitButton[value=close_window]{background-color: #55B4DE;}
.submitButton.submitButtonLeft{float: left; margin-right: 20px;}
.submitButton.submitButtonRight{margin-left: 20px;}
.submitButton.submitButtonRed{background-color: #d5001d;}
.submitButton.submitButtonBlue{background-color: #55B4DE;}
.submitButton.submitButtonGreen{background-color: #00a257;}
.submitButton.submitButtonGray{background-color: #aaa !important;}
.submitButton.submitButtonEmptyWhite{background-color: #fff; color: #55B4DE; border: 1px solid #55B4DE;}
.submitButton.submitButtonEmptyGreen{background-color: #fff; color: #008f40; border: 1px solid #008f40;}
.submitButton.submitButtonEmptyRed{background-color: #fff; color: #f55; border: 1px solid #f55;}
.submitButton.submitButtonFullWitdh{width: 100%;}
.submitButton.submitButtonMinimal{width: auto !important; min-width: 10px !important;}
/*********************/
/** Small Opt icons **/
.verySmallButtonOptionContainer{display: inline-block; position: relative; width: auto; height: 19px; margin-left: 5px; vertical-align: middle; cursor: pointer;}
.verySmallButtonOptionContainer.verticalButtonOption{display: block; margin-bottom: 5px;}
.smallButtonOptionContainer{display: inline-block; position: relative; width: 24px; height: 24px; margin-left: 5px; vertical-align: middle; cursor: pointer;}
.smallButtonOptionContainer.verticalButtonOption{display: block; margin-bottom: 5px;}
.mediumButtonOptionContainer{display: inline-block; position: relative; width: 27px; height: 27px; margin-left: 6px; vertical-align: middle; cursor: pointer; }
.mediumButtonOptionContainer.verticalButtonOption{display: block; margin-bottom: 5px;}
.singleIconImageContainer{display: inline-block; position: relative; width: 18px; height: 18px; margin-left: 6px; vertical-align: middle; cursor: pointer; }
.singleIconImageContainer.verticalButtonOption{display: block; margin-bottom: 5px;}
/** Unlogin page **/
/*******************************************************************/
#loginScreen{display: block; position: relative;width: 100%; z-index: 0;}
#loginDefineTextContainer{text-align: center; margin: 50px auto}
#loginDefineText{}
#mainContainer{display: block; position: relative; width: 100%; height: 100%; top: 0; left: 0; text-align: center}
#unlogedFrame{display: block;text-align: center; padding-top: 100px;}
#loginImageContainer{display: inline-block; position: relative; vertical-align: middle; height: 250px; width: auto;}
#loginFormContainer{display: inline-block; padding: 35px 100px; margin-top: 0px; border: 1px solid #ddd; border: none; border-radius: 40px;
/*
-webkit-box-shadow: 0px 0px 8px #aaa;-moz-box-shadow: 0px 0px 8px #aaa;box-shadow: 0px 0px 8px #aaa;
*/
background-color: white; opacity: 0.9; font-size: 16px; vertical-align: middle;}
.loginFormField{display: block; position: relative; width: auto; margin: 0.75em auto; padding-left: 0.3em;
font-size: 1em; border: none; border-bottom: 1px solid #444;border-radius: 2px;}
.accessImage{max-height: 1.4em; margin-right: 0.4em; vertical-align: middle;}
.loginFromInput{width: 12em; height: 1.5em;font-size: 1em; margin: 0; padding: 0.25em 0.3em;
vertical-align: middle; border: none;}
#buttonFormField{margin-top: 1.5em;}
#loginFormAccessButton{background-color: #55B4DE; width: 200px; color: #FFF;}