@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

*{
    margin: 0;
    padding: 0;   
}
body{
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    display: table;
    width: 100%;  
}
div{
    word-wrap: break-word;
}
img{
    max-width: 100%;
}
/*Login*/
.Loginpage{
    background:url('../images/Base.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    height: 100vh;
}
.error , .mandatory{
    color: red;
}
.center-notes{
    width: 100%;
    text-align: center;
    margin: 15px auto 30px;
}
.transform-up{
    text-transform: uppercase;
}
#login-form .form-group{
    margin: 0px 0px 10px;
}
#login-form input{
    background: #f3f3f8;
    border: none;
    font-size: 12px;
    font-weight: 500;
    vertical-align: sub;
    padding: 0px 10px;
}
.login-head{
    display: inline-block;
    width: 100%;
    padding: 15px 25px 0px;
    vertical-align: middle;
}
.login-action{
    width: 100%;
    display: inline-block;
    padding: 10px 0px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
}
.login-action span{
    width: auto;
    font-size: 10px;
    color: #9fa2b4;
}
#register-link{
    float: right;
    width: auto;
}
#register-link a{
    color: #6d6dfc;
    font-size: 10px;
    font-weight: 600;
}
.swal-button{
    background-color: #343268;
}
.swal-button--cancel{
    background-color: #dcdcdc !important;
}
.signup{
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    background: #343268;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(120, 120, 120, 0.71);
    -moz-box-shadow: 0px 3px 8px 0px rgba(120, 120, 120, 0.71);
    box-shadow: 0px 3px 8px 0px rgba(120, 120, 120, 0.71);
    display: inline-block;
}
.signin{
    float: left;
}
.signup i{
    float: right;
    margin-top: 3px;
    color: #6461a2;
}
.copyrights{
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    color: #8381c7;
    font-weight: 500;
    padding: 20px 0px;
}
.header-left .searchme{
    display: inline-block;
    border: 2px solid #a5a5a508;
    background: #f5f5f8;
}
.login-holder{
    background: #fff;
    border-radius: 3px;
    width: 285px;
    margin: 125px 155px;
}
.userprof{
    display: inline-block;
    position: relative;
    margin: 8px 15px;
    font-size: 14px;
    font-weight: 600;
    color: #9c9bb4;
}
.login-holder p{
    margin: 0px;
}
.creat_inp{
    padding: 10px 10px;
background: #F3F3F8;
border-radius: 5px;
width: 96%;
border: 2px solid #a5a5a508;
}
.bgdark{
    background: #FFF;
}
.bgdark th{
    padding: 0px 0px 12px !important;
    vertical-align: middle !important;
}
td span a{
    margin: 5px;
}
.footer_dash{
    bottom: 0;
    width: auto;
    margin: auto;
    text-align: left;
    font-size: 12px;
    color: #969698;
    font-weight: 500;
    padding: 0px 0px 20px 20px;
    position: absolute;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: rgb(67, 67, 149) !important;
}
.card{
    -webkit-box-shadow: 1px 1px 38px -4px rgb(220, 220, 220);
    -moz-box-shadow: 1px 1px 38px -4px rgb(220, 220, 220);
    box-shadow: 1px 1px 38px -4px rgb(220, 220, 220);
    border: none;
}
.created{
    font-size: 12px;
    padding: 8px 18px;
    border-radius: 5px !important;
    float: right;
    font-weight: 600 !important;
    color: #fff;
}
.created:active{
    color: #fff;
    background-color: #d57b11 !important;
    border-color: #ea8713 !important;
}
.created span img{
    width: 35%;
    vertical-align: sub;
}
.login-head img{
    display: inline-block;
    float: right;
    width: 60px;
}
.login-body{
    padding: 0px 25px 0px;
}
.login-headings{
    width: 100%;
    margin-top: 45%;
    color: #fff;
}
.greet{
    font-weight: 200;
    font-size: 18px;
    letter-spacing: 3px;
}
.temple-name{
    font-weight: 300;
}
.login-title{
    float: left;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 700;
    margin-top: 18px;
    color: #595872;
}
.login-footer{
    padding: 20px 0 20px;
    width: 100%;
    background: #e1e5ed;
    border-radius: 3px;
}
.login-label{
    margin-left: 10px;
    font-size: 12px;
    color: #6e6f89;
    font-weight: 600;
    margin-bottom: 5px;
}
.contact{
    color: #9098b1;
    font-size: 10px;
    font-weight: 600;
}
.email{
    color: #5555fb;
    font-size: 10px;
    font-weight: 600;
}
.dashactive{
    color: #fff !important;
    background: #1c1c58 !important;
}
.navbar .navbar-nav li > a.dashactive:hover{
    background: #1c1c58 !important; 
}
.navbar .navbar-nav li.menu-item-has-children a::before {
   content: "\f105";
   color: #c8c9ce;
   font-family: 'Fontawesome';
   font-size: 16px;
   position: absolute;
   top: 10px;
   right:15px !important;
   text-align: right;
   -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
   -ms-transition: all .25s ease;
   -o-transition: all .25s ease;
   transition: all .25s ease;
}
.navbar .navbar-nav li.menu-item-has-children .sub-menu a {
   padding: 5px 25px !important;
}
.btn-submitme{
   background: #424285;
   color: #fff;
   padding: 10px 30px;
}
.btn-resetme{
   color: #fff;
   padding: 10px 30px;
}
#preloader { 
    display:none;
    position: fixed;
    left: 0; 
    top: 0;
    z-index: 1060;
    width: 100%;
    height: 100%;
    overflow: visible;
    background:#00000080 url('http://www.altid-jensen.dk/modules/dualpricedisplay/views/img/spinner.gif') no-repeat center center;
    background-size: 10%;
 }
 .fa-eye , .fa-edit , .fa-trash , .fa-gear , .fa-send , .fa-key{
    color: #434395;
    font-size: 16px;
    margin: 0px 3px;
 }