/*--------------- BEGIN:purple color   -------------------- */
.InputIcon .fa {color: #4b0082;}
.my-form header {color: #ffffff;}
.my-form a {color: #4b0082; text-decoration: none;}
.my-form .toggle i::before {background-color: #4b0082;}
.my-form .button {background-color: #4b0082;/* box-shadow: 0px 0px 21px #FFF; */border: 1px solid rgba(175, 175, 175, 0.91);}
.my-form .rating input + label:hover, .my-form .rating input + label:hover ~ label {color: #4b0082;}
.my-form .radio input + i::after { background-color: #4b0082;}
.my-form .checkbox input + i::after {color: #4b0082;}
.my-form .radio input:checked + i, .my-form .checkbox input:checked + i, .my-form .toggle input:checked + i {border-color: #4b0082;}
.my-form .rating input:checked ~ label {color: #4b0082;}
.fa.fa-arrow-circle-down, .fa.fa-arrow-circle-up {color:#4b0082;}
span.form_link {color: #4b0082;}
.my-form .input input, .my-form .select select, .my-form .textarea textarea, .my-form .radio i, .my-form .checkbox i, .my-form .toggle i, .my-form .icon-append, .my-form .icon-prepend {border-color: #4b0082;}
.my-form .icon-append, .my-form .icon-prepend {color: #4b0082;}
.my-form .input:hover input, .my-form .select:hover select, .my-form .textarea:hover textarea, .my-form .radio:hover i, .my-form .checkbox:hover i, .my-form .toggle:hover i {border-color: #4b0082;}
.my-form .input input:focus, .my-form .select select:focus, .my-form .textarea textarea:focus, .my-form .radio input:focus + i, .my-form .checkbox input:focus + i, .my-form .toggle input:focus + i {box-shadow: 0 0px 10px #4b0082;}
.my-form .input input, .my-form .select select, .my-form .textarea textarea, .my-form .radio i, .my-form .checkbox i, .my-form .toggle i, .my-form .icon-append, .my-form .icon-prepend {border-color: #4b0082;}
.my-form .icon-append, .my-form .icon-prepend {color: #4b0082;}
.my-form .input:hover input, .my-form .select:hover select, .my-form .textarea:hover textarea, .my-form .radio:hover i, .my-form .checkbox:hover i, .my-form .toggle:hover i {border-color: #4b0082;}
.color_picker_button,.color_picker_box {border: 1px solid #4b0082 !important;}
.divider {background-color: rgba(77, 176, 226, 0.13);}
.input.state-disabled {background-color: rgba(77, 176, 226, 0.13);}
i.icon-circle-arrow-left, i.icon-home, i.icon-cog {color: rgb(255, 255, 255);}
i.icon-circle-arrow-left:hover {color: #4b0082;}
i.icon-home:hover {color: #4b0082;}
i.icon-cog:hover {color: #4b0082;}
.my-form footer {color: #4b0082;}
td.smrecordstitle {background-color: #4b0082;}
.my-form {background:rgba(75, 0, 130, 0.51);}
.pattern {background-color: rgba(75, 0, 130, 0.45);}
.pagerCurrent {border: 1px solid;background-color: black;color: #4b0082;}
.pagerDefault:hover {border: 1px solid;background-color: #4b0082; color: white;}
.pagerCurrent{border: 1px  solid #4b0082;background-color: rgb(159, 160, 160);color: #4b0082;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: default;display: block;float: left;}
.pagerDefault{border: 1px  solid #c1c1c1;background-color: #ffffff;color: #4b0082;margin-right: 2px;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: pointer;display: block;float: left;}
.pagerDefault:link{border: 1px  solid #c1c1c1;background-color: #ffffff;color: #4b0082;margin-right: 2px;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: pointer;display: block;float: left;}
.pagerDefault:visited{border: 1px  solid #c1c1c1;background-color: #ffffff;color: #4b0082;margin-right: 2px;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: pointer;display: block;float: left;}
.pagerDefault:hover{border: 1px  solid #4b0082;background-color: #4b0082;color: #ffffff;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: pointer;}
.ticket_word {border-right: 1px solid rgba(75, 0, 130, 0.21);}
.ticket_content {border-bottom: 1px solid rgba(75, 0, 130, 0.21);}
.client_reply {background: rgba(75, 0, 130, 0.21);}
/*--------------- End:purple color -------------------- */.pagebody span {
	font-family: Calibri, sans-serif !important;
}
.ratio-3-2 {
  
    background-color: transparent;
}
a {
    color: #0d6efd;
    text-decoration: none !important;
}
a.text-dark:focus, a.text-dark:hover {
	color: #dc3545 !important;
}
 .bg-shadow {
	background: linear-gradient(to top,rgba(32,22,84,0.38) 52%,rgba(0,0,100,0));
}
.b-0 {bottom: 0;}

.bg-color:hover {background-color: #00236666;}

#logo {
	font-family: Germania One !important;
	color: #ffffff !important;
	line-height: 80px;
	font-size: 68px;
	text-shadow: 0px 0px 0 rgb(126,126,126),1px 0px 0 rgb(78,78,78),2px 0px 0 rgb(31,31,31), 3px 0px 0 rgb(-16,-16,-16),4px 0px 3px rgba(0,0,0,0.1),4px 0px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2);
}
.bg-full-shadow {
	position: absolute;
	background: #000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	z-index: 2;
}
.bg-full-shadow:hover {opacity: 0;}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {background-color: red !important;}

.custom-width {width:97% !important;}
@media all and (min-width: 768px) {.custom-width {width: 100%;}}
#top_bar_social_icons li {
  float: left;margin-right: 1px;border-radius: 50%;height: 35px;width: 35px;display: flex;justify-content: center;align-items: center;}
#top_bar_social_icons li a {
    color: #FFF;
    font-size: 25px;
}
.bg-color-red {background-color: #f00;background: rgba(92, 1, 1, 1.0);
background: -webkit-linear-gradient(bottom, rgba(92, 1, 1, 1.0), rgba(255, 1, 1, 1.0));
background: -moz-linear-gradient(bottom, rgba(92, 1, 1, 1.0), rgba(255, 1, 1, 1.0));
background: linear-gradient(to top, rgba(92, 1, 1, 1.0), rgba(255, 1, 1, 1.0));
}
/* ============ Extra css  .end// ============ */@media screen and (max-width:992px) {
.pagebody .pagephoto {
max-width: 94vw;
}
}

.horoscope_page > p {
  display: block;
  float: left;
  border-top: 1px solid #ddd;
  margin-top: 8px;
  padding-top: 8px;
}
.horoscope_page > p > img, #MainContent > img {
  margin-right: 9px;
}