/* Import fonts */ /* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); */ @import url(https://foretagslogi.se/css/googleapicss.css); html,body{height:100%;margin:0} body { color: #797979; background: #E2E2E2; font-family: 'Open Sans', sans-serif; padding: 0px !important; margin: 0px !important; font-size:13px; } .mb-10{margin-top:10px;} .ml-10 {margin-left:10px;} .mb1-10 {margin-bottom:10px;} body.dashboard { height: 100%; } ul li { list-style: none; } a, a:hover, a:focus { text-decoration: none; outline: none; } .zippy-green { color: #75B519; /*Zippy Green*/ } .zippy-blue { color: #0387BA /*Zippy Blue*/ } ::selection { background: #FF6C60; color: #fff; } ::-moz-selection { background: #FF6C60; color: #fff; } #container { width: 100%; min-height: 100%; position: relative; } /*login page*/ input::-webkit-input-placeholder { color: #666666 !important; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666666 !important; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666666 !important; } input:-ms-input-placeholder { /* Internet Explorer 10+*/ color: #666666 !important; } textarea::-webkit-textarea-placeholder { color: #666666 !important; } textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666666 !important; } .form-control::-webkit-input-placeholder { color: #666666 !important; } .login-body { background-color: #f1f2f7; } .form-signin { max-width: 330px; margin: 10px auto 0; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; } .form-signin h2.form-signin-heading { margin: 0; padding:20px 15px; text-align: center; background: #75B519; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 300; font-family: 'Open Sans', sans-serif; } /*========Wallet pages start=================*/ .wallet1 { width: 300px; margin: 0px auto; } .wallet { } .wallet h2.wallet-heading { margin: 0; padding:20px 10px; text-align: center; background: #0387BA; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 300; font-family: 'Open Sans', sans-serif; clear: both; } .wallet h2.wallet-heading a.tick, .wallet h2.wallet-heading span { float: left; } .wallet h2.wallet-heading a.tick { padding:0px !important; } .wallet h2.wallet-heading span { width: 227px; text-align: left; margin-left: 5px; font-size: 90%; } .wallet-wrap { padding: 20px 10px; } .point-circle { position: relative; background: #FF0000; color: #fff; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; padding: 0px; text-align: center; margin: 0px auto 20px auto; width: 150px; height: 150px; border-radius: 50%; -webkit-border-radius: 50%; } .point-circle span.points { border-radius: 50%; -webkit-border-radius: 50%; border: 10px solid rgba(256,256,256,0.3); display: inline-block; line-height: 126px; width: 150px; font-size: 40px; height: 150px; padding: 0px; margin: 0px; } .wallet-wrap button.btn { width: 100%; display: block; text-align: center; margin-bottom: 20px; text-transform: capitalize; } .wallet-wrap button.btn +button.btn { margin-bottom: 0px; } .wallet-wrap p { font-size: 16px; } .points-box { position: relative; background: #ff0000; height: 60px; width: 35%; } .arrow-left { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 20px solid #ff0000; position: absolute; top: 0px; left: -20px; } span.points { color: #fff; font-size: 14px; padding-left: 5px; display: block; text-align: center; margin-top: 7px; } span.points big { color: #fff; font-size: 16px; font-weight: bold; } .visit-box { position: relative; background: #FF6600; padding: 5px 0px; text-align: center; margin: 20px 0 40px 0; color: #fff; font-size: 14px; } .visit-box1 { position: relative; background: #FF6600; padding: 12px 0px; text-align: center; margin: 20px 0 40px 0; color: #fff; font-size: 14px; } .rectangle { position: absolute; background: #FF6600; width: 25px; height: 20px; left: 47%; bottom: -20px; } .arrow-down { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #FF6600; position: absolute; top: 17px; left: -30%; } .coffee-offer { color: #000; font-size: 14px; border-top: 1px dashed #504A4B; padding: 20px 5px; } .coffee-offer1 { color: #000; font-size: 14px; border-top: 1px dashed #504A4B; padding: 13px 5px; } .coffee-offer1 button.btn-zippy{ background: #75B519; color: #fff; margin-bottom: 0px; } .coffee-offer button.btn-zippy, .coffee-points-offer button.btn-zippy { background: #75B519; color: #fff; margin-bottom: 0px; width: auto; min-width: 92px; padding: 6px !important; } button.btn-zippy:hover { background: #68a70d; } .coffee-points-offer { color: #000; font-size: 14px; border-top: 1px solid #504A4B; padding: 20px 5px; } .coffee-point-offer { color: #000; font-size: 14px; border-top: 1px solid #504A4B; border-bottom: 1px solid #504A4B; padding: 14px 5px; } .sandwich-offer { background: #D1D0CE; color: #8E9095; font-size: 14px; border-top: 1px solid #504A4B; border-bottom: 1px solid #504A4B; padding: 20px 5px; } .meal-offer { background: #D1D0CE; color: #8E9095; font-size: 14px; border-bottom: 1px solid #504A4B; padding: 20px 5px; } .Aline { clear: both; margin: 7px 0px; } .Aline span { color: #fff; font-size: 12px; } p.section { display: table; } p.section img, .section strong{ display: table-cell; vertical-align: middle; } p.section img { border-radius: 50%; height: 80px; width: 80px; margin-right: 10px; } /*========Wallet pages End=================*/ .form-signin .checkbox { margin-bottom: 14px; } .form-signin .checkbox { font-weight: normal; color: #b6b6b6; font-weight: 300; font-family: 'Open Sans', sans-serif; } .form-signin .form-control { position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #666666; } .form-signin .form-control:focus { z-index: 2; } .form-signin input[type="text"], .form-signin input[type="password"], .form-signin input[type="email"], .form-signin input[type="search"], .form-signin select.form-control, .form-signin input[type="number"], .form-signin input[type="url"], .form-signin select.form-control option { margin-bottom: 0px; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #eaeaea; box-shadow: none; font-size: 12px; } .form-signin .btn-login { background: #0387BA; color: #fff; text-transform: uppercase; font-weight: 300; font-family: 'Open Sans', sans-serif; /*box-shadow: 0 4px #e56b60;*/ margin-bottom: 20px; width: 50% !important; margin-left: 25%; } .form-signin .btn-retrieve { background: #0387BA; color: #fff; text-transform: uppercase; font-weight: 300; font-family: 'Open Sans', sans-serif; /*box-shadow: 0 4px #e56b60;*/ margin-bottom: 20px; width: 80% !important; margin-left: 10%; } .form-signin .btn-register { background: #0387BA; color: #fff; text-transform: uppercase; font-weight: 300; font-family: 'Open Sans', sans-serif; /*box-shadow: 0 4px #e56b60;*/ margin-bottom: 0px; width: 75% !important; margin-left: 12.5%; } .form-signin p { text-align: center; color: #666; font-size: 13px; font-weight: 300; } .form-signin .new-emailbox p.text-danger { color: #FF6C60; } .form-signin a { color: #666; } .form-signin a:hover { color: #41cac0; } .login-wrap { padding: 20px; } .form-signin1 { max-width: 330px; margin: 50px auto 0; background: #fff; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; } .login-social-link { display: inline-block; margin-top: 20px; margin-bottom: 15px; } .login-social-link a { color: #fff; padding: 15px 28px; border-radius: 4px; } .login-social-link a:hover { color: #fff; } .login-social-link a i { font-size: 20px; padding-right: 10px; } .login-social-link a.facebook { background: #5193ea; margin-right: 22px; box-shadow: 0 4px #2775e2; float:left; } .login-social-link a.twitter { background: #44ccfe; box-shadow: 0 4px #2bb4e8; float:left; } /*sidebar navigation*/ #sidebar { width: 180px; height: 100%; position: fixed; background: #2a3542; } .nav-collapse.collapse { display: inline; } ul.sidebar-menu , ul.sidebar-menu li ul.sub{ margin: -2px 0 0; padding: 0; } ul.sidebar-menu { margin-top: 75px; } #sidebar > ul > li > ul.sub { display: none; } #sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a { display: block; } ul.sidebar-menu li ul.sub li{ background: #35404D; margin-bottom: 0; margin-left: 0; margin-right: 0; } ul.sidebar-menu li ul.sub li:last-child{ border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } ul.sidebar-menu li ul.sub li a { font-size: 12px; padding: 0 0 0 32px; line-height: 35px; height: 35px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; color: #737B83; } ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a { color: #FF6C60; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; display: block; } ul.sidebar-menu li{ line-height: 20px !important; margin-bottom: 5px; margin-left:10px; margin-right:10px; } ul.sidebar-menu li.sub-menu{ line-height: 15px; } ul.sidebar-menu li a span{ display: inline-block; } ul.sidebar-menu li a{ color: #8b9199; text-decoration: none; display: block; padding: 15px 0 15px 10px; font-size: 12px; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus { background: #35404d; color: #fff; display: block; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } ul.sidebar-menu li a i { font-size: 15px; padding-right: 6px; } ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i { color: #FF6C60; } ul.sidebar-menu li.active a i { color: #FF6C60; } #sidebar ul > li > a .arrow { border-bottom: 4px solid transparent; border-left: 4px solid #A0A0A0; border-top: 4px solid transparent; float: right; height: 0; margin-right: 10px; margin-top: 6px; width: 0; } #sidebar > ul > li > a .arrow.open { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #A0A0A0; float: right; height: 0; margin-right: 10px; margin-top: 8px; width: 0; } #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow { float: right; margin-top: 6px; margin-right: 10px; width: 0; height: 0; border-left: 4px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open { float: right; margin-top: 8px; margin-right: 10px; width: 0; height: 0; border-top: 5px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent; } .mail-info, .mail-info:hover { margin: 0px 6px 0 0; font-size: 11px; } /*main content*/ #main-content { } .header{ min-height: 60px; padding: 0 15px; } .header { z-index: 1002; } .white-bg { background: #fff; border-bottom: 1px solid #f1f2f7; } .wrapper { display: inline-block; margin-top: 5px; padding: 15px; width: 100%; } a.logo { font-size: 21px; color: green; float: left; margin-top: 15px; text-transform: uppercase; margin-bottom: 5px; } a.logo:hover, a.logo:focus { text-decoration: none; outline: none; } a.logo span { color: #0066FF; } /*notification*/ #top_menu .nav > li, ul.top-menu > li { float: left; } .notify-row { float: left; margin-top: 15px; margin-left: 65px; } ul.top-menu > li > a { color: #666666; font-size: 16px; border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #f0f0f8 !important; padding: 2px 6px; margin-right: 15px; } ul.top-menu > li > a:hover, ul.top-menu > li > a:focus { border:1px solid #f0f0f8 !important; background-color: #fff!important; border-color: #f0f0f8 !important; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; color: #2E2E2E !important; } img.mail { display: none; } .top-nav ul.top-menu > li a i.icon-qrcode { display: none; } b.shoulders { display: none; } .notify-row .badge { position: absolute; right: -10px; top: -10px; z-index: 100; } .dropdown-menu.extended { max-width: 500px; /*min-width: 250%;*/ top: 42px; width: 235px !important; padding: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important; border: none !important; border-radius: 4px; -webkit-border-radius: 4px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Chrome */ .dropdown-menu.extended { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important; }; } .dropdown-menu.extended li p { background-color: #F1F2F7; color: #666666; margin: 0; padding: 10px; border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; } .dropdown-menu.extended li p.green { background-color: #a9d86e; color: #fff; } .dropdown-menu.extended li p.red { background-color: #ff6c60; color: #fff; } .dropdown-menu.extended li p.yellow { background-color: #fcb322; color: #fff; } .dropdown-menu.extended li a { border-bottom: 1px solid #EBEBEB !important; font-size: 12px; list-style: none; } .dropdown-menu.extended li a { padding: 15px 10px !important; width: 100%; display: inline-block; } .dropdown-menu.extended li a:hover { background-color: #F7F8F9 !important; color: #2E2E2E; } .dropdown-menu.tasks-bar .task-info .desc { font-size: 13px; font-weight: normal; } .dropdown-menu.tasks-bar .task-info .percent { display: inline-block; float: right; font-size: 13px; font-weight: 600; padding-left: 10px; margin-top: -4px; } .dropdown-menu.extended .progress { margin-bottom: 0 !important; height: 10px; } .dropdown-menu.inbox li a .photo img { border-radius: 2px 2px 2px 2px; float: left; height: 40px; margin-right: 4px; width: 40px; } .dropdown-menu.inbox li a .subject { display: block; } .dropdown-menu.inbox li a .subject .from { font-size: 12px; font-weight: 600; } .dropdown-menu.inbox li a .subject .time { font-size: 11px; font-style: italic; font-weight: bold; position: absolute; right: 5px; } .dropdown-menu.inbox li a .message { display: block !important; font-size: 11px; } .top-nav { padding-top: 7px; margin-bottom: 5px; } .top-nav ul.top-menu > li .dropdown-menu.logout { width: 300px !important; } .top-nav li.dropdown .dropdown-menu { float: right; right: 0; left: auto; } .dropdown-menu.extended.logout > li { float: left; text-align: center; width: 100%; } .dropdown-menu.extended.logout > li:last-child { float: left; text-align: center; width: 100%; background: #75B519; border-radius: 0 0 3px 3px; } .dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover { color: #fff; border-bottom: none !important; text-transform: uppercase; } .dropdown-menu.extended.logout > li:last-child > a:hover > i{ color: #fff; } .dropdown-menu.extended.logout > li > a { color: #a4abbb; border-bottom: none !important; } .dropdown-menu.extended.logout > li > a:hover { background: none !important; color: #50c8ea; } .dropdown-menu.extended.logout > li > a:hover i { color: #50c8ea; } .dropdown-menu.extended.logout > li > a i { font-size: 17px; } .dropdown-menu.extended.logout > li > a > i { display: block; } .top-nav .username { font-size: 13px; color: #555555; } .top-nav ul.top-menu > li > a { border: 1px solid #eeeeee; border-radius: 4px; -webkit-border-radius: 4px; padding: 6px; background: none; margin-right: 0; } .top-nav ul.top-menu > li { margin-left: 10px; } .top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus { border:1px solid #F1F2F7; background: #F1F2F7; } .top-nav .dropdown-menu.extended.logout { top: 50px; } .top-nav .nav .caret { border-bottom-color: #A4AABA; border-top-color: #A4AABA; } .top-nav ul.top-menu > li > a:hover .caret { border-bottom-color: #000; border-top-color: #000; } .log-arrow-up { background: url("../img/arrow-up.png") no-repeat; width: 20px; height: 11px; position: absolute; right: 20px; top: -10px; } /*==========added on 11-01-2014==========*/ .business { position: absolute; right: 15px; top: 75px; z-index: 100; text-transform: uppercase; } .verify-business h1 { font-size: 18px; color: #FF6600; margin: 0px; font-weight: 600; font-family: 'Open Sans', sans-serif; } .feature-business h1 { font-size: 18px; color: #FF0000; margin: 0px; font-weight: 600; font-family: 'Open Sans', sans-serif; } /*----*/ .notify-arrow { border-style: solid; border-width: 0 9px 9px; height: 0; margin-top: 0; opacity: 0; position: absolute; left: 7px; top: -18px; transition: all 0.25s ease 0s; width: 0; z-index: 10; margin-top: 10px; opacity: 1; } .notify-arrow-yellow { border-color: transparent transparent #FCB322; border-bottom-color: #FCB322 !important; border-top-color: #FCB322 !important; } .notify-arrow-red { border-color: transparent transparent #ff6c60; border-bottom-color: #ff6c60 !important; border-top-color: #ff6c60 !important; } .notify-arrow-green { border-color: transparent transparent #a9d86e; border-bottom-color: #a9d86e !important; border-top-color: #a9d86e !important; } /*search*/ .search { margin-top: 6px ; width: 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 1px solid #fff; box-shadow: none; background: url("../img/search-icon.jpg") no-repeat 10px 8px; padding:0 5px 0 35px; color: #fff; } .search:focus { margin-top: 5px ; width: 180px; border: 1px solid #eaeaea; box-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #c8c8c8; font-weight: 300; } /*--sidebar toggle---*/ .sidebar-toggle-box { float: left; padding-right: 15px; margin-top: 20px; } .sidebar-toggle-box .icon-reorder { cursor: pointer; display: inline-block; font-size: 20px; } .sidebar-closed > #sidebar > ul { display: none; } .sidebar-closed #main-content { margin-left: 0px; } .sidebar-closed #sidebar { margin-left: -180px; } /*state overview*/ .panel.account { background: #75B519; } .state-overview .symbol, .state-overview .value { display: inline-block; text-align: center; } .state-overview .value { float: right; } .state-overview .value h1, .state-overview .value p { margin: 0; padding: 0; /*color: #c6cad6;*/ } .state-overview .value h1 { font-weight: 300; } .state-overview .symbol i { color: #fff; font-size: 50px; } .state-overview .symbol .new-customer { width: 40px; height: 51px; position: relative; margin: 0px auto; } .state-overview .symbol .group { width: 54px; height: 51px; position: relative; margin: 0px auto; } .state-overview .symbol .new-customer i.zippy-blue { font-size: 34px; position: absolute; color: #333387; top: 38%; left: 58%; } .state-overview .symbol .group i.zippy-blue { font-size: 34px; position: absolute; color: #333387; top: 43%; left: 56%; } .state-overview .symbol .expand { margin-bottom: 6px; } .state-overview .symbol { width: 40%; padding: 25px 15px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .state-overview .value { width: 58%; padding-top: 21px; } #cust-btns .value { width: 58%; padding-top: 12px; } .state-overview .value.reward { width: 58%; padding-top: 10px; } .state-overview .terques { background: #00CCFF; } .state-overview .pink { background: #FF6699; } .state-overview .red { background: #FF3030; } .state-overview .grey { background: #333333; } .state-overview .purple { background: #9900FF; } .state-overview .green { background: #009933; } .state-overview .fpink { background: #FF0066; } .state-overview .orange { background: #FF6600; } .state-overview .dblue { background: #000099; } .state-overview .yellow { background: #FFCC00; } .state-overview .blue { background: #57c8f2; } .state-overview .overlay-box { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 4px; z-index: 2; } .state-overview .overlay-box .symbol { -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; width: 40%; } .state-overview .overlay-box .symbol i { display: inline-block; font-size: 50px; color: #fff !important; } .state-overview .overley { background: #000; position: absolute; opacity: 0.7; width: 100%; height: 100%; border-radius: 4px; color: #fff; z-index: 1; top: 0; left: 0; } .state-overview .overlay-box .value { color: #fff; padding-top: 5px; width: 58%; text-align: center; } .state-overview .overlay-box .value h1 { color: #fff; font-size: 17px; line-height: 42px; } /*main chart*/ .overview { float: left; width: 50%; padding-right: 10px; } .overview .value { width: 65%; padding-top: 10px; } .overview .value.reward { width: 58%; padding-top: 10px; } .overview .terques { background: #00CCFF; } .overview .pink { background: #FF6699; } .overview .red { background: #FF3030; } .overview .grey { background: #333333; } .overview .purple { background: #9900FF; } .overview .green { background: #009933; } .overview .fpink { background: #FF0066; } .overview .orange { background: #FF6600; } .overview .dblue { background: #000099; } .overview .yellow { background: #FFCC00; } .overview .blue { background: #57c8f2; } .overview .symbol, .overview .value { display: inline-block; text-align: center; float: left; } .overview .symbol i { color: #fff; font-size: 30px; } .overview .symbol { width: 35%; padding: 20px 0px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .overview .value h1 { font-size:20px; margin-top: 0px; } .male { position: relative; background: #0387BA; color: #fff; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; padding: 0px; text-align: center; width: 130px; height: 130px; border-radius: 50%; -webkit-border-radius: 50%; margin: 0px auto; } .female { position: relative; background: #FF0066; color: #fff; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; padding: 0px; text-align: center; width: 130px; height: 130px; border-radius: 50%; -webkit-border-radius: 50%; margin: 0px auto; } .male.round a, .female.round a { border-radius: 50%; -webkit-border-radius: 50%; border: 10px solid rgba(256,256,256,0.3); display: inline-block; } .male.round a img, .female.round a img { width: 110px; height: 110px; border-radius: 50%; -webkit-border-radius: 50%; } .male a span.txt { position: absolute; color: #fff; top: 45px; left: 0px; font-size: 30px; right: 0px; } .female a span.txt { position: absolute; color: #fff; top: 45px; left: 0px; font-size: 30px; right: 0px; } .postCode { margin-top: 20px; text-align: center; } .postCode h3{ width: 100%; text-align: center; } table.table.table-hover.postcodes tbody> tr> td:first-child { border-right: 1px solid #ddd !important; } table.table.table-hover.postcodes tbody> tr> td { font-size: 32px; padding: 5px; } .border-head h3 { border-bottom: 1px solid #c9cdd7; margin-top: 0; margin-bottom: 20px; padding-bottom: 5px; font-weight: normal; font-size: 18px; display: inline-block; width: 100%; font-weight: 300; } .custom-bar-chart { height: 305px; margin-top: 40px; margin-bottom: 40px; border-top: 1px dashed #c9cdd7; } .custom-bar-chart .bar { height: 100%; position: relative; width: 4.3%; margin: 20px 2%; float: left; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 10; } .custom-bar-chart .bar:before { background:#bfc2cd; border-radius: 50%; -webkit-border-radius: 50%; content: ""; height: 10px; left: 50%; margin-left: -5px; margin-top: -26px; position: absolute; width: 10px; z-index: -1; } .custom-bar-chart .bar:after { content: ''; position: absolute; z-index: -1; margin-top: -10px; left: 50%; margin-left: -1px; height: 100%; width: 1px; background: #bfc2cd; } .custom-bar-chart .bar .title { position: absolute; top: -50px; width: 100%; text-align: center; } .custom-bar-chart .bar .value { position: absolute; bottom: 0; background: #bfc2cd; color: #bfc2cd; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .custom-bar-chart .bar .value:before { border-top: 5px solid #f1f2f7; position: absolute; content: ''; width: 100%; height: 100%; top: -5px; left: 0; } .custom-bar-chart .bar .value:hover { background: #e8403f; color: #fff; } .custom-bar-chart .bar.doted:before { background: #bfc2cd; content: ""; height: 8px; left: 50%; margin-left: -3px; margin-top: -25px; position: absolute; width: 8px; z-index: -1; } .custom-bar-chart .bar.doted:after { content: ''; position: absolute; z-index: -1; margin-top: -10px; left: 50%; margin-left: 0; height: 100%; width: 1px; background: transparent; border-left: 1px dashed #d6d9e0; } .custom-bar-chart .bar.doted .title { top: -42px; font-size: 10px; } /*spark line*/ .chart { display: inline-block; text-align: center; width: 100%; } .chart .heading { text-align: left; } .chart .heading span { display: block; } .panel.green-chart .chart-tittle { font-size: 16px; padding: 15px; display: inline-block; font-weight:normal; background: #99c262; width: 100%; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } #barchart { margin-bottom: -15px; display: inline-block; } .chart-tittle .title { } .panel.green-chart .chart-tittle .value { float: right; color: #c0f080; } .panel.green-chart { background: #a9d96c; color: #fff; } .panel.terques-chart { background: #41cac0; color: #fff; } .panel.terques-chart .chart-tittle .value { float: right; color: #fff; } .panel.terques-chart .chart-tittle .value a { color: #fff; font-size: 12px; } .panel.terques-chart .chart-tittle .value a:hover, .panel.terques-chart .chart-tittle .value a.active { color: #55f2e7; font-size: 12px; } .panel.terques-chart .chart-tittle { font-size: 16px; padding: 15px; display: inline-block; font-weight:normal; background: #39b7ac; width: 100%; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .inline-block { display: inline-block; } /**/ .panel-body.chart-texture { background: url("../img/chart-texture.jpg"); -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; } /*personal task*/ section.panel { margin-bottom: 50px !important; border: 0px solid #DEDEDE; border-radius: 4px; box-shadow: 0 0 10px #DEDEDE; margin-bottom: 10px; margin-top: 10px; padding-bottom: 10px; } .task-thumb { width: 90px; float: left; } .task-thumb img { border-radius: 4px; -webkit-border-radius: 4px; } .task-thumb-details { display: inline-block; margin: 25px 0 0 10px; } .task-progress { padding-top: 5px; text-align: center; } .task-thumb-details h1, .task-thumb-details h1 a { color: #39b5aa; font-size: 18px; margin: 0; padding: 0; font-weight: 400; } .task-progress h1, .task-progress h1 a { color: #0387BA; font-size: 20px; margin: 0; padding: 0; font-weight: 400; display: block; } .task-thumb-details p, .task-progress p { padding-top: 5px; color: #a4aaba; } .personal-task tbody tr td{ padding: 11px 15px; border-color: #eeeff1; } .personal-task tbody tr td i { font-size: 20px; color: #c7cbd4; } .personal-task.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f7f8fc; } .personal-task.table-hover > tbody > tr:hover > td i{ color: #39b5aa; } .personal-task > tbody > tr > td:last-child { text-align: right; } .task-option { float: right; } .task-option select{ height: 35px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-border-radius: 4px; padding: 8px; color: #a4abbb; } .progress-panel { padding-bottom: 5px; } /*badge*/ .badge.bg-primary { background: #8075c4; } .badge.bg-success { background: #a9d86e; } .badge.bg-warning { background: #FCB322; } .badge.bg-important { background: #ff6c60; } .badge.bg-info { background: #41cac0; } .badge.bg-inverse { background: #2A3542; } /*timeline*/ .timeline { border-collapse: collapse; border-spacing: 0; display: table; position: relative; table-layout: fixed; width: 100%; } .timeline:before { background-color: #C7CBD6; bottom: 0px; content: ""; left: 50%; position: absolute; top: 0; width: 2px; z-index: 0; } h3.timeline-title { margin: 0; color: #C8CCD7; font-size: 20px; font-weight: 400; margin: 0 0 5px; text-transform: uppercase; } .t-info { color: #C8CCD7; } .timeline-item:before, .timeline-item.alt:after { content: ""; display: block; width: 50%; } .timeline-item { display: table-row; } .timeline-desk { display: table-cell; vertical-align: top; width: 50%; } .timeline-desk h1 { font-size: 16px; font-weight: 300; margin: 0 0 5px; } .timeline-desk .panel { display: block; margin-left: 25px; position: relative; text-align: left; background: #F4F4F4; } .timeline-item .timeline-desk .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; left: -7px; position: absolute; top: 13px; width: 0; } .timeline-item .timeline-desk .arrow { border-right: 8px solid #F4F4F4 !important; } .timeline-item.alt .timeline-desk .arrow-alt { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; right: -7px; position: absolute; top: 13px; width: 0; left: auto; } .timeline-item.alt .timeline-desk .arrow-alt { border-left: 8px solid #F4F4F4 !important; } .timeline .timeline-icon { left: -30px; position: absolute; top: 15px; } .timeline .timeline-icon { background: #C7CBD6; box-shadow: 0 0 0 3px #C7CBD6; } .timeline-desk span a { text-transform: uppercase; } .timeline-desk h1.red, .timeline-desk span a.red { color: #EF6F66; } .timeline-desk h1.green, .timeline-desk span a.green { color: #39B6AE; } .timeline-desk h1.blue, .timeline-desk span a.blue { color: #56C9F5; } .timeline-desk h1.purple, .timeline-desk span a.purple { color: #8074C6; } .timeline-desk h1.light-green, .timeline-desk span a.light-green { color: #A8D76F; } .timeline .timeline-icon.red { background: #EF6F66; box-shadow: 0 0 0 3px #EF6F66; } .timeline .timeline-icon.green { background: #39B6AE; box-shadow: 0 0 0 3px #39B6AE; } .timeline .timeline-icon.blue { background: #56C9F5; box-shadow: 0 0 0 3px #56C9F5; } .timeline .timeline-icon.purple { background: #8074C6; box-shadow: 0 0 0 3px #8074C6; } .timeline .timeline-icon.light-green { background: #A8D76F; box-shadow: 0 0 0 3px #A8D76F; } .timeline .timeline-icon { border: 3px solid #FFFFFF; border-radius: 50%; -webkit-border-radius: 50%; display: block; height: 12px; width: 12px; } .timeline-item.alt .timeline-icon { left: auto; right: -32px; } .timeline .time-icon:before { font-size: 16px; margin-top: 5px; } .timeline .timeline-date { left: -200px; position: absolute; text-align: right; top: 12px; width: 150px; } .timeline-desk h5 span { color: #999999; display: block; font-size: 12px; margin-bottom: 4px; } .timeline-item.alt:before { display: none; } .timeline-item:before, .timeline-item.alt:after { content: ""; display: block; width: 50%; } .timeline-desk p { font-size: 12px; margin-bottom: 0; } .timeline-desk a { color: #EF6F66; } .timeline-desk .panel { margin-bottom: 5px; } .timeline-desk .album { margin-top: 20px; } .timeline-desk .album a { margin-right: 5px; float: left; } .timeline-desk .notification { background: none repeat scroll 0 0 #FFFFFF; margin-top: 20px; padding: 8px; } .timeline-item.alt .panel { margin-left: 0; margin-right: 25px; } .timeline-item.alt .timeline-date { left: auto; right: -200px; text-align: left; } .mbot30 { margin-bottom: 30px; } /*---revenue----*/ .revenue-head { background: #ff6c60; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; color: #fff; line-height: 50px; } .revenue-head span { background: #e56155; padding: 16px; -webkit-border-radius: 4px 0px 0px 0px; border-radius: 4px 0px 0px 0px; } .revenue-head span i { font-size: 18px; } .revenue-head h3 { display: inline; padding: 0 10px; font-size: 16px; font-weight: 300; } .revenue-head span.rev-combo { background: #e56155; padding: 16px; line-height: normal; -webkit-border-radius: 0px 4px 0px 0px; border-radius: 0px 4px 0px 0px; } /*easy pie chart*/ .easy-pie-chart { display: inline-block; padding: 30px 0; } .chart-info, .chart-info .increase, .chart-info .decrease { display: inline-block; } .chart-info { width: 100%; margin-bottom:5px; } .chart-position { margin-top: 70px; } .chart-info span { margin: 0 3px; } .chart-info .increase { background: #ff6c60; width: 10px; height: 10px; } .chart-info .decrease { background: #f2f2f2; width: 10px; height: 10px; } .panel-footer.revenue-foot { background-color: #e6e7ec; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; border: none; padding: 0; width: 100%; display: inline-block; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Chrome */ .panel-footer.revenue-foot { margin-bottom: -4px; }; } .panel-footer.revenue-foot ul { margin: 0; padding: 0; width: 100%; display: inline-flex; } .panel-footer.revenue-foot ul li { float: left; width: 33.33%; } .panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a { -webkit-border-radius: 0px 0px 0px 4px; border-radius: 0px 0px 0px 4px; } .panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a { -webkit-border-radius: 0px 0px 4px 0px; border-radius: 0px 0px 4px 0px; border-right: none; } .panel-footer.revenue-foot ul li a{ display: inline-block; width: 100%; padding: 14px 15px; text-align: center; border-right: 1px solid #d5d8df; color: #797979; } .panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a { background: #fff; position: relative; } .panel-footer.revenue-foot ul li a i { color: #c6cad5; display: block; font-size: 16px; } .panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i { color: #ff6c60; display: block; font-size: 16px; } /*flatlab carousel model*/ .flat-carousal { background: #58c9f3; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; padding: 10px; color: #fff; position: relative; } .flat-carousal h1 { text-align: center; font-size: 16px; margin: 30px 20px; line-height: 20px; font-weight: 300; font-style: italic; } a.view-all { color: #fff; background: rgba(0,0,0,0.1); padding: 8px 15px; text-align: center; border-radius: 25px; -webkit-border-radius: 25px; margin-bottom: 18px; display: inline-block; text-transform: uppercase; font-size: 12px; } ul.ft-link { margin: 0; padding: 0; } ul.ft-link li { border-right: 1px solid #E6E7EC; display: inline-block; line-height: 30px; margin: 8px 0; text-align: center; width: 24%; } ul.ft-link li a { color: #74829c; text-transform: uppercase; font-size: 12px; } ul.ft-link li a:hover, ul.ft-link li.active a { color: #58c9f3; } ul.ft-link li:last-child { border-right: none; } ul.ft-link li a i { display: block; } #owl-demo .item img{ display: block; width: 100%; height: auto; } .owl-buttons { position: absolute; top: 70px; width: 100%; } .owl-prev, .owl-next { position: absolute; } .owl-next { right: 0; } .owl-buttons .owl-prev { text-indent: -9999px; background: url("../img/left-arrow.png") no-repeat; width: 6px; height: 10px; display: inline-block; } .owl-buttons .owl-next { text-indent: -9999px; background: url("../img/right-arrow.png") no-repeat; width: 6px; height: 10px; display: inline-block; } /*product post*/ .post-wrap aside { display: table-cell; float: none; height: 100%; padding: 0; vertical-align: top; } .pro-box { border-collapse: collapse; border-spacing: 0; display: table; table-layout: fixed; width: 100%; } .post-info { position: relative; } .arrow-pro.right:after { border-left-color: #FFFFFF; border-right-width: 0; top: 85px; content: " "; } .arrow-pro.left:after { border-right-color: #FFFFFF; border-left-width: 0; top: 80px; content: " "; } .arrow-pro.left { left: -8px; } .arrow-pro:after { border-width: 7px; content: ""; } .arrow-pro, .arrow-pro:after { border-color: rgba(0, 0, 0, 0); border-style: solid; display: block; height: 0; position: absolute; width: 0; right: -5px; } .post-highlight.yellow { background: #f8d347; border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; } .post-highlight.terques { background: #41cac0; border-radius: 4px 0px 0px 04px; -webkit-border-radius: 4px 0px 0px 04px; } .post-info h1 { margin: 0; font-size: 18px; color: #a19899; font-weight: 300; } .post-highlight.terques h2 { font-size: 16px; color: #fff; font-style: italic; padding: 0 20px; line-height: 22px; margin: 0; font-weight: 300; } .post-highlight.terques h2 span, .post-highlight.terques h2 a { color: #92faf3; } .post-info h1 strong { text-transform: uppercase; color: #937b7b; } .post-info .desk { display: inline-block; } .post-info .desk h3{ font-size: 16px; } .post-info .desk.yellow h3 { color:#f8d347 ; } .post-btn { } .post-btn a { float: left; margin-right: 8px; font-size: 18px; color: #9a9a9a; } .post-btn a:hover { color: #727272; } .pro-thumb { text-align: center; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; border: 10px solid rgba(256,256,256,0.4); } .pro-thumb img{ text-align: center; width: 112px; height: 112px; border-radius: 50%; -webkit-border-radius: 50%; } .v-align { vertical-align: middle !important; } .twite h1 { margin: 50px 0; } .social-footer { display: inline; text-align: center; } .social-footer ul { text-align: center; margin: 0; padding: 0; } .social-footer ul li { display: inline-block; margin: 0 20px; } .social-footer ul li a { font-size: 25px; color: #ceced0; } .social-footer ul li a:hover i.icon-facebook, .social-footer ul li.active a i.icon-facebook { color: #486eac; } .social-footer ul li a:hover i.icon-twitter, .social-footer ul li.active a i.icon-twitter { color: #58c9f3; } .social-footer ul li a:hover i.icon-google-plus, .social-footer ul li.active a i.icon-google-plus { color: #4a4a4a; } .social-footer ul li a:hover i.icon-pinterest, .social-footer ul li.active a i.icon-pinterest { color: #d1282d; } /*pie chart */ .pie-foot { background: #6b6b6b; padding: 18px 15px; color: #fff; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; text-align: center; font-size: 16px; font-weight: 300; } /*follower*/ .follower { background: #01a89e; color: #fff; text-align: center; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } .follower-foot { padding: 8px 5px 5px 5px; color: #757575; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; font-weight: 300; } .follower-foot ul { padding: 0; margin: 0; } .follower-foot ul li{ display: inline-block; text-align: center; width: 48%; line-height: normal; } .follower-foot ul li h5{ margin: 5px 0 0 0; } .follower h4 { margin: 0 0 10px 0; font-size: 15px; font-weight: 300; } .follow-ava { border-radius: 50%; -webkit-border-radius: 50%; border: 5px solid #18b2a6; display: inline-block; } .follower img { border-radius: 50%; -webkit-border-radius: 50%; width: 62px; height: 62px; /*display: inline-block;*/ } /*weather*/ .weather-bg { background: #8175c7; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; color: #fff; text-align: center; font-size: 16px; font-weight: 300; } .weather-bg i { font-size: 60px; display: block; } .weather-bg .degree { font-size: 60px; } .weather-category { padding: 15px 0; color: #74829C; } .weather-category ul { padding:0; margin: 0; display: inline-block; width: 100%; } .weather-category ul li { display: inline-block; width: 32%; text-align: center; border-right:1px solid #e6e6e6 ; display: inline-block; } .weather-category ul li h5 { margin: 0 0 5px 0; text-transform: uppercase; font-weight: 300; } .weather-category ul li a { } .weather-category ul li:last-child { border-right:none ; } /*fontawesome*/ .fontawesome-icon-list h2 { margin-top: 0; font-size: 20px; font-weight: 300; } .fontawesome-icon-list .col-sm-3 { margin-bottom: 10px; } .fontawesome-icon-list .page-header { border-bottom: 1px solid #C9CDD7; } .fontawesome-icon-list i { font-size: 16px; padding-right: 10px; } #web-application, #text-editor, #directional, #video-player, #brand, #medical, #currency { margin-top: 10px; } /*mail inbox*/ .mail-box { border-collapse: collapse; border-spacing: 0; display: table; table-layout: fixed; width: 100%; } .mail-box aside { display: table-cell; float: none; height: 100%; padding: 0; vertical-align: top; } .mail-box .sm-side { width: 25%; background: #e5e8ef; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; } .mail-box .lg-side { width: 75%; background: #fff; border-radius: 0px 4px 4px 0; -webkit-border-radius: 0px 4px 4px 0; } .mail-box .sm-side .user-head { background: #00a8b3; border-radius: 4px 0px 0px 0; -webkit-border-radius: 4px 0px 0px 0; padding: 10px; color: #fff; min-height: 80px; } .user-head .inbox-avatar { width: 65px; float: left; } .user-head .inbox-avatar img { border-radius: 4px; -webkit-border-radius: 4px; } .user-head .user-name { display: inline-block; margin:0 0 0 10px; } .user-head .user-name h5 { font-size: 14px; margin-top: 15px; margin-bottom: 0; font-weight: 300; } .user-head .user-name h5 a { color: #fff; } .user-head .user-name span a { font-size: 12px; color: #87e2e7; } a.mail-dropdown { background: #80d3d9; padding:3px 5px; font-size: 10px; color: #01a7b3; border-radius: 2px; margin-top: 20px; } .inbox-body { padding: 20px; } .btn-compose { background: #ff6c60; padding: 12px 0; text-align: center; width: 100%; color: #fff; } .btn-compose:hover { background: #f5675c; color: #fff; } ul.inbox-nav { display: inline-block; width: 100%; margin: 0; padding: 0; } .inbox-divider { border-bottom: 1px solid #d5d8df; } ul.inbox-nav li { display: inline-block; line-height: 45px; width: 100%; } ul.inbox-nav li a { color: #6a6a6a; line-height: 45px; width: 100%; display: inline-block; padding: 0 20px; } ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus { color: #6a6a6a; background: #d5d7de; } ul.inbox-nav li a i { padding-right: 10px; font-size: 16px; color: #6a6a6a; } ul.inbox-nav li a span.label { margin-top: 13px; } ul.labels-info li h4 { padding-left:15px; padding-right:15px; padding-top: 5px; color: #5c5c5e; font-size: 13px; text-transform: uppercase; } ul.labels-info li { margin: 0; } ul.labels-info li a { color: #6a6a6a; border-radius: 0; } ul.labels-info li a:hover, ul.labels-info li a:focus { color: #6a6a6a; background: #d5d7de; } ul.labels-info li a i { padding-right: 10px; } .nav.nav-pills.nav-stacked.labels-info p { margin-bottom: 0; padding: 0 22px; color: #9d9f9e; font-size: 11px; } .inbox-head { padding:20px; background: #41cac0; color: #fff; border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; min-height: 80px; } .inbox-head h3 { margin: 0; display: inline-block; padding-top: 6px; font-weight: 300; } .inbox-head .sr-input { height: 40px; border: none; box-shadow: none; padding: 0 10px; float: left; border-radius: 4px 0 0 4px; color: #8a8a8a; } .inbox-head .sr-btn { height: 40px; border: none; background: #00a6b2; color: #fff; padding: 0 20px; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; } .table-inbox { border: 1px solid #d3d3d3; margin-bottom: 0; } .table-inbox tr td{ padding: 12px !important; } .table-inbox tr td:hover{ cursor: pointer; } .table-inbox tr td .icon-star.inbox-started ,.table-inbox tr td .icon-star:hover{ color: #f78a09; } .table-inbox tr td .icon-star{ color: #d5d5d5; } .table-inbox tr.unread td { font-weight: 600; background: #f7f7f7; } ul.inbox-pagination { float: right; } ul.inbox-pagination li { float: left; } .mail-option { display: inline-block; margin-bottom: 10px; width: 100%; } .mail-option .chk-all, .mail-option .btn-group { margin-right: 5px; } .mail-option .chk-all, .mail-option .btn-group a.btn { border: 1px solid #e7e7e7; padding: 5px 10px; display: inline-block; background: #fcfcfc; color: #afafaf; border-radius: 3px !important; -webkit-border-radius: 3px !important; } .inbox-pagination a.np-btn { border: 1px solid #e7e7e7; padding: 5px 15px; display: inline-block; background: #fcfcfc; color: #afafaf; border-radius: 3px !important; -webkit-border-radius: 3px !important; } .mail-option .chk-all input[type=checkbox] { margin-top: 0; } .mail-option .btn-group a.all { padding: 0; border: none; } .inbox-pagination a.np-btn { margin-left: 5px; } .inbox-pagination li span { display: inline-block; margin-top: 7px; margin-right: 5px; } .fileinput-button { border: 1px solid #e6e6e6; background: #eeeeee; } .inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea{ border: 1px solid #e6e6e6; box-shadow: none; } .btn-send, .btn-send:hover { background: #00A8B3; color: #fff; } .btn-send:hover { background: #009da7; } .modal-header h4.modal-title { font-weight: 300; font-family: 'Open Sans', sans-serif; } .modal-body label { font-weight: 400; font-family: 'Open Sans', sans-serif; } /*404 page*/ .body-404 { background: #18d4cb; color: #fff; } .error-wrapper { text-align: center; margin-top: 10%; } .error-wrapper .icon-404{ background: url("../img/404_icon.png") no-repeat; width: 289px; height: 274px; display: inline-block; margin-left: 30px; } .error-wrapper h1 { font-size: 90px; font-weight: 300; margin: -50px 0 0 0; } .error-wrapper h2 { font-size: 20px; font-weight: 300; margin: 0 0 30px 0; } .error-wrapper p, .error-wrapper p a { font-size: 18px; font-weight: 300; } .error-wrapper p.page-404 { color: #7dfff7; } .error-wrapper p.page-404 a, .error-wrapper p.page-500 a, .error-wrapper p.page-404 a:hover, .error-wrapper p.page-500 a:hover { color: #fff; } .error-msg { color: red; display: inline-block; font-size: 12px; text-align: center; } /*500 page*/ .body-500 { background: #8075c6; color: #fff; } .error-wrapper p.page-500 { color: #afa5f1; } .error-wrapper .icon-500{ background: url("../img/500_icon.png") no-repeat; width: 289px; height: 274px; display: inline-block; margin-left: 55px; } /*profile*/ .profile-container { width: 700px; margin: 0px auto; } .profile-nav-right { width: 47%; } #right-panel { padding: 22px 10px; } .profile-nav1 { width: 47%; } .profile-nav1 .user-heading { background: #75B519; color: #fff; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; padding: 30px; text-align: center; } .profile-nav1 .user-heading.round a { border-radius: 50%; -webkit-border-radius: 50%; border: 10px solid rgba(256,256,256,0.3); display: inline-block; } .profile-nav .user-heading { background: #75B519; color: #fff; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; padding: 30px; text-align: center; } .profile-nav .user-heading.round a { border-radius: 50%; -webkit-border-radius: 50%; border: 10px solid rgba(256,256,256,0.3); display: inline-block; } .profile-nav .user-heading a img { width: 112px; height: 112px; border-radius: 50%; -webkit-border-radius: 50%; } .profile-nav1 .user-heading a img.profile-img { width: auto; height: auto; border-radius: 0%; -webkit-border-radius: 0%; border: 5px solid rgba(256,256,256,0.3); } .profile-nav1 .user-heading h1 { font-size: 22px; font-weight: 300; margin-bottom: 5px; } .profile-nav .user-heading h1 { font-size: 22px; font-weight: 300; margin-bottom: 5px; } .profile-nav .user-heading p { font-size: 12px; } .profile-nav ul { margin-top: 1px; } .profile-nav ul > li { border-bottom: 1px solid #ebeae6; margin-top: 0; line-height: 30px; } .profile-nav ul > li:last-child { border-bottom: none; } .profile-nav ul > li > a { border-radius: 0; -webkit-border-radius: 0; color: #666666 !important; border-left: 5px solid #fff; } .profile-nav ul > li > a:hover, .profile-nav ul > li > a:focus, .profile-nav ul li.active a { background: #f8f7f5 !important; border-left: 5px solid #75B519; color: #666666 !important; } .profile-nav ul > li:last-child > a:last-child { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } .profile-nav ul > li > a > i{ font-size: 16px; padding-right: 10px; color: #bcb3aa; } /*=====added on 05-02-2014=============*/ .profile-nav ul > li > a > .form-control { background: none; width: 87%; display: inline-block; float: right; } .editable-fields { padding: 15px 5px 5px 5px; } .r-activity { margin: 6px 0 0; font-size: 12px; } .p-text-area, .p-text-area:focus { border: none; font-weight: 300; box-shadow: none; color: #666666; font-size: 16px; } .profile-info .panel-footer { background-color:#f8f7f5 ; border-top: 1px solid #e7ebee; } .profile-info .panel-footer ul li a { color: #7a7a7a; } .bio-graph-heading { background: #41cac0; color: #fff; text-align: center; font-style: italic; padding: 40px 110px; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; font-size: 16px; font-weight: 300; } .bio-graph-info { color: #89817e; } .bio-graph-info h1 { font-size: 22px; font-weight: 300; margin: 0 0 20px; } .bio-row { width: 50%; float: left; margin-bottom: 10px; padding:0 15px; } .bio-row p span { width: 100px; display: inline-block; } .bio-chart, .bio-desk { float: left; } .bio-chart { width: 40%; } .bio-desk { width: 60%; } .bio-desk h4 { font-size: 15px; font-weight:400; } .bio-desk h4.terques { color: #4CC5CD; } .bio-desk h4.red { color: #e26b7f; } .bio-desk h4.green { color: #97be4b; } .bio-desk h4.purple { color: #caa3da; } .file-pos { margin: 6px 0 10px 0; } .profile-activity h5 { font-weight: 300; margin-top: 0; color: #c3c3c3; } .summary-head { background: #ee7272; color: #fff; text-align: center; border-bottom: 1px solid #ee7272; } .summary-head h4 { font-weight: 300; text-transform: uppercase; margin-bottom: 5px; } .summary-head p { color: rgba(256,256,256,0.6); } ul.summary-list { display: inline-block; padding-left:0 ; width: 100%; margin-bottom: 0; } ul.summary-list > li { display: inline-block; width: 19.5%; text-align: center; } ul.summary-list > li > a > i { display:block; font-size: 18px; padding-bottom: 5px; } ul.summary-list > li > a { padding: 10px 0; display: inline-block; color: #818181; } ul.summary-list > li { border-right: 1px solid #eaeaea; } ul.summary-list > li:last-child { border-right: none; } .activity { width: 100%; float: left; margin-bottom: 10px; } .activity.alt { width: 100%; float: right; margin-bottom: 10px; } .activity span { float: left; } .activity.alt span { float: right; } .activity span, .activity.alt span { width: 45px; height: 45px; line-height: 45px; border-radius: 50%; -webkit-border-radius: 50%; background: #eee; text-align: center; color: #fff; font-size: 16px; } .activity.terques span { background: #8dd7d6; } .activity.terques h4 { color: #8dd7d6; } .activity.purple span { background: #b984dc; } .activity.purple h4 { color: #b984dc; } .activity.blue span { background: #90b4e6; } .activity.blue h4 { color: #90b4e6; } .activity.green span { background: #aec785; } .activity.green h4 { color: #aec785; } .activity h4 { margin-top:0 ; font-size: 16px; } .activity p { margin-bottom: 0; font-size: 13px; } .activity .activity-desk i, .activity.alt .activity-desk i { float: left; font-size: 18px; margin-right: 10px; color: #bebebe; } .activity .activity-desk { margin-left: 70px; position: relative; } .activity.alt .activity-desk { margin-right: 70px; position: relative; } .activity.alt .activity-desk .panel { float: right; position: relative; } .activity-desk .panel { background: #F4F4F4 ; display: inline-block; } .activity .activity-desk .arrow { border-right: 8px solid #F4F4F4 !important; } .activity .activity-desk .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; left: -7px; position: absolute; top: 13px; width: 0; } .activity-desk .arrow-alt { border-left: 8px solid #F4F4F4 !important; } .activity-desk .arrow-alt { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; right: -7px; position: absolute; top: 13px; width: 0; } .activity-desk .album { display: inline-block; margin-top: 10px; } .activity-desk .album a{ margin-right: 10px; } .activity-desk .album a:last-child{ margin-right: 0px; } /*invoice*/ .invoice-list { margin-bottom: 30px; } .invoice-list h4 { font-weight: 300; font-size: 16px; } .invoice-block { text-align: right; } ul.amounts li { background: #f5f5f5; margin-bottom: 5px; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; font-weight: 300; } .invoice-btn a{ font-weight: 300; margin: 0 5px; font-size: 16px; } .corporate-id { margin-bottom: 30px; } /*panel heading color*/ .panel-primary > .panel-heading.navyblue { background-color: #2A3542; border-color: #2A3542; color: #FFFFFF; } /*table*/ .table-advance tr td { vertical-align: middle !important; text-align: center; font-weight: bold; } .no-border { border-bottom: none; } .dataTables_length , .dataTables_filter{ padding:15px; } .dataTables_info{ padding:0 15px; } .dataTables_filter { float:right; } .dataTables_length select { width: 65px; padding:5px 8px; display: inline; } .dataTables_length label, .dataTables_filter label { font-weight: 600; width: 100%; } .dataTables_filter label { width: 100%; } .dataTables_filter label input { width: 78%; display: inline; } .border-top { border-top: 1px solid #ddd; } .dataTables_paginate.paging_bootstrap.pagination li { float: left; margin: 0 1px; border: 1px solid #ddd; border-radius: 3px; -webkit-border-radius: 3px; } .dataTables_paginate.paging_bootstrap.pagination li.disabled a{ color: #c7c7c7; } .dataTables_paginate.paging_bootstrap.pagination li a{ color: #797979; padding: 5px 10px; display: inline-block; } .dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a{ color: #797979; background: #eee; border-radius: 3px; -webkit-border-radius: 3px; } .dataTables_paginate.paging_bootstrap.pagination { float:right; margin-top: -5px; margin-bottom: 15px; margin-right: 15px; } .dataTable tr:last-child { border-bottom: 1px solid #ddd; } /*calender*/ .has-toolbar.fc { margin-top: 50px; } .fc-header-title { display: inline-block; margin-top: -50px; vertical-align: top; } .fc-view { margin-top: -50px; overflow: hidden; width: 100%; } .fc-state-default, .fc-state-default .fc-button-inner { background: #F3F3F3 !important; border-color: #DDDDDD; border-style: none solid; color: #646464; } .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner{ background: #FF6C60 !important; color: #fff !important; } .fc-event-skin { background-color: #6883a3 !important; border-color: #6883a3 !important; color: #FFFFFF !important; } .fc-grid th { height: 30px; line-height: 30px; text-align: center; background: #F3F3F3 !important; } .fc-header-title h2 { font-size: 20px !important; color: #C8CCD7; font-weight: 300; } .external-event { cursor: move; display: inline-block !important; margin-bottom: 6px !important; margin-right: 6px !important; padding: 8px; } #external-events p input[type="checkbox"]{ margin: 0; } .drg-event-title { font-weight: 300; margin-top: 0; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 10px; } .fc-content .fc-event { border-radius:4px; webkit-border-radius:4px; padding: 4px 6px; } .fc-corner-left { border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; } .fc-corner-right { border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; } .drp-rmv { padding-top: 10px; margin-top: 10px; } /*button*/ .btn-row { margin-bottom: 10px; } /*tabs*/ .tab-head { background: #7087a3; display: inline-block; width: 100%; margin-top: 60px; } .tab-container { margin-top: 10px; } .tab-head .nav-tabs > li > a { border-radius: 0; margin-right: 1px; color: #fff; } .tab-head .nav-tabs > li.active > a, .tab-head .nav-tabs > li > a:hover, .tab-head .nav-tabs > li.active > a:hover, .tab-head .nav-tabs > li.active > a:focus { background-color: #f1f2f7; border-color: #f1f2f7; color: #797979; } /*general page*/ .progress-xs { height: 8px; } .progress-sm { height: 12px; } .panel-heading .nav { border: medium none; font-size: 13px; margin: -10px -15px -11px; } .tab-bg-dark-navy-blue { background: #7087A3; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-bottom: none; } .panel-heading .nav > li > a, .panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus { border-width: 0; border-radius: 0; } .panel-heading .nav > li > a { color: #fff; } .panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover { color: #47596f; background: #fff; } .panel-heading .nav > li:first-child.active > a, .panel-heading .nav > li:first-child > a:hover { border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; } .tab-right { height: 38px; } .panel-heading.tab-right .nav > li:first-child.active > a, .tab-right.panel-heading .nav > li:first-child > a:hover { border-radius: 0 ; -webkit-border-radius: 0 ; } .panel-heading.tab-right .nav > li:last-child.active > a, .tab-right.panel-heading .nav > li:last-child > a:hover { border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; } .panel-heading.tab-right .nav-tabs > li > a { margin-left: 1px; margin-right: 0px; } .m-bot20 { margin-bottom: 20px; } .m-bot-none { margin-bottom: 0; } .wht-color { color: #fff; } .close-sm { font-size: 14px; } /*carousel*/ .carousel-indicators li { background: rgba(0, 0, 0, 0.2) ; border: none; transition:background-color 0.25s ease 0s; -moz-transition:background-color 0.25s ease 0s; -webkit-transition:background-color 0.25s ease 0s; } .carousel-indicators .active { background:#ff6c60; height: 10px; margin: 1px; width: 10px; } .carousel-indicators.out { bottom: -5px; } .carousel-indicators.out { bottom: -5px; } .carousel-control { color: #999999; text-shadow: none; width: 45px; } .carousel-control i { display: inline-block; height: 25px; left: 50%; margin-left: -10px; margin-top: -10px; position: absolute; top: 50%; width: 20px; z-index: 5; } .carousel-control.left, .carousel-control.right { background: none; filter:none; } .carousel-control:hover, .carousel-control:focus { color: #CCCCCC; opacity: 0.9; text-decoration: none; } .carousel-inner h3 { font-weight: 300; font-size: 16px; margin: 0; } .carousel-inner { margin-bottom: 15px; } /*gritter*/ .gritter-close { left: auto !important; right: 3px !important; } /*form*/ .sm-input { width: 175px; } .form-horizontal.tasi-form .form-group { border-bottom: 1px solid #eff2f7; padding-bottom: 15px; margin-bottom: 15px; } .form-horizontal.tasi-form .form-group:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } .form-horizontal.tasi-form .form-group .help-block { margin-bottom: 0; } .round-input { border-radius: 500px; -webkit-border-radius: 500px; } .m-bot15 { margin-bottom: 15px; } .form-horizontal.tasi-form .checkbox-inline > input { margin-top: 1px; border:none; } /*form validation*/ .cmxform .form-group label.error { display: inline; margin: 5px 0; color: #B94A48; font-weight: 400; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, .cmxform .form-group input.error , .cmxform .form-group textarea.error{ border-color: #B94A48 !important; } #signupForm label.error { display: inline; margin:5px 0px; width: auto; color: #B94A48; } .checkbox, .checkbox:hover, .checkbox:focus { border:none; } /*slider*/ table.sliders tr td { padding: 30px 0; border:none; } .slider { margin-top: 3px; } .slider-info { padding-top: 10px; } .sliders .ui-widget-header { background: #22bacf !important; border-radius: 15px !important; -webkit-border-radius: 15px !important; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0 !important; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0 !important; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0 !important; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0 !important; } #eq span { height:120px; float:left; margin:15px } .ui-widget-content { background: #f0f2f7 !important; border: none !important; border-radius: 15px !important; -webkit-border-radius: 15px !important; } .ui-slider-horizontal { height: 8px !important; } .ui-slider-horizontal .ui-slider-handle { top: -0.57em !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #fff !important; border: 3px solid #22bacf !important; border-radius: 50% !important; -webkit-border-radius: 50% !important; } .ui-slider-vertical { width: 8px !important; } .ui-slider-vertical .ui-slider-handle { left: -0.5em !important; } .ui-slider .ui-slider-handle { cursor: default; height: 1.6em; position: absolute; width: 1.6em; z-index: 2; } .bound-s { width: 90px; margin-bottom: 15px; } /*----switch ----*/ .has-switch { border-radius: 30px; -webkit-border-radius: 30px; display: inline-block; cursor: pointer; line-height: 1.231; overflow: hidden; position: relative; text-align: left; width: 80px; -webkit-mask: url('../img/mask.png') 0 0 no-repeat; mask: url('../img/mask.png') 0 0 no-repeat; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; float: left; } .has-switch.deactivate { opacity: 0.5; filter: alpha(opacity=50); cursor: default !important; } .has-switch.deactivate label, .has-switch.deactivate span { cursor: default !important; } .has-switch > div { width: 162%; position: relative; top: 0; } .has-switch > div.switch-animate { -webkit-transition: left 0.25s ease-out; -moz-transition: left 0.25s ease-out; -o-transition: left 0.25s ease-out; transition: left 0.25s ease-out; -webkit-backface-visibility: hidden; } .has-switch > div.switch-off { left: -63%; } .has-switch > div.switch-off label { background-color: #7f8c9a; border-color: #bdc3c7; -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5); box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5); } .has-switch > div.switch-on { left: 0%; } .has-switch > div.switch-on label { background-color: #41cac0; } .has-switch input[type=checkbox] { display: none; } .has-switch span { cursor: pointer; font-size: 14.994px; font-weight: 700; float: left; height: 29px; line-height: 19px; margin: 0; padding-bottom: 6px; padding-top: 5px; position: relative; text-align: center; width: 50%; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.25s ease-out; -moz-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.25s ease-out; -webkit-backface-visibility: hidden; } .has-switch span.switch-left { border-radius: 30px 0 0 30px; background-color: #2A3542; color: #41cac0; border-left: 1px solid transparent; } .has-switch span.switch-right { border-radius: 0 30px 30px 0; background-color: #bdc3c7; color: #ffffff; text-indent: 7px; } .has-switch span.switch-right [class*="fui-"] { text-indent: 0; } .has-switch label { border: 4px solid #2A3542; border-radius: 50%; -webkit-border-radius: 50%; float: left; height: 29px; margin: 0 -21px 0 -14px; padding: 0; position: relative; vertical-align: middle; width: 29px; z-index: 100; -webkit-transition: 0.25s ease-out; -moz-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.25s ease-out; -webkit-backface-visibility: hidden; } .switch-square { border-radius: 6px; -webkit-border-radius: 6px; -webkit-mask: url('../img/mask.png') 0 0 no-repeat; mask: url('../img/mask.png') 0 0 no-repeat; } .switch-square > div.switch-off label { border-color: #7f8c9a; border-radius: 6px 0 0 6px; } .switch-square span.switch-left { border-radius: 6px 0 0 6px; } .switch-square span.switch-left [class*="fui-"] { text-indent: -10px; } .switch-square span.switch-right { border-radius: 0 6px 6px 0; } .switch-square span.switch-right [class*="fui-"] { text-indent: 5px; } .switch-square label { border-radius: 0 6px 6px 0; border-color: #41cac0; } /*tag input*/ #tagsinput_tagsinput_tagsinput { display: none !important; } .tagsinput { border: 1px solid #e3e6ed; border-radius: 4px; height: 115px !important; padding: 6px 1px 1px 6px; overflow-y: auto; text-align: left; } .tagsinput .tag { border-radius: 4px; background-color: #9900FF; color: #ffffff; cursor: pointer; margin-right: 5px; margin-bottom: 5px; overflow: hidden; line-height: 15px; padding: 6px 13px 8px 19px; position: relative; vertical-align: middle; display: inline-block; zoom: 1; *display: inline; -webkit-transition: 0.14s linear; -moz-transition: 0.14s linear; -o-transition: 0.14s linear; transition: 0.14s linear; -webkit-backface-visibility: hidden; } .tagsinput .tag:hover { background-color: #9900FF; color: #ffffff; padding-left: 12px; padding-right: 20px; } .tagsinput .tag:hover .tagsinput-remove-link { color: #ffffff; opacity: 1; display: block\9; } .tagsinput input { background: transparent; border: none; color: #34495e; font-family: "Lato", sans-serif; font-size: 14px; margin: 0px; padding: 0 0 0 5px; outline: 0; margin-right: 5px; margin-bottom: 5px; width: 12px; } .tagsinput-remove-link { bottom: 0; color: #ffffff; cursor: pointer; font-size: 12px; opacity: 0; padding: 7px 7px 5px 0; position: absolute; right: 0; text-align: right; text-decoration: none; top: 0; width: 100%; z-index: 2; display: none\9; } .tagsinput-remove-link:before { color: #ffffff; content: "\f00d"; font-family: "FontAwesome"; } .tagsinput-add-container { vertical-align: middle; display: inline-block; zoom: 1; *display: inline; } .tagsinput-add { background-color: #d6dbdf; border-radius: 3px; color: #ffffff; cursor: pointer; margin-bottom: 5px; padding: 6px 9px; display: inline-block; zoom: 1; *display: inline; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; } .tagsinput-add:hover { background-color: #9900FF; } .tagsinput-add:before { content: "\f067"; font-family: "FontAwesome"; } .tags_clear { clear: both; width: 100%; height: 0px; } /*checkbox & radio style*/ .checkboxes label, .radios label { display: block; cursor: pointer; line-height: 20px; padding-bottom: 7px; font-weight: 300; font-size: 14px; color: #666; } .radios { padding-top: 18px; } .label_check input, .label_radio input { margin-right: 5px; } .has-js .label_check, .has-js .label_radio { padding-left: 34px; } .has-js .label_radio { background: url(../img/checkbox/radio-off.png) no-repeat; } .has-js .label_check { background: url(../img/checkbox/check-off.png) no-repeat; } .has-js label.c_on { background: url(../img/checkbox/check-on.png) no-repeat; } .has-js label.r_on { background: url(../img/checkbox/radio-on.png) no-repeat; } /*add for deals page*/ .has-js .checkboxes.col-lg-8 .label_check { padding-left: 0px; } .has-js .checkboxes.col-lg-8 .label_radio { background: url(../img/checkbox/radio-off.png) no-repeat right; } .has-js .checkboxes.col-lg-8 .label_check { background: url(../img/checkbox/check-off.png) no-repeat right; } .has-js .checkboxes.col-lg-8 label.c_on { background: url(../img/checkbox/check-on.png) no-repeat right; } .has-js .checkboxes.col-lg-8 label.c_off { background: url(../img/checkbox/check-off.png) no-repeat right; } .has-js .checkboxes.col-lg-8 label.r_on { background: url(../img/checkbox/radio-on.png) no-repeat right; } /*end deals page custom checkbox*/ .has-js .label_check input, .has-js .label_radio input { position: absolute; left: -9999px; } /*date picker*/ .add-on { border: 1px solid #E2E2E4; border-radius: 4px; -webkit-border-radius: 4px; float: right; margin-right: -37px; margin-top: -34px; padding: 8px; text-align: center; background: #EEEEEE; } .daterangepicker .ranges .range_inputs > div:nth-child(2) { margin-bottom: 10px; padding-left: 0px; } .daterangepicker .ranges label { padding-bottom: 0; padding-top: 8px; } .headings h4.days { display: inline-block; text-align: center; width: 30%; margin-right: 5%; } .headings h4.time { display: inline-block; text-align: center; width: 65%; } .daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover, .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled]{ background: #0387BA; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'Open Sans', sans-serif; font-weight: 300; text-align: center; white-space: nowrap; } .daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover, .datepicker td span.active { text-shadow: none; } .datepicker th.switch { width: 125px; } .datepicker td span { height: 40px; line-height: 40px; } /*ck editor*/ .cke_top, .cke_bottom { background: #F5F5F5 !important; background: -moz-linear-gradient(center top , #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important; background: -webkit-linear-gradient(center top , #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important; background: -o-linear-gradient(center top , #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important; box-shadow: none; padding: 6px 8px 2px; } .cke_top { border-bottom: 1px solid #cccccc !important; } .cke_chrome { border: 1px solid #cccccc !important; box-shadow: none !important; display: block; padding: 0; } /*form wizard*/ .tabs { text-align: center; } .tabs ul{ display: inline-block; margin-bottom: 0px; } .step legend { border: none; } .button-back { float: left; } .button-next, .finish { float: right; } .button-back, .button-next, .finish { cursor: pointer; text-decoration: none; } .step { clear: left; } .step label { display: block; } .panel-body .form-control { width: 100%; } .panel-body .form-horizontal .form-group { margin-right: 0px; margin-left: 0px; } .panel-tabs { border-bottom: 1px solid #eff2f7; padding: 10px 10px 0px 10px; } .tabs ul li { cursor: pointer; display: inline-block; margin: 0px 10px; } .stepy-titles li a { color: #666; background: #eee; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border: 1px solid #ccc; width: auto; padding: 10px 25px; font-size: 16px; display: inline-block; } #chart-tabs { border-bottom: 0px solid #eff2f7; } #chart-tabs ul { margin-bottom: 0px; } #chart-tabs ul.stepy-titles li { cursor: pointer; margin: 0px 10px; float: left; } #chart-tabs .stepy-titles li a { color: #666; background: #eee; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border: 1px solid #ccc; width: auto; padding: 5px 20px; font-size: 14px; display: inline-block; } #chart-tabs .stepy-titles li a.current-step, #chart-tabs .stepy-titles li a:hover { color: #fff; background: #75B519; } .stepy-titles li a.current-step, .stepy-titles li a:hover { color: #fff; background: #75B519; } .hdwm li { display: inline-block; } .hdwm li a{ display: inline-block; padding-right: 2px; } .hdwm li a.last:after{ content: ""; } .hdwm li a:after{ content: "/"; padding-left: 2px; } .stepy-titles li div{ font-size:16px; font-weight: 300; background: #eee; border-radius: 50%; -webkit-border-radius: 50%; width: 100px; height: 100px; line-height: 100px; } .btn.circle { display: inline-block; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; height: 35px; width: 35px; text-align: center; padding: 6px; } .table.specific thead>tr>th { vertical-align: bottom; border-bottom: 0px solid #ddd; text-align: center; } .table.specific thead>tr { vertical-align: bottom; border-bottom: 0px solid #ddd; text-align: center; } .table.specific thead>tr>th, .table.specific tbody>tr>th, .table.specific tfoot>tr>th, .table.specific thead>tr>td, .table.specific tbody>tr>td, .table.specific tfoot>tr>td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 0px solid #ddd; text-align: center; } .table.specific thead>tr>th:nth-child(3), .table.specific tbody>tr>td:nth-child(3) { border-right: 1px solid #D3D3D3; padding: 2px; } .input-append { display: inline-block; vertical-align: middle; margin-bottom: 0px; } .input-append, .input-prepend { display: inline-block; margin-bottom: 0px; font-size: 0; white-space: nowrap; vertical-align: middle; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover { font-size: 14px; line-height: 20px; } .input-small { width: 80px; border-radius: 4px 0px 0px 4px !important; border: 1px solid #e2e2e4; } .input-append .add-on:last-child, .input-append .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: 0px; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bootstrap-timepicker .add-on i { display: inline-block; width: 16px; height: 16px; font-size: 14px; } input.all-day[type="checkbox"] { margin: 4px 17px 0 17px; } .input-append .add-on { border: 1px solid #E2E2E4; border-radius: 4px; -webkit-border-radius: 4px; float: right; margin-right: 0px; margin-top: 0px; padding: 3px; text-align: center; background: #EEEEEE; } .table.dlist .btn, .table.rlist .btn { margin: 2px; } /*widget*/ .user-heading.alt { display: inline-block; width: 100%; text-align: left; } .alt.green-bg { background: #aec785; } .profile-nav.alt.green-border ul > li > a:hover, .profile-nav.alt.green-border ul > li > a:focus, .profile-nav.alt.green-border ul li.active a { border-left: 5px solid #aec785; } .user-heading.alt a { float: left; margin-right: 15px; margin-left: -10px; display: inline-block; border: 5px solid rgba(255, 255, 255, 0.3); border-radius: 50%; -webkit-border-radius: 50%; } .user-heading.alt a img{ width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; } .twt-feed { border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; color: #FFFFFF; padding: 10px; position: relative; text-align: center; } .twt-feed.blue-bg { background: #58C9F3; } .twt-feed h1 { font-size: 22px; font-weight: 300; margin-bottom: 5px; } .twt-feed a { border: 8px solid #fff; border-radius: 50%; -webit-border-radius: 50%; display: inline-block; margin-bottom: -55px; } .twt-feed a img { height: 112px; width: 112px; border-radius: 50%; -webit-border-radius: 50%; } .twt-category { display: inline-block; margin-bottom: 11px; margin-top: 55px; width: 100%; } .twt-category ul li{ color: #89817f; font-size: 13px; } .twt-category h5 { font-size: 20px; font-weight: 300; } .twt-write .t-text-area { border: 1px solid #eeeeee; border-radius: 0; } .twt-footer { padding: 10px 15px; } .btn-space { padding-left: 11.6%; padding-right: 11%; } .p-head { color: #f77b6f; font-weight: 400; font-size: 14px; } .cmt-head { font-weight: 400; font-size: 13px; } .p-thumb img { width: 50px; height: 50px; border-radius: 3px; -webkit-border-radius: 3px; } .tasi-tab .media-body p { /*color: #b8bac6;*/ } /*Timeline chat*/ .chat-form { margin-top: 25px; clear: both; } .chat-form .input-cont { margin-bottom: 10px; } .chat-form .input-cont input { margin-bottom: 0px; } .chat-form .input-cont input{ border: 1px solid #d3d3d3 !important; margin-top:0; min-height: 45px; } .chat-form .input-cont input { background-color: #fff !important; } .chat-features a { margin-left: 10px; } .chat-features a i{ color: #d0d0d0; } .timeline-messages:before { background: rgba(0, 0, 0, 0.1); bottom: 0; top: 0; width: 2px; } .timeline-messages:before, .msg-time-chat:before, .msg-time-chat .text:before { content: ""; left: 60px; position: absolute; top: -2px; } .timeline-messages, .msg-time-chat , .timeline-messages .msg-in, .timeline-messages .msg-out { position: relative; } .timeline-messages .msg-in .arrow { /*border-right: 8px solid #F4F4F4 !important;*/ } .timeline-messages .msg-in .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; left: -8px; position: absolute; top: 13px; width: 0; } .timeline-messages .msg-out .arrow { /*border-right: 8px solid #41cac0 !important;*/ } .timeline-messages .msg-out .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; left: -8px; position: absolute; top: 13px; width: 0; } .msg-time-chat:first-child:before { margin-top: 16px; } .msg-time-chat:before { background:#CCCCCC; border: 2px solid #FAFAFA; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; height: 14px; margin: 23px 0 0 -6px; width: 14px; } .msg-time-chat:hover:before { background: #41cac0; } .msg-time-chat:first-child { padding-top: 0; } .message-img { float: left; margin-right: 30px; overflow: hidden; } .message-img img { display: block; height: 44px; width: 44px; } .message-body { margin-left: 80px; } .msg-time-chat .msg-in .text { border: 1px solid #e3e6ed; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; } .msg-time-chat .msg-out .text { border: 1px solid #e3e6ed; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; } .msg-time-chat p { margin: 0; } .msg-time-chat .attribution { font-size: 11px; margin: 0px 0 5px; } .msg-time-chat { overflow: hidden; padding:8px 0; } .msg-in a, .msg-in a:hover{ color: #b64c4c; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; margin-right: 10px; font-weight: 400; font-size: 13px; } .msg-out a, .msg-out a:hover{ color: #288f98; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; margin-right: 10px; font-weight: 400; font-size: 13px; } /*custom select*/ span.customSelect { font-size:12px; background-color: #ffffff; padding:10px; border:1px solid #EAEAEA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #A4AABA; } span.customSelect.changed { background-color: #fff; } .customSelectInner { background:url(../img/customSelect-arrow.gif) no-repeat center right; } footer.footer { background: #ffffff; bottom: 0; height: 35px; position: absolute; width: 100%; display: block; } footer.footer .footer-inner{bottom: 0; left: 0; position: absolute; right: 0;} footer.footer .footer-inner-link{ padding: 10px 15px;} /*=========Accoutnt Setting===========*/ .updates { float: left; line-height: 30px; margin-left: 20px; font-size: 14px; } .cpass-heading { margin-bottom: 10px; margin-top: 0px; font-size: 18px; color: #fff; } /*==========Terms and conditions Privacy Policy==================*/ .terms-policy { border: 1px solid #eee; padding: 10px; height: 300px; overflow-y: auto; margin-bottom: 20px; } .title-text { display: block; width: 100%; height: 34px; padding: 6px 0px; font-size: 14px; line-height: 1.428571429; color: #666; vertical-align: middle; margin-bottom: 15px; text-align: right; } .error-message { color: red; display: inline-block; font-size: 12px; text-align: center; } .success{ background: none; color: green; font-size: 24px; text-align: center; } .errors{ background: none; color: red; font-size: 14px; text-align: center; } /*=========Verify page=======*/ .verify { width: 80%; margin: 0px auto 20px auto; } .verify p { font-size: 18px; } .verify .form-group { width: 90%; } #mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; } #boxes #popupdialog { background-color: #FFFFFF; padding: 3px 3px 5px; width: 45%; } #boxes .window { display: none; left: 0; margin: 0 auto; position: fixed; right: 0; top: 244px; z-index: 9999; } /*==========Thanks page===============*/ .form-signin h3.text-center { margin-top: 0px; padding-top: 10px; } .form-signin p.zippy-blue { font-size: 18px; font-weight: bold; padding: 5px; color: #0387BA; } .form-signin p.zippy-blue a.zippy-blue { font-size: 18px; font-weight: bold; text-decoration: underline; color: #0387BA; word-break: break-all; word-wrap: break-word; } /*===========Rating css===========*/ .rating-box{margin-top:0px;} .star-1, .star-2, .star-3 { display: inline-block;} /*============Communicate page===========*/ input#FileField{ width: 75%; } .panel-top { border-bottom: 1px solid #eff2f7; padding: 10px 10px 10px 10px; margin-bottom: 10px; } .panel-top h2 { font-size: 26px; margin: 0px; } /*======Responsive tabel==========*/ div.html { margin: 0; padding: 0; direction: ltr; } .CodeRay { background-color: #eee; border: 1px solid #CCC; font-family: 'Consolas', 'Liberation Mono', Courier, monospace; color: #000; padding: 5px; margin-bottom: 1.3em; overflow: auto; } .CodeRay .code { width: 100%; } .CodeRay pre { margin: 0px; font-size: 1em; line-height: 1.4em; white-space: pre-wrap; padding: 0; background: none; border: none; } .CodeRay .tag, .CodeRay .attribute-name { color: #007700; } .CodeRay .string { color: #D20; } .CodeRay .attribute-name { color: #ff0088; } .CodeRay .string .delimiter { color: #D14; } .CodeRay .string .content { color: #D14; } /*============chart==========*/ #chartContainer canvas.canvasjs-chart-canvas[width="500"], #chartContainer1 canvas.canvasjs-chart-canvas[width="500"], #chartContainer2 canvas.canvasjs-chart-canvas[width="500"], #chartContainer3 canvas.canvasjs-chart-canvas[width="500"], #chartContainer3 canvas.canvasjs-chart-canvas[width="500"] { width: 100% !important; height: 250px !important; } /*================*/ .col-lg-6.form-control { width: 50%; } .text-center { margin-top: 24px; } .text-center a.btn { margin-left: 5px; } /*========prizedraws page start=========*/ .table.table-bordered.table-advance .form-control { width: 100px; display: inline-block; height: 25px; padding: 6px; } .tickets { margin: 0px auto; width: 132px; padding: 20px 0px 0px 0px; } .tickets.round span { border-radius: 50%; -webkit-border-radius: 50%; border: 10px solid rgba(256,256,256,0.3); display: inline-block; width: 132px; height: 132px; text-align: center; background: #ff0066; font-size: 30px; line-height: 112px; color: #fff; } /*========prizedraws page start=========*/ ul.linklist li { float: left; } ul.linklist li a { display: block; margin: 0px 5px; } .glyphicon-class { display: block; text-align: center; word-wrap: break-word; font-size: 12px; font-weight: 300; color:#0033FF; } .form-part { padding: 20px; } /*================add page===============*/ fieldset.adminform label { line-height: 25px; margin: 0 10px; font-weight: normal; } fieldset.adminform label, fieldset.adminform span.faux-label { min-width: 135px; padding: 0 5px 0 0; } .grp-blk { border-top: 1px solid #ddd; margin-top: 10px; padding: 10px 0; } .group-opts { margin-left: 50px; } .group-opts .opt { display: inline-block; float: left; margin-top: 10px; } #myTabContent { border: 1px solid #ccc; border-top: none; padding: 10px; } .menu-list { border: 2px solid #ddd; border-radius: 3px; padding: 5px; margin-bottom: 5px; } .menu-list h4, .menu-list a { display: inline-block; } .menu-list a { text-align: right; } .ads-frm input.form-control{ width:60%; } .ads-frm input, .ads-frm label{ float:left; padding-top:6px; } .ads-chk{ padding:5px; margin-top:10px !important; } .ads-frm label{ margin:0px 15px 0px 5px; } .ads-frm span{ width:20%; float:left; } .das label{ margin-right:10px; vertical-align:top; margin-left:5px; } .das span{ width:25%; margin-bottom:10px; float:left; } .form-border { border: 1px solid #ccc; margin: 42px auto 20px; padding: 21px 0; position: relative; width: 60%; } .form-border .form-text-title { background: none repeat scroll 0 0 #fff; font-size: 22px; left: 22px; margin: 0; padding: 0 5px; position: absolute; top: -35px; } .form-border .form-group{ margin-left: 0; margin-right: 0; } .form-border .form-group .control-label { text-align: left; padding-left: 30px; } .f-c-width{width:50%;} .red { color: #f00; } tr.addbg td { background-color:#FFB0B0 !important; }