@charset "utf-8";
@font-face{
    font-family:'HelveticaNeue-Light';
    src:url('./../font/HelveticaNeue-Light.eot');
    src:url('./../font/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), url('../font/HelveticaNeue-Light.woff') format('woff'),url('../font/HelveticaNeue-Light.ttf') format('truetype'), url('../font/HelveticaNeue-Light.svg?#HelveticaNeue-Light') format('svg');
}

@font-face{font-family:'HelveticaNeue-LightItalic';src:url('./../font/HelveticaNeue-LightItalic.eot');
    src:url('./../font/HelveticaNeue-LightItalic.eot?#iefix') format('embedded-opentype'),url('../font/HelveticaNeue-LightItalic.woff') format('woff'),url('../font/HelveticaNeue-LightItalic.ttf') format('truetype'),url('../font/HelveticaNeue-LightItalic.svg#HelveticaNeue-LightItalic') format('svg')}
@font-face{font-family:'HelveticaNeue-UltraLight';src:url('./../font/HelveticaNeue-UltraLight.eot')}
@font-face{font-family:'HelveticaNeue-UltraLight';
    src:url('./../font/HelveticaNeue-UltraLight.eot');
    src:url('./../font/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'), url('../font/HelveticaNeue-UltraLight.woff') format('woff'),url('../font/HelveticaNeue-UltraLight.ttf') format('truetype'),url('../font/HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg')}

@font-face{font-family:'HelveticaNeue-UltraLightItalic';
    src:url('./../font/HelveticaNeue-UltraLightItalic.eot');
    src:url('./../font/HelveticaNeue-UltraLightItalic.eot?#iefix')format('embedded-opentype'),url('../font/HelveticaNeue-UltraLightItalic.woff') format('woff'),url('../font/HelveticaNeue-UltraLightItalic.ttf') format('truetype'),url('../font/HelveticaNeue-UltraLightItalic.svg#HelveticaNeue-UltraLightItalic') format('svg')}
@font-face{font-family:'HelveticaNeue-Medium';
    src:url('./../font/HelveticaNeue-Medium.eot');
    src:url('./../font/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),url('../font/HelveticaNeue-Medium.woff') format('woff'),url('../font/HelveticaNeue-Medium.ttf') format('truetype'),url('../font/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg')}

@font-face{font-family:'HelveticaNeue-Bold';
    src: url("../font/HelveticaNeue-Bold.eot");
    src: url("../font/HelveticaNeue-Bold.eot?#iefix") format("embedded-opentype"),
    url("../font/HelveticaNeue-Bold.woff") format("woff");
}
@font-face{font-family:'HelveticaNeue';
    src:url('./../font/HelveticaNeue.eot');
    src:url('./../font/HelveticaNeue.eot?#iefix') format('embedded-opentype'),url('../font/HelveticaNeue.woff') format('woff'),url('../font/HelveticaNeue.ttf') format('truetype'),url('../font/HelveticaNeue.svg#HelveticaNeue') format('svg')
}

@font-face{font-family:'HelveticaNeue-BoldItalic';
    src:url('./../font/HelveticaNeue-BoldItalic.eot');
    src:url('./../font/HelveticaNeue-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../font/HelveticaNeue-BoldItalic.woff') format('woff'),url('../font/HelveticaNeue-BoldItalic.ttf') format('truetype'),url('../font/HelveticaNeue-BoldItalic.svg#HelveticaNeue-BoldItalic') format('svg')
}
@font-face{font-family:'HelveticaNeue-Italic';
    src:url('./../font/HelveticaNeue-Italic.eot');
    src:url('./../font/HelveticaNeue-Italic.eot?#iefix') format('embedded-opentype'), url('../font/HelveticaNeue-Italic.woff') format('woff'),url('../font/HelveticaNeue-Italic.ttf') format('truetype'),url('../font/HelveticaNeue-Italic.svg#HelveticaNeue-Italic') format('svg')
}

body{
    padding: 0;
    margin: 0;
    cursor: auto!important;
}

body.erase-mode{
    /*cursor: url(../../assets/images/games/frame/erase_cursor.png), default!important;*/
}
.game-tool {
    cursor: pointer;
    height: 46px;
}

.icon-toolbar-right-blank-space{
    cursor: auto;
}

.game-title {
    height: 46px;
    display: none;
}

.game-footer {
    height: 12px;
    display: none;
}

.hide-scroll-bar .mCSB_scrollTools{
    display: none !important;
}

.btn-action {
    color: #797979;
    border-radius: 5px;
    padding: 3px 10px;
    border: 1px solid #BDBDBF;
    box-shadow: 1px 1px 10px #BDBDBF;
}
.footer-right .icon-toolbar-left-annotation,
[class*=icon-toolbar-right] {
   /* background: #126396;
    background-image: -moz-linear-gradient(top,#5798CC,#0E79BF);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5798CC),to(#0E79BF));
    background-image: -webkit-linear-gradient(top,#5798CC,#0E79BF);
    background-image: -o-linear-gradient(top,#5798CC,#0E79BF);
    background-image: linear-gradient(to bottom,#5798CC,#0E79BF);*/
    background: url(../../assets/images/games/frame/footer-right-bg.png) repeat-x;
}

.footer-right .icon-toolbar-left-annotation {
    float: none;
    width: 0;
    height: 0;
    padding: 0;
}


.icon-toolbar-right-blank-space {
    height: 46px;
    width: 426px;
    float: left;
}

.icon-toolbar-right-erase {
    width: 54px;
}

.icon-toolbar-right-draw {
    height: 46px;
    width: 64px;
    float: left;
    padding: 9px 16px;
}

.icon-toolbar-right-palette {
    height: 46px;
    width: 78px;
    float: left;
    padding: 9px 14px;
}

.icon-toolbar-right-palette {
    position: relative;
}

#selected-color{
    width: 16px;
    height: 16px;
    display: inline-block;
    /*background: #0061AF;*/
    position: absolute;
    top: 9px;
    right: 12px;
    border: 2px solid #FFFFFF;
}
.color-sample{
    height: 24px;
    width: 24px;
    display: inline-block;
    padding: 2px;
    cursor: pointer;
}

.color-sample.white{
    border: 1px solid #ccc;
}

.color-list .color-sample:hover {
    border: 1px solid #7bbcd9;
}

.color-list:hover {
    cursor: pointer;
}

.icon-toolbar-right-text {
    height: 46px;
    width: 64px;
    float: left;
    padding: 9px 9px;
}

.icon-toolbar-right-select {
    height: 46px;
    width: 54px;
    float: left;
    padding: 9px 18px;
}

[class*=icon-toolbar-right].selected {
    /* #3271B1 to #1053A0 */
    background: #2465AB;
    background-image: -moz-linear-gradient(top,#4a87b6,#026cab);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#4a87b6),to(#026cab));
    background-image: -webkit-linear-gradient(top,#4a87b6,#026cab);
    background-image: -o-linear-gradient(top,#4a87b6,#026cab);
    background-image: linear-gradient(to bottom,#4a87b6,#026cab);
}

[class*=icon-toolbar-address-bar] {
    background: url(../../assets/images/games/frame/addressBar_upstate.png) no-repeat;
}

.icon-toolbar-address-bar-back {
    display: none;
    height: 46px;
    width: 50px;
    float: left;
    background: #27BB61;
    background-image: -moz-linear-gradient(top,#65AD44,#3A9A46);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#65AD44),to(#3A9A46));
    background-image: -webkit-linear-gradient(top,#65AD44,#3A9A46);
    background-image: -o-linear-gradient(top,#65AD44,#3A9A46);
    background-image: linear-gradient(to bottom,#65AD44,#3A9A46);
    padding: 9px 13px;
}
.icon-toolbar-address-bar-back.selected {
    opacity: 0.6;
}

.icon-toolbar-address-bar-des {
    height: 46px;
    width: 810px;
    float: left;
    background: #27BB61;
    background-image: -moz-linear-gradient(top,#65AD44,#3A9A46);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#65AD44),to(#3A9A46));
    background-image: -webkit-linear-gradient(top,#65AD44,#3A9A46);
    background-image: -o-linear-gradient(top,#65AD44,#3A9A46);
    background-image: linear-gradient(to bottom,#65AD44,#3A9A46);

}

.address-bar-title {
    color: #fff;
    font-size: 20px;
    padding-left: 12px;
    height: 46px;
    line-height: 46px;
    position: relative;
    display: inline-block;
}


.header-title {
    font-family: HelveticaNeue-Bold,sans-serif;
    display: inline-block;
    float: left;
    /*top: 8px;
    position: relative;
    height: 24px;
    vertical-align: bottom;*/
}

.title-only .address-bar-title .header-title {
    top: 12px;
}


.header-description {
    /*height: 24px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    top: 8px;*/
    font-family: HelveticaNeue-Light,sans-serif;
}

.icon-toolbar-address-bar-separator {
    display: none;
    height: 46px;
    width: 2px;
    float: left;
    background: #5FAE56;
    background-image: -moz-linear-gradient(top,#5BB274,#5AB174);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5BB274),to(#5AB174));
    background-image: -webkit-linear-gradient(top,#5BB274,#5AB174);
    background-image: -o-linear-gradient(top,#5BB274,#5AB174);
    background-image: linear-gradient(to bottom,#5BB274,#5AB174);
}

[class*=icon-toolbar-top] {
    background: #32bec1;
    background-image: -moz-linear-gradient(top,#2DB3AF,#0CA09F);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#2DB3AF),to(#0CA09F));
    background-image: -webkit-linear-gradient(top,#2DB3AF,#0CA09F);
    background-image: -o-linear-gradient(top,#2DB3AF,#0CA09F);
    background-image: linear-gradient(to bottom,#2DB3AF,#0CA09F);
}

.icon-toolbar-top-save {
    display: none;
    height: 46px;
    width: 64px;
    float: left;
    padding: 12px 17px;
}

.icon-toolbar-top-save.selected {
    opacity: 0.6;
}

.icon-toolbar-top-print-panBalance,
.icon-toolbar-top-print {
    height: 46px;
    width: 60px;
    float: left;
    padding: 12px 17px;
    cursor: pointer;
}

.icon-toolbar-top-print-panBalance.selected,
.icon-toolbar-top-print.selected {
    opacity: 0.6;
}

[class*=icon-toolbar-left] {
    background: #2aacdb;
    background-image: -moz-linear-gradient(top,#52b2de,#03a6d8);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#52b2de),to(#03a6d8));
    background-image: -webkit-linear-gradient(top,#52b2de,#03a6d8);
    background-image: -o-linear-gradient(top,#52b2de,#03a6d8);
    background-image: linear-gradient(to bottom,#52b2de,#03a6d8);
}





/*----------------------------------------------*/
/* ICON TOOLBAR LEFT */
/*----------------------------------------------*/


/* ICON WRAPPER */

[class*=icon-toolbar-left] {
    float: left;
}

.icon-toolbar-left-hreflection {
    height: 46px;
    width: 62px;
}

.icon-toolbar-left-vreflection {
    height: 46px;
    width: 62px;
}

.icon-toolbar-left-copy,
.icon-toolbar-left-zoom-out,
.icon-toolbar-left-zoom-in,
.icon-toolbar-left-zoom-reset,
.icon-toolbar-left-annotation,
.icon-toolbar-left-zoom-move {
    height: 46px;
    width: 50px;
}

.icon-toolbar-left-combine {
    height: 46px;
    width: 63px;
}

.icon-toolbar-left-separate {
    height: 46px;
    width: 75px;
}

.icon-toolbar-left-protractor {
    height: 46px;
    width: 68px;
}

.icon-toolbar-left-ruler {
    height: 46px;
    width: 62px;
}

.icon-toolbar-left-hide-unhide-box {
    height: 46px;
    width: 86px;
}

.icon-toolbar-left-hide-single {
    height: 46px;
    width: 86px;
}

.icon-toolbar-left-hide-all {
    height: 46px;
    width: 90px;
}

.icon-toolbar-left-show-all {
    height: 46px;
    width: 95px;
}

.icon-toolbar-left-hrotation,
.icon-toolbar-left-vrotation {
    height: 46px;
    width: 62px;
}

.icon-toolbar-left-nets {
    height: 46px;
    width: 62px;
}
/* //ICON WRAPPER */



/* ICON INNER */

[class*=icon-toolbar-left] > span {
    height: 100%;
    width: 100%;
    display: block;
}

.hreflection {
    background: url(//sadlierconnectpublicassets.s3.amazonaws.com/vm-tools/assets/images/games/plane_figure/vm_reflect_horizontal_icn@2x.png) center center no-repeat;
    background-size: 25px 30px;
}

.vreflection {
    background: url(//sadlierconnectpublicassets.s3.amazonaws.com/vm-tools/assets/images/games/plane_figure/vm_reflect_vertical_icn@2x.png) center center no-repeat;
    background-size: 30px 25px;
}

.copy_icon {
    background: url(../../assets/images/games/frame/copy_icon.png) center center no-repeat;
    background-size: 20px 20px;
}

.zoom_in_icon {
    background: url(../../assets/images/games/frame/icon-zoom-in.png) center center no-repeat;
    background-size: 20px 20px;
}

.zoom_out_icon {
    background: url(../../assets/images/games/frame/icon-zoom-out.png) center center no-repeat;
    background-size: 20px 20px;
}

.reset_zoom_icon {
    background: url(../../assets/images/games/frame/icon-reset-zoom.png) center center no-repeat;
    background-size: 20px 20px;
}

.combine_icon {
    background: url(../../assets/images/games/frame/combine_icon.png) center center no-repeat;
    background-size: 34px 30px;
}

.separate_icon {
    background: url(../../assets/images/games/frame/separate_icon.png) center center no-repeat;
    background-size: 47px 20px;
}

.protractor_icon {
    background: url(../../assets/images/games/frame/protractor_icon.png) center center no-repeat;
    background-size: 36px 25px;
}

.ruler_icon {
    background: url(../../assets/images/games/frame/ruler_icon.png) center center no-repeat;
    background-size: 34px 34px;
}

.hide_unhide_icon {
    background: url(../../assets/images/games/frame/hide_unhide_icon.png) center center no-repeat;
    background-size: 28px 28px;
}

.btn-sadlier-text.hide-all,
.btn-sadlier-text.show-all {
    display: block;
    text-align: center;
    line-height: 46px;
}

.hand_move_icon {
    background: url(../../assets/images/games/frame/icon-hand-move.png) center center no-repeat;
    background-size: 20px 20px;
}

.vreflection {
    background: url(//sadlierconnectpublicassets.s3.amazonaws.com/vm-tools/assets/images/games/plane_figure/vm_reflect_vertical_icn@2x.png) center center no-repeat;
    background-size: 30px 25px;
}

.hreflection {
    background: url(//sadlierconnectpublicassets.s3.amazonaws.com/vm-tools/assets/images/games/plane_figure/vm_reflect_horizontal_icn@2x.png) center center no-repeat;
    background-size: 25px 30px;
}

.xrotate{
    background: url('//sadlierconnectpublicassets.s3.amazonaws.com/vm-tools/assets/images/games/solid_figure/vm_rotate_vertical_icn.png')  center center no-repeat;
    background-size: 31px 28px;
}

.yrotate {
    background: url('//sadlierconnectpublicassets.s3.amazonaws.com/vm-tools/assets/images/games/solid_figure/vm_rotate_horizontal.png') center center no-repeat;
    background-size: 28px 31px;
}

.scissors {
    background: url('//sadlierconnectpublicassets.s3.amazonaws.com/vm-tools/assets/images/games/solid_figure/vm_nets.png') center center no-repeat;
    background-size: 33px 33px;
}
/* //ICON INNER */
.icon-toolbar-top-print-panBalance:hover,
.icon-toolbar-top-print:hover,
.icon-toolbar-info:hover,
.icon-toolbar-top-print-panBalance.selected > span,
.icon-toolbar-top-print.selected > span,
.icon-toolbar-clear:hover,
.icon-toolbar-clear.selected > span,
[class*=icon-toolbar-left]:hover,
[class*=icon-toolbar-left].selected > span {
    opacity: 0.8;
    cursor: pointer;
}
.icon-toolbar-top-print-panBalance.selected:hover,
.icon-toolbar-top-print.selected:hover,
.icon-toolbar-clear.selected:hover,
[class*=icon-toolbar-left].selected:hover {
    opacity: 1;
}

/*----------------------------------------------*/
/* //ICON TOOLBAR LEFT */
/*----------------------------------------------*/





[class*=icon-toolbar-left].selected {
    background: #259ac5;
    background-image: -moz-linear-gradient(top, #49a0c7, #0395c2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#49a0c7),to(#0395c2));
    background-image: -webkit-linear-gradient(top,#49a0c7,#0395c2);
    background-image: -o-linear-gradient(top,#49a0c7,#0395c2);
    background-image: linear-gradient(to bottom,#49a0c7,#0395c2);
}

.icon-toolbar-clear {
    background: url(../../assets/images/games/frame/clear_upstate.png) center center no-repeat;
    height: 46px;
    width: 54px;
    float: right;
    margin-left: 7px;
    background: #CE2C33;
    background-image: -moz-linear-gradient(top,#E2453D,#CB2832);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#E2453D),to(#CB2832));
    background-image: -webkit-linear-gradient(top,#E2453D,#CB2832);
    background-image: -o-linear-gradient(top,#E2453D,#CB2832);
    background-image: linear-gradient(to bottom,#E2453D,#CB2832);
    padding: 9px 15px;
}

.icon-toolbar-clear.selected {
    background: #ac2925;
    background-image: -moz-linear-gradient(top,#8E2C27,#D22828);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#8E2C27),to(#D22828));
    background-image: -webkit-linear-gradient(top,#8E2C27,#D22828);
    background-image: -o-linear-gradient(top,#8E2C27,#D22828);
    background-image: linear-gradient(to bottom,#8E2C27,#D22828);
}

.icon-toolbar-info {
    height: 46px;
    width: 52px;
    float: right;
    margin-left: 7px;
    background: #fb910c;
    background-image: -moz-linear-gradient(top,#ff9801,#f6861c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ff9801),to(#f6861c));
    background-image: -webkit-linear-gradient(top,#ff9801,#f6861c);
    background-image: -o-linear-gradient(top,#ff9801,#f6861c);
    background-image: linear-gradient(to bottom,#ff9801,#f6861c);
    padding: 12px 15px;
}
.icon-toolbar-info.selected {
    opacity: 0.6;
}

.header-left{
    display: inline-block;
    color: #ffffff;
}


.header-right{
    display: inline-block;
    float: right;
}

.footer-left {
    display: block;
    float: left;
    position: relative;
    /*z-index: 10;*/
}


.footer-right {
    display: block;
    float: right;
    position: relative;
    /*z-index: 10;*/
}


[class*=icon-toolbar][onclick*=javascript]{
    cursor:pointer
}

.game-body {
    margin: 7px 0;
    background: #ffffff;
    height: 540px;
    width: 936px;
}

.game-footer{
    height: 12px;
}

.game-content {
    padding: 10px;
}

[class*=icon-toolbar] {
    margin-top: 0;
}

.double-arrow-down{
    background: url(../../assets/images/games/game/d_arrow.png) center center no-repeat;
    height: 12px;
    width: 12px;
    display: inline-block;
    position: absolute;
    margin-left: 5px;
    top: 11px;
    right: 15px;
}

.double-arrow-up{
    background: url(../../assets/images/games/game/d_arrow_up.png) center center no-repeat;
    height: 12px;
    width: 12px;
    display: inline-block;
}

.back-arrow{
    background: url(../../assets/images/games/frame/back_arrow.png) center center no-repeat;
    height: 28px;
    width: 23px;
    display: inline-block;
}

.drop_down_icon{
    background: url(../../assets/images/games/frame/drop_down_icon.png) center center no-repeat;
    height: 24px;
    width: 16px;
    display: inline-block;
    position: relative;
    top: 6px;
}

.palette_icon {
    background: url(../../assets/images/games/frame/icon_palette.png) center center no-repeat;
    width: 51px;
}

.erase_icon {
    background: url(../../assets/images/games/frame/erase_icon.png) center center no-repeat;
}

.draw_icon {
    background: url(../../assets/images/games/frame/draw_icon.png) center center no-repeat;
}


.annos-icon,
.annos-icon.hide-annos-icon {
    position: absolute;
    top: 8px;
    width: 30px !important;
    height: 30px !important;
    display: block;
    z-index: 9998;
}

.annos-icon.hide-annos-icon {
    right: 246px;
}

.annos-icon {
    right: 246px;
}

.annos-icon {
    background: url(../../assets/images/games/frame/hide_annos.png) center center no-repeat;
}

.annos-icon.hide-annos-icon {
    background: url(../../assets/images/games/frame/show_annos.png) center center no-repeat !important;
}

.text_icon {
    background: url(../../assets/images/games/frame/text_icon.png) center center no-repeat;
}

.select_icon {
    background: url(../../assets/images/games/frame/select_icon.png) center center no-repeat;
}

.clear_icon {
    background: url(../../assets/images/games/frame/clear_icon.png) center center no-repeat;
    height: 28px;
    width: 23px;
    display: inline-block;
}

.bar-graph-container .icon-toolbar-right-blank-space,
.circle-graph-tool .icon-toolbar-right-blank-space,
.line-graph-tool .icon-toolbar-right-blank-space,
.picture-graph-tool .icon-toolbar-right-blank-space,
.boxplot-tool .icon-toolbar-right-blank-space,
.line-plot-tool .icon-toolbar-right-blank-space,
.spinner-k-6-tool .icon-toolbar-right-blank-space,
.spinner-7-8-tool .icon-toolbar-right-blank-space,
.number-cube-tool .icon-toolbar-right-blank-space,
.clock-tool .icon-toolbar-right-blank-space,
.area-model-tool .icon-toolbar-right-blank-space,
.geoboard-tool .icon-toolbar-right-blank-space {
    width: 551px !important;
}

.check_icon {
    background: url(../../assets/images/games/frame/check_icon.png) center center no-repeat;
    height: 22px;
    width: 31px;
    display: inline-block;
}

.print_icon {
    background: url(../../assets/images/games/frame/print_icon.png) center center no-repeat;
    height: 22px;
    width: 26px;
    display: inline-block;
}

.color-list .color-sample {
    border: 1px solid #1b99c9;
}

.info_icon {
    background: url(../../assets/images/games/frame/info_icon.png) center center no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
}

.cur_arrow_icon {
    background: url(../../assets/images/games/frame/cur_arrow_icon_updated.png) center center no-repeat;
    height: 24px;
    width: 32px;
    display: inline-block;
}

.btn_plus_icon {
    background: url(../../assets/images/games/game/btn_plus.png) center no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
}

.btn_minus_icon {
    background: url(../../assets/images/games/game/btn_minus.png) center no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
}

a.btn.btn-remove-data {
    display: inline-block;
    cursor: pointer;
    background: url(../../assets/images/games/game/btn_minus.png) center no-repeat;
    background-size: contain;
    border: none;
}

a.btn.btn-add-data {
    display: inline-block;
    cursor: pointer;
    background: url(../../assets/images/games/game/btn_plus.png) center no-repeat;
    background-size: contain;
    border: none;
}

a.btn.btn-minus-background {
    display: inline-block;
    cursor: pointer;
    background: url(../../assets/images/games/game/btn_minus_background@2x.png) center no-repeat;
    background-size: contain;
}

a.btn.btn-plus-background {
    display: inline-block;
    cursor: pointer;
    background: url(../../assets/images/games/game/btn_plus_background@2x.png) center no-repeat;
    background-size: contain;
}

.toolbar_blue_separator {
    width: 2px;
    height: 46px;
    background: url(../../assets/images/games/frame/separator_generic.png) repeat-x;
    display: inline-block;
    float: left;
}

.anos_blue_separator {
    width: 2px;
    height: 46px;
    background: url(../../assets/images/games/frame/anos_bg.png) repeat-x;
    display: inline-block;
    float: left;
}

.toolbar_light_blue_separator {
    width: 2px;
    height: 46px;
    background: #68BCE9;
    display: inline-block;
    float: left;
}

.toolbar_light_green_separator {
    width: 2px;
    height: 46px;
    background: #54C0BB;
    float: left;
    display: none;
}

.modal.fade.in {
    top:35%;
}

.gray_separator {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #fff;
    display: inline;
    height: 22px;
    margin: 0 10px;
    width: 0;
}

.address-bar-title .gray_separator {
    /*position: relative;
    top: 4px;*/
}

input.radio_btn {
    margin-top: -2px;
}

.radio_option_des {
    margin-left: 4px;
}

input[type="text"]{
    margin-bottom: 0;
}

.none-highlight,
.btn-sadlier,
.btn-sadlier-switch {
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -ms-user-select: none;
    outline: none;
}

a.btn-sadlier-switch{
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-touch-action: none;
    -webkit-print-color-adjust: exact;
    text-decoration: none !important;
}

.btn-sadlier{
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    border: 1px solid #bbbdbf;
    border-radius: 8px;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.btn-sadlier:hover{
    color: #9E9E9E;
}

.btn-sadlier.dark{
    color: #FFFFFF;
    background-color: #CECECE;
    background-image: linear-gradient(to bottom,#CECECE,#737270);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#CECECE,#737270);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#CECECE),to(#737270));
    background-image: -webkit-linear-gradient(top,#CECECE,#737270);
    background-image: -o-linear-gradient(top,#CECECE,#737270);
    -webkit-box-shadow: inset 0 1px 0 rgba(214,213,213,0.2),0 1px 2px rgba(119,118,116,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(214,213,213,0.2),0 1px 2px rgba(119,118,116,0.05);
    box-shadow: inset 0 1px 0 rgba(214,213,213,0.2),0 1px 2px rgba(119,118,116,0.05);
    text-shadow: 0 1px 1px rgba(119,118,116,0.75);
}

.btn-sadlier-popup{
    display: inline-block;
    padding: 6px 16px 4px 16px;
    position: relative;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    color: #1B75BB;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    border: 1px solid #bbbdbf;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.btn-toggle-side-bar{
    display: inline-block;
    width: 28px;
    height: 30px;
    padding: 6px 6px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    color: #999999;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    border: 1px solid #bbbdbf;
    border-radius: 0 8px 8px 0;
    border-left: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.btn-sadlier-switch{
    display: inline-block;
    padding: 5px 16px;
    margin-bottom: 0;
    font-size: 16px;
    /*font-weight: bold;*/
    line-height: 19px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #808080;
    font-family: "HelveticaNeue-Light";
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);*/
    white-space: nowrap;
}

.btn-sadlier-switch.active{
    color: #FFFFFF;
    /*background-color: #CECECE;
    background-image: linear-gradient(to bottom,#CECECE,#737270);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#CECECE,#737270);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#CECECE),to(#737270));
    background-image: -webkit-linear-gradient(top,#CECECE,#737270);
    background-image: -o-linear-gradient(top,#CECECE,#737270);*/
    /*-webkit-box-shadow: inset 0 1px 0 rgba(214,213,213,0.2),0 1px 2px rgba(119,118,116,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(214,213,213,0.2),0 1px 2px rgba(119,118,116,0.05);
    box-shadow: inset 0 1px 0 rgba(214,213,213,0.2),0 1px 2px rgba(119,118,116,0.05);
    text-shadow: 0 1px 1px rgba(119,118,116,0.75);*/
    background: linear-gradient(#b1b1b1, #666);


    background: #b1b1b1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#b1b1b1, #666); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b1b1b1, #666); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b1b1b1, #666); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b1b1b1, #666); /* Standard syntax (must be last) */
}

.btn-line-type-advance.active {
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #666;
    border-right: 1px solid transparent;
}

.btn-line-type-basic.active {
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #666;
    border-left: 1px solid transparent;
}

.btn-sadlier-switch.left{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.btn-sadlier-switch.right{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}
.color-palate {
    display: none;
    width: 304px;
    position: absolute;
    bottom: -7px;
    right: 120px;
/*    background: #DADADA;*/
    padding: 0;
    -moz-box-shadow: 0 0 25px #555;
    -webkit-box-shadow: 0 0 25px #555;
    box-shadow: 0 0 25px #555;
    border-radius: 10px;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#DADADA,#fff);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#DADADA),to(#fff));
    background-image: -webkit-linear-gradient(top,#DADADA,#fff);
    background-image: -o-linear-gradient(top,#DADADA,#fff);
    background-image: linear-gradient(to bottom,#DADADA,#fff);
    background-repeat: repeat-x;
    z-index: 1;
}

.color-palate:after {
    position: absolute;
    bottom: -6px;
    right: 12px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.color-palate .color-sample{
    margin: 7px 4px 0 4px;
}

.color-palate .color-sample:first-child{
    margin-left: 12px;
}
.inner-color-palate {
    width: 189px;
    position: absolute;
    bottom: 22px;
    left: -8px;
    background: #DADADA;
    padding: 12px 10px 6px 10px;
    border: 1px solid #cccccc;
    border-radius: 12px;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#DADADA,#fff);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#DADADA),to(#fff));
    background-image: -webkit-linear-gradient(top,#DADADA,#fff);
    background-image: -o-linear-gradient(top,#DADADA,#fff);
    background-image: linear-gradient(to bottom,#DADADA,#fff);
    background-repeat: repeat-x;
    z-index: 1;
}

.inner-color-palate:before {
    position: absolute;
    bottom: -7px;
    left: 11px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,.2);
    content: '';
}

.inner-color-palate:after {
    position: absolute;
    bottom: -6px;
    left: 12px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.inner-color-palate.minimized{
    display: none;
}

.sadlier-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 170px;
    padding: 8px 10px;
    margin: 2px 0 0;
    list-style: none;
    color: #B9B9B9;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom,#FFF,#ECECEC);
    background-repeat: repeat-x;
}

.sadlier-dropdown:after {
    position: absolute;
    top: -6px;
    left: 18px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.sadlier-dropdown:before {
    position: absolute;
    top: -8px;
    left: 17px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,.2);
    content: '';
}

.vm_header_minimize {
    background: url(../../assets/images/games/frame/vm_header.png) center center no-repeat;
    background-position: 0 0;
    height: 34px;
    width: 24px;
    display: inline-block;
    position: relative;
    left: 14px;
    top: 6px;
}

.vm_header_title {
    background: url(../../assets/images/games/frame/vm_header.png) center center no-repeat;
    background-position: -34px 0;
    height: 34px;
    width: 208px;
    display: inline-block;
    position: relative;
    left: 400px;
    top: 6px;
}

.vm_header_close {
    background: url(../../assets/images/games/frame/vm_header.png) center center no-repeat;
    background-position: -248px 0;
    height: 34px;
    width: 30px;
    display: inline-block;
    position: relative;
    left: 744px;
    top: 6px;
}

.equal_sign_big {
    background: url(../../assets/images/games/game/sign_equal_10.png) center center no-repeat;
    height: 18px;
    width: 18px;
    display: inline-block;
    padding: 0 16px;
}

.x_sign_big {
    background: url(../../assets/images/games/game/char_x_20_updated.png) center center no-repeat;
    height: 20px;
    width: 22px;
    display: inline-block;
}

.x_sign_normal {
    background: url(../../assets/images/games/game/char_x_14_updated.png) center center no-repeat;
    height: 14px;
    width: 15px;
    display: inline-block;
}
.textItalic {
    font-style: italic;
}

.plus_sign_big {
    background: url(../../assets/images/games/game/sign_plus_18.png) center center no-repeat;
    height: 18px;
    width: 18px;
    display: inline-block;
    padding: 0 16px;
}
.minus_sign_big {
    background: url(../../assets/images/games/game/sign_minus_18.png) center center no-repeat;
    height: 18px;
    width: 18px;
    display: inline-block;
    padding: 0 16px;
}
.multiply_sign_big {
    background: url(../../assets/images/games/game/sign_mult_18.png) center center no-repeat;
    height: 18px;
    width: 18px;
    display: inline-block;
    padding: 0 16px;
}

.nav_down {
    background: url(../../assets/images/games/game/down_arrow.png) center center no-repeat;
    height: 18px;
    width: 32px;
    display: inline-block;
}
.nav_up {
    background: url(../../assets/images/games/game/up_arrow.png) center center no-repeat;
    height: 18px;
    width: 32px;
    display: inline-block;
}

.nav_left {
    background: url(../../assets/images/games/game/left_arrow.png) center center no-repeat;
    height: 24px;
    width: 14px;
    display: inline-block;
    cursor: pointer;
}

.nav_right {
    background: url(../../assets/images/games/game/right_arrow.png) center center no-repeat;
    height: 24px;
    width: 14px;
    display: inline-block;
    cursor: pointer;
}

.sadlier-control{
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}

button, input, select {
    overflow: visible;
}

.sadlier-control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 0!important;
}

.sadlier-control input:checked ~ .sadlier-control-indicator {
    background: #F7F7F7;
}

.sadlier-control.sadlier-control-checkbox  input:checked ~ .sadlier-control-indicator {
    background: url(//static.assets.sadlierconnect.com/vm-tools/assets/images/games/game/checked@2x.png) white center center no-repeat;
    background-size: 16px 12px;
}

.sadlier-control-indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.sadlier-control input:checked ~ .sadlier-control-indicator:after {
    display: block;
}

.sadlier-control-indicator:after {
    content: '';
    position: absolute;
    display: none;
}

/*--------------------------------------------------------------------------------*/

/*

.sadlier-control-checkbox .sadlier-control-indicator:after {
    left: 1px;
    top: -2px;
    width: 0;
    height: 14px;
    !*border: solid #000;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);*!
}

.sadlier-control-indicator:after {
    content: '';
    position: absolute;
    display: none;
}*/

/*--------------------------------------------------------------------------------*/

/*
.histogram-data-table [class*=check-data-icon]:after,
.calculation-detail-table .sadlier-control-checkbox [class*=check-]:after,
.check-point-icon:after,
.check-dates-icon.active:after,
.check-days-icon.active:after {
    !*content: url(//static.assets.sadlierconnect.com/vm-tools/assets/images/games/game/checked.png);*!
    background: url(//static.assets.sadlierconnect.com/vm-tools/assets/images/games/game/checked@2x.png) center center no-repeat;
    display: block;
    width: 16px;
    height: 12px;
    background-size: 16px 12px;
    content: '';
}*/

.sadlier-control-radio .sadlier-control-indicator {
    border-radius: 50%;
}

.sadlier-control-radio .sadlier-control-indicator:after {
    left: 4px;
    top: 4px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #3A3A3A;
}

.clear {
    clear: both;
}


.ui-spinner.ui-widget-content {
    position: relative;
    overflow: visible;
    margin: 0 28px;
    background: transparent;
    border: none;
}

.ui-widget-content .ui-icon.nav-left{
    background: url(../../assets/images/games/game/left_arrow.png) center center no-repeat;
    height: 24px;
    width: 14px;
    display: inline-block;
    cursor: pointer;
}

.clock-container .ui-widget-content .ui-icon.nav-left{
    background: url(../../assets/images/games/game/left_arrow_blue.png) center center no-repeat;
    height: 24px;
    width: 14px;
    display: inline-block;
    cursor: pointer;
}

.ui-widget-content .ui-icon.nav-right{
    background: url(../../assets/images/games/game/right_arrow.png) center center no-repeat;
    height: 24px;
    width: 14px;
    display: inline-block;
    cursor: pointer;
}

.clock-container .ui-widget-content .ui-icon.nav-right{
    background: url(../../assets/images/games/game/right_arrow_blue.png) center center no-repeat;
    height: 24px;
    width: 14px;
    display: inline-block;
    cursor: pointer;
}

a.ui-spinner-button.ui-spinner-up.ui-corner-tr{
    top: -2px;
    right: -22px;
}


.ui-spinner-button.ui-spinner-down.ui-corner-br {
    bottom: 2px;
    left: -20px;
}

.ui-spinner-input {
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #3A3A3A;
    margin: 0;
}

.ui-spinner-button {
    width: 16px;
    height: 100%;
}

div.param-data-spinner div.spinner-title,
div.param-data-spinner div.spinner-title-input,
div.param-data-spinner div.sector-selector,
div.param-data-spinner div.equal-parts-selector,
div.param-data-spinner div.label-detail {
    background: #F2F2F4;
    padding-left: 10px;
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -10px;
    top: 50%;
    left: 0;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.bootstrap-switch.bootstrap-switch-wrapper{
    width: 200px;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #FFFFFF;
    background-color: #CECECE;
    background-image: linear-gradient(to bottom,#CECECE,#737270);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#CECECE,#737270);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#CECECE),to(#737270));
    background-image: -webkit-linear-gradient(top,#CECECE,#737270);
    background-image: -o-linear-gradient(top,#CECECE,#737270);
    -webkit-box-shadow: inset 0 1px 0 rgba(214,213,213,0.2),0 1px 2px rgba(119,118,116,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(214,213,213,0.2),0 1px 2px rgba(119,118,116,0.05);
    box-shadow: inset 0 1px 0 rgba(214,213,213,0.2),0 1px 2px rgba(119,118,116,0.05);
    /*text-shadow: 0 1px 1px rgba(119,118,116,0.75);*/
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    font-size: 16px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    color: #808080;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    /*display: none!important;*/
}

.game-container {
    width: 956px;
    margin:0 auto;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    position: relative;
    overflow: visible;
    border-style: none;
    border-width: 0;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-touch-action: none;
    -webkit-print-color-adjust: exact;
    background-color:#59575a;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#59575a, endColorstr=#858b8e);
    background-image:-moz-linear-gradient(top, #59575a 10%, #858b8e 50%,#59575a 90%);
    background-image:linear-gradient(top, #59575a 10%, #858b8e 50%,#59575a 90%);
    background-image:-webkit-linear-gradient(top, #59575a 10%, #858b8e 50%,#59575a 90%);
    background-image:-o-linear-gradient(top, #59575a 10%, #858b8e 50%,#59575a 90%);
    background-image:-ms-linear-gradient(top, #59575a 10%, #858b8e 50%,#59575a 90%);
    background-image:-webkit-gradient(linear, right top, right bottom, color-stop(10%,#59575a), color-stop(50%,#858b8e),color-stop(90%,#59575a));
}

.select2-container--default .select2-selection--single {
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: -1px;
}

.modal-backdrop {
    z-index: 99990;
}
.modal {
    z-index: 99991;
}

.btn-sadlier-text {
    color: #ffffff;
    font-size: 16px;
}

#common_tool_area {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: 99989;
}

#game_content {
    width: 100%;
    height: 100%;
}


/*Free Hand Style*/
.annotation-tool.disable{
    cursor: not-allowed;
}

.annotation-tool{
    display: none;
}

.annotation-mode [class*=icon-toolbar-left],
.icon-toolbar-right-palette.disabled {
    cursor: not-allowed;
}

.color-palate.disabled{
    display: none !important;
}

.icon-toolbar-left-annotation,
.annotation-mode .icon-toolbar-left-annotation {
    cursor: pointer;
}
/*End Free Hand Style*/


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    /*.check-data-icon:after,
    .check-equal-parts-icon:after,
    .histogram-data-table [class*=check-data-icon]:after,
    .calculation-detail-table .sadlier-control-checkbox [class*=check-]:after,
    .check-point-icon:after,
    .check-dates-icon:after {
        background: url(//static.assets.sadlierconnect.com/vm-tools/assets/images/games/game/checked@2x.png) center center no-repeat;
        display: block;
        width: 16px;
        height: 12px;
        background-size: 16px 12px;
        content: '';
    }*/

    .double-arrow-down{
        background: url(../../assets/images/games/game/d_arrow@2x.png) center center no-repeat;
        background-size: 12px 12px;
    }

    .double-arrow-up{
        background: url(../../assets/images/games/game/d_arrow_up@2x.png) center center no-repeat;
        background-size: 12px 12px;
    }

    .back-arrow{
        background: url(../../assets/images/games/frame/back_arrow@2x.png) center center no-repeat;
        background-size: 23px 28px;
    }

    .drop_down_icon{
        background: url(../../assets/images/games/frame/drop_down_icon@2x.png) center center no-repeat;
        background-size: 16px 8px;
    }

    .palette_icon {
        background: url(../../assets/images/games/frame/icon_palette@2x.png) center center no-repeat;
        background-size: 51px 28px;
    }

    .erase_icon {
        background: url(../../assets/images/games/frame/erase_icon@2x.png) center center no-repeat;
        background-size: 27px 28px;
    }

    .draw_icon {
        background: url(../../assets/images/games/frame/draw_icon@2x.png) center center no-repeat;
        background-size: 23px 28px;
    }

    .text_icon {
        background: url(../../assets/images/games/frame/text_icon@2x.png) center center no-repeat;
        background-size: 36px 28px;
    }
    .select_icon {
        background: url(../../assets/images/games/frame/select_icon@2x.png) center center no-repeat;
        background-size: 18px 28px;
    }


    .clear_icon {
        background: url(../../assets/images/games/frame/clear_icon@2x.png) center center no-repeat;
        background-size: 23px 28px;
    }

    .copy_icon {
        background: url(../../assets/images/games/frame/copy_icon@2x.png) center center no-repeat;
        background-size: 20px 20px;
    }

    .combine_icon {
        background: url(../../assets/images/games/frame/combine_icon@2x.png) center center no-repeat;
        background-size: 34px 30px;
    }

    .separate_icon {
        background: url(../../assets/images/games/frame/separate_icon@2x.png) center center no-repeat;
        background-size: 47px 20px;
    }

    .check_icon {
        background: url(../../assets/images/games/frame/check_icon@2x.png) center center no-repeat;
        background-size: 31px 22px;
    }

    .print_icon {
        background: url(../../assets/images/games/frame/print_icon@2x.png) center center no-repeat;
        background-size: 26px 22px;
    }

    .info_icon {
        background: url(../../assets/images/games/frame/info_icon@2x.png) center center no-repeat;
        background-size: 22px 22px;
    }

    .protractor_icon {
        background: url(../../assets/images/games/frame/protractor_icon@2x.png) center center no-repeat;
        background-size: 36px 25px;
    }

    .ruler_icon {
        background: url(../../assets/images/games/frame/ruler_icon@2x.png) center center no-repeat;
        background-size: 34px 34px;
    }

    .vm_header_minimize {
        background: url(../../assets/images/games/frame/vm_header@2x.png) center center no-repeat;
        background-size: 284px 34px;
        background-position: 0 0;
    }

    .vm_header_title {
        background: url(../../assets/images/games/frame/vm_header@2x.png) center center no-repeat;
        background-size: 284px 34px;
        background-position: -32px 0;

    }

    .vm_header_close {
        background: url(../../assets/images/games/frame/vm_header@2x.png) center center no-repeat;
        background-size: 284px 34px;
        background-position: -248px 0;
    }

    .equal_sign_big {
        background: url(../../assets/images/games/game/sign_equal_10@2x.png) center center no-repeat;
        background-size: 18px 18px;
    }

    .x_sign_big {
        background: url(../../assets/images/games/game/char_x_20_updated@2x.png) center center no-repeat;
        background-size: 22px 20px;
    }
    .x_sign_normal {
        background: url(../../assets/images/games/game/char_x_14_updated@2x.png) center center no-repeat;
        background-size: 15px 14px;
    }

    .cur_arrow_icon {
        background: url(../../assets/images/games/frame/cur_arrow_icon_updated@2x.png) center center no-repeat;
        background-size: 32px 24px;
    }

    .plus_sign_big {
        background: url(../../assets/images/games/game/sign_plus_18@2x.png) center center no-repeat;
        background-size: 18px 18px;
    }

    .minus_sign_big {
        background: url(../../assets/images/games/game/sign_minus_18@2x.png) center center no-repeat;
        background-size: 18px 18px;
    }
    .multiply_sign_big {
        background: url(../../assets/images/games/game/sign_mult_18@2x.png) center center no-repeat;
        background-size: 18px 18px;
    }
    .nav_down {
        background: url(../../assets/images/games/game/down_arrow@2x.png) center center no-repeat;
        background-size: 23px 13px;
    }
    .nav_up {
        background: url(../../assets/images/games/game/up_arrow@2x.png) center center no-repeat;
        background-size: 23px 13px;
    }

    .nav_left {
        background: url(../../assets/images/games/game/left_arrow@2x.png) center center no-repeat;
        background-size: 14px 24px;
    }

    .nav_right {
        background: url(../../assets/images/games/game/right_arrow@2x.png) center center no-repeat;
        background-size: 14px 24px;
    }

    .ui-widget-content .ui-icon.nav-left{
        background: url(../../assets/images/games/game/left_arrow@2x.png) center center no-repeat;
        background-size: 14px 24px;
    }

    .clock-container .ui-widget-content .ui-icon.nav-left{
        background: url(../../assets/images/games/game/left_arrow_blue@2x.png) center center no-repeat;
        background-size: 14px 24px;
    }

    .ui-widget-content .ui-icon.nav-right{
        background: url(../../assets/images/games/game/right_arrow@2x.png) center center no-repeat;
        background-size: 14px 24px;
    }

    .clock-container .ui-widget-content .ui-icon.nav-right{
        background: url(../../assets/images/games/game/right_arrow_blue@2x.png) center center no-repeat;
        background-size: 14px 24px;
    }

    .zoom_in_icon {
        background: url(../../assets/images/games/frame/icon-zoom-in@2x.png) center center no-repeat;
        background-size: 20px 20px;
    }

    .zoom_out_icon {
        background: url(../../assets/images/games/frame/icon-zoom-out@2x.png) center center no-repeat;
        background-size: 20px 20px;
    }

    .reset_zoom_icon {
        background: url(../../assets/images/games/frame/icon-reset-zoom@2x.png) center center no-repeat;
        background-size: 20px 20px;
    }

    .hand_move_icon {
        background: url(../../assets/images/games/frame/icon-hand-move@2x.png) center center no-repeat;
        background-size: 20px 20px;
    }

    .hide_unhide_icon {
        background: url(../../assets/images/games/frame/hide_unhide_icon@2x.png) center center no-repeat;
        background-size: 28px 28px;
    }


    .btn_plus_icon {
        background-image: url(../../assets/images/games/game/btn_plus@2x.png);
        background-size: 32px 32px;
    }

    .btn_minus_icon {
        background-image: url(../../assets/images/games/game/btn_minus@2x.png);
        background-size: 32px 32px;
    }

    .btn.btn-remove-data {
        background-image: url(../../assets/images/games/game/btn_minus@2x.png);
    }

    .btn.btn-add-data {
        background-image: url(../../assets/images/games/game/btn_plus@2x.png);
    }
}

@media print{
    [no-print],
    [no_print],
    [noprint]{
        display: none !important;
    }

    .no-screen {
        display: block !important;
    }

    .noprint,
    .no_print,
    .no-print{
        display: none !important;
    }

    .tooltip.in{
        display: none !important;
        visibility: hidden;
    }

    .ui-tooltip {
        visibility: hidden;
    }
}

.form-control {
    border: 1px solid #A7A9AC;
    height: 26px;
}

input.raphael-inline-text-editable{
    -moz-transform-origin: none !important;
    -ms-transform-origin: none !important;
    -o-transform-origin: none !important;
    -webkit-transform-origin: none !important;
    transform-origin: none !important;

    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;

    padding: 2px 2px;
    border: 0 solid #999999;
    color: #999999;
}

input.raphael-inline-text-editing{
    border: 0 solid #999999;
    color: #999999;
    z-index: 99999;
    min-width: 120px;
    max-width: 400px;
}

/* Revise Icon */

.draw_icon,
.hide-all--icon,
.show-all--icon,
.erase_icon,
.palette_icon,
.text_icon,
.select_icon {
    height: 32px !important;
    display: block;
}

.icon-toolbar-left-annotation,
.icon-toolbar-right-erase,
.icon-toolbar-right-draw,
.icon-toolbar-right-palette,
.icon-toolbar-right-text,
.icon-toolbar-right-select {
    padding: 7px 15px;
    height: 46px;
    float: left;
    text-align: center;
}

.icon-toolbar-right-text {
    padding: 7px 5px 7px 15px !important;
}

.icon-toolbar-right-draw {
    padding: 7px 15px 7px 5px !important;
}

.icon-toolbar-right-palette .color-object-selected,
.icon-toolbar-right-palette #selected-color {
    top: 8px;
    right: 10px;
}
/* //Revise Icon */


/* Revise UI */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    /*color: #999;*/
    text-align: center;
}

.txtDark {
    color: #333;
}

span.select2-selection.select2-selection--single {
    outline: none;
}

.select2-container.select2-container--default.select2-container--open{
    z-index: 9999;
}


/*-----------------------------------------*/
/* Toggle Sidebar*/
/*-----------------------------------------*/
.left-panel.minimized {
    width: 0 !important;
    padding: 0;
    min-width: 0 !important;
}

.left-panel.minimized #dataTab,
.left-panel.minimized .tab-content {
    display: none;
}

.not-borderRight,
div.not-borderRight > div.minimized {
    border-right: none !important;
}

.left-bar-container.minimized,
.outcome-data-container.minimized,
.param-data-container.minimized,
.param-container.minimized {
    border: none;
}
.toggle-param-data {
    /*padding: 7px 6px 7px 2px;
    border: 1px solid #bbbdbf;
    border-radius: 0 8px 8px 0;
    border-left: none;*/
    position: absolute;
    top: 12px;
    right: -28px;
    z-index: 10;
    background: url('http://static.assets.sadlierconnect.com/vm-tools/assets/images/games/game/v1.0/toggle-button-opened.png') center no-repeat;
    background-size: 30px 30px;
}

.toggle-param-data.minimized {
    background: url('http://static.assets.sadlierconnect.com/vm-tools/assets/images/games/game/v1.0/toggle-button-closed.png') center no-repeat;
    background-size: 30px 30px;
    padding: 7px 6px 7px 7px;
    right: -28px;
}

.toggle-outcome-data {
    background: url('http://static.assets.sadlierconnect.com/vm-tools/assets/images/games/game/v1.0/toggle-outcome-opened.png') center no-repeat;
    background-size: 30px 30px;
    /*transform: rotate(180deg);*/
}
.toggle-outcome-data.minimized {
    background: url('http://static.assets.sadlierconnect.com/vm-tools/assets/images/games/game/v1.0/toggle-outcome-closed.png') center no-repeat;
    background-size: 30px 30px;
    padding: 7px 6px 7px 7px;
    right: -28px;
    /*transform: rotate(180deg);*/
}

.btn-toggle-side-bar.toggle-outcome-data,
.outcome-data-container.minimized .btn-toggle-side-bar {
    border: none;
    border-radius: 0;
    width: 30px;
}

.toggle-param-data.minimized .glyphicon-backward {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.table-actions-container {
    float: left;
    padding: 10px 20px 20px;
    width: 100%;
    text-align: center;
}

.table-actions-container .cancel-btn {
    margin-left: 10px;
}

/*-----------------------------------------*/
/* DROPDOWN ISSUE*/
/*-----------------------------------------*/


/*body.spinner-grade-7-8 > .select2-container--open,
body.grade-k-6 > .select2-container--open {
    left: 294px !important;
}*/

.spinner-grade-7-8 .select2-container--above,
.grade-k-6 .select2-container--above {
    left: auto !important;
}

#dataTab {
    margin-bottom: 15px;
    padding-left: 30px;
}

#dataTab a.btn-sadlier-switch {
    text-decoration: none;
}

body.spinner-grade-7-8 .param-data-title,
body.grade-k-6 .param-data-title {
    font-size: 16pt;
    font-family: "HelveticaNeue-Light";
    color: #3399CC;
    text-align: center;
    /*float: left;*/
    width: 100%;
    margin-bottom: 12px;
}

#dataTab li {
    float: left;
}

a.btn-line-type-basic {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

a.btn-line-type-advance {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

ul {
    list-style: none;
}

#dataTab a {
    width: 145px;
}

.clearFix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/*-----------------------------------------*/
/* DROPDOWN ISSUE*/
/*-----------------------------------------*/

/* BUTTON DECREASE & INCREASE*/

a.btnDecrease,
a.btnIncrease {
    margin-bottom: 2px;
    font-size: 6px;
}

a.btnDecrease {
    background: url(//static.assets.sadlierconnect.com/vm-tools/assets/images/games/game/btn_minus_background@2x.png) center no-repeat;
    border-radius: 6px 0 0 6px;
    border-right: 0;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background-size: 20px;
}

a.btnIncrease {
    background: url(//static.assets.sadlierconnect.com/vm-tools/assets/images/games/game/btn_plus_background@2x.png) center no-repeat;
    border-radius: 0 6px 6px 0;
    width: 20px;
    height: 20px;
    background-size: 20px;
    /*color: #1D9E5B;*/
}

input.disable-focus-border:focus{
    outline: none;
}

input::-ms-clear {
    display: none;
}

.mCSB_container_wrapper{
    margin-right: 0 !important;
}

.mathPatchCanvasContainer > svg {
    top: 0 !important;
    left: 0 !important;
}

.table-data-p-8 tr:first-child td {
    padding-top: 8px !important;
}

.table-data-p-8 tr:last-child td {
    padding-bottom: 8px !important;
}

.table-data-header-advanced-left-side tr td {
    font-family: "HelveticaNeue" !important;
}



/*--------------------------------------------*/
/* SCROLLING AREA */
/*--------------------------------------------*/

div.elapsedPanel span.show-elapsed-type {
    font-family: "HelveticaNeue";
    color: #999;
}

.occupation-type.selected,
.show-elapsed-type.selected,
div.elapsedPanel span.show-elapsed-type.selected,
.number-cube-btn-change-type.active,
.switch-spin-mode.active,
.modeSwitch.selected {
    color: #333;
    font-family: "HelveticaNeue-Bold";
}

/*--------------------------------------------*/
/* //SCROLLING AREA */
/*--------------------------------------------*/

#print-outcomes-data {
    /*display: block;*/
    position: absolute;
    top: 110%;
    left: 0;
}

.no-screen {
    display: none;
}

