%PDF- %PDF-
Direktori : /home/tjamichg/intranet.tjamich.gob.mx/intranet/common/css/themes/style1/ |
Current File : /home/tjamichg/intranet.tjamich.gob.mx/intranet/common/css/themes/style1/orange-violet.css |
.icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .no-border-radius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .text-uppercase { text-transform: uppercase; } .text-justify { text-align: justify; } .text-line-through { text-decoration: line-through; } .box-heading { font-weight: bold; font-family: 'Oswald'; margin-bottom: 15px; } .input-group .form-control { z-index: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 100%; } body { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.42857143; color: #777777; background-color: #f0f2f5; height: 100%; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #777777; text-decoration: none; } a:hover, a:focus { color: #ff422b; text-decoration: none; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #f0f2f5; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 18px; margin-bottom: 18px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .require { color: #ff0000; } #wrapper { width: 100%; min-height: 100%; background-color: #554161; } #page-wrapper { min-height: 100%; padding: 0 !important; background-color: #f0f2f5; } @media (min-width: 768px) { #page-wrapper { position: relative; margin: 0 0 0 250px; padding: 0; } } #topbar { background: #ffffff; width: 100%; height: 50px; } #topbar.navbar-default { border: 0; } #topbar .navbar-header { width: 250px; height: 100%; background: #503d5b; text-align: center; } #topbar .navbar-header #logo { font-size: 20px; line-height: 20px; color: #ffffff; height: 100%; width: 100%; } #topbar .navbar-header #logo span.fa { display: none; } #topbar .navbar-header #logo span.logo-text { display: block; font-weight: bold; font-family: 'Oswald', sans-serif; font-size: 30px; } #topbar .topbar-main { display: block; height: 100%; background: #483752; } #topbar .topbar-main #menu-toggle { float: left; padding: 15px 20px; background-color: transparent; -webkit-transition: all 0.3s; transition: all 0.3s; height: 50px; border-radius: 0; color: #ffffff; } #topbar .topbar-main #menu-toggle:hover, #topbar .topbar-main #menu-toggle:focus { color: #ff422b; } #topbar .topbar-main #menu-toggle i { font-size: 18px; margin-top: 3px; } #topbar .topbar-main #theme-setting { background-color: rgba(0, 0, 0, 0.15); } #topbar .topbar-main ul.nav.navbar-nav { display: none; } #topbar .topbar-main ul.nav.navbar-nav.horizontal-menu { display: block; } #topbar .topbar-main ul.nav.navbar-nav li.active a, #topbar .topbar-main ul.nav.navbar-nav li:hover a, #topbar .topbar-main ul.nav.navbar-nav li.open a { background: #ffffff; color: #777777; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown { position: static; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown.mega-menu-full .dropdown-menu { left: 20px; right: 20px; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu { left: auto; width: auto; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content { padding: 10px; margin: 0; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu { *width: auto !important; padding: 0px 15px !important; margin: 0 !important; border-right: 1px solid #eeeeee; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child { border-right: 0; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li { padding: 2px !important; margin: 0 !important; list-style: none; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li h3 { color: #555555; margin-top: 10px; padding-left: 5px; font-size: 15px; font-weight: normal; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a { padding: 5px !important; margin: 0 !important; font-weight: normal; display: block; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a:hover { background: #f0f0f0; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a i { margin-right: 5px; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu { border-right: none; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a { text-align: center; padding: 30px 5px !important; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a:hover { background: transparent; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a i { font-size: 50px; display: block; width: 100%; margin-bottom: 20px; } #topbar .topbar-main ul.nav.navbar-nav li a { color: #ffffff; } #topbar #topbar-search { display: inline-block; width: 50px; position: absolute; -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 10; background-color: rgba(0, 0, 0, 0.15); } #topbar #topbar-search .input-group .form-control { height: 50px; border: 0; background: transparent !important; padding-left: 0; margin-left: 12px; text-indent: -999999px; color: #efefef; } #topbar #topbar-search .input-group .form-control:hover { cursor: pointer; } #topbar #topbar-search .input-group .input-group-btn { height: 50px; } #topbar #topbar-search .input-group .input-group-btn .btn.submit { margin-left: -24px; padding: 0; width: 50px; background: none; border: 0 !important; display: block; color: #ffffff; cursor: pointer; } #topbar #topbar-search .input-group .input-group-btn .btn.submit i { font-size: 16px; } #topbar #topbar-search.open { -webkit-transition: all 0.4s; transition: all 0.4s; width: 300px !important; background-color: rgba(255, 255, 255, 0.15); } #topbar #topbar-search.open .input-group .form-control { text-indent: 0; } #topbar #topbar-search.open .input-group .form-control:hover { cursor: text; } #topbar #topbar-search.open .input-group .form-control .input-group-btn .btn.submit { margin-left: 0; } #topbar #topbar-search input:-moz-placeholder { color: #efefef; } #topbar #topbar-search input::-webkit-input-placeholder { color: #efefef; } #topbar .navbar-top-links li { display: inline-block; } #topbar .navbar-top-links li:last-child { margin-right: 15px; } #topbar .navbar-top-links li.open > a { background: #554161 !important; color: #ffffff !important; } #topbar .navbar-top-links li.open > a:hover, #topbar .navbar-top-links li.open > a:focus { background: #554161 !important; } #topbar .navbar-top-links li.open > a i { color: #ffffff; } #topbar .navbar-top-links li > a { padding: 15px 20px; height: 100%; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #topbar .navbar-top-links li > a:hover, #topbar .navbar-top-links li > a:focus { background: #554161 !important; } #topbar .navbar-top-links li > a i { font-size: 16px; color: #ffffff; } #topbar .navbar-top-links li > a span.badge { position: absolute; top: 5px; right: 30px; padding: 3px 6px; color: #ffffff; } #topbar .navbar-top-links li > a img { position: relative; width: 25px; height: 25px; display: inline-block; } #topbar .navbar-top-links li .dropdown-menu li { display: block; position: relative; } #topbar .navbar-top-links li .dropdown-menu li:last-child { margin-right: 0; } #topbar .navbar-top-links li .dropdown-menu li a { padding: 3px 20px; min-height: 0; color: #777777; } #topbar .navbar-top-links li .dropdown-menu li a div { white-space: normal; } #topbar .navbar-top-links li .dropdown-menu li a.btn { color: #FFFFFF; } #topbar .navbar-top-links li.topbar-user a { padding: 12px 15px 11px; } #topbar .navbar-top-links li.topbar-user a img { margin-right: 5px; } #topbar .navbar-top-links li#theme-setting a { padding: 12px 15px 11px; } #topbar .navbar-top-links ul.dropdown-alerts { width: 250px; min-width: 0; } #topbar .navbar-top-links ul.dropdown-alerts li { float: left; width: 100%; } #topbar .navbar-top-links ul.dropdown-alerts li a:hover, #topbar .navbar-top-links ul.dropdown-alerts li a:focus { background: #f7f7f8 !important; } #topbar .navbar-top-links ul.dropdown-alerts li ul { padding: 0; margin: 0; } #topbar .navbar-top-links ul.dropdown-alerts li ul li a { padding: 15px; display: block; border-top: 1px solid #efefef; font-size: 12px; } #topbar .navbar-top-links ul.dropdown-alerts li ul li a span { margin-right: 10px; padding: 3px; } #topbar .navbar-top-links ul.dropdown-alerts li ul li a span i { font-size: 14px; color: #FFFFFF; } #topbar .navbar-top-links ul.dropdown-alerts li:first-child a { border-top: 0; } #topbar .navbar-top-links ul.dropdown-alerts li.last a { background: #f7f7f8; width: 100%; border-top: 0; padding: 10px 15px; text-align: right; font-size: 12px; } #topbar .navbar-top-links ul.dropdown-alerts li.last a:hover { text-decoration: underline; } #topbar .navbar-top-links ul.dropdown-alerts li p { padding: 10px 15px; margin-bottom: 0; background: #554161; color: #ffffff; } #topbar .navbar-top-links ul.dropdown-messages { width: 250px; min-width: 0; } #topbar .navbar-top-links ul.dropdown-messages li { float: left; width: 100%; } #topbar .navbar-top-links ul.dropdown-messages li a:hover, #topbar .navbar-top-links ul.dropdown-messages li a:focus { background: #f7f7f8 !important; } #topbar .navbar-top-links ul.dropdown-messages li ul { padding: 0; margin: 0; } #topbar .navbar-top-links ul.dropdown-messages li ul li a { padding: 15px; display: block; border-top: 1px solid #efefef; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .avatar img { width: 40px; height: 40px; margin-top: 0; float: left; display: block; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .info { margin-left: 50px; display: block; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .info .name { font-size: 12px; font-weight: bold; display: block; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .info .name .label { font-size: 10px; padding: 3px; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .info .desc { font-size: 12px; } #topbar .navbar-top-links ul.dropdown-messages li:first-child a { border-top: 0; } #topbar .navbar-top-links ul.dropdown-messages li.last a { background: #f7f7f8; width: 100%; border-top: 0; padding: 10px 15px; text-align: right; font-size: 12px; } #topbar .navbar-top-links ul.dropdown-messages li.last a:hover { text-decoration: underline; } #topbar .navbar-top-links ul.dropdown-messages li p { padding: 10px 15px; margin-bottom: 0; background: #554161; color: #ffffff; } #topbar .navbar-top-links ul.dropdown-tasks { width: 250px; min-width: 0; margin-left: -59px; } #topbar .navbar-top-links ul.dropdown-tasks li { float: left; width: 100%; } #topbar .navbar-top-links ul.dropdown-tasks li a:hover, #topbar .navbar-top-links ul.dropdown-tasks li a:focus { background: #f7f7f8 !important; } #topbar .navbar-top-links ul.dropdown-tasks li ul { padding: 0; margin: 0; } #topbar .navbar-top-links ul.dropdown-tasks li ul li a { padding: 15px; display: block; border-top: 1px solid #efefef; font-size: 12px; } #topbar .navbar-top-links ul.dropdown-tasks li ul li a span { margin-right: 10px; } #topbar .navbar-top-links ul.dropdown-tasks li ul li a span i { font-size: 13px; color: #FFFFFF; padding: 3px; } #topbar .navbar-top-links ul.dropdown-tasks li ul li a .progress { margin-bottom: 5px; } #topbar .navbar-top-links ul.dropdown-tasks li:first-child a { border-top: 0; } #topbar .navbar-top-links ul.dropdown-tasks li.last a { background: #f7f7f8; width: 100%; border-top: 0; padding: 10px 15px; text-align: right; } #topbar .navbar-top-links ul.dropdown-tasks li.last a:hover { text-decoration: underline; } #topbar .navbar-top-links ul.dropdown-tasks li p { padding: 10px 15px; margin-bottom: 0; background: #554161; color: #ffffff; } #topbar .navbar-top-links .dropdown-user li a { padding: 10px !important; height: auto; } #topbar .navbar-top-links .dropdown-user li a:hover, #topbar .navbar-top-links .dropdown-user li a:focus { background: #f7f7f8 !important; } #topbar .navbar-top-links .dropdown-user li a i { margin-right: 5px; color: #777777; width: 14px; } #topbar .navbar-top-links .dropdown-user li a .badge { position: absolute; margin-top: 5px; right: 10px; display: inline; font-size: 11px; padding: 3px 6px 3px 6px; text-align: center; vertical-align: middle; } #topbar .navbar-top-links .dropdown-theme-setting { width: 250px; min-width: 0; background-color: #554161; } #topbar .navbar-top-links .dropdown-theme-setting li { padding: 10px !important; } #topbar .navbar-top-links .dropdown-theme-setting li h4 { color: #ffffff; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li { cursor: pointer; width: 35px; height: 35px; border: 5px solid transparent; margin: 0 5px; display: inline-block; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.green-dark { background: #594857; border-color: #488c6c; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.red-dark { background: #594857; border-color: #bf4346; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.pink-dark { background: #594857; border-color: #bf3773; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.blue-dark { background: #594857; border-color: #0a819c; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.yellow-dark { background: #594857; border-color: #f2994b; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.green-grey { background: #4b5d67; border-color: #488c6c; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.red-grey { background: #4b5d67; border-color: #bf4346; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.pink-grey { background: #4b5d67; border-color: #bf3773; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.blue-grey { background: #4b5d67; border-color: #0a819c; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.yellow-grey { background: #4b5d67; border-color: #f2994b; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.yellow-green { background: #007451; border-color: #CCA32F; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.orange-grey { background: #322F2B; border-color: #D94E37; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.pink-blue { background: #40516F; border-color: #DC6767; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.pink-violet { background: #554161; border-color: #E82A62; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.orange-violet { background: #554161; border-color: #FF422B; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.pink-green { background: #456445; border-color: #FF5E70; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.pink-brown { background: #573F2F; border-color: #A21E46; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.orange-blue { background: #33485C; border-color: #E74C3C; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.yellow-blue { background: #417CB2; border-color: #FFC34C; } #topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.green-blue { background: #417CB2; border-color: #66B354; } @media (min-width: 768px) { .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; } } .page-title-breadcrumb { padding: 0px 20px; background: #ffffff; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); clear: both; height: 50px; } .page-title-breadcrumb .page-header { margin: 0; padding: 0; border-bottom: 0; } .page-title-breadcrumb .page-header .page-title { font-size: 25px; font-weight: 300; display: inline-block; padding-top: 5px; } .page-title-breadcrumb .page-header .page-subtitle { font-size: 14px; font-weight: 300; color: #bcbcbc; display: inline-block; } .page-title-breadcrumb .breadcrumb { float: right; margin-bottom: 0; padding-left: 0; padding-right: 0; border-radius: 0; background: transparent; padding-top: 17px; margin-left: 10px; } .page-title-breadcrumb .breadcrumb li + li:before { content: ""; padding: 0; } .page-title-breadcrumb .reportrange { float: right; margin-top: 7px; } .horizontal-menu-page #sidebar { display: none; } .horizontal-menu-page #page-wrapper { margin-left: 0; } .horizontal-menu-page #menu-toggle { display: none; } #chat-form { position: absolute; right: 0; top: 0; bottom: 0; width: 280px; background: #554161; z-index: 9999; display: none; } #chat-form.fixed { position: fixed; min-height: 0 !important; } #chat-form .user-status { display: inline-block; background: #575d67; margin-right: 5px; width: 8px; height: 8px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 8 !important; -moz-border-radius: 8px !important; border-radius: 8px !important; } #chat-form .user-status.is-online { background-color: #06b53c; } #chat-form .user-status.is-busy { background-color: #ee4749; } #chat-form .user-status.is-idle { background-color: #f7d227; } #chat-form .user-status.is-offline { background-color: #666666; } #chat-form .chat-inner { overflow: auto; height: 100%; } #chat-form .chat-header { font-size: 16px; color: #ffffff; padding: 30px 35px; line-height: 1; margin: 0; border-bottom: 1px solid #705580; position: relative; } #chat-form .chat-header .chat-form-close { color: #ededed; font-size: 13px; } #chat-form .chat-group { margin-top: 30px; } #chat-form .chat-group > strong { text-transform: uppercase; color: #ededed; display: block; padding: 6px 35px; font-size: 14px; } #chat-form .chat-group > a { display: block; padding: 6px 35px; position: relative; color: #eaeaea; text-decoration: none; } #chat-form .chat-group > a .badge { font-size: 9px; margin-left: 5px; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } #chat-form .chat-group > a .badge.is-hidden { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } #chat-form .chat-group > a.active { background: #624b70; } #chat-form .chat-group > a.active:before { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #483752; left: 0; top: 50%; margin-top: -8px; } #chat-form .chat-group > a:hover { background: #624b70; } #chat-form #chat-box { position: absolute; right: 280px; width: 340px; background: #483752; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; display: none; } #chat-form #chat-box .chat-box-header { padding: 20px 24px; font-size: 14px; color: #fff; border-bottom: 1px solid #705580; } #chat-form #chat-box .chat-box-header .chat-box-close { color: #ededed; font-size: 13px; } #chat-form #chat-box .chat-box-header small { color: #BBBBBB; font-size: 12px; padding-left: 8px; } #chat-form #chat-box .chat-content { height: 250px; } #chat-form #chat-box ul.chat-box-body { list-style: none; margin: 0; padding: 0; overflow: auto; height: 250px; } #chat-form #chat-box ul.chat-box-body > li { padding: 20px 24px; padding-bottom: 5px; padding-top: 0px; } #chat-form #chat-box ul.chat-box-body > li:before { content: " "; display: table; } #chat-form #chat-box ul.chat-box-body > li:after { clear: both; content: " "; display: table; } #chat-form #chat-box ul.chat-box-body > li.odd { background: #4d3b58; } #chat-form #chat-box ul.chat-box-body > li .avt { width: 30px; height: 30px; border-radius: 50%; margin: 5px 5px 0px 0px; vertical-align: -9px; } #chat-form #chat-box ul.chat-box-body > li .user { font-weight: bold; color: #fff; } #chat-form #chat-box ul.chat-box-body > li .user:after { content: ':'; } #chat-form #chat-box ul.chat-box-body > li .time { float: right; font-style: italic; color: #ededed; font-size: 11px; margin-top: 12px; } #chat-form #chat-box ul.chat-box-body > li p { margin: 10px 0 8.5px; color: #eaeaea; } #chat-form #chat-box .chat-textarea { padding: 20px 24px; position: relative; } #chat-form #chat-box .chat-textarea textarea { background: #5d476a; border: 1px solid #5d476a; color: #fff; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #chat-form #chat-box .chat-textarea textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #ededed; } #chat-form #chat-box .chat-textarea textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ededed; } #chat-form #chat-box .chat-textarea textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ededed; } #chat-form #chat-box .chat-textarea textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ededed; } .sidebar-fixed { position: fixed; } #sidebar { background: #554161; } .navbar-static-side ul li { border-bottom: 1px solid #5a4567; } .navbar-static-side ul li:first-child a { padding: 0; } .navbar-static-side ul li.active a { background: #ff422b; outline: none; } .navbar-static-side ul li a { color: #FFFFFF; padding: 12px 15px; } .navbar-static-side ul li a span.menu-title { margin-left: 10px; } .navbar-static-side ul li a i { font-size: 16px; min-width: 20px; text-align: center; } .navbar-static-side ul li a i .icon-bg { display: none; } .navbar-static-side ul li a:hover, .navbar-static-side ul li a:focus { background: #ff422b; transition: 0.2s all ease-in-out; outline: none; } .navbar-static-side ul li a .badge, .navbar-static-side ul li a .label { float: right; margin-right: 10px; } .navbar-static-side ul li a.menu-title { margin-left: 10px; } .navbar-static-side ul li .nav-second-level li { border-bottom: 1px solid #503d5b; } .navbar-static-side ul li .nav-second-level li.active a, .navbar-static-side ul li .nav-second-level li:hover a, .navbar-static-side ul li .nav-second-level li:focus a { color: #ff422b; } .navbar-static-side ul li .nav-second-level li a { padding: 14px 15px 14px 40px; background: #483752; color: #efefef; } .navbar-static-side ul li .nav-second-level li a span.submenu-title { margin-left: 10px; } .navbar-static-side ul li .nav-second-level li .nav-third-level li { border-bottom: 1px solid #4a3955; } .navbar-static-side ul li .nav-second-level li .nav-third-level li.active a, .navbar-static-side ul li .nav-second-level li .nav-third-level li:hover a, .navbar-static-side ul li .nav-second-level li .nav-third-level li:focus a { color: #ff422b; } .navbar-static-side ul li .nav-second-level li .nav-third-level li a { padding: 15px 15px 15px 40px; background: #403149; color: #efefef; } .navbar-static-side ul li .nav-second-level li .nav-third-level li a span.submenu-title { margin-left: 10px; } .navbar-static-side ul li.sidebar-heading { padding: 5px 15px; } .navbar-static-side ul li.sidebar-heading h4 { font-family: 'Oswald'; font-size: 18px; font-weight: bold; color: #ff422b; } .navbar-static-side ul li.user-panel { padding: 15px; } .navbar-static-side ul li.user-panel .thumb { float: left; border: 5px solid rgba(255, 255, 255, 0.1); border-radius: 50%; } .navbar-static-side ul li.user-panel .thumb img { width: 45px; height: 45px; } .navbar-static-side ul li.user-panel .info { float: left; padding: 5px 5px 5px 15px; color: #ffffff; } .navbar-static-side ul li.user-panel .info p { margin-bottom: 3px; font-size: 16px; } .navbar-static-side ul li.user-panel .info a { font-size: 10px; } .navbar-static-side ul li.user-panel .info a i { font-size: 14px; color: #999; } .navbar-static-side ul li.user-panel .info a:hover, .navbar-static-side ul li.user-panel .info a:focus { background-color: transparent; } .navbar-static-side ul li.user-panel .info a:hover i, .navbar-static-side ul li.user-panel .info a:focus i { color: #777; } .navbar-static-side ul li.user-panel ul li { border-bottom: 0; } .sidebar-user-info { padding: 15px; } .sidebar-user-info img { border: 5px solid #ff341c; width: 75px; height: 75px; display: inline-block; } .sidebar-user-info h4 { color: #FFFFFF; margin-bottom: 5px; } .sidebar-user-info ul { margin-bottom: 3px; } .sidebar-user-info ul li { border-bottom: 0 !important; } .sidebar-user-info ul li a { color: #cdcdcd; } .sidebar-user-info .user-status { width: 10px; height: 10px; border-radius: 50% !important; display: inline-block; background: transparent; margin-right: 5px; } .sidebar-user-info .user-status.is-online { background: #06B53C; } .sidebar-user-info .user-status.is-idle { background: #F7D227; } .sidebar-user-info .user-status.is-busy { background: #ee4749; } .sidebar-user-info .user-status.is-offline { background: #666666; } .sidebar-user-info span { color: #FFFFFF; } .sidebar-user-activity { padding: 15px; border-bottom: 0 !important; } .sidebar-user-activity h4 { color: #FFFFFF; } .sidebar-user-activity .note { padding: 3px 15px; margin-bottom: 5px; } .sidebar-user-activity .note small { color: #cdcdcd; } .sidebar-user-activity .note a:hover, .sidebar-user-activity .note a:focus { background: transparent; } .arrow { float: right; margin-top: 3px; } .fa.arrow:before { content: "\f104"; } .active > a > .fa.arrow:before { content: "\f107"; } @media (min-width: 768px) { .navbar-static-side { z-index: 1; position: absolute; width: 250px; } } .right-sidebar #topbar .navbar-header { float: right; border-right: 0; } .right-sidebar #sidebar { left: auto; right: 0; } .right-sidebar #page-wrapper { margin: 0 250px 0 0; } /* Begin Left Sidebar Collapsed */ .left-side-collapsed .navbar-static-side { width: 55px; } .left-side-collapsed .navbar-static-side ul#side-menu li.user-panel { display: none; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a { height: 50px; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.menu-title { display: block !important; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.submenu-title { display: block !important; margin-left: 0; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level { display: block; position: absolute; top: 50px; left: 55px; width: 195px; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level li a { padding: 15px; } .left-side-collapsed .navbar-static-side ul#side-menu li a span { display: none; } .left-side-collapsed .navbar-static-side ul#side-menu li a i.fa { font-size: 18px; } .left-side-collapsed .navbar-static-side ul#side-menu li a span.menu-title { position: absolute; top: 0; left: 55px; padding: 15px; margin-left: 0; background: #ff422b; color: #ffffff; width: 195px; height: 50px; } .left-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level { display: none; position: absolute; top: 50px; left: 55px; width: 195px; } .left-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level li a i { display: none; } .left-side-collapsed #page-wrapper { margin: 0 0 0 55px; } /* End Left Sidebar Collapsed */ /* Begin Right Sidebar Collapsed */ .right-side-collapsed .navbar-static-side { width: 55px; } .right-side-collapsed .navbar-static-side ul#side-menu li.user-panel { display: none; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a { height: 50px; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.menu-title { display: block !important; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.submenu-title { display: block !important; margin-right: 0; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level { display: block; position: absolute; top: 50px; right: 55px; width: 195px; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level li a { padding: 15px 5px; } .right-side-collapsed .navbar-static-side ul#side-menu li a span { display: none; } .right-side-collapsed .navbar-static-side ul#side-menu li a i.fa { font-size: 18px; } .right-side-collapsed .navbar-static-side ul#side-menu li a span.menu-title { position: absolute; top: 0; right: 55px; padding: 15px; margin-right: 0; background: #ff422b; color: #ffffff; width: 195px; height: 50px; } .right-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level { display: none; position: absolute; top: 50px; right: 55px; width: 195px; } .right-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level li a i { display: none; } .right-side-collapsed #page-wrapper { margin: 0 55px 0 0; } /* End Left Sidebar Collapsed */ .page-content { padding: 20px 20px 50px 20px; min-height: 700px; clear: both; } #footer { width: 100%; padding: 7px 20px; background-color: #483752; color: #FFFFFF; font-size: 12px; text-align: right; } #footer.fixed { border-top: 1px solid #f3f3f3; background: #fff; position: fixed; color: #999; bottom: 0px; } /*panel stat*/ #sum_box .db { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #sum_box .icon { color: #777777; font-size: 50px; margin-bottom: 0px; float: right; } #sum_box .icon.fa-shopping-cart { color: #5cb85c; } #sum_box .icon.fa-money { color: #5bc0de; } #sum_box .icon.fa-signal { color: #d9534f; } #sum_box .icon.fa-group { color: #f0ad4e; } #sum_box h4 { text-align: left; margin-top: 0px; font-size: 30px; margin-bottom: 0px; padding-bottom: 0px; } #sum_box h4 span:last-child { font-size: 25px; } #sum_box p.description { margin-top: 0px; opacity: 0.9; } #sum_box .db:hover { background: #554161; color: #fff; } #sum_box .db:hover .icon { opacity: 1; color: #fff; } #sum_box .db:hover p.description { opacity: 1; } /*panel stat*/ /*user profile*/ .profile { display: inline-block; } .profile h2 { margin-top: 0; } .profile .divider { border-top: 1px solid rgba(0, 0, 0, 0.1); } .profile .user-info { padding: 15px; background: url('http://swlabs.co/madmin/code/images/gallery/13.jpg'); color: #888; } .profile .user-info .img-circle { border: 2px solid #fff; } .profile .user-info:hover { color: #111; } .profile .user-action { padding: 0px 15px 15px 15px; } figcaption.ratings { margin-top: 20px; } figcaption.ratings a { color: #f1c40f; font-size: 11px; } .emphasis { border-top: 4px solid transparent; padding-top: 15px; } .emphasis:hover { border-top: 4px solid #1abc9c; color: #111; } .emphasis h2 { margin-bottom: 0; } /*user profile*/ /*to-do list*/ ul.todo-list { overflow: hidden; width: auto; height: 250px; padding: 0; } ul.todo-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; } ul.todo-list li span.drag-drop { height: 17px; display: block; float: left; width: 7px; position: relative; top: 2px; } ul.todo-list li span.drag-drop 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; } ul.todo-list li .todo-check { margin-left: 10px; margin-right: 10px; } ul.todo-list li .todo-title { margin-right: 90px; } ul.todo-list li .todo-actions { position: absolute; right: 15px; top: 13px; } ul.todo-list li .todo-actions a i { color: #777777; margin: 0 5px; } ul.todo-list li .todo-actions a:hover i, ul.todo-list li .todo-actions a:focus i { color: #555555; } /*to-do list*/ /*chat form*/ ul.chats { margin: 0; padding: 0; } ul.chats li { list-style: none; margin: 30px auto; font-size: 12px; } ul.chats li:first-child { margin-top: 0; } ul.chats li img.avatar { width: 50px; height: 50px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } ul.chats li .message { display: block; padding: 7px; position: relative; } ul.chats li .message .chat-datetime { font-style: italic; color: #888; font-size: 11px; } ul.chats li .message .chat-body { display: block; margin-top: 5px; } ul.chats li.in img.avatar { float: left; } ul.chats li.in .message { background: #b3e5fc; margin-left: 65px; border-left: 3px solid #03a9f4; border-radius: 4px; } .chats li.in .message .chat-arrow { display: block; position: absolute; top: 15px; left: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #03a9f4; } ul.chats li.in .message a.chat-name { color: #ff422b; } ul.chats li.out img.avatar { float: right; } ul.chats li.out .message { background: #a3e9a4; margin-right: 65px; border-right: 3px solid #2baf2b; text-align: right; border-radius: 4px; } ul.chats li.out .message .chat-arrow { display: block; position: absolute; top: 15px; right: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #2baf2b; } ul.chats li.out .message a.chat-name { color: #ff422b; } ul.chats li.out .message a.chat-name, ul.chats li.out .message a.chat-datetime { text-align: right; } .chat-form { margin-top: 15px; padding: 10px; background-color: #f0f0f0; overflow: hidden; clear: both; } .chat-form #input-chat, .chat-form .input-group-btn .btn { border: 0; } .chat-form .input-group-btn:last-child > .btn, .chat-form .input-group-btn:last-child > .btn-group { margin-left: 0; } /*chat form*/ /* begin Carousel */ ol.list-indicators { margin-top: 5px; margin-bottom: 0; bottom: -25px; } ol.list-indicators li { width: 15px; height: 15px; border-radius: 50%; background: #777777; margin: 0 5px; cursor: pointer; border: 0; } ol.list-indicators li.active { width: 15px; height: 15px; border-radius: 50%; background: #ff422b; margin: 0 5px; cursor: pointer; border: 0; } .carousel-control { top: auto; bottom: -25px; font-size: 12px; text-shadow: none; color: #777777; } .carousel-control:hover, .carousel-control:focus { color: #ff422b; } .carousel-control.left { background: transparent; } .carousel-control.right { background: transparent; } /* begin Carousel */ .row-icons { padding: 15px 0; margin: 0; } .row-icons [class*="col"] { margin-bottom: 20px; padding: 0; } .row-icons [class*="col"] a { line-height: 30px; display: inline-block; color: #777777; text-decoration: none; } .row-icons [class*="col"] a:hover i.fa:before { color: #ff6f5e; } .row-icons [class*="col"] a:hover i.glyphicon:before { color: #ff6f5e; } .row-icons [class*="col"] i.fa { vertical-align: middle; margin: 0 10px; width: 40px; } .row-icons [class*="col"] i:before { color: #ff422b; font-size: 30px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .row-icons [class*="col"] span { padding-left: 20px; vertical-align: top; } .modal-full-width { width: 100%; } .modal-wide-width { width: 70%; } .closeTab:hover { cursor: pointer; } .closeTab { font-size: 15px; } #error-page { background: #F0F2F5; text-align: center; position: relative; } #error-page #error-page-content { width: 480px; margin: 10% auto 0 auto; text-align: center; } #error-page #error-page-content h1 { font-family: 'oswald'; font-size: 150px; font-weight: bold; color: #ff422b; } #error-page #error-page-content p a { color: #ff422b; } #error-page #error-page-content p a:hover, #error-page #error-page-content p a:focus { text-decoration: underline; } #signin-page { background: url('http://swlabs.co/madmin/code/images/bg/1.jpg') center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; padding: 5px; height: 1000px; } #signup-page { background: url('http://swlabs.co/madmin/code/images/bg/2.jpg') center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; padding: 5px; height: 1000px; } #lock-screen-page { background: url('http://swlabs.co/madmin/code/images/bg/3.jpg') center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; padding: 5px; height: 1000px; } #lock-screen-page .page-form { background-color: rgba(0, 0, 0, 0.2); color: #ffffff; } #lock-screen-page .page-form input { background-color: rgba(0, 0, 0, 0.3); border: 0; } .page-form { width: 400px; margin: 5% auto 0 auto; background: #eeeeee; border-radius: 4px; } .page-form .input-icon i { margin-top: 12px; } .page-form input[type='text'], .page-form input[type='password'], .page-form input[type='email'], .page-form select { height: 40px; border-color: #e5e5e5; -webkit-box-shadow: none !important; box-shadow: none !important; color: #777777; } .page-form .header-content { padding: 15px 20px; background: #e9e9e9; border-top-left-radius: 4px; border-top-right-radius: 4px; } .page-form .header-content h1 { font-family: 'oswald'; font-size: 30px; font-weight: bold; text-align: center; margin: 0; text-transform: uppercase; } .page-form .body-content { padding: 15px 20px; position: relative; } .page-form .body-content .btn-twitter { background: #5bc0de; margin-bottom: 10px; color: #ffffff; } .page-form .body-content .btn-twitter i { margin-right: 5px; } .page-form .body-content .btn-twitter:hover, .page-form .body-content .btn-twitter:focus { color: #ffffff; } .page-form .body-content .btn-facebook { background: #418bca; margin-bottom: 10px; color: #ffffff; } .page-form .body-content .btn-facebook i { margin-right: 5px; } .page-form .body-content .btn-facebook:hover, .page-form .body-content .btn-facebook:focus { color: #ffffff; } .page-form .body-content .btn-google-plus { background: #dd4c39; margin-bottom: 10px; color: #ffffff; } .page-form .body-content .btn-google-plus i { margin-right: 5px; } .page-form .body-content .btn-google-plus:hover, .page-form .body-content .btn-google-plus:focus { color: #ffffff; } .page-form .body-content p a { color: #ff422b; } .page-form .body-content p a:hover, .page-form .body-content p a:focus { color: #777777; text-decoration: none; } .page-form .body-content .forget-password h4 { text-transform: uppercase; font-size: 16px; } .page-form .body-content hr { border-color: #e0e0e0; } .page-form .state-error + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #d9534f; } .page-form .rating.state-error + em { margin-top: -4px; margin-bottom: 4px; } .page-form .state-success + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #d9534f; } .page-form .state-error input, .page-form .state-error select { background: #f2dede; } .page-form .state-success input, .page-form .state-success select { background: #dff0d8; } .page-form .note-success { color: #5cb85c; } .page-form label { font-weight: normal; margin-bottom: 0; } #lock-screen-page .page-form { margin-top: 15%; text-align: center; } #lock-screen-page .page-form h1 { margin: 0; font-family: 'Oswald'; } #lock-screen-avatar { top: -78px; left: 50%; margin-left: -74px; position: absolute; display: inline-block; } #lock-screen-avatar img { border: 10px solid #eeeeee; } #lock-screen-info { margin-top: 60px; } @media only screen and (max-width: 480px) { .page-form { width: 280px; } #lock-screen-page .page-form { margin-top: 35%; } } #line-chart-spline canvas { height: auto !important; } .timeline-centered { position: relative; margin-bottom: 30px; } .timeline-centered.timeline-sm .timeline-entry { margin-bottom: 20px !important; } .timeline-centered.timeline-sm .timeline-entry .timeline-entry-inner .timeline-label { padding: 1em; } .timeline-centered:before, .timeline-centered:after { content: " "; display: table; } .timeline-centered:after { clear: both; } .timeline-centered:before { content: ''; position: absolute; display: block; width: 7px; background: #ffffff; left: 50%; top: 20px; bottom: 20px; margin-left: -4px; } .timeline-centered .timeline-entry { position: relative; width: 50%; float: right; margin-bottom: 70px; clear: both; } .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after { content: " "; display: table; } .timeline-centered .timeline-entry:after { clear: both; } .timeline-centered .timeline-entry.begin { margin-bottom: 0; } .timeline-centered .timeline-entry.left-aligned { float: left; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner { margin-left: 0; margin-right: -28px; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time { left: auto; right: -115px; text-align: left; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon { float: right; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label { margin-left: 0; margin-right: 85px; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after { left: auto; right: 0; margin-left: 0; margin-right: -9px; -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .timeline-centered .timeline-entry .timeline-entry-inner { position: relative; margin-left: -31px; } .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after { content: " "; display: table; } .timeline-centered .timeline-entry .timeline-entry-inner:after { clear: both; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time { position: absolute; left: -115px; text-align: right; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span { display: block; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child { font-size: 18px; font-weight: bold; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child { font-size: 12px; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #fff; color: #777777; display: block; width: 60px; height: 60px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; border-radius: 50%; text-align: center; border: 7px solid #ffffff; line-height: 45px; font-size: 15px; float: left; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary { background-color: #ff422b; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success { background-color: #5cb85c; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info { background-color: #5bc0de; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning { background-color: #f0ad4e; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger { background-color: #d9534f; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-red { background-color: #bf4346; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-green { background-color: #488c6c; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-blue { background-color: #0a819c; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-yellow { background-color: #f2994b; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-orange { background-color: #e9662c; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-pink { background-color: #bf3773; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-violet { background-color: #9351ad; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-grey { background-color: #4b5d67; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-dark { background-color: #594857; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label { position: relative; background: #ffffff; padding: 1.7em; margin-left: 85px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red { background: #bf4346; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red:after { border-color: transparent #bf4346 transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green { background: #488c6c; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green:after { border-color: transparent #488c6c transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange { background: #e9662c; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange:after { border-color: transparent #e9662c transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow { background: #f2994b; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow:after { border-color: transparent #f2994b transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue { background: #0a819c; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue:after { border-color: transparent #0a819c transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink { background: #bf3773; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink:after { border-color: transparent #bf3773 transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet { background: #9351ad; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet:after { border-color: transparent #9351ad transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey { background: #4b5d67; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey:after { border-color: transparent #4b5d67 transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark { background: #594857; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark:after { border-color: transparent #594857 transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 9px 9px 9px 0; border-color: transparent #ffffff transparent transparent; left: 0; top: 20px; margin-left: -9px; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p { color: #777777; margin: 0; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p { margin-top: 15px; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title { margin-bottom: 10px; font-family: 'Oswald'; font-weight: bold; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title span { -webkit-opacity: .6; -moz-opacity: .6; opacity: .6; -ms-filter: alpha(opacity=60); filter: alpha(opacity=60); } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p .timeline-img { margin: 5px 10px 0 0; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p .timeline-img.pull-right { margin: 5px 0 0 10px; } .panel-group .panel .panel { margin-bottom: 15px; } .panel-group .panel .panel-title { font-size: 17px; font-weight: 400; } .panel-group .panel .panel-title .accordion-toggle { padding: 7px 0px; } .tab-content.tab-edit { background: transparent; border: 0px; } .nav-pills li.active a { border: 1px solid #ff422b; } ul.nav.nav-tabs.ul-edit { border-bottom: 5px solid #ff422b !important; } ul.nav.nav-tabs.ul-edit li a { border: 0px; background: none; padding: 10px 20px; } ul.nav.nav-tabs.ul-edit li.active a { background: #ff422b; color: #fff; border: 0px; } .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #fff; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 44%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); background: #fff; } .timeline > li > .timeline-panel.primary { background: #2e6da4; color: #fff; } .timeline > li > .timeline-panel.primary:after { border-left: 14px solid #2e6da4 ; border-right: 0 solid #2e6da4 ; } .timeline > li > .timeline-panel.success { background: #3f903f; color: #fff; } .timeline > li > .timeline-panel.success:after { border-left: 14px solid #3f903f ; border-right: 0 solid #3f903f ; } .timeline > li > .timeline-panel.warning { background: #f0ad4e; color: #fff; } .timeline > li > .timeline-panel.warning:after { border-left: 14px solid #f0ad4e ; border-right: 0 solid #f0ad4e ; } .timeline > li > .timeline-panel.danger { background: #d9534f; color: #fff; } .timeline > li > .timeline-panel.danger:after { border-left: 14px solid #d9534f ; border-right: 0 solid #d9534f ; } .timeline > li > .timeline-panel.info { background: #5bc0de; color: #fff; } .timeline > li > .timeline-panel.info:after { border-left: 14px solid #5bc0de ; border-right: 0 solid #5bc0de ; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { color: #fff; width: 50px; height: 50px; line-height: 35px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border: 2px solid #fff; } .timeline > li > .timeline-badge i.glyphicon { top: 7px; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-badge.primary { background-color: #2e6da4 !important; } .timeline-badge.success { background-color: #3f903f !important; } .timeline-badge.warning { background-color: #f0ad4e !important; } .timeline-badge.danger { background-color: #d9534f !important; } .timeline-badge.info { background-color: #5bc0de !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } @media (max-width: 767px) { ul.timeline:before { left: 40px; } ul li:not(.timeline-inverted) .timeline-panel:after { border-left: 0px !important; } ul li:not(.timeline-inverted) .timeline-panel.primary:before { border-right: 15px solid #2e6da4; } ul li:not(.timeline-inverted) .timeline-panel.danger:before { border-right: 15px solid #d9534f; } ul.timeline > li > .timeline-panel { width: calc(80%); width: -moz-calc(80%); width: -webkit-calc(80%); } ul.timeline > li > .timeline-badge { left: 15px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } } #one-column .message-item { margin-bottom: 25px; margin-left: 40px; position: relative; } #one-column .message-item .message-inner { background: #fff; border: 1px solid #ddd; border-radius: 0px; padding: 10px; position: relative; } #one-column .message-item .message-inner:before { border-right: 10px solid #ddd; border-style: solid; border-width: 10px; color: rgba(0, 0, 0, 0); content: ""; display: block; height: 0; position: absolute; left: -20px; top: 6px; width: 0; } #one-column .message-item .message-inner:after { border-right: 10px solid #fff; border-style: solid; border-width: 10px; color: rgba(0, 0, 0, 0); content: ""; display: block; height: 0; position: absolute; left: -18px; top: 6px; width: 0; } #one-column .message-item:before { background: #fff; border-radius: 2px; bottom: -30px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: -30px; position: absolute; width: 3px; } #one-column .message-item:after { background: #fff; border: 2px solid #ccc; border-radius: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); content: ""; height: 15px; left: -36px; position: absolute; top: 10px; width: 15px; } #one-column .clearfix:before, #one-column .clearfix:after { content: " "; display: table; } #one-column .message-item .message-head { border-bottom: 1px solid #eee; margin-bottom: 8px; padding-bottom: 8px; } #one-column .message-item .message-head .avatar { margin-right: 20px; } #one-column .message-item .message-head .user-detail { overflow: hidden; } #one-column .message-item .message-head .user-detail h5 { font-size: 16px; font-weight: bold; margin: 0; } #one-column .message-item .message-head .post-meta { float: left; padding: 0 15px 0 0; } #one-column .message-item .message-head .post-meta > div { color: #333; font-weight: bold; text-align: right; } #one-column .post-meta > div { color: #777; font-size: 12px; line-height: 22px; } #one-column .message-item .message-head .post-meta > div { color: #333; font-weight: bold; text-align: right; } #one-column .post-meta > div { color: #777; font-size: 12px; line-height: 22px; } #one-column .avatar img { min-height: 40px; max-height: 40px; } #one-column .post-meta .qa-message-who-pad { margin-left: 10px; } #one-column .message-item.blue:after { background: #0a819c; } #one-column .message-item.blue .message-inner { border-color: #0a819c; } #one-column .message-item.blue .message-inner:before { border-right-color: #0a819c; } #one-column .message-item.red:after { background: #bf4346; } #one-column .message-item.red .message-inner { border-color: #bf4346; } #one-column .message-item.red .message-inner:before { border-right-color: #bf4346; } #one-column .message-item.green:after { background: #488c6c; } #one-column .message-item.green .message-inner { border-color: #488c6c; } #one-column .message-item.green .message-inner:before { border-right-color: #488c6c; } #one-column .message-item.orange:after { background: #e9662c; } #one-column .message-item.orange .message-inner { border-color: #e9662c; } #one-column .message-item.orange .message-inner:before { border-right-color: #e9662c; } #one-column .message-item.pink:after { background: #bf3773; } #one-column .message-item.pink .message-inner { border-color: #bf3773; } #one-column .message-item.pink .message-inner:before { border-right-color: #bf3773; } #one-column .message-item.violet:after { background: #9351ad; } #one-column .message-item.violet .message-inner { border-color: #9351ad; } #one-column .message-item.violet .message-inner:before { border-right-color: #9351ad; } .blog-page h1 { margin-bottom: 20px; } .blog-page .blog-articles { padding-bottom: 20px; } .blog-page .blog-articles .blog-img { margin-bottom: 10px; } .blog-page .blog-articles .blog-img img { margin-bottom: 12px; } .blog-page .blog-articles .blog-img ul { margin-bottom: 5px; margin-left: 0; } .blog-page .blog-articles .blog-img ul li { padding: 0; } .blog-page .blog-articles .blog-img ul li i { color: #ff422b; margin-right: 3px; } .blog-page .blog-articles .blog-img ul li a { margin-right: 8px; text-decoration: none; } .blog-page .blog-articles .blog-img ul.blog-date li i { color: #ff422b; margin-right: 3px; } .blog-page .blog-articles .blog-img ul.blog-date li a { color: #777777; } .blog-page .blog-articles .blog-article { padding-bottom: 20px; } .blog-page .blog-articles .blog-article h3 { margin-top: 0; } .blog-page .blog-articles ul.blog-tags { margin-bottom: 5px; margin-left: 0; } .blog-page .blog-articles ul.blog-tags li { padding: 0; } .blog-page .blog-articles ul.blog-tags li i { color: #ff422b; margin-right: 3px; } .blog-page .blog-articles ul.blog-tags li a { margin-right: 8px; text-decoration: none; } .blog-page .blog-articles ul.blog-date li i { color: #ff422b; margin-right: 3px; } .blog-page .blog-articles ul.blog-date li a { color: #777777; } .blog-page .blog-sidebar ul li a { color: #777777; } .blog-page .blog-sidebar .blog-images li a img { width: 50px; height: 50px; opacity: 0.6; margin: 0 2px 8px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-page .blog-sidebar .blog-images li a img:hover { opacity: 1; } .blog-page .blog-sidebar .sidebar-tags li { padding: 0; } .blog-page .blog-sidebar .sidebar-tags li a { color: #ffffff; margin: 0 2px 5px 0; display: inline-block; } .blog-page hr { margin-bottom: 40px; } .blog-page h4.media-heading span { font-size: 12px; } .blog-page .media .media-body hr { margin-bottom: 20px; } #external-events .external-event { display: inline-block; cursor: move; margin-bottom: 5px; margin-right: 5px; } .gallery-pages .list-filter { margin-top: 10px; } .gallery-pages .list-filter li { cursor: pointer; padding: 6px 15px; margin-right: 5px; margin-bottom: 5px; background: #eee; display: inline-block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .gallery-pages .list-filter li.active, .gallery-pages .list-filter li:hover, .gallery-pages .list-filter li:focus { background: #ff422b; color: #ffffff; } .gallery-pages .mix-grid .mix { display: none; position: relative; overflow: hidden; margin-bottom: 15px; } .gallery-pages .mix-grid .mix .hover-effect { position: relative; border: 0; width: 100%; height: 100%; box-shadow: none; overflow: hidden; } .gallery-pages .mix-grid .mix .hover-effect .img { -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .gallery-pages .mix-grid .mix .hover-effect .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; background: rgba(26, 74, 114, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .gallery-pages .mix-grid .mix .hover-effect .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 16px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .gallery-pages .mix-grid .mix .hover-effect .info p { font-style: italic; font-size: 12px; position: relative; color: #e0e0e0; padding: 20px 20px 20px; text-align: center; } .gallery-pages .mix-grid .mix .hover-effect .info a.mix-link { color: #fff; text-align: center; padding: 10px 15px; background: #ff422b; margin: 20px 10px 20px 0; display: inline-block; } .gallery-pages .mix-grid .mix .hover-effect .info a.mix-zoom { color: #fff; text-align: center; padding: 10px 15px; background: #ff422b; margin: 20px 10px 20px 0; display: inline-block; } .gallery-pages .mix-grid .mix .hover-effect:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .gallery-pages .mix-grid .mix .hover-effect:hover .info { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .gallery-pages .action-group { margin-top: 8px; margin-bottom: 20px; } .gallery-pages .action-group button { font-size: 13px; } .frontend-pages .hover-effect { position: relative; border: 0; width: 100%; height: 100%; box-shadow: none; overflow: hidden; } .frontend-pages .hover-effect .img { -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .frontend-pages .hover-effect .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; background-color: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .frontend-pages .hover-effect .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 20px; padding: 10px; background: #ff422b; margin: 25% 0 0 0; } .frontend-pages .hover-effect:hover .info { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .mail-content { overflow-x: hidden; overflow-y: auto; height: 657px; } .mail-content .mail-sender { width: 100%; display: inline-block; margin: 0 0 20px 0; border-bottom: 1px solid #EFF2F7; padding: 10px 0; } .mail-content .mail-sender .date { line-height: 30px; margin-bottom: 0; text-align: right; } .mail-content .mail-view { margin-bottom: 25px; } .mail-content .mail-attachment ul { padding: 0; } .mail-content .mail-attachment ul li { float: left; width: 100px; margin-right: 15px; margin-top: 15px; list-style: none; } .mail-content .mail-attachment ul li:hover { background: #f7f8f9; } .mail-content .mail-attachment ul li a { color: #777777; } .mail-content .mail-attachment ul li .thumb-attach img { width: 100px; height: auto; margin-bottom: 10px; } .mail-content .mail-attachment ul li .link { color: #ff422b; } #invoice-page .panel { border-radius: 0; } #invoice-page .panel .panel-body { padding: 30px; } #invoice-page .panel .panel-body .invoice-title { float: right; text-align: right; } #invoice-page .panel .panel-body .invoice-title h2 { margin-top: 0; } #invoice-page .panel .panel-body .logo { font-family: 'Oswald'; font-weight: bold; margin-top: 0; } #invoice-page .panel .panel-body hr { margin: 30px 0; } .box-placeholder { margin-bottom: 15px; padding: 20px; border: 1px solid #e5e5e5; background: #ffffff; color: #444; } .state-error + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #d9534f; } .state-success + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #5cb85c; } .state-error input, .state-error select { background: #f2dede; } .state-success input, .state-success select { background: #dff0d8; } .note-success { color: #5cb85c; } .radio-inline, .checkbox-inline, .checkbox, .radio { padding-left: 0; margin: 0; } .checkbox label, .radio label { cursor: pointer; margin-right: 10px; margin-bottom: 0; } .checkbox label:first-child, .radio label:first-child { padding-left: 0; } .form-horizontal.form-bordered .radio, .form-horizontal.form-bordered .checkbox, .form-horizontal.form-bordered .radio-inline, .form-horizontal.form-bordered .checkbox-inline { padding-top: 0; } .social-icons li a { border-radius: 50%; color: #fff; width: 30px; height: 30px; text-align: center; padding-top: 5px; display: block; } .social-icons li a:hover, .social-icons li a:focus { background: #ff422b; color: #ffffff; } .social-icons li a.facebook { background-color: #0a819c; } .social-icons li a.github { background-color: #e9662c; } .social-icons li a.googleplus { background-color: #bf4346; } .social-icons li a.linkedin { background-color: #bf3773; } .social-icons li a.rss { background-color: #488c6c; } .social-icons li a.skype { background-color: #2980b9; } .social-icons li a.twitter { background-color: #3498db; } .social-icons li a.youtube { background-color: #e74c3c; } .member-team { background-color: #f9f9f9; float: left; padding: 5px; margin-bottom: 10px; max-width: 100%; } .member-team h3 { margin-top: 10px; } .member-team h3 small { color: #ababab; display: block; margin-top: 5px; font-size: 13px; } #faq .panel-group .panel { margin-bottom: 10px; } #faq .panel-group .panel .panel-heading { font-size: 14px; padding-top: 0; padding-bottom: 0; } #faq .panel-group .panel .panel-heading a { color: #777777; } #faq .panel-group .panel .panel-heading a strong { margin-right: 10px; } #faq .panel-group .panel .panel-heading:hover, #faq .panel-group .panel .panel-heading:focus { background: #e5e5e5; } #faq .panel-group .panel .panel-body strong:first-child { margin-right: 10px; } .accordion-toggle { display: block; line-height: 22px; padding: 10px 0; position: relative; } .row .row-merge { margin: 0; } .row .row-merge [class*=col-] { padding: 0; } .row .row-merge [class*=col-] .pricing-widget { position: relative; border: 0; cursor: pointer; margin: 20px 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important; } .row .row-merge [class*=col-] .pricing-widget .pricing-head { background: #5cb85c; padding: 6px 20px; font-size: 18px; text-align: center; color: #ffffff; } .row .row-merge [class*=col-] .pricing-widget .pricing-body { background: #fff; } .row .row-merge [class*=col-] .pricing-widget .pricing-cost { background: #4cae4c; text-align: center; padding: 20px; border-bottom: 1px solid #efefef; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; font-size: 18px; color: #ffffff; min-height: 125px; } .row .row-merge [class*=col-] .pricing-widget .pricing-cost strong { font-size: 30px; } .row .row-merge [class*=col-] .pricing-widget .pricing-list { list-style: none; padding: 0; margin: 0; } .row .row-merge [class*=col-] .pricing-widget .pricing-list li { padding: 10px; border-bottom: 1px solid #efefef; } .row .row-merge [class*=col-] .pricing-widget .pricing-list li:last-child { min-height: 84px; padding-top: 30px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-bottom: none; } .row .row-merge [class*=col-] .pricing-widget:not(.pricing-title).active, .row .row-merge [class*=col-] .pricing-widget:not(.pricing-title):hover { -webkit-box-shadow: 0 3px 25px -4px rgba(0, 0, 0, 0.9) !important; box-shadow: 0 3px 25px -4px rgba(0, 0, 0, 0.9) !important; } .row .row-merge [class*=col-] .pricing-widget.active { z-index: 2; } .row .row-merge [class*=col-] .pricing-widget:hover { z-index: 2; } .ribbon-wrapper { position: absolute; width: 75px; height: 75px; overflow: hidden; top: -1px; right: 14px; } .ribbon-wrapper .ribbon-inner { display: block; position: relative; padding: 5px 0; color: #fff; background-color: #bf4346; font-size: 13px; line-height: 17px; text-align: center; width: 107px; top: 11px; left: -5px; text-shadow: 0 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) !important; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .the-price { padding: 20px; margin: 0; } .the-price h1 { margin-bottom: 0; } .the-price .subscript { font-size: 14px; } #faq .panel { border: 0; } #totop { position: fixed; bottom: 40px; right: 1.5%; display: none; z-index: 9999; background: transparent; border: 3px solid #ff422b; border-radius: 50%; height: 45px; width: 45px; text-align: center; } #totop i { color: #ff422b; line-height: 40px; font-size: 33px; } #totop:hover { background: #ff422b; } #totop:hover i { color: #ffffff; } .option-demo { position: relative; } .demo-layout { background-color: #ffffff; padding: 5px 15px; position: absolute; top: -30px; left: 0; z-index: 9999; border: 1px solid #e5e5e5; cursor: pointer; } #sidebar-hover #topbar .navbar-header { width: 160px; } #sidebar-hover #wrapper #page-wrapper { margin-left: 160px; } #sidebar-hover #wrapper #sidebar { width: 160px; } #sidebar-hover #wrapper #sidebar ul.menu-hover { width: 160px; position: absolute; top: 50px; display: block; -webkit-box-shadow: none !important; box-shadow: none !important; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li.active a { opacity: 0.95; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li a { background-color: #554161; color: #FFFFFF; padding: 15px; position: relative; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li a span.menu-title { margin-left: 10px; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li a:after { content: ''; border: 0; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li a:hover { opacity: 0.95; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu { -webkit-box-shadow: none !important; box-shadow: none !important; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li:first-child > a:before { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #ff1e02 transparent transparent; left: -8px; top: 50%; margin-top: -8px; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li a { background-color: #ff1e02; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li a:hover { opacity: 0.95; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu { -webkit-box-shadow: none !important; box-shadow: none !important; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu > li:first-child > a:before { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #ff4b35 transparent transparent; left: -8px; top: 50%; margin-top: -8px; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu > li a { background-color: #ff4b35; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu > li a:hover { opacity: 0.95; } #sidebar-hover .dropdown-submenu > .dropdown-menu { margin-left: 0; } .mail-box { margin-bottom: 0; } .mail-box .list-group-item:nth-child(odd) { background-color: #f8f8f8; } .mail-box .list-group-item { border: 0; } .mail-box .list-group-item:hover { color: #777777; } .mail-box .list-group-item .time-badge { float: right; font-style: italic; color: #999999; } .mail-box .list-group-item.active, .mail-box .list-group-item:hover, .mail-box .list-group-item:focus { background-color: #ffc !important; color: #777777 !important; } .bootstrap-wysihtml5-insert-link-modal label.checkbox { display: none; } .bg-primary { background-color: #ff422b; color: #fff; } .bg-success { background-color: #5cb85c; color: #fff; } .bg-info { background-color: #5bc0de; color: #fff; } .bg-warning { background-color: #f0ad4e; color: #fff; } .bg-danger { background-color: #d9534f; color: #fff; } .bg-red { background-color: #bf4346; color: #fff; } .bg-green { background-color: #488c6c; color: #fff; } .bg-blue { background-color: #0a819c; color: #fff; } .bg-yellow { background-color: #f2994b; color: #fff; } .bg-orange { background-color: #e9662c; color: #fff; } .bg-pink { background-color: #bf3773; color: #fff; } .bg-violet { background-color: #9351ad; color: #fff; } .bg-grey { background-color: #4b5d67; color: #fff; } .bg-dark { background-color: #594857; color: #fff; } body.sidebar-colors #wrapper { background-color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar { background-color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar ul#side-menu li { border-bottom: 1px solid #e5e5e5; } body.sidebar-colors #wrapper #sidebar ul#side-menu li.active a, body.sidebar-colors #wrapper #sidebar ul#side-menu li:hover a { background-color: #f8f8f8; } body.sidebar-colors #wrapper #sidebar ul#side-menu li.active a i:before, body.sidebar-colors #wrapper #sidebar ul#side-menu li:hover a i:before { color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar ul#side-menu li.active a i .icon-bg, body.sidebar-colors #wrapper #sidebar ul#side-menu li:hover a i .icon-bg { left: 0; } body.sidebar-colors #wrapper #sidebar ul#side-menu li.user-panel { display: none; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a { color: #777777; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a:hover, body.sidebar-colors #wrapper #sidebar ul#side-menu li a:focus { background-color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a i { position: relative; display: block; float: left; width: 50px; height: 45px; line-height: 45px; border-right: 1px solid #e5e5e5; text-align: center; margin: -13px 10px -16px -15px; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a i:before { position: relative; z-index: 1; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a i .icon-bg { display: block; position: absolute; z-index: 12; z-index: 0; left: -47px; width: 100%; top: 0; bottom: 0; -webkit-transition: left 0.15s ease-in-out; transition: left 0.15s ease-in-out; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a .arrow { display: none; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li:first-child, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li:first-child { border-top: 1px solid #e5e5e5; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li:last-child, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li:last-child { border-bottom: 0; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li.active > a, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li.active > a, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li:hover > a, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li:hover > a { background-color: #f1f1f1; color: #ff422b; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li > a, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li > a { padding: 15px; background-color: #f1f1f1; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li > a i:before, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li > a i:before { color: #777777; } body.sidebar-colors #wrapper #page-wrapper { border-left: 2px solid #e5e5e5; } body.sidebar-icons #topbar .navbar-header { width: 105px; } body.sidebar-icons #topbar .navbar-header .logo-text { display: none !important; } body.sidebar-icons #topbar .navbar-header .logo-text-icon { display: block !important; font-weight: bold; font-family: 'Oswald', sans-serif; font-size: 30px; } body.sidebar-icons #wrapper #sidebar { width: 105px; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li.user-panel { display: none; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li:hover ul.nav-second-level { display: block; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a { padding: 15px 10px; text-align: center; display: block; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a:hover, body.sidebar-icons #wrapper #sidebar ul#side-menu > li a:focus { background-color: transparent; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a span.menu-title { display: block; margin-top: 8px; margin-left: 0; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a i.fa { font-size: 25px; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a .arrow, body.sidebar-icons #wrapper #sidebar ul#side-menu > li a .label { display: none; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level { display: none; position: absolute; top: 0px; left: 105px; width: 195px; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a { text-align: left; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a:hover, body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a:focus { background-color: #ff422b; color: #FFFFFF; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a i { display: none; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li:first-child:before { width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid #483752; content: ""; position: absolute; top: 50%; margin-top: -9px; left: -9px; z-index: 5; } body.sidebar-icons #wrapper #page-wrapper { margin-left: 105px; } body.sidebar-collapsed #topbar .navbar-header { width: 55px; } body.sidebar-collapsed #topbar .navbar-header .logo-text { display: none !important; } body.sidebar-collapsed #topbar .navbar-header .logo-text-icon { display: block !important; } body.sidebar-collapsed .navbar-static-side { width: 55px; } body.sidebar-collapsed .navbar-static-side ul#side-menu li.user-panel { display: none; } body.sidebar-collapsed .navbar-static-side ul#side-menu li:hover a { height: 45px; } body.sidebar-collapsed .navbar-static-side ul#side-menu li:hover a span.menu-title { display: block !important; } body.sidebar-collapsed .navbar-static-side ul#side-menu li:hover a span.submenu-title { display: block !important; margin-left: 0; } body.sidebar-collapsed .navbar-static-side ul#side-menu li:hover ul.nav-second-level { display: block; position: absolute; top: 45px; left: 55px; width: 195px; } body.sidebar-collapsed .navbar-static-side ul#side-menu li:hover ul.nav-second-level li a { padding: 15px; } body.sidebar-collapsed .navbar-static-side ul#side-menu li a span { display: none; } body.sidebar-collapsed .navbar-static-side ul#side-menu li a i.fa { font-size: 18px; } body.sidebar-collapsed .navbar-static-side ul#side-menu li a span.menu-title { position: absolute; top: 0; left: 55px; padding: 15px; margin-left: 0; background: #ff422b; color: #ffffff; width: 195px; height: 45px; } body.sidebar-collapsed .navbar-static-side ul#side-menu li a span.label { display: block; } body.sidebar-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level { display: none; position: absolute; top: 50px; left: 55px; width: 195px; } body.sidebar-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level li a i { display: none; } body.sidebar-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level li a span.label { position: absolute; top: 15px; right: 10px; } body.sidebar-collapsed .navbar-static-side ul#side-menu > li > a span.label { display: block !important; position: absolute; right: -10px; top: 0px; padding: 2px 4px; } body.sidebar-collapsed #page-wrapper { margin: 0 0 0 55px; } body.sidebar-collapsed.right .page-header-topbar #topbar .navbar-header { float: right; } body.sidebar-collapsed.right #wrapper #sidebar { left: auto; right: 0; } body.sidebar-collapsed.right #wrapper #sidebar ul#side-menu li:hover a span.submenu-title { margin-right: 0; } body.sidebar-collapsed.right #wrapper #sidebar ul#side-menu li:hover ul.nav-second-level { right: 55px; left: auto; } body.sidebar-collapsed.right #wrapper #sidebar ul#side-menu li a span.menu-title { right: 55px; left: auto; margin-right: 0; } body.sidebar-collapsed.right #wrapper #sidebar ul#side-menu li ul.nav-second-level { right: 55px; left: auto; } body.sidebar-collapsed.right #wrapper #page-wrapper { margin: 0 55px 0 0; } body.header-fixed .page-header-topbar { position: fixed; top: 0px; z-index: 9999; width: 100%; } body.header-fixed .news-ticker { display: none; } body.header-fixed #wrapper { margin-top: 50px; } body.header-fixed #sidebar { position: fixed; } a.DTTT_button { padding: 7px 8px; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; } ul.user-last-logged-list { margin: 0; padding: 0; list-style: none; } ul.user-last-logged-list > li { margin-top: 0; position: relative; padding: 10px 0; border-top: 1px solid #e5e5e5; } ul.user-last-logged-list > li:first-child { border-top: none; } ul.user-last-logged-list > li .media-right { float: right; margin-left: 10px; } ul.user-last-logged-list > li .meta { margin: 0; padding: 0; list-style: none; } ul.user-last-logged-list > li .meta > li { font-size: 11px; line-height: 20px; color: #777777; } ul.user-last-logged-list > li .meta > li i { margin-right: 5px; min-width: 12px; } ul.user-last-logged-list > li .meta > li i.fa-envelope-o { color: #e67e22; } ul.user-last-logged-list > li .meta > li i.fa-clock-o { color: #27ae60; } ul.user-last-logged-list > li .meta > li i.fa-globe { color: #2980b9; } ul.user-last-logged-list > li .meta > li .user-list-ip { margin-left: 3px; } ul.user-last-logged-list > li .meta > li strong { color: #777777; margin-left: 5px; } ul.user-last-logged-list > li .media-body h4.media-heading { font-size: 16px; display: block; } ul.user-last-logged-list > li .media-body h4.media-heading small { font-size: 12px; margin-left: 5px; } ul.user-last-logged-list > li .media-body h4.media-heading small a { color: #777777; } ul.user-last-logged-list > li .media-body h4.media-heading .user-list-name { color: #ff422b; } ul.user-last-logged-list > li .media-body h4.media-heading .user-list-name:hover { color: #777777; } ul.user-last-logged-list > li .media-body h4.media-heading i.fa.fa-user { font-size: 18px; margin-right: 5px; } #user-last-logged-table .media-thumb .img-shadow { position: relative; float: left; max-width: 100%; } #user-last-logged-table .media-thumb .img-shadow img { float: left; height: 35px; width: 35px; } #user-last-logged-table .media-thumb .data { margin: 0; padding: 0; list-style: none; font-size: 12px; } #user-last-logged-table .media-thumb .data li strong.user-list-ip { margin-left: 3px; } #user-last-logged-table .media-thumb .data li em { margin-right: 3px; } ul.thumb-large { margin: 0; padding: 0; list-style: none; } ul.thumb-large > li { margin-top: 0; position: relative; padding: 10px 0; border-top: 1px solid #e5e5e5; } ul.thumb-large > li:first-child { border-top: none; } ul.thumb-large > li .media-left { float: left; margin-right: 10px; } ul.thumb-large > li .media-thumb .img-shadow img { height: 55px; width: 55px; } ul.thumb-large > li .media-body { overflow: hidden; zoom: 1; } ul.thumb-large > li .media-body .menu-right { float: right; margin-left: 10px; } ul.thumb-large > li .media-body .quick-menu.menu-right { margin-left: 5px; margin-bottom: 5px; } ul.thumb-large > li .media-body .media-heading a { display: block; margin-bottom: 5px; color: #ff422b; } ul.thumb-large > li .media-body .media-heading small { font-size: 12px; } ul.thumb-large > li .media-body .media-heading small a { color: #777777; } ul.thumb-large > li .media-body .meta { font-size: 11px; line-height: 16px; color: #777777; } .user-list-footer { padding: 10px; background-color: #f9f9f9; } ul.thumb-small { margin: 0; padding: 0; list-style: none; } ul.thumb-small > li { margin-top: 0; position: relative; padding: 10px 0; border-top: 1px solid #e5e5e5; } ul.thumb-small > li:first-child { border-top: none; } ul.thumb-small > li .media-thumb .img-shadow { position: relative; float: left; max-width: 100%; } ul.thumb-small > li .media-thumb .img-shadow img { float: left; height: 35px; width: 35px; } ul.thumb-small > li .media-thumb.media-left { float: left; margin-right: 10px; } ul.thumb-small > li .media-body { overflow: hidden; zoom: 1; } ul.thumb-small > li .media-body .menu-right { float: right; margin-left: 10px; } ul.thumb-small > li .media-body .menu-right a { margin-right: 4px; } ul.thumb-small > li .media-body .quick-menu-icon.menu-right i { font-size: 18px; color: #777777; } ul.thumb-small > li .media-body .quick-menu-icon.menu-right i.fa-facebook-square { color: #2980b9; } ul.thumb-small > li .media-body .quick-menu-icon.menu-right i.fa-twitter-square { color: #3498db; } ul.thumb-small > li .media-body .quick-menu-icon.menu-right i.fa-google-plus-square { color: #c0392b; } ul.thumb-small > li .media-body .quick-menu-icon.menu-right i.fa-linkedin-square { color: #d35400; } ul.thumb-small > li .media-body .media-heading a { display: block; margin-bottom: 5px; color: #ff422b; } ul.thumb-small > li .media-body .media-heading small { font-size: 12px; } ul.thumb-small > li .media-body .media-heading small a { color: #777777; } ul.thumb-xxlarge { margin: 0; padding: 0; list-style: none; text-align: left; } ul.thumb-xxlarge > li { margin-top: 0; position: relative; padding: 10px 0; border-top: 1px solid #e5e5e5; } ul.thumb-xxlarge > li:first-child { border-top: none; } ul.thumb-xxlarge > li .media-thumb .img-shadow { position: relative; float: left; max-width: 100%; } ul.thumb-xxlarge > li .media-thumb .img-shadow img { float: left; height: 96px; width: 96px; } ul.thumb-xxlarge > li .media-thumb.media-left { float: left; margin-right: 10px; } ul.thumb-xxlarge > li .media-body .menu-right { float: right; } ul.thumb-xxlarge > li .media-body .quick-menu.menu-right { margin-left: 5px; margin-bottom: 5px; } ul.thumb-xxlarge > li .media-body .media-heading { margin: 0 0 5px; } ul.thumb-xxlarge > li .media-body .media-heading a { margin-bottom: 5px; color: #ff422b; } ul.thumb-xxlarge > li .media-body .media-heading small { font-size: 12px; } ul.thumb-xxlarge > li .media-body .media-heading small a { color: #777777; } ul.thumb-xxlarge > li .media-body .data { margin: 0; padding: 0; list-style: none; font-size: 12px; z-index: 999; } .em { font-style: italic; } .media-overflow, .media-overflow .media, .media-overflow .media-body { overflow: visible; } .news-ticker { position: relative; width: 100%; padding: 5px 0; text-align: center; } .news-ticker #news-ticker-close { position: absolute; top: 5px; right: 20px; color: rgba(255, 255, 255, 0.4); } ul.list-icon { list-style: none; padding: 0 20px; } ul.list-icon li:before { content: "\f05d"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; margin-right: 10px; } ul.list-icon li:hover { color: #ff422b; } .demo-btn > .btn { margin-bottom: 5px; margin-right: 5px; } .demo-btn-group > .btn-group { margin-bottom: 5px; margin-right: 5px; } .demo-btn-group > .btn-toolbar > .btn-group { margin-bottom: 5px; margin-right: 5px; } /***** Begin Page Loader *****/ #page-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-color: #ffffff; } #page-loader img { position: absolute; top: 50%; left: 50%; margin: -64px 0 0 -64px; width: 128px; height: 128px; } /***** End Page Loader *****/ /***** Begin Header Option Page *****/ .header-option-page { border-bottom: 1px solid #cccccc; padding-bottom: 15px; } /***** End Header Option Page *****/ .jstree-hovered, .jstree-wholerow-hovered { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; background: #ff422b !important; color: #fff !important; transition: background-color 0s, box-shadow 0s !important; transition-property: background-color, box-shadow !important; transition-duration: 0s, 0s !important; transition-timing-function: initial, initial; transition-delay: initial, initial; } .jstree-clicked, .jstree-wholerow-clicked { background: #ff9d91 !important; color: #fff !important; } .jstree-anchor, .jstree-wholerow { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; transition: background-color 0s, box-shadow 0s !important; transition-property: background-color, box-shadow !important; transition-duration: 0s, 0s !important; transition-timing-function: initial, initial; transition-delay: initial, initial; } .family-tree-horizontal li a:hover, .family-tree-horizontal li a:hover + ul li a, .family-tree-vertical li a:hover, .family-tree-vertical li a:hover + ul li a { background: #ff422b !important; color: #fff !important; } .header-option-page { border-bottom: 1px solid #cccccc; padding-bottom: 15px; } .quick-sidebar { position: fixed; right: 0; top: 78px; bottom: 0; width: 280px; background-color: #353535; z-index: 100; display: none; } .quick-sidebar .header-quick-sidebar ul.nav.nav-tabs.ul-edit > li.active > ul > li.active > a { background-color: #e5e5e5; color: #999999; } .quick-sidebar .header-quick-sidebar ul.nav.nav-tabs.ul-edit > li > a { padding: 10px 0; } .quick-sidebar .content-quick-sidebar.tab-content { background-color: transparent; border: 0; padding: 0px; } .quick-sidebar .content-quick-sidebar.tab-content .tab-pane h4 { padding: 15px; margin: 0; font-weight: bold; border-bottom: 1px solid #555; } .quick-sidebar .content-quick-sidebar.tab-content .tab-pane ul.list-update > li { padding: 10px; border-bottom: 1px solid #414141; clear: both; } .quick-sidebar .content-quick-sidebar.tab-content .tab-pane ul.list-update > li span.label:first-child { margin-right: 10px; padding: 8px; float: left; } .quick-sidebar .content-quick-sidebar.tab-content .tab-pane ul.list-update > li div { margin-left: 25px; margin-bottom: 5px; } .quick-sidebar .content-quick-sidebar.tab-content .tab-pane ul.list-update > li div ul.sub-list-update { padding-left: 25px; } .quick-sidebar .content-quick-sidebar.tab-content .tab-pane ul.list-update > li div ul.sub-list-update li { padding: 3px 0; color: #777777; } .quick-sidebar .content-quick-sidebar.tab-content .tab-pane ul.list-features li { padding: 10px; border-bottom: 1px solid #414141; clear: both; } .quick-sidebar.quick-sidebar-hidden { display: block; } #page-user-profile .tab-content { border: 0; } #page-user-profile #tab-activity ul.list-activity > li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #efefef; } #page-user-profile #tab-activity ul.list-activity > li:last-child { border-bottom: 0; } #page-user-profile #tab-activity ul.list-activity > li .avatar { float: left; margin-right: 10px; } #page-user-profile #tab-activity ul.list-activity > li .avatar img { width: 40px; display: inline-block; } #page-user-profile #tab-activity ul.list-activity > li .body { overflow: hidden; zoom: 1; } #page-user-profile #tab-activity ul.list-activity > li .body .desc small.text-muted { font-size: 10px; color: #BBBBBB; } #page-user-profile #tab-activity ul.list-activity > li .body .content { margin-top: 20px; } #page-user-profile #tab-activity ul.list-activity > li .body .content a { color: #428bca; } #page-user-profile #tab-activity ul.list-activity > li .body .content a:hover { text-decoration: underline; } #page-user-profile #tab-activity ul.list-activity > li .body .content .content-thumb { float: left; margin-right: 10px; } #page-user-profile #tab-activity ul.list-activity > li .body .content .content-thumb img { width: 100px; display: inline-block; } #page-user-profile #tab-activity ul.list-activity > li .body .content .content-thumb-large { float: left; } #page-user-profile #tab-activity ul.list-activity > li .body .content .content-thumb-large img { width: 180px; display: inline-block; margin-right: 10px; } #page-user-profile #tab-activity ul.list-activity > li .body .content .content-info { overflow: hidden; zoom: 1; } #page-user-profile #tab-edit .tab-content { background: #f8f8f8; } #page-user-profile #tab-edit .nav-pills li.active a { background-color: #5cb85c; border-color: #5cb85c; } #page-user-profile #tab-edit .nav-pills li.active a:hover { color: #FFFFFF !important; } #page-user-profile #tab-edit .nav-pills li a { background-color: #f8f8f8; } #page-user-profile #tab-edit .nav-pills li a:hover { color: #777777; } .news-ticker { position: relative; width: 100%; padding: 5px 0; text-align: center; } .news-ticker a { color: #fff; } .news-ticker #news-ticker-close { position: absolute; top: 5px; right: 20px; color: rgba(255, 255, 255, 0.4); } #preloader button.show_demo { display: block; margin: auto; } #preloader .spinner { background: #ff422b; height: 200px; } #preloader .spinner.demo { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1000; } #preloader #container { margin: -45px -60px; width: 120px; height: 90px; position: absolute; top: 50%; left: 50%; } #preloader #dot { background: #FFF; border-radius: 50%; width: 30px; height: 30px; position: absolute; bottom: 30px; left: 27px; transform-origin: center bottom; -webkit-animation: dot 0.6s ease-in-out infinite; -moz-animation: dot 0.6s ease-in-out infinite; animation: dot 0.6s ease-in-out infinite; } @-webkit-keyframes dot { 0% { transform: scale(1, 0.7); } 20% { transform: scale(0.7, 1.2); } 40% { transform: scale(1, 1); } 50% { bottom: 100px; } 46% { transform: scale(1, 1); } 80% { transform: scale(0.7, 1.2); } 90% { transform: scale(0.7, 1.2); } 100% { transform: scale(1, 0.7); } } @keyframes dot { 0% { transform: scale(1, 0.7); } 20% { transform: scale(0.7, 1.2); } 40% { transform: scale(1, 1); } 50% { bottom: 100px; } 46% { transform: scale(1, 1); } 80% { transform: scale(0.7, 1.2); } 90% { transform: scale(0.7, 1.2); } 100% { transform: scale(1, 0.7); } } #preloader .step { position: absolute; width: 30px; height: 30px; border-top: 2px solid #FFF; top: 0; right: 0; } @-webkit-keyframes anim { 0% { opacity: 0; top: 0; right: 0; } 50% { opacity: 1; } 100% { top: 90px; right: 90px; opacity: 0; } } @keyframes anim { 0% { opacity: 0; top: 0; right: 0; } 50% { opacity: 1; } 100% { top: 90px; right: 90px; opacity: 0; } } #preloader #s1 { -webkit-animation: anim 1.8s linear infinite; -moz-animation: anim 1.8s linear infinite; animation: anim 1.8s linear infinite; } #preloader #s2 { -webkit-animation: anim 1.8s linear infinite -0.6s; -moz-animation: anim 1.8s linear infinite -0.6s; animation: anim 1.8s linear infinite -0.6s; } #preloader #s3 { -webkit-animation: anim 1.8s linear infinite -1.2s; -moz-animation: anim 1.8s linear infinite -1.2s; animation: anim 1.8s linear infinite -1.2s; } #pageloader2 .spinner { background: -webkit-linear-gradient(#1e1e21, #17171b); background: -o-linear-gradient(#1e1e21, #17171b); background: linear-gradient(#1e1e21, #17171b); } #pageloader2 .center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #pageloader2 .bouncywrap { position: relative; } #pageloader2 .dotcon { display: block; float: left; width: 50px; position: absolute; } #pageloader2 .dc1 { -webkit-animation: bouncy1 1.5s infinite; left: -40px; animation: bouncy1 1.5s infinite; } #pageloader2 .dc2 { -webkit-animation: bouncy2 1.5s infinite; animation: bouncy2 1.5s infinite; left: 0; } #pageloader2 .dc3 { -webkit-animation: bouncy3 1.5s infinite; animation: bouncy3 1.5s infinite; left: 40px; } #pageloader2 .dot { height: 10px; width: 10px; border-radius: 50%; background: rgba(150, 160, 180, 0.8); } @-webkit-keyframes bouncy1 { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 50% { -webkit-transform: translate(0px, 0px) rotate(180deg); } 100% { -webkit-transform: translate(40px, 0px) rotate(-180deg); } } @keyframes bouncy1 { 0% { transform: translate(0px, 0px) rotate(0deg); } 50% { transform: translate(0px, 0px) rotate(180deg); } 100% { transform: translate(40px, 0px) rotate(-180deg); } } @-webkit-keyframes bouncy2 { 0% { -webkit-transform: translateX(0px); } 50% { -webkit-transform: translateX(-40px); } 100% { -webkit-transform: translateX(-40px); } } @keyframes bouncy2 { 0% { transform: translateX(0px); } 50% { transform: translateX(-40px); } 100% { transform: translateX(-40px); } } @-webkit-keyframes bouncy3 { 0% { -webkit-transform: translateX(0px); } 50% { -webkit-transform: translateX(0px); } 100% { -webkit-transform: translateX(-40px); } } @keyframes bouncy3 { 0% { transform: translateX(0px); } 50% { transform: translateX(0px); } 100% { transform: translateX(-40px); } } #pageloader3 .spinner { background: #111; } #pageloader3 .loader { position: relative; padding-top: 0px; width: 40px; margin: auto; position: absolute; top: 35%; left: 47%; } #pageloader3 .loader .circle { position: absolute; width: 38px; height: 38px; opacity: 0; transform: rotate(225deg); -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: orbit; -moz-animation-name: orbit; animation-name: orbit; -webkit-animation-duration: 5.5s; -moz-animation-duration: 5.5s; animation-duration: 5.5s; } #pageloader3 .loader .circle:after { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 5px; background: #fff; /* Pick a color */ } #pageloader3 .loader .circle:nth-child(2) { -webkit-animation-delay: 240ms; -moz-animation-delay: 240ms; animation-delay: 240ms; } #pageloader3 .loader .circle:nth-child(3) { -webkit-animation-delay: 480ms; -moz-animation-delay: 480ms; animation-delay: 480ms; } #pageloader3 .loader .circle:nth-child(4) { -webkit-animation-delay: 720ms; -moz-animation-delay: 720ms; animation-delay: 720ms; } #pageloader3 .loader .circle:nth-child(5) { -webkit-animation-delay: 960ms; -moz-animation-delay: 960ms; animation-delay: 960ms; } @-webkit-keyframes orbit { 0% { transform: rotate(225deg); opacity: 1; animation-timing-function: ease-out; } 7% { transform: rotate(345deg); animation-timing-function: linear; } 30% { transform: rotate(455deg); animation-timing-function: ease-in-out; } 39% { transform: rotate(690deg); animation-timing-function: linear; } 70% { transform: rotate(815deg); opacity: 1; animation-timing-function: ease-out; } 75% { transform: rotate(945deg); animation-timing-function: ease-out; } 76% { transform: rotate(945deg); opacity: 0; } 100% { transform: rotate(945deg); opacity: 0; } } @keyframes orbit { 0% { transform: rotate(225deg); opacity: 1; animation-timing-function: ease-out; } 7% { transform: rotate(345deg); animation-timing-function: linear; } 30% { transform: rotate(455deg); animation-timing-function: ease-in-out; } 39% { transform: rotate(690deg); animation-timing-function: linear; } 70% { transform: rotate(815deg); opacity: 1; animation-timing-function: ease-out; } 75% { transform: rotate(945deg); animation-timing-function: ease-out; } 76% { transform: rotate(945deg); opacity: 0; } 100% { transform: rotate(945deg); opacity: 0; } } #pageloader4 .spinner { padding: 80px 0; background: #252525; text-align: center; } #pageloader4 .spinftw { border-radius: 100%; display: inline-block; position: absolute; top: 35%; left: 47%; height: 30px; width: 30px; -webkit-animation: loader infinite 4s; -moz-animation: loader infinite 4s; animation: loader infinite 4s; box-shadow: 25px 25px #3498db, -25px 25px #9b59b6, -25px -25px #e74c3c, 25px -25px #2ecc71; } @-webkit-keyframes loader { 0%, 100% { box-shadow: 25px 25px #3498db, -25px 25px #9b59b6, -25px -25px #e74c3c, 25px -25px #2ecc71; } 25% { box-shadow: -25px 25px #3498db, -25px -25px #9b59b6, 25px -25px #e74c3c, 25px 25px #2ecc71; } 50% { box-shadow: -25px -25px #3498db, 25px -25px #9b59b6, 25px 25px #e74c3c, -25px 25px #2ecc71; } 75% { box-shadow: 25px -25px #3498db, 25px 25px #9b59b6, -25px 25px #e74c3c, -25px -25px #2ecc71; } } @-moz-keyframes loader { 0%, 100% { box-shadow: 25px 25px #3498db, -25px 25px #9b59b6, -25px -25px #e74c3c, 25px -25px #2ecc71; } 25% { box-shadow: -25px 25px #3498db, -25px -25px #9b59b6, 25px -25px #e74c3c, 25px 25px #2ecc71; } 50% { box-shadow: -25px -25px #3498db, 25px -25px #9b59b6, 25px 25px #e74c3c, -25px 25px #2ecc71; } 75% { box-shadow: 25px -25px #3498db, 25px 25px #9b59b6, -25px 25px #e74c3c, -25px -25px #2ecc71; } } @keyframes loader { 0%, 100% { box-shadow: 25px 25px #3498db, -25px 25px #9b59b6, -25px -25px #e74c3c, 25px -25px #2ecc71; } 25% { box-shadow: -25px 25px #3498db, -25px -25px #9b59b6, 25px -25px #e74c3c, 25px 25px #2ecc71; } 50% { box-shadow: -25px -25px #3498db, 25px -25px #9b59b6, 25px 25px #e74c3c, -25px 25px #2ecc71; } 75% { box-shadow: 25px -25px #3498db, 25px 25px #9b59b6, -25px 25px #e74c3c, -25px -25px #2ecc71; } } #pageloader5 main { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #pageloader5 .spinner-inline { position: relative; } #pageloader5 .spinner-inline:before, #pageloader5 .spinner-inline:after { content: ""; position: relative; display: block; } #pageloader5 .spinner-inline:before { -webkit-animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -moz-animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; width: 50px; height: 50px; background-color: #fff; } #pageloader5 .spinner-inline:after { -webkit-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -moz-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; bottom: -1.5em; height: .25em; border-radius: 50%; background-color: #e9341a; } @-webkit-keyframes spinner { 50% { border-radius: 50%; -webkit-transform: scale(0.5) rotate(360deg); } 100% { -webkit-transform: scale(1) rotate(720deg); } } @keyframes spinner { 50% { border-radius: 50%; transform: scale(0.5) rotate(360deg); } 100% { -webkit-transform: scale(1) rotate(720deg); } } @-webkit-keyframes shadow { 50% { -webkit-transform: scale(0.5); background-color: #ec4931; } } @keyframes shadow { 50% { transform: scale(0.5); background-color: #ec4931; } } #pageloader6 .spinner { overflow-x: hidden; overflow-y: hidden; width: 100%; } #pageloader6 .bar { position: relative; height: 2px; width: 100%; margin: 0 auto; background: #fff; margin-top: 150px; } #pageloader6 .circle { position: absolute; top: -30px; margin-left: -30px; height: 60px; width: 60px; left: 0; background: #fff; border-radius: 30%; -webkit-animation: move 5s infinite; } #pageloader6 p { position: absolute; top: -35px; right: -85px; text-transform: uppercase; color: #347fc3; font-family: helvetica, sans-serif; font-weight: bold; } @-webkit-keyframes move { 0% { left: 0; } 50% { left: 100%; -webkit-transform: rotate(450deg); width: 150px; height: 150px; } 75% { left: 100%; -webkit-transform: rotate(450deg); width: 150px; height: 150px; } 100 { right: 100%; } } #pageloader7 .spinner { margin: 0; padding: 0; background: #191f27; } #pageloader7 .container { margin: -45px -60px; width: 120px; height: 90px; position: absolute; top: 35%; left: 50%; } #pageloader7 .ball { width: 10px; height: 10px; margin: 10px auto; border-radius: 50px; } #pageloader7 .ball:nth-child(1) { background: #ff005d; -webkit-animation: right 1s infinite ease-in-out; -moz-animation: right 1s infinite ease-in-out; animation: right 1s infinite ease-in-out; } #pageloader7 .ball:nth-child(2) { background: #35ff99; -webkit-animation: left 1.1s infinite ease-in-out; -moz-animation: left 1.1s infinite ease-in-out; animation: left 1.1s infinite ease-in-out; } #pageloader7 .ball:nth-child(3) { background: #008597; -webkit-animation: right 1.05s infinite ease-in-out; -moz-animation: right 1.05s infinite ease-in-out; animation: right 1.05s infinite ease-in-out; } #pageloader7 .ball:nth-child(4) { background: #ffcc00; -webkit-animation: left 1.15s infinite ease-in-out; -moz-animation: left 1.15s infinite ease-in-out; animation: left 1.15s infinite ease-in-out; } #pageloader7 .ball:nth-child(5) { background: #2d3443; -webkit-animation: right 1.1s infinite ease-in-out; -moz-animation: right 1.1s infinite ease-in-out; animation: right 1.1s infinite ease-in-out; } #pageloader7 .ball:nth-child(6) { background: #ff7c35; -webkit-animation: left 1.05s infinite ease-in-out; -moz-animation: left 1.05s infinite ease-in-out; animation: left 1.05s infinite ease-in-out; } #pageloader7 .ball:nth-child(7) { background: #4d407c; -webkit-animation: right 1s infinite ease-in-out; -moz-animation: right 1s infinite ease-in-out; animation: right 1s infinite ease-in-out; } @-webkit-keyframes right { 0% { -webkit-transform: translate(-15px); } 50% { -webkit-transform: translate(15px); } 100% { -webkit-transform: translate(-15px); } } @-webkit-keyframes left { 0% { -webkit-transform: translate(15px); } 50% { -webkit-transform: translate(-15px); } 100% { -webkit-transform: translate(15px); } } @-moz-keyframes right { 0% { -moz-transform: translate(-15px); } 50% { -moz-transform: translate(15px); } 100% { -moz-transform: translate(-15px); } } @-moz-keyframes left { 0% { -moz-transform: translate(15px); } 50% { -moz-transform: translate(-15px); } 100% { -moz-transform: translate(15px); } } @keyframes right { 0% { transform: translate(-15px); } 50% { transform: translate(15px); } 100% { transform: translate(-15px); } } @keyframes left { 0% { transform: translate(15px); } 50% { transform: translate(-15px); } 100% { transform: translate(15px); } } #pageloader-img img { margin-right: 15px; max-width: 32px; } .table-management .display-option .display-option-content { border: 1px solid #e5e5e5; padding: 10px 0px; display: inline-block; margin-top: -1px; width: 100%; } .table-management .display-option .display-option-content a.reset-default { text-decoration: underline; color: #d2322d; } .table-management .content-body { margin-top: 15px; } .table-management .content-body .form-group { margin-bottom: 0px; } .table-management .content-body .form-control { display: inline; } .table-management .content-body .action-bar select.more-action { width: 200px; display: inline; padding-top: 3px; } .table-management .content-body .action-bar ul.pagination { float: right; margin: 0px; } .table-management .content-body .filter { background: #efefef; border: 1px solid #ddd; border-bottom: 1px solid #efefef; position: relative; } .table-management .content-body .filter .filter-header { padding: 8px 8px 10px 8px; border-bottom: 1px solid #ddd; margin-bottom: -2px; } .table-management .content-body .filter a.toggle-filter-content { height: 38px; border-left: 1px solid #ddd; position: absolute; top: 0px; right: 0px; width: 35px; } .table-management .content-body .filter a.toggle-filter-content span.caret { font-size: 15px; margin-top: 10px; } .table-management .content-body .filter a.filter-attr { color: #bf3773; border-bottom: 1px dotted #777; } .table-management .content-body .filter .filter-content { padding: 8px 5px 0px 8px; display: none; } .table-management .content-body .filter .filter-content .attr-select { width: 200px; display: inline; padding-top: 3px; } .table-management .content-body .filter .filter-content .filter-attr-content { background: #fff; padding: 8px 5px 0px 8px; padding: 10px; border: 1px solid #ddd; margin-top: 10px; margin-bottom: 10px; } .table-management .content-body .filter .filter-content .attr-option { width: 150px; display: inline; } .table-management .content-body .filter .filter-content .attr-value { width: 50%; display: inline; } .table-management .list-table table tbody tr td a.status { font-size: 11px; } .table-management .list-table table tbody tr td a.status i.active { color: #2baf2b; } .table-management .list-table table tbody tr td a.status i.inactive { color: #ff3d00; } .table-management .list-table table tbody tr td a.status i.na { color: #ff9800; } .table-management .list-table table tbody tr td a.value { color: #0076BF; text-decoration: underline; } .table-management .list-table table tbody tr td a.value:hover { color: #52A437; } .table-management .list-table table tbody tr td a.trash { margin-right: 5px; color: #d2322d; } .table-management .list-table table tbody tr td a.trash i.fa { margin-right: 3px; } .table-management .list-table table tbody tr td a.trash:hover { text-decoration: underline; } .table-management .list-table table tbody tr td a.view { color: #5bc0de; } .table-management .list-table table tbody tr td a.view i.fa { margin-right: 3px; } .table-management .list-table table tbody tr td a.view:hover { text-decoration: underline; } .table-management .list-table table tbody tr td a.view, .table-management .list-table table tbody tr td a.trash { visibility: hidden; font-size: 12px; } .table-management .list-table table tbody tr:hover a.view, .table-management .list-table table tbody tr:hover a.trash { visibility: visible; } .last-col { overflow: hidden !important; } .pdn { padding: 0 !important; } .pdx { padding: 3px; } .pdm { padding: 10px; } .pdl { padding: 20px; } .pdxl { padding: 30px; } .pdxxl { padding: 40px; } .ptn, .pvn, .pan { padding-top: 0 !important; } .ptx, .pvx, .pax { padding-top: 3px !important; } .pts, .pvs, .pas { padding-top: 5px !important; } .ptm, .pvm, .pam { padding-top: 10px !important; } .ptl, .pvl, .pal { padding-top: 20px !important; } .ptxl, .pvxl, .paxl { padding-top: 30px !important; } .ptxxl, .pvxxl, .paxxl { padding-top: 40px !important; } .prn, .phn, .pan { padding-right: 0 !important; } .prx, .phx, .pax { padding-right: 3px !important; } .prs, .phs, .pas { padding-right: 5px !important; } .prm, .phm, .pam { padding-right: 10px !important; } .prl, .phl, .pal { padding-right: 20px !important; } .prxl, .phxl, .paxl { padding-right: 30px !important; } .prxxl, .phxxl, .paxxl { padding-right: 40px !important; } .pbn, .pvn, .pan { padding-bottom: 0 !important; } .pbx, .pvx, .pax { padding-bottom: 3px !important; } .pbs, .pvs, .pas { padding-bottom: 5px !important; } .pbm, .pvm, .pam { padding-bottom: 10px !important; } .pbl, .pvl, .pal { padding-bottom: 20px !important; } .pbxl, .pvxl, .paxl { padding-bottom: 30px !important; } .pbxxl, .pvxxl, .paxxl { padding-bottom: 40px !important; } .pln, .phn, .pan { padding-left: 0 !important; } .plx, .phx, .pax { padding-left: 3px !important; } .pls, .phs, .pas { padding-left: 5px !important; } .plm, .phm, .pam { padding-left: 10px !important; } .pll, .phl, .pal { padding-left: 20px !important; } .plxl, .phxl, .paxl { padding-left: 30px !important; } .plxxl, .phxxl, .paxxl { padding-left: 40px !important; } .mtn, .mvn, .man { margin-top: 0px !important; } .mtx, .mvx, .max { margin-top: 3px !important; } .mts, .mvs, .mas { margin-top: 5px !important; } .mtm, .mvm, .mam { margin-top: 10px !important; } .mtl, .mvl, .mal { margin-top: 20px !important; } .mtxl, .mvxl, .maxl { margin-top: 30px !important; } .mtxxl, .mvxxl, .maxxl { margin-top: 40px !important; } .mrn, .mhn, .man { margin-right: 0px !important; } .mrx, .mhx, .max { margin-right: 3px !important; } .mrs, .mhs, .mas { margin-right: 5px !important; } .mrm, .mhm, .mam { margin-right: 10px !important; } .mrl, .mhl, .mal { margin-right: 20px !important; } .mrxl, .mhxl, .maxl { margin-right: 30px !important; } .mrxxl, .mhxxl, .maxxl { margin-right: 40px !important; } .mbn, .mvn, .man { margin-bottom: 0px !important; } .mbx, .mvx, .max { margin-bottom: 3px !important; } .mbs, .mvs, .mas { margin-bottom: 5px !important; } .mbm, .mvm, .mam { margin-bottom: 10px !important; } .mbl, .mvl, .mal { margin-bottom: 20px !important; } .mbxl, .mvxl, .maxl { margin-bottom: 30px !important; } .mbxxl, .mvxxl, .maxxl { margin-bottom: 40px !important; } .mln, .mhn, .man { margin-left: 0px !important; } .mlx, .mhx, .max { margin-left: 3px !important; } .mls, .mhs, .mas { margin-left: 5px !important; } .mlm, .mhm, .mam { margin-left: 10px !important; } .mll, .mhl, .mal { margin-left: 20px !important; } .mlxl, .mhxl, .maxl { margin-left: 30px !important; } .mlxxl, .mhxxl, .maxxl { margin-left: 40px !important; } .alert-hide { display: none; } .alert { color: #bf4346; } #rootwizard-tabdetail2 .navbar-inner .nav-pills li { width: 20%; } #rootwizard-tabdetail2 .navbar-inner .nav-pills li a p.top { position: absolute; top: 10px; left: 0px; } #rootwizard-tabdetail2 .navbar-inner .nav-pills li a p.icon i.fa { width: 50px; height: 50px; border-radius: 25px !important; border: 3px solid #ff422b; background-color: transparent; position: absolute; top: 0px; left: 0px; } #rootwizard-tabdetail2 .navbar-inner .nav-pills li a p.bottom { position: absolute; top: -10px; left: 0px; } .pace .pace-progress { background-color: #ff422b; } .legendColorBox { padding: 3px 0; } .legendColorBox div { border-radius: 50%; margin-right: 5px; } .legendColorBox div div { margin-right: 0; } .ui-state-default { border: 0; background: #ff422b; color: #ffffff; } .ui-widget-content { background: #ffffff; border: 1px solid #e5e5e5; } .ui-widget-content .ui-state-default { border: 0; background: #ff422b; color: #ffffff; cursor: pointer; } .ui-widget-content .ui-state-default:hover, .ui-widget-content .ui-state-default:focus { background: #ff2b12; } .ui-widget-header { background: #ff422b; } .ui-widget-header .ui-state-default { border: 0; background: #ff422b; color: #ffffff; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 2em; height: 2em; border-radius: 50%; border: 3px solid #fefefe; } .ui-slider.ui-slider-horizontal .ui-slider-handle { top: -0.9em; } .ui-slider.ui-slider-vertical .ui-slider-handle { left: -0.85em; } #slider-multi span { height: 120px; float: left; margin: 20px; } .ui-slider-horizontal { height: 0.45em; } .ui-slider-vertical { width: 0.45em; } .example-val:before { content: "Value: "; font-weight: bold; } .irs-line-mid, .irs-line-left, .irs-line-right, .irs-diapason, .irs-slider { background: #E5E5E5; } .irs-slider { width: 1.5em; height: 1.5em; top: 19px; border: 1px solid #fefefe; background: #777; border-radius: 50%; } .irs-diapason { background: #ff422b; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 8px; top: 25px; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs-diapason { height: 8px; top: 25px; } .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: rgba(0, 0, 0, 0.1); } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 3px; background: rgba(0, 0, 0, 0.3); } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid-pol { background: #777777; } .irs-grid-text { color: #777777; } .jquery-notific8-message { font-size: 13px; } [class*="jquery-notific8"], [class*="jquery-notific8"]:after, [class*="jquery-notific8"]:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .right .jquery-notific8-close-sticky span, .left .jquery-notific8-close-sticky span { font-size: 10px; } .jquery-notific8-heading { font-weight: 300; font-size: 16px; } .colors { clear: both; padding: 24px 0 9px; } .skin-line .colors { padding-top: 28px; } .colors strong { float: left; line-height: 20px; margin-right: 20px; } .colors li { position: relative; float: left; width: 16px; height: 16px; margin: 2px 1px 0 0; background: #000; cursor: pointer; filter: alpha(opacity=50); opacity: .5; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; } .colors li:hover { filter: alpha(opacity=100); opacity: 1; } .colors li.active { height: 20px; margin-top: 0; filter: alpha(opacity=75); opacity: 0.75; } .colors li.red { background: #d54e21; } .colors li.green { background: #78a300; } .colors li.blue { background: #0e76a8; } .colors li.aero { background: #9cc2cb; } .colors li.grey { background: #73716e; } .colors li.orange { background: #ff7700; } .colors li.yellow { background: #ffcc00; } .colors li.pink { background: #ff66b5; } .colors li.purple { background: #6a5a8c; } .sticky-header { z-index: 999; } .slimScrollDiv { float: left; } .slimScrollRail { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .table tbody tr.calendar-month-header:first-child th { border-top: 0; background: #ff422b; color: #ffffff; padding: 12px 0; } .table tbody tr.calendar-month-header:first-child th .calendar-month-navigation { padding-top: 0; } .table tbody tr.calendar-month-header:first-child th span { padding-bottom: 0; } .table tbody tr td { border-top: 1px solid #efefef; } .ticker-wrapper.has-js { margin: 0; padding: 0; float: left; background: transparent; font-size: 13px; } .ticker { display: block; position: relative; overflow: hidden; background: transparent; margin: 0; padding: 0; } .ticker-title { background-color: transparent; } .ticker-content { color: #ffffff; background: transparent; font-weight: normal; padding-top: 8px; } .ticker-content a { color: #777777; } .ticker-content a:hover, .ticker-content a:focus { color: #777777; text-decoration: none; } .ticker-swipe { width: 100%; height: 42px; background: #483752; } .ticker-swipe span { margin-left: 1px; background-color: transparent; border-bottom: 3px solid #777777; height: 21px; width: 7px; display: block; } .news-update-box { float: left; padding: 9px 20px; line-height: 30px; } .introjs-helperLayer { background-color: rgba(255, 255, 255, 0.5); } .introjs-fixParent { z-index: auto !important; opacity: 1.0 !important; position: absolute !important; } .introjs-helperNumberLayer { line-height: 13px; } body.header-fixed .top .jquery-notific8-notification:first-child { margin-top: 50px; } .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small { color: #aaaaaa; } .counter.warning { color: #d9534f; } #rootwizard-custom-circle { margin-top: 50px; position: relative; } #rootwizard-custom-circle .navbar { margin-bottom: 35px; } #rootwizard-custom-circle:before { content: ""; height: 3px; width: 100%; background-color: #5CB85C; position: absolute; top: 30px; left: 0; } #rootwizard-custom-circle li { background-color: #fff; border: 3px solid #6ec06e; height: 40px; width: 40px; border-radius: 20px; -webkit-border-radius: 20px; margin-bottom: 20px; padding-top: 0px; padding-left: 0px; display: inline-block; float: left; list-style: none; margin-left: 17%; text-align: center; position: relative; } #rootwizard-custom-circle li:first-child { margin-left: 11%; } #rootwizard-custom-circle li a { font-size: 17px; line-height: 200%; } #rootwizard-custom-circle li a i { color: #6ec06e; top: 2px; } #rootwizard-custom-circle li a i.glyphicon-send { left: -3px; } #rootwizard-custom-circle li a p.anchor { position: absolute; top: -35px; left: -130px; width: 300px; font-family: 'oswald'; } #rootwizard-custom-circle li a p.description { font-size: 13px; position: absolute; left: -130px; width: 300px; } #rootwizard-custom-circle li.active { background-color: #fff; border: 3px solid #ff422b; } #rootwizard-custom-circle li.active a, #rootwizard-custom-circle li.active p, #rootwizard-custom-circle li.active i { color: #ff422b; } #rootwizard-custom-circle #bar { height: 14px; border-radius: 5px; } #rootwizard-custom-circle .tab-content { border-width: 0px; } #rootwizard-custom-circle .tab-content .action { padding: 15px 0px; border-top: 1px solid #E6E6E6; margin-top: 60px; } #rootwizard-custom-circle .tab-content .action button.btn { padding: 7px 21px; } .news-ticker { position: relative; width: 100%; padding: 5px 0; text-align: center; } .news-ticker a { color: #fff; } .news-ticker a:hover, .news-ticker a:focus { text-decoration: underline; } .news-ticker #news-ticker-close { position: absolute; top: 5px; right: 20px; color: rgba(255, 255, 255, 0.4); } .daterangepicker .ranges .input-mini { width: 74px !important; } a[data-wysihtml5-command-value="blockquote"] .glyphicon-quote { top: -15px; left: -6px; } /**************************************/ /********** Jquery Jvectormap *********/ .jvectormap-zoomin, .jvectormap-zoomout { background: #488c6c; width: 20px; height: 20px; border-radius: 50%; padding: 4px 0; } .jvectormap-zoomout { top: 40px; } /********** Jquery Jvectormap *********/ /**************************************/ textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #999999; box-shadow: none; outline: 0 none; } a:focus, .btn:focus { outline: 0 !important; } .img-circle { border-radius: 50% !important; } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: 300; } .note { margin: 0 0 20px 0; padding: 15px 30px 15px 15px; border-left: 3px solid #e5e5e5; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .note h1, .note h2, .note h3, .note h4 { margin-top: 0; } .note p:last-child { margin-bottom: 0; } .note code, .note .highlight { background-color: #fff; } .note-success { border-color: #5cb85c; background: #dff0d8; } .note-success .box-heading { color: #5cb85c; } .note-warning { border-color: #f0ad4e; background: #fcf8e3; } .note-warning .box-heading { color: #f0ad4e; } .note-info { border-color: #5bc0de; background: #d9edf7; } .note-info .box-heading { color: #5bc0de; } .note-danger { border-color: #d9534f; background: #f2dede; } .note-danger .box-heading { color: #d9534f; } .pagination { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .pagination li a { border-color: #e5e5e5; } .pagination li span { border-right: #e5e5e5; } .pagination li.active a { border-color: #ff422b; } .pagination li.active span { border-color: #ff422b; } .pagination li:first-child a { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .pagination li:first-child span { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .pagination li:last-child a { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .pagination li:last-child span { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .badge { font-size: 11px !important; font-weight: 300; height: 18px; padding: 3px 6px 3px 6px; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; text-shadow: none !important; text-align: center; vertical-align: middle; background-color: #bcbcbc; } .label { font-size: 11px; font-weight: 300; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .badge-default, .label-default { background-color: #999 !important; } .badge-primary, .label-primary { background-color: #ff422b !important; } .badge-red, .label-red { background-color: #bf4346 !important; } .badge-orange, .label-orange { background-color: #e9662c !important; } .badge-green, .label-green { background-color: #488c6c !important; } .badge-yellow, .label-yellow { background-color: #f2994b !important; } .badge-blue, .label-blue { background-color: #0a819c !important; } .badge-violet, .label-violet { background-color: #9351ad !important; } .badge-pink, .label-pink { background-color: #bf3773 !important; } .badge-grey, .label-grey { background-color: #4b5d67 !important; } .badge-dark, .label-dark { background-color: #594857 !important; } .label-success, .badge-success { background-color: #5cb85c; background-image: none !important; } .label-warning, .badge-warning { background-color: #f0ad4e; background-image: none !important; } .label-danger, .badge-danger { background-color: #d9534f; background-image: none !important; } .label-info, .badge-info { background-color: #5bc0de; background-image: none !important; } .nav.nav-pills > li > a > .badge { margin-top: -2px; } .nav.nav-stacked > li > a > .badge { margin-top: 1px; margin-bottom: 0px; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #ff422b; } .pagination li.active a { color: #FFFFFF; background: #ff422b; z-index: 2; cursor: default; } .pagination li.active a:hover, .pagination li.active a:focus { color: #FFFFFF; background: #ff422b; z-index: 2; cursor: default; } .pagination li.active span { color: #FFFFFF; background: #ff422b; z-index: 2; cursor: default; } .pagination li.active span:hover, .pagination li.active span:focus { color: #FFFFFF; background: #ff422b; z-index: 2; cursor: default; } .pagination li a { color: #ff422b; } .panel { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .panel > .panel-heading { font-size: 18px; padding: 7px 15px; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; border-color: #e5e5e5 !important; } .panel > .panel-heading .subtitle { font-size: 13px; margin-left: 10px; color: #BBBBBB; margin-bottom: 0; } .panel > .panel-heading .toolbars { float: right; } .panel > .panel-heading .toolbars a { color: #777777; } .panel > .panel-heading .toolbars a:hover, .panel > .panel-heading .toolbars a:focus { color: #ff422b; } .panel > .panel-heading .toolbars input { height: 30px; } .panel > .panel-heading .toolbars .input-icon i { margin-top: 8px; } .panel > .panel-heading .toolbars .btn-group a { margin-left: 10px; } .panel > .panel-footer { font-size: 18px; padding: 7px 15px; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .panel.panel-primary { border-color: #ff422b; } .panel.panel-primary > .panel-heading { color: #FFFFFF; background: #ff422b; border-color: #ff422b !important; } .panel.panel-primary > .panel-heading .subtitle { color: #FFFFFF; } .panel.panel-primary > .panel-heading .toolbars a { color: #777777; } .panel.panel-primary > .panel-heading .toolbars a:hover, .panel.panel-primary > .panel-heading .toolbars a:focus { color: #f9f9f9; } .panel.panel-primary > .panel-footer { color: #FFFFFF; background: #ff422b; border-color: #ff422b !important; } .panel.panel-red { border-color: #bf4346; } .panel.panel-red > .panel-heading { color: #FFFFFF; background: #bf4346; border-color: #bf4346 !important; } .panel.panel-red > .panel-heading .subtitle { color: #FFFFFF; } .panel.panel-red > .panel-heading .toolbars a { color: #777777; } .panel.panel-red > .panel-heading .toolbars a:hover, .panel.panel-red > .panel-heading .toolbars a:focus { color: #f9f9f9; } .panel.panel-red > .panel-footer { color: #FFFFFF; background: #bf4346; border-color: #bf4346 !important; } .panel.panel-orange { border-color: #e9662c; } .panel.panel-orange > .panel-heading { color: #FFFFFF; background: #e9662c; border-color: #e9662c !important; } .panel.panel-orange > .panel-heading .subtitle { color: #FFFFFF; } .panel.panel-orange > .panel-heading .toolbars a { color: #777777; } .panel.panel-orange > .panel-heading .toolbars a:hover, .panel.panel-orange > .panel-heading .toolbars a:focus { color: #f9f9f9; } .panel.panel-orange > .panel-footer { color: #FFFFFF; background: #e9662c; border-color: #e9662c !important; } .panel.panel-green { border-color: #488c6c; } .panel.panel-green > .panel-heading { color: #FFFFFF; background: #488c6c; border-color: #488c6c !important; } .panel.panel-green > .panel-heading .subtitle { color: #FFFFFF; } .panel.panel-green > .panel-heading .toolbars a { color: #777777; } .panel.panel-green > .panel-heading .toolbars a:hover, .panel.panel-green > .panel-heading .toolbars a:focus { color: #f9f9f9; } .panel.panel-green > .panel-footer { color: #FFFFFF; background: #488c6c; border-color: #488c6c !important; } .panel.panel-yellow { border-color: #f2994b; } .panel.panel-yellow > .panel-heading { color: #FFFFFF; background: #f2994b; border-color: #f2994b !important; } .panel.panel-yellow > .panel-heading .subtitle { color: #FFFFFF; } .panel.panel-yellow > .panel-heading .toolbars a { color: #777777; } .panel.panel-yellow > .panel-heading .toolbars a:hover, .panel.panel-yellow > .panel-heading .toolbars a:focus { color: #f9f9f9; } .panel.panel-yellow > .panel-footer { color: #FFFFFF; background: #f2994b; border-color: #f2994b !important; } .panel.panel-blue { border-color: #0a819c; } .panel.panel-blue > .panel-heading { color: #FFFFFF; background: #0a819c; border-color: #0a819c !important; } .panel.panel-blue > .panel-heading .subtitle { color: #FFFFFF; } .panel.panel-blue > .panel-heading .toolbars a { color: #777777; } .panel.panel-blue > .panel-heading .toolbars a:hover, .panel.panel-blue > .panel-heading .toolbars a:focus { color: #f9f9f9; } .panel.panel-blue > .panel-footer { color: #FFFFFF; background: #0a819c; border-color: #0a819c !important; } .panel.panel-pink { border-color: #bf3773; } .panel.panel-pink > .panel-heading { color: #FFFFFF; background: #bf3773; border-color: #bf3773 !important; } .panel.panel-pink > .panel-heading .subtitle { color: #FFFFFF; } .panel.panel-pink > .panel-heading .toolbars a { color: #777777; } .panel.panel-pink > .panel-heading .toolbars a:hover, .panel.panel-pink > .panel-heading .toolbars a:focus { color: #f9f9f9; } .panel.panel-pink > .panel-footer { color: #FFFFFF; background: #bf3773; border-color: #bf3773 !important; } .panel.panel-violet { border-color: #9351ad; } .panel.panel-violet > .panel-heading { color: #FFFFFF; background: #9351ad; border-color: #9351ad !important; } .panel.panel-violet > .panel-heading .subtitle { color: #FFFFFF; } .panel.panel-violet > .panel-heading .toolbars a { color: #777777; } .panel.panel-violet > .panel-heading .toolbars a:hover, .panel.panel-violet > .panel-heading .toolbars a:focus { color: #f9f9f9; } .panel.panel-violet > .panel-footer { color: #FFFFFF; background: #9351ad; border-color: #9351ad !important; } .panel.panel-grey { border-color: #4b5d67; } .panel.panel-grey > .panel-heading { color: #FFFFFF; background: #4b5d67; border-color: #4b5d67 !important; } .panel.panel-grey > .panel-heading .subtitle { color: #FFFFFF; } .panel.panel-grey > .panel-heading .toolbars a { color: #777777; } .panel.panel-grey > .panel-heading .toolbars a:hover, .panel.panel-grey > .panel-heading .toolbars a:focus { color: #f9f9f9; } .panel.panel-grey > .panel-footer { color: #FFFFFF; background: #4b5d67; border-color: #4b5d67 !important; } .panel.panel-dark { border-color: #594857; } .panel.panel-dark > .panel-heading { color: #FFFFFF; background: #594857; border-color: #594857 !important; } .panel.panel-dark > .panel-heading .subtitle { color: #FFFFFF; } .panel.panel-dark > .panel-heading .toolbars a { color: #777777; } .panel.panel-dark > .panel-heading .toolbars a:hover, .panel.panel-dark > .panel-heading .toolbars a:focus { color: #f9f9f9; } .panel.panel-dark > .panel-footer { color: #FFFFFF; background: #594857; border-color: #594857 !important; } .panel.panel-white { border-color: #efefef; } .panel.panel-white > .panel-heading { border-bottom: 1px solid #faf9fb; color: #777777; background: #FFFFFF; } .panel.panel-white > .panel-heading .subtitle { color: #BBBBBB; } .panel.panel-white > .panel-footer { border-top: 1px solid #faf9fb; color: #777777; background: #FFFFFF; } .btn { outline: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .btn.btn-square { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .btn-outlined { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn-outlined.btn-default { background: none; border: 1px solid #777777; color: #777777; } .btn-outlined.btn-primary { background: none; border: 1px solid #ff422b; color: #ff422b; } .btn-outlined.btn-success { background: none; border: 1px solid #5cb85c; color: #5cb85c; } .btn-outlined.btn-warning { background: none; border: 1px solid #f0ad4e; color: #f0ad4e; } .btn-outlined.btn-info { background: none; border: 1px solid #5bc0de; color: #5bc0de; } .btn-outlined.btn-danger { background: none; border: 1px solid #d9534f; color: #d9534f; } .btn-outlined.btn-red { background: none; border: 1px solid #bf4346; color: #bf4346; } .btn-outlined.btn-orange { background: none; border: 1px solid #e9662c; color: #e9662c; } .btn-outlined.btn-green { background: none; border: 1px solid #488c6c; color: #488c6c; } .btn-outlined.btn-yellow { background: none; border: 1px solid #f2994b; color: #f2994b; } .btn-outlined.btn-blue { background: none; border: 1px solid #0a819c; color: #0a819c; } .btn-outlined.btn-pink { background: none; border: 1px solid #bf3773; color: #bf3773; } .btn-outlined.btn-violet { background: none; border: 1px solid #9351ad; color: #9351ad; } .btn-outlined.btn-grey { background: none; border: 1px solid #4b5d67; color: #4b5d67; } .btn-outlined.btn-dark { background: none; border: 1px solid #594857; color: #594857; } .btn-default { color: #777777; background-color: #efefef; border-color: #e5e5e5; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #777777; background-color: #dbdbdb; border-color: #c6c6c6; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #efefef; border-color: #e5e5e5; } .btn-primary { color: #ffffff; background-color: #ff422b; border-color: #ff3921; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #ffffff; background-color: #ff1e02; border-color: #e31900; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #ff422b; border-color: #ff3921; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #55b555; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #ffffff; background-color: #47a447; border-color: #3e8f3e; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #55b555; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #53bddc; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #ffffff; background-color: #39b3d7; border-color: #28a4c9; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #53bddc; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #efa945; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ed9c28; border-color: #e38d13; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #efa945; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d74b47; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #ffffff; background-color: #d2322d; border-color: #b92c28; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d74b47; } .btn-red { color: #ffffff; background-color: #bf4346; border-color: #b93f42; } .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red { color: #ffffff; background-color: #a2373a; border-color: #8b2f32; } .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red { background-image: none; } .btn-red.disabled, .btn-red[disabled], fieldset[disabled] .btn-red, .btn-red.disabled:hover, .btn-red[disabled]:hover, fieldset[disabled] .btn-red:hover, .btn-red.disabled:focus, .btn-red[disabled]:focus, fieldset[disabled] .btn-red:focus, .btn-red.disabled:active, .btn-red[disabled]:active, fieldset[disabled] .btn-red:active, .btn-red.disabled.active, .btn-red[disabled].active, fieldset[disabled] .btn-red.active { background-color: #bf4346; border-color: #b93f42; } .btn-orange { color: #ffffff; background-color: #e9662c; border-color: #e85f23; } .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange { color: #ffffff; background-color: #d65116; border-color: #ba4713; } .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange { background-image: none; } .btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange, .btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus, .btn-orange.disabled:active, .btn-orange[disabled]:active, fieldset[disabled] .btn-orange:active, .btn-orange.disabled.active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange.active { background-color: #e9662c; border-color: #e85f23; } .btn-green { color: #ffffff; background-color: #488c6c; border-color: #458567; } .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green { color: #ffffff; background-color: #3a7157; border-color: #305d48; } .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green { background-image: none; } .btn-green.disabled, .btn-green[disabled], fieldset[disabled] .btn-green, .btn-green.disabled:hover, .btn-green[disabled]:hover, fieldset[disabled] .btn-green:hover, .btn-green.disabled:focus, .btn-green[disabled]:focus, fieldset[disabled] .btn-green:focus, .btn-green.disabled:active, .btn-green[disabled]:active, fieldset[disabled] .btn-green:active, .btn-green.disabled.active, .btn-green[disabled].active, fieldset[disabled] .btn-green.active { background-color: #488c6c; border-color: #458567; } .btn-yellow { color: #ffffff; background-color: #f2994b; border-color: #f19441; } .btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow { color: #ffffff; background-color: #ef8325; border-color: #e57411; } .btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow { background-image: none; } .btn-yellow.disabled, .btn-yellow[disabled], fieldset[disabled] .btn-yellow, .btn-yellow.disabled:hover, .btn-yellow[disabled]:hover, fieldset[disabled] .btn-yellow:hover, .btn-yellow.disabled:focus, .btn-yellow[disabled]:focus, fieldset[disabled] .btn-yellow:focus, .btn-yellow.disabled:active, .btn-yellow[disabled]:active, fieldset[disabled] .btn-yellow:active, .btn-yellow.disabled.active, .btn-yellow[disabled].active, fieldset[disabled] .btn-yellow.active { background-color: #f2994b; border-color: #f19441; } .btn-blue { color: #ffffff; background-color: #0a819c; border-color: #097992; } .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { color: #ffffff; background-color: #086176; border-color: #064a59; } .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { background-image: none; } .btn-blue.disabled, .btn-blue[disabled], fieldset[disabled] .btn-blue, .btn-blue.disabled:hover, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue:hover, .btn-blue.disabled:focus, .btn-blue[disabled]:focus, fieldset[disabled] .btn-blue:focus, .btn-blue.disabled:active, .btn-blue[disabled]:active, fieldset[disabled] .btn-blue:active, .btn-blue.disabled.active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue.active { background-color: #0a819c; border-color: #097992; } .btn-violet { color: #ffffff; background-color: #9351ad; border-color: #8d4ea6; } .btn-violet:hover, .btn-violet:focus, .btn-violet:active, .btn-violet.active, .open .dropdown-toggle.btn-violet { color: #ffffff; background-color: #7b4491; border-color: #6a3a7c; } .btn-violet:active, .btn-violet.active, .open .dropdown-toggle.btn-violet { background-image: none; } .btn-violet.disabled, .btn-violet[disabled], fieldset[disabled] .btn-violet, .btn-violet.disabled:hover, .btn-violet[disabled]:hover, fieldset[disabled] .btn-violet:hover, .btn-violet.disabled:focus, .btn-violet[disabled]:focus, fieldset[disabled] .btn-violet:focus, .btn-violet.disabled:active, .btn-violet[disabled]:active, fieldset[disabled] .btn-violet:active, .btn-violet.disabled.active, .btn-violet[disabled].active, fieldset[disabled] .btn-violet.active { background-color: #9351ad; border-color: #8d4ea6; } .btn-pink { color: #ffffff; background-color: #bf3773; border-color: #b7356e; } .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .open .dropdown-toggle.btn-pink { color: #ffffff; background-color: #9f2e60; border-color: #882752; } .btn-pink:active, .btn-pink.active, .open .dropdown-toggle.btn-pink { background-image: none; } .btn-pink.disabled, .btn-pink[disabled], fieldset[disabled] .btn-pink, .btn-pink.disabled:hover, .btn-pink[disabled]:hover, fieldset[disabled] .btn-pink:hover, .btn-pink.disabled:focus, .btn-pink[disabled]:focus, fieldset[disabled] .btn-pink:focus, .btn-pink.disabled:active, .btn-pink[disabled]:active, fieldset[disabled] .btn-pink:active, .btn-pink.disabled.active, .btn-pink[disabled].active, fieldset[disabled] .btn-pink.active { background-color: #bf3773; border-color: #b7356e; } .btn-grey { color: #ffffff; background-color: #4b5d67; border-color: #475861; } .btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .open .dropdown-toggle.btn-grey { color: #ffffff; background-color: #3a484f; border-color: #2d383e; } .btn-grey:active, .btn-grey.active, .open .dropdown-toggle.btn-grey { background-image: none; } .btn-grey.disabled, .btn-grey[disabled], fieldset[disabled] .btn-grey, .btn-grey.disabled:hover, .btn-grey[disabled]:hover, fieldset[disabled] .btn-grey:hover, .btn-grey.disabled:focus, .btn-grey[disabled]:focus, fieldset[disabled] .btn-grey:focus, .btn-grey.disabled:active, .btn-grey[disabled]:active, fieldset[disabled] .btn-grey:active, .btn-grey.disabled.active, .btn-grey[disabled].active, fieldset[disabled] .btn-grey.active { background-color: #4b5d67; border-color: #475861; } .btn-dark { color: #ffffff; background-color: #594857; border-color: #534351; } .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark { color: #ffffff; background-color: #423641; border-color: #322830; } .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark { background-image: none; } .btn-dark.disabled, .btn-dark[disabled], fieldset[disabled] .btn-dark, .btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus, .btn-dark.disabled:active, .btn-dark[disabled]:active, fieldset[disabled] .btn-dark:active, .btn-dark.disabled.active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark.active { background-color: #594857; border-color: #534351; } .btn-white { color: #777777; background-color: #ffffff; border-color: #e5e5e5; } .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { color: #777777; background-color: #ebebeb; border-color: #c6c6c6; } .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { background-image: none; } .btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white, .btn-white.disabled:hover, .btn-white[disabled]:hover, fieldset[disabled] .btn-white:hover, .btn-white.disabled:focus, .btn-white[disabled]:focus, fieldset[disabled] .btn-white:focus, .btn-white.disabled:active, .btn-white[disabled]:active, fieldset[disabled] .btn-white:active, .btn-white.disabled.active, .btn-white[disabled].active, fieldset[disabled] .btn-white.active { background-color: #ffffff; border-color: #e5e5e5; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 0px !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 0px !important; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .input-group .input-group-addon { color: #777777; border-color: #e5e5e5; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .input-group .input-group-btn .btn { border: 1px solid #e5e5e5 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .input-group .input-group-btn .btn.btn-primary { border-color: #ff2b12 !important; } .input-group .input-group-btn .btn.btn-success { border-color: #4cae4c !important; } .input-group .input-group-btn .btn.btn-warning { border-color: #eea236 !important; } .input-group .input-group-btn .btn.btn-info { border-color: #46b8da !important; } .input-group .input-group-btn .btn.btn-danger { border-color: #d43f3a !important; } .input-group .input-group-btn .btn.btn-red { border-color: #ad3b3e !important; } .input-group .input-group-btn .btn.btn-orange { border-color: #e45618 !important; } .input-group .input-group-btn .btn.btn-green { border-color: #3f7b5f !important; } .input-group .input-group-btn .btn.btn-yellow { border-color: #f08c33 !important; } .input-group .input-group-btn .btn.btn-blue { border-color: #086d84 !important; } .input-group .input-group-btn .btn.btn-pink { border-color: #ab3167 !important; } .input-group .input-group-btn .btn.btn-violet { border-color: #84499c !important; } .input-group .input-group-btn .btn.btn-grey { border-color: #405058 !important; } .input-group .input-group-btn .btn.btn-dark { border-color: #4b3d49 !important; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .dropdown-menu { margin: 0; padding: 0; border: 0; border-radius: 0; } .dropdown-menu li a { color: #777777; padding: 9px 10px; font-size: 13px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 5px; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu > a:after { position: absolute; display: inline-block; right: 7px; top: 7px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; } .nav-pills li.active a { background: #ff422b; } .nav-pills li.active a:hover, .nav-pills li.active a:focus { background: #ff422b; } .nav-pills li a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .list-group .list-group-item { border-color: #e5e5e5; color: #777777; } .list-group .list-group-item.active { background: #ff422b; border-color: #ff422b; color: #ffffff; } .list-group .list-group-item.active:hover, .list-group .list-group-item.active:focus { background: #ff422b; border-color: #ff422b; } .list-group .list-group-item:first-child { border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .list-group .list-group-item:last-child { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .nav-tabs { border-color: #e5e5e5 !important; } .nav-tabs li a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .tab-content { background: #fff; padding: 20px 15px; margin-bottom: 20px; border: 1px solid; border-color: #e5e5e5 !important; border-top: 0; } .tabbable:before { display: table; line-height: 0; content: ""; } .tabbable:after { display: table; line-height: 0; content: ""; clear: both; } .tabbable.tabs-left .nav-tabs { float: left; display: inline-block; border-bottom: 0; } .tabbable.tabs-left .nav-tabs > li { float: none; } .tabbable.tabs-left .nav-tabs > li.active > a, .tabbable.tabs-left .nav-tabs > li:hover > a, .tabbable.tabs-left .nav-tabs > li:focus > a { border: 1px solid; border-color: #e5e5e5 !important; border-right: 0; } .tabbable.tabs-left .nav-tabs > li > a { border-right: 0; min-width: 74px; margin-bottom: 3px; margin-right: -1px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .tabbable.tabs-left .tab-content { overflow: auto; border: 1px solid; border-color: #e5e5e5 !important; } .tabbable.tabs-right .nav-tabs { float: right; display: inline-block; border-bottom: 0; } .tabbable.tabs-right .nav-tabs > li { float: none; } .tabbable.tabs-right .nav-tabs > li.active > a, .tabbable.tabs-right .nav-tabs > li:hover > a, .tabbable.tabs-right .nav-tabs > li:focus > a { border: 1px solid; border-color: #e5e5e5 !important; border-left: 0; } .tabbable.tabs-right .nav-tabs > li > a { border-left: 0; min-width: 74px; margin-bottom: 3px; margin-left: -1px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .tabbable.tabs-right .tab-content { overflow: auto; border: 1px solid; border-color: #e5e5e5 !important; } .tabbable.tabs-below .nav-tabs { margin-bottom: 20px !important; border: 0; } .tabbable.tabs-below .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabbable.tabs-below .nav-tabs > li.active > a { border: 1px solid; border-color: #e5e5e5 !important; border-top: 0; } .tabbable.tabs-below .nav-tabs > li > a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .tabbable.tabs-below .tab-content { overflow: auto; margin-bottom: 0 !important; border: 1px solid; border-color: #e5e5e5 !important; } .progress { position: relative; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .progress.progress-xs { height: 5px; margin-top: 5px; } .progress.progress-sm { height: 11px; margin-top: 5px; } .progress.progress-lg { height: 25px; } .progress .progress-bar { -webkit-box-shadow: none !important; box-shadow: none !important; background-color: #ff422b; } .progress .progress-bar.progress-bar-success { background-color: #5cb85c !important; } .progress .progress-bar.progress-bar-warning { background-color: #f0ad4e !important; } .progress .progress-bar.progress-bar-info { background-color: #5bc0de !important; } .progress .progress-bar.progress-bar-danger { background-color: #d9534f !important; } .progress .progress-bar.progress-bar-red { background-color: #bf4346 !important; } .progress .progress-bar.progress-bar-orange { background-color: #e9662c !important; } .progress .progress-bar.progress-bar-green { background-color: #488c6c !important; } .progress .progress-bar.progress-bar-yellow { background-color: #f2994b !important; } .progress .progress-bar.progress-bar-blue { background-color: #0a819c !important; } .progress .progress-bar.progress-bar-violet { background-color: #9351ad !important; } .progress .progress-bar.progress-bar-pink { background-color: #bf3773 !important; } .progress .progress-bar.progress-bar-grey { background-color: #4b5d67 !important; } .progress .progress-bar.progress-bar-dark { background-color: #594857 !important; } .progress .progress-bar.progress-bar-white { background-color: #ffffff !important; } .progress .progress-bar.six-sec-ease-in-out { -webkit-transition: width 6s ease-in-out; -moz-transition: width 6s ease-in-out; -ms-transition: width 6s ease-in-out; -o-transition: width 6s ease-in-out; transition: width 6s ease-in-out; } .progress.wide { width: 60px; height: 150px; } .progress.vertical.progress-xs { width: 10px; margin-top: 0; } .progress.vertical.progress-sm { width: 20px; margin-top: 0; } .progress.vertical.progress-lg { width: 70px; } .form-actions { padding: 20px 0; background: #fafafa; border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } .form-actions:before, .form-actions:after { display: table; line-height: 0; content: ""; } .form-actions:after { clear: both; } .form-actions.top { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .form-actions.none-bg { background: transparent; border-top: 1px dashed #f3f3f3; } .form-actions.none-bg.top { border-bottom: 1px dashed #f3f3f3; border-top: 0; } .state-success .form-control { border-color: #7edc7f !important; } .state-warning .form-control { border-color: #dcb359 !important; } .state-error .form-control { border-color: #db4c4a !important; } .state-success em { color: #7edc7f !important; margin-top: 5px; display: block; } .state-warning em { color: #dcb359 !important; margin-top: 5px; display: block; } .state-error em { color: #db4c4a !important; margin-top: 5px; display: block; } .state-success input, .state-success select, .state-success textarea { background: #dff0d8 !important; } .state-warning input, .state-warning select, .state-warning textarea { background: #fcf8e3 !important; } .state-error input, .state-error select, .state-error textarea { background: #f2dede !important; } .form-bordered .control-label { padding-top: 16px; } .form-bordered .form-group { margin: 0; border-bottom: 1px solid #f7f7f7; } .form-bordered .form-group > div { padding: 15px; border-left: 1px solid #f7f7f7; } .form-bordered .form-group:last-child { border-bottom: 0; } .form-bordered .help-block { margin-bottom: 0px; } .form-bordered.dashed .form-group { border-bottom: 1px dashed #f3f3f3; } .form-bordered.dashed .form-group > div { border-left: 1px dashed #f3f3f3; } .form-bordered.dashed .form-group:last-child { border-bottom: 0; } .form-seperated .control-label { padding-top: 16px; } .form-seperated .form-group { margin: 0; border-bottom: 1px solid #f7f7f7; } .form-seperated .form-group > div { padding: 15px; } .form-seperated .form-group:last-child { border-bottom: 0; } .form-seperated .help-block { margin-bottom: 0px; } .form-seperated.dashed .form-group { border-bottom: 1px dashed #f3f3f3; } .form-seperated.dashed .form-group:last-child { border-bottom: 0; } .form-horizontal.form-row-stripped .form-group:nth-child(odd) { background: #fcfcfc; } .form-horizontal.form-seperated .radio, .form-horizontal.form-seperated .checkbox, .form-horizontal.form-seperated .radio-inline, .form-horizontal.form-seperated .checkbox-inline { padding-top: 0; } .text-primary { color: #ff422b !important; } .text-red { color: #bf4346 !important; } .text-orange { color: #e9662c !important; } .text-green { color: #488c6c !important; } .text-yellow { color: #f2994b !important; } .text-blue { color: #0a819c !important; } .text-pink { color: #bf3773 !important; } .text-violet { color: #9351ad !important; } .text-grey { color: #4b5d67 !important; } .text-dark { color: #594857 !important; } .text-white { color: #ffffff !important; } .text-facebook { color: #418bca; } .text-twitter { color: #5bc0de; } .text-google-plus { color: #dd4c39; } .text-dribbble { color: #ec5d92; } .input-mini { width: 45px !important; } .input-xsmall { width: 80px !important; } .input-small { width: 120px !important; } .input-medium { width: 240px !important; } .input-large { width: 320px !important; } .input-xlarge { width: 480px !important; } .input-inline { display: inline-block; width: auto; vertical-align: middle; } .form-group .input-inline { margin-right: 5px; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Open Sans', sans-serif; font-size: 13px; } .ui-spinner-input { height: 24px; } .modal .modal-dialog .modal-content { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .modal .modal-dialog .modal-content .modal-header.modal-header-primary { background: #ff422b; } .modal .modal-dialog .modal-content .modal-header.modal-header-primary .modal-title { color: #FFFFFF; } .modal .modal-dialog .modal-content .modal-footer.modal-footer-left { text-align: left !important; } .portlet { clear: both; margin-top: 0px; margin-bottom: 25px; padding: 0px; } .portlet { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .portlet.box > .portlet-header { margin-bottom: 0; padding: 8px 15px; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .portlet > .portlet-header { margin-bottom: 15px; background: #ffffff; border-bottom: 1px solid #e5e5e5; } .portlet > .portlet-header:before { content: ""; display: table; line-height: 0; } .portlet > .portlet-header:after { content: ""; display: table; line-height: 0; clear: both; } .portlet > .portlet-header .caption { float: left; display: inline-block; font-size: 18px; line-height: 18px; padding: 0; } .portlet > .portlet-header .caption i { float: left; margin-top: 4px; display: inline-block !important; font-size: 13px; margin-right: 5px; color: #777777; } .portlet > .portlet-header .actions { display: inline-block; padding: 0; margin: 0; margin-top: 6px; float: right; } .portlet > .portlet-header .actions > .btn { padding: 4px 10px; margin-top: -18px; } .portlet > .portlet-header .actions > .btn.btn-sm { padding: 3px 8px; margin-top: -13px; } .portlet > .portlet-header .actions > .btn.btn-xs { padding: 1px 5px; margin-top: -13px; } .portlet > .portlet-header .actions > .btn-group { margin-top: -12px; } .portlet > .portlet-header .actions > .btn-group > .btn { padding: 4px 10px; margin-top: -1px; } .portlet > .portlet-header .actions > .btn-group > .btn.btn-sm { padding: 3px 8px; margin-top: -1px; } .portlet > .portlet-header .actions > .btn-group > .btn.btn-xs { padding: 1px 5px; margin-top: -1px; } .portlet > .portlet-header .pagination.pagination-sm { float: right; display: inline-block; margin: 0px; } .portlet > .portlet-header .pagination.pagination-sm li a { padding: 3px 10px; } .portlet > .portlet-header .tools { display: inline-block; padding: 0; margin: 0; float: right; } .portlet > .portlet-header .tools i { margin-left: 5px; cursor: pointer; } .portlet .portlet-body { background: #FFFFFF; padding: 15px; clear: both; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .portlet .portlet-body.form { padding: 0 !important; } .portlet.portlet-default > .portlet-header { background: #FFFFFF; color: #777777; border-bottom: 1px solid #f0f2f6; } .portlet.portlet-default > .portlet-header i { color: #777777; } .portlet.portlet-default > .portlet-header .btn i { color: #777777; } .portlet.portlet-primary { border-color: #ff422b; } .portlet.portlet-primary > .portlet-header { background: #ff422b; color: #ffffff; } .portlet.portlet-red { border-color: #bf4346; } .portlet.portlet-red > .portlet-header { background: #bf4346; color: #ffffff; } .portlet.portlet-orange { border-color: #e9662c; } .portlet.portlet-orange > .portlet-header { background: #e9662c; color: #ffffff; } .portlet.portlet-green { border-color: #488c6c; } .portlet.portlet-green > .portlet-header { background: #488c6c; color: #ffffff; } .portlet.portlet-yellow { border-color: #f2994b; } .portlet.portlet-yellow > .portlet-header { background: #f2994b; color: #ffffff; } .portlet.portlet-blue { border-color: #0a819c; } .portlet.portlet-blue > .portlet-header { background: #0a819c; color: #ffffff; } .portlet.portlet-violet { border-color: #9351ad; } .portlet.portlet-violet > .portlet-header { background: #9351ad; color: #ffffff; } .portlet.portlet-pink { border-color: #bf3773; } .portlet.portlet-pink > .portlet-header { background: #bf3773; color: #ffffff; } .portlet.portlet-grey { border-color: #4b5d67; } .portlet.portlet-grey > .portlet-header { background: #4b5d67; color: #ffffff; } .portlet.portlet-dark { border-color: #594857; } .portlet.portlet-dark > .portlet-header { background: #594857; color: #ffffff; } .portlet { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .portlet.color { padding: 0; } .portlet.color .portlet-header { margin-bottom: 0; border: 0px; } .portlet.color .portlet-header .btn.btn-white i { color: #777777; } .portlet.color .portlet-body { background: transparent; } .portlet.color.portlet-default { background: #FFFFFF !important; } .portlet.color.portlet-default > .portlet-header { color: #777777; border: 0; } .portlet.color.portlet-default > .portlet-header > .caption i { color: #777777; border: 0; } .portlet.color.portlet-default > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-default > .portlet-body { color: #777777; border: 0; padding: 0; background: transparent; } .portlet.color.portlet-primary { background: #ff422b !important; } .portlet.color.portlet-primary > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-primary > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-primary > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-primary > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.brand-primary { background: #ff422b !important; } .portlet.color.portlet-red { background: #bf4346 !important; } .portlet.color.portlet-red > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-red > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-red > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-red > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-red { background: #bf4346 !important; } .portlet.color.portlet-orange { background: #e9662c !important; } .portlet.color.portlet-orange > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-orange > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-orange > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-orange > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-orange { background: #e9662c !important; } .portlet.color.portlet-green { background: #488c6c !important; } .portlet.color.portlet-green > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-green > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-green > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-green > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-green { background: #488c6c !important; } .portlet.color.portlet-yellow { background: #f2994b !important; } .portlet.color.portlet-yellow > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-yellow > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-yellow > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-yellow > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-yellow { background: #f2994b !important; } .portlet.color.portlet-blue { background: #0a819c !important; } .portlet.color.portlet-blue > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-blue > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-blue > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-blue > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-blue { background: #0a819c !important; } .portlet.color.portlet-violet { background: #9351ad !important; } .portlet.color.portlet-violet > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-violet > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-violet > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-violet > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-violet { background: #9351ad !important; } .portlet.color.portlet-pink { background: #bf3773 !important; } .portlet.color.portlet-pink > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-pink > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-pink > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-pink > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-pink { background: #bf3773 !important; } .portlet.color.portlet-grey { background: #4b5d67 !important; } .portlet.color.portlet-grey > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-grey > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-grey > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-grey > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-grey { background: #4b5d67 !important; } .portlet.color.portlet-dark { background: #594857 !important; } .portlet.color.portlet-dark > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-dark > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-dark > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-dark > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-dark { background: #594857 !important; } .portlet-tabs > .nav-tabs { position: relative; top: -44px; margin-right: 15px; border-bottom: none; padding: 4px 0px; overflow: hidden; } .portlet-tabs > .nav-tabs > li { float: right; margin-left: 1px; } .portlet-tabs > .nav-tabs > li:last-child a { border-right: 0; } .portlet-tabs > .nav-tabs > li.active { color: #ff422b; border-top-color: transparent; } .portlet-tabs > .nav-tabs > li.active a { margin-bottom: 0px; border-bottom: 0; margin-left: 0px; margin-right: 0px; border-left: 0; border-right: 0; background-color: none !important; border-top-color: transparent !important; color: #777777; cursor: default; } .portlet-tabs > .nav-tabs > li.active a:hover { background-color: #fff !important; } .portlet-tabs > .nav-tabs > li a { color: #fff; padding-top: 8px; padding-bottom: 10px; line-height: 16px; margin-top: 6px; margin-left: 0px; margin-right: 0px; border-left: 0; border-right: 0; } .portlet-tabs > .nav-tabs > li a:hover { color: #777777; margin-bottom: 0; border-bottom-color: transparent; margin-left: 0; margin-right: 0; border-left: 0; border-right: 0; background-color: none !important; border-top-color: transparent; } .portlet-tabs > .tab-content { padding: 15px !important; margin: 0px; margin-top: -50px !important; border: 0; } .portlet.tabbable .portlet-body { padding: 0px !important; } .sortable .portlet .portlet-header { cursor: move; } .sortable-placeholder { display: block; margin-top: 0px !important; margin-bottom: 25px !important; background-color: #f5f5f5; border: 1px dashed #ff422b; } .sortable-placeholder * { visibility: hidden; } .wait { position: relative; background: url("../../images/icons/loading.gif") center no-repeat !important; } .family-tree-vertical li { margin: 0px 0; list-style-type: none; position: relative; padding: 20px 5px 0px 5px; } .family-tree-vertical li:before { content: ''; position: absolute; top: 0; width: 1px; height: 100%; right: auto; left: -20px; border-left: 1px solid #ccc; bottom: 50px; } .family-tree-vertical li:after { content: ''; position: absolute; top: 30px; width: 25px; height: 20px; right: auto; left: -20px; border-top: 1px solid #ccc; } .family-tree-vertical li a { display: inline-block; border: 1px solid #ccc; padding: 5px 10px; text-decoration: none; color: #666; font-family: arial, verdana, tahoma; font-size: 11px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .family-tree-vertical li a:hover, .family-tree-vertical li a:hover + ul li a { background: #c8e4f8; color: #000; border: 1px solid #94a0b4; } .family-tree-vertical li:last-child:before { height: 30px; } .family-tree-vertical > ul > li::before, .family-tree-vertical > ul > li::after { border: 0; } .family-tree-vertical li a:hover + ul li::after, .family-tree-vertical li a:hover + ul li::before, .family-tree-vertical li a:hover + ul::before, .family-tree-vertical li a:hover + ul ul::before { border-color: #94a0b4; } .family-tree-horizontal ul { padding-top: 20px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .family-tree-horizontal li { float: left; text-align: center; list-style-type: none; position: relative; padding: 20px 5px 0 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .family-tree-horizontal li::before, .family-tree-horizontal li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 1px solid #ccc; width: 50%; height: 20px; } .family-tree-horizontal li::after { right: auto; left: 50%; border-left: 1px solid #ccc; } .family-tree-horizontal li:only-child::after, .family-tree-horizontal li:only-child::before { display: none; } .family-tree-horizontal li:only-child { padding-top: 0; } .family-tree-horizontal li:first-child::before, .family-tree-horizontal li:last-child::after { border: 0 none; } .family-tree-horizontal li:last-child::before { border-right: 1px solid #ccc; } .family-tree-horizontal ul ul::before { content: ''; position: absolute; top: 0; left: 50%; border-left: 1px solid #ccc; width: 0; height: 20px; } .family-tree-horizontal li a { border: 1px solid #ccc; padding: 5px 10px; text-decoration: none; color: #666; font-family: arial, verdana, tahoma; font-size: 11px; display: inline-block; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .family-tree-horizontal li a:hover, .family-tree-horizontal li a:hover + ul li a { background: #c8e4f8; color: #000; border: 1px solid #94a0b4; } .family-tree-horizontal li a:hover + ul li::after, .family-tree-horizontal li a:hover + ul li::before, .family-tree-horizontal li a:hover + ul::before, .family-tree-horizontal li a:hover + ul ul::before { border-color: #94a0b4; } .input-icon { position: relative; } .input-icon input { padding-left: 33px !important; color: #999999; } .input-icon i { color: #999999; display: block; position: absolute; margin: 10px 2px 4px 10px; width: 16px; height: 16px; font-size: 16px; text-align: center; } .input-icon.right input { padding-left: 12px !important; padding-right: 33px !important; } .input-icon.right i { right: 8px; float: right; } .has-success .input-icon i { color: #5cb85c; } .has-warning .input-icon i { color: #f0ad4e; } .has-error .input-icon i { color: #d9534f; } .rating { margin-bottom: 4px; font-size: 15px; line-height: 27px; color: #777777; } .rating label { display: block; float: right; height: 17px; margin-top: 5px; padding: 0 2px; font-size: 17px; line-height: 17px; cursor: pointer; color: #ccc; -ms-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; } .rating label .fa-star:before { content: "\f005"; } .table thead tr th, .table thead tr td { border-bottom: 0; } .table.table-sm { font-size: .875em; } .table.table-lg { font-size: 1.2em; } .table > input[type='text'] { font-weight: normal; height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .table select { font-weight: normal; height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .table.table-advanced thead tr th { border-bottom-width: 1px !important; background-color: #efefef; } .table.table-advanced thead.primary tr th { background: #ff422b; color: #FFFFFF; } .table.table-advanced thead.success tr th { background: #5cb85c; color: #FFFFFF; } .table.table-advanced thead.warning tr th { background: #f0ad4e; color: #FFFFFF; } .table.table-advanced thead.info tr th { background: #5bc0de; color: #FFFFFF; } .table.table-advanced thead.danger tr th { background: #d9534f; color: #FFFFFF; } .table.table-advanced thead.red tr th { background: #bf4346; color: #FFFFFF; } .table.table-advanced thead.orange tr th { background: #e9662c; color: #FFFFFF; } .table.table-advanced thead.green tr th { background: #488c6c; color: #FFFFFF; } .table.table-advanced thead.yellow tr th { background: #f2994b; color: #FFFFFF; } .table.table-advanced thead.blue tr th { background: #0a819c; color: #FFFFFF; } .table.table-advanced thead.pink tr th { background: #bf3773; color: #FFFFFF; } .table.table-advanced thead.violet tr th { background: #9351ad; color: #FFFFFF; } .table.table-advanced thead.grey tr th { background: #4b5d67; color: #FFFFFF; } .table.table-advanced thead.dark tr th { background: #594857; color: #FFFFFF; } .table.table-advanced thead.white tr th { background: #ffffff; color: #777777; } .table.table-advanced tfoot tr th { border-bottom: 0 !important; background: #efefef; } .table.table-advanced tfoot.primary tr th { background: #ff422b; color: #FFFFFF; } .table.table-advanced tfoot.success tr th { background: #5cb85c; color: #FFFFFF; } .table.table-advanced tfoot.warning tr th { background: #f0ad4e; color: #FFFFFF; } .table.table-advanced tfoot.info tr th { background: #5bc0de; color: #FFFFFF; } .table.table-advanced tfoot.danger tr th { background: #d9534f; color: #FFFFFF; } .table.table-advanced tfoot.red tr th { background: #bf4346; color: #FFFFFF; } .table.table-advanced tfoot.orange tr th { background: #e9662c; color: #FFFFFF; } .table.table-advanced tfoot.green tr th { background: #488c6c; color: #FFFFFF; } .table.table-advanced tfoot.yellow tr th { background: #f2994b; color: #FFFFFF; } .table.table-advanced tfoot.blue tr th { background: #0a819c; color: #FFFFFF; } .table.table-advanced tfoot.pink tr th { background: #bf3773; color: #FFFFFF; } .table.table-advanced tfoot.violet tr th { background: #9351ad; color: #FFFFFF; } .table.table-advanced tfoot.grey tr th { background: #4b5d67; color: #FFFFFF; } .table.table-advanced tfoot.dark tr th { background: #594857; color: #FFFFFF; } .table.table-advanced tfoot.white tr th { background: #ffffff; color: #777777; } .table.table-hover-color tbody tr:hover td:first-child { border-left: 4px solid #ff422b; } .table-actions { margin-bottom: 20px; } .table-actions.bottom { margin-bottom: 0; margin-top: 20px; } .table-actions .pagination { margin: 0; } .fixed-header { top: 0; position: fixed; width: auto; display: none; border: none; z-index: 999; } .page-header-breadcrumb { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .timeline-label { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .form-control { -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #e5e5e5; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } label { font-weight: normal; } .alert { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .breadcrumb { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .navbar { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .thumbnail { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border-color: #e5e5e5 !important; } .tooltip .tooltip-inner { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .popover { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #e5e5e5 !important; } .popover.left .arrow { border-left-color: #e5e5e5; } .popover.right .arrow { border-right-color: #e5e5e5; } .popover.top .arrow { border-top-color: #e5e5e5; } .popover.bottom .arrow { border-bottom-color: #e5e5e5; top: -14px; } .well { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #e5e5e5 !important; } ul.todo-list li { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } ul.chats li.in .message { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } ul.chats li.out .message { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .cke_chrome { -webkit-box-shadow: none !important; box-shadow: none !important; } .cke_chrome .cke_top { -webkit-box-shadow: none !important; box-shadow: none !important; background-image: none; } .cke_chrome .cke_bottom { -webkit-box-shadow: none !important; box-shadow: none !important; background-image: none; } .cke_chrome .cke_combo_button, .cke_chrome .cke_toolgroup { border-color: #e5e5e5; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; background-image: none; } .cke_chrome .cke_combo_button:hover, .cke_chrome .cke_toolgroup:hover, .cke_chrome .cke_combo_button:focus, .cke_chrome .cke_toolgroup:focus { background-image: none; } .cke_chrome a.cke_button_off:hover, .cke_chrome a.cke_button_off:focus, .cke_chrome a.cke_button_off:active, .cke_chrome a.cke_button_disabled:hover, .cke_chrome a.cke_button_disabled:focus, .cke_chrome a.cke_button_disabled:active, .cke_chrome .cke_combo_off a.cke_combo_button:hover, .cke_chrome .cke_combo_off a.cke_combo_button:focus { background-image: none; } .md-editor > textarea { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #toast-container > :hover { -webkit-box-shadow: none !important; box-shadow: none !important; } #toast-container div { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .has-switch { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 0; } .has-switch span.switch-left, .has-switch span.switch-right, .has-switch label { text-shadow: none; box-shadow: none; background-image: none; border: 0; } .has-switch span.switch-left.switch-primary, .has-switch span.switch-right.switch-primary, .has-switch label.switch-primary { text-shadow: none; box-shadow: none; background-image: none; background: #ff422b !important; } .has-switch .switch-left { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .has-switch .switch-right { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .has-switch .switch-on label { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; background-color: #e5e5e5; } .has-switch .switch-off label { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; background-color: #e5e5e5; } .slimScrollBar { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .clockface .outer, .clockface .inner { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .clockface .inner.active, .clockface .inner.active:hover, .clockface .outer.active, .clockface .outer.active:hover { text-shadow: none; background-image: none; } .clockface .inner.active:hover, .clockface .inner.active:hover:hover, .clockface .inner.active:active, .clockface .inner.active:hover:active, .clockface .inner.active.active, .clockface .inner.active:hover.active, .clockface .inner.active.disabled, .clockface .inner.active:hover.disabled, .clockface .inner.active[disabled], .clockface .inner.active:hover[disabled] { background: #ff422b; } .clockface .outer.active:hover, .clockface .outer.active:hover:hover, .clockface .outer.active:active, .clockface .outer.active:hover:active, .clockface .outer.active.active, .clockface .outer.active:hover.active, .clockface .outer.active.disabled, .clockface .outer.active:hover.disabled, .clockface .outer.active[disabled], .clockface .outer.active:hover[disabled] { background: #5cb85c; } .bootstrap-datetimepicker-widget td span { height: auto; line-height: normal; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-image: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker td, .datepicker th { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-image: none; text-shadow: none; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-image: none; text-shadow: none; } .datepicker table tr td span { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .daterangepicker .ranges li { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; color: #777777; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #ff422b; border: 1px solid #ff422b; } .daterangepicker .ranges .input-mini, .daterangepicker td, .daterangepicker th, .daterangepicker .calendar-date { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .fc-state-default { -webkit-box-shadow: none !important; box-shadow: none !important; background-image: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 1px solid #e5e5e5; text-shadow: none; color: #777777; } .page-form { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .page-form .header-content { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .media img.media-object { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .dd .dd-list .dd-item .dd-handle, .dd .dd-list .dd-item .dd3-content { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border-color: #e5e5e5 !important; } .dd .dd-list .dd-item .dd-handle.dd3-handle, .dd .dd-list .dd-item .dd3-content.dd3-handle { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .jquery-notific8-notification { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active { padding: 0.5em 1em; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #theme-setting .btn-theme-setting { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } #theme-setting .content-theme-setting ul#list-color li { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .jplist-panel .jplist-pagination button { border: 1px solid #e5e5e5; } .jplist-panel .jplist-pagination button:hover { background: #e5e5e5; } .jplist-thumbs-view .list-item .block { bottom: 10px; } .jplist-panel .jplist-group { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; border: 1px solid #e5e5e5; }