/*Template Name:BucketAdmin Dashboard build with Bootstrap v3.0.3Template Version:1.0Author:ThemeBucket*/ /*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); @import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic); @import url(bucket-ico-fonts.css);*/ @font-face { font-family: 'proxima_nova_rgbold'; src: url('fonts/proxima-nova-bold-59117d9f9a997-webfont.woff2') format('woff2'), url('fonts/proxima-nova-bold-59117d9f9a997-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_rgregular'; src: url('fonts/proxima-nova-59117e9887874-webfont.woff2') format('woff2'), url('fonts/proxima-nova-59117e9887874-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_Proxima Nova Condensed Light'; src: url('fonts/Proxima Nova Condensed Light.eot'); src: local('☺'), url('fonts/Proxima Nova Condensed Light.woff') format('woff'), url('fonts/Proxima Nova Condensed Light.ttf') format('truetype'), url('fonts/Proxima Nova Condensed Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_Proxima Nova Light'; src: url('fonts/Proxima Nova Light.eot'); src: local('☺'), url('fonts/Proxima Nova Light.woff') format('woff'), url('fonts/Proxima Nova Light.ttf') format('truetype'), url('fonts/Proxima Nova Light.svg') format('svg'); font-weight: normal; font-style: normal; } html { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; } body { color:#232323; background:#f1f2f7; font-family:'Open Sans',sans-serif; padding:0px !important; margin:0px !important; font-size:13px; text-rendering:optimizeLegibility; } ul, .list-unstyled { padding-left: 30px; } ul li { /*list-style:none;*/ } a{color: #428BCA;} a,a:hover,a:focus { text-decoration:none; outline:none; } ::selection { background:#1FB5AD; color:#fff; } ::-moz-selection { background:#1FB5AD; color:#fff; } #container { width:100%; height:100%; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition: all .3s ease-in-out; } /*login page*/ .login-body { background:#000; background-size:cover; width:100%; height:100%; } .form-signin { max-width:330px; margin:100px auto; background:#fff; border-radius:5px; -webkit-border-radius:5px; } .form-invite { max-width:640px; margin:100px auto; background:#fff; border-radius:5px; -webkit-border-radius:5px; } .form-signin h2.form-signin-heading { margin:0; padding:35px 15px; text-align:center; background:#aec785; 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; border-bottom:10px solid #a0b87e; } .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; } .form-signin .form-control:focus { z-index:2; } .form-signin input[type="text"],.form-signin input[type="password"] { margin-bottom:15px; border-radius:5px; -webkit-border-radius:5px; border:1px solid #eaeaea; box-shadow:none; font-size:12px; } .form-signin .btn-login { background:#1fb5ac; color:#fff; text-transform:uppercase; font-weight:300; font-family:'Open Sans',sans-serif; margin:20px 0 5px; } .form-signin p { text-align:left; color:#b6b6b6; font-size:16px; font-weight:300; } .form-signin a,.form-signin a:hover { color:#1fb5ac; } .form-signin a:hover { text-decoration:underline; } .login-wrap { padding:20px; position:relative; } .user-login-info { background:#eaeaec; margin:-20px -20px 20px -20px; padding:20px; } .user-login-info .form-control:last-child { margin-bottom:0 !important; } .registration { position:absolute; right:0; bottom:-35px; color: #b8bab9; } /*sidebar navigation*/ #sidebar { width:160px; height:100%; position:fixed; background:#32323a; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } #sidebar ul li { position: relative; } .leftside-navigation,.right-stat-bar{ height: 100%; } .right-stat-bar ul { list-style-type: none; padding-left: 0; } /*LEFT NAVIGATION ICON*/ .dcjq-icon { height:17px; width:17px; display:inline-block; background:url(../images/nav-expand.png) no-repeat top; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:absolute; right:10px; } .active .dcjq-icon { background:url(../images/nav-expand.png) no-repeat bottom; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .right-side-accordion .dcjq-icon { height:17px; width:17px; display:inline-block; background:url(../images/acc-expand.png) no-repeat top; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:absolute; right:10px; } .right-side-accordion .active .dcjq-icon { background:url(../images/acc-expand.png) no-repeat bottom; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px; } .right-side-accordion li:nth-child(2) ul li .prog-row { border: none; } /*---*/ .nav-collapse.collapse { display:inline; } ul.sidebar-menu,ul.sidebar-menu li ul.sub { margin:-2px 0 0; padding:0; } ul.sidebar-menu { padding-top:80px; } #sidebar>ul>li>ul.sub { display:none; } #sidebar .sub-menu>.sub li a { padding-left:46px; } #sidebar>ul>li.active>ul.sub,#sidebar>ul>li>ul.sub>li>a { display:block; } ul.sidebar-menu li ul.sub li { background:#28282e; margin-bottom:0; margin-left:0; margin-right:0; } ul.sidebar-menu li ul.sub li a { font-size:12px; padding-top:13px; padding-bottom:13px; -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:#aeb2b7; } ul.sidebar-menu li ul.sub li a:hover,ul.sidebar-menu li ul.sub li.active a { color:#1fb5ad; -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; background:#202025; } ul.sidebar-menu li { border-bottom:1px solid rgba(255,255,255,0.05); } ul.sidebar-menu li.sub-menu { line-height:15px; } ul.sidebar-menu ul.sub li { border-bottom:none; } ul.sidebar-menu li a span { display:inline-block; } ul.sidebar-menu li a { color:#aeb2b7; text-decoration:none; display:block; padding:18px 0 18px 25px; 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 a.active,ul.sidebar-menu li a:hover,ul.sidebar-menu li a:focus { background:#28282e; color:#1FB5AD; display:block; -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:#1fb5ad; } ul.sidebar-menu li a.active i { color:#1fb5ad; } .mail-info,.mail-info:hover { margin:-3px 6px 0 0; font-size: 11px; } /*main content*/ #main-content { margin-left:160px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .footer { min-height:60px; padding:0 15px; } .header { left:0; right:0; z-index:99; background:#fff ; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .merge-header { margin-right:240px; } .fixed-top { position:fixed; box-shadow:1px 0 3px rgba(0,0,0,.15); } .wrapper { display:inline-block; margin-top:80px; padding:15px; width:100%; } .brand { background:#1fb5ad; float:left; width:160px; height:80px; position:relative; } body img{ max-width: 100%; height: auto; } a.logo { font-size:21px; color:#2e2e2e; float:left; /* margin: 0 0 0 16px;*/ text-transform:uppercase; } a.logo:hover,a.logo:focus { text-decoration:none; outline:none; } a.logo span { color: #FF6C60; } /*notification*/ #top_menu .nav>li,ul.top-menu>li { float:left; } .notify-row { float:left; margin-top:23px; margin-left:25px; } ul.top-menu { margin-right:15px; margin-top: 0; } ul.top-menu > li > a { color:#666666; font-size:16px; background:#f6f6f6; padding:4px 8px; margin-right:15px; border-radius:50%; -webkit-border-radius:50%; padding-right:8px !important; } ul.top-menu>li>a:hover,ul.top-menu>li>a:focus { background:#32D2C9; text-decoration:none; color:rgba(0,0,0,0.3) !important; padding-right:8px !important; } .notify-row .badge { position:absolute; right:-10px; top:-10px; z-index:100; } .dropdown-menu.extended { max-width:320px !important; min-width:160px !important; top:42px; width:300px !important; padding:0 10px 10px; box-shadow:0 0px 5px rgba(0,0,0,0.1) !important; border-radius:5px; -webkit-border-radius:5px; background:#fff; border:none; left:-10px; } .notify-row .notification span.label { display:inline-block; height:21px; padding:5px; width:22px; font-size:12px; margin-right:10px; } .dropdown-menu.extended .alert-icon,.noti-info { float:left; } .noti-info { padding-left:10px; padding-top:6px; color:#414147; } .dropdown-menu.extended .alert { margin-bottom:10px; } .dropdown-menu.extended .alert-icon { border-radius:100%; display:inline-block; height:35px; width:35px; } .dropdown-menu.extended .alert-icon i { font-size:16px; width:35px; line-height:35px; height:35px; } .dropdown-menu.extended.inbox li a,.dropdown-menu.extended.tasks-bar li a { background:#f1f2f7; border-radius:5px; -webkit-border-radius:5px; padding:10px; margin-bottom:10px; float:left; width:100%; } .dropdown-menu.extended li p { margin:0; padding:10px 0; border-radius:0px; -webkit-border-radius:0px; } .dropdown-menu.extended li a { font-size:12px; list-style:none; } .dropdown-menu.extended.logout { padding:10px; } .dropdown-menu.extended.logout li a { padding:10px; } .dropdown-menu.extended li a:hover { color:#32323a; } .dropdown-menu.tasks-bar .task-info .desc { font-size:13px; font-weight:normal; float:left; width:80%; } .dropdown-menu.tasks-bar .task-info .desc h5 { color:#32323a; text-transform:uppercase; font-size:12px; font-weight:600; margin-bottom:5px; margin-top:0; } .dropdown-menu.tasks-bar .task-info .desc p { padding-top:0; color:#8f8f9b; font-weight:300; } .dropdown-menu.tasks-bar .task-info .percent { width:20%; float:right; font-size:13px; font-weight:600; padding-left:10px; line-height:normal; } .dropdown-menu.tasks-bar .progress { background:#fff; } .dropdown-menu.extended .progress { margin-bottom:0 !important; height:10px; } .dropdown-menu.inbox li a .photo img { border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; float:left; height:40px; margin-right:10px; 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:20px; } .dropdown-menu.inbox li a .message { display:block !important; font-size:11px; } .top-nav { margin-top:20px; } .top-nav img { border-radius:50%; -webkit-border-radius:50%; width:33px; } .top-nav ul.top-menu>li .dropdown-menu.logout { width:170px !important; } .top-nav li.dropdown .dropdown-menu { float:right; right:0; left:auto; } .dropdown-menu.extended.logout>li { float:left; width:100%; } .log-arrow-up { background:url("../images/top-arrow.png") no-repeat; width:18px; height:10px; margin-top:-20px; float:right; margin-right:15px; } .dropdown-menu.extended.logout>li>a { border-bottom:none !important; } .full-width .dropdown-menu.extended.logout>li>a:hover { background:#F1F2F7 !important; color:#32323a !important; } .dropdown-menu.extended.logout>li>a:hover { background:#F1F2F7 !important; border-radius:5px; } .dropdown-menu.extended.logout>li>a:hover i { color:#32D2C9; } .dropdown-menu.extended.logout>li>a i { font-size:17px; } .dropdown-menu.extended.logout>li>a>i { padding-right:10px; } .top-nav .username { font-size:13px; color:#555555; } .top-nav ul.top-menu>li>a { border-radius:100px; -webkit-border-radius:100px; padding:0px; background:none; margin-right:0; border:1px solid #F6F6F6; background:#F6F6F6; } .top-nav ul.top-menu>li.language>a { margin-top:-2px; padding:4px 12px; line-height:20px; } .top-nav ul.top-menu>li.language>a img { border-radius:0; -webkit-border-radius:0; width:18px; } .top-nav ul.top-menu>li.language ul.dropdown-menu li img { border-radius:0; -webkit-border-radius:0; width:18px; } .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 #f6f6f6; background:#f6f6f6 !important; border-radius:100px; -webkit-border-radius:100px; } .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; } /*form*/ .position-center { width:62%; margin: 0 auto; } /*----*/ .notify-arrow { background:url("../images/top-arrow.png") no-repeat; width:18px; height:10px; margin-top:0; opacity:0; position:absolute; left:16px; top:-20px; transition:all 0.25s ease 0s; z-index:10; margin-top:10px; opacity: 1; } /*search*/ .search { 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:#f6f6f6 url("../images/search-icon.png") no-repeat 10px 8px; padding:0 5px 0 30px; color:#fff; border-radius:100px; -webkit-border-radius:100px; } .search:focus { width:180px; border:1px solid #f6f6f6; 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; } .todo-search:focus{ width:100% !important; } /*--sidebar toggle---*/ .sidebar-toggle-box { float:left; margin-top:23px; margin-left:-15px; background:#32d2c9; border-radius:50%; -webkit-border-radius:50%; width:32px; height:32px; position:absolute; right:-15px; } .sidebar-toggle-box .fa-bars { cursor:pointer; display:inline-block; font-size:15px; padding:8px 8px 8px 9px; color:rgba(0,0,0,.3); } .sidebar-toggle-box:hover { background:#F6F6F6; } .hide-left-bar { margin-left:-240px !important; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .open-right-bar { right:0px !important; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .merge-left { margin-left:0px !important; } .hide-right-bar { margin-right:-240px !important; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .toggle-right-box { float:left; background:#f6f6f6; border-radius:50%; -webkit-border-radius:50%; width:35px; height:35px; } .toggle-right-box:hover { background:#32D2C9; } .toggle-right-box:hover .fa-bars { color:rgba(0,0,0,0.3); } .toggle-right-box .fa-bars { cursor:pointer; display:inline-block; font-size:15px; padding:10px; color: #bfbfc1; } /*right sidebar*/ .right-sidebar { background:#32323A; width:240px; position:fixed; height:100%; z-index:1000; right:-240px; top:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .open-right-panel { margin-left:-240px !important; } .right-sidebar .search-row { padding:20px; } .right-sidebar .search-row input { background:rgba(0,0,0,0.3); border:none; color:#707076; font-size:12px; } .right-side-accordion { margin-top:6px; } .right-side-accordion .head { padding:20px; text-transform:uppercase; width:100%; display:inline-block; } .right-side-accordion .red-bg { background:#fa8564; color:#fff; } .right-side-accordion .terques-bg { background:#45c9c4; color:#fff; } .right-side-accordion .purple-bg { background:#a48ad4; color:#fff; } .right-side-accordion .yellow-bg { background:#f3c022; color:#fff; } .prog-row { border-bottom:1px solid #3C3C44; display:inline-block; padding:20px 0; width:100%; } .prog-row .progress { margin-bottom:0; } .prog-row h4 { margin:0; font-size:12px; text-transform:uppercase; color:#fff; font-weight:400; } .user-details h4 { text-transform:none; font-size:14px; font-weight:300; } .prog-row p { font-size:10px; color:#8f8f9b; margin-bottom:0; } .mtop10 { margin-top:10px; } .user-thumb,.user-details,.user-status,.rsn-details { float:left; } .user-thumb { width:30px; margin:0 10px 0 20px; } .user-thumb img { border-radius:50%; -webkit-border-radius:50%; width:30px; height:30px; } .user-details { width:150px; } .rsn-details { width:170px; } .rsn-details a,.rsn-details a:hover { color:#a48ad4; font-size:11px; } .user-details a { color:#fff; } .user-status { width:25px; margin-top:5px; } .view-btn,.view-btn:hover { color:#6c6c72; margin:10px 0; display:inline-block; } .view-btn:hover { text-decoration:underline; } .rsn-activity i { font-size: 30px; } /*state overview*/ .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 { 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; } .state-overview .terques { background:#6ccac9; } .state-overview .red { background:#ff6c60; } .state-overview .yellow { background:#f8d347; } .state-overview .blue { background: #57c8f2; } /*main chart*/ .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:290px; margin-top:20px; margin-left:10px; position:relative; border-bottom:1px solid #c9cdd7; } .custom-bar-chart .bar { height:100%; position:relative; width:4.3%; margin:0px 2%; float:left; text-align:center; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0x; border-radius:5px 5px 0 0; z-index:10; } .custom-bar-chart .bar .title { position:absolute; bottom:-30px; width:100%; text-align:center; font-size:12px; } .custom-bar-chart .bar .value { position:absolute; bottom:0; background:#bfc2cd; color:#bfc2cd; width:100%; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; -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:hover { background:#e8403f; color:#fff; } .y-axis { color:#555555; position:absolute; text-align:right; width:100%; } .y-axis li { border-top:1px dashed #dbdce0; display:block; height:58px; width:100%; } .y-axis li:last-child { border-top:none; } .y-axis li span { display:block; margin:-10px 0 0 -25px; padding:0 10px; width:40px; } .y-axis { color:#555555; text-align: right; } /*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; } .gen-case { text-transform: none; } /**/ /*personal task*/ .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 { float:left; } .task-thumb-details h1,.task-thumb-details h1 a,.task-progress h1,.task-progress h1 a { color:#39b5aa; font-size:18px; margin:0; padding:0; font-weight:400; } .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 .time-show { margin-right:-75px; margin-top:30px; position:relative; margin-bottom:30px; } .timeline .time-show.first { /*margin-top:-80px;*/ } .time-show .btn { width:150px; } .timeline .time-show a { color:#fff; } .timeline:before { background-color:#d8d9df; bottom:0px; content:""; left:50%; position:absolute; top:30px; width:1px; 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:45px; position:relative; text-align:left; background:#fff; } .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 #fff !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 #fff !important; } .timeline .timeline-icon { left:-60px; position:absolute; top:5px; } .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-desk h1.yellow,.timeline-desk span a.yellow { color:#fed65a; } .timeline .timeline-icon.red { background:#EF6F66; } .timeline .timeline-icon.green { background:#39B6AE; } .timeline .timeline-icon.blue { background:#56C9F5; } .timeline .timeline-icon.purple { background:#8074C6; } .timeline .timeline-icon.light-green { background:#A8D76F; } .timeline .timeline-icon.yellow { background:#fed65a; } .timeline .timeline-icon { border-radius:50%; -webkit-border-radius:50%; display:block; height:30px; width:30px; text-align:center; color:#fff; } .timeline .timeline-icon i { margin-top:9px; } .timeline-item.alt .timeline-icon { left:auto; right:-60px; } .timeline .time-icon:before { font-size:16px; margin-top:5px; } .timeline .timeline-date { left:-245px; position:absolute; text-align:right; top:12px; width:150px; display:none; } .timeline-item.alt .timeline-date { left:auto; right:-245px; text-align:left; display:none; } .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:14px; margin-bottom:0; color:#999; } .timeline-desk a { color:#1fb5ad; } .timeline-desk .panel { margin-bottom:5px; } .timeline-desk .album { margin-top:20px; } .timeline-item.alt .timeline-desk .album { margin-top:20px; float:right; } .timeline-desk .album a { margin-right:5px; float:left; } .timeline-item.alt .timeline-desk .album a { margin-left:5px; float:right; } .timeline-desk .notification { background:none repeat scroll 0 0 #FFFFFF; margin-top:20px; padding:8px; } .timeline-item.alt .panel { margin-left:0; margin-right:45px; } .mbot30 { margin-bottom:30px; } .timeline-item.alt h1,.timeline-item.alt p { text-align: right; } /*---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; } /*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.fa-facebook,.social-footer ul li.active a i.fa-facebook { color:#486eac; } .social-footer ul li a:hover i.fa-twitter,.social-footer ul li.active a i.fa-twitter { color:#58c9f3; } .social-footer ul li a:hover i.fa-google-plus,.social-footer ul li.active a i.fa-google-plus { color:#4a4a4a; } .social-footer ul li a:hover i.fa-pinterest,.social-footer ul li.active a i.fa-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-4,.fontawesome-icon-list .col-md-3,.fontawesome-icon-list .col-xs-6 { margin-bottom:10px; } .fontawesome-icon-list .page-header { border-bottom:1px solid #C9CDD7; } .fontawesome-icon-list a { color:#797979; } .fontawesome-icon-list a:hover { color:#35404D; } .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-nav { margin:15px -15px 0 -15px; } .mail-nav li a { border-radius:0; -webkit-border-radius:0; border-top:1px solid #f2f3f6; padding:15px; border-right:3px solid rgba(0,0,0,0); } .mail-nav>li>a:hover,.mail-nav>li>a:focus { background:#fafafa; color:#1fb5ad; border-right:3px solid #1fb5ad; } .mail-nav>li.active>a,.mail-nav>li.active>a:hover,.mail-nav>li.active>a:focus { background:#fafafa; color:#1fb5ad; border-right:3px solid #1fb5ad; } .mail-nav>li+li { margin-left:0; margin-top:0px; } .mail-nav i { font-size:16px; margin-right:10px; } .inbox-notification { margin-top:-2px; } .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:#1fb5ad; padding:12px 0; text-align:center; width:100%; color:#fff; } .btn-compose:hover,.btn-compose:focus { background:#1ca59e; color:#fff; } ul.inbox-nav { display:inline-block; width:100%; margin:0; padding:0; } .inbox-divider { border-bottom:1px solid #d5d8df; } .inbox-action { margin-top:50px; } .src-position { margin-top:-7px; } .mail-src-position { margin-top:-3px; } ul.labels-info { border-bottom:1px solid #f1f2f7; margin-bottom:10px; } 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-top:5px; color:#5c5c5e; font-size:15px; text-transform:uppercase; } ul.labels-info li { margin:0; } ul.labels-info li a { color:#6a6a6a; border-radius:0; padding-left:0; padding-right:0; } ul.labels-info li a:hover,ul.labels-info li a:focus { color:#6a6a6a; background:none; } 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; } .wht-bg { background:#fff; } .wht-bg h4 { font-size:24px; color:#a2a2a2; font-weight:300; } .table-inbox-wrap { margin:0 -15px; } .mail-checkbox { margin-right:10px; } .table-inbox { margin:0; } .table-inbox tr td { padding:12px !important; } .table-inbox tr td:first-child { width:5%; } .table-inbox tr td:first-child .icheckbox_minimal { margin-left:15px; } .table-inbox tr td:hover { cursor:pointer; } .table-inbox tr td .fa-star.inbox-started,.table-inbox tr td .fa-star:hover { color:#f78a09; } .table-inbox tr td .fa-star { color:#d5d5d5; } .table-inbox tr.unread td { font-weight:600; background:#f7f7f7; } .table-inbox tr.unread a { color: #32323a; } .table-inbox tr a { color: #767676; } ul.inbox-pagination { float:right; } ul.inbox-pagination li { float:left; } .pagination li a { color: #32323a; } .mail-option { display:inline-block; margin-bottom:10px; width:100%; } .mail-option .chk-all { float:left; } .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; } .compose-mail { width: 100%; display: inline-block; position: relative; margin-top: 20px; } .compose-mail .compose-options { color: #979797; cursor: pointer; display: inline-block; font-size: 14px; position: absolute; right: 10px; top: 7px; } .compose-mail input, .compose-mail input:focus { border:none; padding: 0; width: 80%; float: left; } .compose-mail .form-group { border:1px solid #F2F3F6; display: inline-block; width: 100%; margin-bottom: 0; } .compose-mail .form-group label { line-height: 34px; width: 10%; float: left; padding-left: 5px; margin-bottom: 0; } .compose-editor input { margin-top: 15px; } .compose-editor { margin-bottom: 15px; display: inline-block; width: 100%; } .compose-btn { float: left; margin-top: 6px; } .mail-header h4 { font-weight: 300; } .mail-sender, .attachment-mail { width: 100%; display: inline-block; margin: 20px 0; border-top:1px solid #EFF2F7 ; border-bottom:1px solid #EFF2F7 ; padding: 10px 0; } .mail-sender img { width: 30px; border-radius: 3px; -webkit-border-radius: 3px; } .mail-sender .date { line-height: 30px; margin-bottom: 0; text-align: right; } .view-mail a, .attachment-mail a:hover { color: #35bcb5; } .attachment-mail a{ color: #32323a; } .attachment-mail ul li { float: left; width: 200px; margin-right: 15px; margin-top: 15px; list-style: none; } .attachment-mail ul li a.atch-thumb img { width: 200px; height: 180px; margin-bottom: 10px; } .attachment-mail ul li a.name span { float: right; color: #767676; } /*404 page*/ .body-404 { background:#35bcb5; color:#fff; } .error-head { background:#fff; height:280px; } .error-wrapper { text-align:center; } .error-wrapper h1 { font-size:90px; font-weight:300; margin:-141px 0 0 0; text-align:center; } .error-wrapper h2 { font-size:58px; font-weight:300; margin:0; text-transform:uppercase; } .error-desk { background:rgba(0,0,0,0.05); margin-top:-27px; padding:30px 0; } .error-wrapper p,.error-wrapper p a { font-size:18px; font-weight:300; margin:0; } .error-wrapper p.nrml-txt { color:#03f1e4; font-size:40px; margin:0; } .back-btn,.back-btn:hover { border:1px solid rgba(255,255,255,.5); padding:10px 15px; margin-top:100px; display:inline-block; border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:16px; font-weight:300; } .back-btn:hover { background:#fff; color: #02a9a0; } /*500 page*/ .body-500 { background:#a48ad4; color:#fff; } .error-wrapper p.page-500 { color:#afa5f1; } .body-500 .back-btn:hover { background:#fff; color:#a48ad4; } .error-wrapper p.nrml-txt-alt { color:#fff; font-size:34px; margin:0; text-transform:uppercase; } .sp-link,.sp-link:hover { color:#ffef3b; text-decoration:underline; } .sp-link:hover { text-decoration: none; } /*profile*/ .profile-information .profile-pic img { width:160px; height:160px; border-radius:50%; -webkit-border-radius:50%; border:10px solid #f1f2f7; margin-top:20px; } .profile-information .profile-desk { border-right:1px solid #ddd; padding-right:30px; } .profile-information .profile-desk h1 { color:#1fb5ad; font-size:24px; font-weight:bold; margin-bottom:0; } .profile-information .profile-desk span,.profile-information .profile-desk p { padding-bottom:25px; display:inline-block; } .profile-information .profile-statistics h1 { color:#757575; font-size:24px; font-weight:400; margin-bottom:5px; } .profile-information .profile-statistics p { margin-bottom:15px; display:inline-block; } .profile-information .profile-statistics ul { margin-top:10px; } .profile-information .profile-statistics ul li { float:left; margin-right:10px; list-style: none; } .profile-information .profile-statistics ul li a { background:#f6f6f6; text-align:center; border-radius:50%; -webkit-border-radius:50%; width:30px; height:30px; line-height:30px; float:left; } .profile-information .profile-statistics ul li a:hover { color: #1fb5ad; } /*-----*/ .profile-nav .user-heading { 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-nav .user-heading h1 { font-size:20px; font-weight:300; margin-bottom:5px; } .profile-nav .user-heading p { font-size:16px; color:#8b8b8b; line-height:25px; } .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:#89817f; } .profile-nav ul>li>a:hover,.profile-nav ul>li>a:focus,.profile-nav ul li.active a { background:#f8f7f5 !important; color:#89817f !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; } .r-activity { margin:6px 0 0; font-size: 12px; } /*-----*/ .recent-act { border-collapse:collapse; border-spacing:0; display:table; position:relative; table-layout:fixed; width:100%; } .recent-act:before { background-color:#eeeeee; bottom:0; content:""; left:50%; position:absolute; top:50px; width:2px; z-index:0; } .recent-act h1 { text-align:center; color:#1fb5ad; font-size:16px; font-weight:bold; text-transform:uppercase; } .activity-icon.terques { background:#8fd6d6; } .activity-icon.red { background:#EF6F66; } .activity-icon.purple { background:#bda4ec; } .activity-icon.green { background:#aec785; } .activity-icon.yellow { background:#fed65a; } .activity-icon { border-radius:50%; -webkit-border-radius:50%; color:#FFFFFF; height:30px; line-height:30px; text-align:center; width:30px; margin:20px auto 20px; position:relative; } .activity-icon { background:#C7CBD6; } .activity-desk { padding:5px 30px; background:#f2f2f2; border-radius:5px; -webkit-border-radius:5px; position:relative; } .activity-desk h2 { color:#1fb5ad; font-size:14px; font-weight:bold; margin:0 0 10px 0; text-transform:uppercase; } .activity-desk .terques { color:#1fb5ad; } .activity-desk .red { color:#EF6F66; } .activity-desk .purple { color:#bda4ec; } .activity-desk .green { color:#aec785; } .activity-desk .yellow { color:#fed65a; } .activity-desk .blue { color:#20aaf1; } .photo-gl { margin-top:10px; display:inline-block; } .photo-gl a { margin:0 10px; } .photo-gl a img { border:1px solid #c8c8c8; width:150px; height:120px; } .prf-box { display:inline-block; width:100%; margin-bottom:30px; } .prf-border-head { color:#1fb5ad; border-bottom:1px solid #f1f2f7; font-size:16px; font-weight:bold; padding-bottom:10px; margin-bottom:20px; text-transform:uppercase; } .wk-progress { border-bottom:1px solid #f1f2f7; margin-bottom:20px; width:100%; display:inline-block; } .pf-status { padding-bottom:25px; } .tm-avatar img { width:50px; height:50px; border-radius:50%; -webkit-border-radius:50%; } .tm-membr { padding-bottom:12px; margin-bottom:10px; } .tm-membr .tm { padding-top:10px; display:inline-block; padding-left: 10px; } /*profile contact*/ .prf-contacts h2 { color:#1fb5ad; font-size:16px; margin-top:0; text-transform:uppercase; } .prf-contacts h2 span { width:40px; height:40px; line-height:42px; background:#1fb5ad; color:#fff; border-radius:50%; -webkit-border-radius:50%; display:inline-block; text-align:center; margin-right:15px; } .prf-contacts h2 span i { font-size:16px; } .prf-contacts .location-info { margin-left:60px; } .prf-contacts .location-info p { padding-bottom:30px; } .prf-map { width:430px; height:430px; border-radius:50%; -webkit-border-radius:50%; border:10px solid #e6e6e6; margin-top:50px; } .sttng h2 { margin: 20px 0; } /*invoice*/ .invoice p { color:#aeaeb1; margin-bottom: 0; } .logo-print { float: left; margin:-50px 0 0 250px; } .invoice-header { border:1px solid #ddd; display:inline-block; width:100%; margin-bottom:40px; } .invoice-title { background:#1fb5ad; color:#fff; display:inline-block; } .inv-label { color:#1fb5ad; } .itatic { font-style:italic; } .inv-label h3 { font-weight:300; } ul.amounts li.grand-total { background:#1fb5ad; color:#fff; font-weight:bold; } .amnt-value,.table-invoice h4 { margin:0; font-weight:400; } .invoice-title h1 { font-size:50px; font-weight:lighter; text-align:center; margin:0; text-transform:uppercase; padding:5px; letter-spacing:2px; } .invoice-list { margin-bottom:30px; } .invoice-info,.invoice-title { padding:20px; } .invoice-info { margin-top:5px; } .invoice-list h4 { font-weight:300; font-size:16px; } .invoice-to h2 { margin:0; font-size:24px; color:#73737b; font-weight:600; } .table-invoice { margin-top:30px; border-spacing:5px; border-collapse:separate; } .table-invoice>thead>tr>th { border-bottom:none; } .table-invoice>tbody>tr>td { border-top:none; } .table-invoice thead tr th { background:#e8e9f0; border-radius:5px; -webkit-border-radius:5px; vertical-align:middle; } .table-invoice thead tr th:first-child,.table-invoice tbody tr td:first-child { text-align:center; } .table-invoice tbody tr td { background:#f5f6f9; border-radius:5px; -webkit-border-radius:5px; vertical-align:middle; } .invoice-block { text-align:right; } .payment-method p { margin-bottom:0; } ul.amounts li { background:#f5f6f9; margin-bottom:5px; padding:10px; border-radius:4px; -webkit-border-radius:4px; font-weight:300; font-size:16px; list-style: none; } .invoice-btn { margin-top:30px; } .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; } .no-border { border-bottom:none; } .dataTables_length,.dataTables_filter { padding:15px 0 15px 0; } .dataTables_info { padding:0 15px; } .dataTables_filter { float:right; } .dataTables_length select { width:65px; padding:5px 8px; } .dataTables_length label,.dataTables_filter label { font-weight:300; } .dataTables_filter label { width:100%; } .dataTables_filter label input { width:78%; } .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; list-style: none; } .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; } .dataTable tr:last-child { border-bottom: 1px solid #ddd; } /*calender*/ .has-toolbar.fc { margin-top:50px; } .fc-header-title { display:inline-block; margin-top:-45px; vertical-align:top; } .fc-header-center { text-align:left; } .fc-header-left { text-align:left; width:18%; } .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-active,.fc-button-today .fc-button-inner,.fc-state-hover,.fc-state-hover .fc-button-inner { background:#32323A !important; color:#fff !important; } .fc-event-skin { background-color:#1FB5AD !important; border-color:#1FB5AD !important; color:#FFFFFF !important; } .fc-grid th { height:50px; line-height:50px; text-align:center; background:#e4e4e4 !important; } .fc-header-title h2 { font-size:18px !important; color:#474752; font-weight:300; padding:0 10px; } .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-button-content { position: relative; float: left; height: 1.9em; line-height: 1.9em; padding: 0 !important; white-space: nowrap; } .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:10px; } .progress-sm { height:12px; } .panel-heading .nav { border:medium none; font-size:13px; margin:-15px -15px -15px; } .tab-bg-dark-navy-blue ul>li>a { display:block; padding:20px 15px !important; } .tab-bg-dark-navy-blue { background:#e0e1e7 !important; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-bottom:none; } .tab-bg-dark-navy-blue li a:hover, .tab-bg-dark-navy-blue li.active a { border-radius: 0 !important; background: #fff !important; color: #1FB5AD !important; } .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:#898989; } .panel-heading .nav>li.active>a,.panel-heading .nav>li>a:hover { color:#1fb5ad; background:#fff; } .panel-heading .nav>li:first-child.active>a,.panel-heading .nav>li:first-child>a:hover { border-radius:4px 0 0 0 !important; -webkit-border-radius:4px 0 0 0 !important; } .tab-right { height:58px; } .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:#333; 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.bucket-form .form-group { border-bottom:1px solid #eff2f7; padding-bottom:15px; margin-bottom:15px; } .form-horizontal.bucket-form .form-group:last-child { border-bottom:none; padding-bottom:0px; margin-bottom:0px; } .form-horizontal.bucket-form .form-group .help-block { margin-bottom:0; } .round-input { border-radius:500px; -webkit-border-radius:500px; } .m-bot15 { margin-bottom:0px; } .margin10 { height:10px; clear:both; } .margin15 { height:15px;clear:both; } .margin20 { height:20px;clear:both; } .margin30 { height:30px;clear:both; } .form-horizontal.bucket-form .checkbox-inline>input { margin-top:1px; border:none; } .btn.btn-info.dropdown-toggle { border-left: 1px solid #1fadea; } /*custom checkox & radio btn*/ .icheck div,.icheck .disabled { float:left; } .icheck div { margin-right:10px; } .icheck label { font-weight:normal; } .icheck .checkbox,.icheck .radio { margin-bottom:10px; } .icheck .single-row { display:inline-block; width: 100%; } /*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*/ .slider-table tr td { padding:30px 0 !important; border: none !important; } /*date picker*/ .add-on { float:right; margin-top:-37px; padding:3px; text-align:center; } .add-on .btn { padding:9px; } .daterangepicker .ranges .range_inputs>div:nth-child(2) { margin-bottom:10px; padding-left:0px; } .daterangepicker .ranges label { padding-bottom:0; padding-top:8px; } .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:#41CAC0; } .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; } .bootstrap-timepicker table td input { border:1px solid #ccc; border-radius:3px; -webkit-border-radius: 3px; } /*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 { display:block; padding: 0; } /*widget*/ .user-heading.alt { display:inline-block; width:100%; text-align:left; } .alt.gray-bg { background:#474751; } .terques-bg { background:#1fb5ad; } .profile-nav.alt.green-border ul>li>a:hover i { color:#1fb5ad; } .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:85px; height:85px; 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:40px 10px 10px; position:relative; min-height:170px; } .corner-ribon { text-align:center; width:71px; height:71px; position:absolute; right:0; top:0; font-size:20px; } .corner-ribon i { padding:10px 0 0 35px; color:#fff; } .blue-ribon { background:url("../images/twitter_corner_blue.png") no-repeat; } .black-ribon { background:url("../images/twitter_corner_black.png") no-repeat; } .twt-feed.blue-bg { background:#58C9F3; } .twt-feed h1 { font-size:18px; font-weight:300; margin-bottom:5px; } .twt-feed a { border-radius:50%; -webkit-border-radius:50%; float:left; margin:0 10px; } .twt-feed a img { height:85px; width:85px; border-radius:50%; -webkit-border-radius:50%; } .twt-category { display:inline-block; margin-bottom:11px; margin-top:10px; width:100%; } .twt-feed .wtt-mark { color:rgba(255,255,255,0.15); font-size:160px; position:absolute; top:10px; left:40%; } .twt-category ul li { color:#bdbdbd; font-size:13px; } .twt-category h5 { font-size:18px; font-weight:400 !important; } .twt-write .t-text-area { background:#f4f4f6; border-radius:4px; -webkit-border-radius:4px; border:none; height:40px; color:#c9c9c9; margin-bottom:20px; padding-top:10px; } .twt-footer { padding:12px 15px; } .twt-footer,.twt-footer a { color:#d2d2d2; } .twt-footer i { padding-right:10px; } .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;*/ } .feed-box { position:relative; } .feed-box img { border-radius:50%; -webkit-border-radius:50%; width:85px; height:85px; } .feed-box h1 { font-size:20px; color:#8b8b8b; font-weight:400; } .feed-box a { color:#3ac7f9; } .profile-nav .user-heading.clock-row { padding:20px; } .clock-row { text-transform:uppercase; min-height:170px; } ul.clock-category { padding:15px 0; } ul.clock-category li { display:inline-block; width:24%; text-align:center; border:none; } ul.clock-category li a span { display:block; line-height:normal; } ul.clock-category li a i { font-size:30px; padding-right:0; } ul.clock-category li a:hover,ul.clock-category li a.active { color:#1fb5ad !important; background:none !important; } ul.clock-category li a:hover i,ul.clock-category li a.active i { color:#1fb5ad !important; } .clock-row h1 { font-size:22px !important; font-weight:400 !important; letter-spacing:1px; margin:0 0 5px 0!important; letter-spacing:1px; } .clock-row p { font-size:18px; font-weight:300; color:#fff !important; margin:0; } .wdgt-row { text-align:center !important; } .wdgt-row i { font-size:50px; } .wdgt-value h1 { color:#c7cbd6; font-size:30px; font-weight:400; margin:0; } .wdgt-value p { color:#c7cbd6; font-size:14px; font-weight:300; margin:0; } .red-bg { background:#fa8564; } .purple-bg { background:#9466b5; color:#fff; } .weather-box { float:left; width:100%; } .weather-box .symbol { border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; padding:61px 15px; width:50%; float:left; text-align:center; } .weather-box .symbol i { font-size:70px; text-shadow:-5px 6px 5px rgba(0,0,0,0.3); } .weather-box .value { float:right; width:50%; text-align:center; padding:33px 0; font-size:14px; color:#bdbdbd; } .weather-box .value i { font-size:20px; } .wdgt-row,.prd-img { position:relative; } .wdgt-row img { width:100%; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; } .wdt-head { text-transform:uppercase; font-size:16px; font-weight:400; text-shadow:0 0 3px rgba(0,0,0,0.8); color:#fff; position:absolute; left:20px; bottom:15px; } .country-select { position:absolute; top:10px; right:10px; } .weather-full-info { color:#cbcbcb; } .weather-full-info h1 { font-size:14px; font-weight:600; margin:0 0 10px 0; text-transform:uppercase; } .weather-full-info h2 { font-size:14px; font-weight:300; margin:0 0 5px 0; } .weather-full-info .today-status i { font-size:40px; color:#1fb5ad; } .weather-full-info .degree { font-size:30px; font-weight:600; display:inline-block; padding-left:20px; } .weather-full-info .degree:after { content:"o"; position:relative; top:-12px; font-size:16px; } .weather-full-info ul { margin-bottom:0; } .weather-full-info ul li { display:inline-block; width:16%; text-align:center; border-left:1px solid #f1f2f7; } .weather-full-info ul li i { font-size:25px; } .weather-full-info .statistics { padding-top:5px; } .weather-full-info .statistics:after { content:"o"; position:relative; top:-5px; font-size:10px; } .prd-row { position:relative; } .btn-add-cart { bottom:9px; padding:12px; position:absolute; right:15px; } .prd-row img { width:100%; } .prd-row .action { width:100px; height:45px; position:absolute; bottom:10px; right:-35px; background:rgba(0,0,0,0.5); border-radius:5px; -webkit-border-radius:5px; } .prd-row .action .part1 { width:50%; float:left; text-align:center; line-height:45px; color:#fff; font-size:18px; } .yellow-bg-prd { background:#ffdd00; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; } .prd-row h1 { font-size:24px; font-weight:400; color:#5f6165; margin:5px 0; } .prd-row p { margin:0; color:#bfc2c4; } .prd-row p.normal { color:#bfc2c4; } .prd-row p.terques { color:#1fb5ad; } .prd-row .price { margin-top:20px; margin-bottom:20px; } .prd-row .price .amnt { color:#1fb5ad; font-size:25px; font-weight:600; } .prd-row .price .amnt:after { content:".00"; position:relative; top:-10px; font-size:12px; } .clock-place { margin:-76px auto 0; } .btn-gap button { margin-right: 10px; } /*custom select*/ span.customSelect { font-size:12px; background-color:#ffffff; padding:6px 10px; border:1px solid #EAEAEA; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; color:#A4AABA; text-align:left; } span.customSelect.changed { background-color:#fff; } .customSelectInner { background: url(../images/customSelect-arrow.gif) no-repeat center right; } /*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 h3 { margin-bottom:30px; color:#1fb5ad; font-size:16px; text-transform:uppercase; background:#fff; padding:20px; margin-top:-3px; position:relative; } .timeline-messages:before { background:rgba(0,0,0,0.05); bottom:0; top:0; width:2px; } .timeline-messages:before,.msg-time-chat:before,.msg-time-chat .text:before { content:""; left:20px; 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 #949496 !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:25px; 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:25px; width:0; } .msg-time-chat:first-child:before { margin-top:27px; } .msg-time-chat:before { background:#CCCCCC; border:2px solid #FAFAFA; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; height:16px; margin:35px 0 0 -7px; width:16px; } .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:50px; display: inline-block; } .msg-time-chat .msg-in .text { /*border:1px solid #e3e6ed;*/ /*padding:10px;*/ border-radius:4px; -webkit-border-radius:4px; margin-top:14px; } .msg-time-chat .msg-in .text .first { background:#949496; padding:10px; color:#fff; float:left; border-radius:4px; -webkit-border-radius:4px; margin-right:5px; width:108px; text-align:right; } .msg-time-chat .msg-in .text .second { background:#8fd6d6; padding:10px; color:#fff; float:left; 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; } .bg-terques { background:#8fd6d6 !important; } .bg-red { background:#ffa991 !important; } .bg-purple { background:#bda4ec !important; } .bg-green { background:#aec785 !important; } .bg-yellow { background:#fed65a !important; } .bg-blue { background: #99cce3 !important; } /*boxed page */ .boxed-page { background-color:#000 !important; } .box-head { background:none; } .boxed-page .container { background:#32323A; padding-left:0; padding-right:0; } .boxed-page>.container { overflow:hidden; } .boxed-page .container #sidebar { position:inherit; } .boxed-page .container .header .container { background:#fff; } .boxed-page .container aside { float:left; } .boxed-page .container .wrapper { background:#F1F2F7; min-height:900px; } .boxed-page .brand { margin-left: 0; } /*collapsible*/ .tools a { margin-left:10px; color:#a7a7a7; font-size: 12px; } /* google maps */ .gmaps { height:300px; width:100%; } .ullist { border-bottom:#ccc 1px solid; margin-left:20px; } .ullist li { display:inline-block; margin-left:5px; } .ullist li a { display:inline-block; padding:10px 20px !important; border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; background:#f1f1f1; } .ullist li.active a { background:#fff; border-bottom:#fff 1px solid; position:relative; top:1px; margin-bottom: -1px; } /* star rating */ .rating { unicode-bidi:bidi-override; direction:rtl; font-size:30px; } .rating span.star,.rating span.star { font-family:FontAwesome; font-weight:normal; font-style:normal; display:inline-block; } .rating span.star:hover,.rating span.star:hover { cursor:pointer; } .rating span.star:before,.rating span.star:before { content:"\f006"; padding-right:5px; color:#BEC3C7; } .rating span.star:hover:before,.rating span.star:hover:before,.rating span.star:hover ~ span.star:before,.rating span.star:hover ~ span.star:before { content:"\f005"; color: #41CAC0; } /*ckEditor*/ #editor-container { width:100%; margin:10px auto 0; } #header-editor { overflow:hidden; padding:0 0 30px; border-bottom:1px solid #eaeaea; position:relative; } #headerLeft,#headerRight { width:100%; overflow:hidden; } #headerLeft { float:left; padding:10px 1px 1px; } #headerLeft h2,#headerLeft h3 { margin:0; overflow:hidden; font-weight:normal; font-family:'Open Sans',sans-serif; } #headerLeft h2 { font-size:2.6em; line-height:1.1em; text-transform:capitalize; color:#32323a; margin-bottom:30px; } #headerLeft h3 { font-size:1.5em; line-height:1.1em; margin:.2em 0 0; color:#32323a; } #headerRight { float:right; padding:1px; } #headerRight p { line-height:1.8em; text-align:justify; margin:0; } #headerRight p+p { margin-top:20px; } #headerRight>div { padding:20px 0; margin:0; font-size:1.1em; color:#757575; } #columns { color:#757575; overflow:hidden; padding:20px 0; } #columns h3 { color:#32323a; } #columns>div { float:left; width:33.3%; } #columns #column1>div { margin-left:1px; } #columns #column3>div { margin-right:1px; } #columns>div>div { margin:0px 10px; padding:10px 0; } #columns blockquote { margin-left:15px; } #taglist { display:inline-block; margin-left:20px; font-weight:bold; margin:0 0 0 20px; } .cke_editable.cke_editable_inline.cke_focus { background:#fcfcfc; border:1px solid #eaeaea; cursor:text; outline: medium none; } /*advanced table*/ .general-table .progress { margin-bottom:0; } .adv-table table tr td { padding:10px; } .adv-table table.display thead th { border-bottom:1px solid #DDDDDD; padding:10px; } tr.odd.gradeA td.sorting_1,tr.odd td.sorting_1,tr.even.gradeA td.sorting_1 { background:none; } td.details { background-color:#eee; } td.details table tr td,.dataTable tr:last-child { border:none; } .adv-table table.display tr.odd.gradeA { background-color:#F9F9F9; } .adv-table table.display tr.even.gradeA { background-color:#FFFFFF; } .adv-table .dataTables_filter label input { float:right; margin-left:10px; width:78%; } .adv-table .dataTables_filter label { line-height:33px; width:100%; } .adv-table .dataTables_length select { display:inline-block; margin:0 10px 0 0; padding:5px 8px; width:65px; } .adv-table .dataTables_info,.dataTables_paginate { padding:15px 0; } .adv-table .dataTables_length,.adv-table .dataTables_filter { padding:15px 0; } .cke_chrome { border:none !important; } .editable-table .dataTables_filter { width:80%; } tr.odd.gradeX td.sorting_1,tr.even.gradeX td.sorting_1,table.display tr.even.gradeX,table.display tr.gradeX,tr.even.gradeU td.sorting_1,tr.even td.sorting_1,table.display tr.even.gradeC,table.display tr.gradeC,tr.odd.gradeC td.sorting_1,table.display tr.even.gradeU,table.display tr.gradeU,tr.odd.gradeU td.sorting_1 { background: none !important; } /*flot chart*/ .flot-chart .chart,.flot-chart .pie,.flot-chart .bars { height: 300px; } /*xchart*/ .demo-xchart { height:400px; width: 100%; } /*Horizontal menu*/ .full-width #main-content { margin-left:0; } .horizontal-menu { margin-top:18px; float:left; } .horizontal-menu .navbar-nav>li { margin-right:5px; } .horizontal-menu .navbar-nav>li>a { padding:10px 20px; border-radius:30px; -webkit-border-radius:30px; -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; } .horizontal-menu>.navbar-nav>li>.dropdown-menu { margin-top:23px; box-shadow:0 0 5px rgba(0,0,0,0.1) !important; border:none; } .full-width .navbar-header { width:100%; } .full-width .nav>li>a:hover,.full-width .nav li.active a,.full-width .nav li.dropdown a:hover,.full-width .nav li.dropdown.open a:focus,.full-width .nav .open>a,.full-width .nav .open>a:hover,.full-width .nav .open>a:focus { background-color:#1FB5AD; text-decoration:none; color:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-radius:30px; -webkit-border-radius:30px; } .full-width .dropdown-menu { box-shadow:none; } .full-width .dropdown-menu>li>a { padding:10px 20px; font-size: 13px; } .horizontal-menu .dropdown-menu>li>a { padding:10px 20px; font-size: 13px; margin: 5px 10px; } /*advanced form*/ .form-body { padding: 20px; } /*multiselect*/ .ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover { background-color:#2A3542; color:#FFFFFF; cursor:pointer; text-decoration:none; } .ms-container .ms-list,.ms-container .ms-list.ms-focus { box-shadow:none !important; } .ms-container .ms-list.ms-focus { border:1px solid #2A3542; } .ms-selectable .search-input,.ms-selection .search-input { margin-bottom: 10px; } /*spinner*/ .spinner-buttons.btn-group-vertical .btn { height:17px; margin:0; padding-left:6px; padding-right:6px; text-align:center; width:22px; } .spinner-buttons.btn-group-vertical .btn i { margin-top:-3px; } .spinner-buttons.btn-group-vertical .btn:first-child { border-radius:0 4px 0 0 !important; -webkit-border-radius:0 4px 0 0 !important; } .spinner-buttons.btn-group-vertical .btn:last-child { border-radius:0 0 4px !important; -webkit-border-radius: 0 0 4px !important; } /**/ .wysihtml5-toolbar .btn-default { background:#fff; color: #757575; } /*lock screen*/ .lock-screen { background: #1FB3A3 url("../images/lock-screen.jpg") no-repeat fixed 0 0 / cover; } .lock-wrapper { margin:10% auto; max-width:500px; } .lock-box { position:relative; } .lock-name { background:#fff; width:50%; float:left; height:50px; line-height:50px; margin-top:55px; padding:0 20px; text-align:left; border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; color:#1fb5ad; } .lock-pwd { background:#fff; width:50%; float:right; height:50px; line-height:50px; margin-top:55px; padding:0 0 0 80px; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; color:#1fb5ad; } .lock-pwd input { width:72% !important; margin-top:6px; color:#626f81; } .lock-pwd input:focus,.lock-pwd input:hover { border-color:#fff; } .lock-wrapper img { position:absolute; left:33%; border-radius:50%; -webkit-border-radius:50%; border:10px solid #fff; width:160px; height:160px; background: #fff; } .lock-wrapper .locked { margin-bottom:20px; display:inline-block; color:#026f7a; } .btn-lock,.btn-lock:hover { background:#fff; color:#626f81; margin-top:-8px; } .lock-input { width:83%; border:none; float:left; margin-right:3px; } #time { width:100%; color:#fff; font-size:125px; margin-bottom:50px; display:inline-block; text-align:center; font-family:'Lato',sans-serif; font-weight: 100; } /*language*/ .language { margin-top:4px; } .language .dropdown-menu { border:none; box-shadow:0 0 5px rgba(0,0,0,0.1) !important; margin-top: 18px; } .language .dropdown-menu li a { /*border-bottom:1px solid #eee;*/ padding:10px; } .language .dropdown-menu li:last-child a { border-bottom:none; } .language .dropdown-menu li a { font-size:13px; padding:10px; } .language .dropdown-menu li a:hover { background:#F1F2F7; color:#32323a; } .language-menu { margin-top:15px !important; padding:0; } .lang-arrow-up { background:url("../images/top-arrow.png") no-repeat; width:18px; height:10px; margin-top:-15px; float:right; margin-right: 15px; } /*breadcrumbs-alt*/ .breadcrumbs-alt { list-style-type:none; margin:0px 0 20px; overflow:hidden; padding:0; width:100%; } .breadcrumbs-alt li { float:left; margin:0 25px 0 0; transition:all 0.3s ease-in-out 0s; } .breadcrumbs-alt a:before { border-color:#E0E1E7 #E0E1E7 #E0E1E7 rgba(0,0,0,0); border-style:solid; border-width:1.5em 0 1.7em 1em; content:""; left:-1em; margin-top:-1.6em; position:absolute; top:50%; transition:all 0.3s ease-in-out 0s; } .breadcrumbs-alt a:after { border-bottom:1.5em solid rgba(0,0,0,0); border-left:1em solid #E0E1E7; border-top:1.5em solid rgba(0,0,0,0); content:""; margin-top:-1.5em; position:absolute; right:-1em; top:50%; transition:all 0.3s ease-in-out 0s; } .breadcrumbs-alt a { background:#E0E1E7; color:#444444; float:left; font-size:12px; padding:10px; position:relative; text-decoration:none; transition: all 0.3s ease-in-out 0s; } /*active and hover*/ .breadcrumbs-alt a:hover:before,.breadcrumbs-alt a.current:before { border-color:#1FB5AD #1FB5AD #1FB5AD rgba(0,0,0,0); border-style:solid; border-width:1.5em 0 1.7em 1em; content:""; left:-1em; margin-top:-1.6em; position:absolute; top:50%; transition:all 0.3s ease-in-out 0s; } .breadcrumbs-alt a:hover:after,.breadcrumbs-alt a.current:after { border-bottom:1.5em solid rgba(0,0,0,0); border-left:1em solid #1FB5AD; border-top:1.5em solid rgba(0,0,0,0); content:""; margin-top:-1.5em; position:absolute; right:-1em; top:50%; transition:all 0.3s ease-in-out 0s; } .breadcrumbs-alt a:hover,.breadcrumbs-alt a.current { background:#1FB5AD; color:#fff; float:left; font-size:12px; padding:10px; position:relative; text-decoration:none; transition: all 0.3s ease-in-out 0s; } /*footer*/ .footer-section { background:#32323A; color:#fff; padding:10px 0; /*position:fixed;*/ bottom:0; width:100%; margin-top:30px; } .go-top { margin-right:1%; float:right; background:rgba(0,0,0,.4); width:25px; height:25px; border-radius:2%; -webkit-border-radius:2%; } .go-top i { color:#fff; font-size:18px; padding-top:2px; } .site-min-height { min-height: 900px; } /*pricing table*/ .price-head { padding:10px 0 50px; } .price-head h1 { font-size:32px; font-weight:normal; color:#1fb5ad; } .pricing-table { background:#F1F2F7; text-align:center; padding:0 0 25px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .pricing-table.most-popular { position:relative; } .most-popular { background:#f1f2f7; color:#7d7d7d; } .most-popular .pricing-head { background:#1fb5ad; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; position:relative; height:170px; } .most-popular .pricing-quote,.most-popular ul li i { color:#1fb5ad; } .most-popular ul li { } .most-popular .price-actions .btn { background:#1fb5ad !important; cursor:pointer; } .pricing-table .price-actions .btn { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#7d7d7d; color:#fff; border:none; box-shadow:none; text-shadow:none; padding:10px 20px; cursor:pointer; } .pricing-head { background:#7d7d7d; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; position:relative; height:170px; } .pricing-head h1 { font-size:24px; font-weight:300; padding-top:30px; color:#fff; text-transform:uppercase; } .pricing-quote { background:#fff; padding:22px 0; color:#7d7d7d; font-size:45px; font-weight:100; width:150px; height:150px; border-radius:50%; -webkit-border-radius:50%; margin:-85px auto; z-index:100; position:relative; } .pricing-quote:after { width:170px; height:170px; border-radius:50%; -webkit-border-radius:50%; border:10px solid rgba(255,255,255,0.5); margin:-85px auto; z-index:100; position:absolute; content:""; left:-10px; top:75px; } .pricing-table ul { margin:120px 0 50px; padding:0; } .pricing-table ul li { margin:0 2em; padding:1em 0; text-align:left; font-weight:300; } .pricing-table ul li i { margin-right:10px; } .pricing-quote span.note { display:inline; font-size:18px; line-height:0.8em; position:relative; top:-18px; } .pricing-quote p { font-size:16px; color:#d2d2d6; } .pricing-quotation,.team-info { background:#EEEEEE; padding:20px 20px 35px 20px; margin-bottom:100px; display:inline-block; width:100%; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .pricing-quotation h3,.team-info h3 { font-weight:300; } .pricing-quotation p,.team-info p { margin-bottom:0px; } .pricing-plan,.team-info-wrap { position:relative; } .pricing-quotation:before,.team-info:before { background-color:#EEEEEE; border-color:#EEEEEE; border-image:none; border-right:1px solid #EEEEEE; border-style:none; top:-7px; content:""; display:block; height:14px; left:48%; position:absolute; transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); width: 15px; } /*dragable portlet*/ .sortable .panel .panel-heading { cursor: move; } /*switch btn*/ .has-switch span.switch-left,.has-switch span.switch-right { border-radius:40px; -webkit-border-radius: 40px; } /*toggle style*/ .toggle-heading h3 { font-size:16px; margin:0 0 10px 0; /*border-bottom:1px solid #ddd;*/ padding-bottom:10px; font-weight:300; } /*tags input*/ .tagsinput { height:40px !important; min-height:41px !important; margin:0 !important; overflow:auto !important; padding:5px !important; } div.tagsinput span.tag { background:none repeat scroll 0 0 #CDE69C !important; border:0 none !important; color:#638421 !important; margin-bottom:4px !important; padding:5px 6px !important; } .hd-title { font-size:16px; margin: 10px 0; } /*DASHBOARD -jaman*/ .main-chart { width:100%; height:265px; } #flotTip { background:#fff; border:#ccc 1px solid; padding:10px; } #legendcontainer26 { padding:10px 0px; } #legendcontainer26 .legendColorBox { padding-right:5px; } #legendcontainer26 .legendColorBox div { border-radius:100% !important; } .widget-h { color:#afaebc; font-size:16px; text-transform:uppercase; margin:0px 0px 10px 0px; text-align:center; } .gauge-canvas { text-align:center; } .gauge-value { color:#fa8564; font-size:16px; font-weight:bold; padding-left:20px; } .gauge-title { color:#ccc; font-size:14px; padding-right:20px; } .gauge-meta { margin:0px; padding-top:7px; list-style: none; padding-left: 0; } .daily-visit { text-align:center; } .daily-visit-spark { padding:10px 0px; } .sm-pie .legendColorBox { padding-right:5px; } .sm-pie .legendColorBox>div { border:#fff 0px solid !important; } .sm-pie .legendColorBox div { border-radius:100% !important; } .epie-chart { position:relative; display:inline-block; width:80px; height:80px; text-align:center; } .epie-chart canvas { position:absolute; top:0; left:0; } .percent { display:inline-block; line-height:80px; z-index:2; } .pc-epie-chart { position:relative; display:inline-block; width:50px; height:50px; text-align:center; } .pc-epie-chart canvas { position:absolute; top:0; left:0; } .pc-epie-chart .percent { display:inline-block; line-height:50px; z-index:2; font-size:10px; color:#5bc6f0; } .percent:after { content:'%'; margin-left:0.1em; font-size:.8em; } .chart-meta { margin:0px; padding-left: 0; list-style: none; } .visit-chart-value { font-size:18px; color:#3acdc7; font-weight:600; padding-top:10px; } .visit-chart-title { font-size:16px; padding-top:10px; color:#ccc; } .visit-chart-title i { color:#3acdc7; } .top-stats-panel { min-height:164px; } .top-stats-panel .sm-pie { margin-top:30px; } .sm-pie { height:100px; width:100%; display:block; } .target-sell { height:40px; width:100%; display:block; } .side-graph-info { float:left; padding-top:7px; padding-bottom:7px; padding-left:15px; } .side-mini-graph { float:right; width:70px; margin-right:10px; text-align:center; } .side-graph-info.payment-info { padding-top:10px; } .monthly-stats { -webkit-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px; margin:-15px -15px 15px -15px; padding:15px; } .monthly-stats.pink { background-color:#9972b5 !important; ; } .sparkline { text-align:center; } .monthly-stats h4 { color:#fff; font-weight:normal; text-transform:uppercase; margin:0px; padding:5px 0px 10px 0px; } .circle-sat ul { text-align:center; } .circle-sat ul li { display:inline-block; } .circle-sat ul li span { display:block; text-transform:uppercase; } .left-stat-label span,.right-stat-label span { display:block; } .left-stat-label { text-align:right; font-size:11px; position:relative; top:10px; padding-right:10px; } .right-stat-label { text-align:left; font-size:11px; position:relative; top:10px; padding-left:10px; } .left-stat-label .sell-percent { color:#f9a10c; font-size:14px; } .right-stat-label .sell-percent { color:#36d8c0; padding-top:30px; font-size:14px; } .spark-bar-label span { display:block; color:#bbb; } .bar-label-value { font-size:20px; color:#666 !important; } .prospective-spark-bar { margin:0px; padding-left: 0; } .prospective-spark-bar li { padding:20px 0px 20px 0px; list-style: none; } .jqstooltip:after { top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(136,183,213,0); border-top-color:rgba(0,0,0,0.6); border-width:4px; margin-left:-4px; } .stat-btn { padding:3px; background-color:#eee6f5; border-radius:3px; height:24px; color:#cab1d9; } .stat-btn:hover { background-color:#422c50; color:#cab1d9; } .stat-btn.active { background-color:#422c50; color:#cab1d9; } .region-earning-stats { text-align:center; color:#6d6d6d; text-transform:uppercase; padding:40px 30px; font-family:'Open Sans',sans-serif; font-weight:600; } .region-earning-stats span { display:block; color:#b0c781; font-size:20px; } .location-earning-stats { text-align:center; font-family:'Open Sans',sans-serif; font-weight:600; margin-bottom:30px; padding-left: 0; } .location-earning-stats li { padding:0px 15px; } .location-earning-stats li { display:inline-block; text-transform:uppercase; font-size:12px; } .location-earning-stats li span { display:block; font-size:14px; } .stat-divider { border-right:#dadada 1px dashed; } .vector-stat { height:150px; margin-top:20px; } .alert-icon { width:40px; height:40px; display:inline-block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } .alert-icon i { width:40px; height:40px; display:block; text-align:center; line-height:40px; font-size:20px; color:#fff; } .notification-info { margin-left:56px; margin-top:-40px; } .notification-meta { margin-bottom:3px; padding-left: 0; list-style: none; } .notification-info p { margin:0px; color:#999; font-size:12px; } .alert-info .alert-icon { background-color:#99cce3; } .alert-danger .alert-icon { background-color:#fcb1ae; } .alert-success .alert-icon { background-color:#98d7ad; } .alert-warning .alert-icon { background-color:#ffe699; } .notification-sender { color:#414147; } .notification-time { font-style:italic; color:#999; } .alert-info .notification-info a { color:#45a2c9; } .alert-danger .notification-info a { color:#fb6f6b; } .alert-success .notification-info a { color:#42b663; } .alert-warning .notification-info a { color:#e6cb76; } .alert-info.bucket-notification { background-color:#eef7fd; } .alert-danger.bucket-notification { background-color:#fef3f2; } .alert-success.bucket-notification { background-color:#eef8f8; } .alert-warning.bucket-notification { background-color: #fff7e1; } /*=Chat=*/ .conversation-list { list-style: none; padding-left: 0; } .conversation-list li { margin-bottom:24px; } .conversation-list .chat-avatar { width:40px; display:inline-block; text-align:center; float:left; } .conversation-list .chat-avatar i { font-size:12px; font-style:normal; } .conversation-list .ctext-wrap i { display:block; font-style:normal; font-weight:bold; position:relative; font-size:12px; color:#2cb9b3; } .conversation-list .conversation-text { display:inline-block; font-size:12px; float:left; margin-left:12px; width:70%; } .conversation-list .ctext-wrap { padding:10px; background:#d5f2ef; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative; display:inline-block; } .conversation-list .ctext-wrap p { margin:0px; padding-top:3px; } .conversation-list .ctext-wrap:after { right:100%; top:20%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(213,242,239,0); border-right-color:#d5f2ef; border-width:5px; margin-top:-5px; } .conversation-list .odd .chat-avatar { float:right !important; } .conversation-list .odd .conversation-text { width:70% !important; margin-right:12px; text-align: right; float:right !important; } .conversation-list .odd .ctext-wrap { background:#eeeef2 !important; } .conversation-list .odd .ctext-wrap i { color:#acacac; } .conversation-list .odd .ctext-wrap:after { left:100% !important; top:20% !important; border-color:rgba(238,238,242,0)!important; border-left-color:#eeeef2!important; } .chat-send { padding-left:0px; } .chat-send button { width: 100%; } /*=Event Calendar=*/ .event-calendar { background:#1fb5ac; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; min-height:474px; } .calendar-block { float:right !important; -webkit-border-radius:0 5px 5px 0px; -moz-border-radius:0 5px 5px 0px; border-radius:0 5px 5px 0px; background:#fff; min-height:474px; z-index: 1000; } .event-list-block { -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px; } .calendar-block .clndr { margin:40px 0; } .calendar-block .clndr { margin:40px 0; } .calendar-block .clndr-controls { margin:45px 0px !important; } .calendar-block .day-contents { width:30px; margin:auto; } .today .day-contents { width:30px; background:#1fb0ab; cursor:pointer; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .calendar-block .day-contents:hover { width:30px; background:#1fb0ab; cursor:pointer; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .event-list { padding-left: 0; } .event-list li { background:rgba(255,255,255,.2); padding:10px 30px 10px 10px; color:#fff; margin-bottom:5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative; list-style: none; } .event-close { display:inline-block; font-size:20px; color:#fff; position:absolute; right:4px; top:8px; } .cal-day { font-size:30px; font-weight:300; text-transform:uppercase; color:#fff; padding-top:15px; padding-bottom:30px; } .cal-day span { font-size:14px; display:block; } .evnt-input,.evnt-input:focus { background:none; border:none; border-bottom:#fff 1px solid; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; color:#fff; padding-left:0px; margin-top:10px; } .widget-head { position:relative; } .widget-collapse { width:20px; height:20px; display:block; text-align:center; position:absolute; right:10px; } .widget-collapse i { width:20px; height:20px; display:block; text-align:center; line-height:20px; font-size:8px; } .mini-stat { background:#fff; padding:20px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom:20px; } .mini-stat-icon { width:50px; height:50px; display:inline-block; line-height:48px; text-align:center; font-size:30px; background:#eee; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; float:left; margin-right:10px; color:#fff; } .mini-stat-info { font-size:12px; padding-top:2px; } .mini-stat-info span { display:block; font-size:24px; font-weight:600; } .orange { background:#fa8564 !important; } .tar { background:#1fb5ac !important; } .mini-stat .green { background:#aec785 !important; } .pink { background:#a48ad4 !important; } .yellow-b { background: #fdd752 !important; } /*== Weather Widget ==*/ .weather-widget { background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom:20px; padding:12px 15px; } .weather-info { margin:0px; } .weather-info li { font-size:14px; color:#ccc; list-style: none; } .weather-icon { margin-right:10px; padding-right:10px; } .weather-icon canvas { margin-top:15px; } .weather-cent span { font-size:30px; font-weight:700; color:#aec785; } .weather-cent span:after { content:"o"; font-size:16px; position:relative; top:-15px; } .bar-stats { height:80px; margin-top:20px; border-bottom:#aec785 2px solid; position:relative; } .progress-stat-bar { padding-left:10px; } .progress-stat-bar li { height:78px; width:20px; background:#f1f1f1; position:relative; margin-right:5px; float:left; list-style: none; } .progress-stat-percent { background:#aec785; display:block; position:absolute; bottom:0px; left:0px; width:100%; } .bar-legend { position:absolute; top:0px; right:0px; padding-left: 0; } .bar-legend li { font-size:11px; margin-bottom:5px; list-style: none; } .bar-legend-pointer { height:10px; width:10px; display:inline-block; position:relative; top:1px; margin-right:5px; } .bar-legend-pointer.green { background:#AEC785; } .daily-sales-info { color:#ccc; } .daily-sales-info span { display:inline-block; } .daily-sales-info span.sales-count { font-size:18px; color:#aec785; font-weight:600; } .daily-sales-info { padding-top:6px; } .daily-sales-info span.sales-label { position:relative; top:-2px; } .todo-title { margin-right:70px; } .to-do-list { padding-left: 0; } .to-do-list li { background:#f3f3f3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative; padding:13px; margin-bottom:5px; cursor:move; list-style: none; } .to-do-list li p { margin-bottom:0px; } .todo-actionlist { position:absolute; right:15px; top:13px; } .todo-actionlist a { height:24px; width:24px; display:inline-block; float:left; } .todo-actionlist a i { height:24px; width:24px; display:inline-block; text-align:center; line-height:24px; color:#ccc; } .todo-actionlist a:hover i { color:#666; } .todo-done i { font-size:14px; } .todo-remove i { font-size:10px; } .line-through { text-decoration:line-through; } .todo-action-bar { margin-top:20px; } .drag-marker { height:17px; display:block; float:left; width:7px; position:relative; top:2px; } .drag-marker i { height:2px; width:2px; display:block; background:#ccc; box-shadow:5px 0 0 0px #ccc,0px 5px 0 0px #ccc,5px 5px 0 0px #ccc,0px 10px 0 0px #ccc,5px 10px 0 0px #ccc,0px 15px 0 0px #ccc,5px 15px 0 0px #ccc; -webkit-box-shadow:5px 0 0 0px #ccc,0px 5px 0 0px #ccc,5px 5px 0 0px #ccc,0px 10px 0 0px #ccc,5px 10px 0 0px #ccc,0px 15px 0 0px #ccc,5px 15px 0 0px #ccc; -moz-box-shadow: 5px 0 0 0px #ccc,0px 5px 0 0px #ccc,5px 5px 0 0px #ccc,0px 10px 0 0px #ccc,5px 10px 0 0px #ccc,0px 15px 0 0px #ccc,5px 15px 0 0px #ccc; } /* To-Do Check*/ .to-do-list li .todo-check input[type=checkbox] { visibility:hidden; } .todo-check { width:20px; position:relative; margin-right:10px; margin-left:10px; } .todo-check label { cursor:pointer; position:absolute; width:20px; height:20px; top:0; left:0px; -webkit-border-radius:2px; border-radius:2px; border:#ccc 1px solid; } .todo-check label:after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; position:absolute; width:13px; height:8px; background:transparent; top:3px; left:3px; border:3px solid #cfcfcf; border-top:none; border-right:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); } .todo-checklabel:hover::after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.3; } .todo-check input[type=checkbox]:checked+label:after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; } .btn-todo-select button,.btn-add-task button { width:100%; font-size: 12px; } .todo-search-wrap { padding:0px; } .todo-search { -moz-border-radius:3px !important; -webkit-border-radius:3px !important; border-radius:3px !important; } .side-mini-stat { padding:10px 0 !important; } .notification-pie-chart { position:relative !important; display:block; height:50px; width:50px; } .notification-pie-chart .pie-percent,.notification-pie-chart .percent { width:50px !important; height:50px !important; display:block; line-height:52px !important; text-align:center; margin-left:0px !important; padding-left:0px !important; position:absolute; top:0px; font-size:11px !important; font-weight:normal !important; color:#666; } .legendLabel { padding-bottom:3px; } .notification-pie-chart .percent:after { content:'%'; margin-left:0.1em; font-size:.8em; } .first-city { color:#7bd0d1; } .second-city { color:#c5cc73; } .third-city { color:#e47578; } .top-menu .dropdown-menu:after,.top-menu .dropdown-menu:before { bottom:100%; left:9%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .top-menu .dropdown-menu:after { border-color:rgba(255,255,255,0); border-bottom-color:#ffffff; border-width:7px; margin-left:-7px; } .top-menu .dropdown-menu:before { border-color:rgba(238,238,238,0); border-bottom-color:#eeeeee; border-width:8px; margin-left:-8px; } .pull-right.top-menu .dropdown-menu:after,.pull-right.top-menu .dropdown-menu:before { bottom:100%; left:90%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .pull-right.top-menu .dropdown-menu:after { border-color:rgba(255,255,255,0); border-bottom-color:#ffffff; border-width:7px; margin-left:-7px; } .pull-right.top-menu .dropdown-menu:before { border-color:rgba(238,238,238,0); border-bottom-color:#eeeeee; border-width:8px; margin-left: -8px; } .clickableRow:hover{cursor:pointer; color:#428bca;} /*Chart JS*/ .chartJs { width:100%; display:block; } #gmap-list,#gmap-tabs { height:490px; } #graph-area-line>svg,#graph-bar>svg { width:100% !important; } .task-info .desc p { padding-bottom:0px !important; } .task-info .desc h5 { padding-top:8px; } .evnt-input:-moz-placeholder { color:#fff !important; font-size:12px; } .evnt-input::-moz-placeholder { color:#fff !important; font-size:12px; } .evnt-input:placeholder { color:#fff !important; font-size:12px; } .evnt-input::-webkit-input-placeholder { color:#fff !important; font-size: 12px; } #map-canvas{ margin-top: 40px; width:400px; height:400px; webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:#eee 10px solid; } .gear-settings{ width: 35px; height: 35px; -webkit-border-radius: 0 30% 0 0; -moz-border-radius: 0 30% 0 0; border-radius: 0 30% 0 0;} .gear-settings i{ width: 35px; height: 35px; display: inline-block; text-align: center; line-height: 33px; font-size: 18px; position: relative; color: #BFBFC1; } .gear-settings:hover i{ color: #666; } .theme-switcher{ width: 228px; padding-left: 7px; border: #eee 1px solid; position: fixed; top: -240px; right:-1px; z-index:1000; background: #fff; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition: all .3s ease-in-out; } .show-switcher{ right: -1px; top:80px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition: all .3s ease-in-out; } .theme-switcher h6{ padding: 10px 10px 0px 10px; margin: 0px; } .color-list{ padding: 5px; } .select-layout{ padding: 10px; } .select-layout li a, .layout-option li a, .layout-option li .btn { border-radius: 3px; font-size: 12px; padding: 3px 10px; margin-right: 5px; } .color-list li{ width: 24px; height: 24px; display: inline-block; float: left; margin: 5px; } .theme-color { cursor:pointer; } .default-theme { background-color:#1FB5AD; } .blue-theme { background-color:#38bbeb; } .green-theme { background-color:#8ebf4e; } .orange-theme { background-color:#fea352; } .purple-theme { background-color:#9488dd; } .turquoise-theme { background-color: #6ccac9; } .fixed-width{ background: #aeaeae; } .fixed-width #container{ width: 90%; margin: auto; overflow: hidden !important; position: relative; } .fixed-width #container .header{ width: 90%; left: auto; right: auto; } .fixed-width #main-content{ background: #F1F2F7;} .fixed-width #container #sidebar{ position: absolute; } /*gallery*/ .media-filter { float: left; margin: 10px 0; padding-left: 0; } .media-filter li{ float: left; margin-right: 10px; list-style: none; } .media-filter li a{ background: #e6e6e6; padding: 5px 10px; border-radius: 4px; -webkit-border-radius: 4px; } .media-filter li a:hover, .media-filter li a:focus{ background: #1FB5AD; color: #fff; } .media-gal { float: left; width: 100%; margin-top: 20px; } .media-gal .item { float: left; } .media-gal .item { margin-bottom: 1%; margin-right: 1%; width: 233px; padding: 10px; border: 1px solid #ddd; } .media-gal .item p { margin-bottom: 0; margin-top: 10px; text-align: center; } .media-gal .item img { height: 200px; width: 100%; } .img-modal img{ width: 100%; margin-bottom: 10px; } /* Start: Recommended Isotope styles */ /* Isotope Filtering */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /*Isotope CSS3 transitions */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /*disabling Isotope CSS3 transitions */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .nopadding { padding: 0 !important; margin: 0 !important; } .table-bordered img{ border-radius:25%; -moz-border-radius:25%; -webkit-border-radius:25%; } .profile-photo{ background-position: center center; background-repeat: no-repeat; background-size: contain; border-radius: 5px; height: 150px; width: 150px; margin-bottom: 20px; } .profile-photo.edit {width:80px; height:80px;} .ads_image{ background-position: right center; background-repeat: no-repeat; background-size: contain; border-radius: 5px; height: 200px;} .banner-image{ background-position: center top; background-repeat: no-repeat; background-size: contain; border-radius: 5px; height: 200px; width: 100%; margin-bottom: 20px; } .banner-image.edit {width:80px; height:80px;} .newrow>td{font-weight: bold;} .new_symbol{padding: 1px 4px; font-size: smaller;} .scroller{overflow:hidden;} .notification_dropdown{ max-height:350px; font-size:11px;} #reportrange { background: none repeat scroll 0 0 #fff; border: 1px solid #ddd; cursor: pointer; margin-top: 15px; padding: 5px 10px; } .recipients_box ul{ margin:0 !important; border-radius:4px; -mox-border-radius:4px; -ms-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; } .fc-today{ background-color:#F5FFFC !important;} .form-group .control-label{text-align: right;} .action-bar{ text-align:right;} .panel-body h3{color: #1FB5AD;text-transform: uppercase; font-size:20px; margin: 10px 0 10px;} .panel-body h4{ border-bottom:1px solid #e1e1e1; padding-bottom:10px; margin: 20px 0 20px; color: #1FB5AD;text-transform: uppercase;} .thumb_box { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 40px; width: 75px; border-radius: 5px; } .td_thumb{padding:1px !important; text-align:center;} .td_thumb a{ margin:0; padding:0; display:inline-block; } .label-right{ text-align:right !important;} h4 .nomargin{ margin-top:0px!important; margin-bottom:10px !important;} @media print { .no-print, .no-print * { display: none !important; visibility: hidden !important; position: absolute !important; } } @media print{@page {size:15in 11in; margin:0px;}} @media print { a[href]:after { content: ""; } } form>select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .select-bacground{ background-color: #f2f2f2; } .vertical{ writing-mode:tb-rl !important; /* -webkit-transform:rotate(180deg) !important; -moz-transform:rotate(180deg) !important; -o-transform: rotate(180deg) !important; -ms-transform:rotate(180deg) !important; white-space:nowrap !important; display:block !important; bottom:0 !important; */ } .session-table thead > tr > th {padding:0 !important;} .vertical { display: block !important; margin: auto; transform: rotate(-180deg); white-space: nowrap !important; width: 22px; margin-bottom: 4px; writing-mode: vertical-rl !important; } .show-more a{ padding: 10px; color: #ffffff; background-color: #286090; border-color: #122b40; display: inline-block; margin: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; cursor: pointer; } .hideContent { overflow: hidden; line-height: 1em; height: 0em; width: 80%; } .showContent { line-height: 1em; height: auto; } .cke_contents{ height: 600px !important; } #cke_1_contents{ height: 600px !important; } .image_controller img{ height: 328px; } .lb-sm { font-size: 12px; } .lb-md { font-size: 14px; } .lb-lg { font-size: 20px; } .report-timeline{ width: auto; height: auto; margin: 0; } .report-timeline .well{ background-color: #fff !important; } .report-timeline .well h4{ text-align: center; font-size: 14px; margin: 0 !important; } .report-timeline .well span{ color: #000; text-align: center; display: block; font-size: 18px; margin: 2px; } .content-tab .active_tab{ position: relative; } .content-tab .active_tab a{ color:#fff; } .content-tab a{ letter-spacing: 0.4px; font-family: 'proxima_nova_rgregular'; } .content-tab{ border: 1px solid #e4e4e4; } .content-tab li .menu-item-title{ float: left; width: calc(100% - 36px); font-family: sans-serif; font-weight: 400; } .content-tab .active_tab:after{ content:""; clear:both; display: block; background: url(../images/active_icon.png) no-repeat right center; position: absolute; top: 0; bottom: 0; right: -13px; z-index: 9; width: 50px; height: 100%; } .content-tab li{ position: relative; border-bottom: 1px solid #d7d0d0; } .status-option{ background: #e4f6fe; width:41px; height:41px; border-radius: 50%; line-height: 41px; text-align: center; display: block; margin: 0px auto; } ul.days{ display: block; max-width: 280px; background: #fff; margin-top: 7px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); padding: 20px 0px !important; } ul.days li{ display: block; padding: 5px 15px; } .addition{ margin-top: 0px; max-width:280px; max-width: 100%; } ul.days .day_limit{ display: block; width:61px; height:61px; border-radius: 50%; line-height: 61px; text-align: center; margin: 10px auto; color:#fff; font-weight: 600; } .warnging{ background: #ff9900; } .danger{ background: #ff0000; } .success{ background: #548d30; } .well{ border-radius: 0px; padding: 15px 10px; } .user-info-bg{ padding-top: 25px; margin-right: 15px; } .user-info-bg:after{ clear: both; display: table; content:""; } .user-info-bg h4{ padding-bottom: 10px; font-size: 20px; margin-top: 3px; } .user-info-bg .users-list{ margin-top: 7px; margin-bottom: 7px; background-color:#568f32; padding: 15px 0px; color:#fff; } .well .form-group{ margin-bottom: 0px; } .client-info-bg{ background: #535353; color: #fff; margin-right: 15px; } .our-projects-history{ display: block; margin: 0px auto; background: #fff; margin-top: 7px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); padding: 15px 0px !important; margin-bottom: 25px; padding:0px!important; min-height: 425px; } .our-projects-history:after{ clear: both; display: table; content:""; } .our-projects-history li{ list-style: disc; line-height: 1.8; } .our-projects-history li a{ color:#515151; font-size: 14px; list-style: none; } .progress-label{ color:#32d2c9; } .complete-label{ color:#558e31; } .projects_list{ padding: 0px 10px ; } .spacer{ margin-top: 25px; margin-bottom: 25px; } .pending-status-label{ display: block; margin-bottom: 0px; width: 100%; background: #535353; font-size: 25px; line-height: 46px; clear: both; max-width: 280px; text-align: center; } .danger-alert{ color: #ff0000; font-size: 16px; float: right; margin-right:3px; } .progress-label{ color: #32d2c9; padding: 5px 0px 0px 0px; min-height: 44px; font-size: 15px; margin-bottom: 5px; } .complete-label{ color: #558e31; padding: 5px 0px 0px 0px; min-height: 44px; font-size: 15px; margin-bottom: 5px; } #add_quote{ max-width: 100%; } .status-label{ width: 68px; display: block; line-height: 13px; border-radius: .25em; } .action-button{ width: 72px; } .list-icon{ width: 24px; }