/*

Copyright Citrix Systems, Inc.

*/

@font-face {
  font-family: "citrix-icons";
  src: url("../Fonts/citrixicons.eot");
  src: url("../Fonts/citrixicons.eot?#iefix") format("embedded-opentype"), url("../Fonts/citrixicons.woff") format("woff"), url("../Fonts/icons.ttf") format("truetype"), url("../Fonts/citrixicons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "citrix-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="citrix-icon-"]:before,
[class*=" citrix-icon-"]:before {
  font-family: "citrix-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.citrix-icon-calender:before {
  content: "\e664";
}

.citrix-icon-close:before {
  content: "\e631";
}

.citrix-icon-settings:before {
  content: "\e644";
}

.citrix-icon-chevron:before {
  content: "\e632";
}

.dropdown-toggle::after {
  display: none;
}

.citrix-icon-error:before {
  content: "\e669";
}

.citrix-icon-info:before {
  content: url('../../images/infoIcon_32x32.png');
}

.citrix-icon-alert:before {
  content: "\e667";
}

.citrix-icon {
  display: inline-block;
  font-size: 14pt;
}

.citrix-icon-close {
  cursor: pointer;
}

.citrix-icon-alert {
  color: #F39C11;
}

/*	                                ---   drop down widget ---                              */
.select-input {
  /*
  top: 20px;
  right: 20px;
  */
  display: block;
  cursor: auto;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

  .select-input::-moz-selection {
    background: none;
  }

  .select-input::selection {
    background: none;
  }

.ui-resizable-se {
  right: 1px;
}

.select-input.disabled {
  color: lightgray;
}

.select-input .item-name {
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  /*height: 17px;*/
  /*padding: 3px 0 3px 0;*/
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.item-name::-moz-selection {
  background: none;
}

.item-name:focus::selection {
  background: none;
}

.select-input .item-value {
  display: none;
}

.select-input .selected-input {
  height: 37px; /*changing 22px to 37px*/
  position: relative;
  padding: 6px 20px 8px 10px;
  border: 1px solid #979899;
  border-radius: 2px;
  background: url("../../images/transparent.png") top repeat; 
  z-index: 1;
}

.selected-dropdown-item {
  background-color: #BDF0ED !important;
}
/*.selected-input {
    height: 37px; /*changing 22px to 37px*/
/*   position: relative;
    padding: 6px 20px 8px 10px;
    border: 1px solid #979899;
    border-radius:2px;
    background: url("../../images/transparent.png") top repeat;
    z-index : 1;  
}*/

.select-input:hover {
  /*background-color: #f4f4f4;*/
  background: url("../../images/transparent.png") top repeat;
}

.select-input .select-input.Active:hover, .select-input .selected-input.Active:focus, .select-input .selected-input.Active.hover {
  /* border: 1px solid #707071; */
}

.select-input .selected-input.disabled {
  border-color: lightGray;
}

.select-input .other-items, .wrapper-other-items {
  list-style: none;
  border-top: none;
  background-color: white;
  margin: 0;
  z-index: 2;
  border-radius: 2px;
  padding-left: 0;
}

.select-input .other-items {
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  /*height: 100%;
   margin:1px;*/
}

.wrapper-items {
}

.wrapper-other-items {
  border: 1px solid #707071;
  min-height: 34px;
  position: relative;
  display: block;
  box-sizing: initial;
}

.select-input:focus {
  outline: thin dotted #ffffff;
  /*background-color: #f4f4f4;*/
  background: url("../../images/transparent.png") top repeat;
}

.select-input .select-item {
  height: 26px;
  padding: 3px 10px 3px 10px;
}

.select-item {
  padding: 3px 0px 3px 0px;
}

  .select-item:focus, .select-item:hover {
    background-color: #E6E6E6;
  }

/*.select-input .select-item:hover, .select-input .select-item:focus,*/ .select-input .select-item.Active {
  background-color: #BDF0ED;
}

.select-input .citrix-icon-chevron {
  font-size: 12pt;
  position: absolute;
  right: 6px;
  top: 15px;
  /*right:20px;
    top:30px;*/
  cursor: default;
}
/*New addition for bootstrap dropdown*/
.citrix-icon-chevron {
  font-size: 12pt;
  position: absolute;
  right: 6px;
  /*top: 15px;*/
  /*right:20px;
    top:30px;*/
  cursor: default;
  color: #333;
}

.citrix-icon-chevron-disable {
  margin-top: -10px;
}

.dropdown-button {
  width: inherit;
  height: inherit;
  text-align: left;
  border-radius: 0px;
  padding-left: 0px;
  background: url("../../images/transparent.png") top repeat;
  border-color: #ccc !important;
}

  .dropdown-button:not(:disabled):not(.disabled).active,
  .dropdown-button:not(:disabled):not(.disabled):active,
  .show > .dropdown-button.dropdown-toggle {
    background-color: #d4d4d4 !important;
  }

  .dropdown-button:hover, .dropdown-button:focus {
    background-color: #d4d4d4 !important;
    background: url("../../images/transparent.png") top repeat;
  }

.dropdown-ul {
  width: inherit;
  margin-top: 0px;
  border-radius: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 250px;
}

.dropdown-a {
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.8;
  color: #333;
  white-space: nowrap;
  cursor: pointer !important;
  padding-left: 17px !important;
  background-color: inherit;
}


  .dropdown-a:focus, .dropdown-a:hover {
    color: #222222;
    text-decoration: none;
    background-color: #E6E6E6 !important;
  }


.selected-input > a:focus, .selected-input > a:hover {
  background: none;
}

.dropdown-select-input {
  background: url("../../images/transparent.png") top repeat;
}

  .dropdown-select-input:disabled {
    background-color: #D7D7D7;
  }

  .dropdown-select-input:hover, .dropdown-select-input:focus, dropdown-select-input.Active:focus, dropdown-select-input.Active:hover {
    /*background-color: #f4f4f4;*/
    background: url("../../images/transparent.png") top repeat;
  }
/*	                                --- notification widget ---                              */

.notification-count {
  position: absolute;
  /*right: -10px;
    top: -10px;*/
  right: -8px;
  top: -8px;
  color: #fff;
  background-color: #e42c22;
  display: block;
  min-width: 16px;
  height: 16px !important;
  /*padding: 2px;*/
  font-size: 12px;
  text-align: center;
  z-index: 1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.notification-arrow {
  z-index: 204;
  position: absolute;
  top: 44px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid white;
}

.notification-tray {
  z-index: 204;
  position: absolute;
  top: 55px;
  background-color: white;
  border: 1px solid #E5E5E5;
  overflow-y: hidden;
  -webkit-box-shadow: 2px 2px 16px -7px #828282;
  -moz-box-shadow: 2px 2px 16px -7px #828282;
  box-shadow: 2px 2px 16px -7px #828282;
}

.notifications-list {
  list-style: none;
  border-top: none;
  background-color: white;
  overflow-y: auto;
  min-width: 300px;
  min-height: 80px;
  padding: 0px;
  /*padding-right:15px!important;*/
  /*padding-top:0px;*/
  /*border-radius:2px;*/
  /*padding-left: 0;  */
  /* IE9 and later scrollbar customization */
  scrollbar-base-color: #ddd;
  scrollbar-face-color: #ddd;
  -ms-scrollbar-3dlight-color: white;
  scrollbar-highlight-color: #888;
  scrollbar-track-color: white;
  scrollbar-arrow-color: white;
  -ms-scrollbar-shadow-color: #ddd;
  -ms-scrollbar-darkshadow-color: white;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.notification-tray.default {
  min-width: 0px;
}

  .notification-tray.default .notifications-list {
    min-height: 0px;
    min-width: 0px;
    margin: 0px;
  }

/* webkit scrollbar customizations */
.notifications-list::-webkit-scrollbar {
  width: 6px;
  height: 3px;
}

.notifications-list::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

.notifications-list::-webkit-scrollbar-track-piece {
  background-color: white;
}

.notifications-list::-webkit-scrollbar-thumb {
  height: 40px;
  background-color: #ddd;
  border-radius: 3px;
}
/*
.notifications-list::-webkit-scrollbar-track {  background-color: purple;}
.notifications-list::-webkit-scrollbar-corner { background-color: pink;}
.notifications-list::-webkit-resizer { background-color: red;}
*/

.notification-item {
  /*line-height: 80px;*/
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  border-top: 0px solid #c5c5c5;
}

  .notification-item.default {
    text-align: center;
  }

ul.notifications-list > li.notification-item:first-child {
  border-top: 0px solid;
}

.notification-item .notification-itemTitle {
  font-family: publicsans-semibold;
  margin: 0;
  padding-bottom: 10px;
  display: inline-block;
  width: 100%;
}

.notification-item .notification-itemDescription {
  margin: 0;
  display: inline-block;
  padding-bottom: 10px;
}


.notification-item .notification-time {
  margin: 0;
  display: inline-block;
  font-size: 8px;
  color: grey;
}

.notification-item .notification-detail-separator {
  font-size: 5px;
}

/*Hack to hide scrollbar corners  in Firefox*/
.scrollup, .scrolldown {
  width: 15px;
  height: 15px;
  position: absolute;
  background-color: white;
  visibility: hidden;
}

.scrollup {
  right: 0px;
  top: 0px;
}

.scrolldown {
  right: 0px;
  bottom: 0px;
}

/*	                                   --- scrollbar widget ---                              */

.scrollbar {
  width: 7px;
  position: absolute;
  top: 0px;
  opacity: 0.4;
  display: none;
  border-radius: 7px;
  z-index: 99;
  right: 1px !important;
  height: 100px; /*195.925px;*/
  background: #888;
  width: 6px !important;
  opacity: .3 !important;
}

/*                                 ---------- PAGE STYLING-----                              */

BODY, P, A, UL, LI, LABEL, FILE, FIELDSET, LEGEND, OBJECT, TABLE, TD, FORM, INPUT, TEXTAREA, SELECT {
  font-family: publicsans-regular, segoe UI, tahoma, verdana, sans-serif;
  font-size: 11pt;
  color: #171717;
}

body {
  /*
    border:0px;
    min-width:1000px;
    margin:0px;
*/
}

html, body {
  /*background: url("../../images/075_TopGreyBarwithShadow_h24bit_10x65.png") top repeat-x;*/
  background-color: #f3f3f3;
  padding: 0;
  color: #000;
  text-align: center;
  height: 100%; /*Comment this otherwise a horizental scroll bar will apear*/
}

  /*Opera Fix*/
  body:before {
    /*
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
*/
  }

/*h2
{
    margin:3px;
    font-size:15pt;
}*/

h2 {
  font-family: publicsans-regular !important;
  font-weight: normal !important;
  font-size: 24px;
  Font-Style: normal;
  Text-Align: left;
  Line-Height: 28.8px;
  Letter-Spacing: 0em;
  Opacity: 1;
  display: block;
  margin-top: 36px;
  /*margin-bottom: 40px;*/
  color: #171717;
}

#error_msg h2 {
  margin: 20px;
  font-size: 15pt;
}

#main {
  text-align: left;
  /*
    margin: 0 0 0 auto; 
	margin-right: auto; 
*/
  min-height: 100%;
  /*    width: 1400px;   Uncommeting it will produce horizental scrool bar in main */
  padding-bottom: 0px;
  padding-left: inherit;
  padding-right: 0px;
  overflow: hidden;
  background-color: White;
}

#sls-footer {
  position: relative;
  text-align: left;
  margin: 0 0 0 auto;
  margin-right: auto;
  height: auto;
  /*    width: 1120px;*/
  margin-top: -100px;
  overflow: hidden;
}

#footerContent {
  position: relative;
  height: 100%;
  display: block;
  margin: 0 auto;
  top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 100%;
  background-color: White;
  overflow: auto;
}

.reset {
  position: relative;
  margin: 0;
  padding: 0;
  clear: both;
  border: none;
  height: 0;
  height: 0;
  overflow: hidden;
}

#sls-sheet {
  /*
    position:relative;
    display:block;
    margin: 0 auto;
    min-height:100%;
    margin-bottom: 0px;
*/
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 150px;
  /*
    background-color:White;
    overflow:hidden;
*/
}

#sls-header {
  /*
    background: url('../../images/075_TopBlueBar_h24bit_10x65.png') top repeat-x;
    z-index:1;
    position:relative;
    display:block;
    width:100%;
    height:60px;
    overflow:hidden;
    top:0px;
    color:#fff;
*/
}

  #sls-header table {
    /*
    width:100%;
    height:60px;
*/
  }

    #sls-header table td {
      /*
    padding:0px;
    vertical-align:middle;
*/
    }

#sls-logo {
  /*
    z-index:1;
    color:#fff;
    display:inline-block;
    _display:block;
    left: 3px;    
    top:0px;
    width:100%;
*/
}

#Citrix, #AppSubTitle {
  font-family: publicsans-light;
  font-size: 16pt;
  display: inline-block;
}

#AppTitle {
  font-family: publicsans-semibold;
  font-size: 16pt;
  display: inline-block;
}

/*#sls-userinfo
{
      font-family: publicsans-regular;
    z-index:1;
    display:block;
    _display:inline-block;
    text-align:right;
    padding-right: 6px;
    padding-left: 24px;
    color:#fff;
    width: 216px;
    height: 100%;
    background-color: #39404D;
    text-decoration:none;
}*/

#userInfo_block {
  position: relative;
  text-align: left;
  margin: 3px;
  display: none
}

#sls-configure a, #sls-help a {
  color: #fff;
  font-size: 24px;
  /*text-decoration:underline;*/
}

  #sls-configure a.hover, #sls-help a.hover {
    /*color:#fff;
    text-decoration:none;*/
  }

#sls-notify #id_notify {
  color: #fff;
  font-size: 24px;
  position: relative;
  outline: 0;
  margin-top: 3px;
  /*text-decoration:underline;*/
}

#id_notify {
  /*outline: 0;*/
}

  #id_notify .icon {
    cursor: pointer;
  }

  #id_notify:focus > .icon {
    outline: initial;
  }

#server-notifications .notification-tray {
  left: -300px;
  overflow-x: hidden;
  width: 420px; /* 600px width + 20px padding */
}

.popover-title {
  padding-left: 30px;
  color: black;
  font-weight: bold;
}

.popover-title-removeall {
  font-size: 12px;
}

#server-notifications .notifications-list {
  max-height: 300px;
}

.popover {
  max-width: 500px;
  width: 305px;
}

  .popover .popover-body {
    padding: 0px;
  }

#server-notifications .notification-tray.default {
  width: 220px;
  left: -100px;
}

.headericon-separator {
  width: 10px;
  display: inline-block;
}

#citrix-logo {
  position: relative;
  display: inline-block;
  height: 30px;
  top: 0px;
  /* width:80px;*/
  text-align: right;
}


#sls-topContainer {
  height: 100%;
  /*width: 1580px;*/
  margin-left: 30px;
}

#sls-topContainer-InstallLicense {
  height: 100%;
  /*width: 1580px;*/
  width: 100%;
  margin-left: 30px;
}

#sls-topContainer table {
  /*	width : 100%;*/
  /*width: 1580px;*/
}

#sls-lsInfo {
  /*position:absolute;
    right:75px;
    left:auto;
    top:36px;
    height: 65px;*/
  position: relative;
  /*    min-width: 344px;*/
  text-align: left;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
  -webkit-box-shadow: 0px 2px 2px #E5E5E5;
  -moz-box-shadow: 0px 2px 2px #E5E5E5;
  box-shadow: 0px 2px 2px #E5E5E5;
  padding: 15px;
  margin-top: 36px;
  margin-bottom: 15px;
  /* background:url('../../Images/075_BlueFocusBox_h24bit_218x116.png') repeat-x;*/
}

/*
#sls-lacinput
{    
    position:relative;    
    margin-right: 20px;
    display:inline-block;
    overflow:auto;
    margin-bottom: 60px;
}
*/


#input_lac {
  width: 295px;
  height: 30px;
}


#sls-lsInfo table {
  /*     border-collapse: collapse;*/
  margin-bottom: 0;
}

  #sls-lsInfo table td {
    font-size: 13px;
    border: none !important;
    padding: 1px;
  }

  #sls-lsInfo table th {
    text-align: left;
    font-family: publicsans-semibold;
    font-size: 14px;
    padding-bottom: 13px;
    border: none !important;
    padding-left: 1px;
  }


#installLicense-lsInfo {
  font-family: publicsans-semibold;
}

  #installLicense-lsInfo table th {
    height: 30px;
    background-color: #F1F1F1;
    font-family: publicsans-semibold;
    font-weight: 600;
  }

  #installLicense-lsInfo table td {
    height: 60px;
    vertical-align: middle;
  }

#installLicenseCommonPanel table td {
  vertical-align: top;
  padding-top: 4px;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  padding: 4px;
}

#server_name, #server_ip {
  font-family: publicsans-regular;
}

#host_name, #host_ip {
  font-family: publicsans-regular;
  font-weight: normal;
}

.error {
  color: Red;
  font-size: 10pt;
}
  
#pending-renewal-lic-table th, #updated-lic-table th, #sls-entitlements th
{
  font-family: publicsans-semibold;
  font-weight: 600;
}

.no-renewal-error {
  font-size: 11pt;
  font-family: publicsans-regular;
}

.notification.error,
.notification.success,
.notification.warning {
  /*  width: 1380px;*/
  /*  height: 30px;*/
}

.notification .message {
  padding-top: 3px;
}

.notification .information {
  padding-top: 2px;
  padding-left: 10px;
  font-family: publicsans-regular;
  font-size: 16px;
  text-align: left;
  z-index: 203;
}

.rounded {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px
}

.textboxContainer {
  /*
	background:url('../../Images/075_InputField_h24bit_254x22.png') center no-repeat;
	width: 254px;
	height: 23px;
*/
}

.textInput {
  /*
	background-color:transparent;
    width:250px;
    border-style:none;
    color:#888;
    margin-left:1px;
	margin-right:1px;
    height:18px;
    font-size:10pt;
    font-style:italic;	
*/
}

  .textInput:focus {
    /*	outline :  thin dotted #ffffff;*/
  }

a.sls-Button {
  font-size: 10pt;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  height: 23px;
  text-decoration: none;
  /*padding: 0px 3px 0px 3px;*/
  margin: 1px 3px 1px 3px;
}

  a.sls-Button span {
    display: block;
    padding: 2px 0px 2px 10px;
    margin: 0 12px 0 0;
    height: 23px;
    cursor: pointer;
  }

a.normalbutton {
  background: url('../../images/075_ButtonNormalRight_h32bit_15x23.png') no-repeat top right;
}

  a.normalbutton span {
    background: url('../../images/075_ButtonNormalLeft_h32bit_15x23.png') no-repeat top left;
  }

a.bluebutton {
  background: url('../../images/075_ButtonHoverRight_h32bit_15x23.png') no-repeat top right;
}

  a.bluebutton span {
    background: url('../../images/075_ButtonHoverLeft_h32bit_385x23.png') no-repeat top left;
  }

#help_AllocNDownload {
  /*    width: 1320px;*/
  display: inline-block;
}

#sls-entitlements {
  display: none;
  position: relative;
  left: 0px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

#sls-fullfilments {
  display: none;
  position: relative;
  left: 0px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.entitletable {
  margin-bottom: 0px;
  /*
    margin-left: auto;
    margin-right: auto;
    text-align: left;  
    width:100%;  
    border-collapse: collapse;
    border-spacing:0px;
*/
}

  .entitletable a {
    /*color: #0091de;*/
    color: white;
    font-size: 14px;
    text-decoration: none;
  }

    .entitletable a:focus, .entitletable a:hover {
      color: white;
      /*color: #0075c4;*/
      /*text-decoration: underline;*/
    }

  .entitletable th {
    padding: 8px;
    border-top: none;
    /*background:#e4e4e4 url('../../images/075_TableHeaderGradient_h32bit_1x28.png') top left repeat-x;*/
    /*
    font-weight: bold;
    height: 35px;
*/
    /*border-right: 1px solid #e4e4e4;*/
    /*
    border-collapse: collapse;
    padding-left:8px;
	text-align: left;
*/
  }

  .entitletable tr {
    /*border: solid 1px silver;*/
    height: 50px;
  }

  .entitletable td {
    font-weight: normal;
    /*border-right: 1px solid #e4e4e4;*/
    border-collapse: collapse;
    padding: 0 0 0 8px !important;
    vertical-align: middle !important;
  }

    .entitletable td .allocateCountInput {
      display: inline;
      width: 76px;
      text-align: right;
    }

.allocateCountInput::-ms-clear {
  display: none;
}

.tr-alt {
  background-color: #f4f4f4;
  vertical-align: middle;
}

.entitlement-tr-alt {
  /*background-color: #f4f4f4;*/
  vertical-align: middle;
}

.roundcorners {
  border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #e4e4e4;
}

#tablecontainer {
  position: relative;
  display: block;
  text-align: left;
  /*    width:1320px;*/
  border: 1px solid #e4e4e4;
}

  #tablecontainer table th {
    background-color: #F1F1F1;
    vertical-align: middle;
  }

#importTablecontainer table th {
  background-color: #F1F1F1;
  vertical-align: middle;
}

.groupedItems {
  background-color: #F1F1F1;
}

.invDeltaCollapse {
  padding-top: 0px;
  padding-bottom: 0px;
}

.allocateInvTable {
  min-width: 860px;
  margin-left: -10px;
  margin-bottom: 0px;
}

  .allocateInvTable table {
    background-color: #F1F1F1;
  }

    .allocateInvTable table tbody tr td {
      border: none;
    }

.sls-allocdetails {
  height: 100%;
  vertical-align: middle;
  display: block;
  height: 50px;
  position: relative;
  /*Adding padding */
  padding-left: 15px;
  padding-right: 15px;
}

  .sls-allocdetails a {
    padding-top: 4px;
  }

.sls-progressbar {
  display: block;
  height: 55px;
  /*border: solid red 1px;*/
  margin-top: 1px;
  margin-right: 5px;
  position: relative;
}

.sls-progressbar-pos {
  top: 6px;
  height: 16px;
  display: block;
  position: absolute;
  margin-right: 4px;
}

.sls-progressbar-center {
  clear: both;
  background: url('../../images/075_BarGraphBG_h32bit_1x16.png') repeat-x;
  /*border-radius: 10px;
    -moz-border-radius: 10px;
    border: solid 1px #CACCCE;*/
  left: 5px;
  right: 5px;
}

.sls-progressbar-left {
  width: 8px;
  background: url('../../images/075_BarGraphBGLeft_h32bit_8x16.png') no-repeat top left;
}

.sls-progressbar-right {
  width: 8px;
  background: url('../../images/075_BarGraphBGRight_h32bit_8x16.png') no-repeat top right;
  right: 1px;
}

.sls-progress {
  display: block;
  top: 8px;
  height: 12px;
  position: absolute;
  display: block;
  /*border-radius: 10px;
    -moz-border-radius: 10px;
    background: url('images/Progress.png') center repeat;
    height: 6px;
    margin:1px;
    width:40%;*/
}

.sls-progress-left {
  width: 6px;
  background: url('../../images/075_BarGraphGreenLeft_h32bit_6x12.png') no-repeat;
  left: 3px;
}

.sls-progress-right {
  width: 6px;
  background: url('../../images/075_BarGraphGreenRight_h32bit_6x12.png') no-repeat;
  left: 22%;
}

.sls-progress-center {
  width: 6px;
  /* background: url('../../images/075_BarGraphGreen_h32bit_1x12.png') repeat-x;*/
  left: 8px;
  width: 20%;
}

.progress-style {
  margin-top: 12px;
  height: 100%;
}

.progress {
  margin-top: 6px;
  background: rgba(245, 245, 245, 1);
  background: linear-gradient(to bottom, rgba(183, 186, 201, 1) 0%, rgba(245, 245, 245, 1) 100%);
  border: 0px solid rgba(245, 245, 245, 1);
  border-radius: 6px;
  height: 7px;
}

.progress-bar-custom {
    background: rgba(5, 117, 138, 1);
}

.progress-text {
  width: 100%;
  text-align: center;
  font-size: x-small;
  font-style: italic;
  color: #171717;
}

.sls-optext {
  top: 26px;
  position: absolute;
  color: #000;
  left: 0;
  font-family: "Segoe UI";
  font-size: 10pt;
  width: 100%;
}

.sls-PopUp {
  /*
    position:absolute;
    display:none;
    width: 520px;
    top:450px;
    left:550px;
*/
  border: 1px solid #e4e4e4;
  /*    background-color:White;*/
}

.errorPopup {
  z-index: 203;
}
/*
.configPopup
{
    height: 535px;
    z-index:201;
}
*/

.PopUpFooter {
  /*
    background:#fff ;
    text-align:right;
*/
  border-top: 0;
  padding: 10px;
}

#PopUpBar {
  background: #fff;
  height: 40px;
  border-bottom: 1px inset #d4d4d4;
  text-align: left;
  padding-left: 5px;
  margin: 0 20px 0 20px;
}

.PopUpBody {
  /*    background-color: white;*/
  margin: 5px 2px 5px 2px;
  padding: 0;
}

#closeButton {
  padding: 5px;
  float: right;
}

.sls-blanket {
  background-color: #000000;
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1000px;
}

.errorBlanket {
  opacity: 0.7;
  filter: alpha(opacity=70); /*using it for IE8 or earlier versions*/
  z-index: 202;
}
/*
.configBlanket
{
    opacity:0.5;
    filter:alpha(opacity=50);using it for IE8 or earlier versions
    z-index:200;
}
*/

/*
.select-style
{
   width: 150px;
   overflow: hidden;
   background: url('../../images/075_TableHeaderGradient_h32bit_1x28.png') top left repeat-x;
   position:relative;
}

.select-style select
{
   background-color:Transparent;
   font-size:10pt;
   width: 150px;
   padding: 0px;
   border: 0px outset #ccc;
}
*/
.alignRight {
  text-align: right;
}

.alignLeft {
  text-align: left;
}

.allocAndDownload {
  /*top:15px;*/
  /* top:8px;
    position:absolute;*/
  margin-top: 10px;
  outline: none;
  /*background-color:#6DC495;*/
  background-color: rgb(5, 117, 138);
  height: 30px;
  width: 80px;
}

  .allocAndDownload:hover, .allocAndDownload:focus {
    /*background: #6DC495;*/
   background-color: rgb(5, 117, 138);
    outline: thin dotted #ffffff;
  }

  .allocAndDownload:focus {
    /*outline :  thin dotted #ffffff;*/
    /*background-color:#6DC495;*/
    background-color: rgb(5, 117, 138);
  }


/*Adding for Download & Install*/
.downloadAndInstall {
  margin-top: 8px;
  outline: none;
  background-color: #EF8E1B;
  width: 100%;
  font-size: 10px;
}

  .btn
  .downloadAndInstall:hover, .downloadAndInstall:focus {
    background: #EF8E1B;
    outline: thin dotted #ffffff;
  }

  .downloadAndInstall:focus {
    /*outline :  thin dotted #ffffff;*/
    background-color: #EF8E1B;
  }

.updatesInstalledLics {
  /*font-size:11pt;*/
  margin-top: 64px;
  /* font-weight:bold;*/
  font-family: publicsans-regular;
  /*font-size: 24px;*/
  Font-Style: normal;
  Text-Align: left;
  /*Line-Height: 28.8px;*/
  Letter-Spacing: 0em;
  Opacity: 1;
  display: block;
  /*margin-top: 36px;
    margin-bottom: 40px;*/
  color: #171717;
}

.updateAvailable {
  margin-top: 40px;
  /* font-weight:bold;*/
  font-family: publicsans-regular;
  /*font-size: 24px;*/
  Font-Style: normal;
  Text-Align: left;
  /*Line-Height: 28.8px;*/
  Letter-Spacing: 0em;
  Opacity: 1;
  display: block;
  /*margin-top: 36px;
    margin-bottom: 40px;*/
  color: #171717;
}

.checkAvailableRenewals {
  margin-top: 40px;
  color: #93D9F7;
  text-decoration: underline;
}

#CheckAvailabilityContainer .ui-widget-content a {
  color: #93D9F7;
}

#CheckAvailabilityContainer hr {
  border-style: solid none;
  border-width: 1px 0;
  margin-top: 5px;
  color: #e4e5e6;
}

#CheckAvailabilityContainer a:hover a:focus {
  color: red;
}

#sls-lacCodeContainer {
  position: relative;
  text-align: left;
  margin-bottom: 10px;
}

.laccodecontainer, .importLicense {
  padding: 4px;
}

.disabled {
  /*for firefox and chrome*/
  pointer-events: none;
  cursor: default;
  color: #bbbbbb; /*gray it*/
  background-color: #D7D7D7;
}

.page-container {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  font-family: publicsans-regular;
}

  .page-container::-moz-selection {
    background: none;
  }

  .page-container::selection {
    background: none;
  }

.page-title {
  /*font-family: publicsans-semibold;
    font-size: 24px;
    Font-Style: normal;
    Text-Align: left;
    Line-Height: 28.8px;
    Letter-Spacing: 0em;
    Opacity: 1;
    display: block;
    margin-top: 36px;*/
  margin-bottom: 40px;
  font-family: publicsans-regular !important;
  /*color:  #5a6477;*/
}

.page-title-subcategory {
  font-family: publicsans-semibold;
  font-size: 18px;
  Font-Style: normal;
  Text-Align: left;
  Line-Height: 28.8px;
  Letter-Spacing: 0em;
  Opacity: 1;
  display: block;
  margin-top: 36px;
  margin-bottom: 40px;
  color: #5a6477;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: publicsans-regular;
  font-size: 14px;
}

  .ui-widget input:focus, .ui-widget select:focus, .ui-widget textarea:focus, .ui-widget button:focus {
    outline: thin dotted #ffffff;
  }

.primary-text-input-allocate {
  line-height: 36px\9;
  height: 36px;
  width: 206px;
  border-radius: 2px;
  /*border: 1px solid #979899;*/
  border: 1px solid #E0E0E0;
  padding-left: 10px;
  padding-right: 10px;
  color: #171717;
  background: #fff;
}

.primary-text-input {
  line-height: 36px\9;
  height: 36px;
  /*width: 206px;*/
  width: 240px;
  border-radius: 2px;
  border: 1px solid #979899;
  padding-left: 10px;
  padding-right: 10px;
  color: #171717;
  background: #fff;
}

  .primary-text-input:hover, .primary-text-input:focus {
    border-color: #0091de;
    color: #333333;
  }

.ServerSARenewalHeader {
  font-size: 16px;
  font-family: publicsans-regular;
  font-weight: normal;
}

.ProductInfoSectionHeader {
    font-size: 16px;
    font-family: publicsans-regular;
    font-weight: normal;
}

.ServerConfigurationContent {
  /*margin-top:60px;*/
}

.ServerRadioButtons {
  /*max-width:500px;*/
  margin-left: 30px;
  margin-top: 20px;
  margin-right: 5px;
}

.ServerCEIPRadioButtons {
  max-width: 700px;
  margin-left: 30px;
  margin-top: 30px;
}

.RadioLabelMargin {
  margin-bottom: 30px;
  font-weight: normal;
}

.CeipRadioLabelMargin {
  margin-top: 20px;
  /*margin-left:-15px;*/
  font-weight: normal;
  font-size: 14px;
  font-family: publicsans-regular;
}

.ServerCEIPRadioButtonsHeader {
  margin-top: 10px;
  font-size: 16px;
  font-family: publicsans-regular;
  font-weight: normal;
}

.FileUploadInformationHeader {
  /*margin-top:30px;*/
  font-size: 16px;
  font-family: publicsans-regular;
  font-weight: normal;
}

.FileUploadInfoDescription {
  margin-top: 40px;
  padding-left: 15px;
  margin-right: 15px;
  font-weight: normal;
  font-size: 14px;
  font-family: publicsans-regular;
}

.FileUploadInfoLastUpload {
  margin-top: 15px;
}

.FileUploadInfoLastUploadHeading {
  font-weight: bold;
  font-size: 14px;
  font-family: publicsans-semibold;
}

.FileUploadInfoLastUploadValue {
  font-weight: normal;
  font-size: 14px;
  font-family: publicsans-regular;
}

.UploadFailDetail {
  margin-top: 30px;
  font-weight: normal;
  font-size: 14px;
  font-family: publicsans-regular;
}

.TroubleshootPanel {
  /*max-width:520px;*/
  margin-top: 25px;
  font-size: 14px;
  font-family: publicsans-regular;
}

.UploadRetryFooter {
  margin-top: 40px;
}


.troubleshoot-header {
  color: #448AC9;
  /*text-decoration:underline;
  background: url("../../images/transparent.png") top repeat;*/
}

.ui-tooltip {
  max-width: 280px !important;
  text-align: left;
  font-size: 14px;
  padding-left: 18px;
  vertical-align: central;
  font-family: publicsans-regular;
}

.ServerConfFooter {
  margin-top: 40px;
}

/*increase radio button size
*/
input[type="radio"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  /* background: #FFF; */
  background: url("../../images/Radio_Button.png");
}

input[type="checkbox"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  width: 16px;
  height: 16px;
  background: url("../../images/Checkbox.png");
  vertical-align: text-bottom;
}

input[type="checkbox"]:checked {
    background: url("../../images/Checkbox-1.png");
}

input[type="checkbox"]:disabled {
    opacity: 50%;
}

.radio input[type="radio"] {
  margin-left: -30px;
  margin-right: 10px;
}

input[type="radio"]:checked {
  background: url("../../images/Radio_Button_checked.png");
}

input[type="radio"]:disabled {
    opacity: 50%;
}

.PrimaryButton {
  /*    min-width: 165px;*/
  /*    width:165px;*/
  white-space: nowrap;
  background: rgb(5, 117, 138);
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
  text-decoration: none;
  /*padding: 8px 20px;*/
  color: #fff;
  font-family: publicsans-semibold;
  font-weight: 600;
  font-size: 14px;
  outline: none;
}

  .PrimaryButton.SmallText {
    /*     width: 135px;*/
  }

  .PrimaryButton span {
    font-family: publicsans-semibold;
    font-size: 14px;
    color: #ffffff;
    margin: auto;
    display: inline;
  }

  .PrimaryButton:hover, .PrimaryButton:focus {
    background: rgb(5, 117, 138);
    outline: thin dotted #ffffff;
    color: #ffffff;
  }

  .PrimaryButton.disabled {
    background: rgb(5, 117, 138);
    opacity: 0.4;
    filter: alpha(opacity=40); /*using it for IE8 or earlier versions*/
  }

.SecondaryButton {
  /*    min-width: 165px;*/
  /*width: 165px;*/
  white-space: nowrap;
  background: #caced3;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
  text-decoration: none;
  /*padding: 8px 20px;*/
  font-family: publicsans-semibold;
  font-size: 14px;
  outline: none;
  color: #475163;
  margin: auto;
}

  .SecondaryButton:hover, .SecondaryButton:focus {
    outline: thin dotted #ffffff;
    background: #A6B2BC;
    color: #fff;
  }

  .SecondaryButton.disabled {
    background: #caced3;
    opacity: 0.4;
    filter: alpha(opacity=40); /*using it for IE8 or earlier versions*/
  }

/* Styling Widgets*/
.Container {
  /*
    position : absolute;   
    width: 100%;
    height: 100%;
    display: block;
*/
}

/*Adding for bootstrap*/
/*Widget class*/
.main-container {
  /*margin-top:63px;*/
}

#FeatureNav.ui-tabs {
  padding: 0px;
  border: 0px;
}

  #FeatureNav.ui-tabs .ui-tabs-panel {
    padding: 1px;
  }

  #FeatureNav.ui-tabs .ui-tabs-nav {
    padding: 0px;
    border: 0px;
  }

    #FeatureNav.ui-tabs .ui-tabs-nav.ui-corner-all {
      border-radius: 0px;
    }

  #FeatureNav.ui-tabs .ui-widget-header {
    background: rgb(243, 243, 243);
    /*    height: 50px;*/
  }

  #FeatureNav.ui-tabs .ui-tabs-nav li {
    height: 50px;
    border: 0;
    margin: 0px;
  }

    #FeatureNav.ui-tabs .ui-tabs-nav li.ui-corner-top {
      border-top-right-radius: 0px;
      border-top-left-radius: 0px;
    }

  #FeatureNav.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    /*    height: 50px;*/
    border: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    padding-bottom: 0px;
    vertical-align: middle;
    outline: none;
    color: rgb(0, 0, 0);
    font-family: publicsans-regular;
    font-size: 16px;
  }

  #FeatureNav.ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
    color: rgb(0, 0, 0);
    cursor: default;
    font-family: publicsans-semibold;
    font-weight: 600;
  }

  #FeatureNav.ui-tabs .ui-tabs-nav .ui-tabs-hover .ui-tabs-anchor {
    background: rgb(243, 243, 243);
    cursor: default;
    color: black;
  }

#FeatureNav a.ui-tabs-anchor:hover {
  background-color: transparent;
  color: black;
}

#FeatureNav.ui-tabs .ui-tabs-nav li.ui-state-default {
  font-family: publicsans-regular;
  font-size: 14px;
  background: rgb(243, 243, 243);
}

#FeatureNav.ui-tabs .ui-tabs-nav li.ui-state-hover {
  /*background : #3D7CB5;*/
  background: rgb(243, 243, 243);
}


#FeatureNav.ui-tabs .ui-tabs-nav li.ui-state-active {
  font-family: publicsans-semibold;
  background: white;
  /*    height: 49px;*/
  border-bottom: 1px solid #e4e5e6;
}

#FeatureNav.ui-tabs .ui-tabs-nav li.ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100); /*using it for IE8 or earlier versions*/
}

.UIBlanket {
  background-color: #000;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  filter: alpha(opacity=70); /*using it for IE8 or earlier versions*/
  z-index: 1000;
}

#BusySpinnerContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  color: rgb(5, 117, 138);;
  font-size: 48px;
  text-align: center;
  padding-top: 400px;
  /*margin-top: 400px;*/
  z-index: 999;
}

.cwc-navbar .username {
  padding: 20px 24px 20px 24px;
  /*width: 160px;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

  .cwc-navbar .username:hover {
    /* overflow: visible;  */
    /* white-space: normal; */
    /* word-wrap: break-word; */
  }

.input-header-label, .input-label {
  Font-Size: 16px;
  Color: #171717;
  Font-Style: normal;
  Text-Align: left;
  Line-Height: 14.7px;
  Letter-Spacing: 0em;
  Opacity: 1;
  height: 20px;
  display: inline-block;
  margin-bottom: 5px;
}

.input-header-label {
  Font-Family: publicsans-semibold;
}

.input-label {
  Font-Family: publicsans-regular;
  /*    min-width: 114px;*/
  margin-right: 10px;
  width: 100%;
}

.input-label-allocate {
  Font-Family: publicsans-regular;
  /*    min-width: 114px;*/
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}

.input-label-import {
  /*margin-left:15px;*/
  Font-Family: publicsans-regular;
  margin-top: 10px;
  margin-bottom: 10px;
}

.AssistiveText {
  Font-Family: publicsans-regular;
  Font-Size: 15px;
  Color: #171717;
  Font-Style: normal;
  Text-Align: left;
  Letter-Spacing: 0em;
}

  .AssistiveText a {
    color: #979899;
    outline: none;
    text-decoration: none;
    font-size: 14px;
  }

    .AssistiveText a:focus, .AssistiveText a:hover {
      text-decoration: underline;
      color: #707071;
      outline: thin dotted #ffffff;
    }

    .AssistiveText a:visited {
      text-decoration: none;
      color: #707071;
    }

.page-title .AssistiveText {
  Font-Size: 15px;
  text-decoration: none;
}

#installLicenseCommonPanel .AssistiveText {
  Font-Size: 15px;
}

.datepicker-container {
  position: relative;
  border: 1px solid #979899;
  border-radius: 2px;
  padding: 1px;
  display: block;
  height: 100%;
}

  .datepicker-container.startdate {
    /*margin-right: 3px;*/
  }

.space_startNend_Date {
  margin-left: 3px;
}

.datepicker-container .Datepicker {
  line-height: 36px\9;
  border: 0px;
  width: 96%; /*exclude padding of 5px*/
  height: 90%;
  position: absolute;
  cursor: default;
  background: url("../../images/transparent.png") top repeat;
  z-index: 1;
  padding-left: 5px;
  outline: none;
}

.datepicker-icon {
  padding-left: 6px;
  padding-right: 6px;
  height: 100%;
  background: url("../../images/transparent.png") top repeat;
  border: 0px;
}

.datepicker-container .Input {
  line-height: 36px\9;
  border: 0px;
  width: 75%; /*exclude padding of 5px*/
  height: 90%;
  position: absolute;
  cursor: default;
  background: url("../../images/transparent.png") top repeat;
  z-index: 1;
  padding-left: 5px;
  outline: none;
}

.datepicker-container .Datepicker:focus {
  outline: thin dotted #ffffff;
}

.datepicker-container .Datepicker::-ms-clear {
  display: none;
}

.datepicker-container .citrix-icon-calender {
  position: absolute;
  right: 6px;
  margin-top: 5px;
}

#license-result, #id_lac {
  Font-Family: publicsans-semibold;
  Font-Size: 14px;
  Color: #171717;
  Font-Style: normal;
  Text-Align: left;
  Letter-Spacing: 0em;
}

#HistViewError-wrapper .citrix-icon-alert {
  font-size: 24px;
  margin: 5px;
}

#HistViewError {
  display: inline-block;
  padding-bottom: 10px;
  vertical-align: middle;
}

#historicalData-queryInput {
  /*top: 38px;*/
  position: relative;
  margin-bottom: 21px;
  border-collapse: collapse;
}


  #historicalData-queryInput td.horizontal-spacing {
    /*    width: 32px;*/
  }

  #historicalData-queryInput td.vertical-spacing {
    /*    height: 30px;*/
  }

  #historicalData-queryInput .select-input {
    height: 36px;
  }

  #historicalData-queryInput #Products.select-input, #historicalData-queryInput #Versions.select-input {
    /*    width: 310px;*/
  }

  #historicalData-queryInput #Models.select-input {
    /*min-width: 250px;*/
  }

  #historicalData-queryInput .wrapper-other-items, #historicalData-queryInput .other-items {
    /* min-width: 308px;
    max-width: 590px;*/
    max-height: 188px;
    min-height: 34px;
  }

  #historicalData-queryInput #Models .wrapper-other-items, #historicalData-queryInput #Models .other-items {
    /*    min-width: 248px;*/
    /*width: 248px;*/
  }

.error-control {
  border: 1px solid red;
}

/*
.popup-title {
    padding: 10px 0 10px 0;
}
  */

.configure-select-input {
  /*
    width: 333px;
    height: 36px;
*/
}

.locale-flag {
  margin-right: 10px;
}

#configure-input-table {
  margin: 25px; /* Changing this for proper alignment */
}

  #configure-input-table .select-input-container {
    /*	width: 312px;*/
    position: relative;
  }

#language_select.select-input, #RetentionPeriod.select-input {
  height: 36px;
  margin-left: 50px;
  width: 200px;
}

#language_select, #RetentionPeriod {
  height: 36px;
  margin-left: 50px;
  width: 200px;
}

  #language_select .other-items {
    /*    min-width: 331px;*/
  }

  #language_select .item-name {
    /*    width: 260px;*/
    display: inline;
    padding-left: 5px;
  }

  #RetentionPeriod .other-items {
    height: 160px;
  }

#configError {
  /*    min-width : 333px;*/
  display: inline-block;
}

#ConfigPopUpFooter {
  /*
    position: absolute;
    bottom: 0px;
*/
  padding: 20px;
  /*    width: 480px;*/
}

  #ConfigPopUpFooter #save_button, #ConfigPopUpFooter #cancel_button {
    /*    width :113px;*/
  }

#configure-help {
  margin: 0 25px 0 25px;
}

/*
#spinner-popup-blanket {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity:0.5;
    background-color: #fff;
    filter:alpha(opacity=50);  /*using it for IE8 or earlier versions
    z-index:202;
}

#spinner-popup-container {
    position:absolute;
    width: 100%;
    color: #0091de;
    font-size: 48px;
    text-align: center;
    margin-top: 120px;
    z-index:203;
}
  */
#spinner-message {
  display: inline-block;
  color: black;
  font-size: 14px;
  /*position: absolute;*/
  width: 100%;
  top: 70px;
  left: 0px;
}

.Hidden {
  visibility: hidden;
  display: none;
}


.disabled-hyperlink {
  margin-top: 40px;
  border: 0px;
  color: grey;
  text-decoration: underline;
  background: url("../../images/transparent.png") top repeat;
}

.enabled-hyperlink {
  margin-top: 40px;
  border: 0px;
  color: rgb(0, 84, 99);
  text-decoration: underline;
  background: url("../../images/transparent.png") top repeat;
}

  .enabled-hyperlink:focus {
    border: 1px solid #707071;
  }

.collapsible-navabar {
  display: inherit;
}

.custom-navbar-toggler {
  padding: 10px;
  color: white;
  font-size: 24px;
  height: 44px;
  width: 44px;
}

  .custom-navbar-toggler:hover {
    background-color: #39404d !important;
  }


.navbar-toggler-btn {
  margin-top: 10px;
  margin-bottom: 10px;
  border-color: #333;
  padding: 0px;
}

.navbar-btn {
  margin-top: 10px;
  margin-bottom: 5px;
  height: 60px;
}

/*changes for navbar-toggler*/
.custom-toggler {
  background: url("../../images/Error-Small.png");
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  /*background: no-repeat center center;*/
  background-size: 100% 100%
}

.table-responsive {
  border: 0px;
  display: table;
}

@media (max-width: 767px) {
  .table-responsive {
    position: static !important;
    overflow: auto;
  }
}

@media (min-width: 768px) {
  .table-responsive {
    overflow: visible;
  }
}

/*
font-family: 'CitrixIcons';
    src: url(../Fonts/citrixicons.ttf); */


@media (min-width: 1200px) {
  .col-xl-9 {
    max-width: 78%;
  }
}

.disabledContent {
  color: lightgrey;
  pointer-events: none;
}

a.disabledContent {
  background-color: lightgrey;
  pointer-events: none;
}

.fixedWidth {
  /*min-width:305px;*/
  width: 400px;
}

ul.bullets {
  list-style-type: disc;
}

  ul.bullets li {
    margin-bottom: 12px;
  }

.buttonFixedWidth {
  width: 150px;
}

#fileSelectButton {
  height: 30px;
  width: 120px;
  font-size: 14px;
  background-color: rgb(5, 117, 138);
  border: rgb(5, 117, 138) 1px solid;
  color: white;
  font-family: publicsans-semibold;
  font-weight: 500;
}

#fileSelectText {
  height: 30px;
  width: 300px;
  font-size: 14px;
  background-color: #E6E6E6;
  border: #D6D6D6 1px solid;
  padding-left: 10px;
  vertical-align: bottom;
}

.troubleshootDiv {
  padding-left: 16px;
}

.fa-chevron-down {
  top: 2px;
}

.fa-icon-exclamation-sign-red {
  color: red;
}

.fa-icon-ok {
  color: #008052;
  padding-top: 5px;
}

#SpinnerImporting {
  float: left;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
}

.uploadingLabel {
  height: 100%;
  text-align: center;
  font: 13px;
  padding-left: 15px;
  font-family: publicsans-normal;
}

.tooltip-installLic {
  margin-left: 5px;
  width: 30px;
  height: 30px;
}

#findLicenses {
  font-family: publicsans-semibold;
  font-weight: 600;
}

#allocateLicenseDiv .input-label {
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight: normal;
}

@media (min-width: 1200px) {
  .col-xl-8 {
    width: 82%;
  }
}

.clickableNotificationItem {
  cursor: pointer;
  background: #BDF0ED;
}

.nonClickableNotificationItem {
  cursor: default;
}

.table-noline td {
  border-top: none !important;
  height: 46px;
}

.sls-settings-sheet {
  padding-top: 2px;
  overflow-x: visible;
}

table.table.table-condensed {
  border: 1px solid black;
  border-top: 1px solid black;
  margin-top: 40px;
}

.edit-input {
  display: none;
}

.edit-port-buttons {
  /*display:none;*/
  margin-left: 30px;
  width: 126px;
}

.edit-port-section {
  display: none;
}

.ServerConfFooter {
  display: none;
}

.btn-primary-outline {
  color: #1CBEF1;
  background-color: transparent;
  border-color: white;
}

  .btn-primary-outline:hover {
    color: #1CBEF1;
    background-color: transparent;
    border-color: white;
  }

.sgp-description {
  padding-top: 10px;
  font-family: publicsans-regular;
  font-size: 11pt;
  color: #333;
}

.port-editField {
  width: 90px;
  height: 25px;
  text-align: center;
}

.port-error-edit {
  border: solid 1px #cc2a0b !important;
}

.port-noerror-edit {
  border: solid 2px #EEEEEE;
}

.readonly-input, .readonly-input:focus, .readonly-input:hover, .readonly-input:active {
  background: transparent;
  border: none;
  /*padding-left:50px;*/
  text-align: left;
}

.edit-pencil-btn {
  background: transparent;
  border: none;
  padding-left: 30px;
}

  .edit-pencil-btn:hover, .edit-pencil-btn:active, .edit-pencil-btn:focus, .edit-pencil-btn.active:focus {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    border-color: transparent;
    padding-left: 30px;
  }

    .edit-pencil-btn:focus:active {
      background-color: transparent;
      background-repeat: no-repeat;
      border: none;
      border-color: transparent;
    }

.edit-pencil-second {
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  padding-left: 0px;
}

.button-withoutBorder, .button-withoutBorder:hover, button-withoutBorder:focus, .button-withoutBorder:active {
  background-color: Transparent;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  overflow: hidden;
  outline: none;
  display: inline-block;
  margin-left: 10px;
}
/*.languageValue-label {
  padding-left:50px;
  text-align: center;
}*/

/*************************************/
/*New items*/
.settings-sheet {
  padding-left: 60px;
  padding-bottom: 350px;
  background-color: #F6F9FB;
}

.setting-page-title {
  margin-left: 60px;
  margin-bottom: 24px;
}

.setting-section-updates {
  border: 1px solid;
  border-color: #BDF0ED;
  width: 90%;
  min-width: 415px;
  padding-left: 30px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
  background-color: white;
}

.product-info-section {
    border: 1px solid;
    border-color: #BDF0ED;
    width: 75%;
    min-width: 415px;
    padding-left: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    background-color: white;
}

#subtabs.nav-tabs > .nav-item > .active, .nav-tabs > .nav-item > .active {
  font-weight: bold;
  font-family: publicsans-semibold;
  outline: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 6px solid rgb(5, 117, 138);
}

#subtabs.nav-tabs > .nav-item > :hover, .nav-tabs > .nav-item > :hover {
    color: rgb(5, 117, 138);
  }

#subtabs.nav-tabs li a {
  font-size: 16px;
  background: none;
  border: none;
}

.off {
  background: url("../../images/Normal-OFF-67x26.png");
  width: 67px;
  height: 27px;
  margin-left: 40px;
  border: none;
}

.on {
  background: url("../../images/Normal-ON-67x26.png");
  width: 67px;
  height: 27px;
  margin-left: 40px;
  border: none;
}

.navbar-dropdown {
  text-decoration: none;
  color: white;
  font-family: publicsans-regular;
  font-size: 12px;
  padding-left: 5px;
  text-align: left;
  cursor: pointer;
}

#dropdown_lsVer {
  text-decoration: none;
  color: white;
  padding-left: 5px;
  text-align: left;
  font-family: publicsans-semibold;
  font-weight: 600;
}

.modal-force-upload-wait {
  width: 704px;
  height: 353px;
  box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}

.modal-force-upload-header {
  border-bottom: none;
  padding-top: 20px;
  padding-bottom: 9px;
}

.modal-force-upload-body {
  padding-bottom: 33px;
}

.modal-force-upload-header-icon {
  height: 112px;
  width: 112px;
  padding-left: 281px;
}

.modal-force-upload-close {
  padding-right: 10px;
  padding-top: 5px;
}

.modal-force-upload-body-message {
  font-family: publicsans-regular;
  font-size: 24px;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  color: #171717;
  margin-left: 146px;
  width: 380.8px;
}

.modal-force-upload-footer-button, .modal-force-upload-footer-button:hover {
  background-color:  rgb(5, 117, 138);
  color: white;
  width: 90px;
  font-family: publicsans-semibold;
  font-weight: 600;
}

.pop-up-outline {
  width: 752px;
  height: 400px;
}

.pop-up-header-icon {
  padding-left: 335px;
  font-size: 30px;
}

.pop-up-header {
  border-bottom: none;
}

.popup-body-paragraph1 {
  width: 700px;
  /*height: 72px;*/
  height: auto;
  font-size: 24px;
  text-align: center;
  color: #171717;
  padding-left: 20px;
}

.registration-popup-a, .registration-popup-a:hover, .registration-popup-a:focus, .registration-popup-a:active {
  width: 700px;
  /*height: 72px;*/
  height: auto;
  font-size: 12px;
  text-align: center;
  color: #0953db;
  text-decoration: none;
}

.popup-body-paragraph2 {
  width: 700px;
  /*height: 40px;*/
  height: auto;
  font-size: 16px;
  text-align: center;
  color: #171717;
  padding-left: 30px;
}

.popup-footer {
  border-top: none;
  justify-content: center;
  padding-bottom: 50px;
}

.popup-body {
  text-align: center;
}

.popup-Links{
  color: rgb(5, 117, 138);
  font-size: 16px;
}

.port-edit-field {
  width: 90px;
  height: 25px;
  text-align: center;
}

.port-label {
  font-family: publicsans-regular;
  font-size: 14px;
}

.portSection-header {
  width: 90%;
  text-align: left;
  font-family: publicsans-semibold;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-top: 40px;
  font-size: 14px;
  font-weight: 600;
}

.setting-section-subHeader {
  font-family: publicsans-regular;
  font-weight: normal;
  font-size: 14px;
}

.setting-section-proxy {
    font-family: publicsans-regular;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 30px;
}

.faq-tooltip + .tooltip > .tooltip-inner {
  background-color: #495265;
}

#tooltip-RP > .tooltip > .tooltip-inner {
  background-color: #495265;
  color: #000;
}

.port-error-message {
  font-family: publicsans-regular;
  font-size: 14px;
  text-align: left;
  color: #d4522a;
  padding-left: 20px;
  max-width: 350px;
  vertical-align: top;
  margin-top: -20px;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* Addition for User Management*/
.userAdd-header {
  text-align: left;
  background-color: #8794AA;
  color: white;
  font-family: publicsans-semibold;
  font-size: 16px;
  vertical-align: middle !important;
  height: 52px;
}

.userList-table-header {
  color: white;
  background: #8794AA;
  font-size: 14px;
  font-family: publicsans-semibold;
  font-weight: 600 !important;
}

  .userList-table-header > th {
    font-weight: 600 !important;
  }

.noborder {
  padding-left: 20px;
}

  .noborder td {
    border: none !important;
    padding-left: 20px !important;
    padding-top: 20px !important;
  }

  .noborder th {
    margin-bottom: 20px !important;
    padding-left: 20px !important;
  }

.verticalBorderLess tr {
  border-bottom: 1px solid #ddd;
  border-collapse: collapse;
}

.verticalBorderLess td, .verticalBorderLess th {
  border: none !important;
  padding: 8px;
}

.userOrGroupAdd-fields {
  height: 36px;
  width: 350px;
}

.userAdd-sheet {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 60px;
  padding-top: 10px;
  padding-bottom: 450px;
  background-color: #F6F9FB;
}

.userAdd-title {
  vertical-align: middle;
  background-color: white;
  height: 70px;
}

.addGroup-Textarea {
  width: 75%;
}

.userAdd-label {
  font-family: publicsans-regular;
  font-size: 24px;
  Font-Style: normal;
  Text-Align: left;
  Letter-Spacing: 0em;
  Opacity: 1;
  padding-top: 20px;
  padding-left: 20px;
}

.userAdd-backButton {
  background: transparent;
  border: none;
  padding-bottom: 10px;
}

.add-button {
  background-color: rgb(5, 117, 138);
  color: white;
  width: 90px;
  font-weight: 600;
  font-family: publicsans-semibold;
}

  .add-button:focus, .add-button:hover, .add-button:active {
    background-color: rgb(5, 117, 138);
    color: white;
  }

.user-remove-button {
  margin-left: 20px;
  background: transparent !important;
  border-color: rgb(5, 117, 138) !important;
  color: rgb(5, 117, 138) !important;
  width: 80px;
  font-weight: 600;
  font-family: publicsans-semibold;
}

  .user-remove-button:focus, .user-remove-button:hover, .user-remove-button:active {
    color: rgb(5, 117, 138);
  }

.upload-now-button {
  background: transparent;
  border-color: rgb(5, 117, 138);
  color: rgb(5, 117, 138);
  font-family: publicsans-semibold !important;
  font-weight: 600 !important;
  /* width: 165px; */
  margin: 15px;
}

  .upload-now-button:focus, .upload-now-button:hover, .upload-now-button:active {
    color: rgb(5, 117, 138);
  }

.caret-button {
  margin-left: 10px !important;
}

.userAdd-span-text {
  font-size: 14px;
  font-family: publicsans-regular;
}

.user-modify-cancel, .user-modify-cancel:hover {
  background: transparent;
  border-color: rgb(5, 117, 138);
  color: rgb(5, 117, 138);
  width: 140px;
  margin-bottom: 20px;
}

.user-modify-update {
  margin-left: 20px;
  width: 140px;
  margin-bottom: 20px;
}

.addUser-error-message {
  font-family: publicsans-regular;
  font-size: 14px;
  text-align: left;
  color: #d4522a;
  padding-left: 5px;
  vertical-align: top;
}

.change-hyperlink {
  border: 0px;
  color: rgb(0, 84, 99);
  text-decoration: solid;
  font-weight: normal;
  background: url(../../images/transparent.png) top repeat;
}

.retentionPeriodLink {
  padding-top: 15px;
}

.RetentionPeriodLabel {
  color: #171717;
  font-size: 14px;
  font-family: publicsans-regular;
}

.StepsForRegistrationPanel {
  /*max-width:520px;*/
  margin-top: 10px;
  font-size: 14px;
  font-family: publicsans-regular;
}

.BeforeRegistrationLabel {
  padding-left: 20px;
}

.dashboard-sls-sheet {
  padding-left: 32px;
  background-color: #f6f9fb;
  padding-top: 20px;
  padding-bottom: 528px;
  overflow-x: auto;
}

.dashboard-page-title {
  padding-left: 32px;
  margin-bottom: 33.8px;
  font-family: publicsans-regular !important;
}

.dashboard-hr {
  width: 95%;
  min-width: 710px !important;
  height: 3px;
  margin-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 14px !important;
}

#InventoryTable, #LasEntitlementTable {
  width: 95%;
  min-width: 710px;
  border-collapse: collapse;
}

.subRowSpan .license-invTable-header {
  color: white;
  background-color: #8794AA;
  font-size: 12px;
  font-family: publicsans-regular;
}

.subRowSpan {
  background-color: white;
  width: 100%;
  color: #171717;
}

.lasInvGroupedItems, .invGroupedItems {
  background-color: white;
  padding-left: 27px;
  width: 100%;
}

.invGroupedItemShow {
  padding-top: 16px;
  padding-bottom: 27px;
}

#InventoryTable th, #LasEntitlementTable th {
  color: #171717;
  font-size: 14px;
  font-family: publicsans-medium;
  font-weight: 500;
}

#InventoryTable > thead > tr > th {
  padding-left: 28px;
}

/*#InventoryTable tbody tr{
    background-color: white;
    height: 72px;
    margin-left: 25px;
}*/

.pem-invTable-row:nth-child(odd) {
  /*border-bottom:10px solid #f6f9fb;*/
  border-top: 10px solid #f6f9fb;
  background-color: white;
  height: auto;
  margin-left: 3px;
  line-height: normal;
  display: flex;
  align-items: center;
}

.pem-invTable-row td {
  font-size: 16px;
  font-weight: normal;
  padding: 15px;
  padding-left: 25px;
  color: #171717;
}

.inventory-header, .las-entitlement-header {
  font-family: publicsans-medium;
  font-weight: 500;
}

.pem-invTable-row td .productEdition {
  font-family: publicsans-semibold;
  font-weight: 600;
}

.pem-invTable-row td .available {
  font-size: 14px;
}

.menu-right-icon {
  width: 13px;
  height: 18px;
  display: block;
  background-image: url('../../images/menu-right.png');
}

/*temporary till glyph changes incorporated*/
.menu-up-icon {
  width: 13px;
  height: 18px;
  display: block;
  background-image: url('../../images/menu-right.png');
}

.inUse {
  width: 65%;
  text-align: left;
  padding-left: 15px;
  padding-top: 4px;
  float: left;
}

.pem-invTable-row td .dots {
  font-size: 30px;
}
/*
.model-arrow{
    width: 14.3px;
    height: 14.3px;
    object-fit: contain;
}
    */
.license-invTable {
  margin-right: 12%;
  padding-top: 20px;
  width: 87%;
}

  .license-invTable th {
    background-color: #8794aa;
    color: white !important;
    font-size: 12px !important;
  }

  .license-invTable tr:nth-child(odd) {
    border-top: 0px !important;
    height: 48px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: normal;
    display: flex;
    align-items: center;
  }

.license-table-header {
  color: white;
  background: #8794AA;
  font-size: 14px;
  font-family: publicsans-regular;
  height: 56px;
}

.license-invTable-row {
  height: 48px;
  background-color: #ffffff;
  margin-left: 0px;
  margin-right: 0px;
  line-height: normal;
  display: flex;
  align-items: center;
}

  .license-invTable-row td {
    color: #171717;
    font-size: 12px;
    padding-left: 25px;
    padding-right: 25px;
  }

circle {
  fill: #d8d8d8;
  stroke: #6DC193;
  stroke-width: 5px;
}

.invTable-svg {
  transform: rotate(-90deg);
  padding: 0px;
  float: left;
}

.registraion-digit-input {
  font-family: publicsans-semibold;
  font-weight: 600;
  font-size: 16px;
  background-color: #eeeeee;
  border: 1px solid #bbbbbb;
  border-radius: 5px;
  width: 36px;
  height: 48px;
  margin: 2px;
  text-align: center;
  padding-top: 12px;
}

.registraion-digit-devider {
  font-size: 16px;
  color: #bbbbbb;
  width: 8px;
  border: 1px;
}

.registration-Button {
  margin-top: 10px;
  min-width: 100px;
  width: 96px;
  background: rgb(5, 117, 138);
  border-color: rgb(5, 117, 138);
  font-family: publicsans-semibold !important;
  font-weight: 600 !important;
}

.registration-button-primary, .registration-button-primary:hover, .registration-button-primary:focus, .registration-button-primary:active {
  background: rgb(5, 117, 138);
  border-color: rgb(5, 117, 138);
  color: white;
  box-shadow: rgb(5, 117, 138);
}

.registration-Button:focus, .registration-Button:hover, .registration-Button:active {
  background: rgb(5, 117, 138);
  border-color: rgb(5, 117, 138);
}

.registration-pop-up-outline {
  width: 640px;
}

.registration-pop-up-header-icon {
  text-align: center;
  font-size: 30px;
  width: 100%;
  padding: 16px 24px;
}

.registration-pop-up-header {
  border-bottom: none;
  align-items: center;
}

.header-title {
  font-family: publicsans-semibold;
  font-weight: 700;
  float: left;
  display: flex;
}

.not-registration-pop-up-header-icon {
  padding-top: 57px;
  padding-left: 290px;
  font-size: 30px;
  display: flex;
}

.not-registration-error-pop-up-header-icon {
  margin-top: 30px;
  font-size: 30px;
}

.registration-popup-body-paragraph1 {
  height: auto;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  color: #171717;
}

.registration-popup-body-paragraph2 {
  width: 100%;
  /* height: 40px; */
  height: auto;
  font-size: 16px;
  text-align: left;
  color: #171717;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.registration-popup-footer {
  padding: 16px;
  text-align: center;
  border-top: none;
  margin-bottom: 16px;
  justify-content: center;
  display: block;
}

  .registration-popup-footer > button {
    font-family: publicsans-semibold;
    font-size: 14px;
    font-weight: 600;
    background-color: #05758A;
  }

.registration-popup-footer-button, .registration-popup-footer-button:hover, .registration-popup-footer-button:focus, .registration-popup-footer-button:active {
  background: rgb(5, 117, 138);
  border-radius: 20px;
  border-color: rgb(5, 117, 138);
  height: 40px;
  width: 126px;
  color: white;
}

.registration-popup-shortcode-outline {
  width: 800px;
}

.registration-popup-body-shortcode-paragraph1 {
  width: 100%;
  height: auto;
  font-size: 16px;
  text-align: center;
  color: #171717;
}

.dont_ask_again_checkbox {
  width: 20px;
  height: 20px;
}

.dont_ask_again_label {
  vertical-align: top;
  padding-left: 10px;
  font-weight: normal;
}

.registration-copy-button {
  width: 24px;
  height: 24px;
  background: url('../../images/icon-copy.svg') no-repeat center center;
  margin-left: 12px;
}


.registration-copied-button {
  width: 24px;
  height: 24px;
  background: url('../../images/icon-copied-gray.svg') no-repeat center center;
  margin-left: 12px;
}

.shortCodeDiv {
  display: flex;
  align-items: center;
  justify-self: center;
  margin-bottom: 24px;
}


.table-noline-serverInfo td {
  border-top: none !important;
  height: 30px !important;
  padding: 6px !important;
}

.serverKey {
  font-size: 14px;
  font-weight: normal;
  color: #566075;
}

.serverValue {
  font-size: 14px;
  font-weight: 600;
  color: #566075;
}

.error-popup-body-title {
  font-size: 24px;
  font-weight: 600;
  color: #171717;
}

.error-popup-body-message {
  font-size: 16px;
  text-align: start;
  margin: 0 24px;
}


.de-registration-Button {
  background: transparent !important;
  border-color: rgb(5, 117, 138) !important;
  color: rgb(5, 117, 138) !important;
  margin-top: 10px;
  min-width: 100px;
}

  .de-registration-Button:focus, .de-registration-Button:hover, .de-registration-Button:active {
    /* background: transparent;
    border-color: #0090DD; */
    color: rgb(5, 117, 138);
  }

.warning-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

  .warning-ellipsis:hover {
    overflow: visible;
    white-space: normal;
  }

.pem-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
}


.selected-input .dropdown-a:hover {
  background: none !important;
}

.dropdown-button .dropdown-a {
  outline: none;
  color: #333;
}

[data-toggle="collapse"].collapsed .if-not-collapsed {
  display: none;
}

[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none;
}

.pageLoadingSpinnerConatiner {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #0091de;
  font-size: 48px;
  text-align: center;
  padding-top: 400px;
  /*margin-top: 400px;*/
  z-index: 999;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #BDF0ED !important;
}

.proxyUnreachable {
    border: 2px red solid;
}

#dashboardSubtabs.nav-tabs > .nav-item > .active, .nav-tabs > .nav-item > .active {
  font-weight: bold;
  font-family: publicsans-semibold;
  outline: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 6px solid rgb(5, 117, 138);
}

#dashboardSubtabs.nav-tabs > .nav-item > :hover, .nav-tabs > .nav-item > :hover {
    color: rgb(5, 117, 138);
  }

#dashboardSubtabs.nav-tabs li a {
  font-size: 16px;
  background: none;
  border: none;
}

.nav-new-tag {
  display: block;
  background: #E3D6FF;
  padding: 4px 8px;
  border-radius: 4px;
  color: #691CC2;
  font-weight: 600;
}

#LasEntitlementTable > thead > tr > th {
  padding-left: 20px;
}

#LasEntitlementTable .pem-invTable-row {
  border-top: 10px solid #f6f9fb;
  background-color: white;
  height: auto;
  margin-left: 3px;
  line-height: normal;
  display: flex;
  align-items: center;
}

#LasEntitlementTable .pem-invTable-row td {
  padding: 20px 15px;
}

.las-dashboard {
  padding:0px 32px 528px;
  background-color: #f6f9fb;
  overflow-x: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.las-dashboard-row {
  flex: 1;
  padding:7px;
}

.las-dashboard-hr {
  width: 100%;
  margin: 10px 10px 14px;
  min-width: 710px !important;
  height: 3px;
}

.las-dashboard-empty-state {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: #F3F3F3;
}

.not-register-text, .not-onboard-text {
  margin: 64px 64px 32px;

  a {
    margin-top: 40px;
    border: 0px;
    color: rgb(0, 84, 99);
    text-decoration: underline;
    background: url("../../images/transparent.png") top repeat;
  }
}

.not-onboard-text {
  margin-bottom: 160px;
}

.redirect-button {
  margin-bottom: 300px;
  background-color: rgb(5, 117, 138);
  color: white;
  width: 160px;
  font-weight: 600;
  font-family: publicsans-semibold;
}

.redirect-button:hover{
  background-color: rgb(5, 117, 138);
  color: white;
}

.info-chip {
  background-color: rgba(189, 240, 237, 0.3);
  padding: 16px 24px 16px 16px;
  border-radius: 6px;
  margin: 32px 0;
  display: flex;
}

.warning-chip {
  padding: 16px 24px 16px 16px;
  margin: 32px 0;
  display: flex;
}

.warning-chip-text, .info-chip-text {
  white-space: normal;
  margin-right: 20px;

  a {
    margin-top: 40px;
    border: 0px;
    color: rgb(0, 84, 99);
    text-decoration: underline;
    background: url("../../images/transparent.png") top repeat;
  }

  button {
    color: rgb(0, 84, 99);
    text-decoration: underline;
    background: url("../../images/transparent.png") top repeat;
    padding-left: 2px !important;
  }
}

.registerTabHeader {
  font-size: 16px;
  font-family: publicsans-regular;
  font-weight: 600;
}


.registerInfo {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.registerCustomerInfo {
  padding-left: 20px;
  border-left: 1px solid #D9D9D9;
}

.registrationLabel {
  padding-right: 8px;
  font-weight: 600;
  line-height: 24px;
}

.cloudRegisterContent {
  margin-top: 16px;
  padding: 8px 16px;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  display: block;
  width: fit-content;
  margin-bottom: 8px;
}

.registerStatus {
  display: flex;
  margin-bottom: 8px;

  .status {
    font-family: publicsans-semibold;
    font-weight: 600;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 4px 8px;
    margin-right: 8px;
  }
}

.offline-status {
  color: #171717;
  background-color: #E6E6E6;
}

.register-cc-status {
  color:#003D48;
  background-color: #BDF0ED;
}

.unregister-cc-status {
  color:#555555;
}

.online-status {
  color: #296400;
  background-color: #E1FBDA;
}

.not-use-las-status {
  color: #A34400;
  background-color: #FFF1E8;
}

.registration-offline-link {
  color: #05758A;
  text-decoration: underline;
  cursor: pointer;
}

.error-header {
  border-top: 8px solid #AB0000;
}

.warning-header {
  border-top: 8px solid #D15700;
}

.generate-new-code {
  padding: 0;
  margin-left: 4px;
  color: #05758A;
  vertical-align: baseline;
}

.registration-code-expired-icon {
  width: 16px;
  height: 16px;
  background: url('../../images/icon-error.svg') no-repeat center center;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 4px;
}

.error-popup-header-icon {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background: url('../../images/icon-error-24x24.svg') no-repeat center center;
  display: inline-block;
  vertical-align: text-top;
}

.warning-popup-header-icon {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background: url('../../images/icon-warning.svg') no-repeat center center;
  display: inline-block;
  vertical-align: text-top;
}

.modal-close {
  width: 24px;
  height: 24px;
  background: url('../../images/icon-close.svg') no-repeat center center;
  cursor: pointer;
  float: right;
  border: none;
  margin-top: 8px;
}

.warning-bar {
  background-color: #FFF1E8;
  padding: 12px 16px;
  display: flex;
}

.warning-chip-icon {
  width: 24px;
  height: 24px;
  background: url('../../images/icon-warning.svg') no-repeat center center;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 12px;
}

.error-chip {
  background-color: #FFE4E4;
  padding: 12px 16px;
  display: flex;
}

.error-chip-icon {
  width: 24px;
  height: 24px;
  background: url('../../images/icon-error-24x24.svg') no-repeat center center;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 12px;
}

.close-icon {
  width: 24px;
  height: 24px;
  background: url('../../images/icon-close.svg') no-repeat center center;
  cursor: pointer;
  margin-left: auto;
}

.refresh-icon {
  width: 16px;
  height: 16px;
  background: url('../../images/icon-refresh.svg') no-repeat center center;
  cursor: pointer;
  margin-top: 32px;
  margin-left: 8px;
  display: inline-block;
}

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