html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
body {background: #efefef; margin: 0; padding: 0; font-size: 14px; color: #424242; font-family: Arial, Helvetica, sans-serif; line-height: 20px; min-height: 100%;}
a {text-decoration: none;color: #2b6893;}
h5 {font-size: 16px;}
.fix,.clear{clear: both;}
.wrapper { margin: 0 1% 0 0; clear: both; }
.noborder { border: none!important; }
ul {list-style: none;margin: 0;padding: 0;}
.nopd{padding: 0px!important;}
.nopd .widget.first{margin-top: 0px!important;}

/* ==========  Typo  ========== */
h1, h2, h3, h4, h5, h6, ul.tabs li a, .leftNav ul li a, .stats ul li span, .userLink, .errorPage p, .ui-dialog .ui-dialog-title { font-family: 'Cuprum', sans-serif; font-weight: normal; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }


/** Header CSS **/
#topNav {height: 36px;display: block;}
.fixed {position: fixed;background: linear-gradient(90deg,#8B3130 0,#F6A72E 100%); width: 100%;color: #fff;z-index: 999; padding: 2px 0;}
.welcome { float: left; margin: 0 8px;}
.welcome img { float: left; margin: 8px 8px 8px 0 }
.welcome span { padding: 8px 5px; display: block; white-space: nowrap; float: left; font-size: 15px; font-weight: 600; }
.backTo a:hover { background: #212121; }
.backTo span { padding: 8px 14px 8px 8px; display: block; float: left; }
.backTo img { margin: 13px 2px 11px 14px; float: left; display: block; }
.backTo a { float: left; color: #eeeeee; font-size: 11px; border-right: 1px solid #2F2F2F; border-left: 1px solid #2F2F2F; }
.header_user_img{width: 28px;height: 26px;border-radius: 3px; margin: 5px 8px 5px 0px!important;}

.dashboard_logo{max-height: 90px;margin-top: -15px;max-width: 210px;min-height: 85px;margin-left: -3px;}

.userNav { float: right; z-index: 6000; position: relative; font-size: 11px; }
.userNav ul { margin-right: 2px; }
.userNav ul li { display: inline; float: left; position: relative; cursor: pointer; border-left: 1px solid #05a4af; }
.userNav ul li a { color: #fff; text-decoration: none; display: block; float: left; font-size: 15px; font-weight: 600; position: relative; padding: 0px 10px;}
.userNav ul li:hover, .selected { background: #8B3130; }
.userNav ul li span { display: block; padding: 8px 14px 8px 8px; float: left; }
.userNav ul li img { float: left; display: block; padding: 13px 2px 11px 14px; }
.userNav ul li ul { position: absolute; left: -1px; display: none; top: 35px; margin-top: 0px; background: #2f2f2f; padding: 0 1px 1px 1px; border: 1px solid #1d1d1d; z-index: 100; }
.userNav ul li ul li { display: block; float: none; border-top: 1px solid #2f2f2f; background: #212121; border-right: none; border-bottom: 1px solid #141414; }
.userNav ul li ul li:first-child { border-left: none!important; }
.userNav ul li ul li a { width: 100px; padding: 6px 10px 7px 36px; font-size: 11px; text-transform: none; color: #c5c5c5; font-weight: normal; background-color: none; float: none; }
.userNav ul li ul li a:hover { background-color: none; font-weight: normal; color: #a4a4a4; }
.userNav ul li ul li:hover { background: #1d1d1d!important; }

#header { height: 106px; clear: both; }
.logo { float: left; margin-top: 30px; text-align: center; width: 18%;}
.middleNav { float: right; margin-right: 1px; }
.middleNav ul { margin-top: 25px; }
.middleNav ul li { height: 55px;  text-align: center; display: block; float: left; margin-left: 25px; position: relative; }
.middleNav ul li:first-child { margin: 0; }
.middleNav ul li a { display: block; border: 1px solid #d5d5d5; background: url(../images/middlebg.png) repeat-x 0 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: #595858; font-size: 12px; position: relative; -moz-box-shadow: 0 2px 1px #fff; -webkit-box-shadow: 0 2px 1px #fff; box-shadow: 0 2px 1px #fff; }
.middleNav ul li a span { display: block; padding: 34px 10px 0 10px; }
.middleNav ul li.iHome a span { background: url(../images/icons/home.png) no-repeat 50% 10px; }
.middleNav ul li.iUser a span { background: url(../images/icons/users.png) no-repeat 50% 10px; }
.middleNav ul li.iList a span { background: url(../images/icons/list.png) no-repeat 50% 10px; }
.middleNav ul li.iSetting a span { background: url(../images/icons/cog.png) no-repeat 50% 10px; }
.middleNav ul li a:hover { background: #f6f6f6; }
.middleNav ul li a:active { background: #f1f1f1; }


/* ===== Footer ===== */
#footer { clear: both; background: url(../images/topNav.jpg) repeat; width: 100%; color: #eeeeee; margin-top: 42px; bottom: 0; text-align: center;}
#footer span { color: #696969; padding: 9px 5px; display: block; font-size: 11px; }
#footer span a { color: #eeeeee; }


/* ===== Left navigation ===== */
.leftNav { width: 212px; max-width: 36%; height: 100%; float: left; margin-right: 41px; padding: 0px 10px 25px 10px; background: #fff; box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);}
.leftNav .last { border-bottom: none; }
.leftNav ul li { position: relative; margin: 5px 0px;}
.leftNav ul li a { color: #494949; font-size: 17px; display: block; margin-top: 1px; }
.leftNav ul li a:hover, .leftNav ul li a.active {background:linear-gradient(90deg,#8B3130 0,#F6A72E 100%)!important; color: #fff !important;}
.leftNav ul li a span { padding: 11px 0 11px 35px; display: block; }



/* Left navigation icons */
.leftNav ul li.dash a span { background-image: url(../images/icons/download.png); }
.leftNav ul li.tables a span { background-image: url(../images/icons/frames.png); }
.leftNav ul li.money a span { background-image: url(../images/icons/money.png); }
.leftNav ul li a span { background-position: 10px; background-repeat: no-repeat; }
.leftNav ul li.cart a span { background-image: url(../images/icons/cart.png);}

/* Left navigation subnav */
ul.sub { border: 2px solid #3c4049; border-top: none; background: url(../images/leftNavSub.png) repeat; }
ul.sub li { border-bottom: 1px dotted #d5d5d5; padding: 1px; }
ul.sub li a { background: url(../images/arrow.gif) no-repeat 8px 16px; border: none; font-family: Arial, Helvetica, sans-serif; color: #494949; font-size: 14px; padding: 8px 10px 8px 18px; }
ul.sub li a:hover, .sub li a:active { font-style: normal; border: none; color: #676767; background: url(../images/arrow.gif) no-repeat 8px 16px; }
ul.sub li ul { border: none; border-top: 1px solid #c9c9c9; }
ul.sub li ul li { padding-left: 10px; }

/* ==========  Numbers notifications  ========== */
.numberTop, .numberMiddle, .numberLeft { text-align: center; background: url(../images/number.png) repeat-x; display: inline-block; padding: 1px 5px; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; float: right; margin: 10px 15px 10px -5px; font-size: 11px; line-height: 14px; }
.numberTop { margin: 10px 15px 10px -5px; padding: 1px 5px!important; }
.numberMiddle { margin: 0; position: absolute; top: -5px; right: -5px; font-size: 11px; }
.numberLeft { margin: 0; position: absolute; top: 12px; right: 8px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; float: none; background: url(../images/number.png) repeat-x!important; padding: 1px 5px!important; }


/* ===== Notification messages ===== */
.nNote { cursor: pointer; clear: both; margin: 20px 0px 20px 0px; }
.nNote strong { margin-right: 5px; }
.nNote p { font-size: 11px; padding: 10px 25px 10px 54px; margin: 0px; color: #565656; }
.nMessage p { font-size: 11px; }
.nWarning { background: #ffe9ad url(../images/icons/error.png) no-repeat 15px center; border: 1px solid #eac572; color: #826200; }
.nSuccess { background: #effeb9 url(../images/icons/accept.png) no-repeat 15px center; border: 1px solid #c1d779; color: #3C5A01; }
.nFailure { background: #fccac1 url(../images/icons/exclamation.png) no-repeat 15px center; border: 1px solid #e18b7c; color: #AC260F; }
.nInformation { background: #d1e4f3 url(../images/icons/information.png) no-repeat 15px center; border: 1px solid #99c4ea; color: #235685; }
.iUser {background: url(../images/icons/user.png) no-repeat 12px;}
.iKey {background: url(../images/icons/key.png) no-repeat 12px;}
.iList {background: url(../images/icons/smalllist.png) no-repeat 12px;}

/* ===== Form styling ===== */
.mainForm input[type=text], .mainForm textarea, .mainForm input[type=password] { background: #fff; width: 100%; border: 1px solid #d5d5d5; padding: 10px 10px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color: #ededed; border-radius: 5px;}
.mainForm input[type=text]:hover, .mainForm input[type=password]:hover, .mainForm textarea:hover { background: #fcfcfc; border: 1px solid #d1d1d1; }
.mainForm input[type=text]:focus, .mainForm input[type=password]:focus, .mainForm textarea:focus { border: 1px solid #bbc1c9; background: #fff; }
.mainForm label { margin-right: 15px; display: block; float: left; padding: 6px 10px; }
.submitForm { float: right; margin: 1px 16px 22px 16px; }
.fname {float: left;width: 48%!important;}
.lname {float: right;width: 48%!important;}

.rowElem { clear: both; border-top: 1px solid #e7e7e7; padding: 5px 16px; position: relative; }

.formRight { float: right; width: 76%; margin: 12px 0; display: block; position: relative; }
.formRight label, .loginRow label { cursor: pointer; }
.formBottom { /*width: 688px;*/ margin: 12px 12px 12px 0; }
.rowElem > label { padding: 15px 0; width: 14%; margin-top: 8px;}
.rowElem .topLabel { padding: 5px 12px 12px 0; width: 100%; }
.nopadding_form .rowElem {padding: 0px!important;}


/** Buttons Style ***/
input[type=submit], input[type=reset], input[type=button], button, .button { font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 12px 25px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; line-height: 12px; border-radius: 30px;}
.greyishBtn {border: 1px solid #23416a; background: linear-gradient(90deg,#8B3130 0,#F6A72E 100%); color: #fff; }
.greyishBtn:hover { background-position: 0 -25px; background: #1d3a92; border-color: #1d3a92;}
.greyishBtn:active { background-position: 0 -50px; background: #1d3a92; border-color: #1d3a92;}
.customSaveBtn {font-size: 15px;font-weight: bold;text-transform: uppercase;padding: 12px 25px;cursor: pointer;font-family: Arial, Helvetica, sans-serif;line-height: 12px;border-radius: 30px;appearance: auto;user-select: none;white-space: pre;align-items: flex-start;text-align: center}

.keyevent{background: url(../images/icons/key.png) repeat-x 0 0; width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.editevent{background: url(../images/icons/edit.png) repeat-x 0 0; width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.moneyevent{background: url(../images/icons/money.png) repeat-x 0 0; width: 14px; height: 14px; float: left; margin:0px 5px 5px;}
.plusevent{background: url(../images/icons/plus.png) repeat-x 0 0; background-size: 100%; width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.deleteevent{background: url(../images/icons/delete.png) repeat-x 0 0; width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.activeevent{background: url(../images/icons/disable.png) repeat-x 0 0; width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.inactiveevent{background: url(../images/icons/approve.png) repeat-x 0 0; width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.reportevent{background: url(../images/icons/report.png) repeat-x 0 0; width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.depositeevent{background: url(../images/icons/deposite.png) repeat-x 0 0; width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.viewevent{background: url(../images/icons/view.png) repeat-x 0 0; width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.printevent{background: url(../images/icons/print.png) repeat-x 0 0; width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.shippingevent{background: url(../images/icons/shipping.png) repeat-x 0 0; width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.completeevent{background: url(../images/icons/complete.png) repeat-x 0 0; width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.orderevent{background: url(../images/icons/order.png) repeat-x 0 0; width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.familyevent{background: url(../images/icons/family.png) repeat-x 0 0; width: 20px; height: 20px; float: left; margin:0px 5px 5px; background-size: 100%;}
.deposit_fee_event{background: url(../images/icons/deposit_icon.png) repeat-x 0 0; width: 20px; height: 20px; float: left; margin:-2px 5px 5px; background-size: 100%;}
.delivered_event{background: url(../images/icons/delivered.png) repeat-x 0 0; width: 25px; height: 25px; float: left; margin:-2px 5px 5px; background-size: 100%;}

.dashlogo{max-height: 90px;margin-top: 0;max-width: 100%;}
/*** Login Page ****/
.head { background: #efefef url(../images/leftNavBg.png) repeat-x; height: 38px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; position: relative; }
.loginRow { border-top: 1px solid #e7e7e7; padding: 12px 0; position: relative; }
.loginRow:first-child { border-top: none; }
.loginWrapper {width: 320px; margin: 0 auto; margin-top: 100px; position: relative;}
.loginLogo { width: 100%; text-align: center; clear: both; margin: 0px; } 
.loginLogo img{max-width: 150px; min-height: 50px;}
.errord {position: relative;clear: both;z-index: 9999;top: -75px;}
.loginPanel { width: 320px; background: #fafafa; border: 1px solid #23416a; border-top: 0; display: block; min-height: 212px; margin: 0 auto; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); border-radius: 10px!important;}
.loginPanel .head{background: linear-gradient(90deg,#8B3130 0,#F6A72E 100%); color: #fff; border-radius: 8px 8px 0px 0px;}
.loginPanel h5 { font-weight: normal; padding: 9px 12px 9px 35px; float: left; }
.loginPanel label { width: 60px; font-size: 15px; margin-top: 4px;}
.loginInput { width: 200px; float: left; }

.twoOne { width: 50%; }
.widget, .content .title, .count, .widget .num a, a.count1, .table, .breadCrumb, .earnings, .leftNav ul li a, .listData .cNote, .pages li a, .errorPage, .btn14, .btn55, .loginPanel, .customfile { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
.widgets { clear: both; }
.widget { margin-top: 20px; border: 1px solid #d5d5d5; display: block; background: #fafafa; clear: both; border-top: none; }
.widgets .left { float: left;width: 48%; margin-right: 4%; }
.widgets .right { float: right; width: 48%; }
.widget .head h5, .table h5 { font-weight: normal; padding: 9px 12px 9px 35px; float: left; } 
.widget .body { padding: 12px 14px; }
.iChart8 {background: url(../images/icons/chart8.png) no-repeat 12px;}
.iFrames {background: url(../images/icons/frames.png) no-repeat 12px;}

/* ===== Table ===== */
table {border-collapse: collapse; border-spacing: 2px;border-color: gray; width: 100%}
.tableStatic{border-bottom: 1px solid #e7e7e7;}
.tableStatic thead td { padding: 10px 0px 10px 10px; text-align: left; border-bottom: 1px solid #D5D5D5; font-size: 14px; color: #878787; vertical-align: middle; font-weight: bold; background-color: #f5f5f5;}
.tableStatic thead td:first-child { border-left: none; }
.tableStatic tbody tr { border-top: 1px solid #e7e7e7; }
.tableStatic tbody tr:nth-child(even) { background-color:#f5f5f5; }
.tableStatic tbody td { padding: 10px 10px; vertical-align: middle; font-size:14px;}
.tableStatic tbody td:first-child { border-left: none; }
.tableStatic tr td:first-child{width: 27px;}
.tableStatic tr td:last-child{width: 100px;}
.tableStatic tr td.center a{float:left;}

.page_container{min-height: 100%;}
.content {padding-bottom: 20px; overflow: hidden; padding-top: 25px;}
.content .title {background: linear-gradient(90deg,#8B3130 0,#F6A72E 100%); height: 36px; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; }
.content .title h5 { float: left; color: #fafafa; font-weight: normal; display: block; padding: 8px 15px; font-size: 18px;}
.content>.content{padding-top: 0px;}

.das_adver_img {width: 80px;height: 30px;}
.webStatsLink {font-size: 16px;color: #B55D5C;font-weight: bold;}
.adver_img {max-width: 50px;max-height: 50px;}

/* ========== Pagination ========== */
.pagination { margin: auto; width: auto; text-align: center; background: #efefef url(../images/leftNavBg.png) repeat-x; border-top: 1px solid #e7e7e7;}
.pages {  }
.pages li.prev { margin-right: 15px; }
.pages li.next { margin-left: 15px; }
.pages li { display: inline; margin: 0 2px; }
.pages li a { height: 25px; padding: 4px 8px; text-decoration: none; color: #666666; font-weight: bold; /*background: url(../images/ui/pagination.png) repeat-x 0 0;*/ border: 1px solid #d5d5d5; font-size: 11px; }
.pages li a:hover { background: #efefef; }
.pages li .active { background-position: 0 -26px; color: #fff; border-color: #687282; }
.pages li .active:hover { background: #687282; }
.pagination_ui{padding: 10px 0px;}
.dataTables_info {padding: 7px 0 0 80px;color: #878787; float: left;}
.pag_margin{padding: 0px 0px 0px 20px;}
.mid_container{min-height: 500px;}
.loginmid{min-height: 350px;}
.loginbd #footer{position: fixed;}

/* ========== Pagination CI ========== */
.pagination { margin: auto; width: auto; text-align: center; background: #efefef url(../images/leftNavBg.png) repeat-x; border-top: 1px solid #e7e7e7;}
.pages {  }
.pages li.prev { margin-right: 15px; }
.pages li.next { margin-left: 15px; }
.pages li { display: inline; margin: 0 2px; }
.pagination a,.pages li a { height: 25px; padding: 4px 8px; text-decoration: none; color: #666666; font-weight: bold; border: 1px solid #d5d5d5; font-size: 12px; border-radius: 15px;}
.pagination a:hover,.pages li a:hover { background: #efefef; }
.pages li .active { background-position: 0 -26px; color: #fff; border-color: #687282; }
.pages li .active:hover { background: #687282; }
.pagination_ui{padding: 10px 0px;}
.dataTables_info {padding: 7px 0 0 80px;color: #878787; float: left;}
.pag_margin{padding: 0px 0px 0px 20px;}
.current_page,.current_page:hover{cursor: pointer; font-weight: bold!important; background: linear-gradient(90deg,#8B3130 0,#F6A72E 100%)!important; color: #fff!important; border: #8B3130 solid 1px!important;}

.loading_container_page {position: fixed;top: 0px;left: 0px;width: 100%; height: 100%; z-index: 9999999;background-image: url("../images/loading-bg.png");background-repeat: repeat;}
.loading_container_page_bg {float: left;background-image: url("../images/loading-box.png");background-repeat: no-repeat;width: 137px;height: 54px;margin-left: 45%;margin-top: 25%;font-size: 14px;margin-bottom: 27%;}
.loading_page{float: left;background-image: url("../images/loader.gif");background-repeat: no-repeat;width: 82px;height: 45px;background-position: 12px 11px;padding-top: 18px;border-radius: 5px;font-size: 14px;padding-left: 55px;}
.alertmessage {border: 1px solid transparent;border-radius: 4px;padding: 10px 33px;width: 99%; margin:10px 0px 0px; list-style: disc;}
.alert-danger {color: #b94a48;background-color: #f2dede;border-color: #ebccd1;cursor: pointer;}
.alert-success {color: #468847;background-color: #dff0d8;border-color: #d6e9c6;cursor: pointer;}
.subgrouptd{width: 50%;}

.lablew{width: 200px!important;}
.catcheckbox {border: 1px solid #CCCCCC;display: block; height: 200px;overflow-y: scroll;padding-left: 8px;width: 75%;font-size:11px;}
ul.parent_group_check{margin: 0 auto;padding-top: 25px;width: 100%;}
ul.parent_group_check>li{float: left;line-height: 20px;padding-bottom: 20px;width: 200px;}
.chacklabel{font-size: 13px; vertical-align: top;}
.listbtndiv{width: 100%; clear: both;}
.linkbtn{background-color: #000000; border: 1px solid #000000;color: #fff; padding: 2px 20px 1px; margin-left: 5px; margin-right: 10px; float: left;}
.exportbtn{background: #4f5a68!important; border: 1px solid #4f5a68!important; color: #fff!important; padding: 7px 22px!important; margin-right: 5px!important; float: left!important; margin-top: 10px;}

.blueimg_btn{color: #ffffff;background: linear-gradient(90deg,#8B3130 0,#F6A72E 100%)!important;;border-color: #8B3130;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;border: 1px solid transparent;border-radius: 23px;width: 130px!important;display: block;margin-top: 0px;padding: 9px !important;cursor: pointer;}
#loaderdiv{color: #ff0000;}
.divele{float: left; margin-right: 10px;}
.advimmg{max-width: 50px; max-height: 50px;}
.slider_img {max-width: 100px;max-height: 70px;}
.uploadimg{padding: 3px 5px!important; margin-top: -5px;}
.primg{width: 40px; height: 40px;}
.upload_file{vertical-align: top; margin-top: 10px;}

/*** Notifications ***/
.center-div { width: 800px; margin: 0 auto; padding: 50px 0; }
.center-div .notifications { display: block; max-width: 800px; position: relative; left: auto; top: auto; margin: 0; clear: both; margin-bottom: 15px; padding: 10px 10px 10px 40px; min-height: 20px; font-size: 14px; font-weight: normal; line-height: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
.icon { position: absolute; background-image: url(../images/notification.png); background-repeat: no-repeat; height: 15px; top: 14px }
.notification span { font-weight: bold; margin-right: 10px }
.notification .close-notification { position: absolute; width: 5px; height: 6px; top: 18px; right: 10px; cursor: pointer; background-image: url(../img/close.png); background-repeat: no-repeat }
.notification:after { content: ""; position: absolute; width: 200px; height: 25px; top: 0; }
.success { border: 1px solid #accc5d; color: #70892b; background-color: #c8e185; }
.success .icon { width: 14px; left: 16px; background-position: 0 -15px }
.success .close-notification { background-position: 0 -6px }
.fail { border: 1px solid #dc4e4d; color: #b52525; background-color: #ec8282; }
.fail .icon { width: 13px; left: 16px; background-position: 0 0 }
.fail .close-notification { background-position: 0 0 }
.notifications { position: absolute; top: -200px; left: 50%; margin: 0 0 0 -300px; width: 600px; transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s; -moz-transition: all ease-in 0.5s; }
.notifications.active { top: 100px; }
.notifications > .content { display: block; max-width: 800px; position: relative; left: auto; top: auto; margin: 0; clear: both; padding: 10px 10px 10px 40px; min-height: 20px; font-size: 14px; font-weight: normal; line-height: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }


.config_box .rowElem > label{width: 25%; text-align: right;}
.config_box .rowElem .formRight{width: 70%;}
.current_logo { max-height: 60px;  max-width: 250px;}

#producttable tr td:nth-child(2){width: 60px;}
.ajs-message .alertmessage{border: none!important; border-radius: 0px!important; padding: 0px!important; width: auto!important; margin: 0px!important; list-style: none!important; background: none!important;color: #fff!important;}

.btndiv { width: 100%;  margin: 15px 0px 5px;  clear: both;}
.selectbox{width: 100%; border: 1px solid #d5d5d5; padding: 10px; border-radius: 5px; font-size: 15px;}
.divrowbox{width: 100%;margin: 0px 0px 10px;}
.leftbox{float: left; margin-right: 10px; width: 49%;}
.rightbox{float: right; text-align: left; width: 49%;}


.marginzero{margin: 0px;}
.data_table{margin-top: 20px;}
.page_container{min-height: 450px;}
.small_input{width: 50%!important}
.two_box{float: left; margin-right: 10px;}
.right_two_box{float: left; margin-right: 10px; width: 47%;}
.orderview .two_box{width: 45%;}
.orderview .formRight{width: 65%; font-weight: bold;}
.fname{float: left; width: 48%!important;}
.lname{float: right; width: 48%!important;}
.nopadding_form .rowElem{padding: 0px!important;}
#password_form .rowElem > label{width: 30%!important;}
#password_form .formRight{width: 65%!important;}
.profile_image_left{float: left; width: 45%; text-align: center;}
.profile_image_right{float: right; width: 45%; text-align: left;}
.user_profile_img {width: 128px;}
.blu_btn{color: #ffffff;background-color: #428bca;border-color: #357ebd;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;border: 1px solid transparent;border-radius: 4px;width: 90% !important;display: block;margin-top: 17px;padding: 9px !important;cursor: pointer;}
#loaderdiv{color: #ff0000;}
.header_user_img{width: 28px;height: 26px;border-radius: 3px; margin: 5px 8px 5px 0px!important;}

.order_div{width: 100%; margin: 0px; padding: 0px; padding: 15px 0px;}
.left_div{width: 45%; float: left}
.right_div{width: 50%; float: right}
.form_ele{width: 100%; float: left; clear: both; margin: 10px 0px;}
.form_label_box{width: 30%; float: left; text-align: right; padding-top: 2px;}
.form_input_box{width: 67%; float: right; text-align: left;}
.order_items_div{width: 100%; float: left; margin: 0px; padding: 5px 0px 0px; margin-bottom: 0px;}
.order_table{width: 100%; outline: 0;vertical-align: baseline;background: transparent;margin: 0;padding: 0; border: 1px solid #e7e7e7;}
.head_tr{background: #efefef url(../images/leftNavBg.png) repeat-x; height: 30px;border: 1px solid #d5d5d5;position: relative;}
.head_tr td{padding: 5px 5px; font-size: 14px;}
.hide{display: none;}
.show{display: block;}
.searchfrm_dev{float: left; margin: 0px 5px;}
.search_input{width: 100px!important; padding: 5px;}
.rightdiv{float: right;}
.requiredfield{border: #ff0000 solid 1px!important;}

.order_table tbody tr {border-top: 1px solid #e7e7e7; line-height: 20px;}
.order_table tbody tr:nth-child(even) {background-color: #f5f5f5;}
.order_table tbody td {padding: 8px 5px;vertical-align: middle;}
.order_table .two_input input[type=text]{width: 100%!important;}

.items_left{float: left; width: 45%;}
.items_right{float: right; width: 45%;}
.additembtn{margin: 0px 12px;}
.topmargin{margin-top: 15px;}

.two_section{float: left; margin-right: 10px; width: 45%; margin-right: 25px;}
.two_section label{float: none; margin-left: 0px; padding-left: 0px;}
.two_section .formRight{width: 100%; float: left; margin-top: 0px;}
.addressbox label{float: none; margin-left: 0px; padding-left: 0px;}
.addressbox .formRight{width: 100%; float: left; margin-top: 0px;}

.three_section{float: left; margin-right: 10px; width: 31%; margin-right: 15px;}
.three_section label{float: none; margin-left: 0px; padding-left: 0px;}
.three_section .formRight{width: 100%; float: left; margin-top: 0px;}

.form_sub_ele{margin-top: 20px;box-shadow: 0 1px 0 #fff; height: 34px; border-bottom: 1px solid #e7e7e7;}
.form_sub_ele h5{color: #000; font-style: italic; font-weight: bold;padding: 7px 15px; float: left; background-color: #ccc; min-width: 200px;}
.padtop0{padding-top: 0px!important;}
.padbot0{padding-bottom: 0px!important;}
.popupform .rowElem{padding: 0px 16px;}
.popupform .submitForm{margin-bottom: 10px;float: left; margin-left: 5px;}
.popupform .widget{margin-top: 10px;}
.popupform .two_section label{padding: 1px 10px 1px 0px;}
.popupform .two_section .formRight{margin-bottom: 6px;}
.padbot20{padding-bottom: 20px;}
.popupform .tableStatic tbody td{padding: 3px 10px;}
.listtablediv{max-height: 150px; overflow-y: auto;}

.small_sub_ele{margin-top: 3px;box-shadow: 0 1px 0 #fff;height: 20px;border-bottom: 1px solid #e7e7e7;}
.small_sub_ele h5 {color: #000;font-style: italic;font-weight: bold;padding: 0px 5px;float: left;font-size: 15px;background-color: #ccc;min-width: 200px;}
.installment_box{padding-top: 5px;}
.installment_box .order_table tbody td{padding: 5px 10px;}
.installment_box input[type=text]{padding: 5px;}
.addmorbtnbox{width: 100%; margin: 5px 0px;}
.addbtnbox{padding-top: 5px; margin-bottom: 5px;}
.installment_box .additembtn{padding: 3px 10px!important;}

.calandarbox h2{font-size: 1.5em;}
.calandarbox .fc-toolbar{margin-left: 10px; margin-right: 10px;}
#calendar{margin-top: 15px;}

.acttd{width: 50px!important; text-align: center;}
.printbtn{padding: 2px 10px;}
.w60{width: 60px;}
.w100{width: 100px;}
.w130{width: 130px!important;}
.w155{width: 155px!important;}
.w170{width: 170px!important;}
.w190{width: 190px!important;}
.w50{width: 50px!important;}
.w85{width: 85px!important;}
.btnmarleft{margin-left: 0px!important; margin-top: 0px;}
.center_text tr td{text-align: center;}
.addblnc{float: right; margin-top: 6px;}
.blncul{float: right;}
.blncul li{float: left; margin: 0px 10px;}
.blncul li .blcbx{margin-top: 9px; font-size: 18px;}
.blncul li .blcbx span{font-weight: bold; color: #B55D5C;}
.advt_box{width: 100%; position: relative; overflow: hidden; min-height: 100px;}
.advt_img{max-width: 300px; max-height: 250px;}
.ltadver_img{max-width: 150px; max-height: 80px;}
.usrimg{max-width: 75px; max-height: 75px;}

.module_ch_bx{background-color: #eee; border: #ccc solid 1px; margin: 5px; float: left; width: 40%; padding: 0px;}
.module_ch_bx input{vertical-align: middle; float: left; margin-top: 7px;}
.module_ch_bx label{font-size: 11px; margin-right: 0px;}
.brd_h3{font-size:13px;}
.mdlbtn{float: left!important; margin: 10px;}
.fltrt{float: right;}
.alnkbtn,.add_option{padding: 4px;border-radius: 3px;}
.pull_right{float: right!important;}
.exprtbtn{font-size: 14px;padding: 3px 15px;border-radius: 30px; margin: 5px; float: right; font-weight: bold;}
.total_count{float: right; font-size: 15px; margin: 8px 10px 0px 5px;}
.selfield {border: 1px solid #d5d5d5;padding: 6px 5px;font-size: 15px;background: #fff;}
.srchbtn{margin: 0px 12px; float: left; font-size: 14px!important; padding: 8px 15px!important;}
.cnclbtn{margin: 0px 0px; float: left; font-size: 14px!important; padding: 4px 15px!important; border-radius: 30px;text-transform: uppercase; background: #d9534f; border: #d9534f solid 1px; font-weight: bold;}
.exp_btn_rt{font-size: 12px;padding: 3px 15px;border-radius: 30px; margin: 5px; float: right;text-transform: uppercase; background-color: #d9534f; border: #d9534f solid 1px;}

.mrrt8{margin-right: 8px;}


.stats { margin-top: 22px; }
.stats ul {  }
.stats ul li { display: block; float: left; margin-left: 40px; width: 193px; vertical-align: middle; }
.stats ul li:first-child { margin: 0; }
.stats ul li span { color: #424242; font-size: 16px; display: block; vertical-align: middle; white-space: normal; }
.count { font-size: 26px; height: 40px; display: inline-block; float: left; line-height: 41px; padding: 0 10px; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; margin-right: 10px; }

.category_ul{width: 100%; float: left;clear:both;}
.category_ul li{float: left;width: 100%; text-align: left; margin: 0px 0px 5px;}
.category_ul li input{float: left;}
.category_ul li label{padding-top: 0px; padding-left: 5px;}
.child_cat_ul{margin-left: 25px;}

.company_ul li{float: left;width: 30%; text-align: left; margin: 0px 10px 5px 0px;}

.checkinpt input{float: left;}
.checkinpt label{padding-top: 0px; padding-left: 5px;}

.tpright{width: auto;}
.tpright .items_right{width: auto;}
.tpright .additembtn{padding: 3px 10px!important;margin: 0px 12px;font-size: 12px!important;border:1px solid #3D83F3;background-color: #3D83F3;color: #fff; border-radius: 10px; margin-top: -10px; margin-bottom: 10px;}

.thphoto{max-width: 100px; max-height: 100px;}
.primg_box{width: 30%; float: left;}
.prev_img_box{float: left; width: 100px; text-align: center; border: #ccc solid 1px; margin: 5px; padding: 3px;}
.prev_img_box img{width: 100%; height: 80px;}
.prv100{width: 100%!important;}
.martop0{margin-top: 0px;}
.rmlist{padding: 10px 0px!important;}
.clinictimetbl {
    border: 1px solid #D5D5D5;
    margin: 10px 0px;
}
.bldselect{float: left;width: 150px; margin-top: 3px; margin-left: 25px;}
.two_input input[type=text]{width: 45%; float: left; margin-right: 10px; margin-bottom: 5px;}

.drdetailview .two_section label{float: left; margin-right: 5px; width: 25%;}
.drdetailview .two_section .formRight{float: left; width: 65%;}
.drdetailview .rowElem{padding: 10px 16px;}
.drdetailview .addrbx label,.drdetailview .addrbx .formRight{float: left; margin-right: 5px;}

.mblmn{display: none;}
.mrtp{margin-top: 0px;}
.rptbox{position: static; float: left; margin: 5px 15px;}
.rptbox .rptele {border: none;color: #fff;opacity: .95;filter: alpha(Opacity=95);width: 230px;padding: 12px 18px;margin-top: 5px;text-align: left;background-color: #40484C;}
.rptele.rpterror {background-color: #E06C5F;}
.rptele.rptsuccess {background-color: #239169;}
.rptele.rptwarning {background-color: #DD845A;}
.rptbox .rptele .rpt_header{font-size: 18px;padding: 0 0 2px 0; margin-bottom: 10px;}
.rptbox .rptele .rpt_message{font-size: 24px;padding: 0 0 2px 0;}

.exptbtn{float: right; margin: 5px 10px; background-color: #000000; border: 1px solid #000000; color: #fff; font-size: 12px; padding: 3px 14px 3px 14px;}

.dsbfltr{border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;margin-top: 25px;padding: 10px 10px 0px 10px;}

/*** new css ***/
.loginbd .fixed{position: relative!important;height: 40px; background: linear-gradient(to right,#8B3130 50%,#F6A72E 100%);}
.login_head{padding: 10px 10px 0px;float: left;background-color: #8B3130; position: relative;}
.login_head h4{font-size: 20px; margin-bottom: 5px;}
.box-holder{height: 100%; width: 100%;}
.searchfrm_dev .selfield,.searchfrm_dev .search_input{width: 150px!important; padding: 7px 10px;font-size: 15px; border: 1px solid #d5d5d5; border-radius: 5px;}
.searchfrm_dev .search_input{padding: 8px 10px;}
.searchfrm_dev .rtselect{width: 225px!important;}
.searchfrm_dev .search_input.w120{width: 120px!important;}

.dsrpt_box{width: 100%; min-height: 500px; background-color: #fff; padding: 15px;}
.dsrpt_box .btndiv{margin-bottom: 15px;}
.dsrpt_box h2{font-size: 20px; margin-bottom: 10px;}
.dsrpt_box .widgets{width: 97%;}
.dashul{width: 100%;}
.dashul li{background-color: #F6A72E; color: #fff; padding: 10px 10px; border-radius: 5px; box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); text-align: center; float: left; width: 20%; margin: 5px 15px 25px;}
.dashul li h3{margin: 0px 0 10px; font-size: 25px;}
.dashul li h4{margin: 10px 0 0px; font-size: 15px;}
.dashul li:nth-child(even) { background-color:#8B3130!important; }
.dashul li:nth-child(1),.dashul li:nth-child(5){margin-left: 0px;}
.dashul li:nth-child(4),.dashul li:nth-child(8){margin-right: 0px;}
.rvul li{width: 28%;}
.rvul li:nth-child(3){margin-right: 0px;}
.rvul li:nth-child(4){margin-right: 15px; margin-left: 0px;}
.rvul li:nth-child(5){margin-left: 15px;}
.dashul li.mbr{background-color: #31708f;}
.dashul li.inc{background-color: #3c763d!important;}
.dashul li.expns{background-color: #a94442!important;}
.dashul li.blnc{background-color: green!important;}
.dashul li.rd_bg{background-color: red!important;}
hr{border-top: 0px solid rgba(0,0,0,.1); width: 97%; margin: 15px 0px;}
.brt0{border-top: none!important;}
.mblhdr{display: none;}
.mblNav{float: left;}
.mblNav ul{width: 100%; list-style: none; margin-top: 13px;}
.mblNav li{float: left;}
.mblNav li a{margin: 5px; color: #fff;}
.mblNav li a img{width: 30px; height: 30px; color: #fff; background-color: #F6A72E; border-radius: 5px; border-bottom: #8B3130 solid 3px; padding: 7px;}
.nmusr ul{margin-top: 10px!important}
.nmusr li a img{width: 35px; height: 35px;}
.pay_box{width: 100%; margin: 0px; padding: 0px;}
.pay_box ul{width: 100%;}
.pay_box ul li{float: left; padding: 10px; text-align: center;}
.pay_box ul li img{width: 150px; height: 150px;}
.pay_box ul li h4{margin: 5px 0px; text-align: left;}
.due_txt{font-size: 10px; color: #ff0000; font-style: italic; line-height: 0px;}

@media (max-width: 768px) {
	.wrapper{margin: 0 3%;}
	.header_user_img{padding: 0px!important}
	.userNav .nmb{display: none;}
	.userNav ul li{border: none;}
	.userNav ul li a{padding: 0px; margin-top: 3px;}
	.userNav ul li img{padding: 13px 2px 11px 5px;}
	.userNav ul li span{padding: 8px 8px 8px 8px;}
    .welcome{width: 70%;overflow: hidden;display: inline-flex; padding-bottom: 5px;}
    .welcome span{padding: 10px 5px 5px;}
    .leftNav{width: 95%!important; margin-right: 0px; margin-bottom: 20px; max-width: 100%; min-height: 50px!important; padding-bottom: 5px;}
    .content{width: 100%; padding-bottom: 50px; padding-top: 0px;}
    .widgets .left,.widgets .right{width: 100%;}
    .logo{width: 100%; margin-top: 10px;}
    .leftNav{display: none;}
    .middleNav{display: none;}
    #header{height: 70px;}
    .ltadver_img{width: 70px;}
    .advt_img{max-width: 150px; max-height: 150px;}
    #userstable thead tr{border-top: 1px solid #e7e7e7;}
    #listPageContainer{overflow-x: scroll;}
    #listPageContainer .head,#listPageContainer .tableStatic{min-width: 400px;}
    .usrsection .head,.usrsection .tableStatic{min-width: 510px!important;}
    .clmdate{width: 150px;}
    .formRight{width: 70%;}
    .gatepssrch .searchfrm_dev{width: 45%; margin-bottom: 5px; min-height: 32px;}
    .gatepssrch .searchfrm_dev .search_input{width: 90%!important;}
    .gatepssrch .searchfrm_dev .selfield{width: 100%!important;}
    .gatepssrch .searchfrm_dev.w100pt{clear: both;}
    .gatepssrch .searchfrm_dev .srchbtn{margin: 0px; padding: 6px 8px!important;}
    .gatepssrch .searchfrm_dev .linkbtn{margin-right: 0px; padding: 2px 15px 1px;}
    .gtpsbox .head,.gtpsbox .tableStatic{min-width: 600px!important;}
    #password_form .rowElem > label{margin-right: 0px;}
    .dash{display: none;}
    .mblmn{display: none;}
    ul.sub li a{background:none; padding: 0px;}
    .dashul li{padding: 10px 2px;margin: 5px 5px 15px;}
    .dashul li h3{font-size: 18px;}
    .dashul li h4{font-size: 14px;}
    .dslst{margin-top: 0px; width: 97%; display: inline-table;}
    .dslst2{margin-top: 10px; width: 97%; display: inline-table;}
    .dtlbx label,.dtlbx .formRight{font-size: 13px;}
    .srchbtn{margin: 0px 5px; padding: 8px 10px!important; font-size: 13px!important;}
    .cnclbtn{padding: 4px 10px!important; font-size: 13px!important;}
    .searchfrm_dev{margin: 0px 5px 5px;}
    .txnpg .searchfrm_dev{margin: 0px 1px 5px;}
    .mblhdr{display: block; margin-top: 10px;}
    .mblhdr .logo{float: left; width: 20%;}
    .mblhdr .middleNav{display: block; float: left; padding-left: 10px;}
    .mblhdr .middleNav ul{margin-top: 10px;}
    .mblhdr .dashlogo{width: 55px; height: 55px; margin-top: -3px;}
    .widgets .widget{margin-top: 10px;}
    .acttd{display: inherit;}
    .acttd a{margin-top: 10px;}
    .pay_box ul li img{width: 100px; height: 100px;}
	.pay_box ul li h4{margin: 2px 0px; font-size: 14px;}
}