/*div[dom_type="dom_data_admin_menu_element"] {
    display: none;
}*/

body, html {
    margin:0;
    padding:0;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
}

html {
    background: url(../images/metro-lightblue/img.png) center #fff no-repeat fixed;
}

ul.naked {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.naked li {
    list-style: none;
    margin: 0;
    padding: 0;
}

*.unselectable
{
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.unselectable-fix, .unselectable-fix td
{
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.unselectable-fix span
{
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 6px 6px 6px #2784D2;
    box-shadow: inset 6px 6px 6px #2784D2;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background-color: #2784D2;
}
 
::-webkit-scrollbar-thumb:hover
{ 
    background-color: #006ABC; 
}  

::-webkit-scrollbar-button:vertical:increment {
    background: url(../images/metro-lightblue/arrow.png) no-repeat;
}

::-webkit-scrollbar-button:vertical:decrement {
    background: url(../images/metro-lightblue/arrow_up.png) no-repeat;
}

.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox
{
    border-bottom-width: 1px;
}

label, span {
    color: #787878;
}

.fa {
    color: #787878;
    cursor: pointer;
}

.fa.disabled {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}

.fa:hover, a.w-grid-tool:hover
{
    cursor: pointer;
    color: #006ABC;
}

.w-link.fa {
    font-size: 2em;
    color: #2784D2;
    /*-moz-transition-property: font-size;
    -o-transition-property: font-size;
    -webkit-transition-property: font-size;
    transition-property: font-size;
       
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
        
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;*/
}

.w-link.fa:hover {
    /*font-size: 3em;*/
    cursor: pointer;
}



#preLoad{            
    width:100%;
    height:100%;
    background:#fff;
    position:absolute;
    top:0;   
    left:0px;
    
    -moz-transition: visibility 0s linear 0s, opacity 0s ease-in-out 0s;
    -webkit-transition: visibility 0s linear 1s, opacity 0s ease-in-out 0s;        
    -o-transition: visibility 0s linear 0s, opacity 0s ease-in-out 0s;
    transition: visibility 0s linear 0s, opacity 0s ease-in-out 0s; 
}        

#preLoad div{
    position:absolute;
}

.loadingGif {
    width: 329px;
    height: 335px;
    background-image: url(../images/metro-lightblue/LoadingCircle.gif);
    background-repeat: no-repeat;
}

.loadingGifSmall {
    width: 99px;
    height: 101px;
    background-image: url(../images/metro-lightblue/LoadingCircle_small.gif);
    background-repeat: no-repeat;
    background-color: #fff;
}

.scrollToTopDiv {
    opacity:0.7;
    /*width: 100px;*/
}


.wuic-menu
{
    overflow: hidden;
    height: 80px;
    width: 100%;
    padding: 28px 40px 10px 20px;
    background: #fff;
    position: fixed;
    z-index: 9998;

    /*background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.4) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0.4))); 
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.4) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.4) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.4) 100%); 
    background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.4) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00ffffff',GradientType=0 );*/

    border-bottom: solid 3px #2784D2;

}

.wuic-menu.minimized
{
    height: 30px;
    padding: 0;
    background: transparent;
    /*background: url(images/menu_min_bkg.png) repeat-x;*/ /*NON FUNGE*/
    border-bottom: none;
}

.wuic-menu.maximized
{
    height: 500px;
}

.wuic-menu.maximized li
{
    margin-top: 20px;
}

.wuic-menu.left.minimized,  .wuic-menu.right.minimized
{
    width: 30px;
    padding: 0;
}

.wuic-menu.left.maximized,  .wuic-menu.right.maximized
{
    width: 800px;
    padding: 0;
}

.wuic-menu.minimized ul
{
    display: none;
}

.wuic-menu.maximized ul
{
    padding-right: 20px;
}

    .wuic-menu.bottom
    {
        bottom: 0;
    }

    .wuic-menu.right {
        right: 0;
    }

    .wuic-menu.left, .wuic-menu.right
    {
        height: 100%;
        width: 150px;
        padding: 20px 10px;
    }

    .wuic-menu.left ul, .wuic-menu.right ul
    {
        margin-top: 50px;
    }

     .wuic-menu.left li, .wuic-menu.right li
    {
        width: 130px;
        padding: 10px 10px;
        margin-bottom: 20px;
    }


.wuic-menu i {
    display: block;
    margin: 10px;
}

.wuic-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .wuic-menu li
    {
        float: left;
        /*height: 100px;
        min-width: 130px;*/
        padding: 5px 10px;
        text-align: center;
        cursor: pointer;
        /*border-radius: 10px;*/
        -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.75);
        box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.75);
        margin-right: 20px;
       
        position: relative;

        /*-webkit-transition: -webkit-transform 300ms ease-out;
        -moz-transition: -webkit-transform 300ms ease-out;
        -o-transition: -webkit-transform 300ms ease-out;
        transition: -webkit-transform 300ms ease-out;

         -moz-transition-property: padding, color, margin-left, margin-top, font-size, box-shadow;
        -o-transition-property: padding, color, margin-left, margin-top, font-size, box-shadow;
        -webkit-transition-property: padding, color, margin-left, margin-top, font-size, box-shadow;
        transition-property: padding, color, margin-left, margin-top, font-size, box-shadow;
       
         -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;*/
    }

    .wuic-menu li:not(.goback) .fa, .wuic-menu li:not(.goback) span
    {
        color: #fff;
    }

.wuic-menu li.active:not(.goback) .fa, .wuic-menu li.active:not(.goback) span
{
    color: #2784D2;
}

.wuic-menu:not(.maximized) li:hover {
    /*padding: 13px 33px;
    margin-left: -3px;
    margin-top: -3px;
    -webkit-box-shadow: 12px 12px 8px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    12px 12px 8px rgba(0, 0, 0, 0.75);
    box-shadow:         12px 12px 8px rgba(0, 0, 0, 0.75);
    font-size: 110%;*/
}

.wuic-menu.left li:hover, .wuic-menu.right li:hover {
    padding: 10px 10px;
}

    .wuic-menu li:hover span
    {
        color: #2784D2;
    }

.wuic-menu li.green1:hover span
    {
    color: #6FC4DD;
}

.wuic-menu li.silver1 span
    {
    color: #006ABC;
}

.wuic-menu li.red1.active span
{
    color: #6FC4DD;
}

   
.menu-left-arrow {
    float: left; 
    z-index: 9999; 
    position: fixed; 
    opacity: 0.7; 
    display: none;
    background: url(../images/metro-light/arrow_left.png) rgba(52, 86, 140, 0.5) no-repeat;
    width: 34px;
    height: 118px;
    border: none;
}

.menu-right-arrow
{
    float: right; 
    z-index: 9999; 
    position: fixed; 
    right: 0; 
    opacity: 0.7; 
    display: none;
    background:url(../images/metro-light/arrow_right.png) rgba(52, 86, 140, 0.5) no-repeat;
    width: 34px;
    height: 118px;
    border: none;
}

.menu-right-arrow.left {
    float: left; 
    z-index: 20000; 
    position: fixed; 
    right: auto; 
    left: 0;
    bottom: 0;
    opacity: 0.7; 
    display: none;
    background:url(../images/metro-light/arrow_down_menu.png) rgba(52, 86, 140, 0.5) no-repeat;
    width: 170px;
    height: 38px;

}

.menu-left-arrow.right {
    float: right; 
    z-index: 20000; 
    position: fixed; 
    right: 0; 
    left: auto;
    top: 0;
    opacity: 0.7; 
    display: none;
    background:url(../images/metro-light/arrow_up_menu.png) rgba(52, 86, 140, 0.5) no-repeat;
    width: 170px;
    height: 38px;

}

.menu-left-arrow.left {
    float: left; 
    z-index: 20000; 
    position: fixed; 
    right: auto; 
    left: 0;
    top: 0;
    opacity: 0.7; 
    display: none;
    background:url(../images/metro-light/arrow_up_menu.png) rgba(52, 86, 140, 0.5) no-repeat;
    width: 170px;
    height: 38px;
}


.menu-right-arrow.right {
    float: left; 
    z-index: 20000; 
    position: fixed; 
    right: auto; 
    right: 0;
    bottom: 0;
    opacity: 0.7; 
    display: none;
    background:url(../images/metro-light/arrow_down_menu.png) rgba(52, 86, 140, 0.5) no-repeat;
    width: 170px;
    height: 38px;

}

.menu-left-arrow.disabled, .menu-right-arrow.disabled {
    display: none;
}

.menu-left-arrow.bottom, .menu-right-arrow.bottom 
{
    bottom: 0;
}

.wuic-menu-options {
    position: fixed; 
    top: 5px; 
    right: 10px; 
    z-index: 10000;
    /*max-width: 70%;*/
}

 .wuic-menu-options.left .wuic-username, .wuic-menu-options.left .wuic-role, .wuic-menu-options.right .wuic-username, .wuic-menu-options.right .wuic-role {
     display: none;
}

 .wuic-menu-options ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }
 .wuic-menu-options ul li {
     float: left;
 }

.wuic-menu-options .fa, .wuic-menu-options span, .wuic-menu-options a {
     color: #3e5660;
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #3e5660;
}

.k-link.active .fa {
    color: #fff;
}

.wuic-menu-options .fa:hover {
    color: #006ABC;
}

.wuic-menu-options.simple-menu {
    display: none;
}

.wuic-menu-options.simple-menu.minimized:not(.left):not(.right) {
    top: 0;
    right: auto; 
    left: 10px;
    display: block;
}

.minimized .wuic-username, .minimized .wuic-role {
    display: none;
}

.wuic-menu-options i {
    font-size: 1.5em;
    margin-right: 10px;
}

.wuic-menu-options.bottom {
    top: auto;
    bottom: 5px;
}

.wuic-menu-options.bottom.simple-menu.minimized {
    top: auto;
    bottom: 0px;
    right: auto; 
    left: 10px;
}

.wuic-menu-options.left {
    top: 5px;
    right: auto;
    left: 5px;
    width: 150px;
}
.wuic-menu-options.left .wuic-logout, .wuic-menu-options.right .wuic-logout {
    margin: 30px;
}

    .wuic-menu-options.left.minimized
    {
        width: 100%;
    }

    .wuic-menu-options.right.minimized {
        width: 100%;
        text-align: right;
    }

.wuic-menu-options.right {
    top: 5px;
    right: 0;
    left: auto;
    width: 150px;
}

.wuic-menu-options.minimized.simple-menu
{
    background: #fff;
    border-bottom: solid 3px #2784D2;
}

.wuic-menu-options.minimized #menu {
    /*margin-right: 270px;*/
}

#menu_div {
    padding-bottom: 110px;
}

#menu_div.minimized {
    padding-bottom: 60px;
}

#menu_div.bottom, #menu_div.left, #menu_div.right {
    padding-bottom: 0;
}

.menu_item.active {
    background: #2784D2 !important;
}

.menu_item.active a.active {
    color: #fff;
}

li.menu_item {
    height: 30px;
}

/*.contenuto {
    height: 100%;
}*/

#container_div 
{
    height:100%;
    /*position: relative;*/
    padding: 20px 20px 0px 20px;
}


form.install, form.scaffolding
{
    padding: 20px 30px;
    border: 1px solid #fff;
    border-radius: 10px;
    text-align: left;
    background: #7d7e7d; /* Old browsers */
    background: rgba(125, 126, 125, 0.4);
    background: -moz-linear-gradient(top, rgba(125, 126, 125, 0.2) 0%, rgba(14, 14, 14, 0.2) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(125, 126, 125, 0.2)), color-stop(100%, rgba(14, 14, 14, 0.2))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(125, 126, 125, 0.2) 0%, rgba(14, 14, 14, 0.2) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(125, 126, 125, 0.2) 0%, rgba(14, 14, 14, 0.2) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(125, 126, 125, 0.2) 0%,rgba(14, 14, 14, 0.2) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(125, 126, 125, 0.2) 0%,rgba(14, 14, 14, 0.2) 100%); /* W3C */
}

form.scaffolding {
    margin-top: 100px;
}

.install input[type='text'], .install input[type='password']
{
    width: 230px;
}

.scaffolding table
{
    border: none;    
}

.scaffolding select
{
    min-width: 400px;    
}

.scaffolding input[type='button']
{
    display: block;  
}

.scaffolding table td{
    border: solid 1px;
    padding: 4px;
}

.install table td, .install table, .scaffolding table td, .scaffolding table
{
    border-color: #fff;
    color: #fff;
}

.login input[type='text'], .login input[type='password']
{
    width: 230px;
    padding: 6px;
    margin-bottom: 10px;
    color: #fff;
}

.login input.submit
{
    width: 100px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    border: 0;
    padding: 6px;
}


form.login
{
    margin-top: 100px;
    width: 250px;
    padding: 20px 30px;
    border: 1px solid rgba(35,83,138,1);
    border-radius: 10px;
    text-align: left;
    background: #FFF; /* Old browsers */
    background: rgba(255, 255, 255, 0.8);
}

form.login label
{
    display: block;
    font-size: 140%;
}

a {
    color: #787878;
}

/*login top*/
#login_status_div {height:180px; background: url(../images/login_bg.jpg) top left no-repeat #FFF ;margin-top:15px; position:relative;}
.login a {
    background: url(../images/bg_button.jpg) repeat-x #666;

}
.login a:hover {
    background: url(../images/bg_button_hover.jpg) repeat-x #666;color:#333;}
.login a:active{
    background: url(../images/bg_button_onclick.jpg) repeat-x #666;}
.login span, .login a {
     color:#fff;border-radius:10px;text-align:center;line-height:25px;margin-top: -5px;margin-right:-7px}
#login_status_div h1 {
    line-height:0px;font-size:1.3em;font-weight:100;color:#666;float:right;right:10%;margin-top:-45px; }
.clear {clear:both;}
	
.login_color {
    background: rgb(167,207,223); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,207,223,1)), color-stop(100%,rgba(35,83,138,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */
}

.login_color:hover {
    background: #2784D2; /* Old browsers */
    background: -moz-linear-gradient(top, #2784D2 0%, #1991C4 50%, #2784D2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2784D2), color-stop(50%, #1991C4), color-stop(100%, #2784D2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2784D2 0%,#1991C4 50%,#2784D2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2784D2 0%,#1991C4 50%,#2784D2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2784D2 0%,#1991C4 50%,#2784D2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2784D2 0%,#1991C4 50%,#2784D2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2784D2', endColorstr='#1991C4',GradientType=0 ); /* IE6-9 */

}

/*.wuic-username, .wuic-role {
    font-size: 130%;
}*/

.wuic-logout {
    color: #fff;
    padding: 0 10px;
    text-decoration: none;
}

.wuic-logout:hover
{
    text-decoration: underline;
    font-weight: bold;
    color: #006ABC;
}

/* MENU */


.k-item :hover
{
    background-image: url("textures/highlight.png") !important;
    background-repeat:repeat !important;
    background-position: 0 center !important;
    /*color: Red !important;*/
}




.colorSample{
    width:30px;
    height: 30px;
    border:solid 1px #fff;
}



/*filters*/
.filters {
    background: #fff;
    border: solid 1px #006ABC;
    margin-bottom: 5px;
}

.filters ul {
    list-style: none;
}

.filters.stored ul li select{
    display: none;
}

.filters.floating ul li.box {
    float: left;
    margin: 5px;
    padding: 5px;
    border: solid 1px #006ABC;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.75);
    height: 60px;
}

h3.filter_name {
    color: #787878;
    display: inline-block;
    /*width: 200px;*/
    padding: 5px;
}

.filters.floating h3.filter_name
{
    display: block;
    margin: 0;
    padding: 0;
}

.filters .box select {
    padding: 3px;
    vertical-align: middle;
    width: 90px;
}

.filters .box ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.custom_filter_name {
    width:20%;
}

.custom_filter_field select {
    display:inline-block;
    float: left;
}

.custom_filter_item{
    clear:both;
    float: none;
    width:100%;
}
.custom_filter_item td{
    vertical-align: middle;
}
.custom_filter_operator {
    width:30%;
}

.data_filter_repeater {
    margin-bottom: 10px;
}

.filterHeader
{
    display: block;
    cursor: pointer;
    padding:5px;
    font-size:100%;
    color:#fff;
    font-weight: bold;
    text-align: left;
	text-indent:35px;
	text-transform:uppercase;
	
   background: #d0e4f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #d0e4f7 0%, #73b1e7 17%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(17%,#73b1e7), color-stop(50%,#0a77d5), color-stop(79%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d0e4f7 0%,#73b1e7 17%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d0e4f7 0%,#73b1e7 17%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d0e4f7 0%,#73b1e7 17%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d0e4f7 0%,#73b1e7 17%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */

}

.filterHeader span {
    color: #fff;
}

.myFilterHeader
{
    background-color: Silver;
    cursor: pointer;
    padding-top:5px;
    padding-bottom:5px;
    font-size:130%;
    color: White;
    font-weight: bold;
    text-align: center;
}

.filterLabelCell
{
    height:23px;
}

.filterOperatorCell
{
    height:30px;
    padding-left:8px !important;
}

.btnClearFilter
{
    background-image: url(../images/clear_filter.png);
     background-repeat:no-repeat;
    background-position:center;
    display: inline-block;
    width:24px;
    height:24px;
}

.btnFilter
{
    background-image: url(../images/detail_small.png);
    background-repeat:no-repeat;
    background-position:center;
    display: inline-block;
    width:25px;
    height:24px;
}

.filter_buttons a {
    margin-left: 10px;
    padding: 5px;
    cursor: pointer;
}

.filter_buttons.grid_header a {
    text-decoration: none;
    padding: 0; 
    margin: 0;
}

.filter_buttons .fa {
    color: #2784D2;
}

.filter_buttons .fa:hover {
    color: #006ABC;
}

.treeFilter td {
    border:none;
}

.treeFilter table
{
    border: none;
}

.treeFilter li
{
   margin-left:0px;
}

.treeFilter li ul
{
   margin-left:10px;
}

/* Universe */
.filterCell 
{
    padding:0px !important;
}

.w-grid .number-cell {
    text-align: right;
}

.filterPanel li, .box li
{
    display: inline;
    float: left;
    margin-right:5px;
}
.filterPanel
{
    margin: 0px;
    padding: 0px;
}

.filterPanel table
{
    border: solid 1px silver;   
}

.filterPanel table.filterButton
{
    border-style: none;
}

.filterPanel li td
{
    border-style: none !important;   
}



/* Notification */

.jGrowl {
    z-index: 130000 !important;
}


.info-growl
{
    background-image: url(ui-bluemetro/images/ui-bg_glass_45_030383_1x400.png);
    border-color: #6FC4DD !important;
    color: #fff !important;
}

.error-growl
{
    background: #fff; /* Old browsers */
    color: #FF0000 !important;
    border-color: #f8a208;
}

.error-growl .fa
{
    color: #FF0000 !important;
}

.warning-growl
{
    background:  #FAC526; /* FF3.6+ */
    color: #fff !important;
}

.warning-growl .fa, 
.info-growl .fa
{
    color: #fff !important;
}


/* Grid */

.w-grid-header
{
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: normal;
    white-space: normal;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 100%;
    -ms-word-wrap: normal;
    word-wrap: normal;
    background: #fff;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.w-grid-header span
    {
    color: #787878;
    font-weight:bolder;
}

.w-grid-header a
{ 
    text-decoration:none;
    font-weight:bolder;
    color:#787878;
}

.w-grid-header a:hover
{ 
    text-decoration:underline;
}

.w-grid-header .w-link
{
    display: block;
    min-height: 18px;
    line-height: 18px; /* due to sorting icons*/
    margin: -.5em -.6em -.4em -.6em;
    padding: .5em .6em .4em .6em;
    cursor: pointer;
}

.w-grid-row .w-link:hover, .w-grid-alt-row .w-link:hover
{
    color: #2d5487;
}

.w-grid-header .filter_name, .w-grid-header .box a {
    display: none;
}

.w-grid-header .box {
    list-style: none;
}

.w-grid-header .box .k-numerictextbox, .w-grid-header .box .k-input, .w-grid-header .box .k-combobox, .w-grid-header .box select {
    width: 100% !important;
}

.w-grid-header .box input:not([role='combobox']) {
    height: 17px !important;
}

.w-grid-header .box .k-dropdown-wrap {
    /*height: 37px;*/
    /*margin-top: 24px;*/
}

.w-grid-header .k-widget.k-combobox.k-header {
    /*height: 37px;*/
    margin-top: 20px;
}

.header_cell_sortable_span {
    min-height: 18px;
    line-height: 18px; /* due to sorting icons*/
    margin: -.5em -.6em -.4em -.6em;
    padding: .5em .6em .4em .6em;
    cursor: pointer;
}

.header_cell_sortable_span:hover{
    text-decoration: underline;
}

.gridHeaderContextMenu {
    position: absolute;
    width:150px;
    color: #fff;
    background-color: #fff;
    min-height: 100px;
    border: solid 1px silver;
}

    .gridHeaderContextMenu img
    {
        float: right;
    }

.w-sort
{
    display: none;
    padding: .5em .6em .4em .6em;
}

.w-sort.w-arrow-up, .w-sort.w-arrow-down
{
    display: inline-block;
}

.w-arrow-up 
{ 
    background-position: 0 0; 
    background-image: url('BlueOpal/sprite.png');
    background-repeat: no-repeat;
}

.w-arrow-down
{ 
    background-position: 0 -32px;
    background-image: url('BlueOpal/sprite.png');
    background-repeat: no-repeat;
}


.w-grid-header .hideColBtn, .w-grid-header .resizeColBtnDefault, .w-grid-header .resizeColBtnIncrease, .w-grid-header .resizeColBtnDecrease, .w-grid-header .dragHandle {
    display: inline-block;
}

.hideColBtn, .resizeColBtnDefault, .resizeColBtnIncrease, .resizeColBtnDecrease, .dragHandle
{
    cursor: pointer;
    color: #787878;

    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 1.5em;

}

.hideColBtn:before
{
    content: "\f070";
}

.resizeColBtnDefault:before
{
    content: "\f112";
}

.resizeColBtnIncrease:before
{
    content: "\f061";
}

.resizeColBtnDecrease:before
{
    content: "\f060";
}

.dragHandle:before
{
    content: "\f0b2";
}


.w-grid-container {
    padding-bottom:30px;
}

table.w-grid
{
    empty-cells: show;
    width:100%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    /*font-size: 10px;*/
}

.w-grid-table-container {
    overflow:auto;
    padding-right: 1px;
    border-bottom: solid 1px;
    border-top: solid 1px;
}

.w-grid td
{
    padding: .4em .3em;
    border-right: 1px solid #ccc;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: top;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
}

.w-grid-header td
{
    height: 100%;
    padding: 0;
    -ms-word-wrap: normal;
    word-wrap:normal;
    border-bottom: 1px solid #787878 !important;
    vertical-align: top;
}

    .w-grid-header td div:first-child
    {
        padding: .4em .3em;
        height: 100%;
    }

.w-grid td:last-child {
	border:none;
}

.group-header {
    background-color: #fff;
}

.w-grid-edit
{
    background-image: url('../images/edit_grid_small.png') !important;
    background-repeat:no-repeat !important;
    width:25px;
    height:25px;
    background-color:transparent !important;
    border:0px !important;
    min-width:30px;
    display: block;
}

.w-grid-clone
{
    background-image: url('../images/duplicate.png') !important;
    background-repeat:no-repeat !important;
    width:25px;
    height:25px;
    background-color:transparent !important;
    border-style:none !important;
    min-width:30px !important;
    display: block;
}

.w-grid-delete
{
    background-image: url('../images/delete_small.png') !important;
    background-repeat:no-repeat !important;
    width:25px;
    height:25px;
    background-color:transparent !important;
    border-style:none !important;
    min-width:30px !important;
    display: block;
}

.w-grid-detail
{
    background-image: url('../images/detail_small.png') !important;
    background-repeat:no-repeat !important;
    width:25px;
    height:25px;
    background-color:transparent !important;
    border-style:none !important;
    min-width:30px !important;
    display: block;
}

.w-grid-save-row.fa:before
{
    content: "\f0c7";
    font-size: 2em;
}

.w-grid-cancel-changes-row.fa:before
{
    content: "\f00d";
}

.dragHandle.fa:before {
    content: "\f047";
    font-size: 2em;
}

.w-grid-expand
{
    background-repeat:no-repeat !important;
    width:12px;
    height:12px;
    background-color:transparent !important;
    border-style:none !important;
    display: block;
    cursor: pointer;
}

.w-grid-expand.expanded
{
    background-position: 0 -226px;
    background-image: url('BlueOpal/sprite.png');
}

.w-grid-expand.collapsed
{
    background-position: 0 -192px;
    background-image: url('BlueOpal/sprite.png');
}

.detail-row.collapsed
{
    display: none;
}
.detail-row-row.expanded
{
    display: table-row;
}

.group-detail-row.collapsed
{
    display: none;
}
.group-detail-row.collapsed.expanded
{
    display: table-row;
}

/*Problema se ha nested routes -> altera per i tr aggiuntivi */
/*.w-grid-table-container tr:nth-child(odd):not(.selected):not(.hovered) { 
    background-color:#fff; 
}

.w-grid-table-container tr:nth-child(even):not(.selected):not(.hovered) {
     background-color:#f5f5f5; 
}*/


.w-grid-row
{
   background: #fff;
   color: #fff;
}

.w-grid-row.selected, .w-grid-alt-row.selected
{
    background-image: url(ui-lightbluemetro/images/ui-bg_glass_75_d0e5f5_1x400.png);
    background-color: #006ABC;
    border-color: #0293D1;
    background-repeat: repeat;
    background-position: 0 center;
}

    .w-grid-row.selected span, .w-grid-row.selected .fa:not(.error-growl), .w-grid-alt-row.selected span,  .w-grid-alt-row.selected .fa:not(.error-growl)
    {
            /*color: #fff !important;*/
    }

.w-grid-row.hovered, .w-grid-alt-row.hovered
{
    background-image: url("ui-lightbluemetro/images/ui-bg_glass_85_dfeffc_1x400.png");
    background-color: #006ABC;
    border-color: #006ABC;
    background-repeat:repeat;
    background-position: 0 center;
}

    .w-grid-row.hovered span, .w-grid-row.hovered .fa:not(.error-growl), .w-grid-alt-row.hovered span, .w-grid-alt-row.hovered .fa:not(.error-growl)
    {
        /*color: #fff;*/
    }

.w-grid-row td:hover,  .w-grid-alt-row td:hover {
    -webkit-box-shadow: 2px 2px 1px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 2px 2px 1px rgba(255, 255, 255, 0.75);
    box-shadow: 2px 2px 1px rgba(255, 255, 255, 0.75);
}

.w-grid-row td:hover span,  .w-grid-alt-row td:hover span {
    color: #000 !important;
}

/*.w-carousel-list .w-grid-row.selected, .w-carousel-list .w-grid-alt-row.selected
{
    background-image: none;
    background-color: transparent;
    border: none;
}*/

.w-grid-alt-row
{
    background: #f5f5f5;
    color: #fff;
}

.empty-data-grid-span {
    font-size: 150%;
}

.scrollable-grid-cell {
    max-height: 100px; width: 100%; overflow: auto
}


.w-image-list .w-grid-alt-row {
    background-color: transparent;
}

.w-image-list .w-grid-alt-row.selected, .w-image-list .w-grid-row.selected {
     background-image: url("textures/highlight.png");
     background-color: #2784D2;
    border-color: #2784D2;
    background-repeat:repeat;
    background-position: 0 center;
}

.w-image-list .w-grid-row.hovered, .w-image-list .w-grid-alt-row.hovered
{
    background-image: url("textures/highlight.png");
    background-color: #006ABC;
    border-color: #006ABC;
    background-repeat:repeat;
    background-position: 0 center;
}

.w-carousel-list li:hover, .w-carousel-list li:hover {
    background-image: url("textures/highlight.png");
    background-color: #006ABC !important;
    border-color: #006ABC;
    background-repeat:repeat;
    background-position: 0 center;
}

.w-carousel-list .w-grid-row span , .w-carousel-list .w-grid-alt-row span{
    display: block;
}

.data_toolbar
{
    background: #fff;
    /*padding-bottom: 10px;*/
}

.w-grid-pager
{
    /*padding: .4em .6em;*/
    line-height: 1.8em;
    /*text-indent:30px;*/
    color: rgb(255, 255, 255); 
    background-color: #fff;
    border: solid 1px #dadada;
}
	
.w-grid-pager .bottom

{
    background-color: #fff;
    border: solid 1px #dadada;
}

.w-grid-pager .bottom a
{

}

.w-grid-pager ul 
{
    margin: 0px;
    padding: 0px;
}

.w-grid-pager li 
{
    display: inline;
}

.w-grid-pager li a, .w-grid-pager li span {
    display: inline-block;
	margin-left: 5px;
    width: 2em;
    text-align: center;
    -moz-border-radius: 1.4833em;
    -webkit-border-radius: 1.4833em;
    -o-border-radius: 1.4833em;
    border-radius: 1.4833em;
     text-decoration: none;
}

    .w-grid-pager li span
    {
        background: #2784D2;
        color: #fff;
    }

     .w-grid-pager li a:hover, .w-grid-pager li span:hover
    {
        background: #006ABC;
        color: #fff !important;
    }

    .w-grid-pager li a:hover
    {
         text-decoration: underline;
    }

	.w-grid-pager td.top {
		border-bottom:1px solid #dadada !important;
    }
		
	
.w-grid-tool:not(.k-button)
{
    border-style:none !important;
    width:25px;
    height:25px;
    padding:3px;
    margin-left:0px !important;
    margin-right: 10px;
	cursor:pointer;
    color: #2784D2;

    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 2em;
}

.k-button:disabled {
    background: #d9d4d4;
    color: #fff;
    border: none;
    opacity: 0.4;
}

.k-button:disabled:hover {
    background: #d9d4d4;
    border: none;
    opacity: 0.4;
}

.w-grid-tool.k-button
{
    margin:3px;
}


.w-grid-tool.refresh:before
{
    content: "\f021";
}
.w-grid-tool.excel:before
{
	content: "\f019";	
}

.k-grid-export-image {
    display: inline-block !important;
    background-image:url('../images/Excel-icon.png') !important;
    height: 24px !important;
    width: 24px !important;
}

.w-grid-tool.pdf:before
{

}
.w-grid-tool.print:before
{
    content: "\f02f";	
}
.w-grid-tool.import:before
{
    content: "\f062";	
}

.w-command-cell .w-grid-tool.insert:hover {
    text-decoration: none;
}

.w-grid-tool.insert:before
{
    content: "\f067";	
}
.w-grid-tool.save:before
{
    content: "\f0c7";	
}
.w-grid-tool.cancel:before
{
    content: "\f00d";	
}
.w-grid-tool.pause_refresh:before
{
    content: "\f04c";	
}
.w-grid-tool.start_refresh:before
{
    content: "\f04b";	
}

.w-tooltip:before
{
    content: "\f059";
    font-size: 1.5em;
}

.suggest-icon:before
{
    content: "\f0eb";
    font-size: 1.5em;
}

.syntax-icon:before
{
    content: "\f121";
    font-size: 1.5em;
}

.json-edit-icon:before
{
    content: "\f040";
    font-size: 1.5em;
}

.dataform_save_button:before
{
    content: "\f0c7";
    font-size: 2em;
}

.dataform_cancel_button:before {
    content: "\f05e";
    font-size: 2em;
}

.dataform_close_button:before {
    content: "\f0a8";
    font-size: 2em;
}

.info-icon, .warning-icon, .error-icon {
    margin-left: 10px;
    float: left;
    font-size: 4em;
}

.info-icon:before {
    content: "\f05a";
}

.warning-icon:before {
    content: "\f071";
}

.error-icon:before {
    content: "\f057";
}

.w-grid-tools ul 
{
    margin-left: 30px;
    padding: 0;
}
.w-grid-tools li 
{
    display: inline;
    float: left;
    margin-right:5px;
    padding-bottom: 5px;
}
.w-grid-filters ul 
{
    margin: 0px;
    padding: 0px;
}
.w-grid-filters li, .treeFilter li
{
    display: inline;
    float: left;
    margin-right:5px;
}

.w-grid-totals
{
    background-color: #CDC9C9;
}

.w-grid-totals td
{
    text-align: right;
    color: #35629e;
    font-weight: bold;
}

.w-grid-record-count
{
    display: inline-block;
    text-align: left;
    /*float:right;*/
    padding-right:10px;
    padding-left:10px;
}

.w-grid-title
{
    text-align:left;
    font-size:150%;
	background:#2784D2;

	text-transform:uppercase;
	font-weight:bold;
	line-height:40px;
	text-indent:40px;
	margin-left:1px;
    margin-right:1px;
}

.w-grid-title span
{
    color:#fff;
}

.nestedGridTab {
    min-height: 233px;
    margin-bottom: 100px;
}

.nestedGridTab .ui-tabs-nav {
    text-transform: capitalize;
}

.nestedGroupGrid .w-grid-header {
    /*display: none;*/
    height: 0 !important;
    line-height: 0 !important;
}

.nestedGroupGrid thead {
    /*display: none;*/
    height: 0 !important;
    line-height: 0 !important;
}

.nestedGroupGrid .w-grid-header td {
    /*display: none;*/
    height: 0 !important;
    line-height: 0 !important;
}

.nestedGroupGrid .w-grid-header td div {
    height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.nestedGroupGrid .w-grid-header td div a, .nestedGroupGrid .w-grid-header td div span {
    display: none;
}

.nestedGroupGrid .w-grid-table-container {
    overflow: visible !important;
}

.group-detail-row td {
    margin-top: 0;
    padding-top: 0;
}

.nestedGroupGrid .data_filter_repeater {
    padding: 0;
    margin: 0;
}

.nestedGroupGrid .data_filter_repeater .filterHeader {
    padding: 0;
}

.aggregationFooter
{
    white-space: nowrap;
    text-indent:0px;
    padding-right: 4px;
    display: block;
}

.w-command-cell
{
    width: 30px;
}

.w-carousel
{
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
    border: inset 1px #fff;

    background: #fff;

}

.w-carousel-list
{
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    list-style: none;
    margin: 0;
    padding: 0;
}

    .w-carousel-list li
    {
        padding:10px;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        background: #fff;

        border-radius: 10px;
        -webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75);
        box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75);

        text-align:center;
        position: relative;
        -webkit-transition: -webkit-transform 300ms ease-out;
        -moz-transition: -webkit-transform 300ms ease-out;
        -o-transition: -webkit-transform 300ms ease-out;
        transition: -webkit-transform 300ms ease-out;

        float: left;
        cursor: pointer;

    }

    .w-carousel-list.horizontal li {
        margin: 0 -10px;
        
        -webkit-transform: perspective(800px) rotateY(60deg) scale(1);
        -moz-transform: perspective(800px) rotateY(60deg) scale(1);
        -ms-transform: perspective(800px) rotateY(60deg) scale(1);
        -o-transform: perspective(800px) rotateY(60deg) scale(1);
        transform: perspective(800px) rotateY(60deg) scale(1);
    }

     .w-carousel-list.vertical li {
        margin: 0 0px;

        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

        .w-carousel-list li.active
        {
            z-index: 10;
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2);
        }
            .w-carousel-list.horizontal li.active ~ li
            {
                -webkit-transform: perspective(800px) rotateY(-60deg) scale(0.9);
                -moz-transform: perspective(800px) rotateY(-60deg) scale(0.9);
                -ms-transform: perspective(800px) rotateY(-60deg) scale(0.9);
                -o-transform: perspective(800px) rotateY(-60deg) scale(0.9);
                transform: perspective(800px) rotateY(-60deg) scale(0.9);
            }

             .w-carousel-list.vertical li.active ~ li
            {
                -webkit-transform: scale(0.8);
                -moz-transform: scale(0.8);
                -ms-transform: scale(0.8);
                -o-transform: scale(0.8);
                transform: scale(0.8);
            }


.w-carousel-list li .carousel-img-buttons {
    display: none;
    position: absolute;
    bottom:0;
    left:0;
}

.w-carousel-list .w-grid-row.active.selected:hover .carousel-img-buttons, 
.w-carousel-list .w-grid-alt-row.active.selected:hover .carousel-img-buttons {
    display: block;
}

.carouselDescription1 {
    clear: both;
    float:none;
    display: block;
}

#lightzap {
    z-index: 50000;
}

/* UL repeater */
ul.w-ul-list
{
    width:100%;
    padding:0px;
    margin:0px;
}

.w-ul-list li
{
    border-style: solid;
    border-color: #c5c5c5;
    border-width: 1px 1px 1px 1px;
    padding: 0em 0em;
    line-height: 1.6em;
    list-style-image:none;
    list-style-type:none;
}

.w-ul-list table
{
    width: 100%;
    table-layout: fixed;
}

.w-ul-list .filterPanel li
{
    border:none;
}

.w-ul-image
{
    overflow: hidden;
}

.w-image-list
{
    list-style: none;
    margin: 0;
    padding: 0;
}

    .w-image-list li
    {
        text-align:center;
        position: relative;
        margin: 0;
        display:inline-block;
        /*float: left;*/
        padding: 5px;
        cursor: pointer;
    }


.nestedUL
{
    padding-left: 20px;
}
    
.tree-repeater ul{
    list-style:none;
    list-style-image:none;
}
.tree-repeater li{ 
    list-style:none;
    list-style-image:none;
}
.tree-repeater table {
    width: 100%;
    table-layout: fixed;
}

.siteTree li ul {
    padding-left:10px;
}

.w-tree ul {
    margin:0;
    padding:0;
}

.w-tree li {
    margin:0;
    padding:0;
    list-style: none;
    list-style-image:none;
    cursor: pointer;
    text-indent:10px;
}

.w-tree li ul {
    padding-left:10px;
}

.k-tree-add-sub
{
    background-image:url('../images/plus_icon_mini.png') !important;
    background-color: transparent !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    border-style:none !important;
    width:12px;
    height:12px;
    padding:0px !important;
    margin:0px !important;
    display:none !important;
}

.k-tree-add 
{
    background-image:url('../images/plus_icon_mini.png') !important;
    background-color: transparent !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    border-style:none !important;
    width:12px;
    height:12px;
    padding:0px !important;
    margin:0px !important;
    display:none !important;
}

.k-tree-edit 
{
    background-image:url('../images/edit_grid_mini.png') !important;
    background-color: transparent !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    border-style:none !important;
    width:12px;
    height:12px;
    padding:0px !important;
    margin:0px !important;
    display:none !important;
}

.k-tree-delete 
{
    background-image:url('../images/delete_mini.png') !important;
    background-color: transparent !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    border-style:none !important;
    width:12px;
    height:12px;
    padding:0px !important;
    margin:0px !important;
    display:none !important;
}

.k-state-selected .k-tree-add-sub 
{
    display:block  !important;
}

.w-node-selected .k-tree-add-sub 
{
    display:block  !important;
}

.k-state-hover .k-tree-add-sub 
{
    display:block  !important;
}


.k-state-selected .k-tree-add 
{
    display:block  !important;
}

.w-node-selected .k-tree-add 
{
    display:block  !important;
}

.k-state-hover .k-tree-add 
{
    display:block  !important;
}

.k-state-selected .k-tree-edit 
{
    display:block  !important;
}

.w-node-selected .k-tree-edit 
{
    display:block  !important;
}


.k-state-hover .k-tree-edit 
{
    display:block  !important;
}

.k-state-selected .k-tree-delete 
{
    display:block  !important;
}
.w-node-selected .k-tree-delete 
{
    display:block  !important;
}
.k-state-hover .k-tree-delete 
{
    display:block  !important;
}

#builder_tab {
    background: #fff;
    padding: 5px;
}
.addColumnToSchemaTable {
    width:100%;
    table-layout: fixed;
}

.addColumnToSchemaTable table {
    width:100%;
    table-layout: fixed;
}

.addColumnToSchemaTable ul {
    width:100%;
    margin: 0;
    padding: 0;
}


.column_type_radio li {
    width: 100%;
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin:0;
}


/* Dataform */


.outer-div-w-dataform
{
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
}

.data_form {
    background-color: #fff;
    color: #fff;
    /*overflow: auto;*/
}

.w-dataform
{
    padding-right: 5px;

}

.w-dataform tr
{
    background: #fff;
}

.w-dataform td
{
    padding:5px;
}


.w-dataform.buttons .fa {
     color: #2784D2;
}

.w-dataform.buttons .fa:hover {
     color: #006ABC;
}

.custom_edit_form_button_div
{
    margin-top:20px;
}

.custom_edit_form_button_ul
{
    list-style-type: none;
    list-style-image: none;
    margin: 0px;
    padding: 5px 0px 5px 0px;
}

.custom_edit_form_button_ul li
{
    margin-left:10px;
    float:left;
}

.dataform_save_button 
{
   /* background-image:url('../images/Save.png') !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    border-style:none !important;
    display:block;*/
    width:46px;
    height:46px;
   
}

.dataform_cancel_button 
{
   /* background-image:url('../images/cancel.png') !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    border-style:none !important;
    display:block;*/
    width:46px;
    height:46px;
}

.dataform_close_button 
{
   /* background-image:url('../images/back-icon.png') !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    border-style:none !important;
    display:block;*/
    width:46px;
    height:46px;
}

.w-form-title
{
    text-align:left;
    font-size:150%;
	background:#2784D2;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	line-height:40px;
	text-indent:40px;
	
}


/* Validation */
input.invalid 
{ 
    border: 1px solid #FF0000;
    display:inline-block;
}

.errorTip
{
    background-image: url('../images/errorTip.png') !important;
    background-repeat:no-repeat !important;
    width:15px;
    height:15px;
    background-color:transparent !important;
    border-style:none !important;
    display: inline-block;
}

.errorTip.combo
{
    margin-left: 10px;
}


/* Combo OLD*/
.ui-combobox {
	position: relative;
	display: inline-block;
	width:200px;
}
.ui-combobox-toggle {
	position: absolute !important;
	top: 0px;
	bottom: 0px;
	margin-left: -1px;
	padding: 0;
	/* adjust styles for IE 6/7 */
	*height: 1.7em;
	*top: 0.1em;
}

/*.ui-button-icon-primary.ui-icon.ui-icon-triangle-1-s {
    margin-top: 5px;
}*/

html[class='k-webkit k-webkit32'] .ui-combobox-toggle {
    bottom: -1px;
}

.w-grid-row .ui-combobox-toggle, .w-grid-alt-row .ui-combobox-toggle {
    position: relative !important;
    display: table-row-group;
    background: none;
}

.ui-combobox-input {
	margin: 0;
	padding: 0.3em;
}

.comboWrapper
{
    width: 300px;
}

.w-grid-row .comboWrapper, .w-grid-alt-row .comboWrapper
{
    width: auto;
    margin-top:10px;
}

.comboInput
{
    width: 275px;
}

.w-grid-row .comboInput, .w-grid-alt-row .comboInput
{
    width: auto;
}

/* Widgets */
input[type=ttime]
{
    padding: .1em;
}
.spinner
{
     border: none;
}
.spinner-arrow-up, .spinner-arrow-down
{
     height:11px;
     display: none;
}

.btn_upload
{
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #35629e;
    background-repeat: repeat-x;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    background-image: -moz-linear-gradient(top, #568dd5, #35629e);
    border-left-color: #35629e;
    border-right-color: #35629e;
    border-top-color: #35629e;
    border-bottom-color: #2c4c78;
}

.dictionary_radio
{
    margin:0px;
    padding:0px;
}

.dictionary_radio li
{
    display:inline;
    float: left;
    margin-right:5px;
}

.multiple_choice_ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.multiple_choice_ul li {
   float: left;
   margin-right: 2%;
   width: 48%;
}

.multiple_choice_ul li input {
   width: 100%;
}


.multiple_check_edit
{
    margin:0px;
    padding:0px;
}

.multiple_check_edit li
{
    /*display:inline;
    float: left;
    margin-right:5px;*/
}

.ui-autocomplete
{
    max-height: 200px;
    overflow: auto;
    z-index: 20000;
}

.progress-area
{
    border: 1px solid #C5C5C5;
    clear:both;
    max-width: 152px;
    /*display: none;*/
}

.progress-bar
{
    height: 18px;
    background: #134993;
    color: #ffffff;
}


/* Localizer */
.localizer {
    position: absolute;
    display: none;
    width:700px;
    height:400px;
    z-index:100000;
    background:#FFF;
}

.localizer ul {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;
}
.localizer li {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;
    padding-bottom:5px;
    vertical-align:top;
}

.localizer .floaf_flag{
    padding:3px;
    float:left;
}

.localizer textarea  {
    width:90%;
    height:200px;
}


/* Editor */
.img_list 
{
    overflow: auto; 
    height: 100px;
    list-style-image:none;
    list-style-type:none;
    margin:0px;
    padding:0px;
    border: solid 1px;
}

.k-editor-dialog #k-editor-image-url, .k-editor-dialog #k-editor-image-title
{
    width: 262px;
}

.k-editor-dialog #img_preview {
    width: 50px;
    height: 50px;
}

#k-editor-image-url, #k-editor-image-title {
    width:200px;
}


/* Syntax builder */
#syntax_tree td {
    vertical-align: top;
}

#syntax_tree .property {
    background: url(../images/syntax_property.png) no-repeat 25px 6px;
}

#syntax_tree .method {
    background: url(../images/syntax_method.png) no-repeat 25px 6px;
}

#syntax_tree .classe {
    background: url(../images/syntax_class.png) no-repeat 25px 6px;
}

#syntax_tree .utils {
    background: url(../images/syntax_tool.png) no-repeat 25px 6px;
}

#syntax_tree .snippet {
    background: url(../images/syntax_snippet.png) no-repeat 25px 6px;
}


/* Various */

.k-plus {
    background-image: url(BlueOpal/sprite.png);
    background-position: 0 -192px; 
    background-repeat:no-repeat;
    display: inline-block;
    width:16px;
    height:16px;
}

.k-minus { 
    background-image: url(BlueOpal/sprite.png);
    background-position: 0 -226px;
    background-repeat:no-repeat;
    display: inline-block;
    width:16px;
    height:16px; 

}

div.w-busy {            
    background:#fff;
    position: absolute;
    z-index: 10000;
    /*text-align: center;*/
}        

.uploaded-file-name
{
    clear: both;
}

.infuser-loading
{
    display:none;
}

.w-grid-add-to-path {
    border-style: none;
    border-width: 0 0 1px 1px;
    width:24px;
    height:24px;
    font-weight: normal;
    white-space: nowrap;
    background-image:url(../images/metro-lightblue/add_to_path.png)

}
.w-grid-remove-path {
    border-style: none;
    border-width: 0 0 1px 1px;
    width:24px;
    height:24px;
     margin-left:15px;
    font-weight: normal;
    white-space: nowrap;
    background-image:url(../images/metro-lightblue/remove_from_path.png)

}
.w-grid-geocode-path {
        border-style: none;
    border-width: 0 0 1px 1px;
        width:24px;
    height:24px;
     margin-left:15px;
    font-weight: normal;
    white-space: nowrap;
    background-image:url(../images/metro-lightblue/calculate_path.png)

}
.w-grid-clear-path {
    border-style: none;
    border-width: 0 0 1px 1px;
    width:24px;
    height:24px;
     margin-left:15px;
    font-weight: normal;
    white-space: nowrap;
    background-image:url(../images/metro-lightblue/clear_path.png)
}

.inner_balloon div{
    display: inline-block;
}

.w-infoBox {
    background: #fff;
    opacity: 0.9;
    padding: 5px;
    border-radius: 10px;
    -webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75);
    /*width: "280px"*/
}

 .balloon_tip table
    {
        width: 100%;
    }
     .balloon_tip table, .balloon_tip td
    {
        border-collapse:collapse;
        border-spacing: 0;
    }
    .balloon_tip table td
    {
        text-align: left !important;
        border: solid 1px #fff;
        padding: 2px;
    }

     .balloon_tip table td input[type='button']
    {
        width: 100%
    }

    .balloon_tip .inner_balloon .w-link
    {
       float: left;
    }

     .gmap_context_menu_item{
         background-color: #fff;
         border:solid 1px;
         padding: 5px;
         cursor: pointer;
         white-space:nowrap;
     }

     .gmap_context_menu_item img{
        width:24px;
        height:24px;
        display:inline-block;
     }

     .gmap_context_menu_item label{
        padding-left:10px;
        cursor: pointer;
     }

    .ds_aggregator{
        margin: 0;
        padding: 0;
        background: #fff;
    }

    .ds_aggregator li {
        display:inline;
        list-style-image:none;
        /*margin-right:20px;*/
    }

    .propGrid {
        overflow:auto;
        max-height:300px;
    }

    .propGrid ul {
        list-style-image:none;
        list-style-type:none;
        margin:0px;
        padding:0px;
    }

    .propGrid li {
        list-style-image:none;
        list-style-type:none;
        margin:0px;
        padding:0px;
    }

    .propGrid_table {
        border: none; 
        table-layout:fixed;
    }

    .propGrid_table td {
        vertical-align: top !important;
    }

    .propGrid_table .ui-accordion-content {
        min-height: 100px!important;
    }



.data_gauge ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.data_gauge {
    background: #fff;
}

.data_gauge ul li {
    text-align: center;
    padding-top: 7px;
}

.data_gauge ul li span {
   font-size: 16px;
}

/*DASHBOARDS*/

.fa-h1:before {
    content: 'h1'
}

.fa-h2:before {
    content: 'h2'
}

.fa-h3:before {
    content: 'h3'
}

.fa-h4:before {
    content: 'h4'
}

.fa-h5:before {
    content: 'h5'
}

.fa-h6:before {
    content: 'h6'
}

.fa-hr:before {
    content: 'hr'
}

.fa-br:before {
    content: 'br'
}

.fa-li:before {
    content: 'li'
}

.dashboardBuilderDiv {
    position: relative;
    background-color: #fff;
    height: 100%;
    overflow: hidden;
}

.dashboardBuilderDiv .fa
{
    margin-right: 10px;
}

.dashboard_dom_element
{
     /*position: relative;   */
}

/* Design time optimization */
div.dashboard_dom_element:not(.no_design):not(.dom_jtab_div), table.dashboard_dom_element:not(.no_design), li.dashboard_dom_element:not(.no_design) {
    min-height:10px;
    min-width:10px;
}

div.dashboard_dom_element .dom_jtab_div:not(.no_design) {
    min-height:10px;
    min-width:10px;
    /*height: 100%;*/
}

#drop_zone
{
    border:1px solid black;
    height:100%;
    width:100%;
    vertical-align:top;
    overflow:auto;
    z-index:-99999;
    min-height: 500px;
}

svg:not(:root), symbol, image, marker, pattern, foreignObject {
    overflow: hidden;
}

#drop_zone polyline, #drop_zone polygon, #drop_zone line, #drop_zone test, #drop_zone rect, #drop_zone circle, #drop_zone ellipse
{
    cursor: pointer;
}

#drop_zone polyline:hover, #drop_zone polygon:hover, #drop_zone line:hover, #drop_zone test:hover, #drop_zone rect:hover, #drop_zone circle:hover, #drop_zone ellipse:hover, #drop_zone path:hover, #drop_zone text:hover
{
    stroke: blue;
}

/*.k-chart svg path[fill='#fff'] {
    fill: #3c3c3c !important;
}*/

#designerWidget_zone
{
    width:230px;
}

.designerWidget_zone
{
    height:100%;
    overflow:auto;
    width: 230px;
}

.no_border
{
    border:1px solid #000;
}

.no_border.no_design
{
    border:0px solid #fff;
}


/*.no_border.selected
{
    border:1px solid red;
}
.no_border.no_design.selected
{
    border:1px solid red;
}*/

.no_border.hovered
{
    border:3px solid #1A0FFF;
    stroke: blue;
    stroke-width: 3px;
}
.no_border.no_design.hovered
{
    border:1px solid #1A0FFF;
    stroke: blue;
}

#drop_zone_td {
    position: relative;
}

#drop_zone_td div [aria-hidden='true'] {
    display: none !important;
    /*height: 0px !important;*/ /*NON fixa il problema del settaggio dell'altezza del tab-div a 100% a design-time*/
}

.contentEditing .dashboard_dom_element{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95) !important";
	filter: alpha(opacity=95) !important;
	-moz-opacity:0.95 !important;
	-khtml-opacity: 0.95 !important;
	opacity: 0.95 !important;
    -moz-user-select: -moz-none !important;
    -khtml-user-select: none !important;
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.contentEditing .dashboard_dom_element .overridableByContent {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important";
	filter: alpha(opacity=100) !important;
	-moz-opacity:1 !important;
	-khtml-opacity: 15 !important;
	opacity: 1 !important;
    -moz-user-select: -moz-all !important;
    -khtml-user-select: element !important;
    -webkit-user-select: auto !important;
    -ms-user-select: element !important;
    user-select: element !important;
}

.contentEditing .no_border {
    border-style: dotted !important;
    border-color: #999 !important;
}

.contentEditing .no_border .overridableByContent {
    border-style: solid !important;
    border-color: #000 !important;
}

.contentEditing .no_border.no_design.overridableByContent
{
    border:0px solid black !important;
}

.contentEditing .no_border.selected.overridableByContent
{
    border:1px solid red !important;
}
.contentEditing .no_border.no_design.selected.overridableByContent
{
    border:1px solid red !important;
}

.contentEditing .no_border.hovered.overridableByContent
{
    border:1px solid #1A0FFF !important;
}
.contentEditing .no_border.no_design.hovered.overridableByContent
{
    border:1px solid #1A0FFF !important;
}

.data_source, .data_source_aggregator, .data_stored_source, .data_service_source, .data_cube_source {
    display:none;
}

#drop_zone .data_source, #drop_zone .data_source_aggregator, #drop_zone .data_stored_source, #drop_zone .data_service_source, #drop_zone .data_cube_source {
    display:block;
}

.no_border.no_design .data_source, .no_border.no_design .data_source_aggregator , .no_border.no_design .data_stored_source, .no_border.no_design .data_service_source, .no_border.no_design .data_cube_source  {
    display: none !important;
}

.dashboardBuilderTable
{
    width: 100%;
    height:100%;
    margin-top:5px;
}

.fullscreen {
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height: 100%;
    z-index: 10000;
    border: none;
}

.fullscreen_chart {
    position: absolute !important; 
    left: 5% !important;
    top: 5% !important; 
    width: 90% !important;
    height: 90% !important;
    z-index: 150000 !important;
    border: solid 2px #fff !important;
}


    #left_cell
    {
        height: 0px;
    }

.dashboardBuilderTable td
{
    vertical-align: top;
    /*height:100%;*/
}

.dashboardBuilderToolbox
{
    margin-right:5px;
    margin-top:3px;
    border-bottom: 2px solid gray;
    border-left: 1px solid gray;
    border-right: 2px solid gray;
    border-top: 1px solid gray;
    overflow: hidden;
}

.ul_toolBox
{
    padding-top:2px;
}

.ul_toolBox_inner li
{
    display: inline-block !important;
    float: none !important;
    height: 30px;
    width: 30px;
}

.ul_toolBox_inner li img
{
    display: inline !important;
    float: none !important;
}

.ul_toolBox_inner li i
{
    margin-left: -12px;
}

.ul_toolBox_inner li span
{
    line-height: 1.2;
}

.radiobutton_list ul, .checkbox_list ul, .radiobutton_list li, .checkbox_list li {
     list-style-image:none;
     list-style-type:none;
     margin:0px;
     padding:0px;
}

#dashboardBuilderDocumentOutline
{
    margin-top:10px;
    height:400px;
    overflow:auto;
}

.dom_input_1
{
    width: 127px;    
}

.dom_input_2
{
    width: 127px;    
}

.dom_input_3
{
    width: 127px;    
}

#configuratorItem select:not(.unit_select)
{
    width: 130px;    
}

#configuratorItem tr td:first-child {
    width: 90px;
}

#crumbDesigner
{
    padding:5px;
    width: 600px;
    overflow: auto; 
    width: 100%; 
    white-space: nowrap
}

.dom_crumb_ul
{
    list-style-type:none;
    list-style-image:none;
    margin:0px;
    padding:5px;
}

.dom_crumb_li
{
    list-style-type:none;
    list-style-image:none;
    margin:0px;
    margin-right: 5px;
    padding: 4px 2px 4px 2px;
    display: inline;
    cursor: pointer;
    border: 1px solid #fff;
}


.dom_crumb_li.selected
{
    border:1px solid red !important;
}

.dom_crumb_li.hovered
{
    border:3px solid #1A0FFF !important;
}

.dom_tree_ul
{
    list-style-type:none;
    list-style-image:none;
    list-style-position:inside;
    margin:0px;
    padding:0px;
}

.dom_node_li
{
    list-style-type:none;
    list-style-image:none;
    list-style-position:inside;
    margin:0px;
    padding:0px;
    margin-top:3px;
    cursor: pointer;
}

.dom_node_li ul {
    padding-left:10px !important;
}

.dom_node_li.selected
{
    border:1px solid red !important;
}

.dom_node_li.hovered
{
    border: 3px solid #1A0FFF !important;
}

.dom_span
{
    border:1px solid black;
}

.domContextMenu
{
    display: none;
    
}

.domContextMenu_ul 
{
    list-style-type:none;
    list-style-image:none;
    list-style-position:inside;
    margin:0px;
    padding:10px 10px 10px 3px;
    border-bottom:2px solid black;
    border-right:2px solid black;
    border-left:1px solid black;
    border-top:1px solid black;
}

.domContextMenu_ul li
{
    list-style-type:none;
    list-style-image:none;
    list-style-position:inside;
    margin:0px;
    padding:0px;
    cursor:pointer;
}

.domContextMenu_ul li :hover
{

}

.domContextMenu_ul li img
{
    vertical-align: middle;
}

.DOMConfPopup
{
    display:inline !important;
    background-color:#fff !important;
    position: absolute !important;
    z-index: 10000 !important;
}

.DOMConfPopup .fa
{
    color: #2784D2;
}

.styleBuilderWindow
{
    background-color:White !important;
    position: absolute !important;
    width:600px;
    display:none;
    z-index: 10003;
}

.styleBuilderWindow div.fix
{
    width:100%;
    height:400px;
    overflow: auto;
    vertical-align:top;
}


.styleBuilderWindow th
{
     background: #fff; /* Old browsers */
}

.styleBuilderWindow td
{
    vertical-align: top;
}

#navigator_grid 
{
    width:830px;
    overflow:hidden;   
}

.fixThHandle
{
    float: right;
    position: static !important;
    display: inline !important;
}

.styleBuilderTable
{
    table-layout: fixed;
    width: 100%; 
    height: 95%; 
    border:1px solid silver; 
    background-color: #fff;
}

.styleBuilderTable td, .styleBuilderTable th
{
    border:1px solid silver; 
}


#styleTree, #styleTree li, #styleTree li > ul, #styleTree > li > ul > li
{
    list-style-type: none;
    list-style-image: none;
    margin:0px;
    padding-left:2px;
}

#styleTree table, #styleTree td
{
    border-style:none;   
}

#styleTree span
{
    cursor:pointer;
}

.w-node-selected
{
    background-color: #7281fa;
}

/* try to fix dummy height in scrollable grid 
thead.hiddenTHead, thead.hiddenTHead th, thead.hiddenTHead tr
{
    height: 5px !important;
    //padding:0px!important;
    margin:0px!important;//
    display:block!important;
}
*/


.toggle-button {
    background: #ccc;
    cursor: pointer;
    border-top: solid 2px #eaeaea;
    border-left: solid 2px #eaeaea;
    border-bottom: solid 2px #777;
    border-right: solid 2px #777;
    padding: 5px 5px;   	
    }

.toggle-button.down {
    background: #bbb !important;
    border-top: solid 2px #777;
    border-left: solid 2px #777;
    border-bottom:solid 2px  #eaeaea;
    border-right: solid 2px #eaeaea;
}


.dashchart
{
  background-image: url('../images/dashchart.png')   
}

div.fa.designer_button {
    color: #2784D2;
}

div.fa.designer_button:hover
{
    color: #3E9CEC;
}

/* Universes */

#LookupTree, #LookupTree li
{
    list-style-type: none;
    list-style-image: none;
    margin-left:6px;
    padding-left:2px;
    height:90%;
}

#LookupTree span
{
    cursor:pointer;
}


.boOptions
{
    display:none !important;   
}

.k-state-selected .boOptions
{
    display:table-cell  !important;
}
.w-node-selected .boOptions
{
    display:table-cell  !important;
}
.k-state-hover .boOptions
{
    display:table-cell  !important;
}

.hideByType
{
    visibility: hidden;   
}

#groupOption
{
    position: absolute;
    background-color:Silver;
    color:Black;
    margin:0px;
    margin-top:10px;
    padding:0px;
}

.groupOptions
{
    position: absolute;
    list-style-image:none;
    list-style-type:none;
    background-color:Silver;
    color:Black;
    margin:0px;
    margin-top:10px;
    padding:0px;
}

.groupOptions li
{
    margin:0px;
    padding:0px;
}

#aggregationOption
{
    position: absolute;
    background-color:Silver;
    color:Black;
    margin:0px;
    margin-top:10px;
    padding:0px;
}

.chartOptions
{
    list-style-image:none;
    list-style-type:none;
    background-color:Silver;
    color:Black;
    margin:0px;
    margin-top:10px;
    padding:0px;
}

.chartOptions li
{
    margin:0px;
    padding:0px;
}

.navigatorOptions
{
    list-style-image:none;
    list-style-type:none;
    color:Black;
    margin:0px;
    margin-top:10px;
    padding:0px;
}

.navigatorOptions li
{
    margin:0px;
    padding:0px;
}

.navigatorOptions_2
{
    list-style-image:none;
    list-style-type:none;
    color:Black;
    margin:0px;
    margin-left:10px;
    padding:0px;
}

.navigatorOptions_2 li
{
    margin:0px;
    padding:0px;
}

.bo_external_table
{
  width:100%;   
}

.bo_external_table td
{
  vertical-align:top;   
  border: 1px solid silver;
}

.bo_internal_table td
{
 border: 0px;   
}

.chartOptions_table
{
    table-layout:fixed;   
}

.chartOptions_table tbody>tr>td
{
    width: 200px;   
}

.ul_filter_panel 
{
    list-style-image:none;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.ul_filter_panel li
{
    margin:0px;
    padding:0px;
    display:inline;
    float:left;
}

.ul_filter_wrapper 
{
    width:150px;
    border:1px solid silver;
}

.filter_caption_li_span
{
    display:block;   
}
.k-widget.k-numerictextbox, .k-widget.k-combobox.k-header, .k-widget.k-timepicker.k-header, .k-widget.k-datepicker.k-header {
    border-bottom: solid 1px #94c0d2;
}

/* Customs */
.highlighted_row_1
{
    background: rgba(255, 0, 0, 1) !important;
}
.highlighted_row_1 span, .highlighted_row_1 .fa
{
    color: #fff;
}
.highlighted_row_1:hover
{
    background: rgba(246, 103, 103, 1) !important;
}

.highlighted_row_2
{
    background: rgb(250, 237, 93) !important;
}
.highlighted_row_2 span, .highlighted_row_2 .fa
{
    color: #000;
}
.highlighted_row_2:hover
{
    background: rgb(255, 210, 1) !important;
}

.total_row
{
    background-color: #EA3434 !important;
    color: Black !important;
}

.highlighted_cell_1 *, .highlighted_cell_3:hover *
{
    background-color: #49B949 !important;
    color: #06139f !important;
}

.highlighted_cell_2 *, .highlighted_cell_3:hover *
{
    background-color: #FFFF7F !important;
    color: #000081 !important;
}

.highlighted_cell_3 *, .highlighted_cell_3:hover *
{
    color:#9D0000 !important;
    font-weight: bold !important;
}

 .invalid-slot {
    background: red !important;
    cursor: no-drop;
}

.long_text_fixer
{
    -ms-word-wrap: hyphenate;
    word-wrap: hyphenate;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.x3dom-canvas {
    width: 100% !important;
    height: 100% !important;
}

.fa-stack-1exit {
   position: absolute;
   left: 20px;
}

#btnSaveX {
    position: relative;
}


.forgotPwd {
    font-size: 100% !important;
    display: inline !important;
    cursor: pointer;
}

.forgotPwd:hover {
    text-decoration: underline !important;
}