/*!
 * Bootstrap Reboot v5.0.0-alpha2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h1 {
 font-size: 2em;
 margin: 0.67em 0;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #0d6efd;
  text-decoration: underline;
}

a:hover {
  color: #024dbc;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
  -ms-overflow-style: scrollbar;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
  white-space: normal;
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}

legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}
/*# sourceMappingURL=bootstrap-reboot.css.map */

 

.clearfix {
  	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
  	display: table;
  	line-height: 0;
  	content: "";
}

.clearfix:after {
 	clear: both;
}

.fn-left{
	float:left !important;
}


.fn-right{
	float:right !important;
}

.fn-center{
	display: block;
	position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;

    width: auto;
    overflow: display;
}

.fn-row-center{
	position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
	
	display: inline-block;

	vertical-align: middle;
    /*width: 300px;*/
    /*overflow: display;*/
}


.fn-row-left{
	float:left !important;
}

/*.fin-row-center:before,
.fin-row-center:after,
.fin-row-right:before,
.fin-row-right:after,
.fin-row-left:before,
.fin-row-left:after{
	clear: both;
  	display: table;
  	line-height: 0;
	content: "";
}
*/

.fn-row-right{
	float:right;
}


.fn-hide {
 display: none !important;

}

.fn-show {
  display: block ;
}

.fn-invisible {
  visibility: hidden;
}

.fn-affix {
  position: fixed;
}

.fn-textleft {
  text-align: left !important;
}

.fn-textright {
  text-align: right !important;
}

.fn-textcenter {
  text-align: center !important;
}


.fn-texthide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.fn-overflow-y{
  overflow-y:auto;
 /** overflow-x:hidden;**/
 
}

.fn-overflow-x{
  /**overflow-y:hidden;**/
  overflow-x:auto;
 
}
.fn-overflow-hidden{
  overflow:hidden;  
 
}
.fn-overflow-visible{
  overflow:visible;  
 
}


@media (max-width: 767px) {
	.fn-ui-collapse{
	  
	  display:none !important;  /**hide**/ 
	}	
	.fn-ui-collapse-toggle{	 
	  display:block !important; /**show button**/
	}	
}

@media (min-width: 768px) {
  .fn-ui-collapse {
     display:block !important; /**show**/
  }  
  .fn-ui-collapse-toggle{	 
	  display:none !important; /**hide button**/
	}
}

.fn-ui-collapse-hide {
 display: none  !important;

}

.fn-ui-collapse-show {
  display: block !important;
}


.mtb {
	display: table;
	width: 100%;
}
.mtr {
	display: table-row;
}

.mtd {
	display: table-cell;
}



/* Additional Css  */

/* Rounded radius  */
.fn-rounded{
	border-radius: 6px;
}
.fn-rounded-circle{
	border-radius: 50%;
}
.fn-rounded-top{
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.fn-rounded-bottom{
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}
.fn-rounded-right{
	border-bottom-right-radius:6px;
	border-top-right-radius:6px;
}
.fn-rounded-left{
	border-bottom-left-radius:6px;
	border-top-left-radius:6px;
}

/* Text  */
.fn-text-justify{
	text-align: justify !important;
}
.fn-tex-wrap{
	white-space: nowrap !important;
}
.fn-text-lowercase{
	text-transform: lowercase !important;
}
.fn-text-uppercase{
	text-transform: uppercase !important;
}
.fn-text-capitalized{
	text-transform: capitalize !important;
}
.fn-text-bold{
	font-weight: 700 !important;
}
.fn-text-normal{
	font-weight: 400 !important;
}
.fn-text-itallic{
	font-style: italic !important;
}

/* Vertical Align  */
.fn-align-baseline{
	vertical-align: baseline !important;
}
.fn-align-top{
	vertical-align: top !important;
}
.fn-align-middle{
	vertical-align: middle !important;
}
.fn-align-bottom{
	vertical-align: bottom !important;
}

/* Position  */
.fn-fixed-top{
	position: fixed;
	top:0;
}
.fn-fixed-bottom{
	position: fixed;
	bottom:0;
}
.fn-sticky-top{
	position: sticky;
	top:0;
}
.fn-sticky-bottom{
	position: sticky;
	bottom:0;
}

/* Float  */
.fn-none{
	float: none!important;
}

/* Alignment  */
.fn-mx-auto{
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Width  */
.fn-w-25{
	width: 25% !important;
}
.fn-w-50{
	width: 50% !important;
}
.fn-w-75{
	width: 75% !important;
}
.fn-w-100{
	width: 100% !important;
}

/* Height  */
.fn-h-25{
	height: 25% !important;
}
.fn-h-50{
	height: 50% !important;
}
.fn-h-75{
	height: 75% !important;
}
.fn-h-100{
	height: 100% !important;
}


/*                                       Margin                                    */
/* Margin Top Utilities  */
.fn-mt-0{
	margin-top: 0!important;
}
.fn-mt-1{
	margin-top: .25rem !important;
}
.fn-mt-2{
	margin-top: .5rem !important;
}
.fn-mt-3{
	margin-top: 1rem !important;
}
.fn-mt-4{
	margin-top: 1.5rem !important;
}
.fn-mt-5{
	margin-top: 3rem !important;
}
.fn-mt-auto{
	margin-top: auto !important;
}


/* Margin Bottom Utilities  */
.fn-mb-0{
	margin-bottom: 0!important;
}
.fn-mb-1{
	margin-bottom: .25rem !important;
}
.fn-mb-2{
	margin-bottom: .5rem !important;
}
.fn-mb-3{
	margin-bottom: 1rem !important;
}
.fn-mb-4{
	margin-bottom: 1.5rem !important;
}
.fn-mb-5{
	margin-bottom: 3rem !important;
}
.fn-mb-auto{
	margin-bottom: auto !important;
}


/* Margin Left Utilities  */
.fn-ml-0{
	margin-left: 0!important;
}
.fn-ml-1{
	margin-left: .25rem !important;
}
.fn-ml-2{
	margin-left: .5rem !important;
}
.fn-ml-3{
	margin-left: 1rem !important;
}
.fn-ml-4{
	margin-left: 1.5rem !important;
}
.fn-ml-5{
	margin-left: 3rem !important;
}
.fn-ml-auto{
	margin-left: auto !important;
}

/* Margin Right Utilities  */
.fn-mr-0{
	margin-right: 0!important;
}
.fn-mr-1{
	margin-right: .25rem !important;
}
.fn-mr-2{
	margin-right: .5rem !important;
}
.fn-mr-3{
	margin-right: 1rem !important;
}
.fn-mr-4{
	margin-right: 1.5rem !important;
}
.fn-mr-5{
	margin-right: 3rem !important;
}
.fn-mr-auto{
	margin-right: auto !important;
}



/*                                       Padding                                    */
/* Padddinf Top Utilities  */
.fn-pt-0{
	padding-top: 0!important;
}
.fn-pt-1{
	padding-top: .25rem !important;
}
.fn-pt-2{
	padding-top: .5rem !important;
}
.fn-pt-3{
	padding-top: 1rem !important;
}
.fn-pt-4{
	padding-top: 1.5rem !important;
}
.fn-pt-5{
	padding-top: 3rem!important;
}


/* Padding Bottom Utilities  */
.fn-pb-0{
	padding-bottom: 0!important;
}
.fn-pb-1{
	padding-bottom: .25rem !important;
}
.fn-pb-2{
	padding-bottom: .5rem !important;
}
.fn-pb-3{
	padding-bottom: 1rem !important;
}
.fn-pb-4{
	padding-bottom: 1.5rem !important;
}
.fn-pb-5{
	padding-bottom: 3rem!important;
}


/* Padding Left Utilities  */
.fn-pl-0{
	padding-left: 0!important;
}
.fn-pl-1{
	padding-left: .25rem !important;
}
.fn-pl-2{
	padding-left: .5rem !important;
}
.fn-pl-3{
	padding-left: 1rem !important;
}
.fn-pl-4{
	padding-left: 1.5rem !important;
}
.fn-pl-5{
	padding-left: 3rem!important;
}

/* Padding Right Utilities  */
.fn-pr-0{
	padding-right: 0!important;
}
.fn-pr-1{
	padding-right: .25rem !important;
}
.fn-pr-2{
	padding-right: .5rem !important;
}
.fn-pr-3{
	padding-right: 1rem !important;
}
.fn-pr-4{
	padding-right: 1.5rem !important;
}
.fn-pr-5{
	padding-right: 3rem !important;
}



/* Shadow  */
.fn-shadow-none{
	box-shadow: none!important;
}
.fn-shadow-sm{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
.fn-shadow{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.fn-shadow-lg{
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

.fn-user-select-all{
	user-select: all !important;
}

.fn-user-select-auto{
	user-select: auto !important;
}

.fn-user-select-none{
	user-select: none !important;
}

.fn-pe-none{
	pointer-events: none !important;
}

.fn-pe-auto{
	pointer-events: auto !important;
}

.fn-stick-row{
	position: sticky;
	top: 0;
}

.fn-stick-column{
	position: sticky;
	left: 0;
}

/*.col-xs-* ,container=auto Extra small devices Phones (<768px)*/
/*   container auto width/

/*col-sm-* ,Container =750px ,Phones (<768px)	Small devices Tablets (<=768px)*/

/*col-md-* ,container=970px Medium devices Desktops (<=992px)	*/

/*col-lg-* ,container=1170px Large devices Desktops (<=1200px)	*/

.container{
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto
}


@media (min-width:768px){
.container{width:750px}
.navbar-static-top .grid960-fluid,.navbar-fixed-top .grid960-fluid,.navbar-fixed-bottom .grid960-fluid {
		  width: 750px;
		}
}

@media (min-width:992px){
.container{width:970px}
.navbar-static-top .grid960-fluid,
		.navbar-fixed-top .grid960-fluid,
		.navbar-fixed-bottom .grid960-fluid {
		  width: 970px;
		}
}


@media (min-width:1200px){
.container{width:1170px}
.navbar-static-top .grid960-fluid,
		.navbar-fixed-top .grid960-fluid,
		.navbar-fixed-bottom .grid960-fluid {
		  width: 1170px;
		}
}


.container-fluid{
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto
width:90%
}

.row{
margin-right:-15px;
margin-left:-15px
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
position:relative;
min-height:1px;
padding-right:15px;
padding-left:15px
}


.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
float:left
}

.col-xs-12{
width:100%
}

.col-xs-11{
width:91.66666667%
}

.col-xs-10{
width:83.33333333%
}


.col-xs-9{
width:75%
}

.col-xs-8{
width:66.66666667%
}

.col-xs-7{
width:58.33333333%
}

.col-xs-6{
width:50%
}

.col-xs-5{
width:41.66666667%
}

.col-xs-4{
width:33.33333333%
}

.col-xs-3{
width:25%
}

.col-xs-2{
width:16.66666667%
}

.col-xs-1{
width:8.33333333%
}

.col-xs-pull-12{right:100%}

.col-xs-pull-11{right:91.66666667%}

.col-xs-pull-10{right:83.33333333%}

.col-xs-pull-9{right:75%}

.col-xs-pull-8{right:66.66666667%}

.col-xs-pull-7{right:58.33333333%}

.col-xs-pull-6{right:50%}

.col-xs-pull-5{right:41.66666667%}

.col-xs-pull-4{right:33.33333333%}

.col-xs-pull-3{right:25%}

.col-xs-pull-2{right:16.66666667%}

.col-xs-pull-1{right:8.33333333%}

.col-xs-pull-0{right:auto}

.col-xs-push-12{left:100%}

.col-xs-push-11{left:91.66666667%}

.col-xs-push-10{left:83.33333333%}

.col-xs-push-9{left:75%}

.col-xs-push-8{left:66.66666667%}

.col-xs-push-7{left:58.33333333%}

.col-xs-push-6{left:50%}

.col-xs-push-5{left:41.66666667%}

.col-xs-push-4{left:33.33333333%}

.col-xs-push-3{left:25%}

.col-xs-push-2{left:16.66666667%}

.col-xs-push-1{left:8.33333333%}

.col-xs-push-0{left:auto}

.col-xs-offset-12{margin-left:100%}

.col-xs-offset-11{margin-left:91.66666667%}

.col-xs-offset-10{margin-left:83.33333333%}

.col-xs-offset-9{margin-left:75%}

.col-xs-offset-8{margin-left:66.66666667%}

.col-xs-offset-7{margin-left:58.33333333%}

.col-xs-offset-6{margin-left:50%}

.col-xs-offset-5{margin-left:41.66666667%}

.col-xs-offset-4{margin-left:33.33333333%}

.col-xs-offset-3{margin-left:25%}

.col-xs-offset-2{margin-left:16.66666667%}

.col-xs-offset-1{margin-left:8.33333333%}

.col-xs-offset-0{margin-left:0}

@media (min-width:768px){
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
}


@media (min-width:992px){
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}

@media (min-width:1200px){
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
}




.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{
display:table;content:" "
}


.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{
clear:both
}.container{
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto

}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}





 






.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}


.invisible {
  visibility: hidden;
}



@-ms-viewport {
  width: device-width;
}

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.visible-xs {
  display: none !important;
}

tr.visible-xs {
  display: none !important;
}

th.visible-xs,
td.visible-xs {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}

.visible-sm {
  display: none !important;
}

tr.visible-sm {
  display: none !important;
}

th.visible-sm,
td.visible-sm {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}

.visible-md {
  display: none !important;
}

tr.visible-md {
  display: none !important;
}

th.visible-md,
td.visible-md {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}

.visible-lg {
  display: none !important;
}

tr.visible-lg {
  display: none !important;
}

th.visible-lg,
td.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

.hidden-xs {
  display: block !important;
}

tr.hidden-xs {
  display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  tr.hidden-xs {
    display: none !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm {
    display: none !important;
  }
  tr.hidden-xs.hidden-sm {
    display: none !important;
  }
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }
  tr.hidden-xs.hidden-md {
    display: none !important;
  }
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xs.hidden-lg {
    display: none !important;
  }
  tr.hidden-xs.hidden-lg {
    display: none !important;
  }
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}

.hidden-sm {
  display: block !important;
}

tr.hidden-sm {
  display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-sm.hidden-xs {
    display: none !important;
  }
  tr.hidden-sm.hidden-xs {
    display: none !important;
  }
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
  tr.hidden-sm {
    display: none !important;
  }
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }
  tr.hidden-sm.hidden-md {
    display: none !important;
  }
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-sm.hidden-lg {
    display: none !important;
  }
  tr.hidden-sm.hidden-lg {
    display: none !important;
  }
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}

.hidden-md {
  display: block !important;
}

tr.hidden-md {
  display: table-row !important;
}

th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }
  tr.hidden-md.hidden-xs {
    display: none !important;
  }
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }
  tr.hidden-md.hidden-sm {
    display: none !important;
  }
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
  tr.hidden-md {
    display: none !important;
  }
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }
  tr.hidden-md.hidden-lg {
    display: none !important;
  }
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}

.hidden-lg {
  display: block !important;
}

tr.hidden-lg {
  display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
    display: none !important;
  }
  tr.hidden-lg.hidden-xs {
    display: none !important;
  }
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm {
    display: none !important;
  }
  tr.hidden-lg.hidden-sm {
    display: none !important;
  }
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md {
    display: none !important;
  }
  tr.hidden-lg.hidden-md {
    display: none !important;
  }
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  tr.hidden-lg {
    display: none !important;
  }
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

tr.visible-print {
  display: none !important;
}

th.visible-print,
td.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print {
    display: none !important;
  }
  tr.hidden-print {
    display: none !important;
  }
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}

/*!
 * Bootstrap Grid v5.0.0-alpha2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container-flex,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-flex, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-flex, .container-sm, .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container-flex, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-flex, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container-flex, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}

.row-flex {
  --bs-gutter-x: 0rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}

.row-flex > * {
  box-sizing: border-box;
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

.col-xs {
  flex: 1 0 0%;
}

.row-cols-xs-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-xs-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-xs-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-xs-3 > * {
  flex: 0 0 auto;
  width: 33.333333%;
}

.row-cols-xs-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-xs-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-xs-6 > * {
  flex: 0 0 auto;
  width: 16.666667%;
}

.row-flex .col-xs-auto {
  flex: 0 0 auto;
  width: auto;
}

.row-flex .col-xs-1 {
  flex: 0 0 auto;
  width: 8.333333%;
}

.row-flex .col-xs-2 {
  flex: 0 0 auto;
  width: 16.666667%;
}

.row-flex .col-xs-3 {
  flex: 0 0 auto;
  width: 25%;
}

.row-flex .col-xs-4 {
  flex: 0 0 auto;
  width: 33.333333%;
}

.row-flex .col-xs-5 {
  flex: 0 0 auto;
  width: 41.666667%;
}

.row-flex .col-xs-6 {
  flex: 0 0 auto;
  width: 50%;
}

.row-flex .col-xs-7 {
  flex: 0 0 auto;
  width: 58.333333%;
}

.row-flex .col-xs-8 {
  flex: 0 0 auto;
  width: 66.666667%;
}

.row-flex .col-xs-9 {
  flex: 0 0 auto;
  width: 75%;
}

.row-flex .col-xs-10 {
  flex: 0 0 auto;
  width: 83.333333%;
}

.row-flex .col-xs-11 {
  flex: 0 0 auto;
  width: 91.666667%;
}

.row-flex .col-xs-12 {
  flex: 0 0 auto;
  width: 100%;
}

.row-flex .offset-xs-1 {
  margin-left: 8.333333%;
}

.row-flex .offset-xs-2 {
  margin-left: 16.666667%;
}

.row-flex .offset-xs-3 {
  margin-left: 25%;
}

.row-flex .offset-xs-4 {
  margin-left: 33.333333%;
}

.row-flex .offset-xs-5 {
  margin-left: 41.666667%;
}

.row-flex .offset-xs-6 {
  margin-left: 50%;
}

.row-flex .offset-xs-7 {
  margin-left: 58.333333%;
}

.row-flex .offset-xs-8 {
  margin-left: 66.666667%;
}

.row-flex .offset-xs-9 {
  margin-left: 75%;
}

.row-flex .offset-xs-10 {
  margin-left: 83.333333%;
}

.row-flex .offset-xs-11 {
  margin-left: 91.666667%;
}

.g-xs-0,
.gx-xs-0 {
  --bs-gutter-x: 0;
}

.g-xs-0,
.gy-xs-0 {
  --bs-gutter-y: 0;
}

.g-xs-1,
.gx-xs-1 {
  --bs-gutter-x: 0.25rem;
}

.g-xs-1,
.gy-xs-1 {
  --bs-gutter-y: 0.25rem;
}

.g-xs-2,
.gx-xs-2 {
  --bs-gutter-x: 0.5rem;
}

.g-xs-2,
.gy-xs-2 {
  --bs-gutter-y: 0.5rem;
}

.g-xs-3,
.gx-xs-3 {
  --bs-gutter-x: 1rem;
}

.g-xs-3,
.gy-xs-3 {
  --bs-gutter-y: 1rem;
}

.g-xs-4,
.gx-xs-4 {
  --bs-gutter-x: 1.5rem;
}

.g-xs-4,
.gy-xs-4 {
  --bs-gutter-y: 1.5rem;
}

.g-xs-5,
.gx-xs-5 {
  --bs-gutter-x: 3rem;
}

.g-xs-5,
.gy-xs-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .row-flex .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .row-flex .col-sm-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .row-flex .col-sm-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .row-flex .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-flex .col-sm-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-flex .col-sm-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .row-flex .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-flex .col-sm-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .row-flex .col-sm-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .row-flex .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .row-flex .col-sm-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .row-flex .col-sm-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .row-flex .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-flex .offset-sm-0 {
    margin-left: 0;
  }
  .row-flex .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .row-flex .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .row-flex .offset-sm-3 {
    margin-left: 25%;
  }
  .row-flex .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .row-flex .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .row-flex .offset-sm-6 {
    margin-left: 50%;
  }
  .row-flex .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .row-flex .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .row-flex .offset-sm-9 {
    margin-left: 75%;
  }
  .row-flex .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .row-flex .offset-sm-11 {
    margin-left: 91.666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .row-flex .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .row-flex .col-md-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .row-flex .col-md-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .row-flex .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-flex .col-md-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-flex .col-md-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .row-flex .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-flex .col-md-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .row-flex .col-md-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .row-flex .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .row-flex .col-md-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .row-flex .col-md-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .row-flex .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-flex .offset-md-0 {
    margin-left: 0;
  }
  .row-flex .offset-md-1 {
    margin-left: 8.333333%;
  }
  .row-flex .offset-md-2 {
    margin-left: 16.666667%;
  }
  .row-flex .offset-md-3 {
    margin-left: 25%;
  }
  .row-flex .offset-md-4 {
    margin-left: 33.333333%;
  }
  .row-flex .offset-md-5 {
    margin-left: 41.666667%;
  }
  .row-flex .offset-md-6 {
    margin-left: 50%;
  }
  .row-flex .offset-md-7 {
    margin-left: 58.333333%;
  }
  .row-flex .offset-md-8 {
    margin-left: 66.666667%;
  }
  .row-flex .offset-md-9 {
    margin-left: 75%;
  }
  .row-flex .offset-md-10 {
    margin-left: 83.333333%;
  }
  .row-flex .offset-md-11 {
    margin-left: 91.666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .row-flex .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .row-flex .col-lg-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .row-flex .col-lg-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .row-flex .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-flex .col-lg-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-flex .col-lg-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .row-flex .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-flex .col-lg-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .row-flex .col-lg-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .row-flex .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .row-flex .col-lg-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .row-flex .col-lg-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .row-flex .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-flex .offset-lg-0 {
    margin-left: 0;
  }
  .row-flex .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .row-flex .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .row-flex .offset-lg-3 {
    margin-left: 25%;
  }
  .row-flex .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .row-flex .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .row-flex .offset-lg-6 {
    margin-left: 50%;
  }
  .row-flex .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .row-flex .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .row-flex .offset-lg-9 {
    margin-left: 75%;
  }
  .row-flex .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .row-flex .offset-lg-11 {
    margin-left: 91.666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .row-flex .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .row-flex .col-xl-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .row-flex .col-xl-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .row-flex .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-flex .col-xl-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-flex .col-xl-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .row-flex .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-flex .col-xl-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .row-flex .col-xl-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .row-flex .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .row-flex .col-xl-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .row-flex .col-xl-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .row-flex .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-flex .offset-xl-0 {
    margin-left: 0;
  }
  .row-flex .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .row-flex .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .row-flex .offset-xl-3 {
    margin-left: 25%;
  }
  .row-flex .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .row-flex .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .row-flex .offset-xl-6 {
    margin-left: 50%;
  }
  .row-flex .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .row-flex .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .row-flex .offset-xl-9 {
    margin-left: 75%;
  }
  .row-flex .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .row-flex .offset-xl-11 {
    margin-left: 91.666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
 	.col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .row-flex .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .row-flex .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .row-flex .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .row-flex .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-flex .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-flex .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .row-flex .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-flex .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .row-flex .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .row-flex .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .row-flex .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .row-flex .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .row-flex .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-flex .offset-xxl-0 {
    margin-left: 0;
  }
  .row-flex .offset-xxl-1 {
    margin-left: 8.333333%;
  }
  .row-flex .offset-xxl-2 {
    margin-left: 16.666667%;
  }
  .row-flex .offset-xxl-3 {
    margin-left: 25%;
  }
  .row-flex .offset-xxl-4 {
    margin-left: 33.333333%;
  }
  .row-flex .offset-xxl-5 {
    margin-left: 41.666667%;
  }
  .row-flex .offset-xxl-6 {
    margin-left: 50%;
  }
  .row-flex .offset-xxl-7 {
    margin-left: 58.333333%;
  }
  .row-flex .offset-xxl-8 {
    margin-left: 66.666667%;
  }
  .row-flex .offset-xxl-9 {
    margin-left: 75%;
  }
  .row-flex .offset-xxl-10 {
    margin-left: 83.333333%;
  }
  .row-flex .offset-xxl-11 {
    margin-left: 91.666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.ml-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mr-sm-3 {
    margin-right: 1rem !important;
  }
  .mr-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mr-sm-5 {
    margin-right: 3rem !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ml-sm-3 {
    margin-left: 1rem !important;
  }
  .ml-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ml-sm-5 {
    margin-left: 3rem !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pr-sm-3 {
    padding-right: 1rem !important;
  }
  .pr-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pr-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .pl-sm-3 {
    padding-left: 1rem !important;
  }
  .pl-sm-4 {
    padding-left: 1.5rem !important;
  }
  .pl-sm-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .mr-md-3 {
    margin-right: 1rem !important;
  }
  .mr-md-4 {
    margin-right: 1.5rem !important;
  }
  .mr-md-5 {
    margin-right: 3rem !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .ml-md-3 {
    margin-left: 1rem !important;
  }
  .ml-md-4 {
    margin-left: 1.5rem !important;
  }
  .ml-md-5 {
    margin-left: 3rem !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .pr-md-3 {
    padding-right: 1rem !important;
  }
  .pr-md-4 {
    padding-right: 1.5rem !important;
  }
  .pr-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .pl-md-3 {
    padding-left: 1rem !important;
  }
  .pl-md-4 {
    padding-left: 1.5rem !important;
  }
  .pl-md-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mr-lg-3 {
    margin-right: 1rem !important;
  }
  .mr-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mr-lg-5 {
    margin-right: 3rem !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ml-lg-3 {
    margin-left: 1rem !important;
  }
  .ml-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ml-lg-5 {
    margin-left: 3rem !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pr-lg-3 {
    padding-right: 1rem !important;
  }
  .pr-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pr-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .pl-lg-3 {
    padding-left: 1rem !important;
  }
  .pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .pl-lg-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mr-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mr-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mr-xl-3 {
    margin-right: 1rem !important;
  }
  .mr-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mr-xl-5 {
    margin-right: 3rem !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .ml-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ml-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ml-xl-3 {
    margin-left: 1rem !important;
  }
  .ml-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ml-xl-5 {
    margin-left: 3rem !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pr-xl-3 {
    padding-right: 1rem !important;
  }
  .pr-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pr-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .pl-xl-3 {
    padding-left: 1rem !important;
  }
  .pl-xl-4 {
    padding-left: 1.5rem !important;
  }
  .pl-xl-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-0 {
    margin-right: 0 !important;
  }
  .mr-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mr-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mr-xxl-3 {
    margin-right: 1rem !important;
  }
  .mr-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .mr-xxl-5 {
    margin-right: 3rem !important;
  }
  .mr-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-0 {
    margin-left: 0 !important;
  }
  .ml-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ml-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ml-xxl-3 {
    margin-left: 1rem !important;
  }
  .ml-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ml-xxl-5 {
    margin-left: 3rem !important;
  }
  .ml-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pr-xxl-0 {
    padding-right: 0 !important;
  }
  .pr-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pr-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pr-xxl-3 {
    padding-right: 1rem !important;
  }
  .pr-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pr-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxl-0 {
    padding-left: 0 !important;
  }
  .pl-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .pl-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .pl-xxl-3 {
    padding-left: 1rem !important;
  }
  .pl-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .pl-xxl-5 {
    padding-left: 3rem !important;
  }
}

@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

.invisible {
  visibility: hidden;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.visible-xs {
  display: none !important;
}

tr.visible-xs {
  display: none !important;
}

th.visible-xs,
td.visible-xs {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}

.visible-sm {
  display: none !important;
}

tr.visible-sm {
  display: none !important;
}

th.visible-sm,
td.visible-sm {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}

.visible-md {
  display: none !important;
}

tr.visible-md {
  display: none !important;
}

th.visible-md,
td.visible-md {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}

.visible-lg {
  display: none !important;
}

tr.visible-lg {
  display: none !important;
}

th.visible-lg,
td.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

.hidden-xs {
  display: block !important;
}

tr.hidden-xs {
  display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  tr.hidden-xs {
    display: none !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm {
    display: none !important;
  }
  tr.hidden-xs.hidden-sm {
    display: none !important;
  }
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }
  tr.hidden-xs.hidden-md {
    display: none !important;
  }
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xs.hidden-lg {
    display: none !important;
  }
  tr.hidden-xs.hidden-lg {
    display: none !important;
  }
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}

.hidden-sm {
  display: block !important;
}

tr.hidden-sm {
  display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-sm.hidden-xs {
    display: none !important;
  }
  tr.hidden-sm.hidden-xs {
    display: none !important;
  }
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
  tr.hidden-sm {
    display: none !important;
  }
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }
  tr.hidden-sm.hidden-md {
    display: none !important;
  }
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-sm.hidden-lg {
    display: none !important;
  }
  tr.hidden-sm.hidden-lg {
    display: none !important;
  }
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}

.hidden-md {
  display: block !important;
}

tr.hidden-md {
  display: table-row !important;
}

th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }
  tr.hidden-md.hidden-xs {
    display: none !important;
  }
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }
  tr.hidden-md.hidden-sm {
    display: none !important;
  }
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
  tr.hidden-md {
    display: none !important;
  }
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }
  tr.hidden-md.hidden-lg {
    display: none !important;
  }
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}

.hidden-lg {
  display: block !important;
}

tr.hidden-lg {
  display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
    display: none !important;
  }
  tr.hidden-lg.hidden-xs {
    display: none !important;
  }
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm {
    display: none !important;
  }
  tr.hidden-lg.hidden-sm {
    display: none !important;
  }
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md {
    display: none !important;
  }
  tr.hidden-lg.hidden-md {
    display: none !important;
  }
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  tr.hidden-lg {
    display: none !important;
  }
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

tr.visible-print {
  display: none !important;
}

th.visible-print,
td.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print {
    display: none !important;
  }
  tr.hidden-print {
    display: none !important;
  }
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}
/*# sourceMappingURL=bootstrap-grid.css.map */


.fn-flex{
	display:flex !important;
}

.fn-flex-none{
	flex:none;
}

.fn-inline-flex{
	display: inline-flex !important;
}

/* Flex Direction*/
.fn-flex-row{
	flex-direction: row !important;
}

.fn-flex-row-reverse{
	flex-direction: row-reverse !important;
}

.fn-flex-column{
	flex-direction: column !important;
}

.fn-flex-column-reverse{
	flex-direction: column-reverse !important;
}



/* Flex Wrap*/
.fn-flex-nowrap{
	flex-wrap: nowrap !important;
}

.fn-flex-wrap{
	flex-wrap: wrap !important;
}

.fn-flex-row-wrap{
	flex-flow: row wrap;
}

.fn-flex-wrap-reverse{
	flex-wrap: wrap-reverse !important;
}

/*Flex Flow*/
.fn-flex-column-wrap{
	flex-flow: column wrap;
}


/*Flex Justify Content*/
.fn-justify-content-start{
	justify-content: flex-start !important;
}

.fn-justify-content-end{
	justify-content: flex-end !important;
}

.fn-justify-content-center{
	justify-content: center !important;
}

.fn-justify-content-between{
	justify-content: space-between !important;
}

.fn-justify-content-around{
	justify-content: space-around !important;
}


/*Flex Align Items*/
.fn-align-items-start{
	align-items: flex-start !important;
}

.fn-align-items-end{
	align-items: flex-end !important;
}

.fn-align-items-center{
	align-items: center !important;
}

.fn-align-items-baseline{
	align-items: baseline !important;
}

.fn-align-items-stretch{
	align-items: stretch !important;
}

.fn-align-self-start{
	align-self: flex-start !important;
}


/*Flex Align Content*/
.fn-align-content-start{
	align-content: flex-start !important;
}

.fn-align-content-end{
	align-content: flex-end !important;
}

.fn-align-content-center{
	align-content: center !important;
}

.fn-align-content-between{
	align-content: space-between !important;
}

.fn-align-content-around{
	align-content: space-around !important;
}

.fn-align-content-stretch{
	align-content: stretch!important;
}

/*Flex Grow*/
.fn-flex-grow1{
	flex-grow: 1 !important;
}
.fn-flex-grow2{
	flex-grow: 2 !important;
}
.fn-flex-grow3{
	flex-grow: 3 !important;
}

/*Flex Shrink*/
.fn-flex-shrink1{
	flex-shrink: 1 !important;
}
.fn-flex-shrink2{
	flex-shrink: 2 !important;
}
.fn-flex-shrink3{
	flex-shrink: 3 !important;
}

/*Flex Align Self*/
.fn-align-self-end{
	align-self: flex-end !important;
}

.fn-align-self-center{
	align-self: center !important;
}

.fn-align-self-baseline{
	align-self: baseline !important;
}

.fn-align-self-stretch{
	align-self: stretch !important;
}

.fn-flex-fill{
	flex: 1 1 auto !important;
}


.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}


code .htmlslice{
  display:none;
 }
 code .scriptslice{
  display:none;
 }
 code .ajaxevent{
  display:none;
 }

html,body{
   min-height: 100% !important;
    height: 100%;
}  

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
p,
[class^="hvr-"] {
    font-family: 'Roboto', sans-serif;
}

[class^="hvr-"] {
  margin: .4em;
  padding: 1em;
  cursor: pointer;
  background: #e1e1e1;
  text-decoration: none;
  color: #666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);

  /* Smooth fonts */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/* Backward */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098D1;
  color: white;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: #2098d1;
  color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
  background: none;
}

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-ripple-in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 1em;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-back .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-down .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-up {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-up .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-spin .hvr-icon {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
	100% {
    opacity: 1;
  }
}
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
	100% {
    opacity: 1;
  }
}
/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-drop .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-fade .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}
.hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
  color: #0F9E5E;
}

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-float-away .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon {
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-sink-away .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon {
  -webkit-animation-name: hvr-icon-sink-away;
  animation-name: hvr-icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-shrink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse-shrink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-push .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-pop .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bounce .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-rotate .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow-rotate .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-float .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-sink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bob .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-hang .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz-out .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}




@charset "UTF-8";
/*!
 * ImageHover.css - http://www.imagehover.io
 * Version 1.0
 * Author: Ciarán Walsh

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 */[class*=" imghvr-"],[class^=imghvr-]{position:relative;display:inline-block;margin:0;max-width:100%;background-color:#2266a5;color:#fff;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;transform:translateZ(0)}[class*=" imghvr-"]>img,[class^=imghvr-]>img{vertical-align:top;max-width:100%}[class*=" imghvr-"] figcaption,[class^=imghvr-] figcaption{background-color:#135796;padding:30px;position:absolute;top:0;bottom:0;left:0;right:0;color:#fff}[class*=" imghvr-"] figcaption h1,[class*=" imghvr-"] figcaption h2,[class*=" imghvr-"] figcaption h3,[class*=" imghvr-"] figcaption h4,[class*=" imghvr-"] figcaption h5,[class*=" imghvr-"] figcaption h6,[class^=imghvr-] figcaption h1,[class^=imghvr-] figcaption h2,[class^=imghvr-] figcaption h3,[class^=imghvr-] figcaption h4,[class^=imghvr-] figcaption h5,[class^=imghvr-] figcaption h6{color:#fff}[class*=" imghvr-"] a,[class^=imghvr-] a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}[class*=" imghvr-"],[class*=" imghvr-"] *,[class*=" imghvr-"]:after,[class*=" imghvr-"] :after,[class*=" imghvr-"]:before,[class*=" imghvr-"] :before,[class^=imghvr-],[class^=imghvr-] *,[class^=imghvr-]:after,[class^=imghvr-] :after,[class^=imghvr-]:before,[class^=imghvr-] :before{box-sizing:border-box;transition:all .35s ease}[class*=" imghvr-fade"] figcaption,[class^=imghvr-fade] figcaption{opacity:0}[class*=" imghvr-fade"]:hover figcaption,[class^=imghvr-fade]:hover figcaption{opacity:1}[class*=" imghvr-fade"]:hover>img,[class*=" imghvr-fade"]:hover figcaption,[class^=imghvr-fade]:hover>img,[class^=imghvr-fade]:hover figcaption{transform:translate(0)}.imghvr-fade-in-up figcaption{transform:translateY(15%)}.imghvr-fade-in-down figcaption{transform:translateY(-15%)}.imghvr-fade-in-left figcaption{transform:translate(-15%)}.imghvr-fade-in-right figcaption{transform:translate(15%)}[class*=" imghvr-push-"]:hover figcaption,[class^=imghvr-push-]:hover figcaption{transform:translate(0)}.imghvr-push-up figcaption{transform:translateY(100%)}.imghvr-push-down figcaption,.imghvr-push-up:hover>img{transform:translateY(-100%)}.imghvr-push-down:hover>img{transform:translateY(100%)}.imghvr-push-left figcaption{transform:translateX(100%)}.imghvr-push-left:hover>img,.imghvr-push-right figcaption{transform:translateX(-100%)}.imghvr-push-right:hover>img{transform:translateX(100%)}[class*=" imghvr-slide-"]:hover figcaption,[class^=imghvr-slide-]:hover figcaption{transform:translate(0)}.imghvr-slide-up figcaption{transform:translateY(100%)}.imghvr-slide-down figcaption{transform:translateY(-100%)}.imghvr-slide-left figcaption{transform:translateX(100%)}.imghvr-slide-right figcaption{transform:translateX(-100%)}.imghvr-slide-top-left figcaption{transform:translate(-100%,-100%)}.imghvr-slide-top-right figcaption{transform:translate(100%,-100%)}.imghvr-slide-bottom-left figcaption{transform:translate(-100%,100%)}.imghvr-slide-bottom-right figcaption{transform:translate(100%,100%)}[class*=" imghvr-reveal-"]:before,[class^=imghvr-reveal-]:before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";background-color:#135796}[class*=" imghvr-reveal-"] figcaption,[class^=imghvr-reveal-] figcaption{opacity:0}[class*=" imghvr-reveal-"]:hover:before,[class^=imghvr-reveal-]:hover:before{transform:translate(0)}[class*=" imghvr-reveal-"]:hover figcaption,[class^=imghvr-reveal-]:hover figcaption{opacity:1;transition-delay:.21s}.imghvr-reveal-up:before{transform:translateY(100%)}.imghvr-reveal-down:before{transform:translateY(-100%)}.imghvr-reveal-left:before{transform:translateX(100%)}.imghvr-reveal-right:before{transform:translateX(-100%)}.imghvr-reveal-top-left:before{transform:translate(-100%,-100%)}.imghvr-reveal-top-right:before{transform:translate(100%,-100%)}.imghvr-reveal-bottom-left:before{transform:translate(-100%,100%)}.imghvr-reveal-bottom-right:before{transform:translate(100%,100%)}[class*=" imghvr-hinge-"],[class^=imghvr-hinge-]{perspective:50em}[class*=" imghvr-hinge-"] figcaption,[class^=imghvr-hinge-] figcaption{opacity:0;z-index:1}[class*=" imghvr-hinge-"]:hover img,[class^=imghvr-hinge-]:hover img{opacity:0}[class*=" imghvr-hinge-"]:hover figcaption,[class^=imghvr-hinge-]:hover figcaption{opacity:1;transition-delay:.21s}.imghvr-hinge-up img{transform-origin:50% 0}.imghvr-hinge-up figcaption{transform:rotateX(90deg);transform-origin:50% 100%}.imghvr-hinge-up:hover>img{transform:rotateX(-90deg)}.imghvr-hinge-up:hover figcaption{transform:rotateX(0)}.imghvr-hinge-down img{transform-origin:50% 100%}.imghvr-hinge-down figcaption{transform:rotateX(-90deg);transform-origin:50% -50%}.imghvr-hinge-down:hover>img{transform:rotateX(90deg);opacity:0}.imghvr-hinge-down:hover figcaption{transform:rotateX(0)}.imghvr-hinge-left img{transform-origin:0 50%}.imghvr-hinge-left figcaption{transform:rotateY(-90deg);transform-origin:100% 50%}.imghvr-hinge-left:hover>img{transform:rotateY(90deg)}.imghvr-hinge-left:hover figcaption{transform:rotateY(0)}.imghvr-hinge-right img{transform-origin:100% 50%}.imghvr-hinge-right figcaption{transform:rotateY(90deg);transform-origin:0 50%}.imghvr-hinge-right:hover>img{transform:rotateY(-90deg)}.imghvr-hinge-right:hover figcaption{transform:rotateY(0)}[class*=" imghvr-flip-"],[class^=imghvr-flip-]{perspective:50em}[class*=" imghvr-flip-"] img,[class^=imghvr-flip-] img{-webkit-backface-visibility:hidden;backface-visibility:hidden}[class*=" imghvr-flip-"]:hover>img,[class*=" imghvr-flip-"] figcaption,[class^=imghvr-flip-]:hover>img,[class^=imghvr-flip-] figcaption{opacity:0}[class*=" imghvr-flip-"]:hover figcaption,[class^=imghvr-flip-]:hover figcaption{opacity:1;transition-delay:.14s}.imghvr-flip-horiz figcaption{transform:rotateX(90deg);transform-origin:0 50%}.imghvr-flip-horiz:hover img{transform:rotateX(-180deg)}.imghvr-flip-horiz:hover figcaption{transform:rotateX(0deg)}.imghvr-flip-vert figcaption{transform:rotateY(90deg);transform-origin:50% 0}.imghvr-flip-vert:hover>img{transform:rotateY(-180deg)}.imghvr-flip-vert:hover figcaption{transform:rotateY(0deg)}.imghvr-flip-diag-1 figcaption{transform:rotate3d(1,-1,0,100deg)}.imghvr-flip-diag-1:hover>img{transform:rotate3d(-1,1,0,100deg)}.imghvr-flip-diag-1:hover figcaption{transform:rotate3d(0,0,0,0deg)}.imghvr-flip-diag-2 figcaption{transform:rotate3d(1,1,0,100deg)}.imghvr-flip-diag-2:hover>img{transform:rotate3d(-1,-1,0,100deg)}.imghvr-flip-diag-2:hover figcaption{transform:rotate3d(0,0,0,0deg)}[class*=" imghvr-shutter-out-"]:before,[class^=imghvr-shutter-out-]:before{background:#135796;position:absolute;content:"";transition-delay:.105s}[class*=" imghvr-shutter-out-"] figcaption,[class^=imghvr-shutter-out-] figcaption{opacity:0;transition-delay:0s}[class*=" imghvr-shutter-out-"]:hover:before,[class^=imghvr-shutter-out-]:hover:before{transition-delay:0s}[class*=" imghvr-shutter-out-"]:hover figcaption,[class^=imghvr-shutter-out-]:hover figcaption{opacity:1;transition-delay:.105s}.imghvr-shutter-out-horiz:before{left:50%;right:50%;top:0;bottom:0}.imghvr-shutter-out-horiz:hover:before{left:0;right:0}.imghvr-shutter-out-vert:before{top:50%;bottom:50%;left:0;right:0}.imghvr-shutter-out-vert:hover:before{top:0;bottom:0}.imghvr-shutter-out-diag-1:before{top:50%;bottom:50%;left:-35%;right:-35%;transform:rotate(45deg)}.imghvr-shutter-out-diag-1:hover:before{top:-35%;bottom:-35%}.imghvr-shutter-out-diag-2:before{top:50%;bottom:50%;left:-35%;right:-35%;transform:rotate(-45deg)}.imghvr-shutter-out-diag-2:hover:before{top:-35%;bottom:-35%}[class*=" imghvr-shutter-in-"]:after,[class*=" imghvr-shutter-in-"]:before,[class^=imghvr-shutter-in-]:after,[class^=imghvr-shutter-in-]:before{background:#135796;position:absolute;content:""}[class*=" imghvr-shutter-in-"]:after,[class^=imghvr-shutter-in-]:after{top:0;left:0}[class*=" imghvr-shutter-in-"]:before,[class^=imghvr-shutter-in-]:before{right:0;bottom:0}[class*=" imghvr-shutter-in-"] figcaption,[class^=imghvr-shutter-in-] figcaption{opacity:0;z-index:1}[class*=" imghvr-shutter-in-"]:hover figcaption,[class^=imghvr-shutter-in-]:hover figcaption{opacity:1;transition-delay:.21s}.imghvr-shutter-in-horiz:after,.imghvr-shutter-in-horiz:before{width:0;height:100%}.imghvr-shutter-in-horiz:hover:after,.imghvr-shutter-in-horiz:hover:before{width:50%}.imghvr-shutter-in-vert:after,.imghvr-shutter-in-vert:before{height:0;width:100%}.imghvr-shutter-in-vert:hover:after,.imghvr-shutter-in-vert:hover:before{height:50%}.imghvr-shutter-in-out-horiz:after,.imghvr-shutter-in-out-horiz:before{width:0;height:100%;opacity:.75}.imghvr-shutter-in-out-horiz:hover:after,.imghvr-shutter-in-out-horiz:hover:before{width:100%}.imghvr-shutter-in-out-vert:after,.imghvr-shutter-in-out-vert:before{height:0;width:100%;opacity:.75}.imghvr-shutter-in-out-vert:hover:after,.imghvr-shutter-in-out-vert:hover:before{height:100%}.imghvr-shutter-in-out-diag-1:after,.imghvr-shutter-in-out-diag-1:before{width:200%;height:200%;transition:all .6s ease;opacity:.75}.imghvr-shutter-in-out-diag-1:after{transform:skew(-45deg) translateX(-150%)}.imghvr-shutter-in-out-diag-1:before{transform:skew(-45deg) translateX(150%)}.imghvr-shutter-in-out-diag-1:hover:after{transform:skew(-45deg) translateX(-50%)}.imghvr-shutter-in-out-diag-1:hover:before{transform:skew(-45deg) translateX(50%)}.imghvr-shutter-in-out-diag-2:after,.imghvr-shutter-in-out-diag-2:before{width:200%;height:200%;transition:all .6s ease;opacity:.75}.imghvr-shutter-in-out-diag-2:after{transform:skew(45deg) translateX(-100%)}.imghvr-shutter-in-out-diag-2:before{transform:skew(45deg) translateX(100%)}.imghvr-shutter-in-out-diag-2:hover:after,.imghvr-shutter-in-out-diag-2:hover:before{transform:skew(45deg) translateX(0)}[class*=" imghvr-fold"],[class^=imghvr-fold]{perspective:50em}[class*=" imghvr-fold"] img,[class^=imghvr-fold] img{transform-origin:50% 0}[class*=" imghvr-fold"] figcaption,[class^=imghvr-fold] figcaption{z-index:1;opacity:0}[class*=" imghvr-fold"]:hover>img,[class^=imghvr-fold]:hover>img{opacity:0;transition-delay:0}[class*=" imghvr-fold"]:hover figcaption,[class^=imghvr-fold]:hover figcaption{transform:rotateX(0) translateZ(0) scale(1);opacity:1;transition-delay:.21s}.imghvr-fold-up>img{transform-origin:50% 0}.imghvr-fold-up figcaption{transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6);transform-origin:50% 100%}.imghvr-fold-up:hover>img{transform:rotateX(90deg) scale(.6) translateY(50%)}.imghvr-fold-down>img{transform-origin:50% 100%}.imghvr-fold-down figcaption{transform:rotateX(90deg) translate3d(0,50%,0) scale(.6);transform-origin:50% 0}.imghvr-fold-down:hover>img{transform:rotateX(-90deg) scale(.6) translateY(-50%)}.imghvr-fold-left>img{transform-origin:0 50%}.imghvr-fold-left figcaption{transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6);transform-origin:100% 50%}.imghvr-fold-left:hover>img{transform:rotateY(-90deg) scale(.6) translateX(50%)}.imghvr-fold-right>img{transform-origin:100% 50%}.imghvr-fold-right figcaption{transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6);transform-origin:0 50%}.imghvr-fold-right:hover>img{transform:rotateY(90deg) scale(.6) translateX(-50%)}.imghvr-zoom-in figcaption{opacity:0;transform:scale(.5)}.imghvr-zoom-in:hover figcaption{transform:scale(1);opacity:1}[class*=" imghvr-zoom-out"] figcaption,[class^=imghvr-zoom-out] figcaption{transform:scale(.5);transform-origin:50% 50%;opacity:0}[class*=" imghvr-zoom-out"].hover figcaption,[class*=" imghvr-zoom-out"]:hover figcaption,[class^=imghvr-zoom-out].hover figcaption,[class^=imghvr-zoom-out]:hover figcaption{transform:scale(1);opacity:1;transition-delay:.35s}.imghvr-zoom-out:hover>img{transform:scale(.5);opacity:0}.imghvr-zoom-out-up.hover>img,.imghvr-zoom-out-up:hover>img{animation:a .4025s linear;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes a{50%{transform:scale(.8) translateY(0);opacity:.5}to{transform:scale(.8) translateY(-150%);opacity:.5}}.imghvr-zoom-out-down.hover>img,.imghvr-zoom-out-down:hover>img{animation:b .4025s linear;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes b{50%{transform:scale(.8) translateY(0);opacity:.5}to{transform:scale(.8) translateY(150%);opacity:.5}}.imghvr-zoom-out-left.hover>img,.imghvr-zoom-out-left:hover>img{animation:c .4025s linear;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes c{50%{transform:scale(.8) translateX(0);opacity:.5}to{transform:scale(.8) translateX(-150%);opacity:.5}}.imghvr-zoom-out-right.hover>img,.imghvr-zoom-out-right:hover>img{animation:d .4025s linear;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes d{50%{transform:scale(.8) translateX(0);opacity:.5}to{transform:scale(.8) translateX(150%);opacity:.5}}.imghvr-zoom-out-flip-horiz{perspective:50em}.imghvr-zoom-out-flip-horiz figcaption{opacity:0;transform:rotateX(90deg) translateY(-100%) scale(.5)}.imghvr-zoom-out-flip-horiz.hover>img,.imghvr-zoom-out-flip-horiz:hover>img{transform:rotateX(-100deg) translateY(50%) scale(.5);opacity:0;transition-delay:0}.imghvr-zoom-out-flip-horiz.hover figcaption,.imghvr-zoom-out-flip-horiz:hover figcaption{transform:rotateX(0) translateY(0) scale(1);opacity:1;transition-delay:.35s}.imghvr-zoom-out-flip-vert{perspective:50em}.imghvr-zoom-out-flip-vert figcaption{opacity:0;transform:rotateY(90deg) translate(50%) scale(.5)}.imghvr-zoom-out-flip-vert.hover>img,.imghvr-zoom-out-flip-vert:hover>img{transform:rotateY(-100deg) translateX(50%) scale(.5);opacity:0;transition-delay:0}.imghvr-zoom-out-flip-vert.hover figcaption,.imghvr-zoom-out-flip-vert:hover figcaption{transform:rotateY(0) translate(0) scale(1);opacity:1;transition-delay:.35s}.imghvr-blur figcaption{opacity:0}.imghvr-blur:hover>img{filter:blur(30px);transform:scale(1.2);opacity:0}.imghvr-blur:hover figcaption{opacity:1;transition-delay:.21s}

.affix {
	display:block !important;
	position: fixed;
	z-index:10000;
}

.affix+.container-fluid {
 	padding-top: 70px;
}

@media ( max-width : 1024px) {
	.navbar li {
		float: left !important
	}
	.navbar-nav {
		margin: 0 !important;
	}
}
 
.affix .affix-hide{
	display:block !important;
}
.affix-hide{
	display:none;
}

.affix-bottom {
   position: static;
}

.affix-top {
   position: static;
}


/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-breadcrumb
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

.ui-breadcrumb {
  
  list-style: none;
 
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
		   padding-bottom: 10px;
		    
}

.ui-breadcrumb > .ui-breadcrumbitem {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.ui-breadcrumb > .ui-breadcrumbitem > .divider {
  padding: 0 5px;
  color: #ccc;
}

.ui-breadcrumb > .ui-breadcrumbitem-active {
  color: #999999;
}

.ui-breadcrumb-space > .ui-breadcrumbitem:after {
  content: "\0000a0\0000a0\0000a0";
}

.ui-breadcrumb-slash > .ui-breadcrumbitem:after {
  content: " / ";
  padding: 0 5px;
  color: #ccc;
}

.ui-breadcrumb-verticalbar > .ui-breadcrumbitem:after {
  content: " | ";
  padding: 0 5px;
  color: #ccc;
}

.ui-breadcrumb-dot > .ui-breadcrumbitem:after {
  content: ".";
  padding: 0 5px;
  color: #000;
}

.ui-breadcrumb > .ui-breadcrumbitem > [class^="ui-icon-"] {
  margin-left:5px;
  margin-right: 5px;  
}

/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-btn
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/
.tpl-default .ui-btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 10px;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.tpl-default .ui-btn-parent  .ui-btn {
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1),
		to(#f1f1f1));
	background-repeat: inherit;
	width: 100%;
	height: 45px;
	text-align: left;
	padding: 10px 4px 10px;
	border-radius: 0px;
	border-bottom: 1px solid #d8d5d5;
	font-weight: bold;
}
.tpl-default .ui-btn:hover,
.tpl-default .ui-btn:focus,
.tpl-default .ui-btn:active,
.tpl-default .ui-btn.active,
.tpl-default .ui-btn.disabled,
.tpl-default .ui-btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.tpl-default .ui-btn.aftersubmitdisabled,
.tpl-default .ui-btn[aftersubmitdisabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}


.tpl-default .ui-btn:active,
.tpl-default .ui-btn.active {
  background-color: #cccccc \9;
}

.tpl-default .ui-btn:first-child {
  *margin-left: 0;
}

.tpl-default .ui-btn:hover,
.tpl-default .ui-btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.tpl-default .ui-btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.tpl-default .ui-btn.active,
.tpl-default .ui-btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tpl-default .ui-btn.disabled,
.tpl-default .ui-btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.tpl-default .ui-btn.aftersubmitdisabled,
.tpl-default .ui-btn[aftersubmitdisabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

/* ui-btn-large, small, mini */

.tpl-default .ui-btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.tpl-default .ui-btn-large [class^="icon-"],
.tpl-default .ui-btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.tpl-default .ui-btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.tpl-default .ui-btn-small [class^="icon-"],
.tpl-default .ui-btn-small [class*=" icon-"] {
  margin-top: 0;
}

.tpl-default .ui-btn-mini [class^="icon-"],
.tpl-default .ui-btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.tpl-default .ui-btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}


/* ui-btn-primary, warning, danger, success, info, inverse */

.tpl-default .ui-btn-primary.active,
.tpl-default .ui-btn-warning.active,
.tpl-default .ui-btn-danger.active,
.tpl-default .ui-btn-success.active,
.tpl-default .ui-btn-info.active,
.tpl-default .ui-btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.tpl-default .ui-btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.tpl-default .ui-btn-primary:hover,
.tpl-default .ui-btn-primary:focus,
.tpl-default .ui-btn-primary:active,
.tpl-default .ui-btn-primary.active,
.tpl-default .ui-btn-primary.disabled,
.tpl-default .ui-btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.tpl-default .ui-btn-primary:active,
.tpl-default .ui-btn-primary.active {
  background-color: #003399 \9;
}

.tpl-default .ui-btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.tpl-default .ui-btn-warning:hover,
.tpl-default .ui-btn-warning:focus,
.tpl-default .ui-btn-warning:active,
.tpl-default .ui-btn-warning.active,
.tpl-default .ui-btn-warning.disabled,
.tpl-default .ui-btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.tpl-default .ui-btn-warning:active,
.tpl-default .ui-btn-warning.active {
  background-color: #c67605 \9;
}

.tpl-default .ui-btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.tpl-default .ui-btn-danger:hover,
.tpl-default .ui-btn-danger:focus,
.tpl-default .ui-btn-danger:active,
.tpl-default .ui-btn-danger.active,
.tpl-default .ui-btn-danger.disabled,
.tpl-default .ui-btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.tpl-default .ui-btn-danger:active,
.tpl-default .ui-btn-danger.active {
  background-color: #942a25 \9;
}

.tpl-default .ui-btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.tpl-default .ui-btn-success:hover,
.tpl-default .ui-btn-success:focus,
.tpl-default .ui-btn-success:active,
.tpl-default .ui-btn-success.active,
.tpl-default .ui-btn-success.disabled,
.tpl-default .ui-btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.tpl-default .ui-btn-success:active,
.tpl-default .ui-btn-success.active {
  background-color: #408140 \9;
}

.tpl-default .ui-btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.tpl-default .ui-btn-info:hover,
.tpl-default .ui-btn-info:focus,
.tpl-default .ui-btn-info:active,
.tpl-default .ui-btn-info.active,
.tpl-default .ui-btn-info.disabled,
.tpl-default .ui-btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.tpl-default .ui-btn-info:active,
.tpl-default .ui-btn-info.active {
  background-color: #24748c \9;
}

.tpl-default .ui-btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.tpl-default .ui-btn-inverse:hover,
.tpl-default .ui-btn-inverse:focus,
.tpl-default .ui-btn-inverse:active,
.tpl-default .ui-btn-inverse.active,
.tpl-default .ui-btn-inverse.disabled,
.tpl-default .ui-btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.tpl-default .ui-btn-inverse:active,
.tpl-default .ui-btn-inverse.active {
  background-color: #080808 \9;
}


/* ui-btn fix */
.tpl-default button.ui-btn,
.tpl-default input[type="submit"].ui-btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

.tpl-default button.ui-btn::-moz-focus-inner,
.tpl-default input[type="submit"].ui-btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.tpl-default button.ui-btn.ui-btn-large,
.tpl-default input[type="submit"].ui-btn.ui-btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

.tpl-default button.ui-btn.ui-btn-small,
.tpl-default input[type="submit"].ui-btn.ui-btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

.tpl-default button.ui-btn.ui-btn-mini,
.tpl-default input[type="submit"].ui-btn.ui-btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}


/**
 *================================================================================
  Compnent Name: ui-btngroup
  Name : 

 *================================================================================
**/

.tpl-default .ui-btngroup {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1;
  max-height: 32px;
  margin-bottom: 6px;
}

.tpl-default .ui-btngroup:first-child {
  *margin-left: 0;
}

.tpl-default .ui-btngroup + .ui-btngroup {
  margin-left: 5px;
}

.tpl-default .ui-btngroup > .ui-btn {
  position: relative;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.tpl-default .ui-btngroup > .ui-btn + .ui-btn {
  margin-left: -1px;
}

.tpl-default .ui-btngroup > .ui-btn,
.tpl-default .ui-btngroup > .dropdown-menu,
.tpl-default .ui-btngroup > .popover {
  font-size: 14px;
}

.tpl-default .ui-btngroup > .ui-btn-mini {
  font-size: 10.5px;
}

.tpl-default .ui-btngroup > .ui-btn-small {
  font-size: 11.9px;
}

.tpl-default .ui-btngroup > .ui-btn-large {
  font-size: 17.5px;
}

.tpl-default .ui-btngroup > .ui-btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.tpl-default .ui-btngroup > .ui-btn:last-child,
.tpl-default .ui-btngroup > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.tpl-default .ui-btngroup > .ui-btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.tpl-default .ui-btngroup > .ui-btn.large:last-child,
.tpl-default .ui-btngroup > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.tpl-default .ui-btngroup > .ui-btn:hover,
.tpl-default .ui-btngroup > .ui-btn:focus,
.tpl-default .ui-btngroup > .ui-btn:active,
.tpl-default .ui-btngroup > .ui-btn.active {
  z-index: 2;
}

.tpl-default .open .ui-btn:active,
.tpl-default .open .ui-btn {
  outline: 0;
}

/*.tpl-default .ui-btngroup .dropdown-toggle:active,
.tpl-default .ui-btngroup.open .dropdown-toggle {
  outline: 0;
}
*/
/*.tpl-default .open > .ui-btn {
  *padding-top: 5px;
  padding-right: 8px;
  *padding-bottom: 5px;
  padding-left: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tpl-default .open > .ui-btn-mini {
  *padding-top: 2px;
  padding-right: 5px;
  *padding-bottom: 2px;
  padding-left: 5px;
}

.tpl-default .open > .ui-btn-small {
  *padding-top: 5px;
  *padding-bottom: 4px;
}

.tpl-default .open > .ui-btn-large {
  *padding-top: 7px;
  padding-right: 12px;
  *padding-bottom: 7px;
  padding-left: 12px;
}
*/
.tpl-default .open .ui-btn {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

  background-color: #e6e6e6;
}

.tpl-default .open .ui-btn-primary {
  background-color: #0044cc;
}

.tpl-default .open .ui-btn-warning {
  background-color: #f89406;
}

.tpl-default .open .ui-btn-danger {
  background-color: #bd362f;
}

.tpl-default .open .ui-btn-success {
  background-color: #51a351;
}

.tpl-default .open .ui-btn-info {
  background-color: #2f96b4;
}

.tpl-default .open .ui-btn-inverse {
  background-color: #222222;
}
/*.tpl-default .ui-btngroup.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tpl-default .ui-btngroup.open .ui-btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.tpl-default .ui-btngroup.open .ui-btn-primary.dropdown-toggle {
  background-color: #0044cc;
}

.tpl-default .ui-btngroup.open .ui-btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.tpl-default .ui-btngroup.open .ui-btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.tpl-default .ui-btngroup.open .ui-btn-success.dropdown-toggle {
  background-color: #51a351;
}

.tpl-default .ui-btngroup.open .ui-btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.tpl-default .ui-btngroup.open .ui-btn-inverse.dropdown-toggle {
  background-color: #222222;
}
*/

/* ui-btngroup-vertical */
.tpl-default .ui-btngroup-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.tpl-default .ui-btngroup-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.tpl-default .ui-btngroup-vertical > .btn + .btn {
  margin-top: -1px;
  margin-left: 0;
}

.tpl-default .ui-btngroup-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.tpl-default .ui-btngroup-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tpl-default .ui-btngroup-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}

.tpl-default .ui-btngroup-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}


/**
 *================================================================================
  Compnent Name: ui-toolbar
  Name : 

 *================================================================================
**/

.tpl-default .ui-toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0;
}

.tpl-default .ui-toolbar > .ui-btn + .ui-btn,
.tpl-default .ui-toolbar > .ui-btngroup + .ui-btn,
.tpl-default .ui-toolbar > .ui-btn + .ui-btngroup {
  margin-left: 5px;
}

.open > .dropdown-menu {
  display: block;
}


/**
 *================================================================================
  Compnent Name: ui-message-close
  Name : 

 *================================================================================
**/

.ui-btn-close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.ui-btn-close:hover,
.ui-btn-close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

button.ui-btn-close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
 


.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.left {

}

.carousel-control.right {
  right: 0;
  left: auto;
}

.carousel-control:hover,
.carousel-control:focus {
  text-decoration: none;
  
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}


.carousel-indicators {
  position: absolute;
  bottom: 10px;
  z-index: 15;
  width: 100%;
  padding-left: 0;
  margin-left: -5%;
  text-align: right;
  list-style: none;
}

.carousel-control-effect1.left {
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control-effect1.right {
  right: 0;
  left: auto;
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control-effect1:hover,
.carousel-control-effect1:focus {
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}


/**
 *=======================================
 * basic checkbox and radio box model css
 *=======================================
 **/

/* The container */
.CheckRadioContainer {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*overflow: hidden;*/
	background: transparent transparent;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	margin-right: 15px;
	max-height: 30px;
}

/* Hide the browser's default radio button */
.CheckRadioContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.ui-checkbox-label:after {
	content: "";
	position: absolute;
	display: none;
}

.ui-radio-label:after {
	content: "";
	position: absolute;
	display: none;
}

.CheckRadioContainer input:checked ~ .ui-checkbox-label:after {
	display: block;
}

.CheckRadioContainer input:checked ~ .ui-radio-label:after {
	display: block;
}
 

/**
 *=======================================
 * black white transparent image (54px x 34px) 
 *=======================================
 **/
.ui-checkradiobox-onoff {
	/* element reserved width for image*/
	padding-top: 0px;
	padding-left: 58px;
	padding-right: 20px;
	float: left;
}
.ui-checkradiobox-onoff.ui-checkradio-empty{
	padding-right: 5px !important; /*when content empty*/
}

/* checkbox  Customize the label (the container) */
.ui-checkradiobox-onoff .ui-checkbox-label {
	position: absolute;
	top: 0;
	left: 0;
	width: 54px;
	height: 34px;
	background: url('./img/checkbox-onoff-50-30.png') no-repeat;
	background-position: 0 0;
}

.ui-checkradiobox-onoff:hover input ~ .ui-checkbox-label {
	border-color: transparent transparent; /* hover */
	border-style: solid;
	border-width: 1px;
	top: -1px;
}

.ui-checkradiobox-onoff input:checked ~ .ui-checkbox-label {
	/* after checked */
	background: url('./img/checkbox-onoff-50-30.png') no-repeat;
	background-position: 0 -30px;
}

/* 
=============================================
Style for radio
============================================= 
 */
.ui-checkradiobox-onoff .ui-radio-label {
	position: absolute;
	top: 0;
	left: 0;
	width: 54px;
	height: 34px;
	background: url('./img/checkbox-onoff-50-30.png') no-repeat;
	background-position: 0 0;
	border-radius: 0 !important;
}

.ui-checkradiobox-onoff input:checked ~ .ui-radio-label {
	/* after checked */
	background: url('./img/checkbox-onoff-50-30.png') no-repeat;
	background-position: 0 -30px;
}

.ui-checkradiobox-onoff:hover input ~ .ui-radio-label {
	border-color: transparent transparent; /* hover */
	border-style: solid;
	border-width: 1px;
	top: -1px;
}

/**
 *=======================================
 * black white transparent image (54px x 34px) 
 *=======================================
 **/
.ui-checkradiobox-onoff-2 {
	/* element reserved width for image*/
	padding-top: 0px;
	padding-left: 70px;
	padding-right: 20px;
	float: left;
}
.ui-checkradiobox-onoff-2.ui-checkradio-empty{
	padding-right: 5px !important; /*when content empty*/
}

/* checkbox  Customize the label (the container) */
.ui-checkradiobox-onoff-2 .ui-checkbox-label {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 30px;
	background: url('./img/checkbox-60x30.png') no-repeat;
	background-position: 0 0;
}

.ui-checkradiobox-onoff-2:hover input ~ .ui-checkbox-label {
	border-color: transparent transparent; /* hover */
	border-style: solid;
	border-width: 1px;
	top: -1px;
}

.ui-checkradiobox-onoff-2 input:checked ~ .ui-checkbox-label {
	/* after checked */
	background: url('./img/checkbox-60x30.png') no-repeat;
	background-position: 0 -30px;
}

/* 
=============================================
Style for radio
============================================= 
 */
.ui-checkradiobox-onoff-2 .ui-radio-label {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 30px;
	background: url('./img/checkbox-60x30.png') no-repeat;
	background-position: 0 0;
	border-radius: 0 !important;
}

.ui-checkradiobox-onoff-2 input:checked ~ .ui-radio-label {
	/* after checked */
	background: url('./img/checkbox-60x30.png') no-repeat;
	background-position: 0 -30px;
}

.ui-checkradiobox-onoff-2:hover input ~ .ui-radio-label {
	border-color: transparent transparent; /* hover */
	border-style: solid;
	border-width: 1px;
	top: -1px;
}

/**
 *=======================================
 * default checkbox color,and box
 *=======================================
 **/
.ui-checkradio-normal {
	/* element reserved width for image*/
	padding-top: 0px;
	padding-left: 30px;
	/*padding-right: 15px;*/
	float: left;
}
.ui-checkradio-normal.ui-checkradio-empty{
	padding-right: 5px !important; /*when content empty*/
}

/* checkbox  Customize the label (the container) */
.ui-checkradio-normal  .ui-checkbox-label {
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	background-color: #ccc;
	border-radius: 5px !important;
}

.ui-checkradio-normal:hover input ~ .ui-checkbox-label {
	
}

.ui-checkradio-normal input:checked ~ .ui-checkbox-label {
	/* after checked */
	background-color: #2196F3;
}

.ui-checkradio-normal .ui-checkbox-label:after {
	left: 8px;
	top: 0px;
	width: 10px;
	height: 20px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Style the radio/indicator */
.ui-checkradio-normal .ui-radio-label {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #ccc;
	border-radius: 50px !important;
}

.ui-checkradio-normal input:checked ~ .ui-radio-label {
	/* after checked */
	background-color: #2196F3;
}

.ui-checkradio-normal:hover input ~ .ui-radio-label {
	
}

.ui-checkradio-normal .ui-radio-label:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50% !important;
	background: white;
}

/**
 *=======================================
 * black white transparent image (54px x 34px) 
 *=======================================
 **/
.ui-checkradiobox-ready {
	/* element reserved width for image*/
	padding-top: 0px;
	padding-left: 105px;
	padding-right: 20px;
	float: left;
}
.ui-checkradiobox-ready.ui-checkradio-empty{
	padding-right: 5px !important; /*when content empty*/
}

/* checkbox  Customize the label (the container) */
.ui-checkradiobox-ready .ui-checkbox-label {
	position: absolute;
	top: 0;
	left: 0;
	width: 93px;
	height: 30px;
	background: url('./img/checkbox-93x30.png') no-repeat;
	background-position: 0 0;
}

.ui-checkradiobox-ready:hover input ~ .ui-checkbox-label {
	border-color: transparent transparent; /* hover */
	border-style: solid;
	border-width: 1px;
	top: -1px;
}

.ui-checkradiobox-ready input:checked ~ .ui-checkbox-label {
	/* after checked */
	background: url('./img/checkbox-93x30.png') no-repeat;
	background-position: 0 -30px;
}

/* 
=============================================
Style for radio
============================================= 
 */
.ui-checkradiobox-ready .ui-radio-label {
	position: absolute;
	top: 0;
	left: 0;
	width: 93px;
	height: 30px;
	background: url('./img/checkbox-93x30.png') no-repeat;
	background-position: 0 0;
	border-radius: 0 !important;
}

.ui-checkradiobox-ready input:checked ~ .ui-radio-label {
	/* after checked */
	background: url('./img/checkbox-93x30.png') no-repeat;
	background-position: 0 -30px;
}

.ui-checkradiobox-ready:hover input ~ .ui-radio-label {
	border-color: transparent transparent; /* hover */
	border-style: solid;
	border-width: 1px;
	top: -1px;
}

/**
 *=======================================
 * sorttable triangle 
 *=======================================
 **/
.ui-sort-onoff{
	/*element reserved width for image*/
	padding-top: 0px;
	padding-left: 35px;
	padding-right: 20px;
	float: left;
}

.ui-sort-onoff.ui-checkradio-empty{
	padding-right: 5px !important; /*when content empty*/
}

/*checkbox  Customize the label (the container)*/
.ui-sort-onoff .ui-checkbox-label{
	position: absolute;
	top: 0;
	left: 0;
	background-position: 0 0;
	width: 0; 
  	height: 0;
  	border-left: 7px solid transparent;
  	border-right: 7px solid transparent;
 	border-bottom: 7px solid grey;
 	margin-top: 11px;
}

.ui-sort-onoff:hover input ~ .ui-checkbox-label{
	border-bottom: 7px solid black; /*hover*/
}

.ui-sort-onoff input:checked ~ .ui-checkbox-label{
	/*after checked*/
	position: absolute;
	top: 0;
	left: 0;
	background-position: 0 0;
	width: 0; 
  	height: 0;
  	border-left: 7px solid transparent;
 	border-right: 7px solid transparent;
  	border-top: 7px solid grey;
  	border-bottom: 0;
}

.ui-sort-onoff input:checked:hover ~ .ui-checkbox-label{
	border-top: 7px solid black;
}


.uicollapse {
  display: none;
}

.uicollapse.in {
  display: block;
}

.uicollapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
          transition: height 0.35s ease;
}


		
/* ====================== */
// combox component css
//this is scroller panel
/* ====================== */
/*when loading icon*/
.ac_loading {

}
/*when combox over that select item*/
.ac_over {
  color: #ffffff !important;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); 
}

.ac_results {	 
	overflow: hidden;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ComboxTableHeader {
	font-weight: bold;
	background-color: #CCCCCC;
	line-height: 30px;
}

.ComboxTableContent {
	line-height: 30px;
}

.ComboxHeight{
	max-height: 300px;
}
	

@charset "UTF-8";
/* for common css usage: make a standard layout*/

/**
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
body{
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  
}
**/

/* below overflow for innerheight, scroll postion can work correct mode*/
body{
  overflow:auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
}

/* for label use*/
.FieldSty{
	height:30px;
	padding-top:5px;
	padding-bottom:5px;
}

.box-padding{
  padding:10px 10px 10px 10px !important;
}
.box-padding-0{
  padding:0px 0px 0px 0px !important;
}
.box-padding-5{
  padding:5px 5px 5px 5px !important;
}
.box-padding-10{
  padding:10px 10px 10px 10px !important;
}

.box-margin{
  margin:10px 10px 10px 10px !important;
}
.box-margin-0{
  margin:0px 0px 0px 0px !important;
}
.box-margin-5{
  margin:5px 5px 5px 5px !important;
}
.box-margin-10{
  margin:10px 10px 10px 10px !important;
}

.line-padding{
  padding-top:10px !important;
  padding-bottom:10px !important;
}
.line-padding-0{
  padding-top:0px !important;
  padding-bottom:0px !important;
}
.line-padding-5{
  padding-top:5px !important;
  padding-bottom:5px !important;
}
.line-padding-10{
  padding-top:10px !important;
  padding-bottom:10px !important;
}

.line-margin{
  margin-top:10px !important;
  margin-bottom:10px !important;
}
.line-margin-0{
  margin-top:0px !important;
  margin-bottom:0px !important;
}
.line-margin-5{
  margin-top:5px !important;
  margin-bottom:5px !important;
}
.line-margin-10{
  margin-top:10px !important;
  margin-bottom:10px !important;
}

.col-padding{
  padding-left:5px !important;
  padding-right:5px !important;
}
.col-padding-0 {
  padding-left:0px !important;
  padding-right:0px  !important;
}
.col-padding-5{
  padding-left:5px !important;
  padding-right:5px !important;
}
.col-padding-10{
  padding-left:10px !important;
  padding-right:10px !important;
}


.col-margin{
  margin-left:5px !important;
  margin-right:5px !important;
}
.col-margin-0{
  margin-left:0px  !important;
  margin-right:0px !important;
}
.col-margin-5{
  margin-left:5px !important;
  margin-right:5px !important;
}
.col-margin-10{
  margin-left:10px !important;
  margin-right:10px !important;
}

.ui-title-nav{
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
}

table {
  max-width: 100%;
  /*background-color: transparent;*/
  border-collapse: collapse;
  border-spacing: 0;
}

ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}

ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  padding-right: 5px;
  padding-left: 5px;
  *zoom: 1;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
}

.muted {
  color: #999999;
}

a {
  color: #0088cc;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #005580;
  text-decoration: underline;
}

a.muted:hover,
a.muted:focus {
  color: #808080;
}

.text-warning {
  color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #a47e3c;
}

.text-error {
  color: #b94a48;
}

a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}

.text-info {
  color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
  color: #2d6987;
}

.text-success {
  color: #468847;
}

a.text-success:hover,
a.text-success:focus {
  color: #356635;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  line-height: 0;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  margin-bottom: 0;
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}

blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}

blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

blockquote.pull-right small:before {
  content: '';
}

blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #fff;
  white-space: nowrap;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}


img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.img-circle {
  border-radius: 50%;
}


.thumbnail {
  display: inline-block;
  display: block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.thumbnail > img {
  display: block;
  height: auto;
  max-width: 100%;
}

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #428bca;
}

.thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

.ui-table-responsive{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
    background-color: #fff;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > thead > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > thead > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

/*Rounded corner*/
.border-top-radius(4px) {
  border-top-right-radius: 4px;
   border-top-left-radius: 4px;
}
.border-right-radius(4px) {
  border-bottom-right-radius: 4px;
     border-top-right-radius: 4px;
}
.border-bottom-radius(4px) {
  border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
}
.border-left-radius(4px) {
  border-bottom-left-radius: 4px;
     border-top-left-radius: 4px;
}
* ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #ede8e8;
}

* ::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #ede8e8;
}

* ::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #a39f9f;
}
/*
 *  STYLE 3
 */

.scrollbar3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.scrollbar3::-webkit-scrollbar
{
	width: 6px !important;
	height: 6px !important;
	background-color: #F5F5F5;
}

.scrollbar3::-webkit-scrollbar-thumb
{
	background-color: #000000;
}
 
/*
 *  STYLE 1
 */
 


/*
 *  STYLE 2
 */

.scrollbar2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.scrollbar2::-webkit-scrollbar
{
	width: 6px !important;
	height: 6px !important;
	background-color: #F5F5F5;
}

.scrollbar2::-webkit-scrollbar-thumb
{
	background-color: #0ae;
	
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}


@media screen and (min-width: 768px) { 
	.col-xs-offset-30{
		margin-left:30px;
	}
}
/* Updated ui-title */
.ui-title{
    font-size: large;
    border-bottom: 1px solid #8c8c8ccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(140, 140, 140, 0.8);
    font-family: Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei",     "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif !important;
	 
		
}


 
.ui-title-h1>h1{
	margin: 0.38em 0;
	line-height:1em;
	font-size: 1.7em;

}
.ui-title-h2>h2{
	margin: 0.31em 0;
	line-height:1em;
	font-size: 1.4em;
	
}
.ui-title-h3>h3{
	margin: 0.24em 0;
	line-height:1em;
	font-size: 1.1em;

}
.ui-title-h4>h4{
	margin: 0.17em 0;
	line-height:1em;
	font-size: 0.8em;

}
.ui-title-h5>h5{
	margin: 0.1em 0;
	line-height:1em;
	font-size: 0.5em;

}
.ui-title-h6>h6{
	margin: 0.03em 0;
	line-height:1em;
	font-size: 0.2em;
	
}
 
 
 /* for common css usage: make a standard layout*/
.ui-table-data:hover {
	background: #ccffff !important;
	z-index: 9999;
	border: 1px solid darkgrey;
}

.ui-table-header {
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background-color: #B0B0B0;
}

.ui-date-col {
	max-width: 90px;
	min-width: 90px;
}

.ui-date-smaller-col {
	max-width: 80px;
	min-width: 80px;
}

.ui-desc-col {
	min-width: 150px;
}

.ui-name-col {
	max-width: 170px;
}

.ui-2btn-col {
	max-width: 105px;
}

.ui-3btn-col {
	max-width: 150px;
}

.ui-4btn-col {
	max-width: 180px;
}

.ui-index-col, .ui-checkbox-col {
	max-width: 30px;
	min-width: 30px;
}

.ui-attention-box {
	background-color: pink;
}

.ui-attention-font {
	color: red;
}

.ui-pass-font {
	color: green;
}

.ui-bold-font {
	font-weight: bold;
}

.ui-smaller-font {
	font-size: 0.8em;
}

.ui-ligther-font {
	color: #8F8F8F;
}

.ui-lighter-font {
	color: #8F8F8F;
}

.ui-lastupdate-font {
	font-size: 0.8em;
	min-width: 100px;
	max-width: 100px;
	color: #8F8F8F;
}

.ui-field-label {
	padding: 5px;
	background-color: lightgrey;
	border-radius: 0.5em;
}

.ui-combox-table-header {
	font-weight: bold;
	background-color: #CCCCCC;
	line-height: 30px;
}

.ui-combox-table-content {
	line-height: 30px;
}

.ui-combox-table-height {
	max-height: 500px;
	overflow-y:auto;
}
.l1{
	/** 2x 6 padding+1 margin + width 10px per word **/
	width: 24px !important;
}
.l2{
	width: 34px !important;
}
.l3{
	width: 44px !important;
}
.l4{
	width: 54px !important;
}
.l5{
	width: 64px !important;
}
.l6{
	width: 74px !important;
}
.l7{
	width: 84px !important;
}
.l8{
	width: 94px !important;
}
.l9{
	width: 104px !important;
}
.l10{
	width: 114px !important;
}
.l11{
	width: 124px !important;
}
.l12{
	width: 134px !important;
}
.l13{
	width: 144px !important;
}
.l14{
	width: 154px !important;
}
.l15{
	width: 164px !important;
}
.l16{
	width: 174px !important;
}
.l17{
	width: 184px !important;
}
.l18{
	width: 194px !important;
}
.l19{
	width: 204px !important;
}
.l20{
	width: 214px !important;
}


/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

/*! jQuery UI - v1.12.1 - 2016-10-13
* http://jqueryui.com
* Includes: draggable.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}


/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-drop
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

.ef-fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear;
       -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.ef-fade.in {
  opacity: 1;
}

/**
 *================================================================================
  Compnent Name: ui-drop
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

.ui-well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.ui-well-white {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.ui-well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.ui-well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.ui-well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.ui-panel-float {
  position: absolute;
  top: 100%;
  left: 0;
}

.ui-panel,
.ui-panel-float {
  z-index: 11000;
  /*display: none;*/
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  /*list-style: none;*/
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.dialog-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10990;
  background-color: #000000;
}

.dialog-backdrop.ef-fade {
  opacity: 0;
}

.dialog-backdrop,
.dialog-backdrop.ef-fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.dialog {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1100;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.dialog.ef-fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.dialog.ef-fade.in {
  top: 10%;
}

.dialoghead {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.dialoghead .close {
  margin-top: 2px;
}

.dialoghead h3 {
  margin: 0;
  line-height: 30px;
}

.dialogbody {
  position: fixed;
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}

.dialogform {
  margin-bottom: 0;
}

.dialogfoot {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.dialogfoot:before,
.dialogfoot:after {
  display: table;
  line-height: 0;
  content: "";
}

.dialogfoot:after {
  clear: both;
}
.dialogfoot .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.dialogfoot .btn-group .btn + .btn {
  margin-left: -1px;
}

.dialogfoot .btn-block + .btn-block {
  margin-left: 0;
}
.dialogfoot .ui-btn + .ui-btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.dialogfoot .ui-btn-group .ui-btn + .ui-btn {
  margin-left: -1px;
}

.dialogfoot .ui-btn-block + .ui-btn-block {
  margin-left: 0;
}



.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 15000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open {
  *z-index: 15000;
  /*fix*/
  position: relative;
}

.open > .dropdown-menu {
  display: block;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 14990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px 6px;
          border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
     -moz-border-radius: 5px 5px 5px 0;
          border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}
.dropdown .dropdown-menu .ui-nav-header {
  padding-right: 20px;
  padding-left: 20px;
}

/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-form
  Name : 

 *================================================================================
**/

form {
  margin: 0 0 0px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
  font-size: 15px;
  color: #999999;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  
}


input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}
 
input,textarea{
  width:100%;
}
 
input,
textarea,
.ui-input-disabled {
  /*width: 206px;*/
  width:100%;
}


textarea {
  height: auto;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.ui-input-disabled {
  
  display: inline-block;
  /* Fix the input text height original is 20px  by minyou*/
  height: 28px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
          
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 10px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 20s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.ui-input-disabled:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input:disabled{
	background-color: #DCDCDC;
}

/*for normal bootstrap*/
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
  margin-bottom: 21px;

}
/* start ==for custom radio checkbox */
	

/* The container */
.boxctr {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} 
 
/* Hide the browser's default radio button */
.boxctr input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #666666;
  border-radius:5px;

}
.ui-radio-label{
  border-radius: 50%;
}



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

/* When the radio button is checked, add a blue background */
.boxctr input:checked ~ .checkmark {
  background-color: #2196F3;
}

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

/* Show the indicator (dot/circle) when checked */
.boxctr input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.boxctr .ui-radio-label:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/* checkbox  Customize the label (the container) */

/* Style the checkmark/indicator */
.boxctr .ui-checkbox-label:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

			
			
/* == end for custom radio checkbox== */						
						
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  /*line-height: 30px;*/
  
  margin-bottom: 8px;
}

select {
  /*width: 220px;*/
  width:100%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ui-input-disabled,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.ui-input-disabled {
  overflow: hidden;
  white-space: nowrap;
  background-color: #eee;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.ui-input-disabled[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .ui-input-disabled[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-append input[class*="span"],
.input-append .ui-input-disabled[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .ui-input-disabled[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .ui-input-disabled[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}

input,
textarea,
.ui-input-disabled {
  margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}
 


/* Allow for input prepend/append in search forms */

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search input,
.ui-form-inline input,
.ui-form-horizon input,
.form-search textarea,
.ui-form-inline textarea,
.ui-form-horizon textarea,
.form-search select,
.ui-form-inline select,
.ui-form-horizon select,
.form-search .help-inline,
.ui-form-inline .help-inline,
.ui-form-horizon .help-inline,
.form-search .ui-input-disabled,
.ui-form-inline .ui-input-disabled,
.ui-form-horizon .ui-input-disabled,
.form-search .input-prepend,
.ui-form-inline .input-prepend,
.ui-form-horizon .input-prepend,
.form-search .input-append,
.ui-form-inline .input-append,
.ui-form-horizon .input-append {
  display: inline-block;
  *display: inline;
 
  vertical-align: middle;
  *zoom: 1;
}

.form-search .hide,
.ui-form-inline .hide,
.ui-form-horizon .hide {
  display: none;
}

.form-search label,
.ui-form-inline label,
.form-search .btn-group,
.ui-form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.ui-form-inline .input-append,
.form-search .input-prepend,
.ui-form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.ui-form-inline .radio,
.ui-form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.ui-form-inline .radio input[type="radio"],
.ui-form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.ui-form-horizon .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.ui-form-horizon .control-group:before,
.ui-form-horizon .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}

.ui-form-horizon .control-group:after {
  clear: both;
}

.ui-form-horizon .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}

.ui-form-horizon .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}

.ui-form-horizon .controls:first-child {
  *padding-left: 180px;
}

.ui-form-horizon .help-block {
  margin-bottom: 0;
}

.ui-form-horizon input + .help-block,
.ui-form-horizon select + .help-block,
.ui-form-horizon textarea + .help-block,
.ui-form-horizon .ui-input-disabled + .help-block,
.ui-form-horizon .input-prepend + .help-block,
.ui-form-horizon .input-append + .help-block {
  margin-top: 10px;
}

.ui-form-horizon .form-actions {
  padding-left: 180px;
}

/*customize*/

input[type="text"].ui-input-round,
input[type="password"].ui-input-round,
input[type="datetime"].ui-input-round,
input[type="datetime-local"].ui-input-round,
input[type="date"].ui-input-round,
input[type="month"].ui-input-round,
input[type="time"].ui-input-round,
input[type="week"].ui-input-round,
input[type="number"].ui-input-round,
input[type="email"].ui-input-round,
input[type="url"].ui-input-round,
input[type="search"].ui-input-round,
input[type="tel"].ui-input-round,
input[type="color"].ui-input-round,
.ui-input-disabled.ui-input-round  {
  -webkit-border-radius: 14px 14px 14px 14px;
     -moz-border-radius: 14px 14px 14px 14px;
          border-radius: 14px 14px 14px 14px;
}


[class^="ic_"],
[class*="ic_"] {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 32px;
  vertical-align: text-top;
  background-image: url("img/ui-icon-custom.png");
  /* position depend icon size X*Y */
   
  background-repeat: no-repeat;
}

.ic_3d {
    
    background-position: 0px 0px;
}

.ic_4k {
    
    background-position: -47px -5px;
}

.ic_account_logout {
    
    background-position: -5px -47px;
}

.ic_action_redo {
    
    background-position: -47px -47px;
}

.ic_action_undo {
    
    background-position: -89px -5px;
}

.ic_address_book {
    
    background-position: -89px -47px;
}

.ic_airplane_mode {
    
    background-position: -5px -89px;
}

.ic_airplane_mode_off {
    
    background-position: -47px -89px;
}

.ic_airplay {
    
    background-position: -89px -89px;
}

.ic_alarm {
    
    background-position: -131px -5px;
}

.ic_album {
    
    background-position: -131px -47px;
}

.ic_align_center {
    
    background-position: -131px -89px;
}

.ic_align_left {
    
    background-position: -5px -131px;
}

.ic_align_right {
    
    background-position: -47px -131px;
}

.ic_american_football {
    
    background-position: -89px -131px;
}

.ic_aperture {
    
    background-position: -131px -131px;
}

.ic_apple {
    
    background-position: -173px -5px;
}

.ic_applications {
    
    background-position: -173px -47px;
}

.ic_applications_settings {
    
    background-position: -173px -89px;
}

.ic_arrow_bottom {
    
    background-position: -173px -131px;
}

.ic_arrow_circle_bottom {
    
    background-position: -5px -173px;
}

.ic_arrow_circle_left {
    
    background-position: -47px -173px;
}

.ic_arrow_circle_right {
    
    background-position: -89px -173px;
}

.ic_arrow_circle_top {
    
    background-position: -131px -173px;
}

.ic_arrow_left {
    
    background-position: -173px -173px;
}

.ic_arrow_right {
    
    background-position: -215px -5px;
}

.ic_arrow_thick_bottom {
    
    background-position: -215px -47px;
}

.ic_arrow_thick_from_bottom {
    
    background-position: -215px -89px;
}

.ic_arrow_thick_from_left {
    
    background-position: -215px -131px;
}

.ic_arrow_thick_from_right {
    
    background-position: -215px -173px;
}

.ic_arrow_thick_from_top {
    
    background-position: -5px -215px;
}

.ic_arrow_thick_left {
    
    background-position: -47px -215px;
}

.ic_arrow_thick_right {
    
    background-position: -89px -215px;
}

.ic_arrow_thick_to_bottom {
    
    background-position: -131px -215px;
}

.ic_arrow_thick_to_left {
    
    background-position: -173px -215px;
}

.ic_arrow_thick_top {
    
    background-position: -215px -215px;
}

.ic_arrow_thick_to_right {
    
    background-position: -257px -5px;
}

.ic_arrow_thick_to_top {
    
    background-position: -257px -47px;
}

.ic_arrow_top {
    
    background-position: -257px -89px;
}

.ic_assistive_listening_system {
    
    background-position: -257px -131px;
}

.ic_asterisk {
    
    background-position: -257px -173px;
}

.ic_asterisk_circle {
    
    background-position: -257px -215px;
}

.ic_at {
    
    background-position: -5px -257px;
}

.ic_audio {
    
    background-position: -47px -257px;
}

.ic_audio_description {
    
    background-position: -89px -257px;
}

.ic_audio_spectrum {
    
    background-position: -131px -257px;
}

.ic_av_timer {
    
    background-position: -173px -257px;
}

.ic_badge {
    
    background-position: -215px -257px;
}

.ic_balance_scale {
    
    background-position: -257px -257px;
}

.ic_ban {
    
    background-position: -299px -5px;
}

.ic_bank {
    
    background-position: -299px -47px;
}

.ic_bar_chart {
    
    background-position: -299px -89px;
}

.ic_barcode {
    
    background-position: -299px -131px;
}

.ic_baseball {
    
    background-position: -299px -173px;
}

.ic_basket {
    
    background-position: -299px -215px;
}

.ic_basketball {
    
    background-position: -299px -257px;
}

.ic_bath {
    
    background-position: -5px -299px;
}

.ic_battery_0 {
    
    background-position: -47px -299px;
}

.ic_battery_3 {
    
    background-position: -89px -299px;
}

.ic_battery_5 {
    
    background-position: -131px -299px;
}

.ic_battery_alert {
    
    background-position: -173px -299px;
}

.ic_battery_slash {
    
    background-position: -215px -299px;
}

.ic_beach_access {
    
    background-position: -257px -299px;
}

.ic_beaker {
    
    background-position: -299px -299px;
}

.ic_bed {
    
    background-position: -341px -5px;
}

.ic_bell {
    
    background-position: -341px -47px;
}

.ic_bike {
    
    background-position: -341px -89px;
}

.ic_birthday_cake {
    
    background-position: -341px -131px;
}

.ic_blind {
    
    background-position: -341px -173px;
}

.ic_bluetooth {
    
    background-position: -341px -215px;
}

.ic_blur {
    
    background-position: -341px -257px;
}

.ic_blur_circular {
    
    background-position: -341px -299px;
}

.ic_boat_alt {
    
    background-position: -5px -341px;
}

.ic_blur_linear {
    
    background-position: -47px -341px;
}

.ic_bold {
    
    background-position: -89px -341px;
}

.ic_bolt {
    
    background-position: -131px -341px;
}

.ic_book {
    
    background-position: -173px -341px;
}

.ic_bookmark {
    
    background-position: -215px -341px;
}

.ic_border_all {
    
    background-position: -257px -341px;
}

.ic_border_bottom {
    
    background-position: -299px -341px;
}

.ic_border_clear {
    
    background-position: -341px -341px;
}

.ic_border_horizontal {
    
    background-position: -383px -5px;
}

.ic_border_inner {
    
    background-position: -383px -47px;
}

.ic_border_left {
    
    background-position: -383px -89px;
}

.ic_border_outer {
    
    background-position: -383px -131px;
}

.ic_border_right {
    
    background-position: -383px -173px;
}

.ic_border_style {
    
    background-position: -383px -215px;
}

.ic_border_top {
    
    background-position: -383px -257px;
}

.ic_border_vertical {
    
    background-position: -383px -299px;
}

.ic_bowling {
    
    background-position: -383px -341px;
}

.ic_braille {
    
    background-position: -5px -383px;
}

.ic_briefcase {
    
    background-position: -47px -383px;
}

.ic_brightness {
    
    background-position: -89px -383px;
}

.ic_british_pound {
    
    background-position: -131px -383px;
}

.ic_browser {
    
    background-position: -173px -383px;
}

.ic_brush {
    
    background-position: -215px -383px;
}

.ic_brush_alt {
    
    background-position: -257px -383px;
}

.ic_bug {
    
    background-position: -299px -383px;
}

.ic_building {
    
    background-position: -341px -383px;
}

.ic_bullhorn {
    
    background-position: -383px -383px;
}

.ic_burger {
    
    background-position: -425px -5px;
}

.ic_bus_alt {
    
    background-position: -425px -47px;
}

.ic_calculator {
    
    background-position: -425px -89px;
}

.ic_calendar {
    
    background-position: -425px -131px;
}

.ic_calendar_check {
    
    background-position: -425px -173px;
}

.ic_camera {
    
    background-position: -425px -215px;
}

.ic_camera_control {
    
    background-position: -425px -257px;
}

.ic_camera_roll {
    
    background-position: -425px -299px;
}

.ic_car_alt {
    
    background-position: -425px -341px;
}

.ic_caret_bottom {
    
    background-position: -425px -383px;
}

.ic_caret_left {
    
    background-position: -5px -425px;
}

.ic_caret_right {
    
    background-position: -47px -425px;
}

.ic_caret_top {
    
    background-position: -89px -425px;
}

.ic_cart {
    
    background-position: -131px -425px;
}

.ic_casino {
    
    background-position: -173px -425px;
}

.ic_cast {
    
    background-position: -215px -425px;
}

.ic_cat {
    
    background-position: -257px -425px;
}

.ic_center_focus {
    
    background-position: -299px -425px;
}

.ic_chart {
    
    background-position: -341px -425px;
}

.ic_chart_line {
    
    background-position: -383px -425px;
}

.ic_chart_pie {
    
    background-position: -425px -425px;
}

.ic_chat_bubble {
    
    background-position: -467px -5px;
}

.ic_check {
    
    background-position: -467px -47px;
}

.ic_check_alt {
    
    background-position: -467px -89px;
}

.ic_check_circle {
    
    background-position: -467px -131px;
}

.ic_chevron_bottom {
    
    background-position: -467px -173px;
}

.ic_chevron_circle_down_alt {
    
    background-position: -467px -215px;
}

.ic_chevron_circle_left_alt {
    
    background-position: -467px -257px;
}

.ic_chevron_circle_right_alt {
    
    background-position: -467px -299px;
}

.ic_chevron_circle_up_alt {
    
    background-position: -467px -341px;
}

.ic_chevron_double_down {
    
    background-position: -467px -383px;
}

.ic_chevron_double_left {
    
    background-position: -467px -425px;
}

.ic_chevron_double_right {
    
    background-position: -5px -467px;
}

.ic_chevron_double_up {
    
    background-position: -47px -467px;
}

.ic_chevron_double_up_alt {
    
    background-position: -89px -467px;
}

.ic_chevron_left {
    
    background-position: -131px -467px;
}

.ic_chevron_right {
    
    background-position: -173px -467px;
}

.ic_chevron_top {
    
    background-position: -215px -467px;
}

.ic_child {
    
    background-position: -257px -467px;
}

.ic_child_friendly {
    
    background-position: -299px -467px;
}

.ic_circle {
    
    background-position: -341px -467px;
}

.ic_clear_all {
    
    background-position: -383px -467px;
}

.ic_clipboard {
    
    background-position: -425px -467px;
}

.ic_clock {
    
    background-position: -467px -467px;
}

.ic_clone {
    
    background-position: -509px -5px;
}

.ic_closed_captioning {
    
    background-position: -509px -47px;
}

.ic_cloud {
    
    background-position: -509px -89px;
}

.ic_cloud_download {
    
    background-position: -509px -131px;
}

.ic_cloud_upload {
    
    background-position: -509px -173px;
}

.ic_cloudy {
    
    background-position: -509px -215px;
}

.ic_code {
    
    background-position: -509px -257px;
}

.ic_coffee {
    
    background-position: -509px -299px;
}

.ic_color_border {
    
    background-position: -509px -341px;
}

.ic_color_fill {
    
    background-position: -509px -383px;
}

.ic_columns {
    
    background-position: -509px -425px;
}

.ic_color_palette {
    
    background-position: -509px -467px;
}

.ic_comment_bubble {
    
    background-position: -5px -509px;
}

.ic_comment_square {
    
    background-position: -47px -509px;
}

.ic_compass {
    
    background-position: -89px -509px;
}

.ic_compress {
    
    background-position: -131px -509px;
}

.ic_contact {
    
    background-position: -173px -509px;
}

.ic_contrast {
    
    background-position: -215px -509px;
}

.ic_copy {
    
    background-position: -257px -509px;
}

.ic_couch {
    
    background-position: -299px -509px;
}

.ic_credit_card {
    
    background-position: -341px -509px;
}

.ic_crop {
    
    background-position: -383px -509px;
}

.ic_crop_rotate {
    
    background-position: -425px -509px;
}

.ic_cursor {
    
    background-position: -467px -509px;
}

.ic_cursor_move {
    
    background-position: -509px -509px;
}

.ic_cut {
    
    background-position: -551px -5px;
}

.ic_data_transfer_down {
    
    background-position: -551px -47px;
}

.ic_data_transfer_up {
    
    background-position: -551px -89px;
}

.ic_deaf {
    
    background-position: -551px -131px;
}

.ic_description {
    
    background-position: -551px -173px;
}

.ic_devices {
    
    background-position: -551px -215px;
}

.ic_dialpad {
    
    background-position: -551px -257px;
}

.ic_dinner {
    
    background-position: -551px -299px;
}

.ic_dog {
    
    background-position: -551px -341px;
}

.ic_dollar {
    
    background-position: -551px -383px;
}

.ic_door {
    
    background-position: -551px -425px;
}

.ic_double_quote_sans_left {
    
    background-position: -551px -467px;
}

.ic_double_quote_sans_right {
    
    background-position: -551px -509px;
}

.ic_drink {
    
    background-position: -5px -551px;
}

.ic_drink_alcohol {
    
    background-position: -47px -551px;
}

.ic_drop {
    
    background-position: -89px -551px;
}

.ic_drop1 {
    
    background-position: -131px -551px;
}

.ic_elevator {
    
    background-position: -173px -551px;
}

.ic_envelope_closed {
    
    background-position: -215px -551px;
}

.ic_envelope_letter {
    
    background-position: -257px -551px;
}

.ic_envelope_open {
    
    background-position: -299px -551px;
}

.ic_equalizer {
    
    background-position: -341px -551px;
}

.ic_ethernet {
    
    background-position: -383px -551px;
}

.ic_euro {
    
    background-position: -425px -551px;
}

.ic_excerpt {
    
    background-position: -467px -551px;
}

.ic_exit_to_app {
    
    background-position: -509px -551px;
}

.ic_expand_down {
    
    background-position: -551px -551px;
}

.ic_expand_left {
    
    background-position: -593px -5px;
}

.ic_expand_right {
    
    background-position: -593px -47px;
}

.ic_expand_up {
    
    background-position: -593px -89px;
}

.ic_exposure {
    
    background-position: -593px -131px;
}

.ic_external_link {
    
    background-position: -593px -173px;
}

.ic_eyedropper {
    
    background-position: -593px -215px;
}

.ic_face {
    
    background-position: -593px -257px;
}

.ic_face_dead {
    
    background-position: -593px -299px;
}

.ic_fastfood {
    
    background-position: -593px -341px;
}

.ic_fax {
    
    background-position: -593px -383px;
}

.ic_featured_playlist {
    
    background-position: -593px -425px;
}

.ic_file {
    
    background-position: -593px -467px;
}

.ic_filter {
    
    background-position: -593px -509px;
}

.ic_filter_frames {
    
    background-position: -593px -551px;
}

.ic_filter_photo {
    
    background-position: -5px -593px;
}

.ic_find_in_page {
    
    background-position: -47px -593px;
}

.ic_fingerprint {
    
    background-position: -89px -593px;
}

.ic_fire {
    
    background-position: -131px -593px;
}

.ic_flag_alt {
    
    background-position: -173px -593px;
}

.ic_flight_takeoff {
    
    background-position: -215px -593px;
}

.ic_flip {
    
    background-position: -257px -593px;
}

.ic_flip_to_back {
    
    background-position: -299px -593px;
}

.ic_flip_to_front {
    
    background-position: -341px -593px;
}

.ic_flower {
    
    background-position: -383px -593px;
}

.ic_folder {
    
    background-position: -425px -593px;
}

.ic_folder_open {
    
    background-position: -467px -593px;
}

.ic_font {
    
    background-position: -509px -593px;
}

.ic_football {
    
    background-position: -551px -593px;
}

.ic_fork {
    
    background-position: -593px -593px;
}

.ic_fridge {
    
    background-position: -635px -5px;
}

.ic_fullscreen_exit {
    
    background-position: -635px -47px;
}

.ic_functions {
    
    background-position: -635px -89px;
}

.ic_frown {
    
    background-position: -635px -131px;
}

.ic_fullscreen {
    
    background-position: -635px -173px;
}

.ic_functions_alt {
    
    background-position: -635px -215px;
}

.ic_gamepad {
    
    background-position: -635px -257px;
}

.ic_garage {
    
    background-position: -635px -299px;
}

.ic_gem {
    
    background-position: -635px -341px;
}

.ic_gif {
    
    background-position: -635px -383px;
}

.ic_gift {
    
    background-position: -635px -425px;
}

.ic_globe_alt {
    
    background-position: -635px -467px;
}

.ic_golf {
    
    background-position: -635px -509px;
}

.ic_golf_alt {
    
    background-position: -635px -551px;
}

.ic_gradient {
    
    background-position: -635px -593px;
}

.ic_grain {
    
    background-position: -5px -635px;
}

.ic_graph {
    
    background-position: -47px -635px;
}

.ic_grid {
    
    background-position: -89px -635px;
}

.ic_grid_slash {
    
    background-position: -131px -635px;
}

.ic_hand_point_down {
    
    background-position: -173px -635px;
}

.ic_hand_point_left {
    
    background-position: -215px -635px;
}

.ic_hand_point_right {
    
    background-position: -257px -635px;
}

.ic_hand_point_up {
    
    background-position: -299px -635px;
}

.ic_hd {
    
    background-position: -341px -635px;
}

.ic_hdr {
    
    background-position: -383px -635px;
}

.ic_header {
    
    background-position: -425px -635px;
}

.ic_headphones {
    
    background-position: -467px -635px;
}

.ic_healing {
    
    background-position: -509px -635px;
}

.ic_heart {
    
    background-position: -551px -635px;
}

.ic_highlighter {
    
    background-position: -593px -635px;
}

.ic_highligt {
    
    background-position: -635px -635px;
}

.ic_home {
    
    background-position: -677px -5px;
}

.ic_history {
    
    background-position: -677px -47px;
}

.ic_hospital {
    
    background-position: -677px -89px;
}

.ic_hot_tub {
    
    background-position: -677px -131px;
}

.ic_house {
    
    background-position: -677px -173px;
}

.ic_https {
    
    background-position: -677px -215px;
}

.ic_image1 {
    
    background-position: -677px -257px;
}

.ic_image_broken {
    
    background-position: -677px -299px;
}

.ic_image_plus {
    
    background-position: -677px -341px;
}

.ic_inbox {
    
    background-position: -677px -383px;
}

.ic_indent_decrease {
    
    background-position: -677px -425px;
}

.ic_indent_increase {
    
    background-position: -677px -467px;
}

.ic_industry {
    
    background-position: -677px -509px;
}

.ic_industry_slash {
    
    background-position: -677px -551px;
}

.ic_infinity {
    
    background-position: -677px -593px;
}

.ic_info {
    
    background-position: -677px -635px;
}

.ic_input {
    
    background-position: -5px -677px;
}

.ic_input_hdmi {
    
    background-position: -47px -677px;
}

.ic_input_power {
    
    background-position: -89px -677px;
}

.ic_institution {
    
    background-position: -131px -677px;
}

.ic_italic {
    
    background-position: -173px -677px;
}

.ic_justify_center {
    
    background-position: -215px -677px;
}

.ic_justify_left {
    
    background-position: -257px -677px;
}

.ic_justify_right {
    
    background-position: -299px -677px;
}

.ic_keyboard {
    
    background-position: -341px -677px;
}

.ic_lan {
    
    background-position: -383px -677px;
}

.ic_language {
    
    background-position: -425px -677px;
}

.ic_laptop {
    
    background-position: -467px -677px;
}

.ic_layers {
    
    background-position: -509px -677px;
}

.ic_leaf {
    
    background-position: -551px -677px;
}

.ic_lemon {
    
    background-position: -593px -677px;
}

.ic_level_down {
    
    background-position: -635px -677px;
}

.ic_level_up {
    
    background-position: -677px -677px;
}

.ic_library {
    
    background-position: -719px -5px;
}

.ic_library_add {
    
    background-position: -719px -47px;
}

.ic_life_ring {
    
    background-position: -719px -89px;
}

.ic_lightbulb {
    
    background-position: -719px -131px;
}

.ic_line_spacing {
    
    background-position: -719px -173px;
}

.ic_line_style {
    
    background-position: -719px -215px;
}

.ic_line_weight {
    
    background-position: -719px -257px;
}

.ic_link {
    
    background-position: -719px -299px;
}

.ic_link_alt {
    
    background-position: -719px -341px;
}

.ic_link_broken {
    
    background-position: -719px -383px;
}

.ic_list {
    
    background-position: -719px -425px;
}

.ic_list_filter {
    
    background-position: -719px -467px;
}

.ic_list_high_priority {
    
    background-position: -719px -509px;
}

.ic_list_low_priority {
    
    background-position: -719px -551px;
}

.ic_list_numbered {
    
    background-position: -719px -593px;
}

.ic_list_rich {
    
    background-position: -719px -635px;
}

.ic_location_pin {
    
    background-position: -719px -677px;
}

.ic_lock_locked {
    
    background-position: -5px -719px;
}

.ic_lock_unlocked {
    
    background-position: -47px -719px;
}

.ic_locomotive {
    
    background-position: -89px -719px;
}

.ic_loop {
    
    background-position: -131px -719px;
}

.ic_loop_1 {
    
    background-position: -173px -719px;
}

.ic_loop_circular {
    
    background-position: -215px -719px;
}

.ic_low_vision {
    
    background-position: -257px -719px;
}

.ic_magnifying_glass {
    
    background-position: -299px -719px;
}

.ic_map {
    
    background-position: -341px -719px;
}

.ic_media_eject {
    
    background-position: -383px -719px;
}

.ic_media_pause {
    
    background-position: -425px -719px;
}

.ic_media_play {
    
    background-position: -467px -719px;
}

.ic_media_record {
    
    background-position: -509px -719px;
}

.ic_media_skip_backward {
    
    background-position: -551px -719px;
}

.ic_media_skip_forward {
    
    background-position: -593px -719px;
}

.ic_media_step_backward {
    
    background-position: -635px -719px;
}

.ic_media_step_forward {
    
    background-position: -677px -719px;
}

.ic_media_stop {
    
    background-position: -719px -719px;
}

.ic_medical_cross {
    
    background-position: -761px -5px;
}

.ic_meh {
    
    background-position: -761px -47px;
}

.ic_memory {
    
    background-position: -761px -89px;
}

.ic_menu {
    
    background-position: -761px -131px;
}

.ic_microphone {
    
    background-position: -761px -173px;
}

.ic_minus {
    
    background-position: -761px -215px;
}

.ic_mobile {
    
    background-position: -761px -257px;
}

.ic_mobile_landscape {
    
    background-position: -761px -299px;
}

.ic_money {
    
    background-position: -761px -341px;
}

.ic_monitor {
    
    background-position: -761px -383px;
}

.ic_mood_bad {
    
    background-position: -761px -425px;
}

.ic_mood_good {
    
    background-position: -761px -467px;
}

.ic_mood_very_bad {
    
    background-position: -761px -509px;
}

.ic_mood_very_good {
    
    background-position: -761px -551px;
}

.ic_moon {
    
    background-position: -761px -593px;
}

.ic_mouse {
    
    background-position: -761px -635px;
}

.ic_mouth_slash {
    
    background-position: -761px -677px;
}

.ic_move {
    
    background-position: -761px -719px;
}

.ic_movie {
    
    background-position: -5px -761px;
}

.ic_mug {
    
    background-position: -47px -761px;
}

.ic_mug_tea {
    
    background-position: -89px -761px;
}

.ic_music_note {
    
    background-position: -131px -761px;
}

.ic_newspaper {
    
    background-position: -173px -761px;
}

.ic_notes {
    
    background-position: -215px -761px;
}

.ic_object_group {
    
    background-position: -257px -761px;
}

.ic_object_ungroup {
    
    background-position: -299px -761px;
}

.ic_opacity {
    
    background-position: -341px -761px;
}

.ic_options {
    
    background-position: -383px -761px;
}

.ic_options_horizontal {
    
    background-position: -425px -761px;
}

.ic_paint {
    
    background-position: -467px -761px;
}

.ic_paint_bucket {
    
    background-position: -509px -761px;
}

.ic_paperclip {
    
    background-position: -551px -761px;
}

.ic_paper_plane {
    
    background-position: -593px -761px;
}

.ic_paragraph {
    
    background-position: -635px -761px;
}

.ic_paw {
    
    background-position: -677px -761px;
}

.ic_pen_alt {
    
    background-position: -719px -761px;
}

.ic_pencil {
    
    background-position: -761px -761px;
}

.ic_pen_nib {
    
    background-position: -803px -5px;
}

.ic_people {
    
    background-position: -803px -47px;
}

.ic_phone {
    
    background-position: -803px -89px;
}

.ic_pin {
    
    background-position: -803px -131px;
}

.ic_pizza {
    
    background-position: -803px -173px;
}

.ic_playlist_add {
    
    background-position: -803px -215px;
}

.ic_plus {
    
    background-position: -803px -257px;
}

.ic_pool {
    
    background-position: -803px -299px;
}

.ic_power_standby {
    
    background-position: -803px -341px;
}

.ic_pregnant {
    
    background-position: -803px -383px;
}

.ic_print {
    
    background-position: -803px -425px;
}

.ic_puzzle {
    
    background-position: -803px -467px;
}

.ic_qr_code {
    
    background-position: -803px -509px;
}

.ic_rain {
    
    background-position: -803px -551px;
}

.ic_rectangle {
    
    background-position: -803px -593px;
}

.ic_reload {
    
    background-position: -803px -635px;
}

.ic_remove {
    
    background-position: -803px -677px;
}

.ic_resize_both {
    
    background-position: -803px -719px;
}

.ic_resize_height {
    
    background-position: -803px -761px;
}

.ic_resize_width {
    
    background-position: -5px -803px;
}

.ic_restaurant {
    
    background-position: -47px -803px;
}

.ic_room {
    
    background-position: -89px -803px;
}

.ic_rowing {
    
    background-position: -131px -803px;
}

.ic_rss {
    
    background-position: -173px -803px;
}

.ic_running {
    
    background-position: -215px -803px;
}

.ic_satelite {
    
    background-position: -257px -803px;
}

.ic_save {
    
    background-position: -299px -803px;
}

.ic_school {
    
    background-position: -341px -803px;
}

.ic_screen_desktop {
    
    background-position: -383px -803px;
}

.ic_screen_smartphone {
    
    background-position: -425px -803px;
}

.ic_scrubber {
    
    background-position: -467px -803px;
}

.ic_settings {
    
    background-position: -509px -803px;
}

.ic_share {
    
    background-position: -551px -803px;
}

.ic_share_all {
    
    background-position: -593px -803px;
}

.ic_share_alt {
    
    background-position: -635px -803px;
}

.ic_share_boxed {
    
    background-position: -677px -803px;
}

.ic_shield_alt {
    
    background-position: -719px -803px;
}

.ic_short_text {
    
    background-position: -761px -803px;
}

.ic_shower {
    
    background-position: -803px -803px;
}

.ic_signal_cellular_0 {
    
    background-position: -845px -5px;
}

.ic_signal_cellular_3 {
    
    background-position: -845px -47px;
}

.ic_signal_cellular_4 {
    
    background-position: -845px -89px;
}

.ic_sign_language {
    
    background-position: -845px -131px;
}

.ic_sim {
    
    background-position: -845px -173px;
}

.ic_sitemap {
    
    background-position: -845px -215px;
}

.ic_smile {
    
    background-position: -845px -257px;
}

.ic_smile_plus {
    
    background-position: -845px -299px;
}

.ic_smoke_free {
    
    background-position: -845px -341px;
}

.ic_smoking_room {
    
    background-position: -845px -383px;
}

.ic_snowflake {
    
    background-position: -845px -425px;
}

.ic_sort_alpha_down {
    
    background-position: -845px -467px;
}

.ic_sort_alpha_up {
    
    background-position: -845px -509px;
}

.ic_sort_ascending {
    
    background-position: -845px -551px;
}

.ic_sort_descending {
    
    background-position: -845px -593px;
}

.ic_sort_numeric_down {
    
    background-position: -845px -635px;
}

.ic_sort_numeric_up {
    
    background-position: -845px -677px;
}

.ic_spa {
    
    background-position: -845px -719px;
}

.ic_space_bar {
    
    background-position: -845px -761px;
}

.ic_speaker {
    
    background-position: -845px -803px;
}

.ic_speech {
    
    background-position: -5px -845px;
}

.ic_speedometer {
    
    background-position: -47px -845px;
}

.ic_spreadsheet {
    
    background-position: -89px -845px;
}

.ic_square {
    
    background-position: -131px -845px;
}

.ic_star {
    
    background-position: -173px -845px;
}

.ic_star_half {
    
    background-position: -215px -845px;
}

.ic_storage {
    
    background-position: -257px -845px;
}

.ic_stream {
    
    background-position: -299px -845px;
}

.ic_sun {
    
    background-position: -341px -845px;
}

.ic_swap_horizontal {
    
    background-position: -383px -845px;
}

.ic_swap_vertical {
    
    background-position: -425px -845px;
}

.ic_swimming {
    
    background-position: -467px -845px;
}

.ic_sync {
    
    background-position: -509px -845px;
}

.ic_tablet {
    
    background-position: -551px -845px;
}

.ic_tag {
    
    background-position: -593px -845px;
}

.ic_tags {
    
    background-position: -635px -845px;
}

.ic_task {
    
    background-position: -677px -845px;
}

.ic_taxi {
    
    background-position: -719px -845px;
}

.ic_tennis {
    
    background-position: -761px -845px;
}

.ic_tennis_ball {
    
    background-position: -803px -845px;
}

.ic_terminal {
    
    background-position: -845px -845px;
}

.ic_terrain {
    
    background-position: -887px -5px;
}

.ic_text {
    
    background-position: -887px -47px;
}

.ic_text_shapes {
    
    background-position: -887px -89px;
}

.ic_text_size {
    
    background-position: -887px -131px;
}

.ic_text_square {
    
    background-position: -887px -173px;
}

.ic_text_strike {
    
    background-position: -887px -215px;
}

.ic_thumb_down {
    
    background-position: -887px -257px;
}

.ic_thumb_up {
    
    background-position: -887px -299px;
}

.ic_toggle_off {
    
    background-position: -887px -341px;
}

.ic_toilet {
    
    background-position: -887px -383px;
}

.ic_touch_app {
    
    background-position: -887px -425px;
}

.ic_transfer {
    
    background-position: -887px -467px;
}

.ic_translate {
    
    background-position: -887px -509px;
}

.ic_trash {
    
    background-position: -887px -551px;
}

.ic_triangle {
    
    background-position: -887px -593px;
}

.ic_truck {
    
    background-position: -887px -635px;
}

.ic_tv {
    
    background-position: -887px -677px;
}

.ic_underline {
    
    background-position: -887px -719px;
}

.ic_user {
    
    background-position: -887px -761px;
}

.ic_user_female {
    
    background-position: -887px -803px;
}

.ic_user_follow {
    
    background-position: -887px -845px;
}

.ic_user_unfollow {
    
    background-position: -5px -887px;
}

.ic_vector {
    
    background-position: -47px -887px;
}

.ic_vertical_align_bottom {
    
    background-position: -89px -887px;
}

.ic_vertical_align_bottom1 {
    
    background-position: -131px -887px;
}

.ic_vertical_align_center {
    
    background-position: -173px -887px;
}

.ic_vertical_align_center1 {
    
    background-position: -215px -887px;
}

.ic_vertical_align_top {
    
    background-position: -257px -887px;
}

.ic_vertical_align_top1 {
    
    background-position: -299px -887px;
}

.ic_video {
    
    background-position: -341px -887px;
}

.ic_view_column {
    
    background-position: -383px -887px;
}

.ic_view_module {
    
    background-position: -425px -887px;
}

.ic_view_quilt {
    
    background-position: -467px -887px;
}

.ic_view_stream {
    
    background-position: -509px -887px;
}

.ic_voice_over_record {
    
    background-position: -551px -887px;
}

.ic_volume_high {
    
    background-position: -593px -887px;
}

.ic_volume_low {
    
    background-position: -635px -887px;
}

.ic_volume_off {
    
    background-position: -677px -887px;
}

.ic_walk {
    
    background-position: -719px -887px;
}

.ic_wallet {
    
    background-position: -761px -887px;
}

.ic_wallpaper {
    
    background-position: -803px -887px;
}

.ic_warning {
    
    background-position: -845px -887px;
}

.ic_watch {
    
    background-position: -887px -887px;
}

.ic_wc {
    
    background-position: -929px -5px;
}

.ic_weightlifitng {
    
    background-position: -929px -47px;
}

.ic_wheelchair {
    
    background-position: -929px -89px;
}

.ic_wifi_signal_0 {
    
    background-position: -929px -131px;
}

.ic_wifi_signal_1 {
    
    background-position: -929px -173px;
}

.ic_wifi_signal_2 {
    
    background-position: -929px -215px;
}

.ic_wifi_signal_4 {
    
    background-position: -929px -257px;
}

.ic_wifi_signal_off {
    
    background-position: -929px -299px;
}

.ic_window {
    
    background-position: -929px -341px;
}

.ic_window_maximize {
    
    background-position: -929px -383px;
}

.ic_window_minimize {
    
    background-position: -929px -425px;
}

.ic_window_restore {
    
    background-position: -929px -467px;
}

.ic_wrap_text {
    
    background-position: -929px -509px;
}

.ic_x {
    
    background-position: -929px -551px;
}

.ic_x_circle {
    
    background-position: -929px -593px;
}

.ic_yen {
    
    background-position: -929px -635px;
}

.ic_zoom_in {
    
    background-position: -929px -677px;
}

.ic_zoom_out {
    
    background-position: -929px -719px;
}

/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-icon
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

[class^="ui-icon-"],
[class*=" ui-icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

/* White icons with optional class, or on hover/focus/active states of certain elements */

.ui-icon-white,
.nav-pills > .active > a > [class^="ui-icon-"],
.nav-pills > .active > a > [class*=" ui-icon-"],
.nav-list > .active > a > [class^="ui-icon-"],
.nav-list > .active > a > [class*=" ui-icon-"],
.navbar-inverse .nav > .active > a > [class^="ui-icon-"],
.navbar-inverse .nav > .active > a > [class*=" ui-icon-"],
.ui-menu > li > a:hover > [class^="ui-icon-"],
.ui-menu > li > a:focus > [class^="ui-icon-"],
.ui-menu > li > a:hover > [class*=" ui-icon-"],
.ui-menu > li > a:focus > [class*=" ui-icon-"],
.ui-menu > .active > a > [class^="ui-icon-"],
.ui-menu > .active > a > [class*=" ui-icon-"],
.ui-submenu:hover > a > [class^="ui-icon-"],
.ui-submenu:focus > a > [class^="ui-icon-"],
.ui-submenu:hover > a > [class*=" ui-icon-"],
.ui-submenu:focus > a > [class*=" ui-icon-"] {
  background-image: url("../img/glyphicons-halflings-white.png");
}

.ui-icon-glass {
  background-position: 0      0;
}

.ui-icon-music {
  background-position: -24px 0;
}

.ui-icon-search {
  background-position: -48px 0;
}

.ui-icon-envelope {
  background-position: -72px 0;
}

.ui-icon-heart {
  background-position: -96px 0;
}

.ui-icon-star {
  background-position: -120px 0;
}

.ui-icon-star-empty {
  background-position: -144px 0;
}

.ui-icon-user {
  background-position: -168px 0;
}

.ui-icon-film {
  background-position: -192px 0;
}

.ui-icon-th-large {
  background-position: -216px 0;
}

.ui-icon-th {
  background-position: -240px 0;
}

.ui-icon-th-list {
  background-position: -264px 0;
}

.ui-icon-ok {
  background-position: -288px 0;
}

.ui-icon-remove {
  background-position: -312px 0;
}

.ui-icon-zoom-in {
  background-position: -336px 0;
}

.ui-icon-zoom-out {
  background-position: -360px 0;
}

.ui-icon-off {
  background-position: -384px 0;
}

.ui-icon-signal {
  background-position: -408px 0;
}

.ui-icon-cog {
  background-position: -432px 0;
}

.ui-icon-trash {
  background-position: -456px 0;
}

.ui-icon-home {
  background-position: 0 -24px;
}

.ui-icon-file {
  background-position: -24px -24px;
}

.ui-icon-time {
  background-position: -48px -24px;
}

.ui-icon-road {
  background-position: -72px -24px;
}

.ui-icon-download-alt {
  background-position: -96px -24px;
}

.ui-icon-download {
  background-position: -120px -24px;
}

.ui-icon-upload {
  background-position: -144px -24px;
}

.ui-icon-inbox {
  background-position: -168px -24px;
}

.ui-icon-play-circle {
  background-position: -192px -24px;
}

.ui-icon-repeat {
  background-position: -216px -24px;
}

.ui-icon-refresh {
  background-position: -240px -24px;
}

.ui-icon-list-alt {
  background-position: -264px -24px;
}

.ui-icon-lock {
  background-position: -287px -24px;
}

.ui-icon-flag {
  background-position: -312px -24px;
}

.ui-icon-headphones {
  background-position: -336px -24px;
}

.ui-icon-volume-off {
  background-position: -360px -24px;
}

.ui-icon-volume-down {
  background-position: -384px -24px;
}

.ui-icon-volume-up {
  background-position: -408px -24px;
}

.ui-icon-qrcode {
  background-position: -432px -24px;
}

.ui-icon-barcode {
  background-position: -456px -24px;
}

.ui-icon-tag {
  background-position: 0 -48px;
}

.ui-icon-tags {
  background-position: -25px -48px;
}

.ui-icon-book {
  background-position: -48px -48px;
}

.ui-icon-bookmark {
  background-position: -72px -48px;
}

.ui-icon-print {
  background-position: -96px -48px;
}

.ui-icon-camera {
  background-position: -120px -48px;
}

.ui-icon-font {
  background-position: -144px -48px;
}

.ui-icon-bold {
  background-position: -167px -48px;
}

.ui-icon-italic {
  background-position: -192px -48px;
}

.ui-icon-text-height {
  background-position: -216px -48px;
}

.ui-icon-text-width {
  background-position: -240px -48px;
}

.ui-icon-align-left {
  background-position: -264px -48px;
}

.ui-icon-align-center {
  background-position: -288px -48px;
}

.ui-icon-align-right {
  background-position: -312px -48px;
}

.ui-icon-align-justify {
  background-position: -336px -48px;
}

.ui-icon-list {
  background-position: -360px -48px;
}

.ui-icon-indent-left {
  background-position: -384px -48px;
}

.ui-icon-indent-right {
  background-position: -408px -48px;
}

.ui-icon-facetime-video {
  background-position: -432px -48px;
}

.ui-icon-picture {
  background-position: -456px -48px;
}

.ui-icon-pencil {
  background-position: 0 -72px;
}

.ui-icon-map-marker {
  background-position: -24px -72px;
}

.ui-icon-adjust {
  background-position: -48px -72px;
}

.ui-icon-tint {
  background-position: -72px -72px;
}

.ui-icon-edit {
  background-position: -96px -72px;
}

.ui-icon-share {
  background-position: -120px -72px;
}

.ui-icon-check {
  background-position: -144px -72px;
}

.ui-icon-move {
  background-position: -168px -72px;
}

.ui-icon-step-backward {
  background-position: -192px -72px;
}

.ui-icon-fast-backward {
  background-position: -216px -72px;
}

.ui-icon-backward {
  background-position: -240px -72px;
}

.ui-icon-play {
  background-position: -264px -72px;
}

.ui-icon-pause {
  background-position: -288px -72px;
}

.ui-icon-stop {
  background-position: -312px -72px;
}

.ui-icon-forward {
  background-position: -336px -72px;
}

.ui-icon-fast-forward {
  background-position: -360px -72px;
}

.ui-icon-step-forward {
  background-position: -384px -72px;
}

.ui-icon-eject {
  background-position: -408px -72px;
}

.ui-icon-chevron-left {
  background-position: -432px -72px;
}

.ui-icon-chevron-right {
  background-position: -456px -72px;
}

.ui-icon-plus-sign {
  background-position: 0 -96px;
}

.ui-icon-minus-sign {
  background-position: -24px -96px;
}

.ui-icon-remove-sign {
  background-position: -48px -96px;
}

.ui-icon-ok-sign {
  background-position: -72px -96px;
}

.ui-icon-question-sign {
  background-position: -96px -96px;
}

.ui-icon-info-sign {
  background-position: -120px -96px;
}

.ui-icon-screenshot {
  background-position: -144px -96px;
}

.ui-icon-remove-circle {
  background-position: -168px -96px;
}

.ui-icon-ok-circle {
  background-position: -192px -96px;
}

.ui-icon-ban-circle {
  background-position: -216px -96px;
}

.ui-icon-arrow-left {
  background-position: -240px -96px;
}

.ui-icon-arrow-right {
  background-position: -264px -96px;
}

.ui-icon-arrow-up {
  background-position: -289px -96px;
}

.ui-icon-arrow-down {
  background-position: -312px -96px;
}

.ui-icon-share-alt {
  background-position: -336px -96px;
}

.ui-icon-resize-full {
  background-position: -360px -96px;
}

.ui-icon-resize-small {
  background-position: -384px -96px;
}

.ui-icon-plus {
  background-position: -408px -96px;
}

.ui-icon-minus {
  background-position: -433px -96px;
}

.ui-icon-asterisk {
  background-position: -456px -96px;
}

.ui-icon-exclamation-sign {
  background-position: 0 -120px;
}

.ui-icon-gift {
  background-position: -24px -120px;
}

.ui-icon-leaf {
  background-position: -48px -120px;
}

.ui-icon-fire {
  background-position: -72px -120px;
}

.ui-icon-eye-open {
  background-position: -96px -120px;
}

.ui-icon-eye-close {
  background-position: -120px -120px;
}

.ui-icon-warning-sign {
  background-position: -144px -120px;
}

.ui-icon-plane {
  background-position: -168px -120px;
}

.ui-icon-calendar {
  background-position: -192px -120px;
}

.ui-icon-random {
  width: 16px;
  background-position: -216px -120px;
}

.ui-icon-comment {
  background-position: -240px -120px;
}

.ui-icon-magnet {
  background-position: -264px -120px;
}

.ui-icon-chevron-up {
  background-position: -288px -120px;
}

.ui-icon-chevron-down {
  background-position: -313px -119px;
}

.ui-icon-retweet {
  background-position: -336px -120px;
}

.ui-icon-shopping-cart {
  background-position: -360px -120px;
}

.ui-icon-folder-close {
  width: 16px;
  background-position: -384px -120px;
}

.ui-icon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.ui-icon-resize-vertical {
  background-position: -432px -119px;
}

.ui-icon-resize-horizontal {
  background-position: -456px -118px;
}

.ui-icon-hdd {
  background-position: 0 -144px;
}

.ui-icon-bullhorn {
  background-position: -24px -144px;
}

.ui-icon-bell {
  background-position: -48px -144px;
}

.ui-icon-certificate {
  background-position: -72px -144px;
}

.ui-icon-thumbs-up {
  background-position: -96px -144px;
}

.ui-icon-thumbs-down {
  background-position: -120px -144px;
}

.ui-icon-hand-right {
  background-position: -144px -144px;
}

.ui-icon-hand-left {
  background-position: -168px -144px;
}

.ui-icon-hand-up {
  background-position: -192px -144px;
}

.ui-icon-hand-down {
  background-position: -216px -144px;
}

.ui-icon-circle-arrow-right {
  background-position: -240px -144px;
}

.ui-icon-circle-arrow-left {
  background-position: -264px -144px;
}

.ui-icon-circle-arrow-up {
  background-position: -288px -144px;
}

.ui-icon-circle-arrow-down {
  background-position: -312px -144px;
}

.ui-icon-globe {
  background-position: -336px -144px;
}

.ui-icon-wrench {
  background-position: -360px -144px;
}

.ui-icon-tasks {
  background-position: -384px -144px;
}

.ui-icon-filter {
  background-position: -408px -144px;
}

.ui-icon-briefcase {
  background-position: -432px -144px;
}

.ui-icon-fullscreen {
  background-position: -456px -144px;
}

/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-menu
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/
.ui-menu-float {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}

.ui-menu {
/*  position: absolute;
  top: 100%;
  left: 0;
*/  
  z-index: 1100;
  /*display: none;*/
  float: left;
  min-width: 200px;
  padding: 5px 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.ui-menu.pull-right {
  right: 0;
  left: auto;
}

.ui-menu .ui-menudivider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.ui-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.ui-menu > li > a:hover,
.ui-menu > li > a:focus,
.ui-submenu:hover > a,
.ui-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

/* for element other than li */
.ui-menu > .ui-submenu > a,
.ui-menu > .ui-menuitem > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.ui-menu > .ui-submenu > a:hover,
.ui-menu > .ui-submenu > a:focus,
.ui-menu > .ui-menuitem > a:hover,
.ui-menu > .ui-menuitem > a:focus,
.ui-submenu:hover > a,
.ui-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
/* end */

.ui-menu > .active > a,
.ui-menu > .active > a:hover,
.ui-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.ui-menu > .disabled > a,
.ui-menu > .disabled > a:hover,
.ui-menu > .disabled > a:focus {
  color: #999999;
}

.ui-menu > .disabled > a:hover,
.ui-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open {
  *z-index: 1100;
}

.open > .ui-menu-float, 
.open > .ui-menu {
  display: block;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
}

.pull-right > .ui-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .ui-menu,
.navbar-fixed-bottom .dropdown .ui-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.ui-submenu {
  position: relative;
}

.ui-submenu > .ui-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}

.ui-submenu:hover > .ui-menu {
  display: block;
}

.dropup .ui-submenu > .ui-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
}

.ui-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.ui-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.ui-submenu-left {
  float: none;
}

.ui-submenu-left > .ui-menu {
  left:-100%;
  margin-left: 10px;
  min-width:200px;
}
.ui-menu > .ui-menuitem {
 
  min-width:200px;
}

.dropdown .dropdown .ui-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}

/* ui-submenu-up */

.ui-submenu-up .ui-menu {
/*  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
*/}

.ui-submenu-up > .ui-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
}

.ui-submenu-devider{
	height: 0;
	overflow: hidden;
	border-top: 1px solid #707070;
}

/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-message
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

.ui-message {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.ui-message,
.ui-message .ui-message-title {
  color: #c09853;
}

.ui-message .ui-message-title {
  margin: 0;
  font-size: 17.5px;
}

.ui-message .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.ui-message-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.ui-message-success .ui-message-title {
  color: #468847;
}

.ui-message-danger,
.ui-message-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.ui-message-danger .ui-message-title,
.ui-message-error .ui-message-title {
  color: #b94a48;
}

.ui-message-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.ui-message-info .ui-message-title {
  color: #3a87ad;
}

.ui-message-warning {
  padding-top: 14px;
  padding-bottom: 14px;
}

.ui-message-warning > p,
.ui-message-warning > ul {
  margin-bottom: 0;
}

.ui-message-warning p + p {
  margin-top: 5px;
}


/**
 *================================================================================
  Compnent Name: modal
  Name : 

 *================================================================================
**/

 

/**
* try use uimodal to replace modal to prevent future crash with bootstrap 
**/




.uimodal-backdrop.ef-fade.in{
  opacity: 0.6;	
}


.uimodal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10011;
  /*z-index: 1040;*/
  background-color: #000000;
}

.uimodal {
  display:none ; /* for default modal hidden*/
  position: fixed;
 
  
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    
  z-index:10020;
  /*z-index: 1050;
  width: 560px;
  margin-left: -280px;*/
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
 -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;
}

.uimodal::-webkit-scrollbar{
	display: none;
}

.uimodal.ef-fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.uimodal.ef-fade.in {
  top: 10%;
}

.uimodal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.uimodal-header .close {
  margin-top: 2px;
}

.uimodal-header h3 {
  margin: 0;
  line-height: 30px;
}

.uimodal-body {
  position: relative;
  min-height:50px;
  padding: 15px;
}

.uimodal-form {
  margin-bottom: 0;
}

.uimodal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.uimodal-footer:before,
.uimodal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.uimodal-footer:after {
  clear: both;
}
.uimodal-footer .ui-btn + .ui-btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.uimodal-footer .btn-group .ui-btn + .ui-btn {
  margin-left: -1px;
}

.uimodal-footer .ui-btn-block + .ui-btn-block {
  margin-left: 0;
}
.uimodal-footer .ui-btn + .ui-btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.uimodal-footer .ui-btn-group .ui-btn + .ui-btn {
  margin-left: -1px;
}

.uimodal-footer .ui-btn-block + .ui-btn-block {
  margin-left: 0;
}


/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-nav
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

.ui-nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}

.ui-nav > .ui-navitem > a {
  display: block;
}

.ui-nav > .ui-navitem > a:hover,
.ui-nav > .ui-navitem > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.ui-nav > .ui-navitem > a > img {
  max-width: none;
}

.ui-nav > .pull-right {
  float: right;
}

.ui-navheader {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.ui-nav .ui-navitem + .ui-navheader {
  margin-top: 9px;
}

.ui-nav-list {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
}

.ui-nav-list > .ui-navitem > a,
.ui-nav-list .ui-navheader {
  margin-right: -15px;
  margin-left: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.ui-nav-list > .ui-navitem > a {
  padding: 3px 15px;
}

.ui-nav-list > .active > a,
.ui-nav-list > .active > a:hover,
.ui-nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}

.ui-nav-list [class^="icon-"],
.ui-nav-list [class*=" icon-"] {
  margin-right: 2px;
}

.ui-nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.ui-nav-tab,
.ui-nav-pill {
  *zoom: 1;
}

.ui-nav-tab:before,
.ui-nav-pill:before,
.ui-nav-tab:after,
.ui-nav-pill:after {
  display: table;
  line-height: 0;
  content: "";
}

.ui-nav-tab:after,
.ui-nav-pill:after {
  clear: both;
}

.ui-nav-tab > .ui-navitem,
.ui-nav-pill > .ui-navitem {
  float: left;
}

.ui-nav-tab > .ui-navitem > a,
.ui-nav-pill > .ui-navitem > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.ui-nav-tab {
  border-bottom: 1px solid #ddd;
}

.ui-nav-tab > .ui-navitem {
  margin-bottom: -1px;
}

.ui-nav-tab > .ui-navitem > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.ui-nav-tab > .ui-navitem > a:hover,
.ui-nav-tab > .ui-navitem > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}

.ui-nav-tab > .active > a,
.ui-nav-tab > .active > a:hover,
.ui-nav-tab > .active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.ui-nav-pill > .ui-navitem > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.ui-nav-pill > .active > a,
.ui-nav-pill > .active > a:hover,
.ui-nav-pill > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc;
}

.ui-nav-stack > .ui-navitem {
  float: none;
}

.ui-nav-stack > .ui-navitem > a {
  margin-right: 0;
}

.ui-nav-tab.ui-nav-stack {
  border-bottom: 0;
}

.ui-nav-tab.ui-nav-stack > .ui-navitem > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.ui-nav-tab.ui-nav-stack > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
}

.ui-nav-tab.ui-nav-stack > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.ui-nav-tab.ui-nav-stack > .ui-navitem > a:hover,
.ui-nav-tab.ui-nav-stack > .ui-navitem > a:focus {
  z-index: 2;
  border-color: #ddd;
}

.ui-nav-pill.ui-nav-stack > .ui-navitem > a {
  margin-bottom: 3px;
}

.ui-nav-pill.ui-nav-stack > li:last-child > a {
  margin-bottom: 1px;
}

.ui-nav-tab .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}

.ui-nav-pill .dropdown-menu {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.ui-nav .ui-navitem .caret {
  margin-top: 6px;
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
}

.ui-nav .dropdown-toggle:hover .caret,
.ui-nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}

/* move down carets for tabs */

.ui-nav-tab .ui-navitem .caret {
  margin-top: 8px;
}

.ui-nav .active .ui-navitem .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.ui-nav-tab .active .ui-navitem .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.ui-nav > .ui-navitem.active > a:hover,
.ui-nav > .ui-navitem.active > a:focus {
  cursor: pointer;
}

.ui-nav-tab .open .dropdown-toggle,
.ui-nav-pill .open .dropdown-toggle,
/*fix*/
.ui-nav > ui-navitem.open.active > a:hover,
.ui-nav > ui-navitem.open.active > a:focus,

.ui-nav > ui-navitem.dropdown.open.active > a:hover,
.ui-nav > ui-navitem.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}

.ui-nav .ui-navitem.dropdown.open .caret,
.ui-nav .ui-navitem.dropdown.open.active .caret,
.ui-nav .ui-navitem.dropdown.open a:hover .caret,
.ui-nav .ui-navitem.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}

.tabbable {
  *zoom: 1;
}

.tabbable:before,
.tabbable:after {
  display: table;
  line-height: 0;
  content: "";
}

.tabbable:after {
  clear: both;
}

.tab-content {

}

.tabs-below > .ui-nav-tab,
.tabs-right > .ui-nav-tab,
.tabs-left > .ui-nav-tab {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .ui-nav-tab {
  border-top: 1px solid #ddd;
}

.tabs-below > .ui-nav-tab > .ui-navitem {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .ui-nav-tab > .ui-navitem > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .ui-nav-tab > .ui-navitem > a:hover,
.tabs-below > .ui-nav-tab > .ui-navitem > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .ui-nav-tab > .active > a,
.tabs-below > .ui-nav-tab > .active > a:hover,
.tabs-below > .ui-nav-tab > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .ui-nav-tab > .ui-navitem,
.tabs-right > .ui-nav-tab > .ui-navitem {
  float: none;
}

.tabs-left > .ui-nav-tab > .ui-navitem > a,
.tabs-right > .ui-nav-tab > .ui-navitem > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .ui-nav-tab {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .ui-nav-tab > .ui-navitem > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .ui-nav-tab > .ui-navitem > a:hover,
.tabs-left > .ui-nav-tab > .ui-navitem > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .ui-nav-tab .active > a,
.tabs-left > .ui-nav-tab .active > a:hover,
.tabs-left > .ui-nav-tab .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .ui-nav-tab {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .ui-nav-tab > .ui-navitem > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .ui-nav-tab > .ui-navitem > a:hover,
.tabs-right > .ui-nav-tab > .ui-navitem > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .ui-nav-tab .active > a,
.tabs-right > .ui-nav-tab .active > a:hover,
.tabs-right > .ui-nav-tab .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.ui-nav > .disabled > a {
  color: #999999;
}

.ui-nav > .disabled > a:hover,
.ui-nav > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}

.ui-navbar {
  *position: relative;
  *z-index: 2;
  margin-bottom: 20px;
  overflow: visible;
}

.ui-navbar-inner {
  min-height: 40px;
  width:100%;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.ui-navbar-inner:before,
.ui-navbar-inner:after {
  display: table;
  line-height: 0;
  content: "";
}

.ui-navbar-inner:after {
  clear: both;
}

.ui-navbar .container {
  width: auto;
}

.ui-nav-collapse.collapse {
  height: auto;
  overflow: visible;
}
.ui-navbar .ui-navtext {
  display: block;
  float: left;
  padding: 10px 20px 10px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777777;
  text-shadow: 0 1px 0 #ffffff;
}

.ui-navbar .ui-navtext:hover,
.ui-navbar .ui-navtext:focus {
  text-decoration: none;
}

.ui-navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #777777;
}

.ui-navbar-link {
  color: #777777;
}

.ui-navbar-link:hover,
.ui-navbar-link:focus {
  color: #333333;
}

.ui-navbar .divider-vertical {
  height: 40px;
  margin: 0 9px;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #f2f2f2;
  /*fix */
  float: left;
}

.ui-navbar .btn,
.ui-navbar .btn-group {
  margin-top: 5px;
}

.ui-navbar .btn-group .btn,
.ui-navbar .input-prepend .btn,
.ui-navbar .input-append .btn,
.ui-navbar .input-prepend .btn-group,
.ui-navbar .input-append .btn-group {
  margin-top: 0;
}

.ui-navform {
  margin-bottom: 0;
  *zoom: 1;
}

.ui-navform:before,
.ui-navform:after {
  display: table;
  line-height: 0;
  content: "";
}

.ui-navform:after {
  clear: both;
}

.ui-navform input,
.ui-navform select,
.ui-navform .radio,
.ui-navform .checkbox {
  margin-top: 5px;
}

.ui-navform input,
.ui-navform select,
.ui-navform .btn {
  display: inline-block;
  margin-bottom: 0;
}

.ui-navform input[type="image"],
.ui-navform input[type="checkbox"],
.ui-navform input[type="radio"] {
  margin-top: 3px;
}

.ui-navform .input-append,
.ui-navform .input-prepend {
  margin-top: 5px;
  white-space: nowrap;
}

.ui-navform .input-append input,
.ui-navform .input-prepend input {
  margin-top: 0;
}

.ui-navbar-search {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-bottom: 0;
}

.ui-navbar-search .search-query {
  padding: 4px 14px;
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.ui-navbar-static {
  position: static;
  margin-bottom: 0;
}

.ui-navbar-static .ui-navbar-inner {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.ui-navbar-top,
.ui-navbar-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}

.ui-navbar-top .ui-navbar-inner,
.ui-navbar-static .ui-navbar-inner {
  border-width: 0 0 1px;
}

.ui-navbar-bottom .ui-navbar-inner {
  border-width: 1px 0 0;
}

.ui-navbar-top .ui-navbar-inner,
.ui-navbar-bottom .ui-navbar-inner {
  padding-right: 0;
  padding-left: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.ui-navbar-static .container,
.ui-navbar-top .container,
.ui-navbar-bottom .container {
  width: 940px;
}

.ui-navbar-top {
  top: 0;
}

.ui-navbar-top .ui-navbar-inner,
.ui-navbar-static .ui-navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.ui-navbar-bottom {
  bottom: 0;
}

.ui-navbar-bottom .ui-navbar-inner {
  -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
}

.ui-navbar .ui-nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}

.ui-navbar .ui-nav.pull-right {
  float: right;
  margin-right: 0;
}

.ui-navbar .ui-nav > .ui-navitem {
  float: left;
}

.ui-navbar .ui-nav > .ui-navitem > a {
  float: none;
  padding: 10px 15px 10px;
  color: #777777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}

.ui-navbar .ui-nav .dropdown-toggle .caret {
  margin-top: 8px;
}

.ui-navbar .ui-nav > .ui-navitem > a:focus,
.ui-navbar .ui-nav > .ui-navitem > a:hover {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
}

.ui-navbar .ui-nav > .active > a,
.ui-navbar .ui-nav > .active > a:hover,
.ui-navbar .ui-nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.ui-navbar .btn-ui-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-right: 5px;
  margin-left: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  *background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.ui-navbar .btn-ui-navbar:hover,
.ui-navbar .btn-ui-navbar:focus,
.ui-navbar .btn-ui-navbar:active,
.ui-navbar .btn-ui-navbar.active,
.ui-navbar .btn-ui-navbar.disabled,
.ui-navbar .btn-ui-navbar[disabled] {
  color: #ffffff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9;
}

.ui-navbar .btn-ui-navbar:active,
.ui-navbar .btn-ui-navbar.active {
  background-color: #cccccc \9;
}

.ui-navbar .btn-ui-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-ui-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}

.ui-navbar .ui-nav > .ui-navitem > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.ui-navbar .ui-nav > .ui-navitem > .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.ui-navbar-bottom .ui-nav > .ui-navitem > .dropdown-menu:before {
  top: auto;
  bottom: -7px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.2);
}

.ui-navbar-bottom .ui-nav > .ui-navitem > .dropdown-menu:after {
  top: auto;
  bottom: -6px;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}

.ui-navbar .ui-nav .ui-navitem.dropdown > a:hover .caret,
.ui-navbar .ui-nav .ui-navitem.dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

/*follow this*/
.ui-navbar .ui-nav .ui-navitem.open > a,
.ui-navbar .ui-nav .ui-navitem.active > a,
.ui-navbar .ui-nav .ui-navitem.open.active > a {
  color: #555555;
  background-color: #e5e5e5;
}

.ui-navbar .ui-nav .ui-navitem.dropdown > .dropdown-toggle .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

.ui-navbar .ui-nav .ui-navitem.dropdown.open > .dropdown-toggle .caret,
.ui-navbar .ui-nav .ui-navitem.dropdown.active > .dropdown-toggle .caret,
.ui-navbar .ui-nav .ui-navitem.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.ui-navbar .pull-right > .ui-navitem > .dropdown-menu,
.ui-navbar .ui-nav > .ui-navitem > .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.ui-navbar .pull-right > .ui-navitem > .dropdown-menu:before,
.ui-navbar .ui-nav > .ui-navitem > .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;
}

.ui-navbar .pull-right > .ui-navitem > .dropdown-menu:after,
.ui-navbar .ui-nav > .ui-navitem > .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;
}

.ui-navbar .pull-right > .ui-navitem > .dropdown-menu .dropdown-menu,
.ui-navbar .ui-nav > .ui-navitem > .dropdown-menu.pull-right .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: -1px;
  margin-left: 0;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

.ui-navbar-dark .ui-navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

.ui-navbar-dark .ui-navtext,
.ui-navbar-dark .ui-nav > .ui-navitem > a {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.ui-navbar-dark .ui-navtext:hover,
.ui-navbar-dark .ui-nav > .ui-navitem > a:hover,
.ui-navbar-dark .ui-navtext:focus,
.ui-navbar-dark .ui-nav > .ui-navitem > a:focus {
  color: #ffffff;
}

.ui-navbar-dark .ui-navtext {
  color: #999999;
}

.ui-navbar-dark .ui-navbar-text {
  color: #999999;
}

.ui-navbar-dark .ui-nav > .ui-navitem > a:focus,
.ui-navbar-dark .ui-nav > .ui-navitem > a:hover {
  color: #555555;
  background-color: #e5e5e5;
}

.ui-navbar-dark .ui-nav .active > a,
.ui-navbar-dark .ui-nav .active > a:hover,
.ui-navbar-dark .ui-nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}

.ui-navbar-dark .ui-navbar-link {
  color: #999999;
}

.ui-navbar-dark .ui-navbar-link:hover,
.ui-navbar-dark .ui-navbar-link:focus {
  color: #ffffff;
}

.ui-navbar-dark .divider-vertical {
  border-right-color: #222222;
  border-left-color: #111111;
}

.ui-navbar-dark .ui-nav .ui-navitem.dropdown.open > .dropdown-toggle,
.ui-navbar-dark .ui-nav .ui-navitem.dropdown.active > .dropdown-toggle,
.ui-navbar-dark .ui-nav .ui-navitem.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #111111;
}

.ui-navbar-dark .ui-nav .ui-navitem.dropdown > a:hover .caret,
.ui-navbar-dark .ui-nav .ui-navitem.dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.ui-navbar-dark .ui-nav .ui-navitem.dropdown > .dropdown-toggle .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.ui-navbar-dark .ui-nav .ui-navitem.dropdown.open > .dropdown-toggle .caret,
.ui-navbar-dark .ui-nav .ui-navitem.dropdown.active > .dropdown-toggle .caret,
.ui-navbar-dark .ui-nav .ui-navitem.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.ui-navbar-dark .ui-navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.ui-navbar-dark .ui-navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}

.ui-navbar-dark .ui-navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}

.ui-navbar-dark .ui-navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}

.ui-navbar-dark .ui-navbar-search .search-query:focus,
.ui-navbar-dark .ui-navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.ui-navbar-dark .btn-ui-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  *background-color: #040404;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-navbar-dark .btn-ui-navbar:hover,
.ui-navbar-dark .btn-ui-navbar:focus,
.ui-navbar-dark .btn-ui-navbar:active,
.ui-navbar-dark .btn-ui-navbar.active,
.ui-navbar-dark .btn-ui-navbar.disabled,
.ui-navbar-dark .btn-ui-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}

.ui-navbar-dark .btn-ui-navbar:active,
.ui-navbar-dark .btn-ui-navbar.active {
  background-color: #000000 \9;
}

/*customize*/
.ui-navbar .ui-nav-bordered .ui-navitem {
  border-right: 1px solid #ffffff;
  border-left: 1px solid #f2f2f2;
}

.ui-navbar-dark .ui-nav-bordered .ui-navitem {
  border-right-color: #222222;
  border-left-color: #111111;

}

.grid960 .ui-navbar-top,
.grid960 .ui-navbar-bottom {
  position: absolute;
}

/*.dropup,
.dropdown {
  position: relative;
}
*/
.dropdown-toggle {
  *margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}

.ui-nav .caret {
  margin-top: 8px;
  margin-left: 2px;
}

/*fix*/
.ui-nav .ui-navitem.disabled .caret {
  border-top: 4px solid #999999;
}



/** control that toggle button & icon **/
.ui-navbar-toggle {
  display: block;
  position: relative;
  float: right;
  margin:5px 5px;  
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
}

/** media also got sort pority**/
@media (min-width: 768px) {
  .ui-navbar-toggle {
    display: none;
  }
}

 
 
/** control dropdown when in min width ui-navbar-collapse   ui-navitem**/

@media (max-width: 767px) {
  .ui-navbar-nav .open .ui-dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .ui-navbar-nav .open .ui-dropdown-menu > li > a,
  .ui-navbar-nav .open .ui-dropdown-menu .ui-dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .ui-navbar-nav .open .ui-dropdown-menu > li > a {
    line-height: 20px;
  }
  .ui-navbar-nav .open .ui-dropdown-menu > li > a:hover,
  .ui-navbar-nav .open .ui-dropdown-menu > li > a:focus {
    background-image: none;
  }
}



/** control ui-navbar-collapse when min width **/
.ui-navbar-collapse {
  display:none;
  max-height: 340px;
  padding-right: 5px;
  padding-left: 5px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.ui-navbar-collapse:before,
.ui-navbar-collapse:after {
  display: table;
  content: " ";
}

.ui-navbar-collapse:after {
  clear: both;
}

.ui-navbar-collapse:before,
.ui-navbar-collapse:after {
  display: table;
  content: " ";
}

.ui-navbar-collapse:after {
  clear: both;
}
@media (max-width: 767px) {
	.ui-navbar-collapse{
	  float:none !important;
	} 
	.ui-navbar-collapse .ui-nav{
		
	}
	.ui-navbar-collapse .ui-nav .divider-vertical{
		display:none !important;
	}
	.ui-navbar-collapse > .ui-nav{
	   float:none;
	}
	.ui-navbar-collapse .ui-navitem{
	  width: 100% !important;	
	}
}

@media (min-width: 768px) {
  .ui-navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;  
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  
}





.ui-navbar-hide {
 display: none  !important;

}

.ui-navbar-show {
  display: block !important;
}

.ui-navbar-invisible {
  visibility: hidden  !important;
}






/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-page
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/


.ui-page {
  margin: 20px 0;
  display: block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ui-page > ui{
	display:block;
	float:right;
	margin:0px 0px;
}
.ui-page >div > ui{
	display:block;
	float:right;
	margin:0px 0px;
}
.ui-pageitem {
  display: inline;
}

.ui-pageitem > a,
.ui-pageitem > span {
  float: left;
  padding: 4px 12px;
  line-height: 30px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.ui-pageitem > a:hover,
.ui-pageitem > a:focus,
.ui-page > .active > a,
.ui-page > .active > span {
  background-color: #f5f5f5;
}

.ui-page > ul >.active > a,
.ui-page > ul >.active > span {
    color: #0088cc;
    cursor: default;
    font-weight: bold;
    font-size: 16px;
}

.ui-page > .disabled > span,
.ui-page > .disabled > a,
.ui-page > .disabled > a:hover,
.ui-page > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.ui-pageitem:first-child > a,
.ui-pageitem:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.ui-pageitem:last-child > a,
.ui-pageitem:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}
.ui-pagerec{
	display:block;
 
}
.ui-page > .ui-pagerec{
	font-size:12px;
		
}

.ui-page-centered {
  text-align: center;
}

.ui-page-right {
  text-align: right;
}

.ui-page-large > .ui-pageitem > a,
.ui-page-large > .ui-pageitem > span {
  padding: 5px 12px;
  font-size: 17.5px;
}

.ui-page-large > .ui-pageitem:first-child > a,
.ui-page-large > .ui-pageitem:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.ui-page-large > .ui-pageitem:last-child > a,
.ui-page-large > .ui-pageitem:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.ui-page-mini > .ui-pageitem:first-child > a,
.ui-page-small > .ui-pageitem:first-child > a,
.ui-page-mini > .ui-pageitem:first-child > span,
.ui-page-small > .ui-pageitem:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.ui-page-mini > .ui-pageitem:last-child > a,
.ui-page-small > .ui-pageitem:last-child > a,
.ui-page-mini > .ui-pageitem:last-child > span,
.ui-page-small > .ui-pageitem:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.ui-page-small > .ui-pageitem > a,
.ui-page-small > .ui-pageitem > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.ui-page-mini > .ui-pageitem > a,
.ui-page-mini > .ui-pageitem > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.SumoSelect {
  margin-bottom:8px;
  float: left !important;
  max-width: 330px;
  width: 100%;
}
.SumoSelect p {margin: 0;}

.SelectBox {
	padding: 4px 6px;
	margin-bottom: 10px;
}

.sumoStopScroll{overflow:hidden;}

/* Filtering style */
.SumoSelect .hidden { display:none; }
.SumoSelect .search-txt{display:none;outline:none;}
.SumoSelect .no-match{display:none;padding: 6px;}
.SumoSelect.open .search-txt{display: inline-block;position: absolute;top: 0;left: 0;width: 100%;margin: 0;padding: 5px 8px;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;}
.SumoSelect.open>.search>span, .SumoSelect.open>.search>label{visibility:hidden;}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass,.SumoUnder { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.SelectClass{z-index: 1;}

    .SumoSelect > .optWrapper > .options  li.opt label, .SumoSelect > .CaptionCont,.SumoSelect .select-all > label { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.SumoSelect { display: inline-block; position: relative;outline:none;}
.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {box-shadow: 0 0 2px #7799D0;border-color: #7799D0;}
    .SumoSelect > .CaptionCont { position: relative; border: 1px solid #A4A4A4; min-height: 14px; background-color: #fff;border-radius:2px;margin:0;}
        .SumoSelect > .CaptionCont > span { display: block; padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;cursor:default;}
            /*placeholder style*/
            .SumoSelect > .CaptionCont > span.placeholder { color: #ccc; font-style: italic; }

        .SumoSelect > .CaptionCont > label { position: absolute; top: 0; right: 0; bottom: 0; width: 30px;}
            .SumoSelect > .CaptionCont > label > i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');
                background-position: center center; width: 16px; height: 16px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;background-repeat: no-repeat;opacity: 0.8;}

    .SumoSelect > .optWrapper {display:none; z-index: 11000; top: 30px; width: 100%; position: absolute; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 1px solid #ddd; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11); border-radius: 3px;overflow: hidden;}
        .SumoSelect.open > .optWrapper {top:35px; display:block;}
        
        /*Set the width of the dropdown list*/
			.SumoSelect.open > .optWrapper{
				min-width: 150px;
				width: auto;
			}
			
        .SumoSelect.open > .optWrapper.up {top: auto;bottom: 100%;margin-bottom: 5px;}

        .SumoSelect > .optWrapper ul {list-style: none; display: block; padding: 0; margin: 0; overflow: auto;}
        .SumoSelect > .optWrapper > .options { border-radius: 2px;position:relative;
         /*Set the height of pop up here (only for desktop mode)*/
            max-height: 250px;
             /*height*/ }
         .SumoSelect > .optWrapper.okCancelInMulti > .options { border-radius: 2px 2px 0 0;}
         .SumoSelect > .optWrapper.selall > .options { border-radius: 0 0 2px 2px;}
         .SumoSelect > .optWrapper.selall.okCancelInMulti > .options { border-radius: 0;}
        .SumoSelect > .optWrapper > .options li.group.disabled > label{opacity:0.5;}
        .SumoSelect > .optWrapper > .options li ul li.opt{padding-left: 22px;}
        .SumoSelect > .optWrapper.multiple > .options li ul li.opt{padding-left: 50px;}
        .SumoSelect > .optWrapper.isFloating > .options {max-height: 100%;box-shadow: 0 0 100px #595959;}
        .SumoSelect > .optWrapper > .options  li.opt { padding: 6px 6px; position: relative;border-bottom: 1px solid #f5f5f5;}
            .SumoSelect > .optWrapper > .options > li.opt:first-child { border-radius: 2px 2px 0 0; }
            .SumoSelect > .optWrapper.selall > .options > li.opt:first-child { border-radius:0; }
            .SumoSelect > .optWrapper > .options > li.opt:last-child {border-radius: 0 0 2px 2px; border-bottom: none;}
            .SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {border-radius: 0;}
            .SumoSelect > .optWrapper > .options li.opt:hover { background-color: #E4E4E4; }
            .SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel{background-color: #a1c0e4;}

            .SumoSelect > .optWrapper > .options li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;cursor: pointer;}
            .SumoSelect > .optWrapper > .options li span { display: none; }
            .SumoSelect > .optWrapper > .options li.group > label {cursor: default;padding: 8px 6px;font-weight: bold;}

        /*Floating styles*/
        .SumoSelect > .optWrapper.isFloating { position: fixed; top: 0; left: 0; right: 0; width: 90%; bottom: 0; margin: auto; max-height: 90%; }

    /*disabled state*/
    .SumoSelect > .optWrapper > .options li.opt.disabled { background-color: inherit;pointer-events: none;}
        .SumoSelect > .optWrapper > .options li.opt.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }


    /*styling for multiple select*/
    .SumoSelect > .optWrapper.multiple > .options li.opt { padding-left: 35px;cursor: pointer;}
        .SumoSelect > .optWrapper.multiple > .options li.opt span,
        .SumoSelect .select-all > span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px;}
            .SumoSelect > .optWrapper.multiple > .options li.opt span i,
            .SumoSelect .select-all > span i{position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;width: 14px;height: 14px;border: 1px solid #AEAEAE;border-radius: 2px;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);background-color: #fff;}
.SumoSelect > .optWrapper > .MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.13); border-radius: 0 0 3px 3px; }
    .SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0; width: 100%; }

    .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block; }
        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px; }
        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {box-shadow: 0 0 2px #a1c0e4;border-color: #a1c0e4;outline: none;background-color: #a1c0e4;}

    .SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0 0 0 3px; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0 0 3px 0; }
    /*styling for select on popup mode*/
    .SumoSelect > .optWrapper.isFloating > .options li.opt { padding: 12px 6px; }

    /*styling for only multiple select on popup mode*/
    .SumoSelect > .optWrapper.multiple.isFloating > .options li.opt { padding-left: 35px; }
    .SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 43px; }

    .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
    .SumoSelect .select-all.selected > span i,
    .SumoSelect .select-all.partial > span i{background-color: rgb(17, 169, 17);box-shadow: none;border-color: transparent;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat: no-repeat;background-position: center center;}
    /*disabled state*/
    .SumoSelect.disabled { opacity: 0.7;cursor: not-allowed;}
     .SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none;}

    /**Select all button**/
    .SumoSelect .select-all{border-radius: 3px 3px 0 0;position: relative;border-bottom: 1px solid #ddd;background-color: #fff;padding: 8px 0 3px 35px;cursor: pointer;}
    .SumoSelect .select-all > label, .SumoSelect .select-all > span i{cursor: pointer;}
    .SumoSelect .select-all.partial > span i{background-color:#ccc;}


     /*styling for optgroups*/
    .SumoSelect > .optWrapper > .options li.optGroup { padding-left: 5px; text-decoration: underline; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 11051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }


/**
 *=======================================
 *
 *=======================================
 * $Revision$
 * $Rev$
 * $Author$
 * $Date$
 * $HeadURL$
 * $Id$
 * $LastChangedBy$
 * $LastChangedRevision$
 * $LastChangedDate$
 * Copyright : Copyright (C) 2005
 * Company : My PC Trading All right reserved
 *=======================================
 **/

/**
 *================================================================================
  Compnent Name: ui-table
  Name : 
  
  Skin : tpl-default
 *================================================================================
**/

.ui-table {
  width: 100%;
  margin-bottom: 20px;
}

.ui-table th,
.ui-table td {
  padding: 6px 4px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.ui-table th {
  font-weight: bold;
}

.ui-table thead th {
  vertical-align: bottom;
}

.ui-table caption + thead tr:first-child th,
.ui-table caption + thead tr:first-child td,
.ui-table colgroup + thead tr:first-child th,
.ui-table colgroup + thead tr:first-child td,
.ui-table thead:first-child tr:first-child th,
.ui-table thead:first-child tr:first-child td {
  border-top: 0;
}

.ui-table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.ui-table .ui-table {
  background-color: #ffffff;
}

.ui-table-condensed th,
.ui-table-condensed td {
  padding: 4px 5px;
}

.ui-table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.ui-table-bordered th,
.ui-table-bordered td {
  border-left: 1px solid #dddddd;
}

.ui-table-bordered caption + thead tr:first-child th,
.ui-table-bordered caption + tbody tr:first-child th,
.ui-table-bordered caption + tbody tr:first-child td,
.ui-table-bordered colgroup + thead tr:first-child th,
.ui-table-bordered colgroup + tbody tr:first-child th,
.ui-table-bordered colgroup + tbody tr:first-child td,
.ui-table-bordered thead:first-child tr:first-child th,
.ui-table-bordered tbody:first-child tr:first-child th,
.ui-table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.ui-table-bordered thead:first-child tr:first-child > th:first-child,
.ui-table-bordered tbody:first-child tr:first-child > td:first-child,
.ui-table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.ui-table-bordered thead:first-child tr:first-child > th:last-child,
.ui-table-bordered tbody:first-child tr:first-child > td:last-child,
.ui-table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.ui-table-bordered thead:last-child tr:last-child > th:first-child,
.ui-table-bordered tbody:last-child tr:last-child > td:first-child,
.ui-table-bordered tbody:last-child tr:last-child > th:first-child,
.ui-table-bordered tfoot:last-child tr:last-child > td:first-child,
.ui-table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.ui-table-bordered thead:last-child tr:last-child > th:last-child,
.ui-table-bordered tbody:last-child tr:last-child > td:last-child,
.ui-table-bordered tbody:last-child tr:last-child > th:last-child,
.ui-table-bordered tfoot:last-child tr:last-child > td:last-child,
.ui-table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.ui-table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.ui-table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.ui-table-bordered caption + thead tr:first-child th:first-child,
.ui-table-bordered caption + tbody tr:first-child td:first-child,
.ui-table-bordered colgroup + thead tr:first-child th:first-child,
.ui-table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.ui-table-bordered caption + thead tr:first-child th:last-child,
.ui-table-bordered caption + tbody tr:first-child td:last-child,
.ui-table-bordered colgroup + thead tr:first-child th:last-child,
.ui-table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.ui-table-striped tbody > tr:nth-child(odd) > td,
.ui-table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
 .ui-table-striped tbody > tr:nth-child(even) > td,
.ui-table-striped tbody > tr:nth-child(even) > th {
  background-color: white;
}


.ui-table-hover tbody tr:hover > td,
.ui-table-hover tbody tr:hover > th {
  background-color: #f5f5f5  ; 
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.ui-table td.span1,
.ui-table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.ui-table td.span2,
.ui-table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.ui-table td.span3,
.ui-table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.ui-table td.span4,
.ui-table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.ui-table td.span5,
.ui-table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.ui-table td.span6,
.ui-table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.ui-table td.span7,
.ui-table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.ui-table td.span8,
.ui-table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.ui-table td.span9,
.ui-table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.ui-table td.span10,
.ui-table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.ui-table td.span11,
.ui-table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.ui-table td.span12,
.ui-table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.ui-table tbody tr.success > td {
  background-color: #dff0d8;
}

.ui-table tbody tr.error > td {
  background-color: #f2dede;
}

.ui-table tbody tr.warning > td {
  background-color: #fcf8e3;
}

.ui-table tbody tr.info > td {
  background-color: #d9edf7;
}

.ui-table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}

.ui-table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}

.ui-table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}

.ui-table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}


/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;  
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}
.bootstrap-timepicker .add-on {
  cursor: pointer;
}
.bootstrap-timepicker .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.bootstrap-timepicker-widget{
  position: absolute;  
}

.bootstrap-timepicker-widget.dropdown-menu {
  padding: 4px;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  border-radius: 4px;
}
.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
}
.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}
.bootstrap-timepicker-widget table td span {
  width: 100%;
}
.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333;
}
.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: #ddd;
}
.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
  font-size: 18px;
}

/* Fix in time-picker input width original is 25 px */

.bootstrap-timepicker-widget table td input {
  width: 36px;
  margin: 0;
  text-align: center;
}


.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
  
}


/* Add position : fixed is for change timepicker modal is in the ceter. --by myou */

@media (min-width: 767px) {
  .bootstrap-timepicker-widget.uimodal {
    width: 200px;
    margin-left: -100px;
	 position: fixed;
  }
}


@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }
  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}




.ui-upload-dragenter{
 border:4px dotted  #ff0000 !important;
}
.ui-upload-dragdrop{
 border:2px solid #DD4B39 !important;
}


.ui-upload-statusbar{
    border:1px solid #A9CCD1;
    min-height:25px;
    padding:5px 5px 5px 5px;
    padding:5px 5px 5px 5px;    
    vertical-align:top;
    max-width:200px;
    float:left
}
.ui-upload-statusbar:nth-child(odd){
    background:#EBEFF0;
}
.ui-upload-filename
{
	display:inline-block;
	vertical-align:top;
	width:100%;
}
.ui-upload-filesize
{
display:inline-block;
vertical-align:top;
color:#30693D;
width:100px;
margin-left:10px;
margin-right:5px;
}
.ui-upload-progressBar {
    width: 100%;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    display:inline-block;
    margin:  5px 0px;
    vertical-align:top;
}
 
.ui-upload-progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #0ba1b5; border-radius: 3px;
}
.ui-upload-abort{
    background-color:#A8352F;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;display:inline-block;
    color:#fff;
    font-family:arial;font-size:13px;font-weight:normal;
    padding:4px 15px;
    cursor:pointer;
    vertical-align:top
    }
	
/**below is special for uploadbutton use**/	
.ui-btn-uploadfile {

  /* IMPORTANT STUFF */
  overflow: hidden;
  position: relative;   

  /* SOME STYLING */
 

  border: 1px solid green;
  font-weight: bold;
  background-color: red;
}

.ui-btn-uploadfile:hover {
  background: green;
}

.ui-btn-uploadfile  .ui-btn-uploadfileinput {
  height: 300px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 100px;
  z-index: 2;

  opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=0); /* IE lt 8 */
  -ms-filter: "alpha(opacity=0)"; /* IE 8 */
  -khtml-opacity: 0.0; /* Safari 1.x */
  -moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}


/**
 *================================================================================
  Compnent Name: tooltip
  Name : 

 *================================================================================
**/

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}





/**
 *================================================================================
  Compnent Name: popover
  Name : 

 *================================================================================
**/
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.popover.top {
  margin-top: -75px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 75px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 10px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -31px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
  content: " ";
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
  content: " ";
}

.popover.bottom .arrow {
  top: -21px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  content: " ";
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
  content: " ";
}