/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/


.noc{
pointer-events: none !important;
opacity:0.5 !important;
background-image:url(/images/ld.png) !important;
background-color:#45c9f5 !important;
animation: fadein 2s;
-webkit-animation: slide 5s linear infinite;

}

@-webkit-keyframes slide {
    from { background-position: top left;}
    to { background-position:  top right;}
}


.w3{
    width:225px;
    margin:10px;
}


.box-home{
    min-height:auto !important;
    text-align:center !important;
}

/* Your custom css codes start here: */

.help{
    border: 1px dotted #ccc;
    background: #EEFFA6;
}

.font100{
    font-size:100%;
    display:block;
}

.closehelp{
position: absolute;
right: 10px;
top: -5px;
cursor:pointer;
}

input[type="file"]{
    box-shadow: none;
    height: 45px !important;
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.black{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);    
}