/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/* 
    Created on : 13 May, 2020, 11:13:08 AM
    Author     : Mandeep Singh
*/

html {font-size: 16px;font-family: 'Roboto', sans-serif;}
body {font-family: 'Roboto', sans-serif;font-size: 1rem;}
a, a:hover{text-decoration: none;}
::-webkit-scrollbar-track {background-color: #f2f2f2;border-radius: 10px;}
::-webkit-scrollbar {width: 5px;height: 5px;background-color: #ffffff;}
::-webkit-scrollbar-thumb {background-color: #2455CC;border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
.access-pages, .registration-page{height: 100vh;background-color: #fff;}
.admin-login-left{background: #3B68D5;color: #fff;padding: 50px;}
.admin-login-right{padding: 30px 60px;}
.admin-login-right .support-text{position: absolute;bottom: 0;margin: 0;}
.admin-login-right .support-text a{color: #0f58d6;}
.admin-login-right h5{font-size: 2rem;}
.admin-login-right p{font-size:  1rem;font-weight: 100}
.access-pages .form-control{background-image: none;border-bottom: 1px solid #CDCDCD;height: 45px !important;padding:7px 15px 7px 25px;transition:.5s ease-in-out;font-size:0.875rem;background-color: #fff;line-height: 1.2;transition: .5s ease-in-out}
.access-pages .form-control:hover, .access-pages .form-control:focus{border-color: #3B68D5;}
.access-pages .form-control::placeholder{font-weight: 100;}
.access-pages span.input-icon {position: absolute;right: 7px;top: 38px;display: inline-block;width: 22px;}
.access-pages .form-group .input-before{content: '';position: absolute;left: 0;top: 40px;height: 22px;width: 4px;transform: skewY(-40deg);background-color: #3B68D5;}
a.forgot-password{color:#3B68D5;font-size: 0.875rem;font-weight: 100;display: inline-block;}
a.register-link{color:#A7A7A7;font-size: 0.875rem;display: inline-block;text-decoration: underline;}
.access-pages .submit-btn, .access-pages .submit-btn:active:focus{height: 65px;width: 65px;background-color: #3B68D5;border-radius: 35px;border: none;outline: none;cursor: pointer;}
.sub-btn, .sub-btn:active:focus, .sub-btn:hover{background-color: #3B68D5;color: #fff;border-radius: 8px;height: 50px;padding: 10px 25px;border: none;outline: none;cursor: pointer;font-weight: 500}
.admin-login-right{height: 100vh;overflow-y: auto;}

/*Sidebar Css*/
.sidebar{width:270px; transition: .5s ease-in-out;background-color: #3B68D5;position: fixed;z-index: 9;}
.sidebar .sidebar-header{height: 90px;border-right: 5px solid #fff;position: relative;border-bottom: 1px solid #2455CC;}
.sidebar-inner {height: 100%;}
.sidebar .sidebar-content {height: calc(100vh - 70px);overflow-y: scroll;}
.sidebar-content ul li{list-style: none;position: relative;}
.sidebar-content .submenu{display: none;}
/*.sidebar-content .has-submenu-active .submenu{display: block;transition: .5s ease-in-out;}*/
.sidebar-content .menu-item > .menu-link{font-size:1rem;color:#fff;display: flex;align-items: center;padding: 12px 20px 12px 15px;position: relative;font-weight: 500;border-left: 8px solid transparent;transition: .5s ease-in-out;border-bottom: 1px solid #2455CC;}
.sidebar-content .menu-item .menu-link svg{margin-right:15px;}
.sidebar-content .menu-item .menu-link svg path{fill:#fff;transition: .5s ease-in-out;}
.sidebar-content .menu-item > .menu-link:hover, .sidebar-content .menu-item > .menu-link.active{background-color: #2455CC;border-left: 8px solid #fff;}
.sidebar-content .menu-item .menu-link.active svg path, .sidebar-content .menu-item .menu-link:hover svg path{fill:#003ea8}
.sidebar-content .menu-item:hover .menu-link:after{border-color:#0f58d6 !important;} 
.sidebar-content .menu-item.active-item > .menu-link,.sidebar-content .menu-item.has-submenu-active > .menu-link{color:#003ea8;background-color: #fff}
.sidebar-content .menu-item.active-item > .menu-link svg path, .sidebar-content .menu-item.has-submenu-active > .menu-link svg path{fill:#0f58d6} 
.sidebar-content .submenu li a.menu-link{font-size:0.8125rem;font-weight: 500;color:#fff;padding:8px 20px;display: block;}
.sidebar-content .menu-item.has-submenu > .menu-link:after{content: '';position: absolute;width: 10px;height: 10px;border-top: 1.2px solid #fff;border-right: 1.2px solid #fff; z-index: 1;right: 15px;transform: rotate(45deg);transition: .5s ease-in-out;}
.sidebar-content .menu-item.has-submenu.has-submenu-active > .menu-link:after{transform: rotate(135deg);border-color: #0f58d6;}

.sidebar-content .has-submenu-active ul .menu-link.active {font-weight: 750 !important;background-color: white;color:#3B68D5;border-radius: 20px 0 0 20px;}
/**************/
.menu-collapse{cursor: pointer;position: absolute;transition: .5s ease-in-out;}
.sidebar-collapsed .sidebar{transform: translateX(-270px);}
.sidebar-collapsed #content{width: 100%;}
.sidebar-collapsed .menu-collapse{-webkit-transform: scaleX(-1);transform: scaleX(-1);}
/**************/
#content {width: calc(100% - 270px); min-height: 100vh; margin-left: auto; transition: .5s ease-in-out; background-color: #fff; position: relative;}
.top-navbar{height: 90px;color:#585858;position: sticky;top: 0;z-index: 9;padding:10px 30px;background: #fff;box-shadow: 0px 4px 7px 0 rgba(31, 30, 30, 0.03);}
.top-navbar h6{margin-bottom:0;font-size: 1.75rem;font-weight: 100;margin-left: 70px;}
.top-navbar .nav-link{text-transform: capitalize;}
.top-navbar .notification-dropdown a:after{display: none;}
.top-navbar .notification-dropdown a span.badge{position: absolute;background-color: #3B68D5;border-radius: 50px;top: -18px;right: -8px; width: 30px; min-width: 30px;height: 30px;font-size: 12px; color: #ffffff;line-height: 1.3;border: 5px solid #fff;}
.notification-dropdown .dropdown-menu{min-width: 280px;max-height: 320px;overflow-y: auto;}
.notification-dropdown .dropdown-menu .dropdown-item{white-space: inherit;}
.notification-dropdown .dropdown-menu .dropdown-item label{width: 165px;font-size: 0.875rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 500;color: #000;}
.notification-dropdown .dropdown-menu .dropdown-item span{position: absolute;top: 13px;right: 15px;font-weight: 500;font-size: 12px;color: #adadad;}
.notification-dropdown .dropdown-menu .dropdown-item p{line-height: 1.5;margin-bottom: 0;font-size: 0.8125rem;color: #999;width: 100%;}
.view-notification{width: 100%;margin: 0;background-color: #efefef;color: #d42a59;text-transform: capitalize;}
.profile-dropdown .dropdown-toggle{font-size: 1.125rem;color: #000;}
.profile-dropdown .dropdown-toggle img{border-radius: 40px;width: 50px;height: 50px;}
/********/
.page-content{padding: 30px;position: relative;}
.main-section{background-color: #fff;padding: 20px; border-radius: 10px; box-shadow: 0px 4px 7px 0 rgba(31, 30, 30, 0.03);position: relative;}
.heading-section{margin-bottom: 30px;}
.heading-section h4{margin: 0;font-size: 1.375rem;font-weight: 500;}
.subheading{margin: 0;font-size: 1.25rem;font-weight: 500;}
.custom-card{padding: 25px 15px;position: relative;height: 100%;display: flex;}
.custom-card .circle{width: 60px;min-width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 35px;}
.custom-card .card-content{display: flex;flex-wrap: wrap;align-content: center;margin-left: 15px;color: #fff;}
.custom-card .card-content span, .custom-card1 .card-content span{font-size: 2rem;font-weight: 600;line-height: 1;}
.custom-card .card-content h6, .custom-card1 .card-content h6{font-size: 1rem;margin-top: 10px;font-weight: 400;width: 100%;}
.custom-card1{padding: 25px 15px;position: relative;height: 100%;display: flex;flex-wrap: wrap;background-color: #fff;box-shadow: 0px 0px 5px 0 rgba(31, 30, 30, 0.3);}
.custom-card1 .circle{width: 60px;min-width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 35px;background-color: #e3ddf8}
.custom-card1 .card-content{display: flex;flex-wrap: wrap;align-content: center;margin-left: 15px;color: #000;}
.custom-card1 h4{width: 100%;margin-bottom: 25px;font-weight: 500;}

.custom-card.card-1{background-color: #7095f7;}
.custom-card.card-1 .circle{background-color: #7188f2;}
.custom-card.card-2{background-color: #fd8893;}
.custom-card.card-2 .circle{background-color: #e17da1;}
.custom-card.card-3{background-color: #f8945e;}
.custom-card.card-3 .circle{background-color: #ee884e;}
.custom-card.card-4{background-color: #7e80be;}
.custom-card.card-4 .circle{background-color: #7b77c4;}
.custom-card.card-5{background-color: #49479d;}
.custom-card.card-5 .circle{background-color: #514aaa;}

.media-events{background-color: #fff;border-radius: 10px;box-shadow: 0px 0px 5px 0 rgba(31, 30, 30, 0.2);position: relative;height: 120px;overflow: hidden;display: flex;}
.media-events span{font-size: 2rem;font-weight: 600;line-height: 1;}
.media-events img{max-height: 120px;object-fit: cover;width: 100%;}
.media-events h5{font-weight: 100;font-size: 1.5625rem;margin: 0;}
.media-events .media-body{padding: 25px;}

.page-content .form-group.custom-form-group{margin-bottom: 2rem;}
.d-content{display: contents;}
.form-group.custom-form-group label, .custom-label{color:#000;font-size:0.9375rem;top:6px;}
.form-group.custom-form-group small{font-size:0.75rem;font-weight: 500;}
.page-content .form-group.custom-form-group small{position: absolute;}
.form-group.custom-form-group input, .form-group.custom-form-group select, .form-group.custom-form-group textarea{background-image: none;border:1px solid #D8E2F0;border-radius: 5px;color:#bdbdbd;height: 50px !important;padding:12px 15px;transition:.5s ease-in-out;font-size:0.875rem;background-color: #fff;line-height: 1.2;filter: drop-shadow(0px 4px 16px rgba(211,215,221,.5 ))}
.form-group.custom-form-group textarea{width: 100%;height: 100px !important;resize: none;}
.form-group.custom-form-group .view-password{position: absolute;right: 12px;padding-top: 1.75rem;top: 0;}
.form-group.custom-form-group .view-password img{display: none;cursor: pointer;}
.form-group.custom-form-group .view-password .show-password{margin-top: 17px;}
.form-group.custom-form-group .view-password .hide-password{margin-top: 17px;}
.form-group.custom-form-group.password-group.is-filled .view-password .show-password{display: block}
.form-group.custom-form-group select, .form-group.custom-form-group select:focus{background: #fff url(../images/icons/dropdown-select.svg) no-repeat top 20px right 11px !important;padding-right: 35px;transition: .5s ease-in-out}
.form-group.custom-form-group .form-control.is-invalid:focus{box-shadow: none;border-color:#f44336;}
.form-group.custom-form-group.is-filled input, .form-group.custom-form-group.is-filled select, .form-group.custom-form-group.is-filled textarea{color:#242424;}
.form-group.custom-form-group input::placeholder, .form-group.custom-form-group select::placeholder, .form-group.custom-form-group textarea::placeholder{font-size: 0.875rem;font-weight: 100;color: #bdbdbd;line-height: 1.2;}
.form-group.custom-form-group input:focus, .form-group.custom-form-group select:focus, .form-group.custom-form-group textarea:focus {border-color:#242424;background-image: none;outline:none;}
.form-group.custom-form-group input.date-input, .form-group.custom-form-group input.date-range-input{background:#fff url(../images/icons/calendar-icon.svg) no-repeat top 15px right 12px;padding-right: 40px;background-size: 18px;}
.form-group.custom-form-group input.time-input{background:#fff url(../images/icons/clock-icon.svg) no-repeat top 16px right 10px;padding-right: 40px;}
.form-group.custom-form-group small {font-size: 0.75rem;font-weight: 500;}
.form-group.custom-form-group input.search-input, .form-group.custom-form-group input.search-input:focus, .form-group.custom-form-group.is-filled input.search-input{background: #fff url(../images/icons/search-icon.svg) no-repeat top 17px right 15px;padding-right: 35px;}
.form-group.custom-form-group .error{position: absolute;font-size: 10px;color: #ff0000;bottom: -20px;line-height: 1;}
.form-group.custom-form-group .error p{margin: 0;}

.primary-btn, .secondary-btn, .tertiary-btn{border-radius: 5px;height: 50px;padding: 7px 25px;transition: .5s ease-in-out;font-size: 0.875rem;text-transform: uppercase;margin-bottom: 0;display: flex;align-items: center;}
.primary-btn, .primary-btn:hover, .primary-btn:focus, .secondary-btn:active{background-color: #3B68D5 !important;color:#fff !important;}
/*.secondary-btn, .secondary-btn:hover, .secondary-btn:focus, .secondary-btn:active{background-color: #747678 !important;color:#fff !important;}
.tertiary-btn, .tertiary-btn:hover, .tertiary-btn:focus, .tertiary-btn:active{background-color: #fff !important;color:#000 !important;border:1px solid #cfd0d0;}*/
.overflow-x{overflow-x: auto;padding: 0 5px}
.table-fixed{table-layout: fixed;}
table.custom-table{border-collapse:separate;border-spacing:0 15px;}
.custom-table thead th{color: #B0BAC9;font-weight: 500;font-size: 14px;text-transform: uppercase;padding: 0 30px;}
.custom-table thead th, .custom-table tbody td{}
.custom-table tbody td{color: #46526D;font-size: 15px;height: 70px;vertical-align: middle;padding: 20px 30px;overflow: hidden;text-overflow: ellipsis;}
.custom-table tbody tr{box-shadow: 0px 0px 5px 0 rgba(31, 30, 30, 0.19);border-radius: 5px;}
.table-borderless td, .table-borderless th, .table-borderless thead th {border: 0;}

.full-details .mobile-no{font-size: 0.875rem;display: flex;align-items: center;}
.full-details ul{padding: 0;list-style: none;margin: 0;}
.full-details ul li{margin-bottom: 10px;}
.full-details ul li.website{font-weight: 500;color: #3B68D5;}
.full-details ul li.website span{color: #000;}
.full-details ul li .web{color: #3B68D5;text-decoration: underline;}
.full-details ul li .column-title{color: #959595;font-weight: 100;}
.full-details .description{font-size: 0.875rem;}
.closepopup{position: absolute;right: 20px;top: 20px;z-index: 1;}

.upload-profile-outer{width: 150px;height: 150px;background-color: #E6E6E6;border-radius: 80px;border: 2px solid #fff;filter: drop-shadow(0px 4px 16px rgba(211,215,221,.5 ));display: flex;align-items: center;justify-content: center;position: relative;margin: 20px 0;transition: .5s ease-in-out}
.upload-profile-outer .replace-img{width: 150px;height: 150px;border-radius: 100%;border: 2px solid #fff; transition: .5s ease-in-out}
.upload-profile-outer .replace-img-square{width: 150px;height: 150px;border: 2px solid #fff;border-radius: 100px;transition: .5s ease-in-out}
.upload-profile-outer .browse-file{width: 45px;height: 45px;background-color: #fff;border: 2px solid #E6E6E6;border-radius: 25px;position: absolute;right: -13px;bottom: 10px;display: flex;justify-content: center;overflow: hidden;}.upload-profile-outer .browse-file input{opacity: 0;position: absolute;width: 100%;height: 100%;cursor: pointer;z-index: 1;}
.upload-profile-outer .browse-file img{width: 20px;}

/* Custom Datepicker */
.datepicker.datepicker-dropdown, .bootstrap-timepicker-widget{opacity: 1;transform: scale(1);}
.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {cursor: pointer;font-weight: 600;}
.datepicker th, .datepicker td{font-size: 0.8125rem;}
.datepicker th.dow, .datepicker td.day{width: 30px !important;height: 28px !important;}
.datepicker th{font-weight: 500;color: #000;}
.datepicker table tr td.today.day, .datepicker table tr td.today.day:hover{background-image: none !important;background-color: #3b68d5 !important;color:#fff !important;}
.datepicker table tr td.active.day{background-image: none;background-color: #204bb3 !important;color:#fff;}

/*Custom Time Start*/
.bootstrap-timepicker-widget table td input{border: 1px solid #d5d5d5;border-radius: 5px;color: #000;width: 35px !important;transition: .5s ease-in-out;}
.bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td input:active{border-color:#242424;background-image: none;outline:none;}
.bootstrap-timepicker-widget table td a{position: relative;background-color: #fff;width: 35px !important;height: 22px;border-radius: 4px;margin-top: 5px !important;}
.bootstrap-timepicker-widget table td a:hover{background-color: #eee;}
.bootstrap-timepicker-widget table td a .glyphicon-chevron-up:before, .bootstrap-timepicker-widget table td a .glyphicon-chevron-down:before{position: absolute;padding: 0;content: "";width: 8px;height: 8px;border-top: 1.4px solid;border-right: 1.4px solid;border-color: #484848;left: 12px;}
.bootstrap-timepicker-widget table td a .glyphicon-chevron-up:before{transform: rotate(-45deg);top: 9px;}
.bootstrap-timepicker-widget table td a .glyphicon-chevron-down:before{transform: rotate(135deg);top: 4px;}

/*Custom Tabs*/
.custom-tabs li{margin: 0 10px 0 0 !important;display: flex;}
.custom-tabs li a{padding: 10px 20px;color: #3B68D5;border: 1px solid #3B68D5;font-weight: 500;position: relative;}
.custom-tabs li a.active{background-color: #3B68D5;color: #fff;}
.custom-tabs li a.active:after{content: '';position: absolute;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 10px solid #3B68D5;left: 50%;bottom: -10px;transform: translateX(-50%);}
.tab-content{margin-top: 20px;}

/*Custom Daterangepicker*/
.daterangepicker {font-family: 'Roboto', sans-serif;}

/*Notification Page*/
.notification-outer{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #e9eaf2;}
.notification-outer h6{font-weight: 500;font-size: 1rem;margin-bottom: 0;}
.notification-outer p{margin: 5px 0 0px;font-size: 0.875rem;color: #999;}
.notification-outer time{font-size: 0.75rem;font-weight: 500;color: #d42a59;}

/*Highchart*/
.highcharts-title, .highcharts-exporting-group, .highcharts-credits, .highcharts-yaxis{display: none;}
.highcharts-legend-item tspan, .highcharts-tooltip, .highcharts-axis-labels text, .highcharts-axis tspan{font-family: 'Roboto', sans-serif;}
.highcharts-container {outline: none;}

.modal-table.custom-table thead th{padding: 0 20px;}
.modal-table.custom-table tbody td{height: 50px;padding: 15px 20px;}


@media (min-width: 576px){
    .modal-dialog.modal-md {max-width: 650px;}
}
@media (min-width: 1200px){
    .modal-xl {max-width: 1140px;}
}

.desp{
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
}

/*Pagination*/
.pagging .pagination .page-item .page-link{min-width: 0;padding: 0;margin: 0 5px;}
.pagging .pagination .page-item .page-link a{background-color: #e7e7e7}
.pagging .pagination .page-item .page-link a, .pagging .pagination .page-item.active span.page-link{padding: 0px 10px;height: 30px;line-height: 0;display: flex;align-items: center;justify-content: center;font-size: 14px;border-radius: 0;}
.pagging .pagination{padding: 0 !important;}
.pagging .pagination .page-item.active span.page-link{background: #3b68d5;}


.dropdown.bootstrap-select.form-control{background: #fff url(../images/icons/dropdown-select.svg) no-repeat top 20px right 11px !important;transition: .5s ease-in-out;height: 50px;border: 1px solid #D8E2F0;border-radius: 5px;box-shadow: 0px 4px 16px rgba(211,215,221,.5 );}
.dropdown.bootstrap-select.form-control .filter-option-inner{color: #000;font-weight: 400;line-height: 2.1;}
.dropdown.bootstrap-select.form-control .dropdown-toggle{margin-bottom: 0;height: 100%;}
.dropdown.bootstrap-select.form-control .dropdown-toggle:focus, .dropdown.bootstrap-select.form-control .dropdown-toggle:hover{outline: 0 !important;outline-offset: 0;background: #fff url(../images/icons/dropdown-select.svg) no-repeat top 20px right 11px !important;;padding-right: 35px;}
.bootstrap-select .dropdown-toggle:after{display: none;}
.dropdown.bootstrap-select.form-control .dropdown-menu{width: 100%;}
.dropdown.bootstrap-select.form-control .dropdown-menu li a{width: 100%;min-height: inherit;padding: 10px 15px;font-size: 15px;min-width: inherit;max-width: 100%;font-size: 15px;}
.dropdown.bootstrap-select.form-control .dropdown-menu .bs-searchbox input{height: 35px !important;border-color: #3b68d5;filter: none !important;}