html body * { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
body { color: #444; background-color: #f6f6f6; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
.headerlogo2 { float: none; margin: 8px 8px 1px; max-width: 80%; width: 180px; height: unset; z-index: 1001; }

.headline { border-bottom: 1px dotted #e4e9f0; display: block; margin: 0px 5px 15px; }
    .headline h2, .headline h3, .headline h4, .headline h5 { border-bottom: 2px solid #337ab7; display: inline-block; margin: 0 0 -2px; padding-bottom: 10px; }

.treebox { border-color: #e5e5e5; border-style: solid solid none; border-width: 0 1px 0 0; }
.footerlink { color: #999999; font-size: 12px; text-decoration: none; }

/* dialog */
.k-dialog { top: 60px !important; }

/* upload & tree */
.k-content { border-color: #dee2e6; color: #666; background-color: #fff; }
.k-upload { border-color: transparent; }
    .k-upload .k-upload-files { max-height: unset; }
    .k-upload .k-dropzone { border: 0; color: #212529; background-color: #fff; }
div.k-dropzone em { visibility: hidden; display: none; }
.customDropZone.k-dropzone-active { border: 1px solid yellow; }
    .customDropZone.k-dropzone-active.k-dropzone-hovered { border: 1px solid green; }
.k-button.k-upload-button { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; display: inline-block; filter: none; font-weight: 400; letter-spacing: normal; white-space: nowrap; text-align: left; min-width: initial; border: solid 1px #007bff; font-sizeXXX: 12px; paddingXXX: 3px 7px; color: #fff; background: url(https://www.salesassistant.com/images/icons/svg/cloudupload.svg) no-repeat scroll 7px center / 20px 14px #007bff; margin-top: 0; line-height: 1.5; text-indent: 25px; }
    .k-button.k-upload-button:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; }
.k-upload-action { display: none; }

.k-treeview { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .k-treeview .k-in { border-radius: 0.25rem; margin: 0; padding: 0.175rem 0.475rem; border: 1px solid transparent; text-decoration: none; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; vertical-align: middle; position: relative; }
        .k-treeview .k-in.k-state-selected.k-state-focused { box-shadow: unset; }
        .k-treeview .k-in.k-state-focused { box-shadow: unset; }
        .k-treeview .k-in.k-state-hover:not(.k-selected), .k-treeview .k-in:hover:not(.k-selected) { background-color: #e7eaec; }
        .k-treeview .k-in.k-state-selected, .k-treeview .k-in.k-state-focused { border-color: transparent; color: unset; font-weight: 700; background-color: #e9ecef; width: 100%; margin-right: 10px; }
.k-button-secondary.k-state-focus, .k-button-secondary.k-state-focused, .k-button-secondary:focus, .k-button.k-state-focus, .k-button.k-state-focused, .k-button:focus { box-shadow: unset; }
.k-action-buttons { display: none; }
.dropZoneElement, .dropZoneElement2 { position: relative; display: inline-block; background-color: #f8f8f8; border: 1px solid #c7c7c7; width: 100%; height: 110px; text-align: center; }
    .dropZoneElement:hover, .dropZoneElement2:hover { background-color: #ddd; }
.textWrapper { padding-top: 24px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; font-size: 24px; line-height: 1.2em; font-family: Arial,Helvetica,sans-serif; }
.dropImageHereText { text-transform: uppercase; font-size: 12px; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*  magnific Popup */
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: unset; }
.btn-mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0; color: #333; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1056; -webkit-box-shadow: none; box-shadow: none; }
.mfp-wrap { z-index: 10052; }
.magnificPopup { background: white; padding: 0; text-align: left; max-width: 478px; margin: 20px auto; position: relative; font-size: 14px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; outline: 0; }
    .magnificPopup.magnificPopup-form { font-size: 12px; }
.white-popup-block { max-width: 700px; }
.mfp-xs { max-width: 300px; }
.mfp-sm { max-width: 400px; }
.mfp-md { max-width: 700px; }
.mfp-lg { max-width: 900px; }
.mfp-xl { max-width: 1100px; }
.mfp-noscroll { overflow: hidden; }
.mfp-close { display: none; }

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.3; background-color: #286d70; }
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }
/* end magnific Popup */

/* manage-preload-modal */
div.manage-preload-modal { background-color: transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: rgb(255, 255, 255); height: 100%; padding: 5px 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 1051; margin-left: 0; left: 0; }

/* progress */
.modalBackground { position: fixed; top: 0; left: 0; background-color: #286d70; opacity: 0.1; height: 100%; width: 100%; min-height: 100%; min-width: 100%; z-index: 90000; }
.modalProgressDiv { font-size: 16px; background-color: #f6f6f6; position: fixed; border: #888 1px solid; width: auto; height: auto; min-width: 150px; text-align: center; bottom: 70%; left: 45%; z-index: 100000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 10px 24px; /*-moz-opacity: .9; opacity: .9; filter: alpha(opacity=90);*/ }

/* misc */
.leftcol .scroll, .rightcol .scroll { max-height: 800px; overflow: auto; }
#FileList td { vertical-align: middle; }

/* buttons */
.btn-secondary { border-color: #e3e9ef; color: #4b566b; background-color: #f3f5f9; }
    .btn-secondary:hover { color: #4b566b !important; border-color: transparent; background-color: #d1d9e8; }
.close:not(:disabled):not(.disabled):active, .close:not(:disabled):not(.disabled):active, .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):focus { color: #000; text-decoration: none; opacity: .75; outline: none; }