@import url('../fonts/Roboto/Roboto-Black.ttf');

body

{

	/*background-color: #f8f8f8;*/
	background-color: #fff;
	float: left;
	width: 100%;
	font-family: 'Calibri', sans-serif !important;

}


p, h1, h2, h3, h4, h5, h6

{

	color: #000000;

	margin-bottom: 0;

}

a

{

	color: #000000!important;

}

a:hover

{

	text-decoration: none!important;

}



.light-primary

{

	background-color: rgba(115,103,240,.12)!important;

}

.light-info

{

	background-color: rgba(0,207,232,.12)!important;

}

.light-danger

{

	background-color: rgba(234,84,85,.12)!important;

}

.light-success

{

	background-color: rgba(40,199,111,.12)!important;

}

.light-warning

{

	background-color: #efe3bd!important;

}

.light-secondary

{

	background-color: #d2d3d5!important;

}

.rounded-border

{

	border-radius: 50%!important;

}

.small-font

{

	font-size: .8rem!important;

}

.pull-left

{

	float: left;

}

.pull-right

{

	float: right;

}

.text-bold

{

	font-weight: 600;

}

.bold-500

{

	font-weight: 500;

}

.cursor-pointer

{

	cursor: pointer;

}

.border-10

{

	border-radius: 10px;

}

.border-15

{

	border-radius: 15px;

}

.border-20

{

	border-radius: 20px;

}

.border-25

{

	border-radius: 25px;

}

.border-5

{

	border-radius: 5px;

}

.border-8

{

	border-radius: 8px;

}

.border-3

{

	border-radius: 3px;

}

.border-4

{

	border-radius: 4px;

}

main

{

	width: 100%;

	float: left;

}

.container-fluid

{

	width: 100%;

	float: left;

}

.sidebar

{	

	width: 260px;

	float: left;

	background-color:#ffffff ;

	height: 100vh;

	padding: 15px;

	overflow: auto;

	position: fixed;

	z-index: 999;
	
	transition:1s;

}

.main-content

{

	width: calc(100% - 260px);

	float: left;

	padding: 15px;

	margin-left: 260px;
	
	transition:1s;

}

.sidebar .menu-list .nav 

{

	width: 100%;	

}

.sidebar .menu-list .nav .divider

{

	font-size: 13px;

    padding: 8px;

    color: #676d7d;

    font-weight: 500;

}

.sidebar .menu-list .nav .menu-item,

.sidebar .menu-list .nav .menu-item a

{

	width: 100%;	

	float: left;

}

.sidebar .menu-list .nav .menu-item a

{

	padding: 8px;

	color: #b4b7bd;

	border-radius: 8px;

	font-size: 15px;

}

.sidebar .menu-list .nav .menu-item a i

{

	vertical-align: middle;
	margin-right:10px;
	width:15px;

}
.sidebar .menu-list .nav .menu-item a:hover, .sidebar .menu-list .nav .menu-item a.active

{

	text-decoration: none;

	background-color: #007bff;

	color: #fff!important;

}



/* user menu settings */

#c_dropdown {

  display: block;    

  margin: 0 auto;

  -webkit-transition: all 0.15s linear;

  -moz-transition: all 0.15s linear;

  -ms-transition: all 0.15s linear;

  -o-transition: all 0.15s linear;

  transition: all 0.15s linear;

}

#c_dropdown:hover {

  color: #898989;

}



#c_dropdown.open {  

  color: #fff;

  border-left-color: #6c6d70;



}



#c_dropdown .submenu {

 	float: left;

	width: 100%;

	padding: 0;
	
	display:none;


}

#c_dropdown ul li {

  /*font-size: 0.9em;*/

  list-style-type: none;

  float: left;

  width: 100%;

}



#c_dropdown ul li a {

  text-decoration: none;

  display: block;

  color: #b4b7bd;

  padding: 7px 15px;

}

#c_dropdown ul li a:hover {

  color: #6fa0e9;

  /*background: #e7f0f7;*/

}



/*header*/

.main-content .navbar

{

	box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);

	background-color: #fff;

	margin-bottom: 10px;

}

.border-radius

{

	border-radius: .428rem;

}

.navbar-expand-sm .navbar-nav .nav-link

{

	font-size: 18px;

}

.navbar-expand-sm .navbar-right .nav-link

{

	/*font-size: 16px;*/

}

.navbar-expand-sm .navbar-nav .dropdown-toggle::after

{

	display: none;

}

.user-profile

{

	display: flex;

	align-items: center;

}

.user-profile .user-name

{

	width: 65%;

	float: left;

}

.user-profile .user-details

{

	width: calc(100% - 40px);

}

.user-profile .profile-icon

{

	width: 35%;

	float: left;

	position: relative;

}

.user-profile .user-name h5

{

	font-size: 16px;

	margin-right: 10px;

}

.user-profile .user-name p

{

	font-size: 14px;

	text-align: right;

	margin-right: 10px;

	line-height: 1;

}

.user-profile .profile-icon img

{

	width: 40px;

	height: 40px;

	position: relative;

}

.user-profile .profile-icon:after

{

	content: '';

	position: absolute;

	bottom: 0;

	right: 3px;

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background-color: #07ea07;

}

.shop-cart .nav-link, .notification .nav-link

{

	position: relative;

}

.shop-cart .nav-link .cart-count, .notification .nav-link .notification-count

{

	width: 20px;

	/*height: 20px;*/

	/*border-radius: 50%;*/

	display: flex;

	align-items: center;

	justify-content: center;

	position: absolute;

	top: 0;

	right: 0;

	/*background-color: blueviolet;*/

	color: #fff;
	font-size:10px;

}

.mobile-menu

	{

		display: flex;

	}

/*dropdowns*/

.shop-cart .dropdown-menu, .notification .dropdown-menu

{

	position: absolute;

	width: 370px;

	left: 0;

	transform: translate(-55%);

}

.shop-cart .dropdown-menu .cart-menu, .notification .dropdown-menu .cart-menu

{

	    position: relative;

    height: 350px;

    overflow: scroll;

    padding-bottom: 85px;

    padding-top:50px ;

}

.shop-cart .dropdown-menu .cart-menu::-webkit-scrollbar, .notification .dropdown-menu .cart-menu::-webkit-scrollbar

{

	display: none;

}

.cart-menu::-webkit-scrollbar

{

	display: none;

}

.shop-cart  .dropdown-body .cart-item, .notification .dropdown-body .cart-item

{

	border-bottom: 1px solid rgba(0,0,0,.15);

}

.shop-cart  .dropdown-body .cart-item:hover, .notification .dropdown-body .cart-item:hover

{

	background-color: rgb(199 199 199 / 15%);

	cursor: pointer;

}

.dropdown .dropdown-header

{

	border-bottom: 1px solid rgba(0,0,0,.15);

	position: fixed;

	top: 0;

	padding: 15px;

	width: 100%;

	background-color: #fff;

}

.dropdown .product-counter .count 

{

	border: 1px solid rgba(0,0,0,.15);

	float: left;	

}

.dropdown .product-counter .count span

{

	width: 25px;

	float: left;

	display: flex;

	align-items: center;

	text-align: center;

	justify-content: center;

}

.dropdown .product-counter .count .min,

.dropdown .product-counter .count .max

{

	cursor: pointer;

}

.dropdown .product-counter .count .count-value

{

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

}

.shop-cart  .dropdown-body .cart-item

{

	align-items: center;

}

.shop-cart  .dropdown-body .cart-item .product-title

{

	font-size: 14px;

}

.shop-cart  .dropdown-body .cart-item .brand-name

{

	font-size: 12px;

}

.dropdown-footer

{

	    position: fixed;

	    width: 100%;

	    bottom: 0;

	    left: 0;

	    background: #fff;

	    border-top: 1px solid rgba(0,0,0,.15);

}

.dropdown-item

{

	padding: 0.5rem 1.5rem!important;

}

.dropdown-item:hover

{

	color: #007bff!important;	

}















/*boxes*/

.box

{

	box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);

	background-color: #fff;

	padding: 0.8rem !important;	

	border-radius: .428rem;

	margin-bottom: 15px;

	position: relative;

	float: left;
	font-size : 14px !important;

    width: 100%;

}

.box .badge-img

{

	position: absolute;

	top: 0;

	right: 30px;



}

.dashboard-service-heading h4

{

	font-size: 20px;

	margin-top: 0;	

}

.dashboard-service-heading h4 span

{

	font-size: 14px;

	font-weight: normal;

}

.dashboard-service .media

{

	width: 100%;

	float: left;

	/*margin-bottom: 16px;*/

  /*margin-top: 40px;*/

}

.dashboard-service .media .m-avtar

{

	width: 65px;



}

.dashboard-service .media .m-avtar .avtar-custom

{

	width: 50px;

	height: 50px;

	border-radius: 50%;

	display: flex;

	justify-content: center;

	align-items: center;	

}

.dashboard-service .media .m-avtar .avtar-custom i

{

	font-size: 22px;

}

.badget-area .box .left-chart

{

	min-height: 100px;

}

.badget-area .revenue-report small

{

	display: flex;

	align-items: center;

	font-size: 15px;

}

.badget-area .revenue-report small .indicators

{

	width: 12px;

	height: 12px;

	float: left;

}

.badget-area .revenue-report .year-badget .side-chart

{

	/*height: 100px;*/

}

.open .dropdown-menu

{

	display:block!important;

}

.dashboard-table thead th

{

	border-top: 0;	    

    font-size: 13px;

    color: #656565;

    background: #f3f2f7;

}

.dashboard-table .table 

{

	margin-bottom: 0;

}

.dashboard-table table th,

.dashboard-table table td

{

	padding: .72rem 1rem;

}

.dashboard-table .table .user-profile

{

	width: 100%;

	float: left;

	align-items: center;

}

.dashboard-table .table .user-profile .user-icon, .user-profile .user-icon, .user-icon

{

	width: 35px;

	height: 35px;

	border-radius: 5px;

	background-color: #f8f8f8;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-right: 15px;

	/*font-size: 15px;*/

}

.dashboard-table .table .user-profile .user-icon i

{

	

}

.dashboard-table .table .user-profile .user-details .user-name, .user-details .user-name,

.dashboard-table .table h5

{

		font-size: 15px;

    color: #2d2d2d;

    margin-bottom: 0;    

    line-height: 1;

}

.dashboard-table .table .user-profile .user-details .user-email, .user-details .user-email

{

	font-size: 12px;

	margin-bottom: 0;

	color: #656565;

	font-weight: 400;

}

.card-employer .img

{

	border-top-right-radius: 7px;

	border-top-left-radius: 7px;

}

.card-employer  .employer-meetup .meet-date

{

	border-right: 1px solid;

	padding-right: 15px;

	margin-right: 15px;

}

.card-employer .employer-details h3

{

	font-size: 20px;

}

.card-employer .employer-details .meet-schedule

{



}

.card-employer .followers span

{

	width: 40px;

	height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 400;

    transition: 0.5s;

}

.card-employer .followers span img

{

	width: 100%;

	border-radius: 50%;

}

.m-left

{

	margin-left: -15px;

}

.card-employer .followers span:hover

{

	transform: scale(1.2);

	transition: 0.5s;

}

.box-heading

{

	    font-weight: 400;

	    -moz-font-weight: 400;

	    -webkit-font-weight: 400;

    font-size: 1.285rem;

    color: #5e5873;

    margin-bottom: 0;

}

.box-header .pull-right .dropdown-toggle::after

{

	display: none;

}

.browser-state .media .left-media,

.transaction .media .left-media

{

	width: 70%;

	float: left;

	display: flex;

	align-items: center;

}

.browser-state .media .right-media,

.transaction .media .right-media

{

	width: 30%;

	float: left;

	display: flex;

	align-items: center;

}

.transaction .media .right-media

{

	justify-content: right;

}

#top-row .box

{

		min-height: 190px;

}

#first-row .col-md-8 .box

{

	/*min-height: 402px;*/

}

#second-row .box

{

		min-height: 460px;

}

#third-row .box

{

		min-height: 345px;

}



/*login css*/

#login-section

{

	    width: 100%;

    float: left;

    height: 100vh;

    background: #f8f8f8;

    padding: 15px;

    position: relative;

    padding: 15px;

}

#login-section .login-area 

{

	width: 100%;

	float: left;

}

#login-section .login-area .box

{

	width: 400px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}

#login-section .login-area a:hover

{

	text-decoration: none;

}

#login-section .login-area .logo img

{

	max-width: 150px;

}

#login-section .login-area p

{

	margin-bottom: 5px;

}

 .password

 {

 	position: relative;

 }

 .password .show-password

 {

 		position: absolute;

    top: 33px;

    right: 1px;    

    border: none;

    height: 36px;

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

    padding-left: 10px;

    padding-right: 10px;

    background-color: #fff;

 }

 .checkbox

 {

 	vertical-align: middle;

 }

 .checkbox input

 {

 	    width: 20px;

    height: 20px;

    vertical-align: middle;

    margin-right: 5px;

 }

 .middle-line {

    position: relative;    

    z-index: 1;

    overflow: hidden;

    text-align: center;

    margin: 10px 0 15px 0 !important;

}

.middle-line:before, .middle-line:after {

    position: absolute;

    top: 51%;

    overflow: hidden;

    width: 48%;

    height: 1px;

    content: '\a0';

    background-color: #ddd;

}

.middle-line:after

{

	margin-left: 5px;

}

.middle-line:before {

    margin-left: -50%;

    text-align: right;

}

.social-icon-login 

{

	display: flex;

	align-items: center;

	justify-content: center;

}

.social-icon-login a

{

	    width: 30px;

    height: 30px;

    background: red;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 5px;

    /*color: #fff!important;*/

}



.form-control

{

	background-color: #fff!important;

}



/*breadcrumb*/

.page-title

{

	border-right: 1px solid #ccc;

}



.breadcrumb

{

	background: none!important;

	padding: 8px!important;

}



/*Forms*/

.form-group

{

	position: relative;

}

.with-icons .col-md-8 input, .with-icons .col-md-12 input, .with-icons .col-md-12 select

{

	padding-left: 40px;

}

.with-icons .col-md-8 i, .with-icons .col-md-12 i

{

		position: absolute;

    top: 1px;

    left: 16px;    

    border: none;

    height: 36px;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

    padding-left: 10px;

    padding-right: 10px;

    background-color: #fff;

    text-align: center;

    display: flex;

    align-items: center;

    width: 35px;

}

.with-icons .col-md-12 i

{

	left: 1px;

}

label

{

	margin-bottom: 0!important;

}



.roles-user

{

	float: left;

}

.roles-user:hover

{

	  z-index: 9;

    transform: scale(1.2);    

}

.roles-user img

{

	width: 30px;

	height: 30px;

	border-radius: 50%;

	margin-left: -10px;

}

.add-role

{

	background-image: url(../img/Illustration.svg);

	background-position: left;

	background-size: contain;

	background-repeat: no-repeat;

}

.add-new-role p

{

	line-height: 1.2;

}

.modal-backdrop

{

	background-color: #000000a6!important;

}

.role-row

{

	  border-bottom: 1px solid #ccc;

    padding: 10px;

}


.role-row input[type="checkbox"]

{

	width: 20px;

	height: 20px;

	vertical-align: middle;	

}

.roles-table .dataTables_length, .roles-table .dataTables_filter

{

	margin-bottom: 20px;

}

#editpermission .modal-header

{

	display: block;

}

#editpermission .close

{

	  position: absolute;

    top: 16px;

    right: 16px;

    z-index: 9;    

    background: #e8f0fe;

    padding: 8px;

    padding-top: 0;

}

#editpermission .alert-warning h6

{

	box-shadow: 0 6px 15px -7px rgba(255,159,67,.4);

}

.select2-container

{

	width: 100%!important;

}

.select2-container .select2-selection--single

{

	height: 38px!important;

	background: rgb(232, 240, 254)!important;

	border: 1px solid rgb(209 209 210)!important;

}



.leads-table td, .leads-table th

{

	white-space: nowrap;

}

.leads-table tr td select

{

		border: 1px solid #ccc;

    border-radius: 4px;

    font-size: 15px;

}

#leads .modal-body .profile-status

{

	border-bottom: 1px solid #dee2e6;

	padding: 0;

}

	

{

	border-bottom: 1px solid #dee2e6;

	padding: 15px;

	min-height: 100px;

}

.project-table th, .project-table td

{

	padding: 0.3rem!important;

}

.skills-section h6

{

	font-size: 14px;

}

.card

{

	border: 0!important;

}

.form-wizard .fade:not(.show)

{

	opacity: 1;

}

.form-navigation li

{

	  width: 23%;

	  margin: 0 1%;

}

.form-navigation li a

{

		background: #e8f0fe;

    padding: 8px 15px;

    text-align: center;

    color: #fff;

    border-radius: 8px;

    width: 100%;

    float: left;

    position: relative;

}

.form-navigation .tab-menu .count-step

{

	width: 40px;

	height: 40px;

	display: flex;

	justify-content: center;

	align-items: center;



}

.form-navigation .tab-menu .tab-details h5

{

	font-size: 16px;

	line-height: 1;

	text-align: left;

}

.form-navigation .tab-menu .tab-details p

{

	font-size: 14px;

}

.form-navigation .tab-menu  .fa-chevron-right

{

	position: absolute;

	right: 15px;

}

.side-navv .form-navigation li

{

	width: 100%;

	margin-bottom: 15px;

}

.side-navv .form-navigation

{

	border-bottom: 0;

	border-right: 1px solid #dee2e6;

}

table td .user-list

{

	margin-left: -10px;

	float: left;

}

table td .user-list:hover

{

	transform: scale(1.1);

}

table td.action-buttons .dropdown-toggle:empty::after

{

	display: none;

}

table td.action-buttons .dropdown li:hover

{

	background-color: rgba(40,199,111,.12);

}

.card-header

{

	background-color: #fff!important;

}

.table-bordered thead td, .table-bordered thead th

{

	border-bottom-width: 1px!important;

}

.table thead th

{

	border-top: none!important;

	border-bottom: 1px solid #dee2e6 !important;

}

.th-bg

{

	background-color: #dee2e6!important;

}

.table-body .dropdown-menu

{

	min-width: 7rem;

}

.charts-section .card-body .charts

{

	min-height: 300px;

}

.icon-section 

{

	width: 100%;

}

.icon-section  h3

{

	font-size: 22px;

	font-family: ;

}

.icon-section .icon-container

{

	width: 18%;

	height: 100px;

	float: left;

	margin: 1%;

	background-color: #fff;

	text-align: center;

	padding: 15px;

}	

.icon-section .icon-container:hover

{

	cursor: pointer;

	box-shadow: 3px 4px 11px #d2d2d2;

}

.icon-section .icon-container span

{

	width: 100%;

	display: block;

	font-size: 45px;

	color: #686868;

}

.icon-section .icon-container .icon-name

{

	font-size: 16px;

}
.mobile-menu-toggle
{
	display: none !important;
}
#icon1{
	    display:none;
	}
.secndnav{
	    height:40px;
	}
	
    .togglled .sidebar
	{
	    margin-left:-100%;
	    transition:1s;
	}
	.togglled .main-content
	{
	    width:100%;
	    transition:0.5s;
	    margin-left:0;
	}
	.timeline-steps .timeline-step
	{
	    margin:0!important;
	}
	.timeline-steps .timeline-content
	{
	    width:8.2rem!important;
	}
	#exTab2 .nav-item.active a, #exTab2 .nav-item a:hover, #exTab2 .dropdown button:hover
	{
	    font-weight: bold;
        border-radius: 0;
        background: #007bff;
        color: #fff!important;
	}
	#exTab2 .nav-item.active a:focus
	{
	    outline:none;
	    box-shadow:none;
	}
	.activiteis-details
	{
	    display:flex;
	    align-items:center;
	}
	.activiteis-details .icon
	{
	    width:35px;
	    height:35px;
	    border-radius:50%;
	    background:#2196f342;
	    display:flex;
	    align-items:center;
	    justify-content:center;
	    margin-right:10px;
	    color:#2196f3;
	}
	
@media only screen  and (max-width: 768px)
{   
    
    .box{
        min-height: 67px !important;
    }
    
	#side
	{
		margin-left:-100%;
	}
	.togglled #side
	{
	    margin-left:0%;
	}
	.togglled .main-content
	{
	    margin-left:260px;
	}
	.secndnav{
	    height:75px !important;
	}
	/*#icon1{
	    display:block;
	}*/
	.add_class {
      width: 33% !important;
      padding-right:5px !important;
      padding-left:5px !important;
    }
    .add_class1 {
      width: 25% !important;
    }
    .refresh{
    padding-left: 0px;
    padding-right: 15px;
    position: absolute;
    right: 20px;
    }
    .statusFilter{
        width: 45% !important;
        padding-right: 0px !important; 
    }
    .userFilter{
        width: 55% !important;
        padding-left: 10px !important;
    }
    .asign{
        width: 50% !important;
    }
    .kanban{
        width: 33% !important;
    }
    .import{
        width: 33% !important;
    }
    .add_lead{
        width: 33% !important;
    }
    .switch{
        width: 50% !important;
    }
}

@media only screen  and (max-width: 767px)
{
    .box
    {
        border-radius:15px;
        margin-bottom:10px;
    }
    .navbar-nav .dropdown-menu
    {
        position:absolute!important;
    }
    .shop-cart .dropdown-menu, .notification .dropdown-menu
    {
        width:300px;
    }
    .add_class1
    {
        margin-bottom:15px;
    }
}

ol.progress-track {
  display: table;
  list-style-type: none;
  margin: 0;
  padding: 2em 1em;
  table-layout: fixed;
  width: 100%;
}
ol.progress-track li {
  display: table-cell;
  line-height: 3em;
  position: relative;
  text-align: center;
}
ol.progress-track li .icon-wrap {
  border-radius: 50%;
  top: -1.5em;
  color: #fff;
  display: block;
  height: 2.5em;
  margin: 0 auto -2em;
  left: 0;
  right: 0;
  position: absolute;
  width: 2.5em;
}
ol.progress-track li .icon-check-mark,
ol.progress-track li .icon-down-arrow {
  height: 25px;
  width: 15px;
  display: inline-block;
  fill: currentColor;
}
ol.progress-track li .progress-text {
  position: relative;
  top: 10px;
}

ol.progress-track li.progress-done {
  border-top: 7px solid #007bff;
  transition: border-color 1s ease-in-out;
  -webkit-transition: border-color 1s ease-in-out;
  -moz-transition: border-color 1s ease-in-out;
}
ol.progress-track li.progress-done .icon-down-arrow {
  display: none;
}
ol.progress-track li.progress-done.progress-current .icon-wrap {
  background-color: #007bff;
}
ol.progress-track li.progress-done.progress-current .icon-wrap .icon-check-mark {
  display: none;
}
ol.progress-track li.progress-done.progress-current .icon-wrap .icon-down-arrow {
  display: block;
}
ol.progress-track li.progress-done .icon-wrap {
  background-color: #007bff;
  border: 5px solid #007bff;
}
ol.progress-track li.progress-todo {
  border-top: 7px solid #DDD;
  color: black;
}
ol.progress-track li.progress-todo .icon-wrap {
  background-color: #FFF;
  border: 5px solid #DDD;
  border-radius: 50%;
  top: -1.2em;
  color: #fff;
  display: block;
  height: 2em;
  margin: 0 auto -2em;
  position: relative;
  width: 2em;
}
ol.progress-track li.progress-todo .icon-wrap .icon-check-mark,
ol.progress-track li.progress-todo .icon-wrap .icon-down-arrow {
  display: none;
}

.progress-text.for-desktop
{
    display:block;
}
.progress-text.for-mobile
{
    display:none;
}

@media only screen and (max-width:767px)
{
    .progress-text.for-desktop
    {
        display:none;
    }
    .progress-text.for-mobile
    {
        display:block;
    }
}
.ftco-section
{
    background-image: url(https://img.freepik.com/free-photo/green-wall-mockup-with-green-plant-shelf3d-rendering_41470-4114.jpg?w=826);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left;
    height:100vh;
}
.ftco-section1
{
    background-image: url('https://crm.gpsbusiness.in/admin-panel/public/assets/img/login.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left;
    height:100vh;
}
.wizard, .col-md-9 .col-sm-12 .card.card-info
{
    background:#f2f2f2;
    border-radius:0;
}
.col-md-9 .col-sm-12 .card.card-info  .card-header
{
    background:#007bff!important;
    border-radius:0;
}
.col-md-9 .col-sm-12 .card.card-info  .card-header h4
{
    color:#fff!important;
    margin-bottom:0;
}
.wizard .list-group-item.active
{
    background:#007bff!important;
}
.wizard .list-group-item
{
    background:transparent!important;
}
.sidebar-background
{
    float:left;
    width:100%;
}
.sidebar-background .color-form-control
{
    width: 50px;
    height: 80px;
    float: left;
    border-radius: 8px;
    margin-right: 10px;
    padding: 0;
    border: none;
}
.sidebar-background .color-form-control {
  -webkit-appearance: none;
  padding: 0;
  border: none;
  border-radius: 8px;

}
.sidebar-background .color-form-control::-webkit-color-swatch {
  border: none;
  border-radius: 8px;
  padding: 0;
}
.sidebar-background .color-form-control::-webkit-color-swatch-wrapper {
  border: none;
  border-radius: 10px;
  padding: 0;
}
.theme-colorss .input-fields.form-control
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.theme-colorss .input-fields.form-control .text-feild, .theme-colorss .input-fields.form-control .color-feild
{
    border:none;
}
.theme-colorss .input-fields.form-control .color-feild
{
    width: 25px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    background: none;
}
.theme-colorss .input-fields.form-control .text-feild:focus, .theme-colorss .input-fields.form-control .color-feild:focus
{
    outline:none;
    box-shadow:none;
    
}
.theme-colorss .input-fields.form-control .color-feild {
  -webkit-appearance: none;
  padding: 0;
  border: none;
  border-radius: 10px;
  width: 20px;
  height: 20px;
}
.theme-colorss .input-fields.form-control .color-feild::-webkit-color-swatch {
  border: none;
  border-radius: 10px;
  padding: 0;
}
.theme-colorss .input-fields.form-control .color-feild::-webkit-color-swatch-wrapper {
  border: none;
  border-radius: 10px;
  padding: 0;
}
.email-tempates-tabs
{
    
}
.email-tempates-tabs .nav-tabs
{
    width:100%;
    float:left;
    border: 1px solid #dee2e6;
    background:#fff;
}
.email-tempates-tabs .nav-tabs li 
{
    width:calc(100% / 6);
    float:left;
    text-align:center;
    
    border-right:1px solid #dee2e6;
}
.email-tempates-tabs .nav-tabs li a
{
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}
.email-tempates-tabs .nav-tabs li.active a, .email-tempates-tabs .nav-tabs li a:hover
{
    background:#007bff;
    color:#fff!important;
}
.email-tempates-tabs .tab-content
{
    background:none;
    border:none;
    float:left;
    width:100%; 
}
.email-tempates-tabs .tab-content .tab-pane
{
    padding: 15px 0 ;
}
.email-tempates-tabs .tab-content .fade:not(.show)
{
    opacity:1;
}
.navbar-expand-sm .navbar-nav .dropdown-menu
{
    left:-50px;
}
@media only screen and (max-width:767px)
{
    .main-content .secndnav
    {
        display:none;
    }
}