*, ::after, ::before{
    box-sizing: content-box;
}
.custom-checkbox{
	display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	top: 0px !important;
	left: 0px !important;
	margin-left: 10px;
	margin-right: 20px;
}
.custom-checkbox-input{
	position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.custom-checkbox-box{
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    border: 1px solid grey;
    border-radius: 4px;
}
.custom-checkbox input:checked ~ .custom-checkbox-box {
    background-color: #2196F3;
    border: 1px solid #2196F3;
}

.custom-checkbox input:checked ~ .custom-checkbox-box:after {
    display: block;
}

.custom-checkbox .custom-checkbox-box:after {
    left: 4.3px;
    top: 1.2px;
    width: 3px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.custom-checkbox-box::after {
    content: "";
    position: absolute;
    display: none;
}
/*custom radio button*/

/* The container */
.custom-radiobox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	margin-left: 10px;
}

/* Hide the browser's default radio button */
.custom-radiobox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.custom-radiobox-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custom-radiobox:hover input ~ .custom-radiobox-box {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.custom-radiobox input:checked ~ .custom-radiobox-box {
    border: 2px solid #2196F3;
	background-color: white;
	height: 14px;
    width: 14px;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.custom-radiobox-box:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radiobox input:checked ~ .custom-radiobox-box:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.custom-radiobox .custom-radiobox-box:after {
 	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #2196F3;

}

/*projected display*/
.projected-display{
	width:100%;
	min-height:0px;
	overflow: auto;
}
.Aa20193182127Ar_{
	background-color:gainsboro;
	padding-left:4px;
	padding-right:4px;
	line-height:24px;
	margin-right:10px;
	margin-left: 10px;
	white-space: pre-wrap;
	float: left;
	width: 1px;
	width: auto;
	margin-bottom: 8px;
}
.Aa20193182128At_{
	font-size:19px;
	cursor:pointer;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	top: 1px;
}
.Aa20193182127Ar_{
	pointer-events: none;
}

.Aa20193182128At_{
	pointer-events: auto;
}
.Aa20193182127Ar_:hover{
	text-decoration: line-through;
}
.display-flex{
  width: 100%;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
}
/*toottip for any text*/
.tooltip {
  position: relative;
    opacity: 1;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 40px;
  max-width: 100px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  margin-left: 15px;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .right {
  top: -5px;
  left: 105%; 
    margin-left: 15px
}

.tooltip .left {
  top: -5px;
  right: 105%; 
    margin-right: 15px
}
.tooltip .top {
  bottom: 100%;
  left: 50%; 
  margin-left: -30px; 
    margin-bottom: 15px
    /* Use half of the width (120/2 = 60), to center the tooltip */
}
.tooltip .bottom {
  top: 100%;
  left: 50%; 
  margin-left: -30px;
  margin-top:15px;
        /* Use half of the width (120/2 = 60), to center the tooltip */
}
.tooltip .info{
	max-width: 100%;
	min-width: 200px;
	background-color: white !important;
	box-shadow: 0px 0px 2px 0px grey;
	color: #444444 !important;
	font-size: 13px;
	line-height: 20px;
}
/*custom scrollbar*/
.custom-scrollbar{
	scrollbar-color: rgba(0,0,0,0.3) transparent;
  	scrollbar-width:thin;
	scrollbar-base-color: white;
	scrollbar-face-color: grey;
	scrollbar-3dlight-color: white;
	scrollbar-highlight-color: white;
  	scrollbar-track-color: white;
	scrollbar-arrow-color: white;
  	scrollbar-shadow-color: white;
  	scrollbar-dark-shadow-color:white;
}
.custom-scrollbar::-webkit-scrollbar{
	width: 3px;
}
.custom-scrollbar::-webkit-scrollbar-track{
	background-color: rgba(0,0,0,0.0);
}
.custom-scrollbar::-webkit-scrollbar-thumb{
	background-color: rgba(0,0,0,0.3);
	border-radius: 10px;
	height: 5px;
}
.incoming-chat{
	width: 80%;
	min-height: 15px;
	height: auto;
	overflow: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 20px;
}
.incoming-chat div{
	float: left;
	background-color: #f0f0f0;
	padding: 8px;
	min-width: 10%;
	max-width: 60%;
	color: #444444;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 1px 15px;
	overflow: hidden;
    word-break: break-all;
}
.outgoing-chat{
	width: 96%;
	min-height: 15px;
	height: auto;
	overflow: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-right: 20px;
}
.outgoing-chat div{
	float: right;
	background-color: rgb(35,127,219);
	padding: 8px;
	min-width: 10%;
	max-width: 60%;
	color: white;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 1px 15px;
	overflow: hidden;
    word-break: break-all;
}
.form-label{
	width: 100%;
	text-align: left;
}
.form-label label{
	position: relative;
    font-size: 16px;
	color: grey;
	font-family: 'Open Sans',sans-serif;
    left: 15px;
    transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    z-index: 1;
	top: 28px;
	text-align: left;
	font-weight: 500;
}
.form-label input{
	width: 96%;
    padding: 10px 15px 10px 15px;
    border: 1px solid #444444;
    font-size: 15px;
    color: grey;
    border-radius: 6px;
    box-sizing: content-box !important;
}
.form-label select{
	width: 100%;
    padding: 8px 15px 10px 15px;
    border: 1px solid #444444;
    font-size: 15px;
    color: grey;
    border-radius: 6px;
	
}
.form-label textarea{
	width: 88%;
	resize: none;
	min-height: 100px;
	height: auto;
	border:1px solid #444444;
	padding: 10px 15px 10px 15px;
	font-size: 15px;
	border-radius: 6px;
}
.form-label select:focus{
	outline: none;
}
.form-label input:focus{
	outline: none;
}
.form-label textarea:focus{
	outline: none;
}
.form-label-small input{
	padding: 5px;
}
.form-label-small select{
	padding: 5px;
}
.form-label-small textarea{
	padding: 5px;
	width: 95%
}
.form-label-small label{
	font-size: 15px;
	top: 24px;
	left: 0px;
}
/*custom select*/
.custom-select{
	border:1px solid grey;
	min-width: 100px;
	width: 100%;
	max-width: 100%;
	padding-bottom: 1px;
	padding-top: 6px;
	font-size: 15px;
	position: relative;
	font-family: 'Open Sans',sans-serif;
	font-size: 15px;
	min-height: auto;
	cursor: pointer;
	color: #444444;
    background:none;
}
.custom-select option{
	position: absolute;
	display: none;
	padding-right: 22px !important;
	padding-left: 10px;
}
.custom-select option:first-of-type{
	position: relative;
	display: block;
}
.custom-select::before{
	content: " ";
	border: 5px solid transparent;
	border-top: 5px solid grey;
	position: absolute;
	right: 6px;
	top: 12px;
}
.border-middle-slider::after{
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
  -o-transition: width .5s ease, background-color .5s ease;
  -moz-transition: width .5s ease, background-color .5s ease;
  -ms-transition: width .5s ease, background-color .5s ease;
  -webkit-transition: width .5s ease, background-color .5s ease;
  position: relative;
  top: 3px;
  left: -5px;
}
.border-middle-slider:hover:after{
  width: 100%;
  padding-left: 3px;
  padding-right: 3px;
  background: rgb(25,127,219);
}
.Aa201904141904At_{
	position: absolute;
	background-color: white;
	min-height: 10px;
	max-height: 350px;
	overflow-y: auto;
	top: 31px;
	left: 0px;
	font-family: 'Open Sans',sans-serif;
	font-family: 15px;
	color: #444444;
	line-height: 26px;
	display: none;
	width: 100%;
	min-width:121px;
	scrollbar-color: rgba(0,0,0,0.3) transparent;
  	scrollbar-width:thin;
	scrollbar-base-color: white;
	scrollbar-face-color: grey;
	scrollbar-3dlight-color: white;
	scrollbar-highlight-color: white;
  	scrollbar-track-color: white;
	scrollbar-arrow-color: white;
  	scrollbar-shadow-color: white;
  	scrollbar-dark-shadow-color:white;
	z-index: 100;
	box-shadow: 0px 0px 4px 0px grey;
}
.Aa201904141904At_::-webkit-scrollbar{
	width: 3px;
}
.Aa201904141904At_::-webkit-scrollbar-track{
	background-color: rgba(0,0,0,0.0);
}
.Aa201904141904At_::-webkit-scrollbar-thumb{
	background-color: rgba(0,0,0,0.3);
	border-radius: 10px;
	height: 5px;
}
.Aa201904141904At_ option{
	padding: 5px;
	padding-left: 8px;
}
.Aa201904141904At_ option:hover{
	background-color: rgb(35,127,219);
	color: white;
	cursor: pointer;
}
.custom-select:focus{
	outline: none;
}
.Aa201904162322Ai_{
	background-color: gainsboro;
	padding: 1px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: 'Open sans',sans-serif;
	font-size: 14px;
	color: #444444;
	text-transform: capitalize;
	margin-right: 10px;
	line-height: 24px;
	border-radius: 5px;
}
.Aa201904162322Ai_ i{
	pointer-events: auto;
	font-size: 22px;
	cursor: pointer;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.Aa201904162322Ai_{
	pointer-events: none;
}
.Aa201904162322Ai_:hover{
	text-decoration: line-through;
}
.blueColor .Aa201904162322Ai_{
	background-color: rgb(25,127,219);
	color: white;
}
.modal-box{
	width: 100%;
    position: fixed;
    min-height: 100%;
    background-color: rgba(0,0,0,0.4);
	display: none;
	transition: 2s;
	-o-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-webkit-transition: 2s;
    z-index: 10000;
    top:0px;
}
.modal-box-data-entry{
	width: 50%;
	min-height: 100px;
	height: auto;
	background-color: white;
	margin: 0 auto;
	position: relative;
	border-top: 5px solid rgb(35,127,219);
	top: -10vh;
	transition: 2s;
	-o-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-webkit-transition: 1s;
	padding: 10px;
	position: relative;
}
.Aa201904201726At_{
	padding: 10px;
	cursor: pointer;
	color: white;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #ff4244;
	z-index: 100;
	position: absolute;
	top: -20px;
	right: -20px;
	border-radius: 50%;
}
.submit-button{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgb(35,127,219);
	border: 1px solid rgb(35,127,219);
	border-radius: 6px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: white;
	cursor: pointer;
}
.submit-button:focus{
	outline: none;
}
.submit-button:active{
	opacity: 0.8;
}

/* toggle swithc */
.custom-toggle-switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 16px;
	padding: 1px;
}

.custom-toggle-switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.custom-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.custom-toggle-slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .custom-toggle-slider {
  background-color: #2196F3;
}

input:focus + .custom-toggle-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .custom-toggle-slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.custom-toggle-slider.round {
  border-radius: 34px;
}

.custom-toggle-slider.round:before {
  border-radius: 50%;
}
.validationError{
	background-color:#F5DFDF;
	width:100%;
	padding-left:10px;
	color:#ff4242;
	margin:0 auto;
	margin-top:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	text-transform: capitalize;
    margin-bottom: 20px;
}
.border-top-1{
    border-top: 1px solid #eaeaea;
}
.border-top-2{
    border-top: 2px solid #eaeaea;
}
.border-top-3{
    border-top: 3px solid #eaeaea;
}
.border-top-4{
    border-top: 4px solid #eaeaea;
}
.border-top-5{
    border-top: 5px solid #eaeaea;
}

.border-bottom-1{
    border-bottom: 1px solid #eaeaea;
}
.border-bottom-2{
    border-bottom: 2px solid #eaeaea;
}
.border-bottom-3{
    border-bottom: 3px solid #eaeaea;
}
.border-bottom-4{
    border-bottom: 4px solid #eaeaea;
}
.border-bottom-5{
    border-bottom: 5px solid #eaeaea;
}

.border-left-1{
    border-left: 1px solid #eaeaea;
}
.border-left-2{
    border-left: 2px solid #eaeaea;
}
.border-left-3{
    border-left: 3px solid #eaeaea;
}
.border-left-4{
    border-left: 4px solid #eaeaea;
}
.border-left-5{
    border-left: 5px solid #eaeaea;
}
.border-right-1{
    border-right: 1px solid #eaeaea;
}
.border-right-2{
    border-right: 2px solid #eaeaea;
}
.border-right-3{
    border-right: 3px solid #eaeaea;
}
.border-right-4{
    border-right: 4px solid #eaeaea;
}
.border-right-5{
    border-right: 5px solid #eaeaea;
}
.border-black{
    border-color: #424242 !important;
}
/* background color without linear gradient */

.bg-light-green{
    background-color: #CBDD6C !important;
}
.bg-dark-roseanna{
    background-color: #ffafbd !important;
}
.bg-light-roseanna{
    background-color: #ffc3a0 !important;
}
.bg-dark-appealingblue{
    background-color: #2193b0 !important;
}
.bg-light-appealingblue{
     background-color: #6dd5ed;
}
.bg-antiquered-light{
    background-color: #F8F8F8 !important;
}
.overflow-hidden{
    overflow: hidden;
}
.cursor-pointer{
    cursor: pointer;
}
.font-weight-700{
    font-weight: 700 !important;
}
.font-weight-800{
    font-weight: 800 !important;
}
.font-weight-900{
    font-weight: 900 !important;
}
.font-weight-500{
    font-weight: 500 !important;
}
.font-weight-400{
    font-weight: 400 !important;
}
.font-weight-300{
    font-weight: 300 !important;
}
.font-weight-200{
    font-weight: 200 !important;
}
.font-weight-100{
    font-weight: 100 !important;
}
.font-weight-600{
    font-weight: 600 !important;
}
.lg-bg-green{
     background: -webkit-linear-gradient(45deg,#CBDD6C,#92BC54);
    background: linear-gradient(45deg,#CBDD6C,#92BC54);
    background: -moz-linear-gradient(45deg,#CBDD6C,#92BC54);
    background: -ms-linear-gradient(45deg,#CBDD6C,#92BC54);
    background: -o-linear-gradient(45deg,#CBDD6C,#92BC54)
}
.lg-bg-roseanna{
     background: -webkit-linear-gradient(45deg,#ffafbd,#ffc3a0);
    background: linear-gradient(45deg,#ffafbd,#ffc3a0);
    background: -moz-linear-gradient(45deg,#ffafbd,#ffc3a0);
    background: -ms-linear-gradient(45deg,#ffafbd,#ffc3a0);
    background: -o-linear-gradient(45deg,#ffafbd,#ffc3a0)
}
.lg-bg-appealingblue{
     background: -webkit-linear-gradient(45deg,#2193b0,#6dd5ed);
    background: linear-gradient(45deg,#2193b0,#6dd5ed);
    background: -moz-linear-gradient(45deg,#2193b0,#6dd5ed);
    background: -ms-linear-gradient(45deg,#2193b0,#6dd5ed);
    background: -o-linear-gradient(45deg,#2193b0,#6dd5ed)
}
.lg-bg-advanceblue{
    background-image: -webkit-linear-gradient(145deg,#00f6ff,#114655);
    background-image: -moz-linear-gradient(145deg,#00f6ff,#114655);
    background-image: -o-linear-gradient(145deg,#00f6ff,#114655);
    background-image: -ms-linear-gradient(145deg,#00f6ff,#114655);
    background-image: linear-gradient(145deg,#00f6ff,#114655);
}
.lg-bg-brightorange{
    background-color: #e86704;
    background-image: -webkit-linear-gradient(145deg,#ff8707,#cb3c00);
    background-image: -moz-linear-gradient(145deg,#ff8707,#cb3c00);
    background-image: -o-linear-gradient(145deg,#ff8707,#cb3c00);
    background-image: -ms-linear-gradient(145deg,#ff8707,#cb3c00);
    background-image: linear-gradient(145deg,#ff8707,#cb3c00);

}
.lg-bg-grassgreen{
    background-color: #69a827;
    background-image: -webkit-linear-gradient(145deg,#b2e865,#438707);
    background-image: -moz-linear-gradient(145deg,#b2e865,#438707);
    background-image: -o-linear-gradient(145deg,#b2e865,#438707);
    background-image: -ms-linear-gradient(145deg,#b2e865,#438707);
    background-image: linear-gradient(145deg,#b2e865,#438707);
}
.lg-bg-mattred{
    background-color: #f4647a;
    box-shadow: 1px 1px 3px rgba(0,0,0,.4);
    background-image: -webkit-linear-gradient(145deg,#f4647a,#8d2d3b);
    background-image: -moz-linear-gradient(145deg,#f4647a,#8d2d3b);
    background-image: -o-linear-gradient(145deg,#f4647a,#8d2d3b);
    background-image: -ms-linear-gradient(145deg,#f4647a,#8d2d3b);
    background-image: linear-gradient(145deg,#f4647a,#8d2d3b);
}
.lg-bg-stormysky{
    background-color: #1d4aa4;
    background-image: -webkit-linear-gradient(145deg,#306be2,#133781);
    background-image: -moz-linear-gradient(145deg,#306be2,#133781);
    background-image: -o-linear-gradient(145deg,#306be2,#133781);
    background-image: -ms-linear-gradient(145deg,#306be2,#133781);
    background-image: linear-gradient(145deg,#306be2,#133781);
}
.lg-bg-spinachgreen{
    background-color: #32893d;
    background-image: -webkit-linear-gradient(145deg,#75c57f,#136d1e);
    background-image: -moz-linear-gradient(145deg,#75c57f,#136d1e);
    background-image: -o-linear-gradient(145deg,#75c57f,#136d1e);
    background-image: -ms-linear-gradient(145deg,#75c57f,#136d1e);
    background-image: linear-gradient(145deg,#75c57f,#136d1e);
}
.lg-bg-purpledark{
    background-color: #6a2698;
    background-image: -webkit-linear-gradient(145deg,#d453ff,#290a59);
    background-image: -moz-linear-gradient(145deg,#d453ff,#290a59);
    background-image: -o-linear-gradient(145deg,#d453ff,#290a59);
    background-image: -ms-linear-gradient(145deg,#d453ff,#290a59);
    background-image: linear-gradient(145deg,#d453ff,#290a59);
}
.lg-bg-skyclear{
        background-color: #1fa8e2;
    background-image: -webkit-linear-gradient(145deg,#5ce1fd,#038ed6);
    background-image: -moz-linear-gradient(145deg,#5ce1fd,#038ed6);
    background-image: -o-linear-gradient(145deg,#5ce1fd,#038ed6);
    background-image: -ms-linear-gradient(145deg,#5ce1fd,#038ed6);
    background-image: linear-gradient(145deg,#5ce1fd,#038ed6);
}
.lg-bg-sadblue{
    background-color: #6383e2;
    background-image: -webkit-linear-gradient(145deg,#6383e2,#223262);
    background-image: -moz-linear-gradient(145deg,#6383e2,#223262);
    background-image: -o-linear-gradient(145deg,#6383e2,#223262);
    background-image: -ms-linear-gradient(145deg,#6383e2,#223262);
    background-image: linear-gradient(145deg,#6383e2,#223262);
}
.lg-bg-whatgreen{
    background-color: #00537e;
    background-image: -webkit-linear-gradient(145deg,#3aa17e,#00537e);
    background-image: -moz-linear-gradient(145deg,#3aa17e,#00537e);
    background-image: linear-gradient(145deg,#3aa17e,#00537e);
    background-image: -ms-linear-gradient(145deg,#3aa17e,#00537e);
    background-image: linear-gradient(145deg,#3aa17e,#00537e);
}
.lg-bg-timidpurple{
    background-color: #9759cc;
    background-image: -webkit-linear-gradient(145deg,#7379ff,#b524ef);
    background-image: -moz-linear-gradient(145deg,#7379ff,#b524ef);
    background-image: -o-linear-gradient(145deg,#7379ff,#b524ef);
    background-image: -ms-linear-gradient(145deg,#7379ff,#b524ef);
    background-image: linear-gradient(145deg,#7379ff,#b524ef);
}
.lg-bg-wistblue{
    background-color: #39ace1;
    background-image: -webkit-linear-gradient(145deg,#52a2fc,#480fcc);
    background-image: -moz-linear-gradient(145deg,#52a2fc,#480fcc);
    background-image: -o-linear-gradient(145deg,#52a2fc,#480fcc);
    background-image: -ms-linear-gradient(145deg,#52a2fc,#480fcc);
    background-image: linear-gradient(145deg,#52a2fc,#480fcc);
}
.lg-bg-mixredor{
    background-color: #ffb000;
    background-image: -webkit-linear-gradient(145deg,#f4a22b,#f34b6b);
    background-image: -moz-linear-gradient(145deg,#f4a22b,#f34b6b);
    background-image: -o-linear-gradient(145deg,#f4a22b,#f34b6b);
    background-image: -ms-linear-gradient(145deg,#f4a22b,#f34b6b);
    background-image: linear-gradient(145deg,#f4a22b,#f34b6b);
}
.lg-bg-changingblue{
    background-color: #39ace1;
    background-image: -webkit-linear-gradient(145deg,#52a2fc,#480fcc);
    background-image: -moz-linear-gradient(145deg,#52a2fc,#480fcc);
    background-image: -o-linear-gradient(145deg,#52a2fc,#480fcc);
    background-image: -ms-linear-gradient(145deg,#52a2fc,#480fcc);
    background-image: linear-gradient(145deg,#52a2fc,#480fcc);
}
.lg-bg-hithardblue{
    background-color: #0b7892;
    background-image: -webkit-linear-gradient(145deg,#1bbce2,#073b5a);
    background-image: -moz-linear-gradient(145deg,#1bbce2,#073b5a);
    background-image: -o-linear-gradient(145deg,#1bbce2,#073b5a);
    background-image: -ms-linear-gradient(145deg,#1bbce2,#073b5a);
    background-image: linear-gradient(145deg,#1bbce2,#073b5a)
}
.bg-stipulated-green{
    background-color: #92BC54 !important;
}
.line-height-1{
    line-height: normal !important;
}
.line-height-1{
    line-height: 1.5 !important;
}
.line-height-2{
    line-height: 1.7 !important;
}
.line-height-3{
    line-height: 1.9 !important;
}
.line-height-4{
    line-height: 2.1 !important;
}
.line-height-5{
    line-height: 2.3 !important;
}

.outline-none:focus{
    outline: none;
}
.image-container img {
      height: 100%;
      width:100%;
}

    .w-5{
        width: 5% !important;    
    }
    .w-15{
        width: 15% !important;    
    }
    .w-35{
        width: 35% !important;    
    }
    .w-45{
        width: 45% !important;    
    }
    .w-55{
        width: 55% !important;    
    }
    .w-65{
        width: 65% !important;    
    }
    .w-85{
        width: 85% !important;    
    }
    .w-95{
        width: 95% !important;    
    }
    .w-10{
        width: 10% !important;
    }
    .w-20{
        width: 20% !important;
    }
    .w-30{
        width: 30% !important;
    }
    .w-40{
        width: 40% !important;
    }
    .w-60{
        width: 60% !important;
    }.w-70{
        width: 70% !important;
    }.w-80{
        width: 80% !important;
    }.w-90{
        width: 90% !important;
    }
.hover-box-shadow{
    transition: 0.51s;
    -webkit-transition: 0.51s;
    -ms-transition: 0.51s;
    -moz-transition: 0.51s;
    -o-transition: 0.51s;
}
.hover-box-shadow:hover{
    box-shadow: 0px 0px 3px 0px grey;
}
.hover-text-white:hover{
    color:white !important;
}
.hover-text-grey:hover{
    color:grey !important;
}
.box-shadow-none{
    box-shadow: none;
}
.box-shadow-1{
    box-shadow:0px 0px 3px 0px grey;
}
.box-shadow-2{
    box-shadow:0px 0px 6px 0px grey;
}
.box-shadow-3{
    box-shadow:0px 0px 9px 0px grey;
}
.box-shadow-4{
    box-shadow:0px 0px 12px 0px grey;
}
.box-shadow-5{
    box-shadow:0px 0px 15px 0px grey;
}
.box-shadow-6{
    box-shadow:0px 0px 18px 0px grey;
}
.box-shadow-7{
    box-shadow:0px 0px 21px 0px grey;
}
.box-shadow-8{
    box-shadow:0px 0px 24px 0px grey;
}
.box-shadow-9{
    box-shadow:0px 0px 27px 0px grey;
}
.box-shadow-10{
    box-shadow:0px 0px 30px 0px grey;
}
.box-shadow-1-white{
    box-shadow:0px 0px 3px 0px white;
}
.box-shadow-2-white{
    box-shadow:0px 0px 6px 0px white;
}
.box-shadow-3-white{
    box-shadow:0px 0px 9px 0px white;
}
.box-shadow-4-white{
    box-shadow:0px 0px 12px 0px white;
}
.box-shadow-5-white{
    box-shadow:0px 0px 15px 0px white;
}
.box-shadow-6-white{
    box-shadow:0px 0px 18px 0px white;
}
.box-shadow-7-white{
    box-shadow:0px 0px 21px 0px white;
}
.box-shadow-8-white{
    box-shadow:0px 0px 24px 0px white;
}
.box-shadow-9-white{
    box-shadow:0px 0px 27px 0px white;
}
.box-shadow-10-white{
    box-shadow:0px 0px 30px 0px white;
}

.cancel{
	position: absolute;
	overflow: hidden;
	padding: 5px;
	;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 50% !important;
	right: 3px;
	color: #444444;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	border: 1px solid transparent;
	top: 0px;
	cursor: pointer;
}
.cancel i{
	padding: 5px;
	background-color: white;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 50%;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	z-index: 1;
}
.cancel:hover{
	border: 1px solid #f44244;
	padding: 0px;
	right: 10px;
	top: 5px;	
}
.cancel:hover i{
	background-color: #ff4244 !important;
	color: white;
}
.cancel i:focus,.cancel:focus {
	outline: none;
}
.hover-bg-primary:hover{
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; 
}
.hover-bg-danger:hover{
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.hover-bg-success:hover{
    color: #fff;
    background-color: #28a745!important;
    border-color: #28a745!important;
}
.hover-bg-info:hover{
    color: #fff;
    background-color:#17a2b8!important;
    border-color: #17a2b8!important;
}
.hover-bg-warning:hover{
    color: #fff;
    background-color: #ffc107!important;
    border-color: #ffc107!important;
}
.hover-bg-secondary:hover{
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.hover-bg-dark:hover{
    color: #fff;
    background-color:#343a40!important;
    border-color: #343a40!important;
}
.hover-bg-light:hover{
    color: #fff;
    background-color: #f8f9fa!important;
    border-color: #f8f9fa!important;
}
.transition-0{
    transition: 0s;
    -webkit-transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
}.transition-1{
    transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}.transition-2{
    transition: 2s;
    -webkit-transition: 2s;
    -ms-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
}.transition-3{
    transition: 3s;
    -webkit-transition: 3s;
    -ms-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s;
}.transition-4{
    transition: 4s;
    -webkit-transition: 4s;
    -ms-transition: 4s;
    -moz-transition: 4s;
    -o-transition: 4s;
}.transition-5{
    transition: 5s;
    -webkit-transition: 5s;
    -ms-transition: 5s;
    -moz-transition: 5s;
    -o-transition: 5s;
}.transition-6{
    transition: 6s;
    -webkit-transition: 6s;
    -ms-transition: 6s;
    -moz-transition: 6s;
    -o-transition: 6s;
}.transition-7{
    transition: 7s;
    -webkit-transition: 7s;
    -ms-transition: 7s;
    -moz-transition: 7s;
    -o-transition: 7s;
}.transition-8{
    transition: 8s;
    -webkit-transition: 8s;
    -ms-transition: 8s;
    -moz-transition: 8s;
    -o-transition: 8s;
}.transition-9{
    transition: 9s;
    -webkit-transition: 9s;
    -ms-transition: 9s;
    -moz-transition: 9s;
    -o-transition: 9s;
}.transition-10{
    transition: 10s;
    -webkit-transition: 10s;
    -ms-transition: 10s;
    -moz-transition: 10s;
    -o-transition: 10s;
}
.box-sizing-none{
    box-sizing: none !important;
}
.box-sizing-border-box{
    box-sizing: border-box;
}
.box-sizing-content-box{
    box-sizing: border-box;
}
.aki-color{
    background-color: rgba(39,100,159,0.8);
}
.display-inline-block{
    display: inline-block !important
}
.display-inline{
    display: inline;
}
@media (min-width:576px){
    .w-sm-5{
        width: 5% !important;    
    }
    .w-sm-15{
        width: 15% !important;    
    }
    .w-sm-25{
        width: 25% !important;    
    }
    .w-sm-35{
        width: 35% !important;    
    }
    .w-sm-45{
        width: 45% !important;    
    }
    .w-sm-55{
        width: 55% !important;    
    }
    .w-sm-65{
        width: 65% !important;    
    }
    .w-sm-75{
        width: 75% !important;    
    }
    .w-sm-85{
        width: 85% !important;    
    }
    .w-sm-95{
        width: 95% !important;    
    }
    .w-sm-10{
        width: 10% !important;
    }
    .w-sm-20{
        width: 20% !important;
    }
    .w-sm-30{
        width: 30% !important;
    }
    .w-sm-40{
        width: 40% !important;
    }
    .w-sm-50{
        width: 50% !important;
    }.w-sm-60{
        width: 60% !important;
    }.w-sm-70{
        width: 70% !important;
    }.w-sm-80{
        width: 80% !important;
    }.w-sm-90{
        width: 90% !important;
    }.w-sm-100{
        width: 100% !important;
    }
    
.transition-sm-0{
    transition: 0s;
    -webkit-transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
}.transition-sm-1{
    transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}.transition-sm-2{
    transition: 2s;
    -webkit-transition: 2s;
    -ms-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
}.transition-sm-3{
    transition: 3s;
    -webkit-transition: 3s;
    -ms-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s;
}.transition-sm-4{
    transition: 4s;
    -webkit-transition: 4s;
    -ms-transition: 4s;
    -moz-transition: 4s;
    -o-transition: 4s;
}.transition-sm-5{
    transition: 5s;
    -webkit-transition: 5s;
    -ms-transition: 5s;
    -moz-transition: 5s;
    -o-transition: 5s;
}.transition-sm-6{
    transition: 6s;
    -webkit-transition: 6s;
    -ms-transition: 6s;
    -moz-transition: 6s;
    -o-transition: 6s;
}.transition-sm-7{
    transition: 7s;
    -webkit-transition: 7s;
    -ms-transition: 7s;
    -moz-transition: 7s;
    -o-transition: 7s;
}.transition-sm-8{
    transition: 8s;
    -webkit-transition: 8s;
    -ms-transition: 8s;
    -moz-transition: 8s;
    -o-transition: 8s;
}.transition-sm-9{
    transition: 9s;
    -webkit-transition: 9s;
    -ms-transition: 9s;
    -moz-transition: 9s;
    -o-transition: 9s;
}.transition-sm-10{
    transition: 10s;
    -webkit-transition: 10s;
    -ms-transition: 10s;
    -moz-transition: 10s;
    -o-transition: 10s;
}
    .display-sm-inline-block{
    display: inline-block !important
}
.display-sm-inline{
    display: inline;
}
.box-shadow-sm-none{
    box-shadow: none;
}
.box-shadow-sm-1{
    box-shadow:0px 0px 3px 0px grey;
}
.box-shadow-sm-2{
    box-shadow:0px 0px 6px 0px grey;
}
.box-shadow-sm-3{
    box-shadow:0px 0px 9px 0px grey;
}
.box-shadow-sm-4{
    box-shadow:0px 0px 12px 0px grey;
}
.box-shadow-sm-5{
    box-shadow:0px 0px 15px 0px grey;
}
.box-shadow-sm-6{
    box-shadow:0px 0px 18px 0px grey;
}
.box-shadow-sm-7{
    box-shadow:0px 0px 21px 0px grey;
}
.box-shadow-sm-8{
    box-shadow:0px 0px 24px 0px grey;
}
.box-shadow-sm-9{
    box-shadow:0px 0px 27px 0px grey;
}
.box-shadow-sm-10{
    box-shadow:0px 0px 30px 0px grey;
}
.box-shadow-sm-1-white{
    box-shadow:0px 0px 3px 0px white;
}
.box-shadow-sm-2-white{
    box-shadow:0px 0px 6px 0px white;
}
.box-shadow-sm-3-white{
    box-shadow:0px 0px 9px 0px white;
}
.box-shadow-sm-4-white{
    box-shadow:0px 0px 12px 0px white;
}
.box-shadow-sm-5-white{
    box-shadow:0px 0px 15px 0px white;
}
.box-shadow-sm-6-white{
    box-shadow:0px 0px 18px 0px white;
}
.box-shadow-sm-7-white{
    box-shadow:0px 0px 21px 0px white;
}
.box-shadow-sm-8-white{
    box-shadow:0px 0px 24px 0px white;
}
.box-shadow-sm-9-white{
    box-shadow:0px 0px 27px 0px white;
}
.box-shadow-sm-10-white{
    box-shadow:0px 0px 30px 0px white;
}

.display-sm-flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

}
@media (min-width:768px){
   .w-md-5{
        width: 5% !important;    
    }
    .w-md-15{
        width: 15% !important;    
    }
    .w-md-25{
        width: 25% !important;    
    }
    .w-md-35{
        width: 35% !important;    
    }
    .w-md-45{
        width: 45% !important;    
    }
    .w-md-55{
        width: 55% !important;    
    }
    .w-md-65{
        width: 65% !important;    
    }
    .w-md-75{
        width: 75% !important;    
    }
    .w-md-85{
        width: 85% !important;    
    }
    .w-md-95{
        width: 95% !important;    
    }
    .w-md-10{
        width: 10% !important;
    }
    .w-md-20{
        width: 20% !important;
    }
    .w-md-30{
        width: 30% !important;
    }
    .w-md-40{
        width: 40% !important;
    }
    .w-md-50{
        width: 50% !important;
    }.w-md-60{
        width: 60% !important;
    }.w-md-70{
        width: 70% !important;
    }.w-md-80{
        width: 80% !important;
    }.w-md-90{
        width: 90% !important;
    }.w-md-100{
        width: 100% !important;
    }
    .transition-md-0{
    transition: 0s;
    -webkit-transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
}.transition-md-1{
    transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}.transition-md-2{
    transition: 2s;
    -webkit-transition: 2s;
    -ms-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
}.transition-md-3{
    transition: 3s;
    -webkit-transition: 3s;
    -ms-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s;
}.transition-md-4{
    transition: 4s;
    -webkit-transition: 4s;
    -ms-transition: 4s;
    -moz-transition: 4s;
    -o-transition: 4s;
}.transition-md-5{
    transition: 5s;
    -webkit-transition: 5s;
    -ms-transition: 5s;
    -moz-transition: 5s;
    -o-transition: 5s;
}.transition-md-6{
    transition: 6s;
    -webkit-transition: 6s;
    -ms-transition: 6s;
    -moz-transition: 6s;
    -o-transition: 6s;
}.transition-md-7{
    transition: 7s;
    -webkit-transition: 7s;
    -ms-transition: 7s;
    -moz-transition: 7s;
    -o-transition: 7s;
}.transition-md-8{
    transition: 8s;
    -webkit-transition: 8s;
    -ms-transition: 8s;
    -moz-transition: 8s;
    -o-transition: 8s;
}.transition-md-9{
    transition: 9s;
    -webkit-transition: 9s;
    -ms-transition: 9s;
    -moz-transition: 9s;
    -o-transition: 9s;
}.transition-md-10{
    transition: 10s;
    -webkit-transition: 10s;
    -ms-transition: 10s;
    -moz-transition: 10s;
    -o-transition: 10s;
}
    .display-md-inline-block{
    display: inline-block !important
}
.display-md-inline{
    display: inline;
}

.box-shadow-md-none{
    box-shadow: none;
}
.box-shadow-md-1{
    box-shadow:0px 0px 3px 0px grey;
}
.box-shadow-md-2{
    box-shadow:0px 0px 6px 0px grey;
}
.box-shadow-md-3{
    box-shadow:0px 0px 9px 0px grey;
}
.box-shadow-md-4{
    box-shadow:0px 0px 12px 0px grey;
}
.box-shadow-md-5{
    box-shadow:0px 0px 15px 0px grey;
}
.box-shadow-md-6{
    box-shadow:0px 0px 18px 0px grey;
}
.box-shadow-md-7{
    box-shadow:0px 0px 21px 0px grey;
}
.box-shadow-md-8{
    box-shadow:0px 0px 24px 0px grey;
}
.box-shadow-md-9{
    box-shadow:0px 0px 27px 0px grey;
}
.box-shadow-md-10{
    box-shadow:0px 0px 30px 0px grey;
}
.box-shadow-md-1-white{
    box-shadow:0px 0px 3px 0px white;
}
.box-shadow-md-2-white{
    box-shadow:0px 0px 6px 0px white;
}
.box-shadow-md-3-white{
    box-shadow:0px 0px 9px 0px white;
}
.box-shadow-md-4-white{
    box-shadow:0px 0px 12px 0px white;
}
.box-shadow-md-5-white{
    box-shadow:0px 0px 15px 0px white;
}
.box-shadow-md-6-white{
    box-shadow:0px 0px 18px 0px white;
}
.box-shadow-md-7-white{
    box-shadow:0px 0px 21px 0px white;
}
.box-shadow-md-8-white{
    box-shadow:0px 0px 24px 0px white;
}
.box-shadow-md-9-white{
    box-shadow:0px 0px 27px 0px white;
}
.box-shadow-md-10-white{
    box-shadow:0px 0px 30px 0px white;
}

.display-md-flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

} 

@media (min-width:992px){
   .w-lg-5{
        width: 5% !important;    
    }
    .w-lg-15{
        width: 15% !important;    
    }
    .w-lg-25{
        width: 25% !important;    
    }
    .w-lg-35{
        width: 35% !important;    
    }
    .w-lg-45{
        width: 45% !important;    
    }
    .w-lg-55{
        width: 55% !important;    
    }
    .w-lg-65{
        width: 65% !important;    
    }
    .w-lg-75{
        width: 75% !important;    
    }
    .w-lg-85{
        width: 85% !important;    
    }
    .w-lg-95{
        width: 95% !important;    
    }
    .w-lg-10{
        width: 10% !important;
    }
    .w-lg-20{
        width: 20% !important;
    }
    .w-lg-30{
        width: 30% !important;
    }
    .w-lg-40{
        width: 40% !important;
    }
    .w-lg-50{
        width: 50% !important;
    }.w-lg-60{
        width: 60% !important;
    }.w-lg-70{
        width: 70% !important;
    }.w-lg-80{
        width: 80% !important;
    }.w-lg-90{
        width: 90% !important;
    }.w-lg-100{
        width: 100% !important;
    }
    
    .transition-lg-0{
    transition: 0s;
    -webkit-transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
}.transition-lg-1{
    transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}.transition-lg-2{
    transition: 2s;
    -webkit-transition: 2s;
    -ms-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
}.transition-lg-3{
    transition: 3s;
    -webkit-transition: 3s;
    -ms-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s;
}.transition-lg-4{
    transition: 4s;
    -webkit-transition: 4s;
    -ms-transition: 4s;
    -moz-transition: 4s;
    -o-transition: 4s;
}.transition-lg-5{
    transition: 5s;
    -webkit-transition: 5s;
    -ms-transition: 5s;
    -moz-transition: 5s;
    -o-transition: 5s;
}.transition-lg-6{
    transition: 6s;
    -webkit-transition: 6s;
    -ms-transition: 6s;
    -moz-transition: 6s;
    -o-transition: 6s;
}.transition-lg-7{
    transition: 7s;
    -webkit-transition: 7s;
    -ms-transition: 7s;
    -moz-transition: 7s;
    -o-transition: 7s;
}.transition-lg-8{
    transition: 8s;
    -webkit-transition: 8s;
    -ms-transition: 8s;
    -moz-transition: 8s;
    -o-transition: 8s;
}.transition-lg-9{
    transition: 9s;
    -webkit-transition: 9s;
    -ms-transition: 9s;
    -moz-transition: 9s;
    -o-transition: 9s;
}.transition-lg-10{
    transition: 10s;
    -webkit-transition: 10s;
    -ms-transition: 10s;
    -moz-transition: 10s;
    -o-transition: 10s;
}
    
.display-lg-inline-block{
    display: inline-block !important
}
.display-lg-inline{
    display: inline;
}

.box-shadow-lg-none{
    box-shadow: none;
}
.box-shadow-lg-1{
    box-shadow:0px 0px 3px 0px grey;
}
.box-shadow-lg-2{
    box-shadow:0px 0px 6px 0px grey;
}
.box-shadow-lg-3{
    box-shadow:0px 0px 9px 0px grey;
}
.box-shadow-lg-4{
    box-shadow:0px 0px 12px 0px grey;
}
.box-shadow-lg-5{
    box-shadow:0px 0px 15px 0px grey;
}
.box-shadow-lg-6{
    box-shadow:0px 0px 18px 0px grey;
}
.box-shadow-lg-7{
    box-shadow:0px 0px 21px 0px grey;
}
.box-shadow-lg-8{
    box-shadow:0px 0px 24px 0px grey;
}
.box-shadow-lg-9{
    box-shadow:0px 0px 27px 0px grey;
}
.box-shadow-lg-10{
    box-shadow:0px 0px 30px 0px grey;
}
.box-shadow-lg-1-white{
    box-shadow:0px 0px 3px 0px white;
}
.box-shadow-lg-2-white{
    box-shadow:0px 0px 6px 0px white;
}
.box-shadow-lg-3-white{
    box-shadow:0px 0px 9px 0px white;
}
.box-shadow-lg-4-white{
    box-shadow:0px 0px 12px 0px white;
}
.box-shadow-lg-5-white{
    box-shadow:0px 0px 15px 0px white;
}
.box-shadow-lg-6-white{
    box-shadow:0px 0px 18px 0px white;
}
.box-shadow-lg-7-white{
    box-shadow:0px 0px 21px 0px white;
}
.box-shadow-lg-8-white{
    box-shadow:0px 0px 24px 0px white;
}
.box-shadow-lg-9-white{
    box-shadow:0px 0px 27px 0px white;
}
.box-shadow-lg-10-white{
    box-shadow:0px 0px 30px 0px white;
}

.display-lg-flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

}    
@media (min-width:1200px){
   .w-xl-5{
        width: 5% !important;    
    }
    .w-xl-15{
        width: 15% !important;    
    }
    .w-xl-25{
        width: 25% !important;    
    }
    .w-xl-35{
        width: 35% !important;    
    }
    .w-xl-45{
        width: 45% !important;    
    }
    .w-xl-55{
        width: 55% !important;    
    }
    .w-xl-65{
        width: 65% !important;    
    }
    .w-xl-75{
        width: 75% !important;    
    }
    .w-xl-85{
        width: 85% !important;    
    }
    .w-xl-95{
        width: 95% !important;    
    }
    .w-xl-10{
        width: 10% !important;
    }
    .w-xl-20{
        width: 20% !important;
    }
    .w-xl-30{
        width: 30% !important;
    }
    .w-xl-40{
        width: 40% !important;
    }
    .w-xl-50{
        width: 50% !important;
    }.w-xl-60{
        width: 60% !important;
    }.w-xl-70{
        width: 70% !important;
    }.w-xl-80{
        width: 80% !important;
    }.w-xl-90{
        width: 90% !important;
    }.w-xl-100{
        width: 100% !important;
    }
    
    .transition-xl-0{
    transition: 0s;
    -webkit-transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
}.transition-xl-1{
    transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}.transition-xl-2{
    transition: 2s;
    -webkit-transition: 2s;
    -ms-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
}.transition-xl-3{
    transition: 3s;
    -webkit-transition: 3s;
    -ms-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s;
}.transition-xl-4{
    transition: 4s;
    -webkit-transition: 4s;
    -ms-transition: 4s;
    -moz-transition: 4s;
    -o-transition: 4s;
}.transition-xl-5{
    transition: 5s;
    -webkit-transition: 5s;
    -ms-transition: 5s;
    -moz-transition: 5s;
    -o-transition: 5s;
}.transition-xl-6{
    transition: 6s;
    -webkit-transition: 6s;
    -ms-transition: 6s;
    -moz-transition: 6s;
    -o-transition: 6s;
}.transition-xl-7{
    transition: 7s;
    -webkit-transition: 7s;
    -ms-transition: 7s;
    -moz-transition: 7s;
    -o-transition: 7s;
}.transition-xl-8{
    transition: 8s;
    -webkit-transition: 8s;
    -ms-transition: 8s;
    -moz-transition: 8s;
    -o-transition: 8s;
}.transition-xl-9{
    transition: 9s;
    -webkit-transition: 9s;
    -ms-transition: 9s;
    -moz-transition: 9s;
    -o-transition: 9s;
}.transition-xl-10{
    transition: 10s;
    -webkit-transition: 10s;
    -ms-transition: 10s;
    -moz-transition: 10s;
    -o-transition: 10s;
}
    .display-xl-inline-block{
    display: inline-block !important
}
.display-xl-inline{
    display: inline;
}

.box-shadow-xl-none{
    box-shadow: none;
}
.box-shadow-xl-1{
    box-shadow:0px 0px 3px 0px grey;
}
.box-shadow-xl-2{
    box-shadow:0px 0px 6px 0px grey;
}
.box-shadow-sm-3{
    box-shadow:0px 0px 9px 0px grey;
}
.box-shadow-xl-4{
    box-shadow:0px 0px 12px 0px grey;
}
.box-shadow-xl-5{
    box-shadow:0px 0px 15px 0px grey;
}
.box-shadow-xl-6{
    box-shadow:0px 0px 18px 0px grey;
}
.box-shadow-xl-7{
    box-shadow:0px 0px 21px 0px grey;
}
.box-shadow-xl-8{
    box-shadow:0px 0px 24px 0px grey;
}
.box-shadow-xl-9{
    box-shadow:0px 0px 27px 0px grey;
}
.box-shadow-xl-10{
    box-shadow:0px 0px 30px 0px grey;
}
.box-shadow-xl-1-white{
    box-shadow:0px 0px 3px 0px white;
}
.box-shadow-xl-2-white{
    box-shadow:0px 0px 6px 0px white;
}
.box-shadow-xl-3-white{
    box-shadow:0px 0px 9px 0px white;
}
.box-shadow-xl-4-white{
    box-shadow:0px 0px 12px 0px white;
}
.box-shadow-xl-5-white{
    box-shadow:0px 0px 15px 0px white;
}
.box-shadow-xl-6-white{
    box-shadow:0px 0px 18px 0px white;
}
.box-shadow-xl-7-white{
    box-shadow:0px 0px 21px 0px white;
}
.box-shadow-xl-8-white{
    box-shadow:0px 0px 24px 0px white;
}
.box-shadow-xl-9-white{
    box-shadow:0px 0px 27px 0px white;
}
.box-shadow-xl-10-white{
    box-shadow:0px 0px 30px 0px white;
}

.display-xl-flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

}