﻿
            @import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
            
            #view1 .km-content, #selectionView .km-content , #menu .km-content{
                background-image: url('/Content/images/img/test-mob/ipad-bg/no-text.jpg');
                background-position: center;
                background-size: auto 100%;
                background-repeat: no-repeat;
				background-color: #393939;
                color: white;
            }
            #view2 .km-content, #hierarchical-view .km-content, #modalview-form .km-content {
                background-color: #393939!important;
            }
            #_gauge-container {
                /*background: transparent url("/Content/images/img/test-mob/ipad-bg/gauge-container.png") no-repeat 50% 50%;*/
                width: 220px;
                height: 220px;
                text-align: center;
                /*margin: 0 0 30px 50px;*/
            }

            .gaugeMin {
                float: left;
                font-family: Lato;
                width: 60px;
                height: 60px;
                background-color: #37863F;
                border: 3px solid #CCC;
                border-radius: 30px;
                position: absolute;
                top: 140px;
                left: -32px;
                z-index: 1000;
                font-size: 14px;
                line-height: 54px;
            }

            .gaugeMax {
                float: left;
                font-family: Lato;
                width: 60px;
                height: 60px;
                background-color: #863F37;
                border: 3px solid #CCC;
                border-radius: 30px;
                position: absolute;
                top: 0px;
                left: 172px;
                z-index: 1000;
                font-size: 14px;
                line-height: 54px;
            }
            gauge-container {
                /*background: transparent url("/Content/images/img/test-mob/ipad-bg/gauge-container.png") no-repeat 50% 50%;*/
                width: 260px;
                height:260px;
                text-align: center;
                /*margin: 0 0 30px 50px;*/
            }
            .k-ff .km-view {
                /*display: inherit;*/
            }
            .km-modalview-root:before, .km-modalview-wrapper:before {
                /*content:none;*/
            }
                #gauge; {
                width:240px;
                height:240px;
                margin: 0 auto 0;
            }
                .wearup{
                    color:#A0C518!important
                }
				 .wearup_1{
                    color:#FFFFFF!important
                }
            ._login {
                background-color: #393939;
                color: #A0C518;
                font-size: 2em;
                padding: 10px 43px;
                margin: 0px auto;
                text-align: center;
                display: inherit;
                width: 60%;
                position: relative;
                top: 60px;
            }
            #selectionWizard{
                font-size:1.3em;
                background-color: #393939;
                position: relative;
                top: 30px;
            }
            #selectionWizard li{
                padding-left:20px!important;
            }
            .selectCollection,.selectCatalog, .selectAccount, .selectItem,.createItem{
                background-color: #393939!important;
                color: #A0C518!important;
                font-size: 1.5em!important;
                padding:10px 0 10px!important;
            } 
            #deleteCatalog, #deleteAccount, #deleteItem, #deleteAll{
             float:right;
             /*vertical-align:baseline;
             position: absolute;
             right: 10px;
             bottom:10px;*/
             background-color: #D41D0F;
            color: #FFF;
            }
            #Proceed, #createButton{         
                background-color: #339933;
                color: #FFF;
            }
            #ProceedToP{         
                background-color: #ffcc33;
                color: #393939;
                border-color:#fff;

            }
            .selectCollection._selected,.selectCatalog._selected, .selectAccount._selected, .selectItem._selected  {
                background-color: #999999!important;
                color: #cccccc!important;
                
            }
           #selectItem .km-switch:first-of-type{position:absolute;left:180px}
           #selectItem .km-switch:last-of-type{position:absolute;left:290px}
            #showcurrentCatalog,#showcurrentCollection{
            height:100px;
            width:100%;
                
                background-image:url('/Content/images/img/test-mob/ipad-bg/arrow-catalog-down.png');
                background-position:center bottom;
                background-repeat:no-repeat;
                     line-height:100px
            }
            #showcurrentAccount{
                height:60px;
                width:100%;
                
                background-image:url('/Content/images/img/test-mob/ipad-bg/arrow-catalog-down.png');
                background-position:center bottom;
                background-repeat:no-repeat;
                     line-height:60px
            }
            #currentCollection,#currentCatalog, #currentAccount, #currentItem{
               background-color: #999999!important;
               padding-bottom:2px
                /*width: 40%; position: relative; top: 64px;margin: 0 auto;text-align: center;*/

            }
            .currentcollectionDesc,.currentcatalogDesc {
                    padding-left: 10px;
                    color: #4e4e4e;
                    font-size: 1.6em !important;
                    vertical-align: top;
                }
                #hierarchical-listview .employee-image
                 {
                width: 4em;
                height: 4.4em;
                margin: 0;
                border: 1px solid rgba(0,0,0,.2);
                -webkit-border-radius: 4em;
                border-radius: 4em;
                display: inline-block;
                -webkit-background-size: auto 100%;
                background-size: auto 100%;
                background-repeat: no-repeat;
                background-position: center center;
                -webkit-transform: translatez(0);
                vertical-align: middle;
            }

            #hierarchical-listview h2 {
                display: inline-block;
                margin: .5em;
                font-size: 1.1em;
            }

            .km-android #hierarchical-listview .parent:after {
                display: inline-block;
                border-color: #ffffff;
            }

            .km-wp #hierarchical-listview .parent:after {
                display: inline-block;
                border-color: #cccccc;
            }

                #droptarget, .test1, .test2{
                height: 100px;
                font-size: 18px;
                border-radius: 37px;
                text-align: center;
                line-height: 100px;
                margin: 0 0 30px 100px;
                cursor: default;
                vertical-align: middle;
            }

            .test1, .test2 {
                vertical-align: middle;
                display: inline-block;
                width: 220px;
                height: 100px;
                line-height: 100px;
                margin: 0 10px 0;
            }

            * + html .test1,
            * + html .test2 {
                margin-top: 50px;
                display: inline;
                zoom: 1;
            }



            #exampleTitle {
                color: #000;
            }

            #draggable {
                top: 60px;
            }
            #draggable {
                cursor: pointer;
                position: absolute;
                top: 800px;
                left: 30px;
                border: 1px solid #FF8000;
                width: 78px;
                height: 78px;
                border-radius: 37px;
                box-shadow: 2px 0px 10px #9D9D9D;
                background: url('/Content/images/img/test-mob/draggable.png') no-repeat scroll 50% 50%, -moz-linear-gradient(center top, #FC0 0%, #FF8000 100%) repeat scroll 0% 0%;

            }

            #listView {
                padding: 10px 5px;
                margin-bottom: -1px;
                width: 80%;
                margin: 0 auto;
            }

            .product {
                float: left;
                position: relative;
                width: 111px;
                height: 170px;
                margin: 0 5px;
                padding: 0;
            }

                .product img {
                    width: 110px;
                    height: 110px;
                }

                .product h3 {
                    margin: 0;
                    padding: 3px 5px 0 0;
                    max-width: 96px;
                    overflow: hidden;
                    line-height: 1.1em;
                    font-size: .9em;
                    font-weight: normal;
                    text-transform: uppercase;
                    color: #FFFFFF;
                }

                .product p {
                    visibility: hidden;
                }

                .product:hover p {
                    visibility: visible;
                    position: absolute;
                    width: 110px;
                    height: 110px;
                    top: 0;
                    margin: 0;
                    padding: 0;
                    line-height: 110px;
                    vertical-align: middle;
                    text-align: center;
                    color: #fff;
                    background-color: rgba(0,0,0,0.75);
                    transition: background .2s linear, color .2s linear;
                    -moz-transition: background .2s linear, color .2s linear;
                    -webkit-transition: background .2s linear, color .2s linear;
                    -o-transition: background .2s linear, color .2s linear;
                }

            .k-listview:after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
            }

            body {
                font: 14px/1.5 HelveticaNeue-UltraLight, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
                color: #777;
                font-weight: 300;
            }
            h1,h2, h3, h4,h5
            {
                font-family: HelveticaNeue-UltraLight, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
            }
            
            
            h1, h2, h3, h4, h5, h6 {
                color: #222;
                margin: 0 0 20px;
            }

            p, ul, ol, table, pre, dl {
                margin: 0 0 20px;
            }

            h1, h2, h3 {
                line-height: 1.1;
            }

            h1 {
                font-size: 28px;
            }

            h2 {
                color: #393939;
            }

            h3, h4, h5, h6 {
                color: #494949;
            }

            a {
                color: #39c;
                font-weight: 400;
                text-decoration: none;
            }

                a small {
                    font-size: 11px;
                    color: #777;
                    margin-top: -0.6em;
                    display: block;
                }


            img {
                max-width: 100%;
            }


            strong {
                color: #222;
                font-weight: 700;
            }


            .droppable {
                border: 1px dashed #000;
                width: 50px;
                height: 50px;
                background-color: #fff;
                display: inline-block;
                box-sizing: border-box;
                vertical-align: top;
            }

            .droppable {
                border-color: #31b03d;
                padding: 5px 2px;
                width: 400px;
                height: 300px;
            }


                .droppable.big {
                    height: 60px;
                    width: 100px;
                }

                    .droppable.big .droppable {
                        float: right;
                    }

                .droppable.active {
                    background-color: #abe2a5;
                }

                .droppable.drop-here {
                    background-color: #3498db;
                }

                .droppable .draggable {
                    width: 16px;
                    height: 16px;
                    margin: 0 3px;
                    font-size: 10px;
                    padding: 2px;
                }

            dl {
                width: 150px;
                float: right;
            }

                dl dd {
                    margin-top: -21px;
                    margin-left: 60px;
                }

                dl.inline {
                    float: none;
                    width: auto;
                }

                    dl.inline dl, dl.inline dd {
                        margin-left: 100px;
                    }

            h4, h2 {
                clear: both;
            }

            h2 {
                margin-top: 20px;
            }

            h4 {
                margin-bottom: 10px;
                margin-top: 20px;
            }

            /*pre {
              box-sizing: border-box;
              margin-right: 48px;
            }
            */
            #droppable .droppable {
                float: right;
            }

            ul.list, ul.grid {
                list-style-type: none;
                padding: 0;
                width: 162px;
            }

                ul.grid.wide {
                    width: 100%;
                    height: 50px;
                }

                ul.grid.active {
                    background-color: #abe2a5;
                }

                ul.list li, ul.grid li {
                    border: 1px solid #DCDBDD;
                    margin: 2px;
                    padding: 2px 5px;
                    background-color: #F6F5F7;
                    box-sizing: border-box;
                    vertical-align: top;
                }

                ul.list li {
                    height: 28px;
                }

                ul.grid li {
                    float: left;
                    height: 50px;
                    width: 50px;
                }

                    ul.list li.placeholder, ul.grid li.placeholder {
                        border-style: dashed;
                        background-color: transparent;
                    }
            h1, h2, h3, h4, h5 {
                font: HelveticaNeue-UltraLight, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
            }

            #main-view {
                background-color: #666666;
            }

            #materials li, #manpower li,#fixedCost li {
                color: #000000;
                font-size: 1.2em;
                height: 2.6em!important;
                line-height: 1.4em!important;
            }

            .selCost {
                float: right;
            }
            #materials .selCurrent {
                color: #365685;
                position: absolute;
                left: 500px;
                font-weight: bold;
            }
            /*.selCurrent {
                color: #365685;
                position: absolute;
                left: 450px;
                font-weight: bold;

            }*/
            .newCostColumn{
                position:absolute;
                left:580px!important;
             }
            .costColumn {

                left: 580px;
            }
            .costColumnUM {
                position:absolute;
                left: 440px!important;
            }
            .selCostUM {
                color: #365685;
                position:absolute;
                left: 460px!important;
            }
            .selPosition {
                position:absolute;
                left: 595px!important;
            }
            .consumptionColumn {

                left: 620px;
            }
            .piecesColumn {
                top: 10px;
                left: 250px!important;
            }
            .SiteSelected .selCurrent{left:300px}
            #GOPList .selCurrent {
                color: #365685;
                position: absolute;
                margin-left: 350px!important;
                font-weight: bold;
            }
            .GOPSelected{display: block;
                float: left;
                width: 150px;
                overflow:hidden
            }
            .variant {
                margin-left:13px;
                width:280px;
                color:#000
            }
            .selMin {
                color: #37863F;
            }

            .selMax {
                color: #863F37;
                
                margin-right: 16px;
            }

            .selRange,._removeLine {
                float:right;margin-left:20px;
                width: 30px;
                height: 30px;
                display: block;
                border-radius: 15px;
                /*position: absolute;
                left: 480px;
                top: 4px;*/
            }

            .consumiMateriali{
                position: absolute;
                left: 320px;
            }
            .numPezzi,.pieces{
                position: absolute;left: 220px;
                min-width:50px
            }
            .selRange-green {
                background-color: #37863F;
            }

            .selRange-yellow {
                background-color: #FFFF7A;
            }

            .selRange-red {
                background-color: #863F37;
            }
            .selDesc{font-size:0.9em;color:#393939;font-weight:bold; font-style:italic;padding-left:6px}
            
             #GOPList li , #details li, #phasesList li, #fixList li{
                background-color: #aaaaaa;
                cursor:pointer
            }

                #GOPList li.current, #phasesList li.current ,.currentSite,#_newMat li.current ,#_newMat li.current a{
                    background-color: #9fe897 !important;color:#393939!important
                }

            .toSel {
                float: right;
                margin-right: 80px;
                font-size: 1.3em;
            }
            .selItemInput {
                width: 10px!important;
                margin-right: 10px;
                background: #ffffff!important; 
            }
			.selSupplierRange{position:absolute; right:3px;top:5px}
			.km-ios7 .km-list input[type=number]{min-width:70px!important}
            .selCurrentUM{font-size:0.9em;font-weight:normal; position:absolute;left:370px;}
            .sectionTitle{background-color:#666666!important; color: #ffffff!important;font-size:1.4em!important;height:1.8em!important;line-height:0.4!important}
            .workingSite{display:none}

            .km-root .left-btn {
                position: absolute;
                z-index: 9999;
                top: 7em;
                left: -1em;
                padding-right: 0;
                padding-left: 0;
                width: 5em;
                line-height: 4em;
                border-radius: 10em;
                -webkit-border-radius: 10em;
                border: 1px solid rgba(255,255,255,.8);
                background: rgba(0,0,0,.8);
                color: #fff;
                box-shadow: 0 0 .5em #000;
                -webkit-box-shadow: 0 0 .6em #222;
            }

            .mobileExample .km-wp-light .km-button.left-btn {
                background: rgba(0,0,0,.8);
                text-align: center;
            }

            .km-root .left-btn .km-icon.km-notext {
                display: block;
                margin: 1em auto;
            }

            .km-ios #left-drawer .km-content, .km-ios7 #left-drawer .km-content, .km-android #left-drawer .km-content, .km-blackberry #left-drawer .km-content,
            .km-ios #left-drawer .km-list > li, .km-ios7 #left-drawer .km-list > li, .km-android #left-drawer .km-list > li, .km-blackberry #left-drawer .km-list > li,
            .km-ios #left-drawer .km-listview-link > .km-icon, .km-ios7 #left-drawer .km-listview-link > .km-icon, .km-android #left-drawer .km-listview-link > .km-icon, .km-blackberry #left-drawer .km-listview-link > .km-icon,
            .km-ios #left-drawer .km-list li > .km-icon, .km-ios7 #left-drawer .km-list li > .km-icon, .km-android #left-drawer .km-list li > .km-icon, .km-blackberry #left-drawer .km-list li > .km-icon,
            #right-drawer .km-content,
              .km-ios #first-drawer .km-content, .km-ios7 #first-drawer .km-content, .km-android #first-drawer .km-content, .km-blackberry #first-drawer .km-content,
            .km-ios #first-drawer .km-list > li, .km-ios7 #first-drawer .km-list > li, .km-android #first-drawer .km-list > li, .km-blackberry #first-drawer .km-list > li,
            .km-ios #first-drawer .km-listview-link > .km-icon, .km-ios7 #first-drawer .km-listview-link > .km-icon, .km-android #first-drawer .km-listview-link > .km-icon, .km-blackberry #first-drawer .km-listview-link > .km-icon,
            .km-ios #first-drawer .km-list li > .km-icon, .km-ios7 #first-drawer .km-list li > .km-icon, .km-android #first-drawer .km-list li > .km-icon, .km-blackberry #first-drawer .km-list li > .km-icon,
            #right-drawer .km-content  {
                background-color: #4e4e4e;
                color: #fff;
            }

            .km-ios #left-drawer .km-group-title,
            .km-ios7 #left-drawer .km-group-title,
            .km-blackberry #left-drawer .km-group-title, 
            .km-ios #first-drawer .km-group-title,
            .km-ios7 #first-drawer .km-group-title,
            .km-blackberry #first-drawer .km-group-title {
                background-color: #6e6e6e;
                color: #fff;
            }

            #left-drawer .km-navbar, #right-drawer .km-navbar,
            .km-tablet .km-ios #left-drawer .km-view-title,
            .km-tablet .km-ios #right-drawer .km-view-title,
            .km-ios7 #left-drawer .km-view-title,
            .km-ios7 #right-drawer .km-view-title,
            .km-tablet .km-ios7 #left-drawer .km-view-title,
            .km-tablet .km-ios7 #right-drawer .km-view-title,
            #first-drawer .km-navbar, #right-drawer .km-navbar,
            .km-tablet .km-ios #first-drawer .km-view-title,
            .km-tablet .km-ios #right-drawer .km-view-title,
            .km-ios7 #first-drawer .km-view-title,
            .km-ios7 #right-drawer .km-view-title,
            .km-tablet .km-ios7 #first-drawer .km-view-title,
            .km-tablet .km-ios7 #right-drawer .km-view-title {
                background-color: #2e2e2e;
                color: #fff;
                text-shadow: 0 -1px rgba(0,0,0,.5);
            }

            .km-drawer-button:before, .km-drawer-button:after {
                content: "\E077";
            }



            .km-ios #two-drawer-home .km-listview {
                background-color: #eaf1f5;
            }
            .km-ios #popover .km-view-title,
        .km-ios #popover-people .km-view-title
        {
            color: #333333;
            text-shadow: 0 -1px rgba(0,0,0,.5);
        }

        .km-ios #popover .km-navbar,
        .km-root > * > #popover > .km-content
        {
           /*background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(255, 255, 255, 0.35)), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))) #000;*/
        }

        .km-ios #popover .km-navbar .km-button
        {
            background-color: #000;
        }
.metro .tile {
/* position: relative; */

display: block;
float: left;
margin: 0 10px 10px 0;
padding: 0!important;
cursor: pointer;
}
    li .inMenu, .km-ios .km-list > li{background-color:#393939!important;}
        .metro .inMenu {
            padding-left: 10px;
            display: none;

        } 
        .metro .inMenu .km-button{
        text-align:center;margin:0 auto
        }
         #variantHeader ~ ul li{height:40px;line-height:40px;color:#000}
        .km-ios7 .km-badge {
    border-radius: 0!important;
}
        .km-android .km-view:not(.km-splitview) {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}
        .km-ios7.km-pane>.km-loader, .km-ios7 .km-pane>.km-loader {
/*background: rgba(0,0,0,0.8);*/
}
#popover-collection .km-content, #popover-catalog .km-content, #customers-list{ background-color:#666666!important}
.km-loader h1{
	color:#A0C518!important; font-size:1.6em;
	}
	.km-loader {
		/*transform:scale(3)*/
		}
		.supplierRange{
			float:right;
			margin-right:135px;
            width: 96px;
		}
.appBadge{
	    position: absolute;
    top: 4px;
    right: 4px;
    width: 50px;
    height: 25px;
    text-align: center;
    color: #FFF;
    padding: 0;
    margin: 0;
    vertical-align: middle !important;
    display: block;
    font-size: 1.3em!important;
	font-weight:500;
    border-radius:5px !important;
    line-height: 20px;
	border:1px  solid #cccccc;
}

.bg-red{ background-color:#9A1616}
#left-drawer ul li, #first-drawer ul li{ font-size:1.2em}
.newComponentLine{padding-top:18px!important;padding-bottom:18px!important
	}
.newLineDesc{position:relative!important;width:200px!important;top: 12px!important;float:left!important;margin-left:2px!important;font-size:1.2em!important;background-color:#ffffff!important;}
#main-view .km-listview-link:after {box-shadow: unset;
}
.costSummary{list-style:none;text-align:left;color:#fff;margin-top:20px}
.costSummary li{line-height:24px;font-family: Lato;font-weight:400}
.costSummary li span{font-weight:700}
/*#variantSelector {
        display: none;
        width: 450px;
        position: absolute;
        background: none repeat scroll 0% 0% #FFF;
        border: 1px solid #4E4E4E; 
        border-radius: 4px !important;
        padding: 10px 12px;
        z-index:2000000
    }*/
.k-window-titlebar {
    background-color: #365685;
    color:#ffffff;
}
.km-list>li {
line-height: 1.0em;
  overflow: hidden;
}
.k-popup .k-list .k-item {min-height:50px;}
#switcher{z-index: 100;
right: 400px;
position: absolute;
top: 40px;}
.km-list > li.subTotal{line-height:.5em!important;height:1.5em!important;background:#ededed!important;border-top: 1px solid;}
/*#selectionWizard  .km-switch {
    width: 4.6rem!important;
    height: 2.2rem;
    overflow: visible;
}
#selectionWizard .km-switch-background{margin-left: -32px;}
#selectionWizard .km-switch-handle{transform:translate(33px)!important}*/
.newComponent{width:120px;float:left}
.new_material{line-height:3em;height:5em!important}
.newPieces{
/*width: 75px!important;*/
/*margin-left: -58px;*/
/*position: absolute!important;*/
background: none repeat scroll 0% 0% #FFF!important;
color: #000;
/*top: 46px!important;*/
border-radius: 3px;
/*left: 375px;*/
}
.newCost{
/*width: 75px!important;
margin-left: -58px;
position: absolute!important;*/
background: none repeat scroll 0% 0% #FFF!important;
color: #000;
/*top: 46px!important;left: 452px;*/
border-radius: 3px;

}
.newConsumption{
/*width: 75px!important;
margin-left: -58px;left: 530px;top: 46px!important;
position: absolute!important;*/
background: none repeat scroll 0% 0% #FFF!important;
color: #000;

border-radius: 3px;

}
.newConsumptionUM{
/*width: 75px!important;
margin-left: -58px;
position: absolute!important;left: 607px;
margin-top:-16px!important;
height:1.65em!important;top: 46px!important;*/
background: none repeat scroll 0% 0% #FFF!important;
color: #000;

border-radius: 3px;

}
.newConsumptionUM .k-input{width: 50px;
line-height: 1.65em !important;
margin-top: -8px;}
#newList label{font-size: small !important;
float: left;color:#c3cad3}
/*#outerNavbar {
    font-family: HelveticaNeue-UltraLight,Lato,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}*/
#newList td{width:38%}
._l{float:left; position:relative!important}
.costSummary li{float:left;display:inline-block;padding-right:20px}
.tabMaterial a{width:50%}
._removeLine{position:absolute;right:13px;top:-1px;cursor:pointer;font-size:2em!important}
#fixList li{height:4em}
._fixedinput{
    background: #FFF none repeat scroll 0% 0% !important;
    color: #000;
    border-radius: 3px;
    width:90px!important;
    float:right
}
#catalogList li{color:#fff;height:3.5em;font-weight:bold;line-height:3em;}
#selectionWizard input{font-weight:bold}
#customers_listbox h3{color:#fff!important}
#selectionWizard li a{padding-right:.5em!important;font-weight:bold!important}
.tabMaterial, #manpower li a,#fixedCost li a{font-weight:700}
#left-drawer ul li,#first-drawer ul li{height:3em;line-height: 1.8em!important}
#_newMat .selCurrent{color:#ccc;}
#_newMat .current .selCurrent{color:#365685!important}
._button{padding: 6px 6px;border: 1px solid #ccc;position: relative;top: 3px;}
#materialNavbar ul {list-style:none}
#outerNavbar{/*display:none*/}
#newInsertedMaterials li{width:100%;}
#newInsertedMaterials li._current{background:cadetblue}
.uploader{background:url(/Content/images/camera-upload.png); background-repeat:no-repeat}
div.uploader input[type="file"] {
    display: block !important;
    width: 91px !important;
    height: 118px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}
.summary{height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    display: none;
    float: left;
    margin-left: 20px;
    border: 2px solid #fafafa;
    font-size:.84em
}
.summaryMaterials{background:#7D9BCA}
.summaryWork{background:#CAAB7D}
.summaryGeneral{background:#B85B51}
.summaryFull{background:#393939;color:#fafafa}
/*.inserted_newMaterial .consumiMateriali::after {
    content: url();
    /*content:'    (Line not editable)';
}*/
._extra{position: absolute;
left: 315px;}
.inserted_newMaterial{
    background-color:#f6c57f!important
}

    .topModalView:before {
      vertical-align: top;
    }

.workingUM{position:absolute;left:227px; font-weight:normal}
.workingUnitCost{position: absolute;left: 450px;    color: #365685}
.consumptionCost{position: absolute;left: 320px;  }
.currentCost{color: #365685}
#chartIOS svg{overflow:visible}
.lastToShow{
    /*display:none*/
    margin-right:10px;
    border-radius:3px;
    display:none
}