/* 

css document


*/

/* attach persian fonts */
@font-face {
    font-family: 'B Yekan';

    src: url('farsi-fonts/IRANSans.eot');
    src: url('farsi-fonts/IRANSans.eot?#iefix') format('embedded-opentype'),
    url('farsi-fonts/IRANSans.woff') format('woff'),
    url('farsi-fonts/IRANSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'A Thuluth';
  src: url('arabic-fonts/A Thuluth.eot');
  src: url('arabic-fonts/A Thuluth.woff2') format('woff2'),
       url('arabic-fonts/A Thuluth.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AThuluth';
  src: url('arabic-fonts/AThuluth.woff') format('woff'),
       url('arabic-fonts/AThuluth.ttf') format('truetype'),
       url('arabic-fonts/AThuluth.svg#AThuluth') format('svg');
  font-weight: normal;
  font-style: normal;
}


.arab {
    font-family: 'AThuluth' !important;
}

.gsc-input {
    height: 40px !important
}

.flashElem {
  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 1;

  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 1;

  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 1;
}

@-webkit-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #22f2f9; }
    100% { background-color: none; }
}

@-moz-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #22f2f9; }
    100% { background-color: none; }
}

@-ms-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #22f2f9; }
    100% { background-color: none; }
}

#navbar {
	
	background: #2D3D4F !important;
	
}
.top2 {
	
	margin-top: 2px;
	
}
.top3 {
	
	margin-top: 3px;
	
}
.top4 {
	
	margin-top: 4px;
	
}
.top5 {
	
	margin-top: 5px;
	
}
.top6 {
	
	margin-top: 6px;
	
}
.top7 {
	
	margin-top: 7px;
	
}
.top15 {
	
	margin-top: 15px;
	
}
.top100 {
	
	margin-top: 100px;
	
}
.top-15 {
	
	margin-top: -15px;
	
}
.top-30 {
	
	margin-top: -30px;
	
}

.bottom-0 {
    margin-bottom: 0;
}

.bottom-5 {
    margin-bottom: 5px;
}

.bottom-10 {
    margin-bottom: 10px;
}

.bottom-15 {
    margin-bottom: 15px;
}

.padding-bottom-12 {
    padding-bottom: 12px !important;
}

.margin-r-19 {
    margin-right: 19px !important
}

.select {
	
	height: 33px;
	font-size: 16px;
	
}


.farsi {
	font-family: "B Yekan", "Yekan", "B Koodak", "Koodak", "2 Koodak", "Nazanin", "2 Nazanin", "B Nazanin", sans-serif !important;
}

.english {
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace !important;   
}

.english2 {
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif !important;   
}

.rtl {
	direction: rtl !important;
}

.ltr {
	direction: ltr !important;
}

.textRight {
	text-align: right !important;
}
.textCenter {
	text-align: center !important;
}
.textLeft {
	text-align: left !important;
}
.textJustify {
	text-align: justify !important;
}
.textSmall {
	font-size: small !important;
}
.textXSmall {
	font-size: x-small !important;
}
.textXXSmall {
	font-size: xx-small !important;
}
.textBigger  {
	font-size:larger !important;
}
.textLarge {
	font-size: large !important;
}
.textXLarge {
	font-size: x-large !important;
}
.textXXLarge {
	font-size: xx-large !important;
}
.text-shadow {
	text-shadow:2px 2px 3px #666666 !important;
}
.text-shadow2 {
	text-shadow:1px 1px 1px #666666 !important;
}


.textRed {
	color: #FF2626 !important;
}
.textGreen {
	color: #36EF2E !important;
}
.textGreen2 {
	color: #2cc36b !important;
}
.textGray {
	color: #AEAEAE !important;
}
.textWhite {
	color: #FFF !important;
}
.textBlue1 {
	color: #27D8F5 !important;
}
.textBlue2 {
	color: #3380AB !important;
}

.textBlue3 {
    color: #3A54BA !important;
}

.textYellow {
	color: #ECE410 !important;
}
.textBlack {
    color: #000000 !important;   
}

.textBlack2 {
    color:#707273 !important;
}


.textVijegan {
    
    color: #92C948 !important;   
}


.text10 {
    font-size: 10px !important
}



.fleft {
	float: left !important;
}
.fright {
	float: right !important;
}
.clearBoth {
	clear: both !important;	
}

.shadow {
	box-shadow: 3px 4px 5px #666666 !important;
	-moz-box-shadow: 3px 4px 5px #666666 !important;
	-webkit-box-shadow: 3px 4px 5px #666666 !important;	
}


.myTextarea {
    width: 100% !important;
    -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
    box-sizing: border-box !important;         /* Opera/IE 8+ */
}

.textarea-height100 {
	height: 100px !important;
}

.textarea-height200 {
	height: 200px !important;
}

.textarea-height400 {
    
    height: 400px !important
}

.height40 {
	height: 40px !important;
}

.height50 {
	height: 50px !important;
}

.height60 {
	height: 60px !important;
}

.height70 {
	height: 70px !important;
}

.height80 {
	height: 80px !important;
}

.height90 {
	height: 90px !important;
}

.height100 {
	height: 100px !important;
}

.valign-middle {
	vertical-align: middle !important;
}

.line_height35 {
	line-height: 35px !important;
}

.bg-very-light {

background: rgb(251,255,229); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmZlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2ZhZmZlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZmZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(251,255,229,1) 0%, rgba(250,255,226,1) 54%, rgba(251,255,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(251,255,229,1)), color-stop(54%,rgba(250,255,226,1)), color-stop(100%,rgba(251,255,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(251,255,229,1) 0%,rgba(250,255,226,1) 54%,rgba(251,255,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(251,255,229,1) 0%,rgba(250,255,226,1) 54%,rgba(251,255,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(251,255,229,1) 0%,rgba(250,255,226,1) 54%,rgba(251,255,232,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(251,255,229,1) 0%,rgba(250,255,226,1) 54%,rgba(251,255,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbffe5', endColorstr='#fbffe8',GradientType=1 ); /* IE6-8 */

}
.padding15 {
	padding: 15px !important;
}

.padding10 {
	padding: 10px !important;
}

.padding7 {
	padding: 7px !important;
}

.padding5 {
	padding: 5px !important;
}

.margin-15 {
    margin: 15px !important;   
}
.bordered-comment {
	border: 2px solid #0C0789 !important;
        border-bottom: none !important;
	border-radius: 0px;
}

.no-border-bottom {
    border-bottom: none !important;
}


.letter-space-1px {
     letter-spacing: 1px !important;   
}

.letter-space-2px {
     letter-spacing: 2px !important;   
}

.letter-space-3px {
     letter-spacing: 3px !important;   
}

.z-index999 {
    z-index:999999999;
}



/*
 * shortcut
 */
.shortcut {
    width: 320px;
    position: fixed;
    top: 85px;
    left: -320px;
    z-index: 999;
    max-height: 300px;
    z-index: 9999;
}


.shortcut .list-holder {
    
}


.shortcut-icon {
    position: absolute;
    top: 0;
    right: -42px;
    background: white;
    border: 1px solid #ccc;
    border-left: none;
    width: 44px;
    z-index: 99999;
    cursor: pointer;
    padding: 8px;
    
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    
    box-shadow: -2px 1px 3px #000;
    -webkit-box-shadow: -2px 1px 3px #000;
    -moz-box-shadow: -2px 1px 3px #000;
}
.shortcut-icon:hover {
    background: #eee;
    color: #FFFFFF;
}
.max-height-300 {
    max-height: 350px;
}
.overflow-y-auto {
    overflow-y: auto;
}
.removeShortcut {
    cursor: pointer
}





.myCheckbox {
    display: inline-block !important;
}

.myCheckbox:hover {
    background: red !important;
}

.myCheckbox:checked {
    background: #000 !important;
}


.removeWhishlist {
    display: inline-block;
    left: 8%;
    top: 41%;
    z-index: 999999999;
}

.removeWhishlist:after {
    color: #3d3d3d;
    content: "\f00d";
    font-family: fontawesome;
}

.removeAddress {
    display: inline-block;
    left: 8%;
    top: 41%;
    z-index: 999999999;
}

.removeAddress:after {
    color: #3d3d3d;
    content: "\f00d";
    font-family: fontawesome;
}


.changeDefaultAddress {
    display: inline-block;
    left: 8%;
    top: 41%;
    z-index: 999999999;
}

.changeDefaultAddress:hover:after {
    color: #3d3d3d;
    content: "\f00c";
    font-family: fontawesome;
}

.defaultAddress {
    display: inline-block;
    left: 8%;
    top: 41%;
    z-index: 999999999;
}

.defaultAddress:after {
    color: #3d3d3d;
    content: "\f00c";
    font-family: fontawesome;
}


.disabled {
    cursor: not-allowed !important;
}



.bgBlue {
    background: #407AC5 !important;
    color: #FFFFFF !important;
}

.bgBlue h3 {
    color: #FFFFFF !important
}


.inline-block {
	
	display: inline-block !important;
	
}

.inline {
	
	display: inline !important;
	
}

.valing-top {
	
	vertical-align: text-top !important;
	
}


#back-top-top {
    position: fixed !important;
    left: 0 !important;
    bottom: 50px !important;
    z-index: 9;
}

#searchInput {
    width: 450px !important;
}

@media only screen and (max-width: 850px) {
    #searchInput {
        width: 100% !important;
    }    
}
/* CSS Document */


/*************** S I T E     S E L E C T O R S **********************/


/* Show order detail panel */
.showOrderDetail {
   
    position: fixed;
    width: 288px;
    height: auto;
    
    top  : 90px;
    left: 0;
    z-index: 999999;
    background: #DFE2E3;
    
    border: 4px #000000 solid;
    border-left: none !important;
    
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    
    /*web kit border radius*/
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    
    /*moz border radius*/
    -moz-border-radius-topRight: 8px;
    -moz-border-radius-bottomRight: 8px;
    
    box-shadow: -5px 7px 5px 0px #9A9A9A;
    
    /*webkit box shadow*/
    -webkit-box-shadow: -5px 7px 11px 1px #9A9A9A;
    
    /*moz box shadow*/
    -moz-box-shadow: -5px 7px 11px 1px #9A9A9A;
    
    overflow: hidden;
    
}

.showAlert {
    
    position: fixed;
    width: 257px;
    height: 99px;
    
    top  : 3px;
    left: 0;
    z-index: 999999;
    background: #FF2A2A;
    color:#F4FCFC;
    
    text-align:center;
    vertical-align: middle;
    padding-top:20px;
    
    border: 4px #000000 solid;
    border-left: none !important;
    
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    
    /*web kit border radius*/
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    
    /*moz border radius*/
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    
    box-shadow: -5px 7px 11px 1px #9A9A9A;
    
    /*webkit box shadow*/
    -webkit-box-shadow: -5px 7px 11px 1px #9A9A9A;
    
    /*moz box shadow*/
    -moz-box-shadow: -5px 7px 11px 1px #9A9A9A;

}





/*
VIDEO PLAYER OPTIONS
*/
iframe.myPlayer {
    width: 100% !important;
    height: 300px;
    top: 0 !important;
    margin-top: -40px !important;
    padding: 0 !important;
    z-index: 999999
    
}

#tsc_player {
   z-index: 9999;	
}

.tscplayer_inline {
	position:static;
	margin: 30px;
	width: 852px;
	height: 480px;
	z-index:auto;
}

.tscplayer_fullframe {
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 9999;	
}

@media screen and (max-width: 852px) {
    .tscplayer_inline {
	width: 100%;
    }
}











/* for elemenrs that you do not want to show in print */
@media print{

.no-print {
    
    visibility: hidden !important;
    display: none !important;
       
}

}



/*
 *
 */
/**
 *	This element is created inside your target element
 *	It is used so that your own element will not need to be altered
 **/
.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
}

/**
 *	This is all the elements used to house all text used
 * in time circles
 **/
.time_circles > div {
    position: absolute;
    text-align: center;
}

/**
 *	Titles (Days, Hours, etc)
 **/
.time_circles > div > h4 {
    margin: 0px;
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'B Yekan', Arial;
}

/**
 *	Time numbers, ie: 12
 **/
.time_circles > div > span {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Century Gothic', Arial;
    font-size: 300%;
    margin-top: 0.4em;
    font-weight: bold;
}




/*
 * custom btn
 */
.customBtn {
    
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 5px 10px;
	font-size: 13px;
	line-height: 1.5384616;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

.btn-shadow {
    
    box-shadow: -1px 3px 1px rgb(0, 0, 0) !important;
    -moz-box-shadow: -1px 3px 1px rgb(0, 0, 0) !important;
    -webkit-box-shadow: -1px 3px 1px rgb(0, 0, 0) !important;
    
}

.btn-shadow:active {
    box-shadow: 0px 3px 1px rgb(0, 0, 0) inset !important;
    -moz-box-shadow: 0px 3px 1px rgb(0, 0, 0) inset !important;
    -webkit-box-shadow: 0px 3px 1px rgb(0, 0, 0) inset !important;
    
}

















.jivo-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    text-transform: none;
    cursor: pointer;
    background-image: none;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 0px;
    border-radius: 4px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.jivo-btn:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 20px 10px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 20px 10px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 20px 10px rgba(255, 255, 255, 0.3);
}

.jivo-btn.jivo-btn-light:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 20px 10px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 20px 10px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 20px 10px rgba(255, 255, 255, 0.1);
}

.jivo-btn.jivo-btn-light {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
}

.jivo-btn:active,
.jivo-btn.jivo-btn-light:active {
    box-shadow: 0 1px 0px rgba(255, 255, 255, 0.4), inset 0 0 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.4), inset 0 0 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.4), inset 0 0 15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.jivo-btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.jivo-btn-gradient {
    background-image: url(//static.jivosite.com/button/white_grad_light.png);
    background-repeat: repeat-x;
}

.jivo-btn-light.jivo-btn-gradient {
    background-image: url(//static.jivosite.com/button/white_grad.png);
}

.jivo-btn-icon {
    width: 17px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -5px;
}

.jivo-btn-light {
    color: #fff;
}

.jivo-btn-dark {
    color: #222;
}




.bg-yellow {
    background-color: gold;
    border-color: gold;
}

.user-badge {    
    padding: 0px 7px 0 7px;
    margin: 5px 8px;
    font-size: 16px;
    cursor: pointer;
    
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.navbar-inverse {
    background-color: #000000;
}

.sidebar {
    background-color: #000000;
}

.navigation>li.active>a, .navigation>li.active>a:focus, .navigation>li.active>a:hover{
    background-color: #2196F3;
}


.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    background-color: rgba(3, 169, 244, 0.51);
}

.navigation > li ul {
    background-color: rgb(38, 38, 38) !important
}


@media (min-width: 769px) {
    
    .sidebar-xs .sidebar-main .navigation-main>li>a>span {
        background-color: #2196F3;

    }
}


.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/images/loading.gif') 50% 50% no-repeat rgb(249,249,249);
}

.btn-gray {
    color: #000 !important;
    background-color: #dddddd;
    border-color: #dddddd;
}
.btn-axaan-blue {

}