/* CSS Document */ body{background-color:#F8F8F8 !important; font-family: 'Open Sans',"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 17px; font-weight: normal; line-height: 1.6875; -webkit-font-smoothing:antialiased} html, body, div, a, span, object, iframe,h1, h2, h3, h4, h5, h6, p, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, sub, sup, var,i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:400;text-decoration:none;list-style:none;} blockquote{border-left: 4px solid #efefef; margin-bottom: 20px} a:focus, a:hover{text-decoration:none} #wrapper{width:100%} .footer{border-top:1px solid #efefef; color: #999; font-size: 13px; margin: 45px auto 25px; max-width:50%; padding: 35px; text-align:center} .footer img{height: 25px; vertical-align:bottom} .footer p{margin-top:10px; font-size: 11px} .h3, h3{font-size: 25px; font-weight:500; margin:0; padding:0} .h6, h6{font-size: 19px; font-weight: 300} .h5, h5{font-size: 17px; font-weight:300; padding:0} .h1, .h2, .h3, h1, h2, h3{margin: 20px 0; line-height: 56px} h2{font-size: 28px; margin: 25px 0 20px; font-weight: 500; line-height:25px} h1{font-size: 40px; font-weight:600} li{margin-bottom: .8em} p{margin-bottom: 20px} .center{text-align:center} .clear{clear:both} .margin-top{margin-top: 35px} .margin-bottom{margin-bottom: 25px} .login-header{max-width:250px; margin: 0 auto 65px; padding:0; line-height:normal; font-size: 20px; text-align:center} .nofloat{float:none} .mx1{max-width: 1008px; margin:0 auto} img{max-width: 100%; height: auto} .arrow{float:right;line-height:1.42857}.glyphicon.arrow:before{content:"\e079"}.active>a>.glyphicon.arrow:before{content:"\e114"}.fa.arrow:before{content:"\f104"}.active>a>.fa.arrow:before{content:"\f107"}.plus-times{float:right}.fa.plus-times:before{content:"\f067"}.active>a>.fa.plus-times{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.plus-minus{float:right}.fa.plus-minus:before{content:"\f067"}.active>a>.fa.plus-minus:before{content:"\f068"} @-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; } } @media screen{ a{text-decoration: none} a:hover{text-decoration: underline} a[data-toggle="tooltip"]:hover{cursor: pointer;text-decoration:none} a.icon{color:#777} .form-container{margin: 0 auto; max-width: 420px; text-align:center; padding: 0 15px} .account-form{text-align:left; margin:0 auto} .account-form .form-row, .form-row{ margin:0 15px 15px 0; position: relative; overflow:auto; width:100%} .account-form .half{width: 46%; display:inline-block; margin-right: 5px} .account-form input[type=text], .account-form input[type=tel], .account-form input[type=url], .account-form input[type=password], .account-form input[type=email],.account-form select, .disabled-input, .account-form textarea {border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background: #fff; border: 1px solid #d1d1d1; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05); color: #1f3244; font-weight: 300; font-size: .95em; padding: 1.015em 0.7em 0.75em; width: calc(100% - 18px); transition: all 0.1s ease-in-out} .account-form input[type=text]:focus, .account-form input[type=tel]:focus, .account-form input[type=url]:focus, .account-form input[type=password]:focus, .account-form input[type=email]:focus, .account-form select:focus {outline: none; box-shadow: none; border: 1px solid #3675b4} .account-form h3{font-weight: 500; font-size: 19px; margin-bottom: 25px; margin-top:1em} .account-form label.label-floatlabel{font-weight: 300; font-size: 11px; color:#999; left:0!important; top: 1px!important; padding: 2px 0 0 4px} .spacer{padding: 35px 0} .wrapper{padding: 10px 18px} .content-holder{max-width: 420px; margin: 0 auto; text-align:center} .button_box{text-align:center} .button_box .btn{font-size: 15px; padding:1em 2em} .btn.alt{padding: 12px 14px; font-family:'Oxygen', sans-serif} .error{background-color:#933; color:#fff; margin: 15px auto; padding: 16px; text-align:center; max-width:90%} .success{background-color: #396; color:#fff; margin: 15px auto; padding: 16px; text-align:center; max-width:90%} .success h4, .error h4, .success a{color:#fff} .success p, .error p, .success a{font-size: 16px} .input-error,.account-form input.input-error{border:1px solid #d64830 !important} .existing-account{background:#fff; padding: 20px; margin-bottom: 25px} .icon-help-circled{cursor:pointer; color:#c9c8c8; font-size: 13px} #login{background-color: #028484 !important; transition-timing-function: linear; transition-duration: 0.5s; transition-property: opacity;} #login h1{font-size:30px; line-height: 30px} #login .form-container {border: 1px solid #d3d3d3; border-radius: 3px; background-color: #eee; max-width:540px; padding-top:35px} #login .footer{color:#FFF; border-top:0} .btn{padding: 10px 18px; font-size: 15px} #login .account-form{width: 80% !important; margin: 0 auto} nav{background:#337ab7; width: 100%; padding: 6px 10px; font-size: 15px; color:#FFF} .centered{margin: 0 auto} .page-content{padding: 25px 0} .main-content{-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.27); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.27); overflow:auto; box-shadow: 0 0 6px rgba(0,0,0,0.27); background: #fff; border-radius: 2px; padding: 40px 0; width: 100%;} .content{padding:0 20px} .dashstats{position:relative; margin-top: 15px} .dashstats figure{background: #a5b6c7; color:#FFF; padding: 20px; max-width: 80px; min-height:80px; max-height:80px; margin: 0 auto} .dashstats i{font-size: 2.8em} .dashstats .count, .dashstats .suffix{display: block} .dashstats .count{font-size: 30px; padding: 15px 0} @media(max-width:768px){ [class ^= "col-md-"]{margin-bottom: 35px !important} } .lookhere{color:#777} nav .nav-btn.btn-transparent{color:#555; border-color:#555} nav .nav-btn.btn-transparent:hover{color:#f0ad4e; border-color:#f0ad4e} nav .nav-btn.btn-transparent{color:#fff; border-color:#fff} nav .nav-btn.btn-transparent:hover{color:#bdc3c7; border-color:#bdc3c7} .mnotify{padding: 25px 10px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; max-width: 640px} .mnotify .note{padding: 10px 0} .symlink{color:#777; font-weight: 300} .symlink:hover{text-decoration:none} .app-form{text-align:left; margin:0 auto} .app-form .form-row{ margin:0 15px 15px 0; position: relative; width:100%} .app-form .half{width: 46%; display:inline-block; margin-right: 5px} .app-form input[type=text], .app-form input[type=tel], .app-form input[type=url], .app-form input[type=password], .app-form input[type=email], .disabled-input, .app-form textarea {border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background: #fff; border: 1px solid #d1d1d1; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05); color: #1f3244; font-weight: 300; font-size: .95em; padding: 1.015em 0.7em 0.75em; width: calc(100% - 18px); transition: all 0.1s ease-in-out} .app-form input[type=text]:focus, .app-form input[type=tel]:focus, .app-form input[type=url]:focus, .app-form input[type=password]:focus, .app-form input[type=email]:focus, {outline: none; box-shadow: none; border: 1px solid #3675b4} .app-form h3{font-weight: 500; font-size: 19px; margin-bottom: 25px; margin-top:1em} .app-form label.label-floatlabel{font-weight: 300; font-size: 11px; color:#999; left:0!important; top: 1px!important; padding: 2px 0 0 4px} .project-list{padding: 15px} .project-list li{background: url(../img/folder.png) no-repeat left -5px; line-height: 20px; vertical-align:top; margin:0 auto 2em; padding-left: 55px} .meta{font-size: 12px; color:#777} .meta .username{text-transform: lowercase} #project .title{font-size: 24px; margin-bottom:0} .project-details{font-size: 14px; color:#777; padding-top:20px} .project-details p{margin-bottom: 5px} .project-details .description{max-width: 120px} .file-count{font-size: 14px; color:#777} .project-files-list{position:relative; overflow:auto; margin-top: 15px} .project-files-list .list-item{border: 1px solid #efefef; padding: 30px; font-size: 14px; margin-bottom: 35px} .project-files-list .list-item img{max-width: 100px; margin-bottom: 20px} .project-files-list .list-item .download-link{position:absolute; right: 30px; margin-left: 8px} .actionspan a{display:inline} .project-list.action-list li:hover{cursor:pointer} .notify{padding: 20px; width: 90%; margin:0 auto} nav .container{position:relative} .main-menu{margin-right: 25px} .main-menu > li{float:left; margin-right: 50px; margin-bottom: 0} .main-menu > li a{color:#fff; display:block; padding: 17px 0 13px} .main-menu > li a:hover{text-decoration:none} .dropmenu{display:none;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.27); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.27); overflow:auto; box-shadow: 0 0 6px rgba(0,0,0,0.27); background: #fff; border-radius: 2px; padding: 0; position:absolute; z-index:10001} .dropmenu{text-align:left; margin-top: -5px} .dropmenu ol{display:block; position: relative; width:100%} .dropmenu ol li{border-bottom: 1px solid #efefef; margin:0; width: 250px} .dropmenu ol li:last-child{border:none} .dropmenu ol li a{padding: 10px 15px; display:block; color:#333;} .dropmenu ol li a .vortex{ max-width:220px; margin:0 auto; display:block; font-size:85%} .dropmenu ol li a:hover{text-decoration:none; background-color:#efefef} .dropmenu ol li a i{margin-right: 10px} .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{font-size: 15px} .pagetopwrapper{border-bottom: 1px solid #ededed; max-height:65px; padding: 0 20px 7px; margin-bottom: 25px} .pagination>li>a, .pagination>li>span{padding:4px 8px; font-size:90%} .dataTables_info{font-size: 85%; } #mainheader{position:fixed; top:0; width:100%; z-index:50; box-shadow: 0 2px 5px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.25); -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.25)} .home-page #mainheader{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none} .nav{padding: 10px 0; overflow:auto; background-color:#FFF; transition: padding .6s; -webkit-transition: padding .6s} #mainheader.squeeze .nav{padding: 5px 0} .navwrapper{display: table; height:auto; width: 100%} #logo{float: left; width: 140px; transition: width .6s; -webkit-transition: width .6s} #mainheader.squeeze #logo{width: 120px} #primary-nav{float: right; position:relative; min-height: 46px; margin: 9px 35px 0} #primary-nav li{float:left; margin:0} #primary-nav li a {font-size: 14px; position: relative; padding:0 18px; cursor: pointer; color: #555; display: block;line-height: 42px; text-transform:uppercase} #primary-nav li a:hover, #primary-nav li a:focus, .home-page #primary-nav li a:hover, .home-page #primary-nav li a:focus, #primary-nav li a.active{text-decoration:none; color: #f0ad4e} #page-wrapper{padding-top: 75px} .home-page #page-wrapper{padding-top: 180px} .home-page #primary-nav li a{color:#bdc3c7} .home-page #primary-nav li a:hover{color:#FFF} .home-page .nav{background: none} .section-padder{padding-bottom:40px} #home-product-overview h2{padding-bottom: 40px} #home-usp h2, #home-clients h2{padding-top: 0} #home-usp h3{font-weight:500; line-height: 1.5} #home-clients{padding-top: 20px} #home-clients .bx-controls{max-width: 80px; position:absolute; bottom:50%; right:0;} #home-clients .bx-controls .bx-prev{display:none} #home-clients .bx-controls .bx-next:hover{text-decoration:none} #home-clients .bx-controls .bx-next i{color:#999; font-size:32px; opacity:0.3} #home-clients .bx-controls .bx-next:hover i{opacity:1} .client-logos{padding-top: 40px} .userTestimonials p{font-size:16px;font-style:italic;font-weight:600;color:#6a6a6a} .userTestimonials{border:1px solid #ddd;padding:20px 34px;border-radius:8px;overflow:hidden;background-color:#fcfcfc;margin-bottom:6px;width:90%; margin-top:30px; max-height: 120px; overflow-y: scroll} .userTestimonial{float:left;margin-top:10px} .portraitImages{background-position:-0px 1px;float:left;margin:10px 10px} .portraitImages {background-image: url(/img/none.png); width: 50px; height: 50px;} .bold-subhead{color:#6a6a6a; font-size: 14px; font-weight:700;padding-left:-20px;text-transform:uppercase;margin-top:5px} .subtext{color:#555; font-size: 14px; font-weight:300} @media(max-width:468px){.userTestimonials{width:100%}} .userTestimonials:before{content:"\A";border-style:solid;border-width:10px 10px 0 10px;border-color:#eee transparent transparent transparent;position:absolute;bottom:67px;left:38px} .userTestimonials:after{content:"\A";border-style:solid;border-width:10px 10px 0 10px;border-color:#fcfcfc transparent transparent transparent;position:absolute;bottom:69px;left:38px} .usp-list{text-align:center} .t-icon{text-align:center; font-size:5em; padding-bottom: 15px} .home-feature-list .encircle{max-width: 150px} .home-feature-list{margin-top: 20px} @media(max-width:768px){ .home-feature-list{clear:both; margin-bottom:85px} } .home-feature-list h3{padding-bottom: 20px} .home-feature-list ul{padding: 0} .home-feature-list ul li{background: url(../img/list-img-1.png) no-repeat left top; vertical-align:top; width: 90%; margin:0 auto 1.3em; padding-left: 35px} .product-button{background-color: #FFF; border: 1px solid #999999; color:#888; font-size: 20px; padding:10px 18px} .product-button i{margin-left: 6px} .hero .lets-go{font-size: 50px; font-weight: 400; color: #bdc3c7; padding-top: 65px} #home-banner{background-image:url(../img/home-banner.jpg); background-color:#660066; background-position: center 0; background-repeat: no-repeat; min-height: 662px} .hero{background-repeat: no-repeat; background-position: center 0; content: ''; padding: 60px} .nav .nav-btn{margin: 12px 8px 0; border-color: #fff; text-transform:uppercase} .nav .nav-btn.btn-transparent{color:#555; border-color:#555} .nav .nav-btn.btn-transparent:hover{color:#f0ad4e; border-color:#f0ad4e} .home-page .nav .nav-btn.btn-transparent{color:#fff; border-color:#fff} .home-page .nav .nav-btn.btn-transparent:hover{color:#bdc3c7; border-color:#bdc3c7} #mainheader.squeeze .nav .nav-btn{margin-top:10px; font-size: 12px} .logomainalt{display:none} .logomain{display:block} .gray-gradient{margin:0px 0;background: linear-gradient(#f8f8f8, #fff); padding-top:30px;} .divider{height:1px;width:100%;background-color:#ddd;position:relative; margin: 80px 0; clear:both} .divider:before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0.75)),color-stop(0.5,rgba(250,250,250,0)),color-stop(1,rgba(255,255,255,0.75)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,0.75) 0,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%);background-image:-moz-linear-gradient(left,rgba(255,255,255,0.75) 0,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,0.75) 0,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,0.75) 0,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%);background-image:linear-gradient(left,rgba(255,255,255,0.75) 0,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%)} @media(max-width:991px){.divider{margin:55px 0 35px}} .home-page .logomainalt{display:block} .home-page .logomain{display:none} .hero{z-index: 1000} .hero h1{font-size: 48px; font-weight: 300; margin:0; padding-bottom: 20px; color:#FFF; line-height: 1.6} h1 strong, h2 strong{font-weight: 700} .hero h2{font-size: 20px; padding:0; padding-bottom: 40px; color: rgba(255,255,255,0.5)} .page-header{ text-align: center ; border-bottom: 0px;text-align: center;border-bottom: 0px;margin: 0px;padding-bottom: 0px;} .page-header h1{ font-size: 25px; color: #333} .page-header p{ font-size: 15px; padding: 10px} #contact-header h2{margin-bottom:0; padding-bottom:5px} .contact-form{border-radius:10px; background-color:#e8f2ff; padding:35px; border:1px solid #efefef} @media (min-width:767px){.contact-form{max-width: 85%}} #contact-form-section{padding-top: 60px} .contact-form .col-md-5{padding:0} .contact-form .usage .checkbox{font-size:95%; margin: .85em 0; position:relative; overflow:auto; width:100%; border;box-sizing:border-box; margin-right: 10px; padding: 15px 10px;background: #fff;border: solid 2px #ccc; float: left;cursor: pointer;text-align: left;transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out} .contact-form .usage .checkbox p{font-size: 80%; color:#A0A0A0; margin:0} .contact-form .usage .custom-check {width: 36px; height: 36px; border-radius: 50%; float:left} .contact-form .usage .custom-check span {background-color: #fff; width: 24px; height: 24px; border: 2px solid #a8a8a8; position: absolute; border-radius: 50%; font-size: 18px; line-height: 26px; font-weight: 600;transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out} .contact-form .usage .custom-check span em{position: absolute; top:-9px; right: -2px; text-indent: -9999px} .contact-form .usage .custom-check input[type="checkbox"] {opacity: 0; position: absolute; top: 15px; left: 15px; z-index: -1; cursor: pointer} .contact-form .usage .custom-check input[type="checkbox"]:checked + span, .contact-form .usage .checkbox.selected{color:#4dc339; border-color:#4dc339} .contact-form .usage .checkbox.selected .custom-check span{color: #4dc339; border-color: #4dc339} .contact-form .usage .checkbox.selected span em{ font-size: 24px; text-indent: 0px !important} #contact-form-section .quick-contact{padding: 15px 0} #contact-form-section .quick-contact h4{font-weight:600; padding-bottom:20px} #contact-form-section .quick-contact h5{font-weight:300; font-size: 18px;padding-bottom:10px} #contact-form-section .quick-contact p{font-size:80%;color:#777;margin-bottom:5px} #contact-form-section .quick-contact .divider{margin: 30px 0} #contact-form-section .quick-contact a{color:#f0ad4e; margin-right:5px} #contact-form-section .quick-contact a i{color:#aeaeae; font-size: 18px} #contact-form-section .quick-contact a:hover i{color:#696969} #contact-form-section .quick-contact .key-contact{clear:both; overflow:auto;margin-bottom:25px} #contact-form-section .quick-contact .key-contact .contact-photo{margin-right:10px} @media (min-width: 767px){.contact-form #forbusiness{margin-left: 25px}} #pricing-header h2{padding-bottom: 20px; margin-bottom:0} #pricing-header .t-icon{font-size: 3em; padding:.7em 0 10px} /* #pricing-tabs .price-container{background-color:#e8f2ff;padding:30px 10px; border-radius:10px; overflow:auto}*/ .pricingTabs{width:95%} .pricingTabs .inner .header{background-color:#00B285;color:#fff;text-align:left;text-align:center;padding:16px 25px;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden} .pricingTabs .inner .header span.rec{font-size: 32px; display:block} .pricingTabs .inner .specs{box-shadow:0 0 10px 0 #d0e2ff;padding:15px 10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px; text-align:center;margin-bottom:1em} .pricingTabs .inner .specs .price{margin-top:15px} .pricingTabs .inner .specs .curr{color:#999;font-size:18px; display:inline-block; vertical-align: middle; min-height:40px; padding-bottom:20px} .pricingTabs .inner .specs .amount{color:#333;font-size:58px} .pricingTabs .inner .specs .divider{margin:40px 0} .pricingTabs .inner .specs .details ul{text-align:left} .pricingTabs .inner .specs .details ul li{background: url(../img/list-img-2.png)no-repeat left top; vertical-align:top; width: 85%; margin:0 auto .6em; padding-left: 35px} #pricing-tabs .signup-button{margin-top: 65px; text-align:center} #pricing-tabs .signup-button .btn{padding: 15px 20px; font-size: 20px} #plans-pricing h2{text-align:center} #billing-faqs h2, #payment h2, #percs h2{padding-top:0; margin-top:0; } .payment-options li{display: inline-block;margin: 0 18px 0;vertical-align: middle;} .payment-options li a{display: block;text-indent: -999px;width: auto;} .payment-options li a:hover{background-position: 0 0;} .payment-options a.gcb{background: url(../img/payment-methods/gcb.png) no-repeat scroll 0 -72px transparent;height: 65px;width: 72px;} .payment-options a.gt{background: url(../img/payment-methods/gt-bank.jpg) no-repeat 0 -57px transparent;height: 56px;width: 56px;} .payment-options a.paypal{background: url(../img/payment-methods/paypal.png) no-repeat 0 -28px transparent;height: 27px;width: 100px;} .payment-options a.visa{background: url(../img/payment-methods/visa-1.png) no-repeat 0 -43px transparent;height: 42px;width: 72px;} .payment-options a.mastercard{background: url(../img/payment-methods/mastercard.png) no-repeat 0 -44px transparent;height: 43px;width: 65px;} .payment-options a.standchart{background: url(../img/payment-methods/standard-chartered.jpg) no-repeat 0 -48px transparent;height: 46px;width: 100px;} .payment-options a.mtn{background: url(../img/payment-methods/mtn-mobile-money.png) no-repeat 0 -63px transparent;height: 60px;width: 87px;} .payment-options a.tigo{background: url(../img/payment-methods/tigo-cash.png) no-repeat 0 -47px transparent;height: 46px;width: 71px;} .payment-options a.airtel{background: url(../img/payment-methods/airtel-money.png) no-repeat 0 -55px transparent;height: 45px;width: 80px;} .payment-options a.payza{background: url(../img/payment-methods/payza.png) no-repeat 0 0 transparent;height: 45px;width: 100px;} .payment-options a.wire{background: url(../img/payment-methods/bank-wire-transfer.png) no-repeat 0 -77px transparent;height: 67px;width: 59px;} .payment-options a.ipay{background: url(../img/payment-methods/ipay.png) no-repeat 0 0 transparent;height: 107px;width: 201px;} .payment-options a.gtmt{background: url(../img/payment-methods/gtmt.png) no-repeat 0 0 transparent;height: 38px;width: 120px;} .breadcrumbs{background: #fff; border:1px solid #d1d1d1; border-radius: 17px; -moz-border-radius: 17px; -webkit-border-radius: 17px; display: table; margin: 50px auto; min-height: 58px; table-layout:fixed; width: 90%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow:hidden} .breadcrumbs ul{border-radius: 17px; -moz-border-radius: 17px; -webkit-border-radius: 17px; height:56px; display: table-row; overflow:hidden} .breadcrumbs li{display: table-cell; position:relative; vertical-align:middle; list-style:none; color:#000} .breadcrumbs li:after{content:'';position:absolute;top:0;right:-40px;width:0;height:0;border:28px solid transparent;border-left:12px solid #fff;z-index:6} .breadcrumbs li:before{content:'';position:absolute;top:0;right:-41px;width:0;height:0;border:28px solid transparent;border-left:12px solid #dcdcdc} .breadcrumbs li:last-child:after, .breadcrumbs li:last-child:before{border:none} .breadcrumbs li.active{color:#fff;background-color:#0093e0;font-weight:600} .breadcrumbs li.active:before,.breadcrumbs li.active:after{border-left-color:#009999} .breadcrumbs ul li a{position:relative;display:table;width:100%;margin:0;padding:0;text-decoration:none;font-size:inherit;color:#3675b4; font-weight: 400} .breadcrumbs ul li a:hover{text-decoration:underline} .breadcrumbs li.active{background:#009999; color:#fff; font-weight:400} .breadcrumbs ul p{display:inline-block; font-weight:400; text-align:center; font-size:16px;line-height:18px; margin:0;padding:0 20px; position:relative; width:100%} .login-section{background:#fff; border:1px solid #d1d1d1; border-radius:5px; text-align: center; margin:35px auto; max-width: 420px; overflow:hidden; padding: 25px 20px} .spinner { width: 40px; height: 40px; position: relative; margin: 100px auto; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #333; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } #order h2{padding:0; text-align:center} #order h4{font-size:21px; font-weight:500; padding-bottom: 30px} #login-form{display:none; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out} .login-toggler{display:block} /* AUTH BOX */ .auth .auth-box input::-webkit-input-placeholder{color:#999;font-weight:300} .auth .auth-box input:-moz-placeholder{color:#999;font-weight:300} .auth .auth-box input::-moz-placeholder{color:#999;font-weight:300} .auth .auth-box input:-ms-input-placeholder{color:#999;font-weight:300} .auth span.input-group-addon,.input-group-btn button{border:none;background:#fff!important;color:#000!important} .auth form{font-weight:300!important;margin-bottom:45px} .auth form input[type="text"],.auth form input[type="password"],.auth form input[type="email"],.auth form input[type="search"]{border:none;padding:10px 0;background-color:rgba(255,255,255,0)!important;background:rgba(255,255,255,0);color:#333;font-size:16px;border:1px solid #e8e8e8;border-radius:0;box-shadow:none!important;height:auto;padding:8px 15px} .auth textarea{background-color:rgba(255,255,255,0)!important;color:#333!important} .auth input[type="file"]{color:#333} .auth form label{color:#333;font-size:21px;font-weight:300} .auth .radio label,.auth label.radio-inline,.auth .checkbox label,.auth label.checkbox-inline{font-size:14px} .auth form .help-block{color:#333} .auth form select{background-color:rgba(255,255,255,0)!important;background:rgba(255,255,255,0);color:#333!important;border-bottom:1px solid #fff!important;border-radius:0;box-shadow:none} .auth form select option{color:#000} .auth select[multiple] option,.auth select[size]{color:#333!important} .auth label.label-floatlabel, .account-form label.label-floatlabel{font-weight: 300; font-size: 11px; color:#999; left:0!important; top: 1px!important; padding: 2px 0 0 4px} .form-container{margin: 0 auto; max-width: 420px; text-align:center; padding: 0 15px} .account-form{text-align:left; margin:0 auto} .account-form .form-row{ margin-bottom:15px; position: relative; width:100%} .account-form .half{width: 46%; display:inline-block; margin-right: 5px} .account-form input[type=text], .account-form input[type=tel], .account-form input[type=url], .account-form input[type=password], .account-form input[type=email],.account-form select {border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background: #fff; border: 1px solid #d1d1d1; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05); color: #1f3244; font-weight: 300; font-size: .95em; padding: 1.015em 0.7em 0.75em; width: calc(100% - 18px); transition: all 0.1s ease-in-out} .account-form input[type=text]:focus, .account-form input[type=tel]:focus, .account-form input[type=url]:focus, .account-form input[type=password]:focus, .account-form input[type=email]:focus, .account-form select:focus {outline: none; box-shadow: none; border: 1px solid #3675b4} .account-form h3{font-weight: 500; font-size: 19px; margin-bottom: 25px} @media (max-width: 640px){ .switch-tabs{display: none} } .switch-tabs .current{border-bottom:2px solid #00B285; font-weight: 600} .switch-tabs li{ border:1px solid #f1f1f1; border-width:0 0 1px 1px; color: #00B285; cursor: pointer; display:inline-block; font-size: 1.2em; font-weight: 300; min-width:18%;text-align:center; -webkit-tap-highlight-color: transparent; padding: .8em 1.2em; margin: 2px 0 1em 0} .switch-tabs li:hover{background-color:#00B285; color:#fff} .switch-tabs li.current:hover{background:none; color:#00B285} .switch-tabs li:first-child{border-left: none} .switch-tabs li:last-chiled{border-right: none} .switch-tabs figure{ display:inline-block} .tabs-content{display: none; text-align: left} #tabs-content{margin-bottom: 65px} .tabs-content h6.subheader, .product-notes h6.subheader{margin-bottom: .65em} .tabs-content h6.subheader.nospace, .product-notes h6.subheader.nospace{margin-bottom: .45em} #tab1.tabs-content{display: block} .tabs-content .col-md-6{margin-bottom: 20px} .select-vit{background: transparent; border: 1px solid #ccc; color: #fff; border-color:#00B285; background-color: #00B285; border-radius: 4px; cursor: pointer; font-family:'Open Sans', sans-serif; font-size: 1.2em; font-weight: 300; letter-spacing: 1.5px; padding: .45em; position: relative; width: 100%} .select-vit .menu-option{font-family:'Open Sans', sans-serif; font-size: .95em; font-weight: 300; padding: 10px} #billing-faqs .tabs-content{padding-top: 45px} #billing-faqs h4{color:#00B285;font-size:18px;line-height:24px;text-transform:none;letter-spacing:0;overflow:auto;margin-bottom:10px} #billing-faqs p{font-size:14px;text-align:left} .dotInner{width:26px;height:26px;border-radius:13px;line-height:26px;text-align:center;font-size:17px;background-color:#00B285;float:left;color:white;font-weight:bold;margin-right:8px} img.bordered{border:1px solid #ddd; padding:2px} @media (min-width: 992px){ #pricing-header .col-md-2{width: 20%; padding:0} } @media (max-width: 767px){ #features-list .feature{background-image: none;} #features-list .feature-block{min-height:0; padding-top:0} .mob-switcher-tabs{margin-bottom: 25px} #billing-faqs .tabs-content{padding-top:15px} } @media (min-width: 640px){ .mob-switcher-tabs{display: none} } .feature-block{min-height:640px; padding-top:180px} .feature-block h3{font-size:28px; line-height: 1.4} .feature-student-profile{background-image:url(../img/serp-student-profile.png); background-position:right 0 top; background-repeat: no-repeat} .feature-student-list{background-image:url(../img/serp-student-list.png); background-position:left 0 top; background-repeat: no-repeat} .feature-student-register{background-image:url(../img/serp-student-register.png); background-position:right 0 top; background-repeat: no-repeat} .feature-student-history{background-image:url(../img/serp-student-history.png); background-position:left 0 top; background-repeat: no-repeat} .feature-student-attendance{background-image:url(../img/serp-student-attendance.png); background-position:right 0 top; background-repeat: no-repeat} .feature-academics-sbaconfig{background-image:url(../img/serp-academics-sbaconfig.png); background-position:right 0 top; background-repeat: no-repeat} .feature-academics-reports{background-image:url(../img/serp-academics-reports.png); background-position:left 0 top; background-repeat: no-repeat} .feature-academics-calendar{background-image:url(../img/serp-academics-calendar.png); background-position:right 0 top; background-repeat: no-repeat} .feature-academics-classes{background-image:url(../img/serp-academics-classes.png); background-position:left 0 top; background-repeat: no-repeat} .feature-academics-yeargroups{background-image:url(../img/serp-academics-yeargroups.png); background-position:right 0 top; background-repeat: no-repeat} .feature-hr-profile{background-image:url(../img/serp-hr-profile.png); background-position:right 0 top; background-repeat: no-repeat} .feature-hr-payslip{background-image:url(../img/serp-hr-payslip.png); background-position:left 0 top; background-repeat: no-repeat} .feature-hr-bank{background-image:url(../img/serp-hr-bank.png); background-position:right 0 top; background-repeat: no-repeat} .feature-hr-paye{background-image:url(../img/serp-hr-paye.png); background-position:left 0 top; background-repeat: no-repeat} .feature-finance-fees{background-image:url(../img/serp-finance-fees.png); background-position:right 0 top; background-repeat: no-repeat} .feature-finance-bills{background-image:url(../img/serp-finance-bills.png); background-position:left 0 top; background-repeat: no-repeat} .feature-finance-scholarship{background-image:url(../img/serp-finance-scholarship.png); background-position:right 0 top; background-repeat: no-repeat} .feature-finance-payment{background-image:url(../img/serp-finance-payment.png); background-position:left 0 top; background-repeat: no-repeat} .feature-finance-tracking{background-image:url(../img/serp-finance-tracking.png); background-position:right 0 top; background-repeat: no-repeat} .feature-finance-debtors{background-image:url(../img/serp-finance-debtors.png); background-position:left 0 top; background-repeat: no-repeat} .feature-finance-reminder{background-image:url(../img/serp-finance-reminder.png); background-position:right 0 top; background-repeat: no-repeat} .feature-finance-banking{background-image:url(../img/serp-finance-banking.png); background-position:left 0 top; background-repeat: no-repeat} .feature-finance-income{background-image:url(../img/serp-finance-income.png); background-position:right 0 top; background-repeat: no-repeat} .feature-messaging-parents{background-image:url(../img/serp-messaging-parents.png); background-position:right 0 top; background-repeat: no-repeat} .feature-messaging-staff{background-image:url(../img/serp-messaging-staff.png); background-position:left 0 top; background-repeat: no-repeat} .feature-messaging-bulk{background-image:url(../img/serp-messaging-bulk.png); background-position:right 0 top; background-repeat: no-repeat} .modal h4{color:#4cae4c; font-size:22px; font-weight:600; padding: 20px 0 40px; text-align:center; text-transform:uppercase} #terms h1, #privacy h1{font-size: 36px} .btn-outline{color:inherit;background-color:transparent;transition:all .5s} .btn-primary.btn-outline{color:#428bca} .btn-success.btn-outline{color:#5cb85c} .btn-info.btn-outline{color:#5bc0de} .btn-warning.btn-outline{color:#f0ad4e} .btn-danger.btn-outline{color:#d9534f} .cursor-pointer{cursor:pointer} .text-open{color:#2c96dd} .text-current{color:#449d44} .text-commission{color:#c9302c} .text-today{color:#aa6708} .text-due{color:#f0ad4e} .legend{font-size: 19px; margin-top: 4px} .panel-heading.legend{margin:0} .uppercase{text-transform:uppercase} small{font-size: 80%} .smaller{font-size: 65%} .seperator{margin-top: 45px} .btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-info.btn-outline:hover,.btn-warning.btn-outline:hover,.btn-danger.btn-outline:hover{color:#fff} .chat{margin:0;padding:0;list-style:none} .chat li{margin-bottom:10px;padding-bottom:5px;border-bottom:1px dotted #999} .chat li.left .chat-body{margin-left:60px} .chat li.right .chat-body{margin-right:60px} .chat li .chat-body p{margin:0} .panel .slidedown .glyphicon,.chat .glyphicon{margin-right:5px} .chat-panel .panel-body{height:350px;overflow-y:scroll} .login-panel{margin-top:25%} .flot-chart{display:block;height:400px} .flot-chart-content{width:100%;height:100%} .dataTables_wrapper{position:relative;clear:both; overflow:auto} .dataTables_wrapper .row{margin:0} .dataTables_wrapper #listTable_filter{text-align:right} .dataTables_wrapper #listTable_filter input{margin-left: 8px} .dataTables_length{display:none} table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{background:0 0} .dataTables_paginate{text-align:right} table.dataTable thead .sorting_asc:after{content:"\f0de";float:right;font-family:fontawesome} table.dataTable thead .sorting_desc:after{content:"\f0dd";float:right;font-family:fontawesome} table.dataTable thead .sorting:after{content:"\f0dc";float:right;font-family:fontawesome;color:rgba(50,50,50,.5)} .btn-circle{width:30px;height:30px;padding:6px 0;border-radius:15px;text-align:center;font-size:12px;line-height:1.428571429} .btn-circle.btn-lg{width:50px;height:50px;padding:10px 16px;border-radius:25px;font-size:18px;line-height:1.33} .btn-circle.btn-xl{width:70px;height:70px;padding:10px 16px;border-radius:35px;font-size:24px;line-height:1.33} .show-grid [class^=col-]{padding-top:10px;padding-bottom:10px;border:1px solid #ddd;background-color:#eee!important} .show-grid{margin:15px 0} .huge{font-size:40px} .panel-green{border-color:#5cb85c} .panel-green .panel-heading{border-color:#5cb85c;color:#fff;background-color:#5cb85c} .panel-green a{color:#5cb85c} .panel-green a:hover{color:#3d8b3d} .panel-red{border-color:#d9534f} .panel-red .panel-heading{border-color:#d9534f;color:#fff;background-color:#d9534f} .panel-red a{color:#d9534f} .panel-red a:hover{color:#b52b27} .panel-yellow{border-color:#f0ad4e} .panel-yellow .panel-heading{border-color:#f0ad4e;color:#fff;background-color:#f0ad4e} .panel-yellow a{color:#f0ad4e} .panel-yellow a:hover{color:#df8a13} .overflow{position:relative; overflow:visible; width:100%; z-index:8} .form-control.borderless{border: none; box-shadow:none; -webkit-box-shadow:none} .lower-container{margin-top:85px; overflow:auto; position:relative} .heading{border-bottom: 1px solid #ededed; padding-bottom: 25px} .btn.actions{padding:0} .btn.actions a{padding:6px 12px; display:block} #popup_container{font-size:14px;min-width:480px;max-width:600px;background:#fff;color:#666;box-shadow:1px 1px 5px rgba(0,0,0,0.1);background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)} #popup_container .fa-exclamation-triangle{color:#f59d00;font-size:28px} #popup_title{line-height:21px;color:#fff;font-weight:700;background:#0866c6;cursor:default;padding:10px 15px;margin:0;outline:none;font-size:13px} #popup_content{padding:0;margin:0;background:#fff;border-top:0} #popup_content.alert{color:#666;text-shadow:none} #popup_message{padding:20px 15px} #popup_message input:focus{border-color:rgba(82,168,236,0.8)} #popup_panel{text-align:center;padding:10px 0 20px} #popup_prompt{margin:5px 0;padding:7px 5px;border:1px solid #ccc;background:#f7f7f7;color:#666} #popup_prompt:focus{background:#fff} #popup_overlay{background:#333!important;opacity:.6!important;opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear} #popup_ok,#popup_cancel,#popup_ok:focus,#popup_cancel:focus{cursor:pointer;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap; max-width:150px; margin-right:8px; vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px} #popup_ok{color:#fff;border-color:#d43f3a;background-color:#d9534f} #popup_ok:hover{color:#fff;background-color:#c9302c;border-color:#ac2925} #popup_cancel{color:#333;background-color:#f5f5f5;border-color:#ddd} #popup_cancel:hover{color:#333;background-color:#e6e6e6;border-color:#adadad} #popup_prompt{width:255px!important} #popup_container.alert-danger #popup_title{background-color:#c00} #popup_container.alert-danger #popup_content{border-color:#c00} #popup_container.alert-danger #popup_ok,#popup_container.alert-danger #popup_ok:hover{border-color:#c00;color:#c00} #popup_container.alert-danger #popup_cancel{border-color:#c00;color:#c00} #popup_container.alert-warning #popup_title{background-color:#FCB904} #popup_container.alert-warning #popup_content{border-color:#FCB904} #popup_container.alert-warning #popup_ok,#popup_container.alert-warning #popup_ok:hover{border-color:#FCB904;color:#FCB904} #popup_container.alert-warning #popup_cancel{border-color:#FCB904;color:#FCB904} #popup_container.alert-success #popup_title{background-color:#86D628} #popup_container.alert-success #popup_content{border-color:#86D628} #popup_container.alert-success #popup_ok,#popup_container.alert-success #popup_ok:hover{border-color:#86D628;color:#86D628} #popup_container.alert-success #popup_cancel{border-color:#86D628;color:#86D628} #popup_container.alert-info #popup_title{background-color:#71B8EE} #popup_container.alert-info #popup_content{border-color:#71B8EE} #popup_container.alert-info #popup_ok,#popup_container.alert-info #popup_ok:hover{border-color:#71B8EE;color:#71B8EE} #popup_container.alert-info #popup_cancel{border-color:#71B8EE;color:#71B8EE} #popup_container.alert-inverse #popup_title{background-color:#333} #popup_container.alert-inverse #popup_content{border-color:#333} #popup_container.alert-inverse #popup_ok,#popup_container.alert-inverse #popup_ok:hover{border-color:#333;color:#333} #popup_container.alert-inverse #popup_cancel{border-color:#333;color:#333} /* Date picker */ .datepicker-container{position:relative; margin: 0 auto; max-width: 54em; overflow:auto; display:block} .datepicker-input{width: 38%; margin: 0 4%; display:inline-block} .form-label,.form-input,.form-checkbox-radio{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; margin-bottom: .5em; font-weight:bold} .input,.form-input input,.form-input select,.form-input textarea,.chosen-container-multi,.bootstrap-timepicker-widget table td input,.ui-toolbar select,.ui-toolbar input{padding:0 10px;height:32px;float:none;color:#777;font-size:12px;border:#cdcdcd solid 1px;box-shadow:inset 1px 1px 3px #f6f6f6;-moz-box-shadow:inset 1px 1px 3px #f6f6f6;-webkit-box-shadow:inset 1px 1px 3px #f6f6f6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .form-input select,.ui-toolbar select{padding:0} .form-input input{line-height:auto} input:not([type='checkbox']),select,textarea{width:100% !important} .selector{height:34px;line-height:34px;width:auto!important} .selector span{height:32px;line-height:32px;display:block;padding:0!important} .form-input textarea{height:auto;padding:10px} .input:focus,.form-input input:focus,.form-input select:focus,.form-input textarea:focus,.chosen-container-active,.chosen-container-multi.chosen-container-active,.selector.focus,.bootstrap-timepicker-widget table td input:focus,.ui-toolbar select:focus,.ui-toolbar input:focus{border-color:#3da6ff;box-shadow:0 0 8px #87c8ff;-moz-box-shadow:0 0 8px #87c8ff;-webkit-box-shadow:0 0 8px #87c8ff;color:#333} input.error-bg{background:#fff2f2} .datepicker-inline{width:250px;border:1px solid #ccc;padding:10px 15px} .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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;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:#eee;cursor:pointer} .datepicker table tr td.day{border:1px solid #e6e6e6} .datepicker table tr td.old,.datepicker table tr td.new{color:#999} .datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:none;color:#999;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:#000;position:relative} .datepicker table tr td.today:before,.datepicker table tr td.today:hover:before,.datepicker table tr td.today.disabled:before,.datepicker table tr td.today.disabled:hover:before{content:'';bottom:2px;right:2px;display:block;width:0;height:0;border-style:solid;border-width:0 0 7px 7px;border-color:transparent transparent #d9232d;position:absolute} .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-color:#ffdb99;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:#eee;-webkit-border-radius:0;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:#000;background-color:#f7ca77;border-color:#f1a417;-webkit-border-radius:0;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:#000;background-color:#f4bb51;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-color:#f7ca77;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:#fff;background-color:#999;border-color:#555;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{border-color:#373737} .datepicker table tr td.selected:hover color: #ffffff,.datepicker table tr td.selected:hover:hover color: #ffffff,.datepicker table tr td.selected.disabled:hover color: #ffffff,.datepicker table tr td.selected.disabled:hover:hover color: #ffffff,.datepicker table tr td.selected:focus color: #ffffff,.datepicker table tr td.selected:hover:focus color: #ffffff,.datepicker table tr td.selected.disabled:focus color: #ffffff,.datepicker table tr td.selected.disabled:hover:focus color: #ffffff,.datepicker table tr td.selected:active color: #ffffff,.datepicker table tr td.selected:hover:active color: #ffffff,.datepicker table tr td.selected.disabled:active color: #ffffff,.datepicker table tr td.selected.disabled:hover:active color: #ffffff,.datepicker table tr td.selected.active color: #ffffff,.datepicker table tr td.selected:hover.active color: #ffffff,.datepicker table tr td.selected.disabled.active color: #ffffff,.datepicker table tr td.selected.disabled:hover.active color: #ffffff,.open .dropdown-toggle.datepicker table tr td.selected color: #ffffff,.open .dropdown-toggle.datepicker table tr td.selected:hover color: #ffffff,.open .dropdown-toggle.datepicker table tr td.selected.disabled color: #ffffff,.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover color: #ffffff{background-color:#858585} .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-color:#999;border-color:#555} .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:#fff;background-color:#428bca;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:#fff;background-color:#d9232d;border-color:#e27513} .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} .datepicker table tr td span:hover{background:#eee} .datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:none;color:#999;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:#fff;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:#fff;background-color:#d9232d;border-color:#e27513} .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:#999} .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:#eee} .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-group-addon{width:auto;min-width:16px;padding:4px 5px;font-weight:400;line-height:1.428571429;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:solid #ccc;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:#fff;border:1px solid rgba(0,0,0,0.2);-webkit-border-radius:0;border-radius:0;-webkit-background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:1.428571429;-webkit-box-shadow:0 2px 1px rgba(0,0,0,0.2);box-shadow:0 2px 1px rgba(0,0,0,0.2);padding:7px 10px} .datepicker.dropdown-menu th,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.datepicker-inline td{padding:0 5px} .datepicker thead tr:first-child th.prev:before,.datepicker thead tr:first-child th.next:before{font-family:'FontAwesome';content:'\f105';font-size:18px} .datepicker thead tr:first-child th.prev:before{content:'\f104'} .primarychart-container{border:1px solid #ededed;min-height:285px; padding: 20px 10px; overflow:auto} .primarychart-container .primary-chart{margin:25px 0} .balance-container{padding-right: 0;margin: 25px 0;width: 22%} .global-footer{border-top:1px solid #e0e0e0;margin-top:60px; padding:65px 0 40px; background:#f8f8f8;-webkit-font-smoothing:antialiased} .global-footer h6{text-transform:uppercase; color:#555; font-size: 15px; font-weight: 500} .global-footer ul{margin:15px 0 25px; font-size: 15px} .global-footer ul li{margin-bottom:0} .global-footer a, .global-footer span{color:#73B1B7; font-weight:300} .global-footer .global-footer-links{padding:30px 30px 0;margin:0; font-size: 13px} .global-footer .global-footer-links .col-md-2{margin-right:48px} .global-footer .global-footer-links span{color:#848484} .global-footer .global-footer-links p{font-size:12px;color:#222} .global-footer .global-footer-links li{padding:5px 0} .global-footer .global-footer-links li a{color:#848484} .global-footer .dashboard-common-footer{border-top:1px solid #e0e0e0;padding:30px;width:90%;margin:40px auto 0;font-size:13px;color:#8c8c8c} .bold{font-weight:700} .header .btn-toolbar>.btn-group{margin-left:10px} .header .btn-alt{padding:2px 9px} .header .btn i{font-size: 15px} .header .list-sorter .btn{padding: 4px 9px} .list-sorter>.dropdown-menu:before{position:absolute;top:-7px;right:8px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #fff;border-left:7px solid transparent;content:''} .begin-content{margin-top:75px} .separationline{border-left: 1px solid #e0e0e0} .close-details {float: right;padding-top: 8px;cursor: pointer;color: #777;} .intro-text{padding:75px 20px} .intro-tagline{margin: 20px 0} .form-horizontal .control-label{font-weight:400} .form-horizontal .control-label i{color: #AAA} label.label-floatlabel, .account-form label.label-floatlabel{font-weight: 300; font-size: 11px; color:#999; left:0!important; top: 1px!important; padding: 0px 0 0 4px} .form-horizontal .control-label{text-align:left} .required{color:#d9534f} .nav-pills-flat{background-color:#fcfcfc;border-top:1px solid #EEE;border-bottom:1px solid #EEe;padding:10px 16px} .auto-select{position:relative} .auto-select .pointer, .ac-box .ac-selected .pointer{position:absolute;top:10px;right:10px;cursor:pointer;font-size:10px;color:#CCC;pointer-events:none} .ac-dropdown-menu .ac-dropdown-results .dropdown-menu li>a{padding:5px 15px} .ac-dropdown-menu .ac-dropdown-results .dropdown-menu li>a>div{line-height:1.2} .ac-dropdown-menu .ac-dropdown-results .dropdown-menu li>a:hover, .dropdown-menu>li>a:hover{background-color:#2E8FDA; color:#fff} .ac-dropdown-menu .loading{margin-top:0} form .dropdown-menu{right:0;padding-bottom:0; top:80%; border-top:none; border-radius: 0 0 4px 4px} form .dropdown-menu .icon-ok{margin:3px} form .dropdown-menu li>a{padding-left:30px} form .dropdown-menu li>a .icon-ok{position:absolute;left:5px} form .dropdown-menu .adv-search{padding:10px 5px 8px;border-top:1px solid #ededed;cursor:pointer} form .dropdown-menu .adv-search [class^=icon-]{color:#428BCA} form .dropdown-menu .adv-search:hover{background-color:#f8f8f8} form [class*=icon-]{margin:0 3px} form .ac-dropdown .ac-dropdown-menu{top:28px;left:0} form .ac-dropdown .ac-dropdown-menu .ac-dropdown-results{max-height:none; overflow-x:hidden} form .ac-dropdown-results.dropdown-menu li{border-bottom:1px solid #ddd} form .ac-dropdown-results.dropdown-menu li>a{padding:15px 0 15px 15px;white-space:normal} form .ac-dropdown-results.dropdown-menu li:last-child{border-bottom-color:transparent} hr.light {border-top: none;border-bottom: 1px solid #F3F3F3;margin: 20px 0} .loader{font-size: 2em; color:#c7c6c7; margin-left: 1.2em} .contacts-header+.contact-tabs{margin-top:61px} .contacts-header+.contact-tabs .nav-tabs{border-top:1px solid #EBEBEB} .contacts-header+.contact-tabs .nav-tabs>li>a,.contacts-header+.contact-tabs .nav-tabs>li>a:focus,.contacts-header+.contact-tabs .nav-tabs>li>a:hover{margin:0;border-top:3px solid transparent;border-right:1px solid transparent;border-bottom:none;border-left:1px solid transparent;padding:10px 20px} .contacts-header+.contact-tabs .nav-tabs>li.active>a,.contacts-header+.contact-tabs .nav-tabs>li.active>a:focus,.contacts-header+.contact-tabs .nav-tabs>li.active>a:hover{border-top:3px solid #2fa3e6;border-right:1px solid #EBEBEB;border-bottom:none;border-left:1px solid #EBEBEB} .eb-table.table thead>tr>th {color: #333;font-weight: bold; font-size:12px; border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; text-transform:uppercase} .txnhistory .eb-table.top-pos:first-child tr:first-child td, .txnhistory .eb-table.top-pos:first-child tr:first-child th {border-top: none;padding-top: 15px} .empty-query{margin-top:75px} .list-column .eb-table td{padding:12px 8px} .list-column .eb-table tbody tr:hover{cursor:pointer;background-color:#f8f8f8} .pay-record .amount{margin:0;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .contact-details{background: #fbfbfb; border-left: 1px solid #eee; margin-bottom:0; height:100vh; padding:20px 15px; vertical-align:top} .contact-details .heading{text-transform:uppercase} .contact-details .profile-bio{font-size:85%} .encircle{border-radius: 50%} .profile-pic{border:1px solid #ddd; width:90%; margin-left:5px} .font-large{font-size: 18px} .line-seperator .col{border-right:1px solid #ededed; padding-right:10px} .row.spaced{margin-bottom: 8px} .details-page{margin:35px auto;max-width:820px} .details-container{position:relative;margin-bottom:35px;-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 6px #ccc} .form-highlight-display{padding-top: 5px; color:#09C; font-size:17px; font-weight:500} .modal-body .fa-exclamation-triangle{color: #f59d00; font-size: 28px} .request-status{text-align:center; margin-bottom: 15px} .fa.request-loader{font-size: 36px; color:#2E8FDA} .request-sent{font-size: 20px; color: #2E8FDA} .error a{color:#fff; text-decoration: underline; margin-top: 10px} .error a:hover{text-decoration: none} form .item-amount{text-align:center} .pos-sale-form .line-item-table .invoice-discount.line-item-us .item-details{width: 45%} .pos-sale-form .line-item-table .invoice-discount .item-discount input{padding: 6px 4px} .label-hilite{margin-bottom: 12px} .label-hilite label, .form-horizontal .label-hilite .control-label{font-weight: 600} #gateways{list-style: none; margin: 0; padding:0 15px} #gateways a{display:block} #gateways li{display: inline-block; margin: 0; margin-bottom: 35px; margin-right: 6%; width:25%; position:relative} #gateways li:hover{cursor:pointer} .gateway-item{opacity: 0.3; filter:Alpha(opacity=30); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position:relative} .gateway-item.selected{-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); -khtml-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s cubic-bezier(.74,-0.03,.54,1.65); transition: all 0.3s cubic-bezier(.74,-0.03,.54,1.65); z-index:8} .gateway-item.selected, .gateway-item:hover{opacity: 1; filter:Alpha(opacity=100)} .gateway-item img{max-width:100%; height:auto} .gateway-item .checkbox{ height:38px; margin: .85em 0; position:relative} .gateway-item .custom-check {position: absolute; bottom: 0; width: 36px; height: 36px; border-radius: 50%; left: 50%; margin-left: -23px} .gateway-item .custom-check span {background-color: #fff; width: 24px; height: 24px; border: 2px solid #a8a8a8; position: absolute; border-radius: 50%; font-size: 18px; line-height: 26px; font-weight: 600} .gateway-item .custom-check span em{position: absolute; top:-9px; right: -2px; text-indent: -9999px} .gateway-item .custom-check input[type="checkbox"] {opacity: 0; position: absolute; top: 15px; left: 15px; z-index: -1; cursor: pointer} .gateway-item .custom-check input[type="checkbox"]:checked + span, .gateway-item.selected .custom-check span{color: #4dc339; border-color: #4dc339} .gateway-item.selected span em{ font-size: 24px; text-indent: 0px !important} #paymentplans{position:relative} #paymentplans li{display: inline-block; margin: 0; margin-bottom: 35px; margin-right: 6%; width:38%; position:relative} #paymentplans li:hover{cursor:pointer} #paymentplans .gateway-item{opacity: 1; filter:Alpha(opacity=100); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position:relative; width: 100%} #paymentplans .gateway-item.selected{-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); -khtml-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s cubic-bezier(.74,-0.03,.54,1.65); transition: all 0.3s cubic-bezier(.74,-0.03,.54,1.65); z-index:8} #paymentplans .gateway-item:hover .plan{background:#2F323B; color:#fff; cursor:pointer} #paymentplans .gateway-item:hover .plan:hover > .plan-inner p{color:#d1d1d1} #paymentplans .gateway-item.selected, #paymentplans .gateway-item:hover{opacity: 1; filter:Alpha(opacity=100)} #paymentplans .gateway-item .plan{background:#e8f2ff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.17);display:inline-block;margin:0;padding:30px;position:relative;transition:all .2s ease-in-out;vertical-align:top;height: 245px; width:100%} #paymentplans .gateway-item .plan .plan-inner{position:relative;top:50px} #paymentplans .gateway-item.selected .plan, #paymentplans .gateway-item.selected .plan:hover{background:#009999;color:#2F323B;border:1px solid transparent; box-shadow:0 0 0 #fff;color:#fff;cursor:default;transition:all .2s ease-in-out} #paymentplans .gateway-item .title{font-size: 18px} #paymentplans .gateway-item .desc{font-size: 12px} #paymentplans .gateway-item .cur{font-size: 20px; font-weight: 100; bottom: 13px; position: relative} #paymentplans .gateway-item .amount{display:inline-block;font-size:54px;font-weight:300;line-height:50px;margin:14px 0;position:relative} #paymentplans .gateway-item .amount .footnote{font-size:20px;top:-20px;left:-3px} .cart{padding-left: 35px; margin-top:14px; font-size: 17px} .cart a{color:#BF6666} .cart a:hover{text-decoration:none} .home-page .nav .cart a{color:#FFF} .max-65{text-align: center; max-width: 65em} .report-section{margin-bottom:30px; max-width:225px} .report-section .nav>li>a{padding:10px 0; border-bottom:1px dashed #E9E9E9; font-size:13px} .report-section .nav>li>a:hover{background:none} .reports_page .dataTables_info{display:none} .filter-check{display:inline; max-width:20px; margin-right: 25px} .filter-check input{max-width:20px} a.edit{color:#333; font-size: 18px; padding: 10px} a.edit:hover{background: #293A4A; color:#fff; text-decoration:none} input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, select:disabled, textarea:disabled, .disabled{ background-color: #F7F7F7 !important; color:#A8A8A8 !important; border: none !important} .settings-page .form-group{margin-bottom:15px} .tab-content .form-group{display:block; overflow:auto} .account-form .tab-content{padding: 35px 0; overflow:auto} .account-form label{text-align:right; padding-top: 4px} .settings-page .account-form select{padding:6px 12px} .prefs-page{margin-top:5px} .font-large{font-size:16px} .nav-tabs-dashed>li.active>a, .nav-tabs-dashed>li.active>a:focus, .nav-tabs-dashed>li.active>a:hover{border:none; border-bottom:4px solid #0081d9} .pref-tabs .nav-tabs-dashed>li>a{padding-bottom:15px} .nav-tabs-dashed>li>a:hover{background:none; border:1px solid #fff} .user-details-row{padding:20px 0; line-height:1.3} .userrow{cursor:pointer} .img-circle{width:65px; height:65px; margin-right:15px; float:left} .list-column .eb-table td{vertical-align:middle} .pos-sale-head li{list-style:none} .badge{background:#b1b5b9} .bg-success{color:#fff;background-color:#3fcf7f} .bg-info{color:#fff;background-color:#5191d1} .bg-aqua{background-color:#00c0ef!important} .bg-altwarning{color:#fff;background-color:#f4c414} .btn-danger,.bg-danger,.btn-danger.btn-circle>i{color:#fff;background-color:#ff5f5f} .btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.btn-circle:hover>i{color:#fff;background-color:#ff8585} .popovercontainer.selected{background:#fff; color: #a8a8a8} .actionspan{font-size:17px} .actionspan a{color: #333} .actionspan a:hover{text-decoration:none} .navbar-toggle{border-color:#ddd; text-transform:uppercase; font-size: 13px} .navbar-toggle:focus, .navbar-toggle:hover{color:#f0ad4e; border-color:#f0ad4e} .navbar-toggle .icon-bar{background-color:#888} .navbar-toggle{border-color:#333} .navbar-toggle .icon-bar{background-color:#fff} .navbar-toggle{color:#888;border-color:#888;transition:background-color .2s,top .2s} .navbar-toggle:hover{transform:translateY(1px)}.scrolled .navbar-toggle{color:#888;border-color:#888} .navbar-toggle{color:#555} .navbar-collapse{background-color:#FFF; left:0;border-top:1px solid transparent; display:block;overflow-x:visible;padding-right:15px; padding-left:15px;box-shadow: inset 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1)} .home-page .navbar-collapse{background:none} .home-page .navbar-collapse.in{background-color:#FFF;} .navbar-collapse ul li:first-child{border-top:1px solid #101010; padding-top: 6px} .navbar-collapse ul li a {color:#555} .home-page .navbar-toggle{color:#fff; border-color:#fff} .home-page .navbar-collapse ul li:first-child{border-top:none} } @media(min-width:992px){ .primarychart-container .primary-chart{width:78%;border-right: 1px solid #ededed} } @media screen and (max-width: 480px){ .breadcrumbs ul p{font-size:12px} #gateways li{margin-right: 8%; width:40%} #paymentplans li{margin-right: 4%; width:90%} .api-docs{width: 90%; display: block} } @media(min-width:768px) { .sidebar{z-index:1;position:absolute;width:200px;margin-top:51px} .navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks,.navbar-top-links .dropdown-alerts{margin-left:auto} #percs h3{margin-top:0; line-height: 20px} .navbar-collapse, .navbar-collapse.collapse{display:none!important} } @media (max-width: 600px) { .dataTables_wrapper .dataTables_info{padding:9px 10px 40px} .dataTables_wrapper .dataTables_filter{float:right;margin-top:30px;width:100%} .dataTables_wrapper .dataTables_filter label{display:block;margin:5px;padding:0} .dataTables_wrapper .dataTables_filter label .form-control{margin:0;width:100%} } @media (max-width: 767px) { .navbar-right{float:right} .small-box{text-align:center} .small-box .icon{display:none} .small-box p{font-size:12px} .begin-content{margin-top:75px; padding-top: 60px} #primary-nav, #signup-button, #demo-button{display:none} .hero h1{font-size:38px} }