@font-face {
    font-family: "VAGRoundedLTCom-Thin";
    src: url('../webfonts/293E81_0_0.svg') format('svg'), url("../webfonts/293E81_0_0.ttf") format('ttf'), url("../webfonts/293E81_0_0.eot") format('eot'), url("../webfonts/293E81_0_0.woff") format('woff');
}

@font-face {
    font-family: "VAGRoundedLTCom-Bold";
    src: url('../webfonts/293E81_1_0.svg') format('svg'), url("../webfonts/293E81_1_0.ttf") format('ttf'), url("../webfonts/293E81_1_0.eot") format('eot'), url("../webfonts/293E81_1_0.woff") format('woff');
}

@font-face {
    font-family: "digital";
    src: url("../webfonts/digital-7-webfont.ttf") format('ttf'), url("../webfonts/digital-7-webfont.woff") format('woff');

}

.webfont_0 {
    font-family: VAGRoundedLTCom-Thin;
}

.webfont_1 {
    font-family: VAGRoundedLTCom-Bold;
}

html {
    font-family: 'Open Sans', sans-serif;
    font-size: 62.5%;
}

body {
    font-size: 1.2rem;
    line-height: 2.0rem;
    color: #777;
    text-align: center;
    border-radius: 12px;
}

#popupResetDialog-popup {
    left:242px !important;
    top:160px !important;
}
#popupResetDialog {
    position: absolute;
    z-index: 99999;
}

#weightlimit {
    display: none;
    width: 312px;
    height: 30px;
    margin-top: -342px;
    position: absolute;
    margin-left: 46px;
    font-size: 20px;
    border: 1px solid grey;
    padding: 10px;
}

#redalert {
    display: none;
    width: 195px;
    height: 194px;
    border-radius: 50%;
    border: 4px solid red;
    margin-top: -224px;
    position: absolute;
    margin-left: 196px;
}

/*#toolContainer {
    width: 985px;
    border: 1px solid #1ba8dd;
	margin:10px auto;
	background:#FFFFFF;
	overflow:hidden;
}*/
#weight-equi {
    background: #1ba8dd;
    color: white;
    padding: 6px 21px 6px 17px;
    float: right;
    margin-top: -10px;
    margin-right: 21px;
    font-family: sans-serif;
}

.drag {

}

.op1 {
    background: rgb(255, 255, 255);
    padding: 6px;
    border-radius: 6px;
    border: 1px solid lightgrey;
    width: 50px;
    margin-bottom: 10px;
}

.kitchen:hover {
}

.op1:hover {
    background: #3BB9FF;
}

.scale {
    margin: -202px 0 0 286px;
    position: absolute;
    /* width: 10%;
    margin-top: -200px;
    float: left;
    margin-left: 134px;
    z-index: 100;
    position: relative; */
}

.kitchen_options {
    margin: 16px 0 0 231px;
    position: absolute;
}

#weight {
    background: whitesmoke;
    color: black;
    padding: 6px 21px 6px 17px;
    float: left;
    margin-top: -32px;
    margin-left: 55px;
    font-family: sans-serif;
    border-radius: 2px;
    font-weight: 700;
    border: 1px solid darkgrey;
    border-bottom: white;
}

#item {
    background: whitesmoke;
    color: black;
    padding: 6px 21px 6px 17px;
    float: right;
    margin-top: -32px;
    margin-right: 45px;
    font-family: sans-serif;
    border-radius: 2px;
    font-weight: 700;
    border: 1px solid darkgrey;
    border-bottom: white;
}

#left_everyday {
    width: 33%;
    float: left;
    height: inherit;
    border-right: 1px solid #CCCCCC;
}

#middle_everyday {
    width: 33%;
    float: left;
    height: inherit;
    border-right: 1px solid #CCCCCC;
}

#right_everyday {
    width: 33%;
    float: left;
    height: inherit;
}

#left_img {
    width: 49%;
    float: left;
    height: inherit;
    border-right: 3px solid #CCC;
}

#right_img {
    width: 49%;
    float: left;
    height: inherit;
}

#weight_lift {
    /* margin-top:135px;
    float: right;
    margin-right: 248px;
    margin-bottom: 55px; */
}

#digital_wrapper {
    margin-top: 157px;
    /* margin-right: 248px;
    margin-bottom: 55px; */
}

#weight_lift_left {
    float: left;
    /* width: 30%;
    margin-top: 71px;
    margin-right: 248px;
    margin-bottom: 55px; */
}

#dustbin {
    bottom: 21px;
    position: absolute;
    right: 10px;
}

#dragContainer {
    width: 28%;
    margin-top: 21px;
    /*height: 1451px;*/
    margin-left: 10px;
    float: left;
}

.weight-option {
    position: absolute;
    right: 11px;
    top: 32px;
}

#display_image {
    width: 220px;
    float: right;
    position: absolute;
    height: 90px;
    z-index: 1;
    margin: 0 auto;
    margin-top: 94px;
    margin-left: 521px;
    overflow: hidden;
}

.droppable {
    border: 5px solid #CCCCCC;
    height: 100px;
    position: absolute;
    width: 100px;
    z-index: -1;
}

#display_image_right {
    width: 220px;
    float: right;
    position: absolute;
    height: 127px;
    margin-left: 380px;
    margin-top: -100px;
}

#display_image_left {
    width: 220px;
    float: left;
    height: 127px;
    position: absolute;
    margin-left: 107px;
    margin-top: -100px;
/ / z-index : 1;
}

.clear {
    clear: both;
    height: 0;
}

.okCancel-button-container {
    margin: 20px 0 0 -16px;
}

/*.drop-target.pep-dpa:hover{border: #F0F0F0 solid 1px;}*/
#display_image_index {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    height: 127px;
    position: relative;
}

#display_image_digital {
    height: 127px;
    position: relative;
    /*margin-bottom: 25px; MAKES DIGITAL DROP REGION FLOAT IN AIR*/
}

#show_digital_weight {
    color: #008000;
    font-size: 36px;
    font-weight: 200;
    margin-left: 215px;
    margin-top: 93px;
    padding: 2px;
    font-family: Orbitron;
    position: absolute;
    width: 163px;
}

#all_images {
    height: 300px;
    display: table-cell;
    vertical-align: bottom;
    width: 300px;
    border: 1px solid #CCCCCC;
    width: 300px;
}

.balance_selector.selected {
    background: #3BB9FF;
}

.in-pan {
    padding: 0px;
    margin-left: -40px !important;
    position: static !important;
}

.in-pan1 {

    margin-left: -22px !important;

}

.balance_selector.digital-btn img {
    height: 34px;
    width: 51px;
}

.space {
    height: 200px;
    width: 300px;
    float: right;
    position: absolute;
    margin: 0 auto;
    margin-top: 40px;
    margin-left: 467px;
    text-align: center;
}

#gameContainer, #gameContainer2 {
    width: 90%;
    height: 513px;
    border: 10px solid #F2f2F2;
    position: relative;
    z-index: 100 !important;
    margin-top: -4px;
    /*-moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 6px #ccc;*/
    border-radius: 5px;
}

ul.tabs li.selected a {
    /*-moz-box-shadow: -3px -2px 7px 1px #ccc;
    -webkit-box-shadow: -3px -2px 7px 1px #ccc;
    box-shadow: -3px -2px 7px 1px #ccc;*/

}

#needle_compare {
    height: 33px;
    width: 8px;
}

#gameContainer2 img {
    max-width: 45px;
    max-height: 56px;
}

.pep-start {
    width: auto;
    height: auto;
    max-width: 90px !important;
    max-height: 120px !important;
}

.drop-target img {
    max-width: 90px;
    max-height: 120px;
}

.border {
    /*border-bottom:1px solid #999999;*/
    margin-bottom: 18px;
}

/* .border.drag{
    padding-top: 25px !important;
} */

.reveal-modal-bg {
    position: absolute;
    height: 141px;
    width: 100%;
    background: #000;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    z-index: 1;
    /*display: none;*/
    top: -167px;
    left: -8px;
}

.container {
    width: 960px;
    height: 560px;

    margin: 0 auto;
    position: relative;
}

#conPanel-draggable {
    width: 340px;
    height: 425px;
}

.conPanel-frame {
    width: 200px;
    height: 500px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    text-align: center;

    position: relative;
    z-index: 2;

    background: #0f6dad;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmNmRhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iIzFmYmFlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #0f6dad 0%, #1fbaec 11%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f6dad), color-stop(11%, #1fbaec));
    background: -webkit-linear-gradient(top, #0f6dad 0%, #1fbaec 11%);
    background: -o-linear-gradient(top, #0f6dad 0%, #1fbaec 11%);
    background: -ms-linear-gradient(top, #0f6dad 0%, #1fbaec 11%);
    background: linear-gradient(to bottom, #0f6dad 0%, #1fbaec 11%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f6dad', endColorstr='#1fbaec', GradientType=0);
}

.conPanel-frame h1 {
    margin: 0;
    padding: 0;
    line-height: 0;
    position: relative;
    top: 22px;
    font-size: 2.3rem;
    color: #fff;
    text-shadow: none !important;
    font-family: VAGRoundedLTCom-Bold;
}

.balance_wrapper {
    padding-top: 200px;
}

#preloader {
    z-index: 99;
}

.footer-btn-tools-disabled {
    width: 100px;
    height: 24px;
    display: inline-block;
    padding: 8px 0 0 0;
    font-family: VAGRoundedLTCom-Bold;
    font-size: 22px;
    color: #333;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    border: 3px solid #75848A;
    position: relative;
    top: 0;
}

.footer-bar-tools {
    background-color: #1ba8dd;
    height: 24px;
    width: 100%;
    text-align: center;
    /*position: relative;	*/
}

/*Weights wrapers*/
.weight_5kg,
.weight_1kg,
.weight_500g {
    float: right;
    padding: 12px 0;
    width: 100%;
    border-bottom: 3px solid #CCC;
}

.weight_5kg {
    height: 102px
}

.weight_1kg {
    height: 92px
}

.weight_500g {
    height: 102px
}

.weight_200g {
    height: 89px;
    padding: 10px 0;
    width: 100%;
    float: right;
}

.weight_100g,
.weight_50g,
.weight_10g,
.weight_5g,
.weight_2g {
    float: left;
    padding: 12px 0;
    width: 100%;
    border-bottom: 3px solid #CCC;
}

.weight_100g {
    height: 80px
}

.weight_50g {
    height: 73px
}

.weight_10g {
    height: 61px
}

.weight_5g {
    height: 49px
}

.weight_2g {
    height: 44px
}

.weight_1g {
    height: 40px;
    float: left;
    padding: 12px 0;
    width: 100%;
}

.weight_sponge,
.weight_CD,
.weight_mobilephone,
.weight_sugar,
.weight_flowerpot,
.weight_comicbook {
    float: right;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    border-bottom: 3px solid #CCC;
}

.weight_sponge {
    height: 28px
}

.weight_CD {
    height: 48px
}

.weight_mobilephone {
    height: 58px
}

.weight_sugar {
    height: 58px
}

.weight_flowerpot {
    height: 58px
}

.weight_comicbook {
    height: 58px
}

.weight_onions {
    text-align: center;
    height: 36px;
    padding: 10px 0;
    width: 100%;
    float: right;
}

.weight_chocolate,
.weight_pumpkin,
.weight_soup,
.weight_1andthreequarterkgbox,
.weight_strawberries,
.weight_orangeparcel,
.weight_blueparcel {
    /* float: right; */
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    border-bottom: 3px solid #CCC;
}

.weight_chocolate {
    height: 18px
}

.weight_pumpkin {
    height: 43px
}

.weight_soup {
    height: 60px
}

.weight_1andthreequarterkgbox {
    height: 46px
}

.weight_strawberries {
    height: 42px
}

.weight_orangeparcel {
    height: 43px
}

.weight_blueparcel {
    height: 42px
}

.weight_potatoes {
    text-align: center;
    height: 32px;
    padding: 10px 0;
    width: 100%; /* float:right */
    margin: 0 auto
}

.weight_tomatoes,
.weight_peas,
.weight_carrots,
.weight_cucumber,
.weight_32andaquarterkgbox,
.weight_2andahalfkgbox {
    float: left;
    text-align: center;
    padding: 14px 0;
    width: 100%;
    border-bottom: 3px solid #CCC;
}

.weight_tomatoes {
    height: 35px
}

.weight_peas {
    height: 57px
}

.weight_carrots {
    height: 31px
}

.weight_cucumber {
    height: 15px
}

.weight_32andaquarterkgbox {
    height: 46px
}

.weight_2andahalfkgbox {
    height: 56px
}

.weight_dictionary {
    text-align: center;
    height: 57px;
    padding: 14px 0;
    width: 100%;
    float: left
}

.footer-bar-tools .ui-btn.ui-shadow.ui-btn-corner-all.ui-btn-inline.ui-btn-up-c {
    margin-top: -12px;
    font-family: VAGRoundedLTCom-Bold;
    font-size: 22px;
    color: #333;
    border-radius: 10px;
    background-color: #fff;
    border: 3px solid #1ba8dd;
}

.footer-bar-tools .ui-btn.ui-shadow.ui-btn-corner-all.ui-btn-inline.ui-btn-hover-c {
    margin-top: -12px;
    font-family: VAGRoundedLTCom-Bold;
    font-size: 22px;
    color: #333;
    border-radius: 10px;
    background-color: #fff;
    border: 3px solid #1ba8dd;
}

.pep-active {
    z-index: 9999 !important;
}

#dustbin .ui-btn.ui-shadow.ui-btn-corner-all.ui-btn-up-c, #dustbin .ui-btn.ui-shadow.ui-btn-corner-all.ui-btn-hover-c {
    float: left;
    margin-right: 8px;
    margin-top: 38px;
}

/*.disabled {
    border: 3px solid #CCC !important;
    background: white !important;
}*/

#kitchen_wrapper {
    padding-top: 36px;
}

#popupDialog-popup {
    z-index: 99999;
}

#popupDialogAlert-popup {
    z-index: 99999;
}

#display_image_left .in-pan[data-wt="5000"], #display_image_right .in-pan[data-wt="5000"] {
    margin-left: -70px !important;
}

#display_image_left .in-pan[data-wt="1000"], #display_image_right .in-pan[data-wt="1000"] {
    margin-left: -62px !important;
}

#display_image_left .in-pan[data-wt="500"], #display_image_right .in-pan[data-wt="500"] {
    margin-left: -63px !important;
}

#display_image_left .in-pan[data-wt="200"], #display_image_right .in-pan[data-wt="200"] {
    margin-left: -50px !important;
}

#display_image_left .in-pan[data-wt="100"], #display_image_right .in-pan[data-wt="100"] {
    margin-left: -45px !important;
}

#display_image_left .in-pan[data-wt="50"], #display_image_right .in-pan[data-wt="50"] {
    margin-left: -45px !important;
}

#display_image_left .in-pan[data-wt="10"], #display_image_right .in-pan[data-wt="10"] {
    margin-left: -33px !important;
}

#display_image_left .in-pan[data-wt="5"], #display_image_right .in-pan[data-wt="5"] {
    margin-left: -22px !important;
}

#display_image_left .in-pan[data-wt="2"], #display_image_right .in-pan[data-wt="2"] {
    margin-left: -22px !important;
}

#display_image_left .in-pan[data-wt="1"], #display_image_right .in-pan[data-wt="1"] {
    margin-left: -22px !important;
}

#display_image_left .in-pan[data-wt="750"], #display_image_right .in-pan[data-wt="750"] {
    margin-left: -75px !important;
}

#display_image_left .in-pan#e_weight_100, #display_image_right .in-pan#e_weight_100 {
    margin-left: -60px !important;
}

#display_image_left .in-pan#e_weight_305, #display_image_right .in-pan#e_weight_305 {
    margin-left: -60px !important;
}

#display_image_left .in-pan#e_weight_3800, #display_image_right .in-pan#e_weight_3800 {
    margin-left: -60px !important;
}

#display_image_left .in-pan#e_weight_16, #display_image_right .in-pan#e_weight_16 {
    margin-left: -60px !important;
}

#display_image_left .in-pan#e_weight_8, #display_image_right .in-pan#e_weight_8 {
    margin-left: -60px !important;
}

#display_image_left .in-pan#e_weight_1750, #display_image_right .in-pan#e_weight_1750 {
    margin-left: -60px !important;
}

#display_image_left .in-pan#e_weight_3250, #display_image_right .in-pan#e_weight_3250 {
    margin-left: -60px !important;
}

#display_image_left .in-pan#e_weight_2500, #display_image_right .in-pan#e_weight_2500 {
    margin-left: -60px !important;
}

#display_image_left .in-pan#e_weight_100, #display_image_right .in-pan#e_weight_100 {
    margin-left: -60px !important;
}

#display_image_left .in-pan#e_weight_500, #display_image_right .in-pan#e_weight_500 {
    margin-left: -67px !important;
}

#display_image_left .in-pan#e_weight_147, #display_image_right .in-pan#e_weight_147 {
    margin-left: -65px !important;
}

#display_image_left .in-pan#e_weight_2400, #display_image_right .in-pan#e_weight_2400 {
    margin-left: -65px !important;
}

#display_image_left .in-pan#e_weight_1000, #display_image_right .in-pan#e_weight_1000 {
    margin-left: -65px !important;
}

#display_image_left .in-pan#e_weight_1500, #display_image_right .in-pan#e_weight_1500 {
    margin-left: -65px !important;
}

#toolContainer * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#cHelpContainer {
    cursor: move;
    z-index: 99999 !important;
}