html,
body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    font-size: 13px;
    font-family: Arial;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: Tahoma;
}

.blue_section {
	background-color: blue;
	opacity: 0.25;
	filter:alpha(opacity=25);
}
.gray_section {
	background-color: gray;
	opacity: 0.25;
	filter:alpha(opacity=25);
}
.flat_button .dhxform_btn {
	float: none !important;
	margin: 2 0 2px 2px !important;
	top: -2px !important;
	height: 25px !important;
}
.flat_button .dhxform_btn .dhxform_btn_txt {

	height: 20px !important;
	line-height: 25px !important;
}
.reset{
    padding: 0px 0px 0px; 
    margin: 0px;
    border: 0px;
    font-size: 5px;
}
.spinner_up{
    position: absolute; 
    left: 0px; 
    top: 0px;

    
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

    
    cursor: pointer;
    opacity: 1;
    
    border: 1px solid rgb(225,225,225);
    -webkit-border-radius: 10;
    border-radius: 10;
    font: normal normal 300 15px/32px "Electrolize", Helvetica, sans-serif;
    color: rgb(102, 102, 102);
    text-align: center;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: -webkit-linear-gradient(0deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
    background: -moz-linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
    background: linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    
    text-shadow: none;
    -webkit-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -moz-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -o-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    overflow: hidden;
}
.spinner_down{
    position: absolute; 
    left: 0px; 
    bottom: 0px;

    
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

    
    cursor: pointer;
    opacity: 1;
    
    border: 1px solid rgb(225,225,225);
    -webkit-border-radius: 10;
    border-radius: 10;
    font: normal normal 300 15px/32px "Electrolize", Helvetica, sans-serif;
    color: rgb(102, 102, 102);
    text-align: center;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: -webkit-linear-gradient(0deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
    background: -moz-linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
    background: linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    
    text-shadow: none;
    -webkit-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -moz-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -o-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    overflow: hidden;
}
.spinner_up i{
    
}
.spinner_down i{
    
}
[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}
.main_scheduler {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: auto;
    height: auto;
}


.test_links{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 200px;
    height: 200px;
}

.custom_fields{
    position: absolute;
    left: 250px;
    bottom: 0px;
    width: 450px;
    height: 300px;
}
.dhx_dataview_default_item_selected {
    background-color: #83EA37;
}
.rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.container_tooth_thumb {
    position: relative;
    float: left;
    z-index: 1;
    margin-top: 1px;
}
.tooth_thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
}
.tooth_thumb_over {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
}
.tooth_thumb_over_over {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.tooth_selected {
    width: 9px;
    height: 9px;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 1002;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: rgba(242, 246, 248, 1);
    background: -moz-linear-gradient(top, rgba(242, 246, 248, 1) 0%, rgba(216, 225, 231, 1) 50%, rgba(181, 198, 208, 1) 51%, rgba(224, 239, 249, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242, 246, 248, 1)), color-stop(50%, rgba(216, 225, 231, 1)), color-stop(51%, rgba(181, 198, 208, 1)), color-stop(100%, rgba(224, 239, 249, 1)));
    background: -webkit-linear-gradient(top, rgba(242, 246, 248, 1) 0%, rgba(216, 225, 231, 1) 50%, rgba(181, 198, 208, 1) 51%, rgba(224, 239, 249, 1) 100%);
    background: -o-linear-gradient(top, rgba(242, 246, 248, 1) 0%, rgba(216, 225, 231, 1) 50%, rgba(181, 198, 208, 1) 51%, rgba(224, 239, 249, 1) 100%);
    background: -ms-linear-gradient(top, rgba(242, 246, 248, 1) 0%, rgba(216, 225, 231, 1) 50%, rgba(181, 198, 208, 1) 51%, rgba(224, 239, 249, 1) 100%);
    background: linear-gradient(to bottom, rgba(242, 246, 248, 1) 0%, rgba(216, 225, 231, 1) 50%, rgba(181, 198, 208, 1) 51%, rgba(224, 239, 249, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0);
    display: none;
}
.tooth_selected_bottom {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1002;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: rgba(242, 246, 248, 1);
    background: -moz-linear-gradient(top, rgba(242, 246, 248, 1) 0%, rgba(216, 225, 231, 1) 50%, rgba(181, 198, 208, 1) 51%, rgba(224, 239, 249, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242, 246, 248, 1)), color-stop(50%, rgba(216, 225, 231, 1)), color-stop(51%, rgba(181, 198, 208, 1)), color-stop(100%, rgba(224, 239, 249, 1)));
    background: -webkit-linear-gradient(top, rgba(242, 246, 248, 1) 0%, rgba(216, 225, 231, 1) 50%, rgba(181, 198, 208, 1) 51%, rgba(224, 239, 249, 1) 100%);
    background: -o-linear-gradient(top, rgba(242, 246, 248, 1) 0%, rgba(216, 225, 231, 1) 50%, rgba(181, 198, 208, 1) 51%, rgba(224, 239, 249, 1) 100%);
    background: -ms-linear-gradient(top, rgba(242, 246, 248, 1) 0%, rgba(216, 225, 231, 1) 50%, rgba(181, 198, 208, 1) 51%, rgba(224, 239, 249, 1) 100%);
    background: linear-gradient(to bottom, rgba(242, 246, 248, 1) 0%, rgba(216, 225, 231, 1) 50%, rgba(181, 198, 208, 1) 51%, rgba(224, 239, 249, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0);
    display: none;
}
.mouth_container {
    background: #ffffff;
    position: absolute;
    left: 0px;
    top: 0px;
}
.jaw_lower_container {
    position: absolute;
    left: 0px;
}
.jaw_upper_container {
    position: absolute;
    top: 0px;
    left: 0px;
}
.jaw_teeth_numbers_container {
    position: absolute;
    left: 0px;
}
.rendered_tooth_container {
    background: #ffffff;
    position: absolute;
    top: 0px;
    box-shadow: inset 0px 0px 1px 0px #F0EBEB;
    -webkit-box-shadow: inset 0px 0px 1px 0px #F0EBEB;
    -moz-box-shadow: inset 0px 0px 1px 0px #F0EBEB;
    -o-box-shadow: inset 0px 0px 1px 0px #F0EBEB;
    cursor: pointer;
}

.rendered_tooth_container_selected {
    background: #2FFF23;
    position: absolute;
    top: 0px;
    box-shadow: inset 0px 0px 1px 0px #F0EBEB;
    -webkit-box-shadow: inset 0px 0px 1px 0px #F0EBEB;
    -moz-box-shadow: inset 0px 0px 1px 0px #F0EBEB;
    -o-box-shadow: inset 0px 0px 1px 0px #F0EBEB;
    cursor: pointer;
}

.rendered_number_container {
    position: absolute;
    box-shadow: inset 0px 0px 1px 0px #F0EBEB;
    -webkit-box-shadow: inset 0px 0px 1px 0px #F0EBEB;
    -moz-box-shadow: inset 0px 0px 1px 0px #F0EBEB;
    -o-box-shadow: inset 0px 0px 1px 0px #F0EBEB;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.text-9 {
    font-size: 9px;
    font-weight: 100;
}
.absolute {
    position: absolute;
}
.left {
    left: 0px;
}
.right {
    right: 0px;
}
.top {
    top: 0px;
}
.bottom {
    bottom: 0px;
}
.pointer {
    cursor: pointer;
}
.flip-vertical {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: flipV;
    /*IE*/
    
    filter: flipV;
    /*IE*/
}
.tooth_thumb_over_layer {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
div.dhx_cell_cont_layout {
    background: #ebebeb;
}
.befund_nav {
    height: 18px;
}
.dhx_cell_layout .befund_nav .dhxform_btn_txt {
    height: 18px;
}
.befund_nav .dhxform_obj_dhx_skyblue div.dhxform_btn div.dhxform_btn_txt {
    height: 18px;
}
.tooth_container {
    height: 226px;
    width: 245px;
    background: #ffffff;
    position: relative;
    z-index: 0;
    overflow: visible;
    overflow-x: visible;
}
.tooth_container {} .block_color {
    width: 30px;
    height: 24px;
    border: solid 1px #7099bb;
    padding: 0px;
}
.color1 {
    background-color: #ff0000;
    color: #ff0000;
}
.color2 {
    background-color: #800000;
    color: #800000;
}
.color3 {
    background-color: #ffff00;
}
.color4 {
    background-color: #d4c544;
}
.color5 {
    background-color: #0000ff;
}
.color6 {
    background-color: #ff00ff;
}
.color7 {
    background-color: #00ffff;
}
.color8 {
    background-color: #00ff00;
}
.color9 {
    background-color: #8080ff;
}
.color10 {
    background-color: #ff8040;
}
.color11 {
    background-color: #0080ff;
}
.dhx_dataview {
    overflow-y: hidden;
}
.dhx_dataview {
    overflow-y: hidden;
    overflow: hidden;
}
.dataview_tooth {} .dataview_selector {} .dataview_selector div.dhx_dataview_item {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,e6e6e6+100 */
    
    background: rgb(239, 239, 239);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(230, 230, 230, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(230, 230, 230, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(239, 239, 239, 1) 0%, rgba(230, 230, 230, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e6e6e6', GradientType=0);
    /* IE6-9 */
    
    border-right: 1px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.toothnumbers {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,e6e6e6+100 */
    
    background: #ffffff;
    /* Old browsers */
}
.tooth_number {
    padding-top: 8px;
    font-size: 14px;
    background-color: transparent;
    font-weight: bold;
}
.transparent {
    background-color: transparent;
}
.canvas_tooth {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 150;
    cursor: pointer;
}
.canvas_tooth_over {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 150;
    cursor: pointer;
    font-weight: bold;
}
.canvas_tooth_over_color {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 150;
    cursor: pointer;
    /*opacity: 0.7;*/
    /*filter: alpha(opacity=70);*/
    /* For IE8 and earlier */
}
.canvas_color {
    position: absolute;
    top: 300px;
    left: 0px;
    z-index: 1000;
    cursor: pointer;
    display: none;
}
.canvas_generic {} 

.tooth_selector_container {
    width: auto;
    height: 30px;
    position: absolute;
    left: 220px;
    top: 180px;
    z-index: 5000;
}
.tooth_selector {
    width: 30px;
    height: 18px;
}

.dhtmlxribbon_dhx_skyblue .dhxrb_block_items .dhxrb_big_button .dhxrb_image {
    width: 32px;
    height: 32px;
    border: none;
}

.border3d {
    border: #cccccc 1px inset;
    text-align: center;
}
.add-on{
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    vertical-align: top;

    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    
    font-size: 14px;
    
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    
}

.add-on i{
    cursor: pointer;
    float: left;
    position: relative;
}
.spin-down{
    height: 10px;
    width: 10px;
    left: 2px;
    overflow: hidden;
    display: block;
    text-align: center;
    position: relative;
    color: #999;
    text-decoration: none;
    border: 0px;
    padding: 0px;
    
    
}

.spin-up{
    height: 10px;
    width: 10px;
    left: 2px;
    overflow: hidden;
    display: block;
    text-align: center;
    position: relative;
    color: #999;
    text-decoration: none;
    border: 0px;
    padding: 0px;
    
}