* {
    font-family: 'Lato', sans-serif;
}
body{

}

a {
    color:#0178b4;
}

.logo-auth{padding:20px 40px;position: relative;display: inline-block;}
.logo-auth img{
    height:94px;
}
.logo-auth div{
    position:absolute;
    right:45px;
    bottom:20px;
    color:#fff;
    font-size:20px;
    font-family: "Lato";
    font-weight: 800;
}

.main-header{
    width:100%;
    margin-bottom:0px !important;

}






.main-sidebar{
    padding-top:100px;

}

.skin-blue .wrapper{
    background:transparent !important;
    overflow-y: hidden;
    position: relative;

}

.modal-open .main-header{
    z-index:822;
}


.modal-open .wrapper{
    z-index:1041;
    height:100vh !important;

    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.modal-open .wrapper::after{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 822;
    background-color: #000;
    width:230px;
    height: 100%;
    opacity:0.5

}

.content-wrapper {
    padding-top:20px;
    background:transparent;
    height:auto;
    overflow: auto;
    position: relative;
    min-height:780px !important;
    padding-left:30px;
    padding-right:30px;
    z-index:828;
}

.wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 230px;

    background: rgb(60,157,217);
    background: -moz-linear-gradient(295deg, rgba(60,157,217,1) 0%, rgba(28,104,181,1) 50.5%, rgba(5,20,63,1) 100%);
    background: -webkit-linear-gradient(295deg, rgba(60,157,217,1) 0%, rgba(28,104,181,1) 50.5%, rgba(5,20,63,1) 100%);
    background: linear-gradient(295deg, rgba(60,157,217,1) 0%, rgba(28,104,181,1) 50.5%, rgba(5,20,63,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c9dd9",endColorstr="#05143f",GradientType=1);
    border-bottom-left-radius: 300px; /* Adjust the value as needed */
    z-index: -1; /* Position it behind the content */
    max-height:850px;
    /* margin-left:230px; */
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    width:100%;

    min-height:750px;
    height:100%;
}

.sidebar-collapse .wrapper::before {
    left:50px;
}

.skin-blue .main-header .logo:hover, .skin-blue .main-header .logo{
    overflow: unset !important;
    height:auto !important;
    padding:20px;
    position: absolute;
    z-index: 811
}

.sidebar-collapse.skin-blue .main-header .logo:hover, .sidebar-collapse.skin-blue .main-header .logo{
    padding:10px 20px;
}

.sidebar-collapse .main-sidebar{
    padding-top:68px;
}
.logo-mini img{width:100%}
.logo-lg{
    position: relative;
}

.logo-lg img{
    height:74px;
}
.logo-lg div {
    color: #1D70AC !important;
font-size: 16px;
position: absolute;
right: 1px;
bottom: -15px;
font-family: "Lato";
font-weight: 800;
}

.content-header > h1{
    color:#FEFEFE;
    font-size:32px;
    font-family: "Lato";
    font-weight: 600;
}

.box .content-header i,.box .content-header .arrow-back i,.box .content-header > h1{
    color:#05143F !important;
}



.pwdseq-folder .folder-counter,.is-top.pwdseq-folder .folder-counter{
    border:0px !important;
    margin-bottom:-90px;
}

.pwdseq-folder .folder-counter .folder-items-num{
    background: none !important;
    color:#05143F;
    font-size:16px;
    font-weight:400;
    text-align: right;
    text-transform: capitalize;
    line-height:23px;
}

.pwdseq-folder .folder-counter .folder-items-num .date-m{
    font-size:14px;
    font-weight:400;
    font-style: italic;
    text-align: right;

}

.pv-folder.pwdseq-folder .folder-counter .folder-items-num{
    background: none !important;
}

.pv-folder.pwdseq-folder .folder-icon,.pwdseq-folder .folder-icon{
    /* background-color: #E4EFFA !important; */
    border-radius: 100%;
    width:72px;
    height:72px;
    position: relative;
    margin-top:0px;
}

.pwdseq-folder .folder-icon{
    background-color: #05143F;
}

.pv-folder.pwdseq-folder .folder-icon{
    background-color: #3C9DD9 !important;
}

.pv-folder.pwdseq-folder:hover .folder-icon{
    background-color: #3C9DD9 !important;
}

.pwdseq-folder:hover .folder-icon{
    background-color: #05143F;
}

.pwdseq-folder .folder-icon img, .pv-folder.pwdseq-folder .folder-icon img{
    width:46px;
    position:relative;
    left:3px;
}

.pv-folder.pwdseq-folder .folder-icon img{
    left:0px;

}

/* .pwdseq-folder .folder-icon img{display: none;} */
/* .pwdseq-folder .folder-icon:before{
    content:'';
    height:100%;
    width:100%;
    background: url(/themes/blue-theme/icons/lucide_folder-open.svg) no-repeat center;
}

.pv-folder.pwdseq-folder .folder-icon:before{
    background: url(/themes/blue-theme/icons/lucide_folder-lock.svg) no-repeat center;
} */

.pwdseq-folder .folder-info .f-header-cont{
    flex-direction: column;
    align-items: baseline;
}

.pwdseq-folder .folder-info .f-header-cont h5{
    margin: 0px;
    line-height: 32px;
    font-size: 20px;
    font-weight: 600;
    font-family: "Lato";
    color:#05143F !important;
}

.pwdseq-folder .shared-info,.is-top.pwdseq-folder .shared-info,.pwdseq-folder .shared-info .icon-setting{
    border:0px !important
}

.pwdseq-folder .actions{position:absolute;right:36px;bottom:130px;}
.pwdseq-folder.is-top .actions{bottom:100px;}
.pwdseq-folder .actions button{appearance: none;border:1px solid #D2D2D2;border-radius: 99px;background:#fff;padding:8px 10px }
.pwdseq-folder .actions i{font-size:20px !important;line-height:24px;}
.pwdseq-folder .actions .dropdown-item{display: block;padding:5px 10px;color:#2E3B62}




.main-footer{display: none;}

.box{
    border-radius:20px;
    border:0px;
    padding:24px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

input.form-control, select.form-control{
    border:0px;
    background:#F5F6F7;
    border-radius:8px;
    padding:10px 16px 10px 16px;
    height:43px;
}

label.control-label{
    font-family:"Roboto";
    font-weight:400;
    font-size:14px;
}

.checkbox.checbox-switch label span, .checkbox-inline.checbox-switch span{
    width:64px;
    height:32px
}

.checkbox.checbox-switch.switch-primary label > input:checked + span, .checkbox-inline.checbox-switch.switch-primary > input:checked + span{
    background-color: #1D70AC;
    border-color: #1D70AC;
    box-shadow: #1D70AC 0px 0px 0px 8px inset;
}

.checkbox.checbox-switch label span:before, .checkbox-inline.checbox-switch span:before{
    width:25px;
    height:25px;
    left:3px;
    top:2px;
}

.checkbox.checbox-switch label > input:checked + span:before, .checkbox-inline.checbox-switch > input:checked + span:before{
    left:34px;
}

.button.free,.button, .content .btn.btn-success, .content .btn.btn-warning, .content .span-warning, .content .span-success, .content .span-danger,  .btn.btn-primary{
    background:#1D70AC !important;
    border-radius:99px;
    padding:10px 24px;
    color:#fff;
    font-family:"Lato";
    font-size:16px !important;
    text-transform: capitalize;
    font-weight:600;
}

.btn.btn-default, .btn.btn-secondary{
    background:transparent !important;
    border-radius:99px;
    padding:10px 24px;
    color:#2E3B62;
    font-family:"Lato";
    font-size:16px !important;
    text-transform: capitalize;
    font-weight:600;
    border:1px solid #D2D2D2 !important;
}

.content .btn.btn-success:before, .content .span-success:before, .btn.btn-primary:before{
    content:"";
}

button.btn.btn-secondary:before, button.btn.btn-primary:before, .content .btn.btn-primary:before, .btn.btn-success:before{
    content:"";
    padding:0px;
}
.btn-danger{
    background:none;
    border:1px solid #AF2B2B;
    border-radius:99px;
    padding:10px 24px;
    color:#AF2B2B;
    font-family:"Lato";
    font-size:16px;
    text-transform: capitalize;
    font-weight:600;
}


.dl-horizontal a{color:#2E3B62}
.dl-horizontal dt{padding:10px;}
.dl-horizontal dd{padding:10px;border-bottom:1px solid #D2D2D2}
.dl-horizontal dd{margin-left:0px}

.inside-folder{display: block;height:auto}
.resources-list{padding:20px 20px 20px;background: #fff;border-radius:20px}
.resources-list .grid-resource-content {max-height: 590px; overflow-y: scroll;}
.resources-list .grid-resource-content::-webkit-scrollbar{width:5px}
.resources-list .grid-resource-content::-webkit-scrollbar-button{display:none}
.resources-list .grid-resource-content::-webkit-scrollbar-thumb{background:#3089cc;}
.subcategories{padding:0px 0px}
.subcategories ul li{
    display: inline-block;
    border:0px;
    color:#fff;
    position: relative;
    top:1px;
    width:auto;
    min-width: 0px;
}

.subcategories ul li a{
    color:#fff;
    text-align: center;
    position:relative;
    top:16px;
    padding-bottom:30px;
}

.subcategories ul li:hover a{
    background:transparent;
}

.subcategories ul li a:hover, .subcategories ul li.activated a{
    color:#2E3B62;
    border:0px;
    background:#fff;
    border-radius:12px 12px 0px 0px;
    position:relative;
    top:16px;
    padding-bottom:30px;
}

.content-header .arrow-back i{color:#fff !important;font-size:32px;}
.content-header h1 i{color:#fff !important;font-size:32px;position:relative;top:4px;}

/* Toolbar styles */
.tools-d {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0px;
    margin-bottom:20px;
}

.left-tools {
    display: flex;
    align-items: center;
    gap: 1rem; /* Jarak antar elemen di dalam flex container */
}

.right-tools {
    display: flex;
    align-items: center;
    gap: 1rem; /* Jarak antar elemen di dalam flex container */
}
.btn-group {
    display: flex;
    align-items: center; /* Center items vertically */
}

.btn-group {
    display: flex;
    align-items: center; /* Center items vertically */
}

#shares-form .btn-group{
    display: inline-block;
}

#shares-form .btn.btn-delete{
    border:0px !important;
    padding:3px;
}

#shares-form .btn.btn-settings{
    color: #656066;
}

.tools-d .left-tools .input-group {
    width: 200px; /* Lebar input search */
    border:1px solid #D2D2D2;
    border-radius:8px;
    overflow: hidden;
}

.tools-d .left-tools .input-group input{
    background:#fff;
    font-size:14px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border:0;
    box-shadow:none
}

.tools-d .left-tools .input-group-addon{
    background:#fff;
    border:0px;

}

.tools-d .left-tools .input-group-addon span{
    color:#2E3B62;
    font-size: 20px;
}

.tools-d .left-tools .custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: 150px; /* Lebar select box */
    background-color: #fff;
    background-image: none;
    border:1px solid #D2D2D2;
    border-radius:8px;
}
.tools-d .left-tools .custom-select {
    display: block;
    width: 100%;
    padding: 12px 16px;
    font-size: 14px;
    border:0px;
    background: transparent;
    box-shadow: none;
    line-height: 1.42857143;
    color: #555;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.tools-d .left-tools .custom-select-arrow {
    position: absolute;
    top: 35%;
    right: 10px;
    margin-top: -3px;
}
.tools-d .left-tools .custom-select-arrow i{
    color:#2E3B62;
    font-size: 20px;
}

.tools-d .btn-group .btn-default{
    background:none;
    padding:8px 13px;
    border-radius:8px;
    border-color:#D2D2D2;
}



.tools-d .btn-group .btn-default span{
    color:#2E3B62;
    font-size: 24px;
    position:relative;
    top:2px;
}

.tools-d .btn-group .btn-default.active{
    background:#184D74 !important;

}

.tools-d .btn-group .btn-default.active span{
    color:#fff;
}

.the-listing .box{
    border-radius: 20px 20px 20px 20px;
    border:0px !important;
    /* padding:0px !important; */
}

#resource-table .box{
    padding:0px !important
}

.nav-tabs{
    border:0px;
}

.nav-tabs>li>a{
    border-radius: 12px 12px 0px 0px;
    padding-bottom:26px;
    border:0px !important
}

#importModal .nav-tabs>li>a {
    padding-bottom: 10px;
}

.nav-tabs>li>a:hover{
    background-color: #fff;
}
.the-tabs{
    position:relative;
    z-index: 99;
    top:16px
}

.nav-tabs li a{color:#fff}

.content .btn.btn-warning{background-color: transparent !important;border:1px solid #D2D2D2 !important;color:#05143F !important;font-size:16px;}
.content .btn.btn-success{font-size:16px;}
.content .btn.btn-success i{font-size:20px;padding-right:5px;position:relative;top:2px}
.content .btn.btn-warning:before,.content .btn.btn-success:before{content:"";
    padding:0px;}

.the-listing .box .box-body{
    border:1px solid #D2D2D2;
    border-radius:8px;
}



.the-listing .box .box-body thead{
    background:#F5F6F7;
}

.the-listing .box .box-body table .checkbox.checbox-switch label span, .the-listing .box .box-body table  .checkbox-inline.checbox-switch span{
    width:48px;
    height:24px
}

.the-listing .box .box-body table  .checkbox.checbox-switch.switch-primary label > input:checked + span,
.the-listing .box .box-body table  .checkbox-inline.checbox-switch.switch-primary > input:checked + span{
    background-color: #1D70AC;
    border-color: #1D70AC;
    box-shadow: #1D70AC 0px 0px 0px 8px inset;
}

.the-listing .box .box-body table .checkbox.checbox-switch label span:before,
.the-listing .box .box-body table .checkbox-inline.checbox-switch span:before{
    width:18px;
    height:18px;
    left:3px;
    top:2px;
}

.the-listing .box .box-body table .checkbox.checbox-switch label > input:checked + span:before,
.the-listing .box .box-body table .checkbox-inline.checbox-switch > input:checked + span:before{
    left:25px;
}

#folderShareModel .modal-header, #addFolderModal .modal-header, #editFolderModal .modal-header, #editTopFolderModal .modal-header, .modal.theme1 .modal-header, .modal-header{
    border:0px;
}

#folderShareModel .modal-footer, #addFolderModal .modal-footer, #editFolderModal .modal-footer, .modal.theme1 .modal-footer, .modal-footer{
    border:0px
}

#folderShareModel .modal-header .close, #addFolderModal .modal-header .close, #editFolderModal .modal-header .close, .modal.theme1 .modal-header .close, .modal-header .close{
    border:0px;
}

.modal .right-label input[type="text"], .modal .right-label textarea, .modal .right-label select, .modal .right-label input[type="number"], .modal .right-label input[type="password"]{
    border:0px  !important;
    background: #F5F6F7 !important;
}

textarea.form-control{
    border:0px  !important;
    border-radius:8px;
    padding:10px 16px 10px 16px;
}

textarea.form-control:not(.input-loading) {
    background: #F5F6F7 !important;
}

#folderShareModel .modal-header h4, #addFolderModal .modal-header h4, #editFolderModal .modal-header h4, #editTopFolderModal .modal-header h4, .modal.theme1 .modal-header h4, .modal-header h4{
    padding-left:110px;
    color:#05143F;
    font-size:24px;
}

#folderShareModel .modal-footer .btn-save, #addFolderModal .modal-footer .btn-save, #editFolderModal .modal-footer .btn-save, .modal.theme1 .modal-footer .btn-save, .modal-footer .btn-save{
    background:#1D70AC !important;
    border-radius:99px !important;
    padding:10px 24px !important;
    color:#fff;
    font-size:16px !important;
    font-weight: 600 !important;
    font-family: "Lato" !important;
}

label.control-label{font-family: "Lato";font-weight:400;font-size:14px}
#folderShareModel .modal-header .close i #addFolderModal .modal-header .close i, #editFolderModal .modal-header .close i, .modal-header .close i{
    border:1px solid #D2D2D2;
    border-radius:99px;
    padding:6px;
}

.pwdseq-folder .shared-info{
    min-height:0;
}

.pwdseq-folder .folder-counter .top-folder-name{
    background-color: #0178b4;
    border-radius: 0px 0px 5px 5px;
    padding: 2px 10px 0px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    top: 0px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    right: 37px;
}

.pwdseq-folder, .pv-folder.pwdseq-folder, .is-top.pwdseq-folder{
    border:0px !important;
}

.pwdseq-folder:hover, .pv-folder.pwdseq-folder:hover, .is-top.pwdseq-folder:hover{
    border:0px !important
}


.pwdseq-folder .shared-info ul.share-ul li {
    color: #5E4E17;
    text-align: center;
    font-family: "Lato";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    padding: 3px 7px;
    height: 28px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 99px;
    background: #FCF6E8;
}

.shared-info .p-content:first-child{
    padding:0px 10px 0px 0px
}

.shared-info .p-content:first-child a.show-more-li{
    color: #5E4E17;
    text-align: center;
    font-family: "Lato";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    padding: 3px 7px;
    height: 28px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 99px;
    background: #FCF6E8;
}

.disabled-folder, .disabled-folder:hover {
    cursor: default !important;
    border: 0px !important;
    box-shadow: none;
}

.disabled-folder:hover .folder-icon{
    /*background-color: #E4EFFA !important;*/
}

.carticon::after{
    top:-9px !important;
    right:-7px !important;
    color:#fff;
}



.navbar-custom-menu>.navbar-nav>li{
    margin:13px 4px;
}

.skin-blue .main-header .navbar .nav>li>a {
    color: #05143F;
    background: #fff;
    border-radius: 100%;
    padding: 10px 12px !important;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
    right:0px;
    min-width: 176px;
    border-radius: 22px !important;
    margin-top:5px
}
.skin-blue .main-header .navbar .nav>li.user-profile>a{padding:7px !important}
.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a{
    background-color: #fff !important;
    color: #05143F;
}

.nav-item .dropdown-menu a{
    color: #05143F;
}

.nav-item .dropdown-menu .profile-p,
.nav-item .dropdown-menu .dropdown-item{
    padding:5px 10px;
}

.nav-item .dropdown-menu .dropdown-item:hover{
    background-color: #05143F;
    color: #fff;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover{
    color:#05143F !important;
}

.status-success{
    background:#E8FFC8;
    color:#448209;
    border-radius:99px;
    padding:11px 20px;
    display: inline-block;
    border-radius: 99px;
}

.status-started{
    background:#97a3ba;
    color:#fff;
    border-radius:99px;
    padding:11px 20px;
    display: inline-block;
    border-radius: 99px;
}

.status-error{
    background:#f7aaaa;
    color:#421212;
    border-radius:99px;
    padding:11px 20px;
    display: inline-block;
    border-radius: 99px;
}

.search-logs input.form-control{
    border:1px solid #D2D2D2;
    background:#fff;
    margin-right:10px
}

.resource-container .media-content{
    padding:0px !important;
    position: relative;
}

.resource-container .media-content .media-body{
    text-align:left;
    margin: 10px 0px 20px

}

.media-content .media-body .title-name{
    float:none !important;
    color:#05143F !important;
    font-size:20px !important;
    font-weight: 600 !important;
    font-family: "Lato" !important;
    max-width:200px !important;

}

.media-content .icons{
    text-align:left;
}

.media-content .icons i{
    font-size:26px;
}

.password-body:hover{
    box-shadow: none !important;
}

.media-content .icons>i{
    position:relative;
    top:1px;
    margin:0px !important;
}

.media-content .icons span{
    margin-right:4px;
}

.resources-list .box{
    box-shadow: none !important;
    border:1px solid #D2D2D2
}

.resource-container:not(.resource-container-full-width) .media-content .media-body .type{
    position:absolute;
    right:0px;
    border-radius:99px;
    padding:10px 12px;
    font-size:14px;
    font-family: "Lato";
    top:10px;
}

.media-content .media-body .type.type-web{
    color:#5E4E17;
    background-color: #FCF6E8;
}

.media-content .media-body .type.type-android{
    color:#062E4B;
    background-color: #DFF1FF;
}

.media-content .media-body .type.type-rdp{
    color:#003330;
    background-color: #C7FFF2;
    text-transform: uppercase;
}

.media-content .media-body .type.type-ssh{
    color:#4E0438;
    background-color: #FFE8FC;
    text-transform: uppercase;
}

.media-content .media-body .type.type-vnc{
    color:#033004;
    background-color: #DCFEDA;
    text-transform: uppercase;
}

.media-content .media-body .type.type-totp{
    border-radius:100%;
    border:1px solid #D2D2D2;
    color:#2E3B62;
}

.resource-folder{
    background:#05143F
}

.inside-folder .subcategories ul li a:hover, .inside-folder .subcategories ul li.activated a{
    border:0px !important
}

.inside-folder .subcategories ul li.activated a{
    background:#fff;
    color:#062E4B
}

.inside-folder .subcategories ul li{
    border:0px !important;
    min-width: 0;
}

.inside-folder .subcategories ul li a{
    display: inline-block;
}

.inside-folder .subcategories ul li:hover a{
    background-color: #fff;
    color:#05143F;
    border-radius: 12px 12px 0px 0px;
    position: relative;
    top: 16px;
    padding-bottom: 30px;
}

.btn.btn-primary.dropdown-toggle{
    background-color:#F5F6F7 !important;
    border-radius: 8px !important;
    padding:10px 17px;
    color: #000000 !important;
    font-family: "Roboto";
    font-size: 14px;
    border: 0px !important;
    width: 100%;
    text-align: left;
    font-weight: 400;
}

.caret2{position:absolute;right:10px;top:10px;font-size:20px}

.settings-page .box-footer{text-align: center;border:0px !important}

.deleteRow .icon-icon2-trash-2, .btn-danger .icon-icon2-trash-2{
    font-size:24px;
    line-height:28px;
}

.table-hover>tbody>tr:hover{
    background-color: #fff ;
}

/* Gaya untuk loader spinner */
.loader-spinner {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 30px auto; /* Center the spinner horizontally */
    animation: spin 1s linear infinite;
}

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

.main-header a.sidebar-toggle:hover, .main-header a.sidebar-toggle:hover:before{
    color:#062E4B !important
}

#landing-right-content{
    background: rgb(60,157,217);
    background: -moz-linear-gradient(295deg, rgba(60,157,217,1) 0%, rgba(28,104,181,1) 50.5%, rgba(5,20,63,1) 100%);
    background: -webkit-linear-gradient(295deg, rgba(60,157,217,1) 0%, rgba(28,104,181,1) 50.5%, rgba(5,20,63,1) 100%);
    background: linear-gradient(295deg, rgba(60,157,217,1) 0%, rgba(28,104,181,1) 50.5%, rgba(5,20,63,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c9dd9",endColorstr="#05143f",GradientType=1);
    border-bottom-right-radius: 200px; /* Adjust the value as needed */
    padding:80px 0px;
}

.btn-blue{
    background-color: #1D70AC !important;
    border-color:#1D70AC !important;
    color:#fff !important;
    border-radius:99px !important;
    padding:10px 24px;
    font-size:16px !important;
    text-transform: capitalize !important;
}

.btn-blue:hover{
    background-color: #1D70AC !important;
    border-color:#1D70AC !important;
    color:#fff !important;
}

#login-header-menu{
    position: absolute;
    box-shadow: none !important;
    background-color: transparent;
    width:100%
}

.login-box, .register-box{
    margin:10% auto 100px
}

#eztfa-logosw img{height:62px}


.main-sidebar #eztfa-logosw{position: fixed !important;text-align: center !important;bottom:20px !important;right:unset !important;width:230px}
.main-sidebar #eztfa-logosw img{height:42px}


h3.title-top{
    color: #fff;
    text-shadow:
    1px 1px 0 #062E4B,
    -1px -1px 0 #062E4B,
    1px -1px 0 #062E4B,
    -1px 1px 0 #062E4B;
    font-weight: 600;
    padding-bottom:15px;
    /* position:relative;
    overflow: hidden; */
}

.emptyfolder{
    margin:15px;
    background-color: #c87676;
    color:#fff;
    text-align: center;
    padding:20px;
    width:100%;
    border-radius: 20px;
}

/* h3.title-top::after{
    content:" ";
    border:1px solid #0178b4;
    position: absolute;
    width:100%;
    top:15px;
    margin-left: 30px


} */

#addFolderModal .modal-dialog, #editFolderModal .modal-dialog{
    width:500px !important;
}

.tooltip-btn {
    padding:1px 5px;
    font-size:8px !important;
}

.permission-modal .tooltip-btn{
    font-size:7px !important;
}

.resource-type-list .resource-container{
    cursor: pointer;
}

#resource-data .input-group .input-group-addon{
    background-color: #1D70AC !important;
}

.resource-type-list .img-logo{position:absolute;left:0px;top:0px;display: flex;align-items: center;justify-content: center;
    width: 46px;
    height: 64px;
}
.resource-type-list .img-logo img{max-width:46px}
.resource-type-password .title-name{padding-left:49px}
.resource-type-password .notes{
    padding-left:49px;
    min-height:45px;
}


.backtomsp{
    padding:15px 0px;
    display: inline-block;
    color:#fff
}

.backtomsp a{
    color:#fff;
}


.icheckbox_minimal-red,
.iradio_minimal-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 25px;
    height: 25px;
    font-size:25px;
    background: none !important;
    border: none;
    cursor: pointer;
    font-family: 'lucide1' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;


  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icheckbox_minimal-red::before,
.iradio_minimal-red::before{
    content: "\e903";
    color:#ccc
}

.icheckbox_minimal-red.checked::before{
    color:red !important

}

#resource-table{display: none;}

.falink i{cursor: pointer !important;}


.modal.theme1 .table-history tr th{
    background:#1D70AC;
}

#folderShareModel .body-content li .data-name .data-name-short{
    color:#fff;
    background: #656066;
}

#folderShareModel .body-content .people-list ul.people-item li:hover .data-name .data-name-short{
    background:#1D70AC;
}

#folderShareModel .body-content .group-list ul.group-item li:hover .data-name .data-name-short{
    background:#1D70AC;
}

#folderShareModel .body-content .people-list ul.people-item li:hover .data-name .data-email, #folderShareModel .body-content .people-list ul.people-item li:hover .data-name .data-name-long{
    color: #003330
}

.data-list .data-name .data-name-short{
    background:#3C9DD9;
    color:#fff;
}

.user-data-select2 .select2-results__option--highlighted[aria-selected]{
    background:#3c9dd95d !important;
}

#folderShareModel .body-content .group-list ul.group-item li:hover .data-name .data-email, #folderShareModel .body-content .group-list ul.group-item li:hover .data-name .data-name-long{
    color:#003330
}

.folders-content{
    background-color: #fff;
    padding:20px
}

.pwdseq-folder, .is-top.pwdseq-folder{
    border:1px solid #D2D2D2 !important;
}

.pwdseq-folder:hover,.is-top.pwdseq-folder:hover{
    box-shadow: unset !important;
    border:1px solid #D2D2D2 !important;
}

.disabled-folder.pwdseq-folder{
    border:0px solid #D2D2D2 !important;
}

.folder-resources{
    padding:0px !important
}

.folder-resources .subcategories ul li a{
    color:#05143F
}
.folder-resources .inside-folder .subcategories{padding:0px 20px 0px 20px}
.folder-resources .inside-folder .subcategories ul li.activated a{
   background-color: #0178b4 !important;
    color:#fff !important;
    margin-bottom:20px
}

.folder-resources .subcategories ul li:hover a, .folder-resources .subcategories ul li.activated a{

    border-radius:12px;
    padding:10px 20px;

}

.button-footer .button-purchase{
    background-color: #0178b4;
}

#pricing .box hr{
    border-bottom: 4px solid #0178b4;
}

#pricing h4,#pricing h2{
    color:#fff
}

.btn-blue:hover, .btn-blue:active, .btn-blue.hover, .btn-blue.active, .btn-blue:focus, .btn-blue.active:focus{
    background:#1D70AC !important;
    border:1px solid #1D70AC !important;
}

.flex-align-items-end{
    align-items: end;
}

.daterangepicker.dropdown-menu{
    max-width: 260px !important;
}

.inv_tenant input[type="text"]{
    min-width: 200px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background: #1D70AC;
    border-color: #1D70AC;
}

@media screen and (max-width: 960px) {
    #login-header-menu a{
        color:#fff !important
    }

    .login-box, .register-box{
        margin:10% auto 30px
    }
    #eztfa-logosw{position: relative !important;text-align: center !important;bottom:unset !important;right:unset !important}
    #eztfa-logosw img{height:42px}
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-sidebar{
        z-index:841;
    }
}

@media (max-width: 767px) {
    .logo-auth img{
        height:60px;
    }
    .logo-auth div{
        font-size:16px;
        font-weight: 600;
        bottom:13px;
    }
    .wrapper::before {
        left:0px;
    }

    .sidebar-open .wrapper::before {
        left:230px;
    }

    .skin-blue .main-header .navbar .sidebar-toggle{
        position: relative;
        left:228px;
    }

    .main-header{
        margin-bottom:20px !important;
    }

    .skin-blue .main-header .logo:hover, .skin-blue .main-header .logo{
        background-color: transparent;
        display: inline-block;
        width: auto;
        position: relative;
        z-index:811;
        padding:20px
    }

    .skin-blue .main-header .navbar{
        position: absolute;
        top:20px;
    }
}
ul.share-ul .people-li {
    background-color: #F2FCF0 !important;
    color: #475B1A !important;
}
ul.share-ul .group-li {
    background-color: #fcf1f0 !important;
    color: #5b1a1a !important;
}
.input-group .input-group-addon {
    background-color: #1D70AC;
    color: #fff;
    cursor: pointer;
}
.input-group .input-group-addon-right {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none;
}
input.input-with-clear-icon + .input-group-addon {
    visibility: hidden;
}
input.input-with-clear-icon:not(:placeholder-shown) + .input-group-addon {
    visibility: visible;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #1D70AC !important;
}

#importModal .nav-tabs li a {
    color: #1D70AC;
}
#importModal .nav-tabs li.active a {
    color: #555;
}
.grp-share, .usr-share, .grp_lst {
    background: #1D70AC;
}

.resource-container-full-width .resource-folder {
    font-size: 12px;
}
.resource-container-full-width .media-content .media-body {
    width: 66.666667% !important;
    margin: 10px 0;
}
.resource-container-full-width .media-content .icons {
    width: 25% !important;
    padding: 26px;
    padding-left: 64px;
}
.resource-container-full-width .media-content .icons i {
    padding: 0px 8px;
}
.resource-container-full-width .media-content .media-body .title-name {
    max-width: none !important;
    padding-left: 0px;
    display: inline-block;
    margin-top: 22px;
}
.resource-container-full-width .media-content .media-body .title-name.password-title {
    margin-top: 8px;
}
.resource-container-full-width .media-content .updated-at {
    margin: 21px 0;
}
.resource-container-full-width .media-content .media-body .notes {
    padding-left: 0px;
    min-height: initial;
}
.resource-container-full-width .media-content .img-logo {
    padding: 10px;
    height: 62px;
    margin: auto;
}
.resource-container-full-width .media-content .img-logo, .resource-container-full-width .media-content .type {
    position: initial !important;
}
.resource-container-full-width .media-content .type {
    border-radius:99px;
    padding:10px 12px;
    font-size:14px;
    font-family: "Lato";
    text-transform: uppercase;
    color: #05143F;
}
.resource-container-full-width.box {
    padding: 0px;
}
.resources-list .btn-group {
    border: 1px solid #D2D2D2;
    border-radius: 10px;
}
.resources-list .btn-group button.btn.btn-default:first-child {
    border-right: 1px solid #D2D2D2 !important;
    margin-right: 1px;
}
.resources-list .btn-group button.btn {
    background-color: #fff !important;
    border: none !important;
}
.resources-list .btn-group button.btn span {
    color: #757575 !important;
}
.resources-list .btn-group button.btn.active {
    background-color: #fff !important;
    box-shadow: none !important;
}
.resources-list .btn-group button.btn.active span {
    color: #103d78 !important;
}
[class^="col-"]:has(>.updated-at) {
    padding: 0;
}