/* YOUR CUSTOM STYLES */
/* .container.local-top {
    padding-bottom: 400px;
} */
/* width */
/* @media only screen and (max-width:450px) {
       canvas#canvas{
           
       }
} */
@keyframes example {
    0%   {background-color: red;color: white;}
    50%  {background-color: white;color: red}
    /* 50%  {background-color: red;color: white} */
    /* 100% {background-color: white;color: red} */
    100%   {background-color: red;color: white;}
}
.notice{
    display: none;
    color: #ff3547;
    padding: 5px;
    font-size: 18px;
    font-family: monospace;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.info-span {
    display: block;
    position: absolute;
    float: right;
    top: 25%;
    right: 5%;
    color: #b2b2b2;
}
.loader {
    text-align: center;
    width: 100%;
    padding: 0;
    height: 100%;
    background: #3333334a;
    z-index: 9999;
    position: fixed;
    vertical-align: middle;
}
.loader--style2 {
    position: absolute;
    z-index: 99999;
    margin: 0;
    width: 100%;
    top: 45%;
}
.full-bg-img.flex-center {
    display: -webkit-box !important;
}
#notificationList li {
    background: #336fab;
    color: #fff;
}
#notificationList li:hover {
    background: #4285f4;
    cursor: pointer;
}
body{
    font-family: sans-serif !important;
}
::-webkit-scrollbar {
    width: 10px;
}
td.link {
    cursor: pointer;
    text-decoration: underline;
}
.full-bg-img {
    min-height: 600px;
}
.caption {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    background-color: #4285f49e;
    color: #fff;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
hr{
    border-top: 1px solid #fff !important;
}
select {
    display: block !important;
}
.mdb-color.darken-3 {
    background-color: #4285f4!important;
}
.side-nav {
    position: fixed;
    width: 240px;
    top: 0;
    margin: 0;
    height: 100%;
    height: -webkit-calc(100%+ 60px);
    height: calc(100%+ 60px);
    height: -moz-calc(100%);
    color: #d8d8d8;
    background-color: #4285f4;
    z-index: 999;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    transform: translateX(-105%);
    padding: 0;
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 !important;
    position: absolute;
    left: 0 !important;
    bottom: 20px;
    visibility: visible !important;
    opacity: 0 !important;
    cursor: pointer !important;
}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 !important;
    position: absolute;
    left: 20px !important;
    bottom: 15px;
    visibility: visible !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 9999  !important;
}
.container.local-top {
    position: absolute;
    top: 90px;
}
@media only screen and (max-width: 600px) {
    .container.local-top {
        position: absolute;
        top: 150px;
    }
}
.navbar-top {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.view {
    //background: url("https://mdbootstrap.com/img/Photos/Others/img (40).jpg")no-repeat center center;
    background: #fff; /* For browsers that do not support gradients */        
    //background: -webkit-linear-gradient(to top right, #33ccff, #ff99cc); /* For Safari 5.1 to 6.0 */
    //background: -o-linear-gradient(to top right, #33ccff, #ff99cc); /* For Opera 11.1 to 12.0 */
    //background: -moz-linear-gradient(to top right, #33ccff, #ff99cc); /* For Firefox 3.6 to 15 */
    //background: linear-gradient(to top right, #33ccff 0%, #ff99cc 100%); /* Standard syntax (must be last) */
    background-size: cover;
}
.view .full-bg-img, .view .mask{
	overflow:auto;
}
label{
	/* pointer-events: none; */
}
@media only screen and (max-width: 500px) {
    /* .intro{
        min-height:1500px !important;
    } */
    .intro-s{
        min-height:700px !important;
    }
}
.intro{
	min-height:900px;
}
.intro-s{
        min-height:700px !important;
    }
.navbar {
    background-color: transparent;
}

.top-nav-collapse {
    background-color: #4285f4 !important;
}
.white-text{
color:#000 !important;
}
.white-text-header{
color:#fff !important;
}
@media only screen and (max-width: 1500px) {
    .navbar {
        background-color: #4285f4 !important;
    }
}
@media only screen and (min-width: 1500px) {
    .local-top {
        padding-left:18% !important
    }
}
.btn{
	   // padding: 0.85rem 14.13rem !important;
}
input[type=date],select, input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.md-textarea{
	border-bottom:1px solid #e4e4e4 !important;
    text-indent: 10px !important;
}
#background{
    height: 100px;
    background: #4b4b4b; /* For browsers that do not support gradients */        
    background: -webkit-linear-gradient(90deg, #4b4b4b, #254275); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, #4b4b4b, #254275); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, #4b4b4b, #254275); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, #4b4b4b, #254275); /* Standard syntax (must be last) */
}
.important:after{
    content:"*";
}
.margin-bottom{
    margin-bottom: 30px;
}