/* Paste admin style.css unminified */ body { background: #f5f5f5; color: #58666e; margin: 0; line-height: 1.7em; font-size: 13px; font-family: 'Open-Sans', sans-serif; outline: 0; text-Shadow: 0 0 1px rgba(0, 0, 0, 0.2) } ::-moz-selection { background: #D5EAFF } ::selection { background: #D5EAFF } a { color: #399bff; text-decoration: none } a:hover, a:focus { text-decoration: none } b, strong { font-weight: 600 } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 15px; padding-left: 15px } .row { margin-right: -15px; margin-left: -15px } .container-widget .col-xs-1, .container-widget .col-sm-1, .container-widget .col-md-1, .container-widget .col-lg-1, .container-widget .col-xs-2, .container-widget .col-sm-2, .container-widget .col-md-2, .container-widget .col-lg-2, .container-widget .col-xs-3, .container-widget .col-sm-3, .container-widget .col-md-3, .container-widget .col-lg-3, .container-widget .col-xs-4, .container-widget .col-sm-4, .container-widget .col-md-4, .container-widget .col-lg-4, .container-widget .col-xs-5, .container-widget .col-sm-5, .container-widget .col-md-5, .container-widget .col-lg-5, .container-widget .col-xs-6, .container-widget .col-sm-6, .container-widget .col-md-6, .container-widget .col-lg-6, .container-widget .col-xs-7, .container-widget .col-sm-7, .container-widget .col-md-7, .container-widget .col-lg-7, .container-widget .col-xs-8, .container-widget .col-sm-8, .container-widget .col-md-8, .container-widget .col-lg-8, .container-widget .col-xs-9, .container-widget .col-sm-9, .container-widget .col-md-9, .container-widget .col-lg-9, .container-widget .col-xs-10, .container-widget .col-sm-10, .container-widget .col-md-10, .container-widget .col-lg-10, .container-widget .col-xs-11, .container-widget .col-sm-11, .container-widget .col-md-11, .container-widget .col-lg-11, .container-widget .col-xs-12, .container-widget .col-sm-12, .container-widget .col-md-12, .container-widget .col-lg-12 { padding-right: 5px; padding-left: 5px } .container-widget .row { margin-right: -5px; margin-left: -5px } .container-widget .panel { margin-bottom: 10px } .container-widget .widget { margin-bottom: 10px } .container-default { padding: 0 } .container-widget { padding: 0; margin-left: -5px; margin-right: -5px } .container-padding { padding-left: 20px; padding-right: 20px } .container-no-padding { padding: 0px; margin: -20px -30px 0 -30px } #top { height: 50px; background: #399bff; color: #fff; width: 100%; position: fixed; z-index: 900; top: 0 } .applogo { width: auto; max-width: 250px; height: 50px; color: #fff; position: relative; padding: 13px 0 0 0px; margin-left: 50px; float: left; text-align: left } .applogo .logo { color: #eee; font-size: 35px; font-family: 'Open-Sans', sans-serif } .searchform { width: 220px; margin: 0 20px; float: left; padding-top: 10px; position: relative } .searchbox { border-radius: 999px; border: none; height: 32px; width: 220px; padding-left: 20px; padding-right: 36px; background: rgba(255, 255, 255, 0.95); color: #37363e; box-shadow: inset none } .searchbox:focus { background: #fff; box-shadow: none; border-top: none } .searchbutton { border: none; color: rgba(0, 0, 0, 0.5); background: none; position: absolute; top: 18px; font-size: 16px; right: 15px } .topmenu { float: left; padding-top: 4px; padding-left: 0; font-weight: 600; } .topmenu .link { display: inline-block; padding-left: 8px; height: 25px } .topmenu .link a { display: block } .topmenu .pastebutton { color: #FFFFFF; } .topmenu .pastebutton:hover { color: #404B5F; } .topmenu a { color: rgba(255, 255, 255, 0.9); padding: 7px } .topmenu a:hover { color: #fff } .topmenu li { display: inline } .top-right { line-height: 1.8em; float: right; padding-right: 50px; padding-left: 10px; padding-top: 14px; font-weight: 600 } .top-right .link { display: inline-block; padding-left: 8px; height: 30px } .top-right .link a { display: block } .top-right .dropdown-menu { min-width: 135px } .top-right .dropdown-menu .list-title { text-align: center } .top-right .dropdown-menu li { position: relative; display: block } .top-right a { color: #fff } .top-right .profilebox { color: rgba(255, 255, 255, 0.95) } .top-right .profilebox img { width: 32px; height: 31px; float: left; border-radius: 100%; margin-right: 7px; margin-top: -4px } .top-right .profilebox .caret { margin-left: 5px; color: rgba(255, 255, 255, 0.5) } .top-right .profilebox:hover { color: #fff } .top-right .pastebutton { background: #fff; color: #404B5F; padding: 4px 16px; border-radius: 999px } .top-right .pastebutton:hover { background: rgba(255, 255, 255, 0.95) } .guestmsg .text { font-size: 14px; color: #fff; line-height: 1.6em; font-weight: 300; } .guestmsg .text-body { font-size: 12px; color: #fff; opacity: 0.8; } .guestmsg .text-body a { color: #fff; } .content { padding-left: 30px; padding-right: 30px; padding-top: 60px; background: #f5f5f5 } .footer { border-top: 1px solid #e2e2e2; margin-left: -30px; margin-right: -30px; margin-bottom: 0; padding: 10px; font-size: 11px; color: #666; background: #f5f5f5 } .footer .col-md-6 { margin-bottom: 0 } .page-header { background: #fff; margin: -20px -30px 20px -30px; padding: 20px; border-bottom: none; position: relative } .page-header .title { padding: 0; margin: 0; font-family: 'Open-Sans', sans-serif; font-size: 20px; line-height: normal; font-weight: normal; color: #37363e; padding-bottom: 6px } .page-header .right { position: absolute; right: 20px; bottom: 20px; min-width: 500px; text-align: right } .page-header .right .btn-group { float: right } .page-header .right .btn { padding-left: 14px; padding-right: 14px; font-size: 13px } .page-header .right .btn .fa { margin: 0 4px } .page-header .right .btn .no-border { border: none } .page-header .right .btn-group .btn { border: 1px solid #E8EBED } .page-header .pagination { margin: 0 } .page-header .widget-inline-list { right: 0; bottom: -25px; position: relative !important } .fa-item { padding: 6px 0; position: relative; padding-left: 50px; font-size: 13px; color: #37363e; border-radius: 3px; border: 5px solid #fff } .fa-item .fa { position: absolute; left: 10px; font-size: 20px; color: #444; display: block; width: 40px; text-align: center } .fa-item:hover { color: #000; background: #f2f2f2; border-color: #f2f2f2 } #paste { line-height:1 } #paste li { padding:1px } .paste-alert { color: #fff; position: relative; border-radius: 3px; text-align: left; margin-bottom: 10px; padding: 12px; padding-right: 30px } .paste-alert a { color: inherit; text-decoration: underline; font-weight: 600 } .paste-alert h4 { font-size: 14px; margin: 0; color: inherit; font-weight: 600; line-height: normal } .paste-alert .img { width: 40px; height: 40px; position: absolute; border-radius: 3px; left: 12px; top: 12px } .paste-alert-img { padding-left: 65px; min-height: 64px } .paste-alert-icon { padding-left: 40px } .paste-alert-icon .fa { display: block; width: 20px; text-align: center; position: absolute; font-size: 15px; left: 12px; top: 17px } .paste-alert .closed { position: absolute; right: 3px; text-decoration: none; font-weight: bold; top: 0px; font-size: 20px; color: rgba(255, 255, 255, 0.5); padding: 4px } .paste-alert .closed:hover { color: #fff } .paste-alert-click { cursor: pointer; padding-right: 12px } .paste-alert .primary { outline: 0; border: none; background: rgba(0, 0, 0, 0.4); color: inherit; border-radius: 3px; padding: 4px 10px } .paste-alert .cancel { outline: 0; border: none; background: rgba(255, 255, 255, 0.4); color: rgba(0, 0, 0, 0.8); border-radius: 3px; padding: 4px 10px } .paste-alert .primary:hover, .paste-alert .cancel:hover { opacity: 0.9 } .paste-alert-top, .paste-alert-bottom, .paste-alert-top-left, .paste-alert-top-right, .paste-alert-bottom-left, .paste-alert-bottom-right, .paste-alert-fullscreen { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); position: fixed; display: none; z-index: 1000 } .paste-alert-top { top: 0; left: 0; right: 0 } .paste-alert-bottom { bottom: 0; left: 0; right: 0 } .paste-alert-top-left { top: 80px; left: 20px } .paste-alert-top-right { top: 80px; right: 20px } .paste-alert-bottom-left { bottom: 20px; left: 20px } .paste-alert-bottom-right { bottom: 20px; right: 20px } .paste-alert-fullsize { top: 50%; left: 50%; margin: -20px } .alert1 { background: #399bff } .alert2 { background: #33577b } .alert3 { background: #26a65b } .alert4 { background: #51b7a3 } .alert5 { background: #f39c12 } .alert6 { background: #ef4836 } .alert7 { background: #9a80b9 } .alert8 { background: #a2ded0; color: #444 } .alert8 .closed { color: inherit } .alert8 a:hover.closed { color: inherit } .alert9 { background: #d2527f } .alert10 { background: #c78568 } .alert11 { background: #e99844 } .alert1-light { background: #d2e8ff; color: #00356c } .alert2-light { background: #7ea3c9; color: #152433 } .alert3-light { background: #83e3aa; color: #13532e } .alert4-light { background: #bde4dc; color: #2f7365 } .alert5-light { background: #fad9a4; color: #976008 } .alert6-light { background: #fac9c4; color: #b11e0e } .alert7-light { background: #e8e3ef; color: #674b88 } .alert8-light { background: #edf9f6; color: #2f8571 } .alert9-light { background: #f2cbd9; color: #97274e } .alert10-light { background: #f0dfd8; color: #935336 } .alert11-light { background: #f9e3cd; color: #b26515 } .alert1-light .closed, .alert2-light .closed, .alert3-light .closed, .alert4-light .closed, .alert5-light .closed, .alert6-light .closed, .alert7-light .closed, .alert8-light .closed, .alert9-light .closed, .alert10-light .closed, .alert11-light .closed { color: inherit; opacity: 0.6 } .alert1-light .closed:hover { color: inherit; opacity: 0.8 } .changelogs .version { font-size: 13px; font-family: 'Open-Sans', sans-serif } .changelogs .date { font-size: 12px; position: absolute; right: 20px; top: 20px } .changelogs .update { position: relative; background: #fff; padding: 20px; border: 1px solid #e4e4e4; border-radius: 3px; margin-bottom: 20px } .changelogs .list { font-size: 12px; margin-top: 10px; background: #f2f2f2; padding: 6px 10px; border-radius: 3px; border-left: 2px solid #ccc } .changelogs .list h4 { margin: 0px; font-size: 14px } .changelogs .list:hover { background: #eee } .login-form { width: 360px; padding-top: 100px; margin: 0px auto; text-shadow: none } .login-form form { background: #fff; border: 1px solid #ddd; border-radius: 3px } .login-form form img { margin-bottom: 18px } .login-form form .profile { border-radius: 999px } .login-form form .top { border-bottom: 1px solid #ddd; text-align: center; padding: 30px 0 } .login-form form .top .icon { width: 100px; height: 100px } .login-form form .top h1, .login-form form .top h4 { margin: 0 } .login-form form .top h1 { color: #37363E; font-size: 30px; font-family: 'Open-Sans', sans-serif; font-weight: bold; margin-top: -14px } .login-form form .top h4 { font-weight: normal; color: #76757B; font-size: 15px } .login-form form .form-area { padding: 40px } .login-form form .form-area .group { position: relative; margin-bottom: 20px } .login-form form .form-area .form-control { padding-left: 38px; height: 40px } .login-form form .form-area .fa { position: absolute; top: 11px; left: 13px; font-size: 16px; color: #C3C3C3 } .login-form form .form-area .btn { height: 42px; font-weight: 600 } .login-form form .form-area .checkbox { margin-bottom: 20px } .login-form .footer-links { color: #76757B; padding: 10px 5px } .login-form .footer-links a { color: #76757B } .login-form .footer-links a:hover { color: #37363e } .error-pages { text-align: center; padding-top: 100px } .error-pages .icon { border-radius: 4px; margin-bottom: 20px } .error-pages h1 { color: #37363e; font-family: 'Open-Sans', sans-serif; font-size: 28px } .error-pages h4 { color: #767279; font-weight: normal; font-size: 16px; margin-top: 10px } .error-pages form { width: 400px; margin: 0px auto; margin-top: 30px; position: relative } .error-pages form .form-control { padding-left: 34px; height: 40px } .error-pages form .fa { position: absolute; left: 10px; top: 11px; font-size: 16px } .error-pages .bottom-links { margin-top: 30px } .error-pages .bottom-links a { margin: 0px 6px } .checkbox-primary input[type="checkbox"]:checked+label::before { background-color: #399bff; border-color: #399bff } .checkbox-primary input[type="checkbox"]:checked+label::after { color: #fff } .checkbox-danger input[type="checkbox"]:checked+label::before { background-color: #ef4836; border-color: #ef4836 } .checkbox-danger input[type="checkbox"]:checked+label::after { color: #fff } .checkbox-info input[type="checkbox"]:checked+label::before { background-color: #51b7a3; border-color: #51b7a3 } .checkbox-info input[type="checkbox"]:checked+label::after { color: #fff } .checkbox-warning input[type="checkbox"]:checked+label::before { background-color: #f39c12; border-color: #f39c12 } .checkbox-warning input[type="checkbox"]:checked+label::after { color: #fff } .checkbox-success input[type="checkbox"]:checked+label::before { background-color: #26a65b; border-color: #26a65b } .checkbox-success input[type="checkbox"]:checked+label::after { color: #fff } .radio-primary input[type="radio"]+label::after { background-color: #399bff } .radio-primary input[type="radio"]:checked+label::before { border-color: #399bff } .radio-primary input[type="radio"]:checked+label::after { background-color: #399bff } .radio-danger input[type="radio"]+label::after { background-color: #ef4836 } .radio-danger input[type="radio"]:checked+label::before { border-color: #ef4836 } .radio-danger input[type="radio"]:checked+label::after { background-color: #ef4836 } .radio-info input[type="radio"]+label::after { background-color: #51b7a3 } .radio-info input[type="radio"]:checked+label::before { border-color: #51b7a3 } .radio-info input[type="radio"]:checked+label::after { background-color: #51b7a3 } .radio-warning input[type="radio"]+label::after { background-color: #f39c12 } .radio-warning input[type="radio"]:checked+label::before { border-color: #f39c12 } .radio-warning input[type="radio"]:checked+label::after { background-color: #f39c12 } .radio-success input[type="radio"]+label::after { background-color: #26a65b } .radio-success input[type="radio"]:checked+label::before { border-color: #26a65b } .radio-success input[type="radio"]:checked+label::after { background-color: #26a65b } a:focus, input, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 0px } mark { background: #FBDDAC; padding: 2px 4px; border-radius: 3px } code { background: #EDF6FF; padding: 2px 2px; color: #000; border: 1px solid #C3E1FF } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 400; line-height: 1.6; color: #37363e } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; letter-spacing: -0.02em } h4, .h4, h5, .h5, h6, .h6 { margin-top: 15px; margin-bottom: 10px } h1, .h1 { font-size: 2.25em } h2, .h2 { font-size: 2em } h3, .h3 { font-size: 1.75em } h4, .h4 { font-size: 1.5em } h5, .h5 { font-size: 1.25em } h6, .h6 { font-size: 1em } .text-st { color: #666 } .lead { line-height: 1.7em } blockquote { background: #f2f2f2; padding: 16px 20px; border-radius: 3px; border-left: 5px solid #ccc } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: inherit; opacity: 0.6 } .blockquote-reverse, blockquote.pull-right { border-right: 5px solid #ccc } dt, dd { line-height: inherit } .font-title { font-family: 'Open-Sans', sans-serif } .font-w-300 { font-weight: 300 } .font-w-400 { font-weight: 400 } .font-w-600 { font-weight: 600 } .font-w-700 { font-weight: 700 } .font-w-800 { font-weight: 800 } .font-title-tab { font-family: 'Open-Sans', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 12px } .btn { font-size: 14px; padding: 7px 20px 7px 20px; border: none; background: #e4e4e4; color: inherit; border-radius: 3px } .btn:hover { background-color: #eee; color: #666 } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65 } .btn-xs { font-size: 11px; padding: 3px 8px } .btn-sm { font-size: 12px; padding: 5px 14px } .btn-lg { font-size: 16px; padding: 10px 30px } .btn-xl { font-size: 20px; padding: 14px 30px } .btn .fa { font-size: 15px; margin-right: 5px } .btn-icon { padding-left: 10px; padding-right: 10px } .btn-icon .fa { margin: 0; font-size: normal } .btn-rounded { border-radius: 999px } .btn-square { border-radius: 0 } .btndiv .btn { margin-bottom: 10px } .btn-default { background-color: #399bff; color: #fff } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { background-color: #4da5ff; color: #fff } .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { background: #208eff; box-shadow: none; color: #fff } .btn-default .badge { color: #399bff; background-color: #fff } .btn-primary { background-color: #33577b; color: #fff } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { background-color: #396189; color: #fff } .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { background: #2c4a69; box-shadow: none; color: #fff } .btn-primary .badge { color: #33577b; background-color: #fff } .btn-white { background-color: #e4e4e4; color: #666 } .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .open>.dropdown-toggle.btn-white { background-color: #eee; color: #666 } .btn-white:active, .btn-white.active, .open>.dropdown-toggle.btn-white { background: #d7d7d7; box-shadow: none; color: #666 } .btn-white .badge { color: #e4e4e4; background-color: #fff } .btn-toggle { background-color: #e4e4e4; color: #666; border-size: 4px; border-size: 5px } .btn-toggle:hover, .btn-toggle:focus, .btn-toggle.focus, .btn-toggle:active, .btn-toggle.active, .open>.dropdown-toggle.btn-toggle { background-color: #eee; color: #666 } .btn-toggle:active, .btn-toggle.active, .open>.dropdown-toggle.btn-toggle { background: #d7d7d7; box-shadow: none; color: #666 } .btn-toggle .badge { color: #e4e4e4; background-color: #fff } .btn-light { background-color: #fff; color: inherit; border: 1px solid #BDC4C9 } .btn-light:hover, .btn-light:focus, .btn-light.focus, .btn-light:active, .btn-light.active, .open>.dropdown-toggle.btn-light { background-color: #f9f9f9; color: inherit } .btn-light:active, .btn-light.active, .open>.dropdown-toggle.btn-default { box-shadow: none; color: inherit } .btn-success { background-color: #26a65b; color: #fff } .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { background-color: #2ab764; color: #fff } .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { background: #219150; box-shadow: none; color: #fff } .btn-success .badge { color: #26a65b; background-color: #fff } .btn-info { background-color: #51b7a3; color: #fff } .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info { background-color: #5fbdab; color: #fff } .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info { background: #46a995; box-shadow: none; color: #fff } .btn-info .badge { color: #51b7a3; background-color: #fff } .btn-warning { background-color: #f39c12; color: #fff } .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning { background-color: #f4a425; color: #fff } .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning { background: #e08e0b; box-shadow: none; color: #fff } .btn-warning .badge { color: #f39c12; background-color: #fff } .btn-danger { background-color: #ef4836; color: #fff } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger { background-color: #f15949; color: #fff } .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger { background: #ed321e; box-shadow: none; color: #fff } .btn-danger .badge { color: #ef4836; background-color: #fff } .btn-option1 { background-color: #9a80b9; color: #fff } .btn-option1:hover, .btn-option1:focus, .btn-option1.focus, .btn-option1:active, .btn-option1.active, .open>.dropdown-toggle.btn-option1 { background-color: #a48dc0; color: #fff } .btn-option1:active, .btn-option1.active, .open>.dropdown-toggle.btn-option1 { background: #8d70b0; box-shadow: none; color: #fff } .btn-option1 .badge { color: #9a80b9; background-color: #fff } .btn-option2 { background-color: #a2ded0; color: #333 } .btn-option2:hover, .btn-option2:focus, .btn-option2.focus, .btn-option2:active, .btn-option2.active, .open>.dropdown-toggle.btn-option2 { background-color: #b1e3d8; color: #333 } .btn-option2:active, .btn-option2.active, .open>.dropdown-toggle.btn-option2 { background: #8fd7c6; box-shadow: none; color: #333 } .btn-option2 .badge { color: #a2ded0; background-color: #fff } .btn-option3 { background-color: #d2527f; color: #fff } .btn-option3:hover, .btn-option3:focus, .btn-option3.focus, .btn-option3:active, .btn-option3.active, .open>.dropdown-toggle.btn-option3 { background-color: #d6628b; color: #fff } .btn-option3:active, .btn-option3.active, .open>.dropdown-toggle.btn-option3 { background: #cd3e70; box-shadow: none; color: #fff } .btn-option3 .badge { color: #d2527f; background-color: #fff } .btn-option4 { background-color: #c78568; color: #fff } .btn-option4:hover, .btn-option4:focus, .btn-option4.focus, .btn-option4:active, .btn-option4.active, .open>.dropdown-toggle.btn-option4 { background-color: #cd9177; color: #fff } .btn-option4:active, .btn-option4.active, .open>.dropdown-toggle.btn-option4 { background: #c07655; box-shadow: none; color: #fff } .btn-option4 .badge { color: #c78568; background-color: #fff } .btn-option5 { background-color: #e99844; color: #fff } .btn-option5:hover, .btn-option5:focus, .btn-option5.focus, .btn-option5:active, .btn-option5.active, .open>.dropdown-toggle.btn-option4 { background-color: #eba256; color: #fff } .btn-option5:active, .btn-option5.active, .open>.dropdown-toggle.btn-option5 { background: #e68b2d; box-shadow: none; color: #fff } .btn-option5 .badge { color: #e99844; background-color: #fff } .label { font-size: inherit; padding: 1px 6px; font-weight: 600; border-radius: 4px } .label-default { background: #399bff } .label-primary { background: #33577b } .label-success { background: #26a65b } .label-info { background: #51b7a3 } .label-warning { background: #f39c12 } .label-danger { background: #ef4836 } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #26a65b } .has-success .form-control { border-color: #26a65b; box-shadow: none } .has-success .form-control:focus { border-color: #26a65b; box-shadow: none } .has-success .input-group-addon { color: #26a65b; background-color: #26a65b; border-color: #26a65b } .has-success .form-control-feedback { color: #26a65b } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #f39c12 } .has-warning .form-control { border-color: #f39c12; box-shadow: none } .has-warning .form-control:focus { border-color: #f39c12; box-shadow: none } .has-warning .input-group-addon { color: #f39c12; background-color: #f39c12; border-color: #f39c12 } .has-warning .form-control-feedback { color: #f39c12 } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #ef4836 } .has-error .form-control { border-color: #ef4836; box-shadow: none } .has-error .form-control:focus { border-color: #ef4836; box-shadow: none } .has-error .input-group-addon { color: #ef4836; background-color: #ef4836; border-color: #ef4836 } .has-error .form-control-feedback { color: #ef4836 } input, select { height: 34px; border-radius: 3px; padding-left: 10px; font-size: 14px; background: #fff; border: 1px solid #BDC4C9; box-shadow: inset 0px 1px 0px #F1F0F1 } .form-control { height: 34px; border-radius: 3px; padding-left: 10px; font-size: 14px; background: #fff; border: 1px solid #BDC4C9; display: block; box-shadow: inset 0px 1px 0px #F1F0F1 } .form-control:focus { background: #f7f7f7; border-color: #BDC4C9; box-shadow: none; border-top: 1px solid #B7B7B7 } .form-label { font-weight: 500 } .fieldset-form fieldset { padding: 20px; margin: 0 2px; border-radius: 3px; border: 1px solid #ccc; padding-top: 10px } .fieldset-form legend { width: auto; padding: 0px 10px; margin-bottom: 20px; font-size: 16px; line-height: inherit; color: #333; border: 0; font-weight: 600; border-bottom: none } .form-control-line { border-left: 0; border-top: 0; border-right: 0; padding-left: 0; border-radius: 0; box-shadow: none } .form-control-line:focus { border-top: 0; background: none; border-color: #666 } .form-control-radius { border-radius: 999px } .form-group { margin-bottom: 18px } .form-inline label { margin-right: 5px } .form-inline .checkbox-inline, .form-inline .radio-inline { padding-left: 0; margin-right: 5px } .form-inline .checkbox-inline label, .form-inline .radio-inline label { padding-left: 5px } .form-inline .form-group { padding-right: 10px } .input-group-addon { background: #f7f7f7; border-color: #BDC4C9; font-weight: 600; padding-left: 17px; padding-right: 17px } .input-sm { height: 30px; font-size: 12px; line-height: 1.5 } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 3px } .breadcrumb { background: none; padding: 0; margin: 0; font-weight: 600 } .breadcrumb .active { font-weight: normal; color: #999 } .dropdown-menu { min-width: 100px; font-size: inherit; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) } .dropdown-header { font-weight: normal; text-transform: uppercase; font-size: 10px; padding-left: 15px; font-family: 'Open-Sans', sans-serif; padding-top: 5px } .dropdown-menu li { position: relative } .dropdown-menu>li>a { padding: 9px 20px; color: #3D464D } .dropdown-menu .divider { margin: 4px 0 } .dropdown-menu-list li a { padding-left: 40px } .dropdown-menu-list .badge { right: 20px; font-weight: normal; margin-left: 5px; padding: 2px 6px; font-size: 11px } .dropdown-menu-list .falist { position: absolute; left: 15px; top: 11px; font-size: 15px } .dropdown-menu a { cursor: pointer } .tab-content { background: #fff; padding: 20px } .nav-tabs { border-bottom: none; background: #E9E9E9; padding: 0 } .nav-tabs>li { float: left; margin-bottom: -1px; margin-right: -2px } .nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; color: inherit; border: none; border-radius: 0 } .nav-tabs>li>a:hover { border-color: none; background: rgba(0, 0, 0, 0.1) } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #555; cursor: default; background-color: #fff; border: none; border-bottom-color: transparent } .nav-pills { padding-bottom: 10px } .nav-pills>li { float: left } .nav-pills>li>a { border-radius: 3px; padding: 4px 10px } .nav-pills>li+li { margin-left: 2px } .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { color: #fff; background-color: #399bff } .nav-stacked li { width: 100%; display: block } .nav-justified { padding: 0; margin-bottom: -1px; border-bottom: none } @media (min-width: 768px) { .nav-tabs.nav-justified>li>a { margin-bottom: 0 } } .nav-tabs.nav-justified>li>a { border-radius: 0px } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus { border: none } @media (min-width: 768px) { .nav-tabs.nav-justified>li>a { border-bottom: 1px solid #fff; border-radius: none } } .nav-line { border-bottom: none; background: none; padding: 0 } .nav-line>li { float: left; margin-bottom: -1px } .nav-line>li>a:hover { border-color: none; background: none; border-bottom: 3px solid #e4e4e4; color: #37363e } .nav-line>li.active>a, .nav-line>li.active>a:hover, .nav-line>li.active>a:focus { color: inherit; cursor: default; background-color: transparent; border-bottom: 3px solid #399bff } .nav-icon .fa { font-size: 16px; color: inherit } .nav-pills>li>a { border-radius: 3px; padding: 4px 14px } .tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li { float: none; margin: 0 } .tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a { min-width: 74px; margin-right: 0; margin-bottom: 3px } .tabs-left>.nav-tabs { float: left; margin-right: 29px } .tabs-right>.nav-tabs { float: right; margin-left: 29px; text-align: right } .tabcolor5-bg li a, .tabcolor6-bg li a, .tabcolor7-bg li a, .tabcolor8-bg li a, .tabcolor9-bg li a, .tabcolor10-bg li a { color: #fff } .tabcolor5-bg { background: #399bff } .tabcolor6-bg { background: #33577b } .tabcolor7-bg { background: #26a65b } .tabcolor8-bg { background: #51b7a3 } .tabcolor9-bg { background: #f39c12 } .tabcolor10-bg { background: #ef4836 } .panel { box-shadow: none; border: 1px solid #e5e5e5; background: #fff; padding: 20px; margin-bottom: 20px; position: relative } .panel-footer { margin: -20px; margin-top: 20px; background: #f9f9f9 } .panel-transparent { background: none; border: none } .panel-transparent .panel-title { background: none; border: none } .panel-default>.panel-heading { background-color: inherit; border-bottom: 0; color: #3D464D } .panel-title { font-family: 'Open-Sans', sans-serif; color: #58666e; font-size: 13px; font-weight: bold; text-transform: uppercase; padding: 16px 20px; margin: -20px; background: #fff; margin-bottom: 5px; border-bottom: none; border-top-left-radius: 3px; border-top-right-radius: 3px } .panel-body, .panel-heading { padding: 0; color: inherit; background-color: transparent; border-color: none } .panel-heading { background: transparent; border-bottom: transparent } .panel .badge { font-size: 11px; font-family: 'Open-Sans', sans-serif; text-transform: none; padding: 4px 10px; margin-left: 5px; font-weight: normal } .panel-footer { background: rgba(0, 0, 0, 0.01); border-top: 1px solid inherit } .panel-title .badge { color: #fff; background-color: rgba(0, 0, 0, 0.2) } .panel-heading { font-size: 20px; padding-bottom: 15px; font-weight: 300 } .panel .list-group { margin: -20px; margin-top: 20px; background: transparent } .panel .list-group li { border: 1px solid rgba(255, 255, 255, 0.2); border-left: 0; background: transparent; border-right: 0 } .panel .list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px } .panel .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom: 0 } .panel-collapse { padding-bottom: 0 } .panel-collapse .panel-title { padding-bottom: 0; margin-bottom: 0 } .panel-collapse .panel-body { padding: 10px 0 20px 0 } .panel-widget { overflow: hidden; } .panel-default { border-color: #ddd } .panel-default .badge { color: inherit; background-color: rgba(0, 0, 0, 0.2) } .panel-default .list-group { margin: -20px; margin-top: 20px } .panel-default .list-group li { border: 1px solid #ddd; border-left: 0; border-right: 0 } .panel-default .list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px } .panel-default .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom: 0 } .panel-primary { border-color: #399bff; background: #399bff; color: #fff } .panel-primary>.panel-heading { color: inherit; background: transparent; border-bottom: transparent } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #399bff } .panel-primary .panel-title { color: #fff; background: #399bff; border-bottom: 1px solid rgba(255, 255, 255, 0.1) } .panel-primary .panel-footer { border-top: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.04) } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #399bff } .panel-success { border-color: #26a65b; background: #26a65b; color: #fff } .panel-success>.panel-heading { color: inherit; background: transparent; border-bottom: transparent } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color: #26a65b } .panel-success .panel-title { color: #fff; background: #26a65b; border-bottom: 1px solid rgba(255, 255, 255, 0.1) } .panel-success .panel-footer { border-top: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.04) } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #26a65b } .panel-info { border-color: #51b7a3; background: #51b7a3; color: #fff } .panel-info>.panel-heading { color: inherit; background: transparent; border-bottom: transparent } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color: #51b7a3 } .panel-info .panel-title { color: #fff; background: #51b7a3; border-bottom: 1px solid rgba(255, 255, 255, 0.1) } .panel-info .panel-footer { border-top: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.04) } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #51b7a3 } .panel-warning { border-color: #f39c12; background: #f39c12; color: #fff } .panel-warning>.panel-heading { color: inherit; background: transparent; border-bottom: transparent } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color: #f39c12 } .panel-warning .panel-title { color: #fff; background: #f39c12; border-bottom: 1px solid rgba(255, 255, 255, 0.1) } .panel-warning .panel-footer { border-top: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.04) } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #f39c12 } .panel-danger { border-color: #ef4836; background: #ef4836; color: #fff } .panel-danger>.panel-heading { color: inherit; background: transparent; border-bottom: transparent } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ef4836 } .panel-danger .panel-title { color: #fff; background: #ef4836; border-bottom: 1px solid rgba(255, 255, 255, 0.1) } .panel-danger .panel-footer { border-top: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.04) } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ef4836 } .panel-dark { border-color: #3d464d; background: #3d464d; color: #fff } .panel-dark>.panel-heading { color: inherit; background: transparent; border-bottom: transparent } .panel-dark>.panel-heading+.panel-collapse>.panel-body { border-top-color: #3d464d } .panel-dark .panel-title { color: #fff; background: #3d464d; border-bottom: 1px solid rgba(255, 255, 255, 0.1) } .panel-dark .panel-footer { border-top: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.04) } .panel-dark>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #3d464d } .panel-tools { font-family: 'Open-Sans', sans-serif; position: absolute; right: 16px; top: 13px; text-transform: none; font-weight: 600; font-size: inherit; z-index: 1 } .panel-tools li { display: inline-block } .panel-tools a { padding: 3px 8px; display: block; color: inherit; border-radius: 3px } .panel-tools a:hover { color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.09) } .panel-tools .icon { font-size: 14px; color: rgba(0, 0, 0, 0.5); border-radius: 3px; cursor: pointer } .panel-tools .icon a { color: rgba(0, 0, 0, 0.4) } .panel-tools .dropdown-menu { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); font-size: 13px } .panel-tools .dropdown-menu li { display: list-item } .panel-tools .dropdown-menu a { display: block } .panel-search { margin: -20px; padding: 15px 20px; position: relative; color: #333; display: none; background: rgba(255, 255, 255, 0.1); margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1) } .panel-search input { background: #fff; border-radius: 999px; padding-left: 35px } .panel-search input:focus { background: #fff } .panel-search .icon { position: absolute; left: 35px; top: 25px } .panel-fullsize { position: fixed; width: 100%; height: 100vh; overflow: auto; top: 0; left: 0; z-index: 9999 } .panel-tools-hover { display: none } .panel:hover .panel-tools-hover { display: block } .panel-title .titleicon { margin-right: 10px } .panel-closed .panel-title { margin-bottom: -20px } .panel-closed .panel-body { display: none } .widget-tools { font-family: 'Open-Sans', sans-serif; position: absolute; right: 15px; top: 13px; text-transform: none; font-weight: 600; font-size: inherit; z-index: 1 } .widget-tools li { display: inline-block } .widget-tools a { padding: 3px 8px; display: block; color: inherit; border-radius: 3px } .widget-tools a:hover { color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.09) } .widget-tools .icon { font-size: 14px; color: rgba(0, 0, 0, 0.5); border-radius: 3px; cursor: pointer } .widget-tools .icon a { color: rgba(0, 0, 0, 0.4) } .widget-tools .dropdown-menu { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); font-size: 13px } .widget-tools .dropdown-menu li { display: list-item } .widget-tools .dropdown-menu a { display: block } .widget-fullsize { position: fixed; width: 100%; height: 100vh; overflow: auto; top: 0; left: 0; z-index: 9999 } .widget-tools-hover { display: none } .widget:hover .widget-tools-hover { display: block } .modal { z-index: 999 } .modal-sm { max-width: 400px } .modal-lg { min-width: 90% } .modal .close { width: 26px; border-radius: 4px; font-size: 23px; background: #ccc; color: #000; text-shadow: none; opacity: 0.4; outline: 0 } .modal .close:hover { opacity: 0.6 } .modal-title { font-family: 'Open-Sans', sans-serif; font-size: 16px } .modalicon { background: #fff; border-radius: 3px; text-align: center; height: 300px; display: table-cell; width: 100%; position: relative; vertical-align: middle; border: 2px solid #e2e2e2 } .modalicon img { border-radius: 3px } .modalicon:hover { border-color: #ccc } .progress { height: 18px; background: rgba(0, 0, 0, 0.15); box-shadow: none } .progress-bar { background: #399bff; font-size: 12px; font-weight: 600; line-height: normal } .progress-bar-success { background: #26a65b } .progress-bar-info { background: #51b7a3 } .progress-bar-warning { background: #f39c12 } .progress-bar-danger { background: #ef4836 } .progress-bar-transparent { background: transparent; color: inherit } .progress-small { height: 9px } .progress-large { height: 26px } .progress-extralarge { height: 36px } .table { margin: 0 } .table-hover>tbody>tr:hover { background-color: #EFF7FF } thead { font-weight: 600; font-family: 'Open-Sans', sans-serif; text-transform: uppercase; font-size: 12px; color: #37363e } thead .fa { font-size: 16px; margin: 0 } table td { display: table-cell; vertical-align: middle } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 15px; line-height: 1.7 } .doc-grid { padding: 10px 20px } .doc-grid div { border: 1px solid #ccc; text-align: center; font-size: 16px; padding: 20px 0; background: #fff } .quick-menu { padding: 0; margin-bottom: 10px; background: #fff; font-family: 'Montserrat',sans-serif } .quick-menu .label { position: absolute; padding: 4px 6px; top: -10px; right: 10px } .quick-menu li { display: block; text-align: center; padding: 0; position: relative; font-size: 13px } .quick-menu li .fa { display: block; font-size: 28px; margin-bottom: 5px } .quick-menu a { color: #58666e; display: block; padding: 18px 0; text-shadow: none; } .quick-menu a .fa { color: #399bff } .menu-active a { background: #399bff !important; color: #FFF !important; margin-left:-5px; border-radius: 3px } .menu-active, .menu-active i { color: #FFF !important } .topstats { background: #fff; padding: 0; color: #76747A; position: relative; font-size: 12px; border-radius: 3px; text-shadow: none; padding: 12px 0 } .topstats li { display: block; text-align: center; margin: 10px 0 } .topstats .title { color: #37363e; font-weight: 600; font-size: 13px } .topstats .title .fa { font-size: 15px; color: #000; margin-right: 4px; opacity: 0.4 } .topstats h3 { font-size: 28px; font-weight: bold; font-family: 'Montserrat',sans-serif; letter-spacing: -1px; line-height: normal; margin: 1px 0 } .topstats h3 small { color: #37363e } .topstats .diff b { font-weight: bold } .topstats .diff .fa { margin-right: 2px } .topstats .arrow { position: absolute; width: 0; height: 0; top: -18px; right: 5px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent } .widget { overflow: hidden; margin-bottom: 10px; background: #fff; border-radius: 3px; padding: 20px; position: relative } .widget .widget-title { color: #37363e; font-size: 12px; font-weight: bold; padding: 16px 20px; background: #fff; margin-bottom: 5px; border-bottom: none; border-top-left-radius: 3px; border-top-right-radius: 3px; margin: -20px; margin-bottom: 20px } .widget .widget-title h5 { font-size: 12px; z-index: 1; margin: 0; color: #58666e } .widget .widget-title h2 { font-family: 'Open-Sans', sans-serif; font-size: 12px; margin: 0; font-weight: bold; text-transform: uppercase } .widget-inline-list { display: block; padding-left: 0; color: #58666e } .widget-inline-list li { display: block; float: left; text-align: center; padding: 15px 0 } .widget-inline-list li span { font-size: 18px; display: block; color: inherit; font-family: 'Open-Sans', sans-serif; font-weight: 600 } .widget-inline-list .chart { display: block; margin-top: 5px } .widget-inline-list .col-1 { width: 8.3333333% } .widget-inline-list .col-2 { width: 16.666666% } .widget-inline-list .col-3 { width: 25% } .widget-inline-list .col-4 { width: 33.333333% } .widget-inline-list .col-6 { width: 50% } .widget-inline-list .col-12 { width: 100% } .color1 { color: #37363e } .color2 { color: #58666e } .color3 { color: #e4e4e4 } .color4 { color: #f5f5f5 } .color5 { color: #399bff } .color6 { color: #33577b } .color7 { color: #26a65b } .color8 { color: #51b7a3 } .color9 { color: #f39c12 } .color10 { color: #ef4836 } .color11 { color: #9a80b9 } .color12 { color: #a2ded0 } .color13 { color: #d2527f } .color14 { color: #c78568 } .color15 { color: #e99844 } .color0-bg { background: #3d464d } .color1-bg { background: #37363e } .color2-bg { background: #58666e } .color3-bg { background: #e4e4e4 } .color4-bg { background: #f5f5f5 } .color5-bg { background: #399bff } .color6-bg { background: #33577b } .color7-bg { background: #26a65b } .color8-bg { background: #51b7a3 } .color9-bg { background: #f39c12 } .color10-bg { background: #ef4836 } .color11-bg { background: #9a80b9 } .color12-bg { background: #a2ded0 } .color13-bg { background: #d2527f } .color14-bg { background: #c78568 } .color15-bg { background: #e99844 } .color-up { color: #26a65b } .color-down { color: #ef4836 } .color-fix { color: #399bff }