/* Author: Umair Chaudary @ Pixel Art Inc. Author URI: http://www.pixelartinc.com/ */ /**************************************************************************** CSS RESET ****************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /**************************************************************************** BASIC STYLES ****************************************************************************/ body { background: #fff; color: #000; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight:300;line-height: 20px; } a {/* color: #00e;*/ text-decoration: none;font-family: 'Raleway', sans-serif; } a:visited {/* color: #00e;*/ } a:hover {/* color: #00e; text-decoration: underline; */ } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } h1, h2, h3, h4, h5, h6 { font: bold 14px 'Raleway', sans-serif; color: #000; margin: 10px 0;} h1 {font-size: 38.5px; font-family: 'Raleway', sans-serif;line-height: 40px; } h1 a { color: #000; } h2 { font-size: 31.5px;font-family: 'Raleway', sans-serif;line-height: 40px;} h2 a { color: #000; } h3 {font-size: 24.5px; font-family: 'Raleway', sans-serif;line-height: 40px; } h3 a { color: #000; } h4 { font-size: 17.5px; font-family: 'Raleway', sans-serif;} h4 a { color: #000; } h5 { font-size: 14px;font-family: 'Raleway', sans-serif;} h5 a { color: #000; } h6 { font-size: 11.9px;font-family: 'Raleway', sans-serif; } h6 a { color: #000; } ul {} ul li {font-family: 'Raleway', sans-serif;} ul li a {font-family: 'Raleway', sans-serif;} ol {} ol li {font-family: 'Raleway', sans-serif;} ol li a {font-family: 'Raleway', sans-serif;} p {font-size: 14px; font-family: 'Raleway', sans-serif; font-weight:300;margin: 0 0 10px;} p strong { font-weight: bold; } p em { font-style: italic; } blockquote {} blockquote p {font-family: 'Raleway', sans-serif;} ::-moz-selection { background: #F67651; color: #fff; text-shadow: none; } ::selection { background: #F67651; color: #fff; text-shadow: none; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } img { vertical-align: middle; } input[type="text"], input[type="submit"], input[type="email"], input[type="password"], textarea, select, label {font-family: 'Raleway', sans-serif; box-shadow: none !important;} form label {color: #4b5c6e;} /**************************************************************************** Top Bar ****************************************************************************/ .topbar { background-color: #33414f; height:66px; width:100%; } .logo { background-color:#2a3541; padding:8px 42px; height: 50px; float:left;} .logout {background-color:#44c5dc; padding: 5px 20px;line-height:4;} .username { line-height: 60px; padding-right: 62px; margin-left: 24px;color: #fff; background: url("../images/small-white.png") 90% center no-repeat; display: inline-block; max-width: 250px; overflow: hidden; text-overflow: ellipsis; padding-right: 10%; vertical-align: middle; } .user { float:right; text-align: right; position: relative;} .login_list {position: absolute; top:66px; left: 40px; background: #4b5c6e; width: 251px; text-align: left; display: none; z-index: 999999; } .login_list {padding-top: 15px;} .login_list li { border-bottom: 1px solid #536578; margin-bottom: 10px; } .login_list li a{color: #bfcbd8; font-size: 15px; padding-left: 15px; padding-bottom: 10px; display: block;} .login_list li.last { margin-bottom: 1px; } /**************************************************************************** Navigation ****************************************************************************/ .sidebar {background-color: #4b5c6e; position: absolute; left:0; } .left_column { margin:0px; } .navigation {margin-bottom: 0px;} .navigation > li > a { padding:12px 24px;border-bottom:1px solid #536578;} .navigation > li > a {color:#bfcbd8!important;font-family: 'Raleway', sans-serif;font-weight:350;font-size:14px; letter-spacing:1px;} .navigation > li > a:hover { background:#44c5dc !important; color:#FFF!important;} .navigation > li > a.bg {background: url("../images/nav-errow.png") 90% center no-repeat;} .navigation > li > a.bg:hover {background:#44c5dc url("../images/nav-errow.png") 90% center no-repeat !important; } .navigation > li > a.active { background:#44c5dc !important; color:#FFF!important;} .navigation > li > a.bg.active {background:#44c5dc url("../images/nav-errow.png") 90% center no-repeat !important;} .navigation > li > a span { width: 16px; height: 16px; display: inline-block; margin-right: 6px; vertical-align: -3px; margin-left: 16px;} .navigation > li > a span.dashbord { background: url("../images/dashboard-hover.png") no-repeat;} .navigation > li > a:hover span.dashbord{ background: url("../images/dashboard.png") no-repeat;} .navigation > li > a.active span.dashbord{ background: url("../images/dashboard.png") no-repeat;} .navigation > li > a span.feed {background: url("../images/feed.png") no-repeat;} .navigation > li > a:hover span.feed {background: url("../images/feed-hover.png") no-repeat;} .navigation > li > a.active span.feed {background: url("../images/feed-hover.png") no-repeat;} .navigation > li > a span.pin {background: url("../images/pin.png") no-repeat;} .navigation > li > a:hover span.pin {background: url("../images/pin_hover.png") no-repeat;} .navigation > li > a.active span.pin {background: url("../images/pin_hover.png") no-repeat;} .navigation > li > a span.stat { background: url("../images/stastics.png") no-repeat; } .navigation > li > a:hover span.stat { background: url("../images/stastics-hover.png") no-repeat; } .navigation > li > a.active span.stat { background: url("../images/stastics-hover.png") no-repeat; } .navigation > li > a span.rview {background: url("../images/review.png") no-repeat;} .navigation > li > a:hover span.rview {background: url("../images/review-hover.png") no-repeat;} .navigation > li > a.active span.rview {background: url("../images/review-hover.png") no-repeat;} .navigation > li > a span.rspns {background: url("../images/rspns.png") no-repeat;} .navigation > li > a:hover span.rspns {background: url("../images/rspns-hover.png") no-repeat;} .navigation > li > a.active span.rspns {background: url("../images/rspns-hover.png") no-repeat;} .navigation > li > a span.tckt {background: url("../images/tickets.png") no-repeat;} .navigation > li > a:hover span.tckt {background: url("../images/ticket-hover.png") no-repeat;} .navigation > li > a.active span.tckt {background: url("../images/ticket-hover.png") no-repeat;} .navigation > li > a span.stng {background: url("../images/settings.png") no-repeat;} .navigation > li > a:hover span.stng {background: url("../images/setting-hover.png") no-repeat;} .navigation > li > a.active span.stng {background: url("../images/setting-hover.png") no-repeat;} .navigation > li > a span.usr {background: url("../images/users.png") no-repeat;} .navigation > li > a:hover span.usr {background: url("../images/user-hover.png") no-repeat;} .navigation > li > a.active span.usr {background: url("../images/user-hover.png") no-repeat;} .navigation > li > a span.rprt {background: url("../images/reports.png") no-repeat;} .navigation > li > a:hover span.rprt {background: url("../images/report-hover.png") no-repeat;} .navigation > li > a.active span.rprt {background: url("../images/report-hover.png") no-repeat;} .navigation > li ul { background: #384553; display: none; } .navigation > li ul li { padding: 10px 0px; padding-left: 65px; } .navigation > li ul li a {font-size: 14px; color: #bfcbd8; background: url("../images/dot.png") left center no-repeat; padding-left: 13px;} .navigation > li ul li a:hover {color: #44c5dc; text-decoration: none; background: url("../images/dot-hover.png") left center no-repeat;} .responsive_nav { background-color: #4b5c6e; display: none; } .responsive_nav li a img { margin-right:10px;vertical-align: middle;} .responsive_nav > ul > li { position: relative; } .responsive_nav > ul > li > a{ background: url("../images/blue-errow.png") 90% center no-repeat; padding:12px 24px;border-bottom:1px solid #536578; display: block; color:#bfcbd8!important;font-family: 'Raleway', sans-serif;font-weight:200;font-size:14px; letter-spacing:1px; } .responsive_nav > ul > li > a:hover { text-decoration: none; } .responsive_nav > ul > li > ul {position: absolute;background-color: #4b5c6e; width: 100%; display: none; z-index: 9999999;} .responsive_nav > ul > li > ul > li > a {padding:12px 24px;border-bottom:1px solid #536578; display: block; color:#bfcbd8!important;font-family: 'Raleway', sans-serif;font-weight:200;font-size:14px; letter-spacing:1px;} .responsive_nav > ul > li > ul > li > a:hover { text-decoration: none; background:#44c5dc !important; color:#FFF!important;} .responsive_nav > ul > li > ul > li > a.bg {background: url("../images/nav-errow.png") 90% center no-repeat;} .responsive_nav > ul > li > ul > li > a.bg:hover {background:#44c5dc url("../images/nav-errow.png") 90% center no-repeat !important; } .responsive_nav ul li ul li ul { background: #384553; display: block;} .responsive_nav ul li ul li ul li { padding: 10px 0px; padding-left: 65px; } .responsive_nav ul li ul li ul li a {font-size: 14px; color: #bfcbd8; background: url("../images/dot.png") left center no-repeat; padding-left: 13px;} .responsive_nav ul li ul li ul li a:hover {color: #44c5dc; text-decoration: none; background: url("../images/dot-hover.png") left center no-repeat;} .settings-nav { display: block; float: left; border-top: 1px solid #DBDEE6; border-left: 1px solid #DBDEE6; border-right: 1px solid #DBDEE6; background-color: #F6F6F6; margin-left: 20px; margin-top: 26px; } .settings-nav li { border-bottom: 1px solid #DBDEE6; } .settings-nav li a { padding: 8px 20px 8px 20px; width: 160px; position: relative; display: block; color: #4B5C6E; font-weight: 500; font-size: 13px; } .settings-nav li.active a { background-color: #4B5C6E; color: white; font-weight: bold; } .settings-nav-float { float: left; } .settings-table { width: 620px; } .settings-table td, .settings-table th { line-height: 14px; padding: 8px; height: 20px; } .settings-table input { display: inline-block; } .settings-table input[type=text] { width: 220px !important; } .show-controlled{ display: none; } /**************************************************************************** Content ****************************************************************************/ .content { border-right: #d6dfe6 solid 1px;margin-left:-28px;width: 103.7%;height: 100% !important;} .message_box {padding:10px;} .close { width: 11px; height: 11px; display: inline-block; text-align: right; background: url("../images/cross2.png") no-repeat;margin-top: 8px;margin-right: 10px; opacity: 10; } .alert {margin:0px!important; font-weight: bold;} .small_alert {font-family: 'Raleway', sans-serif;font-weight:200;} .gray_bar {background-color:#eaf0f5; border-bottom:1px solid #dbdee6;border-top:1px solid #dbdee6; padding:13px 10px 13px 30px;} .gray_bar h4 {margin:0px; padding:0px; font-weight:700;color:#4b5c6e;font-size:20px;} .gray_bar small { color:#8b99a8;font-size:11px;font-style:italic;font-weight:300;margin-left: 5px;} .white_box { border-bottom:1px solid #dbdee6;height:83px;} .white_box .span3 { border-right:1px solid #dbdee6; line-height: 78px; width:auto; font-family: 'Raleway', sans-serif;font-weight:200; font-size:16px; margin:0px; min-width: 215px;} .white_box .span3 img {margin-right:10px;margin-left:10px; vertical-align: middle;} .white_box .span3 h5 {font-size: 16px;font-weight: 400;display: inline-block; color: #4b5c6e;} .bdrnone {border:none!important;} .orange_box {background: url(../images/white_shape.png) #f67651 194px 0px;background-repeat: no-repeat;background-position:right;} .orange_box h5 {color:#fff!important;} .review_number {font-size:30px;font-family: 'Raleway', sans-serif;font-weight:300;color:#fff;border-left:#f98767 solid 1px;padding: 0px 6px;} .result {font-size:24px;font-family: 'Raleway', sans-serif;font-weight:300;color:#61d0e4;padding: 0px 15px;} .weeklystatus {padding:20px;border-bottom: 1px solid #dbdee6;} .heading {margin:0px!important;background: url("../images/heading-bg.png") left center repeat-x;} .heading h4 {margin:0px;font-weight:400;color:#4b5c6e; background: none; display: inline-block; padding-right: 10px; margin-top: -5px; } .main_box {float:left;margin-right: 14px;} .blue-box {background-color:#61d0e4;width:15px;height:15px;float:left;margin-top: 3px;margin-right: 5px;} .orange-box {background-color:#f8a790;width:15px;height:15px;float:left;margin-top: 3px;margin-right: 5px;} .light-box {background-color:#c7cbd7;width:15px;height:15px;float:left;margin-top: 3px;margin-right: 5px;} .box-rightside small {float:left;margin:0px;padding:0px;font-weight:300;font-size:14px;} .box-rightside {float:right;} .graph {margin-top:10px;display:inline-block;margin-bottom:10px;} .graph-box {display:inline-block;margin:0px!important; width: 100%;} .graph-box .span4 {margin:0px;} .grap { padding-top: 30px;} .topresources, .topperformance {padding: 20px 20px 0px 20px;} .topresources {border-right:1px solid #dbdee6; position: relative;} .feature.topresources .box-rightside { bottom: 78px;} .topresources .box-rightside {float: left; margin-top: 15px; position: absolute; bottom: 0px; left: 0px; background: #ffffff;bottom: 39px;left: 45px; z-index: 9999;} .topresources .box-rightside .blue-box{background: #f3da63;opacity: 0.6;} .topresources .box-rightside .orange-box{background: #61d0e4;opacity: 0.6;} .topresources .box-rightside .light-box{background: #a1a4cd;opacity: 0.6;} .topresources .box-rightside .dark-box{background: #f8a891;opacity: 0.6;} .resource_list {margin: 0px 0px 10px 25px;} .resource_list li {padding: 20px 0px;border-bottom: 1px solid #dadada;list-style:none;} .resource_list li a {margin-left:10px;font-size:16px;font-weight:300;color:#4b5c6e;} .list_number {font-size:24px;font-weight:bold;color:#4b5c6e;} .orange_number {color:#f67651;font-size:18px; margin-left: 5px;} .green_box {background-color:#dff0d8;width:48px;height:34px;line-height:34px;display:inline-block;text-align:center;float:right; font-size: 16px; color: #666768} .footer {border-top:1px solid #dbdee6;color:#7d8a97;padding:20px 0px;} .seemore a {color:#f67651;} .title_bar {border-bottom:1px solid #dbdee6;padding-left:30px;padding-bottom:10px;padding-top:10px; position: relative; background: #fff;} .title_bar h3 {font-size:16px;font-weight:400;font-family: 'Raleway', sans-serif;margin:0px;padding:0px;color:#4b5c6e;} .title_bar h3 img {margin-right:15px; vertical-align: middle;} .bar {border-bottom:1px solid #dbdee6;padding-left:60px;padding-bottom:10px;padding-top:10px; position: relative; background: #ffffff;} .secnd_bar { padding-left: 30px; } .stat_bar {background: #f7f8fa;} .bar h5 {font-size:14px;font-weight:bold;font-family: 'Raleway', sans-serif;color:#4b5c6e;} .bar h5 small { font-style: italic; font-weight: normal; margin-left: 10px; font-size: 13px; } .bar h6 { float: right;margin-top: -26px; margin-right: 20px; } .bar h6 a {font-size: 13px; font-weight: normal;color: #f67651;} .bar-top {border-top:1px solid #dbdee6;} .search_bar { background: #f7f8fa; border-bottom: 1px solid #d6dfe6; line-height: 70px; } .search_bar .user_book {float: left; padding:0px 10px; border-right: 1px solid #d6dfe6;} .search_bar .user_book a { vertical-align: middle; width: 44px; height: 39px; display: inline-block; background: url("../images/user_book.png") no-repeat; } .search_bar form { float: right; position: relative; } .search_bar input[type="text"] { width: 240px; padding-right: 30px; box-shadow: none !important; margin-bottom: 0px; height: 30px; border: 1px solid #d6dfe6; } .search_bar input[type="submit"] { width: 16px; height: 16px; border: 0px; background: url("../images/zoom.png") no-repeat; position: absolute; right: 34px; top: 50%; margin-top: -8px; } .search_bar label { margin-right: 20px; } .custom .search_bar input[type="text"] { padding-right: 10px; } .search_bar h6 {font-size: 13px; color: #4b5c6e; font-weight: bold; padding: 15px 0px 15px 30px;} .gray_box {background-color:#eaf0f5;border-bottom:1px solid #dbdee6;border-top:1px solid #dbdee6;padding:13px 10px 20px 60px;} .gray_box h5 {color:#4b5c6e;} .gray_box small {color:#8b99a8;font-size:11px;font-style:italic;font-weight:300;} .gray_box p {font-size:13px;padding:10px 0px;color:#4b5c6e;} .orange_title {color:#f67651;} .response_box {border-bottom:1px solid #dbdee6;padding:13px 10px 20px 60px;} #jqxChart, #jqxChart2 {left: -50px !important; top: 15px !important;} #jqxChart table ,#jqxChart2 table ,#Chart_two table, #Chart table {border: 0px;} #jqxChart table td, #jqxChart2 table td, #Chart_two table td, #Chart table td {background: #ffffff; border: 0px;} #jqxChart table #tdLeft, #jqxChart table #tdTop, #jqxChart2 table #tdLeft, #jqxChart2 table #tdTop, #Chart_two table #tdLeft, #Chart_two table #tdTop, #Chart_three table #tdLeft, #Chart_three table #tdTop, #Chart table #tdLeft, #Chart table #tdTop {display: none;} .jqx-chart-title-text, .jqx-chart-title-description, .jqplot-grid-canvas {display: none !important;} #svgChart { width: 106%; } #jqxChart .chartContainer #svgChart, #jqxChart2 .chartContainer #svgChart { width: 110%; background: none; } #jqxChart .chartContainer #svgChart > rect, #svgChart > rect, #jqxChart2 .chartContainer #svgChart > rect, #svgChart > rect { /*display: none;*/ } .chartContainer {background: none !important;} /*#svgChart rect , #Chart rect:nth-child(1), #Chart rect:nth-child(2), #Chart rect:nth-child(3), #Chart rect:nth-child(4), #Chart rect:nth-child(5){ fill:#61d0e4; stroke:#61d0e4; } #Chart rect:nth-child(6), #Chart rect:nth-child(7), #Chart rect:nth-child(8), #Chart rect:nth-child(9), #Chart rect:nth-child(10){ fill:#f8a790; stroke:#f8a790; } #Chart rect:nth-child(11), #Chart rect:nth-child(12), #Chart rect:nth-child(13), #Chart rect:nth-child(14), #Chart rect:nth-child(15){ fill:#c7cbd7; stroke:#c7cbd7; }*/ /**************************************************************************** Button ****************************************************************************/ .embeddedBtn{background-color: #44c5dc; color:black; border-radius: 5px; padding: .5em; text-decoration: none;} .action_btn{margin:30px 0px;} .red_btn {background-color:#ff4343;} .green_btn {background-color:#9cc111;} .blue_btn {background-color:#44c5dc;} .red_btn, .green_btn, .blue_btn {padding:10px 20px; display: inline-block; margin-right:10px;color:#fff;text-decoration:none;font-size:13px;margin-top:10px; cursor: pointer;} .blue_btn:hover {text-decoration:none;color:#fff;background-color:#31b3ca;} .red_btn:hover {text-decoration:none;color:#fff;background-color:#f03939;} .green_btn:hover {text-decoration:none;color:#fff;background-color:#92b609;} .gray_box textarea{height:100px; border:1px solid #dadada; margin-top:20px; resize: none;} .gray_btn{background-color:#d6dfe6; padding:15px 20px; font-size:13px; font-weight:bold; text-decoration:none; color:#4b5c6e;} .gray_btn:hover{text-decoration:none;opacity: 0.9;} .submit:hover {opacity: 0.9;} .submit {border: 0px; display: inline-block; background: #44c5dc; padding: 10px 20px ; border-radius: 5px; outline: none; margin-bottom: 19px; } .btn { padding: 19px 30px; background: #f67651; font-size: 13px; font-weight: bold; color: #ffffff; border-radius: 0px; border: 0px; } .btn:hover { text-decoration: none; background: #f57f5d;} .blue {background: #44c5dc; } .blue:hover { background: #6ce2f7; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-danger { background-color: #da4f49; } .btn-danger:hover { background-color: #bd362f; } .btn-warning { background-color: #faa732; } .btn-warning:hover { background-color: #f89406; } /* .btn-primary { background-color: #006dcc; } */ .btn-success { background-color: #5bb75b; } .btn-success:hover { background-color: #51a351; } .btn-info { background-color: #49afcd; } .btn-info:hover { background-color: #2f96b4; } .btn-medium { padding: 5px 10px; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /**************************************************************************** Login forms ****************************************************************************/ .login_wrap { padding-top: 100px; } #log_in {width: 381px; margin: 0 auto; background: #4b5c6e; border-radius: 5px; overflow: hidden; margin-bottom:40px;} #log_in .logo { width: 100%; padding: 8px 0px; text-align: center; margin-bottom: 30px; } .login_form { width:300px; margin: 0 auto; } .login_form input[type="text"], .login_form input[type="password"] { width: 95%; height: 30px; margin-bottom: 30px; color: #8c9eb2;} .name { background: url("../images/user.png") left center no-repeat; padding-left: 51px !important; width: 80% !important; } .paswrd { background: url("../images/key.png") left center no-repeat; padding-left: 51px !important; width: 80% !important; } .login_form input[type="checkbox"] {margin-right: 10px; margin-top: -2px;} .login_form label { font-size: 13px; color: #a8b5c3;display: inline-block; margin-bottom: 30px; } .login_form .submit { display: block; width:100%; text-align: center; padding: 10px 0px ; } .login_form a { color: #a8b5c3; margin-bottom: 20px; font-size: 13px; text-align: center; display: block;} #log_in_two {width: 381px; margin: 0 auto; background: #4b5c6e; border-radius: 5px; overflow: hidden; margin-bottom:40px;} #log_in_two .logo { width: 100%; padding: 8px 0px; text-align: center; margin-bottom: 30px; } /**************************************************************************** Report V1 ****************************************************************************/ .buttons {position: absolute;top: 0px;right: 0px;} .buttons .btn { float: left; } .store { margin-top: 28px; } .store form, .store .form { width: 47%; float: left; padding-left: 60px; } .rprt.store {padding-left: 28px;} .rprt.store .selectBox-dropdown {margin-bottom: 25px;} .rprt.store label { display: block; font-size: 13px; font-weight: bold; margin-bottom: 18px;} .range_form { float: right !important; width: 430px !important; padding-left: 60px; } .range_form input[type="text"] { color: #929ba5; font-size: 13px; width: 140px; height: 25px; border-radius: 0px; margin-right: 15px; box-shadow: none; } .range_form div.input { display: inline-block; } .report_form form { width: 100%; float: none; } .report_form form select { margin-bottom: 18px; } .report_form form input[type="text"] { color: #929ba5; font-size: 13px; width: 270px; height: 25px; border-radius: 0px; margin-right: 25px; margin-bottom: 30px; box-shadow: none; } .report_form .buttons {position: static;} .report_form .buttons a { background: #d6dfe6; margin-right: 30px; padding: 10px 20px; color: #4b5c6e;} .report_form .buttons a:hover { background: #dae5ed; } .review_bar {background-color:#eaf0f5; border-bottom:1px solid #dbdee6;border-top:1px solid #dbdee6; height: 50px; line-height: 50px;} .review_bar .orange_box {margin-right:30px; width: 235px; background: url(../images/orange-errow.png) no-repeat !important; float: left;line-height: 46px;} .review_bar .orange_box h5 { font-weight: 400; padding-left: 68px; line-height: 25px; display: inline-block; background: url("../images/review-small.png") 30px center no-repeat; } .review_bar h4 { margin-right: 10px; display: inline-block; color: #4b5c6e; font-size: 20px; font-weight: 600; } .review_bar h4 small { font-size: 12px; color: #8b99a8; } .feature { border-bottom: 1px solid #d6dfe6; min-height: 420px;width: 45.45%; border-right: 1px solid #d6dfe6;} .feature li:last-child {border: 0px;} .empty-report-instructions { text-align: center; font-size: 120%; margin: 20px 0; } /**************************************************************************** Feed V1 ****************************************************************************/ .plus { border: 1px solid #d6dfe6; height: 60px; padding: 0px 21.6px; display: inline-block; line-height: 60px; position: absolute; top: 0px; right: -1px; border-bottom: 0px; } .plus.minus {background: #f1fafe;} .social_bar {background: #f1fafe; border-bottom: 1px solid #d6dfe6; display: none;} .social_bar form { width: 451px; margin-left: 30px; padding-top: 30px; } .social_bar input[type="checkbox"] { margin-right: 10px; margin-bottom: 30px; } .social_bar img { margin-right: 40px; margin-bottom: 30px; } .social_bar p { margin-right: 40px; display: inline-block ; vertical-align: top;} .social_bar.new {display: block;} .social.gray {background: #f7f8fa;} .social { padding: 12px 0px 12px 30px; border-bottom: 1px solid #d6dfe6; } .social > a { display: inline-block; margin-right: 25px; margin-bottom: 15px;} .social h5 { display: inline-block; } .social h5.twtr {background: url("../images/twtr.png") left center no-repeat; padding-left: 30px; } .faq_bar {background: #f1fafe; border-bottom: 1px solid #d6dfe6; padding: 20px; display: none;} .meta p { display: inline-block; font-style: italic; margin-right: 20px; } .meta p a { width: 14px; height: 14px; background: url("../images/gray-star.png") no-repeat; display: inline-block;vertical-align: -4px; } .meta p a.orange-star { background: url("../images/orange-star.png") no-repeat; } .social p { font-size: 13px; color: #4b5c6e; font-family: 'Bookman Old Style', sans-serif; } .social p a{ color: #f67651; } .social.gray .meta p a { width: 18px; height: 18px; background: url("../images/gray-star2.png") no-repeat;vertical-align: -4px;} .social.gray .meta p a.orange-star { background: url("../images/blue-star.png") no-repeat;} .social.white .meta p a { width: 18px; height: 18px; background: url("../images/gray-star2.png") no-repeat;} .social.white .meta p a.orange-star { background: url("../images/blue-star.png") no-repeat;} .social.red {background: #fffbf4;} .social.red > a { display: block; } .social.red .social-icon{ margin-top: -37px; } .social.red .meta p a { width: 11px; height: 10px; background: url("../images/gray-star3.png") no-repeat;} .social.red .meta p a.orange-star { background: url("../images/yellow-star.png") no-repeat;} .social.red.white { background: #ffffff; } .social.red.white > a { display: block;} .social-icon { float: right; margin-right: 30px; } .social-icon a{ height: 16px; width: 16px; display: inline-block; margin: 0px 3px; vertical-align: middle;} .social-icon a.msg{background: url("../images/msg.png") no-repeat; } .social-icon a.rply {background: url("../images/rply.png") no-repeat; } .social-icon a.like {background: url("../images/flag.png") no-repeat; } .social-icon a.unlike {background: url("../images/unlike.png") no-repeat; } .review-metadata { padding-left: 20px; font-size: 10px; color: #4b5c6e; font-family: 'Bookman Old Style', sans-serif; margin-top:5px; display: none; } .review-metadata-toggle, .review-metadata-toggle:visited, .review-metadata-toggle:hover, .review-metadata-toggle:active { position: absolute; right: 5px; top: -13px; color: #4b5c6e; } .review-metadata-container { position: relative; } img.reviewpush-logo { height: 25px; } .review-response-container { border: 1px solid #cccccc; margin-top: 20px; margin-left: 20px; padding: 10px; overflow: hidden; width: 90%; display: inline-block; color: #444444; cursor: pointer; } .review-response-container.closed { white-space: nowrap; text-overflow: ellipsis; height: 1.1em; color: #888888; } .review-response-container .response-date { font-size: 8pt; font-style: italic; display: block; font-family: 'Raleway', sans-serif; } .review-response-container.closed .response-date { font-size: 8pt; font-style: italic; display: inline-block; padding-right: 5px; } .review-response-container .response-header { font-weight: bold; display: block; font-family: 'Raleway', sans-serif; } .review-response-container.closed .response-header { font-weight: normal; display: inline-block; padding-right: 5px; } /**************************************************************************** Pagination ****************************************************************************/ .pagination {text-align: center; padding: 40px 0px; margin: 0px; } .pagination a { padding:8px 16px; border: 1px solid #a6afb6; color: #565f66; font-size: 13px; margin:0px 4px !important; display: inline-block; background: none !important;} .pagination a:hover { text-decoration: none; border-color: #44c5dc; } .pagination .left { background: url("../images/small-left-errow.png") 10px center no-repeat; padding-left: 30px; } .pagination .right { background: url("../images/small-right-errow.png") 80% center no-repeat; padding-right: 30px; } .pagination li { display: inline-block; } .pagination li span { border-radius: 4px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: 1px solid #e0e0e0; color: #565F66; display: inline-block; font-size: 13px; margin: 0 4px !important; padding: 8px 16px; font-family: 'Raleway',sans-serif; } /**************************************************************************** Create form ****************************************************************************/ .create_form { } .create_form form {margin-top: 28px; padding-left: 28px;border-bottom: 1px solid #d6dfe6; } .create_form form label { display: block; font-size: 13px; font-weight: bold; margin-bottom: 18px;} .create_form input[type="text"], .create_form input[type="password"] { width: 369px; height: 28px; border-radius: 0px; margin-right:25px; margin-bottom: 30px; color: #929ba5; font-size: 13px; box-shadow: none; } .create_form .adrs { width: 90% !important; } .new_form form { padding-left: 60px;} .create_form.new_form .adrs { width: 90% !important; } .send_request.store form {padding-left: 28px;} .create_form input[type="checkbox"] {margin-right: 10px; margin-top: -2px;} .create_form p { color: #929ba5; margin-bottom: 20px; font-size: 13px; display: inline-block;} .create_form .submit { display: block; background: #44c5dc; border-radius: 0px; padding: 10px 20px; margin-bottom: 35px; color: #ffffff; font-size: 13px; font-weight: bold;} /**************************************************************************** form ****************************************************************************/ form label { font-size: 13px; font-weight: bold; margin-bottom: 18px;} form input[type="text"], form input[type="password"], form input[type="email"] { box-shadow: none; width: 300px; height: 28px; border-radius: 0px; margin-right:25px; margin-bottom: 30px; color: #929ba5; font-size: 13px; } .create_form .adrs { width: 90% !important; } form p { color: #929ba5; margin-bottom: 20px; font-size: 13px;} form input[type="submit"] { font-size: 13px; color: #4b5c6e; font-weight: bold; } form textarea {box-shadow: none !important; width: 500px; height: 60px; /*resize: none;*/ border: 1px solid #d6dfe6; border-radius: 0px; margin-right:25px; margin-bottom: 30px; color: #929ba5; font-size: 13px; box-shadow: none;} .settings-table textarea { width: 220px !important; } .settings-table .error > td { background-color: #f2dede; } /**************************************************************************** location ****************************************************************************/ .location form { position: relative; } .location form a { display: inline-block; color: #f67651;} .location form a.btn { display: inline-block; color: #4b5c6e; background: #d6dfe6; padding: 8px 18px; } .location form a.btn:hover { opacity: 0.9; } .location {border-bottom: 1px solid #d6dfe6; padding-bottom: 30px;} .location input[type="text"]{ margin-bottom: 3px; display: block; width: 150px; height: 28px; padding-right: 111px; border-radius: 0px;color: #929ba5; font-size: 13px; box-shadow: none; } .location .submit { color: #ffffff; padding: 8.3px 15px; position: absolute;right: 118px;top: 38px; border-radius: 0px;} .location p {color: #929ba5; font-size: 12px;} /**************************************************************************** Requests ****************************************************************************/ .request_table {padding-bottom: 240px; /*background: url("../images/plus3.png") no-repeat center 70%;*/} .request_table table { border-top: 0px; } .request_table table .first { width: 40%; } table {border-top: 0px;text-align: left; border: 1px solid #d6dfe6;width: 100%; border-right: 0px; border-bottom: 0px; } table th, table td { padding-left: 29px; width: 30%; height: 52px; line-height: 52px; border-bottom: 1px solid #d6dfe6; border-right: 1px solid #d6dfe6;} table th, table th a {color: #4b5c6e; font-size: 14px; font-weight: bold;} table td {color: #4b5c6e; font-size: 13px; background: #f7f8fa;} table .last { border-right: 0px; } table .link_btn a { width: 16px; height: 16px; display: inline-block; margin: 0px 5px; } table .link_btn a.srch { background: url("../images/search.png") no-repeat;} table .link_btn a.split { background: url("../images/split.png") no-repeat;} table .link_btn a.pencil { background: url("../images/pencil.png") no-repeat; } table .link_btn a.cross { background: url("../images/cross.png") no-repeat; } .template { padding: 0px 0 0 30px; height: 73px; line-height: 73px;} .template h3 {margin: 0px; display: block; float: left; line-height: 73px;} .template h6 {margin: 0px;display: block;float: right;line-height: 73px;font-size: 13px;background: url("../images/plus2.png") 25px center no-repeat;padding-left: 50px;padding-right: 20px;border-left: 1px solid #d6dfe6;} .template h6 a:hover {text-decoration: none;} .template h6.del { background: url("../images/del.png") 25px center no-repeat; } .template h6.bluk { background: url("../images/bluk.png") 25px center no-repeat; } .template h6.cross { background: url("../images/cross.png") 25px center no-repeat; } .template h6.srch { background: url("../images/search.png") 25px center no-repeat; } .template h6.fq { background: url("../images/question.png") 25px center no-repeat; } .template h6.fq span { background: url("../images/errow.png") no-repeat; width: 8px; height: 6px; display: inline-block; margin-left: 10px; vertical-align: middle; } .reqst_fq {font-size: 13px; font-weight: bold;color: #4b5c6e; background: #f7f8fa ;border: 1px solid #d6dfe6; height: 60px; padding: 0px 21.6px; display: inline-block; line-height: 60px; position: absolute; top: 0px; right: -1px; border-bottom: 0px; } .reqst_fq img { margin-right: 15px; } .reqst_fq span { background: url("../images/errow.png") no-repeat; width: 8px; height: 6px; display: inline-block; margin-left: 10px; vertical-align: middle; } .reqst_fq:hover { text-decoration: none; } .user_qestions { padding-left: 30px;padding-right: 30px; border-bottom: 1px solid #d6dfe6; background: #f7f8fa; } .user_qestions .questions { padding-top: 28px; border-bottom: 1px solid #d6dfe6; } .user_qestions h5 { margin-top: 0px; margin-bottom: 8px; color: #4b5c6e;} .user_qestions p { color: #4b5c6e; font-size: 13px; line-height: 18px; margin-bottom: 28px; } .user_qestions .questions.last {border: 0px;} /**************************************************************************** Statistics ****************************************************************************/ .stat_table table { border-top: 0px; } .stat_table table td { width: 25%; height: 95px;line-height: 0px; background: #ffffff; } .stat_table table td p {font-size: 18px; font-style: italic; color: #4b5c6e; margin-top: 25px; margin-bottom: 36px;} .stat_table table td span {font-size: 13px; font-style: italic; color: #f67651; font-family: 'Bookman Old Style', sans-serif;} .stat_table table .first {background: #76c381; color: #76c381;font-size: 13px; font-family: 'Bookman Old Style', sans-serif; } .stat_table table .first p { color: #ffffff; } .stat_table table .first span { color: #ffffff; } .stat_two table { border-top: 0px; } .stat_two table th { width: 12%; background: #ffffff; } .stat_two table .first { width: 24%; } .stat_two table .small {width: 7%;} .close_tickt td {line-height: 17px !important;} .close_tickt {margin-bottom: 300px;} .create_tickt input[type="text"] {margin-bottom: 20px !important;} .create_tickt textarea{ height: 98px; width: 300px; margin-bottom: 20px;} .create_tickt p {margin-bottom: 14px !important;} .create_tickt .stng_box.selectBox-dropdown {margin-bottom: 14px !important; display: block !important;} .edit_st .selectBox-dropdown {margin-bottom: 30px;} .edit_st .selectBox-dropdown .selectBox-label { color: #929ba5; font-weight: normal; } .edit_st fieldset .submit{ font-weight: nomal; display: inline-block;margin-bottom: 4px; } .edit_st fieldset input[type="text"] {margin-bottom: 4px;} .edit_st .middel_sc label {margin-bottom:2px;} .edit_st .bottom_sec form { width: 70%; border: 0px;} .edit_st .bottom_sec div { float: right;margin: -148px 0px 0px 0px;} .delete {width: 12px; height: 14px; display: inline-block; background: url("../images/delet.png") no-repeat;} .store_list .bar h5 {background: url("../images/list.png") no-repeat left center; padding-left: 30px; float: left;} .store_list .bar .blue_btn { float: right; margin-top: 0px; } .store_list .stat_two table .first { width: 11%; } .store_list .user-slct .secnd { width: 18%; } .store_list .user-slct .delete {vertical-align: -5px; margin-left: 20px;} .store_list table { margin-bottom: 300px;} /**************************************************************************** Setting ****************************************************************************/ #tabs .ui-tabs-active { border-bottom: 0px; } #tabs > ul { margin-bottom: -2px; padding-left: 60px; background: #ffffff; } #tabs > ul > li {border-top: 1px solid #d6dfe6 !important;float: left; border: 1px solid #d6dfe6; margin-right: -1px;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } #tabs > ul > li a { font-size: 13px; font-weight: bold; padding: 15px 19px; display: block; text-decoration: none; color: #4b5c6e; outline: 0px; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; -ms-transition: color 0.5s; transition: color 0.5s; } #tabs > ul > li:hover {border-bottom: 0px; } #tabs > ul .ui-state-active {border-bottom: 0px; background: #f7f8fa; } .user_setting {background: #f7f8fa;min-height: 416px;} .tab { background: #f7f8fa; border-top: 1px solid #dddddd; padding: 15px 0 0 60px; } .tab label { display: block; } .tab input[type="text"] {margin-bottom: 2px;} .tab p {font-size: 12px; color: #929ba5; margin-bottom: 28px;} .tab form > .submit { border-radius: 0px; background: #d6dfe6; padding: 9px 22px; } .tab select {display: block; margin-bottom: 27px;} .tab form fieldset { width: 500px; position: relative } .tab form fieldset .submit { position: absolute; right: 186px;top: 39px; border-radius: 0px; padding: 11px 20px; color: #ffffff;} .tab form fieldset p {margin-bottom: 8px;} .tab form fieldset a { color: #f67651; display: block; margin-bottom: 30px;} .user_setting form { float: left; margin-right: 10px; } .user_setting form.secnd {margin-top: 37px; } .alert_setting{ padding: 15px 0 0 0px; !important} .alert_setting > span { font-size: 13px; font-weight: bold;color: #4b5c6e; padding: 10px 0 25px 30px; border-bottom: 1px solid #dddddd; display: block;} .alert_setting .tool {border-bottom: 1px solid #dddddd; background: #f7f8fa !important; } .alert_setting .tool a { font-size: 13px; font-weight: bold;color: #4b5c6e; padding: 10px 0 25px 60px; display: inline-block;} .alert_setting .tool a:hover {text-decoration: none !important; background: url("../images/spam.png") right 13px no-repeat; padding-right: 27px;} .alert_setting table th {background: #ffffff;} .alert_setting table th, .alert_setting table td { padding-left: 60px; width: 60%;} .alert_setting table { border-top: 0px !important; } .alert_setting table .first { width: 40%; } .alert_setting table span { width: 12px; height: 16px; display: inline-block; background: url("../images/user-alrt.png") no-repeat; } .alert_setting > div { background: #ffffff; } .alert_setting .blue_btn { display: inline-block; margin-top: 20px; margin-left: 30px; font-weight: bold; } .report_stng .selectBox-dropdown { display: block !important; margin-bottom: 30px; } .credit-card-form select.expiry_date_year{ width: 7em !important; } .credit-card-form select.expiry_date_month{ width: 4em !important; } #has-invoices--true{ display: none} #has-invoices--false{ display: none} #billing-method-status--invalid{ display: none} #billing-method-status--declined{ display: none} #billing-status-messages{ margin-bottom: 18px !important; display: none; width: 600px} i.oauth-enabled { color: cornflowerblue !important; } /**************************************************************************** Tickets ****************************************************************************/ .tickets_tb .tab{ border-top: 0px !important; } .tickets_tb th, .tickets_tb td { width: 10%; } .tickets_tb .first {width: 30%;} .tickets_tb .second {width: 20%;} table .clr td {background:#f7f8fa !important; } .tickets_tb tr td {background: #ffffff;} .tickets_tb td a.settings { background: url("../images/action.png") no-repeat; width: 16px; height: 16px; display: inline-block; } .tickets_tb td a { color: #f67651; text-decoration: none; } .tickets_tb td a:visited { color: #f67651; } .tickets_detail { padding:30px 0 20px 30px; background: #f7f8fa; } .tickets_detail h5 {color: #4b5c6e; margin-top: 0px; margin-bottom: 30px;} .tickets_detail h6 span {color: #f67651;} .tickets_detail h6 {color: #4b5c6e; font-size: 13px; margin-top: 0px; margin-bottom: 7px;} .tickets_detail p {font-size: 13px; color: #4b5c6e; line-height: 18px;margin-bottom: 30px;} .tickets_detail p a{color: #f67651;} .tickets_detail ul { margin-bottom: 30px; } .tickets_detail ul li { margin-bottom: 15px; color: #4b5c6e; font-size: 13px;} .tickets_detail ul li span {width: 105px; display: inline-block;} .tickets_detail .meta p, .meta div{display: inline-block; color: #8b99a8;} .star_yellow a { height: 10px; width: 11px; display: inline-block; background: url("../images/gray-star3.png") no-repeat; } .star_yellow a.yellow { background: url("../images/yellow-star.png") no-repeat; } .tickets_detail label { display: block; } .tickets_detail textarea { margin-bottom: 3px; } .tickets_detail .submit { background: #d6dfe6; border-radius: 0px; padding: 8px 17px; } /**************************************************************************** Users ****************************************************************************/ .location_store table { border-top: 0px !important; } .location_store table th, .location_store table td {width: 5%; padding-left: 17px; background: #ffffff;} .location_store table .first { width: 21%; } .location_store table .second { width: 16%; } .location_store table .thrd { width:12%; } .location_store table .one { background: url("../images/small-errow.png") 36% center no-repeat; } .location_store table .two { background: url("../images/blue-errow.png") 39% center no-repeat; } .location_store table .second.two { background: url("../images/blue-errow.png") 50% center no-repeat; } .location_store td {position: relative;} .location_store td a { width: 16px; height: 16px; display: inline-block; margin-left: 25px; } .location_store td a.stng {background: url("../images/action.png") no-repeat; } .location_store td a.zoom {background: url("../images/zoom-in.png") no-repeat; } .location_store td a.red-zoom {background: url("../images/red-zoom.png") no-repeat; } .location_store .red { color: #f67651;} .location_store td a { color: #f67651; text-decoration: none; } .location_store td a:visited { color: #f67651; } .users table th, .users table td {width: 6%;} .users table .first { width: 30%; } .users table .second { width:40%; } .users table td.second { color: #f67651;} .users table .last { width:20%; } .user-slct .last { width:90%; } .user-slct table th, .user-slct table td {width: 6%;} .users tr td {background: #ffffff;} .users td a { width: 16px; height: 16px; display: inline-block; margin-right: 20px; } .users td a.stng {background: url("../images/action.png") no-repeat; } .users td a.zoom {background: url("../images/zoom-in.png") no-repeat; } .user-slct .pagination {text-align: left;} .user-slct .pagination a { padding: 9px 22px;margin-left: 119px;} .user_edit { padding:30px 0 20px 30px; } .user_edit label {display: block;} .user_edit form p {margin-bottom: 5px;} .user_edit .submit { background: #d6dfe6; border-radius: 0px; padding: 8px 17px; } .send_request{ border-bottom: 0px;} .send_request form {float: none; width: 100%; border-bottom: 0px;} .send_request form fieldset {position: relative;} .send_request form fieldset p, .send_request form div p {font-size: 13px; color: #929ba5;} .send_request form fieldset label span {color: #f67651;} .send_request form fieldset label {display: inline-block; vertical-align: middle; margin-right: 14px; margin-top: -3px;} .send_request form .adrs { width: 80%; margin-bottom: 5px;} .send_request form fieldset { width: 500px; } .send_request.location .submit { right: 231px;top: 36px;} .send_request form p {display: inline-block; margin-right: 10px; font-size: 13px; color: #4b5c6e;} .send_request form input[type="checkbox"] {margin-top: 0px; margin-right: 5px;} .send_request form div input[type="text"] { display: inline-block; } .send_request form div {margin-bottom: 30px;} .send_request form div p {margin-bottom: 0x;} .send_request form textarea {width: 80%; display: block; height: 120px;} .send_request form > .submit { position: static; display: block; padding: 10px 33px; margin-top: 10px; } .send_request form fieldset > span a { color: #f67651; font-size: 13px; vertical-align: 14px; margin-left: 15px; display: inline-block; margin-top: -26px;} /**************************************************************************** Statistics ****************************************************************************/ .stat_search .user_book {float: right !important; padding:0px 10px; border-left: 1px solid #d6dfe6; border-right: 0px !important;} .stat_search h5 { float: left; font-weight: bold; font-size: 14px; line-height: 70px; margin: 0px; padding-left: 30px; color: #4b5c6e; } .stat_tabl table { border-top: 0px !important; } .stat_tabl table th { width: 33.3%; } .stat_tabl table th span { font-family: 'Bookman Old Style', sans-serif;font-size: 32px; font-style: italic; color: #4b5c6e; margin: 3px 0px; display: block; font-weight: normal;} .stat_tabl table th span small { font-family: 'Bookman Old Style', sans-serif; float: right; margin-right: 28px; color: #dc445d; } .stat_tabl table th small.gren {color: #76c381; font-family: 'Bookman Old Style', sans-serif;} .stat_tabl table th small {color: #f67651; font-family: 'Bookman Old Style', sans-serif; font-size: 13px; font-style: italic; font-weight: normal;} .total_statistics table { border-top: 0px !important;; } .total_statistics table .first { width: 40%; } .total_statistics table th { font-weight: normal; color: #f67651; font-size: 14px; } .total_statistics table th, .total_statistics table td { width: 20%; background: #ffffff; } .total_statistics table .clr th, .total_statistics table .clr td {background: #f7f8fa; } .total_statistics table td small { font-weight: normal; color: #f67651; font-size: 13px;vertical-align: 4px; margin-right: 2px; } .total_statistics table td span { font-weight: normal; color: #f67651; font-size: 13px; } .total_statistics table td .true { width: 10px; height: 6px; display: inline-block; background: url("../images/tick.png") no-repeat;vertical-align: 9px;;} .total_statistics table td .worng{width: 6px; height: 6px; display: inline-block; background: url("../images/wrng.png") no-repeat;vertical-align: 9px;} .total_statistics table .blue_str, .total_statistics table .orang_str {display: inline-block; margin-right: 4px;} .total_statistics a { text-decoration: none; } .total_statistics th a { color: #F67651; text-decoration: none; font-weight: normal; } .total_statistics th a:visited { color: #F67651; } /*.total_statistics .pagination{ float: left; margin-left: 30px;}*/ .display_page {text-align: center;line-height: 118px; margin: 0px;} .display_page p {color: #8b99a8; font: 12px; } .display_page p a {color: #4b5c6e; font: 12px; } .display_page p a.slct, .display_page p a:hover {color: #44c5dc;} .alrt { margin-left: 0px; position: relative; } .tips { background: #3fc1d8; width: 284px;display: none; padding: 13px 0px; position: absolute; z-index: 999999;top: 51px; left: 1px;} .tips h6 { color: #ffffff; font-size: 13px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #4bcee5; margin-bottom: 15px; padding-left: 20px;} .tips div { border-bottom: 1px solid #4bcee5; margin-bottom: 15px; padding-bottom: 15px; padding-left: 20px;} .tips div p { width: 170px;} .tips div span { color: #aff3ff; font-size: 13px; font-weight: 400; display: inline-block; } .tips div a { color: #ffffff; background: #4b5c6e; padding: 8px 18px; font-size: 13px; font-weight: bold; display: inline-block; float: right; margin-right: 15px; margin-top: -12px;} .tips div a:hover { text-decoration: none; } .tips .errow { width: 15px; height: 16px; display: block; position: absolute; top: -8px; left: 20px; background: url("../images/tip-errow.png") no-repeat; } .tips p { color: #ffffff; font-size: 13px; font-weight: 400; margin-bottom: 8px;} .tips > a { text-align: center; color: #ffffff; font-size: 13px; font-weight: 400; margin-bottom: 8px; display: block;} /**************************************************************************** Stars ****************************************************************************/ .blue_str a {width: 18px; height: 18px; display: inline-block; background: url("../images/gray-star2.png") no-repeat;} .blue_str a.star, .blue_str a:hover { background: url("../images/blue-star.png") no-repeat; } .orang_str a {width: 14px; height: 14px; display: inline-block; background: url("../images/gray-star.png") no-repeat;} .orang_str a.star, .orang_str a:hover { background: url("../images/orange-star.png") no-repeat; } /**************************************************************************** Dropdown ****************************************************************************/ .stng_box.selectBox-dropdown {background: #ffffff; border: 1px solid #d6dfe6; color: #4b5c6e !important;width: 270px !important; } .stng_box.selectBox-dropdown .selectBox-arrow {background: url(../images/stng-slct.png) 50% center no-repeat; } .selectBox-options.stng_box-selectBox-dropdown-menu { width: 270px !important;; } .selectBox-options.stng_box-selectBox-dropdown-menu li, .selectBox-options.stng_box-selectBox-dropdown-menu li a { width: 270px !important; } .gray_select.selectBox-dropdown {background: #d6dfe6; color: #4b5c6e !important;} .gray_select.selectBox-dropdown .selectBox-label{ color: #4b5c6e !important;} .gray_select.selectBox-dropdown .selectBox-arrow {background: url(../images/black-errow.png) 50% center no-repeat; } .selectBox-dropdown { background: #44c5dc; font-size: 13px; font-weight: bold; color: #ffffff; position: relative;width: 160px !important; height:36px !important; } .selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow { border-color: #dddcdc; } .selectBox-dropdown.selectBox-menuShowing { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .selectBox-dropdown .selectBox-label { font-size: 13px; font-weight: bold; color: #ffffff; padding: 7px 26px 7px 11px; display: block; white-space: nowrap; overflow: hidden; } .selectBox-dropdown .selectBox-arrow { position: absolute; top: 0; right: 0; width: 28px; height: 100%; background: url(../images/select-btn.png) 50% center no-repeat; } .selectBox.selectBox-dropdown:hover { text-decoration:none !important; } /* Dropdown menu */ .selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; min-height: 1em; border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */ background: #FFF; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); overflow: auto; } /* Inline control */ .selectBox-inline { min-width: 150px; outline: none; border: solid 1px #BBB; background: #FFF; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: auto; } .selectBox-inline:focus { border-color: #666; } /* Options */ .selectBox-options, .selectBox-options LI, .selectBox-options LI A { cursor: pointer; background: #fdfdfd !important; padding: 2px 0px; width: 158.9px !important;font-size: 13px; font-weight: bold; color: #4b5c6e; border-color:#d6dfe6 !important;} .selectBox-options LI A { line-height: 1.5; padding: 0 .5em; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; } .selectBox-options LI.selectBox-hover A { background-color: #EEE; } .selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; } .selectBox-options LI.selectBox-selected A { background-color: #C8DEF4; } .selectBox-options .selectBox-optgroup { color: #666; background: #EEE; font-weight: bold; line-height: 1.5; padding: 0 .3em; white-space: nowrap; } .ui-datepicker td { line-height: 27px; height: 27px; width: auto; } .ui-tabs { border: none !important; } #tabs .ui-widget-content { border: none; } #tabs .ui-widget-header { border: none; } #tabs .ui-state-default, #tabs .ui-widget-content .ui-state-default, #tabs .ui-widget-header .ui-state-default { background: none; } #tabs > ul .ui-state-active { background: none repeat scroll 0 0 #F7F8FA !important; } table.standard-table tr.clear th, table.standard-table tr.clear td, tr.clear th, tr.clear td { background: none; } table.standard-table tr.gray th, table.standard-table tr.gray td { background: none repeat scroll 0 0 #F7F8FA; } table.standard-table tr.white th, table.standard-table tr.gray td { background: none repeat scroll 0 0 #FFF; } table.stores-table tr.odd td { background: none repeat scroll 0 0 #F7F8FA; } .ui-tabs-panel { border-top: 1px solid #D6DFE6 !important; background: none repeat scroll 0 0 #F7F8FA !important; min-height: 800px; } .fa { color: #bfcbd8 !important; font-size: 12pt; } a.fa, a.fa:visited { color: #4B5C6E !important; } .standard-form input, .standard-form textarea { margin-bottom: 4px !important; } .standard-form p { display: block; } .widget { padding: 20px; } .feed-address { color: #2A3541 !important; } .feed-date-range-selector-link { font-size: 9pt; color: black; padding: 8px; display: block; margin: 0; background-color: white; } .feed-date-range-selector-link:hover { color: white; font-weight: bold; background-color: #4b5c6e; } #feed-form .ratings-selector { display: inline-block; vertical-align: middle; } #feed-form .ratings-selector .btn { outline: 0; padding: 5px 15px; } #feed-form .ratings-selector .btn:not(.active) { background-color: #bbb; border: 1px solid #a5a1a1; } #feed-form .ratings-selector .btn.active { border: 1px solid #da6847; box-shadow: none; } table td a { color: #f67651;} .user-img img { width: 48px; height: 49px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; } /******************************* * Number Alerts *******************************/ .number-alert { padding: 0; top: 17px; left: 12px; width: 50px; } .number-alert .fa-bell, .number-alert .fa-calendar, .number-alert .fa-share-square { color: white !important; font-size: 28px; } .number-alert .fa-circle { color: red !important; font-size: 21px; } .number-alert .number-container, .number-alert .contained-number { height: 30px; width: 30px; } .number-alert .number-container { position: relative; left: 13px; top: -10px; } .number-alert .contained-number { text-align: center; position: absolute; color: white; font-size: 11px; font-weight: bold; top: -3px; } /************************** * Wizard Styling **************************/ .simplePagerNav { margin: 10px; } .simplePagerNav li a { display: block; float: left; border: 1px solid #ddd; font-size: 14px; padding: 6px 10px 6px 10px; font-weight: 200; background-color: white; margin-left: 10px; } .simplePagerNav li.currentPage a { font-weight: 800; background-color: #f1f6fc; color: #3a87ad; } a.top-selector { display: block; clear:both; margin: 0; width: 200px; font-size: 14pt; font-weight: 400; background-color: white; border: 1px solid #ccc; padding: 20px; color: black; outline:none; } a.top-selector.selected { background-color: #f1f6fc; color: #3a87ad; border: 1px solid #aaa; font-weight: 700; } a.subtype-selector { display: block; clear:both; margin: 0; width: 400px; font-size: 12pt; font-weight: 400; background-color: white; border: 1px solid #ccc; padding: 10px 20px 10px 20px; color: black; outline:none; } a.subtype-selector.selected { background-color: #f1f6fc; color: #3a87ad; border: 1px solid #aaa; font-weight: 700; } a.list-selector { display: block; clear:both; margin: 0; width: 400px; font-size: 12pt; font-weight: 400; background-color: white; border: 1px solid #ccc; padding: 10px 20px 10px 20px; color: black; outline:none; } a.list-selector.selected { background-color: #f1f6fc; color: #3a87ad; border: 1px solid #aaa; font-weight: 700; } a.template-selector { display: block; clear:both; margin: 0; width: 250px; font-size: 12pt; font-weight: 500; background-color: white; border: 1px solid #ccc; padding: 10px 20px 10px 20px; color: black; outline: none; } a.template-selector.selected { background-color: #f1f6fc; color: #3a87ad; border: 1px solid #aaa; font-weight: 700; } a.template-selector .small { font-size: 8pt; } .steps li { font-weight: 500; } .wizard .btn { -moz-user-select: none; background-image: none; border: 1px solid #adadad; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; background-color: #e6e6e6; color: #333; } .campaign-inline-search { height: 16px !important; font-size: 9pt !important; width: 150px !important; margin-right: 0 !important; margin-left: 100px; } /**************************************************************************** IE7 ****************************************************************************/ .ie7 .logo {padding: 19px 37px; width: 65%; padding-bottom: 6px; } .ie7 .user { width: 340px;} .ie7 .content { margin-left: -19px; width: 103%;} .ie7 .white_box .span3 img { margin-right: 3px; margin-left: 5px;} .ie7 .result { padding: 0px 4px;} .ie7 .white_box .span3 {width: 165px;} .ie7 .white_box .span3.orange_box {width: 215px;} .ie7 .location .submit {right: 64px;} .ie7 .display_page {text-align: center;line-height: 0px; margin: 0px; margin-bottom: 30px;} .ie7 .total_statistics .pagination{ float: none; } .ie7 .alrt { margin-left: 2px; width: 61px; } .ie7 .resource_list li a {font-size: 11px} .ie7 .topresources, .ie7 .topperformance { padding: 9px 13px 0px 18px; } .ie7 .login_list { left: 7%; } /**************************************************************************** IE8 ****************************************************************************/ .ie8 .logo {padding: 10px 30px; width: 74%; padding-bottom: 6px; } .ie8 .user { width: 340px;} .ie8 .content { margin-left: -19px; width: 103%;} .ie8 .white_box .span3 img { margin-right: 3px; margin-left: 5px;} .ie8 .result { padding: 0px 4px;} .ie8 .white_box .span3 {width: 165px;} .ie8 .white_box .span3.orange_box {width: 215px;} .ie8 .location .submit {right: 64px;} .ie8 .display_page {text-align: center;line-height: 0px; margin: 0px; margin-bottom: 30px;} .ie8 .total_statistics .pagination{ float: none; } .ie8 .alrt { margin-left: 2px; width: 61px; } .ie8 .weeklystatus .graph { width: 100% !important; height: 300px; } .ie8 .weeklystatus .graph img { width: 100% !important; height: 300px; display: none; } .ie8 .resource_list li a {font-size: 11px;} .ie8 .topresources, .ie8 .topperformance { padding: 9px 13px 0px 18px; } .ie8 .login_list { left: 7%; } /**************************************************************************** IE9 ****************************************************************************/ .ie9 .logo {padding: 10px 30px; width: 65%; padding-bottom: 6px; } .ie9 .user { width: 340px;} .ie9 .content { margin-left: -19px; width: 103%;} .ie9 .white_box .span3 img { margin-right: 3px; margin-left: 5px;} .ie9 .result { padding: 0px 4px;} .ie9 .white_box .span3 {width: 165px;} .ie9 .white_box .span3.orange_box {width: 215px;} .ie9 .location .submit {right: 64px;} .ie9 .display_page {text-align: center;line-height: 0px; margin: 0px; margin-bottom: 30px;} .ie9 .total_statistics .pagination{ float: none; } .ie9 .alrt { margin-left: 2px; width: 61px; } .ie9 .resource_list li a {font-size: 11px;} .ie9 .topresources, .ie9 .topperformance { padding: 9px 13px 0px 18px; } .ie9 .login_list { left: 7%; } .ie9 .logout { position: absolute; } /**************************************************************************** IE10 ****************************************************************************/ .ie10 .logo {padding: 19px 30px; width: 65%; } .ie10 .user { width: 340px;} .ie10 .content { margin-left: -19px; width: 103%;} .ie10 .white_box .span3 img { margin-right: 3px; margin-left: 5px;} .ie10 .result { padding: 0px 4px;} .ie10 .white_box .span3 {width: 165px;} .ie10 .white_box .span3.orange_box {width: 215px;} .ie10 .location .submit {right: 64px;} .ie10 .display_page {text-align: center;line-height: 0px; margin: 0px; margin-bottom: 30px;} .ie10 .total_statistics .pagination{ float: none; } .ie10 .alrt { margin-left: 2px; width: 61px; } .ie10 .resource_list li a {font-size: 11px;} .ie10 .topresources, .ie10 .topperformance { padding: 9px 13px 0px 18px; } .ie10 .login_list { left: 7%; } .ui-datepicker-calendar th { width: auto; }