/*
Website Name: EXEIdeas Custom Stylesheet
Website URL: http://www.exeieas.net
Version: 3.0
Description: A Customer Relationship Management System Of Employers Federation Of Pakistan To Keep The Track Records.
Author: Muhammad Hassan (EXEIdeas International)
Author URL: http://www.exeideas.net
Tags: ERP, CRM, Management System, Enterprise Resource Planning, Customer Relationship Management, Accounts Management, Registration Management, Membership Management, Record Management, Organization Management, Finance Information, Training Management, Event Management
	Copyright: (c) 2020 EXEIdeas International
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
3rd Parties Source:
	Font-Awesome 4.0 Icons: http://fontawesome.io/icons
	Poppins Google Font: https://fonts.google.com/specimen/Poppins
*/

/* Import Other CSS
----------------------------------------------- */
@import "../fonts/poppins-fonts-style.min.css"; 
@import "cssreset-context-min.css"; 

/* Default
----------------------------------------------- */
*{margin:0;padding:0;font-family:'Poppins Regular', sans-serif;font-variant:normal;}
html {height:100%;}
body {height:100%;font-family:'Poppins Regular', sans-serif;font-size:13px;line-height:1.5;color:#333333;background-color:#F5F5F5;}
hr {border:0;height:1px;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));}
.clear {clear:both;}
table {border-collapse:inherit;}
.full-width {width:100%;}
.left {float:left!important;}
.right {float:right!important;}
.textleft {text-align:left!important;}
.textright {text-align:right!important;}
.padding20 {padding:20px;}
.verticle-spacing {width:100%;clear:both;display:block;height:10px;}
.boxShaow {background: #FFFFFF;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.1);-ms-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.1);-o-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;}
.boxShaow:hover {box-shadow:0px 25px 50px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 25px 50px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 25px 50px 0px rgba(0, 0, 0, 0.1);-ms-box-shadow:0px 25px 50px 0px rgba(0, 0, 0, 0.1);-o-box-shadow:0px 25px 50px 0px rgba(0, 0, 0, 0.1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;}
.topBar {position:fixed;top:0;left:0;width:100%;z-index:9;}
.alert {border-radius:4px;padding:10px 10px 10px 50px;font-size:0.875rem;border:1px solid;margin-bottom:20px;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.1);}
.alert-success {background:url(../img/Success-Icon.png) no-repeat #D0FABB 15px 50%;background-size:25px 25px;color:#297f00;border-color:#c3dbb8;}
.alert-info {background:url(../img/Notice-Icon.png) no-repeat #D2EBFC 15px 50%;background-size:25px 25px;color:#3065d0;border-color:#a6cbff;}
.alert-warning {background:url(../img/Warning-Icon.png) no-repeat #FFFA6F 15px 50%;background-size:25px 25px;color:#777444;border-color:#d2cc52;}
.alert-danger {background:url(../img/Error-Icon.png) no-repeat #FFDCDC 15px 50%;background-size:25px 25px;color:#e90000;border-color:#fac6c6;}
.alert-info a {color:#FFFFFF;background:#5f91d8;padding:2px 5px;text-decoration:none;font-size:12px;}
.alert-danger a {color:#FFFFFF;background:#e46356;padding:2px 5px;text-decoration:none;font-size:12px;}
.alert-warning a {color:#FFFFFF;background:#888222;padding:2px 5px;text-decoration:none;font-size:12px;}
.alertButton {border-radius:5px;padding:5px 10px;font-size:0.875rem;border:1px solid;margin:5px;display:inline-block;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.1);text-decoration:none;color:#FFFFFF;cursor:pointer;}
.alertButton-success {background-color:#81c868;border:1px solid #81c868;color:#FFFFFF!important;}
.alertButton-info {background-color:#5d9cec ;border:1px solid #5d9cec;color:#FFFFFF!important;}
.alertButton-warning {background-color:#ffbd4a;border:1px solid #ffbd4a;color:#FFFFFF!important;}
.alertButton-danger {background-color:#f05050;border:1px solid #f05050;color:#FFFFFF!important;}
[contenteditable="true"]:active,[contenteditable="true"]:focus{border:auto;outline:auto;}

/* Media Print Quires
----------------------------------------------- */
@media print { 
	* {visibility:hidden!important;display:none!important;} 
}

/* Gradients Backgrounds
----------------------------------------------- */
.gradient-1-v {	
	background: #f0a907;
    background: -moz-linear-gradient(top, #f0a907 0%, #f53c79 100%);
    background: -webkit-linear-gradient(top, #f0a907 0%, #f53c79 100%);
    background: linear-gradient(to bottom, #f0a907 0%, #f53c79 100%);
    filter: progid:DTransform.Microsoft.gradient( startColorstr='#f0a907', endColorstr='#f53c79',GradientType=0 );
}
.gradient-2-v {
    background: #4dedf5;
    background: -moz-linear-gradient(top, #4dedf5 0%, #480ceb 100%);
    background: -webkit-linear-gradient(top, #4dedf5 0%, #480ceb 100%);
    background: linear-gradient(to bottom, #4dedf5 0%, #480ceb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dedf5', endColorstr='#480ceb',GradientType=0 );
}
.gradient-3-v {
    background: #51f5ae;
    background: -moz-linear-gradient(top, #51f5ae 0%, #3fbcda 100%);
    background: -webkit-linear-gradient(top, #51f5ae 0%, #3fbcda 100%);
    background: linear-gradient(to bottom, #51f5ae 0%, #3fbcda 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51f5ae', endColorstr='#3fbcda',GradientType=0 );
}
.gradient-4-v {
    background: #47a92e;
    background: -moz-linear-gradient(top, #47a92e 0%, #074612 100%);
    background: -webkit-linear-gradient(top, #47a92e 0%, #074612 100%);
    background: linear-gradient(to bottom, #47a92e 0%, #074612 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a92e', endColorstr='#074612',GradientType=0 );
}
.gradient-1-h, #sidebar #first_level:hover .text, #sidebar #first_level .text_active, #sidebar #second_level:hover .text{
	background: #f0a907;
    background: -moz-linear-gradient(right, #f0a907 0%, #f53c79 100%);
    background: -webkit-linear-gradient(right, #f0a907 0%, #f53c79 100%);
    background: linear-gradient(to left, #f0a907 0%, #f53c79 100%);
    filter: progid:DTransform.Microsoft.gradient( startColorstr='#f0a907', endColorstr='#f53c79',GradientType=0 );
}
.gradient-2-h {
    background: #4dedf5;
    background: -moz-linear-gradient(right, #4dedf5 0%, #480ceb 100%);
    background: -webkit-linear-gradient(right, #4dedf5 0%, #480ceb 100%);
    background: linear-gradient(to left, #4dedf5 0%, #480ceb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dedf5', endColorstr='#480ceb',GradientType=0 );
}
.gradient-3-h {
    background: #51f5ae;
    background: -moz-linear-gradient(right, #51f5ae 0%, #3fbcda 100%);
    background: -webkit-linear-gradient(right, #51f5ae 0%, #3fbcda 100%);
    background: linear-gradient(to left, #51f5ae 0%, #3fbcda 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51f5ae', endColorstr='#3fbcda',GradientType=0 );
}
.gradient-4-h {
    background: #47a92e;
    background: -moz-linear-gradient(right, #47a92e 0%, #074612 100%);
    background: -webkit-linear-gradient(right, #47a92e 0%, #074612 100%);
    background: linear-gradient(to left, #47a92e 0%, #074612 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a92e', endColorstr='#074612',GradientType=0 );
}

/* Gradients Buttons -> https://gradientbuttons.colorion.co/
----------------------------------------------- */
.gradient-button-1 {
	background: #FF512F;
    background-image: -moz-linear-gradient(left, #FF512F 0%, #DD2476 51%, #FF512F 100%);
    background-image: -webkit-linear-gradient(left, #FF512F 0%, #DD2476 51%, #FF512F 100%);
    background-image: linear-gradient(to left, #FF512F 0%, #DD2476 51%, #FF512F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF512F', endColorstr='#FF512F',GradientType=1 );
}
.gradient-button-2 {
	background: #00c6ff;
    background-image: -moz-linear-gradient(left, #00c6ff 0%, #0072ff 51%, #00c6ff 100%);
    background-image: -webkit-linear-gradient(left, #00c6ff 0%, #0072ff 51%, #00c6ff 100%);
    background-image: linear-gradient(to left, #00c6ff 0%, #0072ff 51%, #00c6ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6ff', endColorstr='#00c6ff',GradientType=1 );
}
.gradient-button-3 {
	background: #0cebeb;
    background-image: -moz-linear-gradient(left, #0cebeb 0%, #20e3b2 51%, #0cebeb 100%);
    background-image: -webkit-linear-gradient(left, #0cebeb 0%, #20e3b2 51%, #0cebeb 100%);
    background-image: linear-gradient(to left, #0cebeb 0%, #20e3b2 51%, #0cebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cebeb', endColorstr='#0cebeb',GradientType=1 );
}
.gradient-button-4 {
	background: #47a92e;
    background-image: -moz-linear-gradient(left, #47a92e 0%, #074612 51%, #47a92e 100%);
    background-image: -webkit-linear-gradient(left, #47a92e 0%, #074612 51%, #47a92e 100%);
    background-image: linear-gradient(to left, #47a92e 0%, #074612 51%, #47a92e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a92e', endColorstr='#47a92e',GradientType=1 );
}
.gradient-button-1:hover, .gradient-button-2:hover, .gradient-button-3:hover, .gradient-button-4:hover{
	background-position: right center;
}
.button {cursor:pointer;padding:10px;text-align:center;text-transform:uppercase;transition:0.5s;background-size:200% auto;color:white;box-shadow:0 0 20px #EEEEEE;display:inline-block;}
.cancelButton, .updateButton, .deleteButton, .editButton {padding:10px 30px;font-size:16px;display:inline-block;outline:0;margin:20px 0;cursor:pointer;box-shadow:0px 10px 20px 0px rgba(243, 31, 121, 0.3);border:1px solid #fff;margin-left:10px;}

/* Plain Colors
----------------------------------------------- */
.color1 {color: #FC5532;}
.color2 {color: #2277EF;}
.color3 {color: #835DC4;}

/* Animated Gradients Background
----------------------------------------------- */
.animatedBG {background:linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;}
@keyframes gradient { 0% {background-position:0% 50%;} 50% {background-position:100% 50%;} 100% {background-position:0% 50%;} }

/* Text Flicker Animation
----------------------------------------------- */
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

/* Scrollbar
----------------------------------------------- */
/* Only Chrome */
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0px rgba(0,0,0,0.3)!important;background-color:rgba(245, 245, 245, 0.5);}
::-webkit-scrollbar{width:5px;height:10px;background-color:#FFFFFF;}
::-webkit-scrollbar-thumb{background-color:#E0E0E0;}
/* Only IE */
* {scrollbar-face-color:#E0E0E0;scrollbar-shadow-color:#FFFFFF;scrollbar-highlight-color:#DDDDDD;}
/* Only FireFox */
* {scrollbar-color:#E0E0E0 rgba(245, 245, 245, 0.5);scrollbar-width:thin;}
/* Form Elements UI
----------------------------------------------- */
form label {width:250px;display:inline-block;font-size:15px;}
form p {display:block;margin:5px 0;width:100%;}
form ol {display:block;margin:10px 50px;font-size:15px;}
form h2 {clear:both;display:block;margin:20px 0 0 0;font-size:14px;text-transform:uppercase;border-bottom:1px solid #9A9A9A;}
form .custom-file-upload, form input[type="file"], form input[type="date"], form input[type="month"], form input[type="year"], form input[type="number"], form input[type="time"],form input[type="text"], form input[type="password"], form input[type="email"], form textarea, form select {outline:none;display:block;width:calc(100% - 30px);padding:8px 15px;font-size:13px;color:#495057;background-clip:padding-box;border:1px solid #EEEEEE;background:#F7FAFC;border-radius:5px;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
form .custom-file-upload:active, form input[type="file"]:active, form input[type="date"]:active, form input[type="month"]:active, form input[type="year"]:active, form input[type="number"]:active, form input[type="time"]:active,form input[type="text"]:active, form input[type="password"]:active, form input[type="email"]:active, form textarea:active, form select:active {border:1px solid #ced4da;background:#FFFFFF;}
form .custom-file-upload:focus, form input[type="file"]:focus, form input[type="date"]:focus, form input[type="month"]:focus, form input[type="year"]:focus, form input[type="number"]:focus, form input[type="time"]:focus,form input[type="text"]:focus, form input[type="password"]:focus, form input[type="email"]:focus, form textarea:focus, form select:focus {border:1px solid #ced4da;background:#FFFFFF;}
form .custom-file-upload:hover, form input[type="file"]:hover, form input[type="date"]:hover, form input[type="month"]:hover, form input[type="year"]:hover, form input[type="number"]:hover, form input[type="time"]:hover,form input[type="text"]:hover, form input[type="password"]:hover, form input[type="email"]:hover, form textarea:hover, form select:hover {border:1px solid #ced4da;background:#FFFFFF;}
form select {width:calc(100% - 0px);}
form input[type="reset"], form input[type="submit"], form input[type="button"] {padding:10px 30px;font-size:16px;display:inline-block;outline:0;margin:20px 0;cursor:pointer;box-shadow: 0px 10px 20px 0px rgba(243, 31, 121, 0.3);border: 1px solid #fff;margin-left:10px;}
form input[type="submit"] {margin-left:0px;}
.custom-file-upload input[type="file"] {display:none;}
.custom-file-upload {border:1px solid #ccc;display:inline-block;padding:6px 12px;cursor:pointer;}

/* Login Page
----------------------------------------------- */
.bodyLoginBG {background-image:url(../img/dollor_bg.jpg);background-size:auto;background-repeat:repeat;}
#login {position:fixed;top:50%;left:50%;margin:-225px 0 0 -150px;width:300px;height:450px;background:#FFFFFF;border:1px solid #DDDDDD;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.25);transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;}
#login .login {}
#login .login_title {width:100%;display:block;box-shadow:0px 10px 30px 10px rgba(0, 0, 0, 0.1);padding:20px 0;}
#login .login_title img {width:100px;height:100px;display:block;margin:0 auto;outline:none;border:0;}
#login .login_form {margin-top:20px;padding:20px;}
#login .login_form input[type="submit"] {box-shadow: 0px 10px 20px 0px rgba(243, 31, 121, 0.3)!important;border:1px solid #FFFFFF!important;width:100%;margin:0!important;}
#login .login_form span {color:#666;padding:10px 0;display:block;font-size:11px;font-style:italic;}
#login .login_form input[type="password"], #login .login_form input[type="text"] {border:1px solid #ced4da!important;}
#login .login_credit {font-size:12px;line-height:20px;text-align:center;margin-top:10px;display:block;}
#login .login_credit i {color:#666666;font-style:normal;font-size:14px;}
#login .login_credit a {color:#000000;text-decoration:none}

/* Members Login Page
----------------------------------------------- */
#membersLogin {background-image:url(../img/Login-Image.jpg);background-position:100% 100%;background-repeat:no-repeat;background-size:cover;}
#membersLogin .membersLoginMain {position:fixed;top:50%;left:50%;margin:-300px 0 0 -500px;width:1000px;height:600px;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.1);transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;}
#membersLogin .membersLoginMain .left {width:40%;position:relative;height:100%;background-image:url(../img/Login.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;color:#FFFFFF;}
#membersLogin .membersLoginMain .right {background:#FFFFFF;width:60%;position:relative;height:100%;overflow:auto;}
#membersLogin .membersLoginMain  #signup, #membersLogin .membersLoginMain  #signin {margin:0;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);width:calc(100% - 40px);}
#membersLogin .membersLoginMain .left img {width:80px;margin-bottom:30px;}
#membersLogin .membersLoginMain .left h1 {font-family:sans-serif;font-size:34px;line-height:45px;}
#membersLogin .membersLoginMain .left h2 {font-size:20px;margin:0 0 30px 0;}
#membersLogin .membersLoginMain .left h3 {font-size:20px;font-weight:100;margin:15px 0;}
#membersLogin .membersLoginMain .left p {font-size:14px;text-align:justify;line-height:17px;}
#membersLogin .membersLoginMain .left a {color:#FFFFFF;text-transform:uppercase;text-decoration:none;cursor:pointer;}
#membersLogin .membersLoginMain .right h1 {font-size:22px;color:#5d5d5d;text-transform:uppercase;border-bottom:1px solid #d4d4d4;margin:30px 0 15px 0;padding-bottom:10px;text-align:center;}
#membersLogin .login_member_form {padding:20px;}
#membersLogin .login_member_form span {color:#999999;padding:5px 0 0 0;display:block;font-size:11px;}
#membersLogin .login_member_form label {width:auto;font-size:13px;}
#membersLogin .login_member_form  input[type="reset"], #membersLogin .login_member_form   input[type="submit"], #membersLogin .login_member_form   input[type="button"] {float:right;box-shadow:0px 10px 20px 0px rgb(1 196 255 / 50%);}

/* NavBar
----------------------------------------------- */
#navBar {width:100%;position:relative;}
#navBar .navBar {border-bottom:1px solid #DDDDDD;background:#FFFFFF;color:#333333;height:70px;font-size:13px;width:100%;line-height:70px;}
#navBar .navBar span.showMenu {position:relative;cursor:pointer;display:inline-block;float:left;padding:0 10px;font-size:20px;color:#666666;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;}
#navBar .navBar span.showMenu b {text-align:center;position:absolute;cursor:pointer;display:block;width:10px;height:10px;bottom:15px;right:0px;padding:5px;font-size:10px;color:#FFFFFF;transition:all .5s ease;border-radius:100% 100%;}
#navBar .navBar span.showMenu:hover {background:#e8e8e8;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15) inset;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;}
#navBar .navBar span.user {position:relative;cursor:pointer;display:inline-block;float:left;padding:15px;height:32px;width:32px;color:#666666;transition:all .5s ease;margin-right:10px;}
#navBar .navBar span.user img {width:32px;height:32px;border-radius:100% 100%;border:5px solid #fff;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);}
/* Notification Widget */
#navBar .notificationDIV {z-index:99;position:absolute;top:70px;right:0px;width:280px;height:300px;border:1px solid #DDDDDD;background:#FFFFFF;box-shadow:0 1px 10px rgba(0, 0, 0, 0.15);overflow:hidden;line-height:normal;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;}
#navBar .notificationDIV .notiTitle {display:block;height:26px;padding:15px;color:#FFF;font-size:18px;}
#navBar .notificationDIV a {text-decoration:none;color:#999999;}
#navBar .notificationDIV ul {height:244px;overflow-y:scroll;}
#navBar .notificationDIV ul li {list-style-type:none;padding:15px 10px;cursor:pointer;border-bottom:1px dashed #D6D6D6;}
#navBar .notificationDIV ul li img {width:42px;height:42px;border-radius:100% 100%;float:left;display:inline-block;margin-right:10px;}
#navBar .notificationDIV ul li span.priorty {padding:10px;float:left;display:inline-block;margin-right:10px}
#navBar .notificationDIV ul li span.circle {margin:0 auto;padding:10px;width:0px;height:0px;display:block;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
#navBar .notificationDIV ul li h3 {font-size:14px;font-weight:400;color:#666666;}
#navBar .notificationDIV ul li p {font-size:11px;line-height:11px;margin-top:5px;}
#navBar .notificationDIV ol {height:188px;overflow-y:scroll;}
#navBar .notificationDIV ol li {list-style-type:none;padding:10px;border-bottom:1px dashed #D6D6D6;height:26px;}
#navBar .notificationDIV ol li .fa {border-radius:100% 100%;color:#FFFFFF;width:16px;height:16px;float:left;display:inline-block;margin-right:10px;padding:5px;font-size:15px;line-height:15px;text-align:center;}
#navBar .notificationDIV ol li h3 {font-size:14px;color:#666666;line-height:27px;font-weight:400;}

/* Sidebar
----------------------------------------------- */
#sidebar {height:100vh;background:#FFFFFF;color:#999999;width:230px;float:left;position:relative;overflow:hidden;z-index:9;}
#sidebar .sidebar_logo {background:#F5F5F5;width:100%;height:120px;text-align:center;display:block;margin:0px;padding-top:10px;box-shadow:0 1px 10px rgba(0, 0, 0, 0.15);}
#sidebar .sidebar_logo img {height:100px;margin:0 auto;display:block;}
#sidebar ul.sidebar_menu {margin-top:10px;overflow-y:scroll;height:calc(100vh - 140px);}
#sidebar ul .sidebar_title {padding:15px 10px 10px 20px;font-size:12px;color:#222222;font-weight:400;text-transform:uppercase;}
#sidebar ul a {text-decoration:none;color:#999999;font-weight:400;font-size:14px;}
#sidebar ul .text {color:#999999;font-size:14px;line-height:24px;text-decoration:none;font-weight:400;}
#sidebar ul	.active{background:#F3F1FA;}
#sidebar ul	.deactive {background:none;}
#sidebar ul	li {list-style-type:none;position:static;}
#sidebar ul #first_level {padding:15px 10px 10px 20px;}
#sidebar ul #first_level .show {float:right;cursor:pointer;color:#FFF;line-height:25px;}
#sidebar ul #first_level .fa-div {float:left;width:30px;}
#sidebar ul #first_level .fa-div .fa {font-size:20px}
#sidebar #first_level:hover {cursor:pointer;background:#F3F1FA;-webkit-transition:background .15s linear;-o-transition:background .15s linear;-moz-transition:background .15s linear;transition:background .15s linear;}
#sidebar #first_level:hover .text, #sidebar #first_level .text_active {-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;-webkit-transition:color .15s linear;-o-transition:color .15s linear;-moz-transition:color .15s linear;transition:color .15s linear;}
#sidebar #first_level:hover .fa-div, #sidebar #first_level .fa-div_active {color:#f53c79!important;}
#sidebar #first_level:hover .show, #sidebar #first_level .show_active {color:#f0a907!important;}
#sidebar ul ul {margin-top:1px;overflow:hidden;-webkit-transition:max-height 0.5s linear;-o-transition:max-height 0.5s linear;-moz-transition:max-height 0.5s linear;transition:max-height 0.5s linear;}
#sidebar ul ul #second_level {padding:10px 0 10px 45px;}
#sidebar ul ul #second_level:hover {background:#F3F1FA;-webkit-transition:background .15s linear;-o-transition:background .15s linear;-moz-transition:background .15s linear;transition:background .15s linear;}
#sidebar ul ul #second_level:hover a {-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;-webkit-transition:color .15s linear;-o-transition:color .15s linear;-moz-transition:color .15s linear;transition:color .15s linear;}
/* Small Sidebar */
.small_sidebar .sidebar_title, .small_sidebar .text, .small_sidebar .show, .small_sidebar .sidebar_logo  {display:none!important;}
.small_sidebar .small_sidebar_logo {font-size:30px;font-weight:bold;background:#F5F5F5;width:100%;height:70px;line-height:70px;text-align:center;margin:0px;box-shadow:0 1px 10px rgba(0, 0, 0, 0.15);}
.small_sidebar .small_sidebar_logo a {text-decoration:none;color:#666666}
.small_sidebar  ul.sidebar_menu {height:calc(100vh - 80px)!important;}
.small_sidebar  ul #first_level {padding:10px 10px 10px 20px!important;}
.small_sidebar  ul #first_level .fa-div {float:none!important;}
.small_sidebar  ul ul.children {width:230px;position:fixed;z-index:10;display:none;min-height:auto;background:#FFFFFF;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15) inset;}
.small_sidebar  ul li:hover > ul.children {display:block;}

/* Main Wrapper
----------------------------------------------- */
#wrapper {width:calc(100% - 230px);min-height:100vh;overflow:hidden;position:relative;transition: all .5s ease;background:#F7FAFC;}
/* Breadcrumb */
#breadcrumb {background:#FFFFFF;}
#breadcrumb .breadcrumb {padding:15px;}
#breadcrumb .breadcrumb span {display:inline-block;margin-right:10px;}
#breadcrumb .breadcrumb a {display:inline-block;margin:0 5px;color:#223333;	}
/* Wrapper Heading */
.wrapper {padding:20px 20px 0px 20px;overflow-y:scroll;height:calc(100vh - 141px);}
.wrapper #pageHeading {clear:both;line-height:20px;display:block;color:#333;font-size:14px;margin-bottom:20px;}
.wrapper #pageHeading h2 {color:#333;font-size:19px;font-family:sans-serif;}
/* Row Col */
.row {display:flex;width:100%;clear:both;}
.col23 {width:calc(66.66% - 20px);float:left;margin:10px;}
.col13 {width:calc(33.33% - 20px);float:left;margin:10px;}
.col1 {width:calc(100% - 20px);float:left;margin:10px;}
.col2 {width:calc(50% - 20px);float:left;margin:10px;}
.col3 {width:calc(33.33% - 20px);float:left;margin:10px;}
.col4 {width:calc(25% - 20px);float:left;margin:10px;}
.col6 {width:calc(16.66% - 20px);float:left;margin:10px;}
/* Show Hide Boxes */
.shPanel, .shPanelCollapsed {margin-bottom:20px;width:100%;position:relative;}
.shPanel .shPanelHeading, .shPanelCollapsed .shPanelHeading {clear:both;line-height:30px;display:block;color:#333;font-size:14px;padding:30px}
.shPanel .shPanelHeading h2, .shPanelCollapsed .shPanelHeading h2{color:#333;font-size:19px;margin-bottom:10px;}
.shPanel .shPanelHeading span, .shPanelCollapsed .shPanelHeading span {cursor:pointer;display:inline-block;width:30px;height:30px;line-height:30px;border-radius:50%;border:1px solid #EEEEEE;text-align:center;background:#F7FAFC;margin-right:8px;}
.shPanelContent {overflow:hidden;transition:max-height 0.75s ease-in;max-height:3000px;}
.shPanelCollapsed .shPanelContent {max-height:0!important;transition:max-height 0.75s ease-out;}
.shPanelContentInner {padding:20px;overflow-x:scroll;}
.shPanel .reloadingDIV {width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(255, 255, 255, 0.75);z-index:99999;}
.shPanel .reloadingDIV .reloading {position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;width:40px;height:40px;}
.shPanel .reloadingDIV .reloading i {font-size:40px;width:40px;height:40px;}
/* Tabbed Content Panel */
.tabs {display:flex;flex-wrap:wrap;margin:20px 0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;}
.tabs label.tabButton {z-index:1;order:1;display:block;cursor:pointer;transition:background ease 0.2s;float:left;border:1px solid #CCCCCC;border-bottom:none;margin:0 0 -1px 5px;padding:5px 10px;font-size:14px;line-height:1.71428571;font-weight:400;background:#f7fafc;text-decoration:none;white-space:nowrap;color:#ADADAD;}
.tabs label.tabButton:nth-of-type(1) {margin: 0 0 -1px 0;}
.tabs .tab {order:99;/*flex-grow:1;*/width:calc(100% - 42px);display:none;padding:20px;border-top:1px solid #b7b7b7;overflow-x:scroll;}
.tabs input[type="radio"] {display:none;}
.tabs input[type="radio"]:checked + label.tabButton {color:#000000;font-weight:600;border-bottom: 1px solid #FFFFFF;background:#FFFFFF;}
.tabs input[type="radio"]:checked + label.tabButton + .tab {display:block;}
@media screen and (max-width: 1000px) {
  .tabs .tab, .tabs label.tabButton {order:initial;margin:0;}
  .tabs label.tabButton {width:calc(100% - 0px);}
  .tabs label.tabButton:nth-of-type(1) {margin:0;}
}
/* Widgets Style */
#wrapper .widget {padding:10px;background:#FFFFFF;}
#wrapper .pageWidget {text-align:center;}
#wrapper .pageWidget span.fa-div {font-size:150px;}
#wrapper .pageWidget a {text-decoration:none;}
#wrapper .pageWidget h2 {margin-bottom:10px;line-height:20px;font-size:26px;}
#wrapper .pageWidget p {color: #666;font-size:18px;}
#wrapper .summaryTiles {padding:20px;color:#FFFFFF;margin:0 10px;}
#wrapper .summaryTiles hr {height:3px;margin:15px 0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgb(255, 255, 255), rgba(0,0,0,0));background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255), rgba(0,0,0,0));background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255), rgba(0,0,0,0));background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255), rgba(0,0,0,0));}
#wrapper .summaryTiles .left {text-align:left;margin:20px 0;}
#wrapper .summaryTiles .left .fa {font-size:40px;}
#wrapper .summaryTiles .right {text-align:right;}
#wrapper .summaryTiles .right b {clear:both;display:block;font-size:20px;}
#wrapper .summaryTiles .right i {clear:both;display:block;font-size:14px;}
#wrapper .summaryTiles p {text-align:center;line-height:15px;font-size:12px;font-weight:400;}
#wrapper .summaryTiles a {text-decoration:none;color:#666;}

#wrapper .summaryTiles2 {padding:20px;margin:20px 0;}
#wrapper .summaryTiles2 .right {text-align:left;}
#wrapper .summaryTiles2 .right .fa-div {font-size:40px;padding:10px 40px;color:#FFFFFF;}
#wrapper .summaryTiles2 .left {}
#wrapper .summaryTiles2 .left b {clear:both;display:block;font-size:20px;}
#wrapper .summaryTiles2 .left i {clear:both;display:block;font-size:14px;}
#wrapper .summaryTiles2 a {text-decoration:none;color:#666;}

#wrapper .summaryTiles3 {padding:20px;margin:20px 0;text-align:center;}
#wrapper .summaryTiles3 .fa-div {font-size:40px;padding:10px 40px;color:#FFFFFF;display:block;}
#wrapper .summaryTiles3 b {clear:both;display:block;font-size:20px;margin-top:30px;}
#wrapper .summaryTiles3 i {clear:both;display:block;font-size:14px;}
#wrapper .summaryTiles3 a {text-decoration:none;color:#666;}

#wrapper .summaryTiles4 {padding:20px;margin:20px 0;}
#wrapper .summaryTiles4 .right {text-align:left;}
#wrapper .summaryTiles4 .right .text {font-size:40px;color:#DDDDDD;}
#wrapper .summaryTiles4 .left {}
#wrapper .summaryTiles4 .left b {clear:both;display:block;font-size:20px;}
#wrapper .summaryTiles4 .left i {clear:both;display:block;font-size:14px;}
#wrapper .summaryTiles4 a {text-decoration:none;color:#666;}

#wrapper .summaryTiles5 {padding:20px;margin:20px 0;}
#wrapper .summaryTiles5 .right {text-align:left;}
#wrapper .summaryTiles5 .right img {max-width:50px;}
#wrapper .summaryTiles5 .left {}
#wrapper .summaryTiles5 .left b {clear:both;display:block;font-size:20px;}
#wrapper .summaryTiles5 .left i {clear:both;display:block;font-size:14px;}
#wrapper .summaryTiles5 a {text-decoration:none;color:#666;}

#wrapper .summaryTiles6 {padding:20px;margin:20px 0;}
#wrapper .summaryTiles6 span {font-size:45px;color:#DDDDDD;float:right;}
#wrapper .summaryTiles6 span img {width:60px;}
#wrapper .summaryTiles6 b {font-size:20px;}
#wrapper .summaryTiles6 i {font-size:14px;display:block;margin:5px 0;font-weight:bold;}
#wrapper .summaryTiles6 p {font-size:14px;text-align:justify;margin:5px 0;color:#000000;background:#f4f8fb;padding:10px;display:inline-block;}
#wrapper .summaryTiles6 u {font-size:14px;display:block;text-align:justify;text-decoration:none;font-style:italic;}
#wrapper .summaryTiles6 a {margin:15px 0;display:inline-block;}
#wrapper .summaryTiles6 a {text-decoration:none;color:#666;}

#wrapper ul.widgetList {margin:-20px;}
#wrapper ul.widgetList li {list-style-type:none;color:#969696;font-size:12px;padding:20px;word-break:break-all;border-bottom:1px dashed #B3B3B3;font-family:sans-serif;}
#wrapper ul.widgetList li:nth-child(even) {background:#F9FAFC;}
#wrapper ul.widgetList li:hover {border-left:5px solid #f53e77;}
#wrapper ul.widgetList li span{clear:both;font-weight:bold;display:block;color:#212121;font-size:15px;margin-bottom:5px;}
#wrapper ul.widgetDualList {display:block;position:relative;}
#wrapper ul.widgetDualList li {display:block;list-style-type:none;padding:15px 10px;position:relative;}
#wrapper ul.widgetDualList li:before {border-left:2px dotted #bdbdbd;content:"";width:2px;height:65px;left:21px;position:absolute;display:block;top:21px;}
#wrapper ul.widgetDualList span.dot {display:inline-block;margin-right:20px;vertical-align:top;z-index:10;position:relative;float:left;}
#wrapper ul.widgetDualList span.circle {padding:10px;width:5px;height:5px;display:block;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
#wrapper ul.widgetDualList span.data {display:inline-block;}
#wrapper ul.widgetDualList span.data h4 {color:#333;}
#wrapper ul.widgetDualList span.data p {font-size:12px;color:#666;}
#wrapper ul.widgetDualList span.data a {text-decoration:none;color:#f53c79;}
#wrapper table.widgetTable {width:100%;border-collapse:collapse;}
#wrapper table.widgetTable span.circle {margin:0 auto;padding:10px;width:5px;height:5px;display:block;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
#wrapper table.widgetTable th {text-align:center;color:#333;padding:10px;}
#wrapper table.widgetTable td {text-align:center;color:#333;padding:10px;}
#wrapper table.widgetTable td a {text-decoration:none;color:#f53c79;font-size:15px;margin-left:10px;}
#wrapper table.widgetTable tr:nth-child(odd) {background:#F9F9F9;}
#wrapper table.widgetTable tr th:nth-child(1) {text-align:left;}
#wrapper table.widgetTable tr td:nth-child(1) {text-align:left;}
#progressBarMain {display:block;margin:25px auto;}
#progressBarMain span {display:inline-block;line-height:30px;font-size:17px;}
#progressBarMain #progressBar {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:relative;width:100%;height:8px;background-color:#ddd;display:block;}
#progressBarMain .progressBarResult {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:absolute;width:0;height:100%;display:block;background-color:#4fa8df;transition:width 1s ease-in-out;-webkit-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out;-ms-transition:width 1s ease-in-out;-moz-transition:width 1s ease-in-out;}
#progressCircleBar {display:block;}
#progressCircleBar .left, #progressCircleBar .right {display:block;width:calc(50% - 2%);text-align:center;}
#progressCircleBar .progress-circle {font-size:20px;margin:20px auto; }
#progressCircleBar .left .progress-circle span {color:#f53c79 ;}
#progressCircleBar .left .progress-circle.over50 .first50-bar {background-color:#f53c79 ;}
#progressCircleBar .left .value-bar {border:.45em solid #f53c79;}
#progressCircleBar .right .progress-circle span {color:#6a8ff2 ;}
#progressCircleBar .right .progress-circle.over50 .first50-bar {background-color:#6a8ff2 ;}
#progressCircleBar .right .value-bar {border:.45em solid #6a8ff2;}
#systemIP {display:block;margin:20px 0;}
#systemIP .left, #systemIP .right {display:block;width:50%;text-align:center;}
#systemIP h3 {color:#f54f68;line-height:20px;font-size:20px;}
#systemIP p {color:#b5b5b5;line-height:25px;font-size:14px;}
#progressCircleBar .left, #systemIP .left {width:calc(50% - 2%);border-right: 1px solid #bdbdbd;}
#pakistanMap {padding:20px;background-image:url(../img/Pakistan-Map.jpg);background-position:90% 100%;background-repeat:no-repeat;background-size:contain;}

/* JS Progress Bar Chart
----------------------------------------------- */
.progressBarChart {position:relative;margin:10px;display:inline-block;}
.progressBarChartContainer img {width:120px;}
.progressBarChart canvas {display:block;position:absolute;top:0;left:0;}
.progressBarChart span {color:#555;display:block;text-align:center;font-size:30px;font-weight:100;margin-left:5px;}
.progressBarChartContainer {text-align:center;display:inline-block;}
.progressBarChartContainer b {text-align:center;clear:both;display:block;font-size:20px;color:#949494;}

/* Widgets
----------------------------------------------- */
h2.auditStatusHeading {background:#505458;color:#FFFFFF;font-size:20px;font-weight:100;padding:5px 20px;margin:20px 0;}
h3.auditStatusSubHeading {color:#9A9A9A;font-size:20px;font-weight:100;margin:20px 0;text-align:center;}
#auditStatusShort {text-align:center;}
#auditStatusShort h2 {font-size:35px;margin:10px 0;}
#auditStatusShort b {color:#949494;font-size: 16px;}
#auditStatusShort {}
#websiteScreenshot {text-align:center;}
#thumbFull {background: url('../img/display.png') 0% 0% / cover no-repeat;width:450px;height:355px;clip:rect(0,450px,355px,0);position:relative;margin:0 auto;padding:0;overflow:hidden;}
#thumbFull img {position:absolute;left:20px;top:20px;width:410px;height:235px;}
#thumbTablet {background: url('../img/tablet.png') 0% 0% / cover no-repeat;width:415px;height:580px;clip:rect(0,450px,355px,0);position:relative;margin:0 auto;padding:0;overflow:hidden;}
#thumbTablet img {position:absolute;left:37px;top:45px;width:350px;height:490px;}
#thumbMobile {background: url('../img/mobile.png') 0% 0% / cover no-repeat;width:250px;height:485px;clip:rect(0,450px,355px,0);position:relative;margin:0 auto;padding:0;overflow:hidden;}
#thumbMobile img {position:absolute;left:10px;top:50px;width:230px;height:380px;}
#auditStatus {text-align:center;}
#websiteGraph {text-align:center;}
#auditStatusHeading {}
#auditStatusHeading .progressBarChartContainer {float:left;display:inline-block;margin:0 50px;}
#auditStatusHeading h2 {line-height:70px;color:#505458;font-size:36px;}
#auditStatusHeading p {color:#505458;font-size:16px;text-align:justify;}
.scriptExecutionTime {color:#666666;font-size: 13px;text-align:right;padding:0 10px;font-style:italic;}
/* FullCalender.io */
.fc button {height:2.1em!important;padding:0 .8em!important;font-size:1.3em!important;}
.fc table {font-size:1.1em!important;}
.fc th, .fc td {padding:5px!important;}
/* Pagination */
.showPaginationData {display:block;text-align:center;margin-bottom:10px;}
.showPaginationData p {float:left;padding-bottom:5px;border-bottom:4px double #DDD;margin-right:10px;}
.showPaginationData p label {margin-right:10px;display:inline-block;font-size:14px;}
.showPaginationData p input[type="text"] {text-align:center;display:inline-block;padding:2px 5px;width:33px;border:1px solid #878787;}
.showPaginationData p select {display:inline-block;padding:2px 5px;height:26px;font-size:12px;}
.showPaginationData .paginationPages {display:block;}
.showPaginationData .paginationPages a {cursor:pointer;border:1px solid #eeeeee;padding:5px;text-decoration:none;color:#898989;font-size:12px;width:18px;display:inline-block;height:18px;text-align:center;}
.showPaginationData .paginationPages a:hover {background:#f7fafc;border:1px solid #d8d8d8;}
.showPaginationData .paginationPages a.firstPage, .showPaginationData .paginationPages a.lastPage {margin:0 2px;background:#f7fafc;width:70px;height:18px;border:1px solid #d8d8d8;}
.showPaginationData .paginationPages a.previousPage, .showPaginationData .paginationPages a.nextPage {margin:0 2px;background:#f7fafc;width:18px;height:18px;border:1px solid #d8d8d8;}
.showPaginationData .paginationPages a.currentPage {border:1px solid #d8d8d8;padding:10px;text-decoration:none;color:#000000;font-size:12px;}
.showPaginationData .paginationPages a.currentPage:hover {background:#f7fafc;color:#444;}
/* Attendance Profile */
.attendanceProfile {}
.attendanceProfile img {width:120px;height:120px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;border:1px solid #878787;}
.attendanceProfile h2 {font-size:24px;border:0;}
.attendanceProfile h3 {font-size:20px;}
.attendanceProfile p {font-size:15px;}
/* POP-UP Box */
#popupDIV {position:fixed;z-index:99999;width:100vw;height:100vh;left:0;top:0;background:#FFFFFFaa;overflow:scroll;}
#popupDIV #popupDIVcontent {padding:10vh 10vw 10vh 10vw;}
#popupDIV #popupDIVcontentInner {width:100%;height:100%;border: 1px solid #cecece;background:#FFF;box-shadow:0px 25px 50px 0px rgba(0, 0, 0, 0.1);}
#popupDIV .popupClose {cursor:pointer;background:#FF0000;border-radius:100%;color:#FFFFFF;position:relative;top:10px;left:calc(100% - 40px);width:30px;height:30px;text-align:center;line-height:30px;font-size:25px;}
#popupDIV .popupData {padding:20px;}
#popupDIV .popupData .popupDataHeading {font-size:30px;border-bottom:1px solid #000000;margin-bottom:20px;line-height:45px;text-transform:uppercase;}
#popupDIV .popupData .popupDataRow {border-bottom:1px dashed #cecece;word-break:break-all;display:block;}
#popupDIV .popupData .popupDataLabel {display:inline-block;width:250px;font-size:18px;line-height:30px;}
#popupDIV .popupData .popupDataValue {display:inline-block;font-size:18px;line-height:30px;}
#popupDIV .popupData .emailpreview ul, #popupDIV .popupData .emailpreview ol {margin-left:30px;} 
#popupDIV .popupData .emailpreview h2, #popupDIV .popupData .emailpreview h3 {margin-top:5px;} 
#popupDIV .popupData .emailpreview img {max-width:100%;} 
/* TABLE */
#table {overflow-x:scroll;display:block;}
.table {display:block;margin:10px 0;border:1px solid #D3D3D3;border-collapse:collapse;border-spacing:0;margin:0 auto;}
.table th {color:#424242;background:#F7FAFC;border-bottom:2px solid #EEEEEE;border-right:1px solid #EEEEEE;font-size:14px;font-weight:600;padding:15px;vertical-align:middle;}
.table td {padding:5px 10px;text-align:left;vertical-align:middle;font-weight:100;font-size:13px;border-right:1px solid #EEEEEE;}
.table tr {white-space:nowrap;border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;color:#666;font-size:16px;font-weight:normal;cursor:pointer;}
.table tr:hover td {background:#f5f8ff;color:#000000;}
.table tr:hover td a {color:#000000;}
.table tr:nth-child(odd) {background:#F9FAFC;}
.table tr:nth-child(odd):hover {background:#f5f8ff;}
.table .link {color:#33AADD;font-weight:bold;}
.table span.circle {margin:0 auto;padding:10px;width:0px;height:0px;display:block;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
.table a span.fa {text-decoration:none;color:#f53c79;font-size:15px;margin-left:10px;}
.table a.button {padding:0px 10px!important;margin:0!important;font-size:12px!important;text-decoration:none;line-height:26px;}
.table a.button:hover, .table tr:hover td a.button {color:#FFF;}
.table tr:nth-child(2) th {padding:5px;color:#989898;font-size:12px;font-weight:400;} 
.table tr input[type="date"], .table tr input[type="number"], .table tr input[type="time"], .table tr input[type="text"], .table tr input[type="password"], .table tr input[type="email"], .table tr textarea, .table tr select {border:1px solid #ced4da;background:#FFFFFF;width:calc(100% - 20px);padding:5px 10px;-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;display:block;}
.linkButton {text-decoration:underline;cursor:pointer;color:blue;}
/* DIV TABLE */
.divTable {display:block;margin:10px 0;border:1px solid #D3D3D3;border-collapse:collapse;border-spacing:0;margin:0 auto;}
.divTableHead {display:table-header-group;}
.divTableBody {display:table-row-group;}
.divTable .tableRow, .divTable .tableRowHead {display:table-row;white-space:nowrap;border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;color:#666;font-size:16px;font-weight:normal;cursor:pointer;}
.divTable .tableRow .tableCell, .divTable .tableRowHead .tableCell  {display:table-cell;white-space:nowrap;padding:3px 10px;text-align:left;vertical-align:middle;font-weight:100;font-size:13px;border-right:1px solid #EEEEEE;}
.divTable .tableRowHead .tableCell {color:#424242;background:#F7FAFC;border-bottom:2px solid #EEEEEE;border-right:1px solid #EEEEEE;font-size:14px;font-weight:600;padding:15px;vertical-align:middle;text-align:center;}
.divTable .tableRow:hover .tableCell {background:#f5f8ff;color:#000000;}
.divTable .tableRow:hover .tableCell a {color:#000000;}
.divTable .tableRow:hover .tableCell a.button {color:#FFFFFF;}
.divTable .tableRow:nth-child(odd) {background:#F9FAFC;}
.divTable .tableRow:nth-child(odd):hover {background:#f5f8ff;}
.divTable .link {color:#33AADD;font-weight:bold!important;}
.divTable span.circle {margin:0 auto;padding:10px;width:0px;height:0px;display:block;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
.divTable a span.fa {text-decoration:none;color:#f53c79;font-size:15px;margin-left:10px;}
.divTable a.button {padding:0px 10px!important;margin:0!important;font-size:12px!important;text-decoration:none;line-height:26px;display:block;border-radius:999px;-moz-border-radius:999px;-webkit-border-radius:999px;-ms-border-radius:999px;-o-border-radius:999px;}
.divTable a.button:hover, .divTable .tableRow:hover .tableRow a.button {color:#FFF;}
.divTable .tableRowHead:nth-child(2) .tableCell {padding:5px;color:#989898;font-size:12px;font-weight:400;} 
.divTable .tableRowHead select, .divTable .tableRowHead input[type="date"], .divTable .tableRowHead input[type="number"], .divTable .tableRowHead input[type="time"], .divTable .tableRowHead input[type="text"], .divTable .tableRowHead input[type="password"], .divTable .tableRowHead input[type="email"], .divTable .tableRowHead textarea, .divTable .tableRowHead select {border:1px solid #ced4da;background:#FFFFFF;width:calc(100% - 20px);padding:5px 10px;-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;display:block;}
.divTable .tableRowHead select {width:100%!important;text-align:center;text-align-last: center;}
.divTable .tableRowHead option {text-align:center;text-align-last: center;}
.divTable .tableRowHead input[type="button"] {padding:5px 10px;font-size:11px;margin:0;border:0;outline:0;}
.divTable .tableRowHead .tableCell label {width:auto;}
.divTable .tableRowHead .tableCell input[type="checkbox"] {display:none;}
.divTable .tableRowHead .tableCell .fa {margin-left:10px;cursor:pointer;}
.divTable form {display:contents;}
#showTableFooter {display:block;text-align:center;margin-top:10px;line-height:30px;}
#showTableFooter form#inlineForm {display:inline-block;}
#showTableFooter form#inlineForm select{display:inline-block;padding:2px 5px;height:26px;font-size:12px;width:auto;}
#showTableFooter form#inlineForm input[type="submit"]{padding:3px 10px!important;margin:0!important;font-size:12px!important;}
#showTableFooter a {padding:0px 10px!important;margin:0!important;font-size:12px!important;text-decoration:none;line-height:26px;border:1px solid #FFFFFF;}

/* Footer
----------------------------------------------- */
#footer {color:#333333;height:50px;font-size:13px;line-height:50px;text-align:center;}
#footer a {color:#0072ff ;text-decoration:none;transition:0.5s}
#footer a:hover {color:#DD2476;border-bottom:1px solid #DDD;}

/* Responsive Quires
----------------------------------------------- */
@media only screen and (min-width:1025px) and (max-width:1280px){
	body {overflow:hidden!important;}
	.row {display:block!important;}
	.col13,.col23,.col2,.col3,.col4,.col6 {width:calc(50% - 20px)!important;}	
	.shPanelContent {max-height:2000px!important;}
	#footer {line-height:20px!important;}
	#footer .left, #footer .right {float:none!important;}
}
@media only screen and (min-width:967px) and (max-width:1024px){
	body {overflow:hidden!important;}
	#membersLogin .membersLoginMain {top:0!important;left:0!important;margin:0!important;width:101%!important;overflow-x: scroll!important;}
	#membersLogin .membersLoginMain .left {width: 100%!important;height:650px!important;}
	#membersLogin .membersLoginMain .right {width: 100%!important;height:800px!important;}
	.row {display:block!important;}
	.col13,.col23,.col2,.col3,.col4,.col6 {width:calc(50% - 20px)!important;}	
	.shPanelContent {max-height:2000px!important;}
	#footer {line-height:20px!important;}
	#footer .left, #footer .right {float:none!important;}
}
@media only screen and (min-width:769px) and (max-width:966px){
	#membersLogin .membersLoginMain {top:0!important;left:0!important;margin:0!important;width:101%!important;overflow-x: scroll!important;}
	#membersLogin .membersLoginMain .left {width: 100%!important;height:650px!important;}
	#membersLogin .membersLoginMain .right {width: 100%!important;height:800px!important;}
	body {overflow:hidden!important;}
	.row {display:block!important;}
	.col13,.col23,.col2,.col3,.col4,.col6 {width:calc(100% - 20px)!important;}	
	.shPanelContent {max-height:2500px!important;}
	#footer {line-height:20px!important;}
	#footer .left, #footer .right {float:none!important;}
}
@media only screen and (min-width:601px) and (max-width:768px){
	body {overflow:hidden!important;}
	#membersLogin .membersLoginMain {top:0!important;left:0!important;margin:0!important;width:101%!important;overflow-x: scroll!important;}
	#membersLogin .membersLoginMain .left {width: 100%!important;height:650px!important;}
	#membersLogin .membersLoginMain .right {width: 100%!important;height:800px!important;}
	.row {display:block!important;}
	.col13,.col23,.col2,.col3,.col4,.col6 {width:calc(100% - 20px)!important;}	
	.shPanelContent {max-height:2500px!important;}
	#showTableFooter a {width: calc(100% - 24px)!important;}
	#footer {line-height:20px!important;}
	#footer .left, #footer .right {float:none!important;}
}
@media only screen and (min-width:481px) and (max-width:600px){
	body {overflow:hidden!important;}
	#membersLogin .membersLoginMain {top:0!important;left:0!important;margin:0!important;width:101%!important;overflow-x: scroll!important;}
	#membersLogin .membersLoginMain .left {width: 100%!important;height:650px!important;}
	#membersLogin .membersLoginMain .right {width: 100%!important;height:800px!important;}
	.row {display:block!important;}
	.col13,.col23,.col2,.col3,.col4,.col6 {width:calc(100% - 20px)!important;}
	.shPanelContent {max-height:2500px!important;}
	.showPaginationData p {width:100%!important;margin-bottom:5px!important;}
	#showTableFooter a {width: calc(100% - 24px)!important;}
	#footer {line-height:20px!important;}
	#footer .left, #footer .right {float:none!important;}
}
@media only screen and (min-width:320px) and (max-width:480px){
	body {overflow:hidden!important;}
	#membersLogin .membersLoginMain {top:0!important;left:0!important;margin:0!important;width:101%!important;overflow-x: scroll!important;}
	#membersLogin .membersLoginMain .left {width: 100%!important;height:650px!important;}
	#membersLogin .membersLoginMain .right {width: 100%!important;height:800px!important;}
	.mobileHide {display:none;}
	.row {display:block!important;}
	.col13,.col23,.col2,.col3,.col4,.col6 {width:calc(100% - 20px)!important;}
	.small_sidebar .small_sidebar_logo, #navBar .navBar {line-height:50px!important;height:50px!important;}
	#navBar .navBar span.user {padding: 10px 0 0 10px!important;}
	#navBar .navBar span.user img {width:24px!important;height:24px!important;border:2px solid #fff!important;}
	#navBar .notificationDIV {position:fixed!important;top:50px!important;right:0px!important;width:260px!important;z-index:8!important;}
	.shPanelContent {max-height:2500px!important;}
	.shPanel .shPanelHeading, .shPanelCollapsed .shPanelHeading {padding:10px!important;}
	.shPanel .shPanelHeading span, .shPanelCollapsed .shPanelHeading span {width:24px!important;height:24px!important;line-height:24px!important;margin-right:5px!important;}
	.shPanelContentInner {padding:0px!important;}
	form label {width:auto!important;}
	#wrapper .summaryTiles {padding:5px!important;}
	#wrapper .summaryTiles .left {margin:0!important;}
	#wrapper .summaryTiles .left .fa {font-size:30px!important;padding:5px!important;}
	#wrapper .summaryTiles hr {margin: 5px 0!important;}
	form input[type="reset"], form input[type="submit"], form input[type="button"] {width:calc(100% - 2px)!important;margin:0!important;}
	.showPaginationData p {width:100%!important;margin-bottom:5px!important;}
	#showTableFooter a {width: calc(100% - 24px)!important;}
	#footer {line-height:20px!important;}
	#footer .left, #footer .right {float:none!important;}
}
@media only screen and (min-width:1px) and (max-width:319px){	
	body {display:none;}
}