html,
body{font-family:"Roboto",sans-serif;}

/* @media (min-width: 1600px){
    .container-wide {max-width:1440px;}
} */

.folder-text{font-size: 14px;}

/* calculated for bottom footer */
main{min-height:100vh;min-height:calc(100vh - 183px);}

.text-underline{text-decoration: underline;}
.text-shadow{text-shadow:0px 1px 2px rgba(0,0,0,0.25);}
.navbar-toggler:focus{outline:none;box-shadow:none;}
.link-unstyled,
.link-unstyled:hover{text-decoration:none;}
.btn-span,
.btn-span:hover{pointer-events:none;}
.bg-dark-alpha-2 {background-color: rgba(0, 0, 0, 0.2) !important;}
.bg-dark-alpha-6 {background-color: rgba(0, 0, 0, 0.6) !important;}
label.invalid-input {color: var(--danger); font-size: 95%; margin-bottom: 0;display: block;}
:root {--primary-color: #00aeef;}
/* navbar ===================================================================================================== */
.twt-navbar.twt-navbar-common{background: var(--primary-color);transition:0.5s all;min-height:60px;position:fixed;top:0;left:0;right:0;z-index:1022;}
.twt-navbar.twt-navbar-common.fixed{box-shadow:0 1px 15px rgba(30,30,30,0.3);background: var(--primary-color);padding:0!important;}
.twt-navbar.twt-navbar-common .navbar-brand span{color:#fff;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link{transition:0.25s all;border-radius:2px;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,
.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{color:#eee;padding: 0.85rem 0.6rem;border-bottom:0;font-size: 13px;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{background-color:rgba(0,0,0,0.25);}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link,
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link{color: #fff;background: rgba(0,0,0,0.5);}
.twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash{display:block;height:3px;width:30px;background:#fff;margin:6px;pointer-events:none;}

.twt-navbar.twt-navbar-common .dropdown-menu{border:0;border-radius:2px;background:none;padding:0;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,0.3);margin-top:0px!important;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{transition:0.5s all;color:#444;padding:0.75rem 1rem;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover{background: rgb(0 174 239);color:#fff;}
.twt-navbar.twt-navbar-common .brand-logo-img{height: 80px;padding: 12px;background: white;border-radius: 15px;}
@media (max-width:1199px){
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,
    .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding: 0.75rem 0.45rem;font-size: 9px;}
}
@media (max-width:991px){
    .navbar-main{background:#444;}
    .twt-navbar.twt-navbar-common .navbar-brand span{color:#fff;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link{color:#efefef;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link:hover,
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link,
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link:hover{color: #fff;}
    .twt-navbar.twt-navbar-common .slide{position:fixed;z-index:999;top:0;bottom:0;left:0;min-width:250px;width:300px;max-width:90%;background-color: var(--primary-color);transform:translate3d(-100%,0,0);transition:0.5s all cubic-bezier(0.165,0.84,0.44,1);border-right:1px solid transparent;overflow-y:auto;}
	.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,
    .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding:0.75rem 1rem;color: #ffffff;}
    .twt-navbar.twt-navbar-common .dropdown-menu{background:none;box-shadow:none;}
    .twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{color:#fff;padding-left:1.75rem; position: relative;}
    .nav-slide-open .twt-navbar.twt-navbar-common .slide{transform:translate3d(0,0,0);box-shadow:2px 0 5px rgba(0,0,0,0.5);opacity: 1;}
}
@media (max-width:575px){
    .twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{white-space:normal;}
}
@media (min-width:992px){
    .twt-navbar.twt-navbar-common .dropdown-menu.w-200px{min-width:200px;}
    .twt-navbar.twt-navbar-common .dropdown-left .dropdown-menu{left:auto;right:0;}
}



.twt-navbar.twt-navbar-common .nav-bottom .navbar-nav .nav-item .nav-link{border-radius: 0;display: flex; align-items: center;}

/* item */
.main-banner-slider .banner-img{object-fit:cover;object-position:center;}

/* owlcarousel default override ===================================================================================================== */

/* important css Start */
*{padding:0; margin:0; box-sizing: border-box;}
body{overflow-x: hidden; padding:0; margin:0; font-family: Roboto-Regular !important;} 
/* important css End */

@font-face{
    src: url('fonts/Roboto-Regular.ttf');
    font-family: Roboto-Regular;
}

@font-face{
    src: url('fonts/Roboto-Medium.ttf');
    font-family: Roboto-Medium;
}

.roboto-medium{font-family: Roboto-Medium;}

.twt-navbar.twt-navbar-common .img-user{width: 34px;}
.twt-navbar.twt-navbar-common .power-icon {font-size: 22px;margin-right: 10px;}
.twt-navbar.twt-navbar-common .tag-line{align-self: center;}
.twt-navbar.twt-navbar-common .login-part{align-self: center;padding-top: 40px;}
.twt-navbar.twt-navbar-common .admin-text{max-width: 110px;}
.overlay-support-parts{position: absolute;top: 5px; right: 0;}

/* card-custom-title */
.main-dashboard .card-custom-title{font-size: 12px;font-family: Roboto-Medium;}
.glowing-animation{animation:glowing 1.5s infinite; }


@-webkit-keyframes glowing{
	0%{background-color: #d8b64f;}
	50.0%{background-color: transparent;}
	100.0%{background-color: #d8b64f;}
}

/* .nav-top{position: relative;}
.nav-top::before{content: '';position: absolute;left: 0;width: 22.5%;background-color: #fff;top: 0;bottom: 0;z-index: -1;} */
.links-item{font-size: 13px;}

.quick-add-btn{width: 33px;height: 33px;}

@media(max-width:1023px){
    .twt-navbar.twt-navbar-common .brand-logo-img{height: 45px;padding: 5px;background-color: transparent;}
    .twt-navbar.twt-navbar-common .tag-line{display: none;}
    .overlay-support-parts{display: none !important;}
    .twt-navbar.twt-navbar-common .login-part{display: none;}
    .nav-top::before{width: 30.5%;}
    .nav-top{border-bottom: 1px solid #ddd;}
    .main-sub-heading{font-size: 22px;}
    .copyright{font-size: 12px;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding: 0.75rem 0.55rem;font-size: 9px;}
}

@media(max-width:767px){
    .twt-navbar.twt-navbar-common .brand-logo-img{height: 45px;padding: 5px;background-color: transparent;}
    .twt-navbar.twt-navbar-common .tag-line{display: none;}
    .overlay-support-parts{display: none !important;}
    .twt-navbar.twt-navbar-common .login-part{display: none;}
    .nav-top::before{width: 60.5%;}
    .nav-top{border-bottom: 1px solid #ddd;}
    .main-sub-heading{font-size: 22px;}
    .copyright{font-size: 12px;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding: 0.65rem 1.25rem;}
}
.custom-switch.custom-switch-enable-disable .custom-control-input~.custom-control-label span:before{content:'SSL Disabled';white-space:nowrap;}
.custom-switch.custom-switch-enable-disable .custom-control-input:checked~.custom-control-label span:before{content:'SSL Enabled'}
.list-preview-image { width: 50px;height: 50px;margin: 0 auto;object-fit: contain;}
.file-upload-preview{height: 130px;width: 130px;object-fit: cover;}
.select2{ width: 100% !important; }
.custom-switch.custom-switch-yes-no .custom-control-input~.custom-control-label span:before{content:'No';white-space:nowrap;}
.custom-switch.custom-switch-yes-no .custom-control-input:checked~.custom-control-label span:before{content:'Yes'}

/* Close Button Css Start */
.rounded-circle{position: absolute;right: 25px;height: 25px;width: 25px;display: flex;align-items: center;justify-content: center;top: -8px;}

@media(min-width:992px){
    .word-break-all{word-break: break-all;}
}

@media(min-width:1380px){
    .nav-top::before{width: 20.5%;}
}
@media(min-width:1600px){
    .nav-top::before{width: 18.5%;}
}
@media(min-width:1800px){
    .nav-top::before{width: 16.5%;}
}
@media(min-width:1920px){
    .nav-top::before{width: 15.5%;}
}



  @media(max-width:991px){
    main{min-height: calc(100vh - 178px);}
  }
    
.fixed-list-button{position: fixed;bottom: 0;left: 0%;right: 0;z-index: 1;text-align: center;padding: 10px;background: white;border-top: 1px solid #ddd;}
.select-add-option{width: 88% !important; }

.select2{ width: 86% !important;}


@font-face{
    src: url('fonts/VarelaRound-Regular.ttf');
    font-family: VarelaRound-Regular;
}
.logo-text{font-size: 20px;font-weight: bold;border-bottom: 1px solid #fff;padding-bottom: 4px;display: inline-block;font-family: VarelaRound-Regular;}
.logo-sub-text{font-size: 12px;display: inline-block;padding-top: 5px;font-family: VarelaRound-Regular;}
.navbar-brand{text-align: center;}
@media(min-width:992px){
    .logo-text{font-size: 28px;font-weight: bold;border-bottom: 1px solid #fff;padding-bottom: 4px;display: inline-block;font-family: VarelaRound-Regular;}
    .logo-sub-text{font-size: 16px;display: inline-block;padding-top: 5px;font-family: VarelaRound-Regular;}
}

/* Folder Css Start */
.folder-main-section .folder-image{width: 70%;}
/* Folder Css End */

.bootstrap-datetimepicker-widget{z-index: 9999;}

@media(min-width:768px) and (max-width:1024px){
    main{min-height: calc(100vh - 143px);}
}

main.folder-list{min-height: calc(100vh - 178px);}

.reamrks-z-index{z-index:9;}

@media(max-width:767px){
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, 
    .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{font-size: 13px;}
    .breadcrumb-wrapper h1{ font-size: 18px;}
}

.fixed-logout-part{text-align: center;padding: 10px;background-color: #fff;border-top: 1px solid #ddd;box-shadow: 4px 1px 5px #bfbebe;margin-left: auto;position: fixed;bottom: 0;left: 0;right: 0;}
.fixed-logout-part .dropdown-item{font-weight: 900;}

@media(min-width:992px){
    main.folder-list{min-height: calc(100vh - 140px);}
}