@charset "utf-8";
@import "font-awesome.min.css";
@import "et-line.css";
@import "google_fonts.css";
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,300,700);
@import url(http://fonts.googleapis.com/css?family=Dosis:300,400,700);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,600&family=Roboto&display=swap'); */
.body-bg {
/* background-color:#eee; */
background:url("../images/cmms-main-bg.jpg");
/* background:url("https://png.pngtree.com/thumb_back/fw800/back_pic/04/09/01/555814ad0c39a5d.jpg"); */
background-size:cover;
repeat:no-repeat;
}
.navbar {border: 0px !important;font-family: 'Roboto', sans-serif; min-height: auto !important;}
.navbar-second {
position:fixed;
/* top:50; */
z-index:999;
width:100%;
border-radius:0px;
}
@media all and (max-width: 702px) {
.menu-first {
display:none;
}
.mobile-view-only {
display:block;
}
}
@media all and (min-width: 702px) {
.margin-lft {
margin-left: 137px !important;
}
}
.table{
font-family: 'Montserrat', sans-serif;
font-size:12px !important;
table-layout:auto !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
vertical-align: middle;
border-top: 1px solid #ddd;
}
/* @media all and (min-width: 992px) { */
.navbar .navbar-nav .level1{
display:none;
opacity: 0;
/* visibility: hidden; */
transition:.4s;
margin-top:0;
background: #11447e;
border:none;
border-radius:0px;
}
.navbar .dropdown:hover .nav-link{ color: #fff; }
.navbar .level1.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
.navbar .level1.fade-up{ top:180%; }
.navbar .dropdown:hover .level1{ transition: .4s; opacity:1; display:block; top:100%; transform: rotateX(0deg); }
/* } */
.navbar .dropdown-menu li a{ color: #c5c7d1d5 !important; }
.navbar .dropdown-menu li a:hover{ color: #fff !important; background: transparent;}
/* FOR DESKTOP ONLY */
@media all and (min-width: 702px) {
.offset-box {
margin-left: 8%;
/* background-image: url("https://www.naazbiryani.com/assets/images/mainbg.png"); */
}
.pagination-sm-left {
left: 370px;
}
.tblBeforeImageDiv {
width:400px !important;
}
.mobile-view-only {
display: none !important;
}
}
/* FOR MOBILE ONLY */
@media all and (max-width: 500px) {
.col-md-12, col-lg-12, col-sm-12, col-xs-12 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.section-title {
margin-bottom: 15px;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.2em;
line-height: 1.4;
}
.label-left {
display:none;
}
.tblBeforeImageDiv {
width: 100% !important;
}
.jumbotron {
padding-top:10px !important;
padding-bottom: 70px !important;
}
.vertical-spacer {
height: 11px !important;
}
}
.navbar-inverse {
border-bottom:0px !important;
background-color:#11447e !important;
box-shadow: 0px 0px 5px 1px #11447e;
}
.navbar-inverse .navbar-nav>li>a {
color: #c5c7d1d5;
}
.navbar-inverse .navbar-nav>.open>a {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav>.open>a:hover {
color: #fff;
background-color: transparent;
}
.navbar-toggle:hover {
background-color: transparent !important;
}
.mod-breadcrumbs
{
position: absolute;
right: 0px;
z-index: 99 !important;
}
/* @media all and (min-width: 992px) { */
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .level2 {
top: 0;
left: 100%;
margin-top: -1px;
background: #11447e;
border:none;
border-radius:0px;
}
/* } */
.level2-link {
background: #11447e !important;
}
.level2-link .fa-angle-right{
float:right;
}
.vertical-spacer {
height:63px;
}
.breadcrumb{
background:#fdfdfd;
/* border-right:4px solid #5f6ecb; */
}
.breadcrumb li a{
text-decoration:none;
color:#11447e;
}
.breadcrumb li a:hover{
color:#2f74c4;
}
.outerUl{
width:auto;
padding:5px;
-webkit-box-shadow: 2px 4px 3px 4px rgb(30 30 50 / 45%);
-moz-box-shadow: 2px 4px 3px 4px rgba(30, 30, 50, 0.45);
/* box-shadow: 2px 2px 2px 2px rgb(224 219 219 / 15%); */
box-shadow: 1px 1px 3px 1px #0d335e;
border-radius:15px;
/* font-size:11px; */
/* -webkit-box-shadow: 6px 8px 5px 0px rgb(50 50 50 / 75%);
-moz-box-shadow: 6px 8px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 6px 8px 5px 0px rgb(50 50 50 / 75%); */
}
.outerUl ul>li>a {
text-decoration:none;
padding: 10px;
font-size:11px;
}
.innerUl{
width:auto;
padding:5px;
}
.innerUl ul >li> a{
text-decoration:none;
padding: 6px 20px;
width:200px;
font-size:12px;
}
.adownloadapk {
font-size:11px;
color:#c5c7d1d5;
}
.imageRotateHorizontal{
-moz-animation: spinHorizontal 4.8s infinite linear; -o-animation: spinHorizontal 4.8s infinite linear; -webkit-animation: spinHorizontal 4.8s infinite linear; animation: spinHorizontal 4.8s infinite linear;
}
@keyframes spinHorizontal {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
}
.jumbotron {
background-color: #fff;
box-shadow: 0px 0px 8px 2px #888888;
}
.glist{
width:fit-content !important;
}
select{
display: inline-block;
height: 44px;
vertical-align: middle;
font-size: 11px;
font-weight: 400;
text-transform: none !important;
letter-spacing: 1px;
color:#8c77a1;
border: 1px solid #ccc;
background:transparent;
padding-left: 7px;
padding-right: 7px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3;
-moz-box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3;
box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
/* .form{
padding-bottom:30px
} */
/* .btn {
border-radius:0px;
} */
.btn-success {
background-color: #5cb85c !important;
}
/* select {
font-size: 12px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: url('../images/dropdown.png')no-repeat right ;
box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3;
position:relative
} */
option {
background-color: #f5f5f5;
font-size:14px;
font-weight:600;
font-family: 'Lato', sans-serif;
color:#8c77a1;
}
option:focus {
background-color:green !important;
}
textarea {
font-size: 12px;
font-weight: 400;
text-transform: none !important;
letter-spacing: 1px;
color: #777;
outline: none;
border: 1px solid #ccc;
background:transparent;
box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3 !important;
-webkit-box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3 !important;
-moz-box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3 !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
display: block;
font-size:12px !important;
}
.form-control{
font-size: 12px;
font-weight: 400;
text-transform: none !important;
letter-spacing: 1px;
color: #777;
height: 44px;
outline: none;
border: 1px solid #ccc;
background:transparent;
-webkit-box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3;
-moz-box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3;
box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
display: block;
font-size:12px !important;
}
input[type=radio],
input[type="checkbox"] {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.sol-inner-container {
position: relative;
height: 44px;
line-height: 44px;
border: 1px solid #ccc;
}
.btn-mod {
background-color: #11447e !important;
border: 1px solid #11447e !important;
}
button {
background-color: #11447e !important;
color:#fff;
border: 1px solid #11447e;
}
button:hover {
color: #11447e !important;
background-color:#fff !important;
border: 1px solid #11447e !important;
}
.btn:hover {
color: #11447e !important;
background-color:#fff !important;
border: 1px solid #11447e !important
}
input[type="submit"],
input[type="button"] {
background-color: #11447e !important;
color:#fff;
}
.float-right {
float:right;
}
.float-left{
float:left;
}
.label-left {
background:#ccc;
color:#777fbe;/* #11447e */
/* border-radius:5 px; */
border: 1px solid #ccc;
width:180px;
-webkit-box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3;
-moz-box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3;
box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3;
}
.input-group {
width: 100%;
width: -moz-available; /* WebKit-based browsers will ignore this. */
width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
width: fill-available;
}
.form select[multiple]{
height: auto;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="color"]:hover,
select:hover{
border-color: rgba(0,0,0, .2);
box-shadow: 2pt 2pt 3pt 0.5pt #D3D3D3;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="color"]:focus,
select:focus{
color: #111;
/* border: 1px solid #0754a4; */
-webkit-box-shadow: 0 0 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 0 3px rgba(0,0,0, .3);
/* box-shadow: 0 0 3px rgba(0,0,0, .3); */
outline: none;
box-shadow: 2pt 2pt 3pt 0.5pt #D3D3D3;
outline-width: 0px;
}
option{
padding:10px
}
option *:focus {
background-color: white;
color:#000;
}
input[type="text"].input-lg,
input[type="email"].input-lg,
input[type="number"].input-lg,
input[type="url"].input-lg,
input[type="search"].input-lg,
input[type="tel"].input-lg,
input[type="password"].input-lg,
input[type="date"].input-lg,
input[type="color"].input-lg,
select.input-lg{
height: 44px;
padding-left: 15px;
padding-right: 15px;
font-size: 13px;
box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3;
font-size:12px !important;
}
input[type="text"].input-md,
input[type="email"].input-md,
input[type="number"].input-md,
input[type="url"].input-md,
input[type="search"].input-md,
input[type="tel"].input-md,
input[type="password"].input-md,
input[type="date"].input-md,
input[type="color"].input-md,
select.input-md{
height: 44px;
padding-left: 13px;
padding-right: 13px;
font-size: 12px;
color:#8c77a1;
box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3;
font-size:12px !important;
}
input[type="text"].input-sm,
input[type="email"].input-sm,
input[type="number"].input-sm,
input[type="url"].input-sm,
input[type="search"].input-sm,
input[type="tel"].input-sm,
input[type="password"].input-sm,
input[type="date"].input-sm,
input[type="color"].input-sm,
select.input-sm{
height: 35px;
padding-left: 10px;
padding-right: 10px;
box-shadow: 1pt 1.0pt 1pt 0.5pt #D3D3D3;
font-size:12px !important;
}
textarea{
font-size: 12px;
font-weight: 400;
text-transform: none !important;
letter-spacing: 1px;
color: #777;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
/* .form textarea:hover{
border-color: rgba(0,0,0, .2);
} */
textarea:focus{
color: #111;
/* border-color: rgba(0,0,0, .7); */
-webkit-box-shadow: 0 0 3px rgba(21,21,21, .3);
-moz-box-shadow: 0 0 3px rgba(21,21,21, .3);
box-shadow: 0 0 3px rgba(21,21,21, .3);
}
.form .form-group{
margin-bottom: 15px;
}
.form input.error{
border-color: #e41919;
}
div.error{
margin-top: 20px;
padding: 13px 20px;
text-align: center;
background: rgba(228,25,25, .75);
color: #fff;
}
div.success{
margin-top: 20px;
padding: 13px 20px;
text-align: center;
background: rgba(50,178,95, .75);
color: #fff;
}
.admin-container {
margin-left:0px;
margin-right:0px;
width:100%;
}
.admin-form {
padding-left:20px;
padding-right:20px;
}
/* Code for new dashboard Cards */
.d-tile{
text-align:center;
}
.quick-menu-btn {
-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
text-align: center;
position:relative;
display: grid;
float: left;
padding: 10px;
/* margin: 10px; */
/* font-weight: 400; */
color: #222;
text-decoration:none !important;
background: transparent;
height: 200px;
width: 172px;
opacity: 0.9;
font-family: Dosis, arial, sans-serif;
letter-spacing: 0.2em;
border: 1px dashed #808080;
word-wrap: break-word;
}
.quick-menu-btn:hover {
/* border-radius: 15px; */
/* -ms-transform: translate(0px,10px);
transform: translate(0px,10px); */
/* -webkit-transform: scale(1.3);
-ms-transform: scale(1.2);
transform: scale(1.2); */
/* border: none; */
-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
opacity: 1;
cursor:pointer;
color:#111;
}
.quick-menu-btn .quick-menu-icon {
-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.quick-menu-btn:hover .quick-menu-icon{
/* font-size:2em;
transform: scale(1.5,1.5); */
/* -webkit-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg); */
-webkit-transform: scale(1.3);
-ms-transform: scale(1.2);
transform: scale(1.2);
opacity:.7;
-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.work-description {
-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
position:absolute;
bottom:0;
padding-top:30px;
padding-bottom:30px;
word-wrap: break-word;
width: 100%;
}
.quick-menu-btn:hover .work-description {
position:absolute;
background:#fff;
opacity:.9;
padding-bottom:130px;
padding-top:10px;
color:#111;
z-index:99;
text-align: center;
box-sizing: border-box;
overflow: hidden;
-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.work-description span{
color:#000;
}
.site-title {
font-size: 9px;
text-align: center;
text-transform: uppercase;
line-height: 1.2;
font-family: Dosis, arial, sans-serif;
-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
word-wrap: break-word;
}
.btn-qr-code {
text-decoration:none !important;
cursor:pointer;
margin-left:20px;
}
/* .err {
margin-left: 10px !important;
} */
/* Style for SOL (SearchableOptionList) */
.sol-quick-delete {
/* color: #fff !important; */
display: table-cell;
font-weight: bold;
text-align: center;
padding: 3px 5px;
vertical-align: top;
}
.sol-selected-display-item, .sol-results-count {
display: inline-table;
color: #fff;
background: #ccc;
font-size: 1em;
padding: 5px;
margin-right: 5px;
margin-bottom: 5px;
border-collapse: separate;
display: inline-block !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/* Styling For select2 plugin */
.select2-results__option {
padding: 3px;
padding-right: 20px;
vertical-align: middle;
}
.select2-results__option:before {
content: "";
display: inline-block;
position: relative;
height: 20px;
width: 20px;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #fff;
margin-right: 20px;
vertical-align: middle;
}
.select2-results__option[aria-selected=true]:before {
font-family:fontAwesome;
content: "\f00c";
color: #fff;
background-color: #11447E;
border: 0;
display: inline-block;
padding-left: 3px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #eaeaeb;
color: #272727;
}
.select2-container--default .select2-selection--multiple {
/* margin-bottom: 10px; */
box-shadow: 1pt 1pt 1pt 0.5pt #d3d3d3;
border-radius: 0px !important;
border-color: #ccc !important;
background: transparent !important;
min-height: 44px !important;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
/* border-radius: 4px; */
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #ccc;
/* border-width: 2px; */
}
.select2-container--default .select2-selection--multiple {
/* border-width: 2px; */
}
.select2-container--open .select2-dropdown--below {
/* border-radius: 6px; */
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.select2-selection .select2-selection--multiple:after {
/* content: 'hhghgh'; */
content: '⚺';
}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
display: none;
}
.select-icon .placeholder {
/* display: none; */
}
.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
display: none;
/* content: "" !important; */
}
.select-icon .select2-search--dropdown {
display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
/* background-color: #11447E !important; */
background-color: transparent !important;
color: #11447E;
border: 1px solid #11447E !important;
border-radius: 8px !important;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #11447E !important;
transition: transform .2s; /* Animation */
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
transform: scale(1.5);
}
.select2-container--default .select2-selection--multiple {
background-color: transparent;
border: 1px solid #ccc;
border-radius: 0px;
cursor: text;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: unset;
margin-top: 0px;
}
/* styling for navbar meni-item highlight */
.activ{
color: #000 !important;
background-color: #fff !important;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
color: #CAD5E2;
background-color: #1e528d;
/* border-bottom: 5px solid #080808; */
box-shadow: 1px 1px 3px 1px #0d335e;
border-radius: 5px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 1;
}
/* ================== new ========================= */
/* New Dashboard Design CSS */
.flip-card {
background-color: transparent;
/* width: 180px; */
height: 170px;
perspective: 1000px;
padding-left: 5px !important;
padding-right: 5px !important;
margin-bottom:10px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.4s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
/* Slide Down Background Color */
/* background-size: 100% 200%;
background-image: linear-gradient(to bottom, transparent 50%, #11447e 50%);
-webkit-transition: background-position 0.7s;
-moz-transition: background-position 0.7s;
transition: background-position 0.7s; */
/* Shatter Out from center */
transition: 0.4s;
background: linear-gradient(to bottom, transparent, #11447e 2%) no-repeat;
background-size: 0% 100%; /* Or 100% 0% for up-ward*/
background-position:center;
}
.flip-card:hover .flip-card-inner {
/* transform: rotateY(180deg); */
/* Slide Down Background Color */
/* background-position: 0 -100%; */
/* Shatter Out from center */
background-size: 100% 100%;
border-radius: 10px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
/* box-shadow: 2px 2px 2px #eee; */
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
color: black;
padding-right: 10px;
padding-left: 10px;
}
.flip-card-inner:hover .flip-card-front {
color: white;
}
.flip-card-front h6 {
margin-bottom: .5em;
line-height: 1.2;
font-weight: bold;
}
/* .flip-card-back {
background-color: #2980b9;
color: white;
transform: rotateY(180deg);
} */
.work-desc {
font-size: 10px !important;
margin-top: 5px;font-weight: bold;
}
.jumbotron .flip-card p {
margin-bottom: 15px;
font-size: 12px !important;
font-weight: 200;
}
.project-img1 {
transition: 0.5s all ease-in-out;
}
.flip-card-inner:hover .project-img1 {
transform: scale(1.5);
}