.submission {

  .submission-content {
    padding: 4px 0 84px 0;
    overflow: visible;
    min-height: 520px;
    position: relative;
  }

  .submissiontop {
    margin: 16px auto 0 auto;
    padding: 0 0 30px 0;
  }

  .submissioncolumnwrap {
    @include flexbox();
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: center;
    margin: 0 auto;
    .ember-view {
      margin-right: 40px;
    }
  }

  .submissioncolumn {
    width: 220px;
    margin: 0 0 20px 40px;
  }

  .submissionPlainTextcolumn {
    min-width: 220px;
  }
  .customeTextBgColor{
    background-color: #ccecff;
  }
  .submissionPlainText {
    display: block;
    height: 26px;
    line-height: 24px;
    font-size: 14px;
    color: #131111;
    margin: 4px 0 0 0;
    padding: 0 40px 0 15px;
  }

  .submissioncolumn:first-child {
    margin: 0 0 20px 0;
  }

  .submissioncolumnbutton .btn-expired {
    width: 170px;
  }

  .submissioncolumntitle {
    position: relative;
    background: $c-lsky2;
    overflow: hidden;
    height: 30px;
    width: 100%;
  }

  .submissioncolumntitle:hover,
  .submissioncolumntitle.active {
    @include linear-gradient(#ebebeb, #d1d1d1);
  }

  .submissioncolumntitle h3 {
    padding: 0;
    margin: 0;
    font-family: $base-font-semibold;
    font-size: $large;
    color: $c-black;
    line-height: 30px;
    text-align: center;
  }

  .submissioncolumntitle .btn-add {
    position: absolute;
    width: 29px;
    height: 29px;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 20px;
    cursor: pointer !important;
    display: block;
    color: $c-white;
    top: 0;
    right: 0;
    background: url(../images/pluse3.png) no-repeat center center !important;
    z-index: 10;
  }

  .submissiongroupsbox {
    position: relative;
    height: 26px;
    line-height: 26px;
  }

  .submissiongroupsbox > a,
  .submissiongroupsbox > span {
    display: block;
    height: 26px;
    line-height: 24px;
    font-size: $medium;
    color: $c-black2;
    width: 100%;
    margin: 4px 0 0 0;
    padding: 0 40px 0 25px;
    border: 1px solid $c-border;
  }

  .submissiongroupsbox > a {
    text-decoration: none;
    @include transition(all 0.4s ease-in-out);
  }

  .submissionlist img.showAlert {
    z-index: 1;
    position: relative;
  }

  .submissiongroupsbox a.shift-submission-name,
  .submissionlist h4.shift-submission-name {
    margin: -23px 0px 0px 0px;
  }

  .submissiongroupsbox > a:hover {
    text-decoration: none;
    color: $c-blue5;
  }

  .submissiongroupsbox .form-control {
    @include border-radius(0);
    display: block;
    height: 26px;
    line-height: 24px;
    font-size: $medium;
    color: $c-black2;
    width: 100%;
    margin: 4px 0 0 0;
    padding: 0 40px 0 15px;
    border: 1px solid $c-border;
  }

  .submissiongroupsbox .nosubmissiontext, .nosubmissiontext {
    display: block;
    opacity: 1;
    height: 26px;
    line-height: 24px;
    font-size: $medium;
    color: $c-gray2;
    width: 100%;
    margin: 4px 0 0 0;
    padding: 0 15px 0 15px;
    border: 1px solid $c-border;
    text-align: center;
  }

  .submissiongroupsbox .btneditcell,
  .submissiongroupsbox .btndeletecell,
  .submissiongroupsbox .btnsavecell {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    right: 25px;
    top: 1px;
    cursor: pointer;
    z-index: 100;
  }

  .submissiongroupsbox .btneditcell {
    background: #e2f0d9 url(../images/icon-edit.png) no-repeat center center;
    -webkit-background-size: 22px auto;
    background-size: 22px auto;
    right: 25px;
    display: block;
  }

  .submissiongroupsbox .btndeletecell {
    background: url(../images/minus.png) no-repeat -1px -2px;
    right: 1px;
    display: block;
  }

  .export-icon img{
  max-height: 100%;
      width: auto;
      margin: 0 auto;
  }

  .submissiongroupsbox .btnsavecell {
    display: none;
    background: url(../images/icon-save.png) no-repeat -1px -2px;
    -webkit-background-size: 24px auto;
    background-size: 24px auto;
    right: 1px;
    top: 2px;
  }

  .btn-expired {
    display: block;
    height: 30px;
    line-height: 30px;
    background: $c-purple;
    border-radius: 5px;
    font-size: $large;
    text-align: center;
    width: 100%;
    float: none;
    padding: 0 10px;
    margin: 0;
    text-decoration: none !important;
    color: $c-white !important;
  }

  .submissionreport {
    padding-right: 0;
    position: relative;
    display: block;
    z-index: 10;
    background: $c-white;
    z-index: 100;
  }

  .submissionreport .bluegradientbar {
    color: $c-blue3;
    border: none;
    height: 28px;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    @include linear-gradient(#dde0ec, #9da8ce);
  }

  .submissionreport .submissionreport-title {
    border: none;
  }

  .submissionreport .submissionreport-title2 {
    padding: 0 0;
  }

  .submissionreport .submissionreport-title h2 {
    line-height: 26px;
    font-size: $large;
    font-family: $base-font-semibold;
    padding: 0;
    margin: 0;
  }

  .submissionreport .submissionreport-title.bluegradientbar2 h2 {
    color: $c-blue3;
  }

  .submissionreport .btn-submissionclose {
    background: url(../images/icon-close.png) no-repeat center center;
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 1000;
  }

  .submissionreport .action-box {
    height: 28px;
    width: auto;
    background: none;
    position: absolute;
    right: 40px;
    top: 0;
  }

  .submissionreport .action-box .btn-edit,
  .submissionreport .action-box .btn-save {
    padding: 2px 0;
    width: 24px;
    height: 28px;
    cursor: pointer;
    position: relative;
    display: block;
    z-index: 100;
  }

  .submissionreport .action-box .btn-edit img,
  .submissionreport .action-box .btn-save img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .submissionreport .submissionreport-content {
    border: none;
    .fiscalpopup-content .daterange .datepicker .prev:before,
    .fiscalpopup-content .daterange .datepicker .next:before {
      content: '';
    }
  }

  .submissionreport .submissionreport-row {
    margin-top: 6px;
    position: relative;
    z-index: auto;
    clear: both;
    background: $c-white3;
  }

  .submissionreport .table-bordered > tbody > tr > td {
    border: unset;
  }

  .submissionrowitem {
    /* float: left;*/
    background: $c-white;
    border-left: 5px solid $c-white;
  }

  .submissionrowitemblank {
    background: none;
  }

  .submissionrowitem:first-child {
    border-left: none;
  }

  .submissionreport .submissionreportrowtitle {
    font-size: $medium;
    color: $c-black2;
    padding: 0 10px;
    display: block;
    float: left;
    width: 140px;
    background: $c-lturquoise;
    min-height: 30px;
    position: relative;
    margin-right: 5px;
    position: relative;
  }

  .submissionreport .submissionrowitemblank .submissionreportrowtitle {
    background: $c-white3;
  }

  .submissionreport .submissionrowitem:first-child .submissionreportrowtitle {
    width: 180px;
  }

  .submissionreport .submissionreportrowtitle2 {
    display: table-cell;
    float: none;
    vertical-align: top;
  }

  .submissionreport .assignToOptions {
    display: table;
    float: none;
  }

  #assignTo {
    margin-left: 5px;
  }

  .submissionreport .submissionreportrowtitle span {
    display: block;
    height: 30px;
    line-height: 30px;
    float: left;
  }

  .submissionreport .submissionreportrowcontent {
    margin-left: 0;
    float: left;
    background: $c-white3;
    min-height: 26px;
    padding: 2px 0;
    min-width: 252px;
  }

  .submissionreport .submissionreportrowcontent .submissionselectrow {
    padding-top: 4px;
  }

  div[id^='biOption_1'] .biOptionBox {
    padding-top: 4px !important;
  }

  .submissionreport .submissionreportrowcontent .submissionselectrow:first-child {
    padding-top: 0;
  }

  .submissionreport .submissionreport-row .duedateoption {
    float: left;
  }

  .submissionreport .submissionreport-row .duedateoptionspace {
    margin-left: 10px;
  }

  .submissionreport .submissionrowinput .form-control {
    @include border-radius(0);
    display: block;
    height: 26px;
    line-height: 24px;
    font-size: $medium;
    color: $c-black2;
    margin: 0;
    padding: 0 15px 0 15px;
    border: 1px solid $c-border;
    background: $c-input;
  }

  .submissionreport .radio {
    float: left;
    height: 26px;
    padding: 0;
    margin: 0;
    position: relative;
  }

  .submissionreport .timeselect {
    float: left;
    height: 26px;
    line-height: 26px;
    width: 300px;
    margin: 0;
    padding: 0;
  }

  .submissionreport .timeselect .btn-calendar {
    width: 25px;
    height: 26px;
    display: block;
    float: left;
    cursor: pointer;
    margin-right: 10px;
  }

  .submissionreport .timeselect span {
    float: left;
    font-size: $medium;
    color: $c-black2;
    margin-bottom: 0;
  }

  .textto,
  .textin {
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    font-size: $medium;
    color: $c-black2;
    margin-left: 10px;
  }

  .textin {
    margin-right: 10px;
  }

  .submissionreport .submissionreport-row .datechangebox {
    float: left;
    /* width: 94px;*/
    height: 26px;
  }

  .submissionreport .submissionreport-row .datechangebox .btn-plus,
  .submissionreport .submissionreport-row .datechangebox .btn-minus {
    height: 26px;
    width: 26px;
    display: block;
    float: left;
    background: $c-lsky2;
    border: 1px solid $c-border;
    cursor: pointer;
  }

  .submissionreport .submissionreport-row .datechangebox .btn-plus {
    margin-left: -1px;
    background: $c-lsky2 url(../images/chi-plus.svg) no-repeat center center;
  }

  .submissionreport .submissionreport-row .datechangebox .btn-minus {
    margin-right: -1px;
    background: $c-lsky2 url(../images/chi-minus.svg) no-repeat center center;
  }

  .submissionreport .submissionreport-row .datechangebox .form-control {
    height: 26px;
    width: 36px;
    font-size: $medium;
    border: 1px solid $c-border;
    border-radius: 0;
    float: left;
    padding: 0 5px;
    text-align: center;
    display: block;
  }

  .submissionreport .submissionreport-row .radio label {
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    padding-left: 10px;
    display: block;
    font-size: $medium;
    color: $c-black2;
    float: left;
    display: block;
  }

  .submissionreport .submissionreport-row .radio label:after {
    content: '';
    display: table;
    clear: both;
  }

  .submissionreport .submissionreport-row .radio .cr {
    position: relative;
    display: block;
    background: #37c5ab;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    line-height: 26px;
    float: left;
    margin: 5px 5px 0 0;
  }

  .submissionreport .submissionreport-row .radio .cr i {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 100%;
    background: $c-black;
    opacity: .55;
  }

  .submissionreport .submissionreport-row .radio label input[type="radio"] {
    display: none;
  }

  .submissionreport .submissionreport-row .radio label input[type="radio"] + .cr > i {
    opacity: 0;
    transition: all .3s ease-in;
  }

  .submissionreport .submissionreport-row .radio.active label input[type="radio"] + .cr > i {
    opacity: .55;
  }

  .submissionreport .submissionreport-row .radio label input[type="radio"]:checked + .cr > i {
    opacity: .55;
  }

  .submissionreport .submissionreport-row .radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
  }

  .submissionreport .submissionreport-row .radio .cr.color1 {
    background: #37c5ab;
  }

  .submissionreport .submissionreport-row .radio .cr.color2 {
    background: #5c6bc0;
  }

  .submissionreport .submissionreport-row .radio .cr.color3 {
    background: #ffd600;
  }

  .submissionreport .submissionreport-row .radio .cr.color4 {
    background: #ba68c8;
  }

  .submissionreport .submissionreport-row .radio .cr.color5 {
    background: #ef5350;
  }

  .submissionreport .submissionreport-row .radio .cr.color6 {
    background: #26c6da;
  }

  .submissionreport .submissionreport-row .radio .cr.color7 {
    background: #78909c;
  }

  .submissionreport .submissionreport-row .radio .cr.color8 {
    background: #fc91ad;
  }

  .submissionreport .submissionreport-row .radio .cr.color9 {
    background: #fb8c00;
  }

  .submissionreport .submissionreport-row .radio .cr.color10 {
    background: #80cbc4;
  }

  .submissionreport .submissionreport-row .radio .cr.color11 {
    background: #c0ca33;
  }

  .submissionreport .submissionreport-row .radio .cr.color12 {
    background: #ff7043;
  }

  .submissionreport .submissionreport-row .radio .cr.color13 {
    background: #3d5afe;
  }

  .submissionreport .submissionreport-row .radio .cr.color14 {
    background: #ff66cc
  }

  .submissionreport .submissionreport-row .radio .cr.color15 {
    background: #69f0ae
  }

  .submissionreport .submissionreport-row .radio .cr.color16 {
    background: #ffccbc
  }

  .submissionreport .submissionreport-row .radio {
    width: 125px;
  }

  .submissionreport .submissionreport-row .radio.monthradio {
    width: 130px;
  }

  .submissionreport .submissionreport-row .radio-small {
    width: 91px !important;
    background: none !important;
    margin-right: 1px;
    margin-left: 5px;
  }

  .submissionreport .submissionreport-row .radio-large {
    width: 236px !important;
    background: none !important;
    margin-right: 1px;
    margin-left: 5px;
  }

  .submissionreport .submissionreport-row .radio-large2 {
    width: 225px !important;
    background: none !important;
    margin-right: 1px;
    margin-left: 5px;
  }

  .submissionreport .submissionreport-row .radio-large3 {
    width: 175px !important;
    background: none !important;
    margin-right: 1px;
    margin-left: 5px;
  }

  .submissionreport .submissionreport-row .check {
    left: 729px;
    position: absolute;
    padding-left: 26px;
    height: 26px;
    line-height: 26px;
  }

  .submissionreport .submissionreport-row .ncheck {
    padding: 0;
    margin: 0 auto;
    cursor: pointer;
    display: block;
    font-size: $medium;
    position: relative;
    overflow: hidden;
    height: 26px;
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
  }

  .submissionreport .submissionreport-row .ncheck input {
    position: absolute;
    opacity: 0;
  }

  .submissionreport .submissionreport-row .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid $c-border;
    background-color: $c-white;
    display: block;
  }

  .submissionreport .submissionreport-row .ncheck:hover input ~ .checkmark {
    background-color: $c-white;
  }

  .submissionreport .submissionreport-row .ncheck input:checked ~ .checkmark {
    background-color: $c-white;
  }

  .submissionreport .submissionreport-row .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .submissionreport .submissionreport-row .ncheck input:checked ~ .checkmark:after {
    display: block;
  }

  .submissionreport .submissionreport-row .ncheck .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #4ca354;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .submissionreport .submissionradio-row .radio.active,
  .submissionreport .submissionradio-row .radio:hover {
    @include linear-gradient(#ebebeb, #d1d1d1);
  }

  .submissionreport .submissionreportrowcontent .submissionselectrow {
    padding-top: 4px;
  }

  .submissionreport .submissionfilterbox {
    float: left;
    width: 220px;
    margin-bottom: 0;
    margin-right: 10px;
  }

  .submissionreport .submissionfilterbox .form-control {
    height: 26px;
    width: 150px;
    display: block;
  }

  .submissionreport .multiselect {
    border: none;
    width: 220px;
    border-radius: 0;
    height: 26px;
    line-height: 24px;
    padding: 0 6px;
    border: 1px solid $c-border;
    text-align: left;
    float: left;
    font-size: $medium;
    color: $c-black2;
    background: $c-white;
  }

  .submissionreport .btn-group.open .dropdown-toggle {
    background: $c-white;
  }

  .submissionreport .multiselect-container,
  .submissionreport .multiselect-container li {
    padding: 0;
    margin: 0;
    width: 220px;
    min-width: 0;
    border-radius: 0;
  }

  .submissionreport .multiselect-container li label {
    background: $c-white !important;
    color: $c-black2;
    height: 26px;
    line-height: 26px;
  }

  .submissionreport .multiselect-container li.active label {
    background: $c-white url(../images/icon-tick.png) no-repeat 97% center !important;
    color: $c-black2;
  }

  .submissionreport .multiselect-container li label {
    margin-right: 0;
  }

  .submissionreport .multiselect-container > li > a > label.radio > input[type=radio] {
    display: none !important;
  }

  .submissionreport .multiselect-container > li > a > label > input[type=checkbox] {
    display: none !important;
  }

  .submissionreport .multiselect-container > li > a > label {
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
  }

  .submissionreport .multiselect-native-select {
    margin-left: 0px;
  }

  .submissionreport .multiselect-native-select .multiselect .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0;
    vertical-align: middle;
    border-top: 6px solid $c-black !important;
    border-right: 3px solid transparent !important;
    border-left: 3px solid transparent !important;
    top: 10px;
    right: 5px;
  }

  .submissionreport .submissionweekday {
    width: 120px;
    float: left;
    margin-bottom: 0;
  }

  .submissionreport .submissionweekday .multiselect {
    width: 120px;
  }

  .submissionreport .submissionweekday .multiselect-container,
  .submissionreport .submissionweekday .multiselect-container li {
    width: 120px;
  }

  .submissionreport .submissionweekday .multiselect-container li.active label {
    background: $c-white url(../images/icon-tick.png) no-repeat 90px center !important;
    color: $c-black2;
  }

  .submissionreport .submissionweek {
    width: 70px;
    float: left;
    margin-bottom: 0;
  }

  .submissionreport .submissionweek .multiselect {
    width: 70px;
  }

  .submissionreport .submissionweek .multiselect-container,
  .submissionreport .submissionweek .multiselect-container li {
    width: 70px;
  }

  .submissionreport .submissionweek .multiselect-container li.active label {
    background: $c-white url(../images/icon-tick.png) no-repeat 50px center !important;
    color: $c-black2;
  }

  .submissionreport .submissionweek .weekinput {
    @include border-radius(0);
    display: block;
    height: 26px;
    line-height: 24px;
    font-size: $medium;
    color: $c-black2;
    width: 70px !important;
    max-width: 70px !important;
    margin: 0 10px 0 0;
    padding: 0 10px 0 10px;
    border: 1px solid $c-border;
  }

  .submissionreport .normaltext,
  .submissionreport .normaltext2 {
    font-size: $medium;
    color: $c-black2;
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
    padding: 0 10px 0 5px
  }

  .submissionreport .normaltext2 {
    padding-right: 0;
  }

  .submissionreport .submissionoption {
    position: relative;
    display: block;
    padding: 0;
  }

  .submissionreport .submissionoption small {
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    font-size: $medium;
    color: $c-black2;
    position: relative;
    padding: 0 0 0 34px;
    width: 124px;
  }

  .submissionreport .submissionoption small small {
    float: none;
    width: 100%;
    padding: 0;
  }

  .submissionreport .submissionoption .ncheck {
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: block;
    font-size: $medium;
    position: relative;
  }

  .submissionreport .submissionoption .ncheck {
    position: absolute;
    left: 10px;
    top: 4px;
  }

  .submissionreport .submissionoption .ncheck input {
    position: absolute;
    opacity: 0;
  }

  .submissionreport .submissionoption .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    display: block;
    border: 1px solid #4ca354;
    background-color: $c-white;
  }

  .submissionreport .submissionoption .ncheck:hover input ~ .checkmark {
    background-color: $c-white;
  }

  .submissionreport .submissionoption .ncheck input:checked ~ .checkmark {
    background-color: $c-white;
  }

  .submissionreport .submissionoption .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .submissionreport .submissionoption .ncheck input:checked ~ .checkmark:after {
    display: block;
  }

  .submissionreport .submissionoption .ncheck .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #4ca354;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .submissionreport .optionhidecontent {
    display: none;
  }

  .submissionreportonetime .optionhidecontent.onetimeshow {
    display: block;
  }

  .submissionreportweek .optionhidecontent.weekshow {
    display: block;
  }

  .submissionreportmonth .optionhidecontent.monthshow {
    display: block;
  }

  .submissionreport #datepicker3,
  .submissionreport #datepicker4,
  .submissionreport #datepicker5,
  .submissionreport #datepicker6 {
    z-index: 100;
    padding: 1px 0;
    height: 28px;
    width: 160px;
    position: relative;
  }

  .submissionreport #datepicker3 {
    z-index: 104;
  }

  .submissionreport #datepicker4 {
    z-index: 103;
  }

  .submissionreport #datepicker5 {
    z-index: 102;
  }

  .submissionreport #datepicker6 {
    z-index: 101;
  }

  .submissionreport #datepicker3 .table-condensed > tbody > tr > td,
  .submissionreport #datepicker4 .table-condensed > tbody > tr > td,
  .submissionreport #datepicker5 .table-condensed > tbody > tr > td,
  .submissionreport #datepicker6 .table-condensed > tbody > tr > td {
    padding: 0 0;
    line-height: 22px;
  }

  .submissionreport #datepicker3 .btn-calendar,
  .submissionreport #datepicker4 .btn-calendar,
  .submissionreport #datepicker5 .btn-calendar,
  .submissionreport #datepicker6 .btn-calendar {
    position: absolute;
    left: 0 !important;
    top: 0;
    z-index: 0;
  }

  .submissionreport #datepicker3 .form-control,
  .submissionreport #datepicker4 .form-control,
  .submissionreport #datepicker5 .form-control,
  .submissionreport #datepicker6 .form-control {
    border-radius: 0;
    height: 24px;
    width: 160px;
    border: none;
    font-family: $base-font;
    font-size: $medium;
    font-weight: 400;
    color: $c-black2;
    padding-left: 34px;
    background: url(../images/icon-calendar.png) no-repeat 0 -2px !important;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 0;
    position: relative;
  }

  .submissionreport #datepicker3 .input-group-addon,
  .submissionreport #datepicker4 .input-group-addon,
  .submissionreport #datepicker5 .input-group-addon,
  .submissionreport #datepicker6 .input-group-addon {
    opacity: 0;
    border: none;
  }

  .submissionreport #datepicker3 .dropdown-menu,
  .submissionreport #datepicker4 .dropdown-menu,
  .submissionreport #datepicker5 .dropdown-menu,
  .submissionreport #datepicker6 .dropdown-menu {
    left: 0 !important;
  }

  .submissionreport .fiscalpopup {
    width: 460px;
    z-index: 1000;
    background: $c-white;
    margin: 0 10px 6px 187px;
  }

  .submissionreport .bluegradientbar2 {
    border: none;
    min-height: 28px;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
    @include linear-gradient(#b7deff, #99bbd7);
  }

  .submissionreport .normaltext2 {
    font-size: $medium;
    color: $c-black2;
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
    padding: 0 10px;
  }

  .submissionreport-title h2 span {
    width: 180px;
    height: 28px;
    padding: 0 10px;
    display: block;
    float: left;
    cursor: pointer;
  }

  .submissionreport-title h2 span.active {
    @include linear-gradient(#b1bdeb, #7c8ecd);
  }

  #submissionListPopup {
    display: none;
  }
  .reportpopup{
    position: fixed !important;
    left: 68% !important;;
    top: 37%;
    transform: translate(-50%, -50%) !important;;
    z-index: 10000 !important;
    width: 460px !important;
    margin: 0 !important;;
    padding: 0 !important;

  }
  .reportpopup-content .input-daterange .datepicker .table-condensed  tr td{
    line-height:20px !important;
    padding : 2px 0px 0px 2px !important;
  }

  .submissionreport-content2 {
    display: none;
  }

  .submissiontable-content {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0;
  }

  .submissiontable-content .table-content {
    width: 100%;
    z-index: 10;
    margin-top: 6px;
    position: relative;
  }

  .submissiontable-content .fiscalpopup2 {
    width: 460px;
    background: $c-white;
    overflow: hidden;
    float: none;
    margin: 0 auto;
    display: none;
    position: relative;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
  }

  .submissiontable-content .table-content {
    padding: 0;
  }

  .table-content .input-group-addon {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 26px;
  }

  .table-content .datepicker7 .table-condensed > tbody > tr > td,
  .table-content .datepicker8 .table-condensed > tbody > tr > td,
  .table-content .datepicker9 .table-condensed > tbody > tr > td {
    text-align: center;
    font-size: 14px !important;
    line-height: 22px !important;
    padding: 0 !important;
  }

  .table-content .submission-action {
    @include flexbox();
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    height: 100%;
    padding: 2px 0;
    width: 62px;
    margin: 0 auto;
  }

  .table-content .submission-action > span {
    display: block;
    border: none;
    float: left;
    width: 30px;
  }

  .table-content .submission-action span {
    float: none;
    margin: 0 auto;
  }

  .table-content .submission-action .btn-deactive,
  .table-content .submission-action .btn-save,
  .table-content .submission-action .btn-edit,
  .table-content .submission-action .btn-add,
  .table-content .submission-action .btn-restore,
  .table-content .submission-action .btn-delete {
    margin: 0;
    padding: 0;
    width: 30px;
    min-height: 22px;
    display: block;
    float: left;
    cursor: pointer;
  }

  .table-content .submission-action .btn-save {
    background: url(../images/icon-save.png) no-repeat center center;
    -webkit-background-size: auto 22px;
    background-size: auto 22px;
  }

  .table-content .submission-action .btn-edit {
    background: url(../images/icon-edit.png) no-repeat center center;
    -webkit-background-size: auto 24px;
    background-size: auto 24px;
  }

  .table-content .submission-action .btn-delete {
    background: url(../images/minus.png) no-repeat center center;
    -webkit-background-size: auto 24px;
    background-size: auto 24px;
    float: right;
  }

  .table-content .submission-action .btn-deactive {
    background: url(../images/icon-deactive2.png) no-repeat center center;
    -webkit-background-size: auto 24px;
    background-size: auto 24px;
  }

  .table-content .submission-action .btn-restore {
    background: url(../images/icon-restore.png) no-repeat center center;
    -webkit-background-size: auto 24px;
    background-size: auto 24px;
  }

  .table-content .submision-name .form-control,
  .table-content .submission-date .form-control {
    @include border-radius(0);
    font-size: $medium;
    color: $c-black2;
    height: 26px;
    display: block;
  }

  .table-content .submision-name .form-control {
    line-height: 24px;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 10px;
    border: 1px solid $c-border;
    background: $c-input;
  }

  .table-content .submission-date .form-control {
    width: 140px;
    border: none;
    padding: 0 10px 0 40px;
    background: url(../images/icon-calendar.png) no-repeat 3px 0 !important;
    -webkit-background-size: 25px auto !important;
    background-size: 25px auto !important;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .table-content .submission-date span {
    float: left;
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: $medium;
    padding: 0 10px 0 10px;
  }

  .submissiontable-content .table > tbody > tr > td .icon-calendar {
    width: 30px;
    display: block;
    float: left;
    padding: 0;
  }

  .submissiontable-content .table > tbody > tr > td .icon-calendar img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }

  .submissiontable-content .table tr td {
    font-size: $medium;
    line-height: 26px;
    color: #363a39;
    text-align: left;
    padding: 2px 8px !important;
    margin: 0;
  }

  .submissiontable-content .table tr td:first-child {
    text-align: center;
  }

  .submissiontop {
    margin: 16px auto 0 auto;
    padding: 0 0 0 0;
  }

  .submissioncolumn {
    width: 240px;
    margin: 0 0 0 40px;
    position: relative;
    padding-bottom: 30px;
  }

  .submissioncolumncontent {
    /*  height: 700px;
      overflow: auto;
      position: absolute;*/
    width: 100%;
    min-height: 30px;
  }

  .submissioncolumnbutton {
    padding-bottom: 0;
  }

  .submissiontable-content .table-content .floatThead-container .floatThead-table {
    margin-right: 13px !important;
  }

  .table.newtable {
    margin-bottom: 0;
  }

  .table.newtable tr th,
  .table.newtable tr td {
    white-space: nowrap;
  }

  .table.newtable tr td .submission-date,
  .table.newtable tr td .submission-action {
    @include flexbox();
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .table.newtable tr td .submission-date {
    min-width: 140px;
  }

  .table tr th {
    font-weight: normal;
    // font-size: $medium;
    font-family: $base-font-semibold;
  }

  /* submission ui7 */
  .submissiontop2 .submissioncolumncontent {
    /*max-height: 270px;*/
  }

  .submissioncolumncontent h4 {
    height: 26px;
    line-height: 24px;
    font-size: $medium;
    color: $c-black2;
    display: block;
    padding: 0 25px;
    border: 1px solid $c-border;
    position: relative;
    cursor: pointer;
    margin: 4px 0 0 0;
    @include linear-gradient(#eeeeee, #dddddd);
  }

  .submissioncolumncontent h4:before {
    content: '';
    position: absolute;
    top: 0;
    right: 5px;
    width: 0;
    height: 0;
    margin-top: 7px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #5b759b;
  }

  .submissioncolumncontent h4.active:before {
    border-top: 0;
    border-bottom: 10px solid #5b759b;
  }

  .submissiondropdown2 {
    display: none;
  }

  .submission-status {
    overflow: hidden;
  }

  .submissionstatusrow {
    margin: 6px 0 10px 0;
    overflow: hidden;
  }

  .submissiontitle,
  .submissionlist span {
    font-size: $medium;
    color: $c-black2;
    padding: 0 10px;
    display: block;
    float: left;
    background: #f9f9f9;
    height: 26px;
    line-height: 26px;
    position: relative;
    margin-right: 5px;
    position: relative;
    text-align: center;
  }

  .submissiontitle {
    background: $c-lturquoise;
  }

  .submissionlist span {
    margin-left: 5px;
    margin-right: 0;
    min-width: 110px;
  }

  .submissionlist span:first-child {
    margin-left: 0;
    min-width: 110px;
  }

  .submissionlist span.active {
    background: $c-lturquoise;
  }

  .submissionstatusrow .radio label {
    min-width: 120px;
  }

  .submissiontable-content .table tr td.action,
  .submissiontable-content .table.newtable td.action {
    padding: 0 !important;
    overflow: hidden;
  }

  .submissiontable-content .table.newtable td.action .action-complete,
  .submissiontable-content .table.newtable td.action .action-pending,
  .submissiontable-content .table.newtable td.action .action-overdue,
  .submissiontable-content .table.newtable td.action .actuals-unlock,
  .submissiontable-content .table.newtable td.action .action-submit {
    font-size: $medium;
    font-weight: 400;
    display: block;
    text-align: center;
    padding: 2px 8px !important;
    margin: 0 0 0 1px;
    height: 100%;
  }

  .submissiontable-content .table.newtable td.action .action-complete {
    background: #bae18f;
    color: #006600;
  }

  .submissiontable-content .table.newtable td.action .action-pending {
    background: #fbdc5a;
    color: #ff4507;
  }

  .submissiontable-content .table.newtable td.action .action-overdue {
    background: #ff1919;
    color: $c-white;
  }

  .submissiontable-content .table.newtable td.overdue {
    color: #ff1919;
  }

  .submissiontable-content .table.newtable td.action .action-submit {
    background: #31859c;
    color: $c-white;
  }

  .submissiontable-content .table.newtable td.action.disabled .action-submit {
    background: #a6a6a6;
    color: $c-white;
  }

  .submissiontable-content .table.newtable td.action .actuals-unlock {
    background: #26c6da;
    color: $c-white;
  }

  .newtable .icon img {
    max-height: 26px;
    width: auto;
    margin: 0 auto;
  }

  /* common radio button start */
  .common-row .radio label {
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    padding-left: 10px;
    display: block;
    font-size: $medium;
    color: $c-black2;
    float: left;
    display: block;
  }

  .common-row .radio label:after {
    content: '';
    display: table;
    clear: both;
  }

  .common-row .radio .cr {
    position: relative;
    display: block;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    line-height: 26px;
    float: left;
    margin: 5px 5px 0 0;
  }

  .common-row .radio .cr i {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 100%;
    background: $c-black;
    opacity: .55;
  }

  .common-row .radio label input[type="radio"] {
    display: none;
  }

  .common-row .radio label input[type="radio"] + .cr > i {
    opacity: 0;
    transition: all .3s ease-in;
  }

  .common-row .radio.active label input[type="radio"] + .cr > i {
    opacity: .55;
  }

  .common-row .radio label input[type="radio"]:checked + .cr > i {
    opacity: .55;
  }

  .common-row .radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
  }

  .common-row .cr.color1 {
    background: #37c5ab;
  }

  .common-row .cr.color2 {
    background: #5c6bc0;
  }

  .common-row .cr.color3 {
    background: #ffd600;
  }

  .common-row .cr.color4 {
    background: #ba68c8;
  }

  .common-row .cr.color5 {
    background: #ef5350;
  }

  .common-row .cr.color6 {
    background: #26c6da;
  }

  .common-row .cr.color7 {
    background: #78909c;
  }

  .common-row .cr.color8 {
    background: #fc91ad;
  }

  .common-row .cr.color9 {
    background: #fb8c00;
  }

  .common-row .cr.color10 {
    background: #80cbc4;
  }

  .common-row .cr.color11 {
    background: #c0ca33;
  }

  .common-row .cr.color12 {
    background: #ff7043;
  }

  .common-row .cr.color13 {
    background: #3d5afe;
  }

  .common-row .cr.color14 {
    background: #ff66cc;
  }

  .common-row .cr.color15 {
    background: #69f0ae;
  }

  .common-row .cr.color16 {
    background: #ffccbc;
  }

  .common-row .radio.active,
  .common-row .radio:hover {
    @include linear-gradient(#ebebeb, #d1d1d1);
  }

  /* common radio button end */

  .submissiontable-content .table.submissiontable1 tr.borderbggray td {
    border-top: 1px solid $c-gray2;
  }

  .submissiontable-content .table.submissiontable1 tr td {
    background: #f9f9f9;
    color: $c-black;
    border-top: 1px solid $c-white;
  }

  .submissiontable-content .table.submissiontable1 tr td {
    text-align: left;
  }

  .submissiontable-content .table.submissiontable1 tr td.cellbggray {
    @include linear-gradient(#ebebeb, #d1d1d1);
  }

  .submissiontable-content .table.submissiontable1 tr td.cellbgblue {
    background: #99ffcc;
  }

  .submissionreport .submissionreport-title2 {
    margin-bottom: 0;
  }

  .submissiontable-content .table tr.trsort th {
    position: relative;
  }

  .submissiontopstatus {
    overflow: hidden;
    margin-bottom: 5px;
  }

  .submissiontopstatusrow {
    overflow: hidden;
    margin-bottom: 5px;
  }


  .submissiontable-content.submissiontable-content3 {
    display: block !important;
  }

  .cellinline {
    @include flexbox();
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start
  }

  .cellinline .icon {
    float: left;
    margin-right: 10px;
    width: 27px;
  }

  .submissiontop2 {
    padding: 0 0 0 0;
  }

  .submissiontop2 .submissioncolumn {
    padding-bottom: 4px;
    min-height: 0;
    margin-bottom: 0px;
  }

  .submissiongroupsbox a.active {
    background: $c-gray2;
    color: $c-black;
  }

  /*  normalmultipleselect  common */
  .normalmultipleselect {
    position: relative;
    z-index: 10;
  }

  .normalmultipleselect .form-control {
    border-radius: 0;
    border: none;
    background: $c-white3;
  }

  .normalmultipleselect span.multiselect-native-select {
    position: relative;
    display: block;
    margin: 0 !important;
    background: none !important;
  }

  .normalmultipleselect .multiselect,
  .normalmultipleselect .dropdown-toggle,
  .normalmultipleselect .btn,
  .normalmultipleselect .btn-default,
  .normalmultipleselect .multiselect-native-select,
  .normalmultipleselect .multiselect-native-select .multiselect {
    width: 100% !important;
    display: block;
    border: none;
    border-radius: 0;
    height: 26px;
    line-height: 26px;
    padding: 0 0;
    text-align: left;
    font-size: $medium;
    color: $c-black2;
    background: $c-white3;
  }

  .normalmultipleselect .multiselect-native-select {
    width: 100% !important;
    padding: 0;
  }

  .normalmultipleselect .multiselect-native-select .btn-group {
    display: block;
    margin-bottom: 0;
  }

  .normalmultipleselect .btn-group.open .dropdown-toggle {
    background: $c-white3;
  }

  .normalmultipleselect .multiselect-container {
    top: 26px;
  }

  .normalmultipleselect .multiselect-container,
  .normalmultipleselect .multiselect-container li {
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: 0;
    border-radius: 0;
    color: $c-black2;
  }

  .normalmultipleselect .multiselect-container li a,
  .normalmultipleselect .multiselect-container li.active a {
    background: none;
  }

  .normalmultipleselect .multiselect-container li.active label {
    height: 21px;
    line-height: 21px;
    display: block;
    color: $c-black2;
  }

  .normalmultipleselect .multiselect-container li.active label {
    background: url(../images/icon-tick.png) no-repeat 98% center !important;
    color: $c-black2;
  }

  .normalmultipleselect .multiselect-container li label {
    margin-right: 0;
    color: $c-black2;
  }

  .normalmultipleselect .radio {
    background: none !important;
    color: $c-black2;
  }

  .normalmultipleselect .multiselect-container > li > a > label.radio > input[type=radio] {
    display: none !important;
  }

  .normalmultipleselect .multiselect-container > li > a > label > input[type=checkbox] {
    display: none !important;
  }

  .normalmultipleselect .multiselect-container > li > a > label {
    height: 21px;
    line-height: 21px;
    padding: 0 10px;
  }

  .normalmultipleselect .multiselect-native-select .multiselect .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0;
    vertical-align: middle;
    border-top: 6px solid $c-black !important;
    border-right: 3px solid transparent !important;
    border-left: 3px solid transparent !important;
    top: 10px;
    right: 5px;
  }

  .normalmultipleselect .multiselect-native-select .multiselect-selected-text {
    text-align: center;
    display: block;
    float: none;
  }

  .normalmultipleselect .input-group {
    display: none;
  }

  #submissionCriteriaPopup {
    display: none;
  }

  @media(min-width: 768px) {
    .modal-dialog {
      margin: 0px !important;
    }
  }
  #globalStatusBar {
    width: 60% !important;
    margin-left: 351px !important;
    margin-top: 5px;
  }
  .submissionreport-title h2 {
    width: 90%;
  }
  .submissionreport-title.showWhiteSpace h2 {
    white-space: pre-wrap;
  }
  .criteriaName {
    width: 245px;
  }

  .submissionListModalDialog {
    margin: 25% auto !important;
    padding-left: 60px;
  }
  .displayNone {
    display: none !important;
  }
  .displayBlock {
    display: block !important;
  }

  .submissionButtonLeftMargin {
    margin: 0px;
  }
  .clearBoth {
    clear: both;
  }
  .biDisplay {
    width: 220px;
    padding-left: 10px;
    float: left;
    margin-top: 10px
  }

  #submissionConfirmationWrapper .modal-content {
    margin-left: 100% !important;
  }
  .nameWidth {
    max-width: 200px
  }
  .columnWidth {
    max-width: 150px
  }
  .submissionModeWidth {
    min-width: 50px !important;
  }
  .nameOnCriteriaWidth {
    width: 430px;
  }
  .unlockRequestedOnWidth {
    width: 140px;
  }
  .unlockButtonsWidth {
    width: 135px;
  }
  .statusWidth{
    width: 135px;
  }

  #trackSubmissionTable {
    tr > td {
      overflow: hidden;
      text-overflow: ellipsis;
    }

  }
  .customMargin {
    margin-left: 123px;
  }
  .marginZero {
    margin: 0px !important;
  }
  .paddingZero {
    padding: 0px !important;
  }
  .calenderDays {
    margin-left: 2px !important;
  }
  .longTextWidth {
    width: 195px !important;
  }
  .businessTypesStyle {
    width: 130px !important;
  }
  .textAlignCenter {
    text-align: center !important;
  }
  .mediumSizeColumn {
    width: 140px !important;
  }
  .smallSizeColumn {
    width: 90px !important;
  }
  .largeSizeColumn {
    width: 300px !important;
  }
}

#submissionCriteriaPopup.ui-dialog.ui-dialog-content, #submissionListPopup.ui-dialog.ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: unset !important;
}

.overflowHidden {
  overflow-x: hidden;
}

/* new code */
.newSubmission {
  .submission-content {
    padding: 0 15px;
  }
  .icon {
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    position: relative;
    cursor: pointer;
    i {
      display: block;
      position: relative;
      width: 100%;
      height: 24px;
      background-position: center center;
    }
  }
  .submissionreport {
    max-width: 100%;
  }

  .table tr th,
  .table tr td {
    font-weight: normal;
    font-size: $medium;
  }
  .table tr th {
    font-family: $base-font-semibold;
  }
  .table tr td {
    font-family: $base-font;
  }
  .table tr th,
  .table tr td {
    min-width: 100px;
  }

  td:nth-child(1), td:nth-child(2), td:nth-child(4) {
    font-size: 0px !important;
  }
  .borderbggray td:nth-child(1), .borderbggray td:nth-child(2), .borderbggray td:nth-child(4) {
    font-size: $medium !important;
  }

  .submissiontable-content .table.newtable td.action .complete-off {
    background: $c-gray6;
    color: $c-white;
  }
}

.unlock-button{
  background-color:#CBCED7;
  color: #010105 !important;
  padding: 4px 20px;
  &:hover {
    background-color:#80CBC4;
    padding: 4px 20px;
    color: #010105 !important;
  }
}