.exit-application-link.btn.btn-link {
  font-size: 15px !important;
  line-height: 1.2em;
  margin-top: 1px;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  color: #337ab7;
  margin: 0;
}
.exit-application-link.btn.btn-link:hover {
  color: #23527c !important;
}
.back-btn.btn {
  margin: 0 !important;
  background-color: #eeeeee;
}

svg[data-v-25b2bea4] {
  pointer-events: none;
  /* Minor vertical offset from center for filename to appear under */
  position: relative;
  color: #353535;
}
.replacement-btn[data-v-25b2bea4] {
  padding: 5px;
  top: 0px;
  left: 0px;
  position: relative;
  margin: 0;
  background-color: #e4e4e4;
  border: dashed 1px lightgray;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  font-size: 1em;
  border-radius: 0.25rem;
  cursor: pointer;
}
.replacement-btn[data-v-25b2bea4]:active {
  background-color: #00ff6f;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
}
input[name*=".File"][data-v-25b2bea4] {
  display: inline;
  top: 3px;
  position: relative;
  pointer-events: none;
}
.removeBtn[data-v-25b2bea4] {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0px;
  top: 0px;
  border-radius: 2px 2px 2px 2px;
  font-size: 24px;
}
.removeBtn[data-v-25b2bea4]:before {
  position: relative;
  content: "x";
  color: white;
  top: -14px;
  left: -3px;
  width: 30px;
  height: 30px;
}
.filedisplay[data-v-25b2bea4] {
  position: absolute;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 5px;
  white-space: nowrap;
  -ms-flex-item-align: end;
      align-self: flex-end;
  pointer-events: none;
  text-align: center;
  left: 0px;
  /* top: 50%;
	transform: translateY(-50%); */
}
@media screen and (min-width: 1200px) {
.flex-basis-0[data-v-25b2bea4] {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
}
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*padding: 10px 16px; */
  background: #f1f1f1 !important;
}
.sticky {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 200;
}
.header > h2, .header > h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 20px 0 20px;
}
.sticky + .content {
  padding-top: 102px;
}
.sliderToggle-enter-active, .sliderToggle-leave-active {
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  height: 100%;
  height: auto;
  overflow: hidden;
}
.sliderToggle-enter, .sliderToggle-leave-to {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  opacity: 0;
}
a.nav-link[disabled], a.nav-link[disabled] span {
  color: #8c9599 !important;
  cursor: default !important;
}

.handpointer[data-v-a257482e] {
  cursor: pointer;
}
.arrow-color[data-v-a257482e] {
  color: white;
}
.width10[data-v-a257482e] {
  width: 10%;
}
.width80[data-v-a257482e] {
  width: 80%;
}

.sidebar-with-submenu {
  min-width: 40vw;
}
.sliderToggle-enter-active,
.sliderToggle-leave-active {
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  height: 100%;
  height: auto;
  overflow: hidden;
}
.sliderToggle-enter,
.sliderToggle-leave-to {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  opacity: 0;
}
.menu-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fill-available;
}
.menu-column {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
}
.sub-li {
  position: relative;
  margin-left: 10px;
}
.sub-li > ul {
  list-style: none;
  margin-left: 20;
  padding-left: s22px;
  white-space: nowrap;
  background-color: rgb(155, 125, 125);
}
.ulSectionMenu {
  list-style: none;
  margin: 0;
  padding-left: 22px;
  white-space: nowrap;
  background-color: #5a5858;
}
.ulSectionMenu .sidebar-icon {
  margin-right: 25px;
  width: 25px;
}
.ulSectionMenu .caret-icon {
  margin-right: 10px;
  width: 25px;
}
.ulSectionMenu .completion-icon,
.ulSectionMenu .in-progress-icon {
  display: block;
  margin-left: auto;
  margin-right: 10px;
  color: #28a745;
}
.ulSectionMenu span {
  cursor: pointer;
  margin-right: 10px;
}
.ulSectionMenu a {
  text-decoration: none;
  color: white;
}
.ulSectionMenu a:hover {
  color: #d5820d;
}
.ulSectionMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
}
.ulSectionMenu > li {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: solid #505050 1px;
  /*border-left: solid #505050 1px; */
  border-collapse: collapse;
  text-align: left;
  font-size: 0.9em;
  line-height: 1.8em;
  /*&.active {
  	color: #fff;
  }*/
}
.ulSectionMenu > li > a {
  border-left: 3px solid transparent;
  position: relative;
  padding: 15px 0px 15px 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ulSectionMenu > li > a > i {
  padding-right: 4px;
}
.ulSectionMenu > li > a .trangle {
  float: right;
  padding-right: 10px;
}
.ulSectionMenu > li.active > a {
  border-left: 3px solid #3c8dbc;
  color: white;
  text-decoration: none;
  border-top: 2px solid #d5820d !important;
  border-right: 2px solid #d5820d !important;
  border-bottom: 2px solid #d5820d !important;
  border-left: 2px solid #d5820d !important;
}
.ulSectionMenu > li.active > a:hover {
  color: #d5820d !important;
}
.ulSectionMenu > li.active::before {
  content: " ";
  height: 0px;
  position: absolute;
  left: 100%;
  -webkit-transition: top linear 0.2s;
  transition: top linear 0.2s;
  border-style: solid;
  border-color: transparent transparent transparent #d5820d;
  border-width: 12px;
  margin-top: 18px;
}
.ulSectionMenu > li.active::after {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  right: -21px;
  top: 18px;
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent transparent #222;
  -o-border-image: initial;
     border-image: initial;
}
.ulSectionMenu > li > a.disablelink {
  pointer-events: none;
}
.ulSectionMenu > li:last-child {
  border-bottom: 0;
}
.ulSectionMenu > li > .tree-menu {
  margin: 0 1px;
  background: #2c3b41;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.ulSectionMenu > li > .tree-menu .tree-menu {
  padding-left: 20px;
}
.ulSectionMenu > li > .tree-menu > li {
  margin-left: -4px;
}
.ulSectionMenu > li > .tree-menu > li.active > a {
  border-left: 5px solid #3c8dbc;
  color: #fff;
}
@media (min-width: 801px) {
.ulSectionMenu > li > .tree-menu > li.active::after {
    content: " ";
    height: 0px;
    position: absolute;
    left: 100%;
    -webkit-transition: top linear 0.2s;
    transition: top linear 0.2s;
    border-style: solid;
    border-color: transparent transparent transparent #303030;
    border-width: 12px;
    margin-top: -38px;
}
}
.ulSectionMenu > li > .tree-menu > li > a {
  padding: 15px 0px 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 3px solid transparent;
}
.ulSectionMenu > li > .tree-menu.active {
  display: block;
}
.ulPermitMenu {
  list-style: none;
  margin: 0;
  padding-left: 22px;
  white-space: nowrap;
  background-color: #222;
}
.ulPermitMenu .sidebar-icon {
  margin-right: 25px;
  width: 30px;
}
.ulPermitMenu .caret-icon {
  margin-right: 10px;
  width: 30px;
}
.ulPermitMenu .completion-icon,
.ulPermitMenu .in-progress-icon {
  display: block;
  margin-left: auto;
  margin-right: 10px;
  color: #28a745;
}
.ulPermitMenu span {
  cursor: pointer;
  margin-right: 10px;
}
.ulPermitMenu a {
  text-decoration: none;
  color: white !important;
}
.ulPermitMenu a:hover {
  color: #d5820d;
}
.ulPermitMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
}
.ulPermitMenu > li {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: solid #505050 1px;
  /*border-left: solid #505050 1px; */
  border-collapse: collapse;
  text-align: left;
  font-size: 0.9em;
  line-height: 1.8em;
  /*&.active {
  	color: #fff;
  }*/
}
.ulPermitMenu > li > a {
  border-left: 3px solid transparent;
  position: relative;
  padding: 15px 0px 15px 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ulPermitMenu > li > a > i {
  padding-right: 4px;
}
.ulPermitMenu > li > a .trangle {
  float: right;
  padding-right: 10px;
}
.ulPermitMenu > li > a:hover {
  color: #d5820d !important;
}
.ulPermitMenu > li.active > a {
  border-left: 3px solid #3c8dbc;
  color: white;
  text-decoration: none;
  border-top: 2px solid #d5820d !important;
  border-right: 2px solid #d5820d !important;
  border-bottom: 2px solid #d5820d !important;
  border-left: 2px solid #d5820d !important;
}
.ulPermitMenu > li.active > a:hover {
  color: #d5820d !important;
}
.ulPermitMenu > li.active::before {
  content: " ";
  height: 0px;
  position: absolute;
  left: 100%;
  -webkit-transition: top linear 0.2s;
  transition: top linear 0.2s;
  border-style: solid;
  border-color: transparent transparent transparent #d5820d;
  border-width: 12px;
  margin-top: 18px;
}
.ulPermitMenu > li.active::after {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  right: -21px;
  top: 18px;
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent transparent #222;
  -o-border-image: initial;
     border-image: initial;
}
.ulPermitMenu > li > a.disablelink {
  pointer-events: none;
}
.ulPermitMenu > li:last-child {
  border-bottom: 0;
}
.ulPermitMenu > li > .tree-menu {
  margin: 0 1px;
  background: #2c3b41;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.ulPermitMenu > li > .tree-menu .tree-menu {
  padding-left: 20px;
}
.ulPermitMenu > li > .tree-menu > li {
  margin-left: -4px;
}
.ulPermitMenu > li > .tree-menu > li.active > a {
  border-left: 5px solid #3c8dbc;
  color: #fff;
}
@media (min-width: 801px) {
.ulPermitMenu > li > .tree-menu > li.active::after {
    content: " ";
    height: 0px;
    position: absolute;
    left: 100%;
    -webkit-transition: top linear 0.2s;
    transition: top linear 0.2s;
    border-style: solid;
    border-color: transparent transparent transparent #303030;
    border-width: 12px;
    margin-top: -38px;
}
}
.ulPermitMenu > li > .tree-menu > li > a {
  padding: 15px 0px 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 3px solid transparent;
}
.ulPermitMenu > li > .tree-menu.active {
  display: block;
}
.ulPermitMenu1 {
  list-style: none;
  margin: 0;
  padding-left: 22px;
  white-space: nowrap;
  background-color: #222;
}
.ulPermitMenu1 a {
  text-decoration: none;
  color: white !important;
}
.ulPermitMenu1 a:hover {
  color: #d5820d;
}
.ulPermitMenu1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.ulPermitMenu1 > li > a {
  border-left: 3px solid transparent;
  position: relative;
  padding: 15px 0px 15px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ulPermitMenu1 > li > a > i {
  padding-right: 4px;
}
.ulPermitMenu1 > li > a .trangle {
  float: right;
  padding-right: 10px;
}
.ulPermitMenu1 > li > a:hover {
  color: #d5820d !important;
}
.ulPermitMenu1 > li.active > a {
  border-left: 3px solid #3c8dbc;
  color: white;
  text-decoration: none;
  border-top: 2px solid #d5820d !important;
  border-right: 2px solid #d5820d !important;
  border-bottom: 2px solid #d5820d !important;
  border-left: 2px solid #d5820d !important;
}
.ulPermitMenu1 > li.active > a:hover {
  color: #d5820d !important;
}
.ulPermitMenu1 > li.active::before {
  content: " ";
  height: 0px;
  position: absolute;
  left: 100%;
  -webkit-transition: top linear 0.2s;
  transition: top linear 0.2s;
  border-style: solid;
  border-color: transparent transparent transparent #d5820d;
  border-width: 12px;
  margin-top: 18px;
}
.ulPermitMenu1 > li.active::after {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  right: -21px;
  top: 18px;
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent transparent #222;
  -o-border-image: initial;
     border-image: initial;
}
.ulPermitMenu1 > li > a.disablelink {
  pointer-events: none;
}
.ulPermitMenu1 > li:last-child {
  border-bottom: 0;
}
.ulPermitMenu1 > li > .tree-menu {
  margin: 0 1px;
  background: #2c3b41;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.ulPermitMenu1 > li > .tree-menu .tree-menu {
  padding-left: 20px;
}
.ulPermitMenu1 > li > .tree-menu > li {
  margin-left: -4px;
}
.ulPermitMenu1 > li > .tree-menu > li.active > a {
  border-left: 5px solid #3c8dbc;
  color: #fff;
}
@media (min-width: 801px) {
.ulPermitMenu1 > li > .tree-menu > li.active::after {
    content: " ";
    height: 0px;
    position: absolute;
    left: 100%;
    -webkit-transition: top linear 0.2s;
    transition: top linear 0.2s;
    border-style: solid;
    border-color: transparent transparent transparent #303030;
    border-width: 12px;
    margin-top: -38px;
}
}
.ulPermitMenu1 > li > .tree-menu > li > a {
  padding: 15px 0px 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 3px solid transparent;
}
.ulPermitMenu1 > li > .tree-menu.active {
  display: block;
}
.sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  position: relative;
  top: 0;
  left: 0;
  min-height: 100%;
  z-index: 810;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  background-color: #303030 !important;
  font-size: 1.1rem;
  padding: 0;
  /* a {
     text-decoration: none;
   }

  > ul {
     list-style: none;
     margin: 0;
     padding-left: 22px;
     white-space: nowrap;
     background-color: #222;
     .sidebar-icon {
       margin-right: $sidebar_icon_rm;
       width: 30px;
     }
     .caret-icon {
       margin-right: $terminal_icon_space;
       width: 30px;
     }
     .completion-icon,
     .in-progress-icon {
       display: block;
       margin-left: auto;
       margin-right: $terminal_icon_space;
       color: #28a745;
     }
     span {
       cursor: pointer;
       margin-right: $tabName_rm;
     }
     a {
       text-decoration: none;
       color: white;
       &:hover {
         color: #d5820d;
       }
     }
     ul {
       list-style: none;
       margin: 0;
       padding: 0;
       white-space: nowrap;
       overflow: hidden;
     }
     > li {
       position: relative;
       margin: 0;
       padding: 0;
       border-bottom: solid #505050 1px;
       /*border-left: solid #505050 1px;
       border-collapse: collapse;
       text-align: left;
       font-size: 0.9em;
       line-height: 1.8em;
       /&.active {
  			color: #fff;
  		}

       > a {
         border-left: 3px solid transparent;
         position: relative;
         padding: 15px $additional_tab_width 15px 19px;
         display: flex;
         align-items: center;
         > i {
           padding-right: 4px;
         }
         .trangle {
           float: right;
           padding-right: 10px;
         }
       }
       &.active {
         > a {
           border-left: 3px solid #3c8dbc;
           color: white;
           text-decoration: none;
           border-top: 2px solid #d5820d !important;
           border-right: 2px solid #d5820d !important;
           border-bottom: 2px solid #d5820d !important;
           border-left: 2px solid #d5820d !important;
           &:hover {
             color: #d5820d !important;
           }
         }
         &::before {
           content: " ";
           height: 0px;
           position: absolute;
           left: 100%;
           transition: top linear 0.2s;
           border-style: solid;
           border-color: transparent transparent transparent #d5820d;
           border-width: 12px;
           margin-top: 18px;
         }
         &::after {
           content: " ";
           height: 0;
           position: absolute;
           width: 0;
           right: -21px;
           top: 18px;
           border-width: 12px;
           border-style: solid;
           border-color: transparent transparent transparent #222;
           border-image: initial;
         }
       }
       > a.disablelink {
         pointer-events: none;
       }
       &:last-child {
         border-bottom: 0;
       }
       > .tree-menu {
         margin: 0 1px;
         background: #2c3b41;
         list-style: none;
         padding: 0;
         margin: 0;
         display: block;
         .tree-menu {
           padding-left: 20px;
         }
         > li {
           margin-left: -4px;
           &.active {
             > a {
               border-left: 5px solid #3c8dbc;
               color: #fff;
             }
           }
           @media (min-width: 801px) {
             &.active::after {
               content: " ";
               height: 0px;
               position: absolute;
               left: 100%;
               transition: top linear 0.2s;
               border-style: solid;
               border-color: transparent transparent transparent #303030;
               border-width: 12px;
               margin-top: -38px;
             }
           }
           > a {
             padding: 15px $additional_tab_width 15px 20px;
             display: flex;
             align-items: center;
             border-left: 3px solid transparent;
           }
         }
         &.active {
           display: block;
         }
       }
     }
   } */
}
.sidebar.expand {
  width: 230px;
}
.sidebar.collapse {
  width: 50px;
}
.sidebar.collapse .sidebar-menu > li > a {
  padding: 15px 5px 15px 15px;
}
.sidebar.collapse .sidebar-menu > li > a span,
.sidebar.collapse .sidebar-menu > li > a i:last-child {
  display: none;
}
.sidebar.collapse .sidebar-menu > li .tree-menu {
  display: none;
}
.sidebar.collapse .sidebar-menu > li:hover > a {
  display: block;
}
.sidebar.collapse .sidebar-menu > li:hover > a span {
  display: block;
  position: absolute;
  left: 47px;
  width: 153px;
  padding: 15px 5px 15px 19px;
  background-color: #222d32;
  color: #fff;
  width: 177px;
  top: 0;
  border-radius: 0 5px 0 0;
}
.sidebar.collapse .sidebar-menu > li:hover > a i:last-child {
  display: inline-block;
  position: absolute;
  right: -165px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
}
.sidebar.collapse .sidebar-menu > li:hover > .tree-menu {
  display: block;
  position: absolute;
  left: 47px;
  width: 180px;
  background-color: #222d32;
  color: #fff;
  top: 46px;
  width: 180px;
  border-radius: 0 0 5px 5px;
}
aside {
  margin-bottom: 0 !important;
  min-height: 100vh;
}
@media (max-width: 800px) {
aside {
    -ms-flex-preferred-size: unset !important;
        flex-basis: unset !important;
}
}
@media (min-width: 800px) {
aside {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
}
.interview-container {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  overflow: auto;
}