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%; overflow: hidden !important;}
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: #032167; 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: #031091; }
.backTo a:before {content: ""; font-family: FontAwesome; font-size: 15px; color: #fff; padding: 7px 10px; border-radius: 5px; position: absolute; left: 0;}
.backTo span { padding: 8px 14px 8px 8px; display: block; float: left; font-size: 15px; font-weight: 600;}
.backTo img { margin: 10px 2px 11px 14px; float: left; display: block; width:15px; display:none}
.backTo a { float: left; color: #fff; font-size: 11px; border-right: 1px solid #05a4af; border-left: 1px solid #05a4af; position: relative; padding-left: 25px;}
.header_user_img{width: 28px;height: 26px;border-radius: 3px; margin: 5px 8px 5px 0px!important;}
#side-menu-toggle {display: none;}
.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-right: 1px solid #05a4af; }
.userNav ul li:first-child { 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-left: 25px;}
.userNav ul li a:before {content: ""; font-family: FontAwesome; font-size: 15px; color: #fff; padding: 7px 10px; border-radius: 5px; position: absolute; left: 0;     font-weight: 100;}
.userNav ul li:last-child a:before {content: ""; font-size: 18px; padding: 8px 10px;}
.userNav ul li:hover, .selected { background: #031091; }
.userNav ul li span { display: block; padding: 8px 14px 8px 8px; float: left; }
.userNav ul li img { float: left; display: block; padding: 10px 2px 11px 14px; width:15px; display:none}
.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: 20px; text-align: center; width: 18%; padding: 10px; background-color: #032167; border-radius: 3px;}
.middleNav { float: right; margin-right: 1px; }
.middleNav ul { margin-top: 35px; }
.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: #666; 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: transparent; }
.middleNav ul li.iUser a span { background: transparent }
.middleNav ul li.iList a span { background: transparent }
.middleNav ul li.iAList a span { background: transparent }
.middleNav ul li.iSetting a span { background: transparent }
.middleNav ul li a:hover { background: #f6f6f6; }
.middleNav ul li a:active { background: #f1f1f1; }

.box-holder{height: 100%; width: 100%;}

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


/* ===== Left navigation ===== */
.leftNav { animation-duration: 1s; animation-name: menu-close; width: 230px; max-width: 36%; height: 100%; float: left; margin-right: 20px; padding: 0px 10px 25px 10px; background: #fff; left: -100%; position: relative; border-right: 2px solid lightgrey;}
.leftNav.visible {left: 0; animation-duration: 0.1s; animation-name: menu-open;}
@keyframes menu-open {
    0%   {left: -100%}
    100% {left: 0}
}

@keyframes menu-close {
    0%   {left: 0}
    100% {left: -100%}
}
.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:#032167!important; color: #fff !important; text-decoration: none;}
.leftNav ul li a span { padding: 11px 0 11px 11px; display: block; }
#header ul li a span:before{ position: absolute; font-family: FontAwesome; left: 0; top: 10px; font-size: 22px; width: 100%; color: #23416a;}
.leftNav ul li a span:before{ position: absolute; font-family: FontAwesome; left: 10px; top: 10px; font-size: 18px;}
.leftNav ul li#dashboard a span:before, #header ul li.iHome a span:before{content: '';}
.leftNav ul li#users a span:before, #header ul li.iList a span:before{content: '';}
.leftNav ul li#admin a span:before, #header ul li.iAList a span:before{content: '';}
#header ul li.iSetting a span:before{content: '';}
#header ul li.iList a span:before{content: '';}
#header ul li.iAList a span:before{content: '';}
.leftNav ul li#team a span:before{content: '\f035';}
.leftNav ul li#roster a span:before{content: '\f0c0';}
.leftNav ul li#setting a span:before{content: '\f013';}
.leftNav ul li#report a span:before{content: '\f0f6';}
.leftNav ul li#pages a span:before{content: '\f0f6';}
.leftNav ul li#banner a span:before{content: '\f03e';}
.leftNav ul li#tournament a span:before{content: '\f091';}
.leftNav ul li#template a span:before{content: '\f11b';}
.leftNav ul li#iotgames a span:before{content: '\f11b';}
.leftNav ul li#matches a span:before{content: '\f073';}
.leftNav ul li#score_rules a span:before{content: '\f0e3';}
.leftNav ul li#trivia a span:before{content: '\f0f6';}
.leftNav ul li#leaderboard a span:before{content: '\f0cb';}
.leftNav ul li#crypto a span:before{content: '\f42e';}
.leftNav ul li#coin a span:before{content: '\f85c';}
.leftNav ul li#apilogs a span:before{content: '\f129';}
.leftNav ul li#fantasypoint a span:before{content: '\f005';}
.leftNav ul li#Affiliates a span:before{content: '\f067';}
.leftNav ul li#competitionleaderboard a span:before{content: '\f091';}
.leftNav ul li#promocode a span:before{content: '\f0f6';}
.leftNav ul li#contestcategory a span:before{content: '\f11b';}


.lsticon{float: left; margin:6px 3px 6px;}
.lsticon:before{font-family: FontAwesome; font-size: 14px; width: 100%;  color: #fff; padding: 4px 6px; border-radius: 5px;}
.mpblsh:before {content: "\f14c";background: #428bca;}
.mdly:before {content: "\f017"; background: #d9534f;}
.plxi:before {content: "\f0c0"; background: #428bca;}
.tmpl:before {content: "\f145"; background: #d9534f;}
.gms:before {content: "\f11b"; background: #428bca;}
.summary:before {content: "\f328"; background: #428bca;}
.msts:before {content: "\f080"; background: #d9534f;}
.lsticn:before {content: "\f0c9"; background: #d9534f;}
.viewic:before {content: "\f06e"; background: #428bca;}
.actic:before{content: ""; background: #5bc0de;}
.inctic:before {content: "\f00c"; background: #5bc0de;}
.stop:before {content: "\f04d"; background: #FF0000;}
.start:before {content: "\f04d"; background: #00FF00;}
.blcic:before {content: "\f05e"; background: #d9534f;}
.dltic:before {content: ""; background: #d9534f;}
.mny:before {content: "\f0d6"; background: #d9534f;}
.edtic:before {content: "\f040"; background: #428bca;}
.copyic:before {content: "\f0ea"; background: #000;}
.pcodeic:before {content: "\f0d6"; background: #000;}
.rptic:before {content: "\f080"; background: #ff0000;}
.referral:before {content: "\f0c0"; background: #ff0000;}
.pinic:before {content: "\f08d"; background: #4dca42;}
.unpinic:before {content: "\f08d"; background: #ca4242;}
.approve:before{content: "\f00c"; background: #009d29;}
.info:before{content: "\f129"; background: #428bca;}
.reject:before{content: "\f00d"; background: #d9534f;}
.upload:before{content: "\f093"; background: #009d29;}
.download:before{content: "\f019"; background: #428bca;}
.announce:before{content: "\f0a1"; background: #f08105;}
.emptyannounce:before{content: "\f0a1"; background: #dcbe9e;}
.joinbenefit:before{content: "\f0d6"; background: #009d29;}
.joinbenefitcount:before{content: "\f0d6"; background: #ff0000;}
.faplus:before {content: "\f055"; background: #d9534f;}
.dynamicentryfee:before{content: "\f156"; background: #009d29;}
.dynamicentryfeecount:before{content: "\f156"; background: #ff0000;}
.addimage:before {content: "\f03e"; background: #713eed;}
.showmega:before {content: "\f06e"; background: #4dca42;}
.hidemega:before {content: "\f070"; background: #ca4242;}
.republish:before {content: "\f021"; background: #eb2727;}
.refresh:before {content: "\f021"; background: #eb2727;}
.falink:before {content: "\f0c1"; background: #4dca42;}
.retro:before {content: "\f25d"; background: #eb2727;}


/* Left navigation icons */
.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 transparent; border-top: none; background: url(../images/leftNavSub.png) repeat; }
ul.sub li {margin: 0px; padding: 0px;}
ul.sub li a {border: none; font-family: Arial, Helvetica, sans-serif; color:#fff !important; font-size: 14px; padding: 8px 10px 8px 18px; background:#c1310d;}
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:#c1310d !important; padding: 1px 5px!important; }
.numberLeft:before{display: none;}

/* ===== 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;}
.iAList {background: url(../images/icons/smalllist.png) no-repeat 12px;}

/* ===== Form styling ===== */  
.mainForm input[type=text], .mainForm textarea, .mainForm input[type=password], .mainForm input[type=time] , .mainForm input[type=number] { 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: 10px 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: 5px;}
.greyishBtn {border: 1px solid #23416a; background: #032167; color: #fff; }
.greyishBtn:hover { background-position: 0 -25px; background: #1d3a92; border-color: #1d3a92;}
.greyishBtn:active { background-position: 0 -50px; background: #1d3a92; border-color: #1d3a92;}

.floating-button {border: 1px solid #23416a;background: #032167;color:#fff;padding: 10px 20px;border-radius: 5px;cursor: pointer;position: fixed;
    top: 9%; /* Adjust this value to change the vertical position from the bottom */
    right: 0%; /* Adjust this value to change the horizontal position from the right */
  }
.floating-button:hover { background-position: 0 -25px; background: #1d3a92; border-color: #1d3a92;}
.floating-button:active { background-position: 0 -50px; background: #1d3a92; border-color: #1d3a92;}
.customSaveBtn {font-size: 15px;color: #FFF !important; text-decoration: none !important;
    font-weight: bold;text-transform: uppercase;padding: 12px 25px;cursor: pointer;font-family: Arial, Helvetica, sans-serif;line-height: 12px;border-radius: 5px;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;}
.deleteevent{width: 16px; height: 16px; float: left; margin:0px 5px 5px;}
.activeevent{height: 16px; float: left; margin:0px 5px 5px;}
.inactiveevent{height: 16px; float: left; margin:0px 5px 5px;}
.blockevent{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{width: 16px; height: 16px; float: left; margin:0px 5px 5px; margin-right: 22px;}
.viewevent:before {content: "\f06e"; font-family: FontAwesome; font-size: 14px; width: 100%; background: #428bca; color: #fff; padding: 6px 10px; border-radius: 5px;}
.printevent{width: 16px; height: 16px; float: left; margin:0px 5px 5px; margin-right: 22px;}
.printevent:before {content: "\f02f"; font-family: FontAwesome; font-size: 14px; width: 100%; background: #428bca; color: #fff; padding: 6px 10px; border-radius: 5px;}
.editevent{width: 16px; height: 16px; float: left; margin:0px 5px 5px; margin-right: 22px;}
.editevent:before {content: "\f040"; font-family: FontAwesome; font-size: 14px; width: 100%; background: #428bca; color: #fff; padding: 6px 10px; border-radius: 5px;}
.activeevent:before{content: ""; font-family: FontAwesome; font-size: 14px; width: 100%; background: #5bc0de; color: #fff; padding: 6px 10px; border-radius: 5px;}
.inactiveevent:before {content: "\f00c"; font-family: FontAwesome; font-size: 14px; width: 100%; background: #5bc0de; color: #fff; padding: 6px 10px; border-radius: 5px;}
.blockevent:before {content: "\f05e"; font-family: FontAwesome; font-size: 14px; width: 100%; background: #d9534f; color: #fff; padding: 6px 10px; border-radius: 5px;}
.deleteevent:before {content: ""; font-family: FontAwesome; font-size: 14px; width: 100%; background: #d9534f; color: #fff; padding: 6px 10px; border-radius: 5px;}

.prfl_check{width: 23px; height: 23px; float: left; background-image: url('../images/verified.jpeg'); background-repeat: no-repeat; background-size: 100%; margin-left: 5px; margin-top: -3px;}
.prfl_pending{width: 23px; height: 23px; float: left; background-image: url('../images/vpending.jpeg'); background-repeat: no-repeat; background-size: 100%; margin-left: 5px; margin-top: -3px;}
.dashlogo{max-height: 90px;margin-top: 0;max-width: 100%;}
/*** Login Page ****/
.head { background: #efefef; height: 38px; position: relative; }
.loginRow { border-top: 1px solid #e7e7e7; padding: 15px 0; position: relative; }
.loginRow:first-child { border-top: none; }
.loginWrapper { margin: 0px; position: relative; height: 100vh; overflow: none; background-color: rgba(3, 33, 104, 0.85);}
.loginLogo { position: relative; min-height: 44px; display: block; margin: 0 auto; text-align: center;} 
.errord {position: relative;clear: both;z-index: 9999;top: -75px;}
.loginPanel {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);}
.loginPanel .head{background: #032167; color: #fff;}
.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:before{content: ''; position: absolute; font-family: FontAwesome; left: 6px; top: 8px; font-size: 20px; color: #031091;}
.iFrames:before{content: ''; position: absolute; font-family: FontAwesome; left: 12px; top: 9px; font-size: 16px; color: #031091;}

/* ===== 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;}

.content { padding-bottom: 20px; overflow: hidden; padding-top: 25px;}
.content .title {background: #032167; 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 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; /*background: url(../images/ui/pagination.png) repeat-x 0 0;*/ border: 1px solid #d5d5d5; font-size: 11px; }
.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;}
.mid_container{min-height: 650px;}
.loginmid{min-height: 550px;}
.current_page,.current_page:hover{cursor: pointer; font-weight: bold!important; background-color: #000!important; color: #fff!important; border: #000 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: url(../images/greyishBtn.png) repeat-x 0 0;border: 1px solid #4f5a68;color: #fff; padding: 2px 20px; margin-right: 15px; 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 !important;background: #032167!important;;border-color: #031091;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;}

/*** 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: 9px 10px; font-size: 15px;border-radius: 5px;}
.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: 100%;}
.small_input{width: 50%!important}
.two_box{float: left; margin-right: 10px;}
.right_two_box{float: left; margin-right: 10px; width: 47%;}
.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: 10px 0px 0px; margin-bottom: 20px;}
.order_table{width: 100%; outline: 0;vertical-align: baseline;background: transparent;margin: 0;padding: 0;}
.head_tr{background: #efefef url(../images/leftNavBg.png) repeat-x; height: 38px;border: 1px solid #d5d5d5;position: relative;}
.head_tr td{padding: 8px 5px; font-size: 14px;}

.order_table tbody tr {/*border-top: 1px solid #e7e7e7;*/ line-height: 30px;}
.order_table tbody tr:nth-child(even) {background-color: #f5f5f5;}
.order_table tbody td {padding: 8px 5px;vertical-align: middle;}

.items_left{float: left; width: 45%;}
.items_right{float: right; width: 45%;}
.additembtn{margin: 0px 12px; font-size: 12px!important}
.topmargin{margin-top: 15px;}
.locatebtn{margin: 0px 12px; font-size: 12px!important; padding: 6px 13px!important}

.subtotal_div{width: 85%; float: right; font-weight: bold;}
.subtotal_div .form_label_box{width: 60%;}
.subtotal_div .form_input_box{width: 35%;}
.itemdate{width: 100%!important;}
.orderitem_tbl{border: 1px solid #e7e7e7; width: 100%;}
.orderitem_tbl td{padding: 1px 10px!important;}
.itemtr{background-color: #eee;}
.btndiv{width: 100%; margin: 15px 0px 5px; clear: both;}
.linkbtn{float: left; padding: 2px 20px; margin-right: 15px;}
.config_box .rowElem > label{width: 25%; text-align: right;}
.config_box .rowElem .formRight{width: 70%;}
.paymentopt,.paymentoptmonth{width: 50%; margin: 0px; padding: 10px 0px 0px; clear: both;}
.hide{display: none !important;}
.show{display: block;}
.searchfrm_dev{float: left; margin: 0px 5px;}
.search_input{width: 150px!important; padding: 5px;}
.rightdiv{float: right;}
.requiredfield{border: #ff0000 solid 1px!important;}
.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: 5px;text-transform: uppercase; background: #d9534f !important; border: #d9534f solid 1px !important; font-weight: bold; color: #FFF !important; text-decoration: none !important;}
.cnclbtn:hover{background: rgba(217, 83, 79, 0.75) !important}
#usertable tr td:last-child{width: 160px;}
#paymenttable tr td:first-child{width: auto;}

.orderdetail .form_ele{margin: 7px 0px;}
.list_img{max-width: 100px; max-height: 75px;}
.qty_box input[type=text]{width: 100px; float: left; margin-right: 10px;}

.dashboard .middleNav ul {margin-top: 0px;}
.dashboard .middleNav ul li {
    margin-left: 10px;
    margin-top: 10px;
    width: 105px;
    height: 90px;
}
.dashboard .middleNav ul li a {
    height: 75px;
    background-color: #F0F0F0;
}

.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;}
.mapaddressbox .formRight, .addressbox .formRight{width: 100%; float: left; margin-top: 0px;}
.mapaddressbox{padding-top: 10px;}
.maphead{margin-top: 25px!important;}

.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; text-align: center;}
.installment_box input[type=text]{padding: 5px;}
.installment_box .selectbox{padding: 5px!important;}
.addmorbtnbox{width: 100%; margin: 5px 0px;}
.addbtnbox{padding-top: 5px; margin-bottom: 5px;}
.installment_box .additembtn{padding: 3px 10px!important;}
.installment_box .two_input input[type=text]{width: 100%;}
.installment_box .order_table thead td{padding: 5px 10px; background: #ccc; vertical-align: middle;text-align: center;}
.installment_box .order_table thead td small{font-size: 10px;}
.redtxt{color: #ff0000; font-size: 12px; font-style: italic;}
.prztbl small{font-size: 10px;}

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

.rightbtn{float: right; margin-right: 0px;}
.stndtable tr td:last-child{width: 110px;}
.enqwid .webStatsLink{font-size: 15px;}
.enqwid tr td:last-child{width: 60px;}

.acttd{width: 50px!important; text-align: center;}
.printbtn{padding: 2px 10px;}
.w100{width: 100px;}
.w130{width: 130px!important;}
.w170{width: 170px!important;}
.w50{width: 50px!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;}
.news_img{max-width: 120px; max-height: 100px;}
.ltadver_img{max-width: 100px; max-height: 50px;}
.bnr_img{max-width: 250px; max-height: 75px;}
.kyc_img{width: 100%; max-height: 130px; height: 100%;}
.lvl_img{width: 50px; height: 50px;}
.usrimg{max-width: 75px; max-height: 75px;}
.docbox{width: 100%; float: left;}
.kyc_doc{width: 125px; height: 125px; float: left; margin: 10px; border:#ccc solid 1px; padding: 3px;}
.kyc_doc img{width: 100%; height: 100%;}
.intimg .kyc_doc{width: 85px; height: 85px;}
.tm_img{width: 60px; height: 60px;}
.img_box_cnt{width: 100%;}

.module_ch_bx{background-color: #eee; border: #ccc solid 1px; margin: 5px; float: left; width: 45%; padding: 5px;}
.module_ch_bx input{vertical-align: middle; float: left;}
.mdlbtn{float: left!important; margin: 10px;}
.fltrt{float: right;}
.alnkbtn,.add_option{padding: 4px;border-radius: 3px;}
.pull_right{float: right!important;}
.pull_left{float: left!important;}
.exprtbtn{font-size: 14px;padding: 3px 15px;border-radius: 5px; margin: 5px; float: right; font-weight: bold;}
.w175{width: 175px!important;}
.w190{width: 190px!important;}
.lgnbtn{ margin-bottom: 0px!important;}
.exptbtn{float: right; margin: 5px 10px; background: #032167!important; border: 1px solid #031091; color: #fff; font-size: 14px; padding: 3px 14px 4px 14px;border-radius: 15px;}
.total_count{float: right; font-size: 15px; margin: 8px 10px 0px 5px;}

#address_map{width: 100%; height: 350px;}
.drdetailview .two_section label{float: left; margin-right: 5px;}
.drdetailview .two_section .formRight{float: left; width: 65%;}
.drdetailview .rowElem{padding: 10px 16px;}
.drdetailview .addrbx label,.drdetailview .addrbx .formRight{float: left; margin-right: 5px;}
#doctor_clinic_map{width: 350px; height: 130px; border: #D5D5D5 solid 2px; padding: 2px; margin-top: 5px;}
.mpadrbx label{margin-bottom: 10px;}
.clinictimetbl{border: 1px solid #D5D5D5; margin: 10px 0px;}
.martop20{margin-top: 20px;}
.martop0{margin-top: 0px;}

.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; max-height: 80px!important;}
.prv100{width: 100%!important;}

.two_input input[type=text]{width: 45%; float: left; margin-right: 10px;}
.map_box_div{background-color: #fff; margin: 0px; padding: 5px;}
.map_box{width: 100%; float: left; margin-right: 5px; height: 500px;}
.directions_panel{float: right; width: 100%;}
.popfld .widget{margin-top: 0px;}
.bxlistdiv{width: 100%;}
.searchfrm_dev .selfield,.searchfrm_dev .search_input{width: 150px!important; padding: 9px 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;}

.lvlink{margin: 10px 0px 0px!important;}
.emltd{word-wrap: break-word; word-break: break-all;}
.esdash{width: 50%;}
.esdash ul{float: right;}
.esdash .cnclbtn{margin-top: 40px;margin-right: 15px;padding: 12px 15px 10px!important;font-size: 16px!important;}

.tpright{width: auto; float: left; margin-left: 50px; margin-top: -10px;}
.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: 5px; margin-top: -10px; margin-bottom: 10px;}

.ststbl{width: 960px; overflow-x: auto;}
.ststbl .tableStatic tbody td{min-width: 50px!important; text-align: center;}
.ststbl .tableStatic tbody td:nth-child(1){min-width: 70px!important;}
.ststbl .tableStatic tbody td:nth-child(2){min-width: 150px!important;}
.ststbl .tableStatic tbody td:nth-child(3){min-width: 100px!important;}
.ststbl .tableStatic tbody td:last-child{min-width: 150px!important;}

.app_setting .rowElem > label{text-align: right; width: 20%!important}
/* .app_setting .formRight{} */
.sub_set{width: 100%; clear: both;}
.sub_set .rowElem > label{width: 22%!important; text-align: right; padding: 5px 0px;}
.sub_set .formRight{width: 70%!important; margin: 5px 0px;}

.searchfrm_dev.two_input{width: 200px;}
.searchfrm_dev.two_input input[type=text]{width: 35%!important;}
.searchfrm_dev.two_input input[type=text]:nth-child(2){margin-right: 0px!important;}

.rtwgt{background-color: #fff!important; color: #000!important; font-weight: bold; border-top: 1px solid #d5d5d5;}
.report_box{width: 680px; clear: both; margin: 0 auto;margin-top: 20px;}
.report_header{background-image: url(../images/report_header.png); background-repeat: no-repeat;width: 680px;height: 158px;}
.rthd_row{width: 100%; clear:both;}
.rtfld_box{float: left;}
.rtfld_box input,.rtfld_box select{border:solid #9299CC 1px!important; float: left; padding: 5px 5px!important;}
.ptname{width: 200px!important;margin: 96px 0px 0px 160px;}
.agebx{width: 40px!important; margin:96px 0px 0px 159px;}
.genderbx{width: 60px!important; margin:94px 0px 0px 30px;}
.drbx{width: 200px!important; margin:4px 0px 0px 160px;}
.drbx .selfield{width: 100%!important;}
.rtdt_bx{width: 139px!important;margin:4px 0px 0px 159px;}
.rthdtxt{margin:0px; padding:3px 5px; text-align:center; font-weight: bold; margin-top:10px; background-color:#ccc; font-size: 18px;}
.report_body table tr td input {width: 120px!important;font-weight: bold;padding: 0 1px;font-size: 14px;height: 18px;font-family: Arial, Helvetica, sans-serif;background-color: #FFF;border: solid #9299CC 1px;}
.report_body table tr{height: 30px;}
.report_body table tr td{vertical-align: middle;}
.report_body input,.report_body select{border:solid #9299CC 1px!important; padding: 5px 5px!important;}
#rtfooter{margin-top: 10px;font-size: 14px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;height: 50px;}
.smallhead{padding-left:5px; background-color:#DDD; color:#000; margin-top:30px; font-size:16px;}
table.clrs_rt tr{height: 28px;}

.report_chart{overflow: hidden;}
.txt_center{text-align: center;}

.prztbl{border: 1px solid #D5D5D5; margin: 10px 0px;}
.prztbl tr td:nth-child(1){width: 15%;}
.prztbl tr td:nth-child(2){width: 25%;}

.cprtbl{border: 1px solid #D5D5D5; margin: 5px 0px;}

.plrtbl,.gmstbl,.tmpltbl{margin: 15px 0px;}
.plrtbl .small_sub_ele,.tmpltbl .small_sub_ele,.gmstbl .small_sub_ele{margin: 0px;}
.plrtbl .tableStatic,.tmpltbl .tableStatic,.gmstbl .tableStatic{border: 1px solid #D5D5D5; margin: 10px 0px; margin: 0px;}
.plrtbl table tr td:nth-child(1){width: 10%; text-align: center;}
.plrtbl table tr td:nth-child(2){width: 25%;}
.plrtbl table tr td:nth-child(3){width: 20%;}
.plrtbl table tr td:nth-child(4){width: 15%;}
.plrtbl table tr td:nth-child(5){width: 15%;}
.plrtbl table tr td:nth-child(6){width: 15%;}
.plrtbl tr td input[type=text]{width: 50px; padding: 8px 5px; float: left; margin: 0px 5px; text-align: center; font-size: 14px;}
.plrtbl tr td input[type=checkbox]{float: left; margin-top: 9px;}
.tmjrsy{width: 40px; height: 40px;}
.gicon{background-color: #23416a; border-radius: 15px; padding: 3px 5px; margin-right: 0px; color: #fff; font-weight: bold; font-size: 10px;text-decoration: none;}
.offertbl,.bstbl{border: #ccc solid 1px;}
.offertbl table tr td:nth-child(1){width: 30%;}
.bstbl table tr td:nth-child(1){width: 10%; text-align: center;}
.bstbl table tr td:nth-child(3){width: 30%;}

.tmpltbl table tr td{width: 15%;}
.tmpltbl table tr td:nth-child(1){width: 7%!important;}
.tmpltbl table tr td:nth-child(2){width: 20%!important;}
.tmpltbl tr td input[type=checkbox]{float: left; margin-top: 9px;}

.gmstbl table tr td{width: 8%;}
.gmstbl table tr td:nth-child(1){width: 15%;}
.gmstbl table tr td:nth-child(8){width: 10%;}
.gmstbl table tr td:last-child{width: 15%!important;}
.north3{margin: 25px 10px;color: #000;font-size: 17px;background-color: #ffcbcb;padding: 11px 10px;border-radius: 3px;border: #ff8585 solid 1px;font-style: italic;}
.intprizebx .two_input{width: 20%;}
.intprizebx .fname,.intprizebx .lname{width: 46%!important;}
.intprizebx .w10pc{width: 10%;}
.intprizebx .w15pc{width: 15%;}
.intprizebx .w25pc{width: 25%;}
.intprizebx .w30pc{width: 30%;}

#select_all{margin-left: 15px;}

.sprtfld{width: 150px!important;margin: 2px 0px 0px 15px;border-radius: 5px;}

.loginpg .fixed{position: relative!important;height: 40px; background: linear-gradient(to right,#031091 50%,#881190 100%);}
.login_top{padding: 15px 10px;float: left;background-color: #253a91; position: relative;}
.login_top h4{font-size: 20px; margin-bottom: 15px;}
.login_top::before {transform: skew(-30deg);content: "";position: absolute;width: 30px;height: 82%;background: #253a91;z-index: 1;right: -23px;}

.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: #881190; color: #fff; padding: 30px 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: 35px;}
.dashul li h4{margin: 20px 0 0px;}
.dashul li:nth-child(even) { background-color:#031091!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;}
hr{border-top: 0px solid rgba(0,0,0,.1); width: 97%; margin: 15px 0px;}
.brt0{border-top: none!important;}
.lpbtn{float: right!important;margin-left: 0px!important; margin-top: 5px!important;}
#time_display{font-size: 19px; margin-left: 10px;}

.two_section .div2{float: left; width: 48%;}
.two_section .div2:nth-child(2){float: right;}
.mrtb10{margin: 10px 0px!important;}
.copy_lnk{float: right; margin-left: 50px; margin-top: -5px;}

.bg-theme{
    background-color: #031091;
}

#menu {
    height: calc(100vh - 150px);
    overflow-y: auto;
    overflow-x: hidden;
}

#main-content {
    height: calc(100vh - 50px);
    overflow-y: auto;
    overflow-x: hidden;
}

#sidebar-logo {
    width: 100%;
    margin-bottom: 5px;
}

.transaction-tab {
    background: #ffffff; color: #1d3a92; border: #1d3a92 solid 1px; margin-left:0px; border-radius:0px
}

.transaction-tab.active, .transaction-tab:hover {
    background: #1d3a92 !important; color: white !important; border: #1d3a92 solid 1px; margin-left:0px;
}

@media (max-width: 768px) {
    .fixed .wrapper{margin: 0 5px!important;}
    .welcome{width: 70%;overflow: hidden;display: inline-flex;}
    .welcome span{padding: 8px 0px; overflow: hidden;}
    .sprtfld{margin: 2px 0px 0px 5px!important;}
    .leftNav ul {max-height: 80vh; overflow: auto;}
    .userNav ul li a{padding: 3px 18px 35px!important;}
    .userNav ul li span{display: none;}
    .leftNav{width: 70%; margin-right: 0px; margin-bottom: 20px; max-width: 100%; position: fixed; top: 43px; z-index: 1000;}
    #side-menu-toggle {display: block;}
    .content{width: 100%; padding-bottom: 20px; margin-top: 15px;}
    .widgets .left,.widgets .right{width: 100%;}
    .logo{width: 100%; margin-top: 10px;}
    .ltadver_img{width: 70px;}
    .advt_img{max-width: 150px; max-height: 150px;}
    .middleNav ul{margin: 0px; width: 100%;}
    .middleNav ul li{float: left; margin-left: 15px!important; margin-bottom: 10px; width: 27%;}
    .rate_table.tableStatic tr td:last-child{width: 40px;}
    .rate_table.tableStatic tr td{padding: 8px 5px;}
    #password_form .rowElem > label{width: 14%!important;}
    .bxlistdiv table-responsive{overflow-x: auto;}
    #listPageContainer{overflow-x: scroll;}
    #listPageContainer .head,#listPageContainer .tableStatic{min-width: 400px;}
    .usrsection .head,.usrsection .tableStatic{min-width: 510px!important;}
}

@media (max-width: 480px) {
    .content{padding-top: 0px;}
    .userNav ul li a{font-size: 12px;}
    .middleNav{width: 100%;}
    .middleNav ul li{width: 45%;}
    #listPageContainer .head{display: inline-table; width: 100%;}
    .tableStatic tr td.center a{margin-bottom: 8px;}
    .exprtbtn{font-size: 10px;padding: 1px 8px 0px;border-radius: 15px;margin: 5px;float: left;}
    .total_count{font-size: 12px; margin: 8px 10px 0px 0px;}
    .widget .head h5, .table h5{padding: 9px 5px 9px 30px; font-size: 14px;}
    .w100pt{width: 100%!important;}
    .searchfrm_dev{width: 100%; margin: 0px 0px 7px 0px!important;}
    .searchfrm_dev .selfield{width: 100%!important;}
    .searchfrm_dev .search_input{width: 95%!important;}
    .popfld .widget{width: 99%; position: absolute;}
    .popfld #doctor_clinic_map{width: 100%;}
    .two_section{width: 90%;}
    .two_input input[type=text]{width: 100%; margin-bottom: 5px;}
    .divrowbox .leftbox,.divrowbox .rightbox{width: 100%; margin-bottom: 10px;}
    .leftbox .divrowbox .two_box{width: 45%; margin-bottom: 5px;}
    .usrpopup .formRight{width: 50%; word-break: break-word;}
}
.affiliates-list span {
    padding: 7px;
}
.affiliates-form input[type='checkbox']{
    margin-top: 0.7rem;
}

.select2-container--default .select2-selection--single {
    height: 38px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}
.select2-container--default .select2-search__field {
    width: 100% !important;
}