@font-face {
  font-family: 'Roboto-Regular';
  src: url("../../css/fonts/Roboto-Medium.eot");
  src: url("../../css/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'gantter-font';
  src: url("../fonts/gantter-font.eot?yve1cl");
  src: url("../fonts/gantter-font.eot?yve1cl#iefix") format("embedded-opentype"), url("../fonts/gantter-font.ttf?yve1cl") format("truetype"), url("../fonts/gantter-font.woff?yve1cl") format("woff"), url("../fonts/gantter-font.svg?yve1cl#gantter-font") format("svg");
  font-weight: normal;
  font-style: normal;
}
html.iqui2 .boxy-inner .title-bar .close:before, .gantterfont, [class^="gicon-"], [class*=" gicon-"], .gridPostBar .gridButtons > [title="Edit Subscription"]:before, .gridPostBar .gridButtons > [title="Edit Ad"]:before, .gridPostBar .gridButtons > [title="Delete"]:before, .gridPostBar .gridButtons > [title="Refresh"]:before, .gridPostBar #idAdd > [title="Create"]:before {
  font-family: "gantter-font" !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
}
.sequencenumber-cls li.active .text-cls,
.sequencenumber-cls li.completed .text-cls {
    color: #55B147 !important
}
.sequencenumber-cls li.active .number-cls div,
.sequencenumber-cls li.completed .number-cls div{
    background: #55B147;
    border: 1px solid #55B147;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: 0px 0px 0px -7px !important;
    color: #fff;
}
.gicon-refreshUsers:before {
  font-size: 20px;
  content: "\e906";
}
.gicon-addUsers:before {
  font-size: 20px;
  content: "\e901";
}
.gicon-removeUsers:before {
  font-size: 20px;
  content: "\e903";
}
.gicon-search:before {
  font-size: 20px;
  content: "\e913";
}
.x + .gicon-search:before {
  content: "\e90d";
}
.gridPostBar .gridButtons > [title="Edit Subscription"]:before {
  font-size: 20px;
  font-weight: normal;
  content: "\e905";
}
.gridPostBar .gridButtons > [title="Edit Ad"]:before {
  font-size: 20px;
  font-weight: normal;
  content: "\e904";
}
.gridPostBar .gridButtons > [title="Delete"]:before {
  font-size: 20px;
  font-weight: normal;
  content: "\e903";
}
.gridPostBar .gridButtons > [title="Refresh"]:before {
  font-size: 20px;
  font-weight: normal;
  content: "\e906";
}
.gridPostBar #idAdd > [title="Create"]:before {
  font-size: 20px;
  font-weight: normal;
  content: "\e901";
}
.gantter-resources img {
  width: 240px;
}
.fig-ui .purchase-info .progressbar li {
  font-size: 16pt;
  color: #666666;
  float: left;
  white-space: normal;
  word-break: break-all;
  max-width: 230px;
  padding: 3px 0px;
}
.fig-ui .purchase-info .progressbar li:first-child:before {
  content: url("../img/1-green.png");
}
.fig-ui .purchase-info .progressbar li:nth-child(2):before {
  content: url("../img/2-grey.png");
}
.fig-ui .purchase-info .progressbar li:nth-child(3):before {
  content: url("../img/3-grey.png");
}
.fig-ui .purchase-info .progressbar li:nth-child(4):before {
  content: url("../img/4-grey.png");
}
.fig-ui .purchase-info .progressbar .icon:before {
  border: none;
  background: none;
  padding: 0 48px 0 0;
  vertical-align: -78%;
  float: left;
}
.fig-ui .purchase-info .progressbar .progressoption {
    vertical-align: -webkit-baseline-middle;
    display: table;
    top: 7px;
    line-height: 1.5;
}
.fig-ui .purchase-info .progressbar li.active:first-child:before {
  content: url("../img/1-green.png");
}
.fig-ui .purchase-info .progressbar li.active:nth-child(2):before {
  content: url("../img/2-green.png");
}
.fig-ui .purchase-info .progressbar li.active:nth-child(3):before {
  content: url("../img/3-green.png");
}
.fig-ui .purchase-info .progressbar li.active:nth-child(4):before {
  content: url("../img/4-green.png");
}
.fig-ui .purchase-info .progressbar .icon.completed:before {
  content: url("../img/tick.png");
}
.fig-ui .purchase-info .progressbar li.completed {
  color: #C4C4C4;
}
.fig-ui .progressbar .icon.active {
  color: #418A3D;
}
.fig-ui .paymentflow {
  padding-top: 0;
}
.fig-ui .paymentflow a {
  color: #0E64CF;
}
.fig-ui .cvv .info {
  width: 20px;
  height: 20px;
  font-size: 17px;
  line-height: 20px;
  background: #FFFFFF;
}
html.admin .boxy-wrapper .success.confirm-contents.clearfix.boxy-content, html.sax .boxy-wrapper .success.confirm-contents.clearfix.boxy-content, html.filemanager .boxy-wrapper .success.confirm-contents.clearfix.boxy-content, html.iqui2 .boxy-wrapper .success.confirm-contents.clearfix.boxy-content {
    background-color: transparent !important;
    text-align: left;
}
.payment-box {
  height: 33.8em;
}
#error-popup #pnlValidationSummary {
  padding: 0;
}
.ui-jqgrid .ui-jqgrid-btable {
  width: 623px !important;
}
.squarebox {
  position: relative;
  padding-bottom: 14px;
}
.squarebox input[type='checkbox'] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.squarebox label {
  cursor: pointer;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #FFFFFF;
  color: #999999;
  border: 2px solid #757575;
  line-height: 13px;
  text-indent: 37px;
  white-space: nowrap;
}
.squarebox label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 7px;
  height: 3px;
  background: transparent;
  top: 3px;
  left: 2px;
  border: 2px solid #FFFFFF;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.squarebox label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.5;
}
.squarebox input[type=checkbox]:checked + label {
  background: #059cdf;
  border-color: transparent;
}
.squarebox input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.squarebox-doubleinput {
  position: relative;
  padding-bottom: 14px;
}
.squarebox-doubleinput input[type='checkbox'] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.squarebox-doubleinput label {
  cursor: pointer;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #FFFFFF;
  color: #999999;
  border: 2px solid #757575;
  line-height: 13px;
  text-indent: 37px;
  white-space: nowrap;
}
.squarebox-doubleinput label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 7px;
  height: 3px;
  background: transparent;
  top: 3px;
  left: 2px;
  border: 2px solid #FFFFFF;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.squarebox-doubleinput label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.5;
}
.squarebox-doubleinput input[type=checkbox]:first-child:checked + input + label {
  background: #3F51B5;
  border-color: transparent;
}
.squarebox-doubleinput input[type=checkbox]:first-child:checked + input + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.gantter-toolbar-logo .iqWidgetBranding > span {
  background: url("../../figmints/img/gantter-googleapps-popup-logo.png");
  height: 40px;
  width: 120px;
  padding: 0;
  text-indent: -999px;
}
.gantterdrive-toolbar-logo .iqWidgetBranding > span {
  background: url("../../figmints/img/gantter-popup-logo-whitebg.png");
    height: 40px;
    width: 167px;
    padding: 0;
    text-indent: -999px;
    background-size: 150px !important;
    background-repeat: no-repeat !important;
    background-position: 7px 4px !important;
    border: 0px solid;
    text-shadow: none;
}
.border .iqWidgetTitlebar.js-ifwtoolbar .js-ifwclose:before {
  font-size: 16px !important;
  color: #A3A3A3;
  vertical-align: middle;
}
.border .iqWidgetTitlebar.js-ifwtoolbar .js-ifwclose { 
  padding: 0;
  margin: 10px 0px;
}
.border.iqWidgetLight .gantter-toolbar-logo {
  padding: 10px 16px 10px 24px;
}
.newsubscription-billingdetails {
    width: 100%;
    float: left;
    margin-top: 41px;
}
.newsubscription-paymentdetails {
    width: 100%;
    float: left;
    margin-top: 200px;
}
.checkoutBtn {
    float: right;
    margin-top: 129px;
}
.checkoutBtn.subscriptionbtn input.submit {
    background: #0E64CF !important;
    border-color: #1471c2 !important;
    width: 103px !important;
    height: 33px;
}
.checkoutBtn.subscriptionbtn input.submit:hover {
    background: #1f77e6 !important;
    border-color: #1471c2 !important;
}
.subscription-bottomsection {
    float: left;
    position: relative;
    margin-top: 48px;
  width:100%;
}

.half.one.columns.frequencySelector.positionRight {
    float: right;
}
html.iqui2 .boxy-wrapper .boxy-inner .warning.confirm-contents.clearfix.boxy-content {
  background: #FFFFFF !important;
}
html.iqui2 .boxy-wrapper .warning  .answer-buttons .button,  html.iqui2 .boxy-wrapper .success  .answer-buttons .button {
  background: #0E64CF !important;
  text-shadow: none;
  padding: 9px 46px;
  line-height: 3;
  text-decoration: none;
}
html.iqui2 .boxy-wrapper .answer-buttons .OK .button {
  padding: 9px 20px;
  }
html.iqui2 .boxy-wrapper .warning  .answer-buttons .button:hover, html.iqui2 .boxy-wrapper .success  .answer-buttons .button:hover {
  background: #1f77e6 !important;
}
html.iqui2 .boxy-wrapper .boxy-inner .title-bar {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #eee;
}
html.iqui2 .boxy-inner .boxy-content {
  border: none;
}
html.iqui2 .boxy-inner .title-bar .gantter-popup-logo {
  content: url(../img/gantter-googleapps-popup-logo.png);
}
html.iqui2 .boxy-wrapper .boxy-inner .title-bar a.close {
    background: none;
    font-weight: normal;
    color: #A3A3A3;
}
html.iqui2 .boxy-wrapper .boxy-inner .title-bar .close:hover {
    color: #0E64CF;
}
html.iqui2 .boxy-inner .title-bar .close:before {
  content: "\e90d";
}
html.iqui2 .boxy-wrapper .warning.confirm-contents.clearfix.boxy-content .text {
  line-height: 2;
}
#billingDetailsForm input#btnChange {
    background: url(../img/edit.png) no-repeat center!important;
    cursor: pointer;
    padding: 5px;
    height: 27px;
    width: 28px !important;
    float: right;
    position: absolute;
    top: -78px;
    left: -43px;
    border: 1px solid #059cdf;
    border-radius: 50%;
}
/*.iqWidgetBranding {
    height: 50px;
    color: #007fc6;
}*/

/* User Update Start */
 .gantter-logo-title {
  background: url(../img/gantter-googleapps-popup-logo.png) no-repeat;
  height: 40px; 
}

.iqui2 .boxy-wrapper .boxy-inner .success.confirm-contents {
  padding: 30px;
}

.iqui2 .boxy-wrapper .boxy-inner .success.confirm-contents .text {
    text-align: center;
    padding: 30px;
    background: none;
    font-size: 16px;
}
/* User Update End */

@media (min-height: 500px) and (max-height: 620px) {
  .newsubscription-billingdetails {
      margin-top: 15px;
  }
  .subscription-bottomsection{
    margin-top: 0px;
  }
  .subscription-bottomsection p {
      margin-bottom: 55px;
      margin-top:0px;
  }
  /*
  .newsubscription-paymentdetails {
      margin-top: 229px;
  }*/
  .checkoutBtn {
      margin-top: 34vh;
  }

  .subscription-bottomsection {
   margin-top: 25px !important;
  }
  .subscription-bottomsection h2{
    margin-top: 5px !important;
  }
  .subscription-bottomsection .savings {
    margin-top: -2px!important;
  } 
}





.sequencenumber-cls li {
    text-align: center;
    border-radius: 1em;
    background: #fff;
    margin: 0 4.8em;
    display: inline-block;
    color: #333;
    position: relative;
    padding: 10px;
}

.sequencenumber-cls li .text-cls {
    position: absolute;
    word-wrap: break-word;
    width: max-content;
    display: block;
    margin-left: -26px;
    font-size: 11px;
    color: #b6b6b6;
    margin-top: 7px;
    font-family: 'Poppins';
}

.sequencenumber-cls li::before {
    content: '' !important;
    position: absolute;
    top: 0.7em;
    left: -11em;
    width: 11.3em;
    height: 0.1em;
    background: #ededed;
    z-index: -1;
}


.sequencenumber-cls li:first-child::before {
    display: none;
}



.sequencenumber-cls li {
    background: #fff;
    border: 1px solid #55B147;
    width: 28px;
    height: 28px;
    border-radius: 50%;
}


.sequencenumber-cls li .number-cls div {
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-weight: bold;
    color: #55B147;
    font-family: "Roboto-Regular";
    line-height: 1.2;
    width: 0px;
    margin-left: -2px;
    margin-top: 1px;
}

.column-right.form-column .chooseplan-section .costdetails .savings {
    display: none;
}
.sequencenumber-cls .number-cls {
    margin-top: -7px;
}
.sequencenumber-cls li.active .text-cls {
    color: #333;
}
.sequencenumber-cls li.active .number-cls div {
    background: #55B147;
    border: 1px solid #55B147;
    border-radius: 50%;
    width: 21px;
    height: 21px;
    margin: 0px 0px 0px -7px !important;
    color: #fff;
}
.subscription-Headercategory.sequencenumber-cls ul {
    margin-left: 0px !important;
    padding-left: 0px;
}

.sequencenumber-cls li:nth-child(1) {
    margin-left: 37px;
}

.sequencenumber-cls li:nth-child(4) {
    margin-right: 0px;
}
.sequencenumber-cls li.active .text-cls {
    font-weight: bold;
}
.fig-ui.subscriptionUI-cls .paymentflow{
     width: 98% !important;
}
.gantter-cloud-toolbar-logo.gantter-public-toolbar-logo .iqWidgetBranding > span {
    background: url(https://cloudstaging.gantter.com/ganttercloud/images/logos/gantter-popup-logo-whitebg.png);
    height: 51px;
    width: 220px;
    padding: 0;
    text-indent: -999px;
    background-size: 128px;
    background-repeat: no-repeat;
    background-position: 11px 5px;
}
.gantter-payment .fig-ui .paymentflow input#quantity {
    border-width: 0px;
    padding: 5px;
    margin-left: 0px;
    border-bottom-width: 1px;
    border: 1px solid #dbdbdb;
}
.fig-ui label {
    cursor: pointer;
    display: block;
}
/*input#selectedPromotionID {
    width: 14em;
    margin: 0px;
    float: left;
    height: 30px;
    border: 1px solid #dbdbdb;
      border-radius: 3px;
}*/
input#promoAction {
    background: none;
    border: none;
    font-size: 1em;
    cursor: pointer;
    width: 30%;
    text-align: left;
    padding-left: 10px;
    margin: 0em;
    color: #059cdf;
    padding-top: 0px;
    font-size: 14px;
}

.gantter-payment .fig-ui .paymentflow input#quantity {
    border-width: 0px;
    padding: 5px;
    margin-left: 0px !important;
    border-bottom-width: 1px;
    border: 1px solid #dbdbdb !important;
}
.gantter-payment .fig-ui .paymentflow .toolbar-btn-cls input.button:disabled,
.gantter-payment .fig-ui .paymentflow .toolbar-btn-cls input.button[disabled] {
    color: #6E6E6E !important;
    opacity: 0.8;
}

.gantter-payment .fig-ui .paymentflow .toolbar-btn-cls input.button {
    background: #059cdf;
    color: #FFFFFF;
    text-shadow: none;
    width: auto;
    padding: 8px 20px;
    white-space: normal;
    word-break: break-all;
    border: 1px solid #059cdf !important;
    float: right;
      text-transform: uppercase;
}
.sequencenumber-cls li:nth-child(3) .text-cls {
    padding-left: 7px;
}
.fig-ui .progressbar li.completed:before,
.fig-ui .progressbar li.active:before {
  content: '\2713';
  background: #00be75;
  border-color: #00be75;
  color: #fff;
}
.subscription-bottomsection.newsubscription-paymentdetails .subQuantity {
    width: 35%;
    float: right;
    margin-top: 16px;
}
@font-face {
  font-family: 'gantter-account-setting';
  src:  url('fonts/gantter-account-setting.eot?4ryoqz');
  src:  url('fonts/gantter-account-setting.eot?4ryoqz#iefix') format('embedded-opentype'),
    url('fonts/gantter-account-setting.ttf?4ryoqz') format('truetype'),
    url('fonts/gantter-account-setting.woff?4ryoqz') format('woff'),
    url('fonts/gantter-account-setting.svg?4ryoqz#gantter-account-setting') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'gantter-account-setting' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.gantter-payment .fig-ui .paymentflow.billing-details-view .subscription-bottomsection.newsubscription-paymentdetails .subQuantity {
    margin-top: -17px;
}
.subscription-bottomsection .quantitylist span:nth-child(2) {
    font-size: 13px;
    color: #000;
    display: contents;
}
.subscription-trailVersion .sequencenumber-cls li::before {
    content: '' !important;
    position: absolute;
    top: 0.6em;
    left: -12em;
    width: 13.3em;
    height: 0.1em;
    background: #ededed;
    z-index: -1;
}
.subscription-trailVersion .sequencenumber-cls li {
    text-align: center;
    border-radius: 1em;
    background: #fff;
    margin: 0px 5.6em;
    display: inline-block;
    color: #333;
    position: relative;
    padding: 10px;
}
.subscription-trailVersion .sequencenumber-cls li:nth-child(1) {
    margin-left: 110px !important;
}
.subscription-bottomsection .subQuantity {
    width: 39% !important;
    float: right;
}
.subscription-bottomsection.newsubscription-paymentdetails .subQuantity {
    width: 35% !important;
    float: right;
    margin-top: 0px;
}

.chooseplan-section .plandetails {
    display: flex;
    /* flex-direction: column; */
    margin: 26px 0px 0px 72px;
    padding: 10px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    min-height: 90px;
    min-width: 180px;
    align-items: baseline;
    justify-content: space-between;
      cursor: pointer;
}

.subscription-bottomsection .emaildetails {
    max-width: 230px;
    padding: 4px;
    background-color: #fff9cc;
    border: 1px solid #ecda57;
    border-radius: 4px;
    color: #333;
    top: 30px;
  font-size: 12px;
}
.gantter-payment .fig-ui .paymentflow input {
    border-width: 0;
    border: 1px solid #D8D8D7;
    color: #666666;
    font-size: 10pt;
    padding-left: 3px;
    margin-bottom: 11px;
}
.gantter-payment .fig-ui .fs-title {
    border: none;
    margin: 0px;
}
.subscription-bottomsection .TotalQuantity {
    width: 100%;
    display: block;
}

.subscription-bottomsection .subQuantity {
    width: 33%;
    float: right;
}

.subscription-bottomsection .quantitylist span:nth-child(1) {
    font-size: 15px;
    color: #858585;
    padding-right: 10px;
}
.subscription-bottomsection .quantitylist span:nth-child(2) {
    font-size: 15px;
    color: #000
}
.toolbar-btn-cls {
    margin-top: 11px;
    margin-bottom: 22px !important;
}
.chooseplan-section {
    display: flex;
    float: left;
    align-items: center;
}
.subscription-bottomsection .toolbar-btn-cls input.button.back.action.blue {
    margin-right: 20px;
    background: #959595 !important;
    border: 1px solid #959595 !important;
    box-shadow: none !important;
}
div#promoContainer {
    float: left;
    margin: 0px;
    width: 100%;
    height: 77px !important;
}
p#promoHeader {
    font-size: 1em;
    line-height: 0.5;
    margin: 10px 0px !important;
}
.subscription-bottomsection .emaildetails {
    max-width: 230px;
    padding: 4px;
    background-color: #fff9cc;
    border: 1px solid #ecda57;
    border-radius: 4px;
    color: #333;
}
.chooseplan-section .costdetails {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    line-height: 1.72;
}

.chooseplan-section .plandetails input {margin-top: 0px !important;vertical-align: top;}

.chooseplan-section .plandetails.active {
        border-color: #059cdf;
    background-color: #e0f1ff5c;
}

.chooseplan-section .costdetails .cost {
    font-weight: bold;
}

.subscription-trailVersion .sequencenumber-cls li:nth-child(4) {
    margin-right: 2em !important;
}

.subscription-trailVersion .subscription-Headercategory.sequencenumber-cls ul {
    margin-top: 15px;
    display: block;
}
.licenses.fieldsetnew legend {
    font-size: 15px;
}
.gantter-payment .fig-ui .paymentflow .fieldsetnew #quantity {
        margin-bottom: 2px !important;
    border: 0px solid !important;
    margin-top: 0px;
}

.fig-ui .paymentflow .licenses.fieldsetnew fieldset {
    border: 1px solid #dbdbdb;
    position: relative;
    width: auto;
    margin: 0 0 5px 0;
    padding: 0px 0px 0px 10px;
    border-radius: 3px;
    min-width: 181px;
    max-width: fit-content;
}
.subscription-trailVersion .sequencenumber-cls li:nth-child(1) {
    margin-left: 1.8em !important;
}
.subscription-trailVersion .sequencenumber-cls li {
    text-align: center;
    border-radius: 1em;
    background: #fff;
    margin: 0px 4.7em 0px 4.7em !important;
    display: inline-block;
    color: #333;
    position: relative;
    padding: 10px;
}
.subscription-trailVersion .sequencenumber-cls li::before {
    content: '' !important;
    position: absolute;
    top: 0.6em;
    left: -11em !important;
    width: 11.3em !important;
    height: 0.1em;
    background: #ededed;
    z-index: -1;
}
.fig-ui.subscriptionUI-cls.subscription-trailVersion .paymentflow {
    padding: 0px !important;
}

.fig-ui .paymentflow .licenses.fieldsetnew.subscription-billingandPayment fieldset {
    border: 1px solid #dbdbdb;
    position: relative;
    width: auto;
    margin: 0 0 5px 0;
    padding: 0px 0px 4px 10px;
    border-radius: 3px;
    min-width: 181px;
    max-width: none;
    display: block;
    height: 44px;
}
.licenses.fieldsetnew.subscription-billingandPayment legend {
    font-size: 11px;
    color: #818181;
    text-align: left;
}
.gantter-payment .fig-ui .paymentflow .subscription-billingandPayment input {
    border-width: 0;
    border: 1px solid #D8D8D7;
    color: #333;
    font-size: 10pt;
    padding-left: 3px;
    margin: 0px 0px 3px 0px;
    width: 100%;
    border: 0px solid;
    padding: 0px 0px 0px 3px;
}
.licenses.fieldsetnew.subscription-billingandPayment.subscription-paymentcls {
    width: 80%;
}
.fig-ui .subscription-billingandPayment.subscription-paymentcls .cvv .info {
    position: absolute;
    top: 2px;
    right: -26px;
}
#purchase .licenses.fieldsetnew.subscription-billingandPayment.subscription-paymentcls fieldset {
    position: relative;
    width: 75% !important;
    margin: 0px 4px !important;
    position: relative;
}
#purchase .subscription-paymentcls.licenses fieldset input {
    width: auto;
    margin-right: 5px;
    width: 97px;
    position: relative;
}
.gantter-cloud-settings .add-user-btn:before {
    background: none;
    content: 'ADD';
    color: #fff;
    background-color: #059cdf !important;
    width: 49px;
    height: 21px;
    position: absolute;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    padding-top: 8px;
    font-size: 12px;
    border-radius: 3px;
    box-shadow: 0px 2px 3px #dbdbdb;
    margin-left: 11px;
}
.gantter-cloud-settings .add-user-btn {
    background-image: none !important;
    background-color: transparent !important;
    filter: none !important;
}
.gantter-cloud-settings .add-user-btn.is-invalid:before {
    background-color: #ababab !important
}
.iqWidgetTitlebar.gantterdrive-toolbar-logo.js-ifwtoolbar.dragdrop {
    display: block;
}
.license-update-success.confirm-contents.clearfix.boxy-content {
    height: 101px;
}

.license-update-success.confirm-contents.clearfix.boxy-content {
    background: url(../img/confirmationtickmark.gif);
    background-repeat: no-repeat;
    background-position: 11px 18px;
    background-size: 30px;
}

.license-update-success.confirm-contents.clearfix.boxy-content p.text {
    padding-top: 14px;
    padding-left: 42px;
}

.license-update-success.confirm-contents.clearfix.boxy-content .OK a.button {
    background: #059cdf !important;
    border-radius: 3px !important;
    padding: 7px 17px;
    margin-right: 11px;
    top: 18px !important;
}
.prompt-noadmin.confirm-contents.clearfix.boxy-content {
    height: 127px;
}

.prompt-noadmin.confirm-contents.clearfix.boxy-content {
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNODMzLjQzOSA5MTAuNjU2aC02NDIuODEyYy0wLjA3NSAwLTAuMTc0IDAtMC4yNjkgMC00MS41MDcgMC03Ny42NjctMjIuODg4LTk2LjU1NC01Ni43MzFsLTAuMjg1LTAuNTYzYy05LjU0My0xNi40MTgtMTUuMTc2LTM2LjEyNC0xNS4xNzYtNTcuMTQ5IDAtMjEuMDcxIDUuNjU2LTQwLjgyNCAxNS41MzktNTcuODE1bC0wLjI5NSAwLjU1IDMyMS40MDYtNTY4LjM4NmMxOS4zMDUtMzQuMzY5IDU1LjUyNC01Ny4yMTQgOTcuMDc5LTU3LjIxNHM3Ny43NzQgMjIuODQ2IDk2Ljc5MyA1Ni42NTZsMC4yODYgMC41NTkgMzIxLjM2NCA1NjguMzg2YzkuNTUxIDE2LjQ0OCAxNS4xOTEgMzYuMTk2IDE1LjE5MSA1Ny4yNTZzLTUuNjQgNDAuODA4LTE1LjQ4NyA1Ny44MTJsMC4yOTYtMC41NTZjLTE5LjIxIDM0LjM1My01NS4zNTggNTcuMTg4LTk2Ljg0NSA1Ny4xODgtMC4wNzUgMC0wLjE2IDAtMC4yMzUgMGgwLjAxNHpNNTEyLjAxMyAxODcuMTAyYy0wLjExNS0wLjAwMS0wLjI0NS0wLjAwMi0wLjM3NS0wLjAwMi0xNC42NDEgMC0yNy4zODMgOC4xMjktMzMuOTYyIDIwLjExNmwtMC4xMDEgMC4yMDEtMzIxLjQ0OCA1NjguMzk5Yy0zLjQyMSA1Ljg0Mi01LjQ0OCAxMi44NjMtNS40NDggMjAuMzU2czIuMDE4IDE0LjUxOCA1LjU1NCAyMC41NTJsLTAuMTA1LTAuMTkyYzYuNzU3IDEyLjE5NiAxOS41NTkgMjAuMzE2IDM0LjI1NiAyMC4zMTYgMC4wODkgMCAwLjE3NyAwIDAuMjc0LTAuMDAxaDY0Mi44MDJjMC4wNzUgMC4wMDEgMC4xNTkgMC4wMDEgMC4yNDIgMC4wMDEgMTQuNjc2IDAgMjcuNDY0LTguMTIyIDM0LjEwMi0yMC4xMTZsMC4xMDItMC4yYzMuNDQxLTUuODM3IDUuNDcxLTEyLjg1OSA1LjQ3MS0yMC4zNTZzLTIuMDMwLTE0LjUyMy01LjU3NS0yMC41NDlsMC4xMDQgMC4xODktMzIxLjM0LTU2OC4zNTRjLTYuNzEzLTEyLjIyMS0xOS41MDMtMjAuMzU5LTM0LjE4Ny0yMC4zNTktMC4xMjUgMC0wLjI0MSAwLjAwMS0wLjM2NiAwLjAwMmgwLjAyMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNNTE4LjE2NyA2MjguNDY1Yy0yMC4zNTYgMC0zNi44Ni0xNi41MDYtMzYuODYtMzYuODZ2MC0yMDMuMTg5YzAtMjAuMzc2IDE2LjUxOS0zNi44OTggMzYuODk4LTM2Ljg5OHMzNi44OTggMTYuNTE5IDM2Ljg5OCAzNi44OTh2MCAyMDMuMTQxYzAgMC4wMTUgMCAwLjAyNSAwIDAuMDQyIDAgMjAuMzU2LTE2LjUwNiAzNi44Ni0zNi44NiAzNi44Ni0wLjAyNSAwLTAuMDQ1IDAtMC4wNzIgMGgwLjAwNHoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNNTYyLjQyNSA3MTQuNTAyYzAgMjQuNDUyLTE5LjgyMiA0NC4yNzUtNDQuMjc1IDQ0LjI3NXMtNDQuMjc1LTE5LjgyMi00NC4yNzUtNDQuMjc1YzAtMjQuNDUyIDE5LjgyMi00NC4yNzUgNDQuMjc1LTQ0LjI3NXM0NC4yNzUgMTkuODIyIDQ0LjI3NSA0NC4yNzV6Ij48L3BhdGg+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: 12px 28px;
    background-size: 30px;
}

.prompt-noadmin.confirm-contents.clearfix.boxy-content p.text {
    padding-top: 26px;
    padding-left: 43px;
    font-size: 13px;
    margin-bottom: 17px;
}

.prompt-noadmin.confirm-contents.clearfix.boxy-content .OK a.button {
    background: #059cdf !important;
    border-radius: 3px !important;
    padding: 7px 17px;
    margin-right: 11px;
    top: 18px !important;
}

.warning.confirm-contents.clearfix.boxy-content,
.error.confirm-contents.clearfix.boxy-content{
    height: 121px;
}

html.iqui2 .boxy-wrapper .boxy-inner .warning.confirm-contents.clearfix.boxy-content .text,
html.iqui2 .boxy-wrapper .boxy-inner .error.confirm-contents.clearfix.boxy-content .text{
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNODMzLjQzOSA5MTAuNjU2aC02NDIuODEyYy0wLjA3NSAwLTAuMTc0IDAtMC4yNjkgMC00MS41MDcgMC03Ny42NjctMjIuODg4LTk2LjU1NC01Ni43MzFsLTAuMjg1LTAuNTYzYy05LjU0My0xNi40MTgtMTUuMTc2LTM2LjEyNC0xNS4xNzYtNTcuMTQ5IDAtMjEuMDcxIDUuNjU2LTQwLjgyNCAxNS41MzktNTcuODE1bC0wLjI5NSAwLjU1IDMyMS40MDYtNTY4LjM4NmMxOS4zMDUtMzQuMzY5IDU1LjUyNC01Ny4yMTQgOTcuMDc5LTU3LjIxNHM3Ny43NzQgMjIuODQ2IDk2Ljc5MyA1Ni42NTZsMC4yODYgMC41NTkgMzIxLjM2NCA1NjguMzg2YzkuNTUxIDE2LjQ0OCAxNS4xOTEgMzYuMTk2IDE1LjE5MSA1Ny4yNTZzLTUuNjQgNDAuODA4LTE1LjQ4NyA1Ny44MTJsMC4yOTYtMC41NTZjLTE5LjIxIDM0LjM1My01NS4zNTggNTcuMTg4LTk2Ljg0NSA1Ny4xODgtMC4wNzUgMC0wLjE2IDAtMC4yMzUgMGgwLjAxNHpNNTEyLjAxMyAxODcuMTAyYy0wLjExNS0wLjAwMS0wLjI0NS0wLjAwMi0wLjM3NS0wLjAwMi0xNC42NDEgMC0yNy4zODMgOC4xMjktMzMuOTYyIDIwLjExNmwtMC4xMDEgMC4yMDEtMzIxLjQ0OCA1NjguMzk5Yy0zLjQyMSA1Ljg0Mi01LjQ0OCAxMi44NjMtNS40NDggMjAuMzU2czIuMDE4IDE0LjUxOCA1LjU1NCAyMC41NTJsLTAuMTA1LTAuMTkyYzYuNzU3IDEyLjE5NiAxOS41NTkgMjAuMzE2IDM0LjI1NiAyMC4zMTYgMC4wODkgMCAwLjE3NyAwIDAuMjc0LTAuMDAxaDY0Mi44MDJjMC4wNzUgMC4wMDEgMC4xNTkgMC4wMDEgMC4yNDIgMC4wMDEgMTQuNjc2IDAgMjcuNDY0LTguMTIyIDM0LjEwMi0yMC4xMTZsMC4xMDItMC4yYzMuNDQxLTUuODM3IDUuNDcxLTEyLjg1OSA1LjQ3MS0yMC4zNTZzLTIuMDMwLTE0LjUyMy01LjU3NS0yMC41NDlsMC4xMDQgMC4xODktMzIxLjM0LTU2OC4zNTRjLTYuNzEzLTEyLjIyMS0xOS41MDMtMjAuMzU5LTM0LjE4Ny0yMC4zNTktMC4xMjUgMC0wLjI0MSAwLjAwMS0wLjM2NiAwLjAwMmgwLjAyMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNNTE4LjE2NyA2MjguNDY1Yy0yMC4zNTYgMC0zNi44Ni0xNi41MDYtMzYuODYtMzYuODZ2MC0yMDMuMTg5YzAtMjAuMzc2IDE2LjUxOS0zNi44OTggMzYuODk4LTM2Ljg5OHMzNi44OTggMTYuNTE5IDM2Ljg5OCAzNi44OTh2MCAyMDMuMTQxYzAgMC4wMTUgMCAwLjAyNSAwIDAuMDQyIDAgMjAuMzU2LTE2LjUwNiAzNi44Ni0zNi44NiAzNi44Ni0wLjAyNSAwLTAuMDQ1IDAtMC4wNzIgMGgwLjAwNHoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNNTYyLjQyNSA3MTQuNTAyYzAgMjQuNDUyLTE5LjgyMiA0NC4yNzUtNDQuMjc1IDQ0LjI3NXMtNDQuMjc1LTE5LjgyMi00NC4yNzUtNDQuMjc1YzAtMjQuNDUyIDE5LjgyMi00NC4yNzUgNDQuMjc1LTQ0LjI3NXM0NC4yNzUgMTkuODIyIDQ0LjI3NSA0NC4yNzV6Ij48L3BhdGg+Cjwvc3ZnPgo=) !important;
    background-repeat: no-repeat !important;
    background-position: 6px 17px !important;
    background-size: 28px !important;
    background-color: transparent !important;
        padding: 17px 0 16px 42px !important;
}
html.iqui2 .boxy-wrapper .boxy-inner .error.confirm-contents.clearfix.boxy-content .text{  padding: 23px 0 16px 42px !important;}
.warning.confirm-contents.clearfix.boxy-content p.text,
.error.confirm-contents.clearfix.boxy-content p.text{
    padding-top: 26px;
    padding-left: 43px;
    font-size: 13px;
    margin-bottom: 5px;
}

.warning.confirm-contents.clearfix.boxy-content .OK a.button,
.error.confirm-contents.clearfix.boxy-content .OK a.button{
    background: #059cdf !important;
    border-radius: 3px !important;
    padding: 7px 17px;
    margin-right: 11px;
    top: 18px !important;
}

.success.confirm-contents.clearfix.boxy-content {
    height: 78px !important;
}

.success.confirm-contents.clearfix.boxy-content {
    background: url(../img/confirmationtickmark.gif);
    background-repeat: no-repeat;
    background-position: 12px 24px;
    background-size: 30px;
    padding: 0px !important;
}

.success.confirm-contents.clearfix.boxy-content p.text {
    padding-top: 14px;
    padding-left: 42px;
}

.success.confirm-contents.clearfix.boxy-content .OK a.button {
    background: #059cdf !important;
    border-radius: 3px !important;
    padding: 7px 17px;
    margin-right: 11px;
    top: 18px !important;
}
.iqui2 .boxy-wrapper .boxy-inner .success.confirm-contents .text {
    text-align: left;
    padding: 30px 58px;
    background: none;
    font-size: 16px;
}


.prompt-insufficient-license.confirm-contents.clearfix.boxy-content {
    height: 127px !important;
    padding: 11px !important;
}
.prompt-insufficient-license.confirm-contents.clearfix.boxy-content {
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNODMzLjQzOSA5MTAuNjU2aC02NDIuODEyYy0wLjA3NSAwLTAuMTc0IDAtMC4yNjkgMC00MS41MDcgMC03Ny42NjctMjIuODg4LTk2LjU1NC01Ni43MzFsLTAuMjg1LTAuNTYzYy05LjU0My0xNi40MTgtMTUuMTc2LTM2LjEyNC0xNS4xNzYtNTcuMTQ5IDAtMjEuMDcxIDUuNjU2LTQwLjgyNCAxNS41MzktNTcuODE1bC0wLjI5NSAwLjU1IDMyMS40MDYtNTY4LjM4NmMxOS4zMDUtMzQuMzY5IDU1LjUyNC01Ny4yMTQgOTcuMDc5LTU3LjIxNHM3Ny43NzQgMjIuODQ2IDk2Ljc5MyA1Ni42NTZsMC4yODYgMC41NTkgMzIxLjM2NCA1NjguMzg2YzkuNTUxIDE2LjQ0OCAxNS4xOTEgMzYuMTk2IDE1LjE5MSA1Ny4yNTZzLTUuNjQgNDAuODA4LTE1LjQ4NyA1Ny44MTJsMC4yOTYtMC41NTZjLTE5LjIxIDM0LjM1My01NS4zNTggNTcuMTg4LTk2Ljg0NSA1Ny4xODgtMC4wNzUgMC0wLjE2IDAtMC4yMzUgMGgwLjAxNHpNNTEyLjAxMyAxODcuMTAyYy0wLjExNS0wLjAwMS0wLjI0NS0wLjAwMi0wLjM3NS0wLjAwMi0xNC42NDEgMC0yNy4zODMgOC4xMjktMzMuOTYyIDIwLjExNmwtMC4xMDEgMC4yMDEtMzIxLjQ0OCA1NjguMzk5Yy0zLjQyMSA1Ljg0Mi01LjQ0OCAxMi44NjMtNS40NDggMjAuMzU2czIuMDE4IDE0LjUxOCA1LjU1NCAyMC41NTJsLTAuMTA1LTAuMTkyYzYuNzU3IDEyLjE5NiAxOS41NTkgMjAuMzE2IDM0LjI1NiAyMC4zMTYgMC4wODkgMCAwLjE3NyAwIDAuMjc0LTAuMDAxaDY0Mi44MDJjMC4wNzUgMC4wMDEgMC4xNTkgMC4wMDEgMC4yNDIgMC4wMDEgMTQuNjc2IDAgMjcuNDY0LTguMTIyIDM0LjEwMi0yMC4xMTZsMC4xMDItMC4yYzMuNDQxLTUuODM3IDUuNDcxLTEyLjg1OSA1LjQ3MS0yMC4zNTZzLTIuMDMwLTE0LjUyMy01LjU3NS0yMC41NDlsMC4xMDQgMC4xODktMzIxLjM0LTU2OC4zNTRjLTYuNzEzLTEyLjIyMS0xOS41MDMtMjAuMzU5LTM0LjE4Ny0yMC4zNTktMC4xMjUgMC0wLjI0MSAwLjAwMS0wLjM2NiAwLjAwMmgwLjAyMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNNTE4LjE2NyA2MjguNDY1Yy0yMC4zNTYgMC0zNi44Ni0xNi41MDYtMzYuODYtMzYuODZ2MC0yMDMuMTg5YzAtMjAuMzc2IDE2LjUxOS0zNi44OTggMzYuODk4LTM2Ljg5OHMzNi44OTggMTYuNTE5IDM2Ljg5OCAzNi44OTh2MCAyMDMuMTQxYzAgMC4wMTUgMCAwLjAyNSAwIDAuMDQyIDAgMjAuMzU2LTE2LjUwNiAzNi44Ni0zNi44NiAzNi44Ni0wLjAyNSAwLTAuMDQ1IDAtMC4wNzIgMGgwLjAwNHoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNNTYyLjQyNSA3MTQuNTAyYzAgMjQuNDUyLTE5LjgyMiA0NC4yNzUtNDQuMjc1IDQ0LjI3NXMtNDQuMjc1LTE5LjgyMi00NC4yNzUtNDQuMjc1YzAtMjQuNDUyIDE5LjgyMi00NC4yNzUgNDQuMjc1LTQ0LjI3NXM0NC4yNzUgMTkuODIyIDQ0LjI3NSA0NC4yNzV6Ij48L3BhdGg+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: 12px 33px;
    background-size: 30px;
}
.prompt-insufficient-license.confirm-contents.clearfix.boxy-content p.text {
    padding-top: 14px;
    padding-left: 42px;
}
.prompt-insufficient-license.confirm-contents.clearfix.boxy-content .OK a.button {
    background: #059cdf !important;
    border-radius: 3px !important;
    padding: 7px 17px;
    margin-right: 11px;
    top: -1px !important;
    position: relative;
}
.iqui2 .boxy-wrapper .boxy-inner .prompt-insufficient-license.confirm-contents .text {
    text-align: left;
    padding: 30px 0px 30px 41px;
    background: none;
    font-size: 16px;
    font-size: 14px;
}
.license-update-error.confirm-contents.clearfix.boxy-content {
    height: 127px !important;
    padding: 11px !important;
}
.license-update-error.confirm-contents.clearfix.boxy-content {
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNODMzLjQzOSA5MTAuNjU2aC02NDIuODEyYy0wLjA3NSAwLTAuMTc0IDAtMC4yNjkgMC00MS41MDcgMC03Ny42NjctMjIuODg4LTk2LjU1NC01Ni43MzFsLTAuMjg1LTAuNTYzYy05LjU0My0xNi40MTgtMTUuMTc2LTM2LjEyNC0xNS4xNzYtNTcuMTQ5IDAtMjEuMDcxIDUuNjU2LTQwLjgyNCAxNS41MzktNTcuODE1bC0wLjI5NSAwLjU1IDMyMS40MDYtNTY4LjM4NmMxOS4zMDUtMzQuMzY5IDU1LjUyNC01Ny4yMTQgOTcuMDc5LTU3LjIxNHM3Ny43NzQgMjIuODQ2IDk2Ljc5MyA1Ni42NTZsMC4yODYgMC41NTkgMzIxLjM2NCA1NjguMzg2YzkuNTUxIDE2LjQ0OCAxNS4xOTEgMzYuMTk2IDE1LjE5MSA1Ny4yNTZzLTUuNjQgNDAuODA4LTE1LjQ4NyA1Ny44MTJsMC4yOTYtMC41NTZjLTE5LjIxIDM0LjM1My01NS4zNTggNTcuMTg4LTk2Ljg0NSA1Ny4xODgtMC4wNzUgMC0wLjE2IDAtMC4yMzUgMGgwLjAxNHpNNTEyLjAxMyAxODcuMTAyYy0wLjExNS0wLjAwMS0wLjI0NS0wLjAwMi0wLjM3NS0wLjAwMi0xNC42NDEgMC0yNy4zODMgOC4xMjktMzMuOTYyIDIwLjExNmwtMC4xMDEgMC4yMDEtMzIxLjQ0OCA1NjguMzk5Yy0zLjQyMSA1Ljg0Mi01LjQ0OCAxMi44NjMtNS40NDggMjAuMzU2czIuMDE4IDE0LjUxOCA1LjU1NCAyMC41NTJsLTAuMTA1LTAuMTkyYzYuNzU3IDEyLjE5NiAxOS41NTkgMjAuMzE2IDM0LjI1NiAyMC4zMTYgMC4wODkgMCAwLjE3NyAwIDAuMjc0LTAuMDAxaDY0Mi44MDJjMC4wNzUgMC4wMDEgMC4xNTkgMC4wMDEgMC4yNDIgMC4wMDEgMTQuNjc2IDAgMjcuNDY0LTguMTIyIDM0LjEwMi0yMC4xMTZsMC4xMDItMC4yYzMuNDQxLTUuODM3IDUuNDcxLTEyLjg1OSA1LjQ3MS0yMC4zNTZzLTIuMDMwLTE0LjUyMy01LjU3NS0yMC41NDlsMC4xMDQgMC4xODktMzIxLjM0LTU2OC4zNTRjLTYuNzEzLTEyLjIyMS0xOS41MDMtMjAuMzU5LTM0LjE4Ny0yMC4zNTktMC4xMjUgMC0wLjI0MSAwLjAwMS0wLjM2NiAwLjAwMmgwLjAyMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNNTE4LjE2NyA2MjguNDY1Yy0yMC4zNTYgMC0zNi44Ni0xNi41MDYtMzYuODYtMzYuODZ2MC0yMDMuMTg5YzAtMjAuMzc2IDE2LjUxOS0zNi44OTggMzYuODk4LTM2Ljg5OHMzNi44OTggMTYuNTE5IDM2Ljg5OCAzNi44OTh2MCAyMDMuMTQxYzAgMC4wMTUgMCAwLjAyNSAwIDAuMDQyIDAgMjAuMzU2LTE2LjUwNiAzNi44Ni0zNi44NiAzNi44Ni0wLjAyNSAwLTAuMDQ1IDAtMC4wNzIgMGgwLjAwNHoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNNTYyLjQyNSA3MTQuNTAyYzAgMjQuNDUyLTE5LjgyMiA0NC4yNzUtNDQuMjc1IDQ0LjI3NXMtNDQuMjc1LTE5LjgyMi00NC4yNzUtNDQuMjc1YzAtMjQuNDUyIDE5LjgyMi00NC4yNzUgNDQuMjc1LTQ0LjI3NXM0NC4yNzUgMTkuODIyIDQ0LjI3NSA0NC4yNzV6Ij48L3BhdGg+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: 12px 33px;
    background-size: 30px;
}
.license-update-error.confirm-contents.clearfix.boxy-content p.text {
    padding-top: 14px;
    padding-left: 42px;
}
.license-update-error.confirm-contents.clearfix.boxy-content .OK a.button {
    background: #059cdf !important;
    border-radius: 3px !important;
    padding: 7px 17px;
    margin-right: 11px;
    top: -1px !important;
    position: relative;
}
.iqui2 .boxy-wrapper .boxy-inner .license-update-error.confirm-contents .text {
    text-align: left;
    padding: 30px 0px 30px 41px;
    background: none;
    font-size: 16px;
    font-size: 14px;
}

.prompt-cancel-error.confirm-contents.clearfix.boxy-content p.text {
    padding-top: 14px;
    padding-left: 42px;
}

.prompt-cancel-error.confirm-contents.clearfix.boxy-content .OK a.button {
    background: #059cdf !important;
    border-radius: 3px !important;
    padding: 7px 17px;
    margin-right: 11px;
    top: -1px !important;
    position: relative;
}

.iqui2 .boxy-wrapper .boxy-inner .prompt-cancel-error.confirm-contents .text {
    text-align: left;
    padding: 30px 0px 30px 41px;
    background: none;
    font-size: 16px;
    font-size: 14px;
}

.prompt-cancel-error .success.confirm-contents.clearfix.boxy-content {
    background: url(../img/confirmationtickmark.gif);
    background-repeat: no-repeat;
    background-position: 22px 70px;
    background-size: 30px;
    padding: 10px 12px 10px 25px !important;
}
.prompt-cancel-error .success p.text {
    background: none
}
html.iqui2 .boxy-wrapper {
    border-radius: 5px;
}

/* Manage users - inactive popup window clenaup */
.prompt-inactive-subscription .answer-buttons {
    display: flex !important;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0px!important;
    margin-top: 11px !important;
    margin-bottom: 5px !important;
}

html.iqui2 .boxy-wrapper .prompt-inactive-subscription .answer-buttons .No.Thanks a {
    background: #949494 !important
}

html.iqui2 .boxy-wrapper .prompt-inactive-subscription .answer-buttons .No.Thanks a, 
html.iqui2 .boxy-wrapper .prompt-inactive-subscription .answer-buttons .Pay.Now a {
    border-radius: 2px !important;
    background: #059cdf;
    padding: 7px 15px;
    box-shadow: 0px 1px 3px #aaaaaa;
}

.prompt-inactive-subscription .answer-buttons .No.Thanks a:hover, .prompt-inactive-subscription .answer-buttons .Pay.Now a:hover {
    text-decoration: none;
}

.prompt-inactive-subscription .answer-buttons .No.Thanks a span, .prompt-inactive-subscription .answer-buttons .Pay.Now a span {
    font-family: 'Roboto-Regular' !important
}

.prompt-inactive-subscription.confirm-contents.clearfix.boxy-content p.text {
    padding-left: 49px !important;
    line-height: 1.5;
    padding-right: 4px;
    padding-top: 12px;
}
.prompt-inactive-subscription.confirm-contents.clearfix.boxy-content:before {
    content: '';
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNODMzLjQzOSA5MTAuNjU2aC02NDIuODEyYy0wLjA3NSAwLTAuMTc0IDAtMC4yNjkgMC00MS41MDcgMC03Ny42NjctMjIuODg4LTk2LjU1NC01Ni43MzFsLTAuMjg1LTAuNTYzYy05LjU0My0xNi40MTgtMTUuMTc2LTM2LjEyNC0xNS4xNzYtNTcuMTQ5IDAtMjEuMDcxIDUuNjU2LTQwLjgyNCAxNS41MzktNTcuODE1bC0wLjI5NSAwLjU1IDMyMS40MDYtNTY4LjM4NmMxOS4zMDUtMzQuMzY5IDU1LjUyNC01Ny4yMTQgOTcuMDc5LTU3LjIxNHM3Ny43NzQgMjIuODQ2IDk2Ljc5MyA1Ni42NTZsMC4yODYgMC41NTkgMzIxLjM2NCA1NjguMzg2YzkuNTUxIDE2LjQ0OCAxNS4xOTEgMzYuMTk2IDE1LjE5MSA1Ny4yNTZzLTUuNjQgNDAuODA4LTE1LjQ4NyA1Ny44MTJsMC4yOTYtMC41NTZjLTE5LjIxIDM0LjM1My01NS4zNTggNTcuMTg4LTk2Ljg0NSA1Ny4xODgtMC4wNzUgMC0wLjE2IDAtMC4yMzUgMGgwLjAxNHpNNTEyLjAxMyAxODcuMTAyYy0wLjExNS0wLjAwMS0wLjI0NS0wLjAwMi0wLjM3NS0wLjAwMi0xNC42NDEgMC0yNy4zODMgOC4xMjktMzMuOTYyIDIwLjExNmwtMC4xMDEgMC4yMDEtMzIxLjQ0OCA1NjguMzk5Yy0zLjQyMSA1Ljg0Mi01LjQ0OCAxMi44NjMtNS40NDggMjAuMzU2czIuMDE4IDE0LjUxOCA1LjU1NCAyMC41NTJsLTAuMTA1LTAuMTkyYzYuNzU3IDEyLjE5NiAxOS41NTkgMjAuMzE2IDM0LjI1NiAyMC4zMTYgMC4wODkgMCAwLjE3NyAwIDAuMjc0LTAuMDAxaDY0Mi44MDJjMC4wNzUgMC4wMDEgMC4xNTkgMC4wMDEgMC4yNDIgMC4wMDEgMTQuNjc2IDAgMjcuNDY0LTguMTIyIDM0LjEwMi0yMC4xMTZsMC4xMDItMC4yYzMuNDQxLTUuODM3IDUuNDcxLTEyLjg1OSA1LjQ3MS0yMC4zNTZzLTIuMDMwLTE0LjUyMy01LjU3NS0yMC41NDlsMC4xMDQgMC4xODktMzIxLjM0LTU2OC4zNTRjLTYuNzEzLTEyLjIyMS0xOS41MDMtMjAuMzU5LTM0LjE4Ny0yMC4zNTktMC4xMjUgMC0wLjI0MSAwLjAwMS0wLjM2NiAwLjAwMmgwLjAyMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNNTE4LjE2NyA2MjguNDY1Yy0yMC4zNTYgMC0zNi44Ni0xNi41MDYtMzYuODYtMzYuODZ2MC0yMDMuMTg5YzAtMjAuMzc2IDE2LjUxOS0zNi44OTggMzYuODk4LTM2Ljg5OHMzNi44OTggMTYuNTE5IDM2Ljg5OCAzNi44OTh2MCAyMDMuMTQxYzAgMC4wMTUgMCAwLjAyNSAwIDAuMDQyIDAgMjAuMzU2LTE2LjUwNiAzNi44Ni0zNi44NiAzNi44Ni0wLjAyNSAwLTAuMDQ1IDAtMC4wNzIgMGgwLjAwNHoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2M5MWExYWNmIiBkPSJNNTYyLjQyNSA3MTQuNTAyYzAgMjQuNDUyLTE5LjgyMiA0NC4yNzUtNDQuMjc1IDQ0LjI3NXMtNDQuMjc1LTE5LjgyMi00NC4yNzUtNDQuMjc1YzAtMjQuNDUyIDE5LjgyMi00NC4yNzUgNDQuMjc1LTQ0LjI3NXM0NC4yNzUgMTkuODIyIDQ0LjI3NSA0NC4yNzV6Ij48L3BhdGg+Cjwvc3ZnPgo=);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: 2px -3px;
    position: absolute;
    width: 50px;
    height: 50px;
    margin-top: 17px;
}