@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
img{ border:none;}
ul li{ list-style:none; text-decoration:none;}
ul li :a{ list-style:none; text-decoration:none;}
a:link{ outline:none; text-decoration:none;color:#2B7863;}
a:visited {outline:none; text-decoration:none;color:#2B7863;}
a:hover{outline:none; text-decoration:none;color:Black;}


.left{ float:left;}
.right{ float:right;}
/*body*/
body{ background:url(../images/pettern_bg.png) repeat top center;font-family:Arial;}
.main{ width:100%; margin:0 auto;}
.header_bg{ width:100%; margin:0 auto; background:url(../images/header_bg.png) repeat-x top center;  height:110px;}
.header{ width:100%; margin:0 auto; background:url(../images/header.png) no-repeat top center; height:110px;}
.header_wrepper{ width:981px; margin:0 auto; }
.logo{ width:151px; margin:35px 0 0 0;}
.service_icon { height:82px; /*margin:26px 0 0 30px;*/margin: 1px 0 0 30px;width:80%;}
.service_icon1{ width:112px; height:132px; float:left; background:url(../images/photo_gallery.png) no-repeat left top; cursor:pointer;  margin-right:20px; }
.service_icon1:hover{ width:112px; height:132px; float:left; background:url(../images/photo_gallery_hov.png) no-repeat left bottom; cursor:pointer;}
.service_icon2{ width:112px; height:132px; float:left; background:url(../images/carben_cal.png) no-repeat left top; cursor:pointer; margin-right:20px; }
.service_icon2:hover{ width:112px; height:132px; float:left; background:url(../images/carben_cal_hov.png) no-repeat left bottom; cursor:pointer;}
.service_icon3{ width:112px; height:132px; float:left; background:url(../images/green_store.png) no-repeat left top; cursor:pointer; margin-right:20px; }
.service_icon3:hover{ width:112px; height:132px; float:left; background:url(../images/green_store_hov.png) no-repeat left bottom; cursor:pointer;}
.service_icon4{ width:112px; height:132px; float:left; background:url(../images/green_pro_hov.png) no-repeat left top; cursor:pointer; margin-right:20px; hr }
.service_icon4:hover{ width:112px; height:132px; float:left; background:url(../images/green_pro_hov.png) no-repeat left bottom; cursor:pointer;}
.service1{  float:left; text-transform:uppercase; }
.top-right{ /* height:110px;*/}
.top_admin{height:2px; /*margin-top:10px;*/ font-family:Arial, Helvetica, sans-serif; font-size:13px;color:#70c0a6; text-align:right;}
.search{ background:url(../images/search_bg.png) no-repeat top left; margin-top:23px;  height:34px; line-height:34px; float:left; width:206px; float:right}
.search_bt{width:40px; border:0; background:none; height:29px; cursor:pointer; float:left;}
.text_field{ margin:8px 0 0 28px; width:132px; border:0; color:#b3b3b3; font-size:14px; float:left;vertical-align:top; background:none;}
.container{ width:981px; margin:0 auto; margin-top:32px;min-height:585px; }
.radius{ width:981px; margin:0px; }
.radius-top{ background:url(../images/box-bg_top.png) no-repeat top center; width:998px; height:56px; }
.radius-middle{ width:998px; background:url(../images/box-bg.png) repeat-y top center; padding-top:28px;} 
.raduus_title{ width:777px; margin:5px 0px 10px 6px; height:50px;}
.raduus_title h1{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; font-weight:bold; line-height:50px; margin-left:12px;  }
.raduus_title_icon{ margin:9px 5px 0 12px;  width:32px;   } 
.raduus_title_1{ width:203px; margin:5px 0px 10px 6px; height:50px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFF !important; line-height:50px;}
.raduus_title h2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; font-weight:bold; line-height:50px; margin-left:12px;  }
.radius-bottem{ width:998px; background:url(../images/box-bg_bottem.png) no-repeat top center; height:19px;}
.radius-middle-row{ width:979px; margin-left:6px; height:45px; margin-top:15px; }
.radius-middle-row-l{ width:489px;  height:37px;}
.radius-middle-row-l h3{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-left:53px; color:#333333; font-size:15px; line-height:38px;  }
.radius-middle-row-text{ width:241px;  height:37px;}
.text { background:url(../images/textfeld.png) no-repeat top left; height: 38px; width: 232px; outline:none; border:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0 5px;  /*color:#333333;*/ font-size:15px; /*line-height:38px;*/}
.radius-middle-button{ background:url(../images/button.png) no-repeat top center; width:165px; height:40px; font-family:Arial, Helvetica, sans-serif;font-size:16px; color:#FFF; text-align:center; font-weight:bold;   }
.radius-middle-row-2{ width:468px;  height:37px;}
.radius-middle-row-2 h3{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-left:37px; color:#333333; font-size:15px; line-height:38px;  }
.note-row{ width:981px; margin:15px 0 5px 5px; height:27px;  }

.note{ width:268px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000; line-height:25px;  }
.note h1{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000; line-height:25px; margin:0 0; }
.note h2{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#000; line-height:25px; margin:0 0 0 20px;}
.note h3{ font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#2f8c70; line-height:25px; margin:0 0; }
.note-btn{ width:26px; margin:0 0 0 20px;}   
.radius-top-1{ background:url(../images/box-bg_top_1.png) no-repeat top center; width:998px; height:56px;}

/* Table Css*/
table { border-collapse: collapse;    border-spacing: 0;}
th, td, caption {   font-weight: normal; text-align: left;  vertical-align: top;	 border-collapse: collapse;}
table.data-table { clear: both; margin: 0;  width:998px;	border-collapse:collapse;}
table.data-table tbody{border: 1px solid #838383; border-bottom:none;}

table.data-table{ background:url(../images/box-bg_top_1.png) no-repeat -6px -6px; width:980px; height:54px;}
table.data-table tr td, table.data-table tr th {
	vertical-align: middle;
	font-size: 16px;
	color: #343434;
	border-collapse: collapse;
}
table.data-table tr th { padding: 11px 20px;	font-weight:bold;border-right: 1px solid #838383; }
table.data-table thead tr th {color:#ffffff; height:51px; padding:0 10px;}
table.data-table tr th:last-child { border-right: 0 none;}
table.data-table tr td {    border-bottom: 1px solid #d9d9d9; border-right: 1px solid #E0E0E0;    padding:7px 10px;}
table.data-table tr td:last-child {border-right: 0 none;}
table.data-table tr:last-child td { border-bottom: 0 none;}
table.data-table tr td.da-icon-column {text-align: center;    width: 80px;}
table.data-table tr td.da-icon-column img{ margin: 0 2px;}
table.data-table tr.odd { background-color: #F4F4F4;  }
table.data-table tr.even { background-color: #FCFCFC;}
table.data-table.da-detail-view tbody th { background:transparent; width: 120px;}
table.data-table.da-detail-view tbody tr:last-child th { border-bottom: 0 none;}
table.data-table.da-detail-view .null {color: #F2618C;}
/* END Table Css*/
.radius-bottem-1{ width:994px; background:url(../images/box-bg_bottem-1.png) no-repeat top center; height:10px; margin-left:-8px;}

.footer_menu{ width:100%; margin:0 auto; background:#b1bdbc; height:40px; margin-top:36px;}
.footer_menu_wrepper{ width:430px; height:40px; margin:0 auto; }
.menu{ }
.menu ul{ margin:0px; padding:0px;}
.menu ul li{ margin:0px; padding:0px; float:left; line-height:40px;}
.menu ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333333; padding:0 8px; }
.menu ul li a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:underline; color:#333333; }
.footer{ width:100%; margin:0 auto; text-align:center; background:#282828; height:50px;}
.footer_wrepper{ width:600px; height:50px;text-align:center; margin:0 auto; color:#616b67; line-height:50px;clear:both; }

.banner{ width:981px; margin:0 auto; margin-top:32px; background:url(../images/banner.png) no-repeat top center; height:303px; }
.banner ul{ clear:both; overflow:hidden; margin:0 10px}
.banner li{float:left; height:258px; line-height:27px; width:374px; padding-left:60px; margin-right:32px; font-weight:bold; text-align:center; font-family:"Times New Roman", Times, serif; font-size:24px;}
.banner li span{ display:block; font-size:80px; font-weight:bold; line-height:56px; 
margin-top:106px; margin-bottom:40px;}
.banner li.block1{ color:#c08e2d;}
.banner li.block2{ color:#0e5c4d;}
.banner li.block3{ color:#6f110d;}
.banner li.block4{ color:#376143;}


.downarrow{ width:13px; height:11px; margin:0px; }


/*navigetion*/
ul.nav{padding:0px; /*margin:0px;*/margin-top: 32px; margin-left:-34px;}
ul.nav li{float:left; position:relative; margin:0 13px;}
ul.nav li a{display:block; width:75px; height:63px; font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase;}
/*ul.nav li a.nav_dashbord span{padding:50px 0 0 0; display:block;}  */
ul.nav li a.nav_dashbord{background:url(../images/dashbord.png) no-repeat top left; width:89px; text-align:center; position:relative;}
ul.nav li a.active p{width:16px; height:12px; position:absolute; top: 76px; left:35px; background:url(../images/arrow-down.png) no-repeat top left}
ul.nav li a.active{}

/*ul.nav li a.nav_user span{padding:50px 0 0 0; display:block;} */
ul.nav li a.nav_user{background:url(../images/user.png) no-repeat top left; text-align:center;width:89px; }


/*ul.nav li a.nav_consignments span{padding:50px 0 0 0; display:block;} */
ul.nav li a.nav_consignments{background:url(../images/consignments.png) no-repeat top left; text-align:center;width:89px; }

/*ul.nav li a.nav_setting span{padding:50px 0 0 0; display:block;} */
ul.nav li a.nav_setting{background:url(../images/setting.png) no-repeat top left; text-align:center; width:89px;}

/*ul.nav li a.nav_csr span{padding:50px 0 0 0; display:block;} */
ul.nav li a.nav_csr{background:url(../images/CSR.png) no-repeat top left; text-align:center;width:89px;}

/*ul.nav li a.nav_assignment span{padding:50px 0 0 0; display:block;} */
ul.nav li a.nav_assignment{background:url(../images/icon_Assign.png) no-repeat top left; text-align:center;width:89px;}

ul.nav li a.nav_customers {background: url(../images/user.png) no-repeat top left;text-align: center; width: 89px;}

ul.nav li a span{padding:59px 0 0 0; display:block;}

/*table*/
.table-data{-moz-border-radius:10px; border-radius:10px; -moz-box-shadow:2px 2px 2px 2px #cccccc; -webkit-box-shadow: 2px 2px 2px 2px #cccccc; box-shadow: 2px 2px 2px 2px #cccccc;}
.table-data th{background:url(../images/table-head-bg.gif) repeat-x top left; background-color:#2D836A; height:49px; border-right:#7da099 solid 1px; text-align:center; vertical-align:middle; color:#ffffff; font:bold 14px Arial, Helvetica, sans-serif;}
.table-data th.table_r{-moz-border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; -khtml-border-radius:0 10px 0 0; border-radius:0 10px 0 0; border:0px;}
.table-data th.table_l{-moz-border-radius:10px 0 0 0 ; -webkit-border-radius:10px 0 0 0; -khtml-border-radius:10px 0 0 0; border-radius:10px 0 0 0;}
.table-data th a{text-align:center; margin:5px 10px 0 0;color:White;}
/*.table-data a:link {display: block;color: #333333;text-align: center;} */

.table-data tbody{/*border:#838383 solid 1px;*/}
.table-data tbody td{height:48px; border-right:#c4c4c4 1px solid; text-align:center; vertical-align:middle; color:#333333; font:normal 15px Arial, Helvetica, sans-serif;}
.table-data tbody td.lasttd{border:0px;}
.table-data tbody td.even{background-color:#f0f0f0;}
.table-data tbody td.odd{background-color:#e1e1e1;}

.table-data tbody td.table_l{-moz-border-radius:0 0 0 10px; border-radius: 0 0 0 10px;}

.border_l{border-left:#838383 solid 1px;}


.whiltecolor{color:#FFF !important}

/*Login Styles*/
.radius-middle-login-row{height: 45px; margin-left: 6px;margin-top: 15px;width: 420px;}
.radius-middle-row-login{ width:415px;  height:37px;}
.radius-middle-row-login h3{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-left:50px; color:#333333; font-size:15px; line-height:38px;  }
.required{color:Red;}
.radiobuttonlist label{margin-right:15px;}

/*Jquery DataTable*/
.top{margin-top:-45px;padding-bottom:30px;}
.bottom{margin-top:15px;}
table.dataTable thead th{border-bottom:0px!important;padding: 0 18px 0 10px !important;}
.table-th{background-color: #F0F0F0 !important;background-image:none !important;}
.dataTables_length{float:right !important;}


/*table*/
.table_data{-moz-border-radius:10px; border-radius:10px; -moz-box-shadow:2px 2px 2px 2px #cccccc; -webkit-box-shadow: 2px 2px 2px 2px #cccccc; box-shadow: 2px 2px 2px 2px #cccccc;}
.table_data th{ background-color:#2D836A; height:49px; border-right:#7da099 solid 1px; text-align:center; vertical-align:middle; color:#ffffff; font:bold 14px Arial, Helvetica, sans-serif;}
.table_data th.table_r{-moz-border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; -khtml-border-radius:0 10px 0 0; border-radius:0 10px 0 0; border:0px;}
.table_data th.table_l{-moz-border-radius:10px 0 0 0 ; -webkit-border-radius:10px 0 0 0; -khtml-border-radius:10px 0 0 0; border-radius:10px 0 0 0;}
.table_data th a{text-align:center; margin:5px 10px 0 0;color:White;}
/*.table-data a:link {display: block;color: #333333;text-align: center;} */

.table_data tbody{/*border:#838383 solid 1px;*/}
.table_data tbody td{height:48px; border-right:#c4c4c4 1px solid; text-align:center; vertical-align:middle; color:#333333; font:normal 15px Arial, Helvetica, sans-serif;}
.table_data tbody td.lasttd{border:0px;}
.table_data tbody td.even{background-color:#f0f0f0;}
.table_data tbody td.odd{background-color:#e1e1e1;}

.table-data tbody td.table_l{-moz-border-radius:0 0 0 10px; border-radius: 0 0 0 10px;}


/* select bar */
.selectBar
{
    background: url(../images/textfeld.png) no-repeat left top;
    border: 0 none;
    padding: 11px 5px;
    width: 100%; 
    color:#000000;
    /*color: #A1A1A1;*/
    line-height:35px;
    box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
height:40px;
}

/* button commen */
.actionButtn{overflow:hidden;}
.actionButtn .rightSpace10{margin-right:10px;}
.btn_black
{
    padding:8px 15px; color:#ffffff; display:block; border:0; float:left; cursor:pointer;
    outline:0; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px; text-transform:uppercase;
    background: #202020; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  #383838 0%, #202020 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#202020)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #383838 0%,#202020 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #383838 0%,#202020 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #383838 0%,#202020 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #383838 0%,#202020 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#202020',GradientType=0 ); /* IE6-8 */
    -moz-box-shadow:1px 1px 2px 2px #ccc; -webkit-box-shadow:1px 1px 2px 2px #ccc; box-shadow:1px 1px 2px 2px #ccc;
}
.btn_black:hover{background: #202020;}
.text_filter
{
    border:#858585 solid 1px; padding:5px;
    -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius:5px;
}
.dataTables_length{font-family:Arial; margin:10px 0; overflow:hidden;}
.dataTables_length select
{
    margin:0 10px; width:65px;
    border:#858585 solid 1px; padding:5px;
    -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius:5px;
}
/*  manage country */
.smalltext {     background: #fff;    width: 85%;    outline: none;     font-family: Arial, Helvetica, sans-serif;    font-weight: normal;    padding: 8px 5px;    font-size: 15px;    border: solid 1px #858585;    border-radius: 6px;    box-shadow: inset 0 0 3px 1px #ddd;    margin-top: 15px;    vertical-align: middle;}