/*------------------------------------------HOME PAGE--------------------------------------------------------*/
	
		
.homediv{ width:100%}	
.homediv img{ float:right; margin-left:80px;}
.homediv p{ font-size:22px; line-height:1.71429;}
.homediv a{ font-size:22px; padding-left:10px; padding-right:10px; color:#0d72b8;}
.homediv .blacky{font-size:22px; color:#221f1c; font-weight:bolder }
	
.whytable { width:80%; margin-left:auto; margin-right:auto;}
.whytable td{font-size:22px; line-height:1.71429;color:#4a545d;}
.whytable tr{ border-bottom:2px solid #0d72b8;}
 td.whyicon{ text-align:center; margin-left:40px; margin-right:40px;}
 .whytable img{ float:none; margin-left:0;}
	
    /*------------------------------------------//VERTICAL TABS--------------------------------------------------------*/
.hometabs{ width:100%; background: #c3e6ff; }
.hometabs h1{ color:#ccc;}	
.tab button.active h1{ color:#4a545d}
.hometabs h3{ line-height:2.2rem}
.hometabs p{ font-size:16px; line-height:1.71429;}
.hometabs li{font-size:16px; line-height:1.71429; }
/* Style the tab */
.tab {
  float: left;
  border:none;
  background-color: #fff;
  width: 15%;
 
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
 
  color:#ccc;
   background-color: #fff;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
 
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #c3e6ff; color: #0d72b8;
}

/* Create an active/current "tab button" class */
.tab button.active {
 color:#91288b; 
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 80px;
  border:none;
  width: 85%;
  border-left: none;
  
}
    /*------------------------------------------//VERTICAL TABS--------------------------------------------------------*/
	 
   
   
   
   
    /*------------------------------------------HORIZANTAL TABS--------------------------------------------------------*/
.hometabs2{ width:100%; background: #c3e6ff;  border-radius: 15px;
 }
.hometabs2 h1{ color:#ccc;}	
.tab2 button.active2 h1{ color:#4a545d}
.hometabs2 h3{ line-height:2.2rem; font-weight: 600; font-size: 20px;}
.hometabs2 p{ font-size:16px; line-height:1.71429;}
.hometabs2 li{font-size:16px; line-height:1.71429; }
/* Style the tab */
.tab2 {
  float: left;
  border:none;
  background-color: #fff;
  width: 100%;
 
}

/* Style the buttons inside the tab */
.tab2 button {
  display: block;
 
  color:#ccc;
  background-color:#ffffff;
  width: 30%;
  border: none;
  outline: none;
  text-align:center;
  cursor: pointer;
  transition: 0.3s; float: left; border-radius: 20px 20px 0px 0px;
 
}

/* Change background color of buttons on hover */
.tab2 button:hover {
  background-color: #c3e6ff; color: #0d72b8;  border: 6px solid #fff; border-bottom: 0px;  
}

.tab2 button.active {
  background-color: #c3e6ff; color: #0d72b8; border: 6px solid #fff; border-bottom: 0px;  
}

/* Create an active/current "tab button" class */
.tab2 button.active2 {
 color:#91288b; 
}

/* Style the tab content */
.tabcontent2 {
  float: left;
  padding: 0px 80px;
  border:none;
  width: 100%;
  border-left: none;
  
}
    /*------------------------------------------//HORIZANTAL TABS--------------------------------------------------------*/
	


    /*------------------------------------------//HOME PAGE--------------------------------------------------------*/
	
	
	
	
	
.overflowx{overflow-x:auto;}
	






.careerbox{width:48% !important; display: inline-block; height: 12rem; margin-bottom: 20px;}




.global-footer ul{margin-left: 0px !important;}


li:first-child {
 
}
.toolbar.toolbar li {
  margin-top: 0;
}
li li:first-child {
  margin-top: 7px;
}


.left-header_social li{  margin-left: 0px !important;}
.global-footer li {
  margin-top: 7px; margin-left: 0px !important;
}


.global-footer {
  padding: 10px 0 30px;
  position: relative;
}
.page-node-type-landing-page .global-footer {
  margin-top: 0;
}
@media print {
  .global-footer {
    padding: 0;
  }
}
@media only screen and (min-width: 64em) {
  .left-grey + footer .global-footer {
    margin-top: 0;
  }
}
@media only screen and (min-width: 77.5em) {
  .global-footer {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
.global-footer > .l-container {
  position: relative;
  min-height: 70px;
}
.global-footer .menu--follow,
.global-footer .block-block-content {
  margin-top: 20px;
}
@media (max-width: 63.9375em) {
  .global-footer .menu--follow,
  .global-footer .block-block-content {
    padding-right: 100px;
  }
}
@media only screen and (min-width: 64em) {
  .global-footer .menu--follow {
    float: right;
  }
}
@media print {
  .global-footer .menu--follow {
    display: none;
  }
}
@media only screen and (min-width: 64em) {
  .global-footer .block-block-content {
    float: left;
    margin-top: 32px;
  }
}
.global-footer .qd-layouts-extra-gutter {
  margin: 0;
}
.region-footer {
  position: relative;
}
.region-footer::before,
.region-footer::after {
  content: " ";
  display: table;
}
.region-footer::after {
  clear: both;
}
@media only screen and (min-width: 64em) {
  .region-footer .block-system-branding-block {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media print {
  .region-footer .block-system-branding-block {
    display: none;
  }
}
@media only screen and (min-width: 64em) {
  .menu--footer > .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .menu--footer > .menu > li {
    padding-left: 18px;
    padding-right: 50px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media print {
  .menu--footer {
    display: none;
  }
}
.back-to-top {
  position: absolute;
  right: 0;
  width: 70px;
  height: 70px; 
}
.back-to-left {
  width: 50px;
  height: 50px;
  float:left; margin:5px
}
.back-to-right {
  width: 50px;
  height: 50px;
  float:right; margin:5px
}
@media only screen and (min-width: 64em) {
  .back-to-top {
    top: 0;
  }
}
@media (max-width: 63.9375em) {
  .back-to-top {
    bottom: 0;
  }
}
@media print {
  .back-to-top {
    display: none;
  }
}




















.ckeditor-accordion-container > dl dd {
  padding: 0 0 32px;
}
.ckeditor-accordion-container > dl dt:last-of-type > a {
  border-bottom: 1px solid #eaeaea !important;
}
dl.styled dt:not(:first-child) a {
  border-bottom: none;
  border-top: 1px solid #eaeaea !important;
}
.ckeditor-accordion-container > dl dt.active:last-of-type > a {
  border-bottom: none !important;
}
.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle {
  display: none;
}
.ckeditor-accordion-container > dl dd.active:last-of-type {
  border-bottom: 1px solid #eaeaea !important;
}
.ckeditor-accordion-container .ckeditor-accordion-toggle {
  display: none !important;
}
.ckeditor-accordion-toggler .ckeditor-accordion-toggle {
  display: none !important;
}
.global-footer {
  color: rgba(255, 255, 255, 0.5);
  background-color: #2c2c2c;
}
.global-footer a {
  color: inherit;
}
@media (max-width: 63.9375em) {
  .global-footer .site-logo svg {
    width: 125px;
    height: auto;
  }
}
.global-footer .site-logo svg path {
  fill: #fff;
}
.menu--footer > .menu {
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  width: 100%;
}
@media (max-width: 63.9375em) {
  .menu--footer > .menu {
    margin-top: 50px;
  }
  .menu--footer > .menu > li {
    margin-top: 14px;
  }
}
.menu--footer > .menu li li {
  margin-top: 7px;
}
.menu--footer .menu .menu {
  margin: 14px 0;
}
.menu--footer a {
  text-decoration: none;
}
.menu--footer a:hover,
.menu--footer a:focus {
  text-decoration: underline;
  -webkit-text-decoration-color: #504ca2;
  text-decoration-color: #504ca2;
}
.menu--footer .nav-lvl-1 {
  position: relative;
}
.menu--footer .nav-lvl-1 a:first-child {
  display: inline-block;
  border-bottom: 1px solid transparent;
  font-family: nexa-heavy, Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
}
.menu--footer .nav-lvl-1 a:first-child:hover,
.menu--footer .nav-lvl-1 a:first-child:focus {
  border-bottom-color: #504ca2;
}
.menu--footer .nav-lvl-1 .expandcollapse {
  position: absolute;
  right: -12px;
  top: -5px;
  width: 40px;
  height: 40px;
}
@media only screen and (min-width: 64em) {
  .menu--footer .nav-lvl-1 .expandcollapse {
    display: none;
  }
}
.menu--footer .nav-lvl-1 .expandcollapse svg {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 12px;
  right: 12px;
  fill: #fff;
}
.menu--footer .nav-lvl-2 a {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}
.menu--follow .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.menu--follow ul {
  margin-left: -12px;
  margin-right: -12px;
}
.menu--follow li {
  padding-left: 2px;
  padding-right: 2px;
}
.menu--follow a {
  display: block;
 
  height: 44px;
  padding: 10px 10px 0;
}
.menu--follow a .icon {
  display: block;
  border-bottom: 1px solid transparent;
}
.menu--follow a:hover .icon,
.menu--follow a:focus .icon {
  border-bottom-color: #504ca2;
}
.menu--follow svg {
  width: 24px;
  height: 24px;
  fill: #fff;
}

.back-to-left {
  border: none;
  background: #91288b; text-align:center; padding-top:8px;
}
.back-to-left i{ font-size:34px; color:#fff;}


.back-to-right {
  border: none;
  background: #91288b; text-align:center; padding-top:8px;
}
.back-to-right i{ font-size:34px; color:#fff;}

.back-to-top {
  border: none;
  background: #91288b;
}
.back-to-top svg {
  position: absolute;
  width: 24px;
  left: calc(50% - 12px);
  top: calc(50% - 12px);
  fill: #fff;
}
.back-to-top:hover {
  background: #fff;
}
.back-to-top:hover svg {
  fill: #91288b;
}
.back-to-top:focus {
  border: 1px dashed #fff;
}
.field--name-field-toll-content-ref {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}


	
	
	
	
	











/* Darker background on mouse-over */
.btndownload:hover {
  background-color: #91288b;
}

.breadcrumbs {
  list-style-type: none !important;
  font-size: 16px !important;
  background-color: rgb(255, 255, 255, 0.8);
  border-radius: 10px;
  
  padding-left: 15px; 
}
.breadcrumbs .dot {
  background-color: #91288b;
  border-radius: 50%;
  display: inline-block;
  padding: 6px;
  margin-left: 6px;
  margin-top: 12px;
  float: left;
}

.breadcrumbs .dot:hover {
  background-color: #0d72b8;
}
.breadcrumbs .second {
  display: inline-table;
  float: left;
  margin-left: 20px;
}
.breadcrumbs .last {
  display: inline-table;
  float: left;
  margin-left: 20px;
}
.breadcrumbs .last a {
  color: #0d72b8 !important;
}
.breadcrumbs a {
  padding-top: 35px !important; 
}

.site-logo img {
  width: 14.2vw;
  height: 5vw;
}

.global-footer img {
  width: 120px;
  height: 45px;
}





.nobullets li{
	 list-style: square inside url("../images/dash.svg");;
  margin: 0;
  padding: 0; margin-left:0px; line-height:1.2em;
	}

.nobullets li a{ color:rgba(255, 255, 255, 0.5) !important;}

.nobullets li a:hover{ color:rgba(255, 255, 255, 1) !important;}









@media screen and (min-width: 360px) and (max-width: 768px) {
  .site-logo img {
    width: 50%;
    height: auto;
    margin-top: 8px;
  }
}

@media screen and (min-width: 520px) and (max-width: 560px) {
  .site-logo img {
    width: 30% !important;
  }
  .landing-header.landing-header--tall {
    min-height: 133vw;
    background: #0d72b8 !important;
  }
  .landing-header.landing-header--short {
    min-height: 100vw;
    background: #0d72b8;
  }
}

@media screen and (min-width: 260px) and (max-width: 300px) {
  .site-logo img {
    width: 160px;
    height: 50px !important;
  }
}





.whitebg{text-align:center; vertical-align:middle; background-color:#ffffff;}

















.l-container-wide {
	max-width:1440px;
 
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.l-container-wide-padding {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 29.9375em) {
  .l-container-wide-padding {
    padding: 0 17px;
  }
}
@media screen and (min-width: 30em) and (max-width: 47.9375em) {
  .l-container-wide-padding {
    padding: 0 34px;
  }
}
@media only screen and (min-width: 48em) {
  .l-container-wide-padding {
    padding: 0 59px;
  }
}
.l-container-wide-padding .l-container,
.l-container-wide-padding .l-container-wide-padding {
  padding: 0;
}
@media only screen and (max-width: 29.9375em) {
  .l-container-wide-padding .header-search-inner .l-container-wide-padding {
    padding: 0 17px;
  }
}
@media screen and (min-width: 30em) and (max-width: 47.9375em) {
  .l-container-wide-padding .header-search-inner .l-container-wide-padding {
    padding: 0 34px;
  }
}
@media only screen and (min-width: 48em) {
  .l-container-wide-padding .header-search-inner .l-container-wide-padding {
    padding: 0 59px;
  }
}
.l-container {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 29.9375em) {
  .l-container {
    padding: 0 17px;
  }
}
@media screen and (min-width: 30em) {
  .l-container {
    padding: 0 34px;
  }
}
.l-container .l-container,
.l-container .l-container-wide-padding {
  padding: 0;
}
.l-container .dropdown .l-container-wide-padding {
  padding: 0 59px;
}
.l-main-content .l-container {
  margin-bottom: 30px;
}
@media only screen and (max-width: 39.9375em) {
  .module-margin {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 40em) {
  .module-margin {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 39.9375em) {
  .region-content {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 40em) {
  .region-content {
    margin-bottom: 80px;
  }
}
.page-node-type-landing-page .region-content {
  margin-bottom: 0;
}
@media only screen and (max-width: 39.9375em) {
  .region-title,
  .landing-title {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 40em) {
  /* .region-title,
  .landing-title {
    margin-bottom: 50px;
  } */
}
.region-title .page-title,
.landing-title .page-title {
  margin: 0;
}
@media (max-width: 63.9375em) {
  .landing-title {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 64em) {
  .landing-title {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 39.9375em) {
  .block-component {
    margin: 40px 0;
  }
}
@media only screen and (min-width: 40em) {
  .block-component {
    margin: 80px 0;
  }
}





/*------------------------------CSS Tabs*/


.tabs {
  width: 100%;
  float: none;
  list-style: none;
  position: relative;
  margin: 80px 0 0 10px;
  text-align: left; color:#fff;
}
.tabs li {
  float: left;
  display: block;
}
.tabs input[type="radio"] {
  position: absolute;
  top: 0;
  left: -9999px;
}
.tabs label {
  display: block; height:100%; width:100%;
  padding: 0px 10px;
  border-radius: 2px 2px 0 0;
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  background: #91288b;
  cursor: pointer;
  position: relative;
  top: 4px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tabs label:hover {
  background: #681468;  border-radius: 2px 2px 0 0;
}
.tabs .tab-content {
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 100%;
  font-size: 17px;
  line-height: 25px;
  
  position: absolute;
  top: 53px;
  left: 0;
  background: #0d72b8;
}
.tabs [id^="tab"]:checked + label {
  top: 10px;
  padding-top: 0px;
  background: #0d72b8;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
}

p.link {
  clear: both;
  margin: 380px 0 0 15px;
}
p.link a {
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  padding: 5px 10px;
  margin: 0 5px;
  background-color: #612e76;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
p.link a:hover {
  background-color: #522764;
}


/*----------------------------------------------*/

#tab-content1{  position:static}







/*------------------------------//CSS Tabs*/

/*-----------------------------CSS ACCORDITION*/
#accordion{
				border: 1px solid #2a2c28;
				margin: 2vh auto; 
				max-width: 100%;
			}
			#accordion a:focus > i{
				color: red;
			}
			#accordion a{	margin: 0;
				text-decoration: none;
				color: inherit;
				padding: 10px 20px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				background:#fff; color:#2a2c28
		
			}
			#accordion a h3{
				margin: 0;
				 font-weight:100; font-size:18px;color:#2a2c28			
			}
			
			#accordion a + p{
				display: block;
				overflow: hidden;
				max-height: 0px;
 				background: linear-gradient(#fff, #f0f5f9);
				margin: 0;
				padding: 0 20px;
				font-family: 'Open Sans', sans-serif;
				border-bottom: 1px solid #0d72b8;
				box-sizing: content-box; 
					/*transition: max-height 500ms;
					transition: padding 500ms;*/
					transition: all 500ms; color:#2a2c28 ; 	
			}
			
			
			#accordion a + p:last-of-type{
				border-bottom: 0px;
			}
			
			
			
			#accordion a:active + p,
			#accordion a:focus + p,
			
			#accordion a + p:active,
			#accordion a + p:focus{
				display: block;
				height: auto;
				max-height: 100%;
				padding: 10px 20px 20px;
			}
			
			/* Flips the font-awesome icon on hover */
			#accordion a .fa-chevron-down{
				transition: all 500ms;
			}
			#accordion a:hover .fa-chevron-down,
			#accordion a:active .fa-chevron-down,
			#accordion a:focus .fa-chevron-down{
				-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
				transform: scaleY(-1);
				-webkit-filter: none;
				filter: none;
				
			}
			
			#accordion.noborder{ border:0px !important;}
			#accordion.noborder a + p{ border:0px !important;}
			#accordion.noborder a{ background:#f4f4f4; border:1px solid #fff;}
/*-----------------------------//CSS ACCORDITION*/














td.checkbox,
th.checkbox {
  text-align: center;
}
[dir="rtl"] td.checkbox,
[dir="rtl"] th.checkbox {
  text-align: center;
}
th.is-active img {
  display: inline;
}
td.is-active {
  background-color: #ddd;
}
div.tabs {
  margin: 1em 0;
}
ul.tabs {
  margin: 0 0 0.5em;
  padding: 0;
  list-style: none; z-index: 10;
}
.tabs > li {
  display: inline-block;
  margin-right: 0.3em;
}
[dir="rtl"] .tabs > li {
  margin-right: 0;
  margin-left: 0.3em;
}
.tabs a {
  display: block;
  padding: 0.2em 0.6em;
  text-decoration: none; background-color:#a9a9a9; color:#fff;  border-radius: 0px 0px 10px 10px ;
}
.tabs a.is-active {
  background-color: #0d72b8; color:#fff; height:2.3em;
}
.tabs a:focus,
.tabs a:hover {
  background-color: #0d72b8; color:#fff; height:2.3em;
}
.form-textarea-wrapper textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
.ui-dialog--narrow {
  max-width: 500px;
}
@media screen and (max-width: 600px) {
  .ui-dialog--narrow {
    min-width: 95%;
    max-width: 95%;
  }
}
ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-item {
  margin: 0;
  padding: 0;
}
.region-breadcrumb {
  border-bottom: 1px solid #eaeaea;
}
.region-breadcrumb .l-container-wide-padding {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 63.9375em) {
  .region-breadcrumb .l-container-wide-padding {
    padding: 0 23px;
  }
}
.region-breadcrumb .l-container-wide-padding .block-system-breadcrumb-block {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
@media print {
  .region-breadcrumb {
    display: none;
  }
}
.breadcrumb {
  font-family: nexa-xbold, Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@media (max-width: 47.9375em) {
  .breadcrumb {
    padding: 13px 0;
    font-size: 13px;
  }
}
@media only screen and (min-width: 48em) {
  .breadcrumb {
    padding: 10px 0;
    font-size: 11px;
  }
}
@media print {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb a {
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid transparent;
}
.breadcrumb a:hover,
.breadcrumb a:focus {
  border-bottom-color: #504ca2;
}
.breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  margin: 0;
}
@media only screen and (min-width: 48em) {
  .breadcrumb li {
    padding-left: 13px;
  }
  .breadcrumb li:before {
    content: "/";
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    padding-right: 13px;
  }
  .breadcrumb li:first-child {
    padding-left: 0;
  }
  .breadcrumb li:first-child:before {
    content: none;
  }
  .breadcrumb li .breadcrumb-mobile {
    display: none;
  }
}
@media (max-width: 47.9375em) {
  .breadcrumb li {
    display: none;
  }
  .breadcrumb li svg {
    fill: #504ca2;
    margin-right: 12px;
    margin-top: 1px;
  }
  .breadcrumb li:nth-last-child(2) {
    display: inline;
  }
}
.path-frontpage .breadcrumb {
  display: none;
}
.ajax-progress {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
  padding: 0;
}
[dir="rtl"] .ajax-progress {
  float: right;
}
.ajax-progress-throbber .throbber {
  background: transparent
    url(/themes/custom/toll_theme/assets/img/preloader.png) no-repeat center
    center;
  background-size: 32px 32px;
  display: inline-block;
  height: 32px;
  width: 32px;
  padding: 0;
}
.ajax-progress-throbber .message {
  display: inline-block;
  padding: 1px 5px 2px;
}
tr .ajax-progress-throbber .throbber {
  margin: 0 2px;
}
.ajax-progress-bar {
  width: 16em;
}
.ajax-progress-fullscreen {
  height: 32px;
  width: 32px;
  left: 50%;
  position: fixed;
  top: 50%;
  margin-top: -16px;
  margin-left: -16px;
  z-index: 1500;
  background: transparent
    url(/themes/custom/toll_theme/assets/img/preloader.png) no-repeat center
    center;
  background-size: 32px 32px;
}