body {
    font-size: 14px;
}
.form-control {
    height: 38px;
    border-radius: 0;
    font-size: 14px;
}
.input-group-addon {
    border-radius: 0;
}
.btn-primary {
    background-color: #1DB578;
    border-color: #1DB578;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #32C58A;
    border-color: #32C58A;
}
.btn-outline-primary {
    color: #1DB578;
    border-color: #1DB578;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background: #1DB578;
    border-color: #1DB578;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.alert {
    border-radius: 0px;
}
.alert-info p {
    font-size: 14px;
    color: #0c5460;
    margin-bottom: 0;
    text-align: center;
}
.logo-wrap {
    background: #fff;
    border-bottom: solid 2px #ccc;
}
.login-logo {
    text-align: left;
    margin-bottom: 15px;
    padding-top: 15px;
}
.panel-title-sign .title {
    background-color: #921db5;
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 15px;
    vertical-align: bottom;
}
.login-form {
    border-radius: 0;
    border-top: solid 5px #ca348c;
}
.login-form label a {
    color: #878787;
}
.login-form label a:hover {
    color: #2B6CA3;
}
.register-link a {
    color: #878787;
}
.register-link a:hover {
    color: #2B6CA3;
}
.login-footer{
    font-size: 14px;
}

.right-panel header.header {
    padding: 14px 20px 0px;
}
.menutoggle {
    background: #c6c94f;
 }
 
.navbar .navbar-nav li > a {
    padding: 7px 0;
}
.navbar .navbar-nav li > a .menu-icon {
    width: 35px;
}
.navbar .navbar-nav li.menu-item-has-children .sub-menu a {
    padding: 2px 0 2px 0px;
}
.header-left {
    margin-top: 4px;
}
.header-left .dropdown .dropdown-menu {
    right: 0px !important;
    left: auto !important;
    top: 45px !important;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
}
.header-left .dropdown .dropdown-menu p.red {
    background: #1DB578;
    color: #fff;
}
.header-left .dropdown .dropdown-menu .dropdown-item {
    border-bottom: solid 1px #efefef;
}
.user-area {
    margin-left: 20px;
}
.user-area .user-menu{
    top: 45px !important;
    padding: 0 0;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
}
.user-area .user-menu .nav-link {
    border-bottom: solid 1px #efefef;
    padding-left: 10px;
    padding-right: 10px;
}
.right-panel{
    position: relative;
}
.right-panel .breadcrumbs {
    width: auto;
    padding: 0 0;
}
.right-panel .page-header {
    padding: 0 0;
}
.right-panel .page-header h1 {
    font-size: 18px;
    padding: 10px 0;
}
#content-body {
    height: 84vh;
    overflow-y: auto;
}
.footer {
    background: rgba(0,0,0,.03);
    padding: 10px 0!important;
    border-top: 1px solid rgba(0,0,0,.125);
    position: absolute;
    right: 0;
    bottom: 0;
}
.footer p {
    font-size: 13px;
    padding: 0 0;
    margin: 0 0;
}
.nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-width: 85px;
    text-align: center;
}
/* customized RBS*/ 

.btn-gct-primary {
    background-color: #6316ac;
   color: #fff;
}
.btn-gct-primary:hover{
    background-color: #3a1477;
    color: #fff;
    box-shadow: rgba(13, 126, 179, 0.75) 0px 19px 38px, rgba(12, 170, 117, 0.65) 0px 15px 12px;
}

.page-gct-heading{
    color: #0c5199;
    font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 30px;
    text-shadow: rgba(13, 93, 179, 0.75) 0px 19px 38px, rgba(12, 89, 170, 0.65) 0px 15px 12px;
    text-align: center;
}

.bg-card-gct-one {
    background-color: #8824da;
}

.bg-card-gct-two {
    background-color: #0a78eed5;
}

.bg-card-gct-three{
    background-color: #ee9e0ad5 ;
}
.bg-card-gct-four{
    background-color: #f32a07ef;
}
.text-gct-dashboard {
    color: #eff5f1 !important;
}

/* navbar custom  start*/
.navbar .navbar-nav{
    width: 200px !important;
}
.navbar .navbar-nav li.menu-item-has-children a:before{
    content: none !important;
}
/* navbar custom  end*/

/* box cart css custom */
 /* ===== Cards ===== */
        /*stoped by me on 27-02-2026*/
        /* .card {
            border: none;
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
            height: 135px;
        } */

        .stat-card {
            padding: 29px;
            border: none;
            border-radius: 20px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
            height: 135px;
        }

        .stat-card{
            color: #ffffff;
        }

        .stat-card:hover{
            box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
            border-radius: 14px;
        }
        .stat-card h2 {
            font-weight: 400;
            font-size: 24px;
        }
        
        .stat-card-gct-big{
            padding: 29px;
            border: none;
            border-radius: 20px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
            height: 135px;
            color: #504a4a;
        }
    
        .stat-card-gct-big:hover{
            box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
            border-radius: 14px;
        }
        .stat-card-gct-big h2 {
            font-weight: 400;
            font-size: 24px;
        }
        /* table css custom  start*/
               /* Card Container */
        .table-card {
            background: #ffffff;
            border-radius: 20px;
            padding: 25px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
        }

        
        /* File Icon Box */
        .file-icon {
            width: 42px;
            height: 42px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            color: #fff;
            transition: .3s;
        }

        .bg-doc {
            background: #8ca3eb;
        }

        .bg-xls {
            background: #FFE4C4;
        }

        .bg-pdf {
            background: #e28e87;
        }

        .bg-img {
            background: #afe76f;
        }

        /* table css custom  end*/
         /* box color and size custom start */
        /* ===== Mobile ===== */
        @media(max-width:992px) {

            .sidebar {
                left: -260px;
            }

            .sidebar.show {
                left: 0;
            }

            .content {
                margin-left: 0;
            }

        }
        /* Card Container */
        .table-card {
            background: #ffffff;
            border-radius: 20px;
            padding: 25px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
        }

        /* Table Styles */

        .custom-table {
            table-layout: fixed;
            width: 100%;
        }
        
        .custom-table thead,
        .custom-table tbody tr {
            display: table;
            width: 100%;
            table-layout: fixed;
        }
        
        .custom-table tbody {
            display: block;
            max-height: 200px; /* Adjust as needed */
            overflow-y: auto;
        }

        /* Table Header */
        .custom-table thead th {
            font-size: 13px;
            text-transform: uppercase;
            color: #6c757d;
            border: none;
        }

        /* Table Row */
        .custom-table tbody tr {
            background: #fff;
            border-radius: 15px;
            transition: all .3s ease;
        }

        .custom-table tbody tr:hover {
            transform: translateY(-6px);
            background: linear-gradient(90deg, #eef2ff, #ffffff);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
        }

        /* Remove default border */
        .custom-table tbody td {
            border: none;
            padding: 18px 10px;
        }

    
        .custom-table tbody tr:hover .file-icon {
            transform: scale(1.15) rotate(5deg);
        }

        /* Avatar Group */
        .avatar-group img {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            border: 3px solid #fff;
            margin-left: -10px;
            transition: .3s;
        }

        .avatar-group img:first-child {
            margin-left: 0;
        }

        .custom-table tbody tr:hover .avatar-group img {
            transform: scale(1.05);
        }

        /* File size text */
        .file-size {
            font-weight: 500;
            color: #6c757d;
        }

        /* Action button */
        .action-btn {
            border: none;
            background: none;
            font-size: 18px;
            opacity: 0.5;
            transition: .3s;
        }

        .custom-table tbody tr:hover .action-btn {
            opacity: 1;
            transform: scale(1.2);
        }

        .dropdown-menu {
            border-radius: 12px;
            border: none;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        }

        .dropdown-item {
            font-size: 18.5px;
            padding: 8px 15px;
        }

        .dropdown-item:hover {
            background: #eef2ff;
        }

        .big-box-gct-one{
            background-color: #bfecd1;
        }

        .big-box-gct-two{
           background-color: #c39be4;
        }
        .big-box-gct-three{
            background-color: #92bae4d5;
        }

        .big-box-gct-four{
            background-color: #ecd19fd5 ;
        }

        /* box color and size custom end */
        /* icon custom start  */
    
        .icon-gct-dashboard {
            font-size: 30px;
        }
         /* icon custom end  */

         /* font-size start */
         .font-size{
            font-size: 20px;
            font-weight: 400;
            font-family: roboto;
         }
         /* font-size end  */
/*------------*/
.table.mb-none {
    margin-bottom: 0 !important;
}
.action-menu a.dropdown-toggle {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}
.action-menu .dropdown-toggle:after{
    display: none;
}
.action-menu .dropdown-menu {
    top: 20px!important;
    left: auto!important;
    right: 0!important;
    padding-top: 0px;
    padding-bottom: 0px;
}
.action-menu .nav-link {
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}
.show-grid {
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
}
.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    border-left: none;
    list-style: none;
    float: left;
}
.show-grid [class^=col-]:first-child {
    border-left: 1px solid #ddd;
}
.show-grid [class^=col-] a {
    color: #333;
}
.inactive, .inactive a { 
    color: #ccc!important;
    background-color: #fafafa;
} 
.poster-img{
    padding: 0 0;
}
.poster-img img{
    width: 100%;
}
.secondary-label{
    width: 200px;
}
.card-header:first-child, .card-footer:last-child {
    border-radius: 0;
}

/* Tables - No More Tables technique (991px is the bootstrap SM max-width) */
@media only screen and (max-width: 991px) {
	.table.table-no-more,
	.table.table-no-more thead,
	.table.table-no-more tbody,
	.table.table-no-more tr,
	.table.table-no-more th,
	.table.table-no-more td {
		display: block;
	}

	.table.table-no-more thead tr {
		left: -9999px;
		position: absolute;
		top: -9999px;
	}

	.table.table-no-more tr {
		border-bottom: 1px solid #DDD;
	}

	.table.table-no-more td {
		border: none;
		position: relative;
		padding-left: 50%;
		text-align: left;
		white-space: normal;
	}

	.table.table-no-more td:before {
		content: attr(data-title);
		font-weight: bold;
		left: 6px;
		padding-right: 10px;
		position: absolute;
		text-align: left;
		top: 8px;
		white-space: nowrap;
		width: 45%;
	}

	.table.table-no-more.table-bordered td {
		border-bottom: 1px solid #EFEFEF;
	}

	.table.table-no-more.table-condensed td:before {
		top: 5px;
	}
}
@media only screen and (max-width: 767px) {   
    .right-panel header.header {
        padding: 5px 13px 0px;
    }
    .right-panel .breadcrumbs {
        padding: 5px 0px;
    }
    .breadcrumbs .page-header h1 {
        padding: 5px 0;
        font-size: 16px;
    }
    .show-grid [class^=col-] {
        border-left: 1px solid #ddd;
        border-bottom: none;
    }
    .show-grid [class^=col-]:last-child {
        border-bottom: 1px solid #ddd;
    }
}
@media only screen and (max-width: 575.99px) {
    aside.left-panel {
        width: 100%;
    } 
    #content-body {
    height: auto;
    }
    .footer {
        position: relative;
    }
}