@font-face {
  font-family: 'OpenSans';
  src: local('OpenSans'), url(/r/static/media/OpenSans-Regular.17e98b9e5586529b13cc.ttf) format('truetype');
}

@font-face {
  font-family: 'SourceSansPro';
  src: local('SourceSansPro'), url(/r/static/media/SourceSansPro-Regular.358e8828cd2fc97c7e74.ttf) format('truetype');
}

@font-face {
  font-family: 'OpenSans';
  src: local('OpenSans'), url(/r/static/media/OpenSans-Regular.17e98b9e5586529b13cc.ttf) format('truetype');
}

/* Common Styles **** Start *************/
body {
  margin: 10;
  padding: 10;
  font-family: sans-serif;
}

.react-bootstrap-table .table {
  table-layout: auto !important;
}

.react-bootstrap-table {
  overflow-x: scroll;
}

.override-x-scroll-table .react-bootstrap-table {
  overflow-x: unset !important;
}

.modal.show .modal-dialog {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.mask-body .main-cls{
    pointer-events: none;
    opacity: 0.5;
}

.mask-body .main-loading-img {
    display:block;
}

.main-loading-img {
    margin-top: -50%;
    margin-left: 25%;
    width: 500px;
    z-index: 1009;
    position: relative;
    display: none;
}

/* Styling Root div for the whole navigator landing page */
#maincontent{
  background-color: #ffffff;
  height: 100%;
  width:100%;
}

#tp-content-container {
  padding-left: 5%;
  padding-right: 5%;
  min-height: 1000px;
}
/* Common Styles **** End *************/

/* Header Styles **** Start *************/

#tierpoint_nav {
  background-color: #eeeeee;
}

.tp-snow-header {
  height: 103px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1003;
}

.tp-content-div {
  margin-top: 103px;
}

.tp-snow-header .tp-nav .navbar {
  padding: 0;
  background: #eeeeee;
}

.tp-snow-header .tp-nav .nav-link {
  color: #383838;
}

.tp-snow-header .tp-nav li:hover{
  background-color: #f1f1f1;
}

.tp-snow-header .tp-nav a {
  display: block;
  line-height: 20px;
  padding-top: 11px;
  padding-bottom: 12px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
}

.tp-snow-header .tp-nav .nav-item:hover>a {
  color: #383838;
}

/* ServiceNow compatible header */

.tp-snow-header .navbar {
  padding: 0;
  padding-right: 10px;
  background: #ffffff;
}

.tp-snow-header .tp-header-logo {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  background: #ffffff;
}

.tp-snow-header .dropdown-menu {
  width: auto;
}

.tp-snow-header .left-actions li:hover{
  background-color: #ffffff;
}

.tp-snow-header .left-actions li:last-child:hover{
  background: #393838;
}

.tp-snow-header .navbar-nav {
  line-height: 59px;
  vertical-align: middle;
}

.tp-snow-header .nav-link {
  padding-top: 0;
  padding-bottom: 0;
  color: #383838;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
}

.tp-snow-header .nav-item {
  padding-left: 5px;
  padding-right: 5px;
  height: 100%;
}

.tp-snow-header .nav-item:hover {
  background: #383838;
}

.tp-snow-header .nav-item:focus {
  background: #383838;
}

.tp-snow-header .nav-item:hover>a {
  color: #ffffff;
}

.tp-snow-header .dropdown-header {
  margin-top: 5px;
  padding: 10px 20px;
  background: #EEEEEE;
  color: #383838;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
}

.tp-snow-header .user-avatar {
  float: left;
  margin-right: 5px;
  margin-top: 15px;
  background-color:  #dddddd;
  border-radius: 50%;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
  height: 32px;
  width: 32px;
  text-align: center;
}

.tp-snow-header .user-avatar span {
  display: block;
  margin-top: -15px;
  font-size: 10px;
  font-weight: 700;
  color: #383838;
}

.tp-snow-header .dropdown-header .label {
  padding-bottom: 5px;
  color: #000000;
}

.tp-snow-header .notifications-div {
  margin-top: 12px;
  margin-left: 12px;
}

.tp-snow-header .notifications-div img:hover {
  cursor: pointer;
}

.tp-snow-header .dropdown-item:focus {
  box-shadow: none;
  outline: 0px !important;
}

.tp-snow-header ul {
  list-style-type: none;
}

.tp-snow-header .no-items {
  margin: 15px;
  color: #383838;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  width: 200px;
}

.dropdown-menu {
  min-width: 9rem;
  margin: 0px 0 0;
  padding: 5px 0;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, .15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  background-clip: padding-box;
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  width: 100%;
}

/* Header Styles **** End *************/

/* Entity browser styles start ************/

.tp-snow-header .form-control{
  background-color: #DBEAD8;
  line-height: 1;
  border-radius: 0px;
  font-size: 12px;
}
.tp-snow-header .form-control:focus {
  border-color:  #3fAE29 !important;
  box-shadow: 0 0 0px #3fAE29 !important;
  background-color: #ffffff;
}
.ebDropDown{
  padding-inline-start : 0px;
  padding-left: 0px;
}
.ebForm{
  width: 220px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

.ebForm li {
  background: #F1F1F1;
  min-width: 205px;
  padding: 2px 12px;
  cursor: pointer;
}
.ebForm  li:nth-child(odd) { background: #FFFFFF; }

.ebForm ul{
  line-height: 22px;
  overflow-y: auto;
  padding: 0px;
  max-height: 320px;
  font-size: 12px;
  overflow-x: hidden;
}
.ebFormControl{
  margin-bottom: 2px;
}
.ebactive{
  background-color: #43B02A;
  border: none;
  color: white;
}
/*
#ebDropDown li>a:hover{
   color: #3fAE29;
}
*/
.ebTextColor{
  color : #43B02A !important;
}
.ebForm ul>li:hover {
  background-color: #43B02A !important;
  color:white;
}
.ebDropDown .dropdown-menu{
  color : none;
}
.tp-snow-header .form-control:disabled {
  background-color: #43B02A;
}
.ebDropDown .dropdown-item:focus{
  background-color: #263130;
  color : white;
}

/*
.ebDropDown .dropdown-item:hover{
  color: #3fAE29 !important;
}
*/

.nav-header .dropdown-item:focus{
  background-color: #263130;
  color : white;
}
#ebMenuForm ul>li:hover {
    background-color: #263130;
    color: white;
}

#ebMenuForm{
  padding-left: 0px;
}
::placeholder{
  font-size: 12px;
}

#ebMenuForm .btn {
  color: #2e2e2e;
  line-height: 20px;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  background-color: inherit;
  border: 0;
  padding: 0;
}
    
#ebMenuForm .btn:hover {
  color: #ffffff;
}

#ebMenuForm .btn:focus {
  box-shadow: none;
  color: #ffffff;
}


/* Entity browser styles end ************/

/* Menubar Styles **** Start *************/
.affix {
  position: fixed;
  top: 0;
  width: 100%;
  /*z-index: 1030;*/
}

#tp-mainnav {
  padding-top: 0;
  padding-bottom: 0;
  padding: 0;
  background: #ffffff;
  font-size: 14px;
  line-height: 1.0;
  border-bottom: 4px solid #419c48;
  transition: 250ms opacity ease-in-out;
  -webkit-transition: 250ms opacity ease-in-out;
}


.menuBarLoader {
  margin-left: 30% !important;
  height: 35px !important;
  width: 35px !important;
}


/* Over-riding dropdown item CSS to make menu items and and link to be vertically aligned */
.dropdown-item {
  padding: 3px 20px;
  color: #2e2e2e;
  line-height: 20px;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
}

.dropdown-item:hover{
  background-color: #383838 !important;
  color: #d3d3d3;
}

li>div>a:hover{
  background-color: #383838 !important;
  color: white !important;
}

.grayOutImg {
  opacity: 0.4;
  filter: alpha(opacity=40); /* msie */
}

a:hover{
color : white;
}
/* Menubar Styles **** End *************/

/* global action bar styles start ***/
 
.action-modal-close-button {
  position: absolute;
  height: 34px;
  width: 25px;
  border: none;
  background: #403d3f url(/r/static/media/icon-x.0874b6bd7e858176f2ce.png) 5px 12px no-repeat;
}

.action-modal {
  transform: translate3d(25%,0,0);
  border-radius : 0px;
  font-size: 12px;
  margin: 0;
  background-color: rgba(204,204,204,0.5);
  max-width: none;
  padding-left: 0px !important;
  margin: unset !important;
}

.contact-close-button{
  position: absolute;
  height: 34px;
  width: 25px;
  border: none;
  background: #403d3f url(/r/static/media/icon-x.0874b6bd7e858176f2ce.png) 5px 12px no-repeat;
}

.linkColor{
  color : rgb(63, 174, 41);
}
.globalContactContent{
  background: #403d3f;
  border-radius: 0px;
  width : 343px;
  border: none;
}

.global-contactInfo-wnd{
  color: white;
}

.globalCreateTicketContent{
  background-color: rgb(64, 61, 63);
  border-radius: 0px;
  width : 645;
  margin: 0px;
  overflow-y: auto;
  border: none;
}
.globalFeedbackContent{
  background-color: rgb(64, 61, 63);
  border-radius: 0px;
  width : 500px;
  margin: 0px;
  color: white;
  overflow-y: auto;
  border: none;
}

.modal-header{
  background: rgb(64, 61, 63);
  border-bottom: none;
  padding: 16px;
  height: 20px;
}
.modal-body{
  font: normal 12px/14px "Grill Sans",Arial;
}
.modal-footer{
  background: rgb(64, 61, 63);
  border-top : none;
  padding: 8px 16px;
}
.modal-title{
    font-size: 16px;
    color : white;
}
.editor {
 width: 520px;
 margin: 0 auto;
 background: white;
 min-height: 170px;
 max-height: 350px;
 color : black;
 overflow-y: auto;
}
.toolBarFont{
  width: 95px;
  font-size: 11px;
}
.rdw-fontfamily-optionwrapper{
  width : 95px;
}
.toolBarInline .rdw-option-wrapper{
  border : none;
  min-width : 16px;
  padding: 2px;
}
.globalSelect{
  line-height: 0.5;
  height: 20px !important;
}
.required-cls{
  color: red;
  margin-left: 2px;
}

.greenButton{
  min-width: 35px !important;
    background-color: #3FAE29 !important;
    background-image: none !important;
    border: 1px solid #87c551;
    border-radius: 3px;
    height: 25px;
    line-height: 20px;
    font-size: 12px;
    padding: 2px 15px;
}

.add-global-files-btn-cls{
  font-size: 13px;
  color: #3FAE29;
  background: none !important;
  border: none !important;
  margin-bottom: 20px;
  padding-left: 0px;
  cursor: pointer;
}

.add-global-files-btn-cls button:hover {
  cursor: pointer;
  background-color: rgb(53, 146, 34);
  border-color: rgb(42, 115, 27);
}
.alert-msg-text{
  font-size: 12px;
}
.close{
  color : white;
  background-color: white;
}

.globalTicketAlertWnd .modal-content{
  background-color: white;
  padding: 10px;
  width: 300px;
  height: 135px;
}
.globalTicketAlertWnd .modal-footer{
  background-color: white;
}
.globalAddAttachment{
  float: right;
}
.globalCreateTicketContent .form-control{
  height: 25px;
  padding: 0px 5px;
  background-color: white;
  border-radius: 0px;
  font-size: 12px;
}
.globalFeedbackContent .form-control{
  height: 20px;
  padding: 0px 5px;
  background-color: white;
  border-radius: 0px;
  font-size: 0.8rem;
}
.globalFeedbackAlertWnd{
  top: 40%;
}
.globalFeedbackAlertWnd .modal-content{
  background-color: white;
  padding: 10px;
  width: 280px;
}
.globalFeedbackAlertWnd .modal-footer{
  background-color: white;
}

.globalNotificationContent{
  background-color: rgb(64, 61, 63);
  border-radius: 0px;
  width : 340px;
  margin: 0px;
  color: white;
  overflow-y: auto;
  border: none;
  padding: 20px;
}
.globalNotifyCss{
  border-bottom: 1px solid #595859;
}
.subMsg{
  font-size: x-small;
  color: #979496;
}
.globalMsgs{
  padding: 10px 0px;
  border-bottom: 1px solid #595859;
}
.notifyTimeCSS{
  font-size: x-small;
  color: #979496;
}
.badge{
  width: 18px;
height: 18px;
font-size: 9px;
border-radius: 50%;
padding: .5em 0.4em;
vertical-align: top;
font-weight: bold;
margin-left: -5px;
}

.badge-danger{
  background-color: red;
}
.greendot{
  width: 6px;
height: 6px;
background-color: #3fae29;
border-radius: 50%;
margin-right: 6px;
display: inline-block;
margin-left: -12px;
}
/*** global action bar styles end ***/

/* Footer Styles **** Start *************/
footer {
  display:block;
  width: 100%;
  height: 36px;
  background-color: black;
  color: #c9c9c9;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  padding-top: 8px;
}

footer a {
  color: #c9c9c9;
  font-family: "Grill Sans",Arial;
  font-size: 12px;
  margin-right: 3px;
  margin-left: 3px;
}
/* Footer Styles **** End *************/

footer .contact-phone {
  color: #3fAE29;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  margin-right: 5px;
  margin-left: 3px;
  display: inline-block;
}

/* overriding react tabs property*/
.react-tabs__tab--selected {
  border-radius: 0px 0px 0 0 !important;
}


.breadcrumb-container {
  border-bottom: 1px solid #dee5e7;
  background-color: #f0f3f4;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#BreadCrumbId {
  background-color: #f0f3f4;
  padding-left: .5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

#BreadCrumbId .separator {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}

#BreadCrumbId .separator i {
  font-size: 12px;
}

.breadcrumbs a {
  font-family: OpenSans, sans-serif;
  text-decoration: none;
  font-size: 14px;
  color: #165C53;
}

.activeBreadcrumb a {
  font-family: OpenSans, sans-serif;
  text-decoration: none;
  color: #165C53;
  font-size: 14px;
}

.activeBreadcrumb a:hover {
  color: #165C53;
}

.homeBreadCrumb a:hover {
  color: #165C53;
}

/* Modal Popups */

.tp-modal-backdrop {
  background-color: #cccccc;
}

.tp-modal {
  box-shadow: 0 4px 6px 0 rgba(0,0,0,0.08);
  border: 1px solid #D9D9D9;
  border-radius: 2px;
}

.tp-modal-close {
  margin-right: -20px;
  margin-top: -35px;
}

.tp-modal-close:hover {
  cursor:  pointer;
}

.tp-modal-body {
  padding: 25px;
}

.tp-modal-title {
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  color: #000000;
  line-height: 16px;
  min-height: 20px;
  height: auto;
  margin-left: 15px;
}

.tp-modal-content-div {
  margin-top: 10px;
  width: auto !important;
}

.tp-modal-content-div a {
  padding: 3px 0;
  font-size: 12px;
  text-decoration: underline;
  color: #3fAE29;
}

.tp-modal-content-div a:hover {
  text-decoration: none;
  color: #000000;
}

.tp-modal-content-div button {
  background-color: #3FAE29;
  border: 2px solid #87c551;
  border-radius: 3px;
  height: 28px;
  color: white;
  font-size: 12px;
}

.tp-cloud-modal-div button:hover {
    cursor: pointer;
    background-color: rgb(53, 146, 34);
    border-color: rgb(42, 115, 27);
}

/* End Modal Popups */

.footer-class {
  z-index: 900;
}
.accordionHeader {
  color: #333333;
  font-family: Arial;
  font-size: 18px;
  line-height: 21px;
  border-bottom: 1px solid #D3D3D3;
  padding-bottom: 12px;
  padding-top: 25px;
  cursor: pointer;
}

.accordionIcon {
   float: right;
   padding-right:10px;
  }

/* Style applies within a content page (under the breadcrumb) */

.tp-page-container {
  background-color: white;
  padding: 25px;
  margin-bottom: 10px;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}

.tp-page-header {
  font-family: Arial;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 25px;
  margin-left: 0;
  margin-right: 0;
}

.tp-page-header .required-field {
  font-size: 12px;
}

.tp-page-header .required-field span{
  color: red;
}

.tp-page-alert {
  border-radius: '0';
  font-family: Arial;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tp-page-container .alert-dismissible .close {
  padding: .5rem .75rem !important;
}

.tp-add-link {
  margin-top: 12px;
  margin-bottom: 12px;
}

.tp-add-link a {
   text-decoration: none;
   color: #43B02A;
   font-size: 12px;
   font-family: Arial;
   font-weight: bold;
}

.tp-add-link a:hover {
   color: #35981E !important;
   text-decoration: none;
}

.resp_title_Cls a:hover {
  color: black !important;
  text-decoration: none;
}

.tp-add-link a:before {
  content: "";
  display: block;
  background-image: url(/r/static/media/Icon_Add.053940e4f1db46645d7b.svg);
  width: 16px;
  height: 16px;
  float: left;
  margin: 0px 12px 0 0;
  opacity: .50;
}

.tp-add-link:hover a:before {
  opacity: .80;
}

.tp-add-link a {
   text-decoration: none;
   color: #43B02A;
   font-size: 12px;
   font-family: Arial;
   font-weight: bold;
}

.tp-add-link a:hover {
   color: #35981E !important;
   text-decoration: none;
}

.tp-add-link a:before {
  content: "";
  display: block;
  background-image: url(/r/static/media/Icon_Add.053940e4f1db46645d7b.svg);
  width: 16px;
  height: 16px;
  float: left;
  margin: 2px 12px 0 0;
  opacity: .50;
}

.tp-add-link:hover a:before {
  opacity: .80;
}

.tp-add-link span {
  text-decoration: none;
  color: #43B02A;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
}

.tp-add-link span:hover {
  color: #35981E !important;
  text-decoration: none;
  cursor: pointer;
}

.tp-add-link span:before {
 content: "";
 display: block;
 background-image: url(/r/static/media/Icon_Add.053940e4f1db46645d7b.svg);
 width: 16px;
 height: 16px;
 float: left;
 margin: 5px 12px 0 0;
 opacity: .50;
}

.tp-add-link:hover span:before {
 opacity: .80;
}

.tp-link {
  margin-top: 12px;
  margin-bottom: 12px;
}

.tp-link a {
  color: #43B02A;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
}

.tp-link a:hover {
  color: #307c1f !important;
}

.tp-link span {
  color: #43B02A;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
}

.tp-link span:hover {
  color: #307c1f !important;
  cursor: pointer;
}

.tp-route-links a {
  color: #43B02A;
  font-size: 16px;
  font-family: Arial;
  font-weight: normal;
}

.tp-route-links a:hover {
  color: #307c1f !important;
}

/* Form styles - and Bootstrap form overrides */

.tp-form-container {
  padding: 0;
}

.tp-form-container .form-row {
  margin-top: 25px;
  margin-left: 0px;
  margin-right: 0px;
}

.tp-form-container .form-group {
  margin-bottom: 0;
  padding-right: 0px;
  padding-left: 0px;
  line-height: 1.0;
}

.tp-form-container .form-group-last {
  padding-right: 5px;
}

.tp-form-container label {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  color: #000;
  font-family: Arial;
  margin-bottom: 8px;
}

.tp-form-container label span {
  color: red;
  margin-left: 3px;
}

.tp-form-container label img {
  margin-left: 5px;
}

.tp-form-container .form-control:focus {
  box-shadow: none;
  outline: 0 none;
  border-color: #1C9EEC;
  color: #000000;
}

.tp-form-container input {
  font-size: 12px;
  font-family: Arial;
  line-height: 14px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 0px;
  padding-left: 8px;
  color: #000;
}

.tp-form-container input:focus {
  color: black;
  background-color: #ffffff;
}

.tp-form-container .form-control::-ms-reveal {
  display: none !important;
}

.tp-form-container input::-webkit-input-placeholder {
  font-size: 12px;
  font-family: Arial;
}

.tp-form-container input::-moz-placeholder  {
  font-size: 12px;
  font-family: Arial;
}

.tp-form-container input:-ms-input-placeholder {
  font-size: 12px;
  font-family: Arial;
}

.tp-form-container input:focus::-webkit-input-placeholder {
  color:transparent;
}
.tp-form-container input:focus:-moz-placeholder {
  color:transparent;
 }

.tp-form-container .tp-valid input {
  color: #000;
}

.tp-form-container .tp-invalid input {
  color: #000;
  border-color: #D0021B !important;
  background: #ffffff;
}

.tp-form-container .tp-invalid .tp-select__control {
  border-color: #D0021B !important;
}

.tp-form-container .tp-valid .tp-feedback-container {
  /*z-index: 1;*/
  display: none;
  position: absolute;
  padding-top: 5px;
}

.tp-form-container .tp-invalid .tp-feedback-container {
  /*z-index: 1;*/
  display: flow;
  padding-top: 5px;
  line-height: 10px;
}

.tp-form-container .tp-invalid .tp-feedback {
  color:#D0021B;
  font-size: 9px;
  font-weight: bold;
  font-family: Arial;
}

.tp-form-container select {
  font-size: 12px;
  line-height: 1.0;
  height: 26px !important;
  border-radius: 0px;
  color: #000;
  border-color: #1C9EEC;
}

.tp-form-container textarea {
  font-size: 12px;
  line-height: 18px;
  border-radius: 0px;
  padding-left: 8px;
  color: black;
  resize: none;
}

.tp-form-container .tp-resting-state {
  border-color: #D3D3D3;
  background-color: rgba(215,241,255,0.5);
}

.tp-form-container .tp-active-state {
  border-color: #1C9EEC;
  background-color: #ffffff;
}

.tp-form-container textarea:focus {
  border-color: #1C9EEC !important;
  background-color: #ffffff !important;
}

.tp-form-container button {
  background-color: #43B02A;
  border: 1px solid #43B02A;
  border-radius: 3px;
  padding: 5px 8px;
  color: white;
  font-size: 12px;
  line-height: 14px;
  font-family: Arial;
}

.tp-form-container button:hover {
    cursor: pointer;
    background-color: rgb(53, 146, 34);
    border-color: rgb(53, 146, 34);
}

.tp-form-container button:disabled {
  opacity: .5;
}

.tp-form-container .tp-button-group {
  text-align: right;
}

.tp-form-container .tp-button-group button {
  margin-left: 25px;
  margin-top: 10px;
}

.tp-form-container input[readonly] {
  background-color: inherit;
  border: 0;
  padding: 0px;
}

.tp-form-container small {
  font-size: 11px;
  font-style: italic;
  line-height: 1.0;
}

.tp-primary button{
  background-color: #5273E4;
  border: 1px solid #5273E4;
  border-radius: 3px;
  padding: 5px 8px;
  color: white;
  font-size: 12px;
  line-height: 14px;
  font-family: Arial;
  letter-spacing: 0.3px;
}

.PhoneInputInput   {
  /* border-color: #1C9EEC !important; */
  background-color: #ffffff !important;
  border: 1px solid #1C9EEC !important;
  box-shadow: none !important;
}

.PhoneInputInput:hover {
  background-color: #FFF !important;
  border: 1px solid #1C9EEC !important;
  box-shadow: none !important;
}

.tp-primary button:hover {
    cursor: pointer;
    background-color: #4967CD;
    border-color: #4967CD;
}

.td-action-class button {
  background-color: #43B02A;
  border: 1px solid #43B02A;
  border-radius: 3px;
  padding: 5px 8px;
  color: white;
  font-size: 12px;
  line-height: 14px;
  font-family: Arial;
}

.td-action-class button:hover {
    cursor: pointer;
    background-color: rgb(53, 146, 34);
    border-color: rgb(53, 146, 34);
}

.tp-calender {
  background: none !important;
  border: none !important;
}

.tp-editor {
  border-color: #1C9EEC !important;
  height: 150px;
}

.tp-editor-toolbar {
  margin-bottom: 0;
  border-top: 1px solid #1C9EEC !important;
  border-left: 1px solid #1C9EEC !important;
  border-right: 1px solid #1C9EEC !important;
  border-bottom: none;
}

.tp-form-container .input-group-append button {
  border-radius: 0;
  border-left: none;
  padding-top: 3px;
  padding-bottom: 3px;
}

.tp-form-container .input-group-append .tp-resting-state:hover {
  border-color: #D3D3D3;
  background-color: rgba(215,241,255,0.5);
  box-shadow: none !important;
}

.tp-form-container .input-group-append .tp-active-state:hover {
  background-color: #FFF;
  border: 1px solid #1C9EEC;
  box-shadow: none !important;
}

.tp-form-container .input-group-append button:active {
  background-color: #FFF;
  border: 1px solid #1C9EEC;
  box-shadow: none !important;
}

.tp-form-container .tp-invalid .input-group-append button {
  border-color: #D0021B !important;
}


/* Form styles - end */

/* react-select begin */
.tp-select__control {
    border-radius: 0 !important;
    font-size: 12px;
    min-height: 26px !important;
    height: 26px !important;
    color: #000000 !important;
}

.tp-select__menu {
    font-size: 12px;
    margin-top: 0px !important;
    border-radius: 0 !important;
}

.tp-select__option:hover {
 background-color: #d3d3d3 !important;
}

.tp-select__option {
  background-color: #ffffff !important;
  color: #000000 !important;
 }

 .tp-select__single-value {
  color: #000000 !important;
}

.tp-select__value-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.tp-select__indicator-separator {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    background-color: #FFFFFF !important;
    width: 0px !important;
}

.tp-select__indicator {
    padding: 0px !important;
    padding-right: 8px !important;
}

.tp-select__control--is-focused {
    box-shadow: none !important;
    border-color: #1C9EEC !important;
}

/* react-select end */


.tp-checkbox {
  margin-bottom: 0px !important;
  display: inline-block;
}

.tp-checkbox input {
  -webkit-appearance: none;
  border: 1px solid #D3D3D3;
  box-shadow: none !important;
  position: relative;
  display: inline-block;
  padding: 7px !important;
  margin-right: 8px;
  margin-top: 4px;
  background-color: white;
}

.tp-checkbox input:active {
  -webkit-appearance: none;
  border: 1px solid #2CB34A;
  position: relative;
  display: inline-block;
  padding: 7px !important;
  box-shadow: none !important;
}

.tp-checkbox input:checked {
  box-shadow: none !important;
  border: 1px solid #2CB34A;
  background-color: rgba(44,179,74,0.3);
  background: rgba(44,179,74,0.3) url(/r/static/media/Check_Green.5385365af69008345e1c.svg) 2px 3px no-repeat;
  background-size:11px 8px;
}

.tp-checkbox input:focus {
  box-shadow: none !important;
  outline: none;
}

.tp-checkbox span {
  color: #000000 !important;
  font-weight: normal;
  font-size: 12px;
  font-family: Arial;
  line-height: 14px;
  margin-left: 0;
  display: inline-block;
  height: 22px;
}

.tp-radio {
  margin-bottom: 0px !important;
  display: inline-block;
}

.tp-radio input {
  -webkit-appearance: none;
  border: 1px solid #D3D3D3;
  border-radius: 50% !important;
  box-shadow: none !important;
  position: relative;
  display: inline-block;
  padding: 8px !important;
  margin-right: 8px;
  margin-top: 3px;
}

.tp-radio input:checked {
  -webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
  border: 1px solid #2CB34A;
  border-radius: 50%;
  background-color: rgba(44,179,74,0.3);
  background: rgba(44,179,74,0.3) url(/r/static/media/Circle_Green.3971a526d883543249c4.svg) 4px 4px no-repeat;
  background-size:8px 8px;
}

.tp-radio input:focus {
  box-shadow: none !important;
  outline: none;
}

.tp-radio span {
  color: #000000 !important;
  font-weight: normal;
  font-size: 12px;
  font-family: Arial;
  line-height: 14px;
  margin-left: 0;
}

.tp-alert {
  border-radius: 0 !important;
  padding: .5rem .75rem !important;
  margin-top: 12px;
}

.alert-dismissible .close{
  padding: .5rem 1.25rem;
}

/* bootstrap table overrides */

.tp-table {
  font-size: 12px;
  font-family: Arial;
}

.tp-table thead th {
  line-height: 14px;
  vertical-align: bottom;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 0;
  border-bottom: none;
  border-top: none !important;
  background-color: rgba(216,216,216,0.3);
}

.tp-table thead th:last-child {
  padding-right: 15px;
}

.tp-table .table-ellipsis tbody td {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tp-table tbody td {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 15px !important;
  border-bottom: 1px solid #d3d3d3;
  border-top: none;
}

.tp-table tbody tr {
  background-color: #ffffff;
}

.tp-table tbody tr:hover {
  background-color: rgba(215,241,255,0.5);
}

th:focus {
  outline: none !important;
}

.tp-table .expanding-row:hover {
  background-color: rgba(216,216,216,0.3);
}

.tp-table .expanding-row {
  background-color: rgba(234,240,245,0.3);
}

.tp-table .reset-expansion-style:hover {
  background-color: #f2f2f2;
}

.tp-table .reset-expansion-style {
  background-color: rgba(234,240,245,0.3);
}


.tp-table .expanding-row td {
  padding: 0 !important;
  white-space: unset !important;
}

.tp-normal-header {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 0;
  padding-left: 0;
  background-color: rgba(216,216,216, 0.0);
  line-height: 14px;
  vertical-align: bottom;
  display: inline-block;
  width: 100%;
}

.tp-sort-header{
  border-bottom: 1.5px solid #43B02A !important;
}

.tp-table img:hover {
  cursor: pointer;
}

.tp-table .no-hover img:hover {
  cursor: auto;
}

.order {
  display: none;
}

.react-bootstrap-table-sort-order {
  float: right;
  margin-left: 12px;
}

.tp-table .dropup .caret {
  border: solid #000000;
  border-width: 0 1.0px 1.0px 0;
  display: inline-block;
  padding: 2.5px;
  transform: rotate(-135deg);
  opacity: 0.7;
  -webkit-transform: rotate(-135deg);
}

.tp-table .caret {
border: solid #000000;
border-width: 0 1.0px 1.0px 0;
display: inline-block;
opacity: 0.7;
padding: 2.5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

.tp-table .tp-checkbox input {

  -webkit-appearance: none;
  border: 1px solid #D3D3D3;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  position: relative;
  display: inline-block;
  padding: 6px !important;
  margin-right: 8px;
  margin-top: 4px;
  margin-bottom: 6px !important;
}

.tp-table .tp-checkbox input:checked {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #2CB34A;
background-color: rgba(44,179,74,0.3);
background: rgba(44,179,74,0.3) url(/r/static/media/Check_Green.5385365af69008345e1c.svg) 2px 3px no-repeat;
background-size: 8px 7px !important;
}

.react-bootstrap-table th[data-row-selection] {
  width: 47px;
  max-width: 47px;
 }

.action-header {
  text-align: left;
  padding-bottom: 8px !important;
}

.action-column {
  text-align: center;
  padding-right: 25px !important;
}

.percent-column {
  width: 20px;
  text-align: right;
  display: inline-block;
}

/* code to get ellipses */

.tp-table tbody td {
  max-width: 100px;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* end bootstrap table overrides */

/* Paginator */
.tp-paginator .btn-link {
  color : #55606A;
  font-size: 14px;
  text-decoration: none;
  padding-left: 0;
  padding-right: 20px;
}

.tp-paginator .btn-link:hover {
  color : #55606A;
  text-decoration: none;
}

.tp-paginator-current {
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 3px;
  margin-right: 16px;
  color : #55606A;
  vertical-align: middle;
  font-size: 14px;
  border-bottom: 1.5px solid #40AE29;
}

.tp-paginator-total {
  padding: .375rem .1rem;
  vertical-align: middle;
  color : #55606A;
  font-size: 14px;
}

.tp-paginator img {
  margin-bottom: 3px;
}

.tp-expansion-container {
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 25px;
}

/* react date picker CSS */

.tp-date-picker-input-group .react-datepicker__header {
  text-align: center;
  background-color: white !important;
  border: none;
  padding-top: 8px;
  position: relative;
}

.tp-date-picker-input-group .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3 !important;
}

.tp-date-picker-input-group .react-datepicker__navigation {
  background: none !important;

  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  padding: 0 !important;
  border: 0.45rem solid transparent !important;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.tp-date-picker-input-group .react-datepicker__month-dropdown-container--scroll {
  display: none !important;
}

.tp-date-picker-input-group .react-datepicker__day--keyboard-selected {
  color: black;
  background-color: white !important;
}

.tp-date-picker-input-group .react-datepicker__day--keyboard-selected:hover {
  background-color: #f0f0f0 !important;
}

.tp-date-picker-input-group .react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc !important;
}

.tp-date-picker-input-group .react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc !important;
}

.tp-date-picker-input-group .react-datepicker {
  font-family: Arial;
  font-size: 11px;
  background-color: #fff;
  color: #000;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.tp-date-picker-input-group .react-datepicker__day-names {
  border-bottom: 1px solid #F5F5F5;
  border-top: 1px solid #F5F5F5;
  margin-top: 11px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.tp-date-picker-input-group .react-datepicker__current-month {
  color: #43B02A;
  font-family: Arial;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
}

.tp-date-picker-input-group .react-datepicker__day--selected {
  color: #43B02A;
  background-color: rgba(44, 179, 74, 0.2);
  border-radius: 2px;
}

.tp-date-picker-input-group .react-datepicker__day-name {
  color: #999999;
  font-size: 11px;
  line-height: 16px;
}

.tp-date-picker-input-group .react-datepicker__day:hover {
  border-radius: 2px;
  background-color: #f0f0f0;
}

.tp-date-picker-input-group .react-datepicker__day--disabled {
  color: #999999;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
}

.tp-date-picker-input-group .react-datepicker-wrapper {
  width: auto;
}

.tp-date-picker-input-group .react-datepicker__input-container input {
  text-align: center;
  width: 100px;
}

.tp-date-picker-input-group {
  width: 130px;
}

.tp-datetime-picker-input-group .tp-date-picker-input-group {
  width: 150px;
}

.tp-datetime-picker-input-group .tp-date-picker-input-group .react-datepicker__input-container input {
  width: 120px;
}

.tp-datetime-picker-input-group .react-datepicker {
  width: 350px;
}

.tp-datetime-picker-input-group .react-datepicker__time-container  {
  width: 81px;
  border-left: 1px solid #D9D9D9;
}

.tp-datetime-picker-input-group .react-datepicker__time-container  .react-datepicker__time .react-datepicker__time-box {
  width: 80px;
}

.tp-datetime-picker-input-group .react-datepicker__time-list {
  padding-left: 0;
  padding-right: 0;
}

.tp-datetime-picker-input-group .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  width: auto;
  padding-right: 0;
  height: 216px;
}

.tp-datetime-picker-input-group .react-datepicker-time__header {
  color: #43B02A;
  font-family: Arial;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
}

.tp-datetime-picker-input-group .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  color: #43B02A;
  background-color: rgba(44, 179, 74, 0.2);
}

.tp-date-picker-icon {
  padding-left: 10px;
}

.form-group .tp-date-picker-icon {
  padding-top: 3px;
}

.tp-month-date-picker-input-group .react-datepicker-wrapper {
  width: 86%;
}

.tp-month-date-picker-input-group .react-datepicker__navigation {
  background: none !important;  
  border: 0.45rem solid transparent !important;
  z-index: 1;
 
}

/* date picker css end */

/* Global status CSS */

.pending {
  height: 20px;
  width: 67px;
  color: #E47828;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-align: center;
}

.success {
  height: 20px;
  width: 68px;
  color: #40AE29;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-align: center;
}

.fail {
  height: 20px;
  width: 68px;	color: #D0021B;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-align: center;
}

.confirmed {
  height: 16px;
  width: 67px;
  color: #6E7B86;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-align: center;
}

.canceled {
  height: 16px;
  width: 67px;
  color: #6E7B86;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}

.updated {
    height: 20px;
    width: 68px;
    color: #6E7B86;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
  }

  /* Status CSS End */

  /* React Tooltip CSS Start*/
  .tp_table_tooltip {
    max-width: 300px;
    border: 1px solid #D9D9D9 !important;
    border-radius: 2px;
    background-color: #FFFFFF !important;
    /* box-shadow: 0 4px 6px 0 rgba(0,0,0,0.08); */
    white-space: normal;
    text-overflow: ellipsis !important;
    color: #000000 !important;
    font-family: Arial !important;
    font-size: 12px !important;
    font-weight: normal;
    line-height: 14px;
    overflow-wrap: break-word !important;
   }

   .__react_component_tooltip.show {
     opacity: 1;
   }

   .__react_component_tooltip.type-dark.place-right:after {
    border-right-color: #D9D9D9 !important;
    border-right-style: solid;
    border-right-width: 6px;
  }

  .__react_component_tooltip.type-light.border.place-right::before {
    border-right: 8px solid #D9D9D9;
  }

  .__react_component_tooltip.type-dark.place-top:after {
    border-top-color: #D9D9D9 !important;
    border-top-style: solid;
    border-top-width: 6px;
  }

  .__react_component_tooltip.type-light.border.place-top::before {
    border-top: 8px solid #D9D9D9;
  }

  /* Global Tooltip CSS End */

  /* No Data avaialble message in grid css */

  .react-bs-table-no-data {
    text-align: center;
    color: black;
    font-size: 14px;
    font-weight: normal;
    font-family: Arial;
  }
  /* end */

/* global Spinner styles*/
.loader {
  border: 3px solid #40AE29;
  border-radius: 50%;
  border-top: 3px solid #9fde92;
  width: 53px;
  height: 53px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;

}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.TPLoader_content {
  margin-top: 83.75px !important;
  margin-left: auto !important;
  /* margin-left: 448.5px !important; */
}

.intialLoaderheight {
  min-height: 150px;
}
/* html editor styles start*/

.editor-border {
  border: 1px solid;
}

.tp-html-editor-toolbar {
  width: 85%;
  margin-top: 8px;
  margin-left: 8px;
  margin-bottom: 8px;
  background-color: #F5F5F5;
  border: 1px solid #D3D3D3;
}

.tp-html-editor-editor {
  border: none;
  overflow: hidden;
}
.rdw-link-modal {
  height:255px !important;
}
/* html editor styles end*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

/* tp tabs styles start */

.tp-tabs 
{
  border-bottom: 1px solid #c5c6c7;
}

.tp-tabs .tab {
  border: 1px solid #c5c6c7;
}

.tp-tabs .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #C5C6C7;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.tp-tabs a:hover {
  cursor: pointer;
}

.tp-tabs a:not([href]):not([tabindex]) {
  color: #C5C6C7;
}

.tp-tabs a {
  color: #C5C6C7;
  font-size: 18px;
  line-height: 21px;
  font-family: Arial;
  letter-spacing: .3px;
  opacity: 1.0;
}

.tp-tabs .nav-link.active {
  border-color: #c5c6c7 #c5c6c7 #fff;
  color: #000000 !important;
  font-size: 18px;
  font-family: Arial;
  letter-spacing: .3px;
  line-height: 21px;
  opacity: 1.0;
}

.tp-tabs .button-cls:active, .active {
  background-color: transparent !important;
  color: black !important;
}

@media all and (max-width: 450px) {
  .tp-tabs .nav-link.active {
    font-size: 12px;
  }

  .tp-tabs .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .tp-tabs a {
    font-size: 12px;
  }
}

/* tp tabs styles end */

/* Export Buttons */
.tp-export-buttons {
  text-align: right;
}

.tp-export-buttons span {
  cursor: pointer;
}

.tp-export-buttons span:last-child {
  margin-left: 25px;
}

.tp-export-buttons button {
  background-color: #43B02A;
  border: 1px solid #43B02A;
  border-radius: 3px;
  padding: 5px 8px;
  color: white;
  font-size: 12px;
  line-height: 14px;
  font-family: Arial;
}

.tp-export-buttons button:hover {
    cursor: pointer;
    background-color: rgb(53, 146, 34);
    border-color: rgb(53, 146, 34);
}

.exportCls {
  float: right;
  content: none !important;
  cursor: pointer;
}
  
.exportCls span:before {
  content: none !important;
}

.refreshCls {
  float: right;
  margin-right: 35px;
  cursor: pointer;
  margin-bottom: 12px;
  background-color: rgba(110,123,134,0.1);
  border-radius: 4px;
}

img.refreshCls {
  background-size: cover;
  content: '';
}

.refreshCls:hover {
  -webkit-transform: rotate(90deg);  /* to support Safari and Android browser */
  -ms-transform: rotate(90deg);      /* to support IE 9 */
  transform: rotate(90deg);
}

/* Count Header Cards - Tickets and Badging */
.counts-card-section {
  display: flex;
  margin: 40px 0px;
  width: 100%;
}

.card{
  width: 32%;
}
.card:hover{
  border: 1px solid #1C9EEC;
  background-color: rgba(215,241,255,0.5);
}
.card:visited{
  border: 1px solid #1C9EEC;
  background-color: rgba(215,241,255,0.5);
}
.card-title{
	height: 50px;
	color: #001489;
	font-size: 44px;
	font-weight: 300;
	line-height: 60px;
}
.card-subtitle{
  height: 16px;
	color: #001489;
	font-family: Arial;
	font-size: 14px;
	letter-spacing: 0.7px;
	line-height: 16px;
}
.card-text{
	height: 14px;
	color: #6E7B86;
	font-family: Arial;
	font-size: 12px;
	letter-spacing: 0.3px;
	line-height: 14px;
}

.countTab{
  margin-left: 25px
}

.focusedCtTab{
  border: 1px solid #1C9EEC !important;
  border-radius: 4px !important;
  background-color: rgba(215,241,255,0.5) !important;
}

.tp-search-buttons {
  padding-left: 0;
}

.tp-search-buttons button:last-child {
  margin-left: 25px;
}

.search-btn {
  background-color: transparent !important;
  border: 0px !important;
  cursor: pointer !important;
  padding: 0px !important;
}

.search-btn img {
  padding: 4px;
  width: 25px;
  height: 25px;
}

.search-btn:focus {
  outline: 0px !important;
}

.globalCreateTicketContent .tp-select__control {
  background-color: white !important;
}

.globalCreateTicketContent .tp-resting-state {
  background-color: white !important;
}

.globalCreateTicketContent .TPLoader_content {
  margin-top: 83.75px !important;
  margin-left: 250px !important;
}

.globalTicketLabel {
  color: white !important;
}

.escalationProceduresModalCls {
  width: 675px !important;
}

.topLevelSelect{
  z-index: 40;
}

.MidLevelSelect{
  z-index: 35;
}
.prioritySelect{
  z-index: 15;
}

.tp-alert-message {
  line-height: 22px;
}

.tp-input::-ms-clear {
  display: none;
}

/* TPPanel */
.tp-panel-container {
  background-color: white;
  padding: 0px 0px 10px 0px;
  width: 100%;
}

.tp-panel-container-shadow {
  border-radius: 4px;
  border: 1px solid #dddee0 !important;
  /*box-shadow: 1px 1px 1px 1px #e1e0e5 !important;*/
  box-sizing: border-box !important;
  color: #595959 !important;
}

.tp-panel-container-expanded {
  height: 220px;
}

.tp-panel-container-collapsed {
  height: 50px;
}

.tp-panel-header {
  padding: 10px;
  background-color: #f5f5f5;
  color: #4a4a4a;
  border-bottom: 1px solid #dee5e7;
}

.tp-panel-header h5 {
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  color: #4a4a4a;
  font-weight: 100;
  font-family: OpenSans, sans-serif;
  padding-left: 7px;
  margin-bottom: 0;
  vertical-align: middle;
}

.tp-panel-header a h5:hover {
  text-decoration: underline;
}

.org-sub-panel .tp-panel-header {
  padding: 10px;
  background-color: #ffffff;
  color: #4a4a4a;
  border-bottom: none;
}


.tp-panel-expander {
  padding-right: 10px;
  float: right;
}

.tp-panel-expander:hover {
  cursor: pointer;
}

.tp-panel-body {
  padding: 10px;
}

.tp-panel-body-open {
  display: block;
}

.tp-panel-body-hide {
  display: none;
}

  .tp-normal-text {
    font-size: 12px;
    font-family: Arial;
    line-height: 14px;
    letter-spacing: 0.3px;
  }

/* Global Ticket Requests */
.tp-ticket-categories ul {
  list-style-type: none;
  padding-inline-start: 12px;
}

.tp-ticket-categories ul li {
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
}

.tp-ticket-categories ul li:last-child {
  padding-bottom: 0px;
}

.tp-ticket-categories ul li:hover {
  cursor: pointer;
  color: #35981E;
}


/* ServiceNow compatible action bar */

.tp-snow-dashboard-actions {
  font-family: OpenSans, sans-serif;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #ffffff;
  border-bottom: 1px solid #dee5e7;
  margin-bottom: 15px;
}

.tp-snow-dashboard-actions ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

.tp-snow-dashboard-actions ul li {
  display: inline-block;
  margin-right: 30px;
}

.tp-snow-dashboard-actions ul li:last-child {
  margin-right: 0;
}

.tp-snow-dashboard-actions ul li:hover {
  cursor: pointer;
  color: #050505;
}

.tp-snow-dashboard-actions ul li .label {
  color: #2e2e2e; 
  display: block;
  text-align: left;
}

.tp-snow-dashboard-actions ul li .label h2 {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.1;
}

.tp-snow-dashboard-actions ul li .description {
  font-size: 14px;
  color: #666666; 
  display: block;
  text-align: left;
  width: 250px;
}

/*404 page not found styles*/
.not-found-body-class {
  border: 1px solid transparent;
    border-radius: 4px;
    color: #64201ac7;
    background-color: #ffdadc;
    border-color: #C83C36;
    margin-left: 45px;
    margin-right: 45px;
}

.not-found-content-class {
  padding: 15px;
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
}

.not-found-content-link-class {
  color: #1F8476;
}

.not-found-content-class a:hover {
  color: #0f3f39;
}

.tp-release-alert-modal ul {
  list-style: none;
  padding-inline-start: 0;
}

.tp-release-alert-modal li {
  line-height: 22px;
}

.tp-release-alert-modal p {
  line-height: 22px;
}

.tp-form-container .react-datepicker__month-container {
  line-height: 1.5 !important;
}

.global-text-align-right-cls {
  text-align: right;
}

.resp_linkAway_css {
  font-size: 3vw;
    /* font-weight: bold; */
  font-family: OpenSans, sans-serif;
}

.linkAway_icon_cls {
  display: inline-block;
}

.resp-linkAway-container p {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.resp-linkAway-container {
  margin: 0px 10px !important;
  padding: 10px;
  background-color: #eeeeee;
  color: #4a4a4a;
  border: 1px solid #dee5e7;
}

.resp-card-notication-cls {
  
  /* margin: 10px 10px 0px 10px !important; */
  
}

.notificationBox {
  /* height: 69px; */
  width: 100%;
  /* line-height: 6; */

}

.notificationBox .rectangle {
  background-color: #3FAE29;
  border-radius: 3px;
  /* height: 69px; */
  font-size: 3vw;
}

.resp_title_Cls {
  display: inline-block;
  font-size: 3vw;
}

.global-padding--zero-l-r {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.modal-dialog {
  margin: 1.75rem auto;
}

.tp-resp-alert {
  border-radius: 5px !important;
  margin-top: 12px;
  margin: 10px;
}

#actionModalId .modal.show .modal-dialog {
  padding-left: 0px !important;
}

.tp-mobile-global-cls .dropdown-menu {
  width: auto !important;
}

.tp-link-away-tag-cls a {
  color: #4a4a4a !important;
  text-decoration: none;
  font-weight: normal;
}

.tp-link-away-tag-cls a:hover {
  text-decoration: underline;
}

.react-responsive-modal-root {
  z-index: 1100 !important;
}

.bipa-main-cls p {
  font-size: 1rem !important;
  padding: 10px !important;
};

#bipaCssId img {
  display: block !important;
  max-width: 100% !important;
}

.generic-linkaway-cls a:hover{
  color : #212529;
}
.tp-resp-header {
  padding-left: 10px;
  /* padding-right: 10px; */
  /* padding-bottom: 5px; */
  /* padding-top: 5px; */
  /* background: #ffffff; */
}

.responsive-tp-logoCls {
  /* width: 100%; */
  /* max-width: 130px; */
  height: auto;
}
.tp-main-resp-burger-header {
  height: 103px;
  top: 0px;
  width: 100%;
  z-index: 1003;
}

.recentNotifCountCls {
float: right;
font-family: OpenSans, sans-serif;
  font-size: 3vw;
}


#main {
  margin: 50px 0;
}

#main #faq .card {
  margin-bottom: 30px;
  border: 0;
  width: 100%;
  padding: 0px 10px;
}

#main #faq .card .card-header {
  border: 0;
  /* -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px; */
  padding: 0;
}

#main #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  border:1px solid #D3D3D3; 
border-radius:0px;
background-color: #599A51 !important;
  color: #222;
  padding: 20px;
}

/* #main #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
} */

#main #faq .card .card-header .btn-header-link.collapsed {
  background: #599A51;
  color: #fff;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#main #faq .card .collapsing {
 
background-color: #599A51 !important;
  line-height: 30px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
 
background-color: #599A51 !important;
  line-height: 30px;
  color: #222;
}

.resp-card-cls {
  max-width: 100%;
margin: 10px;
}

.resp-card-cls .card-title{
  color: #000000;
  font-size: 18px;
}

.resp-card-notication-cls .card-title {
color: #FFFFFF;
font-size: 18px;
}

.menu {
  width: 300px;
  border-radius: 8px;
  overflow: hidden;
}

.item {
  border-top: 1px solid #18dcff;
  overflow: hidden;
}

/* .btn {
  display: block;
  padding: 16px 20px;
  background: #17c0eb;
  color: white;
  position: relative;
}

.btn::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: #17c0eb;
  left: 20px;
  bottom: -7px;
  transform: rotate(45deg);
}

.btn i {
  margin-right: 10px;
} */

.smenu {
  background: #333;
  overflow: hidden;
  transition: max-height 0.3s;
  max-height: 0;
}

.smenu a {
  display: block;
  padding: 16px 26px;
  color: white;
  margin: 4px 0;
  position: relative;
}

.smenu a::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 100%;
  background: #18dcff;
  left: 0;
  top: 0;
  transition: .3s;
  opacity: 0;
}

.smenu a:hover::before {
  opacity: 1;
}

.item:target .smenu {
  max-height: 10em;
}


.menu-bar-icon {
  font-size: 30px;
  color: #3a8df4;
  margin-right: 10px;
  margin-top: 7px;
  cursor: pointer;
}

.mobile-menu-area {
  position: absolute;
  width: 100vw;
  z-index: 100;
}


/* @media all and (min-width: 850px) {
  .main-menu-desktop-mode {
    display: block;
  }

  .main-menu-mobile-mode {
    display: none;
  }

 
}


@media all and (max-width: 849px) {
  .main-menu-desktop-mode {
    display: none;
  }

  





} */

.main-menu-mobile-mode {
  display: block;
  width: 100vh;
}

.container {
  max-width:100%;
  width: 100%;
 
}

.verticalScrollCls{
  height: 80vh;
  overflow-y: scroll;
  }

  .ebviewSelectResp {
    padding: 10px 0px;
  }

  .ebCustomerviewResp {
    background-color: rgba(123, 123, 133, 0.541);    
  }

  .ebStaffviewResp {
    background-color: #599A51;
    
  }

  .enitity-browser-resp-header-cls{
    background-color: rgb(90 90 90 / 54%) !important;
  }

/* TestingMenu */
/* Position and sizing of burger button */
.bm-burger-button {
  position: fixed;
  width: 36px;
  height: 30px;
  left: 36px;
  top: 36px;
}

/* Color/shape of burger icon bars */
.bm-burger-bars {
  background: #373a47;
}

/* Color/shape of burger icon bars on hover*/
.bm-burger-bars-hover {
  background: #a90000;
}

/* Position and sizing of clickable cross button */
.bm-cross-button {
  height: 24px;
  width: 24px;
}

/* Color/shape of close button cross */
.bm-cross {
  background: #bdc3c7;
}

/*
  Sidebar wrapper styles
  Note: Beware of modifying this element as it can break the animations - you should not need to touch it in most cases
  */
.bm-menu-wrap {
  position: fixed;
  height: 100%;
}

/* General sidebar styles */
.bm-menu {
  background: #373a47;
  padding: 2.5em 1.5em 0;
  font-size: 1.15em;
}

/* Morph shape necessary with bubble or elastic */
.bm-morph-shape {
  fill: #373a47;
}

/* Wrapper for item list */
.bm-item-list {
  color: #b8b7ad;
  padding: 0.8em;
}

/* Individual item */
.bm-item {
  display: inline-block;
}

/* Styling of overlay */
.bm-overlay {
  background: rgba(0, 0, 0, 0.3);
}

.vertical-scrollable {
  /* position: absolute; */
  
  overflow-y: scroll;
}

[aria-expanded="true"] i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.notif-res-modal {
  height: 50vh;
  max-height: 60vh;
}

.notif-res-modalbody {
  overflow: auto;
}

.row-no-padding {
  [class*="col-"] {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}

.vcenter-res-text-cls {
	font-size:4vw;
	/* font-weight: bold; */
	margin-left: 5px;
}

/* .vcenter-res-count-block {    
	padding-right: 10px !important;
    border-right: 1px solid #dddee0;
} */


.org-panel-res-header-link {
  padding-right: 10px;
  float: right;
}

.org-res-panel .tp-panel-header h5 {
  color: #000000;
  font-size: 2vw !important;
  text-decoration: none;
  font-weight: normal;
}

.res-box-cls {
  height: 10vh;
  align-items: center;
    display: grid;
}

.vcenter-resp-sub-block {
  text-align: center;
  font-size: 2vh;
  margin-bottom: 10px;
}

.recent_notif_res_cls {
  background-color: #84d474;
  border-radius: 3px;
  min-height: 60px;
    font-size: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cJLyVM{
overflow-y: scroll;
}

.eqZEBx { 
  height: 40px !important;
  font-size: 14px  !important;
}

.kUhpiM {
  height: 40px !important;
  font-size: 14px  !important;
}

.verticalScrollCls .tp-alert {
  border-radius: 5px !important;
  padding:1rem !important;
  margin-top: 12px;
}

.white-space-initial-cls {
  white-space: initial !important;
  word-wrap: break-word;
  word-break: break-word
}

.rwt__tablist[aria-orientation="vertical"] {
  flex-shrink: unset !important;
}

.LandingPage_3TierCls {
    -webkit-columns: 3; /* Chrome, Safari, Opera */
    -moz-columns: 3; /* Firefox */
    columns: 3;
}

.LandingPage_2TierCls {
    /*display: inline-flex;*/
    -webkit-columns: 2; /* Chrome, Safari, Opera */
    -moz-columns: 2; /* Firefox */
    columns: 2;
}

.LandingPage_4TierCls {
    -webkit-columns: 4; /* Chrome, Safari, Opera */
    -moz-columns: 4; /* Firefox */
    columns: 4;
}

.LandingPage_SecurityCls {
    width: 660px;
}

.LandingPage_BadgingCls {
    margin-left: 15px;
    width: 323px;
}

.SectionSeperatorCls{
    padding-bottom: 15px;
}

.Landing-page-container [class^="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

.Landing-page-container [class^="col-"]:first-child {
    padding-left: 15px;
    padding-right: 8px;
}

.Landing-page-container [class^="col-"]:last-child {
    padding-left: 8px;
    padding-right: 15px;
}

.row-separator {
    padding-bottom: 15px;
}

.Landing_Page_Container {
    padding: 25px;
    margin-bottom: 10px;
}

.wafGrid1 {
    margin-left: 30px;
    padding-right: 35px;
}

.wafFontStyle {
	font-size: 65px;
    font-family: "Grill Sans", Arial;
    color: #595959;
    text-align: center;
}

.wafMsgFontStyle {
	font-size: 12px;
    font-family: "Grill Sans", Arial;
    color: #505050;
    text-transform: uppercase;   
}

.LandingPageHeaderLinkCls h5:hover{
    text-decoration: underline;
}
    
.LP_RecoveryMSG_TextCls{
    padding-top: 15px;
    color: black;
    font-size: 12px;
    font-family: Arial, Droid Sans, sans-serif;
}
    
.BandwidthAvailableCls{
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: black;
    display: block;
}

.BandwidthcountCls{
    font-size: 65px;
    font-family: "Grill Sans", Arial;
    color: #595959;
    text-align: center;
    line-height: 1.5;
}
    
.noData-availableCls{
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: black;
    display: block;
}

.securityMarketingTxtCls{
    font-size: 14px;
    text-align: center;
    color: black;
    display: block;
}
    
.BandwidthSummaryMainCls{
    width: 250px;
    margin: auto;
}
    
.bandWidthLinkAway {
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #3FAE29;
    display: block;
}

.cloudServicesLinkAway {
    font-size: 3vw;
    text-align: center;
    text-transform: uppercase;
    color: #3FAE29;
    display: block;
}

.cloudServicesLinkAway:hover {
    color: #597e52;
}
    
.BandwidthAvailableCls{
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: black;
    display: block;
}
    
.BandwidthSummaryMainCls a:hover {
    text-decoration: underline !important;
    color: black;
}
          
.slick-slider {
    margin-left: 30px;
    margin-right: 30px;
    height: 125px;
}
    
.announcement_summary .old_site_link {
    cursor: pointer; 
    color: #3FAE29;
}
    
.announcement_summary a:hover {
    color: #020202 !important;
    text-decoration: underline;
}
    
.welcome_title {
    font-size: 1.1em;
    font-weight: bold;
}

.announcements-div .TPLoader_content {
    margin-top: 42px !important;
}
    
.announcement-summary {
    font-family: SourceSansPro, "Grill Sans",Arial;
    height: 125px;
    overflow: hidden;
}

.announcement-summary h3 {
    font-size: 16px;
    color: #000000;
}
   
.announcement-summary p {
    font-weight: normal;
    margin-bottom: 0;
}

.tp-modal-body .announcement-summary {
    height: auto;
}

.tp-modal-body .announcement-summary p {
    font-weight: normal;
    margin-bottom: 5px;
    line-height: 1.5;
    font-size: 1rem;
}
       
.announcement-summary a {
    cursor: pointer; 
    color: #3FAE29;
}
    
.Landing-page-container .slick-next, 
.Landing-page-container .slick-prev {
    border-radius: 10px;
    padding-top: 1px;
    background: #f1f1f1;
}
    
.Landing-page-container .slick-next:focus, 
.Landing-page-container .slick-prev:focus {
    border-radius: 10px;
    padding-top: 1px;
    background: #f1f1f1;
}

.read-more {
    margin-top: -28px;
    text-align: right;
    z-index: 200;
}

.read-more span {
    display: inline-block;
    background-color: #ffffff;
    padding-left: 9px;
    color: #3FAE29;
    font-size: 11px;
    text-transform: uppercase;
}
    
.read-more span:hover {
    cursor: pointer;
}

.noDataMsgClass{
    text-align: center;
    color: black;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Grill Sans',Arial;
}

.cloud-section .tp-panel-header h5 {
    font-weight: bold;
}

.tp-panel-header-link {
    font-weight: normal;
}

.tp-panel-header-link:hover {
   text-decoration: underline;
   cursor: pointer;
}

/* Org Sections */

.expand-section .tp-panel-container-expanded {
    height: auto;
}

.cloud-section .tp-panel-container-expanded {
    height: auto;
}

.evdc-main-panel {
    border: 1px solid #dddee0;
    border-radius: 4px;
    margin-bottom: 10px;
}

.evdc-main-panel .LandingPage_3TierCls {
    padding-top: 9px;
    padding-bottom: 15px;
}

.org-panel .tp-panel-header h5 a {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

.org-panel .tp-panel-header h5 a:hover {
    text-decoration: underline;
}

.org-panel-header-link {
    padding-right: 10px;
    float: right;
}

.org-panel-header-link span {
    text-decoration: none;
    font-size: 14px;
    color: #020202;
    margin-left: 5px;
}

.org-panel-header-link span:hover {
    text-decoration: underline;
    cursor: pointer;
}

.org-sub-panel {
    border-right: 1px solid #dddee0;
}


.cloud-section .evdc-main-panel .col-sm-3 .org-sub-panel {
    border-right: 1px solid #dddee0;
}

.cloud-section .evdc-main-panel .col-sm-3:last-child .org-sub-panel {
    border-right: 0;
}

.org-sub-panel .tp-panel-header h5 {
    font-weight: normal;
    font-size: 21px;
}

.org-sub-panel a {
    text-decoration: none;
    color: #000000;
}

.org-sub-panel a:hover {
    text-decoration: underline;
}

.org-two-panels {
    -webkit-columns: 2; /* Chrome, Safari, Opera */
    -moz-columns: 2; /* Firefox */
    columns: 2;
    padding-top: 9px;
    padding-bottom: 15px;
    column-gap: 0px;
}

.org-three-panels {
    -webkit-columns: 3; /* Chrome, Safari, Opera */
    -moz-columns: 3; /* Firefox */
    columns: 3;
    padding-top: 9px;
    padding-bottom: 15px;
    column-gap: 0px;
}

.org-four-panels {
    -webkit-columns: 4; /* Chrome, Safari, Opera */
    -moz-columns: 4; /* Firefox */
    columns: 4;
    padding-top: 9px;
    padding-bottom: 15px;
    column-gap: 0px;
}

.org-panel .row {
    margin-left: 0;
    margin-right: 0;
    padding-top: 9px;
    padding-bottom: 15px;
}

.org-panel .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}

.org-panel .org-sub-panel .tp-panel-header h5 {
    font-weight: 100;
    font-size: 12px;
}

.org-sub-panel .panel-body {
    padding-left: 15px;
}

.org-sub-panel-content {
    height: 120px;
}

.org-info-section {
    height: 160px;
    padding-top: 3px;
}

.org-info-section .row {
    padding-top: 0;
}

.Landing-page-container .org-info-section [class^="col-"]:first-child {
    padding-left: 0;
}

.org-info-div {
    height: 70px;
    font-size: 12px;
    color: #000000;
}

.org-info-div img {
   vertical-align: top;
   margin-top: 3px;
}

.org-info-div span {
    display: inline-block;
    margin-left: 7px;
}

.org-info-div span a {
    text-decoration: none;
    color: #000000;
}

.org-info-div span a:hover {
    text-decoration: underline;
}

.org-info-div-left {
    float: left;
}

.org-info-div-right {
    float: right;
    padding-right: 20px;
}

.TermsAndConditionsCls {
    margin-top: 50px;
    color: black !important;
    font-size: 12px !important;
    padding: 1vw 5vw;
    font-family: Arial, Droid Sans, sans-serif !important;
}

.TermsAndConditionsCls ol.loweralpha {
    list-style-type: initial;
}

.TermsAndConditionsCls ol.lowerroman {
    list-style-type: lower-roman;
}
.TermsAndConditionsCls ol.olDecimal {
    list-style-type: circle;
}

.recovery-services-landing-page .TPLoader_content {
    margin-top: 58px !important;
}

/* Create two equal columns that floats next to each other */
.column {
    float: left;
    width: 50%;
    padding: 10px;
    
  }
  
  /* Clear floats after the columns */
  .securityRow:after {
    content: "";
    display: table;
    clear: both;
  }

  .overrideFontClass1 {
    font-size: 52px;
    margin-left: 20px;
  }

  .overrideFontClass2 {
    font-size: 41px;
    margin-left: 20px;
  }

  .overrideFontClass3 {
    font-size: 33px;
    margin-left: 20px;
  }

  @media screen and (max-width: 1200px) {

  .LandingPage_SecurityCls {
    width: 637px;
  }

  .LandingPage_BadgingCls {
    width: 310px;
  }

  .securityManagedOSCls {
    width: 48%;
  }

  .securityActionLogsCls {
    width: 52%;
  }
}

.announcement-summary a:hover {
    color: #3FAE29;
    cursor: pointer;
    text-decoration: underline;
}

.announcement-modal-cls .row {
    flex-wrap: nowrap;
}
/* faq css styles start*/
.marketing_table {
  background : url(/r/static/media/marketing-faq.ce17fbe944c861b9a6fe.jpg);
  height: 247px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.marketing_rectangle {
  width: inherit !important;
}

.marketing_table_2 > * > ul > li > a {
  color: #3fae29;
  text-decoration: underline;
}


@media screen and (max-width: 1000px) {
  .marketing_header_div {
    font-size: 32px !important;
    width: 550px !important;
  }

  .marketing_tag_line {
    font-size: 22px !important;
    width: 600px !important;
  }
}

@media screen and (max-width: 900px) {

  .marketing_header_div {
    font-size: 25px !important;
    width: 550px !important;
  }

  .marketing_tag_line {
    font-size: 15px !important;
    width: 500px !important;
  }
}

@media screen and (max-width: 800px) {


  .marketing_header_div {
    font-size: 30px !important;
    width: 550px !important;
  }

  .marketing_tag_line {
    font-size: 15px !important;
  }
}

@media screen and (max-width: 582px) {


  .marketing_header_div {
    font-size: 20px !important;
    width: 386px !important;
  }

  .marketing_tag_line {
    font-size: 10px !important;
  }
}
/* faq css styles end*/

/* CloudApi css styles start*/
.cloudApiCls .cloudApi_marketing_rectangle  {
  width: inherit !important;
}

.cloudApiCls .marketing_table_api{
  background-image : url(/r/static/media/marketing-cloud-api.da12edd96222a67e53d7.jpg) !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.cloudApiCls .horizontal-divider {
  margin-bottom: 20px;
  border-bottom: 1px solid #C8C9CA;
  width: 100%;
}

.cloudApiCls .cloudApi_marketing_table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

.cloudApiCls .marketing_long_section_right  div {
  align-content:center;
  margin-left:30px;
  margin-top:10px;
  margin-right:30px;
  float: right;
  width: 30%;
}

.cloudApiCls .marketing_table_api {
  margin-bottom: 0px;
  height: 245px;
  width: 100%;
  display: inline-block;
  position: relative;
}

.cloudApiCls .green_title {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #3FAE29;
  margin-bottom: 8px;
}

.cloudApiCls .green_sub_title {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #3FAE29;
  margin-bottom: 2px;
}

.cloudApiCls .greenlink:link {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #3FAE29;
  text-decoration: none;
}

.cloudApiCls .greenlink:visited {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #3FAE29;
  text-decoration: none;
}


.cloudApiCls .greenlink:hover {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
}

.cloudApiCls .greenlink:active {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #3FAE29;
  text-decoration: underline;
}

.cloudApiCls .underline {
  text-decoration: underline;
}

.cloudApiCls .cloudApi_marketing_rectangle {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 35px;
  background-color: white;
  border: 1px solid #DDDEE0;
  box-shadow: 1px 1px 1px 1px #E1E0E5;
  width: 998px;
  overflow: auto;
}


.cloudApiCls .marketing_long_section_right {
  margin-top:10px;
  margin-right: 15px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Arial, sans-serif;
}

.cloudApiCls .marketing_table_2_col {
  margin-right: 30px;
  margin-left: 30px;
  margin-top: 10px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  vertical-align: text-top;
  word-break: break-all;
  overflow: hidden;
  white-space: normal;
}

.cloudApiCls table {
  border: 1px solid #ccc;
  border-spacing: 0px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
  table-layout: auto;
  /* width:100%;
  display: block; */
}

.cloudApiCls th {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  height: 100%;
  background-color: white;
  font-size: 12px;
}

.cloudApiCls tr, .cloudApiCls td {
  padding: 10px;
  text-align: left;
  vertical-align: top;
  font-family: Arial, sans-serif;
  font-size: 12px;
  /* height: 40px; */
}

.cloudApiCls tr:nth-child(odd) {
  background-color: #edf5f8;
}

.cloudApiCls tr:nth-child(even) {
  background-color: #fff;
}
/* CloudApi css styles end*/

/* customer advocate css styles start*/

.custAdv_marketing_rectangle  {
  width: inherit !important;
}
.customer-advocates {
  background-image : url(/r/static/media/marketing-customer-advocate.d27f673cc4c928e3c404.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 245px;
}

.customer-advocates-text {
    font-family: "Grill Sans",sans-serif;
    font-size: 45px;
    height: 114px;
    font-weight: normal;
    text-shadow: 1px 1px 2px #FFF, -1px -1px 2px #FFF, -1px 1px 2px #FFF, 1px -1px 2px #FFF;
    line-height: 127%;
    padding-left: 75px;
  }

.marketing_table_2 {
    margin-right: 10px;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    width: 97%;
    font-family: "Grill Sans",sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    vertical-align: text-top;
  }

  .green_title{
    font-family: "Grill Sans",sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #3fae29;
  }

  .marketing_section_right div {
    align-content: center;
}

.custAdv_tableRow_2{
  background-color: white;
  margin-top: 10px;
}

.marketing_section_right {
  background-color: #f5f5f5;
}

.marketing_section_right p{
  margin-bottom: 0px !important;
}

.custAdv_table2_p1 {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  margin-left: 15px;
  margin-top: 10px;
  margin-right: 15px;
  line-height: 25px;
}
.custAdv_table2_p2 {
  background-color: #f8f8f8;
}
.custAdv_table2_p3 {
  background-color: #fafafa;
}
.custAdv_table2_p4 {
  background-color: #fbfbfb;
}
.custAdv_table2_p5 {
  background-color: #fefefe;
}
/* customer advocate css styles end*/

.marketing-body-section-cls img {
  width: 95%;
}

.p .ol .li {
  overflow: hidden !important;
  word-break: break-all !important;
  white-space: normal !important;
  word-wrap: break-word  !important;
}

@media only screen and (max-width: 40em) {
  .cloudApiCls thead {
      display: none;
  }

  .cloudApiCls td, .cloudApiCls th {
      display: block;
  }

  .cloudApiCls td[data-th]:before  {
      content: attr(data-th);
      font-weight: bold;
  }
}

.banner-slider .slick-slider {
  height: unset !important;
}

.banner-slider button {
  padding: unset !important;
}

.banner-modal-body-cls .tp-modal-title {
  font-size: 30px !important;
}

.banner-text-cls{
  line-height: 22px;
  font-size: 20px;
}

.banner-checkbox-cls {
  padding-left: 0px;
  -ms-flex: 0 0 2.333333%;
  flex: 0 0 2.333333%;
  max-width: 2.333333%;
}

/*# sourceMappingURL=main.54b49ca61bb4f582f745.css.map*/