/* Style the Image Used to Trigger the Modal */
.myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}






@font-face {
	font-family: "DPMitra";
    src: url("../fonts/MitraBold.eot"); /* IE9 Compat Modes */
    src:
	  url("../fonts/MitraBold.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	  url("../fonts/MitraBold.woff") format("woff"),  /* Modern Browsers */
	  url("../fonts/MitraBold.ttf") format("truetype"),  /* Safari, Android, iOS */
	  url("../fonts/MitraBold.svg") format("svg"),
	  url("../fonts/MitraBold.svg#svgFontName") format("svg"); /* Legacy iOS */

    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "BYekan";
    src: url("../fonts/BYekan.eot"); /* IE9 Compat Modes */
    src:
	  url("../fonts/BYekan.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	  url("../fonts/BYekan.woff") format("woff"),  /* Modern Browsers */
	  url("../fonts/BYekan.ttf") format("truetype"),  /* Safari, Android, iOS */
	  url("../fonts/BYekan.svg") format("svg"),
	  url("../fonts/BYekan.svg#svgFontName") format("svg"); /* Legacy iOS */

    font-weight: normal;
    font-style: normal;
}

BODY {
	padding:0px;
	margin:0px;
	font-family:"DPMitra";
	font-size:12pt;
}
.them {
	/*min-width:1060px;*/
}
.container {
	margin:auto;
	/*width:1060px;*/
	border:0px solid red;
}

#top_header{
	height:80px;
	background:#1786b2;
	/*min-width:1060px;*/
	padding-right:15px;
	padding-left:15px;
	position:relative;
}


#top_header .Ecomiran
{
	float:right;
	height:80px;
	background:url(images/ecomiran.png) no-repeat right;
}

#top_header .Ecomiran h1
{
	color:#ffffff;
	font-size:10pt;
	font-family:"DPMitra";
	line-height:50px;
	padding-right:50px;
#	margin:0px 20px 0 0;
}

#top_header .EcomiranMenu
{
	float:right;
}

#top_header .EcomiranMenu h1
{
	color:#ffffff;
	font-size:8pt;
	font-family:"DPMitra";
}

#top_header .bx-Users
{
	float:left;
	margin-right:30px;
	line-height:50px;
	height:50px;
	color:#ffffff;
	font-size:10pt;
/*	font-family:"BYekan";*/
}
#top_header .bx-Users span{
	color:#ccc;
}
#top_header .TopMenu
{
	float:left;
	margin-top:-23px;
	clear:both;
}

#top_header .TopMenu ul
{
	padding:0;
	margin:0;
	list-style:none;
}

#top_header .TopMenu ul li
{
	padding:0px;
	margin:0;
	display:inline;	
}

#top_header .TopMenu ul li a
{
	color:#ffffff;
	font-size:10pt;
	padding-right:10px;	
	padding-left:10px;	
	-webkit-border-radius: 5px 5px 0 0 ;
	-moz-border-radius:  5px 5px 0 0 ;
	border-radius:  5px 5px 0 0 ;	
	border-top:1px solid #1e5799;
	border-right:1px solid #1e5799;
	border-left:1px solid #1e5799;
	border-bottom:0;

background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top,  #7db9e8 0%, #2989d8 50%, #1e5799 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#1e5799 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#1e5799 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7db9e8 0%,#2989d8 50%,#1e5799 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
	
}

#top_header .TopMenu ul li a:hover
{
	color:#000;
	background: #fff;
}

#top_header .TopMenu ul li a.active
{
	color:#000;
	background: #fff;
}
.color
{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-8 */
}


.bx-version {
	float:right;
}
.bx-version h1{
	color:#ffffff;
	font-size:12pt;
	font-family:"DPMitra";
	padding:0px;
	margin:10px;
}

.bx-Ecomiran {
	width:50px;
	height:50px;
	float:right;
	background:url(images/ecomiran.png) no-repeat center;
}

.bx-Exit {
	width:60px;
	float:left;
	background:url(images/icn_exit.png) no-repeat center left;
	padding-right:30px;
	line-height:50px;
}

.bx-Exit a{
	color:#ffffff;
}

#header {
	claer:both;
	padding:20px;	
}
#header .logo {
	float:right;
	width:248px;
	height:124px;
}

#header .logo img{
	height:100%;
}

UL#Icons{
	margin:0px;
	padding:0px;
	list-style:none;
}
UL#Icons li{
	float:left;
	width:110px;
	height:105px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	background:#53b59c;
	margin-left:5px;
	padding-top:5px;
}
UL#Icons li a i{
	height:48px;
	display:block;
}
UL#Icons li a{
	color:#ffffff;
	text-align:center;
	text-decoration:none;
/*	display:block;*/
}
UL#Icons li img{
	border:0px;
}
UL#Icons li div{
	padding-top:10px;
	text-align:center;
}
UL#Icons li.newOrder {
	background:#53b59c;
}
UL#Icons li.newOrder a{
	color:#ffffff;
	display:block;
}
UL#Icons li.curOrder {
	background:#e8982d;
}
UL#Icons li.curOrder a{
	color:#ffffff;
	display:block;
}
UL#Icons li.trackOrder {
	background:#506784;
}
UL#Icons li.trackOrder a{
	color:#ffffff;
	display:block;
}
UL#Icons li.basketOrder {
	background:#506784;
}
UL#Icons li.basketOrder a{
	color:#ffffff;
	display:block;
}
UL#Icons li.factorOrder {
	background:#97ad3f;
}
UL#Icons li.factorOrder a{
	color:#ffffff;
	display:block;
}
UL#Icons li.archiveOrder {
	background:#97ad3f;
}
UL#Icons li.archiveOrder a{
	color:#ffffff;
	display:block;
}
UL#Icons li.groupOrder {
	background:#91057f;
}
UL#Icons li.groupOrder a{
	color:#ffffff;
	display:block;
	font-size:11pt;
}
UL#Icons li:hover{
	box-shadow:2px 2px 5px #888888;
}

UL#Icons li:hover a{
	color:#000;
}

#page {
	clear:both;
}
.bx-card {
	border:2px solid #dddbdb;
/*	position:fixed; */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	width:90%;
	padding:10px;
}
.bx-card-title {
	color:#555658;
	font-size:16pt;
	font-family:"DPMitra";
	line-height:40px;
	height:40px;
}

.bx-title {
	color:#555658;
	font-size:16pt;
	font-family:"DPMitra";
	line-height:40px;
	height:40px;
}

.bx-desc {
	color:#9d9c9b;
	font-size:10pt;
	font-family:"Tahoma";
	line-height:40px;
	height:40px;
}

.group-page {
	background:#faf4ed;
	padding:5px;
	min-height:120px;
}

.warning-page {
	background:#f9e2c4;
	padding:5px;
	min-height:120px;
}

.warning-page .Price{
	color:red;
	font-weight:700;
}
.Bulletin {
	border:2px solid #dddbdb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding:20px;
}

.bx-box {
	border:2px solid #dddbdb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding:20px;
	margin-top:20px;
}

.bx-filter {
	background:#dbdef3;
	padding:10px;
	margin-top:5px;
	clear:both;
}
.bx-filter label{
	margin:5px;
	color:#666;
	font-family:"DPMitra";
	font-size:12pt;
	border:0px solid red;
}
.bx-filter .inpt{
	margin-top:10px;
	margin-bottom:30px;
	border:1px solid #ccc;
	-padding:1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	-background:#ffffff;
	display:inline;
	
}
.bx-filter input.TXT {
	width:50px !important;
}
.bx-filter input, .bx-filter select{
	border:0px;
    outline: 0;
	font-family:"DPMitra";
	font-size:10pt;
	color:#222;
}
.bx-filter-item {
	margin-right:0px;
}
.bx-filter-link {}
.bx-filter-link ul{padding:0px;margin:0px 100px;list-style:none;}
.bx-filter-link ul li{float:right;padding:0px;margin:0px;width:200px;}
.bx-filter-link ul li a:hover{box-shadow:1px 2px 5px #ccc;}
.bx-filter-link ul li a{display:block;padding:20px 40px;border-radius:5px;color:#ffffff;font-size:14pt;margin:5px;text-align:center;}
.bx-filter-link ul li a.Spring{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e391+0,61c419+50,b4e391+100;Green+3D */
background: #b4e391; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZTM5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzYxYzQxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNGUzOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-8 */
border:1px solid #3c7213;
}

.bx-filter-link ul li a.Summer{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd5d71+0,af1126+50,e04651+100 */
background: #cd5d71; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkNWQ3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FmMTEyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMDQ2NTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #cd5d71 0%, #af1126 50%, #e04651 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd5d71), color-stop(50%,#af1126), color-stop(100%,#e04651)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cd5d71 0%,#af1126 50%,#e04651 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cd5d71 0%,#af1126 50%,#e04651 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cd5d71 0%,#af1126 50%,#e04651 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cd5d71 0%,#af1126 50%,#e04651 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd5d71', endColorstr='#e04651',GradientType=0 ); /* IE6-8 */
border:1px solid #ab243c;
}
.bx-filter-link ul li a.Autumn{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe53b+0,dac800+50,fffc39+100 */
background: #ffe53b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTUzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RhYzgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZjMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffe53b 0%, #dac800 50%, #fffc39 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe53b), color-stop(50%,#dac800), color-stop(100%,#fffc39)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffe53b 0%,#dac800 50%,#fffc39 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffe53b 0%,#dac800 50%,#fffc39 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffe53b 0%,#dac800 50%,#fffc39 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffe53b 0%,#dac800 50%,#fffc39 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe53b', endColorstr='#fffc39',GradientType=0 ); /* IE6-8 */
border:1px solid #f4d406;
}
.bx-filter-link ul li a.Winter{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3dced+0,29b8e5+50,bce0ee+100;Blue+Pipe */
background: #b3dced; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzZGNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5YjhlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2UwZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b3dced 0%, #29b8e5 50%, #bce0ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#bce0ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-8 */
border:1px solid #1187b8;
}

.row {
	margin:10px 0;
}
.btn_byellow {
	background:url('images/btn_bYellow.png') no-repeat;
	color:#ffffff !important;
	border:0px;
	width:130px;
	height:37px;
	font-family:"DPMitra";
	font-size:10pt;
	text-align:right;
	padding:0 25px 0 0;
	cursor:pointer;
}
.btn_yellow {
	background:url('images/btn_Yellow.png') no-repeat;
	color:#ffffff !important;
	border:0px;
	width:110px;
	height:37px;
	font-family:"DPMitra";
	font-size:10pt;
	text-align:right;
	padding:0 30px 0 0;
	cursor:pointer;
}
.btn_blue {
	background:url('images/btn_Blue.png') no-repeat;
	color:#ffffff !important;
	border:0px;
	width:110px;
	height:37px;
	font-family:"DPMitra";
	font-size:10pt;
	text-align:right;
	padding:0 30px 0 0;
	cursor:pointer;
}


.bx-List {
	margin-top:20px;
}

.bx-List label{
	margin:5px;
	color:#666;
	font-family:"DPMitra";
	font-size:12pt;
	float:right;	
}

UL.tab {
	padding:0px;
	margin:0 0 0 30px;
	list-style:none;	
	float:right;	
}

UL.tab LI{
	float:right;	
	width:70px;
	border:1px solid #d0d0d0;
	margin:0px;

	text-align:center;
	text-decoration:none;
	padding:5px 10px;
	color:#373636;
	cursor: pointer;

	background:#e6e6e6;
	-webkit-box-shadow: inset 0px -1px 5px 0px rgba(0,0,0,0.17);
	-moz-box-shadow: inset 0px -1px 5px 0px rgba(0,0,0,0.17);
	box-shadow: inset 0px -1px 5px 0px rgba(0,0,0,0.17);

}

UL.tab LI.active{
	
	background: rgb(254,254,254); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */

}

UL.tab LI a{
	display:block;	
	text-align:center;
	text-decoration:none;
/*	padding:5px 10px;*/
	color:#373636;
}
.counter {
	float:right;	
	border:1px solid #d0d0d0;
	margin:0px;
	padding:5px 10px;

	background: rgb(254,254,254); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
}

.btnAction {
	float:right;	
	border:1px solid #d0d0d0;
	margin:0px;
	padding:5px 10px;

	background: rgb(254,254,254); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
}

.counter select {
	border:0px;
	background:none;

}
.bx-list-header {
	height:30px;
}

.bx-list-content, .bx-item-content  {
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
}


.color_Gray {
	background: rgb(254,254,254); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
	
}
.shadow_out {
	background:#e6e6e6;
	-webkit-box-shadow: inset 0px -1px 5px 0px rgba(0,0,0,0.17);
	-moz-box-shadow: inset 0px -1px 5px 0px rgba(0,0,0,0.17);
	box-shadow: inset 0px -1px 5px 0px rgba(0,0,0,0.17);
}



/*** dbGrid ***/

.dbGrid {
	font-family:tahoma;
	font-size:9pt;
	border-collapse:collapse;

}

.dbGrid .title{
	font-family:"DPMitra", tahoma;
	font-size:12pt;
	color:#ffffff;

}

a {
	text-decoration:none;
	color:#222;
}

#dbGridCard {
	font-family:tahoma;
	font-size:9pt;
}

#dbGridCard th{
	font-family:"DPMitra";
	font-size:11pt;
	background:#afb3ce;
	color:#000;
	padding:5px;
	height:25px;
}

#dbGridCard td{
	padding:5px;
}

.bx-item {
	border:2px solid #dddbdb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width:300px;
	height:250px;	
	padding:2px;
	text-align:right;
	color:#7e8080;
	font-size:10pt;

}
.bx-item .bx-item-title {
	background:#53b59c;
	line-height:30px;
	height:30px;
	color:#ffffff;
	font-family:"Tahoma";
	font-size:11pt;
	text-align:center;
}
.bx-item .img {
	float:right;
	padding-left:10px;
	width:131px;
	height:121px;
}
.bx-item span{
	color:#575858;
}
.bx-item .price{
	color:#000000;
	padding:5px;
	border:1px solid #cccccc;
	background: rgb(254,254,254); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
	text-align:center;
	font-family:"BYekan";
	font-size:11pt;

}
.bx-price {
	margin:10px 0; 

}
.bx-changepass {
	border:2px solid #dddbdb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding: 20px;
	margin-top: 20px;
}

.bx-changepass .inpt {
	margin-top:10px;
	margin-bottom:30px;
	border:1px solid #ccc;
	width:200px;
	padding:5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	background:#ffffff;
	display:inline;
}
.bx-changepass .inpt input{
	border:0px;
	width:190px;
}
.bx-changepass label{
	width:150px;
	display:inline-block;
	text-align:left;
}
.normalText {
	font-size:10pt;
}
.spanContent {
	font-size:8pt;
	color:#666;
}
/*************************** report ********************************/
.btnDetail {
	background : #f9e2c4;
	color:#000000;
	padding:0px 10px;
	cursor : pointer;
	margin:5px;
}
table.dbDetail, table.dbDetail th, table.dbDetail td{
	border-collapse: collapse;
	border-color: #cccccc;
}
table.dbDetail th{
	background : #f9e2c4;
}

table.dbDetail td{
	text-align:center;
}
table.dbDetail tr:nth-child(odd) {
    background: #f0f0f0;
}
table.dbDetail tr:nth-child(even) {
    background: #f0f0f0;
}

.detail:nth-child(odd) {
    background: #eaeff5;
}
.detail:nth-child(even) {
    background: #ffffff;
}

.bx-list {padding:20px; display:none;}
.bx-day {background-color:#fb8650; width:30px; heigh:30px; padding:5px; color:#ffffff; font-weight:700;}
.bx-date {background-color:#fb8650; width:70px; heigh:30px; padding:5px; color:#ffffff; font-weight:700;text-align:center;}
.tbSarresid {color:#6f6f6f; font-size:9pt;}
.summary { margin-bottom:10px}
.btn_More {padding:5px;background:#64cbe9;color:#fff;border-radius:5px;}
.btn_File {padding:5px;background:#a370f1;color:#fff;border-radius:5px;}

.gridListDaroo {
    border-collapse: collapse;
    border: 1px solid rgb(204, 204, 204);
    font-size: 10pt;
    color: #333;
}
.dbGridPrice {
    border-collapse: collapse;
    border: 1px solid rgb(204, 204, 204);
    font-size: 10pt;
    color: #333;
}
.dbGridPrice th{background:#245c8d;color:#ffffff; font-size:12pt;text-align:center}
.dbGridPrice td{font-size:10pt;}

/** bx-vot **/
.bx-vot {width:700px;border:1px solid #ccc;padding:20px;}
.bx-vot-title {}
.bx-vot ul{list-style:none;}
.bx-vot ul li{color:#666;margin-bottom:10px;text-align: justify;}
.pagging a{padding:2px 5px;background:#506784;color:#fff !important;}
.pagging a:hover{background:#E8982D;}
.pagging b{padding:2px 5px;background:#E8982D;color:#fff !important;}
.btn_ResualtVot {border:0;padding:5px;background:#64CBE9;color:#FFF;border-radius: 5px;font-weight:700;font-size:10pt;}
.btn_RegVot {border:0;padding:5px;background:#A370F1;color:#FFF;border-radius: 5px;font-weight:700;font-size:10pt;}
.error {color:#800000}


.RasFact {color:#000;font-size:14pt;line-height:40px;margin-right:20px;}
.RasFact b{color:#800000;}

/** Download **/
.Download .bx-download {border:2px solid #acacac;padding:10px;min-height:400px;width:220px;text-align:center;}
.Download .bx-download img{height:200px;width:200px;}
.Download .bx-download .btnDownload img{height:29px;width:206px;border:0;}
.Download .bx-download h2 a{color:#383838;font-size:12pt;margin:0;text-decoration:none;}
.Download .bx-download p {text-align:justify;color:#a09a9a;font-size:10pt;margin:10px 0;}

.ListPrice {max-height:320px;overflow-y:scroll;}

/** dbForm **/
.dbForm {font-size:12pt;}
.dbForm input[type="text"] , .dbForm select, .dbForm textarea {border:1px solid #ccc; padding:5px;}
.dbForm input[type="submit"]{
	border: 1px solid #ccc;
	background:transparent linear-gradient(to bottom, #FEFEFE 0%, #E6E6E6 100%) repeat scroll 0% 0%;
	padding: 5px;
	color: #000;
	border-radius: 5px;
	font-family: "DPMitra";
	font-weight: 700;
	font-size: 10pt
}
.dbForm input[type="submit"]:hover{
	background:transparent linear-gradient(to bottom, #E6E6E6 0%, #ccc 100%) repeat scroll 0% 0%;
/*	cursor:pointer;*/
}

/** bx-show **/
.bx-show {border:1px solid #DDDBDB; border-radius:5px;}
.bx-show-title {background: #f5f5f5;padding:5px;color:#333333;border-bottom:1px solid #DDDBDB;}
.bx-show ul{padding:0px;margin:0;list-style:none;}
.bx-show ul li{padding:0px;margin:0;border-bottom:1px solid #DDDBDB}
.bx-show ul li.last{border-bottom:0px}
.bx-show ul li a{display:block;font-size:9pt;font-family:"BYekan";padding:5px;}
.bx-show ul li span{float:left;background:#be1313;color:#fff;border-radius:5px;padding:0px 5px;}
.bx-show ul li a:hover{background:#f5f5f5}

.bx-show ul li a.select{background:#be1313;color:#fff;}
.bx-show ul li a.select span{background:#fff;color:#be1313;}

.bx-show-detail li {padding:5px !important;font-size:9pt;font-family:"BYekan";}
.bx-show-btn {background: #f5f5f5;padding:10px 5px;color:#333333;border-bottom:1px solid #DDDBDB;text-align:center;}
.bx-show-btn a{padding:5px 10px;color:#fff;border-radius:5px;}
.bx-show-btn a:hover{color:#000;}
.bx-show-btn a.btnAnswer{background:#5cb85c;}
.bx-show-btn a.btnClose{background:#e38c8a;}


/** bx-ticket **/
.bx-ticket_user  {border:1px solid #DDDBDB; margin-bottom:20px;}
.bx-ticket_user-title {background: #f5f5f5;padding:5px;color:#333333;border-bottom:1px solid #DDDBDB;}
.bx-ticket_user-detail, .bx-ticket_manage-detail{padding:10px;font-size:10pt;}

.bx-ticket_manage {border:1px solid #cce4fc; margin-bottom:20px;}
.bx-ticket_manage-title {background: #f2f9ff;padding:5px;color:#333333;border-bottom:1px solid #cce4fc;}

.bx-ticket_frm {border:1px solid #bce8f1; margin-bottom:20px;}
.bx-ticket_frm-title {background: #d9edf7;padding:5px;color:#31708f;border-bottom:1px solid #bce8f1;}
.bx-ticket_frm-title span{float:left;font-size:14pt;font-family:"tahoma"; cursor:pointer;}

/** attach **/
.attach {margin-top:5px; border-top:1px solid #ccc;padding-top:5px;}
.attach a{text-decoration:none;color:#6198e3;padding-left:5px;}
.attach a:hover{text-decoration:underline;}

/************************** autocomplete *****************************************************************/
    .ui-autocomplete {
      padding: 0;
      list-style: none;
      background-color: #fff;
      width: 250px;
      border: 1px solid #B0BECA;
      max-height: 350px;
      overflow-y: scroll;
    }
    .ui-autocomplete .ui-menu-item a {
      border-top: 1px solid #B0BECA;
      display: block;
      padding: 4px 6px;
      color: #353D44;
      cursor: pointer;
      font-size:10pt;
     /* font-family:"BYekan";*/
    }
    .ui-autocomplete .ui-menu-item:first-child a {
      border-top: none;
      font-size:10pt;
    /*  font-family:"BYekan";*/
    }
    .ui-autocomplete .ui-menu-item a.ui-state-hover {
      background-color: #D5E5F4;
      color: #161A1C;
    }

/**************** Home ************************/
#header_home{
	height:50px;
	background:#1786b2;
	/*min-width:1060px;*/
	padding-right:15px;
	padding-left:15px;
	position:relative;
}

#header_home h1
{
	color:#ffffff;
	font-size:12pt;
	font-family:"DPMitra";
	line-height:50px;
	padding-right:50px;
	margin:0px 20px 0 0;
}
#header_home .Ecomiran
{
	float:right;
	background:url(images/ecomiran.png) no-repeat right;
}
.bx{height:166px;margin-left:5px;margin-top:10px;border-radius:8px;color:#ffffff;padding:18px;}
.bx .title{font-size:14pt;}

.bx-user {background:#46808e;}
.bx-report {background:#fe752b;}
.bx-order {background:#1f456c;}

.divCell .bx-price {background:#e4840a;padding:0px !important;}
.bx-product {background:#555555;padding:0px !important;}
.bx-center {background:#2277aa;padding:0px !important;}

.bx-price .img{background:url('images/bg-Price.jpg');width:100%; height:130px; border-radius:8px 8px 0 0;}
.bx-product .img{background:url('images/bg-Product.jpg');width:100%; height:130px; border-radius:8px  8px 0 0;}
.bx-center .img{background:url('images/bg-Center.jpg');width:100%; height:130px; border-radius:8px  8px 0 0;}

.bx-user .title{background:url('images/icn-User.png') no-repeat right;height:50px;}
.bx-order .title{background:url('images/icn-Order.png') no-repeat right;height:50px;}
.bx-report .title{background:url('images/icn-Report.png') no-repeat right;height:50px;}
.bx .title span{line-height:50px;padding-right:60px;}
.bx .title a{color:#fff;}
.bx .stitle a{text-decoration:none;font-size:11pt;color:#fff;}

.small {width:170px !important;float:right;}

.bx-user div{margin-bottom:15px;}
.bx-order div, .bx-report div{margin-bottom:50px;}

.box {height:250px;margin-left:5px;margin-top:10px;border-radius:3px; border:3px solid #dddbdb;padding:18px;}

.divTable
{
    display: table;
    /*width:1060px;*/
}

.divRow
{
   display:table-row;
   width:auto;
}

.divCell
{
    float:right;/*fix for  buggy browsers*/
    display:table-column;
    width:350px;
}
    
/**************** Home ************************/

/**************** slides ************************/
.slides .Title{color:#fe752b; text-align:center;font-size:12pt;}
.slides img{height:120px !important;}
.slides span{color:#666564;}
.slides .titr{color:#000;text-align:right;}
.btnBuy {text-align:center;}
.btnBuy a{background:#fe752b;color:#fff;text-align:right;padding:5px 10px;}

.btnConfirm a{background:#fe752b;text-align:center;padding:5px 10px;color:#fff;display:block}


/**************** Group ************************/
.group_head {background:#97ad3f;padding:5px;color:#fff;font-size:12pt;font-family:"DPMitra";}
.group_head a{color:#fff;}
ul.group {padding:0px;margin:0px;list-style:none;}
ul.group li{background:#e0e4e0;line-height:50px;height:50px;}
ul.group li:hover{background:#f4f4f4;}
ul.group li:nth-child(even) {background: #e0e4e0}
ul.group li:nth-child(odd) {background: #FFF}

ul.group .title{display:inline-block;}
ul.group img{width:50px;height:50px;display:inline-block;margin-left:20px;}
ul.group img img{width:100%;height:100%;}

ul.group-icon {list-style:none;padding:0;margin:0;text-align:left;}
ul.group-icon li{display:inline;border-radius:0px;width:100px;height:95px;}
ul.group-icon li img{border-radius:10px;width:100px;height:95px;}