/* apply a natural box layout model to all elements */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* Reset */ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block }
audio, canvas, video { display:inline-block }
audio:not([controls]) {display:none;height:0}
[hidden], template {display:none}
html { font-family:sans-serif; min-height:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% }
body { margin:0;}
hrml, body{height: 100%;}
a { background:transparent }
a:focus { outline:0 dotted }
a:active, a:hover { outline:0 }
abbr[title] { border-bottom:1px dotted }
b, strong { font-weight:bold }
dfn { font-style:italic }
hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0 }
code, kbd, pre, samp { font-family:monospace, serif; font-size:1em }
pre { white-space:pre-wrap }
q { quotes:"\201C" "\201D" "\2018" "\2019" }
small { font-size:80% }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }
sup { top:-0.5em }
sub { bottom:-0.25em }
img { border:0; max-width:100%; }
svg:not(:root) {
overflow:hidden
}
figure { margin:0 }
fieldset { border:1px solid #c0c0c0; margin:0 2px; padding:.35em .625em .75em }
legend { border:0; padding:0 }
button, input, select, textarea { font-family:inherit; font-size:100%; margin:0 }
button, input { line-height:normal }
button, select { text-transform:none }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer }
button[disabled], html input[disabled] { cursor:default }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0 }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea { overflow:auto; vertical-align:top; resize:vertical }
table {  border-spacing:0; padding:0; margin:0 }


@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Styling css */
html, button, input, select, textarea { color:#666 }
html { font-size:1em; line-height:1.4 }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0 }
audio, canvas, img, svg, video { vertical-align:middle }
fieldset { border:0; margin:0; padding:0 }
textarea { resize:vertical }
img { max-width:100%; height:auto; }
a {text-decoration:underline; }
a:hover { text-decoration:none;}
a, input[type="button"], input[type="submit"], button { outline:0 none; -moz-transition:background-color 0.2s ease-in, color 0.2s ease-in; -webkit-transition:background-color 0.2s ease-in, color 0.2s ease-in; -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 0.2s ease-in, color 0.2s ease-in; transition:background-color 0.2s ease-in, color 0.2s ease-in; }
.allanim { -moz-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in; }
.resize { -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out; -webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out; -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out; -o-transition: width 1s ease-in-out, left 1.5s ease-in-out; transition: width 1s ease-in-out, left 1.5s ease-in-out; }
strong { font-family:'robotobold', Arial, Helvetica, sans-serif; font-weight:normal; }
p { margin:0 0 15px 0; }
h1, h2, h3, h4, h5, h6 { line-height:100%; margin-bottom:15px; font-weight:normal;}
h1 { font-size:28px; padding:0; margin:0; text-transform:uppercase; color:#bcbcbc; }
h2 { font-size:20px; margin:0 0 15px; }
h3 { font-size:18px;}
h4 { font-size:15px; }
h5 { font-size:13px; }
.lsn { list-style:none; padding:0; margin:0; }
.alignleft { float:left; }
.alignright { float:right; }
:focus { outline:none; }
.text_cont p { padding:0 0 10px 0; }
.nopad p, p.nopad { margin:0; }
.cols { list-style:none; padding:0; margin:0; }
.cols:before, .cols:after { display:table; line-height:0; content:""; }
.cols:after { clear:both; }
.cols1 { margin-left:0; }
.cols2 { margin-left:-2%; }
.cols3 { margin-left:-2%; }
.cols4 { margin-left:-2%; }
.cols5 { margin-left:-2%; }
.cols .col { float:left; min-height:1px; margin-left:30px; }
.cols1 .col { width:100%; margin-left:0; }
.cols2 .col { width:48%; margin-left:2%; }
.cols3 .col { width:31%; margin-left:2%; }
.cols4 .col { width:23%; margin-left:2%; }
.cols5 .col { width:18%; margin-left:2%; }
.invisible { visibility:hidden }
.alignleft { float:left; }
.alignright { float:right; }
.center { text-align:center; }
.right { text-align:right }
.left { text-align:left; }
.row { display:block; }
.noUl {text-decoration:none;}
input, textarea { font-size:1em; font-family:Arial, Helvetica, sans-serif; }
.displayNone, .noDisplay { display:none!important; visibility:hidden }
.cf:before, .cf:after, .wrap:after, .wrap:before, .formlist li:after, .formlist li:before, .menu:after, .menu:before, ul:before, ul:after, .searchStatus:before, .searchStatus:after, .radioList:before, .radioList:after, #main:before, #main:after, #topBar:before, #topBar:after, .footerIn:before, .footerIn:after, .actionLink:after, .actionLink:before { content:""; display:table; }
.cf:after, .wrap:after, .formlist li:after, .menu:after, ul:after, .searchStatus:after, .radioList:after, #main:after, #topBar:after, .footerIn:after, .actionLink:after { clear:both; }
body {background-color:#e7e7e7; font-size:14px; line-height:1.1; font-family:'robotoregular', Arial, Helvetica, sans-serif; }
ul {list-style:none; padding:0; margin:0;}
ol { margin:0 0 15px 20px; padding:0; }
ol li { padding:0 0 10px; margin:0; }
p {line-height:1.5em;}

/* =Layout Width ========================================================================================*/
#wrapper { min-width:100%; width:100%; min-height:100%; padding-bottom: 35px; position:relative; }
#main{min-height:100%;}
#form1{min-height:100%;}
/*#wrapper:after { content: ""; display: block;}
#footer, #wrapper:after {height: 35px; }*/
.one-column { width:auto !important; float:none !important; } 

/* =Form Style ========================================================================================*/
label {line-height:24px; display:inline-block; padding:5px 0;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; -webkit-border-radius:0; border-radius:0; }
button, input { line-height: normal; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select { background-color:#fff; padding:5px 8px; height:35px; width:100%; line-height:20px; color:#333; font-family: 'robotoregular', Arial, Helvetica, sans-serif; font-size:13px; border:0; border:1px solid #ddd; }
textarea { width:100%; height:110px; overflow:auto; /*resize:none;*/ }
select { height:auto; padding:4px; background:#fff; }
input::-moz-focus-inner, button::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="button"], input[type="submit"], button { height:36px; color:#fff; line-height:normal; border:0; cursor:pointer; width:auto; overflow:visible; padding:2px 30px 2px; vertical-align:middle; text-decoration:none; font-weight:normal; position: relative; -webkit-appearance: none;  outline: none; -webkit-box-shadow: none; box-shadow: none; white-space:nowrap; text-align:center; text-transform:uppercase; -webkit-transform: translateZ(0); transform: translateZ(0); }
input[type="button"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0;}
input[type="checkbox"], input[type="radio"] { margin:0; vertical-align:top; width:15px; height:15px; }
.button { line-height:35px; padding:0 25px; text-transform:uppercase; color:#fff; text-decoration:none; display:inline-block; margin:0; position: relative; white-space:nowrap; text-align:center; -webkit-transform: translateZ(0); transform: translateZ(0); }

.smallBtn, input[type="button"].smallBtn, input[type="submit"].smallBtn, button.smallBtn {padding:0px 12px 0px; height:24px; line-height:24px; font-size:12px; }
select.customSelect { width:100% !important;}
.selectBoxOut {position:relative;}
span.customSelect { background: #fff url(../images/lang-down-arrow.png) right center no-repeat; color:#333;  padding:5px 7px; border:1px solid #ddd; line-height:22px; display:block !important;  font-size:13px !important; width:100%;}
span.customSelect.changed { background-color: #f0dea4; }
.customSelectInner {display:block !important; width:100% !important; overflow:hidden;}
.star, .errorMsg, .deleteIcon, .deleteGalItemIcon {color:#e52e21;}

/* =Settings Width, Padding, Margin, Border ========================================================================================*/
.mrgL20 { margin-left:20px; }
.mrgR20 { margin-right:20px; }
.mrgB20 { margin-bottom:20px; }
.mrgT20 { margin-top:20px; }
.mrgL15 { margin-left:15px; }
.mrgR15 { margin-right:15px; }
.mrgB15 { margin-bottom:15px; }
.mrgT15 { margin-top:15px; }
.mrgL10 { margin-left:10px; }
.mrgR10 { margin-right:10px; }
.mrgB10 { margin-bottom:10px; }
.mrgT10 { margin-top:10px; }
.padL20 { padding-left:20px; }
.padR20 { padding-right:20px; }
.padB20 { padding-bottom:20px; }
.padT20 { padding-top:20px; }
.padL15 { padding-left:15px; }
.padR15 { padding-right:15px; }
.padB15 { padding-bottom:15px; }
.padT15 { padding-top:15px; }
.padL10 { padding-left:10px; }
.padR10 { padding-right:10px; }
.padB10 { padding-bottom:10px; }
.padT10 { padding-top:10px; }
.padTB10 { padding-top:10px; padding-bottom:10px; }
.padTB15 { padding-top:15px; padding-bottom:15px; }
.padTB20 { padding-top:20px; padding-bottom:20px; }
.pad10 { padding:10px; }
.pad15 { padding:15px; }
.pad20 { padding:20px; }
.pad25 { padding:25px; }
.width100 { width:100px;}
.width150 { width:150px;}
.width200 { width:200px;}
.width50p { width:50%; margin-left:auto; margin-right:auto; }
.width60p { width:60%; margin-left:auto; margin-right:auto; }
.width70p { width:70%; margin-left:auto; margin-right:auto; }
.width80p { width:70%; margin-left:auto; margin-right:auto; }
.width90p { width:90%; margin-left:auto; margin-right:auto; }
.height100 { height:100px; }
.height90 { height:90px; }
.height80 { height:80px; }
.height70 { height:70px; }
.height60 { height:60px; }
.bdrDotT { border-top:1px dotted #bbb; }
.aspNetHidden { display:none; }

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #cccccc; }
.mfp-preloader a:hover { color: white; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
button.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; background-color:transparent !important; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #fff; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
.mfp-hide {display:none !important;}
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
.mfp-preloader {width: 30px; height: 30px; background-color: #FFF; opacity: 0.65; margin: 0 auto; animation: rotateplane 1.2s infinite ease-in-out;}
@keyframes rotateplane {
	0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg) }
  50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) }
  100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) }
}
.white-popup-block { background:#fff; margin: 40px auto;  max-width: 650px; padding: 20px 30px; position: relative; text-align: left;}
.inlinePopup {padding:0;}
.inlinePopupInner {padding:20px 30px;}
.inlinePopup h3 {color:#fff; padding:13px 30px; background-color:#185db9; margin-bottom:0;}
.inlinePopup .mfp-close {color:#fff;}
.mfp-s-error .mfp-preloader {width:220px; color:#000;animation:none; line-height:30px; }
.mfp-s-error  .mfp-preloader a {color:#000;}

/* =Common-Page (common classes for all pages) ========================================================================================*/

.list-unstyled { padding-left:0; list-style:none }
.list-inline { padding-left:0; list-style:none; margin-left:-5px }
.list-inline>li { display:inline-block; padding-left:7px; padding-right:7px }
.logoArea { font-size:22px; height:55px; padding:10px; text-align:center; font-family:'robotobold', Arial, Helvetica, sans-serif;  float:left; width:320px; line-height:35px;  text-transform:uppercase;}
.logoArea a, .logoArea a:hover {color:#fff; text-decoration:none;}
.logoArea img {height:100%;}
.settingBar { padding:15px; float:right; width:45%; }
.settingBar ul {margin-top:3px;}
.settingBar a {font-size:18px; color:#b6b8ba ;}
.settingBar a:hover {font-size:18px; color:#fff ;}
.navbar-toggle { float:left; border:0; height:55px; width:55px; padding:15px 10px; }

.navbar-toggle .icon-bar { height:3px; line-height:3px; overflow:hidden; display:block; margin:4px 0; background-color:#fff;}
.sr-only { display:none; }
.settingBar ul { float:right; }



#sidebar { width:320px;  min-height:100%;  z-index:1; position:absolute; left:0; top:0; color:#fff; }
.nav { margin-bottom:0; padding-left:0; list-style:none }
.nav>li { position:relative; display:block }
.nav>li>a { position:relative; display:block; padding:10px 15px; text-decoration:none; }
.nav>li>a:hover { text-decoration:none;background-color:#eee  }
.nav>li.disabled>a { color:#999 }
.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {text-decoration:none;color:#999;background-color:transparent; cursor:not-allowed }
.nav .nav-divider { height:1px; margin:9px 0; overflow:hidden;  background-color:#e5e5e5}
.nav>li>a>img { max-width:none }
.nav-tabs { border-bottom:1px solid #ddd; }
.nav-tabs>li { float:left; margin-bottom:-1px }
.nav-tabs>li>a { margin-right:2px; line-height:1.42857143; border:1px solid transparent; border-radius:4px 4px 0 0 }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color:#555; background-color:#fff; border:1px solid; border-color:#eee #eee #ddd  border-bottom-color:transparent;  cursor:default }

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color:#eee; }
.navbar-static-side {}
.menu-animate .navbar-static-side, .menu-animate #container { transition: 0.20s all linear; }
.navbar-static-side ul li { border-bottom: 1px solid #0d2439; }
.navbar-static-side ul li:first-child a { padding: 0; }
.navbar-static-side ul li.active a { outline: none; }
.navbar-static-side ul li a { padding: 15px; text-decoration:none; color: #fff; }
.navbar-static-side ul li a span.menu-title { margin-left: 10px; }
.navbar-static-side ul li a i { font-size: 16px; }
.navbar-static-side ul li a:hover { transition: 0.2s all ease-in-out; outline: none; }

.navbar-static-side ul li a .badge, .navbar-static-side ul li a .label { float: right; margin-right: 10px; }
.navbar-static-side ul li a.menu-title { margin-left: 10px; }
.navbar-static-side ul li .nav-second-level li { border-bottom: 1px solid ; }
.navbar-static-side ul li .nav-second-level li:last-child {border-bottom:0 none;}

.navbar-static-side ul li .nav-second-level li a { padding: 15px 15px 15px 40px; color: #efefef;  }
.navbar-static-side ul li .nav-second-level li a span.submenu-title { margin-left: 10px; }
.navbar-static-side ul li.sidebar-heading { padding: 5px 15px; }
.navbar-static-side ul li.sidebar-heading h4 { font-family: 'Oswald'; font-size: 18px; font-weight: bold; }
.navbar-static-side ul li.user-panel { padding: 15px; height:85px; transition: 0.2s all ease-in-out; }
.navbar-static-side ul li.user-panel .thumb { position:absolute; left:0; top:0; border: 5px solid rgba(255, 255, 255, 0.1); border-radius: 50%; overflow:hidden; }
.navbar-static-side ul li.user-panel .thumb img { width: 45px; height: 45px; }
.navbar-static-side ul li.user-panel .info { padding: 5px 5px 5px 65px; color: #ffffff; }
.navbar-static-side ul li.user-panel .info p { margin-bottom: 5px; font-size: 18px; text-transform:uppercase; }
.navbar-static-side ul li.user-panel .info .websiteName { font-size:13px; color:#dcdcdc; }
.navbar-static-side ul li.user-panel .info a i { font-size: 13px; color: #ccc; margin-right:7px; }
.navbar-static-side ul li.user-panel .info a:hover, .navbar-static-side ul li.user-panel .info a:focus { background-color: transparent; }
.navbar-static-side ul li.user-panel ul li { border-bottom: 0; }
.sidebar-user-info { padding: 15px; }


.userPanel {position:relative;}

.arrow { float: right; margin-top: 3px; }
.fa.arrow:before { content: "\f104"; }
.active > a > .fa.arrow:before { content: "\f107"; }

.left-side-collapsed .nav li.user-panel {padding:5px 0 0; height:77px;}
.left-side-collapsed .nav li.user-panel .thumb {left:50%; margin-left:-29px;} 
.left-side-collapsed .nav .info { display: none; }
.left-side-collapsed .nav li.nav-hover a { height: 50px;}
.left-side-collapsed .nav li.nav-hover a span.menu-title { display: block !important; }
.left-side-collapsed .nav li.nav-hover a span.submenu-title { display: block !important; margin-left: 0; }
.left-side-collapsed .nav li.nav-hover ul.nav-second-level { display: block; position: absolute; top: 50px; left: 70px; width: 195px; }
.left-side-collapsed .nav li.nav-hover ul.nav-second-level li a { padding: 15px; }
.left-side-collapsed .nav li a span { display: none; }
.left-side-collapsed .nav li a i.fa {  font-size:20px; display:block; margin:0 auto;}
.left-side-collapsed .nav li a span.menu-title { position: absolute; top: 0; left: 70px; padding: 15px; margin-left: 0; color: #ffffff; width: 195px; height: 50px; }
.left-side-collapsed .nav li ul.nav-second-level { display: none; position: absolute; top: 50px; left: 70px; width: 195px; }
.left-side-collapsed .nav li ul.nav-second-level li a i { display: none; }
.left-side-collapsed #page-wrapper { margin: 0 0 0 70px; }



#footer {  color:#fff; font-size:13px; padding:10px 20px;  z-index:2; width:100%; position:absolute; left:0; bottom:0; height:35px; }
.adminVersion {float:left; width:40%;}
.copyrightText { display:block; text-align:right; float:right; width:50%; }
#container { width:auto; border-left:320px solid #023059; min-height:700px; }


/*---------------------preloader start---------------------*/
#preloader {background-color: #e7e7e7;	bottom: 0; left: 0; position: fixed; right: 0; top: 0;	z-index:99999 !important; display:none;}
#preloader.lodingImage {background-color:#fff;}
#status {	background-position: center center;	background-repeat: no-repeat; height: auto; left:50%; top:50%; position:absolute; width: 36px; margin: -18px 0 0 -18px;}
/*---------------------preloader end---------------------*/

.left-side-full ul li ul.hide { display:none;}
.left-side-full ul li ul.show {display:block;}

.left-side-collapsed #sidebar { width:70px; z-index:1; position:absolute; left:0; padding-top:1px; }
.left-side-collapsed #container { width:auto; float:none; border-left:70px solid; }


.whiteBox { padding:15px; background-color:#fff; border-bottom:3px solid #e2e2e2; margin-bottom:20px; }
.titleBar { padding:18px 20px; position:relative; border:0 none; margin-bottom:0; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); }
.brdcurmb { float:right; list-style:none; padding:0; margin:0; }
.brdcurmb li { float:left; }
#content { padding:20px; }

.dashboardChart { width: 100%; height:350px; padding-bottom:20px; }
.dashboardChart > div > div > a { display:none !important; }

.table { width:100%; margin-bottom:20px }
.table>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding:8px; line-height:1.42857143; font-weight:normal; border-top:1px solid #ddd }
.table>tr>th,.table>tbody>tr>th,.table>thead>tr>th {  border-bottom:3px solid #ddd; border-top:0 ; color:#000; vertical-align:top; }
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td { border-top:0 }
.table>tbody+tbody { border-top:2px solid #ddd }
.table .table { background-color:#fff }
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { padding:5px }
.table-bordered { border:1px solid #ddd }
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border:1px solid #ddd }
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td { border-bottom-width:2px;  }
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {background-color:#f9f9f9}
.table th > a {color:#000;}
.table tr th a.active {font-family:'robotobold', Arial, Helvetica, sans-serif;}
.table-hover>tbody>tr:hover>td{ background-color:#f5f5f5 }
.paging {border-top:3px solid #bcbcbc;}
.paging tr td {padding-left:5px; padding-right:5px; font-size:15px;}
.panelHeading { font-size:18px; padding:10px 15px; color:#fff; position:relative; padding-right: 130px; }
.label { display:inline-block; padding:5px 7px; font-size:13px; }
.greyBg { background-color:#adadad; color:#fff; }
.table tr th i {margin-left:5px; }
.searchBox li {float:left; padding:0 10px 5px 0; width:24%; margin-bottom:0;}
.searchBox li > label {display:block;}
.actionLink {min-width:150px;}
.actionLink a {display:inline-block; padding:5px;}
.actionBlocks {display:inline-block; padding:0 5px; min-width:90px;}
.icon4 a {color:#666;}
.actionBlocks.icon2 {min-width:60px;}
.actionBlocks.icon4 {min-width:110px;}

#dashboardPage .table tr th, #dashboardPage .table tr td {vertical-align:top;}

.searchBox .languageBox {margin-right:20px; padding-right:20px; border-right:1px dotted #ccc; width:16%;}
.languageBox li {float:left; padding-right:10px;}
.searchBox .searchBtnOut { width:240px; padding-right:0;}
.searchBox .lastRecord{ width:18%;}
.searchBox .lastRecord.alignright { float:right; padding-right:0}
/*----Date Picker----*/
.ui-datepicker-prev span, .ui-datepicker-next span { }
.ui-datepicker {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.ui-datepicker { width: 17em;  padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .5em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; overflow:hidden; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } /*----Date Picker----*/
.eventCalOut { position:absolute; width:222px; right:-222px; float:right; top:70px; z-index:22; }
.calendarIcon { width:50px; height:52px; position:absolute; left:-50px; }
.calendarIcon span { background-position:-113px -27px; width:29px; height:29px; margin:10px; }
.calendarOut { padding:5px; }
.calendarOut .ui-datepicker {width:100%;}
.calendarOut .button { background-color:#2979ca; color:#fff; display:block; text-align:center; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.calendarOut .button:hover { background-color:#173C84; }
.ui-datepicker  tbody a { color:#fff; }
.ui-datepicker-title { font-size:18px; font-weight:normal; color:#fff; }
.ui-datepicker th { text-transform:uppercase; font-weight:normal; color:#fff; }


.ui-datepicker-prev, .ui-datepicker-next { width:25px; font-size:16px; height:25px; display:inline-block; margin:0; cursor: pointer; color:#fff; }
.ui-datepicker-prev span { background-position:-147px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; }
.ui-datepicker-next span { background-position:-175px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; }

.ui-datepicker td span, .ui-datepicker td a { text-align:center; line-height:20px; }
.ui-datepicker-trigger {display:none; width:30px; height:30px; margin:8px 0 0 15px; vertical-align:top; overflow:hidden; background:transparent !important; padding:0; margin:0; position:absolute; right:-45px; top:7px;}
.calIcon {background-position:-205px -107px; width:30px; height:30px; display:block; vertical-align:top;}


.loginBody #content {background:url(../images/login-bg.jpg) center top no-repeat; background-size:cover;}
.loginBox {width:560px; margin:0 auto; padding:30px; border-bottom:0; -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);} 
.loginBox ul {padding:15px; border:1px solid #ddd;}
.loginBox li {padding:5px 0; float:left; width:100%;}
.loginBox label {display:inline-block; width:30%; float:left; display:block; padding-top:8px;}
.loginBox input[type="text"], .loginBox input[type="password"] {width:68%; float:left;}
.captchBox input[type="text"] {width:40%;}
.captchImg {float:left; margin-left:5px; min-width:130px;}
.captchImg img {width:100px; height:35px;}
.captchImg .refreshIcon { margin:10px 0 0 10px; font-size:15px;}
.forgotPass {display:inline-block; margin-left:15px;}
.note {font-size:12px;}

.userGuideLink {position:absolute; right:20px; top:20px; text-align:right; width:30px; height:20px; font-size:24px; color:#bcbcbc;}

.addNewBtn, input[type="button"].addNewBtn, input[type="submit"].addNewBtn, button.addNewBtn {color:#fff; text-decoration:none; font-size:14px; position:absolute; right:0; top:0; line-height:40px; height:40px;}


.form>li {float:left; width:100%; padding-bottom:15px;}
.form .datepicker, .form .imageSizeBox {width:200px;}
.formLeft {float:left; width:20%; padding-top:7px; margin-right:2%;}
.formRight {float:left; width:78%; max-width:850px;}
.formBtnOut {border-top:2px solid #ddd; padding-top:25px; margin-top:15px;}
.formBtnOut button, .formBtnOut input[type="button"], .formBtnOut input[type="reset"], .formBtnOut input[type="submit"] {margin-right:15px;}
.mandatoryText {text-align:right;}

.noteBox {font-size:12px; padding-top:15px; color:#787878;}
span.noteBox {display:block;}
.noteBox p {margin-bottom:0;}

.radioOut label {padding:0 15px 0 5px; line-height:normal;}
.radioOut input {margin-top:3px;}
.uploadBox input[type="submit"] {padding:7px 10px; height:30px;}
.uploadBox input.smallBtn {padding:0 10px; margin-left:5px;}

.DescHeader{color:#e52e21;}
.controlPopI {position:relative;}
.controlImg {position:absolute; text-align:center; right:0; bottom:100%; border:1px solid #e3e3e3; z-index:999; width:300px; padding:10px; background-color:#fff; display:none;}
.controlImg img {width:100%;}

.js .noscriptTag {display:none;}
.noscriptTag {display:block; padding:5px 30px; text-align:center; background-color:#e52e21; color:#fff; position:relative; z-index:99999;}
.deleteBtnIcon {color:#e52e21; margin-left:10px;}

.panelHeading .backIconBtn {color:#fff; margin-right:5px; text-decoration:none;}
.photoCount {font-size:13px; vertical-align:middle; display:inline-block; margin-left:10px;}
.divCount {text-align:right; font-size:12px; padding:5px 0 0;}
.buttonOut {padding-top:15px;}

/*-------- UI Autocomplete --------*/
.ui-autocomplete{position:absolute;cursor:default; font-size:13px; background-color:#fff; border:1px solid #ccc; max-width:350px; max-height:375px;overflow-y:auto;overflow-x:hidden;}
* html .ui-autocomplete{width:1px;height:350px;}
.ui-menu{list-style:none;margin:0;}
.ui-menu .ui-menu{margin-top:-3px;}
.ui-menu .ui-menu-item{margin:0;padding:0;float:left; width:100%;}
.ui-menu .ui-menu-item a{text-decoration:none;display:block; padding:10px; color:#666; cursor:pointer;}
.ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-state-focus{background-color:#e7e7e7;}
.ui-helper-hidden-accessible {display:none;}
.ui-autocomplete-loading{background:url(../images/loading-16.gif) 93% center no-repeat;} 
/*-------- UI Autocomplete --------*/


/*----Page whise css----*/

/* Login Page */

.loginBody .logoArea {width:auto; float:none; text-align:center;}
.loginBody .copyrightText {float:none; width:auto; text-align:center;}


.configPage .table td{border:0 none; vertical-align:top;}
.configPage .table .noteBox {padding:5px 0 0;}
.configlist {max-height:300px; overflow:auto; margin-bottom:15px; line-height:20px;}
.developerSection .button {vertical-align:top;}
.developerSection input[type="submit"] {height:35px; margin-right:10px;}
.developerSection .greyBtn {min-width:120px;}

.galleryFilter {padding-bottom:10px; border-bottom:2px solid #ccc; margin-bottom:10px;}
.galleryFilter.bottom {padding-top:10px; border-top:2px solid #ccc; border-bottom:1px solid #ccc; margin-top:10px;}
.galleryFilter li label {display:block;}
.galleryPaging{overflow:hidden; padding:7px 0;}
.galleryPaging table {vertical-align:top;}
.activeAllLink {margin-right:5px;}
.recordPage {float:left; width:100px;}
.goToPage {float:right; width:100px;}
.galleryPages {text-align:center;}
.galleryPages table {display:inline-block; vertical-align:top; margin:0 5px;}
.galleryPages table td {padding:0 5px;}
.prevPageIcon, .nextPageIcon {display:inline-block; margin:0 5px;}
.galleryPages .aspNetDisabled {color:#666; text-decoration:none;}


.notFound { text-align:center; color:#e52e21; font-size:20px; padding:50px 0;} 
span.notFound {display:block;}
tr.notFound > td {padding:50px 0;}
.galleryListing {padding:20px 0;}
.galleryListing > ul >li {float:left; width:280px;}
.galleryItmBlock {border:1px solid #ccc; margin:10px; position:relative;}
.galleryItemBtn {  text-align:center; padding:8px 0;}
.galleryItemBtn a {text-decoration:none; display:inline-block; margin:0 3px; font-size:15px;}


.galleryImg img, .galleryImg object, .galleryImg embed {width:100%;}
.imageTitle { color:#fff; font-size:13px; text-align:center; height:50px; line-height:17px; position:relative;  overflow:hidden; text-overflow:ellipsis; text-overflow-multiline:ellipsis;}
.imageTitle span {display:block; width:100%; text-align:center; overflow:hidden;}

/*----image thumb----*/
.thumb-container, .thumb-inner, .thumb-img { border: 0; display: block; display: inline-block; height: 100%; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; }
.thumb-container  { background-color:#efefef; height: 220px; margin: 0; padding: 0; width: 100%; }
.thumb-container a, .thumb-container img { border: 0; margin: 0; }
.thumb-center img, .thumb-strip, .thumb-icon { position: absolute; }
.thumb-center img { margin-left: 50%; margin-top: 50%; }
.thumb-strip, .thumb-icon { display:none;}

.galleryImg { width:auto; height:auto; margin:0; padding:0; overflow:hidden; position:relative; text-align:left }
.galleryImg img.nailthumb-image { margin:0; padding:0; max-width:none; text-align:left; float:left }
.galleryImg span.nailthumb-title { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom:0; color:#fff; display:block; font-size:9px; height:20px; left:0; margin-top:2px; line-height:20px; position:relative; text-align:center; width:100%; overflow:hidden; float:left }
.galleryImg span.nailthumb-title .nailthumb-title-scroller { padding-left:2px }
.galleryImg img { max-width:none; text-align:left }

/*----image thumb----*/

.uploadifyQueueItem > .cancel > a > img {display:none;}
.multiUpload {padding:0 0 15px;}
.uploadifyQueue {padding-top:10px;}
.uploadifyQueueItem {padding:5px 0;}
.uploadifyQueueItem i {margin-right:10px;}


/*Audit Trail*/
.auditTrailSearch li { width:100%; padding-bottom:10px;}
.checkBoxList li { float:left; width:auto;}
.checkBoxList li div { padding:2px 0}


/*Email Listing -> Send Newsletter page*/
.emailList { margin-top:10px; overflow-x:hidden; overflow-y:auto; height:250px; border:1px solid #ddd; padding:5px 10px;}
.searchBox .sendNewsletterBtn {float:right; text-align:right;}

/*Document / name replace by text field*/
.onlyTextFiled { padding-top:7px;}

/*----- User Management -----*/
.userPhoto {padding:3px; border:1px solid #ddd; margin-right:10px;}

/*----- Photo Gallery -----*/
.uploadifyQueueItem .fileName{}
.uploadifyProgress{width:100%; height:5px; background-color:#e7e7e7; margin-top:10px;}
.uploadifyProgressBar{width:0; height:5px; background-color:#ddd;}

/*Page Managment*/
.pageAdminTable .actionLink {min-width:300px;}

.spacer_name_2 {padding-left:10px;}
.spacer_name_3 {padding-left:20px;}
.spacer_name_4 {padding-left:30px;}
.spacer_name_5 {padding-left:40px;}
.spacer_name_6 {padding-left:50px;}
.spacer_name_7 {padding-left:60px;}
.spacer_name_1 {}
.deleteIcon, .deleteBtnIcon {font-size:15px;}

.pageAdminPageI {font-size:13px; margin-right:3px;}
/*.DeactiveMainMenu {background-color:#f4fbf2;}*/
.pageAdminTable  .UnPublish {background-color:#f2f6fa}

.DeactiveColor  {color:#19af39}
.SystemPageColor {color:#e52e21;}
.UnActive {color:#e9662c; font-style:italic; font-style:oblique;}
.parentMenuTable { height:250px; overflow:auto; border:1px solid #ddd; padding:10px 15px;}
.selectedParent {background-color:#efefef;}
.parentMenuTable table {}
.parentMenuTable table tr td {padding:0;}
.parentMenuTable table tr th {display:none;}
.parentMenuTable table td>div>div {padding:3px 10px;} 

.pagePath {text-transform:uppercase; }
.searchBox .pagePublishBtn {float:right; padding-right:0;}

.urgentAttTable .addPageIcon {display:none;}
.cursorPointer {cursor:default;}
.pageManagmentPage .searchBox li {width:27%;}
.pageManagmentPage .searchBox .searchBtnOut {width:125px;}

.deletePagePop > span {display:block; padding-bottom:15px;}
.pageEditNode .checkboxOuter .radioOut {padding-top:5px;}
.checkboxOuter:hover {background-color:#f5f5f5;}

/*summary page button css*/
.siteSummeryBtn {position: absolute;right: 0;top: 0;}
.siteSummeryBtn .blueBtn{font-size: 14px;height: 39px;line-height: 40px;margin-left: 5px;text-decoration: none;}
/* -------------------- Image Croping ------------------------*/

/* jQuery Resize And Crop (jrac) */
.jrac_viewport_out {width:1004px; overflow-x:auto;overflow-y:hidden; }
.jrac_viewport { position: relative; overflow: hidden; border:1px solid #ccc; background-image: url(../images/viewport_background.gif); }
.jrac_loading { background-image: url(../images/loading-36.gif); background-repeat:no-repeat; background-position:center; position: absolute; top:0; left:0; right:0; bottom:0; }
.jrac_crop { position: absolute; border: 1px dashed #000; }
.jrac_crop_drag_handler { position: absolute; top:0; left:0; right:0; bottom:0; background-color: #fff; opacity: .1;  filter: alpha(opacity = 10); }
.jrac_viewport img, .jrac_crop_drag_handler { cursor: pointer; }

.jrac_viewport { width:1000px; height:600px; margin:1px auto; }
.cropingSheild, #ContentPlaceHolder1_MdpCroppig_backgroundElement {background-color:#000; opacity:.6; position:fixed; left:0; right:0; width:100%; top:0; bottom:0; height:100%; z-index:99;}
#popcrp{ background-color:#fff; position:absolute !important;}
.cropingInput {padding:15px;}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ui-slider .ui-state-default { background-color:#fff; border:1px solid #.jrac_viewport;}
.jrac_zoom_slider {background-color:#798A99; margin:0 auto;}
.ui-slider .ui-state-active {background-color:#000; border-color:#fff;}

.coords li {padding-right:10px; width:25%; text-align:center;}
.coords li input[type="text"] {width:100px;}
.origianlSize {font-size:12px; padding:10px 15px 0; text-align:right;}
.cropPosition, .imageSize {display:none;}

.fixedErrorMsg {background-color:rgba(233,48,30,0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:55px; z-index:99999; width:100%; text-transform:uppercase; display:none;}
.fixedSuccessMsg {background-color:rgba(20,155,65,0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:55px; z-index:99999; width:100%; text-transform:uppercase; display:none;}


.left-side-full .pageContent {min-height:840px;}
.templatesNameList ul { margin:0; padding: 0; list-style: none; }
.templatesNameList ul li { display: inline-block; vertical-align: middle; margin-right:5px;margin-bottom:5px;}
.templatesNameList ul li a { text-decoration:none;background-color: #11a4e6; padding: 8px 12px; color:#fff; display:block; }
.templatesNameList ul li a:hover {background-color: #e9662c;}


.eventMangementPage ul li.bttonBoxWrap {
    width: 425px;
    padding-top: 28px;
}
.eventMangementPage ul li.leftMargin {
    margin-left: 175px;
}

.formLeft17 {
    float: left;
    width: 17%;
    padding-top: 7px;
}

.formRight {
    float: left;
    width: 78%;
    max-width: 850px;
}

.formRight50 {
    float: left;
    width: 28%;
    max-width: 850px;
    padding-right: 10px;
}

.M4 {
    margin-right: 4%;
}



/*12/04/2023 New Style Start*/
.searchFilter ul.searchBox li select { height:35px; }
.searchFilter ul.searchBox li input[type="submit"] { height:35px; }
.formRight input[type="radio"] { margin-top: 2px; }
.formRight label { padding: 0 20px 0 5px; line-height: normal; }
.eventFilledBox .form > li { float: left; width: 100%; padding-bottom: 20px; }
.eventFilledBox .form > li select { height: 38px; }
.clsthemeSelection { width: auto; background: #f1f1f1; color: #098AC4; font-weight: normal; font-size: 19px; text-align: center; padding: 6px 15px; display: block; max-width: 330px; border-radius: 7px; line-height: 25px; }
.clsthemeSelection strong { color: #003f5b; padding: 0 6px; }
.uploadBox .browseButton { background-color: #11a4e6; padding: 5px 8px; width: 100%; color: #fff; font-size: 16px; font-weight: normal; margin-bottom:5px; }
.ContentPlaceHolder1-txtEventName { margin-bottom: 7px; }
.charStatus { color: #f00; font-weight: normal !important; font-size: 15px; }
.browseImageLink { font-size: 17px; padding: 8px 15px; display: inline-block; font-weight: normal; background: #f1f1f1; text-decoration: none; color: #098AC4; }
.browseImageView { font-size: 17px; padding: 10px 8px; display: inline-block; font-weight: bold; background: #f1f1f1; text-decoration: none; }
.browseImageDelete { font-size: 17px; font-weight: normal; color: #fff; text-decoration: none; margin-left: 25px; float: right; padding: 6px 10px; border: 0; display: table; background: #f00; }
.imgInstructionBox { padding: 10px; border: 1px solid #ccc; }
.noteBox { margin-bottom:5px; }
.noteBox p { margin-bottom: 0; font-size: 15px; color: #393939; }
.documentLink { padding: 10px; width: 100%; display: inline-block; text-align: center; background: #f1f1f1; }
.documentLink a { color: #393939; font-size: 19px; }
.templateInstruction { padding: 10px; border: 1px solid #ccc; }
.templateInstruction p { font-size: 15px; }
.howToUseTemplateStep p { margin-bottom:15px; font-size: 15px; }
.howToUseTemplateStep p:last-child { margin:0; }
.stepNumber { font-weight: bold; color: #e9662c; background: #f1f1f1; margin-right: 10px; padding: 5px 8px; }
ul.evLogin li select {	height: 36px;}
/*12/04/2023 New Style End*/

/*Campaign Dashboard Style Start*/
.fourCategoriesBox { margin: 0 -10px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.fourCategoriesBox li { top: 0 !important; padding: 0 10px; float: left; width: 25%; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; position: relative; margin-bottom: 20px; text-align: center; }
.categoriesBox { padding: 15px; border-radius: 15px; }
.separateCategoriesBox { display: block; color: #fff; font-size: 20px; padding-bottom:15px; text-transform:uppercase; }
.separateCategoriesCount { display: block; font-size: 28px; color: #fff; font-weight:bold; }
.themeBg { background-color: #ff6170; }
.eventsBg { background-color: #11a4e6; }
.campaignsBg { background-color: #083e55; }
.janbhagidariBg { background-color: #725a7a; }
.chartSection ul.searchBox li { float: right; width: 25%; margin: 15px 25px 15px 0; }
.counter { }
/*Campaign Dashboard Style End*/