@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Roboto+Slab:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');

.topmenus{
       background:#14213d;
        height: 80px;
        box-shadow: 0px 3px 2px 3px #f8f8f8;
    }
    .thesupport{
        border: solid 1px #f8f8f8;
        padding: 50px 10px;
        text-align: center;
        color: #222;
        border-radius: 10px;
        box-shadow: 0px 1px 2px 0px lightgrey;
    }
    .table th{
        background:#303952; color:white;
    }
    .loginpmob{
        display:none;
    }
    .showbanner{
        height: 100px;
        background: lightyellow;
        border-radius: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .support{
        border: solid 1px lightgrey;
        height: 200px;
        border-radius: 5px;
        margin-top: 30px;
    }
    .support i{
        font-size: 35px;
    }
    .topmenumob{
        display: none;
    }
    .addforms{
        background: #f8f8f8;
        padding: 10px 5px;
        height: 60px;
        border-radius: 10px;
        margin-bottom:10px;
    } 
    .successyes{
        background: green;
        position: fixed;
        top: 20px;
        right:20px;
        height: auto;
        width: auto;
        padding: 20px 25px;
        color: white;
        z-index: 10005;
        border-radius: 3px;
        text-align: center;
     } 
     .facts li{
        height: 40px;
        line-height: 40px;
        text-align: center;
        list-style: none;
     }
     .facts li a{
        text-decoration: none;
        display: block;
        color: #222;
     }
     .facts li:hover{
        background: red;
        border-radius: 5px;
        color: white;
     }
     .facts li a:hover{
        color: white;
     }

     .erroryes{
        background: orange;
        position: fixed;
        top: 20px;
        right:20px;
        height: auto;
        width: auto;
        padding: 20px 25px;
        color: white;
        z-index: 10005;
        border-radius: 3px;
        text-align: center;
     } 
    .addblock{
        height: 400px;
       overflow-x: auto;
        
    }
    .search input[type='text'],.search input[type='text']:hover,.search input[type='text']:focus{
        height:50px;
        border-radius:0px;
        box-shadow:none;
        border:solid 1px lightgrey;14213d
    }
    .myforms input[type='text'],.myforms input[type='text']:hover,.myforms input[type='text']:focus{
        height:50px;
        border-radius:0px;
        box-shadow:none;
        border:solid 1px lightgrey;14213d
    }
    .myforms label{
        margin-top: 20px;
    }
    .myforms select,.myforms select:hover,.myforms select:focus{
        height:50px;
        border-radius:0px;
        box-shadow:none;
        border:solid 1px lightgrey;14213d
    }
    .myforms button,.myforms button:hover,.myforms button:focus{
        background: #00203FFF;
        color: white;
        box-shadow: none;
        padding: 10px 50px;
        margin-top: 30px;
    }
    .inaddblock{
        border:solid 1px grey;
        height: 70px;
        width: 32%;
        padding: 5px;
        float: left;
        margin: 2px;
        text-align: center;
        border-radius: 5px;
    }
    .inaddblock h4{
        font-size: 12px;
        font-weight: bold;
        color: #222;
    }
    .inaddblock h5{
        font-size: 12px;
        font-weight: bold;
        color: #222;
    }
    .block h3{
        font-size:55px;
        margin-top:18px;
        //font-family: 'Open Sans', sans-serif;
        font-family: 'Roboto Slab', serif;
    }
    .block i{
        font-size: 30px;
        margin-top: 18px;
    }
    .block h4{
        font-family: 'Rubik', sans-serif;
    }
    .accountinfo{
        padding: 10px;
    }

    
    .sidescroll{
        height:100%;
        width:300px;
        background:white;
        position:fixed;
        border-right:solid 1px lightgrey;
        z-index:100000;
        top:0px;
        left:-320px;
        transition:ease-in-out 0.3s;
    }
    .sideclose{
        background: #303952;
        height:150px;
        color:white;
    }
    .showme{
        left:0px;
        transition:ease-in-out 0.3s;
    }
    .sideclose i{
        font-size:25px;
        cursor:pointer;
        float:right;
        margin-right:20px;
        margin-top:20px;
    }
    .sidescroll li{
        height:45px;
        list-style:none;
        line-height:45px;
    }
    .sidescroll li a{
        display:block;
        color:#222;
        padding-left:15px;
        text-decoration:none;
        font-weight:bold;
    }
    .sidescroll li i{
        margin-right:15px;
    }
    .sidescroll li:hover{
        background:#f1f1f1;
    }
      .topmenu{
        position:fixed;
        width:100%;
        height:60px;
        background: #303952;
        float:left;
        z-index:10005;
        margin-bottom:60px;
    }
    .menubtn2{
        float: left;
    }
    .menubtn2 li{
        float: left;
        list-style: none;
        height: 60px;
        line-height: 40px;
    }
    .menubtn2 li a{
        color: white;
        display: block;
        padding: 10px 20px;
        text-decoration: none;
    }
    .menubtn2 li:hover{
        background: rgba(0, 0, 0, 0.2);
    }
    .menubtn{
        float: right;
    }
    .menubtn li{
        float: left;
        list-style: none;
        height: 60px;
        line-height: 40px;
    }
    .menubtn li a{
        color: white;
        padding: 10px 20px;
        text-decoration: none;
        display: block;
    }
    .menubtn li:hover{
        background: rgba(0, 0, 0, 0.2);
    }
    .clogo h4{
        line-height: 40px;
        margin-left: 20px;
    }
    .clogo a{
        color: white;
        text-decoration: none;
    }
    .topmenumob{
        display:none;
    }
    .bar i{
        font-size: 35px;
    }
    .shortbtn{
        padding: 20px 0px;
    }
    .shortbtn button{
        background-image: radial-gradient( circle 941px at 2.6% 6.8%,  rgba(124,74,228,0.81) 15.9%, rgba(249,208,40,0.70) 88.6% );
        color:white;
        width: 15%;
        margin-right: 15px;
        padding: 10px 10px;
        font-size: 16px;
        box-shadow: none;
        border: none;
        margin-top: 10px;
        transition: ease-in-out 0.3s;
    }
    .shortbtn button:hover, .shortbtn button:focus{
        background: rgba(0, 0, 0, 0.5);
        color: white;
    }
    .inaddblock a{
        display: block;
        color: #222;
        text-decoration: none;
    }
    .block i{
        position:absolute;
        font-size:80px;
        right:40px;
        margin-top:25px;
        opacity:0.2;
    }
    .notfound{
        text-align: center;
        padding: 50px 10px;
    }
    .notfound img{
        height: 150px;
    }
    .notfound button,.notfound button:hover,.notfound button:focus{
        background: #14213d;
        color: white;
        padding: 10px 50px;
        font-size: 18px;
        letter-spacing: 2px;
        border-radius: 50px;
        margin-top: 25px;
    }
    .salesblock{
        height: 300px;
        overflow: auto;
        overflow-x: hidden;
     }
     .addblock{
        border: solid 1px #4E8397;
        height: auto;
        padding: 5px 15px;
        overflow: hidden;
        border-radius: 5px;
        margin-bottom: 15px;
     }
     .myblock a{
        color: #222;
        text-decoration: none;
     }
     .addblock:hover{
        background:  #0081CF;
        transition: ease-in-out 0.3s;
       // border:solid 1px #D53624;
     //   border-bottom: solid 8px #D53624;
        color: white;
        font-weight: bold;
     }
     .myshortcuts{
        background: white;
        height: 100%;
        width: 300px;
        position: fixed;
        right: 0px;
        display: none;
        z-index: 10001;
        border-left: solid 1px lightgrey;
     }
     .notification{
        height: 100%;
        position: fixed;
        background: #f8f8f8;
        border-left: solid 1ox lightgrey;
        width: 400px;
        z-index: 10001;
        right: -450px;
        top: 50px;
        padding: 10px;
        transition: ease-in-out 0.3s;
     }
     .shortc{
        height: 100%;
        position: fixed;
        background: #f8f8f8;
        border-left: solid 1ox lightgrey;
        width: 400px;
        z-index: 10001;
        right: -450px;
        top: 50px;
        padding: 10px;
        transition: ease-in-out 0.3s;
     }
     .shortc h4{
        text-align: center;

     }
     .openshort{
        right: -40px;
     }
     .closenoti i{
        font-size: 25px;
        cursor: pointer;
        margin-top: 10px;
        left: 20px;
        position: absolute;
     }

     .closeshort i{
        font-size: 25px;
        cursor: pointer;
        margin-top: 10px;
        left: 20px;
        position: absolute;
     }
     .notification h4{
        text-align: center;

     }
     .opennoti{
        right: -40px;
     }
     .innoti{
        background: white;
        height: auto;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        box-shadow: 2px 3px 5px  0px lightgrey;
     }
     .innoti p{
        text-align: left;
              font-weight: bold;
     }
     .mat{
        margin-top: 15%;
        text-align: center;
     }
     .mat h3{
        font-size: 65px;
        box-shadow: 0px 2px lightgrey;
        color: white
     }
     .mat button,.mat button:hover,.mat button:focus{
        background: #845EC2;
        color: whitesmoke;
        margin-top: 10px;
        padding: 15px 50px;
        border-radius: 50px;
     }
/*     .blur{
        backdrop-filter: blur(10px);
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 10000;
     }*/
     .lock{
        backdrop-filter: blur(10px);
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 100050;
        top: 0px;
        left: 0px;
        display: none;
     }
     .locknow{
        display: block;
     }
    .msidemenu{
        background: #14213d;
        height: 900px;
        padding: 30px 0px;
        overflow-x: auto;
    }

    .supimg{
        height: 120px;
        width: 120px;
        background: lightgrey;
    }
    .mainmenu{
        background: white;
        height: auto;
        width: 90%;
        position: relative;
        left: 20px;
        margin:0px  auto;
    }
    .msidemenu li{
        height: 50px;
        line-height: 50px;
        list-style: none;

    }
    .forms input[type='text'],.forms input[type='number'],.forms input[type='email'],.forms input[type='password'],.forms input[type='file']{
        height: 40px;
        margin-bottom: 10px;
        box-shadow: none;
    }
     .forms select,.forms select:hover,.forms select:focus{
        height: 40px;
        margin-bottom: 10px;
        box-shadow: none;
    }
    .forms textarea,.forms textarea:hover,.forms textarea:focus{
        margin-bottom: 10px;
        min-height: 100px;
        box-shadow: none;
    }
    .forms button,.forms button:hover,.forms button:focus{
        background: #00203FFF;
        color: white;
        box-shadow: none;
        padding: 10px 20px;
    }
    .msidemenu li:hover{
        background: rgba(0, 0, 0, 0.5);
    }
    .msidemenu li:hover > a{
        color: white;
        font-weight: ;
    }
    .msidemenu li a{
        color: white;
        text-decoration: none;
        display: block;
        font-size: 10px;
        padding-left: 10px;
    }
    .msidemenu i{
        margin-right: 0px;
        width: 20px;
    }
    .addrecp{
        background: #f8f8f8;
        padding: 20px 10px;
        border-radius: 0px;
    }
    .addrecp input[type='text'],.addrecp input[type='number'],.addrecp input[type='date']{
        height: 50px;
        box-shadow: none;
        border-radius: 0px;
    }
    .addrecp select,.addrecp select:hover,.addrecp select:focus{
        height: 50px;
        box-shadow: none;
        border-radius: 0px;
    }
    .addrecp button,.addrecp button:hover,.addrecp button:focus{
        background: #3C3B6E;
        color: white;
        border-radius: 0px;
        height: 50px;
        box-shadow: none;
    }
    .addme button,.addme button:hover,.addme button:focus{
        background: #3C3B6E;
        color: white;
        border-radius: 0px;
        height: 40px;
        box-shadow: none;
    }
    .block{
        height: 150px;
        padding: 10px 10px;
        margin-top: -20px;
        background: #f8f8f8;
        border-radius: 0px;
    }
    .mytable{
        background: white;
        height: 150px;
        border:solid 1px #f7f7f7;
        padding:10px;
        padding-top: 15px;
        margin-bottom: 10px;
        text-align: center;
        border-radius: 5px;
    }
    .mytable h3{
        border-radius: 5px;
        width: auto;
        padding: 5px;
        font-size: 15px;
        text-align: center;
        text-transform: uppercase;
    }
    .menuitem{
        height: 125px;
        box-shadow: 0px 0px 2px lightgrey;
        padding: 10px;
        background: #f8f8f8;
        margin-bottom: 10px;
        text-align: center;
        border-radius: 5px;
    }
    .menuitem h4{
        font-weight: bold;
        font-size: 17px;
        padding-top: 5px;
    }
    .menuitem img{
        height: 120px;
    }
    .logo h4{
        font-size: 20px;
        color: white;
        margin-top: 30px;
        margin-left: 10px;
    }
    .user h4{
        padding-right: 20px;
        margin-top: 30px;
        color: white;
    }