/*------------------------------------------ Template Name: AdminEx Dashboard Author: ThemeBucket -------------------------------------------*/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); @import url('bootstrap.min.css'); @import url('bootstrap-reset.css'); @import url('jquery-ui-1.10.3.css'); @import url('../fonts/css/font-awesome.min.css'); body { background: #003082; font-family: 'Open Sans', sans-serif; color: #545252; line-height: 16px; overflow-x: hidden; font-size: 13px; } input, select, textarea { font-family: 'Open Sans', sans-serif; color: #767676; } a { color: #e58236; } a:focus, a:active, a:hover { outline: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #353F4F; } h1, h2, h3, h4, h5 { font-family: 'Open Sans', sans-serif; } .mtop10 { margin-top: 10px; } hr { border-color: #ddd; } /*------------------------------- LOGIN STYLES -------------------------------*/ .login-body { width: 100%; height: 100%; background: linear-gradient( #ff9b00, #292929); background-attachment: fixed; } .form-signin { max-width: 330px; margin: 100px auto; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; } .form-signin .form-signin-heading { margin: 0; padding: 25px 15px; text-align: center; color: #fff; position: relative; } .sign-title { font-size: 24px; color: #fff; position: absolute; top: -60px; left: 0; text-align: center; width: 100%; text-transform: uppercase; } .form-signin .checkbox { margin-bottom: 14px; font-size: 13px; } .form-signin .checkbox { font-weight: normal; color: #fff; font-weight: normal; font-family: 'Open Sans', sans-serif; position: absolute; bottom: -50px; width: 100%; left: 0; } .form-signin .checkbox a, .form-signin .checkbox a:hover { color: #fff; } .form-signin .form-control, .input-gris { 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, .input-gris: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 #eaeaec; background: #eaeaec; box-shadow: none; font-size: 12px; } .form-signin .btn-login { background: #000; color: #ffaf00; text-transform: uppercase; font-weight: normal; font-family: 'Open Sans', sans-serif; margin: 20px 0 5px; padding: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size: 30px; } .form-signin .btn-login:hover { background: #688ac2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .form-signin p { text-align: left; color: #727272; /*#b6b6b6;*/ font-size: 16px; font-weight: normal; } .form-signin a, .form-signin a:hover { color: #6bc5a4; } .form-signin a:hover { text-decoration: underline; } .login-wrap { padding: 20px; position: relative; } .registration { color: #c7c7c7; text-align: center; margin-top: 15px; } /*--------------------------------- LEFT SIDE ----------------------------------*/ .left-side { width: 240px; position: absolute; top: 0; left: 0; } .sticky-left-side { position: fixed; height: 100%; overflow-y: auto; z-index: 100; } .sticky-left-side .custom-nav { margin-top: 90px; /*50px;*/ } .left-side-collapsed .sticky-left-side { overflow-y: visible; } .logo { padding-top: 5px; height: 50px; } .logo a { font-size: 28px; color: #fff; margin: 0 0 0 20px; text-decoration: none; display: inline-block; } .logo-icon { display: none; } .left-side-collapsed .logo-icon { height: 45px; margin-top: -48px; display: block !important; } .left-side-inner { padding: 0px; margin-bottom: 50px; } .left-side .searchform { display: none; } .left-side .searchform::after { content: ''; display: block; clear: both; } .left-side .searchform input { padding: 10px; width: 90%; margin: 0 0 20px 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: none; } .left-side .logged-user { padding: 0 0 15px 12px; margin: 0 0 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none; } .left-side .logged-user .media-object { width: 45px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; } .left-side .logged-user .media-body { margin-left: 60px; color: #d7d7d7; } .left-side .logged-user .media-body h4 { font-size: 15px; margin: 5px 0 0 0; } .left-side .logged-user .media-body h4 a { color: #fff; } .left-side .logged-user .media-body span { font-style: italic; font-size: 11px; opacity: 0.5; } .custom-nav { margin-bottom: 10px; } .custom-nav > li > a { color: #fff; padding: 12px 20px; border-radius: 0; -webkit-border-radius: 0; } .custom-nav > li > a:hover, .custom-nav > li > a:active { background-color: #002461; color: #00C3B2; border-radius: 0; -webkit-border-radius: 0; } .custom-nav > li.menu-list > a { background: transparent url(../images/plus-white.png) no-repeat 93% center; } .custom-nav > li.menu-list > a:hover { background-color: #011C49; background-image: url(../images/plus.png); } .custom-nav > li.nav-active > a { background-color: #011D4C; background-image: url(../images/minus.png); color: #00C3B2; } .custom-nav > li.nav-active > ul{ display: block; } .custom-nav > li.nav-active > a:hover { background-image: url(../images/minus.png); } .custom-nav > li.active > a, .custom-nav > li.active > a:hover, .custom-nav > li.active > a:focus { background-color: #353f4f; color: #00C3B2; } .custom-nav > li.menu-list.active > a { background-image: url(../images/plus.png); } .custom-nav > li.nav-active.active > a { background-image: url(../images/minus.png); } .custom-nav > li.nav-active.active > a:hover { background-image: url(../images/minus.png); } .custom-nav li .fa { font-size: 16px; vertical-align: middle; margin-right: 10px; width: 16px; text-align: center; } .custom-nav .sub-menu-list { list-style: none; display: none; margin: 0; padding: 0; background: #02235A; } .custom-nav .sub-menu-list > li > a { color: #fff; font-size: 13px; display: block; padding: 10px 5px 10px 50px; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .custom-nav .sub-menu-list > li > a:hover, .custom-nav .sub-menu-list > li > a:active, .custom-nav .sub-menu-list > li > a:focus { text-decoration: none; color: #00C3B2; background: #011D4C; } .custom-nav .sub-menu-list > li .fa { font-size: 12px; opacity: 0.5; margin-right: 5px; text-align: left; width: auto; vertical-align: baseline; } .custom-nav .sub-menu-list > li.active > a { color: #65CEA7; background-color: #2A323F; } .custom-nav .sub-menu-list ul { margin-left: 12px; border: 0; } .custom-nav .menu-list.active ul { display: block; } /*------------------------------------------ LEFT SIDE COLLAPSE -------------------------------------------*/ .left-side-collapsed .logo { display: none; } .left-side-collapsed .header-section { margin-left: 0px; } .left-side-collapsed .left-side { width: 52px; top: 52px; } .left-side-collapsed .left-side-inner { padding: 0; } h5.left-nav-title { margin-left: 10px; color: #fff; } .left-side-collapsed .custom-nav { margin: 2px 0 20px 0; } .left-side-collapsed .custom-nav li a { text-align: center; padding: 10px; position: relative; } .left-side-collapsed .custom-nav > li.menu-list > a { background-image: none; } .left-side-collapsed .custom-nav li a span { position: absolute; background: #00B0A1; padding: 10px; left: 52px; top: 0; min-width: 173px; text-align: left; z-index: 100; display: none; } .left-side-collapsed .custom-nav li a span:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #65CEA7; border-width: 6px; margin-top: -6px; } .left-side-collapsed .custom-nav li.active a span { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .left-side-collapsed .custom-nav ul, .left-side-collapsed .custom-nav .menu-list.nav-active ul { display: none; } .left-side-collapsed .custom-nav .menu-list.nav-hover ul { display: block; } .left-side-collapsed .custom-nav > li.nav-hover > a, .left-side-collapsed .custom-nav > li.nav-hover.active > a { background: #fff; color: #424F63; } .left-side-collapsed .custom-nav li.nav-hover a span { display: block; color: #fff; } .left-side-collapsed .custom-nav li.nav-hover.active a span { background: #65CEA7; color: #fff; } .left-side-collapsed .custom-nav li.nav-hover ul { display: block; position: absolute; top: 40px; left: 53px; margin: 0; min-width: 172px; background: #353F4F; z-index: 100; -moz-border-radius: 0 0 2px 0; -webkit-border-radius: 0 0 2px 0; border-radius: 0 0 2px 0; } .left-side-collapsed .custom-nav ul a { text-align: left; padding: 6px 10px; padding-left: 10px; } .left-side-collapsed .custom-nav ul a:hover { background: #2A323F; } .left-side-collapsed .custom-nav li a i { margin-right: 0; } .left-side-collapsed .main-content { margin-left: 52px; } .left-side-collapsed .left-side{ overflow: visible !important; } /*---------------------------- HEADER SECTION -----------------------------*/ .header-section { background: #fff; border-bottom: 1px solid #eff0f4; } .header-section::after { clear: both; display: block; content: ''; } .toggle-btn { width: 52px; height: 50px; font-size: 20px; padding: 15px; cursor: pointer; float: left; color: #8B95A6; border-right: 1px solid #e7e7e7; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .toggle-btn:hover { background: #00C3B2; color: #FFF; border-right-color: #FFAE00; } .searchform input { box-shadow: none; float: left; font-size: 14px; height: 35px; margin: 7px 0 0 10px; padding: 10px; width: 220px; } .searchform input:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #ddd; } .menu-right { float: right; margin-right: 15px; } .notification-menu { list-style: none; } .notification-menu > li { display: inline-block; float: left; position: relative; } .notification-menu > li > a > i { margin-top: 6px; } .notification-menu .dropdown-toggle { padding: 12px 10px; border-color: #fff; background: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; } .notification-menu .dropdown-toggle:hover, .notification-menu .dropdown-toggle:focus, .notification-menu .dropdown-toggle:active, .notification-menu .dropdown-toggle.active, .notification-menu .open .dropdown-toggle.dropdown-toggle { background: #003082; color: #00C3B2; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .notification-menu .dropdown-toggle img { vertical-align: middle; margin-right: 5px; width: 26px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .notification-menu .dropdown-toggle .caret { margin-left: 5px; } .notification-menu .dropdown-menu { border: 0; margin-top: 0px; -moz-border-radius: 2px 0 2px 2px; -webkit-border-radius: 2px 0 2px 2px; border-radius: 2px 0 2px 2px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 5px; } .notification-menu .dropdown-menu:after { border-bottom: 6px solid #00C3B2; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; right: 10px; position: absolute; top: -6px; } .notification-menu .dropdown-menu li { display: block; margin: 0; float: none; background: none; padding: 15px; } .notification-menu .dropdown-menu-usermenu li { padding: 0; } .notification-menu .dropdown-menu li a { color: #fff; font-size: 13px; padding: 7px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .notification-menu .dropdown-menu li a:hover { background: #00C3B2; color: #fff; } .notification-menu .dropdown-menu li i { font-size: 11px; margin-right: 5px; } .notification-menu .dropdown-menu-head { padding: 0; min-width: 300px; } .notification-menu .info-number { padding: 12px 15px; height: 50px; font-size: 16px; background: #fff; color: #333; border-color: #fff; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .notification-menu .dropdown-menu-usermenu { background: #00C3B2; min-width: 200px; } .notification-menu .dropdown-menu-head ul { border: 1px solid #ddd; border-top: 0; padding: 0; } .notification-menu .dropdown-menu-head li a { color: #333; padding: 0; opacity: 1; } .notification-menu .dropdown-menu-head li a:hover { background: none; color: #00C3B2 !important; text-decoration: none; } .notification-menu .btn-group { margin-bottom: 0; } .dropdown-list li { padding: 15px; overflow: hidden; border-bottom: 1px solid #eee; } .dropdown-list li:last-child { border-bottom: 0; } .dropdown-list .thumb { width: 36px; float: left; } .dropdown-list .thumb img { width: 100%; display: block; vertical-align: middle; } .dropdown-list .desc { margin-left: 45px; display: block; } .dropdown-list .desc h5 { font-size: 13px; margin-top: 7px; } .dropdown-list li:last-child { padding: 10px 15px; } .dropdown-list li .badge { float: right; } .user-list { width: 300px; } .user-list .progress { margin-bottom: 0; } .normal-list li a .label i { margin-right: 0; } .normal-list li a span.label { float: left; margin-right: 10px; padding: 5px; width: 20px; } .normal-list li a:hover { color: #65CEA7 !important; text-decoration: none; } .normal-list li .name { font-size: 13px; font-family: 'Arial' Helvetica, sans-serif; line-height: 21px; } .normal-list li .msg { font-size: 12px; line-height: normal; color: #999; display: block; } .info-number .badge { background: #FF6C60; border-radius: 2px; -webkit-border-radius: 2px; font-size: 10px; font-weight: normal; line-height: 13px; padding: 2px 5px; position: absolute; right: 4px; top: 10px; } /* ------------------------------ STICKY HEADER ---------------------------------*/ .sticky { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; } .sticky-header .logo { position: fixed; top: 0; left: 0; width: 240px; z-index: 100; background: #003082; } .sticky-header .left-side { /*top: 50px;*/ } .sticky-header .header-section { position: fixed; top: 0; left: 240px; width: 100%; z-index: 100; } .sticky-header .main-content { padding-top: 50px; } .sticky-header .menu-right { margin-right: 255px; } .sticky-header.left-side-collapsed .header-section { left: 52px; } .sticky-header.left-side-collapsed .menu-right { margin-right: 67px; } /* ----------------------- DROPDOWN --------------------------*/ .dropdown-menu-head { background: #fff } .dropdown-menu-head .title { background: #00C3B2; color: #fff; padding: 15px; text-transform: uppercase; font-size: 12px; margin: 0; } /*----------------------------- MAIN CONTENT ------------------------------*/ .main-content { margin-left: 240px; background: #F4F4F4; min-height: 1000px; } .page-heading { padding: 15px; position: relative; } .page-heading h3 { color: #003082; font-size: 25px; font-weight: normal; margin: 10px 0; } .page-heading .breadcrumb { padding: 0; margin: 0; background: none; } .page-heading .breadcrumb a { color: #999999; } .page-heading .breadcrumb li.active { color: #65CEA7; } .wrapper { padding: 15px; } .wrapper::after { clear: both; display: block; content: ''; margin-bottom: 30px; } /*------------------------- BOXED VIEW -------------------------*/ .boxed-view { background: #b6b7ba; } .boxed-view .container { position: relative; background: #424f63; padding: 0; } /*----------------------------------- HORIZONTAL PAGE VIEW -------------------------------------*/ .horizontal-menu-page { background: #EFF0F4; } .horizontal-menu-page .navbar { margin-bottom: 0; } .horizontal-menu-page .navbar-brand { padding: 5px 15px; min-height: 50px; } .horizontal-menu-page .navbar-default { background: #2b303b; border: none; border-radius: 0; } .horizontal-menu-page .navbar-default .navbar-nav > .active > a, .horizontal-menu-page .navbar-default .navbar-nav > .active > a:hover, .horizontal-menu-page .navbar-default .navbar-nav > .active > a:focus, .horizontal-menu-page .navbar-default .navbar-nav > .open > a, .horizontal-menu-page .navbar-default .navbar-nav > .open > a:hover, .horizontal-menu-page .navbar-default .navbar-nav > .open > a:focus, .horizontal-menu-page .navbar-default .navbar-nav > li > a:hover, .horizontal-menu-page .navbar-default .navbar-nav > li > a:focus { background-color: #48b0f7;/*#2582d7;*/ color: #fff; } .horizontal-menu-page .navbar-default .navbar-nav > li > a { color: #FFFFFF; font-size: 13px; } .form-group { background-color: #fff; position: relative; border: 1px solid rgba(0,0,0,.07); border-radius: 2px; overflow: hidden; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; padding: 7px 12px 4px; } .horizontal-menu-page .form-control, .input-gris { /*border: solid thin #ccc;*/ /*box-shadow: none;*/ /*width: 95%;*/ /*margin: 0 auto;*/ /*background-color:transparent;*/ border:none; overflow:hidden; transition:background-color .2s ease; padding:0; } .horizontal-menu-page .dropdown-menu { background-color: #2b303b; color: #fff; box-shadow: none; border: none; } .horizontal-menu-page .dropdown-menu > li > a { color: #fff; padding: 10px 20px; font-size: 12px; } .horizontal-menu-page .dropdown-menu > li > a:hover, .horizontal-menu-page .dropdown-menu > li > a:focus, .horizontal-menu-page .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background-color: #fff; color: #003082; text-decoration: none; } .horizontal-menu-page .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; } .horizontal-menu-page .navbar-default .navbar-toggle { border-color: #2A323F; } .horizontal-menu-page .navbar-default .navbar-toggle .icon-bar { background-color: #2A323F; } .horizontal-menu-page .navbar-default .navbar-toggle:hover, .horizontal-menu-page .navbar-default .navbar-toggle:focus { background-color: #FFFFFF; border-color: #FFFFFF !important; } .horizontal-menu-page .navbar-default .navbar-collapse, .horizontal-menu-page .navbar-default .navbar-form { border-color: #000; /*#2A323F;*/ } .horizontal-menu-page .dropdown-toggle img { border-radius: 2px; -webkit-border-radius: 2px; margin-right: 5px; vertical-align: middle; width: 18px; } /*------------------- TOOLS --------------------*/ .tools { margin: -7px -5px; } .tools a { background: #E3E4E8; border-radius: 3px; -webkit-border-radius: 3px; color: #858582; float: left; margin-left: 3px; padding: 10px; text-decoration: none; } .tools a:hover { background: #00C3B2; color: #fff; } /*-------------------------------- FOOTER CONTENT STYLES ---------------------------------*/ footer { background: #fff; padding: 15px; color: #7A7676; font-size: 12px; position: static; bottom: 0; width: 100%; border-top: 1px solid #eff0f4; } footer.sticky-footer { position: fixed; bottom: 0; width: 100%; z-index: 99; } .container footer { width: 79.5%; position: absolute; bottom: 0; } /*----------------------------------- HEADER STATISTICS STYLES -------------------------------------*/ .state-info { position: absolute; right: 15px; top: 20px; } .state-info .panel { float: right; margin-left: 15px; } .state-info .panel .summary { float: left; margin-right: 20px; } .state-info .panel .summary span { color: #49586e; font-size: 13px; font-weight: normal; text-transform: uppercase; } .state-info .panel .summary h3 { font-size: 20px; font-weight: bold; line-height: 20px; margin: 0; } .state-info .panel .summary h3.green-txt { color: #00C3B2; } .state-info .panel .summary h3.red-txt { color: #fc8675; } .chart-bar { float: right; margin-top: 5px; } /*----------------------------------- GENERAL STATISTICS STYLES -------------------------------------*/ .state-overview { color: #fff; } .state-overview .panel { padding: 35px 20px; } .state-overview .purple { background: #003082; box-shadow: 0 -5px 0 #FFAE00; } .state-overview .red { background: #FF7E00; box-shadow: 0 -5px 0 #FFAE00; } .state-overview .blue { background: #00A195; box-shadow: 0 -5px 0 #FFAE00; } .state-overview .green { background: #00C3B2; box-shadow: 0 -5px 0 #FFAE00; } .state-overview .symbol, .state-overview .state-value { display: inline-block; } .state-overview .symbol { width: 20%; /*35%;*/ } .state-overview .symbol i { font-size: 40px; } .state-overview .state-value { width: 75%; /*62%;*/ } .state-overview .state-value .value { font-size: 24px; font-weight: bold; margin-bottom: 5px; } .state-overview .state-value .title { font-size: 14px; } /*----------------------------------- MORE STATISTICS BOX -------------------------------------*/ .panel.deep-purple-box { background: #49586e; box-shadow: 0 5px 0 #424f63; color: #fff; } ul.bar-legend { list-style-type: none; margin-top: 55px; padding-left: 0px; } ul.bar-legend li { display: block; margin-bottom: 10px; } ul.bar-legend li span { float: left; margin-right: 10px; width: 20px; height: 20px; border-radius: 3px; -webkit-border-radius: 3px; } ul.bar-legend li span.blue { background: #5ab6df; } ul.bar-legend li span.green { background: #4bcacc; } ul.bar-legend li span.purple { background: #6a8bbe; } ul.bar-legend li span.red { background: #fb8575; } /*----------------------------------- REVENUE STATES STYLES -------------------------------------*/ .revenue-states h4 { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #49586e; } .revenue-states .icheck .single-row { float: left; width: auto; } .revenue-states .icheck .checkbox { padding-left: 0; margin-top: 0; } .revenue-states .icheck .checkbox label { font-size: 12px; } ul.revenue-nav { list-style-type: none; float: right; margin-top: 20px; padding: 0; } ul.revenue-nav li { display: inline-block; margin-left: 5px; } ul.revenue-nav li a { background: #4a596f; color: #fff; padding: 5px 10px; text-decoration: none; border-radius: 3px; text-transform: uppercase; font-size: 12px; } ul.revenue-nav li a:hover, ul.revenue-nav li a:focus, ul.revenue-nav li.active a { background: #00C3B2; color: #fff; } .revenue-chart { width: 100%; height: 300px; text-align: center; margin: 12px auto; } ul.revenue-short-info { list-style-type: none; padding: 0; } ul.revenue-short-info li { float: left; width: 25%; } ul.revenue-short-info li h1 { font-size: 18px; font-weight: lighter; margin-bottom: 0; } ul.revenue-short-info li p { font-size: 12px; color: #bdbdbd; } ul.revenue-short-info .red { color: #fb8575; } ul.revenue-short-info .blue { color: #3bcddd; } ul.revenue-short-info .green { color: #00C3B2; } ul.revenue-short-info .purple { color: #7ea8e1; } /*----------------------------------- GOAL PROGRESS STYLES -------------------------------------*/ ul.goal-progress { list-style-type: none; padding: 0; } ul.goal-progress li { display: inline-block; width: 100%; border-bottom: 1px dashed #dcdcdc; margin-bottom: 15px; padding-bottom: 15px; } ul.goal-progress li .prog-avatar { width: 40px; height: 40px; float: left; margin-right: 25px; } ul.goal-progress li .prog-avatar img { width: 100%; border-radius: 50%; -webkit-border-radius: 50%; } ul.goal-progress li .details { } ul.goal-progress li .title { margin-bottom: 10px; } ul.goal-progress li .title a { color: #6a8abe; } ul.goal-progress li .title a:hover { color: #00C3B2; } ul.goal-progress li .progress { margin-bottom: 0px; } /*----------------------------------- PROSPECTIVE LEADS - CHARTS -------------------------------------*/ .pros-title { font-size: 14px; color: #535351; text-transform: uppercase; font-weight: bold; margin: 0 0 20px 0; } .pros-title span { color: #dddddd; } ul.pros-chart { list-style-type: none; padding: 0; display: inline-block; width: 100%; margin-top: 15px; } ul.pros-chart li { float: left; margin-right: 14%; } ul.pros-chart li:last-child { margin-right: 0; } .p-chart-title { font-size: 12px; margin: 5px 0 0 0; } .v-title { font-size: 12px; } .v-value { font-size: 18px; color: #343434; margin-bottom: 5px; } .v-info { font-size: 12px; margin-top: 5px; } /*------------------------------------------- GREEN BOX [EASY PIE CHART] STYLES -------------------------------------------*/ .green-box { background: none repeat scroll 0 0 #00C3B2; box-shadow: 0 5px 0 #5bb996; color: #fff; } .knob { text-align: center; } .percent { color: rgba(255, 255, 255, 0.7); display: inline-block; font-size: 25px; z-index: 2; position: absolute; width: 90px; padding-top: 35px; } .percent .sm { font-size: 11px; display: block; padding-top: 32px; } .extra-pad { padding: 25px 15px; } /*------------------------------------ BLUE BOX [TWITTER FEED] STYLES -------------------------------------*/ .panel.blue-box { background: none repeat scroll 0 0 #5ab5de; box-shadow: 0 5px 0 #51a3c7; color: #fff; } .twt-info h3 { font-size: 16px; font-weight: bold; margin: 10px 0 30px 0; text-align: center; } .twt-info p { font-size: 18px; line-height: 25px; font-style: italic; margin: 0 0 20px 0; text-align: center; } .twt-info p a { color: #98fdf4; } .custom-trq-footer { background: none repeat scroll 0 0 #00C3B2; box-shadow: 0 5px 0 #FFAE00; color: #FFF; border-top: none; } ul.user-states { list-style-type: none; padding: 20px 0; } ul.user-states li { text-align: center; float: left; width: 33%; font-size: 18px; } .usr-info .thumb { width: 80px; height: 80px; border-radius: 50%; -webkit-border-radius: 50%; } .media.usr-info > .pull-left { margin-right: 20px; margin-top: 10px; } .usr-info h4 { color: #658585; margin-bottom: 0; } .usr-info .media-body span { color: #00C3B2; font-size: 12px; margin-bottom: 20px; display: inline-block; } .usr-info .media-body p { color: #b6bcbc; } .widget-info-twt .avatar img { border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; height: 90px; width: 90px; border: 5px solid rgba(255,255,255,0.3); margin-bottom: 30px; } .widget-info-twt p { font-size:16px; } /*-------------------*/ .states-info { color: #fff; } .states-info .red-bg { background: #FC8675; } .states-info .blue-bg { background: linear-gradient(20deg, #2c98fb 3%, #5956d7 100%); } .states-info .green-bg { background: #65CEA7; } .states-info .yellow-bg { background: #EBC85E; } .states-info .white-bg { background: #FFF; color:#4e4e4e; } .states-info .white-bg .panel-body{ border: solid 2px #ccc; } .states-info a { color:#fff; } .states-info .white-bg a{ color:#296188; } .states-info a:hover { color:#91fdef; } .states-info .state-title { font-size: 13px; } .states-info h4 { margin-bottom: 0; } .states-info .panel-body:hover { box-shadow: rgba(0, 0, 0, 0.5) 6px 6px 15px 0px; -webkit-transition: box-shadow 0.2s ease; -moz-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; } /*----------------------*/ /*------------------------------ TODOLIST STYLES ------------------------------*/ .todo-title { margin-right:25px; padding-top: 5px; } .to-do-list { padding-left: 0; margin-top: -10px; font-size: 12px; } .to-do-list li { padding: 17px 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative; cursor:move; list-style: none; font-size: 12px; background: #fff; border-bottom: 1px dotted rgba(0, 0, 0, 0.2); } .to-do-list li p { margin-bottom:0px; } .todo-actionlist { position: absolute; right: -5px; top: 22px; } .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:6px; } .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; margin-top: 5px; } .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; } .todo-entry { float: left; width: 85%; } /*------------------- BADGE STYLES --------------------*/ .badge.badge-primary { background: #8075c4; } .badge.badge-success { background: #a9d86e; } .badge.badge-warning { background: #FCB322; } .badge.badge-important { background: #ff6c60; } .badge.badge-info { background: #41cac0; } .badge.badge-inverse { background: #2A3542; } /*-------------------------------- CAROUSEL STYLES ---------------------------------*/ .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; } /* -------------------------------- CODE HIGHLIGHT STYLE -----------------------------------*/ .highlight pre code { color: #333333; font-size: inherit; } .nt { color: #2F6F9F; } .na { color: #4F9FCF; } .s { color: #D44950; } .c { color: #999999; } /*------------------------------------ Widgets styles -------------------------------------*/ .widgets .panel { box-shadow: none; } .avatar { text-align:center; } .avatar-img{ max-height: 250px; overflow: hidden; } .avatar-img img { display: block; width: 100%; /*height: 238px;*/ border-radius: 4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; } .widget-info-one .inner { min-height: 115px; padding: 15px; position: relative; } .widget-info-one .avatar, .widget_profile .avatar { height: 89px; left: 15px; overflow: hidden; padding: 0px; position: absolute; top: 30px; width: 89px; border: 1px solid #ddd; } .widget-info-one .avatar, .widget-info-one .avatar img, .widget_profile .avatar, .widget_profile .avatar img { -webkit-border-radius: 50%; border-radius: 50%; display: block; height: 73px; width: 73px; } .widget-info-one h5 { color: #65CEA7; font-size: 20px; font-weight: 600; margin-bottom: 10px; } .widget-info-one .subtitle { display: block; } .widget-info-one .panel-footer { background: #b8bbba; border: none; color: #fff; padding: 0; /*border-radius: 0;*/ /*-webkit-border-radius: 0;*/ box-shadow: none; height: 60px; } ul.post-view { list-style-type: none; padding: 0; margin: 0; display: inline-block; width: 100%; } ul.post-view li { text-align: center; /*padding: 20px; IMPORTANTE NO PONER éste ATRIBUTO AQUI*/ width: 33.33%; float: left; border-left: solid 1px #9a9c9c; } ul.post-view li:hover, ul.post-view li.active { background: #6ddfb5; cursor: pointer; } ul.post-view li a i { font-size: 18px; color: #fff; text-decoration: none; padding-right: 5px; } ul.post-view li a { text-decoration: none; } .wdgt-profile:hover { box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 15px 0px; -webkit-transition: box-shadow 0.2s ease; -moz-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; } .wdgt-profile .profile-info { background: #0da899; position: relative; z-index: 10; padding: 15px 10px; border-radius: 0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; } .wdgt-profile .profile-info h5 { margin: 0; color: #fff; font-size: 17px; text-align: center; } .wdgt-profile .profile-info span { font-size: 11px; color: #fff; } /*----------------------*/ /*------------------------- BUTTON STYLES ---------------------------*/ .btn-block { padding: 6px 12px; } .btn-gap .btn { float: left; margin-right: 5px; } /*---------------------- STAR RATINGS STYLES -----------------------*/ .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 , .boton{ 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: #65CEA7; } /*---------------------------- SLIDER STYLE ----------------------------*/ .slider-table tr td { padding: 30px 0 !important; border: none !important; } /*---------------------------------- TABS & ACCORDIONS STYLE -------------------------------------*/ .panel-heading .nav { border: medium none; font-size: 13px; margin: -20px -15px -20px; } .panel-heading.custom-tab { padding: 20px 15px; } .custom-tab ul > li > a { display: block; padding: 20px 15px !important; } .custom-tab { background: #e0e1e7 !important; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-bottom: none; } .custom-tab.dark-tab { background: #424F63 !important; } .custom-tab.turquoise-tab { background: #65CEA7 !important; } .custom-tab.blue-tab { background: #5BC0DE !important; } .custom-tab.yellow-tab { background: #F0AD4E !important; } .custom-tab.dark-tab li a, .custom-tab.turquoise-tab li a, .custom-tab.blue-tab li a, .custom-tab.yellow-tab li a { color: #fff !important; } .custom-tab.dark-tab li.active a, .custom-tab.dark-tab li a:hover { color: #424F63 !important; } .custom-tab.turquoise-tab li a:hover, .custom-tab.turquoise-tab li.active a { color: #65CEA7 !important; } .custom-tab.blue-tab li a:hover, .custom-tab.blue-tab li.active a { color: #5BC0DE !important; } .custom-tab.yellow-tab li a:hover, .custom-tab.yellow-tab li.active a { color: #F0AD4E !important; } .custom-tab li a:hover, .custom-tab li.active a { border-radius: 0 !important; background: #fff !important; color: #65CEA7 !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: #65CEA7; 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: 45px; } .panel-heading.tab-right .nav > li:first-child.active > a, .tab-right.panel-heading .nav > li:first-child > a:hover { border-radius: 0 !important; -webkit-border-radius: 0 !important; } .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 !important; -webkit-border-radius: 0 4px 0 0 !important; } .panel-heading.tab-right .nav-tabs > li > a { margin-left: 1px; margin-right: 0px; } .panel-heading.dark { background: #353F4F; color: #fff; } .panel-heading.dark a:hover, .panel-heading.dark a:focus { color: #fff; } /*------------------------------ CALENDAR STYLES -------------------------------*/ .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: #fff !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: #65CEA7 !important; color: #fff !important; } .fc-event-skin { background-color: #5d708c !important; border-color: #5d708c !important; color: #FFFFFF !important; } .fc-grid th { height: 45px; line-height: 45px; text-align: center; background: #65CEA7 !important; color: #fff; text-transform: uppercase; } .fc-widget-header { border-color: #62c6a0; } .fc-widget-content { border-color: #ebebeb; background: #fff; } .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; } #external-events .external-event { font-size: 11px; font-family: 'Arial'; font-weight: normal; } .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; } .drp-rmv { padding-top: 10px; margin-top: 10px; } /*--------------------------- FONTAWESOME STYLES ----------------------------*/ .fontawesome-icon-list { margin-top: -20px; } .fontawesome-icon-list, .fontawesome-icon-list a { color: #7a7676; } .fontawesome-icon-list a:hover { color: #49586E; } .fontawesome-icon-list a { margin-bottom: 10px; display: block; } .fontawesome-icon-list a i { padding-right: 10px; } .fontawesome-icon-list .page-header { margin: 15px 0 20px 0; font-size: 22px; color: #49586E; } /*---------------------------- BASIC TABLE STYLE -----------------------------*/ .general-table a { color: #49586E; } /*-------------------------------- DYNAMIC TABLE STYLE ----------------------------------*/ .table-advance tr td { vertical-align: middle !important; } .no-border { border-bottom: none; } .dataTables_length, .dataTables_filter { padding: 15px 0; } .dataTables_info { padding: 15px 0 0 !important; } .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; 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: #fff; background: #00C3B2; text-decoration: none; } .dataTables_paginate.paging_bootstrap.pagination li:hover, .dataTables_paginate.paging_bootstrap.pagination li.active { border-color: #00C3B2; } .dataTables_paginate.paging_bootstrap.pagination li.disabled:hover, .dataTables_paginate.paging_bootstrap.pagination li.disabled:hover a { color: #C7C7C7; background: #fff; border-color: #DDDDDD; cursor: no-drop; } .dataTables_paginate.paging_bootstrap.pagination { float: right; margin-bottom: 15px; } .dataTable tr:last-child { border-bottom: 1px solid #ddd; } .general-table .progress { margin-bottom: 0; } .adv-table table tr td { padding: 20px 10px; font-size: 14px; } .adv-table table.display thead th { border-bottom: 1px solid #DDDDDD; padding: 15px 10px; font-weight: bold; font-size: 15px; vertical-align: middle; } .dataTable tr.odd.gradeA td.sorting_1, .dataTable tr.odd td.sorting_1, .dataTable tr.even.gradeA td.sorting_1 { background: none; } .dataTable td.details { background-color: #424F63; color: #fff; } .dataTable 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%; } .dataTable tr.odd.gradeX td.sorting_1, .dataTable 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; } /*---------------------------- EDITABLE TABLE STYLE -----------------------------*/ .editable-table table input { width: 95% !important; } .editable-table table td a { color: #49586E; } .editable-table table td a:hover { color: #65CEA7; } /*-------------------------- Media Gallery ----------------------------*/ .media-filter { float: left; margin: 10px 0; padding-left: 0; } .media-filter li { float: left; margin-right: 2px; list-style: none; } .media-filter li a { background: #65CEA7; border-color: #65CEA7; color: #fff; padding: 5px 10px; border-radius: 2px; -webkit-border-radius: 2px; text-decoration: none; font-size: 12px; } .media-filter li a:hover, .media-filter li a:focus { background: #4c9b7e; border-color: #4c9b7e; 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; background: #EFF0F4; color: #7A7676; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .media-gal .item:hover { background: #65CEA7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #fff; } .media-gal .item:hover img { opacity: .3; } .media-gal .item p { margin-bottom: 10px; 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; } /*------------------------------------*/ /*FORM STYLES*/ /*------------------------------------*/ .sm-input { width: 170px !important; } .form-horizontal.adminex-form .form-group { border-bottom: 1px solid #eff2f7; padding-bottom: 15px; margin-bottom: 15px; } .form-horizontal.adminex-form .form-group:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } .form-horizontal.adminex-form .form-group .help-block { margin-bottom: 0; } .round-input { border-radius: 500px; -webkit-border-radius: 500px; } .m-bot15 { margin-bottom: 15px; } .form-horizontal.adminex-form .checkbox-inline > input { margin-top: 1px; border: none; } .iconic-input { position: relative; } .iconic-input i { color: #CCCCCC; display: block; font-size: 16px; height: 16px; margin: 8px 5px 8px 10px; position: absolute; text-align: center; width: 16px; } .iconic-input input { padding-left: 30px !important; } .iconic-input.right input { padding-left: 10px !important; padding-right: 30px !important; } .iconic-input.right i { float: right; right: 5px; } input.spinner[type="text"], input.spinner[type="password"], input.spinner[type="datetime"], input.spinner[type="datetime-local"], input.spinner[type="date"], input.spinner[type="month"], input.spinner[type="time"], input.spinner[type="week"], input.spinner[type="number"], input.spinner[type="email"], input.spinner[type="url"], input.spinner[type="search"], input.spinner[type="tel"], input.spinner[type="color"] { background: url("../images/input-spinner.gif") right no-repeat !important; } /*-------------------- CK EDITORS ---------------------*/ .cke_chrome { box-shadow: 0 0 1px #c5c6ca !important; } .cke_top, .cke_bottom { background: #EFF0F4 !important; box-shadow: none !important; border-top: none !important; border-bottom: none !important; } /*-------------------------- FORM VALIDATION ---------------------------*/ .cmxform .form-group label.error { display: inline; margin: 5px 0; color: #FF6C60; 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: #FF6C60 !important; } #signupForm label.error { display: inline; margin: 5px 0px; width: auto; color: #FF6C60; } .checkbox, .checkbox:hover, .checkbox:focus { border: none; } /*-------------------------- FORM WIZARD STYLES ---------------------------*/ .widget-container .stepy-tab ul, .block-tabby ul.stepy-titles { border-bottom: none; padding: 0; } .fw-title { color: #424F63; margin-bottom: 30px; } .block-tabby ul.stepy-titles { margin-bottom: 10px; } .widget-container .stepy-tab ul li.current-step, .block-tabby ul li.current-step{ border:none ; background: #65CEA7!important; color: #fff; } .widget-container .stepy-titles li, .stepy-titles li { background: #fff; margin-right: 15px; margin-bottom: 15px; border-radius: 5px; -webkit-border-radius: 5px; } .widget-container .stepy-titles li span { font-size: 12px; } .widget-container .step { margin-bottom: 50px; border-bottom: 1px solid #ddd; padding-bottom: 50px; } .widget-container .step legend { color: #65CEA7; font-size: 16px; border-bottom:1px dotted #ddd; padding-bottom: 10px; } .widget-container input.form-control, .input-gris { padding: 0 10px; } .stepy-error { position: absolute; bottom: 105px; } .stepy-error label.error { font-size: 12px; font-weight: normal; } .step input, .step textarea, .step select, .widget-content label.checkbox, .widget-content label.radio { margin-left: 0 !important; padding-left: 0; } .widget-content label.checkbox input, .widget-content label.radio input { margin-right: 10px; } /*---------------------------------------------- CUSTOM CHECKBOX & RADIO BUTTONS STYLES ----------------------------------------------*/ .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%; } /*------------------------- MULTI SELECT STYLE --------------------------*/ .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { background-color: #65CEA7; 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 #65CEA7; } .ms-selectable .search-input, .ms-selection .search-input { margin-bottom: 10px; } /*--------------------------------- SPINNER STYLE ----------------------------------*/ .spinner-buttons.input-group-btn { width: 20%; } .spinner-buttons.input-group-btn .btn-xs { line-height: 1.16; } .spinner-buttons.btn-group-vertical > .btn:last-child:not(:first-child) { border-radius: 0 0 4px 0; -webkit-border-radius: 0 0 4px 0; } .spinner-buttons.btn-group-vertical > .btn:first-child:not(:last-child) { border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; } /*---------------------------- FILE UPLOAD STYLES ----------------------------*/ .fileupload .btn { margin-left: 0; } /*---------------------------- TAGS INPUT STYLE -----------------------------*/ div.tagsinput span.tag { background: #65CEA7 !important; border-color: #65CEA7; color: #fff; border-radius: 15px; -webkit-border-radius: 15px; padding: 2px 10px; } div.tagsinput span.tag a { color: #43886e; } /*--------------------------- SLIDE TOGGLE STYLES ----------------------------*/ .slide-toggle div { float: left; margin-right: 20px; } /*-------------------------- PICKERS STYLES ---------------------------*/ .add-on { float: right; margin-top: -37px; padding: 3px; text-align: center; } .add-on .btn { padding: 9px; } .colorpicker.dropdown-menu { min-width: 130px; padding: 5px; } .datepicker.dropdown-menu { z-index: 1060; padding: 5px; } .custom-date-range .input-group-addon { border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; } /*------------------------------------- GOOGLE MAPS & VECTOR MAPS STYLE -------------------------------------*/ .gmaps { height: 350px; width: 100%; } .vmaps { width: 100%; height: 400px; } /*-------------------------- LOCK SCREEN STYLE --------------------------*/ .lock-screen { background: #6fc4a5 url("../images/lockscreen-bg.jpg") no-repeat fixed; background-size: cover; width: 100%; height: 100%; } .lock-wrapper { margin: 18% auto; max-width: 400px; } .lock-box { padding: 20px; position: relative; width: 100%; display: inline-block; } .lock-wrapper img { position: absolute; left: 36%; top: -80px; border-radius: 50%; -webkit-border-radius: 50%; border: 6px solid #fff; } .lock-wrapper h1 { text-align: center; color: #6bc5a4; font-size: 18px; text-transform: uppercase; padding: 10px 0 10px; } .lock-wrapper .locked { position: absolute; width: 50px; height: 50px; line-height: 36px; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; color: #fff; text-align: center; background: #6bc5a4; top: -25px; right: 125px; border: 4px solid #fff; font-size: 22px; } .lock-wrapper input, .lock-wrapper input:focus { background: #eaeaec; border-color: #eaeaec; width: 86% !important; height: 40px; float: left; } .btn-lock { background: #6bc5a4; color: #fff; height: 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn-lock:hover { background: #688ac2; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /*-------------------------------- PRICING TABLE ---------------------------------*/ .price-head { padding: 10px 0 50px; } .price-head h1 { font-size: 32px; font-weight: normal; color: #49586e; } .pricing-table { background: #fff; text-align: center; padding: 0 0 25px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 5px 0 #e5e5e5; width: 110%; margin-left: -10px; } .pricing-table.most-popular { position: relative; } .most-popular { background: #6bc5a4; color: #fff; box-shadow: 0 5px 0 #60b193; } .most-popular .pricing-head { position: relative; height: 170px; } .most-popular .pricing-head h1 { color: #fff; } .most-popular .pricing-quote, .most-popular ul li i { color: #6bc5a4; } .most-popular ul li { } .most-popular .price-actions .btn { background: #60b193 !important; cursor: pointer; color: #fff !important; } .most-popular .pricing-quote { background: #fff; } .pricing-table .price-actions .btn { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #eff0f4; color: #a4a4a4; border: none; box-shadow: none; text-shadow: none; padding: 10px 20px; cursor: pointer; text-transform: uppercase; } .pricing-table .price-actions .btn:hover, .most-popular.pricing-table .price-actions .btn:hover { background: #49586e !important; color: #fff; } .pricing-head { position: relative; height: 170px; color: #2a323f; } .pricing-head h1 { font-size: 24px; font-weight: 300; padding-top: 30px; color: #2a323f; text-transform: uppercase; } .pricing-quote { background: #eff0f4; padding: 50px 0; color: #49586e; font-size: 45px; font-weight: bold; width: 150px; height: 150px; border-radius: 50%; -webkit-border-radius: 50%; margin: -85px auto; position: relative; } .pricing-table ul { margin: 120px 0 50px; padding: 0; } .pricing-table ul li { margin: 0 2em; padding: 1em 0; text-align: center; font-weight: 300; } .pricing-quote span.note { display: inline; font-size: 18px; line-height: 0.8em; position: relative; top: -18px; } .pricing-quote p { font-size: 12px; text-transform: uppercase; color: #a4a4a4; padding-top: 10px; font-weight: normal; } .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; } /*------------------------------- INVOICE STYLE --------------------------------*/ .invoice-title { color: #6bc5a4; font-size: 48px; text-transform: uppercase; margin-top: 30px; } .invoice { color: #a4a4a4; } .inv-logo { margin-bottom: 10px; } .invoice-address { background: #f7f7f9; padding: 20px; margin-top: 10px; margin-left: -15px; margin-right: -15px; } .inv-col { margin-bottom: 5px; } .inv-col span { color: #6bc5a4; } .t-due, .inv-label { font-size: 22px; color: #6bc5a4; } .inv-label { font-style: italic; } .amnt-value { color: #a4a4a4; font-size: 24px; margin-top: 10px; font-weight: bold; } .inv-to { text-transform: uppercase; font-size: 14px; } .corporate-id { font-weight: bold; font-size: 16px; color: #2a323f; margin-top: 5px; text-transform: uppercase; } .table-invoice { border-top: none !important; margin-top: -15px; } .table-invoice thead { background: #2a323f; color: #fff; } .table-invoice th { border-bottom: none !important; padding: 20px 10px !important; border-color: #2a323f !important; } .table-invoice th:first-child, .table-invoice td:first-child { text-align: center; } .table-invoice td { vertical-align: middle !important; } .table-invoice h4 { color: #2a323f; font-size: 14px; font-weight: bold; margin: 0 0 5px 0; } .table-invoice strong { color: #2a323f; } .payment-method p { margin-bottom: 0; } .print-body { background: #eff0f4; } /*--------------------------- ERROR PAGE STYLES ----------------------------*/ .error-page { background: #6bc5a4; } .error-wrapper { margin-top: 15%; } .error-wrapper h2 { font-size: 64px; color: #fff; text-transform: uppercase; font-weight: bold; } .error-wrapper h3 { font-size: 32px; color: #474747; text-transform: uppercase; font-weight: bold; line-height: 30px; margin-top: 0; } .error-wrapper .nrml-txt { font-size: 18px; color: #474747; font-weight: normal; line-height: 30px; } .error-wrapper .nrml-txt a { color: #a7ffdf; } .error-wrapper .back-btn { color: #fff; border: 1px solid #fff; padding: 15px 30px; border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; display: inline-block; margin-bottom: 20px; margin-top: 50px; } .error-wrapper .back-btn:hover { background: #fff; color: #6bc5a4; border-color: #fff; } /*--------------------------------- TIMELINE STYELS ----------------------------------*/ .timeline { border-collapse: collapse; border-spacing: 0; display: table; position: relative; table-layout: fixed; width: 100%; margin-bottom: 50px; } .timeline .time-show { margin-right: -75px; margin-top: 30px; position: relative; margin-bottom: 30px; } .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: 50%; margin-top: -10px; 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: 50%; margin-top: -10px; width: 0; left: auto; } .timeline-item.alt .timeline-desk .arrow-alt { border-left: 8px solid #fff !important; } .timeline .timeline-icon { left: -54px; position: absolute; top: 50%; margin-top: -10px; } .timeline .timeline-icon { background: #fff; border: 1px solid #D8D9DF } .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 { border-radius: 50%; -webkit-border-radius: 50%; display: block; height: 20px; width: 20px; text-align: center; color: #fff; } .timeline .timeline-icon i { margin-top: 9px; } .timeline-item.alt .timeline-icon { left: auto; right: -56px; } .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; } /*-------------------------------- PROFILE STYLE ---------------------------------*/ .profile-pic img { border: 5px solid #F1F2F7; border-radius: 50%; -webkit-border-radius: 50%; height: 150px; margin: 10px 0; width: 150px; } .profile-desk h1 { color: #49586e; font-size: 24px; font-weight: bold; margin: 0 0 5px 0; text-transform: uppercase; } .profile-desk .designation{ color: #49586e; font-size: 14px; text-transform: uppercase; margin-bottom: 30px; display: inline-block; } .profile-desk p { line-height: 25px; margin-bottom: 40px; } .p-follow-btn { background: #eff0f4; color:#a4a4a4 } .p-follow-btn:hover, .btn-post { background: #6bc5a4; color:#fff } .btn-post:hover { background: #2a323f; color:#fff } ul.p-social-link { list-style-type: none; } ul.p-social-link li { display: inline-block; } ul.p-social-link li a { background: #eff0f4; color: #bfbfc1; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; text-align: center; } ul.p-social-link li a:hover, ul.p-social-link li.active a { color: #6bc5a4; } .p-text-area, .p-text-area:focus { border: medium none; box-shadow: none; color: #C3C3C3; font-size: 16px; font-weight: 300; } .p-option li a { color: #adadad; font-size: 15px; } .p-option li a:hover { background: #6bc5a4; color: #fff; } ul.p-info { list-style-type: none; padding: 0; margin-bottom: 0; } ul.p-info li { display: inline-block; width: 100%; margin-bottom: 10px; } ul.p-info li:last-child { margin-bottom: 0; } ul.p-info .title, ul.p-info .desk { float: left; } ul.p-info .title { width: 40%; } ul.p-info .desk { width: 60%; color: #00C3B2; } .p-states h4{ color: #535351; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0; } .p-states h4 span{ color: #bfbfbf; } .p-states h3{ color: #2a323f; font-size: 25px; margin: 10px 0 0 0; } .p-states .chart-bar{ margin-top: 20px; } .p-states.green-box { background: #6bc5a4; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; } .p-states.green-box h4, .p-states.green-box h4 span, .p-states.green-box h3 { color: #fff; } ul.activity-list { list-style-type: none; padding: 0; } ul.activity-list li { display: inline-block; width: 100%; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eff0f4; } ul.activity-list .avatar img { float: left; width: 50px; height: 50px; border-radius: 50%; -webkit-border-radius: 50%; } ul.activity-list .activity-desk { margin-left: 70px; } ul.activity-list .activity-desk h5 { color: #2a323f; } ul.activity-list .activity-desk h5 a { font-weight: bold; } .activity-desk .album a { float: left; margin-right: 10px; width: 170px; height: 110px; overflow: hidden; margin-bottom: 10px; } .activity-desk .album a img { width: 100%; } #map-canvas { height: 200px; width: 100%; } .revenue-graph{ height:220px; } /*-------------------------------------------- Dashboard Event Calendar, charts --------------------------------------------*/ .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; 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 .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; } .cal1 .clndr .clndr-controls { -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; display: block !important; position: relative; margin-bottom: 10px; text-align: center; background: #51d4cc; margin-left: -15px; margin-right: -15px; margin-top: -15px; padding: 56px 20px; width: auto !important; color: #fff; } .cal1 .clndr .clndr-controls .month span{ display: block; font-size: 30px; padding: 0px 10px; margin-bottom: 10px; } .cal1 .clndr .clndr-controls .month { color: #fff; } .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button,.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button{ color: #fff; } .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover,.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover { background: #f4f4f4; padding:5px 10px; color: #1fb0ab; } .clndr-previous-button{ position: relative; top: -30px; } .clndr-next-button{ position: relative; top: -30px; } #flotTip{ background: rgba(000,000,000,.7); padding: 5px 10px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #main-chart-legend{ padding: 2px 0px; } #main-chart-legend td{ padding-right: 10px; } .main-chart { width: 100%; height:300px; text-align: center; margin:0 auto; } /* Vianick */ .tooltipsy { padding: 10px; max-width: 200px; color: #303030; background-color: #CFF5B5; border: 1px solid #7EDE82; } .accion { margin:0 5px; cursor: pointer; } .accion:hover { color:#B50909; } .btnAccion { border: 1px solid #1a99fb; border-radius: 5px; font-size: 17px; font-weight: 400; text-decoration: none solid #1a99fb; text-align: center; background-color: #1a99fb; color: #ffffff; transition: 0.5s; padding: 8px; } .btnAccion:hover { color: #1a99fb; background-color:#fff; } .clic { cursor:pointer } .state-overview .yellow { background: #af8e2b; box-shadow: 0 -5px 0 #EBC85E; } select.resaltado { background-color:#E5F738; } .avatar-horario i { font-size: 35px;} .sits-area .sits__row input{ margin:0px; padding:0px; border:0px; } .text-primary, .valorTextarea { background-color: #eee; padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; color: #555; opacity: 1; display:inline-block; width:100%; min-height:27px; } /*EFRAÍN*/ .style-Verde{background:#0C0;color:#FFF;} .style-Amarillo{background:#FF0;color:#000;} .style-Naranja{background:#F90;color:#FFF;} .style-Rojo{background:#DA2222;color:#FFF; /* #F00 */} /*VIANICK*/ .dataTable td a { color:#45a3e6 /*#5a5a5a;*/ } .dataTable td a:hover { color:#B50909; } .dataTable td .dropdown-content a { color: #5a5a5a; } .panel-body .panel-heading { margin-bottom: 15px; } .titulo { color:#fff; background-color:#296188; border-radius: 4px; text-align:center; padding: 8px; border-bottom: 1px solid rgba(230, 230, 230, 0.7); box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07); } .titulo-blanc { color:#2b2b2b; background-color:#fff; border-radius: 4px; text-align:center; padding: 8px; border-bottom: 1px solid rgba(230, 230, 230, 0.7); box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07); } .titulo h1 { font-size: 23px; font-weight:bold; color: #eee;/*#626262 ;*/ } .dropbtn { font-size: 21px; cursor: pointer; } .dropbtn:hover, .dropbtn:focus { color: #ffb100; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; left:-150px; background-color: #f1f1f1; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown a:hover {background-color: #ddd;} .show {display: block;} .herramienta { border-radius: 4px; text-align: center; padding: 23px 0px; border-bottom: 1px solid rgba(230, 230, 230, 0.7); box-shadow: 0 7px 14px 2px rgba(50, 50, 93, 0.1); height: 72px; font-size: 25px; color: #fff; background-color: #48b0f7; border-color: #48b0f7; cursor:pointer; } .herramienta a { color: #fff; } span.Active, span.Completed, span.completed { background-color: #10cfbd; color: #fff; padding: 3px 9px; border-radius: .25em; } span.Archived, span.Cancelled, span.cancelled { background-color: #cf1010; color: #fff; padding: 3px 9px; } span.parcialRefund { background-color: #F4994A; color: #fff; padding: 3px 9px; } .fondoCancelado { background: #f7cbcb; } .fondoSeleccionado { background: #cbcef7; } span.info { background-color: #1a99fb; color: #fff; padding: 3px 9px; } .mensajeGrande { text-align: center; padding: 50px 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); border-radius: 1px; border: 1px solid transparent; margin-bottom: 20px; } .panel-heading a { color:#fff; } .btn.seleccionado { background-color: #eee; border: solid 1px #3bcaca; } .fa.off { border: 1px solid #c3c3c3; background-color: #c3c3c3; } .fa.on { border: 1px solid #58bb26; background-color: #58bb26; } .azul-oscuro{ background:#296188; } .list-icon a{ display:block; padding:20px; } .btn-barra{ padding-top:14px; } .prendido{ color:#E89801; } .makePointer{ cursor:pointer; } .verde { color: #299c29; } .rojo { color: #ea3c3c; } svg .seat{ fill: #888888; pointer-events:none; } svg .disponible{ cursor:pointer; fill: #3988c1; pointer-events:all !important; } svg .reservado{ fill:#ff9b00; cursor:pointer; pointer-events:all !important; } svg .assigned{ fill: #3988c1; } svg .on-hold{ fill: #d73200; pointer-events:all !important; } svg .accessible{ fill: #3DD0B7; pointer-events:all !important; } svg .vendido{ fill: #9cf27d; } svg .consigned{ fill: #94A1FF; pointer-events:all !important; } svg .tier-activo{ fill: #F7B12E; } .all-tiers{ max-height:420px; overflow-y:scroll; } .all-tiers h5{ font-weight:600; color:#880002; } .svg-container{ border: 1px solid #737373; } .clear-seats, .clear-all-consigned{ float:right; cursor:pointer; } .clear-seats:hover , .clear-all-consigned:hover{ color: #FFA1A2; } .form-group.lista input { height: 65px; font-size: 31px; border: solid thin #ccc; } .form-group.lista button { margin-top: 15px; } .der{float:right !important} /* LEYENDA SOBRE SVG */ .cuadro { float: left; width: 20px; height: 20px; /*margin: 5px;*/ border: 1px solid rgba(0, 0, 0, .2); margin-right: 5px; } .leyenda{ padding-top:10px; } .leyenda span{ margin-top:-4px; } .leyenda div{ margin-bottom:10px; } .disponible { background: #3988c1; } .reservado { background: #ff9b00; } .accessible { background: #3DD0B7; } .no-disponible { background: #636363; } .on-hold{ background:#d73200; color:#ddd; } .consigned{ background:#94A1FF; } /* Box Office ticket sale table */ .ticket-price{ margin-top:35px; } .ticket-price table, .ticket-price th, .ticket-price td{ border:none } .ticket-price table tr td{ color:#6f6f6f; font-size:15px; } .ticket-price table tr td span{ display:block; color:#b3b3b3; font-size:14px; } .ticket-price .table > tbody > tr > td{ padding:30px } .ticket-price .table { border:1px solid #cecece; margin:0; } .ticket-price .table > tbody > tr{ position:relative } .ticket-price .table > tbody > tr.selected:before{ content: ""; width:10px; background:#ff6600; position:absolute; left:0; bottom:0; top:0; } .ticket-price .table > tbody{ overflow-y:scroll; min-height:140px; max-height:409px; display:block; } .ticket-price .table > thead > tr > th{ border:none; background:#fafafb; color:#6f6f70; font-size:15px; padding:10px 20px; font-weight:normal; } .ticket-price .table{ width:100%; } .ticket-price tr, .ticket-price td{ display:block; overflow:hidden; } .ticket-price th, .ticket-price td{ float:left; width:49%; } ticket-price th:nth-child(2), .ticket-price td:nth-child(2){ float:left; width:49%; } .ticket-price th:nth-child(3), .ticket-price td:nth-child(3){ float:left; width:35%; } /*END Box Office ticket sale table */ .form-sell-tickets .form-horizontal .form-group{ margin-left:0px !important; margin-right:0px !important; } .form-sell-tickets .form-horizontal .form-group select{ min-height:35px; } .form-sell-tickets .form-horizontal .form-group label{ font-weight:600; } .panel-body h5{ font-weight:700; margin-top:0px; margin-bottom:5px; } .event-info h2{ color: #296188; font-weight:700; } .event-info div{ width:95%; border: 1px solid #D0D0D0; padding:12px 15px; margin-bottom:7px; margin-right:7px; line-height:3.25rem; font-size: 2.25rem; } .event-info div span{ float:right; font-weight:700; letter-spacing:0.8px; } .capacity-teal{color:teal;} .dashboard-assigned{color:#000;} .dashboard-remaining{color:#3988c1;} .sold-blue {color:#9cf27d} .remaining-grey{color:#636363} .reserved-yellow{color:#ffa200} .offsale-red{color:#A23E3F} .on-hold-red{color:#d73200} .consigned-purple{color:#94A1FF;} #tooltip { background: #001617; border: 3px solid #FFAF00; border-radius: 7px; padding: 9px; z-index:900; line-height:2.25rem; font-size:2.25rem; font-weight:700; color:#FFAF00; } #tooltip span{ font-weight:400; } .total-price td{ background:#2b303b; line-height: 2.25rem; font-size: 3rem; font-weight: 700; color: #ff9b00; } .total-price td span{ font-weight: 600; color: #ddd; } .ticket-price .fee td{ padding-top:5px !important; padding-bottom:5px !important; } #card-element{ padding: 20px 10px; /*40px 70px;*/ /*VIANICK*/ border: 1px solid rgba(0,0,0,.07); border-radius: 2px; margin-bottom:15px; } span.gris { padding: 5px 9px; /*font-size: 11px;*/ text-shadow: none; background-color: #cac7c7; font-weight: 600; display: inline; line-height: 3; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .dataTable span.gris { font-size: 12px; } .reporte-comps, .comps{ color:#ffe34e; } svg .comps{ fill: #ffe34e; pointer-events:all !important; } .fa-eraser{ cursor:pointer; float:right; } .fa-print{ margin-right:10px; margin-left:10px; float:right; cursor:pointer } .fa-print:hover{ color: #FFD939; }