@font-face {
    font-family: vazirM;
    src: url("../fonts/vazir/Vazir-Medium-FD-WOL.eot"), url("../fonts/vazir/Vazir-Medium-FD-WOL.ttf"), url("../fonts/vazir/Vazir-Medium-FD-WOL.woff"), url("../fonts/vazir/Vazir-Medium-FD-WOL.woff2"); }

@font-face {
    font-family: vazirB;
    src: url("../fonts/vazir/Vazir-Bold-FD-WOL.eot"), url("../fonts/vazir/Vazir-Bold-FD-WOL.ttf"), url("../fonts/vazir/Vazir-Bold-FD-WOL.woff"), url("../fonts/vazir/Vazir-Bold-FD-WOL.woff2"); }

@font-face {
    font-family: vazirL;
    src: url("../fonts/vazir/Vazir-Light-FD-WOL.eot"), url("../fonts/vazir/Vazir-Light-FD-WOL.ttf"), url("../fonts/vazir/Vazir-Light-FD-WOL.woff"), url("../fonts/vazir/Vazir-Light-FD-WOL.woff2");
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    src: url('../font/eot/IRANSansWeb(FaNum)_Black.eot');
    src: url('../font/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../font/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../font/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../font/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../font/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../font/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../font/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../font/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../font/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../font/eot/ira).eot');
    src: url('../font/eot/IRANSansWeb(FaNum)_Medium.eot') format('embedded-opentype'),  /* IE6-8 */
    url('../font/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../font/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../font/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../font/eot/IRANSansWeb(FaNum)_Medium.eot');
    src: url('../font/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../font/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../font/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../font/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
    font-family: Kalameh;
    font-style: normal;
    font-weight: 900;
    src: url('../font/eot/KalamehWeb_Black.eot');
    src: url('../font/eot/KalamehWeb_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../font/woff2/KalamehWeb_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../font/woff/KalamehWeb_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../font/ttf/KalamehWeb_Black.ttf') format('truetype');
}
@font-face {
    font-family: Kalameh;
    font-style: normal;
    font-weight: bold;
    src: url('../font/eot/');
    src: url('../font/eot/KalamehWeb_Bold.eot') format('embedded-opentype'),  /* IE6-8 */
    url('../font/woff2/KalamehWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../font/woff/KalamehWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../font/ttf/KalamehWeb_Bold.ttf') format('truetype');
}
@font-face {
    font-family: Kalameh;
    font-style: normal;
    font-weight: normal;
    src: url('../font/eot/KalamehWeb_Regular.eot');
    src: url('../font/eot/KalamehWeb_Regular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../font/woff2/KalamehWeb_Regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../font/woff/KalamehWeb_Regular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../font/ttf/KalamehWeb_Regular.ttf') format('truetype');
}
html{
    font-size: 86%;
}
body{
    font-family: IRANSans !important;
    color: #333333;
    font-size: 1rem !important;
}
input,select,button{
    font-size: 1rem !important;
    font-family: IRANSans !important;
}
input:focus{
    outline: none !important;
}
.fontM{
    font-family: IRANSans;
}
a,button{
    cursor: pointer;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover{
    background-color: transparent;
    color: #2544a4;
}
.skin-blue .main-header .logo:hover{
    background: transparent;
}
.mx-auto{
    margin: 0 auto !important;
}
.product-title{
    font-size: 1.1rem;
}
a,a:hover,a:focus,button,button:hover,button:focus{
    text-decoration: none !important;
}
.form-group.has-error label,.form-group.has-error .help-block{
    color: #bc1e4a ;
}
.custom_login_title{
    font-size: 1.5rem;
    color: #f7f7f7;
}
.form-check label{
    font-weight: unset !important;
    margin-bottom: 1rem;
}
.custom_ul_list{
    width: max-content !important;
}
.custom_header_siteUrl{
    position: absolute;
    left: 50%;
    top: .5rem;
}
.custom_header_profile{
    color: #5b73a0 !important;
    padding: 0 !important;
    padding-top: .5rem !important;
    padding-left: .5rem !important;
}
.custom_header_profile:hover,.custom_header_profile:focus{
    background-color: transparent !important;
    color: #01C8EF !important;
}
/*CUSTOM ELEMENTS*/
.custom_green_rounds{
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #44ccda45;
    border-radius: 100%;
}
.custom_green_rounds_inside{
    position: absolute;
    width: .7rem;
    height: .7rem;
    background-color: #44ccda ;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.custom_login_bg{
    font-family: IRANSans !important;
    background-image: none !important;
    background-color: #020230 !important;
}
.custom_dark_bg{
    background-color: #1a183f;
}
.custom_border_btn{
    color: #ffffff !important;
    background-image:linear-gradient(45deg,#6AACF2 ,#396AFF ) !important;
    border: none !important;
}
.custom_border_btn:hover,.custom_border_btn:focus{
    color: #ffffff !important;
    background-image:linear-gradient(45deg,#5078F4  ,#2B5FFF ) !important;
    border: none !important;
}
.justify-content-between{
    justify-content: space-between;
}
.custom_login_wrap{
    background-color: unset !important;
    padding: 0 !important;
    align-items: center;
    width: 90% !important;
}
.custom_primary_txt{
    color: #01C8EF !important;
}
.custom_secondary_txt{
    color: #F9636B !important;
}
.custom_green_txt{
    color: #01b075;
}
.custom_green_border_btn{
    color: #ffffff !important;
    background-image: linear-gradient(45deg,#3cb69f ,#44ccda ) !important;
    border: none !important;
}
.custom_green_border_btn:hover,.custom_green_border_btn:focus{
    color: #ffffff !important;
    background-image: linear-gradient(45deg, #3fc0a8, #40bfcc) !important;
    border:none !important;
}
.custom_blue_border_btn{
    color: #ffffff !important;
    background-image: linear-gradient(454deg,#75aaee,#396aff) !important;
    border: none !important;
}
.custom_blue_border_btn:hover,.custom_blue_border_btn:focus{
    color: #ffffff !important;
    background-image: linear-gradient(454deg, #6d9edd, #335fe4) !important;
    border: none !important;
}
.custom_red_border_btn{
    color: #ffffff !important;
    background-image: linear-gradient(45deg,#ff5caf,#ff5767) !important;
    border: none !important;
}
.custom_red_border_btn:hover,.custom_red_border_btn:focus{
    color: #ffffff !important;
    background-image: linear-gradient(45deg, #ec5ea7, #ff585b) !important;
    border: none !important;
}
.custom_forget_pass{
    color: #a0f2fe !important;
}
.custom_forget_pass:hover,.custom_forget_pass:focus{
    color: #ffffff !important;
}
.custom_primary_btn{
    background-color: #01C8EF !important;
    border-color:#01C8EF !important ;
    color: #ffffff !important;
}
.custom_primary_btn:hover,.custom_primary_btn:focus{
    background-color: #01d3fa !important;
    color: #ffffff !important;
}
.custom_secondary_btn{
    background-color: #F9636B !important;
    border-color:#F9636B !important ;
    color: #ffffff !important;
}
.custom_secondary_btn:hover,.custom_secondary_btn:focus{
    background-color: #F9636B !important;
    color: #ffffff !important;
}
.custom_login_input{
    color: #ffffff !important;
    font-size: 1rem !important;
    border: 1px solid #635f99 !important;
    background: none !important;
    width: 50% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    padding-right: 15px !important;
}
.custom_login_input:hover,.custom_login_input:focus{
    border: 1px solid #01C8EF !important;
    box-shadow: none !important;
}
.custom_login_input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #01C8EF !important;
    opacity: 1 !important; /* Firefox */
}
.custom_login_btn button{
    width: 30% !important;
    height: 3rem !important;
}
.login100-pic{
    flex: 60%;
}
.login100-pic img{
    width: 100%;
}
.login100-form{
    flex: 40%;
}
#register_box{
    margin-top: 10rem;
}
#login-form{
    margin-top: 3rem;
}
/*layouts*/
.content-wrapper, .right-side{
    background-color: #efeff7 !important;
}
.box{
    background-color: #ffffff !important;
    border: none !important;
    padding: 1.5rem;
    box-shadow: unset !important;
    width: 95%;
    margin: 0 auto;
}
/*TABLES START*/
.table th , .table tr{
    white-space: nowrap;
}
.table-responsive{
    border: none !important;
}
.table thead select,.table thead input{
    min-width: 12rem;
}
input, select,textarea{
    background-color: #ffffff !important;
    border-color: #c3c2db  !important;
    color: #333333 !important;
}
/*
.select2-container--krajee .select2-selection,.select2-container--krajee .select2-results__option[aria-selected]{
    background-color: #ffffff !important;
    border-color: #c3c2db  !important;
    color: #333333 !important;
}

.select2-dropdown{
    background-color: transparent !important;
}
.select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus,.has-success .select2-container--open .select2-selection, .has-success .select2-container--krajee.select2-container--focus .select2-selection{
    box-shadow: none !important;
}
.select2-container--krajee .select2-selection--single .select2-selection__rendered{
    color: #f7f7f7 !important ;
}*/
/*.select2-container--krajee .select2-selection,.select2-container--krajee .select2-results__option[aria-selected]{
    background-color: #ffffff !important;
    border-color: #c3c2db  !important;
    color: #333333 !important;
}*/
.select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus,.has-success .select2-container--open .select2-selection, .has-success .select2-container--krajee.select2-container--focus .select2-selection{
    box-shadow: none !important;
    border-color: #c3c2db  !important;
}
.select2-container--krajee .select2-dropdown{
    border-color: #c3c2db !important;
    box-shadow: none !important;
}
.table th a{
    color: #9794bc !important;
}
.table-striped > tbody > tr:nth-of-type(2n+1){
    background-color: #ffffff !important;
}
label{
    color: #333333;
}
.table tbody tr{
    color: #333333 !important;
}
.table tbody tr:not(:last-child){
    border-bottom: 1px solid #dbd6e6;
}
.grid-view{
    color: #495860 !important;
}
.table th,.table td,.table{
    border: none !important;
}
/*TABLES END*/
/* checkbox custom style start*/
input[type="checkbox"]{
    cursor: pointer;
    -webkit-appearance: none;
    position: unset;
    margin-right: 10px;
    margin-top: 0;
    padding-right: 5px;
    width: 20px;
    height: 20px;
    background: transparent !important;
    border: 1px solid #57547D !important;
    margin-bottom: -5px;
    border-radius: 100%;
    margin-left: .5rem;
    padding-top: 2px; }

input[type="checkbox"]:checked{
    width: 20px;
    height: 20px;
    border-color: #01b075 !important;
    position: relative;
    background: #44ccda !important;
}

input[type="checkbox"]:checked:after{
    content: "\2713";
    position: absolute;
    top: 1px;
    right: 6px;
    font-size: .8rem;
    color: #ffffff !important; }
/* checkbox custom style end*/

/* SIDEBAR MENU START*/
.main-header .logo img{
    width: 3rem;
    height: 3rem;
    margin: unset !important;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a{
    color: #396aff !important;
    background: #eef5ff !important;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{
    background-color: #ffffff  !important;
    box-shadow: 0px 0px 10px 1px #d2def0;
}
.sidebar-menu li{
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
/*.sidebar-menu li:hover{*/
/*    background-color: #2a2657;*/
/*}*/
/*.sidebar-menu li.active{
    !*background-color: #2a2657;*!
    border-left: 3px solid #396aff;
}
.sidebar-menu li.active a{
    border-left: 0 !important;
}*/
.sidebar ul li:last-child a:hover{
    color:#ff518b  !important;
}
.navbar{
/*    background-color: #efeff7 !important;*/
    background-color: #fff !important;
}
.skin-blue .main-header .logo{
    font-family: IRANSans;
    background-color: #ffffff;
    color: #2544a4;
    /*border-bottom: 1px solid #423f6a;*/
    /*border-left: 1px solid #423f6a;*/
}
.sidebar-menu{
    margin-top: 2rem;
}
/* SIDEBAR MENU END*/

/*SERVICES PAGE*/
.product span.feature-value{
    font-weight: unset !important;
    font-family: IRANSans;
}
.custom_service_item_gift{
    width: 1.3rem;
    height: 1.3rem;
    fill: #ff41a3;
    /*fill: #ef5025;*/
}
.custom_service_item_ip{
    width: 1.3rem;
    height: 1.3rem;
    fill: #396aff;
}
.custom_service_item_info svg{
    width: 1.3rem;
    height: 1.3rem;
    fill: #5b73a0;
}
.custom_service_item_info{
    cursor: pointer;
}
.product ul{
    padding-right: 0 !important;
}
.product ul li{
    margin-bottom: 1rem;
}
.product,.product-info,.order-summary{
    border: 1px solid #dbd6e6 !important;
    color: #333333 !important;
    background-color: transparent !important;
    padding: 10px 15px;
}
.summary-container{
    font-size: .9rem;
    background-color: transparent !important;
}
.summary-container .total-due-today{
    padding-top: 1rem;
    border-top: 1px dashed #433F79;
}
.summary-container .total-due-today .amt{
    color: #01b075;
    font-size: 1.3rem;
}
.summary-container .clearfix{
    margin-bottom: 1rem;
}
.total-due-today{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.sub-heading{
    border-color: #2d2962 !important;
}
.sub-heading span{
    background-color: #2d2962;
    border-right: 3px;
    color: #b8c7ce;
}
.panel-addon .panel-body label{
    font-weight: unset;
    color: #b8c7ce;
}
.panel-addon .panel-price{
    background-color: #1a183f;
}
/*.product:hover{*/
/*    border-color: #01C8EF !important;*/
/*    transition: all .5s;*/
/*}*/
.product .product-desc{
    padding: 0 !important;
}
.product footer{
    margin: 0;
}

/*SERVICE - PAYMENT START*/
.view-cart-items{
    border-bottom: none !important;
    border: 1px solid #dbd6e6;
}
.view-cart-items .item{
    background-color: transparent;
    border: 1px solid #dbd6e6 ;
}
.view-cart-items-header{
    background-color: #ffffff;
    color: #333333;
    border-top: 1px solid #dbd6e6;
    border-left: 1px solid #dbd6e6;
    border-right: 1px solid #dbd6e6;
}
.custom_delete_btn_table{
    background: #ff587b6b;
    padding: .3rem .8rem;
    color: #e33476;
}
.custom_delete_btn_table:hover,.custom_delete_btn_table:focus{
    background: #e919446b !important;
    color: #a73661;
}
.custom_edit_btn_table{
    background: #0084ff36 !important;
    padding: .3rem .8rem;
    color: #0084ff;
}
.custom_edit_btn_table:hover,.custom_edit_btn_table:focus{
    background: #0084ff6e !important;
    color: #0084ff;
}
.custom_view_btn_table{
    background: rgba(115, 246, 242, 0.22) !important;
    padding: .3rem .8rem;
    color: rgba(0, 234, 255, 0.8);
}
.custom_view_btn_table:hover,.custom_edit_btn_table:focus{
    background: rgba(115, 246, 242, 0.48) !important;
    color: #00ffea;
}
.custom_green_label{
    color: #2f9a45 !important;
    background: #55e67933 !important;
    padding: .3rem .5rem !important;
    width: max-content !important;
    border-radius:3px !important;
}
.custom_purple_label{
    color: #c607c0;
    background: #ff32f91c;
    padding: .3rem .5rem;
    width: max-content;
    border-radius: 3px;
}
.custom_primary_label{
    color: #5b73a0;
    background: #efeff7;
    padding: .3rem .5rem;
    width: max-content;
    border-radius: 3px;
}
.item-price span{
    font-size: 1.2rem;
}
/*SERVICE - PAYMENT END*/

/*SERVICE - FINAL PAY START*/
.custom_pay_item_money{
    width: 1.5rem;
    height: 1.5rem;
    fill: #5b73a0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.custom_pay_item_cart{
    width: 1.5rem;
    height: 1.5rem;
    fill: #5b73a0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.custom_dark_rounds{
    background-color: #efeff7;
    width: 3rem;
    height: 3rem;
    position: relative;
    border-radius: 100%;
}
/*SERVICE - FINAL PAY END*/

/*TICKET START*/
.inner-container,.panel{
    background-color: transparent;
    border: 1px solid #433F79 !important;
    color: #b8c7ce !important;
}
.alert-default{
    background-color: transparent !important;
}
.custom_ticket_view{
    color: #b8c7ce;
    border: 1px dashed #dbd6e6 !important;
}
.custom_ticket_view_comment p{
    color: #333333 !important;
}
.custom_ticket_view_comment .nav-tabs{
    border-bottom:none !important;
}
.custom_ticket_view .alert-default{
    box-shadow: none !important;
    color: #333333;
    margin-bottom:0 !important;
    padding: 0 !important;
}
.custom_ticket_item_note svg{
    width: 1.5rem;
    height: 1.5rem;
    fill: #0084ff;
}
.custom_ticket_item_note h3{
    color: #5b73a0 !important;
}
.custom_icon_bg_orange svg{
    width: 1.5rem;
    height: 1.5rem;
    fill:#396aff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.custom_icon_bg_orange{
    background-color: #e9ecff;
    position: relative;
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    margin-left: .5rem;
}
.custom_icon_bg_green svg{
    width: 1.5rem;
    height: 1.5rem;
    fill:#396aff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.custom_icon_bg_green{
    background-color: #e9ecff;
    position: relative;
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    margin-left: .5rem;
}
.custom_icon_bg_purple svg{
    width: 1.5rem;
    height: 1.5rem;
    fill:#396aff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.custom_icon_bg_purple{
    background-color: #e9ecff;
    position: relative;
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    margin-left: .5rem;
}
.custom_icon_bg_blue svg,.custom_icon_bg_blue .fa{
    width: 1.5rem;
    height: 1.5rem;
    fill:#396aff;
    color:#396aff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin-left: 0;
    font-size: 1.5rem;
}
.custom_icon_bg_blue{
    background-color: #e9ecff;
    position: relative;
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    margin-left: .5rem;
}
.custom_icon_blue{
    width: 1.3rem;
    height: 1.3rem;
    fill:#41c1ff;
}
.custom_txt_blue{
    color: #41c1ff !important;
}
.clientticket:not(:last-child){
    border-bottom: 1px solid #dbd6e6  ;
}
.clientticket,.send-ticket-replay{
    box-shadow: none !important;
}

/*TICKET END*/
/*RESPONSIVE*/
@media (max-width: 1024px){
    #register_box{
        margin-top: 5rem;
    }
    .custom_login_input{
        width: 80% !important;
    }
}
@media (max-width: 992px){
    html{
        font-size: 80%;
    }
    .login100-pic{
        display: block;
    }
    .custom_login_wrap{
        flex-direction: column-reverse;
    }
    .login100-pic{
        width: 70% !important;
    }
}
@media (max-width: 576px) {
    /*.box{*/
    /*    padding: 0;*/
    /*}*/
    html{
        font-size: 75%;
    }
    .login100-pic{
        display: none;
    }
    .custom_login_input{
        width: 100% !important;
    }
}

/*
.modal-content{
    background-color: #1f1d45 !important;
}
.modal-content .modal-header {
    border-bottom-color: #161432 !important;
}
.modal-content .modal-footer{
    border-top-color: #161432 !important;
}
*/


.skin-blue .sidebar a{
    color: #5b73a0;
}
.skin-blue .main-header .navbar .sidebar-toggle{
    color: #1a2226;
}
table thead{
    border-bottom: 1px solid #c3c6db;
}
.order-summary h2{
    color: #5b73a0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: IRANSans !important;
}
#errorMessage{
    background: #ff587b36 !important;
    color: #e33476 !important;
    border: none !important;
}
#errorMessage:hover,#errorMessage:focus{
    background: #e919444f !important;
    color: #a73661 !important;
    border: none !important;
}
#successMessage{
    background: rgba(115, 246, 135, 0.22) !important;
    color: rgba(77, 157, 127, 0.8) !important;
    border: none !important;
}
#successMessage:hover,#successMessage:focus{
    background: rgba(115, 246, 135, 0.4) !important;
    color:rgba(77, 157, 127, 0.8) !important;
    border: none !important;
}