ikan Uploader :
Directory : /var/www/html/shardahospital.org/incident/assets/front_css/
Upload File : |
| Current File : /var/www/html/shardahospital.org/incident/assets/front_css/incident_common_style.css |
/* ==========================================================================
Global Settings
========================================================================== */
/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* Body settings, change it as required
*/
body { font-family:'Montserrat', Arial, Helvetica, sans-serif ; font-size: 1em; line-height: 1.4; overflow-x:hidden; font-weight:normal; background:#f4f7fa; }
/*
* Headings
*/
h1, h2, h3, h4, h5, h6 { font-family:'Montserrat', Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-rendering: optimizeLegibility; margin-top:0px; margin-bottom:20px; }
h1 { font-size:64px; line-height:78px;}
h2 { font-size:36px; line-height:44px;}
h3 { font-size:32px; line-height:39px;}
h4 { font-size:24px; line-height:29px;}
h5 { font-size:16px; line-height:20px; color:#000; font-weight:600; }
h6 { font-size:14px; line-height:16px; }
p { font-size:13px; color:#000; line-height:22px; margin-bottom:0px; font-weight:500; }
p a { color:#00bfe7; transition: all 0.3s ease 0s;}
p a:hover, p a:focus { color:#00bfe7;}
/*
* Links
*/
a { color: #00bfe7; text-decoration: none; line-height: inherit; transition: all 0.3s ease 0s;}
a:hover { /*color: #2795b6;*/ color: #00bfe7; text-decoration:none; }
a:focus { color: #00bfe7; outline: none; }
p a, p a:visited { line-height: inherit; }
/*
* A better looking default horizontal rule
*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #c2c2c2; margin:16px 0; padding: 0; position:relative; }
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic;
}
/*
* Remove default fieldset styles.
*/
fieldset { border: 0; margin: 0; padding: 0; }
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/*
* Iframe
*/
iframe[name="google_conversion_frame"]{ display:none;}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Floats
*/
.left { float: left; }
.right { float: right; }
/*
* Text Alignment
*/
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
/*
* Image Alignment
*/
img.alignleft { float:left; margin:0 10px 10px 0; display: inline;}
img.alignright { float:right; margin:0 0px 10px 10px; display: inline;}
img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*/
/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.clearfix:after {
content: "";
display: table;
clear: both;
}
/*
* overflow method for clearing floats
*/
.floatbox { overflow:hidden; }
/*
* older method of adding empty tags for clearing
*/
.clear { clear: both; height:1px; line-height:1px; }
/*
* Chromeframe
*/
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/*
* Fonts
*/
@font-face {
font-family: 'Montserrat';
src: url('../fonts/MontserratRegular.eot');
src: url('../fonts/MontserratRegular.eot') format('embedded-opentype'),
url('../fonts/MontserratRegular.woff2') format('woff2'),
url('../fonts/MontserratRegular.woff') format('woff'),
url('../fonts/MontserratRegular.ttf') format('truetype'),
url('../fonts/MontserratRegular.svg#MontserratRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/MontserratBold.eot');
src: url('../fonts/MontserratBold.eot') format('embedded-opentype'),
url('../fonts/MontserratBold.woff2') format('woff2'),
url('../fonts/MontserratBold.woff') format('woff'),
url('../fonts/MontserratBold.ttf') format('truetype'),
url('../fonts/MontserratBold.svg#MontserratBold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/MontserratMedium.eot');
src: url('../fonts/MontserratMedium.eot') format('embedded-opentype'),
url('../fonts/MontserratMedium.woff2') format('woff2'),
url('../fonts/MontserratMedium.woff') format('woff'),
url('../fonts/MontserratMedium.ttf') format('truetype'),
url('../fonts/MontserratMedium.svg#MontserratMedium') format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/MontserratMediumItalic.eot');
src: url('../fonts/MontserratMediumItalic.eot') format('embedded-opentype'),
url('../fonts/MontserratMediumItalic.woff2') format('woff2'),
url('../fonts/MontserratMediumItalic.woff') format('woff'),
url('../fonts/MontserratMediumItalic.ttf') format('truetype'),
url('../fonts/MontserratMediumItalic.svg#MontserratMediumItalic') format('svg');
font-weight: 500;
font-style: italic;
}
/* ==========================================================================
Layout
========================================================================== */
/* Container ---------------------- */
#container-wrap { min-width:320px; left:0; position:relative; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
/* Header ---------------------- */
#header { background:#fff; }
/* Main-navigation ---------------------- */
#main-navigation { float:left; }
/* Banner ---------------------- */
#banner { position:relative; }
/* Content ---------------------- */
#content { }
/* Footer ---------------------- */
#footer { padding-top:60px; background:#f2f2f2; }
/* ==========================================================================
Page Specific
========================================================================== */
/* ==========================================================================
Common Functionalities & UI Elements
========================================================================== */
/*--- Modal --- */
.modal { display:none;}
.modal .modal-dialog.col-lg { width:1170px; }
.modal .modal-header { border-bottom:0; padding:25px 25px 25px 25px; background:#fafafa; }
.modal .modal-header p { margin-bottom:0;}
.modal .modal-footer { padding:16px; border:0;}
.modal-sm { width:336px;}
.modal .modal-footer .btn { min-width:120px; margin-left:14px;}
.modal .modal-footer .btn:first-child { margin-left:0;}
.modal button.close { font-size:36px; line-height:36px; color:#17061e; opacity:1; }
.modal button.close:hover, .modal button.close:focus { opacity:1; }
.modal .modal-content { border:0; border-radius:0px; box-shadow:none; }
.modal-backdrop {background-color: rgba(0, 0, 0, 0.9);}
.modal-backdrop.in {opacity:1;}
.modal .modal-body { padding:25px; }
.modal .modal-body h2 .icon { margin-right:18px; }
/*---Form1 --- */
.form1 ul, .post .form1 ul { margin:0; padding:0; list-style:none;}
.form1 ul li { margin-bottom:15px;}
.form1 ul li:last-child { margin-bottom:0;}
.form1 .required {color:#ff0000;}
.form1 .form-control { border-radius:5px; font-size:14px; box-shadow:none; line-height:20px; color:rgba(0,0,0,0.8); width:100%; }
.form1 .form-control, .form1 input[type="text"], .form1 input[type="password"],.form1 input[type="email"] { height:42px; border:1px solid #e9e9e9; box-shadow:none; }
.form1 input[type="email"] { text-transform:lowercase; }
.form1 .forgot-password { float:right; font-size:13px;}
.form1 .error_msg { color: #f54b5e; display:block; font-size:12px; position: relative; line-height:18px; margin-top:4px; }
.form1 .info_msg {color: #17061e; display:block; font-size:12px; position: relative; line-height:16px; padding-top:4px;}
.form1 textarea.form-control { resize:none; height:64px; border:1px solid #dadada; padding:11px 12px;}
.form1 .has-error textarea.form-control { border:1px solid #d54343 !important;}
.form1 .has-error input[type="text"], .form1 .has-error input[type="password"], .form1 .has-error input[type="email"] { border:1px solid #d54343;}
.form1 .clear-row { clear:left;}
.form1 label { font-size:14px; color:rgba(0,0,0,0.8); display:block; font-weight:500; }
.form1 label.left-label { margin-bottom:0; padding-top:8px;}
.form1 .radio-input { position:relative; display:block; padding-left:32px; margin-bottom:20px;}
.form1 .radio-input.radio-inline { display:inline-block; margin-left:0; margin-right:20px;}
.form1 .radio-input label { font-size:14px; color:#17061e; margin:0; cursor:pointer; padding:0 0 0 25px; }
.form1 .radio-input label a { color:#eb494f;}
.form1 .radio-input input[type=radio]:checked + label:before { background:url(../imgs/sprite.png) -272px -215px no-repeat; }
.form1 .radio-input input[type=radio] { display: none; }
.form1 .radio-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:6px; background:url(../imgs/sprite.png) 0px -82px no-repeat; }
.form1 .radio-input input[type=radio]:checked + label:before {background:url(../imgs/sprite.png) 0px -60px no-repeat; }
.form1 .checkbox-input { position:relative; display:inline-block; padding-left:32px; }
.form1 .checkbox-input.checkbox-inline { display:inline-block; margin-left:0; margin-bottom:10px; margin-right:0px; width:19%; }
.form1 .checkbox-input.checkbox-block { display:block; margin-bottom:16px; text-transform:capitalize;}
.form1 .checkbox-input.checkbox-block label { font-weight:normal;}
.form1 .checkbox-input label { font-size:13px; margin:0; line-height:19px;cursor:pointer; }
.form1 .checkbox-input input[type=checkbox] { display: none; }
.form1 .checkbox-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:-1px; background:url(../imgs/sprite.png) 0px -13px no-repeat; }
.form1 .checkbox-input input[type=checkbox]:checked + label:before {background:url(../imgs/sprite.png) 0px -37px no-repeat; }
.form1 .select { position:relative; display:block; border:1px solid #e9e9e9; border-radius:5px; min-height:42px; height:auto; width:100%; }
.form1 .select:before {content:''; position:absolute; right:10px; top:17px; z-index:1; pointer-events:none; font-weight:bold; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #888; }
.form1 .select select { width:100%; border:0; background: #fff; padding:0 35px 0 5px; height:42px; font-size:14px; color:rgba(0,0,0,0.8); position:relative; border-radius:5px; }
.form1 .select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
.form1 .select select::-ms-expand{ display:none;}
.form1 .select .fa { position:absolute; right:10px; top:14px; font-size:14px; color:rgba(0,0,0,0.8); }
.form-horizontal .control-label { padding-top:8px;}
.form-horizontal .control-label.two-lines { padding-top:0;}
.form1 ul li.has-tooltip { position:relative;}
.form-tooltip { position:absolute; width:300px; background:#fff; right:-338px; padding-left:32px; z-index:100; display:none; top:0;}
.form-tooltip h3, .form-tooltip h5 { margin-bottom:4px;}
.form-tooltip ul {list-style:outside !important; padding-left:24px !important;}
.form-tooltip ul li { margin-bottom:8px !important;}
.form-tooltip p { margin-bottom:8px;}
.form-tooltip:before { width:16px; height:28px; background:url("../images/sprite.png") -159px -339px no-repeat; display:block; position:absolute; left:-17px; top:5px; content:"";}
.form1 .btn-group { display:block;}
.form1 .btn-group .select-option { display:block; float:left; width:97px; margin-right:20px; }
.form1 .btn-group .select-option input[type="radio"] { visibility:hidden; position:absolute;}
.form1 .btn-group .select-option label { display:block; cursor:pointer; margin:0; background:#ffffff; border: 1px solid #e9e9e9; line-height:50px; font-size:14px; color:rgba(0,0,0,0.8); padding:0 7px; border-radius:5px; text-align:center;}
.form1 .btn-group .select-option.active label { cursor:pointer; border-color:#00bfe7; }
/*--- Has-error --- */
.has-error .form-control, .has-error .form-control:focus, .has-error .select , .has-error .chosen-container .chosen-choices, .has-error .chosen-container .chosen-single{border-color:#f65039 !important;}
.has-error .form1 textarea.form-control {border-color:#f65039 !important;}
/*--- Post --- */
.post { color:#17061e; font-size:14px; line-height:20px; hyphens: auto;}
.inner-post { padding-left:14px;}
.post ul, .post ol { padding:0px; margin-left:20px; }
.post li { margin-bottom:15px; color:#17061e; font-size:13px; line-height:20px; padding-left:16px; font-weight:500; }
/*--- Tooltip --- */
.tooltip{font-size:13px;line-height:18px;}.tooltip.in{filter:alpha(opacity=100);opacity:1}.tooltip-inner{ background:#17061e; padding:6px 18px;}.tooltip.top .tooltip-arrow{border-top-color:#17061e}.tooltip.top-left .tooltip-arrow{border-top-color:#17061e}.tooltip.top-right .tooltip-arrow{border-top-color:#17061e}.tooltip.right .tooltip-arrow{border-right-color:#17061e}.tooltip.left .tooltip-arrow{border-left-color:#17061e}.tooltip.bottom .tooltip-arrow{border-bottom-color:#17061e}.tooltip.bottom-left .tooltip-arrow{border-bottom-color:#17061e}.tooltip.bottom-right .tooltip-arrow{border-bottom-color:#17061e}
.tooltip.top { margin-top:0;}
.tooltip.top .tooltip-arrow { margin-left:-8px;border-width:8px 8px 0; bottom:0px;}
.tooltip.right .tooltip-arrow { margin-top:-8px; border-width:8px 8px 8px 0; left:-3px;}
/*--- Placeholder --- */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:0.7 !important;}
input:-moz-placeholder, textarea:-moz-placeholder { opacity:0.7 !important;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.7 !important;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:0.7 !important;}
/*--- Login --- */
#login { text-align:center; padding-top:165px; }
.complaint { padding-top:30px; }
.complaint .form1 label { color:#000; font-weight:500; }
.complaint .form1 .radio-inline label { color:rgba(0,0,0,0.8); font-weight:normal; }
.complaint .form1 .form-control { box-shadow:none !important; }
.wrapper.complaint > .module-body { padding-top:0px; }
/*--- Button5 --- */
.button5 { border-radius:6px; background-color: #FAD961;
background-image: linear-gradient(90deg, #FAD961 0%, #F76B1C 100%);color:#fff !important; border:0; font-size:12px; line-height:19px; padding:10px 20px; font-weight:bold; transition: all 0.3s ease 0s; outline:none; min-width:120px; text-shadow:none; margin:0 0 0 10px; }
.button5:hover,.button5:focus, .button5:active { color:#fff;background: #000; }
/*--- Button6 --- */
.button6 { background:none; color:#00bfe7 !important; border-radius: 6px; border: solid 1px #00bfe7; font-size:12px; line-height:19px; padding:8px 20px; font-weight:bold; transition: all 0.3s ease 0s; outline:none; min-width:120px;}
.button6:hover,.button6:focus, .button6:active { color:#fff!important; background:#00bfe7 }
/*--- Table3 --- */
.table3 { width:100%; }
.table3 tr th,.table3 tr td { padding:10px 15px; font-size: 14px; font-weight: 500; color:#000; border:1px solid #dadada; }
.table3 tr th { font-weight:bold; }
.table3 tr th:first-child,.table2 tr td:first-child { padding-left:20px; }
#otp-send { position:relative; }
#otp-send .form-control { padding-right:100px; }
#otp-send a { display:inline-block; background:#2BAC76; position:absolute; padding:5px 10px; border-radius:3px; right:15px; bottom:8px; color:#fff; font-size:12px; font-weight:500; text-decoration:none; }
/* #take-action,#view-user-detail { left:50%; right:auto; width:auto; bottom:auto;}
#take-action .modal-header,#view-user-detail .modal-header { padding-top:0px; padding-bottom:15px;}
#take-action .modal-header .close,#view-user-detail .modal-header .close { font-size:32px; position:absolute; right:10px; top:-15px; } */
.popup-common { left:50%; right:auto; width:auto; bottom:auto;}
.popup-common .modal-header { padding-top:0px; padding-bottom:15px;}
.popup-common .modal-header .close { font-size:32px; position:absolute; right:10px; top:-15px; } */
#search { width:250px; position:relative; margin-right:15px; padding-top:7px; float:right;}
#search form { margin:0px;}
#search .fa-search { position:absolute; right:15px; top:20px; font-size:16px; pointer-events:none; }
#search input[type="text"] { float:left; font-weight:500; padding-right:60px; margin:0px; box-shadow:none !important; }
#search input[type="submit"] { position:absolute; right:0px; top:8px; background: no-repeat; border: none; min-width: 60px; padding: 0px; height:44px; }
/*--- Scrolling Table --- */
.scrolling-table { overflow-x:auto; }
.scrolling-table table { min-width:800px; }
/*--- Table Collapse --- */
.table-collapse { background:#e7ebfb; }
.table-collapse .list { list-style-type:disc; display:flex; justify-content:space-between; margin:0px; padding:0px; }
.table-collapse .list li strong { font-size:13px;}
.table-collapse .box-default { background:#fff; padding:15px; border:1px solid #dadada; margin-top:15px; padding-left:30px;}
.table-collapse .fa-chevron-up { display:none;}
.table-collapse.active .fa-chevron-down { display:none;}
.table-collapse.active .fa-chevron-up { display:inline-block;}
.table-collapse .box-default{ display:none;}
.table-collapse.active .box-default { display:block;}
.table-collapse .process-list { list-style-type:none; display:flex; justify-content:space-between; margin:0px; padding:0px; border:none; position:relative; padding-top:50px; }
.table-collapse .process-list:after { content:""; background:#f0f7ff; position:absolute; top:30px; width:100%; left:0px; display:block; height:6px; z-index:9; border:1px solid #dadada; border-radius:3px; }
.table-collapse .process-list li { width:20%; position:relative; }
.table-collapse .process-list li a { border:none; padding:10px 0px; color:#ccc; text-transform:uppercase; font-size:12px; display:block; text-align:center; background:none; }
.table-collapse .process-list li.active a { color:#000; }
.table-collapse .process-list li:hover a,.table-collapse .process-list li:active a,.table-collapse .process-list li:focus a,.table-collapse .process-list li.active a { background:none;border:none; }
.table-collapse .process-list li:before { content:""; background:#e9eaff; position:absolute; top:-33px; width:30px; left:50%; display:block; height:30px; border-radius:50%; z-index:10; margin-left:-15px; }
.table-collapse .tab-content { padding-top:35px; overflow:hidden;}
.table-collapse .process-list li.active:before {background:#36d477; }
.table-collapse .process-list li .info { padding-top:40px;}
.table-collapse .view-details { color:#00bfe7; font-weight:bold; }
.table-collapse .view-details .fa { margin-left:8px;}
.grievance-process .table3 { margin-bottom:10px; table-layout:fixed;}
.grievance-process .table3:first-child { margin-bottom:0px;}
.grievance-process .table3 th:first-child { width:100px;}
.grievance-process .table3 td:first-child { width:100px;}
.grievance-process .table3 tr.table-head th { text-transform:uppercase; font-size:12px; background:#038f48; color:#fff; }
.grievance-process .section-container { margin:0px; padding:0px;}
.grievance-process .section { margin-bottom:25px; position:relative; padding-left:25px; }
.grievance-process .section:before { content:""; width:10px; height:10px; background:#eff6ff; border-radius:50%; border:1px solid #dadada; position:absolute; left:0px; top:5px; }
.grievance-process .section h5 { margin-bottom:4px; }
.grievance-process .section p { font-size:14px; margin-bottom:10px; }
.grievance-process .section .date { display:block; margin-bottom:2px; font-size:12px; color:#8a858d; }
.grievance-process .section .grievance-status { display:inline-block; padding:4px 8px; }
.grievance-process .section .grievance-status.closed { background:#ebfcf2; }
.grievance-process .section .grievance-status.not-satisfied { background:#ffe4e3; }
.grievance-process .section .reopen-lnk { color:#d6140b; text-decoration:underline; font-weight:bold; }
/*--- Not Satisfied --- */
/*#not-satisfied { bottom:auto; left:50%; width:600px;}
#not-satisfied .modal-dialog { margin:0px 0px; }
#not-satisfied .modal-header { padding:20px; }
#not-satisfied .modal-body { padding-top:25px; padding-bottom:0px; overflow:hidden; }
#not-satisfied .modal-body .alert-warning { font-size:12px;} */
/*--- Description List --- */
dl.description-list { margin-bottom:0px; }
dl.description-list dt ,dl.description-list dd { font-size:14px; line-height:20px; font-weight:normal; margin-bottom:8px; text-transform:capitalize; }
dl.description-list dt { min-width:74px; color:#000; float:left; margin-right:8px; margin-bottom:0px; float:left; }
dl.description-list dt .colon { float:right; }
dl.description-list dd.no-capitalize { text-transform:none;}
dl.description-list dd { color:#000; margin-left:82px; overflow-wrap:break-word; margin-left:300px; min-height:30px; }
dl.description-list dd:last-child { margin-bottom:0px; }
dl.description-list.inline dt { min-width:auto; }
dl.description-list.inline dt ,dl.description-list.inline dd { float:left; }
dl.description-list.inline dd { margin-left:4px; margin-right:24px; }
dl.description-list dd span.no-capitalize { text-transform:none;}
/*--- Sidebar --- */
#sidebar .img-circle { width: 100px; height: 100px; object-fit: cover; object-position: top; }
span.active-status { color:#00c1a1; }
span.inactive-status { color:#fc654c; }
/*--- Footer --- */
footer p a,footer p { color:#fff; }
.export-div { }
.export-div h3 { float:left; margin:4px 10px 0 0; font-size:18px; }
.export-div form { float:right; }
.export-div button { margin:0 0 7px 0; }
.export-div form select { padding:10px; line-height:40px; height:40px; font-size:13px; }
.export-div form input { color:#fff !important; line-height:28px; height:40px; background:#00bfe7 !important; padding:0 20px; }
.top-3-sec { margin:20px 0 20px 0; }
.top-dash-sec { padding:30px 0 0 0; margin-top:69px }
.chart-inner { background:#fff; padding:20px; /*box-shadow:0 0 10px #dadada; */ border: 1px solid #e4e6f6; border-radius:0px; margin:0 0 30px 0; }
.table-secs { background:#fff; padding:20px; /*box-shadow:0 0 10px #dadada; */ border: 1px solid #e4e6f6; border-radius:0px; margin:0 0 30px 0; }
.department-sec {background:#fff; padding:20px; /*box-shadow:0 0 10px #dadada; */ border: 1px solid #e4e6f6; border-radius:0px; margin:0 0 30px 0; }
.department-sec h4 { display:block; font-size:18px; text-transform:uppercase; margin:0 ; }
.nav-departent { border-bottom:1px solid #dadada; list-style:none; width:100%; display:inline-block; padding:0; margin:0; }
.nav-departent li { display:block; float:left; }
.nav-departent li a { font-size:14px; padding:10px 20px; color:#212121; border:1px solid #dadada; display:block; border-bottom:0; margin:0 5px 0 0; }
.nav-departent li.active a { background:#fc654c; color:#fff; border:1px solid #fc654c; }
.tab-content label { margin:0 10px 6px 0; padding:8px 0; }
.tab-content label input { float:left; margin:4px 5px 0 0 }
.department-inner { height:300px; overflow-y:scroll; }
.department-inner ul { list-style:none; padding:0; margin:0; }
.department-inner ul li{ display:inline-block; width:100%; position:relative; padding:10px 0px; border-bottom:1px solid #dadada; }
.department-inner ul li span { font-size:12px; color:#666; display:block; }
.department-inner ul li a { font-size:16px; color:#212121; display:block; }
.department-inner ul li strong { float:right; background:#f0ad4e; padding:8px 20px; font-size:14px; color:#fff; position:absolute; top:10px; right:10px; }
.department-inner ul li:last-child { border-bottom:0; }
.department-inner::-webkit-scrollbar { width: 4px;}
/* Track */
.department-inner::-webkit-scrollbar-track { background: #f1f1f1; border:0px solid #E7EBFB; border-radius:10px; }
/* Handle */
.department-inner::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.3); border-radius:10px; }
/* Handle on hover */
.department-inner::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.3); }
/* The Modal (background) */
.modal-new {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 9999999; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.new-modal-con { background-color: #fff; margin: auto; padding: 20px; border: 1px solid #888; width: 500px;}
/* The Close Button */
new-modal-con .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
new-modal-con .close:hover,
new-modal-con .close:focus { color: #000;text-decoration: none; cursor: pointer;}
.export-popup { padding:10px; }
.export-popup h3 { display:block; font-size:22px; border-bottom:1px solid #dadada; margin:0 0 15px 0; padding:0 0 15px 0; }
.export-popup select, .export-popup input { width:100%; line-height:45px; height:45px; padding:0 10px; margin:0 0 15px 0; font-size:14px; border:1px solid #dadada; }
.export-popup span { display:block; font-size:12px; }
.export-popup .button1 { background:#00c1a1; color:#fff; }
.export-popup .button1:hover { background:#00c1a1; }
.button1-ex { background:#00c1a1; color:#fff; border:0; margin:5px 0 0 0; float:right; }
.button1-ex:hover { background:#00c1a1; }
@media (max-width:767px) {
#search { width:100%; margin-right:0px; margin-bottom:5px;}
.box { margin-bottom:15px; }
h4 { font-size:16px;}
.responsive { overflow-x:scroll; }
.modal-content { width:90%; }
}
.top-3-sec .box { padding:15px; }
.top-3-sec .box .icon {
float: none;
height: 60px;
width: 60px;
text-align: center;
line-height: 80px;
font-size: 24px;
color: #222;
margin: auto;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center; background:#fff;
}
.top-3-sec .box .detail {
margin-left: 0;
height: auto;
padding:15px 0 0 0px;
text-align: center;
}
.top-3-sec .box .detail h6{font-size: 12px;color:#fff;font-weight: 300; margin:0; }
.top-3-sec .box .detail p{color:#fff;}
/* new */
body { padding:0 !important; }
.login-new { display:flex; }
.login-new .login-left { width:30%; max-height:100%; padding:40px; min-height:100vh; height:100vh; background-size: cover; position:relative;
background:url(../imgs/grievance-banner.jpg) no-repeat center;
}
.login-new .login-left:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%;background-image:url(../imgs/side-img.png); background-size: cover; background-position:center; opacity:0.3; }
.login-new .login-left .logo { display:block; padding:0 0 10px 0; position:relative; z-index:1; }
.login-new .login-left .logo img { display:block; width:230px; margin:0 0 20px 0; }
.login-new .login-left .logo h3 { font-size:26px; line-height:36px; padding:20px 0 10px 0 ; margin:0; color:#fff; }
.login-new .login-left .login-num { padding:50px 0 80px 0; position:relative; list-style:none; margin:0; display:inline-block; width:100%; }
.login-new .login-left .login-num li { position:relative; padding:0px 0 40px 70px; }
.login-new .login-left .login-num li:before { content:""; position:absolute; bottom:0px; width:1px; height:100%; background:#fff; display:block; left:25px; }
.login-new .login-left .login-num li .icon { position:absolute; left:0; height:50px; width:50px; top:0px; background:#fff; border-radius:100px; text-align:center; line-height:50px; font-size:20px; color:#000; }
.login-new .login-left .login-num h5 { font-size:16px; line-height:40px; padding:5px 0 0px 0 ; margin:0; color:#fff; }
.login-new .login-left .login-num li:last-child { padding:0px 0 0px 70px; }
.login-new .login-left .contact { position:relative; }
.login-new .login-left .contact h5 { font-size:16px; line-height:20px; padding:0px 0 10px 0 ; margin:0; color:#fff; }
.login-new .login-left .contact a { font-size:14px; text-align:left; color:#fff; padding:0px 0 4px 0; display:block; }
.login-new .login-left .contact a:hover {}
.login-new .login-left .contact a i { margin:0 4px 0 0; }
.login-new .login-right { width:70%; padding:0 0px; height: 100vh; overflow-y: scroll; display: flex; justify-content: center; align-items: center; background:#fff; }
.login-new .login-right .login-right-in { width:60%; }
.login-new .login-right .logo { display:block; padding:0 0 10px 0; }
.login-new .login-right .logo img { display:block; width:200px; margin:0 0 20px 0; }
.login-new .login-right .logo h3 { font-size:24px; line-height:30px; padding:0 0 10px 0 ; margin:0; }
.login-new .login-right .logo h4 { font-size:26px; line-height:20px; padding:0 0 5px 0 ; margin:0 0 20px 0; position:relative; }
.login-new .login-right .logo h4:after { content:""; position:absolute; bottom:-10px; width:100px; height:2px; background:#F76B1C; display:block; left:0; }
.login-new .login-right .login-sec { width:100%; }
.login-new .login-right .login-group { display:block; padding:0 0 20px 0; position:relative; }
.login-new .login-right .login-group input { display:block; height:45px; width:100%; margin:0 !important; line-height:45px; padding:0 10px; border:1px solid #dadada; background:#fff; }
.login-new .login-right .login-group input:focus { box-shadow:none; border:1px solid #000; }
.login-new .registration1 { font-size:14px; text-align:left; color:#000; padding:10px 0 10px 0; display:inline-block; float:left; }
.login-new .registration1 a { color:#F76B1C; }
.login-new .registration2 { font-size:14px; text-align:left; color:#000; padding:10px 0 0 0; display:inline-block; float:right; }
.login-new .registration2 a { color:#F76B1C; }
#send_resetpassword_otp { background:#F76B1C; position:absolute; top:10px; right:10px; padding:5px 10px; border-radius:5px; color:#fff; font-size:12px; }
#send_resetpassword_otp:hover { background:#444; }
.login-new .registration1 a:hover,.login-new .registration2 a:hover { color:#000; }
.footer { display:none; }
.button1 {}
.button1 { border:0; color: #fff; float: left; width:100%; text-align: center; font-size: 14px; display: block; border-radius: 5px; padding: 0px 50px; line-height:45px; height:45px;
background-color: #FAD961;
background-image: linear-gradient(90deg, #FAD961 0%, #F76B1C 100%);}
.button1:hover { color:#fff; background: #222; }
.headernew { background: #fff;
transition: width 0.25s ease;
-webkit-transition: width 0.25s ease;
-moz-transition: width 0.25s ease;
-ms-transition: width 0.25s ease;
color: #000000;
width:100%;
height: 60px;
-webkit-box-shadow: 12px 3px 21px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 12px 3px 21px 0px rgba(0, 0, 0, 0.1);
box-shadow: 12px 3px 21px 0px rgba(0, 0, 0, 0.1); position:sticky; top:0; padding:5px 20px; z-index:11; }
.headernew .closellapsbtn { font-size:22px; background:none; border:0; color:#000; float:left; padding:11px 0 0 0; }
.headernew h5 { float:left; padding:15px 0 0 30px; margin:0; font-size:16px; }
#sidebar { min-width: 250px; max-width: 250px; width: 250px; max-height: 100%; min-height: 100vh; overflow-y:scroll; position:relative;
color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-image:url(../imgs/side-img.png); background-size:cover; background-repeat:no-repeat;
background-color: #FAD961;
background-image: linear-gradient(130deg, #FAD961 0%, #F76B1C 100%); }
#sidebar:before { display:none; content:""; position:absolute; top:0; left:0; width:100%; height:100%;background-image:url(../imgs/side-img.png); background-size: cover; background-position:center; }
.sidetop { padding:30px 30px 0 30px; position:relative; }
#sidebar.active{margin-left:-250px; }
#content { width: 100%; padding: 0; min-height: 100vh; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#main-content { background:#f4f7fa; padding:30px; margin:0px 0 0 0; height: calc(100vh - 60px); overflow-y: scroll; }
.sidebar { width: 100%; z-index:1; position:relative; padding:15px; }
.widget-menu { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; list-style:none; margin:0; padding:0px; }
.widget-menu li { border-bottom:1px solid rgba(255,255,255,0.4); }
.widget-menu a {color: #555;display: block;line-height: 20px;padding: 13px 15px; font-size:13px; text-decoration: none!important; }
.widget-menu .fa { margin-right: 10px;color: #fff; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.widget-menu .menu-toggle .fa { margin-left:10px; margin-right:0px; float:right; margin-top:3px; }
.widget-menu .menu-toggle { font-size:13px; font-weight:bold; }
.widget-menu .label {background: #888;-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4) inset;-moz-box-shadow: 0 0 2px rgba(0,0,0,0.4) inset;box-shadow: 0 0 2px rgba(0,0,0,0.4) inset;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;line-height: 20px;padding: 0 5px}
.widget-menu .label.green {background: #78ba00}
.widget-menu .label.orange { background: #d74f2a; }
.widget-menu>li>a {background-color: #;color: #fff;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;font-size:13px;}
.widget-menu>li>a .icon-chevron-up { display: block}
.widget-menu>li>a .icon-chevron-down {display: none}
.widget-menu>li>a.collapsed .icon-chevron-up {display: none}
.widget-menu>li>a.collapsed .icon-chevron-down {display: block}
.widget-menu>li>a:hover { background-color:rgba(0,0,0,0.2); color: #fafafa; }
.widget-menu>li>a:hover .menu-icon { color:#fff;}
.widget-menu>li ul { list-style:none; padding:0; margin:0; }
.widget-menu>li ul li { border-top: 1px solid rgba(255,255,255,0.4); background:rgba(0,0,0,0.1); }
.widget-menu>li ul li:last-child { border-bottom:0; }
.widget-menu>li ul li+li { border-top: 0}
.widget-menu>li ul li.active a { background: #f0f0f0}
.widget-menu>li ul li a { color:#fff; }
.widget-menu>li ul li a .fa { color:#fff; }
.widget-menu>li ul li a:hover {background-color:rgba(0,0,0,0.2); border:none; }
.widget-usage {background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);text-decoration: none!important;}
.widget-usage p {margin-bottom: 10px; line-height: 1.2}
.widget-usage li {padding: 15px}
.widget-usage li+li {border-top: 1px solid #ddd}
.main-body { padding:20px 30px 40px 30px; height:calc(100vh - 60px); overflow-y:scroll; }
.white-box { background:#fff; padding:20px 20px 10px 20px; border: 1px solid #e4e6f6; border-radius:0px;
margin:0 0 10px 0; display:grid; width:100%; box-shadow: 0px 20px 30px rgb(0 0 0 / 5%); }
.main-body .headings { display:inline-block; width:100%; padding:0 0 10px 0; }
.main-body .headings h4 { float:left; text-transform:capitalize; margin:0; padding:6px 0 0 0; font-size:20px; font-weight:500; }
.main-body .headings .button2 { border:0; float:right; color: #fff; background-color: #FAD961;
background-image: linear-gradient(90deg, #FAD961 0%, #F76B1C 100%); text-align: center; font-size: 13px; display: block; border-radius: 5px; padding: 8px 15px; }
.main-body .headings .button2:hover { color:#fff; background: #222; }
.main-body .headings .button3 { border:0; float:right; color: #222; background:#fff; text-align: center; font-size: 13px; display: block; border-radius: 5px; padding: 8px 15px; }
.main-body .headings .button3:hover { color:#fff; background: #222; }
.main-body table { font-size:14px; color:#222; }
.main-body table th { background:#f1f1f1; color:#000; font-size:13px; }
.main-body table td { background:#fff; color:#222; font-size:13px; }
.main-body1 table { font-size:14px; color:#222; }
.main-body1 table th { background:#666; color:#fff; font-size:13px; }
.main-body1 table td { background:#fff; color:#222; font-size:13px; }
.view-btn { color: #004b99; font-size:16px; width:18px; height:18px; border-radius:5px; display:block; text-align:center; line-height:18px; float:left; margin:0 10px 0 0; }
.edit-btn { color: #ff9311; font-size:16px; width:18px; height:18px; border-radius:5px; display:block; text-align:center; line-height:18px; float:left; margin:0 10px 0 0; }
.edit-btn:hover { color:#000; }
.action-gra { padding:0 0 5px 0; display:inline-block; width:100%; }
.action-gra p { padding:10px 20px 0 0; }
.section-container { padding:0; }
.section-container .section { padding:0px 0 15px 25px; margin:0; position:relative; }
.section-container .section:before {
content: "";
width: 10px;
height: 10px;
background: #eff6ff;
border-radius: 50%;
border: 1px solid #dadada;
position: absolute;
left: 0px;
top: 5px;
}
.form-gra { padding:0 0 15px 0; }
.form-check-box { padding:0; }
.form-check-box label { width:100%; float:left; text-align:left; font-size:13px; padding:5px 0; }
.sideikamge { display: inline-block; float:right; text-align: center; padding:5px 0 0 0; }
.sideikamge img { display:block; width:40px; height:40px; overflow:hidden; border-radius:100px; object-fit:cover; margin:0px 10px 0 0; float:left; border:1px solid #dadada; }
.sideikamge strong { float:left; font-size:14px; padding:10px 0 0 0; }
.sideikamge1 { display: inline-block; width: 100%; text-align: center; padding: 20px; background: rgba(0,0,0,0.05); background:#fff; }
.sideikamge1 img { width:160px; display:block; overflow:hidden; object-fit:cover; margin:0px auto 10px; }
.form-incident { padding:0 0 20px 0; }
.form-incident label { display:block; font-size:13px; padding:0 0 5px 0; }
.form-incident textarea { width:100%; border:1px solid #dadada; line-height:16px; height:100px; padding: 10px; border-radius:5px; font-size:13px; }
.form-incident input,.form-incident select { width:100%; border:1px solid #dadada; line-height:40px; height:40px; padding:0 10px; border-radius:5px; font-size:14px; }
.responsivetable { overflow-x:scroll; }
.checkboxsec { padding:10px 0 0 0; display:inline-block; width:100%;}
.checkboxsec label { width:100%; float:left; padding:8px 0 0 0; }
.checkboxsec label input { width:20px; height:20px; margin:0 8px 0 0; float:left; }
.takeactionnav { border:0 !important; }
.takeactionnav button { background:#fafafa !important; border-radius:5px; margin:0 10px 0 0; padding:10px 20px; font-size:14px; color:#000 !important; border:0 !important; }
.takeactionnav button.active ,.takeactionnav button:hover { background-image: linear-gradient(90deg, #FAD961 0%, #F76B1C 100%) !important; color:#fff !important;}
.tab-content .form-incident { padding:10px 30px 10px 30px; border:1px solid #dadada; margin:0 0 10px 0; }
.whitehradings { display:inline-block; width:100%; padding:0 0 10px 0; }
.whitehradings h5 { float:left; margin:0; padding:8px 0 0 0; }
.whitehradings button { float:right; }
.action-gra3 { float:right; width:auto; }
.action-gra3 .button3 { float:left !important; }
.action-gra3 .button5 { padding:8px 15px !important; }
.ad-delete {float:left;color: #ff0000;font-size:16px;width:16px; height:16px; border-radius:5px; display:block; text-align:center; line-height:24px; margin:0 0 0 5px; }
.ad-edit{ float:left;color: #004b99;font-size:14px; width:16px; height:16px; border-radius:5px; display:block; text-align:center; line-height:24px; }
.form-incident .btn-cancel { float:left!important; height:auto; border:0; margin:20px 10px 0 0; padding:0 30px !important; background:#dadada!important; color:#000!important; line-height:45px !important; width:auto; font-size:14px; }
.form-incident .button2{ float:left!important; height:auto; border:0; margin:20px 10px 0 0; padding:0 30px;background-color: #fff;
background-image: linear-gradient(130deg, #FAD961 0%, #F76B1C 100%); color:#fff; line-height:45px!important; width:auto; font-size:14px; }
.category-radio { padding:10px 0 10px 0 !important; display:inline-block !important; width:100%; }
.category-radio .radio-inline { padding:5px 30px 5px 0px; font-size:14px; float:left;}
.category-radio .radio-inline input { margin:3px 5px 0 0; display:block; float:left; }
@media (max-width:768px) {
#login-page {height:100vh; overflow:scroll; background:#fff;}
.login-new { display:block; }
.login-new .login-left { width:100%; min-height:inherit; height: inherit; }
.login-new .login-left .login-num { display:none; }
.login-new .login-right { width:100%; min-height:inherit; height: inherit; }
.login-new .login-right .login-right-in { width:100%; padding:50px; }
.login-new .login-right .logo h4 { font-size:22px; }
.login-new .login-left .logo br { display:none; }
.login-new .login-left .logo h3 { font-size:22px; }
#admin-login {}
.wrapper { padding:0; margin:0; overflow:hidden; }
.sidebar { display:block; margin-top:auto; }
#main-content { padding:15px 10px 10px 10px; }
.main-body { padding: 20px 10px 40px 10px; }
.white-box { overflow-x:scroll; }
.modal-content { margin: 0px auto; }
}
.dashboard-sec { background:#fff; padding:0 50px; }
.das-had { padding:80px 0 50px 0; text-align:center; }
.das-had h2 { color:#ed027b; font-size:36px; line-height:44px; font-weight:bold; }
.das-had h2 small { display:block; font-weight:normal; font-size:16px; color:#444; }
.approve-select-check { padding:10px 0px 5px; }
.approve-select-check span { font-size:11px; margin:0 10px 0 0; }
.approve-select-check button { padding:0px 10px; font-size:11px; background:none; border:0; color:#000; border-left:1px solid #dadada; }
.approve-select-check button:hover { color:#ed027b; }
.approve-select-check .btton-d { color:#f00 }
.chart-stake .detail { background:#fff; border:1px solid #dadada; margin:0 0 10px 0; display:inline-block; width:100%; }
.chart-stake .detail p { width:60px; height:60px; color:#fff; float:left; margin:0 10px 0 0; line-height:60px; font-size:20px; text-align:center; }
.chart-stake .detail p.Total { background:#1E5799; }
.chart-stake .detail p.Approved {background:#00caa4; }
.chart-stake .detail p.Pending {background:#f8ab3e; }
.chart-stake .detail .Rejected { background:#fc654c; }
.chart-stake .detail h6 { float:left; line-height:60px; margin:0; color:#222; font-weight:400; }
.newform1 .form-outline { margin-bottom:20px ; }
Kontol Shell Bypass