@charset "utf-8";
/*======================================================================
Site Name: Invitation Management System
Theme URI: https://sttlvss.silvertouch.com/svn/htmlcodebank/html
Description: this site is developed by STTL
Version: 1.0
Author: Web Team
------------------------------------------------------------------------
Base Color: #fff (White)
Site Color: #3b4d69 (Dark Blue)
Header Color: #fff (white)
Text Color: #4d4d4d (Dark Grey)
Title Color: #233150 (Dark blue), #fff (white)
Footer Color: none 
------------------------------------------------------------------------
Layout Width: 100%
Container Width: 1170px
Responsive Layout: Yes
=======================================================================*/
/********** font-face************/
@font-face {
  font-family: 'DroidSerif';
  src: url('fonts/DroidSerif.eot?#iefix') format('embedded-opentype'),  url('fonts/DroidSerif.woff') format('woff'), url('fonts/DroidSerif.ttf')  format('truetype'), url('fonts/DroidSerif.svg#DroidSerif') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'DroidSerif';
  src: url('fonts/DroidSerif-Italic.eot?#iefix') format('embedded-opentype'),  url('fonts/DroidSerif-Italic.woff') format('woff'), url('fonts/DroidSerif-Italic.ttf')  format('truetype'), url('fonts/DroidSerif-Italic.svg#DroidSerif-Italic') format('svg');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'DroidSerif';
  src: url('fonts/DroidSerif-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/DroidSerif-Bold.woff') format('woff'), url('fonts/DroidSerif-Bold.ttf')  format('truetype'), url('fonts/DroidSerif-Bold.svg#DroidSerif-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'DroidSerif';
  src: url('fonts/DroidSerif-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/DroidSerif-BoldItalic.woff') format('woff'), url('fonts/DroidSerif-BoldItalic.ttf')  format('truetype'), url('fonts/DroidSerif-BoldItalic.svg#DroidSerif-BoldItalic') format('svg');
  font-weight: 700;
  font-style: italic;
}
/********* Reset CSS *********/

*, *:before, *:after {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;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}html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:  100%;}a {text-decoration:underline;color:#fff;}a:focus {outline:0 none;}a:hover,a:active {outline:0;}a:hover {text-decoration:none;color:#393939;}h1,h2,h3,h4,h5,h6 {font-weight:normal;}b,strong,dt,th {font-weight: bold;}em, i { font-style:italic;}p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin:0; padding:0;}img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle; max-width:100%; height:auto;}figure {margin:0;}legend {white-space:normal;}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 }table{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;}table table { margin:0}th,td {border:none; padding:8px 10px}caption,th,td {font-weight: normal;}

/********* Form fields *********/

button,input,select,textarea {margin: 0;vertical-align: baseline; background-color:transparent; border:none;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;}
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="password"],input[type="search"], select, textarea{border:1px solid #fdfdfd; width:100px; height:55px; padding:0; font-size:100%; line-height:normal; background:#fdfdfd; color:rgba(0,0,0,0.8);}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px 0 0;}
input[type="checkbox"]{-webkit-appearance: checkbox;}
input[type="radio"] {-webkit-appearance:radio}
input[type="submit"], input[type="button"],input[type="reset"],button,.button{line-height:20px;padding:4px 10px;display:inline-block; text-decoration:none; border:0 none; margin:0; outline:0 none;}
textarea {overflow:auto;vertical-align: top; resize:vertical;height:100px; max-width:100%; min-width:100%; max-height:500px; min-height:90px;}
fieldset {border:0 none;margin:0;padding:0}
label {display:inline-block; padding-bottom:5px; font-weight:normal;}

/********* Clear floats *********/

.cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before {content:" ";display:table}
.cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after{clear:both}

/********* Common Classes *********/

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:20px 0;padding:0}
body,button,input,select,textarea {color:#393939;font-family: 'DroidSerif';font-size:14px; /*font-size:14px;*/ line-height:22px;}
body {background-color:#fff;} 
h1 {font-size: 2.308em;}
h2 {font-size: 2.000em;}
h3 {font-size: 1.692em;}
h4 {font-size: 1.538em;}
h5 {font-size: 1.385em;}
h6 {font-size: 1.231em;}
ul {padding:0 0 0 15px;}
ol { padding:0 0 0 20px}
ul ul,ol ol { margin:10px 0}
ul.bulletText { list-style:none; padding:0;}
ul.bulletText li {background:url(../../img/front/right-arrow.gif) no-repeat left 7px;padding:2px 0 2px 15px;}
p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin: 0 0 25px;}
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="password"],input[type="search"], select, textarea{border:1px solid #fdfdfd;width:100%;height:55px; padding:5px 15px;}
input[type="submit"], input[type="button"],input[type="reset"],button,.button{ background-color: #233150; color:#fff; border:1px solid #233150;}
input[type="submit"]:hover, input[type="button"]:hover,input[type="reset"]:hover,button:hover,.button:hover{color:#fff;}
input[type="submit"].cancelBtn, button.cancelBtn, input[type="button"].cancelBtn,input[type="reset"].cancelBtn {background-color:#888;}
.alignLeft { float:left}
.alignRight { float:right;}
.displayNone, .hasJS noscript, .hideThis{display:none!important;visibility:hidden}
.jsRequired { display:block; background-color:#C00; color:#fff; width:100%; line-height:30px; text-align:center; font-size:12px; border:0 none;}
.mrgAuto {margin-right:auto; margin-left:auto;}
.mrgT20 {margin-top:20px;}.mrgL20 {margin-left:20px;}.mrgR20 {margin-right:20px;}.mrgB20 {margin-bottom:20px;}.mrgT10 {margin-top:10px;}.mrgL10 {margin-left:10px;}.mrgR10 {margin-right:10px;}.mrgB10 {margin-bottom: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;}.pad30 {padding:30px;}
.width100p {width:100%;}.width90p {width:90%;}.width80p {width:80%;}.width70p {width:70%;}.width60p {width:60%;}.width50p {width:50%;}.width40p {width:40%;}.width30p {width:30%;}.width20p {width:20%;}.width10p {width:10%;}

.fileSize {font-size:12px; display:inline-block; vertical-align:middle; margin-left:3px;}
.extIcon {vertical-align:middle; margin-left:3px;}
.rsIcon { display:inline-block; margin-right:2px; height:11px; text-indent:-999px; overflow:hidden; width:11px; background:url(../../img/front/rupee.png) left top no-repeat; }
.bold {font-weight:bold;}
.italic {font-style:italic;}
.longWord, .wordBreak {word-wrap: break-word;}

/********** Image Formating & Alignment **********/

.imgLeft{float:left; margin-right:20px; margin-bottom:20px;}
.imgRight{float:right; margin-left:20px; margin-bottom:20px;}
.imgCenter{float:none; margin-bottom:20px; margin-left:auto; margin-right:auto; display:block;}
.imgBorder { border:1px solid #ccc; padding:5px}
.rounded {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.shadow {-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2); padding:4px;}

/********** Alignment **********/

.left{text-align:left !important}
.right{text-align:right !important}
.center{text-align:center !important}
.justify{text-align:justify !important}

/********** Error/Alert Messages **********/

.message{padding:10px 38px 10px 10px;margin-bottom:20px;border:1px solid transparent; position:relative;}
.message.success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.message.success a {color: #2b542c;}
.message.error {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.message.error a{color: #843534;}

/********** Table **********/
.tableOut { overflow-y:hidden; overflow-x:auto}
table, .tableData{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;}
table table, .tableData table { margin:0}
th,td, .tableData th, .tableData td {border:none; padding:15px 10px;border-bottom:1px solid #d2d7dd;border-right:1px solid #d2d7dd; color:rgba(0,0,0,0.8); text-align:left;}
.tableData th{padding:15px 10px; text-align:center;}
table tr:nth-child(odd) td, .tableRowOdd{background-color:#c3c5d3;}
caption,th,td {font-weight: normal; background:#fdfdfd;}
th, .tableData th{background:#004948; color:#fff; font-size:14px; text-align:left;}
.tableScroll { overflow-y:hidden; overflow-x:auto} 

/* ******** Grid : 12 Coloum and Boxs ******** */

.example div div, .example .boxs li {border:1px solid #eee; margin-bottom:15px; padding-top:15px; padding-bottom:15px}
.row { margin:0 0 20px;}
.cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 {float:left; padding-left:15px; padding-right:15px;}
.cols12 {width:100%}
.cols11 {width:91.66666667%}
.cols10 {width:83.33333333%}
.cols9 {width:75%}
.cols8 {width:66.66666667%}
.cols7 {width:58.33333333%}
.cols6 {width:50%}
.cols5 {width:41.66666667%}
.cols4 {width:33.33333333%}
.cols3 {width:25%}
.cols2 {width:16.66666667%}
.cols1 {width:8.33%}
.boxs {list-style:none; padding:0; margin:0; }
.boxs2 { margin-left:-2%; }
.boxs3 { margin-left:-2%; }
.boxs4 { margin-left:-2%; }
.boxs5 { margin-left:-2%; }
.boxs6 { margin-left:-2%; }
.boxs > li, .boxs > div { float:left; min-height:1px; margin-left:30px; }
.boxs2 > li, .boxs2 > div { width:48%; margin-left:2%; }
.boxs3 > li, .boxs3 > div { width:31%; margin-left:2%; }
.boxs4 > li, .boxs4 > div { width:23%; margin-left:2%; }
.boxs5 > li, .boxs5 > div { width:18%; margin-left:2%; }
.boxs6 > li, .boxs6 > div { width:14.6%; margin-left:2%; }

.boxBorder {padding:5px; border:1px solid #ccc;}

/********* Navigation *********/

.mainNavigation { margin:0; position:relative; background:#007473; clear:both;}
.toggleMenu { display:none; padding:15px; text-decoration:none }
.toggleMenu .mobileMenu { font-size:1.250em; color:#fff; }
.toggleMenu .iconBar { float:right; width:25px; height:25px; background:url(../../img/front/mobile-menu.png) no-repeat center center; }
#nav, #nav ul { list-style:none; margin:0; padding:0;}
#nav li { float:left; margin:0; padding:0; position:relative; display:inline }
#nav li a { padding:5px 27px; line-height:36px; color:#fff; font-size:/*1.067em*/16px; display:inline-block; text-decoration:none }
#nav ul {width:300px; top:100%; padding:0; left:0; position:absolute;}
.hasJS #nav ul{opacity:0; transition: opacity 400ms linear; -webkit-transition: opacity 400ms linear; }
#nav ul li { float:left; height:auto; width:100%; margin:0; padding:0; }
#nav ul li a { display:block; background-color:#dbdbdb; font-size:1em; line-height:24px; color:#060613; border:none; border-top:1px solid #e4e3e3; padding:5px 15px 5px 15px; text-align:left; }
#nav ul ul {top:0; left:300px } /*#nav a:hover, .noJS #nav a:focus, #nav ul .hover > a, #nav ul .focus > a { color:#fff }*/
#nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected { color:#7fb6e9 }
#nav ul, #nav :hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left:-9999px }
#nav li:hover > ul, #nav li.hover > ul, #nav li.focus > ul, #nav a:focus + ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus { margin-left:0 }
#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a { background-color:#dbdbdb; color:#060613 }
#nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a { background-color:#e9e9e9; color:#060613 }
#nav ul li.focus > a { background-color:#e9e9e9; color:#060613; display:block; }
#nav .menuIcon {display:none; position:absolute; right:5px; top:20px; width:9px; height:9px;}
#nav li .menuIcon { background:url(../../img/front/down-arrow.gif) no-repeat right center; z-index:10}
#nav li li .menuIcon {display:block; background:url(../../img/front/right-arrow.gif) no-repeat right center; top:13px; right:10px;z-index:11}
#nav li li li .menuIcon  { z-index:12}
#nav li .menuIcon.active { transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.noJS #nav ul a:focus { width:200px; }
.noJS #nav ul a:focus, .noJS #nav ul a:focus + ul { margin-left:9999px }
.noJS #nav ul a:active { margin-left:0 }
.hasJS .menuPart #nav a:focus + ul,.hasJS  .menuPart #nav li.focus > ul,.hasJS  .menuPart #nav li.hover > ul,.hasJS  .menuPart #nav li:hover > ul,.hasJS  .menuPart #nav ul ul{ opacity: 1; }

/* ******** Index Slider ******** */

.indexBanner { position:relative}
.indexBanner .sliderBanner .item{ height:300px;}
.noJS .indexBanner {height:302px; overflow:hidden}

/********** Owl Carousel **********/

.owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
.owl-height {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */position: relative;z-index: 1;}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;/* fix for flashing background */-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0;display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel .owl-refresh .owl-item {display: none;}
.owl-carousel .owl-item {position: relative;min-height: 1px;float: left;}
.owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d;}
.owl-carousel .owl-grab {cursor: move;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}
.owl-carousel .owl-item img {transform-style: preserve-3d;}
.owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000;}
.owl-carousel .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px; cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;-webkit-transition: scale 100ms ease;-moz-transition: scale 100ms ease;-ms-transition: scale 100ms ease;-o-transition: scale 100ms ease;transition: scale 100ms ease;}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {display: none;}
.owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}
.owl-carousel .owl-video-frame {position: relative;z-index: 1;}
.owlCarousel .item { border:1px solid #ddd; text-align:center; height:100px; line-height:100px;}
.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot, .noJS .owl-dots .owl-dot{display:inline-block;}
.owl-theme .owl-dots .owl-dot span, .noJS .owl-dots .owl-dot a{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span,.noJS .owl-dots .owl-dot.active a{background:#869791}
.noScript { display:none;} 
.no-js .owl-carousel {display: block;}
.noJS .owl-controls {position:absolute; left:0; bottom:-40px; width:100%; text-align:center;-webkit-tap-highlight-color:transparent}
.noJS .owl-controls.noScript { display:block;} 
.noJS .sliderBanner .item { position:relative;}
.noJS .carouselBlock { margin-right:-10px;}
.noJS .carouselBlock .item { width:220px; margin:0 10px 10px 0; float:left;}

/********** Responsive Tab **********/

.resTab {position: relative;}
.resTab .tabNav {margin:0;padding: 0; list-style:none}
.resTab .tabNav li {display: inline-block;margin: 0;position: relative;background-color: #ccc;}
.resTab .tabNav li a {display: inline-block;padding: 10px 12px;text-decoration: none;font-size: 14px;font-weight: bold;color: #666;}
.resTab .tabNav .r-tabs-state-active a {color: #fff;text-shadow: none;background-color: #007473;}
.resTab .tabContent {padding: 15px;display: none;}
.resTab .r-tabs-panel.r-tabs-state-active {display: block;}
.resTab .r-tabs-accordion-title {display:none;}
.resTab .tabNav .r-tabs-state-disabled {opacity: 0.5;}
.resTab .r-tabs-accordion-title .r-tabs-anchor {display: block;padding: 10px;background-color: #00c5ad;color: #fff;font-weight: bold;text-decoration: none;}
.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #fff;color: #00c5ad;text-shadow: none;}
.resTab .r-tabs-accordion-title.r-tabs-state-disabled {opacity: 0.5;}
.noJS .resTab .tabContainer { height:150px; overflow:hidden}
.noJS .resTab .tabContent { display:block; height:150px}

/********* Back to Top **********/

#backtotop{background:url(../../img/front/backtotop.png) no-repeat;cursor:pointer;display:none;height:17px;width:32px;overflow:hidden;position:fixed;right:10px;bottom:20px;text-indent:-99999px;z-index:999; display:none}

/*********  Accordion ******** */

.accordion { margin-bottom:20px;}
.accordion .accTrigger {background:#f1f1f1 url(../../img/front/plus.png) 99% 10px no-repeat;padding-left:20px; cursor:pointer; font-weight:bold; border-bottom:1px solid #d1d1d1;  padding:5px 10px 5px 20px; margin-bottom:5px; color:#007473;}
.noJS .accordion .accTrigger {background:#f1f1f1; padding-left:0}
.accordion .accTrigger a {display:block;text-decoration:none;outline:0}
.accordion .accTrigger.active {background:#007473 url(../../img/front/minus.png) 99% 10px no-repeat !important; padding:5px 10px 5px 20px; color:#fff;}
.accordDetail {padding:0; display:none}
.noJS .accordDetail { display:block; padding:10px 0}

/*********  Marquee *********/

.marquee {overflow:hidden;}
.marqueeScrolling li { float:left; margin-right:25px;}
.noJS .btnMPause { display:none;}
.noJS .marqueeScrolling { overflow-y:hidden; overflow-x:auto}
.noJS .marquee{ width:240%}

/********** Ticker *********/

.noJS .ticker .stop{ display:none}
.noJS .ticker ul{ margin:0}
.noJS .ticker .tickerDivBlock { height:150px; overflow-y:scroll; overflow-x:hidden;}

/*********  gmap3 - Google Map API *********/

.gmap3 {border: 1px dashed #C0C0C0;width: 100%;height: 400px;}
.gmap3 img { max-width:inherit}
.noJS .gmap3 {}

/*********	LiteBox v1.3 **********/
.litebox-overlay,.litebox-overlay > * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}.litebox-overlay {display: none;width: 100%;min-width: 280px;text-align: center;position: fixed;top: 0;left: 0;z-index: 9999;}@-webkit-keyframes liteboxLoader {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}@-moz-keyframes liteboxLoader {0% { -moz-transform: rotate(0deg); }100% { -moz-transform: rotate(360deg); }}@-ms-keyframes liteboxLoader {0% { -ms-transform: rotate(0deg); }100% { -ms-transform: rotate(360deg); }}@-o-keyframes liteboxLoader {0% { -o-transform: rotate(0deg); }100% { -o-transform: rotate(360deg); }}@keyframes liteboxLoader {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}.litebox-overlay .litebox-loader {position: absolute;width: 40px;height: 40px;left: 20px;top: 20px;border: 3px solid #111;border-right-color: #fff;border-radius: 50%;-webkit-animation: liteboxLoader 1s linear infinite;-moz-animation: liteboxLoader 1s linear infinite;-ms-animation: liteboxLoader 1s linear infinite;-o-animation: liteboxLoader 1s linear infinite;animation: liteboxLoader 1s linear infinite;}.litebox-overlay .litebox-text {width: 100%;padding: 0 15px;background: rgba(0, 0, 0, 0.5);color: #fff;font-size: 12px;line-height: 50px;position: absolute;bottom: 0;z-index: 2;-webkit-opacity: 0;-khtml-opacity: 0;-moz-opacity: 0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);opacity: 0;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}.litebox-overlay .litebox-text.active {-webkit-opacity: 1;-khtml-opacity: 1;-moz-opacity: 1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter: alpha(opacity=100);opacity: 1;}.litebox-overlay .litebox-close {width: 40px;height: 40px;background: url(../../img/front/litebox-close.png) no-repeat center;opacity: .7;position: absolute;top: 20px;right: 20px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}.litebox-overlay .litebox-close:hover {opacity: 1;cursor: pointer;}.litebox-overlay .litebox-nav {display: none;width: 60px;height: 60px;margin-top: -30px;opacity: .2;position: absolute;top: 50%;z-index: 9999999;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}.litebox-overlay .litebox-nav:hover {opacity: .5;cursor: pointer;}.litebox-overlay .litebox-prev {background: url(../../img/front/litebox-prev.png) no-repeat center;left: 20px;}.litebox-overlay .litebox-next {background: url(../../img/front/litebox-next.png) no-repeat center;right: 20px;}.litebox-overlay .litebox-container {position: absolute;top: 10%;right: 10%;bottom: 10%;left: 10%;overflow: hidden;}.litebox-overlay .litebox-container.litebox-scroll { overflow-y: auto; }.litebox-overlay img,.litebox-overlay iframe {display: inline-block;max-width: 100%;max-height: 100%;margin: 0 auto;vertical-align: middle;overflow-x: hidden;}.litebox-overlay iframe {width: 100%;height: 100%;position: relative;z-index: 999999;}.litebox-overlay .litebox-inline-html {width: 100%;padding: 20px;background: #FFF;line-height: normal;overflow-x: hidden;line-height: normal !important;position: absolute;}.litebox-overlay .litebox-error {width: 100%;height: 100%;color: #FFF;text-align: center;line-height: inherit;}.litebox-overlay .litebox-error span {background: rgba(0, 0, 0, .9);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 20px;color: #FFF;text-shadow: 1px 1px 0 #000;line-height: normal;}@media only screen and (max-width: 479px) {.litebox-overlay .litebox-close { display: none; }}

/*----Date Picker----*/
.ui-datepicker, .eventCalOut, .calendarIcon { background-color:#e7e8eb; }
.ui-datepicker th, .ui-state-highlight { background-color:#233150;}
.ui-state-active, .ui-datepicker tbody a:hover { background-color:#4d4d4f; color:#fff; }
.ui-datepicker-prev span, .ui-datepicker-next span { }
.ui-datepicker { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.ui-datepicker { width:21em; padding:0; display: none; border:0 none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .35em 0; background:#007473; border:0 none; border-radius:0; -webkit-border-radius:0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 7px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left: 2px; color:#fff; text-indent:-9999px; }
.ui-datepicker .ui-datepicker-next { right: 2px; color:#fff; text-indent:-9999px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: -12px; font-size:0.750em; background:none; position:relative; }
.ui-datepicker .ui-datepicker-prev span:before { content:"\f100"; position:absolute; font-size:22px; color:#fff; left:0; top:50%; margin-top:-11px; font-family:'FontAwesome'; text-indent:0; font-weight:normal; }
.ui-datepicker .ui-datepicker-next span:before { content:"\f101"; position:absolute; font-size:22px; color:#fff; right:0; top:50%; margin-top:-11px; font-family:'FontAwesome'; text-indent:0; font-weight:normal; }
.ui-datepicker .ui-datepicker-next:hover span:before, .ui-datepicker .ui-datepicker-prev:hover span:before { color:rgba(255,255,255,0.7); }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:13px; margin: 5px 1%; height:25px; background-color:#fff; padding:0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 48%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border:0 none; }
.ui-datepicker th { padding:0; text-align: center; font-weight: 600; border: 0; width:32px; height:36px; line-height:36px !important; vertical-align:middle; font-size:13px; }
.ui-datepicker th span { text-transform:none; font-weight:600; }
.ui-datepicker td { border: 0; padding: 1px; background-color:transparent; }
.ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd {
background-color:transparent;
}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding:0; text-align: right; text-decoration: none; width:32px; height:32px; line-height:32px !important; vertical-align:middle; border-radius:0; -webkit-border-radius:0; border:0 none; font-size:13px; }
.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; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background:#f18715; border:0 none; }
.ui-datepicker-today a.ui-state-default.ui-state-highlight { background:#007473; color:#fff; font-weight:600; } 
/*----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:#4d4d4f; }
.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; } 
/**************date timepicker***********/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px;  color:#4d4d4d; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: #ffff; color: inherit; border:1px solid #bebebe; outline: none; width: 100%; color:#4d4d4d; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px;}
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
/****************time SLider************/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.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: -.3em; 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-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.ui-slider{background:#ffffff; border:1px solid #bebebe;}
.ui-slider .ui-slider-handle{background:#233150; border:1px solid #233150;}
.ui-datepicker .ui-datepicker-buttonpane button{background:#233150; color:#fff; border-color:#233150;}
.ui-datepicker .ui-datepicker-buttonpane button:hover{background:#233150; color:#fff; border-color:#233150;}
/*==========================================================================================================================*/
/*================================================ Main CSS Theme Start ====================================================*/
/*==========================================================================================================================*/

/********** Layout **********/
html, body{min-height:100%; height:auto;}
.container { margin:0 auto; width:100%; max-width:1170px;}
#content {}
.content {}
.sidebar {}
.fullWidth {}
#wrapper{min-height:100%; position:absolute; width:100%; height:auto; padding-bottom:50px;}
body{background:#fff;}
#wrapper.loginPageBg{background:url(../../img/front/login-bg.jpg) center top no-repeat; border-top:15px solid #3c3ca3;  background-size:cover;}
#wrapper.innerPageBg{/*background:url(../../img/front/innerpage-bg.jpg) center top no-repeat; background-size:cover;*/ background:url(../../img/front/body-bg.jpg) repeat;}
#wrapper.dashBaordBg{}
/********** Header **********/
#header{width:100%; background:#fff;}
#header .headerLeft{float:left;}
#header .headerRight{float:right;}
.loginUserDetail{margin-top:12px; position:relative;}
.loginUserDetail .userImg, .loginUserDetail .userDetail{display:inline-block;}
.loginUserDetail .userImg img{max-width:41px; min-width:41px; max-height:41px; min-height:41px; height:auto; width:auto; border-radius:50%; -webkit-border-radius:50%;}
.loginUserDetail .userDetail{margin-left:5px;}
.loginUserDetail .userDetail > a{font-size:15px; color:#000000; position:relative; padding-right:25px; text-decoration:none;}
.loginUserDetail .userDetail > a:before{position:absolute; border-left:5px solid transparent;  border-right:5px solid transparent;  border-top:7px solid #233150; content:""; right:0; top:50%; margin-top:-4px;}
.topStrip{border-bottom:0 none; padding:12px 0 12px;}
.topStrip .logo{margin-bottom:0; padding:0;}
.userDetailDrpPopup{position:absolute; right:0; top:103%; width:220px; padding:15px; background:#3c3ca3; z-index:99999; display:none;}
.userDetailDrpPopup:before{position:absolute; border-left:12px solid transparent;  border-right:12px solid transparent;  border-bottom:10px solid #3c3ca3; content:""; right:10px; top:-10px;}
.userDetailDrpPopup ul{margin:0; padding:0; list-style:none;}
.userDetailDrpPopup li{color:#fff; font-size:15px; margin-bottom:5px;}
.userDetailDrpPopup li .profileName{font-size:18px; font-weight:700; color:rgba(255,255,255,0.7);}
.userDetailDrpPopup li i{width:25px; margin-left:10px;}
.userDetailDrpPopup .userProfileLinks li a{color:#fff; text-decoration:none;}
.userDetailDrpPopup .userProfileLinks li a:hover{color:rgba(255,255,255,0.6);}
/**************Login Page*********/
.loginpageWrap{position:relative; min-height:100%; width:100%; left:0; top:0; height:auto; }
.loginFormWrap .copyRight{color:#fff; text-align:center;}
.loginBox{background:#e4e6ea; padding:30px 15px 15px 15px; max-width:457px; width:100%; margin:0 auto 35px; box-shadow:2px 2px 2px rgba(0,0,0,0.27); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.27);}
.loginBox h2{font-size:31px; color:#233150; line-height:1.3; padding:10px 0 10px 80px;}
.loginBox h2 span.fontHeavy{font-size:37px; display:block;}
.loginpageWrap input[type="text"], .loginpageWrap input[type="password"], .loginpageWrap input[type=""]{background:#fff; padding:5px 10px; border:1px solid #bebebe; height:44px;}
.loginpageWrap .feildCol{margin-bottom:9px; }
.loginpageWrap .feildLabel, .loginpageWrap .checkList{font-size:16px; color:#4d4d4f; width:100px; float:left; padding:9px 0;}
.loginpageWrap .feildInput{width:100%; padding-left:109px;}
.captchaFeildWrap .captchaImage{float:left; width:93px;}
.captchaFeildWrap .captchaFeild{width:100%; padding-left:98px;}
.loginpageWrap .btnRow input[type="button"], .loginpageWrap  .btnRow input[type="submit"], .loginpageWrap  .btnRow .button, .loginpageWrap  .btnRow button {background:#233150; text-align:center; width:100%; color:#f6f6f6; font-size:24px; font-weight:700; border:1px solid #233150; padding:12px 20px;}
.loginpageWrap .btnRow input[type="button"]:hover, .loginpageWrap  .btnRow input[type="submit"]:hover, .loginpageWrap  .btnRow .button:hover, .loginpageWrap  .btnRow button:hover{background:#3c3ca3; border-color:#3c3ca3;}
.loginpageWrap .btnRow {margin-bottom:10px;}
.loginForm .forgotPassLink{color:#4d4d4f; text-decoration:underline; font-size:16px; display:inline-block;}
.loginForm .forgotPassLink:hover{text-decoration:none;}
/**************Datepicker*********/
.commonForm  input.datepicker{background:#fff url(../../img/front/calendar-icon.png) right center no-repeat;}
.commonForm  input.datetimepicker{background:#fff url(../../img/front/datetime-picker-icon.png) right center no-repeat;}
.commonForm  input.timepicker{background:#fff url(../../img/front/time-picker.png) right center no-repeat;}
/****************Dashboard**************/
.dashBoardCont{background:none;max-width:742px; margin:50px auto 20px;}
.dashBoardCont h2{font-size:44px; color:#fff; padding-bottom:15px; margin-bottom:50px; position:relative; text-align:center; line-height:1.2;}
.dashBoardCont h2:before{width:133px; height:15px; position:absolute; content:""; background:url(../../img/front/dashboard-title-bg.png) left top no-repeat; left:50%; margin-left:-67px; bottom:-15px;} 
.quickAccesButtonWrap{width:100%;}
.quickAccesButtonWrap .quickAccessBtn{background:#f76c51; text-align:center; width:33.33%; float:left; display:inline-block; vertical-align:middle; height:160px; padding:10px; color:#fdfdfd; font-size:15px; position:relative;}
.quickAccesButtonWrap .quickAccessBtn span.boxDetail{margin-top:13%;}
.quickAccesButtonWrap .quickAccessBtn span{display:inline-block;}
.quickAccesButtonWrap .quickAccessBtn.orange{background:#f76c51;}
.quickAccesButtonWrap .quickAccessBtn.orange:hover{background:#fb4e2c;}
.quickAccesButtonWrap .quickAccessBtn.blue{background:#00aae8;}
.quickAccesButtonWrap .quickAccessBtn.blue:hover{background:#008dc1;}
.quickAccesButtonWrap .quickAccessBtn.yellow{background:#d5b40a;}
.quickAccesButtonWrap .quickAccessBtn.yellow:hover{background:#c3a300;}
.quickAccesButtonWrap .quickAccessBtn.magento{background:#9045ac;}
.quickAccesButtonWrap .quickAccessBtn.magento:hover{background:#8526a8;}
.quickAccesButtonWrap .quickAccessBtn.green{background:#24ae60;}
.quickAccesButtonWrap .quickAccessBtn.green:hover{background:#09a84e;}
.quickAccesButtonWrap .quickAccessBtn.red{background:#c0382c;}
.quickAccesButtonWrap .quickAccessBtn.red:hover{background:#b52417;}
.quickAccessBtn .boxIcon {background:url(../../img/front/dashboard-icon-sprit.png) left top no-repeat; width:41px; height:50px; margin-bottom:10px; display:inline-block; text-indent:-9999px; transform:translateX(200px); -webkit-transform:translateY(-50px); animation:moveIn 0.5s 0.4s ease forwards; -webkit-animation:moveIn 0.5s 0.4s ease forwards; opacity:0; visibility:hidden;}
.quickAccessBtn .boxText{transform:translateX(200px); -webkit-transform:translateY(50px); animation:moveIn 0.5s 0.4s ease forwards; -webkit-animation:moveIn 0.5s 0.4s ease forwards; opacity:0; visibility:hidden;}
.quickAccessBtn .boxIcon.eventIcon{background-position:center top;}
.quickAccessBtn .boxIcon.templateIcon{background-position:center -72px;}
.quickAccessBtn .boxIcon.inviteesIcon{background-position:center -138px;}
.quickAccessBtn .boxIcon.rsvpIcon{background-position:center -213px;}
.quickAccessBtn .boxIcon.guestIcon{background-position:center -285px;}
.quickAccessBtn .boxIcon.userIcon{background-position:center -356px;}
.quickAccesButtonWrap .quickAccessBtn span.boxText{display:block;}
@keyframes moveIn { to {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes moveIn { to {
opacity: 1;
transform: translateX(0);
visibility:visible;
}
}
.quickAccesButtonWrap .quickAccessBtn:before,
.quickAccesButtonWrap .quickAccessBtn:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
	transition: color 0.25s;
	 border: 3px solid transparent; 
    width:0;
    height:0;
  }
.quickAccesButtonWrap .quickAccessBtn:before {
    top: 0;
    left: 0;
  }

.quickAccesButtonWrap .quickAccessBtn:after {
    bottom: 0;
    right: 0;
  }

.quickAccesButtonWrap .quickAccessBtn:hover:before,
.quickAccesButtonWrap .quickAccessBtn:hover:after {
    width: 100%;
    height: 100%;
  }

.quickAccesButtonWrap .quickAccessBtn:hover:before {
    border-top-color: #fff; 
    border-right-color:#fff;
    transition:
      width 0.25s ease-out,
      height 0.25s ease-out 0.25s;
  }

.quickAccesButtonWrap .quickAccessBtn:hover:after {
    border-bottom-color:#fff; 
    border-left-color: #fff;
    transition:
      border-color 0s ease-out 0.5s, 
      width 0.25s ease-out 0.5s,
      height 0.25s ease-out 0.75s;
  }

/****************innerpage Common class**************/
.contentPart{width:100%; margin:0; padding:0;}
.content{background:rgba(253,253,253,0.8); width:100%; padding:38px 65px 50px;}
.content.lightBlue{background:rgba(208,219,224,0.8);}
.content h2{font-size:20px; color:#233150; padding-bottom:10px; margin-bottom:30px; border-bottom:1px solid rgba(0,0,0,0.2);}
.btnRow ul{margin:0 -4px; padding:0; list-style:none;}
.btnRow ul.fourcolBtn li{width:25%; padding:0 2px; float:left;}
.btnRow ul.fourcolBtn li button, .btnRow ul.fourcolBtn li input, .btnRow ul.fourcolBtn li .button{width:100%;}
.btnRow button, .btnRow input[type="button"], .btnRow input[type="submit"], .btnRow .button{ padding:5px 25px; background:#233150; border:1px solid #233150; text-align:center; height:55px; vertical-align:middle; font-size:14px; line-height:1.3; color:rgba(255,255,255,0.7);}
.btnRow button span, .btnRow input[type="button"] span, .btnRow input[type="submit"] span, .btnRow .button span{display:block; font-size:10px;}
.btnRow button:hover, .btnRow input[type="button"]:hover, .btnRow input[type="submit"]:hover, .btnRow .button:hover{background:#007473; color:#fff;}
.content .tableData{margin-bottom:20px;}
.textCenter{text-align:center !important;}
/****************event List**************/
.pageTitleStrip{background:#233150; padding:17px 0; color:#fff; font-size:24px;}
.pageTitleStrip h2{font-size:24px; margin:0; padding:0; color:#fff;}
/***************formFeilds************/
.commonForm .fieldCol{margin-bottom:6px}
.commonForm .fieldRow{padding:0; margin:0;}
.commonForm .fieldCol:last-child{margin-bottom:0;}
.commonForm ::-webkit-input-placeholder {color:rgba(0,0,0,0.8) !important;opacity: 1 !important; font-size:14px; text-transform:uppercase;}
.commonForm ::-moz-placeholder {color:rgba(0,0,0,0.8) !important;opacity: 1 !important; font-size:14px; text-transform:uppercase;}
.commonForm :-ms-input-placeholder {color:rgba(0,0,0,0.8) !important;opacity: 1; font-size:14px; text-transform:uppercase;}
.commonForm :-ms-input-placeholder {color:rgba(0,0,0,0.8) !important;opacity: 1; font-size:14px; text-transform:uppercase;}
.commonForm.columnForm{margin:0 -3px 20px;}
.commonForm.twoCols .fieldRow .fieldCol{width:50%; float:left;}
.commonForm.threeCols .fieldRow .fieldCol{width:33.33%; float:left;}
.columnForm .fieldRow .fieldCol{padding:0 3px;}
.btnRow button, .btnRow input[type="button"], .btnRow input[type="submit"], .btnRow .button{padding:5px 25px; background:#004241; border:1px solid #005453; text-align:center; height:55px; vertical-align:middle; font-size:14px; line-height:1.3; color:rgba(255,255,255,0.7);}
.btnRow input[type="submit"].cancelBtn, .btnRow  button.cancelBtn, .btnRow  input[type="button"].cancelBtn, .btnRow input[type="reset"].cancelBtn {background-color:#888; border-color:#888;}
/****************Creat Event**************/
.createEventForm {margin:0 -3px;}
.createEventForm .formLeftFields{float:left; width:34%; padding:0 3px;}
.createEventForm .formRightFields{float:left; width:66%; padding:0 3px;}
.createEventForm .formRightFields textarea{height:238px; padding:15px 15px;}
.createEventForm{margin-bottom:20px;}

/***************footer************/
#footer{text-align:center; font-size:14px; color:#222; position:absolute; width:100%; bottom:10px;}
#footer .copyRight{margin-bottom:0;}

/********** From Page **********/
.formList {list-style:none; padding:0; margin:0;}
.formList li {padding:0 0 15px; margin:0;}
.required, .formList .error {color:#C00;}
.formList .error {display:block; font-size:12px;}
.formList .textBoxOut {margin-bottom:5px;}
.formList label, .formList .label {color:#333; display:block; font-weight:normal;padding-bottom:7px;}
.radioList input {float:left; margin:5px; clear:left;}
.radioList label, .radioList .label {float:left; color:#555;}
.note {font-size:12px; font-style:italic; padding:5px 0 0;}
.captcha {position:relative;}
.captcha .captchaImg {border: 1px solid #d7d7d7;float: left; max-height:33px;}
.captcha .refreshCaptcha {float: left; margin: 5px 0 0 10px; }
.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:0; 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:0; z-index:99999; width:100%; text-transform:uppercase; display:none;}


.tabContainer {border:1px solid #d1d1d1;}
.outcomeGrid input[type="text"]{ height:30px; border:1px solid #d1d1d1; max-width:200px;}
.outcomeGrid{ border-left:1px solid #d2d7dd ;  border-top:1px solid #d2d7dd ;}
.outcomeGrid tr:nth-child(odd) td{background-color:#f1f1f1;}
.outcomeGrid td, .outcomeGrid th{ padding:8px;}
.outcomeGrid .titleRow td { font-weight:bold; background:#86cfce}
.outcomeGridContent{background:rgba(253,253,253,0.8); width:100%; padding:20px;}

.btnRow .active button{background:#007473; color:#fff;}
.bdrBottom{ border-bottom:1px solid #d1d1d1;}


.emblem {float: left; margin: 0 15px 0 0;}
#siteName{ line-height:22px; margin-bottom:0;}
.headerNameSlogan span { color: #6c6c6c; font-family: Arial,Helvetica,sans-serif; font-weight: 500; letter-spacing: 0.3px;}
.headerSiteLink { font-family: Arial,Helvetica,sans-serif; font-size: 40px; font-weight: bold; line-height: 50px; color: #007473; text-decoration: none;}
.headerSiteLink:hover{color: #007473; text-decoration: none;}
.headerNameSlogan {float: left; width:60%;}
.headerNameSlogan span {color: #6c6c6c; font-family: Arial,Helvetica,sans-serif; font-weight: normal; display:inline-block; line-height:18px;}

.outcomeGrid input.datepicker{ background:url(../../img/front/calendar-icon-sml.png) 98.5% center no-repeat;}
.radioGroup{ width:110px;}
.radioGroup label{ display:inline-block; padding-right:10px;}
/***************formFeilds************/
.commonForm .fieldCol {
    margin-bottom: 10px
}

.commonForm .fieldCol.fullWidth {
    width: 100% !important;
}

.commonForm .fieldRow {
    padding: 0;
    margin: 0;
}

.commonForm .required > label, .commonForm label {
    display: block;
    font-size: 15px;
    color: #393939;
}

.commonForm .fieldCol:last-child {
    margin-bottom: 0;
}

.commonForm ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.8) !important;
    opacity: 1 !important;
    font-size: 14px;
    text-transform: uppercase;
}

.commonForm ::-moz-placeholder {
    color: rgba(0, 0, 0, 0.8) !important;
    opacity: 1 !important;
    font-size: 14px;
    text-transform: uppercase;
}

.commonForm :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.8) !important;
    opacity: 1;
    font-size: 14px;
    text-transform: uppercase;
}

.commonForm :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.8) !important;
    opacity: 1;
    font-size: 14px;
    text-transform: uppercase;
}

.commonForm.columnForm {
    margin: 0 -3px 20px;
}

.commonForm.twoCols .fieldRow .fieldCol {
    width: 50%;
    float: left;
}

.commonForm.threeCols .fieldRow .fieldCol {
    width: 33.33%;
    float: left;
}

.columnForm .fieldRow .fieldCol {
    padding: 0 3px;
}

.btnRow button, .btnRow input[type="button"], .btnRow input[type="submit"], .btnRow .button {
    padding: 5px 25px;
    background: #233150;
    border: 1px solid #233150;
    text-align: center;
    height: 55px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.7);
	
}

.btnRow input[type="submit"].cancelBtn, .btnRow button.cancelBtn, .btnRow input[type="button"].cancelBtn, .btnRow input[type="reset"].cancelBtn, .btnRow .cancelBtn {
    background-color: #888;
    border-color: #888;

}

.btnRow input[type="submit"].cancelBtn:hover, .btnRow button.cancelBtn:hover, .btnRow input[type="button"].cancelBtn:hover, .btnRow input[type="reset"].cancelBtn:hover, .btnRow .cancelBtn:hover {
    background-color: #888;
    border-color: #888;
    color: #fff;

}
.btnRow a.button {
   height: 45px;
   line-height: 35px;}
.add{
	margin-left: 825px;
   margin-top: -90px;}
/********************bread Cum***********/
#breadcrumb {
    float: right;
    max-width: 30%;
}

#breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pageTitleStrip h2 {
    width: 70%;
    float: left;
}

#breadcrumb li {
    display: inline-block;
    vertical-align: middle;
}

#breadcrumb li a {
    color: #fff;
    font-size: 16px;
}

.breadcrumb li {
    padding: 0 15px;
    position: relative;
}

.breadcrumb li:before {
    content: "\f054 ";
    position: absolute;
    font-size: 10px;
    right: -6px;
    top: 50%;
    margin-top: -8px;
    color: #fff;
    font-family: FontAwesome;
}

.breadcrumb li:last-child {
    padding-right: 0;
}

.breadcrumb li:last-child:before {
    display: none;
}

#breadcrumb li:first-child a {
    font-size: 20px;
}
.breadcrumb {
    background: transparent;
}

.error .error-message {
    color: #C00 !important;
}

/********** From Page **********/
.formList {
    list-style: none;
    padding: 0;
    margin: 0;
}

.formList li {
    padding: 0 0 15px;
    margin: 0;
}

.required, .formList .error, label.error {
    color: #C00 !important;
}

.formList .error {
    display: block;
    font-size: 12px;
}

.formList .textBoxOut {
    margin-bottom: 5px;
}

.formList label, .formList .label {
    color: #333;
    display: block;
    font-weight: normal;
    padding-bottom: 7px;
}

.radioList input {
    float: left;
    margin: 5px;
    clear: left;
}

.radioList label, .radioList .label {
    float: left;
    color: #555;
}

.note {
    font-size: 12px;
    font-style: italic;
    padding: 5px 0 0;
}

.captcha {
    position: relative;
}

.captcha .captchaImg {
    border: 1px solid #d7d7d7;
    float: left;
    max-height: 33px;
}

.captcha .refreshCaptcha {
    float: left;
    margin: 5px 0 0 10px;
}

.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: 0;
    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: 0;
    z-index: 99999;
    width: 100%;
    text-transform: uppercase;
    display: none;
}
/**************Login Page*********/
.loginpageWrap {
    position: relative;
    min-height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    height: auto;
}

.loginFormWrap .copyRight {
    color: #fff;
    text-align: center;
}

.loginBox {
    background: #e4e6ea;
    padding: 30px 15px 15px 15px;
    max-width: 457px;
    width: 100%;
    margin: 0 auto 35px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.27);
}

.loginBox h2 {
    margin: 0px auto 30px auto;
    display: table;
}

.loginBox h2 span.fontHeavy {
    font-size: 37px;
    display: block;
}

.loginpageWrap input[type="text"], .loginpageWrap input[type="password"], .loginpageWrap input[type=""] {
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #bebebe;
    height: 44px;
}

.loginpageWrap .feildCol {
    margin-bottom: 9px;
}

.loginpageWrap .feildLabel, .loginpageWrap .checkList {
    font-size: 16px;
    color: #4d4d4f;
    width: 100px;
    float: left;
    padding: 9px 0;
}

.loginpageWrap .feildInput {
    width: 100%;
    padding-left: 109px;
}

.captchaFeildWrap .captchaImage, .captchaFeildWrap .captchaCode {
    float: left;
    width: 93px;
}

.captchaFeildWrap .captchaFeild {
    width: 100%;
    padding-left: 0;
}

.captchaFeild .input.text {
    position: relative;
    padding-left: 65px;
}

.captchaFeild .input.text label:first-child {
    position: absolute;
    left: 0;
    top: 0;
    background: none;
    border: 1px solid #bebebe;
    height: 44px;
    padding: 0 10px;
    line-height: 44px;
    vertical-align: middle;
}

.captchaFeild .input.text label:first-child:before {
    position: absolute;
    right: -13px;
    top: 0;
    content: "=";
}

.loginpageWrap .btnRow input[type="button"], .loginpageWrap .btnRow input[type="submit"], .loginpageWrap .btnRow .button, .loginpageWrap .btnRow button {
    background: #233150;
    text-align: center;
    width: 100%;
    color: #f6f6f6;
    font-size: 24px;
    font-weight: 700;
    border: 1px solid #233150;
    padding: 12px 20px;
}

.loginpageWrap .btnRow input[type="button"]:hover, .loginpageWrap .btnRow input[type="submit"]:hover, .loginpageWrap .btnRow .button:hover, .loginpageWrap .btnRow button:hover {
    background: #838383;
    border-color: #838383;
}

.loginpageWrap .btnRow {
    margin-bottom: 10px;
}

.loginForm .forgotPassLink {
    color: #4d4d4f;
    text-decoration: underline;
    font-size: 16px;
    display: inline-block;
}

.loginForm .forgotPassLink:hover {
    text-decoration: none;
}
.content .tableData th a:hover {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}	
.content .tableData td a {
    color: rgba(0, 0, 0, 0.8);
    text-decoration: underline;
}
html input[disabled],html select[disabled] {
    cursor: not-allowed;
}

/*vinod css section*/
.innovative-pratice-s { border:1px solid #ccc; padding:20px; overflow:hidden}
.innovative-pratice-s ul{ padding-left:0; margin-bottom:0;}
.innovative-pratice-s ul li{ float:left; width:100%; list-style:none; margin-bottom:10px;}
.innovative-pratice-s ul li label{ float:left; width:13%;}
.text-area{ float:left;  width:30%;}
.innovative-pratice-s textarea{ float:left; border:1px solid #ddd;}
.add-more{float:left; width:100%; }
.add-more a{ display:inline-table; text-decoration:none; color:#000;}

.loginbox-area{ border:1px solid #ddd; width:450px; background:#fff; margin: 0 auto; padding:20px; overflow:hidden;margin-top:30px;}


.loginbox-area h2{ text-align:center; background:#007473; color:#fff; padding:10px; margin-bottom:15px; font-size:22px; font-family:Arial, Helvetica, sans-serif;}
.loginbox-area ul{ list-style:none; padding-left:0; margin-bottom:0;}

.loginbox-area ul input[type="text"],.loginbox-area ul input[type="password"]{ border:1px solid #ddd; height:35px; padding:5px; padding-left:30px;font-family:Arial, Helvetica, sans-serif;}
.loginbox-area ul  li{ margin-bottom:15px; position:relative; float:left; width:100%;}
.loginbox-area ul  li:last-child{ margin-bottom:0;}
.loginbox-area ul  .fa-user{ position:absolute; left:10px; top:10px; color:#007473;}
.loginbox-area ul  .fa-key{ position:absolute; left:10px; top:10px;color:#007473;}
.forget{ color:#E65A15;float:right;font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.loginbox-area ul input[type="submit"]{ padding:8px 15px; font-family:Arial, Helvetica, sans-serif;text-decoration:none; background:#007473 ; color:#fff; border:none;}

.add-more .fa-plus{ color:#007473;}
.submit-button{ margin-top:50px;}
.submit-button input[type="submit"]{ padding:8px 15px; font-family:Arial, Helvetica, sans-serif;text-decoration:none; background:#007473 ; color:#fff; border:none;}

.block {
    display: block;
}
/*vinod css section end*/
/* kalpesh start*/
input.captcha{
    padding-left: 10px !important;
    height: 42px !important;
}
/* kalpesh end*/
/* komal start*/
.content-list {
    padding: 15px;
}
.content-list .headtitle {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 25px;
}
.content-list h2 {
    border-bottom: none;
    float: left;
    margin-bottom: 0px;
    margin-top: 15px;
}
.content-list .rightBtn {
    float: right;
}
.clearall {
    clear: both;
}
.content .actions a.editLink {
    color: #838383;
}

.content .actions a.deleteLink {
    color: #ff0000;
}

.content .actions a.deleteLink:hover {
    color: #db0000;
}
.paginator {
    margin-bottom: 20px;
}

.paginator ul.pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.paginator ul.pagination li {
    display: inline-block;
}

.paginator ul.pagination li a {
    background: #233150;
    color: #fff;
    padding: 7px 15px;
    text-decoration: none;
    position: relative;
    display: block;
}

.paginator ul.pagination li a:hover {
    background: #838383;
}

.paginator ul.pagination li a i {
    vertical-align: middle;
    font-size: 12px;
    display: inline-block;
    line-height: 14px;
}

.paginator ul.pagination li.prev a i {
    margin-left: -5px;
    margin-right: 5px;
}

.paginator ul.pagination li.next a i {
    margin-right: -5px;
    margin-left: 5px;
}

.paginator ul.pagination li.disabled a {
    background: #bbb;
    color: #545454;
}

.paginator ul.pagination li.disabled a:hover {
    background: #bbb;
    color: #545454;
}

.paginator .pageCount {
    float: right;
    margin-bottom: 0;
    margin-top: 7px;
}

.paginator .pageCount .currentPage {
    font-weight: 700;
}

.WtrIndicators form >.container {
    max-width: 100%;
}

.WtrIndicators form >.container td {
    vertical-align: middle;
}

input[type=file] {
	width:195px;
}
.remark-area .radio {
    margin-top:19px;
    padding-left: 14px;
	
}
.remark-radio {
    margin-top: 3px !important;
    width: 16px;
    height: 16px;
}
.remark-area label {
    display: inline-block;
	padding-right: 15px;
}
/* komal end*/

.noBg{
    background: none;
    border: 0 none;
    color: #393939;
}
.greenSymbole{
    color:green;
}

.modal-lg input {
	padding:5px 2px !important;
}

#loaderDiv{
    text-align: center;
    margin: 25px;
}
.notifications {
  display: inline-block;
  margin-right: 20px;
}
.notifications a.nav-icon {
  background-color: #007473;
  padding: 5px 9px 5px 9px;
  border-radius: 50%;
  display: inline-block;
}
.notifications a.nav-icon .badge {
  position: absolute;
  top: -4px;
  background-color: #f15820;
  /* right: -4px; */
}
.notifications .dropdown-menu {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 400px;
  padding-top: 0px;
}
.notifications .dropdown-menu li .nt-time{ opacity: 0.7; font-size: 11px; }
.notifications .dropdown-menu li{ padding: 3px 20px; background-color: #f1f1f1;border-bottom: 1px solid #c3c3c3;}
.notifications .dropdown-menu li.readed {
    background-color: #fff;
}
.notifications .dropdown-menu li:last-child{ border-bottom: 0px solid #c3c3c3; }
.notifications .dropdown-menu li a { color: #393939; }

@media screen and (max-width:800px){
	.toggleMenu{
		display:block !important;
	}
	#nav li {
		float:none;
		position:relative;
		display:block;
		border-bottom:1px solid #fff;
	}
}
.indicator-search {
    height: 41px !important;
    border: 2px solid !important;
    padding: 4px 6px !important;
}