@import
url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700")
;
@import
url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
/*
*
* INSPINIA - Responsive Admin Theme
* version 2.4
*
*/
h1, h2, h3, h4, h5, h6 {
font-weight: 100;
}
a {
text-decoration: none;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
}
h3, h4, h5 {
margin-top: 5px;
font-weight: 600;
}
.createNew{
margin-top: 15px;
}
.deleteTitle{
margin-right: 15px;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom:5px;
}
body:not (.fixed-sidebar ):not (.canvas-menu ).mini-navbar .nav li:hover>.nav-second-level,
.mini-navbar .nav li:focus>.nav-second-level {
display: block;
border-radius: 0 2px 2px 0;
min-width: 140px;
height: auto;
}
body:not (.fixed-sidebar ):not (.canvas-menu ).mini-navbar .nav-second-level
{
display: none;
}
@media ( max-width : 768px) {}
@media ( min-width : 1200px) {}
@media ( min-width : 992px) {}
@media ( max-width : 767px) {}
.btn {
border-radius: 3px;
}
.btn-default {
color: inherit;
background: white;
border: 1px solid #e7eaec;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:focus, .btn-default:active:hover
{
color: inherit;
border: 1px solid #d2d2d2;
}
.btn-default:active
{
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}
.form-control, .form-control:focus, , , , {
box-shadow: none;
}
.btn:focus {
outline: none !important;
}
/* TOOGLE SWICH *//* CHOSEN PLUGIN *//* PAGINATIN *//* TOOLTIPS *//* EASY PIE CHART*//* FULLCALENDAR *//* Chat *//* LIST GROUP *//* FLOT CHART */
.h-200 {
min-height: 200px;
}
/* DATATABLES */
@media ( max-width : 768px) {}
/* CIRCLE *//* ANIMATION *//* PEACE */
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pace-inactive {
display: none;
}
.pace .pace-progress {
background: #1ab394;
position: fixed;
z-index: 2040;
top: 0;
right: 100%;
width: 100%;
height: 2px;
}
.pace-inactive {
display: none;
}
/* WIDGETS *//* INPUTS */.form-control {
background-color: #ffffff;
background-image: none;
border: 1px solid #e5e6e7;
border-radius: 1px;
color: inherit;
display: block;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
ease-in-out 0s;
width: 100%;
font-size: 14px;
}
.form-control:focus {
border-color: #1ab394 !important;
}
/* UI Sortable *//* SWITCHES *//* jqGrid *//* Nestable list *//**
* Nestable Extras
*//* CodeMirror *//* Google Maps *//* Validation *//* ngGrid *//* Toastr custom style *//* Notifie *//* Image cropper style *//* Forum styles */
@media ( max-width : 992px) {}
/* New Timeline style */
@media only screen and (min-width: 1170px) {}
@media only screen and (max-width: 1170px) {}
@media only screen and (min-width: 1170px) {}
@media only screen and (min-width: 1170px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (min-width: 1170px) {}
/* Tabs */
@media ( max-width : 767px) {}
/* jsvectormap *//*Slick Carousel *//* Payments *//* Select2 custom styles *//* Tour *//* Resizable *//* Wizard step fix */
body {
font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #ffffff;
font-size: 13px;
color: #676a6c;
overflow-x: hidden;
}
html, body {
height: 100%;
}
a {
cursor: pointer;
}
a:hover, a:focus {
text-decoration: none;
}
.font-noraml {
font-weight: 400;
}
video {
width: 100% !important;
height: auto !important;
}
/* GALLERY *//* Summernote text editor *//* MODAL *//* WRAPPERS */
@media ( min-width : 768px) {}
/* FOOTER *//* PANELS *//* TABLES */.table>tbody>tr>td {
border-top: 1px solid #e7eaec;
line-height: 1.42857;
padding: 8px;
vertical-align: top;
}
/* PANELS *//* GLOBAL */
code {
background-color: #F9F2F4;
border-radius: 4px;
color: #ca4440;
font-size: 90%;
padding: 2px 4px;
white-space: nowrap;
}
/* BACKGROUNDS *//* COLORS *//* For handle diferent bg color in AngularJS version *//* For handle diferent bg color in MVC version *//* FULL HEIGHT *//* MARGINS & PADDINGS */
.m-t-md {
margin-top: 20px;
}
/* Show profile dropdown on fixed sidebar *//* SEARCH PAGE *//* CONTACTS *//* INVOICE *//* ERROR & LOGIN & LOCKSCREEN*//* DASBOARD *//* Intimeline *//* PIN BOARD *//* FILE MANAGER *//* PROFILE *//* MAILBOX */
.mail-body {
border-top: 1px solid #e7eaec;
padding: 20px;
}
.mail-Content {
padding: 40px;
}
.mail-text {
border-top: 1px solid #e7eaec;
}
/* PROJECTS *//* FAQ *//* Chat view */
@media ( max-width : 992px) {}
/* jsTree *//* CLIENTS *//* BLOG ARTICLE *//* ISSUE TRACKER *//* TEAMS *//* AGILE BOARD *//* DIFF */
ins {
background-color: #c6ffc6;
text-decoration: none;
}
del {
background-color: #ffc6c6;
}
/* E-commerce *//* Social feed *//* Vote list *//*
* metismenu - v2.0.2
* A jQuery menu plugin
* https://github.com/onokumus/metisMenu
*
* Made by Osman Nuri Okumus
* Under MIT License
*//*
* Usage:
*
*
*
*/
@
-webkit-keyframes sk-rotatePlane { 0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50%
{
-webkit-transform
:
perspective
(120px)
rotateX
(-180
.1deg
)
rotateY
(0deg);
transform
:
perspective
(120px)
rotateX
(-180
.1deg
)
rotateY
(0deg);
}
100%
{
-webkit-transform
:
perspective
(120px)
rotateX
(-180deg)
rotateY
(-179
.9deg
);
transform
:
perspective
(120px)
rotateX
(-180deg)
rotateY
(-179
.9deg
);
}
}
@
keyframes sk-rotatePlane { 0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50%
{
-webkit-transform
:
perspective
(120px)
rotateX
(-180
.1deg
)
rotateY
(0deg);
transform
:
perspective
(120px)
rotateX
(-180
.1deg
)
rotateY
(0deg);
}
100%
{
-webkit-transform
:
perspective
(120px)
rotateX
(-180deg)
rotateY
(-179
.9deg
);
transform
:
perspective
(120px)
rotateX
(-180deg)
rotateY
(-179
.9deg
);
}
}
/*
* Usage:
*
*
*
*/
@
-webkit-keyframes sk-doubleBounce { 0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50%
{
-webkit-transform
:
scale
(1);
transform
:
scale
(1);
}
}
@
keyframes sk-doubleBounce { 0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50%
{
-webkit-transform
:
scale
(1);
transform
:
scale
(1);
}
}
/*
* Usage:
*
*
*
*/
@
-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20%
{
-webkit-transform
:
scaleY
(1);
transform
:
scaleY
(1);
}
}
@
keyframes sk-waveStretchDelay { 0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20%
{
-webkit-transform
:
scaleY
(1);
transform
:
scaleY
(1);
}
}
/*
* Usage:
*
*
*
*/
@
-webkit-keyframes sk-wanderingCubeMove { 25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50%
{
/* Hack to make FF rotate in the right direction */
-webkit-transform
:
translateX
(42px)
translateY
(42px)
rotate
(-179deg);
transform
:
translateX
(42px)
translateY
(42px)
rotate
(-179deg);
}
50
.1 % {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75%
{
-webkit-transform
:
translateX
(0px)
translateY
(42px)
rotate
(-270deg)
scale
(0
.5
);
transform
:
translateX
(0px)
translateY
(42px)
rotate
(-270deg)
scale
(0
.5
);
}
100%
{
-webkit-transform
:
rotate
(-360deg);
transform
:
rotate
(-360deg);
}
}
@
keyframes sk-wanderingCubeMove { 25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50%
{
/* Hack to make FF rotate in the right direction */
-webkit-transform
:
translateX
(42px)
translateY
(42px)
rotate
(-179deg);
transform
:
translateX
(42px)
translateY
(42px)
rotate
(-179deg);
}
50
.1 % {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75%
{
-webkit-transform
:
translateX
(0px)
translateY
(42px)
rotate
(-270deg)
scale
(0
.5
);
transform
:
translateX
(0px)
translateY
(42px)
rotate
(-270deg)
scale
(0
.5
);
}
100%
{
-webkit-transform
:
rotate
(-360deg);
transform
:
rotate
(-360deg);
}
}
/*
* Usage:
*
*
*
*/
@
-webkit-keyframes sk-pulseScaleOut { 0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100%
{
-webkit-transform
:
scale
(1);
transform
:
scale
(1);
opacity
:
0;
}
}
@
keyframes sk-pulseScaleOut { 0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100%
{
-webkit-transform
:
scale
(1);
transform
:
scale
(1);
opacity
:
0;
}
}
/*
* Usage:
*
*
*
*/
@
-webkit-keyframes sk-chasingDotsRotate { 100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@
keyframes sk-chasingDotsRotate { 100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@
-webkit-keyframes sk-chasingDotsBounce { 0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50%
{
-webkit-transform
:
scale
(1);
transform
:
scale
(1);
}
}
@
keyframes sk-chasingDotsBounce { 0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50%
{
-webkit-transform
:
scale
(1);
transform
:
scale
(1);
}
}
/*
* Usage:
*
*
*
*/
@
-webkit-keyframes sk-threeBounceDelay { 0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40%
{
-webkit-transform
:
scale
(1);
transform
:
scale
(1);
}
}
@
keyframes sk-threeBounceDelay { 0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40%
{
-webkit-transform
:
scale
(1);
transform
:
scale
(1);
}
}
/*
* Usage:
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*/
@
-webkit-keyframes sk-innerCircle { 0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100%
{
-webkit-transform
:
rotate
(360deg);
transform
:
rotate
(360deg);
}
}
@
keyframes sk-innerCircle { 0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100%
{
-webkit-transform
:
rotate
(360deg);
transform
:
rotate
(360deg);
}
}
/*
* Usage:
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*