body, html{/* height: 100%; */font-family: 'Nunito Sans', sans-serif;top: 0 !important}
a{text-decoration: none; color:#0d457c;}
.login-sec{background: rgb(3,16,62);background: linear-gradient(90deg, rgba(3,16,62,1) 0%, rgba(13,15,73,1) 100%);height:100vh;position:relative;}
.login-sec:after{background-image:url(../image/bg.png);position:absolute;content: "";width: 100%;z-index: -1;height: 100%;opacity: 0.2;top: 0;background-size: cover;}
.login-sec *{/* z-index:9; */}
.login-sec form{width:100%; float:left;}
.login-sec a{text-decoration:none; border-bottom: 1px dotted rgba(255,255,255,0.3); color:rgba(255,255,255,1); font-size:13px;line-height: 20px;}
.login-sec .btn{width:100%; max-width: 200px;float:right;position:relative;line-height:30px}
.login-sec .btn i{background-color:rgba(255,255,255,0.3); width: 30px; height:30px;line-height:30px;border-radius: 33px;float:right;box-shadow:inset -10px 0 10px rgb(255 255 255 / 30%)}
footer{position:fixed; bottom:0; box-shadow: 0 0 10px rgba(0,0,0,0.2); background-color:#393d69;padding: 10px; color:#fff; z-index:9}
footer p{margin:0;}
form{background-color:rgba(255,255,255,0.1);backdrop-filter:blur(3px)}


/********** Dashboard Sec *************/
header{box-shadow: 0 0 5px rgba(0,0,0,.2);position:relative; z-index:9}
header nav{padding:0 10px}
.main{display:flex; align-items: stretch;/*overflow: hidden;*/position: relative;background-color:#f9f9f9;height:100%}
aside{width:100%;max-width: 250px;min-width: 250px;background:#5959BD;box-shadow: 0 10px 10px rgba(0,0,0,0.1);transition: margin-left .3s ease-in-out,left .3s ease-in-out,margin-right .3s ease-in-out,right .3s ease-in-out;}
aside .logout{background-color:#FF6D42; position:}

/**.card .btn {width:100%; max-width: 150px;}**/

.content-area{background-color:#eee;display: flex;padding-bottom:4em;flex-direction: column;min-width: 0;transition: margin-left .3s ease-in-out,left .3s ease-in-out,margin-right .3s ease-in-out,right .3s ease-in-out;width: 100%;}
.welcome-area{background-color:#2f06e0;padding: 3em 15px 5em;color:#fff;margin-bottom: -4em;}
div#department-tab_wrapper > div .dataTables_length , div#department-tab_wrapper > div .dataTables_filter {display: none;}

.table thead{position:sticky; top:0;background-color:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index:9}

.card-header{background: #fff; border: none;padding-bottom:15px;padding-top:15px;}
.card-header h5{font-size:16px;}


 table.dataTable thead th, table.dataTable thead td{border-bottom: 0}
 /*.dataTables_wrapper > div {padding: 10px 20px;}*/
.main + footer{background:#fff; color:#0d457c}
.nav-pills .nav-link{color: rgba(255,255,255, .6);}
.nav-pills .nav-link:hover{color: rgba(255,255,255, 1);}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff;background-color: #0d457c;}
.btn-info{background-color:#00B4B4;}

img.vert-move {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}

.form-group label[for="userName"] {
    margin-top: 0 !important;text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}
@-webkit-keyframes mover {
    0% { transform: translateY(50px); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(50px); }
    100% { transform: translateY(-20px); }
}

.sup-imp{color:#f00; }
.form-floating>label{padding: 0.6rem .75rem}

.dashboard-progress-card .card-body{position:relative;}
.dashboard-progress-card .card p{font-size:46px;font-weight: bold; margin:0}
.dashboard-progress-card .card i {font-size: 100px;position: absolute;bottom: 10px;right: 20px;opacity: 0.09;line-height: normal; width: auto; height: auto;}
.complaint-against-name{display: none}
.preview-modal .modal-dialog{max-width: 1050px;}
.bg-primary{background-color:rgb(3,16,62) !important; color:#fff}
.table-responsive.complaint-list-table {position: relative;top: -55px;}
.complaint-list-table .row.dt-row > div {height: 350px;overflow: auto;}
a{color:rgb(3,16,62)}

aside .nav{margin-top:0;}
aside .nav li.nav-item {width:100%; float:left;margin-bottom:1px}
aside .nav li.nav-item a {padding: 8px 10px;color:rgba(0,0,0,0.5); font-size:14px;width: 90%; float:right;background:rgba(255,255,255,0.3);border-radius:0}
aside .nav li.nav-item a i{background-color:rgba(255,255,255,0.2); border-radius: 33px;width: 30px; height:30px; line-height:30px;text-align:center}
aside .nav li.nav-item a.active{background-color: #46DEB6;border-radius: 4px 0 0 4px;width: 98%; font-weight:bold;}
aside .nav li.nav-item a.active i {background-color: rgba(0,0,0,0.2);}

.subject-area{table-layout: fixed}
table.table th {font-size: 12px;line-height: normal;vertical-align: top;text-transform: uppercase;padding: 5px}
table.table td {font-size: 13px;line-height: normal;vertical-align: top;padding: 5px;border-left: 1px solid rgba(0,0,0,0.1);}

.modal-header.bg-primary .btn-close{filter: invert(1) grayscale(1);}

.text-info{color:#5959BD !important}
.text-success{color:#81B622 !important}
.text-warning{color:#FFA600 !important}

.alert.alert-success.alert-dismissible{position: fixed;width: 73%;top: 40px;right: 47px;box-shadow: 0 13px 10px rgba(0,0,0,0.2);background:#009D7E; color:#fff; border-color:#009D7E;}
.alert.alert-success.alert-dismissible .btn-close {position: absolute;top: 0;filter: invert(1);opacity: 1;right: 0;z-index: 2;max-width: 50px;padding: 20px 0px;width: 100%;min-width: auto;}


.removeRow{position:relative}
button.btn.btn-danger.remove {position: absolute;right: -20px;width: auto;min-width: auto;top: 40px;}
.complaint-progress .subject-area  h6{width:100%; line-height: 20px;font-size:14px;}

.file-drop-zone-title {color: #fff;-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */  user-select: none;font-size: 1px;}
.file-drop-zone-title:before{font-size: 1.6rem}
.file-drop-zone-title:before {content: "Upload documents...";color: #aaa;text-align: center;width: 100%; float: left;}

/**.card .btn{
    height: 40px;
    line-height: 40px;
    padding: 0;
}
.card table .btn {height: 30px;line-height: 30px;max-width: none;}**/


/*.card{background-color:#fff;position:relative;min-height: 125px;box-shadow:0 15px 30px rgba(0,0,0,0.4);border-radius:10px;}*/
.card .form{width:100%;height:100%;display:flex;}
.left-side{width:30%;background-color:#5959BD;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:20px 30px;box-sizing:border-box;}
.progress-bar li{list-style:nones}
.registration-page .vert-move{max-width:400px; height:auto}
.registration-page.login-sec{background:#504893}
.btn.complaint-login-btn {position: fixed;right: -1px;z-index: 9;max-width: fit-content;top:30%;font-size:16px;}
.print-div .card{background: none; box-shadow: 0 0; border-radius: 0; min-height: auto}


.dashboard-progress-card .card-body {background: linear-gradient(45deg, rgba(220, 53, 69, 0.2) 0%, #ffffff 60%);}
.dashboard-progress-card .row > div:nth-child(2) .card-body ,.dashboard-progress-card .row > div:nth-child(3) .card-body {background: linear-gradient(45deg, rgba(89, 89, 189,0.2) 0%, #ffffff 60%);}
.dashboard-progress-card .row > div:nth-child(4) .card-body{background: linear-gradient(45deg, rgba(13, 110, 253,0.2) 0%, #ffffff 60%);}
.dashboard-progress-card .row > div:nth-child(5) .card-body{background: linear-gradient(45deg, rgba(25, 135, 84,0.2) 0%, #ffffff 60%);}
.registration-page .container {max-width: 1320px;}
.login-sec p.text-secondary + p {margin-bottom: 4px;font-weight: bold;}
.login-sec > .container {height: calc(100% - 190px);}
.login-sec > .container .row {height: 100%;}
.skiptranslate.goog-te-gadget {font-size: 0;}
div#\:0\.targetLanguage + span, .skiptranslate iframe {display: none;}
.registration-page.login-sec{top:0 !important}
select.goog-te-combo {background: rgba(255,255,255,0.2);color: #fff; border: 1px solid rgba(255,255,255,0.3);padding:10px }
#google_translate_element{position:relative;margin-right:10px;}
select.goog-te-combo option{color: #052655!important; font-size:15px;}

.inner-page select.goog-te-combo{color:#333; border: 1px solid rgba(0,0,0,0.3);}