html, body, form {
    height: 100%;
}
body{
    overflow:hidden;
}
.clearit {
    clear: both;
}
.hidden-item {
    display: none !important;
}
/*.show-all-info-fields .hidden-info-item {
    display: block;
}
.hidden-info-item {
    display: none;
}
.show-all-info-fields .hidden-info-item.hidden-item {
    display: block !important;
}*/
.alpharep-textbox.alpharep-disabled-textbox {
    background-color: #d8d8d8;
    color: #000000;
    opacity: 1;
    border: none;
}
.forgot-password-container{
    display:none;
}
.reset-link-background-icon {
    background-image: url(../../images/alpharep/common/icon_send_email.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 14px;
    left: 7px;
    opacity:0.5;
}
.security-hidden-item {
    display: none !important;
}

/* Hide it permanently*/
.k-loading-mask {
    display: none !important;
}
/*****/
.hidden-visibility {
    visibility: hidden;
}

.alpharep-control-holder {
    position: relative;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #127DD6;
}

::-webkit-scrollbar-track {
    border: 1px solid #DFDFDF;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #127DD6;
    border-radius: 4px;
}

.alpharep-search-box-background-icon {
    background-image: url('../../images/alpharep/search-filled.svg');
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 5px;
    left: 17px;
}

.alpharep-search-box.alpharep-textbox {
    padding-left: 40px;
    border-color: #5D5F96;
    box-shadow: none;
    color: #3E3D52;
}

/* Snackbar */

.snackbar-container button.action {
    color: rgb(76, 175, 80);
    background: transparent url(../../images/alpharep/icon-delete-filled.svg) no-repeat scroll 0px 0px;
    width: 24px;
    height: 24px;
}

.snackbar-container.success-snackbar-message {
    background-color: #0D9A79;
}

    .snackbar-container.success-snackbar-message p {
        color: #F8FAFA;
    }

.snackbar-container.error-snackbar-message {
    background-color: #BD1D1D;
    z-index:24000;
}

    .snackbar-container.error-snackbar-message p {
        color: #F8FAFA;
    }

.snackbar-container.unauthorized-snackbar-message {
    background-color: #D38C33;
}

    .snackbar-container.unauthorized-snackbar-message p {
        color: #F8FAFA;
    }

.snackbar-container.info-snackbar-message {
    background-color: #3E3D52;
}

    .snackbar-container.info-snackbar-message p {
        color: #F8FAFA;
    }

/************/

/* Loader */
#divAlpharepLoadingSpinnerBackground {
    background-color: rgb(129, 125, 125);
    width: 100%;
    height: 100%;
    opacity: 0.2;
    position: fixed;
    z-index: 9999998;
    display: none;
}

#divAlpharepLoadingSpinner {
    display: none;
    position: absolute;
    top: 43%;
    left: 42%;
    z-index: 99999999;
    width: 80px;
    color: #0a0ae8;
    font-family: Consolas, Menlo, Monaco, monospace;
    font-weight: bold;
    font-size: 70px;
    opacity: 0.8;
}

    #divAlpharepLoadingSpinner span {
        display: inline-block;
        -webkit-animation: spinnerpulse 0.4s alternate infinite ease-in-out;
        animation: spinnerpulse 0.4s alternate infinite ease-in-out;
    }

        #divAlpharepLoadingSpinner span:nth-child(odd) {
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }

@-webkit-keyframes spinnerpulse {
    to {
        transform: scale(0.8);
        opacity: 0.5;
    }
}

@keyframes spinnerpulse {
    to {
        transform: scale(0.8);
        opacity: 0.5;
    }
}

/* Login page */

/************/

/* Menu*/


#addWorkItems {
    color: #ffffff;
    float: left;
    padding-left: 20px;
    background: transparent url(../../images/alpharep/icon-add-filled.svg) no-repeat scroll 0px 0px;
}
    #addWorkItems label {
        vertical-align: text-top;
        padding-left: 15px;
        font-weight: 400;
    }

    @keyframes logoanimation {
        10% {
        transform: scale(1)rotate(0deg);
    }

    20% {
        transform: scale(1)rotate(-3deg);
    }

    80% {
        transform: scale(1)rotate(3deg);
    }

    100% {
        transform: scale(1)rotate(0deg);
    }
}



/****************/


#drpSelectWorkItem-list .k-list .k-state-hover .select-link {
    color: #FFFFFF;
    font-weight: normal;
}

#drpSelectWorkItem-list .k-list a:hover{
    text-decoration: none !important;
}

#drpSelectWorkItem-list {
    background-color: #FFFFFF !important;
    height: auto !important;
    max-height: 900px;
    overflow: auto;
}

#drpSelectWorkItem-list .k-list-scroller {
    height: auto !important;
    overflow-y : auto !important;
}

#drpSelectWorkItem-list .k-list-scroller::-webkit-scrollbar-thumb {
    background: #127DD6;
    border-radius: 10px;
}
#drpSelectWorkItem-list .k-list-filter > .k-textbox::-webkit-input-placeholder {
    color: #3E3D52;
    opacity: 0.4;
    font-weight: normal;
}

    #drpSelectWorkItem-list .k-list .k-state-hover {
        background-color: #3E3D52 !important;
    }

        #drpSelectWorkItem-list .k-list .k-state-hover .select-item-link svg path {
            fill: #FFFFFF;
        }

.select-link {
    color: #3E3D52;
    text-decoration: none;
    font-weight: normal;
}

#divHeaderOption .k-list-container {
    background-color: #FFFFFF !important;
    color: #3E3D52 !important;
}

#divHeaderOption .k-dropdown .k-input {
    padding-left: 20px;
    height: 38px;
    background-color: #FFFFFF;
    top: 0px;   
}
#divHeaderOption .k-icon.k-i-arrow-60-down {
    background: url(../../Images/alpharep/arrow_down-filled-selected.svg) no-repeat scroll 0px 0px;
    background-size: 17px;
}
#drpSelectWorkItem_listbox .k-state-focused .select-item-link svg path {
    fill: #FFFFFF;
}

#drpSelectWorkItem_listbox .k-state-focused {
    background-color: #3E3D52 !important;
    box-shadow: none;
}

#drpSelectWorkItem-list .k-icon {
    display: none !important;
}

#drpSelectWorkItem_listbox .k-state-focused .select-link {
    color: #FFFFFF;
}

#divHeaderOption .k-dropdown-wrap .k-state-default, .alpharep-header-select .k-state-default .k-state-hover, .alpharep-header-select .k-select {
    background-color: #FFFFFF !important;
}

/************/

/***Alert/ Confim box****/
body .custom-alert-or-confirm-box-outer {
    background-color: #FFFFFF;
    z-index: 100001;
    position: absolute;
    min-width: 450px;
    max-width:600px;
}
    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-message-holder {
        color: #3E3D52;
        text-align: left;
        font-size: 16px;
        padding: 9px 12px 25px 12px;
    }

    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-header-holder {
        width: 100%;
        background-color: #3E3D52;
        border: 1px solid #263238;
        min-height: 40px;
        position: relative;
    }

        body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-header-holder .custom-alert-or-confirm-box-header-title {
            line-height: 40px;
            color: #F8FAFA;
            margin-right: 40px;
            padding-left: 12px;
            padding-right: 12px;
            font-size: 16px;
        }
        body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-header-holder .custom-alert-or-confirm-box-header-close-link {
            position: absolute;
            right: 0px;
            top: 0px;
            cursor: pointer;
        }
    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-header-close-link img {
        background: transparent url("../../images/alpharep/icon-delete-filled.svg") no-repeat scroll 0px 0px;
    }

    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-header-close-link svg {
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-message-holder,
    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-buttons-holder {
        width: 100%;
        background-color: #FFFFFF;
        border: 1px solid #DFDFDF;
    }

    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-buttons-holder {
        border-top: none;
        padding: 7.5px 12px;
    }

    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-buttons-holder input {
        margin: 0 5px;
    }

body .custom-alert-or-confirm-box-background-outer {
    background: #000000;
    opacity: 0.5;
    z-index: 100000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


/************/


/***Popup Box****/
body .custom-popup-box-outer {
    background-color: #FFFFFF;
    z-index: 100001;
    position: absolute;
    min-width: 450px;
    max-height: 100%;
}

.custom-popup-box-outer[data-bottom-buttons-count="0"] .custom-popup-box-buttons-holder {
    display: none;
}
    body .custom-popup-box-outer .custom-popup-box-content-holder {
        color: #3E3D52;
        text-align: left;
        font-size: 16px;
        padding: 9px 12px 25px 12px;
        max-height: calc(100% - 80px);
        overflow-y: auto;
    }

body .custom-popup-box-outer[data-bottom-buttons-count="0"] .custom-popup-box-content-holder {
    max-height: calc(100% - 40px);
}
    body .custom-popup-box-outer .custom-popup-box-header-holder {
        width: 100%;
        background-color: #3E3D52;
        border: 1px solid #263238;
        min-height: 40px;
        position: relative;
    }

        body .custom-popup-box-outer .custom-popup-box-header-holder .custom-popup-box-header-title {
            line-height: 40px;
            color: #F8FAFA;
            margin-right: 40px;
            padding-left: 12px;
            padding-right: 12px;
            font-size: 16px;
        }

        body .custom-popup-box-outer .custom-popup-box-header-holder .custom-popup-box-header-close-link {
            position: absolute;
            right: 0px;
            top: 0px;
            cursor: pointer;
        }

    body .custom-popup-box-outer .custom-popup-box-header-close-link img {
        background: transparent url("../../images/alpharep/icon-delete-filled.svg") no-repeat scroll 0px 0px;
    }

    body .custom-popup-box-outer .custom-popup-box-header-close-link svg {
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    body .custom-popup-box-outer .custom-popup-box-content-holder,
    body .custom-popup-box-outer .custom-popup-box-buttons-holder {
        width: 100%;
        background-color: #FFFFFF;
        border: 1px solid #DFDFDF;
    }

    body .custom-popup-box-outer .custom-popup-box-buttons-holder {
        border-top: none;
        padding: 7.5px 12px;
    }

        body .custom-popup-box-outer .custom-popup-box-buttons-holder input {
            margin: 0 5px;
        }

body .custom-popup-box-background-outer {
    background: #000000;
    opacity: 0.5;
    z-index: 100000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


/************/

/*Attachment extension classes*/

.attachment-pdf {
    background: transparent url("../../../../Images/alpharep/pdf-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-xls {
    background: transparent url("../../../../Images/alpharep/xls-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-docx {
    background: transparent url("../../../../Images/alpharep/docx-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-doc {
    background: transparent url("../../../../Images/alpharep/doc-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-jpeg {
    background: transparent url("../Images/Icons/V2/attach-filled.svg") no-repeat scroll 5px 0px;
}

.attachment-3dm {
    background: transparent url("../../../../Images/alpharep/3dm-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-3ds {
    background: transparent url("../../../../Images/alpharep/3ds-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-3d2 {
    background: transparent url("../../../../Images/alpharep/attachment-unknown.svg") no-repeat scroll 5px 0px;
}

.attachment-3gp {
    background: transparent url("../../../../Images/alpharep/3gp-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-7z {
    background: transparent url("../../../../Images/alpharep/7z-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-aac {
    background: transparent url("../../../../Images/alpharep/aac-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-aif {
    background: transparent url("../../../../Images/alpharep/aif-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-ai {
    background: transparent url("../../../../Images/alpharep/ai-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-apk {
    background: transparent url("../../../../Images/alpharep/apk-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-app {
    background: transparent url("../../../../Images/alpharep/app-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-asf {
    background: transparent url("../../../../Images/alpharep/asf-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-asp {
    background: transparent url("../../../../Images/alpharep/asp-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-aspx {
    background: transparent url("../../../../Images/alpharep/aspx-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-asx {
    background: transparent url("../../../../Images/alpharep/asx-multimedia-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-avi {
    background: transparent url("../../../../Images/alpharep/avi-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-bak {
    background: transparent url("../../../../Images/alpharep/bak-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-bat {
    background: transparent url("../../../../Images/alpharep/bat-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-bin {
    background: transparent url("../../../../Images/alpharep/bin-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-blank {
    background: transparent url("../../../../Images/alpharep/blank-file.svg") no-repeat scroll 5px 0px;
}

.attachment-bmp {
    background: transparent url("../../../../Images/alpharep/bmp-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cab {
    background: transparent url("../../../../Images/alpharep/cab-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-cad {
    background: transparent url("../../../../Images/alpharep/cad-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cdr {
    background: transparent url("../../../../Images/alpharep/cdr-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cer {
    background: transparent url("../../../../Images/alpharep/cer-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-cfg {
    background: transparent url("../../../../Images/alpharep/cfg-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cfm {
    background: transparent url("../../../../Images/alpharep/cfm-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cgi {
    background: transparent url("../../../../Images/alpharep/cgi-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-class {
    background: transparent url("../../../../Images/alpharep/class-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-com {
    background: transparent url("../../../../Images/alpharep/com-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cpl {
    background: transparent url("../../../../Images/alpharep/cpl-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-cpp {
    background: transparent url("../../../../Images/alpharep/cpp-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-crx {
    background: transparent url("../../../../Images/alpharep/crx-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-csr {
    background: transparent url("../../../../Images/alpharep/csr-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-css {
    background: transparent url("../../../../Images/alpharep/css-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-csv {
    background: transparent url("../../../../Images/alpharep/csv-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cue {
    background: transparent url("../../../../Images/alpharep/cue-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cur {
    background: transparent url("../../../../Images/alpharep/cur-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-dat {
    background: transparent url("../../../../Images/alpharep/dat-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-dbf {
    background: transparent url("../../../../Images/alpharep/dbf-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-db {
    background: transparent url("../../../../Images/alpharep/db-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-dds {
    background: transparent url("../../../../Images/alpharep/dds-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-debian {
    background: transparent url("../../../../Images/alpharep/debian-file.svg") no-repeat scroll 5px 0px;
}

.attachment-dem {
    background: transparent url("../../../../Images/alpharep/dem-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-dll {
    background: transparent url("../../../../Images/alpharep/dll-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-dmg {
    background: transparent url("../../../../Images/alpharep/dmg-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-dmp {
    background: transparent url("../../../../Images/alpharep/dmp-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-drv {
    background: transparent url("../../../../Images/alpharep/drv-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-dtd {
    background: transparent url("../../../../Images/alpharep/dtd-file-format-extension.svg") no-repeat scroll 5px 0px;
}

.attachment-dwg {
    background: transparent url("../../../../Images/alpharep/dwg-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-dxf {
    background: transparent url("../../../../Images/alpharep/dxf-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-elf {
    background: transparent url("../../../../Images/alpharep/elf-file.svg") no-repeat scroll 5px 0px;
}

.attachment-elf-format {
    background: transparent url("../../../../Images/alpharep/elf-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-eml {
    background: transparent url("../../../../Images/alpharep/eml-file.svg") no-repeat scroll 5px 0px;
}

.attachment-eps {
    background: transparent url("../../../../Images/alpharep/eps-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-eps-variant {
    background: transparent url("../../../../Images/alpharep/eps-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-exe {
    background: transparent url("../../../../Images/alpharep/exe-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-fla {
    background: transparent url("../../../../Images/alpharep/fla-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-flash {
    background: transparent url("../../../../Images/alpharep/flash-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-flv {
    background: transparent url("../../../../Images/alpharep/flv-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-fnt {
    background: transparent url("../../../../Images/alpharep/fnt-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-fon {
    background: transparent url("../../../../Images/alpharep/fon-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-gam {
    background: transparent url("../../../../Images/alpharep/gam-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-gbr {
    background: transparent url("../../../../Images/alpharep/gbr-file-format-extension.svg") no-repeat scroll 5px 0px;
}

.attachment-ged {
    background: transparent url("../../../../Images/alpharep/ged-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-gif {
    background: transparent url("../../../../Images/alpharep/gif-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-gpx {
    background: transparent url("../../../../Images/alpharep/gpx-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-gz {
    background: transparent url("../../../../Images/alpharep/gz-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-gzip {
    background: transparent url("../../../../Images/alpharep/gzip-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-hqz {
    background: transparent url("../../../../Images/alpharep/hqz-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-html {
    background: transparent url("../../../../Images/alpharep/html-file-with-code-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-ibooks {
    background: transparent url("../../../../Images/alpharep/ibooks-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-ics {
    background: transparent url("../../../../Images/alpharep/ics-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-iff {
    background: transparent url("../../../../Images/alpharep/iff-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-indd {
    background: transparent url("../../../../Images/alpharep/indd-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-ipa {
    background: transparent url("../../../../Images/alpharep/ipa-file.svg") no-repeat scroll 5px 0px;
}

.attachment-iso {
    background: transparent url("../../../../Images/alpharep/iso-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-iso-format {
    background: transparent url("../../../../Images/alpharep/iso-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-jar {
    background: transparent url("../../../../Images/alpharep/jar-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-jpg {
    background: transparent url("../../../../Images/alpharep/jpg-image-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-js {
    background: transparent url("../../../../Images/alpharep/js-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-jsp {
    background: transparent url("../../../../Images/alpharep/jsp-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-key {
    background: transparent url("../../../../Images/alpharep/key-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-kml {
    background: transparent url("../../../../Images/alpharep/kml-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-kmz {
    background: transparent url("../../../../Images/alpharep/kmz-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-lnk {
    background: transparent url("../../../../Images/alpharep/lnk-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-log {
    background: transparent url("../../../../Images/alpharep/log-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-lua {
    background: transparent url("../../../../Images/alpharep/lua-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-m3u {
    background: transparent url("../../../../Images/alpharep/m3u-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-m4a {
    background: transparent url("../../../../Images/alpharep/m4a-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-m4v {
    background: transparent url("../../../../Images/alpharep/m4v-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-mach {
    background: transparent url("../../../../Images/alpharep/mach-o-file.svg") no-repeat scroll 5px 0px;
}

.attachment-mach-format {
    background: transparent url("../../../../Images/alpharep/mach-o-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-max {
    background: transparent url("../../../../Images/alpharep/max-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-mdb {
    background: transparent url("../../../../Images/alpharep/mdb-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-mdf {
    background: transparent url("../../../../Images/alpharep/mdf-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-mim {
    background: transparent url("../../../../Images/alpharep/mim-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-mov {
    background: transparent url("../../../../Images/alpharep/mov-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-mp3 {
    background: transparent url("../../../../Images/alpharep/mp3-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-mp4 {
    background: transparent url("../../../../Images/alpharep/mp4-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-mpa {
    background: transparent url("../../../../Images/alpharep/mpa-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-mpg {
    background: transparent url("../../../../Images/alpharep/mpg-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-msg {
    background: transparent url("../../../../Images/alpharep/msg-file.svg") no-repeat scroll 5px 0px;
}

.attachment-msg-variant {
    background: transparent url("../../../../Images/alpharep/msg-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-msi {
    background: transparent url("../../../../Images/alpharep/msi-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-nes {
    background: transparent url("../../../../Images/alpharep/nes-file-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-object {
    background: transparent url("../../../../Images/alpharep/object-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-odb {
    background: transparent url("../../../../Images/alpharep/odb-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-odc {
    background: transparent url("../../../../Images/alpharep/odc-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-odf {
    background: transparent url("../../../../Images/alpharep/odf-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-odg {
    background: transparent url("../../../../Images/alpharep/odg-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-odi {
    background: transparent url("../../../../Images/alpharep/odi-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-odp {
    background: transparent url("../../../../Images/alpharep/odp-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-ods {
    background: transparent url("../../../../Images/alpharep/ods-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-odt {
    background: transparent url("../../../../Images/alpharep/odt-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-odt-symbol {
    background: transparent url("../../../../Images/alpharep/odt-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-odx {
    background: transparent url("../../../../Images/alpharep/odx-file-format-extension.svg") no-repeat scroll 5px 0px;
}

.attachment-ogg {
    background: transparent url("../../../../Images/alpharep/ogg-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-otf {
    background: transparent url("../../../../Images/alpharep/otf-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-otf-ext {
    background: transparent url("../../../../Images/alpharep/otf-file-format-extension.svg") no-repeat scroll 5px 0px;
}

.attachment-pages {
    background: transparent url("../../../../Images/alpharep/pages-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-pct {
    background: transparent url("../../../../Images/alpharep/pct-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-pdb {
    background: transparent url("../../../../Images/alpharep/pdb-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-pdf {
    background: transparent url("../../../../Images/alpharep/pdf-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-pif {
    background: transparent url("../../../../Images/alpharep/pif-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-pkg {
    background: transparent url("../../../../Images/alpharep/pkg-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-pl {
    background: transparent url("../../../../Images/alpharep/pl-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-png {
    background: transparent url("../../../../Images/alpharep/png-file-extension-interface-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-ppt {
    background: transparent url("../../../../Images/alpharep/ppt-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-pptx {
    background: transparent url("../../../../Images/alpharep/pptx-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-psd {
    background: transparent url("../../../../Images/alpharep/psd-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-ps {
    background: transparent url("../../../../Images/alpharep/ps-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-pub {
    background: transparent url("../../../../Images/alpharep/pub-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-python {
    background: transparent url("../../../../Images/alpharep/python-file-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-rar {
    background: transparent url("../../../../Images/alpharep/rar-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-raw {
    background: transparent url("../../../../Images/alpharep/raw-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-rm {
    background: transparent url("../../../../Images/alpharep/rm-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-rom {
    background: transparent url("../../../../Images/alpharep/rom-file.svg") no-repeat scroll 5px 0px;
}

.attachment-rss {
    background: transparent url("../../../../Images/alpharep/rss-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-rtf {
    background: transparent url("../../../../Images/alpharep/rtf-icon-format.svg") no-repeat scroll 5px 0px;
}

.attachment-sav {
    background: transparent url("../../../../Images/alpharep/sav-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-sdf {
    background: transparent url("../../../../Images/alpharep/sdf-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-sitx {
    background: transparent url("../../../../Images/alpharep/sitx-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-sql {
    background: transparent url("../../../../Images/alpharep/sql-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-copy {
    background: transparent url("../../../../Images/alpharep/attachment-unknown.svg") no-repeat scroll 5px 0px;
}

.attachment-srt {
    background: transparent url("../../../../Images/alpharep/svg-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-svg {
    background: transparent url("../../../../Images/alpharep/svg-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-swf {
    background: transparent url("../../../../Images/alpharep/swf-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-sys {
    background: transparent url("../../../../Images/alpharep/sys-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-tar {
    background: transparent url("../../../../Images/alpharep/tar-file-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-tex {
    background: transparent url("../../../../Images/alpharep/tex-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-tga {
    background: transparent url("../../../../Images/alpharep/tga-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-thm {
    background: transparent url("../../../../Images/alpharep/thm-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-tiff {
    background: transparent url("../../../../Images/alpharep/tiff-images-file-extension-symbol-for-interface.svg") no-repeat scroll 5px 0px;
}

.attachment-tmp {
    background: transparent url("../../../../Images/alpharep/tmp-icon-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-torrent {
    background: transparent url("../../../../Images/alpharep/torrent-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-ttf {
    background: transparent url("../../../../Images/alpharep/ttf-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-txt {
    background: transparent url("../../../../Images/alpharep/txt-text-file-extension-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-uue {
    background: transparent url("../../../../Images/alpharep/uue-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-web-link {
    background: transparent url("../../../../Images/alpharep/web-link.svg") no-repeat scroll 5px 0px;
}

.attachment-folder {
    background: transparent url("../../../../Images/alpharep/folder-unfilled.svg") no-repeat scroll 5px 0px;
}

.attachment-vb {
    background: transparent url("../../../../Images/alpharep/vb-file-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-vcd {
    background: transparent url("../../../../Images/alpharep/vcd-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-vdx {
    background: transparent url("../../../../Images/alpharep/vdx-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-vsd {
    background: transparent url("../../../../Images/alpharep/vsd-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-vss {
    background: transparent url("../../../../Images/alpharep/vss-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-vst {
    background: transparent url("../../../../Images/alpharep/vst-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-vsx {
    background: transparent url("../../../../Images/alpharep/vsx-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-vtx {
    background: transparent url("../../../../Images/alpharep/vtx-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-vcf {
    background: transparent url("../../../../Images/alpharep/vcf-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-vob {
    background: transparent url("../../../../Images/alpharep/vob-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-wav {
    background: transparent url("../../../../Images/alpharep/wav-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-wma {
    background: transparent url("../../../../Images/alpharep/wma-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-wmv {
    background: transparent url("../../../../Images/alpharep/wmv-file-format-extension.svg") no-repeat scroll 5px 0px;
}

.attachment-wpd {
    background: transparent url("../../../../Images/alpharep/wpd-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-wsf {
    background: transparent url("../../../../Images/alpharep/wsf-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-xhtml {
    background: transparent url("../../../../Images/alpharep/xhtml-icon-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-xls {
    background: transparent url("../../../../Images/alpharep/xls-file-format-symbol.svg") no-repeat scroll 5px 0px;
}


.attachment-xlsx {
    background: transparent url("../../../../Images/alpharep/xlsx-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-xml {
    background: transparent url("../../../../Images/alpharep/xml-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-yuv {
    background: transparent url("../../../../Images/alpharep/yuv-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-zip-compressed {
    background: transparent url("../../../../Images/alpharep/zip-compressed-files-extension.svg") no-repeat scroll 5px 0px;
}

.attachment-zip {
    background: transparent url("../../../../Images/alpharep/zip-file.svg") no-repeat scroll 5px 0px;
}

.attachment-unknown {
    background: transparent url("../../../../Images/alpharep/attachment-unknown-filled.svg") no-repeat scroll 5px 0px;
}

.attachment-email {
    background: transparent url("../Images/Icons/V2/message.svg") no-repeat scroll 5px 0px;
}

/**Pagination**/
div.pagination {
    position: relative;
    width: 80%;
    height: 40px;
    padding: 5px 10px 0px 10px;
    margin: 0;
    bottom: 10px;
}

.pager-arrow {
    margin: 0 .08333em;
    height: 2em;
    line-height: 2em;
    width: 2em;
    -moz-border-radius: 1.0833em;
    -webkit-border-radius: 1.0833em;
    border-radius: 1.0833em;
    cursor: pointer;
    text-align: center;
    display: inline-block;
}

.pagination a {
    text-decoration: none;
    margin: 0.083em;
    border: 0px solid #ffffff;
}

    .pagination a.pager-arrow.disabled-arrow:hover {
        background: 0;
        cursor: default;
        border: 0px solid #b6bdca;
    }

    .pagination a.pager-arrow:hover, .pagination a.page-number:hover {
        color: #263248;
        background-color: #b6bdca;
        border-color: #b6bdca;
        border-radius: unset;
    }

.disabled-arrow {
    opacity: 0.7;
}

.pager-number-container {
    padding: 0;
    display: inline-block;
    list-style: none;
    vertical-align: top;
    margin-right: 2px;
    margin-left: 2px;
}

    .pager-number-container li {
        float: left;
    }

    .pager-number-container .page-number {
        display: block;
        width: 2em;
        text-align: center;
        line-height: 2em;
    }

    .pager-number-container a.selected-page {
        /*width: 3em;*/
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-color: #337ab7;
        color: #f2f2f2;
        cursor: default;
        border-color: #337ab7;
    }

    .pager-number-container a.page-number.selected-page:hover {
        /*width: 3em;*/
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-color: #127DD6;
        color: #f2f2f2;
        cursor: default;
        border-color: #127DD6;
    }

span.items-per-page {
    width: 4em;
    margin-right: 5px;
}

.pagination-details {
    margin-left: 40px;
}

.alpharep-popdown {
    float: right;
    /*position: relative;*/
    display: inline-block;
}


#addPopdown .popdown-item div,
#popdownWorkItemContent .popdown-item div {
    display: inline !important;
    position: relative !important;
    top: -5px !important;
    font-size: 12px;
}

#popdownWorkItemContent .popdown-item.dynamic-workflow-tab div {
    left: 4px;
}

    #popdownMultiSelectCustomerList .popdown-item a,
    #popdownMultiSelectCustomerEmail .popdown-item a {
        display: inline !important;
        position: relative !important;
        font-size: 12px;
    }
    #popdownMultiSelectCustomerList .popdown-item a:hover,
    #popdownMultiSelectCustomerEmail .popdown-item a:hover {
        background-color: #127DD6;
        color: white !important;
    }

.show {
    display: block !important;
    position: fixed !important;
}


/******************/

[type="checkbox"].general-check-style:not(:checked) + label, [type="checkbox"].general-check-style:checked + label {
    position: relative;
    padding-left: 10px;
    cursor: pointer;    
}

/*LOADING SPINNER*/
#divAlpharepLoadingSpinnerBackground {
    background-color: rgb(129, 125, 125);
}
.loading-spinner-outer {
    display: none;
    position: absolute;
    top: 43%;
    left: 42%;
    z-index: 99999999;
    width: 200px;
}
#divAlpharepLoadingSpinnerBackground {
    width: 100%;
    height: 100%;
    opacity: 0.2;
    position: fixed;
    z-index: 9999998;
    display: none;
}

.loading-spinner-outer .loading-outer-circle {
    opacity: .9;
    border-radius: 50px;
    z-index: 9999989;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.loading-spinner-outer .loading-inner-circle {
    opacity: .9;
    border-radius: 50px;
    z-index: 9999989;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    top: -65px;
}

.loading-spinner-outer .loading-outer-circle {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    box-shadow: 0 0 35px #2187e7;
    -moz-animation: spinPulse 1s infinite ease-in-out;
    -webkit-animation: spinPulse 1s infinite linear;
    animation: spinPulse 1s infinite linear;
}

.loading-spinner-outer .loading-inner-circle {
    background-color: rgba(0,0,0,0);
    border: 5px solid #2187e7;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    box-shadow: 0 0 15px #2187e7;
    -moz-animation: spinoffPulse 1s infinite linear;
    -webkit-animation: spinoffPulse 1s infinite linear;
    animation: spinoffPulse 1s infinite linear;
}

.loading-spinner-outer .loading-spinner-cancel-request {
    font-size: 40px;
    font-weight: bold;
    opacity: .9;
    border-radius: 50px;
    z-index: 99999999;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    top: -111px;
    left: 5px;
    cursor: pointer;
}

    .loading-spinner-outer .loading-spinner-cancel-request img {
        background: transparent url("../Images/Icons/V2/circle-button-cancel-filled.svg") no-repeat scroll 5px 0px;
    }

    .loading-spinner-outer .loading-spinner-cancel-request svg {
        height: 33px;
    }

        .loading-spinner-outer .loading-spinner-cancel-request svg path {
            fill: #C83737 !important;
        }

@-moz-keyframes spinPulse {
    0% {
        background-color: rgba(0,0,0,0);
        border: 5px solid blue;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        background-color: rgba(0,0,0,0);
        border: 5px solid (0,183,229,0.9);
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        background-color: rgba(0,0,0,0);
        border: 5px solid yellow;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        -moz-transform: rotate(-320deg);
        opacity: 0;
    }
}

@-moz-keyframes spinoffPulse {
    0% {
        background-color: rgba(0,0,0,0);
        border: 5px solid #2187e7;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        -moz-transform: rotate(0deg);
    }

    50% {
        background-color: rgba(0,0,0,0);
        border: 5px solid pink;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        -moz-transform: rotate(180deg);
    }

    100% {
        background-color: rgba(0,0,0,0);
        border: 5px solid black;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinPulse {
    0% {
        background-color: rgba(0,0,0,0);
        border: 5px solid rgba(0,183,229,0.9);
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 35px #2187e7;
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        background-color: rgba(0,0,0,0);
        border: 5px solid (0,183,229,0.9);
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        background-color: rgba(0,0,0,0);
        border: 5px solid #2187e7;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    }
}

@-webkit-keyframes spinoffPulse {
    0% {
        background-color: rgba(0,0,0,0);
        border: 5px solid #2187e7;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        -webkit-transform: rotate(0deg);
    }

    50% {
        background-color: rgba(0,0,0,0);
        border: 5px solid pink;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        -webkit-transform: rotate(180deg);
    }

    100% {
        background-color: rgba(0,0,0,0);
        border: 5px solid rgba(0,183,229,0.9);
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 35px #2187e7;
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spinPulse {
    0% {
        background-color: rgba(0,0,0,0);
        border: 5px solid blue;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        background-color: rgba(0,0,0,0);
        border: 5px solid (0,183,229,0.9);
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        background-color: rgba(0,0,0,0);
        border: 5px solid yellow;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        transform: rotate(-320deg);
        opacity: 0;
    }
}

@keyframes spinoffPulse {
    0% {
        background-color: rgba(0,0,0,0);
        border: 5px solid #2187e7;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        transform: rotate(0deg);
    }

    50% {
        background-color: rgba(0,0,0,0);
        border: 5px solid pink;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        transform: rotate(180deg);
    }

    100% {
        background-color: rgba(0,0,0,0);
        border: 5px solid black;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        box-shadow: 0 0 15px #2187e7;
        transform: rotate(360deg);
    }
}


.use-full-space {
    width: 100%;
    display: inline-block;
}


#divWorkItemDocumentContainer, #divSelectedWorkItemDocuments {
    min-height: 96%;
    height: max-content;
    /*margin-bottom: 1vh;*/
}

div#divWorkItemAttachmentContainer {
    height: 100%;
}
/*#divAlpharepLeftMenuContainer .alpharep-open-submenu-link, #divAlpharepLeftMenuContainer .alpharep-close-submenu-link*/

#divFoldersFlowBreadcrumbOnPopup {
    height: 700px;
}

.open-dragonfly-svg:hover svg {
    margin-left: 28px !important;
}

.get-dragonfly-svg:hover svg {
    margin-left: 28px !important;
}


/*.placeholder {
    outline-style: dashed;
    outline-width: 1px;
    outline-color: red;
}*/


#divFoldersFlowBreadcrumbOnPopup .k-icon.k-i-collapse {
    background: transparent url(/Images/alpharep/arrow_carrot-right.svg) no-repeat scroll 2px 0px;
    width: 20px;
    height: 20px;
    background-size: 19px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

#divFoldersFlowBreadcrumbOnPopup .k-icon.k-i-expand {
    background: transparent url(/Images/alpharep/arrow_carrot-right.svg) no-repeat scroll 2px 0px;
    width: 20px;
    height: 20px;
    background-size: 19px;
}

#divFoldersFlowBreadcrumbOnPopup span.node-has-children {
    background: transparent url(/Images/alpharep/icon_folder_outline.svg) no-repeat scroll -4px -1px;
    background-size: 23px;
    padding-left: 20px;
}

#divFoldersFlowBreadcrumbOnPopup span.node-is-last {
    background: transparent url(/Images/alpharep/icon_folder_outline.svg) no-repeat scroll 0px -1px;
    background-size: 23px;
    padding-left: 25px;
}

#divFoldersFlowBreadcrumbOnPopup .current-folder-span {
    background-image: url(/Images/alpharep/icon_folder.svg) !important;
    font-weight: bold;
}

#divFoldersFlowBreadcrumbOnPopup .k-item .k-icon:before {
    /*content: '';*/
    margin-left: 1px;
}

#bodyMain #divFoldersFlowBreadcrumbOnPopup .k-state-selected, #bodyMain #divFoldersFlowBreadcrumbOnPopup .k-state-selected:focus-visible {
    background-color: transparent;
    border-color: transparent;
    font-weight: bold;
    font-family: CalibriBold;
    box-shadow: none;
}

#bodyMain #divFoldersFlowBreadcrumbOnPopup .k-state-hover span.each-tree-node-span {
    background-color: #f0f0f0;
}

#divFoldersFlowBreadcrumbOnPopup .k-item .k-icon:before {
    content: '';
}

#bodyMain #divFoldersFlowBreadcrumbOnPopup .k-state-selected span.each-tree-node-span .folderName {
    background-color: #26a69a;
    cursor: pointer;
    font-size: 16px;
    color: #263238;
    font-family: Calibri;
    padding: 1px .3333em 1px .25em;
    border-radius: 4px;
    font-weight: normal !important;
}