@charset "utf-8"; /*====================================================================== Site Name: Silver HTML 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: #062a4a (Dark Blue) Header Color: #062a4a (Dark Blue) Text Color: #393939 (Dark Grey) Title Color: #393939 (Dark Grey), #e65a15 (Orange) Footer Color: #393939 (Dark Grey) ------------------------------------------------------------------------ Layout Width: 100% Container Width: 1170px Responsive Layout: Yes =======================================================================*/ /********* 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:#E65A15;}a:focus {outline:thin dotted}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:100% }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 #e5e5e5;width:100px;height:30px; padding:0;font-size:100%;line-height:normal;} 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 {background-color:#F6F6F6;} 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(../images_new/right-arrow.gif) no-repeat left 7px;padding:2px 0 2px 15px; margin-bottom: 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 #e5e5e5;width:100%;height:30px; padding:5px 10px;} input[type="submit"], input[type="button"],input[type="reset"],button,.button{ background-color:#1CCACD; color:#fff; border:1px solid #1CCACD;} input[type="submit"]:hover, input[type="button"]:hover,input[type="reset"]:hover,button:hover,.button:hover{color:#fff; background-color:#333;} input[type="submit"].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(../../images/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;border-top:1px solid #E9E9EA;border-left:1px solid #E9E9EA;} table table, .tableData table { margin:0} th,td, .tableData th, .tableData td {border:none; padding:10px 12px;border-bottom:1px solid #E9E9EA;border-right:1px solid #E9E9EA;} table tr:nth-child(odd) td, .tableRowOdd{ background-color:#efefef;} caption,th,td {font-weight: normal; background:#fff} th, .tableData th{background:#f3f3f3} .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} .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;} /* ******** 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;background: url("owl.video.play.png") no-repeat;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 {float: left; margin: 0;position: relative;} .resTab .tabNav li a {display: inline-block;padding: 10px 20px;text-decoration: none;font-size: 14px;font-weight: bold;color: #222; border-bottom: 2px solid #DEDEDF;} .resTab .tabNav .r-tabs-state-active a {color: #1983A7;text-shadow: none;background-color: white; border-bottom: 2px solid #1983A7;} .resTab .tabContent {padding: 20px 0;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: #fff;color: #0E7BA3;font-weight: bold;text-decoration: none; border: 1px solid #0E7BA3; margin-bottom: 20px; border-radius: 5px;} .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #0E7BA3;color: #fff;text-shadow: none; border: 1px solid #0E7BA3;} .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(../images/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:url(../images/plus.png) left 5px no-repeat;padding-left:20px; cursor:pointer; font-weight:bold} .noJS .accordion .accTrigger {background:none; padding-left:0} .accordion .accTrigger a {display:block;text-decoration:none;outline:0} .accordion .accTrigger.active {background:url(../images/minus.png) left 5px no-repeat !important;} .accordDetail {padding:10px 20px; 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 {background:url(../images/map_bg.jpg) no-repeat;} /********* 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(../images/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(../images/litebox-prev.png) no-repeat center;left: 20px;}.litebox-overlay .litebox-next {background: url(../images/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:#185db9;} .ui-datepicker th, .ui-state-highlight {background-color:#052847;} .ui-state-active, .ui-datepicker tbody a:hover {background-color:#ff672b;} .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; font-size:12px; } .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; height:25px; background-color:#fff; } .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; border:0 none;} .ui-datepicker th { padding: .5em .3em; text-align: center; font-weight: bold; border: 0; } .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: .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;} /*==========================================================================================================================*/ /*================================================ Main CSS Theme Start ====================================================*/ /*==========================================================================================================================*/ /********** Layout **********/ .container { margin:0 auto; width:100% !important; max-width:1250px !important;} #content {} .content {} .sidebar {} .fullWidth {} /********** Top Links and Font Resize **********/ .topStrip{border-bottom:1px solid #ececec; padding:7px 0; line-height:23px;} .leftLink { float:left;} .rightLinks { float:right;} .topStrip ul {list-style:none; padding:0; margin:0} .topStrip li { float:left; padding:0 7px 0 8px; position:relative; } .topStrip .fontResize { padding-top:2px} .topStrip a{color:#333;text-decoration:none;} .topStrip a:hover {text-decoration:underline;color:#bb4c11} .topStrip li:first-child {padding-left:0;} .topStrip li:last-child {padding-right:0;} .topStrip li:before {content:" "; position:absolute; left:0; top:50%; z-index:auto; height:14px; width:1px; background:#666666; overflow:hidden; margin-top:-7px; } .topStrip li:first-child:before{display:none;} /********** Access Control **********/ #accessControl input {float:left; height:19px; background:none;border:none; padding:0; width:22px; color:#000} #accessControl input:hover { color:#e65a15} #accessControl .normal { font-size:14px;} #accessControl .large { font-size:15px;} #accessControl .contrastChanger { width:17px; width:19px; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; text-transform:capitalize;} #accessControl .contrastChanger.normal { background-image:url(../images_new/a-light.gif); margin:0 5px;} #accessControl .contrastChanger.wob { background-image:url(../images_new/a-dark.gif);} /********** High Contrast View **********/ body.wob {background-color:#000;color:#fff} .wob a {color:#ff0} .wob a:hover {color:#80ff00} /********** 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;} /********** New CSS Start Here...**********/ body,button,input,select,textarea {color:#393939; font-family: 'Roboto', sans-serif; /*font-size:87.5%;*/ font-size:14px; line-height:1.5;} /********* Navigation *********/ .mainNavigation { margin:0; position:relative; clear:both; z-index:1;} .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(../images_new/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:42px; color:#fff; font-size:/*1.067em*/14px; display:inline-block; text-decoration:none; text-transform:uppercase; font-weight:600;} #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:#0e7ba3; font-size:1em; line-height:24px; color:#fff; border:none; border-top:1px solid #03729B; 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:#0C5D7B; color:#fff; /*background-color:#a3e6ff; color:#0e7ba3;*/} #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:#0C5D7B; color:#fff; /*background-color:#a3e6ff; color:#0e7ba3;*/} #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(../images_new/down-arrow.gif) no-repeat right center; z-index:10} #nav li li .menuIcon {display:block; background:url(../images_new/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; } a {color: #0E7BA3; text-decoration: none; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s;} a:hover, a:focus {color: #222; text-decoration: none;} h1, .h1, h2, .h2, h3, .h3 {margin-top: 0; margin-bottom: 0;} .logoStrip {background-color: #fff; padding: 10px 0; z-index:100; position:relative;} .logoStrip img {max-width:100%;} .topNavigation {background-color: #0E7BA3;} .searchBox input {border: 0; color: #fff; height: auto; padding: 0 10px 0 30px; background: url(../images/search-icon.png) no-repeat left center; font-size: 14px; font-weight: 600; line-height: 50px;} .rightNav {float: right;} .searchBox {display: inline-block; width: 200px; margin-right: 20px; vertical-align: top;} .rightNav ul {list-style: none; margin: 0; padding: 0; display: inline-block;} .rightNav ul li{float:left;} .rightNav ul li a:before {content: ""; position: absolute; left: -1px; top: 50%; margin-top: -6px; z-index: auto; height: 13px; width: 1px; background: #fff; overflow: hidden;} .rightNav ul li a {padding: 5px 27px; line-height: 42px; color: #fff; font-size: 14px; display: inline-block; text-decoration: none; text-transform: uppercase; font-weight: 600; position:relative;} .rightNav ul li a:hover {color: #a3e6ff; text-decoration: none;} ::placeholder {color: #fff; opacity: 1;} .bannerSection {background-color: #F2F6F7; padding: 70px 0; position:relative;} .digitalMissionBanner {position: absolute; right: 60px; top: 60%; transform: translateY(-55%);} .bannerSection h1 {text-align: left; font-size:38px; color: #0E7BA3; font-weight:700; margin:0 0 20px;} .bannerSection h2 {color: #222222; font-size: 32px; font-weight:700; margin:0 0 20px;} .bannerSection p {color: #222222; font-size: 18px; margin:0 0 20px;} .bannerSection iframe {width: 100%; height: 300px;} .hIDButton{ margin-bottom:10px;} .hIDButton a{background: transparent linear-gradient(90deg, #0E7BA3 0%, #0E7BA3 100%) 0% 0% no-repeat padding-box; border: 1px solid #0E7BA3; border-radius: 9px; color:#fff; padding:12px 36px; font-weight:600; display: inline-block; text-decoration:none;} .hIDButton a:hover{background: transparent; border: 1px solid #0E7BA3; border-radius: 9px; color:#0E7BA3; text-decoration:none;} .registerLink {font-size: 16px; color: #222;} /*.whoCanRegister {padding: 100px 0; background: url(../images_new/whoCanRegisterbg.png) no-repeat top left #fff;}*/ .whoCanRegister {padding: 100px 0; background-color:#fff; position:relative;} .whoCanRegisterWrap{position:relative;} .whoCanRegisterWrap:before {content: ""; position: absolute; left: -80px; top: -100px; margin-top: 0; z-index: auto; height: 454px; width: 920px; overflow: hidden; background: url(../images_new/whoCanRegisterbg.jpg) no-repeat center top;} .whoCanRegisterBGWrap {background-color: #ecf3f7; position: absolute; left: 0; top: 0; width: auto; height: 443px; transform: translateX(-50%); right: 50%; margin-right: -20%;} h2.border{text-align: left; font: normal normal medium 32px/57px Roboto; letter-spacing: -0.77px; color: #222222; text-transform: capitalize; position:relative; margin-bottom:30px; font-weight:500;} h2.border:after {content:" "; position:absolute; left:0; bottom:-15px; z-index:auto; height:5px; width:200px; background:#0E7BA3; overflow:hidden;} .whoCanRegister p {letter-spacing: 0.1px; color: #222222;font-size: 18px;width:90%; position: relative;} .stepsToRegister {background-color: #0E7BA3; color: #fff; padding: 50px 0; position:relative; overflow: hidden;} .stepsToRegister h2 {margin: 0 0 50px; font-size: 37px; font-weight: bold; line-height: 62px;} .stepsToRegister h2 span{ display:block;} .stepsCRight {background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 0.14; z-index: 9; position: absolute; top: 0; right: -130px; width: 306px; height: 306px; border-radius: 100%;} .stepsCLeft1 {background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 0.14; z-index: 9; position: absolute; top: -40px; left: -80px; width: 200px; height: 200px; border-radius: 100%;} .stepsCLeft2 {background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 0.14; z-index: 9; position: absolute; top: 50px; left: 50px; width: 150px; height: 150px; border-radius: 100%;} .regStepsNo {width: 60px; height: 60px; background-color: #fff; color: #0E7BA3; display: block; line-height: 60px; font-size: 30px; text-align: center; border-radius: 100%; font-weight: bold; margin-bottom: 50px;} .regStepsBlock h3 {font-weight: bold; font-size: 20px; margin-bottom: 15px;} .regStepsBlock p {color: #F2F6F7; font-size: 18px;} .regStepsBlock {position: relative;} .regStepsBlock:after {content:" "; position:absolute; left: 70px; top: 30px; z-index:auto; height:1px; width:87%; overflow:hidden; border-top:1px dashed #fff;} .stepsToRegister .col-sm-4:last-child .regStepsBlock::after {display:none;} .benefitsofHealthcare {background-color: #FCFCFC; padding: 50px 0;} .benefitsofHealthcare h2{text-align: center; font-size:33px; letter-spacing: -0.77px; color: #222222; text-transform: capitalize; position:relative; margin-bottom:50px; font-weight:700;} .benefitsofHealthcare h2:after {content:" "; position:absolute; left:50%; transform: translate(-50%); bottom:-15px; z-index:auto; height:5px; width:200px; background:#0E7BA3; overflow:hidden;} .benefitsWrap {display: inline-block; position: relative; width: 100%;} .benefitsWrap:after {content:" "; position:absolute; left:50%; transform: translate(-50%); top:0; z-index:auto; height:100%; width:1px; background:#F4F2F2; overflow:hidden;} .benefitsWrap:before {content:" "; position:absolute; transform: translate(-100%); top: 50%; z-index:auto; height:1px; width:100%; background:#F4F2F2; overflow:hidden;} .benefitsBlock h3 {color: #0E7BA3; font-weight: bold; font-size: 24px; margin-bottom: 10px;} .benefitsBlock p {margin: 0; color: #222; font-size:18px;} .benefitsBlock {padding-left: 190px; min-height: 230px; align-content: center; display: grid;} .benefits1{background: url(../images_new/benefits1.png) no-repeat center left;} .benefits2{background: url(../images_new/benefits2.png) no-repeat center left;} .benefits3{background: url(../images_new/benefits3.png) no-repeat center left;} .benefits4{background: url(../images_new/benefits4.png) no-repeat center left;} .footerLinks {padding: 50px 0; background-color: #0E7BA3; color: #fff; position:relative; overflow: hidden;} .footerLinks h2{text-align: left; font-size:18px; color: #fff; text-transform: capitalize; position:relative; margin-bottom:30px; font-weight:600;} .footerLinks h2:after {content:" "; position:absolute; left:0; bottom:-10px; z-index:auto; height:2px; width:30px; background:#fff; overflow:hidden;} .footerLinks a{color:#fff; text-decoration:none;} .footerLinks a:hover{color:#a3e6ff; text-decoration:none;} .footerLinksWrap ul {list-style: none; padding: 0; margin: 0;} .footerLinksWrap ul li {margin-bottom:5px;} .footerCRight {background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 0.14; z-index: 9; position: absolute; top: -40px; right: -40px; width: 150px; height: 150px; border-radius: 100%;} .footerCLeft1 {background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 0.14; z-index: 9; position: absolute; bottom: -50px; left: -110px; width: 200px; height: 200px; border-radius: 100%;} .footerCLeft2 {background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 0.14; z-index: 9; position: absolute; bottom: -70px; left: 0; width: 150px; height: 150px; border-radius: 100%;} .androidIcon span {display: block; text-align: center;} .mobileAppScan, .androidIcon {display: inline-block; margin-right: 10px;} .copyrightsText {padding: 15px 0; background-color: #005B7D; color: #fff; text-align: center;} /*************Back to Top*************/ #backtotop {position: fixed; right: -150px; bottom: 100px; padding: 5px; background-color: #005B7D; color: #fff; border-radius: 5px 0 0 5px; display: none; font-size: 14px; text-transform: uppercase; font-weight: 600; text-decoration: none; -webkit-transition: 350ms ease; transition: 350ms ease; z-index: 999;} #backtotop .fa {font-size: 20px; margin-right: 3px; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite;} #backtotop.active {right: 0;} #backtotop:hover {background-color: #a3e6ff; color: #005B7D;} @keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-5px);} 60% {transform: translateY(-3px);}} .more {color: #0E7BA3;} .more:hover, .more:focus {color: #0E7BA3;} .inner-banner {background-color: #dce8ef; padding: 10px 0; margin-bottom:15px;} .inner-banner .brd ul {list-style: none; margin: 0; padding: 0;} .inner-banner .brd ul li {display: inline-block; margin-right: 20px;} .inner-about h1{text-transform: uppercase; font-weight: 700; text-align:center; color: #0E7BA3; margin-bottom:30px;} .inner-ab-cont1 h2 { text-transform: uppercase; margin-bottom: 20px; } .inner-about h2::after { content: " "; position: absolute; left: 0; bottom: -15px; z-index: auto; height: 3px; width: 80px; background: #0E7BA3; overflow: hidden; } .inner-about h2 { text-align: left; font-size:26px; color: #0E7BA3; text-transform: capitalize; position: relative; margin-bottom: 40px; font-weight: 600; } .faqRow { background-color: #F2F6F7; padding: 20px; margin-bottom: 20px; } .faqRow h3 { text-transform: uppercase; font-size: 18px; margin-bottom: 20px; color: #0E7BA3; font-weight: 600; } .faqRow ul { list-style:none; padding:0;} .faqRow ul li {background:url(../images_new/right-arrow.gif) no-repeat left 7px;padding:2px 0 2px 15px; list-style:none; margin-bottom: 15px;} .faqMenu { list-style: none; padding:0; margin-bottom:50px; } .faqMenu li { display: inline-block; } .faqMenu li a { background-color: #dce8ef; padding: 10px 20px; display: inline-block; border-radius: 10px; font-weight: bold; } .aboutWrap {background-color: #F2F6F7; padding: 20px; margin-bottom: 20px;} .aboutWrap h3 {text-transform: uppercase; font-size: 18px; margin-bottom: 20px; color: #0E7BA3; font-weight: 600;} .resTabWrap .resTab .tabNav {margin: 0 0 30px; padding: 0; list-style: none; width: 25%; float: left; border-left: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2;} .resTabWrap .resTab .tabContainer {width: 75%; float: right; border: 1px solid #f2f2f2;} .resTabWrap .resTab .tabNav li {display: block; width: 100%; background-color: transparent; border-bottom: 1px solid #f2f2f2;} .resTabWrap .resTab .tabContent {padding: 25px;} .resTabWrap .resTab .tabNav li a {display: block; padding: 15px 0px; text-decoration: none; font-size: 16px; font-weight: 600; color: #0e7ba3; text-align: center; border-bottom: 1px;} .resTabWrap .resTab .tabNav .r-tabs-state-active a {color: #fff; text-shadow: none; background-color: #0e7ba3; position: relative;} .resTabWrap .resTab .tabNav .r-tabs-state-active a:after {left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(14, 123, 163, 0); border-left-color: #0e7ba3; border-width: 10px; margin-top: -10px;} .gd-box {border: 1px solid #F2F6F7; padding: 20px; margin-bottom: 20px; text-align: center;} .gd-box h3 {text-transform: uppercase; font-size: 18px; margin-bottom: 20px; color: #0E7BA3; font-weight: 600;} .gd-box img {margin-bottom: 20px;} .gd-box p {text-align: justify;} .gd-box p:last-child {margin-bottom:0;} th, .tableData th {background: #0e7ba3; color: #fff; padding: 10px !important; font-weight: bold; border-color: #1682aa !important; font-size: 15px;} .table td {padding: 15px !important;} .consultation-papers a { display: block; margin-bottom: 2px; } .searchForDoctor .searchForDoctorWrap { background-color: #fff; display: none; padding: 50px 20px; position: absolute; left: 0; top: 52px; width: 1220px; transform: translateX(-66.5%); box-shadow: 0 2px 15px #ccc; } .menuSearchBox label { color: #333333DE; font-weight: bold;font-size:13px; } .searchBtn button { background: #1983A7; border: 1px solid #1983A7; border-radius: 9px; color: #fff; padding: 8px 36px; font-weight: 600; display: inline-block; text-decoration: none; } .searchBtn button:hover { background: #fff; border: 1px solid #1983A7; border-radius: 9px; color: #1983A7; text-decoration: none; } .menuSearchBox select, .menuSearchBox input{ border-radius: 4px; height: 38px; border: 1px solid #DEDEDF; color: #333333DE; } #nav li:nth-child(7), #nav li:nth-child(8){ float:right; z-index:1;} /*************Profile Page CSS Start*************/ .profileSectionWrap {padding: 25px 0;} .shortProfileDetails {padding:11px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000012; border: 0.5px solid #DEDEDF;} .profileThum {float: left; width: 28%; height: 109px; border-radius: 100%; overflow: hidden; margin-left: -4px;} .profileTexts {float: right; width: 70%;} .profileTextsEnroll { float: right; width: 100%; padding-top: 2px; font-size: 18px; } .displayActionbtn {display: inline-block; width: 100%; margin-top: 12px; padding-top: 12px; border-top: 1px solid #D1D1D1;} .profileTexts h2 {color: #222; font-size: 18px; margin-bottom: 5px; font-weight: 500;} .profileTexts ul {list-style: none; padding: 0; margin: 0;} .profileTexts ul li {width: 100%; float: left; margin-bottom:5px;} .shortProfileInfo{padding:20px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000012; border: 0.5px solid #DEDEDF;} .shortProfileInfo ul {list-style: none; padding: 0; margin: 0;} .shortProfileInfo ul li {width: 50%; float: left; margin-bottom:20px;} .shortProfileInfo ul li h2 {color: #222; font-size: 18px; margin-bottom: 5px; font-weight: 500;} .shortProfileInfo ul li span {color: #8B8B8B; font-size: 16px;} .shortProfileInfo ul li h2 small {color: #222; font-size: 14px;} .progressBarTab{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000014; border-radius: 58px; margin-bottom:25px;} .progressBarTab ul {list-style: none; padding: 0; margin: 0;} .progressBarTab ul li {width: 25%; float: left; margin-bottom: 0; text-align: center;} .progressBarTab ul li a {display: block; padding: 15px 0; position: relative; font-size: 14px; line-height: 23px; color: #000; font-weight: 500;} .progressBarTab ul li a .stepNumber {width: 30px; height: 30px; background: #DEDEDF 0% 0% no-repeat padding-box; border: 2px solid #DEDEDF; display: block; margin: 0 auto 10px; border-radius: 100%; color: #B5B5B5; font-size: 14px; line-height: 30px;} /*.progressBarTab ul li a .stepNumber::before {content: ""; width: 47%; height: 2px; position: absolute; left: 0; top: 33%; background-color: #DEDEDF; transform: translateY(-33%);}*/ .progressBarTab ul li a .stepNumber::after {content: ""; width: 100%; height: 2px; position: absolute; right: -167px; top: 33%; background-color: #DEDEDF; transform: translateY(-140%);} .progressBarTab ul li:first-child a .stepNumber::before {width: 10%; right: 167px; left: inherit; content: ""; height: 2px; position: absolute; top: 33%; background-color: #DEDEDF; transform: translateY(-33%);} .progressBarTab ul li:last-child a .stepNumber::after {width: 10%; left: 167px; right: inherit;} .progressBarTab ul li a.active .stepNumber {background: #0E7BA3 0% 0% no-repeat padding-box; border: 2px solid #0E7BA3; color: #fff;} .progressBarTab ul li a.active .stepNumber::before {background-color: #0E7BA3;} .progressBarTab ul li a.active .stepNumber::after {background-color: #0E7BA3;} .profileInformationDetails{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000014; padding:25px; margin-bottom:25px;} input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="password"],input[type="search"], select, textarea{width:100%;height:38px; padding:5px 10px; font-size:100%;line-height:normal; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #DEDEDF; border-radius: 4px; color: #222; box-shadow: none; transition: none;} #datepicker {background: url(../images/datepicker.png) no-repeat 97% 10px;} .checkboxradio {padding: 15px 0 0; margin-bottom: 25px;} .button.pullbtn {padding: 8px 20px;} .iinfoIcon {position: relative; top: -30px; right: 10px;} .select2-container {/*width: 100% !important;*/ z-index: 10 !important;} .select2-container--default.select2-container--focus, .select2-selection.select2-container--focus, .select2-container--default:focus, .select2-selection:focus, .select2-container--default:active, .select2-selection:active { outline:none; } /*.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { border:1px solid #d2d6de; border-radius:0; padding:6px 12px; height:34px }*/ .select2-container--default.select2-container--open { border-color:#3c8dbc } .select2-dropdown { border:1px solid #d2d6de; border-radius:0 } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color:#3c8dbc; color:white } .select2-results__option { padding:6px 12px; user-select:none; -webkit-user-select:none } .select2-container .select2-selection--single .select2-selection__rendered { padding-left:0; padding-right:0; height:auto; margin-top:-4px } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right:6px; padding-left:20px } .select2-container--default .select2-selection--single .select2-selection__arrow { height:28px; right:3px } .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top:0 } .select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field { border:1px solid #d2d6de } .select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus { outline:none; border:1px solid #3c8dbc } .select2-container--default .select2-results__option[aria-disabled=true] { color:#999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color:#ddd } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { color:#444 } .select2-container--default .select2-selection--multiple { border:1px solid #d2d6de; border-radius:0 } .select2-container--default .select2-selection--multiple:focus { border-color:#3c8dbc } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color:#d2d6de } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color:#3c8dbc; border-color:#367fa9; padding:1px 10px; color:#fff } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right:5px; color:rgba(255,255,255,0.7) } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color:#fff } .select2-container .select2-selection--single .select2-selection__rendered { padding-right:10px } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:0;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #DEDEDF;border-radius:4px; height: 38px; padding: 5px 10px;}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:35px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px} .select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #DEDEDF;border-radius:4px;cursor:text; height: auto; padding: 0px; min-height: 38px;} .select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:3px;padding:3px 10px; font-size: 13px;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#fff;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px; padding: 0; background: transparent; border: none;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #DEDEDF 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield; height: auto;}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { padding: 4px; border-radius: 4px; direction: ltr; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker-inline { width: 100%; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-top:before { top: -7px; } .datepicker-dropdown.datepicker-orient-top:after { top: -6px; } .datepicker-dropdown.datepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker > div { display: none; } .datepicker.days div.datepicker-days { display: block; } .datepicker.months div.datepicker-months { display: block; } .datepicker.years div.datepicker-years { display: block; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: none;} .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: rgba(0, 0, 0, 0.2); cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #777; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #444; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { color: #000000; background: rgba(0, 0, 0, 0.2); border-color: #ffb733; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { color: #000000; background: rgba(0, 0, 0, 0.2); border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { background-image: none; } .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.today, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today.disabled, fieldset[disabled] .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today:hover.disabled:active, .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:active, .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today:hover[disabled]:active, .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:hover:active, fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today:hover.disabled.active, .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled:hover.disabled.active, .datepicker table tr td.today[disabled].active, .datepicker table tr td.today:hover[disabled].active, .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today:hover.active, fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active { background: rgba(0, 0, 0, 0.2); border-color: #ffb733; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: rgba(0, 0, 0, 0.2); border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { color: #000000; background: rgba(0, 0, 0, 0.2); border-color: #f1a417; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { color: #000000; background: rgba(0, 0, 0, 0.2); border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { background-image: none; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.range.today, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today:hover.disabled:active, .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:active, .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:active, .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:hover:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today:hover.disabled.active, .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled.active, .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today:hover[disabled].active, .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today:hover.active, fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active { background: rgba(0, 0, 0, 0.2); border-color: #f1a417; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { color: #ffffff; background: rgba(0, 0, 0, 0.2); border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { color: #ffffff; background: rgba(0, 0, 0, 0.2); border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { background-image: none; } .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.selected, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.disabled, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active { background: rgba(0, 0, 0, 0.2); border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { color: #ffffff; background: rgba(0, 0, 0, 0.2); border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: #ffffff; background: rgba(0, 0, 0, 0.5); border-color: #285e8e; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-image: none; } .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover { background: rgba(0, 0, 0, 0.2); } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #444; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-image: none; } .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #444; } .datepicker th.datepicker-switch { width: 145px; } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: rgba(0, 0, 0, 0.2); } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent; } .input-group.date .input-group-addon i { cursor: pointer; width: 16px; height: 16px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; font-weight: normal; line-height: 1.428571429; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eeeeee; border: solid #cccccc; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.428571429; z-index:9999; } .datepicker.dropdown-menu th, .datepicker.dropdown-menu td { padding: 4px 5px !important; border-color: #ddd !important; border-radius: 0; color: #000; font-size: 13px;} .datepicker.dropdown-menu th, .datepicker.dropdown-menu td { background:none; } .datepicker.dropdown-menu .table > thead > tr > th, .datepicker.dropdown-menu .table > tbody > tr > th, .datepicker.dropdown-menu .table > tfoot > tr > th, .datepicker.dropdown-menu .table > thead > tr > td, .datepicker.dropdown-menu .table > tbody > tr > td, .datepicker.dropdown-menu .table > tfoot > tr > td { border-top: 1px solid #f4f4f4; } .checkboxWrap {display: inline-block; padding-left: 30px; margin-bottom: 0; margin-right: 20px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: normal;} .checkboxWrap input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-color: #fff; border:1px solid #0E7BA3 } .checkboxWrap:hover input ~ .checkmark { background-color: #0E7BA3; } .checkboxWrap input:checked ~ .checkmark { background-color: #0E7BA3; } .checkmark:after { content: ""; position: absolute; display: none; } .checkboxWrap input:checked ~ .checkmark:after { display: block; } .checkboxWrap .checkmark:after { left: 5px; top: 1px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .radioboxWrap {display: inline-block; padding-left: 30px; margin-bottom: 0; margin-right: 20px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: normal;} .radioboxWrap input { position: absolute; opacity: 0; cursor: pointer; } .radiocheckmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-color: #fff; border:1px solid #D6D6D7; border-radius: 50%; } .radioboxWrap:hover input ~ .radiocheckmark { background-color: #fff; } .radioboxWrap input:checked ~ .radiocheckmark { background-color: #fff; border:1px solid #0E7BA3;} .radiocheckmark:after { content: ""; position: absolute; display: none; } .radioboxWrap input:checked ~ .radiocheckmark:after { display: block; } .radioboxWrap .radiocheckmark:after { top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: #0E7BA3; } /********* 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="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:normal;padding:12px 30px;display:inline-block; text-decoration:none; border:0 none; margin:0; outline:0 none; font-size: 16px; border-radius: 6px; cursor: pointer;} 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:500; color: #222;} input[type="submit"], input[type="button"],input[type="reset"],button,.button{ background-color:#1983A7; color:#fff; border:1px solid #1983A7;} input[type="submit"]:hover, input[type="button"]:hover,input[type="reset"]:hover,button:hover,.button:hover{color:#1983A7; background-color:#fff; border:1px solid #1983A7;} input[type="submit"].cancelBtn, input[type="button"].cancelBtn,input[type="reset"].cancelBtn {background-color:#888;} .button.btnborder {background: transparent; border: 1px solid #0E789F; color: #0E789F;} .button.btnborder:hover {background-color:#1983A7; color:#fff; border:1px solid #1983A7;} .form-group {margin-bottom: 25px;} .searchForDoctorWrap .form-group {margin-bottom: 0px;} .asterisk-mark {color: #d70606;} .addPageButton {margin-bottom: 50px;} .submitInfoDetails {margin-bottom: 50px;} /********* Suraj CSS *********/ .displayActionbtn .switch { position: relative; display: inline-block; width: 38px; height: 21px; } .displayActionbtn .switch input { opacity: 0; width: 0; height: 0; } .displayActionbtn .slider { position: absolute; cursor: pointer; top: 0; left: 0px; right: 0; bottom: 0; background-color: #c4c4c4; -webkit-transition: .4s; transition: .4s; } .displayActionbtn .slider:before { position: absolute; content: ""; height: 17px; width: 17px; left: 0px; bottom: 2px; background-color: #0E7BA3; -webkit-transition: .4s; transition: .4s; } .displayActionbtn input:checked + .slider { background-color: #EFEFEF; } .displayActionbtn input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .displayActionbtn input:checked + .slider:before { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); } .displayActionbtn .slider.round { border-radius: 34px; } .displayActionbtn .slider.round:before { border-radius: 50%; } .displayActionbtn input:focus + .slider.round:before { background-color: #f2f2f2 !important; } .righticon { width: 15px; position: relative; top: -2px; } .shortProfileCompletness { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000012; border: 0.5px solid #DEDEDF; margin-top: 20px; padding: 20px; } .shortProfileCompletness .progress { margin-bottom: 0; border-radius: 20px; position: relative; } .shortProfileCompletness .progress-bar { background-color: #0E7BA3; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .shortProfileCompletness .progress { overflow: unset; } .shortProfileCompletness .progress span { font-size: 11px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; color: #003042; } .shortProfileCompletness .progress{ background:#65bedf;} .shortProfileCompletness .progress span{ color:#fff;} .shortProfileCompletness .progress span.shortProfileCompletnesstext{color: #fff;} .shortProfileCompletness .shortProfileCompletnesstext { width: 30px; height: 30px; border-radius: 50%; text-align: center; font: normal normal normal 12px/14px Roboto; letter-spacing: 0px; background-color: #07689F; text-align: center; color: #fff; line-height: 30px; left: 98% !important; } .profileInformationDetails { box-shadow: 0px 0px 9px 2px #00000014; } .profileInformationWrapper h2 { padding-bottom: 20px; font-weight: 500; font-size: 22px; } .shortProfileInfo ul li h2 { margin-top: 7px; } .shortProfileInfo ul li { margin-bottom: 2px; } .singleBtn {margin-top: 26px;} .orBorder {text-align: center; position: relative; margin-bottom: 10px; text-transform:uppercase;} .orBorder:before {content:" "; position:absolute; left:0; top:50%; z-index:auto; height:1px; width:48%; background:#DEDEDF; overflow:hidden;} .orBorder:after {content:" "; position:absolute; right:0; top:50%; z-index:auto; height:1px; width:48%; background:#DEDEDF; overflow:hidden;} .viewAttachment {background: url("../images_new/pdfIcon.png") no-repeat left center; padding: 7px 0 7px 32px;} .profileSec{ background:#fff; border-bottom:5px solid #00A9DA; box-shadow: 0px 3px 6px #00000029;} .profileImg{ background:url("../images_new/profile-bg.jpg") left top no-repeat; height:279px; background-size:100%; padding-top:25px; text-align:center; position:relative;} .profileThumb{ width:145px; height:145px; border:10px solid #fff; border-radius:50%; overflow:hidden; display:inline-block;} .profileThumb img{ width:100%; height:100%;} .profileName{ font-size:24px; font-weight:500; color:#fff;} .profileName span{ font-size:17px; font-weight:400; display:block; line-height:normal;} .profileDetail{ padding:50px 20px 30px; min-height: 280px;} .profileLabel{ color:#737B80; font-size:18px; font-weight:500; padding-bottom:15px; display:inline-block; word-break: break-all;} .profileLabelName{ color:#000; font-size:18px; font-weight:500; padding-bottom:15px; display:inline-block; word-break: break-all;} .profileLink{ background:#fff; border-radius:6px; padding:10px 15px; font-size:14px; font-weight:400; box-shadow: 0px 3px 6px #00000012; color:#0E7BA3; display:inline-block; position:absolute; left:50%; bottom:-20px; margin-left:-70px;} .profileLink:hover{ background:#1983A7; color:#fff;} .profileInfoDetail{ background:#fff; padding:20px; box-shadow: 0px 3px 6px #00000029; margin-bottom:20px;} .profileInfoDetail .profileInfoDesc{ list-style:none; margin: 0 0 5px;} .profileInfoDetail .profileInfoDesc li{ float:left; width:50%; padding-bottom:20px;} .profileInfoDetail .profileInfoDesc li:last-child{ padding-bottom:0;} .profileInfoDetail .profileInfoDesc li .label{ font-size:12px; font-weight:400; color:#737B80; display:block; text-align:left; padding:0; padding-bottom:5px;} .profileInfoDetail .profileInfoDesc li .labelName{font-size:16px; font-weight:500; color:#000; display:block; text-align:left;} .eduGridSection {border-bottom: 5px solid #00A9DA; min-height: 170px;} .gridShadow{box-shadow: 0px 3px 6px #00000029;} .eduGridSection h3{ color:#000; font-size:18px; font-weight:500; margin-bottom:10px;} .eduGridSection .tableData{ border:none; margin-bottom:0;} .eduGridSection .tableData th{ background:#0E7BA3; color:#fff; font-size:14px; font-weight:500; border:none;} .eduGridSection .tableData td{ border:none; border-bottom:1px solid #ddd; font-size:14px; font-weight:500; color:#606060;} .eduGridSection .tableData tr:nth-child(odd) td{ background:#fff;} .radio, .checkbox {margin-top: 0; margin-bottom: 0;} .input-area.radio .form-check {display: inline-block; margin-right: 20px;} .input-area.radio .form-check input {position: relative; margin: 0; width: 16px; height: 16px;} .RemoveSytemOfmedicine {position: absolute; right: 0; top: -15px; width: auto; z-index: 10;} .RemoveSytemOfmedicine a {background: url(../images_new/removeIcon.png) no-repeat center center; width: 30px; height: 30px; line-height: 30px; padding: 0; border-radius: 100%; display: inline-block; text-indent: 5000px; overflow: hidden; cursor: pointer;} .removeQualification {position: absolute; right: -45px; top: -15px; width: auto; z-index: 10;} .removeQualification a {background: url(../images_new/removeIcon.png) no-repeat center center; width: 30px; height: 30px; line-height: 30px; padding: 0; border-radius: 100%; display: inline-block; text-indent: 5000px; overflow: hidden; cursor: pointer;} .RemoveSpeciality {position: absolute; right: -15px; top: -15px; width: auto; z-index: 10;} .RemoveSpeciality a {background: url(../images_new/removeIcon.png) no-repeat center center; width: 30px; height: 30px; line-height: 30px; padding: 0; border-radius: 100%; display: inline-block; text-indent: 5000px; overflow: hidden; cursor: pointer;} .RemoveRegistrationdetails {position: absolute; right: -15px; top: -15px; width: auto; z-index: 10;} .RemoveRegistrationdetails a {background: url(../images_new/removeIcon.png) no-repeat center center; width: 30px; height: 30px; line-height: 30px; padding: 0; border-radius: 100%; display: block !important; text-indent: 5000px; overflow: hidden; cursor: pointer;} /*.btn:hover, .btn:focus, .btn.focus {color: #fff; text-decoration: none;}*/ .btn:focus{color: #fff;} .btn:hover, .btn:hover:focus{color: #1983A7;} .verifiedBtnR, .VerifyBtnR {position: absolute; right: 0; top: 25px;} .mobileNumber label {display: block;} .mobileNumber .areacodeInput {width: 23% !important; float: left; margin-right:10px;} .mobileNumber .numberInput {width: 70% !important; float: left;} .otpBtn {height: 38px; line-height: normal; padding: 8px 20px; font-size: 14px;} .emailPublicDis .email_id_pub {width: 96% !important; float: left; margin-right:10px;} .landLineNumber label {display: block;} .landLineNumber .areacodeInput {width: 23% !important; float: left; margin-right:10px;} .landLineNumber .numberInput {width: 73% !important; float: left;} label.error {color: #e60000; font-weight: normal; padding: 0; position: absolute; bottom: 5px; left: 15px; width: 100%;} .input-area.radio label.error {bottom: -15px; left: 0;} .input-area.radio .form-check label {font-weight: 500; padding-left: 10px;} #myModal .modal-dialog {width: 30%; margin: 100px auto 0;} #myModal .modal-content {border-radius: 0;} #myModal .modal-header {border: none;} #myModal .holder {text-align: center; padding-top: 10px;} #myModal .holder .profileThum {margin: 0 auto 15px; float: none; width: 150px; height: 150px; border: 2px solid #C9C9C9;} #myModal .holder .profileThum img {width: 100%; height:100%;} #myModal .holder h2 {font-size: 14px; font-weight: 500; color: #333333DE;} #myModal .modal-footer {text-align: center; padding: 20px 0; display: inline-block; width: 100%;} #myModal .profile_photo_img {width: 70%; margin: 0 auto;} #myModal .file-description strong {font-weight: normal; font-size: 10px; color: #000000DE;} .modal-backdrop.in {opacity: 0.9; background-color: #707070;} .modal-header {min-height: auto; padding: 10px; border-bottom: 1px solid #e5e5e5;} .modal {z-index: 99999;} .modal-header .close {margin-top: 0; float: right; font-size: 30px; font-weight: bold; opacity: 1; position: absolute; right: 20px; top: 10px; z-index: 9;} .modal-header .close:hover {border: none; color: #1983a7;} .modal-footer {border-top: none;} .previewProfileWrap{margin-bottom:50px;} .viewAttachmentIcon {margin-top: 32px;} .pullbtnArea {margin-top: 25px;} .profileSuccessBox {text-align: center; padding: 50px 0;} .profileSuccessBox .successimage {margin-bottom: 10px;} .profileSuccessBox h2 {color: #079F1B; margin-bottom: 20px; font-weight: 500;} .profileSuccessBox p {font-size: 16px; color: #000; margin: 0;} .hbi-participate-message{ text-align: center; padding-bottom: 30px; } .loginHealthIDTitle h2:after { position: absolute; content: ''; background: #0e7ba3; width: 130px; height: 2px; bottom: -7px; left: 50%; margin-left: -65px } .loginHealthIDTitle h2:before { position: absolute; content: ''; background: #0e7ba3; width: 80px; height: 9px; bottom: -10px; left: 50%; margin-left: -40px; } .loginHealthIDTitle h2 { font-size: 34px; color: #0e7ba3; text-align: center; position: relative; padding-bottom: 10px; margin-bottom: 0 } .loginHealthIDForms { padding: 10px 0 0; } .healthIDTag { font-size: 18px; text-align: center; margin-top: 30px; color: #3c4858 } .healthIDFormsBox .col-md-6 { margin: 40px auto 50px; box-shadow: 0 0 5px #ccc; border: 1px solid #dfe1e4; border-radius: 7px; padding: 25px; overflow: hidden; background: #fff; float: none } .formsBoxTitle { margin-bottom: 20px; color: #276883; font-size: 22px; text-align: center } .healthIDFormsBox .form-group .form-control:placeholder { font-size: 15px; line-height: 38px; color: #aaa; font-weight: 400 } .healthIDFormsBox .form-group label { font-size: 14px; font-weight: 600; color: #484848 } .healthIDFormsBox .form-group input.form-control { border: 1px solid #c8bebe; width: 100%; height: 38px; padding: 5px 15px; font-size: 15px; background: #fff; border-radius: 20px !important } .trailingtext { position: absolute; right: 0px; top: 25px;bottom: 0; height: 38px; background: #ececec; display: flex; justify-content: center; align-items: center; width: 100px; color: #000; font-size: 14px; border-radius: 0 20px 20px 0; border: 1px solid #c8bebe;} /*.healthIDFormsBox button.btn.btn-info { padding: 12px 40px; text-transform: capitalize; border-radius: 30px; color: #fff; font-size: 16px; font-weight: 700; margin: 0 auto; display: block; font-weight: 700; width: auto !important; background-image: linear-gradient(to right top, #00c9ff, #00c1ff, #00b8ff, #00afff, #00a5ff, #019df5, #0196ea, #008ee0, #0086c8, #007cb1, #167299, #276883) }*/ .healthIDFormsBox .form-group { position: relative } .healthIDFormsBox .form-group label .mandatory { color: red } .healthIDFormsBox .form-group .form-control::placeholder { line-height: 26px } .healthIDFormsBox .form-group input.form-control:focus { border-color: #66afe9 !important; outline: 0 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important } .needHelpSection {width: 100%; padding: 0 0 30px; text-align: center; position: relative; color: #444;} .needHelpSection p {font-size: 16px; line-height: 30px;} .needHelpSection p a {color: #1983a7; text-decoration: none;} .needHelpSection p a:hover {color: #444; text-decoration: none;} /*.needHelpSection .button { display: inline-block; margin-top: 15px } .needHelpSection .button a { background-image: linear-gradient(to right top, #00c9ff, #00c1ff, #00b8ff, #00afff, #00a5ff, #019df5, #0196ea, #008ee0, #0086c8, #007cb1, #167299, #276883); padding: 12px 40px; text-transform: capitalize; border-radius: 30px; color: #fff; font-size: 16px; font-weight: 700 }*/ .accountTextLink { text-align: center; color: #444; font-size: 15px;} .accountTextLink a { color: #00beff; text-decoration: underline } .accountTextLink a:hover { color: #444; text-decoration: none } #register, #verify_otp { display: inline-block !important; float: none !important } .mb20 { margin-bottom: 20px } .detail404 { max-width: 800px; width: 100%; margin: 70px auto 30px; text-align: center; background-color: #fff; padding: 30px } .detail404 h2 { margin-bottom: 10px; position: relative; display: inline-block; text-transform: uppercase; font-size: 2em; color: red } .detail404 h2:after, .detail404 h2:before { width: 14px; height: 2px; background-color: #2d378a; content: ""; position: absolute; top: 50%; margin-top: -3px } .detail404 h2:before { left: -30px } .detail404 h2:after { right: -30px } .detail404 h3 { display: inline-block; font-size: 110px; line-height: .9; padding-bottom: 10px; margin-bottom: 10px; color: #276883; border-bottom: 1px solid #000 } .detail404 .largeText { font-size: 1.5em; color: #999; margin: 30px 0 0 0; background-color: #276883; color: #fff; padding: 5px 20px; font-weight: 700; line-height: 1.3; text-transform: uppercase; margin-bottom: 13px } .detail404 p { text-align: center; color: #444 } .detail404 .button:hover { color: #00cafe; background: #fff } .detail404 .button { background: #00cafe; border: 1px solid #00beff; padding: 10px 40px; text-transform: capitalize; border-radius: 30px; color: #fff; font-size: 14px; margin-right: 6px; margin-top: 20px; font-weight: 700; text-decoration: none } .pleaseNoteBox .bulletTexts { list-style:none; padding:0;} .pleaseNoteBox .bulletTexts li {background:url(../images_new/writeIcon.png) no-repeat left 4px;padding:2px 0 2px 20px; margin-bottom: 5px; background-size: 15px;} .searchByWrap {padding: 20px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000012; border: 0.5px solid #DEDEDF; margin-bottom:20px;} .searchByWrap select{border: 1px solid #DEDEDF;} .registryMembersBox {padding: 20px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000012; border: 0.5px solid #DEDEDF; margin-bottom:20px; border-radius: 7px; overflow: hidden; position:relative;} .drprofileLeft { width: 100px; text-align: center; margin-right: 10px; float: left; } .drprofileThum { float: left; width: 100px; height: 100px; border-radius: 100%; overflow: hidden; border:0.5px solid #DEDEDF; margin-bottom:5px; } .drprofileRight { float: right; width: 65%; color: #000; } .yrsExpe { position: absolute; top: 0; right: 0; background-color: #0E7BA3; color: #fff; padding: 2px 10px; } .drFullName { font-size: 16px; font-weight: bold; color: #0e7ba3; display: block; padding-top: 8px; } .drQualification { max-height: 24px; overflow: hidden; } .drSpecialization { color: #0e7ba3; margin-bottom: 10px; max-height: 24px; overflow: hidden; } .placeWork {background:url(../images_new/map1.png) no-repeat left 7px;padding:2px 0 2px 15px; max-height: 24px; overflow: hidden; } .membersDetailsLeft {padding: 20px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000012; border: 0.5px solid #DEDEDF; margin-bottom:20px; border-radius: 7px; overflow: hidden; position:relative;} .digiDoctorPhoto { float: left; width: 150px; height: 150px; border-radius: 100%; overflow: hidden; border:0.5px solid #DEDEDF; margin-right:25px; text-align:center; } .digiDoctorName { font-size: 22px; font-weight: bold; color: #0e7ba3; display: block; margin-bottom: 20px; } .digiDoctorInfo span { width: 250px; float: left; margin-bottom: 0px; } .digiDoctorInfo span.dInfoLabel { font-weight: bold; color: #005b7d; } .aboutDetailsList ul { list-style:none; padding:0;} .aboutDetailsList ul li {background:url(../images_new/iconRound.png) no-repeat left 4px;padding:2px 0 2px 20px; margin-bottom: 10px; width: 50%; float: left;} .dInfoText br { display: none; } .aboutDetailsList ul li .dInfoLabel { font-weight: bold; margin-right: 20px; color: #000; float: left; } .aboutDetailsList ul li .dInfoText{color: #005b7d;float: left;width: 70%;} .borderline {margin: 0 0 25px; border-top: 1px solid #DEDEDF;} #ModalPublicDisplay .file-description h2 { font-size: 20px; font-weight: 500; color: #000; margin-bottom: 10px; } #ModalPublicDisplay .checkboxradio .checkboxWrap { width: 40%; float: left; margin-bottom: 13px; } #ModalPublicDisplay .textarea .form-group { margin-bottom: 5px; } #charlimit { width: 100%; display: block; } #overlay{background:#fff;color:#666;position:fixed;height:100%;width:100%;z-index:5000;top:0;left:0;float:left;text-align:center;padding-top:25%;opacity:.8} .spinner { margin: 0 auto; height: 64px; width: 64px; animation: rotate .8s infinite linear; border: 5px solid #48768a; border-right-color: transparent; border-radius: 50%; } .form-control { height: 38px; } .toggleSwitchWrap {display: inline-block; width: 100%; margin-top: 12px; padding-top: 12px; border-top: 1px solid #D1D1D1;} .toggleSwitchBox { position: relative; width: 38px; height: 21px; padding-bottom: 0; float: right;} .toggleSwitchBox input { opacity: 0; width: 0; height: 0; } .toggleSwitchBox .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #E7E7E7; -webkit-transition: .4s; transition: .4s; } .toggleSwitchBox .slider:before { position: absolute; content: ""; height: 17px; width: 17px; left: 2px; bottom: 2px; background-color: #bdbcbc; -webkit-transition: .4s; transition: .4s; } .toggleSwitchBox input:checked + .slider { background-color: #E7E7E7; } .toggleSwitchBox input:checked + .slider:before { background-color: #0E7BA3; left: -8px;} /*.toggleSwitchBox input:focus + .slider { box-shadow: 0 0 1px #2196F3; }*/ .toggleSwitchBox input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .toggleSwitchBox .slider.round { border-radius: 34px; } .toggleSwitchBox .slider.round:before { border-radius: 50%; } .forPopupVerification .modal-dialog {width: 40%; margin: 100px auto 0;} .forPopupVerification .modal-header h4 {margin: 0; padding: 15px 30px; font-size: 18px; font-weight: 500;} .forPopupVerification .modal-body .otp_verify_button {margin-top: 25px;} .forPopupVerification .send-otp-success {margin-left: 15px; margin-bottom: 10px;} .forPopupVerification .otp_resend_button .button {padding: 8px 20px;} /* Near by Search CSS */ .mapWrap{margin-top:25px;} #nearby_search {margin: 0 !important; display: inline-block !important; width: 48% !important; padding-bottom: 0 !important; float:left;} .mmiNrSl {border: none !important; margin-top: 0 !important; border-radius: 0 !important; padding: 0 !important;} .mmiNrSl span {font-size: 22px; font-weight: 500;} .MMInrbx {border: none !important; background: transparent !important; padding: 0 !important; margin: 10px 0 5px !important; border-radius: 0 !important;} .mmiNrSl .MMInrbx label {display: block; margin-bottom: 0; padding: 0;} .mmiNrSl .MMInrbx label label {margin-bottom: 10px; margin-top: 10px;} .MMInrbx + div {width: 70%; float: left;} #MMInrbtn_nearby_search {padding: 9px 20px !important; border: 1px solid #1983A7 !important; width: auto !important; margin-bottom: 0 !important; margin-top: 0 !important;} .mmiNrSl center {margin-bottom: 25px; text-align: right;} #map {width: 48% !important; margin: 0 !important; padding: 0 !important; float: right !important; height: 465px !important;} #map1 {width: 48% !important; margin: 0 !important; padding: 0 !important; float: right !important; height: 465px !important;} .mmi_match {font-size: 15px !important; color: #1983a7 !important; font-weight: 600 !important;} .mmi_search_dv .highligher-search {font-size: 15px !important; line-height: normal !important; color: #222 !important; font-weight: 600 !important;} .mmi_s_ul li {padding: 10px !important;} .mmi_search_dv {border: 1px solid #efecec !important;} #pwrd {border-top: none !important;} .mmi_s_ul li:hover, .mmi_s_ul li.active {background-color: #f7f7f7 !important;} .nrMMImain {overflow-y: auto; font-family: 'Roboto', sans-serif !important; background: #fff !important; padding: 0 !important; color: #222 !important; height: 270px !important; border-bottom: 2px solid #1983a7 !important; margin-bottom: 20px;} .nrMMIot {background: #fff !important; cursor: pointer !important; padding: 10px !important; border-radius: 0 !important; margin: 0 !important; border-bottom: 1px solid #ccc !important;} .nrMMIot h3 {margin: 0 0 7px !important; color: #1983a7 !important; font-weight: 500 !important;} #pwrd {display: none !important;} #map #attr {display: none !important} #map1 #attr {display: none !important} .buttonWidthFix {width: 40%;} #verify-button {margin-bottom: 20px;} .thumbProfile{ width:50px; height:50px; overflow:hidden; box-shadow:2px 2px 2px 0px #d1d1d1; border-radius:50%; display:inline-block; border:4px solid #fff;} .thumbProfile img{ width:100%; height:auto;} .profImagetopRight{ text-align:center; margin-right:10px; z-index:9999; position:relative;} .profImagetopRight, .healthCareLogo{ float:right;} .userProfName{ display:block;} .logoutNav{ text-align:center; width:15px; display:inline-block; cursor:pointer; position:relative; } .navLine{ width: 15px; height: 2px; background-color: black; margin: 3px 0; display:block;} .logOut{ display:none; width:180px; position:absolute; top:20px; left:0px; background:#fff; border:1px solid #d1d1d1; padding:5px 10px; color:#0E7BA3; box-shadow:2px 2px 2px 0px #d1d1d1; text-align:left; padding:10px; z-index:9999;} .logOut ul{ margin:0; padding:0; list-style:none;} .logOut li{ border-bottom:1px dotted #d1d1d1; margin-bottom:5px; padding-bottom:5px;} .logOut a{ color:#0E7BA3; text-align:left;} .logOut a:hover, .logOut li:hover{ color:#222;} .labelText{ color:#0E7BA3; padding:5px 0;} .holder ul{ margin:0; padding:0; list-style:none;} .holder .checkbox input[type=checkbox]{ margin-left:0; margin-top:2px;} .holder .toggleSwitchWrap{ border-top:none; margin:0;} #ProfilePictureSuccess .modal-dialog {width: 30%; margin-top: 100px; text-align: center;} #ProfilePictureSuccess .PicturePictureSuccess {padding: 60px 0;} #ProfilePictureSuccess .image-success-message {color: #079F1B; font-size: 18px; margin-top:20px; font-weight: 500;} #ProfilePictureSuccess .image-success-message p{margin:0;} .nrMMIot.active {background-color: #00a1ff1f !important;} .declareFacilityBtn {margin-bottom: 30px;} #orBorderdf .orBorder:before, #orBorderdf .orBorder:after{width:100%;} #tooltip-field {/*height: 120px !important;*/ line-break:anywhere;} .mapboxgl-ctrl-bottom-right {display: none !important;} a.remove-mr { position: absolute; right: -15px; top: -15px; z-index: 9999; background: url(../images_new/removeIcon.png) no-repeat center center; height: 30px; width: 30px; content-visibility: hidden; cursor: pointer; text-indent: 5000px; overflow: hidden; color: #fff; } a.remove-mr i{display:none;} .degreenameLabel {font-size: 13px;} #alt_email_otp_verification_popup .modal-body { padding: 15px 30px; } .verified-Query{position:absolute;top:2px;font-size:14px;color:red;font-weight:700;right:10px} .self-verified{position:absolute;top:2px;font-size:14px;color:#999;font-weight:700;right:10px} .verified{position:absolute;top:2px;font-size:14px;right:20px;color:green;font-weight:700;right:10px} .admin-verified-Query{float:right;font-size:14px;color:red;font-weight:700} .admin-self-verified{float:right;font-size:14px;color:#999;font-weight:700} .admin-verified{float:right;font-size:14px;color:green;font-weight:700} .usersInfoBtnApprov .btnApprovLink {display: inline-block; margin: 0 20px;} .usersInfoBtnApprov .btnApprovLink.active {font-weight: 500; border-bottom: 1px solid;} .profileDetail .col-lg-6 {width: auto; padding-right: 0;} .statusBox { height:30px; } .borderRed { border: 1px solid red !important; } .redlabel { color: red !important; } .vision_icon_position {text-align: center; margin-bottom: 20px;} .loginContainerWrap { padding: 50px 0; } .loginContainerWrap .loginHealthIDForms { box-shadow: none; border: none; border-radius: 0; background: url(../images_new/managementLoginBg.png) no-repeat bottom left #fff; background-size: unset; padding: 25px; overflow: hidden; width: 100%; margin: 0 auto; box-shadow: 0 0 20px #dbdbdb; } .loginContainerWrap .loginHealthIDTitle h2::after, .loginContainerWrap .loginHealthIDTitle h2::before { display:none; } .loginContainerWrap .loginHealthIDTitle h2 span { border-bottom: 2px solid #07689F; text-transform: uppercase; font-size: 26px; font-weight: bold; color: #07689F; text-align: center; } .loginContainerWrap .healthIDTag { margin-top: 0; margin-bottom: 20px; font-size: 16px; } .loginContainerWrap .loginHealthIDForms label { display: inline-block; margin-bottom: 5px; color: #737B80; font-weight: normal !important; font-size: 14px; } .loginContainerWrap #healthId { background: url(../images_new/userIcon.png) no-repeat 10px 10px #fff; padding-left: 40px; } .loginContainerWrap .healthIDFormsBox .form-group input.form-control { border: 1px solid #DEDEDF; width: 100%; height: 38px; padding: 5px 15px; font-size: 15px; background: #fff; border-radius: 5px !important; } .loginContainerWrap .trailingtext {border-radius: 0 5px 5px 0; border: 1px solid #DEDEDF;} .loginContainerWrap .needHelpSection { text-align: left; padding: 25px; margin-top: 30px; background-color:#fff; box-shadow: 0 0 20px #dbdbdb; } .registrationBox .aboutWrap { padding: 0px 10px 0px 10px; background-color: #FFF; margin: 0px; } .registrationBox .aboutWrap ul.bulletText li { margin-bottom: 0px; } .registrationBox .aboutWrap ul.bulletText { margin: 0; } .registrationBox .aboutWrap h3 { padding: 0px; margin: 0px; } .registrationBox hr { padding: 0px; margin: 5px 0px 5px 0px; } .loginContainerWrap .loginHealthIDForms {min-height: 400px;} .mapboxgl-map {height: 330px; margin-bottom: 20px;} .btnfacilitypinpoint.button {margin-bottom: 0px;} .lbl_tooltip_field { width: 95%; } .modal-body h2 {padding-right: 25px;} .form-group .select2-container {width: 100% !important;} .qualificationNurseWrap {margin-bottom: 20px;} .qualificationNurseWrap td {vertical-align: top; position: relative;} .qualificationNurseWrap td .pullbtnArea {margin-top: 10px; position:relative;} .qualificationNurseWrap td .pullbtnArea .iinfoIcon {top: -10px; right: -10px; position: absolute;} .qualificationNurseWrap td .form-group {position: relative; margin-bottom: 20px;} .qualificationNurseWrap td .form-group label.error {bottom: -20px; left: 0;} .qualificationNurseWrap td.fileUploadOption .form-group label.error {bottom: -23px;} .anyotherscollege label.error, .anyothersuniversity label.error {bottom: -2px !important;} .anyotherscollege .form-group, .anyothersuniversity .form-group {margin-bottom: 25px !important;} .qualificationNurseWrap td .viewAttachmentIcon {margin-top: 0; text-align:center;} .qualificationNurseWrap .nurseRemoveIcon{position:relative;} .qualificationNurseWrap .nurseRemoveIcon .remove-mq {background: url(../images_new/nurseRemoveIcon.png) no-repeat center center; width: 22px; height: 30px; line-height: 30px; padding: 0; border-radius: 0; display: inline-block; text-indent: 5000px; overflow: hidden; cursor: pointer;} .qualificationNurseWrap td .select2-container {width: 145px !important;} .RegisteredWithCouncil .select2-container {width: 100% !important;} .profileVerifyBox .inoutBox {position: relative;} .profileVerifyBox .inoutBox #opt_button {position: absolute; right: 0; top: 0;} .profileVerifyBox .inoutBox #opt_button .button { padding: 9.5px 20px; font-size: 14px; } .profileVerifyBox .inoutBox #verifiedAlready {position: absolute; right: 0; top: 0;} .profileVerifyBox .inoutBox #verifiedAlready button {padding: 8px 20px; font-size: 14px;} .profileVerifyBox .inoutBox #verifiedAlready button:hover {color: #fff; background: #006200;} .cart-qty-minus, .cart-qty-plus {padding: 3px 15px; font-size: 24px; font-weight: bold; vertical-align: top; border: 1px solid #DEDEDF; background: transparent; color: #222;} .searchByWrap .form-group button {padding: 8px 20px; margin-top: 26px;} .autoSelectRedborder .select2-container--default .select2-selection--single {border: 1px solid red !important;} .RadioRedborder .select2-selection--multiple { border: 1px solid red !important; } #reply_comment-error{ color:#F00;} input[type="radio"].borderRed{ accent-color:red; } .qualificationTable table td { position: relative;} .qualificationTable .query-notification-icon { position: absolute; top: -13px; right: 0; color: #F00; font-weight: bold; } .comment_box { border-bottom: 1px solid #E9E9EA; padding: 5px 0; } .siteUnderMaintenanceBox .maintenanceContent { width: 35%; display:inline-block; vertical-align: middle; } .siteUnderMaintenanceBox .maintenanceImages { text-align: center; width: 15%; display:inline-block; vertical-align:middle; } .siteUnderMaintenanceWrap { background-color: #fff; padding: 10px 0; border-top: 2px solid #00c9ff; border-bottom: 2px solid #00c9ff; text-align:center; } .maintenTitle { color: #276883; text-align: center; font-size: 16px; font-weight: 600; margin-bottom: 5px; } .maintenanceContent p { text-align: center; font-size: 14px; color: #000; } .maintenanceContent { padding-top: 0; } .maintenanceContent p strong { display: block; margin-top: 10px; } .searchByWrap .row { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px } .drprofileThum img, .digiDoctorPhoto img, .thumbProfile img, .profileThum img{ width:100%; height:100%; } .form-control[readonly] { pointer-events: none; } .profileVerifyBox #email-official-error{ position:relative; left:0; bottom:0;} .mobileVerify #mobile-official-error{ left:0; bottom:-20px;} .profileName .newProfileName{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 30px;} .digiDoctorInfo span.emaiPublic{line-break:anywhere;} #DocumentViewPopup .modal-body{ height:80vh!important;} #email_otp_err_public{ position:relative; top:10px;} .password-visible{ font-size:1.5em; position:absolute; right:20px; top:30px; cursor:pointer;} .passView.password-visible .fa-eye-slash{ color:#1983A7;} .profileAadharField .trailingtext{ right:15px; top: 26px;;} .profileSelect2Field .select2-container--default .select2-selection--single{ border-radius:20px; border-color:#c8bebe;} .profileAadharField, .profileSelect2Field{ margin-bottom:0!important;} .fixed-header { position: fixed; top: 0; left: 0; width: 100%; z-index:100; background:#fff; transition:all 0.5s ease;} .logoText h1{ font-size: 16px; font-weight: 700;} .logoText span{ font-weight: 400; font-size: 14px;} .mainLogo, .logoText{ float: left;} .logoText{ padding: 10px 0 0 10px;} .msgSuccess{ color: #1fa91f!important;} .profileForm .form-group{ margin-bottom:15px;} .profileForm label.error {color: #e60000 !important; font-weight: normal !important; padding: 0 !important; position: unset !important; bottom: 5px !important; left: 15px !important; width: 100% !important;} .profileForm input:read-only {background-color: #f2f2f2!important;} .newProfileTexts li{ padding:0 10px;} .newProfileTexts li .mobileVerify{ position: relative;} .newProfileTexts .onlyBtn, .newProfileTexts .otpBtn{ position: absolute; top: 2px; right: 2px;} .newProfileTexts .btn:hover, .newProfileTexts .btn:hover:focus{ background-color: #006200; color:#fff!important;} .newProfileTexts .otpBtn:hover { background-color:#1983A7!important;} .newProfileTexts .otpBtn { top: -1px!important; right: 1px!important;} .newProfileTexts .forPopupVerification .onlyBtn, .newProfileTexts .forPopupVerification .otpBtn{ position:relative!important;} .newProfileTexts .forPopupVerification .resend_mobile_otp{ margin-top:10px;} /* HBI form */ .hbi-form { padding: 60px 0; background-color: #E9ECF3; } .hbi-form h2{ font-size: 30px; color: #264488; padding-left: 20px; } .hbi-form h2:after{ top: 0; bottom:0; height: auto; width: 4px; background: #FF8B00; } .passport-form-group .form-group{margin-bottom: 0; } .hbi-form .searchByWrap{ padding-top: 60px;} .hbi-form .select2-container--default .select2-selection--multiple .select2-selection__choice{ background-color: #264488;} .hbi-form .btn-primary{ background-color: #264488;} .hbi-form input[type="submit"], .hbi-form input[type="button"], .hbi-form input[type="reset"], .hbi-form button, .hbi-form .button { background-color: #264488; } .publicContact .verifiedBtnR, .VerifyBtnR { position: absolute; right: 31px !important; top: 25px; } #declaration-error { padding: 0 55px 53px !important; } #error-message-img { color:red } .g-recaptcha { margin: 0 auto; width: 50%;}