@charset "UTF-8";
@import url(materialize.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=cyrillic-ext,latin-ext);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
body {
background-color: #f2f2f2;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-family: 'Montserrat', sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
text-shadow: rgba(0, 0, 0, .15) 0 0 1px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
line-height: 1.2;
color: #424242;
}
h6, .h6 {
margin-bottom: 5px;
font-size: 13px;
font-weight: 600;
}
.text-muted {
color: #999 !important;
}
button,
input,
select,
a {
outline: none !important;
}
a:hover, a:focus {
text-decoration: none;
}
.no-animate {
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
.dashboard-stat-list {
list-style: none;
padding-left: 0;
margin-top: 40px;
}
.dashboard-stat-list li {
padding: 16px 0 0 0;
}
.dashboard-stat-list li small {
font-size: 8px;
}
.btn:focus {
outline: none !important;
}
.btn-rounded {
border-radius: 60px !important;
}
.btn-circle {
border: none;
outline: none !important;
overflow: hidden;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.btn-circle i {
font-size: 18px;
position: relative;
left: -2px;
}
.btn-link {
font-weight: bold;
color: #333;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.btn-link:active, .btn-link:focus {
text-decoration: none;
color: #333;
}
.btn-link:hover {
text-decoration: none;
color: #333;
background-color: #ddd;
}
.btn-circle-lg {
border: none;
outline: none !important;
overflow: hidden;
width: 50px;
height: 50px;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
-ms-border-radius: 50% !important;
border-radius: 50% !important;
}
.btn-circle-lg i {
font-size: 26px !important;
position: relative !important;
left: 0px !important;
top: 6px !important;
}
.btn:not(.btn-link):not(.btn-circle) {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
-webkit-border-radius: 20px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
/* border-radius: 20px; */
font-size: 13px;
outline: none;
}
.btn:not(.btn-link):not(.btn-circle):hover {
outline: none;
}
.btn:not(.btn-link):not(.btn-circle) i.material-icons {
font-size: 16px;
position: relative;
top: 3px;
}
.btn-lg, .btn-group-lg > .btn {
padding: 10px 16px !important;
font-size: 18px !important;
}
.btn-default,
.btn-default:active,
.btn-default:focus {
background-color: #fff;
color: #777;
border-color: #dcdcdc;
box-shadow: none !important;
}
.btn-default:hover {
background-color: #fff;
border-color: #bbbbbb;
box-shadow: none !important;
}
.btn-default.btn-outline {
background-color: #fff;
}
.btn-default:active:hover, .btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus, .btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus, .btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
background-color: #fff !important;
}
.btn-info,
.btn-info:active,
.btn-info:focus {
background-color: #00b0e4;
border: 1px solid #00b0e4;
}
.btn-info:hover {
background: #00b0e4;
opacity: 0.8;
border-color: #00b0e4 !important;
}
.btn-info.btn-outline:hover,
.btn-info.btn-outline:active,
.btn-info.btn-outline:focus {
color: #fff !important;
background-color: #00b0e4 !important;
}
.btn-info.btn-outline {
color: #00b0e4;
background-color: transparent;
}
.btn-info:active:hover, .btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus, .btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus, .btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
background-color: #1e86db;
border-color: #1e86db;
}
.btn-success,
.btn-success:active,
.btn-success:focus {
background-color: #4CAF50;
border: 1px solid #4CAF50;
}
.btn-success:hover {
background: #4CAF50;
opacity: 0.8;
border-color: #4CAF50 !important;
}
.btn-success.btn-outline:hover,
.btn-success.btn-outline:active,
.btn-success.btn-outline:focus {
color: #fff !important;
background-color: #4CAF50;
}
.btn-success.btn-outline {
color: #4CAF50;
background-color: transparent;
}
.btn-success:active:hover, .btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus, .btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus, .btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
background-color: #2b8c2b !important;
border-color: #2b8c2b !important;
}
.btn-regresar,
.btn-regresar:active,
.btn-regresar:focus {
background-color: #2196F3;
/* border: 1px solid #2196F3; */
}
.btn-regresar:hover {
background: #2196F3;
opacity: 0.8;
border-color: #2196F3;
}
.btn-regresar.btn-outline:hover,
.btn-regresar.btn-outline:active,
.btn-regresar.btn-outline:focus {
color: #fff !important;
background-color: #2196F3;
}
.btn-regresar.btn-outline {
color: #2196F3;
background-color: transparent;
}
.btn-regresar:active:hover, .btn-regresar.active:hover,
.open > .dropdown-toggle.btn-regresar:hover,
.btn-regresar:active:focus, .btn-regresar.active:focus,
.open > .dropdown-toggle.btn-regresar:focus,
.btn-regresar:active.focus, .btn-regresar.active.focus,
.open > .dropdown-toggle.btn-regresar.focus {
background-color: #1f8df3;
border-color: #1f8df3;
}
.btn-warning,
.btn-warning:active,
.btn-warning:focus {
background-color: #FF9800;
border: 1px solid #FF9800;
}
.btn-warning:hover {
background: #FF9800;
opacity: 0.8;
border-color: #FF9800 !important;
}
.btn-warning.btn-outline:hover,
.btn-warning.btn-outline:active,
.btn-warning.btn-outline:focus {
color: #fff !important;
background-color: #FF9800;
}
.btn-warning.btn-outline {
color: #FF9800;
background-color: transparent;
}
.btn-warning:active:hover, .btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus, .btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus, .btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
background-color: #ec8d00 !important;
border-color: #ec8d00 !important;
}
.btn-danger,
.btn-danger:active,
.btn-danger:focus {
background-color: #fb483a;
border: 1px solid #fb483a;
}
.btn-danger:hover {
background: #fb483a;
opacity: 0.8;
border-color: #fb483a !important;
}
.btn-danger.btn-outline:hover,
.btn-danger.btn-outline:active,
.btn-danger.btn-outline:focus {
color: #fff !important;
background-color: #fb483a;
}
.btn-danger.btn-outline {
color: #fb483a;
background-color: transparent;
}
.btn-danger:active:hover, .btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus, .btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus, .btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
background-color: #f83223 !important;
border-color: #f83223 !important;
}
.btn.bg-red:hover,
.btn.bg-pink:hover,
.btn.bg-purple:hover,
.btn.bg-deep-purple:hover,
.btn.bg-indigo:hover,
.btn.bg-blue:hover,
.btn.bg-light-blue:hover,
.btn.bg-cyan:hover,
.btn.bg-teal:hover,
.btn.bg-green:hover,
.btn.bg-light-green:hover,
.btn.bg-lime:hover,
.btn.bg-yellow:hover,
.btn.bg-amber:hover,
.btn.bg-orange:hover,
.btn.bg-deep-orange:hover,
.btn.bg-brown:hover,
.btn.bg-grey:hover,
.btn.bg-blue-grey:hover,
.btn.bg-black:hover {
opacity: 0.8;
}
.btn-group .btn,
.btn-group-vertical .btn {
box-shadow: none !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.btn-group .btn .caret,
.btn-group-vertical .btn .caret {
position: relative;
bottom: 1px;
}
.btn-group .btn-group,
.btn-group-vertical .btn-group {
box-shadow: none !important;
}
.btn-group .btn + .dropdown-toggle,
.btn-group-vertical .btn + .dropdown-toggle {
border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.btn-label {
background: rgba(0, 0, 0, 0.15);
display: inline-block;
margin: -6px 12px -6px -14px;
padding: 7px 15px;
}
.btn-facebook {
color: #ffffff !important;
background-color: #3b5998 !important;
}
.btn-facebook:hover, .btn-facebook:focus {
color: #ffffff;
background-color: #4c70ba !important;
}
.btn-twitter {
color: #ffffff !important;
background-color: #55acee !important;
}
.btn-twitter:hover, .btn-twitter:focus {
color: #ffffff;
background-color: #83c3f3 !important;
}
.btn-googleplus {
color: #ffffff !important;
background-color: #dd4b39 !important;
}
.btn-googleplus:hover, .btn-googleplus:focus {
color: #ffffff;
background-color: #e47365 !important;
}
.btn-linkedin {
color: #ffffff !important;
background-color: #007bb6 !important;
}
.btn-linkedin:hover, .btn-linkedin:focus {
color: #ffffff;
background-color: #0b96e5 !important;
}
.btn-instagram {
color: #ffffff !important;
background-color: #3f729b !important;
}
.btn-instagram:hover, .btn-instagram:focus {
color: #ffffff;
background-color: #548cb9 !important;
}
.btn-pinterest {
color: #ffffff !important;
background-color: #cb2027 !important;
}
.btn-pinterest:hover, .btn-pinterest:focus {
color: #ffffff;
background-color: #ea343b !important;
}
.btn-dribbble {
color: #ffffff !important;
background-color: #ea4c89 !important;
}
.btn-dribbble:hover, .btn-dribbble:focus {
color: #ffffff;
background-color: #dc3d7b !important;
}
.btn-youtube {
color: #ffffff !important;
background-color: #bb0000 !important;
}
.btn-youtube:hover, .btn-youtube:focus {
color: #ffffff;
background-color: #e1171d !important;
}
.card-inner {
margin-bottom: 10px;
padding: 20px;
padding-top: 0;
}
.card-inner-header {
font-size: 16px;
}
.card-inner .card-inner-header + small a {
font-weight: bold;
color: #666;
}
.caption {
font-size: 1.6rem;
font-weight: 300;
margin-bottom: 30px;
}
.demo {
margin-top: 20px;
}
.demo:after, .demo:before {
content: " ";
display: table;
}
.card {
background: #fff;
min-height: 100px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
position: relative;
border-radius: 20px;
/* margin-bottom: 10px; */
}
.card-small {
background: #fff;
min-height: 50px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
position: relative;
border-radius: 4px;
/* margin-bottom: 10px; */
}
.card-panel {
transition: box-shadow .25s;
padding: 20px;
margin: 0.5rem 0 1rem 0;
border-radius: 2px;
background-color: #fff;
}
.card .card-header {
position: relative;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 20px;
}
.card-bordered .card-header {
border-bottom: 1px solid #e0e0e0;
}
.card .card-header .card-controls i {
font-size: 18px;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.card .card-header i:hover {
color: #313131;
}
.card .card-header h2 {
margin: 0;
font-size: 18px;
font-weight: normal;
}
.card .card-header small {
display: block;
margin-top: 10px;
color: #777;
font-size: 14px;
line-height: 20px;
}
.card .card-header small a {
font-weight: 500;
color: #666;
}
.card .card-inner-header small a {
font-weight: 500;
color: #666;
}
.card-footer {
padding: 20px;
}
.card-footer-bordered {
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding: 15px;
}
.card-footer-bordered .footer-icon a,
.card-footer .footer-icon a {
color: #999;
}
.card-footer-bordered .footer-icon a > i,
.card-footer .footer-icon a > i {
font-size: 14px;
vertical-align: middle;
margin-left: 7px;
}
.card-footer-bordered .footer-icon a > span,
.card-footer .footer-icon a > span {
margin-left: 2px;
}
.card-footer-bordered .footer-icon a:hover, .footer-icon a:focus,
.card-footer .footer-icon a:hover, .footer-icon a:focus {
text-decoration: none !important;
color: #000;
}
.card .card-image {
position: relative;
}
.card .card-image-sm {
height: 175px;
overflow: hidden;
}
.card .card-image .card-title {
color: #fff;
position: absolute;
bottom: 0;
left: 0;
max-width: 100%;
padding: 24px;
text-shadow: rgba(0, 0, 0, .15) 0 0 1px;
}
.card .card-image img {
border-radius: 2px 2px 0 0;
position: relative;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
}
.card-title {
margin-bottom: 0.75rem;
}
.card .card-title {
font-size: 20px;
font-weight: 300;
}
.card .card-subtitle {
font-size: 15px;
margin-bottom: 15px;
color: #999;
font-weight: 300;
}
.card .body .card-profile-img {
position: relative;
z-index: 1;
margin-top: -70px;
border-radius: 50%;
width: 100px;
height: 100px;
padding: 5px;
background-color: #fff;
}
.card .body .card-profile-img img {
width: 90px;
height: 90px;
border-radius: 50%;
}
.card .body .card-btn .btn-floating {
margin-top: -55px;
}
.card_horizontal_left {
float: left;
width: 36%;
height: 100%;
position: absolute;
}
.card_horizontal_right {
float: right;
width: 64%;
}
.card_horizontal_content_left {
padding: 8%;
background: #ffffff;
position: relative;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.card_horizontal_img {
height: 100%;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
}
.card .bg-red,
.card .bg-pink,
.card .bg-purple,
.card .bg-deep-purple,
.card .bg-indigo,
.card .bg-blue,
.card .bg-light-blue,
.card .bg-cyan,
.card .bg-teal,
.card .bg-green,
.card .bg-light-green,
.card .bg-lime,
.card .bg-yellow,
.card .bg-amber,
.card .bg-orange,
.card .bg-deep-orange,
.card .bg-brown,
.card .bg-grey,
.card .bg-blue-grey,
.card .bg-black {
border-bottom: none !important;
color: #fff !important;
}
.card .bg-red h2, .card .bg-red small, .card .bg-red .material-icons,
.card .bg-pink h2,
.card .bg-pink small,
.card .bg-pink .material-icons,
.card .bg-purple h2,
.card .bg-purple small,
.card .bg-purple .material-icons,
.card .bg-deep-purple h2,
.card .bg-deep-purple small,
.card .bg-deep-purple .material-icons,
.card .bg-indigo h2,
.card .bg-indigo small,
.card .bg-indigo .material-icons,
.card .bg-blue h2,
.card .bg-blue small,
.card .bg-blue .material-icons,
.card .bg-light-blue h2,
.card .bg-light-blue small,
.card .bg-light-blue .material-icons,
.card .bg-cyan h2,
.card .bg-cyan small,
.card .bg-cyan .material-icons,
.card .bg-teal h2,
.card .bg-teal small,
.card .bg-teal .material-icons,
.card .bg-green h2,
.card .bg-green small,
.card .bg-green .material-icons,
.card .bg-light-green h2,
.card .bg-light-green small,
.card .bg-light-green .material-icons,
.card .bg-lime h2,
.card .bg-lime small,
.card .bg-lime .material-icons,
.card .bg-yellow h2,
.card .bg-yellow small,
.card .bg-yellow .material-icons,
.card .bg-amber h2,
.card .bg-amber small,
.card .bg-amber .material-icons,
.card .bg-orange h2,
.card .bg-orange small,
.card .bg-orange .material-icons,
.card .bg-deep-orange h2,
.card .bg-deep-orange small,
.card .bg-deep-orange .material-icons,
.card .bg-brown h2,
.card .bg-brown small,
.card .bg-brown .material-icons,
.card .bg-grey h2,
.card .bg-grey small,
.card .bg-grey .material-icons,
.card .bg-blue-grey h2,
.card .bg-blue-grey small,
.card .bg-blue-grey .material-icons,
.card .bg-black h2,
.card .bg-black small,
.card .bg-black .material-icons {
color: #fff !important;
}
.card .bg-red .badge {
background-color: #fff;
color: #F44336;
}
.card .bg-pink .badge {
background-color: #fff;
color: #E91E63;
}
.card .bg-purple .badge {
background-color: #fff;
color: #9C27B0;
}
.card .bg-deep-purple .badge {
background-color: #fff;
color: #673AB7;
}
.card .bg-indigo .badge {
background-color: #fff;
color: #3F51B5;
}
.card .bg-blue .badge {
background-color: #fff;
color: #2196F3;
}
.card .bg-light-blue .badge {
background-color: #fff;
color: #03A9F4;
}
.card .bg-cyan .badge {
background-color: #fff;
color: #C6641E;
}
.card .bg-teal .badge {
background-color: #fff;
color: #009688;
}
.card .bg-green .badge {
background-color: #fff;
color: #4CAF50;
}
.card .bg-light-green .badge {
background-color: #fff;
color: #8BC34A;
}
.card .bg-lime .badge {
background-color: #fff;
color: #CDDC39;
}
.card .bg-yellow .badge {
background-color: #fff;
color: #FFEB3B;
}
.card .bg-amber .badge {
background-color: #fff;
color: #FFC107;
}
.card .bg-orange .badge {
background-color: #fff;
color: #FF9800;
}
.card .bg-deep-orange .badge {
background-color: #fff;
color: #FF5722;
}
.card .bg-brown .badge {
background-color: #fff;
color: #795548;
}
.card .bg-grey .badge {
background-color: #fff;
color: #9E9E9E;
}
.card .bg-blue-grey .badge {
background-color: #fff;
color: #607D8B;
}
.card .bg-black .badge {
background-color: #fff;
color: #000;
}
.card .bg-red .dropdown-menu .material-icons,
.card .bg-pink .dropdown-menu .material-icons,
.card .bg-purple .dropdown-menu .material-icons,
.card .bg-deep-purple .dropdown-menu .material-icons,
.card .bg-indigo .dropdown-menu .material-icons,
.card .bg-blue .dropdown-menu .material-icons,
.card .bg-light-blue .dropdown-menu .material-icons,
.card .bg-cyan .dropdown-menu .material-icons,
.card .bg-teal .dropdown-menu .material-icons,
.card .bg-green .dropdown-menu .material-icons,
.card .bg-light-green .dropdown-menu .material-icons,
.card .bg-lime .dropdown-menu .material-icons,
.card .bg-yellow .dropdown-menu .material-icons,
.card .bg-amber .dropdown-menu .material-icons,
.card .bg-orange .dropdown-menu .material-icons,
.card .bg-deep-orange .dropdown-menu .material-icons,
.card .bg-brown .dropdown-menu .material-icons,
.card .bg-grey .dropdown-menu .material-icons,
.card .bg-blue-grey .dropdown-menu .material-icons,
.card .bg-black .dropdown-menu.material-icons {
color: #666 !important;
}
.card .bg-red .card-controls > li > a:hover,
.card .bg-pink .card-controls > li > a:hover,
.card .bg-purple .card-controls > li > a:hover,
.card .bg-deep-purple .card-controls > li > a:hover,
.card .bg-indigo .card-controls > li > a:hover,
.card .bg-blue .card-controls > li > a:hover,
.card .bg-light-blue .card-controls > li > a:hover,
.card .bg-cyan .card-controls > li > a:hover,
.card .bg-teal .card-controls > li > a:hover,
.card .bg-green .card-controls > li > a:hover,
.card .bg-light-green .card-controls > li > a:hover,
.card .bg-lime .card-controls > li > a:hover,
.card .bg-yellow .card-controls > li > a:hover,
.card .bg-amber .card-controls > li > a:hover,
.card .bg-orange .card-controls > li > a:hover,
.card .bg-deep-orange .card-controls > li > a:hover,
.card .bg-brown .card-controls > li > a:hover,
.card .bg-grey .card-controls > li > a:hover,
.card .bg-blue-grey .card-controls > li > a:hover,
.card .bg-black .card-controls > li > a:hover {
color: #fff;
background-color: rgba(0, 0, 0, .1);
}
.card .body {
font-size: 12px;
vertical-align: middle;
color: #777;
padding: 20px;
padding-bottom: 25px !important;
}
.card .body .col-xs-1,
.card .body .col-sm-1,
.card .body .col-md-1,
.card .body .col-lg-1 {
margin-top: 10px;
}
.card .body .col-xs-2,
.card .body .col-sm-2,
.card .body .col-md-2,
.card .body .col-lg-2 {
margin-top: 10px;
}
.card .body .col-xs-3,
.card .body .col-sm-3,
.card .body .col-md-3,
.card .body .col-lg-3 {
margin-top: 10px;
}
.card .body .col-xs-4,
.card .body .col-sm-4,
.card .body .col-md-4,
.card .body .col-lg-4 {
margin-top: 10px;
}
.card .body .col-xs-5,
.card .body .col-sm-5,
.card .body .col-md-5,
.card .body .col-lg-5 {
margin-top: 10px;
font-weight: bold;
}
.card .body .col-xs-6,
.card .body .col-sm-6,
.card .body .col-md-6,
.card .body .col-lg-6 {
margin-top: 10px;
}
.card .body .col-xs-7,
.card .body .col-sm-7,
.card .body .col-md-7,
.card .body .col-lg-7 {
margin-top: 10px;
}
.card .body .col-xs-8,
.card .body .col-sm-8,
.card .body .col-md-8,
.card .body .col-lg-8 {
margin-top: 10px;
}
.card .body .col-xs-9,
.card .body .col-sm-9,
.card .body .col-md-9,
.card .body .col-lg-9 {
margin-top: 10px;
}
.card .body .col-xs-10,
.card .body .col-sm-10,
.card .body .col-md-10,
.card .body .col-lg-10 {
margin-top: 10px;
}
.card .body .col-xs-11,
.card .body .col-sm-11,
.card .body .col-md-11,
.card .body .col-lg-11 {
margin-top: 10px;
}
.card .body .col-xs-12,
.card .body .col-sm-12,
.card .body .col-md-12,
.card .body .col-lg-12 {
margin-top: 10px;
}
.card-toggled .body {
display: none;
}
.card-fullscreen-wrap {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background: #FFF;
}
.card-fullscreen-wrap .card {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
margin: 0px;
}
ul.card-controls {
position: absolute;
top: 20px;
right: 15px;
list-style: none;
}
ul.card-controls > li {
float: left;
}
ul.card-controls > li > a {
display: block;
float: left;
width: 30px;
height: 30px;
text-align: center;
line-height: 38px;
font-size: 16px;
color: #999;
-moz-border-radius: 20%;
-webkit-border-radius: 20%;
border-radius: 50%;
margin-left: 3px;
margin-top: -3px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
ul.card-controls > li > a.control-primary {
color: #3F51B5;
border-color: #3F51B5;
}
ul.card-controls > li > a.control-success {
color: #4CAF50;
border-color: #4CAF50;
}
ul.card-controls > li > a.control-info {
color: #00b0e4;
border-color: #00b0e4;
}
ul.card-controls > li > a.control-warning {
color: #FF9800;
border-color: #FF9800;
}
ul.card-controls > li > a.control-danger {
color: #fb483a;
border-color: #fb483a;
}
ul.card-controls > li > a:hover {
color: #000;
}
ul.card-controls > li > a.rounded {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.card-hidden-controls ul.card-controls > li > a {
opacity: 0;
filter: alpha(opacity=0);
}
.card-hidden-controls:hover ul.card-controls > li > a {
opacity: 0.8;
filter: alpha(opacity=80);
}
.card-hidden-controls:hover ul.card-controls > li > a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
ul.card-controls > li.label-control .label,
.label-form {
display: inline-block;
font-size: 11px;
padding: 5px 10px;
line-height: 12px;
margin-top: 4px;
}
ul.card-controls > li > .dropdown-menu {
left: auto;
right: 6px;
}
ul.card-controls > li > .dropdown-menu:after,
ul.card-controls > li > .dropdown-menu:before {
left: auto;
right: 11px;
}
ul.card-controls > li > .dropdown-menu:after {
margin-left: auto;
margin-right: -5px;
}
ul.card-controls > li > .dropdown-menu:before {
margin-left: auto;
margin-right: -6px;
}
.card-refresh-layer {
position: absolute;
left: 0px;
top: 0px;
background: #FFF;
opacity: 0.5;
filter: alpha(opacity=50);
z-index: 3;
font-size: 21px;
}
.card-refresh-layer img {
position: absolute;
left: 50%;
top: 50%;
margin-left: -16px;
margin-top: -16px;
}
.panel-group .panel-col-red {
border: 1px solid #F44336;
}
.panel-group .panel-col-red .panel-title {
background-color: #F44336 !important;
color: #fff;
}
.panel-group .panel-col-red .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-pink {
border: 1px solid #E91E63;
}
.panel-group .panel-col-pink .panel-title {
background-color: #E91E63 !important;
color: #fff;
}
.panel-group .panel-col-pink .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-purple {
border: 1px solid #9C27B0;
}
.panel-group .panel-col-purple .panel-title {
background-color: #9C27B0 !important;
color: #fff;
}
.panel-group .panel-col-purple .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-deep-purple {
border: 1px solid #673AB7;
}
.panel-group .panel-col-deep-purple .panel-title {
background-color: #673AB7 !important;
color: #fff;
}
.panel-group .panel-col-deep-purple .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-indigo {
border: 1px solid #3F51B5;
}
.panel-group .panel-col-indigo .panel-title {
background-color: #3F51B5 !important;
color: #fff;
}
.panel-group .panel-col-indigo .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-blue {
/* border: 1px solid #2196F3; */
}
.panel-group .panel-col-blue .panel-title {
background-color: #2196F3 !important;
color: #fff;
}
.panel-group .panel-col-blue .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-light-blue {
border: 1px solid #03A9F4;
}
.panel-group .panel-col-light-blue .panel-title {
background-color: #03A9F4 !important;
color: #fff;
}
.panel-group .panel-col-light-blue .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-cyan {
border: 1px solid #C6641E;
}
.panel-group .panel-col-cyan .panel-title {
background-color: #C6641E !important;
color: #fff;
}
.panel-group .panel-col-cyan .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-teal {
border: 1px solid #009688;
}
.panel-group .panel-col-teal .panel-title {
background-color: #009688 !important;
color: #fff;
}
.panel-group .panel-col-teal .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-green {
border: 1px solid #4CAF50;
}
.panel-group .panel-col-green .panel-title {
background-color: #4CAF50 !important;
color: #fff;
}
.panel-group .panel-col-green .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-light-green {
border: 1px solid #8BC34A;
}
.panel-group .panel-col-light-green .panel-title {
background-color: #8BC34A !important;
color: #fff;
}
.panel-group .panel-col-light-green .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-lime {
border: 1px solid #CDDC39;
}
.panel-group .panel-col-lime .panel-title {
background-color: #CDDC39 !important;
color: #fff;
}
.panel-group .panel-col-lime .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-yellow {
border: 1px solid #ffe821;
}
.panel-group .panel-col-yellow .panel-title {
background-color: #ffe821 !important;
color: #fff;
}
.panel-group .panel-col-yellow .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-amber {
border: 1px solid #FFC107;
}
.panel-group .panel-col-amber .panel-title {
background-color: #FFC107 !important;
color: #fff;
}
.panel-group .panel-col-amber .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-orange {
border: 1px solid #FF9800;
}
.panel-group .panel-col-orange .panel-title {
background-color: #FF9800 !important;
color: #fff;
}
.panel-group .panel-col-orange .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-deep-orange {
border: 1px solid #FF5722;
}
.panel-group .panel-col-deep-orange .panel-title {
background-color: #FF5722 !important;
color: #fff;
}
.panel-group .panel-col-deep-orange .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-brown {
border: 1px solid #795548;
}
.panel-group .panel-col-brown .panel-title {
background-color: #795548 !important;
color: #fff;
}
.panel-group .panel-col-brown .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-grey {
border: 1px solid #9E9E9E;
}
.panel-group .panel-col-grey .panel-title {
background-color: #9E9E9E !important;
color: #fff;
}
.panel-group .panel-col-grey .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-blue-grey {
border: 1px solid #607D8B;
}
.panel-group .panel-col-blue-grey .panel-title {
background-color: #607D8B !important;
color: #fff;
}
.panel-group .panel-col-blue-grey .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-black {
border: 1px solid #000000;
}
.panel-group .panel-col-black .panel-title {
background-color: #000000 !important;
color: #fff;
}
.panel-group .panel-col-black .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-white {
border: 1px solid #ffffff;
}
.panel-group .panel-col-white .panel-title {
background-color: #ffffff !important;
color: #fff;
}
.panel-group .panel-col-white .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel {
position: relative;
border-width: 0;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
}
.panel-body {
padding: 30px 30px;
}
.panel-group .panel .panel-title .material-icons {
float: left;
line-height: 16px;
margin-right: 8px;
}
.panel-group .panel .panel-heading {
padding: 0;
border-radius: 20px;
padding: 8px;
}
.panel-group .panel .panel-heading a {
display: block;
/* padding: 7px 30px; */
}
.panel-group .panel .panel-heading a:hover, .panel-group .panel .panel-heading a:focus, .panel-group .panel .panel-heading a:active {
text-decoration: none;
}
.panel-group .panel .panel-body {
color: #555;
}
.panel-default > .panel-heading {
background-color: #fff;
text-align: left;
}
.panel-info > .panel-heading {
color: #fff;
background-color: #00b0e4;
}
.panel-primary > .panel-heading {
background-color: #3F51B5;
color: #fff;
}
.panel-success > .panel-heading {
background-color: #4CAF50;
color: #fff;
}
.panel-warning > .panel-heading {
background-color: #FF9800;
color: #fff;
}
.panel-danger > .panel-heading {
background-color: #fb483a;
color: #fff;
}
.col_body .panel-col-red .panel-body {
border-top-color: #fff !important;
background-color: #F44336;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-pink .panel-body {
border-top-color: #fff !important;
background-color: #E91E63;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-purple .panel-body {
border-top-color: #fff !important;
background-color: #9C27B0;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-deep-purple .panel-body {
border-top-color: #fff !important;
background-color: #673AB7;
color: #fff;
}
.col_body .panel-col-indigo .panel-body {
border-top-color: #fff !important;
background-color: #3F51B5;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-blue .panel-body {
border-top-color: #fff !important;
background-color: #2196F3;
color: #fff;
}
.col_body .panel-col-light-blue .panel-body {
border-top-color: #fff !important;
background-color: #03A9F4;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-cyan .panel-body {
border-top-color: #fff !important;
background-color: #C6641E;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-teal .panel-body {
border-top-color: #fff !important;
background-color: #009688;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-green .panel-body {
border-top-color: #fff !important;
background-color: #4CAF50;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-light-green .panel-body {
border-top-color: #fff !important;
background-color: #8BC34A;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-lime .panel-body {
border-top-color: #fff !important;
background-color: #CDDC39;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-yellow .panel-body {
border-top-color: #fff !important;
background-color: #ffe821;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-amber .panel-body {
border-top-color: #fff !important;
background-color: #FFC107;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-orange .panel-body {
border-top-color: #fff !important;
background-color: #FF9800;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-deep-orange .panel-body {
border-top-color: #fff !important;
background-color: #FF5722;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-brown .panel-body {
border-top-color: #fff !important;
background-color: #795548;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-grey .panel-body {
border-top-color: #fff !important;
background-color: #9E9E9E;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-blue-grey .panel-body {
border-top-color: #fff !important;
background-color: #607D8B;
border-radius: 4px;
color: #fff;
}
.col_body .panel-col-black .panel-body {
border-top-color: #fff !important;
background-color: #000000;
border-radius: 4px;
color: #fff;
}
.col_body .panel-info .panel-body {
border-top-color: #fff !important;
background-color: #00b0e4;
border-radius: 4px;
color: #fff;
}
.col_body .panel-primary .panel-body {
border-top-color: #fff !important;
background-color: #3F51B5;
border-radius: 4px;
color: #fff;
}
.col_body .panel-success .panel-body {
border-top-color: #fff !important;
background-color: #4CAF50;
border-radius: 4px;
color: #fff;
}
.col_body .panel-warning .panel-body {
border-top-color: #fff !important;
background-color: #FF9800;
border-radius: 4px;
color: #fff;
}
.col_body .panel-danger .panel-body {
border-top-color: #fff !important;
background-color: #fb483a;
border-radius: 4px;
color: #fff;
}
.dropdown-menu {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin-top: 5px;
z-index: 9999;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
border: none;
}
.dropdown-menu .divider {
margin: 5px 0;
}
.dropdown-menu .header {
text-align: center;
padding: 12px;
color: rgba(22, 24, 27, .87);
border-bottom: 1px solid rgba(22, 24, 27, .12);
}
.dropdown-menu .body {
min-width: 300px;
max-width: 380px;
}
.dropdown-menu .media-list, .dropdown-menu li.media {
margin: 0;
}
.dropdown-menu ul.menu {
padding-left: 0;
}
.dropdown-menu ul.menu .icon-circle {
width: 36px;
height: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
color: #fff;
text-align: center;
display: inline-block;
}
.dropdown-menu ul.menu .icon-circle i {
font-size: 18px;
line-height: 36px;
}
.dropdown-menu ul.menu li:last-child {
border-bottom: none;
}
.dropdown-menu ul.menu li a {
padding: 7px 11px;
padding-bottom: 2px;
display: inline-block;
text-decoration: none;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.dropdown-menu ul.menu li {
border-bottom: 1px solid #eee;
}
.dropdown-menu ul.menu li:hover {
background-color: #C6641E
}
.dropdown-menu ul.menu .menu-note h4 {
font-size: 13px;
color: #fff;
margin-top: 10px;
}
.dropdown-menu ul.menu .menu-note p {
font-size: 11px;
margin-top: 10px;
color: #aaa;
}
.dropdown-menu .footer a {
text-align: center;
background-color: #C6641E;
border-top: 1px solid #eee;
padding: 12px 0 12px 0;
font-size: 12px;
margin-bottom: -5px;
}
.dropdown-menu .footer a:hover {
color: #444;
}
.dropdown-menu > li > a {
padding: 6px 12px;
color: #fff;
background-color: #526068;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-size: 12px;
line-height: 25px;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
color: #fff;
text-decoration: none;
background-color: #C6641E;
}
.dropdown-menu > li > a i.material-icons {
margin-right: 9px;
margin-top: -2px;
vertical-align: middle;
font-size: 15px !important;
}
.dropdown-menu > .dropdown-header {
padding: 10px 13px 4px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
cursor: default;
}
.dropdown-header {
color: #333;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #666;
text-decoration: none;
background-color: #eee;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #ccc;
}
.dropdown-animated {
-webkit-animation-duration: .3s !important;
-moz-animation-duration: .3s !important;
-o-animation-duration: .3s !important;
animation-duration: .3s !important;
}
.dropdown-menu.bullet:after,
.dropdown-menu.bullet:before {
bottom: 100%;
left: 20px;
border: 7px solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.dropdown-menu.bullet:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #FFF;
border-width: 5px;
margin-left: -5px;
}
.dropdown-menu.bullet:before {
border-color: rgba(229, 229, 229, 0);
border-bottom-color: #E5E5E5;
border-width: 6px;
margin-left: -6px;
margin-right: -1px;
}
.dropdown-menu-right.bullet:after, .dropdown-menu-right.bullet:before {
left: auto;
right: 11px;
}
.dropup .dropdown-menu:after,
.dropup .dropdown-menu:before {
display: none;
}
.dropdown-menu-default > li > a:hover, .dropdown-menu-default > li > a:focus {
background-color: #e4e7ea;
}
.dropdown-menu-primary > li > a:hover, .dropdown-menu-primary > li > a:focus {
color: #ffffff;
background-color: #3F51B5;
}
.dropdown-menu-success > li > a:hover, .dropdown-menu-success > li > a:focus {
color: #ffffff;
background-color: #4CAF50;
}
.dropdown-menu-info > li > a:hover, .dropdown-menu-info > li > a:focus {
color: #ffffff;
background-color: #00b0e4;
}
.dropdown-menu-warning > li > a:hover, .dropdown-menu-warning > li > a:focus {
color: #ffffff;
background-color: #FF9800;
}
.dropdown-menu-danger > li > a:hover, .dropdown-menu-danger > li > a:focus {
color: #ffffff;
background-color: #fb483a;
}
.alert {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
border: none;
padding-left: 20px;
}
.alert-alt {
border: none;
border-left: 5px solid transparent;
}
.alert-success {
background-color: rgba(223, 248, 228, 0.8);
border-color: #caf4ca;
color: #4CAF50;
}
.alert-success {
color: #4CAF50;
}
.alert-success .alert-link {
color: #4CAF50;
}
.alert-success .close:hover,
.alert-success .close:focus {
color: #4CAF50;
}
.alert-alt.alert-success {
border-color: #4CAF50;
}
.alert-danger {
background-color: #ffe0e6;
border-color: #ffd0e1;
color: #fb483a;
}
.alert-danger {
color: #fb483a;
}
.alert-danger .alert-link {
color: #fb483a;
}
.alert-danger .close:hover,
.alert-danger .close:focus {
color: #fb483a;
}
.alert-alt.alert-danger {
border-color: #fb483a;
}
.alert-default {
background-color: #fff;
border-color: #fff;
color: #424242;
}
.alert-default {
color: #424242;
}
.alert-default .alert-link {
color: #424242;
}
.alert-default .close:hover,
.alert-default .close:focus {
color: #424242;
}
.alert-alt.alert-default {
border-color: #FF9800;
}
.alert-info {
background-color: #cceaf6;
border-color: #aee8f1;
color: #00b0e4;
}
.alert-info {
color: #00b0e4;
}
.alert-info .alert-link {
color: #00b0e4;
}
.alert-info .close:hover,
.alert-info .close:focus {
color: #00b0e4;
}
.alert-alt.alert-info {
border-color: #00b0e4;
}
.alert-warning {
background-color: #fff0b3;
border-color: #ffdda3;
color: #FF9800;
}
.alert-warning {
color: #FF9800;
}
.alert-warning .alert-link {
color: #FF9800;
}
.alert-warning .close:hover,
.alert-warning .close:focus {
color: #FF9800;
}
.alert-alt.alert-warning {
border-color: #FF9800;
}
.alert.dark.alert-success {
background-color: #4CAF50;
color: #fff !important;
}
.alert-alt.alert.dark.alert-success {
border-color: #2b642b;
}
.alert.dark.alert-info {
background-color: #00b0e4;
color: #fff !important;
}
.alert-alt.alert.dark.alert-info {
border-color: #2d768b;
}
.alert.dark.alert-primary {
background-color: #3F51B5;
color: #fff !important;
}
.alert-alt.alert.dark.alert-primary {
border-color: #2d768b;
}
.alert.dark.alert-warning {
background-color: #FF9800 !important;
color: #fff !important;
}
.alert-alt.alert.dark.alert-warning {
border-color: #936017;
}
.alert.dark.alert-danger {
background-color: #fb483a !important;
color: #fff !important;
}
.alert-alt.alert.dark.alert-danger {
border-color: #a2241a;
}
.alert.dark .close {
color: #ffffff;
}
.alert.dark .alert-link {
color: #fff;
}
.alert-dismissible .close {
opacity: 0.6;
border: none;
text-shadow: none;
}
.alert-dismissible .close:focus, .alert-dismissible .close:hover {
opacity: 1;
}
.alert-icon {
padding-left: 45px;
position: relative;
}
.alert-icon i {
position: absolute;
top: 16px;
left: 16px;
font-size: 16px;
text-align: center;
}
.alert ul {
padding-left: 10px;
}
.alert-green {
background-color: #4CAF50;
color: #fff !important;
}
.alert-blue {
background-color: #00b0e4;
color: #fff !important;
}
.alert-indigo {
background-color: #3F51B5;
color: #fff !important;
}
.alert-yellow {
background-color: #FF9800 !important;
color: #fff !important;
}
[type="checkbox"] + label {
padding-left: 26px;
height: 25px;
line-height: 21px;
font-size: 13px;
font-weight: normal;
}
[type="checkbox"]:checked + label:before {
top: -4px;
left: -2px;
width: 11px;
height: 19px;
}
[type="checkbox"]:checked.chk-col-red + label:before {
border-right: 2px solid #F44336;
border-bottom: 2px solid #F44336;
}
[type="checkbox"]:checked.chk-col-pink + label:before {
border-right: 2px solid #E91E63;
border-bottom: 2px solid #E91E63;
}
[type="checkbox"]:checked.chk-col-purple + label:before {
border-right: 2px solid #9C27B0;
border-bottom: 2px solid #9C27B0;
}
[type="checkbox"]:checked.chk-col-deep-purple + label:before {
border-right: 2px solid #673AB7;
border-bottom: 2px solid #673AB7;
}
[type="checkbox"]:checked.chk-col-indigo + label:before {
border-right: 2px solid #3F51B5;
border-bottom: 2px solid #3F51B5;
}
[type="checkbox"]:checked.chk-col-blue + label:before {
border-right: 2px solid #2196F3;
border-bottom: 2px solid #2196F3;
}
[type="checkbox"]:checked.chk-col-light-blue + label:before {
border-right: 2px solid #03A9F4;
border-bottom: 2px solid #03A9F4;
}
[type="checkbox"]:checked.chk-col-cyan + label:before {
border-right: 2px solid #C6641E;
border-bottom: 2px solid #C6641E;
}
[type="checkbox"]:checked.chk-col-teal + label:before {
border-right: 2px solid #009688;
border-bottom: 2px solid #009688;
}
[type="checkbox"]:checked.chk-col-green + label:before {
border-right: 2px solid #4CAF50;
border-bottom: 2px solid #4CAF50;
}
[type="checkbox"]:checked.chk-col-light-green + label:before {
border-right: 2px solid #8BC34A;
border-bottom: 2px solid #8BC34A;
}
[type="checkbox"]:checked.chk-col-lime + label:before {
border-right: 2px solid #CDDC39;
border-bottom: 2px solid #CDDC39;
}
[type="checkbox"]:checked.chk-col-yellow + label:before {
border-right: 2px solid #ffe821;
border-bottom: 2px solid #ffe821;
}
[type="checkbox"]:checked.chk-col-amber + label:before {
border-right: 2px solid #FFC107;
border-bottom: 2px solid #FFC107;
}
[type="checkbox"]:checked.chk-col-orange + label:before {
border-right: 2px solid #FF9800;
border-bottom: 2px solid #FF9800;
}
[type="checkbox"]:checked.chk-col-deep-orange + label:before {
border-right: 2px solid #FF5722;
border-bottom: 2px solid #FF5722;
}
[type="checkbox"]:checked.chk-col-brown + label:before {
border-right: 2px solid #795548;
border-bottom: 2px solid #795548;
}
[type="checkbox"]:checked.chk-col-grey + label:before {
border-right: 2px solid #9E9E9E;
border-bottom: 2px solid #9E9E9E;
}
[type="checkbox"]:checked.chk-col-blue-grey + label:before {
border-right: 2px solid #607D8B;
border-bottom: 2px solid #607D8B;
}
[type="checkbox"]:checked.chk-col-black + label:before {
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
}
[type="checkbox"]:checked.chk-col-white + label:before {
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}
[type="checkbox"].filled-in:not(:checked) + label:after {
height: 18px;
width: 18px;
background-color: transparent;
border: 1px solid #999999;
top: 0px;
z-index: 0;
}
[type="checkbox"].filled-in:checked + label:after {
top: 0;
width: 18px;
height: 18px;
border: 2px solid #f44336;
background-color: #f44336;
z-index: 0;
}
[type="checkbox"].filled-in:checked + label:before {
top: 0;
left: 0px;
width: 8px;
height: 12px;
}
[type="checkbox"].filled-in:checked + label:before {
border-right: 2px solid #fff !important;
border-bottom: 2px solid #fff !important;
}
[type="checkbox"].filled-in:checked.chk-col-red + label:after {
border: 2px solid #F44336;
background-color: #F44336;
}
[type="checkbox"].filled-in:checked.chk-col-pink + label:after {
border: 2px solid #E91E63;
background-color: #E91E63;
}
[type="checkbox"].filled-in:checked.chk-col-purple + label:after {
border: 2px solid #9C27B0;
background-color: #9C27B0;
}
[type="checkbox"].filled-in:checked.chk-col-deep-purple + label:after {
border: 2px solid #673AB7;
background-color: #673AB7;
}
[type="checkbox"].filled-in:checked.chk-col-indigo + label:after {
border: 2px solid #3F51B5;
background-color: #3F51B5;
}
[type="checkbox"].filled-in:checked.chk-col-blue + label:after {
border: 2px solid #2196F3;
background-color: #2196F3;
}
[type="checkbox"].filled-in:checked.chk-col-light-blue + label:after {
border: 2px solid #03A9F4;
background-color: #03A9F4;
}
[type="checkbox"].filled-in:checked.chk-col-cyan + label:after {
border: 2px solid #C6641E;
background-color: #C6641E;
}
[type="checkbox"].filled-in:checked.chk-col-teal + label:after {
border: 2px solid #009688;
background-color: #009688;
}
[type="checkbox"].filled-in:checked.chk-col-green + label:after {
border: 2px solid #4CAF50;
background-color: #4CAF50;
}
[type="checkbox"].filled-in:checked.chk-col-light-green + label:after {
border: 2px solid #8BC34A;
background-color: #8BC34A;
}
[type="checkbox"].filled-in:checked.chk-col-lime + label:after {
border: 2px solid #CDDC39;
background-color: #CDDC39;
}
[type="checkbox"].filled-in:checked.chk-col-yellow + label:after {
border: 2px solid #ffe821;
background-color: #ffe821;
}
[type="checkbox"].filled-in:checked.chk-col-amber + label:after {
border: 2px solid #FFC107;
background-color: #FFC107;
}
[type="checkbox"].filled-in:checked.chk-col-orange + label:after {
border: 2px solid #FF9800;
background-color: #FF9800;
}
[type="checkbox"].filled-in:checked.chk-col-deep-orange + label:after {
border: 2px solid #FF5722;
background-color: #FF5722;
}
[type="checkbox"].filled-in:checked.chk-col-brown + label:after {
border: 2px solid #795548;
background-color: #795548;
}
[type="checkbox"].filled-in:checked.chk-col-grey + label:after {
border: 2px solid #9E9E9E;
background-color: #9E9E9E;
}
[type="checkbox"].filled-in:checked.chk-col-blue-grey + label:after {
border: 2px solid #607D8B;
background-color: #607D8B;
}
[type="checkbox"].filled-in:checked.chk-col-black + label:after {
border: 2px solid #000000;
background-color: #000000;
}
[type="checkbox"].filled-in:checked.chk-col-white + label:after {
border: 2px solid #ffffff;
background-color: #ffffff;
}
[type="radio"]:not(:checked) + label {
padding-left: 26px;
height: 25px;
line-height: 25px;
font-size: 13px;
font-weight: normal;
}
[type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after {
border: 1px solid #999;
}
[type="radio"]:checked + label {
padding-left: 26px;
height: 25px;
line-height: 25px;
font-size: 13px;
font-weight: normal;
}
[type="radio"] + label:before, [type="radio"] + label:after {
content: '';
position: absolute;
left: 4px;
top: 4px;
margin: 0px;
width: 16px;
height: 16px;
z-index: 0;
transition: .28s ease;
}
[type="radio"].primary:checked + label:after {
background-color: #3F51B5;
border-color: #3F51B5;
}
[type="radio"].info:checked + label:after {
background-color: #C6641E;
border-color: #C6641E;
}
[type="radio"].success:checked + label:after {
background-color: #4CAF50;
border-color: #4CAF50;
}
[type="radio"].warning:checked + label:after {
background-color: #FF9800;
border-color: #FF9800;
}
[type="radio"].danger:checked + label:after {
background-color: #F44336;
border-color: #F44336;
}
[type="radio"].radio-col-red:checked + label:after {
background-color: #F44336;
border-color: #F44336;
}
[type="radio"].radio-col-pink:checked + label:after {
background-color: #E91E63;
border-color: #E91E63;
}
[type="radio"].radio-col-purple:checked + label:after {
background-color: #9C27B0;
border-color: #9C27B0;
}
[type="radio"].radio-col-deep-purple:checked + label:after {
background-color: #673AB7;
border-color: #673AB7;
}
[type="radio"].radio-col-indigo:checked + label:after {
background-color: #3F51B5;
border-color: #3F51B5;
}
[type="radio"].radio-col-blue:checked + label:after {
background-color: #2196F3;
border-color: #2196F3;
}
[type="radio"].radio-col-light-blue:checked + label:after {
background-color: #03A9F4;
border-color: #03A9F4;
}
[type="radio"].radio-col-cyan:checked + label:after {
background-color: #C6641E;
border-color: #C6641E;
}
[type="radio"].radio-col-teal:checked + label:after {
background-color: #009688;
border-color: #009688;
}
[type="radio"].radio-col-green:checked + label:after {
background-color: #4CAF50;
border-color: #4CAF50;
}
[type="radio"].radio-col-light-green:checked + label:after {
background-color: #8BC34A;
border-color: #8BC34A;
}
[type="radio"].radio-col-lime:checked + label:after {
background-color: #CDDC39;
border-color: #CDDC39;
}
[type="radio"].radio-col-yellow:checked + label:after {
background-color: #ffe821;
border-color: #ffe821;
}
[type="radio"].radio-col-amber:checked + label:after {
background-color: #FFC107;
border-color: #FFC107;
}
[type="radio"].radio-col-orange:checked + label:after {
background-color: #FF9800;
border-color: #FF9800;
}
[type="radio"].radio-col-deep-orange:checked + label:after {
background-color: #FF5722;
border-color: #FF5722;
}
[type="radio"].radio-col-brown:checked + label:after {
background-color: #795548;
border-color: #795548;
}
[type="radio"].radio-col-grey:checked + label:after {
background-color: #9E9E9E;
border-color: #9E9E9E;
}
[type="radio"].radio-col-blue-grey:checked + label:after {
background-color: #607D8B;
border-color: #607D8B;
}
[type="radio"].radio-col-black:checked + label:after {
background-color: #000000;
border-color: #000000;
}
[type="radio"].radio-col-white:checked + label:after {
background-color: #ffffff;
border-color: #ffffff;
}
[type="radio"].with-gap.radio-col-red:checked + label:before {
border: 2px solid #F44336;
}
[type="radio"].with-gap.radio-col-red:checked + label:after {
background-color: #F44336;
border: 2px solid #F44336;
}
[type="radio"].with-gap.radio-col-pink:checked + label:before {
border: 2px solid #E91E63;
}
[type="radio"].with-gap.radio-col-pink:checked + label:after {
background-color: #E91E63;
border: 2px solid #E91E63;
}
[type="radio"].with-gap.radio-col-purple:checked + label:before {
border: 2px solid #9C27B0;
}
[type="radio"].with-gap.radio-col-purple:checked + label:after {
background-color: #9C27B0;
border: 2px solid #9C27B0;
}
[type="radio"].with-gap.radio-col-deep-purple:checked + label:before {
border: 2px solid #673AB7;
}
[type="radio"].with-gap.radio-col-deep-purple:checked + label:after {
background-color: #673AB7;
border: 2px solid #673AB7;
}
[type="radio"].with-gap.radio-col-indigo:checked + label:before {
border: 2px solid #3F51B5;
}
[type="radio"].with-gap.radio-col-indigo:checked + label:after {
background-color: #3F51B5;
border: 2px solid #3F51B5;
}
[type="radio"].with-gap.radio-col-blue:checked + label:before {
border: 2px solid #2196F3;
}
[type="radio"].with-gap.radio-col-blue:checked + label:after {
background-color: #2196F3;
border: 2px solid #2196F3;
}
[type="radio"].with-gap.radio-col-light-blue:checked + label:before {
border: 2px solid #03A9F4;
}
[type="radio"].with-gap.radio-col-light-blue:checked + label:after {
background-color: #03A9F4;
border: 2px solid #03A9F4;
}
[type="radio"].with-gap.radio-col-cyan:checked + label:before {
border: 2px solid #C6641E;
}
[type="radio"].with-gap.radio-col-cyan:checked + label:after {
background-color: #C6641E;
border: 2px solid #C6641E;
}
[type="radio"].with-gap.radio-col-teal:checked + label:before {
border: 2px solid #009688;
}
[type="radio"].with-gap.radio-col-teal:checked + label:after {
background-color: #009688;
border: 2px solid #009688;
}
[type="radio"].with-gap.radio-col-green:checked + label:before {
border: 2px solid #4CAF50;
}
[type="radio"].with-gap.radio-col-green:checked + label:after {
background-color: #4CAF50;
border: 2px solid #4CAF50;
}
[type="radio"].with-gap.radio-col-light-green:checked + label:before {
border: 2px solid #8BC34A;
}
[type="radio"].with-gap.radio-col-light-green:checked + label:after {
background-color: #8BC34A;
border: 2px solid #8BC34A;
}
[type="radio"].with-gap.radio-col-lime:checked + label:before {
border: 2px solid #CDDC39;
}
[type="radio"].with-gap.radio-col-lime:checked + label:after {
background-color: #CDDC39;
border: 2px solid #CDDC39;
}
[type="radio"].with-gap.radio-col-yellow:checked + label:before {
border: 2px solid #ffe821;
}
[type="radio"].with-gap.radio-col-yellow:checked + label:after {
background-color: #ffe821;
border: 2px solid #ffe821;
}
[type="radio"].with-gap.radio-col-amber:checked + label:before {
border: 2px solid #FFC107;
}
[type="radio"].with-gap.radio-col-amber:checked + label:after {
background-color: #FFC107;
border: 2px solid #FFC107;
}
[type="radio"].with-gap.radio-col-orange:checked + label:before {
border: 2px solid #FF9800;
}
[type="radio"].with-gap.radio-col-orange:checked + label:after {
background-color: #FF9800;
border: 2px solid #FF9800;
}
[type="radio"].with-gap.radio-col-deep-orange:checked + label:before {
border: 2px solid #FF5722;
}
[type="radio"].with-gap.radio-col-deep-orange:checked + label:after {
background-color: #FF5722;
border: 2px solid #FF5722;
}
[type="radio"].with-gap.radio-col-brown:checked + label:before {
border: 2px solid #795548;
}
[type="radio"].with-gap.radio-col-brown:checked + label:after {
background-color: #795548;
border: 2px solid #795548;
}
[type="radio"].with-gap.radio-col-grey:checked + label:before {
border: 2px solid #9E9E9E;
}
[type="radio"].with-gap.radio-col-grey:checked + label:after {
background-color: #9E9E9E;
border: 2px solid #9E9E9E;
}
[type="radio"].with-gap.radio-col-blue-grey:checked + label:before {
border: 2px solid #607D8B;
}
[type="radio"].with-gap.radio-col-blue-grey:checked + label:after {
background-color: #607D8B;
border: 2px solid #607D8B;
}
[type="radio"].with-gap.radio-col-black:checked + label:before {
border: 2px solid #000000;
}
[type="radio"].with-gap.radio-col-black:checked + label:after {
background-color: #000000;
border: 2px solid #000000;
}
[type="radio"].with-gap.radio-col-white:checked + label:before {
border: 2px solid #ffffff;
}
[type="radio"].with-gap.radio-col-white:checked + label:after {
background-color: #ffffff;
border: 2px solid #ffffff;
}
.eagle-checkbox {
position: relative;
display: block;
}
.eagle-checkbox.disabled .eagle-checkbox-label {
color: #636c72;
cursor: not-allowed
}
.eagle-checkbox-label {
padding-left: 1.25rem;
margin-bottom: 0;
cursor: pointer;
}
.eagle-checkbox-input {
position: absolute;
margin-top: .25rem;
margin-left: -1.25rem;
}
.eagle-checkbox-input:only-child {
position: static;
}
.eagle-checkbox-inline {
display: inline-block
}
.eagle-checkbox-inline .eagle-checkbox-label {
vertical-align: middle
}
.eagle-checkbox-inline + .eagle-checkbox-inline {
margin-left: .75rem
}
.eagle-check {
position: relative;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
min-height: 1.5rem;
padding-left: 2.0rem;
cursor: pointer;
font-weight: normal;
}
.eagle-check-input {
position: absolute;
z-index: -1;
opacity: 0
}
.eagle-check-input:checked ~ .eagle-check-indicator {
color: #fff;
background-color: #C6641E;
border-color: #C6641E;
}
.eagle-check-input:active ~ .eagle-check-indicator {
color: #fff;
background-color: #8fcafe;
border-color: #8fcafe;
}
.eagle-check-input:disabled ~ .eagle-check-indicator {
cursor: not-allowed;
background-color: #eceeef;
border-color: #ccc;
}
.eagle-check-input:disabled ~ .eagle-check-description {
color: #636c72;
cursor: not-allowed
}
.eagle-check-indicator {
position: absolute;
top: .25rem;
left: 0;
display: block;
width: 1.5rem;
height: 1.5rem;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
border: 1px solid #ccc;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 50% 50%;
background-size: 50% 50%
}
.custom-checkbox .eagle-check-indicator {
border-radius: .25rem
}
.custom-checkbox .eagle-check-input:checked ~ .eagle-check-indicator {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-checkbox .eagle-check-input:indeterminate ~ .eagle-check-indicator {
background-color: #C6641E;
border-color: #C6641E;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}
.custom-radio .eagle-check-indicator {
border-radius: 50%
}
.custom-radio .eagle-check-input:checked ~ .eagle-check-indicator {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}
.switch label {
font-weight: normal;
font-size: 13px;
}
.switch label .lever {
margin: 0 14px;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-red:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(244, 67, 54, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-red {
background-color: rgba(244, 67, 54, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-red:after {
background-color: #F44336;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-pink:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-pink {
background-color: rgba(233, 30, 99, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-pink:after {
background-color: #E91E63;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-purple:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-purple {
background-color: rgba(156, 39, 176, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-purple:after {
background-color: #9C27B0;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-purple:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-deep-purple {
background-color: rgba(103, 58, 183, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-deep-purple:after {
background-color: #673AB7;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-indigo:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-indigo {
background-color: rgba(63, 81, 181, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-indigo:after {
background-color: #3F51B5;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(33, 150, 243, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-blue {
background-color: rgba(33, 150, 243, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-blue:after {
background-color: #2196F3;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-blue:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-light-blue {
background-color: rgba(3, 169, 244, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-light-blue:after {
background-color: #03A9F4;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-cyan:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-cyan {
background-color: rgba(0, 188, 212, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-cyan:after {
background-color: #C6641E;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-teal:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-teal {
background-color: rgba(0, 150, 136, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-teal:after {
background-color: #009688;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-green:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 175, 80, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-green {
background-color: rgba(76, 175, 80, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-green:after {
background-color: #4CAF50;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-green:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-light-green {
background-color: rgba(139, 195, 74, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-light-green:after {
background-color: #8BC34A;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-lime:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-lime {
background-color: rgba(205, 220, 57, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-lime:after {
background-color: #CDDC39;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-yellow:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-yellow {
background-color: rgba(255, 232, 33, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-yellow:after {
background-color: #ffe821;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-amber:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-amber {
background-color: rgba(255, 193, 7, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-amber:after {
background-color: #FFC107;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-orange:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-orange {
background-color: rgba(255, 152, 0, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-orange:after {
background-color: #FF9800;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-orange:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-deep-orange {
background-color: rgba(255, 87, 34, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-deep-orange:after {
background-color: #FF5722;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-brown:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-brown {
background-color: rgba(121, 85, 72, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-brown:after {
background-color: #795548;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-grey:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-grey {
background-color: rgba(158, 158, 158, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-grey:after {
background-color: #9E9E9E;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue-grey:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-blue-grey {
background-color: rgba(96, 125, 139, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-blue-grey:after {
background-color: #607D8B;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-black:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-black {
background-color: rgba(0, 0, 0, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-black:after {
background-color: #000000;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-white:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-white {
background-color: rgba(255, 255, 255, 0.5);
}
.switch label input[type=checkbox]:checked + .lever.switch-col-white:after {
background-color: #ffffff;
}
.widget {
position: relative;
overflow: hidden;
display: flex;
border-radius: 5px;
margin-bottom: 30px;
background-color: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.widget .widget-icon {
text-align: center;
background-color: rgba(0, 0, 0, 0.12);
}
.widget.style2 .widget-icon {
background-color: inherit;
}
.widget .widget-icon i {
color: #fff;
font-size: 45px;
line-height: 90px;
}
.widget .widget-body {
padding: 16px 20px;
}
.widget h2, .widget h3 {
margin-top: 0;
margin-bottom: 0;
color: #fff;
}
.widget .chart-bar {
margin-top: 24px;
}
.widget .chart-pie {
margin-top: 18px;
}
.widget canvas#clear-day, .widget canvas#sleet, .widget canvas#fog, .widget canvas#wind, .widget canvas#partly-cloudy-day, .widget canvas#snow {
width: 50px;
height: 50px;
}
.pager-widget {
margin-left: 10px;
margin-right: 10px;
}
.todo_widget {
position: relative;
}
.todo_widget .card-header {
padding: 16px;
}
.todo_widget .todo_heading {
background: #FFFFFF;
display: table;
width: 100%;
text-align: center;
height: 40px;
line-height: 40px;
}
.todo_widget .todo_heading .left-icon {
float: left;
}
.todo_widget .todo_heading .right-icon {
float: right;
}
.todo_widget .todo_heading .left-icon,
.todo_widget .todo_heading .right-icon {
padding: 0px 15px;
background: #F44336;
color: #FFFFFF;
font-size: 20px;
}
.todo_widget .list-todo {
position: relative;
}
.todo_checkbox {
border: 2px solid #f9fe4d;
}
.todo_widget .list-todo:hover li {
background-color: #FFFFFF;
}
.todo_widget .list-todo label {
color: #707780;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400;
}
.todo_widget .list-todo .notification {
position: absolute;
right: 20px;
top: 10px;
}
.todo_widget .list-todo label span {
margin-left: 10px;
}
.todo_widget .list-todo .list-todo-item.completed label {
opacity: 0.2 !important;
text-decoration: line-through;
}
.list-todo-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #e9ecf2;
}
.todo_widget .list-todo:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 50px;
overflow: hidden;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6, 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6, 0 17px 2px -6px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6, 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6, 0 17px 2px -6px rgba(0, 0, 0, 0.2);
}
.mail_widget .tab {
border-bottom: 1px solid #e9ecf2;
}
.mail_widget .tab a {
font-size: 12px !important;
font-weight: 400;
}
.mail_widget .mail_list {
position: relative;
max-height: 372px;
background: #FFFFFF;
padding-top: 10px;
}
.mail_widget .mail_list .mails_holder {
padding: 0px;
max-height: 799px;
overflow: auto;
position: relative;
z-index: 0;
margin-bottom: 0;
}
.mail_widget .mail_list .mails_holder li a {
display: inline-block;
width: 100%;
border-bottom: 1px solid #e9ecf2;
text-decoration: none;
padding: 0px 0px;
background: #FFFFFF;
}
.mail_widget .mail_list .mails_holder li a:last-child {
border-bottom-width: 0;
}
.mail_widget .mail_list .mails_holder li a .message_list_block {
position: relative;
padding: 20px;
}
.mail_widget .mail_list .mails_holder li a .message_list_block.starred:before {
content: "\f005";
position: absolute;
left: 0;
font-family: "fontawesome";
color: #FF9800;
top: 35px;
}
.mail_widget .mail_list .mails_holder li a .message_list_block.unread {
background: #f3f4f8;
}
.mail_widget .mail_list .mails_holder li a .message_list_block.read {
opacity: 0.5;
}
.mail_widget .mail_list .mails_holder li a .message_list_block.active {
background-color: #F44336;
}
.mail_widget .mail_list .mails_holder li a .message_list_block.active .mail_right {
margin-left: 60px;
}
.mail_widget .mail_list .mails_holder li a .message_list_block.active .mail_right .name,
.mail_widget .mail_list .mails_holder li a .message_list_block.active .mail_right .right_details,
.mail_widget .mail_list .mails_holder li a .message_list_block.active .mail_right h4 {
color: #FFFFFF;
}
.mail_widget .mail_list .mails_holder li a .message_list_block.active .message_info {
color: #FFFFFF;
}
.mail_widget .mail_list .mails_holder li a .left .image {
width: 50px;
height: 50px;
float: left;
}
.mail_widget .mail_list .mails_holder li a .left .image img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.mail_widget .mail_list .mails_holder li a .mail_right {
margin-left: 60px;
}
.mail_widget .mail_list .mails_holder li a .mail_right .name {
font-size: 14px;
color: #F44336;
display: inline-block;
width: 120px;
overflow: hidden;
white-space: nowrap;
}
.mail_widget .mail_list .mails_holder li a .mail_right .right_details {
color: #b8c1d1;
font-size: 12px;
}
.mail_widget .mail_list .mails_holder li a .mail_right .right_details i {
font-size: 14px;
}
.mail_widget .mail_list .mails_holder li a .mail_right .right_details i.status {
font-size: 10px;
}
.mail_widget .mail_list .mails_holder li a .mail_right .right_details li {
padding: 2px;
}
.mail_widget .mail_list .mails_holder li a .mail_right h4 {
margin: 0;
font-size: 13px;
color: #707780;
height: 20px;
overflow: hidden;
white-space: nowrap;
font-weight: 300;
text-overflow: ellipsis;
}
@media (max-width: 760px) {
.mail_widget .tabs a {
font-size: 9px !important;
}
}
.user {
float: left;
width: 100%;
line-height: 50px;
}
.user img {
float: left;
width: 50px;
height: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-right: 10px;
}
.user a {
display: block;
float: left;
text-decoration: none;
font-size: 14px;
font-weight: 600;
color: #333;
text-shadow: rgba(0, 0, 0, .15) 0 0 1px;
}
.banner-bottom {
background: url('../../assets/images/widget/2-London.jpg') no-repeat 20% 20%;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
min-height: 400px;
position: relative;
}
.row.margin-0 {
margin-right: 0;
margin-left: 0;
}
.weather-widget-top {
background: #fff;
padding: 1.5em;
}
.weather-widget-left h6 {
font-size: 1.1em;
color: #999;
margin-bottom: 10px;
}
.weather-widget-left span {
font-weight: 300;
color: #F44336;
}
.weather-widget-last {
float: left;
text-align: center;
border-left: 1px solid #E5E5E5;
}
.weather-widget-last p {
font-size: 1em;
color: #999;
margin-top: 1em;
}
.weather-widget-last h6 {
font-size: 1em;
color: #999;
margin-bottom: 1em;
font-weight: 300;
}
canvas#partly-cloudy-night {
width: 50px;
height: 50px;
}
canvas#clear-day, canvas#sleet, canvas#fog, canvas#wind, canvas#partly-cloudy-day, canvas#snow {
width: 30px;
height: 30px;
}
.w-icon-left p {
font-size: 1em;
color: #fff;
padding-left: 1em;
}
.w-icon-left p span {
left: -.5em;
}
.w-icon-left {
position: absolute;
left: 20px;
top: 20px;
font-size: 20px;
}
.weather-right-1 {
padding: 2em;
background: #F44336;
}
.weather-ri {
float: left;
}
.weather-ri-1 {
float: right;
}
.weather-ri-2 {
float: left;
}
.weather-ri-3 {
float: right;
}
.weather-ri h3 {
font-size: 1.3em;
color: #fff;
margin: 0.3em 0 0;
}
.weather-ri-2 h3, .weather-ri-3 h3 {
text-transform: capitalize;
font-size: 14px;
color: #fff;
margin: 0;
font-weight: 300;
}
.weather-ri-2 h3 span, .weather-ri-3 h3 span {
display: block;
line-height: 1em;
}
.weather-ri-1 p {
font-size: 2em;
color: #fff;
margin: 0;
font-weight: 600;
}
.weather-text {
padding: 0.5em 0 0;
}
.weather-text h3 {
font-size: 1.8em;
color: #fff;
font-weight: 100;
margin-bottom: .5em;
}
.weather-text h4 {
font-size: 3em;
color: #fff;
}
.overlay-shade {
background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, .87)), to(#fff)) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
}
.overlay-card {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 20px;
color: #fff;
}
#chart_donut {
height: 200px;
}
.vistor_stat {
text-align: center;
}
.vistor_stat i {
vertical-align: middle;
font-size: 15px !important;
}
.vistor_stat span {
font-size: 25px;
color: #333;
}
.chart_box {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
height: 180px;
display: flex;
cursor: default;
background-color: #fff;
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.chart_box .icon {
display: inline-block;
text-align: center;
background-color: rgba(0, 0, 0, 0.12);
width: 150px;
}
.chart_box .icon .chart.sparkline-demo {
height: 100%;
line-height: 100px;
margin-top: 40px;
}
.chart_box .icon .chart.sparkline-demo canvas {
vertical-align: baseline !important;
}
.chart_box .content {
display: inline-block;
padding: 28px 25px;
}
.chart_box .content_chart {
display: inline-block;
padding: 28px 0px;
}
.chart_box .content .text {
font-size: 16px;
margin-top: 30px;
color: #999;
}
.chart_box .content .number {
font-weight: normal;
font-size: 30px;
margin-top: 5px;
color: #555;
}
.overflow {
overflow: auto;
}
.avatar {
text-align: center;
}
.avatar img {
width: 100px;
max-width: 100%;
height: auto;
border-radius: 1000px;
border: 4px solid #fff;
}
.avatar .border-trans {
border-color: transparent !important;
}
.avatar_bg {
background: url(../../assets/images/image-gallery/7.jpg) no-repeat 0px 0px;
background-size: cover;
padding: 30px;
text-align: center;
overflow: auto;
}
.cover_bg {
height: 100%;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
}
.height150 {
height: 150px;
}
.card .bg-red.b-t-radius, .card .bg-pink.b-t-radius, .card .bg-purple.b-t-radius, .card .bg-deep-purple.b-t-radius, .card .bg-indigo.b-t-radius, .card .bg-blue.b-t-radius, .card .bg-light-blue.b-t-radius, .card .bg-cyan.b-t-radius, .card .bg-teal.b-t-radius, .card .bg-green.b-t-radius, .card .bg-light-green.b-t-radius, .card .bg-lime.b-t-radius, .card .bg-yellow.b-t-radius, .card .bg-amber.b-t-radius, .card .bg-orange.b-t-radius, .card .bg-deep-orange.b-t-radius, .card .bg-brown.b-t-radius, .card .bg-grey.b-t-radius, .card .bg-blue-grey.b-t-radius, .card .bg-black.b-t-radius {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.popover {
border: 1px solid #e9ecf2;
border-radius: 0px;
}
.popover .popover-title {
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.25px;
line-height: 24px;
border-radius: 0px;
border-bottom: #d7dce5;
background-color: #F44336;
}
.popover .popover-content {
color: #9398a0;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 300;
letter-spacing: 0.25px;
line-height: 24px;
}
.popover.top > .arrow {
border-top-color: #d7dce5 !important;
}
.popover.right > .arrow {
border-right-color: #d7dce5 !important;
}
.popover.bottom > .arrow {
border-bottom-color: #d7dce5 !important;
}
.popover.left > .arrow {
border-left-color: #d7dce5 !important;
}
.tooltip .tooltip-inner {
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 300;
letter-spacing: 0.25px;
line-height: 24px;
}
.primary-tooltip + .tooltip > .tooltip-inner {
background-color: #3F51B5 !important;
}
.primary-tooltip + .tooltip > .tooltip-arrow {
border-left-color: #3F51B5 !important;
}
.success-tooltip + .tooltip > .tooltip-inner {
background-color: #4CAF50;
}
.success-tooltip + .tooltip > .tooltip-arrow {
border-top-color: #4CAF50;
}
.warning-tooltip + .tooltip > .tooltip-inner {
background-color: #FF9800;
}
.warning-tooltip + .tooltip > .tooltip-arrow {
border-bottom-color: #FF9800;
}
.danger-tooltip + .tooltip > .tooltip-inner {
background-color: #fb483a;
}
.danger-tooltip + .tooltip > .tooltip-arrow {
border-right-color: #fb483a;
}
.nav-tabs {
border-bottom: 1px solid #e9ecf2;
}
.nav-tabs > li a {
border-radius: 0px;
background-color: #526068;
color: #fff;
letter-spacing: 0.25px;
}
.nav-tabs > li a:hover,
.nav-tabs > li a:focus,
.nav-tabs > li a:active {
background-color: #f2f4f7;
border: 1px solid transparent;
color: #263238;
}
.nav-tabs > li.active a {
border-bottom: 1px solid transparent;
border-radius: 0px;
color: #fff;
letter-spacing: 0.25px;
background-color: #C6641E;
}
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:focus,
.nav-tabs > li.active a:active {
background-color: #C6641E;
border: 1px solid #C6641E;
color: #fff;
border-bottom: 1px solid transparent;
}
.nav-tabs.right-tabs li {
float: right;
}
.nav-tabs.nav-justified li a {
border-radius: 0px;
border-bottom: 1px solid transparent;
color: #999;
margin-left: 5px;
}
.nav-tabs.nav-justified li a:first-child {
margin-left: 0px;
}
.nav-tabs.nav-justified li a:hover,
.nav-tabs.nav-justified li a:focus {
border: 1px solid transparent;
color: #C6641E;
}
.nav-tabs.nav-justified li.active a {
color: #999;
border: 1px solid #e9ecf2;
border-bottom: 1px solid transparent;
}
.nav-tabs.nav-justified li.active a:hover,
.nav-tabs.nav-justified li.active a:focus,
.nav-tabs.nav-justified li.active a:active {
border: 1px solid #d7dce5;
border-bottom: 1px solid transparent;
}
.nav-tabs.nav-tabs-noborder {
border-bottom: 1px solid transparent;
}
.nav-tabs.nav-tabs-noborder > li a {
border-radius: 0px;
background-color: #f2f4f7;
border: 1px solid transparent;
}
.nav-tabs.nav-tabs-noborder > li a:hover,
.nav-tabs.nav-tabs-noborder > li a:focus,
.nav-tabs.nav-tabs-noborder > li a:active {
background-color: #f2f4f7;
border: 1px solid transparent;
color: #C6641E;
}
.nav-tabs.nav-tabs-noborder > li.active a {
border: 1px solid transparent;
border-radius: 0px;
background-color: #C6641E !important;
color: #fff !important;
letter-spacing: 0.25px;
}
.nav-tabs.nav-tabs-noborder > li.active a:hover,
.nav-tabs.nav-tabs-noborder > li.active a:focus,
.nav-tabs.nav-tabs-noborder > li.active a:active {
border: 1px solid transparent;
}
.nav-tabs.nav-tabs-noborder.nav-justified li {
border-bottom: 1px solid transparent;
}
.nav-tabs.nav-tabs-noborder.nav-vertical-tabs {
border-right: none;
}
.nav-tabs.nav-tabs-noborder.nav-vertical-tabs.nav-vertical-tabs-right {
border-left: none;
}
.nav-tabs.nav-vertical-tabs {
display: block;
border-bottom: 1px solid transparent;
}
.nav-tabs.nav-vertical-tabs > li {
width: 100%;
margin-bottom: 5px;
}
.nav-tabs.nav-vertical-tabs > li > a {
margin-right: -1px;
}
.nav-tabs.nav-vertical-tabs > li.active a {
border: 1px solid #e9ecf2;
border-right: 1px solid transparent;
}
.nav-tabs.nav-vertical-tabs-right > li.active a {
border: 1px solid #e9ecf2;
border-left: 1px solid transparent;
}
.nav-tabs.nav-vertical-tabs.nav-vertical-tabs-right {
border-right: none;
}
.nav-tabs.nav-vertical-tabs.nav-vertical-tabs-right > li > a {
margin-left: -1px;
}
.tab-content.vertical-content > .tab-pane {
padding-top: 0px;
}
.nav-tabs-inline {
border-bottom: 2px solid #eee;
}
.nav-tabs-inline.nav-justified li {
border-bottom: 2px solid #eee;
}
.nav-tabs-inline.nav-justified li:hover {
border-bottom-color: #ccc;
}
.nav-tabs-inline.right-tabs li {
float: right;
}
.nav-tabs-inline > li {
position: relative;
top: 3px;
left: -2px;
}
.nav-tabs-inline > li > a {
border: none !important;
color: #999 !important;
background-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.nav-tabs-inline > li > a:hover,
.nav-tabs-inline > li > a:active,
.nav-tabs-inline > li > a:focus {
background-color: transparent !important;
color: #999 !important;
}
.nav-tabs-inline > li.active a:hover,
.nav-tabs-inline > li.active a:focus,
.nav-tabs-inline > li.active a:active {
background-color: transparent !important;
}
.nav-tabs-inline > li > a:before {
content: '';
left: 0;
width: 100%;
height: 0;
position: absolute;
border-bottom: 2px solid #2196F3;
bottom: 2px;
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-moz-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
.nav-tabs-inline.nav-justified > li > a:before {
border-bottom: 2px solid #2196F3;
bottom: -7px;
}
@media (min-width: 768px) {
.nav-tabs-inline.nav-justified > li > a:before {
border-bottom: 2px solid #2196F3;
bottom: -2px;
}
}
.nav-tabs-inline.n-v-t-inline {
border-right: 2px solid #eee;
border-bottom: transparent;
}
.nav-tabs-inline.n-v-t-inline-right {
border-left: 2px solid #eee;
border-right: none;
}
.n-v-t-inline > li > a:before {
content: '';
border-bottom: none;
left: 3px;
height: 100%;
position: absolute;
border-right: 2px solid #2196F3 !important;
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-moz-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
.n-v-t-inline-right > li > a:before {
content: '';
border-bottom: none;
left: 0;
height: 100%;
position: absolute;
border-right: 2px solid transparent !important;
border-left: 2px solid #2196F3 !important;
}
.nav-tabs-inline > li > a .material-icons {
position: relative;
top: 7px;
margin-bottom: 8px;
}
.nav-tabs-inline li.active a {
background-color: transparent !important;
color: #2196F3 !important;
}
.nav-tabs-inline li.active a:before {
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.nav-tabs + .tab-content {
padding: 15px 0;
}
.nav-tabs-inline.tab-col-red > li > a:before {
border-bottom: 2px solid #f44336;
}
.nav-tabs-inline.tab-col-pink > li > a:before {
border-bottom: 2px solid #e91e63;
}
.nav-tabs-inline.tab-col-purple > li > a:before {
border-bottom: 2px solid #9c27b0;
}
.nav-tabs-inline.tab-col-deep-purple > li > a:before {
border-bottom: 2px solid #673ab7;
}
.nav-tabs-inline.tab-col-indigo > li > a:before {
border-bottom: 2px solid #3f51b5;
}
.nav-tabs-inline.tab-col-blue > li > a:before {
border-bottom: 2px solid #2196f3;
}
.nav-tabs-inline.tab-col-light-blue > li > a:before {
border-bottom: 2px solid #03a9f4;
}
.nav-tabs-inline.tab-col-cyan > li > a:before {
border-bottom: 2px solid #C6641E;
}
.nav-tabs-inline.tab-col-teal > li > a:before {
border-bottom: 2px solid #009688;
}
.nav-tabs-inline.tab-col-green > li > a:before {
border-bottom: 2px solid #4caf50;
}
.nav-tabs-inline.tab-col-light-green > li > a:before {
border-bottom: 2px solid #8bc34a;
}
.nav-tabs-inline.tab-col-lime > li > a:before {
border-bottom: 2px solid #cddc39;
}
.nav-tabs-inline.tab-col-yellow > li > a:before {
border-bottom: 2px solid #ffe821;
}
.nav-tabs-inline.tab-col-amber > li > a:before {
border-bottom: 2px solid #ffc107;
}
.nav-tabs-inline.tab-col-orange > li > a:before {
border-bottom: 2px solid #ff9800;
}
.nav-tabs-inline.tab-col-deep-orange > li > a:before {
border-bottom: 2px solid #ff5722;
}
.nav-tabs-inline.tab-col-brown > li > a:before {
border-bottom: 2px solid #795548;
}
.nav-tabs-inline.tab-col-grey > li > a:before {
border-bottom: 2px solid #9e9e9e;
}
.nav-tabs-inline.tab-col-blue-grey > li > a:before {
border-bottom: 2px solid #607d8b;
}
.nav-tabs-inline.tab-col-black > li > a:before {
border-bottom: 2px solid #000;
}
.nav-tabs-inline.tab-col-white > li > a:before {
border-bottom: 2px solid #fff;
}
.n-v-t-inline.tab-col-red > li > a:before {
border-right: 2px solid #f44336;
}
.n-v-t-inline.tab-col-pink > li > a:before {
border-right: 2px solid #e91e63;
}
.n-v-t-inline.tab-col-purple > li > a:before {
border-right: 2px solid #9c27b0;
}
.n-v-t-inline.tab-col-deep-purple > li > a:before {
border-right: 2px solid #673ab7;
}
.n-v-t-inline.tab-col-indigo > li > a:before {
border-right: 2px solid #3f51b5;
}
.n-v-t-inline.tab-col-blue > li > a:before {
border-right: 2px solid #2196f3;
}
.n-v-t-inline.tab-col-light-blue > li > a:before {
border-right: 2px solid #03a9f4;
}
.n-v-t-inline.tab-col-cyan > li > a:before {
border-right: 2px solid #C6641E;
}
.n-v-t-inline.tab-col-teal > li > a:before {
border-right: 2px solid #009688;
}
.n-v-t-inline.tab-col-green > li > a:before {
border-right: 2px solid #4caf50;
}
.n-v-t-inline.tab-col-light-green > li > a:before {
border-right: 2px solid #8bc34a;
}
.n-v-t-inline.tab-col-lime > li > a:before {
border-right: 2px solid #cddc39;
}
.n-v-t-inline.tab-col-yellow > li > a:before {
border-right: 2px solid #ffe821;
}
.n-v-t-inline.tab-col-amber > li > a:before {
border-right: 2px solid #ffc107;
}
.n-v-t-inline.tab-col-orange > li > a:before {
border-right: 2px solid #ff9800;
}
.n-v-t-inline.tab-col-deep-orange > li > a:before {
border-right: 2px solid #ff5722;
}
.n-v-t-inline.tab-col-brown > li > a:before {
border-right: 2px solid #795548;
}
.n-v-t-inline.tab-col-grey > li > a:before {
border-right: 2px solid #9e9e9e;
}
.n-v-t-inline.tab-col-blue-grey > li > a:before {
border-right: 2px solid #607d8b;
}
.n-v-t-inline.tab-col-black > li > a:before {
border-right: 2px solid #000;
}
.n-v-t-inline.tab-col-white > li > a:before {
border-right: 2px solid #fff;
}
.n-v-t-inline-right.tab-col-red > li > a:before {
border-left: 2px solid #f44336;
}
.n-v-t-inline-right.tab-col-pink > li > a:before {
border-left: 2px solid #e91e63;
}
.n-v-t-inline-right.tab-col-purple > li > a:before {
border-left: 2px solid #9c27b0;
}
.n-v-t-inline-right.tab-col-deep-purple > li > a:before {
border-left: 2px solid #673ab7;
}
.n-v-t-inline-right.tab-col-indigo > li > a:before {
border-left: 2px solid #3f51b5;
}
.n-v-t-inline-right.tab-col-blue > li > a:before {
border-left: 2px solid #2196f3;
}
.n-v-t-inline-right.tab-col-light-blue > li > a:before {
border-left: 2px solid #03a9f4;
}
.n-v-t-inline-right.tab-col-cyan > li > a:before {
border-left: 2px solid #C6641E;
}
.n-v-t-inline-right.tab-col-teal > li > a:before {
border-left: 2px solid #009688;
}
.n-v-t-inline-right.tab-col-green > li > a:before {
border-left: 2px solid #4caf50;
}
.n-v-t-inline-right.tab-col-light-green > li > a:before {
border-left: 2px solid #8bc34a;
}
.n-v-t-inline-right.tab-col-lime > li > a:before {
border-left: 2px solid #cddc39;
}
.n-v-t-inline-right.tab-col-yellow > li > a:before {
border-left: 2px solid #ffe821;
}
.n-v-t-inline-right.tab-col-amber > li > a:before {
border-left: 2px solid #ffc107;
}
.n-v-t-inline-right.tab-col-orange > li > a:before {
border-left: 2px solid #ff9800;
}
.n-v-t-inline-right.tab-col-deep-orange > li > a:before {
border-left: 2px solid #ff5722;
}
.n-v-t-inline-right.tab-col-brown > li > a:before {
border-left: 2px solid #795548;
}
.n-v-t-inline-right.tab-col-grey > li > a:before {
border-left: 2px solid #9e9e9e;
}
.n-v-t-inline-right.tab-col-blue-grey > li > a:before {
border-left: 2px solid #607d8b;
}
.n-v-t-inline-right.tab-col-black > li > a:before {
border-left: 2px solid #000;
}
.n-v-t-inline-right.tab-col-white > li > a:before {
border-left: 2px solid #fff;
}
.nav-tabs-inline.tab-col-red li.active a,
.n-v-t-inline.tab-col-red li.active a,
.n-v-t-inline-right.tab-col-red li.active a {
color: #f44336 !important;
}
.nav-tabs-inline.tab-col-pink li.active a,
.n-v-t-inline.tab-col-pink li.active a,
.n-v-t-inline-right.tab-col-pink li.active a {
color: #e91e63 !important;
}
.nav-tabs-inline.tab-col-purple li.active a,
.n-v-t-inline.tab-col-purple li.active a,
.n-v-t-inline-right.tab-col-purple li.active a {
color: #9c27b0 !important;
}
.nav-tabs-inline.tab-col-deep-purple li.active a,
.n-v-t-inline.tab-col-deep-purple li.active a,
.n-v-t-inline-right.tab-col-deep-purple li.active a {
color: #673ab7 !important;
}
.nav-tabs-inline.tab-col-indigo li.active a,
.n-v-t-inline.tab-col-indigo li.active a,
.n-v-t-inline-right.tab-col-indigo li.active a {
color: #3f51b5 !important;
}
.nav-tabs-inline.tab-col-blue li.active a,
.n-v-t-inline.tab-col-blue li.active a,
.n-v-t-inline-right.tab-col-blue li.active a {
color: #2196f3 !important;
}
.nav-tabs-inline.tab-col-light-blue li.active a,
.n-v-t-inline.tab-col-light-blue li.active a,
.n-v-t-inline-right.tab-col-light-blue li.active a {
color: #03a9f4 !important;
}
.nav-tabs-inline.tab-col-cyan li.active a,
.n-v-t-inline.tab-col-cyan li.active a,
.n-v-t-inline-right.tab-col-cyan li.active a {
color: #C6641E !important;
}
.nav-tabs-inline.tab-col-teal li.active a,
.n-v-t-inline.tab-col-teal li.active a,
.n-v-t-inline-right.tab-col-teal li.active a {
color: #009688 !important;
}
.nav-tabs-inline.tab-col-green li.active a,
.n-v-t-inline.tab-col-green li.active a,
.n-v-t-inline-right.tab-col-green li.active a {
color: #4caf50 !important;
}
.nav-tabs-inline.tab-col-light-green li.active a,
.n-v-t-inline.tab-col-light-green li.active a,
.n-v-t-inline-right.tab-col-light-green li.active a {
color: #8bc34a !important;
}
.nav-tabs-inline.tab-col-lime li.active a,
.n-v-t-inline.tab-col-lime li.active a,
.n-v-t-inline-right.tab-col-lime li.active a {
color: #cddc39 !important;
}
.nav-tabs-inline.tab-col-yellow li.active a,
.n-v-t-inline.tab-col-yellow li.active a,
.n-v-t-inline-right.tab-col-yellow li.active a {
color: #ffe821 !important;
}
.nav-tabs-inline.tab-col-amber li.active a,
.n-v-t-inline.tab-col-amber li.active a,
.n-v-t-inline-right.tab-col-amber li.active a {
color: #ffc107 !important;
}
.nav-tabs-inline.tab-col-orange li.active a,
.n-v-t-inline.tab-col-orange li.active a,
.n-v-t-inline-right.tab-col-orange li.active a {
color: #ff9800 !important;
}
.nav-tabs-inline.tab-col-deep-orange li.active a,
.n-v-t-inline.tab-col-deep-orange li.active a,
.n-v-t-inline-right.tab-col-deep-orange li.active a {
color: #ff5722 !important;
}
.nav-tabs-inline.tab-col-brown li.active a,
.n-v-t-inline.tab-col-brown li.active a,
.n-v-t-inline-right.tab-col-brown li.active a {
color: #795548 !important;
}
.nav-tabs-inline.tab-col-grey li.active a,
.n-v-t-inline.tab-col-grey li.active a,
.n-v-t-inline-right.tab-col-grey li.active a {
color: #555 !important;
}
.nav-tabs-inline.tab-col-blue-grey li.active a,
.n-v-t-inline.tab-col-blue-grey li.active a,
.n-v-t-inline-right.tab-col-blue-grey li.active a {
color: #555 !important;
}
.nav-tabs-inline.tab-col-black li.active a,
.n-v-t-inline.tab-col-black li.active a,
.n-v-t-inline-right.tab-col-black li.active a {
color: #555 !important;
}
.nav-tabs-inline.tab-col-white li.active a,
.n-v-t-inline.tab-col-white li.active a,
.n-v-t-inline-right.tab-col-white li.active a {
color: #555 !important;
}
.progress {
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
border-radius: 1px;
height: 4px;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #f5f5f5;
}
.progress.progress-sm {
height: 8px;
}
.progress.progress-sm .progress-bar {
font-size: 5px;
line-height: 8px;
}
.progress.progress-lg {
height: 20px;
}
.progress.progress-lg .progress-bar {
font-size: 12px;
line-height: 20px;
}
.progress.progress-md {
height: 15px;
}
.progress.progress-md .progress-bar {
font-size: 11px;
line-height: 15px;
}
.progress .progress-bar {
position: relative;
line-height: 4px;
background-color: #3F51B5;
}
.progress .progress-bar-default {
background-color: #777;
}
.progress .progress-bar-primary {
background-color: #3F51B5;
}
.progress .progress-bar-success {
background-color: #4CAF50;
}
.progress .progress-bar-info {
background-color: #00b0e4;
}
.progress .progress-bar-warning {
background-color: #FF9800;
}
.progress .progress-bar-danger {
background-color: #fb483a;
}
.progress-vertical .progress-bar {
width: 100%;
}
.progress-vertical.progress-sm, .progress-vertical-bottom.progress-sm {
width: 8px;
}
.progress-vertical.progress-md, .progress-vertical-bottom.progress-md {
width: 15px;
}
.progress-vertical.progress-lg, .progress-vertical-bottom.progress-lg {
width: 22px;
}
.progress-vertical.progress-sm .progress-bar, .progress-vertical-bottom.progress-sm .progress-bar {
font-size: 5px;
}
.progress-vertical.progress-md .progress-bar, .progress-vertical-bottom.progress-md .progress-bar {
font-size: 8px;
}
.progress-vertical.progress-lg .progress-bar, .progress-vertical-bottom.progress-lg .progress-bar {
font-size: 11px;
}
.progress-vertical, .progress-vertical-bottom {
min-height: 240px;
height: 240px;
}
.progress-vertical-bottom {
position: relative;
width: 4px;
display: inline-block;
margin-bottom: 0;
margin-right: 22px;
}
.progress-vertical-bottom .progress-bar {
width: 100%;
position: absolute;
bottom: 0;
}
.progress-vertical {
width: 4px;
position: relative;
display: inline-block;
margin-bottom: 0;
margin-right: 22px;
}
.progress-indicating:before {
content: "";
position: absolute;
left: 0;
opacity: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #fff;
border-radius: 0;
-webkit-animation: progress-indicating 3s infinite;
-o-animation: progress-indicating 3s infinite;
animation: progress-indicating 3s infinite;
}
@-webkit-keyframes progress-indicating {
0% {
opacity: .4;
width: 0
}
100% {
opacity: .1;
width: 100%
}
}
@-o-keyframes progress-indicating {
0% {
opacity: .4;
width: 0
}
100% {
opacity: .1;
width: 100%
}
}
@keyframes progress-bar-indicating {
0% {
opacity: .4;
width: 0
}
100% {
opacity: .1;
width: 100%
}
}
.irs .irs-min,
.irs .irs-max,
.irs .irs-from,
.irs .irs-to,
.irs .irs-single {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.input-group {
width: 100%;
margin-bottom: 5px;
}
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
margin-right: -2px;
z-index: 3;
}
.input-group.addon-line .input-group-addon {
border: none;
background-color: transparent;
padding-left: 0;
font-weight: bold;
}
.input-group .input-group-addon {
text-align: center;
color: #777;
background-color: #eee;
}
.input-group-addon .material-icons {
font-size: 16px;
vertical-align: middle;
}
.input-group.input-group-sm .input-group-addon i {
font-size: 14px;
}
.input-group.input-group-lg .input-group-addon i {
font-size: 26px;
}
.input-group .input-group-btn .btn {
padding: 6px 12px;
font-size: 14px;
-webkit-box-shadow: none;
box-shadow: none;
}
.input-group .input-group-addon.btn {
padding: 7px 12px;
-webkit-box-shadow: none;
box-shadow: none;
}
.input-group .form-line {
display: inline-block;
width: 100%;
border-bottom: 1px solid #ddd;
position: relative;
}
.input-group .form-line:after {
content: '';
position: absolute;
left: 0;
width: 100%;
bottom: -2px;
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-moz-transition: 0.25s ease-in;
-o-transition: 0.25s ease-in;
-webkit-transition: 0.25s ease-in;
transition: 0.25s ease-in;
border-bottom: 2px solid #1f91f3;
}
.input-group .form-line + .input-group-addon-line {
padding-right: 0;
padding-left: 10px;
}
.input-group .help-info {
float: right;
font-size: 12px;
margin-top: 5px;
color: #999;
}
.input-group label.error {
font-size: 12px;
display: block;
margin-top: 5px;
font-weight: normal;
color: #F44336;
}
.input-group .form-line.error:after {
border-bottom: 2px solid #F44336;
}
.input-group .form-line.success:after {
border-bottom: 2px solid #4CAF50;
}
.input-group .form-line.warning:after {
border-bottom: 2px solid #FF9800;
}
.input-group .form-line.focused:after {
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.input-group .form-line.focused .form-label {
bottom: 25px;
left: 0;
font-size: 12px;
}
.input-group .input-group-addon-line {
border: none;
background-color: transparent;
padding-left: 0;
font-weight: bold;
}
.input-group .input-group-addon-line {
border: none;
background-color: transparent;
padding-left: 0;
font-weight: bold;
}
.input-group .input-group-addon-line .material-icons {
font-size: 18px;
color: #555;
}
.input-group .form-line input[type="text"],
.input-group .form-line .form-control {
border: none;
box-shadow: none;
padding-left: 0;
}
.input-group .form-control:focus {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
box-shadow: none !important;
}
.input-group.input-group-sm .input-group-addon-line i {
font-size: 14px;
}
.input-group.input-group-sm .form-control {
font-size: 12px;
}
.input-group.input-group-lg .input-group-addon-line i {
font-size: 26px;
}
.input-group.input-group-lg .form-control {
font-size: 18px;
}
.input-icon i {
color: #c1c1c1;
position: absolute;
margin: 8px 15px;
z-index: 1;
font-size: 20px;
left: 0;
text-align: center;
}
.input-icon > .form-control {
padding-left: 38px;
}
.btn-file > input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
min-width: 100%;
min-height: 100%;
direction: ltr;
cursor: pointer;
border-radius: 0px;
display: block;
}
form label,
.form-group label {
font-weight: bold;
}
.form-control-label {
text-align: right;
}
.form-control-label label {
margin-top: 8px;
}
.form-horizontal .form-group {
margin-bottom: 0;
}
.form-group {
width: 100%;
margin-bottom: 5px !important;
}
.form-group .form-line .form-control {
width: 100%;
border: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
padding-left: 0;
}
.form-group .form-control {
width: 100%;
box-shadow: none !important;
border-radius: 15px;
}
.form-control.circle {
border-radius: 200px;
}
.form-control.focus, .form-control:focus {
border-color: #2196F3;
outline: 0;
}
.form-group .help-info {
float: right;
font-size: 12px;
margin-top: 5px;
color: #999;
}
.form-group label.error {
font-size: 12px;
display: block;
margin-top: 5px;
font-weight: normal;
color: #F44336;
}
.form-group .form-line {
width: 100%;
position: relative;
border-bottom: 1px solid #ddd;
}
.form-line.has-error {
border-bottom: 1px solid #F44336;
}
.form-line.has-error label {
color: #F44336;
}
.form-line.has-success {
border-bottom: 1px solid #4CAF50;
}
.form-line.has-success label {
color: #4CAF50;
}
.form-line.has-warning {
border-bottom: 1px solid #FF9800;
}
.form-line.has-warning label {
color: #FF9800;
}
.form-group .form-line:after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 0;
bottom: -1px;
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-moz-transition: 0.25s ease-in;
-o-transition: 0.25s ease-in;
-webkit-transition: 0.25s ease-in;
transition: 0.25s ease-in;
border-bottom: 2px solid #1f91f3;
}
.form-group .form-line .form-label {
font-weight: normal;
color: #aaa;
position: absolute;
top: 10px;
left: 0;
cursor: text;
-moz-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.form-group .form-line.error:after {
border-bottom: 2px solid #F44336;
}
.form-group .form-line.success:after {
border-bottom: 2px solid #4CAF50;
}
.form-group .form-line.warning:after {
border-bottom: 2px solid #FF9800;
}
.form-group .form-line.focused:after {
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.form-group .form-line.focused .form-label {
top: -10px;
left: 0;
font-size: 12px;
}
.form-group .form-line.error.focused .form-label {
color: #F44336;
}
.form-group .form-line.success.focused .form-label {
color: #4CAF50;
}
.form-group .form-line.warning.focused .form-label {
color: #FF9800;
}
.form-group-sm .form-label {
font-size: 12px;
}
.form-group-sm .form-line.focused .form-label {
bottom: 20px;
font-size: 10px;
}
.form-group-lg .form-label {
font-size: 18px;
}
.form-group-lg .form-line.focused .form-label {
bottom: 35px;
font-size: 12px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: transparent;
}
.form-line .help-block {
position: absolute;
margin: 2px 0 0;
font-size: 12px;
color: #bbb;
}
.has-success .form-control {
border-color: #4CAF50;
}
.has-warning .form-control {
border-color: #FF9800;
}
.has-error .form-control {
border-color: #F44336;
}
.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: #4CAF50;
}
.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: #FF9800;
}
.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: #F44336;
}
.colorpicker {
z-index: 1;
}
.colorpicker:before, .colorpicker:after {
display: none !important;
}
.dropzone {
border: none;
border-radius: 20px;
}
.dropzone .dz-message .drag-icon-cph .material-icons {
font-size: 80px;
color: #C6641E;
}
.breadcrumb {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-color: transparent;
margin-bottom: 10px;
}
.breadcrumb li a {
color: #C6641E;
text-decoration: none;
}
.breadcrumb li .material-icons {
font-size: 18px;
position: relative;
top: 4px;
}
.breadcrumb > li + li:before {
color: #C6641E;
}
.breadcrumb-arrow > li + li:before {
content: "\00bb";
}
.breadcrumb > .active {
color: #999;
}
.breadcrumb-col-red li a {
color: #F44336 !important;
}
.breadcrumb-col-red > li + li:before {
color: #F44336;
}
.breadcrumb-bg-red {
background-color: #F44336 !important;
}
.breadcrumb-bg-red li {
color: #fff !important;
}
.breadcrumb-bg-red li a {
color: #fff;
}
.breadcrumb-bg-red li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-red li + li:before {
color: #fff;
}
.breadcrumb-col-pink li a {
color: #E91E63 !important;
}
.breadcrumb-col-pink > li + li:before {
color: #E91E63;
}
.breadcrumb-bg-pink {
background-color: #E91E63 !important;
}
.breadcrumb-bg-pink li {
color: #fff !important;
}
.breadcrumb-bg-pink li a {
color: #fff;
}
.breadcrumb-bg-pink li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-pink li + li:before {
color: #fff;
}
.breadcrumb-col-purple li a {
color: #9C27B0 !important;
}
.breadcrumb-col-purple > li + li:before {
color: #9C27B0;
}
.breadcrumb-bg-purple {
background-color: #9C27B0 !important;
}
.breadcrumb-bg-purple li {
color: #fff !important;
}
.breadcrumb-bg-purple li a {
color: #fff;
}
.breadcrumb-bg-purple li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-purple li + li:before {
color: #fff;
}
.breadcrumb-col-deep-purple li a {
color: #673AB7 !important;
}
.breadcrumb-col-deep-purple > li + li:before {
color: #673AB7;
}
.breadcrumb-bg-deep-purple {
background-color: #673AB7 !important;
}
.breadcrumb-bg-deep-purple li {
color: #fff !important;
}
.breadcrumb-bg-deep-purple li a {
color: #fff;
}
.breadcrumb-bg-deep-purple li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-deep-purple li + li:before {
color: #fff;
}
.breadcrumb-col-indigo li a {
color: #3F51B5 !important;
}
.breadcrumb-col-indigo > li + li:before {
color: #3F51B5;
}
.breadcrumb-bg-indigo {
background-color: #3F51B5 !important;
}
.breadcrumb-bg-indigo li {
color: #fff !important;
}
.breadcrumb-bg-indigo li a {
color: #fff;
}
.breadcrumb-bg-indigo li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-indigo li + li:before {
color: #fff;
}
.breadcrumb-col-blue li a {
color: #2196F3 !important;
}
.breadcrumb-col-blue > li + li:before {
color: #2196F3;
}
.breadcrumb-bg-blue {
background-color: #2196F3 !important;
}
.breadcrumb-bg-blue li {
color: #fff !important;
}
.breadcrumb-bg-blue li a {
color: #fff;
}
.breadcrumb-bg-blue li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-blue li + li:before {
color: #fff;
}
.breadcrumb-col-light-blue li a {
color: #03A9F4 !important;
}
.breadcrumb-bg-light-blue > li + li:before {
color: #03A9F4;
}
.breadcrumb-bg-light-blue {
background-color: #03A9F4 !important;
}
.breadcrumb-bg-light-blue li {
color: #fff !important;
}
.breadcrumb-bg-light-blue li a {
color: #fff;
}
.breadcrumb-bg-light-blue li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-light-blue li + li:before {
color: #fff;
}
.breadcrumb-col-cyan li a {
color: #C6641E !important;
}
.breadcrumb-col-cyan > li + li:before {
color: #C6641E;
}
.breadcrumb-bg-cyan {
background-color: #C6641E !important;
}
.breadcrumb-bg-cyan li {
color: #fff !important;
}
.breadcrumb-bg-cyan li a {
color: #fff;
}
.breadcrumb-bg-cyan li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-cyan li + li:before {
color: #fff;
}
.breadcrumb-col-teal li a {
color: #009688 !important;
}
.breadcrumb-col-teal > li + li:before {
color: #009688;
}
.breadcrumb-bg-teal {
background-color: #009688 !important;
}
.breadcrumb-bg-teal li {
color: #fff !important;
}
.breadcrumb-bg-teal li a {
color: #fff;
}
.breadcrumb-bg-teal li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-teal li + li:before {
color: #fff;
}
.breadcrumb-col-green li a {
color: #4CAF50 !important;
}
.breadcrumb-col-green > li + li:before {
color: #4CAF50;
}
.breadcrumb-bg-green {
background-color: #4CAF50 !important;
}
.breadcrumb-bg-green li {
color: #fff !important;
}
.breadcrumb-bg-green li a {
color: #fff;
}
.breadcrumb-bg-green li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-green li + li:before {
color: #fff;
}
.breadcrumb-col-light-green li a {
color: #8BC34A !important;
}
.breadcrumb-col-light-green > li + li:before {
color: #8BC34A;
}
.breadcrumb-bg-light-green {
background-color: #8BC34A !important;
}
.breadcrumb-bg-light-green li {
color: #fff !important;
}
.breadcrumb-bg-light-green li a {
color: #fff;
}
.breadcrumb-bg-light-green li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-light-green li + li:before {
color: #fff;
}
.breadcrumb-col-lime li a {
color: #CDDC39 !important;
}
.breadcrumb-col-lime > li + li:before {
color: #CDDC39;
}
.breadcrumb-bg-lime {
background-color: #CDDC39 !important;
}
.breadcrumb-bg-lime li {
color: #fff !important;
}
.breadcrumb-bg-lime li a {
color: #fff;
}
.breadcrumb-bg-lime li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-lime li + li:before {
color: #fff;
}
.breadcrumb-col-yellow li a {
color: #ffe821 !important;
}
.breadcrumb-col-yellow > li + li:before {
color: #ffe821;
}
.breadcrumb-bg-yellow {
background-color: #ffe821 !important;
}
.breadcrumb-bg-yellow li {
color: #fff !important;
}
.breadcrumb-bg-yellow li a {
color: #fff;
}
.breadcrumb-bg-yellow li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-yellow li + li:before {
color: #fff;
}
.breadcrumb-col-amber li a {
color: #FFC107 !important;
}
.breadcrumb-col-amber > li + li:before {
color: #FFC107;
}
.breadcrumb-bg-amber {
background-color: #FFC107 !important;
}
.breadcrumb-bg-amber li {
color: #fff !important;
}
.breadcrumb-bg-amber li a {
color: #fff;
}
.breadcrumb-bg-amber li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-amber li + li:before {
color: #fff;
}
.breadcrumb-col-orange li a {
color: #FF9800 !important;
}
.breadcrumb-col-orange > li + li:before {
color: #FF9800;
}
.breadcrumb-bg-orange {
background-color: #FF9800 !important;
}
.breadcrumb-bg-orange li {
color: #fff !important;
}
.breadcrumb-bg-orange li a {
color: #fff;
}
.breadcrumb-bg-orange li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-orange li + li:before {
color: #fff;
}
.breadcrumb-col-deep-orange li a {
color: #FF5722 !important;
}
.breadcrumb-col-deep-orange > li + li:before {
color: #FF5722;
}
.breadcrumb-bg-deep-orange {
background-color: #FF5722 !important;
}
.breadcrumb-bg-deep-orange li {
color: #fff !important;
}
.breadcrumb-bg-deep-orange li a {
color: #fff;
}
.breadcrumb-bg-deep-orange li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-deep-orange li + li:before {
color: #fff;
}
.breadcrumb-col-brown li a {
color: #795548 !important;
}
.breadcrumb-col-brown > li + li:before {
color: #795548;
}
.breadcrumb-bg-brown {
background-color: #795548 !important;
}
.breadcrumb-bg-brown li {
color: #fff !important;
}
.breadcrumb-bg-brown li a {
color: #fff;
}
.breadcrumb-bg-brown li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-brown li + li:before {
color: #fff;
}
.breadcrumb-col-grey li a {
color: #9E9E9E !important;
}
.breadcrumb-col-grey > li + li:before {
color: #9E9E9E;
}
.breadcrumb-bg-grey {
background-color: #9E9E9E !important;
}
.breadcrumb-bg-grey li {
color: #fff !important;
}
.breadcrumb-bg-grey li a {
color: #fff;
}
.breadcrumb-bg-grey li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-grey li + li:before {
color: #fff;
}
.breadcrumb-col-blue-grey li a {
color: #607D8B !important;
}
.breadcrumb-col-blue-grey > li + li:before {
color: #607D8B;
}
.breadcrumb-bg-blue-grey {
background-color: #607D8B !important;
}
.breadcrumb-bg-blue-grey li {
color: #fff !important;
}
.breadcrumb-bg-blue-grey li a {
color: #fff;
}
.breadcrumb-bg-blue-grey li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-blue-grey li + li:before {
color: #fff;
}
.breadcrumb-col-black li a {
color: #000000 !important;
}
.breadcrumb-col-black > li + li:before {
color: #000000;
}
.breadcrumb-bg-black {
background-color: #000000 !important;
}
.breadcrumb-bg-black li {
color: #fff !important;
}
.breadcrumb-bg-black li a {
color: #fff;
}
.breadcrumb-bg-black li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-black li + li:before {
color: #fff;
}
.breadcrumb-col-white li a {
color: #ffffff !important;
font-weight: bold;
}
.breadcrumb-bg-white {
background-color: #ffffff !important;
}
.breadcrumb-bg-white li {
color: #fff !important;
}
.breadcrumb-bg-white li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-white li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-white li + li:before {
color: #fff;
}
.badge {
padding: 3px 6px;
font-size: 10px;
border: 1px solid transparent;
}
.badge-radius {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
.badge-lg {
padding: 5px 9px 8px;
font-size: 16px;
}
.badge-sm {
padding: 2px 5px;
font-size: 10px;
}
.badge-above {
position: relative;
top: -21px;
margin: 0px -0.8em;
right: 7px;
}
.badge-primary {
color: #ffffff;
background-color: #3F51B5;
}
.badge-success {
color: #ffffff;
background-color: #4CAF50;
}
.badge-info {
color: #ffffff;
background-color: #00b0e4;
}
.badge-azul {
color: #ffffff;
background-color: #C6641E;
}
.badge-danger {
color: #ffffff;
background-color: #fb483a;
}
.badge-warning {
color: #ffffff;
background-color: #FF9800;
}
.badge-outline-success {
background-color: transparent;
border-color: #4CAF50;
color: #4CAF50;
}
.badge-outline-danger {
background-color: transparent;
border-color: #fb483a;
color: #fb483a;
}
.badge-outline-warning {
background-color: transparent;
border-color: #FF9800;
color: #FF9800;
}
.badge-outline-info {
background-color: transparent;
border-color: #00b0e4;
color: #00b0e4;
}
.badge-outline-default {
background-color: transparent;
border-color: #777;
color: #777;
}
.badge-outline-primary {
background-color: transparent;
border-color: #3F51B5;
color: #3F51B5;
}
.list-group-item {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.list-group .active {
background-color: #2196F3;
border-color: #2196F3;
}
.list-group .active:hover, .list-group .active:focus, .list-group .active:active {
background-color: #2196F3;
border-color: #2196F3;
}
.list-group .active .list-group-item-text {
color: #dfe9f1;
font-size: 13px;
}
.list-group .active .list-group-item-text:hover, .list-group .active .list-group-item-text:active, .list-group .active .list-group-item-text:focus {
color: #dfe9f1;
}
.list-group .list-group-item.active:hover .list-group-item-text, .list-group .list-group-item.active:focus .list-group-item-text, .list-group .list-group-item.active:active .list-group-item-text {
color: #dfe9f1;
}
.list-group .list-group-item:first-child, .list-group .list-group-item:last-child {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.list-group .list-group-item .list-group-item-heading {
font-weight: bold;
font-size: 17px;
}
.list-group .list-group-item-primary {
background-color: #3F51B5;
border: none;
color: #fff;
}
.list-group .list-group-item-primary:hover, .list-group .list-group-item-primary:focus {
background-color: #3F51B5;
color: #fff;
opacity: 0.8;
}
.list-group .list-group-item-success {
background-color: #4CAF50;
border: none;
color: #fff;
}
.list-group .list-group-item-success:hover, .list-group .list-group-item-success:focus {
background-color: #4CAF50;
color: #fff;
opacity: 0.8;
}
.list-group .list-group-item-info {
background-color: #00b0e4;
border: none;
color: #fff;
}
.list-group .list-group-item-info:hover, .list-group .list-group-item-info:focus {
background-color: #00b0e4;
color: #fff;
opacity: 0.8;
}
.list-group .list-group-item-warning {
background-color: #FF9800;
border: none;
color: #fff;
}
.list-group .list-group-item-warning:hover, .list-group .list-group-item-warning:focus {
background-color: #FF9800;
color: #fff;
opacity: 0.8;
}
.list-group .list-group-item-danger {
background-color: #fb483a;
border: none;
color: #fff;
}
.list-group .list-group-item-danger:hover, .list-group .list-group-item-danger:focus {
background-color: #fb483a;
color: #fff;
opacity: 0.8;
}
.list-group .pl-red {
stroke: #F44336;
}
.list-group .list-group-bg-red {
background-color: #F44336;
border: none;
color: #fff;
}
.list-group .list-group-bg-red:hover, .list-group .list-group-bg-red:focus {
background-color: #F44336;
color: #fff;
opacity: 0.8;
}
.list-group .pl-pink {
stroke: #E91E63;
}
.list-group .list-group-bg-pink {
background-color: #E91E63;
border: none;
color: #fff;
}
.list-group .list-group-bg-pink:hover, .list-group .list-group-bg-pink:focus {
background-color: #E91E63;
color: #fff;
opacity: 0.8;
}
.list-group .pl-purple {
stroke: #9C27B0;
}
.list-group .list-group-bg-purple {
background-color: #9C27B0;
border: none;
color: #fff;
}
.list-group .list-group-bg-purple:hover, .list-group .list-group-bg-purple:focus {
background-color: #9C27B0;
color: #fff;
opacity: 0.8;
}
.list-group .pl-deep-purple {
stroke: #673AB7;
}
.list-group .list-group-bg-deep-purple {
background-color: #673AB7;
border: none;
color: #fff;
}
.list-group .list-group-bg-deep-purple:hover, .list-group .list-group-bg-deep-purple:focus {
background-color: #673AB7;
color: #fff;
opacity: 0.8;
}
.list-group .pl-indigo {
stroke: #3F51B5;
}
.list-group .list-group-bg-indigo {
background-color: #3F51B5;
border: none;
color: #fff;
}
.list-group .list-group-bg-indigo:hover, .list-group .list-group-bg-indigo:focus {
background-color: #3F51B5;
color: #fff;
opacity: 0.8;
}
.list-group .pl-blue {
stroke: #2196F3;
}
.list-group .list-group-bg-blue {
background-color: #2196F3;
border: none;
color: #fff;
}
.list-group .list-group-bg-blue:hover, .list-group .list-group-bg-blue:focus {
background-color: #2196F3;
color: #fff;
opacity: 0.8;
}
.list-group .pl-light-blue {
stroke: #03A9F4;
}
.list-group .list-group-bg-light-blue {
background-color: #03A9F4;
border: none;
color: #fff;
}
.list-group .list-group-bg-light-blue:hover, .list-group .list-group-bg-light-blue:focus {
background-color: #03A9F4;
color: #fff;
opacity: 0.8;
}
.list-group .pl-cyan {
stroke: #C6641E;
}
.list-group .list-group-bg-cyan {
background-color: #C6641E;
border: none;
color: #fff;
}
.list-group .list-group-bg-cyan:hover, .list-group .list-group-bg-cyan:focus {
background-color: #C6641E;
color: #fff;
opacity: 0.8;
}
.list-group .pl-teal {
stroke: #009688;
}
.list-group .list-group-bg-teal {
background-color: #009688;
border: none;
color: #fff;
}
.list-group .list-group-bg-teal:hover, .list-group .list-group-bg-teal:focus {
background-color: #009688;
color: #fff;
opacity: 0.8;
}
.list-group .pl-green {
stroke: #4CAF50;
}
.list-group .list-group-bg-green {
background-color: #4CAF50;
border: none;
color: #fff;
}
.list-group .list-group-bg-green:hover, .list-group .list-group-bg-green:focus {
background-color: #4CAF50;
color: #fff;
opacity: 0.8;
}
.list-group .pl-light-green {
stroke: #8BC34A;
}
.list-group .list-group-bg-light-green {
background-color: #8BC34A;
border: none;
color: #fff;
}
.list-group .list-group-bg-light-green:hover, .list-group .list-group-bg-light-green:focus {
background-color: #8BC34A;
color: #fff;
opacity: 0.8;
}
.list-group .pl-lime {
stroke: #CDDC39;
}
.list-group .list-group-bg-lime {
background-color: #CDDC39;
border: none;
color: #fff;
}
.list-group .list-group-bg-lime:hover, .list-group .list-group-bg-lime:focus {
background-color: #CDDC39;
color: #fff;
opacity: 0.8;
}
.list-group .pl-yellow {
stroke: #ffe821;
}
.list-group .list-group-bg-yellow {
background-color: #ffe821;
border: none;
color: #fff;
}
.list-group .list-group-bg-yellow:hover, .list-group .list-group-bg-yellow:focus {
background-color: #ffe821;
color: #fff;
opacity: 0.8;
}
.list-group .pl-amber {
stroke: #FFC107;
}
.list-group .list-group-bg-amber {
background-color: #FFC107;
border: none;
color: #fff;
}
.list-group .list-group-bg-amber:hover, .list-group .list-group-bg-amber:focus {
background-color: #FFC107;
color: #fff;
opacity: 0.8;
}
.list-group .pl-orange {
stroke: #FF9800;
}
.list-group .list-group-bg-orange {
background-color: #FF9800;
border: none;
color: #fff;
}
.list-group .list-group-bg-orange:hover, .list-group .list-group-bg-orange:focus {
background-color: #FF9800;
color: #fff;
opacity: 0.8;
}
.list-group .pl-deep-orange {
stroke: #FF5722;
}
.list-group .list-group-bg-deep-orange {
background-color: #FF5722;
border: none;
color: #fff;
}
.list-group .list-group-bg-deep-orange:hover, .list-group .list-group-bg-deep-orange:focus {
background-color: #FF5722;
color: #fff;
opacity: 0.8;
}
.list-group .pl-brown {
stroke: #795548;
}
.list-group .list-group-bg-brown {
background-color: #795548;
border: none;
color: #fff;
}
.list-group .list-group-bg-brown:hover, .list-group .list-group-bg-brown:focus {
background-color: #795548;
color: #fff;
opacity: 0.8;
}
.list-group .pl-grey {
stroke: #9E9E9E;
}
.list-group .list-group-bg-grey {
background-color: #9E9E9E;
border: none;
color: #fff;
}
.list-group .list-group-bg-grey:hover, .list-group .list-group-bg-grey:focus {
background-color: #9E9E9E;
color: #fff;
opacity: 0.8;
}
.list-group .pl-blue-grey {
stroke: #607D8B;
}
.list-group .list-group-bg-blue-grey {
background-color: #607D8B;
border: none;
color: #fff;
}
.list-group .list-group-bg-blue-grey:hover, .list-group .list-group-bg-blue-grey:focus {
background-color: #607D8B;
color: #fff;
opacity: 0.8;
}
.list-group .pl-black {
stroke: #000000;
}
.list-group .list-group-bg-black {
background-color: #000000;
border: none;
color: #fff;
}
.list-group .list-group-bg-black:hover, .list-group .list-group-bg-black:focus {
background-color: #000000;
color: #fff;
opacity: 0.8;
}
.list-group .pl-white {
stroke: #ffffff;
}
.list-group .list-group-bg-white {
background-color: #ffffff;
border: none;
color: #fff;
}
.list-group .list-group-bg-white:hover, .list-group .list-group-bg-white:focus {
background-color: #ffffff;
color: #fff;
opacity: 0.8;
}
.pager li > a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
background-color: transparent;
color: #777;
}
.pager li a:focus,
.pager li a:active {
background-color: transparent;
}
.pager-round li > a, .pager-round li > span {
border-radius: 10em;
}
.pager .disabled a,
.pager .disabled a:hover,
.pager .disabled a:focus,
.pager .disabled a:active {
color: #bbb;
}
.pagination .disabled a,
.pagination .disabled a:hover,
.pagination .disabled a:focus,
.pagination .disabled a:active {
color: #bbb;
}
.pagination li.active a {
background-color: #263238 !important;
border-color: #263238 !important;
}
.pagination_without_border > li > a {
border: none;
}
.pagination li {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.pagination li a:focus,
.pagination li a:active {
background-color: transparent;
color: #777;
}
.pagination-space > li > a, .pagination-space > li > span {
margin-left: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.pagination li > a, .pagination li > span {
padding: 7px 13px;
color: #777;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a {
width: auto;
height: 36px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.pagination > li:first-child > a .material-icons,
.pagination > li:last-child > a .material-icons {
position: relative;
bottom: 2px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:last-child > a {
width: 28px;
height: 34px;
}
.pagination-sm > li:first-child > a .material-icons,
.pagination-sm > li:last-child > a .material-icons {
position: relative;
top: -1px;
left: -10px;
font-size: 20px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:last-child > a {
width: 44px;
height: 40px;
}
.pagination-lg > li:first-child > a .material-icons,
.pagination-lg > li:last-child > a .material-icons {
font-size: 30px;
position: relative;
top: -3px;
left: -10px;
}
.media .media-body {
color: #999;
font-size: 14px;
}
.media .media-body .media-heading {
font-size: 15px;
}
.wizard,
.tabcontrol {
display: block;
width: 100%;
overflow: hidden;
}
.wizard a,
.tabcontrol a {
outline: 0;
}
.wizard ul,
.tabcontrol ul {
list-style: none !important;
padding: 0;
margin: 0;
}
.wizard ul > li, .tabcontrol ul > li {
display: block;
padding: 0;
}
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info,
.wizard > .content > .title,
.tabcontrol > .content > .title {
position: absolute;
left: -999em;
}
.wizard > .steps {
position: relative;
display: block;
width: 100%;
}
.wizard.vertical > .steps {
float: left;
width: 30%;
}
.wizard.vertical > .steps > ul > li {
float: none;
width: 100%;
}
.wizard.vertical > .content {
float: left;
margin: 0 0 0.5em 0;
width: 70%;
}
.wizard.vertical > .actions {
float: right;
width: 100%;
}
.wizard.vertical > .actions > ul > li {
margin: 0 0 0 1em;
}
.wizard > .steps .number {
font-size: 1.4em;
}
.wizard > .steps > ul > li {
width: 25%;
float: left;
}
.wizard > .actions > ul > li {
float: left;
}
.wizard > .steps a {
display: block;
width: auto;
margin: 0 0.5em 0.5em;
padding: 0.5em 1em;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wizard > .steps a:hover, .wizard > .steps a:active {
display: block;
width: auto;
margin: 0 0.5em 0.5em;
padding: 0.5em 1em;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wizard > .steps .disabled a {
background: #eee;
color: #aaa;
cursor: default;
}
.wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
background: #eee;
color: #aaa;
cursor: default;
}
.wizard > .steps .current a {
background: #2184be;
color: #fff;
cursor: default;
}
.wizard > .steps .current a:hover, .wizard > .steps .current a:active {
background: #2184be;
color: #fff;
cursor: default;
}
.wizard > .steps .done a {
background: #9dc8e2;
color: #fff;
}
.wizard > .steps .done a:hover, .wizard > .steps .done a:active {
background: #9dc8e2;
color: #fff;
}
.wizard > .steps .error a {
background: #ff3111;
color: #fff;
}
.wizard > .steps .error a:hover, .wizard > .steps .error a:active {
background: #ff3111;
color: #fff;
}
.wizard > .content {
border: 1px solid #ddd;
display: block;
margin: 0.5em;
min-height: 35em;
overflow: hidden;
position: relative;
width: auto;
}
.wizard > .actions {
position: relative;
display: block;
text-align: right;
width: 100%;
}
.wizard > .actions > ul {
display: inline-block;
text-align: right;
}
.wizard > .actions > ul > li {
margin: 0 0.5em;
}
.wizard > .actions a {
background: #2196F3;
color: #fff;
display: block;
padding: 0.5em 1em;
text-decoration: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.wizard > .actions a:hover, .wizard > .actions a:active {
background: #2196F3;
color: #fff;
display: block;
padding: 0.5em 1em;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
.wizard > .actions .disabled a {
color: #999;
background-color: #fff;
border: 1px solid #d9d9d9;
}
.wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
background: #e6e6e6;
color: #999;
}
.tabcontrol > .steps {
position: relative;
display: block;
width: 100%;
}
.tabcontrol > .steps > ul {
position: relative;
margin: 6px 0 0 0;
top: 1px;
z-index: 1;
}
.tabcontrol > .steps > ul > li {
float: left;
margin: 5px 2px 0 0;
padding: 1px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tabcontrol > .steps > ul > li:hover {
background: #edecec;
border: 1px solid #bbb;
padding: 0;
}
.tabcontrol > .steps > ul > li.current {
background: #fff;
border: 1px solid #bbb;
border-bottom: 0 none;
padding: 0 0 1px 0;
margin-top: 0;
}
.tabcontrol > .steps > ul > li.current > a {
padding: 15px 30px 10px 30px;
}
.tabcontrol > .steps > ul > li > a {
color: #5f5f5f;
display: inline-block;
border: 0 none;
margin: 0;
padding: 10px 30px;
text-decoration: none;
}
.tabcontrol > .steps > ul > li > a:hover {
text-decoration: none;
}
.tabcontrol > .content {
position: relative;
display: inline-block;
width: 100%;
height: 35em;
overflow: hidden;
border-top: 1px solid #bbb;
padding-top: 20px;
}
.tabcontrol > .content > .body {
float: left;
position: absolute;
width: 95%;
height: 95%;
padding: 2.5%;
}
.tabcontrol > .content > .body ul {
list-style: disc !important;
}
.tabcontrol > .content > .body ul > li {
display: list-item;
}
.wizard .content {
min-height: 245px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
overflow-y: auto;
}
.wizard .content .body {
padding: 15px;
}
.wizard .steps a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
background-color: #777;
color: #fff;
}
.wizard .steps a:active, .wizard .steps a:focus, .wizard .steps a:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.wizard .steps .done a {
background-color: #4CAF50;
}
.wizard .steps .done a:hover, .wizard .steps .done a:active, .wizard .steps .done a:focus {
background-color: #4CAF50;
}
.wizard .steps .error a {
background-color: #FB483A !important;
}
.wizard .steps .current a {
background-color: #2196F3;
}
.wizard .steps .current a:active, .wizard .steps .current a:focus, .wizard .steps .current a:hover {
background-color: #2196F3;
}
.page-loader-wrapper {
z-index: 99999999;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: #f4f4f4;
overflow: hidden;
text-align: center;
}
.page-loader-wrapper p {
font-size: 13px;
margin-top: 10px;
font-weight: bold;
color: #444;
}
.page-loader-wrapper .loader {
position: relative;
top: calc(50% - 30px);
}
.md-preloader .spinner-red {
stroke: #F44336;
}
.md-preloader .spinner-pink {
stroke: #E91E63;
}
.md-preloader .spinner-purple {
stroke: #9C27B0;
}
.md-preloader .spinner-deep-purple {
stroke: #673AB7;
}
.md-preloader .spinner-indigo {
stroke: #3F51B5;
}
.md-preloader .spinner-blue {
stroke: #2196F3;
}
.md-preloader .spinner-light-blue {
stroke: #03A9F4;
}
.md-preloader .spinner-cyan {
stroke: #C6641E;
}
.md-preloader .spinner-teal {
stroke: #009688;
}
.md-preloader .spinner-green {
stroke: #4CAF50;
}
.md-preloader .spinner-light-green {
stroke: #8BC34A;
}
.md-preloader .spinner-lime {
stroke: #CDDC39;
}
.md-preloader .spinner-yellow {
stroke: #ffe821;
}
.md-preloader .spinner-amber {
stroke: #FFC107;
}
.md-preloader .spinner-orange {
stroke: #FF9800;
}
.md-preloader .spinner-deep-orange {
stroke: #FF5722;
}
.md-preloader .spinner-brown {
stroke: #795548;
}
.md-preloader .spinner-grey {
stroke: #9E9E9E;
}
.md-preloader .spinner-blue-grey {
stroke: #607D8B;
}
.md-preloader .spinner-black {
stroke: #000000;
}
.md-preloader .spinner-white {
stroke: #ffffff;
}
.preloader {
display: inline-block;
position: relative;
width: 50px;
height: 50px;
-webkit-animation: container-rotate 1568ms linear infinite;
-moz-animation: container-rotate 1568ms linear infinite;
-o-animation: container-rotate 1568ms linear infinite;
animation: container-rotate 1568ms linear infinite;
}
.preloader.spinner-xlg {
width: 75px;
height: 75px;
}
.preloader.spinner-lg {
width: 60px;
height: 60px;
}
.preloader.spinner-md {
width: 50px;
height: 50px;
}
.preloader.spinner-sm {
width: 40px;
height: 40px;
}
.preloader.spinner-xs {
width: 25px;
height: 25px;
}
.spinner-layer {
position: absolute;
width: 100%;
height: 100%;
border-color: #F44336;
-ms-opacity: 1;
opacity: 1;
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.spinner-layer.spinner-default {
border-color: #9E9E9E;
}
.spinner-layer.spinner-primary {
border-color: #2196F3;
}
.spinner-layer.spinner-success {
border-color: #4CAF50;
}
.spinner-layer.spinner-info {
border-color: #C6641E;
}
.spinner-layer.spinner-warning {
border-color: #FF9800;
}
.spinner-layer.spinner-danger {
border-color: #F44336;
}
.spinner-layer.spinner-red {
border-color: #F44336;
}
.spinner-layer.spinner-pink {
border-color: #E91E63;
}
.spinner-layer.spinner-purple {
border-color: #9C27B0;
}
.spinner-layer.spinner-deep-purple {
border-color: #673AB7;
}
.spinner-layer.spinner-indigo {
border-color: #3F51B5;
}
.spinner-layer.spinner-blue {
border-color: #2196F3;
}
.spinner-layer.spinner-light-blue {
border-color: #03A9F4;
}
.spinner-layer.spinner-cyan {
border-color: #C6641E;
}
.spinner-layer.spinner-teal {
border-color: #009688;
}
.spinner-layer.spinner-green {
border-color: #4CAF50;
}
.spinner-layer.spinner-light-green {
border-color: #8BC34A;
}
.spinner-layer.spinner-lime {
border-color: #CDDC39;
}
.spinner-layer.spinner-yellow {
border-color: #ffe821;
}
.spinner-layer.spinner-amber {
border-color: #FFC107;
}
.spinner-layer.spinner-orange {
border-color: #FF9800;
}
.spinner-layer.spinner-deep-orange {
border-color: #FF5722;
}
.spinner-layer.spinner-brown {
border-color: #795548;
}
.spinner-layer.spinner-grey {
border-color: #9E9E9E;
}
.spinner-layer.spinner-blue-grey {
border-color: #607D8B;
}
.spinner-layer.spinner-black {
border-color: #000000;
}
.spinner-layer.spinner-white {
border-color: #ffffff;
}
.fl-right {
float: right !important;
}
.fl-left {
float: left !important;
}
.gap-patch {
position: absolute;
top: 0;
left: 45%;
width: 10%;
height: 100%;
overflow: hidden;
border-color: inherit;
}
.gap-patch.circle {
width: 1000%;
left: -450%;
}
.circle-clipper {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
border-color: inherit;
}
.circle-clipper .circle {
width: 200%;
height: 100%;
border-width: 3px;
border-style: solid;
border-color: inherit;
border-bottom-color: transparent !important;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-animation: none;
animation: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.circle-clipper.fl-left .circle {
left: 0;
border-right-color: transparent !important;
-webkit-transform: rotate(129deg);
-moz-transform: rotate(129deg);
-ms-transform: rotate(129deg);
-o-transform: rotate(129deg);
transform: rotate(129deg);
-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-moz-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-o-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.circle-clipper.fl-right .circle {
left: -100%;
border-left-color: transparent !important;
-webkit-transform: rotate(-129deg);
-moz-transform: rotate(-129deg);
-ms-transform: rotate(-129deg);
-o-transform: rotate(-129deg);
transform: rotate(-129deg);
-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-moz-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-o-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes container-rotate {
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes container-rotate {
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg);
}
62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg);
}
75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg);
}
87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
}
to {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg);
}
}
@keyframes fill-unfill-rotate {
12.5% {
transform: rotate(135deg);
}
25% {
transform: rotate(270deg);
}
37.5% {
transform: rotate(405deg);
}
50% {
transform: rotate(540deg);
}
62.5% {
transform: rotate(675deg);
}
75% {
transform: rotate(810deg);
}
87.5% {
transform: rotate(945deg);
}
to {
transform: rotate(1080deg);
}
}
@-webkit-keyframes left-spin {
from {
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
transform: rotate(130deg);
}
50% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
transform: rotate(130deg);
}
}
@keyframes left-spin {
from {
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
50% {
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
}
@-webkit-keyframes right-spin {
from {
-webkit-transform: rotate(-130deg);
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-130deg);
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
transform: rotate(-130deg);
}
}
@-moz-keyframes right-spin {
from {
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
}
@keyframes right-spin {
from {
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
}
.thumbnail {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.thumbnail p:not(button) {
color: #999;
font-size: 14px;
}
.thumbnail h3 {
font-size: 18px;
}
.modal {
max-height: 95vh !important;
overflow-y: auto !important;
}
.modal .modal-content {
border-radius: 20px;
}
.modal-open {
overflow: auto;
}
.modal .modal-content .modal-header {
border-radius: 0px;
color: #707780;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.25px;
line-height: 24px;
border-bottom: transparent;
background-color: #C6641E;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
text-align: center;
}
.modal .modal-content .modal-header span {
font-size: 16px;
color: #fff;
}
.modal .modal-content .modal-body {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.25px;
line-height: 24px;
    background-color: #707B7F;
}
.modal .modal-content .modal-body .long-modal {
width: 100%;
}
.modal .modal-content .modal-body .long-modal img {
width: 100%;
height: auto;
}
.modal .modal-content .modal-body .responsive-bottom {
padding-bottom: 10px;
}
.modal .modal-content .modal-footer {
border-top: transparent;
}
@media (min-width: 768px) {
.modal-full-pad {
padding: 20px;
}
.modal-full-pad .modal-full {
width: 100%;
margin: 30px auto;
}
}
.modal-col-red {
background-color: #F44336;
}
.modal-col-red .modal-body,
.modal-col-red .modal-title {
color: #fff !important;
}
.modal-col-red .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-red .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-red .modal-footer .btn-link:hover, .modal-col-red .modal-footer .btn-link:active, .modal-col-red .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-pink {
background-color: #E91E63;
}
.modal-col-pink .modal-body,
.modal-col-pink .modal-title {
color: #fff !important;
}
.modal-col-pink .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-pink .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-pink .modal-footer .btn-link:hover, .modal-col-pink .modal-footer .btn-link:active, .modal-col-pink .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-purple {
background-color: #9C27B0;
}
.modal-col-purple .modal-body,
.modal-col-purple .modal-title {
color: #fff !important;
}
.modal-col-purple .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-purple .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-purple .modal-footer .btn-link:hover, .modal-col-purple .modal-footer .btn-link:active, .modal-col-purple .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-deep-purple {
background-color: #673AB7;
}
.modal-col-deep-purple .modal-body,
.modal-col-deep-purple .modal-title {
color: #fff !important;
}
.modal-col-deep-purple .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-deep-purple .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-deep-purple .modal-footer .btn-link:hover, .modal-col-deep-purple .modal-footer .btn-link:active, .modal-col-deep-purple .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-indigo {
background-color: #3F51B5;
}
.modal-col-indigo .modal-body,
.modal-col-indigo .modal-title {
color: #fff !important;
}
.modal-col-indigo .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-indigo .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-indigo .modal-footer .btn-link:hover, .modal-col-indigo .modal-footer .btn-link:active, .modal-col-indigo .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-blue {
background-color: #2196F3;
}
.modal-col-blue .modal-body,
.modal-col-blue .modal-title {
color: #fff !important;
}
.modal-col-blue .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-blue .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-blue .modal-footer .btn-link:hover, .modal-col-blue .modal-footer .btn-link:active, .modal-col-blue .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-light-blue {
background-color: #03A9F4;
}
.modal-col-light-blue .modal-body,
.modal-col-light-blue .modal-title {
color: #fff !important;
}
.modal-col-light-blue .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-light-blue .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-light-blue .modal-footer .btn-link:hover, .modal-col-light-blue .modal-footer .btn-link:active, .modal-col-light-blue .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-cyan {
background-color: #C6641E;
}
.modal-col-cyan .modal-body,
.modal-col-cyan .modal-title {
color: #fff !important;
}
.modal-col-cyan .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-cyan .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-cyan .modal-footer .btn-link:hover, .modal-col-cyan .modal-footer .btn-link:active, .modal-col-cyan .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-teal {
background-color: #009688;
}
.modal-col-teal .modal-body,
.modal-col-teal .modal-title {
color: #fff !important;
}
.modal-col-teal .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-teal .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-teal .modal-footer .btn-link:hover, .modal-col-teal .modal-footer .btn-link:active, .modal-col-teal .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-green {
background-color: #4CAF50;
}
.modal-col-green .modal-body,
.modal-col-green .modal-title {
color: #fff !important;
}
.modal-col-green .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-green .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-green .modal-footer .btn-link:hover, .modal-col-green .modal-footer .btn-link:active, .modal-col-green .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-light-green {
background-color: #8BC34A;
}
.modal-col-light-green .modal-body,
.modal-col-light-green .modal-title {
color: #fff !important;
}
.modal-col-light-green .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-light-green .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-light-green .modal-footer .btn-link:hover, .modal-col-light-green .modal-footer .btn-link:active, .modal-col-light-green .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-lime {
background-color: #CDDC39;
}
.modal-col-lime .modal-body,
.modal-col-lime .modal-title {
color: #fff !important;
}
.modal-col-lime .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-lime .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-lime .modal-footer .btn-link:hover, .modal-col-lime .modal-footer .btn-link:active, .modal-col-lime .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-yellow {
background-color: #ffe821;
}
.modal-col-yellow .modal-body,
.modal-col-yellow .modal-title {
color: #fff !important;
}
.modal-col-yellow .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-yellow .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-yellow .modal-footer .btn-link:hover, .modal-col-yellow .modal-footer .btn-link:active, .modal-col-yellow .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-amber {
background-color: #FFC107;
}
.modal-col-amber .modal-body,
.modal-col-amber .modal-title {
color: #fff !important;
}
.modal-col-amber .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-amber .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-amber .modal-footer .btn-link:hover, .modal-col-amber .modal-footer .btn-link:active, .modal-col-amber .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-orange {
background-color: #FF9800;
}
.modal-col-orange .modal-body,
.modal-col-orange .modal-title {
color: #fff !important;
}
.modal-col-orange .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-orange .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-orange .modal-footer .btn-link:hover, .modal-col-orange .modal-footer .btn-link:active, .modal-col-orange .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-deep-orange {
background-color: #FF5722;
}
.modal-col-deep-orange .modal-body,
.modal-col-deep-orange .modal-title {
color: #fff !important;
}
.modal-col-deep-orange .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-deep-orange .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-deep-orange .modal-footer .btn-link:hover, .modal-col-deep-orange .modal-footer .btn-link:active, .modal-col-deep-orange .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-brown {
background-color: #795548;
}
.modal-col-brown .modal-body,
.modal-col-brown .modal-title {
color: #fff !important;
}
.modal-col-brown .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-brown .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-brown .modal-footer .btn-link:hover, .modal-col-brown .modal-footer .btn-link:active, .modal-col-brown .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-grey {
background-color: #9E9E9E;
}
.modal-col-grey .modal-body,
.modal-col-grey .modal-title {
color: #fff !important;
}
.modal-col-grey .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-grey .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-grey .modal-footer .btn-link:hover, .modal-col-grey .modal-footer .btn-link:active, .modal-col-grey .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-blue-grey {
background-color: #607D8B;
}
.modal-col-blue-grey .modal-body,
.modal-col-blue-grey .modal-title {
color: #fff !important;
}
.modal-col-blue-grey .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-blue-grey .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-blue-grey .modal-footer .btn-link:hover, .modal-col-blue-grey .modal-footer .btn-link:active, .modal-col-blue-grey .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-black {
background-color: #000000;
}
.modal-col-black .modal-body,
.modal-col-black .modal-title {
color: #fff !important;
}
.modal-col-black .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-black .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-black .modal-footer .btn-link:hover, .modal-col-black .modal-footer .btn-link:active, .modal-col-black .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-white {
background-color: #ffffff;
}
.modal-col-white .modal-body,
.modal-col-white .modal-title {
color: #fff !important;
}
.modal-col-white .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-white .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-white .modal-footer .btn-link:hover, .modal-col-white .modal-footer .btn-link:active, .modal-col-white .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.label {
padding: .25em .6em .25em;
font-weight: 300;
border-radius: .30em;
}
.label-default {
color: #333;
background-color: #e4e7ea;
}
.label-primary {
background-color: #3F51B5;
}
.label-success {
background-color: #4CAF50;
}
.label-info {
background-color: #00b0e4;
}
.label-warning {
background-color: #FF9800;
}
.label-danger {
background-color: #fb483a;
}
.label-rounded {
border-radius: 60px !important;
}
.label-outline {
border: 1px solid transparent;
}
.label-default.label-outline {
color: #333;
background-color: transparent;
border-color: #e4e7ea !important;
}
.label-primary.label-outline {
color: #3F51B5;
background-color: transparent;
border-color: #3F51B5 !important;
}
.label-info.label-outline {
color: #00b0e4;
background-color: transparent;
border-color: #00b0e4 !important;
}
.label-success.label-outline {
color: #4CAF50;
background-color: transparent;
border-color: #4CAF50 !important;
}
.label-warning.label-outline {
color: #FF9800;
background-color: transparent;
border-color: #ff9600 !important;
}
.label-danger.label-outline {
color: #fb483a;
background-color: transparent;
border-color: #fb483a !important;
}
.collapse .well,
.collapse.in .well,
.collapsing .well {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin-bottom: 0;
}
th {
font-weight: 400;
}
.table {
color: #777777;
}
.table .progress-small {
margin: 7px 0px 8px;
}
.table td, .table th {
font-size: 14px;
}
.b-b-0 td {
border-bottom: 0 !important;
}
.table > tfoot > tr > th, .table > thead > tr > th {
font-weight: 400;
color: #616161;
}
.table tbody tr td, .table tbody tr th {
padding: 10px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.table tbody tr.primary td, .table tbody tr.primary th {
background-color: #3F51B5;
color: #fff;
}
.table tbody tr.success td, .table tbody tr.success th {
background-color: #4CAF50;
color: #fff;
}
.table tbody tr.info td, .table tbody tr.info th {
background-color: #00b0e4;
color: #fff;
}
.table tbody tr.warning td, .table tbody tr.warning th {
background-color: #FF9800;
color: #fff;
}
.table tbody tr.danger td, .table tbody tr.danger th {
background-color: #fb483a;
color: #fff;
}
.table thead tr th {
padding: 10px;
border-bottom: 1px solid #eee;
}
.table-bordered {
border-top: 1px solid #eee;
}
.table-bordered tbody tr td, .table-bordered tbody tr th {
padding: 5px;
border: 1px solid #eee;
}
.table-bordered thead tr th {
padding: 10px;
border: 1px solid #eee;
}
.table > tbody > tr > .thick-line {
border-top: 2px solid;
}
.table tbody > tr:first-child > td {
border-top: 0;
}
.editable-table + input.error {
border: 1px solid #f44336;
outline: 0;
outline-offset: 0
}
.editable-table + input,
.editable-table + input:focus {
border: 1px solid #212121 !important;
outline: 0 !important;
outline-offset: 0 !important
}
.editable-table td:focus {
outline: 0
}
.editable-input .table-condensed thead tr th,
.editable-input .table-condensed tbody tr td, .editable-input .table-condensed tbody tr th {
padding: 5px !important;
border: none !important;
}
.editable-input .combodate select {
margin-bottom: 5px;
}
.tablesaw-bar .btn:not(.btn-link):not(.btn-circle) {
box-shadow: none;
}
.dataTables_wrapper {
position: relative;
}
.dataTables_wrapper select {
border: none;
border-bottom: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.dataTables_wrapper select:active, .dataTables_wrapper select:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.dataTables_wrapper input[type="search"] {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
border: none;
font-size: 12px;
border-bottom: 1px solid #ddd;
}
.dataTables_wrapper input[type="search"]:focus, .dataTables_wrapper input[type="search"]:active {
border-bottom: 2px solid #1f91f3;
}
.dataTables_wrapper .dt-buttons {
position: absolute;
top: 0;
left: 0;
}
.dataTables_wrapper .dt-buttons a.dt-button {
background-color: #607D8B;
color: #fff;
padding: 7px 12px;
margin-right: 5px;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
border: none;
font-size: 13px;
outline: none;
}
.dataTables_wrapper .dt-buttons a.dt-button:active {
opacity: 0.8;
}
.bootstrap-notify-container {
max-width: 320px;
text-align: center;
}
.dd-handle.success {
border-left: 6px solid #4CAF50;
}
.dd-handle.primary {
border-left: 6px solid #2196F3;
}
.dd-handle.info {
border-left: 6px solid #C6641E;
}
.dd-handle.warning {
border-left: 6px solid #FF9800;
}
.dd-handle.danger {
border-left: 6px solid #F44336;
}
.dd-handle.drag-success {
background-color: #4CAF50;
border: none;
}
.dd-handle.drag-info {
background-color: #C6641E;
border: none;
}
.dd-handle.drag-warning {
background-color: #FF9800;
border: none;
}
.dd-handle.drag-primary {
background-color: #2196F3;
border: none;
}
.dd-handle.drag-danger {
background-color: #F44336;
border: none;
}
.dd-handle.drag-success:hover {
background: #4CAF50;
opacity: 0.8;
}
.dd-handle.drag-info:hover {
background: #C6641E;
border: none;
opacity: 0.8;
}
.dd-handle.drag-warning:hover {
background: #FF9800;
border: none;
opacity: 0.8;
}
.dd-handle.drag-primary:hover {
background: #2196F3;
border: none;
opacity: 0.8;
}
.dd-handle.drag-danger:hover {
background: #F44336;
border: none;
opacity: 0.8;
}
.waves-effect.waves-red .waves-ripple {
background: rgba(244, 67, 54, 0.64);
}
.waves-effect.waves-pink .waves-ripple {
background: rgba(233, 30, 99, 0.64);
}
.waves-effect.waves-purple .waves-ripple {
background: rgba(156, 39, 176, 0.65);
}
.waves-effect.waves-deep-purple .waves-ripple {
background: rgba(103, 58, 183, 0.65);
}
.waves-effect.waves-indigo .waves-ripple {
background: rgba(63, 81, 181, 0.66);
}
.waves-effect.waves-blue .waves-ripple {
background: rgba(33, 150, 243, 0.66);
}
.waves-effect.waves-light-blue .waves-ripple {
background: rgba(3, 169, 244, 0.66);
}
.waves-effect.waves-cyan .waves-ripple {
background: rgba(0, 188, 212, 0.66);
}
.waves-effect.waves-teal .waves-ripple {
background: rgba(0, 150, 136, 0.65);
}
.waves-effect.waves-green .waves-ripple {
background: rgba(76, 175, 80, 0.66);
}
.waves-effect.waves-light-green .waves-ripple {
background: rgba(139, 195, 74, 0.66);
}
.waves-effect.waves-lime .waves-ripple {
background: rgba(205, 220, 57, 0.65);
}
.waves-effect.waves-yellow .waves-ripple {
background: rgba(255, 232, 33, 0.66);
}
.waves-effect.waves-amber .waves-ripple {
background: rgba(255, 193, 7, 0.65);
}
.waves-effect.waves-orange .waves-ripple {
background: rgba(255, 152, 0, 0.66);
}
.waves-effect.waves-deep-orange .waves-ripple {
background: rgba(255, 87, 34, 0.65);
}
.waves-effect.waves-brown .waves-ripple {
background: rgba(121, 85, 72, 0.65);
}
.waves-effect.waves-grey .waves-ripple {
background: rgba(158, 158, 158, 0.66);
}
.waves-effect.waves-blue-grey .waves-ripple {
background: rgba(96, 125, 139, 0.66);
}
.waves-effect.waves-black .waves-ripple {
background: rgba(0, 0, 0, 0.66);
}
.waves-effect.waves-white .waves-ripple {
background: rgba(255, 255, 255, 0.5);
}
.dtp div.dtp-date,
.dtp div.dtp-time {
background: #C6641E;
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
background: #2196F3;
}
.dtp .dtp-buttons .dtp-btn-ok {
margin-left: 10px;
}
.dtp .dtp-buttons .dtp-btn-clear {
margin-right: 10px !important;
}
.dtp .p10 > a {
color: #fff;
}
.dtp div.dtp-actual-year {
font-size: 1.5em;
color: #ffffff;
}
.dtp table.dtp-picker-days tr td a.selected {
background: #C6641E;
color: #fff;
}
.datepicker .selected {
background-color: #999 !important
}
.datepicker .active {
background-color: #03A9F4 !important
}
.datepicker .active:hover {
background-color: #2196F3 !important
}
.datepicker .input-daterange input {
text-align: left
}
.datepicker table td {
color: #555;
font-weight: 300 !important
}
.datepicker table th {
color: #333;
font-weight: 400 !important
}
.datetimepicker .active,
.datetimepicker .active:hover {
filter: none !important;
background-image: none !important
}
.datetimepicker table td {
color: #555;
font-weight: 300 !important
}
.datetimepicker table th {
color: #333;
font-weight: 400 !important
}
.datetimepicker .active {
background-color: #03A9F4 !important
}
.datetimepicker .active:hover {
background-color: #2196F3 !important
}
.datepicker {
border-radius: 0px !important;
}
.datepicker .datepicker-inline,
.datetimepicker.datetimepicker-inline {
border: 1px solid #d7dce5 !important;
}
.input-group .input-group-addon.bg {
background: #2196F3;
border-color: #2196f3;
padding: 6px 12px;
color: #ffffff;
font-size: 12px;
font-weight: 300;
}
.clockface .cell .inner.active,
.clockface .cell .outer.active {
background-color: #2196F3 !important;
background-image: none;
filter: none
}
.clockpicker-popover {
z-index: 10;
}
.clockpicker-popover .popover-title {
font-size: 24px;
font-weight: 500;
line-height: 30px;
color: #999;
text-align: center;
background-color: #fff;
}
.bootstrap-select {
box-shadow: none !important;
border-bottom: 1px solid #ddd !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active {
outline: none !important;
}
.bootstrap-select .bs-searchbox,
.bootstrap-select .bs-actionsbox,
.bootstrap-select .bs-donebutton {
padding: 0 0 5px 0;
border-bottom: 1px solid #e9e9e9;
}
.bootstrap-select .bs-searchbox .form-control,
.bootstrap-select .bs-actionsbox .form-control,
.bootstrap-select .bs-donebutton .form-control {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
box-shadow: none !important;
border: none;
margin-left: 30px;
}
.bootstrap-select .bs-searchbox {
position: relative;
}
.bootstrap-select .bs-searchbox:after {
content: '\E8B6';
font-family: 'Material Icons';
position: absolute;
top: 0;
left: 10px;
font-size: 25px;
}
.bootstrap-select ul.dropdown-menu {
margin-top: 0 !important;
}
.bootstrap-select .dropdown-menu li.selected a {
background-color: #eee !important;
color: #555 !important;
}
.bootstrap-select .dropdown-menu .active a {
background-color: transparent;
color: #333 !important;
}
.bootstrap-select .dropdown-menu .notify {
background-color: #F44336 !important;
color: #fff !important;
border: none !important;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
margin-top: 9px;
}
.noui-connect .connect {
position: absolute;
top: 0;
bottom: 0;
background: #80C9F5;
box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
}
.noui-number, .noui-select {
padding: 7px;
margin: 15px 5px 5px 5px;
width: 70px;
}
.ms-container {
width: auto !important;
}
.ms-container .ms-list {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
border-radius: 0 !important;
}
.ms-container .ms-list.ms-focus {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
box-shadow: none !important;
}
.ms-container .ms-selectable,
.ms-container .ms-selection {
min-width: 250px !important;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
color: #000000 !important;
background-color: #e6e6e6 !important;
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selectable li.ms-elem-selection,
.ms-container .ms-selection li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
padding: 9px 15px 6px 15px !important;
}
.ms-container .ms-optgroup-label {
padding: 5px 0 0 8px !important;
}
.login-page {
background-color: #252525;
padding-left: 0;
max-width: 360px;
margin: 5% auto;
overflow-x: hidden;
}
.login-page .login-box a {
font-size: 13px;
text-decoration: none;
color: #777;
}
.login-page .login-box .msg {
color: #999;
letter-spacing: 1px;
margin-bottom: 30px;
text-align: center;
}
.login-logo {
text-align: center;
}
.login-logo img {
margin: 1.3em;
}
.login-logo p {
margin-top: 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 1.2rem;
font-weight: 500;
}
.register-ac {
background-color: #03A9F4;
padding-left: 0;
max-width: 360px;
margin: 5% auto;
overflow-x: hidden;
}
.register-ac .register-box .msg {
color: #999;
letter-spacing: 1px;
margin-bottom: 30px;
text-align: center;
}
.register-ac .register-box a {
font-size: 14px;
text-decoration: none;
color: #C6641E;
}
.forgot-pass {
background-color: #03A9F4;
}
.forgot-box {
position: absolute;
max-width: 400px;
z-index: 100;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.forgot-pass .forgot-box .msg {
color: #999;
letter-spacing: 1px;
margin-bottom: 30px;
text-align: center;
}
.forgot-pass .forgot-box a {
font-size: 14px;
text-decoration: none;
color: #C6641E;
}
.error.error_four {
background-color: #f5f5f5;
}
.error.error_five {
background-color: #feebbd;
}
.error-box {
position: absolute;
max-width: 400px;
z-index: 100;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.error .error-message {
color: #a3a7aa;
font-family: 'Montserrat', sans-serif;
font-size: 36px;
font-weight: 400;
letter-spacing: 0.25px;
line-height: 44px;
text-align: center;
padding-top: 60px;
}
.error .error-bottom {
padding-top: 40px;
text-align: center;
}
.error .error-bottom .report-error {
color: #a3a7aa;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.25px;
line-height: 26px;
padding-top: 10px;
}
.error .error-bottom .report-error > a {
color: #a3a7aa;
font-weight: 400;
}
.error_five .error-box img {
height: 350px;
}
.morris-hover.morris-default-style {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.flot-chart {
width: 100%;
height: 320px;
}
.panel-switch-btn {
position: relative;
top: -20px;
right: 20px;
z-index: 9;
}
.panel-switch-btn label {
font-weight: bold !important;
}
.legendLabel {
width: 85px !important;
position: relative;
left: 3px;
}
#multiple_axis_chart .legendLabel {
width: 160px !important;
}
.sparkline {
text-align: center;
}
#bubble svg, #line-bar, #chart-line, #view-finder {
height: 500px;
min-width: 100px;
min-height: 100px;
}
#double-head, #donuts-holder {
height: 350px;
}
#donut_chart, #pie_chart svg {
height: 400px;
}
#double-head svg {
height: 350px;
}
.realtime-bar {
height: 350px;
margin-left: -25px;
}
.graph {
height: 350px;
}
.graph {
width: 100%;
height: 300px;
}
.sweet-alert {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
border-radius: 20px !important;
}
.sweet-alert p {
font-size: 14px !important;
}
.sweet-alert .sa-input-error {
top: 23px !important;
right: 13px !important;
}
.sweet-alert h2 {
font-size: 18px !important;
margin: 0 0 5px 0 !important;
}
.sweet-alert button {
font-size: 15px !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
border-radius: 20px !important;
padding: 5px 20px !important;
}
.lg-outer .lg-thumb-item,
.lg-outer .lg-toogle-thumb {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
border-radius: 0 !important;
}
.gallery a:hover .gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.gallery a .gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 14px;
position: absolute;
right: 14px;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
}
.gallery a:hover .gallery-poster > img {
opacity: 1;
}
.gallery a .gallery-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.draggable-handler {
cursor: move;
}
.draggable-placeholder {
background-color: rgba(0, 20, 35, 0.038);
border: 1px dashed #ccc;
}
.ribbon-wrapper {
position: relative;
background-color: #e8e8e8;
}
.ribbon {
position: relative;
float: left;
padding: 7px 10px;
margin: 10px 0 0 -2px;
background-color: #999;
color: #fff;
clear: left;
}
.ribbon-right {
float: right;
margin: 10px -2px 0 0;
clear: right;
}
.ribbon-vertical {
top: -12px;
left: 16px;
width: 35px;
padding: 15px 0;
text-align: center;
}
.ribbon-vertical-right {
top: -12px;
float: right;
left: -12px;
width: 35px;
padding: 15px 0;
text-align: center;
}
.ribbon.ribbon-shadow {
-webkit-box-shadow: 2px 1px 5px 0 rgba(0, 0, 0, .3);
box-shadow: 2px 1px 5px 0 rgba(0, 0, 0, .3);
}
.ribbon.ribbon-right.ribbon-shadow, .ribbon.ribbon-shadow.ribbon-vertical-right {
-webkit-box-shadow: -2px 1px 5px 0 rgba(0, 0, 0, .3);
box-shadow: -2px 1px 5px rgba(0, 0, 0, .3);
}
.ribbon.ribbon-round {
border-radius: 0 5px 5px 0 !important;
}
.ribbon.ribbon-right.ribbon-round {
border-radius: 5px 0 0 5px !important;
}
.ribbon.ribbon-vertical.ribbon-round,
.ribbon.ribbon-vertical-right.ribbon-round {
border-radius: 0 0 5px 5px !important;
}
.ribbon-wrapper .ribbon-content,
.ribbon-wrapper-badge .ribbon-content {
margin: 0;
padding: 25px 25px;
clear: both;
}
.ribbon-wrapper-badge {
overflow: hidden;
position: relative;
background-color: #e8e8e8;
top: 0px;
left: 0px;
}
.ribbon-badge {
text-align: center;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
position: relative;
padding: 6px 0;
left: -30px;
top: 15px;
width: 100%;
background-color: #999;
color: #fff;
}
.ribbon-badge-right {
text-align: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 6px 0;
right: -30px;
top: 15px;
width: 100%;
background-color: #999;
color: #fff;
}
.ribbon-clip {
left: -10px;
margin-left: 0;
}
.ribbon-clip.ribbon-right {
right: -8px;
left: auto;
}
.ribbon-clip.ribbon-right:after {
right: 0;
left: auto;
border-right-color: transparent;
border-left-color: #333;
}
.ribbon-clip:after {
content: '';
left: 0;
position: absolute;
bottom: -10px;
border: 5px solid transparent;
border-top-color: #333;
border-right-color: #333;
}
.ribbon-bookmark:before {
position: absolute;
top: 0;
left: 100%;
display: block;
width: 0;
height: 0;
content: '';
border: 17px solid #999;
border-right: 10px solid transparent;
}
.ribbon-bookmark.ribbon-right:before {
right: 100%;
left: auto;
border-right: 15px solid #999;
border-left: 10px solid transparent;
}
.ribbon-bookmark.ribbon-vertical:before {
top: 100%;
left: 0;
margin-top: -15px;
border-right: 18px solid #999;
border-bottom: 10px solid transparent;
}
.ribbon-bookmark.ribbon-vertical-right:before {
right: auto;
top: 100%;
left: 0;
margin-top: -15px;
border-right: 18px solid #999;
border-bottom: 10px solid transparent;
border-left: 17px solid #999;
}
.ribbon-bookmark.ribbon-info:before {
border-color: #C6641E;
border-right-color: transparent;
}
.ribbon-bookmark.ribbon-success:before {
border-color: #4CAF50;
border-right-color: transparent;
}
.ribbon-bookmark.ribbon-warning:before {
border-color: #FF9800;
border-right-color: transparent;
}
.ribbon-bookmark.ribbon-danger:before {
border-color: #F44336;
border-right-color: transparent;
}
.ribbon-bookmark.ribbon-primary:before {
border-color: #3F51B5;
border-right-color: transparent;
}
.ribbon-bookmark.ribbon-right.ribbon-info:before {
border-right-color: #C6641E;
border-left-color: transparent;
}
.ribbon-bookmark.ribbon-right.ribbon-success:before {
border-right-color: #4CAF50;
border-left-color: transparent;
}
.ribbon-bookmark.ribbon-right.ribbon-warning:before {
border-right-color: #FF9800;
border-left-color: transparent;
}
.ribbon-bookmark.ribbon-right.ribbon-danger:before {
border-right-color: #F44336;
border-left-color: transparent;
}
.ribbon-bookmark.ribbon-right.ribbon-primary:before {
border-right-color: #3F51B5;
border-left-color: transparent;
}
.ribbon-bookmark.ribbon-vertical.ribbon-info:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
border-right-color: #C6641E;
border-bottom-color: transparent;
}
.ribbon-bookmark.ribbon-vertical.ribbon-success:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
border-right-color: #4CAF50;
border-bottom-color: transparent;
}
.ribbon-bookmark.ribbon-vertical.ribbon-warning:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
border-right-color: #FF9800;
border-bottom-color: transparent;
}
.ribbon-bookmark.ribbon-vertical.ribbon-danger:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
border-right-color: #f44336;
border-bottom-color: transparent;
}
.ribbon-bookmark.ribbon-vertical.ribbon-primary:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
border-right-color: #3F51B5;
border-bottom-color: transparent;
}
.ribbon-success {
background-color: #4CAF50 !important;
color: #fff;
}
.ribbon-warning {
background-color: #FF9800 !important;
color: #fff;
}
.ribbon-danger {
background-color: #F44336 !important;
color: #fff;
}
.ribbon-primary {
background-color: #3F51B5 !important;
color: #fff;
}
.ribbon-info {
background-color: #C6641E !important;
color: #fff;
}
.ribbon-cyan {
background-color: #C6641E;
color: #fff;
}
.ribbon-red {
background-color: #F44336 !important;
color: #fff;
}
.ribbon-pink {
background-color: #E91E63 !important;
color: #fff;
}
.ribbon-purple {
background-color: #9C27B0 !important;
color: #fff;
}
.ribbon-deep-purple {
background-color: #673AB7 !important;
color: #fff;
}
.ribbon-indigo {
background-color: #3F51B5 !important;
color: #fff;
}
.ribbon-blue {
background-color: #2196F3 !important;
color: #fff;
}
.ribbon-light-blue {
background-color: #03A9F4 !important;
color: #fff;
}
.ribbon-cyan {
background-color: #C6641E !important;
color: #fff !important;
}
.ribbon-teal {
background-color: #009688 !important;
color: #fff;
}
.ribbon-green {
background-color: #4CAF50 !important;
color: #fff;
}
.ribbon-light-green {
background-color: #8BC34A !important;
color: #fff;
}
.ribbon-lime {
background-color: #CDDC39 !important;
color: #fff;
}
.ribbon-yellow {
background-color: #ffe821 !important;
color: #fff;
}
.ribbon-amber {
background-color: #FFC107 !important;
color: #fff;
}
.ribbon-orange {
background-color: #FF9800 !important;
color: #fff;
}
.ribbon-deep-orange {
background-color: #FF5722 !important;
color: #fff;
}
.ribbon-brown {
background-color: #795548 !important;
color: #fff;
}
.ribbon-grey {
background-color: #9E9E9E !important;
color: #fff;
}
.ribbon-blue-grey {
background-color: #607D8B !important;
color: #fff;
}
.ribbon-black {
background-color: #000000 !important;
color: #fff;
}
.ribbon-white {
background-color: #ffffff !important;
color: #fff;
}
.ribbon-corner {
top: -10px;
left: 2px;
background-color: transparent !important;
padding: 6px 0 0 10px
}
.ribbon-corner i {
position: relative
}
.ribbon-corner:before {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
content: '';
border: 30px solid transparent;
border-top-color: #009efb;
border-left-color: #009efb;
}
.ribbon-primary.ribbon-corner:before {
border-top-color: #3F51B5;
border-left-color: #3F51B5;
}
.ribbon-success.ribbon-corner:before {
border-top-color: #4CAF50;
border-left-color: #4CAF50;
}
.ribbon-info.ribbon-corner:before {
border-top-color: #C6641E;
border-left-color: #C6641E;
}
.ribbon-warning.ribbon-corner:before {
border-top-color: #FF9800;
border-left-color: #FF9800;
}
.ribbon-danger.ribbon-corner:before {
border-top-color: #F44336;
border-left-color: #F44336;
}
.ribbon-info.ribbon-corner.ribbon-right:before {
border-right-color: #C6641E;
border-left-color: transparent !important;
}
.ribbon-success.ribbon-corner.ribbon-right:before {
border-right-color: #4CAF50;
border-left-color: transparent !important;
}
.ribbon-primary.ribbon-corner.ribbon-right:before {
border-right-color: #3F51B5;
border-left-color: transparent !important;
}
.ribbon-warning.ribbon-corner.ribbon-right:before {
border-right-color: #FF9800;
border-left-color: transparent !important;
}
.ribbon-danger.ribbon-corner.ribbon-right:before {
border-right-color: #F44336;
border-left-color: transparent !important;
}
.ribbon-corner.ribbon-right:before {
right: 0;
left: auto;
border-right-color: #999;
border-left-color: transparent !important;
}
.ribbon-corner.ribbon-right {
right: 2px;
left: auto;
padding: 6px 10px 0 0
}
.ribbon-corner.ribbon-bottom:before {
top: auto;
bottom: 0;
border-top-color: transparent;
border-bottom-color: #999
}
.ribbon-corner.ribbon-bottom {
bottom: 0px;
position: absolute;
top: auto !important;
padding: 0px 7px 0px 7px;
}
.ribbon-info.ribbon-corner.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #C6641E;
}
.ribbon-success.ribbon-corner.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #4CAF50;
}
.ribbon-primary.ribbon-corner.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #3F51B5;
}
.ribbon-warning.ribbon-corner.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #FF9800;
}
.ribbon-danger.ribbon-corner.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #F44336;
}
.ribbon-wrapper .ribbon-bottom + .ribbon-content {
padding: 40px 0px 50px 45px !important;
}
.timeline-total-pad {
padding-left: 100px;
padding-right: 100px;
}
.timeline-hover:hover {
-webkit-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.timeline-block {
padding-bottom: 140px;
height: 100%;
overflow: hidden;
position: relative;
}
.timeline-year {
color: #707780;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
letter-spacing: 0.50px;
line-height: 26px;
text-transform: uppercase;
text-align: center;
padding-bottom: 20px;
z-index: 9;
position: relative;
background: #ffffff;
}
.timeline-year.timeline-pad {
margin-top: 50px;
}
.timeline-date {
color: #707780;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 13px;
letter-spacing: 0.25px;
line-height: 22px;
text-transform: capitalize;
text-align: right;
margin-top: 10px;
}
.timeline-date.timeline-left-date {
text-align: left;
}
.timeline2-icon {
height: 52px;
width: 52px;
border-radius: 50%;
background-color: #ffffff;
text-align: center;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
z-index: 9;
overflow: hidden;
}
.timeline2-icon i {
color: #ffffff;
font-size: 25px;
line-height: 50px;
text-shadow: 1.414px 1.414px 6px rgba(0, 0, 0, 0.2);
}
.time-bar {
width: 2px;
background-color: #d7dce5;
display: inline-block;
position: absolute;
height: 100%;
left: 29%;
z-index: 9;
}
.time-bar.timeline-bar {
left: 49.8%;
height: 90%;
}
.timeline-heading {
color: #707780;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
letter-spacing: 0.25px;
line-height: 52px;
text-transform: capitalize;
text-align: left;
background-color: #ffffff;
color: #ffffff;
border: 1px solid #d7dce5;
padding: 0px 15px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
position: relative;
}
.timeline-heading.timeline-right-heading {
text-align: right;
}
.timeline-heading .timeline-arrow {
position: absolute;
left: -10px;
top: 8px;
border-right: 10px solid #4CAF50;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.timeline-heading .timeline-arrow.arrow-blue {
border-right: 10px solid #2196F3;
}
.timeline-heading .timeline-arrow.arrow-green {
border-right: 10px solid #4CAF50;
}
.timeline-heading .timeline-arrow.arrow-red {
border-right: 10px solid #F44336;
}
.timeline-heading .timeline-arrow.arrow-orange {
border-right: 10px solid #FF9800;
}
.timeline-heading .timeline-arrow.arrow-indigo {
border-right: 10px solid #3F51B5 !important;
}
.timeline-heading .timeline-arrow.arrow-cyan {
border-right: 10px solid #C6641E;
}
.timeline-heading .timeline-arrow-right {
position: absolute;
right: -10px;
top: 8px;
border-left: 10px solid #4CAF50;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.timeline-heading .timeline-arrow-right.arrow-blue-right {
border-left: 10px solid #2196F3;
}
.timeline-heading .timeline-arrow-right.arrow-green-right {
border-left: 10px solid #4CAF50;
}
.timeline-heading .timeline-arrow-right.arrow-red-right {
border-left: 10px solid #F44336;
}
.timeline-heading .timeline-arrow-right.arrow-orange-right {
border-left: 10px solid #FF9800;
}
.timeline-heading .timeline-arrow-right.arrow-indigo-right {
border-left: 10px solid #3F51B5;
}
.timeline-heading .timeline-arrow-right.arrow-cyan-right {
border-left: 10px solid #C6641E;
}
.timeline-content,
.timeline-comment {
color: #9398a0;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 26px;
text-align: left;
background-color: #ffffff;
border: 1px solid #d7dce5;
border-top: 1px solid transparent;
padding: 15px;
margin-bottom: 30px;
}
.timeline-content .green-link,
.timeline-comment .green-link {
color: #4caf50;
text-decoration: none;
font-weight: 400;
}
.timeline-content a,
.timeline-comment a {
color: #6cc049;
text-decoration: none;
}
.timeline-content span,
.timeline-comment span {
color: #f44336;
font-weight: 400;
}
.timeline-content.timeline-right-comment,
.timeline-comment.timeline-right-comment {
text-align: right;
}
@media (max-width: 995px) {
.time-bar {
display: none;
}
.timeline-date {
text-align: center;
}
.timeline2-icon {
position: relative;
margin: auto;
}
.timeline-total-pad {
padding-left: 5px;
padding-right: 5px;
}
}
.timeline_social:before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
left: 40px;
width: 3px;
margin-left: -1.5px;
background-color: #f2f4f8
}
.timeline_social {
position: relative;
padding: 20px 15px 20px;
list-style: none;
max-width: 1200px;
margin: 0 auto
}
.timeline {
position: relative;
padding: 20px 15px 20px;
list-style: none;
max-width: 1200px;
margin: 0 auto
}
.timeline:before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 3px;
margin-left: -1.5px;
background-color: #f2f4f8
}
.timeline > li {
position: relative;
margin-bottom: 5px
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table
}
.timeline > li:after {
clear: both
}
.timeline > li > .timeline-panel {
float: left;
position: relative;
width: 44%;
padding: 20px;
border: 1px solid rgba(120, 130, 140, 0.13);
border-radius: 4px;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05)
}
.timeline > li > .timeline-panel:before {
content: " ";
display: inline-block;
position: absolute;
top: 26px;
right: -8px;
border-top: 8px solid transparent;
border-right: 0 solid rgba(120, 130, 140, 0.13);
border-bottom: 8px solid transparent;
border-left: 8px solid rgba(120, 130, 140, 0.13)
}
.timeline > li > .timeline-panel:after {
content: " ";
display: inline-block;
position: absolute;
top: 27px;
right: -7px;
border-top: 7px solid transparent;
border-right: 0 solid #fff;
border-bottom: 7px solid transparent;
border-left: 7px solid #fff
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right
}
.timeline > li.timeline-inverted > .timeline-panel:before {
right: auto;
left: -8px;
border-right-width: 8px;
border-left-width: 0
}
.timeline > li.timeline-inverted > .timeline-panel:after {
right: auto;
left: -7px;
border-right-width: 7px;
border-left-width: 0
}
.timeline-title {
margin-top: 0;
color: inherit;
font-weight: 400
}
.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0
}
.timeline-body > p + p {
margin-top: 5px
}
.timeline-icon {
height: 52px;
width: 52px;
border-radius: 50%;
background-color: #ffffff;
text-align: center;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
z-index: 9;
overflow: hidden;
}
.timeline-icon i {
color: #ffffff;
font-size: 25px;
line-height: 50px;
text-shadow: 1.414px 1.414px 6px rgba(0, 0, 0, 0.2);
}
.timeline-icon {
position: absolute;
margin: auto;
}
@media (max-width: 767px) {
.timeline-icon {
position: absolute;
margin: 10px 0px;
}
ul.timeline:before {
left: 40px;
}
ul.timeline > li > .timeline-panel {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
}
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;
}
}
.step_s {
margin-bottom: 22px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1)
}
.step_s.row {
margin: 0;
}
.step {
position: relative;
padding-top: 40px;
padding-bottom: 40px;
margin: 0 !important;
text-align: center;
color: #777;
font-size: inherit;
vertical-align: top;
background-color: #e6e6e6;
border-radius: 0;
}
.step .step-icon {
font-size: 30px;
margin-bottom: 5px;
}
.step-narrow .step-icon {
float: left;
top: 8px;
font-size: 27px;
margin-right: .5em
}
.step-number {
display: inline-block;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
font-size: 24px;
line-height: 40px;
color: #dadada;
text-align: center;
background: #fff;
border-radius: 50%
}
.step-title {
font-size: 28px;
color: #777;
font-weight: 300;
text-transform: uppercase;
}
.step-narrow {
position: relative;
padding: 12px 20px;
margin: 0 !important;
color: #777;
font-size: inherit;
vertical-align: top;
background-color: #e6e6e6;
border-radius: 0
}
.step-narrow .step-number {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 20px;
width: 40px;
height: 40px;
font-size: 24px;
line-height: 40px;
color: #dadada;
text-align: center;
background: #fff;
border-radius: 50%
}
.step-narrow .step-number + .step-content {
min-height: 40px;
margin-left: 50px
}
.step-narrow .step-content {
text-align: left
}
.step-narrow .step-icon + .step-content {
padding-left: 40px;
}
.step-content p {
margin-bottom: 0
}
.step.active,
.step-narrow.active {
color: #fff;
background-color: #2196F3
}
.step.active .step-title,
.step-narrow.active .step-title {
color: #fff
}
.step.active .step-number,
.step-narrow.active .step-number {
color: #2196F3;
background-color: #fff
}
.step.error,
.step-narrow.error {
color: #fff;
background-color: #f44336
}
.step.error .step-title,
.step-narrow.error .step-title {
color: #fff
}
.step.error .step-number,
.step-narrow.error .step-number {
color: #f44336;
background-color: #fff
}
.step.done,
.step-narrow.done {
color: #fff;
background-color: #4caf50
}
.step.done .step-title,
.step-narrow.done .step-title {
color: #fff
}
.step.done .step-number,
.step-narrow.done .step-number {
color: #4caf50;
background-color: #fff
}
.steps-line {
margin-bottom: 22px
}
.steps-line.row {
display: block
}
.step-line {
position: relative;
padding: 0;
margin: 0;
text-align: center
}
.step-line:after,
.step-line:before {
position: absolute;
top: 21px;
z-index: 0;
width: 50%;
height: 3px;
content: "";
background-color: #eee
}
.step-line:before {
left: 0
}
.step-line:after {
right: 0
}
.step-line:first-child:before,
.step-line:last-child:after {
display: none !important
}
.step-line-icon,
.step-line-number {
position: relative;
z-index: 1;
display: inline-block;
width: 50px;
height: 50px;
line-height: 45px;
color: #fff;
text-align: center;
background: #bdbdbd;
border-radius: 50%;
border: 2px solid #bdbdbd
}
.step-line-number {
font-size: 20px
}
.step-line-icon {
font-size: 20px
}
.step-line-title {
margin-top: 15px;
display: block;
font-size: 22px;
color: #777;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: normal;
white-space: nowrap;
text-transform: uppercase;
}
.step-line.active .step-line-title,
.step-line.active p {
color: #2196F3;
}
.step-line.done .step-line-title,
.step-line.done p {
color: #2196F3;
}
.step-line.error .step-line-title,
.step-line.error p {
color: #f44336;
}
.step-line.active:after,
.step-line.active:before {
background-color: #2196F3
}
.step-line.active .step-line-icon,
.step-line.active .step-line-number {
color: #2196F3;
background-color: #fff;
border-color: #2196F3;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3)
}
.step-line.done:after,
.step-line.done:before {
background-color: #2196F3
}
.step-line.done .step-line-icon,
.step-line.done .step-line-number {
color: #fff;
background-color: #2196F3;
border-color: #2196F3;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3)
}
.step-line.error:after,
.step-line.error:before {
background-color: #f44336
}
.step-line.error .step-line-icon,
.step-line.error .step-line-number {
color: #f44336;
background-color: #fff;
border-color: #f44336;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3)
}
.step-line.default:after,
.step-line.default:before {
background-color: #d8d8d8
}
.step-line.default .step-line-icon,
.step-line.default .step-line-number {
color: #999;
background-color: #fff;
border-color: #d8d8d8;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3)
}
.user-card-wrapper {
float: left;
width: 100%;
padding: 10px;
position: relative;
}
.user-card {
float: left;
text-align: center;
width: 100%;
}
.user-card:hover {
-webkit-box-shadow: 0 0 15px #b0b0b0;
-moz-box-shadow: 0 0 15px #b0b0b0;
-ms-box-shadow: 0 0 15px #b0b0b0;
-o-box-shadow: 0 0 15px #b0b0b0;
box-shadow: 0 0 15px #b0b0b0;
}
.user-card > img {
width: 100%
}
.user-card-info {
float: left;
padding: 15px 0px 10px;
width: 100%;
background: #FFF;
position: relative;
z-index: 1;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.user-card:hover .user-card-info {
padding-bottom: 60px;
margin-top: -60px;
}
.user-card-info h6 {
color: #141b20;
float: left;
font-size: 20px;
margin: 0 0 10px;
width: 100%;
}
.user-card-info > span {
color: #767c84;
float: left;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
width: 100%;
}
.user-card-socials {
width: 100%;
visibility: hidden;
opacity: 0;
position: absolute;
bottom: 0;
left: 0;
}
.user-card:hover .user-card-socials {
bottom: 20px;
visibility: visible;
opacity: 1;
}
.user-card-socials > a {
border: 1px solid #a4a6a8;
color: #a4a6a8;
display: inline-block;
height: 30px;
line-height: 30px;
margin: 0 3px;
width: 30px;
border-radius: 50%;
}
.user-card-socials a:hover {
border-color: #2196F3;
color: #2196F3;
}
.pricing-table {
margin-right: 10px;
margin-left: 10px;
-webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .2);
box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .2);
text-align: center;
border-radius: 3px;
}
.pricing-top {
padding-top: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #eaeaea;
}
.pricing-top.blue {
background-color: #2196F3;
color: #fff;
}
.pricing-top.blue .pricing-icon,
.pricing-top.blue .pricing-txt {
color: #fff;
}
.pricing-top.green {
background-color: #4CAF50;
color: #fff;
}
.pricing-top.green .pricing-icon,
.pricing-top.green .pricing-txt {
color: #fff;
}
.pricing-top.red {
background-color: #F44336;
color: #fff;
}
.pricing-top.red .pricing-icon,
.pricing-top.red .pricing-txt {
color: #fff;
}
.pricing-top.indigo {
background-color: #3F51B5;
color: #fff;
}
.pricing-top.indigo .pricing-icon,
.pricing-top.indigo .pricing-txt {
color: #fff;
}
.pricing-icon {
display: block;
width: 50px;
height: 50px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
color: #121212;
font-size: 50px;
}
.p-embed:after, .p-embed:before {
content: " ";
display: table;
}
.p-embed:after {
clear: both;
}
.pricing-txt {
font-size: 22px;
letter-spacing: 2px;
}
.pricing-table h2 {
margin-top: 0px;
margin-bottom: 10px;
font-size: 25px;
line-height: 36px;
letter-spacing: 1.5px;
}
.li-pricing {
padding: 30px 10px 5px;
border-bottom: 1px dashed #eaeaea;
}
.li-pricing.less-pd {
padding-top: 10px;
padding-bottom: 0px;
}
.pricing-txt.pric-nb {
margin-bottom: 0px;
font-size: 34px;
}
.pricing-txt {
font-size: 22px;
letter-spacing: 2px;
}
.pricing-bottom {
padding-top: 15px;
padding-bottom: 25px;
}
.hover-shadow:hover {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.07);
}
.pricing-table.pricing-basic .pricing-top {
padding-top: 15px;
padding-bottom: 10px;
border-bottom: 1px solid transparent;
}
.bg-gray-lighter-o {
background-color: rgba(0, 20, 35, 0.038);
}
.pricing-table.pricing-basic .li-pricing {
border-bottom: transparent;
}
.pricing-table.pricing-basic .li-pricing.less-pd {
padding-top: 15px;
padding-bottom: 0px;
}
.pricing-table.pricing-basic .pricing-txt.pric-nb {
margin-bottom: 0px;
font-size: 40px;
}
.pricing-table.pricing-basic .pricing-bottom {
padding-top: 25px;
padding-bottom: 25px;
}
.article h1 {
font-size: 48px;
font-weight: 700;
color: #2F4050;
}
.article p {
font-size: 15px;
line-height: 26px;
}
.article-title {
text-align: center;
margin: 50px 0 70px 0;
}
.article .image-left {
padding: 5% 5% 5% 0;
width: 50%;
float: left;
opacity: 0.8;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
font-size: 80%;
font-style: italic;
line-height: 20px;
}
@media (max-width: 900px) {
.article .image-left {
width: 100%;
padding: 0 0 5% 0;
}
}
.article .image-left img {
margin: 0 0 10px 0;
}
.article .image-left:hover {
opacity: 1;
}
.article .image-right {
padding: 5% 0 5% 5%;
width: 50%;
float: right;
opacity: 0.8;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
font-size: 80%;
font-style: italic;
line-height: 20px;
}
@media (max-width: 900px) {
.article .image-right {
width: 100%;
float: left;
padding: 0 0 5% 0;
}
}
.article .image-right img {
margin: 0 0 10px 0;
}
.article .image-right:hover {
opacity: 1;
}
.article .image-left img,
.article .image-right img {
width: 100%;
}
.social-comment-side .social_comment_box {
margin-left: 62px;
}
.social-comment-side .social-avatar {
float: left;
padding: 0;
}
.social-comment-side .social-avatar img {
width: 52px;
height: 52px;
border: 1px solid #e7eaec;
}
.social-comment-side .social_comment_box .social-avatar {
padding: 15px 15px 0 15px;
float: none;
}
.social_comment_box {
border: 1px solid #e7eaec;
background: #fff;
margin-bottom: 15px;
}
.social_comment_box a {
text-decoration: none;
}
.social_comment_icon i {
font-size: 14px;
vertical-align: sub;
}
.social_comment_icon {
background-color: #f9fafc;
border-top: 1px solid #e9ecf2;
}
.social_comment_icon a {
color: #9398a0;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 32px;
text-decoration: none;
text-transform: capitalize;
padding-left: 18px;
padding-right: 5px;
}
.social_comment_icon a:hover {
color: #C6641E;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.article .social_comment_box {
margin-bottom: 0;
border-bottom: none;
}
.article .social_comment_box:last-child {
margin-bottom: 0;
border-bottom: 1px solid #e7eaec;
}
.article .social_comment_box p {
font-size: 13px;
line-height: 18px;
}
.social-action {
margin: 15px;
}
.social-comment-side {
position: relative;
}
.social-avatar {
padding: 15px 15px 0 15px;
}
.social-comment .social-comment {
margin-left: 45px;
}
.social-avatar img {
height: 50px;
width: 50px;
margin-right: 10px;
border-radius: 50px;
}
.social-avatar .media-body a {
color: #2196F3;
font-weight: 400;
font-size: 14px;
display: block;
text-decoration: none;
}
.social-avatar .media-body a:hover {
color: #3F51B5;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social-comment a {
color: #2196F3;
font-weight: 400;
text-decoration: none;
}
.social-post a {
color: #9398a0;
}
.social-comment a:hover {
color: #3F51B5;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social-body {
padding: 15px;
padding-bottom: 2px;
}
.social-body img {
margin-bottom: 10px;
}
.social-post-img a img {
width: 100%;
height: auto;
}
.social-footer {
border-top: 1px solid #e7eaec;
padding: 10px 15px;
background: #f9f9f9;
}
.social-footer .social-comment img {
width: 32px;
margin-right: 10px;
}
.social-comment:first-child {
margin-top: 0;
}
.social-comment {
margin-top: 15px;
}
.social-comment textarea {
font-size: 12px;
}
.sortable-list {
padding: 10px 0;
}
.taskb-list {
list-style: none;
margin: 0;
}
.taskb-list li {
background: #FAFAFB;
border: 1px solid #e7eaec;
margin: 0 0 10px 0;
padding: 10px;
border-radius: 2px;
}
.taskb-list li:hover {
cursor: pointer;
background: #fff;
}
.taskb-list li.warning-element {
border-left: 3px solid #FF9800;
}
.taskb-list li.danger-element {
border-left: 3px solid #F44336;
}
.taskb-list li.info-element {
border-left: 3px solid #2196F3;
}
.taskb-list li.success-element {
border-left: 3px solid #4CAF50;
}
.taskb-detail {
margin-top: 5px;
font-size: 12px;
}
.taskb-detail .material-icons {
font-size: 14px;
vertical-align: top;
}
.ui-sortable-placeholder {
border: 1px dashed #ccc !important;
visibility: visible !important;
background: #eee;
}
.demo.ui-sortable-placeholder {
margin: 0 0 23px !important;
}
.demo_carousel .carousel-inner img {
width: 100%;
}
.calendar-app .fc-button {
color: #333;
background-color: #fff;
border-color: #eaeaea;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
height: auto;
background-image: none
}
.calendar-app .fc-button.active,
.calendar-app .fc-button.active.focus,
.calendar-app .fc-button.active:focus,
.calendar-app .fc-button.active:hover,
.calendar-app .fc-button.focus,
.calendar-app .fc-button:active,
.calendar-app .fc-button:active.focus,
.calendar-app .fc-button:active:focus,
.calendar-app .fc-button:active:hover,
.calendar-app .fc-button:focus,
.calendar-app .fc-button:hover,
.open > .dropdown-toggle.calendar-app .fc-button,
.open > .dropdown-toggle.calendar-app .fc-button.focus,
.open > .dropdown-toggle.calendar-app .fc-button:focus,
.open > .dropdown-toggle.calendar-app .fc-button:hover {
color: #333;
background-color: #f5f5f5;
border-color: #d6d6d6
}
.calendar-app .fc-button.active,
.calendar-app .fc-button:active,
.open > .dropdown-toggle.calendar-app .fc-button {
background-image: none
}
.calendar-app .fc-button.disabled.focus,
.calendar-app .fc-button.disabled:focus,
.calendar-app .fc-button.disabled:hover,
.calendar-app .fc-button[disabled].focus,
.calendar-app .fc-button[disabled]:focus,
.calendar-app .fc-button[disabled]:hover,
fieldset[disabled] .calendar-app .fc-button.focus,
fieldset[disabled] .calendar-app .fc-button:focus,
fieldset[disabled] .calendar-app .fc-button:hover {
background-color: #fff;
border-color: #eaeaea
}
.calendar-app .fc-button .badge {
color: #fff;
background-color: #333
}
.calendar-app .fc-button.active,
.calendar-app .fc-button.fc-state-active,
.calendar-app .fc-button:active {
outline: 0;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.calendar-app .fc-button .fc-icon {
margin: 0 .1em;
font-size: inherit;
font-family: FontAwesome !important;
color: #555
}
.calendar-app .fc-button .fc-icon:after {
display: none
}
.calendar-app .fc-day:hover,
.calendar-app .fc-state-highlight {
background-color: #f7f8f9
}
.calendar-app .fc-day-number {
font-size: 18px;
font-weight: 700;
color: #a1a2a3
}
.calendar-app .fc-view {
overflow: visible
}
.calendar-app .external-events {
margin: 0
}
.calendar-app .external-events > div {
margin-right: 5px;
margin-bottom: 5px;
padding: 6px 10px;
color: #fff;
font-size: 11px;
border-radius: 2px;
cursor: move
}
.calendar-app .external-events:empty {
content: "EMRTPUY"
}
.calendar-app .external-events-trash {
position: relative;
min-height: 120px
}
.calendar-app .external-events-trash:after {
content: "\f00d";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #131e26;
opacity: 0;
font-family: FontAwesome;
color: #fff;
text-align: center;
font-size: 50px;
padding: 8%;
max-height: 100%;
-webkit-transition: all .3s ease;
transition: all .3s ease;
z-index: -1
}
.calendar-app .external-events-trash.active:after {
opacity: 1;
z-index: 1
}
.calendar-app .external-events-trash.hovered:after {
background-color: #fb797e
}
.calendar-app .external-event-color-selector .cirkle.selected {
border: 3px solid hsla(0, 0%, 100%, .5)
}
.cirkle {
display: inline-block;
width: 7px;
height: 7px;
border-radius: 500px;
margin: 0 .5em;
background-color: #ddd;
vertical-align: baseline;
border: 2px solid transparent
}
.cirkle.text-left {
margin-left: 0
}
.cirkle.text-right {
margin-right: 0
}
.cirkle-primary {
background-color: #3F51B5
}
.cirkle-success {
background-color: #4CAF50
}
.cirkle-info {
background-color: #C6641E
}
.cirkle-warning {
background-color: #FF9800
}
.cirkle-danger {
background-color: #F44336
}
.cirkle-red {
background-color: #F44336
}
.cirkle-pink {
background-color: #E91E63
}
.cirkle-purple {
background-color: #9C27B0
}
.cirkle-green {
background-color: #4CAF50
}
.cirkle-blue {
background-color: #2196F3
}
.cirkle-teal {
background-color: #009688
}
.cirkle-brown {
background-color: #795548
}
.cirkle-yellow {
background-color: #ffe821
}
.cirkle-gray {
background-color: #9E9E9E
}
.cirkle-black {
background-color: #000
}
.cirkle-sm {
width: 5px;
height: 5px
}
.cirkle-lg {
width: 11px;
height: 11px
}
.cirkle-xl {
width: 18px;
height: 18px
}
.cirkle-outline {
background-color: transparent
}
.cirkle-outline.cirkle-primary {
border: 1px solid #5d9cec
}
.cirkle-outline.cirkle-success {
border: 1px solid #27c24c
}
.cirkle-outline.cirkle-info {
border: 1px solid #23b7e5
}
.cirkle-outline.cirkle-warning {
border: 1px solid #ff902b
}
.cirkle-outline.cirkle-danger {
border: 1px solid #f05050
}
.body.faq {
padding: 0px;
}
.faq {
width: 100%;
}
.faq .faq-item {
width: 100%;
padding: 10px 15px;
border-bottom: 1px solid #F5F5F5;
}
.faq .faq-item .faq-title {
font-size: 16px;
font-weight: 400;
color: #1b1e24;
line-height: 40px;
float: left;
width: 100%;
cursor: pointer;
position: relative;
}
.faq .faq-item .faq-title .fa {
color: #22262e;
width: 30px;
height: 30px;
margin-right: 0px;
line-height: 44px;
text-align: center;
left: 0px;
top: 0px;
}
.faq .faq-item .faq-text {
font-size: 13px;
color: #22262e;
line-height: 20px;
width: 100%;
padding: 0px 20px;
max-height: 0px;
height: 0px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
overflow: hidden;
}
.faq .faq-item .faq-text h5 {
font-weight: 600;
font-size: 14px;
}
.faq-pad {
padding-left: 10px;
}
.faq-fa-question {
font-size: 24px;
margin-right: 5px;
padding: 6px 7px;
border: 2px solid #343434;
border-radius: 10px;
}
.faq .faq-item.active {
padding-bottom: 0px;
border-bottom: 1px solid #FFF;
}
.faq .faq-item.active .faq-title .fa {
line-height: 45px;
}
.faq .faq-item.active .faq-text {
max-height: 500px;
height: auto;
background: #F5F5F5;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding: 15px 20px;
margin-top: 10px;
}
.faq .faq-item:first-child {
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
border-top: 1px solid #F5F5F5;
}
.faq .faq-item:last-child {
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
padding-bottom: 15px;
}
.invoice {
color: #e9ecf2;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 24px;
letter-spacing: 0.25px;
line-height: 26px;
text-transform: uppercase;
float: right;
padding-right: 35px;
}
.company-title {
color: #707780;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 26px;
letter-spacing: 0.25px;
line-height: 26px;
text-align: center;
text-transform: uppercase;
padding-top: 52px;
padding-bottom: 26px;
}
.company-title .company-addess {
color: #9398a0;
font-weight: 300;
font-size: 14px;
padding-top: 20px;
}
.client-address {
color: #9398a0;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 26px;
text-transform: capitalize;
padding-bottom: 30px;
}
.client-address .client-heading {
color: #707780;
font-weight: 400;
font-size: 16px;
}
.client-address.bottom-pad {
padding-bottom: 0px;
}
.invoice-details {
color: #9398a0;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 26px;
text-transform: capitalize;
}
.invoice-details span {
color: #707780;
font-weight: 400;
}
.invoice-table {
margin-top: 40px;
margin-bottom: 40px;
}
.invoice-table thead tr th {
color: #9398a0;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 26px;
text-transform: capitalize;
border-bottom: 1px solid #e9ecf2;
}
.invoice-table tbody tr td {
color: #707780;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 26px;
text-transform: capitalize;
border-bottom: 1px solid #e9ecf2;
}
.total-payment {
color: #707780;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 26px;
text-transform: capitalize;
text-align: right;
}
.total-payment.total-primary {
color: #f44336;
font-weight: 600;
}
.payment-value {
color: #9398a0;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 26px;
text-transform: capitalize;
text-align: left;
}
.payment-value.total-primary {
color: #f44336;
font-weight: 600;
}
.invoice-btn {
font-size: 16px;
}
.hr-dashed {
border-top: 1px dashed #e7eaec;
color: #ffffff;
background-color: #ffffff;
height: 1px;
margin: 20px 0;
}
.search-result h2 {
font-size: 24px;
}
.search-result h3 {
font-size: 18px;
font-weight: 500;
}
.search-result .search-link {
color: #4CAF50;
}
.search-result h3 {
margin-bottom: 0;
color: #3F51B5;
}
.search-result a:hover, a:focus {
text-decoration: none;
}
.search-form {
margin-top: 10px;
}
.inbox_header {
margin-bottom: 5px;
padding: 2px;
}
.inbox_body {
background: #fff;
position: relative;
border-radius: 2px;
border: 1px solid #eee;
}
.inbox_body .table > tbody > tr > td {
vertical-align: middle;
}
.inbox_body .table tbody tr td, .inbox_body .table tbody tr th {
border-bottom: none;
}
.inbox_body .text-width {
width: 50%;
}
.inbox_body .checkbox {
margin-top: 10px;
margin-bottom: 2px;
}
.inbox_body a {
color: #67757c;
text-decoration: none;
}
.inbox_title {
font-size: 16px;
font-weight: 400;
line-height: 12px;
display: block;
float: left;
color: #333;
}
.inbox-panel .nav-pills > li > a {
color: #555;
}
.file-box {
float: left;
width: 181px;
}
.file-manager h5 {
text-transform: uppercase;
}
.file-manager {
list-style: none outside none;
margin: 0;
padding: 0;
}
.file-manager a {
text-decoration: none;
}
.folder-list li a {
color: #666666;
display: block;
padding: 5px 0;
}
.folder-list li {
border-bottom: 1px solid #e7eaec;
display: block;
}
.folder-list li i {
margin-right: 8px;
color: #3d4d5d;
}
.file-manager h5.tag-title {
margin-top: 20px;
}
ul.tag-list li {
list-style: none;
}
.tag-list li {
float: left;
}
.tag-list li a {
font-size: 10px;
background-color: #f3f3f4;
padding: 5px 12px;
color: inherit;
border-radius: 2px;
border: 1px solid #e7eaec;
margin-right: 5px;
margin-top: 5px;
display: block;
}
.file {
border: 1px solid #e7eaec;
padding: 0;
background-color: #ffffff;
position: relative;
margin-bottom: 5px;
margin-right: 20px;
}
.file a {
text-decoration: none;
}
.file-manager .hr-dashed {
margin: 15px 0;
}
.file .icon,
.file .image {
height: 100px;
overflow: hidden;
}
.file .icon {
padding: 15px 10px;
text-align: center;
}
.file-control {
color: inherit;
font-size: 11px;
margin-right: 10px;
}
.file-control.active {
text-decoration: underline;
}
.file .icon i {
font-size: 70px;
color: #dadada;
}
.file .file-name {
padding: 10px;
background-color: #f8f8f8;
border-top: 1px solid #e7eaec;
}
.file-name small {
color: #676a6c;
}
.forum-item {
margin: 10px 0;
padding: 10px 0 20px;
border-bottom: 1px solid #f1f1f1;
}
.views-number {
font-size: 24px;
line-height: 18px;
font-weight: 400;
}
.forum-item small {
color: #999;
}
.forum-item .forum-sub-title {
color: #999;
margin-left: 50px;
}
.forum-title {
margin: 15px 0 15px 0;
}
.forum a {
text-decoration: none;
}
.forum-info {
text-align: center;
}
.forum-desc {
color: #999;
}
.forum-icon {
float: left;
width: 30px;
margin-right: 20px;
text-align: center;
}
a.forum-item-title {
color: inherit;
display: block;
font-size: 20px;
font-weight: 500;
}
a.forum-item-title:hover {
color: inherit;
}
.forum-icon .material-icons {
font-size: 30px;
margin-top: 8px;
color: #9b9b9b;
}
.forum-item.active .material-icons {
color: #2196F3;
}
.forum-item.active a.forum-item-title {
color: #2196F3;
}
@media (max-width: 992px) {
.forum-info {
margin: 15px 0 10px 0;
display: none;
}
.forum-desc {
float: none !important;
}
}
.forum_post a {
color: #555;
}
.forum-post-info {
padding: 2px 15px 2px 15px;
background: #f9f9f9;
border: 1px solid #f1f1f1;
margin-bottom: 10px;
}
.forum_post .forum-replies {
background: #fff !important;
}
.forum_post .forum-replies .forum-reply-thumb img {
width: 70px;
}
.forum_post .img-center {
display: block;
margin-left: auto;
margin-right: auto;
}
.forum-reply-details {
margin-left: -20px;
}
.forum_post .forum-replies .forum-reply-thumb .forum-name-replied {
font-weight: bold;
line-height: 1px;
margin-top: 18px;
}
.forum_post .forum-comments {
border-left: none;
border-right: none;
background: #eee;
margin-top: 20px;
padding: 10px 15px;
}
.forum_post .forum-comments .comment-thumbnail img {
width: 52px;
height: 52px;
}
.forum_post .comment-name {
font-weight: bold;
}
.contact-box {
background-color: #ffffff;
border: 1px solid #e7eaec;
margin-bottom: 5px;
padding: 10px;
}
.contact-box > a {
color: inherit;
text-decoration: none;
}
.contact-box a:hover, .contact-box a:focus {
text-decoration: none;
}
.contact-box address {
color: #9E9E9E;
}
.contact-box h3 {
font-size: 18px;
color: #555;
}
.profile .contact > h2,
.profile .connection > h2 {
font-size: 16px;
margin: 0 20px 15px;
}
.profile .contact,
.profile .connection {
padding: 20px;
}
.profile .contact ul {
list-style: none;
margin: 0;
padding: 0 0 0 18px;
}
.profile .contact ul li {
position: relative;
padding: 8px 0 8px 35px;
}
.profile .contact ul li i {
font-size: 18px;
vertical-align: top;
line-height: 100%;
position: absolute;
left: 0;
width: 18px;
text-align: center;
}
.profile .connection a img {
width: 35px;
height: 35px;
}
.profile .connection-pad a {
display: block;
padding: 4px;
}
.profile .connection-pad {
padding: 0 15px;
}
.profile_body {
padding-left: 2px;
padding-top: 5px;
}
.profile_body .tab-content {
padding: 30px;
}
.profile .dl-horizontal dt {
text-align: left;
color: #757575;
}
.profile-photogallery {
position: relative;
text-align: center;
}
.photogallery-menu {
list-style: none;
padding: 5px;
margin-bottom: 30px;
}
.photogallery-menu > li {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.photogallery-menu > li.active > a {
color: #000;
}
.photogallery-menu > li > a > i {
margin-right: 4px;
font-size: 20px;
vertical-align: middle;
margin-top: -2px;
}
.photogallery-menu > li:not(.active) > a {
color: #999;
}
.product_box {
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
position: relative;
border-radius: 4px;
margin-bottom: 30px;
}
.product_box .product_image {
position: relative;
overflow: hidden;
height: 200px;
}
.product_box .product_image img {
width: 100%;
}
.product_box .ribbon {
margin-top: -190px;
}
.product_box .product_content {
padding: 20px;
padding-top: 0;
}
.product_box .product_content h3 {
text-transform: capitalize;
color: #555;
font-size: 16px;
font-weight: 600;
margin: 22px 0 10px 0;
}
.stars-right {
margin-bottom: 10px;
}
.stars-btm {
padding-top: 20px;
border-top: 2px solid #e6e6e6;
}
.item_add {
color: #000;
border: none;
}
.stars-btm p {
color: #555;
font-size: 15px;
font-weight: 600;
float: left;
}
.stars-btm a {
text-decoration: none;
background: #0080ff;
color: #fff;
font-size: 14px;
padding: 5px 10px;
float: right;
}
.product_detail .content h4 {
color: #333;
font-size: 13px;
font-weight: 500;
}
.product_detail .content h3 {
color: #333;
font-size: 24px;
font-weight: 600;
margin: 20px 0 16px 0;
}
.product_detail .content h5 {
color: #ccc;
font-size: 13px;
}
.product_detail .content p {
margin-top: 2%;
font-size: 0.89em;
color: #3f3d3d;
line-height: 1.8em;
letter-spacing: 1px;
}
.product_detail .content .product_price .text {
font-size: 1.2em;
color: #999;
}
.product_detail .content .product_price .price-new {
color: #B52E31;
margin-right: 15px;
font-weight: 500;
font-size: 1.3em;
}
.product_detail .content .product_price .price-old {
text-decoration: line-through;
color: #999;
font-weight: normal;
font-size: 17px;
margin-right: 10px;
}
.product_detail .content .product_price .price-tax {
color: #999;
font-size: 13px;
}
.product_detail .content .product_price .points {
color: #999;
font-size: 13px;
}
.product_detail .content .product_size h4 {
font-size: 1em;
text-transform: uppercase;
color: #555;
margin: 3% 0 6% 0;
}
.product_detail .content .product_check {
margin-top: -10px;
display: block;
}
.product_detail .content .product_check ul {
padding: 0;
list-style: none;
}
.product_detail .content .btn_cart {
margin: 8% 0 4%;
}
.content a span {
font-size: 0.8125em;
color: #555555;
text-transform: uppercase;
text-decoration: underline;
}
.product_detail .content .product_desc {
margin-top: 18px;
}
.product_detail .content .product_desc .tabs-para p {
font-size: 14px;
color: #b5b5b5;
line-height: 2em;
}
.product_detail .content .product_desc .tabs-para ul {
margin-top: 10px;
padding: 0 !important;
}
.product_detail .content .product_desc .tabs-para ul li {
list-style-position: inside;
color: #b5b5b5;
list-style-type: disc;
line-height: 1.8em;
text-transform: capitalize;
font-size: 14px;
}
.product_detail .content .product_desc .tabs-para ul li a {
text-decoration: none;
color: #b5b5b5;
}
.cart-grids {
margin-bottom: 15px;
padding-bottom: 35px;
border-bottom: 1px solid #e6e6e6;
}
.cart_gd_1 {
width: 15%;
}
.cart_gd_1 img {
width: 100%;
}
.cart_gd_2 {
width: 25%;
}
.cart_gd_2 p {
margin-top: 10px;
}
.cart_gd_3 {
width: 20%;
}
.cart_gd_4 {
width: 12%;
}
.cart_gd_5 {
width: 12%;
}
.cart_gd_6 {
width: 12%;
}
.cart_gd_1, .cart_gd_2, .cart_gd_3, .cart_gd_4, .cart_gd_5, .cart_gd_6 {
float: left;
text-align: center;
}
.cart_gd_1 h3, .cart_gd_2 h3, .cart_gd_3 h3, .cart_gd_4 h3, .cart_gd_5 h3, .cart_gd_6 h3 {
font-size: 16px;
color: #ccc;
font-weight: 400;
}
.cart_gd_1 h4, .cart_gd_2 h4, .cart_gd_3 h4, .cart_gd_4 h4, .cart_gd_5 h4, .cart_gd_6 h4 {
margin-top: 48px;
font-size: 15px;
color: #333;
font-weight: 400;
}
.cart-bot {
margin-bottom: 15px;
padding: 30px 0;
border-bottom: 1px solid #e6e6e6;
position: relative;
}
.alert-close, .alert-close1, .alert-close2, .alert-close4, .alert-close6 {
background: url(../../assets/images/into.png) no-repeat 0px 0px;
cursor: pointer;
height: 22px;
width: 22px;
position: absolute;
right: -10px;
top: 77px;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
z-index: 1;
}
.cart_gd_3 h4 span {
height: 12px;
width: 12px;
display: inline-block;
border-radius: 100%;
background: #2196F3;
margin-right: 5px;
}
.cart_gd_5 input[type="text"] {
width: 40%;
padding: 0.3em;
margin: 3em 0;
background: #fff;
outline: none;
text-align: center;
border: 1px solid #000;
}
@media (max-width: 1080px) {
.cart_gd_1 {
width: 14%;
}
.cart_gd_6 {
width: 13%;
}
.cart_gd_1 h3, .cart_gd_2 h3, .cart_gd_3 h3, .cart_gd_4 h3, .cart_gd_5 h3, .cart_gd_6 h3 {
font-size: 14px;
}
}
@media (max-width: 950px) {
.cart_gd_1 h4, .cart_gd_2 h4, .cart_gd_3 h4, .cart_gd_4 h4, .cart_gd_5 h4, .cart_gd_6 h4 {
margin-top: 20px;
}
.alert-close, .alert-close1, .alert-close2, .alert-close4, .alert-close6 {
top: 48px;
}
.cart_gd_5 input[type="text"] {
margin: 1em 0;
}
}
@media (max-width: 768px) {
.cart_gd_1 h4, .cart_gd_2 h4, .cart_gd_3 h4, .cart_gd_4 h4, .cart_gd_5 h4, .cart_gd_6 h4 {
margin-top: 26px;
}
.alert-close, .alert-close1, .alert-close2, .alert-close4, .alert-close6 {
top: 54px;
}
}
@media (max-width: 667px) {
.cart_gd_1 h3, .cart_gd_2 h3, .cart_gd_3 h3, .cart_gd_4 h3, .cart_gd_5 h3, .cart_gd_6 h3 {
font-size: 13px;
}
.cart_gd_1 h4, .cart_gd_2 h4, .cart_gd_3 h4, .cart_gd_4 h4, .cart_gd_5 h4, .cart_gd_6 h4 {
margin-top: 22px;
line-height: 1.5em;
}
}
@media (max-width: 600px) {
.cart_gd_1 {
width: 9%;
}
.cart-bot {
padding: 24px 0;
}
.cart_gd_6 {
width: 18%;
}
}
@media (max-width: 568px) {
.cart_gd_1 {
width: 14%;
}
.cart_gd_2 {
width: 22%;
}
.cart_gd_3 {
width: 25%;
}
.cart_gd_4 {
width: 8%;
}
.cart_gd_5 {
width: 16%;
}
.cart_gd_6 {
width: 14%;
}
}
@media (max-width: 480px) {
.cart_gd_2 {
display: none;
}
.cart_gd_1 {
width: 18%;
}
.cart_gd_3 {
width: 30%;
}
.cart_gd_4 {
width: 13%;
}
.cart_gd_5 {
width: 22%;
}
.cart_gd_6 {
width: 17%;
}
}
@media (max-width: 414px) {
.cart_gd_1 {
width: 22%;
}
.cart_gd_4 {
width: 22%;
}
.cart_gd_5 {
width: 29%;
}
.cart_gd_6 {
width: 25%;
}
.cart_gd_1 h4, .cart_gd_2 h4, .cart_gd_3 h4, .cart_gd_4 h4, .cart_gd_5 h4, .cart_gd_6 h4 {
margin-top: 23px;
}
.cart_gd_3 {
display: none;
}
}
@media (max-width: 384px) {
.cart_gd_1 h4, .cart_gd_2 h4, .cart_gd_3 h4, .cart_gd_4 h4, .cart_gd_5 h4, .cart_gd_6 h4 {
margin-top: 16px;
}
.alert-close, .alert-close1, .alert-close2, .alert-close4, .alert-close6 {
top: 47px;
}
.tabs-para-two {
padding: 24px 0px;
}
}
@media (max-width: 320px) {
.cart_gd_1 {
width: 28%;
}
.cart_gd_4 {
width: 18%;
}
.cart_gd_1 h3, .cart_gd_2 h3, .cart_gd_3 h3, .cart_gd_4 h3, .cart_gd_5 h3, .cart_gd_6 h3 {
font-size: 12px;
}
.cart_gd_1 h4, .cart_gd_2 h4, .cart_gd_3 h4, .cart_gd_4 h4, .cart_gd_5 h4, .cart_gd_6 h4 {
font-size: 13px;
}
.alert-close, .alert-close1, .alert-close2, .alert-close4, .alert-close6 {
top: 47px;
}
}
.cheque-form {
padding: 20px;
padding-top: 0;
}
.cheque-form .summary h2 {
font-size: 24px;
margin-top: 0;
}
.checkout_form {
padding: 20px;
}
.cheque-form p {
font-size: 13px;
color: #ccc;
font-weight: 400;
line-height: 1.8em;
}
#order_view tr td input[type="text"] {
width: 10%;
padding: 0.3em;
background: #fff;
outline: none;
text-align: center;
border: 1px solid #000;
}
.material-icons.md-10 {
font-size: 10px;
}
.material-icons.md-12 {
font-size: 12px;
}
.material-icons.md-13 {
font-size: 13px;
}
.material-icons.md-14 {
font-size: 14px;
}
.material-icons.md-15 {
font-size: 15px;
}
.material-icons.md-16 {
font-size: 16px;
}
.material-icons.md-18 {
font-size: 18px;
}
.material-icons.md-24 {
font-size: 24px;
}
.material-icons.md-26 {
font-size: 26px;
}
.material-icons.md-28 {
font-size: 28px;
}
.material-icons.md-30 {
font-size: 30px;
}
.material-icons.md-32 {
font-size: 32px;
}
.material-icons.md-36 {
font-size: 36px;
}
.material-icons.md-48 {
font-size: 48px;
}
.material-icons.md-50 {
font-size: 50px;
}
.material-icons.md-52 {
font-size: 52px;
}
.material-icons.md-55 {
font-size: 55px;
}
.material-icons.md-60 {
font-size: 60px;
}
.material-icons.md-65 {
font-size: 65px;
}
.material-icons.md-70 {
font-size: 70px;
}
.material-icons.md-75 {
font-size: 75px;
}
.m-l--125 {
margin-left: -125px;
}
.m-t--125 {
margin-top: -125px;
}
.m-r--125 {
margin-right: -125px;
}
.m-b--125 {
margin-bottom: -125px;
}
.m-l--120 {
margin-left: -120px;
}
.m-t--120 {
margin-top: -120px;
}
.m-r--120 {
margin-right: -120px;
}
.m-b--120 {
margin-bottom: -120px;
}
.m-l--115 {
margin-left: -115px;
}
.m-t--115 {
margin-top: -115px;
}
.m-r--115 {
margin-right: -115px;
}
.m-b--115 {
margin-bottom: -115px;
}
.m-l--110 {
margin-left: -110px;
}
.m-t--110 {
margin-top: -110px;
}
.m-r--110 {
margin-right: -110px;
}
.m-b--110 {
margin-bottom: -110px;
}
.m-l--105 {
margin-left: -105px;
}
.m-t--105 {
margin-top: -105px;
}
.m-r--105 {
margin-right: -105px;
}
.m-b--105 {
margin-bottom: -105px;
}
.m-l--100 {
margin-left: -100px;
}
.m-t--100 {
margin-top: -100px;
}
.m-r--100 {
margin-right: -100px;
}
.m-b--100 {
margin-bottom: -100px;
}
.m-l--95 {
margin-left: -95px;
}
.m-t--95 {
margin-top: -95px;
}
.m-r--95 {
margin-right: -95px;
}
.m-b--95 {
margin-bottom: -95px;
}
.m-l--90 {
margin-left: -90px;
}
.m-t--90 {
margin-top: -90px;
}
.m-r--90 {
margin-right: -90px;
}
.m-b--90 {
margin-bottom: -90px;
}
.m-l--85 {
margin-left: -85px;
}
.m-t--85 {
margin-top: -85px;
}
.m-r--85 {
margin-right: -85px;
}
.m-b--85 {
margin-bottom: -85px;
}
.m-l--80 {
margin-left: -80px;
}
.m-t--80 {
margin-top: -80px;
}
.m-r--80 {
margin-right: -80px;
}
.m-b--80 {
margin-bottom: -80px;
}
.m-l--75 {
margin-left: -75px;
}
.m-t--75 {
margin-top: -75px;
}
.m-r--75 {
margin-right: -75px;
}
.m-b--75 {
margin-bottom: -75px;
}
.m-l--70 {
margin-left: -70px;
}
.m-t--70 {
margin-top: -70px;
}
.m-r--70 {
margin-right: -70px;
}
.m-b--70 {
margin-bottom: -70px;
}
.m-l--65 {
margin-left: -65px;
}
.m-t--65 {
margin-top: -65px;
}
.m-r--65 {
margin-right: -65px;
}
.m-b--65 {
margin-bottom: -65px;
}
.m-l--60 {
margin-left: -60px;
}
.m-t--60 {
margin-top: -60px;
}
.m-r--60 {
margin-right: -60px;
}
.m-b--60 {
margin-bottom: -60px;
}
.m-l--55 {
margin-left: -55px;
}
.m-t--55 {
margin-top: -55px;
}
.m-r--55 {
margin-right: -55px;
}
.m-b--55 {
margin-bottom: -55px;
}
.m-l--50 {
margin-left: -50px;
}
.m-t--50 {
margin-top: -50px;
}
.m-r--50 {
margin-right: -50px;
}
.m-b--50 {
margin-bottom: -50px;
}
.m-l--45 {
margin-left: -45px;
}
.m-t--45 {
margin-top: -45px;
}
.m-r--45 {
margin-right: -45px;
}
.m-b--45 {
margin-bottom: -45px;
}
.m-l--40 {
margin-left: -40px;
}
.m-t--40 {
margin-top: -40px;
}
.m-r--40 {
margin-right: -40px;
}
.m-b--40 {
margin-bottom: -40px;
}
.m-l--35 {
margin-left: -35px;
}
.m-t--35 {
margin-top: -35px;
}
.m-r--35 {
margin-right: -35px;
}
.m-b--35 {
margin-bottom: -35px;
}
.m-l--30 {
margin-left: -30px;
}
.m-t--30 {
margin-top: -30px;
}
.m-r--30 {
margin-right: -30px;
}
.m-b--30 {
margin-bottom: -30px;
}
.m-l--25 {
margin-left: -25px;
}
.m-t--25 {
margin-top: -25px;
}
.m-r--25 {
margin-right: -25px;
}
.m-b--25 {
margin-bottom: -25px;
}
.m-l--20 {
margin-left: -20px;
}
.m-t--20 {
margin-top: -20px;
}
.m-r--20 {
margin-right: -20px;
}
.m-b--20 {
margin-bottom: -20px;
}
.m-l--15 {
margin-left: -15px;
}
.m-t--15 {
margin-top: -15px;
}
.m-r--15 {
margin-right: -15px;
}
.m-b--15 {
margin-bottom: -15px;
}
.m-l--10 {
margin-left: -10px;
}
.m-t--10 {
margin-top: -10px;
}
.m-r--10 {
margin-right: -10px;
}
.m-b--10 {
margin-bottom: -10px;
}
.m-l--5 {
margin-left: -5px;
}
.m-t--5 {
margin-top: -5px;
}
.m-r--5 {
margin-right: -5px;
}
.m-b--5 {
margin-bottom: -5px;
}
.m-l--1 {
margin-left: -1px !important;
}
.m-t--1 {
margin-top: -1px !important;
}
.m-r--1 {
margin-right: -1px !important;
}
.m-b--1 {
margin-bottom: -1px !important;
}
.m-l-0 {
margin-left: 0px;
}
.m-t-0 {
margin-top: 0px;
}
.m-r-0 {
margin-right: 0px;
}
.m-b-0 {
margin-bottom: 0px !important;
}
.m-l-5 {
margin-left: 5px;
}
.m-t-5 {
margin-top: 5px;
}
.m-r-5 {
margin-right: 5px;
}
.m-b-5 {
margin-bottom: 5px;
}
.m-l-10 {
margin-left: 10px;
}
.m-t-10 {
margin-top: 10px;
}
.m-r-10 {
margin-right: 10px;
}
.m-b-10 {
margin-bottom: 10px;
}
.m-l-15 {
margin-left: 15px;
}
.m-t-15 {
margin-top: 15px;
}
.m-r-15 {
margin-right: 15px;
}
.m-b-15 {
margin-bottom: 15px;
}
.m-l-20 {
margin-left: 20px;
}
.m-t-20 {
margin-top: 20px;
}
.m-r-20 {
margin-right: 20px;
}
.m-b-20 {
margin-bottom: 5px;
}
.m-l-25 {
margin-left: 25px;
}
.m-t-25 {
margin-top: 25px;
}
.m-r-25 {
margin-right: 25px;
}
.m-b-25 {
margin-bottom: 25px;
}
.m-l-30 {
margin-left: 30px;
}
.m-t-30 {
margin-top: 30px;
}
.m-r-30 {
margin-right: 30px;
}
.m-b-30 {
margin-bottom: 30px;
}
.m-l-35 {
margin-left: 35px;
}
.m-t-35 {
margin-top: 35px;
}
.m-r-35 {
margin-right: 35px;
}
.m-b-35 {
margin-bottom: 35px;
}
.m-l-40 {
margin-left: 40px;
}
.m-t-40 {
margin-top: 40px;
}
.m-r-40 {
margin-right: 40px;
}
.m-b-40 {
margin-bottom: 40px;
}
.m-l-45 {
margin-left: 45px;
}
.m-t-45 {
margin-top: 45px;
}
.m-r-45 {
margin-right: 45px;
}
.m-b-45 {
margin-bottom: 45px;
}
.m-l-50 {
margin-left: 50px;
}
.m-t-50 {
margin-top: 50px;
}
.m-r-50 {
margin-right: 50px;
}
.m-b-50 {
margin-bottom: 50px;
}
.m-l-55 {
margin-left: 55px;
}
.m-t-55 {
margin-top: 55px;
}
.m-r-55 {
margin-right: 55px;
}
.m-b-55 {
margin-bottom: 55px;
}
.m-l-60 {
margin-left: 60px;
}
.m-t-60 {
margin-top: 60px;
}
.m-r-60 {
margin-right: 60px;
}
.m-b-60 {
margin-bottom: 60px;
}
.m-l-65 {
margin-left: 65px;
}
.m-t-65 {
margin-top: 65px;
}
.m-r-65 {
margin-right: 65px;
}
.m-b-65 {
margin-bottom: 65px;
}
.m-l-70 {
margin-left: 70px;
}
.m-t-70 {
margin-top: 70px;
}
.m-r-70 {
margin-right: 70px;
}
.m-b-70 {
margin-bottom: 70px;
}
.m-l-75 {
margin-left: 75px;
}
.m-t-75 {
margin-top: 75px;
}
.m-r-75 {
margin-right: 75px;
}
.m-b-75 {
margin-bottom: 75px;
}
.m-l-80 {
margin-left: 80px;
}
.m-t-80 {
margin-top: 80px;
}
.m-r-80 {
margin-right: 80px;
}
.m-b-80 {
margin-bottom: 80px;
}
.m-l-85 {
margin-left: 85px;
}
.m-t-85 {
margin-top: 85px;
}
.m-r-85 {
margin-right: 85px;
}
.m-b-85 {
margin-bottom: 85px;
}
.m-l-90 {
margin-left: 90px;
}
.m-t-90 {
margin-top: 90px;
}
.m-r-90 {
margin-right: 90px;
}
.m-b-90 {
margin-bottom: 90px;
}
.m-l-95 {
margin-left: 95px;
}
.m-t-95 {
margin-top: 95px;
}
.m-r-95 {
margin-right: 95px;
}
.m-b-95 {
margin-bottom: 95px;
}
.m-l-100 {
margin-left: 100px;
}
.m-t-100 {
margin-top: 100px;
}
.m-r-100 {
margin-right: 100px;
}
.m-b-100 {
margin-bottom: 100px;
}
.m-l-105 {
margin-left: 105px;
}
.m-t-105 {
margin-top: 105px;
}
.m-r-105 {
margin-right: 105px;
}
.m-b-105 {
margin-bottom: 105px;
}
.m-l-110 {
margin-left: 110px;
}
.m-t-110 {
margin-top: 110px;
}
.m-r-110 {
margin-right: 110px;
}
.m-b-110 {
margin-bottom: 110px;
}
.m-l-115 {
margin-left: 115px;
}
.m-t-115 {
margin-top: 115px;
}
.m-r-115 {
margin-right: 115px;
}
.m-b-115 {
margin-bottom: 115px;
}
.m-l-120 {
margin-left: 120px;
}
.m-t-120 {
margin-top: 120px;
}
.m-r-120 {
margin-right: 120px;
}
.m-b-120 {
margin-bottom: 120px;
}
.m-l-125 {
margin-left: 125px;
}
.m-t-125 {
margin-top: 125px;
}
.m-r-125 {
margin-right: 125px;
}
.m-b-125 {
margin-bottom: 125px;
}
.margin-0 {
margin: 0;
}
.p-l-0 {
padding-left: 0 !important;
}
.p-t-0 {
padding-top: 0 !important;
}
.p-r-0 {
padding-right: 0 !important;
}
.p-b-0 {
padding-bottom: 0 !important;
}
.p-l-5 {
padding-left: 5px;
}
.p-t-5 {
padding-top: 5px;
}
.p-r-5 {
padding-right: 5px;
}
.p-b-5 {
padding-bottom: 5px;
}
.p-l-10 {
padding-left: 10px;
}
.p-t-10 {
padding-top: 10px;
}
.p-r-10 {
padding-right: 10px;
}
.p-b-10 {
padding-bottom: 10px;
}
.p-l-15 {
padding-left: 15px;
}
.p-t-15 {
padding-top: 15px;
}
.p-r-15 {
padding-right: 15px;
}
.p-b-15 {
padding-bottom: 15px;
}
.p-l-20 {
padding-left: 20px;
}
.p-t-20 {
padding-top: 20px;
}
.p-r-20 {
padding-right: 20px;
}
.p-b-20 {
padding-bottom: 20px;
}
.p-l-25 {
padding-left: 25px;
}
.p-t-25 {
padding-top: 25px;
}
.p-r-25 {
padding-right: 25px;
}
.p-b-25 {
padding-bottom: 25px;
}
.p-l-30 {
padding-left: 30px;
}
.p-t-30 {
padding-top: 30px;
}
.p-r-30 {
padding-right: 30px;
}
.p-b-30 {
padding-bottom: 30px;
}
.p-l-35 {
padding-left: 35px;
}
.p-t-35 {
padding-top: 35px;
}
.p-r-35 {
padding-right: 35px;
}
.p-b-35 {
padding-bottom: 35px;
}
.p-l-40 {
padding-left: 40px;
}
.p-t-40 {
padding-top: 40px;
}
.p-r-40 {
padding-right: 40px;
}
.p-b-40 {
padding-bottom: 40px;
}
.p-l-45 {
padding-left: 45px;
}
.p-t-45 {
padding-top: 45px;
}
.p-r-45 {
padding-right: 45px;
}
.p-b-45 {
padding-bottom: 45px;
}
.p-l-50 {
padding-left: 50px;
}
.p-t-50 {
padding-top: 50px;
}
.p-r-50 {
padding-right: 50px;
}
.p-b-50 {
padding-bottom: 50px;
}
.p-l-55 {
padding-left: 55px;
}
.p-t-55 {
padding-top: 55px;
}
.p-r-55 {
padding-right: 55px;
}
.p-b-55 {
padding-bottom: 55px;
}
.p-l-60 {
padding-left: 60px;
}
.p-t-60 {
padding-top: 60px;
}
.p-r-60 {
padding-right: 60px;
}
.p-b-60 {
padding-bottom: 60px;
}
.p-l-65 {
padding-left: 65px;
}
.p-t-65 {
padding-top: 65px;
}
.p-r-65 {
padding-right: 65px;
}
.p-b-65 {
padding-bottom: 65px;
}
.p-l-70 {
padding-left: 70px;
}
.p-t-70 {
padding-top: 70px;
}
.p-r-70 {
padding-right: 70px;
}
.p-b-70 {
padding-bottom: 70px;
}
.p-l-75 {
padding-left: 75px;
}
.p-t-75 {
padding-top: 75px;
}
.p-r-75 {
padding-right: 75px;
}
.p-b-75 {
padding-bottom: 75px;
}
.p-l-80 {
padding-left: 80px;
}
.p-t-80 {
padding-top: 80px;
}
.p-r-80 {
padding-right: 80px;
}
.p-b-80 {
padding-bottom: 80px;
}
.p-l-85 {
padding-left: 85px;
}
.p-t-85 {
padding-top: 85px;
}
.p-r-85 {
padding-right: 85px;
}
.p-b-85 {
padding-bottom: 85px;
}
.p-l-90 {
padding-left: 90px;
}
.p-t-90 {
padding-top: 90px;
}
.p-r-90 {
padding-right: 90px;
}
.p-b-90 {
padding-bottom: 90px;
}
.p-l-95 {
padding-left: 95px;
}
.p-t-95 {
padding-top: 95px;
}
.p-r-95 {
padding-right: 95px;
}
.p-b-95 {
padding-bottom: 95px;
}
.p-l-100 {
padding-left: 100px;
}
.p-t-100 {
padding-top: 100px;
}
.p-r-100 {
padding-right: 100px;
}
.p-b-100 {
padding-bottom: 100px;
}
.p-l-105 {
padding-left: 105px;
}
.p-t-105 {
padding-top: 105px;
}
.p-r-105 {
padding-right: 105px;
}
.p-b-105 {
padding-bottom: 105px;
}
.p-l-110 {
padding-left: 110px;
}
.p-t-110 {
padding-top: 110px;
}
.p-r-110 {
padding-right: 110px;
}
.p-b-110 {
padding-bottom: 110px;
}
.p-l-115 {
padding-left: 115px;
}
.p-t-115 {
padding-top: 115px;
}
.p-r-115 {
padding-right: 115px;
}
.p-b-115 {
padding-bottom: 115px;
}
.p-l-120 {
padding-left: 120px;
}
.p-t-120 {
padding-top: 120px;
}
.p-r-120 {
padding-right: 120px;
}
.p-b-120 {
padding-bottom: 120px;
}
.p-l-125 {
padding-left: 125px;
}
.p-t-125 {
padding-top: 125px;
}
.p-r-125 {
padding-right: 125px;
}
.p-b-125 {
padding-bottom: 125px;
}
.padding-0 {
padding: 0;
}
.padding-5 {
padding: 5px;
}
.padding-6 {
padding: 6px;
}
.padding-7 {
padding: 7px;
}
.padding-8 {
padding: 8px;
}
.padding-9 {
padding: 9px;
}
.padding-10 {
padding: 10px;
}
.padding-15 {
padding: 15px;
}
.padding-20 {
padding: 20px !important;
}
.padding-25 {
padding: 25px;
}
.padding-30 {
padding: 30px;
}
.font-6 {
font-size: 6px;
}
.font-7 {
font-size: 7px;
}
.font-8 {
font-size: 8px;
}
.font-9 {
font-size: 9px;
}
.font-10 {
font-size: 10px;
}
.font-11 {
font-size: 11px;
}
.font-12 {
font-size: 12px;
}
.font-13 {
font-size: 13px;
}
.font-14 {
font-size: 14px !important;
}
.font-15 {
font-size: 15px;
}
.font-16 {
font-size: 16px;
}
.font-17 {
font-size: 17px;
}
.font-18 {
font-size: 18px;
}
.font-19 {
font-size: 19px;
}
.font-20 {
font-size: 20px;
}
.font-21 {
font-size: 21px;
}
.font-22 {
font-size: 22px;
}
.font-23 {
font-size: 23px;
}
.font-24 {
font-size: 24px;
}
.font-25 {
font-size: 25px;
}
.font-26 {
font-size: 26px;
}
.font-27 {
font-size: 27px;
}
.font-28 {
font-size: 28px;
}
.font-29 {
font-size: 29px;
}
.font-30 {
font-size: 30px;
}
.font-31 {
font-size: 31px;
}
.font-32 {
font-size: 32px;
}
.font-33 {
font-size: 33px;
}
.font-34 {
font-size: 34px;
}
.font-35 {
font-size: 35px;
}
.font-36 {
font-size: 36px;
}
.font-37 {
font-size: 37px;
}
.font-38 {
font-size: 38px;
}
.font-39 {
font-size: 39px;
}
.font-40 {
font-size: 40px;
}
.font-41 {
font-size: 41px;
}
.font-42 {
font-size: 42px;
}
.font-43 {
font-size: 43px;
}
.font-44 {
font-size: 44px;
}
.font-45 {
font-size: 45px;
}
.font-46 {
font-size: 46px;
}
.font-47 {
font-size: 47px;
}
.font-48 {
font-size: 48px;
}
.font-49 {
font-size: 49px;
}
.font-50 {
font-size: 50px;
}
.b-radius-1 {
border-radius: 1px;
}
.b-radius-2 {
border-radius: 2px;
}
.b-radius-3 {
border-radius: 3px;
}
.b-radius-4 {
border-radius: 4px;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-justify {
text-align: justify;
}
.v-align-middle {
vertical-align: middle !important;
}
.v-align-sub {
vertical-align: sub;
}
.v-align-bottom {
vertical-align: bottom;
}
.v-align-top {
vertical-align: top;
}
.no-resize {
resize: none;
}
.font-bold {
font-weight: bold;
}
.font-italic {
font-style: italic;
}
.font-underline {
text-decoration: underline;
}
.font-line-through {
text-decoration: line-through;
}
.font-overline {
text-decoration: overline;
}
.border-left {
border-left: 1px solid #E5E5E5;
}
.border-right {
border-right: 1px solid #E5E5E5;
}
mark, .mark {
color: #ffffff;
border-radius: 2px;
background-color: #F44336;
}
code {
color: #444;
background-color: #f9f2f4;
padding: 2px 4px;
font-size: 90%;
border-radius: 4px;
}
pre {
background: #f9f9f9;
border: 1px solid #f2f2f2;
border-left: 2px solid #2196F3;
border-radius: 4px;
}
.well, pre {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.dropcap {
font-size: 3.1em;
}
.dropcap-circle {
font-size: 26px;
line-height: 36px;
width: 36px;
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.dropcap-square {
font-size: 26px;
line-height: 36px;
width: 36px;
text-align: center;
}
.dropcap, .dropcap-circle, .dropcap-square {
display: block;
float: left;
font-weight: 400;
line-height: 36px;
margin-right: 6px;
text-shadow: none;
}
.page-header {
position: relative;
background: transparent;
border-bottom: none;
margin-top: 10px;
margin-bottom: 5px;
}
.page-header h2 {
margin-top: 0;
margin-bottom: 0;
font-weight: normal;
font-size: 20px;
}
.page-header small {
display: block;
font-size: 12px;
margin-top: 8px;
color: #999;
}
.page-header small a {
font-weight: bold;
color: #777;
}
.page-header .breadcrumb {
padding: 0;
float: right;
margin-top: -22px;
}
.bg-red {
background-color: #F44336 !important;
color: #fff;
}
.bg-pink {
background-color: #E91E63 !important;
color: #fff;
}
.bg-purple {
background-color: #9C27B0 !important;
color: #fff;
}
.bg-deep-purple {
background-color: #673AB7 !important;
color: #fff;
}
.bg-indigo {
background-color: #3F51B5 !important;
color: #fff;
}
.bg-blue {
background-color: #2196F3 !important;
color: #fff;
}
.bg-light-blue {
background-color: #03A9F4 !important;
color: #fff;
}
.bg-cyan {
background-color: #C6641E !important;
color: #fff !important;
}
.bg-teal {
background-color: #009688 !important;
color: #fff;
}
.bg-green {
background-color: #4CAF50 !important;
color: #fff;
}
.bg-light-green {
background-color: #8BC34A !important;
color: #fff;
}
.bg-lime {
background-color: #CDDC39 !important;
color: #fff;
}
.bg-yellow {
background-color: #ffe821 !important;
color: #fff;
}
.bg-amber {
background-color: #FFC107 !important;
color: #fff;
}
.bg-orange {
background-color: #FF9800 !important;
color: #fff;
}
.bg-deep-orange {
background-color: #FF5722 !important;
color: #fff;
}
.bg-brown {
background-color: #795548 !important;
color: #fff;
}
.bg-grey {
background-color: #9E9E9E !important;
color: #fff;
}
.bg-blue-grey {
background-color: #607D8B !important;
color: #fff;
}
.bg-black {
background-color: #000000 !important;
color: #fff;
}
.bg-white {
background-color: #ffffff !important;
color: #fff;
}
.col-red {
color: #F44336 !important;
}
.col-pink {
color: #E91E63 !important;
}
.col-purple {
color: #9C27B0 !important;
}
.col-deep-purple {
color: #673AB7 !important;
}
.col-indigo {
color: #3F51B5 !important;
}
.col-blue {
color: #2196F3 !important;
}
.col-light-blue {
color: #03A9F4 !important;
}
.col-strong-cyan {
color: #00BCE4 !important;
}
.col-cyan {
color: #C6641E !important;
}
.col-teal {
color: #009688 !important;
}
.col-green {
color: #4CAF50 !important;
}
.col-light-green {
color: #8BC34A !important;
}
.col-lime {
color: #CDDC39 !important;
}
.col-yellow {
color: #ffe821 !important;
}
.col-amber {
color: #FFC107 !important;
}
.col-orange {
color: #FF9800 !important;
}
.col-deep-orange {
color: #FF5722 !important;
}
.col-brown {
color: #795548 !important;
}
.col-grey {
color: #9E9E9E !important;
}
.col-blue-grey {
color: #607D8B !important;
}
.col-black {
color: #000000 !important;
}
.col-white {
color: #ffffff !important;
}
@-ms-keyframes spin {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
from {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.icon-button-demo button {
margin-right: 5px;
margin-bottom: 12px;
}
.button-demo ul {
padding-left: 0;
}
.button-demo ul li {
list-style: none;
padding-left: 0;
display: inline-block;
margin-right: 7px;
}
.button-demo ul li .btn {
display: block;
min-width: 175px;
}
.button-demo .btn {
margin-right: 8px;
margin-bottom: 13px;
min-width: 120px;
}
.demo-btn .btn {
margin-right: 15px;
margin-bottom: 5px;
}
.demo-button-groups .btn-group {
margin-right: 15px;
margin-bottom: 5px;
}
.btn-group-vertical {
margin-right: 15px;
margin-bottom: 5px;
}
.demo-button-toolbar .btn-toolbar {
margin-bottom: 10px;
}
.demo-button-nesting > .btn-group {
margin-right: 15px;
margin-bottom: 5px;
}
.demo-basic-dropdowns .btn {
min-width: 120px;
}
.demo-animation img {
display: inline-block;
height: 280px;
margin-bottom: 5px;
}
.demo-animation {
text-align: center;
}
.demo-social-btn .btn-group {
margin-right: 15px;
margin-bottom: 5px;
}
.demo-checkbox label,
.demo-radio-button label {
min-width: 178px;
height: 30px !important;
}
.demo-knob-chart div {
margin-right: 15px;
}
.demo-switch .switch {
display: inline-block;
min-width: 170px;
}
.demo-switch .demo-switch-title {
min-width: 95px;
display: inline-block;
}
.demo-ColWrap {
text-align: center;
padding-top: 50px;
width: 150px;
height: 150px;
margin-left: 40px;
margin-bottom: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 50%;
}
.demo-ColWrap .ColName {
font-size: 16px;
margin-bottom: 5px;
}
.demo-icon .icon-display:hover {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.demo-icon .icon-display {
cursor: pointer;
display: block;
font-size: 22px;
height: 32px;
line-height: 1;
margin-left: auto;
margin-right: auto;
text-align: center;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: -o-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s, -o-transform .2s;
width: 64px;
}
.demo-icon .icon-name {
color: grey;
display: block;
font-size: 13px;
margin-bottom: 45px;
margin-top: 5px;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.icon-section {
clear: both;
overflow: hidden;
padding-left: 28px;
}
.icon-container {
width: 240px;
padding: 1.5em 0em;
float: left;
position: relative;
text-align: left;
}
.icon-container [class^="ion-"],
.icon-container [class*=" ion-"] {
color: #555;
font-size: 18px;
position: absolute;
margin-top: 0px;
transition: .3s;
}
.icon-container:hover [class^="ion-"],
.icon-container:hover [class*=" ion-"] {
font-size: 2.2em;
margin-top: -10px;
}
.icon-container [class^="ti-"],
.icon-container [class*=" ti-"] {
color: #555;
position: absolute;
margin-top: 3px;
transition: .3s;
}
.icon-container:hover [class^="ti-"],
.icon-container:hover [class*=" ti-"] {
font-size: 2.2em;
margin-top: -5px;
}
.icon-container:hover .icon-caption {
color: #444;
}
.icon-caption {
color: #aaa;
margin-left: 35px;
transition: .3s;
}
.icon-container:hover .icon-caption {
margin-left: 40px;
}
.demo-glyphicons {
margin: 0 20px;
overflow: hidden
}
.demo-glyphicons-list {
padding-left: 0;
padding-right: 10px;
list-style: none
}
.demo-glyphicons li {
float: left;
width: 25%;
height: 115px;
padding: 18px;
font-size: 10px;
line-height: 1.4;
text-align: center;
}
.demo-glyphicons .glyphicon {
margin-top: 5px;
margin-bottom: 10px;
font-size: 24px
}
.demo-glyphicons .glyphicon-class {
display: block;
text-align: center;
word-wrap: break-word
}
.demo-glyphicons li:hover {
color: #fff;
background-color: #C6641E
}
.demo-preloader .preloader {
margin-right: 40px;
}
.demo-loader {
margin: 45px !important;
display: inline-block;
text-align: center
}
.irs-demo {
margin-bottom: 40px;
}
.irs-demo .irs {
margin-top: 15px;
}
.demo-labels .label {
margin-right: 15px;
line-height: 30px;
}
.demo-contextmenu {
height: 200px;
border: 1px solid #ddd;
background-color: #f8f8f8
}
.scroll-example {
overflow: hidden;
border: 1px solid #e0e0e0;
-webkit-box-shadow: 1px 1px 2px 0px rgba(200, 200, 200, 0.3);
-moz-box-shadow: 1px 1px 2px 0px rgba(200, 200, 200, 0.3);
box-shadow: 1px 1px 2px 0px rgba(200, 200, 200, 0.3);
background-color: #fefefe;
padding: 10px;
}
.offsidebar .nav-tabs + .tab-content {
padding: 5px 0;
}
.offsidebar h2 {
margin-left: 25px;
font-size: 14px;
text-transform: uppercase;
}
.offsidebar .settings-title {
background: #f9f9f9;
padding: 20px;
border-bottom: 1px solid #e7eaec;
margin-bottom: 10px;
}
.offsidebar .settings-title h3 {
margin-bottom: 3px;
margin-top: 0;
font-size: 14px;
padding-left: 2px;
}
.offsidebar #app-settings .setting-list {
list-style: none;
padding-left: 0;
margin-bottom: 5px;
}
.offsidebar #app-settings .setting-list li {
padding: 15px;
position: relative;
}
.offsidebar #app-settings .setting-list li span {
margin-left: 10px;
}
.offsidebar #app-settings .setting-list li .switch {
position: absolute;
top: 15px;
right: 5px;
}
.skin_selector {
list-style: none;
padding-left: 0;
overflow-y: hidden;
}
.skin_selector li {
padding: 10px 10px 4px 25px;
position: relative;
cursor: pointer;
}
.skin_selector li.active {
background-color: #f2f2f2;
}
.skin_selector li.active:after {
font-family: 'Material Icons';
position: absolute;
top: 10px;
right: 25px;
content: '\E876';
font-size: 18px;
font-weight: bold;
}
.skin_selector li:hover {
background-color: #eee;
}
.skin_selector li div {
width: 24px;
height: 24px;
display: inline-block;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
.skin_selector li span {
position: relative;
bottom: 7px;
left: 5px;
color: #757575;
}
.skin_selector .red {
background-color: #F44336;
}
.theme-red .skin_selector li.active:after {
color: #F44336;
}
.skin_selector .pink {
background-color: #E91E63;
}
.theme-pink .skin_selector li.active:after {
color: #E91E63;
}
.skin_selector .purple {
background-color: #9C27B0;
}
.theme-purple .skin_selector li.active:after {
color: #9C27B0;
}
.skin_selector .deep-purple {
background-color: #673AB7;
}
.theme-deep-purple .skin_selector li.active:after {
color: #673AB7;
}
.skin_selector .indigo {
background-color: #3F51B5;
}
.theme-indigo .skin_selector li.active:after {
color: #3F51B5;
}
.skin_selector .blue {
background-color: #2196F3;
}
.theme-blue .skin_selector li.active:after {
color: #2196F3;
}
.skin_selector .light-blue {
background-color: #03A9F4;
}
.theme-light-blue .skin_selector li.active:after {
color: #03A9F4;
}
.skin_selector .cyan {
background-color: #C6641E;
}
.theme-cyan .skin_selector li.active:after {
color: #C6641E;
}
.skin_selector .teal {
background-color: #009688;
}
.theme-teal .skin_selector li.active:after {
color: #009688;
}
.skin_selector .green {
background-color: #4CAF50;
}
.theme-green .skin_selector li.active:after {
color: #4CAF50;
}
.skin_selector .light-green {
background-color: #8BC34A;
}
.theme-light-green .skin_selector li.active:after {
color: #8BC34A;
}
.skin_selector .lime {
background-color: #CDDC39;
}
.theme-lime .skin_selector li.active:after {
color: #CDDC39;
}
.skin_selector .yellow {
background-color: #ffe821;
}
.theme-yellow .skin_selector li.active:after {
color: #E91E63;
}
.skin_selector .amber {
background-color: #FFC107;
}
.theme-amber .skin_selector li.active:after {
color: #FFC107;
}
.skin_selector .orange {
background-color: #FF9800;
}
.theme-orange .skin_selector li.active:after {
color: #FF9800;
}
.skin_selector .deep-orange {
background-color: #FF5722;
}
.theme-deep-orange .skin_selector li.active:after {
color: #FF5722;
}
.skin_selector .brown {
background-color: #795548;
}
.theme-brown .skin_selector li.active:after {
color: #795548;
}
.skin_selector .grey {
background-color: #9E9E9E;
}
.theme-grey .skin_selector li.active:after {
color: #9E9E9E;
}
.skin_selector .blue-grey {
background-color: #607D8B;
}
.theme-blue-grey .skin_selector li.active:after {
color: #607D8B;
}
.skin_selector .black {
background-color: #000000;
}
.theme-black .skin_selector li.active:after {
color: #000000;
}
.skin_selector .white {
background-color: #ffffff;
}
.amber-colored-text {
color: #FFC107 !important;
}
.light-green-colored-text {
color: #8BC34A !important;
}
.panel-body {
min-height: 300px;
}
.card-small .body {
font-size: 10px !important;
margin-bottom: 10px !important;
cursor: move;
color: grey;
padding-right: 7px;
padding-left: 7px;
}
.card-small .body b {
font-weight: bold !important;
}
.card-small .body .title {
text-align: center;
margin: 0;
font-size: 14px !important;
font-weight: bold !important;
}
.card-small .body .comment {
font-size: 12px !important;
margin: 0;
font-style: italic !important;
}
.step-badge {
display: inline-block;
min-width: 15px;
padding: 20px 20px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
line-height: 1;
vertical-align: middle;
text-align: center;
background-color: #00b0e4;
border-radius: 10px;
}
.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
margin: 0.1em;
padding: auto;
width: auto;
text-decoration: none;
}
.wizard > .steps > ul > li {
text-align: center;
font-size: 12px;
}
.wizard > .steps > ul > .current {
font-weight: bold;
}
textarea.form-control {
max-height: 200px;
min-height: 35px;
height: auto;
resize: vertical;
}
input.form-control {
height: 25px;
padding: 0px 5px !important;
}
select.form-control {
height: 25px;
padding: 0px 5px !important;
}
.smallcalendar {
font-size: 10px !important;
}
.semaforo-notificaciones {
color: rgba(33,150,243,1);
}
.notificacion {
/* background-color: rgba(236, 237, 237, 1) !important; */
cursor: pointer;
/* margin-bottom: 8px !important; */
}
.notificacion:hover {
background-color: rgba(236, 237, 237, 0.7) !important;
}
.notificacion > .titulo {
font-size: 16px !important;
}
.notificacion-exterior {
margin-bottom: 0 !important;
margin-top: 8px !important;
}
.izquierda {
padding-right: 5px !important;
}
.derecha {
padding-left: 5px !important;
padding-right: 20px !important;
}
.caso {
padding: 5px !important;
padding-bottom: 0 !important;
}
.caso > div > .col-xs-12 {
margin-bottom: 2px !important;
}
.caso > div > .col-xs-12 > .col-sm-12 {
margin-bottom: 3px !important;
}
.caso > .row > .numero {
font-size: 14px !important;
font-weight: bolder !important;
color: #444 !important;
}
.caso > .row > div > div > .asunto {
font-size: 12px !important;
color: #777 !important;
}
.caso > .row > div > div > .cliente {
font-size: 10px !important;
color: #AAA !important;
}
.casos > .titulo {
padding-top: 10px !important;
padding-bottom: 5px !important;
cursor: pointer !important;
}
.nombre-tarea {
font-size: 14px !important;
}
.clientes-tarea {
font-size: 11px !important;
}
.panel-dash {
max-height: 80vh;
min-height: 150px;
overflow-y: auto !important;
}
.panel-dash > .titulo {
padding: 10px !important;
cursor: pointer !important;
}
.panel-dash > .contenido-top {
overflow: hidden !important;
padding-top: 0 !important;
}
.panel-dash > .contenido-bottom {
overflow: hidden !important;
padding-top: 0 !important;
}
.panel-dash > .contenido {
padding-top: 0 !important;
overflow: hidden !important;
}
.tab-semaforo {
margin-bottom: 0;
}
.tab-semaforo > .card {
margin-bottom: 10px !important;
}
.tab-semaforo > .card > .card-header {
padding-top: 10px !important;
padding-bottom: 5px !important;
}
.tab-semaforo > .card > .body {
overflow-x: hidden !important;
overflow-y: auto !important;
max-height: 380px !important;
padding-top: 0 !important;
}
.casos-relac {
overflow-x: hidden;
overflow-y: auto;
max-height: 85vh;
}
.winot {
margin-bottom: 0 !important;
margin-top: 5px !important;
}
.winot > .icono {
font-size: 16px !important;
padding-bottom: 0 !important;
padding-top: 5px !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
.winot > .contenido {
padding-bottom: 0 !important;
padding-top: 5px !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
.winot > .contenido > .texto {
font-size: 12px !important;
}
.winot > .contenido > .fecha {
font-size: 10px !important;
}
.titulo-urg {
color: #000 !important;
}
.titulo-pnt {
color: #000 !important;
}
.titulo-nml {
color: #000 !important;
}
.smallcalendar > .fc-toolbar > div > div > h2 {
font-size: 14px !important;
font-weight: bold !important;
padding-top: 0.75em;
}
.smallcalendar > .fc-view-container > div > table > thead > tr > td > div {
border-right-width: 0;
margin-right: 0;
}
.smallcalendar > .fc-view-container > div > table > tbody > tr > td > .fc-scroller {
overflow-x: hidden !important;
overflow-y: auto !important;
height: auto !important;
}
.miniwidget {
height: 68px;
width: 68px;
cursor: pointer;
margin-bottom: -20px;
}
.miniwidget-icon {
font-size: 32px !important;
text-align: left !important;
padding-left: 5px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-top: 5px !important;
margin: 0px !important;
}
.miniwidget-body {
font-size: 11px;
text-align: right !important;
padding-left: 0px !important;
padding-right: 15px !important;
padding-bottom: 0px !important;
padding-top: 8px !important;
margin: 0px !important;
color: #000 !important;
}
.miniwidget-body > .miniwidget-title {
font-size: 11px !important;
}
.miniwidget-body > .miniwidget-number {
margin-top: -2px;
font-size: 18px !important;
font-weight: bolder !important;
}
aside {
font-size: 13px;
overflow: hidden !important;
}
.aside-collapsed > div > aside > div > nav > ul > li > a {
font-size: 20px !important;
padding-left: 25px !important;
text-align: center !important;
padding: 0 !important;
}
.aside-collapsed > div > aside > div > nav > ul > li > a > span {
display: none !important;
}
.aside-collapsed > div > aside > div > nav > ul > li > ul {
padding: 0 !important;
}
.aside-collapsed > div > aside > div > nav > ul > li > ul > li > a {
font-size: 20px !important;
padding-left: 25px !important;
text-align: center !important;
padding: 0 !important;
}
.aside-collapsed > div > aside > div > nav > ul > li > ul > li > a > span {
display: none !important;
}
.aside-collapsed > div > aside > div > nav > ul > li > ul > li > ul {
padding: 0 !important;
}
.aside-collapsed > div > aside > div > nav > ul > li > ul > li > ul > li > a {
font-size: 20px !important;
padding-left: 25px !important;
text-align: center !important;
padding: 0 !important;
}
.aside-collapsed > div > aside > div > nav > ul > li > ul > li > ul > li > a > span {
display: none !important;
}
.navegacion {
padding-top: 148px;
height: 100%;
width: 100px;
overflow: hidden;
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.dark-menu {
background-color: rgb(33, 33, 33) !important;
color: #aaaaaa !important;
cursor: pointer;
}
.dark-menu > a {
color: #AAAAAA !important;
font-size: 12px !important;
}
.dark-menu:hover {
color: #FFF !important;
}
.panel-group .dark-menu {
padding-bottom: 0px;
margin-bottom: 0px;
}
.barratop {
font-size: 18px !important;
font-weight: bold !important;
color: #FFF !important;
background-color: #000 !important;
height: 66px !important;
max-height: 66px !important;
overflow: hidden !important;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.logo {
padding: 0;
margin-top: 10px;
}
.logo > img {
width: auto;
max-height: 56px;
vertical-align: middle;
border: 0;
display: block;
}
.botones {
margin-top: 20px;
padding: 0;
}
.botones > div > a {
color: #FFF !important;
}
.botones > div > a:hover {
color: #FFF !important;
}
.custom-menu {
visibility: hidden;
font-size: 12px;
height: 100%;
background-color: #222;
overflow-y: auto;
overflow-x: hidden;
position: fixed;
}
.custom-contenedor {
padding-top: 10px;
margin-top: 66px;
width: 100%;
height: 100%;
background-color: #EEEEEE;
box-sizing: border-box;
}
@media (min-width: 576px) {
.custom-menu {
visibility: visible;
width: 90px;
font-size: 24px;
}
.custom-contenedor {
padding-left: 100px;
box-sizing: border-box;
}
}
@media (min-width: 768px) {
.custom-menu {
visibility: visible;
width: 260px;
font-size: 12px;
}
.custom-contenedor {
padding-left: 270px;
box-sizing: border-box;
}
}
.menu-shown {
visibility: visible !important;
width: 260px !important;
font-size: 12px !important;
}
ul.ui-sortable {
list-style: none !important;
padding: 0;
margin: 0;
}
.login-box {
margin-top: 10em;
}
.login-input {
padding-left: 1em !important;
padding-right: 1em !important;
padding-top: 1em !important;
}
.login-input > input, .login-input > button {
height: 45px !important;
}
.login-input > button, .login-input > button:focus {
background-color: #49565D !important;
border-color: #49565D !important;
}
.login-input > button:hover, .login-input > button:active {
background-color: #CE652C !important;
border-color: #CE652C !important;
}
.login-input > label, .login-input > a {
color: #49565D !important;
}
.login-input > a:hover {
color: #CE652C !important;
}
.btn-nuevo-y-mas,
.btn-nuevo-y-mas:active,
.btn-nuevo-y-mas:focus {
color: #fff !important;
background-color: #d67744 !important;
border: 1px solid #d67744;
}
.btn-nuevo-y-mas:hover {
color: #fff !important;
background: #d67744 !important;
opacity: 0.8;
border-color: #d67744 !important;
}
.btn-nuevo-y-mas.btn-outline:hover,
.btn-nuevo-y-mas.btn-outline:active,
.btn-nuevo-y-mas.btn-outline:focus {
color: #fff !important;
background-color: #d67744 !important;
}
.btn-nuevo-y-mas.btn-outline {
color: #00b0e4;
background-color: transparent;
}
.btn-nuevo-y-mas:active:hover, .btn-nuevo-y-mas.active:hover,
.open > .dropdown-toggle.btn-nuevo-y-mas:hover,
.btn-nuevo-y-mas:active:focus, .btn-nuevo-y-mas.active:focus,
.open > .dropdown-toggle.btn-nuevo-y-mas:focus,
.btn-nuevo-y-mas:active.focus, .btn-nuevo-y-mas.active.focus,
.open > .dropdown-toggle.btn-nuevo-y-mas.focus {
color: #fff !important;
background-color: #d67744 !important;
border-color: #d67744;
}
.btn-flechas,
.btn-flechas:active,
.btn-flechas:focus {
color: #fff !important;
background-color: #C6641E !important;
border: 1px solid #C6641E;
}
.btn-flechas:hover {
background: #C6641E !important;
opacity: 0.8;
border-color: #C6641E !important;
}
.btn-flechas.btn-outline:hover,
.btn-flechas.btn-outline:active,
.btn-flechas.btn-outline:focus {
color: #fff !important;
background-color: #C6641E !important;
}
.btn-flechas.btn-outline {
color: #C6641E !important;
background-color: transparent;
}
.btn-flechas:active:hover, .btn-flechas.active:hover,
.open > .dropdown-toggle.btn-flechas:hover,
.btn-flechas:active:focus, .btn-flechas.active:focus,
.open > .dropdown-toggle.btn-flechas:focus,
.btn-flechas:active.focus, .btn-flechas.active.focus,
.open > .dropdown-toggle.btn-flechas.focus {
background-color: #C6641E !important;
border-color: #C6641E !important;
}
.bg-amber-pastel-invertido {
background-color: #fff;
color: #FECE6E;
}
.bg-green-pastel-invertido {
background-color: #fff;
color: #67AC79;
}
.bg-red-pastel-invertido {
background-color: #fff;
color: red;
}
.bg-amber-pastel {
background-color: #FECE6E;
color: #fff;
}
.bg-green-pastel {
background-color: #67AC79;
color: #fff;
}
.bg-red-pastel {
background-color: #FD7478;
color: #fff;
}
li.current {
background-color: #88AD5D !important;
}
li.current > a {
background-color: #88AD5D !important;
}
li.done {
background-color: #526069 !important;
}
li.done > a {
background-color: #526069 !important;
}
.wizard > .steps > ul > li > a {
background-color: #F1F4F5;
color: #263238;
}
.wizard > .steps > ul > li > a > span {
background-color: #FFF;
color: #263238;
}
.wizard > .actions > ul > li > a {
color: #999;
background-color: #fff;
border: 1px solid #d9d9d9;
}
.wizard > .actions > ul > li > a:hover {
color: #fff;
background-color: #263238;
}
.btn-guardar {
background-color: #9EA1A4 !important;
color: #fff;
}
.btn-regresar {
background-color: #C6641E !important;
color: #fff !important;
}
.btn-gris-1 {
background-color: #516068 !important;
color: #fff !important;
}
.btn-gris-1:hover {
background-color: #D3774A !important;
color: #fff !important;
}
.btn-gris-2 {
background-color: #516068 !important;
color: #fff !important;
}
.btn-gris-2:hover {
background-color: #C6641E !important;
color: #fff !important;
}
.btn-gris-3 {
background-color: #516068 !important;
color: #fff !important;
}
.btn-gris-3:hover {
background-color: #FD7478 !important;
color: #fff !important;
}
.btn-gris-4 {
background-color: #516068 !important;
color: #fff !important;
}
.btn-gris-4:hover {
background-color: #67AC79 !important;
color: #fff !important;
}
.btn-gris-1-inv {
background-color: #D3774A !important;
color: #fff !important;
}
.btn-gris-1-inv:hover {
background-color: #516068 !important;
color: #fff !important;
}
.btn-gris-2-inv {
background-color: #C6641E !important;
color: #fff !important;
}
.btn-gris-2-inv:hover {
background-color: #516068 !important;
color: #fff !important;
}
.btn-gris-3-inv {
background-color: #FD7478 !important;
color: #fff !important;
}
.btn-gris-3-inv:hover {
background-color: #516068 !important;
color: #fff !important;
}
.btn-gris-4-inv {
background-color: #67AC79 !important;
color: #fff !important;
}
.btn-gris-4-inv:hover {
background-color: #516068 !important;
color: #fff !important;
}
.btn-gris-imprimir {
background-color: #516068 !important;
color: #fff !important;
}
.btn-gris-imprimir:hover {
background-color: #ADADAD !important;
color: #fff !important;
}
.btn-gris-enviar {
background-color: #516068 !important;
color: #fff !important;
}
.btn-gris-enviar:hover {
background-color: #74B7D9 !important;
color: #fff !important;
}
.btn-gris-excel {
background-color: #516068 !important;
color: #fff !important;
}
.btn-gris-excel:hover {
background-color: #35956A !important;
color: #fff !important;
}
.btn-gris-word {
background-color: #516068 !important;
color: #fff !important;
}
.btn-gris-word:hover {
background-color: #2B579A !important;
color: #fff !important;
}
.btn-gris-pdf {
background-color: #516068 !important;
color: #fff !important;
}
.btn-gris-pdf:hover {
background-color: #D10016 !important;
color: #fff !important;
}
a.active {
background-color: #263238 !important;
border-left: 3px solid #D3774A !important;
}
.dt-buttons > a > span > i {
color: #FFF !important;
}
.sidebar-menu > li > a {
color: #FFF !important;
border-radius: 20px;
margin: 3px 10px;
}
.sidebar-submenu > li > a {
color: #FFF !important;
border-radius: 20px;
margin: 3px 10px;
}
.sidebar-submenu > li.active > a {
background-color: #263238 !important;
border-left-color: #CE652C !important;
border-left: 3px solid;
border-radius: 20px;
margin: 3px 10px;
}
.sidebar-menu, .sidebar-submenu {
background-color: #526069 !important;
}
.sidebar-menu > li.active > a {
background-color: #263238 !important;
border-left-color: #D3774A !important;
border-left: 3px solid;
border-radius: 20px;
margin: 3px 10px;
}
.sidebar-menu > li > a:hover {
background: #687A86 !important;
border-left-color: #CE652C !important;
}
.sidebar-submenu > li > a:hover {
background: #687A86 !important;
border-left-color: #CE652C !important;
}
hr {
border-top: 1px solid #263238;
}
.dataTables_wrapper > .dt-buttons > a.buttons-excel:hover {
background-color: #35956A;
}
.dataTables_wrapper > .dt-buttons:hover > a.buttons-pdf:hover {
background-color: #D10016;
}
.dataTables_wrapper > .dt-buttons:hover > a.buttons-copy:hover {
background-color: #74B7D9;
}
.dataTables_wrapper > .dt-buttons:hover > a.buttons-print:hover {
background-color: #ADADAD;
}
th.sorting {
color: white !important;
font-weight: bold !important;
background-color: #526068 !important;
}
th.sorting:after {
color: #516068 !important;
opacity: 1 !important;
}
th.sorting_asc {
color: white !important;
font-weight: bold !important;
background-color: #516068 !important;
}
th.sorting_asc:after {
color: white !important;
opacity: 1 !important;
}
th.sorting_desc {
color: white !important;
font-weight: bold !important;
background-color: #516068 !important;
}
th.sorting_desc:after {
color: white !important;
opacity: 1 !important;
}
tr.odd {
background-color: #E7E7E7;
}
.custom-footer {
padding: 15px !important;
}
.card-header {
padding-bottom: 0px !important;
}
.card > .body {
padding-top: 20px !important;
}
.wrapper > .row {
padding-left: 5px !important;
padding-right: 5px !important;
margin-bottom: 10px !important;
}
.panel-gris {
background-color: #D5D5D5;
border-radius: 20px;
}
.panel-gris > .panel-heading {
background-color: #516068;
border-color: #516068;
color: #FFF;
}
#colClientesRelacionadosHead,  #colContrapartesRelacionadosHead, #colPersonasRelacionadasHead,  #colArchivosRelacionadosHead, #colOtrosArchivosRelacionadosHead, #colColaboradoresRelacionadosHead, #colClientesCasoHead, #colContrapartesCasoHead, #colContactosCasoHead, #colUsuariosCasoHead{
background-color: #C6641E 
}
.xdsoft_today {
background-color: #C6641E !important;
color: #fff !important;
}
.xdsoft_current {
background-color: #D3774A !important;
box-shadow: #D3774A 0 1px 3px 0 inset !important;
color: #fff !important;
}
.eagle-check-input:checked + .eagle-check-indicator {
background-color: #C6641E !important;
border-color: #C6641E !important;
}
.eagle-check-input:active + .eagle-check-indicator {
background-color: #C6641E !important;
border-color: #C6641E !important;
}
.eagle-check-input:checked + .blue {
background-color: #C6641E !important;
border-color: #C6641E !important;
}
.eagle-check-input:active + .blue {
background-color: #C6641E !important;
border-color: #C6641E !important;
}
.bg-amarillo {
background-color: #EFBC63 !important;
color: #fff !important;
}
.bg-azul {
background-color: #184359 !important;
color: #fff !important;
}
.bg-verde {
background-color: #84AD65 !important;
color: #fff !important;
}
.bg-rojo {
background-color: #F1644C !important;
color: #fff !important;
}
.bg-ladrillo {
background-color: #CE652C !important;
color: #fff !important;
}
.tablamenu {
text-decoration: none !important;
color: #fff !important;
}
.tablamenu > tbody > tr > td > a {
text-decoration: none !important;
color: #fff !important;
}
.panel {
margin-bottom: 0 !important;
border-radius: 20px !important;
}
table.table > thead > tr > th {
text-align: center !important;
}
table.table > tbody > tr > td {
font-size: 12px !important;
}
table.table > tbody > tr > td > .btn-group > .btn {
padding: 2px 6px !important;
}
.card-correo {
padding-top: 0 !important;
padding-bottom: 0 !important;
padding: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin: 0 !important;
min-height: 0 !important;
}
.card-correo > div {
padding-top: 0 !important;
padding-bottom: 0 !important;
padding: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin: 0 !important;
min-height: 0 !important;
}
.card-correo > div > div {
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 5px !important;
padding-bottom: 0 !important;
padding: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin: 0 !important;
min-height: 0 !important;
}
.card-correo > div > div > div {
padding-top: 0 !important;
padding-bottom: 0 !important;
padding: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin: 0 !important;
min-height: 0 !important;
}
.card-correo > div > div > div > div {
padding-top: 0 !important;
padding-bottom: 0 !important;
padding: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin: 0 !important;
min-height: 0 !important;
}
.card-correo > div > div > div > div > div {
padding-top: 0 !important;
padding-bottom: 0 !important;
padding: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin: 0 !important;
min-height: 0 !important;
}
.card-correo:hover {
background-color: #EEE !important;
}
.div-filtros {
padding-bottom: 20px;
padding-top: 20px;
}
.incorrect {
border-color: #F1644C !important;
background-color: #FBD8D0 !important;
}
.report {
margin-bottom: 30px !important
}
.report > .report-header {
text-align: center;
}
.report > .report-header > div > h3 {
color: #526068 !important;
font-weight: bolder !important;
}
.report > .report-header > div > p {
color: #C6641E !important;
font-weight: bold;
font-size: 14px;
}
.report > .report-body {
margin-bottom: 30px !important;
}
.report > .report-body > h4 {
color: #516068 !important;
font-weight: bolder !important;
}
.report > .report-body > h5 {
font-weight: bold !important;
}
.report > .report-body > table {
border-color: #999;
border-style: solid;
border-width: 1px;
}
.report > .report-body > table > thead {
color: #fff !important;
background-color: #516068 !important;
border-color: inherit;
border-style: inherit;
border-width: inherit;
}
.report > .report-body > table > thead > tr {
border-color: inherit;
border-style: inherit;
border-width: inherit;
cursor: default;
}
.report > .report-body > table > thead > tr > th {
font-weight: bold !important;
text-align: center !important;
vertical-align: middle;
border-color: inherit;
border-style: inherit;
border-width: inherit;
padding: 5px !important;
}
.report > .report-body > table > tbody {
color: #000 !important;
font-size: 12px !important;
border-color: inherit;
border-style: inherit;
border-width: inherit;
}
.report > .report-body > table > tbody > tr {
border-color: inherit;
border-style: inherit;
border-width: inherit;
cursor: default;
}
.report > .report-body > table > tbody > tr:hover {
background-color: #ebf5f9 !important;
}
.report > .report-body > table > tbody > tr > td {
vertical-align: middle;
border-color: inherit;
border-style: inherit;
border-width: inherit;
padding: 5px !important;
}
.report > .report-body > table > tbody > .trow-1 {
background-color: #fff !important;
}
.report > .report-body > table > tbody > .trow-2 {
background-color: #f9f9f9 !important;
}
.report > .report-body > table > tbody > tr > td > table {
border-color: #999;
border-style: solid;
border-width: 1px;
}
.report > .report-body > table > tbody > tr > td > table > thead {
color: #000 !important;
background-color: #CCC !important;
border-color: inherit;
border-style: inherit;
border-width: inherit;
}
.report > .report-body > table > tbody > tr > td > thead > tr {
border-color: inherit;
border-style: inherit;
border-width: inherit;
cursor: default;
}
.report > .report-body > table > tbody > tr > td > table > thead > tr > th {
font-weight: bold !important;
text-align: center !important;
vertical-align: middle;
border-color: inherit;
border-style: inherit;
border-width: inherit;
}
.tituloinfo {
background-color: #F5F5F5 !important;
font-weight: bold !important;
width: 25%;
}
a.fc-event {
cursor: pointer;
}
.grey-rounded {
border-radius: 20px !important;
color: #000 !important;
background-color: #fff !important;
}
.lead-rounded {
border-radius: 20px !important;
color: #fff !important;
background-color: #9EA1A4 !important;
}
.black-rounded {
border-radius: 5px !important;
color: #F5F5F5 !important;
background-color: #000 !important;
box-shadow: 0 1px 6px #aaa, 0 1px 4px #111;
}
.modal-rounded {
border-radius: 20px !important;
box-shadow: 0 1px 6px #aaa, 0 1px 4px #111;
}
.modal-rounded > div {
border-radius: 20px !important;
}
.round-bordered {
border-radius: 5px !important;
border-width: 2px;
border-style: solid;
box-shadow: 0 1px 6px #aaa, 0 1px 4px #111;
}
.input-group-addon {
font-size: 10px !important;
}
.input-group-btn > button {
position: absolute !important;
top: 0 !important;
font-size: 8px !important;
}
.height-25 {
min-height: 25px !important;
}
.transparente {
background-color: rgba(255, 255, 255, 0) !important;
}
.total1 {
background-color: #CCC !important;
}
.total2 {
background-color: #EEE !important;
}
.celdafecha {
width: 16%;
}
.celdaestado {
min-width: 16%;
max-width: 16%;
width: 16%;
}
.celdavalor {
min-width: 16%;
max-width: 16%;
width: 16%;
}
.celdatotal {
min-width: 20%;
max-width: 20%;
width: 20%;
}
.celdausuario {
min-width: 12%;
max-width: 12%;
width: 12%;
}
.celdaaccion {
min-width: 12%;
max-width: 12%;
width: 12%;
}
.celdatarea {
min-width: 12%;
max-width: 12%;
width: 12%;
}
.celdadescripcion {
min-width: 20%;
}
.celdadetalles {
min-width: 20%;
max-width: 20%;
width: 20%;
}
.celdaduracion {
min-width: 8%;
max-width: 8%;
width: 8%;
}
.typeahead-item {
color: #3B474B;
font-weight: 300;
}
.typeahead-item > strong {
color: #000 !important;
}
.typeahead-item > div {
color: #777 !important;
font-size: 10px !important;
font-style: italic;
}
.login-link {
font: inherit !important;
color: #03A9F4 !important;
}
.login-link :hover {
color: #03A9F4 !important;
}
.btn-small {
font-size: 10px !important;
padding: 2px 4px !important;
}
.btn-medium {
font-size: 12px !important;
padding: 2px 6px !important;
}
.movimientos-satje > div {
border-color: #EEE;
border-style: solid;
border-width: 1px;
padding: 0px !important;
margin: 0px !important;
}
.movimientos-satje > div > div {
padding: 5px !important;
margin: 0px !important;
}
.titulo-movimiento-satje > div {
color: #FFF;
background-color: #034EA2;
text-align: center;
min-height: 45px;
max-height: 45px;
}
.dependencia-satje {
color: #000 !important;
}
.dc-active {
/* background-color: #263238 !important; */
cursor: unset !important;
}
/* ======== ESTILOS DE CATEGORÍAS COMO CARPETAS ======== */
.folder-item {
    display: inline-block;
    text-align: center;
    margin: 10px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.folder-item:hover {
    transform: scale(1.05);
}

.folder-content {
    position: relative;
    display: inline-block;
}

.folder-icon {
    width: 25rem;
    height: auto;
}

.folder-name {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    pointer-events: none; /* evita interferir con el click */
}

.document-category {
width: 100%;
background-color: #516068;
color: #FFF;
border: 1px solid #757575;
border-radius: 60px;
box-shadow: 2px 2px #757575;
margin: 0px 0px 5px 0px;
padding: 5px;
cursor: pointer;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.document-category:hover {
background-color: #687A86;
}
.document-category > .row {
margin: 0px;
padding: 0px;
}
.document-category > .row > .dc-icon {
font-size: 16px;
padding: 3px 0px 0px 10px;
text-align: center;
margin: 0px;
}
.document-category > .row > .dc-content {
margin: 0px;
padding: 5px 0px 0px 5px;
}
.document-category > .row > .dc-content > .dc-title {
font-size: 11px;
font-weight: bold;
margin: 0px;
padding: 0px;
}
.document-category > .row > .dc-content > .dc-description {
font-size: 10px;
font-style: italic;
color: #F5F5F5;
margin: 0px;
padding: 0px;
}
.library-document {
width: 100%;
background-color: #FFF;
border: 1px solid #DCDCDC;
border-radius: 20px;
margin: 0px 0px 5px 0px;
padding: 5px 0px 0px 5px;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.library-document:hover {
background-color: #EEE;
}
.doc-title {
font-size: 16px;
font-weight: bold;
color: #000;
margin: 5px 0px 0px 5px;
padding: 0px;
}
.doc-description {
font-size: 10px;
color: #A1A2A3;
margin: 0px;
padding: 0px;
}
.doc-other {
font-size: 10px;
font-style: italic;
color: #A1A2A3;
margin: 0px;
padding: 0px;
}
.doc-icon {
font-size: 16px;
}
.doc-command {
font-size: 11px;
color: #000;
margin: 0px;
padding: 0px;
}
.doc-download {
color: #C6641E;
font-size: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
.btn-ext-link {
background-color: #f2f2f2 !important;
color: #777777 !important;
}
.red-rounded {
margin-top: 20px !important;
border-radius: 5px !important;
color: #fff;
background-color: #C6641E !important;
}
.modal-add {
max-height: 80vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}
.uploading-file {
border: solid 1px #9C9C9C !important;
border-radius: 3px !important;
margin: 5px !important;
padding: 3px !important;
}
.uploading-file > div > b {
font-size: 11px !important;
}
.uploading-file > div > i {
font-size: 11px !important;
}
.uploading-file-accepted {
background-color: #CEFFC9 !important;
}
.uploading-file-rejected {
background-color: #FFE5C9 !important;
}
.btn-remove-file {
background-color: #FF6169 !important;
color: #FFFFFF !important;
}
.contenidoReporte {
overflow-x: auto !important;
min-width: 100% !important;
}
.modal-report {
overflow-y: auto !important;
max-height: 100% !important;
}
.wrapper > .card {
min-height: 85vh;
}
a.sem-nor,
a.sem-nor:active {
background-color: #5c9a6c !important;
color: #000 !important;
}
li.active a.sem-nor {
background-color: #67AC79 !important;
color: #FFF !important;
}
a.sem-nor:hover {
background-color: #76b486 !important;
color: #000 !important;
}
a.sem-pen,
a.sem-pen:active {
background-color: #e4b963 !important;
color: #000 !important;
}
li.active a.sem-pen {
background-color: #FECE6E !important;
color: #FFF !important;
}
a.sem-pen:hover {
background-color: #fed27c !important;
color: #000 !important;
}
a.sem-urg,
a.sem-urg:active {
background-color: #e3686c !important;
color: #000 !important;
}
li.active a.sem-urg {
background-color: #FD7478 !important;
color: #FFF !important;
}
a.sem-urg:hover {
background-color: #fd8185 !important;
color: #000 !important;
}
.img-avatar {
max-height: 25px;
max-width: 25px;
border-radius: 50%;
background-color: #F5F5F5;
}
.img-logo {
text-align: center !important;
font-size: 14px !important;
font-weight: bold !important;
background-color: #6B8E23 !important;
color: #FFF !important;
border-radius: 50% !important;
border: 2px outset #EEE;
max-height: 25px;
max-width: 25px;
}
.dt-button-collection.dropdown {
position: absolute !important;
right: auto !important;
z-index: 999999 !important;
background-color: #fff !important;
border: 1px solid #ccc !important;
border-radius: 6px !important;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
padding: 5px 0 !important;
min-width: 180px;
}
.dt-button-collection .dt-button {
display: block !important;
width: 100%;
text-align: left !important;
color: #333 !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 8px 16px !important;
font-size: 14px;
}
@media (max-width: 768px) {
.fc-agendaWeek-button, .fc-agendaDay-button {
display: none;
}
}
@media (min-width: 768px){
.xs-padding-0 {
padding: 0 !important;
}
}
.dash {
border-radius: 5px;
padding: 10px !important;
background-color: #FAFAFA;
box-shadow: 0 1px 4px #E5E5E5;
}
@media (min-width: 768px) {
.dash-left {
margin-left: -10px;
margin-right: 10px;
}
.dash-right {
margin-left: 10px;
margin-right: -10px;
}
}