/*color theme*/
.theme-l5 {color:#000 !important; background-color:#fdf5f7 !important}
.theme-l4 {color:#000 !important; background-color:#f7dde4 !important}
.theme-l3 {color:#000 !important; background-color:#efbcc9 !important}
.theme-l2 {color:#000 !important; background-color:#e79aae !important}
.theme-l1 {color:#fff !important; background-color:#de7894 !important}
.theme-d1 {color:#fff !important; background-color:#d03e65 !important}
.theme-d2 {color:#fff !important; background-color:#c22f56 !important}
.theme-d3 {color:#fff !important; background-color:#aa294b !important}
.theme-d4 {color:#fff !important; background-color:#912341 !important}
.theme-d5 {color:#fff !important; background-color:#791d36 !important}

.theme-light {color:#000 !important; background-color:#fdf5f7 !important}
.theme-dark {color:#fff !important; background-color:#791d36 !important}
.theme-action {color:#fff !important; background-color:#791d36 !important}

.theme {color:#fff !important; background-color:#d65679 !important}
.text-theme {color:#d65679 !important}
.text-theme-l1 {color:#de7894 !important}
.text-theme-l2 {color:#e79aae !important}
.text-theme-l3 {color:#efbcc9 !important}
.text-theme-l4 {color:#f7dde4 !important}
.text-theme-l5 {color:#fdf5f7 !important}
.text-theme-d1 {color:#d03e65 !important}
.text-theme-d2 {color:#c22f56 !important}
.text-theme-d3 {color:#aa294b !important}
.text-theme-d4 {color:#912341 !important}
.text-theme-d5 {color:#791d36 !important}
.border-theme {border-color:#d65679 !important}

.hover-theme:hover {color:#fff !important; background-color:#d65679 !important}
.hover-theme-l1:hover {color:#fff !important; background-color:#de7894 !important}
.hover-theme-l2:hover {color:#000 !important; background-color:#e79aae !important}
.hover-theme-l3:hover {color:#000 !important; background-color:#efbcc9 !important}
.hover-theme-l4:hover {color:#000 !important; background-color:#f7dde4 !important}
.hover-theme-l5:hover {color:#000 !important; background-color:#fdf5f7 !important}
.hover-theme-d1:hover {color:#fff !important; background-color:#d03e65 !important}
.hover-theme-d2:hover {color:#fff !important; background-color:#c22f56 !important}
.hover-theme-d3:hover {color:#fff !important; background-color:#aa294b !important}
.hover-theme-d4:hover {color:#fff !important; background-color:#912341 !important}
.hover-theme-d5:hover {color:#fff !important; background-color:#791d36 !important}
.hover-text-theme:hover {color:#d65679 !important}
.hover-border-theme:hover {border-color:#d65679 !important}

.animate-hover-theme, .animate-hover-theme-d1{-webkit-transition: background-color 0.2s, color 0.2s; -moz-transition: background-color 0.2s, color 0.2s; -o-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s }
.animate-hover-theme:hover { color:#fff!important;background-color:#d65679!important }
.animate-hover-theme-l1:hover { color:#fff!important;background-color:#de7894!important }
.animate-hover-theme-l2:hover { color:#000!important;background-color:#e79aae!important }
.animate-hover-theme-l3:hover { color:#000!important;background-color:#efbcc9!important }
.animate-hover-theme-l4:hover { color:#000!important;background-color:#f7dde4!important }
.animate-hover-theme-l5:hover { color:#000!important;background-color:#fdf5f7!important }
.animate-hover-theme-d1:hover { color:#fff!important;background-color:#d03e65!important }
.animate-hover-theme-d2:hover { color:#fff!important;background-color:#c22f56!important }
.animate-hover-theme-d3:hover { color:#fff!important;background-color:#aa294b!important }
.animate-hover-theme-d4:hover { color:#fff!important;background-color:#912341!important }
.animate-hover-theme-d5:hover { color:#fff!important;background-color:#791d36!important }

.input, .select{padding-left:0;padding-right:0}
select, input{transition: 0.2s ease all}
select:focus, input:focus{outline: none;border-bottom: 2px solid #d65679}

.animate-slow-progress, .animate-slow-progress:hover {-webkit-transition: background-color 1s, color 1s; -moz-transition: background-color 1s, color 1s; -o-transition: background-color 1s, color 1s; transition: background-color 1s, color 1s;color:#d65679!important;background-color:#fff!important}
.animate-slow-success, .animate-slow-success:hover {-webkit-transition: background-color 1s, color 1s; -moz-transition: background-color 1s, color 1s; -o-transition: background-color 1s, color 1s; transition: background-color 1s, color 1s;color:#fff!important;background-color:#4CAF50!important}

.animate-hover-white {-webkit-transition: background-color 0.2s, color 0.2s; -moz-transition: background-color 0.2s, color 0.2s; -o-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s }
.animate-hover-white:hover { color:#d65679!important;background-color:#fff!important }