body {
  font-family: RobotoRegular;
  font-size: 14px;
  color: #3B4455;
  background-color: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
b,
strong {
  font-weight: bold;
}
h1 {
  font-size: 2em;
}
img {
  border: 0;
}
ol,
ul,
fieldset {
  list-style: none;
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
p {
  margin: 0;
  padding: 0;
}
/*@thankyou-message: #0C97D3;*/
/*Help Modules*/
/*Link color*/
/*maintenance*/
/*Image Paths*/
/*@agile-glow-logo: '/Themes/AgilePortalNew/Content/Images/agile-glow-logo.png';
@tenant-progress-bg:'/Themes/AgilePortalNew/Content/Images/banners/tenant-progress-bg.png';
@tenant-banner:'/Themes/AgilePortalNew/Content/Images/banners/tenant-banner.png';*/
/*@copy-icon: '/Themes/AgilePortalNew/Content/Images/copy-icon.png@{version}';*/
.transparent {
  opacity: 0;
}
.display-none {
  display: none;
}
.marginall10 {
  margin: 10px;
}
.margintop10 {
  margin-top: 10px;
}
.marginbottom10 {
  margin-bottom: 10px;
}
.margintop15 {
  margin-top: 15px;
}
.margintop20 {
  margin-top: 20px;
}
.marginleft10 {
  margin-left: 10px;
}
.paddingtop100 {
  padding-top: 100px;
}
.paddingtop150 {
  padding-top: 150px;
}
.paddingtop5 {
  padding-top: 5px !important;
}
.paddingtop10 {
  padding-top: 10px !important;
}
.text-align-center {
  text-align: center !important;
}
/**/
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.clear-pull {
  clear: both;
}
.plain-list {
  list-style: none;
}
.bold {
  font-weight: bold;
}
.force-bold {
  font-weight: bold !important;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.force-inline {
  display: inline !important;
}
.force-inline-block {
  display: inline-block !important;
}
.auto-height {
  height: auto !important;
}
.full-height {
  height: 100%;
}
.inherit-height {
  height: inherit;
}
.full-width {
  width: 100%;
}
.force-full-width {
  width: 100% !important;
}
.half-width {
  width: 50%;
}
.half-height {
  height: 50%;
}
.auto-width {
  width: auto;
}
.capitalize {
  text-transform: capitalize;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
left-align-text {
  text-align: left;
}
.border-bottom {
  border-bottom: 1px solid #f4f5f6;
}
.border-top {
  border-top: 1px solid #f4f5f6;
}
.textcenter {
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
}
.marginauto {
  margin: 0 auto;
}
fieldset {
  border: none;
}
.absolute-center {
  overflow: auto;
  margin: auto !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.text-ellipsis {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.padding-left10 {
  padding-left: 10px;
}
.red-color {
  color: #B6383E;
}
.modal-container {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
}
.k-button {
  background-color: #0077d9;
  color: #fff;
  border: 1px solid #0077d9;
  cursor: pointer;
}
.k-button:hover,
.k-button:active,
.k-button:focus {
  background-color: #3392e1;
  border: 1px solid #0077d9;
  background-image: none;
}
.k-button:active:hover {
  background-color: #3392e1;
}
.k-numeric-wrap .k-icon {
  height: 17px;
}
.k-numeric-wrap.k-state-hover {
  background-image: none !important;
}
.k-numeric-wrap.k-state-focused {
  background-image: none !important;
}
.default-list-style {
  list-style: disc;
}
.link-white {
  color: #fff !important;
}
.link-theme {
  color: #3B4455 !important;
}
.min-height100 {
  min-height: 100px !important;
}
::-webkit-scrollbar {
  width: 8px !important;
  height: 6px !important;
}
::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 10px grey !important;*/
}
::-webkit-scrollbar-thumb {
  background: #b3b9c3 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:focus {
  background: #b3b9c3 !important;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #b3b9c3;
}
.force-fontweight400 {
  font-weight: 400 !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .agile-portal.user-profile fieldset {
    width: 69% !important;
  }
  .agile-portal.user-profile fieldset input[name="file"] {
    width: 60%;
    float: left;
  }
  .agile-portal.user-profile fieldset .image-upload {
    clear: both;
  }
  .agile-portal.user-profile fieldset .submit-buttons {
    float: left !important;
    margin-top: 10px !important;
  }
}
@media all and (min-width: 1024px) and (max-width: 1366px) {
  .agile-portal.landing-banner-image .home-banner-img {
    max-width: 70% !important;
  }
  .agile-portal.landing-page-inner .video-container .new-boxwrap {
    padding: 20px !important;
  }
  .agile-portal.landing-page-inner .video-container .new-boxwrap .title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 116px;
  }
  .agile-portal.landing-page-inner .video-container .new-boxwrap .newtitle,
  .agile-portal.landing-page-inner .video-container .new-boxwrap .subtitle {
    overflow: visible !important;
    white-space: none !important;
    width: 100% !important;
  }
  .agile-portal.landing-page-inner .video-container .new-boxwrap .link {
    bottom: 20px !important;
  }
  .agile-portal.landing-page-inner .video-container .new-boxwrap .otherlinks {
    padding-right: 15px !important;
  }
  .agile-portal.landing-page-inner .video-container .new-boxwrap .otherlinks img {
    width: 40% !important;
  }
  .agile-portal.app-list-inner .boxs-new .video-icon {
    background-position: 0 -2px !important;
  }
  .agile-portal.signup-contaner .sign-in {
    margin-top: 0 !important;
  }
  .agile-portal.signup-contaner .registerwith-block {
    margin-top: 0 !important;
  }
  .agile-portal.signup-contaner .registerwith-block .tooltip .tooltip-content {
    right: -275px !important;
  }
  .agile-portal.final-screen {
    margin-top: 0 !important;
    /*.readytogo-text {
                bottom: 115px !important;
            }*/
  }
  .agile-portal.sign-contaner-main {
    margin: 1% auto 0 !important;
  }
  .agile-portal.sign-icon-wrap-main .login-form {
    height: 400px !important;
  }
  .agile-portal.sign-icon-wrap-main .margin-top75 {
    margin-top: 50px !important;
  }
  .agile-portal.forgotpassword .forgotpassword-block {
    padding-top: 77px !important;
  }
  .agile-portal.logowrap-login {
    width: 14% !important;
  }
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li,
  .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li {
    padding-right: 25px !important;
  }
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.current,
  .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.current,
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.current,
  .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.current,
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu.current,
  .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu.current,
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu.current,
  .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu.current,
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li:hover,
  .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li:hover,
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li:hover,
  .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li:hover,
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu:hover,
  .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu:hover,
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu:hover,
  .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu:hover {
    width: 78% !important;
  }
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subList,
  .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subList,
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subList,
  .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subList {
    width: 75% !important;
  }
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subList:hover,
  .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subList:hover,
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subList:hover,
  .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subList:hover {
    width: 75% !important;
  }
  .agile-portal .tooltip .tooltip-content {
    width: 190px !important;
    /*right: -250px !important;*/
  }
  .agile-portal.settings-wrap {
    /*width: 90% !important;*/
    /*min-height: 450px !important;*/
  }
  .agile-portal.settings-wrap.expanded {
    /*width: 78% !important;*/
  }
  .agile-portal.settings-wrap .form-inner-wrap {
    width: 70% !important;
  }
  .agile-portal.settings-wrap.tasklist-settings .form-row .k-dropdown {
    width: 41% !important;
  }
  .agile-portal.settings-wrap.tasklist-settings .form-row .k-multiselect {
    width: 43% !important;
  }
  .agile-portal.settings-wrap.customactions .form-inner-wrap {
    width: 94% !important;
  }
  .agile-portal.settings-wrap.customactions .form-inner-wrap ul.tabs {
    text-align: left !important;
    margin-top: 0 !important;
  }
  .agile-portal.tenant-setting.tenant-setting-tab {
    /*width: 93% !important;*/
  }
  .agile-portal.tenant-setting.tenant-setting-tab.expanded {
    /*width: 80% !important;*/
  }
  .agile-portal.tenant-setting.tenant-setting-tab .form-inner-wrap-tenant {
    width: 100% !important;
  }
  .agile-portal.tenant-setting.tenant-setting-tab .form-inner-wrap-tenant .tenant-setting.settings-form.tab-setting .form-inner-wrap .form-row .k-input {
    width: 54% !important;
  }
  .agile-portal.tenant-setting.tenant-setting-tab .form-inner-wrap-tenant .tenant-setting.settings-form.tab-setting .form-inner-wrap .form-row .k-input.tenant-admin-selector {
    width: 100% !important;
  }
  .agile-portal.leftmenubar .openclose-button {
    /*top: 20% !important;*/
  }
  .agile-portal.tasklist-tab .form-row .k-input {
    width: 43% !important;
  }
  .agile-portal.admin-setting {
    min-height: auto !important;
  }
  .agile-portal.admin-setting .form-inner-wrap {
    width: 75% !important;
  }
  .agile-portal.admin-setting .form-inner-wrap .k-input {
    width: 57% !important;
  }
  .agile-portal.admin-setting .accountConfigurationFormContent .k-dropdown {
    float: left;
    width: 55% !important;
  }
  .agile-portal.tenant-setting {
    min-height: 150px !important;
  }
  .agile-portal.tenant-setting .form-inner-wrap {
    min-height: 100px !important;
  }
  .agile-portal.reports-wrap {
    /*width: 93% !important;*/
  }
  .agile-portal.reports-wrap.expanded {
    /*width: 80% !important;*/
  }
  .agile-portal.evaluationstatus {
    grid-template-rows: 80vh !important;
  }
  .agile-portal.evaluationstatus .evaluationstatus-wrap {
    width: 60% !important;
  }
}
/*@media all and (max-height: 2000px) and (min-height: 800px) {
    .agile-portal {

        &.section-content {
            min-height: 750px !important;
        }


        &.collaboration-wrap {
            .collaboration-wrap-inner {
                height: 736px !important;
            }
        }
    }
}*/
@media only screen and (max-width: 700px) {
  .agile-portal.landing-page .store-buttons {
    top: 200px !important;
  }
  .agile-portal.landing-page .store-buttons .link img {
    width: 66% !important;
  }
}
@-moz-document url-prefix() {
  .agile-portal.tasklist-settings .form-row .k-dropdown .k-dropdown-wrap .k-select,
  .agile-portal.form-inner-wrap .form-row .k-dropdown .k-dropdown-wrap .k-select {
    height: 40px !important;
  }
}
@media all and (min-width: 600px) and (max-width: 1024px) {
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li.first .icon {
    background-position: -22px -20px;
  }
  .agile-portal.mainmenu-horizontal ul.menu-main-menu li.first:hover .icon {
    background-color: #fff !important;
  }
  .agile-portal.landing-page-inner .video-container .new-boxwrap .title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 116px;
  }
  .agile-portal.landing-page-inner .video-container .new-boxwrap .link {
    bottom: 10px !important;
  }
  .agile-portal.landing-page-inner .video-container .new-boxwrap .otherlinks {
    padding-right: 15px !important;
  }
  .agile-portal.landing-page-inner .video-container .new-boxwrap .otherlinks img {
    width: 35% !important;
  }
}
/*@media only screen and (max-width : 1024px) and (min-width: 992px) {

    .agile-portal {
        //Header Start here
        &.logowrap {
            width: @left-logo-width - 70px !important;
        }

        &.mainmenu-horizontal {
            ul.menu {
                .pull-left;
                width: 100%;
                margin: 0;
                padding: 0;

                li {
                    width: 62px !important;

                    a {
                        font-size: 7.6px !important;
                    }
                }
            }

            .active-arrow-down {
                background-position: -9px -92px !important;
            }
        }

        &.login {
            width: @login-width - 20px !important;
        }

        &.user {
            width: @login-width - 20 !important;

            .welcome {
                width: 58% !important;
            }
        }
        //Header End here
        &.section-content {
            min-height: 550px !important;
        }
        //Setting page
        &.settings-wrap {
            min-width: 77% !important;
        }

        &.setting-inner-wrap {
            height: 400px;
            overflow: auto;

            .form-row {
                .k-input {
                    width: 400px !important;
                }
            }
        }

        &.app-builder-setting {
            .form-row {
                .k-input {
                    width: 200px !important;
                }
            }

            ul.Titels {
                li {
                    &.DefaultNames {
                        width: 25% !important;
                    }

                    &.CustomNames {
                        width: 36% !important;
                    }

                    &.QuickView, &.Visible {
                        width: 17% !important;
                    }
                }
            }
        }

        &.em-setting {
            .form-column1, .form-column2 {
                width: auto !important;
            }
        }

        &.uploaded-img {
            max-height: 100px !important;
            max-width: 200px !important;
        }

        &.workcenter-content {
            left: 210px !important;
            width: 80% !important;


            .tabContent {
                .ListMyApp {
                    .myappdata {
                        width: 45% !important;
                    }
                }
            }
        }
    }
}*/
@media only screen and (max-width: 1024px) {
  .agile-portal.section {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    left: 0;
  }
  .agile-portal.logowrap .img-responsive {
    max-width: 100% !important;
  }
  .agile-portal.upperbarpanel {
    display: block;
    position: relative;
  }
  .agile-portal.logowrap-login {
    /*width: 280px !important;*/
  }
  .agile-portal.nav-aux {
    /*float: none !important;*/
  }
  .agile-portal.nav-aux .custom-notification {
    /*float: right !important;*/
  }
  .agile-portal.maximize-window {
    display: none;
  }
  .agile-portal.user {
    float: right;
  }
  .agile-portal.user .userprofile {
    width: 25px !important;
    height: 25px !important;
    margin-top: 2px !important;
    margin-left: 21px !important;
  }
  .agile-portal.mobileview {
    display: none !important;
    padding: 20px 10px 0 0 !important;
    float: right;
  }
  .agile-portal.mainmenu-horizontal-mobile {
    background: #333333 !important;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    float: left;
    padding: 10px 0 0 10px;
    position: absolute !important;
    right: -210px !important;
    top: 0;
    width: 200px;
    min-height: 700px !important;
    margin: 0 !important;
    display: none;
  }
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile {
    margin-top: 32px;
  }
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li {
    display: block !important;
    width: 100% !important;
    margin-bottom: 5px !important;
    cursor: pointer;
    margin: 0;
  }
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li a {
    text-align: left !important;
    text-transform: capitalize !important;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    color: #fff !important;
    display: inline-block;
    font-size: 14px !important;
  }
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li a .text {
    display: inline-block;
    padding: 14px 0 0 10px !important;
  }
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li.first .icon {
    float: left;
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-mobile.png?rev=070000022') !important;
    background-repeat: no-repeat;
    margin: 5px 0 0 13px;
    width: 26px !important;
    height: 26px !important;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 2px solid #0098dc;
    background-position: -137px -14px;
    background-color: transparent;
  }
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li.first .icon:hover {
    background-position: -137px -60px;
    background-color: #0098dc;
  }
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li.first.current .icon,
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li.first:hover .icon {
    background-color: #0098dc;
    background-position: -137px -60px;
  }
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li.first.current .text,
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li.first:hover .text {
    color: #0098dc;
  }
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li.dropdown > ul {
    display: none;
  }
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li.dropdown:hover ul {
    display: block;
    background: #333;
    min-width: 120px;
  }
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li.dropdown .submenulist:hover {
    background-color: #57B1C9;
  }
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li.dropdown .submenulist a {
    width: 100% !important;
    display: inline;
    line-height: 18px;
    font-size: 12px !important;
  }
  .agile-portal.mainmenu-horizontal-mobile ul.mainmenu-mobile li.dropdown .submenulist a .text {
    padding: 5px 0 5px 45px !important;
    color: #fff !important;
  }
  .agile-portal.mainmenu-horizontal {
    display: block !important;
  }
  .agile-portal.mainmenu-horizontal .menu-main-menu li.more-menu .icon,
  .agile-portal.mainmenu-horizontal .new-menu-main-menu li.more-menu .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -468px -24px;
    background-color: transparent !important;
    margin: 0;
    float: left;
    margin-top: 5px;
  }
  .agile-portal.mainmenu-horizontal .menu-main-menu li.more-menu .icon:hover,
  .agile-portal.mainmenu-horizontal .new-menu-main-menu li.more-menu .icon:hover {
    background-position: -468px -74px;
  }
  .agile-portal.mainmenu-horizontal .menu-main-menu li.more-menu .text,
  .agile-portal.mainmenu-horizontal .new-menu-main-menu li.more-menu .text {
    display: none !important;
  }
  .agile-portal.mainmenu-horizontal .menu-main-menu li.more-menu ul.sub-menu .icon,
  .agile-portal.mainmenu-horizontal .new-menu-main-menu li.more-menu ul.sub-menu .icon {
    display: none !important;
  }
  .agile-portal.mainmenu-horizontal .menu-main-menu li.more-menu ul.sub-menu .text,
  .agile-portal.mainmenu-horizontal .new-menu-main-menu li.more-menu ul.sub-menu .text {
    display: block !important;
  }
  .agile-portal.mainmenu-horizontal-toolbar {
    float: none !important;
  }
  .agile-portal.mainmenu-horizontal-toolbar ul.messages-details {
    z-index: 1;
    position: relative;
    display: none !important;
  }
  .agile-portal.mainmenu-horizontal-toolbar ul.messages-details .fullscreenopen-icon {
    display: none;
  }
  .agile-portal.mainmenu-horizontal-toolbar ul.messages-details .notifications-count {
    right: 2px !important;
    top: 1px !important;
  }
  .agile-portal.mainmenu-horizontal-toolbar ul.messages-details li {
    float: none !important;
  }
  .agile-portal.mainmenu-horizontal-toolbar .switchto-text-display {
    margin-top: 2px;
  }
  .agile-portal.mainmenu-horizontal-toolbar ul.breadcrumb {
    margin: 5px 0 10px 15px !important;
  }
  .agile-portal.footer .inner-footer {
    text-align: left !important;
    padding-left: 5px !important;
  }
  .agile-portal.footer .release-date {
    display: none;
  }
  .agile-portal.landing-page {
    margin-top: 10px !important;
    /*.landing-page-inner {
                width: 96%;
                overflow-y: scroll;
                height: 494px;
            }*/
  }
  .agile-portal.landing-page .landing-banner-image {
    /*width: 91%;
                min-height: 34%;
                margin-left: 2%;*/
  }
  .agile-portal.landing-page .landing-banner-image .home-banner-img {
    width: 100%;
  }
  .agile-portal.landing-page .landing-banner-image-title .home-banner-img-title {
    width: 100%;
  }
  .agile-portal.landing-page .left-content {
    width: 100% !important;
  }
  .agile-portal.landing-page .store-buttons {
    display: none;
    position: absolute;
    top: 265px;
  }
  .agile-portal.landing-page .store-buttons .link img {
    width: 92%;
  }
  .agile-portal.landing-page .app-list {
    width: 98%;
    /*position: relative;
                margin-left: 2%;*/
  }
  .agile-portal.landing-page .app-list-inner .boxs h3 {
    width: 90%;
    display: inline-block;
    padding-left: 2%;
  }
  .agile-portal.settings-wrap {
    /*width: 90% !important;*/
    margin: 10px auto 0 !important;
    position: relative !important;
    left: 0 !important;
  }
  .agile-portal.settings-wrap .form-inner-wrap {
    height: auto;
  }
  .agile-portal.settings-wrap .form-inner-wrap .form-row .k-input {
    width: 430px;
  }
  .agile-portal.settings-wrap .buttons {
    margin: 0 0 30px 0 !important;
  }
  .agile-portal.settings-wrap.app-builder-setting .form-row label {
    width: 17% !important;
  }
  .agile-portal.settings-wrap.app-builder-setting .form-row .k-input {
    width: 40% !important;
  }
  .agile-portal.settings-wrap.app-builder-setting ul.Titels li.DefaultNames {
    width: 18%;
  }
  .agile-portal.settings-wrap.app-builder-setting ul.Titels li.CustomNames {
    width: 46%;
  }
  .agile-portal.settings-wrap.app-builder-setting ul.Titels li.QuickView,
  .agile-portal.settings-wrap.app-builder-setting ul.Titels li.Visible {
    width: 17%;
  }
}
.AB-Sprites {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
}
.userprofile {
  width: 32px;
  height: 32px;
}
.title-bg-line {
  background-image: url('/Themes/AgilePortalNew/Content/Images/title-bg-line.png?rev=070000022') !important;
  width: 100%;
  height: 28px;
  background-repeat: no-repeat;
  background-position: 10px 14px;
}
.landing-banner {
  background-image: url('/Themes/AgilePortalNew/Content/Images/banners/home-banner-new.png?rev=070000022');
  background-repeat: no-repeat;
}
.home-bg-line {
  background-image: url('/Themes/AgilePortalNew/Content/Images/home_bg_line.png?rev=070000022');
  background-repeat: repeat-x;
  background-position: 0 0;
  min-height: 540px;
}
.arrow-icon-home {
  background-image: url('/Themes/AgilePortalNew/Content/Images/arrow-homepage.png?rev=070000022');
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  right: 10px;
}
.blue-arrow {
  /*.arrow-icon-home;
    background-position: 1px 2px;*/
}
.green-arrow {
  /*.arrow-icon-home;
    background-position: 1px -16px;*/
}
.down-curve-home {
  background-image: url('/Themes/AgilePortalNew/Content/Images/down-curve.png?rev=070000022');
  width: 15px;
  height: 13px;
  position: absolute;
  left: -12px;
}
.blue-curve {
  background-image: url('/Themes/AgilePortalNew/Content/Images/down-curve.png?rev=070000022');
  width: 15px;
  height: 13px;
  position: absolute;
  left: -12px;
  background-position: -1px 0;
}
.green-curve {
  background-image: url('/Themes/AgilePortalNew/Content/Images/down-curve.png?rev=070000022');
  width: 15px;
  height: 13px;
  position: absolute;
  left: -12px;
  background-position: 0 -17px;
}
.topappicon {
  background-position: -149px -56px;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
}
.newappicon {
  background-position: -203px -59px;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
}
.domain-field {
  /*input[type=text] {
        .login-icons(0 -86px);
    }*/
}
.username-field {
  /*input[type=text] {
        .login-icons(-3px -44px);
    }*/
}
.password-field {
  /*input[type=password] {
        .login-icons(-3px -3px);
    }*/
}
.active-arrow-down {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -5px -92px;
}
.changepassword-icon {
  /*.AB-Sprites;
    background-position: -3px -251px;*/
}
.openclose {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
}
.login-sign-logo {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: 0 -3px;
  width: 22px;
  height: 20px;
  display: inline-block;
}
.agilepoint-sign-logo {
  background-image: url('/Themes/AgilePortalNew/Content/Images/logos/agilepoint_logo.svg?rev=070000022');
  background-position: 0 0;
  width: 152px;
  height: 35px;
  display: inline-block;
}
.waad-sign-logo {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: 0 -115px;
  width: 22px;
  height: 20px;
  display: inline-block;
}
.salesforce-sign-logo {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: 0 -223px;
  width: 22px;
  height: 20px;
  display: inline-block;
}
.activedirectory-sign-logo {
  background-image: url('/Themes/AgilePortalNew/Content/Images/logos/activedirectory.png?rev=070000022');
  width: 52px;
  height: 52px;
  display: inline-block;
}
.custom-sign-logo {
  display: inline-block;
  background: none;
}
.custom-sign-logo img {
  max-height: 35%;
  max-width: 35%;
}
.custom-sign-text {
  font-size: 20px;
  font-family: 'RobotoMedium';
  padding-top: 5px;
}
.agilepoint-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -26px -25px;
  width: 29px;
  height: 22px;
  display: inline-block;
}
.waad-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -25px -806px;
  width: 29px;
  height: 22px;
  display: inline-block;
  width: 29px !important;
  height: 28px !important;
  margin-top: 12px !important;
}
.salesforce-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -25px -156px;
  width: 29px;
  height: 22px;
  display: inline-block;
}
.office365-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -25px -249px;
  width: 29px;
  height: 22px;
  display: inline-block;
}
.activedirectory-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -26px -68px;
  height: 22px;
  width: 29px;
  height: 29px;
  display: inline-block;
  margin-top: 15px;
}
.adfs-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -24px -201px;
  height: 22px;
  width: 29px;
  height: 29px;
  display: inline-block;
  margin-top: 12px;
}
.googleplus-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -25px -293px;
  width: 29px;
  height: 22px;
  display: inline-block;
}
.okta-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -25px -379px;
  width: 29px;
  height: 22px;
  display: inline-block;
}
.facebook-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -25px -422px;
  width: 29px;
  height: 22px;
  display: inline-block;
}
.linkedin-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -25px -466px;
  width: 29px;
  height: 22px;
  display: inline-block;
}
.yahoo-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -25px -508px;
  width: 29px;
  height: 22px;
  display: inline-block;
}
.oidc-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -25px -551px;
  width: 29px;
  height: 22px;
  display: inline-block;
}
.adfsoidc-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -24px -201px;
  height: 22px;
  width: 29px;
  height: 29px;
  display: inline-block;
  margin-top: 12px;
}
.pingfed-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -25px -635px;
  width: 29px;
  height: 22px;
  display: inline-block;
}
.oam-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -25px -725px;
  width: 29px;
  height: 22px;
  display: inline-block;
}
.acs-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -25px -765px;
  width: 29px;
  height: 22px;
  display: inline-block;
}
.custom-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -23px -112px;
  width: 29px;
  height: 22px;
  display: inline-block;
  background: none;
}
.custom-sign-icon img {
  max-height: 100%;
  max-width: 100%;
}
.siteminder-sign-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  margin: 15px 0 6px 0;
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -27px -682px;
  width: 29px;
  height: 22px;
  display: inline-block;
}
.login-divider {
  background-image: url('/Themes/AgilePortalNew/Content/Images/login-divider.png?rev=070000022');
  width: 2px;
  height: 60px;
  margin-left: 13px;
  float: left;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .menu-main-menu,
  .new-menu-main-menu {
    /*.page-builder {
            position: relative;

            .icon::before {
                content: "BETA";
                color: red;
                bottom: 38px;
                position: absolute;
                left: 28px;
                background-color: #fff;
                text-shadow: 2px 2px 5px #fff;
                font-size: 9px;
                border-radius: 2px;
            }
        }*/
  }
  .menu-main-menu li .icon,
  .new-menu-main-menu li .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -22px -20px;
    background-color: transparent !important;
    margin: 0;
    float: left;
  }
  .menu-main-menu li .icon:hover,
  .new-menu-main-menu li .icon:hover {
    background-position: -22px -70px;
    background-color: transparent !important;
  }
  .menu-main-menu li.current .icon,
  .new-menu-main-menu li.current .icon,
  .menu-main-menu li:hover .icon,
  .new-menu-main-menu li:hover .icon {
    background-color: transparent;
    background-position: -22px -70px;
  }
  .menu-main-menu li.current .text,
  .new-menu-main-menu li.current .text,
  .menu-main-menu li:hover .text,
  .new-menu-main-menu li:hover .text {
    color: #0077D9 !important;
  }
  .menu-main-menu .work-center .icon,
  .new-menu-main-menu .work-center .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -88px -18px;
    background-color: transparent !important;
    margin: 0;
    float: left;
  }
  .menu-main-menu .work-center .icon:hover,
  .new-menu-main-menu .work-center .icon:hover {
    background-position: -88px -68px;
    background-color: transparent !important;
  }
  .menu-main-menu .work-center.current .icon,
  .new-menu-main-menu .work-center.current .icon,
  .menu-main-menu .work-center:hover .icon,
  .new-menu-main-menu .work-center:hover .icon {
    background-color: transparent;
    background-position: -88px -68px;
  }
  .menu-main-menu .work-center.current .text,
  .new-menu-main-menu .work-center.current .text,
  .menu-main-menu .work-center:hover .text,
  .new-menu-main-menu .work-center:hover .text {
    color: #0077D9 !important;
  }
  .menu-main-menu .work-center ul,
  .new-menu-main-menu .work-center ul {
    display: none !important;
  }
  .menu-main-menu .documents .icon,
  .new-menu-main-menu .documents .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -173px -11px;
    background-color: transparent !important;
    margin: 0;
    float: left;
  }
  .menu-main-menu .documents .icon:hover,
  .new-menu-main-menu .documents .icon:hover {
    background-position: -173px -51px;
    background-color: transparent !important;
  }
  .menu-main-menu .documents.current .icon,
  .new-menu-main-menu .documents.current .icon,
  .menu-main-menu .documents:hover .icon,
  .new-menu-main-menu .documents:hover .icon {
    background-color: transparent;
    background-position: -173px -51px;
  }
  .menu-main-menu .documents.current .text,
  .new-menu-main-menu .documents.current .text,
  .menu-main-menu .documents:hover .text,
  .new-menu-main-menu .documents:hover .text {
    color: #0077D9 !important;
  }
  .menu-main-menu .collaboration .icon,
  .new-menu-main-menu .collaboration .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -583px -18px;
    background-color: transparent !important;
    margin: 0;
    float: left;
  }
  .menu-main-menu .collaboration .icon:hover,
  .new-menu-main-menu .collaboration .icon:hover {
    background-position: -583px -68px;
    background-color: transparent !important;
  }
  .menu-main-menu .collaboration.current .icon,
  .new-menu-main-menu .collaboration.current .icon,
  .menu-main-menu .collaboration:hover .icon,
  .new-menu-main-menu .collaboration:hover .icon {
    background-color: transparent;
    background-position: -583px -68px;
  }
  .menu-main-menu .collaboration.current .text,
  .new-menu-main-menu .collaboration.current .text,
  .menu-main-menu .collaboration:hover .text,
  .new-menu-main-menu .collaboration:hover .text {
    color: #0077D9 !important;
  }
  .menu-main-menu .settings .icon,
  .new-menu-main-menu .settings .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -638px -18px;
    background-color: transparent !important;
    margin: 0;
    float: left;
  }
  .menu-main-menu .settings .icon:hover,
  .new-menu-main-menu .settings .icon:hover {
    background-position: -638px -68px;
    background-color: transparent !important;
  }
  .menu-main-menu .settings.current .icon,
  .new-menu-main-menu .settings.current .icon,
  .menu-main-menu .settings:hover .icon,
  .new-menu-main-menu .settings:hover .icon {
    background-color: transparent;
    background-position: -638px -68px;
  }
  .menu-main-menu .settings.current .text,
  .new-menu-main-menu .settings.current .text,
  .menu-main-menu .settings:hover .text,
  .new-menu-main-menu .settings:hover .text {
    color: #0077D9 !important;
  }
  .menu-main-menu .settings ul,
  .new-menu-main-menu .settings ul {
    display: none !important;
  }
  .menu-main-menu .market-place .icon,
  .new-menu-main-menu .market-place .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -404px -18px;
    background-color: transparent !important;
    margin: 0;
    float: left;
  }
  .menu-main-menu .market-place .icon:hover,
  .new-menu-main-menu .market-place .icon:hover {
    background-position: -404px -68px;
    background-color: transparent !important;
  }
  .menu-main-menu .market-place.current .icon,
  .new-menu-main-menu .market-place.current .icon,
  .menu-main-menu .market-place:hover .icon,
  .new-menu-main-menu .market-place:hover .icon {
    background-color: transparent;
    background-position: -404px -68px;
  }
  .menu-main-menu .market-place.current .text,
  .new-menu-main-menu .market-place.current .text,
  .menu-main-menu .market-place:hover .text,
  .new-menu-main-menu .market-place:hover .text {
    color: #0077D9 !important;
  }
  .menu-main-menu .help .icon,
  .new-menu-main-menu .help .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -692px -18px;
    background-color: transparent !important;
    margin: 0;
    float: left;
  }
  .menu-main-menu .help .icon:hover,
  .new-menu-main-menu .help .icon:hover {
    background-position: -692px -68px;
    background-color: transparent !important;
  }
  .menu-main-menu .help.current .icon,
  .new-menu-main-menu .help.current .icon,
  .menu-main-menu .help:hover .icon,
  .new-menu-main-menu .help:hover .icon {
    background-color: transparent;
    background-position: -692px -68px;
  }
  .menu-main-menu .help.current .text,
  .new-menu-main-menu .help.current .text,
  .menu-main-menu .help:hover .text,
  .new-menu-main-menu .help:hover .text {
    color: #0077D9 !important;
  }
  .menu-main-menu .my-reports .icon,
  .new-menu-main-menu .my-reports .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -338px -18px;
    background-color: transparent !important;
    margin: 0;
    float: left;
  }
  .menu-main-menu .my-reports .icon:hover,
  .new-menu-main-menu .my-reports .icon:hover {
    background-position: -338px -68px;
    background-color: transparent !important;
  }
  .menu-main-menu .my-reports.current .icon,
  .new-menu-main-menu .my-reports.current .icon,
  .menu-main-menu .my-reports:hover .icon,
  .new-menu-main-menu .my-reports:hover .icon {
    background-color: transparent;
    background-position: -338px -68px;
  }
  .menu-main-menu .my-reports.current .text,
  .new-menu-main-menu .my-reports.current .text,
  .menu-main-menu .my-reports:hover .text,
  .new-menu-main-menu .my-reports:hover .text {
    color: #0077D9 !important;
  }
  .menu-main-menu .manage .icon,
  .new-menu-main-menu .manage .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -152px -18px;
    background-color: transparent !important;
    margin: 0;
    float: left;
  }
  .menu-main-menu .manage .icon:hover,
  .new-menu-main-menu .manage .icon:hover {
    background-position: -152px -68px;
    background-color: transparent !important;
  }
  .menu-main-menu .manage.current .icon,
  .new-menu-main-menu .manage.current .icon,
  .menu-main-menu .manage:hover .icon,
  .new-menu-main-menu .manage:hover .icon {
    background-color: transparent;
    background-position: -152px -68px;
  }
  .menu-main-menu .manage.current .text,
  .new-menu-main-menu .manage.current .text,
  .menu-main-menu .manage:hover .text,
  .new-menu-main-menu .manage:hover .text {
    color: #0077D9 !important;
  }
  .menu-main-menu .app-builder .icon,
  .new-menu-main-menu .app-builder .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -214px -18px;
    background-color: transparent !important;
    margin: 0;
    float: left;
  }
  .menu-main-menu .app-builder .icon:hover,
  .new-menu-main-menu .app-builder .icon:hover {
    background-position: -214px -68px;
    background-color: transparent !important;
  }
  .menu-main-menu .app-builder.current .icon,
  .new-menu-main-menu .app-builder.current .icon,
  .menu-main-menu .app-builder:hover .icon,
  .new-menu-main-menu .app-builder:hover .icon {
    background-color: transparent;
    background-position: -214px -68px;
  }
  .menu-main-menu .app-builder.current .text,
  .new-menu-main-menu .app-builder.current .text,
  .menu-main-menu .app-builder:hover .text,
  .new-menu-main-menu .app-builder:hover .text {
    color: #0077D9 !important;
  }
  .menu-main-menu .add-on .icon,
  .new-menu-main-menu .add-on .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -661px -10px;
    background-color: transparent !important;
    margin: 0;
    float: left;
  }
  .menu-main-menu .add-on .icon:hover,
  .new-menu-main-menu .add-on .icon:hover {
    background-position: -661px -10px;
    background-color: transparent !important;
  }
  .menu-main-menu .add-on.current .icon,
  .new-menu-main-menu .add-on.current .icon,
  .menu-main-menu .add-on:hover .icon,
  .new-menu-main-menu .add-on:hover .icon {
    background-color: transparent;
    background-position: -661px -10px;
  }
  .menu-main-menu .add-on.current .text,
  .new-menu-main-menu .add-on.current .text,
  .menu-main-menu .add-on:hover .text,
  .new-menu-main-menu .add-on:hover .text {
    color: #0077D9 !important;
  }
  .menu-main-menu .page-builder .icon,
  .new-menu-main-menu .page-builder .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -275px -18px;
    background-color: transparent !important;
    margin: 0;
    float: left;
  }
  .menu-main-menu .page-builder .icon:hover,
  .new-menu-main-menu .page-builder .icon:hover {
    background-position: -275px -68px;
    background-color: transparent !important;
  }
  .menu-main-menu .page-builder.current .icon,
  .new-menu-main-menu .page-builder.current .icon,
  .menu-main-menu .page-builder:hover .icon,
  .new-menu-main-menu .page-builder:hover .icon {
    background-color: transparent;
    background-position: -275px -68px;
  }
  .menu-main-menu .page-builder.current .text,
  .new-menu-main-menu .page-builder.current .text,
  .menu-main-menu .page-builder:hover .text,
  .new-menu-main-menu .page-builder:hover .text {
    color: #0077D9 !important;
  }
  .menu-main-menu .more-menu .icon,
  .new-menu-main-menu .more-menu .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -468px -24px;
    background-color: transparent !important;
    margin: 0;
    float: left;
    margin-top: 5px;
  }
  .menu-main-menu .more-menu .icon:hover,
  .new-menu-main-menu .more-menu .icon:hover {
    background-position: -468px -74px;
    background-color: transparent !important;
  }
  .menu-main-menu .more-menu.current .icon,
  .new-menu-main-menu .more-menu.current .icon,
  .menu-main-menu .more-menu:hover .icon,
  .new-menu-main-menu .more-menu:hover .icon {
    background-color: transparent;
    background-position: -468px -74px;
  }
  .menu-main-menu .more-menu.current .text,
  .new-menu-main-menu .more-menu.current .text,
  .menu-main-menu .more-menu:hover .text,
  .new-menu-main-menu .more-menu:hover .text {
    color: #0077D9 !important;
  }
  .menu-main-menu .more-menu.current .text,
  .new-menu-main-menu .more-menu.current .text,
  .menu-main-menu .more-menu:hover .text,
  .new-menu-main-menu .more-menu:hover .text {
    color: #9b9898 !important;
  }
  .menu-main-menu .more-menu:active .text,
  .new-menu-main-menu .more-menu:active .text {
    color: #0077d9 !important;
  }
  .menu-main-menu .more-menu .text,
  .new-menu-main-menu .more-menu .text {
    text-indent: -2000px;
  }
  .menu-main-menu .more-menu .sub-menu .icon,
  .new-menu-main-menu .more-menu .sub-menu .icon {
    display: none !important;
  }
  .primary_nav_wrap li.more-menu .icon {
    background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
    background-repeat: no-repeat;
    width: 31px !important;
    height: 31px !important;
    display: inline-block;
    background-position: -481px -16px;
    background-color: transparent !important;
    margin: 0;
    float: left;
  }
  .primary_nav_wrap li.more-menu .icon:hover {
    background-position: -481px -58px;
    background-color: transparent !important;
  }
  .primary_nav_wrap li.more-menu.current .icon,
  .primary_nav_wrap li.more-menu:hover .icon {
    background-color: transparent;
    background-position: -481px -58px;
  }
  .primary_nav_wrap li.more-menu.current .text,
  .primary_nav_wrap li.more-menu:hover .text {
    color: #0077D9 !important;
  }
  .primary_nav_wrap li.more-menu.current .text,
  .primary_nav_wrap li.more-menu:hover .text {
    color: #9b9898 !important;
  }
  .primary_nav_wrap li.more-menu:active .text {
    color: #0077d9 !important;
  }
  .primary_nav_wrap li.more-menu .sub-menu .icon {
    display: none !important;
  }
}
.menu.collapsed .menu-item .link .menu-item-active .reportsV2-reports-icon,
.menu.expanded .menu-item .link .menu-item-active .reportsV2-reports-icon,
.menu.collapsed .menu-item .link:hover .reportsV2-reports-icon,
.menu.expanded .menu-item .link:hover .reportsV2-reports-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -80px -117px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .reportsV2-dashboard-icon,
.menu.expanded .menu-item .link .menu-item-active .reportsV2-dashboard-icon,
.menu.collapsed .menu-item .link:hover .reportsV2-dashboard-icon,
.menu.expanded .menu-item .link:hover .reportsV2-dashboard-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -160px -117px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .reportsV2-help-icon,
.menu.expanded .menu-item .link .menu-item-active .reportsV2-help-icon,
.menu.collapsed .menu-item .link:hover .reportsV2-help-icon,
.menu.expanded .menu-item .link:hover .reportsV2-help-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -240px -117px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .reportsV2-template-icon,
.menu.expanded .menu-item .link .menu-item-active .reportsV2-template-icon,
.menu.collapsed .menu-item .link:hover .reportsV2-template-icon,
.menu.expanded .menu-item .link:hover .reportsV2-template-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -323px -117px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .reportsV2-exports-icon,
.menu.expanded .menu-item .link .menu-item-active .reportsV2-exports-icon,
.menu.collapsed .menu-item .link:hover .reportsV2-exports-icon,
.menu.expanded .menu-item .link:hover .reportsV2-exports-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -405px -117px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .reportsV2-reports-icon,
.menu.expanded .menu-item .link .menu-item-active .reportsV2-reports-icon,
.menu.collapsed .menu-item .link:active .reportsV2-reports-icon,
.menu.expanded .menu-item .link:active .reportsV2-reports-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -80px -190px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .reportsV2-dashboard-icon,
.menu.expanded .menu-item .link .menu-item-active .reportsV2-dashboard-icon,
.menu.collapsed .menu-item .link:active .reportsV2-dashboard-icon,
.menu.expanded .menu-item .link:active .reportsV2-dashboard-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -160px -190px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .reportsV2-help-icon,
.menu.expanded .menu-item .link .menu-item-active .reportsV2-help-icon,
.menu.collapsed .menu-item .link:active .reportsV2-help-icon,
.menu.expanded .menu-item .link:active .reportsV2-help-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -240px -190px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .reportsV2-template-icon,
.menu.expanded .menu-item .link .menu-item-active .reportsV2-template-icon,
.menu.collapsed .menu-item .link:active .reportsV2-template-icon,
.menu.expanded .menu-item .link:active .reportsV2-template-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -323px -190px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .reportsV2-exports-icon,
.menu.expanded .menu-item .link .menu-item-active .reportsV2-exports-icon,
.menu.collapsed .menu-item .link:active .reportsV2-exports-icon,
.menu.expanded .menu-item .link:active .reportsV2-exports-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -405px -190px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .reportsV2-reports-icon,
.menu.expanded .menu-item.selected-menu-item .link .reportsV2-reports-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -80px -190px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .reportsV2-dashboard-icon,
.menu.expanded .menu-item.selected-menu-item .link .reportsV2-dashboard-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -160px -190px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .reportsV2-help-icon,
.menu.expanded .menu-item.selected-menu-item .link .reportsV2-help-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -240px -190px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .reportsV2-template-icon,
.menu.expanded .menu-item.selected-menu-item .link .reportsV2-template-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -323px -190px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .reportsV2-exports-icon,
.menu.expanded .menu-item.selected-menu-item .link .reportsV2-exports-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -405px -190px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.reportsV2-reports-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -80px -55px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.reportsV2-dashboard-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -160px -55px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.reportsV2-help-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -240px -55px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.reportsV2-template-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -323px -55px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.reportsV2-exports-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/reports-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -405px -55px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .portalsetting-setting,
.menu.expanded .menu-item .link .menu-item-active .portalsetting-setting,
.menu.collapsed .menu-item .link:hover .portalsetting-setting,
.menu.expanded .menu-item .link:hover .portalsetting-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -72px -129px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .workcenter-setting,
.menu.expanded .menu-item .link .menu-item-active .workcenter-setting,
.menu.collapsed .menu-item .link:hover .workcenter-setting,
.menu.expanded .menu-item .link:hover .workcenter-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -131px -129px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .manager-setting,
.menu.expanded .menu-item .link .menu-item-active .manager-setting,
.menu.collapsed .menu-item .link:hover .manager-setting,
.menu.expanded .menu-item .link:hover .manager-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -190px -129px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .appbuilder-setting,
.menu.expanded .menu-item .link .menu-item-active .appbuilder-setting,
.menu.collapsed .menu-item .link:hover .appbuilder-setting,
.menu.expanded .menu-item .link:hover .appbuilder-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -247px -129px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .admin-settings,
.menu.expanded .menu-item .link .menu-item-active .admin-settings,
.menu.collapsed .menu-item .link:hover .admin-settings,
.menu.expanded .menu-item .link:hover .admin-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -308px -129px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .tenant-settings,
.menu.expanded .menu-item .link .menu-item-active .tenant-settings,
.menu.collapsed .menu-item .link:hover .tenant-settings,
.menu.expanded .menu-item .link:hover .tenant-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -368px -129px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .log-files,
.menu.expanded .menu-item .link .menu-item-active .log-files,
.menu.collapsed .menu-item .link:hover .log-files,
.menu.expanded .menu-item .link:hover .log-files {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -426px -129px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .addon-icon,
.menu.expanded .menu-item .link .menu-item-active .addon-icon,
.menu.collapsed .menu-item .link:hover .addon-icon,
.menu.expanded .menu-item .link:hover .addon-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -312px -129px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .report-settings,
.menu.expanded .menu-item .link .menu-item-active .report-settings,
.menu.collapsed .menu-item .link:hover .report-settings,
.menu.expanded .menu-item .link:hover .report-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -484px -129px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .mobile-settings,
.menu.expanded .menu-item .link .menu-item-active .mobile-settings,
.menu.collapsed .menu-item .link:hover .mobile-settings,
.menu.expanded .menu-item .link:hover .mobile-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -545px -128px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .system-settings,
.menu.expanded .menu-item .link .menu-item-active .system-settings,
.menu.collapsed .menu-item .link:hover .system-settings,
.menu.expanded .menu-item .link:hover .system-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -606px -128px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .inbox-icon,
.menu.expanded .menu-item .link .menu-item-active .inbox-icon,
.menu.collapsed .menu-item .link:hover .inbox-icon,
.menu.expanded .menu-item .link:hover .inbox-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: -9px -74px;
  margin: 3px 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .myapplications-icon,
.menu.expanded .menu-item .link .menu-item-active .myapplications-icon,
.menu.collapsed .menu-item .link:hover .myapplications-icon,
.menu.expanded .menu-item .link:hover .myapplications-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: -69px -74px;
  margin: 3px 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .userdashboard-icon,
.menu.expanded .menu-item .link .menu-item-active .userdashboard-icon,
.menu.collapsed .menu-item .link:hover .userdashboard-icon,
.menu.expanded .menu-item .link:hover .userdashboard-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: -128px -74px;
  margin: 3px 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .portalsetting-setting,
.menu.expanded .menu-item .link .menu-item-active .portalsetting-setting,
.menu.collapsed .menu-item .link:active .portalsetting-setting,
.menu.expanded .menu-item .link:active .portalsetting-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -72px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .workcenter-setting,
.menu.expanded .menu-item .link .menu-item-active .workcenter-setting,
.menu.collapsed .menu-item .link:active .workcenter-setting,
.menu.expanded .menu-item .link:active .workcenter-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -131px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .manager-setting,
.menu.expanded .menu-item .link .menu-item-active .manager-setting,
.menu.collapsed .menu-item .link:active .manager-setting,
.menu.expanded .menu-item .link:active .manager-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -190px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .appbuilder-setting,
.menu.expanded .menu-item .link .menu-item-active .appbuilder-setting,
.menu.collapsed .menu-item .link:active .appbuilder-setting,
.menu.expanded .menu-item .link:active .appbuilder-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -247px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .admin-settings,
.menu.expanded .menu-item .link .menu-item-active .admin-settings,
.menu.collapsed .menu-item .link:active .admin-settings,
.menu.expanded .menu-item .link:active .admin-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -308px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .tenant-settings,
.menu.expanded .menu-item .link .menu-item-active .tenant-settings,
.menu.collapsed .menu-item .link:active .tenant-settings,
.menu.expanded .menu-item .link:active .tenant-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -368px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .log-files,
.menu.expanded .menu-item .link .menu-item-active .log-files,
.menu.collapsed .menu-item .link:active .log-files,
.menu.expanded .menu-item .link:active .log-files {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -426px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .addon-icon,
.menu.expanded .menu-item .link .menu-item-active .addon-icon,
.menu.collapsed .menu-item .link:active .addon-icon,
.menu.expanded .menu-item .link:active .addon-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -312px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .report-settings,
.menu.expanded .menu-item .link .menu-item-active .report-settings,
.menu.collapsed .menu-item .link:active .report-settings,
.menu.expanded .menu-item .link:active .report-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -484px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .mobile-settings,
.menu.expanded .menu-item .link .menu-item-active .mobile-settings,
.menu.collapsed .menu-item .link:active .mobile-settings,
.menu.expanded .menu-item .link:active .mobile-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -545px -200px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .system-settings,
.menu.expanded .menu-item .link .menu-item-active .system-settings,
.menu.collapsed .menu-item .link:active .system-settings,
.menu.expanded .menu-item .link:active .system-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -606px -200px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .inbox-icon,
.menu.expanded .menu-item .link .menu-item-active .inbox-icon,
.menu.collapsed .menu-item .link:active .inbox-icon,
.menu.expanded .menu-item .link:active .inbox-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: -9px -138px;
  margin: 3px 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .myapplications-icon,
.menu.expanded .menu-item .link .menu-item-active .myapplications-icon,
.menu.collapsed .menu-item .link:active .myapplications-icon,
.menu.expanded .menu-item .link:active .myapplications-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: -69px -138px;
  margin: 3px 0 0 5px;
}
.menu.collapsed .menu-item .link .menu-item-active .userdashboard-icon,
.menu.expanded .menu-item .link .menu-item-active .userdashboard-icon,
.menu.collapsed .menu-item .link:active .userdashboard-icon,
.menu.expanded .menu-item .link:active .userdashboard-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: -128px -138px;
  margin: 3px 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .portalsetting-setting,
.menu.expanded .menu-item.selected-menu-item .link .portalsetting-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -72px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .workcenter-setting,
.menu.expanded .menu-item.selected-menu-item .link .workcenter-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -131px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .manager-setting,
.menu.expanded .menu-item.selected-menu-item .link .manager-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -190px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .appbuilder-setting,
.menu.expanded .menu-item.selected-menu-item .link .appbuilder-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -247px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .admin-settings,
.menu.expanded .menu-item.selected-menu-item .link .admin-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -308px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .tenant-settings,
.menu.expanded .menu-item.selected-menu-item .link .tenant-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -368px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .log-files,
.menu.expanded .menu-item.selected-menu-item .link .log-files {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -426px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .addon-icon,
.menu.expanded .menu-item.selected-menu-item .link .addon-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -312px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .report-settings,
.menu.expanded .menu-item.selected-menu-item .link .report-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -484px -201px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .mobile-settings,
.menu.expanded .menu-item.selected-menu-item .link .mobile-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -545px -200px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .system-settings,
.menu.expanded .menu-item.selected-menu-item .link .system-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -606px -200px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .inbox-icon,
.menu.expanded .menu-item.selected-menu-item .link .inbox-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: -9px -138px;
  margin: 3px 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .myapplications-icon,
.menu.expanded .menu-item.selected-menu-item .link .myapplications-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: -69px -138px;
  margin: 3px 0 0 5px;
}
.menu.collapsed .menu-item.selected-menu-item .link .userdashboard-icon,
.menu.expanded .menu-item.selected-menu-item .link .userdashboard-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: -128px -138px;
  margin: 3px 0 0 5px;
}
.portalsetting-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -72px -57px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.workcenter-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -131px -57px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.manager-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -190px -57px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.appbuilder-setting {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -247px -57px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.admin-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -308px -57px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.tenant-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -368px -57px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.mobile-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -227px -57px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.log-files {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -426px -57px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.addon-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -312px -57px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.report-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -484px -57px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.mobile-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -545px -57px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.system-settings {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/setting-leftmenu-sprite.svg?rev=070000022') !important;
  width: 45px;
  height: 48px;
  background-position: -606px -57px;
  background-repeat: no-repeat;
  margin: 0 0 0 5px;
}
.inbox-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: -9px -10px;
  margin: 3px 0 0 5px;
}
.inbox-icon:hover {
  background-position: -9px -74px;
}
.myapplications-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: -69px -10px;
  margin: 3px 0 0 5px;
}
.myapplications-icon:hover {
  background-position: -69px -74px;
}
.externalapps-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: 0 -190px;
  margin: 3px 0 0 5px;
}
.userdashboard-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: -128px -10px;
  margin: 3px 0 0 5px;
}
.userdashboard-icon:hover {
  background-position: -128px -74px;
}
.processadaptation-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/work-center-sprites.svg?rev=070000022') !important;
  width: 45px;
  height: 50px;
  background-position: 0 -96px;
  margin: 3px 0 0 5px;
}
.feedback-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -290px -1041px;
}
.fullscreenopen-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  width: 38px !important;
  height: 30px !important;
  background-position: -353px -839px;
  display: block;
  text-indent: -20000px;
  margin: 6px 0 0 4px;
  margin: 7px 0 0 3px;
}
.fullscreenclose-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  width: 38px !important;
  height: 30px !important;
  background-position: -2px -284px;
  display: block;
  text-indent: -20000px;
  margin: 6px 0 0 4px;
}
.messaging-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  width: 38px !important;
  height: 30px !important;
  background-position: -95px -284px;
  display: block;
  text-indent: -20000px;
  margin: 6px 0 0 4px;
}
.notification-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  width: 38px !important;
  height: 30px !important;
  background-position: -10px -833px;
  display: block;
  text-indent: -20000px;
  margin: 6px 0 0 4px;
  margin: 0 20px;
  margin-top: 6px;
  width: 26px !important;
  height: 26px !important;
}
.notification-icon:hover {
  background-position: -10px -883px !important;
}
.notification-inner-wrap:focus {
  outline-color: #51cbee;
}
.close-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  width: 38px !important;
  height: 30px !important;
  background-position: -153px -285px;
  display: block;
  text-indent: -20000px;
  margin: 6px 0 0 4px;
  width: 20px !important;
  height: 20px !important;
}
.close-icon.black {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  width: 38px !important;
  height: 30px !important;
  background-position: -213px -838px;
  display: block;
  text-indent: -20000px;
  margin: 6px 0 0 4px;
}
/*Help Page*/
.help-sprite {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/help-sprite.png?rev=070000022');
}
.documentation {
  width: 70px;
  height: 70px;
  float: left;
  margin: 0 20px 0 0;
  display: inline-block;
  background-image: url('/Themes/AgilePortalNew/Content/Images/help/documentation.svg?rev=070000022');
}
.support {
  width: 70px;
  height: 70px;
  float: left;
  margin: 0 20px 0 0;
  display: inline-block;
  background-image: url('/Themes/AgilePortalNew/Content/Images/help/support.svg?rev=070000022');
}
.faqs {
  width: 70px;
  height: 70px;
  float: left;
  margin: 0 20px 0 0;
  display: inline-block;
  background-image: url('/Themes/AgilePortalNew/Content/Images/help/faq.svg?rev=070000022');
}
.video {
  width: 70px;
  height: 70px;
  float: left;
  margin: 0 20px 0 0;
  display: inline-block;
  background-image: url('/Themes/AgilePortalNew/Content/Images/help/video.svg?rev=070000022');
}
.fourm {
  width: 70px;
  height: 70px;
  float: left;
  margin: 0 20px 0 0;
  display: inline-block;
  background-image: url('/Themes/AgilePortalNew/Content/Images/help/forum.svg?rev=070000022');
}
.webinar {
  width: 70px;
  height: 70px;
  float: left;
  margin: 0 20px 0 0;
  display: inline-block;
  background-image: url('/Themes/AgilePortalNew/Content/Images/help/webinar.svg?rev=070000022');
}
.marker {
  width: 70px;
  height: 70px;
  float: left;
  margin: 0 20px 0 0;
  display: inline-block;
  background-image: url('/Themes/AgilePortalNew/Content/Images/help/contactsales.svg?rev=070000022');
}
.knowledge {
  width: 70px;
  height: 70px;
  float: left;
  margin: 0 20px 0 0;
  display: inline-block;
  background-image: url('/Themes/AgilePortalNew/Content/Images/help/knowledgebase.svg?rev=070000022');
}
.about {
  width: 70px;
  height: 70px;
  float: left;
  margin: 0 20px 0 0;
  display: inline-block;
  background-image: url('/Themes/AgilePortalNew/Content/Images/help/about.svg?rev=070000022');
}
.custommobile {
  width: 70px;
  height: 70px;
  float: left;
  margin: 0 20px 0 0;
  display: inline-block;
  background-image: url('/Themes/AgilePortalNew/Content/Images/help/mobileappaccelerator.svg?rev=070000022');
}
.topmenubar-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  display: block;
  background-repeat: no-repeat;
  cursor: pointer;
  width: 30px !important;
  height: 30px !important;
  background-position: -320px -838px;
  margin: 6px 0 0 7px;
}
.maximode-logo {
  background-image: url('/Themes/AgilePortalNew/Content/Images/maximode-logo.png?rev=070000022');
  height: 27px;
  width: 40px;
}
.yammer-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/collaboratio-sprite.png?rev=070000022') !important;
  width: 43px;
  height: 43px;
  background-position: 2px 2px;
  margin: 0 0 0 10px;
  background-repeat: no-repeat;
}
/*help mobile view styles
@media (max-width: 768px) {
    .documentation {
        .help-common(-280px -73px,35px);
    }

    .support {
        .help-common(-12px -73px,35px);
    }

    .faqs {
        .help-common(-202px -73px,35px);
    }

    .video {
        .help-common(-163px -73px,35px);
    }

    .fourm {
        .help-common(-323px -73px,35px);
    }

    .webinar {
        .help-common(-48px -73px,35px);
    }

    .marker {
        .help-common(-123px -73px,35px);
    }

    .knowledge {
        .help-common(-88px -73px,35px);
    }

    .about {
        .help-common(-242px -73px,35px);
    }
}*/
.explore-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/browser-icons.png?rev=070000022');
  width: 40px;
  height: 40px;
  background-position: 0 -5px;
  display: inline-block;
  float: left;
}
.safari-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/browser-icons.png?rev=070000022');
  width: 40px;
  height: 40px;
  background-position: 0 -173px;
  display: inline-block;
  float: left;
}
.firefox-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/browser-icons.png?rev=070000022');
  width: 40px;
  height: 40px;
  background-position: 1px -65px;
  display: inline-block;
  float: left;
}
.chrome-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/browser-icons.png?rev=070000022');
  width: 40px;
  height: 40px;
  background-position: 0 -118px;
  display: inline-block;
  float: left;
}
.edge-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/browser-icons.png?rev=070000022');
  width: 40px;
  height: 40px;
  background-position: 0 -232px;
  display: inline-block;
  float: left;
}
.chromium-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/browser-icons.png?rev=070000022');
  width: 40px;
  height: 40px;
  background-position: 0 -288px;
  display: inline-block;
  float: left;
}
.reload-icon {
  float: right;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -307px -1773px;
  width: 30px;
  cursor: pointer;
  height: 30px;
  margin-right: 20px;
  outline: 0;
}
.agilepointid-logo-icon,
.agilepoint-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -13px -12px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.waadchina-logo-icon,
.waad-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -11px -794px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.adfs-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -12px -190px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.custom-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -10px -99px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.hostedactivedirectory-logo-icon,
.activedirectory-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -12px -55px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.sfsandbox-logo-icon,
.salesforce-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -11px -143px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.googleplus-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -12px -324px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.office365-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -13px -237px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.okta-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -12px -367px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.facebook-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -12px -410px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.linkedin-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -12px -453px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.yahoo-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -13px -496px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.oidc-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -12px -539px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.siteminder-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -13px -668px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.pingfed-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -12px -623px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.acs-logo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/login-logo-sprites.svg?rev=070000022');
  background-position: -12px -752px;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}
.admin-divider {
  background-image: url('/Themes/AgilePortalNew/Content/Images/admin-divider.png?rev=070000022');
  width: 1px;
  height: 68px;
  margin-left: 13px;
  float: left;
  display: none !important;
}
.apple-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/store-icon.png?rev=070000022');
  background-position: 2px -1px;
  width: 38px;
  height: 38px;
  display: inline-block;
  background-repeat: no-repeat;
  float: left;
}
.window-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/store-icon.png?rev=070000022');
  background-position: 2px -66px;
  width: 38px;
  height: 38px;
  display: inline-block;
  background-repeat: no-repeat;
  float: left;
}
.support-help-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -188px -284px;
  display: inline-block !important;
  float: right !important;
  margin: 15px 0px 0 0;
  height: 20px;
  cursor: pointer;
}
.support-help-icon.blue {
  background-position: -328px -952px;
  width: 20px !important;
}
.remove-box {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -175px -556px;
}
.info-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -144px -556px;
}
.maintenance-icon {
  background-image: url(/Themes/AgilePortalNew/Content/Images/ServiceMaintenance.png?rev=070000022) !important;
  background-repeat: no-repeat;
}
.warning-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -8px -414px;
}
.warning-icon.white {
  background-position: -8px -449px;
}
.error-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -39px -414px;
}
.error-icon.white {
  background-position: -39px -449px;
}
.information-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -72px -413px;
}
.information-icon.white {
  background-position: -72px -449px;
}
.app-builder-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -103px -409px;
}
.tickmark-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -143px -414px;
}
.tickmark1-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -186px -446px;
}
.pdf-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -239px -448px;
}
.pdf-icon.blue {
  background-position: -237px -414px;
}
/*.video-icon {
    .AB-Sprites;
    background-position: -284px -448px;

    &.blue {
        background-position: -284px -415px;
    }
}*/
.usagevideo-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -328px -448px;
}
.usagevideo-icon.blue {
  background-position: -324px -414px;
}
.workcenter-common-settings .k-minus,
.workcenter-common-settings .k-minus-disabled {
  background-position: 0px -228px;
}
.workcenter-common-settings .k-plus,
.workcenter-common-settings .k-plus-disabled {
  background-position: 0px -196px;
}
.information-small-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
}
.information-small-icon.blue {
  background-position: -367px -435px;
}
.information-small-icon.white {
  background-position: -367px -413px;
}
.signup-bg {
  /*background-image: url(@signup-bg);
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;*/
  height: 100%;
  float: right;
  width: 100%;
}
.forward-btn {
  background-image: url('/Themes/AgilePortalNew/Content/Images/forwardbtn.png?rev=070000022');
  background-repeat: no-repeat;
  background-position: 0 1px;
  height: 26px;
  width: 26px;
  display: inline-block;
}
.buildapps-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/buildapps-icon.png?rev=070000022');
  background-repeat: no-repeat;
  height: 36px;
  width: 25px;
  display: inline-block;
  margin-top: 4px;
}
.delete-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/delete-icon.png?rev=070000022');
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 16px;
  display: inline-block;
}
.delete-icon.blue {
  margin-top: 4px;
}
.plusicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  float: left;
}
.plusicon.white {
  background-position: -9px -525px;
}
.plusicon.blue {
  background-position: -9px -496px;
  margin: 4px 0 0 4px;
  cursor: pointer;
}
.downarrow {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -136px -954px;
  width: 15px;
  height: 15px;
  display: inline-block;
}
.uparrow {
  background-position: -173px -954px !important;
}
.clock-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -119px -837px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.calendar-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -182px -605px;
  width: 15px;
  height: 15px;
  display: inline-block;
}
.date-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -151px -837px;
  width: 15px;
  height: 15px;
  display: inline-block;
}
.illustration_login {
  background: url('/Themes/AgilePortalNew/Content/Images/logos/illustration_LogIn.svg?rev=070000022') 0 0 no-repeat;
  height: 225px;
  width: 347px;
  display: inline-block;
}
.downarrow-small {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  width: 16px;
  height: 12px;
  display: inline-block;
  margin-top: 20px;
}
.downarrow-small.blue-icon {
  background-position: -319px -840px;
}
.noelements-icon {
  background: url('/Themes/AgilePortalNew/Content/Images/logos/illustration_noelements.svg?rev=070000022') 0 0 no-repeat;
  height: 220px;
  width: 236px;
  display: inline-block;
}
.small-icons {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
}
.license-info-icons {
  height: 40px;
  width: 40px;
  margin: -1px 0 0 0px;
}
.addicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -16px -1047px;
}
.downloadicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -207px -986px;
}
.importicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -88px -1047px;
}
.exporticon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -52px -1047px;
}
.reseticon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -196px -1047px;
}
.generateicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -232px -1047px;
}
.deleteicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -14px -952px;
}
.deleteicon:hover {
  background-position: -269px -1046px;
}
.viewicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -124px -1047px;
}
.copy-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  cursor: pointer;
  margin: 10px 0 0 20px;
  background-position: -51px -1087px;
}
.copy-icon:hover {
  background-position: -15px -1087px;
}
.search-category + .search-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  height: 30px;
  width: 30px;
  cursor: pointer;
  margin: 5px 0 0 20px;
  background-position: -155px -1640px;
}
.search-category:hover + .search-icon {
  background-position: -79px -1640px;
}
.search-category:focus + .search-icon {
  background-position: -14px -1640px;
}
.plus-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  cursor: pointer;
  margin: 6px 0 0 20px;
  background-position: -93px -1087px;
  border-radius: 10px;
}
.resetimageicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -134px -1090px;
}
.addcustomicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -162px -1089px;
}
.addcustomtoolbaricon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -197px -1089px;
}
.addjsicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -231px -1090px;
}
.addhtmlicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -270px -1090px;
}
.blue-info-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  height: 40px;
  width: 40px;
  background-position: -82px -1700px;
}
.error-msg-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  height: 40px;
  width: 40px;
  background-position: -228px -1694px;
}
.tip-info-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -291px -953px;
  height: 16px;
  width: 17px;
}
.tip-info-icon:hover {
  background-position: -291px -989px;
}
.activation-date-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  height: 40px;
  width: 40px;
  margin: -1px 0 0 0px;
  background-position: -15px -1177px;
}
.expiration-date-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  height: 40px;
  width: 40px;
  margin: -1px 0 0 0px;
  background-position: -81px -1177px;
}
.installation-date-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  height: 40px;
  width: 40px;
  margin: -1px 0 0 0px;
  background-position: -300px -1177px;
}
.version-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  height: 40px;
  width: 40px;
  margin: -1px 0 0 0px;
  background-position: -11px -1532px;
}
.license-type-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  height: 40px;
  width: 40px;
  margin: -1px 0 0 0px;
  background-position: -155px -1177px;
}
.license-expiry-notification-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  height: 40px;
  width: 40px;
  margin: -1px 0 0 0px;
  background-position: -230px -1177px;
}
.check-for-upgrades-disabled-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -21px -1591px;
}
.check-for-upgrades-active-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -83px -1591px;
}
.grid-delete-icon {
  background-position: -14px -952px;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
}
.grid-delete-icon:hover {
  background-position: -14px -987px;
}
.illustration_register {
  background: url('/Themes/AgilePortalNew/Content/Images/logos/illustration_Register.svg?rev=070000022') 0 0 no-repeat;
  height: 220px;
  width: 400px;
  display: inline-block;
}
.progressbarimg {
  background: url('/Themes/AgilePortalNew/Content/Images/progressbarimg.gif?rev=070000022') 0 0 no-repeat;
  background-size: 60px;
  display: inline-block;
  width: 60px;
  height: 50px;
}
.homepageicons {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/homepageicons.png?rev=070000022');
  width: 72px;
  height: 72px;
}
.getinspired-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/homepageicons.png?rev=070000022');
  width: 72px;
  height: 72px;
  background-position: -11px -9px;
}
.talkto-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/homepageicons.png?rev=070000022');
  width: 72px;
  height: 72px;
  background-position: -11px -99px;
}
.watchtutorials-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/homepageicons.png?rev=070000022');
  width: 72px;
  height: 72px;
  background-position: -11px -189px;
}
.arrow-link {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/homepageicons.png?rev=070000022');
  width: 15px;
  height: 20px;
  display: inline-block;
}
.arrow-link.blue {
  background-position: -32px -269px;
}
.arrow-link.white {
  background-position: -32px -298px;
}
.globalCSSIcon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
}
.addcssicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -11px -1042px;
}
.editcssicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -46px -983px;
}
.removecssicon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-position: -11px -983px;
}
body {
  overflow-y: auto;
  /*em scroll bar issue fixed*/
  -ms-overflow-style: scrollbar;
  background: #f8f9fa;
}
body > .k-animation-container .k-state-hover {
  background-color: #0077d9 !important;
  border-color: #549bd9 !important;
  background-image: none !important;
}
body > .k-animation-container .k-other-month .k-state-hover {
  background-color: #0077d9 !important;
  border-color: #549bd9 !important;
  background-image: none !important;
}
body > .k-animation-container .k-filter-menu {
  padding: 15px 15px;
}
body > .k-animation-container .k-filter-menu div:last-child {
  display: flex;
  flex-direction: row-reverse;
}
body > .k-animation-container .k-filter-menu div:last-child .k-button {
  padding: 1px;
  margin: 0px !important;
  height: 30px;
}
body > .k-animation-container .k-filter-menu div:last-child .k-button:last-child {
  border: 1px solid #667287 !important;
  background: #fff !important;
  color: #3b4455;
  margin-right: 15px !important;
}
body > .k-animation-container .k-filter-menu .k-widget {
  height: 35px !important;
  margin-bottom: 15px;
}
body > .k-animation-container .k-filter-menu .k-textbox {
  margin-bottom: 20px;
}
body > .k-animation-container .k-filter-menu .k-dropdown .k-dropdown-wrap.k-state-hover .k-input,
body > .k-animation-container .k-filter-menu .k-dropdown .k-dropdown-wrap.k-state-focused .k-input {
  color: #3b4455 !important;
  background-color: #ffffff !important;
  border-radius: 4px 0 0 4px;
}
body > .k-animation-container .k-filter-menu .k-dropdown .k-dropdown-wrap.k-state-hover .k-i-arrow-s,
body > .k-animation-container .k-filter-menu .k-dropdown .k-dropdown-wrap.k-state-focused .k-i-arrow-s {
  background-position: -491px -879px !important;
}
body > .k-animation-container .k-calendar-container .k-calendar .k-content td.k-state-hover {
  background-color: #e6f2fb !important;
}
body > .k-animation-container .k-calendar-container .k-content td.k-state-selected.k-state-focused {
  background-color: #0077d9 !important;
}
body > .k-animation-container .k-calendar-container .k-calendar .k-content .k-link {
  display: block;
  overflow: hidden;
  min-height: 1.8333em;
  line-height: 1.8333em;
  padding: 0 0.45em 0 0.1em;
  background-image: none;
}
body > .k-animation-container .k-calendar-container .k-calendar .k-content td.k-state-selected.k-state-focused {
  background-color: #0077d9 !important;
}
body > .k-animation-container .k-calendar-container .k-calendar .k-content td.k-state-selected.k-state-focused a {
  color: #ffffff !important;
}
body > .k-animation-container .k-calendar-container .k-calendar .k-content td.k-state-hover {
  background-color: #e6f2fb !important;
}
body > .k-animation-container .k-calendar-container .k-calendar .k-content td.k-state-hover a {
  color: #0077d9;
}
body > .k-animation-container .k-calendar .k-content .k-link {
  display: block;
  overflow: hidden;
  min-height: 1.8333em;
  line-height: 1.8333em;
  padding: 0 0.45em 0 0.1em;
}
body > .k-animation-container .k-calendar .k-content td.k-state-hover a {
  color: #0077d9;
}
body > .k-animation-container .k-calendar .k-content td.k-state-selected.k-state-focused a {
  color: #fff !important;
}
body > .k-animation-container .k-calendar-container .k-calendar .k-content td.k-state-hover {
  background-color: #e6f2fb !important;
}
.ABMain {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  position: relative;
  box-sizing: content-box;
}
.ABMain .agile-portal {
  /*&.switchto-text-display {
            position: absolute;
            right: 128px;
            text-transform: uppercase;
            background-color: #FF5038;
            border: 1px solid #FF2700;
            color: #fff;
            padding: 3px 8px;*/
}
.ABMain .agile-portal.upperbarpanel {
  width: 100%;
  z-index: 99;
}
.ABMain .agile-portal.upperbarpanel .row {
  display: inline-block;
  width: 100%;
}
.ABMain .agile-portal.upperbarpanel .header {
  height: 80px;
  background-color: #333;
  background-image: url('/Themes/AgilePortalNew/Content/Images/top-bg-banner.png?rev=070000022');
  background-repeat: no-repeat;
  z-index: 999;
  display: block;
  padding: 0 !important;
  font-size: 13px;
}
.ABMain .agile-portal.upperbarpanel .upperbarheader {
  height: 80px;
  background-color: #fff;
  z-index: 999;
  display: grid;
  grid-template-columns: 230px minmax(auto, 1fr) auto;
  grid-template-areas: "logo" "menu" "user";
  grid-gap: 0px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.04);
}
.ABMain .agile-portal.logowrap {
  float: left;
  width: 20%;
  height: 59px;
  padding: 20px 0 0 10px;
  /*.AgileLogo{
                background-image:url(~/Themes/AgilePortalNew/Styles/Images/AgilepointLogo.png);
                width:200px;
                height:66px;
            }*/
}
.ABMain .agile-portal.logowrap .logo {
  max-width: 160px;
  max-height: 60px;
}
.ABMain .agile-portal.logowrap-login {
  float: left;
  width: 20%;
  height: 40px;
  padding: 23px 0 0 30px;
}
.ABMain .agile-portal.logowrap-login .logo {
  max-width: 160px;
  max-height: 60px;
}
.ABMain .agile-portal.mainmenu-horizontal {
  margin-top: 5px;
  height: 75px;
  float: right;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  /*For now we are using LI, in future we have target to Class */
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li {
  margin: 0;
  display: inline-block;
  height: 55px;
  vertical-align: top;
  padding-top: 18px;
  padding-right: 33px;
  position: relative;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li .text {
  display: inline-block;
  padding-top: 7px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  float: left;
  width: auto;
  padding-left: 5px;
  color: #3B4455;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li a {
  font-family: RobotoRegular;
  font-size: 16px;
  font-weight: 400;
  color: #3B4455 !important;
  padding: 0 !important;
  text-align: center;
  display: inline-block;
  height: 55px;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li.first .icon,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li.first .icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-svg.svg?rev=070000022') !important;
  width: 31px !important;
  height: 31px !important;
  margin: 0;
  float: left;
  display: inline-block;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li.first .icon:hover,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li.first .icon:hover {
  background-position: -22px -70px;
  background-color: transparent;
  background-color: transparent !important;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li.first.current,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li.first.current,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li.first:hover,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li.first:hover {
  background-color: transparent !important;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li.first.current .icon,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li.first.current .icon,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li.first:hover .icon,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li.first:hover .icon {
  background-color: #0098dc;
  background-position: -22px -70px;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li.first.current .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li.first.current .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li.first:hover .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li.first:hover .text {
  color: #0098dc;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu {
  min-width: 180px !important;
  z-index: 9999999 !important;
  top: 22px !important;
  left: -33px !important;
  opacity: 1 !important;
  -moz-box-shadow: -1px 3px 6px #B3B8BA;
  -webkit-box-shadow: -1px 3px 6px #B3B8BA;
  box-shadow: -1px 3px 6px #B3B8BA;
  background-color: #fff;
  position: absolute;
  margin-top: 22px;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu {
  float: left;
  width: 100%;
  height: 46px;
  padding: 0 0 0 15px;
  line-height: 36px;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu a {
  font-size: 16px !important;
  color: #3B4455 !important;
  opacity: 1;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu .text {
  color: #3B4455 !important;
  text-indent: 0 !important;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.current,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.current,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.current,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.current,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu.current,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu.current,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu.current,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu.current,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li:hover,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li:hover,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li:hover,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li:hover,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu:hover,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu:hover,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu:hover,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu:hover {
  background-color: #F1F2F4;
  width: 92%;
  color: #3B4455 !important;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.current a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.current a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.current a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.current a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu.current a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu.current a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu.current a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu.current a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li:hover a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li:hover a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li:hover a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li:hover a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu:hover a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu:hover a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu:hover a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu:hover a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.current .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.current .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.current .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.current .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu.current .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu.current .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu.current .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu.current .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li:hover .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li:hover .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li:hover .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li:hover .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu:hover .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu:hover .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu:hover .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu:hover .text {
  color: #3B4455 !important;
  opacity: 1;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li:active,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li:active,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li:active,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li:active,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu:active,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu:active,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu:active,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu:active {
  background-color: #0077D9;
  color: #fff !important;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li:active a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li:active a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li:active a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li:active a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu:active a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu:active a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu:active a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu:active a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li:active .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li:active .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li:active .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li:active .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu:active .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu:active .text,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu:active .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu:active .text {
  color: #fff !important;
  opacity: 1;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subMenu:last-child,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subMenu:last-child,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subMenu:last-child,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subMenu:last-child {
  border-top: 1px solid #3B4455;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li:first-child,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li:first-child,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li:first-child,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li:first-child {
  margin-top: 12px;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subList,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subList,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subList,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subList {
  width: 89%;
  height: 46px;
  padding: 0;
  padding-left: 20px !important;
  line-height: 42px;
  border-top: 1px solid #e5e8ee;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subList:hover,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subList:hover,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subList:hover,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subList:hover {
  background-color: #F1F2F4;
  width: 89%;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subList:active,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subList:active,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subList:active,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subList:active {
  background-color: #0077D9;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li > ul li.subList:active a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li > ul li.subList:active a,
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li ul.submenu li.subList:active a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li ul.submenu li.subList:active a {
  color: #fff !important;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li .submenulist,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li .submenulist {
  width: 65% !important;
  height: 25px !important;
  background-color: #333;
  margin: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.9);
  display: block;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li .submenulist:hover,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li .submenulist:hover {
  background-color: #57B1C9;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li .submenulist a,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li .submenulist a {
  width: 100% !important;
  display: inline;
  line-height: 18px;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li .submenulist a:focus,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li .submenulist a:focus {
  outline: 1px solid #4D90FE !important;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li .submenulist .icon,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li .submenulist .icon {
  display: none !important;
}
.ABMain .agile-portal.mainmenu-horizontal ul.menu-main-menu li .submenulist .text,
.ABMain .agile-portal.mainmenu-horizontal ul.new-menu-main-menu li .submenulist .text {
  width: 94%;
  text-align: left;
  padding-left: 5px;
  color: #fff;
}
.ABMain .agile-portal .custom-notification {
  display: inline-block;
  float: left;
  margin-top: 21px;
  border-left: 1px solid #e5e8ee;
  border-right: 1px solid #e5e8ee;
  position: relative;
}
.ABMain .agile-portal .agile-portal-dummyfooter {
  height: 28px;
}
.ABMain .agile-portal.mainmenu-horizontal-toolbar {
  width: 100%;
  height: 0;
  float: left;
  position: relative;
  z-index: 999;
  padding-top: 0px;
}
.ABMain .agile-portal.mainmenu-horizontal-toolbar ul.messages-details {
  display: none;
  float: right;
  width: auto;
}
.ABMain .agile-portal.mainmenu-horizontal-toolbar ul.messages-details li {
  float: left;
  display: inline-block;
  padding: 0 2px 0 2px;
}
.ABMain .agile-portal.mainmenu-horizontal-toolbar ul.messages-details li a:focus {
  outline: 1px solid #4D90FE !important;
}
.ABMain .agile-portal.mainmenu-horizontal-toolbar .maximize {
  width: 30px;
  margin: 0 auto;
  border: 1px solid #f2f2f2;
  border-radius: 26px;
  height: 30px;
  margin-top: -20px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  background: #fff;
}
.ABMain .agile-portal.mainmenu-horizontal-toolbar .maximize:hover {
  border: 1px solid #0077D9;
}
.ABMain .agile-portal.menu-vertical,
.ABMain .agile-portal #MenuV {
  display: none;
}
.ABMain .agile-portal.mobileview {
  display: none;
}
.ABMain .agile-portal .mobileview-menu {
  display: none;
}
.ABMain .agile-portal.nav-aux {
  float: right;
}
.ABMain .agile-portal.maximize-window {
  display: none;
  width: 100%;
  position: relative;
  z-index: 9;
}
.ABMain .agile-portal.maximize-window .maximode-logo {
  display: none;
  margin: 3px 0 0 10px;
  float: left;
}
.ABMain .agile-portal.maximize-window .topmenubar {
  width: 30px;
  display: block;
  margin: 0 auto;
  border: 1px solid #f2f2f2;
  border-radius: 32px;
  height: 30px;
  margin-top: 1px;
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
}
.ABMain .agile-portal.maximize-window .topmenubar:hover {
  border: 1px solid #0077D9;
}
.ABMain .agile-portal.maximize-window ul.minimode {
  display: none;
  float: right;
  margin-top: -25px;
  position: relative;
  z-index: 999;
  width: auto;
  min-width: 130px;
}
.ABMain .agile-portal.maximize-window ul.minimode li {
  display: inline-block;
  padding: 0 2px 0 2px;
  float: left;
}
.ABMain .agile-portal.maximize-window ul.minimode .notifications-count {
  top: 0 !important;
}
.ABMain .agile-portal.maximize-window ul.breadcrumb {
  margin-top: 10px !important;
}
.ABMain .agile-portal.maximize-window .maximode-mode {
  float: left;
  height: 25px;
  background: #fff;
  width: 100%;
  z-index: -1;
  position: relative;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.04);
}
.ABMain .agile-portal .progressbar-evaluation {
  clear: both;
  line-height: 17px;
  color: #3B4455;
  height: 21px;
  overflow: hidden;
  background-color: #e5f1fb;
  position: absolute;
  left: 135px;
  top: 32px;
  min-width: 106px;
  -webkit-border-radius: 10.5px;
  -moz-border-radius: 10.5px;
  border-radius: 10.5px;
  outline: 0;
}
.ABMain .agile-portal .progressbar-evaluation .progress {
  /*background: #9bc9f0;*/
  background-color: #9bc9f0;
  width: 0;
  max-width: 100%;
  float: left;
  -moz-transition: all ease-in;
  -o-transition: all ease-in;
  -webkit-transition: all ease-in;
  transition: all ease-in;
  border-right: 5px solid #9bc9f0;
  position: relative !important;
  height: 20px !important;
}
.ABMain .agile-portal .progressbar-evaluation .progress-text {
  font-size: 13px;
}
.ABMain .agile-portal .progressbar-evaluation .progress-text.color-white {
  position: absolute;
  overflow: hidden;
  top: 2px;
  left: 8px;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
}
.ABMain .agile-portal .progressbar-evaluation .progress-text.color-black {
  position: absolute;
  top: 2px;
  left: 8px;
  color: #3B4455;
}
.ABMain .agile-portal .progressbar-evaluation .progressbar-anim {
  height: 15px;
  width: 100%;
  overflow: hidden;
  opacity: 0.25;
}
.ABMain .agile-portal .progressbar-OnPremises-evaluation {
  clear: both;
  line-height: 17px;
  color: #3B4455;
  overflow: hidden;
  position: relative;
  min-width: 106px;
  outline: 0;
  top: 4px;
}
.ABMain .agile-portal .progressbar-OnPremises-evaluation .progressMain {
  width: 98%;
  background-color: lightgray;
  border-radius: 10px;
}
.ABMain .agile-portal .progressbar-OnPremises-evaluation .timericon {
  background-image: url(/Themes/AgilePortalNew/Content/images/timer.png) !important;
  width: 12px;
  height: 12px;
  overflow: hidden;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -ms-high-contrast-adjust: none;
  float: left;
  margin: 4px;
}
.ABMain .agile-portal .progressbar-OnPremises-evaluation .progress {
  /*background: #9bc9f0;*/
  background-color: #9bc9f0;
  width: 0;
  max-width: 100%;
  -moz-transition: all ease-in;
  -o-transition: all ease-in;
  -webkit-transition: all ease-in;
  transition: all ease-in;
  position: relative !important;
  height: 3px !important;
  -webkit-border-radius: 10.5px;
  -moz-border-radius: 10.5px;
  border-radius: 10.5px;
}
.ABMain .agile-portal .progressbar-OnPremises-evaluation .progress.progress-100 {
  background-color: #B6383E;
}
.ABMain .agile-portal .progressbar-OnPremises-evaluation .progress.progress-75 {
  background-color: #b96e02;
}
.ABMain .agile-portal .progressbar-OnPremises-evaluation .progress.progress-50 {
  background-color: #0077D9;
}
.ABMain .agile-portal .progressbar-OnPremises-evaluation .progress.progress-25 {
  background-color: #17803D;
}
.ABMain .agile-portal .progressbar-OnPremises-evaluation .progress-text {
  font-size: 12px;
}
.ABMain .agile-portal .progressbar-OnPremises-evaluation .progress-text.color-white {
  position: absolute;
  overflow: hidden;
  top: 2px;
  left: 8px;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
}
.ABMain .agile-portal .progressbar-OnPremises-evaluation .progress-text.color-black {
  position: relative;
  top: 2px;
  color: #3B4455;
}
.ABMain .agile-portal .progressbar-OnPremises-evaluation .progressbar-anim {
  height: 15px;
  width: 100%;
  overflow: hidden;
  opacity: 0.25;
}
.ABMain .agile-portal .tutorialContainer {
  width: 100%;
  min-width: 86px;
  background-color: #0077D9;
  clear: both;
  position: relative;
  line-height: 22px;
  color: #fff;
  height: 25px;
  overflow: hidden;
  padding-right: 4px;
  left: 0px;
  top: 10px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.ABMain .agile-portal .tutorialContainer .tutorial-text.color-white {
  position: relative;
  overflow: hidden;
  top: 2px;
  left: 2px;
  color: white;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  text-align: center;
}
.ABMain .agile-portal.user {
  width: 240px;
  height: 73px;
  padding: 0;
  cursor: pointer;
  display: inline-block;
  float: left;
}
.ABMain .agile-portal.user .userprofile {
  float: left;
  cursor: pointer;
  margin: -5px 10px 0 10px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  /*.shadow-shadow(4px, 4px, 9px, -5px, #000);*/
  /*border: 4px solid #fff;*/
}
.ABMain .agile-portal.user .welcome {
  padding: 26px 0 0 10px;
  display: inline-block;
  width: 90%;
  color: #3b4455;
  font-size: 16px;
  position: relative;
}
.ABMain .agile-portal.user .welcome .displayname {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 125px;
  min-width: 97px;
  display: inline-block;
  float: left;
}
.ABMain .agile-portal.user .login {
  width: 215px;
  background-color: #fff;
  position: absolute;
  top: 50px;
  z-index: 9999999;
  right: 6px;
  padding: 10px 0;
  height: auto;
  -moz-box-shadow: -1px 3px 6px #B3B8BA;
  -webkit-box-shadow: -1px 3px 6px #B3B8BA;
  box-shadow: -1px 3px 6px #B3B8BA;
  display: none;
}
.ABMain .agile-portal.user .login span.user-actions {
  width: 100%;
  padding: 0;
  float: left;
  height: 46px;
}
.ABMain .agile-portal.user .login span.user-actions a {
  padding: 13px 0 0 20px !important;
  color: #3B4455;
  display: inline-block;
  width: 93%;
  font-size: 16px;
  opacity: 1;
  font-family: RobotoRegular;
}
.ABMain .agile-portal.user .login span.user-actions:hover {
  background-color: #f1f2f4;
}
.ABMain .agile-portal.user .login span.user-actions:hover a {
  opacity: 1;
}
.ABMain .agile-portal.user .login span.user-actions:active {
  background-color: #0077D9;
}
.ABMain .agile-portal.user .login span.user-actions:active a {
  opacity: 1;
  color: #fff;
}
.ABMain .agile-portal.user:active {
  /*.login {
                    display: block !important;
                }*/
}
.ABMain .agile-portal.section-content {
  /*margin-bottom: 30px;*/
  /*.relative;
            width: 100%;
            margin-top: 30px;
            overflow-y: auto;
            overflow-x: hidden;
            min-height: 550px;
            height: 550px;
            margin-top: 31px;*/
}
.ABMain .agile-portal.section-content .page.content-item > header > h1 {
  display: none;
}
.ABMain .agile-portal.section-content .mandatory,
.ABMain .agile-portal.section-content .mandatoryfield {
  color: #B6383E;
}
.ABMain .agile-portal.section-content.minimizemode .EM-Container .RuntimeManagementContent .ProcessDetailHolder .ProcessDetail .ProcessDetailTabs .ProcessMonitor .Display .imageholder .k-overlay {
  top: 17%;
}
@media all and (max-height: 2000px) and (min-height: 800px) {
  .ABMain .agile-portal.section-content.minimizemode .EM-Container .RuntimeManagementContent .ProcessDetailHolder .ProcessDetail .ProcessDetailTabs .ProcessMonitor .Display .imageholder .k-overlay {
    top: 12.5%;
  }
}
.ABMain .agile-portal.section-content.maximizemode .EM-Container .RuntimeManagementContent .ProcessDetailHolder .ProcessDetail .ProcessDetailTabs .ProcessMonitor .Display .imageholder .k-overlay {
  top: 6%;
}
@media all and (max-height: 2000px) and (min-height: 800px) {
  .ABMain .agile-portal.section-content.maximizemode .EM-Container .RuntimeManagementContent .ProcessDetailHolder .ProcessDetail .ProcessDetailTabs .ProcessMonitor .Display .imageholder .k-overlay {
    top: 4.5%;
  }
}
.ABMain .agile-portal.section-content.maximizemode .EM-Container .RuntimeManagementContent .ProcessDetailHolder .ProcessDetail .ProcessDetailTabs .ProcessMonitor {
  bottom: 6px !important;
}
.ABMain .agile-portal.row {
  margin: 0 !important;
}
.ABMain .agile-portal.coming-soon {
  text-align: center;
  margin-top: 5em;
  font-family: RobotoRegular;
  font-size: 32px;
  font-weight: bold;
}
.ABMain .agile-portal.coming-soon span {
  color: #ee392e;
}
.ABMain .agile-portal.changepassword,
.ABMain .agile-portal.forgotpassword {
  margin: 0 auto !important;
  float: none !important;
  width: 50% !important;
  position: relative;
  min-width: 50%;
}
.ABMain .agile-portal.changepassword .validation-summary-errors,
.ABMain .agile-portal.forgotpassword .validation-summary-errors {
  color: #B6383E;
  text-align: center;
  padding: 10px 0;
}
.ABMain .agile-portal.changepassword .form-row,
.ABMain .agile-portal.forgotpassword .form-row {
  width: 85%;
  margin: 0 auto;
}
.ABMain .agile-portal.changepassword .form-row label,
.ABMain .agile-portal.forgotpassword .form-row label {
  width: 30%;
  display: inline-block;
  padding: 13px 0;
}
.ABMain .agile-portal.changepassword .form-row input[type=password],
.ABMain .agile-portal.forgotpassword .form-row input[type=password] {
  display: inline-block;
  width: 40%;
}
.ABMain .agile-portal.changepassword .form-row .submit-buttons,
.ABMain .agile-portal.forgotpassword .form-row .submit-buttons {
  text-align: center;
  margin: 10px 0;
}
.ABMain .agile-portal.changepassword .form-row .field-validation-error,
.ABMain .agile-portal.forgotpassword .form-row .field-validation-error {
  padding-left: 31%;
  display: inline-block;
}
.ABMain .agile-portal.changepassword .heading2 .help-link:focus,
.ABMain .agile-portal.forgotpassword .heading2 .help-link:focus {
  outline: 1px solid #4D90FE !important;
  display: inline-block;
  float: right;
}
.ABMain .agile-portal.changepassword {
  margin: 30px auto 0 !important;
  float: none !important;
  width: 770px !important;
  min-width: 700px;
  position: relative;
  background: #fff;
  border: 0;
  box-shadow: none;
  border-radius: 8px;
}
.ABMain .agile-portal.changepassword .heading2 {
  color: #3B4455;
  background: transparent;
  border-bottom: 1px solid rgba(102, 114, 135, 0.15);
  padding: 15px 0 15px 30px;
  width: auto;
  font-size: 18px !important;
  margin-bottom: 20px;
}
.ABMain .agile-portal.changepassword .heading2 .common-help-link {
  margin: 0 20px 0 0;
}
.ABMain .agile-portal.changepassword .form-row {
  height: auto !important;
}
.ABMain .agile-portal.changepassword .form-row label {
  font-size: 16px;
  font-weight: bold;
  width: 215px;
  margin: 5px 0;
}
.ABMain .agile-portal.changepassword .form-row .k-input,
.ABMain .agile-portal.changepassword .form-row .text-box,
.ABMain .agile-portal.changepassword .form-row input[type="text"],
.ABMain .agile-portal.changepassword .form-row input[type="password"] {
  width: 400px;
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #C8CED7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: RobotoRegular;
  font-size: 14px;
  color: #3B4455;
}
.ABMain .agile-portal.changepassword .form-row .k-input:focus,
.ABMain .agile-portal.changepassword .form-row .text-box:focus,
.ABMain .agile-portal.changepassword .form-row input[type="text"]:focus,
.ABMain .agile-portal.changepassword .form-row input[type="password"]:focus {
  border-color: #2162ac;
  outline: 0;
}
.ABMain .agile-portal.changepassword .form-row .field-validation-error {
  padding-left: 27%;
  display: inline-block;
}
.ABMain .agile-portal.changepassword .buttons {
  width: 94%;
  text-align: right;
}
.ABMain .agile-portal.changepassword .k-button {
  height: 40px;
  width: 85px;
  border-radius: 20px;
  background-color: #0077D9;
}
.ABMain .agile-portal.changepassword .k-button:hover,
.ABMain .agile-portal.changepassword .k-button:active {
  background-color: #0077D9 !important;
  outline: 0;
}
.ABMain .agile-portal.changepassword .tooltip {
  top: 15px;
  left: 0px;
}
.ABMain .agile-portal.changepassword .tooltip .tooltip-content {
  left: 50px;
  margin: -65px 0 0 0 !important;
  width: 250px !important;
}
.ABMain .agile-portal.changepassword .tooltip .tooltip-content:before {
  border-bottom-color: #fff;
  border-right-color: #fff;
  border-right-color: #F2F7F9;
  left: -20px;
  top: 60px;
}
.ABMain .agile-portal.changepassword .asterisk {
  color: #B6383E;
}
.ABMain .agile-portal.forgotpassword .form-row input[type="text"] {
  display: inline-block;
  width: 60%;
}
.ABMain .agile-portal.footer {
  width: 100%;
  background: #F1F2F4;
  /*     position: fixed;
            bottom: 0;*/
  padding: 0;
  height: 30px;
  z-index: 9;
}
.ABMain .agile-portal.footer .inner-footer {
  width: 100%;
  text-align: center;
  color: #3B4455;
  line-height: 30px;
  font-family: RobotoRegular;
  font-size: 12px;
  font-weight: 100;
}
.ABMain .agile-portal.footer .inner-footer span {
  color: #3B4455;
}
.ABMain .agile-portal.footer .inner-footer .release-date {
  color: #3B4455;
  position: absolute;
  left: 20px;
}
.ABMain .agile-portal.footer .inner-footer .release-version {
  color: #3B4455;
  position: absolute;
  right: 25px;
}
.ABMain .agile-portal.footer .inner-footer .release-version .end-of-support {
  color: red;
}
.ABMain .agile-portal.feedback-btn {
  display: inline-block;
  padding: 5px 10px 6px 35px;
  margin-bottom: 0;
  font-family: RobotoRegular;
  font-size: 12px;
  font-weight: bold;
  background-image: none;
  background-color: #0494d2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  color: #fff;
  cursor: pointer;
  min-height: 25px;
}
.ABMain .agile-portal.feedback-bottom-right {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99999;
}
.ABMain .agile-portal .EM-Container {
  position: relative;
}
.ABMain .agile-portal .EM-Container #EMMain {
  font-size: 100%;
}
.ABMain .agile-portal .EM-Container #EMMain .Root .MainMenu {
  top: 0 !important;
  position: absolute;
}
.ABMain .agile-portal.collaboration-wrap {
  position: relative;
  margin: 15px 30px 10px 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.ABMain .agile-portal.appbuilder-wrap {
  height: 400px;
}
.ABMain .agile-portal.content-wrap {
  margin: 0 auto;
  width: 98%;
}
.ABMain .agile-portal.content-wrap .viewexception-link {
  font-size: 14px;
  font-weight: bold;
  color: #2389E0;
  padding: 10px 0;
  display: inline-block;
  cursor: pointer;
}
.ABMain .agile-portal.content-wrap .viewexception-link:hover {
  color: #5A5959;
}
.ABMain .agile-portal.content-wrap .exception-box {
  display: none;
  width: 75%;
  position: relative;
  background: #ECCFCF;
  border: 1px solid #F19E9E;
  margin: 0 0 10px 40px;
  padding: 10px;
  overflow: auto;
  /*text-align: justify;*/
  line-height: 19px;
  box-shadow: 2px 2px 20px 1px #ccc;
  -moz-box-shadow: 2px 2px 20px 1px #ccc;
  -webkit-box-shadow: 2px 2px 20px 1px #ccc;
  max-height: 387px;
}
.ABMain .custom-portal-menu {
  z-index: 9999;
}
.ABMain .visible {
  visibility: visible !important;
}
.ABMain .show {
  display: block !important;
}
.ABMain #loader {
  width: 100%;
  height: 100%;
  z-index: 1000;
  position: fixed;
  background: #000;
  top: 0;
  left: 0;
  opacity: 0.5;
  display: none;
}
.ABMain #loadericon {
  margin: 20% 0 0 50%;
  height: 60px;
  width: 60px;
}
#modal-container {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
}
#modal-container #alertBox {
  position: fixed;
  width: 300px;
  min-height: 100px;
  margin-top: 50px;
  border: 1px solid #aaa;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 20px 30px;
  left: 40%;
  top: 30%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#modal-container #alertBox h1 {
  margin: 0;
  font-family: RobotoRegular;
  font-size: 0.9em;
  font-weight: bold;
  background-color: #57B1C9;
  color: #fff;
  border-bottom: 1px solid #aaa;
  padding-left: 5px;
  height: 25px;
  line-height: 23px;
}
#modal-container #alertBox p {
  height: 50px;
  padding-top: 24px;
  text-align: center;
  font-family: RobotoRegular !important;
  font-size: 16px !important;
  font-weight: bold !important;
}
#modal-container #alertBox #closeBtn {
  display: block;
  position: relative;
  margin: 5px auto;
  padding: 7px;
  border: 0 none;
  width: 70px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background-color: #8e9918;
  text-decoration: none;
  margin-bottom: 15px;
}
#modal-container #alertBox #closeBtn:active,
#modal-container #alertBox #closeBtn :focus {
  border-color: #8e9918;
}
.k-window .k-window-action.k-state-hover {
  background-color: transparent !important;
  border: transparent !important;
}
/*MyriadPro Font*/
@font-face {
  font-family: MyriadProRegular;
  src: url('/Themes/AgilePortalNew/Styles/fonts/MyriadPro/MyriadPro-Regular.otf');
  src: url('/Themes/AgilePortalNew/Styles/fonts/MyriadPro/MyriadPro-Regular.eot');
  /* IE9 Compat Modes */
  src: url('/Themes/AgilePortalNew/Styles/fonts/MyriadPro/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/Themes/AgilePortalNew/Styles/fonts/MyriadPro/MyriadPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('/Themes/AgilePortalNew/Styles/fonts/MyriadPro/MyriadPro-Regular.ttf') format('truetype');
  /* Safari, Android, iOS */
  /*url('webfont.svg#svgFontName') format('svg')*/
  /* Legacy iOS */
  /*url('webfont.woff2') format('woff2')*/
  /* Super Modern Browsers */
}
@font-face {
  font-family: MyriadProLight;
  src: url('/Themes/AgilePortalNew/Styles/fonts/MyriadPro/MyriadPro-Light.otf');
  src: url('/Themes/AgilePortalNew/Styles/fonts/MyriadPro/MyriadPro-Light.eot'), url('/Themes/AgilePortalNew/Styles/fonts/MyriadPro/MyriadPro-Light.ttf'), url('/Themes/AgilePortalNew/Styles/fonts/MyriadPro/MyriadPro-Light.woff');
}
/*Roboto*/
@font-face {
  font-family: RobotoRegular;
  src: url('/Themes/AgilePortalNew/Styles/fonts/roboto/Roboto-Regular.ttf');
}
@font-face {
  font-family: RobotoLight;
  src: url('/Themes/AgilePortalNew/Styles/fonts/roboto/Roboto-Light.ttf');
}
@font-face {
  font-family: RobotoMedium;
  src: url('/Themes/AgilePortalNew/Styles/fonts/roboto/Roboto-Medium.ttf');
}
@font-face {
  font-family: RobotoBold;
  src: url('/Themes/AgilePortalNew/Styles/fonts/roboto/Roboto-Bold.ttf');
}
@font-face {
  font-family: RobotoBlack;
  src: url('/Themes/AgilePortalNew/Styles/fonts/roboto/Roboto-Black.ttf');
}
.agile-portal {
  /*vertical header-content-footer layout*/
  /*vertical header-content layout*/
  /*horizontal menu-content layout*/
  /*vertical content-footer layout*/
}
.agile-portal.layout-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.agile-portal.layout-main {
  width: 100%;
  height: 100%;
}
.agile-portal.section-content {
  margin-top: 1px;
  overflow: auto;
}
.agile-portal.section-content.maximizemode {
  margin-top: -4px;
}
.agile-portal.section-content .zone-content {
  height: 100%;
}
.agile-portal .overflowable {
  overflow: auto;
}
.agile-portal .overflowable-x {
  overflow-x: auto;
}
.agile-portal .overflowable-y {
  overflow-y: auto;
}
.agile-portal .grid-gap-s {
  grid-gap: 10px;
}
.agile-portal .v-hcf-layout {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: 'header' 'content' 'footer';
  grid-gap: 0;
}
.agile-portal .v-hc-layout {
  display: grid;
  grid-template-areas: 'header' 'content';
}
.agile-portal .v-hc-layout.auto-grow-content {
  grid-template-rows: auto minmax(0, 1fr);
}
.agile-portal .v-hc-layout.fixed-content {
  grid-template-rows: auto 1fr;
}
.agile-portal .h-mc-layout {
  display: grid;
  grid-template: 1fr/auto 1fr;
  grid-gap: 20px;
  height: 100%;
}
.agile-portal .h-mc-layout.auto-grow-content {
  grid-template: minmax(0, 1fr) / auto 1fr;
}
@media (max-width: 1024px) {
  .agile-portal .h-mc-layout {
    grid-template: auto 1fr/1fr;
  }
}
.agile-portal .v-cf-layout {
  display: grid;
  overflow: auto;
}
.agile-portal .v-cf-layout.auto-grow-content {
  grid-template-rows: minmax(0, 1fr) auto;
}
.agile-portal .v-cf-layout.fixed-content {
  grid-template-rows: 1fr auto;
}
/* Font mixins */
.default-font {
  font-family: RobotoRegular, Arial, Verdana, sans-serif;
}
.help-shadow-inset {
  -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05) inset, 0 -5px 15px 0 rgba(0, 0, 0, 0.05) inset;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05) inset, 0 -5px 15px 0 rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05) inset, 0 -5px 15px 0 rgba(0, 0, 0, 0.05) inset;
}
.progressbar-shadow {
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
}
/*input[type="text"], input[type="password"] {
    border-style: solid;
    border-width: 1px;
    border-color: @textbox-border-color;
    color: @common-text-color;
    font-size: 13px !important;
    margin: 0;
}*/
.buttons .k-button,
.submit-buttons .k-button {
  border: 0 none;
  text-align: center;
  cursor: pointer;
  padding: 5px;
}
.field-validation-error {
  color: #B6383E;
}
.k-popup .k-list .k-item {
  border-bottom: 0;
  border-radius: 0;
}
.k-popup.k-list-container {
  border-radius: 0;
  border: 0 !important;
}
.k-popup.k-list-container {
  padding: 2px !important;
  border: 0 !important;
  -moz-box-shadow: -1px 3px 6px #B3B8BA;
  -webkit-box-shadow: -1px 3px 6px #B3B8BA;
  box-shadow: -1px 3px 6px #B3B8BA;
  background-color: #fff;
  border-radius: 0 !important;
}
.k-list > .k-state-selected {
  background-color: #0077d9 !important;
  border-color: #0077d9 !important;
  outline: 0;
}
.k-list > .k-state-focused {
  background-color: #0077d9 !important;
  border: 0;
  color: #fff;
  background-image: none;
}
.k-list > .k-state-hover {
  background-image: none !important;
  border-color: transparent !important;
}
/*.k-buttons-all() {
    .k-button {
        background-color: @k-button-bg-color !important;
        color: @k-button-text-color;
        border:1px solid @k-button-border-color !important;
        cursor: pointer;
        &:hover{
            background-color: @k-button-hover-bg-color !important;
        }
    }
}*/
.animate-width {
  -moz-transition: width ease-in-out 0.35s;
  -o-transition: width ease-in-out 0.35s;
  -webkit-transition: width ease-in-out 0.35s;
  transition: width ease-in-out 0.35s;
}
.animate-all {
  -moz-transition: all ease-in-out 0.35s;
  -o-transition: all ease-in-out 0.35s;
  -webkit-transition: all ease-in-out 0.35s;
  transition: all ease-in-out 0.35s;
}
.animation-bg-color {
  -moz-transition: background-color ease-in-out 0.35s;
  -o-transition: background-color ease-in-out 0.35s;
  -webkit-transition: background-color ease-in-out 0.35s;
  transition: background-color ease-in-out 0.35s;
}
@-moz-keyframes fade-in {
  0% {
    display: block;
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    display: block;
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    display: block;
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes slide-fade-in-to-right {
  0% {
    display: block;
    opacity: 0;
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes slide-fade-in-to-right {
  0% {
    display: block;
    opacity: 0;
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slide-fade-in-to-right {
  0% {
    display: block;
    opacity: 0;
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slide-fade-in-to-right {
  -moz-animation: slide-fade-in-to-right 0.35s forwards 0.5s 1;
  -o-animation: slide-fade-in-to-right 0.35s forwards 0.5s 1;
  -webkit-animation: slide-fade-in-to-right 0.35s forwards 0.5s 1;
  animation: slide-fade-in-to-right 0.35s forwards 0.5s 1;
}
.fade-in {
  -moz-animation: fade-in 0.35s forwards 0.5s 1;
  -o-animation: fade-in 0.35s forwards 0.5s 1;
  -webkit-animation: fade-in 0.35s forwards 0.5s 1;
  animation: fade-in 0.35s forwards 0.5s 1;
}
.menu {
  -moz-transition: width ease-in-out 0.35s;
  -o-transition: width ease-in-out 0.35s;
  -webkit-transition: width ease-in-out 0.35s;
  transition: width ease-in-out 0.35s;
}
.menu .menu-item {
  -moz-transition: all ease-in-out 0.35s;
  -o-transition: all ease-in-out 0.35s;
  -webkit-transition: all ease-in-out 0.35s;
  transition: all ease-in-out 0.35s;
  display: block;
}
.menu .menu-item .link {
  white-space: nowrap;
  overflow: hidden;
  outline: none;
}
.menu .menu-item.menu-item-active .sub-menu {
  display: block !important;
  opacity: 1;
}
.menu .menu-icon {
  display: inline-block;
  float: left;
}
.menu .sub-menu {
  position: absolute;
  top: -1px;
  left: 100%;
  opacity: 0;
  display: none;
}
.menu.collapsed {
  width: 84px;
}
.menu.collapsed .grand-container {
  width: 82px;
}
.menu.collapsed .grand-container > .menu-item {
  width: 82px;
}
.menu.collapsed .grand-container > .menu-item.menu-item-active {
  width: 200px;
}
.menu.collapsed .grand-container > .menu-item.menu-item-active .text {
  display: inline-block;
}
.menu.collapsed .grand-container > .menu-item .text {
  display: none;
}
.menu.expanded {
  width: 200px;
}
.menu.expanded .menu-item {
  width: 200px;
}
.menu.expanded .menu-item .text {
  -ms-word-break: keep-all;
  word-break: keep-all;
  text-wrap: none;
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  60% {
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  60% {
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  60% {
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }
}
.agile-portal.menu-wrapper {
  display: inline-block;
  height: 100%;
}
.agile-portal.leftmenubar {
  padding-top: 0;
  display: block;
  margin: 0;
  z-index: 8;
  position: relative;
  height: 100%;
  border: 1px solid #F2F2F2;
  background-color: #FFFFFF;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
  box-sizing: border-box;
}
.agile-portal.leftmenubar:before,
.agile-portal.leftmenubar:after {
  content: "";
  position: absolute;
  right: 0;
}
.agile-portal.leftmenubar .openclose-button {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  z-index: 99;
  height: 30px;
  width: 30px;
  top: 263px;
  right: -15px;
  cursor: pointer;
  background-color: #fff !important;
  position: absolute;
  visibility: visible;
  box-shadow: 0px 0px 5px lightgrey;
  border-radius: 25px;
  outline: 0;
}
.agile-portal.leftmenubar .openclose-button.open {
  background-position: -238px -830px;
}
.agile-portal.leftmenubar .openclose-button.close {
  background-position: -276px -830px;
}
.agile-portal.leftmenubar .selected-menu-item {
  background-color: #e5f1fb;
}
.agile-portal.leftmenubar .menu-item {
  height: 63px;
  cursor: pointer;
  position: relative;
  outline: 0;
  z-index: 9;
  /*.link:focus {
                outline: none !important;
            }*/
}
.agile-portal.leftmenubar .menu-item .text {
  display: inline-block;
  padding: 15px 0 0 10px;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  width: 67%;
  text-overflow: ellipsis;
  white-space: normal;
}
.agile-portal.leftmenubar .menu-item:focus {
  outline: 1px solid #87cbf3;
}
.agile-portal.leftmenubar .menu-item.menu-item-active {
  border: 0 none;
  z-index: 100;
}
.agile-portal.leftmenubar .menu-item.menu-item-active .link {
  background-color: #e5f1fb !important;
}
.agile-portal.leftmenubar .menu-item.menu-item-active ul.sub-menu .link {
  background-color: #fff !important;
}
.agile-portal.leftmenubar .menu-item .settings-icons {
  display: inline-block;
  float: left;
}
.agile-portal.leftmenubar .menu-item .link {
  padding: 7px 0 0 8px;
  display: inline-block;
  color: #3B4455;
  width: 97%;
  height: 56px;
}
.agile-portal.leftmenubar .menu-item .link:hover {
  background-color: #e5f1fb !important;
}
.agile-portal.leftmenubar .menu-item .link:focus {
  outline: 1px solid #87cbf3;
}
.agile-portal.leftmenubar .menu-item:hover,
.agile-portal.leftmenubar .menu-item:active {
  background-color: #fff;
  color: #056caa !important;
}
.agile-portal.leftmenubar .menu-item.access-denied {
  pointer-events: none;
  opacity: 0.6;
}
.agile-portal.leftmenubar .menu-item.access-denied .access-denied-lock-icon {
  width: 20px;
  height: 20px;
  top: -2px;
  left: 40px;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -155px -1133px;
  position: absolute;
}
.agile-portal.leftmenubar .menu-item ul.sub-menu {
  box-shadow: 2px 1px 16px #B3B8BA;
  margin-left: 1px;
  width: 200px;
  background-color: #fff;
}
.agile-portal.leftmenubar .menu-item ul.sub-menu > .menu-item {
  height: 55px !important;
}
.agile-portal.leftmenubar .menu-item ul.sub-menu > .menu-item .link {
  height: 55px !important;
  width: 100%;
  border: 0 !important;
  padding: 8px 0 0 8px;
}
.agile-portal.leftmenubar .menu-item ul.sub-menu > .menu-item .link .text {
  padding: 10px 0 0 10px !important;
  width: 90% !important;
}
.agile-portal.leftmenubar .menu-item ul.sub-menu > .menu-item .link:hover,
.agile-portal.leftmenubar .menu-item ul.sub-menu > .menu-item .link:focus {
  border: 0 !important;
  background-color: #f1f2f4 !important;
}
.agile-portal.leftmenubar .menu-item ul.sub-menu > .menu-item .link:active {
  background-color: #f1f2f4 !important;
}
.agile-portal.expanded .openclose-button {
  z-index: 100;
}
.agile-portal.expanded .menu-item .link:hover,
.agile-portal.expanded .menu-item .link:active {
  background-color: #e5f1fb !important;
}
@media only screen and (max-width: 1024px) {
  .agile-portal {
    /*&.workcenter-wrap, &.settings-wrap, &.collaboration-wrap {
            width: 88% !important;
        }*/
  }
  .agile-portal.leftmenubar .openclose-button {
    display: none !important;
  }
}
.agile-portal {
  /*New SignUp-Register page design*/
  /*Layout-AgilePoint_Portal_Users-SignUp-RegisterAgilePointID.cshtml*/
}
.agile-portal .button-link {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  clear: both;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  text-decoration: none;
  line-height: 38px;
  min-width: 94px;
  background: #0077d9 !important;
  outline: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 0;
  font-size: 16px;
  border: 1px solid rgba(0, 119, 217, 0.1);
}
.agile-portal .button-link:hover {
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  background: #0077d9 !important;
}
.agile-portal.sign-wrap-main input[type=text],
.agile-portal.sign-contaner-main input[type=text],
.agile-portal.sign-icon-wrap-main input[type=text],
.agile-portal.inner-sign-contaner-main input[type=text],
.agile-portal.forgotpassword input[type=text],
.agile-portal.sign-wrap-main input[type=password],
.agile-portal.sign-contaner-main input[type=password],
.agile-portal.sign-icon-wrap-main input[type=password],
.agile-portal.inner-sign-contaner-main input[type=password],
.agile-portal.forgotpassword input[type=password],
.agile-portal.sign-wrap-main input[type=email],
.agile-portal.sign-contaner-main input[type=email],
.agile-portal.sign-icon-wrap-main input[type=email],
.agile-portal.inner-sign-contaner-main input[type=email],
.agile-portal.forgotpassword input[type=email],
.agile-portal.sign-wrap-main textarea,
.agile-portal.sign-contaner-main textarea,
.agile-portal.sign-icon-wrap-main textarea,
.agile-portal.inner-sign-contaner-main textarea,
.agile-portal.forgotpassword textarea,
.agile-portal.sign-wrap-main .k-input,
.agile-portal.sign-contaner-main .k-input,
.agile-portal.sign-icon-wrap-main .k-input,
.agile-portal.inner-sign-contaner-main .k-input,
.agile-portal.forgotpassword .k-input,
.agile-portal.sign-wrap-main select,
.agile-portal.sign-contaner-main select,
.agile-portal.sign-icon-wrap-main select,
.agile-portal.inner-sign-contaner-main select,
.agile-portal.forgotpassword select {
  font-size: 16px;
}
.agile-portal.sign-wrap-main .signin-button,
.agile-portal.sign-contaner-main .signin-button,
.agile-portal.sign-icon-wrap-main .signin-button,
.agile-portal.inner-sign-contaner-main .signin-button,
.agile-portal.forgotpassword .signin-button {
  font-family: RobotoRegular;
  font-size: 16px;
  line-height: 36px !important;
}
.agile-portal.sign-page-main {
  background-color: #f8f9fa;
  min-height: 600px;
}
.agile-portal.sign-page-main .customContent {
  color: #444a52;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
  font-size: larger;
}
.agile-portal.sign-page-main .customContent a {
  text-decoration: underline;
}
.agile-portal.sign-wrap-main {
  margin: 0 auto;
  width: 100%;
}
.agile-portal.sign-wrap-main .logo-sign {
  width: 100%;
  padding: 20px 0 10px 30px;
  background-color: #fff;
}
.agile-portal.sign-wrap-main .logo-sign img {
  width: 155px;
}
.agile-portal.sign-contaner-main {
  margin: 5% auto 0;
  width: 100%;
  /*width: 599px;
        padding: 10px;
        background: @login-inner-bg-color;
        margin: 150px auto 0;
        .border-radius(8px);
        min-height: 524px;*/
  /*.agile-login {
            display: none;
        }*/
}
.agile-portal.sign-contaner-main h1 {
  text-align: left;
  color: #3B4455;
  margin: 20px 0;
  padding-left: 10px;
}
.agile-portal.sign-contaner-main ul.list-login {
  margin: 15px 0 20px 0;
  text-align: center;
}
.agile-portal.sign-contaner-main ul.list-login li {
  position: relative;
  display: inline-block;
  width: 340px;
  height: 51px;
  vertical-align: top;
  margin: 10px 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #CCE4F7;
}
.agile-portal.sign-contaner-main ul.list-login li:hover {
  background-color: rgba(0, 119, 217, 0.1);
  border: 1px solid #0077d9;
}
.agile-portal.sign-contaner-main ul.list-login li a {
  display: inline-block;
  font-size: 18px;
  font-weight: 100;
  padding-left: 15px;
  float: left;
  color: #0077D9;
  width: 96%;
  text-align: left;
}
.agile-portal.sign-contaner-main ul.list-login li .text {
  display: inline-block;
  padding-left: 10px;
  line-height: 51px;
  color: #0077D9;
  font-size: 16px;
}
.agile-portal.sign-contaner-main ul.list-login li .sub-line {
  color: #0077D9;
  font-size: 73%;
  bottom: 5px;
  position: absolute;
  left: 54px;
  text-align: left;
}
.agile-portal.sign-contaner-main ul.list {
  margin: 15px 0 20px 0;
  text-align: center;
}
.agile-portal.sign-contaner-main ul.list li {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.agile-portal.sign-contaner-main ul.list li a {
  text-align: center;
  width: 100%;
  display: inline-block;
  color: #000;
}
.agile-portal.sign-contaner-main ul.list li a:hover {
  color: #0077D9;
}
.agile-portal.sign-contaner-main ul.list li .text {
  display: inline-block;
}
.agile-portal.sign-contaner-main ul.link li {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
  text-align: center;
}
.agile-portal.sign-contaner-main ul.link li a {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  clear: both;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  text-decoration: none;
  line-height: 38px;
  min-width: 94px;
  background: #0077d9 !important;
  outline: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 0;
  font-size: 16px;
  border: 1px solid rgba(0, 119, 217, 0.1);
}
.agile-portal.sign-contaner-main ul.link li a:hover {
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  background: #0077d9 !important;
}
.agile-portal.sign-contaner-main .invlid-message {
  width: 100%;
  text-align: center;
  color: #B6383E;
}
.agile-portal.sign-contaner-main .thankyou-message {
  color: #3B4455;
  padding: 5% 10px 0 0;
  display: inline-block;
  font-size: 16px;
  text-align: left;
}
.agile-portal.sign-contaner-main .note {
  color: #4d4d4d;
  text-align: justify;
  padding: 0 13px 0 10px;
}
.agile-portal.sign-contaner-main .info {
  text-align: left;
  line-height: 20px;
}
.agile-portal.sign-contaner-main .message-info {
  color: #3B4455;
  text-align: left;
  line-height: 20px;
}
.agile-portal .signinwith-multipleoption {
  width: 1024px;
  min-height: 524px;
  padding: 0;
  position: relative;
  background: #fff;
  margin: 0 auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: flex;
}
.agile-portal .signinwith-multipleoption .left-content-agilepoint {
  width: 423px;
  background-color: #E5F1FB;
  float: left;
  min-height: 524px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  display: flex;
  justify-content: center;
}
.agile-portal .signinwith-multipleoption .left-content-agilepoint .logo-content {
  margin: 45px 0 0 51px;
  position: absolute;
  top: 0;
  left: 0;
}
.agile-portal .signinwith-multipleoption .left-content-agilepoint .illustration_content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.agile-portal .signinwith-multipleoption .headone {
  padding-left: 130px;
  padding-top: 40px;
  text-align: left;
  color: #3B4455;
}
.agile-portal .signinwith-multipleoption .tooltip {
  position: absolute;
  right: -52px;
}
.agile-portal.sign-icon-wrap-main h1 {
  text-align: left;
  margin: 10px 0;
  padding-left: 10px;
}
.agile-portal.sign-icon-wrap-main .thankyou-message {
  color: #3B4455;
  padding: 5% 10px 0 0px;
  display: inline-block;
  font-size: 16px;
  text-align: left;
}
.agile-portal.sign-icon-wrap-main .unsubscribe-wrap {
  width: 345px !important;
  margin: 73px 0 20px 0;
}
.agile-portal.sign-icon-wrap-main .unsubscribe-wrap h2 {
  margin: 20px 0;
}
.agile-portal.sign-icon-wrap-main .unsubscribe-wrap ul.interval {
  padding: 5px 0 5px 23px;
}
.agile-portal.sign-icon-wrap-main .unsubscribe-wrap .title-field {
  padding-bottom: 5px;
}
.agile-portal.sign-icon-wrap-main .unsubscribe-wrap .dropdown-box {
  width: 86% !important;
  height: 28px !important;
  padding: 0 10px 0 8px !important;
}
.agile-portal.sign-icon-wrap-main ul.salesforce-options-list {
  display: none;
  position: absolute;
  left: 65%;
  z-index: 999;
  box-shadow: 0 6px 7px 1px rgba(0, 0, 0, 0.14), 0 2px 10px 1px rgba(0, 0, 0, 0.12), 0 4px 4px -2px rgba(0, 0, 0, 0.2);
  background: #fff;
  top: 37px;
  padding: 10px 0;
}
.agile-portal.sign-icon-wrap-main ul.salesforce-options-list li {
  margin: 0 !important;
  width: 180px !important;
  height: 32px !important;
  line-height: 32px !important;
  text-align: left;
  padding-left: 15px;
  border: 0 !important;
  border-radius: 0 !important;
}
.agile-portal.sign-icon-wrap-main ul.salesforce-options-list li a {
  width: 100% !important;
  padding: 0 !important;
}
.agile-portal.sign-icon-wrap-main ul.salesforce-options-list li .text {
  font-size: 14px !important;
  padding: 0 10px !important;
  display: inline-block !important;
  line-height: normal !important;
  color: #676E7B !important;
}
.agile-portal.sign-icon-wrap-main ul.salesforce-options-list li:hover {
  background-color: #F1F2F4;
}
.agile-portal.sign-icon-wrap-main ul.salesforce-options-list li:hover .text {
  color: #3B4455 !important;
}
.agile-portal.sign-icon-wrap-main .loadingC {
  width: 25px;
}
.agile-portal.sign-icon-wrap-main .login-form {
  width: 338px;
  margin: 0 auto;
  height: 441px;
}
.agile-portal.final-screen {
  padding: 10px !important;
}
.agile-portal.all-signin-options {
  width: 600px;
  display: inline-block;
}
.agile-portal.all-signin-options .margin-top30 {
  margin-top: 30px;
}
.agile-portal.all-signin-options .split {
  height: 50px;
  float: right;
  width: 45px;
  border-left: 1px solid #CCE4F7;
  text-align: center;
}
.agile-portal.welcomeform {
  width: 599px !important;
  background: #fff;
  position: relative;
  margin: 0 auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  min-height: 500px;
}
.agile-portal.welcomeform .welcome-info {
  text-align: center;
  width: 100%;
}
.agile-portal.welcomeform .welcome-info .user-text {
  display: inline-block;
  padding-bottom: 5px;
  color: #0077D9;
}
.agile-portal.inner-sign-contaner-main {
  width: 599px !important;
  background: #fff;
  position: relative;
  margin: 0 auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  min-height: 500px;
  /*.forgot-password {
            .translateY(50%);
            height: 392px;
        }*/
}
.agile-portal.inner-sign-contaner-main .margin-top75 {
  margin-top: 75px;
}
.agile-portal.inner-sign-contaner-main .username-field {
  margin: 20px 0;
}
.agile-portal.inner-sign-contaner-main .username-text-box {
  width: 94% !important;
  height: 40px !important;
  line-height: 18px !important;
  padding: 0 10px 0 5px !important;
  border-radius: 4px;
  border: 1px solid #C8CED7;
  color: #3B4455;
  font-family: RobotoRegular;
}
.agile-portal.inner-sign-contaner-main .username-text-box:focus {
  border-color: #0077D9 !important;
  outline: 0;
}
.agile-portal.inner-sign-contaner-main .rememberme {
  margin: 35px 0 0;
  font-size: 14px;
}
.agile-portal.inner-sign-contaner-main .Signin-btn {
  float: right;
  margin-top: -40px;
  z-index: 999;
  position: relative;
  margin-right: 3px;
}
.agile-portal.inner-sign-contaner-main .remember-content label {
  font-size: 14px;
  display: inline-block;
  padding: 10px 0 5px 0;
}
.agile-portal.inner-sign-contaner-main .forgot {
  width: 100%;
  float: left;
  padding-top: 5px;
}
.agile-portal.inner-sign-contaner-main .forgot a {
  color: #006baf;
  font-size: 14px;
  margin: 10px 0 0;
  padding: 0;
}
.agile-portal.inner-sign-contaner-main .validation-summary-errors {
  width: 20% !important;
  margin: 0 auto !important;
  position: fixed !important;
  top: 5px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: inherit !important;
  min-height: 16px !important;
  overflow: auto !important;
  line-height: 16px !important;
  color: #B6383E !important;
  max-height: 300px !important;
  background-color: #f8f0f2 !important;
  padding: 10px 25px 10px 20px !important;
  border: 1px solid #B6383E !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
}
.agile-portal.inner-sign-contaner-main .validation-summary-errors + .close-errormsg {
  display: block;
  cursor: pointer;
  position: fixed;
  right: 39%;
  top: 10px;
  width: 20px !important;
  height: 20px !important;
}
.agile-portal.inner-sign-contaner-main .signin-button {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  clear: both;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  text-decoration: none;
  line-height: 38px;
  min-width: 94px;
  background: #0077d9 !important;
  outline: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 0;
  font-size: 16px;
  border: 1px solid rgba(0, 119, 217, 0.1);
  text-align: center;
  background-color: #0077d9;
  margin: 10px 0;
  width: 94px;
}
.agile-portal.inner-sign-contaner-main .signin-button:hover {
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  background: #0077d9 !important;
}
.agile-portal.inner-sign-contaner-main .signin-button:focus {
  outline-offset: -2px !important;
  outline: none !important;
  border: 1px solid #0077d9 !important;
  outline: -webkit-focus-ring-color auto 1px !important;
}
.agile-portal.inner-sign-contaner-main .signin-button:hover,
.agile-portal.inner-sign-contaner-main .signin-button:active {
  background-color: rgba(0, 119, 217, 0.8) !important;
}
.agile-portal.inner-sign-contaner-main .reset-button {
  text-align: center;
  background-color: #0077d9;
  margin: 10px 0;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  clear: both;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  line-height: 38px;
  height: 40px;
  width: 170px;
  background: #0077d9 !important;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 0;
  font-size: 16px;
  font-family: RobotoRegular;
}
.agile-portal.inner-sign-contaner-main .reset-button:hover {
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  background: #0077d9 !important;
}
.agile-portal.inner-sign-contaner-main .signup-form {
  /*.k-input, select {
                width: 210px;
                float: left;
            }*/
}
.agile-portal.inner-sign-contaner-main .signup-form .field {
  padding-top: 15px;
  float: right;
}
.agile-portal.inner-sign-contaner-main .signup-form .mandatory {
  color: #B6383E;
}
.agile-portal.inner-sign-contaner-main .signup-form .label-field {
  width: 150px;
  display: inline-block;
  font-weight: normal;
}
.agile-portal.inner-sign-contaner-main .signup-form input[type="password"],
.agile-portal.inner-sign-contaner-main .signup-form .text-box {
  width: 210px;
}
.agile-portal.inner-sign-contaner-main .signup-form select {
  width: 220px;
}
.agile-portal.inner-sign-contaner-main .signup-form .list-item {
  padding: 5px 0;
  display: inline-block;
}
.agile-portal.inner-sign-contaner-main .signup-form .field-validation-error {
  display: inline-block;
  padding-left: 155px;
  padding-top: 3px;
  font-size: 12px !important;
}
.agile-portal.inner-sign-contaner-main .header1 {
  padding: 0;
  font-weight: normal;
  color: #3B4455;
  font-size: 24px;
  font-family: RobotoMedium;
}
.agile-portal.inner-sign-contaner-main .inner-wrap {
  padding: 30px 20px 0 30px;
}
.agile-portal.signup-contaner {
  width: 100%;
  margin: 20px 0 0;
  position: relative;
  /*.letsgo {
            color: #414042;
            font-size: 40px;
            margin: 35px 0 0 0;
        }*/
}
.agile-portal.signup-contaner .sign-icon-wrap-main {
  width: 635px;
  position: relative;
  min-height: 450px;
  margin: 0 auto;
}
.agile-portal.signup-contaner .sign-icon-wrap-main h1 {
  padding: 25px 0 10px;
  font-weight: normal;
  color: #3B4455;
  font-size: 24px;
  font-family: RobotoMedium;
}
.agile-portal.signup-contaner .sign-icon-wrap-main .registerwith {
  padding-top: 5px;
}
.agile-portal.signup-contaner .sign-icon-wrap-main .note {
  font-size: 16px;
  margin: 0 20px;
}
.agile-portal.signup-contaner .sign-in {
  width: 589px !important;
  background: #fff;
  position: relative;
  margin: 5% auto 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  min-height: 500px;
  padding: 10px;
}
.agile-portal.signup-contaner .registerwith-block {
  margin-top: 5%;
}
.agile-portal.signup-contaner .registerwith-block .tooltip .tooltip-icon {
  width: 20px !important;
  margin: 17px -25px 0 0 !important;
  padding: 0 !important;
}
.agile-portal.signup-contaner .registerwith-block .tooltip .tooltip-content {
  right: -375px;
}
.agile-portal.signup-contaner .registerwith-block .split {
  height: 50px;
  float: right;
  width: 45px;
  border-left: 1px solid #CCE4F7;
  text-align: center;
}
.agile-portal.signup-contaner ul.list-login {
  margin: 15px 0 20px 0;
  text-align: center;
}
.agile-portal.signup-contaner ul.list-login li {
  position: relative;
  display: inline-block;
  width: 340px;
  height: 51px;
  vertical-align: top;
  margin: 10px 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #CCE4F7;
}
.agile-portal.signup-contaner ul.list-login li:hover {
  background-color: rgba(0, 119, 217, 0.1);
  border: 1px solid #0077d9;
}
.agile-portal.signup-contaner ul.list-login li a {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding-left: 15px;
  float: left;
  color: #0077D9;
  width: 96%;
  text-align: left;
}
.agile-portal.signup-contaner ul.list-login li a:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.signup-contaner ul.list-login li .text {
  display: inline-block;
  line-height: 51px;
  color: #0077D9;
  text-align: left;
  font-size: 16px;
  padding-left: 10px;
  font-weight: 100;
}
.agile-portal.signup-contaner ul.list-login li .sub-line {
  color: #fff;
  font-size: 73%;
  bottom: 7px;
  position: absolute;
  left: 107px;
  text-align: left;
}
.agile-portal.signup-contaner ul.list-login li .tooltip-content {
  right: -350px;
}
.agile-portal.signup-contaner .NXTrial {
  background-color: #05afe9;
  color: #fff;
  font-size: 30px;
  width: 320px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  margin-left: -70px;
}
.agile-portal.signup-contaner .inner-sign-contaner-main {
  width: 635px;
  position: relative;
  min-height: 450px;
}
.agile-portal.signup-contaner ol.field {
  float: left;
  width: 100%;
  padding-top: 0px !important;
  position: relative;
}
.agile-portal.signup-contaner ol.field .list-item {
  padding: 20px 0 !important;
  position: relative;
}
.agile-portal.signup-contaner ol.field .tooltip {
  position: absolute;
  right: -47px;
  top: 23px;
}
.agile-portal.signup-contaner ol.field .tooltip .tooltip-icon {
  width: 20px !important;
  margin-top: 8px !important;
}
.agile-portal.signup-contaner ol.field .tooltip .tooltip-content {
  margin: 100px 0 0 0 !important;
  right: -350px;
  top: 0;
}
.agile-portal.signup-contaner ol.field .tooltip .tooltip-content:before {
  border-bottom-color: transparent;
}
.agile-portal.signup-contaner .signup-form .h3,
.agile-portal.signup-contaner .registerpage .h3 {
  font-weight: 100;
  font-size: 16px;
  margin-bottom: 10px;
}
.agile-portal.signup-contaner .signup-form .label-field,
.agile-portal.signup-contaner .registerpage .label-field {
  margin-bottom: 5px;
  font-family: RobotoMedium;
  float: left;
  display: block;
  font-size: 16px;
  /*&.active {
                    transform: translateY(-20px);
                    left: 2px;
                    font-size: 16px;
                    color: #333;
                }

                &.highlight {
                    color: #333 !important;
                }*/
}
.agile-portal.signup-contaner .signup-form .k-input,
.agile-portal.signup-contaner .registerpage .k-input,
.agile-portal.signup-contaner .signup-form .text-box,
.agile-portal.signup-contaner .registerpage .text-box,
.agile-portal.signup-contaner .signup-form select,
.agile-portal.signup-contaner .registerpage select {
  box-sizing: border-box;
  height: 40px;
  width: 338px;
  border: 1px solid #C8CED7;
  border-radius: 4px;
  background-color: #FFFFFF;
  float: left;
  display: block;
  clear: both;
  color: #3B4455;
  font-size: 16px;
}
.agile-portal.signup-contaner .signup-form .k-input:hover,
.agile-portal.signup-contaner .registerpage .k-input:hover,
.agile-portal.signup-contaner .signup-form .text-box:hover,
.agile-portal.signup-contaner .registerpage .text-box:hover,
.agile-portal.signup-contaner .signup-form select:hover,
.agile-portal.signup-contaner .registerpage select:hover {
  border-color: #0077D9;
}
.agile-portal.signup-contaner .signup-form .list-item1 select,
.agile-portal.signup-contaner .registerpage .list-item1 select {
  min-height: 35px;
  color: #333 !important;
}
.agile-portal.signup-contaner .signup-form .field-validation-error,
.agile-portal.signup-contaner .registerpage .field-validation-error {
  padding-left: 0 !important;
  display: block;
  position: absolute;
}
.agile-portal.signup-contaner .signup-form .validation-summary-errors,
.agile-portal.signup-contaner .registerpage .validation-summary-errors {
  /*position: absolute !important;
                top: -25px !important;
                width: 100% !important;*/
}
.agile-portal.signup-contaner .signup-form .signin-button,
.agile-portal.signup-contaner .registerpage .signin-button {
  min-width: 110px !important;
  font-size: 16px !important;
  font-family: RobotoRegular;
}
.agile-portal.signup-contaner .signup-form .signin-button:hover,
.agile-portal.signup-contaner .registerpage .signin-button:hover,
.agile-portal.signup-contaner .signup-form .signin-button:active,
.agile-portal.signup-contaner .registerpage .signin-button:active {
  background-color: rgba(0, 119, 217, 0.8) !important;
}
.agile-portal.signup-contaner .registerpage {
  min-height: 930px !important;
  margin: 0 auto;
  width: 340px;
}
.agile-portal.signup-contaner .registerpage .agilepointlogo {
  text-align: center;
  padding: 30px 0 20px 0;
}
.agile-portal.signup-contaner .registerpage .letsgo {
  font-size: 24px;
  font-family: RobotoMedium;
}
.agile-portal.signup-contaner .registerpage .field .list-item {
  padding: 20px 0 0 0 !important;
}
.agile-portal.signup-contaner .registerpage .field .tooltip {
  right: -40px;
  top: 46px;
}
.agile-portal.signup-contaner .registerpage .login-form {
  height: auto !important;
}
.agile-portal.signup-contaner .registerpage .list-item .label-field {
  width: 99% !important;
}
.agile-portal.signup-contaner .registerpage .list-item input[type="password"],
.agile-portal.signup-contaner .registerpage .list-item .text-box {
  width: 338px !important;
}
.agile-portal.signup-contaner .registerpage .signin-button {
  margin-top: 20px;
}
.agile-portal.signup-contaner .registerpage .field-validation-error {
  left: 0;
  bottom: -16px;
}
.agile-portal.signup-contaner .registerpage .readonly-text {
  background-color: #F8F9FA !important;
  cursor: default;
}
.agile-portal.signup-contaner .registerpage .readonly-text:hover {
  border: 1px solid #C8CED7 !important;
}
.agile-portal.signup-contaner .signin-button {
  min-width: 245px !important;
  font-size: 21px !important;
  background-color: #b4be02;
  line-height: 36px;
  font-weight: normal;
  font-family: RobotoRegular;
}
.agile-portal.signup-contaner .signin-button:focus {
  outline-offset: -2px !important;
  outline: none !important;
  border: 1px solid #4D90FE !important;
}
.agile-portal.signup-contaner .signin-button:hover,
.agile-portal.signup-contaner .signin-button:active {
  background-color: rgba(0, 119, 217, 0.8) !important;
}
.agile-portal.signup-contaner .final-screen {
  width: 1024px !important;
  padding: 0 !important;
  color: #3B4455;
  margin-top: 5%;
  min-height: 500px;
}
.agile-portal.signup-contaner .final-screen .sign-inlink {
  color: #3B4455;
  padding: 10px 0;
  font-family: RobotoMedium;
  font-size: 16px;
}
.agile-portal.signup-contaner .final-screen .sign-inlink .link {
  color: #0077D9;
  font-size: 16px;
  display: block;
  padding-top: 10px;
  font-family: RobotoMedium;
}
.agile-portal.signup-contaner .final-screen .readytogo-text {
  font-size: 21px;
  position: absolute;
  bottom: 115px;
  font-family: RobotoMedium;
}
.agile-portal.signup-contaner .final-screen .loadingC {
  width: 25px;
  margin-top: -1px;
  float: left;
  margin-right: 20px;
}
.agile-portal.signup-contaner .final-screen .lblerrormessage {
  font-size: 16px;
  padding-top: 40px;
  display: inline-block;
}
.agile-portal.signup-contaner .final-screen .lblerrormessage span {
  color: #0077D9;
}
.agile-portal.signup-contaner .final-screen .timer {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background: #0077D9;
  padding: 2px 10px;
  margin-left: 10px;
  color: #fff;
}
.agile-portal.signup-contaner .final-screen .left-content-agilepoint {
  width: 423px;
  background-color: #E5F1FB;
  float: left;
  min-height: 500px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  display: flex;
  justify-content: center;
}
.agile-portal.signup-contaner .final-screen .left-content-agilepoint .illustration_content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.agile-portal.signup-contaner .final-screen .rightside-info {
  width: 550px;
  display: inline-block;
  padding: 30px 0 0 30px;
}
.agile-portal.signup-contaner .final-screen .rightside-info h1 {
  font-size: 24px;
  font-family: RobotoMedium;
  padding-bottom: 40px;
}
.agile-portal.signup-contaner .final-screen .rightside-info .thankyou-message {
  padding-left: 0 !important;
}
.agile-portal.registerpage-info {
  width: 1024px !important;
}
.agile-portal.only-registerpage {
  width: 700px !important;
}
.agile-portal .close-errormsg {
  display: none;
}
.agile-portal.login-fields-main {
  position: relative;
}
.agile-portal.login-fields-main .label-field {
  display: inline-block;
  padding: 10px 0 10px 0px;
  font-weight: 500;
  font-size: 16px;
  font-family: RobotoMedium;
}
.agile-portal.login-fields-main input[type=checkbox] {
  display: inline-block;
  margin: 10px 10px 0 0;
}
.agile-portal.login-fields-main .forgot-password {
  float: right;
  padding: 10px 5px 0 0;
  color: #0077D9;
  font-size: 14px;
}
.agile-portal.login-fields-main .forgot-password:hover {
  text-decoration: none;
}
.agile-portal.browser-wrap h4 {
  color: #29abe2;
  text-align: center;
  margin: 30px 0px 20px -100px;
}
.agile-portal.browser-wrap ul.browser-list {
  margin: 0 auto;
  width: 37%;
}
.agile-portal.browser-wrap ul.browser-list li {
  color: #3B4455;
  display: inline-block;
  width: 100%;
  padding: 7px 0;
}
.agile-portal.browser-wrap ul.browser-list li .text {
  display: inline-block;
  margin: 12px 10px;
}
.agile-portal.browser-wrap .browser-info {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f8f0f2;
  padding: 5px;
  margin-top: 15px;
  border: 1px solid #b6383e;
  color: #b6383e;
}
.agile-portal.browser-wrap .browser-info .info {
  font-size: 14px;
}
.agile-portal.forgotpassword {
  height: 542px;
}
.agile-portal.forgotpassword .forgotpassword-block {
  padding: 105px 120px 0 130px;
  display: inline-block;
}
.agile-portal.forgotpassword .head1 {
  padding: 0 0 12px 0;
  color: #3B4455 !important;
  font-size: 24px;
  font-family: RobotoMedium;
  font-weight: 100;
}
.agile-portal.forgotpassword .info {
  font-size: 14px !important;
}
.agile-portal.forgotpassword .username-field {
  margin: 30px 0 25px 0;
}
.agile-portal.forgotpassword .label-field {
  font-weight: 400 !important;
}
.agile-portal.forgotpassword .username {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
}
.agile-portal.forgotpassword .text-box1 {
  height: 36px;
  width: 338px;
  border-radius: 4px;
  background-color: #FFFFFF;
  background-image: none !important;
  border: 1px solid #C8CED7;
}
.agile-portal.forgotpassword .text-box1:focus {
  border: 1px solid #0077D9;
  background-color: rgba(0, 119, 217, 0.1) !important;
}
.agile-portal.forgotpassword .buttons {
  text-align: right;
}
.agile-portal.forgotpassword .buttons .backbtn {
  font-family: RobotoMedium;
  font-size: 16px;
  color: #3B4455;
  cursor: pointer;
}
.agile-portal.forgotpassword .buttons .reset-button {
  margin-left: 20px;
}
.agile-portal.main-error-message {
  position: fixed;
  top: 106px;
  width: 100%;
  z-index: 100001;
}
.agile-portal.main-error-message .error-message-inner {
  position: relative;
  width: 50%;
  margin: 0 auto;
}
.agile-portal.main-error-message .error-message-inner .message-Information {
  width: 51%;
  margin: 0 auto;
  border: 1px solid #046C12;
  background-color: #c7face;
  color: #046C12;
  padding: 10px 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 4px 4px 9px -4px #939393;
  -moz-box-shadow: 4px 4px 9px -4px #939393;
  -webkit-box-shadow: 4px 4px 9px -4px #939393;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 96%;
}
.agile-portal.main-error-message .error-message-inner .message-Warning {
  width: 51%;
  margin: 0 auto;
  border: 1px solid #B5B30F;
  background-color: #F9FDCE;
  color: #999210;
  padding: 10px 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 4px 4px 9px -4px #939393;
  -moz-box-shadow: 4px 4px 9px -4px #939393;
  -webkit-box-shadow: 4px 4px 9px -4px #939393;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 96%;
}
.agile-portal.main-error-message .error-message-inner .message-Error {
  width: 51%;
  margin: 0 auto;
  border: 1px solid #B6383E;
  background-color: #f8f0f2;
  color: #B6383E;
  padding: 10px 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 4px 4px 9px -4px #939393;
  -moz-box-shadow: 4px 4px 9px -4px #939393;
  -webkit-box-shadow: 4px 4px 9px -4px #939393;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 96%;
}
.agile-portal.main-error-message .error-message-inner .close-errormsg {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: -2px;
  width: 15px !important;
}
.agile-portal.reset-password-page {
  width: 589px !important;
  background: #fff;
  position: relative;
  margin: 5% auto 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  min-height: 500px;
  padding: 10px;
  color: #3B4455;
  font-size: 16px;
}
.agile-portal.reset-password-page h1 {
  padding: 25px 0 10px;
  font-weight: normal;
  color: #3B4455;
  font-size: 24px;
  font-family: RobotoMedium;
}
.agile-portal.reset-password-page .link {
  color: #0077D9;
  font-family: RobotoMedium;
}
.agile-portal.reset-password-page .reset-password-message-Information,
.agile-portal.reset-password-page .reset-password-message-Error {
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 94% !important;
  padding: 10px 10px 10px 20px !important;
  box-sizing: inherit;
  height: auto;
}
.agile-portal.reset-password-page .reset-password-message-Error {
  border: 1px solid #B6383E;
  background-color: rgba(255, 88, 95, 0.05);
  color: #B6383E;
}
.agile-portal.reset-password-page .reset-password-message-Information {
  border: 1px solid #17803D;
  background-color: rgba(48, 182, 97, 0.05);
  color: #17803D;
}
.agile-portal.footer-sign-main {
  color: #3B4455;
  width: 100%;
  font-size: 12px;
  text-align: center;
  padding: 30px 0 10px;
  float: right;
}
.agile-portal.footer-sign-main .learnmore {
  color: #0077D9;
  font-size: 12px;
  padding-left: 5px;
  font-family: RobotoMedium;
}
.agile-portal.footer-sign-main .learnmore:hover {
  text-decoration: underline;
}
.agile-portal.browser-not-supported-wrapper {
  padding: 5px 20px;
  width: 40%;
  margin-left: 30%;
  background-color: #ffffff;
}
.agile-portal.browser-not-supported-wrapper.browser-wrap {
  text-align: center;
}
.agile-portal.browser-not-supported-wrapper.browser-wrap .info {
  text-align: center;
}
.agile-portal.browser-not-supported-wrapper.browser-wrap .header {
  padding: 0;
  font-size: 14px;
}
.agile-portal.browser-not-supported-wrapper.browser-wrap .header h1,
.agile-portal.browser-not-supported-wrapper.browser-wrap .header h4 {
  color: #0077d9 !important;
  margin: 10px 0 0 0;
}
.agile-portal.browser-not-supported-wrapper.browser-wrap .link-wrapper {
  padding: 20px 0;
}
.agile-portal.browser-not-supported-wrapper.browser-wrap .link-wrapper .link {
  color: #0077D9;
  text-decoration: underline;
  cursor: pointer;
}
.agile-portal.browser-not-supported-wrapper.browser-wrap .browser-list {
  display: inline-block;
  width: 190px;
}
.agile-portal.browser-not-supported-wrapper.browser-wrap .browser-list li {
  text-align: justify;
}
#unsupportedBrowserMessage {
  padding: 5px 0px 5px 10px;
  background-color: #F78F1E;
  top: 0;
  width: 100%;
  display: none;
}
#exitUnsupportedBrowser {
  color: #2188F2;
  text-decoration: underline;
  cursor: pointer;
}
.agile-portal.login-page {
  background-color: #fff;
}
.agile-portal.login-content-wrap {
  width: 775px;
  padding: 10px;
  border: 1px #B6BCC1 solid;
  background: #fff;
}
.agile-portal.login-wrap {
  margin: 0 auto;
  width: 940px;
}
.agile-portal.login-contaner {
  width: 775px;
  padding: 10px;
  border: 1px #B6BCC1 solid;
  background: #fff;
  height: 397px;
  margin: 110px auto 0;
}
.agile-portal.inner-login-contaner {
  width: 284px;
  float: left;
}
.agile-portal.inner-login-contaner .logo-login {
  width: 170px;
  margin: 15px auto;
}
.agile-portal.inner-login-contaner input[type="text"],
.agile-portal.inner-login-contaner input[type="password"] {
  width: 81% !important;
  height: 42px !important;
  line-height: 18px !important;
  padding: 0 10px 0 38px !important;
}
.agile-portal.inner-login-contaner .remember-content label {
  font-size: 14px;
  display: inline-block;
  padding: 10px 0 5px 0;
}
.agile-portal.inner-login-contaner .forgot {
  width: 100%;
  float: left;
  padding-top: 5px;
}
.agile-portal.inner-login-contaner .forgot a {
  color: #006baf;
  font-size: 14px;
  margin: 10px 0 0;
  padding: 0;
}
.agile-portal.inner-login-contaner .validation-summary-errors {
  position: absolute;
  top: 2px;
  margin-left: -65px;
  min-height: 51px;
  background-color: #fff;
  width: 450px;
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.agile-portal.inner-login-contaner .k-button {
  border: 0 none;
  height: 38px;
  margin: 15px 0 0;
  text-align: center;
  width: 100%;
  cursor: pointer;
  font-size: 16px;
}
.agile-portal.login-page-banner {
  margin-left: 10px;
  display: inline-block;
}
.agile-portal.login-fields .label-field {
  display: inline-block;
  padding: 10px 0 5px 0;
  font-weight: 700;
}
.agile-portal.login-fields input[type=checkbox] {
  display: inline-block;
  margin: 10px 5px 0 0;
}
.agile-portal.footer-login {
  color: #3B4455;
  width: 100%;
  font-size: 10px;
  text-align: center;
}
.agile-portal .collapseicon {
  background-image: url(/Themes/AgilePortalNew/Content/Images/collapse-icon.png?rev=070000024) !important;
  height: 16px;
  width: 16px;
  cursor: pointer;
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 30px;
  margin-top: 2px;
  position: absolute;
}
.agile-portal .expandicon {
  background-image: url(/Themes/AgilePortalNew/Content/Images/expand-icon.png?rev=070000024) !important;
  height: 16px;
  width: 16px;
  cursor: pointer;
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 30px;
  margin-top: 2px;
  position: absolute;
}
.agile-portal .settings-content {
  margin: 30px 30px 10px 0;
}
.agile-portal .settings-content .k-tabstrip {
  border: 0;
  outline: 0;
}
.agile-portal .settings-content .k-tabstrip .k-tabstrip-items {
  padding: 0;
}
.agile-portal .settings-content .k-tabstrip .k-tabstrip-items .k-item {
  cursor: pointer;
  border: 1px solid #CACED5;
  background-color: #fff !important;
  color: #3B4455 !important;
  margin-right: -4px;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  display: inline-block;
  height: 30px;
  line-height: 20px;
  min-width: 110px;
  padding: 0px 14px;
  border-radius: 0 !important;
  background-image: none;
}
.agile-portal .settings-content .k-tabstrip .k-tabstrip-items .k-item:hover {
  border-color: #0077d9 !important;
}
.agile-portal .settings-content .k-tabstrip .k-tabstrip-items .k-item .k-link {
  padding: 5px 0 0 0;
  width: 100%;
  text-align: center;
  display: inline-block;
  color: #667287;
  font-size: 14px;
  font-family: RobotoMedium;
  font-weight: 500;
}
.agile-portal .settings-content .k-tabstrip .k-tabstrip-items .k-item:first-child,
.agile-portal .settings-content .k-tabstrip .k-tabstrip-items .k-item.k-first {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.agile-portal .settings-content .k-tabstrip .k-tabstrip-items .k-item:last-child,
.agile-portal .settings-content .k-tabstrip .k-tabstrip-items .k-item.k-last {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.agile-portal .settings-content .k-tabstrip .k-tabstrip-items .k-loading.k-complete {
  border: 0;
}
.agile-portal .settings-content .k-tabstrip .k-tabstrip-items .k-state-active {
  border-color: #0077d9 !important;
  background-color: #0077d9 !important;
  background-image: none;
}
.agile-portal .settings-content .k-tabstrip .k-tabstrip-items .k-state-active .k-link {
  color: #FFF !important;
}
.agile-portal .settings-content .k-tabstrip .k-state-active {
  border-color: transparent !important;
}
.agile-portal.customActionFullscreen {
  position: absolute !important;
  height: 100%;
  width: 100%;
  inset: 0px;
  z-index: 999;
}
.agile-portal.settings-wrap {
  -moz-box-shadow: 0px 1px 3px #aaa;
  -webkit-box-shadow: 0px 1px 3px #aaa;
  box-shadow: 0px 1px 3px #aaa;
  border: 1px solid #fff;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: none;
  /*z-index: 0;*/
  /* Remove controls from Firefox */
  /* Re-applies the controls on :hover and :focus */
  /*&.tabstrip-container {
            margin: 60px 10px 0 0;

            .k-tabstrip.tabsContent {
                position: absolute;
                top: -38px;
            }
        }*/
}
.agile-portal.settings-wrap input[type=text],
.agile-portal.settings-wrap input[type=password],
.agile-portal.settings-wrap input[type=email],
.agile-portal.settings-wrap textarea,
.agile-portal.settings-wrap .k-input,
.agile-portal.settings-wrap select {
  padding: 5px;
  background-color: #fff;
  border: 1px solid #C8CED7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #3B4455;
}
.agile-portal.settings-wrap input[type=text]:focus,
.agile-portal.settings-wrap input[type=password]:focus,
.agile-portal.settings-wrap input[type=email]:focus,
.agile-portal.settings-wrap textarea:focus,
.agile-portal.settings-wrap .k-input:focus,
.agile-portal.settings-wrap select:focus {
  border-color: #2162ac;
  outline: 0;
}
.agile-portal.settings-wrap .k-block,
.agile-portal.settings-wrap .k-widget,
.agile-portal.settings-wrap .k-popup,
.agile-portal.settings-wrap .k-content,
.agile-portal.settings-wrap .k-toolbar,
.agile-portal.settings-wrap .k-dropdown .k-input {
  color: #3B4455;
}
.agile-portal.settings-wrap input[type=number] {
  -moz-appearance: textfield;
}
.agile-portal.settings-wrap input[type="number"]:hover,
.agile-portal.settings-wrap input[type="number"]:focus {
  -moz-appearance: number-input;
}
.agile-portal.settings-wrap input[type=text]:disabled {
  background-color: #F8F9FA;
  color: #667287;
}
.agile-portal.settings-wrap ol,
.agile-portal.settings-wrap ul,
.agile-portal.settings-wrap fieldset {
  list-style: none;
  padding: 0;
  margin: 0;
}
.agile-portal.settings-wrap .accessdenied {
  width: 100%;
  height: 600px;
  content: url(/Themes/AgilePortalNew/Content/Images/sprites/accessdenied.svg?rev=070000022);
  margin-bottom: -100px;
}
.agile-portal.settings-wrap .accessdenied-label {
  text-align: center;
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  margin: -13px;
  margin-bottom: 100px;
}
.agile-portal.settings-wrap .successfully-message {
  text-align: center;
  color: #17803D;
  font-weight: 100;
  padding: 3px 0;
}
.agile-portal.settings-wrap .error-message,
.agile-portal.settings-wrap .errormessage {
  color: #B6383E;
  text-align: center;
}
.agile-portal.settings-wrap .errormessage-block {
  height: 10px !important;
}
.agile-portal.settings-wrap .k-loading-mask {
  padding: 10px 0 10px 10px;
}
.agile-portal.settings-wrap .k-loading-mask .k-loading-text {
  color: #17803D;
  font-weight: bold;
}
.agile-portal.settings-wrap .tooltip {
  top: -4px;
  left: -10px;
  padding-left: 5px;
  position: relative;
}
.agile-portal.settings-wrap .tooltip a {
  margin: 5px 0px 0 5px !important;
}
.agile-portal.settings-wrap .tooltip .tooltip-icon {
  position: absolute;
  left: 10px;
  margin: 5px 0px 0 5px !important;
}
.agile-portal.settings-wrap .tooltip .tooltip-content {
  left: 15px;
  top: -10px;
  width: 300px !important;
  margin: 50px 0 0 -200px;
  list-style: none;
  border-color: #0470b8;
}
.agile-portal.settings-wrap .tooltip .tooltip-content:before {
  border-bottom-color: #F2F7F9;
  border-right-color: #fff;
  left: 200px;
  top: -20px;
}
.agile-portal.settings-wrap .beta-text {
  color: #B6383E;
  font-size: 10px;
}
.agile-portal.settings-wrap .betalink {
  float: none !important;
  margin: -5px 0 -5px 0;
}
.agile-portal.settings-wrap .common-help-link {
  margin: 0 10px 0;
  float: right;
}
.agile-portal.settings-wrap .margin-top25 {
  margin-top: 25px !important;
}
.agile-portal.settings-wrap .padding-bottom25 {
  padding-bottom: 25px !important;
}
.agile-portal.settings-wrap .btn-cancel:hover,
.agile-portal.settings-wrap .btn-cancel:active {
  color: #b6383e !important;
}
.agile-portal.settings-wrap .btn-view:hover,
.agile-portal.settings-wrap .btn-view:active {
  color: #0077d9 !important;
}
.agile-portal.settings-wrap .btn-add:hover,
.agile-portal.settings-wrap .btn-add:active {
  color: #008334 !important;
}
.agile-portal.settings-wrap .importbtn:hover,
.agile-portal.settings-wrap .importbtn:active {
  color: #b6383e !important;
}
.agile-portal.settings-wrap .exportbtn:hover,
.agile-portal.settings-wrap .exportbtn:active {
  color: #0077d9 !important;
}
.agile-portal.settings-wrap .btn-reset:hover,
.agile-portal.settings-wrap .btn-reset:active {
  color: #76b9ef !important;
}
.agile-portal.settings-wrap .Clickhere {
  color: #0077d9;
  font-family: RobotoMedium;
}
.agile-portal.settings-wrap .search-btn {
  display: inline-block;
  height: 30px;
  width: 83px;
  background-color: #0077d9;
  border: 1px solid #0077d9;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 30px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  padding: 0;
  text-align: center;
  background-image: none;
}
.agile-portal.settings-wrap .search-btn:hover {
  background-color: #3392e1 !important;
}
.agile-portal.settings-wrap .cancel-btn {
  border: 1px solid #667287 !important;
  color: #3B4455;
  background-color: #fff;
  margin-left: 20px;
  line-height: 30px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  padding: 0;
  text-align: center;
  padding: 7px 16px !important;
  background-image: none;
}
.agile-portal.settings-wrap .cancel-btn:hover {
  background-color: #e0e3e7 !important;
}
.agile-portal.settings-wrap .k-dropdown .k-dropdown-wrap {
  background-color: #fff !important;
  background-image: none;
}
.agile-portal.settings-wrap .k-dropdown .k-dropdown-wrap.k-state-default.k-state-focused {
  border-color: #0077D9 !important;
}
.agile-portal.settings-wrap .k-i-arrow-s {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -135px -952px !important;
}
.agile-portal.settings-wrap .k-i-arrow-n {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  background-position: -172px -952px !important;
}
.agile-portal.settings-wrap .marginbottom15 {
  margin-bottom: 15px !important;
}
.agile-portal.settings-wrap .paddingtop10 {
  padding-top: 5px !important;
}
.agile-portal.heading2 {
  position: relative;
  background: #fff;
  color: #3B4455;
  margin: 0;
  width: 99.2%;
  border-bottom: 1px solid rgba(102, 114, 135, 0.15);
  padding: 15px 0 15px 30px;
  width: auto;
  font-size: 18px !important;
  font-family: RobotoMedium;
  line-height: 18px;
}
.agile-portal.heading2 .link {
  color: #0077D9;
}
.agile-portal.heading2 .link:visited,
.agile-portal.heading2 .link:hover {
  color: #6E40CF;
}
.agile-portal.heading3 {
  padding: 8px 0;
  color: #0470b8;
  font-family: RobotoMedium;
  font-size: 18px !important;
}
.agile-portal.form-inner-wrap {
  width: 65%;
  padding: 30px 10px 10px;
  display: block;
  margin: 0 auto 0;
  min-height: 180px;
  background-color: #fff;
}
.agile-portal.form-inner-wrap.justify-content-center {
  justify-content: center;
}
.agile-portal.form-inner-wrap.justify-items-center {
  justify-items: center;
}
.agile-portal.form-inner-wrap .horizontalLine {
  box-sizing: border-box;
  height: 1px;
  border: 1px solid #667287;
  opacity: 0.15;
  width: 90%;
  margin-top: 25px;
}
.agile-portal.form-inner-wrap .mandatory {
  float: left;
  margin-left: -10px;
}
.agile-portal.form-inner-wrap .mandatoryfield {
  text-align: right;
}
.agile-portal.form-inner-wrap ul.Titels {
  display: none;
}
.agile-portal.form-inner-wrap ul.Titels li {
  display: inline-block;
  padding-bottom: 5px;
  color: #0470B8;
  font-size: 14px;
  text-transform: uppercase;
}
.agile-portal.form-inner-wrap ul.Titels li.DefaultNames {
  width: 18%;
}
.agile-portal.form-inner-wrap ul.Titels li.CustomNames {
  width: 45.5%;
}
.agile-portal.form-inner-wrap ul.Titels li.QuickView,
.agile-portal.form-inner-wrap ul.Titels li.Visible {
  width: 12.5%;
}
.agile-portal.form-inner-wrap ul.Titels li.AllComponent {
  width: 30%;
}
.agile-portal.form-inner-wrap ul.Titels li.ColumnNames {
  width: 29%;
}
.agile-portal.form-inner-wrap ul.Titels li.CustomNames1 {
  width: 43%;
}
.agile-portal.form-inner-wrap .form-row {
  margin: 0 0 10px 0;
  padding: 5px 0 5px 10px;
  height: 40px;
  /* Rounded sliders */
}
.agile-portal.form-inner-wrap .form-row .asterisk {
  color: #B6383E;
}
.agile-portal.form-inner-wrap .form-row .hide {
  display: none;
}
.agile-portal.form-inner-wrap .form-row .radio-group-wrapper .radiobuttonGroup {
  left: 0px;
  border: unset;
  font-size: 16px;
}
.agile-portal.form-inner-wrap .form-row .radio-group-wrapper .radiobuttonGroup .text {
  padding-left: 8px;
}
.agile-portal.form-inner-wrap .form-row .radio-group-wrapper .radiobuttonGroup .checkboxlabel {
  margin-left: 10px;
}
.agile-portal.form-inner-wrap .form-row .margintop15 {
  z-index: -10;
}
.agile-portal.form-inner-wrap .form-row label {
  float: left;
  font-size: 16px;
  width: 39%;
  font-family: RobotoMedium;
  font-weight: 400 !important;
}
.agile-portal.form-inner-wrap .form-row .timezone {
  font-size: 16px;
  font-weight: 400 !important;
  font-family: RobotoMedium;
}
.agile-portal.form-inner-wrap .form-row .timezone span {
  margin-right: 5px;
}
.agile-portal.form-inner-wrap .form-row .timezone .clock-icon {
  height: 20px;
  margin-bottom: -7px;
}
.agile-portal.form-inner-wrap .form-row .timezone.text {
  margin-bottom: 10px;
}
.agile-portal.form-inner-wrap .form-row .timezone.header {
  margin-top: -5px;
  margin-left: -10px;
  height: 50px;
}
.agile-portal.form-inner-wrap .form-row .tab-label {
  padding-right: 15px;
}
.agile-portal.form-inner-wrap .form-row .k-combobox .k-dropdown-wrap {
  display: inline-block;
  width: 97%;
  border: 1px solid #C8CED7;
  outline: 0;
  background-color: #fff;
  background-image: none;
}
.agile-portal.form-inner-wrap .form-row .k-combobox .k-dropdown-wrap .k-input {
  border: 0;
}
.agile-portal.form-inner-wrap .form-row .k-combobox .k-dropdown-wrap:hover {
  border: 1px solid #0077d9 !important;
}
.agile-portal.form-inner-wrap .form-row .k-combobox .k-dropdown-wrap.k-state-default.k-state-focused {
  border-color: #0077D9 !important;
}
.agile-portal.form-inner-wrap .form-row .k-input,
.agile-portal.form-inner-wrap .form-row .k-combobox {
  background: #fff !important;
  float: left !important;
  width: 47%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #C8CED7;
  font-size: 16px;
  color: #3B4455;
  font-family: RobotoRegular;
}
.agile-portal.form-inner-wrap .form-row .k-input:focus,
.agile-portal.form-inner-wrap .form-row .k-combobox:focus {
  border-color: #0077D9 !important;
}
.agile-portal.form-inner-wrap .form-row .k-combobox {
  border: 0;
}
.agile-portal.form-inner-wrap .form-row .force-normal {
  font-weight: normal !important;
}
.agile-portal.form-inner-wrap .form-row .disabled-textbox {
  background-color: #e1e1e1 !important;
}
.agile-portal.form-inner-wrap .form-row .link {
  height: 19px;
  width: 350px;
  color: #0077D9;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
}
.agile-portal.form-inner-wrap .form-row .link:visited,
.agile-portal.form-inner-wrap .form-row .link:hover {
  color: #6E40CF;
}
.agile-portal.form-inner-wrap .form-row .switch {
  position: relative;
  display: inline-block;
  width: 44px !important;
  height: 24px;
}
.agile-portal.form-inner-wrap .form-row .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.agile-portal.form-inner-wrap .form-row .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 24.2px;
  width: 44px;
  background-color: #CACED5;
}
.agile-portal.form-inner-wrap .form-row .slider:before {
  position: absolute;
  content: "";
  left: 2px;
  bottom: 2px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 20px;
  width: 20px;
  background: linear-gradient(137.68deg, #E7E7E7 0%, #FFFFFF 100%);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.agile-portal.form-inner-wrap .form-row input:checked + .slider {
  background-color: #0077D9;
}
.agile-portal.form-inner-wrap .form-row input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
  outline: 2px solid #87cbf3;
}
.agile-portal.form-inner-wrap .form-row input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.agile-portal.form-inner-wrap .form-row input:checked + .slider:focus {
  outline: 1px solid #87cbf3;
}
.agile-portal.form-inner-wrap .form-row .slider.round {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.agile-portal.form-inner-wrap .form-row .slider.round:before {
  border-radius: 50%;
}
.agile-portal.form-inner-wrap .form-row fieldset {
  position: relative;
  width: 44px;
  height: 26px;
  background: #e1e1e1;
  padding: 0;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.agile-portal.form-inner-wrap .form-row fieldset .input-switch {
  position: absolute;
  opacity: 0;
  z-index: -10;
}
.agile-portal.form-inner-wrap .form-row fieldset .switch-bg {
  position: absolute;
  z-index: 0;
  width: 50%;
  height: inherit;
  left: 50%;
  background: #7e7e7e;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  bottom: 3px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 20px;
  width: 20px;
  background: linear-gradient(137.68deg, #E7E7E7 0%, #FFFFFF 100%) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3) !important;
}
.agile-portal.form-inner-wrap .form-row fieldset .switch-labels {
  position: absolute;
  width: inherit;
  height: inherit;
}
.agile-portal.form-inner-wrap .form-row fieldset .switch-labels:before,
.agile-portal.form-inner-wrap .form-row fieldset .switch-labels:after {
  position: absolute;
  height: 40px;
  width: 50%;
  line-height: 25px;
  /*transition: all 0.3s;
                -webkit-transition: all 0.3s;*/
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
.agile-portal.form-inner-wrap .form-row fieldset .switch-labels:before {
  left: 0;
}
.agile-portal.form-inner-wrap .form-row fieldset .switch-labels:after {
  right: 0;
  color: #fff;
}
.agile-portal.form-inner-wrap .form-row fieldset label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100% !important;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.agile-portal.form-inner-wrap .form-row fieldset.show-hide {
  width: 130px;
}
.agile-portal.form-inner-wrap .form-row .input-switch:checked ~ .switch-bg {
  left: 3px;
  background: #0077D9 !important;
}
.agile-portal.form-inner-wrap .form-row .input-switch:checked ~ .switch-labels:before {
  color: #fff;
}
.agile-portal.form-inner-wrap .form-row .input-switch:checked ~ .switch-labels:after {
  color: #000;
}
.agile-portal.form-inner-wrap .form-row-new {
  height: auto !important;
  min-height: 100px;
  min-width: 74%;
  margin-top: 25px !important;
}
.agile-portal.form-inner-wrap .form-row-new label {
  width: 200px;
}
.agile-portal.form-inner-wrap .form-row-new fieldset {
  width: 69%;
  background-color: transparent;
}
.agile-portal.form-inner-wrap .form-row-new fieldset,
.agile-portal.form-inner-wrap .form-row-new .buttons {
  display: inline-block;
}
.agile-portal.form-inner-wrap .form-row-new-text {
  height: auto !important;
  min-height: 30px;
  min-width: 74%;
  padding-top: 25px;
}
.agile-portal.form-inner-wrap .form-row-new-text label {
  width: 200px;
}
.agile-portal.form-inner-wrap .form-row-new-text fieldset {
  width: 69%;
  background-color: transparent;
}
.agile-portal.form-inner-wrap .form-row-new-text fieldset,
.agile-portal.form-inner-wrap .form-row-new-text .buttons {
  display: inline-block;
}
.agile-portal.form-inner-wrap .dropdown dd,
.agile-portal.form-inner-wrap .dropdown dt {
  margin: 0;
  padding: 0;
}
.agile-portal.form-inner-wrap .dropdown ul {
  margin: -1px 0 0 0;
}
.agile-portal.form-inner-wrap .dropdown dd {
  position: absolute;
  width: 501px;
  z-index: 500;
  left: 295px;
}
.agile-portal.form-inner-wrap .dropdown dd ul {
  background-color: #fff;
  border: 1px solid #C8CED7;
  color: #3B4455;
  display: none;
  padding: 2px 0 2px 10px;
  width: 501px !important;
  list-style: none;
  height: 100px;
  overflow: auto;
  margin-top: 35px;
  font-size: 16px;
  border-radius: 0 0 4px 4px;
}
.agile-portal.form-inner-wrap .dropdown dd ul li {
  padding: 2px 0;
}
.agile-portal.form-inner-wrap .dropdown dd ul li a {
  padding: 5px;
  display: block;
}
.agile-portal.form-inner-wrap .dropdown dd ul li a:hover {
  background-color: #fff;
}
.agile-portal.form-inner-wrap .dropdown dt a {
  background-color: #fff;
  display: block;
  padding: 5px 0 0 5px;
  line-height: 16px;
  overflow: auto;
  border: 1px solid #C8CED7;
  width: 505px !important;
  min-height: 25px;
  float: left;
  margin-bottom: 10px;
  height: 32px;
  overflow-x: hidden;
  font-size: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.agile-portal.form-inner-wrap .dropdown dt a:hover {
  border: 1px solid #0077D9;
}
.agile-portal.form-inner-wrap .dropdown a,
.agile-portal.form-inner-wrap .dropdown:visited {
  color: #fff;
  text-decoration: none;
  outline: none;
  font-size: 12px;
}
.agile-portal.form-inner-wrap .dropdown span.value {
  display: none;
}
.agile-portal.form-inner-wrap .dropdown dt a span,
.agile-portal.form-inner-wrap .dropdown .multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
  color: #3B4455;
}
.agile-portal.form-inner-wrap .dropdown dt a span:first-child,
.agile-portal.form-inner-wrap .dropdown .multiSel span:first-child {
  padding: 4px 3px 2px 0;
}
.agile-portal.form-inner-wrap .scroll-pane {
  width: 50%;
  height: 200px;
  overflow: auto;
  background: red;
}
.agile-portal.form-inner-wrap .k-state-focused {
  background-color: #0077d9;
  background-image: none;
  box-shadow: none;
}
.agile-portal.form-inner-wrap .k-multiselect .k-input {
  width: 0;
  border: 0;
}
.agile-portal.form-inner-wrap .k-multiselect .k-multiselect-wrap {
  background-color: transparent;
}
.agile-portal.form-inner-wrap .k-multiselect .k-delete {
  background-position: -176px -80px;
}
.agile-portal.form-inner-wrap .k-dropdown {
  border: none;
  outline: 0;
}
.agile-portal.form-inner-wrap .k-dropdown .k-dropdown-wrap {
  display: inline-block;
  width: 97%;
  border-color: transparent;
  background-image: none;
  background-color: transparent;
}
.agile-portal.form-inner-wrap .k-dropdown .k-dropdown-wrap .k-select {
  background-color: #fff;
  border-radius: 0 4px 4px 0;
  height: 38px;
  border-color: #C8CED7;
  border-style: solid;
  border-width: 1px;
}
.agile-portal.form-inner-wrap .k-dropdown .k-dropdown-wrap .k-select .k-icon {
  margin-top: 10px;
}
.agile-portal.form-inner-wrap .k-dropdown .k-dropdown-wrap .k-input {
  width: 100% !important;
  border-radius: 4px 0 0 4px;
}
.agile-portal.form-inner-wrap .k-dropdown .k-dropdown-wrap.k-state-default.k-state-focused {
  border-color: #0077D9 !important;
}
.agile-portal.form-inner-wrap .customdatabases {
  border: 1px solid #ddd;
  /* margin: 0 auto; */
  width: auto;
}
.agile-portal.form-inner-wrap .customdatabases .form-row {
  padding: 10px 0 0px 10px;
}
.agile-portal.form-inner-wrap .customdatabases .form-row:nth-child(even) {
  background: #ececec;
  margin: 0;
  padding: 10px 0 10px 10px;
}
.agile-portal.form-inner-wrap .customdatabases .head {
  height: 22px;
  background: #106bb5;
  line-height: 12px;
  color: #fff;
  margin: 0;
}
.agile-portal.form-inner-wrap .customdatabases .head .databasename {
  width: 46%;
  margin-right: 12px;
}
.agile-portal.form-inner-wrap .customdatabases .dbname {
  width: 45%;
  margin-right: 12px;
}
.agile-portal.setting-inner-wrap {
  min-height: 403px;
  overflow: auto;
}
.agile-portal.buttons {
  width: 100%;
  text-align: right;
  margin: 10px 0 20px 0;
  border-top: 1px solid #e8eaed;
}
.agile-portal.buttons .k-button {
  min-width: 80px;
  display: inline-block;
  height: 38px;
  width: 92px;
  background-color: #0077D9;
  border: 1px solid #0077D9;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 38px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  padding: 0;
  background-image: none;
  margin-top: 30px;
}
.agile-portal.buttons .k-button:hover,
.agile-portal.buttons .k-button:active {
  background-color: #3392e1;
  background-image: none;
}
.agile-portal.buttons .k-button:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.buttons .k-button.reset {
  box-sizing: border-box;
  border: 1px solid #667287;
  border-radius: 20px;
  color: #667287;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  background-color: #fff;
  margin: 30px 20px 0 20px;
  height: 40px;
}
.agile-portal.buttons .k-button.reset:hover,
.agile-portal.buttons .k-button.reset:active {
  background-color: #e0e3e7;
}
.agile-portal.buttons .k-button.save {
  background-color: #0077D9 !important;
  margin-right: 30px;
}
.agile-portal.buttons .k-button.save:hover,
.agile-portal.buttons .k-button.save:active {
  background-color: #3392e1 !important;
}
.agile-portal.buttons .button-save {
  background-color: #0077D9 !important;
  margin-right: 20px;
}
.agile-portal.buttons .preview-button {
  margin-right: 25px;
  background-color: #6E40CF;
  border-color: #6E40CF;
}
.agile-portal.buttons .preview-button:hover {
  background-color: #9a7add;
  border-color: #9a7add;
}
.agile-portal.buttons1 {
  margin: 5px 0 !important;
}
.agile-portal.uploaded-img {
  max-height: 125px;
  max-width: 280px;
  display: inline-block;
  float: right;
  /*border: 1px solid #D8D7D7;*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.agile-portal.uploaded-img.user-profile-image {
  /*background: #3392e1 !important;*/
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  /*padding: 1px;*/
}
.agile-portal.uploaded-img-logo {
  padding: 0px;
  min-width: 500px;
  min-height: 44px;
  float: left;
}
.agile-portal.uploaded-img-banner {
  min-width: 500px;
  min-height: 100px;
}
.agile-portal.managemodule-settings .form-inner-wrap {
  display: block;
  width: 60%;
  margin: 40px auto 0;
}
.agile-portal.managemodule-settings .left-items,
.agile-portal.managemodule-settings .right-items {
  float: left;
  width: 30%;
  margin-left: 10%;
}
.agile-portal.managemodule-settings .form-row {
  padding: 0 0 5px 10px !important;
}
.agile-portal.managemodule-settings .form-row label {
  padding-right: 40px;
}
.agile-portal.tasklist-settings .horizontal {
  border-bottom: 1px solid rgba(102, 114, 135, 0.15);
  width: 80%;
  height: 0px !important;
}
.agile-portal.tasklist-settings .form-row .k-input {
  width: 39%;
  margin-right: 20px;
}
.agile-portal.tasklist-settings .form-row label {
  float: left;
  font-size: 16px;
  width: 25%;
}
.agile-portal.tasklist-settings .form-row select,
.agile-portal.tasklist-settings .form-row .k-multiselect {
  width: 40%;
  margin-right: 0px;
}
.agile-portal.tasklist-settings .form-row .k-multiselect {
  float: left;
  border: 1px solid #C8CED7;
  background: transparent;
  border-radius: 4px;
}
.agile-portal.tasklist-settings .form-row .k-dropdown {
  width: 38%;
  border: none;
  outline: 0;
}
.agile-portal.tasklist-settings .form-row .k-dropdown .k-dropdown-wrap {
  display: inline-block;
  width: 97%;
  border-color: transparent;
  background-image: none;
  background-color: transparent;
}
.agile-portal.tasklist-settings .form-row .k-dropdown .k-dropdown-wrap .k-select {
  background-color: #fff;
  border-radius: 0 4px 4px 0;
  height: 38px;
  border-color: #C8CED7;
  border-style: solid;
  border-width: 1px;
}
.agile-portal.tasklist-settings .form-row .k-dropdown .k-dropdown-wrap .k-input {
  width: 100%;
  border-radius: 4px 0 0 4px;
}
.agile-portal.tasklist-settings .form-row .k-dropdown .k-dropdown-wrap.k-state-default.k-state-focused {
  border-color: #0077D9 !important;
}
.agile-portal.tasklist-settings .form-row .k-dropdown .k-state-focused {
  background-color: transparent;
}
.agile-portal.tasklist-settings .form-row fieldset {
  float: left;
}
.agile-portal.tasklist-settings .form-row label {
  padding-top: 8px;
  width: 25% !important;
  color: #3B4455;
}
.agile-portal.tasklist-settings .form-row .number-box {
  width: 60px !important;
  margin: 0px 0 0 60px;
}
.agile-portal.tasklist-settings .form-row .taskname {
  padding-left: 44px;
  display: inline-block;
}
.agile-portal.tasklist-settings .textareablock {
  width: 54% !important;
}
.agile-portal.tasklist-settings .CodeMirror {
  width: 100%;
  border: 1px solid #CACED5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.agile-portal.tasklist-settings ul.Titels li {
  display: inline-block;
  padding-bottom: 5px;
  color: #0470B8;
  font-size: 14px;
  text-transform: uppercase;
}
.agile-portal.tasklist-settings ul.Titels li.ColumnNames {
  width: 24.5% !important;
  padding-left: 10px !important;
}
.agile-portal.tasklist-settings ul.Titels li.CustomNames1 {
  width: 408px !important;
  margin-right: 20px !important;
}
.agile-portal.tasklist-settings ul.Titels li.Visible {
  width: 156px !important;
}
.agile-portal.tasklist-settings .helpiconblock {
  float: right;
  z-index: 999;
  position: relative;
  margin: 10px 12px 0 0;
}
.agile-portal.tasklist-settings .CustomColumnsConfig {
  display: inline-block;
  width: 100%;
}
.agile-portal.tasklist-settings .CustomColumnsConfig .popup-button {
  background-color: transparent !important;
  border: 0;
  color: #3B4455;
  margin: 0;
  background: #fff !important;
  text-align: left;
  float: left;
  margin-top: 0px;
  cursor: pointer;
  padding-right: 15px;
  font-family: RobotoBold;
  font-size: 14px;
}
.agile-portal.tasklist-settings .CustomColumnsConfig .delettab {
  float: right;
  border: 0;
  background-color: transparent;
  margin-top: -44px;
  position: relative;
  cursor: pointer;
  outline: 0;
  margin-right: 10px;
  width: 20px;
}
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs {
  text-align: center;
  margin-top: -46px;
  position: relative;
  z-index: 99;
}
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li {
  display: inline-block;
  outline: 0;
  margin: 10px 0;
}
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.addcustomtabbtn:hover .popup-button,
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.addcustomtoolbarbtn:hover .popup-button,
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.addjsbtn:hover .popup-button,
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.addhtmlbtn:hover .popup-button {
  color: #008334;
}
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.addcustomtabbtn:hover .popup-button:focus,
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.addcustomtoolbarbtn:hover .popup-button:focus,
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.addjsbtn:hover .popup-button:focus,
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.addhtmlbtn:hover .popup-button:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.importbtn:hover .popup-button {
  color: #b6383e;
}
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.importbtn:hover .popup-button:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.save:hover .popup-button,
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.exportbtn:hover .popup-button,
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.addcustommenubtn:hover .popup-button {
  color: #0077d9;
}
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.save:hover .popup-button:focus,
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.exportbtn:hover .popup-button:focus,
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.addcustommenubtn:hover .popup-button:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.addjsbtn:hover .popup-button {
  color: #6E40CF;
}
.agile-portal.tasklist-settings .CustomColumnsConfig .tabs li.addhtmlbtn:hover .popup-button {
  color: #b41a81;
}
.agile-portal.tasklist-settings .CustomColumnsConfig .noconfig {
  text-align: center;
}
.agile-portal.tasklist-settings .tabpanel {
  border: 0;
  margin: 10px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item {
  background-color: transparent;
  margin: 5px 0;
  border: 0;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > .k-link.k-header {
  color: #3B4455;
  width: 98.5%;
  padding: 0 10px 0 15px;
  display: inline-block;
  background: #f6f6f7;
  font-size: 16px;
  font-weight: 500;
  height: 31px;
  line-height: 29px;
  border-radius: 4px;
  font-family: RobotoBold;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > .k-link.k-header.k-state-selected {
  background: #f6f6f7;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > .k-link.k-header.k-state-hover {
  background: #f6f6f7;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > .k-link.k-header .k-i-arrow-s {
  background-position: -16px -32px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content {
  border: 0;
  padding-top: 20px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent {
  width: 100% !important;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .fields {
  width: 60%;
  margin: 0 auto;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row {
  margin: 0 0 10px 0;
  padding: 5px 0 5px 10px;
  height: 40px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row label {
  padding-top: 8px;
  width: 25% !important;
  font-family: RobotoMedium;
  font-weight: 400 !important;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row select,
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row .k-multiselect {
  margin-right: 0px;
  border-radius: 4px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row select .k-multiselect-wrap,
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row .k-multiselect .k-multiselect-wrap {
  background-color: transparent;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row .k-input {
  border-radius: 4px;
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #C8CED7;
  font-size: 16px;
  color: #3B4455;
  margin-right: 0;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row .k-multiselect {
  float: left;
  border: 1px solid #C8CED7;
  background: transparent;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row .k-multiselect .k-input {
  border: 0;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row .k-dropdown {
  border: none;
  outline: 0;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row .k-dropdown .k-dropdown-wrap {
  display: inline-block;
  width: 97%;
  border-color: transparent;
  background-image: none;
  background-color: transparent;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row .k-dropdown .k-dropdown-wrap .k-select {
  background-color: #fff;
  border-radius: 0 4px 4px 0;
  height: 38px;
  border-color: #C8CED7;
  border-style: solid;
  border-width: 1p;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row .k-dropdown .k-dropdown-wrap .k-input {
  width: 100%;
  border-radius: 4px 0 0 4px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row .k-dropdown .k-dropdown-wrap.k-state-default.k-state-focused {
  border-color: #0077D9 !important;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .form-row .k-dropdown .k-state-focused {
  background-color: transparent;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .columnconfiggrid {
  border: 0;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-toolbar .k-button {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-header {
  border: 0;
  padding-right: 0 !important;
  border-right: 1px solid #fff;
  background-color: #fff !important;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-header .k-header {
  border: 0;
  background-image: none;
  background-color: #fff !important;
  color: #3B4455;
  text-transform: uppercase;
  font-size: 16px;
  padding-left: 0 !important;
  font-weight: 100;
  font-family: RobotoRegular;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-header .k-header:last-child {
  text-align: center;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-header .k-header .k-link {
  font-weight: 100;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-header .k-grid-header-wrap {
  border: 0 none;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-content {
  overflow-y: auto;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-content .noelements-text {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-content tr,
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-content .k-alt {
  background-color: transparent !important;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-content td {
  border-top: 1px solid #e8eaed;
  padding: 0.7em 0.6em;
  border-width: 1px 0 0 0 !important;
  padding-left: 0 !important;
  font-size: 16px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-Delete,
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-edit,
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-cancel,
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-update {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  width: 20px !important;
  min-width: 20px !important;
  text-indent: -20000px;
  height: 20px;
  border: 0;
  background-color: transparent !important;
  padding: 0;
  margin: 0 10px !important;
  font-weight: 100 !important;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-Delete:hover,
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-edit:hover,
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-cancel:hover,
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-update:hover {
  background-color: transparent !important;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-edit {
  background-position: -51px -952px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-edit:hover {
  background-position: -51px -987px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-Delete {
  background-position: -14px -952px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-Delete:hover {
  background-position: -14px -987px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-update {
  background-position: -88px -952px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-cancel {
  background-position: -14px -952px;
}
.agile-portal.tasklist-settings .tabpanel > li.k-item > div.k-content .TabConfigContent .grid-conatiner .k-grid-cancel:hover {
  background-position: -14px -987px;
}
.agile-portal.tasklist-settings .columnconfiggrid select {
  width: 94%;
  height: 30px;
}
.agile-portal.tasklist-settings .columnconfiggrid .k-input {
  width: 98% !important;
  height: 40px;
}
.agile-portal.tasklist-settings .columnconfiggrid .textarea {
  width: 94%;
  height: 50px;
  font-size: 13px;
  color: #3B4455;
  font-family: RobotoRegular, Arial, Verdana, sans-serif;
  border: 1px solid #B7B7B7;
}
.agile-portal.tasklist-settings .columnconfiggrid .invalidTemplate {
  border-color: #ffe13a;
  background-color: #ffe13a;
  color: #787878;
  font-size: 12px !important;
  font-weight: normal !important;
  margin-top: 0px;
  width: 94%;
  display: inline-block;
  padding-left: 12px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.298039);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.298039);
}
.agile-portal.tasklist-settings .columnconfiggrid .k-numerictextbox .k-numeric-wrap {
  border: 1px solid #C8CED7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.agile-portal.tasklist-settings .columnconfiggrid .k-numerictextbox .k-numeric-wrap.k-state-hover {
  background-color: #fff;
}
.agile-portal.tasklist-settings .columnconfiggrid .k-numerictextbox .k-input {
  width: 90% !important;
  margin-right: 0;
  border: 0;
  height: 30px;
}
.agile-portal.tasklist-settings .columnconfiggrid .k-grid-content {
  overflow-y: auto;
  min-height: 147px;
}
.agile-portal.tasklist-settings .columnconfiggrid .k-grid-content .k-button {
  min-width: 30px;
  padding-right: 0;
}
.agile-portal.tasklist-settings .columnconfiggrid .k-grid-content .k-grid td {
  text-align: center;
}
.agile-portal.tasklist-settings .ButtSaveDiv {
  height: auto !important;
  margin-right: 20px;
}
.agile-portal.tasklist-settings .EnableDynamic {
  float: left;
  width: 26%;
}
.agile-portal.tasklist-settings .k-grid .k-update {
  background-position: -48px -32px;
}
.agile-portal.tasklist-settings .k-grid .k-add {
  background-position: -48px -64px;
}
.agile-portal.tasklist-settings .k-grid .k-cancel {
  background-position: -48px -48px;
}
.agile-portal.tasklist-settings .k-grid .k-delete {
  background-position: -48px -16px;
}
.agile-portal.tasklist-settings .k-grid .k-edit {
  background-position: -47px 0px;
}
.agile-portal.tasklist-settings .k-grid .k-grid-header {
  padding-right: 0 !important;
}
.agile-portal.tasklist-settings .k-grid .k-grid-header .k-header {
  font-weight: 700 !important;
}
.agile-portal.tasklist-settings .k-grid .k-grouping-header .k-button .k-icon {
  margin: 6px 0 0 3px;
}
.agile-portal.tasklist-settings .k-grid .k-pager-wrap {
  border-radius: 0px;
}
.agile-portal.tasklist-settings .k-grid .k-pager-wrap .k-link {
  text-align: center;
  border-radius: 0;
  background-color: #dadada;
  border-radius: 0px;
  border-color: #CDCDCD;
}
.agile-portal.tasklist-settings .k-grid .k-pager-wrap .k-link:hover {
  background: #dadada;
}
.agile-portal.tasklist-settings .k-grid .k-pager-wrap .k-pager-numbers .k-state-selected {
  background-color: #0077D9;
  border-color: #0077D9;
  color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.agile-portal.tasklist-settings .k-grid .k-pager-wrap .k-pager-info {
  line-height: 28px;
}
.agile-portal.tasklist-settings .switch {
  margin-top: 10px;
}
.agile-portal.mobile-settings label {
  width: 39% !important;
}
.agile-portal.tasklist-tab-settings {
  background-color: transparent !important;
  border: 0 none;
}
.agile-portal.tasklist-tab-settings .tab-settings {
  transition: all 0.5s ease;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.agile-portal.tasklist-tab-settings .tab-settings .heading2 {
  background: transparent !important;
  position: relative;
  z-index: 0;
}
.agile-portal.tasklist-tab-settings .CustomColumnsConfig {
  display: inline-block;
  width: 100%;
  /*.popup-button {
                margin-right: 3px;
                border: 0;
                height: 30px;
                border-color: #0494d2;
                background-color: #0494d2;
                color: #fff;
                border-style: solid solid none;
                border-width: 1px;
                cursor: pointer;
            }*/
}
.agile-portal.tasklist-tab-settings .CustomColumnsConfig .delettab {
  float: right;
  margin-top: -46px;
  position: relative;
  background-color: transparent;
  border: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.agile-portal.tasklist-tab-settings .CustomColumnsConfig .tabs li {
  display: inline-block;
  outline: 0;
  margin: 10px 0;
}
.agile-portal.tasklist-advanced-settings .form-inner-wrap .form-row {
  padding: 5px 0 10px 10px;
}
.agile-portal.tasklist-advanced-settings .form-inner-wrap .multisel-row {
  min-height: 25px;
  margin: 0;
  height: auto;
}
.agile-portal.tasklist-advanced-settings .form-inner-wrap .processstatus-row {
  margin-top: 20px;
  display: inline-block;
}
.agile-portal.tasklist-advanced-settings .form-inner-wrap label {
  margin-top: 16px;
}
.agile-portal.tasklist-advanced-settings .form-inner-wrap .dropdown {
  display: inline-block;
  margin: 0;
  position: relative;
}
.agile-portal.tasklist-advanced-settings .form-inner-wrap .dropdown dd {
  left: 0 !important;
}
.agile-portal.tasklist-advanced-settings .form-inner-wrap .department .k-input {
  width: 45%;
}
.agile-portal.tasklistcustomcss .form-inner-wrap {
  width: 97% !important;
}
.agile-portal.tasklistcustomcss .form-row label {
  width: 18% !important;
}
.agile-portal.tasklistcustomcss .form-row .textareablock {
  width: 75% !important;
  background: transparent;
  margin: 0 auto;
  float: none;
}
.agile-portal.workcenter-common-settings .ButtSaveDiv {
  height: auto !important;
}
.agile-portal.workcenter-common-settings .applications-list {
  height: 259px !important;
  background-color: white !important;
  border: 1px solid #CACED5;
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 52%;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  background-color: transparent !important;
}
.agile-portal.workcenter-common-settings .k-treeview {
  border: 0;
}
.agile-portal.workcenter-common-settings .k-treeview-lines {
  list-style: none;
  padding: 0;
  margin: 0;
}
.agile-portal.workcenter-common-settings .k-treeview-lines .k-item {
  padding: 2px 0;
}
.agile-portal.workcenter-common-settings .k-treeview-lines .k-state-focused {
  color: #fff !important;
}
.agile-portal.workcenter-common-settings .k-treeview-lines .k-state-selected {
  background-color: #0077D9;
  color: #fff;
}
.agile-portal.workcenter-common-settings .k-treeview-lines .k-state-hover {
  background: #3392e1 !important;
  color: #fff;
}
.agile-portal.workcenter-common-settings .k-treeview-lines .k-in {
  padding: 3px !important;
  color: #3B4455;
}
.agile-portal.workcenter-common-settings .k-treeview-lines .k-group {
  padding-left: 16px;
  list-style: none;
  margin: 0;
}
.agile-portal.workcentrex-ternalform .heading2 {
  padding-left: 10px !important;
}
.agile-portal.workcentrex-ternalform .extURLConfig {
  min-height: 350px;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget {
  margin: 20px auto;
  border: 0;
  font-size: 16px;
  width: 93%;
  color: #3B4455;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-header {
  border: 0;
  padding-right: 0 !important;
  background-color: #fff !important;
  background-image: none;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-header .k-header {
  border: 0;
  background-image: none;
  background-color: #fff !important;
  color: #3B4455;
  text-transform: uppercase;
  font-size: 16px;
  padding-left: 0 !important;
  font-weight: 100;
  font-family: RobotoRegular;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-header .k-header:last-child {
  text-align: center;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-header .k-grid-header-wrap {
  border: 0 none;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-header .k-link {
  color: #3B4455;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content {
  overflow-y: auto;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content td:last-child {
  text-align: center;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content .noelements-text {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content tr,
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content .k-alt {
  background-color: transparent !important;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content td {
  border-top: 1px solid #e8eaed;
  padding: 0.7em 0.6em;
  border-width: 1px 0 0 0 !important;
  padding-left: 0 !important;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content .noelements-text {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grouping-header {
  padding: 10px 0;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grouping-row p {
  color: #3B4455;
  font-size: 14px;
  font-family: RobotoBold;
  text-align: left !important;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-pager-wrap {
  font-size: 14px;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #e8eaed;
  text-align: center;
  padding-top: 30px;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-pager-wrap .k-link {
  border-color: transparent;
  float: none;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-pager-wrap .k-link:hover,
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-pager-wrap .k-link:focus {
  border-color: #0077D9 !important;
  background-image: none;
  background-color: transparent;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-pager-wrap .k-pager-numbers .k-state-selected {
  border-color: #0077D9 !important;
  background-image: none !important;
  border-radius: 16px;
  background-color: #0077D9 !important;
  float: none;
  color: #fff;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-pager-wrap .k-pager-numbers {
  float: none !important;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-pager-wrap .k-pager-input,
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-pager-wrap .k-pager-sizes {
  float: right !important;
  padding-right: 0 !important;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-pager-wrap .k-pager-info {
  float: left !important;
  padding-left: 0 !important;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-state-focused {
  background-color: transparent !important;
}
.agile-portal.workcentrex-ternalform .k-grid-Delete,
.agile-portal.workcentrex-ternalform .k-grid-Edit,
.agile-portal.workcentrex-ternalform .k-grid-delete,
.agile-portal.workcentrex-ternalform .k-grid-edit {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  width: 20px !important;
  min-width: 20px !important;
  text-indent: -20000px;
  height: 20px;
  border: 0;
  background-color: transparent !important;
  padding: 0;
  margin: 0 10px !important;
}
.agile-portal.workcentrex-ternalform .k-grid-Delete:hover,
.agile-portal.workcentrex-ternalform .k-grid-Edit:hover,
.agile-portal.workcentrex-ternalform .k-grid-delete:hover,
.agile-portal.workcentrex-ternalform .k-grid-edit:hover {
  background-color: transparent !important;
}
.agile-portal.workcentrex-ternalform .k-grid-Edit,
.agile-portal.workcentrex-ternalform .k-grid-edit {
  background-position: -51px -952px;
}
.agile-portal.workcentrex-ternalform .k-grid-Edit:hover,
.agile-portal.workcentrex-ternalform .k-grid-edit:hover {
  background-position: -51px -987px;
}
.agile-portal.workcentrex-ternalform .k-grid-Delete,
.agile-portal.workcentrex-ternalform .k-grid-delete {
  background-position: -14px -952px;
}
.agile-portal.workcentrex-ternalform .k-grid-Delete:hover,
.agile-portal.workcentrex-ternalform .k-grid-delete:hover {
  background-position: -14px -987px;
}
.agile-portal.workcentrex-ternalform .k-grid-add,
.agile-portal.workcentrex-ternalform .k-grid-save-changes,
.agile-portal.workcentrex-ternalform .k-grid-cancel-changes {
  background-color: transparent !important;
  border: #fff;
  color: #3B4455;
  font-family: RobotoMedium;
  min-width: 165px !important;
  margin: 0;
  background: #fff !important;
}
.agile-portal.workcentrex-ternalform .k-grid-add .k-icon.k-add,
.agile-portal.workcentrex-ternalform .k-grid-save-changes .k-icon.k-add,
.agile-portal.workcentrex-ternalform .k-grid-cancel-changes .k-icon.k-add,
.agile-portal.workcentrex-ternalform .k-grid-add .k-icon.k-update,
.agile-portal.workcentrex-ternalform .k-grid-save-changes .k-icon.k-update,
.agile-portal.workcentrex-ternalform .k-grid-cancel-changes .k-icon.k-update,
.agile-portal.workcentrex-ternalform .k-grid-add .k-icon.k-cancel,
.agile-portal.workcentrex-ternalform .k-grid-save-changes .k-icon.k-cancel,
.agile-portal.workcentrex-ternalform .k-grid-cancel-changes .k-icon.k-cancel {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  background-position: -16px -1047px;
  display: inline-block;
}
.agile-portal.workcentrex-ternalform .k-grid-add .k-icon.k-update,
.agile-portal.workcentrex-ternalform .k-grid-save-changes .k-icon.k-update,
.agile-portal.workcentrex-ternalform .k-grid-cancel-changes .k-icon.k-update {
  background-position: -124px -1047px;
}
.agile-portal.workcentrex-ternalform .k-grid-add .k-icon.k-cancel,
.agile-portal.workcentrex-ternalform .k-grid-save-changes .k-icon.k-cancel,
.agile-portal.workcentrex-ternalform .k-grid-cancel-changes .k-icon.k-cancel {
  background-position: -160px -1047px;
}
.agile-portal.workcentrex-ternalform .k-grid-add:hover {
  color: #008334;
}
.agile-portal.workcentrex-ternalform .k-grid-add:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.workcentrex-ternalform .k-grid-save-changes:hover {
  color: #0077d9;
}
.agile-portal.workcentrex-ternalform .k-grid-save-changes:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.workcentrex-ternalform .k-grid-cancel-changes:hover {
  color: #b6383e;
}
.agile-portal.workcentrex-ternalform .k-grid-cancel-changes:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget {
  width: 98%;
  margin: 20px auto;
  border: 0;
  font-size: 16px;
  text-align: left;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-header.k-grid-toolbar {
  position: absolute;
  top: -65px;
  text-align: center;
  left: 16px;
  right: 16px;
  background: transparent;
  border: 0;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content {
  overflow: auto !important;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content .k-input,
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content .k-textbox {
  width: 100% !important;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content td .k-dropdown-wrap {
  height: 34px;
  background-image: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content td .k-dropdown-wrap .k-input {
  border: 0;
  padding: 4px 5px;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content td .k-dropdown-wrap.k-state-focused {
  background-image: none;
  outline: 1px solid #2162ac !important;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content td .k-dropdown-wrap.k-state-default.k-state-focused {
  border-color: #0077D9 !important;
}
.agile-portal.workcentrex-ternalform .k-grid.k-widget .k-grid-content td .k-tooltip-validation {
  display: inherit !important;
  margin: 0 !important;
}
.agile-portal.modern-workcenter-settings .form-row .k-input {
  width: 40%;
  margin-right: 20px;
}
.agile-portal.modern-workcenter-settings .form-row label {
  float: left;
  font-size: 16px;
  width: 37%;
  padding-top: 8px;
  color: #3B4455;
  padding-right: 15px;
}
.agile-portal.modern-workcenter-settings .form-row select,
.agile-portal.modern-workcenter-settings .form-row .k-multiselect {
  width: 40%;
  margin-right: 0px;
}
.agile-portal.modern-workcenter-settings .form-row .k-multiselect {
  float: left;
  border: 1px solid #C8CED7;
  background: transparent;
  border-radius: 4px;
}
.agile-portal.modern-workcenter-settings .form-row .k-dropdown {
  width: 38%;
  border: none;
  outline: 0;
}
.agile-portal.modern-workcenter-settings .form-row .k-dropdown .k-dropdown-wrap {
  display: inline-block;
  width: 97%;
  border-color: transparent;
  background-image: none;
  background-color: transparent;
}
.agile-portal.modern-workcenter-settings .form-row .k-dropdown .k-dropdown-wrap.k-state-default.k-state-focused {
  border-color: #0077D9 !important;
}
.agile-portal.modern-workcenter-settings .form-row .k-dropdown .k-dropdown-wrap .k-select {
  background-color: #fff;
  border-radius: 0 4px 4px 0;
  height: 38px;
  border-color: #C8CED7;
  border-style: solid;
  border-width: 1px;
}
.agile-portal.modern-workcenter-settings .form-row .k-dropdown .k-dropdown-wrap .k-input {
  width: 100%;
  border-radius: 4px 0 0 4px;
}
.agile-portal.modern-workcenter-settings .form-row .k-dropdown .k-state-focused {
  background-color: transparent;
}
.agile-portal.modern-workcenter-settings .form-row fieldset {
  float: left;
}
.agile-portal.modern-workcenter-settings .form-row .number-box {
  width: 60px !important;
  margin: 0px 0 0 60px;
}
.agile-portal.modern-workcenter-settings .form-row .taskname {
  padding-left: 44px;
  display: inline-block;
}
.agile-portal.tasklist-tab .form-row .k-input {
  width: 40%;
  margin-right: 20px;
}
.agile-portal.tasklist-tab ul.Titels li.ColumnNames {
  width: 280px;
}
.agile-portal.tasklist-tab ul.Titels li.CustomNames {
  width: 450px;
}
.agile-portal.customactions .heading2 {
  height: 60px !important;
}
.agile-portal.customactions .CustomColumnsConfig .tabs {
  text-align: center;
  margin-top: -117px;
  position: relative;
  z-index: 99;
  width: 90%;
}
.agile-portal.em-setting .agile-portal.form-inner-wrap {
  width: 50% !important;
}
.agile-portal.em-setting .form-column1,
.agile-portal.em-setting .form-column2 {
  float: left;
  width: 47%;
  /* Rounded sliders */
}
.agile-portal.em-setting .form-column1 label,
.agile-portal.em-setting .form-column2 label {
  width: 165px;
  margin-top: 8px;
}
.agile-portal.em-setting .form-column1 .k-input,
.agile-portal.em-setting .form-column2 .k-input {
  width: 280% !important;
}
.agile-portal.em-setting .form-column1 .switch,
.agile-portal.em-setting .form-column2 .switch {
  position: relative;
  display: inline-block;
  width: 44px !important;
  height: 24px;
}
.agile-portal.em-setting .form-column1 .switch input,
.agile-portal.em-setting .form-column2 .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.agile-portal.em-setting .form-column1 .slider,
.agile-portal.em-setting .form-column2 .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 24.2px;
  width: 44px;
  background-color: #CACED5;
}
.agile-portal.em-setting .form-column1 .slider:before,
.agile-portal.em-setting .form-column2 .slider:before {
  position: absolute;
  content: "";
  left: 2px;
  bottom: 2px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 20px;
  width: 20px;
  background: linear-gradient(137.68deg, #E7E7E7 0%, #FFFFFF 100%);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.agile-portal.em-setting .form-column1 input:checked + .slider,
.agile-portal.em-setting .form-column2 input:checked + .slider {
  background-color: #0077D9;
}
.agile-portal.em-setting .form-column1 input:focus + .slider,
.agile-portal.em-setting .form-column2 input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
  outline: 2px solid #87cbf3;
}
.agile-portal.em-setting .form-column1 input:checked + .slider:before,
.agile-portal.em-setting .form-column2 input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.agile-portal.em-setting .form-column1 input:checked + .slider:focus,
.agile-portal.em-setting .form-column2 input:checked + .slider:focus {
  outline: 1px solid #87cbf3;
}
.agile-portal.em-setting .form-column1 .slider.round,
.agile-portal.em-setting .form-column2 .slider.round {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.agile-portal.em-setting .form-column1 .slider.round:before,
.agile-portal.em-setting .form-column2 .slider.round:before {
  border-radius: 50%;
}
.agile-portal.em-setting .padding-left22 {
  padding-left: 22px !important;
}
.agile-portal.admin-setting .top-buttons {
  border: 0 none;
  text-align: center;
  cursor: pointer;
  padding: 5px 0 0 0;
  background: transparent;
  display: inline-block;
  width: 70%;
  color: #3B4455;
}
.agile-portal.admin-setting .top-buttons .k-button {
  background-color: transparent;
  color: #3B4455;
  border: 0 none;
  cursor: pointer;
}
.agile-portal.admin-setting .buttons-text {
  float: left;
  padding-left: 10px;
  margin-top: -5px;
  font-size: 14px;
}
.agile-portal.admin-setting .subhead {
  color: #3B4455;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  padding-left: 10px;
}
.agile-portal.admin-setting .Registered {
  color: #008000;
}
.agile-portal.admin-setting .Registered.Not {
  color: #F00;
}
.agile-portal.admin-setting .k-upload-button {
  border: 0;
}
.agile-portal.admin-setting .k-upload-button.k-state-focused {
  background-image: none;
}
.agile-portal.admin-setting .k-upload .k-button {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.agile-portal.admin-setting .k-tooltip-validation {
  padding: 3px;
}
.agile-portal.admin-setting .accountsContainer {
  width: 100% !important;
}
.agile-portal.admin-setting .accountsContainer .item {
  float: left;
  width: 46%;
  margin: 15px 1% 1% 1%;
}
.agile-portal.admin-setting .accountsContainer .default {
  float: right;
  margin-bottom: 3px;
  padding: 1px 3px;
  border-radius: 6px;
  font-size: 16px;
}
.agile-portal.admin-setting .accountsContainer .accountItem {
  cursor: pointer;
  padding: 0;
  float: left;
  width: 100%;
  border: 1px solid #cce4f7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
}
.agile-portal.admin-setting .accountsContainer .accountItem:hover {
  background-color: rgba(0, 119, 217, 0.1);
  border: 1px solid #0077d9;
}
.agile-portal.admin-setting .accountsContainer .accountItem.activeState {
  background-color: rgba(0, 119, 217, 0.1);
  border: 1px solid #0077d9;
}
.agile-portal.admin-setting .accountsContainer .accountItem .selectionCheck {
  display: none !important;
}
.agile-portal.admin-setting .accountsContainer .accountItem .accountIcon {
  margin: 0 !important;
}
.agile-portal.admin-setting .accountsContainer .accountItem .accountName {
  line-height: 50px;
  font-size: 16px;
}
.agile-portal.admin-setting .accountsContainer .accountItem.activeState .accountName {
  color: #0077D9;
}
.agile-portal.admin-setting .accountConfigurationFormContent .panel {
  padding-top: 20px;
}
.agile-portal.admin-setting .accountConfigurationFormContent .k-dropdown {
  float: left;
  width: 46%;
}
.agile-portal.admin-setting .accountConfigurationFormContent .ActiveDirectoryConfiguration .heading2 {
  padding-left: 0 !important;
}
.agile-portal.admin-setting .form-inner-wrap-admin {
  padding: 30px 0 15px 25px;
  display: inline-block;
  width: 98%;
}
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons {
  display: inline-block;
  width: 100%;
}
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li {
  background-color: #fff;
  display: inline-block;
  width: 23%;
  vertical-align: top;
  margin: 5px;
  cursor: pointer;
  padding: 0;
  float: left;
  height: 48px;
}
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li a.item {
  float: left;
  width: 99%;
}
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li .text {
  display: inline-block;
  color: #0077D9;
  overflow: hidden;
  white-space: nowrap;
  width: 83%;
  text-overflow: ellipsis;
  text-align: left;
  font-size: 16px;
  padding-top: 14px;
}
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li .header-list {
  height: 29px;
}
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li .primary-text {
  padding: 7px 0 0 9px;
  display: inline-block;
  color: #3B4455;
  font-weight: 100;
  font-family: RobotoMedium;
}
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li .icons {
  display: block;
  float: right;
  width: 24px;
  height: 23px;
  margin: 3px 5px 0 0;
  cursor: pointer;
}
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li .makeprimary-button {
  background-color: #0077D9;
  color: #fff;
  padding: 4px;
  display: block;
  width: 100px;
  float: right;
  margin: 3px 5px 0 0;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li.Select,
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li.others {
  border: 1px solid #cce4f7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
}
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li.Select .text,
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li.others .text {
  color: #0077D9;
}
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li.Select:hover,
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li.others:hover {
  background-color: rgba(0, 119, 217, 0.1);
  border: 1px solid #0077d9;
}
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li.Select:focus,
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li.others:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.admin-setting .form-inner-wrap-admin ul.list-icons li.Primary {
  height: 80px;
}
.agile-portal.admin-setting .k-tabstrip {
  border: 0;
}
.agile-portal.admin-setting .k-tabstrip .k-tabstrip {
  border: 0;
  outline: 0;
}
.agile-portal.admin-setting .k-tabstrip .k-tabstrip .k-tabstrip-items {
  padding: 0;
}
.agile-portal.admin-setting .k-tabstrip .k-tabstrip .k-tabstrip-items .k-item {
  cursor: pointer;
  border: 1px solid #CACED5;
  background-color: #fff !important;
  color: #3B4455 !important;
  margin-right: -4px;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  display: inline-block;
  height: 30px;
  line-height: 20px;
  min-width: 110px;
  padding: 0px 14px;
  border-radius: 0 !important;
  background-image: none;
}
.agile-portal.admin-setting .k-tabstrip .k-tabstrip .k-tabstrip-items .k-item:hover {
  border-color: #0077d9 !important;
}
.agile-portal.admin-setting .k-tabstrip .k-tabstrip .k-tabstrip-items .k-item .k-link {
  padding: 5px 0 0 0;
  width: 100%;
  text-align: center;
  display: inline-block;
  color: #667287;
  font-size: 14px;
  font-family: RobotoMedium;
  font-weight: 500;
}
.agile-portal.admin-setting .k-tabstrip .k-tabstrip .k-tabstrip-items .k-item:first-child,
.agile-portal.admin-setting .k-tabstrip .k-tabstrip .k-tabstrip-items .k-item.k-first {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.agile-portal.admin-setting .k-tabstrip .k-tabstrip .k-tabstrip-items .k-item:last-child,
.agile-portal.admin-setting .k-tabstrip .k-tabstrip .k-tabstrip-items .k-item.k-last {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.agile-portal.admin-setting .k-tabstrip .k-tabstrip .k-tabstrip-items .k-loading.k-complete {
  border: 0;
}
.agile-portal.admin-setting .k-tabstrip .k-tabstrip .k-tabstrip-items .k-state-active {
  border-color: #0077d9 !important;
  background-color: #0077d9 !important;
  background-image: none;
}
.agile-portal.admin-setting .k-tabstrip .k-tabstrip .k-tabstrip-items .k-state-active .k-link {
  color: #FFF !important;
}
.agile-portal.admin-setting .k-tabstrip .k-tabstrip .k-state-active {
  border-color: transparent !important;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget {
  margin: 20px auto;
  border: 0;
  font-size: 16px;
  width: 93%;
  color: #3B4455;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grid-header {
  border: 0;
  padding-right: 0 !important;
  background-color: #fff !important;
  background-image: none;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grid-header .k-header {
  border: 0;
  background-image: none;
  background-color: #fff !important;
  color: #3B4455;
  text-transform: uppercase;
  font-size: 16px;
  padding-left: 0 !important;
  font-weight: 100;
  font-family: RobotoRegular;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grid-header .k-header:last-child {
  text-align: center;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grid-header .k-grid-header-wrap {
  border: 0 none;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grid-header .k-link {
  color: #3B4455;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grid-content {
  overflow-y: auto;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grid-content td:last-child {
  text-align: center;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grid-content .noelements-text {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grid-content tr,
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grid-content .k-alt {
  background-color: transparent !important;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grid-content td {
  border-top: 1px solid #e8eaed;
  padding: 0.7em 0.6em;
  border-width: 1px 0 0 0 !important;
  padding-left: 0 !important;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grid-content .noelements-text {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grouping-header {
  padding: 10px 0;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grouping-row p {
  color: #3B4455;
  font-size: 14px;
  font-family: RobotoBold;
  text-align: left !important;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-pager-wrap {
  font-size: 14px;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #e8eaed;
  text-align: center;
  padding-top: 30px;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-pager-wrap .k-link {
  border-color: transparent;
  float: none;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-pager-wrap .k-link:hover,
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-pager-wrap .k-link:focus {
  border-color: #0077D9 !important;
  background-image: none;
  background-color: transparent;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-pager-wrap .k-pager-numbers .k-state-selected {
  border-color: #0077D9 !important;
  background-image: none !important;
  border-radius: 16px;
  background-color: #0077D9 !important;
  float: none;
  color: #fff;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-pager-wrap .k-pager-numbers {
  float: none !important;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-pager-wrap .k-pager-input,
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-pager-wrap .k-pager-sizes {
  float: right !important;
  padding-right: 0 !important;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-pager-wrap .k-pager-info {
  float: left !important;
  padding-left: 0 !important;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-state-focused {
  background-color: transparent !important;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-Delete,
.agile-portal.admin-setting .k-tabstrip .k-grid-Edit,
.agile-portal.admin-setting .k-tabstrip .k-grid-delete,
.agile-portal.admin-setting .k-tabstrip .k-grid-edit {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  width: 20px !important;
  min-width: 20px !important;
  text-indent: -20000px;
  height: 20px;
  border: 0;
  background-color: transparent !important;
  padding: 0;
  margin: 0 10px !important;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-Delete:hover,
.agile-portal.admin-setting .k-tabstrip .k-grid-Edit:hover,
.agile-portal.admin-setting .k-tabstrip .k-grid-delete:hover,
.agile-portal.admin-setting .k-tabstrip .k-grid-edit:hover {
  background-color: transparent !important;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-Edit,
.agile-portal.admin-setting .k-tabstrip .k-grid-edit {
  background-position: -51px -952px;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-Edit:hover,
.agile-portal.admin-setting .k-tabstrip .k-grid-edit:hover {
  background-position: -51px -987px;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-Delete,
.agile-portal.admin-setting .k-tabstrip .k-grid-delete {
  background-position: -14px -952px;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-Delete:hover,
.agile-portal.admin-setting .k-tabstrip .k-grid-delete:hover {
  background-position: -14px -987px;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-add,
.agile-portal.admin-setting .k-tabstrip .k-grid-save-changes,
.agile-portal.admin-setting .k-tabstrip .k-grid-cancel-changes {
  background-color: transparent !important;
  border: #fff;
  color: #3B4455;
  font-family: RobotoMedium;
  min-width: 165px !important;
  margin: 0;
  background: #fff !important;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-add .k-icon.k-add,
.agile-portal.admin-setting .k-tabstrip .k-grid-save-changes .k-icon.k-add,
.agile-portal.admin-setting .k-tabstrip .k-grid-cancel-changes .k-icon.k-add,
.agile-portal.admin-setting .k-tabstrip .k-grid-add .k-icon.k-update,
.agile-portal.admin-setting .k-tabstrip .k-grid-save-changes .k-icon.k-update,
.agile-portal.admin-setting .k-tabstrip .k-grid-cancel-changes .k-icon.k-update,
.agile-portal.admin-setting .k-tabstrip .k-grid-add .k-icon.k-cancel,
.agile-portal.admin-setting .k-tabstrip .k-grid-save-changes .k-icon.k-cancel,
.agile-portal.admin-setting .k-tabstrip .k-grid-cancel-changes .k-icon.k-cancel {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  background-position: -16px -1047px;
  display: inline-block;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-add .k-icon.k-update,
.agile-portal.admin-setting .k-tabstrip .k-grid-save-changes .k-icon.k-update,
.agile-portal.admin-setting .k-tabstrip .k-grid-cancel-changes .k-icon.k-update {
  background-position: -124px -1047px;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-add .k-icon.k-cancel,
.agile-portal.admin-setting .k-tabstrip .k-grid-save-changes .k-icon.k-cancel,
.agile-portal.admin-setting .k-tabstrip .k-grid-cancel-changes .k-icon.k-cancel {
  background-position: -160px -1047px;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-add:hover {
  color: #008334;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-add:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-save-changes:hover {
  color: #0077d9;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-save-changes:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-cancel-changes:hover {
  color: #b6383e;
}
.agile-portal.admin-setting .k-tabstrip .k-grid-cancel-changes:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.admin-setting .k-tabstrip .k-content {
  border-width: 1px;
  margin-top: 15px;
}
.agile-portal.admin-setting .k-tabstrip .k-content.k-state-active {
  border-color: #57B1C9;
}
.agile-portal.admin-setting .k-tabstrip .k-upload-files .k-file-success {
  color: #0077d9 !important;
}
.agile-portal.admin-setting .k-tabstrip .k-upload-files .k-file-success .k-upload-status {
  top: 16px !important;
}
.agile-portal.admin-setting .k-tabstrip .k-upload-files .k-file-progress .k-upload-status {
  top: 0 !important;
}
.agile-portal.admin-setting .k-tabstrip .k-upload-files .k-file-progress .k-upload-status .k-cancel {
  margin-top: 11px;
}
.agile-portal.admin-setting .k-tabstrip .k-upload-files .k-button:hover .k-cancel {
  background-position: -32px -48px;
}
.agile-portal.admin-setting .k-tabstrip .k-upload-status-total {
  color: #898686;
}
.agile-portal.admin-setting .k-tabstrip .k-file-success .k-progress {
  background-color: #e5f1fb;
}
.agile-portal.admin-setting .k-tabstrip .k-grid.k-widget .k-grid-content td:last-child {
  text-align: left !important;
}
.agile-portal.admin-setting .k-state-active {
  border-color: transparent !important;
}
.agile-portal.admin-setting .downloadtemplate {
  /*width: 100%;*/
  display: inline-block;
  padding: 10px 0;
  color: #0077D9;
  font-family: RobotoBold;
  text-decoration: underline;
}
.agile-portal.admin-setting .form-inner-wrap-autosignup {
  min-height: auto;
  margin-top: 15px;
}
.agile-portal.admin-setting .form-inner-wrap-autosignup .buttons {
  margin-bottom: 0;
}
.agile-portal.admin-setting .form-inner-wrap-autosignup .form-row label {
  width: 45%;
}
.agile-portal.admin-setting .form-inner-wrap-autosignup .form-row .tooltip {
  /*top: -10px !important;*/
}
.agile-portal.mobile-config .title {
  padding: 8px 0 7px 30px !important;
}
.agile-portal.mobile-config .common-help-link {
  margin-top: 8px !important;
}
.agile-portal.form-settings .form-row fieldset {
  background: none;
}
.agile-portal.form-settings .form-row .averageLoadTimeErrormessage {
  width: 465px;
  margin: 10px 0 0 0;
  display: inline-block;
}
.agile-portal.form-settings .form-row .custom-tooltip {
  position: inherit;
  display: inline-block;
}
.agile-portal.form-settings .form-row .custom-tooltip .tooltip-content {
  margin: 40px 0 0 -200px;
}
.agile-portal.form-settings .form-row .custom-tooltip .tooltip-content:before {
  top: -20px;
  left: 200px;
}
.agile-portal.formdesigner-settings .form-row label {
  width: 38% !important;
  padding-right: 25px;
}
.agile-portal.formdesigner-settings .applyCSS .custom-tooltip {
  position: absolute !important;
  top: 15px;
}
.agile-portal.app-builder-setting .agile-portal.form-inner-wrap {
  width: 75% !important;
}
.agile-portal.app-builder-setting .switch {
  margin-left: 100px;
}
.agile-portal.app-builder-setting .form-row {
  /* Rounded sliders */
}
.agile-portal.app-builder-setting .form-row label {
  width: 20%;
  margin-top: 8px;
  font-weight: normal;
}
.agile-portal.app-builder-setting .form-row fieldset {
  float: left;
  margin: 5px 0 0 50px;
}
.agile-portal.app-builder-setting .form-row .k-input {
  width: 40% !important;
}
.agile-portal.app-builder-setting .form-row .switch {
  position: relative;
  display: inline-block;
  width: 44px !important;
  height: 24px;
}
.agile-portal.app-builder-setting .form-row .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.agile-portal.app-builder-setting .form-row .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 24.2px;
  width: 44px;
  background-color: #CACED5;
}
.agile-portal.app-builder-setting .form-row .slider:before {
  position: absolute;
  content: "";
  left: 2px;
  bottom: 2px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 20px;
  width: 20px;
  background: linear-gradient(137.68deg, #E7E7E7 0%, #FFFFFF 100%);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.agile-portal.app-builder-setting .form-row input:checked + .slider {
  background-color: #0077D9;
}
.agile-portal.app-builder-setting .form-row input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
  outline: 2px solid #87cbf3;
}
.agile-portal.app-builder-setting .form-row input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.agile-portal.app-builder-setting .form-row input:checked + .slider:focus {
  outline: 1px solid #87cbf3;
}
.agile-portal.app-builder-setting .form-row .slider.round {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.agile-portal.app-builder-setting .form-row .slider.round:before {
  border-radius: 50%;
}
.agile-portal.app-builder-setting .form-row fieldset {
  position: relative;
  width: 44px;
  height: 26px;
  background: #e1e1e1;
  padding: 0;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.agile-portal.app-builder-setting .form-row fieldset .input-switch {
  position: absolute;
  opacity: 0;
  z-index: -10;
}
.agile-portal.app-builder-setting .form-row fieldset .switch-bg {
  position: absolute;
  z-index: 0;
  width: 50%;
  height: inherit;
  left: 50%;
  background: #7e7e7e;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  bottom: 3px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 20px;
  width: 20px;
  background: linear-gradient(137.68deg, #E7E7E7 0%, #FFFFFF 100%) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3) !important;
}
.agile-portal.app-builder-setting .form-row fieldset .switch-labels {
  position: absolute;
  width: inherit;
  height: inherit;
}
.agile-portal.app-builder-setting .form-row fieldset .switch-labels:before,
.agile-portal.app-builder-setting .form-row fieldset .switch-labels:after {
  position: absolute;
  height: 40px;
  width: 50%;
  line-height: 25px;
  /*transition: all 0.3s;
                -webkit-transition: all 0.3s;*/
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
.agile-portal.app-builder-setting .form-row fieldset .switch-labels:before {
  left: 0;
}
.agile-portal.app-builder-setting .form-row fieldset .switch-labels:after {
  right: 0;
  color: #fff;
}
.agile-portal.app-builder-setting .form-row fieldset label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100% !important;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.agile-portal.app-builder-setting .form-row fieldset.show-hide {
  width: 130px;
}
.agile-portal.app-builder-setting .form-row .input-switch:checked ~ .switch-bg {
  left: 3px;
  background: #0077D9 !important;
}
.agile-portal.app-builder-setting .form-row .input-switch:checked ~ .switch-labels:before {
  color: #fff;
}
.agile-portal.app-builder-setting .form-row .input-switch:checked ~ .switch-labels:after {
  color: #000;
}
.agile-portal.app-builder-setting .tabsContent {
  /*margin: 5px 0 0 5px;*/
}
.agile-portal.app-builder-setting .tabsContent .listItem {
  margin-right: -4px !important;
}
.agile-portal.app-builder-setting .tabsContent .listItem:hover {
  border-color: #0077D9 !important;
  background-image: none;
  /*.item {
                        color: #0077D9 !important;
                    }*/
}
.agile-portal.app-builder-setting ul.Titels {
  display: block !important;
  padding-left: 10px;
}
.agile-portal.app-builder-setting ul.Titels li.DefaultNames {
  width: 20%;
}
.agile-portal.app-builder-setting ul.Titels li.CustomNames {
  width: 40%;
}
.agile-portal.app-builder-setting ul.Titels li.QuickView {
  width: 100px;
  margin-left: 75px;
}
.agile-portal.app-builder-setting ul.Titels li.Visible {
  width: 75px;
  margin-left: 54px;
}
.agile-portal.tenant-setting {
  padding-bottom: 5px;
  /*.copy-icon {
            margin-right: 12px !important;
            float: left !important;
        }*/
}
.agile-portal.tenant-setting .k-grid.k-widget {
  margin: 20px auto;
  border: 0;
  font-size: 16px;
  width: 93%;
  color: #3B4455;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-grid-header {
  border: 0;
  padding-right: 0 !important;
  background-color: #fff !important;
  background-image: none;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-grid-header .k-header {
  border: 0;
  background-image: none;
  background-color: #fff !important;
  color: #3B4455;
  text-transform: uppercase;
  font-size: 16px;
  padding-left: 0 !important;
  font-weight: 100;
  font-family: RobotoRegular;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-grid-header .k-header:last-child {
  text-align: center;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-grid-header .k-grid-header-wrap {
  border: 0 none;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-grid-header .k-link {
  color: #3B4455;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-grid-content {
  overflow-y: auto;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-grid-content td:last-child {
  text-align: center;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-grid-content .noelements-text {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-grid-content tr,
.agile-portal.tenant-setting .k-grid.k-widget .k-grid-content .k-alt {
  background-color: transparent !important;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-grid-content td {
  border-top: 1px solid #e8eaed;
  padding: 0.7em 0.6em;
  border-width: 1px 0 0 0 !important;
  padding-left: 0 !important;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-grid-content .noelements-text {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-grouping-header {
  padding: 10px 0;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-grouping-row p {
  color: #3B4455;
  font-size: 14px;
  font-family: RobotoBold;
  text-align: left !important;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-pager-wrap {
  font-size: 14px;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #e8eaed;
  text-align: center;
  padding-top: 30px;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-pager-wrap .k-link {
  border-color: transparent;
  float: none;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-pager-wrap .k-link:hover,
.agile-portal.tenant-setting .k-grid.k-widget .k-pager-wrap .k-link:focus {
  border-color: #0077D9 !important;
  background-image: none;
  background-color: transparent;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-pager-wrap .k-pager-numbers .k-state-selected {
  border-color: #0077D9 !important;
  background-image: none !important;
  border-radius: 16px;
  background-color: #0077D9 !important;
  float: none;
  color: #fff;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-pager-wrap .k-pager-numbers {
  float: none !important;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-pager-wrap .k-pager-input,
.agile-portal.tenant-setting .k-grid.k-widget .k-pager-wrap .k-pager-sizes {
  float: right !important;
  padding-right: 0 !important;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-pager-wrap .k-pager-info {
  float: left !important;
  padding-left: 0 !important;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-state-focused {
  background-color: transparent !important;
}
.agile-portal.tenant-setting .k-grid-Delete,
.agile-portal.tenant-setting .k-grid-Edit,
.agile-portal.tenant-setting .k-grid-delete,
.agile-portal.tenant-setting .k-grid-edit {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  width: 20px !important;
  min-width: 20px !important;
  text-indent: -20000px;
  height: 20px;
  border: 0;
  background-color: transparent !important;
  padding: 0;
  margin: 0 10px !important;
}
.agile-portal.tenant-setting .k-grid-Delete:hover,
.agile-portal.tenant-setting .k-grid-Edit:hover,
.agile-portal.tenant-setting .k-grid-delete:hover,
.agile-portal.tenant-setting .k-grid-edit:hover {
  background-color: transparent !important;
}
.agile-portal.tenant-setting .k-grid-Edit,
.agile-portal.tenant-setting .k-grid-edit {
  background-position: -51px -952px;
}
.agile-portal.tenant-setting .k-grid-Edit:hover,
.agile-portal.tenant-setting .k-grid-edit:hover {
  background-position: -51px -987px;
}
.agile-portal.tenant-setting .k-grid-Delete,
.agile-portal.tenant-setting .k-grid-delete {
  background-position: -14px -952px;
}
.agile-portal.tenant-setting .k-grid-Delete:hover,
.agile-portal.tenant-setting .k-grid-delete:hover {
  background-position: -14px -987px;
}
.agile-portal.tenant-setting .k-grid-add,
.agile-portal.tenant-setting .k-grid-save-changes,
.agile-portal.tenant-setting .k-grid-cancel-changes {
  background-color: transparent !important;
  border: #fff;
  color: #3B4455;
  font-family: RobotoMedium;
  min-width: 165px !important;
  margin: 0;
  background: #fff !important;
}
.agile-portal.tenant-setting .k-grid-add .k-icon.k-add,
.agile-portal.tenant-setting .k-grid-save-changes .k-icon.k-add,
.agile-portal.tenant-setting .k-grid-cancel-changes .k-icon.k-add,
.agile-portal.tenant-setting .k-grid-add .k-icon.k-update,
.agile-portal.tenant-setting .k-grid-save-changes .k-icon.k-update,
.agile-portal.tenant-setting .k-grid-cancel-changes .k-icon.k-update,
.agile-portal.tenant-setting .k-grid-add .k-icon.k-cancel,
.agile-portal.tenant-setting .k-grid-save-changes .k-icon.k-cancel,
.agile-portal.tenant-setting .k-grid-cancel-changes .k-icon.k-cancel {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  background-position: -16px -1047px;
  display: inline-block;
}
.agile-portal.tenant-setting .k-grid-add .k-icon.k-update,
.agile-portal.tenant-setting .k-grid-save-changes .k-icon.k-update,
.agile-portal.tenant-setting .k-grid-cancel-changes .k-icon.k-update {
  background-position: -124px -1047px;
}
.agile-portal.tenant-setting .k-grid-add .k-icon.k-cancel,
.agile-portal.tenant-setting .k-grid-save-changes .k-icon.k-cancel,
.agile-portal.tenant-setting .k-grid-cancel-changes .k-icon.k-cancel {
  background-position: -160px -1047px;
}
.agile-portal.tenant-setting .k-grid-add:hover {
  color: #008334;
}
.agile-portal.tenant-setting .k-grid-add:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.tenant-setting .k-grid-save-changes:hover {
  color: #0077d9;
}
.agile-portal.tenant-setting .k-grid-save-changes:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.tenant-setting .k-grid-cancel-changes:hover {
  color: #b6383e;
}
.agile-portal.tenant-setting .k-grid-cancel-changes:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-pager-sizes .k-dropdown {
  background: transparent;
  border: 0;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-pager-sizes .k-dropdown .k-dropdown-wrap {
  width: auto !important;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-pager-sizes .k-dropdown .k-dropdown-wrap .k-select {
  border: 0;
}
.agile-portal.tenant-setting .k-grid.k-widget .k-pager-sizes .k-dropdown .k-dropdown-wrap.k-state-default.k-state-focused {
  border-color: #0077D9 !important;
}
.agile-portal.tenant-setting ul.Titels {
  display: block !important;
}
.agile-portal.tenant-setting ul.Titels li.DefaultNames {
  width: 17%;
}
.agile-portal.tenant-setting ul.Titels li.CustomNames {
  width: 48%;
}
.agile-portal.tenant-setting ul.Titels li.QuickView {
  width: 19%;
}
.agile-portal.tenant-setting.collapsed {
  min-height: 100px !important;
}
.agile-portal.tenant-setting .form-inner-wrap {
  min-height: 100px !important;
}
.agile-portal.tenant-setting .form-inner-wrap .readonly {
  background-color: #F8F9FA;
}
.agile-portal.tenant-setting .form-inner-wrap .asterisk {
  color: red;
}
.agile-portal.tenant-setting .form-inner-wrap .k-dropdown .k-dropdown-wrap .k-select {
  height: 29px !important;
}
.agile-portal.tenant-setting .form-inner-wrap .k-dropdown .k-dropdown-wrap .k-select .k-icon {
  margin-top: 0px !important;
}
.agile-portal.tenant-setting .form-inner-wrap.full-width {
  width: 98% !important;
}
.agile-portal.tenant-setting .form-inner-wrap .inner-content {
  /*border: 1px solid #ececec;*/
  margin: 20px 0;
}
.agile-portal.tenant-setting .form-inner-wrap .inner-content .heading3 {
  background: #ececec;
  padding-left: 10px;
  color: #3B4455;
}
.agile-portal.tenant-setting .form-inner-wrap .inner-content .form-info {
  margin: 10px;
}
.agile-portal.tenant-setting .form-inner-wrap .inner-content .form-info label {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
}
.agile-portal.tenant-setting .form-inner-wrap .inner-wrapper {
  width: 70%;
  margin: 0 auto 0;
}
.agile-portal.tenant-setting .form-inner-wrap .horizontalLine {
  box-sizing: border-box;
  height: 1px;
  border: 1px solid #667287;
  opacity: 0.15;
  width: 90%;
  margin-top: 25px;
}
.agile-portal.tenant-setting .emptyListView {
  float: left;
  width: 38%;
  height: 10px;
}
.agile-portal.tenant-setting #listView {
  margin-left: 38.6%;
  border: none;
  width: 47.2%;
}
.agile-portal.tenant-setting #listView .list {
  background: #fff !important;
  /*width: 520px;*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #C8CED7;
  font-size: 16px;
  color: #3B4455;
  font-weight: 600;
  margin: 10px 0 30px 10px;
}
.agile-portal.tenant-setting #listView .text {
  display: inline-block;
  padding: 10px;
}
.agile-portal.tenant-setting #listView .delete-icon {
  margin: 10px;
}
.agile-portal.tenant-setting #AddCurrentIp {
  margin-left: 27%;
  background-color: #56b0c9;
  border: 1px solid #56b0c9;
  background-image: none;
}
.agile-portal.tenant-setting #AddCurrentIp:hover {
  background-color: #7FD3EA;
  border: 1px solid #7FD3EA;
}
.agile-portal.tenant-setting .buttonBackground {
  background-color: #56b0c9;
  cursor: pointer;
}
.agile-portal.tenant-setting select {
  color: #787878;
  min-width: 183px;
  padding: 4px;
}
.agile-portal.tenant-setting .update-tenant-admin {
  margin-left: 30px;
}
.agile-portal.tenant-setting .databasename {
  width: 25% !important;
  margin-right: 25px !important;
}
.agile-portal.tenant-setting .dbname {
  width: 25% !important;
  margin-right: 12px !important;
}
.agile-portal.tenant-setting .db-input {
  width: 45% !important;
}
.agile-portal.tenant-setting .dbschema {
  width: 20% !important;
}
.agile-portal.tenant-setting .dbconnectionstring {
  width: 45% !important;
  margin-right: 50px !important;
}
.agile-portal.tenant-setting .k-button {
  height: auto;
  border: none;
  /*&:active:hover {
                background-color: @k-button-hover-bg-color;
            }*/
}
.agile-portal.tenant-setting .copy-btn {
  vertical-align: top;
  height: 27px;
}
.agile-portal.tenant-setting .alignRight {
  text-align: right;
}
.agile-portal.tenant-setting .noelements-text {
  display: block;
  width: 95%;
  margin-bottom: 20px;
  font-size: 16px;
}
.agile-portal.tenant-setting .fieldset {
  width: 44px !important;
}
.agile-portal.tenant-setting .buttons {
  margin-bottom: 0px;
}
.agile-portal.tenant-setting .extendbuttons {
  margin-bottom: 0px;
  border-top: none;
}
.agile-portal.tenant-setting .extendbuttons .extend {
  margin-top: 0px;
}
.agile-portal.tenant-setting .tenant-admin-selector .k-state-disabled {
  background-color: #F8F9FA !important;
  border: 0;
}
.agile-portal.tenant-setting .tenant-admin-selector .k-state-disabled .k-input {
  background: #F8F9FA !important;
}
.agile-portal.tenant-setting .tenant-admin-selector .k-state-disabled .k-select {
  border: 0;
  height: 38px;
  border-radius: 0 4px 4px 0;
}
.agile-portal.tenant-setting .app-categories-tab .agile-portal.heading2 {
  padding: 15px 0 15px 2px !important;
}
.agile-portal.tenant-setting .app-categories-tab .agile-portal.heading2 .common-help-link {
  margin-top: 10px !important;
}
.agile-portal.tenant-setting .app-categories-tab #grid .k-grid-content td {
  word-break: inherit !important;
}
.agile-portal.tenant-setting .app-categories-tab .categoriesFilterWrapper {
  background-color: white;
  border: none !important;
  border-bottom: 1px solid #eee;
  height: 50px;
  width: 25%;
  display: inline;
}
.agile-portal.tenant-setting .app-categories-tab .categoriesFilterWrapper .search-category {
  width: 300px !important;
  height: 28px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  color: #3B4455;
  opacity: 0.4;
  margin-top: -3px;
  border-style: none !important;
}
.agile-portal.tenant-setting .app-categories-tab .top-buttons {
  display: inline;
  margin-left: 50px;
}
.agile-portal.tenant-setting .app-categories-tab .top-buttons .btn-cancel.btnReset {
  background-color: transparent;
  color: #3B4455;
  border: 0 none;
  cursor: pointer;
  font-family: RobotoMedium;
  background-image: unset;
  width: 160px;
}
.agile-portal.tenant-setting .app-categories-tab .top-buttons .k-button {
  background-image: none !important;
  margin-top: 10px !important;
  /* &.btn-cancel.btnReset .buttons-text {
                        margin-top: -8px !important;
                    }

                    &.k-grid-add.btnAdd .buttons-text {
                        margin-top: -6px !important;
                    }*/
}
.agile-portal.tenant-setting .app-categories-tab .top-buttons .k-button .buttons-text {
  padding-left: 2px !important;
}
.agile-portal.tenant-setting .app-categories-tab .k-state-selected,
.agile-portal.tenant-setting .app-categories-tab .k-state-selected:link,
.agile-portal.tenant-setting .app-categories-tab .k-state-selected:visited,
.agile-portal.tenant-setting .app-categories-tab .k-list > .k-state-selected,
.agile-portal.tenant-setting .app-categories-tab .k-list > .k-state-highlight,
.agile-portal.tenant-setting .app-categories-tab .k-panel > .k-state-selected,
.agile-portal.tenant-setting .app-categories-tab .k-button:active,
.agile-portal.tenant-setting .app-categories-tab .k-ghost-splitbar-vertical,
.agile-portal.tenant-setting .app-categories-tab .k-ghost-splitbar-horizontal,
.agile-portal.tenant-setting .app-categories-tab .k-draghandle.k-state-selected:hover,
.agile-portal.tenant-setting .app-categories-tab .k-scheduler .k-scheduler-toolbar .k-state-selected,
.agile-portal.tenant-setting .app-categories-tab .k-marquee-color {
  color: unset;
  background-color: unset;
  border-color: unset;
}
.agile-portal.tenant-setting .app-categories-tab .k-state-selected,
.agile-portal.tenant-setting .app-categories-tab .k-button:active,
.agile-portal.tenant-setting .app-categories-tab .k-draghandle.k-state-selected:hover {
  background-image: none;
}
.agile-portal.tenant-setting .app-categories-tab .k-header.k-grid-toolbar {
  background-color: unset !important;
  background-image: unset !important;
}
.agile-portal.tenant-setting .app-categories-tab .k-pager-sizes .k-widget.k-dropdown {
  margin-right: 20px !important;
}
.agile-portal.tenant-setting .app-categories-tab .k-edit-label {
  width: 20% !important;
}
.agile-portal.tenant-setting .app-categories-tab .k-edit-field {
  width: 70% !important;
}
.agile-portal.app-category-settings {
  margin-top: 0;
}
.agile-portal.app-category-settings .form-inner-wrap {
  width: 100%;
}
.agile-portal.app-category-settings .agile-portal.heading2 {
  padding: 7px 0 7px 2px !important;
}
.agile-portal.app-category-settings .agile-portal.heading2 .common-help-link {
  margin-top: 10px !important;
}
.agile-portal.app-category-settings #grid {
  margin: 0 auto;
  box-sizing: border-box;
  height: 100%;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr);
}
.agile-portal.app-category-settings #grid .k-grid-content td {
  word-break: inherit !important;
}
.agile-portal.app-category-settings #grid .k-grid-content {
  height: auto;
}
.agile-portal.app-category-settings .categoriesFilterWrapper {
  background-color: white;
  border: none !important;
  border-bottom: 1px solid #eee;
  height: 50px;
  width: 25%;
  display: inline;
}
.agile-portal.app-category-settings .categoriesFilterWrapper .search-category {
  width: 300px !important;
  height: 28px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  color: #3B4455;
  opacity: 0.4;
  margin-top: -3px;
  border-style: none !important;
}
.agile-portal.app-category-settings .top-buttons {
  display: inline;
  margin-left: 50px;
}
.agile-portal.app-category-settings .top-buttons .btn-cancel.btnReset {
  background-color: transparent;
  color: #3B4455;
  border: 0 none;
  cursor: pointer;
  background-image: unset;
  width: 160px;
  font-family: RobotoMedium;
}
.agile-portal.app-category-settings .top-buttons .k-button {
  background-image: none !important;
  margin-top: 10px !important;
  /*&.btn-cancel.btnReset .buttons-text {
                    margin-top: -6px !important;
                }

                &.k-grid-add.btnAdd .buttons-text {
                    margin-top: -4px !important;
                }*/
}
.agile-portal.app-category-settings .top-buttons .k-button .buttons-text {
  padding-left: 2px !important;
}
.agile-portal.app-category-settings .k-state-selected,
.agile-portal.app-category-settings .k-state-selected:link,
.agile-portal.app-category-settings .k-state-selected:visited,
.agile-portal.app-category-settings .k-list > .k-state-selected,
.agile-portal.app-category-settings .k-list > .k-state-highlight,
.agile-portal.app-category-settings .k-panel > .k-state-selected,
.agile-portal.app-category-settings .k-button:active,
.agile-portal.app-category-settings .k-ghost-splitbar-vertical,
.agile-portal.app-category-settings .k-ghost-splitbar-horizontal,
.agile-portal.app-category-settings .k-draghandle.k-state-selected:hover,
.agile-portal.app-category-settings .k-scheduler .k-scheduler-toolbar .k-state-selected,
.agile-portal.app-category-settings .k-marquee-color {
  color: unset;
  background-color: unset;
  border-color: unset;
}
.agile-portal.app-category-settings .k-state-selected,
.agile-portal.app-category-settings .k-button:active,
.agile-portal.app-category-settings .k-draghandle.k-state-selected:hover {
  background-image: none;
}
.agile-portal.app-category-settings .k-header.k-grid-toolbar {
  background-color: unset !important;
  background-image: unset !important;
}
.agile-portal.app-category-settings .k-pager-sizes .k-widget.k-dropdown {
  margin-right: 20px !important;
}
.agile-portal.app-category-settings .k-edit-label {
  width: 20% !important;
}
.agile-portal.app-category-settings .k-edit-field {
  width: 70% !important;
}
.agile-portal.tenant-setting-tab {
  background-color: transparent !important;
  border: 0 none;
  width: 100%;
}
.agile-portal.tenant-setting-tab .form-inner-wrap-tenant {
  width: 100%;
  padding-top: 10px;
}
.agile-portal.tenant-setting-tab .form-inner-wrap {
  padding-top: 15px;
}
.agile-portal.tenant-setting-tab .k-tabstrip-items {
  margin-left: 18px;
}
.agile-portal.tenant-setting-tab .admin-setting {
  background-color: transparent !important;
}
.agile-portal.tenant-setting-tab .k-tabstrip .k-state-active {
  border-color: transparent !important;
  background-color: transparent;
}
.agile-portal.tenant-setting-tab .tab-setting {
  transition: all 0.5s ease;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.agile-portal.tenant-setting-tab .tab-setting .heading2 {
  background: transparent !important;
  position: relative;
  z-index: 0;
}
.agile-portal.service-maintenance-form {
  background-color: transparent !important;
  border: 0 none;
  width: 100%;
}
.agile-portal.service-maintenance-form .smallfont {
  font-size: 12px;
}
.agile-portal.service-maintenance-form .color-violet {
  background-color: #6E40CF !important;
}
.agile-portal.service-maintenance-form k-button.reset {
  margin: 30px 20px 0 0px;
}
.agile-portal.service-maintenance-form .overflowable-y {
  background-color: #fff;
}
.agile-portal.service-maintenance-form .divCustomContentOverlayShow {
  z-index: 99;
  background: #ffffffb8;
  position: absolute;
}
.agile-portal.service-maintenance-form .divCustomContentOverlayHide {
  z-index: -1;
  background: none;
  position: absolute;
  min-height: 0px;
  min-width: 0px;
}
.agile-portal.service-maintenance-form .form-inner-wrap-tenant {
  width: 100%;
  padding-top: 10px;
}
.agile-portal.service-maintenance-form .form-inner-wrap {
  padding-top: 15px;
}
.agile-portal.service-maintenance-form .k-state-focused {
  background-color: #fff;
  background-image: none;
  box-shadow: none;
}
.agile-portal.service-maintenance-form span.k-datetimepicker {
  border: none;
}
.agile-portal.service-maintenance-form .k-picker-wrap.k-state-border-down {
  border-color: #549bd9 !important;
}
.agile-portal.service-maintenance-form .k-datetimepicker .k-select {
  width: 5em !important;
}
.agile-portal.service-maintenance-form .k-datetimepicker {
  width: 18em !important;
}
.agile-portal.service-maintenance-form .k-datetimepicker .k-state-hover {
  background-image: none;
}
.agile-portal.service-maintenance-form .k-picker-wrap input[type=text] {
  border: none !important;
}
.agile-portal.service-maintenance-form .k-picker-wrap input[type=text]:focus {
  border: none !important;
}
.agile-portal.service-maintenance-form .k-button-small {
  height: 28px !important;
  border-radius: 25px;
  background-color: #0077D9;
  color: #fff;
  font-size: 12px;
  border: 1px solid #0077D9;
  background-image: none;
  padding: 0 15px;
  line-height: 26px;
  margin: 5px;
}
.agile-portal.service-maintenance-form .k-button-small:hover,
.agile-portal.service-maintenance-form .k-button-small:active {
  background-color: #3392e1;
}
.agile-portal.service-maintenance-form .reset-small {
  height: 28px !important;
  font-size: 12px;
  border: 1px solid #0077D9;
  background-image: none;
  padding: 0 15px;
  line-height: 26px;
  margin: 5px;
  box-sizing: border-box;
  border: 1px solid #667287;
  border-radius: 20px;
  color: #667287;
  background-color: #fff;
}
.agile-portal.service-maintenance-form .reset-small:hover,
.agile-portal.service-maintenance-form .reset-small:active {
  background-color: #e0e3e7;
}
.agile-portal.service-maintenance-form .customContentErrormessage {
  color: #B6383E;
  text-align: center;
}
.agile-portal.service-maintenance-form .k-picker-wrap .k-icon {
  background-image: url(/Themes/AgilePortalNew/Content/images/sprites/sprite-new.png) !important;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -ms-high-contrast-adjust: none;
}
.agile-portal.service-maintenance-form .k-state-default .k-i-clock {
  background-position: -47px -300px !important;
  width: 18px;
  height: 25px;
}
.agile-portal.service-maintenance-form .k-i-clock:hover {
  opacity: 0.75;
}
.agile-portal.service-maintenance-form .k-i-calendar:hover {
  opacity: 0.75;
}
.agile-portal.service-maintenance-form .k-state-default .k-i-calendar {
  background-position: -137px -300px !important;
  width: 25px;
  height: 25px;
}
.agile-portal.service-maintenance-form .k-state-default .k-i-calendar .k-state-hover {
  opacity: 0.75;
}
.agile-portal.service-maintenance-form .k-picker-wrap.k-state-default {
  border-radius: 4px;
  height: 40px;
}
.agile-portal.service-maintenance-form .k-picker-wrap.k-state-hover {
  border-color: #549bd9 !important;
  outline: 0 !important;
  background-color: #fff !important;
  background-image: none !important;
}
.agile-portal.service-maintenance-form .k-widget .k-i-arrow-s {
  background-position: -135px -955px !important;
}
.agile-portal.service-maintenance-form .k-dropdown .k-dropdown-wrap {
  width: 75%;
}
.agile-portal.service-maintenance-form .k-editor .k-editor-dropdown .k-dropdown-wrap.k-state-focused {
  background-color: none;
}
.agile-portal.service-maintenance-form .k-widget .k-dropdown .k-dropdown-wrap .k-select {
  height: 38px !important;
}
.agile-portal.service-maintenance-form .k-widget .k-group-start.k-group-end .k-editor-widget {
  margin-right: 11px;
}
.agile-portal.tenantlog-settings .logFilterWrapper {
  display: block;
  height: 40px;
  margin: 20px 0 10px 0;
}
.agile-portal.tenantlog-settings .logFilterWrapper .logFilter {
  width: 240px !important;
  display: inline-block;
  margin: 3px;
  padding-left: 30px;
}
.agile-portal.tenantlog-settings .label {
  font-family: RobotoMedium;
  font-weight: 400 !important;
  font-size: 16px;
}
.agile-portal.tenantlog-settings .k-widget.k-dropdown .k-input {
  border: 0;
}
.agile-portal.tenantlog-settings .k-widget.k-dropdown .k-dropdown-wrap {
  border: 1px solid #C8CED7;
}
.agile-portal.tenantlog-settings .k-widget.k-dropdown .k-state-hover {
  border-color: #0077D9 !important;
}
.agile-portal.tenantlog-settings .k-datepicker .k-picker-wrap.k-state-default {
  background-color: #fff;
  background-image: none;
  border-color: #C8CED7;
}
.agile-portal.tenantlog-settings .k-datepicker .k-picker-wrap.k-state-default > .k-select {
  border-color: #C8CED7 !important;
}
.agile-portal.tenantlog-settings .k-datepicker .k-picker-wrap.k-state-hover {
  border-color: #0077D9 !important;
}
.agile-portal.tenantlog-settings .k-datepicker .k-picker-wrap input[type=text] {
  border: 0;
}
.agile-portal.tenantlog-settings #loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
  background: gray;
  z-index: 99999999;
}
.agile-portal.tenantlog-settings #loadericon {
  display: block;
  margin-top: 35% !important;
  margin-left: 50%;
}
.agile-portal.tenantlog-settings .k-loading-image {
  display: none;
}
.agile-portal.tenantlog-settings .k-widget.k-window .k-window-title {
  color: red !important;
}
.agile-portal.tenantlog-settings .fileDownload {
  width: 22px;
  height: 30px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACJUlEQVRYhcWWPWgUQRiGn1t2DpH4g1VIISlSROwkIHbLoI0JCsbC0kIwjVFBrjC9cp2CCCrYpU6liMU6nYVBUlipiFU6wcYfMgda3FxY5mb2ZuYGfWDZYb5v531359uZ6ZCAVLoELgAXgSVg1oR2gW1gC3hZV2IwaaxOgvgVoA8cn5D6EbhZV+JVFgNS6S7wBLga+ozhHrBRV8IZLAPFC2ATuBwpDnDX3DdcwSJwkDuJ4vsmpNLnXYGJUyCVngM+AQenMADwGThhF2bIF7iRQRxgAVixO0MMXMogPmLV7hgrQqn0InAdOAvMAzMZDSx5DZjFpQ+su4xlYtbuKBviWzjmKDNjLzaqgfv/QNxJIZVeAG4lPLsHPALOAIeAI6b92MRczEil35g6A6Ajle4DvUjxXWC5rsSOKyiVPgW8wDHnhu/AuboS2x2p9Dsc1dnCHnDaJ26ZeAt0PSlfgZMFw18thqe2uFS6NPvFPnUl3gPPW8aZB66F7gVNNi3xNeAH8M1s1d5cB6sF8CXSwIeGOAzXji5wFHjoy/WwWACvIw38HjXMHn+4ETvmy/VRAM+An8Ag8Iqlbayd6COZjVT6T1OsroT76OMhpQiz8t8NxBxKD3hCvxrtAcNleYy6Es6CjPkC60bMvpqUnpw136BRRSiV7jH872O4XVfiQRYDCSZaxZMMRJiYKJ5sIMBEkPhUBlpMBItPbcBhIko8G1LpnlQ65VjHXwSUtGGHcOSuAAAAAElFTkSuQmCC');
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
.agile-portal.tenantlog-settings .fileDownloadWrapper a {
  width: 30px;
  height: 30px;
  display: block;
  margin: auto;
}
.agile-portal.tenantlog-settings .k-pager-refresh {
  display: none;
}
.agile-portal.tenantlog-settings .k-loading-mask {
  display: none;
}
.agile-portal.tenantlog-settings .noelements-message-container {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
}
.agile-portal.tenantlog-settings .noelements-message-container .noelements-icon {
  width: 145px;
}
.agile-portal.tenantlog-settings .noelements-message-container .noelements-text {
  width: 100%;
}
.agile-portal.portal-settings .form-row-new fieldset {
  width: 69%;
  background-color: transparent;
}
.agile-portal.portal-settings .form-row-new fieldset .split {
  float: left;
}
.agile-portal.portal-settings .form-row-new fieldset .split:nth-child(1) {
  width: 293px;
}
.agile-portal.portal-settings .form-row-new fieldset .split .buttons {
  margin-top: 10px !important;
  float: left;
  clear: both;
}
.agile-portal.portal-settings .form-row-new fieldset .split span {
  float: left;
  width: 100%;
}
.agile-portal.portal-settings .form-row-new fieldset .split .fileUploadContainer .fileUploadControl {
  width: 90px;
  color: transparent;
}
.agile-portal.portal-settings .form-row-new fieldset .split .fileUploadContainer .selectedFileName {
  position: absolute;
  top: 4px;
  left: 95px;
  z-index: 1;
  width: auto;
  height: auto;
  opacity: 1;
  cursor: default;
  font-weight: normal;
}
.agile-portal.portal-settings .labelinfo {
  font-family: RobotoRegular;
}
.agile-portal.portal-settings .form-row-banner {
  min-height: 400px;
  margin-top: 20px;
}
.agile-portal.portal-settings .form-row-banner .image-container img {
  max-height: 400px;
  max-width: 500px;
  min-width: 500px;
  min-height: 400px;
  border: 1px solid #D8D7D7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.agile-portal.portal-settings .image-container {
  width: 500px;
}
.agile-portal.portal-settings .button-group {
  display: inline-flex;
  float: right;
}
.agile-portal.portal-settings .button-group.icon-group {
  float: left;
}
.agile-portal.portal-settings .button-group .form-action {
  margin: 15px 0 0 20px;
  cursor: pointer !important;
}
.agile-portal.portal-settings .button-group .form-action .icon {
  width: 20px !important;
  height: 20px !important;
  margin: -1px 5px 0 0;
  text-align: center;
}
.agile-portal.portal-settings .button-group .form-action .buttons-text {
  width: auto;
  font-weight: bold !important;
}
.agile-portal.portal-settings .form-row .k-input,
.agile-portal.portal-settings .uploaded-img-banner,
.agile-portal.portal-settings .uploaded-img-logo {
  width: 500px !important;
  padding: 0px !important;
}
.agile-portal.portal-settings .form-row .k-input {
  padding: 5px !important;
}
.agile-portal.portal-settings .agile-portal.buttons {
  width: 100%;
  /*text-align: center;*/
  text-align: right;
}
.agile-portal.portal-settings .IconImgUpload {
  padding: 10px;
  width: 16px;
  height: 16px;
  margin-top: 5px;
}
.agile-portal.portal-settings .user-profile-image {
  width: 64px;
  height: 64px;
  margin-top: -10px;
}
.agile-portal.portal-settings .btnUpload {
  margin-right: 30px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data {
  width: 96% !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-content {
  display: none;
  border: 0;
  margin-top: -1px;
  padding: 10px;
  position: relative;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-content.k-state-active {
  display: block;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-upload-files .k-file-success .k-upload-status {
  top: 16px !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-upload-files .k-file-progress .k-upload-status {
  top: 0 !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-upload-files .k-file-progress .k-upload-status .k-cancel {
  margin-top: 11px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-upload-files .k-button:hover .k-cancel {
  background-position: -32px -48px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-upload-status-total {
  color: #898686;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget {
  margin: 20px auto;
  border: 0;
  font-size: 16px;
  width: 93%;
  color: #3B4455;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-header {
  border: 0;
  padding-right: 0 !important;
  background-color: #fff !important;
  background-image: none;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-header .k-header {
  border: 0;
  background-image: none;
  background-color: #fff !important;
  color: #3B4455;
  text-transform: uppercase;
  font-size: 16px;
  padding-left: 0 !important;
  font-weight: 100;
  font-family: RobotoRegular;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-header .k-header:last-child {
  text-align: center;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-header .k-grid-header-wrap {
  border: 0 none;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-header .k-link {
  color: #3B4455;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-content {
  overflow-y: auto;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-content td:last-child {
  text-align: center;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-content .noelements-text {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-content tr,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-content .k-alt {
  background-color: transparent !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-content td {
  border-top: 1px solid #e8eaed;
  padding: 0.7em 0.6em;
  border-width: 1px 0 0 0 !important;
  padding-left: 0 !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-content .noelements-text {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grouping-header {
  padding: 10px 0;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grouping-row p {
  color: #3B4455;
  font-size: 14px;
  font-family: RobotoBold;
  text-align: left !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-pager-wrap {
  font-size: 14px;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #e8eaed;
  text-align: center;
  padding-top: 30px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-pager-wrap .k-link {
  border-color: transparent;
  float: none;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-pager-wrap .k-link:hover,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-pager-wrap .k-link:focus {
  border-color: #0077D9 !important;
  background-image: none;
  background-color: transparent;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-pager-wrap .k-pager-numbers .k-state-selected {
  border-color: #0077D9 !important;
  background-image: none !important;
  border-radius: 16px;
  background-color: #0077D9 !important;
  float: none;
  color: #fff;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-pager-wrap .k-pager-numbers {
  float: none !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-pager-wrap .k-pager-input,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-pager-wrap .k-pager-sizes {
  float: right !important;
  padding-right: 0 !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-pager-wrap .k-pager-info {
  float: left !important;
  padding-left: 0 !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-state-focused {
  background-color: transparent !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-Delete,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-Edit,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-delete,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-edit {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  width: 20px !important;
  min-width: 20px !important;
  text-indent: -20000px;
  height: 20px;
  border: 0;
  background-color: transparent !important;
  padding: 0;
  margin: 0 10px !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-Delete:hover,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-Edit:hover,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-delete:hover,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-edit:hover {
  background-color: transparent !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-Edit,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-edit {
  background-position: -51px -952px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-Edit:hover,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-edit:hover {
  background-position: -51px -987px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-Delete,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-delete {
  background-position: -14px -952px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-Delete:hover,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-delete:hover {
  background-position: -14px -987px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-add,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-save-changes,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-cancel-changes {
  background-color: transparent !important;
  border: #fff;
  color: #3B4455;
  font-family: RobotoMedium;
  min-width: 165px !important;
  margin: 0;
  background: #fff !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-add .k-icon.k-add,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-save-changes .k-icon.k-add,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-cancel-changes .k-icon.k-add,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-add .k-icon.k-update,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-save-changes .k-icon.k-update,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-cancel-changes .k-icon.k-update,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-add .k-icon.k-cancel,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-save-changes .k-icon.k-cancel,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-cancel-changes .k-icon.k-cancel {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  background-position: -16px -1047px;
  display: inline-block;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-add .k-icon.k-update,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-save-changes .k-icon.k-update,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-cancel-changes .k-icon.k-update {
  background-position: -124px -1047px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-add .k-icon.k-cancel,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-save-changes .k-icon.k-cancel,
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-cancel-changes .k-icon.k-cancel {
  background-position: -160px -1047px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-add:hover {
  color: #008334;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-add:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-save-changes:hover {
  color: #0077d9;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-save-changes:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-cancel-changes:hover {
  color: #b6383e;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid-cancel-changes:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget {
  margin: 20px auto;
  width: 93%;
  display: block;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-icon.k-add {
  margin: -5px;
  margin-right: 5px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-header .k-header {
  min-width: 108px;
  text-align: left !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-content {
  height: 340px;
  margin-top: 10px;
  border-top: solid;
  border-top: none;
  padding: 0.7em 0.6em;
  border-width: 1px 0 0 0 !important;
  padding-left: 0 !important;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grid-content td {
  min-width: 100px;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-grouping-header {
  display: none;
}
.agile-portal.dataentity-setting .form-inner-wrap-data .k-grid.k-widget .k-header.k-grid-toolbar {
  margin-bottom: 25px;
}
.agile-portal.dataentity-setting .k-icon.k-i-close {
  background-image: url('/Themes/AgilePortalNew/Styles/Metro/sprite.png?rev=070000022') !important;
  background-position: -32px -17px !important;
}
.agile-portal.dataentity-setting .k-icon.k-i-close:focus {
  outline: -webkit-focus-ring-color auto 1px !important;
}
.agile-portal.add-on-settings {
  /* Rounded sliders */
}
.agile-portal.add-on-settings .switch {
  position: relative;
  display: inline-block;
  width: 44px !important;
  height: 24px;
}
.agile-portal.add-on-settings .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.agile-portal.add-on-settings .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 24.2px;
  width: 44px;
  background-color: #CACED5;
}
.agile-portal.add-on-settings .slider:before {
  position: absolute;
  content: "";
  left: 2px;
  bottom: 2px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 20px;
  width: 20px;
  background: linear-gradient(137.68deg, #E7E7E7 0%, #FFFFFF 100%);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.agile-portal.add-on-settings input:checked + .slider {
  background-color: #0077D9;
}
.agile-portal.add-on-settings input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
  outline: 2px solid #87cbf3;
}
.agile-portal.add-on-settings input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.agile-portal.add-on-settings input:checked + .slider:focus {
  outline: 1px solid #87cbf3;
}
.agile-portal.add-on-settings .slider.round {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.agile-portal.add-on-settings .slider.round:before {
  border-radius: 50%;
}
.agile-portal.add-on-settings fieldset {
  position: relative;
  width: 44px;
  height: 26px;
  background: #e1e1e1;
  padding: 0;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.agile-portal.add-on-settings fieldset .input-switch {
  position: absolute;
  opacity: 0;
  z-index: -10;
}
.agile-portal.add-on-settings fieldset .switch-bg {
  position: absolute;
  z-index: 0;
  width: 50%;
  height: inherit;
  left: 50%;
  background: #7e7e7e;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  bottom: 3px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 20px;
  width: 20px;
  background: linear-gradient(137.68deg, #E7E7E7 0%, #FFFFFF 100%) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3) !important;
}
.agile-portal.add-on-settings fieldset .switch-labels {
  position: absolute;
  width: inherit;
  height: inherit;
}
.agile-portal.add-on-settings fieldset .switch-labels:before,
.agile-portal.add-on-settings fieldset .switch-labels:after {
  position: absolute;
  height: 40px;
  width: 50%;
  line-height: 25px;
  /*transition: all 0.3s;
                -webkit-transition: all 0.3s;*/
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
.agile-portal.add-on-settings fieldset .switch-labels:before {
  left: 0;
}
.agile-portal.add-on-settings fieldset .switch-labels:after {
  right: 0;
  color: #fff;
}
.agile-portal.add-on-settings fieldset label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100% !important;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.agile-portal.add-on-settings fieldset.show-hide {
  width: 130px;
}
.agile-portal.add-on-settings .input-switch:checked ~ .switch-bg {
  left: 3px;
  background: #0077D9 !important;
}
.agile-portal.add-on-settings .input-switch:checked ~ .switch-labels:before {
  color: #fff;
}
.agile-portal.add-on-settings .input-switch:checked ~ .switch-labels:after {
  color: #000;
}
.agile-portal .create-announcement .select-input .k-input {
  width: 513px;
}
.agile-portal .create-announcement .k-editable-area {
  padding: 5px;
}
.agile-portal .create-announcement .k-editable-area:hover {
  border: 1px #0077D9 solid !important;
}
.agile-portal.evaluationstatus {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 86vh;
  align-items: center;
  justify-items: center;
  width: 100%;
}
.agile-portal.evaluationstatus .evaluationstatus-wrap {
  margin: 0 auto;
  width: 45%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  min-height: 300px;
  padding: 30px;
  position: relative;
  background-color: #fff;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #F2F2F2;
}
.agile-portal.evaluationstatus .name {
  color: #0077D9;
  text-transform: uppercase;
  font-size: 21px;
}
.agile-portal.evaluationstatus h2 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: RobotoMedium;
  font-weight: 400;
}
.agile-portal.evaluationstatus .thankyou-text {
  font-size: 15px;
}
.agile-portal.evaluationstatus .days-text {
  font-size: 20px;
  padding: 40px 0 10px 0;
}
.agile-portal.evaluationstatus .successfully-message {
  /*text-align: center;*/
  color: #17803D;
  padding-bottom: 10px;
  font-size: 14px;
}
.agile-portal.evaluationstatus .progressbar {
  width: 100%;
  background-color: #f8f9fa;
  margin: 0 0 10px 0;
  clear: both;
  position: relative;
  line-height: 24px;
  color: #fff;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
  height: 15px;
  overflow: hidden;
}
.agile-portal.evaluationstatus .progress {
  border-right: 5px solid transparent;
  width: 0;
  max-width: 100%;
  float: left;
  -moz-transition: all ease-in;
  -o-transition: all ease-in;
  -webkit-transition: all ease-in;
  transition: all ease-in;
}
.agile-portal.evaluationstatus .progress.progress-100 {
  background-color: #B6383E;
}
.agile-portal.evaluationstatus .progress.progress-75 {
  background-color: #b96e02;
}
.agile-portal.evaluationstatus .progress.progress-50 {
  background-color: #0077D9;
}
.agile-portal.evaluationstatus .progress.progress-25 {
  background-color: #17803D;
}
.agile-portal.evaluationstatus .progress-text {
  font-size: 14px;
}
.agile-portal.evaluationstatus .progressbar-anim {
  height: 15px;
  width: 100%;
  overflow: hidden;
  opacity: 0.25;
}
.agile-portal.evaluationstatus .progress-text.color-white {
  position: relative;
  overflow: hidden;
  top: -13px;
  left: 5px;
  color: white;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  display: none;
}
.agile-portal.evaluationstatus .progress-text.color-black {
  color: #3B4455;
  padding-bottom: 10px;
}
.agile-portal.evaluationstatus .checkbox-info {
  width: 70%;
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.agile-portal.evaluationstatus .checkbox-info input[type=checkbox] {
  margin-right: 10px;
}
.agile-portal.evaluationstatus .bottom-wrap {
  padding-top: 30px;
}
.agile-portal.evaluationstatus .Buttons {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.agile-portal.evaluationstatus .Buttons .k-button {
  min-width: 80px;
  width: 100px;
  background-color: #0077D9;
  border: 1px solid #0077D9;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 38px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.agile-portal.evaluationstatus .Buttons .k-button:hover,
.agile-portal.evaluationstatus .Buttons .k-button:active {
  background-color: #3392e1;
  background-image: none;
}
.agile-portal.evaluationstatus .Buttons .k-button:focus {
  outline: 1px solid #87cbf3 !important;
  background-color: #3392e1;
  background-image: none;
}
.agile-portal.evaluation-notification {
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
  width: 100%;
  font-size: 14px;
}
.agile-portal.evaluation-notification .evaluationstatus-wrap {
  margin: 0 auto;
  width: auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  min-height: 300px;
  padding: 15px;
  position: relative;
  background-color: #fff;
}
.agile-portal.evaluation-notification .name {
  color: #0077D9;
  text-transform: uppercase;
  font-size: 21px;
}
.agile-portal.evaluation-notification h2 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: RobotoMedium;
  font-weight: 400;
}
.agile-portal.evaluation-notification .thankyou-text {
  font-size: 14px;
}
.agile-portal.evaluation-notification .days-text {
  font-size: 20px;
  padding: 30px 0 10px 0;
  font-family: RobotoMedium;
  font-weight: 400;
}
.agile-portal.evaluation-notification .successfully-message {
  /*text-align: center;*/
  color: #17803D;
  padding-bottom: 10px;
  font-size: 14px;
}
.agile-portal.evaluation-notification .progressbar {
  width: 100%;
  background-color: #f8f9fa;
  margin: 0 0 10px 0;
  clear: both;
  position: relative;
  line-height: 24px;
  color: #fff;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
  height: 15px;
  overflow: hidden;
}
.agile-portal.evaluation-notification .progress {
  border-right: 5px solid transparent;
  width: 0;
  max-width: 100%;
  float: left;
  -moz-transition: all ease-in;
  -o-transition: all ease-in;
  -webkit-transition: all ease-in;
  transition: all ease-in;
}
.agile-portal.evaluation-notification .progress.progress-100 {
  background-color: #B6383E;
}
.agile-portal.evaluation-notification .progress.progress-75 {
  background-color: #b96e02;
}
.agile-portal.evaluation-notification .progress.progress-50 {
  background-color: #0077D9;
}
.agile-portal.evaluation-notification .progress.progress-25 {
  background-color: #17803D;
}
.agile-portal.evaluation-notification .progress-text {
  font-size: 14px;
}
.agile-portal.evaluation-notification .progressbar-anim {
  height: 15px;
  width: 100%;
  overflow: hidden;
  opacity: 0.25;
}
.agile-portal.evaluation-notification .progress-text.color-white {
  position: relative;
  overflow: hidden;
  top: -13px;
  left: 5px;
  color: white;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  display: none;
}
.agile-portal.evaluation-notification .progress-text.color-black {
  color: #3B4455;
  padding-bottom: 10px;
  font-family: RobotoMedium;
  font-weight: 400;
}
.agile-portal.evaluation-notification .checkbox-info {
  width: 70%;
  position: absolute;
  left: 30px;
  bottom: 20px;
}
.agile-portal.evaluation-notification .checkbox-info input[type=checkbox] {
  margin-right: 10px;
}
.agile-portal.evaluation-notification .bottom-wrap {
  padding-top: 30px;
}
.agile-portal.evaluation-notification .Buttons {
  position: absolute;
  right: 30px;
  bottom: 10px;
}
.agile-portal.evaluation-notification .Buttons .k-button {
  min-width: 80px;
  width: 100px;
  background-color: #0077D9;
  border: 1px solid #0077D9;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 38px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.agile-portal.evaluation-notification .Buttons .k-button:hover,
.agile-portal.evaluation-notification .Buttons .k-button:active {
  background-color: #3392e1;
  background-image: none;
}
.agile-portal.evaluation-notification .Buttons .k-button:focus {
  outline: 1px solid #87cbf3 !important;
  background-color: #3392e1;
  background-image: none;
}
.agile-portal.mobile-wrap {
  box-shadow: none;
  width: 93%;
  margin-left: 0px;
}
/*Pop up window */
.portal-dialog {
  /*App store*/
}
.portal-dialog .form-row {
  display: inline-block;
  margin: 10px 0;
}
.portal-dialog .form-row.remove-inline {
  display: block;
}
.portal-dialog .form-row label {
  width: 160px;
  display: inline-block;
  text-align: right;
  padding-right: 10px;
  font-size: 16px;
}
.portal-dialog .form-row .k-input {
  width: 316px;
  display: inline-block;
  padding: 5px;
  border-color: #C8CED7;
}
.portal-dialog .form-row .k-input:focus {
  border-color: #2162ac;
}
.portal-dialog .error-message-holder {
  text-align: left;
  padding-left: 176px;
  color: #B6383E;
}
.portal-dialog .buttons {
  margin-top: 20px !important;
}
.portal-dialog .buttons .k-button {
  min-width: 77px;
}
.portal-dialog .content .application {
  width: 17%;
  padding: 2px;
}
.portal-dialog .loader {
  width: 100% !important;
  min-height: 10px;
  background-color: dimgrey;
  color: white;
  border-radius: 10px;
  text-align: center;
  display: block !important;
}
.portal-dialog .application {
  width: 15%;
  align-content: center;
  margin: 5px;
  vertical-align: top;
  cursor: pointer;
  overflow: hidden;
  background-color: transparent;
  min-height: 140px;
  display: inline-block;
  position: relative;
}
.portal-dialog .AppMetadata {
  color: #030303;
  position: relative;
}
.portal-dialog .application-icon {
  text-align: center;
  background-color: #f1f3f4;
  min-height: 75px;
}
.portal-dialog .content .application {
  width: 17%;
  padding: 2px;
}
.portal-dialog .application:hover .application-basic-info {
  opacity: 0 !important;
}
.portal-dialog .application:hover .application-description {
  top: 0 !important;
  opacity: 1 !important;
  z-index: 1 !important;
  background-color: #646466;
  color: #fff;
  min-height: 70px;
}
.portal-dialog .application .application-selected {
  position: absolute;
  top: 5px;
  right: -3px;
  display: block;
  opacity: 1;
}
.portal-dialog .application .error-box {
  background-image: url(/Themes/AgilePortalNew/Content/Images/sprites/sprite.png) !important;
  background-repeat: no-repeat;
  background-position: -146px -556px;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.portal-dialog .application .install-box {
  background-image: url(/Themes/AgilePortalNew/Content/Images/sprites/sprite.png) !important;
  background-repeat: no-repeat;
  background-position: -115px -556px;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.portal-dialog .application .remove-box {
  background-image: url(/Themes/AgilePortalNew/Content/Images/sprites/sprite.png) !important;
  background-repeat: no-repeat;
  background-position: -177px -556px;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.portal-dialog .application .add-box {
  background-image: url(/Themes/AgilePortalNew/Content/Images/sprites/sprite.png) !important;
  background-repeat: no-repeat;
  background-position: -186px -415px;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.portal-dialog .AppMetadata .application-basic-info {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  min-height: 70px;
  overflow-wrap: break-word;
}
.portal-dialog .AppMetadata .application-basic-info .Title {
  float: left;
  padding: 5px 0;
  width: 99%;
}
.portal-dialog .AppMetadata .application-basic-info .Type {
  float: left;
  color: #6e6e6e;
}
.portal-dialog .AppMetadata .application-description {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  top: 35px;
  z-index: -1;
  width: 100%;
  overflow: hidden;
  opacity: 0;
}
.portal-dialog .AppMetadata .application-description .Text {
  padding: 2px;
  display: inline-block;
  font-size: 11px;
}
.portal-dialog .AppMetadata .application-description .Text .link {
  text-align: right;
  color: #fff;
  text-decoration: underline;
}
.portal-dialog .AppMetadata .application-description .Text .link:hover {
  text-decoration: none;
}
.portal-dialog #progressBar {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
/*Check box style*/
.check-box-yes-no fieldset {
  position: relative;
  width: 44px;
  height: 26px;
  background: #e1e1e1;
  padding: 0;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.check-box-yes-no fieldset .input-switch {
  position: absolute;
  opacity: 0;
  z-index: -10;
}
.check-box-yes-no fieldset .switch-bg {
  position: absolute;
  z-index: 0;
  width: 50%;
  height: inherit;
  left: 50%;
  background: #7e7e7e;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  bottom: 3px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 20px;
  width: 20px;
  background: linear-gradient(137.68deg, #E7E7E7 0%, #FFFFFF 100%) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3) !important;
}
.check-box-yes-no fieldset .switch-labels {
  position: absolute;
  width: inherit;
  height: inherit;
}
.check-box-yes-no fieldset .switch-labels:before,
.check-box-yes-no fieldset .switch-labels:after {
  position: absolute;
  height: 40px;
  width: 50%;
  line-height: 25px;
  /*transition: all 0.3s;
                -webkit-transition: all 0.3s;*/
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
.check-box-yes-no fieldset .switch-labels:before {
  left: 0;
}
.check-box-yes-no fieldset .switch-labels:after {
  right: 0;
  color: #fff;
}
.check-box-yes-no fieldset label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100% !important;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.check-box-yes-no fieldset.show-hide {
  width: 130px;
}
.check-box-yes-no .input-switch:checked ~ .switch-bg {
  left: 3px;
  background: #0077D9 !important;
}
.check-box-yes-no .input-switch:checked ~ .switch-labels:before {
  color: #fff;
}
.check-box-yes-no .input-switch:checked ~ .switch-labels:after {
  color: #000;
}
.toggle-switch {
  /* Rounded sliders */
}
.toggle-switch .switch {
  position: relative;
  display: inline-block;
  width: 44px !important;
  height: 24px;
}
.toggle-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 24.2px;
  width: 44px;
  background-color: #CACED5;
}
.toggle-switch .slider:before {
  position: absolute;
  content: "";
  left: 2px;
  bottom: 2px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 20px;
  width: 20px;
  background: linear-gradient(137.68deg, #E7E7E7 0%, #FFFFFF 100%);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.toggle-switch input:checked + .slider {
  background-color: #0077D9;
}
.toggle-switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
  outline: 2px solid #87cbf3;
}
.toggle-switch input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.toggle-switch input:checked + .slider:focus {
  outline: 1px solid #87cbf3;
}
.toggle-switch .slider.round {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.toggle-switch .slider.round:before {
  border-radius: 50%;
}
@media only screen and (max-width: 1024px) {
  .agile-portal.tasklist-settings .form-row label {
    width: 18% !important;
  }
  .agile-portal.tasklist-settings .form-row .k-input,
  .agile-portal.tasklist-settings .form-row select {
    width: inherit !important;
  }
  .agile-portal.tasklist-settings .form-row .number-box {
    width: 35px !important;
  }
  .agile-portal.tasklist-settings ul.Titels li.ColumnNames {
    width: 18% !important;
  }
  .agile-portal.tasklist-settings ul.Titels li.CustomNames1 {
    width: 26% !important;
  }
  .agile-portal.tasklist-settings ul.Titels li.Visible {
    width: 160px !important;
  }
  .agile-portal.tasklist-tab ul.Titels li.CustomNames {
    width: 200px !important;
  }
  .agile-portal.app-builder-setting .form-row fieldset {
    margin-left: 10px !important;
  }
  .agile-portal.workcenter-common-settings {
    /*.extURLConfig {
                width: 500px !important;
            }*/
  }
  .agile-portal.admin-setting ul.list-icons li .text {
    overflow: hidden;
    white-space: nowrap;
    width: 56%;
    text-overflow: ellipsis;
  }
  .agile-portal.admin-setting .tooltip {
    top: -3px !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 760px) {
  .agile-portal.app-builder-setting .form-row label {
    width: 17% !important;
  }
  .agile-portal.app-builder-setting .form-row .k-input {
    width: 28% !important;
  }
  .agile-portal.app-builder-setting ul.Titels li.CustomNames {
    width: 30% !important;
  }
}
.agile-portal {
  /*&.loading-image-home {
        background-image: url(@homepageloader);
        position: absolute;
        top: 50%;
        width: 34px;
        height: 10px;
        text-align: center;
        left: 50%;
    }*/
}
.agile-portal.landing-page,
.agile-portal .page.content-item {
  height: 100%;
}
.agile-portal.landing-page-inner {
  display: grid;
  grid-template-columns: 35% 1fr;
  grid-gap: 30px;
  height: 100%;
}
.agile-portal.landing-page-inner .left-content {
  background: #fff;
}
.agile-portal.landing-page-inner .video-container {
  text-align: left;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 250px 250px;
  grid-gap: 20px;
  margin: 30px 10px 20px 0;
}
.agile-portal.landing-page-inner .video-container .new-boxwrap {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-align: left;
  padding: 30px;
  background-color: #fff;
  border: 1px solid #fff;
  position: relative;
}
.agile-portal.landing-page-inner .video-container .new-boxwrap .icon {
  float: left;
  margin-right: 10px;
}
.agile-portal.landing-page-inner .video-container .new-boxwrap .title {
  font-size: 18px;
  font-family: RobotoMedium;
  padding-left: 0;
  padding-top: 23px;
  display: inline-block;
}
.agile-portal.landing-page-inner .video-container .new-boxwrap .newtitle {
  padding-top: 0;
}
.agile-portal.landing-page-inner .video-container .new-boxwrap .subtitle {
  padding: 0;
}
.agile-portal.landing-page-inner .video-container .new-boxwrap .description {
  font-size: 14px;
  padding-top: 25px;
  line-height: 18px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  min-width: 175px;
}
.agile-portal.landing-page-inner .video-container .new-boxwrap .link {
  position: absolute;
  bottom: 30px;
}
.agile-portal.landing-page-inner .video-container .new-boxwrap .link .lets {
  color: #0077D9;
  font-family: RobotoMedium;
}
.agile-portal.landing-page-inner .video-container .new-boxwrap .otherlinks {
  padding-right: 30px;
}
.agile-portal.landing-page-inner .video-container .new-boxwrap:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #F2F2F2;
}
.agile-portal.landing-page-inner .video-container .ourappstore {
  background: #0077D9 !important;
  color: #fff;
  vertical-align: top;
}
.agile-portal.landing-page-inner .video-container .ourappstore .storetitle {
  font-size: 24px;
  line-height: 32px;
  font-family: RobotoMedium;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
.agile-portal.landing-page-inner .video-container .ourappstore .link {
  position: absolute;
  bottom: 27px;
}
.agile-portal.landing-page-inner .video-container .ourappstore .link .lets {
  color: #fff;
  font-size: 16px;
}
.agile-portal.landing-banner-image {
  text-align: center;
}
.agile-portal.landing-banner-image .home-banner-img {
  width: 100%;
  max-width: 80%;
  margin-top: 70px;
}
.agile-portal.landing-banner-image-title {
  padding-top: 50px;
  text-align: center;
  float: left;
  width: 100%;
}
.agile-portal.landing-banner-image-title .home-banner-img-title {
  width: 90%;
}
.agile-portal.landing-banner-image-title h2.title {
  font-family: RobotoMedium;
  color: #3b4455;
  font-size: 24px;
  margin: 0 0 15px 0;
  font-weight: 500;
}
.agile-portal.landing-banner-image-title .para {
  font-size: 16px;
  line-height: 22px;
}
.agile-portal.app-list {
  width: 62%;
  float: left;
  display: inline-block;
  margin: 25px 0 0 30px;
}
.agile-portal.app-list-inner {
  height: auto;
  position: relative;
  background-color: #fff;
  margin-bottom: 50px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-right: 30px;
}
.agile-portal.app-list-inner h2 {
  background: #fff;
  color: #3b4455;
  height: 25px;
  padding: 5px 0 15px 10px;
  border-bottom: 1px solid #F1F2F4;
  text-align: center;
  font-size: 18px;
  font-family: RobotoMedium;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 0;
}
.agile-portal.app-list-inner .new-app-list {
  background-color: #c2cd22;
}
.agile-portal.app-list-inner .box-wrap {
  padding-left: 10px;
}
.agile-portal.app-list-inner .boxs {
  float: left;
  width: 32.4%;
  position: relative;
  padding-top: 10px;
}
.agile-portal.app-list-inner .boxs .icon {
  float: left;
  width: 15%;
  padding: 0 0 0 15px;
  display: none;
}
.agile-portal.app-list-inner .boxs .box-details {
  float: left;
  width: 74%;
  height: auto;
  padding-bottom: 5px;
  min-height: 45px;
  font-family: RobotoRegular;
}
.agile-portal.app-list-inner .boxs .box-details .info {
  width: 100%;
  height: auto;
  color: #3B4455;
  line-height: 16px;
}
.agile-portal.app-list-inner .boxs .box-details .subtitle {
  width: 100%;
  height: auto;
  color: #4b4b4b;
  font-family: Arial !important;
  font-size: 13px !important;
  font-weight: normal !important;
  line-height: 18px;
}
.agile-portal.app-list-inner .boxs .box-details .free {
  color: #4b4b4b;
}
.agile-portal.app-list-inner .boxs h3 {
  text-align: left;
  padding-left: 68px;
  text-transform: uppercase;
}
.agile-portal.app-list-inner .boxs h3 a {
  color: #4b2974;
  font-size: 10px;
  font-weight: 800;
}
.agile-portal.app-list-inner .boxs-new {
  padding: 30px 0 7px 0;
}
.agile-portal.app-list-inner .boxs-new .icon {
  padding: 0;
  width: 16%;
}
.agile-portal.app-list-inner .boxs-new .tappicon {
  max-width: 38px;
  max-height: 38px;
  padding-left: 5px;
}
.agile-portal.app-list-inner .boxs-new .box-details-new {
  width: 92.5%;
  padding-bottom: 0;
  border: 2px solid #F1F2F4;
  margin-left: 25px;
  border-radius: 8px;
  min-height: 320px;
  box-sizing: border-box;
}
.agile-portal.app-list-inner .boxs-new .box-details-new .infoText {
  height: auto;
  color: #3B4455;
  vertical-align: middle;
  float: left;
  display: block;
  margin: 18px 30px 20px 30px;
  line-height: 26px;
  font-size: 16px;
  display: inline-block;
}
.agile-portal.app-list-inner .boxs-new .box-details-new .infoText .title {
  min-height: 50px;
  display: inline-block;
  float: left;
  min-width: 150px;
}
.agile-portal.app-list-inner .boxs-new .box-details-new .clock-icon {
  float: left;
  margin-top: 4px;
  padding-right: 6px;
}
.agile-portal.app-list-inner .boxs-new .box-details-new .time-info {
  font-size: 14px;
  padding-top: 5px;
  display: inline-block;
  width: 95%;
}
.agile-portal.app-list-inner .boxs-new .box-details-new .link {
  color: #0674D2;
  padding-top: 5px;
  display: inline-block;
}
.agile-portal.app-list-inner .boxs-new .box-details-new .link:hover {
  text-decoration: underline;
}
.agile-portal.app-list-inner .boxs-new .box-details-new:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
}
.agile-portal.app-list-inner .boxs-new .box-details-new:hover .play-button {
  background-color: #B6383E;
  z-index: 99 !important;
}
.agile-portal.app-list-inner .boxs-new .box-details-new:hover .overlay {
  width: 260px;
  height: 160px;
  position: absolute;
  top: 0;
  background-color: #3B4455;
  opacity: 0.4;
  display: block;
}
.agile-portal.app-list-inner .boxs-new .box-details-new:hover .overlayblock {
  background-color: #3B4455;
  opacity: 0.7;
  height: 168px;
  position: absolute;
  z-index: 9;
  width: 93%;
  border-radius: 8px;
  display: block !important;
}
.agile-portal.app-list-inner .boxs-new .information-small-icon {
  float: right;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  cursor: pointer;
}
.agile-portal.app-list-inner .boxs-new .video-icon {
  float: left;
  display: block;
  width: 100%;
  margin: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-size: cover;
  padding-top: 0;
  height: 168px !important;
  min-height: 168px !important;
  background-position: 0 -32px;
  background-repeat: no-repeat;
}
.agile-portal.app-list-inner .morevideos {
  margin: 40px 0 50px 0;
  display: inline-block;
  text-align: center;
  width: 97%;
}
.agile-portal.app-list-inner .morevideos a.text {
  height: 40px;
  width: 160px;
  border-radius: 25px;
  background-color: #0077D9;
  display: inline-block;
  line-height: 40px;
  font-size: 16px;
  color: #FFF;
}
.agile-portal.app-list-inner .morevideos a.text:hover {
  background-color: rgba(0, 119, 217, 0.8);
}
.agile-portal.app-list-inner .no-icon {
  padding-left: 10px;
}
.agile-portal.app-list-inner .no-icon .icon {
  padding: 0 0 0 5px;
  display: none;
}
.agile-portal.app-list-inner .no-icon .box-details-new {
  width: 95%;
}
.agile-portal.app-list-inner .arrows {
  width: 10px;
  position: absolute;
  right: 10px;
  top: 40%;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
.agile-portal.app-list-inner .blue-arrow {
  color: #8acbdf;
}
.agile-portal.app-list-inner .green-arrow {
  color: #c2cd22;
}
.agile-portal.app-list-inner .youtube {
  background-color: transparent;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
  height: 16px !important;
}
.agile-portal.app-list-inner .youtube:hover .play-button {
  background-color: #B6383E;
}
.agile-portal.app-list-inner .youtube img {
  width: 100%;
  top: -16.82%;
  left: 0;
  opacity: 0.7;
}
.agile-portal.app-list-inner .youtube .play-button {
  width: 31px;
  height: 21px;
  background-color: #333;
  z-index: 1;
  opacity: 0.8;
  border-radius: 6px;
}
.agile-portal.app-list-inner .youtube .play-button:before {
  content: "";
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #fff;
}
.agile-portal.app-list-inner .youtube iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.agile-portal.app-list-inner .youtube img,
.agile-portal.app-list-inner .youtube .play-button {
  cursor: pointer;
}
.agile-portal.app-list-inner .youtube img,
.agile-portal.app-list-inner .youtube iframe,
.agile-portal.app-list-inner .youtube .play-button,
.agile-portal.app-list-inner .youtube .play-button:before {
  position: absolute;
}
.agile-portal.app-list-inner .youtube .play-button,
.agile-portal.app-list-inner .youtube .play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.agile-portal.store-download-buttons {
  float: left;
}
.agile-portal.store-download-buttons .link {
  background-color: #88cadf;
  padding: 10px 0 10px 10px;
  color: #fff;
  margin: 10px 0;
  display: block;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 4px 3px 10px -3px #aaa;
  -moz-box-shadow: 4px 3px 10px -3px #aaa;
  -webkit-box-shadow: 4px 3px 10px -3px #aaa;
}
.agile-portal.store-download-buttons .link b {
  display: inline-block;
  font-size: 14px;
  padding-top: 5px;
}
.agile-portal.store-buttons {
  float: left;
  width: 100%;
  padding-top: 5px;
  text-align: center;
}
.agile-portal.store-buttons .link {
  padding-bottom: 4px;
  text-align: left;
  padding-right: 15px;
}
.agile-portal.store-buttons .otherlinks {
  display: inline-block;
  padding-right: 15px;
  width: 40px;
}
.agile-portal.loading-image {
  background-image: url('/Themes/AgilePortalNew/Content/Images/loadingscreen.svg?rev=070000022');
  position: absolute;
  top: 35%;
  width: 500px;
  height: 500px;
  left: 40%;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.agile-portal .hideBackground {
  background: none !important;
}
.agile-portal.workcenter-wrap {
  padding: 0 5px 0 0;
  position: relative;
  top: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 100%;
}
.agile-portal.workcenter-wrap .myTaskView .k-select {
  margin-top: 0 !important;
}
.agile-portal.workcenter-wrap .k-context-menu {
  position: fixed !important;
}
.agile-portal.workcenter-wrap .progressbar .progressbarblock {
  position: absolute;
  top: 50%;
  left: 50%;
}
.agile-portal.workcenter-content .tabContent .ListMyApp {
  padding-left: 15px;
}
.agile-portal.workcenter-content .tabContent .ListMyApp .myappdata {
  width: 46% !important;
}
.agile-portal.workcenter-content .tabContent .toolbar {
  width: 99% !important;
}
.agile-portal.workcenter-content .center {
  position: relative;
  left: 0;
  top: 0;
}
.modalWindow .fieldcontainfullwidth .k-dropdown {
  border: 1px solid #c5c5c5;
}
.modalWindow .myTaskView .k-select {
  margin-top: 0;
  border: 1px solid #c5c5c5;
}
ul.breadcrumb {
  float: left;
  width: 23%;
  margin: 4px 0 0 15px;
  display: none;
}
ul.breadcrumb li {
  display: inline;
}
ul.breadcrumb li a {
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
  color: #697173;
  text-transform: uppercase;
}
ul.breadcrumb li a:before {
  content: "\003e";
}
ul.breadcrumb li a:hover {
  text-decoration: underline;
}
ul.breadcrumb li a:first {
  color: #697173;
}
ul.breadcrumb li a:focus {
  outline: 1px solid #4D90FE !important;
}
ul.breadcrumb li.first :before {
  content: "";
}
@media (max-width: 468px) {
  ul.breadcrumb {
    width: 43% !important;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .agile-portal.help-container-wrap {
    width: 85% !important;
    grid-template-columns: auto auto !important;
  }
  .agile-portal.help-container {
    width: auto !important;
  }
  .agile-portal.help-container .helpbanner {
    height: 150px !important;
  }
  .agile-portal.help-container .helpbanner .mobile-margin {
    margin-left: 37%;
  }
  .agile-portal.help-container .detailsbanner {
    width: 95% !important;
    padding-top: 10px;
  }
  .agile-portal.help-container .detailsbanner h2 {
    font-size: 22px !important;
    line-height: 22px;
    text-align: center;
  }
  .agile-portal.help-container .detailsbanner h3 {
    font-size: 13px !important;
    line-height: 20px;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .agile-portal.help-container-wrap {
    width: 85% !important;
    grid-template-columns: auto !important;
    grid-row-gap: 0px !important;
  }
  .agile-portal.help-container {
    width: 100% !important;
    min-height: 110px !important;
  }
  .agile-portal.help-container .helpbanner {
    height: 67px !important;
    padding: 10px !important;
  }
  .agile-portal.help-container .helpbanner .mobile-margin {
    margin-top: -3px;
  }
  .agile-portal.help-container .helpbanner:focus {
    outline: none !important;
    border: 1px solid #4D90FE !important;
  }
  .agile-portal.help-container .detailsbanner {
    height: 20px !important;
    margin: 0px 0px 0px 0;
  }
  .agile-portal.help-container .detailsbanner h2 {
    font-size: 20px !important;
    text-align: left;
  }
  .agile-portal.help-container .detailsbanner h3 {
    display: none;
    text-align: left;
  }
}
.agile-portal.help-container-wrap {
  margin: 30px auto 10px;
  width: 91%;
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: auto auto auto;
}
.agile-portal.help-container {
  min-height: 155px;
}
.agile-portal.help-container .helpbanner {
  height: 125px;
  background: #fff;
  padding: 9% 0 0 9%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
  overflow: auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #fff;
}
.agile-portal.help-container .helpbanner:hover {
  background: #fff;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #F2F2F2;
}
.agile-portal.help-container .helpbanner:focus {
  outline: none !important;
  border: 1px solid #4D90FE !important;
}
.agile-portal.help-container .detailsbanner {
  height: auto;
  float: left;
  padding-top: 4px;
  display: inline-block;
  width: 55%;
}
.agile-portal.help-container .detailsbanner h2 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  color: #3B4455;
  margin: 0 0 5px 0;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  font-family: RobotoMedium;
}
.agile-portal.help-container .detailsbanner h3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: lighter;
  color: #3B4455;
  margin: 0 0 10px 0;
}
.agile-portal.support-message {
  border: 1px solid #ddd;
  padding: 20px;
  width: 80%;
  margin: 100px auto 0;
  background-color: #F2F2F2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.agile-portal.support-message h2 {
  line-height: 20px;
  color: #485c6d;
  font-family: RobotoMedium;
  font-size: 16px;
  font-weight: 400;
}
.agile-portal.support-message a {
  text-decoration: underline;
}
@media (max-width: 1024px) {
  .agile-portal.leftmenubar {
    position: relative;
    width: 100%;
    /*height: 47px !important;*/
    padding: 0;
    z-index: 98;
  }
  .agile-portal.leftmenubar .openclose-button {
    display: none !important;
  }
  .agile-portal.leftmenubar .grand-container {
    float: left;
    width: 100%;
    display: block;
  }
  .agile-portal.leftmenubar .menu-item {
    float: left;
    width: 12% !important;
    height: auto;
    text-align: center;
  }
  .agile-portal.leftmenubar .menu-item.access-denied {
    pointer-events: none;
    opacity: 0.5;
  }
  .agile-portal.leftmenubar .menu-item.access-denied .access-denied-lock-icon {
    top: 0px;
    left: unset;
    right: 20px;
  }
  .agile-portal.leftmenubar .menu-item:last-child {
    border-right: none;
  }
  .agile-portal.leftmenubar .menu-item .link {
    padding: 0 !important;
    height: 63px;
    display: inline-grid;
    place-items: center;
  }
  .agile-portal.leftmenubar .menu-item .menu-icon {
    float: none !important;
  }
  .agile-portal.leftmenubar .menu-item .text {
    display: none;
  }
  .agile-portal.leftmenubar .menu-item.menu-item-active .text {
    display: none !important;
  }
  .agile-portal.leftmenubar .menu-item .sub-menu {
    top: 63px;
    left: 0;
  }
  .agile-portal.leftmenubar .menu-item .sub-menu .menu-icon {
    display: none;
  }
  .agile-portal.leftmenubar .menu-item .sub-menu .menu-item {
    width: 200px !important;
    text-align: left !important;
  }
  .agile-portal.leftmenubar .menu-item .sub-menu .menu-item .text {
    display: inline-block !important;
  }
  .agile-portal.leftmenu-min-height {
    height: inherit;
  }
}
@media only screen and (max-width: 1024px) {
  .agile-portal.sign-contaner-main {
    width: 90%;
  }
  .agile-portal.sign-contaner-main ul.list-login li a {
    padding-left: 7px;
  }
  .agile-portal.sign-contaner-main ul.list-login li .text,
  .agile-portal.sign-contaner-main ul.list-login li .sub-line {
    overflow: hidden;
    white-space: nowrap;
    width: 63%;
    text-overflow: ellipsis;
  }
  .agile-portal.sign-contaner-main ul.list-login li .tooltip {
    width: 20px;
    float: right;
  }
  .agile-portal.sign-contaner-main ul.list-login li .tooltip a {
    width: 20px !important;
  }
  .agile-portal.sign-contaner-main ul.list-login li .tooltip .tooltip-content {
    width: 90% !important;
    margin-left: -88%;
  }
  .agile-portal.sign-contaner-main ul.list li .text {
    display: block;
  }
  .agile-portal.sign-contaner-main ul.link li a {
    width: 96% !important;
  }
  .agile-portal.sign-contaner-main .title-bg-line {
    background-image: none !important;
  }
  .agile-portal.agile-login .username-text-box {
    width: 92% !important;
  }
  .agile-portal.inner-sign-contaner-main {
    width: 90% !important;
  }
  .agile-portal.inner-sign-contaner-main h3 {
    width: 100%;
  }
  .agile-portal.inner-sign-contaner-main input[type="password"],
  .agile-portal.inner-sign-contaner-main .text-box {
    width: 92% !important;
  }
  .agile-portal.inner-sign-contaner-main .signin-button {
    margin: 10px auto 0;
    display: block;
  }
  .agile-portal.inner-sign-contaner-main .signin-button:focus {
    outline-offset: -2px !important;
    outline: none !important;
    border: 1px solid #4D90FE !important;
  }
  .agile-portal.main-error-message {
    top: 160px !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .agile-portal.agile-login .username-text-box,
  .agile-portal.agile-login input[type="password"] {
    width: 80% !important;
  }
  .agile-portal.agile-login .signin-button {
    min-width: 258px !important;
  }
  .agile-portal.agile-login .signin-button:focus {
    outline-offset: -2px !important;
    outline: none !important;
    border: 1px solid #4D90FE !important;
  }
  .agile-portal.agile-login .label-field {
    width: 100% !important;
  }
}
.AB-Sprites {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
}
.mobileview-icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  background-repeat: no-repeat;
  width: 28px !important;
  height: 28px !important;
  background-position: -9px -669px;
  display: block;
  cursor: pointer;
}
.mobileview-icon-expanded {
  background-position: -9px -669px;
}
.mainmenu-mobile li .icon {
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-mobile.png?rev=070000022') !important;
  background-repeat: no-repeat;
  margin: 5px 0 0 13px;
  width: 26px !important;
  height: 26px !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #0098dc;
  background-position: -49px -12px;
  background-color: transparent;
}
.mainmenu-mobile li .icon:hover {
  background-position: -49px -59px;
  background-color: #0098dc;
}
.mainmenu-mobile li.current .icon,
.mainmenu-mobile li:hover .icon {
  background-color: #0098dc;
  background-position: -49px -59px;
}
.mainmenu-mobile li.current .text,
.mainmenu-mobile li:hover .text {
  color: #0098dc;
}
.mainmenu-mobile .work-center .icon {
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-mobile.png?rev=070000022') !important;
  background-repeat: no-repeat;
  margin: 5px 0 0 13px;
  width: 26px !important;
  height: 26px !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #0098dc;
  background-position: -87px -11px;
  background-color: transparent;
}
.mainmenu-mobile .work-center .icon:hover {
  background-position: -87px -58px;
  background-color: #0098dc;
}
.mainmenu-mobile .work-center.current .icon,
.mainmenu-mobile .work-center:hover .icon {
  background-color: #0098dc;
  background-position: -87px -58px;
}
.mainmenu-mobile .work-center.current .text,
.mainmenu-mobile .work-center:hover .text {
  color: #0098dc;
}
.mainmenu-mobile .documents .icon {
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-mobile.png?rev=070000022') !important;
  background-repeat: no-repeat;
  margin: 5px 0 0 13px;
  width: 26px !important;
  height: 26px !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #0098dc;
  background-position: -173px -8px;
  background-color: transparent;
}
.mainmenu-mobile .documents .icon:hover {
  background-position: -173px -47px;
  background-color: #0098dc;
}
.mainmenu-mobile .documents.current .icon,
.mainmenu-mobile .documents:hover .icon {
  background-color: #0098dc;
  background-position: -173px -47px;
}
.mainmenu-mobile .documents.current .text,
.mainmenu-mobile .documents:hover .text {
  color: #0098dc;
}
.mainmenu-mobile .collaboration .icon {
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-mobile.png?rev=070000022') !important;
  background-repeat: no-repeat;
  margin: 5px 0 0 13px;
  width: 26px !important;
  height: 26px !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #0098dc;
  background-position: -10px -13px;
  background-color: transparent;
}
.mainmenu-mobile .collaboration .icon:hover {
  background-position: -10px -60px;
  background-color: #0098dc;
}
.mainmenu-mobile .collaboration.current .icon,
.mainmenu-mobile .collaboration:hover .icon {
  background-color: #0098dc;
  background-position: -10px -60px;
}
.mainmenu-mobile .collaboration.current .text,
.mainmenu-mobile .collaboration:hover .text {
  color: #0098dc;
}
.mainmenu-mobile .settings .icon {
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-mobile.png?rev=070000022') !important;
  background-repeat: no-repeat;
  margin: 5px 0 0 13px;
  width: 26px !important;
  height: 26px !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #0098dc;
  background-position: -180px -12px;
  background-color: transparent;
}
.mainmenu-mobile .settings .icon:hover {
  background-position: -180px -59px;
  background-color: #0098dc;
}
.mainmenu-mobile .settings.current .icon,
.mainmenu-mobile .settings:hover .icon {
  background-color: #0098dc;
  background-position: -180px -59px;
}
.mainmenu-mobile .settings.current .text,
.mainmenu-mobile .settings:hover .text {
  color: #0098dc;
}
.mainmenu-mobile .market-place .icon {
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-mobile.png?rev=070000022') !important;
  background-repeat: no-repeat;
  margin: 5px 0 0 13px;
  width: 26px !important;
  height: 26px !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #0098dc;
  background-position: -223px -11px;
  background-color: transparent;
}
.mainmenu-mobile .market-place .icon:hover {
  background-position: -223px -58px;
  background-color: #0098dc;
}
.mainmenu-mobile .market-place.current .icon,
.mainmenu-mobile .market-place:hover .icon {
  background-color: #0098dc;
  background-position: -223px -58px;
}
.mainmenu-mobile .market-place.current .text,
.mainmenu-mobile .market-place:hover .text {
  color: #0098dc;
}
.mainmenu-mobile .help .icon {
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-mobile.png?rev=070000022') !important;
  background-repeat: no-repeat;
  margin: 5px 0 0 13px;
  width: 26px !important;
  height: 26px !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #0098dc;
  background-position: -258px -11px;
  background-color: transparent;
}
.mainmenu-mobile .help .icon:hover {
  background-position: -258px -59px;
  background-color: #0098dc;
}
.mainmenu-mobile .help.current .icon,
.mainmenu-mobile .help:hover .icon {
  background-color: #0098dc;
  background-position: -258px -59px;
}
.mainmenu-mobile .help.current .text,
.mainmenu-mobile .help:hover .text {
  color: #0098dc;
}
.mainmenu-mobile .my-reports .icon {
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-mobile.png?rev=070000022') !important;
  background-repeat: no-repeat;
  margin: 5px 0 0 13px;
  width: 26px !important;
  height: 26px !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #0098dc;
  background-position: -380px -13px;
  background-color: transparent;
}
.mainmenu-mobile .my-reports .icon:hover {
  background-position: -380px -60px;
  background-color: #0098dc;
}
.mainmenu-mobile .my-reports.current .icon,
.mainmenu-mobile .my-reports:hover .icon {
  background-color: #0098dc;
  background-position: -380px -60px;
}
.mainmenu-mobile .my-reports.current .text,
.mainmenu-mobile .my-reports:hover .text {
  color: #0098dc;
}
.mainmenu-mobile .manage .icon {
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-mobile.png?rev=070000022') !important;
  background-repeat: no-repeat;
  margin: 5px 0 0 13px;
  width: 26px !important;
  height: 26px !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #0098dc;
  background-position: -296px -13px;
  background-color: transparent;
}
.mainmenu-mobile .manage .icon:hover {
  background-position: -296px -60px;
  background-color: #0098dc;
}
.mainmenu-mobile .manage.current .icon,
.mainmenu-mobile .manage:hover .icon {
  background-color: #0098dc;
  background-position: -296px -60px;
}
.mainmenu-mobile .manage.current .text,
.mainmenu-mobile .manage:hover .text {
  color: #0098dc;
}
.mainmenu-mobile .app-builder .icon {
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-mobile.png?rev=070000022') !important;
  background-repeat: no-repeat;
  margin: 5px 0 0 13px;
  width: 26px !important;
  height: 26px !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #0098dc;
  background-position: -339px -13px;
  background-color: transparent;
}
.mainmenu-mobile .app-builder .icon:hover {
  background-position: -339px -60px;
  background-color: #0098dc;
}
.mainmenu-mobile .app-builder.current .icon,
.mainmenu-mobile .app-builder:hover .icon {
  background-color: #0098dc;
  background-position: -339px -60px;
}
.mainmenu-mobile .app-builder.current .text,
.mainmenu-mobile .app-builder:hover .text {
  color: #0098dc;
}
.mainmenu-mobile .add-on .icon {
  float: left;
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/menu-sprite-mobile.png?rev=070000022') !important;
  background-repeat: no-repeat;
  margin: 5px 0 0 13px;
  width: 26px !important;
  height: 26px !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #0098dc;
  background-position: -424px -14px;
  background-color: transparent;
}
.mainmenu-mobile .add-on .icon:hover {
  background-position: -424px -14px;
  background-color: #0098dc;
}
.mainmenu-mobile .add-on.current .icon,
.mainmenu-mobile .add-on:hover .icon {
  background-color: #0098dc;
  background-position: -424px -14px;
}
.mainmenu-mobile .add-on.current .text,
.mainmenu-mobile .add-on:hover .text {
  color: #0098dc;
}
.agile-portal.user-profile {
  margin: 30px auto 0;
  float: none;
  width: 62%;
  position: relative;
  background: #fff;
  border: 0;
  box-shadow: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.agile-portal.user-profile input[type=text],
.agile-portal.user-profile input[type=password],
.agile-portal.user-profile input[type=email],
.agile-portal.user-profile textarea,
.agile-portal.user-profile .k-input,
.agile-portal.user-profile select {
  font-size: 16px;
}
.agile-portal.user-profile .heading2 .help-link:focus {
  outline: 1px solid #4D90FE !important;
  display: inline-block;
  float: right;
}
.agile-portal.user-profile .heading2 .common-help-link {
  margin: 0 20px 0 0;
}
.agile-portal.user-profile .form-inner-wrap {
  padding: 20px 0 20px 39px;
  width: 96%;
}
.agile-portal.user-profile .form-inner-wrap .user-profile-block {
  width: 60%;
  float: left;
  border-right: 1px solid rgba(102, 114, 135, 0.15);
  margin-top: 1%;
}
.agile-portal.user-profile .form-inner-wrap .QRCodeWrapper {
  width: 36%;
  float: right;
  text-align: center;
  padding-right: 20px;
}
.agile-portal.user-profile .form-inner-wrap .QRCodeWrapper .text {
  color: #3b4455;
  font-weight: 400;
  display: inline-block;
  padding-top: 10px;
}
.agile-portal.user-profile .form-inner-wrap .QRCodeWrapper .QRCodelogo {
  margin-top: 10px;
  width: 264px;
}
.agile-portal.user-profile .form-inner-wrap .QRCodeWrapper .QRaction {
  padding-top: 40px;
  color: #5e6166 !important;
}
.agile-portal.user-profile .form-inner-wrap .QRCodeWrapper .QRaction a {
  padding-right: 20px;
  padding: 11px 16px 9px 15px;
  color: #667287;
}
.agile-portal.user-profile .form-inner-wrap .QRCodeWrapper .QRaction a .share {
  background-image: url('/Themes/AgilePortalNew/Content/Images/share-icon-normal.png?rev=070000022') !important;
  height: 16px;
  width: 16px;
  cursor: pointer;
  background-repeat: no-repeat;
  display: inline-block;
}
.agile-portal.user-profile .form-inner-wrap .QRCodeWrapper .QRaction a .download {
  background-image: url('/Themes/AgilePortalNew/Content/Images/download-icon-normal.png?rev=070000022') !important;
  height: 18px;
  width: 19px;
  cursor: pointer;
  background-repeat: no-repeat;
  display: inline-block;
}
.agile-portal.user-profile .form-inner-wrap .QRCodeWrapper .QRaction a .text {
  vertical-align: top;
  margin-left: 5px;
  font-size: 16px;
  padding-top: 0px;
}
.agile-portal.user-profile .form-inner-wrap .QRCodeWrapper .QRaction a:hover {
  color: #0077D9;
}
.agile-portal.user-profile .form-inner-wrap .QRCodeWrapper .QRaction a:hover .share {
  background-image: url('/Themes/AgilePortalNew/Content/Images/share-icon-hover.png?rev=070000022') !important;
}
.agile-portal.user-profile .form-inner-wrap .QRCodeWrapper .QRaction a:hover .download {
  background-image: url('/Themes/AgilePortalNew/Content/Images/download-icon-hover.png?rev=070000022') !important;
}
.agile-portal.user-profile .form-inner-wrap .QRCodeWrapper .QRaction a:hover .text {
  color: #0077D9;
}
.agile-portal.user-profile .form-row {
  height: auto !important;
}
.agile-portal.user-profile .form-row .readonly {
  background-color: #F8F9FA !important;
  opacity: 0.7;
}
.agile-portal.user-profile .form-row .k-input,
.agile-portal.user-profile .form-row .text-box,
.agile-portal.user-profile .form-row input[type="text"] {
  width: 400px;
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #C8CED7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-left: 15px;
}
.agile-portal.user-profile .form-row .k-input:focus,
.agile-portal.user-profile .form-row .text-box:focus,
.agile-portal.user-profile .form-row input[type="text"]:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.user-profile .form-row select {
  width: 402px;
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #C8CED7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-left: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/Themes/AgilePortalNew/Content/Images/down-arrow.png?rev=070000022) no-repeat right 10px center white;
}
.agile-portal.user-profile .form-row select:focus {
  outline: 1px solid #87cbf3 !important;
}
.agile-portal.user-profile .form-row label {
  font-size: 16px;
  width: 170px;
  padding-top: 12px;
}
.agile-portal.user-profile .form-row .submit-buttons {
  margin: 20px 0 0 10px;
  display: inline-block;
}
.agile-portal.user-profile .form-row .image-upload {
  max-width: 96px;
  max-height: 60px;
  padding-top: 15px;
  display: inline-block;
  float: left;
}
.agile-portal.user-profile .form-row fieldset {
  background: transparent;
  display: inline-block;
}
.agile-portal.user-profile .form-row .browse {
  border: 1px solid #ddd;
  display: block;
  padding: 10px;
  min-height: 95px;
  width: 340px !important;
}
.agile-portal.user-profile .form-row .browse .fileUploadContainer .fileUploadControl {
  width: 90px;
  color: transparent;
}
.agile-portal.user-profile .form-row .browse .fileUploadContainer .selectedFileName {
  position: absolute;
  top: 14px;
  left: 105px;
  z-index: 1;
  width: auto;
  height: auto;
  opacity: 1;
  cursor: default;
  font-weight: normal;
}
.agile-portal.user-profile .form-row .upload-user-profile {
  float: left;
  width: 391px;
}
.agile-portal.user-profile .user-profile-buttons {
  margin: 5px 0;
  text-align: right;
  width: 88.2%;
}
.agile-portal.user-profile .k-button {
  height: 40px;
  width: 85px;
  border-radius: 20px;
  background-color: #0077D9;
}
.agile-portal.user-profile .k-button:hover,
.agile-portal.user-profile .k-button:active {
  background-color: #0077D9 !important;
  outline: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .agile-portal.user-profile .browse {
    display: inline-block !important;
    width: 390px !important;
  }
}
@media only screen and (max-width: 1020px) {
  .agile-portal.user-profile .form-row .k-input,
  .agile-portal.user-profile .form-row .text-box,
  .agile-portal.user-profile .form-row input[type="text"],
  .agile-portal.user-profile .form-row fieldset {
    width: 92%;
  }
}
.agile-portal.browsers-list {
  margin-left: 17px;
}
.agile-portal.notification-main {
  display: none;
  position: relative;
  z-index: 10000;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.agile-portal.notification-wrap {
  background: #fff;
  border: 0;
  width: 350px;
  float: right;
  margin: 5px 15px 0;
  position: absolute;
  right: 93px;
  z-index: 99999;
  top: -38px;
  font-family: RobotoMedium;
  font-weight: 500;
  box-shadow: 0 6px 7px 1px rgba(0, 0, 0, 0.14), 0 2px 10px 1px rgba(0, 0, 0, 0.12), 0 4px 4px -2px rgba(0, 0, 0, 0.2);
}
.agile-portal.notification-wrap .notifcation-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.agile-portal.notification-wrap .notifcation-header .mark-all {
  cursor: pointer;
  color: #0077D9;
  margin-right: 30px;
  font-size: 15px;
}
.agile-portal.notification-wrap .notification-pager .k-link:focus {
  outline: none !important;
  border: 1px solid #549bd9;
}
.agile-portal.notification-wrap h2,
.agile-portal.notification-wrap h3,
.agile-portal.notification-wrap h4,
.agile-portal.notification-wrap h5 {
  font-weight: 500;
}
.agile-portal.notification-wrap h2 {
  background: #fff;
  color: #3B4455;
  margin: 0;
  padding: 20px 0 20px 30px;
  font-size: 16px;
}
.agile-portal.notification-wrap h3:before,
.agile-portal.notification-wrap h4:before {
  background: #fff;
  bottom: 0;
  position: absolute;
  right: 0;
  content: '\2026';
}
.agile-portal.notification-wrap h3:after,
.agile-portal.notification-wrap h4:after {
  content: '';
  background: #fff;
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: 1;
}
.agile-portal.notification-wrap h3 {
  color: #3B4455;
  font-size: 14px;
  margin: 0;
  overflow: hidden;
  position: relative;
  max-height: 2.4em;
  margin-right: 10px;
  padding-top: 10px;
}
.agile-portal.notification-wrap h4 {
  color: #676E7B;
  margin: 2px 10px 0 0;
  font-weight: normal;
  line-height: 16px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
  max-height: 4.5em;
  padding: 5px 0 8px 0;
}
.agile-portal.notification-wrap .subtitle {
  color: #676E7B;
  margin: 2px 10px 0 0;
  font-weight: normal;
  line-height: 16px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
  max-height: 4.5em;
  padding: 5px 0 8px 0;
}
.agile-portal.notification-wrap h5 {
  color: #7a7676;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.agile-portal.notification-wrap .date-icon {
  float: left;
  margin-top: 0px;
  padding-right: 10px;
}
.agile-portal.notification-wrap .dateinfo {
  color: #676E7B;
}
.agile-portal.notification-wrap .notification-inner-wrap.Archived {
  opacity: 0.8;
}
.agile-portal.notification-wrap ul.notification-list {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 357px;
  border: 0;
}
.agile-portal.notification-wrap ul.notification-list li {
  color: #3B4455;
  border-top: 1px solid #fff;
  cursor: default;
  display: block;
  padding: 10px 0 20px 30px;
  position: relative;
  width: 92%;
  cursor: pointer;
  background-color: #F1F2F4;
}
.agile-portal.notification-wrap ul.notification-list li h3:before,
.agile-portal.notification-wrap ul.notification-list li h4:before {
  background: #F1F2F4;
  bottom: 0;
  position: absolute;
  right: 0;
  content: '\2026';
}
.agile-portal.notification-wrap ul.notification-list li h3:after,
.agile-portal.notification-wrap ul.notification-list li h4:after {
  content: '';
  background: #F1F2F4;
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: 1;
}
.agile-portal.notification-wrap ul.notification-list li:first-child {
  border-top: none;
}
.agile-portal.notification-wrap ul.notification-list li:hover h3,
.agile-portal.notification-wrap ul.notification-list li:hover h4 {
  color: #0077D9 !important;
}
.agile-portal.notification-wrap ul.notification-list li[class*="Announcement 2"] {
  opacity: 0.6 !important;
  cursor: default !important;
}
.agile-portal.notification-wrap ul.notification-list li.read {
  background-color: #fff;
  border-top: 1px solid #F1F2F4;
}
.agile-portal.notification-wrap ul.notification-list li.read h3:before,
.agile-portal.notification-wrap ul.notification-list li.read h4:before {
  background: #fff;
  bottom: 0;
  position: absolute;
  right: 0;
  content: '\2026';
}
.agile-portal.notification-wrap ul.notification-list li.read h3:after,
.agile-portal.notification-wrap ul.notification-list li.read h4:after {
  content: '';
  background: #fff;
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: 1;
}
.agile-portal.notification-wrap ul.notification-list li.read:hover h3,
.agile-portal.notification-wrap ul.notification-list li.read:hover h4 {
  color: #0077D9 !important;
}
.agile-portal.notification-wrap ul.notification-list .k-state-selected {
  background-color: transparent;
}
.agile-portal.notification-wrap ul.notification-list .k-state-selected h3,
.agile-portal.notification-wrap ul.notification-list .k-state-selected h4 {
  color: #0077D9 !important;
}
.agile-portal.notification-wrap ul.notification-list .k-state-selected h3:before,
.agile-portal.notification-wrap ul.notification-list .k-state-selected h4:before {
  background: #fff;
  bottom: 0;
  position: absolute;
  right: 0;
  content: '\2026';
}
.agile-portal.notification-wrap ul.notification-list .k-state-selected h3:after,
.agile-portal.notification-wrap ul.notification-list .k-state-selected h4:after {
  content: '';
  background: #fff;
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: 1;
}
.agile-portal.notification-wrap ul.notification-list .k-state-selected li.read h3:before,
.agile-portal.notification-wrap ul.notification-list .k-state-selected li.read h4:before {
  background: #fff;
  bottom: 0;
  position: absolute;
  right: 0;
  content: '\2026';
}
.agile-portal.notification-wrap ul.notification-list .k-state-selected li.read h3:after,
.agile-portal.notification-wrap ul.notification-list .k-state-selected li.read h4:after {
  content: '';
  background: #fff;
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: 1;
}
.agile-portal.notification-wrap:before {
  border: 10px solid transparent;
  border-bottom-color: #eaeaea;
  content: '';
  display: block;
  height: 0;
  left: 175px;
  position: absolute;
  width: 0;
  top: -20px;
}
.agile-portal.notification-wrap .notification-close {
  position: absolute;
  right: 30px;
  top: 12px;
  cursor: pointer;
  width: 20px !important;
  outline: 0;
}
.agile-portal.notification-wrap .norecordmessage {
  text-align: center;
  padding: 10px;
}
.agile-portal.notification-wrap .allasread {
  position: absolute;
  right: 50px;
  top: 22px;
  color: #0077D9;
  cursor: pointer;
  font-size: 14px;
  display: none;
}
.agile-portal.notifications-count {
  background-clip: padding-box;
  background: #b32181;
  color: #fff;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 15px;
  text-align: center;
  top: -5px;
  min-width: 20px;
  font-size: 13px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  display: block !important;
  border: 1px solid #fff;
  font-family: RobotoMedium;
}
.agile-portal.animation {
  animation: none !important;
}
.agile-portal.notification-popup-wrap {
  list-style-type: none;
  cursor: default !important;
  font-size: 12px;
}
.agile-portal.notification-popup-wrap h3 {
  color: #57b1c9;
  padding: 0 0 10px 0;
  font-size: 14px;
  margin: 0;
}
.agile-portal.notification-content-holder {
  width: 90%;
  -ms-word-break: break-word;
  word-break: break-word;
  padding: 12px;
  max-height: 420px;
  font-size: 12px;
  line-height: 16px;
}
.server-maintenance-form {
  width: 100%;
  margin: 0 !important;
  display: inline-block;
}
.server-maintenance-form .text {
  width: 75%;
  display: inline-block;
  vertical-align: top;
  padding: 10px 0 0 10px;
  font-size: 15px;
  line-height: 19px;
}
.server-maintenance-form .maintenance-icon {
  width: 162px;
  height: 139px;
  margin-top: 12px;
  display: inline-block;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.environments-box {
  width: 100%;
  display: inline-block;
  max-height: 288px;
  overflow-x: hidden;
}
.environments-box h3 {
  padding-left: 20px;
  margin: 10px 0 0 0;
  font-weight: normal;
}
.environments-box .environments-list {
  margin: 5px 10px !important;
  text-align: center;
}
.environments-box .environments-list a.box {
  font-size: 15px;
  color: #fff;
  width: 200px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  background-color: #57b1c9;
  border: 1px solid #E7DEDE;
  margin: 10px;
  /*padding-top: 50px;*/
}
.environments-box .environments-list a.box:hover {
  background-color: #eee;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.environments-box .environments-list a.box:hover .environment-icon-large {
  background-position: -352px -309px;
}
.environments-box .environments-list a.box:hover .text {
  color: #484845;
}
.environments-box .environments-list a.box .environment-icon-large {
  display: inline-block;
  height: 30px;
  width: 30px;
  margin: 8px 0 0 10px;
}
.environments-box .environments-list a.box .text {
  display: inline-block;
  vertical-align: top;
  padding: 14px 0 0 5px;
}
.tooltip > .tooltip-content {
  display: none;
}
.tooltip a,
.tooltip .tooltip-icon {
  float: right !important;
  margin: 15px 5px 0 0;
  height: 20px;
  cursor: pointer;
  outline: 0;
}
.tooltip .tooltip-content-show {
  display: block;
}
.tooltip > a:focus + .tooltip-content {
  display: block;
}
.tooltip .tooltip-content {
  z-index: 10;
  padding: 25px;
  margin: -33px 0 0 33px;
  width: 245px;
  color: #3B4455;
  background: #fff;
  text-align: left;
  position: absolute;
  box-shadow: 0 6px 7px 1px rgba(0, 0, 0, 0.14), 0 2px 10px 1px rgba(0, 0, 0, 0.12), 0 4px 4px -2px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 20px;
}
.tooltip .tooltip-content a.learnmore {
  width: 98% !important;
  color: #0077D9 !important;
  font-size: 11px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: right;
  line-height: 25px;
}
.tooltip .tooltip-content:before {
  border: 10px solid transparent;
  border-right-color: #F2F7F9;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  left: -20px;
  top: 48px;
}
.agile-portal.box-wrap-outer {
  float: right;
  width: 100%;
  margin-top: 2px;
  border-top: 1px solid #ddd;
}
.agile-portal.box-wrap-inner {
  margin: 0 auto;
  width: 97%;
  /* hover effect */
  /**/
}
.agile-portal.box-wrap-inner .heading2 {
  color: #0470b8;
  display: inline;
  margin-top: 10px;
  padding-left: 6px;
  float: left;
  font-family: Arial !important;
  font-size: 16px !important;
  font-weight: bold !important;
}
.agile-portal.box-wrap-inner .selectworkplace {
  float: left;
  width: 100%;
  padding: 5px 0 0 6px;
}
.agile-portal.box-wrap-inner .default-message {
  text-align: center;
  background-color: #f9dbdb;
  width: 80%;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #f1c7c7;
}
.agile-portal.box-wrap-inner .apps-packages-list {
  border: 0 !important;
  margin-top: 5px;
  width: 100%;
  display: inline-block;
}
.agile-portal.box-wrap-inner .showmorelink {
  text-align: center;
  background-color: #57b1c9;
  padding: 10px;
  width: 88px;
  margin: 0 auto 4px;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.agile-portal.box-wrap-inner .category-list {
  border-bottom: 1px solid #57B1c9 !important;
  margin-left: 10px !important;
}
.agile-portal.box-wrap-inner .category-list .k-state-selected {
  border: 0px !important;
  border-bottom: 2px solid #57B1c9 !important;
  background-color: white !important;
  color: black !important;
  font-weight: bold !important;
}
.agile-portal.box-wrap-inner .categoryHeading {
  float: left;
  margin: 10px 20px 0px 1px;
  padding-bottom: 5px;
}
.agile-portal.box-wrap-inner .categoryHeading .categoryGroup {
  cursor: pointer;
}
.agile-portal.box-wrap-inner .box-container {
  width: 156px;
  height: 156px;
  display: inline-block;
  position: relative;
  background-color: #59A2E8;
  color: #fff;
  margin: 0 5px 20px 5px;
  border: 1px solid #fff;
  overflow: hidden;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05), 0 0 3px rgba(0, 0, 0, 0.3);
  /* .app-builder-icon {
                height: 24px;
                background-color: #fff;
                .border-radius(25px);
                padding: 4px;
            }*/
  /*&:hover {
                border: 1px solid #969191 !important;
            }*/
}
.agile-portal.box-wrap-inner .box-container .front,
.agile-portal.box-wrap-inner .box-container .back {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.agile-portal.box-wrap-inner .box-container .front {
  width: 100%;
  height: 100%;
}
.agile-portal.box-wrap-inner .box-container .front .logo {
  height: 126px;
  width: 156px;
  text-align: center;
}
.agile-portal.box-wrap-inner .box-container .front .heading {
  background: #fff;
  color: #333;
  text-align: center;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
}
.agile-portal.box-wrap-inner .box-container .back {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  background: #fff;
  padding: 5px;
  color: #333;
  height: 94%;
}
.agile-portal.box-wrap-inner .box-container .back .heading {
  text-align: left;
  display: inline-block;
  font-size: 13px;
  padding-bottom: 4px;
  font-weight: bold;
}
.agile-portal.box-wrap-inner .box-container .back .description {
  width: 100%;
  height: 96px;
  overflow: hidden;
  font-size: 12px;
}
.agile-portal.box-wrap-inner .box-container .provisioned-link {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  text-shadow: 0 1px 1px #9E9E9E;
  -moz-text-shadow: 0 1px 1px #9E9E9E;
  -webkit-text-shadow: 0 1px 1px #9E9E9E;
  -o-text-shadow: 0 1px 1px #9E9E9E;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  height: 30px;
  width: 65px;
  background: #0494d1;
  line-height: 30px;
  text-align: center;
  float: right;
}
.agile-portal.box-wrap-inner .box-container .buttons {
  height: 30px;
  position: absolute;
  bottom: 4px;
  width: 97%;
  right: 5px;
  background: #fff;
}
.agile-portal.box-wrap-inner .box-container .icons {
  height: 50px;
  background-color: #fff;
  padding: 4px;
  width: 50px;
  margin-top: 34px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  display: inline-block;
}
.agile-portal.box-wrap-inner .box-container .icons .icon-text {
  color: #f68e20;
  line-height: 50px;
  font-size: 36px;
  text-transform: capitalize;
  font-variant: small-caps;
}
.agile-portal.box-wrap-inner .box-container .icons .image {
  padding-top: 5px;
  max-width: 40px;
}
.agile-portal.box-wrap-inner .box-container .field {
  padding: 4px 0;
}
.agile-portal.box-wrap-inner .box-container .label {
  display: inline-block;
  font-weight: bold;
  width: 100%;
  vertical-align: top;
  margin-top: -5px;
}
.agile-portal.box-wrap-inner .box-container .text {
  display: inline-block;
  margin: 8px 0 0 5px;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  width: 89%;
  text-overflow: ellipsis;
}
.agile-portal.box-wrap-inner .box-container .version {
  display: inline-block;
  margin-top: 0px;
  vertical-align: top;
}
.agile-portal.box-wrap-inner .box-container .information-icon,
.agile-portal.box-wrap-inner .box-container .warning-icon,
.agile-portal.box-wrap-inner .box-container .error-icon {
  width: 25px;
  height: 23px;
  display: inline-block;
  margin: 0;
  float: left !important;
}
.agile-portal.box-wrap-inner .box-container .messages .icons-list {
  display: inline;
  vertical-align: bottom;
  float: left;
  margin: 0 5px;
}
.agile-portal.box-wrap-inner .box-container .messages .number {
  padding-top: 8px;
  display: inline-block;
  padding-left: 3px;
}
.agile-portal.box-wrap-inner .box-container .tooltip .tooltip-content {
  margin: 10px 0 0 0;
  top: 104px;
  border: 1px solid #57B1C9;
  width: 290px;
}
.agile-portal.box-wrap-inner .box-container .tooltip .tooltip-content:before {
  left: 4px;
  border-bottom-color: #57B1C9;
}
.agile-portal.box-wrap-inner .box-container .imported-link {
  padding: 3px 0 0 0;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  text-shadow: 0 1px 1px #9E9E9E;
  -moz-text-shadow: 0 1px 1px #9E9E9E;
  -webkit-text-shadow: 0 1px 1px #9E9E9E;
  -o-text-shadow: 0 1px 1px #9E9E9E;
}
.agile-portal.box-wrap-inner .box-container .informations {
  float: left;
  margin-top: 4px;
}
.agile-portal.box-wrap-inner .box-container .informations .link {
  display: inline;
  width: 25px;
  height: 23px;
  float: right;
  margin: 0 4px;
}
.agile-portal.box-wrap-inner .hover:hover .front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.agile-portal.box-wrap-inner .hover:hover .back {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}
.agile-portal.box-wrap-inner .box-container-new {
  width: 156px;
  height: 156px;
  display: inline-block;
  position: relative;
  border: 1px dashed #a5a5a5;
  margin: 0 5px 20px 5px;
  overflow: hidden;
}
.agile-portal.box-wrap-inner .box-container-new .addicon {
  height: 126px;
  width: 100%;
  text-align: center;
}
.agile-portal.box-wrap-inner .box-container-new .addicon .plus {
  font-size: 75px;
  margin-top: 20px;
  display: inline-block;
  color: #778d9a;
}
.agile-portal.box-wrap-inner .box-container-new .heading {
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.agile-portal.box-wrap-inner .box-container-comingsoon {
  width: 156px;
  height: 156px;
  display: inline-block;
  position: relative;
  border: 1px solid #a5a5a5;
  margin: 0 5px 20px 5px;
  overflow: hidden;
}
.agile-portal.box-wrap-inner .box-container-comingsoon .heading {
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin: 65px 0px 0px 0px;
}
.agile-portal.box-wrap-inner .tickmark1-icon {
  position: absolute;
  right: 0px;
  width: 25px;
  height: 25px;
  top: 0;
  display: none;
}
.agile-portal.box-wrap-inner .k-state-selected {
  border: 1px solid #000 !important;
}
.agile-portal.box-wrap-inner .k-state-selected .tickmark1-icon {
  display: block;
}
.agile-portal.box-wrap-inner .control {
  float: right;
  width: 70%;
  text-align: right;
  margin: -20px 0 10px 0;
  padding-right: 18px;
  min-height: 28px;
}
.agile-portal.box-wrap-inner .disabledDiv {
  pointer-events: none;
  opacity: 0.6;
}
.agile-portal.anonymousformrender {
  margin: 0 auto;
  width: 60%;
  border: 1px solid #ddd;
  -moz-box-shadow: 0px 1px 3px #aaa;
  -webkit-box-shadow: 0px 1px 3px #aaa;
  box-shadow: 0px 1px 3px #aaa;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  min-height: 300px;
  padding: 10px 20px;
  position: relative;
  background-color: #E9ECEC;
  top: 20px;
}
.agile-portal.anonymousformrender .error-message {
  color: #B6383E;
  text-align: center;
  font-weight: 700;
}
@media only screen and (max-width: 1024px) {
  .agile-portal .box-container {
    width: 43.9% !important;
  }
}
.k-window {
  border: 0 !important;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  outline: 0;
}
.k-window .k-window-titlebar {
  background-color: #F1F2F4;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  /*.k-i-close {
            background-position: -48px -16px;
        }*/
}
.k-window .k-window-titlebar .k-window-title {
  color: #3B4455 !important;
  padding-right: 10px;
  font-size: 14px;
  font-family: RobotoRegular;
  text-align: center;
}
.k-window .k-window-titlebar .k-state-hover {
  background-image: none;
}
.k-window .k-content {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  font-family: RobotoRegular;
  font-size: 13px;
  color: #3B4455;
}
.k-window .k-content .buttons .k-button {
  height: 30px;
  border-radius: 25px;
  background-color: #0077D9;
  line-height: 16px;
}
.k-window .k-content .buttons .k-button:hover {
  background-color: rgba(0, 119, 217, 0.8);
  background-image: none;
}
.k-window .k-content .buttons .Cancel.k-button,
.k-window .k-content .buttons .cancel.k-button,
.k-window .k-content .buttons .Close.k-button,
.k-window .k-content .buttons .close.k-button {
  background-color: #fff;
  color: #3B4455;
  line-height: 16px;
  margin-right: 15px;
  border-color: #667287 !important;
}
.k-window .k-content .buttons .Cancel.k-button:hover,
.k-window .k-content .buttons .cancel.k-button:hover,
.k-window .k-content .buttons .Close.k-button:hover,
.k-window .k-content .buttons .close.k-button:hover,
.k-window .k-content .buttons .Cancel.k-button:active,
.k-window .k-content .buttons .cancel.k-button:active,
.k-window .k-content .buttons .Close.k-button:active,
.k-window .k-content .buttons .close.k-button:active {
  background-color: #fff;
  background-image: none;
  color: #3B4455 !important;
  border: 0;
}
.k-window .k-content .buttons .Cancel.k-button.k-state-focused,
.k-window .k-content .buttons .cancel.k-button.k-state-focused,
.k-window .k-content .buttons .Close.k-button.k-state-focused,
.k-window .k-content .buttons .close.k-button.k-state-focused {
  border-color: #e0e3e7 !important;
  background-color: #fff !important;
  border-color: #667287 !important;
}
.LatestUpdatesWindow {
  /*.PupUpTitle {
        padding: 8px 30px 14px 14px !important;
    }*/
}
.LatestUpdatesWindow h3.title {
  font-family: Arial !important;
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
.LatestUpdatesWindow .description {
  float: left;
  width: 100%;
  padding: 8px 0;
  font-family: Arial !important;
  font-size: 12px !important;
  font-weight: normal !important;
  color: #3B4455;
  line-height: 16px;
}
.LatestUpdatesWindow .link {
  color: #0674D2;
  padding-top: 5px;
  display: inline-block;
  font-weight: bold;
}
.LatestUpdatesWindow .link:hover {
  text-decoration: underline;
}
.ImportReportWindow .heading3 {
  color: #0470b8;
  font-size: 16px;
  margin: 0;
}
.ImportReportWindow .heading4 {
  margin-bottom: 4px;
  color: #3FA7C3;
}
.ImportReportWindow .app-details {
  overflow-y: auto;
  min-height: 130px;
  max-height: 400px;
}
.ImportReportWindow .app-info {
  margin: 10px;
}
.ImportReportWindow .app-info .success-info {
  background-color: #d5e5ef;
  padding: 10px;
  color: #545454;
  border: 1px solid #B1D3E8;
}
.ImportReportWindow .app-info .error-info {
  background-color: #F9DBDB;
  padding: 10px;
  color: #545454;
  border: 1px solid #F1C7C7;
}
.custom-kendo-context .k-window .k-window-titlebar.k-header {
  height: 1.5em;
  border: 0;
}
.custom-kendo-context .k-window .k-window-titlebar.k-header .k-window-title {
  height: 1.5em;
  line-height: 20px;
  font-size: 17px;
}
.custom-kendo-context .k-window .k-window-titlebar.k-header .k-window-action:focus {
  outline: 1px solid #0077d9;
  box-shadow: none;
  background: transparent !important;
  border: 0;
}
.custom-kendo-context .k-window .portal-popup.k-window-content .buttons input {
  width: 80px;
  margin-top: 15px;
}
.custom-kendo-context .k-window .portal-popup.k-window-content .error-msg-icon {
  float: left !important;
  margin: -5px 5px 0 5px;
  cursor: unset !important;
}
.custom-kendo-context .k-window .portal-popup.k-window-content,
.custom-kendo-context .k-window .portal-dialog.k-window-content {
  font-size: 16px;
}
.custom-kendo-context .k-window .portal-popup.k-window-content .content,
.custom-kendo-context .k-window .portal-dialog.k-window-content .content {
  margin-top: 10px;
}
.custom-kendo-context .k-window .portal-popup.k-window-content .content .asterisk,
.custom-kendo-context .k-window .portal-dialog.k-window-content .content .asterisk {
  color: #b6383e;
}
.custom-kendo-context .k-window .portal-popup.k-window-content .content .blue-info-icon,
.custom-kendo-context .k-window .portal-dialog.k-window-content .content .blue-info-icon {
  float: left !important;
  margin: 1px 5px 0 5px;
  cursor: unset !important;
}
.custom-kendo-context .k-window .portal-popup.k-window-content .content .error-msg-icon,
.custom-kendo-context .k-window .portal-dialog.k-window-content .content .error-msg-icon {
  float: left !important;
  margin: -5px 5px 0 5px;
  cursor: unset !important;
}
.custom-kendo-context .k-window .portal-popup.k-window-content .content .message,
.custom-kendo-context .k-window .portal-dialog.k-window-content .content .message {
  padding-top: 7px;
}
.custom-kendo-context .k-window .portal-popup.k-window-content .buttons .Cancel.k-button,
.custom-kendo-context .k-window .portal-dialog.k-window-content .buttons .Cancel.k-button,
.custom-kendo-context .k-window .portal-popup.k-window-content .buttons .cancel.k-button,
.custom-kendo-context .k-window .portal-dialog.k-window-content .buttons .cancel.k-button,
.custom-kendo-context .k-window .portal-popup.k-window-content .buttons .Close.k-button,
.custom-kendo-context .k-window .portal-dialog.k-window-content .buttons .Close.k-button,
.custom-kendo-context .k-window .portal-popup.k-window-content .buttons .close.k-button,
.custom-kendo-context .k-window .portal-dialog.k-window-content .buttons .close.k-button {
  float: left;
}
.custom-kendo-context .k-window .portal-popup.k-window-content .buttons .Cancel.k-button:focus,
.custom-kendo-context .k-window .portal-dialog.k-window-content .buttons .Cancel.k-button:focus,
.custom-kendo-context .k-window .portal-popup.k-window-content .buttons .cancel.k-button:focus,
.custom-kendo-context .k-window .portal-dialog.k-window-content .buttons .cancel.k-button:focus,
.custom-kendo-context .k-window .portal-popup.k-window-content .buttons .Close.k-button:focus,
.custom-kendo-context .k-window .portal-dialog.k-window-content .buttons .Close.k-button:focus,
.custom-kendo-context .k-window .portal-popup.k-window-content .buttons .close.k-button:focus,
.custom-kendo-context .k-window .portal-dialog.k-window-content .buttons .close.k-button:focus {
  outline: 1px solid #87cbf3 !important;
}
.custom-kendo-context .k-window .portal-popup.k-window-content .buttons .Cancel.k-button,
.custom-kendo-context .k-window .portal-dialog.k-window-content .buttons .Cancel.k-button {
  margin-right: 20px;
  border: 0 !important;
}
.custom-kendo-context .k-window .portal-popup.k-window-content .buttons .Cancel.k-button:hover,
.custom-kendo-context .k-window .portal-dialog.k-window-content .buttons .Cancel.k-button:hover {
  background-color: #fff !important;
}
.custom-kendo-context .k-window .portal-popup.k-window-content .k-tooltip-validation.k-invalid-msg,
.custom-kendo-context .k-window .portal-dialog.k-window-content .k-tooltip-validation.k-invalid-msg {
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px !important;
  box-sizing: inherit;
  height: auto;
  border: 1px solid #B6383E;
  background-color: rgba(255, 88, 95, 0.05);
  color: #B6383E;
  margin-top: 5px;
}
.custom-kendo-context .k-window .buttons.pull-right {
  margin-left: 20% !important;
}
.custom-kendo-context .k-button:focus {
  outline: 1px solid #87cbf3 !important;
}
.custom-kendo-context .globalCSSPopup .k-input {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.custom-kendo-context .globalCSSPopup label {
  display: inline-block;
  vertical-align: top;
  padding-top: 10px;
}
.custom-kendo-context .globalCSSPopup .tooltip {
  display: inline-block;
  float: right;
}
.custom-kendo-context .globalCSSPopup .agile-portal.buttons {
  border: 0;
}
.custom-kendo-context .globalCSSPopup .btnUploadGlobalCSS {
  margin: 0;
  -webkit-border-radius: 25px !important;
  -moz-border-radius: 25px !important;
  border-radius: 25px !important;
}
.main-preloader {
  margin: 0;
  padding: 0;
  /*Supported browsers*/
}
.main-preloader .progressbar {
  width: 100%;
  height: 15px;
  background-color: #eee;
  padding: 2px;
  margin: 0.6em 0;
  border: 1px rgba(8, 154, 213, 0.2) thin;
  clear: both;
  position: relative;
}
.main-preloader .progress {
  background: #089ad5;
  /*-- Color of the bar --*/
  height: 15px;
  width: 0%;
  max-width: 100%;
  float: left;
  -moz-transition: all ease-in;
  -o-transition: all ease-in;
  -webkit-transition: all ease-in;
  transition: all ease-in;
}
.main-preloader .tenant-progress-wrap .agile-glowing {
  background-image: url(/Themes/AgilePortalNew/Content/Images/loadingscreen.svg) !important;
  background-position: center;
  background-repeat: no-repeat;
  height: 149px;
  width: 149px;
  z-index: 4;
  position: relative;
  margin: 10% auto 0;
  -moz-animation-name: glowing;
  -o-animation-name: glowing;
  -webkit-animation-name: glowing;
  animation-name: glowing;
  /*-moz-animation-duration: 3s;
        -o-animation-duration: 3s;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -moz-border-radius: 78px;
        -webkit-border-radius: 78px;
        border-radius: 78px;*/
}
.main-preloader .tenant-progress-wrap .agile-glowing1 {
  height: 225px !important;
  width: 359px !important;
}
.main-preloader .tenant-progress-wrap .tenant-inner-wrap {
  width: 60%;
  margin: 0 auto;
}
.main-preloader .info {
  font-size: 15px;
  text-align: left;
  font-weight: bold;
  line-height: 22px;
  margin: 20px auto 10px;
  width: 73%;
}
.main-preloader .browser-wrap h4 {
  text-align: left;
  margin: 10px auto 10px;
  width: 73%;
}
.main-preloader .browser-wrap ul.browser-list {
  width: 75%;
  text-align: center;
}
.main-preloader .browser-wrap ul.browser-list li {
  width: 22%;
  border: 1px solid #c7c5c5;
  border-radius: 4px;
  background-color: #eee;
  margin: 0px 5px;
  text-align: left;
  padding: 4px 5px;
}
.main-preloader .browser-wrap ul.browser-list li .text {
  margin-top: 12px;
}
@-moz-keyframes glowing {
  0% {
    -moz-box-shadow: 0 0 20px -5px #e2f3fa;
    -webkit-box-shadow: 0 0 20px -5px #e2f3fa;
    box-shadow: 0 0 20px -5px #e2f3fa;
  }
  50% {
    -moz-box-shadow: 0 0 90px 5px #089ad5;
    -webkit-box-shadow: 0 0 90px 5px #089ad5;
    box-shadow: 0 0 90px 5px #089ad5;
  }
  100% {
    -moz-box-shadow: 0 0 20px -2px #e2f3fa;
    -webkit-box-shadow: 0 0 20px -2px #e2f3fa;
    box-shadow: 0 0 20px -2px #e2f3fa;
  }
}
@-ms-keyframes glowing {
  0% {
    -moz-box-shadow: 0 0 20px -5px #e2f3fa;
    -webkit-box-shadow: 0 0 20px -5px #e2f3fa;
    box-shadow: 0 0 20px -5px #e2f3fa;
  }
  50% {
    -moz-box-shadow: 0 0 90px 5px #089ad5;
    -webkit-box-shadow: 0 0 90px 5px #089ad5;
    box-shadow: 0 0 90px 5px #089ad5;
  }
  100% {
    -moz-box-shadow: 0 0 20px -2px #e2f3fa;
    -webkit-box-shadow: 0 0 20px -2px #e2f3fa;
    box-shadow: 0 0 20px -2px #e2f3fa;
  }
}
@-webkit-keyframes glowing {
  0% {
    -moz-box-shadow: 0 0 20px -5px #e2f3fa;
    -webkit-box-shadow: 0 0 20px -5px #e2f3fa;
    box-shadow: 0 0 20px -5px #e2f3fa;
  }
  50% {
    -moz-box-shadow: 0 0 90px 5px #089ad5;
    -webkit-box-shadow: 0 0 90px 5px #089ad5;
    box-shadow: 0 0 90px 5px #089ad5;
  }
  100% {
    -moz-box-shadow: 0 0 20px -2px #e2f3fa;
    -webkit-box-shadow: 0 0 20px -2px #e2f3fa;
    box-shadow: 0 0 20px -2px #e2f3fa;
  }
}
@keyframes glowing {
  0% {
    -moz-box-shadow: 0 0 20px -5px #e2f3fa;
    -webkit-box-shadow: 0 0 20px -5px #e2f3fa;
    box-shadow: 0 0 20px -5px #e2f3fa;
  }
  50% {
    -moz-box-shadow: 0 0 90px 5px #089ad5;
    -webkit-box-shadow: 0 0 90px 5px #089ad5;
    box-shadow: 0 0 90px 5px #089ad5;
  }
  100% {
    -moz-box-shadow: 0 0 20px -2px #e2f3fa;
    -webkit-box-shadow: 0 0 20px -2px #e2f3fa;
    box-shadow: 0 0 20px -2px #e2f3fa;
  }
}
/*@media screen and (min-height: 768px) {
    .main-preloader .tenant-progress-wrap .agile-glowing {
        margin-top: 15% !important;
    }
}*/
@media only screen and (max-width: 1245px) {
  .main-preloader .browser-wrap ul.browser-list li {
    width: 100% !important;
    margin: 5px !important;
  }
  .main-preloader .browser-wrap ul.browser-list li .text {
    text-align: left;
  }
}
@media all and (min-width: 1024px) and (max-width: 1366px) {
  .main-preloader .tenant-progress-wrap .agile-glowing {
    margin-top: 7% !important;
  }
}
.agile-portal.app-store {
  width: 99.3% !important;
  margin-left: 0.3%;
  position: relative;
  top: 4px;
  border: 1px solid #eee;
  /*.k-window-content .AppMetadata .application-description .link {
            text-align: right;
            color: #fff;
            text-decoration: underline;
        }

        .k-window-content .AppMetadata .application-description .link:hover {
            text-decoration: none;
        }*/
}
.agile-portal.app-store .app-store-list {
  width: 99%;
  margin: 0 auto;
}
.agile-portal.app-store .app-store-list .agile-portal.form-inner-wrap {
  padding: 10px 0px;
  display: inline-block;
  width: 100%;
}
.agile-portal.app-store .app-store-list .errorMessage {
  position: absolute;
  top: 15px;
  left: 35%;
  z-index: 9999;
}
.agile-portal.app-store .app-store-list .errorMessage .content {
  overflow: auto !important;
  line-height: 16px !important;
  color: #ffffff !important;
  max-height: 300px !important;
  background-color: #e86565 !important;
  padding: 4px 50px 5px 5px !important;
  border: 1px solid #ffffff !important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 4px 4px 9px -4px #939393;
  -moz-box-shadow: 4px 4px 9px -4px #939393;
  -webkit-box-shadow: 4px 4px 9px -4px #939393;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-align: left;
  font-size: small;
}
.agile-portal.app-store .app-store-list .errorMessage .error-close {
  background-image: url(/Themes/AgilePortalNew/Content/Images/sprites/sprite.png) !important;
  background-repeat: no-repeat;
  background-position: -160px -283px;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 4px;
}
.agile-portal.app-store .app-header {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}
.agile-portal.app-store .heading2 {
  font-size: 20px;
  display: inline-block;
  margin-bottom: 5px;
}
.agile-portal.app-store .app-info {
  font-style: italic;
}
.agile-portal.app-store .app-header .buttons {
  float: right;
  width: 10%;
  text-align: right;
}
.agile-portal.app-store .form-action span {
  padding-left: 10px;
}
.agile-portal.app-store .dropdown {
  min-width: 20%;
}
.agile-portal.app-store .agile-portal.buttons .k-button.clearSelection {
  min-width: 100px;
  padding-left: 0;
}
.agile-portal.app-store .application-container {
  overflow-x: hidden;
  margin-top: 5px;
  width: 100%;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-around;
  height: 100%;
}
.agile-portal.app-store .application-container:after {
  content: "";
  flex: auto;
}
.agile-portal.app-store .disable-button {
  background-color: #d0d4a1;
  background-image: none;
  border: none;
  color: #fff;
  cursor: context-menu !important;
}
.agile-portal.app-store .application-NotFound {
  font-size: 17px;
  font-weight: 500;
  position: absolute;
  top: 60%;
  left: 38%;
  font-size: x-large;
}
.agile-portal.app-store .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 125px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.4);
}
.agile-portal.app-store .modal-wrapper {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  overflow: auto;
  max-height: 60%;
  padding-top: 15px;
  border-radius: 10px;
}
.agile-portal.app-store .modal-header {
  font-size: larger;
  font-weight: bolder;
}
.agile-portal.app-store .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -2px;
}
.agile-portal.app-store .close:hover,
.agile-portal.app-store .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.agile-portal.app-store .form-footer-wrap {
  float: right;
  padding-bottom: 4%;
  padding-right: 2%;
}
.agile-portal.app-store .application {
  width: 15%;
  align-content: center;
  margin: 5px;
  vertical-align: top;
  cursor: pointer;
  overflow: hidden;
  background-color: transparent;
  min-height: 140px;
  display: flex;
  position: relative;
  flex-direction: column;
}
.agile-portal.app-store .AppMetadata {
  color: #030303;
  position: relative;
}
.agile-portal.app-store .application-icon {
  text-align: center;
  background-color: #f1f3f4;
  min-height: 75px;
  flex-grow: 1;
}
.agile-portal.app-store .k-window .content .application {
  width: 17%;
  padding: 2px;
}
.agile-portal.app-store .loader {
  width: 100% !important;
  min-height: 10px;
  background-color: dimgrey;
  color: white;
  border-radius: 10px;
  text-align: center;
  display: block !important;
}
.agile-portal.app-store .AppMetadata .application-basic-info {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  min-height: 70px;
  overflow-wrap: break-word;
}
.agile-portal.app-store .AppMetadata .application-basic-info .Title {
  float: left;
  padding: 5px 0;
  width: 99%;
}
.agile-portal.app-store .AppMetadata .application-basic-info .Type {
  float: left;
  color: #6e6e6e;
}
.agile-portal.app-store .AppMetadata .application-description {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  top: 35px;
  z-index: -1;
  width: 100%;
  overflow: hidden;
  opacity: 0;
}
.agile-portal.app-store .AppMetadata .application-description .Text {
  padding: 5px;
  display: inline-block;
  font-size: 12px;
}
.agile-portal.app-store .k-window .AppMetadata .application-description .Text {
  padding: 2px;
  display: inline-block;
  font-size: 11px;
}
.agile-portal.app-store .AppMetadata .application-description .link {
  text-align: right;
  color: #fff;
  text-decoration: underline;
}
.agile-portal.app-store .AppMetadata .application-description .link:hover {
  text-decoration: none;
}
.agile-portal.app-store .content {
  font-size: 11px;
}
.agile-portal.app-store .content .application-description {
  font-size: 10px;
}
.agile-portal.app-store .application:hover .application-basic-info {
  opacity: 0 !important;
}
.agile-portal.app-store .application:hover .application-description {
  top: 0 !important;
  opacity: 1 !important;
  z-index: 1 !important;
  background-color: #646466;
  color: #fff;
  min-height: 70px;
}
.agile-portal.app-store .application-selected {
  position: absolute;
  top: 5px;
  right: -3px;
  display: block;
  opacity: 1;
}
.agile-portal.app-store .error-box {
  background-image: url(/Themes/AgilePortalNew/Content/Images/sprites/sprite.png) !important;
  background-repeat: no-repeat;
  background-position: -146px -556px;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.agile-portal.app-store .install-box {
  background-image: url(/Themes/AgilePortalNew/Content/Images/sprites/sprite.png) !important;
  background-repeat: no-repeat;
  background-position: -115px -556px;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.agile-portal.app-store .remove-box {
  background-image: url(/Themes/AgilePortalNew/Content/Images/sprites/sprite.png) !important;
  background-repeat: no-repeat;
  background-position: -177px -556px;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.agile-portal.app-store .add-box {
  background-image: url(/Themes/AgilePortalNew/Content/Images/sprites/sprite.png) !important;
  background-repeat: no-repeat;
  background-position: -186px -415px;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.create-announcement {
  width: 98% !important;
  margin: 0px auto 0 !important;
  left: 0 !important;
  top: 30px;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
}
.create-announcement .agile-portal.form-inner-wrap .k-dropdown .k-dropdown-wrap .k-select {
  height: 33px;
}
.create-announcement .agile-portal.form-inner-wrap .k-dropdown .k-dropdown-wrap .k-select .k-icon {
  margin-top: 0px;
}
.create-announcement.addpage {
  margin: 0px 15px 0 15px !important;
}
.create-announcement.addpage .heading2 {
  width: 96.2%;
  border-bottom: 1px solid #e8eaed;
}
.create-announcement.addpage .heading2 .link {
  padding: 0px;
}
.create-announcement.addpage .heading2 .title {
  padding: 20px;
  display: inline-block;
}
.create-announcement.addpage .form-inner-wrap {
  border-top: 0 none;
  width: inherit !important;
  padding: 0px !important;
}
.create-announcement .heading2 {
  background: #fff;
  font-size: 18px !important;
  color: #3B4455;
  padding: 15px 0 15px 30px;
  width: 98% !important;
  font-family: RobotoBold !important;
  font-weight: 100 !important;
  float: left;
  border: 0 !important;
  border-bottom: 1px solid #e8eaed !important;
}
.create-announcement .heading2 .link {
  padding-top: 20px;
  display: inline-block;
  float: right;
}
.create-announcement .common-help-link {
  margin-top: 5px !important;
}
.create-announcement .title-block {
  float: left;
  width: 40%;
  margin: 20px 0;
}
.create-announcement .announcement-block {
  float: right;
  margin: 20px 0;
  padding-right: 50px;
}
.create-announcement .status {
  display: inline-block;
  float: left;
  padding: 5px 10px;
  font-size: 16px;
}
.create-announcement .status .k-dropdown {
  background-color: transparent;
  border: 0;
  background-image: none !important;
  width: 150px;
}
.create-announcement .status .k-dropdown-wrap.k-state-default {
  text-align: left;
  background-color: transparent;
  border: 0;
  background-image: none !important;
  box-shadow: none;
}
.create-announcement .status .k-state-focused.k-state-active {
  background-color: transparent;
  border: 0;
  background-image: none !important;
}
.create-announcement .create-announ-btn {
  display: inline-block;
}
.create-announcement .create-announ-btn .announcementButton {
  height: 40px !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background-color: #0077D9;
  color: #fff;
  font-size: 14px;
  border: 1px solid #0077D9;
  background-image: none;
  padding: 0 15px;
  line-height: 38px;
}
.create-announcement .create-announ-btn .announcementButton:hover {
  background: rgba(0, 119, 217, 0.8) !important;
}
.create-announcement .k-grid.k-widget {
  margin: 20px auto;
  border: 0;
  font-size: 16px;
  width: 93%;
  color: #3B4455;
}
.create-announcement .k-grid.k-widget .k-grid-header {
  border: 0;
  padding-right: 0 !important;
  background-color: #fff !important;
  background-image: none;
}
.create-announcement .k-grid.k-widget .k-grid-header .k-header {
  border: 0;
  background-image: none;
  background-color: #fff !important;
  color: #3B4455;
  text-transform: uppercase;
  font-size: 16px;
  padding-left: 0 !important;
  font-weight: 100;
  font-family: RobotoRegular;
}
.create-announcement .k-grid.k-widget .k-grid-header .k-header:last-child {
  text-align: center;
}
.create-announcement .k-grid.k-widget .k-grid-header .k-grid-header-wrap {
  border: 0 none;
}
.create-announcement .k-grid.k-widget .k-grid-header .k-link {
  color: #3B4455;
}
.create-announcement .k-grid.k-widget .k-grid-content {
  overflow-y: auto;
}
.create-announcement .k-grid.k-widget .k-grid-content td:last-child {
  text-align: center;
}
.create-announcement .k-grid.k-widget .k-grid-content .noelements-text {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.create-announcement .k-grid.k-widget .k-grid-content tr,
.create-announcement .k-grid.k-widget .k-grid-content .k-alt {
  background-color: transparent !important;
}
.create-announcement .k-grid.k-widget .k-grid-content td {
  border-top: 1px solid #e8eaed;
  padding: 0.7em 0.6em;
  border-width: 1px 0 0 0 !important;
  padding-left: 0 !important;
}
.create-announcement .k-grid.k-widget .k-grid-content .noelements-text {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.create-announcement .k-grid.k-widget .k-grouping-header {
  padding: 10px 0;
}
.create-announcement .k-grid.k-widget .k-grouping-row p {
  color: #3B4455;
  font-size: 14px;
  font-family: RobotoBold;
  text-align: left !important;
}
.create-announcement .k-grid.k-widget .k-pager-wrap {
  font-size: 14px;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #e8eaed;
  text-align: center;
  padding-top: 30px;
}
.create-announcement .k-grid.k-widget .k-pager-wrap .k-link {
  border-color: transparent;
  float: none;
}
.create-announcement .k-grid.k-widget .k-pager-wrap .k-link:hover,
.create-announcement .k-grid.k-widget .k-pager-wrap .k-link:focus {
  border-color: #0077D9 !important;
  background-image: none;
  background-color: transparent;
}
.create-announcement .k-grid.k-widget .k-pager-wrap .k-pager-numbers .k-state-selected {
  border-color: #0077D9 !important;
  background-image: none !important;
  border-radius: 16px;
  background-color: #0077D9 !important;
  float: none;
  color: #fff;
}
.create-announcement .k-grid.k-widget .k-pager-wrap .k-pager-numbers {
  float: none !important;
}
.create-announcement .k-grid.k-widget .k-pager-wrap .k-pager-input,
.create-announcement .k-grid.k-widget .k-pager-wrap .k-pager-sizes {
  float: right !important;
  padding-right: 0 !important;
}
.create-announcement .k-grid.k-widget .k-pager-wrap .k-pager-info {
  float: left !important;
  padding-left: 0 !important;
}
.create-announcement .k-grid.k-widget .k-state-focused {
  background-color: transparent !important;
}
.create-announcement .k-grid-Delete,
.create-announcement .k-grid-Edit,
.create-announcement .k-grid-delete,
.create-announcement .k-grid-edit {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  width: 20px !important;
  min-width: 20px !important;
  text-indent: -20000px;
  height: 20px;
  border: 0;
  background-color: transparent !important;
  padding: 0;
  margin: 0 10px !important;
}
.create-announcement .k-grid-Delete:hover,
.create-announcement .k-grid-Edit:hover,
.create-announcement .k-grid-delete:hover,
.create-announcement .k-grid-edit:hover {
  background-color: transparent !important;
}
.create-announcement .k-grid-Edit,
.create-announcement .k-grid-edit {
  background-position: -51px -952px;
}
.create-announcement .k-grid-Edit:hover,
.create-announcement .k-grid-edit:hover {
  background-position: -51px -987px;
}
.create-announcement .k-grid-Delete,
.create-announcement .k-grid-delete {
  background-position: -14px -952px;
}
.create-announcement .k-grid-Delete:hover,
.create-announcement .k-grid-delete:hover {
  background-position: -14px -987px;
}
.create-announcement .k-grid-add,
.create-announcement .k-grid-save-changes,
.create-announcement .k-grid-cancel-changes {
  background-color: transparent !important;
  border: #fff;
  color: #3B4455;
  font-family: RobotoMedium;
  min-width: 165px !important;
  margin: 0;
  background: #fff !important;
}
.create-announcement .k-grid-add .k-icon.k-add,
.create-announcement .k-grid-save-changes .k-icon.k-add,
.create-announcement .k-grid-cancel-changes .k-icon.k-add,
.create-announcement .k-grid-add .k-icon.k-update,
.create-announcement .k-grid-save-changes .k-icon.k-update,
.create-announcement .k-grid-cancel-changes .k-icon.k-update,
.create-announcement .k-grid-add .k-icon.k-cancel,
.create-announcement .k-grid-save-changes .k-icon.k-cancel,
.create-announcement .k-grid-cancel-changes .k-icon.k-cancel {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/portal_sprite.svg?rev=070000022') !important;
  height: 20px;
  width: 20px;
  background-position: -16px -1047px;
  display: inline-block;
}
.create-announcement .k-grid-add .k-icon.k-update,
.create-announcement .k-grid-save-changes .k-icon.k-update,
.create-announcement .k-grid-cancel-changes .k-icon.k-update {
  background-position: -124px -1047px;
}
.create-announcement .k-grid-add .k-icon.k-cancel,
.create-announcement .k-grid-save-changes .k-icon.k-cancel,
.create-announcement .k-grid-cancel-changes .k-icon.k-cancel {
  background-position: -160px -1047px;
}
.create-announcement .k-grid-add:hover {
  color: #008334;
}
.create-announcement .k-grid-add:focus {
  outline: 1px solid #87cbf3 !important;
}
.create-announcement .k-grid-save-changes:hover {
  color: #0077d9;
}
.create-announcement .k-grid-save-changes:focus {
  outline: 1px solid #87cbf3 !important;
}
.create-announcement .k-grid-cancel-changes:hover {
  color: #b6383e;
}
.create-announcement .k-grid-cancel-changes:focus {
  outline: 1px solid #87cbf3 !important;
}
.create-announcement .k-grid.k-widget .k-pager-sizes .k-dropdown {
  background: transparent;
  border: 0;
}
.create-announcement .k-grid.k-widget .k-pager-sizes .k-dropdown .k-dropdown-wrap {
  width: auto !important;
}
.create-announcement .k-grid.k-widget .k-pager-sizes .k-dropdown .k-dropdown-wrap .k-select {
  border: 0;
}
.create-announcement .k-grid.k-widget .k-pager-sizes .k-dropdown .k-dropdown-wrap .k-input {
  border: 0;
}
.create-announcement .announcementHeader {
  text-align: right;
  margin-bottom: 1%;
  display: inline-block;
  width: 100%;
  border-top: 1px solid rgba(102, 114, 135, 0.15);
}
.create-announcement .left-content {
  float: left;
  width: 38%;
}
.create-announcement .right-content {
  float: left;
  width: 61%;
  margin-top: 17px;
}
.create-announcement .form-inner-wrap {
  width: 100%;
  padding: 0 !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.create-announcement .form-row fieldset,
.create-announcement .form-row-new-text fieldset {
  height: auto !important;
  width: 98% !important;
}
.create-announcement .form-row label,
.create-announcement .form-row-new-text label {
  width: 100% !important;
  color: #3B4455 !important;
  font-size: 16px !important;
  font-weight: 100 !important;
  font-family: RobotoBold !important;
}
.create-announcement .form-row input[type=text],
.create-announcement .form-row-new-text input[type=text],
.create-announcement .form-row .k-input,
.create-announcement .form-row-new-text .k-input,
.create-announcement .form-row .k-combobox,
.create-announcement .form-row-new-text .k-combobox,
.create-announcement .form-row textarea,
.create-announcement .form-row-new-text textarea,
.create-announcement .form-row select,
.create-announcement .form-row-new-text select {
  width: 97.5% !important;
  height: 40px !important;
  border: 1px solid #C8CED7;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  font-size: 16px !important;
}
.create-announcement .form-row select.k-input,
.create-announcement .form-row-new-text select.k-input {
  width: 98% !important;
}
.create-announcement .buttons {
  width: 100%;
  text-align: right;
  margin: 0px 0;
}
.create-announcement .buttons .k-button {
  height: 40px !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background-color: #0077D9;
  color: #fff;
  font-size: 14px;
  border: 1px solid #0077D9;
  line-height: 38px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.create-announcement .buttons .k-button:hover {
  background: rgba(0, 119, 217, 0.8) !important;
}
.create-announcement .buttons .cancel-btn {
  background-color: #fff !important;
  color: #3B4455 !important;
  border: 1px solid #667287;
  display: inline-block;
  line-height: 38px;
  margin-left: 10px;
  padding: 0 !important;
  height: 38px !important;
  float: right;
}
.create-announcement .buttons .cancel-btn:hover {
  background-color: #e0e3e7 !important;
}
.create-announcement .required:after {
  padding-left: 2%;
  content: "*";
  font-weight: bold;
  color: #B6383E;
}
.create-announcement .errorField {
  color: #B6383E;
}
.create-announcement .field-validation-error {
  padding-left: 10px;
}
.create-announcement table.k-editor {
  height: 420px !important;
}
.create-announcement .k-editor-toolbar {
  background-color: #F8F9FA;
}
.create-announcement .k-editor-toolbar .k-dropdown-wrap {
  width: 80% !important;
}
.feedback-review {
  overflow: scroll;
  height: 460px;
}
.feedback-review label {
  font-size: 14px;
  font-weight: bold;
  padding-left: 5px;
}
.feedback-review div {
  margin: 5px 0 0 5px;
}
.feedback-body .popup-success-message,
.feedback-body .popup-error-message,
.feedback-body .popup-info-message,
.feedback-body .popup-warning-message,
.feedback-body .ajax-loader {
  text-align: center;
  font-size: 20px;
  position: relative;
  top: 200px;
}
.feedback-body .feedback-body-Search .popup-info-message,
.feedback-body .feedback-body-Search .ajax-loader {
  top: 100px !important;
}
.feedback-body .feedback-error {
  color: #b94a48;
  border-color: red !important;
  border-left: 5px solid red !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.feedback-body .feedback-error:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.feedback-body p a {
  color: #0088cc;
  text-decoration: none;
}
.feedback-body p a:hover {
  color: #005580;
  text-decoration: underline;
}
.feedback-modal h3 {
  line-height: 27px;
  font-size: 18px;
  margin: 0;
  font-weight: bold;
  color: #333;
  text-rendering: optimizelegibility;
  text-align: center;
}
.feedback-modal {
  font-size: 13px;
  color: #333;
  position: fixed;
  top: 45%;
  left: 38%;
  z-index: 10001;
  min-height: 500px;
  width: 900px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
}
.feedback-modal .feedback-body {
  padding: 0 10px 0 10px;
  overflow: hidden;
  height: 450px;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup {
  color: Gray;
  margin: 0 15px 10px 5px;
  display: flex;
  justify-content: space-between;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button {
  height: 100px;
  width: 125px;
  overflow: hidden;
  padding: 0;
  border: 1px solid #cce4f7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button.active,
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button:hover {
  background-color: rgba(0, 119, 217, 0.1);
  border: 1px solid #0077d9;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button.active.suggestion .icon,
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button:hover.suggestion .icon {
  background-position: -25px -101px;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button.active.like .icon,
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button:hover.like .icon {
  background-position: -105px -101px;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button.active.dislike .icon,
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button:hover.dislike .icon {
  background-position: -185px -101px;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button.active.howcani .icon,
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button:hover.howcani .icon {
  background-position: -265px -101px;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button.active.bug .icon,
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button:hover.bug .icon {
  background-position: -345px -101px;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button label {
  font-weight: bold;
  cursor: pointer;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button label input {
  position: absolute;
  top: -20px;
  opacity: 0;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button label input:checked + span {
  color: #0077D9;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button label span {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button .icon {
  background-image: url('/Themes/AgilePortalNew/Content/Images/sprites/Feedback.svg?rev=070000022') !important;
  width: 65px;
  height: 65px;
  background-repeat: no-repeat;
  margin-left: 30px;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button.suggestion .icon {
  background-position: -25px -20px;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button.like .icon {
  background-position: -105px -20px;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button.dislike .icon {
  background-position: -185px -20px;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button.howcani .icon {
  background-position: -265px -20px;
}
.feedback-modal .feedback-body .feedback-body-content .feedback-checkbox-icongroup .ck-button.bug .icon {
  background-position: -345px -20px;
}
.feedback-modal .popup-button-wrapper {
  height: 50px;
  border-top: 1px solid #eee;
  margin-top: 10px;
}
.feedback-modal .feedback-close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.feedback-modal .feedback-close:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}
.feedback-catbtn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  color: #000000;
  background-color: #D5D5D5;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-shadow: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *margin-left: 0.3em;
}
.feedback-catbtn:hover,
.feedback-catbtn:active,
.feedback-catbtn.active {
  color: #FFFFFF;
  background-color: #434E60;
}
.feedback-catbtn.disabled,
.feedback-catbtn[disabled] {
  color: #000000;
  background-color: #D5D5D5;
}
.feedback-btn-back {
  box-sizing: border-box !important;
  border: 1px solid #667287 !important;
  color: #3B4455 !important;
  background-color: #fff !important;
}
.feedback-btn-back:hover,
.feedback-btn-back:active {
  background-color: #e0e3e7 !important;
}
.feedback-body-Search {
  overflow: scroll;
  height: 250px;
}
.feedback-btn.FeedbackNew,
.feedback-btn.FeedbackNew:hover,
.feedback-btn.FeedbackNew:active {
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 0;
  padding: 5px 10px 5px 30px;
  text-align: center;
  vertical-align: middle;
  background: url(/DesktopModules/Menu/StaticMenu/images/FeedbackIcon.png) no-repeat #0494d2 left 1px top 4px;
  *margin-left: 0.3em;
}
.feedback-modal .feedback-btn {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  background-color: #0077D9;
  border-bottom-color: #bbb;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: none;
  border-radius: 25px;
  width: 60px;
  height: 25px;
}
.feedback-modal .feedback-btn.view-feedback {
  width: 150px !important;
  float: left !important;
  margin: 5px 0 0 10px !important;
}
.feedback-btn:hover,
.feedback-btn:active,
.feedback-btn.active,
.feedback-btn.disabled,
.feedback-btn[disabled] {
  background-color: #0077D9;
}
.feedback-btn:active,
.feedback-btn.active {
  background-color: #0077D9;
}
.feedback-btn:first-child {
  *margin-left: 0;
}
.feedback-btn:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #d0d4a1;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.feedback-btn:focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.feedback-btn.active,
.feedback-btn:active {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #0077D9;
  outline: 0;
}
.feedback-btn.disabled,
.feedback-btn[disabled] {
  cursor: default;
  background-image: none;
  background-color: #0077D9;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.feedback-modal .feedback-btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}
.feedback-btn-small [class^="icon-"] {
  margin-top: -1px;
}
.feedback-btn-inverse,
.feedback-btn-inverse:hover {
  color: #ffffff;
}
.feedback-modal .feedback-btn-inverse {
  background-color: #393939;
  background-image: -moz-linear-gradient(top, #454545, #262626);
  background-image: -ms-linear-gradient(top, #454545, #262626);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626));
  background-image: -webkit-linear-gradient(top, #454545, #262626);
  background-image: -o-linear-gradient(top, #454545, #262626);
  background-image: linear-gradient(top, #454545, #262626);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#262626', GradientType=0);
  border-color: #262626 #262626 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.feedback-btn-inverse:hover,
.feedback-btn-inverse:active,
.feedback-btn-inverse.active,
.feedback-btn-inverse.disabled,
.feedback-btn-inverse[disabled] {
  background-color: #262626;
}
.feedback-btn-inverse:active,
.feedback-btn-inverse.active {
  background-color: #0c0c0c;
}
button.feedback-btn::-moz-focus-inner,
input[type="submit"].feedback-btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.feedback-btn.large,
input[type="submit"].feedback-btn.large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.feedback-btn.small,
input[type="submit"].feedback-btn.small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
.feedback-btn .caret {
  margin-top: 7px;
  margin-left: 0;
}
.feedback-btn:hover .caret,
.open.btn-group .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.feedback-btn-inverse .caret {
  border-top-color: #ffffff;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.feedback-btn-small .caret {
  margin-top: 4px;
}
.feedback-bottom-right {
  position: fixed;
  bottom: 0;
  right: 0px;
  z-index: 10;
}
.feedback-modal .feedback-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
.feedback-header .feedback-close {
  margin: -5px -5px 0 0;
}
.feedback-modal input[type="text"] {
  margin: 5px 0px 10px 5px;
  font-size: 100%;
  vertical-align: middle;
  overflow: auto;
  vertical-align: top;
  font-weight: normal;
  display: inline-block;
  width: 97%;
  height: 28px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
  background-color: white;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.feedback-modal input[type="text"] :focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted;
}
.feedback-modal .feedback-body select {
  margin: 0px 0px 10px 5px;
  font-size: 100%;
  vertical-align: middle;
  overflow: auto;
  vertical-align: top;
  font-weight: normal;
  display: inline-block;
  width: 98.5%;
  height: 28px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
  background-color: white;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.feedback-body option {
  margin: 5px;
  color: #555555;
}
.feedback-modal .feedback-body textarea {
  resize: none;
  margin: 0px 0px 10px 5px;
  font-size: 100%;
  vertical-align: middle;
  overflow: auto;
  vertical-align: top;
  font-weight: normal;
  font-family: inherit;
  display: inline-block;
  width: 97%;
  height: 150px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
  background-color: white;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.feedback-modal .feedback-body textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
}
.feedback-modal .feedback-footer {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  padding: 0 20px 0 5px;
}
.feedback-modal .feedback-footer:before,
.feedback-footer:after {
  display: table;
  content: "";
}
.feedback-modal .feedback-footer:after {
  clear: both;
}
.feedback-modal .feedback-footer .feedback-btn {
  margin-left: 5px;
  border-radius: 25px;
  background-color: #0077D9;
}
.feedback-modal .feedback-footer .feedback-btn:hover {
  border-color: #0077d9 !important;
  background-color: rgba(0, 119, 217, 0.8);
  background-image: none;
}
#btnAdvanceSearch,
.feedback-btn {
  border-radius: 25px;
  margin: -10px 3px 10px 0;
  cursor: pointer !important;
}
#btnAdvanceSearch:hover,
.feedback-btn:hover {
  border-color: #0077d9;
  background-color: rgba(0, 119, 217, 0.8);
  background-image: none;
}
.feedback-glass {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #777;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.feedback-canvas {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1999;
}
#feedback-blackout-element {
  background: #000;
  opacity: 0.8;
  position: absolute;
}
.feedback-highlight-element,
.feedback-highlighted {
  position: absolute;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  z-index: 2000;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 8px 0px #000;
  box-shadow: 0px 0px 8px 0px #000;
}
.feedback-highlight-element {
  pointer-events: none;
}
#feedback-highlight-close {
  background: #ccc;
  border: 1px solid black;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  position: absolute;
  cursor: pointer;
  margin-left: -12px;
  margin-top: -12px;
  z-index: 2001;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 4px 0px #615e5e;
  box-shadow: 0px 0px 4px 0px #615e5e;
  background-color: #c5c5c5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#999999));
  background-image: -webkit-linear-gradient(top, #c5c5c5, #999999);
  background-image: -moz-linear-gradient(top, #c5c5c5, #999999);
  background-image: -o-linear-gradient(top, #c5c5c5, #999999);
  background-image: linear-gradient(to bottom, #c5c5c5, #999999);
}
.feedback-blackedout {
  background: #000;
  position: absolute;
  z-index: 2000;
}
#feedback-highlight-container {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 2010;
}
.feedback-animate-toside {
  top: 100%;
  left: 100%;
  width: 300px;
  margin-left: -320px;
  margin-top: -200px;
}
.feedback-animate-review {
  -webkit-transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  top: 50%;
  left: 50%;
  width: 600px;
  margin-left: -300px;
  margin-top: -200px;
}
.feedback-canvas-complete {
  -webkit-filter: blur(5px);
}
.feedback-body canvas {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #636363;
  -webkit-box-shadow: 0px 0px 12px 0px #615e5e;
  box-shadow: 0px 0px 12px 0px #615e5e;
  position: absolute;
}
.feedback-browser {
  margin-left: 330px;
}
.feedback-loader {
  text-align: center;
}
.feedback-loader span {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin: 50px auto;
  background: black;
  border-radius: 50px;
  -webkit-animation: feedback-loader 0.9s infinite alternate;
  -moz-animation: feedback-loader 0.9s infinite alternate;
}
.feedback-loader span:nth-of-type(2) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
}
.feedback-loader span:nth-of-type(3) {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
}
@-webkit-keyframes feedback-loader {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -webkit-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -webkit-transform: translateY(-21px);
  }
}
@-moz-keyframes feedback-loader {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -moz-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -moz-transform: translateY(-21px);
  }
}
/*Upload Button Style */
.feedback-footer .myFeedBackbtn {
  float: right;
  text-shadow: none;
  margin-top: 10px;
  margin-right: -7px;
}
.feedback-body .fileUpload {
  position: relative;
  overflow: hidden;
  margin-right: 10px;
  margin-top: 5px;
  float: right;
  line-height: 18px;
  font-weight: bold;
}
.feedback-body .fileUpload:hover {
  color: #008334 !important;
}
.feedback-body .fileUpload .add-icon-wrapper .buttons-text {
  padding-left: 2px;
}
.feedback-body .feedback-imgreview {
  width: 250px;
  float: left;
  margin: 5px;
  border: 1px solid #E0E0E0;
}
.feedback-body .feedback-hr {
  width: 100%;
  margin: 5px;
  border: 1px solid #E0E0E0;
  height: 1px;
}
.feedback-body #uploadFile {
  margin: 0px 0px 10px 5px;
  font-size: 100%;
  vertical-align: middle;
  overflow: auto;
  vertical-align: top;
  font-weight: normal;
  background-color: rgba(0, 119, 217, 0.1);
  display: inline-block;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  width: 89%;
  height: 18px;
  margin-bottom: 15px;
}
.feedback-body .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.feedback-modal .feedback-popularWrapper {
  border-bottom: 5px solid #f4f5f6;
  margin-top: 5px;
  margin-left: 10px;
  border: 0;
  height: inherit;
}
.feedback-modal .feedback-tab {
  display: none;
  height: 400px;
  overflow: auto;
  position: relative;
  top: 3px;
  padding: 5px;
  width: 98%;
  margin-bottom: 5px;
}
.feedback-modal .feedback-tab .lbl {
  display: inline-block;
  font-weight: bold;
  width: 150px;
  position: relative;
  border: 0;
  height: auto;
}
.feedback-modal .feedback-tab .selectOption {
  display: inline-block;
  width: 490px;
  margin-left: 4px;
}
.feedback-modal .feedback-tab .text-box {
  display: inline-block;
  width: 480px;
  height: 18px;
  margin-left: 1px;
}
.feedback-popularrowitem {
  min-height: 30px;
  width: 100%;
  margin-bottom: 3px;
  float: left;
  background-color: transparent !important;
  border-top: 1px solid #f4f5f6;
}
.feedback-popularrowitem-col1 {
  width: 40%;
  float: left;
  font-weight: bold;
  margin-top: 6px;
  margin-left: 5px;
}
.feedback-popularrowitem-col2 {
  width: 15%;
  float: left;
  text-align: left;
  margin-top: 6px;
  padding-left: 10px;
}
.feedback-popularrowitem-col3 {
  width: 15%;
  float: left;
  text-align: center;
  margin-top: 6px;
}
.feedback-popularrowitem-col4 {
  float: right;
  width: 13%;
}
.feedback-popularrowitem-col4 .countvote {
  padding-left: 8px;
}
.feedback-my.feedback-tab .feedback-popularrowitem-col2,
.feedback-my.feedback-tab .feedback-popularrowitem-col3 {
  width: 18%;
}
.votebutton {
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  height: 10px;
  line-height: 10px;
  margin: 4px 4px 0px 0px;
  padding: 6px;
  text-align: center;
  border-radius: 5px;
  background-color: #0077D9;
  width: 50px;
}
.votebutton:hover {
  border-color: #0077d9 !important;
  background-color: rgba(0, 119, 217, 0.8);
  background-image: none;
}
.circleGHolder {
  width: 37.33333333px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}
.VotecircleGHolder {
  width: 37.33333333px;
  margin-left: auto;
  margin-right: auto;
}
.VotecircleGHolder .circleG {
  background-color: white !important;
}
.circleG {
  background-color: #1c7da4;
  float: left;
  height: 8px;
  margin-left: 4px;
  width: 8px;
  -moz-animation-name: bounce_circleG;
  -moz-animation-duration: 1.35s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -moz-border-radius: 5px;
  -webkit-animation-name: bounce_circleG;
  -webkit-animation-duration: 1.35s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -webkit-border-radius: 5px;
  -o-animation-name: bounce_circleG;
  -o-animation-duration: 1.35s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  -o-border-radius: 5px;
  -ms-animation-name: bounce_circleG;
  -ms-animation-duration: 1.35s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -ms-border-radius: 5px;
  animation-name: bounce_circleG;
  animation-duration: 1.35s;
  animation-iteration-count: infinite;
  animation-direction: linear;
  border-radius: 5px;
}
.circleG_1 {
  -moz-animation-delay: 0.27s;
  -webkit-animation-delay: 0.27s;
  -o-animation-delay: 0.27s;
  -ms-animation-delay: 0.27s;
  animation-delay: 0.27s;
}
.circleG_2 {
  -moz-animation-delay: 0.63s;
  -webkit-animation-delay: 0.63s;
  -o-animation-delay: 0.63s;
  -ms-animation-delay: 0.63s;
  animation-delay: 0.63s;
}
.circleG_3 {
  -moz-animation-delay: 0.81s;
  -webkit-animation-delay: 0.81s;
  -o-animation-delay: 0.81s;
  -ms-animation-delay: 0.81s;
  animation-delay: 0.81s;
}
@-moz-keyframes bounce_circleG {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes bounce_circleG {
  50% {
    background-color: transparent;
  }
}
@-o-keyframes bounce_circleG {
  50% {
    background-color: transparent;
  }
}
@-ms-keyframes bounce_circleG {
  50% {
    background-color: transparent;
  }
}
@keyframes bounce_circleG {
  50% {
    background-color: transparent;
  }
}
.ajax-loader-feedbackist {
  position: relative;
  top: -100px;
  display: block;
}
.feedback-details {
  cursor: pointer;
}
#uploadFile {
  background-color: white;
}
.most-popular-feedbacks ~ .feedback-popular {
  display: none;
}
.most-popular-feedbacks:checked ~ .feedback-popular {
  display: block;
}
.my-feedbacks ~ .feedback-my {
  display: none;
}
.my-feedbacks:checked ~ .feedback-my {
  display: block;
}
.search-feedbacks ~ .feedback-search {
  display: none;
}
.search-feedbacks:checked ~ .feedback-search {
  display: block;
  overflow: hidden;
}
.search-feedbacks:checked ~ .feedback-search form {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
.feedback-popularWrapper .feedback-radio {
  opacity: 0;
}
.feedback-popularWrapper .most-popular-feedbacks ~ #most-popular-label,
.feedback-popularWrapper .my-feedbacks ~ #my-popular-label,
.feedback-popularWrapper .search-feedbacks ~ #feedback-search-label {
  cursor: pointer;
  border: 1px solid #CACED5;
  background-color: #fff;
  color: #3B4455;
  margin-right: -1px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  min-width: 235px;
  padding: 0 25px;
  margin: 0px 0 0px -20px;
  text-align: center;
  font-size: 14px;
}
.feedback-popularWrapper .search-feedbacks ~ #feedback-search-label {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.feedback-popularWrapper .most-popular-feedbacks ~ #most-popular-label {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.feedback-popularWrapper .most-popular-feedbacks:checked ~ #most-popular-label,
.feedback-popularWrapper .my-feedbacks:checked ~ #my-popular-label,
.feedback-popularWrapper .search-feedbacks:checked ~ #feedback-search-label {
  background-color: #e5f1fb;
  border-color: #0077D9;
  background-image: none;
  color: #0077D9;
}
.feedback-popularWrapper #my-popular-label:hover,
.feedback-popularWrapper #most-popular-label:hover,
.feedback-popularWrapper #feedback-search-label:hover {
  background-color: #e5f1fb;
  border-color: #0077D9;
  background-image: none;
}
.feedback-submit-button-wrapper {
  margin: 10px 0 0 0;
}
.feedback-submit-button-wrapper .feedback-btn {
  border-radius: 25px;
  float: right;
  margin: 5px 10px 0 0 !important;
}
.delete-attachement {
  position: relative;
  right: 20px;
  float: right;
  line-height: 22px;
  font-weight: bold;
  cursor: pointer;
}
.delete-attachement:hover {
  color: #b6383e !important;
}
.delete-attachement:hover .deleteicon {
  background-position: -269px -1046px;
}
#dialog-form {
  border: 1px solid #948989;
  z-index: 2001;
  position: fixed;
  background: white;
  border-radius: 10px;
  left: 29%;
  width: 42%;
  top: 30%;
  height: auto;
  color: black;
}
#dialog-form-details {
  border: 1px solid #948989;
  z-index: 2001;
  position: fixed;
  background: white;
  border-radius: 10px;
  left: 27%;
  width: 40%;
  top: 10%;
  height: 550px;
  color: black;
}
#dialog-form-details .value {
  padding: 5px 0 0 10px !important;
}
#dialog-form-details fieldset {
  overflow: scroll;
  height: 500px;
}
#dialog-form-details label.header {
  font-weight: bold;
}
.Dialogheader {
  color: black;
  padding: 5px 5px 5px 10px;
  font-size: 17px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
.header {
  padding: 5px 0 0 10px;
  font-size: 14px;
}
.value {
  font-weight: normal;
  padding: 0 0 0 10px;
  max-height: 100px;
  overflow: auto;
}
.Suggestion-glass {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.Suggestion-glassSearch {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.closebutton {
  color: black !important;
  position: relative;
  top: -25px;
  left: -10px;
}
.attachments-List {
  margin: 0 0 10px 0 !important;
}
.attachments-List div {
  margin: unset !important;
}
.feedback-modal select {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
  overflow: auto;
  vertical-align: top;
  font-weight: normal;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  display: inline-block;
  width: 200px;
  height: 28px;
  padding: 4px;
  margin: 0 0 9px 9px;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
  background-color: white;
  border: 1px solid #ccc !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.Advancesearch {
  margin-left: 30px;
  padding: 2px;
  border: 0px;
  background: #13A1AF;
  border: 1px solid #13A1AF;
  color: white;
}
.feedback-search-List {
  border: 1px solid #03c5e3;
  min-height: 164px;
  max-height: 250px;
  overflow: auto;
  position: relative;
  top: -5px;
  padding: 5px;
  margin-left: 10px;
}
.feedback-modal .search-button {
  float: right;
  background-color: #0077D9;
  color: white;
  padding: 2px 10px 2px 10px;
  text-align: center;
  vertical-align: middle;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 0;
  height: 24px;
}
.feedback-modal .required {
  color: red;
  padding-left: 5px;
}
.feedback-button {
  display: inline-block;
  padding: 3px 10px 4px 35px;
  line-height: 22px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 100;
  background-image: none;
  background-color: #0077D9 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none !important;
  color: #ffffff !important;
  cursor: pointer;
  font-family: RobotoRegular;
}
.agile-portal.content-wrapper .reports-content {
  width: 98% !important;
  position: relative;
  padding: 10px;
  display: block;
  margin: 0 auto 0;
  min-height: 180px;
  background-color: #fff;
}
.agile-portal.content-wrapper .reports-content .reports-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.agile-portal.reports-wrap {
  border: 0;
  box-shadow: none;
  border-radius: 8px;
  display: flex;
}
.agile-portal.reports-wrap .form-inner-wrap {
  width: 98% !important;
}
.agile-portal.reports-wrap .reports-top-menubar .menu-item {
  color: #667287;
  padding: 5px;
  display: inline-flex;
  align-items: center;
}
.agile-portal.reports-wrap .reports-top-menubar .menu-item:hover,
.agile-portal.reports-wrap .reports-top-menubar .menu-item.active {
  color: #0077D9;
}
.agile-portal.reports-wrap .reports-top-menubar .menu-item:hover span,
.agile-portal.reports-wrap .reports-top-menubar .menu-item.active span {
  border-bottom: solid;
}
.agile-portal.reports-wrap .reports-top-menubar .menu-item span {
  font-size: 13px;
}
.agile-portal.reports-wrap .reports-top-menubar .menu-item .svg {
  width: 30px;
  height: 30px;
  /*margin: 5px;*/
  margin-right: 5px;
}
.agile-portal.reports-wrap .reports-top-menubar .menu-item .svg.report-icon {
  width: 25px;
  height: 27px;
  content: url("/Modules/AgilePoint.Portal.Reportsv2/Content/Images/reportIcon.svg");
}
.agile-portal.reports-wrap .reports-top-menubar .menu-item .svg.create-report-icon {
  content: url("/Modules/AgilePoint.Portal.Reportsv2/Content/Images/createReport.svg");
}
.agile-portal.reports-wrap .reports-top-menubar .menu-item .svg.create-dashboard-icon {
  content: url("/Modules/AgilePoint.Portal.Reportsv2/Content/Images/createDashboard.svg");
}
.agile-portal.reports-wrap .reports-top-menubar .menu-item .svg.create-datasource-icon {
  content: url("/Modules/AgilePoint.Portal.Reportsv2/Content/Images/addDataSource.svg");
}
.agile-portal.reports-wrap .tabs {
  border-bottom-style: solid;
  overflow: auto;
  border-width: thin;
  display: flex;
  justify-content: space-between;
  border-bottom-color: #0077D9;
}
.agile-portal.reports-wrap .tabs .tab .tablinks {
  cursor: pointer;
  /*padding: 14px 16px;*/
  transition: 0.3s;
  font-size: 14px;
  /*font-weight: bold;*/
  /*display: inline-flex;*/
}
.agile-portal.reports-wrap .tabs .tab .tablinks:hover,
.agile-portal.reports-wrap .tabs .tab .tablinks.active {
  border-bottom-style: solid;
  border-color: #0077D9;
  color: #0077D9;
  border-width: thick;
}
@keyframes zoomOutIn {
  0% {
    transform: scale(10);
    opacity: 0;
  }
  50% {
    transform: scale(5);
    opacity: 0.75;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.agile-portal.resolution-block-holder {
  display: grid;
  place-items: center;
  height: 100vh;
  animation: zoomOutIn 750ms ease;
  animation-fill-mode: forwards;
  background-color: rgba(255, 255, 255, 0.99);
}
.agile-portal.resolution-block {
  display: grid;
  grid-template-columns: auto 1fr;
}
.agile-portal.resolution-block .resolution-block-illustration-wrapper {
  width: 100%;
  height: 100%;
}
.agile-portal.resolution-block .resolution-block-illustration {
  height: 347px;
  width: 345px;
}
.agile-portal.resolution-block .resolution-block-content {
  color: #3B4455;
  font-size: 16px;
  font-family: RobotoRegular;
  padding: 30px;
}
.agile-portal.resolution-block .resolution-block-content .resolution-block-title {
  font-family: RobotoMedium;
  color: #3B4455;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 21px;
}
.agile-portal.resolution-block .resolution-block-content .resolution-block-inner-content {
  width: 480px;
  color: #3B4455;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}
.agile-portal.resolution-block .resolution-block-content .resolution-block-inner-content .buttons {
  margin-top: 25px;
}
.agile-portal.resolution-block .resolution-block-content .resolution-block-list {
  list-style-type: '- ';
  padding-left: 10px;
}
.__blur-content__ {
  filter: blur(10px);
}