/* Minification failed. Returning unminified contents.
(31,23): run-time error CSS1030: Expected identifier, found '.'
(31,37): run-time error CSS1031: Expected selector, found ')'
(31,37): run-time error CSS1025: Expected comma or open brace, found ')'
(38,79): run-time error CSS1030: Expected identifier, found '.'
(38,93): run-time error CSS1031: Expected selector, found ')'
(38,93): run-time error CSS1025: Expected comma or open brace, found ')'
(111,37): run-time error CSS1030: Expected identifier, found '.'
(111,51): run-time error CSS1031: Expected selector, found ')'
(111,51): run-time error CSS1025: Expected comma or open brace, found ')'
(407,24): run-time error CSS1030: Expected identifier, found '.'
(407,43): run-time error CSS1031: Expected selector, found ')'
(407,43): run-time error CSS1025: Expected comma or open brace, found ')'
(4391,12): run-time error CSS1038: Expected hex color, found '#FFFF'
(4398,12): run-time error CSS1038: Expected hex color, found '#FFFF'
 */

.AChatBot {
    width: 40px !important;
    height: 40px !important;
    position: fixed !important;
    left: 3px !important;
    bottom: 15px !important;
    cursor: pointer;
    background: transparent url(/plugins/AAPICommons20/AChatBot/achatbot.png) center no-repeat padding-box;
    background-size: contain;
    z-index: 1500 !important;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    display: none;
}

.AChatBot:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.AChatBot[status="online"] {
    border: 2px solid #4CAF50;
}

.AChatBot[status="offline"] {
    border: 2px solid transparent;
}

.dx-popup-content:has(.AChatBotPopup) {
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
    overflow: hidden;
}

body .dx-overlay-wrapper .dx-overlay-content.dx-popup-normal.dx-resizable:has(.AChatBotPopup) {
    transform: none !important;
    left: 60px !important;
    bottom: 50px !important;
    top: auto !important;
    position: fixed !important;
}


.AChatBotPopup {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

.AChatBotContainer {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.AChatBotHeader {
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: #1d3a58;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    min-height: 60px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.AChatBotHeaderIcon {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid white;
    background-color: white;
    background-image: url(/plugins/AAPICommons20/AChatBot/achatbot2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 12px;
    flex-shrink: 0;
}

.AChatBotHeaderText {
    color: white;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    flex-grow: 1;
}

.AChatBotHeaderText h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.x-window-tl .x-window-header:has(+ .AChatBotPopup) {
    display: none !important;
}

.AChatBotMessageArea {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 15px;
    background-color: #f5f5f5;
}

.AChatBotMessageArea::-webkit-scrollbar {
    width: 6px;
}

.AChatBotMessageArea::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.AChatBotMessageArea::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.AChatBotMessageArea::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.AChatBotInputArea {
    width: 100%;
    display: flex;
    padding: 12px;
    background-color: #ffffff;
    border-top: 1px solid #e0e0e0;
    box-sizing: border-box;
    gap: 10px;
    align-items: center;
    min-height: 70px;
}

.AChatBotInputField {
    flex: 1;
    min-height: 45px;
    max-height: 100px;
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 22px;
    resize: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s ease;
}

.AChatBotInputField:focus {
    border-color: #1d3a58;
}

.AChatBotInputField::placeholder {
    color: #999;
}

.AChatBotSendButton {
    width: 45px;
    height: 45px;
    background: transparent url(/plugins/AAPICommons20/AChatBot/achatbot-send-message.svg) center no-repeat;
    background-color: #1d3a58;
    background-size: 20px 20px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.AChatBotSendButton:hover {
    background-color: #2a4b6d;
    transform: scale(1.05);
}

.AChatBotSendButton:active {
    transform: scale(0.95);
}

.AChatBotMessage {
    max-width: 75%;
    padding: 12px 16px;
    margin-bottom: 12px;
    border-radius: 18px;
    word-wrap: break-word;
    position: relative;
    animation: fadeIn 0.3s ease;
    line-height: 1.4;
    font-size: 14px;
}

.AChatBotUserMessage {
    background-color: #1d3a58;
    color: #FFFFFF;
    align-self: flex-end;
    margin-left: auto;
    border-bottom-right-radius: 5px;
}

.AChatBotBotMessage {
    background-color: #FFFFFF;
    color: #333333;
    align-self: flex-start;
    border-bottom-left-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}


.AChatBotMessageTime {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 4px;
    text-align: right;
}

.AChatBotBotMessage .AChatBotMessageTime {
    color: #999;
}


.AChatBotTypingIndicator {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 16px;
    margin-bottom: 12px;
    background-color: #FFFFFF;
    border-radius: 18px;
    border-bottom-left-radius: 5px;
    max-width: 60px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.AChatBotTypingIndicator .typing-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #999;
    margin: 0 2px;
    animation: typing 1.4s infinite ease-in-out;
}

.AChatBotTypingIndicator .typing-dot:nth-child(2) {
    animation-delay: 0.2s;
}

.AChatBotTypingIndicator .typing-dot:nth-child(3) {
    animation-delay: 0.4s;
}

.AChatBotMessageArea > div:first-child {
    margin-top: 0;
}


@keyframes typing {
    0%, 100% {
        opacity: 0.3;
        transform: translateY(0);
    }

    50% {
        opacity: 1;
        transform: translateY(-3px);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.AChatBotWelcomeBubble {
    position: absolute;
    bottom: 55px;
    left: 0;
    background-color: #1d3a58;
    color: white;
    padding: 12px 18px;
    border-radius: 18px;
    border-bottom-left-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    line-height: 1.4;
    max-width: 250px;
    min-width: 180px;
    opacity: 0;
    transform: translateY(10px) scale(0.8);
    animation: bubbleFadeIn 0.4s ease forwards;
    z-index: 1501;
    white-space: normal;
    cursor: pointer;
    transition: all 0.3s ease;
}

.AChatBotWelcomeBubble::before {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 0;
    border-color: #1d3a58 transparent transparent transparent;
}


.AChatBotWelcomeBubble:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    background-color: #2a4b6d;
}


.AChatBotWelcomeBubble.closing {
    animation: bubbleFadeOut 0.3s ease forwards;
}

@keyframes bubbleFadeIn {
    0% {
        opacity: 0;
        transform: translateY(10px) scale(0.8);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes bubbleFadeOut {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(10px) scale(0.8);
    }
}

.AChatBot.has-bubble {
    animation: botPulse 1.5s ease-in-out infinite;
}

@keyframes botPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }

    50% {
        transform: scale(1.1);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    }
}

.AChatBotWelcomeBubble {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.AChatBotDisclaimer {
    background-color: #f8f9fa;
    color: #6c757d;
    font-size: 11px;
    line-height: 1.4;
    padding: 10px 15px;
    text-align: center;
    border-bottom: 1px solid #e9ecef;
    margin: 0;
    font-style: italic;
    opacity: 0.8;
}

.AChatBotDisclaimer:hover {
    opacity: 1;
}

.AChatBotContainer:has(.AChatBotDisclaimer) .AChatBotMessageArea {
    height: calc(100% - 60px - 50px - 70px); 
}

/* İnteraktif hoşgeldin mesajı stilleri */
.AChatBotWelcomeContainer {
    max-width: 85% !important;
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef;
    padding: 16px !important;
}

.AChatBotWelcomeTitle {
    font-weight: 600;
    color: #1d3a58;
    margin-bottom: 12px;
    font-size: 15px;
}

.AChatBotExamplesList {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.AChatBotExampleItem {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .AChatBotExampleItem:hover {
        background-color: #f0f7ff;
        border-color: #1d3a58;
        transform: translateX(2px);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .AChatBotExampleItem:active {
        transform: translateX(0);
        box-shadow: none;
    }

.AChatBotExampleIcon {
    font-size: 20px;
    flex-shrink: 0;
    width: 28px;
    text-align: center;
}

.AChatBotExampleContent {
    flex: 1;
    min-width: 0;
    width: 100%;
}

.AChatBotExampleTitle {
    display: block;
    font-weight: 500;
    color: #1d3a58;
    font-size: 13px;
    margin-bottom: 2px;
}

.AChatBotExampleCommand {
    display: block;
    font-size: 12px;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Input highlight efekti */
.AChatBotInputHighlight {
    border-color: #1d3a58 !important;
    box-shadow: 0 0 0 2px rgba(29, 58, 88, 0.1) !important;
    background-color: #f0f7ff !important;
}

/* Kompakt versiyon stilleri */
.AChatBotCompactWelcome {
    max-width: 85% !important;
}

    .AChatBotCompactWelcome strong {
        color: #1d3a58;
        display: block;
        margin-bottom: 8px;
    }

.chatbot-example-link {
    color: #1d3a58;
    text-decoration: none;
    display: inline-block;
    padding: 4px 0;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .chatbot-example-link:hover {
        color: #2a4b6d;
        text-decoration: underline;
        padding-left: 8px;
    }

/* Mobil uyumluluk */
@media (max-width: 480px) {
    .AChatBotWelcomeContainer {
        max-width: 90% !important;
        padding: 12px !important;
    }

    .AChatBotExampleItem {
        padding: 8px 10px;
    }

    .AChatBotExampleTitle {
        font-size: 12px;
    }

    .AChatBotExampleCommand {
        font-size: 11px;
    }
}

@keyframes tooltipFadeIn {
    to {
        opacity: 1;
        bottom: calc(100% + 5px);
    }
}

.AChatBotExampleItem {
    animation: slideInLeft 0.3s ease forwards;
    opacity: 0;
}

.AChatBotExampleItem:nth-child(1) {
    animation-delay: 0.05s;
}

.AChatBotExampleItem:nth-child(2) {
    animation-delay: 0.1s;
}

.AChatBotExampleItem:nth-child(3) {
    animation-delay: 0.15s;
}

.AChatBotExampleItem:nth-child(4) {
    animation-delay: 0.2s;
}

.AChatBotExampleItem:nth-child(5) {
    animation-delay: 0.25s;
}

.AChatBotExampleItem:nth-child(6) {
    animation-delay: 0.3s;
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}


.vehicleActivityPopupContainer {
    z-index: 1050;
}

.vehicleActivityGrid {
    width: 100%;
    height: 520px;
    background: white;
}

.vehicleActivityPopupContainer .dx-popup-title {
    font-size: 16px;
    font-weight: bold;
    padding: 15px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

.vehicleActivityPopupContainer .dx-popup-content {
   padding: 0px !important;
}

.vehicleActivityGrid .dx-datagrid {
    border: 1px solid #ddd;
    border-radius: 4px;
}

.vehicleActivityGrid .dx-datagrid-rowsview {
    min-height: 350px;
}

.vehicleActivityGrid .dx-datagrid-rowsview .dx-row-alt > td {
    background-color: #f5f5f5;
}


.vehicleActivityGrid .dx-datagrid-headers {
    background-color: #fafafa;
    border-bottom: 2px solid #ddd;
}

.vehicleActivityGrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    font-weight: bold;
    color: #333;
    padding: 8px;
}

.vehicleActivityGrid .dx-datagrid-pager {
    padding: 8px;
    border-top: 1px solid #ddd;
    background-color: #fafafa;
}

.vehicleActivityGrid .dx-datagrid-rowsview .dx-row > td {
    padding: 6px 8px;
    white-space: nowrap;
}

.vehicleActivityGrid .dx-datagrid-nodata {
    padding: 50px;
    text-align: center;
    color: #666;
    font-size: 14px;
}

.vehicleActivityPopupContainer .dx-loadpanel-wrapper {
    background-color: rgba(255, 255, 255, 0.9);
}

.vehicleActivityPopupContainer .dx-loadpanel-content {
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.vehicleActivityGrid ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.vehicleActivityGrid ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.vehicleActivityGrid ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

.vehicleActivityGrid ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.vehicle-activity-export-btn {
    margin-right: 10px;
}

@media (max-width: 768px) {
    .vehicleActivityPopupContainer .dx-popup {
        width: 100% !important;
        max-width: 900px;
    }
}

.applicationFeedback 						{ }
.applicationFeedbackBody					{ float: left; width: 100%; height: 100%; 	}
.applicationFeedbackData					{ float: left; width: 100%; height: 350px; 	}
.applicationFeedbackButton					{ float: right; margin-right: 10px;}
.applicationFeedbackButton:first-of-type	{ margin: 0 }

.applicationFeedbackRepresentativeInfo {
    float: left;
    width: 100%;
    height: 24px;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;   
}

.applicationFeedbackButtonsArea
{
    float: right;
    width: 100%;
    height: 36px;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;   

}

.applicationFeedbackFooterPanel {
    float: left;
}

.applicationFeedbackCustomerRepresentativePanel {
    height: 117px;
    float: left;
    width: 100%;
    margin-top:20px;

}

.customerRepresentativeExpander {
    height: 100%;
    width: 200px;
    float: left;
}
.customerRepresentativeTitle {
    
    height: 100%;
    width: 135px;
    float: left;
    font-weight: bold;
    font-size: 13px;
    color: #465867;
    cursor: pointer;
}
.customerRepresentativeArrow {
    float: left;
    width: 24px;
    height: 24px;
    background: url(/plugins/AAPICommons20/ApplicationFeedBack/arrow.png) center center no-repeat;
    -webkit-transition: -webkit-transform .5s linear;
}
.customerRepresentativeExpander[expanded="false"] > .customerRepresentativeArrow {
    -webkit-animation: spinUp 0.5s linear;
    -moz-animation: spinUp 0.5s linear;
    animation: spinUp 0.5s linear;
}

.customerRepresentativeExpander[expanded="true"] > .customerRepresentativeArrow {
    -webkit-animation: spinDown 0.5s linear;
    -moz-animation: spinDown 0.5s linear;
    animation: spinDown 0.5s linear;
}
.representativePhoto {
    float           : left;
    width           : 120px;
    height          : 120px;
    border-radius   : 60px;
    background      : url(/plugins/AAPICommons20/ApplicationFeedBack/iletisim1.png) center center no-repeat;
}
.representativeInfoPanel {
    float: left;
    width: calc(100% - 140px);
    width: -moz-calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    height: calc(100% - 30px);
    height: -moz-calc(100% - 30px);
    height: -webkit-calc(100% - 30px);
    margin-left: 20px;
    height: 117px;
    overflow: auto;
}
.representativeSellerName {
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 30px;
}

.representativePhone {
    margin-top  : 5px;
    float       : left;
    width       : 100%;
    font-size   : 15px;
}

.representativeMail {
    float   : left;
    width   : 100%;
}

/*.representativeSellerName {
    float       : left;
    width       : 100%;
    font-weight : bold;
    margin-top  : 5px;
}*/

.representativeSellerAddress {
    float   : left;
    width   : 100%;
    text-wrap : normal;
}

.applicationFeedbackData .dx-field-item-label-text {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #333;
}
.ApplicationRightMenuPopupItemIcon[icon="feedback"] {
    background: transparent url(/plugins/AAPICommons20/ApplicationFeedBack/feedback.svg) 0% 0% no-repeat padding-box;
}
/*
    FATIH
.ApplicationVersion { float: right; width: 33px; height: 33px; background: url(/plugins/AAPICommons20/ApplicationHelpDocument/notification-icons.png) -230px center no-repeat;  cursor: pointer;}
.ApplicationVersion[seen] {background: url(/plugins/AAPICommons20/ApplicationHelpDocument/notification-icons.png) -197px center no-repeat;}
.ApplicationVersionBody .dx-list-item	{ border: 0; }

*/
.ApplicationHelpMenuPopupItemIcon[icon="helpDocument"] {
    background: transparent url(/plugins/AAPICommons20/ApplicationHelpDocument/help_document_icon.svg) 0% 0% no-repeat padding-box;
}
.ApplicationHelpMenu {
    width: 30px;
    height: 50px;
    position: relative;
    cursor: pointer;
    position: relative;
    background: transparent url(/plugins/AAPICommons20/ApplicationHelpMenu/help_button.svg) center no-repeat padding-box;
    /*margin-top: 16px;*/
    float: right;
   
}


.ApplicationHelpMenuPopup {
    width               : calc(100% + 40px);
    height              : 94px;
    margin              : -15px -20px 0 -20px;
    padding             : 0;
    border              : none;
    position            : relative;
    box-sizing          : border-box;
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
}

.ApplicationHelpMenuPopupItem {
    width               : 100%;
    height              : 36px;
    line-height         : 36px;
    padding             : 0 20px 0 20px;
    border              : none;
    position            : relative;
    box-sizing          : border-box;
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
    cursor              : pointer;
}

.ApplicationHelpMenuPopupItem:hover {
    background-color    : aliceblue;
}

.ApplicationHelpMenuPopupItemTitle {
    height              : 100%;
    max-width           : 100%;
    min-width           : calc(100% - 50px);
    float               : left;
    margin              : 0;
    padding             : 0;
    border              : none;
    position            : relative;
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
    box-sizing          : border-box;
    overflow            : auto;
}

.ApplicationHelpMenuPopupItemAction {
    height              : 100%;
    width               : 50px;
    float               : left;
    margin              : 0;
    padding             : 0;
    border              : none;
    position            : relative;
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
    box-sizing          : border-box;
}

.ApplicationHelpMenuPopupItemIcon {
    position: relative;
    cursor: pointer;
    position: relative;
    
    margin-top: 10px;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.ApplicationIntro .ApplicationNewPopup {
    z-index: 6005 !important;
    opacity: 0.9;
}

.ApplicationAnnouncementIntro {
    z-index: 6006 !important;
}

.crmPopup{
    z-index: 6007 !important;
}

.ApplicationIntro .ApplicationNewPopup .dx-popup-content {
    padding: 0 !important;
}

.applicationIntroBackground {
    position        : absolute;
    width           : calc(100%);
    width           : -moz-calc(100%);
    width           : -webkit-calc(100%);
    height          : 100%;
    /* blur filters */
    -webkit-filter: blur(16px);
    -o-filter: blur(16px);
    filter: blur(16px);
}

.applicationIntroContainer {
    height: 440px;
    padding: 20px 40px 40px 40px;
    z-index: 6006;
}

.applicationIntro .applicationIntroClose {
    width: 43px;
    height: 43px;
    float: right;
    cursor: pointer;
    margin-right: -5px;
}

.applicationIntroContainer .applicationIntroHeader {
    height: 55px;
    margin-top: 30px;
}

.applicationIntroContainer .applicationIntroContent {
    height: 110px;
    display: none;
}

.applicationIntroContainer .applicationIntroFooter {
    height: 150px;
    display: none;
}

.applicationIntroContainer .applicationIntroVideoArea{
    height: 260px;
    display: none;
}

.applicationAnnouncement {
    height: 510px;
    display: none;
    
}

.applicationAnnouncement .announcementRow {
    float: left;
    width: 100%;
}
.applicationAnnouncement .announcementRow[second] {
    background: transparent url('/plugins/AAPICommons20/ApplicationIntro/bg_popup.png') 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    text-align: left;
    font: normal normal normal 14px/19px Segoe UI;
    letter-spacing: 0px;
    color: #FFFBFB;
    opacity: 1;
    height : 100%;
}

.announcementRow .closeButton {
    float: right;
    cursor: pointer;
}
.announcementRow .dontShowAgainSelectBox {
    float: left;
}
.announcementRow .message {
    float: left;
    margin-left: 20px;
    margin-right: 20px
}

.applicationConsentText {
    height: 720px;
    display: none;
}

.applicationConsentText .announcementRow[second] {
    float: left;
    width: 90%;
}


.applicationConsentText .consentTextTitle {
    display:flex;
    background-repeat: no-repeat;
    text-align: left;
    font: normal normal normal 14px/19px Segoe UI;
    letter-spacing: 0px;
    color: #FFFBFB;
    opacity: 1;
    height: 5%;
}

.applicationConsentText .contentArea {
    background-repeat: no-repeat;
    text-align: left;
    font: normal normal normal 14px/19px Segoe UI;
    letter-spacing: 0px;
    color: #FFFBFB;
    opacity: 1;
    margin-bottom: 5px;
    height: 125%;
}

.dividerTitle {
    border-left: 1px solid #707070; 
    height: 30px;
    margin: 0 20px;
}

.dividerHeader {
    border-bottom: 1px inset black;
    margin: 0 auto;
}

.dividerFooter {
    top: 640px;
    position: relative;
    border-bottom: 1px inset black;
    margin: 0 auto;
}

.titleIcon {
    position: relative;
    top: 3px;
    width: 39%;
    height: 23px;
    opacity: 1;
    background: transparent url(/plugins/AAPICommons20/ApplicationIntro/temsa_logo_popup.svg) 0% 0% no-repeat padding-box;
    background-position-y: center;
    outline: none;
    border: none;
}

.titleText {     
    position: relative;
    top: 5px;
    width: 50%;
    height: 100%;
    text-align: left;
    font: normal normal normal 14px/19px Segoe UI;
    letter-spacing: 0px;
    color: #666666;
    opacity: 1;
}

.KVKKTitleText {
    position: relative;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 100%;
    text-align: left;
    font: normal normal normal 18px/19px Segoe UI;
    letter-spacing: 0px;
    color: #666666;
    opacity: 1;
}

.closeConsentTextButton {
    position: relative;
    left: 23px;
    top: -10px;    
    width: 8%;
    cursor: pointer;
    margin-left: 50px;
}

.announcementRow .rejectSelectBox {
    top: 15px;
    float: right;
    position: relative;
    cursor: pointer;
}

.announcementRow .approveSelectBox {
    top: 15px;
    position: relative;
    float: left;
    left: 250px;
}

.consentTextMessage {
    float: left;
    margin-bottom: 5px;
    color: black;
    height: 88%;
    width: 100%;
    font: normal normal normal 12px/10px Segoe UI;
    letter-spacing: 0px;
}

.consentTextMessageSub
{
    width:98%;
}


.applicationIntroContainer .applicationIntroBorder {
    border-width: 0.5px;
    border-color: #DFDBD8;
    border-style: solid;
    margin-top: 10px;
}


.applicationIntroContainer .applicationIntroLogo {
    background: url(/plugins/AAPICommons20/ApplicationIntro/arvento_web4_logo.png);
    width: 183px;
    height: 55px;
}

.applicationIntroContainer .applicationIntroContentTopTitle {
    font-size: 36px;
    text-align: center;
    font-family: 'Segoe UI';
    font-weight: bold;
    margin-top: 20px;
    color: #495967;
}

.applicationIntroContainer .applicationIntroContentTopDescription {
    font-size: 36px;
    text-align: center;
    font-family: 'Segoe UI';
    font-weight: bold;
    color: #495967;
}

.applicationIntroContainer .applicationIntroFooter {
    margin-top: 20px;
}

.applicationIntroContainer .applicationIntroFooterLeft {
    float: left;
    width: 179px;
    margin-right: 45px;
    /*width: calc(30%);*/
}

.applicationIntroContainer .applicationIntroFooterCenter {
    float: left;
    width: 179px;
    /*width: calc(30%);*/
}

.applicationIntroContainer .applicationIntroFooterRight {
    float: right;
    width: 179px;
    /*width: calc(30%);*/
}

.applicationIntroContainer .applicationIntroFooterLeftIcon {
    background: url(/plugins/AAPICommons20/ApplicationIntro/streetview_pop-up_icon.png);
    width: 52px;
    height: 47px;
    margin-left: 35%;
}

.applicationIntroContainer .applicationIntroFooterCenterIcon {
    background: url(/plugins/AAPICommons20/ApplicationIntro/dirver_pop-up_icon.png);
    width: 56px;
    height: 54px;
    margin-left: 35%;
}

.applicationIntroContainer .applicationIntroFooterRightIcon {
    background: url(/plugins/AAPICommons20/ApplicationIntro/screen_pop-up_icon.png);
    width: 48px;
    height: 47px;
    margin-left: 35%;
}

.applicationIntroContainer .applicationIntroFooterLeftTitle {
    font-size: 16px;
    text-align: center;
    font-family: 'Segoe UI';
    color: #495967;
    font-weight: bold;
    margin-top: 15px;
}

.applicationIntroContainer .applicationIntroFooterCenterTitle {
    font-size: 16px;
    text-align: center;
    font-family: 'Segoe UI';
    color: #495967;
    font-weight: bold;
    margin-top: 8px;
}

.applicationIntroContainer .applicationIntroFooterRightTitle {
    font-size: 16px;
    text-align: center;
    font-family: 'Segoe UI';
    color: #495967;
    font-weight: bold;
    margin-top: 15px;
}

.applicationIntroContainer .applicationIntroFooterDontShowAgain {
    font-size: 14px;
    text-align: left;
    font-family: 'Segoe UI';
    color: #333333;
    margin-right: 125px;
    margin-left: -20px;
    vertical-align: sub
}

.applicationIntroContainer .applicationIntroFooterMoreButton {
    font-size: 14px;
    text-align: center;
    background-color: #F64C00;
    color: white;
    cursor: pointer;
}

.crmPopup .dx-popup-content {
    padding: 0px;
}
.CustomsInformationMessage_Form {
    width: 60%;
    padding: 5px 35px 5px 5px;
    height: 100%;
    margin-left: 10px;
}
.Customs_Form_Line {
    float: left;
    width: 90%;
}
.Customs_Label {
    float: left;
    width: 40%;
    height: 100%;
    line-height: 50px;
}
.CustomsAnnouncement_Box_Element {
    float: right;
    width: 90%;
    height: 300px;
}
.CustomsAnnouncementMessage_Buttons {
    width: 100%;
    margin-top: 15px;
    float: left;
    margin-left:70%
}
.CustomsCheckAnnouncementMessage_Buttons {
    width: 100%;
    margin-top: 15px;
    float: right;    
}
.CustomsAnnouncementMessage_Textbox_Description {
    height: 300px;
    width: 600px;
    overflow: hidden;
    resize: none;
}
.applicationCustomsAnnouncement .customsCloseButton {
    float: right;
    cursor: pointer;
}

.dx-popup-title {
    font-weight: bold; 
    font-size: 16px; 
}

.KVKK_Info_Label {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 25px;
}

.divider {
    border: none;
    border-top: 1px solid #ccc;
    margin: 10px 0;
    margin-left: -21px;
    width: 110%;
}

.KVKKApprovalMessage_Bottom {
    position: relative;
    top: 40px;
}

.KVKKDividerHeader {
    border-bottom: 1px inset black;
    margin: 0 auto;
    position:relative;
    top:20px;
}

.KVKKApprovalMessage_Top {
    position: relative;
    top:0px;
    overflow-x: scroll;
}


.closeKVKKTextButton {
    position: absolute ;
    top: -15px;
    left:390px;
}

.KVKKApprovalTitle {
    position: relative;
    width: 94%;
    height: 4%;
    top: 0px;
    -webkit-text-stroke: medium;
}

.KVKK_Textbox {
    width: 100%;
    padding: 8px;
    margin: 5px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.KVKK_Form_Line {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.KVKKApprovalMessage_Buttons {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 20px;
    height: 38px;
}

.KVKKApprovalMessage_Button_Cancel,
.KVKKApprovalMessageSave_Button_Active,
.KVKKApprovalMessageConfirm_Button {
    border-radius: 6px;
    border: 1px solid #cfcfcf;
    cursor: pointer;
    font-size: 14px;
}

.KVKKApprovalMessageSave_Button_Active,
.KVKKApprovalMessageConfirm_Button {
    background-color: #79b110;
    color: white;
}

    .KVKKApprovalMessageSave_Button_Active:hover,
    .KVKKApprovalMessageConfirm_Button:hover {
        background-color: #c0dc84;
    }

    .KVKKApprovalMessageSave_Button_Active:disabled {
        background-color: #cfcfcf;
        color: #888;
        cursor: not-allowed;
    }

.KVKKApprovalMessage_Button_Cancel {
    background-color: white;
    color: #333;
}

    .KVKKApprovalMessage_Button_Cancel:hover {
        background-color: #f5f5f5;
    }

.KVKK_Checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    border-radius: 4px;
    appearance: none;
    outline: none;
    cursor: pointer;
    background-color: #fff;
    display: inline-block;
    margin-right: 8px;
    position: relative;
}

    .KVKK_Checkbox:checked {
        background-color: #fff;
        border-color: #aaa;
    }

        .KVKK_Checkbox:checked::after {
            content: '';
            position: absolute;
            width: 10px;
            height: 5px;
            border: 1px solid #337ab7;
            border-width: 0 0 2px 2px;
            transform: rotate(-45deg);
            top: 5px;
            left: 4px;
        }

.KVKK_Checkboxes {
    margin-top: 15px;
}

.etk-kvkk-link {
    color: #337ab7;
    text-decoration: none;
}

    .etk-kvkk-link:hover {
        text-decoration: underline;
    }

.popup-back-button-title {
    position: absolute; 
    top: -15px; 
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    cursor: pointer;    
    display: none;
    align-items: center;
    justify-content: center;
}

.popup-back-button-title::before {
    content: '\2190';
    font-size: 32px;
    color: #4a4a4a;
    transition: color 0.3s ease, transform 0.3s ease;
}

.popup-back-button-title:hover::before {
    color: #333;
    transform: scale(1.3);
}

.popup-content {
    position: relative; 
    max-height: 420px;
    padding-right: 10px;
    box-sizing: border-box;
    word-wrap: break-word;
    white-space: normal;
}

.error-message {
    color: red;
    font-size: 0.9rem;
    display: none;
}

.input-error {
    border: 2px solid red;
    color: red;
}

    .input-error::placeholder {
        color: red;
        font-style: italic;
    }

.countdown-timer-container {
    position: relative;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.countdown-svg {
    transform: rotate(-90deg);
}

.countdown-bg {
    fill: none;
    stroke: #e0e0e0;
    stroke-width: 10;
}

.countdown-fg {
    fill: none;
    stroke: #8cb6e8;
    stroke-width: 10;
    stroke-dasharray: 339.29;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s linear;
}

.countdown-number {
    position: absolute;
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    text-align: center;
}

.enter-code-container {
    margin-top: 15px;
    text-align: center;
}

.enter-code-text {
    font-size: 1rem;
    color: #333;
    margin-bottom: 10px;
}

.code-input-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-left: 127px;
}

.code-input {
    width: 150px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;
    text-align: center;
    box-sizing: border-box;
}

.new-code-link {
    font-size: 1rem;
    color: #337ab7;
    text-decoration: none;
    cursor: pointer;
}

    .new-code-link:hover {
        text-decoration: underline;
    }

.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.countdown-timer-container.blur {
    filter: blur(1px);
    position: relative;
}

.warning-label {
    position: absolute;
    top: 74%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #e10404;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 5px;
    display: none;
    text-align: center;
    z-index: 10;
}

.warning-description {
    margin-top: 5px;
    font-size: 0.9rem;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.4;
}
.ApplicationLanguage 				{}
.ApplicationLanguages				{ float: left; }
.ApplicationLanguages .dx-list-item	{ border: 0; }

.languageItemElementIcon {
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 3px;
}
.languageItemElement
{
    float:left;
    height:30px;
    width: 100%;
}
/*
.ApplicationHelpMenuPopupItemRightIcon {
    float: left;
    width: 20px;
    height: 100%;
    background: transparent url(/plugins/AAPICommons20/ApplicationLanguage/right.svg) center no-repeat padding-box;
}*/
.ApplicationLogoDisplayer { /*width ve top de�i�ti*/
    float: left;
    width: 88px;
    height: 28px;
    margin-top: 11px;
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
}

.ApplicationLogoDisplayer[mapType="arvento"] {
    background-image: url(/plugins/AAPICommons20/ApplicationLogo/arvento_logo.svg);
}

.ApplicationLogoDisplayer[mapType="satellite"] {
    background-image: url(/plugins/AAPICommons20/ApplicationLogo/white.png);
}

.ApplicationLogoff {}


.doubleLoginScreen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20000;
    background-color: rgba(62, 82, 103, 0.75);
}


.doubleLoginScreenContainer {
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    padding-top: 140px;
    height: 150px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXIAAACWCAYAAADDhgMpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjIxQzQyMzE2QjgzMTFFN0I0MkFCODcwNjhBQTE4MEYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjIxQzQyMzA2QjgzMTFFN0I0MkFCODcwNjhBQTE4MEYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkMDcxY2RiMC1iMzc2LTExN2EtYTc4ZC1lMGQ4ZmFjYWQ2YzIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkMDcxY2RiMC1iMzc2LTExN2EtYTc4ZC1lMGQ4ZmFjYWQ2YzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+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) no-repeat;
}

.doubleLoginScreenRow {
    float: left;
    width: 175px;
    padding-left: 225px;
}

    .doubleLoginScreenRow .warning {
        float: left;
        width: 175px;
        height: 40px;
        color: white;
    }

.doubleLoginScreenRow {
    float: left;
    width: 175px;
    padding-left: 225px;
}

    .doubleLoginScreenRow .timer {
        float: left;
        width: 175px;
        height: 30px;
        color: white;
    }

.doubleLoginScreenRow {
    float: left;
    width: 175px;
    padding-left: 225px;
}

    .doubleLoginScreenRow .login {
        float: right;
        margin-right: 35px;
        color: #3e5267;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 11pt;
        font-weight: bold;
        text-align: center;
        width: 147px;
        height: 36px;
    }
.ApplicationRightMenuPopupItemIcon[icon="logoff"] {
    background: transparent url(/plugins/AAPICommons20/ApplicationLogoff/logoff.svg) 0% 0% no-repeat padding-box;
}
.ApplicationRightMenu {
    width: 30px;
    height: 50px;
    position: relative;
    cursor: pointer;
    position: relative;
    background: transparent url(/plugins/AAPICommons20/ApplicationRightMenu/user_connected.svg) center no-repeat padding-box;
    /*margin-top: 16px;*/
    float: right;
    margin-right: 15px;
    margin-left: 10px;
}

    .ApplicationRightMenu[status="online"] {
        background: transparent url(/plugins/AAPICommons20/ApplicationRightMenu/user_connected.svg) center no-repeat padding-box;
    }

    .ApplicationRightMenu[status="offline"] {
        background: center  no-repeat 0 0 url(/plugins/AAPICommons20/ApplicationRightMenu/user_unconnected.svg);
    }

    .ApplicationRightMenu[status="error"] {
        background: transparent url(/plugins/AAPICommons20/ApplicationRightMenu/user_warning.svg) center no-repeat padding-box;
    }

.ApplicationRightMenuPopup {
    width               : calc(100% + 40px);
    height              : 199px;
    margin              : -15px -20px 0 -20px;
    padding             : 0;
    border              : none;
    position            : relative;
    box-sizing          : border-box;
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
}

.ApplicationRightMenuPopupItem {
    width               : 100%;
    height              : 36px;
    line-height         : 36px;
    padding             : 0 20px 0 20px;
    border              : none;
    position            : relative;
    box-sizing          : border-box;
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
    cursor              : pointer;
}

.ApplicationRightMenuPopupItem:hover {
    background-color    : aliceblue;
}

.ApplicationRightMenuPopupItemTitle {
    height              : 100%;
    max-width           : 100%;
    min-width           : calc(100% - 50px);
    float               : left;
    margin              : 0;
    padding             : 0;
    border              : none;
    position            : relative;
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
    box-sizing          : border-box;
    overflow            : auto;
}

.ApplicationRightMenuPopupItemAction {
    height              : 100%;
    width               : 50px;
    float               : left;
    margin              : 0;
    padding             : 0;
    border              : none;
    position            : relative;
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
    box-sizing          : border-box;
}
.ApplicationRightMenuBadgeWrapper
{
    float               : right;
    width               : 100%;
    height              : 13px;
    margin-right        : -6px;
    margin-top          : 10px;
}
.ApplicationRightMenuBadge
{
    float               : right;
    width               : 13px;
    height              : 100%;
    margin-left         : 2px;
    background          : no-repeat 0 0 url(/plugins/AAPICommons20/ApplicationRightMenu/badge.png);
}

.licenseWarningDialog {
    width: 353px !important;
    height: 100px !important;
    background: #D14D4D 0% 0% no-repeat padding-box !important;
    border: none !important;
}

    .licenseWarningDialog > .dx-popover-arrow:after {
        background-color: #D14D4D !important;
        border: 1px solid #D14D4D;
    }

.licenseWarningDialogContent {
    padding: 0 !important;
    border-radius: 5px;
}

.licenseWarningBody {
    width: 100%;
    height: 100%;
}

.licenseWarningLeft {
    float: left;
    width: 71px;
    height: 100%;
    background: #B92C2C 0% 0% no-repeat padding-box;
    border-radius: 5px 0px 0px 5px;
    opacity: 1;
    background-image: url(/plugins/AAPICommons20/ApplicationRightMenu/warning_icon.png);
    background-repeat: no-repeat;
    background-position-x: 20px;
    background-position-y: 35px;
}

.licenseWarningRight {
    width: 282px;
    height: 100%;
    background: #D14D4D 0% 0% no-repeat padding-box;
    opacity: 1;
    float: left;
}

.licenseWarningCount {
    text-align: left;
    font: Bold 40px/53px Segoe UI;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.licenseWarningText {
    text-align: left;
    font: Bold 14px/16px Segoe UI;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    float: left;
}

.licenseWarningBottomText {
    text-align: left;
    font: Italic 14px/16px Segoe UI;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    float: left;
}

.licenseWarningBottomText:hover {
    cursor: pointer;
}


.licenseWarningTextPart {
    width: 160px;
    float: left;
    margin-top: 30px;
    margin-bottom: 20px;
}

.warningMenuItem {
    background-image: radial-gradient(circle at center, #D93F11 5px, transparent 5px);
    background-size: 20px 20px;
    background-position: top left, bottom left;
    background-repeat: no-repeat;
}


.ApplicationRightMenuPopupItemIcon {
    position: relative;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.ApplicationRightMenuPopupItem:last-of-type {
    border-top: 1px solid #DDDDDD;
    height : 37px;
}

.ApplicationSubscription                    { float: right; width: 33px; height: 33px; cursor: pointer;}
.ApplicationSubscription[hidden]            { display: none;}
.subscriptionPopupContent {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.subscriptionPassiveRow {
    color: #949494;
}
.subscriptionGrid {
    width: 100%;
    height: 500px;
    float: left;
    border-top: 1px solid #DDDDDD;
}
.subscriptionHeader {
    height: 70px;
    width: 100%;
}
.subscriptionBlock {
    float: left;
    width: 256px;
    padding: 10px 0px 0px 55px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    height: 100%;
    border-right: 1px solid #DDDDDD;
    margin-right: 20px;
}

.subscriptionBlock:hover {
    cursor: default
}

.subscriptionBlock[TotalDevices] {
    background: url(/plugins/AAPICommons20/ApplicationSubscription/all_devices_icon.png) no-repeat 0 8px;
}

.subscriptionBlock[WarningDevices] {
    background: url(/plugins/AAPICommons20/ApplicationSubscription/licance_end_icon.png) no-repeat 0 8px;
}

.subscriptionCount {
    text-align: left;
    font: Bold 30px/20px Segoe UI;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
}

.subscriptionText {
    text-align: left;
    font: 11px/35px Segoe UI;
    letter-spacing: 0;
    color: #8F8F8F;
    opacity: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.subscriptionCustomerBlock {
    float: left;
    width: 256px;
    padding: 10px 0px 0px 55px;
    cursor: pointer;
    overflow: hidden;
    background: url(/plugins/AAPICommons20/ApplicationSubscription/customer_icon.png) no-repeat 0 8px;
    text-align: left;
    font: 12px/21px Segoe UI;
    color: #333333;
    opacity: 1;
    height: 100%;
}

.subscriptionCustomerBlock:hover {
        cursor: default
    }

.divFilterSelectbox {
    float: left;
    width: 28%;
    margin-top: 15px;
    margin-bottom: 10px;
}

.divLicenseUploadButton, .divLicenseUploadButton:hover {
    float: right;
    background: #46A046 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 184px;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    text-align: center;
    font: normal 14px/10px Segoe UI;
    letter-spacing: -0.28px;
    color: #FFFFFF;
}

.divLicenseUploadButton.dx-button-mode-contained.dx-state-focused {
    background: #46A046 0% 0% no-repeat padding-box;
    border-color: #ddd;
}

.licenseFileUploadDiv {
    border: 1px dashed #707070;
    opacity: 1;
    height: 390px;
}

.licenseFileUploadDiv .dx-fileuploader-content {
    display: table-cell;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.licenseFileUploadDiv .dx-fileuploader-input-wrapper {
    text-align: center;
}

.licenseFileUploadDiv .dx-fileuploader-input-container {
    padding-left: 200px;
}

.licenseFileUploadDiv .dx-fileuploader-input-wrapper .dx-button {
    float: none;
}

.licenseFileUploadText {
    text-align: left;
    letter-spacing: -0.28px;
    color: #333333;
    opacity: 1;
    font: normal 14px/19px Segoe UI;
    letter-spacing: -0.28px;
    padding-bottom: 20px;
}
.fileUploadErrorMessage {
    width: 100%;
    height: 54px;
    background: #D14D4D 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: center;
    font: normal 14px/45px Segoe UI;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-bottom: -20px;
    margin-top: 15px;
}
.buttonArea {
    text-align: center;
    margin-top: 40px;
}

.licenseCompleteButton {
    margin-right: 10px;
    width: 100px;
}

.licenseCancelButton {
    margin-left: 10px;
    width: 100px;
}
.summaryValue {
    text-align: left;
    font: Bold 16px/21px Segoe UI;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    margin-left: 5px;
}
.summaryText {
    text-align: right;
    font: normal 14px/19px Segoe UI;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}
.summaryInfoText {
    text-align: left;
    font: normal 12px/16px Segoe UI;
    letter-spacing: 0px;
    color: #8F8F8F;
    opacity: 1;
}
.licenseSummaryGrid {
    width: 100%;
    height: 405px;
    float: left;
    border-top: 1px solid #DCDCDC;
    margin-top: 25px;
    margin-bottom: 15px;
}
.licenseConfirmationMessageDiv {
    height: 465px;
    text-align: center;
    font: normal 16px/21px Segoe UI;
    letter-spacing: -0.32px;
    color: #333333;
    position: relative;
    text-align: center;
}
.licenseConfirmationMessageText {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -9px;
}
.confirmationDeviceCount {
    text-align: center;
    font: Bold 16px/21px Segoe UI;
    letter-spacing: -0.32px;
    color: #333333;
}
.licenseResultDiv {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin-top: -9px;
}
.licenseResultImage {
    background: transparent url(/plugins/AAPICommons20/ApplicationSubscription/check_icon.svg) no-repeat padding-box;
    height: 55px;
    background-position: center;
}

.licenseResultImage[error] {
    background: transparent url(/plugins/AAPICommons20/ApplicationSubscription/error.svg) no-repeat padding-box;
    height: 70px;
    background-position: center;
}

.licenseResultText {
    text-align: center;
    font: normal 16px/21px Segoe UI;
    letter-spacing: -0.32px;
    color: #333333;
    opacity: 1;
    margin-top: 30px;
}
.ApplicationRightMenuPopupItemIcon[icon="subscription"] {
    background: transparent url(/plugins/AAPICommons20/ApplicationSubscription/subscription.svg) 0% 0% no-repeat padding-box;
}
/*
    FATIH
.ApplicationVersion { float: right; width: 33px; height: 33px; background: url(/plugins/AAPICommons20/ApplicationVersion/notification-icons.png) -230px center no-repeat;  cursor: pointer;}
.ApplicationVersion[seen] {background: url(/plugins/AAPICommons20/ApplicationVersion/notification-icons.png) -197px center no-repeat;}
.ApplicationVersionBody .dx-list-item	{ border: 0; }

*/

.versionScrollView li{
    list-style-position: inside;
}
.ApplicationRightMenuPopupItemIcon[icon="version"] {
    background: transparent url(/plugins/AAPICommons20/ApplicationVersion/version.svg) 0% 0% no-repeat padding-box;
}
.ApplicationVideoTutorialBody                                       { float: left; width: 980px; height: 615px; border-top-left-radius: 8px; border-top-right-radius: 8px; margin-top: -20px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute}
.ApplicationVideoTutorialContainer                                  { float: left; width: 100%; height: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.ApplicationVideoTutorialLeftContainer                              { float: left; width: 730px; height: 615px; border-bottom-left-radius: 8px; border-top-left-radius: 8px; }
.ApplicationVideoTutorialHeader                                     { float: left; width:100%; height: 75px; background-color:#FFFFFF; border-top-left-radius: 8px;}
.ApplicationVideoTutorialHeaderLogo                                 { float: left; width:32px; height: 33px; margin-left:15px; margin-top:27px; background: url(/plugins/AAPICommons20/ApplicationVideoTutorial/videotutoriallogo.png) 0 0 no-repeat;}
.ApplicationVideoTutorialHeaderText                                 { width:100%; height: 75px; margin-left:54px; margin-top:27px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:20px; font-weight:700; color:#475867; }
.ApplicationVideoTutorialGallery                                    { float: left; width:680px; height: 382.5px; background-color:#FFFFFF; padding:15px;}
.ApplicationVideoTutorialInfoBox                                    { float: left; width: 100%; height: 157.5px; border-bottom-left-radius: 8px; }
.ApplicationVideoTutorialInfoTitle                                  { float: left; width: 100%; height: 40px; background-color:#FFFFFF; padding-left:25px; padding-top:15px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:18px; font-weight:600; color:#333333;}
.ApplicationVideoTutorialInfo                                       { float: left; width: 100%; height: 117.5px; background-color:#FFFFFF; border-bottom-left-radius: 8px; padding-bottom:8px; padding-left: 10px; }
.ApplicationVideoTutorialInfoText                                   { float: left; width: 100%; height: 100%; background-color:#FFFFFF; border-bottom-left-radius: 8px; padding-bottom:10px; padding-left:15px; padding-right:10px; padding-top:3px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:14px; font-weight:normal; color:#333333; }
.ApplicationVideoTutorialRightContainer                             { float: right; width: 250px; height: 615px; background-color:#EEEEEE; border-bottom-right-radius: 8px; border-top-right-radius: 8px; padding-top:90px; padding-bottom:10px;}
.ApplicationVideoTutorialVideoList                                  { float:left; background-color:#EEEEEE; width: 250px; height: 525px; }
.ApplicationVideoTutorialVideoListButtons .dx-button                {-moz-border-radius: 0px;-ms-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;-moz-box-shadow: 0 0px 0px transparent;box-shadow: 0 0px 0px transparent;border-left-width: 0px;border-right-width: 0px;border-top-width: 1px;border-bottom-width: 0px;border-style: solid;background-color:#EEEEEE;border-color: #FFFFFF;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:12px;font-weight:normal;color:#333333}
.ApplicationVideoTutorialVideoListButtons .dx-button:hover          {-moz-border-radius: 0px;-ms-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;-moz-box-shadow: 0 0px 0px transparent;box-shadow: 0 0px 0px transparent;border-left-width: 0px;border-right-width: 0px;border-top-width: 1px;border-bottom-width: 0px;border-style: solid;background-color:#EEEEEE;border-color: #DDDDDD}
.ApplicationVideoTutorialVideoListButtons > .dx-button[selected]    {-moz-border-radius: 0px;-ms-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;-moz-box-shadow: 0 0px 0px transparent;box-shadow: 0 0px 0px transparent;border-left-width: 0px;border-right-width: 0px;border-top-width: 1px;border-bottom-width: 0px;border-style: solid;background-color:#EEEEEE;border-color: #FFFFFF;background-image: url(/plugins/AAPICommons20/ApplicationVideoTutorial/videotutorialactivelogo.png);background-repeat:no-repeat;background-position:left;background-size:5% 40%;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:12px;font-weight:700;color:#333333}
.ApplicationHelpMenuPopupItemIcon[icon="videoTutorial"]                                   { background: transparent url(/plugins/AAPICommons20/ApplicationVideoTutorial/help_video_icon.svg) 0% 0% no-repeat padding-box; }

.ApplicationWhatsNew                            { /*position: absolute; width: 50px; height: 50px; right: 0; margin-right: -4px; z-index:2000; background: url(/plugins/AAPICommons20/ApplicationWhatsNew/whatsnew.png) center center no-repeat;  cursor: pointer;*/}
.ApplicationWhatsNew[open="true"]               { /*background-image: url(/plugins/AAPICommons20/ApplicationWhatsNew/close.png);*/ }
.ApplicationWhatsNewBody	                    { float: left; width: 550px; height: 590px; margin-left: -17px; margin-top: -20px; position: absolute}
.ApplicationWhatsNewContainer                   { float: left; width: 550px; height: 490px; margin-left: 0px; margin-top:-2px; }
.ApplicationWhatsNewGallery                     { width: 100%; max-width: 550px; height: 350px;}

.ApplicationWhatsNewGallery
.dx-gallery-indicator-item-selected             { background-color: #3e5267; }
.ApplicationWhatsNewInfoBox                     {float: left; width: 99%; margin-top:-4px; margin-left:6px; height: 190px; background-color: #3F7A8E; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.ApplicationWhatsNewInfoTitle                   { width: 100%; height: 74px; background-color: rgba(0,0,0,0.3); }
.ApplicationWhatsNewInfoTitleText               { float: left; width: calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); height: 50px; margin: 10px 0px 12px 20px; color: #ffffff; font-size: 20px; display: flex; align-items: center;}
.ApplicationWhatsNewInfo                        { float: left; width: calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); height: calc(100% - 140px); height: -moz-calc(100% - 140px); height: -webkit-calc(100% - 140px); margin: 20px 0px 0px 20px;}
.ApplicationWhatsNewInfoText                    { width: 100%; height: 100%; color: #ffffff; font-size: 14px;}
.ApplicationWhatsNewInfo 
.dx-scrollable-scroll-content,
.ApplicationWhatsNewInfo 
.dx-scrollbar-hoverable .dx-scrollable-scrollbar-active .dx-scrollable-scroll-content { background-color : rgba(255,255,255,0.3) !important;}
.ApplicationWhatsNewInfo .dx-scrollable-wrapper { height: 66px; }

.dx-popover-arrow { right: -9px; }

.ApplicationWhatsNewGallery .dx-gallery-item-image { border-top-left-radius: 31px; border-top-right-radius: 20px; }
.ApplicationHelpMenuPopupItemIcon[icon="whatsNew"] { background: transparent url(/plugins/AAPICommons20/ApplicationWhatsNew/help_new_icon.svg) 0% 0% no-repeat padding-box; }
/*.ApplicationWhatsNewButtonContainer {
    padding-left: 5px;
    position: relative;
    width: 550px;
    margin-top: 535px;
}
.ApplicationWhatsNewButton                      { width: 49%; color: white; background-color: #2B3946; margin: 0 !important; border: none;}
.ApplicationWhatsNewButton[news]                { float: left;  }
.ApplicationWhatsNewButton[help]                { float: right; width: 99.8%; }
.ApplicationWhatsNewButtonContainer> .dx-state-active     { color: #FFFFFF; background-color: #2B3946;}*/




.jetlinkWidgetFrame {
    display: inherit !important;
    position: absolute !important;
    left: 0px !important;
    bottom: 0px !important;
    width: 63px;
    height: 63px;
    max-height: 880px;
    z-index: 1500 !important;
    bottom: 0px !important;
    float: right !important;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.Configuration .dx-popup-wrapper > .dx-overlay-content { width: 500px; height: 300px; }
.ConfigurationPopup .dx-field-item-label-text { font-weight: bold; }
.ConfigurationGrid .dx-datagrid-table { border-collapse: separate; /*border-spacing  : 0 10px;*/ border: none; }
.ConfigurationGrid .dx-datagrid-table > tbody,
.ConfigurationGrid .dx-datagrid-rowsview,
.ConfigurationGrid .dx-row .dx-data-row .dx-selection,
.ConfigurationGrid .dx-datagrid-rowsview .dx-row,
.ConfigurationGrid .dx-command-select .dx-editor-cell .dx-editor-inline-block .dx-cell-focus-disabled,
.ConfigurationGrid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td, .ConfigurationGrid .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td,
.ConfigurationGrid .dx-row .dx-data-row .dx-selection > td {
    border: none;
}
.ConfigurationGrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select { width: 45px !important; min-width: 45px !important; }
.ConfigurationGrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select > div { float: right; margin-right: 5px; }
.ConfigurationGrid .dx-selection > td { background-color: transparent !important; }
.ConfigurationContainer td { padding: 0 !important; } 
.ConfigurationContainer .groupRow { float: left; width: 100%; height: 100%; color: #ef9700; padding: 7px 0; }
.ConfigurationContainer .dataRow { float: left; width: 100%; white-space: normal; cursor: pointer; padding: 7px 0; }
.ConfigurationContainer .dataRow .name { float: left; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); padding-left: 5px; }
.ConfigurationContainer .dataRow .deleteButton { float: left; width: 20px; height: 20px; margin-top: 2px;         background: url(/plugins/AAPICommons20/Configuration/delete.png) no-repeat 2px 2px; background-size: 16px 16px; }
.ConfigurationContainer .dataRow .deleteButton[d0] { display: none; }
.ConfigurationContainer .dataRow[d0] { color: #aaa; } 
.ConfigurationContainer .OperationButton { width: 140px; }
.ConfigurationContainer .groupRow .name { float: left; width: calc(100% - 156px);
    width: -moz-calc(100% - 156px);
    width: -webkit-calc(100% - 156px);
    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 5px;
}

.ConfigurationFilterEditor {
    width: 100%;
    height: 100%;
}

    .ConfigurationFilterEditor .dx-button {
        float: right;
    }

    .ConfigurationFilterEditor .dx-list-item {
        border: none;
    }

.ConfigurationEditor .dx-button {
    float: right !important;
}

.ConfigurationEditor .confNameListButton {
    font-size: 14px;
    line-height: 30px;
    margin-right: 10px;
    height: 100%;
    cursor: pointer;
    color: #337AB7;
    float: left;
}

.ConfigurationContainer .dx-command-expand {
    width: 0 !important;
    min-width: 0 !important;
}

.ConfigurationContainer .dx-row.dx-group-row td {
    border: none !important;
}

.ConfigurationContainer .dx-datagrid-rowsview .dx-row {
    border: none !important;
}
.ConfigurationEditor .dx-field-item-label-text {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #333;
}

.ConfigurationEditor .InfoIcon{
    float: left;
    height: 30px;
    width: 50px;
    margin-top: 7px;
    background: url(/themes/images/info.svg) no-repeat;
}

.ConfigurationEditor .NumberBox {
    width: 70px;
    margin-left: 49px;
    margin-top: 5px;
}

.ConfigurationEditor .toolTipInfo
{
    box-sizing: border-box;
}

.ConfigurationEditor .camera-group .dx-field-item-label{
    padding-right: 60px;
}

 
.CrewNameLabel {
    float: left;
    width: 25%;
    font-weight: bold;
}
.CrewNameText {
    float: left;
    width: 74%;
    margin-bottom: 10px;
}
.CrewNotesLabel {
    float: left;
    width: 25%;
    font-weight: bold;
}
.CrewNotesText {
    float: left;
    width: 74%;
}
.CrewSaveButton {
    float: right;
    margin-left: 10px;
    margin-top: 20px;
    margin-right: 8px;
}
.CrewCancelButton {
    float: right;
    margin-top:20px;
}

.CrewInfo .dx-popup-wrapper > .dx-overlay-content {
    width: 500px;
    height: 300px;
}

.CrewInfoPopup .dx-field-item-label-text{
    font-weight: bold ;
}
 
 
.CrewNameLabel {
    float: left;
    width: 25%;
    font-weight: bold;
}
.CrewNameText {
    float: left;
    width: 74%;
    margin-bottom: 10px;
}
.CrewNotesLabel {
    float: left;
    width: 25%;
    font-weight: bold;
}
.CrewNotesText {
    float: left;
    width: 74%;
}
.CrewSaveButton {
    float: right;
    margin-left: 10px;
    margin-top: 20px;
    margin-right: 8px;
}
.CrewCancelButton {
    float: right;
    margin-top:20px;
}

.CrewInfo .dx-popup-wrapper > .dx-overlay-content {
    width: 500px;
    height: 300px;
}

.CrewInfoPopup .dx-field-item-label-text{
    font-weight: bold ;
}
 
.CurrentUser { float:right; height: 33px; line-height: 33px; text-align: right; color: #FFFFFF;}
/* Style Definitions */
.CustomsLetterOfUndertakingPopupContentSection .MsoNormalImg {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.CustomsLetterOfUndertakingPopupContentSection p.MsoNormal, li.MsoNormal, div.MsoNormal {
    mso-style-unhide: no;
    mso-style-qformat: yes;
    mso-style-parent: "";
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 10.0pt;
    margin-left: 0cm;
    line-height: 115%;
    mso-pagination: widow-orphan;
    font-size: 11.0pt;
    font-family: "Calibri","sans-serif";
    mso-fareast-font-family: Calibri;
    mso-bidi-font-family: "Times New Roman";
    mso-fareast-language: EN-US;
}

.CustomsLetterOfUndertakingPopupContentSection p.MsoAcetate, li.MsoAcetate, div.MsoAcetate {
    mso-style-noshow: yes;
    mso-style-priority: 99;
    mso-style-link: "Balloon Text Char";
    margin: 0cm;
    margin-bottom: .0001pt;
    mso-pagination: widow-orphan;
    font-size: 8.0pt;
    font-family: "Tahoma","sans-serif";
    mso-fareast-font-family: Calibri;
    mso-fareast-language: EN-US;
}

.CustomsLetterOfUndertakingPopupContentSection p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph {
    mso-style-priority: 34;
    mso-style-unhide: no;
    mso-style-qformat: yes;
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 10.0pt;
    margin-left: 36.0pt;
    mso-add-space: auto;
    line-height: 115%;
    mso-pagination: widow-orphan;
    font-size: 11.0pt;
    font-family: "Calibri","sans-serif";
    mso-fareast-font-family: Calibri;
    mso-bidi-font-family: "Times New Roman";
    mso-fareast-language: EN-US;
}

.CustomsLetterOfUndertakingPopupContentSection p.MsoListParagraphCxSpFirst, li.MsoListParagraphCxSpFirst, div.MsoListParagraphCxSpFirst {
    mso-style-priority: 34;
    mso-style-unhide: no;
    mso-style-qformat: yes;
    mso-style-type: export-only;
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 36.0pt;
    margin-bottom: .0001pt;
    mso-add-space: auto;
    line-height: 115%;
    mso-pagination: widow-orphan;
    font-size: 11.0pt;
    font-family: "Calibri","sans-serif";
    mso-fareast-font-family: Calibri;
    mso-bidi-font-family: "Times New Roman";
    mso-fareast-language: EN-US;
}

.CustomsLetterOfUndertakingPopupContentSection p.MsoListParagraphCxSpMiddle, li.MsoListParagraphCxSpMiddle, div.MsoListParagraphCxSpMiddle {
    mso-style-priority: 34;
    mso-style-unhide: no;
    mso-style-qformat: yes;
    mso-style-type: export-only;
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 36.0pt;
    margin-bottom: .0001pt;
    mso-add-space: auto;
    line-height: 115%;
    mso-pagination: widow-orphan;
    font-size: 11.0pt;
    font-family: "Calibri","sans-serif";
    mso-fareast-font-family: Calibri;
    mso-bidi-font-family: "Times New Roman";
    mso-fareast-language: EN-US;
}

.CustomsLetterOfUndertakingPopupContentSection p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxSpLast {
    mso-style-priority: 34;
    mso-style-unhide: no;
    mso-style-qformat: yes;
    mso-style-type: export-only;
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 10.0pt;
    margin-left: 36.0pt;
    mso-add-space: auto;
    line-height: 115%;
    mso-pagination: widow-orphan;
    font-size: 11.0pt;
    font-family: "Calibri","sans-serif";
    mso-fareast-font-family: Calibri;
    mso-bidi-font-family: "Times New Roman";
    mso-fareast-language: EN-US;
}

.CustomsLetterOfUndertakingPopupContentSection span.BalloonTextChar {
    mso-style-name: "Balloon Text Char";
    mso-style-noshow: yes;
    mso-style-priority: 99;
    mso-style-unhide: no;
    mso-style-locked: yes;
    mso-style-link: "Balloon Text";
    mso-ansi-font-size: 8.0pt;
    mso-bidi-font-size: 8.0pt;
    font-family: "Tahoma","sans-serif";
    mso-ascii-font-family: Tahoma;
    mso-hansi-font-family: Tahoma;
    mso-bidi-font-family: Tahoma;
}

.CustomsLetterOfUndertakingPopupContentSection .MsoChpDefault {
    mso-style-type: export-only;
    mso-default-props: yes;
    mso-ascii-font-family: Calibri;
    mso-fareast-font-family: Calibri;
    mso-hansi-font-family: Calibri;
}

@page CustomsLetterOfUndertakingPopupContentSection {
    size: 595.3pt 841.9pt;
    margin: 35.45pt 70.85pt 1.0cm 70.85pt;
    mso-header-margin: 35.4pt;
    mso-footer-margin: 35.4pt;
    mso-paper-source: 0;
}

div.CustomsLetterOfUndertakingPopupContentSection {
    page: CustomsLetterOfUndertakingPopupContentSection;
}

.CustomsLetterOfUndertakingPopupContentSection ol {
    margin-bottom: 0cm;
}

.CustomsLetterOfUndertakingPopupContentSection ul {
    margin-bottom: 0cm;
}

/* ------------------------------------------------------ */

.CustomsBody {
    float: left;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #ffffff;
}

.CustomsBody .CustomsContainer .ContainerBodyEditor {
    padding-left: 10px;
    padding-right: 10px;
}

.WidthTransition {
    -webkit-transition: width 0.2s linear;
    -moz-transition: width 0.2s linear;
    -o-transition: width 0.2s linear;
    transition: width 0.2s linear;
    height: 100%;
}

.HeightTransition {
    -webkit-transition: height 0.2s linear;
    -moz-transition: height 0.2s linear;
    -o-transition: height 0.2s linear;
    transition: height 0.2s linear;
}

.CustomsActivationFullHeight {
    height: 100%;
}

/* Containers */
.CustomsBody .ContainerHeader {
    float: left;
    width: 100%;
    height: 36px;
}

.CustomsBody .ContainerText {
    float: left;
    height: 36px;
    width: auto;
    font-size: 14px;
    font-weight: bold;
}

.CustomsBody .ContainerText:not([rotated]) {
    line-height: 36px;
    vertical-align: middle;
}

.CustomsBody .ContainerText[rotated] {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    margin-top: 20px;
}

.CustomsBody .ContainerTextGap {
    margin-left: 10px;
}

.CustomsContainer .ContainerHeader {
    background-color: #A9A9A9;
    color: #FFFFFF;
}

.CustomsActivationSearchContainer {
    float: right;
    min-width: 220px;
    height: 24px;
    margin-top: 6px;
    margin-right: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.CustomsActivationSearchContainer > input {
    float: left;
    height: 24px;
    width: calc(100% - 28px);
    width: -moz-calc(100% - 28px);
    width: -webkit-calc(100% - 28px);
    border: 0;
    color: #FFFFFF;
    background: none;
    margin-left: 4px;
    margin-top: -2px;
}

.CustomsActivationSearchContainer > input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.CustomsActivationSearchContainer > input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.CustomsActivationSearchContainer > input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.CustomsActivationSearchContainer > input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.CustomsActivationSearchContainer > .icon {
    float: right;
    width: 24px;
    height: 24px;
    font: 14px/1 DXIcons;
    color: rgba(255, 255, 255, 0.3);
}

.CustomsActivationSearchContainer > .icon[hasData] {
    color: #FFFFFF;
}

.CustomsActivationSearchContainer > .icon:before {
    content: "\f027";
    margin-left: 6px;
    line-height: 20px;
}

.CustomsActivationContainerSortButton, .CustomsActivationContainerFilterButton {
    float: right;
    width: auto;
    height: 24px;
    margin-right: 5px;
    margin-top: 6px;
    padding: 0 5px;
    line-height: 20px;
    cursor: pointer;
    background-color: #932424;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/*.CustomsActivation_Form {
    margin: 10px;
}*/

.CustomsActivation_Buttons {
    width: 100%;
    margin-top: 15px;
    float: left;
}

.CustomsActivation_Buttons:not(:first-of-type) {
    margin-right: calc(1% - 5px);
}

.CustomsActivation_Result_Message,
.CustomsActivation_UploadFile_Result_Message {
    color: #FF0000;
    font-style: italic;
    font-size: 13px;
}

.CustomsActivation_Form_Left {
    float: left;
    width: 59%;
    padding: 5px 35px 5px 5px;
    height: 100%;
    margin-left: 10px;
}

.Customs_Form_Line {
    float: left;
    width: 100%;
    /*height: 36px;*/
    margin-top: 10px;
    margin-bottom: 10px;
}

.Customs_Label {
    float: left;
    width: 40%;
    height: 100%;
    line-height: 36px;
}

.Customs_Label.section-20 {
    width: 20%;
}

.Customs_Element {
    float: right;
    width: 60%;
}

.Customs_Element.section-80 {
    width: 80%;
}

.Customs_Element.section-60 {
    width: 60%;
}

.Customs_Element.section-50 {
    width: 50%;
}

.Customs_Element.section-40 {
    width: 40%;
}

.Customs_Element.section-35 {
    width: 35%;
}

.Customs_Element.section-30 {
    width: 30%;
}

.Customs_Element.section-20 {
    width: 20%;
}

.Customs_Element.section-15 {
    width: 15%;
}

.Customs_Element.section-10 {
    width: 10%;
}

.CustomsActivationGrid {
    float: left;
    width: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    margin-top: 10px;
    margin-left: 10px;
}

.formRow {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    height: 50px;
}

.formRow .formLeft {
    float: left;
    width: 100%;
}

.formButtons {
    float: left;
    width: 100%;
    text-align: right;
}

.formButtons .dx-button {
    margin: 10px;
}

.CustomsActivation_Button_UploadFile_Information {
    float: left !important;
}

.CustomsActivation_UploadFile {
    float: left !important;
    margin-left: -9px !important;
}
.CustomsNewEFormMessage {
    width: 30px;
    height: 50px;
    position: relative;
    cursor: pointer;
    position: relative;
    background: transparent url(/plugins/AAPICommons20/CustomsNewEFormMessage/alarm_button_2.svg) center no-repeat padding-box;
    /*margin-top: 16px;*/
}

.deviceQRCodeMatchButton {
    float: right;
    margin-left: 10px;
    margin-top: 20px;
    margin-right: 8px;
}

.deviceQRCodeMatchCancelButton {
    float: right;
    margin-top: 20px;
}
.DeviceQRCodeMatch{
    float:left;
    width : 100%;
    height : 100%;
}
.WizardScreen .imageBoxDriver                         { float: left; width: 100%; height: 100%; background: url(/plugins/AAPICommons20/Driver/driver.png) no-repeat center center; }
.WizardScreen .driverImage                            { float: left; width: 103px; height: 103px; border: 1px solid #E3E3E3; box-sizing: border-box;}
.WizardScreen .driverImageMiddle                      { float: left; width: 100%; height: 100%; }      
.WizardScreen .lblNameSurname                         { float: left; width: 0%;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 10pt;font-weight: bold;color: #333;margin-top: 5px;} 
.WizardScreen .txtBoxNameSurname                      { float: left; width: 80%;margin-left:96px;} 
.WizardScreen .nameSurnameContainer                   { float: left; width: calc(100% - 183px);width: -webkit-calc(100% - 183px); width: -moz-calc(100% - 183px); margin-left: 10px; margin-top: 30px;} 
.WizardScreen .leftScreenTop                          { float: left; width: 100%;} 
.WizardScreen .imageBoxDriver .dx-fileuploader-button { display: none; }
.WizardScreen .imageBoxDriver .dx-fileuploader-wrapper { padding: 0 !important; }
.WizardScreen .imageBoxDriver .dx-fileuploader-input-wrapper { padding: 0 !important; height: 100%; }
.WizardScreen .imageBoxDriver .dx-fileuploader-input-container { display: block !important; text-align: center; color: #678398; }
.WizardScreen .imageBoxDriver .dx-fileuploader-input-label { margin: 220px 0 0 0; padding: 14px 9px !important; }

.WizardScreen .driverDeleteButtonTemp {
    height: 120px;
}

.WizardScreen .driverDeleteButton {
    color: #337ab7;
    padding-left: 20px;
    font-weight: bold;
    font-size: 9pt;
}

    .WizardScreen .driverDeleteButton:hover {
        color: #000000;
        cursor: pointer;
    }

.WizardScreen .driverDeleteButtonImage {
    float: right;
    /*width: 24px;
    height: 24px;*/
    /*background: url(/plugins/AAPICommons20/Driver/delete.png) no-repeat center center;*/
    margin-right: 343px;
    cursor: pointer;
}

.WizardScreen .driverDeleteButtonImageTemp {
    float: right;
    width: 40px;
    height: 24px;
}

.driver-phone-container .phoneConversationElement {
    float: left !important;
    margin-top: 0px !important;
    position: relative !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    height: 36px !important;
    line-height: 36px !important;
}

.driver-phone-container .phoneNumberCommandSelectCountry {
    float: left !important;
    width: 20% !important;
    margin-top: 18px !important;
}

.driver-phone-container .phoneNumberCommandLinePhone {
    float: right !important;
    width: 80% !important;
    margin-top: 18px !important;
}

.driver-phone-container .PhoneGroup .dx-form-group-content {
    margin-top: 6px !important;
}

.driver-phone-container .PhoneGroup .dx-form-group-content .dx-layout-manager {
    margin-top: 3px !important;
}

.driver-phone-container .PhoneGroup .dx-box-flex {
    height: 125px !important;
}

.driver-phone-container .PhoneNumberDefinition .dx-layout-manager {
    margin-top: 5px !important;
}

.driver-phone-container .PhoneNumberDefinition {
    float: left !important;
    width: 100% !important;
    height: 100% !important;
    margin-top: -25px !important;
}

.field-value {
    float: right;
}

.excelFileUploader {
    border: #d3d3d3 1px;
    border-style: solid;
    
}
.fileUploaderContainer {
    /*height: 200px;*/
    width: 100%;
}

.excelImportRules {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    height: 400px;
}


.excelImporterButtons {
    float: left;
    width: 100%;
    height: 50px;
    margin-top: 10px;
    border-bottom: #d3d3d3 1px solid;
    margin-bottom: 10px;
}

.fileUploaderContainer .excelImportFormat {
    width: 100%;
    margin: 0px;
}

.excelTemplateFileDownloadButton {
    float: left;
    width: 200px;
    margin-left: 10px;
}

.excelImporterSaveButton {
    float: right;
    width: 100px;
    margin-right: 10px;
}

.excelImporterCancelButton {
    float: right;
    width: 100px;
    margin-right: 10px;
}

.excelImporterImageBlock {
    width: 430px;
    height: 150px;
}

.RegionPlugin_MassAddUploadButton {
    position: absolute !important;
    right: 150px !important;
    top: 261px !important;
    width: 100px;
    height: 36px;
    line-height: 36px;
}

.isHeaderAllowed{
    padding-top: 5px;
}

.RegionPlugin_RegionMassMessage {
    color : red; 
}
.Favorites {
    width: 30px;
    height: 50px;
    position: relative;
    cursor: pointer;
    position: relative;
    background: transparent url(/plugins/AAPICommons20/Favorites/fav_button.svg) center no-repeat padding-box;
    /*margin-top: 16px;*/
    float: right;
    margin-left: 10px;
}

.Favorites[isActive="true" ] {
    background: transparent url(/plugins/AAPICommons20/Favorites/fav_button_2.svg) center no-repeat padding-box;
}
.favoritesButton:hover {
    cursor: pointer;
}

.favoritesActive {
    width: 306px;
    height: 125px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    opacity: 0.85;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.favoritesHeader {
    border-bottom: 1px solid #DCDCDC;
    height: 48px;
    width: 100%;
    float: left;
}

.favoritesActive .favoriteCloseIcon {
    text-align: center;
    line-height: 15px;
    float: right;
    font-size: 21px;
    padding-top: 15px;
    padding-right: 13px;
}

.favoritesActive .favoriteCloseIcon:hover {
        cursor: pointer;
    }


.favoritesTitle {
    text-align: left;
    font: normal 20px/27px Segoe UI;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    float: left;
    padding-top: 8px;
}

.favoritesTechnicalServiceItem {
    border-bottom: 1px solid #DCDCDC;
    height: 75px;
    width: 100%;
    float: left;
}
    .favoritesTechnicalServiceItem .favoritesTechnicalServiceItemIcon {
        /*background: url(/plugins/AAPICommons20/Favorites/arvento_servis01.svg) no-repeat 12px 8px;*/
        width: 75px;
        height: 75px;
        float: left;
    }
    .favoritesTechnicalServiceItem .favoritesTechnicalServiceItemTitle {
        text-align: center;
        font: normal 12px/14px Segoe UI;
        letter-spacing: 0px;
        color: #1D3A58;
        opacity: 1;
        float: left;
        margin-top: 30px;
    }
    .favoritesTechnicalServiceItem .favoritesTechnicalServiceSwitch {
        float: right;
        margin-top: 25px;
        padding-right: 13px;
        width: 65px;
    }

.technicalServicePopup, .bridgestoneServicePopup, .lassaServicePopup, .temsaServicePopup {
    position: absolute;
    background-color: transparent;
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    padding: 0 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0 !important;
    bottom: 12px;
    left: -120px;
    min-width: 100% !important;
    z-index: 5000;
}

.technicalServicePopup:after, .technicalServicePopup:before {
    left: 118px !important;
}

.bridgestoneServicePopup:after, .bridgestoneServicePopup:before {
    left: 118px !important;
}
.lassaServicePopup:after, .lassaServicePopup:before {
    left: 118px !important;
}

.rotawattPopup {
    position: absolute;
    background-color: transparent;
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    padding: 0 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0 !important;
    bottom: 12px;
    left: -158px;
    min-width: 100% !important;
    z-index: 5000;
}

.rotawattPopup:after, .rotawattPopup:before {
    left: 156px !important;
}

.temsaServicePopup:after, .temsaServicePopup:before {
    left: 118px !important;
}
.divTechnicalServiceContainer, .divLassaServiceContainer, .divBridgestoneServiceContainer, .divTemsaServiceContainer {
    width: 240px;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #D6D6D6;
    opacity: 1;
    border-radius: 5px;
}

.divRotawattContainer {
    width: 312px;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #D6D6D6;
    opacity: 1;
    border-radius: 5px;
}

.divTechnicalServiceContainerGoogleApi, .divBridgestoneServiceContainerGoogleApi, .divLassaServiceContainerGoogleApi, .divRotawattContainerGoogleApi, .divTemsaServiceContainerGoogleApi {
    width: 240px;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #D6D6D6;
    opacity: 1;
    border-radius: 5px;
    left: 58px;
    top: -10px;
}

.divPoStationContainerGoogleApi {
    width: 240px;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #D6D6D6;
    opacity: 1;
    border-radius: 5px;
    left: 58px;
    top: -10px;
}

.divTechnicalServiceHeader, .divBridgestoneServiceHeader, .divLassaServiceHeader, .divTemsaServiceHeader {
    background: #004A9C 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 38px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.divRotawattHeader {
    background: #582D75 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 50px;
    width: 312px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.divBridgestoneServiceHeader {
    background: #1A1818 0% 0% no-repeat padding-box !important;
    height: 48px !important;
}
.divLassaServiceHeader {
    background: #E31B1B 0% 0% no-repeat padding-box !important;
    height: 48px !important;
}

.divTechnicalServiceLogo  {
    background: url(/plugins/AAPICommons20/Favorites/arvento_logo.svg) no-repeat 12px 10px;
    width: 100%;
    height: 100%;
}
.divTemsaServiceLogo {
    background: url(/plugins/AAPICommons20/Favorites/temsa_logo_popup.svg) no-repeat 10px 8px;
    width: 100%;
    height: 100%;
}
.divRotawattLogo {
    background: url(/plugins/AAPICommons20/Favorites/rotawatt_logo_popup.svg) no-repeat 10px 8px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 5px;
}
.divBridgestoneServiceLogo {
    background: url(/plugins/AAPICommons20/Favorites/map_icon_brisa.svg) no-repeat 0px 0px;
    width: 100%;
    height: 100%;
}
.divLassaServiceLogo {
    background: url(/plugins/AAPICommons20/Favorites/map_icon_lassa.svg) no-repeat 0px 0px;
    width: 100%;
    height: 100%;
}
.divTechnicalServiceBody, .divBridgestoneServiceBody, .divLassaServiceBody, .divTemsaServiceBody, .divRotawattBody {
    padding: 5px 12px 12px 12px;
}
.divTechnicalServiceText, .divBridgestoneServiceText, .divLassaServiceText, .divTemsaServiceText, .divRotawattText {
    text-align: left;
    font: normal 12px/18px Segoe UI;
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
}
.technicalServiceGoogleApiInfoWindow .gm-style-iw-d, .temsaServiceGoogleApiInfoWindow .gm-style-iw-d, .rotawattGoogleApiInfoWindow .gm-style-iw-d,
.bridgestoneServiceGoogleApiInfoWindow .gm-style-iw-d, .lassaServiceGoogleApiInfoWindow .gm-style-iw-d {
    overflow: hidden !important;
}
.technicalServiceGoogleApiInfoWindow .gm-style-iw-c, .temsaServiceGoogleApiInfoWindow .gm-style-iw-c, .rotawattGoogleApiInfoWindow .gm-style-iw-c,
.bridgestoneServiceGoogleApiInfoWindow .gm-style-iw-c, .lassaServiceGoogleApiInfoWindow .gm-style-iw-c {
    padding: 0 !important;
}
    .technicalServiceGoogleApiInfoWindow .gm-style-iw-c button, .temsaServiceGoogleApiInfoWindow .gm-style-iw-c button, .rotawattGoogleApiInfoWindow .gm-style-iw-c button,
    .bridgestoneServiceGoogleApiInfoWindow .gm-style-iw-c button, .lassaServiceGoogleApiInfoWindow .gm-style-iw-c button {
        display: none !important
    }
.technicalServiceGoogleApiInfoWindow .gm-style-iw-c, .temsaServiceGoogleApiInfoWindow .gm-style-iw-c, .rotawattGoogleApiInfoWindow .gm-style-iw-c,
.bridgestoneServiceGoogleApiInfoWindow .gm-style-iw-c, .lassaServiceGoogleApiInfoWindow .gm-style-iw-c {
    top: -50px;
    left: 10px;
}
.technicalServiceGoogleApiInfoWindow:after, .temsaServiceGoogleApiInfoWindow:after, .rotawattGoogleApiInfoWindow:after,
.bridgestoneServiceGoogleApiInfoWindow:after, .lassaServiceGoogleApiInfoWindow:after {
    top: -50px !important;
}


.poStationGoogleApiInfoWindow .gm-style-iw-d {
    overflow: hidden !important;
}

.poStationGoogleApiInfoWindow .gm-style-iw-c {
    padding: 0 !important;
}

    .poStationGoogleApiInfoWindow .gm-style-iw-c button {
        display: none !important
    }

.poStationGoogleApiInfoWindow .gm-style-iw-c {
    top: -50px;
    left: 10px;
}
.poStationGoogleApiInfoWindow:after {
    top: -50px !important;
}

.clusteredPoStationGoogleApiInfoWindow .gm-style-iw-d {
    overflow: hidden !important;
}


.clusteredPoStationGoogleApiInfoWindow .gm-style-iw-c {
    padding: 0 !important;
}

    .clusteredPoStationGoogleApiInfoWindow .gm-style-iw-c button {
        display: none !important
    }

.clusteredPoStationGoogleApiInfoWindow .gm-style-iw-c {
    top: -50px;
    left: 10px;
}

.gm-style-iw-t.clusteredPoStationGoogleApiInfoWindow {
    bottom: -15px !important;
}

.clusteredPoStationGoogleApiInfoWindow:after {
    top: -50px !important;
}

.poStationPopup {
    position: absolute;
    background-color: transparent;
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    padding: 0 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0 !important;
    bottom: 12px;
    min-width: 100% !important;
    z-index: 5000;
}

.poStationPopupPopup:after, .poStationPopupPopup:before {
    left: 118px !important;
}


.divPoStationContainer {
    width: 240px;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #D6D6D6;
    opacity: 1;
    border-radius: 5px;
}

.divPoStationHeader {
    background: #ED1C24 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 38px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.divPoStationLogo {
    background: url(/plugins/AAPICommons20/Favorites/po_logo.svg) no-repeat 12px 10px;
    width: 100%;
    height: 100%;
}

.divPoStationBody {
    padding: 5px 12px 12px 12px;
    height:250px;
}

.divPoStationText {
    text-align: left;
    font: normal 12px/18px Segoe UI;
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
}

    .divPoStationText[name] {
        text-align: left;
        font: bold 12px/18px Segoe UI;
        letter-spacing: 0px;
        color: #282828;
        opacity: 1;
    }

.poStationAccordion{
    width: 100%;
    height: 100%;
    float: left;
    overflow-y: auto;
}

    .poStationAccordion::-webkit-scrollbar {
        width: 5px;
    }

    .poStationAccordion::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
    }

    .poStationAccordion::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }

    .poStationAccordion .title {
        font: bold 12px Segoe UI;
        margin-block-start: 0 !important;
        margin-block-end: 0 !important;
        color: #282828
    }

    .poStationAccordion .address {
        font: 12px Segoe UI;
        margin-block-start: 0 !important;
        margin-block-end: 0 !important;
        padding-bottom: 5px;
    }

    .poStationAccordion .coordinates {
        font: 12px Segoe UI;
        margin-block-start: 0 !important;
        margin-block-end: 0 !important;
    }

    .poStationAccordion .dx-accordion-item-opened {
        border-bottom-color: #ddd !important;
        border-top-color: #ddd !important;
        border-color: transparent;
    }
.gglPoStationClusterCircle {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}
    .FavoritesMenuPopup {
        width: calc(100% + 40px);
        height: auto;
        margin: 0 -20px 0 -20px;
        padding: 0;
        border: none;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

.FavoritesMenuPopupItem {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0 20px 0 20px;
    border: none;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
}

    .FavoritesMenuPopupItem:hover {
        background-color: aliceblue;
    }

.FavoritesMenuPopupItemTitle {
    height: 100%;
    max-width: 100%;
    min-width: calc(100% - 50px);
    float: left;
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}
.FavoritesMenuPopupItemAction {
    height: 100%;
    width: 50px;
    float: left;
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.FavoriVehicles, .FavoriAddresses, .FavoriReports, .FavoriSuggestions {
    float: left;
    width: 100%;
    height: 125px;
   
}
.FavoriVehicles {
    height: 120px;
    margin-top: -15px;
}
.FavoriAddresses, .FavoriReports, .FavoriSuggestions {
    border-top: 1px solid #DDDDDD;
}

.FavoriItemTitle {
    float: left;
    width: 100%;
    height: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    font: normal normal bold 14px/20px Segoe UI;
    margin-top: 5px;
}
.FavoriItemTitle[device]{
    margin-top:0px;
}

.FavoriItemContent {
    float: left;
    width: 100%;
    height: 95px;
    margin-top: 10px;
    overflow: hidden;
}
.FavoriteItemElement{
    float: left;
    width : 95px;
    height : 100%;
    margin-top: 10px;
}
.FavoriteItemIcon {
    float: left;
    width: 46px;
    height: 46px;
    margin-left: 24px;
    cursor:pointer;
    position: relative
}


.FavoriteItemIcon[type="device"] {
    background: transparent url(/plugins/AAPICommons20/Favorites/vehicleicon.svg) 0% 0% no-repeat padding-box;
}
.FavoriteItemIcon[type="address"] {
    background: transparent url(/plugins/AAPICommons20/Favorites/addressicon.svg) 0% 0% no-repeat padding-box;
}
.FavoriteItemIcon[type="report"] {
    background: transparent url(/plugins/AAPICommons20/Favorites/reportsicon.svg) 0% 0% no-repeat padding-box;
}

.FavoriteItemIcon[technicalService] {
    background: transparent url(/plugins/AAPICommons20/Favorites/arvento_service01.svg) 0% 0% no-repeat padding-box;
    width       : 65px;
    height      : 60px;
    margin-left : 14px;
}
.FavoriteItemIcon[technicalService][isButtonActive] {
    background: transparent url(/plugins/AAPICommons20/Favorites/arvento_service02.svg) 0% 0% no-repeat padding-box;
}
.FavoriteItemIcon[petrolOffice] {
    background  : transparent url(/plugins/AAPICommons20/Favorites/po_station01.svg) 0% 0% no-repeat padding-box;
    width       : 64px;
    height      : 59px;
    margin-left : 14px;
}
.FavoriteItemIcon[petrolOffice][isButtonActive] {
    background: transparent url(/plugins/AAPICommons20/Favorites/po_station02.svg) 0% 0% no-repeat padding-box;
}
.FavoriteItemText {
    float: left;
    height: 35px;
    width: 100%;
    text-align: center;
    font: normal normal 600 12px/12px Segoe UI;
    letter-spacing: 0px;
    color: #838D95;
    opacity: 1;
    margin-top: 4px;
    display: inline-block;
    vertical-align: middle;
}
.FavoriteItemElement[petrolOffice]{
    margin-left : 10px;
}
.FavoriItemContent .FavoriteItemElementEmpty{
    width:100%;
    height : 35px;
    float :left;
}
.FavoriteItemElementEmpty[empty="report"] {
    background: transparent url(/plugins/AAPICommons20/Favorites/report_empty.svg) center no-repeat padding-box;
}
.FavoriteItemElementEmpty[empty="address"] {
    background: transparent url(/plugins/AAPICommons20/Favorites/map_empty.svg) center no-repeat padding-box;
}
.FavoriteItemElementEmpty[empty="device"] {
    background: transparent url(/plugins/AAPICommons20/Favorites/device_empty.svg) center no-repeat padding-box;
}
.FavoriteItemElementEmptyTitle {
    width: 100%;
    height: calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    float: left;
    text-align: center
}
.FavoriteItemCancelIcon {
    opacity: 1;
    background: transparent url(/plugins/AAPICommons20/Favorites/deleteIcon.svg) 0% 0% no-repeat padding-box;
    width: 24px;
    height: 24px;
    position: absolute;
    float: left;
    margin-left: 30px;
    margin-top: -10px;
}
.saveRecord {
    float: left;
    margin-right: 5px;
}
.FavoriteItemText[technicalService] {
    margin-top: 0px;
}


.FavoriteItemIcon[bridgestone] {
    background: transparent url(/plugins/AAPICommons20/Favorites/brisa.svg) 0% 0% no-repeat padding-box;
    width: 64px;
    height: 59px;
    margin-left: 14px;
}

.FavoriteItemIcon[bridgestone][isButtonActive] {
    background: transparent url(/plugins/AAPICommons20/Favorites/brisa_selected.svg) 0% 0% no-repeat padding-box;
}

.FavoriteItemIcon[lassa] {
    background: transparent url(/plugins/AAPICommons20/Favorites/lassa.svg) 0% 0% no-repeat padding-box;
    width: 64px;
    height: 59px;
    margin-left: 14px;
}

.FavoriteItemIcon[lassa][isButtonActive] {
    background: transparent url(/plugins/AAPICommons20/Favorites/lassa_selected.svg) 0% 0% no-repeat padding-box;
}

.FavoriteItemIcon[temsa] {
    background: transparent url(/plugins/AAPICommons20/Favorites/temsa.svg) 0% 0% no-repeat padding-box;
    width: 64px;
    height: 59px;
    margin-left: 14px;
}

.FavoriteItemIcon[temsa][isButtonActive] {
    background: transparent url(/plugins/AAPICommons20/Favorites/temsa_selected.svg) 0% 0% no-repeat padding-box;
}

.FavoriteItemIcon[rotawatt] {
    background: transparent url(/plugins/AAPICommons20/Favorites/rotawatt.svg) 0% 0% no-repeat padding-box;
    width: 64px;
    height: 59px;
    margin-left: 14px;
}

.FavoriteItemIcon[rotawatt][isButtonActive] {
    background: transparent url(/plugins/AAPICommons20/Favorites/rotawatt_selected.svg) 0% 0% no-repeat padding-box;
}

.divRotawattChargeType
{
    display: flex;
}

.divRotawattAcChargeType {
    display: flex;
}

.divRotawattAcIcon {
    background: transparent url(/plugins/AAPICommons20/Favorites/rotawatt_ac.svg) 0% 0% no-repeat padding-box;
    top: 457px;
    left: 490px;
    width: 60px;
    height: 34px;
    border: 1px solid #FFFFFF;
    opacity: 1;
}

.divRotawattAcText {
    top: 13px;
    position: relative;
    left: -15px;
    text-align: left;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.divRotawattDcChargeType {
    display: flex;
    position: relative;
    left: 30px;
}

.divRotawattDcIcon {
    background: transparent url(/plugins/AAPICommons20/Favorites/rotawatt_dc.svg) 0% 0% no-repeat padding-box;
    top: 451px;
    left: 639px;
    width: 50px;
    height: 40px;
    opacity: 1;
}

.divRotawattDcText {
    top: 13px;
    position: relative;
    left: -10px;    
    text-align: left;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.divRotawattChargeSeperator {    
    width: 0px;
    height: 34px;
    border: 1px solid #D1D1D1;
    opacity: 1;
    top: 4px;
    position: relative;
    left: 20px;
}

.cancelRecord {
    position: relative;
    top: -30px;
    left: 114%;
}
.editRecord {
    left: 107%;
    top: -30px;
    position: relative;
}
.saveRecord {
    top: -30px;
    left: 106%;
    position: relative;
}

.gm-style-iw-chr {
    display : none;
}

.gm-style .gm-style-iw-tc {
    top: -50px;
}
.WizardOperationBox { float: left; width: 100%; height: 100%; }

/*Vehicle Card*/
.VehicleWizard                  { float: left; width: 100%; height: 100%; }
.WizardScreen                   { float: left; width: 100%; height: 100%; }
.WizardScreen .WizardScreenScroll { float: left; width: 100%; height: calc(100% - 50px); height: -webkit-calc(100% - 50px); height: -moz-calc(100% -50px); }
.TankTypeScreen                 { float: left; width: 100%; height: 100%; }
.WizardScreen .leftScreen       { float: left; width: 37%; padding: 5px 2% 5px 5px; height: 100%; }
.WizardScreen .leftScreen .dx-field-item-label-content { max-width: 120px !important; white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; }
.WizardScreen .rightScreen      { float: left; width: 63%; padding: 5px 3px 5px 2%; height: 100%; border-left: 1px solid #ddd; }
.WizardScreen .bottomScreen     { float: left; width: calc(100%); width: -webkit-calc(100%); width: -moz-calc(100%); height: 40px; }
.WizardScreen .bottomScreen .button { float: right; margin-left: 5px; }

.WizardScreen .imageBoxLicensePlate                         { float: left; width: 100%; height: 100%; background: url(/plugins/AAPICommons20/LicensePlate/car.png) no-repeat center center; }
.WizardScreen .licensePlateImage                            { float: left; width: 103px; height: 103px; border: 1px solid #E3E3E3; box-sizing: border-box;}
.WizardScreen .licensePlateImageMiddle                      { float: left; width: 100%; height: 100%; }      
.WizardScreen .lblLicensePlate                              { float: left; width: 30%;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 10pt;font-weight: bold;color: #333;margin-top: 5px; text-overflow: ellipsis; overflow: hidden;} 
.WizardScreen .txtBoxLicensePlate                           { float: left; width: 70%;} 
.WizardScreen .licensePlateContainer                        { float: left; width: calc(100% - 168px); width: -webkit-calc(100% - 168px); width: -moz-calc(100% - 168px); margin-left: 65px; margin-top: 30px;} 
.WizardScreen .leftScreenTop                                { float: left; width: 100%;} 

.WizardScreen .window           { float: left; width: 100%; height: 100%; }
.WizardScreen .imageMiddle      { float: left; width: 60%; height: 100%; min-width: 300px; min-height: 300px; margin-left: 20%; }
.WizardScreen .imageButton      { float: left; width: 50%; height: 60px; margin: 0 25%; }
.WizardScreen .imageButton .dx-fileuploader-input-wrapper      { text-align: center; }
.WizardScreen .imageButton .dx-fileuploader-button     { float: none !important;  }
.WizardScreen .imageButton .dx-fileuploader-input-container{ display: none; }
.WizardScreen .imageBox         { float: left; width: 100%; height: 300px; background: url(/plugins/AAPICommons20/LicensePlate/car.png) no-repeat center center; }
.WizardScreen .imageBox .dx-fileuploader-button { display: none; }
.WizardScreen .imageBox .dx-fileuploader-wrapper { padding: 0 !important; }
.WizardScreen .imageBox .dx-fileuploader-input-wrapper { padding: 0 !important; height: 100%; }
.WizardScreen .imageBox .dx-fileuploader-input-container { display: block !important; text-align: center; color: #678398; }
.WizardScreen .imageBox .dx-fileuploader-input-label { margin: 220px 0 0 0; padding: 14px 9px !important; }
.WizardScreen .dx-field-item-label-text,
.TankTypeScreen .dx-field-item-label-text
{ font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:10pt; font-weight: bold; color: #333; }
.WizardScreen .dx-field-item-label-location-left,
.TankTypeScreen .dx-field-item-label-location-left
{ padding-right: 40px; }
.leftScreen div[leftForm]       { float: left; width: 100%; }
.rightScreen div[rightForm]       { float: left; width: 100%; }
.leftScreen .leftDetail         { float: left; width: 100%; height: 40px; margin-top: 40px; }
.leftDetail .detailButton       { float:left; width: 180px; margin-left: 142px; }
.leftDetail .detailText         { float:left; width: calc(100% - 142px); width: -webkit-calc(100% - 142px); width: -moz-calc(100% - 142px); margin-left: 142px; margin-top: 6px; color:#ccc; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:10pt; }
.WizardScreen .customField      { width: 100%; height: 100%; display: flex; }
.customField .customFieldFull   { width: 100%; height: 100%; }
.customField .customFieldLeft   { width: 70%; height: 100%; }
.customField .customFieldRight  { width: calc(30% - 5px); width: -webkit-calc(30% - 5px); width: -moz-calc(30% - 5px); height: 100%; margin-left: 5px; }

.TankTypeScreen .window         { float: left; width: 100%; }
.TankTypeScreen .window[fuel]   { padding: 10px 0; height: calc(100% - 170px); height: -webkit-calc(100% - 170px); height: -moz-calc(100% - 170px); }
.TankTypeScreen .imageBox       { float: left; width: 100%; height: 90px; padding: 10px 0; }
.TankTypeScreen .imageBox .image{ float:left; height: 70px; width: 110px; padding:0 5px; cursor: pointer; }
.TankTypeScreen .imageBox img   { float:left; height: 70px; width: 100px; }
.TankTypeScreen .footerBox      { float:left; height: 40px; width: 100%; }
.TankTypeScreen .footerBox .button      { float:right; }
.TankTypeScreen .footerBox .dx-button   { margin-left: 10px; }
.BrandModelScreen {float: left; width: 100%; height: 100%;}
.BrandModelScreen .newBrandLine{ float: left; width: 100%; height: 35px;}
.BrandModelScreen .newBrandLine .brandName {float: left; width: 70%; height: 100%; }
.BrandModelScreen .newBrandLine .addBrand { float: left; width: 28%; height: 100%; }
.BrandModelScreen .brandGrid { float: left; /* height: calc(100% - 60px); height: -moz-calc(100% - 60px); height: -webkit-calc(100% - 60px);*/ height: 450px; margin: 10px 0 0 0; border-top: 1px solid #DDDDDD; }
.BrandModelScreen .brandGrid .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell { padding: 15px !important; }
.BrandModelScreen .brandGrid .newModelLine { float: left; width: 100%; height: 35px; }
.BrandModelScreen .brandGrid .newModelLine .modelName { float: left; width: 70%; height: 100%; }
.BrandModelScreen .brandGrid .newModelLine .addModel { float: left; width: 28%; height: 100%; margin-left: 5px; }
.BrandModelScreen .brandGrid .modelGrid { float: left; width: 100%; height: 120px; margin: 5px 0 0 0; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.BrandModelScreen .brandGrid .newModelHeader { float: left; width: 100%; height: 20px; }
.AssetTypeScreen { float: left; width: 100%; height: 100%; }
.AssetTypeScreen .newAssetTypeLine { float: left; width: 100%; height: auto; padding: 0 0 10px 0; }
.AssetTypeScreen .newAssetTypeLine .assetTypeProfile { float: left; width: 100%; height: 100%; }
.AssetTypeScreen .newAssetTypeLine .assetTypeName { float: left; width: 100%; height: 100%; }
.AssetTypeScreen .newAssetTypeLine .assetTypeSave { float: right; width: 25%; height: 100%; }
.AssetTypeScreen .assetTypeGrid { float: left; height: 550px; margin: 5px 0 0 0; width: 100%; border-top: 1px solid #DDDDDD; }
.WizardScreen .imageBoxLicensePlate .dx-fileuploader-button { display: none;}
.WizardScreen .imageBoxLicensePlate .dx-fileuploader-wrapper { padding: 0 !important; }
.WizardScreen .imageBoxLicensePlate .dx-fileuploader-input-wrapper { padding: 0 !important; height: 100%; }
.WizardScreen .imageBoxLicensePlate .dx-fileuploader-input-container { display: block !important; text-align: center; color: #678398; }
.WizardScreen .imageBoxLicensePlate .dx-fileuploader-input-label { margin: 220px 0 0 0; padding: 14px 9px !important; }
.WizardScreen .licensePlateDeleteButtonTemp { height:120px;}
.WizardScreen .licensePlateDeleteButton { color: #337ab7; padding-left: 20px; font-weight: bold; font-size: 9pt;}
.WizardScreen .licensePlateDeleteButton:hover { color: #000000; cursor: pointer;    }
.WizardScreen .licensePlateDeleteButtonImage { float: right; /*width: 40px; height: 24px;*/ /*background: url(/plugins/AAPICommons20/LicensePlate/delete.png) no-repeat center center;*/ margin-right: 343px; cursor:pointer;}
.WizardScreen .licensePlateDeleteButtonImageTemp { float: right; width: 40px; height: 24px;}
.additionalData-group {
    margin-top: -100px !important;
}

.newAssetTypeButton {
    margin-left: 142px;
    display: -webkit-flex;
}

.newAssetTypeButton .dx-button {
    width:100%;
}

.addNewBrandModel {
    margin-left: 160px;
    display: -webkit-flex;
}

.addNewBrandModel .dx-button {
        width: 100%;
}


.NotificationScreen {
    float: left;
    width: 100%;
    height: 100%;
    max-height: 700px;
}
    .NotificationScreen .top {
        float: left;
        width: 100%;
    }
.NotificationScreen .left { float: left; width: 40%; height: 100%; }
.NotificationScreen .right { float: left; width: 60%; height: 100%; padding-left: 10px; }
.NotificationScreen .bottom { float: left; width: 100%; height: 100%; margin-top: 10px; }
.NotificationScreen .button { float: right; margin-left: 10px; }
/*.NotificationScreen .dx-tag-container { max-height: 100px !important; }*/
.rangeTime {
    height: 90px;
    padding-top: 50px !important;
    padding-right: 10px;
}
.NotificationScreen .dx-field-item-label-text { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 10pt; font-weight: bold; color: #333; }
.NotificationScreen .dx-item-content .dx-toolbar-item-content {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold !important;
    color: #333;
}
.NotificationScreen .bottom .warning {
    float: left;
    font-weight: bold;
    color: #e23121;
    margin-top: 10px;
    background-color: #fac9c5;
}
.NotificationScreen .dx-overlay-content .dx-popup-normal .dx-resizable {
    max-height: 250px;
    overflow-y: scroll;
}
.dx-field-item-content .contactButton {
    float: right;
    height: 100%;
}

.Odometer .dx-popup-wrapper > .dx-overlay-content {
    width: 500px;
    height: 300px;
}

.OdometerPopup .dx-field-item-label-text{
    font-weight: bold ;
}
.Odometer .odometerBottomScreen {
    float: left;
    width: 100%;
    height: 40px;
    margin-top: 20px;
}

.Odometer .odometerBottomScreen .odometerButton {
    float: right;
    margin-left: 5px;
}

.Odometer .dx-field-item-label-text {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #333;
}

.phoneNumberLine {
    float: left;
    width: 100%;
    height: 100%;
}
.phoneNumberCommandLine					{ float: left; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); height: 70px; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E8E9ED; margin-left: 10px; }
.phoneNumberCommandLineIcon				{ float: left; width: 40px; height: 100%; background-position: 0 center; background-repeat: no-repeat; }
.phoneNumberCommandLineIcon[ear]		{ background-image: url(/plugins/AAPICommons20/PhoneNumber/ear.png); 		}
.phoneNumberCommandLineIcon[stop]		{ background-image: url(/plugins/AAPICommons20/PhoneNumber/stop.png); 		}
.phoneNumberCommandLineIcon[siren]		{ background-image: url(/plugins/AAPICommons20/PhoneNumber/siren.png); 	}
.phoneNumberCommandLineIcon[position]   { background-image: url(/plugins/AAPICommons20/PhoneNumber/pin.png); 	    }
.phoneNumberCommandLineText				{ float: left; width: 220px; height: 70px; line-height: 70px; vertical-align: middle; font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.phoneNumberCommandLineText[disabled]	{ color: #E8E9ED; }
.phoneNumberCommandLineText > span		{ color: red; font-weight: bold; }
.phoneNumberCommandLineCheck			{ float: right; margin-top: 18px; }
.phoneNumberCommandLinePhone			{ float: right; width: 140px; margin-top: 18px; }	
.phoneNumberCommandLineCall				{ float: right; width: 36px; height: 36px; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #D3D3D3; cursor: pointer; background: #FAFAFA url(/plugins/AAPICommons20/PhoneNumber/phone.png) center center no-repeat; margin-top: 18px; margin-left: 4px; }
.phoneNumberCommandLineCall[disabled]	{ background-image: url(/plugins/AAPICommons20/PhoneNumber/phone-disabled.png); cursor: default; }
.phoneNumberCommandLineCallout			{ float: left; width: 100%; height: 100%; }
.phoneNumberCommandLineCalloutBody		{ float: left; width: 100%; height: 75px; }
.phoneNumberCommandLineCalloutButtons	{ float: left; width: 100%; height: 50px; }
.phoneNumberCommandLineCalloutButton	{ float: right; }
.phoneNumberCommandSelectCountry        { float: left; width: 80px; margin-top: 18px; }
.phoneNumberCallCommandLineText         { float: left; width: 103px; height: 70px;padding-top: 16px; line-height: initial; vertical-align: middle; font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.regionImage > img                          { left: 5px; position: absolute; top: 50%; margin-top: -15px; z-index: 99; width: 30px; }
.regionImage                                { position: relative; min-height: 30px; }
.regionImage .regionImageUrl                { padding-left: 20px; text-indent: 0; line-height: 30px; font-size: 15px; width: 100%; }
.phoneConversationElement               {   float: left;   margin-top: -25px; position: absolute; margin-left: 2%;}

.SaveAsTemplateSaveButton {
    float: right;
    margin-left: 10px;
    margin-top: 20px;
    margin-right: 8px;
}

.SaveAsTemplateCancelButton {
    float: right;
    margin-top: 20px;
}

.SaveAsTemplate .dx-popup-wrapper > .dx-overlay-content {
    width: 500px;
    height: 300px;
}

.SaveAsTemplateForm .dx-field-item-label-text {
    font-weight: bold;
}

.SaveAsTemplateForm .dx-field-item-label-text {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #333;
}
.Template .dx-popup-wrapper > .dx-overlay-content {
    width: 500px;
    height: 300px;
}
.TemplatePopup .dx-field-item-label-text {
    font-weight: bold;
}

.Template .bottomScreen {
    float: left;
    width:100%;
    height: 40px;
    margin-top  : 20px;
}
.Template .bottomScreen .button {
        float: right;
        margin-left: 5px;
    }

.Template .dx-field-item-label-text {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #333;
}
 
.TemplateSelectionSaveButton {
    float: right;
    margin-left: 10px;
    margin-top: 20px;
    margin-right: 8px;
}
.TemplateSelectionCancelButton {
    float: right;
    margin-top: 20px;
}

/*.CrewInfo .dx-popup-wrapper > .dx-overlay-content {
    width: 500px;
    height: 300px;
}

.CrewInfoPopup .dx-field-item-label-text{
    font-weight: bold ;
}*/
 
.TPMSPanelInfo {
    height: calc(100% - 46px);
    height: -webkit-calc(100% - 46px);
    height: -moz-calc(100% - 46px);
    margin-top: 10px;
    float: left;
    width: 100%;
    overflow: hidden;
}
.TPMSTemplate {
    float: left;
    width: 100%;
    height: 100%;
    /*position: relative;*/
}
.templateContainer {
    float: left;
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    left: 25px;
    overflow:scroll
}
    


 .templateContainer .imageContainer[type = "empty"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/empty.png) no-repeat center center;
    width: 125px;
    margin-left: -34px;
    height: 577px;
}

 .templateContainer .imageContainer[type = "car"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/binek.png) no-repeat center center;
    margin-left: -44px;
    height: 365px;
}

 .templateContainer .imageContainer[type = "truck"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/kamyon.png) no-repeat center center;
    margin-left: -44px;
    height: 494px;
}

 .templateContainer .imageContainer[type = "towtruck"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/cekici.png) no-repeat center center;
    margin-left: -44px;
    height: 348px;
}

 .templateContainer .imageContainer[type = "pickuptruck"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/kamyonet.png) no-repeat center center;
    margin-left: -44px;
    height: 412px;
}

 .templateContainer .imageContainer[type = "minibus"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/minib�s.png) no-repeat center center;
    margin-left: -44px;
    height: 451px;
}

 .templateContainer .imageContainer[type = "motorcycle"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/motosiklet.png) no-repeat center center;
    height: 287px;
    margin-top: 46px;
}

 .templateContainer .imageContainer[type = "bus"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/otobus.png) no-repeat center center;
    margin-left: -44px;
    height: 549px;
}

 .templateContainer .imageContainer[type = "van"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/panelvan.png) no-repeat center center;
    margin-left: -44px;
    height: 387px;
}

 .templateContainer .imageContainer[type = "longtruck"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/cekici_dorse.png) no-repeat center center;
    margin-left: -44px;
    height: 599px;
}

 .templateContainer .imageContainer[type = "trailertruck"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/cekici_dorse_dorse.png) no-repeat center center;
    margin-left: -44px;
    height: 764px;
}

.leftContainer {
    width: 44px;
    height: 97%;
    text-align: justify;
    position: relative;
    float: left;
    margin-left: 2px;
}

.leftInfoContainer {
    width: 56px;
    float: left;
    height: 97%;
    text-align: justify;
    margin-left: 5px;
}

.leftInfoContainerPrev {
    width: 56px;
    float: left;
    height: 97%;
    margin-left: 5px
}

.rightContainer {
    width: 44px;
    height: 97%;
    text-align: justify;
    margin-left: -44px;
    float: left;
}

.imageContainer[type = "motorcycle"] + .rightContainer {
    margin-left: -86px;
    margin-top: 46px;
}

    .imageContainer[type = "motorcycle"] + .rightContainer + .rightInfoContainer {
        margin-left: -4px;
        margin-top: 46px;
    }

.imageContainer[type = "empty"] + .rightContainer {
    margin-left: -34px;
}

.rightInfoContainer {
    width: 56px;
    float: left;
    height: 100%;
    margin-left: 5px;
    margin-right: 5px;
}

.rightInfoContainerLast {
    width: 50px;
    float: left;
    height: 100%;
    margin-left: 5px;
}

.leftTire {
    background-color: #369E59;
    border-radius: 6px;
    width: 20px;
    height: 52px;
    float: left;
    margin-left: 2px;
}

.rightTire {
    background-color: #369E59;
    border-radius: 6px;
    margin-left: 2px;
    width: 20px;
    height: 52px;
    float: right;
}

.leftTireInfo .tireInfoCircle, .rightTireInfo .tireInfoCircle {
    width: 55px;
    height: 45px;
    float: right;
    border: 1px solid #E3E3E3;
    text-align: center;
    border-radius: 5px;
    padding-top: 5px;
    cursor: pointer;
}

.leftTireDiv, .rightTireDiv, .leftTireInfo, .rightTireInfo {
    height: 0.1px;
    width: 100%;
}

.templateContainer[layout] .tireInfoCirclePressure, .templateContainer[layout] .tireInfoCircleTemperature {
    width: 100%;
    text-align: center;
    font: normal 11px Segoe UI !important;
    letter-spacing: 0px;
    color: #333333;
    font-weight: normal;
}

.leftTire[isActive = "active"], .rightTire[isActive = "active"] {
    background: #AC0303 0% 0% no-repeat padding-box;
}

.leftTire[isActive = "noSignalActive"], .rightTire[isActive = "noSignalActive"] {
    background: #AAAAAA 0% 0% no-repeat padding-box;
}

.leftTire[isActive = "noSensor"], .rightTire[isActive = "noSensor"] {
    background: #000000 0% 0% no-repeat padding-box;
}
.alarmDetailIcon[icon = "lowPressure"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/dusuk_basinc.svg) 0 center no-repeat;
}

.alarmDetailIcon[icon = "highPressure"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/yuksek_basinc.svg) 0 center no-repeat;
}

.alarmDetailIcon[icon = "lowTemperature"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/dusuk_sicaklik.svg) 0 center no-repeat;
}

.alarmDetailIcon[icon = "highTemperature"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/yuksek_sicaklik.svg) 0 center no-repeat;
}

.alarmDetailIcon[icon = "battery"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/pil_seviyesi.svg) 0 center no-repeat;
}

.alarmDetailIcon[icon = "nosignal"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/sensor_iletisim_hatasi.svg) 0 center no-repeat;
}

.alarmDetailIcon[icon = "changePressure"] {
    background: url(/plugins/AAPICommons20/TpmsTemplate/hizli_basinc_de�isimi.svg) 0 center no-repeat;
}

.alarmDetailIcon {
    width: 30px;
    height: 30px;
    float: left;
    background-repeat: no-repeat;
    margin-bottom: auto;
    margin-top: auto;
}

.alarmDetail {
    width: 100%;
    height: 45px;
    float: left;
}

.alarmDetailText {
    margin-left: 35px;
}

.leftTire[type = "multipleTire"] {
    margin: 2px;
    float: left;
}

.rightTire[type = "multipleTire"] {
    margin: 2px;
    float: right;
}

.tireInfoCircle[isActive="active"] .tireInfoCirclePressure,
.tireInfoCircle[isActive="active"] .tireInfoCircleTemperature {
    color: #fff;
}

.tireInfoCircle[isActive = "active"] {
    background: #AC0303 0% 0% no-repeat padding-box;
    color: #FFFF;
    cursor: pointer;
}


.tireInfoCircle[isActive = "noSignalActive"] {
    background: #AAAAAA 0% 0% no-repeat padding-box;
    color: #FFFF;
    cursor: pointer;
}
.BottomContainer {
    float: left;
    width: 100%;
    height: 50px;
    background: #EFEFEF 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-top: 20px;
}

.noGraphicData {
    margin-top: 8%;
    font-size: large;
    text-align: center;
}
.UserOperations {
    width: 30px;
    height: 50px;
    position: relative;
    cursor: pointer;
    position: relative;
    background: transparent url(/plugins/AAPICommons20/UserOperations/user_btn.svg) center no-repeat padding-box;
    float: right;
    /*margin-right: -10px;*/
    margin-left: 10px;
}

    .UserOperations[status="online"] {
        background: transparent url(/plugins/AAPICommons20/UserOperations/user_operations_2.svg) center no-repeat padding-box;
    }

    .UserOperations[status="offline"] {
        background: transparent url(/plugins/AAPICommons20/UserOperations/user_operations.svg) center no-repeat padding-box;
    }

    .UserOperations[status="error"] {
        background: transparent url(/plugins/AAPICommons20/UserOperations/user_operations.svg) center no-repeat padding-box;
    }

.OperationListGrid {
    width: 100%;
    height: 500px;
}

    .OperationListGrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space {
        vertical-align: middle !important;
    }

.UserOperationsPopup {
    width: calc(100% + 40px);
    height: auto;
    margin: 0 -20px 0 -20px;
    padding: 0;
    border: none;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.UserOperationsPopupItem {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0 20px 0 20px;
    border: none;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
}

    .UserOperationsPopupItem:hover {
        background-color: aliceblue;
    }

.UserOperationsPopupItemTitle {
    height: 100%;
    max-width: 100%;
    min-width: calc(100% - 50px);
    float: left;
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}

.UserOperationsPopupItemAction {
    height: 100%;
    width: 50px;
    float: left;
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.UserOperationsBadgeWrapper {
    float: right;
    width: 100%;
    height: 13px;
    margin-right: -6px;
    margin-top: 10px;
}

.UserOperationsBadge {
    float: right;
    width: 13px;
    height: 100%;
    margin-left: 2px;
    background: no-repeat 0 0 url(/plugins/AAPICommons20/UserOperations/badge.png);
}

.OperationIcon {
    float: left;
    height: 27px;
    width: 25px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    margin-top: 35px;
    margin-bottom: 35px;
    margin-right: 20px;
}

.OperationStatusIcon {
    float: right;
    height: 27px;
    width: 25px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    margin-top: -22px;
    margin-right: 20px;
}

.OperationTextDiv, .OperationStatusDiv {
    margin-top: 35px;
}

.OperationText {
    width: 101px;
    height: 19px;
    text-align: left;
    font: 14px/12px Segoe UI;
    font-weight: 600;
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
}

.OperationTextInfo {
    width: 101px;
    height: 19px;
    text-align: left;
    font: 12px Segoe UI;
    font-weight: 600;
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
}

.OperationDate {
    width: 97px;
    height: 16px;
    text-align: left;
    font: 12px/12px Segoe UI;
    letter-spacing: 0px;
    color: #A8A8A8;
    opacity: 1;
}

.OperationTemplateNameText {
    width: 97px;
    height: 16px;
    text-align: left;
    font: 12px/12px Segoe UI;
    letter-spacing: 0px;
    color: #A8A8A8;
    opacity: 1;
}

.OperationStatus {
    width: 71px;
    height: 16px;
    text-align: right;
    font: 12px/14px Segoe UI;
    letter-spacing: -0.24px;
    color: #A8A8A8;
}

.OperationDescriptionDiv {
    height: auto;
    width: 100%;
    margin-top: -20px;
}

    .OperationDescriptionDiv .OperationDescriptionDivRow {
        float: left;
        height: 30px;
        width: 100%;
    }

        .OperationDescriptionDiv .OperationDescriptionDivRow .OperationDescriptionTitle {
            float: left;
            height: 30px;
            width: 40%;
            color: #A8A8A8;
        }

        .OperationDescriptionDiv .OperationDescriptionDivRow .OperationDescriptionValue {
            float: left;
            width: auto;
            height: 30px;
            text-align: center;
            line-height: 20px;
            color: #333333;
            font-weight: bold;
        }

.operationTryAgainIcon {
    width: 15px;
    height: 15px;
    background: transparent url(/plugins/AAPICommons20/UserOperations/operation_try_again_icon.svg) 0% 0% no-repeat padding-box;
    opacity: 1;
    float: left;
    margin-right: 5px;
}

.operationTryAgain {
    float: right;
    height: 30px;
    width: auto;
    color: #1A8CF2;
    cursor: pointer;
    text-decoration: underline;
    padding-left: 20px;
    line-height: 12px;
}

.operationTryAgainMessageDiv {
    float: left;
    width: 100%;
    height: 100%;
}

    .operationTryAgainMessageDiv .operationMessage {
        float: left;
        width: 100%;
        height: auto;
        text-align: center;
    }

    .operationTryAgainMessageDiv .buttons {
        float: left;
        width: 100%;
        height: 40px;
        margin-top: 10px;
        padding: 0 0 0 35px;
    }

        .operationTryAgainMessageDiv .buttons .tryAgainYes {
            float: left;
            width: 140px;
            height: 36px;
        }

        .operationTryAgainMessageDiv .buttons .tryAgainNo {
            float: left;
            width: 140px;
            height: 36px;
            margin-left: 10px;
        }


.OperationDetailTable {
    width: 100%;
    margin-top: -20px;
    margin-bottom: -20px;
}

.OperationDetailTableText {
    text-align: left;
    font: 12px/14px Segoe UI;
    letter-spacing: -0.24px;
    color: #A8A8A8;
    opacity: 1;
    width: 50%;
    height: 30px;
}

.OperationDetailTableTextSuccess {
    text-align: left;
    font: bold 13px/14px Segoe UI;
    letter-spacing: -0.26px;
    color: #333333;
    opacity: 1;
    width: 20px;
}

.OperationDetailTableTextFail {
    text-align: left;
    font: bold 13px/14px Segoe UI;
    letter-spacing: -0.26px;
    color: #F20B0B;
    opacity: 1;
    width: 20px;
}

.TachographOperationDetailTableShowDiv {
    float: left;
    text-align: left;
    text-decoration: underline;
    font: 12px/12px Segoe UI;
    letter-spacing: -0.24px;
    color: #1A8CF2;
    opacity: 1;
    cursor: pointer;
}

.OperationDetailTableShowDiv {
    width: 60px;
    float: right;
    text-align: left;
    text-decoration: underline;
    font: 12px/12px Segoe UI;
    letter-spacing: -0.24px;
    color: #1A8CF2;
    opacity: 1;
    cursor: pointer;
}

.OperationDetailTableShow {
    width: 19px;
    height: 13px;
    background: transparent url(/plugins/AAPICommons20/UserOperations/show_icon.svg) 0% 0% no-repeat padding-box;
    opacity: 1;
    float: left;
    margin-right : 5px;
}

.OperationDetailTableShowText {
    width: 70px;
}

.TachographOperationDetailTableShowText {
    width: 0px;
}

.OperationDetailTableReportText {
    width: 85px;
    height: 16px;
    text-align: right;
    text-decoration: underline;
    font: 12px/14px Segoe UI;
    letter-spacing: -0.24px;
    color: #1A8CF2;
    opacity: 1;
}

.OperationDetailTableReportIcon {
    width: 10px;
    height: 13px;
    background: transparent url(/plugins/AAPICommons20/UserOperations/document_icon.svg) 0% 0% no-repeat padding-box;
    opacity: 1;
    float: left;
}


.ErrorTable {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    .ErrorTable td, .ErrorTable th {
        border: 1px solid #ddd;
        padding: 8px;
    }

    .ErrorTable tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    .ErrorTable tr:hover {
        background-color: #ddd;
    }

    .ErrorTable th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #4CAF50;
        color: white;
    }

.UserOperationsPopup {
    max-height: 700px;
    overflow-y: auto;
}

.UserOperationsNotification {
    width: 15px;
    height: 15px;
    background: #FF3400 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    opacity: 1;
    text-align: center;
    font: bold 12px/16px Segoe UI;
    letter-spacing: 0px;
    color: #FFFFFF;
    visibility: hidden;
}

.errorDialogGrid {
    width: 100%;
    height: 260px;
    float: left;
}
.deviceTemplateErrorDialogElement{
    width       :100%;
    height      :260px;
    float       :left;
    overflow-y  :auto;
}

.SnakeWaiterUserOperation {
    position: inherit !important;
    z-index: 1101;
}

.emptyDataDiv {
    width: 100%;
    background: no-repeat 105px 70px url(/plugins/AAPICommons20/UserOperations/no_data_img.svg);
    height: 500px;
    text-align: center;
    line-height: 510px;
    text-align: center;
    color: #5A6976;
    opacity: 1;
    font-size: 14px;
    font-family: 'Segoe UI';
}

dx-popover-arrow .ownPopoverArrow {
    width: 20px;
    height: 10px;
    position: absolute;
    z-index: 2000;
    overflow: hidden;
}

.ownPopoverArrow:after {
    border: 1px solid #338CDB !important;
    background: #338CDB !important;
}

.notificationDiv {
    float: left;
    height: 88px;
    width: 338px;
    color: #fff;
    font-size: 14px;
    padding-top: 19px;
}

    .notificationDiv .notification {
        width: 49px;
        height: 49px;
        background: transparent url(/plugins/AAPICommons20/UserOperations/info_popup_light.svg) 0% 0% no-repeat padding-box;
        opacity: 1;
        float: left;
        padding-left: 50px;
    }

    .notificationDiv .notificationMessage {
        width: 100%;
        height: 49px;
        padding-top: 4px;
    }

.nodeListCount {
    color: #282828 !important;
}
.WizardScreen {
    float: left;
    width: 100%;
    height: 100%;
}

.WizardScreen .WizardScreenScroll {
    float: left;
    width: 100%;
    height: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% -50px);
}
.WizardScreen .VehicleAssignmentLeftForm {
    float: left;
    width: 37%;
    padding: 5px 2% 5px 5px;
    height: 100%;
}

.WizardScreen .VehicleAssignmentRightForm {
    float: left;
    width: 63%;
    padding: 5px 3px 5px 2%;
    height: 100%;
    border-left: 1px solid #ddd;

}
.WizardScreen .VehicleAssignmentButtons {
    float: right;
    width: calc(100%);
    width: -webkit-calc(100%);
    width: -moz-calc(100%);
    height: 40px;
}
.WizardScreen .VehicleAssignmentButtons .VehicleAssignmentSaveButton {
    float:right;
    height:100%;
}
.WizardScreen .VehicleAssignmentButtons .VehicleAssignmentCancelButton {
    float:right;
    height : 100%;
    margin-left: 5px;
}

@media screen and  (max-width:1366px) {
    .customFieldFull {
        max-width: 205px !important;
    }
}
@media screen and (min-width:1367px) and (max-width:1583px) {

    .customFieldFull {
        max-width: 211px !important;
    }
}
@media screen and (min-width:1584px) {
    .customFieldFull {
        max-width: 360px !important;
    }
}
.custom-driver-tagbox-wrapper .dx-tagbox .dx-tag-container {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        display: block !important;
        max-height: 36px;
    }

    .custom-driver-tagbox-wrapper .dx-tagbox {
        width: 100% !important;
        max-height: 40px;
    }



.WeatherInfoContainer {
    float: left;
    width: 100%;
    height: 50px;
    background: #EFEFEF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.WeatherInfoContainer > .footer {
    float: left;
    width: 91px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-indent: 24px;
    margin-right: -10px;
}

.WeatherInfoContainer > .footer[DeviceHeight] {
    background: url(/plugins/AAPICommons20/WeatherInfo/height.svg) 0 center no-repeat;
    margin-left: calc(50% - 210px);
    margin-left: -webkit-calc(50% - 210px);
    margin-left: -moz-calc(50% - 210px);
}

.WeatherInfoContainer > .footer[WeatherTemperature] {
    background: url(/plugins/AAPICommons20/WeatherInfo/temperature.svg) 0 center no-repeat;
    margin-left: 5px;
}

.WeatherInfoContainer > .footer[WeatherHumidity] {
    background: url(/plugins/AAPICommons20/WeatherInfo/humidity.svg) 0 center no-repeat;
    margin-left: 5px;
}

.WeatherInfoContainer > .footer[WeatherWind] {
    background: url(/plugins/AAPICommons20/WeatherInfo/wind.svg) 0 center no-repeat;
    margin-left: -15px;
}

.WeatherInfoContainer > .footer[WeatherPressure] {
    background: url(/plugins/AAPICommons20/WeatherInfo/pressure.svg) 0 center no-repeat;
    margin-left: 20px;
}