input:focus{


    outline: none;


}  


.inputtext{


        border: none;


        border-radius: 20px;


        background: 0 0;


        font-size: 18px;


        height: 62px;


        padding: 0 20px 0 23px;


        width: 100%;


        box-shadow: 0 5px 20px 0 rgba(0,0,0,.05);


        color: #461F66;


        font-weight: 700;


        margin-bottom: 25px;


        


    }


    ::placeholder{


        color: #999;


        font-weight: 600;


         font-size: 16px;


    }


  #nav{


        box-shadow:1px 3px 8px 0px #DFDFDF; 


    }


    #links{


       box-shadow:4px 0px 7px 0px #DFDFDF; 


    }


    .logo{


        text-align: center;


     


       


    }


    .logo img{


        width: 70px;


       float: left;


    margin-top: 16px;


    margin-left: 30px;


    }


    .menubar{


        text-align: center;


         


    }


    


    .menubar img{


        width: 25px;


    }


    .border{


     border: 1px solid #000;   


    }


    .sidebar::-webkit-scrollbar {


  display: none;


}


    .sidebar{


     padding: 20px;


     margin-top: 80px;


     position: relative;


     z-index: 998;


     overflow-x: auto;


     height: 88vh;


    }


    .sidebar h3{


        margin: 20px 0px 10px 0px;


        


    }


    


    .topbar{


        position: fixed;


        top: 0;


        z-index: 999;


/*        background: #fff;*/


        width: 25%;


        


    }


    .cat_icon{


       


      text-align: center;


      border-radius: 8px;


      margin: 10px ;


      transition: all ease 0.3s;


      -webkit-transition: all ease 0.3s;


       cursor: pointer;


    }


    .cat_icon img{


        height: 25px;


        margin-top: 10px;


       


    }


    .cat_icon span{


        display: block;


        font-weight: bold;


        font-size: 10px;


        width: 100%;


        padding-bottom: 10px;


    }


    .activeicon{


      background: #eee;


      background: #F4F4F4;


      box-shadow: 1px 3px 8px 0px #DFDFDF;


    }


    .cat_icon:hover{


       background: #eee;


      background: #F4F4F4;


      box-shadow: 1px 3px 8px 0px #DFDFDF;  


    }








    .btn{


        float: right;


        width: 60px;


        text-align: center;


        padding: 8px 0px;


        color: #fff !important;


        font-weight: bold;


        border-radius: 10px;


        margin: 15px 0px;


    }


    .go{


      background: rgb(21,92,222);


        background: linear-gradient(180deg, rgba(21,92,222,1) 0%, rgba(31,127,229,1) 23%, rgba(39,156,235,1) 51%, rgba(44,175,239,1) 76%, rgba(46,181,240,1) 100%);  


    }


    .done{


       background: rgb(252,226,18);


       background: linear-gradient(240deg, rgba(252,226,18,1) 0%, rgba(98,237,115,1) 51%, rgba(42,201,223,1) 100%); 


    }


    .alink{


        text-decoration: none;


        color: #000;


    }


  


    .check {


  display: inline-block;


  position: relative;


  padding-left: 25px;


  padding-right: 20px;


  margin-bottom: 12px;


  cursor: pointer;


  font-size: 18px;


  -webkit-user-select: none;


  -moz-user-select: none;


  -ms-user-select: none;


  user-select: none;


}





/* Hide the browser's default radio button */


.check input {


  position: absolute;


  opacity: 0;


  cursor: pointer;


}





/* Create a custom radio button */


.checkmark2 {


  position: absolute;


  top: 0;


  left: 0;


  height: 20px;


  width: 20px;


  background-color: #eee;


  border-radius: 50%;


}





/* On mouse-over, add a grey background color */


.check:hover input ~ .checkmark2 {


  background-color: #ccc;


}





/* When the radio button is checked, add a blue background */


.check input:checked ~ .checkmark2 {


  background-color: #2196F3;


}





/* Create the indicator (the dot/circle - hidden when not checked) */


.checkmark2:after {


  content: "";


  position: absolute;


  display: none;


}





/* Show the indicator (dot/circle) when checked */


.check input:checked ~ .checkmark2:after {


  display: block;


}





/* Style the indicator (dot/circle) */


.check .checkmark2:after {


 	top: 6px;


	left: 6px;


	width: 8px;


	height: 8px;


	border-radius: 50%;


	background: white;


}


.dropzone{


        min-height: 78vh !important;


        padding: 0px;


        border: 5px dashed #666 !important;


        position: absolute;


        opacity: 0.8;


        width: 100%;


        top: 12px;


    }


    .dropzone .dz-message{


        margin: -0.1rem 0;


        font-weight: bold;


        


    }


    .dropzone{


        display: none;


    }


    #popup{


        width: 100%;


        height: 100vh;


        position: fixed;


        z-index: 9997;


        background: rgba(0,0,0,0.8);


        display: none;


    }


    #popup .popuparea{


     position: relative;


      width: 80%;


      height: 80vh;


      background: #fff;


      border-radius: 10px;


      margin: 10vh auto;


      z-index: 9999;


    }


    .images p{


        width: 15%;


        float: left;


    }


      #zoomimage{


     width: 100%;


     height: 100vh;


     position: fixed;


     z-index: 9998;


    background: rgba(0,0,0,0.8);


    display: none;


    }


    #imagearea{


     margin: 0 auto;


    text-align: center;


    }


    .activebar{


        background: #f4f4f4;


    }


    .bg-yellow{


        background-image: none !important;


    background-color: #ffb848 !important;


    border-color: #ffb848 !important;


    color: #fff !important;


    position: absolute;


    left: 0;


    top: 0;


    width: 100px;


    height: 50px;


    color: #000 !important;


    font-size: 16px;


    font-weight: bold;


    }





  .folderbox{


      margin-top: 30px;


    }


    .folderimagebox{


        background: #0ea2d3;


        border-radius: 25px;


        text-align: center;


        color: #fff;


        width: 90%;


        font-weight: bold;


        font-size: 25px;


        margin: 10px auto;


    }


    .gridbox{


        text-align: center;


        margin: 30px 0px;


    }


    .boxspan{


        display: block;


        padding: 60px 0px;


    }


.content-box{


    margin-top: 100px;


}








/*////////////////////// vijay raj ///////////////*/


select {


    -moz-appearance: none;


    text-indent: 0.01px;


    text-overflow: '';


}


      .selectbox::-moz-placeholder {


    color: #ccc;


    font-weight: bold;


}


 


    .popupbody{


        width: 46%;


        max-width: 650px;


        min-width: 400px;


        height: 560px;


        background: #fff;


        position: fixed;


        z-index: 9999;


        top: 10vh;


        left: 30%;


        border-radius: 10px;


        padding: 0px 20px;


        margin: 0 auto;


    }


    


    #pcompany{


        height: 40px;


        font-weight: bold;


        width: 190px;


        border: none;


        padding-right: 10px;


    }





   


    .padding2{


        padding: 40px 13%;


    }


    .h4{


        color: #555;


        margin-bottom: 30px;


    }


    .inputtext{


        border: none;


        border-radius: 20px;


        background: 0 0;


        font-size: 18px;


        height: 62px;


        padding: 0 20px 0 23px;


        width: 100%;


        box-shadow: 0 5px 20px 0 rgba(0,0,0,.05);


        color: #000;


        font-weight: 700;


        margin-bottom: 25px;


        


}


    ::placeholder{


        color: #999;


        font-weight: 600;


         font-size: 16px;


    }


    .btns {


     border-radius: 8px;


  background-color: #ebba0d; /* Green */


  border: none;


  color: white;


  padding: 8px 30px;


  text-align: center;


  text-decoration: none;


  display: inline-block;


  font-size: 16px;


  margin: 4px 2px;


  -webkit-transition-duration: 0.4s; /* Safari */


  transition-duration: 0.4s;


  cursor: pointer;


}


.btns1 {


     border-radius: 8px;


     background-color: #ebba0d; 


     color: black; 


     border: 2px solid #ebba0d;


     box-shadow: 0px 5px 40px 0px #ccc;


}


.btns1:hover {


  background-color: #fff;


  color: #000;


}





    .buttons {


     border-radius: 8px;


  background-color: #ccc; /* Green */


  border: none;


  color: white;


  padding: 8px 30px;


  text-align: center;


  text-decoration: none;


  display: inline-block;


  font-size: 16px;


  margin: 4px 2px;


  -webkit-transition-duration: 0.4s; /* Safari */


  transition-duration: 0.4s;


  cursor: pointer;


}


.buttons1 {


     border-radius: 8px;


     background-color: #ccc; 


     color: black; 


     border: 2px solid #ccc;


     box-shadow: 0px 5px 40px 0px #ccc;


}


.buttons1:hover {


  background-color: #fff;


  color: #000;


}





    input[type=number]::-webkit-inner-spin-button,


    input[type=number]::-webkit-outer-spin-button {


        -webkit-appearance: none;


        -moz-appearance: none;


        appearance: none;


        margin: 0;


    }


    .table-box{


        margin-top: 30px;


        width: 100%;


    }





    #user_table {


        width: 90%;


        border-collapse: separate;


        border-spacing: 0px 10px;


        margin: 0 auto;


    }





    td {


        padding: 30px;


    }





    .table>thead>tr>th {


        border: none;


    }





    .table>tfoot>tr>td {


        border: none;


    }





    .table>tbody>tr>td {


        border: none;


        background: #fff;


        padding: 15px;


        text-align: center;


    }





    .table>tbody>tr>.rounded-left {


        border: none;


        background: #fff;


        border-radius: 8px 0px 0px 8px;


    }





    .table>tbody>tr>.rounded-right {


        border: none;


        background: #fff;


        border-radius: 0px 8px 8px 0px;


    }





    .table>tbody>tr {


        box-shadow: 0px 0px 15px -1px #eee;


        border-radius: 8px;


        transition: transform .3s;


    }





    .table tbody tr:hover {


        box-shadow: 0px 0px 40px 0px #eee;


        border-radius: 10px;


        transform: scale(1.01);


    }


    .popup2{


        display: none; 


    }


.box-body{


    margin-left: 95px;


}


.activebtn{


    background: #802d6f;


border: 2px solid #802d6f;


color: #fff;


}


.activebtn:hover {


  background-color: #fff;


  color: #000;


    border: 2px solid #802d6f;


}


tfoot tr td a{


    background: #802d6f;


    padding: 7px 14px;


    border-radius: 25px;


    color: #fff;


    text-decoration: none;


}


tfoot tr td .active{


    background: #e15a55;


}





/*////////////////////// vijay raj end ///////////////*/