@charset "utf-8";
/* CSS Document */

/*-------------Reset Styles--------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; color:#011938;}
table { border-collapse:collapse; border-spacing:0;}
textarea{ resize: none; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;*text-transform:full-width;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
.clear{clear:both;}
.error-message{clear: both; display: block; margin-left: 175px !important; font-size:10px; color:#cf0000;}
.err-message{clear: both; display: block; font-size:10px; color:#cf0000;}
textarea{ font-family:Verdana, Geneva, sans-serif; font-size:12px;}
input[type=button], button[type=button]{ height:28px; margin:5px; padding:0px 5px; border:#9abef0 1px solid; background:url(../img/images/menu/menubg.png) 0 bottom repeat-x; color:#fff; font-size:14px; *font-weight:bold; cursor:pointer;}
input[type=submit], input[type=reset], button[type=submit], button[type=reset]{ background:url(../img/images/submitbtn.jpg) 0 0 no-repeat; width:115px; height:30px; text-indent:-9999px; border:none; margin:0; padding:0; cursor:pointer;}
button[type=search]{ background:url(../img/images/searchbtn.jpg) 0 0 no-repeat; width:115px; height:30px; text-indent:-9999px; border:none; margin:0; padding:0; cursor:pointer;}

.print_later {background:url(../img/images/printbtn.jpg) 0 0 no-repeat !important; width:115px; height:30px; text-indent:-9999px; border:none; margin:0; padding:0; cursor:pointer;}
input[type=reset], button[type=reset]{ background:url(../img/images/cancelbtn.jpg) 0 0 no-repeat; margin-left:10px;}
.printlater { background:url(../img/images/printbtn.JPG) 0 0 no-repeat !important; border:0 !important;}
input.searchbtn{background:url(../img/images/searchbtn.jpg) 0 0 no-repeat;}
input.clearbtn{ background:url(../img/images/clearbtn.jpg) 0 0 no-repeat;}
input.savecontinuebtn, button.savecontinuebtn{ background:url(../img/images/savecontinue.jpg) 0 0 no-repeat; width:150px;}
input.savebtn, button.savebtn{ background:url(../img/images/save.jpg) 0 0 no-repeat;}
input[type=submit].updatebtn, button[type=submit].updatebtn{background:url(../img/images/updatebtn.jpg) 0 0 no-repeat;}
input.tlusbtn, button.tlusbtn{ background:url(../img/images/tlus.jpg) 0 0 no-repeat; width:205px;}

a{ color:#cf0000; text-decoration:none; outline:none;}
a:hover{ text-decoration:underline; outline:none;}
a:selected, a:visited{ outline:none;}

/*---------------General Table Design------------*/
table { width:100%; padding:0; margin:0; *background:url(../img/images/tableheaderbgIE7.gif) 0 0 repeat-x; height:100%;}
body:nth-of-type(1) table{ height:auto;} /*Chrome browser hack*/
table thead{ height:35px; background:#930100;*background:#af0200 url(../img/images/tableheaderbg.png) 0 top repeat-x;*background:#af0200; }
table thead th table thead{ height:auto;}
table th, table td{ font-size:12px; padding:0 13px;}
table.delivery_list th, table.delivery_list td{ padding:0 10px;}
table thead th{ background:url(../img/images/ascdesc_new.png) right 5px no-repeat; font-weight:bold; color:#FFF; border-right:#520f20 1px solid; position:relative; padding-right:30px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
table thead th{ height:35px;} /* This works only in Safari and Google Chrome */
}
@media \0screen {
table thead th{ height:35px;} /* This works only in IE8 */
}
table thead th a{color:#fff; text-decoration:none; display:block;}
table thead th.desc{ background:url(../img/images/ascdesc_new.png) right -55px no-repeat;}
table thead th.asc{ background:url(../img/images/ascdesc_new.png) right -25px no-repeat;}
table tbody tr{ background:#fff;}
/*table tbody tr:hover{ background:#dfdfdf !important; border:#bbb 1px solid !important;}*/
table tbody td{ height:25px; line-height:25px; border-bottom:#b5c5da 1px solid; border-right:#b5c5da 1px solid; border-left:#b5c5da 1px solid; color:#102848;white-space:nowrap;}
table tbody td.left{ height:25px; line-height:25px; border:none !important;  color:#102848;}

table tbody td.rightalign{ text-align:right;}
table tbody td a{ color:#011938; text-decoration:underline;}
table tbody td a:hover{ text-decoration:none;}
table thead th.actions{ text-align:center; background:none;}
table tbody td.actions{text-align:center;}
table tbody td.actions a.destination{ float:left;}
table thead th.nosort{ background-color: #930100; background: none; padding-right:13px;white-space:nowrap;}
table thead th.nosorts{ background-color: #930100; background: none; padding-right:6px; padding-bottom:3px; border-top:8px;}

tr.result_row{ border:none; background:transparent;}

/*---------------Fieldset----------------*/
fieldset{ background:#78a8eb; border:#3b68a7 1px solid; padding:10px; margin:20px 0 0; display:block; clear:both; position:relative}
legend{ width:215px; height:28px; background:url(../img/images/legendbg.png) 0 0 no-repeat; margin:-37px 0 0 -11px; padding:7px 0 0 45px; font-size:13px; font-weight:bold; color:#FFF; position:absolute;}
.form_cont{ padding:10px 0 0; margin:10px 0 0;}

/*---------------formblk----------------*/
.formblk{ background:#78a8eb; border:#3b68a7 0px solid; padding:10px; margin-top:40px; display:block; clear:both; position:relative; *margin:0px;}
.formblk h2{ width:99%; height:28px; background:#103562; /*margin:-37px 0 0 -11px;*/ padding:6px; font-size:16px; font-weight:normal; color:#FFF; position:absolute; top:-40px; left:0px;}
.form_cont{ padding:10px 0 0; margin:10px 0 0;}
form .required label:after { color: #ff0000; content: '*'; display:inline-block; margin-left:3px; font-size:12px;} 

/*----------------Heading Styles-----------*/
.pagetitle{ font-size:22px; line-height:26px; margin:15px 0; padding-bottom:10px; border-bottom:#bbb 1px dashed; position:relative;}
.pagetitle a{ color:#CF0000;}

/*---------------Common Styles------------*/
body{ background:#011938 url(../img/images/sitebg.jpg) repeat; font:12px/15px Verdana, Geneva, sans-serif;}
body.loginpage{ background:#011938;}

/*-----------------Wrapper----------------*/
.outerwrapper{ width:100%; margin:0 auto; position:relative; background:url(../img/images/outerwrapperbg.png) 0 0 repeat-x;}
.loginpage .outerwrapper{ background:none;}
.innerwrapper{ *width:1290px; width:1250px; padding:0 15px 10px; position:relative; background:#630000; min-height:580px; margin:0 auto;}

.loginpage .innerwrapper{ background:#011938 url(../img/images/login_bg_new.jpg) center 0 no-repeat;}

/*----------------Header----------------*/
.header{ height:160px; background:#fff; padding:0 13px;
/*----css3 styles-----
-moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;*/}
.logo{ background:url(../img/images/logo.png) 0 0 no-repeat; width:170px; height:99px; display:block; text-indent:-9999px; margin:20px 0 0 10px; float:left;}
.logo h1{ width:170px; height:80px; float:left;}
.logininfo{ position:absolute; right:250px; top:15px;}
.logininfo .welcomemem, .logininfo .welcomemsg{ font-weight:bold; color:#4e7bb0; font-size:13px;}
.logininfo .welcomemsg{ float:right;}
.logoutlink{ color:#630000; font-size:12px; text-decoration:underline; margin:5px; float:right; font-weight:bold;}

/*----------------Menu-----------------*/
.ddsmoothmenu{ font:13px sans-serif;font-weight:600; background:#699fe9 url(../img/images/menu/newmenubg.jpg) 0 0 repeat-x; /*background of menu bar (default state)*/width: 100%; margin:0; height:34px; line-height:34px; position: relative; }
.ddsmoothmenu ul{ z-index:100; margin: 0; padding: 0; list-style-type: none;width:98%}
/*Top level list items*/
.ddsmoothmenu ul li{ display: inline; float: left; background:url(../img/images/menu/menusep.jpg) right bottom no-repeat;}
/*Top level menu link items style*/
.ddsmoothmenu ul li.parent ul{ display:block !important; z-index:10;}
.ddsmoothmenu ul li:hover ul{ display:block !important; z-index:12;}
.ddsmoothmenu ul li a{ display: block; /*background of menu items (default state)*/ color:#061830; padding:0 10px; text-decoration: none; position:relative;}
.ddsmoothmenu ul li a img{ margin-left:5px;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block;}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: 061830;}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li.parent a.activeMenu{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background:url(../img/images/menu/menubg.png) 0 0 repeat-x; color: #fff;}
.ddsmoothmenu ul li a:hover{ background:url(../img/images/menu/menubg.png) 0 0 repeat-x; /*background of menu items during onmouseover (hover state)*/ color: #fff;}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{ position: absolute; left: 0 !important; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; background:white; padding:2px 10px;}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul>:first-child{ border-left:#315379 1px solid;}
.ddsmoothmenu ul li ul li{float: left; border-right:#315379 1px solid; background:none; margin:5px 0;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{ top: 0;}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{ font: normal 14px sans-serif; /*width of sub menus*/ padding:3px 7px; margin: 0;border-top-width: 0; color:black !important;}
.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li.activeSubMenu a{ background:#699fe9;}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{ position: absolute; top: 12px; right: 7px;}
.rightarrowclass{ position: absolute; top: 6px; right: 5px;}

/*-----------------Content--------------*/
.content{min-height:250px; height:auto; background:#fff; margin:45px 0 0; padding:13px;
/*----css3 styles-----
-moz-border-radius:10px; border-radius:10px;*/}
.popup_content{ margin:0; width:96%; min-height:350px; background:none;}
.two_column{ margin:15px 20px 0; clear:both;}
.listrow{ clear:both;}
.listrow .clear{ clear:right; margin-right:0;}
.input, .formfield{ float:left; width:420px; margin-bottom:10px; margin-right:20px}
.formfield img{ cursor:pointer;}
.input input, .input label, .formfield input, .formfield label, .input select, .formfield select{ float:left; width:165px; padding:3px 5px; margin:0; font-weight:bold;}
.input input[type=checkbox]{ width:auto; height:auto; text-align:left; margin:3px 5px 0; padding:0; border:none; background:#8DB5EE;}
/*.form .checkbox label{ float:left;}
.form .checkbox input{ float: right; margin-right: 230px;}*/
.input label, .formfield label{ width:165px; font-weight:normal;}
.input input, .formfield input, .input select, .formfield select , .input_upper{ border:#3b68a7 1px solid; background:#fff; font-size:12px; font-weight:normal;  text-transform: uppercase;}
.input textarea, .formfield textarea{ min-height:55px; width:165px; border: 1px solid #3B68A7; font-size:12px; padding:5px; text-transform: uppercase;}
/*.entryform .input input{ padding:0; border:#3b68a7 1px solid;}*/
.labelvalue input, .labelvalue textarea{ width:165px; border:none; padding:3px 5px; color:#570e00; font-weight:bold;}
.input select, .formfield select{ width:175px; padding:3px 0;}

.onecolumn{ width:99%; border-right:none; padding:0px 5px 5px 5px; margin:0;min-height: 1455px;}

.dashblk_topagents{
height:340px;background:#fff; border:#b6b6b6 1px solid; float:left; border-bottom:#b6b6b6 2px solid; border-right:#b6b6b6 2px solid; display:inline;  margin:5px 2px; width:49.2%; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); border-radius:5px; -khtml-border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; -moz-border-radius:4px;-o-border-radius:4px;}
.dashblk_topagents h2{ background: #699FE9; font:bold 16px/40px OpenSans-CondensedBold; color:#ffffff; padding:0 0 0 3px; text-transform:uppercase; border-top-left-radius: 3px;  border-top-right-radius: 3px; overflow:hidden; border-bottom:#fff 1px solid; height:40px; }


.dashblk_topagentsToday{
height:340px;background:#fff; border:#b6b6b6 1px solid; float:left; border-bottom:#b6b6b6 2px solid; border-right:#b6b6b6 2px solid; display:inline;  margin:5px 2px; width:49.2%; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); border-radius:5px; -khtml-border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; -moz-border-radius:4px;-o-border-radius:4px;}
.dashblk_topagentsToday h2{ background: #699FE9; font:bold 16px/40px OpenSans-CondensedBold; color:#ffffff; padding:0 0 0 3px; text-transform:uppercase; border-top-left-radius: 3px;  border-top-right-radius: 3px; overflow:hidden; border-bottom:#fff 1px solid; height:40px; }

.dashblk_overall{
height:340px;background:#fff; border:#b6b6b6 1px solid; float:left; border-bottom:#b6b6b6 2px solid; border-right:#b6b6b6 2px solid; display:inline;  margin:5px 2px; width:49.2%; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); border-radius:5px; -khtml-border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; -moz-border-radius:4px;-o-border-radius:4px;}
.dashblk_overall h2{ background: #699FE9; font:bold 16px/40px OpenSans-CondensedBold; color:#ffffff; padding:0 0 0 3px; text-transform:uppercase; border-top-left-radius: 3px;  border-top-right-radius: 3px; overflow:hidden; border-bottom:#fff 1px solid; height:40px; }

.dashblk_comparisionToday{
height:340px;background:#fff; border:#b6b6b6 1px solid; float:left; border-bottom:#b6b6b6 2px solid; border-right:#b6b6b6 2px solid; display:inline;  margin:5px 2px; width:49.2%; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); border-radius:5px; -khtml-border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; -moz-border-radius:4px;-o-border-radius:4px;}
.dashblk_comparisionToday h2{ background: #699FE9; font:bold 16px/40px OpenSans-CondensedBold; color:#ffffff; padding:0 0 0 3px; text-transform:uppercase; border-top-left-radius: 3px;  border-top-right-radius: 3px; overflow:hidden; border-bottom:#fff 1px solid; height:40px; }

.dashblk_invoices{
height:340px;background:#fff; border:#b6b6b6 1px solid; float:left; border-bottom:#b6b6b6 2px solid; border-right:#b6b6b6 2px solid; display:inline;  margin:5px 2px; width:49.2%; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); border-radius:5px; -khtml-border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; -moz-border-radius:4px;-o-border-radius:4px;}
.dashblk_invoices h2{ background: #699FE9; font:bold 16px/40px OpenSans-CondensedBold; color:#ffffff; padding:0 0 0 3px; text-transform:uppercase; border-top-left-radius: 3px;  border-top-right-radius: 3px; overflow:hidden; border-bottom:#fff 1px solid; height:40px; }
.dashblk_topay{
height:340px;background:#fff; border:#b6b6b6 1px solid; float:left; border-bottom:#b6b6b6 2px solid; border-right:#b6b6b6 2px solid; display:inline;  margin:5px 2px; width:49.2%; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); border-radius:5px; -khtml-border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; -moz-border-radius:4px;-o-border-radius:4px;}
.dashblk_topay h2{ background: #699FE9; font:bold 16px/40px OpenSans-CondensedBold; color:#ffffff; padding:0 0 0 3px; text-transform:uppercase; border-top-left-radius: 3px;  border-top-right-radius: 3px; overflow:hidden; border-bottom:#fff 1px solid; height:40px; }


.dashblk_strategy{
height:340px;background:#fff; border:#b6b6b6 1px solid; float:left; border-bottom:#b6b6b6 2px solid; border-right:#b6b6b6 2px solid; display:inline;  margin:5px 2px; width:49.2%; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); border-radius:5px; -khtml-border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; -moz-border-radius:4px;-o-border-radius:4px;}
.dashblk_strategy h2{ background: #699FE9; font:bold 16px/40px OpenSans-CondensedBold; color:#ffffff; padding:0 0 0 3px; text-transform:uppercase; border-top-left-radius: 3px;  border-top-right-radius: 3px; overflow:hidden; border-bottom:#fff 1px solid; height:40px; }















.labelname, .labelvalue{ float:left; width:150px; padding:3px 10px; margin:0 0 10px 0; font-weight:normal;}
.labelname{ *width:140px; font-weight:normal;}
.labelvalue{ border:#bcd4f5 1px dashed; background:#cbe0ff; font-size:12px; margin-right:5px; min-height:16px; word-wrap: break-word; line-height:16px;}
/*.labelvalue_email{ height:auto; word-wrap:break-word;}*/
.labelvalue_autoheight{ height:auto; word-wrap:break-word; min-height:16px;}
.labelvalue_textarea{ height:auto;}
.txtarealabelvalue{ min-height:75px; height:auto;}
.entryform .labelvalue{ padding:0; border:#3b68a7 1px solid; height:auto;}

.five_column{ margin:15px 0 0; clear:both;}
.five_column .listrow{ border-bottom:#4073b8 1px dashed; min-height:44px; margin-bottom:15px; position:relative;}
.five_column .col{ width:170px; float:left; margin-right:0;}
.five_column .labelname{ padding:0; margin:0 0 5px; }
.five_column .labelname, .five_column .labelvalue{ width: 140px;}
.five_column .labelvalue input, .five_column .labelvalue textarea{ width:93%; text-transform: uppercase;}
.five_column .deletelink, .five_column .hide_deletelink{ width:26px; height:26px; display:inline-block; position:absolute; right:0; bottom:-1px; background:url(../img/images/delete.png) 0 0 no-repeat;}
.five_column .hide_deletelink{ background:url(../img/images/hide_delete.png) 0 0 no-repeat;}
.buttondiv, .submitbuttondiv{ border-top:#4073b8 1px solid; margin:20px 0 0 -1%; padding:15px 10px 0; width:100%;}
.submitbuttondiv{border-top:#c2c2c2 1px dashed; text-align:right;}
.buttondiv input{ float:right;}
.five_column .resultdiv{ min-height:24px; border-bottom:none; margin-bottom:5px;}
.five_column .resultdiv .col{ float:right; margin-right:130px; width:auto;}
.five_column .resultdiv .labelvalue{ height:24px; line-height:24px; border:#4073b8 1px solid; padding:0 5px; width:130px; margin-bottom:0; background-color:#4e84ce;}
.five_column .resultdiv .input{ width:auto;}
.five_column .resultdiv .input input{ width:50px; font-weight:bold;}
.input button[type=button], .input input[type=button]{ height:22px; margin-left:5px;}

/*---------------Login Page--------------*/
.login{ position:relative; width:640px; border:#314d7c 1px solid; height:45px; top:460px; *left:125px; padding:15px 20px; margin:0 auto;}
.login_bot{ position:absolute; top:68px; background:url(../img/images/login_shadow.png) 0 0 no-repeat; width:700px; height:32px; left:25px;}
.login .input{ width:auto;}
.login .input label{ display:none;}
.login .input .input_txt{ width:193px; background: url(../img/images/login_txt.png) 0 0 no-repeat; border:none; padding:14px 10px; margin:0 0 0 10px; color:#fff; font-weight:normal; font-size:13px; text-transform: uppercase;}
.login .input .input_txtp{ width:193px; background: url(../img/images/login_txt.png) 0 0 no-repeat; border:none; padding:14px 10px; margin:0 0 0 10px; color:#fff; font-weight:normal; font-size:13px;}
.login button[type=submit], .login button[type=reset]{ height:30px; line-height:30px; padding:0 10px; margin:7px 0 0 10px; cursor:pointer; background:#fff; width:auto; text-indent:0px;}
.login a{ color:#fff799; margin:0 0 0 30px;}

/*------------For Mordern Browsers-----------*/
.headerbot, .contenttop, .contentbot{ display:none;}

/*------------Pagination-------------------*/
.paging{ margin:10px 0;}
.paging .prev, .paging .next, .paging .prev_disabled, .paging .next_disabled{ width:22px; height:24px; display:inline-block; background:url(../img/images/navigation_arrow.png) 0 -3px no-repeat;; text-indent:-9999px; border:none; padding:0;}
.paging .prev{ background-position:-22px 0px;}
.paging .next{ background-position:-22px -3px;}
.paging span a, .paging span.current, .paging span a.selected{ display:inline-block; border:#5983c0 1px solid; background:#fff; padding:2px 5px; text-decoration:none; color:#13335f;}
.paging span.current, .paging span a.selected{ background:#5983c0; color:#fff;}
.paging .prev_disabled{ background-position:0 -3px;}
.paging .next_disabled{ background-position:right -3px;}

/*-------------Actions Link---------------*/

.view_action, .send_greeting, .view_action1, .view_action2, .edit_action, .delete_action, .publish_action, .unpublish_action, .change_action, .cancel_action, .remove_action, .delivery_action{ width:16px; height:25px; display:block; background:url(../img/images/mini_actionslink.png) 0 0 no-repeat; text-indent:-9999px; margin:0 15px 0 0; padding:0; float:left;}
.last{margin:0;}
.view_print_action {width:16px; height:25px; display:block; background:url(../img/images/print.png) 0 0 no-repeat; text-indent:-9999px; margin:0 15px 0 0; padding:0; float:left; }

.view_act{margin:0 6px 0 0;}
.view_action{ background-position:0 0; width:17px;}
.view_action:hover{ background-position:0 -25px;}

.view_action1{ background-position:-167px 0; width:17px;}
.view_action1:hover{ background-position:-167px -25px;}
.view_action2{ background-position:-45px 0; width:17px;}
.view_action2:hover{ background-position:-45px -25px;}


.edit_action{ background-position:-43px 0;}
.edit_action:hover{ background-position:-43px -25px;}
.delete_action{ background-position:-228px 0;}
.delete_action:hover{ background-position:-228px -25px;}
.publish_action{ background-position:-107px 0;}
.publish_action:hover{ background-position:-107px -25px;}
.unpublish_action{ background-position:-137px 0;}
.unpublish_action:hover{ background-position:-137px -25px;}
.change_action{ background-position:-167px 0;}
.change_action:hover{ background-position:-167px -25px;}
.cancel_action{ background-position:-198px 0;}
.cancel_action:hover{ background-position:-198px -25px;}
.remove_action{ background-position:-77px 0;}
.remove_action:hover{ background-position:-77px -25px;}

.addbutton_liststyle, .edit_top, .edit_bottom{ float:right; right:0px; position:absolute;}
.addbutton_liststyle, .edit_top{top:-35px;right:50px;}
.edit_bottom{ bottom:-34px;}
.addbutton_liststyle a{ width:32px; height:32px; background:url(../img/images/add.png) 0 0 no-repeat; text-indent:-9999px; display:block;}
.editbutton_liststyle{}
.backbutton_liststyle{}
.send_greeting {background-position:-260px 0;
}
.send_greeting:hover {background-position:-260px -25px;
}

/*------------Autocomplete------------*/
.auto_complete{ background:#fff; border:#ddd 1px solid; padding:5px;position:absolute;}
.auto_complete li{ line-height:14px; height:14px; padding-bottom:4px; border-bottom:#ddd 1px dashed; padding:3px;}
.auto_complete li:hover{ background:#cdcdcd; cursor:pointer;}
.auto_complete li.selected { background:#cdcdcd; }

.message.error{ padding:10px; color:#cf0000; font-weight:bold; border:#cf0000 1px dashed; background-color:#f6c6c6;}
.message.error:before{ content:'!'; font-size:35px; color:#990000; font-weight:bold; display:inline-block; margin-right:10px; font-family::"Courier New", Courier, monospace;}
.message.success {
    padding: 10px;
    color: #0a3622;
    font-weight: bold;
    border: #a3cfbb 1px dashed;
    background-color: #d1e7dd;
}

.message.success:before {
    content: '!';
    font-size: 35px;
    color: #0a3622;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
    font-family: "Courier New", Courier, monospace;
}

span.pointer { padding: 0;}
.indicates_req { text-align:right; color:#cf0000; margin: -33px 0 45px;}
.indicates_req span{ color:#cf0000;}

.derror-message{clear: both; display: block; margin-left: 175px !important; font-size:10px; color:#cf0000;}

/*------------SELVA------------*/
/*------------Add Station------------*/
.group{ margin:0;}
.groupinfo{ margin:0; padding:0;}
.groupinfo h2{ font-size:16px; line-height:18px; font-weight:bold; *color:#730d23; color:#fff; padding:9px 0 9px 28px; background:none; margin:0; width:auto; height:auto; position:relative; top:auto; left:auto;}
.groupinfobg{ background:#8db5ee; padding:20px 10px; border-left:1px #ccc solid; border-bottom:1px #ccc solid; border-right: 1px #ccc solid;}


/*------------Input Button------------*/
.input .btnselect{ background:url(../img/images/selectbtn.gif) 0 0 no-repeat; width:22px; border:#9abef0 1px solid; margin:0; padding:0;}
.viewgroupinfobg{ min-height:100px;background:#8db5ee; padding:20px 10px;}
.permit .input{ width:100%; }
.permit .input label{ width:65px; }

/*------------Add Station------------*/
.five_column .selectbox .labelvalue{ border:none; background:none;}
.five_column .selectbox select{ border:1px solid #3B68A7; padding:2px 2px 2px 0;}
.five_column .small{ width:90px;}
.five_column .small .labelname, .five_column .small .labelvalue{ width: 67px;}
.five_column .small input{ width:86%;}
.five_column .small_checkbox .labelvalue{ margin:5px; border:none; background:none;}
.groupinfobg .five_column, .groupinfobg .form_cont, .groupinfobg .resultdiv{ margin:0; padding:0;}
/*------------Add Route------------*/
.class_transport{float:left; margin:10px 19px 0 0;}
.class_transport input.text-validation{ background:#FFFFFF; border: 1px solid #3B68A7; font-size: 12px; font-weight: normal; margin: 0; padding: 3px 5px; width: 165px; float:left;}
.class_transport label{ width:165px; font-weight:normal; float:left; padding:3px 5px; margin:0;}
#transport_add{ margin-top:20px;}

.message-err{ color:#cf0000; font-weight:bold; text-align:center;margin-top:20px;}
.message-sus{ color:#579f2d; font-weight:bold; text-align:center;   position:absolute; width:100%; line-height:24px;margin-top:20px;/*padding-left:15px;/**/}

.resultdiv .input label{ width:auto;}

/*------------Child Table------------*/
table.child_2tbl tbody tr td{ padding:0 10px !important;}
table.child_2tbl .child_2{ text-align:center;}
table.child_2tbl thead th{border-right:#919191 1px solid; background:none; color:#000;}
table.child_2tbl{background: url(../img/images/child_tableheaderbg.png) repeat-x 0 0;}
table.child_2tbl thead{ background: url(../img/images/child_tableheaderbg.png) repeat-x 0 bottom}
tr.childtr td{ padding:0;}

table.child_2tbl thead tr{ background:none;}
table.child_2tbl tr { border-left:1px solid #B5C5DA;}
table.child_2tbl tr.altrow{ background:#efefef;}

/*------------Child Table Header------------*/
table.subtable tr{ border:none !important;}
table.subtable thead{ line-height:normal; background:none;}
table.subtable thead th{ text-align:center; background:none; line-height:normal; height:auto;}
table.subtable td{ border-bottom-style:solid; word-wrap:break-word;}
.subth{ padding:0; background:none;}
.topth{ border-bottom:1px solid #520F20; text-align:center;}

/*------------Tab Menu-----------*/
ul#group_tab { text-align: left; margin: 25px 0 0; border-bottom: 1px solid #3B68A7; list-style-type:none; padding:3px 10px 0;}
ul#group_tab li { display: inline;}
ul#group_tab li a { padding:6px 9px; border:1px solid #3B68A7; background: #8DB5EE url(../img/images/grouptabbg.gif) 0 0 repeat-x; color:#e7f1ff; margin-right:0px; text-decoration:none; border-bottom:none; line-height:26px; font-size:12px; font-weight:bold;}
ul#group_tab li a:hover{padding:6px 9px; background:#8DB5EE; color: #023172;}
ul#group_tab li a.active { background:#8DB5EE; color:#023172; padding:10px 9px 7px;}

/*------------common-----------*/
table.autoelements tr td{ height:auto;}
table tbody td.email{display: inline-block; height:auto; width:200px; word-wrap:break-word;}

/*------------Status Action-----------*/
.status_action{ float:right; margin:5px 0;}

/*------------Search-----------*/
.searchon_button, .searchoff_button{ float:right; display:inline-block; position:absolute; top:0; right:50px;}
.searchon_button a{ width:32px; height:30px; background:url(../img/images/search_button.png) 3px -30px no-repeat; text-indent:-9999px; display:block;}
.searchoff_button a{ width:32px; height:30px; background:url(../img/images/search_button.png) 0 0 no-repeat; text-indent:-9999px; display:block;}

/*------------Edit Customer-----------*/
.multiple_deliverystate .deliverystate_label, .multiple_deliverystate .deliverystate_input{width: 165px; padding: 3px 5px; margin-bottom:10px;}
.multiple_deliverystate .deliverystate_label{font-weight:bold; float:left;}
.multiple_deliverystate .deliverystate_input{border: 1px solid #3B68A7;}

/*------------Waybill heads view -----------*/
.three_column .labelname, .vsc_three_column .labelname{ width:120px;}
.three_column .labelvalue, .vsc_three_column .labelvalue{ margin-right: 10px; width: 120px;}

.three_column .vehiclepay label{width:120px; float:left; padding:3px 5px;}
.three_column .vehiclepay input, .three_column .vehiclepay select{margin-right:10px; width:120px; float:left; background:#FFFFFF; border: 1px solid #3B68A7; font-size: 12px; font-weight: normal; padding:3px 5px;}
.three_column .vehiclepay select{ width:130px;}
.autodiv{ float:left;}
.three_column .vehiclepay .autodiv .input{ width:auto;}
.three_column .vehiclepay .listrow{ float:left; margin-bottom:10px; clear:right;}
.three_column .vehiclepay .error-message{ margin-left:130px !important;}
.three_column .vehiclepay .col{ float:left;}

/*------------ Customer View -----------*/
.vsc_three_column .labelname{ width:120px;}
.vsc_three_column .labelvalue{ margin-right: 10px; width: 120px;}
.vsc_three_column .viewfirstlabel{width:140px;}

/*------------ Customer Edit -----------*/
.vsc_three_column label, .vsc_three_column input{ float:left; font-weight:normal; margin:0; padding:3px 5px; width:90px;}
.vsc_three_column input{ background:#fff; border:1px solid #3B68A7;}
.vsc_three_column .firstlabelname{ width:165px;}
.vsc_three_column .rupee{ text-align:right;}

/*------------Popup view -----------*/
.popup_content div.input, .popup_content div.formfield, .popup_content div.input1{width:47%; float:left;}
.popup_content div.input1 input{ background:#FFFFFF; border: 1px solid #3B68A7; font-size: 12px; font-weight: normal; padding:3px 5px; float:left;}
.popup_content div.input1 label{ float:left;}
.popup_content .form_cont{ padding:5px 0 0; margin:0;}
.popup_content .submitbuttondiv{ margin:10px 0 0 -1%; padding:5px 10px 0;}
.popup_content .labelvalue{ margin-right:20px;}

/*------------Delete link-----------*/
.three_column .input{ width:400px;}
input.deletelink { width:26px; height:26px; display:inline-block; background:url(../img/images/delete.png) 0 0 no-repeat; border:none; margin:0; padding:0;}

.popupdiv{ margin:20px; }
.actions1{ margin-top:15px; }
.actions1 a{  background-color:#3B68A7; padding-left:7px; padding-right:7px; padding-top:3px; padding-bottom:3px; color:#fff; }

/*------------Coomodity table-----------*/
.coomoditylist thead{background:#35669b; color:#FFF;}
.coomoditylist thead th{border-bottom:#b5c5da 1px dashed; border-right:#b5c5da 1px solid; background:none;}
.monthlyview{ text-align:right; margin-bottom:5px;}
.monthlyview select{background:#FFFFFF; border:1px solid #3B68A7; font-size:12px; font-weight:normal; padding:3px 0; width:175px;}

#commision_table table#main thead tr{ border-top:2px solid #bebebe; border-bottom:2px solid #bebebe; background:#fff;}
#commision_table table#main thead tr th{ color:#000; border-right:1px solid #bebebe;}
#commision_table table#main tr td{ color:#000;}
#commision_table table#main .amount{ text-align:right;}
#commision_table table#main .subtitle{ font-size:14px;}

#commision_table table thead{ background:none;}
#commision_table table thead th { border:none;}


#displayfields table{ background:none;}
.tlus{ width:100%; overflow-x:scroll; margin:0; padding:0;}
.bookingbilltable{ overflow-x:scroll;}

.trackings_list{height:400px; overflow-y:scroll;}
.trackings_list table{ height:auto;}
.nopad_tbl td{ padding:0; border:none;}

.formblknew{ background:#78a8eb;  padding:10px; margin:0px 0 0; display:block; clear:both; position:relative;}

/*--------------Trips sub panel --------------*/
.monthly-trip-sub{ float: right; text-align: right;}
.monthly-trip-sub .formfield{  width: auto !important; }
 .photo_upload_male{ width:16px; height:25px; display:block; background:url(../img/images/male_icon.jpeg) 0 0 no-repeat; text-indent:-9999px; margin:0 15px 0 0; padding:0; float:left;}
 .photo_upload_female{ width:16px; height:25px; display:block; background:url(../img/images/female_icon.jpeg) 0 0 no-repeat; text-indent:-9999px; margin:0 15px 0 0; padding:0; float:left;}
 .photo_upload_family{ width:16px; height:25px; display:block; background:url(../img/images/family_photo_icon.jpeg) 0 0 no-repeat; text-indent:-9999px; margin:0 15px 0 0; padding:0; float:left;}	
 
 /*Pages*/
.paging.first_page,.paging.last_page{border:0 !important; position:relative; top:1px; text-indent: -9999px; width:14px;}
.first_page{ background:url(../img/images/arrow_first.png) no-repeat !important;}
.last_page{ background:url(../img/images/arrow_last.png) no-repeat !important;}
.last_page{ margin-left:5px !important;}

/*loader*/
#dvloading {
   background:#000 url(../img/images/loader.gif) no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}
#dvLoading {
	background:#000 url(../img/images/loader.gif) no-repeat center center;
   	left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
    background-color: #777777;
    cursor: auto;
    display: block;
    height: 100%;
    opacity: 0.7;	
}
.lft{float:left; width:80px;}
.rgt{ float:right;}
.lft-con { float:left; width:360px;}
.l-edit{float:left; width:495px;}
.l-edit .labelvalue {    line-height: 16px;    margin-right: 10px;    min-height: 16px;    word-wrap: break-word;}
.change-t { width:450px;}

.change-t .submit{ float:left; padding:0 10px;}
.change-t-s{ padding:0 0 0 165px;}
#switch_user_menu{ float: left;margin-top:10px;}
#switch_user_menu #switch_user{ width: 190px; }


/*way bill*/

.innerwrapper-way{ width:980px; padding:0 5px 5px; position:relative; background:#630000;  margin:0 auto;}
.content-way{min-height:400px; height:auto; background:#fff; margin:5px 0 0; padding:13px;}
#waybillsCode { width:200px !important; padding:6px 5px; }
.input-way{  margin-right: 0px !important;}
.waybilltrack { position:relative; color:#fff;  
   	text-align:center;
    left: 125px;
	text-shadow: 2px 2px #314D7C;
	text-decoration:underline;
    padding: 15px 20px;
   
    top: 490px;
    width: 640px; }
	.waybilltrack a
	{ color:#fff;

	}
	.waybilltrack a:hover
	{
	color:#ccc;
	}
	.way-login 
	{
	float:right;
	font: bold 14px Arial, Helvetica, sans-serif; 
	
	color:#630000;

	}
	
/* greetings */	
.highlight_td {font-weight:bold; background: #eef none repeat scroll 0 0;}


/*Dashboard loading image*/
.dashboard_loader_image {width:16px; height:25px; display:block; background:url(../img/images/ajax-loader.gif) 0 0 no-repeat; text-indent:-9999px; margin:111px 0 0 176px; padding:0;  }
.actions {
    color: #fff;
    font-weight: bold;
    padding: 5px;
    *padding-right: 30px;
    position: relative;
    white-space: nowrap;
}
td.actions {
    color: #555;
}
.header {
    margin-top: 0px !important;
}
body{font:12px/15px sans-serif !important;}
ol,ul{margin-left:0px !important;}
.auto_complete li{padding:5px !important;}
.auto_complete{width:250px !important;}
input[readonly] {color:#222 !important;}
input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea, .form-control, select {color:#000 !important;}
.btn {text-decoration: none !important;}



.modal-circular {
    top: 10%;
}
.modal-circular {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}

.modal-dialog-circular {margin:0 auto  !important;width:65%  !important; max-height:600px;overflow-y:auto;}
.modal-body-circular {
    padding: 15px;
    position: relative;
}
.modal-body-circular h3{margin-top:10px;margin-bottom:20px;text-align:center;}
/*.modal-header-circular {margin-bottom:20px;}*/
.marginleft10 {margin-left:10px;}
.subtitle {	background:#abc;}
.no-underline {text-decoration:none;}
.btn-sm {padding:0px 6px !important;}
.modal-dialog-circular {box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.3);}

.modal-content-circular {
    border-radius: 0;
    box-shadow: none;
}
.modal-content-circular {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
}
.modal-header-circular {
    background: #103562 linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) repeat scroll 0 0 / 40px 40px;
    color: #ffffff;
}
.modal-header-circular h4{
    *background-color: #009cae;
    color: #ffffff;font-size:20px;font-weight:bolder;
}
.modal-header-circular {
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.4286px;
    padding: 15px;
}
.modal-header-circular .close {
    font-size: 32px;
}
.modal-header-circular .close {
    margin-top: -2px;
}


.fade.in {
    *opacity: 1;
}
.modal {
    top: 30%;
}
.modal {
    display1: none;
    overflowk: hidden;
    position: fixed;
    top: 10%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.fade {
   *opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}


/* Paginator */
.paginator {
    text-align: left;
}
.paginator p {
    margin-bottom: 0;
}
.pagination {
    /* display: flex;
    justify-content: center; */
    list-style: none;
    margin: 1rem 0 1rem 0;
    padding: 0;
}
.pagination li {
    display: inline-block;
    margin: 0.25em;
    text-align: center;
}
.pagination a {
    color: var(--color-cakephp-blue);
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1.5rem;
    min-width: 22px;
    height: 25px;
    padding: 0;
    position: relative;
    text-decoration: none;
    transition: background .3s,color .3s;
    padding: 0 0.15em;
}
.pagination li.active a,
.pagination a:hover {
    text-decoration: underline;
    background-color: #5983c0 ;
    color: white;
}
.pagination .disabled a {
    cursor: not-allowed;
    color: var(--color-lightgray);
    text-decoration: none;
}
.pagination>li.first>a{
    display: inline-block;
    background: url(../img/images/arrow_first.png) 0px 2px no-repeat;
    background-position: 0px 2px;
    text-indent: -9999px;
    border: none;
    padding: 0;
}
.pagination>li.prev.disabled>a{
    display: inline-block;
    background: url(../img/images/arrow_first.png) 0 0px no-repeat;
    background-position: 0 0px;
    text-indent: -9999px;
    border: none;
    padding: 0;
}
.pagination>li.disabled>a{
    background-color: unset !important;
}
.pagination>li.prev>a{
    display: inline-block;
    background: url(../img/images/navigation_arrow.png) -22px 0px no-repeat;
    background-position: -22px 0px;
    text-indent: -9999px;
    border: none;
    padding: 0;
}
.pagination>li.prev.disabled>a{
    display: inline-block;
    background: url(../img/images/navigation_arrow.png) 0 0px no-repeat;
    background-position: 0 0px;
    text-indent: -9999px;
    border: none;
    padding: 0;
}
.pagination>li.next>a{
    display: inline-block;
    background: url(../img/images/navigation_arrow.png) -44px 0px no-repeat;
    background-position: -44px 0px;
    text-indent: -9999px;
    border: none;
    padding: 0;
}
.pagination>li.next.disabled>a{
    display: inline-block;
    background: url(../img/images/navigation_arrow.png) -65px 0px no-repeat;
    background-position: -65px 0px;
    text-indent: -9999px;
    border: none;
    padding: 0;
}
.pagination>li.last>a{
    display: inline-block;
    background: url(../img/images/arrow_last.png) 0px 2px no-repeat;
    background-position: 0px 2px;
    text-indent: -9999px;
    border: none;
    padding: 0;
}
.first a,
.prev a,
.next a,
.last a {
    padding: 0 .75rem;
}
.disabled a:hover {
    background: initial;
    color: initial;
}
.asc:after {
    content: " \2193";
}
.desc:after {
    content: " \2191";
}

.ddsmoothmenu ul li ul.child-menu{
    top: 34px;
    visibility: visible;
}

.ddsmoothmenu ul li ul li a {
    font: normal 14px sans-serif;
    padding: 3px 7px;
    margin: 0;
    border-top-width: 0;
    color: black !important;
}

.w-100 {
    width: 100% !important;
}
.required label:after {
    color: #ff0000;
    content: '*';
    display:inline-block;
    margin-left:3px;
    font-size:12px;
} 

.pagination>li.active>a, .pagination>li.active>a:hover {
    background-color: #9a2b3b !important;
    border-color: #dae0f1 !important;
}

.ddsmoothmenu ul li.activeMenu a {
    background: url(../img/images/menu/menubg.png) 0 0 repeat-x;
    color: #fff;
}