body {background-color: #fcfcfc;}
#main,
footer {padding-left: 240px;}

#input-select .input-field label {position: absolute;top: -14px;font-size: 0.8rem;}
#sidenav-overlay {background-color: transparent;}
.container {padding: 0 0.5rem;margin: 0 auto;max-width: 100% !important;width: 98%;}

#left-sidebar-nav span.badge.new{line-height: 20px;margin-top: 11px;}

#content .container .row {margin-bottom: 0;}
@media only screen and (min-width: 601px) {.container {  width: 98%;}
}
@media only screen and (min-width: 993px) {.container {  width: 98%;}
}
@media only screen and (max-width: 993px) {#main,footer {  padding-left: 0px;}
}
.ps-scrollbar-x-rail,.ps-scrollbar-y-rail{z-index: 9999;}
/*---------------------------------  Typography
-----------------------------------*/

.small {font-size: 1.0rem;margin: 0;padding: 0;}
.medium-small {font-size: 0.9rem;margin: 0;padding: 0;}
.ultra-small {font-size: 0.8rem;margin: 0;padding: 0;}
small {font-size: 0.8rem;}
.strong {font-weight: 600;}
h4.header {font-size: 1.5rem;line-height: 2.508rem;margin: 1.14rem 0 0.912rem 0;}
p.title {font-size: 1.3rem;}
p.header {font-size: 1rem;font-weight: 500;text-transform: uppercase;}
h4.header {font-size: 1.4rem;font-weight: 400;text-transform: uppercase;}
h4.header2 {font-size: 1.1rem;font-weight: 400;text-transform: uppercase;}
li.li-hover:hover{background: transparent !important;}
.more-text{padding: 5px 20px;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;}
.valign-demo {height: 400px;background-color: #ddd;}
.margin {margin: 0 !important;}
/*----------------------------------------  Pre Loader
------------------------------------------*/
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}
#loader {display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border-radius: 50%;border: 3px solid transparent;border-top-color: #3498db;-webkit-animation: spin 2s linear infinite;/* Chrome, Opera 15+, Safari 5+ */animation: spin 2s linear infinite;/* Chrome, Firefox 16+, IE 10+, Opera */z-index: 1001;}
#loader-logo {display: block;position: absolute;left: 48%;top: 46%;background: url(../images/user-bg-2.jpg) no-repeat center center;  z-index: 1001;}
#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #e74c3c;-webkit-animation: spin 3s linear infinite;/* Chrome, Opera 15+, Safari 5+ */animation: spin 3s linear infinite;/* Chrome, Firefox 16+, IE 10+, Opera */
}
#loader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #f9c922;-webkit-animation: spin 1.5s linear infinite;/* Chrome, Opera 15+, Safari 5+ */animation: spin 1.5s linear infinite;/* Chrome, Firefox 16+, IE 10+, Opera */
}
@-webkit-keyframes spin {0% {  -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */    -ms-transform: rotate(0deg);  /* IE 9 */    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */}100% {  -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */    -ms-transform: rotate(360deg);  /* IE 9 */    transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */}
}
@keyframes spin {0% {  -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */    -ms-transform: rotate(0deg);  /* IE 9 */    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */}100% {  -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */    -ms-transform: rotate(360deg);  /* IE 9 */    transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */}
}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #222222;z-index: 1000;-webkit-transform: translateX(0);/* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: translateX(0);/* IE 9 */transform: translateX(0);/* Firefox 16+, IE 10+, Opera */
}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}
/* Loaded */

.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);/* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: translateX(-100%);/* IE 9 */transform: translateX(-100%);/* Firefox 16+, IE 10+, Opera */-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%);/* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: translateX(100%);/* IE 9 */transform: translateX(100%);/* Firefox 16+, IE 10+, Opera */-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader {opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.loaded #loader-wrapper {visibility: hidden;-webkit-transform: translateY(-100%);/* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: translateY(-100%);/* IE 9 */transform: translateY(-100%);/* Firefox 16+, IE 10+, Opera */-webkit-transition: all 0.3s 1s ease-out;transition: all 0.3s 1s ease-out;}
/* JavaScript Turned Off */

.no-js #loader-wrapper {display: none;}
.progress{  background-color: rgba(255, 64, 129, 0.22);}
/*=================================================================================  Header
====================================================================================*/
/*----------------------------------------  Page Header
------------------------------------------*/
h1.logo-wrapper{margin: 0px 0px;}
h1 span.logo-text{display: none;}
header .brand-logo {margin: 1px 0px;padding: 0 20px;}
header .brand-logo img{ width: 172px;}
.menu-sidebar-collapse{margin: 0 10px;}
.menu-sidebar-collapse i{line-height: 36px !important;}
@media only screen and (max-width: 992px) {nav .nav-wrapper {  text-align: center;}nav .nav-wrapper a.page-title {  font-size: 36px;}
}
.slider .indicators {  z-index: 9999;}
/*Search box*/ 
.header-search-wrapper {  width: 100%;margin: 10px auto 0px 240px;width: calc(100% - 600px);height: 40px;display: inline-block;  position: relative;}
#content .header-search-wrapper {width: 100%;margin: 0 auto; height: 40px;display: inline-block; position: relative; 
}
.header-search-wrapper i {position: absolute;top: 0;font-size: 24px;top: 6px;left: 24px;line-height:32px !important;-webkit-transition: color 200ms ease;transition: color 200ms ease;}
input.header-search-input {display: block;padding: 8px 8px 8px 72px;width: 100%;background: rgba(255,255,255,0.3);height: 24px;-webkit-transition: all 200ms ease;transition: all 200ms ease;border: none;font-size: 16px;appearance: textfield;font-weight: 400;outline: none;border-radius: 3px;}
.header-search-input::-webkit-input-placeholder
{color:#fff;font-size:16px;font-weight:400
}
.header-search-input::-moz-placeholder
{color:#fff;font-size:16px;font-weight:400
}
.header-search-input:-ms-input-placeholder
{color:#fff;font-size:16px;font-weight:400
}
.header-search-input::placeholder
{color:#fff;font-size:16px;font-weight:400
}

input.header-search-input:hover {  background: rgba(255,255,255,0.5);}

input.header-search-input:focus {  color:#333;  background: #fff;}
input.header-search-input:focus {border-bottom: none !important;box-shadow: none !important;}

.header-search-wrapper-focus  i {color:#444 ;}
.header-search-input:focus::-webkit-input-placeholder
{color:#333;font-size:16px;font-weight:400
}
.header-search-input:focus::-moz-placeholder
{color:#333;font-size:16px;font-weight:400
}
.header-search-input:focus:-ms-input-placeholder
{color:#333;font-size:16px;font-weight:400
}
.header-search-input:focus::placeholder
{color:#333;font-size:16px;font-weight:400
}


/*Old Search*/
li.search-out:hover{background: transparent;}
.search-out{display: none;}
.search-out-text{border-bottom: 1px solid #fff !important;}
.search-out input[type=text]:focus:not([readonly]){
 border-bottom: 1px solid #fff !important; 
 box-shadow:none;}

/*=================================================================================  Sidebar
====================================================================================*/
/*----------------------------------------  Sidebar Main Menu 
------------------------------------------*/
nav ul li.no-hover:hover{background: none;}
ul.side-nav.leftside-navigation {top: 64px;}
@media only screen and (max-width: 992px) {ul.side-nav.leftside-navigation {  top: 56px;}
}
ul.side-nav.leftside-navigation hr {display: block;height: 1px;border: 0;border-top: 1px solid #e0e0e0;margin: 1em 0;padding: 0;}
.side-nav a {line-height: 42px;height: 42px;}
#left-sidebar-nav {position: fixed;width: 100px;left: 180px;z-index: 999;height: auto;}
#slide-out li a i {line-height: inherit;width: 2rem;font-size: 1.6rem;display: block;float: left;text-align: center;margin-right: 1rem;}
#slide-out ul.side-nav li {padding: 0px !important;}
ul.side-nav li {padding: 0;}
ul.side-nav .collapsible-header {margin: 0;}
.caption {font-size: 1.25rem;font-weight: 300;margin-bottom: 30px;}
.caption-uppercase {font-size: 1.25rem;font-weight: 300;margin-bottom: 30px;text-transform: uppercase;}
.sidebar-collapse {position: absolute;left: -170px;top: -45px;}

ul.side-nav.leftside-navigation {overflow: hidden;}
ul.side-nav.leftside-navigation li {line-height: 44px;}
ul.side-nav.leftside-navigation li:hover,
ul.side-nav.leftside-navigation li.active {background-color: rgba(0, 0, 0, 0.05);}
ul.side-nav.leftside-navigation li a {font-size: 14px;font-weight: 400;}
.side-nav.leftside-navigation .collapsible-body li.active,
.side-nav.fixed.leftside-navigation .collapsible-body li.active{background-color: #FAFAFA;}
.side-nav.leftside-navigation .collapsible-body li.active a,
.side-nav.fixed.leftside-navigation .collapsible-body li.active a{  color: #444;}
.side-nav .collapsible-body li a{  margin: 0 1rem 0 3rem;}
ul.side-nav.leftside-navigation ul.collapsible-accordion {background-color: #FFF;}
ul.side-nav.leftside-navigation:hover {/*overflow-y:hidden;*/
}
ul.side-nav.leftside-navigation li.user-details {background: no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;/*overflow: hidden;*/margin-bottom: 15px;padding: 15px 0px 0px 15px;}
.user-details .row {margin: 0;}
.user-task,
.user-time {margin: 0;font-size: 13px;color: #fff;}
ul.side-nav.leftside-navigation .profile-image {/*height: 50px;*/
}
ul.side-nav.leftside-navigation .profile-btn {margin: 0;text-transform: capitalize;padding: 0;text-shadow: 1px 1px 1px #444;font-size: 15px;}
.user-roal {color: #fff;margin-top: -16px;font-size: 13px;text-shadow: 1px 1px 1px #444;}
.bold > a {font-weight: bold;}
nav.top-nav {height: 122px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
nav.top-nav a.page-title {line-height: 122px;font-size: 48px;}


/*----------------------------------------  Right Chat Slideout
------------------------------------------*/

.rightside-navigation {overflow: hidden;}
.chat-close-collapse {padding: 5px 15px 0 0;}
#right-search .input-field {margin-top: 0px;}
#chat-out .collapsible-header {background-color: transparent;border: none;line-height: 45px;height: 45px;font-weight: 400;  
}
#chat-out .chat-out-list {padding: 5px;margin: 0;border-bottom: 1px solid #e0e0e0;}
#chat-out .favorite-associate-list .circle {-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;border: 2px solid #999;padding: 3px;display: block;}
#chat-out .favorite-associate-list .online-user {border: 2px solid #00e676;}
#chat-out .recent-activity-list-icon {margin-top: 8px;font-size: 2rem;}
#chat-out .recent-activity-list-text a {font-size: 0.8rem;padding: 0;font-weight: 600;}
#chat-out .recent-activity-list-text p {font-size: 0.9rem;padding: 0;}
#chat-out .favorite-associate-list p {padding: 0;}
#chat-out .favorite-associate-list p.place {font-size: 0.8rem;}
/* =================================================================================  Content
================================================================================= */
/*----------------------------------------  Breadcrumb
------------------------------------------*/

.breadcrumb {padding: 0px;margin: 12px 0px;list-style: none;}
.breadcrumbs-title {font-size: 1.5rem;line-height: 1.804rem;margin: 18px 0px 0px 0px;}
.breadcrumb > li {display: inline-block;}
.breadcrumb a {color: #00bcd4;}
.breadcrumb .active {font-weight: normal;color: #999;}
.breadcrumb > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}
h5.breadcrumbs-header {font-size: 1.64rem;line-height: 1.804rem;margin: 1.5rem 0 0 0;}
.breadcrumbs-nav {margin: 8px 0 9px 0;}
/*----------------------------------------  Cards
------------------------------------------*/
/*card-stats*/

#card-stats .card-content {text-align: center;}
#card-stats .card-stats-title, #card-stats .card-stats-title i {font-size: 1.2rem;}

#card-stats .card-stats-compare {font-size: 1.0rem;}
#card-stats .card-stats-compare i{position: relative;top: 5px
}
#card-stats .card-stats-number {font-size: 1.8rem;line-height: 2.0rem;margin: 0.2rem 0 0.2rem 0;font-weight: 500;}
/*work-collections*/

#work-collections .collection-header {font-size: 1.64rem;font-weight: 500;}
#work-collections .collection-item.avatar {height: auto;}
#work-collections p.collections-title {font-size: 1.0rem;padding: 0;margin: 0;font-weight: 500;}
#work-collections p.collections-content {font-size: 0.9rem;padding: 0;margin: 0;font-weight: 400;}
/*flight-card*/

#flight-card .card-header .card-title {padding: 20px;}
#flight-card .flight-card-title {margin: 0;font-weight: 300;}
#flight-card .flight-card-date {font-size: 1.0rem;margin: 0;}
#flight-card .flight-state {padding-bottom: 15px;}
#flight-card .flight-state-two {border-left: 1px dashed #9e9e9e;}
#flight-card .flight-icon {font-size: 2.2rem;display: block;-webkit-transform: rotate(90deg);/* Safari */-moz-transform: rotate(90deg);/* Firefox */-ms-transform: rotate(90deg);/* IE */-o-transform: rotate(90deg);/* Opera */filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); /* SASS Internet Explorer */
}
#flight-card .card-content-bg {background: url(../images/sample-1.jpg) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#flight-card .card-content {background: rgba(0, 0, 0, 0.25);}
#flight-card .flight-state-wrapper {margin: 0 0 100px 0 !important;}
/*task-card*/

#task-card label {display: block;color: rgba(0, 0, 0, 0.87);height: auto;}
#task-card .task-card-title {margin: 0;color: #fff;font-weight: 300;}
#task-card .task-card-date {font-size: 1.0rem;margin: 0;color: #fff;}
#task-card .collection-header {padding: 20px;}
#task-card .task-add{position: absolute;right: 10px;top: 76px;}
#task-card .task-cat {padding: 2px 4px;color: #fff;margin-left: 37px;font-weight: 300;font-size: 0.8rem;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background-clip: padding-box;}
.task-cat {padding: 2px 4px;color: #fff;font-weight: 300;font-size: 0.8rem;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background-clip: padding-box;}
.collection .collection-item.avatar i.circle {font-size: 28px !important;}
/* Profile Card */

#profile-card .card-image {height: 150px;}
#profile-card .card-content p {font-size: 1.2rem;margin: 10px 0 12px 0;}
#profile-card .card-profile-image {width: 70px;position: absolute;top: 110px;z-index: 1;cursor: pointer;}
#profile-card .btn-move-up {position: relative;top: -40px;right: -18px;margin-right: 10px !important;}
/*----------------------------------------  Charts
------------------------------------------*/

#chart-dashboard {padding-top: 12px;}
#chart-dashboard .card .card-content,
#card-stats .card .card-content,
#card-stats .card .card-action {padding: 10px 14px;  
}
#line-updated {/*background: #00bcd4;*/
}
.sample-chart-wrapper {width: 100%;}
.chart-title {font-size: 1.6rem;font-weight: 300;}
/* Revenue Chart */

.chart-revenue {float: right;text-align: center;padding: 8px;border-radius: 3px;}
.chart-revenue .chart-revenue-total {font-size: 0.9rem;margin: 0;}
.chart-revenue .chart-revenue-per {font-size: 0.8rem;margin: 0;}
.chart-revenue .chart-revenue-per i{position: relative;top: 5px;}
.chart-revenue-switch {padding-top: 28px;padding-right: 10px;color: #fff;text-align: right;}

/* doughnut chart */
.doughnut-chart-status {position: relative;top: -75px;left: 0;font-size: 16px;font-weight: 500;height: 0px;text-align: center;}
.doughnut-chart-status p {margin-top: -5px;}
.doughnut-chart-legend li{padding: 2px 0;font-size: 0.9rem;}
.doughnut-chart-legend li:before {content: "";width: 8px;height: 8px;display: block;float: left;margin-top: 6px;margin-right: 4px;}
li.mobile:before {background: #F7464A;}
li.kitchen:before {background: #46BFBD;}
li.home:before {background: #FDB45C;}
a.button-collapse.top-nav {position: absolute;left: 7.5%;top: 0;float: none;margin-left: 1.5rem;color: #fff;font-size: 32px;z-index: 2;}
/* trending bar chart */

.trending-bar-chart-wrapper {width: 100%;}
.btn-move-up {position: relative;top: -28px;right: -18px;margin-right: 10px !important;}
/* Flot Chart*/

.flotchart-placeholder {width: 100%;height: 300px;font-size: 13px;line-height: 1.2em;}
#flotchart table {position: absolute;top: 13px;right: 17px;font-size: smaller;color: #545454;width: 100px;}
#flotchart td,
th {padding: 5px;}
/* xCharts */

.xchart-placeholder {width: 90%;height: 300px;}
/*Sparkline*/

.tooltip-class {overflow: hidden;color: #fff;height: 20px;width: 30px;}

/**/
#ct2-chart .ct-series.ct-series-a .ct-area{fill: #00BCD4;}
#ct2-chart .ct-series.ct-series-a .ct-point{stroke:#00BCD4;}
#ct2-chart .ct-series.ct-series-a .ct-line{stroke: #54E2F4;}
/*------------------Widget
--------------------*/

.socialbox .logo {color: #fff;font-size: 28px;left: 20px;bottom: 20px;position: absolute;}
.socialbox .info {color: #fff;margin: 0;position: absolute;right: 20px;bottom: 20px;font-size: 15px;padding: 0;}
/*----------------------------------------  Calender
------------------------------------------*/

#full-calendar {padding-top: 30px;}
#calendar h2 {font-size: 1.5rem;text-transform: uppercase;line-height: 35px;}
#calendar .fc-day-header {text-transform: uppercase;font-weight: 400;}
#external-events {padding-top: 50px;}
#external-events .fc-event {color: #fff;text-decoration: none;padding: 5px;margin-bottom: 10px;cursor: all-scroll;border: none;}
.fc button {background: #fff;}
.fc td,
.fc th {border-width: 0px !important;}
.fc-state-active,
.fc-state-down {color: #ff4081 !important;}
/*----------------------------------------  Color Palette for css-color.html page
------------------------------------------*/

.dynamic-color .red,
.dynamic-color .pink,
.dynamic-color .purple,
.dynamic-color .deep-purple,
.dynamic-color .indigo,
.dynamic-color .blue,
.dynamic-color .light-blue,
.dynamic-color .cyan,
.dynamic-color .teal,
.dynamic-color .green,
.dynamic-color .light-green,
.dynamic-color .lime,
.dynamic-color .yellow,
.dynamic-color .amber,
.dynamic-color .orange,
.dynamic-color .deep-orange,
.dynamic-color .brown,
.dynamic-color .grey,
.dynamic-color .blue-grey {height: 55px;width: 100%;padding: 0 15px;line-height: 55px;font-weight: 500;font-size: 12px;display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.dynamic-color .col {margin-bottom: 55px;}
@media only screen and (max-width: 1024px) {tfoot {  display: none;}
}
tr.group,
tr.group:hover {background-color: #ddd !important;}
/*----------------------------------------  Grid - Flat Site Mockup
------------------------------------------*/

#site-layout-example-left {background-color: #90a4ae;height: 300px;}
#site-layout-example-right {background-color: #26a69a;height: 300px;}
#site-layout-example-top {background-color: #E57373;height: 50px;}
.flat-text-header {height: 35px;width: 80%;background-color: rgba(255, 255, 255, 0.15);display: block;margin: 27px auto;}
.flat-text {height: 25px;width: 80%;background-color: rgba(0, 0, 0, 0.15);display: block;margin: 27px auto;}
.flat-text.small {width: 25%;height: 25px;background-color: rgba(0, 0, 0, 0.15);}
.flat-text.full-width {width: 100%;}
.col.grid-example {border: 1px solid #eee;margin: 7px 0;text-align: center;line-height: 50px;font-size: 28px;background-color: tomato;color: white;padding: 0px;}
.col.grid-example span {font-weight: 200;line-height: 50px;}
.waves-color-demo .collection-item {height: 57px;line-height: 57px;}
/*----------------------------------------  Chrome Browser Grid Example
------------------------------------------*/

.browser-window {text-align: left;width: 100%;height: auto;display: inline-block;-webkit-border-radius: 5px 5px 2px 2px;-moz-border-radius: 5px 5px 2px 2px;border-radius: 5px 5px 2px 2px;background-clip: padding-box;background-color: transparent;margin: 20px 0px;overflow: hidden;}
.browser-window .top-bar {height: 30px;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;background-clip: padding-box;border-top: thin solid #eaeae9;border-bottom: thin solid #dfdfde;background: linear-gradient(#e7e7e6, #E2E2E1);}
.browser-window .circle {height: 10px;width: 10px;display: inline-block;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background-color: white;margin-right: 1px;}
#close-circle {background-color: #FF5C5A;}
#minimize-circle {background-color: #FFBB50;}
#maximize-circle {background-color: #1BC656;}
.browser-window .circles {margin: 5px 12px;}
.browser-window .content {margin: 0;width: 100%;display: inline-block;border-radius: 0 0 5px 5px;background-color: #fafafa;}
.browser-window .row {margin: 0;}
.clear {clear: both;}
.promo i {color: #ee6e73;font-size: 6rem;display: block;}
.promo-caption {font-size: 1.7rem;font-weight: 500;margin-top: 5px;margin-bottom: 0px;}
/*----------------------------------------  icon page
------------------------------------------*/

.icon-demo {line-height: 50px;}
.icon-container i {font-size: 3em;display: block;margin-bottom: 10px;}
.icon-container .icon-preview {height: 120px;text-align: center;}
.icon-holder {display: block;text-align: center;width: 150px;height: 115px;float: left;margin: 0px 0px 15px 0px;}
.icon-holder p {margin: 0px 0;}
/*----------------------------------------  Login Page
------------------------------------------*/

.login-form {width: 280px;  
}
.login-form-text{text-transform: uppercase;letter-spacing: 2px;font-size: 0.8rem;}
.login-form-text strong {
	text-transform: none ;
	font-size:36px;}
.profile-image-login{width: 100px;height: 100px !important;}

.login-text {margin-top: -6px;margin-left: -6px !important;}
/*----------------------------------------  Error Page
------------------------------------------*/

.text-long-shadow {text-shadow: rgb(29, 125, 116) 1px 1px, rgb(29, 125, 116) 2px 2px, rgb(29, 125, 116) 3px 3px, rgb(29, 125, 116) 4px 4px, rgb(29, 125, 116) 5px 5px, rgb(29, 125, 116) 6px 6px, rgb(29, 125, 116) 7px 7px, rgb(29, 125, 116) 8px 8px, rgb(29, 125, 116) 9px 9px, rgb(29, 125, 116) 10px 10px, rgb(29, 125, 116) 11px 11px, rgb(29, 125, 116) 12px 12px, rgb(29, 125, 116) 13px 13px, rgb(29, 125, 116) 14px 14px, rgb(29, 126, 117) 15px 15px, rgb(29, 128, 119) 16px 16px, rgb(30, 130, 120) 17px 17px, rgb(30, 132, 122) 18px 18px, rgb(30, 133, 124) 19px 19px, rgb(31, 135, 125) 20px 20px, rgb(31, 137, 127) 21px 21px, rgb(32, 139, 129) 22px 22px, rgb(32, 141, 130) 23px 23px, rgb(32, 142, 132) 24px 24px, rgb(33, 144, 134) 25px 25px, rgb(33, 146, 135) 26px 26px, rgb(34, 148, 137) 27px 27px, rgb(34, 149, 139) 28px 28px, rgb(34, 151, 140) 29px 29px, rgb(35, 153, 142) 30px 30px, rgb(35, 155, 144) 31px 31px, rgb(36, 157, 145) 32px 32px, rgb(36, 158, 147) 33px 33px, rgb(36, 160, 149) 34px 34px, rgb(37, 162, 150) 35px 35px, rgb(37, 164, 152) 36px 36px, rgb(38, 166, 154) 37px 37px;background-color: rgb(38, 166, 154);/*height: 100%;*/  width: 100%;font-size: 10rem;color: #fff !important;text-align: center;padding: 20px 0 !important;}
/*----------------------------------------  Email Page
------------------------------------------*/

#mail-app hr {display: block;height: 1px;border: 0;border-top: 1px solid #e0e0e0;margin: 1em 0;padding: 0;}
.email-unread .email-title {font-weight: 500;}
#email-sidebar {min-height: 650px;}
#email-sidebar li {padding: 10px 0;text-align: center;}
#email-sidebar li i {padding: 12px;color: #272727;}
#email-sidebar li i.active {background: #DDDDDD;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
#email-sidebar li i:hover {background: #DDDDDD;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
#mail-app #email-sidebar,
#mail-app #email-list,
#mail-app #email-details {margin-top: 0px;}
#email-list {padding: 0;}
#email-list .collection {margin: 0;}
#email-list .collection .collection-item.avatar {height: auto;padding-left: 72px;position: relative;}
#email-list .collection .collection-item:hover {background: #e1f5fe;cursor: pointer;}
#email-list .collection .collection-item.selected {background: #e1f5fe;border-left: 4px solid #29b6f6;}
#email-list .collection .collection-item.avatar .secondary-content {position: absolute;top: 10px;right: -4px;}
#email-list .collection .collection-item.avatar .secondary-content.email-time {right: 8px;}
#email-list .collection .collection-item.avatar .icon {position: absolute;width: 42px;height: 42px;overflow: hidden;left: 15px;display: inline-block;text-align: center;vertical-align: middle;top: 20px;}
#email-list .collection .collection-item.avatar .circle {position: absolute;width: 42px;height: 42px;overflow: hidden;left: 15px;display: inline-block;vertical-align: middle;text-align: center;font-size: 1.5rem;color: #fff;font-weight: 300;padding: 10px;}
#email-list .collection .collection-item.avatar img.circle {padding: 0px;}
#email-list .attach-file {-ms-transform: rotate(90deg);/* IE 9 */-webkit-transform: rotate(90deg);/* Chrome, Safari, Opera */transform: rotate(90deg);color: #9e9e9e;font-size: 1.1rem;}
#email-details {padding: 15px;}
#email-details .email-subject {font-size: 1.2rem;}
#email-details .email-subject i {font-size: 2.2rem;}
#email-details .email-tag {padding: 3px;font-size: 0.9rem;}
#email-details .collection {border: none;}
#email-details .collection .collection-item.avatar {height: auto;padding-left: 72px;position: relative;}
#email-details .collection .collection-item.selected {background: #e1f5fe;border-left: 4px solid #29b6f6;}
#email-details .collection .collection-item.avatar .icon {position: absolute;width: 42px;height: 42px;overflow: hidden;left: 15px;display: inline-block;vertical-align: middle;top: 20px;}
#email-details .collection .collection-item.avatar .circle {position: absolute;width: 42px;height: 42px;overflow: hidden;left: 15px;display: inline-block;vertical-align: middle;text-align: center;font-size: 1.5rem;color: #fff;font-weight: 300;padding: 10px;}
#email-details .collection .collection-item.avatar img.circle {padding: 0px;}
#email-details .email-actions {padding-top: 25px;}
#email-details .email-actions a {color: #757575;padding: 5px;}
.email-reply {padding-top: 20px;}
.email-reply a {color: #757575;}
.email-reply p {color: #757575;margin: 0;}
.email-reply a i {font-size: 2rem;}
#mail-app .modal .modal-content {padding: 0;}
.model-email-content {padding: 24px;}
/*----------------------------------------  Invoice Page
------------------------------------------*/

.invoice-icon i {font-size: 2rem;}
.invoice-table {padding-top: 40px;}
.invoice-text{padding: 18px 0px;}

/*----------------------------------------  Blog
------------------------------------------*/

/* ----- Blog Card -----*/

.blog-card .card {margin:0px;}
.blog-card ul.card-action-buttons{margin: -26px 10px 0px 0px;text-align: right;}
.blog-card ul.card-action-buttons li{display: inline-block;padding-left: 5px;}
.blog-card .card .card-content{padding: 5px 10px 5px 10px;}
.blog-card .card .card-content .card-title,
.blog-card .card .card-reveal .card-title {font-size: 1.2rem;line-height: 1.6rem;font-weight: 400;}

 /* -----Blogs Masonery Page----- */
.blog { width: 20%; padding: 10px;}
.blog-sizer {width: 20%; 
}
.blog .card {margin:0px;}
.blog ul.card-action-buttons{margin: -26px 10px 0px 0px;text-align: right;}
.blog ul.card-action-buttons li{display: inline-block;padding-left: 5px;}
.blog .card .card-content{padding: 5px 10px 5px 10px;}
.blog .card .card-content .card-title,
.blog .card .card-reveal .card-title {font-size: 1.2rem;line-height: 1.6rem;font-weight: 400;}
.blog-post-content{padding-bottom: 10px;}

/*  blog page media queries */
@media screen and (max-width: 2200px) {.blog-sizer { width: 20%; }.blog { width: 20%; }
}
@media screen and (max-width: 1800px) {.blog-sizer { width: 30%; }.blog { width: 30%; }
}
@media screen and (max-width: 1600px) {.blog-sizer { width: 33.33%; }.blog { width: 33.33%; }
}
@media screen and (max-width: 1224px) {.blog-sizer { width: 33.33%; }.blog { width: 33.33%; }
}
@media screen and (max-width: 980px) {.blog-sizer { width: 50%; }.blog { width: 50%; }
}
@media screen and (max-width: 720px) {.blog-sizer { width: 50%; }.blog { width: 50%; }
}

@media screen and (max-width: 480px) {.blog-sizer { width: 100%; }.blog { width: 100%; }
}

/* -----Blogs Page Full width 2----- */
#blog-post-full .card-title{text-shadow: 1px 1px 4px #000;font-weight: 300;font-size: 2rem;}  
#blog-post-full .blog-post-full-cat{padding: 5px;margin: 25px;right: 0px;left: inherit;font-size: 15px;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;  
}
#blog-post-full .blog-post-full-cat a{  color: #fff;text-shadow:none;}


/*----------------------------------------  Products
------------------------------------------*/

/* ---- Product Card ----- */

.product-card .card {margin:0px;}
.product-card ul.card-action-buttons{margin: -26px 10px 0px 0px;text-align: right;}
.product-card ul.card-action-buttons li{display: inline-block;padding-left: 5px;}
.product-card .card .card-content{padding: 5px 10px 5px 10px;}
.product-card .card .card-content .card-title,
.product-card .card .card-reveal .card-title {font-size: 1.1rem;line-height: 1.6rem;font-weight: 400;}
.product-card .card .btn-price{width: 65px;height: 65px;font-weight: 600;font-size: 1.0rem;line-height: 65px;margin: 10px;position: absolute;top: 0px;letter-spacing: 0px;}
/* -----Products Masonery ----- */

.product { width: 20%; padding: 10px;}
.product-sizer {width: 20%; 
}
.product .card {margin:0px;}
.product ul.card-action-buttons{margin: -26px 10px 0px 0px;text-align: right;}
.product ul.card-action-buttons li{display: inline-block;padding-left: 5px;}
.product .card .card-content{padding: 5px 10px 5px 10px;}
.product .card .card-content .card-title,
.product .card .card-reveal .card-title {font-size: 1.1rem;line-height: 1.6rem;font-weight: 400;}
.product .card .btn-price{width: 65px;height: 65px;font-weight: 600;font-size: 1.0rem;line-height: 65px;margin: 10px;position: absolute;top: 0px;letter-spacing: 0px;}
/* eCommers product page media queries */
@media screen and (max-width: 2200px) {.product-sizer { width: 20%; }.product { width: 20%; }
}
@media screen and (max-width: 1800px) {.product-sizer { width: 30%; }.product { width: 30%; }
}
@media screen and (max-width: 1600px) {.product-sizer { width: 25%; }.product { width: 25%; }
}
@media screen and (max-width: 1224px) {.product-sizer { width: 33.33%; }.product { width: 33.33%; }
}
@media screen and (max-width: 980px) {.product-sizer { width: 50%; }.product { width: 50%; }
}
@media screen and (max-width: 720px) {.product-sizer { width: 50%; }.product { width: 50%; }
}

@media screen and (max-width: 480px) {.product-sizer { width: 100%; }.product { width: 100%; }
}


/*----------------------------------------  Gallary  Page
------------------------------------------*/
.gallary-item img { width: 20%;}
.gallary-sizer {width: 20%; 
}

/* Gallary page media queries */
@media screen and (max-width: 2200px) {.gallary-sizer { width: 20%; }.gallary-item img { width: 20%; }
}
@media screen and (max-width: 1800px) {.gallary-sizer { width: 30%; }.gallary-item img { width: 30%; }
}
@media screen and (max-width: 1600px) {.gallary-sizer { width: 25%; }.gallary-item img { width: 25%; }
}
@media screen and (max-width: 1224px) {.gallary-sizer { width: 33.33%; }.gallary-item img { width: 33.33%; }
}
@media screen and (max-width: 980px) {.gallary-sizer { width: 50%; }.gallary-item img { width: 50%; }
}
@media screen and (max-width: 720px) {.gallary-sizer { width: 50%; }.gallary-item img { width: 50%; }
}

@media screen and (max-width: 480px) {.gallary-sizer { width: 100%; }.gallary-item img { width: 100%; }
}


/*----------------------------------------  Contact Page (Map-card)
------------------------------------------*/

/* ---- Map card ----*/
.map-card #map-canvas {  width: 100%;  height: 342px;}
.map-card .card .card-content .card-title, .map-card .card .card-reveal .card-title {font-size: 1.2rem;line-height: 1.6rem;font-weight: 400;}
.map-card .btn-move-up{  top: -38px;}
/* ---- Map Contact Page ----*/
#map-canvas {  width: 100%;  height: 250px;}

/*----------------------------------------  Pricing Plan  Page
------------------------------------------*/
.plans-container .collection {border: none;}
.plans-container .collection .collection-item {border-bottom: none;text-align: center;font-size: 1.07rem;line-height: 1.6em;}
.plans-container .collection .collection-item:before {  font-size: 1.28rem;  line-height: 1.6em;color: #009315;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;content: "\e623";margin-right: 10px;}
.plans-container .card .card-image {position: relative;width: 100%;}
.plans-container .card .card-image .card-title {position: relative;font-size: 1.28rem;line-height: 1.6em;text-align: center;width: 100%;padding: 10px 15px;text-transform: uppercase;background: rgba(0, 0, 0, 0.1);}
.plans-container .card .card-image .price {position: relative;font-size: 5rem;line-height: 1.6em;color: #fff;font-weight: 300;text-align: center;}
.plans-container .card .card-image .price sup {font-weight: 100;font-size: 1.42rem;line-height: 1.6em;top: -35px;}
.plans-container .card .card-image .price sub {font-weight: 100;font-size: 1.42rem;line-height: 1.6em;top: 0px;}
.plans-container .card .card-image .price-desc {text-align: center;color: #fff;padding-bottom: 10px;}
.plans-container .card .card-content {padding: 0;}/*
@media screen and (min-width: 601px) {.plans-container .card {  min-height: 550px;}
}*/


/*----------------------------------------  Profile Page
------------------------------------------*/

#profile-page-header .card-image {height: 250px;}
#profile-page-header .card-profile-image {width: 110px;position: absolute;top: 190px;z-index: 1;left: 40px;cursor: pointer;margin: 0;}
#profile-page-header .card-content{margin-top: -40px;}
#profile-page-header .card-content .card-title{margin-bottom: 0px;}

/*profile-page-wall*/

#profile-page-wall .profile-image-post{width: 60px;margin: 30px 10px;}
#profile-page-wall .tab-profile .tab i{font-size: 16px;}
#profile-page-wall .tab-content{padding: 10px;}
#profile-page-wall .share-icons{margin-top: 10px;}
#profile-page-wall .share-icons i{padding: 0px 5px;}


#profile-page-wall-posts .profile-small{height: 250px;overflow: hidden;}
#profile-page-wall-posts .profile-medium{height: 350px;overflow: hidden;}
#profile-page-wall-posts .profile-large{height: 450px;overflow: hidden;  
}
#profile-page-wall-posts .card-profile-title{font-size: 16px;padding: 20px;border-radius: 0 0 2px 2px;}
#profile-page-wall-posts .card-action-share{padding: 16px;}

/*----------------------------------------  Shadow effect
------------------------------------------*/

.shadow-demo {background-color: #26a69a;width: 100px;height: 100px;margin: 20px auto;}
.collapsible-header {font-weight: 500;}
/*=================================================================================  Footer
====================================================================================*/

footer.page-footer {padding-top: 0px;}
/*----------------------------------------  footer charts
------------------------------------------*/

#world-map-markers {height: 300px;}
#polar-chart-holder {padding-top: 20px;}

/*=================================================================================  Media Queries
====================================================================================*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* STYLES GO HERE */.doughnut-chart-status{  display: none;} 
}

 
/* For Tables ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* STYLES GO HERE */.doughnut-chart-status{  display: none;}#card-stats .card-stats-compare{    font-size: 0.8rem;}
}

/*=================================================================================  SweetAlert 2
====================================================================================*/

.swal2-container,body.swal2-iosfix{position:fixed;left:0;right:0}body.swal2-shown{overflow-y:hidden}.swal2-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;bottom:0;padding:10px;background-color:transparent;z-index:1060}.swal2-container.swal2-fade{-webkit-transition:background-color .1s;transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-modal{background-color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;border-radius:5px;box-sizing:border-box;text-align:center;margin:auto;overflow-x:hidden;overflow-y:auto;display:none;position:relative}.swal2-modal:focus{outline:0}.swal2-modal.swal2-loading{overflow-y:hidden}.swal2-modal .swal2-title{color:#595959;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:0 0 .4em;padding:0;display:block}.swal2-modal .swal2-spacer{height:10px;color:transparent;border:0}.swal2-modal .swal2-styled{border:0;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;margin:0 5px;padding:10px 32px}.swal2-modal .swal2-styled:not(.swal2-loading)[disabled]{opacity:.4;cursor:no-drop}.swal2-modal .swal2-styled.swal2-loading{box-sizing:border-box;border:4px solid transparent;width:40px;height:40px;padding:0;margin:-2px 30px;vertical-align:top;background-color:transparent!important;color:transparent;cursor:default;border-radius:100%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-modal .swal2-styled+.swal2-styled{margin-top:15px}.swal2-modal :not(.swal2-styled).swal2-loading::after{display:inline-block;content:'';margin-left:5px;vertical-align:-1px;height:6px;width:6px;border:3px solid #999;border-right-color:transparent;border-radius:50%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal}.swal2-modal .swal2-checkbox input,.swal2-modal .swal2-checkbox span,.swal2-modal .swal2-radio input,.swal2-modal .swal2-radio span{vertical-align:middle}.swal2-modal .swal2-image{margin:20px auto;max-width:100%}.swal2-modal .swal2-close{font-size:36px;line-height:36px;font-family:serif;position:absolute;top:5px;right:13px;cursor:pointer;color:#ccc;-webkit-transition:color .1s ease;transition:color .1s ease}.swal2-modal .swal2-close:hover{color:#d55}.swal2-modal>.swal2-checkbox,.swal2-modal>.swal2-file,.swal2-modal>.swal2-input,.swal2-modal>.swal2-radio,.swal2-modal>.swal2-select,.swal2-modal>.swal2-textarea{display:none}.swal2-modal .swal2-content{font-size:18px;text-align:center;font-weight:300;position:relative;float:none;margin:0;padding:0;line-height:normal;color:#545454}.swal2-modal .swal2-checkbox,.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-radio,.swal2-modal .swal2-select,.swal2-modal .swal2-textarea{margin:5px auto}.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-textarea{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d9d9d9;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-webkit-transition:border-color box-shadow .3s;transition:border-color box-shadow .3s}.swal2-modal .swal2-file.swal2-inputerror,.swal2-modal .swal2-input.swal2-inputerror,.swal2-modal .swal2-textarea.swal2-inputerror{border-color:#f06e57!important}.swal2-modal .swal2-file:focus,.swal2-modal .swal2-input:focus,.swal2-modal .swal2-textarea:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.swal2-modal .swal2-file:focus::-webkit-input-placeholder,.swal2-modal .swal2-input:focus::-webkit-input-placeholder,.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::-moz-placeholder,.swal2-modal .swal2-input:focus::-moz-placeholder,.swal2-modal .swal2-textarea:focus::-moz-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus:-ms-input-placeholder,.swal2-modal .swal2-input:focus:-ms-input-placeholder,.swal2-modal .swal2-textarea:focus:-ms-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::placeholder,.swal2-modal .swal2-input:focus::placeholder,.swal2-modal .swal2-textarea:focus::placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file::-webkit-input-placeholder,.swal2-modal .swal2-input::-webkit-input-placeholder,.swal2-modal .swal2-textarea::-webkit-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::-moz-placeholder,.swal2-modal .swal2-input::-moz-placeholder,.swal2-modal .swal2-textarea::-moz-placeholder{color:#e6e6e6}.swal2-modal .swal2-file:-ms-input-placeholder,.swal2-modal .swal2-input:-ms-input-placeholder,.swal2-modal .swal2-textarea:-ms-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::placeholder,.swal2-modal .swal2-input::placeholder,.swal2-modal .swal2-textarea::placeholder{color:#e6e6e6}.swal2-modal .swal2-range input{float:left;width:80%}.swal2-modal .swal2-range output{float:right;width:20%;font-size:20px;font-weight:600;text-align:center}.swal2-modal .swal2-range input,.swal2-modal .swal2-range output{height:43px;line-height:43px;vertical-align:middle;margin:20px auto;padding:0}.swal2-modal .swal2-input{height:43px;padding:0 12px}.swal2-modal .swal2-input[type=number]{max-width:150px}.swal2-modal .swal2-file{font-size:20px}.swal2-modal .swal2-textarea{height:108px;padding:12px}.swal2-modal .swal2-select{color:#545454;font-size:inherit;padding:5px 10px;min-width:40%;max-width:100%}.swal2-modal .swal2-radio{border:0}.swal2-modal .swal2-radio label:not(:first-child){margin-left:20px}.swal2-modal .swal2-radio input{margin:0 3px 0 0}.swal2-modal .swal2-checkbox{color:#545454}.swal2-modal .swal2-validationerror{background-color:#f0f0f0;margin:0 -20px;overflow:hidden;padding:10px;color:gray;font-size:16px;font-weight:300;display:none}.swal2-modal .swal2-validationerror::before{content:'!';display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:10px}.swal2-icon.swal2-info,.swal2-icon.swal2-question,.swal2-icon.swal2-warning{font-size:60px;line-height:80px;text-align:center}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}.swal2-icon{width:80px;height:80px;border:4px solid transparent;border-radius:50%;margin:20px auto 30px;padding:0;position:relative;box-sizing:content-box;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .x-mark{position:relative;display:block}.swal2-icon.swal2-error .line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal2-icon.swal2-error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal2-icon.swal2-error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.swal2-icon.swal2-warning{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#f8bb86;border-color:#facea8}.swal2-icon.swal2-info{font-family:'Open Sans',sans-serif;color:#3fc3ee;border-color:#9de0f6}.swal2-icon.swal2-question{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#87adbd;border-color:#c9dae1}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success::after,.swal2-icon.swal2-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff}.swal2-icon.swal2-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal2-icon.swal2-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.swal2-icon.swal2-success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal2-icon.swal2-success .fix{width:7px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success .line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal2-icon.swal2-success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{font-weight:600;margin:0 0 20px;padding:0}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{background:#3085d6;border-radius:2em;color:#fff;height:2em;line-height:2em;text-align:center;width:2em;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle,.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{background:#3085d6;height:.4em;margin:0 -1px;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}.swal2-show{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:hideSweetAlert .15s forwards;animation:hideSweetAlert .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}@-webkit-keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.animate-success-tip{-webkit-animation:animate-success-tip .75s;animation:animate-success-tip .75s}.animate-success-long{-webkit-animation:animate-success-long .75s;animation:animate-success-long .75s}.swal2-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.animate-error-icon{-webkit-animation:animate-error-icon .5s;animation:animate-error-icon .5s}@-webkit-keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.animate-x-mark{-webkit-animation:animate-x-mark .5s;animation:animate-x-mark .5s}@-webkit-keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulse-warning{-webkit-animation:pulse-warning .75s infinite alternate;animation:pulse-warning .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}