/*body {
    padding-top: 60px;
    padding-bottom: 40px;
}*/

body{
    font-family: Roboto;
}

/*drag and drop list*/




/*.select-style {
    padding: 0;
    margin: 0;
    border: none;
    width: 137%;*/
    /* border-radius: 3px; */
/*    overflow: hidden;
    background: rgba(0,0,0,0) url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;
*/    /* margin-left: -90px; */
/*    color: #D5D5D5 !important;
    position: absolute;
    left: 108px;*/
/*    background: rgba(0,0,0,0) url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;*/
/*}*/

/*.select-style select {*/
    /* padding: 5px 8px; */
/*    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #D5D5D5;
    font-size: 12px;
    text-indent: 0px;
    width: 100%;*/
    /* position: absolute; */
    /* position: absolute; */
/*    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;*/
/*}

.select-style select:focus {
    outline: none;
}
*/

/*
    attribute editor grey   #2b2b2b
    item counter grey       #999999
    content area            #444444
    left menu text          #848484
    badge id                #777777
    badge name              #d5d5d5
    accordion title         #d5d5d5
    page top items          #848484
    top menu                #999999

*/

/*


    top line                #FF6600
    content area            #FFF
    attribute editor        #E6E6E6



*/
.attribute-cursor{
	cursor:pointer;
}

.attribute-edit-pen{

    float: right;
    margin-right: 16px;
    font-size: 11px;
    cursor: pointer;
}

#name-edit-pen{
	position:absolute;
	bottom: 42px;
	display:none;
	right:-10px;
}



.selection-button{

   display: inline;


}

.multiple-warn-icon{
	color: #D5D5D5;
	font-size: 70px;
	position: absolute;
	left: calc(50% - 30px);
	top: 130px;
}

.multiple-warn-text{
	color: #d5d5d5;
	position: absolute;
	top: 229px;
	/*left: calc(50% - 52px); */
    text-align: center;
    margin-left: -10px;
    width: 100%;
}


.multiple-warn-text-1{
	color: #d5d5d5;
	position: absolute;
	top: 259px;
	left: calc(50% - 172px);
}

/*
.multiple-warning{
}
*/

.dark-header{
    background: #333;
}

.dark-items{
    color: #848484 !important;
}

.bright-items{
    color: #000 !important;
}

.bright-grey{
    background: #DADADA;
}

.dark-grey{
    background: #2b2b2b;
}

.bright-element{
    color: #DADADA;
}

.dark-element{
    color: #2b2b2b;
}

.medium-grey{
    background: #444444;
}

.white-back{
    background: #FFF;
}

.bright-line{
    color: #FF6600 !important;
}

.dark-line{
    color: #00FFFF !important;
}

.dark-key-color{
    background: #00FFFF;
}

.bright-key-color{
    background: #FF6600;
}


.bright-key-color-fade{
    background: rgba(255, 102, 0, 0.5);
    color: rgba(0,0,0,0.5) !important;
}

.dark-key-color-fade{
    background: rgba(0,255,255,0.5);
    color: rgba(0,0,0,0.5) !important;
}

.bright-modal-back{
    background: #e5e5e5;
}

.dark-title{
    color: #d5d5d5 !important;
}

.bright-title{
    color: #000;
}

.dark-attribute{
    color: #D5D5D5;
}

.bright-attribute{
    color: #000;
}

.bright-navigation-icon{
    color: #000;
}

.dark-navigation-icon{
    color: #848484;
}

.bright-icon{
    color:#000;
}

.dark-icon{
    color:#fff;
}

.dark-log{
    background: #3f3f3f;
    border-bottom: 1px solid #2b2b2b;
}
.bright-log{
    background: rgba(255,255,255,0.3);
    border-bottom: 1px solid #DADADA;
}

.bright-upload{
    background: #f5f5f5;
}

.bright-upload-border{
    border-color: #f5f5f5 !important;
}

.dark-upload-border{
    border-color: #444 !important;
}

/*
.dark-inputconn{

}
*/

.dark-border{
    border-bottom:1px solid #848484;
}

.bright-border{
    border-bottom: 1px solid #848484;
}

.bright-inputconn{
    color:#DCDCDC;
}

.sidebar-top-right-top{
    width: 100%;
    height: 42px;
    /*border-bottom: 1px solid;*/
}

.hide-pen{
	display: none;
}

.sidebar-bottom-right{
    position: absolute;
    top: 532px;
    margin-bottom: 200px;
}

i.icon-size-bright.ion-arrow-resize::before{
    font-size: 25px;
    color: #000;
    position: absolute;
    right: 50px;
    top: 11px;
}

i.icon-size-bright.ion-ios-close-empty:before {
    font-size: 45px;
    color: #000;
    position: absolute;
    right: 18px;
    top: 2px;
}

i.icon-size-dark.ion-ios-close-empty:before {
    font-size: 45px;
    color: #d5d5d5;
    position: absolute;
    right: 18px;
    top: 2px;
}


i.icon-size-bright.ion-ios-minus-empty:before {
    font-size: 45px;
    color: #000;
    position: absolute;
    right: 82px;
    top: 2px;
}

i.icon-size-dark.ion-ios-minus-empty:before {
    font-size: 45px;
    color: #d5d5d5;
    position: absolute;
    right: 82px;
    top: 2px;
}

.inactive-item{
    opacity: 0.2;
}

i.icon-size-dark.ion-arrow-resize::before{
    font-size: 25px;
    color: #d5d5d5;
    position: absolute;
    right: 50px;
    top: 11px;
}

.locked-overlay{
    position:absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(255,255,255,0.3); 
    z-index: 2000;
}

.stop-user{
    margin-top: 78px;
    margin-left: 65px;
}

.navigation-icons{
    position: absolute;
    font-size: 25px;
    left: 20px;
    top: 2px;
    cursor: pointer;
    width: 20px;
}

.sort-button-2{
	position: absolute;
	top: 10px;
	left: 111px;
    width: 120px;
}


.navigation-icons-right{
    position: absolute;
    font-size: 25px;
    left: 50px;
    top: 2px;
    cursor: pointer;
    width: 20px;
}

.sort-2{
	left: 80px;
}


.custom-nav-bar{
    list-style: none;
    left: 8px;
    position: absolute;
    /* top: -39px; */
    padding-top: 8px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* display: block; */
    /* vertical-align: middle; */
    /* left: auto; */
    /* right: auto; */
    z-index: 2000;
    /*width: 497px;*/
}

.custom-nav-bar1{
    list-style: none;
    right: 440px;
    position: absolute;
    top: -6px;
    /* top: -39px; */
    padding-top: 8px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* display: block; */
    /* vertical-align: middle; */
    /* left: auto; */
    /* right: auto; */
    z-index: 2000;
    /*width: 497px;*/
}

.custom-nav-bar li{
    float: left;
}

.custom-nav-bar li a{
    color: #999999;
    padding: 10px 15px;
}
.sidebar-top-right{
    position: fixed;
    top: 60px;
/*    overflow: hidden;*/
    z-index: 2000;
    /*background-color: #2b2b2b;*/
    border-bottom: 1px solid #888888;
}

.item-counter{
/*    color: #999999;*/
    position: absolute;
   
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

.progress { 
  height: 3em;
  /*i { line-height: 3.5em; } */
}

.progress-bar-dark{
	background: rgba(255,255,255,0.03);
}

.progress-bar-brigh{
	background: rgba(255,255,255,0.3);
}

.progress-bar { 
  height:100%;
  width: 100px;
  position:relative;
}

.progress-bar-false{
	background: #C8C8C8;
}

.progress-bar-true{
	background: rgba(255,255,255,0.3);
}

.saving-progress{
	margin-top: 180px;
	margin-left: 21px;
	margin-right: 21px;
	border-radius: 0;
}

.progress-bar-image {
    width: 100px;
    position: relative;
    height: 4px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5 !important;
    cursor: pointer;
}

.dropdown-menu > li > a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333 !important;
    white-space: nowrap;
    font-size: 14px;
}

.dropdown-button-disabled{
    opacity: .5;
}

.photoswipe-gallery figure a {
    list-style: none;
    padding-left: 0px;
    font-size: 14px;
    font-weight: normal;
    color: #333333 !important;
    height: 26px;
    line-height: 1.428571429;
}

.photoswipe-gallery figure a:hover {
    background-color: #f5f5f5 !important;
    width: 158px;
    margin-right: 0px;
    padding-right: 0px;
}

.drop-gear{
    position: absolute;
    left: -100px;
}

.right-side-gear-1{
    position: absolute;
    right: 22px;
    top: 8px;
}


.client-change-toggle{
    height: 40px;
}


.change-client-drop{
    margin-top: 36px;
}

.change-client-drop li a{
    text-indent: 0;
    font-size: 14px;
    color: #333333 !important;
}

.change-client-drop li a:hover{
    background: #f5f5f5 !important;
}

/*
.highlight-client{
    
}*/

.highlight-client:before{
    content:  "\2713" !important;
    color: #333333 !important;
}


.ivh-treeview-node-label-client{
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    line-height: 1.9;
}


.ivh-treeview-node-label-client:before{
    margin-right: 5px;
    content: "\2713";
    color: #D5D5D5;
}


.tree{
    padding-left: 0px;
    list-style: none;
    cursor: pointer;
    margin-left: -35px;
}

.keyword-labels li {
    padding-right: 0px;
}

.tree-children{
    padding-left: 15px;
    cursor: pointer;
}

.relation-back-arrow{
/*    color: #D5D5D5;*/
    font-size: 19px;
    margin-left: 192px;
    line-height: 1.6;
}

.isDragging{
    background-color: rgba(255,255,255,0.5) !important;
}

.notDragging{
    background-color: rgba(255,255,255,0.1) !important;
}

ul[dnd-list], ul[dnd-list] > li { 
    position: relative;
}


ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}


ul[dnd-list] .dndPlaceholder {
    width: 400px;
    height: 70px;
    background-color: rgba(255,255,255,0.1);
    padding-left: 0px !important;
    margin-left: -10px;
    position: relative;
    margin-bottom: 5px;
}

ul[dnd-list] .dndDraggingSource {
    display: none;
}

body{
    overflow: hidden;
}
.flex-container .scroll-viewport {
    /* width: 100%; */
    /* height: 100%; */
    left: 240px;
    top: 120px;
    /*bottom: 0px;*/
    right: 440px;
    padding: 0;
    margin: 0;
    position: fixed;
}



.flex-container{
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding-top: 3px;
    -webkit-flex-flow: row wrap;
    height: 100%;
}

.on-drag-enter{
    background: white;
}

/*.on-dragging{
    height: 10px !important;
    width: 10px !important;

}
*/
.on-drag-hover{
    background-color: rgba(255,255,255,0.1) !important;
}

.relation-remove-icon{
    position: absolute;
    right: 10px;
    top: -7px;
/*    color: #D5D5D5;*/
    font-size: 30px;
    cursor: pointer;
}

.relation-date{
    color: #777777;
    position: absolute;
    left: 74px;
    bottom: 11px;
}

.add-relation-icon{
    margin: auto;
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* bottom: 0; */
    /* right: 0; */
/*    color: #2B2B2B;*/
    font-size: 50px;
    display: block;
    /* margin-left: auto; */
    /* margin-right: auto; */
    text-align: center;
    /* margin-top: 5px; */
    line-height: 70px;
}

.add-main-icon {
    margin: auto;
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* bottom: 0; */
    /* right: 0; */
    /* color: #2B2B2B; */
    font-size: 50px;
    display: block;
    /* margin-left: auto; */
    /* margin-right: auto; */
    text-align: center;
    /* margin-top: 5px; */
    line-height: 60px;
    /* bottom: 10px; */
    /* margin-right: 59px; */
    /* margin-bottom: 169px; */
}

.add-thumb-icon {
    margin: auto;
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* bottom: 0; */
    /* right: 0; */
    /* color: #2B2B2B; */
    font-size: 29px;
    display: block;
    /* margin-left: auto; */
    /* margin-right: auto; */
    text-align: center;
    /* margin-top: 5px; */
    line-height: 47px;
    z-index: 10000;
    /* margin-right: 94px; */
}





.panel-body .input-connections{
    width: 400px;
    height: 70px;
    background-color: rgba(255,255,255,0.03);
    padding-left: 0px !important;
    margin-left: -10px;
    position: relative;
    margin-bottom: 5px;
}

.panel-body .input-connections1{
    width: 400px;
    height: 30px;
    background-color: rgba(255,255,255,0.03);
    padding-left: 0px !important;
    margin-left: -10px;
    position: relative;
    margin-bottom: 5px;
}

.panel-body .input-connections-bright{
    width: 400px;
    height: 70px;
    background-color: rgba(255,255,255,0.3);
    padding-left: 0px !important;
    margin-left: -10px;
    position: relative;
    margin-bottom: 5px;
}

.panel-body .input-connections1-bright{
    width: 400px;
    height: 30px;
    background-color: rgba(255,255,255,0.3);
    padding-left: 0px !important;
    margin-left: -10px;
    position: relative;
    margin-bottom: 5px;
}

.relation-img{
    position: absolute;
    left: 0px;
    margin-top: 3px;
    margin-left: 3px;
}

.relation-name{
/*    color: #D5D5D5;*/
    position: absolute;
    left: 74px;
    top: 4px;
    font-size: 16px;
    width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a:focus {
   outline: 0;
}

.info-div{
        padding-left: 0px;
        padding-right: 30px;
}

.matrix-image{
    z-index: 1;
    position: absolute;
}

.small-client-icon{
    height: 40px;
    width: 40px;
    float: left;
/*    background-color: blue;
    margin-top: -177px;*/
    z-index: 4;
    position: relative;
    margin-left: 5px;
    margin-top: 5px;
}

.dropdown-toggler{
    position: absolute;
}

.attribute-color{
    color: #848484;
    font-size: 12px;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    width: 176px;
    /*font-style: italic;*/

}

.value-color{
    color: #D5D5D5;
}

.edit-icon{
    font-size: 12px;
    color: white;
    float: right;
    position: fixed;
    right: 30px;
}

.left-text{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #848484;
    text-align: left;
    float: left;
    margin-left: 18px;
    margin-top: 13px;
}

.right-text{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    /* text-transform: uppercase; */
    color: #848484;
    text-align: right;
    margin-top: 13px;
    margin-right: 18px;
    cursor: pointer;
}


.panel-body {
    background: rgba(0,0,0,0);
    padding: 0 0 0 30px;
    padding-bottom: 19px;
    padding-left: 30px;
    padding-top: 0 !important;
}

.right-side-accordion{
    width: 440px;
}

.right-side-gear{
    float:right;
    padding-right: 17px;
    padding-top: 10px;
}

.right-side-glyph{
/*    color: #848484 !important;*/
    font-size: 20px;

}



#top-search {
    border: medium none;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    height: 25px;
    margin-bottom: 25px;
    margin-left: 18px;
    margin-top: 15px;
    padding-left: 14px;
    /*vertical-align: middle;*/
    width: 204px;
}

.sidebar-nav {
    padding: 9px 0;
}

.row-fluid > .sidebar-nav {
    position: relative;
    top: 0;
    left:auto;
    width: 220px;
}
.row-fluid > .sidebar-nav-right {
    position: relative;
    top: 0;
    left:auto;
    width: 400px;
    min-height: 800px;
}

.left {
    float:left;
}

.right {
    float:right;
}

.fixed-fluid {
    margin-left: 240px;
}
.fluid-fixed {
    margin-right: 240px;
    margin-left:auto !important;
}
.fixed-fixed {
    margin: 0 240px;
}
.navbar-inverse {
    background-color: #151515;
    border-color: #000000;
}

.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
    margin-left: 240px;
    margin-top: 4px;
    height: 56px;
    z-index: 10;
}



.wrap{
    margin-bottom:20px;
    margin-right:10px;
    margin-left: 10px;
    cursor: pointer;
    min-width: 180px;
    min-height: 180px;
    height: 222px;

}

/*.flex-container.ng-enter{
    animation: fadeIn 0.5s; 
}*/



.col-md-2 {
    background: #222222;
    border: none;
    margin: 3px 0.83% 12px;
    width: 180px;
    padding: 0px;
    height: 180px;
}

.row {
    height: 100%;
}

.img {
    width: 90%;
    height: 50%;
}

.nobackground {
    background: none;
    border: none;
    color: white;
}

p {
    color: white;
}

/*.glyphicon {
    color: white;
}*/

#page-content-top {
    top: 60px;
    left: 240px;
    right: 440px;
    height: 42px;
    position: fixed;
/*    background: #444444;*/
    z-index: 5;
    /*border-bottom: 1px solid #d5d5d5;
*/
}

/*@media(max-width:1800px) {

.col-md-2 {
    margin-left: 10%;






}*/

/*.wrapper-cog {
    font-size: 30px;
    padding-right: 42px;
    padding-top: 9px;
    float: right;
    color: #222222;
}*/

.uppercase {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #999999;
    font-size: 12px;
}

.uppercase:hover{
    color: white;
}

.uppercase:active{
    color: white;
}


.uppercase:focus{
    color: white;
}

.wrapper-ham {
    font-size: 30px;
    padding-right: 42px;
    padding-top: 9px;
    float: left;
    color: #ffffff;
}

.panel-default > .panel-heading {
    /*background-color: #2B2B2B;*/
    background-color: rgba(0,0,0,0);
    border-color: #dddddd;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

/*.panel-default-bright > .panel-heading {
    background-color: #E6E6E6;
    border-color: #dddddd;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}*/


.panel-title {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
/*    color: #D5D5D5;*/
}

.right-side-accordion .panel-title{
    padding-left: 5px;
    padding-right: 5px;
}

.panel {
    background-color: rgba(0,0,0,0);
    border: none;
    border-top: 1px solid #848484;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.panel-group .panel {
    border-radius: 0px;
    margin-bottom: 0;
    overflow: hidden;
}

.panel-group .panel + .panel {
    margin-top: 0px;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: none;
}

a:hover, a:focus {
    text-decoration: none;
}

.item-hover-dark:hover{
    outline: 3px solid rgba(255, 255, 255, 0.4);
}

.item-hover-bright:hover{
    outline: 3px solid rgba(0,0,0,0.4);
}



.selected {
    outline: 3px solid #00FFFF !important;
}

.selected-bright {
    outline: 3px solid #FF6600 !important;
}

.selected-list{
    height: 64px;
    outline: 3px solid #00FFFF;
}

.img-right-sidebar {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: 20px;
    min-height: 400px;
    min-width: 400px;
}



/* css for upload*/


.actions { margin: 20px 0; }
.upload_link { color: #000; border: 1px solid #aaa; background-color: #e0e0e0;
    font-size: 18px; padding: 5px 10px; width: 250px; margin: 10px 0 20px 0;
    font-weight: bold; text-align: center; text-decoration: none; margin: 5px; }

.photo { margin: 10px; padding: 10px; border-top: 2px solid #ccc; }
.photo .thumbnail { margin-top: 10px; display: block; max-width: 200px; border: none; }
.toggle_info { margin-top: 10px; font-weight: bold; color: #e62401; display: block; }
.thumbnail_holder { height: 182px; margin-bottom: 5px; margin-right: 10px; }
.info td, .uploaded_info td { font-size: 12px }
.note { margin: 20px 0}

.inline { display: inline-block; }
td { vertical-align: top; padding-right: 5px; }

#direct_upload_jquery, #direct_upload {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    height: 380px;
    margin: 42px 0 -12px 10px;
    padding: 20px;
    width: 380px;
}

#direct_upload_jquery h1, #direct_upload h1 { margin: 0 0 15px 0; }

.back_link { font-weight: bold; display: block; font-size: 16px; margin: 10px 0; }

form { border: 1px solid #ddd; margin: 15px 0; padding: 15px 0; border-radius: 4px; }
form .form_line { margin-bottom: 20px; }
form .form_controls { margin-left: 180px; }
form label { float: left; width: 160px; padding-top: 3px; text-align: right; }
form .error { color: #c55; margin: 0 10px; }

#direct_upload, #direct_upload_jquery { border: 4px dashed #ccc; }
#direct_upload.dragover { border-color: #0c0; }
#direct_upload.dragover-err { border-color: #c00; }

.upload_details { font-size: 12px; margin: 20px; border-top: 1px solid #ccc; word-wrap: break-word; }
.upload_button_holder {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.upload_button {
    display: inline-block;
    position: relative;
    font-weight: bold;
    font-size: 14px;
    background-color: rgb(15, 97, 172);
    color: #fff;
    padding: 5px 0;
    border: 1px solid #000;
    border-radius: 4px;
    width: 100px;
    height: 18px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.upload_button_holder .upload_button {
    display: block;
} 

.upload_button:hover {
    background-color: rgb(17, 133, 240);
}
.upload_button_holder .cloudinary_fileupload {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

.bold{
    font-weight: bold !important; 
}

.progress-bar-image .progress{
  height: 4px;
  background-color: #ff0000;
  width: 0%;
}

.dropdown-tree {
    /* background: #444444 none repeat scroll 0 0; */
    /* color: #999999; */
    font-family: 'Roboto', sans-serif;
    /* font-size: 10px; */
    font-weight: bold;
    margin-left: -46px;
    margin-top: 10px;
    text-transform: none;
    /* padding: 15px; */
    padding-left: 15px;
    color: #333333;
    padding-top: 8px;
    padding-bottom: 8px;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #151515;
    border-color: #428bca;
}

.all-clear {
    color: #d5d5d5;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: bold;
/*    padding-left: 54px;*/
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 7px;
}

.all-clear:hover {
    color: white;
}

.client-drop {
/*    color: #999999;
    font-family: 'Roboto', sans-serif;
    padding-left: 78px;
    padding-top: 17px;
    position: fixed;*/
    color: #999999;
    font-family: 'Roboto', sans-serif;
    padding-left: -12px;
    padding-top: 17px;
    position: fixed;
    margin-left: -208px;

}

.client-drop:hover {
    color: white;
}

.spacer {
    padding-left: 30px;
    padding-top: 16px;
}

.navbar-center {
    padding-left: 254px;
    padding-top: 3px;
}

.ion-ios-plus-empty::before {
    content: "";
    font-size: 23px;
    margin-top: -6px;
}

.ion-ios-minus-empty::before {
    content: "";
    font-size: 23px;
    margin-top: -6px;
}

/*input[type=checkbox] {
    visibility: hidden;
}*/

.checkbox {
    vertical-align: baseline;
}

/*input[type=checkbox] {
 display:none;  
}*/

/*.checkbox::before {
    border: 2px solid #848484;
    content: url("img/chec.png");
    display: inline-block;
    height: 10px;
    text-align: center;
    width: 10px;
}

input[type=checkbox]:checked + .checkbox:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    background: url("img/chec.png");
}*/

input[type=checkbox] + label{
    background: url("../img/unchecked.svg") no-repeat;
    height: 10px;
    width: 10px;
    display:table-cell;
    display: -webkit-inline-box;
    padding: 0 0 0 0px;
    cursor: pointer;
    margin: 0px;
    margin-bottom: -13px;
}
input[type=checkbox]:checked + label{
    background: url("../img/checked.svg") no-repeat;
    height: 10px;
    width: 10px;
    display:table-cell;
    display: -webkit-inline-box;
    padding: 0 0 0 0px;
    cursor: pointer;
    margin: 0px;
    margin-bottom: -13px;
}


.ivh-treeview-node-label {
    color: #848484;
    margin-bottom: -52px;
    padding: 0px 0px 6px;
    vertical-align: middle;
    cursor: pointer;
    font-weight: 400;
}

.ivh-treeview-children{
    color: inherit !important;
}

.ivh-treeview-node-label-bright {
    color: #999999;
    margin-bottom: -52px;
    padding: 0px 0px 6px;
    vertical-align: middle;
    cursor: pointer;
    font-weight: 400;
}

.ivh-treeview-nav-tree {
  display: inline-flex;
}

.highlight {
  color: #d5d5d5 !important;
  /*font-weight: bold!important;*/
}

.highlight-bright {
  color: #000 !important;
  /*font-weight: bold!important;*/
}

.nav-tree {
    display: inline-block;
}

.tree-qty{
    float: right;
    margin-right:0px;
    position: relative;
    bottom: 14px;
}

.attribute-table tbody tr:nth-child(odd){

    background-color: rgba(255,255,255,0.03);

}

.attribute-table-bright tbody tr:nth-child(odd){

    background-color: rgba(255,255,255,0.3);

}



.sidebar-nav .keyword-labels li:nth-child(odd){
    background-color: rgba(255,255,255,0.03);
}

.sidebar-nav .keyword-labels-bright li:nth-child(odd){
    background-color: rgba(255,255,255,0.3);
}

/*.sidebar-nav .keyword-labels li:nth-child(even){
    
}*/

.keyword-labels{
    margin-left: -30px;
    text-indent: 23px;
    width: 240px;

}

.keyword-labels-bright{
    margin-left: -30px;
    text-indent: 23px;
    width: 240px;

}

.tree-qty-key {
    background: #555 none repeat scroll 0 0;
    float: right;
    font-size: 10px;
    font-weight: 400;
    margin-right: 0px;
    text-indent: 0;
}

.sidebar-nav .keyword-labels li{
    margin: 0px;
    padding-bottom: 1px;
    padding-top: 3px;
    text-indent: 11px;
}

.sidebar-nav li span {
    color: #999999;
}

.sidebar-nav .keyword-labels-bright li{
    margin: 0px;
    padding-bottom: 1px;
    padding-top: 3px;
    text-indent: 11px;
}

.keyword-label {
    margin-bottom: -52px;
    /*padding: 0px 3px 6px;*/
    vertical-align: middle;
    padding-left: 5px;
    cursor: pointer;
    font-weight: 400;
}

.attribute-line {
  cursor: inherit;
  margin-bottom: -9px;
  /*font-style: italic;*/
}

.attribute-value{
    display: inline;
    color: #858585;
    font-size: 12px;
    cursor: default;
}

.attribute-blue{
    color: #00FFFF;
}

/*
.attribute-uppercase{
    text-transform: uppercase;
}
*/

.activeType{
    color: white!important;
}

.top-line{
    position: fixed;
    background: #00FFFF;
    height: 4px;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

.top-line-bright{
    position: fixed;
    background: #FF6600;
    height: 4px;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

.brand-image{
    padding-top: 0px;
    margin-top: -8px;
}

.user-button{
    margin-right: 20px;
    cursor: pointer;
}


.tags {
    margin: 10px 0;
    margin-top: 0px;
}

.tags .tag {
    border-radius: 4px;
    background-color: #555;
    /* border: 1px solid #DDD; */
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    color: #D5D5D5;
    text-transform: uppercase;
    font-size: 10px;
    padding-left: 9px;
    padding-right: 9px;

}

.tags .tag:hover {
    text-decoration: none;
}

.item-name-badge{
    height: 42px;
    /*background: #2B2B2B;*/
    margin-top: 180px;
}

.badge-name{
/*    color: #D5D5D5;*/
    font-size: 12px;
    margin-left: 10px;
    padding-top: 3px;
    width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.small-client-icon-editor{
    margin-top: 0px;
    margin-bottom: -40px;
    margin-left: 20px;
}

.badge-id{
    float: left;
    margin-top: -7px;
    font-size: 12px;
    margin-left: 10px;
    color: #777777;
    margin-bottom: 0px;
}

.badge-published{
    float: right;
    font-size: 12px;
    margin-top: -7px;
    margin-right: 10px;
    color: #777777;
    margin-bottom: 0px;
}

/*input { 
    margin-bottom: 0px !important;
}*/

.attribute-textarea{
    border: none;
    box-shadow: none;
    background: #000;
    color: #D5D5D5;
    width: 380px;
    height: 80px;
    padding: 5px;
}

.attribute-textarea-bright{
    border: none;
    box-shadow: none;
    background: #fff;
    color: #000;
    width: 380px;
    height: 80px;
    padding: 5px;
}

#item-name{
    font-size: 20px;
    font-style: normal;
}

#item-name-div{
    /*border-bottom: 1px solid #D5D5D5;*/
    /*margin-bottom: 6px;*/
    line-height: 2px;
    /*margin-top: 20px;*/
    /*padding-bottom: 2px;*/
}

.item-desc-div{
    margin-left: 66px;
    margin-bottom: 24px;
    width: 360px;
}

#item-category{
    font-size: 16px;
}

.attribute-edit-pen{
	display:none;
}

.hover-attribute-bright:hover{
	background: rgba(255,255,255,0.6) !important;
}

.hover-attribute-bright:hover .attribute-edit-pen{
	display:block;
}

.hover-attribute-dark:hover .attribute-edit-pen{
	display:block;
}

.hover-attribute-dark:hover{
	background: rgba(255,255,255,0.1) !important;
}





#item-category-div{
    /*margin-top: 20px;*/
    margin-bottom: 2px;
}
#category-edit-pen{
	position:absolute;
	top:50px;
	right:7px;
	display:none;
}

#item-category-div:hover #category-edit-pen{
	display:block;
}

#item-name-div:hover #name-edit-pen{
	display:block;
}

.table-attribute{
    width: 110px;
    padding-left: 19px;
}

#item-article{
    font-size: 15px;
}

.attribute-table{
    line-height: 14px;
    width: 440px;
    margin-left: -30px;
    max-width: 440px;
}

.attribute-table-bright{
    line-height: 14px;
    width: 440px;
    margin-left: -30px;
    max-width: 440px;
}

.tag-input{
    background-color: #2b2b2b;
    border: none;
    color: #D5D5D5;
    margin-top: 4px;
    font-size: 12px;
    font-style: italic;
    outline: none;
}

#item-keywords{
    margin-bottom: 2px;
}

.filepath-row{
    line-height: 40px;
}

.table-one{
    margin-bottom: 15px;
}

#attribute-separator{
    margin-left: 10px;
    margin-right: 10px;
}

/*.filepath-row .attribute-value{
    width: 10px;
}*/

.attribute-td{
    vertical-align: top;
    padding-right: 5px;
/*    max-width: 210px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
    white-space: nowrap;
}

/*.last-accordion{
    border-bottom: 1px solid #848484;
}*/

.accordions:last-child{
    border-bottom: 1px solid #848484;
}

.right-side-accordion:last-child{
    border-bottom: 1px solid #848484;
}

.tag-remove-icon{
    color: white;
    font-size: 20px;
    line-height: 0px;
    vertical-align: middle;
    /* margin-top: 0px; */
    /* margin-bottom: 0px; */
    cursor: pointer;
    margin-left: 4px;
}



.attribute-input{
    height: 16px;
    position: absolute;
    width: 271px;
    /*width: 220px; */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*text-transform: uppercase;*/
    font-size: 12px;
    background-color: rgba(255,255,255,0);
/*    color: #D5D5D5;*/
    border: none;
    outline: none;
    cursor: inherit !important;
    left: 132px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.filepath-input{
    margin-top: 12px;
    line-height: 0px;
    text-overflow: ellipsis;
    text-transform: none;
}

#attribute-name-input{
    width: 342px;
    position: relative;
    /* height: 22px; */
    margin-top: -13px;
    /*background-color: #2B2B29;*/
    background-color: rgba(0,0,0,0);
    border: none;
/*    color: #D5D5D5;*/
    font-size: 21px;
    /* margin-bottom: 6px; */
    outline: none;
    margin-left: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: inherit;
}

.thumb-text{

    color: #848484;
    font-size: 12px;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    width: 130px;
    margin-top: 1px;
    margin-left: 19px;
}

.add-client-thumb{
    margin-top: 8px;
    margin-left: 20px !important;
    margin-bottom: 16px;
}

#attribute-category-input{
    width: 330px;
    position: relative;
    /*height: 18px;*/
    margin-top: -28px;
    /*background-color: #2B2B29;*/
    background: rgba(0,0,0,0);
    border: none;
/*    color: #00FFFF;*/
    font-size: 16px;
    outline: none;
/*    text-transform: uppercase;*/
    vertical-align: middle;
    padding-top: -5px;
    padding-bottom: 0px;
    cursor: inherit;
/*    font-style: italic;*/
}

.acc-head{
    height: 30px;
    width: 240px;
    left: 0px;
    /* top: 0px; */
    margin-top: -10px;
    position: fixed;
}

.acc-head-right{
    height: 30px;
    width: 400px;
    right: 0px;
    /* top: 0px; */
    margin-top: -10px;
    position: fixed;
}

.forcer-notification{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
}

.left-list{
    width: 200px;
    height: 460px;
    border-right: 1px solid #e7e7e7;
    position: relative;
    background-color: white;
    overflow: hidden;
}

.right-list{
    width: 440px;
    height: 440px;
    margin-left: 20px;
    overflow: hidden;
}

.right-list .form-group{
    border: none;
}

.right-list .form-group .form-control{
    margin-top: 10px;
}

.modal-body{
    display: inline-flex;
    display: -webkit-inline-flex;
}

.modal-content{
    width: 700px;
    height: 500px;
}

.modal-content-sm{
    width: 200px;
    height: 200px;
}

.modal-sm{
    width: 200px;
}

.generate-button{
    position: absolute;
    bottom: -121px;
    left: calc(50% - -20px);
}

.generate-list{
    position: absolute;
    left: calc(50% - -34px);
    top: 40px;
}


.modal-list{
    list-style: none;
    padding-left: 0px;
}

.modal-list li{
    border-bottom: 1px solid #e7e7e7;
    height: 50px;
    padding-top: 15px;
    text-indent: 30px;
    color: black;
    cursor: pointer;
}

.modal-list li a{
    color: black;
    cursor: pointer;
}

.left-list-top{
    width: 200px;
    height: 50px;
    border-bottom: 1px solid #e7e7e7;
}

.modal-btn{
    float: right;
    margin-right: 14px;
    margin-top: 6px;
}

.fabriken-plate{
    background: url('/img/fabriken_platta.png');
    background-repeat: no-repeat;
    height: 600px;
    width: 458px;
    margin: auto;
    position: absolute;
    top: -300px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

.login-background{
    /*background: #2B2B2B;*/
    background-image: url("/img/fabriken_wallpaper.jpg");
    background-repeat: repeat;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.login-background .form-group{
    border: none;
    /* position: absolute; */
    width: 350px;
    /* margin-top: 400px; */
    margin-left: auto;
    margin-right: auto;
    padding-top: 321px;
    display: block;
}

.login-background ::-webkit-input-placeholder {
   color: #000;
   text-transform: uppercase;
   font-weight: bold;
   letter-spacing: 1px;
   font-size: 15px;
/*   line-height: 30px;*/
}


.login-background .form-group .form-control{
    margin-top: 10px;
    border-radius: 0px;
    height: 50px;
    text-align: center;
    border: 1px solid #000;
    background-color: #fff;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    /*v*/
}

.login-background input[type="password"]{
    font-weight: bold;
    font-size: 30px !important;
    line-height: 30px;
}

.login-background .form-group .btn{
    width: 350px;
    margin-top: 10px;
    height: 50px;
    border-radius: 0px;
    background-color: #00FFFF;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #000;
    outline: none;
    letter-spacing: 1px;
}


.gear-caret{
/*    color: #848484;*/
    margin-bottom: 8px;
    margin-left: 5px;
}

.client-caret{
    margin-left: 7px;
}

.sort-button{
/*    color: #848484;*/
    margin-left: 20px;
    line-height: 40px;
    display: inline;
}

/*
.sort-caret{
    color: #848484;
}

*/

.left-side-grid{
    display: inline;
    margin-left: 70px;
    /*margin-top: -34px;*/
    position: fixed;
    color: #848484;
    font-size: 20px;
}

.viewType-icon{
    color: #848484;
}

.myGrid{
    position: absolute;
    height: 90%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 100px;
    /*margin-left: 5px;*/
    margin-right: 5px;
    /*margin-bottom: 1000px;*/
}


.own-grid-cell{
    text-indent: 7px;
    line-height: 54px;

}

.list-drop-zone{
    height: 60px;
}

.permissions-table{
    width: 740px;
    margin-left: 30px;
}


.permissions-table tbody tr:nth-child(odd){

    background-color: rgba(255,255,255,0.03);

}

.permissions-table-bright tbody tr:nth-child(odd){

    background-color: rgba(255,255,255,0.3);

}

.permissions-table thead tr{
    height: 50px;
    background: #3a3a3a;

}

.permissions-table thead tr td{
    padding-left: 11px;
    padding-top: 15px;
    padding-bottom: 10px;
    text-transform: uppercase;

}

.permissions-table tbody tr td{
    padding-left: 10px;


}

#gui-version-diff{
    background: rgba(0,0,0,0.8);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: fixed;
    z-index: 100000;
}

#gui-version-diff span{
    color: #ddd;
    font-size: 36px;
    left: calc(50% - 314px);
    position: absolute;
    top: calc(50% - 75px);
    text-align: center;
}


.permissions-table-bright{
    width: 740px;
    margin-left: 30px;
}


.permissions-table-bright thead tr{
    height: 50px;
    background: #DADADA;

}

.permissions-table-bright thead tr td{
    padding-left: 11px;
    padding-top: 15px;
    padding-bottom: 10px;
    text-transform: uppercase;

}

.permissions-table-bright tbody tr td{
    padding-left: 10px;


}