﻿a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
textarea,input
{
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 1em;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    margin:0;
    padding:0;
}
button{
    outline: 0;
}
ul{
    list-style:none;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

b,
strong {
    /*
      Makes browsers agree.
      IE + Opera = font-weight: bold.
      Gecko + WebKit = font-weight: bolder.
    */
    font-weight: bold;
}

img {
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

li {
    display: list-item;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td,
caption {
    font-weight: normal;
    vertical-align: top;
}
textarea:focus, input:focus {
    outline: none;
}

svg {
    overflow: hidden;
}

body, textarea, input, select, label , button{font-family:IRANSans,IRANSans2, IRMitra,Georgia,Tahoma;}
body {
    direction: rtl;
    text-align: right;
    -webkit-font-smoothing:antialiased;
    text-shadow:1px 1px 1px rgba(0,0,0,0.003);
    font-size:62%;
    font-size:1em;   
   
}
a {
    text-decoration:none; color:#000000;
}
a:hover {
    color:#00AFEF; 
}


.p_pointer {
    cursor:pointer
}

.p_button,.public_button{
    font-family:IRANSans,IRANSans2, IRMitra,Georgia,Tahoma;
    border-style: none;
    width:120px;
    height:2em;
    line-height:2em;
    text-align: center;
    cursor: pointer;
    background-color: #AE4A84;
    color:#FFFFFF;
    font-size:.95em;
    padding: 0 5px;
    margin:1px;

}
.p_button:hover,.public_button:hover {
    background-color: #D08AB5;
}
.p_select,.public_select {
    border: 2px solid #9996C7;
    width: 175px;
    height: 25px;
    line-height:25px;
    font-size:12px;
}
.p_text,.public_text{
    border: 1px solid #9996C7;
    width: 175px;
    height: 25px;
    padding-right:5px;
    padding-left:5px;
    line-height:25px;
    font-size:12px;
}
.p_en,.public_en  {
    direction:ltr;font: normal normal 500 1.2em/1.8em Times New Roman, Times, serif;font-size:12px;
}
.p_fa,.public_fa {
    direction:rtl; text-align:right;
}
.p_text_number,.public_text_number {
    border: 2px solid #9996C7;
    width: 30px;
    height: 20px;
    padding-right:3px;
    padding-left:3px;
    direction:ltr;
    text-align:left;
    font-size:12px;
}
.p_error {
    width:100%;
    text-align:center;
    color:red;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.p_table_sel{
    display: table-cell;
    vertical-align: top;
}

.txt-right{
    text-align: right;}
.txt-left{
    text-align: left;}
.txt-center{
    text-align: center;
  
}
/*rabie*/
.xdebug-var-dump{text-align:left}/*transfered to extends*/


.start {
}
#goloff{width:100%;}
#management_menu_mask,#management_menu{display: none;}
#login_form {
    width:0px;
    height:0px;
}
#profile_exit {
    display:inline-block;
    color:#a54586;
    padding-right:5px;
    font-size:12px;
    cursor:pointer;

}
/********************video**************************/
.vContainer{
    width:100%;
    padding: 10px;
}
.box-img{
    display: inline-block;
    width: 160px;
}
.box-text{
    padding-right: 5px;
    display: inline-block;
    width: 200px;
    vertical-align: top;
}
.titleBox{
    width: 100%;
}
.desc{
    font-size: 14px;
    color: 	#909090;
}

.video_element{
    width:390px;
    height:360px;
    display:inline-block;
}
.video_element img {
    width:390px;
    height:220px;
}
.video_element_body {
    border-right:solid 1px #e8e8e8;
    border-bottom:solid 1px #e8e8e8;
    border-left:solid 1px #e8e8e8;
    height:140px;
}
.video_element_body>h4{
    height:40px;
    line-height:40px;
    font-size:16px;
    font-weight:500;
    padding-top:5px;
    padding-right:10px;
}
.video_element_body a{
    color:#2F2B60;
}
.video_element_body > p {
    display:block;
    width:100%;
    overflow:hidden;
    height:20px;
    line-height:20px;
    font-size:12px;
    color:#96989A;
    padding-right:10px;
}
.video_element_body > div {
    margin-top:55px;
    font-size:12px;
    color:#96989A;
    padding-right:10px;
}
.video_element label {
    display:inline-block;
}
/***********article reading**************/
.aContainer{
    width:100%;
    border: 1px solid #ccc;
}
.a-box-img{
    display: inline-block;
    width: 100%;
}
.a-box-text{
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.aTitleBox{
    width: 100%;
}
.a-slid-cakeoff-img{
    width: 100%;
    height: 300px;
}
.a-box-text h4{
    height:40px;
    line-height:40px;
    font-size:16px;
    font-weight:500;
    padding-top:5px;
    overflow: hidden;
    padding-right: 10px;
}
.a-box-text p{
    display:block;
    width:100%;
    overflow:hidden;
    height:20px;
    line-height:20px;
    font-size:12px;
    color:#96989A;
    padding-right: 10px;
}
.a-box-text a{
    color:#2F2B60;
}
.a-box-text > div {
    margin-top:35px;
    font-size:12px;
    color:#96989A;
}
/*//////////////////ARTICLE////////////////////*/
.article_element {
    width:390px;
    height:430px;
    display:inline-block;     
     
}
.article_element img {
    width:390px;
    height:300px;
}
.article_element_body {
    border-right:solid 1px #e8e8e8;
    border-bottom:solid 1px #e8e8e8;
    border-left:solid 1px #e8e8e8;
    height:130px;
}
.article_element_body>h4{
    height:40px;
    line-height:40px;
    font-size:16px;
    font-weight:500;    
    padding-top:5px;
    padding-right:10px;
    overflow: hidden;
}
.article_element_body a{
    color:#2F2B60;
}
.article_element_body > p {
    display:block;
    width:100%;
    overflow:hidden;
    height:20px;
    line-height:20px;
    font-size:12px;
    color:#96989A;
    padding-right:10px;
}
.article_element_body > div {
    margin-top:40px;
    font-size:12px;
    color:#96989A;
    padding-right:10px;
}
.article_element label {
    display:inline-block;
}
.article_element_icon {
    width:13px;
    height:13px;
    font-size:10px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    background-repeat:no-repeat;
    background-size: contain;
}
.article_element_label {
    width:100px;
    overflow: hidden;
    display: inline-block;
}

.source{
    width: 80px;
    height: 17px;
    line-height: 17px;
}
.date{
    width: 100px;
    height: 17px;
    line-height: 17px;
}
.date_search{
    width: 58px;
    height: 17px;
    line-height: 17px;
}
.comment_txt{
    width: 30px;
    height: 17px;
    line-height: 17px;
}
.time{
    background-image:url("http://192.168.4.10/cakeoff/cakeoff.ir/folder/img/icons_mobile/time2.png");
}
.comment{
    background-image:url('http://192.168.4.10/cakeoff/cakeoff.ir/folder/img/icons_mobile/comment2.png');
}
.icon{
    background-image:url('http://192.168.4.10/cakeoff/cakeoff.ir/folder/img/icons_mobile/icon2.png');
}
.img-toman1 {
    background-image: url("http://192.168.4.10/cakeoff/cakeoff.ir/folder/img/icons/toman3.svg");
}
.img-toman2 {
    background-image: url("http://192.168.4.10/cakeoff/cakeoff.ir/folder/img/icons/toman-red.svg");
}
.favorite-icon-slider2{
    width: 42px;
    height: 37px;
    top: 10px;
    left: -50px;
    background:url(http://192.168.4.10/cakeoff/cakeoff.ir/folder/img/product/ghalb-tukhali.svg) no-repeat center;
    position: absolute;
    cursor: pointer;
    background-size:contain ;
    display: inline-block;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s cubic-bezier(.35,0,.25,1);


}
.close_tag{
    width: 24px;
    height: 21px;
    top: 10px;
    left: 10px;
    background:url(http://192.168.4.10/cakeoff/cakeoff.ir/folder/img/icons/shopping-icon/mo-cancel-icon.gif) no-repeat center;
    position: absolute;
    cursor: pointer;
    background-size:contain ;
}
.tag-icon{
    width: 42px;
    height: 37px;
    top: 60px;
    left: -50px;
    background:url(http://192.168.4.10/cakeoff/cakeoff.ir/folder/img/icons/3dot.svg) no-repeat center;
    position: absolute;
    cursor: pointer;
    background-size:contain ;

    display: inline-block;
    -moz-transition: left .5s;
    -webkit-transition: left .5s;
    -o-transition: left .5s;
    transition: left .5s cubic-bezier(.35,0,.25,1);
    transition-delay: .3s;
}
.favorite-icon-slider3{
    width: 42px;
    height: 37px;
    top: 10px;
    left: 10px;
    background:url(http://192.168.4.10/cakeoff/cakeoff.ir/folder/img/product/ghalb-tupor.svg) no-repeat center;
    position: absolute;
    cursor: pointer;
    background-size:contain ;
}
/* tooltip start */
#tooltip {
    text-align: center;
    color: #fff;
    background: #696969;
    position: absolute;
    z-index: 50000;
    line-height:1.8em;
    padding: 10px;
    font-size: .7em;
    border-radius: 2px; 
    box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}
#tooltip:after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #696969;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
#tooltip.top:after {
            border-top-color: transparent;
            border-bottom: 10px solid #696969;
            top: -20px;
            bottom: auto;
        }
#tooltip.left:after {
            left: 10px;
            margin: 0;
        }
#tooltip.right:after{
            right: 10px;
            left: auto;
            margin: 0;
        }

.slice{
    width:32%;
    display: inline-block;
}


/*////////////////////////////////*/

/*/////////////////LODING/////////////////////*/
.progress {
    display: block;
    text-align: center;
    width: 0;
    height: 3px;
    background: #8C145A;
    transition: width .3s;
    position:absolute;
    top:0px;
}
.hide_progress {
    opacity: 0;
    transition: opacity 1.3s;
}
.hide_progress2 {
    opacity: 0;
}
/*/////////////////LODING/////////////////////*/

.public_mask {
    z-index: 5000;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(1, 1, 1, 0.47);
}
.public_exit_img {
    float:right;
    height:20px;
    border-radius:5px;
    margin:10px;
    cursor: pointer;
   
}

.public-jq-top {
    width:100%;
    height:40px;
    background: -moz-linear-gradient(left, rgba(25,25,125,1) 0%, rgba(69,77,147,1) 52%, rgba(25,25,125,1) 100%, rgba(25,25,125,1) 101%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(25,25,125,1)), color-stop(52%,rgba(69,77,147,1)), color-stop(100%,rgba(25,25,125,1)), color-stop(101%,rgba(25,25,125,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(25,25,125,1) 0%,rgba(69,77,147,1) 52%,rgba(25,25,125,1) 100%,rgba(25,25,125,1) 101%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(25,25,125,1) 0%,rgba(69,77,147,1) 52%,rgba(25,25,125,1) 100%,rgba(25,25,125,1) 101%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(25,25,125,1) 0%,rgba(69,77,147,1) 52%,rgba(25,25,125,1) 100%,rgba(25,25,125,1) 101%); /* IE10+ */
    background-color: #19197D;
}
.public-jq-top1 {
    box-shadow:1px 1px 10px black;
}
.public-jq-top label{
    display: block;
    width:100%;
    text-align:center;
    color:white;
    line-height:40px;
    font-weight:bold;
}
.public-jq-container {
    width:100%;
    margin:auto;
    background-color:#FFFFFF;
    /*border:solid 1px black;*/
    box-shadow:1px 1px 10px black;
    height:90%;
    overflow:auto;
}
.public-jq-container1 {
    width:100%;
    background-color:#FFFFFF;
    /*border:solid 1px black;*/
    box-shadow:1px 1px 10px black;
    height:100%;
    overflow:auto;
}

#profile_picture{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
/*////////////////////////////////////////////////////////////////////*/
.main-slid-cakeoff {
    width:1200px;
    margin:0px auto 80px auto;
}
.slid-cakeoff-sel1, .slid-cakeoff-sel2, .slid-cakeoff-sel3 {
    display:table-cell;
    vertical-align:middle;
    height:370px;          
}
.slid-cakeoff-sel1,.slid-cakeoff-sel3 {
        width:50px;             
}       
.slid-cakeoff-part {
    display:table-cell;
    vertical-align:top;
    width:260px;
    height:360px;
    border:solid 1px #e8e8e8;
    overflow: hidden;
    position: relative;
}
.slid-cakeoff-img {
    width:258px;
    height:207px;
}        
.main_slid {
    display:none;
}
.slid-cakeoff-sel2 {
    width:1092px;            
}
.slid-cakeoff-sel2_main {
    width:1092px;
    overflow:hidden; 
    position:relative;
    height:360px;
}
.slid-cakeoff_scrollable {
    position:absolute;
    width:3324px;
    right:-1108px;    
    height:360px;            
}
.main_slid_div {
    position:absolute;
    display:table-cell;
    vertical-align:top;
    width:1108px;
    height:360px;                 
}
.slid_cakeoff_part_magin {
    display:table-cell;
    width:17px;
}
.main_slid_right {
        right:0px;
}   
.main_slid_main {
        right:1108px;
}   
.main_slid_left {
        right:2216px;
}       
    .slid-cakeoff-body h3 {
        font-size:14px;
        padding:10px;            
}  
.slid-cakeoff-body a {
    color:#000000;
}            
.img_slid-cakeoff-body {
    display:table-cell;
    vertical-align:bottom;
    width:100px;
    height:107px;            
}
.text_slid-cakeoff-body {
    display:table-cell;
    vertical-align:top;
    height:107px;      
    width:140px;
    text-align:left;
    font-size:12px;
    line-height:20px;
}
.img_slid-cakeoff-body > img {
    width:45px;
    height:60px;
    margin-right:5px;            
}
.text_slid-cakeoff-body-discount {
    color:#FF0000;
}
.img-toman1,.img-toman2 {
    display:inline-block;
    width:11px;
    height:8px;     
    background-size:100% 100%;
}

.line_price {
   text-decoration:line-through;
}
/*/////////////////////////////////////////////////////////////////////////////*/

#product-popular,#product-bestselling,#product-similar {
    font-size:16px;
    height:20px;
    line-height:20px;  
    width:1092px;
    margin:20px auto;
    margin-top:40px;
    font-weight:bold;
}
.center_1200 {
    width:1200px;
    margin:0px auto;
}
.table_cel {
    display:table-cell;
    vertical-align:top;
}

/*//////////////TABLE//////////////*/
.rTable { display: table; width:100%;}
.rTableRow { display: table-row;}
.rTableHeading { display: table-header-group; }
.rTableBody { display: table-row-group; }
.rTableFoot { display: table-footer-group; }
.rTableCell { display: table-cell;}
.rTableCell_end {padding-left:0px;}




/*////////////////////////////////////////////////////////////gallery*/
.gallery_element {
    display:table-cell;
    vertical-align:top;
    width:400px;
    height:167px;
    border:solid 1px #e8e8e8;
}
.gallery_element_img {
    width: 152px;
    height: 167px;
}

#loading-img-fix{
    margin:auto;

}
.full_page{
    min-width:1200px ;
    margin:auto;
}

.hover-shadow:hover{
    box-shadow: 0px 1px 3px 2px #BDBCBC;
    -moz-box-shadow: 0px 1px 3px 2px #BDBCBC;
    -webkit-box-shadow:  0px 1px 3px 2px #BDBCBC;
    -o-box-shadow:  0px 1px 3px 2px #BDBCBC;
    transition: all  200ms;
}

.add_mask>.mask_product{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #aaaaaa;
    width:100%;
    height: 100%;
    opacity: 0.9;
    overflow: auto;
    display: none;
}
.mask_product{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #aaaaaa;
    width:100%;
    height: 100%;
    opacity: 0.9;
    overflow: auto;
}
.product_description{
    position: relative;
    padding: 0 10px;
    text-align: justify;
    cursor: pointer;
}
.product_more_details{
    position: relative;
    padding: 0 10px;
    text-align: justify;
    width: 100%;
}
.span_details{
    width: 100%;
    font-size: 13px;
    display: inline-block;
}
.div_tag{
    margin-right: 10px;
}
.div_tag_close{
    height: 35px;
    width: 100%;
}

.tag_span{
    height: 27px;
    line-height: 27px;
    background-color: wheat;
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
    margin: 3px;
    margin-bottom: 5px;
    display: inline-block;
}
.tag_span1{
    height: 27px;
    line-height: 27px;
    background-color: #99ccff;
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
    margin: 3px;
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
}
.div_img_product{
    position:relative;
}
.div_img_product:hover>.favorite-icon-slider2{
    left: 10px;
}
.div_img_product:hover>.tag-icon{
    left: 10px;
}


#rMessageBox{
    position: fixed;
    text-align: center ;
    top:30%;
    left: 0;
    width:100%;
    z-index:100000;
    opacity:0;
}
#rMessageBox>div{
    display: inline-block;
    background-color: #483d45;
    color: #fff;
    text-align: center;
    margin: auto;
    padding: 30px 60px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 1px 1px 4px 1px #000000;
    -moz-box-shadow: 1px 1px 4px 1px #000000;
    box-shadow: 1px 1px 4px 1px #000000;
}
div#rMessage:after {
    content: "×";
    width: 20px;
    height: 20px;
    display: inline-block;
    top: -10px;
    right: -10px;
    position: absolute;
    background: #ffffff;
    color: #73275d;
    font-weight: bold;
    border: 1px solid #752b60;
    border-radius: 10vw;
    line-height: 1.5;
    cursor:pointer;
}
#rMessage{position: relative;}

#rYNMessageBox{
    position: fixed;
    text-align: center;
    top: 0;
    padding-top: 10%;
    height: 100%;
    left: 0;
    width: 100%;
    background: #0000006b;
    z-index: 1000000;
    opacity: 0;
}
#rYNMessageBox button{
    margin: 11px;
    min-width: 100px;
    border-radius: 2px;
    border: none;
    padding: 5px;
    cursor: pointer;
    font-weight: bold;
}
#rYNMessageBox button:hover{  background: #ebff4f;}
#rYNMessageBox>div{
    display: inline-block;
    background-color: #772a63f2;
    color: #fff;
    text-align: center;
    border: 2px solid #e6e6e6;
    /* border-radius: 3px; */
    margin: auto;
    padding: 30px 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
div#rMessage:after {
    content: "×";
    width: 20px;
    height: 20px;
    display: inline-block;
    top: -10px;
    right: -10px;
    position: absolute;
    background: #ffffff;
    color: #73275d;
    font-weight: bold;
    border: 1px solid #752b60;
    border-radius: 10vw;
    line-height: 1.5;
    cursor:pointer;
}
#rYNMessage{position: relative;}


#rPopupBox{
    position: fixed;
    text-align: center;
    top: 0;
    padding-top: 1%;
    height: 100%;
    left: 0;
    width: 100%;
    background: #00000066;
    z-index: 100000;
    opacity: 0;
}
#rPopupBox button{
    margin: 11px;
    min-width: 100px;
    border-radius: 2px;
    border: none;
    padding: 5px 15px;
    background: #6b3251;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}
#rPopupBox button:hover{  background: #ebff4f; color:#000}
#rPopupBox>div{
    display: inline-block;
    background-color: #fff;
    color: #000;
    text-align: center;
    margin: auto;
    padding: 30px 60px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    max-height: 99vh;
    overflow: auto;
}

#rPopup{position: relative;}




.w15{width:15px;}
.w25{width:25px;}
.w50{width:50px;}
.w75{width:75px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w175{width:175px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}

.rShowLogin {
    background: #ae4a84;
    color: #fff;
    padding: 10px 17px !important;
    border-radius: 4px;
    border:none;
    font-size: 17px;
    cursor: pointer;
}
.rShowLogin:hover{
    background: #be4c95;
}/*create and developed by Rabie*/
/*first alphabet from attribute name, 2 alphabet from attribute value*/
/*if attr name is two section name line "font-weight"=> we will use 2 alphabet that in this case is fw*/
.arrowRight1{
    width:0; height:0;
    border-style: solid;
    border-width: 20px;
    border-color: transparent transparent transparent grey ;
    border-right-width: 0;
}
.arrowLeft1{
    width:0; height:0;
    border-style: solid;
    border-width: 20px;
    border-color: transparent grey transparent transparent  ;
    border-right-width: 0;
}
.arrowTop1{
    width:0; height:0;
    border-style: solid;
    border-width: 20px;
    border-color: transparent transparent grey transparent  ;
    border-right-width: 0;
}
.arrowBottom1{
    width:0; height:0;
    border-style: solid;
    border-width: 20px;
    border-color: grey transparent transparent transparent  ;
    border-right-width: 0;
}
.bw2{border-width: 2px;}
.bw4{border-width: 4px;}
.bw6{border-width: 6px;}
.bw8{border-width: 8px;}
.bw10{border-width: 10px;}


.pre{position:relative}
.pab{position:absolute}
.pfi{position: fixed}
.vto{vertical-align: top}
.vato{vertical-align: top}
.vmi{vertical-align: middle}
.vami{vertical-align: middle}
.vbo{vertical-align: bottom}
.vabo{vertical-align: bottom}

.tce{text-align: center}
.tace{text-align: center}
.tale{text-align: left}
.tle{text-align: left}
.tri{text-align: right}
.tari{text-align: right}
.dlt{direction: ltr}
.drt{direction: rtl}
.tdli{text-decoration: line-through}
.fbo{font-weight: bold;}
.vhi{visibility: hidden}
.vvi{visibility: visible}
.fl{float:left}
.fle{float:left}
.fr{float:right}
.fri{float:right}




.col5{display:inline-block;width:4%;}
.col10{display:inline-block;width:9%;}
.col15{display:inline-block;width:9%;}
.col20{display:inline-block;width:18%;}
.col25{display:inline-block;width:24%;}
.col30{display:inline-block;width:28%;}
.col35{display:inline-block;width:34.5%;}
.col40{display:inline-block;width:39.5%;}
.col45{display:inline-block;width:44%;}
.col50{display:inline-block;width:49.5%;}
.col55{display:inline-block;width:54%;}
.col60{display:inline-block;width:58%;}
.col65{display:inline-block;width:58%;}
.col70{display:inline-block;width:68%;}
.col75{display:inline-block;width:74.5%;}
.col80{display:inline-block;width:79%;}
.col85{display:inline-block;width:84.5%;}
.col90{display:inline-block;width:89%;}
.col95{display:inline-block;width:94.5%;}
.col100{display:inline-block;width:100%;}


.colT5{display:table-cell;width:5%;}
.colT10{display:table-cell;width:10%;}
.colT15{display:table-cell;width:15%;}
.colT20{display:table-cell;width:20%;}
.colT25{display:table-cell;width:25%;}
.colT30{display:table-cell;width:30%;}
.colT35{display:table-cell;width:35%;}
.colT40{display:table-cell;width:40%;}
.colT45{display:table-cell;width:45%;}
.colT50{display:table-cell;width:50%;}
.colT55{display:table-cell;width:55%;}
.colT60{display:table-cell;width:60%;}
.colT65{display:table-cell;width:65%;}
.colT70{display:table-cell;width:70%;}
.colT75{display:table-cell;width:75%;}
.colT80{display:table-cell;width:80%;}
.colT85{display:table-cell;width:85%;}
.colT90{display:table-cell;width:90%;}
.colT95{display:table-cell;width:95%;}
.colT100{display:table-cell;width:100%;}


.mau{margin: auto}
.cpo{cursor: pointer;}
.fwbo{font-weight: bold;}


.pubError{color:red}
.pubTip{color:red}
.din{display: inline-block}
.dbl{display: block}
.dib{display: inline-block}
.dno{display: none}
.dtc{display: table-cell;}
.dfl{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */}
.tlf{table-layout: fixed;}

.fwno{flex-wrap: nowrap;}
.fwwr{flex-wrap: wrap;}
.ta3{transition: all 0.3s}
.fs10{font-size: 10px}
.fs12{font-size: 12px}
.fs14{font-size: 14px}
.fs16{font-size: 16px}
.fs18{font-size: 18px}
.fs20{font-size: 20px}
.fs22{font-size: 22px}
.fs24{font-size: 24px}
.fs26{font-size: 26px}

.rShadow{
    box-shadow: 0 1px 1px 0 #aba9a9;
    -webkit-box-shadow: 0 1px 1px 0 #aba9a9;
    -o-box-shadow: 0 1px 1px 0 #aba9a9;
    -moz-box-shadow: 0 1px 1px 0 #aba9a9;
}

.w1200{width:1200px; margin: auto;}

.br1{
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;}
.br2{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.br3{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.round{
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;}
.p2{padding: 2px;}
.p4{padding: 4px;}
.p6{padding: 6px;}
.p8{padding: 8px;}
.p10{padding: 10px;}
.p12{padding: 10px;}
.p14{padding: 10px;}

.rShadow{
    box-shadow: 0 2px 2px 0 #aba9a9;
    -webkit-box-shadow: 0 2px 2px 0 #aba9a9;
    -o-box-shadow: 0 2px 2px 0 #aba9a9;
    -moz-box-shadow: 0 2px 2px 0 #aba9a9;
}
.rShadow1{
    box-shadow: 0 1px 1px 0 #aba9a9;
    -webkit-box-shadow: 0 1px 1px 0 #aba9a9;
    -o-box-shadow: 0 1px 1px 0 #aba9a9;
    -moz-box-shadow: 0 1px 1px 0 #aba9a9;
}
.payBtn{
    background-color: #4caf50;
    color:#fff;
}
.rSaveBtn{
    border:1px solid #398439;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:5px 10px;
    cursor:pointer;
    background-color: #4caf50;
    color:#fff;
}
.rSaveBtn:hover{
    background-color: #398439;
}
.hf:hover{
    background-color: #a5a5a5 !important;
}

.coc.bg{ background-color: #571845}
.coc.text{color:#571845}
.coc2.bg{ background-color: #ae4a84}
.coc2.text{color:#ae4a84}
.bg.cgrey{background-color: #EBECEC}
.text.cgrey{color: #EBECEC}/******rColor file*****/
.red.bg {
    background-color: #F44336;
}
.red.text {
    color: #F44336;
}
.red-50.bg {
    background-color: #FFEBEE;
}
.red-50.text {
    color: #FFEBEE;
}
.red-100.bg {
    background-color: #FFCDD2;
}
.red-100.text {
    color: #FFCDD2;
}
.red-200.bg {
    background-color: #EF9A9A;
}
.red-200.text {
    color: #EF9A9A;
}
.red-300.bg {
    background-color: #E57373;
}
.red-300.text {
    color: #E57373;
}
.red-400.bg {
    background-color: #EF5350;
}
.red-400.text {
    color: #EF5350;
}
.red-500.bg {
    background-color: #F44336;
}
.red-500.text {
    color: #F44336;
}
.red-600.bg {
    background-color: #E53935;
}
.red-600.text {
    color: #E53935;
}
.red-700.bg {
    background-color: #D32F2F;
}
.red-700.text {
    color: #D32F2F;
}
.red-800.bg {
    background-color: #C62828;
}
.red-800.text {
    color: #C62828;
}
.red-900.bg {
    background-color: #B71C1C;
}
.red-900.text {
    color: #B71C1C;
}
.red-A100.bg {
    background-color: #FF8A80;
}
.red-A100.text {
    color: #FF8A80;
}
.red-A200.bg {
    background-color: #FF5252;
}
.red-A200.text {
    color: #FF5252;
}
.red-A400.bg {
    background-color: #FF1744;
}
.red-A400.text {
    color: #FF1744;
}
.red-A700.bg {
    background-color: #D50000;
}
.red-A700.text {
    color: #D50000;
}

.pink.bg {
    background-color: #E91E63;
}
.pink.text {
    color: #E91E63;
}
.pink-50.bg {
    background-color: #FCE4EC;
}
.pink-50.text {
    color: #FCE4EC;
}
.pink-100.bg {
    background-color: #F8BBD0;
}
.pink-100.text {
    color: #F8BBD0;
}
.pink-200.bg {
    background-color: #F48FB1;
}
.pink-200.text {
    color: #F48FB1;
}
.pink-300.bg {
    background-color: #F06292;
}
.pink-300.text {
    color: #F06292;
}
.pink-400.bg {
    background-color: #EC407A;
}
.pink-400.text {
    color: #EC407A;
}
.pink-500.bg {
    background-color: #E91E63;
}
.pink-500.text {
    color: #E91E63;
}
.pink-600.bg {
    background-color: #D81B60;
}
.pink-600.text {
    color: #D81B60;
}
.pink-700.bg {
    background-color: #C2185B;
}
.pink-700.text {
    color: #C2185B;
}
.pink-800.bg {
    background-color: #AD1457;
}
.pink-800.text {
    color: #AD1457;
}
.pink-900.bg {
    background-color: #880E4F;
}
.pink-900.text {
    color: #880E4F;
}
.pink-A100.bg {
    background-color: #FF80AB;
}
.pink-A100.text {
    color: #FF80AB;
}
.pink-A200.bg {
    background-color: #FF4081;
}
.pink-A200.text {
    color: #FF4081;
}
.pink-A400.bg {
    background-color: #F50057;
}
.pink-A400.text {
    color: #F50057;
}
.pink-A700.bg {
    background-color: #C51162;
}
.pink-A700.text {
    color: #C51162;
}

.purple.bg {
    background-color: #9C27B0;
}
.purple.text {
    color: #9C27B0;
}
.purple-50.bg {
    background-color: #F3E5F5;
}
.purple-50.text {
    color: #F3E5F5;
}
.purple-100.bg {
    background-color: #E1BEE7;
}
.purple-100.text {
    color: #E1BEE7;
}
.purple-200.bg {
    background-color: #CE93D8;
}
.purple-200.text {
    color: #CE93D8;
}
.purple-300.bg {
    background-color: #BA68C8;
}
.purple-300.text {
    color: #BA68C8;
}
.purple-400.bg {
    background-color: #AB47BC;
}
.purple-400.text {
    color: #AB47BC;
}
.purple-500.bg {
    background-color: #9C27B0;
}
.purple-500.text {
    color: #9C27B0;
}
.purple-600.bg {
    background-color: #8E24AA;
}
.purple-600.text {
    color: #8E24AA;
}
.purple-700.bg {
    background-color: #7B1FA2;
}
.purple-700.text {
    color: #7B1FA2;
}
.purple-800.bg {
    background-color: #6A1B9A;
}
.purple-800.text {
    color: #6A1B9A;
}
.purple-900.bg {
    background-color: #4A148C;
}
.purple-900.text {
    color: #4A148C;
}
.purple-A100.bg {
    background-color: #EA80FC;
}
.purple-A100.text {
    color: #EA80FC;
}
.purple-A200.bg {
    background-color: #E040FB;
}
.purple-A200.text {
    color: #E040FB;
}
.purple-A400.bg {
    background-color: #D500F9;
}
.purple-A400.text {
    color: #D500F9;
}
.purple-A700.bg {
    background-color: #AA00FF;
}
.purple-A700.text {
    color: #AA00FF;
}

.dpPurple.bg {
    background-color: #673AB7;
}
.dbPurple.text {
    color: #673AB7;
}
.dbPurple-50.bg {
    background-color: #EDE7F6;
}
.dbPurple-50.text {
    color: #EDE7F6;
}
.dbPurple-100.bg {
    background-color: #D1C4E9;
}
.dbPurple-100.text {
    color: #D1C4E9;
}
.dbPurple-200.bg {
    background-color: #B39DDB;
}
.dbPurple-200.text {
    color: #B39DDB;
}
.dbPurple-300.bg {
    background-color: #9575CD;
}
.dbPurple-300.text {
    color: #9575CD;
}
.dbPurple-400.bg {
    background-color: #7E57C2;
}
.dbPurple-400.text {
    color: #7E57C2;
}
.dbPurple-500.bg {
    background-color: #673AB7;
}
.dbPurple-500.text {
    color: #673AB7;
}
.dbPurple-600.bg {
    background-color: #5E35B1;
}
.dbPurple-600.text {
    color: #5E35B1;
}
.dbPurple-700.bg {
    background-color: #512DA8;
}
.dbPurple-700.text {
    color: #512DA8;
}
.dbPurple-800.bg {
    background-color: #4527A0;
}
.dbPurple-800.text {
    color: #4527A0;
}
.dbPurple-900.bg {
    background-color: #311B92;
}
.dbPurple-900.text {
    color: #311B92;
}
.dbPurple-A100.bg {
    background-color: #B388FF;
}
.dbPurple-A100.text {
    color: #B388FF;
}
.dbPurple-A200.bg {
    background-color: #7C4DFF;
}
.dbPurple-A200.text {
    color: #7C4DFF;
}
.dbPurple-A400.bg {
    background-color: #651FFF;
}
.dbPurple-A400.text {
    color: #651FFF;
}
.dbPurple-A700.bg {
    background-color: #6200EA;
}
.dbPurple-A700.text {
    color: #6200EA;
}

.indigo.bg {
    background-color: #3F51B5;
}
.indigo.text {
    color: #3F51B5;
}
.indigo-50.bg {
    background-color: #E8EAF6;
}
.indigo-50.text {
    color: #E8EAF6;
}
.indigo-100.bg {
    background-color: #C5CAE9;
}
.indigo-100.text {
    color: #C5CAE9;
}
.indigo-200.bg {
    background-color: #9FA8DA;
}
.indigo-200.text {
    color: #9FA8DA;
}
.indigo-300.bg {
    background-color: #7986CB;
}
.indigo-300.text {
    color: #7986CB;
}
.indigo-400.bg {
    background-color: #5C6BC0;
}
.indigo-400.text {
    color: #5C6BC0;
}
.indigo-500.bg {
    background-color: #3F51B5;
}
.indigo-500.text {
    color: #3F51B5;
}
.indigo-600.bg {
    background-color: #3949AB;
}
.indigo-600.text {
    color: #3949AB;
}
.indigo-700.bg {
    background-color: #303F9F;
}
.indigo-700.text {
    color: #303F9F;
}
.indigo-800.bg {
    background-color: #283593;
}
.indigo-800.text {
    color: #283593;
}
.indigo-900.bg {
    background-color: #1A237E;
}
.indigo-900.text {
    color: #1A237E;
}
.indigo-A100.bg {
    background-color: #8C9EFF;
}
.indigo-A100.text {
    color: #8C9EFF;
}
.indigo-A200.bg {
    background-color: #536DFE;
}
.indigo-A200.text {
    color: #536DFE;
}
.indigo-A400.bg {
    background-color: #3D5AFE;
}
.indigo-A400.text {
    color: #3D5AFE;
}
.indigo-A700.bg {
    background-color: #304FFE;
}
.indigo-A700.text {
    color: #304FFE;
}

.blue.bg {
    background-color: #2196F3;
}
.blue.text {
    color: #2196F3;
}
.blue-50.bg {
    background-color: #E3F2FD;
}
.blue-50.text {
    color: #E3F2FD;
}
.blue-100.bg {
    background-color: #BBDEFB;
}
.blue-100.text {
    color: #BBDEFB;
}
.blue-200.bg {
    background-color: #90CAF9;
}
.blue-200.text {
    color: #90CAF9;
}
.blue-300.bg {
    background-color: #64B5F6;
}
.blue-300.text {
    color: #64B5F6;
}
.blue-400.bg {
    background-color: #42A5F5;
}
.blue-400.text {
    color: #42A5F5;
}
.blue-500.bg {
    background-color: #2196F3;
}
.blue-500.text {
    color: #2196F3;
}
.blue-600.bg {
    background-color: #1E88E5;
}
.blue-600.text {
    color: #1E88E5;
}
.blue-700.bg {
    background-color: #1976D2;
}
.blue-700.text {
    color: #1976D2;
}
.blue-800.bg {
    background-color: #1565C0;
}
.blue-800.text {
    color: #1565C0;
}
.blue-900.bg {
    background-color: #0D47A1;
}
.blue-900.text {
    color: #0D47A1;
}
.blue-A100.bg {
    background-color: #82B1FF;
}
.blue-A100.text {
    color: #82B1FF;
}
.blue-A200.bg {
    background-color: #448AFF;
}
.blue-A200.text {
    color: #448AFF;
}
.blue-A400.bg {
    background-color: #2979FF;
}
.blue-A400.text {
    color: #2979FF;
}
.blue-A700.bg {
    background-color: #2962FF;
}
.blue-A700.text {
    color: #2962FF;
}

.lightblue.bg {
    background-color: #03A9F4;
}
.lightblue.text {
    color: #03A9F4;
}
.lightblue-50.bg {
    background-color: #E1F5FE;
}
.lightblue-50.text {
    color: #E1F5FE;
}
.lightblue-100.bg {
    background-color: #B3E5FC;
}
.lightblue-100.text {
    color: #B3E5FC;
}
.lightblue-200.bg {
    background-color: #81D4FA;
}
.lightblue-200.text {
    color: #81D4FA;
}
.lightblue-300.bg {
    background-color: #4FC3F7;
}
.lightblue-300.text {
    color: #4FC3F7;
}
.lightblue-400.bg {
    background-color: #29B6F6;
}
.lightblue-400.text {
    color: #29B6F6;
}
.lightblue-500.bg {
    background-color: #03A9F4;
}
.lightblue-500.text {
    color: #03A9F4;
}
.lightblue-600.bg {
    background-color: #039BE5;
}
.lightblue-600.text {
    color: #039BE5;
}
.lightblue-700.bg {
    background-color: #0288D1;
}
.lightblue-700.text {
    color: #0288D1;
}
.lightblue-800.bg {
    background-color: #0277BD;
}
.lightblue-800.text {
    color: #0277BD;
}
.lightblue-900.bg {
    background-color: #01579B;
}
.lightblue-900.text {
    color: #01579B;
}
.lightblue-A100.bg {
    background-color: #80D8FF;
}
.lightblue-A100.text {
    color: #80D8FF;
}
.lightblue-A200.bg {
    background-color: #40C4FF;
}
.lightblue-A200.text {
    color: #40C4FF;
}
.lightblue-A400.bg {
    background-color: #00B0FF;
}
.lightblue-A400.text {
    color: #00B0FF;
}
.lightblue-A700.bg {
    background-color: #0091EA;
}
.lightblue-A700.text {
    color: #0091EA;
}

.cyan.bg {
    background-color: #00BCD4;
}
.cyan.text {
    color: #00BCD4;
}
.cyan-50.bg {
    background-color: #E0F7FA;
}
.cyan-50.text {
    color: #E0F7FA;
}
.cyan-100.bg {
    background-color: #B2EBF2;
}
.cyan-100.text {
    color: #B2EBF2;
}
.cyan-200.bg {
    background-color: #80DEEA;
}
.cyan-200.text {
    color: #80DEEA;
}
.cyan-300.bg {
    background-color: #4DD0E1;
}
.cyan-300.text {
    color: #4DD0E1;
}
.cyan-400.bg {
    background-color: #26C6DA;
}
.cyan-400.text {
    color: #26C6DA;
}
.cyan-500.bg {
    background-color: #00BCD4;
}
.cyan-500.text {
    color: #00BCD4;
}
.cyan-600.bg {
    background-color: #00ACC1;
}
.cyan-600.text {
    color: #00ACC1;
}
.cyan-700.bg {
    background-color: #0097A7;
}
.cyan-700.text {
    color: #0097A7;
}
.cyan-800.bg {
    background-color: #00838F;
}
.cyan-800.text {
    color: #00838F;
}
.cyan-900.bg {
    background-color: #006064;
}
.cyan-900.text {
    color: #006064;
}
.cyan-A100.bg {
    background-color: #84FFFF;
}
.cyan-A100.text {
    color: #84FFFF;
}
.cyan-A200.bg {
    background-color: #18FFFF;
}
.cyan-A200.text {
    color: #18FFFF;
}
.cyan-A400.bg {
    background-color: #00E5FF;
}
.cyan-A400.text {
    color: #00E5FF;
}
.cyan-A700.bg {
    background-color: #00B8D4;
}
.cyan-A700.text {
    color: #00B8D4;
}

.teal.bg {
    background-color: #009688;
}
.teal.text {
    color: #009688;
}
.teal-50.bg {
    background-color: #E0F2F1;
}
.teal-50.text {
    color: #E0F2F1;
}
.teal-100.bg {
    background-color: #B2DFDB;
}
.teal-100.text {
    color: #B2DFDB;
}
.teal-200.bg {
    background-color: #80CBC4;
}
.teal-200.text {
    color: #80CBC4;
}
.teal-300.bg {
    background-color: #4DB6AC;
}
.teal-300.text {
    color: #4DB6AC;
}
.teal-400.bg {
    background-color: #26A69A;
}
.teal-400.text {
    color: #26A69A;
}
.teal-500.bg {
    background-color: #009688;
}
.teal-500.text {
    color: #009688;
}
.teal-600.bg {
    background-color: #00897B;
}
.teal-600.text {
    color: #00897B;
}
.teal-700.bg {
    background-color: #00796B;
}
.teal-700.text {
    color: #00796B;
}
.teal-800.bg {
    background-color: #00695C;
}
.teal-800.text {
    color: #00695C;
}
.teal-900.bg {
    background-color: #004D40;
}
.teal-900.text {
    color: #004D40;
}
.teal-A100.bg {
    background-color: #A7FFEB;
}
.teal-A100.text {
    color: #A7FFEB;
}
.teal-A200.bg {
    background-color: #64FFDA;
}
.teal-A200.text {
    color: #64FFDA;
}
.teal-A400.bg {
    background-color: #1DE9B6;
}
.teal-A400.text {
    color: #1DE9B6;
}
.teal-A700.bg {
    background-color: #00BFA5;
}
.teal-A700.text {
    color: #00BFA5;
}

.green.bg {
    background-color: #4CAF50;
}
.green.text {
    color: #4CAF50;
}
.green-50.bg {
    background-color: #E8F5E9;
}
.green-50.text {
    color: #E8F5E9;
}
.green-100.bg {
    background-color: #C8E6C9;
}
.green-100.text {
    color: #C8E6C9;
}
.green-200.bg {
    background-color: #A5D6A7;
}
.green-200.text {
    color: #A5D6A7;
}
.green-300.bg {
    background-color: #81C784;
}
.green-300.text {
    color: #81C784;
}
.green-400.bg {
    background-color: #66BB6A;
}
.green-400.text {
    color: #66BB6A;
}
.green-500.bg {
    background-color: #4CAF50;
}
.green-500.text {
    color: #4CAF50;
}
.green-600.bg {
    background-color: #43A047;
}
.green-600.text {
    color: #43A047;
}
.green-700.bg {
    background-color: #388E3C;
}
.green-700.text {
    color: #388E3C;
}
.green-800.bg {
    background-color: #2E7D32;
}
.green-800.text {
    color: #2E7D32;
}
.green-900.bg {
    background-color: #1B5E20;
}
.green-900.text {
    color: #1B5E20;
}
.green-A100.bg {
    background-color: #B9F6CA;
}
.green-A100.text {
    color: #B9F6CA;
}
.green-A200.bg {
    background-color: #69F0AE;
}
.green-A200.text {
    color: #69F0AE;
}
.green-A400.bg {
    background-color: #00E676;
}
.green-A400.text {
    color: #00E676;
}
.green-A700.bg {
    background-color: #00C853;
}
.green-A700.text {
    color: #00C853;
}

.lightgreen.bg {
    background-color: #8BC34A;
}
.lightgreen.text {
    color: #8BC34A;
}
.lightgreen-50.bg {
    background-color: #F1F8E9;
}
.lightgreen-50.text {
    color: #F1F8E9;
}
.lightgreen-100.bg {
    background-color: #DCEDC8;
}
.lightgreen-100.text {
    color: #DCEDC8;
}
.lightgreen-200.bg {
    background-color: #C5E1A5;
}
.lightgreen-200.text {
    color: #C5E1A5;
}
.lightgreen-300.bg {
    background-color: #AED581;
}
.lightgreen-300.text {
    color: #AED581;
}
.lightgreen-400.bg {
    background-color: #9CCC65;
}
.lightgreen-400.text {
    color: #9CCC65;
}
.lightgreen-500.bg {
    background-color: #8BC34A;
}
.lightgreen-500.text {
    color: #8BC34A;
}
.lightgreen-600.bg {
    background-color: #7CB342;
}
.lightgreen-600.text {
    color: #7CB342;
}
.lightgreen-700.bg {
    background-color: #689F38;
}
.lightgreen-700.text {
    color: #689F38;
}
.lightgreen-800.bg {
    background-color: #558B2F;
}
.lightgreen-800.text {
    color: #558B2F;
}
.lightgreen-900.bg {
    background-color: #33691E;
}
.lightgreen-900.text {
    color: #33691E;
}
.lightgreen-A100.bg {
    background-color: #CCFF90;
}
.lightgreen-A100.text {
    color: #CCFF90;
}
.lightgreen-A200.bg {
    background-color: #B2FF59;
}
.lightgreen-A200.text {
    color: #B2FF59;
}
.lightgreen-A400.bg {
    background-color: #76FF03;
}
.lightgreen-A400.text {
    color: #76FF03;
}
.lightgreen-A700.bg {
    background-color: #64DD17;
}
.lightgreen-A700.text {
    color: #64DD17;
}

.lime.bg {
    background-color: #CDDC39;
}
.lime.text {
    color: #CDDC39;
}
.lime-50.bg {
    background-color: #F9FBE7;
}
.lime-50.text {
    color: #F9FBE7;
}
.lime-100.bg {
    background-color: #F0F4C3;
}
.lime-100.text {
    color: #F0F4C3;
}
.lime-200.bg {
    background-color: #E6EE9C;
}
.lime-200.text {
    color: #E6EE9C;
}
.lime-300.bg {
    background-color: #DCE775;
}
.lime-300.text {
    color: #DCE775;
}
.lime-400.bg {
    background-color: #D4E157;
}
.lime-400.text {
    color: #D4E157;
}
.lime-500.bg {
    background-color: #CDDC39;
}
.lime-500.text {
    color: #CDDC39;
}
.lime-600.bg {
    background-color: #C0CA33;
}
.lime-600.text {
    color: #C0CA33;
}
.lime-700.bg {
    background-color: #AFB42B;
}
.lime-700.text {
    color: #AFB42B;
}
.lime-800.bg {
    background-color: #9E9D24;
}
.lime-800.text {
    color: #9E9D24;
}
.lime-900.bg {
    background-color: #827717;
}
.lime-900.text {
    color: #827717;
}
.lime-A100.bg {
    background-color: #F4FF81;
}
.lime-A100.text {
    color: #F4FF81;
}
.lime-A200.bg {
    background-color: #EEFF41;
}
.lime-A200.text {
    color: #EEFF41;
}
.lime-A400.bg {
    background-color: #C6FF00;
}
.lime-A400.text {
    color: #C6FF00;
}
.lime-A700.bg {
    background-color: #AEEA00;
}
.lime-A700.text {
    color: #AEEA00;
}

.yellow.bg {
    background-color: #FFEB3B;
}
.yellow.text {
    color: #FFEB3B;
}
.yellow-50.bg {
    background-color: #FFFDE7;
}
.yellow-50.text {
    color: #FFFDE7;
}
.yellow-100.bg {
    background-color: #FFF9C4;
}
.yellow-100.text {
    color: #FFF9C4;
}
.yellow-200.bg {
    background-color: #FFF59D;
}
.yellow-200.text {
    color: #FFF59D;
}
.yellow-300.bg {
    background-color: #FFF176;
}
.yellow-300.text {
    color: #FFF176;
}
.yellow-400.bg {
    background-color: #FFEE58;
}
.yellow-400.text {
    color: #FFEE58;
}
.yellow-500.bg {
    background-color: #FFEB3B;
}
.yellow-500.text {
    color: #FFEB3B;
}
.yellow-600.bg {
    background-color: #FDD835;
}
.yellow-600.text {
    color: #FDD835;
}
.yellow-700.bg {
    background-color: #FBC02D;
}
.yellow-700.text {
    color: #FBC02D;
}
.yellow-800.bg {
    background-color: #F9A825;
}
.yellow-800.text {
    color: #F9A825;
}
.yellow-900.bg {
    background-color: #F57F17;
}
.yellow-900.text {
    color: #F57F17;
}
.yellow-A100.bg {
    background-color: #FFFF8D;
}
.yellow-A100.text {
    color: #FFFF8D;
}
.yellow-A200.bg {
    background-color: #FFFF00;
}
.yellow-A200.text {
    color: #FFFF00;
}
.yellow-A400.bg {
    background-color: #FFEA00;
}
.yellow-A400.text {
    color: #FFEA00;
}
.yellow-A700.bg {
    background-color: #FFD600;
}
.yellow-A700.text {
    color: #FFD600;
}

.amber.bg {
    background-color: #FFC107;
}
.amber.text {
    color: #FFC107;
}
.amber-50.bg {
    background-color: #FFF8E1;
}
.amber-50.text {
    color: #FFF8E1;
}
.amber-100.bg {
    background-color: #FFECB3;
}
.amber-100.text {
    color: #FFECB3;
}
.amber-200.bg {
    background-color: #FFE082;
}
.amber-200.text {
    color: #FFE082;
}
.amber-300.bg {
    background-color: #FFD54F;
}
.amber-300.text {
    color: #FFD54F;
}
.amber-400.bg {
    background-color: #FFCA28;
}
.amber-400.text {
    color: #FFCA28;
}
.amber-500.bg {
    background-color: #FFC107;
}
.amber-500.text {
    color: #FFC107;
}
.amber-600.bg {
    background-color: #FFB300;
}
.amber-600.text {
    color: #FFB300;
}
.amber-700.bg {
    background-color: #FFA000;
}
.amber-700.text {
    color: #FFA000;
}
.amber-800.bg {
    background-color: #FF8F00;
}
.amber-800.text {
    color: #FF8F00;
}
.amber-900.bg {
    background-color: #FF6F00;
}
.amber-900.text {
    color: #FF6F00;
}
.amber-A100.bg {
    background-color: #FFE57F;
}
.amber-A100.text {
    color: #FFE57F;
}
.amber-A200.bg {
    background-color: #FFD740;
}
.amber-A200.text {
    color: #FFD740;
}
.amber-A400.bg {
    background-color: #FFC400;
}
.amber-A400.text {
    color: #FFC400;
}
.amber-A700.bg {
    background-color: #FFAB00;
}
.amber-A700.text {
    color: #FFAB00;
}

.orange.bg {
    background-color: #FF9800;
}
.orange.text {
    color: #FF9800;
}
.orange-50.bg {
    background-color: #FFF3E0;
}
.orange-50.text {
    color: #FFF3E0;
}
.orange-100.bg {
    background-color: #FFE0B2;
}
.orange-100.text {
    color: #FFE0B2;
}
.orange-200.bg {
    background-color: #FFCC80;
}
.orange-200.text {
    color: #FFCC80;
}
.orange-300.bg {
    background-color: #FFB74D;
}
.orange-300.text {
    color: #FFB74D;
}
.orange-400.bg {
    background-color: #FFA726;
}
.orange-400.text {
    color: #FFA726;
}
.orange-500.bg {
    background-color: #FF9800;
}
.orange-500.text {
    color: #FF9800;
}
.orange-600.bg {
    background-color: #FB8C00;
}
.orange-600.text {
    color: #FB8C00;
}
.orange-700.bg {
    background-color: #F57C00;
}
.orange-700.text {
    color: #F57C00;
}
.orange-800.bg {
    background-color: #EF6C00;
}
.orange-800.text {
    color: #EF6C00;
}
.orange-900.bg {
    background-color: #E65100;
}
.orange-900.text {
    color: #E65100;
}
.orange-A100.bg {
    background-color: #FFD180;
}
.orange-A100.text {
    color: #FFD180;
}
.orange-A200.bg {
    background-color: #FFAB40;
}
.orange-A200.text {
    color: #FFAB40;
}
.orange-A400.bg {
    background-color: #FF9100;
}
.orange-A400.text {
    color: #FF9100;
}
.orange-A700.bg {
    background-color: #FF6D00;
}
.orange-A700.text {
    color: #FF6D00;
}

.dpOrange.bg {
    background-color: #FF5722;
}
.dpOrange.text {
    color: #FF5722;
}
.dpOrange-50.bg {
    background-color: #FBE9E7;
}
.dpOrange-50.text {
    color: #FBE9E7;
}
.dpOrange-100.bg {
    background-color: #FFCCBC;
}
.dpOrange-100.text {
    color: #FFCCBC;
}
.dpOrange-200.bg {
    background-color: #FFAB91;
}
.dpOrange-200.text {
    color: #FFAB91;
}
.dpOrange-300.bg {
    background-color: #FF8A65;
}
.dpOrange-300.text {
    color: #FF8A65;
}
.dpOrange-400.bg {
    background-color: #FF7043;
}
.dpOrange-400.text {
    color: #FF7043;
}
.dpOrange-500.bg {
    background-color: #FF5722;
}
.dpOrange-500.text {
    color: #FF5722;
}
.dpOrange-600.bg {
    background-color: #F4511E;
}
.dpOrange-600.text {
    color: #F4511E;
}
.dpOrange-700.bg {
    background-color: #E64A19;
}
.dpOrange-700.text {
    color: #E64A19;
}
.dpOrange-800.bg {
    background-color: #D84315;
}
.dpOrange-800.text {
    color: #D84315;
}
.dpOrange-900.bg {
    background-color: #BF360C;
}
.dpOrange-900.text {
    color: #BF360C;
}
.dpOrange-A100.bg {
    background-color: #FF9E80;
}
.dpOrange-A100.text {
    color: #FF9E80;
}
.dpOrange-A200.bg {
    background-color: #FF6E40;
}
.dpOrange-A200.text {
    color: #FF6E40;
}
.dpOrange-A400.bg {
    background-color: #FF3D00;
}
.dpOrange-A400.text {
    color: #FF3D00;
}
.dpOrange-A700.bg {
    background-color: #DD2C00;
}
.dpOrange-A700.text {
    color: #DD2C00;
}

.brown.bg {
    background-color: #795548;
}
.brown.text {
    color: #795548;
}
.brown-50.bg {
    background-color: #EFEBE9;
}
.brown-50.text {
    color: #EFEBE9;
}
.brown-100.bg {
    background-color: #D7CCC8;
}
.brown-100.text {
    color: #D7CCC8;
}
.brown-200.bg {
    background-color: #BCAAA4;
}
.brown-200.text {
    color: #BCAAA4;
}
.brown-300.bg {
    background-color: #A1887F;
}
.brown-300.text {
    color: #A1887F;
}
.brown-400.bg {
    background-color: #8D6E63;
}
.brown-400.text {
    color: #8D6E63;
}
.brown-500.bg {
    background-color: #795548;
}
.brown-500.text {
    color: #795548;
}
.brown-600.bg {
    background-color: #6D4C41;
}
.brown-600.text {
    color: #6D4C41;
}
.brown-700.bg {
    background-color: #5D4037;
}
.brown-700.text {
    color: #5D4037;
}
.brown-800.bg {
    background-color: #4E342E;
}
.brown-800.text {
    color: #4E342E;
}
.brown-900.bg {
    background-color: #3E2723;
}
.brown-900.text {
    color: #3E2723;
}

.grey.bg {
    background-color: #9E9E9E;
}
.grey.text {
    color: #9E9E9E;
}
.grey-50.bg {
    background-color: #FAFAFA;
}
.grey-50.text {
    color: #FAFAFA;
}
.grey-100.bg {
    background-color: #F5F5F5;
}
.grey-100.text {
    color: #F5F5F5;
}
.grey-200.bg {
    background-color: #EEEEEE;
}
.grey-200.text {
    color: #EEEEEE;
}
.grey-300.bg {
    background-color: #E0E0E0;
}
.grey-300.text {
    color: #E0E0E0;
}
.grey-400.bg {
    background-color: #BDBDBD;
}
.grey-400.text {
    color: #BDBDBD;
}
.grey-500.bg {
    background-color: #9E9E9E;
}
.grey-500.text {
    color: #9E9E9E;
}
.grey-600.bg {
    background-color: #757575;
}
.grey-600.text {
    color: #757575;
}
.grey-700.bg {
    background-color: #616161;
}
.grey-700.text {
    color: #616161;
}
.grey-800.bg {
    background-color: #424242;
}
.grey-800.text {
    color: #424242;
}
.grey-900.bg {
    background-color: #212121;
}
.grey-900.text {
    color: #212121;
}

.bluegrey.bg {
    background-color: #607D8B;
}
.bluegrey.text {
    color: #607D8B;
}
.bluegrey-50.bg {
    background-color: #ECEFF1;
}
.bluegrey-50.text {
    color: #ECEFF1;
}
.bluegrey-100.bg {
    background-color: #CFD8DC;
}
.bluegrey-100.text {
    color: #CFD8DC;
}
.bluegrey-200.bg {
    background-color: #B0BEC5;
}
.bluegrey-200.text {
    color: #B0BEC5;
}
.bluegrey-300.bg {
    background-color: #90A4AE;
}
.bluegrey-300.text {
    color: #90A4AE;
}
.bluegrey-400.bg {
    background-color: #78909C;
}
.bluegrey-400.text {
    color: #78909C;
}
.bluegrey-500.bg {
    background-color: #607D8B;
}
.bluegrey-500.text {
    color: #607D8B;
}
.bluegrey-600.bg {
    background-color: #546E7A;
}
.bluegrey-600.text {
    color: #546E7A;
}
.bluegrey-700.bg {
    background-color: #455A64;
}
.bluegrey-700.text {
    color: #455A64;
}
.bluegrey-800.bg {
    background-color: #37474F;
}
.bluegrey-800.text {
    color: #37474F;
}
.bluegrey-900.bg {
    background-color: #263238;
}
.bluegrey-900.text {
    color: #263238;
}

.black.bg {
    background-color: #000000;
}
.black.text {
    color: #000000;
}
.black-500.bg {
    background-color: #000000;
}
.black-500.text {
    color: #000000;
}
.black-Text.bg {
    background-color: rgba(0,0,0,0.87);
}
.black-Text.text {
    color: rgba(0,0,0,0.87);
}
.black-Secondary-Text.bg {
    background-color: rgba(0,0,0,0.54);
}
.black-Secondary-Text.text {
    color: rgba(0,0,0,0.54);
}
.black-Icons.bg {
    background-color: rgba(0,0,0,0.54);
}
.black-Icons.text {
    color: rgba(0,0,0,0.54);
}
.black-Disabled.bg {
    background-color: rgba(0,0,0,0.26);
}
.black-Disabled.text {
    color: rgba(0,0,0,0.26);
}
.black-Hint-Text.bg {
    background-color: rgba(0,0,0,0.26);
}
.black-Hint-Text.text {
    color: rgba(0,0,0,0.26);
}
.black-Dividers.bg {
    background-color: rgba(0,0,0,0.12);
}
.black-Dividers.text {
    color: rgba(0,0,0,0.12);
}

.white.bg {
    background-color: #ffffff;
}
.white.text {
    color: #ffffff;
}
.white-500.bg {
    background-color: #ffffff;
}
.white-500.text {
    color: #ffffff;
}
.white-Text.bg {
    background-color: #ffffff;
}
.white-Text.text {
    color: #ffffff;
}
.white-Secondary-Text.bg {
    background-color: rgba(255,255,255,0.7);
}
.white-Secondary-Text.text {
    color: rgba(255,255,255,0.7);
}
.white-Icons.bg {
    background-color: #ffffff;
}
.white-Icons.text {
    color: #ffffff;
}
.white-Disabled.bg {
    background-color: rgba(255,255,255,0.3);
}
.white-Disabled.text {
    color: rgba(255,255,255,0.3);
}
.white-Hint-Text.bg {
    background-color: rgba(255,255,255,0.3);
}
.white-Hint-Text.text {
    color: rgba(255,255,255,0.3);
}
.white-Dividers.bg {
    background-color: rgba(255,255,255,0.12);
}
.white-Dividers.text {
    color: rgba(255,255,255,0.12);
}
        @font-face {
            font-family: IRANSans2;
            font-style: normal;
            font-weight: bold;
            src: url('https://cakeoff.ir/folder/font/eot/IRANSansWeb_Bold.eot');
            src: url('https://cakeoff.ir/folder/font/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
            url('https://cakeoff.ir/folder/font/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
            url('https://cakeoff.ir/folder/font/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url('https://cakeoff.ir/folder/font/ttf/IRANSansWeb_Bold.ttf') format('truetype');
        }
        @font-face {
            font-family: IRANSans2;
            font-style: normal;
            font-weight: 500;
            src: url('https://cakeoff.ir/folder/font/eot/IRANSansWeb_Medium.eot');
            src: url('https://cakeoff.ir/folder/font/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
            url('https://cakeoff.ir/folder/font/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
            url('https://cakeoff.ir/folder/font/woff/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url('https://cakeoff.ir/folder/font/ttf/IRANSansWeb_Medium.ttf') format('truetype');
        }
        @font-face {
            font-family: IRANSans2;
            font-style: normal;
            font-weight: 300;
            src: url('https://cakeoff.ir/folder/font/eot/IRANSansWeb_Light.eot');
            src: url('https://cakeoff.ir/folder/font/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
            url('https://cakeoff.ir/folder/font/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
            url('https://cakeoff.ir/folder/font/woff/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url('https://cakeoff.ir/folder/font/ttf/IRANSansWeb_Light.ttf') format('truetype');
        }
        @font-face {
            font-family: IRANSans2;
            font-style: normal;
            font-weight: 200;
            src: url('https://cakeoff.ir/folder/font/eot/IRANSansWeb_UltraLight.eot');
            src: url('https://cakeoff.ir/folder/font/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
            url('https://cakeoff.ir/folder/font/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
            url('https://cakeoff.ir/folder/font/woff/IRANSansWeb_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url('https://cakeoff.ir/folder/font/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
        }
        @font-face {
            font-family: IRANSans2;
            font-style: normal;
            font-weight: normal;
            src: url('https://cakeoff.ir/folder/font/eot/IRANSansWeb.eot');
            src: url('https://cakeoff.ir/folder/font/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
            url('https://cakeoff.ir/folder/font/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
            url('https://cakeoff.ir/folder/font/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url('https://cakeoff.ir/folder/font/ttf/IRANSansWeb.ttf') format('truetype');
        }


        #profile_picture{background:url(https://cakeoff.ir/folder/img/icons/log-in-icon.svg) no-repeat center;  background-size: contain;}
            #loadingFix{width:100vw; height:100vh; background:rgba(0, 0, 0, 0.6);position:fixed;top:0; left:0;z-index:90000;}
             #loadingGif{
                background:url("https://cakeoff.ir/folder/img/mobloading2.gif") no-repeat center;
                background-size: cover;
                width: 308px;
                background-position: 0 -2px;
                height: 188px;
                margin: auto;
                margin-top: 15vh;
                text-align: center;
                color: #58244a;
                line-height: 8;
                border-radius: 15px;
                opacity: 0.85;
                padding: 21px;
                }

             #cakeoffLogoLoading{
                background: url("https://cakeoff.ir/files/1/icons/1493627984_logonew.svg") no-repeat center;
                background-size: contain;
                width: 82px;
                height: 63px;
                margin: auto;

            }


            .rMask.show{ display:block;opacity:1}
            .rMask{
                display:none;
                opacity:0;
                width: 100%;
                text-align:center;
                height: 100%;
                position: fixed;
                top: 0;
                z-index: 100;
                 -webkit-transition: opacity .1s ease;
                 -moz-transition: opacity .1s ease;
                 -o-transition: opacity .1s ease;
                 transition: opacity .1s ease;
                left: 0;
                background: rgba(0, 0, 0, 0.53);
            }
          .slid_sel_right {
                background-image: url(https://cakeoff.ir/folder/img/icons/flesh.svg);
                background-repeat: no-repeat;
                background-color: transparent;
                border: 0;
                background-size: 100% 100%;
                width: 27px;
                height: 43px;
                cursor:pointer;
          }

          .slid_sel_left {
                background-image: url(https://cakeoff.ir/folder/img/icons/flesh.svg);
                background-repeat: no-repeat;
                background-color: transparent;
                border: 0;
                background-size: 100% 100%;
                width: 27px;
                height: 43px;
                transform: rotate(180deg);
                margin-right:20px;
                cursor:pointer;
          }
            