.has-error .input-group-addon {
	border-color:#b94a48;
	background:#f2dede;
	color:#b94a48
}
.has-error input[type=text], .has-error input[type=text]+.input-group-addon {
	border-color:#b94a48
}
.has-error input[type=text]+.input-group-addon {
	background-color:#f2dede;
	color:#b94a48
}
.has-error input[type=text]:focus, .has-error input[type=text]:focus+.input-group-addon {
	border-color:#c05e5e
}
.has-error input[type=text]:focus+.input-group-addon {
	background-color:#c05e5e;
	color:#fff
}
.has-success input[type=text]:focus+.input-group-addon {
	border-color:#468847;
	background-color:#468847;
	color:#fff
}
.ui-select-match-text > span {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
}

.btn-default1 {
  border-color: #c05e5e;
  color: #8e8e93;
}

.vertical-center {
  min-height: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: -webkit-flex; /* For Safari */
  -webkit-justify-content: center; /* For Safari */
  -webkit-align-items: center; /* For Safari */
}


/* ---------------------------------------------------------------------- */
/*  Page Title
/* ---------------------------------------------------------------------- */
#page-title-km {
  border-bottom: 0px solid #eee;
  padding: 15px 0;
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 767px) {
  #page-title-km {
    text-align: center;
    padding: 20px 0;
  }
}
#page-title-km .row {
  margin: 0 5px;
}
#page-title-km h1 {
    color: #717375;
    font-size: 20px;
    font-weight: 400; 
    margin: 0;
    padding: 8px 0 0 15px;
}
@media (max-width: 767px) {
  #page-title-km h1 {
    font-size: 24px;
  }
}
#page-title-km .mainDescription {
  font-family: "Lato", sans-serif;
  color: #777;
  display: block;
  font-size: 18px;
  font-weight: 300;
  margin-top: 10px;
}
#page-title-km .mainDescription small {
  font-size: 60%;
  margin-top: 10px;
  display: block;
}
#page-title-km .breadcrumb {
  background-color: transparent !important;
  font-size: 12px;
  left: auto !important;
  margin: -30px 0 0 !important;
  padding: 0 !important;
  position: absolute;
  right: 30px !important;
  top: 50% !important;
  width: auto !important;
  font-family: "Lato", sans-serif;
}
@media (max-width: 767px) {
  #page-title-km .breadcrumb {
    left: 0 !important;
    margin: 15px 0 0 !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
  }
}
#page-title-km .breadcrumb > li + li {
  padding: 0 5px;
  position: relative;
}
#page-title-km .breadcrumb > li + li:before {
  color: #007AFF;
  content: "/ ";
  padding: 0 5px;
}
#page-title-km.page-title-center {
  text-align: center;
}
#page-title-km.page-title-center .breadcrumb {
  left: 0 !important;
  margin: 15px 0 0 !important;
  position: relative !important;
  right: 0 !important;
  top: 0 !important;
}


/* ---------------------------------------------------------------------- */
/*  Page Form Design
/* ---------------------------------------------------------------------- */
.list-header
{
   font-size:16px;
   padding: 12px 0 8px 15px;
}
.list-content, .list-content-head
{
  font-size:13px;
}
.list-content ul, .list-content-head ul
{
  padding:0;
  margin:0;
  list-style:none;  
}
/*.list-content ul li:first-child
{
  padding:0px 0px 20px 0; 
  background:#fff;
  line-height:40px;
  font-weight:600;  
}
.list-content ul li:first-child div
{
  float:left;
  background:#fff;
  border-top:1px solid #eee;
  border-bottom:3px solid #eee;
  border-left:0;
  border-right:0;
}*/
.list-content-head ul li
{
  padding:0px 0px 20px 0; 
  line-height:40px;
}
.list-content ul li
{
  padding:0px 0px 20px 0; 
  background:#fff;
  line-height:40px;
}
.list-content-head ul li div:first-child
{
  float:left;
  /*background:#f3f3f3;*/
  background:#f7f7f7;
  font-weight:500;
  border:1px solid #e4e4e4;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  /*color:#222; */
  color:#222;
	
}
.list-content-head ul li div
{
  float:left;
  /*background:#f3f3f3; */
  background:#f7f7f7;
  font-weight:500;
  border:1px solid #e4e4e4;
  border-left:none;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  /*color:#222;*/
  color:#222;

}
.list-content ul li div:first-child
{
  float:left;
  background:#fff;
  /* border-bottom:1px solid #eee; */
  border:1px solid #eee;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  color:#666;  
}
.list-content ul li div
{
  float:left;
  background:#fff;
  /* border-bottom:1px solid #eee;
  border-left:1px solid #eee; */
  border:1px solid #eee;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  color:#666;  
}

.list-content ul li:first-child:hover
{
  color:#8e8e93;
}
.list-content ul li:hover
{
  background:#f7f7f7;
  color:#007AFF;
}

/* FORM HEADER*/
.form-header
{
   font-size:16px;
   color:ivory;
   padding: 12px 0 8px 15px;
}
.form-content
{
  font-size:16px;
  color:ivory;
}
/*.form-content ul, .form-content-head ul
{
  padding:0;
  margin:0;
  list-style:none;  
}

.form-content-head ul li
{
  padding:0px 0px 20px 0; 
  line-height:30px;
}
.form-content ul li
{
  padding:0px 0px 20px 0; 
  background:#206FAB;
  line-height:30px;
   color:ivory;
  
}*/

.form-content-head
{
  float:left;  
  background:#eaebec;
  color:#758894;
  border-bottom:2px solid #758894;  
  border-left:none;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  padding:10px;
  width:100%;
  font-size:16px;
}


/* FORM HEADER END*/

.left-menu 
{
  border-right:1px solid #ddd;
  min-height:560px;
}
.left-menu ul
{
   padding:0;
   margin:0;
   list-style:none;
}
.left-menu ul li
{
  padding:10px 0;
}
.list-action ul
{
  padding:0;
  margin:0;
  list-style:none;
}
.list-action ul li
{
  padding:10px 20px 0 0;
  float:left;
  line-height:38px;
  width:100px;
}
.list-action ul li ul li
{
  padding:8px 20px;
  float:left;
  line-height:28px;
  border-bottom:1px solid #ddd;
  width:100%;
  color:#007AFF;
}
.list-action ul li ul li:hover
{
  border-bottom:1px solid #ddd;
  background:#dddddd;
  color:#007AFF;
}
.list-action ul li ul, .list-action:hover ul li ul, .list-action:hover ul li:hover ul li ul{ 
    display:none;
    list-style-type:none; 
    width: 150px;bottom:0;background:#fff;}
.list-action:hover ul li:hover ul, .list-action:hover ul li:hover ul li:hover ul { 
    display:block;bottom:48px;background:#fff;position:absolute;
    background-color: #FFFFFF;
    border: 1px solid rgba(17, 17, 17, 0.15);
    max-width: 300px;
    min-width: 166px;
    border-radius: 7px;
  box-shadow: 0px 0px 12px  rgba(0,0,0,.175);
  -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.175);

  }
.loadmore
{
  float:right;
  padding:20px 0 0 0;
  color:#007AFF;
  font-size:1.1em;
  font-style:italic;
} 
.search-box
{
  margin:7px 5px 0 0;
  border:1px solid #e4e4e4 !important;
}

/*** Modal Dialog Page Large ***/
.im-dialog .modal-dialog {
  width:98%;
}

.im-backdrop {
  color:red;
}

/*** List of Index Pages ***/
.list-group-item-km.active, .list-group-item-km.active:hover, .list-group-item-km.active:focus {
  background-color: #007AFF;
  border-color: #007AFF;
}

/*** Row Odd/Even Row Color ***/

.odd {
  background: #fcf8e3;
}

.even {
  background: #d9edf7;
}
.no-padding
{
	padding:0 !important;
}
.no-margin
{
	margin:0 !important;
}

.iMedActions .btn-default
{
	color:#007AFF;
}
.iMedMoreCaret
{
	border-left:0;
}
.erow
{
	background:#fafafa;
	padding:10px 0 0 0;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	margin-bottom:10px;
}


#patient-header
{
	background-color:#fff;
	border:1px solid #ddd;
	border-bottom:3px solid #039BE5;
}
.patientDatalb1
{	
	padding:6px 8px;
	margin:4px 0 4px 0;
	font-size:14px;
	border-right:1px solid #f7f7f7;
	text-align:center;
}


.lb1
{
	color:#039BE5 !important;	
	width:100%;
}

.lb1-val
{
white-space:nowrap !important;
text-overflow:ellipsis  !important;
overflow:hidden  !important;
padding:3px 0px;
margin:0px;
font-size:12px;
text-align:center;
}

.header-cust
{
display:inline-block !important;
}
.header-cust .form-control
{
width:68% !important;
}

.list-group > a > div > div
{
white-space:nowrap !important;
text-overflow:ellipsis  !important;
overflow:hidden  !important;
}

/* ---------------------------------------------------------------------- */
/*  Calendar Design
/* ---------------------------------------------------------------------- */

.calendarToDay
{
  background-color:#e8fde7 !important;
  color:#000;
}

.calendarInMonthTrue
{
  background-color:#FEFEFF;
  color:#000;
}

.calendarInMonthTrue:hover {
  background-color: #F9F9F9;
}

.calendarInMonthFalse
{
  background-color:#F9F9F9;
}

/* ---------------------------------------------------------------------- */
/*  Calendar Day View Table Design Classes
/* ---------------------------------------------------------------------- */

.DayViewList 
{
  /*border:1px solid #aaa;*/
}
.DayViewList table
{
  /*background:#fff;*/
  border:1px solid #aaa;
}
.DayViewList table th
{
   border-right:1px solid #bbb;
  /*padding:8px 5px;*/
  /*background:#41546B;*/
  color:#fff;
}

.DayViewList table td, .DayViewList-1 table td
{
  padding:6px 8px !important;
  border-bottom:1px solid #bbb;
  border-right:1px solid #bbb;
  height: 38px;
  line-height: 20px !important;
}

.DayViewList table tr td:first-child, .DayViewList-1 table tr td:first-child 
{
  border-bottom:1px solid #bbb;
  border-right:1px solid #bbb;
  color:#999;
  background:#fafafa;
}


.DayViewList table tr.current, .DayViewList-1 table tr.current
{
  background: #DFECFF;
}
.DayViewList table tr.current td {
  background: #b0cffd;
}

@media only screen and (max-device-width: 500px) {
  p.customDateLocator>ul.dropdown-menu {
    top: -245px !important;
  }
}
@media only screen and (min-device-width: 1000px) {
  p.customDateLocator>ul.dropdown-menu {
    top: -169px !important;
    left: 123px !important;
  }
}
@media only screen and (min-device-width: 500) and (max-device-width: 1000px) {
  p.customDateLocator>ul.dropdown-menu {
    top: -247px !important;
  }
}

/* ---------------------------------------------------------------------- */
/* Report Invoice Table CSS
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* Invoice Table CSS - START
/* ---------------------------------------------------------------------- */
.invoice-table table
{
table-layout:fixed;
width:100% !important;
}
.invoice-table table tr th, .invoice-table table tr td
{
width:8% !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
.invoice-table table tr th:nth-child(1), .invoice-table table tr td:nth-child(1)
{
width:6% !important;
}
.invoice-table table tr th:nth-child(5), .invoice-table table tr td:nth-child(5)
{
width:18% !important;

}
.invoice-table table tr th:nth-child(6), .invoice-table table tr td:nth-child(6)
{
width:12% !important;
}
/* ---------------------------------------------------------------------- */
/* Invoice Table CSS - END
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* Invoice Summary Table CSS - START
/* ---------------------------------------------------------------------- */
.invoice-summary-table table
{
table-layout:fixed;
width:100% !important;
}
.invoice-summary-table table tr th, .invoice-summary-table table tr td
{
width:8% !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
.invoice-summary-table table tr th:nth-child(1), .invoice-summary-table table tr td:nth-child(1)
{
width:6% !important;
}
.invoice-summary-table table tr th:nth-child(5), .invoice-summary-table table tr td:nth-child(5)
{
width:18% !important;

}
.invoice-summary-table table tr th:nth-child(6), .invoice-summary-table table tr td:nth-child(6)
{
width:12% !important;
}
/* ---------------------------------------------------------------------- */
/* Invoice Summary Table CSS - END
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/*  KMM Simple CSS Classes
/* ---------------------------------------------------------------------- */
.kmm_strike {
    text-decoration: line-through;
    color: red !important;
}

.kmm_check_all_box_in_header 
{
  border:none !important; 
  width:100%; 
  text-align:center;  
}

.kmm_check_all_box_in_header label
{
  position:absolute;
  padding-top:12px;
}

/* ---------------------------------------------------------------------- */
/*  KMM Note Editor TextArea - Important its already in styles.css
/* ---------------------------------------------------------------------- */
.note-editor textarea {
  min-height: 80px !important;
}

.capitalizeFirstLetter {
  text-transform: capitalize;
}

/* ---------------------------------------------------------------------- */
/*  KMM Bootstrap border for modal set to 0px 
/* ---------------------------------------------------------------------- */
/*.modal-content{
  border: 0px !important;
}*/

.navbar{
  z-index: 1040 !important;
}

#sidebar {
  z-index: 1020 !important;
}

.backgroundColorReset input {
  background-color:transparent !important;
}
  
  
 /* Receipt Page Check box */
 
.kmm-check label::before
{
top:15px !important;
margin-left:0px !important;
}



/*new Css */
.padding-top-0
{
padding-top:0px !important;
}

#input-num-addon
{
background-color:#f3f3f3 !important;
border:1px solid #ccc !important;
color:#333 !important;
}

.input-checkbox
{
padding-top:6px;
position:relative;
}
.input-radio-type
{
padding-top:8px;
position:relative;
}
 
.input-radio
{
margin-top:-2px;
}

.highlightedText {
    background: yellow;
}

.lang-dropdown
{
	color: #4791cc;
    background-color: #fff;
    border:1px solid #4791cc;
	border-radius:2px;
	top:-5px;	
}
.lang-dropdown .caret
{
border-top-color:#4791cc;
}
.lang-dropdown .caret:hover, 
{
border-top-color:#fff;
}
.lang-dropdown-menu
{
left:0px;
min-width:85px;
}

.lang-list
{
padding-left:10px;
font-weight:bold;
}
.lang-dropdown-menu span
{
padding-left:10px;
}

.lang-dropdown.active.focus,
.lang-dropdown.active:focus,
.lang-dropdown.active:hover,
.lang-dropdown:active.focus,
.lang-dropdown:active:focus,
.lang-dropdown:active:hover,
.open>.dropdown-toggle.lang-dropdown.focus,
.open>.dropdown-toggle.lang-dropdown:focus,
.open>.dropdown-toggle.lang-dropdown:hover {
    color: #fff;
    background-color: #4791cc;
    border:none;
	border-radius:2px;
}

.lang-dropdown.focus,
.lang-dropdown:focus {
    color: #fff;
    background-color: #4791cc;
    border:none;
	border-radius:2px;
}

.lang-dropdown:hover {
    color: #fff;
    background-color: #4791cc;
    border:none;
	border-radius:2px;
}

.lang-dropdown.active,
.lang-dropdown:active,
.open>.dropdown-toggle.lang-dropdown {
    color: #fff;
    background-color: #4791cc;
    border:none;
	border-radius:2px;
}


/* ---------------------------------------------------------------------- */
/*  Spinner Code START
/* ---------------------------------------------------------------------- */

.cssload-loader {
  position: absolute;
  left: 50%;
  width: 47.284271247462px;
  height: 47.284271247462px;
  margin-left: -23.142135623731px;
  margin-top: -23.142135623731px;
  border-radius: 100%;
  animation-name: cssload-loader;
    -o-animation-name: cssload-loader;
    -ms-animation-name: cssload-loader;
    -webkit-animation-name: cssload-loader;
    -moz-animation-name: cssload-loader;
  animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
  animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
  animation-duration: 4.6s;
    -o-animation-duration: 4.6s;
    -ms-animation-duration: 4.6s;
    -webkit-animation-duration: 4.6s;
    -moz-animation-duration: 4.6s;
}
.cssload-loader .cssload-side {
  display: block;
  width: 6px;
  height: 19px;
  background-color: rgb(207,71,8);
  margin: 2px;
  position: absolute;
  border-radius: 50%;
  animation-duration: 1.73s;
    -o-animation-duration: 1.73s;
    -ms-animation-duration: 1.73s;
    -webkit-animation-duration: 1.73s;
    -moz-animation-duration: 1.73s;
  animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
  animation-timing-function: ease;
    -o-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
}
.cssload-loader .cssload-side:nth-child(1),
.cssload-loader .cssload-side:nth-child(5) {
  transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  animation-name: cssload-rotate0;
    -o-animation-name: cssload-rotate0;
    -ms-animation-name: cssload-rotate0;
    -webkit-animation-name: cssload-rotate0;
    -moz-animation-name: cssload-rotate0;
}
.cssload-loader .cssload-side:nth-child(3),
.cssload-loader .cssload-side:nth-child(7) {
  transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
  animation-name: cssload-rotate90;
    -o-animation-name: cssload-rotate90;
    -ms-animation-name: cssload-rotate90;
    -webkit-animation-name: cssload-rotate90;
    -moz-animation-name: cssload-rotate90;
}
.cssload-loader .cssload-side:nth-child(2),
.cssload-loader .cssload-side:nth-child(6) {
  transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
  animation-name: cssload-rotate45;
    -o-animation-name: cssload-rotate45;
    -ms-animation-name: cssload-rotate45;
    -webkit-animation-name: cssload-rotate45;
    -moz-animation-name: cssload-rotate45;
}
.cssload-loader .cssload-side:nth-child(4),
.cssload-loader .cssload-side:nth-child(8) {
  transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
  animation-name: cssload-rotate135;
    -o-animation-name: cssload-rotate135;
    -ms-animation-name: cssload-rotate135;
    -webkit-animation-name: cssload-rotate135;
    -moz-animation-name: cssload-rotate135;
}
.cssload-loader .cssload-side:nth-child(1) {
  top: 23.142135623731px;
  left: 47.284271247462px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(2) {
  top: 40.213203431093px;
  left: 40.213203431093px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(3) {
  top: 47.284271247462px;
  left: 23.142135623731px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(4) {
  top: 40.213203431093px;
  left: 7.0710678163691px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(5) {
  top: 23.142135623731px;
  left: 0px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(6) {
  top: 7.0710678163691px;
  left: 7.0710678163691px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(7) {
  top: 0px;
  left: 23.142135623731px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(8) {
  top: 7.0710678163691px;
  left: 40.213203431093px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}










@keyframes cssload-rotate0 {
  0% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}

@-o-keyframes cssload-rotate0 {
  0% {
    -o-transform: rotate(0deg);
  }
  60% {
    -o-transform: rotate(180deg);
  }
  100% {
    -o-transform: rotate(180deg);
  }
}

@-ms-keyframes cssload-rotate0 {
  0% {
    -ms-transform: rotate(0deg);
  }
  60% {
    -ms-transform: rotate(180deg);
  }
  100% {
    -ms-transform: rotate(180deg);
  }
}

@-webkit-keyframes cssload-rotate0 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  60% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
  }
}

@-moz-keyframes cssload-rotate0 {
  0% {
    -moz-transform: rotate(0deg);
  }
  60% {
    -moz-transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(180deg);
  }
}

@keyframes cssload-rotate90 {
  0% {
    transform: rotate(90deg);
            transform: rotate(90deg);
  }
  60% {
    transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@-o-keyframes cssload-rotate90 {
  0% {
    -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  60% {
    -o-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -o-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@-ms-keyframes cssload-rotate90 {
  0% {
    -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  60% {
    -ms-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -ms-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@-webkit-keyframes cssload-rotate90 {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  60% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@-moz-keyframes cssload-rotate90 {
  0% {
    -moz-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  60% {
    -moz-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -moz-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@keyframes cssload-rotate45 {
  0% {
    transform: rotate(45deg);
            transform: rotate(45deg);
  }
  60% {
    transform: rotate(225deg);
            transform: rotate(225deg);
  }
  100% {
    transform: rotate(225deg);
            transform: rotate(225deg);
  }
}

@-o-keyframes cssload-rotate45 {
  0% {
    -o-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  60% {
    -o-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  100% {
    -o-transform: rotate(225deg);
            transform: rotate(225deg);
  }
}

@-ms-keyframes cssload-rotate45 {
  0% {
    -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  60% {
    -ms-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  100% {
    -ms-transform: rotate(225deg);
            transform: rotate(225deg);
  }
}

@-webkit-keyframes cssload-rotate45 {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  60% {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  100% {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
}

@-moz-keyframes cssload-rotate45 {
  0% {
    -moz-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  60% {
    -moz-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  100% {
    -moz-transform: rotate(225deg);
            transform: rotate(225deg);
  }
}

@keyframes cssload-rotate135 {
  0% {
    transform: rotate(135deg);
            transform: rotate(135deg);
  }
  60% {
    transform: rotate(315deg);
            transform: rotate(315deg);
  }
  100% {
    transform: rotate(315deg);
            transform: rotate(315deg);
  }
}

@-o-keyframes cssload-rotate135 {
  0% {
    -o-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  60% {
    -o-transform: rotate(315deg);
            transform: rotate(315deg);
  }
  100% {
    -o-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}

@-ms-keyframes cssload-rotate135 {
  0% {
    -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  60% {
    -ms-transform: rotate(315deg);
            transform: rotate(315deg);
  }
  100% {
    -ms-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}

@-webkit-keyframes cssload-rotate135 {
  0% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  60% {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
  100% {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}

@-moz-keyframes cssload-rotate135 {
  0% {
    -moz-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  60% {
    -moz-transform: rotate(315deg);
            transform: rotate(315deg);
  }
  100% {
    -moz-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}

@keyframes cssload-loader {
  0% {
    transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-o-keyframes cssload-loader {
  0% {
    -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-ms-keyframes cssload-loader {
  0% {
    -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes cssload-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-moz-keyframes cssload-loader {
  0% {
    -moz-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/* ---------------------------------------------------------------------- */
/*  Spinner Code END
/* ---------------------------------------------------------------------- */