/**
 * Kunle Oluyole
 * My Cv Creator
 * @author Shacara Technologies Limited
 * 
 */

/*------------------------------
*	Bootstrap and General Elements
*	list unstyled
* 	Colors
*	Page Loader
*	Direct Chat
*	profile
*	Pagination
*	Data Tables
*	File Upload
*	Mail inbox
*	Drop Downs
*	Buttons
*	Nav Bar
*	Form Control
*	Alert
*	Cards Design
*	Tables
*	FullCalendar
*	min Calendar
*	Modal
*	Profile widget
*	Author box
*	User item
*	User Profile
*	Avatar
*	Chat
*	Gallery
*	Slider
*	Badge
*	Chart  Styles
*	Media
*	Toast
*	Statistic
*	Breadcrumb
*	Accordion
*	Popover
*	Ionicons
*	Transparent
*	weather icon
*	Form Elements
*	Page Errors
*	Shop
*	Switch
*	Pricing Tables
*	Signle-pages
*	Count-down
*	General Css
*	Responsive
 -------------------------------------*/

 @import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800,900');
 /*---Bootstrap and General Elements---*/
 
 
 body {
     font-size: 15px;
     color: #20202F;
     font-family: 'Muli', sans-serif;
     background: #f7f7fa;
     font-weight: 400;
 }
 .user1 a {
     color: #000;
 }
 .custom-control-label {
     display: flex;
 }
 .btn:focus, .btn:active, .btn:active:focus, .form-control:focus {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     outline: none;
 }
 a {
     color: #5458b3;
     font-weight: 400;
 }
 a:hover {
     color: #4a4ea4;
 }
 a:not(.btn-social-icon):not(.btn-social):not(.page-link) .ion, a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fas, a:not(.btn-social-icon):not(.btn-social):not(.page-link) .far, a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fal, a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
     margin-left: 4px;
 }
 #fullscreen {
     overflow: auto !important;
     background: #fff;
 }
 .w-32 {
     width: 32px !important;
 }
 .w-50 {
     width: 50px !important;
 }
 .h-32 {
     height: 32px !important;
 }
 .h-50 {
     width: 50px !important;
 }
 .fs-50 {
     font-size: 50px;
 }
 .fs-45 {
     font-size: 45px;
 }
 .width-40 {
     width: 40% !important;
 }
 .m-20 {
     margin: 20px !important;
 }
 .m-t-10 {
     margin-top: 10px !important;
 }
 .m-t-20 {
     margin-top: 20px !important;
 }
 .m-b0 {
     margin-bottom: 0 !important;
 }
 .p-b0 {
     padding-bottom: 0 !important;
 }
 .m-b-5 {
     margin-bottom: 5px !important;
 }
 .m-t-5 {
     margin-top: 5px !important;
 }
 .border-b0 {
     border-bottom: 0 !important;
 }
 .border-t0 {
     border-top: 0 !important;
 }
 .border-top {
     border-top: 1px solid #ececff!important;
 }
 .border-bottom {
     border-bottom: 1px solid #ececff!important;
 }
 .border {
     border: 1px solid #ececff!important;
 }
 .boxshadownone {
     box-shadow: none !important;
 }
 .overflow-hide{
     overflow:hidden;
 }
 .dash2 small {
     font-size: 14px;
     margin-top: 10px;
 }
 
 .dash1 small {
     font-size: 14px;
 }
 .dash1 h4 {
     margin-bottom: 2px;
 }
 .dash3 small {
     font-size: 14px;
     margin-top: 10px;
 }
 .timelineimg {
     max-width: 100%;
 }
 .country .img-fluid {
     width: 50px;
     height: auto;
     border: 1px solid #f1f2f3;
     margin: 15px;
 }
 .country {
     text-align: center;
     width: 100%;
     float: left;
     background: #ffffff;
     border: 1px solid #ececff;
     position: relative;
     overflow: hidden;
 }
 .country div {
     background: #f7f7fd;
     line-height: 30px;
     padding: 0 5px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     text-align: center;
     width: 100%;
     font-size: 12px;
     margin-top: 2px;
     border-top: 1px solid #ececff;
 }
 .mapheight {
     height: 300px;
 }
 .widget small {
     font-size: 18px;
 }
 .chart-dropshadow {
     -webkit-filter: drop-shadow(0 -6px 4px rgba(115, 150, 255, .5));
     filter: drop-shadow(0 -6px 4px rgba(115, 150, 255, .5));
 }
 .GradientlineShadow {
     -webkit-filter: drop-shadow(0 -8px 4px rgba(0, 0, 0, .2));
     filter: drop-shadow(0 -8px 4px rgba(0, 0, 0, .2));
 }
 .BarChartShadow {
     -webkit-filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, .3));
     filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, .3));
 }
 .donutShadow {
     -webkit-filter: drop-shadow(-1px 0px 2px rgba(206, 209, 224));
     filter: drop-shadow(-1px 0px 2px rgba(206, 209, 224));
 }
 /*-- list unstyled --*/
 
 .list-unstyled-border li {
     border-bottom: 1px solid #ececff;
     padding-bottom: 15px;
     margin-bottom: 15px;
 }
 .list-unstyled-border li .custom-checkbox {
     margin-right: 15px;
     margin-top: 13px;
 }
 .list-unstyled-noborder li:last-child {
     border-bottom: none;
 }
 .visitor .media:first-child {
     margin-top: 0;
 }
 .visitor .media-body {
     margin-left: 0px;
     margin-top: 5px;
 }
 .visitor .media .media-title {
     margin-bottom: 0;
 }
 /*-- end list unstyled --*/
 
 /*-- helper --*/
 
 .text-dark {
     color: #484c67 !important;
 }
 .text-primary {
     color: #5458b3 !important;
 }
 .text-secondary {
     color: #b03cd5 !important;
 }
 .text-success {
     color: #22e840 !important;
 }
 .text-danger {
     color: #ff473d !important;
 }
 .text-info {
     color: #01b8ff !important;
 }
 .text-warning {
     color: #ffb209 !important;
 }
 .text-orange {
     color: #fe5417 !important;
 }
 .text-pink {
     color: #e618f2 !important;
 }
 .text-cyan {
     color: #1891f2 !important;
 }
 .form-divider {
     display: inline-block;
     width: 100%;
     margin: 10px 0;
     font-size: 16px;
     font-weight: 600;
 }
 .jumbotron {
     background: #f6f6f9;
 }
 hr {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid #ececff;
 }
 .carouseltransparent {
     content: '';
     background: rgba(0, 0, 0, 0.4);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
 }
 #carousel-caption .carousel-caption {
     position: absolute;
     right: 15%;
     bottom: 28%;
     left: 15%;
 }
 @media (max-width:1024px) and (min-width:992px){
     #carousel-caption .carousel-caption {
         position: absolute;
         right: 15%;
         bottom: 13%;
         left: 15%;
     }
 }
 .sort-handler {
     cursor: move;
 }
 .text-job {
     text-transform: uppercase;
     font-size: 10px;
     letter-spacing: 0;
     font-weight: 500;
     color: #838ab6;
 }
 .text-time {
     font-size: 12px;
     color: #666;
     font-weight: 500;
     margin-bottom: 10px;
 }
 .text-muted {
     color: #9ca1b9 !important;
 }
 .breadcrumb-item.active {
     color: #a2a9d4;
 }
 .breadcrumb-item+.breadcrumb-item::before {
     display: inline-block;
     padding-right: .5rem;
     color: #838ab6;
     content: "/";
 }
 .list-group-item {
     border: 1px solid #ececff;
     color: #6c739f;
 }
 .list-group-item:hover {
     background: #f6f6f9;
     color: #6c739f;
 }
 .bullet, .slash {
     display: inline;
     margin: 0 4px;
 }
 .bullet:after {
     content: '\2022';
 }
 .slash:after {
     content: '/';
 }
 .h-400{
     height: 400px;
 }
 .h-200{
     height: 200px ;
 }
 .h-250{
     height: 250px !important;
 }
 .h-265{
     height: 265px ;
 }
 .h-365{
     height: 365px;
 }
 .h-300{
     height: 300px;
 }
 .h-4{
     height: 4px;
 }
 .h-6{
     height: 6px;
 }
 .h-14{
     height: 14px;
 }
 .w-10{
     width:10%;
 }
 .w-20{
     width:20%;
 }
 .w-30{
     width:30%;
 }
 .w-40{
     width:40%;
 }
 .w-50{
     width:50% !important;
 }
 .w-60{
     width:60%;
 }
 .w-70{
     width:70%;
 }
 .w-80{
     width:80%;
 }
 .w-90{
     width:90%;
 }
 .w-100{
     width:100%;
 }
 /*-- end helper --*/
 
 /*-- section --*/
 
 .section {
     position: relative;
     z-index: 1;
 }
 .section .section-header {
     border-radius: 3px;
     padding: 20px 0;
     display: inline-block;
     width: 100%;
     margin-bottom: 0;
 }
 .section .section-header h1 {
     display: inline-block;
     font-size: 24px;
     margin-top: 3px;
     float: left;
 }
 .section .section-header .float-right {
     margin-top: 0;
 }
 .section .section-header .btn {
     font-size: 12px;
 }
 .section .section-header+.section-body .section-title:first-child {
     margin-top: 0;
 }
 .section .section-title {
     font-size: 16px;
     color: #838ab6;
     font-weight: 500;
     margin: 30px 0 15px 0;
 }
 /*-- end section --*/
 
 /*-- layout --*/
 
 .main-sidebar {
     position: fixed;
     top: 70px;
     left: 0;
     height: 100%;
     width: 250px;
     z-index: 880;
     background-color: #fff;
     border-right: 1px solid #ececff;
 }
 body.sidebar-gone .main-sidebar {
     left: -250px;
 }
 body.sidebar-gone .navbar {
     left: 0;
 }
 body.sidebar-gone .main-content {
     padding-left: 30px;
 }
 .header-brand {
     color: inherit;
     margin-right: 1rem;
     font-size: 1.25rem;
     white-space: nowrap;
     font-weight: 600;
     padding: 0;
     transition: .3s opacity;
     line-height: 2.9rem;
 }
 .main-navbar .header-brand {
     color: inherit;
     margin-right: 0;
     font-size: 1.25rem;
     white-space: nowrap;
     font-weight: 600;
     padding: 0;
     transition: .3s opacity;
     line-height: 2.9rem;
     min-width: 200px;
     text-align: center;
 }
 .main-navbar .header-brand .header-brand-img {
     margin-right: 0;
 }
 .app-header1 .header-brand {
     color: inherit;
     margin-right: 0;
     font-size: 1.25rem;
     white-space: nowrap;
     font-weight: 600;
     padding: 0;
     transition: .3s opacity;
     line-height: 2.9rem;
     min-width: 215px;
     text-align: center;
 }
 .app-header1 .header-brand .header-brand-img {
     margin-right: 0;
 }
 .header-brand:hover {
     color: inherit;
     text-decoration: none;
 }
 .header-brand-img {
     height: 2.5rem;
     line-height: 2rem;
     vertical-align: bottom;
     margin-right: .5rem;
     width: auto;
     position: relative;
     top: -3px;
 }
 .main-content {
     padding-left: 280px;
     padding-right: 30px;
     padding-top: 70px;
     width: 100%;
     position: relative;
 }
 .main-footer {
     padding: 20px 30px 20px 280px;
     font-size: 14px;
     font-weight: 400;
     background-color: #fff;
     border-top: 1px solid #ececff;
 }
 .sidenav-toggled .main-footer {
     padding: 20px 30px 20px 150px;
 }
 .overflow-hidden {
     overflow: hidden;
 }
 .progress {
     background: #f6f6f9;
     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
 }
 .progress-bar {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     -ms-flex-pack: center;
     justify-content: center;
     color: #fff;
     text-align: center;
     white-space: nowrap;
     background-color: #5458b3;
     transition: width .6s ease;
 }
 .progress-bar-striped {
     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     background-size: 1rem 1rem;
 }
 .progress-bar-animated {
     -webkit-animation: progress-bar-stripes 1s linear infinite;
     /* animation: progress-bar-stripes 1s linear infinite; */
 }
 
 /*---Colors---*/
 
 .bg-gray {
     background-color: #f1f2f3 !important;
 }
 .bg-primary {
     background-color: #5d61bf !important;
     color: #fff !important;
 }
 .bg-secondary {
     background-color: #b03cd5 !important;
     color: #fff !important;
 }
 .bg-success {
     background-color: #22e840 !important;
     color: #fff !important;
 }
 .bg-danger {
     background-color: #ff473d !important;
     color: #fff !important;
 }
 .bg-info {
     background-color: #01b8ff !important;
     color: #fff !important;
 }
 .bg-warning {
     background-color: #ffb209 !important;
     color: #fff !important;
 }
 .bg-pink {
     background-color: #e618f2 !important;
     color: #fff !important;
 }
 .bg-orange {
     background-color: #f47b25 !important;
     color: #fff !important;
 }
 .bg-cyan {
     background-color: #1891f2 !important;
     color: #fff !important;
 }
 .bg-gradient {
     background: linear-gradient(#3d4192, #5d61bf) !important;
 }
 .socailicons .fa {
     font-size: 53px;
     text-align: right;
     position: absolute;
     top: 44px;
     right: 38px;
     outline: none;
 }
 .socailicons  {
     color:#fff;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 
 }
 .socailicons a { 
     text-decoration:none; 
 }
 .twitter1 {
     background-color:#0db3f3!important;
 }
  .google-plus1 { 
     background-color:#de5140 !important;
 }
  .facebook-like1 {
     background-color:#3b5998 !important; 
 }
 .pinterest1 {
     background-color:#bd081c !important;
 }
 .current-progressbar {
     margin-top: 14.5px;
 }
 
 .img-container {
     max-width: 600px;
     position: relative;
     border-radius: 8px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     -webkit-box-shadow: 0 0 25px rgba(255, 255, 255, 0.3);
     -moz-box-shadow: 0 0 25px rgba(255, 255, 255, 0.3);
     box-shadow: 0 0 25px rgba(255, 255, 255, 0.3);
 }
 .img-container img {
     width: 100%;
 }
 .img-container .overlay {
     position: absolute;
     top: 0;
     left: 100%;
     padding: 0 20px;
     z-index: 100;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.6);
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     transition: 0.35s;
 }
 .img-container:hover .overlay {
     left: 0;
 }
 .img-container .overlay:hover p {
     opacity: 1;
 }
 .widget-info i {
     width: 100px;
     height: 100px;
     padding: 27px 0;
     text-align: center;
     border-radius: 50%;
     font-size: 53px;
 }
 /*-- end layout --*/
 
 /*
  * Page Loader
  * ----------------------
  */
 
 #spinner {
     position: fixed;
     z-index: 50000;
     background: url(../img/loader.svg) no-repeat 50% 50% rgba(255, 255, 255);
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     margin: 0 auto;
 }
 /*
  *  Direct Chat
  * ----------------------
  */
 
 .direct-chat .box-body {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     position: relative;
     overflow-x: hidden;
     padding: 0;
 }
 .direct-chat.chat-pane-open .direct-chat-contacts {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0);
     transform: translate(0, 0);
 }
 .direct-chat-messages {
 }
 .direct-chat-msg, .direct-chat-text {
     display: block;
 }
 .direct-chat-msg {
     margin-bottom: 13.5px;
     padding:10px;
 }
 .direct-chat-msg:before, .direct-chat-msg:after {
     content: " ";
     display: table;
 }
 .direct-chat-msg:after {
     clear: both;
 }
 .direct-chat-messages, .direct-chat-contacts {
     -webkit-transition: -webkit-transform 0.5s ease-in-out;
     -moz-transition: -moz-transform 0.5s ease-in-out;
     -o-transition: -o-transform 0.5s ease-in-out;
     transition: transform 0.5s ease-in-out;
 }
 .direct-chat-text {
     border-radius: 5px;
     position: relative;
     padding: 5px 10px;
     background: #eeeef7;
     font-size: 12px;
     line-height:16px;
     margin: 8px 0 0 50px;
     color: #777ab2;
 }
 .direct-chat-text:after, .direct-chat-text:before {
     position: absolute;
     right: 100%;
     top: 13px;
     border: solid transparent;
     border-right-color: #eeeef7;
     content: ' ';
     height: 0;
     width: 0;
     pointer-events: none;
 }
 .direct-chat-text:after {
     border-width: 5px;
     margin-top: -5px;
 }
 .direct-chat-text:before {
     border-width: 6px;
     margin-top: -6px;
 }
 .right .direct-chat-text {
     margin-right: 50px;
     margin-left: 0;
 }
 .right .direct-chat-text:after, .right .direct-chat-text:before {
     right: auto;
     left: 100%;
     border-right-color: transparent;
     border-left-color: #eeeef7;
 }
 .direct-chat-img {
     border-radius: 50%;
     float: left;
     width: 40px;
     height: 40px;
 }
 .right .direct-chat-img {
     float: right;
 }
 .direct-chat-info {
     display: block;
     margin-bottom: 2px;
     font-size: 13px;
 }
 .direct-chat-name {
     font-weight: 600;
     font-size: 14px;
 }
 .direct-chat-timestamp {
     color: #c2c2e2;
     font-size: 9px;
     margin-top: 4px;
 }
 .direct-chat-contacts-open .direct-chat-contacts {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0);
     transform: translate(0, 0);
 }
 .direct-chat-contacts {
     -webkit-transform: translate(101%, 0);
     -ms-transform: translate(101%, 0);
     -o-transform: translate(101%, 0);
     transform: translate(101%, 0);
     position: absolute;
     top: 0;
     bottom: 0;
     height: 250px;
     width: 100%;
     background: #323d4d;
     color: #fff;
     overflow: auto;
 }
 .contacts-list>li {
     border-bottom: 1px solid #ececff;
     padding: 10px;
     margin: 0;
 }
 .contacts-list>li:before, .contacts-list>li:after {
     content: " ";
     display: table;
 }
 .contacts-list>li:after {
     clear: both;
 }
 .contacts-list>li:last-of-type {
     border-bottom: none;
 }
 .contacts-list-img {
     border-radius: 50%;
     width: 40px;
     float: left;
 }
 .list-unstyled, .chart-legend, .contacts-list, .users-list {
     list-style: none;
     margin: 0;
     padding: 0;
 }
 .contacts-list-info {
     margin-left: 50px;
 }
 .contacts-list-name, .contacts-list-status {
     display: block;
 }
 .contacts-list-name {
     font-weight: 600;
 }
 .contacts-list-status {
     font-size: 12px;
 }
 .contacts-list-date {
     color: #9fa0b9;
     font-weight: normal;
 }
 .contacts-list-msg {
     color: #000000;
     font-weight: 400;
     font-size: 14px;
     text-decoration:none;
 }
 .contacts-list a:hover {
     text-decoration: none !important;
 }
 
 
 .chooselist{
     padding-right:10px;
     padding-left:30px;
     padding-top:8px;
     line-height:20px;
 }
 
 .listholder{
     border-bottom:1px solid #CCCCCC;
     padding:5px;
     cursor:pointer;
 }
 
 .listholder:hover{
     background-color:#EEEEEE;
 }
 
 
 #search_duties{
     height:35px;
     margin-top:10px;
     font-size:14px;
 }
 
 
 
 #search_duties_edit{
     height:35px;
     margin-top:10px;
     font-size:14px;
 }
 
 
 #search_summary{
     height:35px;
     margin-top:10px;
     font-size:14px;
 }
 
 
 
 
 
 #search_accomplish{
     height:35px;
     margin-top:10px;
     font-size:14px;
 }
 
 
 
 
 
 /*-- profile --*/
 
 .emp-profile {
     padding: 3%;
     margin-top: 3%;
     margin-bottom: 3%;
     border-radius: 0.5rem;
     background: #fff;
 }
 .profile-img {
     text-align: center;
 }
 .profile-img img {
     width: 70%;
     height: 100%;
 }
 .profile-img .file {
     position: relative;
     overflow: hidden;
     margin-top: -20%;
     width: 70%;
     border: none;
     border-radius: 0;
     font-size: 15px;
     background: #212529b8;
 }
 .profile-img .file input {
     position: absolute;
     opacity: 0;
     right: 0;
     top: 0;
 }
 .profile-head h5 {
     color: #6c739f;
 }
 .profile-head h6 {
     color: #5458b3;
 }
 .profile-edit-btn {
     border: none;
     border-radius: 1.5rem;
     width: 70%;
     padding: 2%;
     font-weight: 600;
     color: #6c739f;
     background: #f6f6f9;
     cursor: pointer;
 }
 .proile-rating {
     font-size: 12px;
     color: #777ab2;
     margin-top: 5%;
 }
 .proile-rating span {
     color: #5458b3;
     font-size: 15px;
     font-weight: 600;
 }
 .profile-head .nav-tabs {
     margin-bottom: 5%;
 }
 .profile-head .nav-tabs .nav-link {
     font-weight: 600;
     border: none;
 }
 .profile-head .nav-tabs .nav-link.active {
     border: none;
     border-bottom: 2px solid #5458b3;
 }
 .profile-work {
     padding: 14%;
     margin-top: -15%;
 }
 .profile-work p {
     font-size: 12px;
     color: #777ab2;
     font-weight: 600;
     margin-top: 10%;
 }
 .profile-work a {
     text-decoration: none;
     color: #6c739f;
     font-weight: 600;
     font-size: 14px;
 }
 .profile-work a:hover {
     text-decoration: underline;
     color: #5458b3;
 }
 .profile-work ul {
     list-style: none;
 }
 .profile-tab label {
     font-weight: 600;
 }
 .profile-tab p {
     font-weight: 600;
     color: #5458b3;
 }
 @media (max-width:320px){
     form .files input {
         outline-offset: 0px !important;
         padding: 120px 0px 85px 0 !important;
     }
 }
 @media (max-width:480px){
     .profile-card .media {
         display: -ms-flexbox;
         display: inline-block;
         -ms-flex-align: start;
         align-items: center;
     }
     .profile-card .media-body{
         margin-left:0;
     }
     .profile-card .media-body h4{
         margin-top:12px;
     }
     .files input {
         outline-offset: 0px !important;
         padding: 120px 10% 85px 10% !important;
     }
 }
 
 /*
  * Pagination
  * ----------------------
  */
 
 .pagination {
     display: -ms-flexbox;
     display: flex;
     padding-left: 0;
     list-style: none;
     border-radius: 3px;
 }
 .page-link {
     position: relative;
     display: block;
     /* padding: 0.5rem 0.75rem; */
     margin-left: -1px;
     line-height: 1.25;
     background-color: #fff;
     border: 1px solid #d7e7ff;
 }
 .page-link:hover {
     z-index: 2;
     color: #295a9f;
     text-decoration: none;
     background-color: rgba(70, 127, 207, 0.06);
 }
 .page-link:focus {
     z-index: 2;
     outline: 0;
 }
 .page-link:not(:disabled):not(.disabled) {
     cursor: pointer;
 }
 .page-item:first-child .page-link {
     margin-left: 0;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
 }
 .page-item:last-child .page-link {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
 }
 .page-item.active .page-link {
     z-index: 1;
     color: #fff;
     background-color: #736cc7;
 }
 .page-item.disabled .page-link {
     color: #ced4da;
     pointer-events: none;
     cursor: auto;
     background-color: #fff;
     border-color: #ececff;
 }
 .pagination-lg .page-link {
     padding: 0.75rem 1.5rem;
     font-size: 1.125rem;
     line-height: 1.5;
 }
 .pagination-lg .page-item:first-child .page-link {
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
 }
 .pagination-lg .page-item:last-child .page-link {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
 }
 .pagination-sm .page-link {
     padding: 0.25rem 0.5rem;
     font-size: 0.875rem;
     line-height: 1.5;
 }
 .pagination-sm .page-item:first-child .page-link {
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
 }
 .pagination-sm .page-item:last-child .page-link {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
 }
 .page-item .page-link {
     color: #5458b3;
 }
 .page-item.active .page-link {
     background-color: #5458b3;
     border-color: #5458b3;
 }
 .page-item.disabled .page-link, .page-link {
     border-color: #ececff;
 }
 /*
  * Data Tables
  * ----------------------
  */
 
 table.dataTable {
     clear: both;
     margin-top: 6px !important;
     margin-bottom: 6px !important;
     max-width: none !important;
     border-collapse: separate !important;
     border-spacing: 0;
 }
 @media (min-width:768px) and (max-width:992px){
     .dataTables_info{
         font-size:10px;
     }
     .dataTables_paginate .page-item .page-link{
         font-size:10px;
     }
 }
 table.dataTable td, table.dataTable th {
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
 }
 table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
     text-align: center;
 }
 table.dataTable.nowrap th, table.dataTable.nowrap td {
     white-space: nowrap;
 }
 div.dataTables_wrapper div.dataTables_length label {
     font-weight: normal;
     text-align: left;
     white-space: nowrap;
 }
 div.dataTables_wrapper div.dataTables_length select {
     width: auto;
     display: inline-block;
 }
 div.dataTables_wrapper div.dataTables_filter {
     text-align: right;
 }
 div.dataTables_wrapper div.dataTables_filter label {
     font-weight: normal;
     white-space: nowrap;
     text-align: left;
 }
 div.dataTables_wrapper div.dataTables_filter input {
     margin-left: 0.5em;
     display: inline-block;
     width: auto;
 }
 div.dataTables_wrapper div.dataTables_info {
     padding-top: 0.85em;
     white-space: nowrap;
 }
 div.dataTables_wrapper div.dataTables_paginate {
     margin: 0;
     white-space: nowrap;
     text-align: right;
 }
 div.dataTables_wrapper div.dataTables_paginate ul.pagination {
     margin: 2px 0;
     white-space: nowrap;
     justify-content: flex-end;
 }
 div.dataTables_wrapper div.dataTables_processing {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 200px;
     margin-left: -100px;
     margin-top: -26px;
     text-align: center;
     padding: 1em 0;
 }
 table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
     padding-right: 30px;
 }
 table.dataTable thead>tr>th:active, table.dataTable thead>tr>td:active {
     outline: none;
 }
 table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
     cursor: pointer;
     position: relative;
 }
 table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
     position: absolute;
     bottom: 0.9em;
     display: block;
     opacity: 0.3;
 }
 table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
     right: 1em;
     content: "\2191";
 }
 table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
     right: 0.5em;
     content: "\2193";
 }
 table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
     opacity: 1;
 }
 table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
     opacity: 0;
 }
 div.dataTables_scrollHead table.dataTable {
     margin-bottom: 0 !important;
 }
 div.dataTables_scrollBody table {
     border-top: none;
     margin-top: 0 !important;
     margin-bottom: 0 !important;
 }
 div.dataTables_scrollBody table thead .sorting:before, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:before, div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after {
     display: none;
 }
 div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {
     border-top: none;
 }
 div.dataTables_scrollFoot>.dataTables_scrollFootInner {
     box-sizing: content-box;
 }
 div.dataTables_scrollFoot>.dataTables_scrollFootInner>table {
     margin-top: 0 !important;
     border-top: none;
 }
 @media screen and (max-width: 767px) {
     div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
         text-align: center;
     }
 }
 table.dataTable.table-sm>thead>tr>th {
     padding-right: 20px;
 }
 table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
     top: 5px;
     right: 0.85em;
 }
 table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
     top: 5px;
 }
 table.table-bordered.dataTable th, table.table-bordered.dataTable td {
     border-left-width: 0;
 }
 table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
     border-right-width: 0;
 }
 table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
     border-bottom-width: 0;
 }
 div.dataTables_scrollHead table.table-bordered {
     border-bottom-width: 0;
 }
 div.table-responsive>div.dataTables_wrapper>div.row {
     margin: 0;
 }
 div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child {
     padding-left: 0;
 }
 div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
     padding-right: 0;
 }
 /*
  * File Upload
  * ----------------------
  */
 
 .files input {
     outline: 2px dashed #ececff;
     outline-offset: -10px;
     -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
     transition: outline-offset .15s ease-in-out, background-color .15s linear;
     padding: 120px 0px 85px 35%;
     text-align: center !important;
     margin: 0;
     width: 100% !important;
 }
 .files input:focus {
     outline: 2px dashed #ececff;
     outline-offset: -10px;
     -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
     transition: outline-offset .15s ease-in-out, background-color .15s linear;
     border: 1px solid #ececff;
 }
 .files {
     position: relative
 }
 .files:after {
     pointer-events: none;
     position: absolute;
     top: 60px;
     left: 0;
     width: 50px;
     right: 0;
     height: 56px;
     content: '\f019';
     font-family: fontawesome;
     margin: 0 auto;
     font-size: 2em;
 }
 .color input {
     background-color: #f6f6f9;
 }
 .files:before {
     position: absolute;
     bottom: 10px;
     left: 0;
     pointer-events: none;
     width: 100%;
     right: 0;
     height: 57px;
     content: " or drag it here. ";
     display: block;
     margin: 0 auto;
     color: #777ab2;
     font-weight: 600;
     text-transform: capitalize;
     text-align: center;
 }
 /*
  * Mail inbox
  * ----------------------
  */
 
 .email-app {
     display: flex;
     flex-direction: row;
     background: #fff;
     box-shadow: 0 0 25px rgba(255, 255, 255, 0.3);
     border-radius: 4px;
     border: 1px solid #ececff;
 }
 .email-app .toolbar .btn{
     box-shadow:none;
     border: 1px solid #ececff;
     color: #6c739f;
     background: #f7f7fa;
 }
 .email-app nav {
     flex: 0 0 200px;
     padding: 1rem;
     border-right: 1px solid #ececff;
 }
 .email-app nav .btn-block {
     margin-bottom: 15px;
 }
 .email-app nav .nav {
     flex-direction: column;
 }
 .email-app nav .nav .nav-item {
     position: relative;
 }
 .email-app nav .nav .nav-item .nav-link, .email-app nav .nav .nav-item .navbar .dropdown-toggle, .navbar .email-app nav .nav .nav-item .dropdown-toggle {
     color: #777ab2;
     border-bottom: 1px solid #ececff;
 }
 .email-app nav .nav .nav-item .nav-link i, .email-app nav .nav .nav-item .navbar .dropdown-toggle i, .navbar .email-app nav .nav .nav-item .dropdown-toggle i {
     width: 20px;
     margin: 0 10px 0 0;
     font-size: 14px;
     text-align: center;
 }
 .email-app nav .nav .nav-item .nav-link .badge, .email-app nav .nav .nav-item .navbar .dropdown-toggle .badge, .navbar .email-app nav .nav .nav-item .dropdown-toggle .badge {
     margin-top: 4px;
     margin-left: 10px;
 }
 .email-app .inbox {
     min-width: 0;
     flex: 1;
     padding: 1rem;
 }
 .email-app .inbox .toolbar {
 }
 .mail_list .list-group-item:last-child {
      border-bottom: 0;
     
 }
 .mail_list .media-heading a{
     font-size:16px;
     font-weight: 400;
     text-decoration: none;
 }
 .mail_list .list-group-item {
     border: 1px solid #ececff;
     border-left: 0;
     color: #6c739f;
     border-right: 0;
 }
 @media (max-width:768px) and (min-width:540px){
     .email-app .inbox .toolbar {
         display:flex;
     }
 }
 @media (max-width:530px){
     .email-app .inbox .toolbar {
         display:inline-block;
     }
 }
 .email-app .inbox .messages {
     padding: 0;
     list-style: none;
 }
 .email-app .inbox .message {
     position: relative;
     padding: 2rem;
     cursor: pointer;
     border-bottom: 1px solid #ececff;
 }
 .email-app .inbox .message:hover {
     background: #eae8f1;
 }
 .email-app .inbox .message .actions {
     position: absolute;
     left: 0;
     display: flex;
     flex-direction: column;
 }
 .email-app .inbox .message .actions .action {
     width: 2rem;
     margin-bottom: 0.5rem;
     color: #c0cadd;
     text-align: center;
 }
 .mailsearch {
     display: flex;
     width: 100%;
     margin-bottom: 15px;
 }
 .mailsearch .btn {
     border-radius: 0;
     background-color: #f6f6f9;
     border: 1px solid #ececff;
     color: #777ab2;
     padding: 6px 15px 6px 15px;
     box-shadow: none;
 }
 .mailsearch .form-control {
     padding-left: 20px;
     padding-right: 0;
     margin-right: -6px;
 }
 .email-app .inbox .message .date {
     color: #838ab6;
 }
 .email-app .inbox .message a {
     color: #3f405f;
 }
 .email-app .inbox .message a:hover {
     text-decoration: none;
 }
 .email-app .inbox .message.unread .header, .email-app .inbox .message.unread .title {
     font-weight: bold;
 }
 .email-app .inbox .message .header {
     display: flex;
     flex-direction: row;
     margin-bottom: 0.5rem;
 }
 .email-app .inbox .message .header .date {
     margin-left: auto;
 }
 .email-app .inbox .message .title {
     margin-bottom: 0.5rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 .email-app .inbox .message .description {
     font-size: 12px;
     color: #838ab6;
 }
 .email-app .message .toolbar {
     padding-bottom: 1rem;
     border-bottom: 1px solid #ececff;
 }
 .email-app .message .details .title {
     padding: 1rem 0;
     font-weight: bold;
 }
 .email-app .message .details .header {
     display: flex;
     padding: 1rem 0;
     margin: 1rem 0;
     border-top: 1px solid #ececff;
     border-bottom: 1px solid #ececff;
 }
 .email-app .message .details .header .avatar {
     width: 40px;
     height: 40px;
     margin-right: 1rem;
 }
 .email-app .message .details .header .from {
     font-size: 12px;
     color: #9faecb;
     align-self: center;
 }
 .email-app .message .details .header .from span {
     display: block;
     font-weight: bold;
 }
 .email-app .message .details .header .date {
     margin-left: auto;
 }
 .email-app .message .details .attachments {
     padding: 1rem 0;
     margin-bottom: 1rem;
     border-top: 3px solid #ececff;
     border-bottom: 3px solid #ececff;
 }
 .email-app .message .details .attachments .attachment {
     display: flex;
     margin: 0.5rem 0;
     font-size: 12px;
     align-self: center;
 }
 .email-app .message .details .attachments .attachment .badge {
     margin: 0 0.5rem;
     line-height: inherit;
 }
 .email-app .message .details .attachments .attachment .menu {
     margin-left: auto;
 }
 .email-app .message .details .attachments .attachment .menu a {
     padding: 0 0.5rem;
     font-size: 14px;
     color: #ececff;
 }
 @media (max-width: 767px) {
     .email-app {
         flex-direction: column;
     }
     .email-app nav {
         flex: 0 0 100%;
     }
 }
 @media (max-width: 575px) {
     .email-app .message .header {
         flex-flow: row wrap;
     }
     .email-app .message .header .date {
         flex: 0 0 100%;
     }
 }
 /*
  * Drop Downs
  * ----------------------
  */
 
 .dropdown-menu {
     border: none;
     -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .15);
     box-shadow: 0 0 25px rgba(0, 0, 0, .15);
     width: 200px;
 }
 .dropdown-menu a {
     font-size: 14px;
 }
 .dropdown-item {
     padding: 10px 20px;
     line-height: 1.2;
     color: #777ab2;
 }
 .dropdown-divider {
     background-color: #ececff;
 }
 .dropdown-list {
     width: 350px;
     padding: 0;
 }
 .dropdown-list .dropdown-item:first-child {
     border-top: 1px solid #ececff;
 }
 .dropdown-list .dropdown-item {
     display: inline-block;
     width: 100%;
     padding-top: 15px;
     padding-bottom: 15px;
     font-size: 12px;
     border-bottom: 1px solid #ececff;
 }
 a.dropdown-item.has-icon, a.dropdown-item.has-icon i{
     font-size:16px;
 }
 .dropdown-item.has-icon:hover{
     background:linear-gradient(#3d4192, #5d61bf) !important;
     color:#fff;
 }
 .dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc, .dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc b {
     color: #838ab6;
 }
 .dropdown-list .dropdown-item:active .dropdown-item-desc, .dropdown-list .dropdown-item:active .dropdown-item-desc b {
     color: #838ab6;
 }
 .dropdown-list .dropdown-item.dropdown-item-unread {
     background-color: #f6f6f9;
     border-bottom-color: #ececff;
 }
 .dropdown-list .dropdown-header {
     letter-spacing: .5px;
     font-weight: 500;
     padding: 15px;
     color: #777ab2;
     font-size: 14px;
 }
 .dropdown-item .dropdown-item .has-icon:hover {
     background-color: #f6f6f9;
 }
 .dropdown-list .dropdown-item.dropdown-item-header:hover {
     background-color: #f6f6f9;
 }
 .dropdown-list .dropdown-item:hover {
     background-color: #f6f6f9;
 }
 .dropdown-item :focus {
     background-color: #f6f6f9;
 }
 .dropdown-list .dropdown-item .time {
     margin-left: 30px;
     font-weight: 500;
     font-size: 10px;
 }
 .dropdownmsg {
     margin-top: 5px;
 }
 .dropdown-list .dropdown-item .dropdown-item-img {
     float: left;
     width: 40px;
 }
 .dropdown-list .dropdown-item i {
     float: left;
     font-size: 20px;
 }
 .dropdown-list .dropdown-item .dropdown-item-desc {
     margin-left: 60px;
     white-space: normal;
     color: #838ab6;
     margin-top: 4px;
 }
 .dropdown-list .dropdown-item .dropdown-item-desc b {
 }
 .dropdown-list .dropdown-item .dropdown-item-desc p {
     margin-top: 5px;
     margin-bottom:0;
 }
 .dropdown-list .dropdown-list-content {
     overflow: hidden;
 }
 .navbar .dropdown-menu-right:before {
     content:"";
     position: absolute;
     right: 11px;
     top: -10px;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 10px 10px 10px;
     border-color: transparent transparent #fff transparent;
     z-index:9999;
 }
 
 .navbar .dropdown-menu-right:before{
     left: auto;
     right: 12px;
 }
 .dropdown-toggle {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     cursor: pointer;
 }
 /*-- end dropdown --*/
 
 /*
  * Buttons
  * ----------------------
  */
 
 .btn.has-icon i, .dropdown-item.has-icon i {
     margin-right: 15px;
     font-size: 20px;
     float: left;
     margin-top: 1px;
 }
 .btn.has-icon i {
     margin-top: 3px;
     margin-right: 10px;
 }
 .btn.has-icon-nofloat {
     display: table;
     text-align: right;
 }
 .btn.has-icon-nofloat i {
     float: none;
     margin: 0;
     display: table-cell;
     vertical-align: middle;
     width: 30%;
 }
 .btn.has-icon-nofloat div {
     display: table-cell;
     vertical-align: middle;
     width: 70%;
     text-align: left;
     padding-left: 10px;
 }
 .btn {
     font-size: 14px;
     line-height: 23px;
     padding: 5px 23px;
     letter-spacing: .4px;
     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
 }
 .btn:active, .btn:focus, .btn:hover {
     border-color: transparent !important;
 }
 .btn.btn-shadow {
     -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .13);
     box-shadow: 0 10px 20px rgba(0, 0, 0, .13);
 }
 .btn>i {
     margin-left: 0 !important;
 }
 .btn.btn-lg {
     padding: .6rem 1.1rem;
     font-size: 18px;
 }
 .btn.btn-sm {
     padding: .1rem .7rem;
     font-size: .6rem;
 }
 .btn.btn-icon .ion, .btn.btn-icon .fas, .btn.btn-icon .far, .btn.btn-icon .fab, .btn.btn-icon .fal {
     margin-left: 0 !important;
     font-size: 14px;
 }
 .btn-action {
     color: #fff !important;
     font-size: 12px;
     padding: 0px 10px;
 }
 .btn-app {
     border-radius: 3px;
     position: relative;
     padding: 15px 5px;
     margin: 0 0 10px 10px;
     min-width: 80px;
     height: 60px;
     text-align: center;
     color: #666;
     border: 1px solid #ececff;
     background-color: #f6f6f9;
     font-size: 12px;
 }
 .btn-app>.fa, .btn-app>.glyphicon, .btn-app>.ion {
     font-size: 20px;
     display: block;
 }
 .btn-app:hover {
     background: #fff;
     color: #838ab6;
     border-color: #ececff !important;
 }
 .btn-app:active, .btn-app:focus {
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     background: #fff;
     color: #838ab6;
     border-color: #ececff !important;
 }
 .btn-app>.badge {
     position: absolute;
     top: -3px;
     right: -10px;
     font-size: 10px;
     font-weight: 400;
 }
 .btn-social {
     position: relative;
     padding-left: 44px;
     text-align: left;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: #fff !important;
 }
 .btn-social> :first-child {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 32px;
     line-height: 34px;
     font-size: 1.2em;
     text-align: center;
     border-right: 1px solid rgba(255,255,255,0.2);
 }
 .btn-social.btn-lg {
     padding-left: 61px;
 }
 .btn-social.btn-lg> :first-child {
     line-height: 45px;
     width: 45px;
     font-size: 1.8em;
 }
 .btn-social.btn-sm {
     padding-left: 38px;
 }
 .btn-social.btn-sm> :first-child {
     line-height: 28px;
     width: 28px;
     font-size: 1.4em;
 }
 .btn-social.btn-xs {
     padding-left: 30px;
 }
 .btn-social.btn-xs> :first-child {
     line-height: 20px;
     width: 20px;
     font-size: 1.2em;
 }
 .btn-social-icon {
     position: relative;
     padding-left: 44px;
     text-align: left;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     height: 34px;
     width: 34px;
     padding: 0;
 }
 .btn-social-icon> :first-child {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 32px;
     line-height: 34px;
     font-size: 1.6em;
     text-align: center;
     border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
 .btn-social-icon.btn-lg {
     padding-left: 61px;
 }
 .btn-social-icon.btn-lg> :first-child {
     line-height: 45px;
     width: 45px;
     font-size: 1.8em;
 }
 .btn-social-icon.btn-sm {
     padding-left: 38px;
 }
 .btn-social-icon.btn-sm> :first-child {
     line-height: 28px;
     width: 28px;
     font-size: 1.4em;
 }
 .btn-social-icon.btn-xs {
     padding-left: 30px;
 }
 .btn-social-icon.btn-xs> :first-child {
     line-height: 20px;
     width: 20px;
     font-size: 1.2em;
 }
 .btn-social-icon> :first-child {
     border: none;
     text-align: center;
     width: 100%;
     color: #fff;
 }
 .btn-social-icon.btn-lg {
     height: 45px;
     width: 45px;
     padding-left: 0;
     padding-right: 0;
 }
 .btn-social-icon.btn-sm {
     height: 30px;
     width: 30px;
     padding-left: 0;
     padding-right: 0;
 }
 .btn-social-icon.btn-xs {
     height: 22px;
     width: 22px;
     padding-left: 0;
     padding-right: 0;
 }
 .btn-warning {
     color: #fff;
 }
 .btn-primary {
     background-color: #5458b3;
     border-color: #5458b3;
 }
 .btn-primary:focus, .btn-primary:focus:active, .btn-primary:active, .btn-primary:hover {
     background-color: #4c51b1 !important;
 }
 .btn-primary.disabled, .btn-primary:disabled {
     color: #fff;
     background-color: #4c51b1;
     border-color: #4c51b1;
 }
 .btn-outline-primary {
     color: #5458b3;
     background-color: transparent;
     background-image: none;
     border-color: #5458b3;
 }
 .btn-outline-primary:hover {
     background: #5d61bf;
 }
 .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
     color: #fff;
     background-color: #5458b3;
     border-color: #5458b3;
 }
 .btn-danger {
     color: #fff;
     background-color: #ff473d;
     border-color: #ff473d;
 }
 .btn-danger:focus, .btn-danger:focus:active, .btn-danger:active, .btn-danger:hover {
     background-color: #f73127 !important;
 }
 .btn-success {
     color: #fff;
     background-color: #22e840;
     border-color: #22e840;
 }
 .btn-success:focus, .btn-success:focus:active, .btn-success:active, .btn-success:hover {
     background-color: #18da35 !important;
 }
 .btn-warning {
     color: #fff;
     background-color: #ffb209;
     border-color: #ffb209;
 }
 .btn-warning:focus, .btn-warning:focus:active, .btn-warning:active, .btn-warning:hover {
     color: #fff !important;
     background-color: #f8c90f !important;
 }
 .btn-info {
     color: #fff;
     background-color: #01b8ff;
     border-color: #01b8ff;
 }
 .btn-info:focus, .btn-info:focus:active, .btn-info:active, .btn-info:hover {
     background-color: #1abeff !important;
 }
 .btn-group .btn.active {
     background-color: #5458b3;
     color: #fff;
 }
 .btn-facebook{
     background:#3B5998;
     color:#fff;
     border-color:#3B5998;
 }
 .btn-google{
     background:#dd4b39;
     color:#fff;
     border-color:#dd4b39;
 }
 /*-- end btn  --*/
 
 /*
  * Nav Bar
  * ----------------------
  */
 
 .navbar {
     height: 60px;
     left: 0;
     top: 0;
     right: 0;
     position: fixed;
     z-index: 890;
     background: #fff;
     box-shadow:0 2px 17px 2px rgb(222, 223, 241) ;
 }
 .navbar.active {
     background-color: #5458b3;
 }
 .navbar .form-inline .form-control {
     border-radius: 0px;
     border-color: #ececff;
     padding-left: 20px;
     padding-right: 0;
     margin-right: -6px;
     width: 220px;
     background:#f7f7fa;
 }
 .navbar .form-inline .btn {
     border-radius: 0;
     padding: 5px 15px 6px 15px;
     border: 2px solid #5458b3;
     box-shadow:none;
 }
 .navbar .nav-link {
     color: #5458b3;
     padding-left: 10px !important;
     padding-right: 10px !important;
 }
 .navbar .nav-link.beep {
     position: relative;
 }
 .navbar .nav-link.beep:after {
     content: '';
     position: absolute;
     top: 10px;
     right: 7px;
     width: 7px;
     height: 7px;
     background-color: #ff473d;
     border-radius: 50%;
 }
 .navbar .nav-link.nav-link-lg {}
 .nav-link {}
 .navbar .nav-link.nav-link-lg div {
     margin-top: 3px;
 }
 .navbar .nav-link.nav-link-lg i {
     font-size: 24px;
     margin-top: 5px;
 }
 .remove-caret:after {
     display: none;
 }
 .navbar .nav-link:hover {
     color: #aab2db;
 }
 .navbar .nav-link.disabled {
     color: #fff;
     opacity: .6;
 }
 .nav-tabs .nav-item .nav-link {
     color: #5458b3;
 }
 .nav-tabs .nav-item .nav-link.active {
     color: #777ab2;
 }
 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
     color: #495057;
     background-color: #fff;
     border-color: #ececff #ececff #fff;
 }
 .nav-tabs {
     border-bottom: 1px solid #ececff  !important;
 }
 .tab-content>.tab-pane {
     padding: 10px 0;
     line-height: 24px;
 }
 .tab-bordered .tab-pane {
     padding: 15px;
     border: 1px solid #ececff;
     margin-top: -1px;
 }
 .nav-pills .nav-item .nav-link {
     color: #5458b3;
     border-radius: 30px;
     padding-left: 15px !important;
     padding-right: 15px !important;
 }
 .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-item .nav-link.active {
     color: #fff;
     background: #5458b3;
 }
 .nav-pills .nav-item .nav-link .badge {
     padding: 5px 8px;
     margin-left: 5px;
 }
 /*- end navbar --*/
 
 /*
  * Form Control
  * ----------------------
  */
 
 .input-lg {
     height: 46px;
     padding: 10px 16px;
     font-size: 18px;
     line-height: 1.3333333;
     border-radius: 6px;
 }
 .input-sm {
     height: 30px;
     padding: 5px 10px;
     font-size: 12px;
     line-height: 1.5;
     border-radius: 3px;
 }
 .input-group-addon {
     padding: 6px 12px;
     font-size: 14px;
     font-weight: 400;
     color: #777ab2;
     text-align: center;
     background-color: #eee;
     border: 1px solid #C6C6FF;
     border-radius: 4px;
 }
 .input-group .input-group-addon {
     border-radius: 0;
     border-color: #C6C6FF;
     background-color: #fff;
 }
 .form-control:disabled, .form-control[readonly] {
     background-color: #f7f7fa;
 }
 .input-group-addon:first-child {
     border-right: 0;
 }
 .form-control {
     border: 1px solid #C6C6FF;
     color: #20202F;
 }
 .form-control:focus {
     border-color: #5458b3;
 }
 .input-group-text, select.form-control:not([size]):not([multiple]), .form-control:not(.form-control-sm):not(.form-control-lg) {
     font-size: 14px;
     padding: 10px 15px;
     line-height: 23px;
 }
 .custom-select, .form-control[type="color"], select.form-control:not([size]):not([multiple]) {
     height: calc(2.25rem + 10px);
 }
 .dataTables_wrapper .dataTables_length select {
     height: calc(1.8125rem + 2px) !important;
     padding: .25rem .9rem !important;
 }
 .form-control.creditcard {
     background-position: 98%;
     background-repeat: no-repeat;
     background-size: 40px;
     padding-right: 60px;
 }
 .form-control.creditcard.visa {
     background-image: url("../img/visa.html");
 }
 .form-control.creditcard.americanexpress {
     background-image: url("../img/americanexpress.html");
 }
 .form-control.creditcard.dinersclub {
     background-image: url("../img/dinersclub.html");
 }
 .form-control.creditcard.discover {
     background-image: url("../img/discover.html");
 }
 .form-control.creditcard.jcb {
     background-image: url("../img/jcb.html");
 }
 .form-control.creditcard.mastercard {
     background-image: url("../img/mastercard.html");
 }
 .form-control.creditcard.visa {
     background-image: url("../img/visa.html");
 }
 /*-- end form control --*/
 
 /*
  * Alert
  * ----------------------
  */
 
 .alert {
     color: #fff;
     border: none;
 }
 .alert .alert-title {
     font-size: 16px;
     font-weight: 500;
 }
 .alert.alert-has-icon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .alert.alert-has-icon .alert-icon {
     font-size: 20px;
     width: 30px;
 }
 .alert.alert-has-icon .alert-body {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }
 .alert:not(.alert-light) a {
     color: #fff;
 }
 .alert.alert-primary {
     background-color: #5458b3;
 }
 .alert.alert-secondary {
     background-color: #b03cd5;
 }
 .alert.alert-success {
     background-color: #22e840;
 }
 .alert.alert-info {
     background-color: #01b8ff;
 }
 .alert.alert-warning {
     background-color: #ffb209;
 }
 .alert.alert-danger {
     background-color: #ff473d;
 }
 .alert.alert-light {
     background-color: #f8f9fa;
     color: #343a40;
 }
 .alert.alert-dark {
     background-color: #343a40;
 }
 /*-- end alert --*/
 
 /*
  * Cards Design
  * ----------------------
  */
 
 .card {
     background-color: #fff;
     border: none;
     position: relative;
     margin-bottom: 30px;
     border-radius: 7px;
     box-shadow: 0 2px 17px 2px rgb(222, 223, 241);
 }
 .card.card-progress:after {
     content: ' ';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(255, 255, 255, .5);
     background-image: url('../img/spinner.svg');
     background-size: 30px;
     background-repeat: no-repeat;
     background-position: center;
     z-index: 1;
 }
 .card.card-progress .card-progress-dismiss {
     position: absolute;
     top: 65%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     z-index: 2;
     color: #fff !important;
     padding: 5px 13px;
 }
 .card.card-primary {
     border-top: 2px solid #5458b3;
 }
 .card.card-secondary {
     border-top: 2px solid #b03cd5;
 }
 .card.card-success {
     border-top: 2px solid #22e840;
 }
 .card.card-danger {
     border-top: 2px solid #ff473d;
 }
 .card.card-warning {
     border-top: 2px solid #ffb209;
 }
 .card.card-info {
     border-top: 2px solid #01b8ff;
 }
 .card.card-dark {
     border-top: 2px solid #343a40;
 }
 .card .card-header, .card .card-footer, .card .card-body {
     background-color: transparent;
 }
 .card .card-body {
     padding:30px;
 }
 .card .card-footer.card-footer-grey {
     background-color: #fbfbfb;
 }
 .card .card-header {
     border-bottom-color: #ececff;
     line-height: 30px;
     -ms-flex-item-align: center;
     -ms-grid-row-align: center;
     align-self: center;
     width: 100%;
 }
 .card-header {
     padding: 15px 30px;
 }
 .card .card-header .btn {
     padding: 0;
     font-size: 12px;
     border-radius: 30px;
     line-height: 30px;
     border: 1px solid #edeaea;
     width: 30px;
     text-align: center;
     height: 30px;
 }
 .card .card-header .form-control {
     height: 28px;
     font-size: 12px;
 }
 .card .card-header .form-control+.input-group-btn .btn {
     border-radius: 0 3px 3px 0;
     margin-top: -3px;
 }
 .card .card-header .float-right .btn-group .btn {
     border-radius: 30px !important;
     padding-left: 13px !important;
     padding-right: 13px !important;
 }
 .card .card-header h4 {
     font-size: 20px;
     font-weight: 400;
     letter-spacing: 0;
     margin:0;
     line-height: 30px;
 }
 .card .card-header h4 a.unstyled {
     font-size: 14px;
 }
 .card .card-footer {
     background-color: transparent;
     border: none;
     padding-top: 10px;
     padding-bottom: 10px;
     border-top: 1px solid #ececff;
 }
 .card.card-lg .card-header, .card.card-sm .card-header, .card.card-sm-2 .card-header, .card.card-sm-3 .card-header, .card.card-sm-4 .card-header, .card.card-sm-5 .card-header {
     border-color: transparent;
     padding-bottom: 0;
 }
 .card.card-lg .card-header h4, .card.card-sm .card-header h4, .card.card-sm-2 .card-header h4, .card.card-sm-3 .card-header h4, .card.card-sm-4 .card-header h4, .card.card-sm-5 .card-header h4 {
     line-height: 1.2;
 }
 .card.card-lg .card-body, .card.card-sm .card-body, .card.card-sm-2 .card-body, .card.card-sm-3 .card-body, .card.card-sm-4 .card-body, .card.card-sm-5 .card-body {
     padding-top: 0;
 }
 .card.card-lg .card-header, .card.card-lg .card-body, .card.card-lg .card-footer {
     padding: 30px 40px;
 }
 .card.card-lg .card-header h4 {
     font-size: 22px;
     font-weight: 700;
 }
 .card.card-sm {
     display: inline-block;
     width: 100%;
 }
 .card.card-sm .card-header, .card.card-sm .card-body {
     padding: 25px 0;
 }
 .card.card-sm .card-header {
     padding-top: 5px;
     padding-bottom: 30px;
     color: #838ab6;
 }
 .card.card-sm .card-header h4 {
     font-size: 10px;
 }
 .card.card-sm .card-body {
     padding-bottom: 0;
     font-size: 24px;
     font-weight: 600;
     line-height: normal;
 }
 .card.card-sm .card-icon {
     float: left;
     display: inline-block;
     width: 55px;
     font-size: 20px;
     text-align: right;
     line-height: 84px;
     padding-right: 15px;
 }
 .card.card-sm .card-progressbar {
     padding: 0 25px 30px 0;
 }
 .card.card-sm .card-cta {
     margin-top: 20px;
     padding: 10px;
     text-align: center;
     border-top: 1px solid #ececff;
 }
 .card.card-sm .card-cta a {
     font-size: 12px;
 }
 .card.card-sm .card-cta a i {
     margin-left: 5px;
 }
 .card.card-sm .card-wrap {
     margin-left: 55px;
 }
 .card.card-sm .card-options {
     float: right;
     margin-right: 20px;
     margin-top: 10px;
     font-size: 20px;
 }
 .card.card-sm .card-options>a {
     color: #ececff;
 }
 .card.card-sm:hover .card-options>a {
     color: #999;
 }
 .card.card-sm-2 .card-icon {
     position: absolute;
     right: 20px;
     top: 10px;
     font-size: 35px;
 }
 .card.card-sm-2 .card-header {
     padding-top: 20px;
     padding-bottom: 0;
 }
 .card.card-sm-2 .card-header h4 {
     font-size: 10px;
     color: #838ab6;
 }
 .card.card-sm-2 .card-body, .card.card-sm-3 .card-body, .card.card-sm-4 .card-body, .card.card-sm-5 .card-body {
     font-size: 26px;
     font-weight: 700;
     color: #000;
     padding-bottom: 0;
 }
 .card.card-sm-2 .card-progressbar {
     padding: 20px;
     border-radius: 30px;
 }
 .card.card-sm-2 .card-footer {
     color: #999;
     font-size: 12px;
     line-height: 22px;
 }
 .card.card-sm-3, .card.card-sm-4 {
     display: inline-block;
     width: 100%;
 }
 .card.card-sm-3 .card-icon, .card.card-sm-4 .card-icon {
     width: 80px;
     height: 80px;
     margin: 10px;
     border-radius: 3px;
     line-height: 68px;
     font-size: 50px;
     text-align: center;
     float: left;
     margin-right: 15px;
     color: #fff;
 }
 .icon1 {
     font-size: 60px;
 }
 .card.card-sm-3 .card-header, .card.card-sm-4 .card-header {
     padding-bottom: 0;
     padding-top: 25px;
 }
 .card.card-sm-3 .card-header h4, .card.card-sm-4 .card-header h4 {
     font-size: 10px;
     letter-spacing: 0;
     color: #838ab6;
 }
 .card.card-sm-3 .card-body, .card.card-sm-4 .card-body {
     font-size: 20px;
 }
 .card.card-sm-4 .card-icon {
     border-radius: 50%;
     width: 60px;
     height: 60px;
     margin: 20px;
     line-height: 60px;
 }
 .card.card-sm-4 .card-header {
     margin-top: 5px;
 }
 .card.card-sm-4 .card-header, .card.card-sm-4 .card-body {
     text-align: right;
 }
 .card.card-sm-5 {
     /* text-align: center; */
 }
 .card.card-sm-5 .card-body {
     padding: 20px 20px 5px 20px;
 }
 .card.card-sm-5 .card-header {
     padding: 0 20px 20px 20px;
 }
 .card.card-sm-5 .card-header h4 {
     font-size: 10px;
     font-weight: 700;
     color: #838ab6;
     letter-spacing: 0;
 }
 .card.card-sm-5 .card-icon {
     position: absolute;
     top: 15px;
     right: 20px;
     font-size: 22px;
 }
 .card.card-sm-5 .card-chart {
     padding-top: 10px;
 }
 .card.bg-primary, .card.bg-danger, .card.bg-success, .card.bg-info, .card.bg-dark, .card.bg-warning {
     color: #fff;
 }
 .card.bg-primary .card-header, .card.bg-danger .card-header, .card.bg-success .card-header, .card.bg-info .card-header, .card.bg-dark .card-header, .card.bg-warning .card-header {
     color: #fff;
     opacity: .9;
 }
 .card .box {
     position: relative;
     top: 50%;
     left: 0;
     text-align: center;
     padding: 30px;
     box-sizing: border-box;
     border: 1px solid #ececff;
     border-radius: 4px;
     box-shadow: 0 0 25px rgba(255, 255, 255, 0.3);
     width: 100%;
 }
 .card .box .img {
     width: 120px;
     height: 120px;
     margin: 0 auto;
     border-radius: 50%;
     overflow: hidden;
 }
 .card .box .img img {
     width: 100%;
     height: 100%;
 }
 .card .box h2 {
     font-size: 20px;
     color: #777ab2;
     margin: 20px auto;
 }
 .card .box h2 span {
     font-size: 14px;
     background: #5d61bf;
     color: #fff;
     display: inline-block;
     padding: 4px 10px;
     border-radius: 15px;
     margin-top: 10px;
 }
 .card .box p {}
 .card .box .icons {
     display: inline-flex;
 }
 .card .box ul {
     margin: 0;
     padding: 0;
 }
 .card .box ul li {
     list-style: none;
     float: left;
 }
 .card .box ul li a {
     display: block;
     margin: 0 10px;
     font-size: 20px;
     transition: 0.5s;
     text-align: center;
 }
 .card .box ul.icons li {
     width: 20%;
     font-size: 20px;
     line-height: 3;
     list-style: none;
     text-align: center;
     border-radius: 0;
     position: relative;
     border: 1px solid #ececff;
     border-left:0;
     cursor: pointer;
 }
 .card .box ul.icons li:first-child{
     border-left: 1px solid #ececff;
     border-radius:7px 0 0 7px;
 }
 .card .box ul.icons li:last-child{
     border-radius:0 7px 7px 0;
 }
 .card .box ul li:hover a {
     color: #5d61bf;
     transform: rotateY(360deg);
 }
 /*-- end card --*/
 
 /*
  * Tables
  * ----------------------
  */
 
 table.dataTable {
     border-collapse: collapse;
 }
  table.dataTable thead th {
     border-bottom: 0px solid #ececff;
 }
 table.dataTable thead td{
     border-bottom: 1px solid #ececff;
 }
 table.dataTable.no-footer {
     border-bottom: 1px solid #ececff;
 }
 .table-bordered {
     border: 1px solid #ececff;
 }
 .dataTables_wrapper {
     padding: 0;
     font-size: 14px;
 }
 
 .dataTables_wrapper .dataTables_paginate .paginate_button {
     padding: 0;
     margin: 0;
     text-align: left;
 }
 @media (max-width:767px){
     div.dataTables_wrapper div.dataTables_paginate ul.pagination{
         margin-top:12px !important;
         justify-content: center !important;
     }
 }
 div.dataTables_wrapper div.dataTables_processing {
     font-size: 0;
     background-image: url('../img/spinner.svg');
     background-color: #fff;
     background-size: 100%;
     width: 50px;
     height: 50px;
     border: none;
     -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .05);
     box-shadow: 0 0 40px rgba(0, 0, 0, .05);
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     margin: 0;
     opacity: 1;
 }
 .table td, .table:not(.table-bordered) th {
     border-top: none;
 }
 .table-bordered td, .table-bordered th {
     border: 1px solid #ececff;
 }
 .table-hover tbody tr:hover {
     background-color: #f6f6f9;
 }
 .table thead th {
     border-bottom: none;
     background-color: #f6f6f9;
     padding-top: 15px;
     padding-bottom: 15px;
 }
 .table-links {
     color: #838ab6;
     font-size: 12px;
     margin-top: 5px;
     opacity: 0;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s;
 }
 .table-links a {
     color: #666;
 }
 table tr:hover .table-links {
     opacity: 1;
 }
 .table-striped tbody tr:nth-of-type(odd) {
     background-color: #f6f6f9;
 }
 /*-- End Table --*/
 
 .simple-footer {
     text-align: center;
     margin-top: 40px;
     margin-bottom: 40px;
     color: #777ab2;
 }
 .login-brand {
     margin: 20px 0;
     margin-bottom: 40px;
     font-size: 24px;
     text-transform: uppercase;
     letter-spacing: 4px;
     color: #777ab2;
     text-align: center;
 }
 .summary {
     display: inline-block;
     width: 100%;
 }
 .summary .summary-info {
     background-color: #eaf2f4;
     padding: 50px 0;
     text-align: center;
     border-radius: 3px;
 }
 .summary .summary-info h4 {
     font-weight: 600;
 }
 .summary .summary-item {
     margin-top: 20px;
 }
 .summary .summary-item h6 {
     margin-bottom: 15px;
 }
 .browser {
     display: inline-block;
     width: 60px;
     height: 60px;
     background-size: 100%;
 }
 .browser.browser-chrome {
     background-image: url('../img/browsers/chrome.png');
 }
 .browser.browser-firefox {
     background-image: url('../img/browsers/firefox.png');
 }
 .browser.browser-internet-explorer {
     background-image: url('../img/browsers/internet-explorer.png');
 }
 .browser.browser-opera {
     background-image: url('../img/browsers/opera.png');
 }
 .browser.browser-safari {
     background-image: url('../img/browsers/safari.png');
 }
 /*
  * FullCalendar
  * ----------------------
  */
 
 .fc-toolbar h2 {
     font-size: 16px;
     margin-top: 4px;
 }
 .fc-view, .fc-view>table, .fc-view, .fc-view>table tr, .fc-view, .fc-view>table td, .fc-view, .fc-view>table th {
     border-color: #ececff;
 }
 .fc-view, .fc-view>table th {
     color: #838ab6 !important;
     font-weight: 500;
     padding: 10px;
 }
 @media(max-width:320px){
     .fc-view>table th {
         padding: 10px 2px !important;
     }
     #calendar-1 .calendar-header th {
         padding: 10px 2px !important;
     }
 }
 @media(max-width:480px){
     .fc-view>table th {
         font-size: 10px;
         padding: 10px 5px;
     }
     .fc-list-table td {
         padding: 8px 4px;
         font-size: 12px;
     }
 }
 .fc-view-container>.fc-view {
     padding: 0;
 }
 .fc-view, .fc-view>table td {
     color: #666;
     text-align: right;
 }
 .fc-unthemed td.fc-today {
     background-color: #ececff;
 }
 .fc button .fc-icon {
     top: -0.09em;
 }
 .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
     padding: 10px;
 }
 .fc-day-grid-event .fc-content {
     padding: 5px 10px;
     -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
     box-shadow: 0 0 25px rgba(0, 0, 0, .1);
 }
 tr:first-child>td>.fc-day-grid-event {
     margin-bottom: 10px;
 }
 .fc-state-default {
     border-radius: 3px;
     background-color: #ececff;
     background-image: none;
     border: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     text-transform: capitalize;
     font-weight: 400;
 }
 .fc button {
     height: auto;
     padding: 10px 15px;
     text-shadow: none;
     border-radius: 0;
 }
 .fc button.fc-state-active {
     background-color: #5458b3;
     color: #fff;
 }
 /*-- min Calendar ---*/
 
 #cldr {
     margin-left: 0;
     margin-right: 0;
     width: 355px !important;
 }
 #calendar_weekdays div {
     display: inline-block;
     vertical-align: top;
 }
 #calendar_content, #calendar_weekdays, #calendar_header {
     position: relative;
     width: 355px !important;
     float: left;
     z-index: 10;
 }
 #calendar_weekdays div, #calendar_content div {
     width: 50px !important;
     height: 45px !important;
     line-height: 50px !important;
     overflow: hidden;
     text-align: center;
     background-color: #FFFFFF;
     color: #777ab2;
 }
 #calendar_weekdays div {
     color: #5d61bf !important;
 }
 #calendar_content div {
     float: left;
 }
 #calendar_content div:hover {
     background-color: #f6f6f9;
 }
 #calendar_content div.blank {
     background-color: #fff;
 }
 #calendar_header, #calendar_content div.today {
     zoom: 1;
     filter: alpha(opacity=70);
     opacity: 1;
 }
 #calendar_content div.today {
     color: #FFFFFF;
     background: #5d61bf !important;
 }
 #calendar_header {
     width: 100%;
     height: 37px;
     text-align: center;
     background-color: #fff !important;
     border-bottom: 1px solid #ececff;
     padding: 15px 0;
     height: 55.5714px !important;
 }
 #calendar_header h1 {
     font-size: 1.5em;
     color: #6c739f;
     float: left;
     width: 70%;
 }
 #cldr i[class^=fa] {
     color: #6c739f;
     float: left;
     width: 15%;
     line-height: 26px !important;
 }
 /*-- end fullcalendar --*/
 
 .jqvmap-circle {
     display: inline-block;
     width: 10px;
     height: 10px;
     background-color: #5458b3;
     border: 1px solid #000;
     border-radius: 50%;
 }
 .jqvmap-label {
     z-index: 889;
 }
 .jqvmap-zoomin, .jqvmap-zoomout {
     height: auto;
     width: auto;
 }
 .weather .weather-icon {
     float: left;
     width: 150px;
     text-align: center;
     line-height: 40px;
 }
 .weather .weather-icon span {
     font-size: 60px;
     margin-top: 30px;
 }
 .weather .weather-desc {
     margin-left: 160px;
 }
 .weather .weather-desc h4 {
     font-size: 70px;
     font-weight: 200;
     margin: 0;
     margin-top: 30px;
     margin-bottom: 5px;
     line-height: 56px;
 }
 .weather .weather-desc .weather-text {
     font-size: 12px;
     color: #838ab6;
     font-weight: 600;
     letter-spacing: 0;
     text-transform: uppercase;
     margin-top: 10px;
 }
 .weather .weather-desc ul {
     margin: 15px 0 13px 0;
     padding: 0;
 }
 .weather ul li {
     display: inline-block;
     margin-right: 10px;
     padding: 5px 13px;
     border-radius: 3px;
     border: 2px solid #5458b3;
     font-size: 10px;
     font-weight: 500;
     color: #5458b3;
     text-transform: uppercase;
     letter-spacing: 0;
     margin-bottom: 10px;
 }
 .flag-icon {
     width: 50px;
     height: 35px;
     display: inline-block;
     background-size: 100%;
 }
 .note-editor.note-frame {
     border-radius: 3px;
     border: 1px solid #ececff;
 }
 .note-btn {
     font-size: 12px;
 }
 .note-toolbar {
     position: relative !important;
 }
 /*
  * Tooltip
  * ----------------------
  */
 
 .tooltip {
     font-size: 12px;
 }
 .tooltip-inner {
     padding: 7px 13px;
 }
 /*-- end tooltip --*/
 
 /*
  * Modal
  * ----------------------
  */
 
 .modal-header {
     border-bottom: none;
     border-bottom:1px solid #ececff;
 }
 .modal-header h5 {
     font-size: 18px;
 }
 .modal-footer {
     border-top:1px solid  #ececff;
 }
 .modal-content {
     border: none;
     -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .05);
     box-shadow: 0 0 40px rgba(0, 0, 0, .05);
 }
 /*-- end modal --*/
 
 /*
  * Profile widget
  * ----------------------
  */
 
 .card-profile-widget .profile-widget-picture {
     float: left;
     width: 100px;
     -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .2);
     box-shadow: 0 5px 40px rgba(0, 0, 0, .2);
     margin: -35px -5px 0 30px;
     position: relative;
     z-index: 1;
 }
 .card-profile-widget .profile-widget-header {
     display: inline-block;
     width: 100%;
     margin-bottom: 10px;
 }
 .card-profile-widget .profile-widget-items {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: relative;
 }
 .card-profile-widget .profile-widget-items:after {
     content: ' ';
     position: absolute;
     bottom: 0;
     left: -25px;
     right: 0;
     height: 1px;
     background-color: #ececff;
 }
 .card-profile-widget .profile-widget-items .profile-widget-item {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     text-align: center;
     border-right: 1px solid #ececff;
     padding: 10px 0;
 }
 .card-profile-widget .profile-widget-items .profile-widget-item:last-child {
     border-right: none;
 }
 .card-profile-widget .profile-widget-items .profile-widget-item .profile-widget-item-label {
     font-weight: 500;
     text-transform: uppercase;
     font-size: 10px;
     letter-spacing: .5px;
     color: #838ab6;
 }
 .card-profile-widget .profile-widget-items .profile-widget-item .profile-widget-item-value {
     color: #000;
     font-weight: 600;
     font-size: 16px;
 }
 .card-profile-widget .profile-widget-description {
     padding: 20px;
     font-size: 12px;
     line-height: 22px;
 }
 .card-profile-widget .profile-widget-description .profile-widget-name {
     font-size: 14px;
     margin-bottom: 10px;
     font-weight: 600;
 }
 /*-- end profile widget --*/
 
 /*-- Author box --*/
 
 .card-author-box .author-box-left {
     float: left;
     text-align: center;
     padding-left: 5px;
 }
 .card-author-box .author-box-left .btn {
     padding: 5px 15px;
     font-size: 12px;
     border-radius: 30px;
 }
 .card-author-box .author-box-picture {
     width: 100px;
     -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .2);
     box-shadow: 0 5px 40px rgba(0, 0, 0, .2);
 }
 .card-author-box .author-box-details {
     margin-left: 135px;
 }
 .card-author-box .author-box-name {
     font-size: 18px;
     font-weight: 600;
 }
 .card-author-box .author-box-job {
     text-transform: uppercase;
     font-size: 10px;
     letter-spacing: .5px;
     font-weight: 500;
     color: #838ab6;
 }
 .card-author-box .author-box-description {
     font-size: 12px;
     line-height: 22px;
     margin-top: 15px;
 }
 /*-- end author box --*/
 
 /*-- User item --*/
 
 .user-item {
     text-align: center;
 }
 .user-item img {
     border-radius: 50%;
     padding-left: 20px;
     padding-right: 20px;
 }
 .user-item .user-details {
     margin-top: 10px;
 }
 .user-item .user-details .user-name {
     font-weight: 600;
     font-size: 16px;
     white-space: nowrap;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
 }
 .user-item .user-details .user-job {}
 .user-item .user-details .user-cta {
     margin-top: 10px;
 }
 .user-item .user-details .user-cta .btn {
     padding: 5px 15px;
     font-size: 12px;
     border-radius: 30px;
 }
 /*
  * User Profile
  * ----------------------
  */
 
 .userprofile {
     width: 100%;
     float: left;
     clear: both;
 }
 .userprofile .userpic {
     height: 100px;
     width: 100px;
     clear: both;
     margin: 0 auto;
     display: block;
     border-radius: 100%;
     box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
     -webkit-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
     -ms-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
     position: relative;
 }
 .userprofile .userpic .userpicimg {
     height: auto;
     width: 100%;
     border-radius: 100%;
 }
 .username {
     font-weight: 400;
     font-size: 20px;
     line-height: 20px;
     color: #000000;
     margin-top: 18px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 .username p {
     color: #fff;
     font-size: 13px;
     line-height: 15px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }
 .settingbtn {
     height: 30px;
     width: 30px;
     border-radius: 30px;
     display: block;
     position: absolute;
     bottom: 0px;
     right: 0px;
     line-height: 30px;
     vertical-align: middle;
     text-align: center;
     padding: 0;
     box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.15);
     -webkit-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.15);
     -ms-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.15);
 }
 .userprofile.small {
     width: auto;
     clear: both;
     margin: 0px auto;
 }
 .userprofile.small .userpic {
     height: 40px;
     width: 40px;
     margin: 0 10px 0 0;
     display: block;
     border-radius: 100%;
     box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
     -webkit-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
     -ms-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
     position: relative;
     float: left;
 }
 .userprofile.small .textcontainer {
     float: left;
     max-width: 100px;
     padding: 0
 }
 .userprofile.small .userpic .userpicimg {
     min-height: 100%;
     width: 100%;
     border-radius: 100%;
 }
 .userprofile1transparent {
     /*background: url(../../assets/img/news/img02.jpg) no-repeat top center;*/
     content: '';
 }
 .userprofile.social .username {
     color: #6c739f;
     font-size: 22px;
 }
 .userprofile.social .username+p {
     color: #777ab2;
     opacity: 0.8
 }
 .userprofile.small .username {
     font-weight: 400;
     font-size: 16px;
     line-height: 21px;
     color: #000000;
     margin: 0px;
     float: left;
     width: 100%;
 }
 .userprofile.small .username p {
     color: #ffff;
     font-size: 13px;
     float: left;
     width: 100%;
     margin: 0;
 }
 .nav .nav-pills>li>a {
     border-radius: 5px;
     text-align: left;
 }
 .nav>li>a {
     position: relative;
     display: block;
     margin-right: 15px;
 }
 .media-body {
     color: #777ab2;
     overflow: visible;
     margin-left: 15px;
 }
 .media-body h4 {
     font-size: 16px;
     color: #6c739f;
 }
 .media-body p {
     font-size: 13px !important;
 }
 .media-body .nav-pills li a {
     color: #838ab6;
 }
 .media-body .nav-pills li a:hover {
     text-decoration: none;
     color: #777ab2;
 }
 .media-object {
     max-width: 50px;
     border-radius: 50px;
 }
 .media:first-child {
     margin-top: 15px;
 }
 .media-object {
     display: block;
 }
 .commentsblock {
     background: #f6f6f9;
     border: 1px solid #ececff!important;
 }
 .tags a {
     float: left;
     margin-right: 5px;
     margin-bottom: 5px;
     padding: 8px 14px;
     color: #777ab2;
     font-weight: 400;
     border: 1px solid #ececff;
 }
 .tags li a:hover {
     background: #5d61bf;
     border-color: #5d61bf;
     color: #fff!important;
     text-decoration: none;
 }
 .memberblock {
     width: 100%;
     float: left;
     clear: both;
     margin-bottom: 15px
 }
 .member {
     width: 100%;
     float: left;
     background: #ffffff;
     border: 1px solid #ececff;
     padding: 3px;
     position: relative;
     overflow: hidden;
     text-decoration: none !important;
 }
 .memmbername {
     bottom: -30px;
     background: rgba(0, 0, 0, 0.9);
     color: #ffffff;
     line-height: 30px;
     padding: 0 5px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     text-align: center;
     width: 100%;
     font-size: 11px;
 }
 .member:hover .memmbername {
     bottom: 0
     
 }
 .member img {
     width: 100%;
 }
 .countlist h4 {
     margin: 0;
     font-weight: 400;
     line-height: 20px;
 }
 .countlist li {
     padding: 0px 30px 0px 0;
     font-size: 14px;
     text-align: left;
 }
 .countlist li small {
     font-size: 12px;
     margin: 0
 }
 .followbtn {
     margin: 10px;
 }
 .btn-circle {
     width: 30px;
     height: 30px;
     padding: 6px 0;
     border-radius: 15px;
     text-align: center;
     font-size: 12px;
     line-height: 1.428571429;
 }
 /*
  * Avatar
  * ----------------------
  */
 
 .avatar-item {
     position: relative;
 }
 .avatar-item img {
     border-radius: 50%;
 }
 .avatar-item .avatar-badge {
     position: absolute;
     bottom: -5px;
     right: 0;
     background-color: #fff;
     color: #000;
     -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
     box-shadow: 0 0 20px rgba(0, 0, 0, .15);
     border-radius: 50%;
     text-align: center;
     line-height: 25px;
     width: 25px;
     height: 25px;
 }
 /*-- end avatar --*/
 
 /*
  *  Chat
  * ----------------------
  */
 
 .card-chat .chat-content {
     background-color: #ececff!important;
     height: 300px;
     overflow: hidden;
     padding-top: 25px !important;
 }
 .card-chat .chat-content .chat-item.chat-right img {
     float: right;
 }
 .card-chat .chat-content .chat-item.chat-right .chat-details {
     margin-left: 0;
     margin-right: 70px;
     text-align: right;
 }
 .card-chat .chat-content .chat-item.chat-right .chat-details .chat-text {
     text-align: left;
     background-color: #5458b3;
     color: #fff;
 }
 .card-chat .chat-content .chat-item {
     display: inline-block;
     width: 100%;
     margin-bottom: 25px;
 }
 .card-chat .chat-content .chat-item>img {
     float: left;
     width: 50px;
     border-radius: 50%;
 }
 .card-chat .chat-content .chat-item .chat-details {
     margin-left: 70px;
 }
 .card-chat .chat-content .chat-item .chat-details .chat-text {
     background-color: #fff;
     padding: 10px 15px;
     -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .05);
     box-shadow: 0 0 40px rgba(0, 0, 0, .05);
     border-radius: 3px;
     width: auto;
     display: inline-block;
     font-size: 12px;
 }
 .card-chat .chat-content .chat-item .chat-details .chat-text img {
     max-width: 100%;
     margin-bottom: 10px;
 }
 .card-chat .chat-content .chat-item.chat-typing .chat-details .chat-text {
     background-image: url('../img/typing.svg');
     height: 40px;
     width: 60px;
     background-position: center;
     background-size: 60%;
     background-repeat: no-repeat;
 }
 .card-chat .chat-content .chat-item .chat-details .chat-time {
     margin-top: 5px;
     font-size: 12px;
     font-weight: 500;
     opacity: .6;
 }
 .card-chat .chat-form {
     padding: 0;
     position: relative;
 }
 .card-chat .chat-form .form-control {
     border: none;
     padding: 15px;
     padding-right: 70px;
     -webkit-box-shadow: none;
     box-shadow: none;
     outline: none;
 }
 .card-chat .chat-form .btn {
     padding: 0;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     right: -5px;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
     box-shadow: 0 0 20px rgba(0, 0, 0, .2);
 }
 .card-chat .chat-form .btn i {
     margin-left: 0;
 }
 /*-- end chat --*/
 
 /*-- chocolat --*/
 
 .chocolat-wrapper {
     z-index: 890;
 }
 .chocolat-overlay {
     background-color: #000;
 }
 /*-- end chocolat --*/
 
 /*
  * Gallery
  * ----------------------
  */
 
 .gallery {
     display: inline-block;
     width: 100%;
 }
 .gallery .gallery-item {
     float: left;
     display: inline-block;
     width: 50px;
     height: 50px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     border-radius: 3px;
     margin-right: 7px;
     margin-bottom: 7px;
     cursor: pointer;
     -webkit-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
     position: relative;
 }
 .gallery .gallery-item:hover {
     opacity: .8;
 }
 .gallery .gallery-hide {
     display: none;
 }
 .gallery .gallery-more:after {
     content: ' ';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     background-color: rgba(0, 0, 0, .5);
     border-radius: 3px;
 }
 .gallery .gallery-more div {
     text-align: center;
     line-height: 50px;
     font-weight: 600;
     position: relative;
     z-index: 2;
     color: #fff;
 }
 .gallery.gallery-md .gallery-item {
     width: 78px;
     height: 78px;
     margin-right: 10px;
     margin-bottom: 10px;
 }
 .gallery.gallery-md .gallery-more div {
     line-height: 78px;
 }
 .gallery.gallery-fw .gallery-item {
     width: 100%;
     margin-bottom: 15px;
 }
 .gallery.gallery-fw .gallery-more div {
     font-size: 20px;
 }
 /*-- end gallery --*/
 
 /*
  * Slider
  * ----------------------
  */
 
 .slider .owl-nav [class*=owl-] {
     position: absolute;
     top: 50%;
     left: 35px;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     margin: 0;
     background-color: #000;
     border-radius: 50%;
     color: #fff;
     width: 40px;
     height: 40px;
     line-height: 34px;
     opacity: .3;
 }
 .slider .owl-nav .owl-next {
     right: 0;
     left: initial;
 }
 .slider:hover .owl-nav [class*=owl-] {
     opacity: 1;
 }
 .slider .slider-caption {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     z-index: 1;
     background-color: rgba(0, 0, 0, .3);
     color: #fff;
     padding: 10px;
 }
 .slider .slider-caption .slider-title {
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 5px;
 }
 .slider .slider-caption .slider-description {
     font-size: 12px;
     line-height: 24px;
     opacity: .8;
 }
 /*-- end slider --*/
 
 /*-- listgroup --*/
 
 .list-group-item.active {
     z-index: 2;
     color: #fff;
     background-color: #5458b3;
     border-color: #5458b3;
 }
 /*-- Badge --*/
 
 .badge {
     padding: 7px 12px;
     font-weight: 500;
     letter-spacing: .5px;
     border-radius: 30px;
     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
 }
 .badge-primary {
     color: #fff;
     background-color: #5458b3;
 }
 .badge-secondary {
     color: #fff;
     background-color: #b03cd5;
 }
 .badge-warning {
     color: #fff;
     background-color: #ffb209;
 }
 .badge-success {
     color: #fff;
     background-color: #22e840;
 }
 .badge-danger {
     color: #fff;
     background-color: #ff473d;
 }
 .badge-info {
     color: #fff;
     background-color: #01b8ff;
 }
 .badge-pink {
     color: #fff;
     background-color: #f21887;
 }
 .badge-orange {
     color: #fff;
     background-color: #fe5417;
 }
 .badge-cyan {
     color: #fff;
     background-color: #1891f2;
 }
 /*-- end badge --*/
 
 /*
  * Chart  Styles
  * ----------------------
  */
 
 #chart {
     max-width: 760px;
     margin: 35px auto;
     opacity: 0.9;
 }
 #timeline-chart .apexcharts-toolbar {
     opacity: 1;
     border: 0;
 }
 /*
  * Media
  * ----------------------
  */
 
 .media .media-right {
     float: right;
     color: #5458b3;
     font-weight: 600;
     font-size: 16px;
 }
 .media .media-icon {
     font-size: 20px;
     margin-right: 15px;
     line-height: 1;
 }
 .media .media-title {
     margin-top: 0;
     margin-bottom: 5px;
     font-weight: 500;
 }
 .media .media-title a {
     color: #000;
 }
 .media .media-description {
     line-height: 24px;
     color: #838ab6;
 }
 .media .media-links {
     margin-top: 10px;
 }
 .media .media-links a {
     font-size: 12px;
     color: #999;
 }
 .media .media-progressbar {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }
 .media .media-progressbar .progress-text {
     font-size: 14px;
     font-weight: 600;
     margin-bottom: 5px;
     color: #838ab6;
 }
 .media .media-cta {
     margin-left: 40px;
 }
 .media .media-cta .btn {
     padding: 5px 15px;
     border-radius: 30px;
     font-size: 12px;
 }
 .media .media-items {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .media .media-items .media-item {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     text-align: center;
     padding: 0 15px;
 }
 .media .media-items .media-item .media-label {
     font-weight: 500;
     font-size: 12px;
     color: #838ab6;
 }
 .media .media-items .media-item .media-value {
     font-weight: 700;
     font-size: 18px;
 }
 /*-- end media --*/
 
 /*
  * Toast
  * ----------------------
  */
 
 #toast-container>div {
     -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .15) !important;
     box-shadow: 0 0 25px rgba(0, 0, 0, .15) !important;
     padding: 20px 20px 20px 50px;
     opacity: 1;
 }
 #toast-container>.toast {
     background-image: none !important;
 }
 #toast-container>.toast:before {
     position: absolute;
     left: 17px;
     top: 25px;
     font-family: 'Ionicons';
     font-size: 24px;
     line-height: 18px;
     color: #fff;
 }
 #toast-container>.toast-warning:before {
     content: "\f100";
 }
 #toast-container>.toast-error:before {
     content: "\f2d7";
 }
 #toast-container>.toast-info:before {
     content: "\f44c";
     color: #fff;
 }
 #toast-container>.toast-success:before {
     content: "\f121";
 }
 .toast.toast-error {
     background-color: #ac243a;
 }
 .toast.toast-warning {
     background-color: #f6d30c;
 }
 .toast.toast-success {
     background-color: #00d02f;
 }
 .toast.toast-info {
     background-color: #fff;
 }
 .toast.toast-info .toast-title, .toast.toast-info .toast-message {
     color: #fff;
 }
 .toast.toast-info .toast-message {
     margin-top: 5px;
 }
 /*-- end toast --*/
 
 /*-- Statistic --*/
 
 .statistic-details {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 .statistic-details .statistic-details-item {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     padding: 20px;
     text-align: center;
 }
 .statistic-details .statistic-details-item .detail-chart {
     margin-bottom: 10px;
     padding: 0 20px;
 }
 .statistic-details .statistic-details-item .detail-name {
     font-weight: 400;
     font-size: 12px;
     margin-top: 5px;
     color: #838ab6;
     letter-spacing: .3px;
 }
 .statistic-details .statistic-details-item .detail-value {
     font-size: 18px;
     font-weight: 700;
 }
 /*-- end statistic --*/
 
 /*-- custom tab --*/
 
 [data-tab-group] {
     display: none;
 }
 [data-tab-group].active {
     display: block;
 }
 /*-- end custom tab --*/
 
 /*--- Breadcrumb --*/
 
 .breadcrumb {
     background: transparent;
     color: #5c6287;
     margin-bottom: 30px;
     border-radius: 7px;
     padding-left: 0;
 }
 /*-- end breadcrumb --*/
 
 /*
  * Accordion
  * ----------------------
  */
 
 .accordion {
     display: inline-block;
     width: 100%;
     margin-bottom: 10px;
 }
 .accordion .accordion-header, .accordion .accordion-body {
     padding: 10px 15px;
 }
 .accordion .accordion-header {
     background-color: #f6f6f9;
     border-radius: 3px;
     cursor: pointer;
     -webkit-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
 }
 .accordion .accordion-header h4 {
     margin: 0;
     font-size: 14px;
 }
 .accordion .accordion-header:hover {
     background-color: #f6f6f9;
 }
 .accordion .accordion-header[aria-expanded="true"] {
     -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
     box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
     background-color: #5458b3;
     color: #fff;
 }
 .accordion .accordion-body {
     line-height: 24px;
 }
 /*-- end accordion --*/
 
 /*
  * Popover
  * ----------------------
  */
 
 .popover {
     border-color: transparent;
     -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .05);
     box-shadow: 0 0 40px rgba(0, 0, 0, .05);
 }
 .popover .manual-arrow {
     position: absolute;
     bottom: -15px;
     font-size: 16px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     color: #fff;
 }
 .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
     border-left-color: #ececff;
 }
 .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
     border-bottom-color: #ececff;
 }
 .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
     border-top-color: #ececff;
 }
 .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
     border-right-color: #ececff;
 }
 .popover .popover-header {
     background-color: transparent;
     border: none;
     padding-bottom: 0;
     padding-top: 10px;
 }
 .popover .popover-body {
     padding: 15px;
     line-height: 24px;
 }
 /*-- end popover --*/
 
 /*
  * Icons Styles
  * ----------------------
  */
 
 /*--Ionicons*--*/
 
 .icons-item {
     padding: 0;
     margin: 0;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 .icons-item li {
     width: 60px;
     height: 60px;
     font-size: 20px;
     line-height: 3;
     margin:1px;
     list-style: none;
     text-align: center;
     border-radius: 3px;
     border-radius: 4px;
     position: relative;
     border: 1px solid #ececff;
     cursor: pointer;
 }
 .icons {
     padding: 0;
     margin: 0;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 .icons li {
     width: 60px;
     height: 60px;
     font-size: 20px;
     line-height: 3;
     list-style: none;
     text-align: center;
     border-radius: 3px;
     border-radius: 4px;
     position: relative;
     border: 1px solid #ececff;
     cursor: pointer;
 }
 .icons li:hover {
     opacity: .8;
 }
 .icons li .icon-name {
     display: none;
 }
 /*-- end ionicons--- */
 
 /*-- Transparent--- */
 
 .transparent:before{
     content:'';
     position:absolute;
     background:rgb(93, 97, 191,0.7);
     width:100%;
     height:100%;
     left:0;
     right:0;
     display:block;
     bottom: 0;
     top: 0;
     border-radius:7px 0 0 7px;
 }
 .cover-image{
     background-size: cover !important;
     padding-top:80px !important;
 }
 /*-- Bg Transaprent--- */
 
 /*-- weather icon --*/
 
 .weather-shade i {
     position: absolute;
     top: 50px;
     right: 50px;
     width: 125px;
     height: auto;
     font-size: 90px;
 }
 .weather-radius {
     border-top-left-radius: 7px;
     border-bottom-left-radius: 7px;
 }
 .widgetb h6 {
     font-weight: 400;
     font-size: 12px;
 }
 .weather-radius .bg-transparent h3{
     z-index: 10;
     position: relative;
     
 }
 .widgetb i {
     font-size: 27px;
     margin-bottom: 5px;
 }
 .icon-wrap {
     display: inline-block;
     padding-left: 15px;
     padding-right: 15px;
     margin-bottom: 25px;
     width: calc(100% / 4);
 }
 .icon-wrap .icon {
     float: left;
     width: 40px;
     font-family: 'weathericons';
     font-size: 20px;
 }
 .icon-wrap .icon-name {}
 .icon-wrap .icon_unicode {
     width: 100%;
     padding-left: 45px;
     color: #838ab6;
 }
 .new-icons ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }
 .new-icons ul li {
     padding: 10px;
 }
 .icon-wrap .icon, .new-icons ul li .wi {
     font-size: 24px;
     margin-right: 15px;
     width: 30px;
     text-align: center;
 }
 /*-- end weather icon --*/
 
 .sm-gutters {
     margin-left: -5px;
     margin-right: -5px;
 }
 .sm-gutters>.col, .sm-gutters>[class*=col-] {
     padding-left: 5px;
     padding-right: 5px;
 }
 /*-- end grid --*/
 
 /*
  * Form Elements
  * ----------------------
  */
 .form-horizontal label.control-label{
     margin-bottom:20px;
 }
 .form-group label {
     font-weight: 400;
     color: #5458b3;
     font-size: 14px;
     letter-spacing: .5px;
 }
 .form-group.floating-addon {
     position: relative;
 }
 .custom-control-label::before {
     position: absolute;
     left: -1.5rem;
     display: block;
     width: 1rem;
     height: 1rem;
     pointer-events: none;
     content: "";
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-color: #dee2e6;
 }
 .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
     background-color: #5458b3;
 }
 .form-group.floating-addon .input-group-prepend, .form-group.floating-addon .input-group-append {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 5;
 }
 .form-group.floating-addon .input-group-append {
     left: initial;
     right: 0;
 }
 .form-group.floating-addon .input-group-prepend .input-group-text, .form-group.floating-addon .input-group-append .input-group-text {
     border-color: transparent;
     font-size: 20px;
     line-height: 24px;
 }
 .form-group.floating-addon .form-control {
     border-radius: 3px;
     padding-left: 50px;
 }
 .form-group.floating-addon .form-control+.form-control {
     border-radius: 0 3px 3px 0;
     padding-left: 15px;
 }
 .input-group-text {
     background-color: transparent;
 }
 /*-- end form group --*/
 
 /*
  * Page Errors
  * ----------------------
  */
 
 .page-error {
     height: 100%;
     width: 100%;
     padding-top: 60px;
     text-align: center;
     display: flex;
 }
 .page-error .page-inner {
     display: table-cell;
     width: 100%;
     vertical-align: middle;
 }
 .page-error h1 {
     font-size: 10em;
     font-weight: 300;
 }
 .page-error .page-description {
     font-size: 18px;
     font-weight: 300;
 }
 .page-error .page-search {
     margin: 20px auto;
     max-width: 100%;
     width: 350px;
 }
 .page-error .page-search .form-control, .page-error .page-search .btn {
     border-radius: 30px;
 }
 .page-error .page-search .btn {
     margin-left: 10px;
 }
 /*-- end page error --*/
 .icons-list {
     list-style: none;
     margin: 0 -1px -1px 0;
     padding: 0;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 .icons-list>li {
     -ms-flex: 1 0 4rem;
     flex: 1 0 4rem;
 }
 .icons-list-wrap {
     overflow: hidden;
 }
 .icons-list-item {
     text-align: center;
     height: 4rem;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: center;
     justify-content: center;
 }
 .icons-list-item i {
     font-size: 1.25rem;
 }
 
 /*---Shop----*/
 .prod-cat li{
     display: block;
     width: 100%;
 }
 
 .prod-cat li a {
     padding: 6px;
     display: block;
     width: 100%;
     color: #838ab6;
     text-decoration: none;
 }
 
 .prod-cat li ul {
     margin-left: 30px;
 }
 
 .prod-cat li ul li a{
     border-bottom:none;
 }
 .prod-cat li ul li a:hover,.prod-cat li ul li a:focus, .prod-cat li ul li.active a , .prod-cat li a:hover,.prod-cat li a:focus, .prod-cat li a.active{
     background: none;
     color: #5d61bf;
 }
 
 .pro-lab{
     margin-right: 20px;
     font-weight: normal;
 }
 
 .pro-sort {
     padding-right: 20px;
     float: left;
 }
 
 .pro-page-list {
     margin: 5px 0 0 0;
 }
 
 .product-list img{
     width: 100%;
     border-radius: 4px 4px 0 0;
     -webkit-border-radius: 4px 4px 0 0;
 }
 
 .product-list .pro-img-box {
     position: relative;
     padding:10px;
 }
 .shop-details{
     left: 0;
     bottom: -25px;
     position: absolute;
     margin: 0 auto;
     right: 0;
      text-align: center;
 }
 .adtocart {
     background: #5d61bf;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     color: #fff;
     display: inline-block;
     text-align: center;
     border: 3px solid #fff;
     
 }
 
 .adtocart i{
     color: #fff;
     font-size: 20px;
     line-height: 42px;
 }
 
 .pro-title {
     color: #6c739f;
     display: inline-block;
     font-size: 16px;
     text-decoration: none !important;
 }
 
 .product-list .price {
     color:#5d61bf ;
     font-size: 24px;
     margin-bottom: 0;
 }
 
 .pro-img-details {
     margin-left: -15px;
 }
 
 .pro-img-details img {
     width: 100%;
 }
 
 .pro-d-title {
     font-size: 16px;
     margin-top: 0;
 }
 
 .product_meta {
     border-top: 1px solid #eee;
     border-bottom: 1px solid #eee;
     padding: 10px 0;
     margin: 15px 0;
 }
 
 .product_meta span {
     display: block;
     margin-bottom: 10px;
 }
 .product_meta a, .pro-price{
     color:#5d61bf ;
 }
 
 .pro-price, .amount-old {
     font-size: 18px;
     padding: 0 10px;
 }
 
 .amount-old {
     text-decoration: line-through;
 }
 
 .quantity {
     width: 120px;
 }
 
 .pro-img-list {
     margin: 10px 0 0 -15px;
     width: 100%;
     display: inline-block;
 }
 
 .pro-img-list a {
     float: left;
     margin-right: 10px;
     margin-bottom: 10px;
 }
 
 .pro-d-head {
     font-size: 18px;
     font-weight: 300;
 }
 
 @media (max-width:992px){
     .weather-radius{
         border-radius:7px 7px 0 0;
     }
     .transparent:before{
         border-radius:7px 7px 0 0;
     }
     .page-error {
         padding-top:20px;
     }
 }
 @media (max-width:480px){
     .apexcharts-legend{
         display:none;
     }
     .calendar-header th {
         padding: 10px 5px !important;
         font-size: 8px !important;
     }
 }
 /*------Switch---*/
 
 .custom-switch {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     cursor: default;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -ms-flex-align: center;
     align-items: center;
     margin: 0;
 }
 .custom-switch-input {
     position: absolute;
     z-index: -1;
     opacity: 0;
 }
 .custom-switches-stacked {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 .custom-switches-stacked .custom-switch {
     margin-bottom: .5rem;
 }
 .custom-switch-indicator {
     display: inline-block;
     height: 1.25rem;
     width: 2.25rem;
     background: #e9ecef;
     border-radius: 50px;
     position: relative;
     vertical-align: bottom;
     border: 1px solid #e3ebf3;
     transition: .3s border-color, .3s background-color;
 }
 .custom-switch-indicator:before {
     content: '';
     position: absolute;
     height: calc(1.25rem - 4px);
     width: calc(1.25rem - 4px);
     top: 1px;
     left: 1px;
     background: #fff;
     border-radius: 50%;
     transition: .3s left;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
 }
 .custom-switch-input:checked~.custom-switch-indicator {
     background: #5d61bf;
 }
 .custom-switch-input:checked~.custom-switch-indicator:before {
     left: calc(1rem + 1px);
 }
 .custom-switch-input:focus~.custom-switch-indicator {
     box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
     border-color:#5d61bf;
 }
 .custom-switch-description {
     margin-left: .5rem;
     color: #6e7687;
     transition: .3s color;
 }
 .custom-switch-input:checked~.custom-switch-description {
     color: #495057;
 }
 .custom-file {
     position: relative;
     display: inline-block;
     width: 100%;
     height: 2.375rem;
     margin-bottom: 0;
 }
 .custom-file-input {
     position: relative;
     z-index: 2;
     width: 100%;
     height: 2.375rem;
     margin: 0;
     opacity: 0;
 }
 .custom-file-input:focus~.custom-file-label {
     border-color: #1991eb;
     box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
 }
 .custom-file-input:focus~.custom-file-label::after {
     border-color: #1991eb;
 }
 .custom-file-input:lang(en)~.custom-file-label::after {
     content: "Browse";
 }
 .custom-file-label {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1;
     height: 2.375rem;
     padding: 0.375rem 0.75rem;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     border: 1px solid #ececff;
     border-radius: 3px;
 }
 .custom-file-label::after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 3;
     display: block;
     height: calc(2.375rem - 1px * 2);
     padding: 0.375rem 0.75rem;
     line-height: 1.5;
     color: #fff;
     content: "Browse";
     background-color: #5458b3;
     border-left: 1px solid #5458b3;
     border-radius: 0 3px 3px 0;
 }
 .terms ul{
     padding:0;
     list-style:none;
 }
 
 /*----Pricing Tables----*/
 
 .pt-inner {
     text-align: center;
 }
 
 .pt-inner .pti-header {
     padding: 45px 10px 70px;
     color: #fff;
     position: relative;
 }
 
 .pt-inner .pti-header>h2 {
     margin: 0;
     line-height: 100%;
     color: #fff;
     font-weight: 100;
     font-size: 50px;
 }
 .pt-inner .pti-header>h2 small {
     color: #fff;
     letter-spacing: 0;
     vertical-align: top;
     font-size: 16px;
     font-weight: 100;
 }
 .pt-inner .pti-header .ptih-title {
     background-color: rgba(0,0,0,.1);
     padding: 8px 10px 9px;
     margin: 0 -10px;
     position: absolute;
     width: 100%;
     bottom: 0;
 }
 .pt-inner .pti-header .ptih-title {
     text-transform: uppercase;
 }
 .pt-inner .pti-body {
 }
 .pt-inner .pti-body .ptib-item:not(:last-child) {
     border-bottom: 1px solid #eee;
 }
 .pt-inner .pti-body .ptib-item {
     padding: 15px 0;
     font-weight: 400;
 }
 .pt-inner .pti-footer {
     padding:20px 0;
     border-top: 0 !important;
 }
 
 .plan-card .plan-icon {
     display: inline-block;
     font-size: 35px;
     width: 100px;
     height: 100px;
     color: #ffffff;
     line-height: 76px;
     overflow: hidden;
     border: 12px solid #ffffff;
     border-radius: 50%;
     background: #67a8e4;
     box-shadow: 0 0 3px #cccccc;
     transition: all .3s;
 }
 
 .plan-card .plan-price span {
     font-size: 15px;
     vertical-align: middle;
 }
 
 .plan-card .plan-features p {
     line-height: 32px;
 }
 /*----Signle-pages----*/
 
 .single-page{
     width: 70%;
     margin: 120px auto;
     background: rgba(255,255,255,.5);
     padding: 30px;
     display:table;
     position: relative;
     border-radius:7px;
     box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
 }
 .single-page.single-pageimage{
     min-height: 387px;
 }
 @media(min-width:1024px){
     .single-pageimage .log-wrapper {
         margin-top:100px;
     }
 }
 
 .single-page > .log-wrapper {
     display: table-cell;
     vertical-align: middle;
     text-align: right;
     color: #fff;
 }
 /*.single-page form a.btn{
     display: inline-block;
     padding: 10px 30px;
     border-radius: 50px;
     position: relative;
     color: #FFF;
     transition: all .25s;
 }*/
 .single-page button.dark{
     border-color: #ff4931;
     background: #ff4931;
 }
 .single-page .move button.dark{
     border-color: #e0b722;
     background: #e0b722;
 }
 .single-page .splits p{
     font-size: 18px;
 }
 .single-page button:active{
     box-shadow: none;			
 }
 .single-page button:focus{
     outline: none;			
 }
 
 .single-page .wrapper.wrapper2 {
     top:-37%;
     left:4%;
 }
 .single-page > .wrapper3{
     width: 100%;
     padding-top: 8rem;
 }
 .single-page .wrapper.wrapper2 {
     background: #fff;
     width: 100%;
     background: #fff;
     box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
     transition: all .5s;
     color: #838ab6;
     overflow: hidden;
     border-radius:7px;
     text-align: center;
 }
 .single-page .wrapper{
     background: #fff;
     box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
     transition: all .5s;
     color: #838ab6;
     overflow: hidden;
     border-radius:7px;
 }
 .single-page .wrapper > form{
     width: 100%;
     transition: all .5s;
     background: #fff;
     width: 100%; 
 }
 .single-page .wrapper .card-body{
     padding: 30px;
 }
 .single-page .wrapper > form:focus{
     outline: none;
 }
 .single-page .wrapper #login{
     visibility: visible;
 }
 .single-page .wrapper #register{
     transform: translateY(-80%) translateX(100%);
     visibility: hidden;
 }
 .single-page .wrapper.move #register{
     transform: translateY(-80%) translateX(0%);
     visibility: visible;
 }
 .single-page .wrapper.move #login{
     transform: translateX(-100%);
     visibility: hidden;
 }
 .single-page .wrapper > form > div {
     position: relative;
     margin-bottom: 15px;
 }
 .single-page .wrapper label{
     position: absolute;
     top: -7px;
     font-size: 12px;
     white-space: nowrap;
     background: #fff;
     text-align: left;
     left: 15px;
     padding: 0 5px;
     color: #838ab6;
     pointer-events: none;
 }
 .single-page .wrapper h3, .single-page .wrapper h4{
     margin-bottom: 25px;
     font-size: 22px;
 }
 .single-page .wrapper input{
     height: 40px;
     padding: 5px 15px;
     width: 100%;
     border: solid 1px #ececff;
 }
 .single-page .wrapper input{
     height: 40px;
     padding: 5px 15px;
     width: 100%;
     border: solid 1px #ececff;
 }
 .single-page .wrapper input:focus{
     outline: none;
     border-color: #ececff;
 }
 .single-page > .wrapper.move{
     left: 45%;
 }
 .single-page > .wrapper.move input:focus{
     border-color: #e0b722;
 }
 @media (max-width: 480px){
     .nav-tabs .nav-item {
         width: 100%;
     }
     .nav-tabs .nav-item .nav-link.active{
         border:1px solid #ececff;
     }
     .nav .nav-item {
         width: 100%;
     }
     #navs-pills-dropdown .nav .nav-item {
         margin-top:2px;
     }
     
 }
 @media (max-width: 568px){
     .fc-toolbar .fc-left, .fc-toolbar .fc-right, .fc-icon, .fc-toolbar .fc-center {
         float: none;
         display: block !important;
         width: 100%;
         margin-bottom: 0.5rem;
         text-align: center;
     }
     .single-page{
         border-radius: 0;
     }
     .construction-bg:before{
         border-radius: 0 !important;
     }
 }
 @media (max-width: 992px){
     .follower .float-right{
         float: none !important;
         text-align: center;
     }
     .weather-radius .bg-transparent h3{
         margin-bottom:35px;
     }
     .single-page{
         margin: 0;
         width: 100%;
         display: block;
     }
     .single-page .wrapper.wrapper2{
         position: relative;
         height: auto;
         top: 0;
         left: 0;
         width: 100%;
     }
     .single-page .wrapper.wrapper2 {
         top: 0;
         left: 0;
     }
     .single-page > .wrapper3 {
         width: 100%;
         padding-top: 0;
         padding-bottom: 3rem;
         margin-top: 0 !important;
     }
     .single-page > .log-wrapper{
         display: inline-block;
         width: 100%;
         text-align: center;
     }
     
     .splits{
         width: 50%;
         background: #fff;
         float: left;
     }
     .splits button{
         width: 100%;
         border-radius: 0;
         background: #505050; 
         border: 0;
         opacity: .7;
     }
     .splits button.active{
         opacity: 1;
     }
     .splits button.active{
         opacity: 1;
         background: #ff4931;
     }
     .splits.rgstr-btn button.active{
         background: #e0b722;
     }
     .splits p{
         display: none;
     }
     .single-page > .wrapper.move{
         left: 0%;
     }
 }
 
 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
   box-shadow: inset 0 0 0 50px #fff
 }
 
 /*---Count-down---*/
 
 #count-down {
     margin: 20px auto;
     text-align: center;
     display: inline-block;
 }
 #count-down .clock-presenter {
     height: 80px;
     padding: 0px;
     text-align: center;
 }
 #count-down .clock-presenter .digit {
     margin-top: 10px;
     font-size: 1.5rem;
     line-height: 40px;
     height: 40px;
     display: inline-block;
     overflow: hidden;
     text-align: center;
     position: relative;
     cursor: default;
     border-radius:3px;
 }
 #count-down .clock-presenter {
     width:60px;
     height:60px;
     border-radius:50%;
     background:rgba(0,0,0,0.2);
     float: left;
     margin: 0 20px;
 }
 #count-down .clock-presenter .note {
     position: relative;
     margin-bottom: 0px;
     cursor: default;
     font-size: 16px;
     opacity: 0.7;
 }
 @media (max-width: 992px) {
     #count-down .clock-presenter .digit {
         font-size: 42px;
     }
     .construction {
         padding: 70px 0 !important;
     }
 }
 @media (max-width: 568px) {
     #count-down .clock-presenter {
         float: none !important;
         margin-bottom: 45px;
     }
 }
 @media (max-width: 767px) {
     #count-down .clock-presenter {
         float: left;
         margin-bottom: 45px;
     }
     #count-down .clock-presenter .digit {
         font-size: 36px;
     }
     #count-down .hours_dash {
         border-right: none;
     }
     .construction h1 {
         font-size: 42px !important;
     }
     
 }
 
 /*-- General Css---*/
 .dot-label {
     width: 10px;
     height: 10px;
     display: inline-block;
     border-radius: 100%;
     margin-right: 10px;
 }
 .social-card-header i{
     font-size:17px;
 }
 .list-icons i {
     font-size: 50px;
 }
 .ct-chart-pie{
     height:292px !important;
 }
 .chartist-tooltip { 
     position: relative;
 }
 .section-2{
     height:10rem;
     position:relative;
 }
 .section-2 .section-3{
     margin: 0;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-right: -50%;
     transform: translate(-50%, -50%)
 }
 .mt-6, .my-6 {
     margin-top: 4rem!important;
 }
 .sparkline.sparkline2 canvas{
     width:auto !important;
 }
 .sparkline canvas{
     width:100% !important;
 }
 .sparkline15 canvas{
     position:relative;
     bottom:-8px;
 }
 .sparkline14 canvas{
     position:relative;
     bottom:-8px;
 }
 .sparkline23 canvas{
     position:relative;
     bottom:-9px;
 }
 .sparkline_area2 canvas{
     position:relative;
     bottom:-11px;
 }
 .sparkline canvas{
     position:relative;
     bottom:-12px;
 }
 .widgetChart1 canvas{
     position:relative;
     bottom:-11px;
 }
 .cover-image {
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover !important;
 }
 .cover-image2 {
     width: 100%;
     height: 100%;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover !important;
     position: relative;
 }
 
 .construction-bg:before{
     content:'';	
     position:absolute;
     background:linear-gradient(120deg, rgb(0, 0, 0, 0.5), rgb(93, 97, 191, 0.5));
     width:100%;
     height:100%;
     left:0;
     top:0;
     bottom:0;
     right:0;
     border-radius:7px;
 }
 .bg-transaprent .dash2{
     position:relative;
 }
     
 .bg-transaprent:before{
     content:'';	
     position:absolute;
     background:rgb(0,0,0,0.75);
     width:100%;
     height:100%;
     left:0;
     top:0;
     bottom:0;
     border-radius:7px;
     right:0;
 }
 .tile_count {
     margin-bottom: 20px;
     margin-top: 60px;
     padding: 15px;
     background:#fff;
 }
 .tile_count .tile_stats_count {
      padding: 0 10px 0 20px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     position: relative
 }
 .tile_count .progress{
     margin-top:8px !important;
     margin-bottom:5px !important;
 }
 #count-down{
     position:relative;
 }
 .construction p{
     font-size:20px;
 }
 .construction{
     position:relative;
 }
 .knob-chart .dash3{
     margin-top: 13px;
 }
 .knob-chart .dash3{
     margin-top: 13px;
 }
 .knob-chart .dash3 h2{
     font-size:26px;
 }
 .widget-box-2 .widget-detail-2 {
   text-align: right;
 }
 .widget-box-2 .widget-detail-2 .pie-colours-2 {
   padding: 5px 10px;
 }
 /*
  * Responsive
  * ----------------------
  */
 
 @media (min-width:1200px) and (max-width: 1370px) {
     #calendar .fc-toolbar h2{
         font-size:11px;
         margin-top: 7px;
     }
     .fc button{
          font-size: 0.65rem !important;
     }
 }
 @media (min-width:768px) and (max-width: 992px) {
     #calendar .fc-toolbar h2{
         font-size:11px;
         margin-top: 7px;
     }
     .fc button{
          font-size: 0.65rem !important;
     }
 }
 @media (max-width: 575.98px) {
     .section .section-header .float-right {
         display: inline-block;
         width: 100%;
         margin-top: 15px;
     }
     .section .section-header {
         margin-bottom: 20px !important;
     }
     .weather {
         text-align: center;
     }
     .weather .weather-icon {
         float: none;
         width: auto;
     }
     .weather .weather-icon span {
         margin-top: 20px;
     }
     .weather .weather-desc {
         margin-left: 0;
     }
     .statistic-details {
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     }
     .statistic-details .statistic-details-item {
         -webkit-box-flex: initial;
         -ms-flex: initial;
         flex: initial;
         width: 50%;
     }
     .article.article-style-c .article-header {
         height: 225px;
     }
     body.search-show .navbar .form-inline .search-element {
         display: block;
     }
     .navbar .form-inline .search-element {
         position: absolute;
         top: 10px;
         left: 10px;
         right: 10px;
         z-index: 892;
         display: none;
     }
     .navbar .nav-link.nav-link-lg div {
         display: none;
     }
     .navbar .form-inline .search-element .form-control {
         float: left;
         border-radius: 3px 0 0 3px;
         width: calc(100% - 39px);
     }
     .navbar .form-inline .search-element .btn {
         margin-top: 1px;
         border-radius: 0 3px 3px 0;
     }
     .dropdown-list-toggle {
         position: static;
         display: none;
     }
     .main-navbar .header-brand {
         min-width: 130px;
     }
     .dropdown-list-toggle .dropdown-list {
         left: 10px !important;
         width: calc(100% - 20px);
     }
     .card-author-box .author-box-left {
         float: none;
     }
     .card-author-box .author-box-details {
         margin-left: 0;
         margin-top: 15px;
         text-align: center;
     }
     .card-profile-widget .profile-widget-picture {
         left: 50%;
         -webkit-transform: translate(-50%, 0);
         -ms-transform: translate(-50%, 0);
         transform: translate(-50%, 0);
         margin: 40px 0;
         float: none;
     }
     .card-profile-widget .profile-widget-items .profile-widget-item {
         border-top: 1px solid #ececff;
     }
     .user-progress .media, .user-details .media {
         text-align: center;
         display: inline-block;
         width: 100%;
     }
     .user-progress .media img, .user-details .media img {
         margin: 0 !important;
         margin-bottom: 10px !important;
     }
     .user-progress .media .media-body, .user-details .media .media-body {
         width: 100%;
     }
     .user-progress .media .media-items, .user-details .media .media-items {
         margin: 20px 0;
         width: 100%;
     }
     .user-progress .list-unstyled-noborder li:last-child, .user-details .list-unstyled-noborder li:last-child {
         margin-bottom: 0;
         padding-bottom: 0;
     }
     .user-progress .media .media-progressbar {
         margin-top: 10px;
     }
     .user-progress .media .media-cta {
         margin-top: 20px;
         margin-left: 0;
     }
     .fc-overflow {
         width: 100%;
         overflow: auto;
     }
     .fc-overflow #myEvent {
         width: 800px;
     }
     .ionicons li {
         width: calc(100% / 4);
     }
     .icon-wrap {
         width: 100%;
     }
     .dropzone .dz-message {
         margin: 2em;
     }
 }
 @media(min-width:1024px){
     .single-pageimage .log-wrapper {
         margin-top: 93px;
         margin-bottom: 93px;
     }
     
 }
 @media (min-width: 576px) and (max-width: 767.98px) {
     .navbar .form-inline .search-element {
         display: none;
     }
     body.search-show .navbar .form-inline .search-element {
         display: block;
     }
     .navbar .form-inline .search-element {
         position: absolute;
         top: 10px;
         left: 10px;
         right: 10px;
         z-index: 892;
         display: none;
     }
     .navbar .nav-link.nav-link-lg div {
         display: none;
     }
     .navbar .form-inline .search-element .form-control {
         float: left;
         border-radius: 3px 0 0 3px;
         width: calc(100% - 39px);
     }
     .navbar .form-inline .search-element .btn {
         margin-top: 1px;
         border-radius: 0 3px 3px 0;
     }
 }
 @media (max-width: 480px) {
     .apexcharts-xaxis-texts-g text{
         font-size:8px;
     }
     .ct-label {
         font-size: 8px !important;
     }
 }
 @media (max-width: 380px) {
     .countlist li {
         padding: 0px 25px 0px 0;
     }
     .sparkline17 canvas{
         width: 230px !important;
     }
     .order {
         font-size:10px;
     }
 }
 @media (max-width: 340px) {
     .navbar .form-inline .navsearch {
         display: none;
     }
     .countlist li {
         padding: 0px 14px 0px 0;
     }
     .apexcharts-xaxis-texts-g text{
         font-size:0px;
     }
     .jumbotron h1{
         font-size: 2rem;
     }
     .sparkline17 canvas{
         width: 190px !important;
     }
     .order{
         font-size:13px !important;
     }
 }
 @media (min-width: 768px) and (max-width: 991.98px) {
     .article {
         margin-bottom: 40px;
     }
     .article.article-style-c .article-header {
         height: 155px;
     }
 }
 @media (max-width:767px){
     .main-footer {
         padding-left: 30px;
     }
     .sidenav-toggled .main-footer {
         padding-left: 30px;
     }
     .h-365{
         height:250px !important;
     }
 }
 @media (min-width: 768px) and (max-width: 991.98px) {
     .article {
         margin-bottom: 40px;
     }
     .article.article-style-c .article-header {
         height: 155px;
     }
 }
 @media (max-width: 1024px) {
     .main-sidebar {
         position: fixed;
         z-index: 891;
     }
     .main-content {
         padding-left: 30px;
     }
     .navbar {
         left: 0x;
         right: 0;
     }
     .navbar .dropdown-menu {
         position: absolute;
     }
     .navbar .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
     }
     .navbar-expand-lg .navbar-nav .dropdown-menu-right {
         right: 0;
         left: auto;
     }
     
     body.search-show .navbar {
         z-index: 892;
     }
     body.search-show, body.sidebar-show {
         overflow: hidden;
     }
     body.search-show:before, body.sidebar-show:before {
         content: '';
         position: fixed;
         left: 0;
         right: 0;
         width: 100%;
         height: 100%;
         background-color: #000;
         opacity: .6;
         z-index: 891;
     }
     .article.article-style-c .article-header {
         height: 216px;
     }
     .article .article-header {
         height: 155px;
     }
 }
 .chartsh {
     height: 16rem;
 }
 .card-body.knob-chart .card-icon div{
     display:block !important;
 }
 #revenue-chart,
 #line-chart,
 #bar-chart,
 #stacked,
 #sales-chart{
   min-height: 250px;
 }
 
 .customlink{
     text-decoration:none;
 }
 
 .customlink:hover{
     text-decoration:none;
 }
 
 
 
 .hidetheworkhistory{
     
     display:none;
 }
 
 
 .hidediv{
     
     display:none;
 }
 
 
 .hidedivdeep{
     
      display:none;
 }
 
 
 
 
 .showdiv{
     
     display:visible;
 }
 
 
 .upload_image_label{
     
     margin-top:10px;
     cursor:pointer;
     font-weight:bold;
 }
 
 
 #uploaded_image{
     
      
     
 }
 
  #uploaded_image_mobile{
     
     height:200px;
     width:200px;
     border:2px solid #CCCCCC;
     
 }
 
 .the_uploaded_image{
     
     height:200px;
     width:200px;
     border:2px solid #CCCCCC;
 }
  
  
 .photodiv{
     
     background-color:#EEEEEE;
      padding:10px;
      border-radius:5px;
 }
 
 
 .theinlinefiles{
     display:inline;
     text-align:left;
     width:85%;
 }
 
 
 
 .remove_hobbies{
     display:inline;
     font-size:30px;
     text-align:left;
     margin-top:15px;
     margin-left:7px;
     padding:5px;
 }
 
 
 
 
 .skills_inner_row{
      
       width:100%;
 }
 
  
  
  
 
 .remove_skills{
     display:inline;
     position:relative;
     font-size:30px;
      float:right;
      width:10px;
       margin-top:-50px;
        
 }
 
 
 
 
 .software_inner_row{
      
       width:100%;
 }
 
  
  
  
 
 .remove_software{
     display:inline;
     position:relative;
     font-size:30px;
      float:right;
      width:10px;
       margin-top:-50px;
        
 }
 
 
 
 
 
 .cert_inner_row{
      
     width:100%;
 }
 
  
 .remove_certificate{
     display:inline;
     position:relative;
     font-size:30px;
      float:right;
      width:10px;
       margin-top:-50px;
 }
 
 
  
 .language_inner_row{
     width:100%;
      
 }
 
  
 
 
 .remove_language{
     display:inline;
     position:relative;
     font-size:30px;
      float:right;
      width:10px;
       margin-top:-50px;
 }
  
 
 #hobbiestext{
     
     width:82%;
 }
 
 
 
 #job_duties{
     
     min-height:250px;
 }
 
 
 #job_duties_tip{
     
  max-height:370px;
  overflow-x: hidden;
 }
 
 
 #job_duties_tip::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
 } 
 
 #job_duties_tip::-webkit-scrollbar-thumb {
     background-color: #999999;
 }
 
 
 
 
 
 
 #job_duties_mobile{
     
     min-height:300px;
 }
 
 
 #job_duties_tip_mobile{
     
  max-height:400px;
  overflow-x: hidden;
 }
 
 
 #job_duties_tip_mobile::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
 } 
 
 #job_duties_tip_mobile::-webkit-scrollbar-thumb {
     background-color: #999999;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 #job_duties_tip_edit{
     
  max-height:300px;
  overflow-x: hidden;
 }
 
 
 #job_duties_tip_edit::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
 } 
 
 #job_duties_tip_edit::-webkit-scrollbar-thumb {
     background-color: #999999;
 }
 
 
 
 
 
 
 #summary_tip{
     
  max-height:370px;
  overflow-x: hidden;
 }
 
 
 #summary_tip::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
 } 
 
 #summary_tip::-webkit-scrollbar-thumb {
     background-color: #999999;
 }
 
 
 
 
 
 #summary_tip_mobile{
     
  max-height:400px;
  overflow-x: hidden;
  width:100%;
 }
 
 
 #summary_tip_mobile::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
 } 
 
 #summary_tip_mobile::-webkit-scrollbar-thumb {
     background-color: #999999;
 }
 
 
 
 
 #accomplish_tip{
     
  max-height:300px;
  overflow-x: hidden;
 }
 
 
 #accomplish_tip::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
 } 
 
 #accomplish_tip::-webkit-scrollbar-thumb {
     background-color: #999999;
 }
 
 
 
 
 
 #accomplish_tip_mobile{
     
  max-height:400px;
  overflow-x: hidden;
 }
 
 
 #accomplish_tip_mobile::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
 } 
 
 #accomplish_tip_mobile::-webkit-scrollbar-thumb {
     background-color: #999999;
 }
 
 
 
 
 
 
 .settingval{
     font-weight:bold;
     color:#000000;
 }
 
 .settingdes{
      color:#888;
 }
 
 
 #gender,#marital,#nationality,#edit_edu_degree,#levels,#langlevels,#levelstext,#softlevelstext{
      height:38px;
      
 }
 
 
 
 .cvthumbnaildiv{
  padding-left:20px; 
  
 }
 
 .cvthumbnail{
 padding:13px; 
 background-color:#CCCCCC;
  
 }
 
  
 #rowthumbnail{
  height:520px;
  overflow-x: hidden;
 }
 
 
 #rowthumbnail::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
 } 
 
 #rowthumbnail::-webkit-scrollbar-thumb {
     background-color: #999999;
 }
 
 #choosetemp{
 background-color: #999999;	
 padding:10px;
 font-weight:bold;
 color:#FFFFFF; 
 }
 
 
 #cvpreviewdiv{
     
     float:right;
     margin-left:40px;
 }
 
 
 
 
 #showthiscv{
 width:100%;
 height: 799px;
 overflow-x: hidden;
 }
 
 
 #showthiscv::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
 } 
 
 #showthiscv::-webkit-scrollbar-thumb {
     background-color: #999999;
 }
 
 
 
 
 .embed-responsive{
   overflow-x: hidden;
 }
 
 
 
 .tempdiv{
     
     margin-bottom:20px;
     
 }
 
 #thepersonalpreview{
     
     line-height:17px;
     padding:5px;
     padding-top:15px;
     cursor:pointer;
  }
 
 
 #thepersonalpreview:hover{
     
     border:2px solid #CCCCCC;
  }
 
 
 
 #theemployerpreview{
     
     line-height:7px;
     margin-top:30px;
     padding:6px;
     padding-top:15px;
     
     cursor:pointer;
 }
 
 
 
 
 #theemployerpreview:hover{
     
     border:2px solid #CCCCCC;
     
 }
 
 #showdate{
     
     padding-left:20px;
     padding-top:5px;
     padding-bottom:5px;
 }
 
 #theletterdiv{
     
      box-shadow:0px 2px 5px 2px #CCCCCC;
      
      padding-left:20px;
      padding-right:20px;
      padding-top:15px;
 }
 
 
 #loadletterTemp{
     padding-bottom:20px;
 }
 
 
 #showtheletter{
 
 padding:0px;	
     
 }
 
 #coverlettersetting{
     
     background-color:#ECECFB;
     margin:0px;
     padding-top:10px;
     padding-bottom:30px;
 }
 
 #theletter{
     
   text-align:justify;
   padding:10px;
     
 }
 
 
 #innerLoader{
     padding:10px;
 
 }
 
 .summernote{
   background: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 
 
 #letterdemo_list{
     
 width:100%;
 height: 300px;
 overflow-x: hidden;
 margin-bottom:0px;
 }
 
  #letterdemo_list::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
 } 
 
 #letterdemo_list::-webkit-scrollbar-thumb {
     background-color: #999999;
 }
 
 
 
 .letterdemo{
 
 cursor:pointer;
 box-shadow: 0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06)!important;
 border-radius: 3px;
 margin-right:6px;
 color:#000000;
 }
 
 .theselect{
     background-color:#6610f2;
     width:600px;
     border: 4px solid red;
 }
 
 #theletter:focus{
     border:2px solid #FFFFFF;
     
     
 }
 
 
 .selectbtn{
     
     position:absolute;
     margin: 50% -50px 0;
      
 }
 
 
 .selectbtnletter{
     
     position:absolute;
     margin: 50% -50px 0;
      
 }
 
 
 
 
 
 
 
 
 #downloadletteroption{
     
     background-color:#FFFFFF; 
     padding:10px; 
     border: 1px solid #CCCCCC;
      margin-bottom:40px;
 }
 
 
 
 #downloadresumeoption{
     
     background-color:#FFFFFF; 
     padding:10px; 
     border: 1px solid #CCCCCC;
      margin-bottom:40px;
 }
 
 
 #downloadresumeoption_mobile{
     
     background-color:#FFFFFF; 
     padding:10px; 
     padding-top:20px; 
     border-top: 1px solid #CCCCCC;
     border-bottom: 1px solid #CCCCCC;
      margin-bottom:40px;
 }
 
 
 
 #previewletterdiv{
     
      box-shadow:0px 2px 5px 2px #CCCCCC;
      outline : 0!important;
      border: 1px solid #FFFFFF;
      background-color:FFFFFF;
     
  }
 
 
 #thepreviewletter{
     
     margin-bottom:40px;
 }
 
 
 
 
 #thepreviewresume{
     
     margin-bottom:40px;
 }
 
 
 
 
 .thumbtemp{
     
     border: 1px solid #FFFFFF;
     box-shadow:0px 1px 1px 1px #A8A8B7;
     border-radius:1px;
 }
 
 
 
 .editthisletter{
     margin-bottom:20px;
     
 }
 
 
 .tempdivsmall{
     margin-bottom:0px;
 }
 
 
 .theloadertemp{
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06)!important;
     border-radius: 3px;
     cursor:pointer;
 }
 
 .theloadertemp:hover{
     border:2px solid #22e840;
 }
 
  
 
 .selectbtnpreview{
     
     position:absolute;
     margin: 40% -50px 0;
      
 }
 
 .showletterdate{
     margin:30px;
     background-color:red;
     text-align:left;
      
 }
 
 #showloaddate{
     padding-left:10px;
 }
 
 #showloaddate_mobile{
     padding-left:10px;
 }
 
 
 .select2{
     
     color:#20202F;
 }
 
 #birth{
     
 color:#20202F;	
 }
 
  
 .editthisresume{
     margin-bottom:15px;
 }
 
 
 
 
 #previewresumediv{
     
      box-shadow:0px 2px 5px 2px #CCCCCC;
      outline : 0!important;
      border: 1px solid #FFFFFF;
      background-color:FFFFFF;
      overflow-x: hidden;
     
  }
 
 
 #addmorebtn{
     
     margin-top:5px;
 }
 
 
 .innericonh1{
     padding-top:10px;
     
 }
 
 
 #resume_view{
     
     padding:10px;
 }
 
 #optionbtn{
     
     padding:0px;
     margin:0px;
     font-size:14px;
 }
 
 
 
 
 #cvstatusbar{
      
      margin-top:-100px;
      
 }
 
 
 #removepadding{
     padding:0px;
     margin:0px;
 }
 
 
 
 #midsetting{
     padding:0px;
     margin:0px;
     margin-bottom:7px;
     width:90%;
 }
 
 
 
 
 #paddingMargin{
     padding:0px;
     
 }
 
 
 
 #actionbtn{
     
     width:60px;
 }
 
 
 
 
 .editaction{
     border:1px solid #CCCCCC;
     padding:3px;
     text-align:center;
     margin:3px;
     border-radius:5px;
     height:28px;
     
 }
 
 
 
 
 .downloadaction{
     border:1px solid #CCCCCC;
     padding:5px;
     text-align:center;
     margin:3px;
     border-radius:100px;
     height:28px;
     
 }
 
 
 
 .printaction{
     border:1px solid #CCCCCC;
     padding:5px;
     text-align:center;
     margin:3px;
     border-radius:100px;
     height:28px;
     
     
 }
 
 
 .optionaction{
     border:1px solid #CCCCCC;
     padding:1px;
     text-align:center;
     margin:3px;
     border-radius:100px;
     height:28px;
     
     
 }
 
 
 .resume-icon{
     
     font-size:60px;
     margin:0px;
     padding:0px;
     color:#5458b3;
 }
 
 .letter-icon{
     
     font-size:60px;
     margin:0px;
     padding:0px;
     color:#ffb209;
 }
 
 .thebadge{
     margin:0px;
     padding:0px;
     margin-top:-10px;
 }
 
 .headbadge{
     margin:0px;
     padding:0px;
      margin-bottom:15px;
      color:#999999;
 }
 
 
 .headbadge2{
     color:#999999;
     margin-top:15px;
 }
 
 
 .resume-icon2{
     
     font-size:65px;
     margin:0px;
     padding:0px;
     color:#5458b3;
 }
 
 
 
 .feedback-icon{
     
     color:#5458b3;
     font-size:125px;
 }
 
 
 
 
 
 #product-view-details{
     
  overflow-x: hidden;
  padding:20px;
 }
 
 
 #product-view-details::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
 } 
 
 #product-view-details::-webkit-scrollbar-thumb {
     background-color: #999999;
 }
 
 
 .thedes{
     
     margin:10px;
     margin-top:30px;
 }
 
 
 
 .thedetails{
     
     padding:20px;
 }
 
 
 
 
 #webmodalheader{
     height:220px;
     background-image:url("../img/website/desk.png");
     background-repeat: no-repeat;
     background-size: 100% 100%;
 }
 
 .thwebmessage{
     
     text-align:center;
     padding:15px;
     padding-bottom:0px;
 }
 
 
 .step2{
     
     display:none;
 }
 
 
 
 .fullurl{
     
     border:1px solid #20202F;
     padding:0px;
     margin:20px;
 }
 
 
 .halflink{
     
     background-color:#DDDDDD;
     padding:0px; 
 }
 
 
 .otherhalf{
     padding:0px;
     
 }
 
 
 .renameotherhalf{
     padding:0px;
     
 }
 
 
 
 
 
 
 .webselectbtn{
     
     position:absolute;
     margin: 24% -50px 0;
      
 }
 
 .webmybtn{
     
     position:absolute;
     margin: 24% -50px 0;
      
 }
 
 
 
 .web-body{
     padding:20px;
     
 }
 
 
 
 #theweblink{
     margin-top:-7px;
     margin-bottom:7px;
     margin-left:15px;
     width:90%
 }
 
 
 
 #webaction{
     
     margin-top:-30px;
     margin-bottom:7px;
     margin-left:15px;
     width:90%;
     height:45px;
 }
 
 
 
 
 
 .webmail{
     border:1px solid #CCCCCC;
     padding:5px;
     text-align:center;
     margin:3px;
     border-radius:100px;
     height:30px;
     
 }
 
 
 #weboptionbtn{
     
     padding:0px;
     margin:0px;
     font-size:19px;
 }
 
 
 
 .color{
     
     clear:both;
 }
 
 
 
 .color2{
     
     clear:both;
     margin-top:15px;
 }
 
 
 
 .circle{
      
     padding:25px;
     border-radius:100%;
     float:left;
     margin:3px;
     height:40px;
     display: inline-block;
 }
 
 
 
 
 
 
 .white{
     background-color:#FFFFFF; 
     border:1px solid #000000;
 }
 
 .black{
     
     background-color:#000000; 
 }
 
 .gray{
     
     background-color:#373D48; 
 }
 
 
 .red{
     
     background-color:#D50000; 
 }
 
 
 .green{
     
     background-color:#3ac587; 
 }
 
 
 .orange{
     
     background-color:#ff851b; 
 }
 
 
 .pink{
     
     background-color:#FF007F; 
 }
 
 
 .purple{
     
     background-color:#b10dc9; 
 }
 
 
 .light_blue{
     
     background-color:#409bf9; 
 }
 
 
 .blue{
     
     background-color:#002b5b; 
 }
 
 
 .brown{
     
     background-color:#703838; 
 }
 
 
 .gold{
     
     background-color:#B25900; 
 }
 
 
 
 
 
 
 
 
 .clear{
     
     clear:both;
 }
 
 
 .formating{
     margin-top:30px;
     margin-bottom:10px;
 }
 
 
 .iframe_overlay{
     
     width:825px;
     height:1000px;
     background-color:#DDDDDD; 
     position:absolute;
     opacity:0.7; 
     display:none;
 }
 
 
 
 
 .loaderdiv{
     color:blue;
     margin:0 auto 0;
     margin-top:40%;
     width:600px;
     height:300px;
     background-color:#FFFFFF; 
     opacity:0.9;
     padding-top:20px;
 }
 
 
 
 
 .code-elem{
     
     color:blue;
 }
 
 
 .list-cover{
     
     padding:40px;
     background-color:transaprent;
     height:100%;
     width:100%;
     position:relative;
     margin-top:-60px;
     
 }
 
 
 
 .list-cover2{
     
     padding:20px;
     background-color:transaprent;
     width:100%;
     position:relative;
     margin-top:-190px;
     
 }
 
 
 
 
 
 .adds-div{
     
     padding:10px;
     padding-top:30px;
 }
 
 #showeditothers{
     
     padding:10px;
 }
 
 
 #loadEmailFrom{
     
     padding-left:30px;
     padding-right:30px;
     padding-bottom:30px;
 }
 
 
 .mod-head{
     
     font-size:18px;
 }
 
 .joblist{
      padding:0px;
 }
 
 
 .jobbreadcrums{
     background-color:#FFFFFF;
     margin-top:10px;
     margin-bottom:10px;
  
 }
 
 .jobbreadnav{
     
     padding-left:15px;
     margin-left:15px;
 }
 
 
 .thesearchdiv{
     background-color:#FFFFFF;
     margin-top:-10px;
     margin-bottom:10px;
     
     
 }
 
 
 
 .injobnav{
      padding-bottom:0px;
       
 }
 
 
 .active-job-nav{
     
     color:red;
 }
 
 .active-job-nav:hover{
     color:red;
     text-decoration:none;
 }
 
 
 .insearch{
     padding-top:15px;
     padding-bottom:0px;
       
 }
 
 
 
 .smallpadding{
     padding-right:5px;
 }
 
 
 
 .removepad{
     padding:0px;
 }
 
 
 .com-name{
     padding:0px;
     margin:0px; 
     font-size:16px;
     font-weight:normal;
     color:#535362;
     margin-bottom:3px;
 }
 
 
 .job-title{
     padding:0px;
     margin:0px; 
     font-size:16px;
     color:#535362;
     font-weight:bolder;
     margin-bottom:3px;
 }
 
 .thejoblistholder{
     background-color:#FFFFFF;
     border: 1px solid #CCCCCC;
     padding-top:10px; 
     padding-bottom:10px; 
  
 }
 
 
 
 .list-link{
     display:inline;
 }
 
  
  
 .enterjoblist{
     padding:0px; 
     height:530px;
     overflow-y:scroll;
     overflow-x:hidden;
 }
 
 .enterjoblist::-webkit-scrollbar {
     width: 8px;
 }
  
 .enterjoblist::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px #DBDBEA;
 }
  
 .enterjoblist::-webkit-scrollbar-thumb {
   background-color: darkgrey;
   outline: 1px solid slategrey;
 }
 
 
 
 
 .enterjoblist_mobile{
     padding:0px; 
     overflow-y:scroll;
     overflow-x:hidden;
 }
 
 .enterjoblist_mobile::-webkit-scrollbar {
     width: 0px;
 }
  
 .enterjoblist_mobile::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px #DBDBEA;
 }
  
 .enterjoblist_mobile::-webkit-scrollbar-thumb {
   background-color: darkgrey;
   outline: 1px solid slategrey;
 }
 
 
  
 
 
 
 
 
 
 .show-job{
      height:600px;
     overflow-y:scroll;
 }
 
 
 .show-job::-webkit-scrollbar {
     width: 8px;
 }
  
 .show-job::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px #DBDBEA;
 }
  
 .show-job::-webkit-scrollbar-thumb {
   background-color: darkgrey;
   outline: 1px solid slategrey;
 }
 
  
 
 .thejoblist{
      padding:5px;
      padding-top:12px;
      border-bottom: 1px solid #CCCCCC;
      background-color:#FFFFFF;
      cursor:pointer;
 }
 
 
 .thejoblist:hover{
     box-shadow: 5px 3px 8px #888888;
     background-color:#ECECFB;
 }
 
 
 
 .thejoblist:focus{
     box-shadow: 5px 3px 8px #888888;
     background-color:#ECECFB;
 }
 
 
 
 
 
 
 .thejoblist_mobile{
      padding-top:12px;
      padding-bottom:10px;
      background-color:#FFFFFF;
      cursor:pointer;
      margin-bottom:15px;
      box-shadow: 0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06)!important;
      
 }
 
 
 .thejoblist_mobile:hover{
     box-shadow: 5px 3px 8px #888888;
     background-color:#ECECFB;
 }
 
 
 
 .thejoblist_mobile:focus{
     box-shadow: 5px 3px 8px #888888;
     background-color:#ECECFB;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .list-link:hover{
     text-decoration:none;
     
 }
 
 
 
 
 
 
 
 .jobdate{
      margin-right:23px;
      text-align:right;
      float:right;
 }
 
 
 .jobinfo{
     padding-left:17px;
 }
 
 .list-img{
     padding-left:25px; 
 }
 
 
 .recent-jobs-title{
     padding:5px;
     padding-left:13px;
     min-height:25px;
     border-bottom: 1px solid #CCCCCC;
 }
 
 
 .recent-jobs-title-mobile{
     padding:5px;
     padding-left:13px;
     min-height:25px;
     border-bottom: 1px solid #CCCCCC;
     background-color:#FFFFFF;
     margin-bottom:10px;
      
 }
 
 
  
   
 
 .the-view-job{
     background-color:#FFFFFF;
     padding:20px;
     padding-top:15px;
     margin:0px;
     border: 1px solid #CCCCCC;
     min-height:600px;
 }
 
 
 .job-line{
     border: 1px solid #CCCCCC;
 }
 
 
 .cat_job_mobile{
     padding:5px;
     padding-left:7px;
 }
 
 
 
 .company-name{
     padding:0px;
     margin:0px; 
     font-size:20px;
     font-weight:normal;
     color:#535362;
     margin-bottom:3px;
 }
  
 .the-job-title{
     padding:0px;
     margin:0px; 
     font-size:20px;
     font-weight:normal;
     color:#535362;
     margin-bottom:3px;
 }
 
 
 .hr-div{
     
     margin-top:-20px;
     
 }
 
 
 
 
 
 
 /**
  * Blog class
  * 
  */
  
 
 
 .single-blog-post {
   margin-bottom: 30px;
   background-color: #ffffff;
   -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
           box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
 }
 
 .single-blog-post .post-image {
   overflow: hidden;
 }
 
 .single-blog-post .post-image a {
   display: block;
 }
 
 .single-blog-post .post-image a img {
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }
 
 .single-blog-post .post-content {
   padding: 25px;
   position: relative;
   z-index: 1;
 }
 
 .single-blog-post .post-content .post-meta {
   -webkit-transition: 0.5s;
   transition: 0.5s;
   margin-bottom: 10px;
 }
 
 .single-blog-post .post-content .post-meta ul {
   padding-left: 0;
   margin-bottom: 0;
   list-style-type: none;
 }
 
 .single-blog-post .post-content .post-meta ul li {
   display: inline-block;
   margin-right: 15px;
   font-size: 15px;
   color: #737b9a;
   position: relative;
 }
 
 .single-blog-post .post-content .post-meta ul li::before {
   position: absolute;
   right: -11px;
   top: 3px;
   width: 1px;
   height: 13px;
   background-color: #737b9a;
   content: '';
   -webkit-transform: rotate(10deg);
           transform: rotate(10deg);
 }
 
 .single-blog-post .post-content .post-meta ul li a {
   color: #fa7070;
   display: inline-block;
 }
 
 .single-blog-post .post-content .post-meta ul li:last-child {
   margin-right: 0;
 }
 
 .single-blog-post .post-content .post-meta ul li:last-child::before {
   display: none;
 }
 
 .single-blog-post .post-content h3 {
   -webkit-transition: 0.5s;
   transition: 0.5s;
   margin-bottom: 8px;
   line-height: 1.4;
   font-size: 24px;
   font-weight: 700;
 }
 
 .single-blog-post .post-content h3 a {
   display: inline-block;
 }
 
 .single-blog-post .post-content p {
   -webkit-transition: 0.5s;
   transition: 0.5s;
   margin-bottom: 0;
 }
 
 .single-blog-post .post-content .read-more-btn {
   color: #0000ff;
   display: inline-block;
   position: absolute;
   bottom: 15px;
   left: 25px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: 0.5s;
   transition: 0.5s;
   font-size: 16px;
   font-weight: 400;
 }
 
 .single-blog-post .post-content .read-more-btn::before {
   content: '';
   position: absolute;
   left: 0;
   bottom: 1px;
   width: 0;
   -webkit-transition: 0.5s;
   transition: 0.5s;
   height: 1px;
   background: #0000ff;
 }
 
 .single-blog-post .post-content .read-more-btn i {
   font-size: 14px;
 }
 
 .single-blog-post .post-content .read-more-btn:hover::before {
   width: 100%;
 }
 
 .single-blog-post:hover .post-image a img {
   -webkit-transform: scale(1.2) rotate(4deg);
           transform: scale(1.2) rotate(4deg);
 }
 
 .single-blog-post:hover .post-content .post-meta {
   -webkit-transform: translateY(-35px);
           transform: translateY(-35px);
   opacity: 0;
   visibility: hidden;
 }
 
 .single-blog-post:hover .post-content h3 {
   -webkit-transform: translateY(-35px);
           transform: translateY(-35px);
 }
 
 .single-blog-post:hover .post-content P {
   -webkit-transform: translateY(-35px);
           transform: translateY(-35px);
 }
 
 .single-blog-post:hover .post-content .read-more-btn {
   opacity: 1;
   visibility: visible;
   bottom: 23px;
 }
 
 
 
 
 
 
 /*================================================
 Blog Details Area CSS
 =================================================*/
 .blog-details-desc .article-content {
   margin-top: 30px;
 }
 
 .blog-details-desc .article-content .entry-meta {
   margin-bottom: -8px;
 }
 
 .blog-details-desc .article-content .entry-meta ul {
   padding-left: 0;
   margin-bottom: 0;
   list-style-type: none;
 }
 
 .blog-details-desc .article-content .entry-meta ul li {
   position: relative;
   display: inline-block;
   color: #212529;
   margin-right: 21px;
 }
 
 .blog-details-desc .article-content .entry-meta ul li span {
   display: inline-block;
   color: #212529;
   font-weight: 500;
 }
 
 .blog-details-desc .article-content .entry-meta ul li a {
   display: inline-block;
   color: #737b9a;
 }
 
 .blog-details-desc .article-content .entry-meta ul li a:hover {
   color: #0000ff;
 }
 
 .blog-details-desc .article-content .entry-meta ul li i {
   color: #0000ff;
   margin-right: 2px;
 }
 
 .blog-details-desc .article-content .entry-meta ul li::before {
   content: '';
   position: absolute;
   top: 10px;
   right: -15px;
   width: 6px;
   height: 1px;
   background: #0000ff;
 }
 
 .blog-details-desc .article-content .entry-meta ul li:last-child {
   margin-right: 0;
 }
 
 .blog-details-desc .article-content .entry-meta ul li:last-child::before {
   display: none;
 }
 
 .blog-details-desc .article-content h3 {
   margin-bottom: 15px;
   margin-top: 25px;
   font-size: 24px;
   font-weight: 700;
 }
 
 .blog-details-desc .article-content .wp-block-gallery.columns-3 {
   padding-left: 0;
   list-style-type: none;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -10px;
   margin-left: -10px;
   margin-bottom: 30px;
   margin-top: 30px;
 }
 
 .blog-details-desc .article-content .wp-block-gallery.columns-3 li {
   -ms-flex: 0 0 33.3333%;
   -webkit-box-flex: 0;
           flex: 0 0 33.3333%;
   max-width: 33.3333%;
   padding-right: 10px;
   padding-left: 10px;
 }
 
 .blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
   margin-bottom: 0;
 }
 
 .blog-details-desc .article-content .features-list {
   padding-left: 0;
   list-style-type: none;
   margin-top: 25px;
   margin-bottom: 30px;
 }
 
 .blog-details-desc .article-content .features-list li {
   margin-bottom: 16px;
   position: relative;
   padding-left: 34px;
   color: #737b9a;
 }
 
 .blog-details-desc .article-content .features-list li i {
   width: 25px;
   height: 25px;
   line-height: 25px;
   text-align: center;
   border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
   background-color: #faf5f5;
   color: #0000ff;
   -webkit-transition: 0.5s;
   transition: 0.5s;
   display: inline-block;
   font-size: 11px;
   position: absolute;
   left: 0;
   top: -2px;
 }
 
 .blog-details-desc .article-content .features-list li:hover i {
   background-color: #0000ff;
   color: #ffffff;
 }
 
 .blog-details-desc .article-content .features-list li:last-child {
   margin-bottom: 0;
 }
 
 .blog-details-desc .article-footer {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-top: 30px;
 }
 
 .blog-details-desc .article-footer .article-tags {
   -ms-flex: 0 0 50%;
   -webkit-box-flex: 0;
   flex: 0 0 50%;
   max-width: 50%;
   color: #737b9a;
 }
 
 .blog-details-desc .article-footer .article-tags span {
   display: inline-block;
   color: #212529;
   font-size: 20px;
   margin-right: 5px;
   position: relative;
   top: 2px;
 }
 
 .blog-details-desc .article-footer .article-tags a {
   display: inline-block;
   color: #737b9a;
 }
 
 .blog-details-desc .article-footer .article-tags a:hover {
   color: #0000ff;
 }
 
 .blog-details-desc .article-footer .article-share {
   -ms-flex: 0 0 50%;
   -webkit-box-flex: 0;
   flex: 0 0 50%;
   max-width: 50%;
 }
 
 .blog-details-desc .article-footer .article-share .social {
   padding-left: 0;
   list-style-type: none;
   text-align: right;
   margin-bottom: 0;
 }
 
 .blog-details-desc .article-footer .article-share .social li {
   display: inline-block;
 }
 
 .blog-details-desc .article-footer .article-share .social li span {
   display: inline-block;
   margin-right: 2px;
   font-weight: 500;
   color: #737b9a;
 }
 
 .blog-details-desc .article-footer .article-share .social li a {
   display: block;
   color: #0000ff;
   width: 32px;
   height: 32px;
   line-height: 36px;
   border-radius: 50%;
   background-color: #eeeef0;
   text-align: center;
   font-size: 14px;
 }
 
 .blog-details-desc .article-footer .article-share .social li a:hover {
   color: #ffffff;
   background-color: #0000ff;
   -webkit-transform: translateY(-2px);
           transform: translateY(-2px);
 }
 
 .blog-details-desc .post-navigation {
   margin-top: 30px;
 }
 
 blockquote, .blockquote {
   overflow: hidden;
   background-color: #fafafa;
   padding: 50px !important;
   position: relative;
   text-align: center;
   z-index: 1;
   margin-bottom: 20px;
   margin-top: 20px;
 }
 
 blockquote p, .blockquote p {
   color: #212529;
   line-height: 1.6;
   margin-bottom: 0;
   font-style: italic;
   font-weight: 600;
   font-size: 24px !important;
 }
 
 blockquote cite, .blockquote cite {
   display: none;
 }
 
 blockquote::before, .blockquote::before {
   color: #efefef;
   content: "\f10e";
   position: absolute;
   left: 50px;
   top: -50px;
   z-index: -1;
   font-family: "Font Awesome 5 Free";
   font-size: 140px;
   font-weight: 900;
 }
 
 blockquote::after, .blockquote::after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 3px;
   background-color: #0000ff;
   margin-top: 20px;
   margin-bottom: 20px;
 }
 
 .post-navigation {
   border-top: 1px solid #eeeeee;
   border-bottom: 1px solid #eeeeee;
   padding-top: 20px;
   padding-bottom: 20px;
 }
 
 .post-navigation .navigation-links {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 
 .post-navigation .navigation-links .nav-previous {
   -ms-flex: 0 0 50%;
   -webkit-box-flex: 0;
   flex: 0 0 50%;
   max-width: 50%;
 }
 
 .post-navigation .navigation-links .nav-previous a i {
   margin-right: 2px;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }
 
 .post-navigation .navigation-links .nav-previous a:hover i {
   margin-right: 0;
 }
 
 .post-navigation .navigation-links .nav-next {
   -ms-flex: 0 0 50%;
   -webkit-box-flex: 0;
   flex: 0 0 50%;
   max-width: 50%;
   text-align: right;
 }
 
 .post-navigation .navigation-links .nav-next a i {
   margin-left: 2px;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }
 
 .post-navigation .navigation-links .nav-next a:hover i {
   margin-left: 0;
 }
 
 .post-navigation .navigation-links div a {
   display: inline-block;
   font-weight: 600;
 }
 
 .comments-area {
   padding: 25px;
   margin-top: 30px;
   -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
           box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
   background-color: #ffffff;
 }
 
 .comments-area .comments-title {
   position: relative;
   margin-bottom: 30px;
   line-height: initial;
   font-size: 24px;
   font-weight: 700;
 }
 
 .comments-area .comments-title::before {
   content: '';
   height: 25px;
   width: 3px;
   left: -25px;
   position: absolute;
   background: #0000ff;
   top: 50%;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
 }
 
 .comments-area ol, .comments-area ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
 }
 
 .comments-area .comment-list {
   padding: 0;
   margin: 0;
   list-style-type: none;
 }
 
 .comments-area .children {
   margin-left: 20px;
 }
 
 .comments-area .comment-body {
   border-bottom: 1px solid #eeeeee;
   padding-left: 65px;
   color: #212529;
   font-size: 14px;
   margin-bottom: 20px;
   padding-bottom: 20px;
 }
 
 .comments-area .comment-body .reply {
   margin-top: 15px;
 }
 
 .comments-area .comment-body .reply a {
   border: 1px solid #ded9d9;
   color: #212529;
   display: inline-block;
   padding: 6px 20px 3px;
   border-radius: 30px;
   text-transform: uppercase;
   position: relative;
   z-index: 1;
   font-size: 13px;
   font-weight: 700;
 }
 
 .comments-area .comment-body .reply a:hover {
   color: #ffffff;
   background-color: #0000ff;
   border-color: #0000ff;
 }
 
 .comments-area .comment-author {
   font-size: 17px;
   margin-bottom: 0.1em;
   position: relative;
   z-index: 2;
 }
 
 .comments-area .comment-author .avatar {
   height: 50px;
   left: -65px;
   position: absolute;
   width: 50px;
 }
 
 .comments-area .comment-author .fn {
   font-weight: 700;
 }
 
 .comments-area .comment-author .says {
   display: none;
 }
 
 .comments-area .comment-metadata {
   margin-bottom: .8em;
   color: #737b9a;
   letter-spacing: 0.01em;
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 600;
 }
 
 .comments-area .comment-metadata a {
   color: #737b9a;
 }
 
 .comments-area .comment-metadata a:hover {
   color: #0000ff;
 }
 
 .comments-area .comment-respond {
   margin-top: 30px;
 }
 
 .comments-area .comment-respond .comment-reply-title {
   margin-bottom: 0;
   position: relative;
   font-size: 24px;
   font-weight: 700;
 }
 
 .comments-area .comment-respond .comment-reply-title::before {
   content: '';
   height: 25px;
   width: 3px;
   left: -25px;
   position: absolute;
   background: #0000ff;
   top: 50%;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
 }
 
 .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
   display: inline-block;
 }
 
 .comments-area .comment-respond .comment-form {
   overflow: hidden;
 }
 
 .comments-area .comment-respond .comment-notes {
   margin-bottom: 0;
   margin-top: 10px;
 }
 
 .comments-area .comment-respond .comment-notes .required {
   color: red;
 }
 
 .comments-area .comment-respond .comment-form-comment {
   margin-top: 15px;
   float: left;
   width: 100%;
 }
 
 .comments-area .comment-respond label {
   display: block;
   font-weight: 600;
   color: #212529;
   margin-bottom: 5px;
 }
 
 .comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea {
   display: block;
   width: 100%;
   background-color: #ffffff;
   border: 1px solid #eeeeee;
   padding: 0.625em 0.7375em;
   outline: 0;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }
 
 .comments-area .comment-respond input[type="date"]:focus, .comments-area .comment-respond input[type="time"]:focus, .comments-area .comment-respond input[type="datetime-local"]:focus, .comments-area .comment-respond input[type="week"]:focus, .comments-area .comment-respond input[type="month"]:focus, .comments-area .comment-respond input[type="text"]:focus, .comments-area .comment-respond input[type="email"]:focus, .comments-area .comment-respond input[type="url"]:focus, .comments-area .comment-respond input[type="password"]:focus, .comments-area .comment-respond input[type="search"]:focus, .comments-area .comment-respond input[type="tel"]:focus, .comments-area .comment-respond input[type="number"]:focus, .comments-area .comment-respond textarea:focus {
   border-color: #0000ff;
 }
 
 .comments-area .comment-respond .comment-form-author {
   float: left;
   width: 50%;
   padding-right: 10px;
   margin-bottom: 20px;
 }
 
 .comments-area .comment-respond .comment-form-email {
   float: left;
   width: 50%;
   padding-left: 12px;
   margin-bottom: 20px;
 }
 
 .comments-area .comment-respond .comment-form-url {
   float: left;
   width: 100%;
   margin-bottom: 20px;
 }
 
 .comments-area .comment-respond .comment-form-cookies-consent {
   width: 100%;
   float: left;
   position: relative;
   padding-left: 20px;
   margin-bottom: 20px;
 }
 
 .comments-area .comment-respond .comment-form-cookies-consent input {
   position: absolute;
   left: 0;
   top: 6px;
 }
 
 .comments-area .comment-respond .comment-form-cookies-consent label {
   display: inline-block;
   margin: 0;
   color: #737b9a;
   font-weight: normal;
 }
 
 .comments-area .comment-respond .form-submit {
   float: left;
   width: 100%;
 }
 
 .comments-area .comment-respond .form-submit input {
   background: #0000ff;
   border: none;
   color: #ffffff;
   padding: 14px 30px 10px;
   display: inline-block;
   cursor: pointer;
   outline: 0;
   border-radius: 0;
   text-transform: uppercase;
   -webkit-transition: 0.5s;
   transition: 0.5s;
   font-weight: 600;
   font-size: 16px;
 }
 
 .comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus {
   color: #ffffff;
   background-color: #212529;
 }
 
 
 
 .min-post-title a{
     
     color:#000000;
 }
 
 .min-post-title a:hover{
     text-decoration:none;
     color:#000000;
 }
 
 .read-more-btn:hover{
     text-decoration:none;
 }
 
 .view-post-title{
     padding:15px;
     margin-top:40px;
     margin-bottom:10px;
 }
 
 
 
 
 .view-jobs-image{
     
     padding:0px;
     padding-right:10px;
 }
 
 
  #edu_degree2,#edit_edu_degree2{
     margin-top:10px;
 }
 
 
 #loadmorejobsbtn{
     
     margin-top:30px;
 }
 
 #loadmorejobs_btn_mobile{
     
     margin-top:30px;
     margin-bottom:20px;
 }
 
 
 .showjob{
     
     padding-left:10px;
     padding-right:10px;
 }
 
 
 
 #resend_link{
     margin-top:10px;
 }
 
 
 
 .m-padding{
     
     padding:0px;
 }
 
 
 
 
 #load_mobile_view_job{
     padding-left:25px;
     padding-right:25px;
 }
 
 
 .modal-back-btn{
     
     float:left;
     margin-left:0px;
 }
 
 
 
 
 
 
 .post-image-mobile{
      padding-top:15px;
      padding-bottom:15px;
      padding-left:8px;
 }
 
 
 #mobile-content{
     padding:15px;
 }
 
 #mob-post-list{
     margin:0px;
     margin-bottom:15px;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06)!important;
      
 }
 
 #loadviewpost_mobile{
     
     padding:0px;
     padding-top:20px;
     
 }
 
 
 
 .template-mobile{
     
     background-color:#FFFFFF;
     margin:-30px;
     margin-top:-25px;
     padding:20px;
 }
 
 
  .mobile-pill-letter{
      
     display:inline;
     width:100%;
     margin-left:30px;
     clear:both;
      
  }
 
 
 .mobile-pill{
      
      display:inline;
      width:100%;
      clear:both;
  }
 
 
 
 .mobile-item > a{
      width:29%;
      display:inline;
      float:left;
      border:1px solid #CCCCCC;
       margin:-5px;
       margin-bottom:10px;
      
  }
  
  .mobile-item-letter > a{
      width:43%;
      display:inline;
      float:left;
      border:1px solid #CCCCCC;
      margin:-5px;
      margin-bottom:10px;
  }
 
 
 
 
 .mobile-item-letter2 > a{
      width:30%;
      display:inline;
      float:left;
      border:1px solid #CCCCCC;
      margin:-5px;
      margin-bottom:10px;
  }
 
 
 
  
 
 
 
 
 #loadresume_mobile{
     
     margin-top:30px;
 }
 
 .demoletters{
     
 margin-top:-7px;	
 }
 
 
 .cover-letter-mobile{
     
     background-color:#FFFFFF;
     margin:-30px;
     margin-top:-20px;
     padding:20px;
 }
 
 
 
 
 
 
 #theletterdiv_mobile{
     
      box-shadow:0px 1px 3px 1px #CCCCCC;
      
      padding-left:0px;
      padding-right:0px;
      padding-top:15px;
      margin:-20px;
 }
 
 
 
  .photo_mobil_nav{
      
      padding:0px;
      margin:-30px;
      margin-top:15px;
      margin-bottom:40px;
  }
 
 
 
 
 #load_mobile_demo_letter{
     
 width:100%;
 height: 500px;
 overflow-x: hidden;
 clear:both;
  
 }
 
  #load_mobile_demo_letter::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
 } 
 
 #load_mobile_demo_letter::-webkit-scrollbar-thumb {
     background-color: #999999;
 }
 
 
 #demo_search_mobile{
     padding:5px;
     margin-bottom:20px;
 }
 
 .demo_let_btn{
     
     margin-top:10px;
 }
 
 
 
 
 .mobile_download_setting{
     
     margin:-45px;
     background-color:#FFFFFF;
      
 }
 
 
 
 
 
 
 .editthisletter_mobile{
     margin-top:70px;
     margin-bottom:20px;
     text-align:center;
 }
 
 
 
 
 
 
 #downloadletteroption_mobile{
     
     background-color:#FFFFFF; 
     padding:10px; 
     padding-top:10px; 
     border-top: 1px solid #CCCCCC;
     border-bottom: 1px solid #CCCCCC;
      margin-bottom:40px;
 }
 
 
 
 .export{
     margin-top:15px;
 }
 
 
 
 
 .mobile_temp_tab{
     
     margin:-20px;
     margin-top:10px;
     background-color:#EEEEEE; 
     padding:0px;
 }
 
 
 
 
 
 .color-list-letter{
     margin:0px;
 }
 
 
 
 .iframe_overlay_mobile{
     
     width:78%;
     height:370px;
     background-color:#DDDDDD; 
     opacity:0.7; 
     padding-top:30%;
     position:absolute;
     z-index:100;	
      display:none;
 }
 
 
 .preview_mobile_box{
     
     border:1px solid #CCCCCC;
     height:400px;
     width:300px;
     margin:0 auto 0;
     margin-top:10px;
     margin-bottom:20px;
     overflow:hidden;
     padding:5px;
     box-shadow: 0 3px 3px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06)!important;
     border-radius: 1px;
     
 }
 
 
  
 
 
 #previewletterdiv_mobile{
      
     -ms-zoom: 0.35;
     -moz-transform: scale(0.35);
     -moz-transform-origin: 0px 0;
     -o-transform: scale(0.35);
     -o-transform-origin: 0 0;
     -webkit-transform: scale(0.35);
     -webkit-transform-origin: 0 0; 
     border:1px solid #FFFFFF;
     overflow-x:hidden;
     margin-left:-10px;
 
 }
 
 
 
 
 
 .preview_mobile_box_resume{
     
     border:1px solid #CCCCCC;
     height:400px;
     width:300px;
     margin:0 auto 0;
     margin-top:10px;
     margin-bottom:20px;
     overflow:hidden;
     padding:5px;
     box-shadow: 0 3px 3px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06)!important;
     border-radius: 1px;
     
 }
 
 
 #previewresumediv_mobile{
      
     -ms-zoom: 0.35;
     -moz-transform: scale(0.35);
     -moz-transform-origin: 0px 0;
     -o-transform: scale(0.35);
     -o-transform-origin: 0 0;
     -webkit-transform: scale(0.35);
     -webkit-transform-origin: 0 0; 
     border:1px solid #FFFFFF;
     overflow-x:hidden;
     margin-left:-10px;
 
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  .mobile-color{
      
      margin:0px;
  }
 
 
 
 .resume-mobile{
     padding:0px;
     background-color:#FFFFFF;
     margin:-40px;
 }
  
  .mobile-resume-list{
      
      background-color:#FFFFFF;
      padding:20px;
      padding-top:30px;
      width:100%;
      min-height:700px;
      
  }
 
 
 .mob_modal_body{
     
     padding:10px;
 }
 
 
 .myselect{
     
     height:30px;
     padding:2px;
 }
 
 
 
 
 .mobile-resume-pill{
      
      display:inline;
      width:100%;
      clear:both;
  }
 
 
 
 .mobile-item-resume > a{
      width:40%;
      display:inline;
      float:left;
      border:1px solid #CCCCCC;
      margin:0 auto 0;
      margin-bottom:10px;
      
  }
 
 
 .the-first-tap{
     margin-left:20px;
 }
 
 
 .mobile_summary_tips_div{
     padding-bottom:5px;
     padding-left:0px;
 }
 
 
 
 .summary_demo_mobile{
     padding:25px;
      
 }
 
 
  #load_summary_mobile{
      
      margin-left:-10px;
      margin-right:-10px;
      margin-top:10px;
  }
  
 
 
 .sum_mobile_btn_div{
     
     margin-top:-50px;
     padding:20px;
     padding-bottom:40px;
 }
 
 
 #search_summary_mobile{
     height:40px;
     margin-top:7px;
     
 }
 
 #load_interests_mobile,#load_skills_mobile{
     
     margin-bottom:40px;
 }
 
 
 #edu_degree{
     
     max-height:38px;
 }
 
 
 .the_m_btn{
     margin:2px;
     margin-bottom:10px;
 }
 
 
 .mobile_load_edu{
     margin-bottom:5px;
 }
 
 .mobile_load_edu_form{
     margin-top:-25px;
 }
 
 
 .mobile_modal_header{
     
     padding:15px;
     padding-top:20px;
     border-bottom:1px solid #DDDDDD;
     background-color:#5458b3;
     color:#FFFFFF;
     border-radius:3px;
 }
 
 
 
 
 
 .back_span{
     
     font-size:20px;
     color:#FFFFFF;
 }
 
 
 
 
 .mobile_job_duties_tips_div{
     margin-top:10px;
     margin-bottom:15px;
 }
 
 
 #load_experience_mobile{
     
     margin:-10px;
 }
 
 
 .job_demo_mobile{
     
     padding:30px;
     padding-top:20px;
 }
 
 
 
 .list-cover_m{
     
     padding:50px;
     background-color:transaprent;
     height:100%;
     width:100%;
     position:relative;
     margin-top:-60px;
     
 }
 
 #search_duties_mobile{
     
     height:35px;
 }
 
 
 #search_accomplish_mobile{
     
     height:35px;
 }
 
 
 
 .the-border-list{
     
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06)!important;
     border-radius: 5px;
     margin-bottom:10px;
     font-size:16px;
 }
 
 
 
 .modal {
   overflow-y: auto !important;
 }
 
 
 #editwork{
     
     padding:0px;
 }
 
 
 .edit-top-mod{
     margin-top:-7px;
 }
 
 
 
 
 
 .mobile-footer{  
   left: 0;
   bottom: -1px;
   width: 100%;
   background-color: #FFFFFF;
   color: #000000;
   text-align: center;
   border-top:1px solid #DDDDDD;
   height:65px;
   padding-top:10px; 
   text-align:center;
 }
 
 
 
 
 .btn-app-footer {
     position: relative;
     min-width: 70px;
     height: 45px;
     text-align: center;
     font-size: 15px;
     text-decoration:none;
     color:#5458b3;
       
 }
 
 .foot-menu-list{
     margin-left:13px;
     text-align:center;
 }
 
 .btn-app-footer>.fa, .btn-app-footer>.glyphicon, .btn-app-footer>.ion {
     font-size: 23px;
     display: block;
 }
 
  
 
 .btn-app-footer:hover,.btn-app-footer:focus{
     
     text-decoration:none;
 } 
 
 .home-list>.fa, .home-list>.glyphicon, .home-list>.ion {
     font-size: 60px;
     display: block;
     margin-top:-22px;
 }
  
 
  
 
 
 .recent-jobs-title-mobile h5{
      
     font-size:16px;
     padding-top:10px;
 }
 
  
 
 .mobile_loadalljobs{
     
     margin-bottom:20px;
 }
 
 
 
 
 .resume_mob_preview{
     
     margin:-50px;
     padding-top:60px;
     background-color:#FFFFFF;
 }
 
 
 .mob-add-marg{
     
     margin-left:10px;
 }
 
 
 .color-list-resume{
     margin:0px;
 }
 
 
 
 .mobile_temp_content{
     
     background-color:#EEEEEE;
     margin:-25px;
     margin-top:5px;
 }
 
 
 .main-mobile-menu-section{
     margin:-10px -20px 0px ;
     padding:10px;
 }
 
 
 .mobile-menu-list{
     
     padding:0px;
     text-align: center;
 }
 
 
 .menu-inner-list{
     padding:7px;
 }
 
 
 .hm-btn{
     
     display: inline-block;
     font-weight: 400;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 1px solid transparent;
     padding: .375rem .75rem;
     font-size: 1rem;
     line-height: 1.5;
     border-radius: .25rem;
     transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
     font-size: 14px; 
     line-height: 23px; 
     padding: 5px 23px; 
     letter-spacing: .4px; 
     /* box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); */
 
 }
 
 .btn-home {
     border-radius: 10px;
     position: relative;
     padding: 15px 5px;
     margin: 0 0 5px 0px;
     min-width: 100%;
     height: 110px;
     text-align: center;
     color: #000000;
     border: 1px solid #ececff;
     background-color: #FFFFFF;
     font-size: 16px;
     line-height:50px;
     
 }
 
 .btn-home>.fa, .btn-home>.glyphicon, .btn-home>.ion {
     font-size: 35px;
     display: block;
 }
 
 
 
 .btn-home:hover {
     background: #fff;
     color: #838ab6;
     border-color: #ececff !important;
     text-decoration:none;
 }
 
 .btn-home:active, .btn-home:focus {
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     background: #fff;
     color: #838ab6;
     border-color: #ececff !important;
     text-decoration:none;
 }
 
 .btn-home>.badge {
     position: absolute;
     top: -3px;
     right: -2px;
     font-size: 13px;
     font-weight: 400;
 }
 
 
 .re-color{
     color:#4da6d2 !important;
 }
 
 
 
 
 .le-color{
     color:#ff9234 !important;
 }
 
 
 .temp-color{
     color:#987bd9 !important;
 }
 
 .web-color{
     color: #65ce40 !important;
 }
 
 .job-color{
     color: #de9e00 !important;
 }
 
 .blog-color{
     color: #ff6c4a !important;
 }
 
 .feed-color{
     color: #FF62FF !important;
     
 }
 
 .app-color{
     color: #007FFF !important;
     
 }
 .money-color{
     color: #B20000 !important;
     
 }
 
 .chat-color{
      color: #00B2B2 !important;
 }
 
 .mobile-finish{
     background-color:#4a4ea4;
     color:#FFFFFF;
     text-align:center;
 }
 
 .mobile-finish:hover,.mobile-finish:focus,.mobile-finish:hover{
     background-color:#4a4ea4;
     color:#FFFFFF;
     text-align:center;
 }
 
 .btnpdfdownload{
  width:100%;
  margin-bottom:7px;	
     
 }
 
 
 .havesubscription,.havesubscriptionmobile{
     
     display:none;
     width:100%;
     margin-top:6px;
     margin-bottom:8px;
 }
 
 #div_stateorigin,#div_lga{
     
     display:none;
 }
 
 div.mt-1{
     display:none;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 /**
 **
  ------------------------ febuary 2021 UI Home page Ajustment ---------------------------
  **
  */
  
  h2{
      
     font-size:18px; 
      
  }
  
  #load-more-job-home{
      
      margin-top:10px;
      
  }
  
  #the-card-body{
      
      padding:27px;
      
  }
  
    #media-content{
      
      background-color:#FFFFFF;
      
  }
   
   .job-share-action{
       
       border-top:1px solid #DDDDDD;
   }
  
  .profile-card{
      
     margin-top:20px;
     margin-right:10px;
     margin-left:10px;
  }
  
  .homebread{
      
      font-size:18px;
  }
  
  .breadcrumb{
      
      margin-bottom:20px; 
  }
  
  
  
  .feedtoprow{
      border-bottom:1px solid #CCCCCC;
      padding-bottom:5px;
      margin-bottom:15px;
      margin-top:4px;
  }
  
  #media-heading{
      
      color:#050505;
      font-size:16px;
  }
  
  #thearticle{
      width:100%;
      overflow-y:hidden;
      color:#050505;
  }
  
  .job-share-title{
      
      margin-top:15px;
      font-size:20px;
  }
  .job-share{
      font-size:30px;
      text-align:center;
      
  }
  .apply-action-btn{
       margin-top:20px;
       margin-bottom:20px;
  }
  
  .media-content{
      padding:0px;
      margin-top:-10px;
      margin-bottom:-10px;
      margin-left:-10px;
      margin-right:-10px;
  }
  
  .media-body {
      color:#000000;
      
  }
  .media-body p{
      
      color:#000000;
      font-size:19px;
  }
  
  .theresletcount{
      font-size:12px;
      position:absolute;
      z-index:3000;
      margin-top:20px;
      margin-left:-15px;
  }
  
  
  
  .inner-action{
     position:relative;
     margin-top:-145px;
     margin-left:-10px;
     width:100%;
     z-index:300;
     text-align:center; 
     background-color:transaprent;
  }
  
  
   .new-icon-text{
     color:#FFFFFF; 
     font-weight:bold; 
     text-shadow: -5px 3px 3px #000000;
  }
  
  
  
  /**
   ---------- Icon Design ----------
  **/
  
  
  .new-resume-icon{
      
      color:#FFFFFF;
 }
 
  .new-myresume-icon{
     
       color:#FFFFFF;
 }
   
  .new-letter-icon{
     
      color:#FFFFFF;
 }
 
 .new-myletter-icon{
      
      color:#FFFFFF;
 }
 
 
 .new-icon-font{
     
     font-size:60px; 
 }
 
 .new-icon-text{
     
     font-size:22px;
      
 }
 
  /**
     ---------- Icon Design End ----------
  **/
  
  
  
  
  
  
  #show_aside_details{
      
      margin:0 auto 0;
      margin-top:30px;
      text-align:center;
      padding:10px;
  }
 
 
 .profile-username{
     margin-top:5px;
     font-size:17px;
     color:#444444;
     font-weight:bold;
 }
 
 .avatar-profile-link{
     
     text-decoration:none;
 }
 
 .avatar-profile-link:hover{
     
     text-decoration:none;
 }
 
 .avatar-profile{
    width: 110px;
    border-radius:50%;
    border: 5px solid rgb(52 54 105);
    padding:5px;
 }
 
 
 .app-sidebar__user img {
     box-shadow: 2px 0 5px 0 #FFFFFF;
 }
 
 
 
 
  /**
     ---------- Slider gallery styling ----------
  **/
  
 
 
 .row-slider {
   margin-right:10px;
   margin-left:10px;
 }
 
 
 .slider-container{
     height:210px;
     padding:10px;
 }
 
 
 .slider-gallery {
     overflow:hidden;
     white-space:nowrap;
     background-color:transaprent;
     height:210px;
 }
 
 .slider-gallery > * {
     display:inline-block;	
     margin-right: -20px;
     margin-left: -17px;
     float:none;
 }
 
 .slider-gallery-img {
     padding: .25rem;
     background-color: transaprent;
     border-radius: 10px;
     max-width: 100%;
     height: auto;
      
 }
  
  
  
 
 .slider-item{
     height:210px;
     overflow:hidden;
      
 }
 
 
 #previous{
 
     position:relative;
     z-index:100000;
     float:left;
     margin-left:-5px;
     margin-top:-130px;
     width:50px;
     height:50px;
     text-align:center;
     padding:12px;
     border-radius:50px;
     font-size:18px;
     box-shadow: ;
     background-color:#FFFFFF;
     color:#444444;
     box-shadow: -5px 3px 3px #888888;
 }
 
 
 
 #next{
 
     position:relative;
     z-index:1000;
     float:right;
     margin-right:-5px;
     margin-top:-130px;
     width:50px;
     height:50px;
     text-align:center;
     padding:12px;
     border-radius:50px;
     font-size:18px;
     background-color:#FFFFFF;
     color:#444444;
     box-shadow: 5px 5px 5px #888888;
 }
 
 
 
 
 @media screen and (max-width: 992px) {
     
      #media-heading{
         font-size:14px;
      }
  
     .job-share-title{
      
          margin-top:17px;
          font-size:13px;
      }
      
      .job-share{
          font-size:25px;
          text-align:center;
          
      }
  
     .profile-card{
      
         margin-top:20px;
         margin-right:-30px;
         margin-left:-30px;
      }
      
      .row-slider {
       margin-right: -5px;
       margin-left: -5px;
     }
   
   
     .slider-gallery > * {
         
         margin-right: -7px;
          
      }
     
     
     .slider-container{
         height:150px;
     }
 
     
     .slider-gallery-img {
         padding: .25rem;
         background-color: transaprent;
         border-radius: 10px;
         max-width: 100%;
         height: 150px;
     }
 
       
     .slider-gallery {
         height:150px;
     }
 
     #previous{
 
         width:40px;
         height:40px;
         margin-left:-15px;
         margin-top:-100px;
         font-size:14px;
         padding:8px;
     }
 
     #next{
 
         width:40px;
         height:40px;
         margin-right:-15px;
         margin-top:-100px;
         font-size:14px;
         padding:8px;
     }
 
 
     .inner-action{
         position:absolute;
         margin-top:-100px;
         margin-left:-15px;
         width:100%;
         z-index:300;
         text-align:center; 
         background-color:transaprent;
      }
 
     
     .new-icon-font{
         
         font-size:40px; 
     }
 
     .new-icon-text{
         
         font-size:14px;
          
     }
     
     
 
 }
 
 
 
 /* On screens that are 600px or less, set the background color to olive */
 @media screen and (max-width: 600px) {
  
      #media-heading{
         font-size:13px;
      }
     
     #thearticle{
         font-size:14px;
         width:100%;
         overflow-y:hidden;
      }
  
  
     .job-share-title{
      
          margin-top:17px;
          font-size:13px;
      }
      
      .job-share{
          font-size:25px;
          text-align:center;
          
      }
  
  .profile-card{
      
         margin-top:18px;
         margin-right:-36px;
         margin-left:-36px;
      }
  
     .row-slider {
       margin-right: -5px;
       margin-left: -5px;
     }
     
      
     
     .slider-gallery > * {
         
         margin-right: -7px;
          
      }
     
   
     .slider-container{
         height:150px;
     }
 
 
     .slider-gallery {
         height:150px;
     }
     
     .slider-gallery-img {
         padding: .25rem;
         background-color: transaprent;
         border-radius: 10px;
         max-width: 100%;
         height: 150px;
     }
 
      
   
     #previous{
 
         width:40px;
         height:40px;
         margin-left:-15px;
         margin-top:-100px;
         font-size:14px;
         padding:8px;
     }
 
     #next{
 
         width:40px;
         height:40px;
         margin-right:-15px;
         margin-top:-100px;
         font-size:14px;
         padding:8px;
     }
     
     
     .inner-action{
         position:absolute;
         margin-top:-100px;
         margin-left:-15px;
         width:100%;
         z-index:300;
         text-align:center; 
         background-color:transaprent;
      }
 
     
     .new-icon-font{
         
         font-size:40px; 
     }
 
     .new-icon-text{
         
         font-size:16px;
          
     }
 
 }
 
 
 
 
 
  /**
     ---------- Forum Styleing start here ----------
  **/
 
 
 
 .question-section{
     
     margin-top:50px;
     
 }
 
 
 .askquestion-content{
     
     padding:10px;
     
     width:160%;
 }
 
 .answer_picture{
     
     display:none;
 }
 
 
 #question_picture{
     
     display:none;
 }
 
 
 #divpreviewImg{
     display:none;
     clear:both;
 }
 
 .divpreviewImgAns{
     display:none;
     clear:both;
 }
 
 
 
 #question_option{
     
     font-size:25px;
 }
 
 #answer_option{
     
     font-size:20px;
 }
 
 
 
 
 #option_btn{
     
     background-color:#FFFFFF !important;
     border-color:#FFFFFF !important;
     -webkit-box-shadow: 0 0 25px #FFFFFF !important;
     box-shadow: 0 0 25px #FFFFFF !important;
 }
 
 
 #option_btn2{
     
     background-color:#f6f6f9 !important;
     border-color:#f6f6f9 !important;
     -webkit-box-shadow: 0 0 0px #f6f6f9 !important;
     box-shadow: 0 0 0px #f6f6f9 !important;
 }
 
 
 #dropdown-menu2{
     width:50px !important;
 }
 
 
 #removefeed_padding{
     padding:0px;
     margin:0px;
 }
 
 
 .addfeed_padding{
     padding:20px;
     padding-left:30px;
     padding-right:30px;
     padding-bottom:10px;
 }
 
 #question-img{
     
      
     
 }
 .commentsblock{
     
     padding:20px;
     padding-bottom:0px;
      
 }
 
 #the_comment_section{
     
     padding:0px;
     padding-bottom:0px;
     
 }
 
 #viewComment{
     
     background: #f6f6f9;
     border-top: 3px solid #ececff!important;
     padding:10px;
     margin-top:-20px;
 }
 
 
 #answernav{
     
     background: #f6f6f9;
     padding:10px;
     
     
     
 }
 
 #answernavdiv{
     
     overflow:hidden;
     padding:0px;
     margin:0px;
 }
  
 
 #thenavlist{
     text-decoration:none;
     
     text-align:center;
 }
 
 
 #view_question_idv{
     margin-top:20px;
     
 }
 
 
 .allAnswer{
     
     display:none;
 }
 
 
 .comment-btn{
     margin-top:10px;
 }
 .comment-btn-img{
     margin-top:10px;
 }
 
 .comment_textarea{
     
     width:100%;
 }
 
 #feed-loader{
     
     
 }
 
 
 
 .news-feed {
   width: 100%;
   min-height: 250px;
   background: #FFF;
   margin: 10px auto 0;
   padding: 10px;
   border: 1px solid;
   border-color: #e5e6e9 #dfe0e4 #d0d1d5;
 }
 
 .loading {
   -webkit-animation-duration: 1s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-name: loadingAnimation;
   -webkit-animation-timing-function: linear;
   background: #f6f7f8;
   background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
   background-image: linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
   background-repeat: no-repeat;
   background-size: 200% auto;
   height: 100px;
   position: relative;
   overflow: hidden;
 }
 
 .load-blocker {
   background: #FFF;
   position: absolute;
   display: block;
   height: 10px;
 }
 
 .load-1 {
   height: 35px;
   width: 10px;
   top: 0;
   left: 40px;
 }
 
 .load-2 {
   width: 450px;
   height: 5px;
   top: 0;
   left: 50px;
 }
 
 .load-3 {
   width: 450px;
   height: 5px;
   top: 15px;
   left: 50px;
 }
 
 .load-4 {
   width: 450px;
   height: 10px;
   top: 5px;
   left: 180px;
 }
 
 .load-5 {
   width: 450px;
   height: 10px;
   top: 20px;
   left: 120px;
 }
 
 .load-6 {
   width: 450px;
   height: 5px;
   top: 30px;
   left: 40px;
 }
 
 .load-7 {
   width: 100%;
   height: 10px;
   top: 35px;
   left: 40px;
 }
 
 .load-8 {
   width: 100%;
   height: 10px;
   top: 40px;
   left: 0px;
 }
 
 .load-9 {
   width: 100%;
   height: 10px;
   top: 50px;
   left: 250px;
 }
 
 .load-10 {
   width: 100%;
   height: 10px;
   top: 70px;
   left: 300px;
 }
 
 .load-11 {
   width: 100%;
   height: 10px;
   top: 90px;
   left: 180px;
 }
 
 .load-12 {
   width: 100%;
   height: 10px;
   top: 60px;
   left: 0px;
 }
 
 .load-13 {
   width: 100%;
   height: 10px;
   top: 80px;
   left: 0px;
 }
 
 @-webkit-keyframes loadingAnimation{
   0%{
     background-position: 150% 0;
   }
   100%{
     background-position: -150% 0;
   }
 }
 
 
 
 
 .the_replay{
     
     margin-top:10px;
     
 }
 
 
 .thereplaydiv{
     display:none;
 }
 
 
 .reply_textarea{
     min-height:40px;
 }
 
 
 #theanswer_option_div{
     
     z-index: 5000;
     width:50px !important;
 }
 
 
 
 .backend_error{
     
     color:red;
 }
 
 
 #thechr{
     border: 1px solid #ececff!important;
     background-color:#ececff!important;
 }
 
 
 
 #thereadmorebtn{
     display:block;
     margin-left:60px;
     float:right;
 }
 
 
 .note-heading{
     color:#5458b3!important;
     font-size:12px;
     font-weight:bold;
 }
 
 .note-msg{
     color:#000000;
     font-size:12px;
     
 }
 
 
 .note-msg2{
     color:#000000;
     font-size:12px; 
 }
 
 
 #loadNotification{
     
     max-height:400px;
     overflow:scroll;
     overflow-x:hidden;
     
 }
  
 
 #loadNotification::-webkit-scrollbar {
   width: 6px;
 }
 
 /* Track */
 #loadNotification::-webkit-scrollbar-track {
   background: #f1f1f1; 
 }
  
 /* Handle */
 #loadNotification::-webkit-scrollbar-thumb {
   background: #888; 
 }
 
 /* Handle on hover */
 #loadNotification::-webkit-scrollbar-thumb:hover {
   background: #555; 
 }
 
 
 #loadNotificationmsg{
     
     max-height:400px;
     overflow:scroll;
     overflow-x:hidden;
     
 }
  
 
 #loadNotificationmsg::-webkit-scrollbar {
   width: 6px;
 }
 
 /* Track */
 #loadNotificationmsg::-webkit-scrollbar-track {
   background: #f1f1f1; 
 }
  
 /* Handle */
 #loadNotificationmsg::-webkit-scrollbar-thumb {
   background: #888; 
 }
 
 /* Handle on hover */
 #loadNotificationmsg::-webkit-scrollbar-thumb:hover {
   background: #555; 
 }
 
 
 
 
 
 #messagephoto{
     
     display:none;
 }
  
 #divpreviewImgMsg{
     
     display:none;
 }
  
  
  #profilecard{
      
      min-height:270px;
  }
  
   #profilecard2{
      
      min-height:188px;
  }
  
  
  
  
  
  
  /*---  The messaging Area  -----*/
  
  
  #thechatter{
      
     overflow:scroll;
     overflow-x:hidden;	
     height:320px;
     
  }
  
       
 
 #thechatter::-webkit-scrollbar {
   width: 5px;
 }
 
 /* Track */
 #thechatter::-webkit-scrollbar-track {
   background: #f1f1f1; 
 }
  
 /* Handle */
 #thechatter::-webkit-scrollbar-thumb {
   background: #888; 
 }
 
 /* Handle on hover */
 #thechatter::-webkit-scrollbar-thumb:hover {
   background: #555; 
 }
 
 
  .inbox-banner {
   max-height: 223px;
 }
 
 .the-inbox {
   background: #fff;
   display: table;
   border-radius: 5px;
   position: relative;
   margin-top: -50px;
 }
 
 .messenger-list {
   display: table-cell;
   border-right: 1px solid #f4f6fa;
   vertical-align: top;
 }
 
 .messenger-list .search-bar {
   padding: 29px 30px 30px 30px;
   float: left;
   border-bottom: 1px solid #f4f6fa;
   width: 100%;
 }
 
 .messenger-list .search-bar input {
   border: none;
   width: 100%;
   background: url("https://mycvcreator.com/app/assets/img/svg/search-gray.svg") no-repeat left center;
   background-size: 15px 15px;
   padding-left: 20px;
   font-size: 12px;
   font-weight: 500;
 }
 
 .messenger-list .search-bar input:focus {
   outline: none;
 }
 
 .messenger-list button {
   border-radius: 20px;
   margin: 20px 25px;
   padding: 7px 20px;
   font-size: 13px;
   font-weight: normal;
 }
 
 .messenger-list ul.message-list {
   margin: 0;
   padding: 0;
   list-style: none;
   width: 100%;
   float: left;
   height: 600px;
   
 }
 
 .messenger-list ul.message-list li {
   width: 100%;
   background: transparent;
   padding: 20px 25px;
   position: relative;
   transition: all 0.5s ease;
   border-bottom: 1px solid #f4f6fa;
 }
 
 .messenger-list ul.message-list li.read a div.messenger-message div.message-summery {
   font-weight: normal;
 }
 
 .messenger-list ul.message-list li.unread {
   background: #fafafa;
 }
 
 .messenger-list ul.message-list li.unread a div.messenger-message div.message-summery {
   font-weight: 500;
 }
 
 .messenger-list ul.message-list li:last-child {
   border-bottom: none;
 }
 
 .messenger-list ul.message-list li:first-child {
   border-top: 1px solid #f4f6fa;
 }
 
 .messenger-list ul.message-list li:hover {
   background: #f5f6fa;
 }
 
 .messenger-list ul.message-list li a {
   display: block;
   color: #424457;
   text-decoration: none;
 }
 
 .messenger-list ul.message-list li a div.messenger-icon {
   display: inline-block;
   width: 40px;
   height: 40px;
   margin-right: 10px;
   vertical-align: top;
 }
 
 .messenger-list ul.message-list li a div.messenger-icon img {
   width: 40px;
   height: 40px;
   border-radius: 20px;
 }
 
 .messenger-list ul.message-list li a div.messenger-message {
   display: inline-block;
   width: calc(100% - 55px);
   vertical-align: top;
 }
 
 .messenger-list ul.message-list li a div.messenger-message h5.message-title {
   font-size: 12px;
   font-weight: bold;
   margin: 4px 0px 0px ;
 }
 
 .messenger-list ul.message-list li a div.messenger-message div.message-summery {
   font-size: 11px;
   width: 75%;
   line-height: 2em;
 }
 
 .messenger-list ul.message-list li a span.date-time {
   position: absolute;
   top: 25px;
   right: 15px;
   font-size: 11px;
 }
 
 .chat-box {
   display: table-cell;
   position: relative;
 }
 
 .chat-header {
   padding: 10px 30px;
   float: left;
   border-bottom: 1px solid #f4f6fa;
   width: 100%;
 }
 
 .chat-box .chat-header div.header-icon {
   height: 60px;
   width: 60px;
   margin-right: 20px;
   display: inline-block;
   vertical-align: top;
   position: relative;
 }
 
 .chat-box .chat-header div.header-icon i {
   position: absolute;
   bottom: 0;
   right: 3px;
 }
 
 .chat-box .chat-header div.header-icon img {
   height: 60px;
   width: 60px;
   border-radius: 30px;
 }
 
 .chat-box .chat-header div.header-details {
   width: calc(100% - 85px);
   display: inline-block;
   vertical-align: top;
 }
 
 .chat-box .chat-header div.header-details h5.user-icon {
   margin-bottom: 5px;
 }
 
 
 .chatter {
   width: 100%;
   padding: 20px 0px;
   overflow:hidden;
 }
 
 .chat-box .chatter .chat-wrapper {
   max-width: 400px;
   clear: both;
   padding-bottom: 0px;
 }
 
 .chat-box .chatter .chat-wrapper:last-child {
   padding-bottom: 0;
 }
 
 .chat-box .chatter .chat-wrapper.left {
   float: left;
   padding-left: 40px;
 }
 
 .chat-box .chatter .chat-wrapper.left div.chatter-title,
 .chat-box .chatter .chat-wrapper.left div.time-plate {
   text-align: left;
 }
 
 .chat-box .chatter .chat-wrapper.left div.chatter-message {
   border-radius: 20px 20px 20px 0;
   background: #edf0f5;
 }
 
 .chat-box .chatter .chat-wrapper.right {
   float: right;
   padding-right: 40px;
 }
 
 .chat-box .chatter .chat-wrapper.right div.chatter-title,
 .chat-box .chatter .chat-wrapper.right div.time-plate {
   text-align: right;
 }
 
 .chat-box .chatter .chat-wrapper.right div.chatter-message {
   border-radius: 20px 20px 0px 20px;
   background: #1c85ff;
   color: #fff;
 }
 
 .chat-box .chatter .chat-wrapper div.chatter-title {
   font-size: 12px;
   font-weight: 500;
   width: 100%;
 }
 
 .chat-box .chatter .chat-wrapper div.chatter-message {
   font-size: 12px;
   width: 100%;
   padding: 10px;
   margin: 5px 0;
 }
 
 .chat-box .chatter .chat-wrapper div.chatter-message p {
   margin-bottom: 0;
 }
 
 .chat-box .chatter .chat-wrapper div.time-plate {
   font-size: 11px;
   color: #afaeba;
   width: 100%;
 }
 
 .chat-box .chat-footer {
   padding: 25px;
   border-top: 1px solid #f4f6fa;
   left: 0;
   bottom: 1px;
   border-radius: 0 0 5px 0;
   width: 100%;
   background: #fff;
 }
 
 .chat-box .chat-footer .chat-input {
   width: 100%;
   float: left;
   background: #edf2f6;
   padding: 20px;
   border-radius: 5px;
  
 }
 
 .chat-box .chat-footer .chat-input textarea {
   border: none;
   font-size: 12px;
   width: 85%;
   float: left;
   background: transparent;
   margin-bottom: 10px;
    
    
 }
 
 .chat-box .chat-footer .chat-input textarea:focus {
   outline: none;
 }
 
 .chat-box .chat-footer .chat-input textarea:focus ~ button.chat-btn {
   background-color:#5458b3;
 }
 
 .chat-box .chat-footer .chat-input ul.chat-action {
   margin: 0;
   padding: 0;
   list-style: none;
   width: calc(100% - 100px);
   float: left;
 }
 
 .chat-box .chat-footer .chat-input ul.chat-action li {
   display: inline-block;
   margin-right: 10px;
 }
 
 .chat-box .chat-footer .chat-input ul.chat-action li a {
   display: block;
 }
 
 .chat-box .chat-footer .chat-input ul.chat-action li a img {
   width: 15px;
   height: 15px;
 }
 
 .chat-box .chat-footer .chat-input button.chat-btn {
   width: 80px;
   border-radius: 25px;
   padding: 6px 15px;
   background-color:#5458b3;
   transition: all 0.5s ease;
 }
 
 .chat-box .chat-footer .chat-input button.chat-btn img {
   width: 25px;
   height: 25px;
 }
  
  #chat-header{
      
      padding:20px;
  }
  
  
  #message-list{
     
     max-height:500px;
     overflow:scroll;
     overflow-x:hidden;
     
 }
  
 
 #message-list::-webkit-scrollbar {
   width: 5px;
 }
 
 /* Track */
 #message-list::-webkit-scrollbar-track {
   background: #f1f1f1; 
 }
  
 /* Handle */
 #message-list::-webkit-scrollbar-thumb {
   background: #888; 
 }
 
 /* Handle on hover */
 #message-list::-webkit-scrollbar-thumb:hover {
   background: #555; 
 }
 
 #themsg_attach{
     
     padding:5px;
     background-color:#DDDDDD;
     border-radius:5px;
     margin-top:5px;
 }
 
 
 .loadfollowers{
     color:#20202F;
     text-decoration:none;
 }
 
 .follow-list-name{
     
     margin-top: 15px;
     font-size:14px;
     font-weight:bold;
 }
 
 #showloadfollowers{
     padding:10px;
 }
 
 .listfbtn{
     padding-top:7px;
 }
 
 #mobile-msg-space{
     
 height:720px;	
 }
 
 
 #thesubmitbtn{
     margin-top:10px;
     
 }
  /*---  The messaging Area  end -----*/
  
  
  @media screen and (max-width: 735px) {
  .messenger-list {
     display: none;
   }
 }
  
  
  
  
 .urlheading{
     margin:0px;
     padding:0px;
     margin-bottom:15px;
     color:#222222;
 }
  
 .urlp{
     color:#222222;
 }
  
  
  #theimgloader{   
      
     display: none; 
     
  }
   
  
  #theimgjobloader{   
      
     display: none; 
     
  }
  
  
   #theimgjobloaderEdit{   
      
     display: none; 
     
  }
  
 
  
  
  #theimgjobloaderMobile{   
      
     display: none; 
     
  }
  
  
  #theimgjobloaderMobileEdit{   
      
     display: none; 
     
  }
  
  
   #theimgSummaryloader{   
      
     display: none; 
     
  }
  
  
    #theimgSummaryloaderMobile{   
      
     display: none; 
     
  }
  
   #theimgSummaryloaderEdit{   
      
     display: none; 
     
  }
  
  
  #askaibtn{
     
     margin-top:5px;
 }
  
  
  
  
 #theimgAskAiloader{   
      
     display: none; 
     
  }
  
  
  
  #theimgloaderletterMobile{   
      
     display: none; 
     
  }
  
  
  
  #with-icon1{
      
    position: fixed;
     top: 50%;
     left: 50%;
     width: 600px;
     margin-left: -150px;
     margin-top: -100px;
     text-align: center;
     border-radius: 5px;
   
     /* needed styles for the overlay */
     z-index: 1000000; /* keep on top of other elements on the page */
     box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);
   
  }
  
  
    @media screen and (max-width: 735px) {
     #with-icon1 {
     width: 70%;
   }
 }
  
  
  #thebgoverlay {
     position: fixed;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background-color: rgba(0,0,0,0.5);
     z-index: 1000000;
 }