i.material-icons{margin-right: 5px;}

body{padding-top:100px;}
.modal select.select2tags{opacity: 0;height:30px !important;}

.select-level-0 {background-color:#428bca !important;color:#fff !important;padding-left: .75rem !important;}
.select-level-1 {font-weight:  1000;background-color: #c2c9d4 !important;}
header{width: 100%;background: #fff;display: block;position: fixed;top: 0;left: 0;z-index: 100;padding:15px 0;border-bottom: 1px solid #e1e5eb;}
header .a-container{align-items: center;}
header .logo{width:250px;display: flex;}
header .logo a{display: inline-block;width:100%;}
header .logo>a img{width:100%;display: block;height: auto;}
header .logo .humburger{display: none;width: 50px;height: 45px;outline: none}
header .logo .humburger div{display: flex;position: relative;}
header .logo .humburger div img{height:45px;width: 45px;outline: none}
header .logo .humburger img {position: absolute;top: 0;left: 0;padding: 8px;cursor: pointer}
header .logo .humburger img+img {opacity: 0;}
header .logo .humburger.open img{opacity: 0}
header .logo .humburger.open img+img {opacity: 1}
header .search{width: auto;flex-grow: 1;height: 100%;padding: 0 15px;}
header .search input{width: 100%;height: 100%;background: #f4f5f7;padding: 10px 15px;border: none;outline: none;font-size: 14px;min-height: inherit;}
header .user-option{display: flex;justify-content: flex-end;width:auto;}
header .user-option .notification i{cursor: pointer;}
header .login{width:auto;display: flex;align-items: center;}
header .login>a{font-size:14px;}


.desk-header{display: flex;}
.mob-header{display: none;}
.main-sidebar{position: fixed;margin-top:85px;width:250px;box-shadow: none;z-index: 100;}
.content{padding-left:250px;width:100%;display: block;min-height: 80vh;}
.files-table{border-top: 1px solid #e1e5eb;font-size: .8125rem;display: table!important;width: 100%!important;}
.files-table thead th{border: 1px solid #e1e5eb;font-weight: 400;padding: .75rem 1.0625rem;border-right:none;border-left:none;background:#fbfbfb;position: relative;}
.files-table tbody td{padding: .4375rem 1.0625rem;border: 1px solid #e1e5eb;text-align: center;border-left:none;border-right: none;vertical-align: middle;}
.files-table tbody td h5{display: block;font-size: 1rem;line-height: 1.25rem;}
.files-table tbody td>div{border-radius: 50%;font-size: .9375rem;text-align: center;color: #818ea3;width: 2.1875rem; height: 2.1875rem;line-height: 2.1875rem;background: #f5f6f8;box-shadow: 0 0 0 2px #fff, inset 0 0 3px rgba(0,0,0,.2);}
.files-table .sort{cursor: pointer;}
.files-table .sort::after{content:'';position: absolute;top:0;bottom:0;right:20px;margin:auto;width: 10px;height: 13px;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMCAxMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5pY19hcnJvd19kcm9wX2Rvd25fYmxhY2tfMjRweDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImljX2Fycm93X2Ryb3BfZG93bl9ibGFja18yNHB4LSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMi4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPiAgICAgICAgICAgIDxnIGlkPSJpY19hcnJvd19kcm9wX2Rvd25fYmxhY2tfMjRweCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMDAwMDAwLCA4LjUwMDAwMCkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTEyLjAwMDAwMCwgLTguNTAwMDAwKSB0cmFuc2xhdGUoNy4wMDAwMDAsIDIuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgcG9pbnRzPSIxLjQyMTA4NTQ3ZS0xNCA4IDUgMTMgMTAgOCI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuMDAwMDAwLCAzLjMzMzg5Nykgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTUuMDAwMDAwLCAtMy4zMzM4OTcpICIgcG9pbnRzPSIxLjQyMTA4NTQ3ZS0xNCAwLjgzMzg5NjkyMiA1IDUuODMzODk2OTIgMTAgMC44MzM4OTY5MjIiPjwvcG9seWdvbj4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);background-size: 90%;opacity: 0.2}
.context-menu-list{padding:0;box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,.1), 0 0.9375rem 1.40625rem rgba(90,97,105,.1), 0 0.25rem 0.53125rem rgba(90,97,105,.12), 0 0.125rem 0.1875rem rgba(90,97,105,.1)}
.context-menu-list li{padding:10px 10px;border-bottom:1px solid #e1e5eb;font-size:14px;transition: 0.2s ease all;color:#3d5170;}
.context-menu-list li:hover{background:#006fe6;color:#fff;}
.add ul{position: absolute;background:#ffffff;border-radius: 5px;list-style: none;padding:0;box-shadow:0 0.5rem 2rem rgba(0,0,0,.11), 0 3px 10px rgba(0,0,0,.05), 0 2px 3px rgba(0,0,0,.06);width:150px;z-index: 50;left:10px;top:35px;display: none;}
.add ul li{border-bottom: 1px solid #e1e5eb;}
.add ul li a{padding:10px 10px; width:100%;display: block;transition: 0.2s ease all;}
.add ul li a:hover{background:#007bff;color:#ffffff;text-decoration: none;}
.auth-form .card-body{box-shadow:inset 0 4px 0 0 #007BFF;}
.auth-form__meta a{font-size:12px;}
.signup{max-width:600px;}
.form-group label{font-size:12px;margin:0;}
.vfree{margin-left:250px;}
.vfree.alert{margin-bottom:0px;}

.simple-table{border-top: 1px solid #e1e5eb;font-size: .8125rem;display: table!important;width: 100%!important;}
.simple-table thead th{border: 1px solid #e1e5eb;font-weight: 400;padding: .75rem 1.0625rem;border-right:none;border-left:none;background:#fbfbfb;position: relative;}
.simple-table tbody td{padding: .4375rem 1.0625rem;border: 1px solid #e1e5eb;text-align: center;border-left:none;border-right: none;vertical-align: middle;}
.simple-table tbody td h5{display: block;font-size: 1rem;line-height: 1.25rem;}
.simple-table tbody td>div{border-radius: 50%;font-size: .9375rem;text-align: center;color: #818ea3;width: 2.1875rem; height: 2.1875rem;line-height: 2.1875rem;background: #f5f6f8;box-shadow: 0 0 0 2px #fff, inset 0 0 3px rgba(0,0,0,.2);}
.simple-table .sort{cursor: pointer;}
/*my style*/
.error-div{border-color: #ad1535}
.buttonload{display: none}
.success-div{display: none}
.otp-timer{display: none}
.spinner-border{display: none}


.full-loading {
  position: fixed;
  left: 50%;
   top: 50%;
   z-index: 9999;
    margin: 0 auto;
    height: 30px;
    width: 30px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid #7b7f86;
    border-right-color: transparent;
    border-radius: 50%;
}

.select-shard{height: calc(2.09375rem + 2px) !important;font-size: .8125rem; line-height: 1.5;border:1px solid #e1e5eb;}
.select-shard .btn-light{background:#fff !important;height: calc(2.09375rem + 2px) !important;border:1px solid #e1e5eb;}
.doc-preview{cursor: pointer;}
h6.dir-title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.directory-preview{}
.directory-preview .modal-dialog{width: 100%;height: 100vh;margin: 0;max-width: none;}
.directory-preview .modal-content{height: 100%;}
.flipbook-viewport{overflow:hidden;width:100%;height:100%;}
.flipbook-viewport .container{position:relative;width:140vh;margin:auto;}
.flipbook-viewport .flipbook{width:140vh;height:80vh;left:0;}
.flipbook-viewport .page{width:70vh;height:80vh;;}
.flipbook .page{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);-o-box-shadow:0 0 20px rgba(0,0,0,0.2);box-shadow:0 0 20px rgba(0,0,0,0.2);border: 1px #eee solid;border-radius: 2px;background: #fff;}
.flipbook .page .number{position: absolute;}
.flipbook .page .summary{padding: 40px 30px;}
.flipbook .page .summary .title{text-align: center;font-weight: bold;}
.flipbook .page .summary table{margin-top: 40px;border: 0;width: 100%;}
.flipbook .page .summary table td{padding: 2px 20px;}
.flipbook .page .summary table td:last-child{text-align: right;}
.flipbook-viewport .page img{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin:0;
}

.flipbook-viewport .shadow{
  -webkit-transition: -webkit-box-shadow 0.5s;
  -moz-transition: -moz-box-shadow 0.5s;
  -o-transition: -webkit-box-shadow 0.5s;
  -ms-transition: -ms-box-shadow 0.5s;

  -webkit-box-shadow:0 0 20px #ccc;
  -moz-box-shadow:0 0 20px #ccc;
  -o-box-shadow:0 0 20px #ccc;
  -ms-box-shadow:0 0 20px #ccc;
  box-shadow:0 0 20px #ccc;
}



@media only screen and (max-width : 1023px) {

  .files-table .sort::after{background-image:none;}  

}

@media only screen and (max-width : 767px) {

  .content{padding-left:0;}
  .vfree{margin-left:0;}
  header .logo .humburger{display: block;}
  .main-sidebar{margin-top:76px;}
  .desk-header{display: none;}
  .mob-header{display: block;}
  .mob-header .top{ display: flex;justify-content: space-between;align-items: center; }
  .mob-header .dropdown-toggle::after{display: none}
  header .search{padding:15px 0;}
  body{padding-top:147px;}
  .main-sidebar{margin-top:147px;}

}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}