#settings-cont
{
}

.login-screen #login-screen
{
    opacity: 1 !important;
}

.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search
{
    border-color: #f4f4f4;
    display: inline-block;
    height: 2.8em;
}

.ui-field-contain label.ui-input-text,
.ui-field-contain label.ui-select,
.ui-field-contain label.ui-slider
{
    padding-top: 0.7em;
}

.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, 
.ui-field-contain .ui-input-search, .ui-field-contain .ui-select
{
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    width: 69%;
}

body.login-screen,
body.wizard-screen
{
    overflow: hidden;
}

#wizard-cont
{
    display: none;
}

.login-screen #section-2-1
{
    height: auto !important;
    opacity: 1 !important;
}

.login-screen #settings2,
.wizard-screen #settings2,
.password-change #settings2
{
    top: 0;
    left: 0;
    background-color: transparent;
    overflow: hidden;
}

#section-2-2
{
}

#section-2-2,
#register-button
{
    display: none;
}

.login-screen #login-screen-inner .tutorial-button
{
    display: none;
}

.login-screen #section-2-1,
.login-screen #section-2-2,
.login-screen #register-button,
.login-screen #login-screen-inner .tutorial-button
{
    display: block;
}

#logged-in-display-cont
{
    display: block;
    height: auto !important;
    overflow: visible !important;
}

#section-2-1
{
    display: none;
}

.login-screen #logged-in-display-cont
{
    display: none;
}

#build-num
{
    top: 52px;
    z-index: 98;
    
}

#cancel-button,
#save-button,
#resync-button
{
    display: none;
}

.complete-login #cancel-button,
.complete-login #save-button,
.complete-login #resync-button
{
    display: block;
}

#sync-button
{
    display: none !important;
}

#settings2 .expanded-select-edit-button
{
    display: none;
}

#trigger-device-edit-button
{
    display: none;
}

.toggle-show-register .show-on-login-toggle
{
    display: none !important;
}

.toggle-show-login .show-on-register-toggle
{
    display: none !important;
}

.wizard-screen #wizard-cont
{
    display: block;
}

.wizard-page
{
    display: none;
}

.wizard-page.wizard-current-page
{
    display: block;
}

.ui-btn-text
{
    white-space: nowrap;
}

.tw-button.ui-btn.button-wizard-send-email-clicked
{
    background: rgb(89,224,100); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(89,224,100,1) 0%, rgba(48,160,65,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,224,100,1)), color-stop(100%,rgba(48,160,65,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(89,224,100,1) 0%,rgba(48,160,65,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(89,224,100,1) 0%,rgba(48,160,65,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(89,224,100,1) 0%,rgba(48,160,65,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(89,224,100,1) 0%,rgba(48,160,65,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59e064', endColorstr='#30a041',GradientType=0 ); /* IE6-9 */

}

.button-wizard-send-email .ui-btn-inner
{
    padding: 0;
    padding-top: 0.2em;
}

.button-wizard-send-email .ui-btn-text
{
    font-size: 0.9em;
    width: 100%;
}

#info-button
{
}

#pwdchange-cont
{
    display: none;
}

.password-change #pwdchange-cont
{
    display: block;
}

#pwdchange-cont .logged-in-username
{
    /*font-weight: bold;*/
}

#default-mark-selector-cont
{
    height: auto;
    min-height: 2.8em;
}

#mark-default-types-desc
{
    clear: left;
}

#mtypes-cancel-edit-button
{
    display: none;
}

.wizard-screen #title-device-id,
.wizard-screen #contain-device-id,
.wizard-screen #tw-toolbar > div,
.login-screen #tw-toolbar > div,
.wizard-screen #logged-in-display-cont
{
    display: none !important;
}

body
{

}

.settings-page
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 3.7em;
    background-color: White;
    overflow: auto;
}

.settings-page *
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.slider-on-off-cont
{
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    height: 2.4em;
    width: 3.6em;
    background-image: url(../img/tw-switch-off.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    margin-bottom: -0.75em;
    margin-top: -0em;
}

.slider-on-off-cont > *
{
    display: none;
}

.slider-on-off-cont.slider-on-off-selected-1,
.slider-on-off-cont.slider-on-off-reverse.slider-on-off-selected-0
{
    background-image: url(../img/tw-switch-on.png);
}

.slider-on-off-cont.slider-on-off-reverse.slider-on-off-selected-1
{
    background-image: url(../img/tw-switch-off.png);
}

.slider-on-off-cont-inner
{
}

.slider-on-off-element
{
    display: inline-block;
    padding: 0.2em;
    font-size: 1.2em;
    width: 2em;
    text-align: center;
    color: #999999;
    background-color: white;
    color: white;
}

.slider-on-off-element.slider-on-off-element-selected
{
}

.slider-on-off-element-selected.slider-on-off-element-1
{
    background-color: #FF9300;
    color: white;
}

.slider-on-off-element-selected.slider-on-off-element-0
{
    background-color: #dddddd;
    color: white;
}

.tw-field-group
{
    width: 100%;
    margin-top: 0.5em;
}

div[data-role=fieldcontain],
.mtype-plus-cont
{
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
    width: 100%;
    margin-bottom: -1px;
    white-space: nowrap;
    height: 2.6em;
    margin-top: 0.5em;
    position: relative;
}

.mtype-plus-cont
{
    cursor: pointer;
}

.mtype-plus-cont span
{
    color: #666;
    /*font-weight: bold;*/
    white-space: nowrap;
    top: 0.7em;
    position: relative;
}

.tw-field-group div[data-role=fieldcontain]
{
    margin-top: 0;
}

div[data-role=fieldcontain] label
{
    width: 50%;
    display: inline-block;
    height: 100%;
    margin-left: -1px;
    line-height: 2.6em;
    padding: 0 0.5em;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    /*font-weight: bold;*/
}

div[data-role=fieldcontain] input[type=text],
div[data-role=fieldcontain] input[type=password],
div[data-role=fieldcontain] input[type=email],
div[data-role=fieldcontain] input[type=date],
div[data-role=fieldcontain] input[type=number]
{
    width: 48.5%;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0 none;
    margin-right: -2px;
    outline: none;
    font-size: 1em;
}

.popup-header
{
    background-color: #EEE;
    margin: -0.5em -0.5em 0 -0.5em;
    padding: 0.5em;
    height: 2.95em;
    padding-top: 0.7em;
}

.popup-header .slider-on-off-cont
{
    margin-top: -0.4em;
}

#login-button
{
    display: none;
}

.login-screen #login-button
{
    display: block;
}

.login-screen #login-screen-inner,
#wizard-inner,
#pwdchange-inner
{
    background-color: white;
    border-radius: 0;
    left: 10%;
    padding: 0.5em;
    position: relative;
    right: 10%;
    width: 80%;
    display: block;
}

.login-screen #login-screen-inner,
#wizard-inner
{
    top: 0;
    position: relative;
}

#wizard-inner
{
    min-height: 9.2em;
}

#pwdchange-inner
{
    top: 50%;
    position: absolute;
}

#wizard-inner .tw-label
{
    font-size: 0.9em;
}

#wizard-inner .popup-header .tw-label,
#section-2-1 .popup-header .tw-label
{
    font-size: 1.1em;
}

.login-screen #login-screen,
#wizard-cont,
#pwdchange-cont
{
    background-color: rgba(0, 0, 0, 0);
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    overflow: auto;
}

.login-screen #login-screen,
#wizard-cont
{
    top: 21.5%;
}

#pwdchange-cont
{
    top: 0;
}

.device-iphone.login-screen #login-screen, 
.device-iphone #wizard-cont
{
    top: 30%;
}

.ui-disabled
{
    opacity: 0.5;
    cursor: default;
}

#password-recover
{
    font-size: 1em;
    margin-top: 0.5em;
}

#password-recover a
{
    color: #00bfff !important;
}

.login-screen #tw-toolbar,
.wizard-screen #tw-toolbar,
.login-screen #tw-navbar,
.wizard-screen #tw-navbar,
.login-screen #title-device-id,
.wizard-screen #title-device-id,
.login-screen #contain-device-id,
.wizard-screen #contain-device-id
{
    display: none !important;
}

#popup-title
{
    display: none;
}

.login-screen #popup-title,
.wizard-screen #popup-title
{
    display: block;
    background-color: #EEE;
    background-image: none;
}

#popup-title
{
    position: absolute;
    top: 0;
    height: 21.5%;
    width: 100%;
    background-image: url(../img/band-top.png);
    background-size: auto 100%;
    background-repeat: repeat-x;
    font-size: 1.2em;
    padding: 0 0.5em 1.45% 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.device-iphone #popup-title
{
    font-size: 1.15em;
}

.device-iphone #label-wizard-privacy
{
    position: absolute;
    left: 5em;
    right: 0;
    height: 100%;
    white-space: normal;
    display: table;
    line-height: 1.2em;
    top: 0;
}

.device-iphone #label-wizard-privacy
{
    display: table-cell;
    vertical-align: middle;
}

.device-iphone #input-wizard-privacy-cont .slider-on-off-cont
{
    margin-top: 0.5em;
}

#popup-title b
{
    font-size: 1.1em;
    /*font-weight: bold;*/
}

#popup-title:before
{
    display: block;
    height: 100%;
    float: left;
    width: 8em;
    background-image: url(../img/clock.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 80%;
    content: "";
}

.device-iphone #popup-title:before
{
    width: 6em;
    background-size: auto 65%;
}

.device-iphone #popup-title
{
    height: 30%
}


.itm-settings.login-screen,
.itm-settings.wizard-screen
{
	background-image: none;
    background-color: #00bfff;
	background-size: 100% auto;
	background-position: center center;
}

#popup-title-inner
{
    display: table;
    height: 100%;
}

#popup-title-text
{
    display: table-cell;
    vertical-align: middle;
}

#label-wizard-privacy
{
    border: 0px none;
    width: auto;
}

#label-wizard-privacy a
{
    color: #00bfff;
}

#input-wizard-privacy-cont
{
    padding-left: 0.2em;
}

body.just-loading-splash
{
    opacity: 0;
}

.button-wizard-send-email
{
    width: auto;
    float: right;
    margin-top: -2.35em;
    margin-right: 0.2em;
    position: relative;
    z-index: 10;
}

.wizard-buttons
{
    height: 2.55em;
    position: absolute;
    top: 0.4em;
    right: 0;
    width: auto;
}

.wizard-exit
{
    display: none !important;
}

.wizard-next,
.wizard-finish
{
    width: auto;
    float: right;
    height: 100%;
    margin: 0;
    line-height: 1.5em;
    background-image: url(../img/tw-arrow-sel-r.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 95% center;
    padding-right: 1.8em;
    padding-left: 0.8em;
}

.wizard-finish
{
    display: none !important;
}

.wizard-last-page .wizard-finish
{
    display: block !important;
}

.wizard-last-page .wizard-next,
.wizard-last-page .wizard-exit
{
    display: none !important;
}

#build-num
{
    display: none;
}

#drop-all
{
    display: none;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 10000;
    color: white;
    background-color: red;
    padding: 3px 6px;
    border-radius: 6px;
    cursor: pointer;
}

.login-label-main
{
    float: left;
    position: relative;
    top: -0.4em;
    margin-right: 0.4em;
}

.mtype-plus-button,
.mtype-minus-button
{
    float: left;
    cursor: pointer;
    height: 2.4em;
    width: 2.4em;
    margin-left: -0.4em;
    background-size: 70% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.mtype-plus-button
{
    margin-left: 0;
}

.mtype-minus-button
{
    background-image: url(../img/tw-minus-small.png);
}

.mtype-plus-button
{
    background-image: url(../img/tw-plus-small.png);
}

#contain-device-id
{
    height: auto;
}

#logged-in-display-cont a[data-role=button]
{
    display: block;
}

div[data-role=content]
{
    padding: 0.5em 1em;
}

.tw-field-group div[data-role="fieldcontain"] label.iap-item-label
{
    width: 100%;
    border: 0 none;
}

.ui-field-contain label.ui-select,
.ui-field-contain label.ui-input-text,
.ui-field-contain label .iap-item-label-name
{
    color: #666666;
    /*font-weight: bold;*/
    height: 80%;
    margin-right: -1px;
    overflow: hidden;
    white-space: nowrap;
    width: 45.5%;
}

.ui-field-contain label .iap-item-label-name
{
    height: 100%;
    width: 33%;
}

.ui-field-contain
{
    background-color: white;
    height: 2.8em;
    margin-top: 0.5em;
}

#contain-device-id label
{
    vertical-align: top;
    border-right: 0px none;
}

.expanded-select-cont
{
    width: 66.9%;
    display: inline-block;
    margin-left: -1px;
    padding-right: 2px;
}

.expanded-select-field-contain
{
    height: auto;
}

.expanded-select-field-contain .ui-btn-inner
{
    display: none;
}

.expanded-select-field-contain  label.ui-select
{
    border-right: 0px;
}

.expanded-select-field-contain .ui-select
{
    margin-top: 0px;
}

.expanded-select-cont
{
    position: relative;
    z-index: 100;
}

.expanded-select-option-del,
.expanded-select-option-add
{
    height: 80%;
    position: absolute;
    top: 15%;
    left: 1.5%;
}

.expanded-select-option-del
{
}

.expanded-select-option-add
{
    height: 80%;
    top: 12%;
}

.expanded-select-edit-button
{
    margin-left: -100px;
    position: absolute;
    width: 6px;
    z-index: 100;
    border-radius: 0.6em;
    box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin-left: -42px;
    margin-top: 3px;
    padding: 0px 15px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    /*font-weight: bold;*/
    font-size: 14px;

background: rgb(90,169,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(90,169,226,1) 0%, rgba(56,138,194,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,169,226,1)), color-stop(100%,rgba(56,138,194,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(90,169,226,1) 0%,rgba(56,138,194,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(90,169,226,1) 0%,rgba(56,138,194,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(90,169,226,1) 0%,rgba(56,138,194,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(90,169,226,1) 0%,rgba(56,138,194,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5aa9e2', endColorstr='#388ac2',GradientType=0 ); /* IE6-9 */
}

.expanded-select-edit-button img
{
    margin-left: -10px;
    margin-top: 3px;
}

.expanded-select-option-del,
.expanded-select-option-add-cont,
.expanded-select-option input
{
    display: none;
}

.expanded-combo-edit-mode .expanded-select-option-del,
.expanded-combo-edit-mode .expanded-select-option-add-cont,
.expanded-combo-edit-mode .expanded-select-option input
{
    display: block;
}

.expanded-combo-edit-mode .expanded-select-option span,
.expanded-combo-edit-mode .expanded-select-option-active,
.expanded-combo-edit-mode .expanded-select-option-activity-bg
{
    display: none;
}

.expanded-combo-edit-mode .expanded-select-option-add-cont span
{
    display: block;
    text-align: center;
    width: 100%;
}

.expanded-combo-edit-mode .expanded-select-option
{
    padding-left: 2.6em;
    padding-right: 0 !important;
}

.expanded-select-cont-inner
{
    width: 100%;
    background-color: white;
}

.expanded-select-option
{
    border-bottom: 1px solid #f4f4f4;
    padding-right: 1.6em;
    padding-left: 0.5em;
    position: relative;
    white-space: nowrap;
}

.expanded-select-option
{
    line-height: 1.4em;
}

.expanded-select-option-activity-bg,
.expanded-select-option-active
{
    position: absolute;
    right: 0;
    top: 0;
    height: 1em;
    width: 1em;
    border-radius: 2em;
    margin-top: 0.45em;
    margin-right: 0.45em;
}

.expanded-select-option-activity-bg
{
    background-color: #ccc;
}

.expanded-select-option-active
{
    background-color: #53d769;
}

.expanded-select-option
{
    padding-bottom: 0.3em;
    padding-top: 0.3em;
    cursor: pointer;
}

.expanded-select-option.expanded-select-option-last-visible
{
    border-bottom: 0px;
}

.expanded-select-option:first-child
{
    border-top: 0px;
}

.expanded-select-option.expanded-select-option-last-visible:first-child
{
    height: 2.6em;
    padding-top: 0.5em;
}

.expanded-select-option.expanded-select-option-last-visible:first-child .expanded-select-option-active,
.expanded-select-option.expanded-select-option-last-visible:first-child .expanded-select-option-activity-bg
{
    top: 0.35em;
}

.expanded-combo-edit-mode .expanded-select-option input
{
    width: 100% !important;
    text-align: center;
    margin-left: 0 !important;
    margin-top: -0.3em !important;
    padding-top: 0.3em !important;
    margin-bottom: -0.3em !important;
    padding-bottom: 0.3em !important;
    height: 2em;
    background-color: white !important;
    border-left: 0px none;
}

.expanded-select-option-add-cont
{
    border-bottom: 0 none;
}

.expanded-combo-edit-mode .expanded-select-option.expanded-select-option-last-visible
{
    border-bottom: 1px solid #f4f4f4;
}

.input-tooltip-button
{
    position: absolute;
    left: 49.8%;
    width: 2.4em;
    height: 2.4em;
    background-image: url(../img/tw-info-grey.png);
    background-position: center;
    background-size: 70% auto;
    cursor: pointer;
    margin-left: -2.4em;
    background-repeat: no-repeat;
}

.mark-type-color 
{
    height: 1.2em;
    width: 1.2em;
    float: right;
    margin-top: 0.65em;
}

.mark-type-field
{
    width: 35.5% !important;
}

.device-iphone .mark-type-field
{
    width: 30.5% !important;
}

.mark-type-cont .ui-select,
.mark-type-cont-fake .ui-select
{
    width: 25% !important;
    border-left: 1px solid #f4f4f4;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -msie-box-sizing: border-box;
    box-sizing: border-box;
}

.mark-type-cont-fake .ui-select .ui-btn-inner,
.mark-type-cont-fake label span.translation-text
{
    opacity: 0.5;    
}

.mark-type-cont-fake
{
    background-color: #F4F4F4;
}

.mark-type-cont-fake .mtype-minus-button,
.mark-type-cont-fake input,
.mark-type-cont-fake select
{
    display: none !important;
}

div[data-role="fieldcontain"].mark-type-cont label,
div[data-role="fieldcontain"].mark-type-cont-fake label
{
    width: 26%;
}

.mark-type-cont-fake .web-combo-cont
{
    display: none;
}

.mark-type-cont .web-combo-cont
{
    width: 37%;
    padding-left: 1%;
    height: 100%;
    margin-top: -1px;
}

.device-iphone .mark-type-cont .web-combo-cont
{
    width: 42%;
}

.int-input-cont
{
    display: inline-block;
    width: 6.2em;
    position: absolute;
    top: 0.6em;
    margin-left: 0.5em;
}

div.int-input-cont input[type=text],
div.int-input-cont input[type=number]
{
    display: block;
    width: 3em;
    margin-right: 0;
    text-align: center;
    padding: 0;
    margin-left: 0;
}

.int-input-less,
.int-input-more
{
    width: 1.6em;
    height: 1.6em;
    cursor: pointer;
    background-size: 100% auto;
    margin-top: -0.2em;
    background-repeat: no-repeat;
    background-position: center center;
}

.int-input-less
{
    float: left;
    background-image: url(../img/tw-minus-small.png);
}

.int-input-more
{
    float: right;
    background-image: url(../img/tw-plus-small.png);
}

#tooltip-day-start-outer
{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 32%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#tooltip-day-start-middle
{
        display: table;
        height: 100%;
        width: 100%;
}

#tooltip-day-start
{
    display: table-cell;
    vertical-align: middle;
    font-size: 0.8em;
    white-space: normal;
}

.iap-item-label-desc
{
    padding-left: 33.5%;
    font-weight: normal;
    color: black;
}

.device-iphone .iap-item-label-desc
{
    padding-left: 34.5%;    
}

.iap-item-label-price.tw-button.ui-btn
{
    text-align: center;
    color: white;
    text-shadow: none;
    text-transform: none;
    /*font-weight: bold;*/
    width: auto;
    line-height: 2.15em;
    margin-top: 0.2em;
    margin-right: -0.4em;
    float: right;
    padding: 0 0.5em;
    white-space: nowrap;
    overflow: hidden;
}

.iap-item-label-date
{
    float: right;
    text-align: center;
    border-left: 1px solid #f4f4f4;
    height: 100%;
    width: 12%;
    margin-right: -1%;
    font-weight: normal;
}

#iap-list-main .ui-field-contain
{
    overflow: hidden;
}

#users-settings-cont
{
}

#users-settings-cont-1
{
    font-size: 12px;
    padding-bottom: 15px;
    padding-top: 5px;
}

.iap-item-label-name
{
    float: left;
}

.iap-item-label-loading .iap-item-label-name
{
    display: none;
}

.iap-item-label-loading .iap-item-label-desc
{
    height: 100%;
    /*background-image: url(../img/ajax-loader.gif);*/
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center center;
}

#contain-device-id label
{
    width: 33%;
}

.dms-header
{
    margin-left: -1.5%;
    margin-right: -1.5%;
    text-align: center;
}

.dms-header-elem
{
    display: inline-block;
    position: absolute;
    width: 4%;
    text-align: center;
    margin-left: -6%;
    font-size: 1em;
    margin-top: 1.5em;
}

.dms-header-elem-last,
.dms-header-elem-additional
{
    margin-left: -2.5%;
}

.dms-elem-display,
.dms-elem-select-opt
{
    height: 1.5em;
    margin-bottom: 1.6em;
}

.dms-elem-select-opt
{
    margin-top: 1px;
    margin-bottom: 0;
}

.dms-elem-display-part
{
    width: 50%;
    height: 100%;
    display: inline-block;
}

.dms-elem-select
{
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #f4f4f4;
    border-radius: 0.3em 0.3em 0 0;
    width: 110%;
    border-bottom: 0px;
    padding: 2px;
    z-index: 1;
    padding: 2px;
    bottom: 0;
    margin-bottom: 3.1em;
    margin-left: -5%;
}

.dms-body-elem-open .dms-elem-select
{
    display: block;
}

.dms-body
{
    text-align: center;
    margin-left: 0.2%;
    margin-right: 0.2%;
    padding-top: 0.5em;
    white-space: normal;
}

.dms-body-elem
{
    display: inline-block;
    width: 3.75%;
    margin-left: 0.2%;
    margin-right: 0.2%;
    cursor: pointer;
    position: relative;
}

/*** NEW IPHONE ***/

.device-iphone .settings-page
{
    top: 2.846em;
    font-size: 1.3em;
}

.device-iphone #tooltip-day-start-outer
{
    width: 27%;
    font-size: 0.8em;
}

.device-iphone #iap-list-main .iap-item-label-name
{
    display: none;
}

.device-iphone #iap-list-main .iap-item-label-desc
{
    padding-left: 0;
    display: table;
    height: 100%;
    font-size: 0.9em;
}

.device-iphone #iap-list-main .iap-item-label-desc span
{
    display: table-cell;
    white-space: normal;
    vertical-align: middle;
    line-height: 1.2em;
}

.device-iphone #iap-list-main .iap-item-label-date
{
    width: 20%;
}

.device-iphone .dms-body-elem
{
    width: 7%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.device-iphone .dms-header-elem 
{
    margin-left: -9.8%;
}

.device-iphone .dms-header-elem-last,
.device-iphone .dms-header-elem-additional
{
    margin-left: -2%;
}

#input-bg-image
{
    display: none;
}

div[data-role="fieldcontain"].input-bg-image-cont
{
    height: 6.2em;
}

#bg-image-preview
{
    right: 0;
    height: 6.2em;
    display: inline-block;
    background-color: white;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    left: 50%;
    position: absolute;
    margin-left: -2px;
    margin-top: -1px;
    margin-right: -1px;
}

#bg-image-preview-inner
{
    background-color: #2ABDFF;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    left: 2.2em;
    right: 0.2em;
    top: 0.2em;
    bottom: 0.2em;
    position: absolute;
    cursor: pointer;
}

.image-not-set #bg-image-preview
{
}

.input-bg-image-cont .slider-on-off-cont
{
    position: relative;
    z-index: 100;
}

#bg-image-set-button,
#bg-image-reset-button
{
    width: 2em;
    height: 2em;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% auto;
    cursor: pointer;
}

#bg-image-set-button
{
    left: 2.2em;
    bottom: 0.2em;
    background-image: url(../img/tw-button-image.png);
}

#bg-image-reset-button
{
    right: 0.2em;
    top: 0.2em;
    background-image: url(../img/tw-button-close.png);
}

.dms-header-elem-additional
{
    display: none;
}

.device-iphone .dms-header-elem-additional
{
    display: inline-block;
}

.current-device-rename,
.current-device-delete
{
    text-align: center;
    cursor: pointer;
    color: white;
    width: 50%;
    filter: none;
    text-transform: uppercase;
    display: inline-block;
    top: -1px;
    position: relative;
    line-height: 2.25em;
}

.current-device-rename
{
    background: #29779D;
}

.current-device-delete
{
    background: #D93600;
}

#logged-in-device label
{
    width: 100%;
    border: 0 none;
}

.device-rename-input
{
    width: 100% !important;
    height: 100%;
    padding: 0 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.splash-text .current-device-rename
{
    width: 100%;
    margin-top: 0.5em;
    padding: 0 1px;
}

.wizard-screen #tw-toolbar-toggle,
.login-screen #tw-toolbar-toggle
{
    display: none !important;
}

.itm-settings #pin-overlay
{
    font-size: 0.8em;
}

.wizard-page-users div[data-role="fieldcontain"] label
{
    width: 30%;
}

.wizard-page-users div[data-role="fieldcontain"] input
{
    width: 68.5%;
}

.wizard-page-users .input-wizard-user-email
{
    padding-right: 5.2em !important;
}

#input-owner-cont
{
    display: none;
}

.show-on-recover-toggle
{
    display: none;
}

.toggle-show-recover .show-on-login-toggle,
.toggle-show-recover .show-on-register-toggle,
.toggle-show-recover .login-label,
.toggle-show-recover .popup-header
{
    display: none !important;
}

.toggle-show-recover .show-on-recover-toggle
{
    display: block;
}

#bg-image-preview-color-button-1,
#bg-image-preview-color-button-2,
#bg-image-preview-color-button-3
{
    height: 1.8em;
    width: 1.8em;
    left: 0.2em;
    position: absolute;
    cursor: pointer;
    box-shadow: 0 0 0 0.2em white inset;
}

.bg-image-preview-color-selected
{
    border-style: solid;
    border-width: 1px;
}


#bg-image-preview-color-button-1
{
    top: 0.2em;
}

#bg-image-preview-color-button-2
{
    height: auto;
    top: 2.2em;
    bottom: 2.2em;
}

#bg-image-preview-color-button-3
{
    bottom: 0.2em;
}

.tutorial-button
{
    height: 2em;
    width: 10em;
    line-height: 2em;
    border-radius: 2em;
    background-color: white;
    color: deepSkyBlue;
    position: absolute;
    left: 50%;
    margin-left: -5em;
    margin-top: -1em;
    text-align: center;
    cursor: pointer;
    z-index: 1010;
}

.wizard-finish-page
{
    padding: 2.3em 0;
}

#badge-editor
{
    width: 100%;
    bottom: 0;
    top: 0.3em;
    position: absolute;
    overflow: hidden;
}

.badge-editor-cont
{
    box-shadow: 0 0 0.3em 0 #000000;
    position: absolute;
    font-size: 2em;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    font-family: helvetica;
    background-color: rgb(255, 255, 255);
    top: 1em;
    left: 1em;
}

.badge-editor-element
{
    position: absolute;
    cursor: pointer;
}

.badge-editor-qr
{
    background-image: url(../img/qr.png);
    background-size: 100% 100%;
    cursor: pointer;
}

.badge-editor-element:before
{
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
}

.badge-editor-element:hover:before
{
    background-color: rgba(210, 240, 250, 0.5);
    box-shadow: 0 0 0.15em 0.1em rgba(210, 240, 250, 0.5);
}

.badge-editor-element.badge-editor-element-selected
{
    z-index: 10;
}

.badge-editor-element.badge-editor-element-selected:before,
.badge-editor-element.badge-editor-element-selected:hover:before
{
    background-color: rgba(210, 240, 250, 0.8);
    box-shadow: 0 0 0.15em 0.1em rgba(210, 240, 250, 0.8);
}

.badge-editor-one-line
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
    width: 100%;
}

.badge-editor-element-resize-ns,
.badge-editor-element-resize-ew,
.badge-editor-element-resize-all
{
    position: absolute;
    display: none;
    z-index: 10;
    text-align: left;
}

.badge-editor-element-resize-ns
{
    height: 4px;
    left: 0;
    bottom: 0;
    right: 7px;
    cursor: ns-resize;
}

.badge-editor-element-resize-ew
{
    width: 4px;
    right: 0;
    top: 0;
    bottom: 7px;
    cursor: ew-resize;
}

.badge-editor-element-resize-all
{
    width: 6px;
    right: 0;
    bottom: 0;
    height: 6px;
    cursor: nwse-resize;
}

.badge-editor-tools
{
    position: absolute;
    width: 15em;
    top: 0;
    height: 100%;
    right: 0;
    border-left: 1px solid #F4F4F4;
    overflow-x: hidden;
    overflow-y: scroll;
}


.badge-editor-element.badge-editor-element-selected .badge-editor-element-resize-ns,
.badge-editor-element.badge-editor-element-selected .badge-editor-element-resize-ew,
.badge-editor-element.badge-editor-element-selected .badge-editor-element-resize-all
{
    display: block;
}

.badge-editor-element-resize-ns:before,
.badge-editor-element-resize-ew:before,
.badge-editor-element-resize-all:before
{
    background-color: rgba(100, 180, 250, 1);
    content: "";
    position: absolute;
}

.badge-editor-element-resize-ns:before
{
    width: 100%;
    height: 1px;
    margin-top: 4px;
}

.badge-editor-element-resize-ew:before
{
    height: 100%;
    width: 1px;
    margin-left: 4px;
}

.badge-editor-element-resize-all:before
{
    height: 7px;
    width: 7px;
    margin-top: 1px;
    margin-left: 1px;
}


.badge-editor-element-resize-ns:after,
.badge-editor-element-resize-ew:after,
.badge-editor-element-resize-all:after
{
    background-color: rgba(100, 180, 250, 0.7);
    content: "";
    position: absolute;
}

.badge-editor-element-resize-ns:after
{
    width: 100%;
    height: 1px;
    margin-top: 1px;
}

.badge-editor-element-resize-ew:after
{
    height: 100%;
    width: 1px;
    margin-left: 1px;
}

.badge-editor-element-resize-all:after
{
    height: 1px;
    width: 1px;
    margin-top: 3px;
    margin-left: 3px;
}

.badge-editor-keep-ratio .badge-editor-element-resize-all
{
    display: none !important;
}

.badge-editor-keep-ratio .badge-editor-element-resize-ew
{
    bottom: 4px;
}

.badge-editor-keep-ratio .badge-editor-element-resize-ns
{
    right: 4px;
}

.badge-editor-color-picker
{
    position: relative;
    margin: 0.3em 0;
}

.badge-editor-color-picker-hue,
.badge-editor-color-picker-brightness
{
    position: absolute;
    top: 1em;
    bottom: 0;
}

.badge-editor-color-picker-hue
{
    left: 0;
}

.badge-editor-color-picker-hue:before
{
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: none;

}

.badge-editor-color-picker-hue:after
{
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: none;
}

.badge-editor-color-picker-brightness
{
    right: 0;

background: rgb(255,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(255,0,0) 0%, rgb(255,255,0) 16.666%, rgb(0,255,0) 33.333%, rgb(0,255,255) 50%, rgb(0,0,255) 66.666%, rgb(255,0,255) 83.333%, rgb(255,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,0,0)), color-stop(16.666%,rgb(255,255,0)), color-stop(33.333%,rgb(0,255,0)), color-stop(50%,rgb(0,255,255)), color-stop(66.666%,rgb(0,0,255)), color-stop(83.333%,rgb(255,0,255)), color-stop(100%,rgb(255,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(255,0,0) 0%,rgb(255,255,0) 16.666%,rgb(0,255,0) 33.333%,rgb(0,255,255) 50%,rgb(0,0,255) 66.666%,rgb(255,0,255) 83.333%,rgb(255,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(255,0,0) 0%,rgb(255,255,0) 16.666%,rgb(0,255,0) 33.333%,rgb(0,255,255) 50%,rgb(0,0,255) 66.666%,rgb(255,0,255) 83.333%,rgb(255,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(255,0,0) 0%,rgb(255,255,0) 16.666%,rgb(0,255,0) 33.333%,rgb(0,255,255) 50%,rgb(0,0,255) 66.666%,rgb(255,0,255) 83.333%,rgb(255,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(255,0,0) 0%,rgb(255,255,0) 16.666%,rgb(0,255,0) 33.333%,rgb(0,255,255) 50%,rgb(0,0,255) 66.666%,rgb(255,0,255) 83.333%,rgb(255,0,0) 100%); /* W3C */
filter: none;

}

.badge-editor-color-picker-hue-cursor
{
    width: 5px;
    height: 5px;
    background-color: white;
    border: 1px solid #777777;
    margin-top: -3px;
    margin-left: -3px;
    position: absolute;
    border-radius: 5px;
    z-index: 10;
}

.badge-editor-color-picker-brightness-cursor
{
    width: 100%;
    height: 3px;
    background-color: white;
    border: 1px solid #777777;
    margin-top: -1px;
    position: absolute;
    left: 0;
    z-index: 10;
}

.badge-editor-tools-element-color input
{
    display: none;
}

.badge-editor-tools-element-select .web-combo-cont
{
    width: 100%;
}

.badge-editor-tools-element-text input,
.badge-editor-tools-element-float input
{
    width: 100%;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0 none;
    outline: none;
    font-size: 1em;
}

.badge-editor-tools-element-text input,
.badge-editor-tools-element-float input,
.badge-editor-tools-element-select .web-combo-cont
{
    margin: 0.3em 0;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    padding: 0.3em;
}

.badge-editor-tools-element-label
{
    padding: 0.3em;
    color: #00bfff;
}

.badge-editor-tools-element .slider-on-off-cont
{
    margin: 0;
}

.badge-editor-color-picker-presets
{
    display: none;
}

.badge-editor-color-picker-presets-row
{
    height: 1em;
    width: 100%;
}

.badge-editor-color-picker-presets-element
{
    float: left;
    height: 100%;
    cursor: pointer;
}


.badge-editor-color-picker-presets-toggle
{
    width: 100%;
    height: 1em;
    cursor: pointer;
    
    background-image: url(../img/tw-arrow-grey-u.png);
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.badge-editor-color-picker-collapsed .badge-editor-color-picker-presets-toggle
{
    background-image: url(../img/tw-arrow-grey-d.png);
}

.badge-editor-color-picker-collapsed
{
    height: auto !important;
}

.badge-editor-color-picker-collapsed .badge-editor-color-picker-hue,
.badge-editor-color-picker-collapsed .badge-editor-color-picker-brightness
{
    display: none;
}

.badge-editor-color-picker-collapsed .badge-editor-color-picker-presets
{
    display: block;
}

.badge-editor-line
{
    background-color: rgba(100, 180, 250, 1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}

.badge-editor-show-lines .badge-editor-line
{
    display: block;
}

.badge-editor-v-line1,
.badge-editor-v-line2
{
    top: -1em;
    bottom: 0;
    width: 1px;
}

.badge-editor-h-line1,
.badge-editor-h-line2
{
    left: -1em;
    right: 0;
    height: 1px;
}

.badge-editor-ruler 
{
    position: absolute;
    font-size: 2em;
    overflow: hidden;
}

.badge-editor-h-ruler
{
    left: 0;
    top: 0;
    height: 1em;
    right: 0;
}

.badge-editor-v-ruler
{
    top: 0;
    left: 0;
    width: 1em;
    bottom: 0;
}

.badge-editor-ruler-mark
{
    position: absolute;
    background-color: black;
}

.badge-editor-h-ruler-mark
{
    height: 20%;
    width: 1px;
}

.badge-editor-h-ruler-mark-big
{
    height: 50%;
}

.badge-editor-h-ruler-mark-big span
{
    font-size: 0.25em;
    padding-top: 2em;
    display: block;
    width: 4em;
    margin-left: -2em;
    text-align: center;
}

.badge-editor-v-ruler-mark
{
    width: 20%;
    height: 1px;
}

.badge-editor-v-ruler-mark-big
{
    width: 50%;
}

.badge-editor-v-ruler-mark-big span
{
    font-size: 0.25em;
    padding-left: 2.5em;
    display: block;
    line-height: 2em;
    margin-top: -1em;
}

.badge-editor-cont-display
{
    height: 100%;
    position: absolute;
    left: 0;
    right: 15em;
    overflow: auto;
}

.badge-editor-element-image
{
    border-style: solid;
    border-width: 0;
    border-color: rgb(255, 255, 255);
}

#badge-editor-file-selector-popup-overlay,
#badge-editor-layout-selector-popup-overlay,
#badge-editor-load-selector-popup-overlay
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2000;
    display: none;
    background-color: rgba(0, 0, 0, 0);
}

.badge-editor-file-selector-popup-inner,
.badge-editor-layout-selector-popup-inner,
.badge-editor-load-selector-popup-inner
{
    height: 90%;
    width: 40em;
    background-color: white;
    position: absolute;
    left: 50%;
    margin-left: -20em;
    top: 5%;
    box-shadow: 0 0 2em 0 black;
}

.badge-editor-file-selector-popup-list
{
    position: absolute;
    top: 2.1em;
    bottom: 4em;
    width: 100%;
    overflow: auto;
    border-bottom: 1px solid #F4F4F4;
}

.badge-editor-file-selector-popup-list-element
{
    height: 8em;
    display: table;
    width: 100%;
    padding: 0.5em 0;
    border-bottom: 1px solid #F4F4F4;
    cursor: pointer;
}

.badge-editor-file-selector-popup-list-element:last-child
{
    border-bottom: 0 none;
}

.badge-editor-file-selector-popup-list-element div
{
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.badge-editor-file-selector-popup-list-element div.badge-editor-file-selector-popup-list-element-del-cont:before,
.badge-editor-load-selector-popup-list-elem div.badge-editor-load-selector-popup-list-elem-del
{
    content: "";
    width: 2em;
    height: 2em;
    background-image: url(../img/tw-minus-small.png);
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: 0.5em center;
    cursor: pointer;
    display: block;
}

.badge-editor-file-selector-popup-list-element div.badge-editor-file-selector-popup-list-element-img-cont
{
    width: 60%
}

.badge-editor-file-selector-popup-list-element div.badge-editor-file-selector-popup-list-element-des-cont
{
    width: 40%
}

.badge-editor-file-selector-popup-list-element-img-cont img
{
    max-height: 8em;
    max-width: 100%;
}

.badge-editor-file-selector-popup-add-form
{
    position: absolute;
    bottom: 2em;
    width: 100%;
}

.badge-editor-file-selector-popup-add-form input
{
    height: 100%;
    width: 100%;
    display: block;
}

.badge-editor-file-selector-popup-add-input
{
    position: absolute;
    top: 0;
    opacity: 0;
}

.badge-editor-file-selector-popup-deselect
{
    position: absolute;
    bottom: 0;
}

.badge-editor-tools-element-file input
{
    display: none;
}

.badge-editor-file-selector,
.badge-editor-layout-selector
{
    margin: 0.3em 0;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    padding: 0.3em;
    cursor: pointer;
}

.badge-editor-file-selector-popup-title,
.badge-editor-layout-selector-popup-title,
.badge-editor-load-selector-popup-title,
.badge-editor-file-selector-popup-add,
.badge-editor-file-selector-popup-deselect
{
    height: 2em;
    line-height: 2em;
    padding-left: 0.5em;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.badge-editor-file-selector-popup-title,
.badge-editor-layout-selector-popup-title,
.badge-editor-load-selector-popup-title
{
    color: white;
    background-color: #00bfff;
    font-size: 1.2em;
    height: 1.8em;
    line-height: 1.8em;
}

.badge-editor-file-selector-popup-add,
.badge-editor-file-selector-popup-deselect
{
    cursor: pointer;
    padding-left: 2.2em;
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: 0.5em center;
}

.badge-editor-file-selector-popup-add
{
    background-image: url(../img/tw-plus-small.png);
}

.badge-editor-file-selector-popup-deselect
{
    background-image: url(../img/tw-close-small.png);
    border-top: 1px solid #F4F4F4;
}

.badge-editor-file-selector-no-file-added
{
    display: table;
    height: 100%;
    width: 100%;
}

.badge-editor-file-selector-no-file-added > div
{
    display: table-cell;
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    color: #555555;
    font-size: 2em;
}

.badge-editor-tools-element[tool-id=width],
.badge-editor-tools-element[tool-id=height]
{
    display: none;
}

.badge-editor-layout-selector-popup-preview-page
{
    background-color: white;
    display: block;
    overflow: hidden;
    box-shadow: 0 0 0.3em 0 black;
    margin: auto;
}

.badge-editor-layout-selector-popup-preview-highlight-cont
{
    margin: auto;
    position: relative;
}

.badge-editor-layout-selector-popup-preview-row
{
    clear: left;
    float: left;
    white-space: nowrap;
}

.badge-editor-layout-selector-popup-preview-cell
{
    border: 1px dotted #ccc;
    float: left;
}

.badge-editor-layout-selector-popup-preview *,
.badge-editor-layout-selector-popup-preview-highlight-outer *,
.badge-editor-layout-selector-popup-toolbox *
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.badge-editor-layout-selector-popup-preview,
.badge-editor-layout-selector-popup-preview-highlight-outer
{
    position: absolute;
    left: 0;
    right: 15em;
    bottom: 1em;
    top: 5em;
}

.badge-editor-layout-selector-popup-toolbox
{
    position: absolute;
    width: 15em;
    right: 0;
    bottom: 0;
    top: 2.2em;
    overflow: auto;
}

.badge-editor-tools-element
{
}

.badge-editor-tools-element-layout input
{
    display: none;
}

.badge-editor-layout-selector-popup-close,
.badge-editor-file-selector-popup-close,
.badge-editor-load-selector-popup-close
{
    background-image: url(../img/tw-button-close.png);
    background-position: center center;
    background-size: 80% auto;
    height: 2.1em;
    width: 2.1em;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background-repeat: no-repeat;
}

.badge-editor-layout-selector-popup-list
{
    position: absolute;
    left: 0;
    right: 15em;
    height: auto;
}

.badge-editor-layout-selector-popup-list .web-combo-cont
{
    width: 60%;
    border: 1px solid #f4f4f4;
    margin-left: 20%;
}

.badge-editor-layout-selector-popup-preview-highlight
{
    position: absolute;
    display: none;
    overflow: hidden;
    opacity: 0.8;
}

.badge-editor-layout-selector-popup-preview-highlight-page-w,
.badge-editor-layout-selector-popup-preview-highlight-badge-w,
.badge-editor-layout-selector-popup-preview-highlight-page-m-w,
.badge-editor-layout-selector-popup-preview-highlight-page-s-w
{
    height: 11px;
    background-image: url(../img/size-line-ew.png);
    background-position: center center;
    background-repeat: repeat-x;
}

.badge-editor-layout-selector-popup-preview-highlight-page-w:before,
.badge-editor-layout-selector-popup-preview-highlight-badge-w:before,
.badge-editor-layout-selector-popup-preview-highlight-page-m-w:before,
.badge-editor-layout-selector-popup-preview-highlight-page-s-w:before
{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 100%;
    background-image: url(../img/size-arrow-w.png);
    background-position: left center;
    background-repeat: no-repeat;
    width: 4px;
    border-left: 1px solid black;
}

.badge-editor-layout-selector-popup-preview-highlight-page-w:after,
.badge-editor-layout-selector-popup-preview-highlight-badge-w:after,
.badge-editor-layout-selector-popup-preview-highlight-page-m-w:after,
.badge-editor-layout-selector-popup-preview-highlight-page-s-w:after
{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    height: 100%;
    background-image: url(../img/size-arrow-e.png);
    background-position: right center;
    background-repeat: no-repeat;
    width: 4px;
    border-right: 1px solid black;
}

.badge-editor-layout-selector-popup-preview-highlight-page-h,
.badge-editor-layout-selector-popup-preview-highlight-badge-h,
.badge-editor-layout-selector-popup-preview-highlight-page-m-h,
.badge-editor-layout-selector-popup-preview-highlight-page-s-h
{
    width: 11px;
    background-image: url(../img/size-line-ns.png);
    background-position: center center;
    background-repeat: repeat-y;
}

.badge-editor-layout-selector-popup-preview-highlight-page-h:before,
.badge-editor-layout-selector-popup-preview-highlight-badge-h:before,
.badge-editor-layout-selector-popup-preview-highlight-page-m-h:before,
.badge-editor-layout-selector-popup-preview-highlight-page-s-h:before
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    background-image: url(../img/size-arrow-n.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: 4px;
    border-top: 1px solid black;
}

.badge-editor-layout-selector-popup-preview-highlight-page-h:after,
.badge-editor-layout-selector-popup-preview-highlight-badge-h:after,
.badge-editor-layout-selector-popup-preview-highlight-page-m-h:after,
.badge-editor-layout-selector-popup-preview-highlight-page-s-h:after
{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-image: url(../img/size-arrow-s.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 4px;
    border-bottom: 1px solid black;
}

.badge-editor-layout-selector-popup-preview-highlight-page-w
{
    margin-top: -11px;
    width: 100%;
}

.badge-editor-layout-selector-popup-preview-highlight-page-h
{
    height: 100%;
    margin-left: -11px;
}

.show-in-android
{
    display: none;
}

.device-android .show-in-android
{
    display: block;
}

.badge-editor-show-border:before
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    box-shadow: 0 0 0 1px black;
}

.badge-editor-load-selector-popup-list-elem-name
{
    height: 2em;
    left: 2em;
    line-height: 2em;
    margin-top: -2em;
    padding-left: 0.5em;
    position: absolute;
    right: 0;
}

.badge-editor-load-selector-popup-list-elem.badge-editor-load-selector-popup-list-elem-selected .badge-editor-load-selector-popup-list-elem-name
{
    color: #00bfff;
    font-weight: bold;
}