/* @import url("font_style/stylesheet.css"); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
*{
    font-family: Poppins;
}
.jumbotron{
    padding: 4rem 2rem;
  margin-bottom: 2rem;
  background-color: #E6E7E9;
  border-radius: .3rem;
}
.NewAccSteps {
    z-index: 100;
    font-family: Poppins;
    background-color: #FFFFFF;
    position: fixed;
    width: 100%;
    height: 100%;
}
.NewAccSteps h1 {
    color: #ED3237;
    text-align: center;
}
.NewAccSteps p {
    color: #ED3237;
    text-align: center;
}


.LoginForm{
    font-family: poppins-regular;
    padding-top: 100px;
}

.LoginForm .LoginBG{
	background-image: url("../_img/loginicon_01.jpg");
	height: 470px;
	background-repeat: no-repeat;
	background-size: cover;
}

.LoginForm .LoginBox{
    background-color: #FBFBFB;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 70px #E4E4E4;
    box-shadow: 0 0 70px #E4E4E4;
}

.LoginForm .LoginBox form{
	margin-top: 20px;
	text-transform: uppercase;
	font-size: 12px;
}

.LoginForm .LoginBox .form-control{
	height: 45px;
	border-radius: 0px;
}

.LoginForm .LoginBox .LoginButton{
	width: 100%;
}


.LoginForm .LoginBox .Link{
	text-align: center;
	margin-top: 20px;
}

.LoginForm .LoginBox .Link a{
	font-size: 12px;
	color:#000000;
}

.LoginForm .LoginBox .SoftwareVersion{
	text-align: center;
	color:#EE1D23;
	font-size: 12px;
	margin-top: 20px;
}

.LoginForm .FooterLink{
	text-align: center;
	margin-top: 10px;
}

.LoginForm .FooterLink a{
	font-size: 12px;
	color:#000000;
}


@media (min-width: 320px) and (max-width: 660px) {
    .BottomHeader .topmenu_nav{
        display: none!important;

    }
.LoginForm {
    padding-top: 0px;
}
.LoginForm .LoginBox{
    min-height: 550px;
}
}
.jumbotron {
	
}
.jumbotron h3 {
	font-family: Poppins;	
}
.jumbotron p {
	font-family: Poppins;	
}
/*..................................*/

.navbar{
    font-family: poppins-medium;
    background-color: #F3F3F3;
    border-bottom: #000000 0px solid;
    border-top: #000000 0px solid;
    font-size: 16px;
}
.navbar .navbar-brand {
	font-family: poppins-medium;
}

.navbar .navbar-brand span {
    font-family: poppins-black;
    color: #ED0003;
}

.navbar .navbar-collapse ul li a {
	color: #3E3E3F;
	font-size: 12px;
}


.navbar .navbar-collapse ul li a:active {
	color: #3E3E3F;
	background-color: #EE1D23;
}

.navbar .navbar-collapse ul li a:hover {
	color: #FFFFFF;
	background-color: #EE1D23;
}

.navbar .navbar-collapse .dropdown-menu li a {
	color: #3E3E3F;
}

.navbar .navbar-collapse .dropdown-menu li a:hover {
	color: #FFFFFF;
	background-color: #EE1D23;
}


.navbar .navbar-collapse .dropdown-menu li a:hover .badge{
	color: #EE1D23;
	background-color: #FFFFFF;
}


.navbar .badge {
	color: #FFFFFF;
	background-color: #EE1D23;
}
.navbar .dropdown-header {
    color: #ED3237;
    font-family: poppins-bold;
    text-transform: uppercase;
}


/*.................................*/


.BottomHeader {
	background-color: #EE1D23;

}

.BottomHeader .NavBarColor {
	background-color: #EE1D23;
	border-radius: 0px;
    display: none;

	}
.BottomHeader .NavBarColor li a {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	font-family: Poppins;
	font-size: 12px;
	text-transform: uppercase;
    transition: .35s ease color;
	}
.BottomHeader .NavBarColor li a:visited {
	color: #FFFFFF;
}
.BottomHeader .NavBarColor ul li a:hover {
	color: #EE1D23;
	background-color: #FFFFFF;
}

@media (min-width: 666px) and (max-width: 1280px) {

.BottomHeader .NavBarColor li a {
	font-size: 10px;
	}

}

@media (min-width: 320px) and (max-width: 660px) {

}
/*.................................*/


.SpacingBox {
	height: 40px;
	}
	
.SpacingBox1 {
	height: 10px;
	}
		
.SpacingBox2 {
	height: 20px;
	}


/*.................................*/

.WorkArea{
}

.WorkArea h4 {
    font-family: Poppins;
    color: #EE1D23;
}



.HeaderNewsArea{
    font-family: poppins-regular;
    background-color: #E7E7E7;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px;
    color: #636363;
    font-size: 14px;
}
.HeaderNewsArea a{
    color: #636363;
}
.HeaderNewsArea a:hover{
	color:#FFFFFF;
	text-decoration: none;
}
.HeaderNewsArea span{
    font-family: poppins-medium;
    font-size: 14px;
    color: #EE1D23;
}



/*.................................*/

.NewsView {
	font-family: Poppins;
}

.NewsView .Box{
	padding: 40px;
	background-color: #F0F0F0;
}

/*.................................*/

.DashBoard {
    font-family: Poppins;
}
.DashBoard .HomeShortIcon {
    border-bottom: 2px dotted #A2A2A2;
    padding-top: 10px;
    padding-bottom: 10px;
}
.DashBoard .HomeShortIcon a {
    margin-right: 5px;
}

.DashBoard .WelcomeText{
	font-size: 30px;
}

.DashBoard .WelcomeAdminText{
	font-family: Poppins;
	font-size: 24px;
	color: #EE1D23;
}
.DashBoard .WelcomeAdminText span{
	font-family: Poppins;
}

.DashBoard .LoginTimeDetails{
	color: #939598;
}

.DashBoard .LoginTimeDetails h3{
	font-family: Poppins;
}

.DashBoard .TaskBox {
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
}


.DashBoard .TaskBox .TaskBoxTime{
    background-color: #FFFFFF;
    border-radius: 5px;
    text-align: center;
}

.DashBoard .TaskBox .TaskBoxTime .h4{
    text-transform: uppercase;
    font-size: 10px;
}

.DashBoard .TaskBox .TaskBoxTime .h1{
	text-transform: uppercase;
	margin-top: -10px;
	margin-bottom: -10px;
	font-size: 32px;
}

.DashBoard .TaskBox .TaskDetails{
	text-align: left;
	padding-left: 20px;
}

.DashBoard .TaskBox .TaskDetails .tb_h {
	font-family: Poppins;
	font-size: 16px;
}

.DashBoard .TaskBox .TaskDetails .tb_date{
	font-family: Poppins;
	font-size: 14px;
	margin-top: -5px;
}

.DashBoard .TaskBox .TaskDetails p{
	font-size: 12px;
}

.DashBoard  .DashBoardLink{
	margin-top: 10px;
}


.DashBoard  .DashBoardLink a{
	background-color: #EE1D23;
	color: #FFFFFF;
	font-size: 18px;
}
.DashBoard  .EmpImportant {
    background-color: #F1F1F2;
    font-size: 18px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
}
.DashBoard  .EmpImportant .h2 {
    font-family: Poppins;
    color: #ED3237;
}
.DashBoard  .EmpImportant p {
    font-family: Poppins-light;
    font-size: 14px;
    color: #96989A;
}

.DashBoard  .EmpImportant-Black {
    background-color: #373435;
    font-size: 18px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 15px;
}
.DashBoard  .EmpImportant-Black .h2 {
    font-family: Poppins;
    color: #FFFFFF;
}
.DashBoard  .EmpImportant-Black p {
    font-family: Poppins ;
    font-size: 14px;
    color: #FFFFFF;
}


.DashBoard .Notification {
    background-color: #F1F1F2;
    border-radius: 10px;
    margin-top: 10px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.DashBoard .Notification .header {
    border-bottom: 1px dotted #727272;
    padding-bottom: 5px;
}
.DashBoard .Notification .TaskNotfication {
    border-bottom: 1px solid #7E7E7E;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.DashBoard .Notification .TaskNotfication .n_h1 {
    color: #000000;
    font-family: Poppins;
    font-size: 12px;
    padding-left: 10px;
}
.DashBoard .Notification .TaskNotfication .n_date {
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    padding-left: 10px;
}
.DashBoard .Notification .TaskNotfication .n_details {
    color: #000000;
    font-family: Poppins;
    font-size: 12px;
    padding-left: 10px;
}
.DashBoard .Notification .TaskNotfication a {
    color: #000000;
    font-family: Poppins;
    border: 2px dotted #232323;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-radius: 10px;
}
.DashBoard .Notification .ViewAllNotifications {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.DashBoard .Notification .NoNotifications {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #535353;
    font-family: Poppins, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    border-bottom: 1px solid #7E7E7E;
}



@media (min-width: 666px) and (max-width: 1280px) {


	
}


@media (min-width: 320px) and (max-width: 660px) {
	

.DashBoard .WelcomeText{
	font-size: 40px;
}

.DashBoard .WelcomeAdminText{
	font-size: 23px;
}

.DashBoard .LoginTimeDetails h1{
	font-size: 20px;
}

.DashBoard .LoginTimeDetails h3{
}

}


.OurPriceList {
    margin-top: 10px;	
}
.OurPriceList .btn-group {
    width: 100%;
}
.OurPriceList .btn-group ul li a {
	font-family: Poppins-regular;
	border-bottom: #000000 0px solid;
	border-top: #000000 0px solid;
	font-size: 12px;
}
.OurPriceList .btn-group .dropdown-header {
    font-family: Poppins;
    border-bottom: #000000 0px solid;
    border-top: #000000 0px solid;
    font-size: 14px;
    color: #ED3237;
    text-transform: uppercase;
}
/*.................................*/


.TopPageHead {
    background-color: #FAFAFA;
	}
.TopPageHead h5 {
    font-family: Poppins;
    margin-top: 12px;
	}
.TopPageHead input {
    margin: 5px;
    width: 100%;
    border: 1px solid #C3C3C3;
    padding: 5px;
	}

/*.................................*/
.modal {
	
}
.modal .modal-header {
    background-color: #DFDFDF;	
}
.modal .modal-header h4 {
    font-family: Poppins;
    color: #000000;
}
.modal-body {
    font-family: Poppins, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;	
}
.modal-body h2 {
    font-family: Poppins;
    color: #ED3237;	
}
.modal-body h6 {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    color: #000000;
}
.modal-body h4 {
    font-family: Poppins;
    color: #000000;
}
.modal-body table tr td {
    font-family: Poppins, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    color: #000000;
}

.modal .modal-footer {
    background-color: #EFEFEF;
}
/*.................................*/

.ContentArea {
    font-family: Poppins;
	}


.ContentArea .SalaryDialogueBox{
	font-family: Poppins;
	background-color:#C3C3C3;
	padding: 20px;
	margin: 20px;
}

.ContentArea .ProfileIcon{
	margin-top: 70px;
}

.ContentArea .ProfileIcon img{
	padding-bottom: 20px;
	border-bottom: #D9DADC 2px solid;
}

.ContentArea .form-control{
	height: 45px;
	}

/*..................................*/


.TaskInbox {
    font-family: poppins;
	}


.TaskInbox .InboxHeader{
    color: #353535;
    padding-bottom: 15px;
	}


.TaskInbox .InboxHeader .InboxImageArea{
    background-color: #E6E7E8;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
	}

.TaskInbox .InboxHeader .InboxImageArea span{
    font-size: 16px;
	}

.TaskInbox .InboxHeader .InboxImageArea img{
    width: 70px;
	}

.TaskInbox .InboxHeader a i {
    margin-right: 5px;
	}
.TaskInbox .InboxHeader a{
	text-decoration: none;
	}


.TaskInbox .InboxHeader a:hover{
	padding-top: 10px;
	padding-bottom: 10px;
   background-color: #ED3237;
	}


.TaskInbox  .InboxView{
   
	}


.TaskInbox  .InboxView .InboxViewHeader{
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #F5F5F5;
    font-size: 25px;
	}
.TaskInbox  .InboxView .InboxViewHeader input{
    margin-top: 10px;
	}
.TaskInbox  .InboxView .InboxViewHeader p{
	font-size: 12px;
	margin-top: -5px;
	}

.TaskInbox  .InboxView .InboxViewHeader  label{
	text-transform: uppercase;
	font-size: 12px;
	padding-right: 5px;
	padding-top: 10px;
}


.TaskInbox  .InboxView .InboxViewHeader  input{
	float: right;
	height: 40px;
	width: 85%;
	font-size: 12px;
	margin-bottom: 10px;
}

.TaskInbox  .InboxView  .table {
    margin-top: 15px;
	font-size: 12px;
}


.TaskInbox  .InboxView  .table thead {
    background-color: #FFFFFF;
    text-transform: uppercase;
}

.TaskInbox  .InboxView  .table thead th{
	text-align: center;
}

.TaskInbox  .InboxView  .table tbody td{
	font-size: 14px;
}

.TaskInbox  .InboxView  .table   .Link{
}

.TaskInbox  .InboxView  .table tr td:hover {
    color: #464646;
    background-color: #E8E8E8;
}

.TaskInbox  .InboxView  .table tr a {
    color: #464646;
    text-decoration: none;
}
.TaskInbox  .InboxView  .table tr a:hover {
    color: #ED3237;
}


.TaskInbox  .InboxView  .table   .btn {
    /* color: #FFFFFF; */
    font-size: 10px;
}
.TaskInbox  .InboxView  .table   .Link a{
    color: #FFFFFF;
    font-size: 10px;
}
.TaskInbox  .InboxView  .table   .Link a:hover {
	color: #FFFFFF;
}


.TaskInbox  .InboxView  .table .Read{
	background-color: #FFFFFF;
}

.TaskInbox  .InboxView  .table .UnRead{
	background-color: #BDBFC1;
}

.TaskClosing {
    background-color: #9A0002;
    padding-top: 15px;
    padding-bottom: 15px;
}
.TaskClosing label {
    color: #FFFFFF;
}

/*.................................*/
.TaskViewHeader{
	background-color: #F5F5F6;
	padding: 20px;
}
.TaskViewHeader .TaskName{
    font-size: 22px;
    padding-bottom: 10px;
    font-family: Poppins;
    color: #ED3237;
}
.TaskViewHeader table tr td {
    font-size: 13px;
    font-family: Poppins;
    color: #4F4F4F;
}

.ViewTaskDetails {
    font-family: Poppins, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 14px;
}
.ViewTaskDetails .TaskDetails{
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.ViewTaskDetails .DefaultReplyBar{
    font-size: 14px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.TaskReplyFields {
    background-color: #F0F0F0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.TaskReplyFields select {
}
.control-label{
    padding-top: 7px;
    margin-bottom: 0;
   font-weight: bold;
}



@media (min-width: 666px) and (max-width: 1280px) {


	
}


@media (min-width: 320px) and (max-width: 660px) {
	
.ViewTaskDetails .TaskName{
	font-size: 18px;
}

.ViewTaskDetails .DefaultReplyBar{
	background-color: #F5F5F6;
	padding-top: 20px;
	padding-bottom: 40px;
}

.ViewTaskDetails select{
	width: 100%;
}



}

/*..................................*/

.nav-pills {
	
}
.nav-pills li a {
    font-family: Poppins;
    color: #000000;
    border: 1px dotted #E3E3E3;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 12px;
}
.nav-pills li a:hover {
    font-family: Poppins;
    color: #FFFFFF;
    background-color: #ED3237;
}
.nav-pills li .active {
    font-family: Poppins;
    color: #FFFFFF;
    background-color: #ED3237;
}


.Settings {
	
}
.Settings h1 {
    font-family: Poppins;
    color: #ED3237;
}
.Settings h2 {
    font-family: Poppins;
    color: #ED3237;
}
.Settings h3 {
    font-family: Poppins;
    color: #ED3237;
}
.Settings h4 {
    font-family: Poppins;
    color: #ED3237;
}
.Settings h5 {
    font-family: Poppins;
    color: #ED3237;
}
.Settings h6 {
    font-family: Poppins;
    color: #ED3237;
}
.Settings p {
    font-family: Poppins;
}
/*.................................*/

.TableView {
	font-family: Poppins;
}

.TableView .table thead {
	
	text-transform: uppercase;
}

.TableView .table thead th{
	text-align: center;
}

.TableView .table tbody td{
}

.TableView  .Link{
	margin-top: 40px;
}

.table thead {
    font-family: Poppins;
	text-transform: uppercase;
}
.table thead th{
	text-align: center;
}
.table tbody td{
    font-family: Poppins, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.table tbody td .Link {
    font-family: Poppins, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    color: #2E2E2E;
}
.table tbody td .Link:hover {
    color: #ED3237;
}


.eMailHistory {
	font-family: Poppins;
	font-size: 10px;
}




.TodaysUpdate {
	
}
.TodaysUpdate h2 {
    font-family: Poppins;
    color: #ED3237;
}
.TodaysUpdate h6 {
    font-family: Poppins;
    color: #ED3237;
}
/*.................................*/


.Profile
{
	font-family: Poppins;
}
.Profile h5
{
	font-family: Poppins;
}

/***
Bootstrap Line Tabs by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/

/* Tabs panel */
.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
    margin-right: 2px;
    font-family: Poppins, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0 !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.menu_title {
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    margin: 0 5px;
    font-size:18px;
}


@media (max-width:768px){
    
.fb-profile-text>h1{
    font-weight: 700;
    font-size:16px;
}

.fb-image-profile
{
    margin: -45px 10px 0px 25px;
    z-index: 9;
    width: 20%; 
}
}
 
 /*..................................*/

.ContentArea table{
	
}
.ContentArea table tr th{
	padding-left: 10px;
	
}
.ContentArea table tr td{
	padding-left: 10px;
	font-size: 15px;
	
}
.ContentArea .Table{
	border: none;
	
}
 
 
/*.................................*/


.footer {
    color: #000000;
    font-family: poppins-regular;
    font-size: 12px;
    background-color: #FFFFFF;
    width: 100%;
    padding-top: 10px;
    position: fixed;
    bottom: 0px;
    border-top: 1px dotted #DCDCDC;
	}
.footer a {
	color: #363636;
}.footer a:hover {
	color:#0063B8;
}
.footer .Right {
	text-align: right;
}